html,body,#app { width:100%;height:100%;min-height:0;overflow:hidden !important; }
body { cursor:auto; }
button,a { cursor:pointer; }
button:focus-visible { outline:3px solid var(--ink);outline-offset:4px; }
.sauce-shop { height:100% !important;min-height:0 !important; }
.sauce-pin { position:relative !important;top:0 !important;height:100% !important;overflow:hidden; }
.sauce-snaps,.sauce-bottom-cut,.sauce-details { display:none !important; }
.sauce-card { opacity:1;transform:none; }
.sauce-bottle { opacity:1; }
.recipe-club { height:100%;padding:34px 0 24px; }
.recipe-club-heading h2 { font-size:7vw; }
.recipe-club-heading > p { margin-bottom:14px; }
.recipe-club { --recipe-card-width:29vw; }
.recipe-track { padding-top:32px;padding-bottom:30px; }
.recipe-controls { margin-top:0; }
.recipe-dialog { overflow:hidden; }
.recipe-dialog-masthead { min-height:54px; }
.recipe-back { margin-block:10px; }
.recipe-detail-heading { margin:0 auto 20px; }
.recipe-detail-heading h2 { font-size:5vw; }
.recipe-detail-heading > p { margin-block:8px;font-size:22px; }
.recipe-detail-grid { grid-template-columns:.85fr 1fr 1.25fr;gap:24px;padding-bottom:12px; }
.recipe-detail-polaroid { max-width:260px; }
.recipe-detail-grid h3 { font-size:26px;margin:4px 0 14px; }
.recipe-detail-grid :is(p,li,label) { font-size:13px;line-height:1.4; }
.recipe-detail-grid :is(ul,ol) { margin:0;padding:0; }
.recipe-detail-grid li { margin-bottom:10px; }
.recipe-dialog-footer { padding-block:10px; }
@media(max-width:700px){
 .responsive-site .sauce-pin { padding:18px 22px; }
 .responsive-site .sauce-canvas { gap:16px; }
 .responsive-site .sauce-copy .sauce-name { font-size:45px !important;min-height:1.88em; }
 .responsive-site .sauce-shop .sauce-line { font-size:22px;margin-top:6px; }
 .responsive-site .sauce-shop[data-sauce] .sauce-kicker { margin:0 0 8px;font-size:12px; }
 .responsive-site .compact-sauce-scene { height:250px !important;min-height:0; }
 .responsive-site .sauce-card { padding:12px; }
 .responsive-site .sauce-card-body { gap:8px; }
 .recipe-club { padding:28px 0 18px;--recipe-card-width:76vw; }
 .recipe-club-heading h2 { font-size:11vw; }
 .recipe-club-heading > p { font-size:17px; }
 .recipe-track { padding-top:34px;padding-bottom:30px; }
 .recipe-dialog { padding-inline:18px; }
 .recipe-detail-heading h2 { font-size:10vw; }
 .recipe-detail-meta { font-size:11px;gap:8px; }
 .recipe-detail-grid { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
 .recipe-method { display:none; }
 .recipe-detail-polaroid { max-width:none; }
 .recipe-detail-grid :is(li,label) { font-size:12px; }
 .recipe-detail-grid h3 { font-size:24px; }
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after { animation:none !important;transition:none !important;scroll-behavior:auto !important; }}

.sauce-pin { background:var(--sauce-color) !important; }
.sauce-tab-name { display:none; }
@media(max-width:700px){
 html.responsive-site .sauce-canvas {grid-template-columns:minmax(0,1fr) !important;grid-template-areas:'tabs' 'copy' 'scene' 'card' !important;gap:14px;width:100%;height:auto;}
 html.responsive-site .sauce-switcher {width:100%;}
 html.responsive-site .sauce-tab-name {display:block;}
 html.responsive-site .mobile-sauce-facts {display:none !important;}
 html.responsive-site .compact-sauce-scene {grid-area:scene;width:100%;height:250px !important;aspect-ratio:auto;}
 html.responsive-site .compact-sauce-scene .mobile-sauce-bottle {position:absolute;left:34%;top:7%;width:33%;height:81%;}
 html.responsive-site .sauce-card {grid-area:card;padding:10px 14px;width:100%;}
 html.responsive-site .sauce-card-body {display:grid;grid-template-columns:1fr 1fr;gap:10px;}
 html.responsive-site .sauce-card-body > .mango-tasting {display:none !important;}
 html.responsive-site .sauce-card-body > [data-card-layout-id=card-qty] {grid-column:1;}
 html.responsive-site .sauce-card-body > [data-card-layout-id=card-total] {grid-column:2;}
 html.responsive-site .sauce-card-body > [data-card-layout-id=card-add] {grid-column:1 / -1;position:relative !important;bottom:auto !important;width:100% !important;min-height:52px;height:auto !important;}
}