/* idepar-objednavka-3.css — pokladna /objednavka/krok-1/ a krok-2.
   Kopie trikito-objednavka-13.css s náhradou tokenů, generuje web/postav_objednavka.py.
   RUČNĚ NEUPRAVOVAT. */
/* trikito-objednavka-13.css (10. 09. 2026) — opravy po auditu:
   krok2-2: chybné pole (.js-error-field / .error-field) má červený rám i stín, a to i ve focusu
            a hoveru (dřív ho přebíjela pravidla .form-control tohoto souboru, rám zůstal šedý);
   mobil-3: na ≤900 px mají pole formuláře objednávky font-size 16px (iOS Safari při focusu
            nepřibližuje stránku). Vše ostatní = v12. */
/* trikito-objednavka-12.css (09. 09. 2026): pravý sloupec kroku 2 táhne k tlačítku OBJEDNAT.
   1) „Potřebujete pomoc“ obrysová v inkoustu (jediná černá ve sloupci je tlačítko),
   2) očekávané dodání jako řádek nad linkou místo bílé karty,
   3) částka → tichá právní věta → tlačítko bez přerušení; dotazníkové checkboxy
      přesouvá pod tlačítko trikito-objednavka-2.js (blok .ip-dotazniky),
   4) tlačítko 72 px, čisté OBJEDNAT + zákonný dovětek. Vše ostatní = v11. */
/* ══════════════════════════════════════════════════════════════════
   trikito-objednavka-8.css — Checkout ve SVĚTLO DNA (krok 1 i krok 2)
   v7: krok 2 — mřížka formuláře, viditelná pole, checkboxy s fajfkou
   v8: OBJEDNAT full width se srdcem na hover, Zpět pod ním na střed
   Čistý CSS re-skin nativního Shoptet checkoutu, DOM se nemění.
   Scope: body.ordering-process:not(.in-kosik) (pokrývá in-krok-1 i in-krok-2)
   Checkout nemá naše :root tokeny, definují se tady lokálně.
   ══════════════════════════════════════════════════════════════════ */
body.ordering-process:not(.in-kosik){
  --ink:#1B1A16; --mut:#6E6A63; --line:#E6E3DC;
  --krem:#FFFFFF; --gold:#B0603A; --red:#C0392B; --green:#2E7D32;
  --r:16px; --r-s:10px;
  --e:cubic-bezier(.16,1,.3,1);
  --pismo:'Onest',-apple-system,system-ui,sans-serif}
body.ordering-process:not(.in-kosik){background:#FAF8F5}
body.ordering-process:not(.in-kosik) #content{
  max-width:1300px;margin:0 auto;
  padding:clamp(24px,3vw,42px) 20px clamp(48px,6vw,84px);
  font-family:var(--pismo);color:var(--ink)}

/* ── dva sloupce ──
   Nativní bootstrap floaty (col-md-8 / col-md-4) nahrazuje grid; clearfix
   ::before/::after by se v gridu staly buňkami, proto se vypíná. */
body.ordering-process:not(.in-kosik) .cart-row::before,
body.ordering-process:not(.in-kosik) .cart-row::after{display:none}
body.ordering-process:not(.in-kosik) .cart-row{
  display:grid;grid-template-columns:minmax(0,1fr) 384px;
  gap:clamp(16px,2vw,26px);align-items:start;margin:0}
body.ordering-process:not(.in-kosik) .cart-row>[class*=col-]{
  width:auto;max-width:none;min-width:0;padding:0;float:none}

/* Levý sloupec: obal ztrácí bílý blok s paddingem 40, karty jsou sekce. */
body.ordering-process:not(.in-kosik) #checkoutContent .cart-content{
  background:0 0;border:0;padding:0;border-radius:0;box-shadow:none}

/* ── kroky 1-2-3 ──
   Nativně bílý pruh s negativním marginem -40px do zrušeného paddingu
   obalu a číslem kresleným přes span::before s counter(steps). Číslo si
   kreslíme vlastním counterem na li::before, nativní se schová. */
body.ordering-process:not(.in-kosik) .cart-header{
  display:flex;gap:clamp(8px,1.6vw,22px);list-style:none;
  margin:0 0 20px;padding:0;background:0 0;border:0;box-shadow:none;
  counter-reset:krok}
body.ordering-process:not(.in-kosik) .cart-header .step{
  counter-increment:krok;display:flex;align-items:center;gap:9px;flex:1;
  margin:0;padding:0;border:0;box-shadow:none;
  font-size:13.5px;font-weight:600;color:var(--mut)}
body.ordering-process:not(.in-kosik) .cart-header .step::before{
  content:counter(krok);flex:none;width:26px;height:26px;border-radius:50%;
  display:grid;place-items:center;font-size:12.5px;font-weight:600;
  border:1.5px solid var(--line);background:#fff;color:inherit}
body.ordering-process:not(.in-kosik) .cart-header .step.active{color:var(--ink)}
body.ordering-process:not(.in-kosik) .cart-header .step.active::before{
  background:var(--ink);border-color:var(--ink);color:#fff}
body.ordering-process:not(.in-kosik) .cart-header .step.completed::before{
  content:"✓";background:var(--ink);border-color:var(--ink);color:#fff}
body.ordering-process:not(.in-kosik) .cart-header .step a,
body.ordering-process:not(.in-kosik) .cart-header .step strong{
  color:inherit;text-decoration:none;font-weight:inherit;border:0;padding:0}
body.ordering-process:not(.in-kosik) .cart-header .step span::before{display:none}
/* spojnice mezi kroky */
body.ordering-process:not(.in-kosik) .cart-header .step::after{
  content:"";flex:1;height:1px;background:var(--line);border:0;margin-left:4px}
body.ordering-process:not(.in-kosik) .cart-header .step:last-child::after{display:none}

/* ── promo věta nad obsahem ── */
body.ordering-process:not(.in-kosik) .site-msg-custom{
  background:var(--krem);border:0;border-radius:var(--r);
  padding:13px 18px;margin:0 0 20px}
/* Obsah nese inline styly ze šablonového editoru (16pt, #000), proto
   !important. */
body.ordering-process:not(.in-kosik) .site-msg-custom [style]{
  color:var(--ink)!important;font-size:14.5px!important;line-height:1.45}
body.ordering-process:not(.in-kosik) .site-msg-custom strong{font-weight:600}

/* ── karty sekcí ──
   .co-basic-information je .box sama o sobě, na kroku 2 jsou .boxy
   zanořené uvnitř .co-boxů, proto se vnitřním boxům rámečky ruší. */
body.ordering-process:not(.in-kosik) #checkoutContent .co-box{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:clamp(18px,2.2vw,26px);margin:0 0 16px}
body.ordering-process:not(.in-kosik) #checkoutContent .co-box .box{
  background:0 0;border:0;padding:0;margin:0;border-radius:0;box-shadow:none}

/* ── nadpisy sekcí ──
   Nativně Exo 2, 20px, w400, ikona 40px absolutně vlevo. Ikonu (glyf
   písma shoptet) necháváme, jen ji zmenšíme a usadíme na řádek. */
/* Ikonu má i h2 bez třídy order-icon (krok 2 ji věší přes třídu boxu),
   proto odsazení dostávají všechny nadpisy sekcí. */
body.ordering-process:not(.in-kosik) #checkoutContent .co-box h2{
  position:relative;font-family:var(--pismo);font-weight:600;font-size:17px;
  letter-spacing:.03em;text-transform:uppercase;color:var(--ink);
  margin:0 0 18px;padding:0 0 0 36px;border:0;line-height:1.3}
body.ordering-process:not(.in-kosik) #checkoutContent .co-box h2::before{
  font-size:24px;width:26px;left:0;top:50%;transform:translateY(-50%);
  color:var(--ink);line-height:1}
