body{background:#05253d}.menuPage{background:#f6f1e9;min-height:65vh}
.menuHero{padding:42px 7% 22px;background:linear-gradient(135deg,#062a45,#0b4568);color:#fff}
.menuHero small{letter-spacing:.16em;font-weight:800;color:#ff8a18}.menuHero h1{max-width:760px;margin:7px 0 8px;font-size:clamp(32px,4.4vw,56px);line-height:.96}.menuHero p{margin:0 0 15px;color:#d9e5ec}
.menuSearch{display:flex;align-items:center;gap:9px;max-width:360px;opacity:.9}.menuSearch span{flex:0 0 auto;font-size:11px;font-weight:800;color:#b9cfdb;text-transform:uppercase;letter-spacing:.08em}.menuSearch input{min-width:0;flex:1;box-sizing:border-box;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff;border-radius:999px;padding:9px 13px;font:inherit;font-size:13px;outline:none}.menuSearch input::placeholder{color:#c7d7df}.menuSearch input:focus{background:#fff;color:#12344b;border-color:#fff}.menuSearch input:focus::placeholder{color:#7d8d96}
.menuExplorer{padding:24px 7% 54px}.menuNav{display:flex;gap:8px;padding:2px 0 10px}.groupNav{flex-wrap:wrap}.categoryNav{margin-top:5px;display:flex;flex-wrap:wrap;gap:7px}.menuNav button{border:1px solid #b8c4ca;background:#fff;color:#0b3a58;border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer}.menuNav button.active{background:#ff8615;border-color:#ff8615;color:#fff}.categoryNav button{font-size:12px;padding:7px 11px}.categoryNav button.active{background:#0b3a58;border-color:#0b3a58}
.menuStatus{padding:12px 0 14px;color:#52616b;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.menuResults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.menuCard{background:#fff;border-radius:14px;padding:17px 18px;box-shadow:0 5px 18px rgba(4,34,55,.08)}.menuCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.menuCard h2{font-size:17px;line-height:1.18;margin:0;color:#082f4b}.menuCard p{margin:9px 0 0;color:#56636b;font-size:13px;line-height:1.4}.menuCard .menuRule{font-size:12px;color:#78858c}.menuMeta{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#8a969c;margin-bottom:5px}.menuPrices{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:0 0 auto}.menuPrice{white-space:nowrap;font-weight:900;color:#e66f00}.menuPrice small{display:block;font-size:9px;text-transform:uppercase;font-weight:800;color:#7b878d;margin:0 0 1px;text-align:right}
@media(max-width:768px){.menuHero{padding:27px 20px 18px}.menuHero h1{font-size:clamp(29px,9vw,42px)}.menuHero p{font-size:13px;margin-bottom:12px}.menuSearch{max-width:280px}.menuSearch span{display:none}.menuExplorer{padding:18px 20px 40px}.menuResults{grid-template-columns:1fr}.menuNav{gap:6px}.menuNav button{padding:8px 11px;font-size:12px}.categoryNav{gap:5px}.categoryNav button{padding:6px 9px;font-size:11px}.menuCard{padding:14px}.menuCardHead{gap:10px}.menuCard h2{font-size:15px}.menuPrice{font-size:14px}}
@media(max-width:430px){.menuHero{padding-top:22px}.menuExplorer{padding-left:14px;padding-right:14px}.groupNav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.groupNav button{width:100%;padding:8px 5px;font-size:11px}.categoryNav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.categoryNav button{width:100%;white-space:normal;line-height:1.1}.menuCardHead{align-items:flex-start}.menuPrices{max-width:42%}}

.categoryMobileBar{display:none}
@media(max-width:768px){
 .menuHero{padding-top:20px;padding-bottom:14px}
 .menuHero h1{margin-top:4px;margin-bottom:6px}
 .menuHero p{margin-bottom:9px}
 .categoryMobileBar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;padding:8px 10px;background:#fff;border:1px solid #d5dadd;border-radius:10px}
 .categoryMobileBar span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#718089;font-weight:800}
 .categoryMobileBar button{border:0;background:transparent;color:#0b3a58;font-weight:900;font-size:12px;cursor:pointer;text-align:right}
 .categoryNav{display:none!important;margin-top:6px;padding:8px;background:#fff;border:1px solid #d5dadd;border-radius:10px;max-height:245px;overflow:auto}
 .categoryNav.mobileOpen{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
 .menuStatus{padding-top:10px}
}

/* C20 CLEAN REBASE — only post-C18 approved scope */
.menuHero{position:relative;isolation:isolate;background-image:linear-gradient(90deg,rgba(3,25,40,.84),rgba(3,25,40,.48) 58%,rgba(3,25,40,.24)),var(--menu-hero-image);background-size:cover;background-position:center;color:#fff}
.menuHero>*{position:relative;z-index:1}
.menuStatus{padding:16px 0 14px;color:#e66f00;font-size:clamp(20px,2vw,27px);line-height:1.1;font-weight:900;text-transform:uppercase;letter-spacing:.015em}
.categoryMobileHint_LEGACY_DISABLED{display:none}
.categoryHintChevron,.categoryToggleChevron{fill:none;stroke:currentColor;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round}
.categoryToggleChevron{width:22px;height:22px;flex:0 0 auto;transition:transform .18s ease}
.categoryMobileBar button[aria-expanded="true"] .categoryToggleChevron{transform:rotate(180deg)}
@media(max-width:768px){
 .categoryMobileHint_LEGACY_DISABLED{display:grid;grid-template-columns:minmax(0,285px) 32px;justify-content:center;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:10px 0 7px;padding:0 12px;color:#0b3a58;background:transparent;border:0}
 .categoryHintText{font-size:13px;line-height:17px;font-weight:800;text-align:right;color:#0b3a58}
 .categoryHintChevron{width:30px;height:30px;color:#ff8615}
 .categoryMobileBar button{display:flex;align-items:center;justify-content:flex-end;gap:7px}
 .menuStatus{padding:15px 0 12px;font-size:21px}
}
@media(min-width:560px) and (max-width:768px){.categoryHintText{white-space:nowrap}}
@media(max-width:430px){.categoryMobileHint_LEGACY_DISABLED{grid-template-columns:minmax(0,255px) 32px;padding-left:6px;padding-right:6px}.categoryHintText{font-size:12.5px;line-height:16px}}


/* C20.2 CANONICAL — simple text line above category pull-down.
   No arrow, SVG, circle, grid or special component. */
@media(max-width:768px){
  .categoryMobileHint{
    display:block;
    width:100%;
    box-sizing:border-box;
    margin:10px 0 7px;
    padding:0;
    color:#ff8615;
    font:inherit;
    font-size:13px;
    line-height:1.35;
    font-weight:700;
    text-align:right;
    background:none;
    border:0;
    box-shadow:none;
  }
}

/* C21 information architecture */
.wineSection{margin:0 0 28px}
.wineSectionTitle{margin:18px 0 12px;color:#ff8615;font-size:20px;line-height:1.15;font-weight:800;letter-spacing:.02em}
