/* Warm light/dark surfaces. Original illustrations and labels are never filtered. */
:root{--ui-bg:#F5F0E8;--ui-paper:#FFFDFA;--ui-raised:#EEE7DC;--ui-text:#1A1A1A;--ui-muted:#625A51;--ui-line:#CFC5B9;--ui-link:#B31F00;--ui-glass:rgb(255 251 244 / .94);--ui-active:#EBDDCF;--ui-shadow:#30281915;--ui-logo-crew:transparent;color-scheme:light}
:root[data-theme=dark]{--ui-bg:#191817;--ui-paper:#262320;--ui-raised:#2D2925;--ui-text:#F5F0E8;--ui-muted:#C5BAAD;--ui-line:#62594F;--ui-link:#FF5A3C;--ui-glass:rgb(38 35 32 / .95);--ui-active:#2C2520;--ui-shadow:#0005;--ui-logo-crew:#F5F0E8;color-scheme:dark}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ui-bg:#191817;--ui-paper:#262320;--ui-raised:#2D2925;--ui-text:#F5F0E8;--ui-muted:#C5BAAD;--ui-line:#62594F;--ui-link:#FF5A3C;--ui-glass:rgb(38 35 32 / .95);--ui-active:#2C2520;--ui-shadow:#0005;--ui-logo-crew:#F5F0E8;color-scheme:dark}}
html:root{background:var(--ui-bg)}
html:root,html body .cc-choice{--cream:var(--ui-bg);--ink:var(--ui-text);--white:var(--ui-paper);--line:var(--ui-line);--muted:var(--ui-muted);--soft-paper:var(--ui-paper);--soft-line:var(--ui-line)}
html body,html body .cc-choice{background:var(--ui-bg);color:var(--ui-text)}
html body :is(.shop-header,.shop-header nav){background:var(--ui-glass);color:var(--ui-text);border-color:var(--ui-line);box-shadow:inset 0 1px #ffffff20,0 8px 26px var(--ui-shadow)}
html body .shop-header nav a:hover,html body .shop-header nav a[aria-current=page]{background:var(--ui-active);color:var(--ui-text)}
/* Notices follow the hero text edge instead of floating in the page centre. */
html body .delivery-ribbon{color:var(--ui-muted);width:min(1328px,calc(100% - 96px));margin-inline:auto;padding:5px 31px;text-align:left}
html body .cc-choice .hero-intro{align-items:center}
html body .cc-choice .hero-heading h1{margin-top:0}
@media(max-width:1100px){html body .delivery-ribbon{width:calc(100% - 48px)}}
@media(max-width:800px){html body .delivery-ribbon{width:calc(100% - 32px);padding-inline:19px}}
@media(max-width:359px){html body .delivery-ribbon{padding-inline:16px}}
html body .hero-mobile-cat{background:#F5F0E8;border-radius:12px}
/* The original alpha mask lights only the lower word in dark mode. */
html body .brand-mark{display:inline-block;position:relative;line-height:0;flex-shrink:0}
html body .brand-mark::after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--ui-logo-crew);-webkit-mask:url("/assets/logo.webp") center / 100% 100% no-repeat;mask:url("/assets/logo.webp") center / 100% 100% no-repeat;clip-path:inset(66% 0 0)}
html body .brand-logo{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;box-sizing:border-box}
html body .shop-header>a[aria-label="Cerrado Crew — главная"]{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0}
html body .hero-mobile-cat{padding:8px;border-radius:24px}
html body .cc-choice :is(.hero-intro,.flavor-scene,.product-card,.product-details,.related-coffee),html body :is(.shop-summary,.shop-row,.buyer-card,.buyer-panel,.form-card,.result-card,.order-summary,.service-card,.selection-card,.picker-result,.catalogue-guide__item,.seo-faq,.pdp-notice,.contact-details){background:var(--ui-paper);color:var(--ui-text);border-color:var(--ui-line)}
html body :is(.form-card,.result-card,.order-summary){border-radius:24px;border:1px solid var(--ui-line)}
html body :is(.editorial-lead,.fine-print,.shop-note,.footer-small,.breadcrumbs,.catalog-note,.choice-list-note){color:var(--ui-muted)}
html body :is(.red-text,.text-link,.delivery-note,.catalogue-guide__number,.catalogue-guide__item a,.recommendation a),html body .cc-choice .eyebrow{color:var(--ui-link)}
html body .cc-choice :is(.card-media,.card-pack,.product-photo){background:#EFE8DB;color:#1A1A1A;border-color:#BFB09D}
html body .cc-choice .card-pack figcaption,html body .cc-choice .product-photo figcaption,html body .cc-choice .photo-category{color:#50483F}
html body .cc-choice .taste-notes>span:not(.notes-prefix){background:#EEE7DB;color:#1A1A1A}
html body .cc-choice .scene-motion{background:#F5F0E8;color:#1A1A1A;border-color:#BFB09D}
html body .cc-choice .roast .icon{background:#EEE7DB;padding:2px;border-radius:6px}
html body .cc-choice .weight-options{container-type:inline-size;container-name:cc-weight;background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-line)}
/* Paint the actual radio surface, not only its outer label. */
html body .cc-choice .weight-option,html body .cc-choice .weight-option:has(input:checked){padding:0;border:0;background:transparent;box-shadow:none;color:var(--ui-text)}
html body .cc-choice .weight-visual,html body .cc-choice .product-purchase .weight-visual{position:relative;background:var(--ui-paper);color:var(--ui-text);border:2px solid var(--ui-line);border-radius:14px;padding:12px 10px;min-height:112px;height:100%}
html body .cc-choice .weight-option input:checked+.weight-visual,html body .cc-choice .product-purchase .weight-option input:checked+.weight-visual{background:var(--ui-active);color:var(--ui-text);border:2px solid var(--ui-link);padding:12px 10px}
html body .cc-choice .weight-stock{color:var(--ui-muted)}
html body .cc-choice .weight-label{position:static;gap:6px}
html body .cc-choice .selection-mark{color:var(--ui-link)}
html body .cc-choice .weight-option input:checked+.weight-visual .selection-mark{position:absolute;right:-5px;top:-8px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--ui-link);color:var(--ui-bg);font-size:12px;line-height:1}
html body .cc-choice .weight-label>.icon{background:#EEE7DB;padding:2px;border-radius:5px;box-sizing:border-box;flex:none}
html body .cc-choice .weight-option.unavailable .weight-visual{background:var(--ui-raised);color:var(--ui-muted);border-style:dashed}
html body .cc-choice .weight-option.unavailable :is(.weight-label,.weight-price,.weight-stock){color:var(--ui-muted)}
html body .cc-choice .weight-option:hover:not(.unavailable) input:checked+.weight-visual{border-color:var(--ui-link)}
@container cc-weight (max-width:220px){html body .cc-choice .weight-label>.icon{display:none}html body .cc-choice .weight-price{font-size:18px}html body .cc-choice .weight-visual,html body .cc-choice .product-purchase .weight-visual,html body .cc-choice .weight-option input:checked+.weight-visual,html body .cc-choice .product-purchase .weight-option input:checked+.weight-visual{padding:12px 7px}}
html body .cc-choice .stock-message{color:var(--ui-link)}
html body .cc-choice :is(.weight-label,.weight-price,.weight-state,.stock-status,.arabica-label,.roast,.short-facts,.purchase-total){color:var(--ui-text)}
html body .cc-choice :is(.weight-option:has(input:disabled),.stock-status--out){color:var(--ui-muted);opacity:1}
html body .cc-choice .blend-bar span:last-child{background:#BAAE9E}
html body :is(input:not([type=radio]):not([type=checkbox]),select,textarea){background:var(--ui-paper);color:var(--ui-text);border-color:var(--ui-line)}
html body :is(input,textarea)::placeholder{color:var(--ui-muted);opacity:1}
html body :is(.cart-link,.mobile-menu,.motion-control){background:var(--ui-paper);color:var(--ui-text);border-color:var(--ui-line);box-shadow:inset 0 1px #ffffff20,0 4px 12px var(--ui-shadow)}
html body :is(.btn,.button){color:var(--ui-text);background:var(--ui-raised);border-color:var(--ui-line)}
html body :is(.btn.red,.button:not(.secondary)),html body .cc-choice .btn.red{background:#CC2200;color:#FFF9F2;border-color:#992000}
html body :is(.btn.cream,.btn.dark){background:var(--ui-text);color:var(--ui-bg)}
html body .cc-choice .btn:disabled,html body :is(.btn,.button):disabled{background:var(--ui-raised);color:var(--ui-muted);border-color:var(--ui-line);opacity:1}
html body .crew-section{background:#1A1A1A;color:#F5F0E8}
html body .crew-section .btn.cream{background:#F5F0E8;color:#1A1A1A;border-radius:999px}
/* This illustrated scene stays dark in both themes; its blend needs a dark backdrop. */
html body .crew-section .crew-film,html body .crew-section .crew-film:hover{background:#1A1A1A;color:#F5F0E8;isolation:isolate}
html body .crew-section .crew-film .film-picture{background:#1A1A1A}
html body .crew-section .crew-art-note{color:#F5F0E8}
html body :is(.shop-error,.error-summary,.buyer-error){background:#F8DAD2;color:#6F1707}
html body :is(.buyer-notice,.shop-note.panel){background:var(--ui-raised);color:var(--ui-text)}
html body .discount-line{color:var(--ui-text)}
html body .journey li[aria-current=step]{color:var(--ui-link);border-color:var(--ui-link)}
html body :focus-visible{outline:3px solid var(--ui-link);outline-offset:4px}
/* The skip link focuses the page landmark; its viewport-wide outline looks like a stray stripe. */
html body main#main:focus-visible{outline:none}
html body .toast-region{background:var(--ui-text);color:var(--ui-bg)}
/* A dedicated promotional surface remains cream in both appearances. */
html body .cc-choice-promo .promo-section{background:var(--ui-bg);border-color:var(--ui-line)}
html body .cc-choice-promo .cc-launch{color:var(--ui-text)}
html body .cc-choice-promo .cc-promo-terms{background:transparent;color:var(--ui-muted)}
html body .cc-choice-promo .cc-promo-terms summary{color:var(--ui-text)}
html body .cc-choice-promo .cc-promo{background:#F5F0E8;color:#1A1A1A;border:1px solid #CFC5B9;border-radius:28px}
html body .cc-choice-promo .cc-promo-copy{border-radius:0;background:transparent;color:#B31F00}
html body .cc-choice-promo .cc-promo-cta{background:#CC2200;color:#FFF9F2;border-radius:999px;min-height:48px}
html body .cc-choice-promo .cc-promo-copy-result:not(:empty){background:var(--ui-paper);color:var(--ui-text);border-radius:14px}
/* Preference panel is ordinary footer content without JavaScript. */
.crew-settings{max-width:600px;margin:30px auto;padding:26px;background:var(--ui-paper);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:28px;font-family:Montserrat,Arial,sans-serif}
.crew-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.crew-settings h2{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:2px 0 0}
.crew-settings-kicker{font-size:12px;font-weight:600;color:var(--ui-muted);margin:0}
.crew-settings-intro{font-size:14px;color:var(--ui-muted);margin:16px 0 20px;line-height:1.6}
.crew-links{display:grid;gap:0;border:1px solid var(--ui-line);border-radius:18px;overflow:hidden}
.crew-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:12px 16px;color:var(--ui-text);text-decoration:none;font-size:14px;border-bottom:1px solid var(--ui-line)}
.crew-links a:last-child{border:0}.crew-links a:hover{background:var(--ui-raised)}
.crew-theme{border:0;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.crew-theme legend{font-size:15px;font-weight:650;margin-bottom:12px}
.crew-theme label{position:relative;flex:1 1 auto;display:flex;align-items:center;gap:8px;min-height:48px;background:var(--ui-raised);padding:10px 13px;border:1px solid var(--ui-line);border-radius:15px;cursor:pointer;font-size:13px}
.crew-theme input{accent-color:#CC2200;width:18px;height:18px;margin:0;flex:none}
.crew-theme label:has(input:checked){border-color:var(--ui-link);box-shadow:inset 0 0 0 1px var(--ui-link)}
.crew-theme label:has(input:focus-visible){outline:2px solid var(--ui-link);outline-offset:3px}
.crew-theme-status{font-size:12px;color:var(--ui-muted);min-height:18px;margin:12px 0 0}
.crew-close{border:1px solid var(--ui-line);border-radius:50%;width:44px;height:44px;flex:none;background:var(--ui-raised);color:var(--ui-text);font-size:26px;cursor:pointer}
.crew-dialog{padding:0;background:transparent;border:0;color:var(--ui-text);max-width:min(600px,calc(100% - 32px));width:600px;max-height:calc(100dvh - 40px);border-radius:28px;margin:auto;overflow:auto;overscroll-behavior:contain}
.crew-dialog .crew-settings{margin:0;border-radius:28px}
.crew-dialog::backdrop{background:#17141099;backdrop-filter:blur(5px)}
html.crew-dialog-open{overflow:hidden}
.crew-tabbar{display:none}
@media(min-width:801px){html body .shop-header nav{background:transparent;border:0;box-shadow:none}}
@media(max-width:800px){
 html{scroll-padding-bottom:110px}
 html body{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}
 html body .shop-header .header-right{display:none}
 html body .shop-header .mobile-menu{margin-left:auto}
 html body .shop-header .motion-control{position:static;margin-left:auto;flex:none;z-index:auto}
 html body .shop-header:has(.motion-control:not([hidden])) .mobile-menu{margin-left:0}
 html body .shop-header .brand-logo{width:111px}
 html body .crew-tabbar{position:fixed;z-index:80;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:6px;border:1px solid var(--ui-line);border-radius:30px;background:var(--ui-glass);color:var(--ui-text);box-shadow:inset 0 1px #ffffff35,0 10px 35px var(--ui-shadow);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}
 .crew-tabbar a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:54px;padding:6px 2px;border-radius:24px;text-decoration:none;color:var(--ui-muted);font:600 10px/1.25 Montserrat,Arial,sans-serif;transition:background-color 180ms ease,color 180ms ease}
 .crew-tabbar a[aria-current=page]{background:var(--ui-active);color:var(--ui-link)}
 .crew-tabbar svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .crew-cart-count{position:absolute;top:2px;left:calc(50% + 10px);min-width:16px;height:16px;padding:2px 3px;line-height:12px;border-radius:9px;background:#CC2200;color:#FFF9F2;font-size:9px;text-align:center}
 html body .motion-control{bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:70}
 html body .toast-region{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
 .crew-settings{margin:24px 12px;padding:22px 20px}
 .crew-dialog{max-width:calc(100% - 20px);width:560px;max-height:calc(100dvh - 30px - env(safe-area-inset-top,0px));margin:auto auto calc(10px + env(safe-area-inset-bottom,0px))}
 .crew-dialog .crew-settings{padding:24px 20px}
 body:has(input:not([type=radio]):not([type=checkbox]):focus,textarea:focus) .crew-tabbar{display:none}
 /* 260px art card; conditions stay directly below, in normal document flow. */
 html body .cc-choice-promo .promo-section{border:0;padding:0 12px;margin:8px 0 0}
 html body .cc-choice-promo .cc-promo{display:grid;grid-template-columns:minmax(0,1fr) 108px;grid-template-rows:auto auto auto auto;gap:8px 10px;padding:18px 18px 14px;aspect-ratio:auto;width:100%;max-width:none;min-height:260px;overflow:hidden;align-items:center}
 html body .cc-choice-promo .cc-promo :is(.cc-promo-joke,.cc-promo-offer,.cc-promo-discount,.cc-promo-first,.cc-promo-coupon,.cc-promo-code-label,.cc-promo-code,.cc-promo-deadline,.cc-promo-cta,.cc-promo-art){position:static;inset:auto;white-space:normal;width:auto;height:auto}
 html body .cc-choice-promo .cc-promo-logo,html body .cc-choice-promo .cc-promo-category{display:none}
 html body .cc-choice-promo .cc-promo-joke{display:block;grid-column:1 / -1;font-size:11px;line-height:1.4;font-weight:650;letter-spacing:.06em;text-transform:uppercase}
 html body .cc-choice-promo .cc-promo-offer{grid-column:1;grid-row:2;display:block}
 html body .cc-choice-promo .cc-promo-discount{font-size:52px;line-height:1;font-weight:800;letter-spacing:-.05em;display:block}
 html body .cc-choice-promo .cc-promo-first{display:block;font-size:15px;font-weight:650;line-height:1.3;margin:6px 0 0;max-width:160px}
 html body .cc-choice-promo .cc-promo-art{display:block;grid-column:2;grid-row:2 / 4;align-self:center;position:relative;width:108px;max-width:100%}
 html body .cc-choice-promo .cc-promo-coupon{grid-column:1;grid-row:3;padding:5px 0;display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:auto auto;gap:3px 3px;min-width:0;border:0;border-top:1px solid #CBBFB0;border-bottom:1px solid #CBBFB0;border-radius:0}
 html body .cc-choice-promo .cc-promo-code-label{font-size:10px;line-height:1.3;grid-column:1}
 html body .cc-choice-promo .cc-promo-code{font-size:18px;line-height:1.25;grid-column:1;letter-spacing:-.03em;overflow-wrap:normal}
 html body .cc-choice-promo .cc-promo-copy{position:static;grid-column:2;grid-row:1 / 3;width:44px;height:44px;min-height:44px;border:0;padding:7px}
 html body .cc-choice-promo .cc-promo-copy svg{width:21px;height:23px}
 html body .cc-choice-promo .cc-promo-deadline{grid-column:1 / -1;grid-row:4;font-size:12px;font-weight:600;line-height:1.35}
 html body .cc-choice-promo .cc-promo-deadline br{display:none}
 html body .cc-choice-promo .cc-promo-cta{grid-column:1 / -1;grid-row:5;display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:650;line-height:1.3;padding:12px 17px;min-height:48px}
 html body .cc-choice-promo .cc-promo-cta svg{position:static;width:20px;height:20px;flex:none}
 html body .cc-choice-promo .cc-promo-terms{padding:10px 6px 0;font-size:12px;line-height:1.6;color:var(--ui-muted)}
 html body .cc-choice-promo .cc-promo-terms summary{font-size:13px;min-height:44px;color:var(--ui-text)}
}
@media(max-width:359px){html body .cc-choice-promo .cc-promo{grid-template-columns:minmax(0,1fr) 88px;gap:8px;padding:16px 14px 12px}html body .cc-choice-promo .cc-promo-art{width:88px}html body .cc-choice-promo .cc-promo-code{font-size:16px}.crew-tabbar a{font-size:9px}}
@media(prefers-reduced-motion:reduce){.crew-tabbar a{transition:none}.crew-dialog{scroll-behavior:auto}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html body .crew-tabbar,html body .shop-header{background:var(--ui-paper);backdrop-filter:none;-webkit-backdrop-filter:none}.crew-dialog::backdrop{backdrop-filter:none;background:#171410E6}}

/* Mobile header alignment: keep motion control and menu in stable grid cells. */
@media(max-width:800px){html body .shop-header .motion-control{grid-column:2;grid-row:1;margin-left:0;justify-self:center;align-self:center;transform:none}html body .shop-header .mobile-menu{grid-column:3;grid-row:1;margin-left:0;justify-self:end;align-self:center}}

html body .catalog-contact-note{margin:10px 0 0;color:var(--ui-muted);font-size:12px;line-height:1.5}
@media(max-width:800px){html body .catalog-contact-note{margin-top:8px;font-size:11px}}

html body .catalog-delivery-note{margin:4px 0 0;color:var(--ui-muted);font-size:12px;line-height:1.5}html body .catalog-delivery-note a{display:inline-flex;align-items:center;min-height:32px;margin-left:6px;color:var(--ui-link);border-bottom:1px solid currentColor}
@media(max-width:800px){html body .catalog-delivery-note{font-size:11px}html body .catalog-delivery-note a{min-height:28px;margin-left:4px}}

/* Shared settings controls. Scoped hover wins over legacy button:hover. */
html body .site-footer .footer-settings :is([data-crew-open],.appearance-button,.cookie-settings){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 18px;border:1px solid var(--ui-line);border-radius:999px;background:var(--ui-paper);color:var(--ui-text);font:600 1rem/1.4 Montserrat,Arial,sans-serif;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px #ffffff20;transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease;-webkit-tap-highlight-color:transparent}
html body .site-footer .footer-settings :is([data-crew-open],.appearance-button,.cookie-settings):hover{background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-muted)}
html body .site-footer .footer-settings :is([data-crew-open],.appearance-button,.cookie-settings):active{background:var(--ui-active)}
html body :is([data-menu],[data-crew-open],[data-cookie-settings],[data-crew-close],.crew-tabbar a,.crew-theme label,.crew-theme input){-webkit-tap-highlight-color:transparent}
html body :is([data-menu],[data-crew-open],[data-cookie-settings],[data-crew-close],.crew-tabbar a,.crew-theme input):focus-visible{outline:3px solid var(--ui-link)!important;outline-offset:4px}
html body .crew-theme input:focus-visible{outline:none!important} /* The enclosing label carries its visible focus. */
html body .shop-header nav a{transition:background-color 180ms ease,color 180ms ease}
html body :is(.mobile-menu,.crew-close):hover{background:var(--ui-raised);color:var(--ui-text)}
/* One surface moves; labels and icons keep their actual dimensions. */
.crew-theme-options{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:8px;width:100%}
.crew-selection-surface{position:absolute;left:0;top:0;z-index:0;pointer-events:none;background:var(--ui-active);border-radius:24px;transition:none}
[data-surface-ready=true]>.crew-selection-surface{transition:transform 280ms cubic-bezier(.22,1,.36,1),opacity 200ms ease,background-color 220ms ease,border-color 220ms ease}
html body .crew-theme-options label{z-index:1;margin:0;min-width:0;font-size:1rem;line-height:1.4;background:transparent}
html body .crew-theme-options[data-surface-ready=true] label:has(input:checked){border-color:transparent;box-shadow:none}
.crew-theme-options>.crew-selection-surface{border:2px solid var(--ui-link);border-radius:15px}
html body .crew-tabbar[data-sliding=tabs]{isolation:isolate}
html body .crew-tabbar[data-sliding=tabs] a[aria-current=page]{background:transparent}
.crew-tabbar>.crew-selection-surface{left:6px;top:6px;bottom:6px;width:calc((100% - 21px)/4);transform:translateX(calc(var(--crew-tab-index,0) * (100% + 3px)));opacity:var(--crew-tab-opacity,1);will-change:transform,opacity}
.crew-tabbar[data-surface-entering]>.crew-selection-surface{opacity:0}
.crew-tabbar a{z-index:1}
/* Animate the flow, including closing and rapid reversals, without timers. */
.crew-menu-region,.crew-menu-clip{display:contents}
@media(max-width:800px){
 html body .shop-header{row-gap:0}
 html body .shop-header:not(:has(.crew-menu-region)) .mobile-menu{display:none}
 html body .crew-menu-region{grid-column:1/-1;grid-row:2;display:grid;grid-template-rows:0fr;padding-top:0;transition:grid-template-rows 280ms cubic-bezier(.22,1,.36,1),padding-top 280ms cubic-bezier(.22,1,.36,1)}
 html body .crew-menu-region[data-open=true]{grid-template-rows:1fr;padding-top:8px}
 html body .crew-menu-clip{display:block;min-height:0;overflow:hidden}
 html body .crew-menu-region #primary-nav[data-enhanced]{display:flex;opacity:0;transform:translateX(var(--crew-page-exit-x,-16px));margin:0;transition:opacity 180ms ease,transform 280ms cubic-bezier(.22,1,.36,1)}
 html body .crew-menu-region[data-open=true] #primary-nav{opacity:1;transform:translateX(0)}
}
/* Native dialog and consent controls retain their existing focus and consent logic. */
html body .crew-dialog{opacity:0;transform:translateY(14px) scale(.985);transition:opacity 220ms ease,transform 280ms cubic-bezier(.22,1,.36,1),display 280ms allow-discrete,overlay 280ms allow-discrete}
html body .crew-dialog[open]{opacity:1;transform:translateX(0) scale(1)}
html body .crew-dialog::backdrop{background:#17141000;transition:background-color 220ms ease,display 280ms allow-discrete,overlay 280ms allow-discrete}
html body .crew-dialog[open]::backdrop{background:#17141099}
html body .cookie-banner{background:var(--ui-paper);color:var(--ui-text);border-color:var(--ui-line);border-radius:24px;box-shadow:0 12px 36px var(--ui-shadow);opacity:1;transform:translateX(0);transition:opacity 220ms ease,transform 280ms cubic-bezier(.22,1,.36,1),display 280ms allow-discrete}
html body .cookie-banner[hidden]{opacity:0;transform:translateY(14px)}
html body .cookie-banner :is(p,h2){color:var(--ui-text)}
html body .cookie-banner a{color:var(--ui-link);text-underline-offset:3px}
@starting-style{
 html body .crew-dialog[open]{opacity:0;transform:translateY(14px) scale(.985)}
 html body .crew-dialog[open]::backdrop{background:#17141000}
 html body .cookie-banner:not([hidden]){opacity:0;transform:translateY(14px)}
}
html.crew-theme-changing body,html.crew-theme-changing body :is(.shop-header,#primary-nav,.crew-tabbar,.crew-settings,.crew-theme-options label,.crew-close,.product-card,.product-details,.hero-intro,.flavor-scene,.site-footer,.footer-settings button,.catalog-note,.catalog-contact-note,.catalog-delivery-note,.weight-visual,.weight-stock){transition:background-color 220ms ease,color 220ms ease,border-color 220ms ease}
/* Same-origin document navigation progressively enhances ordinary real links. */
html:root{view-transition-name:none}
html body>main{view-transition-name:crew-content}
@view-transition{navigation:auto}
::view-transition-group(*){animation-duration:220ms;animation-timing-function:cubic-bezier(.22,1,.36,1)}
::view-transition-group(crew-content){animation:none}
::view-transition-old(crew-content){animation:crew-content-exit 240ms ease both;mix-blend-mode:plus-lighter}
::view-transition-new(crew-content){animation:crew-content-enter 240ms ease both;mix-blend-mode:plus-lighter}
@keyframes crew-content-exit{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(var(--crew-page-exit-x,-16px))}}
@keyframes crew-content-enter{from{opacity:0;transform:translateX(var(--crew-page-enter-x,16px))}to{opacity:1;transform:translateX(0)}}
html.crew-navigation-preparing::view-transition-group(*),html.crew-navigation-preparing::view-transition-old(*),html.crew-navigation-preparing::view-transition-new(*){animation-play-state:paused}
::view-transition{pointer-events:none}
@media(max-width:800px){::view-transition{clip-path:inset(0 0 calc(var(--crew-dock-height,84px) + 24px + env(safe-area-inset-bottom,0px)) 0)}}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
 html body :is(.crew-selection-surface,.crew-menu-region,#primary-nav,.crew-dialog,.cookie-banner,.shop-header nav a,.crew-theme-options label,.crew-tabbar a,.footer-settings button){transition:none!important}
 html body .crew-dialog::backdrop{transition:none}
}
html.is-reduced body :is(.crew-selection-surface,.crew-menu-region,#primary-nav,.crew-dialog,.cookie-banner,.shop-header nav a,.crew-theme-options label,.crew-tabbar a,.footer-settings button){transition:none!important}
html.is-reduced body .crew-dialog::backdrop{transition:none}
html.is-reduced::view-transition-group(*),html.is-reduced::view-transition-old(*),html.is-reduced::view-transition-new(*){animation:none!important}

@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html body .crew-dialog[open]::backdrop{backdrop-filter:none;background:#171410E6}}

html body .site-footer .footer-settings{margin-block:12px}
@media(max-width:480px){.crew-theme-options{grid-template-columns:minmax(0,1fr)}}