.navigation-in ul.menu-level-1 > li > a {
    position: relative;
    display: inline-block;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.navigation-in ul.menu-level-1 > li > a:hover {
    transform: translateY(-2px);
    opacity: 0.7;
}
.navigation-in ul.menu-level-1 > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.35s ease;
}
.navigation-in ul.menu-level-1 > li > a:hover::after {
    transform: scaleX(1);
}
[data-testid="linkSearchIcon"],
[data-testid="signin"],
[data-testid="headerCart"],
[data-testid="hamburgerMenu"] {
  position: relative;
  display: inline-block;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
[data-testid="linkSearchIcon"]:hover,
[data-testid="signin"]:hover,
[data-testid="headerCart"]:hover,
[data-testid="hamburgerMenu"]:hover {
  transform: translateY(-2px);
  opacity: 0.7;
}

/* =========================================================
   STRÁNKA KONTAKTY (sjednoceno – font, zaoblení, zlaté tlačítko, info vedle)
   ========================================================= */

/* Sjednocení fontu */
.in-kontakty #content,
.in-kontakty .form-control,
.in-kontakty label,
.in-kontakty #formContact,
.in-kontakty .btn-primary,
.in-kontakty .consents label {
  font-family: 'Noto Sans', sans-serif;
}
/* Velký nadpis stránky (H1) – sjednoceno na všech stránkách */
.pageArticleDetail h1,
.in-kontakty #content h1 {
  font-family: 'Jost', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 500;
  color: #1a1a1a;
  padding-bottom: 0.6rem;
  position: relative;
}
.pageArticleDetail h1::after,
.in-kontakty #content h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
  background: var(--color-secondary, #d3af37);
}

/* Popisky polí a text souhlasu – šedá jako jinde na webu */
.in-kontakty label,
.in-kontakty .consents label,
.in-kontakty .form-control {
  color: #555;
}
.in-kontakty .form-control:focus {
  color: #1a1a1a;
}

/* Odkazy v souhlasu (obchodní podmínky / ochrana osobních údajů) – zlatě */
.in-kontakty .consents a {
  color: #b8902f;
  transition: color 0.3s ease;
}
.in-kontakty .consents a:hover {
  color: #d3af37;
}

/* Rámeček formuláře – zaoblený */
.in-kontakty #formContact {
  max-width: 100%;
  background: transparent;
  padding: 2.5rem;
  border: 1px solid #ddd;
  border-radius: 16px;
}

/* Pole formuláře – zaoblené boxy (jednotně s Nastavením účtu) */
.in-kontakty .form-control,
.in-kontakty input[type="text"],
.in-kontakty input[type="email"],
.in-kontakty input[type="tel"],
.in-kontakty input[type="number"],
.in-kontakty textarea {
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  padding: 0.8rem 1rem !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: border-color 0.3s ease;
}
.in-kontakty .form-control:focus,
.in-kontakty input:focus,
.in-kontakty textarea:focus {
  outline: none;
  border-color: #b8902f !important;
  box-shadow: none !important;
}
.in-kontakty textarea.form-control {
  resize: none;
}

