:root{
  --xb-bg:#f5f1eb;
  --xb-surface:#ffffff;
  --xb-ink:#111111;
  --xb-soft:#7d776f;
  --xb-line:rgba(17,17,17,.08);
  --xb-accent:#b88a54;
  --xb-accent-soft:#eadbc9;
  --xb-shadow:0 14px 40px rgba(24,18,12,.08);
  --xb-shadow-soft:0 7px 24px rgba(24,18,12,.06);
  --xb-radius:20px;
}
body{background:linear-gradient(180deg,#f8f5f1 0%,var(--xb-bg) 48%,#f2ede6 100%);letter-spacing:.01em}
.top{height:calc(68px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:rgba(8,8,8,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding-inline:16px;box-shadow:0 8px 28px rgba(0,0,0,.18)}
.brand b{font-size:21px;letter-spacing:3.4px}.brand small{letter-spacing:4.6px;color:#cfcfcf}
.iconbtn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;transition:transform .18s ease,background .18s ease}.iconbtn:active{transform:scale(.94);background:#ffffff12}
.searchbar{top:68px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:12px 14px;box-shadow:0 16px 36px rgba(0,0,0,.08)}
.searchbar input{border-color:var(--xb-line);background:#f7f5f2;min-height:48px;box-shadow:inset 0 1px 0 #fff}
.hero{background:#c7b7a6}.hero img{transform:scale(1.001)}
.wrap{padding-top:24px}.sectionTitle{margin:4px 2px 16px}.sectionTitle h2{font-size:23px;letter-spacing:-.02em}.sectionTitle span{font-weight:700;color:var(--xb-soft)}
.cats{gap:8px;padding:2px 2px 10px}.chip{border-color:transparent;background:rgba(255,255,255,.78);box-shadow:0 4px 14px rgba(34,25,16,.04);padding:10px 18px;font-weight:700;transition:.18s ease}.chip.active{background:#111;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.16);transform:translateY(-1px)}
.grid{gap:14px}.card{border-radius:22px;border:1px solid rgba(17,17,17,.055);box-shadow:var(--xb-shadow-soft);background:rgba(255,255,255,.94);transition:transform .2s ease,box-shadow .2s ease;overflow:hidden!important}.card:active{transform:scale(.994)}.card .pic{overflow:hidden;border-radius:22px 22px 0 0}
.pic{aspect-ratio:3/4.18;background:#e8e4df}.pic:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.06) 100%)}
.fav{left:10px;top:10px;width:38px;height:38px;background:rgba(255,255,255,.92);color:#111;backdrop-filter:blur(12px);box-shadow:0 5px 16px rgba(0,0,0,.09);z-index:2}
.stock,.newBadge{z-index:2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.stock{right:10px;bottom:10px;background:rgba(17,17,17,.78);padding:6px 10px;font-weight:700}.stock.stockOut{font-weight:900!important;font-size:11px!important;letter-spacing:.04em}.stock.stockAvailable{background:#149855!important;color:#fff!important}.stock.stockLow{background:rgba(107,42,48,.92)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)}.newBadge{right:10px;top:10px;padding:7px 10px;background:#008cff!important;color:#fff!important;border-color:#008cff!important;font-size:11px;letter-spacing:.02em}
.cardInfo{padding:13px 12px 14px;overflow:hidden;min-width:0}.model{font-size:11px!important;color:#968d83;letter-spacing:.08em;text-transform:uppercase}.name{font-size:15px;margin:5px 0 7px;line-height:1.35}.price{font-size:18px;letter-spacing:-.02em}.price del{color:#a59c93;font-weight:600;font-size:13px}.add{margin-top:12px;border-radius:13px;min-height:44px;background:linear-gradient(180deg,#171717,#090909);box-shadow:0 8px 20px rgba(0,0,0,.13);font-weight:800;transition:.18s ease}.add:active{transform:scale(.98)}
.update{background:rgba(255,255,255,.78);border-color:var(--xb-line);border-radius:18px;box-shadow:var(--xb-shadow-soft);padding:14px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.update>div{width:100%}.update strong{display:block}.update small{display:block}.update span:empty{display:none}
.overlay{background:rgba(8,8,8,.56);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.sheet{border-radius:0!important;padding:14px 16px calc(28px + env(safe-area-inset-bottom));box-shadow:0 -18px 60px rgba(0,0,0,.18)}
.grab{width:42px;background:#d6d1cb}.sheetHead{position:sticky;top:-14px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);z-index:4;padding:8px 0 10px;margin-bottom:2px}.sheetHead h2{letter-spacing:-.03em}
.sheetHead.menuGuestHead{display:block;position:relative;text-align:right;padding:6px 0 14px;margin-bottom:4px}.sheetHead.menuGuestHead h2{font-size:28px;font-weight:900;margin:0;text-align:right;letter-spacing:-.02em}.sheetHead.menuGuestHead .backHead{position:absolute;top:6px;left:0;margin:0}.menuWelcome{text-align:center;font-size:15px;font-weight:700;color:#5c554d;margin:0 0 18px;line-height:1.5}
.menuInstallBtn{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
.menuBtnLabel{display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.2}
.menuBtnIcon{width:18px;height:18px;flex:0 0 18px;display:block}
.close,.backHead{background:#f3f1ee;border:1px solid var(--xb-line)}
.prodHero{border-radius:22px;box-shadow:var(--xb-shadow-soft)}.opts{gap:9px}.opt{border-color:var(--xb-line);border-radius:13px;padding:10px 14px;font-weight:700;background:#faf9f7}.opt.sel{background:#111;border-color:#111;box-shadow:0 6px 16px rgba(0,0,0,.14)}
.primary{min-height:50px;border-radius:14px;background:linear-gradient(180deg,#171717,#080808);box-shadow:0 8px 20px rgba(0,0,0,.13);font-weight:850}.secondary{min-height:48px;border-radius:14px;border-color:#d8d3cd}
.sheet .primary,.sheet .secondary{margin:10px 0 0!important}
.cartItem{grid-template-columns:66px 1fr auto;gap:12px;padding:14px 0}.cartItem img{width:66px;height:84px;border-radius:13px}.removeBtn{border-color:#d71920!important;background:#d71920!important;color:#fff!important;border-radius:11px}.total{font-size:20px;border-top:1px solid var(--xb-line);margin-top:6px}
.notice{background:#fbf6ef;border-color:#eadac5;border-radius:16px;line-height:1.85}.field input,.field select,.field textarea{border-color:#dcd7d1;border-radius:13px;min-height:46px;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a9865f;box-shadow:0 0 0 3px rgba(184,138,84,.12);outline:none}
.choiceCard{border-color:var(--xb-line);border-radius:18px;box-shadow:var(--xb-shadow-soft);transition:.18s ease}.choiceCard:active{transform:scale(.985)}
.checkMark{background:linear-gradient(180deg,#222,#090909);box-shadow:0 10px 26px rgba(0,0,0,.18)}
.bottom{height:70px;background:rgba(7,7,7,.98);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 -12px 34px rgba(0,0,0,.12)}.nav{font-weight:700}.nav.shop{transform:translateY(-12px)}.nav.shop span:first-child{width:48px;height:48px;box-shadow:0 8px 24px rgba(0,0,0,.34),0 0 0 4px #f5f1eb}.nav.active{color:#cda06b}
.toast{bottom:94px;box-shadow:0 8px 28px rgba(0,0,0,.2)}
.orderCard{border-color:var(--xb-line);border-radius:20px;box-shadow:var(--xb-shadow-soft)}.statusPill{background:#f0ece7}.orderMeta div{background:#f8f6f3}.stepProgress{border-color:var(--xb-line);background:#f8f5f1}
@media(max-width:420px){.wrap{padding-inline:10px}.grid{gap:10px}.card{border-radius:18px}.card .pic{border-radius:18px 18px 0 0}.cardInfo{padding:11px 10px 12px}.name{font-size:14px}.price{font-size:16px}.add{font-size:13px}.fav{width:34px;height:34px}.stock{font-size:9px}.offerTimer,.offerTimer b,.reserveTimer{font-size:7.5px;line-height:1.15}}
@media(min-width:760px){.wrap{padding-top:32px}.grid{gap:18px}.card:hover{transform:translateY(-3px);box-shadow:var(--xb-shadow)}.bottom{background:#090909}.sheet{border-radius:0!important;box-shadow:0 24px 70px rgba(0,0,0,.22)}}
@media(prefers-reduced-motion:reduce){.card,.chip,.add,.choiceCard,.iconbtn{transition:none!important}}

/* Active offer badge on storefront cards */
.offerBadge{position:absolute;top:10px;right:10px;background:#111;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;z-index:3;box-shadow:0 4px 14px rgba(0,0,0,.16)}

/* v5.11 visual refinement: richer controls, true full-product imagery, temporary-sale treatment */
:root{--xb-accent:#b88a4a;--xb-accent-deep:#8c622d;--xb-sale:#d82936;--xb-ink:#171717;--xb-soft:#f6f1ea;--xb-green:#198754}
.imageButton{border:0;padding:0;width:100%;height:100%;background:linear-gradient(180deg,#f8f6f2,#efebe5);display:grid;place-items:center;overflow:hidden}
.pic{background:#f3efe9!important}
.pic img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;display:block;padding:2px}
.card .pic:after{background:linear-gradient(180deg,transparent 74%,rgba(0,0,0,.035) 100%)}
.offerBadge{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,#e13b45,#bd1f2d);color:#fff;border-radius:13px;padding:7px 10px 7px 8px;font-size:11px;font-weight:800;z-index:3;box-shadow:0 8px 20px rgba(184,22,36,.26);border:1px solid rgba(255,255,255,.25)}
.offerBadge .saleIcon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--xb-sale);font-size:13px;box-shadow:0 2px 7px rgba(0,0,0,.1)}
.offerBadge .saleText{display:flex;flex-direction:column;line-height:1.02;text-align:right}.offerBadge b{font-size:12px;letter-spacing:.08em}.offerBadge small{font-size:9px;margin-top:3px;color:#fff;font-weight:750;white-space:nowrap}
.newBadge{background:linear-gradient(135deg,#f6e9cf,#e8c997)!important;color:#5b4020!important;border:1px solid rgba(126,90,42,.12)}
.salePrice{color:#c52431}.salePrice del{color:#a79d94!important;margin-inline-end:5px}
.add{background:linear-gradient(135deg,#24211e,#0f0f0f)!important;box-shadow:0 9px 22px rgba(20,18,16,.16)!important;border:1px solid rgba(255,255,255,.08)!important}
.add:after{content:'  +' ;opacity:.58;font-weight:500}
.primary{background:linear-gradient(135deg,var(--xb-accent),var(--xb-accent-deep))!important;color:#fff!important;box-shadow:0 10px 24px rgba(140,98,45,.22)!important;border:1px solid rgba(255,255,255,.18)!important}
.secondary{background:#fff!important;border:1px solid #d9d0c5!important;color:#26211d!important;box-shadow:0 5px 14px rgba(43,34,25,.055)}
button[data-action="submitOrderWhatsApp"],button[data-action="orderWhatsApp"],button[data-action="openWhatsApp"]{background:linear-gradient(135deg,#249b62,#137447)!important;color:#fff!important;border-color:#137447!important;box-shadow:0 10px 22px rgba(19,116,71,.2)!important}
button[data-action="checkout"],button[data-action="reviewCheckout"]{background:linear-gradient(135deg,#c79856,#93682f)!important;color:#fff!important}
.instagramBtn{display:flex!important;align-items:center;justify-content:center;gap:8px;text-align:center;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#f09433,#dc2743,#bc1888) border-box!important;border:1.5px solid transparent!important;color:#8d2854!important;font-weight:800;text-decoration:none}
.detailOffer{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;max-width:100%;margin:8px 0 12px;padding:8px 11px;border-radius:12px;background:#fff0f1;color:#b71f2b;border:1px solid #f6cbd0;overflow:visible}.detailOffer span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--xb-sale);color:#fff}
.productGallery{display:grid;gap:12px;margin-top:10px}.galleryImageBtn{border:0;background:#f5f1eb;padding:0;width:100%;border-radius:20px;overflow:hidden;display:block;cursor:zoom-in;box-shadow:var(--xb-shadow-soft)}
.prodHero{width:100%!important;height:auto!important;max-height:72vh!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;background:#f5f1eb!important;border-radius:0!important;box-shadow:none!important;display:block}
.tapPhotoHint{text-align:center;color:#92877c;font-size:11px;margin:7px 0 14px}
.imageViewer{position:fixed;inset:0;z-index:9999;background:rgba(9,9,9,.97);display:none;flex-direction:column;align-items:center;justify-content:center;padding:54px 10px 34px}.imageViewer.open{display:flex}.imageViewerCanvas{width:100%;height:100%;display:grid;place-items:center;overflow:auto;-webkit-overflow-scrolling:touch}.imageViewer img{max-width:100%;max-height:calc(100vh - 100px);width:auto;height:auto;object-fit:contain;touch-action:pinch-zoom}.imageViewerClose{position:fixed;top:calc(12px + env(safe-area-inset-top));left:14px;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff3a;background:#ffffff18;color:#fff;font-size:30px;line-height:1;z-index:2;backdrop-filter:blur(12px)}.imageViewerHint{color:#ffffffa8;font-size:11px;padding-top:7px}.photoOpen{overflow:hidden!important}
.choiceCard{background:linear-gradient(180deg,#fff,#fbf7f1)!important;border:1px solid #ded4c7!important;color:#2b241e!important;box-shadow:0 7px 18px rgba(67,50,32,.06)}
.backHead{background:#f3eee8!important;color:#362e27!important;border:1px solid #e7ddd2!important}
.opt.sel{background:linear-gradient(135deg,#2b2926,#121212)!important}
@media(max-width:420px){.offerBadge{padding:6px 8px}.offerBadge .saleIcon{width:22px;height:22px}.offerBadge b{font-size:11px}.offerBadge small{font-size:8px}.prodHero{max-height:70vh!important}}

/* v5.12 — X Brand orange/black identity, calmer hierarchy, compact sale/reservation states */
:root{
  --xb-orange:#ff7a00;
  --xb-orange-deep:#e96200;
  --xb-orange-soft:#fff2e6;
  --xb-sale:#e11d2e;
  --xb-green:#1fa463;
}
.brand{display:grid;place-items:center;min-width:126px}.brandBtn{border:0;background:transparent;padding:0;margin:0;cursor:pointer;display:grid;place-items:center;line-height:0;transition:transform .18s ease,opacity .18s ease}.brandBtn:active{transform:scale(.98);opacity:.92}.brandBtn:focus-visible{outline:3px solid #367dcc;outline-offset:3px;border-radius:8px}.brandLogo{width:132px;max-height:48px;object-fit:contain;display:block;pointer-events:none}
.bagIcon,.headIcon{width:22px;height:22px;display:block;margin:auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nav.shop .bagIcon{width:23px;height:23px}
.badge em{background:var(--xb-orange)!important;color:#111!important;font-weight:900}
.chip.active{background:#111!important;color:#fff!important;border-color:#111!important;box-shadow:0 7px 18px rgba(0,0,0,.14)}
.nav.active{color:var(--xb-orange)!important}.nav.shop span:first-child{background:var(--xb-orange)!important;color:#111!important}.bottom .nav[data-action="openWhatsApp"]{color:#59d58f}.bottom .nav[data-action="openWhatsApp"] span:first-child{color:#25d366}
.add,.primary,button[data-action="checkout"],button[data-action="reviewCheckout"]{background:linear-gradient(135deg,var(--xb-orange),var(--xb-orange-deep))!important;color:#111!important;border:0!important;box-shadow:0 8px 18px rgba(233,98,0,.20)!important;font-weight:900!important}
.card .add{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important;font-size:12px!important;letter-spacing:-.01em!important}.card .add.addOut{font-weight:900!important;font-size:13px!important;letter-spacing:.01em!important}.card .add:not(:disabled)::after{content:''!important;width:19px;height:19px;flex:0 0 19px;display:inline-block;background:currentColor;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6.5 8.5h11l1.1 11H5.4l1.1-11Z M9 8.5V7a3 3 0 0 1 6 0v1.5 M9.2 13.2c1.8 1.6 3.8 1.6 5.6 0'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6.5 8.5h11l1.1 11H5.4l1.1-11Z M9 8.5V7a3 3 0 0 1 6 0v1.5 M9.2 13.2c1.8 1.6 3.8 1.6 5.6 0'/%3E%3C/svg%3E") center/contain no-repeat}.add:disabled{background:#ebe7e2!important;color:#9d958c!important;box-shadow:none!important}
.secondary{background:#fff!important;border:1px solid #1a1a1a!important;color:#111!important;box-shadow:none!important}
button[data-action="submitOrderWhatsApp"],button[data-action="orderWhatsApp"],button[data-action="openWhatsApp"]{background:linear-gradient(135deg,#27b46e,#168b52)!important;color:#fff!important;border-color:#168b52!important;box-shadow:0 8px 18px rgba(22,139,82,.18)!important}
.instagramBtn{background:linear-gradient(105deg,#833ab4,#c13584,#e1306c,#f77737,#fcaf45)!important;color:#fff!important;border:0!important;box-shadow:0 8px 18px rgba(193,53,132,.16)!important}
.offerBadge{top:5px!important;right:8px!important;display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;min-width:0!important;background:var(--xb-sale)!important;border:2px solid #fff!important;border-radius:50%!important;padding:0!important;box-shadow:0 6px 14px rgba(225,29,46,.20)!important;line-height:1!important}
.offerBadge b{font-size:8px!important;letter-spacing:.03em!important}.offerBadge small{display:block!important;font-size:8px!important;margin:2px 0 0!important;font-weight:950!important;color:#fff!important;letter-spacing:0!important}.offerBadge small::first-letter{font-size:0!important;color:transparent!important}.offerBadge .saleIcon,.offerBadge .saleText{display:none!important}
.offerTimer{display:block;max-width:100%;margin-top:4px;color:#b51e29;font-size:8px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;letter-spacing:0}.offerTimer b{font-size:inherit;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:0}
.detailOffer{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;width:100%!important;margin:8px 0 10px!important;padding:8px 10px!important;border-radius:10px!important;background:#fff4f5!important;border:1px solid #ffd7dc!important;color:#b51e29!important;overflow:visible!important}.detailOffer b{font-size:11px!important;letter-spacing:.05em;white-space:nowrap!important}.detailOffer small{font-size:10px!important;color:#9d3440!important;width:100%!important;min-width:0!important;overflow:visible!important;white-space:normal!important;text-align:right!important;line-height:1.35!important}.detailOffer small span,.detailOffer small b{font-variant-numeric:tabular-nums;white-space:nowrap!important}.detailOffer small.longOfferTime{font-size:9px!important;line-height:1.3!important}.detailOffer span{width:auto!important;height:auto!important;background:none!important;color:inherit!important;border-radius:0!important;white-space:nowrap!important}
.stock.reservedStock{background:rgba(181,30,41,.9)!important}.reserveTimer{margin-top:4px;padding:5px 7px;border-radius:9px;background:#fff8f1;border:1px solid #ffe0bd;color:#8a4a06;font-size:8px;line-height:1.2;max-width:100%;overflow:hidden;white-space:nowrap}.reserveTimer b{font-variant-numeric:tabular-nums;font-size:inherit}.detailReserve{font-size:11px;margin:8px 0 4px}.reservedMessage{padding:10px;border-radius:10px;background:#fff8f1;color:#7c460f;font-size:12px;line-height:1.6}
.opt.reservedSize{opacity:1!important;background:#fff6f7!important;border-color:#ffd1d6!important;color:#a12732!important;text-decoration:none!important;cursor:not-allowed!important;display:inline-flex!important;flex-direction:column!important;gap:2px!important}.opt.reservedSize small{font-size:9px!important;color:#b4414b!important;font-variant-numeric:tabular-nums!important}
.stepProgress .stepN.current{background:var(--xb-orange)!important;color:#111!important}.stepProgress .stepN.done{background:#111!important}.stepProgress .line.done{background:#111!important}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--xb-orange)!important;box-shadow:0 0 0 3px rgba(255,122,0,.12)!important}
@media(max-width:420px){.brand{min-width:104px}.brandLogo{width:112px;max-height:43px}.offerBadge{top:5px!important;right:7px!important;width:35px!important;height:35px!important}.offerBadge b{font-size:7px!important}.offerBadge small{font-size:7px!important;margin-top:1px!important}.offerTimer,.offerTimer b,.reserveTimer{font-size:7.5px!important;line-height:1.15!important}}

.bottom .nav[data-action="openWhatsApp"]{background:transparent!important;box-shadow:none!important;border:0!important;color:#59d58f!important}


/* v5.30 maintenance mode */
.maintenanceScreen{position:fixed;inset:0;z-index:10000;background:#f7f3ed;display:grid;place-items:center;padding:24px;text-align:center;direction:rtl}.maintenanceScreen[hidden]{display:none}.maintenanceCard{width:min(440px,100%);background:#fff;border:1px solid #eadfce;border-radius:28px;padding:34px 24px;box-shadow:0 20px 70px #00000012}.maintenanceCard img{width:min(180px,58vw);height:auto;object-fit:contain;margin:0 auto 24px}.maintenanceIcon{font-size:34px;margin-bottom:12px}.maintenanceCard h1{font-size:23px;margin:0 0 10px}.maintenanceCard p{margin:0;color:#6f685f;line-height:1.9}.maintenance-active{overflow:hidden!important}

/* v5.139 nightly closed hours (12 AM – 8 AM Damascus) — preview: ?previewClosedHours=1 */
.closedHoursScreen{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:22px 16px calc(22px + env(safe-area-inset-bottom));direction:rtl;text-align:center;overflow:auto}.closedHoursScreen[hidden]{display:none!important}.closedHoursBackdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(233,98,0,.12),transparent 42%),linear-gradient(180deg,#f8f5f1 0%,#f2ede6 52%,#ebe4da 100%)}.closedHoursCard{position:relative;z-index:1;width:min(460px,100%);background:rgba(255,255,255,.96);border:1px solid #eadfce;border-radius:28px;padding:30px 22px 24px;box-shadow:0 24px 70px rgba(24,18,12,.10),inset 0 1px 0 rgba(255,255,255,.85)}.closedHoursLogo{width:min(168px,56vw);height:auto;display:block;margin:0 auto 20px;object-fit:contain}.closedHoursCard h1{margin:0 0 18px;font-size:24px;line-height:1.35;letter-spacing:-.02em;color:#111}.closedHoursSchedule{display:grid;gap:10px;margin-bottom:0}.closedHoursScheduleItem{background:#faf8f5;border:1px solid #ece7e1;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.closedHoursScheduleItem span{font-size:11px;color:#8a8278}.closedHoursScheduleItem strong{font-size:15px;font-weight:900;color:#111;font-variant-numeric:tabular-nums}.closed-hours-active{overflow:hidden!important}.closed-hours-active .top,.closed-hours-active .wrap,.closed-hours-active .bottom,.closed-hours-active .searchbar,.closed-hours-active .overlay,.closed-hours-active .sheet,.closed-hours-active .toast{visibility:hidden!important;pointer-events:none!important}

/* v5.39 — mobile category layout: full-width All + clear 3-button row */
.cats{display:block!important;padding:2px 2px 10px!important;overflow:visible!important}
.catsTop{display:block;width:100%;margin-bottom:8px}
.catsTop .chipAll{display:block;width:100%;min-height:46px;text-align:center;border-radius:15px;padding:12px 18px!important}
.catsSub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
.catsSub .chip{width:100%;min-width:0;min-height:44px;padding:9px 6px!important;white-space:normal;line-height:1.25;text-align:center;border-radius:14px}
@media(max-width:360px){.catsSub{gap:6px}.catsSub .chip{font-size:12px;padding:8px 4px!important}}

/* v5.42 — fixed category icons + red SALE marker */
.chipSale{position:relative;padding-inline-start:48px!important}
.chipSale::before{content:'SALE';display:inline-grid;place-items:center;min-width:36px;height:22px;padding:0 6px;border-radius:7px;background:#d71920;color:#fff;font-size:10px;font-weight:950;letter-spacing:.04em;box-shadow:0 3px 9px rgba(215,25,32,.25);margin-inline-end:7px;line-height:1}
.chipSale.active::before{background:#fff;color:#c9141b;box-shadow:none}


/* v5.59 — orange active category to match Add to Cart */
.chip.active,.catsTop .chipAll.active{background:linear-gradient(135deg,var(--xb-orange),var(--xb-orange-deep))!important;color:#111!important;border-color:transparent!important;box-shadow:0 8px 18px rgba(233,98,0,.20)!important;font-weight:900!important}
.chipSale.active::before{background:#fff!important;color:#c9141b!important}
.chip,.catsTop .chipAll,.catsSub .chip{transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,filter .2s ease}
@media(hover:hover) and (pointer:fine){.chip:hover,.catsTop .chipAll:hover,.catsSub .chip:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(24,18,12,.09)!important}.chipSale:hover::before{transform:scale(1.04)}}
.chip:active,.catsTop .chipAll:active,.catsSub .chip:active{transform:scale(.97)}
.chipSale::before{transition:transform .2s cubic-bezier(.2,.8,.2,1)}

/* v5.68: frictionless checkout — persistent send action + unmistakable success */
.checkoutActionDock[hidden]{display:none!important}
.checkoutActionDock{position:fixed;z-index:86;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));padding:10px;background:rgba(255,255,255,.96);border:1px solid #eadfce;border-radius:20px;box-shadow:0 14px 38px rgba(0,0,0,.22);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);direction:rtl}
.checkoutActionDock .checkoutDockButton{margin:0!important;min-height:56px;font-size:17px!important;border-radius:15px!important}
.checkoutDockHint{text-align:center;font-size:12px;font-weight:800;color:#62584d;margin:0 0 7px;line-height:1.5}
.checkout-dock-open .sheet{padding-bottom:calc(132px + env(safe-area-inset-bottom))!important}
.checkoutDockSpacer{height:12px}
.checkoutDirectNotice{margin-bottom:6px}
.orderSuccessBox{text-align:center;padding:20px 12px 14px}
.orderSuccessCheck{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:2px auto 12px;background:#111;color:#fff;font-size:34px;font-weight:900;box-shadow:0 10px 24px #0002}
.orderSuccessBox h2{margin:0 0 7px;font-size:23px;letter-spacing:-.03em}
.orderSuccessBox p{margin:6px 0;color:#62584d;line-height:1.7}
.orderSuccessNumber{font-size:18px!important;font-weight:900!important;color:#111!important;direction:ltr}
.orderSuccessMeta{padding:12px 14px;margin:10px 0;background:#f8f5f1;border:1px solid #ebe1d5;border-radius:14px;line-height:1.8}
@media(min-width:760px){.checkoutActionDock{left:50%;right:auto;width:min(488px,calc(95vw - 32px));transform:translateX(-50%);bottom:calc(4vh + 10px)}}

/* v5.74 upcoming-offer countdown */
.offerBadge.offerSoon{background:linear-gradient(135deg,#ffac28,#ff7b00)!important;box-shadow:0 6px 16px rgba(255,133,0,.28)!important}
.offerTimer.offerStartsSoon{color:#8a4a06!important}
.detailOffer.upcoming{background:#fff8f1!important;border:1px solid #ffe0bd!important;color:#8a4a06!important}
.detailOffer.upcoming small{color:#8a4a06!important}

/* v5.108 final storefront badge colors */
.newBadge{background:#008cff!important;color:#fff!important;border:1px solid #008cff!important}
.stock.stockAvailable{background:#149855!important;color:#fff!important}
.stock.stockLow{background:rgba(107,42,48,.92)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)}

/* v5.120 contact buttons with icons */
.contactActions a{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:0 8px!important;line-height:1.1!important}
.contactIcon{width:16px;height:16px;flex:0 0 16px;display:block}
.contactActions a.contactMaps{background:#fff!important;color:#111!important;border:1px solid #e8e8e8!important;box-shadow:none!important}
.contactActions a.contactWhatsApp{background:#25d366!important;color:#fff!important;border:1px solid #25d366!important;box-shadow:none!important}
.contactActions a.contactInsta{background:linear-gradient(105deg,#833ab4,#c13584,#e1306c,#bc1888)!important;color:#fff!important;border:0!important;box-shadow:none!important}

/* v5.87 — premium motion layer: transform/opacity only for speed */
@media(hover:hover) and (pointer:fine){
  .card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(24,18,12,.11)}
  .card:hover .pic img{transform:scale(1.018)}
  .add:hover,.primary:hover,.secondary:hover,.choiceCard:hover,.backHead:hover{transform:translateY(-2px)}
  .fav:hover,.iconbtn:hover{transform:translateY(-1px) scale(1.04)}
  .fav:hover{font-size:0;background:rgba(255,255,255,.96)!important;color:#111!important}
  .fav:hover::before{content:'♥';font-size:20px;line-height:1}
}
.pic img{transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.add,.primary,.secondary,.choiceCard,.backHead,.fav,.iconbtn{will-change:transform;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,filter .2s ease}
.add,.primary{position:relative;overflow:hidden}
.add::before,.primary::before{content:"";position:absolute;inset:-2px;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.34) 45%,transparent 62%);transform:translateX(130%);opacity:0}
.add:hover::before,.primary:hover::before,.motion-confirm::before{animation:xbButtonSheen .72s ease}
.add:active,.primary:active,.secondary:active,.choiceCard:active{transform:scale(.975)}
.offerBadge{animation:xbSaleBlink 1s steps(1,end) infinite;transform-origin:top right}
.offerBadge.offerSoon{animation:xbSoonBreath 4.4s ease-in-out infinite}
.badge.is-cart-bump{animation:xbCartButtonBump .58s cubic-bezier(.2,1.35,.32,1)}
.badge.is-cart-bump em,#cartBadge.is-cart-bump{animation:xbCartBump .58s cubic-bezier(.2,1.35,.32,1)}
.motion-confirm{animation:xbButtonConfirm .46s cubic-bezier(.2,1.35,.32,1)}
.cartMotionClone{position:fixed;z-index:9999;pointer-events:none;object-fit:cover;border-radius:50%;box-shadow:0 10px 24px rgba(0,0,0,.24);transform:translate(-50%,-50%);will-change:transform,opacity}
@keyframes xbSaleBreath{0%,100%{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.035);filter:saturate(1.12);box-shadow:0 8px 22px rgba(225,29,46,.28)}}
@keyframes xbSaleBlink{0%,49%{opacity:1}50%,99%{opacity:0}100%{opacity:1}}
@keyframes xbSoonBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.025);box-shadow:0 8px 22px rgba(255,133,0,.28)}}
@keyframes xbCartBump{0%{transform:scale(1)}45%{transform:scale(1.38)}100%{transform:scale(1)}}
@keyframes xbCartButtonBump{0%{transform:scale(1)}38%{transform:scale(1.09) translateY(-1px);filter:drop-shadow(0 0 10px rgba(255,122,0,.28))}100%{transform:scale(1)}}
@keyframes xbButtonConfirm{0%{transform:scale(1)}45%{transform:scale(.96)}100%{transform:scale(1)}}
@keyframes xbButtonSheen{0%{opacity:0;transform:translateX(130%)}18%{opacity:1}100%{opacity:0;transform:translateX(-130%)}}
@media(prefers-reduced-motion:reduce){
  .offerBadge,.offerBadge.offerSoon,.motion-confirm,.badge.is-cart-bump,.badge.is-cart-bump em,#cartBadge.is-cart-bump{animation:none!important}
  .cartMotionClone{display:none!important}
  .pic img,.add,.primary,.secondary,.choiceCard,.backHead,.fav,.iconbtn,.card{transition:none!important}
}