:root{--green:#146c43;--green-soft:#d1f0df;--bg:#f4f7f5;--card:#fff;--text:#1d2b24;--muted:#5b6b62;--line:#dfe7e2;--danger:#b42318;--warn:#9a6700;--warn-soft:#fff4cc;--radius:14px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--green)}.wrap{max-width:760px;margin:0 auto;padding:16px}.topbar{background:var(--green);color:#fff;z-index:10;position:sticky;top:0}.topbar .wrap{flex-wrap:wrap;align-items:center;gap:12px;padding-top:12px;padding-bottom:12px;display:flex}.topbar .brand{color:#fff;margin-right:auto;font-weight:700;text-decoration:none}.topbar a,.topbar button.link{color:#fff;font-size:14px;text-decoration:none}.topbar .badge{color:var(--green);background:#fff;border-radius:999px;margin-left:4px;padding:0 7px;font-size:12px;font-weight:700}h1{margin:8px 0 16px;font-size:22px}h2{margin:24px 0 10px;font-size:17px}.card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:0 1px 6px #0000000d}.stack>*+*{margin-top:12px}.muted{color:var(--muted);font-size:14px}.error{color:var(--danger);font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.product{flex-direction:column;display:flex}.product img{aspect-ratio:1;object-fit:cover;background:var(--line);border-radius:10px;width:100%}.product .ph{aspect-ratio:1;background:var(--green-soft);border-radius:10px;place-items:center;width:100%;font-size:32px;display:grid}.product h3{margin:8px 0 2px;font-size:15px}.product .price{margin:4px 0 8px;font-weight:700}.product .spacer{flex:1}.btn{font:inherit;background:var(--green);color:#fff;cursor:pointer;text-align:center;border:0;border-radius:10px;padding:10px 14px;font-weight:600;text-decoration:none;display:inline-block}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--green-soft);color:var(--green)}.btn.danger{color:var(--danger);background:#fde2df}.btn.block{width:100%;display:block}button.link{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,select,textarea{width:100%;font:inherit;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}label{margin-bottom:4px;font-size:14px;font-weight:600;display:block}.tag{background:var(--green-soft);color:var(--green);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.tag.warn{background:var(--warn-soft);color:var(--warn)}.tag.off{background:var(--line);color:var(--muted)}.qty{align-items:center;gap:8px;display:inline-flex}.qty button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:32px;height:32px;font-size:18px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 6px}th{color:var(--muted);font-weight:600}td.num,th.num{text-align:right;white-space:nowrap}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row>.grow{flex:1;min-width:140px}.qr{width:220px;max-width:100%;margin:8px auto;display:block}.pickup-code{letter-spacing:2px;text-align:center;font-family:ui-monospace,monospace;font-size:20px;font-weight:700}nav.tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}nav.tabs a{background:#fff;border-radius:999px;padding:6px 12px;font-size:14px;text-decoration:none}nav.tabs a.on{background:var(--green);color:#fff}video.scanner{background:#000;border-radius:10px;width:100%}fieldset{border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:12px}label.choice{cursor:pointer;align-items:flex-start;gap:8px;font-weight:400;display:flex}label.choice input{width:auto;margin-top:4px}table.form-data td:first-child{width:40%;color:var(--muted)}table.form-data th{padding-top:12px}.print-only{display:none}@media print{body{background:#fff}.topbar,.no-print{display:none!important}.print-only{text-align:center;display:block}.print-sheet{box-shadow:none;padding:0}main.wrap{max-width:none;padding:0}}.proof-photo{border:1px solid var(--line);border-radius:8px;width:100%;max-width:360px}.banner{margin-bottom:16px;position:relative}.banner-track{scroll-snap-type:x mandatory;border-radius:var(--radius);scrollbar-width:none;display:flex;overflow-x:auto}.banner-track::-webkit-scrollbar{display:none}.banner-slide{scroll-snap-align:start;flex:0 0 100%}.banner-slide img,.banner-thumb{aspect-ratio:2;object-fit:cover;background:var(--line);width:100%;display:block}.banner-thumb{border-radius:10px}.banner-dots{justify-content:center;gap:6px;display:flex;position:absolute;bottom:8px;left:0;right:0}.banner-dots button{cursor:pointer;background:#fff9;border:0;border-radius:999px;width:8px;height:8px;padding:0}.banner-dots button.on{background:#fff;width:20px}nav.chips{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}nav.chips a{white-space:nowrap}.help h2{align-items:center;gap:8px;margin-top:0;display:flex}.help ol{margin:0;padding-left:20px}.help li+li{margin-top:6px}.login-card{max-width:420px;margin:32px auto}.login-logo{width:100%;max-width:230px;height:auto;margin:20px auto 16px;display:block}.login-card h1{margin-top:0}.notice{background:var(--green-soft);color:var(--green);border-radius:8px;padding:8px 12px;font-size:14px}.signup-cta{border-top:1px solid var(--line);text-align:center;padding-top:16px}.signup-cta p{margin:4px 0 12px}.thumb{object-fit:cover;border-radius:6px;width:36px;height:36px}.row.fields{align-items:flex-end}.field{color:var(--muted);flex-direction:column;gap:2px;margin:0;font-size:12px;display:flex}.field input{color:var(--text);font-size:16px}.variant-box{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.variant-box>form+form,.variant-box>.row+form{margin-top:8px}.sizes{flex-wrap:wrap;gap:6px;margin:4px 0 8px;display:flex}.sizes button{border:1px solid var(--line);min-width:34px;font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:4px 8px;font-size:14px}.sizes button.on{border-color:var(--green);background:var(--green-soft);color:var(--green);font-weight:700}.sizes button:disabled{color:var(--muted);cursor:not-allowed;text-decoration:line-through}.product-link{color:inherit;flex-direction:column;text-decoration:none;display:flex}.product-photo{display:block;position:relative}.media-badge{color:#fff;background:#0009;border-radius:999px;padding:2px 8px;font-size:12px;position:absolute;bottom:6px;left:6px}.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.detail{gap:16px;margin-top:12px;display:grid}@media (min-width:720px){.detail{grid-template-columns:1.1fr 1fr;align-items:start}}.detail-info h1{margin:2px 0 8px;font-size:22px}.detail-desc{white-space:pre-line;margin:0 0 12px}.gallery{min-width:0}.gallery-track{scroll-snap-type:x mandatory;border-radius:var(--radius);background:var(--line);scrollbar-width:none;display:flex;overflow-x:auto}.gallery-track::-webkit-scrollbar{display:none}.gallery-slide{scroll-snap-align:start;aspect-ratio:1;background:#000;flex:0 0 100%;place-items:center;display:grid}.gallery-slide img,.gallery-slide video{object-fit:contain;background:#fff;width:100%;height:100%}.gallery-slide video{background:#000}.gallery-empty{aspect-ratio:1;border-radius:var(--radius);background:var(--green-soft);place-items:center;font-size:56px;display:grid}.gallery-thumbs{gap:8px;margin-top:8px;display:flex;overflow-x:auto}.gallery-thumbs button{background:var(--line);cursor:pointer;border:2px solid #0000;border-radius:10px;flex:0 0 64px;height:64px;padding:0;position:relative;overflow:hidden}.gallery-thumbs button.on{border-color:var(--green)}.gallery-thumbs img,.gallery-thumbs video{object-fit:cover;width:100%;height:100%;display:block}.gallery-thumbs .play{color:#fff;text-shadow:0 1px 4px #000000b3;place-items:center;font-size:18px;display:grid;position:absolute;inset:0}.media-admin{flex-wrap:wrap;gap:10px;display:flex}.media-admin form{flex-direction:column;align-items:center;gap:4px;display:flex}.media-admin img,.media-admin video{object-fit:cover;background:var(--line);border-radius:10px;width:84px;height:84px}.btn.disabled{opacity:.6;pointer-events:none}.price .was{color:var(--muted);font-size:13px;font-weight:400}.tag.sale{color:var(--danger);background:#fde2df;font-size:12px}.custom-cta{color:#fff;background:#112355;border-left:5px solid #c9a227;align-items:center;gap:12px;margin-bottom:16px;text-decoration:none;display:flex}.custom-cta strong,.custom-cta small{display:block}.custom-cta small{color:#d9def0;margin-top:2px;font-size:14px}.custom-cta .grow{flex:1}.custom-cta .icon{font-size:28px}.custom-cta .go{color:#112355;white-space:nowrap;background:#c9a227;border-radius:999px;padding:8px 14px;font-weight:700}
