@charset "UTF-8";
/* Breakpointy — shodné pojmenování jako Bootstrap (.col-lg, …); min-width = „od této šíře výš“ */
/* V @media používejte přímo $sm-device-break … $xxl-device-break (včetně max-width). */
/* Kdy se chová „desktopové“ menu / hero (nad $md) */
/* Zápis „1280− / 1024−“ v zadání = @media (max-width: …) (styly pro šířku do dané hodnoty včetně). */
/* Tmavě hnědá — ACF „Hnědá“ (dva sloupce), patička, tmavý text z Figmy */
/* Figma Background-Dim1 — kategorie káva (sekce Chuť + výpis produktů) */
/* Nadpisy harmoniky (detail prodejny) */
/* Pozadí celého webu (základ stránky) */
/* Béžové sekce (.beige-bg, novinky na HP, …) */
/* Oddělovač světlých sekcí (Figmou Line-Default) */
/* HP + otevřené mobilní menu — odkazy (stejná jako „meziřádky“) */
/* Mobilní rozbalené menu — pozadí, text a děliče (max-width lg) */
/* Hero (stránky s náhledem) — výšky pod breakpointy */
/* max-width $xxl-device-break */
/* max-width $xl-device-break */
/* max-width $md-device-break */
/* Kontejner — od $xl výš 1140px, od $xxl výš 1400px (stejná logika jako Bootstrap grid) */
@media (min-width: 1140px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1140px !important;
  }
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1400px !important;
  }
}
/* master — partialy */
/* Výška řádku #main-nav.home-nav (absolute) — obsah hero se centruje v oblasti pod menu */
/* Celšířkový obal (pozadí) → uvnitř vždy .container → obsah */
.hp-section-bleed {
  width: 100%;
  box-sizing: border-box;
}

.homepage-hero {
  position: relative;
  width: 100%;
  height: 100dvh;
  overflow: hidden;
  /* Médium je sourozenec .hero — přes celé 100dvh; sekce .hero má rezervu shora = výška menu */
}
.homepage-hero > .hero {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 100dvh;
  height: 100%;
  box-sizing: border-box;
  padding-top: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 992px) {
  .homepage-hero > .hero {
    align-items: flex-end;
    padding-top: 68px;
    padding-bottom: 64px;
  }
}
.homepage-hero .hero-content-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: 400;
  line-height: 125%;
}
@media (max-width: 1400px) {
  .homepage-hero .hero-content-text {
    font-size: 20px;
  }
}
@media (max-width: 1140px) {
  .homepage-hero .hero-content-text {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .homepage-hero .hero-content-text {
    font-size: 18px;
  }
}
.homepage-hero .hero-content-text__lead {
  max-width: 720px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

/* Výchozí .hero (jen homepage má .homepage-hero — výše přepis) */
.hero {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.hero-content {
  position: relative;
  z-index: 2;
  color: #fff;
  text-align: center;
  max-width: 720px;
}
.hero-content h1 {
  margin: 0;
  color: #fff;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0;
  font-size: 56px;
}
@media (max-width: 1400px) {
  .hero-content h1 {
    font-size: 48px;
  }
}
@media (max-width: 1140px) {
  .hero-content h1 {
    font-size: 40px;
  }
}
@media (max-width: 768px) {
  .hero-content h1 {
    font-size: 36px;
  }
}
.hero-content .hero-content-text {
  margin-top: 16px;
  margin-bottom: 32px;
}
.hero-content {
  /* Jen nadpis + tlačítko (bez textu) */
}
.hero-content h1 + .btn {
  margin-top: 32px;
}
.hero-content .hero-content-text__body {
  max-width: 720px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto;
}
.hero-content .hero-content-text p {
  color: #fff;
  text-align: center;
  font-style: normal;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: 0.2px;
  font-size: inherit;
}

/* Poslední aktualita pod hero */
.hp-latest-news {
  background-color: #fcf6ee;
  width: 100%;
  padding: 32px 0;
  text-align: center;
}
@media (max-width: 768px) {
  .hp-latest-news {
    padding-bottom: 64px;
  }
}

.hp-latest-news__items {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 768px) {
  .hp-latest-news__items {
    gap: 32px;
  }
}

.hp-latest-news__row {
  row-gap: 0;
}
@media (max-width: 768px) {
  .hp-latest-news__row {
    flex-direction: column;
    align-items: center;
  }
}

.hp-latest-news__media {
  padding-left: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  .hp-latest-news__media {
    padding-left: unset;
  }
}
@media (max-width: 768px) {
  .hp-latest-news__media {
    padding: 32px;
  }
}

.hp-latest-news__img {
  display: block;
  width: 240px;
  height: 240px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.hp-latest-news__img--placeholder {
  background-color: #EFEEEE;
}

.hp-latest-news__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .hp-latest-news__body {
    align-items: center;
    text-align: center;
  }
}

.hp-latest-news__label {
  margin: 0;
  padding-bottom: 8px;
  color: #211b13;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.3px;
}

.hp-latest-news__title {
  margin: 0;
  padding-bottom: 24px;
  color: #211b13;
  font-size: 24px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.2px;
}
@media (max-width: 768px) {
  .hp-latest-news__title {
    font-size: 20px;
  }
}
.hp-latest-news__title a {
  color: inherit;
  text-decoration: none;
}
.hp-latest-news__title a:hover {
  text-decoration: underline;
}

.hp-latest-news__more {
  color: #bb2824;
  font-size: 18px;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: 0.2px;
  text-decoration: none;
}
.hp-latest-news__more:hover {
  text-decoration: underline;
}

/* CTA prodejny — konec homepage; pozadí jako ACF „Dva sloupce“ (hnědá) + třída .bg_hneda v šabloně */
.hp-prodejny-cta {
  position: relative;
  width: 100%;
  background-color: #211b13;
  color: #fff;
}

.hp-prodejny-cta__visual {
  position: relative;
  width: 100%;
  min-height: 704px;
  background-color: #211b13;
  background-image: url("../images/prodejny.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hp-prodejny-cta__overlay {
  min-height: 704px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  background: rgba(33, 27, 19, 0.5); /* #211B13 · 50 % */
}

.hp-prodejny-cta__inner {
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.hp-prodejny-cta__lead {
  margin: 0 0 28px;
  color: #fff;
  font-size: 32px;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: 0.2px;
}
@media (max-width: 1400px) {
  .hp-prodejny-cta__lead {
    font-size: 28px;
  }
}
@media (max-width: 1140px) {
  .hp-prodejny-cta__lead {
    font-size: 24px;
  }
}

.hp-prodejny-cta__count {
  display: inline-block;
  margin: 0 0.15em;
  font-size: 88px;
  font-weight: 600;
  line-height: 1;
  vertical-align: middle;
}
@media (max-width: 1400px) {
  .hp-prodejny-cta__count {
    font-size: 80px;
  }
}
@media (max-width: 1140px) {
  .hp-prodejny-cta__count {
    font-size: 72px;
  }
}
@media (max-width: 992px) {
  .hp-prodejny-cta__count {
    font-size: 64px;
  }
}
@media (max-width: 768px) {
  .hp-prodejny-cta__count {
    font-size: 56px;
  }
}

.hp-prodejny-cta__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
}

/* Bloby */
.blob-block {
  position: absolute;
  z-index: 2;
}

.blob-desktop {
  display: block;
}
@media (max-width: 768px) {
  .blob-desktop {
    display: none;
  }
}

.blob-mobile {
  display: none;
  width: 100%;
  height: 20vh;
}
@media (max-width: 768px) {
  .blob-mobile {
    display: block;
  }
}

.blob-premobile {
  display: none;
  width: 100%;
  /* tablet mezi $sm a $md — bez samostatného „max-below“ */
}
@media (max-width: 768px) and (min-width: 576px) {
  .blob-premobile {
    display: block;
  }
}

/* Text uvnitř blobů */
.blob-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 95%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;
  padding: 80px 0 0 80px;
}
@media (max-width: 768px) {
  .blob-text {
    padding: 10% 0 0 10%;
  }
}
@media (max-width: 768px) {
  .blob-text {
    display: block;
    padding: 30px 0 0 20px;
  }
}

/* Desktop pozice blobů */
.block-school {
  top: 0;
  left: 0;
  color: #222222;
}
.block-school img {
  object-position: bottom;
}
.block-school .blob-text {
  gap: 24px;
}

.block-director {
  top: 40%;
  right: 20px;
  color: black;
}
.block-director .blob-mobile {
  height: 100%;
}
@media (max-width: 768px) {
  .block-director .blob-mobile {
    display: none;
  }
}
@media (max-width: 576px) {
  .block-director .blob-mobile {
    display: block;
  }
}
.block-director .blob-text {
  gap: 8px;
  padding: 0;
  width: 320px;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  .block-director .blob-text {
    top: 20%;
    left: 5%;
    transform: none;
  }
}
.block-director .blob-text h4 {
  padding-bottom: 24px;
  margin: 0;
}
.block-director .blob-text a, .block-director .blob-text p {
  font-size: 14px;
}
.block-director .blob-text a {
  color: #222222;
  text-decoration: none;
}

/* --- Mobilní zobrazení --- */
@media (max-width: 768px) {
  .hero-image {
    position: relative;
    height: 300px;
    clip-path: none; /* full image */
  }
  /* Pořadí: první blob nahoře, hero obrázek, druhý blob pod */
  .block-school {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: -100px;
  }
  .block-director {
    position: relative;
    right: auto;
    top: 160px;
  }
  .blob-text h1 {
    font-size: 32px;
  }
  .blob-text h4 {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .block-director {
    top: 200px;
  }
}
/* TILES */
/*
 * Pomazánky: pod sebou jen do šířky $md včetně.
 * col-lg-* v Bootstrapu platí až od 992px; s col-12 by jinak dlaždice zůstaly přes celou šířku až do lg.
 * Mezi md a lg proto doplníme stejné šířky jako col-lg-* (přepíše col-12).
 * Mezery/dělení dlaždic až od $sm (dříve $md).
 */
.hp_tiles {
  padding-bottom: 90px;
  row-gap: 30px;
  /* Jedna dlaždice na řádek až do šířky md včetně */
}
@media (max-width: 768px) {
  .hp_tiles .row > [class*=col-] {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.hp_tiles {
  /* 769px–992px: vedle sebe jako při col-lg (856px už ne „kolabuje“ kvůli col-12) */
}
@media (min-width: 769px) and (max-width: 992px) {
  .hp_tiles .row > .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .hp_tiles .row > .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .hp_tiles .row > .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
    max-width: 25%;
  }
  .hp_tiles .row > .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .hp_tiles .row > .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .hp_tiles .row > .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
    max-width: 50%;
  }
  .hp_tiles .row > .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .hp_tiles .row > .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .hp_tiles .row > .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
    max-width: 75%;
  }
  .hp_tiles .row > .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .hp_tiles .row > .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .hp_tiles .row > .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .hp_tiles {
    row-gap: 20px;
    padding-bottom: 40px;
    padding-top: 30px;
  }
  .hp_tiles .tile-blob-wrapper:nth-child(odd) {
    padding-right: 6px;
  }
  .hp_tiles {
    /* Sudé prvky (2., 4., 6...) */
  }
  .hp_tiles .tile-blob-wrapper:nth-child(even) {
    padding-left: 6px;
  }
}

.hp_tiles a img, .og-item svg {
  /* Nastaví plynulost pro filter. 0.3s je zlatý střed pro rychlost. */
  transition: filter 0.3s ease-in-out;
}

.hp_tiles a:hover img, .og-item:hover svg {
  filter: brightness(0.85);
}

/* Kontejner pro celou dláždici */
.tile-block {
  position: relative;
  display: inline-block;
  margin: 15px;
  vertical-align: top;
}

/* Kontejner pro SVG blob a jeho obsah (proklik) */
.tile-blob-wrapper {
  display: block;
  position: relative;
  height: 100%;
  overflow: hidden;
  text-decoration: none; /* Odstraní podtržení z odkazu */
}
.tile-blob-wrapper img {
  width: 100%;
  height: 100%;
}

/* Samotné SVG */
.tile-blob {
  width: 100%;
  height: 100%;
  display: block;
}

/* Obsah uvnitř Blobu (ikona + text) */
.blob-tile-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  padding: 10px;
  pointer-events: none; /* Důležité: umožní proklik přes celý tile-blob-wrapper */
}

/* Styling ikony, používá --icon-url z PHP */
.blob-tile-icon {
  width: 64px;
  height: 64px;
}
@media (max-width: 768px) {
  .blob-tile-icon {
    width: 44px;
    height: 44px;
  }
}
.blob-tile-icon {
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 8px;
  background-image: var(--icon-url, none); /* Zde se aplikuje URL ikony */
}

/* Styling textu */
.blob-tile-content p {
  margin: 0;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.2;
}

.blob-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background: #f2f2f2;
  border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.aktualita-item {
  position: relative;
}
.aktualita-item .row {
  padding-top: 10px;
  padding-bottom: 10px;
}

.aktualita-item:hover h4 {
  text-decoration: underline;
}

.aktualita-item .blob-container {
  padding: 10px 50px 30px 20px;
}
@media (max-width: 992px) {
  .aktualita-item .blob-container {
    padding: 10px 30px 30px 20px;
  }
}
@media (max-width: 768px) {
  .aktualita-item .blob-container {
    padding: 10px 20px 20px 10px;
  }
}

@media (max-width: 768px) {
  .aktualita-image {
    justify-content: center;
    display: flex;
  }
  .aktualita-image .blob-container {
    max-width: 85%;
  }
}
.hp_news_grid {
  row-gap: 32px;
}
@media (max-width: 768px) {
  .hp_news_grid {
    row-gap: 12px;
  }
}
.hp_news_grid {
  padding-top: 74px;
}
@media (max-width: 768px) {
  .hp_news_grid {
    padding-top: 20px;
  }
}
.hp_news_grid .blob-image {
  width: 228px;
  height: 228px;
  border-radius: 20px;
}
@media (max-width: 992px) {
  .hp_news_grid .blob-image {
    width: 100%;
    height: 100%;
  }
}

.blob-bottom {
  position: absolute;
  top: 0;
  left: -5px; /* vyčnívá doleva */
  z-index: 1; /* pod textem/obrázkem */
  pointer-events: none; /* aby blob nezasahoval do klikání */
}

/* Pokud chceš blob zmenšit na mobilu */
@media (max-width: 768px) {
  .blob-bottom svg {
    width: 200px;
    height: auto;
    left: -10px;
  }
}
.aktuality-list {
  padding-top: 60px;
}

.aktualita-title h3,
.aktualita-excerpt p {
  display: -webkit-box; /* potřebné pro line-clamp */
  -webkit-line-clamp: 2; /* počet řádků */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* trojtečka ... */
}

.aktualita-title a {
  color: black;
}

button, .btn, .button {
  color: white;
  background-color: #B62F2B;
  border: 1px solid #B62F2B;
  border-radius: 12px;
  padding: 8px 16px;
}
@media (max-width: 768px) {
  button, .btn, .button {
    padding: 6px 12px;
  }
}
button, .btn, .button {
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

button:hover, .btn:hover, .button:hover {
  background-color: #92120F;
  border: 1px solid #92120F;
  color: white;
}

button.grey, .btn.grey {
  background-color: #F7F6F6;
  border: 1px solid #F7F6F6;
  color: #0F0E0D;
}

button.grey:hover, .btn.grey:hover {
  background-color: #EFEEEE;
  color: black;
}

.beige_button {
  background-color: #F8F3EC;
  color: #0F0E0D;
  border: none;
  height: 100%;
}

.beige_button:hover {
  background-color: #EFE6DC;
  border: none;
  color: #0F0E0D;
}

.header-logo {
  max-height: 36px;
}
@media (max-width: 768px) {
  .header-logo {
    max-height: 28px;
  }
}

.header-main {
  position: relative;
}

/* MENU */
.cmd-menu {
  font-size: 17px;
  font-weight: 700;
  line-height: 18px;
}

.cmd-menu > ul {
  gap: 16px;
}

.cmd-menu-toggle {
  padding: 0;
}

.cmd-menu-toggle:hover {
  background-color: transparent;
}

/* Skrytí tlačítka na desktopu */
.menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
}

@media (max-width: 992px) {
  .menu-toggle {
    display: flex;
  }
}
#main-nav {
  border-bottom: 1.5px solid #EFEEEE;
}

.cmd-menu li a {
  color: #211b13;
  letter-spacing: 0.15px;
  padding: 0 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  text-decoration: none;
  transition: color 0.2s ease;
}

/* Desktop: červená čára = border-bottom na li, odkaz jen mění barvu */
@media (min-width: 992px) {
  #main-nav:not(.home-nav) .cmd-menu > ul > li:hover,
  #main-nav:not(.home-nav) .cmd-menu > ul > li:focus-within {
    border-bottom-color: #bb2824;
  }
  #main-nav:not(.home-nav) .cmd-menu > ul > li:hover > .menu-item-wrapper > a,
  #main-nav:not(.home-nav) .cmd-menu > ul > li:focus-within > .menu-item-wrapper > a {
    color: #bb2824;
    text-decoration: none;
  }
}
#main-nav.home-nav {
  border-bottom: 1.5px solid rgba(255, 255, 255, 0.1);
  position: absolute;
  top: 0;
}
@media (min-width: 768px) {
  #main-nav.home-nav .cmd-menu li a {
    color: #fff;
  }
  #main-nav.home-nav {
    /* Do max. lg: klasický hover na odkazu (mobilní lišta); od lg+ řeší desktop li + border */
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #main-nav.home-nav .cmd-menu li a:hover,
  #main-nav.home-nav .cmd-menu li a:focus-visible {
    color: rgba(255, 255, 255, 0.88);
  }
}

/* HP desktop: při najetí (nebo klávesové navigaci) plynulý přechod na vzhled vnitřních stránek */
@media (min-width: 992px) {
  #main-nav.home-nav {
    transition: border-color 0.45s ease;
  }
  #main-nav.home-nav #header-main {
    background-color: transparent;
    transition: background-color 0.45s ease;
  }
  #main-nav.home-nav #logo {
    position: relative;
  }
  #main-nav.home-nav .header-logo--home-white {
    transition: opacity 0.45s ease;
  }
  #main-nav.home-nav .header-logo--home-dark {
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.45s ease;
  }
  #main-nav.home-nav .cmd-menu li a {
    transition: color 0.45s ease;
  }
  #main-nav.home-nav:hover #header-main,
  #main-nav.home-nav:focus-within #header-main {
    background-color: #fffcf7;
  }
  #main-nav.home-nav:hover .header-logo--home-white,
  #main-nav.home-nav:focus-within .header-logo--home-white {
    opacity: 0;
  }
  #main-nav.home-nav:hover .header-logo--home-dark,
  #main-nav.home-nav:focus-within .header-logo--home-dark {
    opacity: 1;
  }
  #main-nav.home-nav:hover .cmd-menu li a,
  #main-nav.home-nav:focus-within .cmd-menu li a {
    color: #211b13;
  }
  #main-nav.home-nav:hover,
  #main-nav.home-nav:focus-within {
    border-bottom-color: #EFEEEE;
  }
  /* HP hero: čára pod položkou (li); po najetí na lištu stejně jako vnitřní stránky */
  #main-nav.home-nav .cmd-menu > ul > li:hover,
  #main-nav.home-nav .cmd-menu > ul > li:focus-within {
    border-bottom-color: rgba(255, 255, 255, 0.4);
  }
  #main-nav.home-nav .cmd-menu > ul > li:hover > .menu-item-wrapper > a,
  #main-nav.home-nav .cmd-menu > ul > li:focus-within > .menu-item-wrapper > a {
    color: rgba(255, 255, 255, 0.88);
    text-decoration: none;
  }
  #main-nav.home-nav:hover .cmd-menu > ul > li,
  #main-nav.home-nav:focus-within .cmd-menu > ul > li {
    border-bottom-color: transparent;
  }
  #main-nav.home-nav:hover .cmd-menu > ul > li:hover,
  #main-nav.home-nav:hover .cmd-menu > ul > li:focus-within,
  #main-nav.home-nav:focus-within .cmd-menu > ul > li:hover,
  #main-nav.home-nav:focus-within .cmd-menu > ul > li:focus-within {
    border-bottom-color: #bb2824;
  }
  #main-nav.home-nav:hover .cmd-menu > ul > li:hover > .menu-item-wrapper > a,
  #main-nav.home-nav:hover .cmd-menu > ul > li:focus-within > .menu-item-wrapper > a,
  #main-nav.home-nav:focus-within .cmd-menu > ul > li:hover > .menu-item-wrapper > a,
  #main-nav.home-nav:focus-within .cmd-menu > ul > li:focus-within > .menu-item-wrapper > a {
    color: #bb2824;
    text-decoration: none;
  }
}
/* Mobilní menu + hamburger (přepis cmd-style; proměnné v _variable.scss) */
#main-nav #header-main {
  overflow: visible;
}

.site-navigation .cmd-menu {
  position: relative;
  justify-content: flex-end;
}