/* Tlačítko ODESLAT – zaoblené, rámeček jako formulář, zlatý hover */
.in-kontakty .btn-primary {
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 8px;
  color: #000;
  padding: 0.9rem 2.5rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-size: 0.8rem;
  transition: all 0.3s ease;
}
.in-kontakty .btn-primary:hover {
  background: var(--color-secondary, #d3af37);
  border-color: var(--color-secondary, #d3af37);
  color: #fff;
}

/* Kontaktní info vedle formuláře (dvousloupcové) */
.in-kontakty [itemprop="about"] {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}
.in-kontakty [itemprop="about"] > .kontakt-info {
  flex: 0 0 300px;
  order: 1;
}
.in-kontakty [itemprop="about"] > #formContact {
  flex: 1;
  min-width: 320px;
  order: 2;
}
/* Úvodní věta a prázdné odstavce schováme z flexu (přes celou šířku) */
.in-kontakty [itemprop="about"] > p {
  flex-basis: 100%;
  order: 0;
  margin: 0 0 0.5rem 0;
  font-family: 'Noto Sans', sans-serif;
  font-size: 1.4rem;
  color: #555;
}
.in-kontakty [itemprop="about"] > p:empty {
  display: none;
}

/* Vzhled kontaktních bloků */
.kontakt-info .kontakt-blok {
  margin-bottom: 2.6rem;
}
.kontakt-info h3 {
  font-family: 'Jost', sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #b8902f;
  margin: 0 0 0.9rem 0;
  font-weight: 500;
}
.kontakt-info p {
  font-family: 'Noto Sans', sans-serif;
  font-size: 1.45rem;
  line-height: 1.9;
  color: #555;
  margin: 0;
}
.kontakt-info a {
  color: #555;
  text-decoration: none;
  transition: color 0.3s ease;
}
.kontakt-info a:hover {
  color: var(--color-secondary, #d3af37);
}

/* Na mobilu pod sebe */
@media (max-width: 768px) {
  .in-kontakty [itemprop="about"] {
    flex-direction: column;
    gap: 2rem;
  }
  .in-kontakty [itemprop="about"] > .kontakt-info {
    flex-basis: auto;
  }
}

/* (Odstraněna mobilní mezera nad headerem – header na mobilu není sticky) */

/* Sevřenější header na mobilu – méně vzduchu nad/pod logem */
@media (max-width: 991px) {
  #header .navigation-wrapper {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.vyrobce-img img {
  pointer-events: none;
}

.carousel img {
  pointer-events: none;
}
/* Skrytí šipek na banneru */
.carousel-control {
  display: none !important;
}

/* Zakázání výběru banneru */
.carousel img {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

.carousel-inner {
  user-select: none;
  -webkit-user-select: none;
}
.site-name img {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

/* =========================================================
   04 — HEADER (menu jako „NAŠI VÝROBCI" + sticky)
   ========================================================= */
#header {
  position: sticky;
  top: 0;
  z-index: 999;
  background: #fff;
  border-bottom: 1px solid #eee;
}
.navigation-in ul.menu-level-1 > li > a {
  font-family: 'Jost', sans-serif;
  font-size: 1.1rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #1a1a1a;
}
.navigation-in ul.menu-level-1 > li > a b {
  font-weight: 500;
}
.navigation-in ul.menu-level-1 > li {
  margin: 0 0.9rem;
}
.navigation-in ul.menu-level-1 > li > a:hover {
  color: var(--color-secondary, #d3af37);
}
.navigation-in ul.menu-level-1 > li > a::after {
  background: var(--color-secondary, #d3af37);
}

/* =========================================================
   05 — FOOTER (světlý, sjednocený s webem)
   ========================================================= */
#footer.footer,
.footer {
  background: #ffffff;
  border-top: 1px solid #eee;
}
.footer .pageElement__heading {
  font-family: 'Jost', sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #1a1a1a;
}
.footer .custom-footer__articles ul li a,
.footer .contact-box a {
  font-family: 'Noto Sans', sans-serif;
  font-size: 1.4rem;
  color: #555;
  text-decoration: none !important;
  transition: color 0.3s ease;
  position: relative;
  display: inline-block;
}
.footer .custom-footer__articles ul li a::after,
.footer .contact-box a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: var(--color-secondary, #d3af37);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.35s ease;
}
.footer .custom-footer__articles ul li a:hover::after,
.footer .contact-box a:hover::after {
  transform: scaleX(1);
}
.footer .custom-footer__articles ul li a:hover,
.footer .contact-box a:hover {
  color: var(--color-secondary, #d3af37);
}
.footer .footer-bottom {
  border-top: 1px solid #eee;
}

/* =========================================================
   06 — DROBEČKOVÁ NAVIGACE (Domů → O nás)
   Pouze font (Jost, velká písmena) + zlatá barva při najetí.
   ========================================================= */
.content-wrapper .breadcrumbs,
.content-wrapper .breadcrumbs a,
.content-wrapper .breadcrumbs span[itemprop="name"],
.content-wrapper .breadcrumbs .navigation-bullet {
  font-family: 'Jost', sans-serif !important;
  font-size: 1rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #888 !important;
}

/* Odkaz "Domů" – bez podtržení */
.content-wrapper .breadcrumbs a {
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

/* Při najetí myší: zlatá */
.content-wrapper .breadcrumbs a:hover,
.content-wrapper .breadcrumbs a:hover span[itemprop="name"] {
  color: var(--color-secondary, #d3af37) !important;
}
/* =========================================================
   07 — STRÁNKA / OKNO HLEDÁNÍ (sjednoceno se zbytkem webu)
   ========================================================= */

/* Nadpisy „Co potřebujete najít?" a „Doporučujeme" */
.search-window .search h2,
.search-window .search h3 {
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #1a1a1a;
}

/* Vyhledávací pole – zaoblené, šedý rámeček jako jinde */
.search-window .search-input,
.search-window .form-control {
  font-family: 'Noto Sans', sans-serif;
  border: 1px solid #ddd !important;
  border-radius: 8px 0 0 8px;
  box-shadow: none !important;
  color: #555;
  background: transparent;
  transition: border-color 0.3s ease;
}
.search-window .search-input:focus,
.search-window .form-control:focus {
  outline: none !important;
  border-color: #b8902f !important;
  box-shadow: none !important;
  color: #1a1a1a;
}

/* Tlačítko se šipkou – decentní, zlatý hover */
.search-window .btn-arrow-right {
  background: transparent;
  border: 1px solid #ddd;
  border-left: none;
  border-radius: 0 8px 8px 0;
  color: #555;
  transition: all 0.3s ease;
}
.search-window .btn-arrow-right:hover {
  background: var(--color-secondary, #d3af37);
  border-color: var(--color-secondary, #d3af37);
  color: #fff;
}

/* Vypnutí animace vysouvacích panelů (košík, hledání, menu, přihlášení) – objeví se rovnou */
.search-window,
.search-window.active,
.content-window.search-window,
.cart-window,
.content-window.cart-window,
.login-window,
.content-window.login-window,
.content-window,
dialog#login,
dialog.dialog--modal,
.dialog--fullscreen {
  transition: none !important;
  animation: none !important;
}
.search-window .content-window-in,
.cart-window .content-window-in,
.login-window .content-window-in,
.content-window .content-window-in,
dialog#login .dialog__wrapper,
dialog#login .dialog__content {
  transition: none !important;
  animation: none !important;
  transform: none !important;
}

/* =========================================================
   08 — PŘIHLAŠOVACÍ OKNO (login) – sjednoceno se zbytkem webu
   ========================================================= */

/* Font celého okna */
dialog#login,
dialog#login .form-control,
dialog#login .btn {
  font-family: 'Noto Sans', sans-serif;
}

/* Nadpis – Jost, prostrkaná velká písmena */
dialog#login .dialog__heading {
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #1a1a1a;
}

/* Pole – zaoblená, šedý rámeček, zlatý focus */
dialog#login .form-control {
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: none;
  color: #555;
  transition: border-color 0.3s ease;
}
dialog#login .form-control:focus {
  outline: none;
  border-color: #b8902f;
  box-shadow: none;
  color: #1a1a1a;
}

/* Tlačítko PŘIHLÁSIT SE – zaoblené, zlatý hover */
dialog#login .btn-login {
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 8px;
  color: #1a1a1a;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
dialog#login .btn-login:hover {
  background: var(--color-secondary, #d3af37);
  border-color: var(--color-secondary, #d3af37);
  color: #fff;
}

/* Odkazy Nová registrace / Zapomenuté heslo – zlatý hover */
dialog#login .password-helper a {
  color: #555;
  text-decoration: none;
  transition: color 0.3s ease;
}
dialog#login .password-helper a:hover {
  color: var(--color-secondary, #d3af37);
}

/* =========================================================
   09 — STRÁNKA REGISTRACE – styl kontaktního formuláře
   ========================================================= */

/* H1 "Registrace" – Jost, prostrkané, zlatá linka (stejně jako ostatní stránky) */
.in-registrace .content-inner > h1 {
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #1a1a1a;
  position: relative;
  padding-bottom: 0.5rem;
}
.in-registrace .content-inner > h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
  background: #d3af37;
}

/* Font celého formuláře */
.in-registrace #register-form,
.in-registrace #register-form .form-control,
.in-registrace #register-form label,
.in-registrace #register-form .btn {
  font-family: 'Noto Sans', sans-serif;
}

/* Zrušení vnějšího rámečku šablony – necháváme jen jeden (zaoblený kolem sekce) */
.in-registrace #register-form,
.in-registrace #register-form .co-box.co-registration {
  border: none;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

/* Rámeček kolem sekce "Osobní údaje" – zaoblený jako formulář kontaktu */
.in-registrace #register-form fieldset.box {
  border: 1px solid #ddd;
  border-radius: 16px;
  padding: 2rem;
  background: transparent;
}

/* Nadpisy sekcí h4 – Jost prostrkané zlatě */
.in-registrace #register-form h4 {
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #b8902f;
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
}

/* Popisky polí – šedé */
.in-registrace #register-form label {
  color: #555;
}
.in-registrace #register-form .required-asterisk {
  color: #555;
}

