:root{--color-bg-dark: #0f172a;--color-surface-dark: #111827;--color-text-dark: #e5e7eb;--color-muted-dark: #94a3b8;--color-accent-dark: #22d3ee;--color-accent-2-dark: #a78bfa;--color-stroke-dark: rgba(255, 255, 255, .12);--shadow-dark: 0 20px 50px rgba(0, 0, 0, .35);--scrollbar-thumb-dark: color-mix(in srgb, var(--color-accent) 60%, #334155);--scrollbar-thumb-hover-dark: color-mix(in srgb, var(--color-accent-2) 70%, #475569);--color-bg-light: #f0f9ff;--color-surface-light: #ffffff;--color-text-light: #0f172a;--color-muted-light: #475569;--color-accent-light: #0284c7;--color-accent-2-light: #7c3aed;--color-stroke-light: rgba(0, 0, 0, .08);--shadow-light: 0 8px 30px rgba(0, 50, 100, .08), 0 2px 6px rgba(0, 0, 0, .06);--scrollbar-thumb-light: color-mix(in srgb, var(--color-accent-light) 40%, #cbd5e1);--scrollbar-thumb-hover-light: color-mix(in srgb, var(--color-accent-2-light) 50%, #cbd5e1);--card-shadow-light: 0 2px 10px rgba(0, 0, 0, .03), 0 0 2px rgba(0, 0, 0, .06);--card-hover-shadow-light: 0 10px 25px rgba(0, 0, 0, .08), 0 0 4px rgba(0, 0, 0, .05);--card-shadow-dark: 0 4px 20px rgba(0, 0, 0, .4);--card-hover-shadow-dark: 0 8px 30px rgba(0, 0, 0, .6);--order-number-bg-dark: rgba(11, 18, 32, .7);--order-number-value-bg-dark: rgba(6, 182, 212, .05);--order-number-value-color-dark: var(--color-accent-dark);--confirmation-message-bg-dark: rgba(6, 182, 212, .1);--confirmation-message-border-dark: rgba(6, 182, 212, .2);--confirmation-message-color-dark: var(--color-accent-dark);--order-summary-bg-dark: rgba(15, 23, 42, .03);--success-btn-bg-dark: #22c55e;--success-btn-hover-dark: #16a34a;--order-number-bg-light: #f8fafc;--order-number-border-light: rgba(0, 0, 0, .08);--order-number-shadow-light: 0 3px 12px rgba(0, 0, 0, .05);--order-number-label-color-light: #475569;--order-number-value-color-light: #047857;--order-number-value-bg-light: rgba(5, 150, 105, .12);--order-number-value-border-light: rgba(5, 150, 105, .2);--confirmation-message-bg-light: #f0fdfa;--confirmation-message-border-light: #ccfbf1;--confirmation-message-color-light: #0f766e;--item-qty-color-light: #64748b;--order-item-border-light: rgba(0, 0, 0, .05);--success-btn-bg-light: #16a34a;--success-btn-hover-light: #15803d;--color-bg: var(--color-bg-dark);--color-surface: var(--color-surface-dark);--color-text: var(--color-text-dark);--color-muted: var(--color-muted-dark);--color-accent: var(--color-accent-dark);--color-accent-2: var(--color-accent-2-dark);--color-stroke: var(--color-stroke-dark);--shadow: var(--shadow-dark);--scrollbar-thumb: var(--scrollbar-thumb-dark);--scrollbar-thumb-hover: var(--scrollbar-thumb-hover-dark);--card-shadow: var(--card-shadow-dark);--card-hover-shadow: var(--card-hover-shadow-dark);--radius: 16px;--order-number-bg: var(--order-number-bg-dark);--order-number-value-bg: var(--order-number-value-bg-dark);--order-number-value-color: var(--order-number-value-color-dark);--confirmation-message-bg: var(--confirmation-message-bg-dark);--confirmation-message-border: var(--confirmation-message-border-dark);--confirmation-message-color: var(--confirmation-message-color-dark);--order-summary-bg: var(--order-summary-bg-dark);--success-btn-bg: var(--success-btn-bg-dark);--success-btn-hover: var(--success-btn-hover-dark);--order-item-border: var(--color-stroke)}:root.light-theme{--color-bg: var(--color-bg-light);--color-surface: var(--color-surface-light);--color-text: var(--color-text-light);--color-muted: var(--color-muted-light);--color-accent: var(--color-accent-light);--color-accent-2: var(--color-accent-2-light);--color-stroke: var(--color-stroke-light);--shadow: var(--shadow-light);--scrollbar-thumb: var(--scrollbar-thumb-light);--scrollbar-thumb-hover: var(--scrollbar-thumb-hover-light);--card-shadow: var(--card-shadow-light);--card-hover-shadow: var(--card-hover-shadow-light);--order-number-bg: var(--order-number-bg-light);--order-number-border: var(--order-number-border-light);--order-number-shadow: var(--order-number-shadow-light);--order-number-label-color: var(--order-number-label-color-light);--order-number-value-color: var(--order-number-value-color-light);--order-number-value-bg: var(--order-number-value-bg-light);--order-number-value-border: var(--order-number-value-border-light);--confirmation-message-bg: var(--confirmation-message-bg-light);--confirmation-message-border: var(--confirmation-message-border-light);--confirmation-message-color: var(--confirmation-message-color-light);--item-qty-color: var(--item-qty-color-light);--order-item-border: var(--order-item-border-light);--success-btn-bg: var(--success-btn-bg-light);--success-btn-hover: var(--success-btn-hover-light)}*{box-sizing:border-box}html,body,.ipos-Container,.app,.store-not-found,.catalog-empty-message,.not-found-container{transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}html,body{height:100%;margin:0;background:var(--color-bg);color:var(--color-text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}body{overflow:hidden;overscroll-behavior:none;display:grid;place-items:center;-webkit-tap-highlight-color:transparent;background:radial-gradient(1100px 500px at 50% -10%,color-mix(in srgb,var(--color-accent) 25%,transparent),transparent 60%),radial-gradient(900px 420px at 110% 0%,color-mix(in srgb,var(--color-accent-2) 20%,transparent),transparent 60%),var(--color-bg)}:root.light-theme body{background:radial-gradient(1500px 600px at 50% -10%,color-mix(in srgb,var(--color-accent) 12%,transparent),transparent 70%),radial-gradient(1200px 500px at 110% 0%,color-mix(in srgb,var(--color-accent-2) 10%,transparent),transparent 70%),radial-gradient(900px 600px at -10% 90%,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 60%),var(--color-bg)}.ipos-Container{position:relative;background:#0b1220;height:calc(var(--vh, 1vh) * 100);width:100vw;max-width:500px;margin:0 auto;border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);overflow:hidden;display:flex}:root.light-theme .ipos-Container{background:var(--color-surface-light);border:1px solid var(--color-stroke)}@media (max-width:520px){.ipos-Container{border-radius:0;box-shadow:none;width:100vw}}.app{height:100%;width:100%;display:flex;flex-direction:column}.store{padding:14px 16px 12px;border-bottom:1px solid var(--color-stroke);background:linear-gradient(180deg,#ffffff0a,#fff0);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}:root.light-theme .store{background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 2%,var(--color-surface)),var(--color-surface));border-bottom:1px solid var(--color-stroke)}.store__logo{width:56px;height:56px;border-radius:14px;object-fit:cover;border:1px solid var(--color-stroke);background:#0b1220}:root.light-theme .store__logo{background:var(--color-surface);box-shadow:0 2px 10px #0000000d;border:1px solid rgba(0,0,0,.05)}.store__meta{display:grid;gap:6px}.store__name{font-weight:800;letter-spacing:.2px}.store__addr{color:var(--color-muted);font-size:12px;line-height:1.25}.store__contact{display:flex;gap:10px;align-items:center}.store__link{display:inline-flex;gap:6px;align-items:center;font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--color-stroke);color:var(--color-text);text-decoration:none;background:#0b1220;transition:all .2s ease}:root.light-theme .store__link{background:var(--color-surface);border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000000a}:root.light-theme .store__link:hover{transform:translateY(-1px);box-shadow:0 3px 6px #0000000f;background:color-mix(in srgb,var(--color-accent) 5%,var(--color-surface))}.store__link--accent{border-color:transparent;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));color:#000;font-weight:700}.filters{padding:8px 16px 10px;border-bottom:1px solid var(--color-stroke)}.search{position:relative}.search input{width:100%;height:40px;padding:0 40px;background:#0b1220;color:var(--color-text);border:1px solid var(--color-stroke);border-radius:12px;outline:none;transition:border-color .3s ease,box-shadow .3s ease}:root.light-theme .search input{background:var(--color-surface);border:1px solid var(--color-stroke);box-shadow:inset 0 2px 4px #00000005}:root.light-theme .search input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 20%,transparent)}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:.65}.chips{display:flex;gap:8px;padding-top:10px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;touch-action:pan-x;scroll-behavior:smooth;scroll-snap-type:x proximity;mask-image:linear-gradient(to right,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.chips::-webkit-scrollbar{height:8px}.chips::-webkit-scrollbar-track{background:transparent}.chips::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.chips::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.chip{flex:0 0 auto;padding:7px 11px;border-radius:999px;border:1px solid var(--color-stroke);color:var(--color-muted);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;text-transform:capitalize;scroll-snap-align:start;transition:all .2s ease}:root.light-theme .chip{background-color:color-mix(in srgb,var(--color-surface) 80%,var(--color-bg));box-shadow:0 1px 2px #00000008}:root.light-theme .chip:hover:not(.active){background-color:color-mix(in srgb,var(--color-surface) 60%,var(--color-bg));border-color:color-mix(in srgb,var(--color-accent) 15%,var(--color-stroke));color:var(--color-text);transform:translateY(-1px)}.chip.active{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));color:#000;border-color:transparent;font-weight:700;box-shadow:0 2px 5px color-mix(in srgb,var(--color-accent) 30%,transparent)}:root.light-theme .chip.active{box-shadow:0 2px 8px color-mix(in srgb,var(--color-accent) 40%,transparent)}.skel{position:relative;overflow:hidden;background:#0b1220}:root.light-theme .skel{background:color-mix(in srgb,var(--color-surface) 80%,var(--color-bg))}.skel:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:skel-shimmer 1.2s ease-in-out infinite}:root.light-theme .skel:after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.04),transparent)}@keyframes skel-shimmer{to{transform:translate(100%)}}.chip.skel{border-color:transparent;min-width:70px;height:30px;padding:0;border-radius:999px}.chips .chip.skel:nth-child(3n+1){min-width:56px}.chips .chip.skel:nth-child(3n+2){min-width:84px}.card.skel .thumb,.card.skel .card-body{position:relative}.card.skel .thumb:after,.card.skel .card-body:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:skel-shimmer 1.2s ease-in-out infinite}.content{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:10px 16px 16px;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.content::-webkit-scrollbar{width:10px}.content::-webkit-scrollbar-track{background:transparent}.content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width:720px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{background:var(--color-surface);border-radius:16px;border:1px solid var(--color-stroke);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:var(--card-shadow)}.card:hover{transform:translateY(-2px);box-shadow:var(--card-hover-shadow);border-color:color-mix(in srgb,var(--color-accent) 15%,var(--color-stroke))}:root.light-theme .card{border-color:#0000000f}.thumb{aspect-ratio:4/3;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 18%,#0b1220),color-mix(in srgb,var(--color-accent-2) 16%,#0b1220));position:relative;overflow:hidden;border-radius:12px 12px 0 0}.thumb.has-image{background:#0b1220}:root.light-theme .thumb{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 10%,#f0f4f8),color-mix(in srgb,var(--color-accent-2) 10%,#f0f4f8))}:root.light-theme .thumb.has-image{background:#f0f4f8}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-image:hover{transform:scale(1.05)}.product-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-muted);opacity:.6;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 18%,#0b1220),color-mix(in srgb,var(--color-accent-2) 16%,#0b1220))}:root.light-theme .product-placeholder{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 10%,#f0f4f8),color-mix(in srgb,var(--color-accent-2) 10%,#f0f4f8))}.product-placeholder.hidden{display:none}.product-tag{position:absolute;right:8px;top:8px;font-size:12px;padding:4px 8px;background:#000000b3;border-radius:999px;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);z-index:2}.product-image{opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.product-placeholder svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.card:hover .product-image{transform:scale(1.02)}.card:hover .thumb:not(.has-image){background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 25%,#0b1220),color-mix(in srgb,var(--color-accent-2) 23%,#0b1220))}.card-body{padding:12px}.title{font-weight:700;margin:2px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desc{color:var(--color-muted);font-size:12px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.price{font-weight:800}.btn{padding:8px 10px;border-radius:12px;border:1px solid var(--color-stroke);background:#0b1220;color:var(--color-text);cursor:pointer;transition:all .2s ease}:root.light-theme .btn{background:var(--color-surface);box-shadow:0 1px 3px #0000000d;border:1px solid rgba(0,0,0,.08)}:root.light-theme .btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 5%,var(--color-surface));border-color:color-mix(in srgb,var(--color-accent) 15%,rgba(0,0,0,.1));box-shadow:0 2px 5px #00000014;transform:translateY(-1px)}.btn.primary{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));color:#000;border-color:transparent;font-weight:800;position:relative;overflow:hidden}.btn.primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn.primary:hover:after{left:100%}footer{position:relative;padding:10px env(safe-area-inset-right) calc(10px + env(safe-area-inset-bottom)) env(safe-area-inset-left);border-top:1px solid var(--color-stroke);background:#111827d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root.light-theme footer{background:#ffffffd9;border-top:1px solid rgba(0,0,0,.06)}.bar{display:flex;align-items:center;gap:12px}.cart-pill{flex:1;padding:12px;border-radius:14px;background:#0b1220;border:1px solid var(--color-stroke);display:flex;align-items:center;gap:10px;cursor:pointer;justify-content:space-between;transition:all .2s ease}:root.light-theme .cart-pill{background:var(--color-surface);box-shadow:0 2px 8px #0000000d;border:1px solid rgba(0,0,0,.06)}:root.light-theme .cart-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014;border-color:color-mix(in srgb,var(--color-accent) 15%,rgba(0,0,0,.08))}.cart-pill svg{flex-shrink:0}.cart-pill strong:first-of-type{margin-right:auto}.cart-spacer{margin-left:auto;margin-right:8px;color:var(--color-muted)}.cart-pill strong:last-of-type{margin-left:0}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%) translateY(20px);opacity:0;transition:.25s ease;background:#0b1220;border:1px solid var(--color-stroke, rgba(255, 255, 255, .1));padding:10px 14px;border-radius:12px;z-index:9999;box-shadow:0 5px 20px #0003;max-width:90%;text-align:center;display:block;color:#fff;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}:root.light-theme .toast{background:var(--color-surface);border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 25px #00000026;color:var(--color-text)}.progress{position:absolute;inset:0 auto auto 0;height:3px;width:100%;display:none;overflow:hidden}.progress.active{display:block}.progress:before{content:"";position:absolute;left:-40%;width:40%;height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));animation:prog 1s linear infinite}:root.light-theme .progress:before{box-shadow:0 1px 4px #0000001a}@keyframes prog{0%{left:-40%}to{left:100%}}.backdrop{position:fixed;inset:0;background:#0206178c;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:40}.backdrop.open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:50%;bottom:env(safe-area-inset-bottom,0);width:100vw;max-width:500px;background:var(--color-surface);border-top-left-radius:16px;border-top-right-radius:16px;border:1px solid var(--color-stroke);box-shadow:0 -24px 60px #00000073;transform:translate(-50%,100%);transition:transform .28s cubic-bezier(.2,.7,.2,1);will-change:transform;z-index:41;max-height:calc(var(--vh, 1vh) * 85);display:flex;flex-direction:column}:root.light-theme .sheet{box-shadow:0 -10px 40px #00000026,0 -2px 10px #0000001a;border-color:#0000000d;background:var(--color-surface-light)}.sheet.open{transform:translate(-50%)}.sheet__handle{width:44px;height:4px;border-radius:999px;background:#334155;margin:10px auto}:root.light-theme .sheet__handle{background:#cbd5e1}.sheet__head{padding:4px 16px 10px;display:flex;align-items:center;justify-content:space-between}.sheet__title{font-weight:800;font-size:18px}:root.light-theme .sheet__title{color:var(--color-text-light)}.x{border:none;background:transparent;font-size:22px;color:#94a3b8;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.x:hover{background:#ffffff1a;color:var(--color-text)}:root.light-theme .x{color:#64748b}:root.light-theme .x:hover{background:#0000000d;color:var(--color-text-light)}.sheet__scroll{flex:1;overflow:auto;padding:0 16px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.sheet__scroll::-webkit-scrollbar{width:10px}.sheet__scroll::-webkit-scrollbar-track{background:transparent}.sheet__scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.sheet__scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.line{height:1px;background:var(--color-stroke);margin:10px 16px}:root.light-theme .line{background:#00000014;height:1px}.cart-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--color-stroke);transition:all .3s ease}.cart-item:last-child{border-bottom:none}:root.light-theme .cart-item{border-bottom:1px solid rgba(0,0,0,.06);padding:8px 0}.cart-item__name{font-weight:700;font-size:15px;margin-bottom:4px}:root.light-theme .cart-item__name{color:var(--color-text-light)}.cart-item__meta{color:var(--color-muted);font-size:12px}:root.light-theme .cart-item__meta{color:var(--color-muted-light)}.cart-item__total{min-width:70px;text-align:right;font-weight:700;color:var(--color-accent)}:root.light-theme .cart-item__total{color:var(--color-accent-light)}.qty{display:inline-flex;align-items:center;border:1px solid var(--color-stroke);border-radius:10px;overflow:hidden;background:#0b1220;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}:root.light-theme .qty{background:var(--color-surface-light);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 6px #0000000f}.qty button{width:34px;height:34px;border:0;background:transparent;color:var(--color-text);cursor:pointer;font-size:18px;font-weight:700;transition:all .2s ease;position:relative;overflow:hidden}.qty button:hover{background:#ffffff1a}.qty button:active{transform:scale(.96)}:root.light-theme .qty button{color:var(--color-accent-light)}:root.light-theme .qty button:hover{background:#0000000d}.qty span{min-width:34px;text-align:center;font-weight:600;font-size:14px}:root.light-theme .qty span{color:var(--color-text-light)}.sheet__summary{padding:0 16px 14px;display:grid;gap:6px;background-color:var(--color-surface)}:root.light-theme .sheet__summary{background-color:var(--color-surface-light);padding:10px 16px 14px}.row-sb{display:flex;justify-content:space-between;align-items:center;color:var(--color-text);white-space:nowrap;flex-wrap:nowrap;gap:8px;min-height:28px;line-height:1.2;border-radius:6px;padding:4px 6px;transition:all .2s ease}.row-sb:last-child{margin-top:5px;font-weight:700;background-color:color-mix(in srgb,var(--color-accent) 5%,transparent);padding:8px 6px;border-radius:8px}.row-sb span{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;font-size:14px;max-width:60%;text-align:left}.row-sb strong{flex-shrink:0;font-size:14px;font-weight:600;max-width:35%;text-align:right;margin-left:auto}:root.light-theme .row-sb span{color:var(--color-text-light)}:root.light-theme .row-sb strong{color:var(--color-accent-light)}:root.light-theme .row-sb:last-child{background-color:color-mix(in srgb,var(--color-accent-light) 8%,transparent)}:root.light-theme .row-sb:last-child strong{color:var(--color-accent-2-light);font-weight:700}.checkout{margin:0 16px 16px;display:grid;gap:10px;padding-top:4px}:root.light-theme .checkout{padding-top:6px}.btn-block{width:100%;padding:14px;border-radius:12px;border:1px solid var(--color-stroke);font-weight:800;cursor:pointer;background:#0b1220;color:var(--color-text);transition:all .25s ease;position:relative;overflow:hidden}.btn-block:hover{transform:translateY(-2px)}:root.light-theme .btn-block{background:var(--color-surface-light);color:var(--color-text-light);border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 5px #0000000a}:root.light-theme .btn-block:hover{box-shadow:0 5px 15px #00000014}.btn-cta{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));color:#000;border:0;box-shadow:0 4px 15px color-mix(in srgb,var(--color-accent) 30%,transparent)}.btn-cta:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-cta:hover:after{left:100%}:root.light-theme .btn-cta{background:linear-gradient(90deg,var(--color-accent-light),var(--color-accent-2-light));box-shadow:0 4px 15px color-mix(in srgb,var(--color-accent-light) 40%,transparent)}.btn-secondary{background:#374151;color:var(--color-text);border:1px solid #4b5563;box-shadow:0 3px 10px #0003}.btn-secondary:hover{background:#4b5563;box-shadow:0 5px 15px #0000004d}:root.light-theme .btn-secondary{background:color-mix(in srgb,var(--color-accent-light) 15%,var(--color-surface-light));color:var(--color-text-light);border:1px solid color-mix(in srgb,var(--color-accent-light) 25%,rgba(0,0,0,.1));box-shadow:0 3px 10px #0000000d}:root.light-theme .btn-secondary:hover{background:color-mix(in srgb,var(--color-accent-light) 20%,var(--color-surface-light));box-shadow:0 5px 15px #00000014}.btn-ghost{background:#0b1220;position:relative;overflow:hidden}:root.light-theme .btn-ghost{background:transparent;border:1px dashed rgba(0,0,0,.15);color:var(--color-muted-light)}:root.light-theme .btn-ghost:hover{background:#00000005;border:1px dashed rgba(0,0,0,.25);color:var(--color-text-light)}.btn-disabled{opacity:.6;pointer-events:none}.confirmation-sheet{max-height:calc(var(--vh, 1vh) * 80)}.confirmation-content{display:grid;gap:20px;padding:10px 0;text-align:center}.confirmation-message{font-size:16px;color:var(--color-text);background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 10%,#0b1220),color-mix(in srgb,var(--color-accent-2) 8%,#0b1220));padding:16px;border-radius:12px;border:1px solid var(--color-stroke)}:root.light-theme .confirmation-message{background-color:#f0fdfa;border:1px solid #ccfbf1;color:#0f766e;background:#f0fdfa}.total-amount{font-size:18px;font-weight:800;color:var(--color-accent-2)}.order-summary{background:#0b1220;padding:16px;border-radius:12px;border:1px solid var(--color-stroke);text-align:left}.order-summary h4{margin:0 0 12px;color:var(--color-accent);font-size:14px;font-weight:700}.order-items-scroll{max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;border-radius:8px}.order-items-scroll::-webkit-scrollbar{width:6px}.order-items-scroll::-webkit-scrollbar-track{background:transparent}.order-items-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.order-items-scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.order-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:var(--color-text);border-bottom:1px solid rgba(255,255,255,.05)}.order-item:last-child{border-bottom:none}.item-name{color:var(--color-text);font-size:14px;flex:1}.item-price{color:var(--color-accent-2);font-weight:700;font-size:14px;margin-left:12px}.confirmation-instructions{padding:0 16px 16px;border-top:1px solid var(--color-stroke);background:#111827f2}:root.light-theme .confirmation-instructions{background:#f8fafc;border-top:1px solid #e2e8f0}.instructions{text-align:left;background:#0b1220;padding:16px;border-radius:12px;border:1px solid var(--color-stroke);margin-top:16px}.instructions p{margin:0 0 10px;color:var(--color-accent)}.instructions ul{margin:0;padding-left:20px;color:var(--color-muted)}.instructions li{margin-bottom:6px;line-height:1.4}.header-controls{display:flex;align-items:center;justify-content:flex-end;margin-top:0}.language-switcher{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px;background:var(--color-surface);color:var(--color-accent);border:1px solid var(--color-stroke);border-radius:10px;cursor:pointer;font-size:10px;font-weight:500;transition:all .2s ease;width:50px;height:50px;min-width:50px}.language-switcher:hover{background:var(--color-stroke);transform:translateY(-1px)}.language-icon{font-size:16px;line-height:1;margin-bottom:1px}.language-code{font-size:9px;font-weight:600;white-space:nowrap;text-align:center;line-height:1}[dir=rtl] .header-controls{justify-content:flex-start;margin-top:0}[dir=rtl] .language-switcher{direction:ltr;flex-direction:column;align-items:center;justify-content:center}[dir=rtl] .language-code{text-align:center}[dir=rtl] .language-icon{margin-bottom:1px}[dir=rtl] .store{text-align:right;grid-template-columns:auto 1fr auto}[dir=rtl] .store__meta{text-align:right}[dir=rtl] .store__contact{justify-content:flex-end;flex-direction:row-reverse}[dir=rtl] .store__link{text-align:right}[dir=rtl] .sheet__summary{text-align:center;direction:rtl}[dir=rtl] .row-sb{display:flex;justify-content:space-between;align-items:center;flex-direction:row;text-align:center}[dir=rtl] .row-sb span{text-align:right;flex-shrink:0}[dir=rtl] .row-sb strong{text-align:left;flex-shrink:0;margin-left:0;margin-right:auto}[dir=rtl] .cart-pill{direction:rtl;justify-content:space-between}[dir=rtl] .cart-pill strong:first-of-type{margin-right:0;margin-left:auto;text-align:right}[dir=rtl] .cart-spacer{margin-left:8px;margin-right:auto;text-align:right}[dir=rtl] .cart-pill strong:last-of-type{margin-left:0;text-align:left}[dir=rtl] .confirmation-sheet{text-align:center;direction:rtl}[dir=rtl] .confirmation-content{text-align:center}[dir=rtl] .order-number{text-align:center;direction:ltr}[dir=rtl] .confirmation-message,[dir=rtl] .total-amount{text-align:center}[dir=rtl] .order-summary{text-align:center;direction:rtl}[dir=rtl] .order-summary h4{text-align:center;margin:0 0 12px}[dir=rtl] .order-item{flex-direction:row-reverse;text-align:center}[dir=rtl] .item-name{text-align:left}[dir=rtl] .item-price{margin-left:0;margin-right:12px;text-align:center}[dir=rtl] .confirmation-instructions{text-align:center;direction:rtl}[dir=rtl] .instructions{text-align:right}[dir=rtl] .instructions p{text-align:center}[dir=rtl] .instructions ul{padding-right:20px;padding-left:0;text-align:right}[dir=rtl] .instructions li{text-align:right}