/* nadpis bez ikony (doplňkové boxy) se drží vlevo */
body.ordering-process:not(.in-kosik) #checkoutContent .co-box-additional h2{padding-left:0}

/* ── formulářová pole ── */
body.ordering-process:not(.in-kosik) #content label{
  font-family:var(--pismo);font-size:13.5px;font-weight:600;color:var(--ink)}
body.ordering-process:not(.in-kosik) #content .form-group p.label,
body.ordering-process:not(.in-kosik) #content .form-legend{
  font-size:13px;color:var(--mut);font-weight:500}
body.ordering-process:not(.in-kosik) #content .form-control{
  min-height:48px;padding:10px 14px;background:#fff;
  border:1.4px solid var(--line);border-radius:var(--r-s);box-shadow:none;
  font-family:var(--pismo);font-size:15px;color:var(--ink);
  transition:border-color .18s var(--e)}
body.ordering-process:not(.in-kosik) #content select.form-control{padding-right:44px}
body.ordering-process:not(.in-kosik) #content textarea.form-control{min-height:110px}
body.ordering-process:not(.in-kosik) #content .form-control:focus{
  outline:0;border-color:var(--ink);box-shadow:none}
/* Zaškrtávátka jsou nativní vstupy, jen dostávají barvu značky. Žádné
   display/visibility změny, konverzní prvky zůstávají jak jsou. */
body.ordering-process:not(.in-kosik) #content input[type=checkbox],
body.ordering-process:not(.in-kosik) #content input[type=radio]{accent-color:var(--ink)}

/* ── volby dopravy a platby jako karty ── */
body.ordering-process:not(.in-kosik) .shipping-billing-table{border:0}
body.ordering-process:not(.in-kosik) .shipping-billing-table .radio-wrapper{
  border:1.4px solid var(--line);border-bottom:1.4px solid var(--line);
  border-radius:var(--r-s);background:#fff;
  padding:4px 16px;margin:0 0 10px;
  transition:border-color .18s var(--e),box-shadow .18s var(--e)}
body.ordering-process:not(.in-kosik) .shipping-billing-table .radio-wrapper:hover{
  border-color:rgba(27,26,22,.38)}
/* vybraný stav: ink ring */
body.ordering-process:not(.in-kosik) .shipping-billing-table .radio-wrapper.active{
  border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
body.ordering-process:not(.in-kosik) .shipping-billing-table .radio-wrapper label{
  display:flex;align-items:center;gap:14px;
  padding:12px 0 12px 32px;margin:0;position:relative;min-height:46px;
  font-weight:600;cursor:pointer}
/* kolečko rádia kreslí nativní styl přes label::before/::after,
   tady se jen srovnává velikost, poloha a barva */
body.ordering-process:not(.in-kosik) .shipping-billing-table .radio-wrapper label::before{
  width:20px;height:20px;border:1.5px solid rgba(27,26,22,.4);
  border-radius:50%;background:#fff;
  left:0;top:50%;transform:translateY(-50%);margin:0;
  transition:border-color .18s var(--e)}
body.ordering-process:not(.in-kosik) .shipping-billing-table .radio-wrapper.active label::before{
  border-color:var(--ink)}
/* Tečku kreslí nativní styl na každém labelu a viditelnost řeší jinde;
   po předefinování geometrie svítila všude, proto ji řídí opacity. */
body.ordering-process:not(.in-kosik) .shipping-billing-table .radio-wrapper label::after{
  width:10px;height:10px;background:var(--ink);border-radius:50%;
  left:5px;top:50%;transform:translateY(-50%);margin:0;
  opacity:0;transition:opacity .15s var(--e)}
body.ordering-process:not(.in-kosik) .shipping-billing-table .radio-wrapper.active label::after,
body.ordering-process:not(.in-kosik) .shipping-billing-table .radio-wrapper input[type=radio]:checked~label::after{
  opacity:1}
body.ordering-process:not(.in-kosik) .shipping-billing-table .payment-info{
  flex:1 1 auto;min-width:0}
body.ordering-process:not(.in-kosik) .shipping-billing-table .shipping-billing-name{
  font-family:var(--pismo);font-size:14.5px;font-weight:600;
  text-transform:none;letter-spacing:0;color:var(--ink)}
body.ordering-process:not(.in-kosik) .shipping-billing-table .sublabel a{
  color:var(--ink);font-weight:600;font-size:12.5px;
  text-decoration:underline;text-underline-offset:2px}
body.ordering-process:not(.in-kosik) .shipping-billing-table .payment-logo{
  flex:none;width:auto;position:static;float:none}
body.ordering-process:not(.in-kosik) .shipping-billing-table .payment-logo img{
  display:block;max-height:26px;max-width:90px;width:auto;object-fit:contain}
body.ordering-process:not(.in-kosik) .shipping-billing-table .payment-shipping-price{
  flex:none;position:static;float:none;white-space:nowrap;
  font-family:var(--pismo);font-weight:600;font-size:14.5px;color:var(--ink)}
/* zelená patří jen úspěchu a dopravě či platbě zdarma */
body.ordering-process:not(.in-kosik) .shipping-billing-table .payment-shipping-price.for-free{
  color:var(--green)}
/* upozornění na nemožnou kombinaci je chybový stav */
body.ordering-process:not(.in-kosik) .shipping-billing-table .not-possible-info{
  font-size:12px;color:var(--red);font-style:normal}

/* ── pravý sloupec: papírový panel ── */
body.ordering-process:not(.in-kosik) #checkoutSidebar .cart-content{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:none;
  padding:clamp(18px,1.8vw,24px)}