/* Pole – zaoblené boxy, zlatý focus (jednotně s Nastavením účtu) */
.in-registrace #register-form .form-control,
.in-registrace #register-form input[type="text"],
.in-registrace #register-form input[type="email"],
.in-registrace #register-form input[type="password"],
.in-registrace #register-form input[type="tel"],
.in-registrace #register-form input[type="number"],
.in-registrace #register-form select,
.in-registrace #register-form textarea {
  background: transparent !important;
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  padding: 0.8rem 1rem !important;
  box-shadow: none !important;
  color: #1a1a1a;
  transition: border-color 0.3s ease;
}
.in-registrace #register-form .form-control:focus,
.in-registrace #register-form input:focus,
.in-registrace #register-form select:focus,
.in-registrace #register-form textarea:focus {
  outline: none;
  border-color: #b8902f !important;
  box-shadow: none !important;
}

/* Skrytí prázdného co-boxu (Shoptet vykresluje prázdný šedý obdélník) */
.in-registrace #register-form .co-box.co-registration:empty {
  display: none;
}

/* Druhý fieldset "Potvrzení" – bez rámečku, jen vzdušné */
.in-registrace #register-form fieldset:not(.box) {
  border: none;
  padding: 0;
  margin-top: 2rem;
}

/* Text souhlasu */
.in-registrace #register-form .consents label {
  color: #555;
}
.in-registrace #register-form .consents a {
  color: #b8902f;
  transition: color 0.3s ease;
}
.in-registrace #register-form .consents a:hover {
  color: #d3af37;
}

