/* SecretCorner — vlastní styly (Shoptet template-11 Classic, varianta 11-two)
 * Vkládá se do: HTML kódy → Záhlaví (HEAD)
 *   <link rel="stylesheet" href="/user/documents/upload/css/secretcorner.css?v=1">
 * Vedle běží starší secret11.css — tento soubor ho jen přebíjí, nemaže.
 * Hranice desktop / mobil šablony: 768 px; dva sloupce karty produktu od 1200 px.
 */

/* =========================================================
   0. TOKENY
   ========================================================= */
:root {
  --sc-accent: #cc99cc;          /* konverzní barva z Návrháře */
  --sc-accent-dark: #996699;
  --sc-accent-soft: #f6eef6;
  --sc-ink: #2b2b2b;
  --sc-muted: #6f6a70;
  --sc-line: #e9e4e8;
  --sc-soft: #f7f4f6;            /* teplé podklady */
  --sc-ok: #2f8f5b;
  --sc-star: #f2a900;
  --sc-radius: 10px;
  --sc-radius-lg: 16px;
}

/* =========================================================
   1. KARTA PRODUKTU
   ========================================================= */

/* 1.0 Pravý sloupec jako flex-sloupec → pořadí bloků řídíme `order` */
.sc-pdp .p-info-wrapper { display: flex; flex-direction: column; }
.sc-pdp .p-info-wrapper > * { order: 50; }
.sc-pdp .p-info-wrapper > .p-final-price-wrapper { order: 1; }
.sc-pdp .p-info-wrapper > .availability-value { order: 2; }
.sc-pdp .p-info-wrapper > table.detail-parameters { order: 3; }
.sc-pdp .p-info-wrapper > .sc-variants,
.sc-pdp .p-info-wrapper > #variants { order: 4; }
.sc-pdp .p-info-wrapper > .add-to-cart,
.sc-pdp .p-info-wrapper > #choose-variant { order: 5; }
.sc-pdp .p-info-wrapper > .sc-ship { order: 6; }
.sc-pdp .p-info-wrapper > .sc-trust { order: 7; }
.sc-pdp .p-info-wrapper > .quantity-discounts { order: 8; }
.sc-pdp .p-info-wrapper > .p-short-description { order: 9; }
.sc-pdp .p-info-wrapper > .sc-params { order: 10; }
.sc-pdp .p-info-wrapper > .social-buttons-wrapper { order: 20; }

/* 1.0b Název + značka + štítky v pravém sloupci (přesouvá JS) a širší galerie — jako Bonami.
   Šablona: sloupce jsou floaty col-lg-6 (50 : 50). Od 1200 px: galerie 7/12, nákup 5/12. */
.sc-pdp .p-info-wrapper > .p-detail-inner-header { order: -2; margin: 0 0 6px; padding: 0 !important; }
.sc-pdp .p-info-wrapper > .p-detail-info { order: -1; margin: 0 0 10px; }
.sc-pdp .p-info-wrapper > .p-detail-inner-header h1 { margin: 0; font-size: 26px; line-height: 1.25; }
.sc-pdp .product-top > .sc-emptied { display: none; }
@media (min-width: 1200px) {
  .sc-pdp .product-top > .p-image-wrapper { width: 58.333%; }
  .sc-pdp .product-top > .p-info-wrapper { width: 41.667%; padding-left: 40px; }
}
@media (max-width: 767px) {
  .sc-pdp .p-info-wrapper > .p-detail-inner-header h1 { font-size: 22px; }
}

/* 1.1 Značka nad názvem */
.sc-brand {
  display: table;                /* vlastní řádek nad h1 (inline-block stál vedle názvu) */
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--sc-accent-dark) !important;
  text-decoration: none !important;
}
.sc-brand:hover { color: var(--sc-ink) !important; }

/* Cena: starý secret11.css ji barví tyrkysově #99d5dd (slabý kontrast) */
.sc-pdp .p-info-wrapper .price-final { font-size: 28px; font-weight: 700; color: var(--sc-ink) !important; }

/* Tlačítko do košíku přes zbytek řádku (bylo 172 px), bez verzálek */
.sc-pdp .p-info-wrapper > .add-to-cart { gap: 10px; }
.sc-pdp .p-info-wrapper .add-to-cart-button {
  flex: 1 1 auto;
  max-width: 360px;
  min-height: 52px;
  border-radius: var(--sc-radius);
  font-size: 16px;
  text-transform: none;
}

/* Hvězdy bez hodnocení — pryč (nahrazuje je hodnocení obchodu u tlačítka) */
.sc-pdp .p-detail-info .stars-wrapper:not(:has(.star-on)) { display: none; }

/* Řádek „Můžeme doručit do“ — datum je v bloku dopravy, jakmile se načte */
.sc-pdp .p-info-wrapper.sc-has-ship > table.detail-parameters tr:has(.delivery-time) { display: none; }

/* Tisk pryč */
.sc-pdp .link-icon.print { display: none !important; }