@media (min-width:901px){
  body.ordering-process:not(.in-kosik) #checkoutSidebar{position:sticky!important;top:16px!important;display:block!important}
}

/* černý box Potřebujete pomoc zůstává černý, jen v našem rytmu */
body.ordering-process:not(.in-kosik) .toggle-contacts{
  background:var(--ink);color:#fff;border:0;border-radius:var(--r);
  box-shadow:none;font-family:var(--pismo);font-weight:600;font-size:13px;
  letter-spacing:.05em;padding:13px 16px;line-height:1.5;cursor:pointer}
body.ordering-process:not(.in-kosik) .toggle-contacts span{
  font-weight:600;font-size:13px;opacity:.85;letter-spacing:.02em}
body.ordering-process:not(.in-kosik) .checkout-box{margin:0 0 16px}
body.ordering-process:not(.in-kosik) .contact-box strong{
  display:block;font-weight:600;font-size:14.5px;color:var(--ink);margin:12px 0 8px}
body.ordering-process:not(.in-kosik) .contact-box ul{list-style:none;margin:0;padding:0}
body.ordering-process:not(.in-kosik) .contact-box li{margin:0 0 7px;padding:0}
body.ordering-process:not(.in-kosik) .contact-box li::before{display:none}
body.ordering-process:not(.in-kosik) .contact-box li>span::before{color:var(--ink)}
body.ordering-process:not(.in-kosik) .contact-box a{
  color:var(--ink);font-size:13.5px;font-weight:600;text-decoration:none;
  border-bottom:1.5px solid rgba(27,26,22,.22);
  transition:border-color .2s var(--e)}
body.ordering-process:not(.in-kosik) .contact-box a:hover{border-color:var(--ink)}

/* ── rekapitulace ── */
body.ordering-process:not(.in-kosik) .order-summary-inner h2{
  font-family:var(--pismo);font-weight:600;font-size:16px;
  letter-spacing:.03em;text-transform:uppercase;color:var(--ink);
  margin:4px 0 10px;padding:0;border:0}
/* Nativní tabulka s vlasovými svislicemi mezi buňkami se mění na řádek
   s oddělovačem jen mezi položkami. */
body.ordering-process:not(.in-kosik) .cart-items{border:0;margin:0 0 4px}
body.ordering-process:not(.in-kosik) .cart-item{
  display:flex;gap:10px;align-items:flex-start;width:100%;
  padding:10px 0;border:0;border-bottom:1px solid var(--line)}
body.ordering-process:not(.in-kosik) .cart-item-name{
  display:block;width:auto;flex:1 1 auto;min-width:0;border:0;padding:0}
body.ordering-process:not(.in-kosik) .cart-item-name .main-link{
  font-weight:600;font-size:13.5px;line-height:1.35;color:var(--ink);
  text-decoration:none;text-transform:none}
body.ordering-process:not(.in-kosik) .cart-item-name .main-link:hover{text-decoration:underline}
body.ordering-process:not(.in-kosik) .cart-item-name .main-link-variant{
  display:block;font-weight:500;font-size:12px;color:var(--mut);margin-top:2px}
body.ordering-process:not(.in-kosik) .cart-item-amount{
  display:block;width:auto;flex:none;border:0;padding:0;
  font-size:13px;color:var(--mut);white-space:nowrap;text-align:right}
body.ordering-process:not(.in-kosik) .cart-item-price{
  display:block;width:auto;flex:none;border:0;padding:0;
  font-weight:600;font-size:13.5px;color:var(--ink);white-space:nowrap;text-align:right}
/* Souhrnné řádky drží nativní styl přes ID #summary-box, obyčejné třídy
   by prohrály na specificitě, proto jsou ID i tady. */
body.ordering-process:not(.in-kosik) #summary-box .order-summary-item.helper{
  display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;
  align-items:baseline;gap:10px;padding:12px 0 4px;font-size:13.5px;border:0}
body.ordering-process:not(.in-kosik) #summary-box .order-summary-item.helper>div{
  width:auto;flex:none;padding:0;margin:0;text-align:left}
body.ordering-process:not(.in-kosik) #summary-box .order-summary-item.helper strong{
  font-weight:600;color:var(--ink)}
/* Krok 1 má řádky s třídami v #shipping-billing-summary, krok 2 stejné
   řádky s holým span a strong, proto obecný zápis přes #summary-box. */
body.ordering-process:not(.in-kosik) #summary-box .recapitulation-single{
  display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  padding:5px 0;margin:0;font-size:13px;border:0}
body.ordering-process:not(.in-kosik) #summary-box .recapitulation-single>span{
  flex:none;color:var(--mut);font-weight:500}
/* Cena je v DOM první a doprava ji posílá order:2 (na kroku 1 ho dává
   i nativní styl); název jako anonymní položka s order 0 zůstává vlevo. */
body.ordering-process:not(.in-kosik) #summary-box .recapitulation-single>strong{
  flex:1 1 auto;min-width:0;width:auto;display:flex;flex-direction:row;
  justify-content:space-between;align-items:baseline;gap:8px;
  text-align:left;font-weight:600;color:var(--ink);float:none}
body.ordering-process:not(.in-kosik) #summary-box .recapitulation-single [data-testid=recapItemPrice]{
  order:2;position:static;font-weight:600;white-space:nowrap;float:none;text-align:right}

/* součty */
body.ordering-process:not(.in-kosik) .order-summary-item.price{border:0;padding:0}
body.ordering-process:not(.in-kosik) .price-wrapper{
  display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:baseline;
  padding:14px 0 0;margin:8px 0 14px;border-top:1px solid var(--line);border-bottom:0}
body.ordering-process:not(.in-kosik) .price-label{font-size:13.5px;color:var(--mut);font-weight:500}
body.ordering-process:not(.in-kosik) .price-label.price-primary{
  font-weight:600;color:var(--ink);font-size:14.5px}
body.ordering-process:not(.in-kosik) .price.price-primary{
  font-family:var(--pismo);font-weight:600;font-size:clamp(24px,2vw,30px);
  letter-spacing:-.02em;color:var(--ink);text-align:right}
body.ordering-process:not(.in-kosik) .price-label.price-secondary,
body.ordering-process:not(.in-kosik) .price.price-secondary{
  font-size:12.5px;color:var(--mut);font-weight:500}
body.ordering-process:not(.in-kosik) .price.price-secondary{text-align:right}