/* Tlačítko REGISTROVAT – zaoblené, zlatý hover */
.in-registrace #register-form .btn-login {
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 8px;
  color: #1a1a1a;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 0.8rem 2.5rem;
  transition: all 0.3s ease;
}
.in-registrace #register-form .btn-login:hover {
  background: var(--color-secondary, #d3af37);
  border-color: var(--color-secondary, #d3af37);
  color: #fff;
}

/* =========================================================
   10 — KLIENTSKÉ CENTRUM + podstránky (/klient/...)
   Cíleno přes .customer-page (společná třída všech klient. stránek)
   ========================================================= */

/* Velký nadpis H1 – Jost prostrkané + zlatá linka (jako ostatní stránky) */
.customer-page .content-inner > h1 {
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #1a1a1a;
  position: relative;
  padding-bottom: 0.5rem;
}
.customer-page .content-inner > h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
  background: #d3af37;
}

/* Font a barva textu obsahu */
.customer-page #content,
.customer-page #content p,
.customer-page #content label,
.customer-page #content td,
.customer-page #content th {
  font-family: 'Noto Sans', sans-serif;
}
.customer-page #content .content-inner > p {
  color: #555;
}

/* --- Levý sidebar (menu Klientského centra) --- */
.customer-page .sidebar-inner,
.customer-page .sidebar-inner.visible {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
.customer-page .client-center-box {
  border: 1px solid #ddd !important;
  border-radius: 16px !important;
  padding: 0.5rem 1.1rem !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden;
}
.customer-page .client-center-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.customer-page .client-center-box li {
  margin: 0;
}
/* "Odhlásit se" – přesunout na konec menu, oddělit mezerou a linkou */
.customer-page .client-center-box li.logout {
  order: 99;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #f2f2f2;
}
.customer-page .client-center-box li a:not(.btn) {
  font-family: 'Noto Sans', sans-serif;
  color: #555;
  text-decoration: none;
  display: block;
  padding: 0.4rem 0;
  border-bottom: 1px solid #f2f2f2;
  transition: color 0.3s ease;
}
.customer-page .client-center-box li:last-child a:not(.btn) {
  border-bottom: none;
}
.customer-page .client-center-box li a:not(.btn):hover {
  color: #d3af37;
}
/* Aktivní položka – zlatě, zvýrazněně */
.customer-page .client-center-box li.active > a:not(.btn) {
  color: #b8902f;
  font-weight: 600;
}

/* Tlačítko "Odhlásit se" – styl jako tlačítko v Kontaktech (jen užší padding do sidebaru) */
.customer-page .client-center-box .btn-primary {
  display: inline-block;
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 8px;
  color: #000;
  padding: 0.7rem 1.8rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-size: 0.8rem;
  margin: 0;
  transition: all 0.3s ease;
}
.customer-page .client-center-box .btn-primary:hover {
  background: var(--color-secondary, #d3af37);
  border-color: var(--color-secondary, #d3af37);
  color: #fff;
}

/* Volné h4 v obsahu (prázdné hlášky typu „žádné doklady") – běžný text */
.customer-page #content h4 {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: normal;
  text-transform: none;
  color: #555;
  margin: 0;
}
/* Skutečné podnadpisy sekcí – zlatě (uvnitř boxů/formulářů; vyšší specificita přebije volné h4) */
.customer-page #content h2,
.customer-page #content h3,
.customer-page #content fieldset > legend,
.customer-page #content #register-form h4,
.customer-page #content .box h4,
.customer-page #content .co-box h4 {
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #b8902f;
}

/* --- Formulářová pole na podstránkách (osobní údaje atd.) --- */
/* Popisky polí jako v Kontaktech – Noto Sans, šedá #555, normální váha */
.customer-page #content label,
.customer-page #register-form label {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  color: #555;
}
.customer-page .form-control,
.customer-page input[type="text"],
.customer-page input[type="email"],
.customer-page input[type="password"],
.customer-page input[type="tel"],
.customer-page input[type="number"],
.customer-page input[type="search"],
.customer-page select,
.customer-page textarea {
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #555;
  transition: border-color 0.3s ease;
}
.customer-page .form-control:focus,
.customer-page input:focus,
.customer-page select:focus,
.customer-page textarea:focus {
  outline: none;
  border-color: #b8902f !important;
  box-shadow: none !important;
  color: #1a1a1a;
}
/* Obaly polí (kdyby měl rámeček wrapper) + telefon s předvolbou */
.customer-page .input-group,
.customer-page .input-group .form-control,
.customer-page .input-wrapper,
.customer-page .iti,
.customer-page .intl-tel-input {
  border-radius: 8px !important;
  overflow: hidden;
}

