.phead{padding:56px 0 64px;position:relative;overflow:hidden}.phead:before{content:"";background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 60%);mask-image:linear-gradient(90deg,#0000,#000 60%)}.crumbs{font:500 13px var(--font-mono);color:#9aa3af;flex-wrap:wrap;gap:10px;display:flex;position:relative}.crumbs a{color:#c9ced6;text-decoration:none}.crumbs a:hover{color:#ffc81e}.title{font-family:var(--font-display);text-transform:uppercase;font-style:italic;font-weight:900;font-stretch:125%;font-size:var(--fs-display);letter-spacing:-.02em;margin:20px 0 0;line-height:.95;position:relative}.title span{animation:rise 1s var(--ease) both;display:inline-block}@keyframes rise{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:none}}.quick{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex;position:relative}.qpill{font:600 var(--fs-sm) var(--font-body);border-radius:var(--r-pill);color:#e5e7eb;cursor:pointer;background:#ffffff12;border:0;min-height:44px;padding:0 18px;transition:background .25s,color .25s,transform .25s}.qpill:hover{background:#ffffff24;transform:translateY(-2px)}.qpill.on{color:#0b0d10;background:#ffc81e}.qpill small{font:500 var(--fs-label) var(--font-mono);opacity:.7;margin-left:6px}.shop-bg{color:#0b0d10;background:#edeef0;padding:48px 0 120px}.shop{flex-wrap:wrap;align-items:flex-start;gap:40px;display:flex}.side{flex-direction:column;flex:260px;gap:28px;max-width:300px;display:flex;position:sticky;top:100px}@media (width<=960px){.side{max-width:none;display:none;position:static}.side.open{display:flex}}.main{flex:999 560px;min-width:0}.fbox h2{font:500 var(--fs-label) var(--font-mono);letter-spacing:var(--track);text-transform:uppercase;color:#3a414b;margin:0 0 12px}.flist{flex-direction:column;gap:2px;display:flex}.fcat{font:500 15px var(--font-body);color:#0b0d10;border-radius:var(--r-sm);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;min-height:44px;padding:0 14px;transition:background .2s;display:flex}.fcat:hover{background:#e0e2e6}.fcat.on{color:#ffc81e;background:#0b0d10}.fcat small{font:500 var(--fs-label) var(--font-mono);opacity:.8}.fchk{cursor:pointer;align-items:center;gap:12px;min-height:40px;font-size:15px;display:flex}.fchk input{accent-color:#0b0d10;width:20px;height:20px;margin:0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:600 var(--fs-sm) var(--font-body);border-radius:var(--r-pill);color:#0b0d10;cursor:pointer;background:#fff;border:0;min-height:44px;padding:0 16px;transition:background .2s,color .2s,box-shadow .2s;box-shadow:inset 0 0 0 1px #8a94a1}.chip:hover{box-shadow:inset 0 0 0 1.5px #0b0d10}.chip.on{color:#ffc81e;box-shadow:none;background:#0b0d10}.shop-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search{border-radius:var(--r-pill);color:#4b5360;background:#fff;flex:280px;align-items:center;gap:10px;min-height:52px;padding:0 18px;transition:box-shadow .2s;display:flex;box-shadow:inset 0 0 0 1px #8a94a1}.search:focus-within{box-shadow:inset 0 0 0 2px #0b0d10}.search input{font:500 var(--fs-body) var(--font-body);color:#0b0d10;background:0 0;border:0;outline:0;flex:1;min-width:0}.sel{border-radius:var(--r-pill);min-height:52px;font:500 15px var(--font-body);color:#0b0d10;cursor:pointer;background:#fff;border:0;padding:0 18px;box-shadow:inset 0 0 0 1px #8a94a1}.vt{border-radius:var(--r-pill);background:#fff;padding:4px;display:inline-flex;box-shadow:inset 0 0 0 1px #8a94a1}.vt button{border-radius:var(--r-pill);color:#4b5360;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid}.vt button.on{color:#ffc81e;background:#0b0d10}.ftoggle{display:none}@media (width<=960px){.ftoggle{display:inline-flex}}.meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:24px;display:flex}.count{font:500 var(--fs-sm) var(--font-mono);color:#3a414b}.active{flex-wrap:wrap;gap:8px;display:flex}.achip{color:#0b0d10;font:600 13px var(--font-body);border-radius:var(--r-pill);cursor:pointer;min-height:44px;animation:fadeUp .35s var(--ease) both;background:#ffc81e;border:0;align-items:center;gap:8px;padding:0 12px 0 14px;display:inline-flex}.clear{font:600 13px var(--font-body);color:#0b0d10;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0 8px;text-decoration:underline}.shop-bg .pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media (width<=1200px){.shop-bg .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.shop-bg .pgrid{grid-template-columns:minmax(0,1fr)}}.shop-bg .pcard{background:#f7f8f9;gap:14px}.shop-bg .pcard:hover{background:#fff;transform:translateY(-6px)}.shop-bg .pgrid.ra .pcard{animation:shopCardA .7s var(--ease) both}.shop-bg .pgrid.rb .pcard{animation:shopCardB .7s var(--ease) both}.shop-bg .pgrid .pcard:nth-child(2){animation-delay:50ms}.shop-bg .pgrid .pcard:nth-child(3){animation-delay:.1s}.shop-bg .pgrid .pcard:nth-child(4){animation-delay:.15s}.shop-bg .pgrid .pcard:nth-child(5){animation-delay:.2s}.shop-bg .pgrid .pcard:nth-child(6){animation-delay:.25s}.shop-bg .pgrid .pcard:nth-child(n+7){animation-delay:.3s}@keyframes shopCardA{0%{opacity:0;transform:translateY(32px)scale(.98)}to{opacity:1;transform:none}}@keyframes shopCardB{0%{opacity:0;transform:translateY(32px)scale(.98)}to{opacity:1;transform:none}}.cattag{font:500 var(--fs-label) var(--font-mono);letter-spacing:var(--track);text-transform:uppercase;color:#3a414b;border-radius:var(--r-pill);background:#edeef0;padding:6px 10px;position:absolute;top:12px;right:12px}.shop-bg .pgrid.list{grid-template-columns:minmax(0,1fr)}.shop-bg .pgrid.list .pcard{flex-direction:row;align-items:stretch}.shop-bg .pgrid.list .pimg{aspect-ratio:auto;flex:none;width:240px;min-height:170px}.shop-bg .pgrid.list .pbody{padding:10px 10px 6px}@media (width<=600px){.shop-bg .pgrid.list .pcard{flex-direction:column}.shop-bg .pgrid.list .pimg{width:auto}}.empty{border-radius:var(--r-lg);text-align:center;color:#0b0d10;background:#fff;padding:64px 24px}.empty b{font-family:var(--font-display);text-transform:uppercase;font-style:italic;font-weight:800;font-stretch:125%;font-size:var(--fs-h1);margin-bottom:10px;display:block}.pager{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:48px;display:flex}.pager button{border-radius:var(--r-pill);cursor:pointer;color:#0b0d10;min-width:48px;height:48px;font:600 var(--fs-sm) var(--font-mono);background:#fff;border:0;place-items:center;padding:0 14px;display:grid;box-shadow:inset 0 0 0 1px #8a94a1}.pager button.on{color:#ffc81e;box-shadow:none;background:#0b0d10}.pager button:hover{box-shadow:inset 0 0 0 1.5px #0b0d10}.pager .gap{color:#4b5360;align-self:center}.toast{z-index:70;color:#fff;border-radius:var(--r-pill);box-shadow:var(--shadow-2);background:#0b0d10;align-items:center;gap:16px;max-width:calc(100% - 32px);padding:10px 10px 10px 22px;transition:transform .5s cubic-bezier(.3,1.4,.5,1);display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%,140%)}.toast.show{transform:translate(-50%)}.toast a{color:#0b0d10;border-radius:var(--r-pill);white-space:nowrap;background:#ffc81e;align-items:center;min-height:44px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.toast a:hover{color:#0b0d10}