/* souhlasy a poučení pod cenou (krok 2) */
body.ordering-process:not(.in-kosik) #checkoutSidebar .consents,
body.ordering-process:not(.in-kosik) #checkoutSidebar .consents label{
  font-size:12.5px;color:var(--mut);font-weight:500;line-height:1.45}
body.ordering-process:not(.in-kosik) #checkoutSidebar p{
  font-size:12.5px;color:var(--mut);line-height:1.5}
body.ordering-process:not(.in-kosik) #checkoutSidebar p a{color:var(--ink);font-weight:600}

/* ── tlačítka ──
   Modrá btn-conversion (#329FE5) nesmí zůstat nikde; šablona ji nasazuje
   vlastním checkout stylem, proto !important. */
body.ordering-process:not(.in-kosik) .next-step{
  display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:4px}
body.ordering-process:not(.in-kosik) .next-step .btn{float:none;margin:0}
body.ordering-process:not(.in-kosik) .next-step-forward,
body.ordering-process:not(.in-kosik) .next-step-finish{
  position:relative;overflow:hidden;min-width:206px;min-height:54px;padding:10px 26px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#2B3326!important;color:#fff!important;
  border:0!important;border-radius:var(--r)!important;box-shadow:none;
  font-family:var(--pismo);font-weight:600;font-size:14.5px;line-height:1.2;
  letter-spacing:0;text-transform:none;cursor:pointer;
  transition:background-color .22s var(--e),color .22s var(--e)}
/* hover nemění barvu (domluva 02. 09.): jen šipka a posun textu */
body.ordering-process:not(.in-kosik) .next-step-forward:hover,
body.ordering-process:not(.in-kosik) .next-step-finish:hover{
  background:#B0603A!important;color:#fff!important;transform:none}
body.ordering-process:not(.in-kosik) .order-button-text{
  display:inline-block;transition:transform .28s var(--e)}
/* Nativní ::after je chevron z písma shoptet; nahrazuje ho šipka,
   která přijíždí až při přejetí. */
body.ordering-process:not(.in-kosik) .next-step-forward::after{
  content:"→";font-family:var(--pismo);position:absolute;top:50%;right:22px;
  transform:translate(12px,-50%);opacity:0;font-size:19px;line-height:1;margin:0;
  transition:transform .28s var(--e),opacity .2s var(--e)}
body.ordering-process:not(.in-kosik) .next-step-forward:hover::after{
  transform:translate(0,-50%);opacity:1}
body.ordering-process:not(.in-kosik) .next-step-forward:hover .order-button-text{
  transform:translateX(-14px)}
/* ── OBJEDNAT (krok 2): full width, Zpět pod ním na střed ──
   OBJEDNAT v centru, zákonný dovětek drobně pod ním. Na přejetí
   přijíždí srdce a texty uhnou doleva; barva se nemění (02. 09.). */
body.ordering-process:not(.in-kosik) .next-step--step-2{
  flex-direction:column;align-items:stretch;gap:2px}
body.ordering-process:not(.in-kosik) .next-step--step-2 .next-step-finish{order:-1}
body.ordering-process:not(.in-kosik) .next-step--step-2 .next-step-back{align-self:center}
body.ordering-process:not(.in-kosik) .next-step-finish{
  width:100%;min-height:64px;flex-direction:column;gap:4px}
/* nativní line-height 36px nafukuje řádky, srovnává line-height:1 */
body.ordering-process:not(.in-kosik) .next-step-finish .order-button-text{
  font-size:16.5px;line-height:1}
body.ordering-process:not(.in-kosik) .next-step-finish .order-button-suffix{
  display:block;line-height:1;margin:0!important;padding:0;
  font-size:11.5px;font-weight:600;letter-spacing:.02em;
  text-transform:none;opacity:.72;transition:transform .28s var(--e)}
body.ordering-process:not(.in-kosik) .next-step-finish::after{
  content:"";position:absolute;top:50%;right:22px;width:30px;height:30px;
  background:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23FFFFFF%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20%206%209%2017l-5-5%22/%3E%3C/svg%3E) center/contain no-repeat;
  border:0;margin:0;font-size:0;line-height:0;
  transform:translate(18px,-50%);opacity:0;
  transition:transform .3s var(--e),opacity .22s var(--e)}
body.ordering-process:not(.in-kosik) .next-step-finish:hover::after{
  transform:translate(0,-50%);opacity:1}
body.ordering-process:not(.in-kosik) .next-step-finish:hover .order-button-text,
body.ordering-process:not(.in-kosik) .next-step-finish:hover .order-button-suffix{
  transform:translateX(-16px)}
body.ordering-process:not(.in-kosik) .next-step-back{
  background:0 0!important;border:0!important;box-shadow:none;
  color:var(--mut)!important;font-family:var(--pismo);font-weight:600;font-size:14px;
  text-transform:none;letter-spacing:0;padding:10px 14px;border-radius:10px;
  transition:color .18s var(--e)}
body.ordering-process:not(.in-kosik) .next-step-back:hover{color:var(--ink)!important}
/* přihlášení k účtu na kroku 2: tichá sekundární varianta */
body.ordering-process:not(.in-kosik) #checkoutContent .btn-secondary{
  display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;
  background:#fff;border:0;border-radius:var(--r-s);
  box-shadow:inset 0 0 0 1.4px rgba(27,26,22,.22);
  color:var(--ink);font-family:var(--pismo);font-weight:600;font-size:13px;
  letter-spacing:0;text-transform:none;text-decoration:none;
  transition:box-shadow .18s var(--e)}
body.ordering-process:not(.in-kosik) #checkoutContent .btn-secondary:hover{
  box-shadow:inset 0 0 0 1.4px var(--ink)}

/* ── užší displeje ── */
@media (max-width:900px){
  body.ordering-process:not(.in-kosik) .cart-row{grid-template-columns:1fr}
  body.ordering-process:not(.in-kosik) .next-step-forward,
  body.ordering-process:not(.in-kosik) .next-step-finish{flex:1 1 auto}
}
@media (max-width:767px){
  /* Nativně je lišta kroků na mobilu fixed a zalezla by pod hlavičku. */
  body.ordering-process:not(.in-kosik) .cart-header{
    position:static;font-size:12px;overflow-x:auto;scrollbar-width:none}
  body.ordering-process:not(.in-kosik) .cart-header::-webkit-scrollbar{display:none}
  body.ordering-process:not(.in-kosik) .cart-header .step span{display:none}
  body.ordering-process:not(.in-kosik) #checkoutContent .co-box{padding:16px}
  body.ordering-process:not(.in-kosik) #checkoutContent .co-box h2{font-size:15.5px}
  body.ordering-process:not(.in-kosik) .shipping-billing-table .radio-wrapper{padding:2px 13px}
  body.ordering-process:not(.in-kosik) .shipping-billing-table .radio-wrapper label{gap:10px}
  body.ordering-process:not(.in-kosik) .shipping-billing-table .payment-logo img{
    max-height:20px;max-width:64px}
}

