.shop{--bg:#f4f6f9;--surface:#ffffff;--tile:#ffffff;--tile-empty:#eef2f7;--line:#e2e8f0;--line-soft:#eef2f7;--ink:#0a1f3c;--ink-2:#4c5c72;--ink-3:#7b8798;--navy:#041e42;--navy-lift:#0a2f60;--gold:#eeac05;--gold-deep:#b98400;--ok:#0f7a4a;--danger:#c02626;--focus:#2563eb;--shadow:0 1px 2px rgba(10,31,60,0.05),0 8px 22px rgba(10,31,60,0.06);--shadow-lift:0 2px 6px rgba(10,31,60,0.08),0 20px 44px rgba(10,31,60,0.14);--radius:14px;background:var(--bg);color:var(--ink);min-height:100vh;font-family:Roboto,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.shop[data-skin=dark]{--bg:#04152c;--surface:#0a1f3c;--tile:#f7f9fb;--tile-empty:#12294a;--line:rgba(120,170,255,0.16);--line-soft:rgba(120,170,255,0.1);--ink:#eaf2ff;--ink-2:#9fb4d0;--ink-3:#7288a8;--navy:#eeac05;--navy-lift:#ffc22e;--shadow:0 1px 2px rgba(0,0,0,0.4),0 12px 28px rgba(0,0,0,0.34);--shadow-lift:0 2px 8px rgba(0,0,0,0.5),0 24px 52px rgba(0,0,0,0.5)}.shop :focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.shop-hero{background:radial-gradient(120% 150% at 50% 0,#0a2c5c 0,#041e42 55%,#02132c 100%);color:#fff;text-align:center;padding:30px 24px 26px}.shop-kicker{font-size:10.5px;font-weight:500;letter-spacing:4.5px;color:var(--gold);margin-bottom:8px}.shop-kicker,.shop-title{font-family:Oswald,sans-serif;text-transform:uppercase}.shop-title{padding:10px 0;font-size:clamp(32px,5.4vw,46px);font-weight:700;letter-spacing:1.5px;line-height:1;margin:0;color:#fff}.shop-sub{margin:8px auto 0;max-width:48ch;font-size:14.5px;line-height:1.5;color:rgba(226,238,255,.7)}.shop-toolbar{position:-webkit-sticky;position:sticky;top:54px;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}@media (min-width:800px){.shop-toolbar{top:64px}}.shop-toolbar-in{max-width:1260px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:14px}.shop-filters{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.shop-filters::-webkit-scrollbar{display:none}.shop-chip{flex:none;height:34px;padding:0 15px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.shop-chip--on{background:var(--navy);border-color:var(--navy);color:#fff}.shop[data-skin=dark] .shop-chip--on{color:#08182f}.shop-toolbar-right{margin-left:auto;gap:10px}.shop-sort,.shop-toolbar-right{display:flex;align-items:center}.shop-sort{gap:7px;font-size:12.5px;color:var(--ink-3)}.shop-sort-label{text-transform:uppercase;letter-spacing:1px;font-weight:700;font-size:10.5px}.shop-sort select{height:34px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:13px;padding:0 8px;cursor:pointer}.shop-cartbtn{position:relative;display:flex;align-items:center;gap:8px;height:36px;padding:0 15px;border-radius:999px;border:0;background:var(--navy);color:#fff;font-family:Oswald,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.shop[data-skin=dark] .shop-cartbtn{color:#08182f}.shop-cartbtn-icon{width:17px;height:17px}.shop-cartbtn-count{min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--gold);color:#08182f;display:grid;place-items:center;font-family:Roboto,sans-serif;font-size:12px;font-weight:700}.shop[data-skin=dark] .shop-cartbtn-count{background:#041e42;color:#fff}.shop-main{padding:0 20px 80px}.shop-shell{max-width:1260px;margin:0 auto}.shop-count{margin:22px 2px 14px;font-size:13px;color:var(--ink-3)}.shop-count-in{color:var(--ink-2);font-weight:600}.shop-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));grid-gap:18px;gap:18px}.shop-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease}@media (hover:hover){.shop-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}.shop-card:hover .shop-tile-img{transform:scale(1.04)}.shop-card:hover .shop-quick{opacity:1;transform:translateY(0)}}.shop-card-media{position:relative}.shop-badge{position:absolute;top:10px;left:10px;z-index:2;padding:4px 9px;border-radius:999px;background:var(--navy);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}.shop[data-skin=dark] .shop-badge{color:#08182f}.shop-tile{aspect-ratio:1/1;background:var(--tile);border-bottom:1px solid var(--line-soft);display:grid;place-items:center;overflow:hidden}.shop-tile-img{width:100%;height:100%;object-fit:contain;padding:15px;transition:transform .4s cubic-bezier(.2,.7,.3,1)}.shop-tile--empty{flex-direction:column;gap:10px;background:var(--tile-empty);color:var(--ink-3)}.shop-tile--sm{border-radius:8px;gap:4px}.shop-tile--sm .shop-tile-icon{width:22px;height:22px}.shop-tile--sm .shop-tile-cap{display:none}.shop-tile--lg{border-radius:12px;border:1px solid var(--line)}.shop-tile-icon{width:54px;height:54px;opacity:.5}.shop-tile-cap{font-size:10.5px;letter-spacing:1.3px;text-transform:uppercase}.shop-quick{position:absolute;left:12px;right:12px;bottom:12px;height:36px;border:0;border-radius:8px;background:rgba(4,30,66,.92);color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.6px;cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}@media (hover:none){.shop-quick{display:none}}.shop-card-body{padding:14px 14px 16px;display:flex;flex-direction:column;flex:1 1}.shop-card-cat{font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-deep);margin:0 0 5px}.shop[data-skin=dark] .shop-card-cat{color:var(--gold)}.shop-card-name{margin:0}.shop-card-link{font-family:Oswald,sans-serif;font-size:17px;font-weight:600;letter-spacing:.3px;line-height:1.2;color:var(--ink);background:none;border:0;padding:0;text-align:left;cursor:pointer}@media (hover:hover){.shop-card-link:hover{text-decoration:underline;text-underline-offset:3px}}.shop-card-desc{font-size:13px;line-height:1.45;color:var(--ink-2);margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}.shop-card-price{display:flex;align-items:baseline;gap:6px;margin:11px 0 0}.shop-card-amount{font-family:Oswald,sans-serif;font-size:23px;font-weight:700;letter-spacing:-.2px;color:var(--ink)}.shop-card-hst{font-size:11px;letter-spacing:.4px;color:var(--ink-3)}.shop-sizes{margin-top:12px}.shop-sizes-label{display:block;font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}.shop-size-row{display:flex;flex-wrap:wrap;gap:5px}.shop-size{min-width:38px;height:34px;padding:0 8px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:8px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease}@media (hover:hover){.shop-size:hover{border-color:var(--ink-3);color:var(--ink)}}.shop-size--on{background:var(--navy);border-color:var(--navy);color:#fff}.shop[data-skin=dark] .shop-size--on{color:#08182f}.shop-sizes--err .shop-size{border-color:rgba(192,38,38,.5)}.shop-size-msg{min-height:15px;margin:5px 0 0;font-size:11px;font-weight:600;color:var(--danger)}.shop[data-skin=dark] .shop-size-msg{color:#ff8080}.shop-act{margin-top:auto;padding-top:14px}.shop-add{width:100%;height:44px;border:0;border-radius:9px;background:var(--navy);color:#fff;font-family:Oswald,sans-serif;font-size:13.5px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;cursor:pointer;transition:background .18s ease,transform .1s ease}.shop[data-skin=dark] .shop-add{color:#08182f}@media (hover:hover){.shop-add:hover{background:var(--navy-lift)}}.shop-add:active{transform:translateY(1px)}.shop-add--done{background:var(--ok);color:#fff}.shop-add--wide{margin-top:18px}.shop-step{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 5px;border:1px solid var(--navy);border-radius:9px;background:var(--surface)}.shop-step button{width:32px;height:32px;border:0;border-radius:7px;background:transparent;color:var(--navy);font-size:18px;line-height:1;cursor:pointer;transition:background .16s ease}@media (hover:hover){.shop-step button:hover{background:rgba(4,30,66,.08)}.shop[data-skin=dark] .shop-step button:hover{background:rgba(238,172,5,.14)}}.shop-step-val{font-family:Oswald,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;color:var(--ink)}.shop-step--sm{height:34px;border-color:var(--line)}.shop-step--sm button{width:28px;height:28px;font-size:16px}.shop-policies{list-style:none;margin:46px 0 0;padding:26px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:22px;gap:22px}.shop-policies li{display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;grid-column-gap:12px;column-gap:12px;grid-row-gap:3px;row-gap:3px;align-items:start}.shop-policy-icon{width:22px;height:22px;grid-row:span 2;color:var(--gold-deep);margin-top:2px}.shop[data-skin=dark] .shop-policy-icon{color:var(--gold)}.shop-policy-title{font-size:13.5px;font-weight:700;color:var(--ink)}.shop-policy-text{font-size:12.5px;line-height:1.45;color:var(--ink-3)}.shop-scrim{position:fixed;inset:0;border:0;padding:0;background:rgba(3,12,28,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);cursor:pointer}.shop-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.shop-modal-box{position:relative;z-index:1;width:min(880px,100%);max-height:86vh;overflow-y:auto;background:var(--surface);border-radius:16px;box-shadow:0 30px 80px rgba(3,12,28,.45);display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0}.shop-modal-media{padding:22px}.shop-modal-body{padding:30px 30px 30px 6px;display:flex;flex-direction:column}.shop-modal-x{position:absolute;top:12px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:var(--bg);color:var(--ink-2);display:grid;place-items:center;cursor:pointer}.shop-x-icon{width:15px;height:15px}.shop-modal-name{font-family:Oswald,sans-serif;font-size:30px;font-weight:700;letter-spacing:.3px;margin:2px 0 0;color:var(--ink)}.shop-modal-price{display:flex;align-items:baseline;gap:7px;margin:12px 0 0}.shop-modal-price .shop-card-amount{font-size:27px}.shop-modal-desc{margin:12px 0 18px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}.shop-modal-note{margin:12px 0 0;font-size:12px;color:var(--ink-3);text-align:center}.shop-spec{display:flex;gap:8px;margin:0 0 16px;padding:10px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);font-size:13.5px}.shop-spec dt{margin:0;color:var(--ink-3);font-weight:600;letter-spacing:.4px}.shop-spec dt:after{content:":"}.shop-spec dd{margin:0;color:var(--ink);font-weight:600}.shop-drawer{position:fixed;inset:0;z-index:1001;pointer-events:none;visibility:hidden}.shop-drawer--open{pointer-events:auto;visibility:visible}.shop-drawer .shop-scrim{opacity:0;transition:opacity .28s ease}.shop-drawer--open .shop-scrim{opacity:1}.shop-panel{position:absolute;top:0;right:0;bottom:0;width:min(430px,100%);background:var(--surface);display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(3,12,28,.3);transform:translateX(100%);transition:transform .32s cubic-bezier(.22,.9,.3,1)}.shop-drawer--open .shop-panel{transform:translateX(0)}.shop-panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--line)}.shop-panel-title{display:flex;align-items:center;gap:9px;font-family:Oswald,sans-serif;font-size:17px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin:0;color:var(--ink)}.shop-panel-n{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--gold);color:#08182f;display:grid;place-items:center;font-family:Roboto,sans-serif;font-size:12px;font-weight:700}.shop-panel-x{width:34px;height:34px;border:0;border-radius:50%;background:var(--bg);color:var(--ink-2);display:grid;place-items:center;cursor:pointer}.shop-lines{list-style:none;margin:0;padding:6px 20px;overflow-y:auto;flex:1 1}.shop-line{display:grid;grid-template-columns:62px 1fr auto;grid-gap:12px;gap:12px;padding:14px 0;border-bottom:1px solid var(--line-soft)}.shop-line-thumb{width:62px;height:62px;border-radius:9px;background:var(--tile);border:1px solid var(--line);overflow:hidden;display:grid;place-items:center}.shop-line-thumb img{width:100%;height:100%;object-fit:contain;padding:5px}.shop-line-name{margin:0;font-size:14.5px;font-weight:600;color:var(--ink)}.shop-line-meta{margin:2px 0 8px;font-size:12px;color:var(--ink-3)}.shop-line-controls{display:flex;align-items:center;gap:12px}.shop-line-del{border:0;background:none;padding:0;font-size:12.5px;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px;cursor:pointer}@media (hover:hover){.shop-line-del:hover{color:var(--danger)}}.shop-line-total{margin:0;font-family:Oswald,sans-serif;font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap}.shop-panel-foot{padding:16px 20px 20px;border-top:1px solid var(--line);background:var(--surface)}.shop-sub-row{display:flex;align-items:baseline;justify-content:space-between;font-size:13px;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-3)}.shop-sub-amt{font-family:Oswald,sans-serif;font-size:24px;font-weight:700;color:var(--ink);text-transform:none}.shop-sub-note{margin:4px 0 14px;font-size:11.5px;color:var(--ink-3)}.shop-checkout{width:100%;height:50px;border:0;border-radius:10px;background:var(--gold);color:#08182f;font-family:Oswald,sans-serif;font-size:15px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;cursor:pointer;transition:background .18s ease}@media (hover:hover){.shop-checkout:hover{background:#ffc22e}}.shop-checkout:disabled{opacity:.65;cursor:progress}.shop-keep{width:100%;margin-top:10px;border:0;background:none;font-size:13px;color:var(--ink-3);cursor:pointer;padding:6px}.shop-err{margin:0 0 12px;padding:10px 12px;border-radius:8px;background:rgba(192,38,38,.1);color:var(--danger);font-size:13px;line-height:1.4}.shop[data-skin=dark] .shop-err{color:#ff9d9d}.shop-empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 30px;text-align:center}.shop-empty-icon{width:46px;height:46px;color:var(--ink-3);opacity:.55}.shop-empty-title{margin:8px 0 0;font-size:16px;font-weight:700;color:var(--ink)}.shop-empty-text{margin:0;font-size:13.5px;color:var(--ink-3);max-width:30ch;line-height:1.5}.shop-empty-btn{margin-top:14px;height:42px;padding:0 22px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:13.5px;font-weight:600;cursor:pointer}.shop-mini{position:fixed;left:14px;right:14px;bottom:14px;z-index:900;display:none;align-items:center;gap:10px;height:54px;padding:0 16px;border:0;border-radius:12px;background:var(--navy);color:#fff;box-shadow:0 10px 30px rgba(2,12,28,.4);cursor:pointer}.shop-mini-n,.shop[data-skin=dark] .shop-mini{color:#08182f}.shop-mini-n{min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:var(--gold);display:grid;place-items:center;font-size:12.5px;font-weight:700}.shop-mini-label{font-family:Oswald,sans-serif;font-size:13px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase}.shop-mini-total{margin-left:auto;font-family:Oswald,sans-serif;font-size:17px;font-weight:700}@media (max-width:760px){.shop-hero{padding:18px}.shop-title{padding:6px 0}.shop-sub{font-size:13px}.shop-toolbar-in{padding:9px 14px;gap:10px;flex-wrap:nowrap}.shop-filters{min-width:0}.shop-sort{display:none}.shop-toolbar-right{margin-left:auto}.shop-cartbtn-text{display:none}.shop-main{padding:0 14px 96px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.shop-card-body{padding:11px 11px 13px}.shop-card-link{font-size:15px}.shop-card-desc{font-size:12px}.shop-card-amount{font-size:19px}.shop-tile-img{padding:9px}.shop-size{min-width:34px;height:32px;font-size:11.5px}.shop-add,.shop-step{height:40px}.shop-mini{display:flex}.shop-modal{padding:0;place-items:end stretch}.shop-modal-box{grid-template-columns:1fr;width:100%;max-height:92vh;border-radius:16px 16px 0 0}.shop-modal-media{padding:16px 16px 0}.shop-modal-body{padding:16px 20px 24px}.shop-modal-name{font-size:24px}.shop-policies{margin-top:34px;gap:18px}}@media (prefers-reduced-motion:reduce){.shop-card,.shop-panel,.shop-quick,.shop-scrim,.shop-tile-img{transition:none}}