:root{--red:#d71920;--yellow:#ffb400;--black:#111;--paper:#fffaf0;--panel:#1d1d1d;--line:#383838}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#111;color:#fff;padding-bottom:92px}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:9px 14px;background:#0b0b0bf2;border-bottom:2px solid var(--red);backdrop-filter:blur(10px)}
header img{width:58px;height:58px;object-fit:contain}.brand{min-width:0;flex:1}.brand h1{font-size:1.2rem;margin:0;color:var(--yellow)}.brand p{margin:3px 0 0;font-size:.74rem;color:#ddd}.iconBtn{border:1px solid #444;background:#222;color:#fff;border-radius:11px;padding:9px 11px}
.soundToggle{font-size:1rem;padding:9px}.soundToggle.off{opacity:.55}
.dashboardActions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}
.tabs{position:sticky;top:78px;z-index:9;display:flex;background:#171717;border-bottom:1px solid #333}.tab{flex:1;border:0;background:transparent;color:#aaa;padding:12px 8px;font-weight:800}.tab.active{color:var(--yellow);border-bottom:3px solid var(--yellow)}
.view,.adminPanel{display:none}.view.active,.adminPanel.active{display:block}.hero{padding:22px 16px 8px;max-width:1100px;margin:auto}.hero h2{margin:0 0 6px;font-size:1.55rem}.hero p,.muted{margin:0;color:#aaa}
.storeStatusBanner{display:flex;align-items:center;gap:.65rem;width:max-content;max-width:100%;margin-top:1rem;padding:.7rem .9rem;border:1px solid #2c9a55;border-radius:12px;background:#13271a}.storeStatusBanner>span{width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:#36d574;box-shadow:0 0 0 4px #36d57422}.storeStatusBanner div{display:grid;gap:.1rem}.storeStatusBanner strong{font-size:.95rem}.storeStatusBanner small{color:#ddd}.storeStatusBanner.busy{border-color:#e8a400;background:#2c240e}.storeStatusBanner.busy>span{background:#ffb400;box-shadow:0 0 0 4px #ffb40022}.storeStatusBanner.closed{border-color:#d71920;background:#301214}.storeStatusBanner.closed>span{background:#ff3d45;box-shadow:0 0 0 4px #ff3d4522}
.deliveryBox,.panel{max-width:1076px;margin:12px auto;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 20px #0005}.deliveryBox label{display:block;margin-bottom:9px}.deliveryBox select,input,textarea,form select{width:100%;padding:12px;border:1px solid #aaa;border-radius:10px;background:#fff;color:#111}.deliveryBox select{border:2px solid var(--yellow);font-weight:700}.deliveryNote{margin:12px 0 0;padding:11px;background:#2a220d;border-left:4px solid var(--yellow);border-radius:8px;color:#ddd;font-size:.82rem;line-height:1.45}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 12px;max-width:1100px;margin:auto}.card{position:relative;background:var(--panel);border:1px solid #333;border-radius:18px;overflow:hidden;box-shadow:0 8px 20px #0006}.card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.cardBody{padding:11px}.card h3{font-size:.96rem;margin:0 0 5px}.price{font-weight:900;color:var(--yellow);margin-bottom:10px}.add,.primary{width:100%;border:0;border-radius:11px;padding:11px;background:var(--red);color:#fff;font-weight:850;text-align:center}.secondary{border:1px solid #555;border-radius:9px;padding:8px 11px;background:#292929;color:#fff;font-weight:700}.productUnavailable{filter:grayscale(.85);opacity:.72}.productUnavailable .add{background:#777}.unavailableBadge{position:absolute;top:10px;right:10px;padding:.4rem .6rem;border-radius:999px;background:#222;color:#fff;font-size:.72rem;font-weight:900;box-shadow:0 2px 8px #0008}
.cartBtn{position:fixed;z-index:12;bottom:16px;left:50%;transform:translateX(-50%);width:min(92%,520px);padding:15px;border:0;border-radius:16px;background:var(--yellow);color:#111;font-weight:900;box-shadow:0 8px 30px #000a}
dialog{width:min(94%,600px);max-height:90vh;border:0;border-radius:20px;padding:18px;background:var(--paper);color:#111}dialog::backdrop{background:#000c}.smallDialog{width:min(92%,420px)}.dialogHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dialogHead h2{margin:0}.dialogHead button{border:0;background:none;font-size:1.4rem}.cartRow{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;border-bottom:1px solid #ddd}.qty{display:flex;align-items:center;gap:9px}.qty button{width:30px;height:30px;border:0;border-radius:8px;background:#222;color:#fff}.totalsBox{padding:12px 0}.totalsBox>div{display:flex;justify-content:space-between;padding:4px}.totalsBox .grand{font-size:1.2rem;border-top:1px solid #ccc;margin-top:6px;padding-top:10px}form{display:grid;gap:10px}textarea{min-height:76px;resize:vertical}.gcashInfo{padding:14px;background:#e9f7ef;border:1px solid #76b98e;border-radius:14px;color:#174d2b;text-align:center}.gcashInfo h4{margin:.1rem 0 .75rem;font-size:1.1rem}.gcashQr{display:block;width:min(100%,290px);max-height:360px;object-fit:contain;margin:0 auto .8rem;border-radius:10px;background:#fff}.gcashAccount,.gcashAmount{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:.45rem 0;text-align:left}.gcashAccount span,.gcashAmount span{font-size:.78rem;color:#477058}.gcashAccount strong,.gcashAmount strong{text-align:right}.gcashAmount{margin-top:.8rem;padding-top:.7rem;border-top:1px solid #9bc9aa}.gcashAmount strong{font-size:1.15rem;color:#087f23}.gcashCopyButton{width:100%;margin:.45rem 0;border:0;border-radius:10px;padding:.72rem;background:#087f23;color:#fff;font-weight:900}.gcashInfo small{display:block;margin-top:.7rem;line-height:1.35}.successBox{text-align:center;padding:14px 0}.successBox h3{color:#147538}.orderId{font-size:1.4rem;font-weight:900;letter-spacing:1px;padding:12px;background:#fff;border:2px dashed var(--red);border-radius:10px}.buttonStack{display:grid;gap:9px}.linkButton{text-decoration:none;display:block}.error{color:#c71920;background:#ffe7e7;padding:10px;border-radius:8px}.loading{color:#aaa}
.panelPage{padding:10px 12px}.panel h2{margin-top:0}.result{margin-top:16px;padding:14px;background:#121212;border-radius:12px}.statusBadge{display:inline-block;background:var(--yellow);color:#111;border-radius:999px;padding:5px 10px;font-size:.82rem;font-weight:900}.timeline{margin:16px 0}.timelineStep{position:relative;margin-left:9px;padding:0 0 20px 26px;color:#777;border-left:2px solid #444}.timelineStep span{position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:#444}.timelineStep.done{color:#fff;border-color:#2ead63}.timelineStep.done span{background:#2ead63}.timelineStep.cancelled{color:#ff777c;border-color:#d71920}.timelineStep.cancelled span{background:#d71920}.timelineStep:last-child{border-left-color:transparent}
.adminTop{max-width:1076px;margin:auto;padding:12px 2px;display:flex;align-items:center;justify-content:space-between}.adminTop h2{margin:0}.adminTabs{display:flex;max-width:1076px;margin:auto;border-bottom:1px solid #444}.adminTab{border:0;background:transparent;color:#aaa;padding:11px 18px;font-weight:800}.adminTab.active{color:var(--yellow);border-bottom:3px solid var(--yellow)}.dashboardStats{max-width:1076px;margin:12px auto;display:flex;justify-content:space-between;align-items:center}.ordersList,.productAdminList{display:grid;gap:12px;max-width:1076px;margin:auto}.orderCard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.orderHead{display:flex;justify-content:space-between;gap:8px}.orderHead small{display:block;color:#999;margin-top:3px}.orderCard p{line-height:1.45}.orderItems{display:flex;flex-wrap:wrap;gap:6px}.orderItems span{background:#333;border-radius:7px;padding:5px 8px;font-size:.82rem}.orderTotal{font-size:1.15rem;color:var(--yellow);font-weight:900;margin:12px 0}.orderCard label{display:grid;gap:5px}.orderCard select{padding:10px;border-radius:8px}.notes{background:#332c17;padding:8px;border-radius:8px}.compact{max-width:1076px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.buttonRow{display:flex;gap:8px}.productAdmin{display:grid;grid-template-columns:52px 1fr auto auto;align-items:center;gap:9px;background:var(--panel);padding:9px;border:1px solid var(--line);border-radius:12px}.productAdmin img{width:52px;height:52px;object-fit:cover;border-radius:8px}.productAdmin small{display:block;color:#aaa}.productAdmin button{border:0;border-radius:7px;padding:7px;background:#444;color:#fff}.productAdmin .danger{background:#8e171c}.toast{position:fixed;z-index:30;bottom:92px;left:50%;transform:translateX(-50%);max-width:90%;padding:11px 16px;border-radius:999px;background:#fff;color:#111;font-weight:800;box-shadow:0 7px 25px #0009;text-align:center}
.storeStatusAdmin{max-width:1076px;margin:12px auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.storeStatusAdmin div{display:grid;gap:.2rem}.storeStatusAdmin small{color:#aaa}.storeStatusAdmin select{width:auto;min-width:150px;padding:10px;border:2px solid var(--yellow);border-radius:10px;background:#fff;color:#111;font-weight:900}
.add:disabled,#placeOrderBtn:disabled,.cartBtn:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.35)}
@media(min-width:700px){.grid{grid-template-columns:repeat(4,1fr)}.deliveryBox{width:calc(100% - 24px)}.ordersList{grid-template-columns:repeat(2,1fr)}.panelPage{padding-top:22px}.tabs{top:78px}}

.accountBtn{border:1px solid #f5bd2a;background:#1b1b1b;color:#fff;border-radius:999px;padding:.55rem .8rem;font-weight:800;white-space:nowrap}
.googleButton{width:100%;background:#fff;color:#222;border:1px solid #bbb;border-radius:10px;padding:.85rem;font-weight:800;font-size:1rem}
.googleButton:disabled{opacity:.6}

.orderStatusFilters{display:flex;gap:.5rem;overflow-x:auto;padding:.4rem 0 .8rem;scrollbar-width:thin}
.orderFilter{flex:0 0 auto;border:1px solid #d5d5d5;background:#fff;color:#333;border-radius:999px;padding:.6rem .8rem;font-weight:800}
.orderFilter span{display:inline-grid;place-items:center;min-width:1.45rem;height:1.45rem;margin-left:.25rem;border-radius:999px;background:#eee;font-size:.8rem}
.orderFilter.active{background:#d71920;color:#fff;border-color:#d71920}
.orderFilter.active span{background:#fff;color:#d71920}
.categorySummary{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;background:#fff7df;border:1px solid #f3cf69;border-radius:12px;padding:.8rem 1rem;margin-bottom:.9rem;color:#392600}
.emptyCategory{text-align:center;padding:2rem 1rem;color:#777;background:#fff;border-radius:14px}
.deleteOrderBtn,.deleteChatBtn{width:100%;margin-top:.75rem}
.dailySalesToolbar{max-width:1076px;margin:12px auto;display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.dailySalesToolbar>div{display:grid;gap:.25rem}.dailySalesToolbar small{color:#aaa}.dailySalesToolbar label{display:grid;gap:.3rem;font-weight:800}.dailySalesToolbar select{min-width:210px;padding:10px;border-radius:9px}.salesRecord .orderTotal{font-size:1.35rem}
@media(max-width:600px){.dailySalesToolbar{align-items:stretch;flex-direction:column}.dailySalesToolbar select{width:100%}}

.fixedDelivery{display:flex;justify-content:space-between;gap:.75rem;align-items:center;flex-wrap:wrap}
.fixedDelivery span{font-weight:800;color:#b31319}
.locationShareBox{display:grid;gap:.4rem;margin:.15rem 0 .7rem}
.locationShareBox small{color:#666;line-height:1.35}
.mapButton{display:block;text-align:center;background:#1769e0;color:#fff;text-decoration:none;font-weight:800;border-radius:10px;padding:.75rem;margin:.65rem 0}
.locationMissing{color:#986500;background:#fff5cf;border-radius:8px;padding:.6rem;font-size:.88rem}

/* v3.1 order dashboard */
.orderStatusFilters{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:0;border:1px solid #d71920;border-radius:12px;overflow-x:auto;padding:0;margin:.5rem 0 1rem;background:#fff}
.orderFilter{border:0;border-right:1px solid #ead0d0;border-radius:0;background:#fff;color:#333;min-height:58px;padding:.55rem .7rem;display:flex;align-items:center;justify-content:center;gap:.4rem}
.orderFilter:last-child{border-right:0}
.orderFilter.active{background:#d71920;color:#fff}
.orderFilter b{font-size:.78rem;white-space:nowrap}
.categorySummary{display:flex;justify-content:space-around;text-align:center;background:linear-gradient(135deg,#fff4c7,#ffd85a);border:2px solid #e6b400}
.categorySummary div{display:grid;gap:.25rem;min-width:130px}
.categorySummary small{font-size:.7rem;font-weight:900;color:#745800}
.categorySummary strong{font-size:1.45rem;color:#3b2700}
.trackerButton{background:#087f23;font-size:.95rem;padding:.9rem}
@media(max-width:700px){.orderStatusFilters{display:flex}.orderFilter{flex:0 0 auto;min-width:140px}.categorySummary{justify-content:space-between}}

.chatDialog{width:min(94vw,560px);height:min(88vh,780px);padding:0;overflow:hidden}.chatDialog[open]{display:flex;flex-direction:column}
.chatDialog .dialogHead{padding:1rem;border-bottom:1px solid #ddd}
.chatOrderTracker{flex:0 0 auto;padding:.8rem 1rem;background:#fff9e8;border-bottom:1px solid #ead9a7;color:#222}.chatTrackerHead{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.chatTrackerHead strong{font-size:.9rem}.chatTrackerHead .statusBadge{font-size:.68rem}.chatEta{margin:.45rem 0;color:#805d00;font-weight:800;font-size:.85rem}.chatStatusSteps{display:grid;grid-template-columns:repeat(5,1fr);gap:.2rem;margin:.65rem 0}.chatStatusStep{display:grid;gap:.25rem;text-align:center;color:#999;font-size:.58rem;font-weight:800}.chatStatusStep span{display:block;height:5px;border-radius:999px;background:#ddd}.chatStatusStep.done{color:#087f23}.chatStatusStep.done span{background:#16a34a}.chatStatusStep.current{color:#b11218}.chatStatusStep.current span{background:#d71920}.chatOrderSummary{font-size:.76rem;color:#555;line-height:1.35}.chatActions{display:grid;grid-template-columns:1fr;gap:.45rem;margin-top:.65rem}.callButton{display:block;text-align:center;text-decoration:none;border:0;border-radius:10px;padding:.7rem;background:#087f23;color:#fff;font-weight:900}.cancelledTracker{padding:.65rem;border-radius:9px;background:#ffe4e4;color:#a10e14;font-weight:900;text-align:center}.chatMessages{flex:1;min-height:0;overflow-y:auto;padding:1rem;background:#f5f5f5;display:flex;flex-direction:column;gap:.65rem}
.etaDialog form{display:grid;gap:1rem}.etaDialog label{display:grid;gap:.45rem;font-weight:800}.etaDialog select{width:100%;padding:.85rem;border:1px solid #bbb;border-radius:10px;background:#fff;font:inherit}.etaCountdown span{font-variant-numeric:tabular-nums}.adminEta.etaCountdown{color:#805d00;font-weight:900}
.chatBubble{max-width:82%;padding:.7rem .85rem;border-radius:14px;background:#fff;box-shadow:0 1px 3px #0002}
.chatBubble.mine{align-self:flex-end;background:#d71920;color:#fff;border-bottom-right-radius:4px}
.chatBubble.theirs{align-self:flex-start;border-bottom-left-radius:4px}
.chatBubble b,.chatBubble small{font-size:.72rem}.chatBubble p{margin:.25rem 0;white-space:pre-wrap;overflow-wrap:anywhere}
.chatBubble.mine small{color:#ffe3e3}.chatBubble.theirs small{color:#777}
.chatForm{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.8rem;background:#fff;border-top:1px solid #ddd}
.chatForm input{margin:0}.chatForm button{width:auto}.emptyChat{text-align:center;color:#777;margin:auto}
.orderChatBtn,.chatLaunch{width:100%;margin-top:.7rem}
.updateEtaBtn{width:100%;margin-top:.7rem}.adminEta{color:#ffcf33;font-weight:800}
.editOrderBtn{width:100%;margin:.2rem 0 .7rem;border-color:#d89d00;background:#3a2c05;color:#ffd75a}.orderEditorDialog{width:min(94vw,560px)}.editOrderNote{line-height:1.4;margin-bottom:.8rem}.editOrderItems{display:grid;gap:.6rem;max-height:46vh;overflow-y:auto}.editOrderRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.75rem;background:#fff;border:1px solid #ddd;border-radius:12px}.editOrderRow small{display:block;color:#666;margin-top:.2rem}.editOrderControls{display:grid;justify-items:end;gap:.35rem}.removeEditItem{border:0;background:transparent;color:#b11218;font-size:.75rem;font-weight:900}.editOrderTotals{padding:.85rem 0;margin:.5rem 0}.editOrderTotals>div{display:flex;justify-content:space-between;padding:.25rem}.editOrderTotals .grand{margin-top:.4rem;padding-top:.65rem;border-top:1px solid #bbb;font-size:1.15rem}.orderEditorDialog .buttonRow>*{flex:1}.orderEditorDialog .primary:disabled{opacity:.5;cursor:not-allowed}

.messagesBtn{position:fixed;z-index:13;right:16px;bottom:84px;display:flex;align-items:center;gap:.45rem;border:0;border-radius:999px;padding:.78rem 1rem;background:#d71920;color:#fff;font-weight:900;box-shadow:0 8px 26px #0008}.messageBadge{display:inline-grid;place-items:center;min-width:1.55rem;height:1.55rem;padding:0 .35rem;border-radius:999px;background:#ffcf33;color:#111;font-size:.76rem}.conversationDialog{width:min(94vw,560px);max-height:82vh;padding:0;overflow:hidden}.conversationDialog .dialogHead{padding:1rem;margin:0;border-bottom:1px solid #ddd}.conversationList{max-height:calc(82vh - 82px);overflow-y:auto;background:#f4f4f4;padding:.65rem}.conversationItem{width:100%;display:flex;align-items:stretch;border-bottom:1px solid #ddd;background:#fff;color:#111}.conversationItem:first-child{border-radius:14px 14px 0 0}.conversationItem:last-child{border-bottom:0;border-radius:0 0 14px 14px}.conversationItem:only-child{border-radius:14px}.conversationOpen{min-width:0;flex:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;border:0;background:transparent;color:#111;padding:.9rem;text-align:left}.conversationDelete{flex:0 0 48px;border:0;border-left:1px solid #eee;background:#fff5f5;color:#b11218;font-size:1.1rem;cursor:pointer}.conversationDelete:hover{background:#ffe0e0}.conversationItem:first-child .conversationDelete{border-radius:0 14px 0 0}.conversationItem:last-child .conversationDelete{border-radius:0 0 14px 0}.conversationItem:only-child .conversationDelete{border-radius:0 14px 14px 0}.conversationAvatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffe3e3}.conversationBody{min-width:0;display:grid;gap:.18rem}.conversationBody strong,.conversationBody small,.conversationBody span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversationBody small{color:#777;font-size:.72rem}.conversationBody>span{color:#555;font-size:.86rem}.conversationUnread{display:grid;place-items:center;min-width:1.55rem;height:1.55rem;padding:0 .35rem;border-radius:999px;background:#d71920;color:#fff;font-size:.75rem}.emptyConversation{text-align:center;color:#666;padding:2.5rem 1rem}.emptyConversation b{color:#222}.emptyConversation p{line-height:1.45}
@media(max-width:480px){.messagesBtn span{display:none}.messagesBtn{width:52px;height:52px;justify-content:center;padding:0;bottom:84px}.messageBadge{position:absolute;right:-4px;top:-5px}}
@media(max-width:430px){header{gap:7px;padding-left:8px;padding-right:8px}header img{width:50px;height:50px}.brand h1{font-size:1.02rem}.brand p{display:none}.accountBtn{max-width:76px;overflow:hidden;text-overflow:ellipsis}.iconBtn{padding:8px}}

.productAdmin{grid-template-columns:52px minmax(0,1fr) auto auto auto}.availabilityBtn.unavailable{background:#087f23}.availabilityBtn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:600px){.productAdmin{grid-template-columns:52px minmax(0,1fr) auto}.productAdmin .availabilityBtn{grid-column:1/-1;width:100%}}
.productCategoryGroup{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#171717}.productCategoryGroup>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;list-style:none;cursor:pointer;user-select:none;background:#222}.productCategoryGroup>summary::-webkit-details-marker{display:none}.productCategoryGroup[open]>summary{border-bottom:1px solid var(--line);background:#28220f}.productCategoryTitle{display:flex;align-items:center;gap:.75rem}.productCategoryTitle b{color:var(--yellow);font-size:1.05rem}.productCategoryTitle small{display:inline-grid;place-items:center;min-width:52px;padding:.25rem .5rem;border-radius:999px;background:#3a3a3a;color:#ddd;font-size:.72rem;font-weight:800}.productCategoryToggle{position:relative;width:30px;height:30px;flex:0 0 30px;border-radius:8px;background:var(--red)}.productCategoryToggle::before,.productCategoryToggle::after{content:'';position:absolute;left:8px;right:8px;top:14px;height:2px;background:#fff;border-radius:2px}.productCategoryToggle::after{transform:rotate(90deg);transition:transform .18s ease}.productCategoryGroup[open] .productCategoryToggle::after{transform:rotate(0)}.productCategoryItems{display:grid;gap:9px;padding:10px}.emptyProductCategory{margin:0;padding:1rem;text-align:center;color:#999}.productCategoryItems .productAdmin{background:var(--panel)}

.menuCategories{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin:1rem 0}.menuCategory{border:1px solid #d71920;background:#fff;color:#b11218;border-radius:12px;padding:.75rem .45rem;font-weight:900}.menuCategory.active{background:#d71920;color:#fff;box-shadow:0 5px 14px #d7192033}.galleryPicker{display:block;border:2px dashed #d71920;border-radius:12px;padding:1rem;text-align:center;color:#b11218;background:#fff8f0;font-weight:900;cursor:pointer}.galleryPicker input{position:absolute;opacity:0;width:1px;height:1px}.productImagePreview{width:100%;height:180px;object-fit:cover;border-radius:12px;background:#eee;margin:.6rem 0}@media(max-width:560px){.menuCategories{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.menuCategory{font-size:.82rem;padding:.7rem .2rem}}

.appDownloadCard{display:flex;align-items:center;gap:.75rem;width:calc(100% - 24px);max-width:1076px;margin:.75rem auto 0;padding:.7rem .85rem;border:1px solid #e2b023;border-radius:14px;background:linear-gradient(135deg,#fff8db,#ffd75b);color:#271b00;text-decoration:none;box-shadow:0 7px 20px #0005}.appDownloadCard img{width:68px;height:68px;flex:0 0 68px;object-fit:contain;border-radius:9px;background:#fff}.appDownloadCard span{display:grid;gap:.2rem}.appDownloadCard strong{font-size:1rem}.appDownloadCard small{line-height:1.3;color:#624b00}
@media(min-width:1100px){.appDownloadCard{position:fixed;z-index:11;left:16px;bottom:16px;width:184px;margin:0;display:grid;justify-items:center;text-align:center;padding:.75rem}.appDownloadCard img{width:145px;height:145px}.appDownloadCard strong{font-size:.92rem}.appDownloadCard small{font-size:.68rem}.appDownloadCard:hover{transform:translateY(-3px);box-shadow:0 11px 28px #0009}}