/* ── objednavka-2 (02. 09. 2026): komiksové ikony sekcí (výběr Dominika:
   checklist / delivery / bank-cards z koupené sady) místo font glyfů ── */
body.ordering-process:not(.in-kosik) #checkoutContent .co-box h2.order-information::before,
body.ordering-process:not(.in-kosik) #checkoutContent .co-box h2.order-delivery::before,
body.ordering-process:not(.in-kosik) #checkoutContent .co-box h2.order-payment::before{
  content:""!important;font-size:0;width:30px;height:30px;
  background-position:center;background-repeat:no-repeat;background-size:contain}
body.ordering-process:not(.in-kosik) #checkoutContent .co-box h2.order-information::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%231B1A16%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M16%204h2a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h2%22/%3E%3Crect%20x=%228%22%20y=%222%22%20width=%228%22%20height=%224%22%20rx=%221%22/%3E%3C/svg%3E)}
body.ordering-process:not(.in-kosik) #checkoutContent .co-box h2.order-delivery::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%231B1A16%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%221%22%20y=%223%22%20width=%2215%22%20height=%2213%22%20rx=%221.5%22/%3E%3Cpath%20d=%22M16%208h4l3%203v5h-7z%22/%3E%3Ccircle%20cx=%225.5%22%20cy=%2218.5%22%20r=%222.5%22/%3E%3Ccircle%20cx=%2218.5%22%20cy=%2218.5%22%20r=%222.5%22/%3E%3C/svg%3E)}
body.ordering-process:not(.in-kosik) #checkoutContent .co-box h2.order-payment::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%231B1A16%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%221%22%20y=%224%22%20width=%2222%22%20height=%2216%22%20rx=%222%22/%3E%3Cpath%20d=%22M1%2010h22%22/%3E%3C/svg%3E)}

/* ── objednavka-3 (02. 09. 2026): ikony na osu nadpisu, širší rekapitulace,
   fotky položek a očekávané dodání (plní trikito-objednavka-1.js) ── */
body.ordering-process:not(.in-kosik) #checkoutContent .co-box h2.order-information::before,
body.ordering-process:not(.in-kosik) #checkoutContent .co-box h2.order-delivery::before,
body.ordering-process:not(.in-kosik) #checkoutContent .co-box h2.order-payment::before{
  position:absolute!important;left:0!important;top:50%!important;
  transform:translateY(-50%)!important;margin:0!important}
/* layout: levý sloupec pruží, rekapitulace pevných 460 px */
@media(min-width:992px){
  body.ordering-process:not(.in-kosik) .cart-row{
    grid-template-columns:minmax(0,1fr) 460px!important;gap:28px!important}
  body.ordering-process:not(.in-kosik) #checkoutSidebar .cart-content,
  body.ordering-process:not(.in-kosik) #checkoutSidebar .order-summary,
  body.ordering-process:not(.in-kosik) #summary-box{width:auto!important;max-width:none!important}
}
/* fotky položek v rekapitulaci (vkládá JS) */
body.ordering-process:not(.in-kosik) #summary-box .cart-item{position:relative}
body.ordering-process:not(.in-kosik) #summary-box .ip-rekap-foto{
  display:block;width:44px;height:44px;object-fit:contain;border-radius:8px;
  background:#fff;box-shadow:inset 0 0 0 1px rgba(27,26,22,.10);flex:none}
body.ordering-process:not(.in-kosik) #summary-box .cart-item.ip-ma-foto{
  display:flex!important;align-items:center;gap:12px}
body.ordering-process:not(.in-kosik) #summary-box .cart-item.ip-ma-foto>div{border:0}
/* očekávané dodání */
body.ordering-process:not(.in-kosik) #summary-box .ip-rekap-dodani{
  display:flex;align-items:flex-start;gap:10px;margin:14px 0 4px;
  padding:12px 14px;background:#fff;border-radius:12px;
  font-family:var(--pismo);font-size:13.5px;line-height:1.45;color:#1B1A16}
body.ordering-process:not(.in-kosik) #summary-box .ip-rekap-dodani b{display:block;font-weight:600}
body.ordering-process:not(.in-kosik) #summary-box .ip-rekap-dodani em{font-style:normal;color:rgba(27,26,22,.62);font-size:12.5px}
body.ordering-process:not(.in-kosik) #summary-box .ip-rekap-dodani .ik{width:26px;height:26px;flex:none;background:center/contain no-repeat}

/* ── objednavka-4 (02. 09. 2026): promo věta pryč, pomoc box v brandu ── */
/* Shoptet kopíruje text promo lišty i do checkoutu - jednou stačí */
body.ordering-process:not(.in-kosik) #checkoutContent .site-msg-custom{display:none!important}
/* Potřebujete pomoc: telefon ikona, žádný fialový hover */
body.ordering-process:not(.in-kosik) #checkoutSidebar .toggle-contacts{
  position:relative;display:flex;align-items:center;justify-content:center;gap:12px;
  background:#1B1A16!important;color:#fff!important;border:0!important;
  border-radius:16px!important;box-shadow:none!important;
  transition:background .25s cubic-bezier(.16,1,.3,1)}
body.ordering-process:not(.in-kosik) #checkoutSidebar .toggle-contacts:hover,
body.ordering-process:not(.in-kosik) #checkoutSidebar .toggle-contacts:focus,
body.ordering-process:not(.in-kosik) #checkoutSidebar .toggle-contacts:active{
  background:#1B1A16!important;color:#fff!important}
body.ordering-process:not(.in-kosik) #checkoutSidebar .toggle-contacts::before{
  content:"";width:30px;height:30px;flex:none;
  background:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%231B1A16%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72c.13.96.37%201.9.72%202.81a2%202%200%200%201-.45%202.11L8.09%209.91a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45c.91.35%201.85.59%202.81.72A2%202%200%200%201%2022%2016.92z%22/%3E%3C/svg%3E) center/contain no-repeat}

/* ── objednavka-6 (02. 09. 2026): komiksové ikony i pro krok 2
   (výběr Dominika: business-contact / invoice / comments; doručovací
   adresa dostává pin define-location pro konzistenci) ── */
