/* ==========================================================================
   FAZONETKA – košík (styl v1)
   Obsahuje dvě části:
     A) sjednocené okno „Přidáno do košíku“ (platí na celém e-shopu)
     B) nová stránka prázdného košíku (platí jen na /kosik/ při prázdném košíku)
   Vrácení zpět: odebrat z Záhlaví řádek <link> na tento soubor.
   ========================================================================== */

/* ===== A) OKNO „PŘIDÁNO DO KOŠÍKU“ ===== */
/* ==========================================================================
   FAZONETKA – sjednocené okno „Přidáno do košíku“  (styl v1)
   Cíl: jedno kompaktní okno pro PDF i tištěné střihy, bez doporučených
   produktů, objemových slev a dárků. Mění jen vzhled okna Shoptetu
   (.advanced-order), nic z obchodní logiky.
   Vrácení zpět: odebrat z Záhlaví řádek <link> na tento soubor.
   ========================================================================== */

/* 1) Okno: kompaktní, vycentrované (přebíjí pevné rozměry, které nastavuje Colorbox) */
#colorbox:has(.advanced-order) {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  width: min(520px, calc(100vw - 24px)) !important;
  height: auto !important;
  max-height: calc(100vh - 24px);
  transform: translate(-50%, -50%);
}
#colorbox:has(.advanced-order) #cboxWrapper {
  position: relative !important;
}
#colorbox:has(.advanced-order) #cboxWrapper,
#colorbox:has(.advanced-order) #cboxContent,
#colorbox:has(.advanced-order) #cboxLoadedContent {
  width: 100% !important;
  height: auto !important;
  float: none;
}
#colorbox:has(.advanced-order) #cboxLoadedContent {
  max-height: calc(100vh - 24px);
  overflow-y: auto !important;
}
#colorbox:has(.advanced-order) #cboxContent {
  margin-top: 0 !important;
  border-radius: 6px;
  overflow: hidden;
}
#colorbox:has(.advanced-order) #cboxMiddleLeft,
#colorbox:has(.advanced-order) #cboxMiddleRight {
  display: none !important;
}

/* 2) Obsah okna */
#colorbox .advanced-order {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 34px 28px 14px;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  color: #000;
}

/* Potvrzovací ikona (zelená fajfka) nad nadpisem */
#colorbox .advanced-order .h1 {
  order: 1;
  margin: 0;
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-variant-numeric: lining-nums;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.25;
  color: #000;
}
#colorbox .advanced-order .h1::before {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  margin: 0 auto 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3E%3Ccircle cx='27' cy='27' r='27' fill='%23E3F2D4'/%3E%3Cpath d='M16 28l8 8 15-17' fill='none' stroke='%234E9B2F' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Název přidaného produktu (bere se z Shoptetu, ne napevno) */
#colorbox .advanced-order .h2[data-testid="textPopupProductName"],
#colorbox .advanced-order > .h2 {
  order: 2;
  margin: 8px 0 0;
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  color: #000;
}

/* Co z okna mizí: slevová motivace, dárky, doporučené produkty */
#colorbox .advanced-order .extras-wrap,
#colorbox .advanced-order .advanced-order-suggestion,
#colorbox .advanced-order .products-wrapper {
  display: none !important;
}

/* 3) Osobní sdělení (ikona + nadpis + text), bez JavaScriptu.
   Ikona heart-handshake (Lucide, obrysová, modrá #2274A5) je podkladový obrázek
   rámečku: na počítači vlevo vedle nadpisu, na mobilu nad nadpisem. */
#colorbox .advanced-order::before {
  content: "Šití zvládnete. A já jsem tu pro vás!";
  order: 3;
  align-self: stretch;
  display: flex;
  align-items: center;
  box-sizing: content-box;
  min-height: 26px;
  margin: 22px 0 -1px;
  padding: 16px 20px 8px 66px;
  border-radius: 6px 6px 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%232274A5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3Cpath d='M12 5 9.04 7.96a2.17 2.17 0 0 0 0 3.08c.82.82 2.13.85 3 .07l2.07-1.9a2.82 2.82 0 0 1 3.79 0l2.96 2.66'/%3E%3Cpath d='m18 15-2-2'/%3E%3Cpath d='m15 18-2-2'/%3E%3C/svg%3E") 22px 16px / 26px 26px no-repeat #EAF5F8;
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
  color: #000;
}
#colorbox .advanced-order::after {
  content: "Ke každému střihu připravuji podrobné návody, které vás provedou šitím krok za krokem. A kdybyste potřebovali poradit, stačí mi napsat.";
  order: 4;
  align-self: stretch;
  padding: 0 20px 16px 22px;
  border-radius: 0 0 6px 6px;
  background: #EAF5F8;
  font-size: 15px;
  line-height: 1.55;
  text-align: left;
  color: #1f1f1f;
}

