.vt-shop{padding:clamp(28px,4vw,56px) 0 clamp(64px,8vw,120px);background:var(--bg);--k1200:#ff4a0a;--k1600:#ff6a16;--k1800:#ff8f2e;--k2000:#ffad57;--k2700:#ffd6a1;--k4000:#d6e8ee}html[data-band=noc] .vt-shop{--k4000:#e6f3f7}.vt-shop .shop-head{max-width:720px}.vt-shop .shop-head h1{font-size:clamp(34px,4.6vw,56px);margin-top:12px}.vt-shop .shop-head p{margin-top:14px;font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--ink);max-width:40em}.vt-shop .shop-head .btn{margin-top:22px;font-weight:400}.vt-shop.is-compact{padding-top:clamp(40px,6vw,88px)}.vt-shop.is-compact .shop-head h2{font:700 clamp(28px,3.2vw,42px)/1.12 var(--display);letter-spacing:-.02em;color:var(--ink-strong);margin-top:10px}.vt-shop.is-compact .shelf{padding-top:clamp(22px,3vw,36px)}.vt-shop .shop-chips{position:sticky;top:78px;z-index:30;margin:clamp(24px,3vw,36px) 0 0;pointer-events:none;transition:top .32s cubic-bezier(.2,.7,.2,1)}body.hdr-hidden .vt-shop .shop-chips{top:12px}.vt-shop .shop-chips .row{pointer-events:auto;display:flex;gap:2px;padding:4px;border-radius:999px;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none;background:color-mix(in oklab,var(--surface) 84%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 8px 24px -8px #0000002e,0 0 0 1px var(--line)}.vt-shop .shop-chips .row::-webkit-scrollbar{display:none}.vt-shop .shop-chips a{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;font:400 15px/1 var(--sans);color:var(--ink);white-space:nowrap;transition:background .2s ease,color .2s ease}.vt-shop .shop-chips a small{font:400 11px/1 var(--mono);color:var(--ink-faint)}.vt-shop .shop-chips a:hover{color:var(--ink-strong)}.vt-shop .shop-chips a.on{background:var(--ink-strong);color:var(--bg)}.vt-shop .shop-chips a.on small{color:color-mix(in oklab,var(--bg) 70%,transparent)}@media(max-width:900px){.vt-shop .shop-chips{top:110px}}.vt-shop .shelf{padding-top:clamp(40px,5vw,64px);scroll-margin-top:140px}.vt-shop .shelf-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px 24px;flex-wrap:wrap;margin-bottom:20px}.vt-shop .shelf-head h2{font-size:clamp(26px,2.8vw,36px)}.vt-shop .shelf-head p{font-size:16px;color:var(--ink);max-width:42em}.vt-shop .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(12px,1.6vw,20px)}.vt-shop .pcard{position:relative;display:flex;flex-direction:column;background:var(--surface);border-radius:20px;overflow:hidden;color:inherit;transition:transform .25s ease,box-shadow .25s ease}.vt-shop .pcard:hover{transform:translateY(-3px);box-shadow:0 18px 40px -18px #00000040}.vt-shop .pcard .im{position:relative;aspect-ratio:1/1;background:#f6f6f6}.vt-shop .pcard .im img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.vt-shop .pcard .tag{position:absolute;top:14px;left:14px;z-index:2;font:400 12px/1 var(--sans);color:var(--ink-strong);background:color-mix(in oklab,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 0 1px var(--line);padding:7px 11px;border-radius:999px}.vt-shop .pcard .pb{display:flex;flex-direction:column;gap:8px;flex:1;padding:18px 20px 20px}.vt-shop .pcard h3{font-size:20px;line-height:1.2}.vt-shop .pcard .ln{font-size:15px;line-height:1.45;color:var(--ink)}.vt-shop .pcard .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.vt-shop .pcard .chip{display:inline-flex;flex-direction:column;gap:5px;padding:6px 9px 7px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line-strong);font:400 12px/1 var(--sans);color:var(--ink-strong)}.vt-shop .pcard .chip .kb{display:block;width:44px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--k1) 0 calc(33.333% - 1px),transparent 0 calc(33.333% + 1px),var(--k2) 0 calc(66.666% - 1px),transparent 0 calc(66.666% + 1px),var(--k3) 0)}.vt-shop .pcard .pr{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;align-items:baseline;gap:4px 10px;flex-wrap:wrap;font-size:17px;color:var(--ink-strong)}.vt-shop .pcard .pr small{font-size:13.5px;color:var(--ink-faint)}.vt-shop .pcard.guide{background:transparent;justify-content:center;gap:12px;padding:28px 24px;min-height:220px;outline:1px dashed var(--line-strong);outline-offset:-1px}.vt-shop .pcard.guide .gq{font:400 24px/1.2 var(--sans);color:var(--ink-strong)}.vt-shop .pcard.guide p{font-size:15px;line-height:1.5;color:var(--ink)}.vt-shop .pcard.guide .go{font-size:15px;color:var(--ink-strong)}.vt-shop .pcard.guide:hover{transform:none;box-shadow:none;outline-color:var(--ink-faint)}.vt-shop>.wrap{position:relative}.vt-shop.is-tabs{padding-top:clamp(40px,6vw,88px)}.vt-shop.is-tabs .shop-head h2{font:700 clamp(28px,3.2vw,42px)/1.12 var(--display);letter-spacing:-.02em;color:var(--ink-strong);margin-top:10px}.vt-shop.is-tabs .shop-chips{position:relative;top:auto;margin-top:clamp(20px,2.6vw,30px)}.vt-shop.is-tabs .shop-chips button{display:inline-flex;align-items:center;padding:11px 18px;border:0;border-radius:999px;background:none;font:400 15px/1 var(--sans);color:var(--ink);white-space:nowrap;cursor:pointer;transition:background .2s ease,color .2s ease}.vt-shop.is-tabs .shop-chips button:hover{color:var(--ink-strong)}.vt-shop.is-tabs .shop-chips button.on{background:var(--ink-strong);color:var(--bg)}.vt-shop.is-tabs .shop-chips button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.vt-shop.is-tabs .shelf{padding-top:clamp(16px,2vw,22px);scroll-margin-top:0}.vt-shop.is-tabs .shelf[hidden]{display:none}.vt-shop.is-tabs .shelf-line{margin:0 0 16px;font-size:16px;color:var(--ink)}.vt-shop.is-tabs .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vt-shop.is-tabs .shelf-more{display:inline-flex;gap:8px;margin-top:20px;font-size:16px;color:var(--ink-strong);border-bottom:1px solid var(--line-strong);padding-bottom:2px}.vt-shop.is-tabs .shelf-more:hover{border-color:var(--ink-strong)}@media(max-width:900px){.vt-shop.is-tabs .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.vt-shop.is-tabs .grid{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--gut,20px));padding:0 var(--gut,20px) 4px;scroll-padding:0 var(--gut,20px)}.vt-shop.is-tabs .grid::-webkit-scrollbar{display:none}.vt-shop.is-tabs .grid .pcard{flex:0 0 66%;scroll-snap-align:start}.vt-shop.is-tabs .shop-chips button{padding:10px 14px;font-size:14px}}@media(max-width:640px){.vt-shop .grid{grid-template-columns:1fr 1fr;gap:10px}.vt-shop .pcard .pb{padding:12px 12px 14px;gap:6px}.vt-shop .pcard h3{font-size:16px}.vt-shop .pcard .ln{font-size:13px}.vt-shop .pcard .pr{font-size:15px}.vt-shop .pcard .chip .kb{width:30px}.vt-shop .pcard.guide{grid-column:1/-1;min-height:0}}@media(prefers-reduced-motion:reduce){.vt-shop .pcard,.vt-shop .shop-chips{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/vitae-shop.css.map */