body.ordering-process:not(.in-kosik) #checkoutContent .co-contact-information h2::before,
body.ordering-process:not(.in-kosik) #checkoutContent .co-billing-address h2::before,
body.ordering-process:not(.in-kosik) #checkoutContent .co-shipping-address h2::before{
  content:""!important;font-size:0;width:30px;height:30px;
  position:absolute!important;left:0!important;top:50%!important;
  transform:translateY(-50%)!important;margin:0!important;
  background-position:center;background-repeat:no-repeat;background-size:contain}
body.ordering-process:not(.in-kosik) #checkoutContent .co-contact-information h2::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%231B1A16%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx=%2212%22%20cy=%227%22%20r=%224%22/%3E%3C/svg%3E)}
body.ordering-process:not(.in-kosik) #checkoutContent .co-billing-address h2::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%231B1A16%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2010c0%207-9%2013-9%2013s-9-6-9-13a9%209%200%200%201%2018%200z%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2210%22%20r=%223%22/%3E%3C/svg%3E)}
body.ordering-process:not(.in-kosik) #checkoutContent .co-shipping-address h2::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%231B1A16%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%209l9-7%209%207v11a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22/%3E%3Cpath%20d=%22M9%2022V12h6v10%22/%3E%3C/svg%3E)}


/* ══════════════════════════════════════════════════════════════════
   v7 — krok 2: formulář v mřížce, viditelná pole, checkboxy SVĚTLO
   ══════════════════════════════════════════════════════════════════ */

/* ── řádky formuláře ──
   Nativně mají pole napevno různé šířky (320/232/120 px), PSČ a telefon
   trhají pravou hranu. Grid label|pole dává všem polím plnou šířku
   sloupce a jednu svislou osu. Checkbox řádky --inline třídu nemají,
   mřížka se jich netýká. */
body.ordering-process:not(.in-kosik) #checkoutContent .form-group--inline{
  display:grid;grid-template-columns:190px minmax(0,1fr);
  gap:6px 18px;align-items:center;margin:0 0 14px}
body.ordering-process:not(.in-kosik) #checkoutContent .form-group--inline>label,
body.ordering-process:not(.in-kosik) #checkoutContent .form-group--inline>p.label{
  margin:0;justify-self:start}
body.ordering-process:not(.in-kosik) #checkoutContent .form-group--inline .form-control-wrapper{
  width:100%!important;max-width:none!important;float:none}
body.ordering-process:not(.in-kosik) #checkoutContent .form-group--inline .form-control{
  width:100%!important;max-width:none!important}
/* u textarey label nahoru k hornímu okraji */
body.ordering-process:not(.in-kosik) #checkoutContent .form-group--inline:has(textarea){
  align-items:start}
body.ordering-process:not(.in-kosik) #checkoutContent .form-group--inline:has(textarea)>label{
  padding-top:13px}
/* telefon: předvolba pevně, číslo dopné zbytek šířky
   (nativně max-width:217px, proto pole končilo dřív než ostatní) */
body.ordering-process:not(.in-kosik) #checkoutContent .phone-combined-input{
  display:flex;align-items:stretch;gap:0;
  width:100%!important;max-width:none!important}
body.ordering-process:not(.in-kosik) #checkoutContent .phone-combined-input .form-control{
  flex:1 1 auto;min-width:0}

/* ── viditelnost polí ──
   Vlasovka .10 na bílé kartě zanikala, pole dostávají pevnější rám. */
body.ordering-process:not(.in-kosik) #content .form-control{
  border-width:1.5px!important;border-style:solid;
  border-color:rgba(27,26,22,.26)}
body.ordering-process:not(.in-kosik) #content .form-control:hover{
  border-color:rgba(27,26,22,.42)}
body.ordering-process:not(.in-kosik) #content .form-control:focus{
  border-color:var(--ink);box-shadow:0 0 0 3px rgba(27,26,22,.07)}
/* v13 (krok2-2): chybné pole zůstává červené i ve focusu/hoveru – specificita nad .form-control:focus */
body.ordering-process:not(.in-kosik) #content .form-control.js-error-field,
body.ordering-process:not(.in-kosik) #content .form-control.error-field,
body.ordering-process:not(.in-kosik) #content .form-control.js-error-field:hover,
body.ordering-process:not(.in-kosik) #content .form-control.error-field:hover{
  border-color:var(--red)!important;box-shadow:0 0 0 1px var(--red)}
body.ordering-process:not(.in-kosik) #content .form-control.js-error-field:focus,
body.ordering-process:not(.in-kosik) #content .form-control.error-field:focus{
  border-color:var(--red)!important;box-shadow:0 0 0 1px var(--red),0 0 0 4px rgba(197,26,17,.14)}

/* ── checkboxy ──
   Nativní kresba: 14px ostrý čtvereček přes label::before a plný černý
   čtvereček přes label::after při zaškrtnutí. Vstup zůstává v DOM kvůli
   kliku i focusu, jen je průhledný; kreslí se zaoblený 22px čtverec
   a bílá fajfka na ink podkladu. */
body.ordering-process:not(.in-kosik) #content input[type=checkbox]{
  position:absolute;opacity:0;width:22px;height:22px;margin:0;
  cursor:pointer;z-index:1}
body.ordering-process:not(.in-kosik) #content input[type=checkbox]+label{
  position:relative;padding-left:34px!important;min-height:22px;
  line-height:1.5;cursor:pointer}
body.ordering-process:not(.in-kosik) #checkoutContent input[type=checkbox]+label{
  font-size:14.5px;font-weight:600}
body.ordering-process:not(.in-kosik) #content input[type=checkbox]+label::before{
  content:""!important;position:absolute!important;
  left:0!important;top:0!important;width:22px!important;height:22px!important;
  background:#fff!important;border:1.5px solid rgba(27,26,22,.34)!important;
  border-radius:6px!important;margin:0!important;transform:none!important;
  transition:background .16s var(--e),border-color .16s var(--e)}
body.ordering-process:not(.in-kosik) #content input[type=checkbox]+label:hover::before{
  border-color:var(--ink)!important}
body.ordering-process:not(.in-kosik) #content input[type=checkbox]:checked+label::before{
  background:var(--ink)!important;border-color:var(--ink)!important}
body.ordering-process:not(.in-kosik) #content input[type=checkbox]+label::after{
  content:""!important;position:absolute!important;
  left:8px!important;top:3.5px!important;width:6px!important;height:11.5px!important;
  background:0 0!important;border:solid #fff!important;
  border-width:0 2.2px 2.2px 0!important;border-radius:0!important;
  transform:rotate(45deg)!important;margin:0!important;
  opacity:0;display:block!important;transition:opacity .14s var(--e)}
body.ordering-process:not(.in-kosik) #content input[type=checkbox]:checked+label::after{
  opacity:1}
