.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.tier{position:relative;display:grid;gap:4px;justify-items:center;text-align:center;padding:20px 6px 12px;border:3px solid var(--navy);min-width:0;border-radius:18px;background:var(--cream);color:var(--navy);font:inherit;cursor:pointer;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.tier:hover{transform:translateY(-2px);box-shadow:5px 5px 0 var(--navy)}.tier.on{background:var(--lime);box-shadow:5px 5px 0 var(--navy)}.tier:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.tier-tag{position:absolute;top:-13px;left:50%;transform:translate(-50%) rotate(-3deg);background:var(--coral);color:#fff;font-family:var(--font-display);font-weight:800;font-size:11px;padding:5px 9px;border-radius:999px;border:2px solid var(--navy);white-space:nowrap}.tier-qty{font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--muted)}.tier-price{font-family:var(--font-display);font-weight:900;font-size:clamp(1rem,4.2vw,1.5rem);color:var(--navy);white-space:nowrap;line-height:1.05}.tier-was{font-size:13px;color:var(--muted);text-decoration:line-through}.tier-per{font-size:12px;white-space:nowrap;font-weight:700;color:var(--navy);background:#0b153314;padding:3px 8px;border-radius:999px;margin-top:4px}.buy-colorsimg a{display:block}.hcol{display:grid;gap:8px;width:100%}.hcol-lab{font-size:14px;color:var(--muted)}.hcol-lab b{color:var(--navy)}.hcol-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:10px 6px 14px}.hcol-row::-webkit-scrollbar{display:none}.hc{position:relative;flex:0 0 auto;width:74px;padding:0;background:none;border:0;cursor:pointer;font:inherit;transition:transform .32s var(--ease)}.hc-img{display:block;background:#fff;border:3px solid var(--navy);border-radius:14px;overflow:hidden;transition:box-shadow .32s var(--ease)}.hc-img img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.hc-dot{position:absolute;top:6px;left:6px;width:14px;height:14px;border-radius:50%;background:var(--sw);border:2px solid var(--navy);transition:transform .35s var(--ease)}.hc-name{display:block;margin-top:5px;font-size:11px;font-weight:700;color:var(--muted);text-align:center;transition:color .3s}.hc:hover:not(.on):not(:disabled){transform:translateY(-3px)}.hc:hover:not(.on):not(:disabled) .hc-img{box-shadow:3px 3px #0b15334d}.hc.on{transform:scale(1.12)}.hc.on .hc-img{box-shadow:0 0 0 3px var(--lime),4px 4px 0 var(--navy)}.hc.on .hc-dot{transform:scale(1.15)}.hc.on .hc-name{color:var(--navy)}.hc:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.hc:disabled{cursor:not-allowed;opacity:.35;filter:grayscale(1)}.hcta-mob{display:none}.buy-done{font-size:13px;font-weight:700;color:var(--navy);margin:-2px 0 0}.buy-done a{color:var(--coral);text-decoration:underline}.buy-step{font-size:12px;line-height:1.45;color:var(--muted);margin:-4px 0 0}.buy-box.adding .buy-cta{opacity:.6;pointer-events:none}.bundles{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.mech-pulse{left:50%;top:50%}@media(max-width:720px){.buy-deskonly,.hcta-desk{display:none}.hcta-mob{display:inline}.tier{padding:18px 4px 10px}.tier-tag{font-size:10px;padding:4px 8px}.tier:nth-child(3) .tier-tag{display:none}.bundle:nth-child(3) .bundle-tag{display:none}.buy-box{gap:14px}.hcol-row{gap:8px;padding:10px 4px 14px}.hc{width:56px}.hc-name{font-size:10px;margin-top:4px}.hc-dot{width:12px;height:12px;top:5px;left:5px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/kolenio-v2-tiers.css.map */