/* Desktop: #header-main bez svislého paddingu (cmd-style), menu přes celou výšku lišty, odkaz 20px svisle — čára podtržení níž */
@media (min-width: 992px) {
  #main-nav #header-main {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  body.header-is-sticky #main-nav #header-main {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #main-nav #header-main.d-flex {
    align-items: stretch;
  }
  #main-nav #header-main .row {
    align-items: stretch;
  }
  #main-nav #header-main .row > .col-2 {
    align-self: center;
  }
  #main-nav #header-main .row > .col-10.d-flex {
    align-items: stretch;
  }
  #main-nav .site-navigation {
    display: flex;
    align-items: stretch;
  }
  #main-nav .site-navigation .cmd-menu.d-flex {
    align-items: stretch;
    height: 100%;
  }
  #main-nav .cmd-menu > ul {
    align-items: stretch;
    height: 100%;
  }
  #main-nav .cmd-menu > ul > li {
    display: flex;
    align-items: stretch;
    border-bottom: 2px solid transparent;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
  }
  #main-nav .cmd-menu > ul > li > .menu-item-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
  }
  #main-nav .cmd-menu > ul > li > .menu-item-wrapper > a {
    padding: 20px 8px;
  }
}
@media (max-width: 992px) {
  /* Rezerva pod fixní #main-nav — domovská stránka má hero s vlastním odsazením */
  body:not(.home) {
    padding-top: 72px;
  }
  /* Mobil / tablet — fixní horní lišta (přepíše .home-nav { position: absolute } z úvodky) */
  #main-nav,
  #main-nav.home-nav {
    border-bottom: none !important;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10000;
  }
  .cmd-menu-toggle {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 10001;
    width: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    background: transparent !important;
    border: none;
    cursor: pointer;
    visibility: visible;
    opacity: 1;
  }
  .cmd-menu-toggle .menu-icon-img {
    display: block;
    width: 22px;
    height: 22px;
    object-fit: contain;
  }
  /* Homepage hero: bílý hamburger nad fotkou */
  #main-nav.home-nav .cmd-menu-toggle .menu-icon-img {
    filter: brightness(0) invert(1);
  }
  /* HP + otevřené menu (tmavá lišta): bílý hamburger */
  #main-nav.home-nav .cmd-menu.active .cmd-menu-toggle .menu-icon-img {
    filter: brightness(0) invert(1);
  }
  /* HP + otevřené menu: červené logo jako na vnitřních stránkách (druhý <img> v header.php) */
  #main-nav.home-nav:has(.cmd-menu.active) .header-logo--home-white {
    display: none !important;
  }
  #main-nav.home-nav:has(.cmd-menu.active) .header-logo--home-dark {
    display: block !important;
  }
  #main-nav .cmd-menu > ul {
    background: #fffcf7 !important;
    border-top: 1px solid #211b13 !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(16px, 5vw, 40px) !important;
    padding-right: clamp(16px, 5vw, 40px) !important;
    box-sizing: border-box !important;
  }
  .cmd-menu > ul > li {
    border-bottom: 1px solid #211b13;
  }
  .cmd-menu > ul > li:last-child {
    border-bottom: none;
  }
  .cmd-menu > ul > li > .menu-item-wrapper > a,
  .cmd-menu > ul > li > a {
    color: #211b13 !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  .cmd-menu li ul {
    background: rgba(33, 27, 19, 0.06) !important;
  }
  .cmd-menu li ul li a {
    color: #211b13 !important;
  }
  /* Mobilní lišta má vždy neprůhledné pozadí (už ne transparentní). */
  #main-nav #header-main {
    background-color: #fffcf7;
    transition: background-color 0.25s ease;
  }
  /* Homepage v mobilu: tmavá lišta kvůli kontrastu bílého loga/hamburgeru. */
  #main-nav.home-nav #header-main {
    background-color: #211b13;
  }
  /* Homepage: po vysunutí menu tmavé pozadí, béžové odkazy (#E6DDD0) */
  #main-nav.home-nav:has(.cmd-menu.active) .cmd-menu > ul {
    background: #211b13 !important;
    border-top: 1px solid rgba(230, 221, 208, 0.35) !important;
  }
  #main-nav.home-nav:has(.cmd-menu.active) .cmd-menu > ul > li {
    border-bottom-color: rgba(230, 221, 208, 0.35);
  }
  #main-nav.home-nav:has(.cmd-menu.active) .cmd-menu > ul > li > .menu-item-wrapper > a,
  #main-nav.home-nav:has(.cmd-menu.active) .cmd-menu > ul > li > a {
    color: #e6ddd0 !important;
  }
  #main-nav.home-nav:has(.cmd-menu.active) .cmd-menu li ul li a {
    color: #e6ddd0 !important;
  }
  #main-nav.home-nav:has(.cmd-menu.active) .cmd-menu li ul {
    background: rgba(255, 255, 255, 0.06) !important;
  }
  #main-nav.home-nav:has(.cmd-menu.active) .submenu-toggle::after {
    filter: brightness(0) invert(1);
  }
  #main-nav.home-nav:has(.cmd-menu.active) #header-main {
    background-color: #211b13 !important;
  }
}
#section-footer {
  background-color: #211b13;
  color: #fff;
  /* Horní řádek má vlastní plnoplošný pás (.footer-top-band); spodní lišta jen na plné hnědé */
  padding: 0 0 48px;
  /* Jen řádek footer-top — přes celou šířku, vzor + gradient (obrácený = silnější nahoře, slabší dole), spodní řádek beze změny */
}
#section-footer .footer-top-band {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  background-color: #211b13;
  background-image: linear-gradient(180deg, var(--Maillard-Maillard-950, rgb(33, 27, 19)) 0%, var(--maillard-maillard-9500, rgba(33, 27, 19, 0.6)) 100%), url("../images/pattern.svg");
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  background-position: center top, center top;
  padding: 72px 0 56px;
}
#section-footer .footer-top {
  row-gap: 40px;
}
#section-footer {
  /* Celý blok (logo + text + sociální sítě) vycentrovaný ve sloupci; obsah uvnitř zarovnán vůči sobě vlevo */
}
#section-footer .footer-brand-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#section-footer .footer-logo-link {
  display: inline-block;
  margin-bottom: 20px;
}
#section-footer .footer-logo {
  display: block;
  width: 100%;
  max-width: 256px;
  height: auto;
}
@media (max-width: 1400px) {
  #section-footer .footer-logo {
    max-width: 224px;
  }
}
@media (max-width: 1140px) {
  #section-footer .footer-logo {
    max-width: 196px;
  }
}
@media (max-width: 768px) {
  #section-footer .footer-logo {
    max-width: 160px;
  }
}
#section-footer .footer-left-text {
  margin: 0;
  font-size: 32px;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: 0.2px;
  color: #fff;
}
@media (max-width: 1400px) {
  #section-footer .footer-left-text {
    font-size: 28px;
  }
}
@media (max-width: 1140px) {
  #section-footer .footer-left-text {
    font-size: 24px;
  }
}
#section-footer .footer-social {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
#section-footer .footer-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
#section-footer .footer-social-link img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  display: block;
  transition: filter 0.3s ease-in-out;
}
#section-footer .footer-social-link:hover img, #section-footer .footer-social-link:focus-visible img {
  /* Stejný princip jako tlačítka: červená se na hover ztmaví */
  filter: brightness(0.78);
}
#section-footer .og-grid {
  display: grid;
  gap: 8px;
  width: 100%;
}
#section-footer .og-grid.count-1 {
  grid-template-columns: 1fr;
  min-height: 280px;
}
#section-footer .og-grid.count-2 {
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(240px, 1fr);
  min-height: 280px;
}
#section-footer .og-grid {
  /* Figma: vlevo 2 dlaždice pod sebou, vpravo jedna vysoká (440px) */
}
#section-footer .og-grid.count-3 {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  min-height: 440px;
  height: 440px;
}
@media (max-width: 768px) {
  #section-footer .og-grid.count-3 {
    min-height: 360px;
    height: auto;
  }
}
#section-footer .og-grid.count-3 .og-card:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}
#section-footer .og-grid.count-3 .og-card:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
}
#section-footer .og-grid.count-3 .og-card:nth-child(3) {
  grid-column: 2;
  grid-row: 1/span 2;
}
#section-footer .og-grid.count-4 {
  grid-template-columns: 1.5fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  min-height: 440px;
  height: 440px;
}
@media (max-width: 768px) {
  #section-footer .og-grid.count-4 {
    min-height: 360px;
    height: auto;
  }
}
#section-footer .og-grid.count-4 .og-card:nth-child(1) {
  grid-column: 1;
  grid-row: 1/span 2;
}
#section-footer .og-grid.count-4 .og-card:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
}
#section-footer .og-grid.count-4 .og-card:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
}
#section-footer .og-grid.count-4 .og-card:nth-child(4) {
  grid-column: 3;
  grid-row: 1/span 2;
}
#section-footer .og-grid.count-5, #section-footer .og-grid.count-6 {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: minmax(200px, 240px);
}
#section-footer .og-card {
  display: block;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  min-height: 0;
}
#section-footer .og-card .og-card__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  transform: scale(1);
  transition: transform 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#section-footer .og-card:hover .og-card__media {
  transform: scale(1.03);
}
#section-footer .og-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(33, 27, 19, 0) 40%, rgba(33, 27, 19, 0.55) 75%, rgba(33, 27, 19, 0.88) 100%);
}
#section-footer .og-card .og-card-content {
  position: relative;
  z-index: 2;
  height: 100%;
  min-height: 140px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 4px;
}
#section-footer .og-card .label {
  font-size: 11px;
  line-height: 120%;
  font-weight: 400;
  opacity: 0.95;
}
#section-footer .og-card .text {
  font-size: 22px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.2px;
}
#section-footer .og-card .text p {
  margin: 0;
}
#section-footer .footer-bottom {
  padding-top: 48px;
  font-size: 16px;
  line-height: 130%;
  row-gap: 12px;
}
#section-footer .footer-copyright {
  color: rgba(255, 255, 255, 0.9);
}
#section-footer .footer-copyright a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
}
#section-footer .footer-copyright a:hover, #section-footer .footer-copyright a:focus-visible {
  text-decoration: underline;
}
#section-footer .footer-copyright .footer-copyright-separator {
  display: inline-block;
  margin: 0 8px;
  opacity: 0.8;
}
#section-footer .footer-bottom-links {
  display: flex;
  gap: 24px;
}
#section-footer .footer-bottom-links a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
}
#section-footer .footer-bottom-links a:hover {
  text-decoration: underline;
}
#section-footer {
  /* Po sklopení horního řádku (max-width $lg) — brand blok na střed */
}
@media (max-width: 992px) {
  #section-footer .footer-brand-wrap {
    align-items: center;
    text-align: center;
  }
  #section-footer .footer-brand-wrap .footer-social {
    justify-content: center;
  }
}

@media (max-width: 1400px) {
  #section-footer .og-card .text {
    font-size: 20px;
  }
}
@media (max-width: 992px) {
  #section-footer .og-card .text {
    font-size: 18px;
  }
}
/* max-width $md-device-break: tablet + mobil — patička, mřížka, spodní lišta */
@media (max-width: 768px) {
  #section-footer .footer-top-band {
    padding-top: 56px;
    padding-bottom: 40px;
  }
  #section-footer .footer-top {
    row-gap: 28px;
  }
  #section-footer .og-grid.count-3 {
    min-height: 360px;
    height: auto;
  }
  #section-footer .og-grid.count-4 {
    min-height: 360px;
    height: auto;
  }
  #section-footer .og-card .text {
    font-size: 16px;
  }
  #section-footer .footer-bottom.row {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  #section-footer .footer-bottom-links {
    order: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 12px;
  }
  #section-footer .footer-copyright {
    order: 2;
  }
  #section-footer .og-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 8px;
  }
  #section-footer .og-grid .og-card {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 200px;
  }
}
/* ZAKLADNI VLASTNOSTI */
/* Nastaveni nuloveho spodniho marginu pro posledni <p> prvek v clanku - aby to nezvetsovalo mezeru od navazujiciho prvku */
.type-page > p:last-child {
  margin-bottom: 0;
}