body.ordering-process:not(.in-kosik) #content input[type=checkbox]:focus-visible+label::before{
  box-shadow:0 0 0 3px rgba(27,26,22,.14)!important}

/* mobil: label nad polem */
@media(max-width:640px){
  body.ordering-process:not(.in-kosik) #checkoutContent .form-group--inline{
    grid-template-columns:minmax(0,1fr);gap:6px}
  body.ordering-process:not(.in-kosik) #checkoutContent .form-group--inline:has(textarea)>label{
    padding-top:0}
}

/* ══════════ v9 (03. 09. 2026) ══════════ */
/* Očekávané dodání v rekapitulaci: ikona 40×40 a svisle na střed,
   stejně jako box „Doručíme" v košíku */
body.ordering-process:not(.in-kosik) #summary-box .ip-rekap-dodani{align-items:center}
body.ordering-process:not(.in-kosik) #summary-box .ip-rekap-dodani .ik{width:40px;height:40px}

/* Celkem k úhradě: výrazný vzduch nad i pod blokem (14 px zanikalo) */
body.ordering-process:not(.in-kosik) .price-wrapper{padding:18px 0 22px;margin:8px 0 6px}

/* ══════════ v11: „Celkem k úhradě" přetékal DO STRAN ══════════
   Nativní .order-summary-item.price má záporné boční marginy a ignoroval
   24px padding panelu (řádek byl širší než vše ostatní — proto „chybí
   padding"). Srovnat se zbytkem rekapitulace. */
body.ordering-process:not(.in-kosik) #summary-box .order-summary-item{
  margin-left:0!important;margin-right:0!important;
  padding-left:0!important;padding-right:0!important;width:auto!important}

/* ── v12 (09. 09. 2026): krok 2, tah k tlačítku OBJEDNAT ── */
/* 1. Potřebujete pomoc: tichá varianta, jediná černá ve sloupci je tlačítko */
body.ordering-process:not(.in-kosik) #checkoutSidebar .toggle-contacts{
  background:transparent!important;color:var(--ink)!important;
  border:1.5px solid rgba(27,26,22,.16)!important;border-radius:14px!important;
  padding:10px 16px;font-size:12.5px;letter-spacing:.04em}
body.ordering-process:not(.in-kosik) #checkoutSidebar .toggle-contacts:hover,
body.ordering-process:not(.in-kosik) #checkoutSidebar .toggle-contacts:focus,
body.ordering-process:not(.in-kosik) #checkoutSidebar .toggle-contacts:active{
  background:#fff!important;color:var(--ink)!important;border-color:rgba(27,26,22,.42)!important}
body.ordering-process:not(.in-kosik) #checkoutSidebar .toggle-contacts::before{filter:none;width:26px;height:26px}
body.ordering-process:not(.in-kosik) .toggle-contacts span{opacity:.7;font-weight:600}
/* 2. Očekávané dodání: řádek místo bílé karty */
body.ordering-process:not(.in-kosik) #summary-box .ip-rekap-dodani{
  background:transparent;border-radius:0;padding:12px 0 4px;margin:4px 0 0;
  border-top:1px solid var(--line);align-items:center}
body.ordering-process:not(.in-kosik) #summary-box .ip-rekap-dodani .ik{width:34px;height:34px}
body.ordering-process:not(.in-kosik) #summary-box .ip-rekap-dodani b{font-weight:600}
/* 3. částka → tlačítko bez přerušení: právní věta tichá, souhlasy jdou pod tlačítko (JS) */
body.ordering-process:not(.in-kosik) .price-wrapper{margin-bottom:8px}
body.ordering-process:not(.in-kosik) #checkoutSidebar .consents p.label{
  font-size:12px;line-height:1.5;color:rgba(27,26,22,.55);margin:0 0 10px}
body.ordering-process:not(.in-kosik) #checkoutSidebar .consents p.label a{
  font-weight:500;color:rgba(27,26,22,.7);text-decoration:underline;text-underline-offset:2px}
/* 4. tlačítko: vyšší (čisté OBJEDNAT, bez částky – rozhodnutí Dominika 09. 09.) */
body.ordering-process:not(.in-kosik) .next-step-finish{min-height:72px}
body.ordering-process:not(.in-kosik) .next-step-finish .order-button-text{font-size:18px;letter-spacing:.06em}
/* 5. dotazníky pod tlačítkem, drobně */
body.ordering-process:not(.in-kosik) .ip-dotazniky{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line)}
body.ordering-process:not(.in-kosik) .ip-dotazniky .consents{margin:0 0 4px}
body.ordering-process:not(.in-kosik) #checkoutSidebar .ip-dotazniky .consents label{
  font-size:11.5px;line-height:1.4;color:rgba(27,26,22,.55)}
body.ordering-process:not(.in-kosik) #checkoutSidebar .ip-dotazniky .consents label a{color:rgba(27,26,22,.7);font-weight:500}
/* mobil: lišta pomoci na dva řádky, číslo pod nápisem */
@media (max-width:480px){
  body.ordering-process:not(.in-kosik) #checkoutSidebar .toggle-contacts{flex-wrap:wrap;gap:6px 10px;padding:10px 12px;font-size:12px}
  body.ordering-process:not(.in-kosik) #checkoutSidebar .toggle-contacts span{flex-basis:100%;text-align:center}
}

/* ── v13 (10. 09. 2026, mobil-3): pole objednávky ≥16 px, iOS Safari při focusu nepřibližuje ── */
@media (max-width:900px){
  body.ordering-process:not(.in-kosik) #content .form-control,
  body.ordering-process:not(.in-kosik) #content .form-control:focus,
  body.ordering-process:not(.in-kosik) #content #order-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
  body.ordering-process:not(.in-kosik) #content #order-form select,
  body.ordering-process:not(.in-kosik) #content #order-form textarea{font-size:16px}
}

/* --- idepar: co Carbon přebíjí (id + !important) --- */
/* kroky: Carbon #checkoutContent .cart-header{margin-bottom:0} a li span{color:var(--color-primary)} (oranžová) */
body.ordering-process:not(.in-kosik) #checkoutContent .cart-header{margin:0 0 22px!important}
body.ordering-process:not(.in-kosik) #checkoutContent .cart-header .step{white-space:nowrap}
body.ordering-process:not(.in-kosik) #checkoutContent .cart-content .cart-header li a span,body.ordering-process:not(.in-kosik) #checkoutContent .cart-content .cart-header li strong span,
body.ordering-process:not(.in-kosik) #checkoutContent .cart-content .cart-header li.active a span,body.ordering-process:not(.in-kosik) #checkoutContent .cart-content .cart-header li.active strong span,
body.ordering-process:not(.in-kosik) #checkoutContent .cart-content .cart-header li.completed a span,body.ordering-process:not(.in-kosik) #checkoutContent .cart-content .cart-header li.completed strong span{color:inherit!important}
/* radia: Carbon .co-delivery-method label{padding:25px 30px 25px 60px;border-bottom:2px} + input:checked + label{border-bottom:2px solid oranžová},
   zelený PNG puntík na label::after (16px, left:15px!important) */
