/* BLACK FRIDAY 2026 — Plakátová exploze × Černý obchod
   Vizuál je izolovaný na .bf, ceny a obrázky zůstávají živým HTML. */
.bf-page{background:#191716}
.bf-page .obsah-stranky{max-width:1440px;padding:0;background:#111114}
.bf{--bf-gutter:clamp(18px,4vw,55px);background:#f2ead7;color:#211b17;padding:0 var(--bf-gutter) 0;font:17px/1.5 Georgia,serif}
.bf *{box-sizing:border-box}
.bf [hidden]{display:none!important}
.bf a{color:inherit}
.bf-mast{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-block:4px double #211e18;padding:12px 0}
.bf-mast>a{font:bold clamp(36px,6vw,70px)/1 Georgia;text-decoration:none;letter-spacing:-3px}
.bf-mast>span,.bf-kicker{font:bold 12px/1.5 Arial,sans-serif;letter-spacing:1.4px}
.bf-mast nav a{padding:8px}
.bf-mast [aria-current]{background:#211e18;color:#fff}
.bf-hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);align-items:center;gap:15px;padding:16px 0 25px}
.bf-hero h1{font:900 clamp(60px,8vw,112px)/.9 Georgia,serif;letter-spacing:-5px;margin:18px 0}
.bf-hero em{color:#ac261d;font-style:normal}
.bf-hero img{width:100%;height:auto;mix-blend-mode:multiply}
.bf-button{display:inline-block;background:#aa281e;color:#fff4df!important;padding:12px 18px;text-decoration:none;font:bold 15px/1.5 Arial,sans-serif}
.bf-button:hover{background:#87170d}
.bf-small{font:13px/1.6 Arial,sans-serif}
.bf button,.bf input,.bf select{font-family:Arial,sans-serif}
.bf input,.bf select{min-height:44px}
.bf a:focus-visible,.bf button:focus-visible,.bf input:focus-visible,.bf select:focus-visible{outline:3px solid #f6c95e;outline-offset:4px}

/* Výrazná změna prostředí přímo pod tradičním novinovým lisem */
.bf-market{position:relative;isolation:isolate;margin:0 calc(-1*var(--bf-gutter));padding:30px var(--bf-gutter) 30px;color:#fff8e8;background:radial-gradient(ellipse 55% 23% at 50% 4%,#76211e 0,transparent 75%),radial-gradient(ellipse 45% 24% at 104% 49%,#541716 0,transparent 75%),repeating-linear-gradient(128deg,transparent 0 42px,#ffffff05 42px 43px),#111114}

.bf-market-heading{text-align:center;position:relative;margin:0 auto 24px}
.bf-market-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 16px;position:relative;z-index:3}
.bf-market-edition{font:900 12px/1.3 Arial,sans-serif;letter-spacing:1.8px;color:#ecc684}
.bf-years{display:flex;gap:7px;align-items:center}
.bf-years a{font:900 12px/1 Arial,sans-serif;text-decoration:none;color:#f7e2c3;border:1px solid #80654d;padding:8px 10px}
.bf-years a[aria-current="page"]{background:#b92527;border-color:#e76551;color:#fff8e8}
.bf-years a:hover{background:#6d2522}
.bf-market-marks{display:flex;justify-content:space-between;align-items:center;gap:10px;position:absolute;inset:44px 0 auto;pointer-events:none;color:#d3a75c;font:900 clamp(14px,2.2vw,29px)/.93 Impact,"Arial Black",sans-serif;transform:rotate(-3deg)}
.bf-market-marks span:last-child{font-size:11px;letter-spacing:1.8px;transform:rotate(8deg)}
.bf-market-kicker,.bf-market-subtitle,.bf-overline{font:800 11px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:3px;color:#e6bc76}
.bf-market-heading h1{font:900 clamp(37px,6.3vw,92px)/.96 Impact,"Arial Black",Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;margin:16px auto 10px;max-width:1000px;text-shadow:5px 7px 0 #000a}
.bf-market-heading h1>span:first-child{display:inline-block;padding:6px 14px 7px;background:#b52426;color:#fff8eb;transform:rotate(-2deg);clip-path:polygon(2% 2%,100% 0,97% 91%,0 100%);box-shadow:inset 0 0 32px #6a070b}
.bf-burst{color:#eeac42;margin-left:10px}
.bf-market-subtitle{color:#f8ead1;margin:7px 0 22px}
.bf-market-nav{display:flex;justify-content:center;gap:10px 20px;flex-wrap:wrap;font:700 13px/1.2 Arial,sans-serif}
.bf-market-nav a{color:#fff1d8;text-decoration:none;border-bottom:1px solid #a97450;padding:7px 2px}
.bf-market-nav a:hover{color:#ffc85a;border-color:#ffc85a}
.bf-notice{margin:20px 0;padding:14px 20px;background:#30201c;border-left:5px solid #db4542;color:#ffe4bd}

/* Řazení a filtry mají vypadat jako ovládání obchodu, ne formulář článku */
.bf-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:18px;border:1px solid #816149;background:#211e20;margin:24px 0 14px;box-shadow:0 12px 25px #0004}
.bf-filters label{display:grid;gap:5px;min-width:134px;color:#e0c7a5;font:700 11px/1.3 Arial,sans-serif;text-transform:uppercase;letter-spacing:.6px}
.bf-filters .bf-search-field{flex:1 1 220px}
.bf-filters input:not([type=checkbox]),.bf-filters select{min-width:0;width:100%;color:#191719;background:#fffaef;border:1px solid #817564;border-radius:3px;padding:10px 12px;font:500 14px Arial,sans-serif}
.bf-filters .bf-check{display:flex;align-items:center;gap:9px;min-height:43px;min-width:unset;padding-inline:8px;cursor:pointer}
.bf-check input{height:19px;width:19px;accent-color:#c42c26}
.bf-quick{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-left:auto}
.bf-quick button{border:1px solid #987858;border-radius:50px;background:#17171a;color:#f7e5c5;font-size:12px;font-weight:800;padding:10px 13px;min-height:42px;cursor:pointer}
.bf-quick button[aria-pressed=true],.bf-quick button:hover{background:#bd2727;border-color:#f3a55a;color:white}
.bf-result{margin:10px 0 15px;font:700 13px Arial,sans-serif;color:#dfbb77}
.bf-result:empty{display:none}
.bf-no-results,.bf-empty{margin:22px 0;padding:22px;background:#231a19;border:1px dashed #9d685e;color:#f5e2ce}
.bf-empty a{color:#ffd071}
.bf-shelf{padding:26px 0 35px;border-bottom:1px solid #665046}
.bf-shelf-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 18px}
.bf-shelf-heading h2{font:900 clamp(26px,3.3vw,44px)/1.12 Georgia,serif;letter-spacing:-.6px;color:#fff6de;margin:4px 0}
.bf-shelf-heading>p{font:13px/1.6 Arial,sans-serif;color:#bdaea3;max-width:440px;margin:0}
.bf-overline{color:#df6159}
.bf-offers{display:grid;gap:17px;align-items:stretch}
.bf-offers-featured{grid-template-columns:repeat(3,minmax(0,1fr))}
.bf-offers-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Plakát: typografie a cenovka z pop-artu, použitelný obsah z e-shopu */
.bf-offer{position:relative;min-width:0;display:flex;flex-direction:column;background:#f0e0c1;color:#211713;border:1px solid #2b1713;box-shadow:5px 6px 0 #ad2723,0 16px 30px #0008;transition:transform .18s,box-shadow .18s;overflow:visible}
.bf-offer:hover{transform:translateY(-5px);box-shadow:5px 8px 0 #d34233,0 19px 30px #0009}
.bf-offer:nth-child(3n+2){background:#f5e5ce}
.bf-offer:nth-child(3n+3){background:#ead3ac}
.bf-offer:after{content:"";height:7px;position:absolute;inset:auto 4% -6px;z-index:-1;background:#801913;transform:skewX(-22deg)}
.bf-image{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 43%,#55423d,#261c1d 75%);border-bottom:4px solid #b42424;min-height:180px;height:200px;padding:14px}
.bf-image img{display:block;width:100%;height:100%;max-height:200px;object-fit:contain;filter:drop-shadow(8px 13px 6px #0009)}
.bf-image-fallback{position:absolute;inset:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#ffeed1;text-align:center;font:900 clamp(21px,2vw,31px)/1.08 Georgia,serif;text-shadow:2px 3px 0 #000}
.bf-image-symbol{font-size:36px;color:#f7b950}
.bf-discount-stamp{position:absolute;top:10px;right:-8px;z-index:3;background:#ffd36d;color:#29160b;transform:rotate(7deg);padding:13px 11px;min-width:93px;text-align:center;font:900 22px/.95 Impact,"Arial Black",sans-serif;letter-spacing:-.5px;clip-path:polygon(6% 0,95% 6%,100% 87%,84% 100%,0 92%,3% 35%)}
.bf-discount-stamp small{display:block;margin-top:4px;font:800 9px/1.1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.3px}
.bf-sticker{position:absolute;z-index:2;top:10px;left:-7px;max-width:88%;padding:8px 13px;background:#c12926;color:#fff8e5;transform:rotate(-5deg);box-shadow:3px 3px 0 #2a0c0c;font:900 11px/1.15 Arial,sans-serif;letter-spacing:.6px}
.bf-offer-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:16px 16px 17px;min-width:0}
.bf-category{font:800 10px/1.3 Arial,sans-serif;text-transform:uppercase;letter-spacing:1.2px;color:#8d2621;margin:0 0 7px}
.bf-category span{color:#bd5b23}
.bf-offer h3{font:900 clamp(20px,2vw,30px)/1.08 Georgia,serif;letter-spacing:-.5px;overflow-wrap:anywhere;margin:0 0 10px}
.bf-reason{font:13px/1.4 Georgia,serif;margin:0 0 13px;color:#594a40}
.bf-price-block{width:100%;margin-top:auto;position:relative;padding:8px 10px 11px;background:#b62523;clip-path:polygon(1% 3%,100% 0,98% 94%,0 100%);color:#fff8e2;text-shadow:2px 2px 0 #6d1414}
.bf-price-label{display:block;letter-spacing:.5px;text-transform:uppercase;font:800 9px Arial,sans-serif;color:#ffddc4}
.bf-price{display:block;white-space:nowrap;font:900 clamp(34px,3.5vw,55px)/.98 Impact,"Arial Black",Arial,sans-serif;letter-spacing:-1px}
.bf-price small{font-size:.45em;letter-spacing:0}
.bf-comparison{font:700 11px/1.35 Arial,sans-serif;margin:8px 0 6px;color:#5e3c31;min-height:29px}
.bf-comparison strong{color:#af2321;font-size:15px}
.bf-comparison-unknown{color:#736459;font-weight:500}
.bf-status{font:11px/1.4 Arial,sans-serif;color:#625448;margin:10px 0}
.bf-actions{display:flex;width:100%;gap:8px;align-items:stretch;margin-top:auto}
.bf-buy{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;padding:12px 12px;min-height:44px;background:#f6c75a;color:#20160f!important;border:1px solid #432511;text-decoration:none;font:900 12px/1.2 Arial,sans-serif}
.bf-buy:hover{background:#ffe39a}
.bf-buy span{font-size:20px}
.bf-cut{width:46px;min-height:44px;flex:0 0 46px;border:1px solid #4b241a;background:#fff3dd;color:#ad251f;cursor:pointer;font:900 27px/1 Arial,sans-serif;padding:0}
.bf-cut:hover,.bf-cut[aria-pressed=true]{background:#ad251f;color:#fff6df}
.bf-game-link{display:inline-block;margin-top:10px;font:700 11px Arial,sans-serif;color:#6c261e!important}
.bf-game-link:hover{text-decoration-thickness:2px}
.bf-offer-featured{display:grid;grid-template-columns:43% minmax(0,1fr);min-height:307px}
.bf-offer-featured .bf-image{height:100%;min-height:300px;border:0;border-right:4px solid #b42424;padding:12px}
.bf-offer-featured .bf-image img{max-height:290px}
.bf-offer-featured .bf-offer-content{padding:20px 16px}
.bf-offer-featured h3{font-size:clamp(23px,2.3vw,35px)}
.bf-offer-featured .bf-price{font-size:clamp(36px,3.2vw,55px)}
.bf-offer-featured .bf-reason{font-size:13px}
.bf-offer-compact .bf-offer-content{min-height:266px}

/* Výstřižky, redakce a archiv */
.bf-cutouts{background:#251b1a;border:1px dashed #b87758;padding:20px;margin:22px 0}
.bf-cutouts .bf-saved-count{font:700 15px Arial,sans-serif;background:#c12926;border-radius:30px;padding:5px 10px;vertical-align:middle}
.bf-saved ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.bf-saved li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;background:#302728;border-left:3px solid #b92b28;font:14px/1.3 Arial,sans-serif}
.bf-saved button,.bf-print{padding:10px 14px;min-height:42px;cursor:pointer;border:1px solid #a78662;background:#ead3aa;color:#231717;font:bold 13px Arial,sans-serif}
.bf-print{margin-top:12px}
.bf-saved p{font:13px/1.6 Arial,sans-serif}
.bf-storage-warning{color:#ffb7a5}
.bf-market-fineprint{display:flex;justify-content:center;flex-wrap:wrap;gap:9px 35px;padding:23px 0 4px;color:#bda993;font:11px/1.5 Arial,sans-serif;text-align:center}
.bf-editorial{background:#191719;color:#eee0c9;margin:0 calc(-1*var(--bf-gutter));padding:16px var(--bf-gutter) 36px}
.bf-editorial section{padding:20px 0 28px;border-top:1px solid #63483b}
.bf-editorial h2{font:900 clamp(26px,3.5vw,42px)/1.15 Georgia,serif;margin:10px 0 14px}
.bf-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bf-stories article{border-left:3px solid #ad312c;padding:3px 16px;background:linear-gradient(90deg,#2c2021,#191719)}
.bf-stories h3{font:900 21px/1.2 Georgia,serif;color:#f9d79a;margin:4px 0 8px}
.bf-stories p{font:14px/1.65 Georgia,serif;color:#cbbcb1}
.bf-stories a:hover{color:#ffcf60}

@media(max-width:1240px){
  .bf-offers-featured{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bf-offers-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bf-market-marks span:last-child{display:none}
  .bf-offer-featured .bf-price{font-size:43px}
}
@media(max-width:900px){
  .bf-offers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bf-offers-featured{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bf-offer-featured{grid-template-columns:1fr}
  .bf-offer-featured .bf-image{height:230px;min-height:230px;border:0;border-bottom:4px solid #b42424}
  .bf-offer-featured .bf-image img{max-height:210px}
  .bf-market-marks{display:none}
  .bf-market-topline{margin-bottom:12px}
  .bf-shelf-heading{align-items:flex-start;flex-direction:column;gap:5px}
  .bf-filters{align-items:stretch}
  .bf-stories{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .bf{font-size:16px;padding-top:12px}
  .bf-mast>a{letter-spacing:-2px}
  .bf-mast>span{font-size:10px}
  .bf-hero{grid-template-columns:1fr;padding-top:8px}
  .bf-hero h1{font-size:clamp(59px,14vw,80px);margin:12px 0}
  .bf-hero img{max-height:300px;object-fit:contain}
  .bf-market{padding-top:16px}
  .bf-market-edition{font-size:10px;letter-spacing:1px}
  .bf-years a{font-size:11px;padding:6px 8px}
  .bf-market-heading h1{font-size:clamp(36px,10vw,60px);line-height:1.1}
  .bf-market-heading h1>span:first-child{padding:5px 10px}
  .bf-burst{display:none}
  .bf-market-kicker,.bf-market-subtitle{font-size:10px;letter-spacing:1.5px}
  .bf-market-nav{gap:7px 14px}
  .bf-filters{padding:12px}
  .bf-filters label{flex:1 1 130px}
  .bf-filters .bf-search-field{flex:1 1 100%}
  .bf-filters .bf-check{flex:1 1 100%}
  .bf-quick{margin-left:0}
  .bf-shelf{padding:22px 0 25px}
  .bf-offers-featured,.bf-offers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .bf-offer-featured .bf-image,.bf-image{height:155px;min-height:155px;padding:8px}
  .bf-offer-featured .bf-image img,.bf-image img{max-height:144px}
  .bf-offer-featured h3,.bf-offer h3{font-size:18px}
  .bf-offer-content,.bf-offer-featured .bf-offer-content{padding:11px}
  .bf-reason,.bf-offer-featured .bf-reason{font-size:11px;line-height:1.35}
  .bf-offer-featured .bf-price,.bf-price{font-size:clamp(28px,6vw,41px)}
  .bf-price-block{padding:8px}
  .bf-sticker{font-size:9px;padding:6px 9px;top:7px}
  .bf-discount-stamp{font-size:18px;padding:9px 6px;min-width:68px;right:-4px;top:7px}
  .bf-discount-stamp small{font-size:8px}
  .bf-comparison{font-size:10px;min-height:35px}
  .bf-comparison strong{font-size:12px}
  .bf-image-fallback{font-size:17px;inset:5px}
  .bf-image-symbol{font-size:25px}
  .bf-buy{font-size:11px;padding:9px 6px}
  .bf-buy span{font-size:14px}
  .bf-cut{width:40px;flex-basis:40px}
  .bf-status{font-size:10px}
  .bf-category{font-size:9px}
  .bf-offer-compact .bf-offer-content{min-height:255px}
  .bf-stories{grid-template-columns:1fr}
}
@media(max-width:365px){
  .bf-offers-featured,.bf-offers-grid{grid-template-columns:1fr}
  .bf-offer-featured{grid-template-columns:35% 1fr}
  .bf-offer-featured .bf-image{height:100%;min-height:220px}
  .bf-price,.bf-offer-featured .bf-price{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.bf-offer{transition:none}.bf-offer:hover{transform:none}}
@media print{
  .hlavni-hlavicka,.novinovy-pruh,.bf-mast,.bf-hero,.bf-market-heading,.bf-filters,.bf-shelf,.bf-market-fineprint,.bf-editorial,.bf-print,.bf-saved button,footer{display:none!important}
  .bf-page,.bf,.bf-market,.bf-cutouts{background:#fff!important;color:#000!important;margin:0;padding:0;border:0}
  .bf #vystrizky{display:block!important}
  .bf-saved li{border-bottom:1px solid #aaa;background:#fff;color:#000}
}

/* Celé zobrazení konkrétní hry vede na její kartu v katalogu. */
.bf-image{isolation:isolate}
.bf-cover-link{position:absolute;inset:0;z-index:1}
.bf-cover-link:focus-visible{outline:4px solid #ffd36d;outline-offset:-4px}
.bf-offer h3 a.bf-title-link{color:inherit;text-decoration:none}
.bf-offer h3 a.bf-title-link:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.bf-sticker,.bf-discount-stamp{pointer-events:none}