/* ═══════════════════════════════════════════════════════════════════
   iSupply FX — futuristická vrstva pro světlý motiv
   Načítá se ZA inline styly každé stránky, takže je přebíjí.
   Motiv: „každý kus prochází naším scanem" — jemná inženýrská mřížka,
   scan-line, HUD rámečky, růžové neonové akcenty.
   Selektory míří na existující třídy — co na stránce není, se nepoužije.
   ═══════════════════════════════════════════════════════════════════ */

@property --fxang{syntax:"<angle>";initial-value:0deg;inherits:false}

:root{
  --fx-glow:rgba(251,145,209,.55);
  --fx-glow-soft:rgba(251,145,209,.16);
  --fx-grid-ink:rgba(10,10,12,.05);
  --fx-grid-pink:rgba(251,145,209,.055);
  --fx-shimmer:linear-gradient(100deg,#F05CB6 0%,#FB91D1 35%,#FFD9EF 52%,#FB91D1 68%,#F05CB6 100%);
}

/* ── 1 · ZÁKLAD ─────────────────────────────────────────────────── */
html{background:#fff}
/* overflow-x:hidden (index) lámal sticky hlavičku — clip ji nechá držet */
@supports (overflow:clip){html,body{overflow-x:clip !important}}
body{background:transparent !important}
::selection{background:#FB91D1;color:#0A0A0C}

/* Růžový scrollbar */
html{scrollbar-color:#F05CB6 #F1F1F6;scrollbar-width:thin}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#F1F1F6}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#FB91D1,#F05CB6);border-radius:99px;border:2.5px solid #F1F1F6}
::-webkit-scrollbar-thumb:hover{background:#F05CB6}
.vk-models::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#FB91D1,#F05CB6);border:none}

/* ── 2 · POZADÍ — mesh světla + mřížka rozplývající se do bílé ──── */
.fx-bg{
  position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;
  background:linear-gradient(180deg,#FCFCFE 0%,#FFFFFF 55%,#FBF9FC 100%);
}
.fx-bg::before{ /* mřížka */
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(var(--fx-grid-ink) 1px,transparent 1px),
    linear-gradient(90deg,var(--fx-grid-ink) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 0%,rgba(0,0,0,.35) 45%,transparent 78%);
          mask-image:radial-gradient(120% 90% at 50% 0%,#000 0%,rgba(0,0,0,.35) 45%,transparent 78%);
}
.fx-bg .fx-mesh{position:absolute;border-radius:50%}
.fx-bg .fx-mesh.m1{top:-16vmax;right:-10vmax;width:46vmax;height:46vmax;
  background:radial-gradient(circle,rgba(251,145,209,.20) 0%,rgba(251,145,209,.07) 42%,transparent 70%)}
.fx-bg .fx-mesh.m2{bottom:-18vmax;left:-12vmax;width:42vmax;height:42vmax;
  background:radial-gradient(circle,rgba(240,92,182,.14) 0%,rgba(240,92,182,.05) 45%,transparent 70%)}
.fx-bg .fx-mesh.m3{top:32%;left:-14vmax;width:30vmax;height:30vmax;
  background:radial-gradient(circle,rgba(251,145,209,.10) 0%,transparent 65%)}
/* Mesh je statický — animace 3 obřích vrstev stála příliš mnoho výkonu */

/* Světlé sekce zprůhlednit, ať mesh dýchá skrz */
.social-section{background:rgba(247,247,250,.55)}
.vk-why{background:rgba(247,247,250,.55)}
.trust-bar{background:rgba(255,255,255,.55);backdrop-filter:blur(8px)}
.vykup-gap{background:transparent}

/* ── 3 · HLAVIČKA — sklo + růžová scan linka ────────────────────── */
.site-header{
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(12px) saturate(1.2);
  -webkit-backdrop-filter:blur(12px) saturate(1.2);
  border-bottom-color:rgba(228,228,236,.75);
}
.site-header::after{
  content:"";position:absolute;left:0;right:0;bottom:-1.5px;height:1.5px;
  background:linear-gradient(90deg,transparent 8%,rgba(240,92,182,.5) 50%,transparent 92%);
  pointer-events:none;
}
.topbar strong{text-shadow:0 0 12px rgba(251,145,209,.65)}

/* Glow na logu */
.brand img,.footer-brand img{
  box-shadow:0 0 0 1px rgba(251,145,209,.35),0 0 20px -2px var(--fx-glow);
}
@media(prefers-reduced-motion:no-preference){
  .brand img{animation:fxLogo 5s ease-in-out infinite}
  @keyframes fxLogo{
    0%,100%{box-shadow:0 0 0 1px rgba(251,145,209,.35),0 0 18px -2px rgba(251,145,209,.5)}
    50%{box-shadow:0 0 0 1px rgba(251,145,209,.55),0 0 26px 0 rgba(251,145,209,.75)}
  }
}

/* ── 4 · NADPISY — gradient tmavá → jemnější, růžová se shimmerem ─ */
h1,.section-title,.info-h,.page-head h1,.vk-hero h1,.vk-why h2,
.product-title,.empty-cart h3,.soc-modal-head h3,.modal-head h3{
  background:linear-gradient(150deg,#0A0A0C 25%,#4A4A5A 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:#0A0A0C;
}
/* …a obrácená (bílá) verze tam, kde byl podklad tmavý už předtím */
.hero h1,.page-header h1,.pd-hero h1,.battery-section .section-title,
.soc-cta h3{
  background:linear-gradient(150deg,#FFFFFF 30%,#AEAEC2 105%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:#fff;
}
/* Růžová slova: shimmer + záře (drop-shadow, protože text-shadow s clip-textem nefunguje) */
h1 em,.section-title em,.vk-hero h1 em,h2 em,
.hero h1 em,.pd-hero h1 em,.battery-section .section-title em{
  background:var(--fx-shimmer);background-size:240% 100%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:#F05CB6;
  filter:drop-shadow(0 0 13px rgba(251,145,209,.5));
}
@media(prefers-reduced-motion:no-preference){
  h1 em,.section-title em,.vk-hero h1 em,h2 em{animation:fxShimmer 3.4s linear infinite}
  @keyframes fxShimmer{from{background-position:0% 0}to{background-position:-240% 0}}
}
.eyebrow,.ph-eyebrow,.hero-eyebrow{text-shadow:0 0 14px rgba(251,145,209,.35)}

/* ── 5 · KARTY — bílé sklo, blur, zvednutí, glow za kurzorem ────── */
/* Statické karty dostanou position:relative (sticky boxy už positioned jsou) */
.feat,.cat-card,.soc-card,.p-card,.reco-card,.popis-box,.buy-box,
.cart-item,.empty-cart,.card-box,.ship-method,.vk-top,.vk-card,
.soc-link,.upsell-item,.box{position:relative}

/* Sklo — větší solitérní boxy s pravým blurem */
.feat,.cat-card,.soc-card:not(.soc-cta),.filter-box,.variant-bar,
.buy-box,.popis-box,.summary-box,.card-box,.ship-method,
.vk-picker,.vk-top,.vk-card,.cart-item,.empty-cart,.box,.soc-link{
  background:rgba(255,255,255,.66);
  backdrop-filter:blur(12px) saturate(1.25);
  -webkit-backdrop-filter:blur(12px) saturate(1.25);
  border-color:rgba(224,224,234,.9);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 30px -22px rgba(10,10,12,.25);
}
/* Na stránce produktů blur vynecháme — sticky sloupce se přepočítávají při scrollu */
.filter-box,.variant-bar{
  background:rgba(255,255,255,.85);
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
/* Produktové karty plně neprůhledné — jejich stock-badge má vlastní backdrop-filter
   a nad průhledným podkladem by se 1700× přepočítával */
.p-card,.reco-card{
  background:#fff;
  border-color:rgba(224,224,234,.9);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 8px 26px -22px rgba(10,10,12,.22);
}
.vis-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,240,250,.55));
  backdrop-filter:blur(12px) saturate(1.25);
  -webkit-backdrop-filter:blur(12px) saturate(1.25);
  border-color:rgba(224,224,234,.9);
}

/* Zvednutí + růžový nádech při hoveru */
.feat:hover,.cat-card:hover,.soc-card:not(.soc-cta):hover,.p-card:hover,
.reco-card:hover,.vk-card:hover,.soc-link:hover,.ship-method:hover,.cart-item:hover{
  transform:translateY(-4px);
  border-color:rgba(240,92,182,.55);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,
             0 22px 44px -24px rgba(240,92,182,.4),
             0 0 0 1px rgba(251,145,209,.18);
}

/* Glow sledující kurzor (JS nastavuje --mx/--my) */
.feat::before,.cat-card::before,.soc-card:not(.soc-cta)::before,
.p-card::before,.reco-card::before,.buy-box::before,.filter-box::before,
.summary-box::before,.card-box::before,.vk-picker::before,.vk-top::before,
.vk-card::before,.cart-item::before,.vis-panel::before,.box::before{
  content:"";position:absolute;inset:0;border-radius:inherit;z-index:1;
  background:radial-gradient(300px circle at var(--mx,50%) var(--my,30%),var(--fx-glow-soft),transparent 62%);
  opacity:0;transition:opacity .35s;pointer-events:none;
}
.feat:hover::before,.cat-card:hover::before,.soc-card:not(.soc-cta):hover::before,
.p-card:hover::before,.reco-card:hover::before,.buy-box:hover::before,
.filter-box:hover::before,.summary-box:hover::before,.card-box:hover::before,
.vk-picker:hover::before,.vk-top:hover::before,.vk-card:hover::before,
.cart-item:hover::before,.vis-panel:hover::before,.box:hover::before{opacity:1}
@media(hover:none){
  .feat::before,.cat-card::before,.p-card::before,.reco-card::before{display:none}
}

/* Růžový akcent zleva na řádcích */
.feat:hover,.cart-item:hover,.soc-link:hover,.upsell-item:hover{
  box-shadow:inset 3px 0 0 #F05CB6,
             0 1px 0 rgba(255,255,255,.9) inset,
             0 22px 44px -24px rgba(240,92,182,.4);
}
.bat-opt{box-shadow:inset 3px 0 0 rgba(240,92,182,.55)}
.bat-opt:hover{box-shadow:inset 3px 0 0 #FB91D1,0 0 26px -8px rgba(251,145,209,.5)}
.params-table tr{transition:background .15s,box-shadow .15s}
.params-table tr:hover{background:#FFF5FB;box-shadow:inset 3px 0 0 #F05CB6}
.ship-method.on{box-shadow:inset 3px 0 0 #F05CB6,0 0 24px -8px rgba(251,145,209,.5)}
.sum-item{transition:box-shadow .15s,background .15s}
.sum-item:hover{box-shadow:inset 3px 0 0 rgba(240,92,182,.6)}

/* ── 6 · NEONOVÁ TLAČÍTKA ───────────────────────────────────────── */
.btn-pink-solid,.btn-cta-pink,.sc-btn-pink,.promo-badge,.vk-btn{
  box-shadow:0 0 0 1.5px rgba(240,92,182,.25),
             inset 0 1px 0 rgba(255,255,255,.4),
             0 4px 16px -4px rgba(240,92,182,.55),
             0 0 28px -6px var(--fx-glow);
}
.btn-pink-solid:hover,.btn-cta-pink:hover,.sc-btn-pink:hover,.vk-btn:hover{
  box-shadow:0 0 0 1.5px rgba(240,92,182,.45),
             inset 0 1px 0 rgba(255,255,255,.45),
             0 7px 22px -4px rgba(240,92,182,.75),
             0 0 42px -4px rgba(251,145,209,.75);
  transform:translateY(-1px);
}
/* Tmavá CTA dostanou růžové halo až při hoveru */
.btn-nav-solid:hover,.btn-big:hover,.btn-cta-primary:hover,
.btn-solid:hover,.btn-vykup:hover,.btn:hover{
  box-shadow:0 0 0 1.5px rgba(251,145,209,.35),0 8px 26px -8px rgba(240,92,182,.6);
}
.card-arr{transition:background .18s,box-shadow .18s,transform .18s}
.p-card:hover .card-arr{
  background:linear-gradient(135deg,#F05CB6,#FB91D1);color:#0A0A0C;
  box-shadow:0 0 18px -2px var(--fx-glow);transform:translateX(2px);
}

/* ── 7 · ZÁŘÍCÍ KRUHY U KROKŮ / IKON ────────────────────────────── */
.feat-ico{
  box-shadow:0 0 0 1px rgba(251,145,209,.3),0 0 16px -3px var(--fx-glow);
}
.sm-icon,.vk-card .ci,.pi-ico{
  filter:drop-shadow(0 0 8px rgba(251,145,209,.55));
}
.ship-method.on .sm-icon{filter:drop-shadow(0 0 12px rgba(240,92,182,.85))}
@media(prefers-reduced-motion:no-preference){
  .feat:hover .feat-ico{animation:fxSonar 1.6s ease-out infinite}
  @keyframes fxSonar{
    0%{box-shadow:0 0 0 0 rgba(251,145,209,.5),0 0 16px -3px var(--fx-glow)}
    100%{box-shadow:0 0 0 13px rgba(251,145,209,0),0 0 16px -3px var(--fx-glow)}
  }
}
.step-track .on{position:relative;color:#0A0A0C}
.step-track .on::after{
  content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#F05CB6,#FB91D1);
  box-shadow:0 0 10px rgba(251,145,209,.8);
}

/* ── 8 · TMAVÉ SEKCE — mřížka rozplývající se do tmy, sladěná ───── */
footer{position:relative}
.fx-scan-grid{
  position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(var(--fx-grid-pink) 1px,transparent 1px),
    linear-gradient(90deg,var(--fx-grid-pink) 1px,transparent 1px);
  background-size:40px 40px;
  -webkit-mask-image:radial-gradient(110% 100% at 50% 0%,#000 0%,rgba(0,0,0,.3) 50%,transparent 82%);
          mask-image:radial-gradient(110% 100% at 50% 0%,#000 0%,rgba(0,0,0,.3) 50%,transparent 82%);
}
footer .fx-scan-grid{
  -webkit-mask-image:radial-gradient(110% 100% at 50% 100%,#000 0%,rgba(0,0,0,.3) 50%,transparent 82%);
          mask-image:radial-gradient(110% 100% at 50% 100%,#000 0%,rgba(0,0,0,.3) 50%,transparent 82%);
}
@media(prefers-reduced-motion:no-preference){
  .hero-glow1{animation:fxDrift 13s ease-in-out infinite alternate}
  .hero-glow2{animation:fxDrift 17s ease-in-out infinite alternate-reverse}
  @keyframes fxDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-3.5%,4%,0)}}
}
/* Battery readout — svítící číselník podle stavu */
.ba-big{filter:drop-shadow(0 0 11px rgba(62,212,127,.5))}
.ba-big.warn{filter:drop-shadow(0 0 11px rgba(245,194,75,.5))}
.ba-big.bad{filter:drop-shadow(0 0 11px rgba(240,104,92,.55))}
.ba-fill{box-shadow:0 0 14px -2px rgba(62,212,127,.6)}
.ba-fill.warn{box-shadow:0 0 14px -2px rgba(245,194,75,.6)}
.ba-fill.bad{box-shadow:0 0 14px -2px rgba(240,104,92,.6)}
.bat-fill{box-shadow:0 0 12px -2px var(--fx-glow)}
.grade-pill,.scan-tag{backdrop-filter:blur(6px)}

/* ── 9 · PRAVÁ LIŠTA V PRODUKTECH ───────────────────────────────────
   HUD ozdoby (rotující okraj, rohové závorky, scanline) jsou pryč —
   lišta má teď klidný vzhled definovaný přímo v produkty.html. */
.soc-card.soc-cta{box-shadow:0 0 34px -14px rgba(240,92,182,.5)}

/* ── 10 · PRODUKTY — vyšperkované karty ─────────────────────────── */
.p-card{overflow:hidden}
.p-card .ph{
  border-bottom:none;
  background:
    linear-gradient(180deg,rgba(251,145,209,.05),transparent 45%),#fff;
}
.p-card .ph::before{ /* gradientová linka místo plné růžové */
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,#F05CB6 30%,#FB91D1 70%,transparent);
}
.p-card .ph::after{ /* holografický přejezd při hoveru */
  content:"";position:absolute;top:0;bottom:0;left:-70%;width:55%;
  background:linear-gradient(105deg,transparent,rgba(251,145,209,.28) 50%,rgba(255,255,255,.35) 55%,transparent);
  transform:skewX(-18deg);transition:none;pointer-events:none;
}
@media(prefers-reduced-motion:no-preference){
  .p-card:hover .ph::after{animation:fxSheen .8s ease forwards}
  @keyframes fxSheen{to{left:130%}}
}

/* ── Fotka na detailu ──────────────────────────────────────────────
   Záře kolem rámečku i světlo uvnitř jsou pryč — detail produktu má být
   klidný. Vzhled fotky si teď řídí produkt.html sám. */
.main-photo::before,.main-photo::after{content:none}

.grade-zn,.grade-badge-big.grade-zn{box-shadow:0 0 14px -2px rgba(251,145,209,.7)}
.stock-badge.stock-in{box-shadow:0 0 12px -2px rgba(251,145,209,.8)}
/* Vstupní animace jen u prvních 12 karet — 1700 animací najednou stránku zabíjelo.
   Zbytek mřížky se objeví okamžitě, což je i lepší UX. */
@media(prefers-reduced-motion:no-preference){
  .p-card:nth-child(-n+12),.reco-card,.cat-card{animation:fxRise .5s cubic-bezier(.2,.7,.3,1) both}
  .p-card:nth-child(1){animation-delay:.02s}.p-card:nth-child(2){animation-delay:.06s}
  .p-card:nth-child(3){animation-delay:.1s}.p-card:nth-child(4){animation-delay:.14s}
  .p-card:nth-child(5){animation-delay:.18s}.p-card:nth-child(6){animation-delay:.22s}
  .p-card:nth-child(7){animation-delay:.26s}.p-card:nth-child(8){animation-delay:.3s}
  .p-card:nth-child(9){animation-delay:.34s}.p-card:nth-child(10){animation-delay:.38s}
  .p-card:nth-child(11){animation-delay:.42s}.p-card:nth-child(12){animation-delay:.46s}
  .reco-card:nth-child(2),.cat-card:nth-child(2){animation-delay:.08s}
  .reco-card:nth-child(3),.cat-card:nth-child(3){animation-delay:.16s}
  @keyframes fxRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
}
/* Filtry a varianty */
.model-btn,.var-btn,.opt-btn,.stav-opt,.vk-model,.vk-opt,.gp-btn{
  transition:border-color .14s,background .14s,color .14s,box-shadow .14s;
}
.model-btn.on,.var-btn.on,.opt-btn.on,.stav-opt.on,.vk-model.on,.vk-opt.on,.gp-btn.on{
  box-shadow:0 0 0 1px rgba(251,145,209,.4),0 4px 16px -6px rgba(240,92,182,.6);
}
.stav-opt.stav-zn.on{box-shadow:0 0 0 1.5px rgba(240,92,182,.5),0 0 22px -4px var(--fx-glow)}
.sort-select:focus,.vk-search:focus{
  border-color:#F05CB6;box-shadow:0 0 0 3px rgba(251,145,209,.2)}
.results-count strong{color:#F05CB6;text-shadow:0 0 10px rgba(251,145,209,.4)}

/* ── 11 · DETAIL PRODUKTU ───────────────────────────────────────── */
.color-sw.on{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #F05CB6,0 0 16px -2px var(--fx-glow)}
.color-sw.dot.on{box-shadow:0 0 0 2px #fff,0 0 0 4px #F05CB6,0 0 14px 0 var(--fx-glow)}
.price-main{
  background:linear-gradient(150deg,#0A0A0C 30%,#3E3E4C 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.price-save{box-shadow:0 0 14px -3px var(--fx-glow)}
.upsell-bat{
  border-color:rgba(240,92,182,.55);
  background:linear-gradient(120deg,rgba(255,240,250,.85),rgba(255,255,255,.7));
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 0 24px -10px rgba(251,145,209,.5);
}
.reco-claim{box-shadow:0 0 16px -6px var(--fx-glow)}

/* ── 12 · KOŠÍK / PLATBA / VÝKUP / DĚKOVAČKA ────────────────────── */
.ci-qty button:hover{background:#FFF0FA;color:#F05CB6}
.summary-box .total,.sum-row.total{position:relative}
.toast{box-shadow:0 0 0 1.5px rgba(251,145,209,.4),0 10px 34px -8px rgba(240,92,182,.55)}
.vk-price{filter:drop-shadow(0 0 14px rgba(251,145,209,.35))}
.vk-img{background:linear-gradient(180deg,rgba(251,145,209,.07),rgba(247,247,250,.6))}
.box .emoji{filter:drop-shadow(0 0 18px rgba(251,145,209,.55))}
@media(prefers-reduced-motion:no-preference){
  .box .emoji{animation:fxFloat 3.4s ease-in-out infinite}
  @keyframes fxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
}

/* ── 13 · SCROLL REVEAL (řídí fx.js, bez JS vše viditelné) ──────── */
@media(prefers-reduced-motion:no-preference){
  html.fx-js .fx-r{
    opacity:0;transform:translateY(18px);
    transition:opacity .6s cubic-bezier(.2,.7,.3,1),transform .6s cubic-bezier(.2,.7,.3,1);
    transition-delay:calc(var(--fxd,0)*80ms);
  }
  html.fx-js .fx-r.fx-in{opacity:1;transform:none}
}

/* ── 14 · MOBIL — mírnější efekty ───────────────────────────────── */
@media(max-width:640px){
  .fx-bg::before{background-size:34px 34px}
  .fx-bg .fx-mesh.m3{display:none}
  .feat,.cat-card,.soc-card:not(.soc-cta),.filter-box,.buy-box,.summary-box,
  .card-box,.vk-picker,.vk-top,.vk-card,.cart-item,.box{
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  }
}

/* ═══════════════════════════════════════════════════════════════════
   15 · LITE REŽIM — stránka produktů
   Mřížka renderuje ~1700 karet najednou. Každý efekt se tam násobí
   1700×, takže tady jedou efekty úplně pryč: žádné animace, žádný
   blur, žádné glow vrstvy. Zůstává jen barevnost a statická záře,
   aby vzhled seděl se zbytkem webu.
   Třídu fx-lite nasazuje fx.js; :has() je pojistka, kdyby JS nedojel.
   ═══════════════════════════════════════════════════════════════════ */
html.fx-lite *,html.fx-lite *::before,html.fx-lite *::after,
html:has(.product-grid) *,html:has(.product-grid) *::before,html:has(.product-grid) *::after{
  animation:none !important;
}
html.fx-lite .p-card,html:has(.product-grid) .p-card,
html.fx-lite .filter-box,html:has(.product-grid) .filter-box,
html.fx-lite .variant-bar,html:has(.product-grid) .variant-bar,
html.fx-lite .promo-banner,html:has(.product-grid) .promo-banner,
html.fx-lite .site-header,html:has(.product-grid) .site-header,
html.fx-lite .stock-badge,html:has(.product-grid) .stock-badge{
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
/* Glow za kurzorem a holografický přejezd — 1700 vrstev navíc, pryč */
html.fx-lite .p-card::before,html:has(.product-grid) .p-card::before,
html.fx-lite .p-card .ph::after,html:has(.product-grid) .p-card .ph::after,
html.fx-lite .fx-scanline,html:has(.product-grid) .fx-scanline{display:none !important}
/* Karty mimo obrazovku prohlížeč vůbec nekreslí — tohle je hlavní úspora */
html.fx-lite .p-card,html:has(.product-grid) .p-card{
  content-visibility:auto;
  contain-intrinsic-size:auto 300px;
  will-change:auto;
}
html.fx-lite .p-card:hover,html:has(.product-grid) .p-card:hover{
  transform:none;
  border-color:rgba(240,92,182,.55);
  box-shadow:0 8px 26px -20px rgba(240,92,182,.5);
}
/* Pozadí zůstává, jen bez pohybu a levněji */
html.fx-lite .fx-bg::before,html:has(.product-grid) .fx-bg::before{opacity:.6}

/* ═══════════════════════════════════════════════════════════════════
   16 · ŠTÍTKY STAVU — tmavé dlaždice s barevným písmenem
   Produktové fotky mají mix-blend-mode:multiply, takže se míchaly se
   vším pod sebou — proto se štítek „ztrácel" v telefonu. Vyšší z-index
   je vytáhne nad fotku. Vzhled sladěný s isupply-scan.cz: tmavá
   dlaždice, barevný obrys, jemná záře.
   ═══════════════════════════════════════════════════════════════════ */
.p-card .ph{isolation:isolate}
.p-card .grade-badge,.p-card .stock-badge,.grade-badge-big{
  z-index:4;mix-blend-mode:normal;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}

/* Společný podklad všech štítků */
.p-card .grade-badge,.grade-badge-big{
  --gc:#FB91D1;                       /* barva stavu, přepisuje se níž */
  background:linear-gradient(155deg,#14141C 0%,#0A0A0C 60%);
  border:1.5px solid color-mix(in srgb,var(--gc) 55%,transparent);
  color:var(--gc);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 0 0 1px rgba(10,10,12,.5),
    0 3px 10px -3px rgba(10,10,12,.5),
    0 0 16px -6px var(--gc);
  text-shadow:0 0 10px color-mix(in srgb,var(--gc) 60%,transparent);
}
/* Starší prohlížeče bez color-mix dostanou plné barvy */
@supports not (color:color-mix(in srgb,red 50%,blue)){
  .p-card .grade-badge,.grade-badge-big{border-color:rgba(251,145,209,.5)}
}

/* Písmena A–D: čtvercová dlaždice, jen znak */
.p-card .grade-a,.p-card .grade-b,.p-card .grade-c,.p-card .grade-d{
  font-size:0;
  width:27px;height:27px;padding:0;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:9px;
}
.p-card .grade-a::after,.p-card .grade-b::after,
.p-card .grade-c::after,.p-card .grade-d::after{
  font-family:var(--disp),'Archivo',sans-serif;
  font-size:13px;font-weight:800;letter-spacing:0;line-height:1;
}
.p-card .grade-a::after{content:"A"}
.p-card .grade-b::after{content:"B"}
.p-card .grade-c::after{content:"C"}
.p-card .grade-d::after{content:"D"}

/* Barvy stavů — světlé odstíny, aby na tmavé dlaždici svítily */
.p-card .grade-a,.grade-badge-big.grade-a{--gc:#8AB8FF}
.p-card .grade-b,.grade-badge-big.grade-b{--gc:#5FE0A0}
.p-card .grade-c,.grade-badge-big.grade-c{--gc:#FF6B6B}
.p-card .grade-d,.grade-badge-big.grade-d{--gc:#C94A4A}
.p-card .grade-zn,.grade-badge-big.grade-zn{--gc:#FB91D1}
.p-card .grade-nove,.grade-badge-big.grade-nove{--gc:#FFFFFF}

/* Slovní štítky (Zánovní / Nové) — úzká kapsle se stejným podkladem */
.p-card .grade-zn,.p-card .grade-nove{
  border-radius:8px;padding:5px 10px;
  font-family:var(--mono),ui-monospace,monospace;
  font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
}
.p-card .grade-nove{
  background:linear-gradient(150deg,#F05CB6,#FB91D1);
  color:#0A0A0C;border-color:rgba(255,255,255,.5);
  text-shadow:none;
  box-shadow:0 3px 12px -3px rgba(240,92,182,.7),0 0 20px -6px var(--fx-glow);
}

/* Skladovost — tmavá kapsle místo křiklavé růžové výplně */
.p-card .stock-badge{
  background:linear-gradient(155deg,#14141C 0%,#0A0A0C 60%);
  border:1.5px solid rgba(240,92,182,.45);
  color:#FB91D1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 3px 10px -3px rgba(10,10,12,.5),
             0 0 16px -6px var(--fx-glow);
}
.p-card .stock-badge.stock-out{
  border-color:rgba(255,255,255,.16);color:#9A9AA8;box-shadow:none;
}

/* Na detailu produktu je štítek větší */
.grade-badge-big{border-radius:10px}

/* ═══════════════════════════════════════════════════════════════════
   17 · IKONY KATEGORIÍ — dlaždice ve stylu isupply-scan.cz
   Ikony jsou SVG masky, takže barvu řídí CSS a dají se přebarvit
   podle stavu tlačítka. Emoji nahradilo <i class="mi mi-…"> v HTML.
   ═══════════════════════════════════════════════════════════════════ */
.mi{
  --mi:#F05CB6;
  flex:0 0 auto;width:26px;height:26px;border-radius:8px;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(155deg,rgba(251,145,209,.16),rgba(251,145,209,.06));
  border:1px solid rgba(240,92,182,.3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
  transition:border-color .16s,background .16s,box-shadow .16s;
  position:relative;
}
.mi::before{
  content:"";width:16px;height:16px;display:block;
  background:var(--mi);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  transition:background .16s;
}
.model-btn:hover .mi{
  border-color:rgba(240,92,182,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 12px -3px var(--fx-glow);
}
/* Aktivní tlačítko má tmavé pozadí — dlaždice se překlopí do tmavé varianty */
.model-btn.on .mi{
  --mi:#FB91D1;
  background:linear-gradient(155deg,rgba(251,145,209,.22),rgba(251,145,209,.08));
  border-color:rgba(251,145,209,.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 14px -4px var(--fx-glow);
}

/* Vše — mřížka 2×2 */
.mi-all::before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3.5' y='3.5' width='7' height='7' rx='1.7'/><rect x='13.5' y='3.5' width='7' height='7' rx='1.7'/><rect x='3.5' y='13.5' width='7' height='7' rx='1.7'/><rect x='13.5' y='13.5' width='7' height='7' rx='1.7'/></svg>");
          mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3.5' y='3.5' width='7' height='7' rx='1.7'/><rect x='13.5' y='3.5' width='7' height='7' rx='1.7'/><rect x='3.5' y='13.5' width='7' height='7' rx='1.7'/><rect x='13.5' y='13.5' width='7' height='7' rx='1.7'/></svg>");
}
/* iPhone — úzké tělo s reproduktorem */
.mi-iphone::before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='6.5' y='2.2' width='11' height='19.6' rx='2.8'/><path d='M10.4 5.2h3.2'/></svg>");
          mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='6.5' y='2.2' width='11' height='19.6' rx='2.8'/><path d='M10.4 5.2h3.2'/></svg>");
}
/* MacBook — víko a podstava */
.mi-mac::before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='4.5' width='16' height='11' rx='1.8'/><path d='M2 18.6h20'/></svg>");
          mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='4.5' width='16' height='11' rx='1.8'/><path d='M2 18.6h20'/></svg>");
}
/* iPad — širší tělo s tlačítkem */
.mi-ipad::before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='4.2' y='2.8' width='15.6' height='18.4' rx='2.2'/><path d='M11.9 18.3h.2'/></svg>");
          mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='4.2' y='2.8' width='15.6' height='18.4' rx='2.2'/><path d='M11.9 18.3h.2'/></svg>");
}
/* AirPods — dvě sluchátka s nožičkou */
.mi-pods::before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M7.8 3.6C5.7 3.6 4.3 5.3 4.3 7.6s1.4 4 3.5 4c.6 0 1-.4 1-1V4.6c0-.6-.4-1-1-1Z'/><path d='M16.2 3.6c2.1 0 3.5 1.7 3.5 4s-1.4 4-3.5 4c-.6 0-1-.4-1-1V4.6c0-.6.4-1 1-1Z'/><path d='M8.8 11.4v7.4M15.2 11.4v7.4'/></svg>");
          mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M7.8 3.6C5.7 3.6 4.3 5.3 4.3 7.6s1.4 4 3.5 4c.6 0 1-.4 1-1V4.6c0-.6-.4-1-1-1Z'/><path d='M16.2 3.6c2.1 0 3.5 1.7 3.5 4s-1.4 4-3.5 4c-.6 0-1-.4-1-1V4.6c0-.6.4-1 1-1Z'/><path d='M8.8 11.4v7.4M15.2 11.4v7.4'/></svg>");
}
/* Příslušenství — konektor */
.mi-acc::before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M9 2.6v4.8M15 2.6v4.8'/><path d='M6.4 7.4h11.2v3.2a5.6 5.6 0 0 1-11.2 0Z'/><path d='M12 16.2v5.2'/></svg>");
          mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M9 2.6v4.8M15 2.6v4.8'/><path d='M6.4 7.4h11.2v3.2a5.6 5.6 0 0 1-11.2 0Z'/><path d='M12 16.2v5.2'/></svg>");
}

/* ═══════════════════════════════════════════════════════════════════
   18 · DETAIL PRODUKTU — záměrně klidný
   Tady nechceme sklo, blur ani záři za kurzorem. Stránka má prodávat
   telefon, ne efekty. Vlastní vzhled si nese produkt.html.
   ═══════════════════════════════════════════════════════════════════ */
html:has(.product-page) .buy-box,
html:has(.product-page) .popis-box,
html:has(.product-page) .upsell-bat,
html:has(.product-page) .reco-card{
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  box-shadow:none;
}
html:has(.product-page) .buy-box::before,
html:has(.product-page) .popis-box::before,
html:has(.product-page) .reco-card::before,
html:has(.product-page) .vis-panel::before{display:none}
html:has(.product-page) .reco-card:hover{
  transform:translateY(-2px);border-color:rgba(240,92,182,.45);
  box-shadow:0 10px 26px -20px rgba(10,10,12,.35);
}
/* Nadpisy na detailu bez gradientu — plná čerň čte lépe */
html:has(.product-page) .product-title,
html:has(.product-page) .info-h{
  background:none;-webkit-text-fill-color:currentColor;color:var(--ink);
}

/* Tmavá varianta ikonových dlaždic — pro pravou lištu v produktech */
.mi-dark{
  --mi:#FB91D1;
  background:rgba(251,145,209,.09);
  border-color:rgba(251,145,209,.28);
  box-shadow:none;
}
/* Sklíčko — štít */
.mi-shield::before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2.8l7.2 2.9v5.1c0 4.7-3 8.6-7.2 10.6-4.2-2-7.2-5.9-7.2-10.6V5.7Z'/></svg>");
          mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2.8l7.2 2.9v5.1c0 4.7-3 8.6-7.2 10.6-4.2-2-7.2-5.9-7.2-10.6V5.7Z'/></svg>");
}
/* Kryt — obrys pouzdra s kamerou */
.mi-case::before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='4.8' y='2.5' width='14.4' height='19' rx='3.4'/><circle cx='9' cy='6.4' r='1.5'/></svg>");
          mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='4.8' y='2.5' width='14.4' height='19' rx='3.4'/><circle cx='9' cy='6.4' r='1.5'/></svg>");
}
/* Kabel — blesk */
.mi-zap::before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M13.2 2.4 5.2 13h5.2L10.8 21.6 18.8 11h-5.2Z'/></svg>");
          mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M13.2 2.4 5.2 13h5.2L10.8 21.6 18.8 11h-5.2Z'/></svg>");
}

/* ═══════════════════════════════════════════════════════════════════
   19 · PLOVOUCÍ TLAČÍTKA (cookies vlevo, chat vpravo)
   Widgety vkládají cookies.js a chat.js, jejichž kód tu nemáme —
   fx.js si je proto najde sám (fixní pozice, malý rozměr, spodní roh)
   a přidá jim třídy. Vzhled: bílý kruh s růžovým obrysem, stejná řeč
   jako dlaždice kategorií. Vpravo logo WhatsAppu, vlevo sušenka.
   Původní ikona uvnitř se jen zprůhlední, takže klikání dál obsluhuje
   původní widget.
   ═══════════════════════════════════════════════════════════════════ */
.fx-fab{
  background:#0A0A0C !important;
  border:1.5px solid rgba(251,145,209,.55) !important;
  border-radius:50% !important;
  box-shadow:0 6px 20px -8px rgba(10,10,12,.5),0 0 18px -8px rgba(240,92,182,.7) !important;
  color:transparent !important;
  font-size:0 !important;
  transition:border-color .18s,box-shadow .18s,transform .18s;
}
.fx-fab:hover{
  border-color:var(--pink-d) !important;
  box-shadow:0 8px 26px -8px rgba(10,10,12,.55),0 0 26px -6px rgba(240,92,182,.9) !important;
  transform:translateY(-2px);
}
/* Původní obsah widgetu schováme úplně (ne jen průhledností), ať
   nikdy neprobliknou staré ikony. Klikání obsluhuje dál sám widget. */
.fx-fab > *{visibility:hidden !important}
.fx-fab::after{
  content:"";position:absolute;inset:0;margin:auto;
  width:24px;height:24px;background:var(--pink);pointer-events:none;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
}
/* WhatsApp (oficiální tvar loga) */
.fx-fab-wa::after{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/></svg>");
          mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/></svg>");
}
/* Sušenka — kruh s kousky čokolády, stejná kresba jako ikony kategorií */
.fx-fab-cookie::after{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M12.1 1.9c.5 0 .8.5.7 1a2.6 2.6 0 0 0 2.9 3.1c.5-.1.9.3.9.8a2.3 2.3 0 0 0 2.6 2.2c.5-.1.9.3.9.8a10.1 10.1 0 1 1-8-7.9Zm-3.4 5.9a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Zm-.5 5.6a1.05 1.05 0 1 0 0 2.1 1.05 1.05 0 0 0 0-2.1Zm4.6 1.3a1.35 1.35 0 1 0 0 2.7 1.35 1.35 0 0 0 0-2.7Zm2.6-4.6a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3Z'/></svg>");
          mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M12.1 1.9c.5 0 .8.5.7 1a2.6 2.6 0 0 0 2.9 3.1c.5-.1.9.3.9.8a2.3 2.3 0 0 0 2.6 2.2c.5-.1.9.3.9.8a10.1 10.1 0 1 1-8-7.9Zm-3.4 5.9a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Zm-.5 5.6a1.05 1.05 0 1 0 0 2.1 1.05 1.05 0 0 0 0-2.1Zm4.6 1.3a1.35 1.35 0 1 0 0 2.7 1.35 1.35 0 0 0 0-2.7Zm2.6-4.6a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3Z'/></svg>");
}

/* Ikony pro pás s výhodami na stránce produktů */
.mi-scan::before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M3.2 8V5.2a2 2 0 0 1 2-2H8M16 3.2h2.8a2 2 0 0 1 2 2V8M20.8 16v2.8a2 2 0 0 1-2 2H16M8 20.8H5.2a2 2 0 0 1-2-2V16M3.6 12h16.8'/></svg>");
          mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M3.2 8V5.2a2 2 0 0 1 2-2H8M16 3.2h2.8a2 2 0 0 1 2 2V8M20.8 16v2.8a2 2 0 0 1-2 2H16M8 20.8H5.2a2 2 0 0 1-2-2V16M3.6 12h16.8'/></svg>");
}
.mi-truck::before{
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M2.6 6.4h10.2v9.8H2.6zM12.8 10h3.9l2.7 2.9v3.3h-6.6z'/><circle cx='6.6' cy='18.2' r='1.7'/><circle cx='16.4' cy='18.2' r='1.7'/></svg>");
          mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M2.6 6.4h10.2v9.8H2.6zM12.8 10h3.9l2.7 2.9v3.3h-6.6z'/><circle cx='6.6' cy='18.2' r='1.7'/><circle cx='16.4' cy='18.2' r='1.7'/></svg>");
}