/* Stránka "Nastavení mého účtu" používá stejný registrační formulář (#register-form).
   Zde (mimo skutečnou stránku Registrace) chceme zaoblené boxy, ne spodní linku. */
body:not(.in-registrace) #register-form .form-control,
body:not(.in-registrace) #register-form input[type="text"],
body:not(.in-registrace) #register-form input[type="email"],
body:not(.in-registrace) #register-form input[type="password"],
body:not(.in-registrace) #register-form input[type="tel"],
body:not(.in-registrace) #register-form select,
body:not(.in-registrace) #register-form textarea {
  border: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}
body:not(.in-registrace) #register-form .form-control:focus,
body:not(.in-registrace) #register-form input:focus,
body:not(.in-registrace) #register-form select:focus,
body:not(.in-registrace) #register-form textarea:focus {
  border-color: #b8902f !important;
  border-bottom-color: #b8902f !important;
  box-shadow: none !important;
}
/* Telefon s předvolbou na Nastavení účtu */
body:not(.in-registrace) #register-form .phone-combined-input {
  border-radius: 8px !important;
}
/* Vnější obal sekce – vypnout (jinak vzniká dvojitý rámeček) */
body:not(.in-registrace) #register-form .co-box.co-registration {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}
/* Velký rámeček kolem sekcí ("Osobní údaje", "Fakturační adresa") – jediný, zaoblený */
body:not(.in-registrace) #register-form fieldset.box {
  border: 1px solid #ddd !important;
  border-radius: 16px !important;
  background: transparent !important;
  padding: 2.25rem 2.5rem !important;
  margin-bottom: 1.5rem !important;
}
/* Odesílací tlačítko ("Uložit / Změnit") – styl jako v Kontaktech */
body:not(.in-registrace) #register-form .btn-login,
body:not(.in-registrace) #register-form input[type="submit"],
body:not(.in-registrace) #register-form button[type="submit"] {
  background: transparent !important;
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  color: #000 !important;
  padding: 0.9rem 2.5rem !important;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-size: 0.8rem;
  transition: all 0.3s ease;
}
body:not(.in-registrace) #register-form .btn-login:hover,
body:not(.in-registrace) #register-form input[type="submit"]:hover,
body:not(.in-registrace) #register-form button[type="submit"]:hover {
  background: var(--color-secondary, #d3af37) !important;
  border-color: var(--color-secondary, #d3af37) !important;
  color: #fff !important;
}

/* Tlačítka v obsahu podstránek – styl jako tlačítko v Kontaktech */
.customer-page #content .btn-primary,
.customer-page #content .btn-secondary {
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 8px;
  color: #000;
  padding: 0.9rem 2.5rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-size: 0.8rem;
  transition: all 0.3s ease;
}
.customer-page #content .btn-primary:hover,
.customer-page #content .btn-secondary:hover {
  background: var(--color-secondary, #d3af37);
  border-color: var(--color-secondary, #d3af37);
  color: #fff;
}

/* Odkazy v obsahu podstránek – zlatý hover */
.customer-page #content a:not(.btn) {
  color: #b8902f;
  transition: color 0.3s ease;
}
.customer-page #content a:not(.btn):hover {
  color: #d3af37;
}

