:root{--navy: #0c1b2a;--navy-2: #16324a;--ink: #122033;--paper: #f3f6f4;--card: #ffffff;--line: #d5dee6;--lime: #d6ff3e;--lime-deep: #b6dc12;--muted: #4e5d6c;--danger: #8d2430;--danger-bg: #fdecec;--ok: #145c32;--ok-bg: #e7f6df;--info-bg: #e7f0f8;--shadow: 0 12px 32px rgba(12, 27, 42, .08);--radius: 16px;font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.45}img{max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.skip{position:absolute;left:1rem;top:-3rem;background:var(--lime);color:var(--navy);padding:.5rem .8rem;z-index:20;border-radius:8px}.skip:focus{top:.75rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.top{position:sticky;top:0;z-index:10;background:var(--navy);color:#fff;padding:.85rem clamp(1rem,4vw,2.5rem) .75rem;display:grid;gap:.75rem}.top :focus-visible{outline-color:var(--lime)}.top-bar,.top-tools{display:flex;align-items:center;gap:.75rem}.top-tools{margin-left:auto}.brand{display:flex;align-items:center;gap:.7rem;min-width:0}.brand strong{display:block;font-size:1.15rem;letter-spacing:-.04em}.brand span{display:block;color:#c5d0dc;font-size:.75rem}.mark{width:2rem;height:2rem;flex:none}.header-search{display:flex;gap:.45rem}.header-search input{background:#fff;color:var(--ink)}.menu-toggle{display:none}.site-nav{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.top .chip,.top .text-button{color:#fff;background:transparent;border:1px solid transparent;border-radius:999px;padding:.4rem .75rem;min-height:2.4rem}.top .chip:hover,.top .text-button:hover{background:#ffffff14}.top .chip.active{background:var(--lime);color:var(--navy)}.cart-link{background:var(--lime);color:var(--navy);border-radius:999px;padding:.55rem .9rem;font-weight:700;min-height:2.5rem;display:inline-flex;align-items:center;white-space:nowrap}.link-danger{background:none;border:0;color:var(--danger);min-height:2.4rem;padding:0}main{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 3rem}h1,h2,h3{line-height:1.1;letter-spacing:-.04em;margin:0}h1{font-size:clamp(2rem,4vw,3.4rem)}h2{font-size:1.35rem}.muted{color:var(--muted)}.price,.money,.row strong{font-variant-numeric:tabular-nums}.price{font-weight:700;font-size:1.2rem}.stack{display:grid;gap:.85rem}.row{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:1rem;background:var(--navy);color:#fff;border-radius:24px;padding:clamp(1.25rem,4vw,2.5rem);margin-bottom:1.25rem;overflow:hidden}.hero h1{font-size:clamp(2.4rem,6vw,4.6rem);max-width:12ch}.hero p{color:#d5dee8;max-width:38rem}.hero .chip{color:var(--navy);background:var(--lime);border-radius:999px;padding:.4rem .75rem;font-weight:700}.hero-mark{align-self:end;justify-self:end;width:min(100%,16rem);display:grid;gap:.7rem}.hero-mark span{display:block;height:.7rem;border-radius:999px;background:var(--lime)}.hero-mark span:nth-child(2){width:74%}.hero-mark span:nth-child(3){width:48%}.panel,.card,.summary,.product-layout,.filters{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.pad{padding:1rem 1.1rem}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin:.4rem 0 .8rem}.filters{display:flex;flex-wrap:wrap;gap:.75rem;padding:.9rem;align-items:end;margin-bottom:1rem}.filters label,.stack label{flex:1 1 9rem}label,legend{display:grid;gap:.35rem;font-size:.78rem;font-weight:700;letter-spacing:.02em;color:var(--muted)}fieldset{border:0;margin:0;padding:0}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:.72rem .8rem;min-height:2.75rem}textarea{min-height:6.5rem;resize:vertical}.primary,.ghost,.danger{border-radius:999px;min-height:2.75rem;padding:.65rem 1rem;border:1px solid var(--navy);display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-weight:700}.primary{background:var(--lime);color:var(--navy);border-color:var(--lime-deep)}.primary:hover{background:var(--lime-deep)}.ghost{background:#fff;color:var(--navy)}.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.primary:disabled,.ghost:disabled,.danger:disabled{opacity:.45;cursor:not-allowed}.icon-button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;min-height:2.5rem;padding:.4rem .8rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.card{overflow:hidden;display:flex;flex-direction:column;color:inherit;transition:transform .15s ease}.card:hover{transform:translateY(-2px)}.visual,.gallery{aspect-ratio:4 / 5;background:linear-gradient(165deg,var(--navy-2),var(--navy));display:grid;place-items:center;color:var(--lime);font-size:2rem;font-weight:700}.card img,.gallery img{width:100%;height:100%;object-fit:cover;display:block;background:var(--navy)}.card .copy{padding:.9rem 1rem 1rem;display:grid;gap:.25rem}.card h2{font-size:1.15rem}.thumbs{display:flex;gap:.45rem;margin-top:.6rem}.thumbs button{width:4.2rem;height:4.2rem;padding:0;border-radius:10px;border:2px solid transparent;overflow:hidden;background:var(--navy)}.thumbs button.active{border-color:var(--lime)}.thumbs img{width:100%;height:100%;object-fit:cover}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:700;background:#eef2f5;color:var(--ink)}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--navy-2)}.badge-warn{background:#fff6d8;color:#6b4e00}.pager{display:flex;gap:.6rem;align-items:center;margin-top:1rem}.product-layout{display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.choices{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.35rem}.choice{border:1px solid var(--line);background:#fff;border-radius:999px;min-height:2.5rem;padding:.4rem .8rem}.choice.active{background:var(--navy);color:var(--lime);border-color:var(--navy)}.choice:disabled{text-decoration:line-through;opacity:.45}.notice{font-size:.92rem;color:var(--muted);margin:0}.error,.ok,.loading{border-radius:12px;padding:.8rem .9rem;margin:0}.error{background:var(--danger-bg);color:var(--danger)}.ok{background:var(--ok-bg);color:var(--ok)}.loading{background:#fff;border:1px dashed var(--line);color:var(--muted)}.empty{padding:1.5rem;text-align:center}.cart-line{display:grid;grid-template-columns:84px 1fr auto;gap:.85rem;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--line)}.cart-line img,.swatch{width:84px;height:84px;object-fit:cover;border-radius:12px;background:var(--navy)}.qty{width:5rem}.two{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem;align-items:start}.summary .total{font-size:1.35rem}.address-option,.pay-option{display:flex;gap:.6rem;align-items:flex-start;color:var(--ink);font-size:.95rem;font-weight:600}.address-option input,.pay-option input{width:auto;min-height:0;margin-top:.2rem}.timeline{list-style:none;display:flex;gap:.35rem;padding:0;margin:0;flex-wrap:wrap}.timeline li{flex:1 1 7rem;background:#eef2f5;color:var(--muted);border-radius:999px;padding:.4rem .7rem;font-size:.78rem;font-weight:700;text-align:center}.timeline .is-done{background:var(--navy);color:#fff}.timeline .is-current{background:var(--lime);color:var(--navy)}.timeline.is-cancelled .is-current{background:var(--danger);color:#fff}.order-list{display:grid;gap:.8rem}.order-card h2{font-size:1.15rem}.meta{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.actions{display:flex;flex-wrap:wrap;gap:.45rem}.site-footer{background:var(--navy);color:#d5dee8;padding:2rem clamp(1rem,4vw,2.5rem);display:grid;grid-template-columns:1.4fr 1fr;gap:1.5rem}.site-footer strong{color:#fff;font-size:1.1rem}.site-footer a{color:var(--lime);margin-right:1rem}.site-footer nav{display:flex;flex-wrap:wrap;align-content:start}.admin-grid{display:grid;grid-template-columns:220px 1fr;gap:1rem;align-items:start}.admin-nav{display:grid;gap:.4rem;position:sticky;top:7.5rem}.admin-nav button.active{background:var(--navy);color:var(--lime)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.65rem .4rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.75rem;color:var(--muted)}.narrow{max-width:36rem}.otp-input{letter-spacing:.4em;font-size:1.6rem;text-align:center;font-variant-numeric:tabular-nums}dialog{border:0;border-radius:16px;padding:1.25rem;width:min(28rem,calc(100% - 2rem));box-shadow:var(--shadow)}dialog::backdrop{background:#0c1b2a8c}@media(max-width:860px){.hero,.product-layout,.two,.admin-grid,.form-grid,.site-footer{grid-template-columns:1fr}.hero-mark{display:none}.admin-nav{position:static;grid-template-columns:repeat(3,1fr)}.cart-line{grid-template-columns:72px 1fr}.cart-line .line-end{grid-column:2}}@media(max-width:680px){.brand>span>span{display:none}.menu-toggle{display:inline-flex}.site-nav{display:none;padding-bottom:.4rem}body.nav-open .site-nav{display:flex}.header-search{display:grid;grid-template-columns:1fr auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.card:hover{transform:none}}