/* ══════════════════════════
   tarifs.css
   ══════════════════════════ */

/* HERO */
    .page-hero{padding-top:82px;background:var(--charcoal)}
    .page-hero-inner{padding:80px 80px 72px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
    .breadcrumb{font-size:11px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;display:flex;align-items:center;gap:10px}
    .breadcrumb a{color:rgba(255,255,255,0.35);text-decoration:none;transition:color 0.2s}
    .breadcrumb a:hover{color:var(--gold)}
    .breadcrumb span{color:rgba(255,255,255,0.15)}
    .page-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,4.5vw,64px);font-weight:300;color:#fff;line-height:1.1;margin-bottom:24px}
    .page-hero h1 em{font-style:italic;color:var(--gold)}
    .page-hero-desc{font-size:16px;font-weight:300;color:rgba(255,255,255,0.5);line-height:1.8}
    .hero-reassurance{display:flex;flex-direction:column;gap:16px}
    .reassurance-item{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06)}
    .reassurance-icon{font-size:22px;flex-shrink:0;line-height:1;margin-top:2px}
    .reassurance-item h4{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:600;color:rgba(255,255,255,0.8);margin-bottom:4px}
    .reassurance-item p{font-size:13px;color:rgba(255,255,255,0.4);line-height:1.6}
    .hero-bottom-bar{border-top:1px solid rgba(255,255,255,0.06);padding:20px 80px;display:flex;align-items:center;gap:12px;font-size:13px;color:rgba(255,255,255,0.3)}
    .hero-bottom-bar strong{color:var(--gold);font-weight:500}
    .hero-bottom-bar::before{content:'';display:block;width:28px;height:1px;background:var(--gold);flex-shrink:0}

    /* SECTION BASES */
    .section-eyebrow{font-size:11px;font-weight:500;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
    .section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,3vw,44px);font-weight:300;color:var(--charcoal);line-height:1.2;margin-bottom:16px}
    .section-title em{font-style:italic;color:var(--gold)}
    .section-lead{font-size:15px;color:var(--muted);line-height:1.8;max-width:600px;margin-bottom:60px}

    /* GRILLE TARIFS */
    .tarifs-section{padding:100px 80px;background:var(--warm-white)}
    .tarifs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
    .tarif-card{background:var(--cream);padding:48px 40px;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:background 0.25s}
    .tarif-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--border);transition:background 0.25s}
    .tarif-card:hover{background:var(--section-bg)}
    .tarif-card.featured{background:var(--charcoal)}
    .tarif-card.featured::before{background:var(--gold)}
    .tarif-card.featured:hover{background:#252525}
    .tarif-label{font-size:10px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}
    .tarif-card.featured .tarif-label{color:var(--gold)}
    .tarif-name{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:var(--charcoal);line-height:1.2;margin-bottom:8px}
    .tarif-card.featured .tarif-name{color:#fff}
    .tarif-duration{font-size:13px;color:var(--muted);margin-bottom:28px}
    .tarif-card.featured .tarif-duration{color:rgba(255,255,255,0.4)}
    .tarif-price{font-family:'Cormorant Garamond',serif;font-size:52px;font-weight:300;color:var(--charcoal);line-height:1;margin-bottom:6px}
    .tarif-card.featured .tarif-price{color:#fff}
    .tarif-price sup{font-size:22px;vertical-align:top;margin-top:12px;font-weight:400}
    .tarif-price-note{font-size:12px;color:var(--muted);margin-bottom:32px}
    .tarif-card.featured .tarif-price-note{color:rgba(255,255,255,0.3)}
    .tarif-includes{list-style:none;display:flex;flex-direction:column;gap:10px;flex:1}
    .tarif-includes li{font-size:14px;color:var(--text);display:flex;gap:10px;align-items:flex-start;line-height:1.5}
    .tarif-card.featured .tarif-includes li{color:rgba(255,255,255,0.6)}
    .tarif-includes li::before{content:'';display:block;width:12px;height:1px;background:var(--gold);margin-top:10px;flex-shrink:0}
    .tarif-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:32px;font-size:12px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;padding:13px 24px;border-radius:2px;transition:all 0.2s}
    .tarif-cta.outline{border:1px solid var(--border);color:var(--charcoal)}
    .tarif-cta.outline:hover{background:var(--charcoal);color:#fff;border-color:var(--charcoal)}
    .tarif-cta.primary{background:#0596DE;color:#fff}
    .tarif-cta.primary:hover{background:var(--gold)}
    .tarif-badge{position:absolute;top:20px;right:20px;font-size:10px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;background:var(--gold);color:#fff;padding:4px 10px;border-radius:2px}

    /* REMBOURSEMENTS */
    .remboursements{padding:100px 80px;background:var(--section-bg);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
    .rembours-left h2{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,3vw,44px);font-weight:300;color:var(--charcoal);line-height:1.2;margin-bottom:24px}
    .rembours-left h2 em{font-style:italic;color:var(--gold)}
    .rembours-left p{font-size:15px;color:var(--muted);line-height:1.85;margin-bottom:16px}
    .rembours-left p strong{color:var(--charcoal);font-weight:500}
    .rembours-steps{display:flex;flex-direction:column;gap:3px;margin-top:8px}
    .rembours-step{background:var(--warm-white);padding:20px 24px;display:flex;gap:16px;align-items:flex-start;transition:background 0.2s}
    .rembours-step:hover{background:#fff}
    .rembours-step-num{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:300;color:var(--gold);flex-shrink:0;line-height:1;margin-top:2px}
    .rembours-step-text h4{font-size:14px;font-weight:500;color:var(--charcoal);margin-bottom:4px}
    .rembours-step-text p{font-size:13px;color:var(--muted);line-height:1.6}
    .mutuelles-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}
    .mutuelle-item{background:var(--warm-white);padding:20px 24px}
    .mutuelle-name{font-size:13px;font-weight:500;color:var(--charcoal);margin-bottom:4px}
    .mutuelle-note{font-size:12px;color:var(--muted)}
    .mutuelle-check{float:right;color:var(--gold);font-size:16px}
    .rembours-disclaimer{margin-top:24px;padding:20px 24px;background:rgba(184,150,90,0.08);border-left:2px solid var(--gold);font-size:13px;color:var(--muted);line-height:1.6}
    .rembours-disclaimer strong{color:var(--charcoal);display:block;margin-bottom:6px;font-size:12px;letter-spacing:0.1em;text-transform:uppercase}

    /* PAIEMENT */
    .paiement{padding:72px 80px;background:var(--warm-white);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
    .paiement-inner{display:flex;gap:3px;justify-content:center}
    .paiement-item{flex:1;max-width:220px;background:var(--cream);padding:28px 24px;text-align:center}
    .paiement-icon{font-size:28px;margin-bottom:12px}
    .paiement-item h4{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:600;color:var(--charcoal);margin-bottom:6px}
    .paiement-item p{font-size:13px;color:var(--muted);line-height:1.5}

    /* FAQ MINI */
    .faq-mini{padding:100px 80px;background:var(--charcoal)}
    .faq-mini .section-title{color:#fff}
    .faq-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:60px}
    .faq-mini-item{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);padding:32px 36px;transition:background 0.2s}
    .faq-mini-item:hover{background:rgba(255,255,255,0.05)}
    .faq-mini-item h4{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:600;color:rgba(255,255,255,0.8);margin-bottom:12px;line-height:1.3}
    .faq-mini-item p{font-size:14px;color:rgba(255,255,255,0.4);line-height:1.7}

    /* CTA */
    .cta-section{padding:100px 80px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:var(--warm-white)}
    .cta-text h2{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,3.5vw,52px);font-weight:300;color:var(--charcoal);line-height:1.15;margin-bottom:20px}
    .cta-text h2 em{font-style:italic;color:var(--gold)}
    .cta-text p{font-size:15px;color:var(--muted);line-height:1.8}
    .cta-box{background:var(--charcoal);padding:48px 44px;display:flex;flex-direction:column;gap:20px}
    .cta-box p{font-size:13px;color:rgba(255,255,255,0.35);line-height:1.7}
    .btn-doctolib{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:500;letter-spacing:0.08em;text-decoration:none;background:#0596DE;color:#fff;padding:16px 28px;border-radius:2px;transition:background 0.2s}
    .btn-doctolib:hover{background:var(--gold)}
    .btn-ghost{display:inline-block;font-size:12px;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,0.35);border-bottom:1px solid rgba(255,255,255,0.12);padding-bottom:2px;transition:all 0.2s}
    .btn-ghost:hover{color:var(--gold);border-color:var(--gold)}
    .cta-infos{padding-top:20px;border-top:1px solid rgba(255,255,255,0.06);display:flex;flex-direction:column;gap:8px}
    .cta-infos span{font-size:12px;color:rgba(255,255,255,0.25);display:flex;align-items:center;gap:10px}
    .cta-infos span::before{content:'';display:block;width:16px;height:1px;background:var(--gold);flex-shrink:0}

    @keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}

    @media(max-width:1100px){
      .page-hero-inner,.tarifs-section,.remboursements,.paiement,.faq-mini,.cta-section{padding:80px 40px}
      .hero-bottom-bar{padding:20px 40px}
    }
    @media(max-width:900px){
      .page-hero-inner{grid-template-columns:1fr}
      .tarifs-grid{grid-template-columns:1fr}
      .remboursements{grid-template-columns:1fr;gap:60px}
      .faq-mini-grid{grid-template-columns:1fr}
      .cta-section{grid-template-columns:1fr;gap:48px}
    }
    @media(max-width:560px){
      .page-hero-inner,.tarifs-section,.remboursements,.paiement,.faq-mini,.cta-section{padding:48px 20px}
      .hero-bottom-bar{padding:14px 20px;font-size:12px;flex-wrap:wrap;gap:8px;justify-content:center;}
      .paiement-inner{flex-direction:column}
      .mutuelles-grid{grid-template-columns:1fr}
      .tarif-card{padding:28px 20px}
      .cta-section{gap:36px}
      .tarifs-grid{gap:16px}
    }
    @media(max-width:380px){
      .page-hero-inner,.tarifs-section,.remboursements,.paiement,.faq-mini,.cta-section{padding:36px 16px}
      .hero-bottom-bar{padding:12px 16px;}
    }