/* =========================================================
   11 — STRÁNKA PŘIHLÁŠENÍ (/login/, samostatná – ne okno)
   Cíleno přes .in-login + formulář #formLogin
   ========================================================= */

/* Velký nadpis H1 – Jost prostrkané + zlatá linka */
.in-login .content-inner > h1 {
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #1a1a1a;
  position: relative;
  padding-bottom: 0.5rem;
}
.in-login .content-inner > h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
  background: #d3af37;
}

/* Formulář – rozumná šířka, ať nedrží přes celou obrazovku */
.in-login #formLogin {
  max-width: 560px;
}

/* Font formuláře */
.in-login #formLogin,
.in-login #formLogin .form-control,
.in-login #formLogin .btn {
  font-family: 'Noto Sans', sans-serif;
}

/* Pole – zaoblená, šedý rámeček, zlatý focus */
.in-login #formLogin .form-control {
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #555;
  background: #fff;
  transition: border-color 0.3s ease;
}
.in-login #formLogin .form-control:focus {
  outline: none;
  border-color: #b8902f !important;
  box-shadow: none !important;
  color: #1a1a1a;
}

/* Tlačítko PŘIHLÁSIT SE – styl jako tlačítko v Kontaktech */
.in-login #formLogin .btn-login {
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 8px;
  color: #000;
  padding: 0.9rem 2.5rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-size: 0.8rem;
  transition: all 0.3s ease;
}
.in-login #formLogin .btn-login:hover {
  background: var(--color-secondary, #d3af37);
  border-color: var(--color-secondary, #d3af37);
  color: #fff;
}

/* Odkazy Nová registrace / Zapomenuté heslo – zlatý hover */
.in-login #formLogin .password-helper a {
  color: #555;
  text-decoration: none;
  transition: color 0.3s ease;
}
.in-login #formLogin .password-helper a:hover {
  color: var(--color-secondary, #d3af37);
}

/* =========================================================
   12 — OKNO KOŠÍKU (#cart-widget / .cart-window)
   Vč. prázdného košíku: nadpisy, vyhledávání, odkazy
   ========================================================= */

/* Font celého okna košíku */
.cart-window,
.cart-window .form-control,
.cart-window .btn {
  font-family: 'Noto Sans', sans-serif;
}

/* Hlavní nadpis „Váš nákupní košík je prázdný" + podnadpisy */
.cart-window .cart-heading,
.cart-window .cart-window-in h2,
.cart-window .cart-window-in h3 {
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #1a1a1a;
}

