/* Shared combo-landing styles (.gt namespace). Used by the Gentleman's Triple
   page and every combo landing page so they share one look. Scoped to .gt* so
   the shop and other pages are untouched. */
.gt { --gt-gold:#8A6234; --gt-ok:#1f7a45; }
.gt .shell { max-width: var(--shell); margin-inline:auto; padding-inline: var(--gutter); }

/* Hero */
.gt-hero { display:grid; gap: var(--sp-7); padding-block: var(--sp-6) var(--sp-8); align-items:start; }
@media (min-width: 920px){ .gt-hero{ grid-template-columns: 1fr 1fr; gap: var(--sp-8);} }
.gt-gallery{ display:grid; gap:var(--sp-3); position:sticky; top:var(--sp-5); }
@media (max-width:919px){ .gt-gallery{ position:static; } }
.gt-gallery__main{ position:relative; border:1px solid var(--rule); border-radius:var(--radius-lg);
  overflow:hidden; background:var(--paper-deep); box-shadow:var(--shadow-md); aspect-ratio:1/1; }
.gt-gallery__main img{ display:block; width:100%; height:100%; object-fit:cover; }
.gt-gallery__main .badge-save{ position:absolute; top:var(--sp-4); left:var(--sp-4); z-index:2; }
.gt-thumbs{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--sp-3); list-style:none; margin:0; padding:0; }
.gt-thumbs button{ display:block; width:100%; padding:0; cursor:pointer; border:1px solid var(--rule);
  border-radius:var(--radius); overflow:hidden; background:var(--paper-deep); aspect-ratio:1/1; transition:border-color .15s; }
.gt-thumbs button[aria-current="true"]{ border-color:var(--ink); }
.gt-thumbs img{ display:block; width:100%; height:100%; object-fit:cover; }

.gt-hero__info h1{ font-size:var(--step-4); line-height:1.04; letter-spacing:-0.02em; margin:.12em 0 .2em; }
.gt-rate{ display:flex; align-items:center; gap:var(--sp-2); font-size:var(--step--1); color:var(--ink-soft); }
.gt-rate .stars{ color:var(--gt-gold); letter-spacing:1px; }
.gt-rate a{ color:var(--ink); }
.gt-kicker{ display:inline-flex; align-items:center; gap:.5em; font-size:var(--step--1); font-weight:600;
  color:var(--gt-gold); margin-top:var(--sp-4); }
.gt-lede{ color:var(--ink-soft); font-size:var(--step-1); max-width:48ch; margin-top:var(--sp-3); }

.gt-price{ display:flex; align-items:baseline; gap:var(--sp-3); flex-wrap:wrap; margin:var(--sp-5) 0 var(--sp-4); }
.gt-price .now{ font-size:var(--step-3); font-weight:700; letter-spacing:-0.01em; }
.gt-price .was{ color:var(--ink-faint); text-decoration:line-through; font-size:var(--step-1); }
.gt-price .save{ font-size:var(--step--1); font-weight:600; border:1px solid var(--ink); border-radius:var(--pill); padding:.15em .7em; }

.gt-benefits{ list-style:none; margin:0 0 var(--sp-5); padding:0; display:grid; gap:var(--sp-3); }
.gt-benefits li{ display:flex; align-items:flex-start; gap:var(--sp-3); font-size:var(--step-0); }
.gt-benefits svg{ width:22px; height:22px; flex:0 0 auto; color:var(--gt-ok); margin-top:1px; }

.gt-actions{ display:grid; gap:var(--sp-3); }
.gt-actions .btn{ width:100%; }
.gt-pay{ margin-top:var(--sp-4); }

.gt-wa{ display:flex; align-items:center; justify-content:center; gap:var(--sp-2); margin-top:var(--sp-4);
  padding:var(--sp-3) var(--sp-4); border:1px solid var(--rule); border-radius:var(--radius);
  background:var(--surface); font-size:var(--step--1); color:var(--ink); text-decoration:none; font-weight:600; }
