/* Black Friday výber zliav (náhľad). Jazyk webu: ľan, lesná zelená, horčica; termín ako visačka na tovare. */
.bf-hl{display:grid;gap:22px;padding:8px 0 20px;align-items:start}
.bf-hl h1{font-size:clamp(1.9rem,5.5vw,3.2rem);max-width:18ch}
.bf-hl .vskratke{max-width:66ch;margin:12px 0 0;color:#3a4543}
.bf-nahlad{display:inline-block;margin-bottom:10px;padding:3px 9px;border:1px dashed var(--sivy);border-radius:6px;color:var(--sivy)}
.bf-stitok{position:relative;justify-self:start;display:grid;gap:2px;padding:18px 24px 16px 46px;min-width:230px;background:var(--papier);box-shadow:var(--tien-2);border-radius:6px 22px 22px 6px;clip-path:polygon(18px 0,100% 0,100% 100%,18px 100%,0 50%);color:var(--atrament)}
.bf-stitok::before{content:"";position:absolute;left:21px;top:50%;width:11px;height:11px;margin-top:-5px;border-radius:50%;background:var(--omietka);border:1.5px solid var(--linka);box-shadow:inset 0 1px 2px rgba(42,39,35,.3)}
.bf-stitok-k{font-family:var(--text);font-weight:600;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sivy)}
.bf-stitok-d{font-family:var(--display);font-weight:750;font-size:2.6rem;line-height:1;letter-spacing:-.03em;color:var(--petrolej)}
.bf-stitok-r{font-size:.82rem;color:var(--sivy)}
.bf-zostava{margin-top:8px;padding-top:8px;border-top:1px dashed var(--linka);font-weight:600;font-size:.86rem;font-variant-numeric:tabular-nums}
.bf-lista{position:sticky;top:var(--stick,62px);z-index:20;display:grid;gap:8px;padding:10px 0;background:rgba(239,235,228,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linka)}
.bf-od,.bf-odd{display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bf-od::-webkit-scrollbar,.bf-odd::-webkit-scrollbar{display:none}
.bf-od span{font-size:.8rem;font-weight:600;color:var(--sivy);margin-right:2px;white-space:nowrap}
.bf-od a,.bf-odd a{flex:none;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:var(--papier);box-shadow:var(--tien-1);text-decoration:none;font-weight:600;font-size:.86rem;white-space:nowrap;min-height:36px}
.bf-od a.on,.bf-odd a.on{background:var(--petrolej);color:#fff}
.bf-odd a i{width:9px;height:9px;border-radius:50%;background:var(--c,var(--salvia))}
.bf-odd a.on i{box-shadow:0 0 0 2px #fff}
.bf-s{padding-top:26px}
.bf-odd-s .s-hl{border-top:3px solid var(--c,var(--petrolej));padding-top:14px;margin-bottom:14px}
.bf-odd-s .s-hl h2{font-size:clamp(1.35rem,3.4vw,1.9rem)}
.bf-viac{text-align:center;margin:22px 0 0}
.bf-poznamka{margin:34px 0 0;max-width:80ch;font-size:.8rem;color:var(--sivy);line-height:1.55}
.bf-faq{max-width:80ch;margin-top:34px}
.bf-faq p{margin:8px 0 2px}
@media (min-width:860px){
  .bf-hl{grid-template-columns:1fr auto;gap:40px}
  .bf-stitok{margin-top:34px}
  .bf-lista{grid-template-columns:auto 1fr;align-items:center;gap:18px}
  .bf-odd{flex-wrap:wrap;overflow:visible}
}
.bf-faq h2{margin-bottom:14px}