/* 1.2 Doprava: výdejní místo / kurýr */
.sc-ship {
  margin: 14px 0 0;
  padding: 4px 14px;
  border: 1px solid var(--sc-line);
  border-radius: var(--sc-radius);
  background: #fff;
}
.sc-ship__row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  font-size: 14px;
  color: var(--sc-ink);
}
.sc-ship__row + .sc-ship__row { border-top: 1px solid var(--sc-line); }
.sc-ship__ico { display: flex; color: var(--sc-accent-dark); flex: none; }
.sc-ship__label { flex: 1 1 auto; min-width: 0; }
.sc-ship__price { white-space: nowrap; color: var(--sc-muted); }
.sc-ship__price b { color: var(--sc-ink); }
.sc-ship__free { color: var(--sc-ok) !important; }
.sc-ship__foot {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 0 6px;
  border-top: 1px solid var(--sc-line);
  font-size: 13px;
  color: var(--sc-muted);
}
.sc-ship__more { color: var(--sc-accent-dark) !important; text-decoration: underline !important; white-space: nowrap; }
/* než dorazí data: dva šedé řádky stejné výšky */
.sc-ship.is-loading .sc-ship__row {
  background: linear-gradient(90deg, var(--sc-soft) 0 60%, transparent 0) center / 100% 14px no-repeat;
}

/* 1.3 Pruh důvěry */
.sc-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: var(--sc-muted);
}
.sc-trust li { display: flex; align-items: center; gap: 6px; margin: 0; padding: 0; }
.sc-trust li::before { display: none; }
.sc-trust a { color: var(--sc-muted) !important; text-decoration: none !important; }
.sc-trust a:hover { color: var(--sc-ink) !important; }
.sc-trust b { color: var(--sc-ink); }
.sc-trust .sc-stars { margin-right: 6px; font-size: 14px; }

/* 1.4 Množstevní sleva — jeden řádek, tabulka po rozkliknutí */
.sc-qd { margin: 12px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.sc-qd .quantity-discounts__headline { display: none; }
.sc-qd__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 10px 14px;
  border: 0;
  border-radius: var(--sc-radius);
  background: var(--sc-accent-soft);
  font: inherit;
  font-size: 13px;
  text-align: left;
  color: var(--sc-ink);
  cursor: pointer;
}
.sc-qd__toggle svg { flex: none; transition: transform .2s; }
.sc-qd.is-open .sc-qd__toggle svg { transform: rotate(180deg); }
.sc-qd:not(.is-open) .quantity-discounts__table,
.sc-qd:not(.is-open) .quantity-discounts__save { display: none !important; }
.sc-qd .quantity-discounts__table { margin-top: 8px; }

/* 1.5 Parametry: štítky + „Všechny parametry“ */
.sc-params { margin: 18px 0 0; }
.p-image-wrapper > .sc-params { margin-top: 24px; }
.sc-params__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}
.sc-params__chips li {
  margin: 0;
  padding: 7px 12px;
  border: 1px solid var(--sc-line);
  border-radius: 999px;
  font-size: 13px;
  color: var(--sc-ink);
  background: #fff;
}
.sc-params__chips li::before { display: none; }
.sc-params__all { border-top: 1px solid var(--sc-line); border-bottom: 1px solid var(--sc-line); }
.sc-params__all > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 2px;
  cursor: pointer;
  list-style: none;
}
.sc-params__all > summary::-webkit-details-marker { display: none; }
.sc-params__all > summary span { display: flex; flex-direction: column; }
.sc-params__all > summary b { font-size: 15px; color: var(--sc-ink); }
.sc-params__all > summary small { font-size: 13px; color: var(--sc-muted); }
.sc-params__all > summary svg { transition: transform .2s; }
.sc-params__all[open] > summary svg { transform: rotate(180deg); }
.sc-params table.detail-parameters { width: 100%; margin: 0 0 14px; }
.sc-params table.detail-parameters th,
.sc-params table.detail-parameters td {
  padding: 8px 0;
  border-bottom: 1px solid var(--sc-line);
  font-size: 14px;
  vertical-align: top;
}
.sc-params table.detail-parameters tr:last-child th,
.sc-params table.detail-parameters tr:last-child td { border-bottom: 0; }
.sc-params table.detail-parameters th { width: 45%; font-weight: 400; color: var(--sc-muted); }
/* tabulka odešla z popisu → schovat osiřelý nadpis „Doplňkové parametry“ */
.extended-description.sc-ext-moved { display: none; }

/* =========================================================
   2. HODNOCENÍ OBCHODU (widget, převzato z GiftLab)
   ========================================================= */
.sc-stars {
  display: inline-block;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1;
  background: linear-gradient(90deg, var(--sc-star) calc(var(--v, 5) / 5 * 100%), #d2d2d7 0);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.sc-stars::before { content: "★★★★★"; }

.sc-sr { margin: 48px auto; }     /* auto: na hlavní je to .container — vodorovný margin 0 by zrušil centrování */
.sc-sr:empty { min-height: 1px; margin: 0 auto; }   /* čeká na data; display:none by IntersectionObserver nikdy neviděl */
.sc-sr__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin-bottom: 20px;
}
.sc-sr__title {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 26px;
  font-weight: 700;
  text-align: left;
  color: var(--sc-ink);
}
.sc-sr__score { display: flex; align-items: center; gap: 12px; }
.sc-sr__avg { font-size: 34px; font-weight: 800; line-height: 1; color: var(--sc-ink); }
.sc-sr__meta { display: flex; flex-direction: column; font-size: 14px; line-height: 1.3; color: var(--sc-muted); }
.sc-sr__all { font-weight: 600; white-space: nowrap; color: var(--sc-accent-dark) !important; }
.sc-sr__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sc-sr__card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 20px;
  border: 1px solid var(--sc-line);
  border-radius: var(--sc-radius-lg);
  background: #fff;
}
.sc-sr__text {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: #4d4a4e;
}
.sc-sr__who { margin-top: auto; font-size: 14px; color: var(--sc-muted); }
.sc-sr__who b { color: var(--sc-ink); }
.sc-sr--product .sc-sr__title { font-size: 20px; }
/* blok jako karta na teplém podkladu — dřív se lepil ke krajům obrazovky.
   Na hlavní je přímo v <body>: secret11.css má `body > .container { width: unset; margin: unset; padding: unset }` → přebít. */
