:root{font-family:system-ui,Arial,sans-serif;color:#f6f6f6;background:#121212}*{box-sizing:border-box}body{margin:0}header{background:#1d1d1d;padding:20px max(20px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #f58b25}h1{margin:0;font-size:25px;letter-spacing:2px}small{color:#aaa}.wrap{max-width:1100px;margin:auto;padding:36px 20px}.hero{background:linear-gradient(110deg,#292018,#151515);border:1px solid #4b3525;border-radius:20px;padding:48px 32px}.hero h2{font-size:clamp(26px,5vw,46px);margin:0 0 12px}.hero p{color:#ccc}a{color:#ffab57}nav{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}nav button{border:1px solid #555;border-radius:30px;padding:10px 18px;background:#252525;color:#fff;cursor:pointer}nav button.active{background:#e77c18;border-color:#e77c18;color:#161616;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.item{border:1px solid #393939;border-radius:16px;overflow:hidden;background:#202020}.item img{width:100%;height:190px;object-fit:cover}.item .content{padding:18px}.item h3{margin:0 0 8px}.item p{color:#bbb;font-size:14px}.price{font-weight:800;color:#ffab57}#status{color:#ccc;padding:14px 0}footer{border-top:1px solid #333;padding:28px;text-align:center;color:#999;margin-top:40px}.contact-wrap{position:relative}.contact-main{display:flex;align-items:center;gap:10px}.contact-main>a{font-weight:800;color:#fff;text-decoration:none;white-space:nowrap;font-size:clamp(14px,1.8vw,18px)}.contact-main>a:hover{color:#ffb36b}.phone-3d{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:14px;background:linear-gradient(145deg,#ffc36d 0%,#f58b25 45%,#a84605 100%);color:#2c1606;filter:drop-shadow(0 1px 1px #fff7);box-shadow:inset 2px 2px 3px #fff8,inset -3px -4px 5px #783608,0 5px 12px #0009;transform:perspective(100px) rotateY(-10deg);transition:transform .25s,box-shadow .25s}.contact-wrap:hover .phone-3d{transform:perspective(100px) rotateY(8deg) translateY(-2px);box-shadow:inset 2px 2px 3px #fff8,inset -3px -4px 5px #783608,0 8px 16px #000b}.contact-trigger{background:#282828;border:1px solid #f58b25;border-radius:12px;color:#fff;padding:8px 12px;cursor:pointer;font-weight:700;transition:transform .2s}.contact-trigger:hover{transform:scale(1.04)}.contact-trigger span{display:inline-block;transition:transform .2s}.contact-trigger:hover span{transform:rotate(-18deg)}.contact-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(340px,90vw);background:#262626;border:1px solid #f58b25;border-radius:16px;padding:16px;z-index:5;box-shadow:0 16px 40px #0009}.contact-entry{padding:10px 0;border-bottom:1px solid #444}.contact-entry:last-child{border:0}.contact-entry strong{display:block;margin-bottom:5px}.contact-entry address{font-style:normal;color:#bbb;font-size:14px;margin-bottom:7px}.contact-entry a{display:block;margin:5px 0}.contact-wrap:hover .contact-panel:not([hidden]){display:block}@media(max-width:600px){header{gap:10px;flex-wrap:wrap}.contact-panel{right:0}}.contact-panel[hidden]{display:none}header{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;row-gap:12px}header .brand-area{grid-column:1;grid-row:1;min-width:0;justify-self:start}header .contact-wrap{grid-column:2;grid-row:1;justify-self:end}header[data-logo-position="right"] .brand-area{grid-column:2;justify-self:end}header[data-logo-position="right"] .contact-wrap{grid-column:1;justify-self:start}header[data-phone-position="left"]:not([data-logo-position="right"]) .contact-wrap{grid-column:1;grid-row:2;justify-self:start}header[data-phone-position="left"]:not([data-logo-position="right"]) .brand-area{grid-column:2;justify-self:end}header[data-logo-position="center"]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}header[data-logo-position="center"] .brand-area{grid-column:2;justify-self:center}header[data-logo-position="center"] .contact-wrap{grid-column:3;justify-self:end}header[data-logo-position="center"][data-phone-position="left"] .contact-wrap{grid-column:1;justify-self:start}header .brand-area[hidden],header .contact-wrap[hidden]{display:none!important}@media(max-width:600px){header{display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:12px}header .brand-area,header .contact-wrap{max-width:100%}header[data-logo-position="center"] .brand-area{margin-inline:auto}header[data-logo-position="right"] .brand-area{order:2}header[data-logo-position="right"] .contact-wrap{order:1}header[data-phone-position="left"]:not([data-logo-position="right"]) .contact-wrap{order:1}header[data-phone-position="left"]:not([data-logo-position="right"]) .brand-area{order:2}}
#headerNav{display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:center;grid-column:1/-1;grid-row:2}#headerNav a{color:#fff;text-decoration:none;font-weight:650}#headerNav a:hover{color:#ffab57}#headerNav:empty{display:none}@media(max-width:600px){#headerNav{width:100%;justify-content:flex-start}}
#cartButton{background:#f58b25;color:#18110a;border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;justify-self:end;grid-column:2;grid-row:2}#cartPanel{position:fixed;inset:0 0 0 auto;width:min(430px,100vw);z-index:20;background:#202020;box-shadow:-10px 0 45px #000a;padding:24px;overflow:auto}#cartPanel[hidden]{display:none}#cartBackdrop{position:fixed;inset:0;background:#0009;z-index:19}#cartBackdrop[hidden]{display:none}.cart-row{border-bottom:1px solid #444;padding:14px 0;display:grid;gap:8px}.cart-row button,.add-cart{background:#f58b25;color:#1b120a;border:0;border-radius:9px;padding:8px 12px;cursor:pointer;font-weight:700}.cart-actions{display:flex;gap:8px;align-items:center}.cart-actions button{min-width:34px}.cart-total{font-size:20px;font-weight:800;margin-top:22px}@media(max-width:600px){#cartButton{order:3}#cartPanel{padding:16px}}

.checkout-fulfillment{margin-top:18px;border-top:1px solid #484848;padding-top:14px}.checkout-fulfillment h3{margin:0 0 12px}.fulfillment-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fulfillment-options label{padding:12px 8px;border:1px solid #666;border-radius:10px;cursor:pointer}.fulfillment-options label:has(input:checked){border-color:#f58b25;background:#382a1b}.fulfillment-options input{accent-color:#f58b25}.checkout-fulfillment p{font-size:13px;color:#ccc}.checkout-fulfillment .fulfillment-notice{color:#e4b884}
.checkout-time{margin-top:16px;border-top:1px solid #484848;padding-top:14px;display:grid;gap:10px}.checkout-time h3{margin:0}.checkout-time label{display:flex;gap:8px;align-items:center}.checkout-time input[type="radio"]{accent-color:#f58b25}.checkout-time input[type="date"],.checkout-time input[type="time"]{width:100%;background:#292929;border:1px solid #666;border-radius:8px;color:white;padding:9px;color-scheme:dark}.checkout-time #checkoutScheduled{display:grid;gap:8px}.checkout-time #checkoutScheduled[hidden]{display:none}
/* Checkout contact form: readable labels and full-width inputs */
.checkout-customer{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid #484848;min-width:0}
.checkout-customer h3{margin:0 0 5px;font-size:18px}
.checkout-customer label{display:block;margin:5px 0 0;font-size:13px;font-weight:650;color:#f3f3f3}
.checkout-customer input,.checkout-customer textarea{display:block;box-sizing:border-box;width:100%;min-width:0;padding:11px 12px;background:#292929;color:#fff;border:1px solid #666;border-radius:9px;font:inherit;line-height:1.4}
.checkout-customer input:focus,.checkout-customer textarea:focus{outline:2px solid #f58b25;outline-offset:1px}
.checkout-customer textarea{resize:vertical;min-height:76px}
.checkout-customer #checkoutDeliveryAddressWrap{display:grid;gap:9px;min-width:0}
.checkout-customer #checkoutDeliveryAddressWrap[hidden]{display:none}
.checkout-customer #checkoutCustomerResult{margin:3px 0 0;line-height:1.5;min-height:0}
#checkoutSubmitPreview{display:block;width:100%;margin-top:14px;padding:12px;border:0;border-radius:9px;background:#f58b25;color:#1b120a;font-weight:750;cursor:pointer}
#checkoutSubmitPreview:focus-visible{outline:2px solid white;outline-offset:3px}
.checkout-address-group{display:grid;gap:9px;min-width:0}.checkout-address-group h3{margin:8px 0 0;font-size:17px}.checkout-address-group .checkout-fields{margin-top:3px}.checkout-address-group[hidden]{display:none!important}
/* Compact checkout: one summary, wider panel, reduced vertical scrolling */
#cartPanel{width:min(540px,100vw);padding:20px 24px}
#cartPanel .cart-row{padding:10px 0;gap:8px}
#cartPanel .checkout-fulfillment{margin-top:12px;padding-top:12px}
#cartPanel .checkout-time{margin-top:12px;padding-top:12px;gap:7px}
#cartPanel .checkout-customer{margin-top:12px;padding-top:12px;gap:6px}
#cartPanel .checkout-customer label{margin-top:2px}
#cartPanel .checkout-customer input,#cartPanel .checkout-customer textarea{padding:9px 10px}
#cartPanel .checkout-customer textarea{min-height:58px}
#cartPanel .checkout-extras{margin-top:12px;padding-top:12px;gap:9px}
#cartPanel .checkout-fields{gap:7px}
#cartPanel .checkout-address-group{gap:7px}
#cartPanel .checkout-choices{gap:7px}
#cartPanel .checkout-summary{gap:7px}
#cartPanel .checkout-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#cartPanel .checkout-three label{min-width:0}
#cartPanel .checkout-three input{width:100%;min-width:0}
#cartPanel .checkout-summary-total{font-size:18px!important}
@media(max-width:600px){#cartPanel{padding:16px;width:100vw}#cartPanel .checkout-three{gap:6px}}
/* Five compact address details on one row; preserve readable fields on narrow screens */
#cartPanel .checkout-address-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
#cartPanel .checkout-address-five label{display:grid;gap:6px;min-width:0;font-size:12px}
#cartPanel .checkout-address-five input{width:100%;min-width:0;box-sizing:border-box;padding:9px 6px}
@media(max-width:430px){#cartPanel .checkout-address-five{gap:4px}#cartPanel .checkout-address-five label{font-size:11px}#cartPanel .checkout-address-five input{padding:8px 4px}}
/* Full checkout preview */
.checkout-extras{display:grid;gap:12px;border-top:1px solid #484848;margin-top:18px;padding-top:16px;min-width:0}
.checkout-extras h3{margin:8px 0 0;font-size:17px}.checkout-muted{font-size:12px;color:#bdbdbd;line-height:1.5;margin:0}
.checkout-fields{display:grid;gap:10px}.checkout-fields label{display:grid;gap:6px;font-size:13px;font-weight:600}
.checkout-fields input:not([type="checkbox"]){box-sizing:border-box;width:100%;min-width:0;border:1px solid #666;background:#292929;color:#fff;border-radius:9px;padding:10px;font:inherit}
.checkout-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkout-choices{display:grid;gap:10px}.checkout-choices label{display:flex;gap:8px;align-items:center;font-size:13px}.checkout-disabled{opacity:.55}.checkout-suggestions{border:1px dashed #666;border-radius:9px;padding:12px;color:#ccc;font-size:13px}
.checkout-summary{display:grid;gap:10px}.checkout-summary>div{display:flex;justify-content:space-between;gap:16px;font-size:13px}.checkout-summary>div> :last-child{text-align:right}.checkout-summary-total{border-top:1px solid #555;padding-top:12px;font-size:16px!important}.checkout-consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5}
.cart-row{grid-template-columns:72px minmax(0,1fr);align-items:start;column-gap:12px}.cart-photo{width:72px;height:72px;border-radius:9px;object-fit:cover;background:#333}.cart-photo-placeholder{display:grid;place-items:center;color:#aaa;font-size:11px;text-align:center}.cart-info{display:grid;gap:6px;min-width:0}.cart-info strong{font-size:13px}.cart-info .cart-weight{font-size:12px;color:#aaa}.cart-actions{flex-wrap:wrap}.cart-actions button{padding:7px 10px}
/* Unified compact 2D SVG header controls */
header{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-top:12px;padding-bottom:12px;gap:8px 16px}header .brand-area{grid-column:1;grid-row:1}.header-actions{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.header-actions #cartButton{margin-left:14px}.header-actions .contact-wrap{grid-column:auto!important;grid-row:auto!important;order:0!important;justify-self:auto!important}.header-actions .contact-main{gap:7px}.header-actions .contact-main>a{font-size:13px;font-weight:650}.header-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 10px;border:1px solid #494949;border-radius:9px;background:#272727;color:#fff;cursor:pointer;font:600 13px system-ui,Arial,sans-serif;white-space:nowrap}.header-action:hover,.header-action:focus-visible{border-color:#f58b25;color:#ffab57}.header-action svg{width:22px;height:22px;flex:none}.action-count{background:#f58b25;color:#17120e;border-radius:10px;min-width:19px;padding:2px 5px;text-align:center;font-size:11px}.contact-main .header-action{border-color:#494949}.contact-panel{right:0;top:calc(100% + 8px)}#cartButton{position:static;grid-column:auto;grid-row:auto;justify-self:auto;background:#272727;color:#fff;border:1px solid #494949;border-radius:9px;padding:7px 10px;font-weight:600}#cartButton:hover{border-color:#f58b25;color:#ffab57}#headerNav{grid-row:2}#accountBackdrop{position:fixed;inset:0;background:#0009;z-index:19}#accountBackdrop[hidden],#accountPanel[hidden]{display:none}#accountPanel{position:fixed;inset:0 0 0 auto;width:min(390px,100vw);z-index:20;background:#202020;padding:20px;box-shadow:-10px 0 45px #000a}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title button{background:#333;border:1px solid #555;color:#fff;border-radius:8px;padding:7px 11px;cursor:pointer}header[data-logo-position="right"] .brand-area{grid-column:2}header[data-logo-position="right"] .header-actions{grid-column:1;justify-content:flex-start}header[data-logo-position="center"] .brand-area{grid-column:2}header[data-logo-position="center"] .header-actions{grid-column:3}@media(max-width:760px){header{display:flex!important;flex-wrap:wrap;padding:10px 14px}.header-actions{margin-left:auto;gap:4px}.header-actions #cartButton{margin-left:10px}.header-actions .contact-main>a,.action-label{display:none}.header-action,#cartButton{width:auto;min-width:38px;padding:7px}.header-actions .contact-wrap{max-width:none!important}#headerNav{order:5;width:100%;margin:2px 0 0;gap:12px}header[data-logo-position="right"] .brand-area{order:2}header[data-logo-position="right"] .header-actions{order:1}header[data-logo-position="center"] .brand-area{margin-inline:0}}

/* Header: centered 150x20 search, hours and language */
header{grid-template-columns:minmax(0,1fr) 150px auto;column-gap:18px}
.header-search{grid-column:2;grid-row:1;position:relative;width:150px;height:20px;display:flex;align-items:center;border:1px solid #555;border-radius:5px;background:#303030;padding:0 4px;gap:4px}
.header-search svg{width:16px;height:16px;flex:none;color:#f58b25}.header-search input{min-width:0;width:100%;height:18px;padding:0;border:0;outline:0;background:transparent;color:#fff;font:12px system-ui,Arial,sans-serif}.header-search input::placeholder{color:#aaa}.header-search:focus-within{border-color:#f58b25}
.header-actions{grid-column:3}.header-hours{display:inline-flex;align-items:center;gap:5px;color:#eee;font-size:12px;white-space:nowrap}.header-hours svg{width:18px;height:18px;color:#f58b25}.header-language{display:inline-flex;align-items:center;gap:3px;color:#fff;font-size:12px}.header-language select{background:#272727;border:1px solid #494949;border-radius:6px;color:#fff;padding:4px 2px;font-size:12px;cursor:pointer}
#headerNav{grid-row:2}.search-results{position:absolute;top:calc(100% + 8px);left:0;width:260px;max-width:90vw;background:#272727;border:1px solid #555;border-radius:8px;z-index:10;box-shadow:0 12px 25px #0009;max-height:260px;overflow:auto}.search-results[hidden]{display:none}.search-results button{display:block;width:100%;text-align:left;padding:9px;border:0;border-bottom:1px solid #444;background:transparent;color:#fff;cursor:pointer}.search-results button:hover{background:#393939}
@media(max-width:760px){header{display:flex!important}.header-search{order:3;flex:0 0 150px}.header-actions{order:2}.header-hours{display:none}.header-language select{max-width:50px}#headerNav{order:5}}

/* Header alignment refinement */
header{grid-template-columns:minmax(120px,1fr) minmax(150px,1fr) auto;column-gap:12px}
.header-search{grid-column:2;justify-self:center;height:38px;padding:0 9px;border-radius:9px}.header-search input{height:34px}
.header-actions{grid-column:3;gap:12px}.header-hours{height:38px;padding:0 8px;border:1px solid #494949;border-radius:9px;background:#272727}.header-language{height:38px;padding:0 8px;border:1px solid #494949;border-radius:9px;background:#272727}.header-language svg{width:20px;height:20px}.header-language select{width:18px;height:34px;padding:0;border:0;font-size:0;background:transparent}.header-language option{font-size:13px}
@media(max-width:1000px){header{grid-template-columns:auto 150px auto}.header-actions{gap:8px}.header-actions .contact-main>a{display:none}}
@media(max-width:760px){header{display:flex!important}.header-search{order:2;flex:0 0 150px}.header-actions{order:3;margin-left:auto;gap:6px}.header-hours{display:none}#headerNav{order:5}}

/* Keep the contact dropdown above the page and header controls */
#siteHeader{position:relative;z-index:12;overflow:visible}.header-actions{position:relative;z-index:13}.header-actions .contact-wrap{position:relative;z-index:15}.contact-panel{z-index:30;max-height:min(65vh,480px);overflow-y:auto}.contact-panel[hidden]{display:none!important}

/* Visible language label and dependable contacts popup */
.header-language select{width:51px;font-size:12px;appearance:auto;color:#fff}.header-language{gap:5px}.contact-panel{min-width:270px;z-index:1000}

/* Language choices: Ukrainian active, English pending translations */
.header-language select{width:34px;color:#f58b25;font-weight:700;appearance:none;cursor:default;pointer-events:none}.header-language .language-divider{color:#aaa}.header-language .language-disabled{color:#888;font-size:12px;cursor:not-allowed}.header-language{white-space:nowrap}

/* Mobile header: logo/actions, full-width search, centered contact/payment links */
.mobile-menu{display:none}
@media(max-width:760px){
 #siteHeader{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;padding:10px 12px;align-items:center}
 #siteHeader .brand-area{grid-column:1!important;grid-row:1!important;order:initial!important;max-width:110px;min-width:0;margin:0!important}
 #brandLogo{max-width:110px!important;max-height:56px;object-fit:contain}#brandFallback{font-size:17px;letter-spacing:0}
 #siteHeader .header-actions{grid-column:2!important;grid-row:1!important;order:initial!important;margin:0;gap:4px;justify-self:end}
 .header-actions .header-action,.header-actions #cartButton{min-width:32px;height:36px;min-height:36px;padding:5px;margin-left:0}
 .header-actions .header-action svg{width:19px;height:19px}.header-actions .header-language{height:36px;padding:0 4px;gap:2px;font-size:10px}
 .header-actions .header-language svg{width:15px;height:15px}.header-language select{width:22px;font-size:10px}.header-language .language-disabled{font-size:10px}
 #siteHeader .header-search{grid-column:1/-1!important;grid-row:2!important;order:initial!important;justify-self:stretch;width:100%;height:38px;flex:auto}
 #siteHeader #headerNav{grid-column:2!important;grid-row:3!important;order:initial!important;display:flex;justify-content:center;gap:12px;width:auto;margin:0;white-space:nowrap}
 #headerNav a{font-size:12px}#headerNav a.mobile-menu-only-link{display:none}
 #siteHeader .mobile-menu{display:block;grid-column:1!important;grid-row:3!important;position:relative;justify-self:start}
 .mobile-menu>button{height:34px;background:#272727;border:1px solid #555;color:#fff;border-radius:8px;padding:0 10px;font-weight:650;cursor:pointer}
 #mobileMenuLinks{position:absolute;left:0;top:calc(100% + 5px);min-width:160px;background:#262626;border:1px solid #555;border-radius:8px;box-shadow:0 10px 22px #0009;z-index:40;padding:6px}
 #mobileMenuLinks[hidden]{display:none}#mobileMenuLinks a{display:block;color:#fff;text-decoration:none;padding:9px 12px;font-size:13px}#mobileMenuLinks a:hover{color:#f58b25}
}
@media(max-width:390px){#siteHeader .brand-area{max-width:88px}#brandLogo{max-width:88px!important}.header-actions .header-language svg{display:none}#siteHeader #headerNav{gap:7px}#headerNav a{font-size:11px}}

/* Mobile nav: truly center visible links independent of menu button width */
@media(max-width:760px){
 #siteHeader{grid-template-columns:1fr auto 1fr}
 #siteHeader .brand-area{grid-column:1!important}
 #siteHeader .header-actions{grid-column:2/4!important}
 #siteHeader .header-search{grid-column:1/-1!important}
 #siteHeader .mobile-menu{grid-column:1!important;grid-row:3!important;z-index:42}
 #siteHeader #headerNav{grid-column:1/-1!important;grid-row:3!important;justify-self:center;justify-content:center;width:max-content;max-width:calc(100% - 90px);margin:0;pointer-events:none}
 #siteHeader #headerNav a{pointer-events:auto}
 #mobileMenuLinks{min-width:145px;padding:3px;border-radius:7px}
 #mobileMenuLinks a{padding:8px 10px}
}

/* Single demo hero banner within the existing 1100px content container */
.hero-banner{position:relative;isolation:isolate;overflow:hidden;min-height:330px;display:flex;align-items:center;background:#241b16 url("https://images.unsplash.com/photo-1544025162-d76694265947?auto=format&fit=crop&w=1600&q=85") center 54%/cover no-repeat;border:1px solid #4b3525;border-radius:18px;padding:42px 38px}
.hero-banner:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,12,12,.9) 0%,rgba(12,12,12,.75) 43%,rgba(12,12,12,.14) 100%)}
.hero-banner-content{position:relative;max-width:500px}.hero-eyebrow{color:#ffab57;font-size:12px;font-weight:800;letter-spacing:2px}.hero-banner h2{margin:12px 0;font-size:clamp(26px,4vw,44px);line-height:1.12}.hero-banner p{max-width:390px;font-size:16px;line-height:1.5;color:#eee}.hero-cta{display:inline-block;margin-top:10px;padding:11px 18px;border-radius:9px;background:#f58b25;color:#17120e;text-decoration:none;font-size:14px;font-weight:750}.hero-cta:hover{background:#ffad55}
@media(max-width:760px){.hero-banner{min-height:260px;padding:28px 22px;background-position:60% center}.hero-banner:before{background:linear-gradient(90deg,rgba(12,12,12,.91),rgba(12,12,12,.46))}.hero-banner p{font-size:14px}.hero-cta{padding:10px 14px}}

/* Desktop navigation: less vertical whitespace, more room between links */
@media(min-width:761px){#siteHeader{row-gap:4px;padding-bottom:9px}#siteHeader #headerNav{margin:5px 0 0;gap:28px}}

/* Photo category tiles; categories continue to come from the live menu API */
#categoryFilters.category-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 28px}
#categoryFilters.category-tiles button{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;text-align:left;min-width:0;min-height:156px;padding:15px;border:1px solid #444;border-radius:14px;background-color:#30251e;background-size:cover;background-position:center;color:#fff;overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s}
#categoryFilters.category-tiles button[data-id="all"]{background-image:linear-gradient(135deg,#5d3018,#201916)}
#categoryFilters.category-tiles button:hover{transform:translateY(-2px);border-color:#ffab57}
#categoryFilters.category-tiles button.active{border:2px solid #f58b25;box-shadow:inset 0 0 0 1px #f58b25;background-color:#30251e;color:#fff}
.category-tile-label{position:relative;font-weight:800;font-size:17px;line-height:1.2;text-shadow:0 1px 5px #000}
@media(max-width:760px){#categoryFilters.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#categoryFilters.category-tiles button{min-height:128px;padding:12px}.category-tile-label{font-size:15px}}

/* Menu card layout controlled from site administration */
#items.grid{grid-template-columns:repeat(var(--menu-desktop-cols,4),minmax(0,1fr));gap:var(--menu-card-gap,16px)}
#items .item{min-width:0}
#items .catalog-section-title{grid-column:1/-1;margin:22px 0 0;padding:12px 0 8px;border-bottom:1px solid #494039;font-size:24px;font-weight:750;color:#fff;scroll-margin-top:110px}
#items .item img{display:block;width:100%;height:auto;aspect-ratio:var(--menu-card-ratio,1 / 1);object-fit:cover}
@media(max-width:1000px){#items.grid{grid-template-columns:repeat(var(--menu-tablet-cols,2),minmax(0,1fr))}}
@media(max-width:600px){#items.grid{grid-template-columns:repeat(var(--menu-mobile-cols,2),minmax(0,1fr))}#items .item .content{padding:12px}#items .item h3{font-size:15px}}

/* Compact dish badges on catalog cards */
#items .dish-badges{display:flex;flex-wrap:wrap;gap:4px;padding:8px 9px 0}
#items .dish-badge{display:inline-flex;align-items:center;gap:4px;max-width:100%;font-size:11px;font-weight:650;line-height:1.2;padding:4px 6px;border-radius:6px;background:#322b25;color:#ffcc95}
#items .dish-badge.attribute{background:#25352d;color:#bde9c8}
#items .dish-badge img{width:15px;height:15px;object-fit:contain;flex:none}
/* Dish card presentation */
#items .item{display:flex;flex-direction:column;transition:border-color .2s ease,transform .2s ease}
@media(hover:hover){#items .item:hover{border-color:#f58b25;transform:translateY(-2px)}}
#items .item .content{display:flex;flex-direction:column;flex:1;gap:8px}
#items .item h3{margin:0;line-height:1.35}
#items .item .dish-weight{font-size:13px;color:#aaa}
#items .item .content p{margin:0 0 4px;line-height:1.45}
#items .dish-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px}
#items .price{font-size:18px;white-space:nowrap}
#items .add-cart{min-height:42px;white-space:nowrap}
#items .add-cart:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){#items .dish-footer{flex-wrap:wrap}#items .add-cart{width:100%}#items .price{font-size:17px}}

/* Accessible dish detail overlay */
.dish-dialog{border:1px solid #555;border-radius:18px;background:#202020;color:#fff;padding:0;width:min(92vw,540px);max-height:88vh;overflow:auto}
.dish-dialog::backdrop{background:rgba(0,0,0,.78)}
.dish-dialog-inner{padding:20px;display:grid;gap:12px}
.dish-dialog img{width:100%;max-height:320px;object-fit:cover;border-radius:12px}
.dish-dialog h2{margin:0}.dish-dialog p{margin:0;color:#ccc}
.dish-dialog-top{display:flex;justify-content:flex-end}
.dish-dialog-close{border:1px solid #666;border-radius:8px;background:#333;color:#fff;padding:8px 12px;cursor:pointer}
#items .dish-open{cursor:pointer}
#items .dish-open:focus-visible{outline:2px solid #f58b25;outline-offset:3px}
/* Preview: standard catalog card and two-column opened dish layout */
#items .item .content p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#items .dish-footer .add-cart{background:#f58b25;color:#191919;border-color:#f58b25;font-weight:750;border-radius:10px;padding:9px 18px}
.dish-dialog{width:min(94vw,960px);max-height:90vh}
.dish-dialog-inner{padding:22px;gap:16px}
.dish-detail-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px;align-items:start}
.dish-detail-media{min-width:0}
.dish-dialog .dish-detail-media img{display:block;width:100%;max-height:none;aspect-ratio:1/1;object-fit:cover;border-radius:14px}
.dish-detail-info{display:flex;flex-direction:column;gap:16px;min-width:0;padding:10px 0}
.dish-detail-info h2{font-size:clamp(24px,3vw,34px);line-height:1.15}
.dish-detail-info .dish-detail-weight{font-size:14px;color:#aaa}
.dish-detail-info .dish-detail-description{font-size:15px;line-height:1.6}
.dish-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;padding-top:18px;border-top:1px solid #454545}
.dish-detail-actions .price{font-size:24px;font-weight:750}
.dish-detail-actions .add-cart{background:#f58b25;color:#191919;border-color:#f58b25;border-radius:10px;padding:12px 24px;font-weight:750}
@media(max-width:650px){.dish-dialog{width:calc(100vw - 18px)}.dish-dialog-inner{padding:14px}.dish-detail-layout{grid-template-columns:1fr;gap:12px}.dish-detail-info{padding:4px 0;gap:12px}.dish-dialog .dish-detail-media img{aspect-ratio:4/3}.dish-detail-actions .price{font-size:20px}}

/* Checkout confirmation: staging-only test order receipt. */
#checkoutConfirmationDialog{border:1px solid #54402d;border-radius:20px;background:#202020;color:#f6f6f6;padding:28px;width:min(92vw,440px);box-shadow:0 18px 65px #0009;text-align:center}
#checkoutConfirmationDialog::backdrop{background:#000b}
#checkoutConfirmationDialog h2{margin:8px 0 14px;font-size:25px}
#checkoutConfirmationDialog .confirmation-check{font-size:42px;color:#76d39a}
#checkoutConfirmationDialog .confirmation-details{display:grid;grid-template-columns:1fr auto;text-align:left;gap:12px;border-top:1px solid #444;border-bottom:1px solid #444;padding:16px 0;margin:18px 0}
#checkoutConfirmationDialog .confirmation-details span{color:#bbb}
#checkoutConfirmationDialog .confirmation-note{font-size:14px;color:#bbb;line-height:1.5}
#checkoutConfirmationDialog button{width:100%;margin-top:18px;background:#f58b25;color:#181818;border:0;border-radius:12px;padding:14px;font-weight:700;cursor:pointer}
.cart-items-subtotal{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 16px;border-bottom:1px solid #555;font-size:16px}.cart-items-subtotal strong:last-child{font-size:19px;white-space:nowrap}

/* Mobile header: show only promotions, delivery/payment, and contacts.
   Existing published URLs are retained; the desktop navigation is unchanged. */
@media(max-width:760px){
 #siteHeader #mobileMenu{display:none!important}
 #siteHeader #headerNav{
  grid-column:1/-1!important;grid-row:3!important;
  width:100%;max-width:100%;min-width:0;
  display:flex;flex-wrap:nowrap;justify-self:stretch;justify-content:safe center;
  align-items:center;gap:16px;overflow-x:auto;overflow-y:hidden;
  padding:3px 0 6px;margin:0;box-sizing:border-box;
  pointer-events:auto;white-space:nowrap;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
 }
 #siteHeader #headerNav::-webkit-scrollbar{display:none}
 #siteHeader #headerNav a{flex:none;white-space:nowrap;pointer-events:auto;font-size:13px}
 #siteHeader #headerNav a.mobile-nav-hidden{display:none}
 #siteHeader #headerNav a.mobile-nav-promotions{order:1}
 #siteHeader #headerNav a.mobile-nav-delivery{order:2}
 #siteHeader #headerNav a.mobile-nav-contacts{order:3}
}

/* Mobile contact dropdown: viewport-anchored, never clipped off the left edge.
   Position is set below the phone button while the desktop dropdown stays unchanged. */
@media(max-width:760px){
 #siteHeader #contactPanel{
  position:fixed;left:12px;right:12px;top:var(--mobile-contact-top,70px);
  width:auto;min-width:0;max-width:none;
  max-height:min(65dvh,calc(100dvh - var(--mobile-contact-top,70px) - 12px));
  overflow-x:hidden;overflow-y:auto;box-sizing:border-box;
  z-index:1000;overflow-wrap:anywhere;
 }
 #siteHeader #contactPanel .contact-entry a{overflow-wrap:anywhere}
}

/* Readable search suggestions with consistent image, name and price. */
#headerSearchResults.search-results{padding:4px;box-sizing:border-box}
#headerSearchResults .search-result-item{display:flex;align-items:center;gap:10px;padding:8px;min-height:64px}
#headerSearchResults .search-result-photo{width:52px;height:52px;flex:0 0 52px;object-fit:cover;border-radius:8px}
#headerSearchResults .search-result-details{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
#headerSearchResults .search-result-name{font-size:14px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}
#headerSearchResults .search-result-price{font-size:13px;color:#ffab57;font-weight:700}
#headerSearchResults .search-empty{padding:12px;font-size:14px;color:#ddd}
#headerSearchResults .search-result-item:focus-visible{outline:2px solid #f58b25;outline-offset:-2px}
@media(max-width:760px){
 #siteHeader .header-search:focus-within{z-index:22}
 #siteHeader #headerSearchResults{
  left:0;right:0;top:calc(100% + 6px);width:100%;max-width:100%;
  max-height:min(45dvh,360px);overflow-x:hidden;overflow-y:auto;
  border-radius:10px;box-shadow:0 12px 30px #000b;
 }
 #siteHeader #headerSearchResults .search-result-item{min-height:64px}
}

/* iOS Safari zooms the entire page when focusing a text field below 16px.
   Limit the override to mobile search so the other header controls stay intact. */
@media(max-width:760px){
 #siteHeader #headerSearchInput{
  font-size:16px;line-height:1.3;
  min-height:32px;
 }
}

/* Search builder overrides: scoped to header search, separated by device. */
#siteHeader .header-search{
 width:var(--search-desktop-width,150px);height:var(--search-desktop-height,38px);
 background:var(--search-field-bg,#303030);border-color:var(--search-border-color,#555);
 border-radius:var(--search-border-radius,9px);box-sizing:border-box;
}
#siteHeader .header-search input{font-size:var(--search-desktop-font,14px);color:var(--search-field-color,#fff)}
#siteHeader .header-search input::placeholder{color:var(--search-placeholder-color,#aaa)}
#siteHeader .header-search svg{width:var(--search-icon-size,18px);height:var(--search-icon-size,18px);color:var(--search-icon-color,#f58b25)}
#siteHeader .header-search[data-search-icon-position=right] svg{order:2}
#siteHeader .header-search[data-search-icon-position=right] input{order:1}
#siteHeader .header-search #headerSearchResults{width:var(--search-results-width,100%);max-height:var(--search-results-max-height,320px);background:var(--search-results-bg,#272727)}
#siteHeader #headerSearchResults .search-result-item{min-height:var(--search-row-height,64px)}
#siteHeader #headerSearchResults .search-result-photo{width:var(--search-photo-size,52px);height:var(--search-photo-size,52px);flex-basis:var(--search-photo-size,52px)}
#siteHeader #headerSearchResults .search-result-name{font-size:var(--search-name-size,14px);color:var(--search-results-name,#fff)}
#siteHeader #headerSearchResults .search-result-price{font-size:var(--search-price-size,13px);color:var(--search-results-price,#ffab57)}
@media(max-width:760px){
 #siteHeader .header-search{
  width:var(--search-mobile-width,100%);height:var(--search-mobile-height,38px);
  justify-self:center;align-self:center;
 }
 #siteHeader .header-search input{font-size:max(16px,var(--search-mobile-font,16px));height:100%}
 #siteHeader .header-search #headerSearchResults{width:var(--search-results-width,100%);max-width:100%;max-height:min(45dvh,var(--search-results-max-height,320px))}
}

/* Configurable result spacing, weight and safe text highlighting. */
#siteHeader #headerSearchResults .search-result-item{margin-bottom:var(--search-results-gap,0px)}
#siteHeader #headerSearchResults .search-result-item:last-child{margin-bottom:0}
#siteHeader #headerSearchResults .search-result-weight{font-size:12px;color:#bfbfbf}
#siteHeader #headerSearchResults .search-result-name mark{background:transparent;color:var(--search-results-price,#ffab57);font-weight:800;text-decoration:underline;text-underline-offset:2px}

/* Only explicitly published home hero config changes the original banner. */
#siteHomeHero.hero-custom{
 width:var(--hero-width,100%);min-height:var(--hero-desktop-height,330px);
 padding:var(--hero-padding,24px);margin:var(--hero-margin,0px) auto;
 border-radius:var(--hero-radius,18px);
 background-color:var(--hero-bg,#241b16);
 background-position:var(--hero-photo-position,50% 54%);
 box-sizing:border-box;
}
#siteHomeHero.hero-custom::before{background:rgba(0,0,0,var(--hero-overlay,.65))}
#siteHomeHero.hero-custom .hero-banner-content{max-width:min(100%,580px);width:100%;text-align:var(--hero-align,left);font-family:var(--hero-font,system-ui)}
#siteHomeHero.hero-custom h2{font-size:var(--hero-title-desktop,40px);color:var(--hero-title-color,#fff);overflow-wrap:anywhere}
#siteHomeHero.hero-custom p{font-size:var(--hero-body-size,16px);color:var(--hero-body-color,#eee);max-width:100%;overflow-wrap:anywhere}
#siteHomeHero.hero-custom .hero-cta{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--hero-button-width,190px);max-width:100%;min-height:var(--hero-button-height,44px);background:var(--hero-button-bg,#f58b25);color:var(--hero-button-color,#17120e);padding:0 8px}
@media(max-width:760px){
 #siteHomeHero.hero-custom{min-height:var(--hero-mobile-height,260px)}
 #siteHomeHero.hero-custom h2{font-size:var(--hero-title-mobile,28px)}
}

/* Mobile hero image remains optional: otherwise use published desktop image. */
@media(max-width:760px){
 #siteHomeHero.hero-custom{background-position:var(--hero-mobile-photo-position,50% 54%)}
 #siteHomeHero.hero-custom.hero-has-mobile-image{background-image:var(--hero-mobile-image)}
}

/* Proportional hero layout is opt-in, preserving all previously published banners. */
#siteHomeHero.hero-custom.hero-proportional{
 min-height:0;
 height:auto;
 aspect-ratio:var(--hero-desktop-ratio,21 / 9);
 padding:0;
 align-items:stretch;
}
#siteHomeHero.hero-custom.hero-proportional .hero-banner-content{
 position:absolute;inset:0;max-width:none;width:100%;height:100%;
}
#siteHomeHero.hero-custom.hero-proportional .hero-eyebrow{display:none}
#siteHomeHero.hero-custom.hero-proportional .hero-banner-content h2,
#siteHomeHero.hero-custom.hero-proportional .hero-banner-content p,
#siteHomeHero.hero-custom.hero-proportional .hero-banner-content .hero-cta{
 position:absolute;margin:0;max-width:100%;box-sizing:border-box;
}
#siteHomeHero.hero-custom.hero-proportional .hero-banner-content h2{
 left:var(--hero-desktop-title-x,8%);top:var(--hero-desktop-title-y,20%);
 width:var(--hero-desktop-title-width,82%);font-size:clamp(18px,3.5vw,var(--hero-title-desktop,40px));
}
#siteHomeHero.hero-custom.hero-proportional .hero-banner-content p{
 left:var(--hero-desktop-description-x,8%);top:var(--hero-desktop-description-y,54%);
 width:var(--hero-desktop-description-width,82%);font-size:clamp(12px,1.6vw,var(--hero-body-size,16px));
}
#siteHomeHero.hero-custom.hero-proportional .hero-banner-content .hero-cta{
 left:var(--hero-desktop-button-x,8%);top:var(--hero-desktop-button-y,78%);
 width:var(--hero-desktop-button-width,30%);min-height:0;height:auto;aspect-ratio:4 / 1;
 font-size:clamp(11px,1.2vw,14px);
}
@media(max-width:760px){
 #siteHomeHero.hero-custom.hero-proportional:not(.hero-mobile-proportional){aspect-ratio:var(--hero-desktop-ratio,21 / 9)}
 #siteHomeHero.hero-custom.hero-mobile-proportional{
  min-height:0;height:auto;aspect-ratio:var(--hero-mobile-ratio,4 / 5);padding:0;align-items:stretch;
 }
 #siteHomeHero.hero-custom.hero-mobile-proportional .hero-banner-content{position:absolute;inset:0;max-width:none;width:100%;height:100%}
 #siteHomeHero.hero-custom.hero-mobile-proportional .hero-eyebrow{display:none}
 #siteHomeHero.hero-custom.hero-mobile-proportional .hero-banner-content h2,
 #siteHomeHero.hero-custom.hero-mobile-proportional .hero-banner-content p,
 #siteHomeHero.hero-custom.hero-mobile-proportional .hero-banner-content .hero-cta{
  position:absolute;margin:0;max-width:100%;box-sizing:border-box
 }
 #siteHomeHero.hero-custom.hero-mobile-proportional .hero-banner-content h2{
  left:var(--hero-mobile-title-x,8%);top:var(--hero-mobile-title-y,20%);
  width:var(--hero-mobile-title-width,82%);font-size:clamp(18px,6vw,var(--hero-title-mobile,28px));
 }
 #siteHomeHero.hero-custom.hero-mobile-proportional .hero-banner-content p{
  left:var(--hero-mobile-description-x,8%);top:var(--hero-mobile-description-y,54%);
  width:var(--hero-mobile-description-width,82%);font-size:clamp(12px,3.4vw,var(--hero-body-size,16px));
 }
 #siteHomeHero.hero-custom.hero-mobile-proportional .hero-banner-content .hero-cta{
  left:var(--hero-mobile-button-x,8%);top:var(--hero-mobile-button-y,78%);
  width:var(--hero-mobile-button-width,62%);min-height:0;height:auto;aspect-ratio:4 / 1;
  font-size:clamp(11px,3.5vw,14px);
 }
}

/* Desktop proportional mode must not force mobile positioning when the phone toggle is off. */
@media(max-width:760px){
 #siteHomeHero.hero-custom.hero-proportional:not(.hero-mobile-proportional){
  aspect-ratio:auto;min-height:var(--hero-mobile-height,260px);
  padding:var(--hero-padding,24px);align-items:center;
 }
 #siteHomeHero.hero-custom.hero-proportional:not(.hero-mobile-proportional) .hero-banner-content{
  position:relative;inset:auto;width:100%;height:auto;max-width:min(100%,580px);
 }
 #siteHomeHero.hero-custom.hero-proportional:not(.hero-mobile-proportional) .hero-eyebrow{display:inline}
 #siteHomeHero.hero-custom.hero-proportional:not(.hero-mobile-proportional) .hero-banner-content h2,
 #siteHomeHero.hero-custom.hero-proportional:not(.hero-mobile-proportional) .hero-banner-content p,
 #siteHomeHero.hero-custom.hero-proportional:not(.hero-mobile-proportional) .hero-banner-content .hero-cta{
  position:static;left:auto;top:auto;width:auto;max-width:100%;
 }
 #siteHomeHero.hero-custom.hero-proportional:not(.hero-mobile-proportional) .hero-banner-content h2{
  font-size:var(--hero-title-mobile,28px);margin:12px 0;
 }
 #siteHomeHero.hero-custom.hero-proportional:not(.hero-mobile-proportional) .hero-banner-content p{
  font-size:var(--hero-body-size,16px);
 }
 #siteHomeHero.hero-custom.hero-proportional:not(.hero-mobile-proportional) .hero-banner-content .hero-cta{
  width:var(--hero-button-width,190px);min-height:var(--hero-button-height,44px);aspect-ratio:auto;margin-top:10px
 }
}

/* Catalog navigation: "Back" belongs above the category cards, never inside the photo grid. */
#categoryBackButton.category-back-button{
 display:inline-flex;align-items:center;justify-content:center;
 margin:12px 0 0;padding:10px 16px;min-height:44px;
 border:1px solid #74553e;border-radius:10px;
 background:#29221d;color:#f5eee3;
 font:700 15px system-ui,Arial,sans-serif;cursor:pointer;
}
#categoryBackButton.category-back-button[hidden]{display:none!important}
#categoryBackButton.category-back-button:hover,
#categoryBackButton.category-back-button:focus-visible{border-color:#f58b25;color:#ffb76a;outline-offset:3px}
@media(max-width:760px){
 #categoryBackButton.category-back-button{margin:10px 0 0;font-size:14px;min-height:44px}
}

/* Photo-overlay favorite matches the heart used in dish template 6. */
#items .item{position:relative}
#items .item > .email-favorite-heart{
 position:absolute;top:clamp(8px,1.7vw,12px);left:clamp(8px,1.7vw,12px);
 z-index:2;display:grid;place-items:center;
 width:40px;height:40px;min-width:40px;min-height:40px;
 margin:0;padding:0;border:1px solid #ffffff99;border-radius:50%;
 background:#191919c9;color:#fff;font:700 28px/1 system-ui,Arial,sans-serif;
 box-shadow:0 2px 12px #0009;cursor:pointer;touch-action:manipulation;
}
#items .item > .email-favorite-heart[aria-pressed="true"]{color:#f58b25;border-color:#f58b25}
#items .item > .email-favorite-heart:focus-visible{outline:3px solid #f58b25;outline-offset:2px}
@media(max-width:600px){#items .item > .email-favorite-heart{width:36px;height:36px;min-width:36px;min-height:36px;font-size:25px}}

/* Customer confirmation after clicking “Хочу”. Fixed, unobtrusive, accessible. */
.cart-added-notice{
 position:fixed;z-index:12000;top:18px;right:18px;
 display:flex;align-items:center;gap:12px;
 width:max-content;max-width:min(360px,calc(100vw - 32px));
 padding:13px 16px;border:1px solid #7a5b38;border-radius:12px;
 background:#25211d;color:#fff;box-shadow:0 14px 34px #0008;
 opacity:0;transform:translateY(-14px);
 transition:opacity .2s ease,transform .2s ease;
 pointer-events:none;visibility:hidden;
 font:14px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;
}
.cart-added-notice.visible{opacity:1;transform:translateY(0);visibility:visible}
.cart-added-notice-photo{
 display:block;order:-1;flex:0 0 56px;width:56px;height:56px;
 object-fit:cover;border:1px solid #815a38;border-radius:9px;
 background:#41352b;
}
.cart-added-notice-check{
 display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;
 border-radius:50%;background:#f58b25;color:#181818;font-weight:800;font-size:18px;
}
.cart-added-notice-copy{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}
.cart-added-notice-copy strong{font-size:14px;font-weight:750;color:#fff}
.cart-added-notice-copy span{font-size:12px;color:#f2d3b6}
@media(max-width:600px){
 .cart-added-notice{top:12px;right:12px;max-width:calc(100vw - 24px);padding:11px 12px}
 .cart-added-notice-photo{flex-basis:48px;width:48px;height:48px}
}
@media(prefers-reduced-motion:reduce){
 .cart-added-notice{transition:none;transform:none}
}

/* Menu group photos: one published image per device, with existing default fallback. */
#categoryFilters.category-tiles .category-tile{background-image:var(--gf-menu-tile-desktop)!important}
@media(max-width:600px){
 #categoryFilters.category-tiles .category-tile{background-image:var(--gf-menu-tile-mobile,var(--gf-menu-tile-desktop))!important}
}