.page-content {
  padding-top: 70px;
  padding-bottom: 70px;
}
@media (max-width: 768px) {
  .page-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.page-content:empty {
  display: none;
}

/* Po ACF plnoplošném bloku (dva sloupce, káva, …) zůstává otevřené .page-content. WordPress často
   vloží jen bílé znaky — není tedy :empty, velké padding by vytvořilo falešný bílý pás (HP až k patičce).
   :has() — Safari iOS 15.4+, Chrome Android od cca 105; starší prohlížeče pravidlo přeskočí (zůstane výchozí padding). */
@supports selector(:has(> *)) {
  .page-content:not(:has(> *)) {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 0;
  }
}
/* Volitelná linka hned pod hero — přidejte třídu k vnějšímu w-100 obalu obsahu (v page.php). */
.page-content-outer--ruled {
  border-top: 1px solid #e6ddd0;
}

.page-content-part {
  margin-block: 0;
  padding-block: 96px;
}
@media (max-width: 1400px) {
  .page-content-part {
    padding-block: 64px;
  }
}
@media (max-width: 1140px) {
  .page-content-part {
    padding-block: 40px;
  }
}
@media (max-width: 768px) {
  .page-content-part {
    padding-block: 48px;
  }
}

.hover-zoom-content {
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.hover-zoom-content:hover {
  transform: scale(1.03);
}

/* Zaoblení obrázků — přidat tam, kde má být (novinky, dva sloupce, patička, …) */
.img-border-radius {
  border-radius: 12px;
}

.bordered-part {
  overflow: hidden;
}
.bordered-part .img-content {
  display: flex;
  flex-direction: column;
  max-height: 395px;
  align-items: center;
  justify-content: center;
}
.bordered-part .img-content img {
  max-height: 100%;
}
@media (max-width: 992px) {
  .bordered-part .img-content {
    max-height: none;
  }
  .bordered-part .img-content img {
    max-height: 400px;
  }
}
.bordered-part .text-content {
  padding-top: 0;
  padding-right: 96px;
  padding-bottom: 0;
  padding-left: 96px;
}
@media (max-width: 1400px) {
  .bordered-part .text-content {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (max-width: 1140px) {
  .bordered-part .text-content {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 992px) {
  .bordered-part .text-content {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 992px) {
  .bordered-part .text-content {
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 0;
    /* Dva sloupce / dva sloupce káva — po sklopení pod sebe (lg řádek) */
    text-align: center;
  }
}
.bordered-part .row {
  align-items: stretch !important;
}
@media (max-width: 992px) {
  .bordered-part .row > .col-md-6:has(.text-content),
  .bordered-part .row > .col-lg-6:has(.text-content) {
    align-items: center;
  }
}
.bordered-part .col-md-6,
.bordered-part .col-lg-6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bordered-part .col-md-6 img,
.bordered-part .col-lg-6 img {
  object-fit: cover;
  height: 100%;
}

/* Dva sloupce: boční padding textu (nadřazuje .bordered-part .text-content pro tento řádek). */
.og-dva-sloupce__row .text-content {
  width: 100%;
  padding-left: 72px;
  padding-right: 72px;
}
@media (max-width: 1400px) {
  .og-dva-sloupce__row .text-content {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 1140px) {
  .og-dva-sloupce__row .text-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 992px) {
  .og-dva-sloupce__row {
    gap: 64px;
  }
}
@media (max-width: 768px) {
  .og-dva-sloupce__row img.object-fit-contain {
    height: 320px !important; /* nad .h-100 z bloku */
  }
}

/* Blok „dva sloupce“ — mezera pod nadpisem v textovém sloupci */
.og-dva-sloupce-block .text-content h2 {
  margin-bottom: 24px;
}

/* Varianta ACF „obrázek 33 %“: desktop 7/1/4, pod md obrázek skrytý. */
@media (min-width: 993px) {
  .og-dva-sloupce-block--img-third .og-dva-sloupce__row--img-third {
    gap: 0 !important;
  }
}
.og-dva-sloupce-block--img-third {
  /* Celý obrázek v rámu (.img-content max-height); cover jen při .object-fit-cover z bloku */
}
.og-dva-sloupce-block--img-third .og-dva-sloupce__img-col--third img {
  width: 100%;
  max-height: 100%;
  object-position: center;
}
.og-dva-sloupce-block--img-third .og-dva-sloupce__img-col--third img.object-fit-contain {
  height: auto;
  object-fit: contain;
}
.og-dva-sloupce-block--img-third .og-dva-sloupce__img-col--third img.object-fit-cover {
  height: 100%;
  object-fit: cover;
}
.og-dva-sloupce-block--img-third .text-content {
  color: var(--Text-Default, #211B13);
  font-family: var(--Text-Font-Family, "Hanken Grotesk"), sans-serif;
  font-size: var(--Font-Size-M, 18px);
  font-style: normal;
  font-weight: var(--Text-Light, 300);
  line-height: 155%;
  letter-spacing: var(--Text-Letter-Spacing-Text, 0.3px);
}
.og-dva-sloupce-block--img-third .text-content p,
.og-dva-sloupce-block--img-third .text-content li {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}
.og-dva-sloupce-block--img-third {
  /* Odhad škály podle existujících typografických tříd v projektu */
}
@media (max-width: 1140px) {
  .og-dva-sloupce-block--img-third .text-content {
    font-size: 17px;
    letter-spacing: 0.28px;
  }
}
@media (max-width: 768px) {
  .og-dva-sloupce-block--img-third .text-content {
    font-size: 16px;
    letter-spacing: 0.25px;
  }
}
@media (max-width: 576px) {
  .og-dva-sloupce-block--img-third .text-content {
    font-size: 15px;
    letter-spacing: 0.22px;
  }
}
@media (max-width: 768px) {
  .og-dva-sloupce-block--img-third .og-dva-sloupce__img-col--hide-md {
    display: none !important;
  }
}

.og-dva-sloupce-odberatele .og-dva-sloupce-odberatele__img {
  display: block;
  height: 700px;
  object-fit: cover;
}
@media (max-width: 767px) {
  .og-dva-sloupce-odberatele .og-dva-sloupce-odberatele__img {
    height: auto;
    min-height: 0;
    max-height: 560px;
  }
}
.og-dva-sloupce-odberatele .og-dva-sloupce-odberatele__text p:last-child {
  margin-bottom: 0;
}

.og-loga-ke-stazeni {
  padding-bottom: 96px;
}
@media (max-width: 991px) {
  .og-loga-ke-stazeni {
    padding-bottom: 64px;
  }
}
.og-loga-ke-stazeni .og-loga-ke-stazeni__section-title {
  margin: 0 0 1.5rem;
  color: #211b13;
}
.og-loga-ke-stazeni .og-loga-ke-stazeni__list {
  list-style: none;
  margin: 0;
  background-color: #fcf6ee;
  padding-left: 16px;
  padding-right: 16px;
  /* vertikál se řídí u .og-loga-ke-stazeni__item */
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .og-loga-ke-stazeni .og-loga-ke-stazeni__list {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 992px) {
  .og-loga-ke-stazeni .og-loga-ke-stazeni__list {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1140px) {
  .og-loga-ke-stazeni .og-loga-ke-stazeni__list {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (min-width: 1400px) {
  .og-loga-ke-stazeni .og-loga-ke-stazeni__list {
    padding-left: 96px;
    padding-right: 96px;
  }
}
.og-loga-ke-stazeni .og-loga-ke-stazeni__name {
  padding-bottom: 16px;
  color: var(--Text-Default, #211b13);
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-2L, 24px);
  font-style: normal;
  font-weight: var(--Text-Regular, 400);
  line-height: 140%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
}
.og-loga-ke-stazeni .og-loga-ke-stazeni__name p {
  margin: 0;
}
@media (max-width: 1140px) {
  .og-loga-ke-stazeni .og-loga-ke-stazeni__name {
    font-size: 22px;
  }
}
@media (max-width: 992px) {
  .og-loga-ke-stazeni .og-loga-ke-stazeni__name {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .og-loga-ke-stazeni .og-loga-ke-stazeni__name {
    font-size: 18px;
  }
}
.og-loga-ke-stazeni .og-loga-ke-stazeni__meta {
  margin: 0;
  padding-bottom: 32px;
  color: var(--Text-Soft, #4f4538);
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-S, 16px);
  font-style: normal;
  font-weight: var(--Text-Regular, 400);
  line-height: 110%;
  letter-spacing: var(--Text-Letter-Spacing-Text, 0.3px);
}
@media (max-width: 768px) {
  .og-loga-ke-stazeni .og-loga-ke-stazeni__meta {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .og-loga-ke-stazeni .og-loga-ke-stazeni__meta {
    font-size: 14px;
  }
}
.og-loga-ke-stazeni .og-loga-ke-stazeni__item {
  padding-top: 96px;
  padding-bottom: 96px;
}
@media (max-width: 768px) {
  .og-loga-ke-stazeni .og-loga-ke-stazeni__item {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
.og-loga-ke-stazeni .og-loga-ke-stazeni__item {
  /* Od 768px výš dva sloupce; do max. md pod sebe + střed (doplňují třídy v bloku) */
}
@media (max-width: 767px) {
  .og-loga-ke-stazeni .og-loga-ke-stazeni__item {
    text-align: center;
  }
}
.og-loga-ke-stazeni .og-loga-ke-stazeni__item + .og-loga-ke-stazeni__item {
  border-top: 1px solid #e6ddd0;
}

.og-dlazdice__intro {
  padding-bottom: 48px;
}
.og-dlazdice__grid {
  display: grid;
  gap: 8px;
  width: 100%;
  grid-template-columns: 1fr;
}
@media (min-width: 769px) {
  .og-dlazdice__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.og-dlazdice {
  /* Stejný princip jako #section-footer .og-card — text přes gradient na obrázku */
}
.og-dlazdice .og-card {
  display: block;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  min-height: 0;
  /* výšky dlaždic pod breakpointy (nad XXL výchozí) */
  height: 468px;
}
@media (max-width: 1400px) {
  .og-dlazdice .og-card {
    height: 383px;
  }
}
@media (max-width: 1140px) {
  .og-dlazdice .og-card {
    height: 313px;
  }
}
@media (max-width: 992px) {
  .og-dlazdice .og-card {
    height: 233px;
  }
}
@media (max-width: 768px) {
  .og-dlazdice .og-card {
    height: 347px;
  }
}
.og-dlazdice .og-card .og-card__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  transform: scale(1);
  transition: transform 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.og-dlazdice .og-card:hover .og-card__media, .og-dlazdice .og-card:focus-visible .og-card__media {
  transform: scale(1.03);
}
.og-dlazdice .og-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(33, 27, 19, 0) 40%, rgba(33, 27, 19, 0.55) 75%, rgba(33, 27, 19, 0.88) 100%);
}
.og-dlazdice .og-card .og-card-content {
  position: relative;
  z-index: 2;
  height: 100%;
  min-height: 140px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 4px;
}
.og-dlazdice .og-card .text {
  font-size: 22px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.2px;
}
.og-dlazdice .og-card .text p {
  margin: 0;
}
.og-dlazdice {
  /* Statická dlaždice bez odkazu — bez „hover zoom“ na obrázku */
}
.og-dlazdice div.og-card:hover .og-card__media {
  transform: none;
}

.bordered-part.bordered-part--kava {
  overflow: visible;
}
@media (max-width: 992px) {
  .bordered-part.bordered-part--kava {
    padding-top: 0;
  }
}
.bordered-part.bordered-part--kava .bordered-part--kava__row.row {
  align-items: center !important;
}
@media (max-width: 992px) {
  .bordered-part.bordered-part--kava .bordered-part--kava__row.row {
    gap: 64px;
  }
}
.bordered-part.bordered-part--kava .bordered-part--kava__text-col {
  align-self: center;
  min-height: 0;
  max-height: 250px;
  overflow: hidden;
}
.bordered-part.bordered-part--kava .bordered-part--kava__text-col .text-content {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}
.bordered-part.bordered-part--kava .bordered-part--kava__img-col.img-content {
  overflow: visible;
  align-items: center;
  justify-content: center;
}
.bordered-part.bordered-part--kava .bordered-part--kava__img-frame {
  height: auto;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.bordered-part.bordered-part--kava {
  /* Obrázek vpravo: výraznější přesah za pravý okraj sloupce / směrem k okraji viewportu */
}
@media (min-width: 993px) {
  .bordered-part.bordered-part--kava.img-pos-vpravo .bordered-part--kava__img-col.img-content {
    align-items: flex-end;
  }
  .bordered-part.bordered-part--kava.img-pos-vpravo .bordered-part--kava__img-frame {
    justify-content: flex-end;
    align-self: flex-end;
    width: calc(100% + clamp(48px, 7vw, 140px));
    margin-right: calc(-1 * clamp(48px, 7vw, 140px));
  }
}
@media (max-width: 992px) {
  .bordered-part.bordered-part--kava .bordered-part--kava__text-col {
    max-height: none;
    overflow: visible;
    align-items: center !important;
  }
  .bordered-part.bordered-part--kava .bordered-part--kava__text-col .text-content {
    max-height: none;
    overflow-y: visible;
  }
  .bordered-part.bordered-part--kava .bordered-part--kava__img-frame {
    height: auto;
    min-height: 0;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .bordered-part.bordered-part--kava img.bordered-part--kava__img {
    width: 100%;
    height: auto;
    max-height: none;
    max-width: 100%;
    display: block;
    object-fit: contain;
  }
}

.bg_bez_pozadi {
  background-color: transparent;
}

.bg_bezova,
.bg-bezova {
  background-color: #fcf6ee;
}

/* Hnědé pozadí — Figma Background-Dim1 (káva, vlastní sekce) */
.bg_hneda_dim1 {
  background-color: #352c22;
}

.bg_hneda,
.bg_cerna {
  background-color: #211b13;
}
.bg_hneda .text-content,
.bg_cerna .text-content {
  color: #fff;
}
.bg_hneda .text-content h1,
.bg_hneda .text-content h2,
.bg_hneda .text-content h3,
.bg_hneda .text-content h4,
.bg_hneda .text-content p,
.bg_hneda .text-content li,
.bg_cerna .text-content h1,
.bg_cerna .text-content h2,
.bg_cerna .text-content h3,
.bg_cerna .text-content h4,
.bg_cerna .text-content p,
.bg_cerna .text-content li {
  color: #fff;
}
.bg_hneda .text-content a,
.bg_cerna .text-content a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.bg_hneda .text-content a:hover, .bg_hneda .text-content a:focus-visible,
.bg_cerna .text-content a:hover,
.bg_cerna .text-content a:focus-visible {
  opacity: 0.92;
}
.bg_hneda .text-content .btn,
.bg_cerna .text-content .btn {
  color: #fff;
  background-color: #B62F2B;
  border-color: #B62F2B;
  text-decoration: none;
}
.bg_hneda .text-content .btn:hover, .bg_hneda .text-content .btn:focus-visible,
.bg_cerna .text-content .btn:hover,
.bg_cerna .text-content .btn:focus-visible {
  color: #fff;
  background-color: #92120F;
  border-color: #92120F;
  opacity: 1;
}

/* Dva sloupce — volitelná béžová varianta CTA tlačítka (ACF: barva_tlacitka = bezova). */
.og-dva-sloupce-block .text-content .btn.og-btn--beige-soft {
  color: #211b13;
  border: 1px solid var(--Line-Default-1, #E6DDD0);
  background: rgba(205, 194, 177, 0.1);
}

.og-dva-sloupce-block .text-content .btn.og-btn--beige-soft:hover,
.og-dva-sloupce-block .text-content .btn.og-btn--beige-soft:focus-visible {
  color: #211b13;
  border-color: var(--Line-Default-1, #E6DDD0);
  background: rgba(205, 194, 177, 0.2);
}

/* Hero sekce pro stránky */
.page-hero {
  padding-block: 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

/* Drobečková navigace nad nadpisem (ikona undo.svg + odkaz na rodiče) */
.page-hero-breadcrumb {
  margin-bottom: 0;
  line-height: 0;
}

.page-hero-breadcrumb__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.02em;
  color: #211b13;
  transition: color 0.2s ease;
}
.page-hero-breadcrumb__link:hover, .page-hero-breadcrumb__link:focus-visible {
  color: #bb2824;
  text-decoration: none;
}

/* Obrázek undo.svg v drobečkové navigaci */
.page-hero-breadcrumb__icon {
  flex-shrink: 0;
  display: block;
  width: 20px;
  height: 20px;
  object-fit: contain;
  vertical-align: middle;
  transition: filter 0.2s ease;
}

@media (max-width: 768px) {
  .page-hero-breadcrumb__link {
    font-size: 16px;
  }
}
.page-hero--with-thumb .page-hero-breadcrumb__link {
  color: #fff;
}

.page-hero-breadcrumb__link:hover .page-hero-breadcrumb__icon,
.page-hero-breadcrumb__link:focus-visible .page-hero-breadcrumb__icon {
  content: url("../images/undo_back_red.svg");
  filter: none;
}

.page-hero-breadcrumb__link:hover .page-hero-breadcrumb__text,
.page-hero-breadcrumb__link:focus-visible .page-hero-breadcrumb__text {
  color: #bb2824;
}

/* Nadpisy stránek — výchozí 56 / 24; škála pod breakpointy */
.page-title {
  font-size: 56px;
  font-weight: 400;
  line-height: 120%;
}
@media (max-width: 1400px) {
  .page-title {
    font-size: 48px;
  }
}
@media (max-width: 1140px) {
  .page-title {
    font-size: 40px;
  }
}
@media (max-width: 768px) {
  .page-title {
    font-size: 36px;
  }
}

.page-subtitle,
.page-subtitle-right {
  font-size: 24px;
  font-weight: 400;
  line-height: 140%;
}
@media (max-width: 1140px) {
  .page-subtitle,
  .page-subtitle-right {
    font-size: 20px;
  }
}

.page-hero .page-subtitle {
  color: var(--Text-Soft, #4F4538);
}

.page-subtitle-right {
  color: #45392E;
  letter-spacing: 0.15px;
}

/* Bez náhledu — stejné pozadí jako horní pás patičky; výška a padding jako .page-hero--with-thumb */
.page-hero--footer-pattern {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 465px;
  padding-block: 32px;
  justify-content: center;
  background-color: #211b13;
  background-image: linear-gradient(180deg, var(--Maillard-Maillard-950, rgb(33, 27, 19)) 0%, var(--maillard-maillard-9500, rgba(33, 27, 19, 0.6)) 100%), url("../images/pattern.svg");
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  background-position: center top, center top;
  color: #fff;
}
.page-hero--footer-pattern .container {
  position: relative;
  z-index: 1;
}
.page-hero--footer-pattern .page-title,
.page-hero--footer-pattern .page-subtitle,
.page-hero--footer-pattern .page-subtitle-right {
  color: #fff;
}
.page-hero--footer-pattern .page-hero-breadcrumb__link {
  color: #fff;
}
.page-hero--footer-pattern .page-hero-breadcrumb__icon {
  filter: brightness(0) invert(1);
}
@media (max-width: 1400px) {
  .page-hero--footer-pattern {
    min-height: 320px;
  }
}
@media (max-width: 1140px) {
  .page-hero--footer-pattern {
    min-height: 256px;
  }
}
@media (max-width: 768px) {
  .page-hero--footer-pattern {
    min-height: 400px;
    padding-block: 24px;
  }
}

/* Úvodní obrázek stránky (náhledový) — bílý text přes ztmavení */
.page-hero--with-thumb {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 465px;
  padding-block: 32px;
  justify-content: center;
}
@media (max-width: 1400px) {
  .page-hero--with-thumb {
    min-height: 320px;
  }
}
@media (max-width: 1140px) {
  .page-hero--with-thumb {
    min-height: 256px;
  }
}
@media (max-width: 768px) {
  .page-hero--with-thumb {
    min-height: 400px;
    padding-block: 24px;
  }
}
.page-hero--with-thumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(33, 27, 19, 0.8) 10%, rgba(33, 27, 19, 0) 90%);
  z-index: 0;
}
.page-hero--with-thumb .container {
  position: relative;
  z-index: 1;
}
.page-hero--with-thumb .page-title,
.page-hero--with-thumb .page-subtitle,
.page-hero--with-thumb .page-subtitle-right {
  color: #fff;
}

/* Příspěvek — ACF „Text s obrázkem na pozadí“ (`text`, `obrazek`) */
.og-post-text-bg__plate {
  box-sizing: border-box;
  width: 100%;
  height: 900px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(16px, 4vw, 48px);
  background-color: lightgray;
  background-image: linear-gradient(0deg, var(--maillard-maillard-95050, rgba(33, 27, 19, 0.5)) 0%, var(--maillard-maillard-95050, rgba(33, 27, 19, 0.5)) 100%), var(--og-post-text-bg-image);
  background-position: center center, center center;
  background-size: auto, cover;
  background-repeat: no-repeat, no-repeat;
}
@media (max-width: 1400px) {
  .og-post-text-bg__plate {
    height: 720px;
  }
}
@media (max-width: 1140px) {
  .og-post-text-bg__plate {
    height: 576px;
  }
}
@media (max-width: 992px) {
  .og-post-text-bg__plate {
    height: 1100px;
  }
}
@media (max-width: 768px) {
  .og-post-text-bg__plate {
    height: 800px;
  }
}
.og-post-text-bg__text {
  margin: 0;
  color: var(--Text-Default, #fff);
  text-align: center;
  text-shadow: 0 0 16px var(--Text-Shadow, rgba(0, 0, 0, 0.3));
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-L, 22px);
  font-style: normal;
  font-weight: var(--Text-Light, 300);
  line-height: 150%;
  letter-spacing: var(--Text-Letter-Spacing-Text, 0.3px);
}
.og-post-text-bg__text p {
  margin: 0;
}
.og-post-text-bg__text p:not(:last-child) {
  margin-bottom: 0.75em;
}

/* PRODEJNY — max-width: $lg-device-break / $md-device-break */
.og-stores-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px 24px;
}
@media (max-width: 992px) {
  .og-stores-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .og-stores-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* Obal filtrů na archivu prodejen (overflow visible kvůli dropdownům; bez pozadí) */
.og-prodejny-app {
  position: relative;
  z-index: 1;
  overflow: visible;
}

.og-store-card-link {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  text-decoration: none;
  color: inherit;
}

.og-store-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}

.og-store-card__media {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
}

.og-store-card__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transform: scale(1);
  transition: transform 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.og-store-card__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.08) 100%);
  pointer-events: none;
  border-radius: inherit;
}

.og-store-card-link:hover .og-store-card__bg,
.og-store-card-link:focus-visible .og-store-card__bg,
.og-store-card-link:focus-within .og-store-card__bg {
  transform: scale(1.03);
}

.og-store-card__meta {
  padding-top: 1rem;
  flex: 1;
}

.og-store-card-title {
  margin: 0 0 0.5rem;
  font-size: 22px;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: 0.2px;
  color: #1a1a1a;
}
@media (max-width: 1400px) {
  .og-store-card-title {
    font-size: 20px;
  }
}
@media (max-width: 1140px) {
  .og-store-card-title {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .og-store-card-title {
    font-size: 16px;
  }
}

.og-store-card-status {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: 0.3px;
  color: #4f4538;
}
@media (max-width: 1140px) {
  .og-store-card-status {
    font-size: 14px;
  }
}

.og-store-card-status-label {
  line-height: inherit;
}

.og-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.is-open .og-status-dot {
  background-color: #4CAF50;
  box-shadow: 0 0 8px #4CAF50;
}

.is-closed .og-status-dot {
  background-color: #f44336;
}

.beige-bg {
  background-color: #fcf6ee;
}

/* Zkopirovani kontaktu do schranky */
.copy-tooltip {
  position: absolute;
  background: #333;
  color: #fff;
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  z-index: 10000;
  pointer-events: none;
  animation: tooltip-in 0.2s ease-out forwards;
}

.copy-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

.copy-tooltip.fade-out {
  opacity: 0;
  transition: opacity 0.3s ease;
}

@keyframes tooltip-in {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* KARIERA */
.kariera-title {
  font-size: 21px;
  font-weight: 400;
  line-height: 32px;
}

.kariera-function {
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  color: #726356;
}

.kariera-contact {
  background-color: #F7F6F4;
  border-radius: 18px;
  font-size: 17px;
  padding: 4px;
}
.kariera-contact img {
  padding: 0 8px;
}
.kariera-contact img.pointer {
  padding: 0 0 0 15px;
}

.contact-box:not(.contact-box--kariera) {
  padding: 12px 18px;
  background-color: #F5F3EF;
  border-radius: 18px;
}
.contact-box:not(.contact-box--kariera) span {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 15px;
  margin-right: 10px;
  border-right: 1px solid #E6DDD0;
  font-size: 16px;
  font-weight: 600;
  line-height: 125%;
  color: #211b13;
}
.contact-box:not(.contact-box--kariera) .contact {
  border-right: 1px solid #D9CDBE;
  padding-right: 15px;
}

.beige_bg_bottom_border {
  background-color: #fcf6ee;
  border-bottom: 1px solid #e6ddd0;
}

.beige_bg_top_border {
  background-color: #fcf6ee;
  border-top: 1px solid #e6ddd0;
}

/* Horní a dolní oddělovač (barva pozadí zůstává z bg_* z ACF) */
.beige_bg_bottom_top {
  border-top: 1px solid #e6ddd0;
  border-bottom: 1px solid #e6ddd0;
}

/**
 * Univerzální oddělovač mezi sekcemi (1px, Line-Default z Figmy, $color_line_beige).
 * Stejná vizuální linka jako u .beige_bg_* — na béžovém působí jemně, na bílém
 * ($color_body_bg / #fffcf7) taky; použití: prvek v šabloně, vlastní obal, nebo HTML blok s třídou.
 *
 * ACF: u „Dva sloupce“ s béžovým pozadím často stačí .beige_bg_bottom_top na <section> (linka
 * sjednocuje s okolím). Mezi plnoplošnými sekcemi: obal s touto třídou nebo Separator v editoru.
 */
.og-separator-line {
  display: block;
  width: 100%;
  max-width: none;
  height: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #e6ddd0;
  background: none;
  clear: both;
}

/* Gutenberg: blok „Oddělovač“ — sjednotit s .og-separator-line (kromě stylu „tečky“) */
.type-page .wp-block-separator:not(.is-style-dots),
.page-content .wp-block-separator:not(.is-style-dots) {
  border: none;
  color: #e6ddd0;
  border-top: 1px solid #e6ddd0;
  background: none;
  max-width: none;
  width: 100%;
  height: 0;
  min-height: 0;
  opacity: 1;
}
.type-page .wp-block-separator,
.page-content .wp-block-separator {
  clear: both;
}

/* Archiv prodejen — filtry (Figma: rozbalovací vyhledávání + Autolokace, Vybavenost checkboxy) */
/* Celoplošná linka pod lištou filtrů (oddělený strip od mřížky) */
.og-prodejny-filters-strip {
  position: relative;
  z-index: 1;
}

/* Druhý container pod celoplošnou linkou — menší horní mezera než u běžného .page-content */
.page-content.og-prodejny-archive-content {
  padding-top: 1.5rem;
}
@media (min-width: 576px) {
  .page-content.og-prodejny-archive-content {
    padding-top: 2rem;
  }
}

/* Kariéra — seznam pod béžovým pásem filtrů (stejná logika odsazení jako archiv prodejen) */
.og-kariera-seznam-list {
  padding-top: 1.5rem;
}
@media (min-width: 576px) {
  .og-kariera-seznam-list {
    padding-top: 2rem;
  }
}

.og-prodejny-filters-rule {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-top: 1px solid #e6ddd0;
  height: 0;
}

/* Kariéra — v HTML použijte: .og-filter-bar.og-filter-bar--prodejny.og-filter-bar--kariera */
/* Kariéra: úvazek používá stejné třídy jako .og-vybavenost-wrap; řádek triggeru zarovnaný s vyhledáváním */
@media (min-width: 576px) {
  .og-filter-bar--kariera {
    justify-content: flex-start;
    align-items: flex-end;
  }
}
@media (min-width: 576px) {
  .og-filter-bar--kariera .og-kariera-uvazek-wrap.og-vybavenost-wrap,
  .og-filter-bar--kariera .og-search-combo {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}
.og-filter-bar--kariera .og-kariera-uvazek-wrap.og-vybavenost-wrap .og-vybavenost-trigger,
.og-filter-bar--kariera .og-search-row {
  flex: 1 1 auto;
  min-height: 48px;
}

.og-filter-bar--prodejny {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: 100%;
  border: none;
  padding: 8px 0;
  position: relative;
  z-index: 102;
}
@media (min-width: 576px) {
  .og-filter-bar--prodejny {
    flex-direction: row;
    /* Prodejny: jedna vodorovná osa, vyhledávání a Vybavenost srovnané; Kariéra níže */
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 0;
  }
}
.og-filter-bar--prodejny > * {
  margin-left: 0;
  margin-right: 0;
}
.og-filter-bar--prodejny .og-vybavenost-wrap,
.og-filter-bar--prodejny .og-kariera-uvazek-wrap,
.og-filter-bar--prodejny .og-search-combo {
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 576px) {
  .og-filter-bar--prodejny .og-vybavenost-wrap,
  .og-filter-bar--prodejny .og-kariera-uvazek-wrap {
    width: auto;
  }
}
.og-filter-bar--prodejny .filter-border-between {
  flex-shrink: 0;
  background: #E6DDD0;
}
@media (min-width: 576px) {
  .og-filter-bar--prodejny .filter-border-between {
    width: 1px;
    align-self: stretch;
    margin: 8px 0;
  }
}
@media (max-width: 575px) {
  .og-filter-bar--prodejny .filter-border-between {
    width: calc(100% - 16px);
    height: 1px;
    min-height: 1px;
    margin: 8px;
  }
}

/* Prodejny: vyhledávání nezabírá celou šířku řádku, skupina filtrů uprostřed */
@media (min-width: 576px) {
  .og-filter-bar--prodejny:not(.og-filter-bar--kariera) .og-search-combo {
    width: auto;
    flex: 0 1 min(30rem, 100%);
    min-width: 0;
  }
}

/* --- Vybavenost --- */
.og-vybavenost-wrap {
  position: relative;
  flex: 0 0 auto;
  min-width: 0;
}
@media (max-width: 575px) {
  .og-vybavenost-wrap.is-open {
    z-index: 125;
  }
}

.og-vybavenost-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 4px;
  width: 100%;
  padding: 12px 22px 12px 12px;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #45392E;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: 0.3px;
  text-align: left;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
  appearance: none;
  background-image: url("../images/keyboard_arrow_down.svg");
  background-repeat: no-repeat;
  background-position: center right 2px;
  background-size: 18px;
}
@media (min-width: 576px) {
  .og-vybavenost-trigger {
    width: auto;
    max-width: 100%;
  }
}
.og-vybavenost-trigger:hover {
  color: #211b13;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-color: #B62F2B;
  background-color: transparent;
}
.og-vybavenost-trigger .og-vybavenost-count {
  font-weight: 600;
  color: #B62F2B;
}

.og-vybavenost-wrap.is-open .og-vybavenost-trigger {
  border-bottom-color: #B62F2B;
  box-shadow: none;
}

.og-vybavenost-wrap:hover .og-vybavenost-trigger,
.og-vybavenost-wrap:focus-within .og-vybavenost-trigger {
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-color: #B62F2B;
}

.og-vybavenost-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  bottom: auto;
  width: 100%;
  max-height: min(70vh, 480px);
  z-index: 120;
  background: #fff;
  border-radius: 0;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (min-width: 576px) {
  .og-vybavenost-panel {
    right: auto;
    width: min(400px, 92vw);
    max-height: none;
    border-radius: 0;
  }
}

.og-vybavenost-panel[hidden] {
  display: none !important;
}

.og-vybavenost-panel-inner {
  display: flex;
  flex-direction: column;
  max-height: inherit;
  padding: 20px 20px 16px;
}

.og-vybavenost-list {
  list-style: none;
  margin: 0;
  padding: 0 0 12px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}

.og-vybavenost-option {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 4px;
  cursor: pointer;
  font-size: 16px;
  color: #45392E;
  border-bottom: 1px solid #EFEEEE;
}
.og-vybavenost-option:last-child {
  border-bottom: none;
}
.og-vybavenost-option input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.og-vybavenost-option .og-vyb-checkbox-ui {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border: 2px solid #e6ddd0;
  border-radius: 4px;
  margin-top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.og-vybavenost-option input:checked + .og-vyb-checkbox-ui {
  background: #B62F2B;
  border-color: #B62F2B;
}
.og-vybavenost-option input:checked + .og-vyb-checkbox-ui::after {
  content: "";
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translate(-1px, -1px);
}
.og-vybavenost-option input:focus-visible + .og-vyb-checkbox-ui {
  outline: 2px solid rgba(182, 47, 43, 0.5);
  outline-offset: 2px;
}

.og-vybavenost-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 8px;
  border-top: 1px solid #EFEEEE;
  margin-top: auto;
}

.og-btn-vyb-apply {
  width: 100%;
  padding: 14px 16px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
  background: #B62F2B;
  color: #fff;
}
.og-btn-vyb-apply:hover, .og-btn-vyb-apply:focus-visible {
  background: #B62F2B;
  filter: none;
}
.og-btn-vyb-apply:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.og-btn-vyb-apply[hidden] {
  display: none !important;
}

/* --- Vyhledávání + panel Autolokace --- */
.og-search-combo {
  position: relative;
  flex: 1;
  min-width: 0;
}

.og-search-row {
  display: flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border-radius: 0;
  padding: 4px 8px 4px 4px;
  border-bottom: 2px solid transparent;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.og-search-row:hover {
  border-bottom-color: #B62F2B;
}

.og-search-combo.is-open .og-search-row {
  border-bottom-color: #B62F2B;
  box-shadow: none;
}

.og-search-combo .og-search {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  padding: 10px 8px 10px 34px;
  font-size: 16px;
  font-weight: 300;
  color: #45392E;
  background-image: url("../images/search.svg");
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: 18px;
}
.og-search-combo .og-search::placeholder {
  color: rgba(33, 27, 19, 0.45);
}
.og-search-combo .og-search:focus {
  outline: none;
}
.og-search-combo .og-search::-webkit-search-cancel-button, .og-search-combo .og-search::-webkit-search-decoration, .og-search-combo .og-search::-webkit-search-results-button, .og-search-combo .og-search::-webkit-search-results-decoration {
  appearance: none;
  display: none;
}

.og-search-clear {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 4px 8px 10px;
  border: none;
  background: transparent;
  color: #B62F2B;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.12s ease, opacity 0.12s ease, background-color 0.2s ease, border-color 0.2s ease;
  border-radius: 12px;
}
.og-search-clear:hover, .og-search-clear:focus-visible {
  color: #fff;
  background-color: #92120F;
  border-color: #92120F;
}
.og-search-clear::before {
  content: "×";
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 700;
}
.og-search-clear[hidden] {
  display: none !important;
}

.og-search-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  z-index: 110;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  border: 1px solid #EFEEEE;
}

.og-search-panel[hidden] {
  display: none !important;
}

.og-autolocate-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px 16px;
  border: none;
  background: #fff;
  color: #B62F2B;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.02em;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.og-autolocate-btn:hover, .og-autolocate-btn:focus-visible {
  background: transparent;
  color: #92120F;
}
.og-autolocate-btn:disabled {
  opacity: 0.6;
  cursor: wait;
}
.og-autolocate-btn .og-autolocate-btn__icon {
  flex-shrink: 0;
  color: #B62F2B;
}
.og-autolocate-btn .og-autolocate-btn__icon svg {
  display: block;
}
.og-autolocate-btn:hover .og-autolocate-btn__icon, .og-autolocate-btn:focus-visible .og-autolocate-btn__icon {
  color: #92120F;
}

.og-search-panel-divider {
  height: 1px;
  background: #e6ddd0;
  margin: 0;
}

.og-search-suggestions {
  list-style: none;
  margin: 0;
  padding: 4px 0;
  max-height: 220px;
  overflow-y: auto;
}

.og-search-suggestions:empty {
  display: none;
}

.og-search-suggestion {
  display: block;
  width: 100%;
  padding: 12px 16px;
  border: none;
  background: #fff;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #211b13;
  cursor: pointer;
  transition: background 0.12s ease;
}
.og-search-suggestion:hover, .og-search-suggestion:focus-visible {
  background: #92120F;
  color: #fff;
}

/* Neviditelná vrstva — jen zachytí klik mimo panely (bez ztmavení pozadí) */
.og-filter-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  cursor: default;
}
.og-filter-backdrop:hover, .og-filter-backdrop:active, .og-filter-backdrop:focus, .og-filter-backdrop:focus-visible, .og-filter-backdrop.active {
  background-color: transparent !important;
}

.og-filter-backdrop[hidden] {
  display: none !important;
}

@media (min-width: 576px) {
  body.og-prodejny-filters-open {
    overflow: hidden;
  }
}

form, .form {
  display: flex;
  border: none;
  width: 100%;
  border-bottom: 1px solid #C6BBAE;
  padding-top: 8px;
  padding-bottom: 8px;
  gap: 2px;
}
form > *, .form > * {
  margin-left: 8px;
  margin-right: 8px;
}
form > *:first-child, .form > *:first-child {
  margin-left: 0;
  padding-left: 0;
}
form .filter-border-between, .form .filter-border-between {
  width: 1px;
  height: auto;
  background-color: #C6BBAE;
  flex-shrink: 0;
}
form input, form select, .form input, .form select {
  background-color: #F8F3EC;
  border-radius: 12px 0 0 12px;
  outline: none;
  color: #726356;
  padding: 12px;
  width: fit-content;
  border: none;
  font-size: var(--Font-Size-S, 16px);
  font-weight: var(--Text-Light, 300);
  line-height: 125%; /* 20px */
  letter-spacing: var(--Text-Letter-Spacing-Text, 0.3px);
}
form input::placeholder, form select::placeholder, .form input::placeholder, .form select::placeholder {
  color: #888;
}
form select, .form select {
  color: var(--Text-Soft, #4F4538);
  font-size: var(--Font-Size-S, 16px);
  font-style: normal;
  font-weight: var(--Text-Light, 300);
  line-height: 125%; /* 20px */
  letter-spacing: var(--Text-Letter-Spacing-Text, 0.3px);
  appearance: none;
  background: url("../images/keyboard_arrow_down.svg") no-repeat center right 5px;
  background-size: 20px;
  padding-right: 20px;
  border: none;
  background-color: transparent;
}
form .og-search, .form .og-search {
  min-width: 300px;
  background-image: url("../images/search.svg");
  background-repeat: no-repeat;
  /* Pozice ikony: 12px zleva a vycentrovaná vertikálně */
  background-position: 12px center;
  background-size: 20px 20px;
  /* Důležité: posuneme text doprava, aby nezačínal přes ikonu */
  padding-left: 20px !important;
}
form .search-icon, .form .search-icon {
  margin-right: 8px;
  display: flex;
  align-items: center;
}

#og-kariera input, #og-kariera select {
  background-color: transparent;
}

/* Contact Form 7 — bez horní/spodní linky z obecného stylu formulářů */
form.wpcf7-form,
.wpcf7-form {
  border-top: none;
  border-bottom: none;
}

/* FONTY */
@font-face {
  font-family: "Hanken Grotesk";
  /* Použijeme ten tvůj .ttf soubor */
  src: url("../../assets/fonts/HankenGrotesk/HankenGrotesk-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 100 900; /* Definujeme rozsah, ne jedno číslo */
  font-style: normal;
  font-display: swap;
}
html {
  background-color: #fffcf7;
  /* Zabrání horizontálnímu posunu obsahu při body { overflow: hidden } (filtry prodejen) */
  scrollbar-gutter: stable;
}

body {
  background-color: #fffcf7;
  color: #211b13;
  font-family: "Hanken Grotesk", sans-serif;
  font-weight: 300;
  font-size: 21px;
}
@media (max-width: 768px) {
  body {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  body {
    font-size: 16px;
  }
}

h1, h2, h3 {
  letter-spacing: 0.25px;
}

h1 {
  color: var(--Text-Default, #211B13);
  font-size: var(--Font-Size-4L, 56px);
  font-weight: var(--Text-SemiBold, 600);
  line-height: 120%; /* 67.2px */
  letter-spacing: var(--Text-Letter-Spacing-Display, 0);
}
@media (max-width: 768px) {
  h1 {
    font-size: var(--Font-Size-4L, 44px);
  }
}
@media (max-width: 768px) {
  h1 {
    font-size: var(--Font-Size-4L, 40px);
  }
}

h2 {
  font-weight: 400;
  font-size: 32px;
  line-height: 140%;
}
@media (max-width: 1400px) {
  h2 {
    font-size: 28px;
  }
}
@media (max-width: 1140px) {
  h2 {
    font-size: 24px;
  }
}

h3 {
  font-weight: 700;
  font-size: 21px;
  line-height: 24px;
}
@media (max-width: 768px) {
  h3 {
    font-size: 20px;
    line-height: 23px;
  }
}
@media (max-width: 768px) {
  h3 {
    font-size: 19px;
    line-height: 22px;
  }
}

h4 {
  font-weight: 700;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 0.3px;
}
@media (max-width: 768px) {
  h4 {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 768px) {
  h4 {
    font-size: 15px;
    line-height: 20px;
  }
}

h5 {
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.3px;
}
@media (max-width: 768px) {
  h5 {
    font-size: 14px;
    line-height: 17px;
  }
}
@media (max-width: 768px) {
  h5 {
    font-size: 13px;
    line-height: 16px;
  }
}

a {
  text-decoration: none;
  color: #B62F2B;
}

.fb-link {
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  white-space: nowrap;
}
.fb-link img {
  width: 17px;
  height: 17px;
  margin-right: 5px;
}

.kariera-contact-name {
  color: var(--Text-Default, #211b13);
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-L, 22px);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
}
@media (max-width: 1400px) {
  .kariera-contact-name {
    font-size: 20px;
  }
}
@media (max-width: 1140px) {
  .kariera-contact-name {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .kariera-contact-name {
    font-size: 16px;
  }
}

.kariera-contact-funkce {
  color: var(--Text-Ghost, #786c5c);
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-XS, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: var(--Text-Letter-Spacing-Text, 0.3px);
}
@media (max-width: 992px) {
  .kariera-contact-funkce {
    font-size: 12px;
  }
}

/* Body / Paragraph LG (Figma) — opakovaně použitelná třída */
.og-text-body-lg {
  color: var(--Text-Default, #211b13);
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-L, 22px);
  font-style: normal;
  font-weight: var(--Text-Light, 300);
  line-height: 150%;
  letter-spacing: var(--Text-Letter-Spacing-Text, 0.3px);
}
@media (max-width: 1140px) {
  .og-text-body-lg {
    font-size: 20px;
    letter-spacing: 0.28px;
  }
}
@media (max-width: 768px) {
  .og-text-body-lg {
    font-size: 18px;
    line-height: 155%;
    letter-spacing: 0.25px;
  }
}
@media (max-width: 576px) {
  .og-text-body-lg {
    font-size: 16px;
    letter-spacing: 0.22px;
  }
}
.og-text-body-lg > p:first-child {
  margin-top: 0;
}
.og-text-body-lg > p:last-child {
  margin-bottom: 0;
}

/* Centrovaný nadpis LG (FAQ, další sekce) — Figma Headings/Heading LG */
.og-type-heading-lg-centered {
  margin: 0 0 0.75rem;
  color: var(--Text-Default, #211b13);
  text-align: center;
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-3L, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
}
@media (max-width: 1140px) {
  .og-type-heading-lg-centered {
    font-size: 28px;
  }
}
@media (max-width: 992px) {
  .og-type-heading-lg-centered {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .og-type-heading-lg-centered {
    font-size: 20px;
  }
}

/* Harmonika (otevírací doba / FAQ) — sdíleno single prodejna + blok Kariéra FAQ */
.og-single-prodejna {
  color: #0F0E0D;
}
.og-single-prodejna .og-prodejna-overview.og-section {
  border-bottom: none;
}
.og-single-prodejna {
  /* Oddělovací linka pod přehledem — přes celou šířku (stejný full-bleed jako béžové pásy) */
}
.og-single-prodejna .og-prodejna-overview-bleed {
  position: relative;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  border-bottom: 1px solid #e6ddd0;
}
.og-single-prodejna .og-info-side {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.og-single-prodejna .og-title {
  font-weight: 700;
  line-height: 1.15;
  font-size: 49px;
  color: #0F0E0D;
  margin-bottom: 32px;
}
.og-single-prodejna .og-label, .og-single-prodejna .og-map-links {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 900;
}
.og-single-prodejna .og-label {
  letter-spacing: 2.5px;
  text-transform: uppercase;
}
.og-single-prodejna .og-map-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 16px;
  align-items: center;
}
.og-single-prodejna .og-map-links a {
  text-decoration: none;
}
.og-single-prodejna .og-map-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: auto;
  flex: 0 0 auto;
  padding: 8px 16px;
  border-radius: var(--Button-Radius-MD, 12px);
  border: 1px solid var(--Line-Default-1, #E6DDD0);
  background: var(--Surface-Secondary-1, rgba(205, 194, 177, 0.1));
  transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}
.og-single-prodejna .og-map-link:hover, .og-single-prodejna .og-map-link:focus-visible {
  border-color: #B62F2B;
  background: var(--Surface-Secondary-1, rgba(205, 194, 177, 0.1));
  transform: translateY(-1px);
}
@media (max-width: 768px) {
  .og-single-prodejna .og-map-link {
    padding: 6px 12px;
  }
}
.og-single-prodejna .og-map-link__logo {
  display: block;
  width: 24px;
  max-width: 24px;
  max-height: 24px;
  height: auto;
}
.og-single-prodejna .og-map-link__text {
  color: #211b13;
  font-size: 18px;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: 0.2px;
}
.og-single-prodejna .og-address {
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.15px;
  color: #524F4E;
}
.og-single-prodejna .og-accordion .og-accordion-item {
  border-bottom: 1px solid #e6ddd0;
}
.og-single-prodejna .og-accordion .og-accordion-item .og-accordion-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.6s ease-in-out;
  color: #524F4E;
  width: fit-content;
}
.og-single-prodejna .og-accordion .og-accordion-item .og-accordion-content .og-accordion-inner {
  overflow: hidden;
  padding-bottom: 0;
  transition: padding 0.6s ease-in-out;
  font-size: 17px;
}
.og-single-prodejna .og-accordion .og-accordion-item .og-accordion-content .og-accordion-inner .day-time {
  padding-left: 40px;
}
.og-single-prodejna .og-accordion .og-accordion-item.active .og-accordion-content {
  grid-template-rows: 1fr;
}
.og-single-prodejna .og-accordion .og-accordion-item.active .og-accordion-content .og-accordion-inner {
  padding-bottom: 2rem;
}
.og-single-prodejna .og-accordion .og-accordion-item.active .og-icon-toggle {
  transform: rotate(45deg);
}
.og-single-prodejna .og-accordion .og-accordion-header {
  padding: 24px 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.2s;
}
.og-single-prodejna .og-accordion .og-accordion-header h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  color: #4f4538;
}
.og-single-prodejna .og-accordion .og-status-text {
  color: #524F4E;
  font-size: 16px;
}
.og-single-prodejna .og-accordion .og-icon-toggle {
  font-size: 30px;
  color: #786c5c;
  font-weight: 300;
  transition: transform 0.5s ease;
}
.og-single-prodejna .og-accordion .og-icon-toggle::before {
  content: "+";
  line-height: 1;
}
.og-single-prodejna .og-accordion .og-hours-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.6rem;
}
.og-single-prodejna .og-accordion .og-hours-row.og-current-day {
  font-weight: 900;
}
.og-single-prodejna .og-services-section .og-services-primary {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0;
}
.og-single-prodejna .og-services-section .og-service-feature {
  flex: 1 1 320px;
  min-width: 260px;
  padding: 48px 24px;
  text-align: left;
}
.og-single-prodejna .og-services-section .og-service-feature:not(:first-child) {
  border-left: 1px solid #e6ddd0;
}
.og-single-prodejna .og-services-section .og-service-feature__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 8px;
}
.og-single-prodejna .og-services-section .og-service-feature__icon {
  width: 44px;
  height: 44px;
  object-fit: contain;
  flex-shrink: 0;
}
.og-single-prodejna .og-services-section .og-service-feature__title {
  margin: 0;
  color: #211b13;
  font-size: 18px;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: 0.2px;
}
.og-single-prodejna .og-services-section .og-service-feature__number {
  margin-right: 4px;
  color: #00780a;
}
.og-single-prodejna .og-services-section .og-service-feature__desc {
  margin: 0;
  color: #211b13;
  font-size: 18px;
  font-weight: 300;
  line-height: 155%;
  letter-spacing: 0.3px;
}
@media (max-width: 1140px) {
  .og-single-prodejna .og-services-section .og-service-feature__title,
  .og-single-prodejna .og-services-section .og-service-feature__desc {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .og-single-prodejna .og-services-section .og-service-feature {
    min-width: 100%;
    padding: 48px 0;
  }
  .og-single-prodejna .og-services-section .og-service-feature:not(:first-child) {
    border-left: none;
    border-top: 1px solid #e6ddd0;
  }
}
.og-single-prodejna {
  /* Béžový pás — bg_bezova + full-bleed; horní linka přes celou šířku přes .og-top-border na tomto obalu */
}
.og-single-prodejna .og-prodejna-beige-region.bg_bezova {
  position: relative;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}
.og-single-prodejna .og-prodejna-beige-region.bg_bezova.og-top-border {
  border-top: 1px solid #e6ddd0;
}
.og-single-prodejna .og-prodejna-beige-region.bg_bezova.og-bottom-border {
  border-bottom: 1px solid #e6ddd0;
}
.og-single-prodejna .og-prodejna-beige-region .og-services-secondary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 22px;
  padding-top: 24px;
  padding-bottom: 24px;
}
.og-single-prodejna .og-prodejna-beige-region .og-service-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #211b13;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.15px;
  white-space: nowrap;
}
.og-single-prodejna .og-prodejna-beige-region .og-service-chip__icon {
  width: 18px;
  height: 18px;
  object-fit: contain;
  flex-shrink: 0;
}
.og-single-prodejna .og-prodejna-beige-region .og-services-secondary {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .og-single-prodejna .og-prodejna-beige-region .og-services-secondary {
    row-gap: 12px;
  }
}
.og-single-prodejna .og-services-section.og-section.og-top-border {
  border-top: none;
}
.og-single-prodejna .og-heading-lg {
  margin: 0;
  color: var(--Text-Default, #211b13);
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-3L, 32px);
  font-style: normal;
  font-weight: var(--Text-Regular, 400);
  line-height: 140%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
  padding-bottom: 48px;
  text-align: left;
}
@media (max-width: 1140px) {
  .og-single-prodejna .og-heading-lg {
    font-size: 28px;
    padding-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .og-single-prodejna .og-heading-lg {
    font-size: 24px;
    line-height: 140%;
    padding-bottom: 32px;
    letter-spacing: 0.18px;
  }
}
@media (max-width: 576px) {
  .og-single-prodejna .og-heading-lg {
    font-size: 22px;
    padding-bottom: 24px;
    letter-spacing: 0.15px;
  }
}
.og-single-prodejna .og-reviews-platforms {
  width: 100%;
}
.og-single-prodejna .og-reviews-platforms__row {
  margin-left: 0;
  margin-right: 0;
}
.og-single-prodejna .og-reviews-platforms__col {
  display: flex;
  flex-direction: column;
}
.og-single-prodejna .og-reviews-platforms__col--lead {
  justify-content: center;
}
.og-single-prodejna .og-reviews-platforms__col--google,
.og-single-prodejna .og-reviews-platforms__col--seznam {
  justify-content: stretch;
}
.og-single-prodejna .og-reviews-platforms__lead-title.og-heading-lg {
  width: 100%;
  padding-bottom: 0;
}
@media (max-width: 991px) {
  .og-single-prodejna .og-reviews-platforms__lead-title.og-heading-lg {
    padding-bottom: 24px;
  }
}
.og-single-prodejna .og-reviews-platforms__col--google .og-review-box,
.og-single-prodejna .og-reviews-platforms__col--seznam .og-review-box {
  width: 100%;
  height: 100%;
}
.og-single-prodejna .og-review-platform-brand {
  margin-bottom: 1rem;
}
.og-single-prodejna .og-review-platform-logo {
  display: block;
  height: 28px;
  width: auto;
  max-width: 140px;
  object-fit: contain;
  object-position: left center;
}
@media (max-width: 768px) {
  .og-single-prodejna .og-review-platform-logo {
    height: 24px;
    max-width: 120px;
  }
}

.og-top-border {
  border-top: 1.5px solid #EFEEEE;
  padding-top: 8px;
  padding-bottom: 8px;
}

.og-bottom-border {
  border-bottom: 1.5px solid #EFEEEE;
  padding-bottom: 8px;
}

.og-section {
  padding-top: 48px;
  padding-bottom: 48px;
}
.og-section .og-section-label {
  text-transform: none;
  font-size: 27px;
  padding-bottom: 40px;
  text-align: center;
}

/* Větší vertikální mezery (detail prodejny — přehled, recenze, galerie) */
.og-section96 {
  padding-top: 96px;
  padding-bottom: 96px;
}
@media (max-width: 991px) {
  .og-section96 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

/* Levé odsazení — stejná čísla / breakpoint jako .og-section96 (96px → 64px pod lg) */
.og96left {
  padding-left: 96px;
}
@media (max-width: 991px) {
  .og96left {
    padding-left: 64px;
  }
}

/* GALERIE (detail) — široký slajd + soused, slidesPerView: auto; ořez stránky */
.og-prodejna-gallery-section {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  position: relative;
  min-width: 0;
}
.og-prodejna-gallery-section .og-prodejna-swiper {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
  overflow: hidden;
}
.og-prodejna-gallery-section .og-prodejna-swiper .swiper-slide {
  width: min(880px, 85vw);
  max-width: min(880px, 100vw - 48px);
  box-sizing: border-box;
  flex-shrink: 0;
  transition: opacity 0.45s ease;
  opacity: 0.55;
}
.og-prodejna-gallery-section .og-prodejna-swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.og-prodejna-gallery-section .og-prodejna-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 520px;
  object-fit: cover;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .og-prodejna-gallery-section .og-prodejna-swiper .swiper-slide img {
    height: 240px;
  }
}
.og-prodejna-gallery-section .og-prodejna-swiper .swiper-button-prev, .og-prodejna-gallery-section .og-prodejna-swiper .swiper-button-next {
  width: 40px;
  height: 40px;
  background-color: #bb2824;
  background-image: url("../images/slider_arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
  border-radius: 50%;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.5s ease;
  cursor: pointer;
}
.og-prodejna-gallery-section .og-prodejna-swiper .swiper-button-prev::after, .og-prodejna-gallery-section .og-prodejna-swiper .swiper-button-next::after {
  display: none;
}
.og-prodejna-gallery-section .og-prodejna-swiper .swiper-button-prev:hover, .og-prodejna-gallery-section .og-prodejna-swiper .swiper-button-next:hover {
  transform: scale(1.1);
  background-color: #92120F;
}
.og-prodejna-gallery-section .og-prodejna-swiper .swiper-button-prev.swiper-button-disabled, .og-prodejna-gallery-section .og-prodejna-swiper .swiper-button-next.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
.og-prodejna-gallery-section .og-prodejna-swiper .swiper-button-prev {
  left: 24px;
  transform: rotate(180deg);
}
.og-prodejna-gallery-section .og-prodejna-swiper .swiper-button-prev:hover {
  transform: rotate(180deg) scale(1.1);
}
.og-prodejna-gallery-section .og-prodejna-swiper .swiper-button-next {
  right: 24px;
}
.og-prodejna-gallery-section .og-prodejna-swiper .swiper-scrollbar {
  background: #EBE0D6 !important;
  height: 2px !important;
  width: 80% !important;
  left: 10% !important;
  bottom: 30px !important;
}
.og-prodejna-gallery-section .og-prodejna-swiper .swiper-scrollbar .swiper-scrollbar-drag {
  background: #1D1D1B !important;
}

/* FAQ Kariéra — stejná harmonika jako otevírací doba (markup jako single-prodejny) */
.og-kariera-faq-block {
  color: #0F0E0D;
}
.og-kariera-faq-block .og-accordion .og-accordion-item {
  border-bottom: 1px solid #e6ddd0;
}
.og-kariera-faq-block .og-accordion .og-accordion-item .og-accordion-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.6s ease-in-out;
  color: #524F4E;
  width: fit-content;
}
.og-kariera-faq-block .og-accordion .og-accordion-item .og-accordion-content .og-accordion-inner {
  overflow: hidden;
  padding-bottom: 0;
  transition: padding 0.6s ease-in-out;
  font-size: 17px;
}
.og-kariera-faq-block .og-accordion .og-accordion-item .og-accordion-content .og-accordion-inner .day-time {
  padding-left: 40px;
}
.og-kariera-faq-block .og-accordion .og-accordion-item.active .og-accordion-content {
  grid-template-rows: 1fr;
}
.og-kariera-faq-block .og-accordion .og-accordion-item.active .og-accordion-content .og-accordion-inner {
  padding-bottom: 2rem;
}
.og-kariera-faq-block .og-accordion .og-accordion-item.active .og-icon-toggle {
  transform: rotate(45deg);
}
.og-kariera-faq-block .og-accordion .og-accordion-header {
  padding: 24px 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.2s;
}
.og-kariera-faq-block .og-accordion .og-accordion-header h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  color: #4f4538;
}
.og-kariera-faq-block .og-accordion .og-status-text {
  color: #524F4E;
  font-size: 16px;
}
.og-kariera-faq-block .og-accordion .og-icon-toggle {
  font-size: 30px;
  color: #786c5c;
  font-weight: 300;
  transition: transform 0.5s ease;
}
.og-kariera-faq-block .og-accordion .og-icon-toggle::before {
  content: "+";
  line-height: 1;
}
.og-kariera-faq-block .og-accordion .og-hours-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.6rem;
}
.og-kariera-faq-block .og-accordion .og-hours-row.og-current-day {
  font-weight: 900;
}

.og-status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
.og-status-dot.is-open {
  background: #4CAF50;
}
.og-status-dot.is-closed {
  background: #d32f2f;
}

/* KATEGORIE GRID */
.og-kategorie-grid .category-card {
  display: flex;
  flex-direction: column;
  background-color: #F5EEE8;
  border-radius: 16px;
  padding: 40px;
  height: 100%;
  text-decoration: none;
  transition: all 0.3s ease;
}
.og-kategorie-grid .category-card .card-img-wrapper {
  padding-bottom: 32px;
  display: flex;
  justify-content: left;
}
.og-kategorie-grid .category-card .card-img-wrapper img {
  max-height: 160px;
  width: auto;
  object-fit: contain;
}
.og-kategorie-grid .category-card .card-content {
  color: #0F0E0D;
}
.og-kategorie-grid .category-card .card-content .category-title {
  font-size: 27px;
  font-weight: 600;
  letter-spacing: 0.25px;
  line-height: 32px;
  margin-bottom: 16px;
}
.og-kategorie-grid .category-card .card-content .category-description {
  font-size: 21px;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 32px;
  margin: 0;
}
@media (max-width: 768px) {
  .og-kategorie-grid .category-card {
    padding: 16px 24px;
  }
  .og-kategorie-grid .category-card .card-img-wrapper {
    padding-bottom: 24px;
  }
  .og-kategorie-grid .category-card .card-img-wrapper img {
    max-height: 120px;
  }
  .og-kategorie-grid .category-card .card-content .category-title {
    font-size: 22px;
    line-height: 28px;
  }
  .og-kategorie-grid .category-card .card-content .category-description {
    font-size: 18px;
    line-height: 26px;
  }
}
.og-kategorie-grid .row {
  --bs-gutter-x: 0;
}
.og-kategorie-grid .row > div {
  padding: 8px;
}
.og-kategorie-grid .row > div:not(:first-child):nth-child(odd) {
  padding-left: 8px;
  padding-right: 0;
}
.og-kategorie-grid .row > div:not(:first-child):nth-child(even) {
  padding-right: 8px;
  padding-left: 0;
}
.og-kategorie-grid .row > div:first-child {
  padding-right: 0;
  padding-left: 0;
}

.page-category-label {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.3px;
}

.og-produkty-grid {
  /* Karta = jen odkaz; béžová „dlaždice“ jen kolem obrázku, text pod ní (Figma) */
}
.og-produkty-grid .category-card.og-produkty-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: transparent;
  border-radius: 0;
  padding: 0;
  height: 100%;
  text-decoration: none;
  color: inherit;
  transition: color 0.2s ease;
  /* Čtvercová dlaždice: šířka z gridu, výška = šířka */
}
.og-produkty-grid .category-card.og-produkty-card .og-produkty-card__media.card-img-wrapper {
  background-color: #f5eee8;
  border-radius: 16px;
  margin-bottom: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  box-sizing: border-box;
  padding: clamp(10px, 4%, 20px);
  overflow: hidden;
  transition: transform 0.35s ease, background-color 0.35s ease;
}
.og-produkty-grid .category-card.og-produkty-card .og-produkty-card__media.card-img-wrapper img {
  width: 100%;
  height: 100%;
  max-height: 250px;
  object-fit: contain;
  object-position: center;
}
.og-produkty-grid .category-card.og-produkty-card:hover .og-produkty-card__media.card-img-wrapper {
  transform: translateY(-2px);
  background-color: #EFE6DC;
}
.og-produkty-grid .category-card.og-produkty-card .og-produkty-card__body.card-content {
  color: #0f0e0d;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  align-items: flex-start;
  width: 100%;
  text-align: left;
  padding: 0;
}
.og-produkty-grid .category-card.og-produkty-card .og-produkty-card__title.category-title {
  margin: 0 0 6px;
  padding: 0;
  color: var(--Text-Default, #211b13);
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-L, 22px);
  font-style: normal;
  font-weight: var(--Text-Regular, 400);
  line-height: 125%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
  text-align: left;
  width: 100%;
}
@media (max-width: 1400px) {
  .og-produkty-grid .category-card.og-produkty-card .og-produkty-card__title.category-title {
    font-size: 20px;
  }
}
@media (max-width: 1140px) {
  .og-produkty-grid .category-card.og-produkty-card .og-produkty-card__title.category-title {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .og-produkty-grid .category-card.og-produkty-card .og-produkty-card__title.category-title {
    font-size: 16px;
  }
}
.og-produkty-grid .category-card.og-produkty-card .og-produkty-card__intro.category-description {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 8px;
  text-align: left;
  width: 100%;
}
.og-produkty-grid .category-card.og-produkty-card .og-produkty-card__meta {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  gap: 8px 16px;
  margin-top: 0;
  width: 100%;
}
.og-produkty-grid .category-card.og-produkty-card .og-produkty-card__gramaz {
  color: var(--Text-Default, #211b13);
  text-align: left;
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-S, 16px);
  font-style: normal;
  font-weight: var(--Text-SemiBold, 600);
  line-height: 125%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
}
.og-produkty-grid .category-card.og-produkty-card .og-produkty-card__price {
  color: var(--Text-Accent-1, #bb2824);
  text-align: left;
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-S, 16px);
  font-style: normal;
  font-weight: var(--Text-SemiBold, 600);
  line-height: 125%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
  background: none;
  border-radius: 0;
  padding: 0;
}
.og-produkty-grid {
  /* Mezery mřížky: řádky 48px, sloupce 16px; do šířky md mezi sloupci 8px */
}
.og-produkty-grid .og-produkty-grid-row {
  --bs-gutter-x: 16px;
  --bs-gutter-y: 48px;
}
@media (max-width: 768px) {
  .og-produkty-grid .og-produkty-grid-row {
    --bs-gutter-x: 8px;
  }
}
.og-produkty-grid {
  /* Počet sloupců řídí šablona (.col-6 .col-lg-3) — zde jen doplňky k layoutu */
}
.og-produkty-grid .og-produkty-grid-item {
  min-width: 0;
}

/* Média produktu má být vždy čtverec napříč použitím */
.og-produkty-card__media.card-img-wrapper {
  aspect-ratio: 1/1;
}

.og-produkty-archive-allergens__inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
  /* Do šířky md: obrázek, text, tlačítko pod sebou a na střed */
}
@media (max-width: 768px) {
  .og-produkty-archive-allergens__inner {
    align-items: center;
    text-align: center;
  }
}

@media (min-width: 769px) {
  .og-produkty-archive-allergens__inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    text-align: left;
  }
}
.og-produkty-archive-allergens__media {
  flex-shrink: 0;
  align-self: center;
}

.og-produkty-archive-allergens__media img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.og-produkty-archive-allergens__text {
  flex: 1;
  min-width: 0;
  margin: 0;
  color: #45392E;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.45;
  letter-spacing: 0.2px;
  text-align: center;
}

@media (min-width: 769px) {
  .og-produkty-archive-allergens__text {
    text-align: left;
  }
}
.og-produkty-archive-allergens__action {
  flex-shrink: 0;
  align-self: center;
}

.og-produkty-archive-allergens .btn {
  white-space: nowrap;
}

/* Darboven (káva): Bootstrap řádek 4 + 7 + 1 — přebije obecné flex pravidlo pro .og-produkty-archive-allergens__inner */
.og-produkty-archive-allergens--kava-darboven .og-produkty-archive-allergens__inner--kava-cols {
  justify-content: flex-start;
  gap: 0;
}
.og-produkty-archive-allergens--kava-darboven .og-produkty-archive-allergens__inner--kava-cols .og-produkty-archive-allergens__text {
  flex: 0 1 auto;
}

/* Shortcode [og_vypis_kategorii] — grid 2+1+7+2 (md+), pod sebou do $md-device-break včetně */
.og-vypis-kategorii {
  display: flex;
  flex-direction: column;
  background: transparent;
}

.og-vypis-kategorii__item {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #45392E;
  transition: opacity 0.15s ease;
}
.og-vypis-kategorii__item:hover {
  opacity: 0.92;
}

.og-vypis-kategorii__inner.row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  padding: 48px 0 48px;
  margin-left: 0;
  margin-right: 0;
}

.og-vypis-kategorii__item:first-child .og-vypis-kategorii__inner {
  padding-top: 0;
}

.og-vypis-kategorii__item:last-child .og-vypis-kategorii__inner {
  padding-bottom: 0;
}

.og-vypis-kategorii__rule {
  display: block;
  height: 1px;
  margin: 8px 0 0 8px;
  background: #e6ddd0;
  flex-shrink: 0;
}

.og-vypis-kategorii__item:last-child .og-vypis-kategorii__rule {
  display: none;
}

.og-vypis-kategorii__col--media {
  min-width: 0;
}

.og-vypis-kategorii__media {
  width: 176px;
  max-width: 100%;
}

.og-vypis-kategorii__img {
  display: block;
  width: 176px;
  max-width: 100%;
  height: auto;
  max-height: 395px;
  object-fit: contain;
}

.og-vypis-kategorii__body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}

.og-vypis-kategorii__title {
  font-size: 32px;
  font-weight: 400;
  line-height: 1.4;
  color: #45392E;
}

.og-vypis-kategorii__excerpt {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.5;
  color: #45392E;
}

@media (max-width: 1400px) {
  .og-vypis-kategorii__title {
    font-size: 28px;
  }
  .og-vypis-kategorii__excerpt {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .og-vypis-kategorii__inner.row {
    padding: 48px 0 48px;
  }
  .og-vypis-kategorii__item:first-child .og-vypis-kategorii__inner {
    padding-top: 0;
  }
  .og-vypis-kategorii__item:last-child .og-vypis-kategorii__inner {
    padding-bottom: 0;
  }
  .og-vypis-kategorii__col--media {
    margin-bottom: 16px;
  }
  .og-vypis-kategorii__title {
    font-size: 24px;
  }
  .og-vypis-kategorii__excerpt {
    font-size: 16px;
  }
  .og-vypis-kategorii__media {
    width: 100%;
    max-width: 176px;
    margin-left: auto;
    margin-right: auto;
  }
  .og-vypis-kategorii__img {
    width: 100%;
    max-width: 176px;
  }
  .og-vypis-kategorii__inner {
    align-items: center;
    text-align: center;
  }
  .og-vypis-kategorii__body {
    align-items: center;
    text-align: center;
  }
}
/* Detail produktu (single og_produkty) — bez hero, dva sloupce od md */
.og-produkt-single {
  /* Sloupec textů: row + col-12, svislý odstup 24px mezi bloky */
}
.og-produkt-single .og-produkt-single__text-stack.row {
  margin-left: 0;
  margin-right: 0;
  row-gap: 24px;
}
.og-produkt-single .og-produkt-single__text-stack > .col-12 {
  padding-left: 0;
  padding-right: 0;
}
.og-produkt-single .og-produkt-single__breadcrumb {
  margin-bottom: 0;
}
.og-produkt-single .og-produkt-single__breadcrumb .page-hero-breadcrumb__link {
  color: #bb2824;
}
.og-produkt-single {
  /* Headings / Heading LG (Figma) — jen vlastnosti, které se z globálu neberou */
}
.og-produkt-single .og-produkt-single__title {
  margin: 0;
  color: #211b13;
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.2px;
}
.og-produkt-single {
  /* Body / Paragraph MD — úvodní text + detailní popis produktu */
}
.og-produkt-single .og-produkt-single__body-text {
  color: #211b13;
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.55;
  letter-spacing: 0.3px;
}
.og-produkt-single .og-produkt-single__body-text > p:first-child {
  margin-top: 0;
}
.og-produkt-single .og-produkt-single__product-copy .og-produkt-single__detail {
  margin-top: 1rem;
}
.og-produkt-single .og-produkt-single__rule {
  border: 0;
  border-top: 1px solid #e6ddd0;
  opacity: 1;
  margin: 0;
}
.og-produkt-single .og-produkt-single__rule--before-order {
  margin-bottom: 1.25rem;
}
.og-produkt-single .og-produkt-single__meta {
  padding: 24px 0;
  text-align: left;
}
.og-produkt-single {
  /* Gramáž | oddělovač | cena v jednom řádku (flex) */
}
.og-produkt-single .og-produkt-single__meta-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  gap: 1rem;
}
.og-produkt-single .og-produkt-single__meta-inner--single {
  justify-content: flex-start;
}
.og-produkt-single .og-produkt-single__weight {
  white-space: nowrap;
  color: #211b13;
  font-weight: 400;
}
.og-produkt-single .og-produkt-single__meta-sep {
  width: 1px;
  height: 1.25em;
  flex-shrink: 0;
  background-color: #e6ddd0;
}
.og-produkt-single .og-produkt-single__price {
  white-space: nowrap;
  color: #bb2824;
  font-weight: 400;
  margin-left: auto;
}
.og-produkt-single .og-produkt-single__meta-inner--single .og-produkt-single__price {
  margin-left: 0;
}
.og-produkt-single .og-produkt-single__cta-link {
  font-weight: 700;
  color: #bb2824;
  text-decoration: none;
}
.og-produkt-single .og-produkt-single__cta-link:hover {
  text-decoration: underline;
}
.og-produkt-single .og-produkt-single__media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1/1;
  padding: 16px;
  box-sizing: border-box;
  border-radius: var(--Button-Radius-MD, 12px);
  background-color: #fcf6ee;
}
.og-produkt-single .og-produkt-single__img,
.og-produkt-single .og-produkt-single__img.wp-post-image {
  display: block;
  width: auto;
  max-width: min(400px, 100%);
  max-height: 100%;
  height: auto;
  object-fit: contain;
}
.og-produkt-single {
  /* Blok objednávky / text z kategorie — typografie z Figmy */
}
.og-produkt-single .og-produkt-single__order {
  margin: 0;
}
.og-produkt-single .og-produkt-single__order-heading {
  margin: 0 0 0.75rem;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: #211b13;
}
.og-produkt-single .og-produkt-single__order-body {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #45392E;
}
.og-produkt-single .og-produkt-single__order-body p,
.og-produkt-single .og-produkt-single__order-body li {
  font-weight: 300;
}
.og-produkt-single .og-produkt-single__order-body > p:first-child {
  margin-top: 0;
}
.og-produkt-single .og-produkt-single__order-cta {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}
.og-produkt-single .og-produkt-single__order-cta .og-produkt-single__cta-link {
  font-size: inherit;
  font-weight: 700;
}
.og-produkt-single {
  /* 1024−: celý blok objednávky 14px */
}
@media (max-width: 768px) {
  .og-produkt-single .og-produkt-single__order-heading,
  .og-produkt-single .og-produkt-single__order-body,
  .og-produkt-single .og-produkt-single__order-cta {
    font-size: 14px;
  }
  .og-produkt-single .og-produkt-single__order-cta .og-produkt-single__cta-link {
    font-size: 14px;
  }
}
.og-produkt-single {
  /* 768−: hlavní řádek pod sebe (obrázek nahoře); gramáž + cena zůstávají vedle sebe díky flex-nowrap výše */
}
@media (max-width: 768px) {
  .og-produkt-single .og-produkt-single__media-col,
  .og-produkt-single .og-produkt-single__content-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* --- Kategorie „káva“ (taxonomy-og_kategorie_produktu-kava.php) --- */
/* ACF „dva sloupce“ vykreslené v šabloně kávy — bez globálního bočního paddingu .og-dva-sloupce__row .text-content */
.og-kategorie-kava .og-dva-sloupce__row .text-content {
  padding-left: 0;
  padding-right: 0;
}

.og-kategorie-kava__banner-frame {
  position: relative;
  background-color: #352c22;
  overflow: hidden;
}

.og-kategorie-kava__banner-img {
  display: block;
  width: 100%;
  min-height: 200px;
  max-height: min(70vw, 520px);
  object-fit: cover;
  object-position: center;
}

.og-kategorie-kava__banner-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(0deg, var(--Background-Dim1, #352c22) 0%, var(--maillard-maillard-9500, rgba(33, 27, 19, 0)) 49.52%);
}

/* Sekce Chuť (káva): md+ řádek 4 + 7 + 1, pod md pod sebou */
.og-kategorie-kava__taste-media {
  text-align: center;
}
@media (min-width: 769px) {
  .og-kategorie-kava__taste-media {
    text-align: left;
  }
}

.og-kategorie-kava__taste-img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.og-kategorie-kava__taste-heading {
  margin: 0 0 16px;
  padding: 0;
  color: var(--Text-Default, #fff);
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-3L, 24px);
  font-style: normal;
  font-weight: var(--Text-Regular, 400);
  line-height: 1.4;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
}
@media (max-width: 1140px) {
  .og-kategorie-kava__taste-heading {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .og-kategorie-kava__taste-heading {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .og-kategorie-kava__taste-heading {
    font-size: 18px;
  }
}

.og-kategorie-kava__taste-text {
  margin: 0;
  padding: 0;
  color: var(--Text-Default, #fff);
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-L, 16px);
  font-style: normal;
  font-weight: var(--Text-Light, 300);
  line-height: 1.5;
  letter-spacing: var(--Text-Letter-Spacing-Text, 0.3px);
}
@media (max-width: 768px) {
  .og-kategorie-kava__taste-text {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .og-kategorie-kava__taste-text {
    font-size: 14px;
  }
}

/* Výpis produktů kávy: stejná HTML struktura jako u dortů; jen barvy textu na tmavém pozadí (specificita ≥ výchozí mřížka). */
.og-kategorie-kava .og-kategorie-kava__grid-area .og-produkty-grid .category-card.og-produkty-card .category-title.og-produkty-card__title,
.og-kategorie-kava .og-kategorie-kava__grid-area .og-produkty-grid .category-card.og-produkty-card .og-produkty-card__intro,
.og-kategorie-kava .og-kategorie-kava__grid-area .og-produkty-grid .category-card.og-produkty-card .og-produkty-card__intro p,
.og-kategorie-kava .og-kategorie-kava__grid-area .og-produkty-grid .category-card.og-produkty-card .og-produkty-card__intro li,
.og-kategorie-kava .og-kategorie-kava__grid-area .og-produkty-grid .category-card.og-produkty-card .og-produkty-card__gramaz {
  color: #fff;
}
.og-kategorie-kava .og-kategorie-kava__grid-area .og-produkty-grid .category-card.og-produkty-card .og-produkty-card__price {
  color: var(--Text-Accent-1, #bb2824);
}
.og-kategorie-kava .og-kategorie-kava__grid-area .og-produkty-grid .category-card.og-produkty-card .og-produkty-card__intro a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.og-kategorie-kava .og-kategorie-kava__grid-area .og-produkty-grid .col-12 p {
  color: #fff;
  margin: 0;
}
.og-kategorie-kava .og-kategorie-kava__grid-area {
  /* Káva: dlaždice bez béžového pozadí, obrázek přes celý čtverec (cover). */
}
.og-kategorie-kava .og-kategorie-kava__grid-area .og-produkty-grid .category-card.og-produkty-card .og-produkty-card__media.card-img-wrapper {
  position: relative;
  background-color: transparent;
  padding: 0;
  display: block;
}
.og-kategorie-kava .og-kategorie-kava__grid-area .og-produkty-grid .category-card.og-produkty-card .og-produkty-card__media.card-img-wrapper img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center;
}
.og-kategorie-kava .og-kategorie-kava__grid-area .og-produkty-grid .category-card.og-produkty-card:hover .og-produkty-card__media.card-img-wrapper {
  background-color: transparent;
}
.og-kategorie-kava .og-kategorie-kava__grid-area .og-produkty-grid .og-produkty-card--static {
  cursor: default;
  text-decoration: none;
  color: inherit;
}
.og-kategorie-kava .og-kategorie-kava__grid-area .og-produkty-grid .og-produkty-card--static:hover .og-produkty-card__media.card-img-wrapper {
  transform: none;
}

/* Šablona Kariéra — hero 60/40, podnadpis, meta výpisu, tlačítko Načíst další */
/* Shortcode „Upečte si kariéru“ — pozadí/linky z plynulého obalu stránky (žádný vlastní box). */
.og-kariera-hero {
  position: relative;
  overflow: visible;
  padding: 0;
}

/* Mřížka: md 6+1+5, xl+ 5+2+5; pravý sloupec = pozadí, výška = levý sloupec */
.og-kariera-hero__row {
  align-items: stretch;
}

.og-kariera-hero__spacer {
  min-height: 0;
}

/* Levý sloupec */
.og-kariera-hero__left {
  display: flex;
  align-items: flex-start;
}

.og-kariera-hero__content {
  width: 100%;
}
@media (min-width: 769px) {
  .og-kariera-hero__content {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .og-kariera-hero__content {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media (max-width: 768px) {
  .og-kariera-hero__content {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

/* Pravý sloupec — obrázek stránky jako pozadí (stejná výška jako levý díky stretch) */
.og-kariera-hero__right {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0;
  min-width: 0;
  min-height: 200px;
  align-self: stretch;
}
@media (min-width: 769px) {
  .og-kariera-hero__right {
    min-height: 0;
  }
}
.og-kariera-hero__right--empty {
  min-height: 0;
}

.og-kariera-hero__bg {
  flex: 1 1 auto;
  width: 100%;
  min-height: 100%;
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
}

.hr-card.hr-card--kontakt {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 768px) {
  .hr-card.hr-card--kontakt {
    padding-left: 0;
    padding-right: 0;
  }
}

.og-kontakt-card__header-wrap {
  display: flex;
  padding: 0 32px;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .og-kontakt-card__header-wrap {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.og-kontakt-card__header .col.min-w-0 {
  padding-bottom: 32px;
  padding-left: 24px;
}

.og-kontakt-card__contact-frame {
  display: flex;
  padding: 8px 32px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  box-sizing: border-box;
  border-radius: var(--Button-Radius-MD, 12px);
  background: var(--Surface-Ghost-1, rgba(205, 194, 177, 0.1));
}
@media (max-width: 768px) {
  .og-kontakt-card__contact-frame {
    padding: 8px 24px;
  }
}

/* Kariéra — e-mail + telefon v rámečku; řádky bez vlastního pozadí */
.og-kontakt-card__contact-stack--kariera {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.og-kontakt-card__contact-frame .og-kontakt-card__contact-divider {
  display: block;
  width: 100%;
  max-width: none;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #e6ddd0;
  background: none;
  opacity: 1;
}

/* HR karta v hero / kontaktu — řádek: ikona + text | svislá čára | kopírovat */
.contact-box.contact-box--kariera {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  width: 100%;
  min-width: 0;
  padding: 10px 14px;
  background-color: #f5f3ef;
  border-radius: 18px;
  border: none;
}
.og-kontakt-card__contact-frame .contact-box.contact-box--kariera {
  background-color: transparent;
  border-radius: 0;
}
.contact-box.contact-box--kariera .contact-box__main {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
}
.contact-box.contact-box--kariera .contact-box__text {
  font-size: 16px;
  font-weight: 600;
  line-height: 125%;
  color: #211b13;
  padding: 4px 0;
  margin: 0;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contact-box.contact-box--kariera img {
  flex-shrink: 0;
}
.contact-box.contact-box--kariera .contact-box__rule {
  flex-shrink: 0;
  width: 1px;
  align-self: stretch;
  min-height: 1.5rem;
  margin: 0 12px;
  background: #e6ddd0;
}
.contact-box.contact-box--kariera .contact-box__copy {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 8px;
  transition: background-color 0.15s ease;
}
.contact-box.contact-box--kariera .contact-box__copy:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.contact-box.contact-box--kariera .contact-box__copy img {
  display: block;
}

/* Podnadpis jen na stránce Kariéra (Figma Subheading LG) */
body.page-template-page-kariera .og-kariera-hero .page-subtitle {
  color: #bb2824;
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-3L, 32px);
  font-style: normal;
  font-weight: var(--Text-Light, 300);
  line-height: 140%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
  margin-top: 0.75rem;
}
@media (max-width: 1140px) {
  body.page-template-page-kariera .og-kariera-hero .page-subtitle {
    font-size: 28px;
  }
}
@media (max-width: 992px) {
  body.page-template-page-kariera .og-kariera-hero .page-subtitle {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  body.page-template-page-kariera .og-kariera-hero .page-subtitle {
    font-size: 20px;
  }
}

.og-kariera-filters-anchor {
  margin-top: 2rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.og-kariera-list-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-bottom: 48px;
}

.og-kariera-list-meta {
  width: 100%;
  margin: 32px 0 32px 0;
  font-size: 16px;
  font-weight: 300;
  color: #45392E;
}

/* Tlačítko „Načíst další“ — viz globální .btn / button v _button.scss */
.og-kariera-load-more[hidden] {
  display: none !important;
}

/* --- Blok: statistiky — horní pás 800px + spodní CTA (#211B13, .og-section96) --- */
.og-kariera-stats {
  display: flex;
  flex-direction: column;
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
  color: #fff;
  text-align: center;
}

.og-kariera-stats__stage {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 800px;
  min-height: 480px;
  max-height: 800px;
}

/* Statistiky — max-lg: jen horní obrázek (ACF obrazek) + bílé karty podle Figmy */
.og-kariera-stats__mob-banner {
  width: 100%;
  min-height: 240px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.og-kariera-stats__mob-cards {
  padding: 24px 16px 32px;
  background: #211b13;
}

.og-kariera-stats-mob-card {
  margin-bottom: 1rem;
  padding: 1.25rem 1rem;
  text-align: left;
  background: #fff;
  border: 1px solid #e6ddd0;
}
.og-kariera-stats-mob-card:last-child {
  margin-bottom: 0;
}

.og-kariera-stats-mob-card__icon {
  display: block;
  width: auto;
  max-width: 56px;
  max-height: 48px;
  height: auto;
  margin-bottom: 0.5rem;
  object-fit: contain;
}

.og-kariera-stats-mob-card__value {
  color: #211b13;
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: clamp(2rem, 8vw, 2.75rem);
  font-weight: 300;
  line-height: 110%;
}

.og-kariera-stats-mob-card__value-link {
  color: inherit;
  font: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.og-kariera-stats-mob-card__value-link:hover, .og-kariera-stats-mob-card__value-link:focus-visible {
  text-decoration: underline;
}

.og-kariera-stats-mob-card__label {
  margin-top: 0.25rem;
  color: #211b13;
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: 0.2px;
}

.og-kariera-stats-mob-card__divider {
  margin: 1rem 0;
  border: 0;
  border-top: 1px solid #e6ddd0;
  opacity: 1;
}

.og-kariera-stats-mob-card__text {
  margin: 0;
  color: #786c5c;
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.3px;
}

.og-kariera-stats-mob-card__link {
  display: inline-block;
  margin-top: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  color: #B62F2B;
  text-decoration: none;
}
.og-kariera-stats-mob-card__link:hover {
  color: #92120F;
  text-decoration: underline;
}

.og-kariera-stats__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  z-index: 0;
}

.og-kariera-stats__bg--hover {
  opacity: 0;
  transition: opacity 0.65s ease;
  pointer-events: none;
}

.og-kariera-stats__stage--stat-hover .og-kariera-stats__bg--hover {
  opacity: 1;
}

.og-kariera-stats__gradient {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(29, 29, 27, 0.15) 0%, rgba(29, 29, 27, 0.55) 55%, rgba(29, 29, 27, 0.82) 100%);
  transition: opacity 0.65s ease;
}

.og-kariera-stats__stage--stat-hover .og-kariera-stats__gradient {
  opacity: 0.88;
}

.og-kariera-stats__inner--numbers {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 48px 32px 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.og-kariera-stats__cta {
  /* Stejné pozadí jako #section-footer .footer-top-band (hnědá + gradient + pattern.svg) */
  width: 100%;
  align-self: stretch;
  box-sizing: border-box;
  background-color: #211b13;
  background-image: linear-gradient(180deg, var(--Maillard-Maillard-950, rgb(33, 27, 19)) 0%, var(--maillard-maillard-9500, rgba(33, 27, 19, 0.6)) 100%), url("../images/pattern.svg");
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  background-position: center top, center top;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.5rem;
}
.og-kariera-stats__cta .og-kariera-stats__heading {
  margin: 0;
  max-width: 36rem;
  color: var(--Text-Default, #fff);
  text-align: center;
  text-shadow: 0 0 16px var(--Text-Shadow, rgba(0, 0, 0, 0.3));
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-3L, 32px);
  font-style: normal;
  font-weight: var(--Text-Regular, 400);
  line-height: 140%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
}
@media (max-width: 1140px) {
  .og-kariera-stats__cta .og-kariera-stats__heading {
    font-size: 28px;
  }
}
@media (max-width: 992px) {
  .og-kariera-stats__cta .og-kariera-stats__heading {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .og-kariera-stats__cta .og-kariera-stats__heading {
    font-size: 20px;
  }
}

.og-kariera-stats__numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  align-self: stretch;
  gap: 2rem 2.5rem;
  width: 100%;
  text-align: center;
}

.og-kariera-stats__cell {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 1 1 220px;
  min-width: 0;
  max-width: 420px;
}
@media (min-width: 769px) {
  .og-kariera-stats__cell {
    flex: 1 1 0;
    max-width: none;
  }
}
@media (max-width: 768px) {
  .og-kariera-stats__cell {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.og-kariera-stats__cell {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .og-kariera-stats__cell {
    transition: none;
  }
}
.og-kariera-stats__cell-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  padding: 1.25rem 1rem 1.25rem;
  margin: 0 auto;
  background: transparent;
  border-radius: 0;
  border-bottom: 2px solid #e6ddd0;
  transform-origin: 50% 100%;
  transition: transform 0.72s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.55s ease, box-shadow 0.55s ease, border-color 0.45s ease;
}

.og-kariera-stats__icon {
  display: block;
  width: auto;
  max-width: 88px;
  max-height: 72px;
  height: auto;
  margin-bottom: 0.65rem;
  object-fit: contain;
  transition: filter 0.35s ease;
}

.og-kariera-stats__value {
  color: var(--Text-Default, #fff);
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-5L, clamp(2.75rem, 12vw, 88px));
  font-style: normal;
  font-weight: var(--Text-Light, 300);
  line-height: 110%;
  letter-spacing: var(--Text-Letter-Spacing-Display, 0);
  transition: color 0.5s ease;
}

.og-kariera-stats__value-link {
  color: inherit;
  font: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-decoration: none;
  transition: color 0.5s ease;
}
.og-kariera-stats__value-link:hover, .og-kariera-stats__value-link:focus-visible {
  text-decoration: underline;
}

.og-kariera-stats__label {
  margin-top: 0.35rem;
  color: var(--Text-Default, #fff);
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-L, 22px);
  font-style: normal;
  font-weight: var(--Text-Regular, 400);
  line-height: 125%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
  transition: color 0.5s ease;
}

.og-kariera-stats__extra {
  width: 100%;
  max-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  border-top: 1px solid transparent;
  transition: max-height 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.55s ease, margin 0.55s ease, padding 0.55s ease, border-color 0.45s ease;
}

.og-kariera-stats__extra-text {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 145%;
  color: #524F4E;
  text-align: center;
}

.og-kariera-stats__extra-link {
  display: inline-block;
  margin-top: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  color: #B62F2B;
  text-decoration: none;
  transition: color 0.15s ease;
}
.og-kariera-stats__extra-link:hover {
  color: #92120F;
  text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {
  .og-kariera-stats__cell:hover .og-kariera-stats__cell-panel,
  .og-kariera-stats__cell:focus-within .og-kariera-stats__cell-panel {
    background: #fff;
    border-bottom-color: #e6ddd0;
    box-shadow: 0 -16px 48px rgba(0, 0, 0, 0.22);
    transform: translateY(-28px);
  }
  .og-kariera-stats__cell:hover .og-kariera-stats__value,
  .og-kariera-stats__cell:focus-within .og-kariera-stats__value,
  .og-kariera-stats__cell:hover .og-kariera-stats__value-link,
  .og-kariera-stats__cell:focus-within .og-kariera-stats__value-link,
  .og-kariera-stats__cell:hover .og-kariera-stats__label,
  .og-kariera-stats__cell:focus-within .og-kariera-stats__label {
    color: #45392E;
  }
  .og-kariera-stats__cell:hover .og-kariera-stats__extra,
  .og-kariera-stats__cell:focus-within .og-kariera-stats__extra {
    max-height: 280px;
    margin-top: 1rem;
    padding-top: 1rem;
    opacity: 1;
    border-top-color: #e6ddd0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .og-kariera-stats__cell-panel,
  .og-kariera-stats__value,
  .og-kariera-stats__label,
  .og-kariera-stats__extra,
  .og-kariera-stats__bg--hover,
  .og-kariera-stats__gradient {
    transition: none !important;
  }
  .og-kariera-stats__cell:hover .og-kariera-stats__cell-panel,
  .og-kariera-stats__cell:focus-within .og-kariera-stats__cell-panel {
    transform: none;
  }
}
/* --- Blok: FAQ (nadpis + lead + harmonika) --- */
/* Nadpis: sdílená třída .og-type-heading-lg-centered (_typo.scss) + .og-kariera-faq-block__title v HTML */
/* Jedno uzavření .container v PHP + výběh na šířku okna (jako .og-kariera-stats; bez druhého </div> — ten kazí #page-content). */
.og-kariera-faq-block {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.og-kariera-faq-block__status-row {
  display: none;
}

/* FAQ: červený podtrh jen u zavřených položek; po otevření (active) žádný stín */
.og-kariera-faq-block .og-accordion-item > .og-accordion-header {
  transition: box-shadow 0.15s ease;
}

.og-kariera-faq-block .og-accordion-item:not(.active) > .og-accordion-header:hover {
  box-shadow: inset 0 -2px 0 0 #B62F2B;
}

.og-kariera-faq-block .og-accordion-item.active > .og-accordion-header,
.og-kariera-faq-block .og-accordion-item.active > .og-accordion-header:hover {
  box-shadow: none !important;
}

/* Typografie otázky — Subheading SM (Figma); přebije mixin .og-accordion-header h3 */
.og-kariera-faq-block .og-accordion .og-accordion-header .og-accordion-title {
  color: var(--Text-Soft, #4f4538);
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-L, 22px);
  font-style: normal;
  font-weight: var(--Text-Light, 300);
  line-height: 125%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
}
.og-kariera-faq-block .og-accordion .og-accordion-header .og-accordion-title h3 {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}
@media (max-width: 1400px) {
  .og-kariera-faq-block .og-accordion .og-accordion-header .og-accordion-title {
    font-size: 20px;
  }
}
@media (max-width: 1140px) {
  .og-kariera-faq-block .og-accordion .og-accordion-header .og-accordion-title {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .og-kariera-faq-block .og-accordion .og-accordion-header .og-accordion-title {
    font-size: 16px;
  }
}

.og-custom-accordion .og-kariera-item--listing {
  border-bottom: 1px solid #e6ddd0;
}
.og-custom-accordion .og-kariera-item--listing > .og-accordion-header {
  transition: box-shadow 0.15s ease;
}

.og-custom-accordion .og-kariera-item--listing:not(.is-open):not(.is-expanding) > .og-accordion-header:hover {
  box-shadow: inset 0 -2px 0 0 #B62F2B;
}

.og-custom-accordion .og-kariera-item--listing.is-open > .og-accordion-header,
.og-custom-accordion .og-kariera-item--listing.is-open > .og-accordion-header:hover,
.og-custom-accordion .og-kariera-item--listing.is-expanding > .og-accordion-header,
.og-custom-accordion .og-kariera-item--listing.is-expanding > .og-accordion-header:hover {
  box-shadow: none !important;
}

.og-kariera-faq-block__lead {
  max-width: 42rem;
  margin: 0 auto 2rem;
  font-size: 1.0625rem;
  color: #524F4E;
  font-weight: 400;
}

.og-kariera-faq-block__accordion {
  max-width: 900px;
}

/* Harmonika v bloku FAQ — přes šířku kontejneru (mixin z prodejen má jinak fit-content) */
.og-kariera-faq-block .og-accordion-item .og-accordion-content {
  width: 100%;
  max-width: 100%;
}

.og-kariera-faq-block .og-accordion-item .og-accordion-inner {
  width: 100%;
  max-width: 100%;
}

/* Řádek nabídky Kariéra: nadpis vlevo, šipka vpravo; po rozbalení meta + .btn */
.og-kariera-item__header {
  padding-left: 0;
  padding-right: 0;
}

.og-kariera-item__head {
  padding-right: 0.25rem;
}

.og-kariera-item__head-main {
  min-width: 0;
  display: block;
}

.og-kariera-item__head h3 {
  color: var(--Text-Soft, #4f4538);
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-L, 22px);
  font-style: normal;
  font-weight: var(--Text-Light, 300);
  line-height: 125%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
}
@media (max-width: 1400px) {
  .og-kariera-item__head h3 {
    font-size: 20px;
  }
}
@media (max-width: 1140px) {
  .og-kariera-item__head h3 {
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .og-kariera-item__head h3 {
    font-size: 16px;
  }
}

.og-kariera-item__head-meta {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  color: #45392E;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.25;
  white-space: normal;
}

.og-kariera-item__head-uvazek,
.og-kariera-item__head-lokace {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.og-kariera-item__head-lokace-icon {
  flex-shrink: 0;
  display: block;
}

@media (max-width: 768px) {
  .og-kariera-item__head {
    align-items: flex-start !important;
  }
  .og-kariera-item__head-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
    white-space: normal;
  }
}
.og-kariera-item__chevron .og-icon-arrow {
  display: block;
  width: 20px;
  height: auto;
  transition: transform 0.4s ease;
}

.og-kariera-item__expanded-meta {
  max-width: 40rem;
  margin-top: 1.75rem;
  padding-top: 0.25rem;
}

.og-kariera-meta-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  padding-bottom: 0;
  border-bottom: none;
  font-size: 1rem;
  font-weight: 400;
  color: #45392E;
}

.og-kariera-meta-row__icon {
  flex-shrink: 0;
  width: 18px;
  height: auto;
}

.og-kariera-meta-row__fa {
  flex-shrink: 0;
  width: 1.125rem;
  text-align: center;
  color: #524F4E;
}

.og-kariera-item__cta {
  margin-top: 0.5rem;
}

.og-kariera-item__body {
  color: #45392E;
  font-size: 1.0625rem;
  line-height: 1.55;
  font-weight: 300;
}
@media (max-width: 768px) {
  .og-kariera-item__body {
    font-size: 16px;
  }
}

.og-kariera-item__detail-link {
  font-weight: 600;
  color: #B62F2B;
  text-decoration: none;
}
.og-kariera-item__detail-link:hover, .og-kariera-item__detail-link:focus-visible {
  color: #92120F;
  text-decoration: underline;
}

/* Vnořené benefity u rozbalené pozice (stejná harmonika, oddělený podnadpis) */
.og-kariera-item__pozice-benefity-label {
  font-size: 1.0625rem;
  font-weight: 600;
  color: #45392E;
  margin: 0 0 0.5rem;
}

.og-kariera-item__pozice-benefity {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid #e6ddd0;
}

.og-kariera-item--benefit .og-kariera-item__head {
  gap: 0.75rem;
}

.og-benefit-accordion__icon {
  flex-shrink: 0;
  object-fit: contain;
  width: 18px;
  height: 18px;
}

.og-kariera-item--benefit .og-kariera-item__head .h5.og-benefit-accordion__title {
  flex: 1 1 auto;
}

.og-benefit-accordion__header {
  padding: 16px 0;
}

.og-benefit-accordion__title {
  color: var(--Text-Soft, #4f4538);
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-S, 16px);
  font-style: normal;
  font-weight: var(--Text-Regular, 400);
  line-height: 110%;
  letter-spacing: var(--Text-Letter-Spacing-Text, 0.3px);
  margin: 0;
}

/* Plus u benefitů: stačí .og-benefit-accordion__toggle (i bez .og-icon-toggle) */
.og-benefit-accordion__toggle {
  display: block;
  font-size: 22px;
  font-weight: 300;
  color: #786c5c;
  line-height: 1;
  transition: transform 0.4s ease;
  min-width: 1.5rem;
  text-align: center;
}
.og-benefit-accordion__toggle::before {
  content: "+";
}

/* Blok: 5 + mezera + 5 + mezera, pod $lg plná šířka, mezery skryté; sekce bílá, ne béžová stránky */
.og-kariera-benefity-block.og-kariera-benefity-block--on-white {
  background-color: #fff;
}

@media (max-width: 992px) {
  .og-kariera-benefity-block .og-kariera-benefity-block__text {
    margin-bottom: 1.5rem;
  }
}
.og-kariera-benefity-block .og-kariera-benefity-block__gutter {
  min-height: 0;
}

.og-kariera-benefity-block__title {
  color: #4f4538;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 400;
}
@media (max-width: 992px) {
  .og-kariera-benefity-block__title {
    font-size: 1.75rem;
  }
}

.og-kariera-benefity-block__lead p:last-child {
  margin-bottom: 0;
}

.og-kariera-benefity-block .og-custom-accordion {
  max-width: 100%;
}

.og-benefit-accordion__actions {
  padding-top: 0.5rem;
}

.og-benefit-accordion__show-more {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.25rem 0;
  margin: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: #bb2824;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  text-decoration: underline;
  text-underline-offset: 0.15em;
  align-self: flex-start;
  -webkit-tap-highlight-color: transparent;
}

.og-benefit-accordion__show-more:hover,
.og-benefit-accordion__show-more:focus-visible {
  color: #92120F;
  text-decoration: underline;
}

.og-benefit-accordion__show-more .og-benefit-accordion__chev-img {
  display: block;
  transition: transform 0.25s ease;
}

/* Hover červené podtržení u řádků v akordeonu benefitů (dědí z .og-kariera-item--listing) */
.og-kariera-item__pozice-benefity .og-custom-accordion .og-kariera-item--listing.og-kariera-item--benefit:not(.is-open):not(.is-expanding) > .og-accordion-header:hover,
.og-kariera-benefity-block .og-kariera-item--listing.og-kariera-item--benefit:not(.is-open):not(.is-expanding) > .og-accordion-header:hover {
  box-shadow: inset 0 -2px 0 0 #B62F2B;
}

/* --- Sekce kontakt (#kontakt) před patičkou --- */
.og-kariera-kontakt__notice {
  margin: 0 0 1.5rem;
  padding: 12px 16px;
  border-radius: 12px;
  font-size: 16px;
}
.og-kariera-kontakt__notice--ok {
  background: rgba(76, 175, 80, 0.12);
  color: #0F0E0D;
}
.og-kariera-kontakt__notice--err {
  background: rgba(182, 47, 43, 0.1);
  color: #0F0E0D;
}

.og-kariera-kontakt__lead {
  margin: 0 0 0.5rem;
  color: var(--Text-Accent-1, #bb2824);
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-3L, 28px);
  font-style: normal;
  font-weight: var(--Text-Light, 300);
  line-height: 140%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
}
@media (max-width: 992px) {
  .og-kariera-kontakt__lead {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .og-kariera-kontakt__lead {
    font-size: 20px;
  }
}

.og-kariera-kontakt #og-kariera-kontakt-heading.og-kariera-kontakt__title {
  margin: 0;
  color: var(--Text-Default, #211b13);
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  font-size: var(--Font-Size-3L, 28px);
  font-style: normal;
  font-weight: var(--Text-Regular, 400);
  line-height: 140%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
}
@media (max-width: 992px) {
  .og-kariera-kontakt #og-kariera-kontakt-heading.og-kariera-kontakt__title {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .og-kariera-kontakt #og-kariera-kontakt-heading.og-kariera-kontakt__title {
    font-size: 20px;
  }
}

.og-kariera-kontakt__form {
  max-width: 100%;
}

.og-kariera-kontakt__field {
  margin-bottom: 1.25rem;
  border-bottom: 2px solid #e6ddd0;
  transition: border-color 0.15s ease;
}
.og-kariera-kontakt__field:hover, .og-kariera-kontakt__field:focus-within {
  border-bottom-color: #B62F2B;
}
.og-kariera-kontakt__field--checkbox {
  margin-bottom: 0.75rem;
  border-bottom: none;
}
.og-kariera-kontakt__field--checkbox:hover, .og-kariera-kontakt__field--checkbox:focus-within {
  border-bottom-color: transparent;
}
.og-kariera-kontakt__field--textarea {
  margin-bottom: 1.25rem;
  padding-bottom: 2px;
  border-bottom: 2px solid #e6ddd0;
}
.og-kariera-kontakt__field--textarea:hover, .og-kariera-kontakt__field--textarea:focus-within {
  border-bottom-color: #B62F2B;
}

.og-kariera-kontakt__label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 15px;
  font-weight: 600;
  color: #45392E;
}

.og-kariera-kontakt__input,
.og-kariera-kontakt__textarea {
  display: block;
  width: 100%;
  border: none;
  background: transparent;
  padding: 10px 0;
  color: #45392E;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  outline: none;
}
.og-kariera-kontakt__input::placeholder,
.og-kariera-kontakt__textarea::placeholder {
  color: rgba(33, 27, 19, 0.45);
}

.og-kariera-kontakt__textarea {
  resize: vertical;
  min-height: 120px;
}

.og-kariera-kontakt__textarea-meta {
  display: flex;
  justify-content: flex-end;
  margin-top: 4px;
}

.og-kariera-kontakt__charcount {
  font-size: 14px;
  color: #524F4E;
}

.og-kariera-kontakt__hint {
  margin: 0.5rem 0 0;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.4;
  color: #524F4E;
  background: rgba(230, 221, 208, 0.35);
  border-radius: 8px;
}

.og-kariera-kontakt__file {
  display: block;
  width: 100%;
  padding: 8px 0;
  font-size: 15px;
  font-weight: 300;
}

.og-kariera-kontakt__file-hint {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  color: #524F4E;
}

.og-kariera-kontakt__check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 15px;
  line-height: 1.35;
  color: #45392E;
  cursor: pointer;
}
.og-kariera-kontakt__check input {
  margin-top: 4px;
  flex-shrink: 0;
}

.og-kariera-kontakt__privacy-link {
  color: #B62F2B;
  text-decoration: none;
}
.og-kariera-kontakt__privacy-link:hover {
  text-decoration: underline;
}

/* Contact Form 7 — sloupec (.col*) + .og-cf7-field; podtržení řádku jen na .og-cf7-field__line */
.og-kariera-kontakt__cf7 {
  max-width: 100%;
}
.og-kariera-kontakt__cf7 .wpcf7-form,
.og-kariera-kontakt__cf7 form.wpcf7-form,
.og-kariera-kontakt__cf7 .wpcf7-form.init {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  margin: 0;
  /* Jednotná mezera mezi řádky (nahrazuje mb-* ve formuláři) — 24px mobil i desktop */
  gap: 24px;
}
.og-kariera-kontakt__cf7 {
  /* Případné mb-* z CF7 šablony přebijeme, mezeru řídí jen gap formuláře */
}
.og-kariera-kontakt__cf7 .wpcf7-form > .row,
.og-kariera-kontakt__cf7 .wpcf7-form > p {
  margin-bottom: 0 !important;
}
.og-kariera-kontakt__cf7 .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.og-kariera-kontakt__cf7 {
  /* E-mail + telefon: při stacku pod sebe zachovat stejný vertikální gap (24px). */
}
.og-kariera-kontakt__cf7 .row.gx-0.gx-xl-3 {
  row-gap: 24px;
}
@media (min-width: 1140px) {
  .og-kariera-kontakt__cf7 .row.gx-0.gx-xl-3 {
    row-gap: 0;
  }
}
.og-kariera-kontakt__cf7 .og-cf7-field {
  margin-bottom: 0;
}
.og-kariera-kontakt__cf7 .og-cf7-field small {
  display: block;
  margin-top: 0.5rem;
  font-size: 14px;
  line-height: 1.4;
  color: #524F4E;
}
.og-kariera-kontakt__cf7 .og-cf7-field label:not(.visually-hidden) {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 15px;
  font-weight: 600;
  color: #45392E;
}
.og-kariera-kontakt__cf7 .og-cf7-field__line {
  border-bottom: 2px solid #e6ddd0;
  padding-bottom: 2px;
  transition: border-color 0.15s ease;
}
@media (min-width: 992px) {
  .og-kariera-kontakt__cf7 .og-cf7-field__line {
    padding-bottom: 6px;
  }
}
.og-kariera-kontakt__cf7 .og-cf7-field:focus-within .og-cf7-field__line {
  border-bottom-color: #B62F2B;
}
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--floating {
  position: relative;
  padding-top: 14px;
}
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--floating:focus-within {
  background: transparent;
}
.og-kariera-kontakt__cf7 {
  /* Chybová hláška pod plovoucím polem — absolutně jen u jednosloupcových řádků (jméno, zpráva). */
}
.og-kariera-kontakt__cf7 .og-cf7-field--floating .wpcf7-not-valid-tip {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 4px;
  width: 100%;
  z-index: 5;
}
.og-kariera-kontakt__cf7 .og-cf7-field--floating:has(.wpcf7-not-valid-tip) {
  margin-bottom: 1.5rem;
}
.og-kariera-kontakt__cf7 .og-cf7-floating-label {
  position: absolute;
  left: 0;
  top: 24px;
  margin: 0;
  color: rgba(33, 27, 19, 0.7);
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
  transform-origin: left top;
  pointer-events: none;
  transition: transform 0.2s ease, top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
  z-index: 2;
}
@media (min-width: 1400px) {
  .og-kariera-kontakt__cf7 .og-cf7-floating-label {
    font-size: 16px;
  }
}
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--floating.is-active .og-cf7-floating-label,
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--floating:focus-within .og-cf7-floating-label {
  top: 6px;
  font-size: 13px;
  color: #211b13;
  transform: translateY(0);
}
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--file-cv:has(.og-cf7-file-cv__bar) .og-cf7-field__line {
  position: relative;
  min-height: 2.75rem;
  padding-bottom: 0;
}
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--file-cv:has(.og-cf7-file-cv__bar):hover .og-cf7-field__line,
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--file-cv:has(.og-cf7-file-cv__bar):focus-within .og-cf7-field__line {
  border-bottom-color: #B62F2B;
}
.og-kariera-kontakt__cf7 .og-cf7-file-cv__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 2.5rem;
  padding-bottom: 4px;
  position: relative;
  z-index: 4;
}
.og-kariera-kontakt__cf7 {
  /* Vlastní odebrání souboru — tlačítko je v .wpcf7-form-control-wrap (nad skrytým inputem). */
}
.og-kariera-kontakt__cf7 .og-cf7-file-clear-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(33, 27, 19, 0.08);
  color: #211b13;
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.og-kariera-kontakt__cf7 .og-cf7-file-clear-btn:hover, .og-kariera-kontakt__cf7 .og-cf7-file-clear-btn:focus-visible {
  background: rgba(182, 47, 43, 0.12);
  color: #B62F2B;
}
.og-kariera-kontakt__cf7 .og-cf7-file-clear-btn:focus-visible {
  outline: 2px solid #B62F2B;
  outline-offset: 2px;
}
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--file-cv .wpcf7-form-control-wrap:has(.og-cf7-file-clear-btn) {
  padding-right: 2.75rem;
}
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--file-cv .wpcf7-form-control-wrap .og-cf7-file-clear-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
}
.og-kariera-kontakt__cf7 .og-cf7-file-cv__label {
  margin: 0;
}
.og-kariera-kontakt__cf7 .og-cf7-file-cv__action {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #211b13;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
  opacity: 0;
  transform: translateY(2px);
  transition: opacity 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
@media (min-width: 1400px) {
  .og-kariera-kontakt__cf7 .og-cf7-file-cv__action {
    font-size: 15px;
  }
}
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--file-cv:hover .og-cf7-file-cv__action,
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--file-cv:focus-within .og-cf7-file-cv__action {
  opacity: 1;
  transform: translateY(0);
  color: #B62F2B;
}
.og-kariera-kontakt__cf7 .og-cf7-file-cv__icon {
  flex-shrink: 0;
  color: currentColor;
}
.og-kariera-kontakt__cf7 {
  /* Obal nesmí mít opacity:0 — skryje název souboru a křížek „odebrat“ od CF7. */
}
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--file-cv:has(.og-cf7-file-cv__bar) .wpcf7-form-control-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  z-index: 2;
  box-sizing: border-box;
}
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--file-cv:has(.og-cf7-file-cv__bar) .wpcf7-form-control-wrap input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 2.75rem;
  margin: 0;
  padding: 0;
  cursor: pointer;
  font-size: 0 !important;
  line-height: 0;
  opacity: 0;
  z-index: 1;
}
.og-kariera-kontakt__cf7 {
  /* Prvky CF7 (název souboru, odebrání) nad neviditelným inputem */
}
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--file-cv:has(.og-cf7-file-cv__bar) .wpcf7-form-control-wrap :not(input[type=file]) {
  position: relative;
  z-index: 3;
}
.og-kariera-kontakt__cf7 .og-cf7-field--submit {
  margin-top: 0;
  margin-bottom: 0;
}
.og-kariera-kontakt__cf7 .og-cf7-field--submit .og-cf7-field__line {
  border-bottom: none;
  padding-bottom: 0;
}
.og-kariera-kontakt__cf7 .wpcf7-form,
.og-kariera-kontakt__cf7 .wpcf7-form * {
  box-sizing: border-box;
}
.og-kariera-kontakt__cf7 input[type=text],
.og-kariera-kontakt__cf7 input[type=email],
.og-kariera-kontakt__cf7 input[type=tel],
.og-kariera-kontakt__cf7 input[type=url],
.og-kariera-kontakt__cf7 textarea {
  display: block;
  width: 100%;
  border: none;
  background: transparent;
  padding: 10px 0;
  color: #45392E;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  outline: none;
}
@media (min-width: 1400px) {
  .og-kariera-kontakt__cf7 input[type=text],
  .og-kariera-kontakt__cf7 input[type=email],
  .og-kariera-kontakt__cf7 input[type=tel],
  .og-kariera-kontakt__cf7 input[type=url],
  .og-kariera-kontakt__cf7 textarea {
    font-size: 16px;
  }
}
.og-kariera-kontakt__cf7 input[type=text]::placeholder,
.og-kariera-kontakt__cf7 input[type=email]::placeholder,
.og-kariera-kontakt__cf7 input[type=tel]::placeholder,
.og-kariera-kontakt__cf7 input[type=url]::placeholder,
.og-kariera-kontakt__cf7 textarea::placeholder {
  color: rgba(33, 27, 19, 0.45);
}
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--floating input[type=text],
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--floating input[type=email],
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--floating input[type=tel],
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--floating input[type=url] {
  padding-top: 14px;
  padding-bottom: 6px;
}
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--floating textarea {
  padding-top: 14px;
  min-height: 132px;
}
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--floating input::placeholder,
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--floating textarea::placeholder {
  color: transparent;
}
.og-kariera-kontakt__cf7 input:-webkit-autofill,
.og-kariera-kontakt__cf7 input:-webkit-autofill:hover,
.og-kariera-kontakt__cf7 input:-webkit-autofill:focus,
.og-kariera-kontakt__cf7 textarea:-webkit-autofill,
.og-kariera-kontakt__cf7 textarea:-webkit-autofill:hover,
.og-kariera-kontakt__cf7 textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: #45392E;
  box-shadow: 0 0 0 1000px transparent inset;
  -webkit-box-shadow: 0 0 0 1000px transparent inset;
  background-color: transparent !important;
  transition: background-color 9999s ease-out 0s;
  caret-color: #45392E;
}
.og-kariera-kontakt__cf7 input:autofill,
.og-kariera-kontakt__cf7 textarea:autofill {
  background-color: transparent !important;
  color: #45392E !important;
}
.og-kariera-kontakt__cf7 input[type=file] {
  display: block;
  width: 100%;
  padding: 8px 0;
  font-size: 18px;
  font-weight: 300;
  border: none;
  background: transparent;
  color: #45392E;
  border-radius: 0;
}
@media (min-width: 1400px) {
  .og-kariera-kontakt__cf7 input[type=file] {
    font-size: 16px;
  }
}
.og-kariera-kontakt__cf7 input[type=file]::file-selector-button {
  margin-right: 0.75rem;
  font: inherit;
  color: #bb2824;
  background: none;
  border: none;
  padding: 0.25rem 0;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.og-kariera-kontakt__cf7 input[type=file]::-webkit-file-upload-button {
  margin-right: 0.75rem;
  font: inherit;
  color: #bb2824;
  background: none;
  border: none;
  padding: 0.25rem 0;
  cursor: pointer;
}
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--file-cv:has(.og-cf7-file-cv__bar) .wpcf7-form-control-wrap input[type=file]::file-selector-button,
.og-kariera-kontakt__cf7 .og-cf7-field.og-cf7-field--file-cv:has(.og-cf7-file-cv__bar) .wpcf7-form-control-wrap input[type=file]::-webkit-file-upload-button {
  text-decoration: none;
  color: transparent;
}
.og-kariera-kontakt__cf7 textarea {
  resize: vertical;
  min-height: 120px;
}
.og-kariera-kontakt__cf7 .og-cf7-field--check .og-cf7-field__line,
.og-kariera-kontakt__cf7 .checkbox-row .og-cf7-field__line,
.og-kariera-kontakt__cf7 .form-row.checkbox-row .og-cf7-field__line {
  border-bottom: none;
  padding-bottom: 0;
}
.og-kariera-kontakt__cf7 .og-cf7-field--check .wpcf7-list-item,
.og-kariera-kontakt__cf7 .checkbox-row .wpcf7-list-item,
.og-kariera-kontakt__cf7 .form-row.checkbox-row .wpcf7-list-item {
  margin: 0;
}
.og-kariera-kontakt__cf7 .og-cf7-field--check label,
.og-kariera-kontakt__cf7 .checkbox-row label,
.og-kariera-kontakt__cf7 .form-row.checkbox-row label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 15px;
  line-height: 1.35;
  color: #45392E;
  cursor: pointer;
}
.og-kariera-kontakt__cf7 .og-cf7-field--check input[type=checkbox],
.og-kariera-kontakt__cf7 .checkbox-row input[type=checkbox],
.og-kariera-kontakt__cf7 .form-row.checkbox-row input[type=checkbox] {
  margin-top: 4px;
  flex-shrink: 0;
}
.og-kariera-kontakt__cf7 .og-cf7-field--check a,
.og-kariera-kontakt__cf7 .checkbox-row a,
.og-kariera-kontakt__cf7 .form-row.checkbox-row a {
  color: #B62F2B;
  text-decoration: none;
}
.og-kariera-kontakt__cf7 .og-cf7-field--check a:hover,
.og-kariera-kontakt__cf7 .checkbox-row a:hover,
.og-kariera-kontakt__cf7 .form-row.checkbox-row a:hover {
  text-decoration: underline;
}
.og-kariera-kontakt__cf7 input.wpcf7-submit {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  color: #211b13;
  background: rgba(205, 194, 177, 0.15);
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 0.75rem 1.5rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  cursor: pointer;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
@media (min-width: 1400px) {
  .og-kariera-kontakt__cf7 input.wpcf7-submit {
    font-size: 16px;
  }
}
.og-kariera-kontakt__cf7 input.wpcf7-submit:disabled {
  color: #211b13;
  background: rgba(205, 194, 177, 0.15);
  border-color: transparent;
  cursor: not-allowed;
  opacity: 1;
}
.og-kariera-kontakt__cf7 input.wpcf7-submit:not(:disabled) {
  color: #fff;
  background: #B62F2B;
  border-color: #B62F2B;
}
.og-kariera-kontakt__cf7 input.wpcf7-submit:not(:disabled):hover {
  background: #92120F;
  border-color: #92120F;
  color: #fff;
}
.og-kariera-kontakt__cf7 input.wpcf7-submit:focus-visible {
  outline: 2px solid #B62F2B;
  outline-offset: 2px;
}
.og-kariera-kontakt__cf7 .wpcf7-not-valid-tip {
  margin-top: 0.35rem;
  font-size: 14px;
}
.og-kariera-kontakt__cf7 .wpcf7-response-output {
  margin: 1rem 0 0;
  padding: 12px 16px;
  border: 1px solid rgba(33, 27, 19, 0.18);
  border-radius: 12px;
  font-size: 15px;
}

/* --- Single: detail pozice kariéra (single-kariera.php) --- */
.og-kariera-single-hero--no-thumb {
  padding-block: 48px 32px;
}
@media (max-width: 768px) {
  .og-kariera-single-hero--no-thumb {
    padding-block: 40px 24px;
  }
}

.page-hero-breadcrumb--kariera-detail {
  margin-bottom: 12px;
}

.page-hero-breadcrumb--kariera-detail .page-hero-breadcrumb__link {
  color: #B62F2B;
}
.page-hero-breadcrumb--kariera-detail .page-hero-breadcrumb__link:hover, .page-hero-breadcrumb--kariera-detail .page-hero-breadcrumb__link:focus-visible {
  color: #92120F;
}

.og-kariera-single-hero__title {
  color: #211b13;
}

.pb-kariera-section {
  padding-bottom: 96px;
}
@media (max-width: 992px) {
  .pb-kariera-section {
    padding-bottom: 64px;
  }
}
@media (max-width: 768px) {
  .pb-kariera-section {
    padding-bottom: 48px;
  }
}

.og-kariera-single__intro-text {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.45;
  color: #45392E;
}
@media (max-width: 992px) {
  .og-kariera-single__intro-text {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .og-kariera-single__intro-text {
    font-size: 18px;
  }
}
.og-kariera-single__intro-text p:last-child {
  margin-bottom: 0;
}

.og-kariera-single__meta-label {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(33, 27, 19, 0.65);
  margin-bottom: 0.35rem;
}

.og-kariera-single__meta-value {
  font-size: 18px;
  font-weight: 500;
  color: #211b13;
}

.og-kariera-single__meta-value.mb-0 {
  color: var(--Text-Default, #211B13);
  font-family: var(--Text-Font-Family, "Hanken Grotesk"), sans-serif;
  font-size: var(--Font-Size-3L, 32px);
  font-style: normal;
  font-weight: var(--Text-Regular, 400);
  line-height: 140%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
}
@media (max-width: 1400px) {
  .og-kariera-single__meta-value.mb-0 {
    font-size: 28px;
  }
}
@media (max-width: 992px) {
  .og-kariera-single__meta-value.mb-0 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .og-kariera-single__meta-value.mb-0 {
    font-size: 20px;
  }
}

.og-kariera-single__meta-bleed figure {
  margin-bottom: 0;
}

.og-kariera-single__meta-label.mb-2 {
  color: var(--Text-Default, #211B13);
  font-family: var(--Text-Font-Family, "Hanken Grotesk"), sans-serif;
  font-size: var(--Font-Size-L, 22px);
  font-style: normal;
  font-weight: var(--Text-Light, 300);
  line-height: 150%;
  letter-spacing: var(--Text-Letter-Spacing-Text, 0.3px);
  text-transform: none;
}
@media (max-width: 1400px) {
  .og-kariera-single__meta-label.mb-2 {
    font-size: 20px;
  }
}
@media (max-width: 992px) {
  .og-kariera-single__meta-label.mb-2 {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .og-kariera-single__meta-label.mb-2 {
    font-size: 16px;
  }
}

.og-kariera-single__meta-label.mb-0 {
  color: var(--Text-Soft, #4F4538);
  font-family: var(--Text-Font-Family, "Hanken Grotesk"), sans-serif;
  font-size: var(--Font-Size-S, 16px);
  font-style: normal;
  font-weight: var(--Text-Light, 300);
  line-height: 150%;
  letter-spacing: var(--Text-Letter-Spacing-Text, 0.3px);
  text-transform: none;
}
@media (max-width: 992px) {
  .og-kariera-single__meta-label.mb-0 {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .og-kariera-single__meta-label.mb-0 {
    font-size: 14px;
  }
}

.og-kariera-single__meta-inline-rule {
  border: 0;
  border-top: 1px solid #e6ddd0;
  margin: 1.25rem 0 0;
  padding: 0;
  height: 0;
  opacity: 1;
}

.og-kariera-single__meta-block--after-rule {
  margin-top: 1.25rem;
}

.og-kariera-single__meta-col--thumb .og-kariera-single__store-thumb--meta {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 991px) {
  .og-kariera-single__meta-col--thumb .og-kariera-single__store-thumb--meta {
    margin-left: 0;
    margin-right: 0;
    text-align: start;
  }
}
.og-kariera-single__meta-col--thumb .og-kariera-single__store-thumb--meta img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}
.og-kariera-single__meta-col--thumb {
  /* Název prodejny / centrály jako pás přes spodní část fotky (ne pod ní). */
}
.og-kariera-single__meta-col--thumb .og-kariera-single__store-thumb--caption-in-image {
  position: relative;
  overflow: hidden;
  border-radius: var(--bs-border-radius-xl, 0.5rem);
}
.og-kariera-single__meta-col--thumb .og-kariera-single__store-thumb--caption-in-image .og-kariera-single__store-thumb-img {
  border-radius: 0;
  vertical-align: bottom;
}
.og-kariera-single__meta-col--thumb .og-kariera-single__store-thumb--caption-in-image .og-kariera-single__store-caption--in-image {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  margin: 0;
  padding: 2.25rem 1rem 1rem;
  text-align: left;
  background: linear-gradient(to top, rgba(33, 27, 19, 0.82) 0%, rgba(33, 27, 19, 0.45) 45%, rgba(33, 27, 19, 0) 100%);
  pointer-events: none;
}
.og-kariera-single__meta-col--thumb .og-kariera-single__store-thumb--caption-in-image {
  /* Body / Line SM — „Prodejna“ / „Centrála“ (Figma tokeny + Hanken jako v _typo.scss). */
}
.og-kariera-single__meta-col--thumb .og-kariera-single__store-thumb--caption-in-image .og-kariera-single__store-caption-kicker {
  margin: 0;
  color: var(--Text-Light-Default, #fff);
  text-shadow: 0 0 16px var(--Text-Shadow, rgba(0, 0, 0, 0.3));
  font-family: var(--Text-Font-Family, "Hanken Grotesk"), sans-serif;
  font-size: var(--Font-Size-S, 16px);
  font-style: normal;
  font-weight: var(--Text-Regular, 400);
  line-height: 110%;
  letter-spacing: var(--Text-Letter-Spacing-Text, 0.3px);
}
.og-kariera-single__meta-col--thumb .og-kariera-single__store-thumb--caption-in-image {
  /* Headings / Heading SM — název místa */
}
.og-kariera-single__meta-col--thumb .og-kariera-single__store-thumb--caption-in-image .og-kariera-single__store-caption-title {
  margin: 0;
  color: var(--Text-Light-Default, #fff);
  text-shadow: 0 0 16px var(--Text-Shadow, rgba(0, 0, 0, 0.3));
  font-family: var(--Text-Font-Family, "Hanken Grotesk"), sans-serif;
  font-size: var(--Font-Size-L, 22px);
  font-style: normal;
  font-weight: var(--Text-Regular, 400);
  line-height: 125%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
}

.og-kariera-single__address--meta {
  margin-bottom: 0;
}

/* Mapové odkazy v béžovém pásu — stejné jako u .og-single-prodejna (styly tam jsou vnořené jen pod prodejnu). */
.og-kariera-single__meta-bleed .og-sidlo-identifiers .og-kariera-single__meta-label,
.og-kariera-single__meta-bleed p.og-address.og-sidlo-street.og-kariera-single__meta-label,
.og-kariera-single__meta-bleed p.og-sidlo-note.og-kariera-single__meta-label {
  margin-bottom: 0;
  color: var(--Text-Default, #211b13);
  font-family: var(--Text-Font-Family, "Hanken Grotesk"), sans-serif;
  font-size: var(--Font-Size-L, 22px);
  font-style: normal;
  font-weight: var(--Text-Light, 300);
  line-height: 150%;
  letter-spacing: var(--Text-Letter-Spacing-Text, 0.3px);
  text-transform: none;
}
@media (max-width: 1400px) {
  .og-kariera-single__meta-bleed .og-sidlo-identifiers .og-kariera-single__meta-label,
  .og-kariera-single__meta-bleed p.og-address.og-sidlo-street.og-kariera-single__meta-label,
  .og-kariera-single__meta-bleed p.og-sidlo-note.og-kariera-single__meta-label {
    font-size: 20px;
  }
}
@media (max-width: 992px) {
  .og-kariera-single__meta-bleed .og-sidlo-identifiers .og-kariera-single__meta-label,
  .og-kariera-single__meta-bleed p.og-address.og-sidlo-street.og-kariera-single__meta-label,
  .og-kariera-single__meta-bleed p.og-sidlo-note.og-kariera-single__meta-label {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .og-kariera-single__meta-bleed .og-sidlo-identifiers .og-kariera-single__meta-label,
  .og-kariera-single__meta-bleed p.og-address.og-sidlo-street.og-kariera-single__meta-label,
  .og-kariera-single__meta-bleed p.og-sidlo-note.og-kariera-single__meta-label {
    font-size: 16px;
  }
}
.og-kariera-single__meta-bleed p.og-address.og-sidlo-street.og-kariera-single__meta-label {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .og-kariera-single__meta-bleed p.og-address.og-sidlo-street.og-kariera-single__meta-label {
    margin-bottom: 0.5rem;
  }
}
.og-kariera-single__meta-bleed .og-map-links {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-top: 1.25rem;
  align-items: center;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 900;
}
.og-kariera-single__meta-bleed .og-map-links a {
  text-decoration: none;
}
.og-kariera-single__meta-bleed {
  /* Sloupec adresy: adresa + mapy bez oddělovací linky mezi nimi */
}
.og-kariera-single__meta-bleed .og-kariera-single__meta-map-links.og-map-links {
  margin-top: 1rem;
  margin-bottom: 0;
}
.og-kariera-single__meta-bleed .og-map-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: auto;
  flex: 0 0 auto;
  padding: 8px 16px;
  border-radius: var(--Button-Radius-MD, 12px);
  border: 1px solid var(--Line-Default-1, #E6DDD0);
  background: var(--Surface-Secondary-1, rgba(205, 194, 177, 0.1));
  transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}
.og-kariera-single__meta-bleed .og-map-link:hover, .og-kariera-single__meta-bleed .og-map-link:focus-visible {
  border-color: #B62F2B;
  background: var(--Surface-Secondary-1, rgba(205, 194, 177, 0.1));
  transform: translateY(-1px);
}
@media (max-width: 768px) {
  .og-kariera-single__meta-bleed .og-map-link {
    padding: 6px 12px;
  }
}
.og-kariera-single__meta-bleed .og-map-link__logo {
  display: block;
  width: 24px;
  max-width: 24px;
  max-height: 24px;
  height: auto;
}
.og-kariera-single__meta-bleed .og-map-link__text {
  color: #211b13;
  font-size: 18px;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: 0.2px;
}

.og-kariera-single__col-title {
  color: #211b13;
}

.og-kariera-single__bullet-list {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 18px;
  line-height: 1.5;
  color: #45392E;
}
.og-kariera-single__bullet-list li + li {
  margin-top: 0.35rem;
}

/* Odstavcový obsah v náplni/požadavcích — stejná typografie a odstupy jako .og-kariera-single__bullet-list */
.og-kariera-single__napln-prose.entry-content,
.og-kariera-single__pozad-prose.entry-content {
  font-size: 18px;
  line-height: 1.5;
  color: #45392E;
}
.og-kariera-single__napln-prose.entry-content p,
.og-kariera-single__pozad-prose.entry-content p {
  margin: 0;
}
.og-kariera-single__napln-prose.entry-content p + p,
.og-kariera-single__napln-prose.entry-content ul + p,
.og-kariera-single__napln-prose.entry-content p + ul,
.og-kariera-single__pozad-prose.entry-content p + p,
.og-kariera-single__pozad-prose.entry-content ul + p,
.og-kariera-single__pozad-prose.entry-content p + ul {
  margin-top: 0.35rem;
}
.og-kariera-single__napln-prose.entry-content ul,
.og-kariera-single__pozad-prose.entry-content ul {
  margin: 0;
  padding-left: 1.25rem;
  list-style: disc;
}
.og-kariera-single__napln-prose.entry-content ul li + li,
.og-kariera-single__pozad-prose.entry-content ul li + li {
  margin-top: 0.35rem;
}

.og-kariera-single__store-thumb img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.og-kariera-single__store-caption {
  color: #45392E;
}

/* Stránka / shortcode výpis kontaktů */
.og-kontakty-page {
  width: 100%;
}

.og-kontakty-skupina + .og-kontakty-skupina {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e6ddd0;
}

.og-kontakty-skupina__title {
  margin: 0 0 1.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.02em;
  color: #B62F2B;
}
@media (max-width: 768px) {
  .og-kontakty-skupina__title {
    font-size: 1.25rem;
  }
}

.og-kontakty-skupina__grid {
  margin-bottom: 0;
}

/* [og_kontakty] — pod sebou pod breakpoint md (shodně s BS „max-width md“). */
@media (max-width: 767.98px) {
  .og-kontakty-page .og-kontakty-skupina__grid > .col {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}
.kontakty-vyber.og-kontakty-skupina + .og-kontakty-skupina {
  border-top: none;
}

@media (min-width: 992px) {
  .kontakty-vyber.og-kontakty-skupina {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  .kontakty-vyber.og-kontakty-skupina:nth-of-type(n+3) {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
}
@media (max-width: 768px) {
  .kontakty-vyber.og-kontakty-skupina {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/* Karta kontaktu (Figma — jednotný blok s fotkou, „Pro oblasti“, kontaktní boxem) */
.hr-card--kontakt {
  height: 100%;
  padding: 1.25rem 1.125rem 1rem;
  padding-left: 0;
  box-sizing: border-box;
}

.hr-card--kontakt__inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}

.og-kontakty-skupina--majitele .hr-card--kontakt__inner {
  justify-content: flex-end;
}

.hr-card--kontakt-owner {
  padding-left: 0;
  background: transparent;
  border: 0;
  height: auto;
  max-height: none;
}

.hr-card--kontakt-owner .og-kontakt-card__contact-frame {
  padding: 0;
  background: transparent;
  border-radius: 0;
  height: auto;
}

.og-kontakt-owner-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--Button-Radius-MD, 12px);
  display: block;
  height: auto;
}

.og-kontakt-owner-card__img {
  display: block;
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: center center;
}

.og-kontakt-owner-card__caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem 1rem 0.875rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.56) 55%, rgba(0, 0, 0, 0.75) 100%);
}

.og-kontakty-skupina--majitele .og-kontakty-skupina__grid > .col.d-flex.align-items-stretch {
  align-items: flex-end !important;
}

.og-kontakty-skupina--majitele .hr-card.hr-card--kontakt.d-inline-block.w-100:not(.hr-card--kontakt-owner) {
  padding-bottom: 16px;
}

.og-kontakty-skupina--majitele .hr-card.hr-card--kontakt.d-inline-block.w-100:not(.hr-card--kontakt-owner) .og-kontakt-card__contact-frame {
  padding-bottom: 16px;
}

.og-kontakt-owner-card__title {
  margin: 0;
  color: var(--Text-Default, #fff);
  font-family: var(--Text-Font-Family, "Hanken Grotesk"), sans-serif;
  font-size: var(--Font-Size-M, 18px);
  font-style: normal;
  font-weight: var(--Text-SemiBold, 600);
  line-height: 125%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
}
@media (max-width: 992px) {
  .og-kontakt-owner-card__title {
    font-size: 17px;
  }
}
@media (max-width: 768px) {
  .og-kontakt-owner-card__title {
    font-size: 16px;
  }
}

.og-kontakt-owner-card__subtitle {
  margin: 0.25rem 0 0;
  color: var(--Text-Soft, #E6DDD0);
  font-family: var(--Text-Font-Family, "Hanken Grotesk"), sans-serif;
  font-size: var(--Font-Size-S, 16px);
  font-style: normal;
  font-weight: var(--Text-Regular, 400);
  line-height: 110%;
  letter-spacing: var(--Text-Letter-Spacing-Text, 0.3px);
}
@media (max-width: 992px) {
  .og-kontakt-owner-card__subtitle {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .og-kontakt-owner-card__subtitle {
    font-size: 14px;
  }
}

.og-kontakt-card__photo {
  width: 140px;
  max-width: 140px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .og-kontakt-card__photo {
    margin-left: 0;
    margin-right: auto;
  }
}
@media (min-width: 576px) {
  .og-kontakt-card__photo {
    margin: 0;
    width: 160px;
    max-width: 160px;
  }
}
.og-kontakt-card__photo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: bottom;
  aspect-ratio: 3/4;
}
.og-kontakt-card__photo img.rounded-circle {
  border-radius: 50% !important;
  aspect-ratio: 1/1;
}

.og-kontakt-card__photo-col {
  flex: 0 0 auto;
}

.og-kontakt-card__regions {
  font-size: 0.875rem;
  line-height: 1.45;
  color: #45392E;
  padding-top: 0.75rem;
  margin-top: 0.75rem;
  border-top: 1px solid #e6ddd0;
}

.og-kontakt-card__regions-label {
  display: inline;
  font-weight: 600;
  color: #211b13;
  margin-right: 0.35rem;
}

.og-kontakt-card__regions-text {
  display: inline;
  font-weight: 400;
}

.contact-box.contact-box--kariera.contact-box--kariera-areas .contact-box__main {
  align-items: flex-start;
}
.contact-box.contact-box--kariera.contact-box--kariera-areas .contact-box__text {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  font-weight: 300;
  line-height: 1.5;
}

.og-kontakt-card__contact-stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.og-kontakt-card__regions + .og-kontakt-card__contact-stack {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #e6ddd0;
}

.og-kontakt-card__header-wrap + .og-kontakt-card__contact-stack:not(.og-kontakt-card__contact-stack--kariera) {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e6ddd0;
}

/* Kariéra (hero): jeden béžový blok — bez horní oddělovací linky na celém stacku */
.og-kontakt-card__contact-stack--kariera {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

/* Odběratelé — nadpis jako u #og-kariera-kontakt-heading, odstavec mezi leadem a CTA, viditelná fotka v kontaktní kartě */
.og-odberatele-kontakt.og-kariera-kontakt .og-odberatele-kontakt__body {
  margin: 0 0 1.25rem;
  color: #45392E;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}
.og-odberatele-kontakt.og-kariera-kontakt #og-odberatele-kontakt-heading.og-kariera-kontakt__title {
  margin: 0;
  color: var(--Text-Default, #211b13);
  font-family: var(--Text-Font-Family, "Hanken Grotesk"), sans-serif;
  font-size: var(--Font-Size-3L, 28px);
  font-style: normal;
  font-weight: var(--Text-Regular, 400);
  line-height: 140%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
}
@media (max-width: 992px) {
  .og-odberatele-kontakt.og-kariera-kontakt #og-odberatele-kontakt-heading.og-kariera-kontakt__title {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .og-odberatele-kontakt.og-kariera-kontakt #og-odberatele-kontakt-heading.og-kariera-kontakt__title {
    font-size: 20px;
  }
}
.og-odberatele-kontakt.og-kariera-kontakt .og-kariera-kontakt__left {
  min-width: 0;
}
.og-odberatele-kontakt.og-kariera-kontakt .og-kariera-kontakt__card-wrap,
.og-odberatele-kontakt.og-kariera-kontakt .hr-card.hr-card--kontakt,
.og-odberatele-kontakt.og-kariera-kontakt .og-kontakt-card__header,
.og-odberatele-kontakt.og-kariera-kontakt .og-kontakt-card__header-wrap,
.og-odberatele-kontakt.og-kariera-kontakt .og-kontakt-card__photo,
.og-odberatele-kontakt.og-kariera-kontakt .og-kontakt-card__photo img {
  max-width: 100%;
}
.og-odberatele-kontakt.og-kariera-kontakt .og-kontakt-card__header-wrap {
  overflow: visible;
}

/* Archiv / shortcode — navazuje na .og-produkty-grid (rám náhledu) */
.og-casopis-grid .og-casopis-grid__inner {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 48px;
  column-gap: 16px;
  min-width: 0;
}
@media (min-width: 768px) {
  .og-casopis-grid .og-casopis-grid__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .og-casopis-grid .og-casopis-grid__inner {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.og-casopis-grid .og-casopis-grid__empty {
  margin: 0;
  text-align: center;
  color: #211b13;
}
.og-casopis-grid .og-casopis-card {
  min-width: 0;
}
.og-casopis-grid .og-casopis-card .og-produkty-card__media.card-img-wrapper {
  width: min(100%, 350px);
  max-height: 350px;
  aspect-ratio: 1/1;
  margin-left: auto;
  margin-right: auto;
}
.og-casopis-grid .og-casopis-card__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.og-casopis-grid .og-casopis-card__placeholder-logo {
  width: min(40%, 120px);
  height: auto;
  opacity: 0.35;
}
.og-casopis-grid .og-casopis-card__thumb-img {
  width: 100%;
  height: 100%;
  max-height: 350px;
  object-fit: contain;
  object-position: center;
}
.og-casopis-grid .og-casopis-card__label {
  margin: 0;
  padding-top: 24px;
  padding-bottom: 24px;
  color: var(--Text-Default, #211B13);
  font-family: var(--Text-Font-Family, "Hanken Grotesk");
  font-size: var(--Font-Size-L, 22px);
  font-style: normal;
  font-weight: var(--Text-Regular, 400);
  line-height: 125%;
  letter-spacing: var(--Text-Letter-Spacing-Headings, 0.2px);
}
@media (max-width: 1400px) {
  .og-casopis-grid .og-casopis-card__label {
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 1140px) {
  .og-casopis-grid .og-casopis-card__label {
    font-size: 18px;
    padding-top: 18px;
    padding-bottom: 18px;
  }
}
@media (max-width: 992px) {
  .og-casopis-grid .og-casopis-card__label {
    font-size: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.og-casopis-grid .og-casopis-card__actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  width: 100%;
  margin: 0;
}
.og-casopis-grid .og-casopis-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  box-sizing: border-box;
  min-height: 44px;
  padding: 8px 16px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  font-family: var(--Text-Font-Family, "Hanken Grotesk", sans-serif);
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.og-casopis-grid .og-casopis-card__btn--read {
  color: #fff;
  background-color: #B62F2B;
  border: 1px solid #B62F2B;
}
.og-casopis-grid .og-casopis-card__btn--read:hover,
.og-casopis-grid .og-casopis-card__btn--read:focus-visible {
  background-color: #92120F;
  border-color: #92120F;
  color: #fff;
}
.og-casopis-grid .og-casopis-card__btn--dl {
  color: #211b13;
  border-radius: var(--Button-Radius-MD, 12px);
  border: 1px solid var(--Line-Default-1, #E6DDD0);
  background: var(--Surface-Secondary-1, rgba(205, 194, 177, 0.1));
}
.og-casopis-grid .og-casopis-card__btn--dl:hover,
.og-casopis-grid .og-casopis-card__btn--dl:focus-visible {
  color: #211b13;
  background: rgba(205, 194, 177, 0.2);
}
.og-casopis-grid .og-casopis-card__btn-icon {
  display: flex;
  flex-shrink: 0;
  line-height: 0;
}
.og-casopis-grid .og-casopis-card__btn-icon img {
  display: block;
  width: 20px;
  height: 20px;
  filter: brightness(0) saturate(100%) invert(9%) sepia(18%) saturate(949%) hue-rotate(357deg) brightness(96%) contrast(94%);
}
.og-casopis-grid .og-casopis-card__btn--read .og-casopis-card__btn-icon img {
  filter: brightness(0) saturate(100%) invert(100%);
}
@media (max-width: 767px) {
  .og-casopis-grid .og-casopis-card .og-produkty-card__body.card-content {
    align-items: center;
    text-align: center;
  }
  .og-casopis-grid .og-casopis-card__label {
    text-align: center;
  }
  .og-casopis-grid .og-casopis-card__actions {
    width: 100%;
    max-width: 100%;
  }
  .og-casopis-grid .og-casopis-card__btn--read {
    flex: 1 1 0;
    min-width: 0;
  }
  .og-casopis-grid .og-casopis-card__btn--dl {
    position: relative;
    flex: 0 0 44px;
    width: 44px;
    min-width: 44px;
    padding: 0;
  }
  .og-casopis-grid .og-casopis-card__btn--dl .og-casopis-card__btn-text--dl {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    white-space: nowrap;
  }
}

/* Celá výška okna: horní lišta webu + lišta časopisu + plocha PDF až dolů (patička skrytá) */
body.og-casopis-pdf-body {
  display: flex;
  flex-direction: column;
  /* iOS / Android: nejdřív stabilní výška, pak dynamická — snižuje skoky layoutu při liště prohlížeče */
  height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
  min-height: 100svh;
  overflow: hidden;
}

body.og-casopis-pdf-body .blind-friendly-nav {
  flex-shrink: 0;
}

body.og-casopis-pdf-body #main-nav,
body.og-casopis-pdf-body header#main-nav {
  flex-shrink: 0;
}

body.og-casopis-pdf-body #page-content {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  max-width: none;
}

body.og-casopis-pdf-body #section-footer {
  display: none;
}

.og-casopis-pdf-view {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.og-casopis-pdf-bar {
  padding-block: 24px;
  background: #fffcf7;
  border-bottom: 1px solid #e6ddd0;
  flex-shrink: 0;
  box-sizing: border-box;
}

.og-casopis-pdf-bar__inner {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 20px;
}

.og-casopis-pdf-bar__back {
  text-decoration: none;
  color: #bb2824;
  font-size: 16px;
  font-weight: 500;
}

.og-casopis-pdf-bar__back:hover,
.og-casopis-pdf-bar__back:focus-visible {
  text-decoration: underline;
}

.og-casopis-pdf-bar__title {
  margin: 0;
  flex: 1 1 12rem;
  font-size: 18px;
  font-weight: 500;
  color: #211b13;
  text-align: center;
  min-width: 0;
  line-height: 1.3;
}

.og-casopis-pdf-bar__inner .btn {
  flex-shrink: 0;
  white-space: nowrap;
}

/* DearFlip (3D FlipBook) — plocha pod horní lištou */
.og-casopis-dflip {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  width: 100%;
  background: #e8e4df;
}

/* PDF.js čtečka (single-og_casopis) */
.og-casopis-reader {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  background: #e8e4df;
}

.og-casopis-reader__toolbar {
  flex-shrink: 0;
  padding: 8px 12px 6px;
  background: #fffcf7;
  border-bottom: 1px solid #e6ddd0;
}

.og-casopis-reader__toolbar-main {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 12px;
}

.og-casopis-reader__hint {
  margin: 0;
  padding: 4px 12px 8px;
  text-align: center;
  font-size: 12px;
  line-height: 1.35;
  color: #726356;
}

@media (max-width: 767px) {
  .og-casopis-reader__hint {
    display: none;
  }
}
.og-casopis-reader__zoom {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}

.og-casopis-reader__zoom-label {
  min-width: 3.25rem;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #211b13;
}

.og-casopis-reader__zoom-btn {
  min-width: 36px;
  height: 36px;
  padding: 0 8px;
  border-radius: 10px;
  border: 1px solid #e6ddd0;
  background: #fff;
  color: #211b13;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.og-casopis-reader__zoom-btn:hover,
.og-casopis-reader__zoom-btn:focus-visible {
  border-color: #bb2824;
  background: #fff8f5;
}

.og-casopis-reader__zoom-btn--reset {
  font-size: 12px;
  font-weight: 600;
  padding: 0 10px;
}

.og-casopis-reader__counter {
  margin: 0;
  min-width: 9rem;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #211b13;
}

.og-casopis-reader__nav {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: #bb2824;
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  transition: background 0.2s ease, transform 0.15s ease, opacity 0.2s ease;
}

.og-casopis-reader__nav:hover:not(:disabled),
.og-casopis-reader__nav:focus-visible:not(:disabled) {
  background: #92120F;
}

.og-casopis-reader__nav:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.og-casopis-reader__stage {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px 12px;
  overflow: auto;
  /* Snížení „oscilace“ šířky při objevení/skrytí posuvníku → méně náhodných přerenderů */
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y pinch-zoom;
}

.og-casopis-reader__pages {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  flex-wrap: nowrap;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
}

.og-casopis-reader__canvas {
  display: block;
  max-width: 100%;
  height: auto;
  box-shadow: 0 8px 32px rgba(33, 27, 19, 0.12);
  border-radius: 4px;
  background: #fff;
}

.og-casopis-reader__canvas--second.is-hidden {
  display: none;
}

.og-casopis-reader__err {
  padding: 24px 16px;
  text-align: center;
  color: #211b13;
  max-width: 36rem;
  margin: 0 auto;
}

/* ACF: Dva sloupce — řešení sporů */
.og-dva-sloupce-reseni-sporu .og-dva-sloupce-reseni-sporu__gutter {
  min-height: 1px;
}
.og-dva-sloupce-reseni-sporu .og-dva-sloupce-reseni-sporu__title {
  /* Stejné 96/64 kroky jako u .og-section96 — mezera mezi nadpisem a textem */
  margin-bottom: 96px;
}
@media (max-width: 991px) {
  .og-dva-sloupce-reseni-sporu .og-dva-sloupce-reseni-sporu__title {
    margin-bottom: 64px;
  }
}
.og-dva-sloupce-reseni-sporu .og-dva-sloupce-reseni-sporu__title--no-text-below {
  margin-bottom: 0;
}
.og-dva-sloupce-reseni-sporu .og-dva-sloupce-reseni-sporu__text :first-child {
  margin-top: 0;
}
.og-dva-sloupce-reseni-sporu .og-dva-sloupce-reseni-sporu__right {
  height: 100%;
  min-height: 0;
  padding: 1.5rem 1.25rem;
}
@media (min-width: 768px) {
  .og-dva-sloupce-reseni-sporu .og-dva-sloupce-reseni-sporu__right {
    padding: 2rem 1.75rem;
  }
}
.og-dva-sloupce-reseni-sporu .og-dva-sloupce-reseni-sporu__prvek {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #e6ddd0;
}
.og-dva-sloupce-reseni-sporu .og-dva-sloupce-reseni-sporu__prvek:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.og-dva-sloupce-reseni-sporu .og-dva-sloupce-reseni-sporu__prvek :first-child {
  margin-top: 0;
}

.cmplz-category summary {
  background-color: #fff;
  color: #000;
}

.cmplz-category-title {
  color: #000 !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category {
  background: #fff !important;
}

.cmplz-description span {
  color: #000 !important;
}

body {
  overflow-x: hidden;
}

.blind-friendly-nav {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -10000px;
  background: #fff;
  color: #000;
  padding: 10px;
  z-index: 0;
}