body.ordering-process:not(.in-kosik) #checkoutContent .cart-content .co-box label,body.ordering-process:not(.in-kosik) #checkoutContent .cart-content .co-box input:checked + label{
  padding:12px 0 12px 32px!important;border-bottom:0!important;background:transparent!important}
body.ordering-process:not(.in-kosik) #checkoutContent .cart-content .co-box > div > div:last-child label{border-bottom:0!important}
body.ordering-process:not(.in-kosik) #checkoutContent .shipping-billing-table .radio-wrapper,body.ordering-process:not(.in-kosik) #checkoutContent .shipping-billing-table .radio-wrapper.active{background-color:#fff!important}
/* béžový nádech vybrané karty = Carbon span.payment-info::before s oranžovou #FFAA00 a průhledností */
body.ordering-process:not(.in-kosik) #checkoutContent .shipping-billing-table .radio-wrapper label .payment-info::before,
body.ordering-process:not(.in-kosik) #checkoutContent .shipping-billing-table .radio-wrapper label .payment-info::after{content:none!important;display:none!important}
/* boxy: Carbon #checkoutContent .cart-content .co-box{padding:0!important} */
body.ordering-process:not(.in-kosik) #checkoutContent .cart-content .co-box{padding:clamp(18px,2.2vw,26px)!important}
@media (max-width:900px){body.ordering-process:not(.in-kosik) #checkoutContent .cart-content .co-box{padding:16px!important}}
body.ordering-process:not(.in-kosik) .next-step-back{text-transform:none!important;letter-spacing:0!important}
/* šířka = hlavička (.ip .w = min(1300px, 100% - 48px)): trikito dává #content padding 20 px a Carbon sloupcům 17/30 px,
   obsah byl 1 260 px a začínal o 20 až 37 px vpravo od loga (Dominik 28. 09. 2026) */
body.ordering-process:not(.in-kosik) #content{width:min(1300px, 100% - 48px)!important;max-width:none!important;padding-left:0!important;padding-right:0!important;
  flex:none!important;margin-left:auto!important;margin-right:auto!important}   /* rodič .content-wrapper-in je flex a Carbon dává #content flex-grow */
body.ordering-process:not(.in-kosik) #checkoutContent,body.ordering-process:not(.in-kosik) #checkoutSidebar{padding-left:0!important;padding-right:0!important}
@media (max-width:640px){body.ordering-process:not(.in-kosik) #content{width:auto!important;padding-left:16px!important;padding-right:16px!important}}
/* linky v rekapitulaci: pod položkami byla dvojitá (.cart-item bottom + dodání top, 4 px od sebe) a před součtem dvojitá
   s prázdnem (#shipping-billing-summary bottom + .price-wrapper top) */
body.ordering-process:not(.in-kosik) #checkoutSidebar .ip-rekap-dodani{border-top:0!important;margin-top:0!important}
body.ordering-process:not(.in-kosik) #shipping-billing-summary{border-bottom:0!important;border-top:1px solid var(--line)!important;padding-bottom:0!important}
/* Carbon pseudo-prvky: .cart-header::after = 1 px linka 1 008 px široká pod kroky (křížila horní hranu boxu),
   #checkoutSidebar::before = šedý blok 720×900 px za rekapitulací (Dominik 28. 09. 2026 večer) */
body.ordering-process:not(.in-kosik) #checkoutContent .cart-header::after,body.ordering-process:not(.in-kosik) #checkoutSidebar::before,body.ordering-process:not(.in-kosik) #checkoutSidebar::after{content:none!important;display:none!important}
/* název položky v rekapitulaci: Carbon a{color:oranžová} */
body.ordering-process:not(.in-kosik) #checkoutSidebar .cart-item-name a,body.ordering-process:not(.in-kosik) #checkoutSidebar .cart-item-name a:hover{color:var(--ink)!important;text-decoration:none!important}
body.ordering-process:not(.in-kosik) #checkoutContent .shipping-billing-table .radio-wrapper input[type=radio] + label::before{
  left:0!important;top:50%!important;width:20px!important;height:20px!important;border-radius:50%!important;
  border:1.5px solid rgba(27,26,22,.4)!important;background:#fff!important;transform:translateY(-50%)!important}
body.ordering-process:not(.in-kosik) #checkoutContent .shipping-billing-table .radio-wrapper input[type=radio] + label::after,
body.ordering-process:not(.in-kosik) #checkoutContent .shipping-billing-table .radio-wrapper input[type=radio]:checked + label::after{
  left:5px!important;top:50%!important;width:10px!important;height:10px!important;border:0!important;border-radius:50%!important;
  background:var(--ink)!important;background-image:none!important;transform:translateY(-50%)!important}
body.ordering-process:not(.in-kosik) #checkoutContent .shipping-billing-table .radio-wrapper.active label::before{border-color:var(--ink)!important}
/* tlačítko „Přihlásit se do mého účtu": Carbon .form-group .btn{padding:0;text-decoration:underline;line-height:10px} */
body.ordering-process:not(.in-kosik) #checkoutContent .cart-content .box .form-group a.login-button,body.ordering-process:not(.in-kosik) #checkoutContent a.login-button{
  display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;
  min-height:44px!important;height:auto!important;line-height:1.2!important;padding:10px 18px!important;
  border:1.4px solid var(--ink)!important;border-radius:var(--r-s)!important;background:#fff!important;
  color:var(--ink)!important;text-decoration:none!important;font-weight:600;font-size:14px}
body.ordering-process:not(.in-kosik) #checkoutContent a.login-button:hover{background:var(--ink)!important;color:#fff!important}
/* chybové hlášky: Carbon form .validator-msg{border:1px solid;background:#fff;padding:2px 10px} + šipka ::before */
body.ordering-process:not(.in-kosik) form .validator-msg,body.ordering-process:not(.in-kosik) form .js-validator-msg{
  border:0!important;background:transparent!important;padding:5px 0 0!important;margin:0!important;
  font-size:12.5px!important;line-height:1.4;color:var(--red)!important}
body.ordering-process:not(.in-kosik) form .validator-msg::before,body.ordering-process:not(.in-kosik) form .js-validator-msg::before{display:none!important}