.tsbf{--tsbf-accent:#d4af37;background:radial-gradient(ellipse at top right,#292824,transparent 60%),#111216;color:#fff;padding:clamp(18px,4vw,52px);border-radius:20px;margin:28px auto;max-width:1320px}.tsbf *{box-sizing:border-box}.tsbf [hidden]{display:none!important}.tsbf__header{text-align:center;margin-bottom:28px}.tsbf__eyebrow{font-size:12px;letter-spacing:.2em;color:var(--tsbf-accent)}.tsbf__header h2{font-size:clamp(27px,4vw,54px);color:#fff!important;line-height:1.1;margin:14px 0;font-weight:800}.tsbf__header p{color:#d3d3d8}.tsbf__timer{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.tsbf__timer strong{font-variant-numeric:tabular-nums;border:1px solid var(--tsbf-accent);border-radius:8px;padding:9px 14px;color:var(--tsbf-accent)}.tsbf__filters{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-bottom:26px}.tsbf__filters button{border:1px solid #57585e;border-radius:30px;background:transparent;color:#fff;padding:10px 18px;cursor:pointer;font:inherit;min-height:44px}.tsbf__filters button.is-active{background:var(--tsbf-accent);border-color:var(--tsbf-accent);color:#111}.tsbf__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}.tsbf__card{min-width:0;background:#1c1d23;border:1px solid #393a41;border-radius:14px;overflow:hidden;position:relative;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.tsbf__card:hover{transform:translateY(-4px);border-color:var(--tsbf-accent)}.tsbf__card--hero{grid-column:span 2;grid-row:span 2;border-color:var(--tsbf-accent)}.tsbf__image{display:flex;background:#fff;aspect-ratio:1/1;overflow:hidden}.tsbf__image img{width:100%;height:100%;object-fit:contain;padding:15px;transition:transform .25s}.tsbf__card:hover img{transform:scale(1.035)}.tsbf__card--hero .tsbf__image{aspect-ratio:1.15/1}.tsbf__body{padding:18px;display:flex;flex-direction:column;flex:1;gap:12px}.tsbf__body h3{font-size:16px;line-height:1.4;margin:0}.tsbf__body h3 a{color:#fff!important;text-decoration:none}.tsbf__card--hero h3{font-size:clamp(20px,2vw,28px)}.tsbf__prices{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-top:auto}.tsbf__old{color:#bfc0c8;font-size:17px;text-decoration:line-through}.tsbf__price{color:var(--tsbf-accent);font-size:26px;font-weight:800}.tsbf__saving{color:#dfdfa9;font-size:13px}.tsbf__cta{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--tsbf-accent);color:#111!important;padding:12px 16px;border-radius:8px;text-decoration:none!important;font-weight:700;min-height:44px}.tsbf__badges{position:absolute;z-index:1;top:12px;left:12px;right:12px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}.tsbf__badges span{background:#111;color:var(--tsbf-accent);padding:7px 12px;border-radius:20px;font-size:12px}.tsbf__badges .tsbf__discount{background:var(--tsbf-accent);color:#111;font-weight:800}.tsbf a:focus-visible,.tsbf button:focus-visible{outline:3px solid var(--tsbf-accent);outline-offset:4px}.tsbf__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tsbf.is-filtered .tsbf__card--hero{grid-column:auto;grid-row:auto}.tsbf.is-filtered .tsbf__card--hero .tsbf__image{aspect-ratio:1/1}.tsbf.is-filtered .tsbf__card--hero h3{font-size:16px}@media(max-width:991px){.tsbf__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tsbf__card--hero{grid-column:span 2;grid-row:auto;display:grid;grid-template-columns:1fr 1fr}.tsbf__card--hero .tsbf__image{aspect-ratio:1/1}.tsbf.is-filtered .tsbf__card--hero{display:flex}}@media(max-width:575px){.tsbf{padding:18px 12px;border-radius:12px}.tsbf__grid{gap:10px}.tsbf__body{padding:12px;gap:10px}.tsbf__body h3{font-size:14px}.tsbf__price{font-size:21px}.tsbf__old{font-size:14px}.tsbf__cta{font-size:13px;padding:10px}.tsbf__card--hero{display:flex}.tsbf__card--hero .tsbf__image{aspect-ratio:1.3/1}.tsbf__filters{justify-content:flex-start}.tsbf__filters button{font-size:13px;padding:8px 12px}.tsbf__badges{top:8px;left:8px;right:8px}.tsbf__badges span{font-size:11px;padding:5px 8px}}@media(prefers-reduced-motion:reduce){.tsbf__card,.tsbf__image img{transition:none}.tsbf__card:hover,.tsbf__card:hover img{transform:none}}