.shelf{--sh-cyan: var(--cyan, #00e5ff);--sh-mag: var(--mag, #ff2cd5);--sh-ink: var(--text, #e8e8f8);--sh-dim: var(--text-dim, #b8c2d9);--sh-meta: #93a9c0;--sh-card: rgba(10, 13, 40, .6);--sh-line: rgba(0, 229, 255, .3);--sh-faint: rgba(0, 229, 255, .16);--sh-bg: var(--bg, #04081f);--sh-card-w: clamp(118px, 15vw, 164px);max-width:none;margin:0 auto;padding:24px clamp(16px,2vw,32px) 72px;color:var(--sh-ink)}.shelf *,.shelf *:before,.shelf *:after{box-sizing:border-box}.shelf-h1{font-size:clamp(24px,3vw,34px);line-height:1.1;margin:4px 0 0;color:#fff}.shelf-sub{margin:6px 0 0;font-size:13px;color:var(--sh-dim)}.shelf-back{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sh-cyan);text-decoration:none}.shelf-back:hover{text-decoration:underline}.shelf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.shelf-gate{max-width:520px;margin:48px auto;text-align:center}.shelf-cta{display:block;max-width:300px;min-height:52px;margin:20px auto 0;padding:15px 14px;border-radius:10px;background:var(--sh-cyan);color:#04081f;font-weight:800;letter-spacing:.08em;text-decoration:none}.shelf-cta:hover{filter:brightness(1.08)}.shelf-bar{position:sticky;top:0;z-index:3;display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0 4px;padding:10px 0;background:var(--sh-bg);border-bottom:1px solid var(--sh-faint)}.shelf-toggle{display:inline-flex;border:1px solid var(--sh-line);border-radius:999px;overflow:hidden}.shelf-toggle button{background:none;border:0;color:var(--sh-dim);padding:0 16px;min-height:40px;font:inherit;font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.shelf-toggle button.is-on{background:var(--sh-cyan);color:#04081f;font-weight:700}.shelf-find{flex:1 1 220px;max-width:360px;min-height:40px;padding:8px 12px;border-radius:8px;border:1px solid var(--sh-line);background:var(--sh-card);color:var(--sh-ink);font:inherit;font-size:13px}.shelf-find::placeholder{color:var(--sh-meta)}.shelf-find:focus{outline:2px solid var(--sh-cyan);outline-offset:1px}.shelf-group{margin-top:10px}.shelf-h2{font-size:17px;margin:28px 0 12px;color:#fff;display:flex;align-items:baseline;gap:10px}.shelf-n{font-size:12px;font-weight:400;color:var(--sh-meta);letter-spacing:.04em}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--sh-card-w),1fr));gap:18px 12px}.shelf-card{display:flex;flex-direction:column;gap:6px;min-width:0;position:relative}.shelf-card>a{text-decoration:none;color:inherit;display:block}.shelf-cov{display:block;width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;border-radius:3px;background:#0b1230}.shelf-cov-x{border:1px dashed var(--sh-faint)}.shelf-card-t{font-size:12px;line-height:1.32;color:#fff}.shelf-card-t:hover{color:var(--sh-cyan)}.shelf-card-d{font-size:10px;line-height:1.45;color:var(--sh-meta)}.shelf-card-d b{display:block;font-weight:600;color:var(--sh-ink)}.shelf-card-p{font-size:11px;color:var(--sh-dim)}.shelf-qty{position:absolute;top:6px;right:6px;background:var(--sh-mag);color:#fff;font-size:11px;font-weight:800;padding:2px 7px;border-radius:999px}.shelf-empty{font-size:13px;color:var(--sh-meta);margin:18px 0 0;max-width:60ch}.shelf-empty a{color:var(--sh-cyan)}.shelf-retry{margin-left:8px;background:none;border:1px solid var(--sh-line);color:var(--sh-cyan);border-radius:999px;padding:6px 14px;font:inherit;font-size:12px;cursor:pointer;min-height:36px}@media(max-width:1180px){.shelf{--sh-card-w: clamp(112px, 18vw, 160px)}}@media(max-width:640px){.shelf{--sh-card-w: clamp(104px, 28vw, 140px)}.shelf-toggle{width:100%}.shelf-toggle button{flex:1 1 50%}.shelf-find{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/181/assets/symh-shelf-all.css.map */