/* Vzhled „Máta × cyan, celé sklo“ (liquid glass, 5.10.2026).
   Načítá se jako POSLEDNÍ styl na každé stránce. Výplně, které dřív byly limetkové, převádí na sklo už
   převodní skript přímo v pravidlech (přechod + rozmazání + světlá hrana); tady je zbytek:
   plovoucí prvky, panely, světlé ostrovy a odznaky. Zdroj: web-build/vzhled/ (nenasazuje se). */

/* ── plovoucí prvky a lišty: čiré sklo ─────────────────────────────── */
#header.scrolled { background: rgba(255,255,255,.34) !important; backdrop-filter: blur(22px) saturate(180%); -webkit-backdrop-filter: blur(22px) saturate(180%); border-bottom: 1px solid rgba(255,255,255,.6) !important; }
.acct-btn, .cart-btn, #pp-fab-tip { background: rgba(255,255,255,.26) !important; backdrop-filter: blur(16px) saturate(180%); -webkit-backdrop-filter: blur(16px) saturate(180%); border: 1px solid rgba(255,255,255,.7) !important; box-shadow: inset 0 1px 1px rgba(255,255,255,.95), 0 6px 20px rgba(0,0,0,.12) !important; }
.lab-tile { background: rgba(255,255,255,.5) !important; backdrop-filter: blur(12px) saturate(180%); -webkit-backdrop-filter: blur(12px) saturate(180%); border: 1px solid rgba(255,255,255,.85) !important; box-shadow: inset 0 1px 1px rgba(255,255,255,.95), 0 4px 14px rgba(0,0,0,.05) !important; }

