:root{--accent:#1f7a4d;--accent-ink:#fff;--bg:#fff;--surface:#f6f6f4;--ink:#16181a;--muted:#6b7280;--line:#e3e3e0;--danger:#b42318;--radius:10px;--bar-h:64px}*{box-sizing:border-box}html,body{max-width:100%;margin:0;padding:0;overflow-x:hidden}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Bengali,sans-serif;font-size:16px;line-height:1.5}.wrap{max-width:480px;margin:0 auto;padding:12px}.shop{align-items:center;gap:12px;padding:8px 0 16px;display:flex}.shop img,.shop .logo-blank{object-fit:cover;background:var(--surface);border-radius:50%;flex:none;width:52px;height:52px}.shop h1{margin:0;font-size:1.15rem;line-height:1.25}.shop a{color:var(--muted);font-size:.85rem;text-decoration:none}.langtoggle{background:var(--surface);border-radius:999px;gap:2px;margin-left:auto;padding:2px;display:flex}.langtoggle a{color:var(--muted);border-radius:999px;padding:4px 10px;font-size:.8rem;text-decoration:none}.langtoggle a[aria-current=true]{background:var(--bg);color:var(--ink);font-weight:600}.products{padding-bottom:calc(var(--bar-h) + 20px);gap:10px;display:grid}.products.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.products.big{grid-template-columns:1fr}.products.big .card .name{font-size:1rem}.products.list{grid-template-columns:1fr}.products.list .card{flex-direction:row}.products.list .card .shot,.products.list .card .shot-btn{flex:0 0 96px;width:96px}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.card .shot,.card img{aspect-ratio:1;object-fit:cover;background:var(--surface);width:100%;display:block}.card .body{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex}.card .name{overflow-wrap:anywhere;font-size:.92rem;line-height:1.3}.card .price{margin-top:auto;font-weight:700}.shot-btn{cursor:zoom-in;background:0 0;border:0;border-radius:0;width:100%;padding:0;display:block}.zoom{background:#000;border:0;width:100dvw;max-width:100dvw;height:100dvh;max-height:100dvh;padding:0}.zoom[open]{justify-content:center;align-items:center;display:flex}.zoom img{object-fit:contain;max-width:100%;max-height:100%}.zoom::backdrop{background:#000}.zoom .close{color:#fff;background:#0000008c;border-radius:50%;width:40px;height:40px;padding:0;font-size:1.1rem;line-height:1;position:fixed;top:10px;right:10px}button,.btn{font:inherit;background:var(--accent);color:var(--accent-ink);cursor:pointer;text-align:center;border:0;border-radius:8px;min-height:44px;padding:10px 14px;font-weight:600;text-decoration:none}button:disabled{opacity:.55;cursor:not-allowed}.btn-quiet{background:var(--surface);color:var(--ink)}.btn-sm{min-height:38px;padding:7px 10px;font-size:.88rem}.btn-block{width:100%;display:block}.cartbar{height:var(--bar-h);background:var(--bg);border-top:1px solid var(--line);padding:0 12px calc(env(safe-area-inset-bottom,0px));align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.cartbar .inner{align-items:center;gap:10px;width:100%;max-width:480px;margin:0 auto;display:flex}.cartbar .summary{color:var(--muted);font-size:.9rem}.cartbar .btn{margin-left:auto}.line{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.line .name{overflow-wrap:anywhere;flex:1;font-size:.92rem}.qty{align-items:center;gap:8px;display:flex}.qty button{background:var(--surface);width:36px;min-height:36px;color:var(--ink);padding:0;font-size:1.1rem}label{margin:14px 0 5px;font-size:.88rem;font-weight:600;display:block}input,textarea{font:inherit;border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);border-radius:8px;padding:11px}textarea{resize:vertical;min-height:84px}.hint{color:var(--muted);margin-top:4px;font-size:.78rem}.error{color:var(--danger);margin-top:4px;font-size:.82rem}.banner{color:var(--danger);background:#fdf2f0;border:1px solid #f2c9c4;border-radius:8px;margin:12px 0;padding:10px;font-size:.88rem}.zones{grid-template-columns:1fr 1fr;gap:8px;display:grid}.zone{border:1px solid var(--line);text-align:center;cursor:pointer;border-radius:8px;padding:12px 10px;font-size:.9rem;font-weight:600}.zone input{opacity:0;width:0;height:0;position:absolute}.zone:has(input:checked){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.zone .amount{color:var(--muted);font-size:.8rem;font-weight:400;display:block}.panel{border:1px solid var(--line);border-radius:var(--radius);margin:14px 0;padding:12px 14px 16px}.panel h2{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:.82rem;font-weight:700}.panel>label:first-of-type,.panel .two label{margin-top:8px}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.linkrow{align-items:center;gap:8px;display:flex}.linkrow input{font-size:.85rem}.linkrow button{flex:none}.ogcard{aspect-ratio:1200/630;border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.ogcard img{object-fit:cover;width:100%;height:100%;display:block}.layouts{border:0;min-width:0;margin:10px 0 0;padding:0}.layouts legend{margin-bottom:6px;padding:0;font-size:.88rem;font-weight:600}.tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tile{border:1px solid var(--line);cursor:pointer;text-align:center;background:var(--bg);border-radius:8px;margin:0;padding:8px 6px 6px;font-weight:500}.tile input,.swatch input{opacity:0;width:0;height:0;position:absolute}.tile:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent)}.tile:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.swatch:has(input:focus-visible) .dot{outline:2px solid var(--ink);outline-offset:2px}.tile-name{color:var(--muted);margin-top:6px;font-size:.72rem;line-height:1.25;display:block}.tile:has(input:checked) .tile-name{color:var(--ink);font-weight:600}.lp{align-content:start;gap:3px;height:46px;display:grid;overflow:hidden}.lp-item{gap:3px;min-width:0;display:flex}.lp-shot{background:var(--line);border-radius:2px;flex:none}.lp-text{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.lp-line,.lp-price{background:var(--line);border-radius:1px;height:2px}.lp-line{width:100%}.lp-price{background:var(--accent);width:45%}.lp-grid{grid-template-columns:1fr 1fr}.lp-grid .lp-item{flex-direction:column}.lp-grid .lp-shot{height:13px}.lp-list .lp-shot{width:12px;height:12px}.lp-big .lp-item{flex-direction:column}.lp-big .lp-shot{height:32px}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{cursor:pointer;flex-direction:column;align-items:center;gap:3px;min-width:44px;margin:0;padding:2px 0;font-weight:500;display:flex}.swatch .dot{background:var(--sw);box-sizing:content-box;background-clip:content-box;border:3px solid #0000;border-radius:50%;width:28px;height:28px;display:block}.swatch:has(input:checked) .dot{border-color:color-mix(in srgb, var(--sw) 45%, var(--bg))}.swatch-name{color:var(--muted);font-size:.68rem;line-height:1.4}.swatch:has(input:checked) .swatch-name{color:var(--ink);font-weight:600}.totals{background:var(--surface);border-radius:var(--radius);margin:16px 0;padding:12px}.totals .row{justify-content:space-between;padding:3px 0;font-size:.92rem;display:flex}.totals .row.grand{border-top:1px solid var(--line);margin-top:8px;padding-top:10px;font-size:1.05rem;font-weight:700}.muted{color:var(--muted)}.center{text-align:center}.empty{text-align:center;color:var(--muted);padding:40px 12px}.code{letter-spacing:2px;margin:6px 0 2px;font-size:1.9rem;font-weight:700}.adminbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:8px;padding:12px 0;display:flex}.adminbar h1{margin:0;font-size:1.15rem;line-height:1.2}.adminbar .muted{font-size:.85rem}.adminbar form{margin-left:auto}.badge{background:var(--accent);color:var(--accent-ink);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:700}.orders{margin:0;padding:0;list-style:none}.orders a{border-bottom:1px solid var(--line);color:inherit;border-left:3px solid #0000;padding:12px 12px 12px 10px;text-decoration:none;display:block}.orders a.unseen{border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 5%, transparent)}.orders .top{align-items:center;gap:8px;display:flex}.orders .top strong{overflow-wrap:anywhere;flex:1}.orders .meta{color:var(--muted);align-items:baseline;gap:10px;margin-top:3px;font-size:.85rem;display:flex}.orders .meta strong{color:var(--ink);margin-left:auto}.chip{background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.75rem;font-weight:700}.chip.pending{color:#8a5a00;background:#fdf3e3}.chip.confirmed,.chip.shipped{color:#14508c;background:#e8f1fb}.chip.delivered{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.chip.cancelled{color:var(--danger);background:#fdf2f0}.adminnav{border-bottom:1px solid var(--line);gap:4px;margin:4px 0 12px;display:flex}.adminnav a{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 12px;font-size:.9rem;text-decoration:none}.adminnav a[aria-current=true]{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.catalog{margin:0;padding:0;list-style:none}.catalog a{border-bottom:1px solid var(--line);color:inherit;align-items:center;gap:10px;padding:10px 2px;text-decoration:none;display:flex}.catalog img,.catalog .shot{object-fit:cover;background:var(--surface);border-radius:8px;flex:none;width:48px;height:48px}.catalog .name{overflow-wrap:anywhere;flex:1;font-size:.94rem}.picker{align-items:center;gap:12px;margin-top:4px;display:flex}.picker img,.picker .shot{object-fit:cover;background:var(--surface);border-radius:8px;flex:none;width:72px;height:72px}.picker .round{border-radius:50%}.picker .hint,.picker .error{margin-bottom:0}label.pickbtn{color:var(--ink);background:var(--surface);margin:0;display:inline-block}.section{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:22px 0 6px;font-size:.8rem}
