/* Price tiers: four boxes, a slider picks the one that fits (tiers.js). Works without the script: all four show. */
.tiers { --t-ink: #2B3440; --t-muted: #58616B; --t-line: #D6DCE3; --t-lemon: #F4DC52; --t-lemon-soft: #FDF8DC;
  display: grid; gap: 14px; margin: 6px auto 18px; max-width: 460px; text-align: left; }
.tiers-ask { display: grid; gap: 10px; padding: 14px 16px; border-radius: 14px; background: #F4F6F8; }
.tiers-ask label { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; font-weight: 700; color: var(--t-ink); font-size: 15.5px; }
.tiers-ask output { font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; }
.tiers-ask input[type=range] { width: 100%; height: 32px; margin: 0; background: transparent; -webkit-appearance: none; appearance: none; cursor: pointer; }
.tiers-ask input[type=range]::-webkit-slider-runnable-track { height: 8px; border-radius: 99px; background: linear-gradient(90deg, var(--t-lemon) var(--fill, 50%), #D6DCE3 var(--fill, 50%)); }
.tiers-ask input[type=range]::-moz-range-track { height: 8px; border-radius: 99px; background: #D6DCE3; }
.tiers-ask input[type=range]::-moz-range-progress { height: 8px; border-radius: 99px; background: var(--t-lemon); }
.tiers-ask input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 28px; height: 28px; margin-top: -10px; border-radius: 50%; background: #fff; border: 3px solid var(--t-ink); box-shadow: 0 2px 6px rgba(20,26,34,.25); }
.tiers-ask input[type=range]::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: #fff; border: 3px solid var(--t-ink); }
.tiers-ask input[type=range]:focus-visible { outline: 3px solid var(--t-ink); outline-offset: 4px; border-radius: 8px; }
.tiers-marks { display: flex; justify-content: space-between; font-size: 12.5px; color: var(--t-muted); font-variant-numeric: tabular-nums; }
.tier-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.tier { position: relative; display: grid; gap: 2px; align-content: start; padding: 14px 14px 13px; border: 2px solid var(--t-line); border-radius: 14px; background: #fff; color: var(--t-ink);
  transition: transform .25s cubic-bezier(.2,.9,.3,1.3), border-color .2s, background-color .2s, box-shadow .25s, opacity .2s; }
.tier-name { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--t-muted); }
.tier-price { font-size: 30px; font-weight: 800; letter-spacing: -.5px; line-height: 1.1; font-variant-numeric: tabular-nums; }
.tier-price small { display: block; margin-top: 1px; font-size: 13.5px; font-weight: 600; color: var(--t-muted); letter-spacing: 0; }
.tier:last-child:nth-child(odd) { grid-column: 1 / -1; }
.tier-range { font-size: 14px; font-weight: 700; }
.tier-fit { font-size: 13px; color: var(--t-muted); line-height: 1.35; }
.tier-was { font-size: 13px; color: var(--t-muted); }
.tier-was s { text-decoration-thickness: 2px; }
.tier-badge { position: absolute; top: -11px; right: 10px; padding: 2px 9px; border-radius: 99px; background: var(--t-ink); color: #fff; font-size: 11.5px; font-weight: 800; letter-spacing: .04em; opacity: 0; transform: translateY(4px) scale(.9); transition: opacity .2s, transform .25s cubic-bezier(.2,.9,.3,1.4); }
.tiers.live .tier { opacity: .62; }
.tiers.live .tier.on { opacity: 1; border-color: var(--t-ink); background: var(--t-lemon-soft); transform: translateY(-3px) scale(1.02); box-shadow: 0 10px 24px rgba(20,26,34,.14); }
.tiers.live .tier.on .tier-badge { opacity: 1; transform: none; }
.tier.bump .tier-price { animation: tier-bump .35s cubic-bezier(.2,.9,.3,1.5); }
@keyframes tier-bump { 0% { transform: scale(.92); } 100% { transform: none; } }
.tiers-note { font-size: 14px; color: var(--t-muted); margin: 0; }
.tiers-ask[hidden] { display: none; }
@media (max-width: 360px) { .tier-price { font-size: 25px; } }
@media (prefers-reduced-motion: reduce) { .tier, .tier-badge { transition: none; } .tier.bump .tier-price { animation: none; } .tiers.live .tier.on { transform: none; } }