/* css/pricing.css - PRICING PAGE ONLY - GREY BACKGROUND + 3D CARD STYLE (NO WAVES) */

.pricing-hero {
    background: var(--red-gradient);
    color:#fff;
    padding:180px 5% 120px;
    text-align:center;
    position:relative;
    overflow:hidden;
}
.pricing-hero::before {
    content:'';
    position:absolute;
    inset:0;
    background: url('https://images.unsplash.com/photo-1544627836-822bfe450209?ixlib=rb-4.0.3&auto=format&fit=crop&w=2048&q=95') center/cover no-repeat;
    opacity:0.28;
    background-position: center 30%;
}
.pricing-hero h1 { font-family:'Playfair Display',serif; font-size:4.8rem; margin-bottom:1rem; }
.pricing-hero h1 span { color:var(--gold); }
.pricing-hero .subtitle { font-size:1.5rem; opacity:0.95; margin:1.5rem 0 3rem; }
.quick-stats { display:flex; justify-content:center; gap:4rem; flex-wrap:wrap; font-size:1.3rem; }
.quick-stats div strong { display:block; font-size:2.8rem; color:var(--gold); }

/* SECTION PADDING ONLY - NO WAVES */
.section-padding {
    padding:140px 0;
    position:relative;
}

/* Grey background for all content sections */
.section-grey-bg {
    background:#f4f6f9;   /* Clean professional grey */
    padding:80px 5%;
}

/* 3D CARD STYLE - Simple & Modern */
.pricing-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
    gap:3rem;
    margin-top:4rem;
    max-width:1400px;
    margin-left:auto;
    margin-right:auto;
}
.price-card {
    background:#ffffff;
    border-radius:20px;
    overflow:hidden;
    box-shadow: 
        0 10px 30px rgba(0,0,0,0.1),
        0 30px 60px rgba(0,0,0,0.12);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position:relative;
    transform: translateY(0);
}
.price-card:hover {
    transform: translateY(-20px);
    box-shadow: 
        0 20px 50px rgba(0,0,0,0.15),
        0 50px 100px rgba(220,53,69,0.2);
}
.price-card.popular {
    border:5px solid var(--red);
    transform: scale(1.05);
}
.price-card.popular:hover {
    transform: scale(1.05) translateY(-20px);
}
.ribbon {
    position:absolute;
    top:20px;
    right:-10px;
    background:var(--gold);
    color:#000;
    padding:10px 35px;
    font-weight:800;
    font-size:1rem;
    letter-spacing:1px;
    z-index:10;
}
.card-header {
    background:var(--red-gradient);
    color:#fff;
    padding:3rem 2rem;
    text-align:center;
}
.card-header h3 {
    font-size:2rem;
    margin-bottom:0.5rem;
}
.price-details {
    padding:2.5rem 2rem;
}
.price-item {
    font-size:1.3rem;
    padding:1.2rem 0;
    border-bottom:1px solid #eee;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.price-item:last-child { border-bottom:none; }
.price-item strong { color:var(--red); font-size:1.8rem; }
.save { color:var(--gold); font-weight:700; font-size:1rem; }

.card-footer {
    padding:0 2rem 2.5rem;
    text-align:center;
}
.btn-price {
    background:var(--dark-red);
    color:#fff;
    padding:1.2rem 2.8rem;
    border-radius:60px;
    font-weight:800;
    font-size:1.1rem;
    display:inline-flex;
    align-items:center;
    gap:15px;
    transition:var(--transition);
    box-shadow:0 10px 30px rgba(198,45,40,.4);
}
.btn-price.primary { background:var(--red-gradient); }
.btn-price:hover {
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(220,53,69,.5);
}

/* Additional Services - Clean Table */
.services-table {
    max-width:900px;
    margin:4rem auto 0;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 50px rgba(0,0,0,.12);
    background:#ffffff;
}
.table-row {
    display:flex;
    justify-content:space-between;
    padding:1.8rem 3rem;
    background:#fff;
    border-bottom:1px solid #f0f0f0;
    transition:all .3s;
}
.table-row:hover { background:#f8f9fc; }
.table-row:nth-child(odd) { background:#fafbff; }
.table-row strong { color:var(--red); font-size:1.6rem; }
.table-row small { color:var(--gray); font-size:0.95rem; display:block; margin-top:4px; }

.note {
    text-align:center;
    margin-top:2.5rem;
    font-size:1.1rem;
    color:var(--gray);
}

/* Hero exit - simple clean line (no wave) */
.pricing-hero::after {
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:12px;
    background:var(--red-gradient);
}

/* Responsive */
@media (max-width:992px) {
    .pricing-grid { grid-template-columns:1fr; }
    .price-card.popular { transform:scale(1); }
}
@media (max-width:768px) {
    .pricing-hero h1 { font-size:3.5rem; }
    .quick-stats { flex-direction:column; gap:2rem; }
    .table-row { flex-direction:column; text-align:center; gap:0.5rem; }
}