/* ============================================================
   1370 CLUBHOUSE — V9.2 WINE NAV + SIGNATURE
   - wine category rail behaves like the menu page rail
   - sticky rail remains selectable while scrolling
   - corrected sommelier signature: no icon, white backplate behind orange
   ============================================================ */

/* Sticky must not be neutralised by the wine page stacking helper. */
.wine-page{overflow:clip}
.wine-page>.wine-subnav{
  position:sticky;
  z-index:70;
  top:92px;
}

.wine-subnav .subnav-inner{
  width:min(800px,calc(100% - 30px));
  justify-content:center;
}
.wine-subnav a{
  min-width:100px;
  text-align:center;
  cursor:pointer;
  transition:background-color .2s ease,color .2s ease,transform .2s ease;
}
.wine-subnav a.is-active,
.wine-subnav a[aria-current="true"]{
  background:var(--terra);
  color:#fff;
}
.wine-subnav a:active{transform:scale(.97)}

/* Keep anchor destinations clear of both header and sticky rail. */
#verre,#blancs,#roses,#rouges,#bulles{scroll-margin-top:176px}

/* V9.2 signature: orange is the main card; white is only a backplate. */
.wine-selection-signature{
  position:relative;
  z-index:3;
  display:block;
  width:min(610px,100%);
  margin-top:34px;
  padding:21px 24px 19px 27px;
  border:0;
  border-radius:24px 24px 9px 24px;
  background:transparent;
  box-shadow:none;
  color:var(--green);
  isolation:isolate;
  overflow:visible;
}
.wine-selection-signature:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-12px 12px 12px -12px;
  border:1px solid rgba(255,255,255,.95);
  border-radius:24px 24px 9px 24px;
  background:rgba(255,253,248,.95);
  box-shadow:0 14px 36px rgba(4,28,20,.14),inset 0 1px 0 #fff;
  backdrop-filter:blur(16px);
}
.wine-selection-signature:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  border-radius:24px 24px 9px 24px;
  background:var(--orange);
  box-shadow:0 18px 42px rgba(4,28,20,.13);
}
.wine-selection-icon{display:none!important}
.wine-selection-copy{
  position:relative;
  z-index:2;
  display:block;
  min-width:0;
}
.wine-selection-copy small{
  display:block;
  margin-bottom:8px;
  color:rgba(14,56,39,.78);
  font-size:8px;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.wine-selection-copy strong{
  display:block;
  color:var(--green);
  font-size:15px;
  font-weight:760;
  line-height:1.35;
  letter-spacing:-.012em;
}
.wine-selection-categories{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:11px;
  color:rgba(14,56,39,.62);
  font-size:7px;
  font-weight:830;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.wine-selection-categories i{
  width:3px;
  height:3px;
  border-radius:50%;
  background:var(--cream);
  opacity:.88;
}

@media(max-width:820px){
  .wine-page>.wine-subnav{top:72px;margin-top:-22px}
  .wine-subnav .subnav-inner{justify-content:flex-start}
  #verre,#blancs,#roses,#rouges,#bulles{scroll-margin-top:150px}
  .wine-selection-signature{margin-top:27px;width:min(560px,100%)}
}
@media(max-width:560px){
  .wine-selection-signature{
    padding:18px 18px 17px 20px;
    border-radius:19px 19px 7px 19px;
  }
  .wine-selection-signature:before{
    inset:-8px 8px 8px -8px;
    border-radius:19px 19px 7px 19px;
  }
  .wine-selection-signature:after{border-radius:19px 19px 7px 19px}
  .wine-selection-copy strong{font-size:13px}
  .wine-selection-categories{gap:6px;font-size:6.5px}
}

@supports not (overflow:clip){
  .wine-page{overflow:visible}
}