body > .sc-sr.sc-sr--home,
.sc-sr--product {
  box-sizing: border-box;
  width: auto;
  max-width: 1178px;
  padding: 32px;
  border-radius: 20px;
  background: var(--sc-soft);
}
body > .sc-sr.sc-sr--home { margin: 48px auto; }
body > .sc-sr.sc-sr--home:empty { padding: 0; margin: 0 auto; background: none; }
.sc-sr--product { margin: 40px 0 0; }
.sc-sr--product:empty { padding: 0; background: none; }
@media (max-width: 1217px) {
  body > .sc-sr.sc-sr--home { margin-left: 20px; margin-right: 20px; }
}
@media (max-width: 767px) {
  body > .sc-sr.sc-sr--home,
  .sc-sr--product { padding: 20px 16px; border-radius: 16px; }
  body > .sc-sr.sc-sr--home { margin: 32px 12px; }
}

/* Instagram (dkLAB) — na hlavní stejný problém: body > .container přes celou šířku, fotky lepené ke krajům */
body > .container.grid6 {
  box-sizing: border-box;
  max-width: 1178px;
  padding: 0 20px !important;
}
/* dkLAB dává widgetu margin-bottom −60px → fotky najížděly na to, co je pod nimi. Dřív tam byl blok s logy karet
   (.our-footer, teď schovaný), takže to nebylo vidět; teď by fotky překrývaly růžovou patičku. Platí na všech stránkách. */
.container.grid6,
.dklab_instagram_widget.container { margin: 40px auto !important; }

@media (max-width: 767px) {
  .sc-sr { margin: 32px auto; }
  .sc-sr__title { font-size: 22px; }
  .sc-sr__list {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 82%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 6px;
    -webkit-overflow-scrolling: touch;
  }
  .sc-sr__card { scroll-snap-align: start; }
  .sc-pdp .p-info-wrapper .price-final { font-size: 24px; }
  .sc-ship__row { font-size: 13px; }
}

/* =========================================================
   3. HLAVIČKA A MENU (převzato z GiftLab, sekce 1, 5, 6 — barvy SecretCorner)
   Desktop: logo | široké vyhledávání | podpora (telefon + Otevřeno/Zavřeno) | účet | košík-kapsle.
   Horní lišta (telefon, e-mail, Jak nakupovat…) na desktopu pryč — kontakt je v hlavičce, odkazy v patičce.
   Mobil: lišta = mobilní hlavička šablony (logo, lupa, košík, burger) — zůstává; účet v liště, podpora v burgeru.
   ========================================================= */
:root {
  --sc-open: #2fbf5b;
  --sc-closed: #e5484d;
  --sc-sale: #e5484d;
  --sc-field: #f5f3f5;
  --sc-i-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
  --sc-i-bag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
}

@media (min-width: 768px) {
  .top-navigation-bar { display: none !important; }
  /* šablona má flex-wrap: wrap → při nedostatku místa tlačítka spadla do řádku menu a překryla ho */
  #header .header-top { flex-wrap: nowrap !important; gap: 24px; }
  #header .site-name-wrapper { flex: 0 0 auto; }
  #header .site-name img { width: auto !important; max-width: 240px !important; height: auto !important; }   /* logo mělo 361 px */
  #header .header-top > .search { flex: 1 1 auto !important; min-width: 0; max-width: 620px; }   /* secret11.css: flex 0 1 45% */
  #header .navigation-buttons { flex: 0 0 auto !important; display: flex; align-items: center; margin-left: auto; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #header .header-top { gap: 16px; }
  #header .site-name img { max-width: 180px !important; }
}

/* 3.1 podpora + účet */
.sc-header-tools { display: none; }
@media (min-width: 768px) {
  .sc-header-tools { display: flex; align-items: center; gap: 20px; margin-right: 20px; }
}
.sc-support__icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--sc-accent-soft);
  color: var(--sc-accent-dark) !important;
  text-decoration: none !important;
  transition: background .15s, color .15s;
}
.sc-support__icon:hover { background: var(--sc-accent); color: #fff !important; }
.sc-support__icon .sc-support__dot { position: absolute; right: 1px; bottom: 1px; width: 12px; height: 12px; border: 2px solid #fff; }
.sc-support__dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #bbb; box-sizing: border-box; }
.sc-support.is-open .sc-support__dot { background: var(--sc-open); animation: sc-glow 2s ease-in-out infinite; }
.sc-support.is-closed .sc-support__dot { background: var(--sc-closed); }
@keyframes sc-glow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(47, 191, 91, .55); }
  50%      { box-shadow: 0 0 0 5px rgba(47, 191, 91, 0); }
}
@media (prefers-reduced-motion: reduce) { .sc-support.is-open .sc-support__dot { animation: none; } }
.sc-support--desktop { display: flex; align-items: center; gap: 10px; line-height: 1.25; }
.sc-support__text { display: flex; flex-direction: column; }
.sc-support__phone { font-size: 16px; font-weight: 700; color: var(--sc-ink) !important; text-decoration: none !important; white-space: nowrap; }
.sc-support__phone:hover { color: var(--sc-accent-dark) !important; }
.sc-support__hours { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--sc-muted); white-space: nowrap; }
.sc-support__state { font-weight: 700; }
.sc-support.is-open .sc-support__state { color: var(--sc-ok); }
.sc-support.is-closed .sc-support__state { color: var(--sc-closed); }

