/* WhichWine — landing-variant additions on top of common.css
   (foodpairing.html, restaurant.html, wein-verstehen.html) */

.eyebrow{font-family:var(--sans);font-size:.85rem;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--tan-deep);margin-bottom:.6rem;}
.lead{font-family:var(--sans);font-weight:400;font-size:1.25rem;line-height:1.45;
  color:var(--head);margin-bottom:1.6rem;}

.pagehero{border-radius:14px;overflow:hidden;border:1px solid var(--line);margin-bottom:2rem;
  aspect-ratio:16/10;}
.pagehero img{width:100%;height:100%;object-fit:cover;}

.benefits{display:grid;gap:1rem;margin-bottom:2.5rem;}
@media (min-width:640px){.benefits{grid-template-columns:1fr 1fr;}}
.benefits .card{margin-bottom:0;}
.benefits h2{font-size:1.2rem;}
.benefits p{margin-bottom:0;}

/* benefit card with a topical image on top */
.bcard{padding:0;overflow:hidden;}
.bcard picture img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.bcard .btxt{padding:1.25rem 1.5rem 1.5rem;}

.cta-card{text-align:center;padding:2rem 1.5rem;}
.cta-card h2{font-size:1.5rem;}
.cta-card .badge{display:inline-block;width:200px;margin:.6rem auto 1rem;}
.cta-card .badge img{width:100%;height:auto;}
.cta-card .price{font-family:var(--sans);font-weight:500;color:var(--head);margin:0;}
.cta-card .price .eur{font-weight:700;font-size:1.2rem;}
.cta-card .price .sub{color:var(--ink);font-size:.9rem;margin-left:.5rem;}

.xlinks{margin-top:2rem;}
.xlinks h2{font-size:1.1rem;}
.xlinks ul{list-style:none;margin:0;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;}
.xlinks li{margin:0;}
.xlinks a{font-family:var(--sans);font-weight:500;text-decoration:underline;}