/* 4) Tlačítka: hlavní oranžové nahoře, vedlejší nenápadné pod ním */
#colorbox .advancedOrder__buttons {
  order: 5;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 4px;
  width: 100%;
  margin: 22px 0 0;
  padding: 0;
}
#colorbox .advancedOrder__buttons .btn-conversion {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 360px;
  min-height: 52px;
  margin: 0;
  padding: 0 28px;
  border: 0;
  border-radius: 6px;
  background: #F68E5F;
  box-shadow: none;
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
  text-decoration: none;
}
#colorbox .advancedOrder__buttons .btn-conversion:hover {
  background: #F27C46;
  color: #000;
}
#colorbox .advancedOrder__buttons .next-step-back {
  min-height: 44px;
  margin: 0;
  padding: 0 14px;
  border: 0;
  background: none;
  box-shadow: none;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #1f1f1f;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
#colorbox .advancedOrder__buttons .next-step-back:hover {
  background: none;
  color: #000;
  text-decoration-thickness: 2px;
}
#colorbox .advancedOrder__buttons .btn:focus-visible {
  outline: 3px solid #2274A5;
  outline-offset: 2px;
}

/* 5) Mobil */
@media (max-width: 480px) {
  #colorbox .advanced-order { padding: 28px 18px 20px; }
  #colorbox .advanced-order .h1 { font-size: 24px; }
  #colorbox .advanced-order .h2[data-testid="textPopupProductName"],
  #colorbox .advanced-order > .h2 { font-size: 16px; }
  #colorbox .advanced-order::before { content: "Šití zvládnete.\A A já jsem tu pro vás!"; white-space: pre-line; justify-content: center; min-height: 0; padding: 56px 16px 6px; background-position: center 14px; font-size: 16px; text-align: center; }
  #colorbox .advanced-order::after { padding: 0 16px 14px; font-size: 14.5px; text-align: center; }
  #colorbox .advancedOrder__buttons .btn-conversion { max-width: none; }
}


/* ===== B) PRÁZDNÝ NÁKUPNÍ KOŠÍK ===== */
/* ==========================================================================
   FAZONETKA – prázdný nákupní košík (styl v1)
   Platí jen na stránce prázdného košíku (.cart-empty) a až poté, co skript
   vloží nový blok (.fzk-hotovo). Bez skriptu zůstává původní stránka Shoptetu.
   Vrácení zpět: odebrat z Záhlaví řádky <link> a <script> na tyto soubory.
   ========================================================================== */

/* Původní obsah (seznam odkazů, Hledat, kontaktní box) schováme */
.cart-inner.cart-empty.fzk-hotovo .cart-row { display: none; }

/* Nadpis stránky */
.cart-inner.cart-empty.fzk-hotovo .cart-heading {
  margin: 0 0 18px;
  text-align: center;
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
  color: #000;
}

.fzk {
  box-sizing: border-box;
  width: 100%; /* na užších telefonech jinak přeteče a posune se doprava */
  max-width: 880px;
  margin: 0 auto 24px;
  font-family: 'Roboto', sans-serif;
  color: #000;
}
.fzk *, .fzk *::before, .fzk *::after { box-sizing: border-box; }
.fzk svg { display: block; flex: 0 0 auto; }