.sc-account {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--sc-ink) !important;
  text-decoration: none !important;
  line-height: 1.2;
}
.sc-account:hover { color: var(--sc-accent-dark) !important; }
.sc-account svg { flex: none; pointer-events: none; }     /* Shoptet otevře okno jen když cílem kliku je HTML prvek */
.sc-account::before, .sc-account::after { display: none !important; }
.sc-login-placing #login { visibility: hidden; }   /* JS přesouvá okno pod ikonu účtu */
.sc-account__text { display: flex; flex-direction: column; pointer-events: none; }
.sc-account__text b { font-size: 14px; font-weight: 700; }
.sc-account__text small { font-size: 12px; color: var(--sc-muted); }
@media (max-width: 1199px) {
  .sc-support__text { display: none; }      /* úzký desktop: jen ikony */
}
@media (max-width: 1439px) {
  .sc-account__text { display: none; }      /* text „Přihlásit se“ jen na širokém monitoru, jinak by zúžil vyhledávání */
}
.sc-account--mobile { display: none !important; }
@media (max-width: 767px) {
  .top-navigation-bar .responsive-tools .sc-account--mobile {
    display: inline-flex !important;
    justify-content: center;
    width: 40px;
    height: 40px;
  }
}

/* 3.2 vyhledávání — šedá „pilulka“, lupa vlevo (desktop i mobil) */
#header .search-form {
  position: relative;
  display: flex;
  width: 100%;
  height: 50px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--sc-field);
  transition: border-color .15s, box-shadow .15s;
}
#header .search-form:focus-within { border-color: var(--sc-accent); box-shadow: 0 0 0 4px rgba(204, 153, 204, .2); }
#header .search-form .query-input {
  flex: 1 1 auto;
  height: 48px;
  padding: 0 20px 0 54px;
  border: 0 !important;
  border-radius: 999px;
  background: transparent !important;
  box-shadow: none;
  font-size: 16px;
  color: var(--sc-ink);
}
#header .search-form .query-input:focus { outline: none; }
#header .search-form .query-input::placeholder { color: #8f8a90; }
#header .search-form button[type="submit"] {
  position: absolute;
  top: 50%;
  left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin-top: -19px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent !important;
  font-size: 0;                     /* text „Hledat“ jen pro čtečky */
  color: var(--sc-ink) !important;
}
#header .search-form button[type="submit"]::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  background: currentColor;
  -webkit-mask: var(--sc-i-search) center / contain no-repeat;
          mask: var(--sc-i-search) center / contain no-repeat;
}
#header .search-form button[type="submit"]:hover { color: var(--sc-accent-dark) !important; background: var(--sc-accent-soft) !important; }

/* 3.3 košík — kapsle (desktop), kolečko (mobil) */
#header .navigation-buttons > a.cart-count::before { margin: 0 !important; }
@media (min-width: 768px) {
  #header .navigation-buttons > a.cart-count {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    height: 50px;
    padding: 0 20px;
    border-radius: 999px;
    background: var(--sc-field);
    color: var(--sc-ink) !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
  }
  #header .navigation-buttons > a.cart-count:hover { background: var(--sc-accent-soft); }
  #header .navigation-buttons > a.cart-count::before {
    content: "" !important;
    order: 2;
    width: 22px;
    height: 22px;
    background: currentColor;
    -webkit-mask: var(--sc-i-bag) center / contain no-repeat;
            mask: var(--sc-i-bag) center / contain no-repeat;
  }
  #header .navigation-buttons > a.cart-count .cart-price { order: 1; color: inherit !important; font-size: 15px; }
  #header .navigation-buttons > a.cart-count > i {
    position: absolute;
    top: 4px;
    left: auto !important;            /* šablona: left 18px → počet seděl přes cenu */
    right: 10px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--sc-accent-dark) !important;
    color: #fff !important;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #header .navigation-buttons > a.cart-count { width: 50px; padding: 0; justify-content: center; }
}

/* 3.4 menu (desktop): bez růžového pruhu, linka pod hlavičkou, podtržení při najetí */
@media (min-width: 768px) {
  #navigation { height: 46px; }                     /* šablona: 32px + overflow hidden */
  #navigation .navigation-in { background: transparent !important; border-radius: 0; }
  #header { border-bottom: 1px solid var(--sc-line); }
  #navigation .menu-level-1 { padding: 0 4px; }
  #navigation .menu-level-1 > li { border: 0 !important; background: transparent !important; }
  #navigation .menu-level-1 > li > a {
    position: relative;
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 14px 16px !important;
    background: transparent !important;
    color: var(--sc-ink) !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    transition: color .2s;
  }
  #navigation .menu-level-1 > li > a > b { font-weight: inherit; }
  #navigation .menu-level-1 > li > a::after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 6px;
    height: 3px;
    border-radius: 3px;
    background: var(--sc-accent);
    transform: scaleX(0);
    transition: transform .25s ease;
  }
  #navigation .menu-level-1 > li:hover > a,
  #navigation .menu-level-1 > li > a:focus-visible,
  #navigation .menu-level-1 > li.exp > a { color: var(--sc-accent-dark) !important; }
  #navigation .menu-level-1 > li:hover > a::after,
  #navigation .menu-level-1 > li > a:focus-visible::after,
  #navigation .menu-level-1 > li.exp > a::after { transform: scaleX(1); }
  #navigation .menu-level-1 > li > .menu-level-2 {
    padding: 20px 16px;
    border-radius: 16px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .12);
  }
  #navigation .menu-level-2 a { color: var(--sc-ink); }
  #navigation .menu-level-2 a:hover { color: var(--sc-accent-dark); }
  #navigation .menu-level-2 .menu-image img { border-radius: 10px; }
  #navigation .menu-helper { height: 46px; }
  #navigation .menu-helper::after { color: var(--sc-ink) !important; line-height: 46px; }
  #navigation .menu-helper:hover::after { color: var(--sc-accent-dark) !important; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #navigation .menu-level-1 > li > a { padding: 14px 10px !important; font-size: 14px; }
  #navigation .menu-level-1 > li > a::after { left: 10px; right: 10px; }
}