.gt-wa:hover{ border-color:#25D366; }
.gt-wa svg{ width:20px; height:20px; color:#25D366; flex:0 0 auto; }
.gt-wa span small{ display:block; font-weight:400; color:var(--ink-soft); }

.gt-trust{ list-style:none; margin:var(--sp-5) 0 0; padding:0; display:grid; gap:var(--sp-2); }
.gt-trust li{ display:flex; align-items:center; gap:var(--sp-2); font-size:var(--step--1); color:var(--ink-soft); }
.gt-trust svg{ width:18px; height:18px; flex:0 0 auto; }

.gt-acc{ margin-top:var(--sp-5); border-top:1px solid var(--rule); }
.gt-acc details{ border-bottom:1px solid var(--rule); }
.gt-acc summary{ cursor:pointer; list-style:none; padding:var(--sp-4) 0; font-weight:600; font-size:var(--step-0);
  display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3); }
.gt-acc summary::-webkit-details-marker{ display:none; }
.gt-acc summary::after{ content:"+"; font-weight:400; font-size:var(--step-2); color:var(--ink-faint); }
.gt-acc details[open] summary::after{ content:"\2013"; }
.gt-acc .gt-acc__body{ padding:0 0 var(--sp-4); color:var(--ink-soft); max-width:60ch; }

/* Sections */
.gt-section{ padding-block:var(--sp-8); border-top:1px solid var(--rule); }
.gt-section h2{ font-size:var(--step-3); letter-spacing:-0.015em; margin-bottom:var(--sp-3); }
.gt-section .gt-sub{ color:var(--ink-soft); max-width:56ch; margin-bottom:var(--sp-6); }
.gt-cta{ margin-top:var(--sp-7); }
.gt-cta .btn{ max-width:420px; }

.gt-scents{ display:grid; gap:var(--sp-5); grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.gt-scent{ border:1px solid var(--rule); border-radius:var(--radius-lg); overflow:hidden; background:var(--surface); box-shadow:var(--shadow-sm); }
.gt-scent__img{ aspect-ratio:1/1; background:var(--paper-deep); }
.gt-scent__img img{ width:100%; height:100%; object-fit:cover; display:block; }
.gt-scent__body{ padding:var(--sp-5); }
.gt-scent__tag{ font-size:var(--step--1); font-weight:600; color:var(--gt-gold); }
.gt-scent h3{ font-size:var(--step-1); margin:.2em 0 .35em; }
.gt-scent p{ color:var(--ink-soft); font-size:var(--step--1); margin:0; }

.gt-features{ display:grid; gap:var(--sp-5); grid-template-columns:repeat(2,1fr); }
@media (min-width:800px){ .gt-features{ grid-template-columns:repeat(4,1fr); } }
.gt-feature{ text-align:center; }
.gt-feature .ic{ width:48px; height:48px; margin:0 auto var(--sp-3); border-radius:var(--pill); display:grid; place-items:center;
  background:var(--paper-deep); border:1px solid var(--rule); }
.gt-feature .ic svg{ width:24px; height:24px; color:var(--gt-gold); }
.gt-feature strong{ display:block; font-size:var(--step-0); }
.gt-feature span{ font-size:var(--step--1); color:var(--ink-soft); }

/* Google-styled reviews (real reviews, rendered to look like Google) */
.gt-grev__head{ display:flex; align-items:center; gap:var(--sp-5); flex-wrap:wrap; padding:var(--sp-5);
  border:1px solid #e0e0e0; border-radius:12px; background:#fff; box-shadow:0 1px 3px rgba(60,64,67,.12); margin-bottom:var(--sp-5); }
.gt-glogo{ width:40px; height:40px; flex:0 0 auto; }
.gt-grev__score{ display:flex; align-items:center; gap:14px; }
.gt-grev__score .n{ font-size:40px; font-weight:400; color:#e8710a; font-family:Roboto,Arial,sans-serif; line-height:.9; }
.gt-gstars{ display:inline-flex; gap:1px; }
.gt-gstars svg{ width:20px; height:20px; display:block; }
.gt-grev__meta{ font-size:13px; color:#70757a; font-family:Roboto,Arial,sans-serif; margin-top:3px; }
.gt-grev__cta{ margin-left:auto; }
.gt-greviews{ display:grid; gap:var(--sp-4); grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); }
.gt-greview{ border:1px solid #e0e0e0; border-radius:12px; padding:20px; background:#fff;
  box-shadow:0 1px 3px rgba(60,64,67,.1); font-family:Roboto,Arial,sans-serif; position:relative; }
.gt-greview__g{ position:absolute; top:18px; right:18px; width:18px; height:18px; }
.gt-greview__top{ display:flex; align-items:center; gap:12px; margin-bottom:10px; padding-right:24px; }
.gt-greview__av{ width:40px; height:40px; border-radius:50%; display:grid; place-items:center; color:#fff;
  font-size:18px; font-weight:500; flex:0 0 auto; font-family:Roboto,Arial,sans-serif; }
.gt-greview__name{ font-size:14px; font-weight:600; color:#202124; line-height:1.25; }
.gt-greview__sub{ font-size:12px; color:#70757a; }
.gt-greview__stars{ display:inline-flex; gap:1px; margin:2px 0 8px; }
.gt-greview__stars svg{ width:16px; height:16px; display:block; }
.gt-greview__body{ font-size:14px; color:#3c4043; line-height:1.55; margin:0; }

.gt-final{ text-align:center; border:1px solid var(--rule); border-radius:var(--radius-lg); background:var(--paper-deep);
  padding:var(--sp-8) var(--sp-5); }
.gt-final h2{ margin-bottom:var(--sp-3); }
.gt-final .gt-price{ justify-content:center; }
.gt-final .btn{ max-width:420px; margin-inline:auto; }
.gt-final .gt-pay{ display:flex; justify-content:center; }

.gt-more{ display:grid; gap:var(--sp-4); grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); }
.gt-morecard{ border:1px solid var(--rule); border-radius:var(--radius); overflow:hidden; background:var(--surface);
  box-shadow:var(--shadow-sm); text-decoration:none; color:inherit; display:block; transition:box-shadow .15s; }
.gt-morecard:hover{ box-shadow:var(--shadow-md); }
.gt-morecard img{ display:block; width:100%; aspect-ratio:1/1; object-fit:cover; background:var(--paper-deep); }
.gt-morecard__body{ padding:var(--sp-4); }
.gt-morecard h3{ font-size:var(--step-0); margin:0 0 .2em; }
.gt-morecard .p{ font-weight:700; }
.gt-morecard .was{ color:var(--ink-faint); text-decoration:line-through; font-weight:400; font-size:var(--step--1); margin-left:.4em; }