/* v2.4.84 (Oct 29, 2026), from Instinct's improvement manifest:
   UX-001 product page: title, price and the first flavours on the first screen (phone: shorter gallery + choices right under the price; tablet: side by side)
   UX-003 platter builder: compact hero after step 1, "x of max picked" stays next to the meat choices while scrolling
   UX-004 slow-data status: small and out of the way; a Retry only after a real failed fetch */

/* ---------- UX-001: product page ---------- */
@media (max-width:767.98px){
 body:not(.staff) main.pdp>.pdimg{aspect-ratio:auto!important;height:min(26vh,220px)!important;height:min(26svh,220px)!important;background:#0E0B0A}
 body:not(.staff) main.pdp>.pdimg>img{width:100%!important;height:100%!important;object-fit:contain!important}
 body:not(.staff) main.pdp>.pdbody{display:flex;flex-direction:column}
 body:not(.staff) main.pdp>.pdbody>*{order:10;margin-top:0;margin-bottom:0}
 body:not(.staff) main.pdp>.pdbody>*+*{margin-top:10px}
 body:not(.staff) main.pdp>.pdbody>.eyebrow{order:1}
 body:not(.staff) main.pdp>.pdbody>.pdh247,body:not(.staff) main.pdp>.pdbody>h1{order:2}
 body:not(.staff) main.pdp>.pdbody>.pdrate{order:3}
 body:not(.staff) main.pdp>.pdbody>.pdprice{order:4}
 body:not(.staff) main.pdp>.pdbody>p.lbl{order:5}
 body:not(.staff) main.pdp>.pdbody>.flv2{order:6;margin-top:8px}
}
@media (min-width:768px){
 body:not(.staff) main.pdp{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);grid-template-rows:auto auto 1fr;column-gap:8px;align-items:start}
 body:not(.staff) main.pdp>.pdimg{grid-column:1;grid-row:1;border-radius:0 0 16px 0;overflow:hidden}
 body:not(.staff) main.pdp>.gal2420{grid-column:1;grid-row:2}
 body:not(.staff) main.pdp>.pdbody{grid-column:2;grid-row:1 / span 3;min-width:0}
 body:not(.staff) main.pdp>*:not(.pdimg):not(.gal2420):not(.pdbody):not(.buybar){grid-column:1 / -1}
 body:not(.staff) main.pdp>.pdimg>img{object-fit:cover}
}
@media (min-width:1024px){body:not(.staff) main.pdp{grid-template-columns:minmax(0,min(44%,480px)) minmax(0,1fr);column-gap:28px}}

/* ---------- UX-003: platter builder ---------- */
body:not(.staff) main.bld248.bld82c header.bhd248 p.eyebrow{display:none!important}
body:not(.staff) main.bld248.bld82c header.bhd248{padding-top:6px!important;padding-bottom:4px!important;margin-bottom:0!important}
body:not(.staff) main.bld248.bld82c header.bhd248 .disp{font-size:22px!important;margin:0!important}
body:not(.staff) main.bld248 h2.bh248.bh84{position:sticky;top:var(--hd84,77px);z-index:30;margin-left:-6px;margin-right:-6px;padding:8px 6px;background:var(--bg84,#F7F1E6);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;box-shadow:0 6px 10px -10px rgba(0,0,0,.45)}
html.dk20 body:not(.staff) main.bld248 h2.bh248.bh84{background:var(--bg84,#0E0B0A)}
body:not(.staff) main.bld248 h2.bh84 .bcnt248{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1.5px solid #E8A33D;font:600 13px/1.1 Inter,system-ui,sans-serif;letter-spacing:.02em;white-space:nowrap}
body:not(.staff) main.bld248 h2.bh84 .bcnt248.full84{border-color:#C8102E;background:#C8102E;color:#fff}
body:not(.staff) main.bld248 h2.bh84 .bcnt248.bump84{animation:bump84 .45s ease}
@keyframes bump84{30%{transform:scale(1.14)}60%{transform:scale(.96)}}


body:not(.staff) main.bld248.bld82c header.bhd248 .byoh2420{aspect-ratio:auto!important;height:72px!important;margin-bottom:8px!important;overflow:hidden}
body:not(.staff) main.bld248.bld82c header.bhd248 .byoh2420 img{width:100%!important;height:100%!important;object-fit:cover!important}

/* ---------- UX-004: quiet status, Retry only after a real failure ---------- */
.slow70{left:10px!important;right:auto!important;top:auto!important;bottom:calc(var(--bb84,84px) + env(safe-area-inset-bottom,0px))!important;transform:translateY(6px)!important;padding:4px 9px!important;gap:6px!important;font:500 11px/1.2 Inter,system-ui,sans-serif!important;background:rgba(26,22,20,.78)!important;color:#EADFCB!important;border:0!important;box-shadow:none!important;max-width:60vw!important;z-index:2147480000!important}
.slow70.on{opacity:.9!important;transform:translateY(0)!important}
.slow70d{width:6px!important;height:6px!important;animation:none!important;opacity:.85}
html.net84f .slow70{display:none!important}
.net84{position:fixed;left:10px;bottom:calc(var(--bb84,84px) + env(safe-area-inset-bottom,0px));z-index:2147480001;display:none;align-items:center;gap:8px;padding:4px 4px 4px 11px;border-radius:999px;background:#1A1614;color:#F3E9D7;border:1px solid #C8102E;font:500 12px/1.2 Inter,system-ui,sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.25);max-width:calc(100vw - 20px)}
.net84.on{display:flex}
.net84 .net84r{font:600 12px/1 Oswald,Inter,sans-serif;letter-spacing:.05em;text-transform:uppercase;background:#C8102E;color:#fff;border:0;border-radius:999px;padding:7px 13px;min-height:30px;cursor:pointer}
body.demo70 .net84{display:none!important}