/* Vyhledávací pole v košíku – zaoblené, zlatý focus */
.cart-window .search-form .form-control,
.cart-window .search-input {
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #555;
  background: #fff;
  transition: border-color 0.3s ease;
}
.cart-window .search-form .form-control:focus,
.cart-window .search-input:focus {
  outline: none;
  border-color: #b8902f !important;
  box-shadow: none !important;
  color: #1a1a1a;
}

/* Tlačítko vyhledávání (šipka) – zaoblené, hover zezlátne */
.cart-window .search-form .btn-arrow-right {
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #000 !important;
  transition: all 0.3s ease;
}
.cart-window .search-form .btn-arrow-right:hover {
  background: var(--color-secondary, #d3af37) !important;
  border-color: var(--color-secondary, #d3af37) !important;
  color: #fff !important;
}

/* Odkazy v košíku (Kolekce, e-mail, telefon) – zlatý hover */
.cart-window a:not(.btn) {
  transition: color 0.3s ease;
}
.cart-window a:not(.btn):hover {
  color: var(--color-secondary, #d3af37);
}

/* =========================================================
   13 — OBJEDNÁVKA / CHECKOUT (.cart-wrapper)
   Sjednocuje všechny 3 kroky: Košík, Doprava & platba,
   Informace o vás (sdílejí .cart-wrapper)
   ========================================================= */

/* ---- Kroky nahoře (1. Nákupní košík / 2. Doprava / 3. Info) ---- */
.cart-wrapper .cart-header .step,
.cart-wrapper .cart-header .step a,
.cart-wrapper .cart-header .step strong {
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.92rem;
}
/* Neaktivní kroky – jemně šedé, bez výrazného pozadí */
.cart-wrapper .cart-header .step {
  color: #999;
}
/* Aktivní krok – zlatě + zlatá linka pod boxem */
.cart-wrapper .cart-header .step.active {
  color: #1a1a1a;
  border-bottom: 2px solid #d3af37 !important;
}
.cart-wrapper .cart-header .step a {
  color: #999;
  transition: color 0.3s ease;
}
.cart-wrapper .cart-header .step a:hover {
  color: var(--color-secondary, #d3af37);
}

/* ---- Nadpisy souhrnu (Bonusy, Celkem za zboží) ---- */
.cart-wrapper h2,
.cart-wrapper .h4,
.cart-wrapper .price-label {
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #1a1a1a;
}

/* Velká cena – editorial Jost */
.cart-wrapper .price.price-primary {
  font-family: 'Jost', sans-serif;
}

/* Souhrnný box „Bonusy" – bez bubliny, splývá se souhrnem */
.cart-wrapper .summary .box-bg-default {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-left: 0;
  padding-right: 0;
}

/* ---- Krokovátko množství (− 1 +) – zaoblené, zlatý hover ---- */
.cart-wrapper .quantity {
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}
.cart-wrapper .quantity .amount {
  border: none !important;
  box-shadow: none !important;
  text-align: center;
}
.cart-wrapper .quantity .increase,
.cart-wrapper .quantity .decrease {
  background: transparent;
  border: none;
  transition: all 0.3s ease;
}
.cart-wrapper .quantity .increase:hover,
.cart-wrapper .quantity .decrease:hover {
  background: var(--color-secondary, #d3af37);
  color: #fff;
}

/* ---- Odkazy na produkt v tabulce – zlatý hover ---- */
.cart-wrapper .cart-table .main-link {
  transition: color 0.3s ease;
}
.cart-wrapper .cart-table .main-link:hover {
  color: var(--color-secondary, #d3af37);
}

/* ---- Tlačítka dole – jednotný styl webu (jako Kontakty/Login) ---- */
.cart-wrapper .next-step .next-step-back,
.cart-wrapper .next-step .btn-conversion {
  background: transparent !important;
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  color: #000 !important;
  padding: 0.9rem 2.5rem !important;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-size: 0.8rem;
  transition: all 0.3s ease;
}
.cart-wrapper .next-step .next-step-back:hover,
.cart-wrapper .next-step .btn-conversion:hover {
  background: var(--color-secondary, #d3af37) !important;
  border-color: var(--color-secondary, #d3af37) !important;
  color: #fff !important;
}

/* =========================================================
   14 — „Zpět do obchodu" (šipka) + text Doprava zdarma
   ========================================================= */

/* Tlačítko „Zpět do obchodu" vlevo nahoře (košík, hledání, login okno) */
.toggle-window-arr,
.dialog__close .btn {
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 1.1rem;
  color: #555 !important;
  transition: color 0.3s ease;
}
.toggle-window-arr:hover,
.dialog__close .btn:hover {
  color: var(--color-secondary, #d3af37) !important;
}

/* Text „Dopravu máte zdarma!" v souhrnu – jemnější, zlatě */
.cart-wrapper .extra.delivery,
.cart-wrapper .extra.delivery strong {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  color: #b8902f;
}
/* =========================================================
   15 — ČISTÝ CHECKOUT: skrýt plný header v objednávce
   Platí pro košík i všechny kroky objednávky.
   - body.ordering-process pokrývá kroky 1–3 (Doprava, Info)
   - #content .cart-header pokrývá stránku košíku
   Vysouvací košík (#cart-widget) se NEdotkne – ten není v #content.
   ========================================================= */
body.ordering-process #header,
body:has(#content .cart-header) #header {
  display: none !important;
}

/* =========================================================
   16 — OBJEDNÁVKA: Doprava & platba + Informace o vás
   Tělo .ordering-process (kroky nemají .cart-wrapper).
   Sjednocuje styl se zbytkem eshopu.
   ========================================================= */

/* ---- Kroky nahoře (stejně jako košík) ---- */
.ordering-process .cart-header .step,
.ordering-process .cart-header .step a,
.ordering-process .cart-header .step strong {
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.92rem;
}
.ordering-process .cart-header .step { color: #999; }
.ordering-process .cart-header .step.active { color: #1a1a1a; }
.ordering-process .cart-header .step.completed a { color: #555; transition: color 0.3s ease; }
.ordering-process .cart-header .step a:hover { color: var(--color-secondary, #d3af37); }

/* ---- Sekční boxy (Zvolte dopravu/platbu) + rekapitulace – zaoblené ---- */
.ordering-process .co-box,
.ordering-process .order-summary {
  border: 1px solid #eee !important;
  border-radius: 16px !important;
  background: #fff !important;
}

/* ---- Nadpisy sekcí – Jost zlatě uppercase ---- */
.ordering-process h4.order-icon,
.ordering-process .order-summary h2,
.ordering-process .order-summary .h4 {
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #b8902f;
}

/* ---- Volby dopravy/platby – jemné karty, zlatý rámeček při výběru ---- */
.ordering-process .shipping-billing-table .radio-wrapper {
  border: 1px solid #eee;
  border-radius: 8px;
  transition: border-color 0.3s ease, background 0.3s ease;
}
.ordering-process .shipping-billing-table .radio-wrapper:hover {
  border-color: var(--color-secondary, #d3af37);
}
.ordering-process .shipping-billing-table .radio-wrapper.active {
  border-color: var(--color-secondary, #d3af37);
  background: #faf8f3;
}
.ordering-process .shipping-billing-name {
  font-family: 'Noto Sans', sans-serif;
}
/* Cena "ZDARMA" zlatě */
.ordering-process .payment-shipping-price.for-free,
.ordering-process .recapitulation-shipping-billing-info {
  color: #b8902f;
}

/* ---- Ceny v rekapitulaci – Jost ---- */
.ordering-process .price.price-primary,
.ordering-process .price-label.price-primary {
  font-family: 'Jost', sans-serif;
}

/* ---- Tlačítka dole (Zpět / Pokračovat) – jednotný styl webu ---- */
.ordering-process .next-step .next-step-back,
.ordering-process .next-step .btn-conversion {
  background: transparent !important;
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  color: #000 !important;
  padding: 0.9rem 2.5rem !important;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-size: 0.8rem;
  transition: all 0.3s ease;
}
.ordering-process .next-step .next-step-back:hover,
.ordering-process .next-step .btn-conversion:hover {
  background: var(--color-secondary, #d3af37) !important;
  border-color: var(--color-secondary, #d3af37) !important;
  color: #fff !important;
}