/* ══════════════════════════════════════════════════════════════
   PREMIUM HOMEPAGE 2026 — Design polish, spacing, conversion
   ══════════════════════════════════════════════════════════════ */

/* ── GLOBAL PREMIUM SPACING ── */
.section{padding:clamp(3rem,6vh,5rem) 0}
.section-title{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.02em;line-height:1.15}
.section-intro{max-width:680px;margin-left:auto;margin-right:auto;text-align:center;color:rgba(255,255,255,.65);line-height:1.6}
.section-label{display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:.5rem}

/* ── BUTTONS PREMIUM ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .2s;white-space:nowrap;border:none}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}

.btn-primary{background:#fff;color:#0d0d0d;padding:.75rem 1.5rem;font-size:.9rem;box-shadow:0 2px 12px rgba(0,0,0,.3)}
.btn-primary:hover{box-shadow:0 4px 20px rgba(0,0,0,.4);background:#f5f5f5}

.btn-secondary{background:rgba(255,255,255,.08);color:rgba(255,255,255,.85);padding:.65rem 1.3rem;font-size:.85rem;border:1px solid rgba(255,255,255,.12)}
.btn-secondary:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.2)}

/* ── PRICE TABLE PREMIUM ── */
.home-price-table{width:100%;border-collapse:collapse;font-size:.9rem}
.home-price-table thead{border-bottom:2px solid rgba(255,255,255,.1)}
.home-price-table th,.home-price-table td{padding:.75rem 1rem;text-align:left}
.home-price-table tbody tr{border-bottom:1px solid rgba(255,255,255,.06);transition:background .15s}
.home-price-table tbody tr:hover{background:rgba(255,255,255,.03)}
.home-price-table a{color:rgba(255,255,255,.7);text-decoration:underline;text-underline-offset:2px}
.home-price-table a:hover{color:#fff}
.price-realistic{display:block;font-size:.75rem;color:rgba(255,255,255,.4);margin-top:.15rem}

/* ── PREMIUM WHY CARDS ── */
.premium-why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:1.5rem}
.premium-why-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem;transition:border-color .2s,background .2s}
.premium-why-card:hover{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.06)}
.premium-why-card__icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border-radius:.75rem;margin-bottom:.75rem}
.premium-why-card__icon .icon{width:1.25rem;height:1.25rem;color:rgba(255,255,255,.6)}
.premium-why-card h3{font-size:1rem;font-weight:600;margin:0 0 .4rem;color:#fff}
.premium-why-card p{font-size:.85rem;color:rgba(255,255,255,.55);line-height:1.5;margin:0}

/* ── STEPS PREMIUM ── */
.premium-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:1.5rem}
.premium-step{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:1rem;padding:1.5rem;position:relative}
.premium-step-num{font-family:'DM Serif Display',Georgia,serif;font-size:2.5rem;color:rgba(255,255,255,.1);position:absolute;top:.75rem;right:1rem;line-height:1}
.premium-step h3{font-size:.95rem;font-weight:600;margin:0 0 .4rem;color:#fff}
.premium-step p{font-size:.85rem;color:rgba(255,255,255,.55);line-height:1.5;margin:0}

/* ── SERVICES GRID ── */
.services-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.services-card{display:inline-block;padding:.5rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:999px;color:rgba(255,255,255,.7);font-size:.8rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s}
.services-card:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff}

/* ── TRUST SECTION ── */
.trust-section{background:rgba(255,255,255,.02)}
.trust-list{list-style:none;padding:0;margin:1.25rem 0}
.trust-list li{padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.9rem;color:rgba(255,255,255,.65);line-height:1.5}
.trust-list li strong{color:rgba(255,255,255,.9)}

/* ── REVIEW CARDS ── */
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:1.5rem}
.review-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.25rem 1.5rem;transition:border-color .2s}
.review-card:hover{border-color:rgba(255,255,255,.15)}
.review-stars{color:#f5c518;margin-bottom:.5rem}
.review-text{font-size:.88rem;color:rgba(255,255,255,.7);line-height:1.5;margin:0 0 .75rem;font-style:italic}
.review-author{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:rgba(255,255,255,.4)}
.review-name{font-weight:600;color:rgba(255,255,255,.6)}

/* ── REVIEWS AGGREGATE ── */
.reviews-aggregate{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}
.reviews-aggregate-score{font-family:'DM Serif Display',Georgia,serif;font-size:2.5rem;color:#f5c518;font-weight:400}
.reviews-aggregate-link{font-size:.8rem;color:rgba(255,255,255,.5);text-decoration:underline;text-underline-offset:2px}

/* ── FLEET PREVIEW ── */
.fleet-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:1.5rem}
.fleet-preview-card{display:block;border-radius:1rem;overflow:hidden;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);text-decoration:none;transition:border-color .2s,transform .2s}
.fleet-preview-card:hover{border-color:rgba(255,255,255,.15);transform:translateY(-2px)}
.fleet-preview-img{width:100%;height:auto;display:block;object-fit:cover}
.fleet-preview-label{display:block;padding:.75rem 1rem;font-size:.85rem;font-weight:600;color:rgba(255,255,255,.8);text-align:center}

