.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:30px}.tsbf__brand{font-size:clamp(14px,2vw,22px);letter-spacing:.15em;color:var(--tsbf-accent);overflow-wrap:anywhere}.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{max-width:720px;margin:28px auto 8px;padding:24px;border:1px solid var(--tsbf-accent);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(0,0,0,.25))}.tsbf__timer-label{font-size:18px;margin-bottom:18px;color:#eee}.tsbf__clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tsbf__clock>div{min-width:0;padding:18px 8px 14px;border-radius:12px;background:#0d0e12;border:1px solid #4d4733}.tsbf__clock strong{display:block;font-size:clamp(32px,5vw,62px);line-height:1.15;font-weight:800;color:var(--tsbf-accent);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tsbf__clock span{display:block;font-size:12px;letter-spacing:.08em;color:#d0d0d5;margin-top:9px}.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__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__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__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__prices del{color:#bfc0c8;font-size:17px;text-decoration:line-through}.tsbf__prices strong{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.is-filtered .tsbf__hero{grid-column:auto;grid-row:auto}.tsbf.is-filtered .tsbf__hero .tsbf__image{aspect-ratio:1/1}.tsbf.is-filtered .tsbf__hero h3{font-size:16px}@media(max-width:991px){.tsbf__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tsbf__hero{grid-column:span 2;grid-row:auto;display:grid;grid-template-columns:1fr 1fr}.tsbf__hero .tsbf__image{aspect-ratio:1/1}.tsbf.is-filtered .tsbf__hero{display:flex}}@media(max-width:575px){.tsbf{padding:18px 12px;border-radius:12px}.tsbf__timer{padding:16px 10px}.tsbf__timer-label{font-size:16px}.tsbf__clock{gap:6px}.tsbf__clock>div{padding:14px 3px 12px}.tsbf__clock strong{font-size:clamp(25px,8vw,40px)}.tsbf__clock span{font-size:9px;letter-spacing:0}.tsbf__grid{gap:10px}.tsbf__body{padding:12px;gap:10px}.tsbf__body h3{font-size:14px}.tsbf__prices strong{font-size:21px}.tsbf__prices del{font-size:14px}.tsbf__cta{font-size:13px;padding:10px}.tsbf__hero{display:flex}.tsbf__hero .tsbf__image{aspect-ratio:1.3/1}.tsbf__filters{justify-content:flex-start}.tsbf__filters button{font-size:13px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){.tsbf__card,.tsbf__image img{transition:none}.tsbf__card:hover,.tsbf__card:hover img{transform:none}}