/* Hodnocení obchodu – jedna decentní řada pod vyhledáváním, celá je odkaz */
.fzk-hodnoceni {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin: 14px 0 0;
  color: #1f1f1f;
  text-decoration: none;
}
.fzk-hodnoceni--ceka { visibility: hidden; min-height: 20px; } /* drží místo, aby stránka neposkakovala */
.fzk-hodnoceni:hover, .fzk-hodnoceni:focus { color: #000; text-decoration: none; }
.fzk-hvezdy { display: inline-flex; gap: 2px; }
.fzk-hv { position: relative; display: block; width: 16px; height: 16px; color: #E4DDCF; }
.fzk-hv svg { display: block; width: 16px; height: 16px; }
.fzk-hv-plna { position: absolute; top: 0; left: 0; height: 16px; overflow: hidden; color: #D8AA56; }
.fzk-hv-plna svg { width: 16px; height: 16px; max-width: none; }
.fzk-hodnoceni-cislo { font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 700; line-height: 1; color: #000; }
.fzk-hodnoceni-text { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 1.3; color: #3a3a3a; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; }
.fzk-hodnoceni:hover .fzk-hodnoceni-text { text-decoration-color: currentColor; }

/* 1) Dvě hlavní nákupní tlačítka – oranžová, černý text */
.fzk-tlacitka {
  display: flex;
  justify-content: center;
  gap: 14px;
  max-width: 534px;
  margin: 0 auto;
}
.fzk-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 6px;
  background: #F68E5F;
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
  text-decoration: none;
}
.fzk-btn:hover, .fzk-btn:focus { background: #F27C46; color: #000; text-decoration: none; }

/* 2) Vyhledávání – stejný vzhled jako v hlavičce / na homepage,
      šířka i okraje stejné jako u dvou oranžových tlačítek nad ním */
.fzk-hledani { max-width: 534px; margin: 16px auto 0; }
.fzk-hledani-pole {
  position: relative;
  display: flex;
  align-items: stretch;
  height: 44px;
  border: 1px solid #F68E5F;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}
.fzk-hledani-pole:focus-within { box-shadow: 0 0 0 3px rgba(246, 142, 95, .3); }
.fzk-hledani-pole svg {
  position: absolute;
  top: 50%;
  left: 13px;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  color: #F68E5F;
  pointer-events: none;
}
.fzk-hledani-pole input {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0 12px 0 46px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  outline: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #1f1f1f;
}
.fzk-hledani-pole button {
  flex: 0 0 auto;
  margin: 0;
  padding: 0 26px;
  border: 0;
  border-radius: 0;
  background: #F68E5F;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #1f1f1f;
  cursor: pointer;
}
.fzk-hledani-pole button:hover { background: #F27C46; }

/* 3) Prvek důvěry – světle modrý rámeček, ikona vedle nadpisu */
.fzk-duvera {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 16px;
  padding: 16px 20px;
  border-radius: 6px;
  background: #EAF5F8;
  text-align: left;
}
.fzk-duvera-ikona { color: #2274A5; padding-top: 1px; }
.fzk-duvera-ikona svg { width: 26px; height: 26px; }
.fzk .fzk-duvera h2 {
  margin: 0 0 4px;
  padding: 0;
  text-align: left;
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}
.fzk .fzk-duvera p { margin: 0 !important; padding: 0; font-size: 15px; line-height: 1.55; color: #1f1f1f; }

/* 4) Tři proklikové kartičky (celá kartička je odkaz) */
.fzk-karty {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 14px;
}
.fzk-karta {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 64px;
  padding: 10px 12px;
  border: 1px solid #D6E3E9;
  border-radius: 6px;
  background: #fff;
  color: #000;
  text-decoration: none;
}
.fzk-karta:hover, .fzk-karta:focus { border-color: #2274A5; color: #000; text-decoration: none; }
.fzk-karta-ikona { flex: 0 0 48px; }
.fzk-karta-ikona img { display: block; width: 48px; height: 40px; object-fit: contain; }
.fzk-karta-text {
  flex: 1 1 auto;
  font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}
.fzk-karta-sipka { color: #2274A5; }
.fzk-karta-sipka svg { width: 18px; height: 18px; }
.fzk a:focus-visible, .fzk button:focus-visible { outline: 3px solid #2274A5; outline-offset: 2px; }

/* Mobil */
@media (max-width: 640px) {
  .cart-inner.cart-empty.fzk-hotovo .cart-heading { margin-bottom: 14px; font-size: 24px; }
  .fzk-tlacitka { flex-direction: column; align-items: center; gap: 10px; }
  .fzk-btn { flex: none; width: 100%; }
  .fzk-hledani { margin-top: 14px; }
  .fzk-duvera { gap: 12px; padding: 14px 16px; }
  .fzk-duvera-ikona svg { width: 24px; height: 24px; }
  .fzk-karty { grid-template-columns: 1fr; gap: 8px; }
  .fzk-karta { min-height: 54px; }
}

/* C) Mobilní mini košík (okno, které se otevře klepnutím na ikonu košíku nahoře):
   hlavička je na mobilu vyšší (ikony + vyhledávání), takže první položka se schovávala
   pod vyhledávací lištou. Obsah okna posunujeme pod hlavičku. */
@media (max-width: 991px) {
  #cart-widget.popup-widget { box-sizing: border-box; padding-top: 58px; }
}

/* D) PDF střihy (třída .fzk-pdf doplňuje skript podle nulové váhy): bez výběru počtu kusů
   v košíku i v malém okně košíku. Sloupec zůstává, aby se ostatní údaje nepohnuly. */
.cart-table tr.removeable.fzk-pdf td.p-quantity > div { display: none !important; }
.cart-table.fzk-jen-pdf .cart-table-header td.p-quantity { visibility: hidden; }
.cart-widget-product.fzk-pdf .cart-widget-product-amount,
.cart-widget-product.fzk-pdf .cart-widget-product-unit { display: none !important; }

/* E) Malé okno košíku na mobilu po odebrání poslední položky: stejný nový prázdný košík
   jako na stránce košíku (blok vkládá skript; na počítači se nezobrazuje). */
@media (max-width: 991px) {
  #cart-widget .fzk-okno-prazdne .cart-widget-product {
    display: block;
    min-height: 0 !important;
    height: auto !important;
    padding: 14px 20px 0;
    margin: 0 0 14px;
    text-align: center;
    font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: #000;
  }
  #cart-widget .fzk-okno { padding: 0 20px 24px; }
  #cart-widget .cart-widget-products:has(.fzk-okno-prazdne) { height: auto !important; max-height: calc(100vh - 170px); }
}
@media (min-width: 992px) {
  #cart-widget .fzk-okno { display: none; }
}


/* =====================================================================
   F) Nákupní proces – úpravy z 2026-11-03 (v5). Návrat: v Záhlaví v4.
   - Kontakt v hlavičce celého nákupu (blok .fzk-kontakt vkládá skript v4):
     počítač fotka + telefon + e-mail + hodiny, mobil bez hodin vedle loga.
   - Křížek pro odebrání položky vidět pořád (Shoptet ho ukazoval jen
     po najetí myší), na mobilu šedý.
   - Sleva u položky: Shoptetem skrytý sloupec „Sleva“ se ukáže, jen když
     má některá položka slevu (kupon, zákaznická, objemová = výsledná
     sleva Shoptetu). Červeně −X %, červená cena zlevněné položky.
   - Blok „Cena bez slevy / Celkem ušetříte“ (.fzk-uspora, počítá skript).
   - „Dopravu máte zdarma!“ skryté v košíku se samými PDF (.fzk-jen-pdf).
   - Ikonka Google hodnocení skrytá během nákupu.
   - Mobil: dárek a podobné pruhy pod tlačítkem Pokračovat.
   ===================================================================== */
.ordering-process .header-top-wrapper{position:relative}
.fzk-kontakt{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:10px;z-index:5}
.fzk-kontakt img{width:48px;height:48px;object-fit:contain;display:block;flex:0 0 auto;margin:0}
.fzk-kontakt-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.3}
.fzk-kontakt a{color:#1F1F1F;text-decoration:none;font-weight:700;font-size:15px}
.fzk-kontakt a.fzk-mail{font-weight:400;font-size:14px}
.fzk-kontakt a:hover{color:#2274A5}
.fzk-kontakt-hodiny{font-size:13px;color:#767676}
.ordering-process .cart-table tr.removeable .remove-item{opacity:1}
.cart-table:has(.p-discount .acronym) .p-discount{display:table-cell;text-align:center;vertical-align:middle}
.cart-table tr.removeable .p-discount:not(:has(.acronym)){font-size:0}
.cart-table .p-discount .acronym{display:inline-flex;color:#D0312D;font-weight:700;font-size:18px;white-space:nowrap;border:0;text-decoration:none;cursor:default}
.cart-table .p-discount .acronym::before{content:"\2212"}
.cart-table tr.removeable:has(.p-discount .acronym) .p-total .price-final{color:#D0312D;font-weight:700}
@media (min-width:768px){.cart-table .p-discount .p-label{display:none}
}
.fzk-uspora{margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid #E5E5E5;text-align:right}
.fzk-uspora-radek{display:flex;justify-content:flex-end;gap:12px;font-size:17px;line-height:1.5;color:#6F6158}
.fzk-uspora-puv{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:#6F6158}
.fzk-uspora-hlavni{color:#D0312D;font-weight:700}
.cart-inner:has(.cart-table.fzk-jen-pdf) .extra.delivery{display:none}
.ordering-process #google-merchantwidget-iframe-wrapper{display:none !important}
@media (max-width:767px){.fzk-kontakt{right:56px;top:25px;gap:8px}
.fzk-kontakt img{width:36px;height:36px}
.fzk-kontakt a,.fzk-kontakt a.fzk-mail{font-size:13px}
.fzk-kontakt-hodiny{display:none}
.cart-table tr.removeable .p-discount{order:5;flex:0 0 auto;width:auto;align-self:center;padding:0 6px;text-align:center}
.cart-table tr.removeable .p-discount:not(:has(.acronym)){display:none}
.cart-table tr.removeable:has(.p-discount .acronym) .p-quantity{flex:1 1 0;width:auto;min-width:0}
.cart-table .p-discount .p-label{display:none}
.cart-table .p-discount .acronym{font-size:16px}
.fzk-uspora{text-align:left}
.fzk-uspora-radek{justify-content:space-between}
.cart-inner .row.summary{display:flex;flex-direction:column}
.cart-inner .row.summary > .col-md-8{display:contents}
.cart-inner .row.summary > .col-md-4{order:2}
.cart-inner .row.summary .box.box-md{order:3;margin-top:16px}
.cart-table .remove-item{color:#9A9A9A}
.cart-table .remove-item::before{color:#9A9A9A}
}


/* G) Tlačítko u vložení slevového kuponu světle oranžové jako blok
   „PDF střih Vám přijde do 10 minut“ (místo zelené). Přidáno ve v6
   (2026-11-03). Návrat: v Záhlaví v5. */
.coupon-input .btn.btn-default.btn-arrow-right{background-color:#FDE6DC;border-color:#FDE6DC;color:#1F1F1F}
.coupon-input .btn.btn-default.btn-arrow-right:hover,.coupon-input .btn.btn-default.btn-arrow-right:focus{background-color:#FBD3C1;border-color:#FBD3C1;color:#1F1F1F}

/* =====================================================================
   H) Krok 2 Doprava a platba (v7, 2026-11-03). Návrat: v Záhlaví v6.
   - Rekapitulace: sleva u položky (−X %), červená cena zlevněné položky,
     kupon ve světle oranžovém rámečku, řádek „Celkem ušetříte“
     (vše vkládá skript v5, údaje bere z košíku).
   - Mobil: název střihu v rekapitulaci přes celou šířku, počet, sleva
     a cena na řádku pod ním.
   - Mezery 6 px mezi rámečky, nadpis „Doručení PDF střihu“ stejně velký
     jako „Zvolte způsob platby“.
   - Platby: popis pod každou platbou, větší ikona QR, ikony u GoPay
     (karta, Apple Pay, Google Pay, banka) v jedné řadě pod názvem.
   ===================================================================== */
.order-summary-item.fzk-rek-kupon{background:#FDE6DC;border-radius:6px;padding:10px 12px;margin:10px 0;border:0;align-items:center}
.order-summary-item.fzk-rek-kupon strong{color:#1F1F1F}
.fzk-uspora-rek{color:#6F6158}
.fzk-uspora-rek .fzk-uspora-puv{text-decoration:line-through;text-decoration-thickness:1px}
.fzk-rek-puv,.fzk-rek-puv *{font-weight:400}
.fzk-rek-usp,.fzk-rek-usp strong{color:#D0312D}
.order-summary-item.fzk-rek-zlevneno .cart-item-price{color:#D0312D;font-weight:700}
.fzk-rek-sleva{color:#D0312D;font-weight:700;font-size:14px;white-space:nowrap;margin:0 8px;align-self:center}


.ordering-process .co-box.co-delivery-method{margin-top:6px;margin-bottom:0}
.ordering-process .co-box.co-payment-method{margin-top:6px}
.fzn-pdf-shipping-header{align-items:flex-start}.fzn-pdf-shipping-header .fzn-pdf-shipping-icon{margin-top:0;line-height:0;margin-right:8px}
.fzn-pdf-shipping-header .fzn-pdf-shipping-icon svg{width:30px;height:30px}
.fzn-pdf-shipping-header .fzn-pdf-shipping-title{font-family:Raleway,sans-serif;font-size:24px;font-weight:700;line-height:30px;color:#1F1F1F;margin-bottom:2px}
@media (max-width:767px){
 .order-summary-item[data-micro-identifier]{flex-wrap:wrap;align-items:center}
 .order-summary-item[data-micro-identifier] .cart-item-name{flex:0 0 100%;max-width:100%;margin-bottom:4px}
 .order-summary-item[data-micro-identifier] .cart-item-amount{margin-right:auto}
}
.fzk-platba-popis{display:block;font-size:13px;color:#6F6158;margin:4px 0 0 30px;line-height:1.4;font-weight:400}
.fzk-platba-ikony{display:inline-flex;gap:8px;align-items:center;margin-left:10px;vertical-align:middle}
.fzk-platba-ikony img{height:20px;width:auto;display:block}
.fzn-payment-qr-icon{width:28px !important;height:28px !important;vertical-align:middle;margin-right:8px}
.fzk-platba-ikony img{height:22px}
.fzk-platba-ikony{flex-wrap:wrap}
@media (max-width:767px){.fzk-platba-ikony{display:flex;flex-wrap:nowrap;gap:6px;margin:6px 0 0 0}.fzk-platba-ikony img{height:20px}.fzk-platba-popis{margin-left:0}}
.fzk-platba-ikony{display:flex;flex-wrap:nowrap;gap:8px;margin:8px 0 0 0}
.fzk-platba-ikony img{height:22px}
@media (max-width:767px){.fzk-platba-ikony img{height:20px}}

/* =====================================================================
   I) Vložený slevový kupon v košíku (v8, 2026-11-03). Návrat: v Záhlaví v7.
   Stejně jako v rekapitulaci kroku 2: světle oranžový rámeček
   „Kupon KÓD −10 %“ tučně, malý šedý křížek pro odebrání.
   Text upravuje skript v6.
   ===================================================================== */

.coupon-input .applied-coupon__heading{display:none}
.coupon-input .applied-coupon{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#FDE6DC;border-radius:6px;padding:10px 12px;max-width:420px}
.coupon-input .applied-coupon .fzk-kupon-text{display:flex;gap:16px;align-items:center;flex:1 1 auto;justify-content:space-between;font-size:15px;color:#1F1F1F}
.coupon-input .applied-coupon form{margin:0}
.coupon-input .applied-coupon .btn{background:transparent;border:0;color:#6F6158;font-size:16px;line-height:1;padding:2px 4px;min-width:0;height:auto}
.coupon-input .applied-coupon .btn:hover{color:#D0312D}
.coupon-input .applied-coupon .fzk-kupon-text{font-weight:700}
@media (max-width:767px){.coupon-input .applied-coupon{max-width:none}}
.order-summary-item.fzk-rek-kupon strong{font-weight:700}

/* ===================================================================
   J) KROK 2 – REKAPITULACE: mobil v modrém rámečku, bílé kartičky střihů,
   náhledy střihů (obrázek doplňuje fazonetka-kosik-skript-v7.js, třída .fzk-rek-img)
   =================================================================== */
@media (max-width:767px){
.ordering-process .order-summary-inner h2{font-size:24px;line-height:30px}
.ordering-process .order-summary{border:0}
.ordering-process .order-summary-inner{background:rgba(164,219,232,.25);border-radius:10px;padding:16px 14px}
.ordering-process .order-summary-item[data-micro-identifier]{background:#fff;border-radius:6px;padding:10px 12px;margin:0 0 6px;border:0}
.ordering-process .order-summary-item[data-micro-identifier] .cart-item-name,.ordering-process .order-summary-item[data-micro-identifier] .cart-item-name a{color:#1F1F1F;font-weight:600;font-size:15px}
.ordering-process .order-summary-item.fzk-rek-kupon{margin:10px 0}
.ordering-process .order-summary-item.helper{border-color:#C9E3F2}
.ordering-process .order-summary-item.helper{padding-top:8px;padding-bottom:8px;min-height:0}
.ordering-process .order-summary-item.helper > *{margin:0}
.ordering-process .order-summary-item[data-micro-identifier] .cart-item-name{margin-bottom:2px}
.ordering-process .order-summary-inner h2{margin-bottom:10px}
.ordering-process .order-recapitulation .recapitulation-single{padding-top:8px;padding-bottom:8px;min-height:0}
}
.ordering-process .order-summary-item[data-micro-identifier]{position:relative;padding-left:78px;min-height:108px}
.ordering-process .fzk-rek-img{position:absolute;left:0;top:22px;width:64px;height:64px;border-radius:6px;object-fit:cover;background:#fff;border:1px solid #E5E5E5}
.ordering-process .order-summary-item[data-micro-identifier] .cart-item-name{flex:0 0 100%;margin-bottom:4px}
.ordering-process .order-summary-item[data-micro-identifier] .cart-item-price{margin-left:auto}
@media (max-width:767px){
.ordering-process .order-summary-item[data-micro-identifier]{padding-left:82px;min-height:0}
.ordering-process .fzk-rek-img{left:12px;top:10px;width:60px;height:60px}
.ordering-process .order-summary-item[data-micro-identifier] .cart-item-amount{flex:0 0 auto;margin-right:14px}
.ordering-process .order-summary-item[data-micro-identifier] .cart-item-price{flex:0 0 auto}
}
@media (min-width:768px){
.ordering-process .order-summary-item[data-micro-identifier]{padding-top:12px;padding-bottom:12px;min-height:90px}
.ordering-process .fzk-rek-img{top:12px}
}

/* ===================================================================
   K) KROK 1 – KOŠÍK NA MOBILU: střihy v modrém rámečku, bílé kartičky,
   ikonky střihů beze změny velikosti (76 px)
   =================================================================== */
@media (max-width:767px){
.ordering-process .cart-table{background:rgba(164,219,232,.25);border-radius:10px;padding:10px}
.ordering-process .cart-table tr.removeable{background:#fff;border-radius:6px;border:0;margin:0 0 6px;padding:10px 0 10px 10px}
.ordering-process .cart-table tr.removeable:last-child{margin-bottom:0}
.ordering-process .cart-table tr.removeable td{background:transparent}
.ordering-process .cart-table tr.removeable .p-name a{color:#1F1F1F;font-weight:600;font-size:15px;line-height:20px}
}

/* ===================================================================
   L) KROK 2 – NÁZVY: doprava a platby vždy černé (i vybrané),
   na mobilu názvy doprav, plateb i střihů v rekapitulaci 15 px tučně
   =================================================================== */
.ordering-process .shipping-billing-name{color:#1F1F1F !important}
@media (max-width:767px){
.ordering-process .shipping-billing-name{font-size:15px}
.ordering-process .order-summary-item[data-micro-identifier] .cart-item-name,.ordering-process .order-summary-item[data-micro-identifier] .cart-item-name a{font-weight:700}
}

/* ===================================================================
   M) KROKY NAHOŘE: hotový úsek linky světle modrý (barva bloků) 2 px;
   KOŠÍK NA MOBILU: rámeček střihů stejně široký jako kupon a box PDF,
   názvy střihů Roboto tučně; KROK 2 NA MOBILU: doprava na jednom řádku
   =================================================================== */
.ordering-process .cart-header .step.completed span::after{border-top-color:#A4DBE8;border-top-width:2px}
@media (max-width:767px){
.ordering-process .cart-table{margin-left:-10px;margin-right:-10px;width:calc(100% + 20px);max-width:none}
.ordering-process .cart-table tr.removeable .p-name a{font-family:Roboto,sans-serif;font-weight:700}
}
@media (max-width:767px){
.ordering-process .co-delivery-method .payment-info{max-width:none;flex:1 1 auto;padding-right:10px}
.ordering-process .co-delivery-method .payment-shipping-price{flex:0 0 auto;width:auto;min-width:0}
}

/* ===================================================================
   N) KROK 3 – INFORMACE O VÁS (2026-11-03)
   rekapitulace (sevřené řádky, sbalení na mobilu), tlačítko OBJEDNAT,
   modré bloky formuláře, u samých PDF bez Země a Doručit na jinou adresu,
   poznámka pod Zůstaňme v kontaktu, nižší políčka na mobilu,
   zvýrazněný e-mail + prosba o kontrolu + návrh opravy překlepu,
   schované „zaregistrovat se“
   =================================================================== */
@media (max-width:767px){
.ordering-process .order-summary-inner > .order-summary-item:not([data-micro-identifier]):not(.helper):not(.price):not(.fzk-rek-kupon){padding-top:8px;padding-bottom:8px;min-height:0}
.ordering-process .order-summary-inner > .order-summary-item:not([data-micro-identifier]):not(.helper):not(.price):not(.fzk-rek-kupon) .cart-item-amount{display:none}
}
.fzk-rek-hlava{display:none}
@media (max-width:767px){
.in-krok-2 .fzk-rek-hlava{display:block;width:100%;background:none;border:0;padding:0;margin:0;text-align:left;font:inherit;color:#1F1F1F;cursor:pointer}
.in-krok-2 .order-summary-inner > h2{display:none}
.in-krok-2 .fzk-rek-h1{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:Raleway,sans-serif;font-weight:700;font-size:20px;line-height:26px}
.in-krok-2 .fzk-rek-sipka{flex:0 0 auto;width:10px;height:10px;border-right:2px solid #2274A5;border-bottom:2px solid #2274A5;transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .2s}
.in-krok-2 .fzk-rek-hlava[aria-expanded="true"] .fzk-rek-sipka{transform:rotate(-135deg);margin-top:4px}
.in-krok-2 .fzk-rek-h2,.in-krok-2 .fzk-rek-h3{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;font-size:15px}
.in-krok-2 .fzk-rek-h2 strong{font-size:20px;font-weight:700}
.in-krok-2 .fzk-rek-pocet{color:#666;font-size:14px}
.in-krok-2 .fzk-rek-h3{margin-top:2px;color:#D0312D;font-weight:700}
.in-krok-2 .fzk-rek-hlava[aria-expanded="true"]{margin-bottom:12px}
.in-krok-2 .fzk-rek-hlava[aria-expanded="true"] .fzk-rek-h2,.in-krok-2 .fzk-rek-hlava[aria-expanded="true"] .fzk-rek-h3{display:none}
.in-krok-2 .order-summary-inner.fzk-rek-sbal > :not(.fzk-rek-hlava){display:none !important}
}
.ordering-process .next-step-finish .order-button-text{font-size:22px;font-weight:700;line-height:28px}
.ordering-process .next-step-finish .order-button-suffix{display:block;margin-top:4px}
.in-krok-2 .co-contact-information,.in-krok-2 .co-billing-address,.in-krok-2 .co-box-additional{background:rgba(164,219,232,.25);border-radius:10px;padding:16px 14px;margin:0 0 6px;border:0}
.in-krok-2 .co-billing-address > fieldset,.in-krok-2 .co-box-additional fieldset{background:transparent;border:0;padding:0;margin:0}
.in-krok-2 .co-box-additional{display:flex;flex-direction:column}
.in-krok-2 .co-box-additional .stay-in-touch{order:1}
.in-krok-2 .co-box-additional > .form-group{order:2;margin:12px 0 0}
.in-krok-2 .co-box-additional > #note{order:3}
.fzk-k3-pdf.in-krok-2 .co-billing-address .form-group:has(#billCountryId),.fzk-k3-pdf.in-krok-2 .co-billing-address .form-group:has(#another-shipping){display:none}
.in-krok-2 .co-box-additional .stay-in-touch h2{margin-top:0}
.in-krok-2 .co-contact-information .form-group:has(#email){flex-wrap:wrap}
.in-krok-2 #email{border:2px solid #2274A5}
.in-krok-2 .co-contact-information .form-group:has(#email)::after{content:"Prosíme o kontrolu správnosti zadání.";display:block;flex:0 0 100%;width:100%;margin-top:4px;font-size:14px;line-height:19px;font-weight:700;color:#1F1F1F}
@media (max-width:767px){
.in-krok-2 .co-contact-information input.form-control,.in-krok-2 .co-billing-address input.form-control{height:52px;padding-top:22px;padding-bottom:6px}
.in-krok-2 .co-contact-information .form-group,.in-krok-2 .co-billing-address .form-group{margin-bottom:8px}
}
.in-krok-2 .form-group:has(input[type=checkbox][name*="regist" i]),.in-krok-2 .form-group:has(input[type=checkbox][id*="regist" i]){display:none}
.fzk-mail-navrh{flex:0 0 100%;width:100%;order:3;margin-top:6px;padding:8px 10px;background:#FFF4D6;border-radius:6px;font-size:15px;line-height:20px;color:#1F1F1F}
.fzk-mail-navrh[hidden]{display:none}
.fzk-mail-oprav{background:none;border:0;padding:0;font:inherit;font-weight:700;color:#2274A5;text-decoration:underline;cursor:pointer}
.in-krok-2 .co-contact-information .form-group:has(#email)::after{order:2}

/* ===================================================================
   O) KROK 3 – OBJEDNAT větší (28 px, nejtučnější), na počítači přes
   celou šířku rekapitulace, Zpět pod ním
   =================================================================== */
.ordering-process .next-step-finish .order-button-text{font-size:28px;font-weight:900;line-height:32px;letter-spacing:.5px}
@media (min-width:768px){
.in-krok-2 .next-step{flex-wrap:wrap}
.in-krok-2 .next-step .next-step-finish{order:1;flex:0 0 100%;width:100%;padding-top:16px;padding-bottom:16px}
.in-krok-2 .next-step .next-step-back{order:2;margin:8px auto 0}
}

/* ===================================================================
   P) KROK 3 – MOBIL: v zavřené rekapitulaci částka k úhradě stejně
   velká jako po rozkliknutí (32 px)
   =================================================================== */
@media (max-width:767px){
.in-krok-2 .fzk-rek-h2{align-items:center}
.in-krok-2 .fzk-rek-h2 strong{font-size:32px;line-height:36px}
}

/* ===================================================================
   Q) KROK 2 – DOPRAVA A PLATBA (tištěné i PDF): modrý blok, bílý vnitřek,
   vybraná možnost modře podbarvená s okrajem, hover; na mobilu nižší
   řádky, logo přepravce malé vpravo pod cenou
   =================================================================== */
.ordering-process .co-box.co-delivery-method,.ordering-process .co-box.co-payment-method{background:rgba(164,219,232,.25);border-radius:10px;padding:16px}
.ordering-process .co-delivery-method:not(.fzn-pdf-shipping-styled) > h2,.ordering-process .co-payment-method > h2{margin:0 0 14px !important}
.ordering-process .co-delivery-method #order-shipping-methods,.ordering-process .co-payment-method #order-billing-methods{background:#fff;border-radius:8px;padding:6px}
.ordering-process .co-delivery-method #order-shipping-methods .radio-wrapper,.ordering-process .co-payment-method #order-billing-methods .radio-wrapper{border:1px solid transparent !important;border-radius:6px;margin:0 0 4px !important;padding:2px 10px !important;transition:background-color .15s,border-color .15s}
.ordering-process .co-delivery-method #order-shipping-methods .radio-wrapper:last-child,.ordering-process .co-payment-method #order-billing-methods .radio-wrapper:last-child{margin-bottom:0 !important}
.ordering-process .co-delivery-method #order-shipping-methods .radio-wrapper:hover,.ordering-process .co-payment-method #order-billing-methods .radio-wrapper:hover{background:#F3FAFC}
.ordering-process .co-delivery-method #order-shipping-methods .radio-wrapper.active,.ordering-process .co-payment-method #order-billing-methods .radio-wrapper.active{background:rgba(164,219,232,.35);border-color:#A4DBE8 !important}
.ordering-process .co-delivery-method #order-shipping-methods input[type=radio],.ordering-process .co-payment-method #order-billing-methods input[type=radio]{accent-color:#F68E5F}
@media (max-width:767px){
.ordering-process .co-box.co-delivery-method,.ordering-process .co-box.co-payment-method{padding:14px 10px}
.ordering-process .co-delivery-method #order-shipping-methods,.ordering-process .co-payment-method #order-billing-methods{padding:4px}
.ordering-process .co-delivery-method #order-shipping-methods .radio-wrapper,.ordering-process .co-payment-method #order-billing-methods .radio-wrapper{padding:0 8px !important}
.ordering-process .co-delivery-method #order-shipping-methods .radio-wrapper label,.ordering-process .co-payment-method #order-billing-methods .radio-wrapper label{padding-top:8px;padding-bottom:8px}
.ordering-process .co-delivery-method #order-shipping-methods .radio-wrapper label{display:grid !important;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:2px;align-items:start}
.ordering-process .co-delivery-method #order-shipping-methods .radio-wrapper .payment-info{grid-column:1;grid-row:1 / span 2;max-width:none}
.ordering-process .co-delivery-method #order-shipping-methods .radio-wrapper .payment-shipping-price{grid-column:2;grid-row:1;text-align:right;width:auto}
.ordering-process .co-delivery-method #order-shipping-methods .radio-wrapper .payment-logo{grid-column:2;grid-row:2;width:auto;text-align:right;margin:0}
.ordering-process .co-delivery-method #order-shipping-methods .radio-wrapper .payment-logo img{height:22px;width:auto;max-width:64px;object-fit:contain}
}