/* ── ZONES GRID ── */
.premium-zones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-top:1rem}
.premium-zone-card{display:flex;flex-direction:column;padding:1rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;text-decoration:none;transition:background .15s,border-color .15s}
.premium-zone-card:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
.premium-zone-card__label{font-size:.9rem;font-weight:600;color:#fff}
.premium-zone-card__hint{font-size:.72rem;color:rgba(255,255,255,.4);margin-top:.2rem}

/* ── DESTINATIONS COMPACT ── */
.destinations-compact-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.destinations-compact-link{display:inline-block;padding:.4rem .9rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:999px;color:rgba(255,255,255,.6);font-size:.78rem;text-decoration:none;transition:background .15s,color .15s}
.destinations-compact-link:hover{background:rgba(255,255,255,.1);color:#fff}

/* ── SCENARIO CARDS ── */
.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.25rem}
.scenario-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:1rem;padding:1.25rem;transition:border-color .2s}
.scenario-card:hover{border-color:rgba(255,255,255,.15)}
.scenario-card__situation{font-size:.9rem;font-weight:600;color:rgba(255,255,255,.85);margin:0 0 .4rem}
.scenario-card__solution{font-size:.82rem;color:rgba(255,255,255,.5);margin:0 0 .6rem;line-height:1.4}
.scenario-card__cta{font-size:.8rem;font-weight:600;color:rgba(255,255,255,.7);text-decoration:none;transition:color .15s}
.scenario-card__cta:hover{color:#fff}

/* ── DIFF CARDS (vs G7/Uber) ── */
.diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:1.5rem}
.diff-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem;text-align:center;transition:border-color .2s}
.diff-card:hover{border-color:rgba(255,255,255,.15)}
.diff-card__icon{font-size:1.75rem;margin-bottom:.5rem}
.diff-card__title{font-size:.95rem;font-weight:600;color:#fff;margin:0 0 .4rem}
.diff-card__text{font-size:.82rem;color:rgba(255,255,255,.55);line-height:1.5;margin:0}

/* ── SEO CONTENT BLOCKS ── */
.seo-content h3{font-size:1.1rem;font-weight:600;color:rgba(255,255,255,.9);margin:1.5rem 0 .5rem}
.seo-content p{font-size:.88rem;color:rgba(255,255,255,.6);line-height:1.6;margin:0 0 .75rem}
.seo-content a{color:rgba(255,255,255,.7);text-decoration:underline;text-underline-offset:2px}
.seo-content a:hover{color:#fff}

/* ── GOOGLE TRUST CARD ── */
.trust-google-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.25rem;margin-top:1rem}
.trust-google-card__title{font-size:1rem;font-weight:600;color:rgba(255,255,255,.85);margin:0 0 .3rem}
.trust-google-card__text{font-size:.85rem;color:rgba(255,255,255,.5);margin:0;line-height:1.5}

/* ── WHY US STRIP ── */
.why-us-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem 2rem;padding:.75rem 0}
.why-us-item{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:rgba(255,255,255,.6);font-weight:500}
.why-us-icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:rgba(255,255,255,.06);border-radius:.5rem}
.why-us-icon .icon{width:1rem;height:1rem;color:rgba(255,255,255,.5)}

/* ── CTA BLOCK BOTTOM ── */
.cta-block--bottom{background:linear-gradient(to bottom,rgba(255,255,255,.02),rgba(255,255,255,0));padding:3rem 0;text-align:center}
.cta-block-title{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(1.3rem,3vw,1.8rem);color:#fff;margin:0 0 1.25rem;font-weight:400}
.cta-block-sub{font-size:.8rem;color:rgba(255,255,255,.4);margin:.75rem 0 0}

/* ── ESTIMATION WIDGET ── */
.réservation-widget{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem;margin-top:1rem}
.réservation-widget-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:600px){.réservation-widget-fields{grid-template-columns:1fr}}
.réservation-widget .form-group label{display:block;font-size:.75rem;font-weight:600;color:rgba(255,255,255,.5);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.06em}
.réservation-widget .form-group input{width:100%;padding:.7rem .9rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-size:.88rem;outline:none;transition:border-color .15s}
.réservation-widget .form-group input:focus{border-color:rgba(255,255,255,.3)}
.réservation-widget-actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}

/* ── LEGAL NOTE ── */
.legal-note{font-size:.72rem;color:rgba(255,255,255,.35);line-height:1.5}
.legal-note a{color:rgba(255,255,255,.45);text-decoration:underline}

/* ── SEO CARD (destinations) ── */
.seo-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:1rem;padding:1.25rem;position:relative}
.seo-card-num{position:absolute;top:.75rem;right:1rem;font-family:'DM Serif Display',Georgia,serif;font-size:2rem;color:rgba(255,255,255,.06);line-height:1}
.seo-card-title{font-size:.95rem;font-weight:600;color:rgba(255,255,255,.85);margin:.5rem 0 .4rem}
.seo-card-text{font-size:.82rem;color:rgba(255,255,255,.5);line-height:1.5;margin:0}

/* ── MOBILE REFINEMENTS ── */
@media(max-width:767px){
  .section{padding:clamp(2rem,5vh,3.5rem) 0}
  .premium-why-grid,.premium-steps,.reviews-grid,.scenarios-grid,.diff-grid{grid-template-columns:1fr}
  .fleet-preview-grid{grid-template-columns:repeat(2,1fr)}
  .premium-zones-grid{grid-template-columns:repeat(2,1fr)}
  .home-price-table{font-size:.82rem}
  .home-price-table th,.home-price-table td{padding:.55rem .6rem}
}