/* ── vysouvací panely (košík, doručení, platba, produkt): sklo, stránka pod nimi rozmazaná ── */
.cart-panel, .contact-panel, .product-modal { background: rgba(246,246,244,.6) !important; backdrop-filter: blur(30px) saturate(170%); -webkit-backdrop-filter: blur(30px) saturate(170%); border-top: 1px solid rgba(255,255,255,.85) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 -12px 40px rgba(0,0,0,.14) !important; }
.cart-overlay, .contact-overlay, .modal-overlay { background: rgba(0,0,0,.16) !important; }
/* detail produktu = obsah, ne ovládání → skoro plný (přes popis nesmí prosvítat stránka) */
.product-modal { background: rgba(250,250,249,.96) !important; }
/* nikdy sklo na skle: uvnitř panelů už nic nerozmazávat (Chrome jinak kreslí hranaté rámečky kolem kulatých prvků) */
:is(.cart-panel, .contact-panel, .product-modal, .age-card, #pay-panel) * { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
/* bílé karty uvnitř panelů → průsvitné (vybrané stavy zůstávají zvýrazněné) */
:is(.cart-panel, .contact-panel, .product-modal) :is(.pw-modebar button, #modal-coa-btn, .cart-close, .nv-card, .qty-btn, .rc-btn.rc-white, .rf-chip, .rf-sign,
  .cart-items, #cart-nudge, #cart-shipnudge, #rv-agg, .cart-item-img, .cart-totals, .nv-steps, .pdp-stat, .promo-row, .pw-active, .pwt-box,
  .pwt-node.num, .rc-card, .rc-dl-eta, .cf-input, .rf-name, .rf-photo, .cf-pm, .nv-demo, .pwt-badge, .rf-ta):not(.on):not(.active):not(.sel):not(.selected) {
  background: rgba(255,255,255,.48) !important; border-color: rgba(255,255,255,.75) !important; box-shadow: inset 0 1px 1px rgba(255,255,255,.9) !important; }
/* křížek v oknech: na mobilu má bílý znak (stavěný na tmavé kolečko) → na průsvitně bílém neviditelný. Znak tmavý všude;
   u podstránek plave nad obsahem → plné bílé kolečko se stínem jako ✕ na samostatné stránce */
.cart-panel .cart-close { color: var(--text, #16161a) !important; }
#page-panel .cart-close { background: rgba(255,255,255,.94) !important; border: 1px solid rgba(22,22,26,.10) !important; box-shadow: 0 2px 10px rgba(0,0,0,.14) !important; }

/* ── okno 18+: světlé matné sklo (dřív jediná tmavá věc na světlém webu) ── */
#age-gate { background: rgba(8,10,14,.4) !important; }
.age-card { background: rgba(255,255,255,.76) !important; backdrop-filter: blur(28px) saturate(180%); -webkit-backdrop-filter: blur(28px) saturate(180%); color: #1a1b1d !important; border: 1px solid rgba(255,255,255,.85) !important; box-shadow: inset 0 1px 1px rgba(255,255,255,.95), 0 24px 70px rgba(0,0,0,.28) !important; }
.age-card h2, .age-card p b, .age-gift b { color: #1a1b1d !important; }
.age-card p { color: rgba(26,27,29,.72) !important; }
.age-eyebrow { color: rgba(26,27,29,.55) !important; }
.age-gift { color: rgba(26,27,29,.8) !important; background: rgba(255,255,255,.45) !important; border-color: rgba(255,255,255,.8) !important; }
.age-no { color: rgba(26,27,29,.78) !important; background: rgba(255,255,255,.55) !important; border-color: rgba(26,27,29,.16) !important; }
.age-card .age-legal { color: rgba(26,27,29,.45) !important; }

/* ── desktop: horní lišta světlé sklo, tmavé menu ── */
@media (min-width: 900px) {
  #header, #header.scrolled { background: rgba(255,255,255,.55) !important; backdrop-filter: blur(22px) saturate(180%); -webkit-backdrop-filter: blur(22px) saturate(180%); border-bottom: 1px solid rgba(255,255,255,.75) !important; box-shadow: 0 1px 0 rgba(0,0,0,.05) !important; }
  .lab-nav a, .lab-nav button { color: rgba(26,27,29,.72) !important; }
  .lab-nav a:hover, .lab-nav button:hover { background: rgba(26,27,29,.06) !important; color: #1a1b1d !important; }
  .acct-btn, .cart-btn { color: #1a1b1d !important; }
}

/* ── další dřív tmavé ostrovy ── */
.card-category-badge { background: rgba(255,255,255,.7) !important; color: #1a1b1d !important; border: 1px solid rgba(255,255,255,.8) !important; }
.card-soldout-badge { background: rgba(255,255,255,.74) !important; border-color: rgba(255,255,255,.8) !important; }
.modal-hero { background: #ECEEF0 !important; }
.lab-footer { background: rgba(255,255,255,.55) !important; border-top: 1px solid rgba(255,255,255,.8) !important; }
.obox, .rc-acct, .rc, .pay { border: 1px solid rgba(255,255,255,.85) !important; box-shadow: inset 0 1px 1px rgba(255,255,255,.95), 0 8px 24px rgba(0,0,0,.06) !important; }

/* ikony a ovládací prvky, které by v mátě na světlém splynuly */
.pw-marr svg { color: #4DB89B !important; }
.chk input { accent-color: #3FA98F !important; }

/* ── malé odznaky (slevy, počty, tečky): plná jemná máta ── */
.pct, .fab-pct, .age-badge, .cart-badge, .acct-dot, .hn-dot, .sel-tag { background: #C1F3DF !important; color: #1E493F !important; }
.age-eyebrow::before { background: #C1F3DF !important; }

/* ── dialogy (web-core.js): hlavní tlačítko jako sklo ── */
.pp-dlg-b button.primary { backdrop-filter: blur(14px) saturate(170%); -webkit-backdrop-filter: blur(14px) saturate(170%); border: 1px solid rgba(255,255,255,.65) !important; box-shadow: inset 0 1px 1px rgba(255,255,255,.95), inset 0 -3px 8px rgba(255,255,255,.22), 0 8px 24px rgba(0,0,0,.10) !important; }

/* ── SEO stránky /peptidy/: světlá skleněná lišta (logo černé) ── */
header.top { backdrop-filter: blur(20px) saturate(170%); -webkit-backdrop-filter: blur(20px) saturate(170%); border-bottom: 1px solid rgba(0,0,0,.06); }
.stats .stat, .card.coa { border: 1px solid rgba(255,255,255,.85) !important; box-shadow: inset 0 1px 1px rgba(255,255,255,.95), 0 6px 18px rgba(0,0,0,.05) !important; }

/* ── sekce „Na co se u nás dá spolehnout“: skleněné karty, čárová ikona ve skleněném čipu (zvoleno 5.10.) ── */
html body .lab-band .lab-band-item .lab-band-ic { font-size: 0 !important; line-height: 0 !important; opacity: 1 !important; transform: none !important;
  display: grid !important; place-items: center; width: 46px !important; height: 46px !important; padding: 11px !important; box-sizing: border-box;
  border-radius: 14px !important; background: linear-gradient(100deg, rgba(184,238,217,.66) 0%, rgba(227,248,240,.66) 16%, rgba(255,255,255,.66) 40%, rgba(255,255,255,.66) 60%, rgba(205,241,242,.66) 82%, rgba(166,224,248,.66) 100%) !important;
  border: 1px solid rgba(255,255,255,.9) !important; box-shadow: inset 0 1px 1px #fff, 0 6px 16px rgba(20,24,30,.08) !important; color: #1a1b1d !important; margin: 0 0 16px !important; }
html body .lab-band .lab-band-grid { border-top: 0 !important; }
html body .lab-band .lab-band-grid::before { display: none !important; }
html body .lab-band a.lab-band-item { background: rgba(255,255,255,.58) !important; backdrop-filter: blur(16px) saturate(170%); -webkit-backdrop-filter: blur(16px) saturate(170%);
  border: 1px solid rgba(255,255,255,.9) !important; border-radius: 20px !important; box-shadow: inset 0 1px 1px rgba(255,255,255,.95), 0 10px 30px rgba(20,24,30,.07) !important; }
html body .lab-band a.lab-band-item::before { display: none !important; }
@media (min-width: 900px) {
  html body .lab-band .lab-band-grid { gap: 14px !important; }
  html body .lab-band a.lab-band-item, html body .lab-band a.lab-band-item + a.lab-band-item { padding: 24px 22px 22px !important; border-left: 1px solid rgba(255,255,255,.9) !important; }
  html body .lab-band a.lab-band-item:hover { transform: translateY(-3px) !important; box-shadow: inset 0 1px 1px #fff, 0 16px 40px rgba(20,24,30,.10) !important; }
}
@media (max-width: 899px) {
  html body .lab-band a.lab-band-item { padding: 14px !important; margin: 0 0 10px !important; grid-template-columns: 44px 1fr !important; border-bottom: 0 !important; }
  html body .lab-band .lab-band-item .lab-band-ic { width: 40px !important; height: 40px !important; padding: 9px !important; border-radius: 12px !important; margin: 0 !important; }
}

/* ── dlaždice nahoře na mobilu: čárová ikona ve skleněném čipu (stejně jako sekce výš) ── */
html body .lab-tiles .lab-tile .lab-tile-ic { display: grid; place-items: center; width: 34px; height: 34px; padding: 8px; box-sizing: border-box; font-size: 0; line-height: 0;
  border-radius: 11px; background: linear-gradient(100deg, rgba(184,238,217,.66) 0%, rgba(227,248,240,.66) 16%, rgba(255,255,255,.66) 40%, rgba(255,255,255,.66) 60%, rgba(205,241,242,.66) 82%, rgba(166,224,248,.66) 100%);
  border: 1px solid rgba(255,255,255,.9); box-shadow: inset 0 1px 1px #fff, 0 4px 12px rgba(20,24,30,.07); color: #1a1b1d; }

/* ── ikony místo barevných emoji (icons.js): v textu malá čárová ikona v barvě písma, samostatně skleněný čip ── */
.lp-ico { display: inline-block !important; width: 1.15em !important; height: 1.15em !important; vertical-align: -0.2em; flex: none; line-height: 0;
  padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  color: inherit !important; font-size: inherit !important; }   /* odolné vůči pravidlům typu „.x span { … }“ */
.lp-ico svg { display: block; width: 100%; height: 100%; }
.lp-box { display: grid !important; place-items: center; color: #1a1b1d !important; font-size: inherit;
  background: linear-gradient(100deg, rgba(184,238,217,.66) 0%, rgba(227,248,240,.66) 16%, rgba(255,255,255,.66) 40%, rgba(255,255,255,.66) 60%, rgba(205,241,242,.66) 82%, rgba(166,224,248,.66) 100%) !important;
  border: 1px solid rgba(255,255,255,.9) !important; box-shadow: inset 0 1px 1px #fff, 0 4px 12px rgba(20,24,30,.07) !important; }
.lp-box > .lp-ico { width: max(52%, 15px) !important; height: max(52%, 15px) !important; vertical-align: 0; }
.lp-bare { display: inline-grid !important; place-items: center; padding: .3em; border-radius: .45em; line-height: 0; color: #1a1b1d;
  background: linear-gradient(100deg, rgba(184,238,217,.66) 0%, rgba(255,255,255,.66) 45%, rgba(255,255,255,.66) 55%, rgba(166,224,248,.66) 100%);
  border: 1px solid rgba(255,255,255,.9); box-shadow: inset 0 1px 1px #fff, 0 3px 10px rgba(20,24,30,.06); }
.lp-bare > .lp-ico { width: 1em !important; height: 1em !important; vertical-align: 0; }
.lp-plain { overflow: visible !important; }
.lp-plain > .lp-ico { width: 1.1em !important; height: 1.1em !important; max-width: 100%; vertical-align: -0.15em; opacity: .75; }
/* emoji produktu v detailu bylo vždy schované pod křížkem → v novém vzhledu pryč */
#modal-emoji, .modal-fire { display: none !important; }

/* ── prohlížeče bez rozmazání (staré): sklo nahradit plnou světlou plochou ── */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  #header.scrolled, .acct-btn, .cart-btn, #pp-fab-tip, .lab-tile { background: rgba(255,255,255,.92) !important; }
  .cart-panel, .contact-panel, .product-modal { background: #F6F6F4 !important; }
  .age-card { background: #FFFFFF !important; }
}

/* časová osa kroků ve wizardu: maska konce čáry (bílý čtvereček) na skle prosvítala → čára místo toho dole vybledne */
#pay-wizard .pwt-step:last-child::after { display: none !important; }
#pay-wizard .pwt::before { bottom: 30px !important; background: linear-gradient(#B8EED9, rgba(166, 224, 248, .75) 80%, rgba(166, 224, 248, 0)) !important; }