/* 3.5 Výprodej: červený text + „%“ v červeném kolečku (JS vkládá .sc-sale-badge).
   Přebíjí inline styl z HTML kódů „zvýraznění % VÝPRODEJ“ (červený pruh) — ten pak lze smazat. */
#navigation .menu-level-1 > li.sc-sale,
#navigation .menu-level-1 > li.sc-sale > a { background: transparent !important; }
#navigation .menu-level-1 > li.sc-sale > a { color: var(--sc-sale) !important; font-weight: 700 !important; }
#navigation .menu-level-1 > li.sc-sale > a::after { background: var(--sc-sale); }
.sc-sale-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  border-radius: 50%;
  background: var(--sc-sale);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  vertical-align: middle;
}
#navigation .sc-sale > a > b { display: inline-flex; align-items: center; }

/* 3.6 Mobil: burger — stejný styl jako desktop, karta podpory, „Přihlášení“ jako tlačítko */
@media (max-width: 767px) {
  #navigation .menu-level-1 > li > a { background: transparent !important; color: var(--sc-ink) !important; font-size: 17px; }
  #navigation .navigationActions { margin: 16px 16px 0; padding: 0; border: 0; }
  #navigation .navigationActions li { margin: 0 0 8px; border: 0; }
  #navigation .navigationActions a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 16px !important;
    border: 1px solid var(--sc-accent);
    border-radius: 12px;
    background: #fff !important;        /* inline styl „zvýraznění % VÝPRODEJ“ (li:last-child) barvil i tohle tlačítko červeně */
    color: var(--sc-accent-dark) !important;
    font-size: 16px;
    font-weight: 600 !important;
  }
  .sc-nav-support { margin: 8px 16px 24px; }
  .sc-nav-support__link {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 16px;
    background: var(--sc-accent-soft);
    color: var(--sc-ink) !important;
    text-decoration: none !important;
  }
  .sc-nav-support .sc-support__icon { background: #fff; }
  .sc-nav-support__body { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
  .sc-nav-support__label { font-size: 13px; color: var(--sc-muted); }
  .sc-nav-support .sc-support__phone { font-size: 19px; }
  .sc-nav-support .sc-support__hours { font-size: 13px; white-space: normal; }

  #header .search { padding: 10px 0; }
  #header .search-form { height: 48px; }
  #header .search-form .query-input { height: 46px; padding-left: 50px; }
}
@media (min-width: 768px) { .sc-nav-support { display: none; } }

/* =========================================================
   5. DROBEČKOVÁ NAVIGACE
   Šablona kreslí „šipky“ ze dvou otočených čar (a::before / a::after) a box 40 px.
   Nově: tichý řádek textu, domeček, oddělovač ›, aktuální stránka tmavě; na mobilu jen kategorie, posun prstem.
   ========================================================= */
.breadcrumbs-wrapper { margin-top: 14px; margin-bottom: 6px; }
.breadcrumbs {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: 2px;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 13px;
  line-height: 20px;
  color: var(--sc-muted);
  overflow-x: auto;
  scrollbar-width: none;
  white-space: nowrap;
}
.breadcrumbs::-webkit-scrollbar { display: none; }
.breadcrumbs::before { display: none !important; }      /* domeček šablony (písmo shoptet, absolutně) — kreslíme vlastní */
.breadcrumbs *, .breadcrumbs a { min-height: 0 !important; }   /* šablona: a { min-height: 38px } */
.breadcrumbs > span { display: inline-flex !important; align-items: center; flex: 0 0 auto; height: auto !important; }
.breadcrumbs a,
.breadcrumbs .navigation-home-icon {
  height: auto !important;
  padding: 2px 4px !important;
  border-radius: 6px;
  color: var(--sc-muted) !important;
  text-decoration: none !important;
  transition: color .15s, background .15s;
}
.breadcrumbs a:hover { color: var(--sc-accent-dark) !important; background: var(--sc-accent-soft); }
.breadcrumbs a::before,
.breadcrumbs a::after { display: none !important; }      /* pryč šablonové „šipky“ */
.breadcrumbs .navigation-bullet {
  display: inline-flex !important;
  align-items: center;
  height: 20px;
  padding: 0 4px !important;
  font-size: 0;                                          /* „/“ ze šablony schovat… */
  color: #b9b2b8;
}
.breadcrumbs .navigation-bullet::before {                /* …a místo něj šipka › */
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 6 15 12 9 18'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 6 15 12 9 18'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* domeček */
.breadcrumbs .navigation-home-icon {
  display: inline-flex !important;
  align-items: center;
  width: auto !important;
}
.breadcrumbs .navigation-home-icon::before {
  content: "" !important;
  display: block !important;
  position: static !important;
  width: 16px !important;
  height: 16px !important;
  background: currentColor !important;
  transform: none !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5L12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5L12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.breadcrumbs .navigation-home-icon::after { display: none !important; }
/* aktuální stránka */
.breadcrumbs > span:last-child { min-width: 0; flex: 0 1 auto; padding: 2px 4px; color: var(--sc-ink); font-weight: 600; }
.breadcrumbs > span:last-child [itemprop="name"] { display: block; padding: 0 !important; overflow: hidden; text-overflow: ellipsis; }
/* značka nad názvem produktu hned pod drobečky — trochu vzduchu */
.sc-pdp .p-detail-inner-header { padding-top: 10px; }
@media (max-width: 767px) {
  .breadcrumbs-wrapper { display: block !important; margin: 10px 0 0; }   /* šablona drobečky na mobilu schovávala */
  .breadcrumbs > span:last-child { display: none !important; }            /* název produktu je hned pod nimi */
  .breadcrumbs > span:nth-last-child(2) .navigation-bullet { display: none !important; }
}

/* =========================================================
   6. KOŠÍK A OBJEDNÁVKA (/kosik/, /objednavka/krok-1/, krok-2/) — podle GiftLab sekce 11
   Jen vzhled + bloky z JS (kupón, doprava zdarma, důvěra, miniatury v Rekapitulaci).
   ========================================================= */
.ordering-process .cart-content {
  border: 1px solid var(--sc-line);
  border-radius: var(--sc-radius-lg);
  box-shadow: none;
}
.ordering-process .cart-content h2,
.ordering-process .cart-content .h4 {
  border: 0 !important;
  font-size: 18px;
  font-weight: 700;
  text-transform: none !important;
  color: var(--sc-ink);
}

/* 6.1 kroky nahoře: text + linka pod aktivním (jako menu) */
.ordering-process .cart-header { display: flex; margin: 0; padding: 0 8px; border-bottom: 1px solid var(--sc-line); }
.ordering-process .cart-header .step { position: relative; flex: 1 1 0; margin: 0; border: 0 !important; background: transparent !important; }
.ordering-process .cart-header .step::before { display: none !important; }
.ordering-process .cart-header .step > a,
.ordering-process .cart-header .step > strong {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 8px;
  background: transparent !important;
  font-size: 15px;
  font-weight: 600;
  text-transform: none !important;
  text-decoration: none;
  color: #9a949a !important;
}
.ordering-process .cart-header .step > a:hover { color: var(--sc-accent-dark) !important; }
.ordering-process .cart-header .step.active > strong,
.ordering-process .cart-header .step.active > a { color: var(--sc-ink) !important; }
.ordering-process .cart-header .step.active::after {
  content: "";
  position: absolute;
  left: 20%;
  right: 20%;
  bottom: -1px;
  height: 3px;
  border-radius: 3px;
  background: var(--sc-accent);
}

/* 6.2 položky: větší miniatura na světlém podkladu (bílé zboží na bílém nebylo vidět), název bez verzálek */
.cart-table td { border-color: #f1edf0 !important; vertical-align: middle; }
.cart-table .cart-p-image { width: 112px; }
.cart-table .cart-p-image a { display: block; width: 96px; height: 96px; padding: 6px; border-radius: 12px; background: var(--sc-soft); }
.cart-table .cart-p-image img { width: 100% !important; height: 100% !important; object-fit: contain; mix-blend-mode: multiply; }
.cart-table .p-name .main-link,
.cart-items .main-link,
.cart-items td {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: none !important;
  color: var(--sc-ink) !important;
}
.cart-table .show-related { font-size: 13px; color: var(--sc-accent-dark) !important; }
@media (max-width: 767px) {
  /* šablona: řádek = flex-wrap, obrázek flex 0 0 76px a název calc(100% − 76px) → náš 112px obrázek vytlačil název pod sebe */
  .cart-table .cart-p-image { width: 84px !important; flex: 0 0 84px !important; }
  .cart-table .cart-p-image a { width: 76px; height: 76px; }
  .cart-table td.p-name { flex: 1 1 calc(100% - 84px) !important; min-width: 0; padding-left: 10px !important; }
  .cart-table td.p-quantity { display: flex; justify-content: flex-end; }   /* počítadlo vylézalo z obrazovky */
}
.cart-table .p-price .price-final,
.cart-table .p-total .price-final { font-weight: 700; color: var(--sc-ink) !important; }   /* secret11.css: tyrkysová */
.cart-table .quantity {
  display: inline-flex;
  align-items: center;
  height: 40px;
  border: 1px solid #d9d3d8;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.cart-table .quantity input.amount { width: 40px; height: 38px; border: 0 !important; font-weight: 600; text-align: center; }
.cart-table .quantity .increase,
.cart-table .quantity .decrease { position: static; width: 30px; height: 38px; border: 0; background: transparent; color: var(--sc-ink); }
.cart-table .quantity .increase__sign,
.cart-table .quantity .decrease__sign { display: inline !important; font-size: 18px; line-height: 1; }
.cart-table .quantity .increase::before,
.cart-table .quantity .decrease::before { display: none !important; }
.cart-table .quantity .decrease { order: 0; }
.cart-table .quantity label { order: 1; margin: 0; }
.cart-table .quantity .increase { order: 2; }
.cart-table .quantity .increase:hover,
.cart-table .quantity .decrease:hover { background: var(--sc-soft); }

/* 6.3 kupón schovaný za odkaz */
.sc-coupon.is-collapsed { display: none; }
.sc-coupon__toggle {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: 14px;
  color: var(--sc-accent-dark);
  text-decoration: underline;
  cursor: pointer;
}
.discount-coupon .input-group { display: flex; gap: 8px; }
.discount-coupon .form-control { height: 46px; border: 1px solid #d9d3d8 !important; border-radius: 12px !important; font-size: 15px; }
.discount-coupon .btn {
  height: 46px;
  padding: 0 18px;
  border: 1px solid var(--sc-accent) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--sc-accent-dark) !important;
  font-weight: 600;
  text-transform: none;
}
/* nadpis „DÁRKY A SLEVY“ + ikona „-%“ šablony — s odkazem zbytečné */
.ordering-process .cart-summary > h2 { display: none; }
.ordering-process .extras-col .discount-coupon::before { display: none !important; }

/* 6.4 doprava zdarma: čistý řádek + ukazatel */
.extras-wrap .extra { padding: 12px 14px; border-radius: 12px; font-size: 14px; line-height: 1.45; }
.extras-wrap .extra::before { display: none !important; }
.extras-wrap .extra.delivery { background: var(--sc-soft); }
.extras-wrap .extra.delivery strong { color: var(--sc-ink) !important; }
.extras-wrap .price-range { height: 6px; margin-top: 8px; border-radius: 999px; background: #e7e1e6; overflow: hidden; }
.extras-wrap .price-range > div { height: 100%; border-radius: 999px; background: var(--sc-accent); }

/* 6.5 „Doplňte a máte dopravu zdarma“ */
.sc-picks { margin: 22px 0 6px; }
.sc-picks:empty { display: none; }
.sc-picks__title { margin: 0 0 4px !important; padding: 0 !important; border: 0 !important; font-size: 17px !important; font-weight: 700; text-transform: none !important; color: var(--sc-ink); }
.sc-picks__lead { margin: 0 0 12px; font-size: 14px; color: var(--sc-muted); }
.sc-picks__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.sc-pick {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--sc-line);
  border-radius: 12px;
  background: #fff;
}
.sc-pick__img { display: block; aspect-ratio: 4 / 3; border-radius: 8px; background: var(--sc-soft); overflow: hidden; }
.sc-pick__img img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.sc-pick__name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.35;
  color: var(--sc-ink) !important;
  text-decoration: none !important;
}
.sc-pick__avail { font-size: 12px; color: var(--sc-ok); }
.sc-pick__row { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: auto; font-size: 14px; }
.sc-pick__add {
  padding: 6px 12px;
  border: 0;
  border-radius: 999px;
  background: var(--sc-accent);
  color: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.sc-pick__add:hover { background: var(--sc-accent-dark); }
.sc-pick__add[disabled] { opacity: .6; cursor: default; }
@media (max-width: 767px) {
  .sc-picks__list {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 46%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .sc-pick { scroll-snap-align: start; }
}

/* 6.6 pravý sloupec: souhrn, tlačítka, důvěra */
.ordering-process .toggle-contacts {
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--sc-accent-soft) !important;
  color: var(--sc-ink) !important;
  font-weight: 600;
  text-transform: none;
}
.ordering-process .price-wrapper .price-label { font-size: 15px; font-weight: 600; color: var(--sc-ink); }
.ordering-process .price-wrapper .price-label.price-secondary { font-size: 13px; font-weight: 400; color: var(--sc-muted); }
.ordering-process .price-wrapper strong.price-primary { font-size: 28px; font-weight: 800; color: var(--sc-ink) !important; }
.ordering-process .price-wrapper strong.price-secondary { font-size: 14px; font-weight: 500; color: var(--sc-muted) !important; }
.next-step-forward,
#orderFormButton,
#submit-order {
  min-height: 52px;
  padding: 10px 28px;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--sc-accent) !important;
  font-size: 16px;
  font-weight: 700;
  text-transform: none !important;
  line-height: 1.25;
}
.next-step-forward:hover, #orderFormButton:hover, #submit-order:hover { background: var(--sc-accent-dark) !important; }
.next-step-forward span, #orderFormButton span, #submit-order span { text-transform: none !important; }   /* verzálky dává vnořený span */
#submit-order { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; }
.next-step-back { color: var(--sc-muted) !important; text-transform: none !important; font-weight: 500; }
.next-step-back:hover { color: var(--sc-accent-dark) !important; }
/* „Zpět do obchodu“ pod hlavním tlačítkem, ne nad ním */
.next-step--cart { display: flex; flex-direction: column; gap: 6px; }
.next-step--cart .next-step-forward { order: 1; }
.next-step--cart .next-step-back { order: 2; min-height: 0; padding: 6px; }
.sc-cart-trust {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 14px 0 0;
  padding: 14px 0 0;
  border-top: 1px solid var(--sc-line);
  list-style: none;
  font-size: 13px;
  color: var(--sc-muted);
}
.sc-cart-trust li { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; }
.sc-cart-trust li::before { display: none; }
.sc-cart-trust svg { flex: none; width: 18px; height: 18px; color: var(--sc-accent-dark); }
.sc-cart-trust a { color: var(--sc-muted) !important; text-decoration: none !important; }
.sc-cart-trust b { color: var(--sc-ink); }
.sc-cart-trust .sc-stars { margin-right: 6px; font-size: 14px; }

/* 6.7 krok 1: doprava a platba jako karty (řádek šablony = flex bez rezervy → label nepaddovat, viz GiftLab) */
.order-icon { text-transform: none !important; font-size: 18px !important; font-weight: 700 !important; }
.shipping-billing-table .radio-wrapper {
  margin: 0 0 8px;
  padding: 4px 14px;
  border: 1px solid var(--sc-line) !important;
  border-radius: 14px;
  background: #fff;
  transition: border-color .15s, background .15s;
}
.shipping-billing-table .radio-wrapper:hover { border-color: #cfc6cd !important; }
.shipping-billing-table .radio-wrapper.active { border-color: var(--sc-accent) !important; background: #fcf8fc; }
.shipping-billing-table .radio-wrapper label { flex-wrap: nowrap !important; align-items: center; }
.shipping-billing-table .radio-wrapper .payment-info { flex: 1 1 auto !important; min-width: 0; }
.shipping-billing-table .radio-wrapper .payment-logo { flex: 0 0 80px !important; }
.shipping-billing-table .radio-wrapper .payment-shipping-price { flex: 0 0 auto !important; min-width: 70px; text-align: right; }
.shipping-billing-table .shipping-billing-name { font-weight: 600; text-transform: none; color: var(--sc-ink) !important; }
.shipping-billing-table .payment-shipping-price { font-weight: 700; color: var(--sc-ink); }
.radio-wrapper input[type="radio"]:checked + label::before { border-color: var(--sc-accent-dark) !important; }
.radio-wrapper input[type="radio"]:checked + label::after { background-color: var(--sc-accent-dark) !important; }
.ordering-process input[type="radio"],
.ordering-process input[type="checkbox"] { accent-color: var(--sc-accent-dark); }

/* 6.8 krok 1 a 2: formuláře */
:is(.in-krok-1, .in-krok-2) .form-control {
  height: 46px;
  padding: 8px 14px;
  border: 1px solid #d9d3d8 !important;
  border-radius: 12px !important;
  font-size: 16px;                      /* iOS nezoomuje */
  box-shadow: none;
}
:is(.in-krok-1, .in-krok-2) textarea.form-control { height: auto; min-height: 96px; }
:is(.in-krok-1, .in-krok-2) .form-control:focus {
  border-color: var(--sc-accent) !important;
  box-shadow: 0 0 0 4px rgba(204, 153, 204, .2);
  outline: none;
}
:is(.in-krok-1, .in-krok-2) .co-box h4,
:is(.in-krok-1, .in-krok-2) .co-box h2 { text-transform: none; border: 0 !important; }

/* 6.9 Rekapitulace s miniaturami (vkládá JS) */
/* mřížka: obrázek vlevo přes dva řádky | název přes celou šířku | pod ním „1 ks“ a cena.
   Šablona dává sloupcům pevné šířky a svislé čáry → název se mačkal na 113 px. */
#summary-box .cart-item.sc-has-img {
  display: grid;
  grid-template-columns: 48px 1fr auto;
  grid-template-areas: "img name name" "img amount price";
  align-items: center;
  column-gap: 12px;
  row-gap: 2px;
  padding: 10px 0;
}
#summary-box .cart-item.sc-has-img > * { width: auto !important; padding: 0 !important; border: 0 !important; }
#summary-box .cart-item.sc-has-img .sc-recap-img { grid-area: img; align-self: start; }
#summary-box .cart-item.sc-has-img .cart-item-name { grid-area: name; min-width: 0; font-size: 13px; line-height: 1.35; }
#summary-box .cart-item.sc-has-img .cart-item-amount { grid-area: amount; font-size: 13px; color: var(--sc-muted); text-align: left; }
#summary-box .cart-item.sc-has-img .cart-item-price { grid-area: price; font-weight: 700; white-space: nowrap; text-align: right; }
.sc-recap-img {
  flex: none;
  width: 48px;
  height: 48px;
  padding: 4px;
  border-radius: 10px;
  background: var(--sc-soft);
  object-fit: contain;
  mix-blend-mode: multiply;
}

/* =========================================================
   7. PATIČKA — dočasně
   ========================================================= */
/* Loga karet (Visa, MasterCard…) — samostatný HTML blok .our-footer pod Instagramem „spadl“ mimo patičku.
   Schováno; platby uděláme pořádně v nové patičce. Blok lze pak smazat z HTML kódů. */
.our-footer { display: none !important; }

/* =========================================================
   4. LISTOVÁNÍ PRODUKTŮ NA HLAVNÍ (náhrada za dkLAB Slider+)
   Bloky „Bestsellery“ a „Novinky“ — vodorovný pás se scroll-snap, šipky vkládá JS.
   Bez knihovny: na mobilu se listuje prstem, na desktopu šipkami nebo trackpadem.
   ========================================================= */
.sc-slider { position: relative; margin-bottom: 32px; }
/* emoji před nadpisy: secret11.css je dává přes :nth-child — na mobilu je v main jiný počet prvků a ❤️ se ztrácelo.
   Vážeme je na třídu bloku. */
.in-index .homepage-products-heading-2::before { content: "❤️ " !important; }
.in-index .homepage-products-heading-4::before { content: "🌿 " !important; }
.sc-slider > .products-block {
  flex-wrap: nowrap !important;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0 !important;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.sc-slider > .products-block::-webkit-scrollbar { display: none; }
.sc-slider > .products-block > .product {
  flex: 0 0 25% !important;
  max-width: 25% !important;
  scroll-snap-align: start;
}
@media (max-width: 1199px) {
  .sc-slider > .products-block > .product { flex-basis: 33.333% !important; max-width: 33.333% !important; }
}
@media (max-width: 767px) {
  /* 2 celé + kousek třetí — je vidět, že se dá listovat */
  .sc-slider > .products-block > .product { flex-basis: 44% !important; max-width: 44% !important; }
}
.sc-slider__btn {
  position: absolute;
  top: 40%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  padding: 0;
  border: 1px solid var(--sc-line);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
  color: var(--sc-ink);
  cursor: pointer;
  transition: opacity .2s, background .15s;
}
.sc-slider__btn:hover { background: var(--sc-accent-soft); }
.sc-slider__btn[disabled] { opacity: 0; pointer-events: none; }
.sc-slider__btn--prev { left: -12px; }
.sc-slider__btn--next { right: -12px; }
.sc-slider__btn svg { pointer-events: none; }
@media (max-width: 767px) {
  .sc-slider__btn { display: none; }           /* mobil: prstem */
}