.vol { position: relative; padding-block: clamp(88px, 9vw, 128px) clamp(72px, 10vw, 144px); }
.vol.is-page { padding-top: 0; }
.vol-head { margin-bottom: clamp(28px, 3.6vw, 52px); }
.vol-config { position: relative; min-height: 560px; padding: clamp(16px, 2.8vw, 40px); border-radius: var(--r-2); background: var(--bg-1); border: var(--bw) solid var(--line); }
.vol-fallback { list-style: none; margin: 0; padding: 0; }
.vol-fallback a { display: grid; grid-template-columns: 184px minmax(0, 1fr) minmax(0, 1fr) auto; gap: var(--s-4); align-items: center; padding: var(--s-4) 0; border-bottom: var(--bw) solid var(--line); text-decoration: none; }
.vol-fallback b { font: 600 clamp(17px, 1.6vw, 21px)/1.2 var(--display); }
.vol-fallback span:not(.pf, .pf *) { font-size: var(--t-small); color: var(--fg-3); }
.vol-fallback i { font: 600 var(--f-lg)/1 var(--display); font-style: normal; white-space: nowrap; }
@media (max-width: 760px) { .vol-fallback a { grid-template-columns: minmax(0, 1fr) auto; } .vol-fallback .pf, .vol-fallback span { grid-column: 1 / -1; } }
.co.co-wide { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 400px); gap: clamp(24px, 3.6vw, 56px); align-items: start; max-height: none; }
.co-main { display: grid; gap: clamp(22px, 2.4vw, 32px); min-width: 0; }
.co-main > :empty { display: none; }
.co-main > [data-co-options] { display: grid; gap: clamp(22px, 2.4vw, 32px); }
.co-details { display: grid; gap: var(--s-5); padding-top: clamp(22px, 2.4vw, 32px); border-top: var(--bw) solid var(--line); animation: offer-in var(--dur-3) var(--ease); }
.co-details > :empty { display: none; }
.co-details-title { font: 600 clamp(20px, 2vw, 26px)/1.15 var(--display); letter-spacing: -.02em; }
.co-side { --tint: #c7ff3d; position: sticky; top: calc(var(--header-h) + var(--pv-h) + 24px); display: grid; gap: var(--s-4); padding: clamp(18px, 2vw, 28px); border-radius: var(--r-3); background: var(--bg); border: var(--bw) solid var(--line-strong); isolation: isolate; transition: --tint var(--dur-3) var(--ease); }
.co-side[data-platform='yandex'] { --tint: #ffb02e; } .co-side[data-platform='vk'] { --tint: #3d6bff; } .co-side[data-platform='bandlink'] { --tint: #8b5cff; }
@property --tint { syntax: '<color>'; inherits: true; initial-value: #c7ff3d; }
.co-side { gap: var(--s-3); padding: clamp(16px, 1.6vw, 20px); }
.co-bar { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); min-width: 0; }
.co-side .co-summary { flex: 1 1 auto; min-width: 0; padding: 0; border: 0; background: none; }
.co-brief { display: grid; gap: 4px; margin: 0; min-width: 0; }
.co-brief b { font: 600 var(--f-md)/1.2 var(--display); letter-spacing: -.01em; color: var(--fg); overflow-wrap: anywhere; }
.co-brief span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--f-sm); color: var(--fg-3); }
.co-brief .co-bis-tag { color: var(--acid); font-weight: 600; }
.co-brief .co-bis-tag s { color: var(--fg-3); font-weight: 400; }
.co-brief i { display: inline-block; width: 7px; height: 7px; margin: 0 7px 1px 0; vertical-align: middle; border-radius: 50%; background: var(--tint); }
.co-side .co-total { flex: none; display: block; }
.co-side .co-total b { font: 600 clamp(28px, 2.6vw, 36px)/1 var(--display); letter-spacing: -.035em; color: var(--acid); white-space: nowrap; }
.co-go { gap: 10px; min-height: 56px; border-radius: var(--r-pill); font-size: var(--f-md); transition: transform var(--dur-1) var(--ease), box-shadow var(--dur-2) var(--ease), background var(--dur-2); }
.co-go-arrow { flex: none; transition: transform var(--dur-2) var(--ease); }
.co-go:hover { box-shadow: 0 10px 32px -10px rgba(199, 255, 61, .55); }
.co-go:hover .co-go-arrow { transform: translateX(3px); }
.co-go:active { transform: scale(.985); }
.co-side .co-note { display: block; margin-top: -2px; padding: 0; background: none; text-align: center; font-size: var(--f-xs); color: var(--fg-3); }
@media (prefers-reduced-motion: reduce) { .co-go, .co-go-arrow { transition: none; } .co-go:hover .co-go-arrow { transform: none; } }
@media (max-width: 420px) { .co-side .co-total b { font-size: var(--f-2xl); } .co-brief b { font-size: var(--f-md); } }
.co-pick { border: 0; margin: 0; padding: 0; min-width: 0; }
.co-pick legend { padding: 0; margin-bottom: 10px; font-size: var(--t-small); font-weight: 500; color: var(--fg-2); }
.co-seg { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: var(--s-2); }
.co-opt { position: relative; display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 10px 16px; border: var(--bw) solid var(--line-strong); border-radius: var(--r-2); background: var(--bg); cursor: pointer; transition: border-color var(--dur-2), background var(--dur-2), color var(--dur-2); }
.co-opt input { position: absolute; opacity: 0; pointer-events: none; }
.co-opt img { width: 26px; height: 26px; border-radius: var(--r-1); flex: none; }
.co-opt span { display: grid; gap: 3px; min-width: 0; }
.co-opt b { font: 600 var(--f-md)/1.2 var(--display); letter-spacing: -.01em; }
.co-opt small { font-size: var(--f-sm); opacity: .7; }
.co-opt:hover { border-color: var(--fg); }
.co-opt:has(input:checked) { background: var(--fg); border-color: var(--fg); color: var(--bg); }
.co-opt:has(input:focus-visible) { box-shadow: var(--focus); }
.co-opt:has(input:disabled) { opacity: .5; cursor: not-allowed; }
.stepper { display: grid; grid-template-columns: var(--control) minmax(0, 1fr) var(--control); width: min(100%, 300px); border: var(--bw) solid var(--line-strong); border-radius: var(--r-2); background: var(--field); transition: border-color var(--dur-2), box-shadow var(--dur-2); }
.stepper:focus-within { border-color: var(--fg); box-shadow: 0 0 0 3px var(--acid-soft); }
.stepper:has([aria-invalid='true']) { border-color: var(--danger); box-shadow: 0 0 0 3px var(--danger-soft); }
.stepper .input { min-height: calc(var(--control) - 2px); border: 0; border-radius: 0; background: none; box-shadow: none; text-align: center; font: 600 var(--f-lg)/1 var(--display); padding: 0 6px; max-width: none; }
.stepper .input:focus { box-shadow: none; }
.step { display: grid; place-items: center; min-height: calc(var(--control) - 2px); border: 0; background: none; color: var(--fg); font: 500 var(--f-xl)/1 var(--font); cursor: pointer; border-radius: calc(var(--r-2) - 1px); transition: background var(--dur-2); }
.step:hover:not(:disabled) { background: var(--surface-2); }
.step:active:not(:disabled) { background: var(--surface-3); }
.step:disabled { color: var(--fg-3); opacity: .5; cursor: not-allowed; }
.co-qty { display: grid; gap: var(--s-3); justify-items: start; }
.vq { display: grid; gap: var(--s-4); }
.vq-top { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-3) var(--s-5); }
.vq .stepper { --control: 64px; width: min(100%, 340px); border-radius: var(--r-3); }
.vq .stepper .input { font-size: clamp(26px, 2.6vw, 34px); letter-spacing: -.03em; font-weight: 600; }
.vq .step { font-size: var(--f-2xl); border-radius: calc(var(--r-3) - 1px); }
.vq-unit { display: grid; gap: 2px; font-size: var(--t-small); color: var(--fg-3); }
.vq-unit b { font: 600 var(--f-lg)/1.2 var(--display); color: var(--fg); letter-spacing: -.01em; }
.vq-range { position: relative; display: grid; padding-bottom: 24px; }
.range { --f: 0; --on: var(--acid); --ring: rgba(199, 255, 61, 0); -webkit-appearance: none; appearance: none; display: block; width: 100%; height: 44px; margin: 0; padding: 0; background: transparent; cursor: pointer; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.range:focus-visible { outline: 2px solid var(--acid); outline-offset: 2px; border-radius: var(--r-pill); box-shadow: none; }
.range::-webkit-slider-runnable-track { height: 10px; border-radius: var(--r-1); background: linear-gradient(to right, var(--on) calc(22px + (100% - 44px) * var(--f)), var(--line-strong) 0); }
.range::-moz-range-track { height: 10px; border-radius: var(--r-1); background: linear-gradient(to right, var(--on) calc(22px + (100% - 44px) * var(--f)), var(--line-strong) 0); }
.range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 44px; height: 44px; margin-top: -17px; border: 0; border-radius: 50%; cursor: grab; background: radial-gradient(circle, var(--on) 0 5px, var(--text) 5.6px 14px, var(--ring) 14.6px 20px, transparent 20.6px); transition: transform var(--dur-1) var(--ease); }
.range::-moz-range-thumb { width: 44px; height: 44px; border: 0; border-radius: 50%; cursor: grab; background: radial-gradient(circle, var(--on) 0 5px, var(--text) 5.6px 14px, var(--ring) 14.6px 20px, transparent 20.6px); transition: transform var(--dur-1) var(--ease); }
.range:hover, .range:focus-visible { --ring: rgba(199, 255, 61, .22); }
.range:active { --ring: rgba(199, 255, 61, .36); cursor: grabbing; }
.range:active::-webkit-slider-thumb { cursor: grabbing; transform: scale(1.08); }
.range:active::-moz-range-thumb { cursor: grabbing; transform: scale(1.08); }
.range[aria-invalid='true'] { --on: var(--danger); }
.range:disabled { opacity: .45; cursor: not-allowed; }
.range:disabled::-webkit-slider-thumb { cursor: not-allowed; }
.range:disabled::-moz-range-thumb { cursor: not-allowed; }
.vq-marks { position: absolute; left: 0; right: 0; top: 36px; height: 22px; font-size: var(--f-xs); color: var(--fg-3); pointer-events: none; }
.vq-marks span { --at: 0; position: absolute; top: 0; left: calc(22px + (100% - 44px) * var(--at)); padding-top: 9px; white-space: nowrap; transform: translateX(-50%); }
.vq-marks span::before { content: ''; position: absolute; left: 50%; top: 0; width: 1px; height: 5px; background: var(--line-strong); }
.vq-marks span:first-child { left: 0; transform: none; } .vq-marks span:first-child::before { left: 22px; }
.vq-marks span:last-child { left: auto; right: 0; transform: none; } .vq-marks span:last-child::before { left: auto; right: 22px; }
.vq-presets { display: grid; grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)); gap: var(--s-2); }
.vq-preset { display: grid; gap: 5px; align-content: center; justify-items: start; min-height: 62px; padding: 10px 14px; border: var(--bw) solid var(--line-strong); border-radius: var(--r-2); background: var(--bg); color: var(--fg); text-align: left; cursor: pointer; transition: border-color var(--dur-2), background var(--dur-2), color var(--dur-2); }
.vq-preset b { font: 600 var(--f-md)/1 var(--display); letter-spacing: -.01em; white-space: nowrap; }
.vq-preset span { font-size: var(--f-sm); line-height: 1; color: var(--fg-3); white-space: nowrap; }
.vq-preset:hover:not(:disabled) { border-color: var(--fg); }
.vq-preset[aria-pressed='true'] { background: var(--fg); border-color: var(--fg); color: var(--bg); }
.vq-preset[aria-pressed='true'] span { color: inherit; opacity: .68; }
.vq-preset:disabled { opacity: .5; cursor: not-allowed; }
.co-steps { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 10px; min-width: 0; }
.co-steps li { display: flex; align-items: center; gap: 10px; min-width: 0; }
.co-steps li + li::before { content: ''; flex: none; width: clamp(14px, 4vw, 48px); height: 1px; background: var(--line-strong); }
.co-step { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0; border: 0; background: none; color: var(--fg-3); font: 600 var(--f-sm)/1.2 var(--font); cursor: pointer; text-align: left; transition: color var(--dur-2); }
.co-step b { display: grid; place-items: center; flex: none; width: 28px; height: 28px; border-radius: 50%; border: var(--bw) solid var(--line-strong); font: 600 var(--f-sm)/1 var(--display); transition: background var(--dur-2), border-color var(--dur-2), color var(--dur-2); }
.co-step:hover { color: var(--fg); }
.co-step[aria-current='step'] { color: var(--fg); }
.co-step[aria-current='step'] b { background: var(--acid); border-color: var(--acid); color: var(--acid-ink); }
.co-step.is-done b { border-color: var(--acid); color: var(--acid); }
.co-dock { display: none; }
.vq-smart { display: grid; gap: 10px; padding: 14px 16px; border-radius: var(--r-2); border: var(--bw) dashed var(--line-strong); background: linear-gradient(180deg, rgba(199, 255, 61, .05), rgba(199, 255, 61, 0) 75%); transition: border-color var(--dur-2), background var(--dur-2); }
.vq-smart:focus-within { border-style: solid; border-color: color-mix(in srgb, var(--acid) 55%, transparent); background: linear-gradient(180deg, rgba(199, 255, 61, .08), rgba(199, 255, 61, 0) 75%); }
.vq-smart label { display: flex; align-items: center; gap: 10px; font-size: var(--t-small); font-weight: 600; color: var(--fg); }
.vq-smart label svg { flex: none; color: var(--acid); }
.vq-smart .input { min-height: 50px; background: rgba(10, 10, 10, .6); }
.vq-smart-msg { display: flex; align-items: flex-start; gap: 8px; margin: 0; font-size: var(--f-sm); line-height: 1.4; color: var(--fg-3); }
.vq-smart-msg:empty { display: none; }
.vq-smart-msg.is-ok { color: var(--acid); }
.vq-smart-msg.is-warn { color: var(--warn); }
.vq-smart-msg .icon { flex: none; width: 16px; height: 16px; margin-top: 1px; }
.co-wide .co-opt { padding-right: 46px; border-color: var(--line-2); background: linear-gradient(180deg, rgba(244, 243, 238, .04), rgba(244, 243, 238, .012)); transition: border-color var(--dur-2), background var(--dur-2), box-shadow var(--dur-2), transform var(--dur-1) var(--ease); }
.co-wide .co-opt:hover { border-color: var(--fg-3); transform: translateY(-1px); }
.co-wide .co-opt:has(input:checked) { border-color: var(--acid); background: linear-gradient(180deg, rgba(199, 255, 61, .13), rgba(199, 255, 61, .04)); color: var(--fg); box-shadow: inset 0 0 0 1px var(--acid), 0 16px 36px -24px rgba(199, 255, 61, .75); }
.co-wide .co-opt:has(input:checked) small { color: var(--acid); opacity: 1; }
.co-wide .co-opt::after { content: ''; position: absolute; top: 50%; right: 14px; width: 20px; height: 20px; margin-top: -10px; border-radius: 50%; border: var(--bw) solid var(--line-strong); transition: background-color var(--dur-2), border-color var(--dur-2); }
.co-wide .co-opt:has(input:checked)::after { border-color: var(--acid); background: var(--acid) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.8' fill='none' stroke='%230a0a0a' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat; }
.co-wide .vq-preset { position: relative; border-color: var(--line-2); background: linear-gradient(180deg, rgba(244, 243, 238, .04), rgba(244, 243, 238, .012)); transition: border-color var(--dur-2), background var(--dur-2), transform var(--dur-1) var(--ease); }
.co-wide .vq-preset:hover:not(:disabled) { transform: translateY(-1px); }
.co-wide .vq-preset[aria-pressed='true'] { border-color: var(--acid); background: linear-gradient(180deg, rgba(199, 255, 61, .15), rgba(199, 255, 61, .05)); color: var(--fg); box-shadow: inset 0 0 0 1px var(--acid); }
.co-wide .vq-preset[aria-pressed='true'] span { color: var(--acid); opacity: 1; }
.vq-hot { position: absolute; top: -9px; right: 10px; padding: 3px 8px; border-radius: var(--r-pill); background: var(--acid); color: var(--acid-ink); font: 600 var(--f-xs)/1 var(--font); font-style: normal; letter-spacing: .02em; white-space: nowrap; }
.co-wide .co-side { background: radial-gradient(120% 60% at 100% 0%, color-mix(in srgb, var(--tint) 13%, transparent), transparent 62%), var(--bg); box-shadow: 0 30px 60px -42px rgba(0, 0, 0, .85); }
.co-kicker { margin: 0; font: 500 var(--f-xs)/1 var(--font); letter-spacing: 0; color: var(--fg-3); }
.co-was { display: block; margin-bottom: 4px; font-size: var(--f-sm); color: var(--fg-3); text-align: right; }
.co-was[hidden] { display: none; }
.co-facts { list-style: none; margin: 0; padding: 12px 0 2px; display: grid; gap: 9px; border-top: var(--bw) solid var(--line); }
.co-facts:empty { display: none; }
.co-facts li { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: var(--f-sm); }
.co-facts span { color: var(--fg-3); }
.co-facts b { display: inline-flex; align-items: center; gap: 7px; min-width: 0; font-weight: 600; color: var(--fg); text-align: right; }
.co-facts img { flex: none; border-radius: var(--r-1); }
.co-facts .is-bis span, .co-facts .is-bis b { color: var(--acid); }
.co-after { list-style: none; counter-reset: co-after; margin: 2px 0 0; padding: 14px 0 0; display: grid; gap: 10px; border-top: var(--bw) solid var(--line); }
.co-after li { counter-increment: co-after; display: grid; grid-template-columns: 22px minmax(0, 1fr); column-gap: 10px; row-gap: 1px; font-size: var(--f-xs); color: var(--fg-3); }
.co-after li::before { content: counter(co-after); grid-row: span 2; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: rgba(244, 243, 238, .06); color: var(--fg-2); font: 600 var(--f-xs)/1 var(--display); }
.co-after b { font-size: var(--f-sm); font-weight: 600; color: var(--fg); }
@media (max-width: 860px) { .co-after, .co-kicker { display: none; } }
@media (max-width: 640px) { .co-wide .vq-range { display: none; } .co-wide .co-opt { padding-right: 42px; } .co-wide .co-opt::after { right: 12px; } }
@media (prefers-reduced-motion: reduce) { .co-wide .co-opt, .co-wide .vq-preset { transition: none; } .co-wide .co-opt:hover, .co-wide .vq-preset:hover:not(:disabled) { transform: none; } }
.vq .chip { min-height: 44px; }
@media (max-width: 1240px) {
  .co.co-wide { grid-template-columns: minmax(0, 1fr); gap: var(--s-5); }
  .co-side { position: relative; top: auto; }
  .vol-config { min-height: 820px; }
  .co-dock { position: fixed; z-index: 44; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: var(--s-3); padding: 10px var(--gutter) calc(10px + env(safe-area-inset-bottom)); background: var(--bg-1); border-top: var(--bw) solid var(--line-strong); transform: translate3d(0, 110%, 0); visibility: hidden; transition: transform var(--dur-2) var(--ease), visibility var(--dur-1) var(--dur-2); }
  .co-dock.is-on { transform: none; visibility: visible; transition: transform var(--dur-2) var(--ease); }
  .co-dock-sum { flex: 1 1 auto; min-width: 0; display: grid; gap: 3px; margin: 0; }
  .co-dock-sum span { font-size: var(--f-xs); color: var(--fg-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .co-dock-sum b { font: 600 var(--f-xl)/1 var(--display); letter-spacing: -.03em; color: var(--acid); white-space: nowrap; }
  .co-dock .btn { flex: none; min-width: 46%; }
}
@media (max-width: 560px) {
  .co-seg-pf { grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); }
  .co-seg-pf .co-opt { min-height: 52px; padding: 8px 12px; gap: 9px; } .co-seg-pf .co-opt b { font-size: var(--f-md); } .co-seg-pf .co-opt img { width: 22px; height: 22px; border-radius: var(--r-1); }
  .co-seg-res { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .co-seg-res .co-opt { min-height: 52px; padding: 8px 14px; }
  .co-seg-res .co-opt span { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s-3); width: 100%; }
  .co-seg-res .co-opt small { flex: none; }
  .vq-presets { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .vq-preset { padding: 10px 12px; } .vq-preset b { font-size: var(--f-md); }
  .co-step span { font-size: var(--f-sm); }
  .vq-unit { display: flex; align-items: baseline; gap: 10px; }
  @media (prefers-reduced-motion: reduce) { .co-dock, .co-dock.is-on { transition: none; } }
}
@media (max-width: 560px) { .stepper, .vq .stepper { width: 100%; } .co-wide .co-grid { grid-template-columns: 1fr; } .vq-top { gap: var(--s-2); } .vol-config { margin-inline: calc(var(--gutter) * -.5); } }
.packs { padding-block: var(--section); border-top: var(--bw) solid var(--line); }
.packs.is-page { border-top: 0; padding-top: clamp(40px, 6vw, 88px); }
.packs-head { margin-bottom: clamp(24px, 3vw, 44px); }
.tracks-more { margin-top: var(--s-6); color: var(--fg-2); }
.tracks-more a { color: var(--fg); font-weight: 600; }
.tracks-bar { position: relative; margin: 0 calc(var(--gutter) * -1) clamp(28px, 4vw, 56px); padding: 10px var(--gutter); background: none; }
.page .tracks-bar { position: sticky; top: calc(var(--header-h) + var(--pv-h)); z-index: 6; }
.page .tracks-bar::before { content: ''; position: absolute; inset: 0 calc(50% - 50vw); z-index: -1; pointer-events: none; background: rgba(10, 10, 10, .82); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: var(--bw) solid var(--line); opacity: 0; transition: opacity var(--dur-2) var(--ease); }
.page .tracks-bar.is-stuck::before { opacity: 1; }
.tracks-mark { height: 1px; margin-bottom: -1px; }
.seg-filter { display: inline-flex; flex-wrap: nowrap; gap: 2px; max-width: 100%; padding: 4px; border-radius: var(--r-pill); border: var(--bw) solid var(--line-2); background: var(--bg-1); overflow-x: auto; scrollbar-width: none; }
.seg-filter::-webkit-scrollbar { display: none; }
.seg-filter .chip { flex: none; min-height: 44px; padding: 0 18px 0 14px; gap: 9px; border-color: transparent; font-size: var(--f-md); font-weight: 600; }
.seg-filter .chip:hover { border-color: transparent; background: var(--bg-3); }
.seg-filter .chip[aria-pressed='true'] { background: var(--text); color: var(--bg); }
.seg-filter .chip img { width: 20px; height: 20px; border-radius: var(--r-1); }
.chip-n { font-size: var(--f-xs); font-weight: 500; opacity: .6; }
.tracks-empty { padding: var(--s-7) 0; color: var(--fg-2); }
.tracks-bar:has(.tracks-tools) { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-3) var(--s-4); }
.tracks-tools { display: flex; flex: 0 1 460px; gap: var(--s-2); min-width: 0; }
.tracks-tools .input { flex: 1 1 200px; min-width: 0; border-radius: var(--r-pill); padding-inline: 18px; }
.tracks-tools .select { flex: 0 0 auto; width: auto; border-radius: var(--r-pill); padding-left: 18px; }
@media (max-width: 640px) { .tracks-tools { flex: 1 1 100%; } .tracks-tools .select { flex: 1 1 150px; } }
@media (max-width: 640px) { .tracks-bar { padding-inline: calc(var(--gutter) - 4px); } .seg-filter { display: flex; border-radius: var(--r-2); } }
.side + .side { margin-top: clamp(56px, 7vw, 104px); }
.side-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--s-2) var(--s-5); align-items: baseline; padding-bottom: var(--s-4); border-bottom: var(--bw) solid var(--line-2); }
.side-id { font: 500 var(--f-sm)/1 var(--font); letter-spacing: 0; color: var(--acid); white-space: nowrap; }
.side-head :is(h2, h3, h4) { font-size: clamp(28px, 3vw, 48px); letter-spacing: -.04em; line-height: 1; font-weight: 500; }
.side-note { font-size: var(--t-small); color: var(--fg-3); text-align: right; }
.track-list { list-style: none; margin: 0; padding: 0; }
.track { border-bottom: var(--bw) solid var(--line); transition: background var(--dur-2); scroll-margin-top: calc(var(--header-h) + var(--pv-h) + 84px); }
.track-row { position: relative; display: grid; grid-template-columns: 76px minmax(0, 1fr) minmax(0, 190px) 9.6em 212px; column-gap: var(--s-5); align-items: center; padding: clamp(22px, 2.4vw, 34px) 0; cursor: pointer; }
.track-row::before { content: ''; position: absolute; inset: 0 -16px; border-radius: var(--r-2); background: var(--bg-1); opacity: 0; transition: opacity var(--dur-2); pointer-events: none; }
.track-row > * { position: relative; }
@media (hover: hover) { .track:not(.is-open) .track-row:hover::before { opacity: 1; } }
.track.is-open { margin-inline: -16px; padding-inline: 16px; border-radius: var(--r-3); border-bottom-color: transparent; background: var(--bg-1); }
.track:has(+ .track.is-open) { border-bottom-color: transparent; }
.track-no { position: relative; display: flex; align-items: center; gap: 10px; min-width: 0; margin: 0; font: 500 13px/1 var(--mono); letter-spacing: .06em; color: var(--fg-3); opacity: .7; }
.track-no .num { transition: opacity var(--dur-1); }
.eq { position: absolute; left: 0; top: 50%; display: flex; align-items: flex-end; gap: 3px; width: 20px; height: 16px; margin-top: -8px; opacity: 0; transition: opacity var(--dur-1); }
.eq i { flex: 1; height: 100%; border-radius: 1px; background: var(--acid); transform-origin: bottom; transform: scaleY(.3); }
.track.is-open .track-no .num { opacity: 0; } .track.is-open .eq { opacity: 1; }
.track.is-open .eq i { animation: eq 1s ease-in-out infinite alternate; }
@media (hover: hover) {
  .track-row:hover .track-no .num { opacity: 0; } .track-row:hover .eq { opacity: 1; }
  .track-row:hover .eq i { animation: eq 1s ease-in-out infinite alternate; }
}
.eq i:nth-child(2) { animation-delay: -.35s !important; animation-duration: .8s !important; } .eq i:nth-child(3) { animation-delay: -.6s !important; animation-duration: 1.15s !important; }
@keyframes eq { from { transform: scaleY(.25); } to { transform: scaleY(1); } }
.track-plat { margin: 0 0 2px; }
.pf { display: inline-flex; align-items: center; gap: 9px; min-width: 0; font: 600 var(--f-sm)/1.2 var(--font); color: var(--fg); }
.pf-logos { display: flex; flex: none; }
.pf-logos img { width: 28px; height: 28px; border-radius: var(--r-1); }
.pf-logos img + img { margin-left: -8px; box-shadow: 0 0 0 2px var(--bg); }
.track-main { display: grid; gap: 6px; min-width: 0; }
.track-title { font-size: clamp(22px, 2.2vw, 30px); letter-spacing: -.03em; line-height: 1.08; font-weight: 600; }
.track-title a { text-decoration: none; }
.track-title a:hover { text-decoration: underline; text-decoration-thickness: 2px; }
.track-result { font-size: var(--t-body); line-height: 1.45; color: var(--fg-2); overflow-wrap: anywhere; }
.track-more { font-size: var(--f-sm); line-height: 1.45; color: var(--fg-3); }
.track-flag { display: inline-flex; align-items: center; gap: 6px; margin-left: 12px; color: var(--accent-text); font-weight: 600; white-space: nowrap; }
.track-flag:first-child { margin-left: 0; }
.track-flag::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.track-term { margin: 0; display: grid; gap: 4px; }
.track-term dt { font: 500 var(--f-xs)/1 var(--font); color: var(--fg-3); }
.track-term dd { margin: 0; font-size: var(--f-sm); line-height: 1.35; }
.track-price { font: 500 clamp(24px, 2.5vw, 34px)/1 var(--display); letter-spacing: -.04em; white-space: nowrap; text-align: right; }
.track-price .from { font: 500 var(--f-sm)/1 var(--font); letter-spacing: 0; color: var(--fg-3); }
.track-action { display: grid; grid-template-columns: minmax(0, 1fr) var(--control); gap: var(--s-2); }
.track-action .btn { padding-inline: 12px; }
.track-more-btn { display: grid; place-items: center; width: var(--control); height: var(--control); padding: 0; border-radius: 50%; border: var(--bw) solid var(--line-strong); background: transparent; color: var(--fg); cursor: pointer; transition: border-color var(--dur-2), background var(--dur-2), color var(--dur-2); }
.track-more-btn:hover { border-color: var(--fg); }
.track-more-btn .chev { width: 16px; height: 16px; transition: transform var(--dur-2) var(--ease); }
.track-more-btn[aria-expanded='true'] { background: var(--fg); color: var(--bg); border-color: var(--fg); }
.track-more-btn[aria-expanded='true'] .chev { transform: rotate(180deg); }
.track.is-off .track-row { color: var(--fg-3); }
.track.is-off .track-title { color: var(--fg-2); }
.track-panel { padding: var(--s-5) 0 var(--s-6) calc(76px + var(--s-5)); border-top: var(--bw) solid var(--line); animation: offer-in var(--dur-3) var(--ease); }
@keyframes offer-in { from { opacity: 0; transform: translateY(-6px); } }
.js .side[data-reveal] { opacity: 1; transform: none; }
.js .side[data-reveal] .side-head, .js .side[data-reveal] .track { opacity: 0; transform: translateY(18px); transition: opacity var(--dur-3) var(--ease), transform var(--dur-3) var(--ease), background var(--dur-2); }
.js .side[data-reveal].in .side-head, .js .side[data-reveal].in .track { opacity: 1; transform: none; }
.js .side[data-reveal] .track:nth-child(1) { transition-delay: .06s; } .js .side[data-reveal] .track:nth-child(2) { transition-delay: .12s; }
.js .side[data-reveal] .track:nth-child(3) { transition-delay: .18s; } .js .side[data-reveal] .track:nth-child(4) { transition-delay: .24s; }
.js .side[data-reveal] .track:nth-child(n + 5) { transition-delay: .3s; }
@media (prefers-reduced-motion: reduce) { .js .side[data-reveal] .side-head, .js .side[data-reveal] .track { opacity: 1; transform: none; } .eq i { animation: none !important; } }
@media (max-width: 1180px) {
  .side-head { grid-template-columns: auto minmax(0, 1fr); } .side-note { grid-column: 1 / -1; text-align: left; }
  .track-row { grid-template-columns: 44px minmax(0, 1fr) auto 232px; grid-template-areas: 'no main main price' 'no term term action'; row-gap: var(--s-3); align-items: start; }
  .track-no { grid-area: no; padding-top: 8px; } .eq { top: 8px; margin-top: 0; }
  .track-main { grid-area: main; } .track-term { grid-area: term; grid-auto-flow: column; justify-content: start; gap: 10px; align-items: baseline; } .track-price { grid-area: price; } .track-action { grid-area: action; }
  .track-panel { padding-left: 0; }
}
@media (max-width: 640px) {
  .track-row { grid-template-columns: 34px minmax(0, 1fr) auto; grid-template-areas: 'no main main' 'no term price' 'action action action'; padding: 20px 0; }
  .track-no { font-size: var(--f-sm); }
  .track-term { grid-auto-flow: row; gap: 4px; align-self: end; } .track-price { align-self: end; }
  .track.is-open { margin-inline: -12px; padding-inline: 12px; }
}
.offer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 340px); gap: var(--s-6) clamp(24px, 3vw, 48px); align-items: start; }
.offer.has-tiers, .offer.has-qty { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(250px, 320px); }
.offer-choice, .offer-detail { min-width: 0; }
.tiers { border: 0; margin: 0; padding: 0; min-width: 0; display: grid; gap: 6px; }
.tiers legend, .offer-block > :is(h2, h3, h4, h5, h6) { padding: 0; margin: 0 0 10px; font: 600 var(--f-sm)/1.2 var(--font); letter-spacing: 0; color: var(--fg-3); }
.tier-opt { position: relative; display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 3px 12px; align-items: center; min-height: 56px; padding: 10px 16px 10px 14px; border: var(--bw) solid var(--line-strong); border-radius: var(--r-2); background: var(--bg); cursor: pointer; transition: border-color var(--dur-2), background var(--dur-2), color var(--dur-2); }
.tier-opt input { grid-column: 1; grid-row: 1 / span 2; appearance: none; display: grid; place-content: center; width: 20px; height: 20px; margin: 0; border: 1.5px solid var(--fg-3); border-radius: 50%; background: transparent; cursor: inherit; }
.tier-opt input::before { content: ''; width: 10px; height: 10px; border-radius: 50%; background: var(--bg); transform: scale(0); transition: transform var(--dur-2) var(--ease); }
.tier-opt input:checked { border-color: var(--bg); }
.tier-opt input:checked::before { transform: none; }
.tier-opt input:focus-visible { box-shadow: none; }
.tier-opt:hover { border-color: var(--fg); }
.tier-opt:has(input:checked) { background: var(--fg); border-color: var(--fg); color: var(--bg); }
.tier-opt:has(input:focus-visible) { box-shadow: var(--focus); }
.tier-opt.is-off { opacity: .5; cursor: not-allowed; }
.tier-name { grid-column: 2; font: 600 var(--f-md)/1.2 var(--display); letter-spacing: -.01em; }
.tier-name em { margin-left: 8px; font: 500 var(--f-xs)/1 var(--font); font-style: normal; letter-spacing: 0; opacity: .66; white-space: nowrap; }
.tier-term { grid-column: 2; font-size: var(--f-sm); line-height: 1.35; opacity: .66; overflow-wrap: anywhere; }
.tier-price { grid-column: 3; grid-row: 1 / span 2; font: 600 var(--f-lg)/1 var(--display); white-space: nowrap; }
.qty { display: grid; gap: var(--s-4); }
.qty .input { max-width: 220px; font-weight: 600; }
.qty .chip { min-height: 38px; padding: 0 14px; }
.qty-facts { display: grid; gap: var(--s-2); margin: 0; padding-top: var(--s-4); border-top: var(--bw) solid var(--line); font-size: var(--f-sm); }
.qty-facts > div { display: flex; justify-content: space-between; gap: var(--s-4); }
.qty-facts dt { color: var(--fg-3); } .qty-facts dd { margin: 0; font-weight: 600; }
.offer-item { display: grid; gap: var(--s-5); }
.offer-result { font: 600 clamp(18px, 1.6vw, 22px)/1.25 var(--display); letter-spacing: -.015em; }
.offer-block .pd-list { font-size: var(--f-md); }
.offer-terms { padding-top: var(--s-4); border-top: var(--bw) dashed var(--line-strong); }
.offer-terms ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: var(--f-sm); line-height: 1.45; color: var(--fg-3); }
.offer-buy { display: grid; gap: var(--s-4); padding: var(--s-5); border-radius: var(--r-3); background: var(--bg); border: var(--bw) solid var(--line-strong); }
.offer-facts { display: grid; gap: var(--s-2); margin: 0; font-size: var(--f-sm); }
.offer-facts > div { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: var(--s-3); }
.offer-facts dt { color: var(--fg-3); } .offer-facts dd { margin: 0; }
.offer-total { display: flex; justify-content: space-between; align-items: baseline; gap: var(--s-3); padding-top: var(--s-4); border-top: var(--bw) solid var(--line); }
.offer-total span { font-size: var(--t-small); color: var(--fg-2); }
.offer-total b { font: 600 clamp(30px, 2.8vw, 40px)/1 var(--display); letter-spacing: -.035em; white-space: nowrap; }
.offer-buy .btn[aria-disabled='true'] { pointer-events: none; }
.offer-buy .hint { text-align: center; }
.qty [data-qty-msg].is-error { color: var(--danger); }
@media (max-width: 1180px) {
  .offer.has-tiers, .offer.has-qty { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .offer.has-tiers .offer-buy, .offer.has-qty .offer-buy { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
  .offer.has-tiers .offer-buy .btn, .offer.has-qty .offer-buy .btn { grid-column: 2; grid-row: 1 / span 2; }
  .offer.has-tiers .offer-buy .hint, .offer.has-qty .offer-buy .hint { grid-column: 1 / -1; text-align: left; }
  .offer.has-tiers .offer-total, .offer.has-qty .offer-total { border-top: 0; padding-top: 0; justify-content: flex-start; }
}
@media (max-width: 760px) {
  .offer, .offer.has-tiers, .offer.has-qty { grid-template-columns: minmax(0, 1fr); gap: var(--s-5); }
  .offer .offer-buy, .offer.has-tiers .offer-buy, .offer.has-qty .offer-buy { grid-column: auto; grid-template-columns: minmax(0, 1fr); padding: var(--s-4); }
  .offer.has-tiers .offer-buy .btn, .offer.has-qty .offer-buy .btn { grid-column: auto; grid-row: auto; }
  .offer.has-tiers .offer-total, .offer.has-qty .offer-total { justify-content: space-between; border-top: var(--bw) solid var(--line); padding-top: var(--s-4); }
  .offer-buy .hint { text-align: left; }
  .tier-opt { padding: 11px 12px; }
}
.figures { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; border-block: var(--bw) solid var(--line); }
.figures > div { display: grid; gap: var(--s-3); align-content: start; padding: clamp(24px, 3.4vw, 48px) clamp(12px, 2.4vw, 32px); border-left: var(--bw) solid var(--line); }
.figures > div:first-child { border-left: 0; padding-left: 0; }
.figures dt { order: 2; font-size: clamp(13px, 1.1vw, 15px); color: var(--fg-3); line-height: 1.35; }
.figures dd { margin: 0; font: 600 clamp(30px, 6.2vw, 108px)/.9 var(--display); letter-spacing: -.05em; white-space: nowrap; }
@media (max-width: 560px) { .figures > div { padding-inline: 10px; } .figures dd { font-size: clamp(20px, 6.6vw, 40px); letter-spacing: -.04em; } }
.roster-stage { position: relative; isolation: isolate; }
.roster-stage::before { content: ''; position: absolute; z-index: -1; pointer-events: none; inset: clamp(-140px, -9vw, -48px) calc(50% - 50vw); }
.roster-stage::before { -webkit-mask-image: linear-gradient(transparent, #000 22%, #000 78%, transparent); mask-image: linear-gradient(transparent, #000 22%, #000 78%, transparent); background: radial-gradient(38% 46% at 12% 82%, rgba(199, 255, 61, .16), rgba(199, 255, 61, 0) 72%), radial-gradient(44% 52% at 90% 10%, rgba(61, 107, 255, .22), rgba(61, 107, 255, 0) 72%), radial-gradient(30% 38% at 62% 52%, rgba(139, 92, 255, .14), rgba(139, 92, 255, 0) 74%); }
.roster { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.8vw, 28px); }
.artist { min-width: 0; }
.artist figure, .artist-next a { position: relative; display: block; margin: 0; aspect-ratio: 4 / 5; border-radius: var(--r-3); overflow: hidden; isolation: isolate; }
.artist figure { --rx: 0deg; --ry: 0deg; --mx: 50%; --my: 0%; --ac: 199, 255, 61; --lit: .26; container-type: inline-size; box-shadow: inset 0 0 0 1px var(--line);
  background: radial-gradient(95% 62% at 50% 16%, rgba(var(--ac), var(--lit)), rgba(var(--ac), calc(var(--lit) * .22)) 52%, rgba(var(--ac), 0) 78%), linear-gradient(180deg, #131315, #09090a 70%);
  transform: perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)); transition: transform var(--dur-3) var(--ease), box-shadow var(--dur-3) var(--ease); }
.artist figure.is-tilt { transition: transform var(--dur-1) linear, box-shadow var(--dur-3) var(--ease); box-shadow: inset 0 0 0 1px rgba(199, 255, 61, .22), 0 34px 70px -34px rgba(199, 255, 61, .3), 0 30px 60px -30px #000; }
.artist figure::after { content: ''; position: absolute; z-index: 3; inset: 0; border-radius: inherit; padding: 1.5px; pointer-events: none; opacity: 0; transition: opacity var(--dur-3) var(--ease);
  background: radial-gradient(240px circle at var(--mx) var(--my), rgba(199, 255, 61, .95), rgba(199, 255, 61, .18) 45%, rgba(199, 255, 61, 0) 70%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
.artist figure.is-tilt::after, .artist figure:focus-visible::after { opacity: 1; }
.artist figure.is-tilt .artist-photo { transition: transform var(--dur-1) linear; transform: translate3d(calc(var(--ry) / 1deg * -1.6px), calc(var(--rx) / 1deg * 1.6px - 4px), 0) scale(1.05); }
.artist figure.is-tilt .artist-art { transform: translate3d(calc(var(--ry) / 1deg * 2.2px), calc(var(--rx) / 1deg * -2.2px), 0); }
.artist-art { transition: transform var(--dur-3) var(--ease); }
.js .roster[data-reveal] { opacity: 1; transform: none; }
.js .roster[data-reveal] .artist { opacity: 0; transform: translateY(28px); transition: opacity var(--dur-3) var(--ease), transform var(--dur-3) var(--ease); }
.js .roster[data-reveal].in .artist { opacity: 1; transform: none; }
.js .roster[data-reveal] .artist:nth-child(2) { transition-delay: .07s; } .js .roster[data-reveal] .artist:nth-child(3) { transition-delay: .14s; }
.js .roster[data-reveal] .artist:nth-child(4) { transition-delay: .21s; } .js .roster[data-reveal] .artist:nth-child(5) { transition-delay: .28s; }
.js .roster[data-reveal] .artist:nth-child(n + 6) { transition-delay: .35s; }
.artist figure:focus-visible { box-shadow: var(--focus); border-radius: var(--r-3); }
.artist:nth-child(4n + 2) figure { --ac: 61, 107, 255; --lit: .34; }
.artist:nth-child(4n + 3) figure { --ac: 139, 92, 255; --lit: .32; }
.artist:nth-child(4n + 4) figure { --ac: 255, 176, 46; --lit: .24; }
.artist-art { --n: 6; position: absolute; inset: 0; z-index: 0; display: flex; flex-direction: column; --fs: min(40cqw, calc(148cqw / var(--n))); align-items: center; justify-content: flex-start; overflow: hidden; pointer-events: none;
  -webkit-mask-image: linear-gradient(#000 0 52%, rgba(0, 0, 0, .35) 74%, transparent 92%); mask-image: linear-gradient(#000 0 52%, rgba(0, 0, 0, .35) 74%, transparent 92%); }
.artist-art b { display: block; font: 600 var(--fs) / .8 var(--display); letter-spacing: -.045em; white-space: nowrap; transition: transform var(--dur-3) var(--ease), color var(--dur-3) var(--ease), opacity var(--dur-3) var(--ease); }
.artist-art .lead { margin-top: calc(var(--fs) * -.38); }   
.artist-art .solid { color: rgb(var(--ac)); }
.artist-art .ghost { color: transparent; -webkit-text-stroke: max(1px, .35cqw) rgba(var(--ac), .38); }
.artist-photo { position: absolute; inset: 0; z-index: 1; overflow: hidden; border-radius: inherit; transition: transform var(--dur-3) var(--ease); }
.artist-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; }
.artist-photo::after { content: ''; position: absolute; inset: 52% 0 0; background: linear-gradient(to top, rgba(10, 10, 10, .94) 8%, rgba(10, 10, 10, .5) 48%, rgba(10, 10, 10, 0)); }
.artist figcaption { position: absolute; z-index: 2; inset: auto 0 0; display: grid; gap: 6px; padding: clamp(16px, 2vw, 28px); pointer-events: none; }
.artist-name { font: 600 clamp(24px, 2.7vw, 40px)/1 var(--display); letter-spacing: -.035em; overflow-wrap: anywhere; }
.artist-note { font-size: var(--f-sm); line-height: 1.35; color: var(--fg-2); }
@media (hover: hover) and (pointer: fine) {
  .artist figure:hover { --lit: .42; }
  .artist figure:hover .artist-art b:nth-child(odd) { transform: translate3d(-7%, 0, 0); }
  .artist figure:hover .artist-art b:nth-child(even) { transform: translate3d(7%, 0, 0); }
  .artist figure:hover .artist-art .ghost { -webkit-text-stroke-color: rgba(var(--ac), .6); }
  .artist figure:hover .artist-photo { transform: translate3d(0, -5px, 0) scale(1.012); }
}
.artist figure:focus-visible .artist-art b:nth-child(odd) { transform: translate3d(-7%, 0, 0); }
.artist figure:focus-visible .artist-art b:nth-child(even) { transform: translate3d(7%, 0, 0); }
.artist figure:focus-visible .artist-photo { transform: translate3d(0, -5px, 0) scale(1.012); }
.artist-next a { display: flex; flex-direction: column; justify-content: space-between; gap: var(--s-4); padding: clamp(16px, 2vw, 28px); background: var(--acid); color: var(--acid-ink); text-decoration: none; transition: background var(--dur-2); }
.artist-next a:hover { background: var(--acid-hi); }
.artist-next-mark .b-icon { width: clamp(30px, 3vw, 46px); height: clamp(30px, 3vw, 46px); }
.artist-next .artist-name { margin-top: auto; }
.artist-next-go { display: inline-flex; align-items: center; gap: 8px; font: 600 var(--f-md)/1.2 var(--font); }
.artist-next-go .arrow { width: 16px; height: 16px; flex: none; transition: transform var(--dur-2) var(--ease); }
.artist-next a:hover .arrow { transform: translate(2px, -2px); }
.roster[data-rest3='2'] .artist-next { grid-column: span 2; } .roster[data-rest3='3'] .artist-next { grid-column: span 3; }
.roster[data-rest3='2'] .artist-next a, .roster[data-rest3='3'] .artist-next a { aspect-ratio: auto; height: 100%; min-height: 240px; }
.roster-head { margin-bottom: clamp(28px, 4vw, 56px); }
.roster-block + .roster-block, .roster-block + .figures { margin-top: clamp(48px, 7vw, 104px); }
.roster-block > h2 { font-size: clamp(24px, 2.6vw, 36px); letter-spacing: -.03em; margin-bottom: var(--s-5); }
@media (max-width: 1100px) {
  .roster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .roster .artist-next { grid-column: auto !important; } .roster .artist-next a { aspect-ratio: 4 / 5 !important; height: auto !important; min-height: 0 !important; }
  .roster[data-rest2='2'] .artist-next { grid-column: span 2 !important; } .roster[data-rest2='2'] .artist-next a { aspect-ratio: auto !important; min-height: 220px !important; }
  .artist-name { font-size: clamp(22px, 4vw, 34px); }
}
@media (max-width: 640px) {
  
  .roster:not(.roster-home) { gap: 10px; }
  .roster:not(.roster-home) .artist figure { border-radius: var(--r-2); }
  .roster:not(.roster-home) .artist figcaption { padding: 12px; gap: 4px; }
  .roster:not(.roster-home) .artist-note { font-size: var(--f-xs); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  
  .roster-home { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 78vw; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); scroll-padding-inline: var(--gutter); }
  .roster-home::-webkit-scrollbar { display: none; }
  .roster-home .artist { scroll-snap-align: start; }
  .artist-name { font-size: var(--f-2xl); }
  .roster:not(.roster-home) .artist-name { font-size: clamp(17px, 5.2vw, 22px); }
}
@media (prefers-reduced-motion: reduce) { .artist-art b, .artist-photo, .artist figure { transition: none; transform: none; } .artist-art { transition: none; transform: none; } .js .roster[data-reveal] .artist { opacity: 1; transform: none; transition: none; } }
@media (max-width: 720px) { .roster-stage::before { inset: -72px calc(var(--gutter) * -1); background: radial-gradient(70% 50% at 10% 90%, rgba(199, 255, 61, .13), rgba(199, 255, 61, 0) 72%), radial-gradient(70% 50% at 92% 6%, rgba(61, 107, 255, .2), rgba(61, 107, 255, 0) 72%); } }
.case-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 0; border-top: var(--bw) solid var(--line-strong); margin-bottom: var(--s-8); }
.case { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s-4); padding: var(--s-5) var(--s-5) var(--s-5) 0; border-bottom: var(--bw) solid var(--line); }
.case img { width: 96px; height: 96px; object-fit: cover; border-radius: var(--r-2); }
.case > div { display: grid; gap: var(--s-2); align-content: start; }
.case p { color: var(--fg-2); font-size: var(--f-sm); }
.case-metrics { display: flex; flex-wrap: wrap; gap: var(--s-3) var(--s-5); margin: var(--s-2) 0 0; }
.case-metrics dt { order: 2; font-size: var(--f-sm); color: var(--fg-3); }
.case-metrics dd { margin: 0; font: 600 var(--f-2xl)/1 var(--display); letter-spacing: -.02em; color: var(--accent-text); }
.case-metrics > div { display: grid; gap: 4px; }
.faq-list { border-top: var(--bw) solid var(--line-strong); }
.faq-list details { border-bottom: var(--bw) solid var(--line); }
.faq-list summary { display: flex; justify-content: space-between; align-items: center; gap: var(--s-5); padding: 22px 0; cursor: pointer; list-style: none; }
.faq-list summary :is(h2, h3) { font: 600 clamp(17px, 1.6vw, 22px)/1.25 var(--display); letter-spacing: -.012em; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: ''; flex: none; width: 14px; height: 14px; background: linear-gradient(var(--accent-text), var(--accent-text)) center / 100% 2px no-repeat, linear-gradient(var(--accent-text), var(--accent-text)) center / 2px 100% no-repeat; transition: transform var(--dur-2) var(--ease); }
.faq-list details[open] summary::after { transform: rotate(135deg); }
.faq-list p { padding: 0 44px 24px 0; color: var(--fg-2); line-height: 1.6; max-width: 46em; }
.faq-open { max-width: 920px; }
.pd { display: grid; gap: clamp(28px, 4vw, 56px); margin-top: clamp(20px, 3vw, 40px); }
.pd-head { display: grid; gap: var(--s-4); }
.pd-head h1 { font-size: clamp(36px, 5.4vw, 76px); max-width: 16em; }
.pd-where { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-3); }
.pd-kind { padding: 6px 10px; border-radius: var(--r-pill); background: var(--surface-2); font: 600 var(--f-xs)/1 var(--font); color: var(--fg-2); }
.pd > .offer { padding-top: clamp(24px, 3vw, 40px); border-top: var(--bw) solid var(--line-strong); }
.pd > .offer .offer-buy { position: sticky; top: calc(var(--header-h) + var(--pv-h) + 24px); background: var(--surface); border-color: transparent; }
.pd-ask { font-size: var(--t-small); color: var(--fg-2); }
.pd-block { display: grid; gap: var(--s-5); }
.pd-block > h2 { font-size: clamp(24px, 2.6vw, 36px); letter-spacing: -.03em; }
.pd-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-2); color: var(--fg-2); }
.pd-list li { position: relative; padding-left: 22px; line-height: 1.5; }
.pd-list li::before { content: ''; position: absolute; left: 2px; top: .58em; width: 8px; height: 8px; border-radius: 50%; background: var(--acid); }
.pd-related { margin-top: var(--section); display: grid; gap: var(--s-5); }
.pd-related > h2 { font-size: clamp(24px, 2.6vw, 36px); }
.pd-related ul { list-style: none; margin: 0; padding: 0; border-top: var(--bw) solid var(--line-strong); }
.pd-related li a { display: grid; grid-template-columns: 184px minmax(0, 1fr) auto; gap: var(--s-5); align-items: center; padding: var(--s-4) 0; border-bottom: var(--bw) solid var(--line); text-decoration: none; }
.pd-related li a:hover b { text-decoration: underline; text-decoration-thickness: 2px; }
.pd-related b { font: 600 clamp(17px, 1.6vw, 21px)/1.2 var(--display); }
.pd-related i { font: 600 var(--f-lg)/1 var(--display); font-style: normal; white-space: nowrap; }
@media (max-width: 1180px) { .pd > .offer .offer-buy { position: static; } }
@media (max-width: 760px) { .pd-related li a { grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-2) var(--s-4); } .pd-related .pf { grid-column: 1 / -1; } }
.legal-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: var(--s-7); align-items: start; }
.legal-nav { position: sticky; top: calc(var(--header-h) + var(--pv-h) + 24px); display: grid; gap: 4px; }
.legal-nav a { padding: 10px 12px; border-radius: var(--r-1); color: var(--fg-2); text-decoration: none; font-size: var(--f-md); }
.legal-nav a:hover { background: var(--line); color: var(--fg); }
.legal-doc { padding-bottom: var(--s-7); margin-bottom: var(--s-7); border-bottom: var(--bw) solid var(--line); max-width: var(--w-text); }
.legal-doc h2 { font-size: clamp(26px, 3vw, 38px); margin-bottom: var(--s-5); }
.legal-text p { white-space: pre-line; color: var(--fg-2); line-height: 1.65; margin: 0 0 14px; }
.legal-text h3 { font-size: var(--f-lg); margin: var(--s-5) 0 10px; }
@media (max-width: 860px) { .legal-layout { grid-template-columns: 1fr; } .legal-nav { position: static; display: flex; flex-wrap: wrap; } }
dialog.dialog.checkout { width: min(640px, calc(100% - 24px)); overflow: hidden; }
dialog.dialog.checkout[open] { display: flex; }
.co { display: flex; flex-direction: column; min-height: 0; width: 100%; max-height: calc(100dvh - 32px); }
.co-head { display: flex; justify-content: space-between; align-items: start; gap: var(--s-4); padding: 22px 24px 16px; border-bottom: var(--bw) solid var(--line); }
.co-platform { font: 600 var(--f-xs)/1 var(--font); letter-spacing: 0; color: var(--fg-3); margin-bottom: 8px; }
.co-title { font-size: clamp(22px, 3vw, 28px); letter-spacing: -.02em; line-height: 1.1; }
.co-body { display: grid; gap: var(--s-5); padding: 20px 24px; overflow-y: auto; overscroll-behavior: contain; min-height: 0; }
.co-body > [data-co-banner]:empty, .co-body > [data-co-options]:empty, .co-body > [data-co-methods]:empty { display: none; }
.co-body > [data-co-options] { display: grid; gap: var(--s-5); }
.co-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-4); align-items: start; }
.co fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.co legend { padding: 0; margin-bottom: 8px; font-size: var(--t-small); font-weight: 500; color: var(--fg-2); }
.co-tier-list { display: grid; gap: 6px; max-height: 268px; overflow-y: auto; overscroll-behavior: contain; padding: 2px; margin: -2px; }
.co-tier { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 14px; padding: 11px 14px; border-radius: var(--r-2); border: var(--bw) solid var(--line-strong); cursor: pointer; transition: border-color var(--dur-2), background var(--dur-2); }
.co-tier input, .co-method input { position: absolute; opacity: 0; pointer-events: none; }
.co-tier:hover, .co-method:hover { border-color: var(--fg-3); }
.co-tier:has(input:checked), .co-method:has(input:checked) { border-color: var(--accent-text); background: var(--acid-soft); }
.co-tier:has(input:checked) .co-tier-result, .co-method:has(input:checked) small { color: var(--fg-2); }
.co-tier:has(input:focus-visible), .co-method:has(input:focus-visible) { box-shadow: var(--focus); }
.co-tier:has(input:disabled), .co-method:has(input:disabled) { opacity: .5; cursor: not-allowed; }
.co-tier-name { font-weight: 600; }
.co-tier-name em { font: 600 var(--f-xs)/1 var(--font); font-style: normal; letter-spacing: 0; color: var(--accent-text); margin-left: 6px; }
.co-tier-result { grid-column: 1; font-size: var(--f-sm); line-height: 1.4; color: var(--fg-3); }
.co-tier-price { grid-row: 1 / span 2; grid-column: 2; align-self: center; font: 600 var(--f-lg)/1 var(--display); white-space: nowrap; }
.co-summary { display: grid; gap: var(--s-3); padding: var(--s-4); border-radius: var(--r-2); background: var(--surface-2); border: var(--bw) solid var(--line); }
.co-lines { display: grid; gap: var(--s-2); margin: 0; font-size: var(--f-sm); }
.co-lines > div { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: var(--s-3); }
.co-lines dt { color: var(--fg-3); }
.co-lines dd { margin: 0; overflow-wrap: anywhere; }
.co-more summary { cursor: pointer; font-size: var(--t-small); color: var(--fg-2); list-style: none; display: inline-flex; gap: 6px; align-items: center; }
.co-more summary::-webkit-details-marker { display: none; }
.co-more summary::after { content: '+'; font-size: var(--f-md); line-height: 1; color: var(--accent-text); }
.co-more[open] summary::after { content: '−'; }
.co-list { margin: 10px 0 0; padding: 0; list-style: none; display: grid; gap: 6px; font-size: var(--t-small); color: var(--fg-2); }
.co-list li { padding-left: 16px; position: relative; }
.co-list li::before { content: ''; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--accent-text); }
.co-list li.cons::before { background: var(--fg-3); }
.co-method-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--s-2); }
.co-method { position: relative; padding: 11px 14px; border-radius: var(--r-2); border: var(--bw) solid var(--line-strong); cursor: pointer; transition: border-color var(--dur-2), background var(--dur-2); }
.co-method b { display: block; font-weight: 600; font-size: var(--f-md); }
.co-method small { font-size: var(--f-sm); color: var(--fg-3); }
.co-consents { display: grid; gap: 10px; }
.co-consents .check { font-size: var(--t-small); }
.co-foot { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); padding: var(--s-4) 24px; border-top: var(--bw) solid var(--line); background: var(--surface); }
.co-total { display: grid; gap: 4px; }
.co-total span { font-size: var(--t-micro); color: var(--fg-3); }
.co-total b { font: 600 clamp(24px, 4vw, 30px)/1 var(--display); letter-spacing: -.02em; white-space: nowrap; }
.co-foot .btn { flex: 0 1 300px; min-width: 0; white-space: normal; text-align: center; line-height: 1.15; }
.co-note { margin: 0; padding: 0 24px 16px; font-size: var(--t-micro); color: var(--fg-3); background: var(--surface); }
@media (max-width: 560px) {
  dialog.dialog.checkout { width: 100%; max-width: 100%; max-height: 100dvh; height: 100dvh; margin: 0; border: 0; border-radius: 0; }
  .co { max-height: 100dvh; }
  .co-head { padding: 16px 16px 14px; }
  .co-body { padding: 16px; gap: 18px; }
  .co-grid { grid-template-columns: 1fr; }
  .co-foot { padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); }
  .co-foot .btn { flex-basis: 220px; padding-inline: 14px; }
  .co-note { display: none; }
}
.order-panel { max-width: 680px; margin-inline: auto; border: var(--bw) solid var(--line-strong); border-radius: var(--r-3); background: var(--surface); overflow: hidden; display: flex; }
.order-panel .co, .order-panel .co-body { max-height: none; overflow: visible; }
.order-panel .co-tier-list { max-height: none; }
.order-panel .co-foot { position: sticky; bottom: 0; }
.status-wrap { max-width: 760px; display: grid; gap: var(--s-5); }
.status-hero { display: grid; gap: var(--s-4); justify-items: start; }
.status-title, .status-hero h1 { font-size: clamp(30px, 4.4vw, 48px); }
.status-icon { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; }
.status-icon svg { width: 30px; height: 30px; }
.status-icon.ok { background: var(--acid); color: var(--acid-ink); }
.status-icon.wait { background: var(--line); color: var(--fg-2); }
.status-icon.err { background: var(--danger-soft); color: var(--danger); }
.pulse-ring { animation: pulse 1.6s ease-out infinite; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 var(--line-strong); } 100% { box-shadow: 0 0 0 18px transparent; } }
.claim-card { display: grid; gap: var(--s-4); padding: var(--s-5); border-radius: var(--r-3); border: var(--bw) solid color-mix(in srgb, var(--accent-text) 40%, transparent); background: var(--surface); }
.claim-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px; }
.claim-actions .btn { white-space: normal; text-align: center; line-height: 1.2; padding-block: 10px; }
.code-box { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); flex-wrap: wrap; padding: 12px 14px; border-radius: var(--r-2); background: var(--surface-2); border: var(--bw) dashed var(--line-strong); font-size: var(--t-small); }
.code-box code { font: 600 var(--f-lg)/1 var(--mono); letter-spacing: .06em; color: var(--fg); overflow-wrap: anywhere; }
.packs { overflow-x: clip; }
.side { --tone: 199, 255, 61; position: relative; isolation: isolate; }
.side[data-side='A'] { --tone: 255, 176, 46; } .side[data-side='B'] { --tone: 61, 107, 255; } .side[data-side='C'] { --tone: 139, 92, 255; }
.side::before { content: ''; position: absolute; z-index: -1; pointer-events: none; inset: -24px calc(50% - 50vw) -48px;
  background: radial-gradient(48% 300px at 10% 120px, rgba(var(--tone), .17), rgba(var(--tone), 0) 72%), radial-gradient(36% 280px at 97% 190px, rgba(var(--tone), .09), rgba(var(--tone), 0) 70%),
    repeating-radial-gradient(circle at 104% 210px, rgba(244, 243, 238, .05) 0 1px, transparent 1px 22px);
  -webkit-mask-image: linear-gradient(transparent 0, #000 min(120px, 32%), #000 min(300px, 56%), transparent min(620px, 100%)); mask-image: linear-gradient(transparent 0, #000 min(120px, 32%), #000 min(300px, 56%), transparent min(620px, 100%)); }
.side::after { content: attr(data-side); position: absolute; z-index: -1; pointer-events: none; right: -.04em; top: clamp(-40px, -3vw, -16px); font: 600 clamp(180px, 28vw, 430px)/.8 var(--display); letter-spacing: -.06em; color: rgba(var(--tone), .032); }
@media (max-width: 720px) { .side::after { font-size: 52vw; top: -10px; color: rgba(var(--tone), .045); } }
.figures { gap: var(--s-3); border: 0; }
.figures > div, .figures > div:first-child { position: relative; padding: clamp(18px, 2.4vw, 34px); border: var(--bw) solid var(--line); border-radius: var(--r-3); background: var(--surface); overflow: hidden; isolation: isolate; transition: border-color var(--dur-2); }
.figures > div:hover { border-color: var(--line-strong); }
.figures > div::before { content: ''; position: absolute; z-index: -1; right: clamp(14px, 2vw, 28px); bottom: 0; width: 118px; height: 64%; opacity: .2; pointer-events: none;
  background: linear-gradient(var(--acid), var(--acid)) 0 100% / 8px 34% no-repeat, linear-gradient(var(--acid), var(--acid)) 16px 100% / 8px 58% no-repeat, linear-gradient(var(--acid), var(--acid)) 32px 100% / 8px 44% no-repeat, linear-gradient(var(--acid), var(--acid)) 48px 100% / 8px 82% no-repeat, linear-gradient(var(--acid), var(--acid)) 64px 100% / 8px 62% no-repeat, linear-gradient(var(--acid), var(--acid)) 80px 100% / 8px 100% no-repeat, linear-gradient(var(--acid), var(--acid)) 96px 100% / 8px 72% no-repeat, linear-gradient(var(--acid), var(--acid)) 112px 100% / 8px 48% no-repeat; }
.figures > div:nth-child(2)::before { transform: scaleX(-1); } .figures > div:nth-child(3)::before { height: 48%; }
.figures dd { font-size: clamp(30px, 5.2vw, 88px); }
@media (max-width: 640px) {
  .figures { grid-template-columns: minmax(0, 1fr); gap: var(--s-2); }
  .figures > div, .figures > div:first-child { grid-template-columns: auto minmax(0, 1fr); align-items: baseline; gap: var(--s-4); padding: var(--s-4) var(--s-5); }
  .figures dt { order: 0; } .figures dd { font-size: var(--f-2xl); } .figures > div::before { height: 80%; width: 86px; }
}
.faq-list { border-top: 0; display: grid; gap: var(--s-2); }
.faq-list details { padding: 0 clamp(16px, 2vw, 26px); border: var(--bw) solid var(--line); border-radius: var(--r-2); background: var(--surface); transition: border-color var(--dur-2), background var(--dur-2); }
.faq-list details:hover { border-color: var(--line-strong); }
.faq-list details[open] { border-color: rgba(199, 255, 61, .36); background: var(--surface-2); }
.faq-list summary { padding: 18px 0; min-height: 64px; }
.faq-list summary::after { width: 34px; height: 34px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--line-strong); background: linear-gradient(var(--accent-text), var(--accent-text)) center / 12px 2px no-repeat, linear-gradient(var(--accent-text), var(--accent-text)) center / 2px 12px no-repeat; }
.faq-list p { padding: 0 48px 22px 0; }
.faq-list details[open] > :not(summary) { animation: faq-in .5s var(--ease) both; }
@keyframes faq-in { from { opacity: 0; transform: translateY(-6px); } }
.page-app:has(.order-panel), .page-app:has(.status-wrap) { position: relative; isolation: isolate; overflow-x: clip; min-height: calc(100svh - var(--header-h) - var(--pv-h)); padding-bottom: var(--s-8); }
.page-app:has(.order-panel)::before, .page-app:has(.status-wrap)::before { content: ''; position: absolute; z-index: -1; right: clamp(-320px, -14vw, -120px); top: clamp(-260px, -12vw, -90px); width: clamp(520px, 62vw, 900px); aspect-ratio: 1; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(199, 255, 61, .13) 0 16%, rgba(199, 255, 61, 0) 46%), conic-gradient(from 200deg, rgba(244, 243, 238, 0) 0 6%, rgba(244, 243, 238, .09) 12%, rgba(244, 243, 238, 0) 20% 100%), repeating-radial-gradient(circle, rgba(244, 243, 238, .06) 0 1px, transparent 1px 8px);
  -webkit-mask-image: radial-gradient(circle, #000 34%, transparent 70%); mask-image: radial-gradient(circle, #000 34%, transparent 70%); }
.order-panel { box-shadow: var(--shadow); }
.status-wrap { margin-top: clamp(8px, 4vw, 56px); padding: clamp(20px, 3.2vw, 44px); border: var(--bw) solid var(--line-strong); border-radius: var(--r-3); background: var(--surface); box-shadow: var(--shadow); }
@media (max-width: 760px) {
  .pd > .offer .offer-buy { position: sticky; bottom: calc(10px + env(safe-area-inset-bottom)); z-index: 5; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 14px; padding: 12px 12px 12px 18px; background: color-mix(in srgb, var(--surface) 94%, transparent); border: var(--bw) solid var(--line-strong); box-shadow: 0 18px 44px -14px rgba(0, 0, 0, .85); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
  .pd > .offer .offer-facts, .pd > .offer .offer-buy .hint { display: none; }
  .pd > .offer .offer-buy:has(.btn[aria-disabled='true']) .hint { display: block; grid-column: 1 / -1; }
  .pd > .offer .offer-total, .pd > .offer.has-tiers .offer-total, .pd > .offer.has-qty .offer-total { display: grid; gap: 2px; justify-content: start; border-top: 0; padding-top: 0; }
  .pd > .offer .offer-total b { font-size: var(--f-2xl); }
  .pd > .offer .offer-buy .btn, .pd > .offer.has-tiers .offer-buy .btn, .pd > .offer.has-qty .offer-buy .btn { grid-column: 2; grid-row: 1; min-height: 52px; padding: 0 20px; }
}
@media (max-width: 640px) {
  .co-wide .co-seg-pf { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .co-wide .co-seg-pf .co-opt { flex-direction: column; justify-content: center; gap: 7px; min-height: 84px; padding: 12px 6px; text-align: center; }
  .co-wide .co-seg-pf .co-opt span { justify-items: center; }
  .co-wide .co-seg-pf .co-opt b { font-size: var(--f-sm); line-height: 1.15; }
  .co-wide .co-seg-pf .co-opt img { width: 26px; height: 26px; }
  .co-wide .co-seg-pf .co-opt::after { top: 8px; right: 8px; width: 16px; height: 16px; margin-top: 0; }
  .co-wide .co-seg-pf .co-opt:has(input:checked)::after { background-size: 10px; }
  .co-wide .co-seg-res .co-opt { padding: 8px 44px 8px 14px; }
  .co-wide .co-seg-res .co-opt::after { right: 14px; }
}
.seo-links { padding-block: clamp(56px, 8vw, 112px); }
.seo-links .pd-related { margin-top: 0; }
.seo-links .pd-related > .lead { margin-top: calc(-1 * var(--s-2)); }
.co-upsell { display: grid; gap: 8px; }
.co-upsell:empty { display: none; }
.co-hint { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px 12px; align-items: center; padding: 11px 12px 11px 14px; border-radius: var(--r-1); border: var(--bw) dashed var(--line-strong); background: color-mix(in srgb, var(--acid) 5%, transparent); }
.co-hint p { margin: 0; min-width: 0; }
.co-hint b { display: block; font-size: var(--f-sm); font-weight: 600; line-height: 1.3; color: var(--fg); }
.co-hint span { display: block; margin-top: 2px; font-size: var(--f-xs); line-height: 1.4; color: var(--fg-3); }
.co-hint.is-gift { border-color: color-mix(in srgb, var(--acid) 45%, transparent); }
.co-hint .btn { white-space: nowrap; }
.co-facts .is-gift span, .co-facts .is-gift b, .co-lines .co-gift dt, .co-lines .co-gift dd { color: var(--accent-text); }
.co-rating { margin: 0; text-align: center; font-size: var(--f-xs); }
.co-rating a { color: var(--fg-2); text-decoration: none; }
.co-rating a:hover { color: var(--fg); text-decoration: underline; }
.co-stars { color: var(--acid); }
form.co > .co-rating { padding: 0 var(--s-5, 24px) var(--s-4, 16px); }
.co-remind span { color: var(--fg-2); }
.co-later { margin-top: var(--s-2); color: var(--fg-2); }
.pay-help { display: grid; gap: var(--s-4); padding: clamp(20px, 2.6vw, 30px); border: var(--bw) solid var(--line); border-radius: var(--r-tile); background: var(--surface); }
.pay-help-list { list-style: none; margin: 0; padding: 0; display: grid; }
.pay-help-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px var(--s-4); align-items: center; padding: var(--s-4) 0; border-top: var(--bw) solid var(--line); }
.pay-help-list li:first-child { border-top: 0; padding-top: 0; }
.pay-help-list b { grid-column: 1; font-weight: 600; }
.pay-help-list li > span { grid-column: 1; color: var(--fg-2); font-size: var(--t-small); line-height: 1.5; }
.pay-help-list .btn { grid-column: 2; grid-row: 1 / span 2; }
@media (max-width: 560px) { .pay-help-list li { grid-template-columns: 1fr; } .pay-help-list .btn { grid-column: 1; grid-row: auto; justify-self: start; margin-top: var(--s-2); } }
.stay .stay-actions { display: grid; gap: var(--s-2); margin-top: var(--s-2); }
@media (max-width: 420px) { .co-hint { grid-template-columns: minmax(0, 1fr); } .co-hint .btn { justify-self: start; } }
.seo-about { padding-bottom: 0; }
.seo-text { max-width: 760px; display: grid; gap: var(--s-5); }
.seo-text h2 { font-size: clamp(32px, 3.6vw, 52px); letter-spacing: -.04em; }
.seo-text h3 { margin-top: var(--s-6); font: 500 clamp(22px, 2.1vw, 30px)/1.2 var(--display); letter-spacing: -.03em; }
.seo-text p, .seo-text li { margin: 0; color: var(--fg-2); font-size: clamp(17px, 1.25vw, 19px); line-height: 1.7; max-width: 66ch; }
.seo-text ul, .seo-text ol { margin: 0; padding-left: 1.25em; display: grid; gap: 10px; }
.seo-text b { color: var(--fg); }
.seo-text a { color: var(--fg); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.price-guide .pd-about { margin-top: clamp(40px, 6vw, 72px); }
.page-shop .page-head h1 { font-size: clamp(32px, 5vw, 72px); }
.page-shop .sec-head h2 { font-size: var(--f-2xl); line-height: var(--lh-head); }