/** Shopify CDN: Minification failed

Line 25:0 Unexpected "}"

**/
/* ============================================================
   MX Custom Styles
   Načítá se po theme-styles-variables — pravidla v :root vyhrávají.
   ============================================================ */

/* --- Fonty --- */
:root {
  --font-body--family: 'Gill Sans Nova', sans-serif;
  --font-body--weight: 400;
  --font-heading--family: 'Gill Sans Nova', sans-serif;
  --font-heading--weight: 900;
  --font-subheading--family: 'Gill Sans Nova', sans-serif;
  --font-subheading--weight: 800;
  --font-accent--family: 'Nitti', sans-serif;
  --font-accent--weight: 400;
  --font-h1--size: clamp(2rem, 5.6vw, 3.5rem);
  --font-h2--size: clamp(1.5rem, 4.8vw, 3.0rem);
  --font-h3--size: clamp(1.25rem, 2.5vw, 2rem);
}
}

/* --- Badges --- */
:root {
    --badge-rectangle-padding-block: 10px;
    --badge-rectangle-padding-inline: 10px;
}
@media screen and (min-width: 750px) {
:root {
    --badge-rectangle-padding-block: 16px;
    --badge-rectangle-padding-inline: 16px;
}
}

/* --- Obecné opravy --- */
@media screen and (max-width: 749px) {
  .mobile-order-1 {
    order: -1;
  }
  .mobile-order-2 {
    order: 2;
  }
}

/* -- Header -- */
.ec-v-forms-form-control::placeholder {
  color: #000000;
  opacity: 1;
}

@media screen and (min-width: 750px) {
  .predictive-search__reset-button {
    flex-shrink: 0;
  }
}
.header {
  position: relative;
}

.header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 8px;
    background-repeat: repeat-x;
    background-size: 12px 8px;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2712%27%20height%3D%278%27%20viewBox%3D%270%200%2012%208%27%3E%3Cpolygon%20points%3D%270%2C0%206%2C8%2012%2C0%27%20fill%3D%27%23EEE5D6%27%2F%3E%3C%2Fsvg%3E");
}

.header__row--top.divider--page-width .header__columns {
  padding-bottom: 20px;
  border-bottom: 3px solid var(--color, var(--color-foreground));
} 

.header__row--bottom {
  padding-top: 20px;
}

.header__column--right {
  gap: 2em;
}

.mx-secondary-menu {
  text-transform: uppercase;
  font-weight: 700 ;
  font-size: 1rem;
}
@media screen and (max-width: 749px) {
.mx-secondary-menu {
    display: none;
}
}
.menu-drawer__secondary-nav {
  font-weight: 700;
}
.menu-drawer__contact {
  text-align: center;
}

.menu-list__link--active .menu-list__link-title,
.menu-list__link:hover .menu-list__link-title {
  border-bottom: solid 1px var(--menu-top-level-font-color);
  margin-bottom: -2px;
}

.menu-drawer__close-button {
  left: 85%;
}

.menu-drawer__utility-links {
  margin-block: 0;
}

.menu-drawer__menu-item--mainlist  {
  font-size: 1rem;
  text-align: center;
}
.menu-drawer__menu-item {
    justify-content: center;
}

/* --- Kontaktní ikony --- */
.menu-drawer__contact-link--phone::before,
.mx-contact-info__link--phone::before,
.contact-info__phone::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: 0.4em;
  vertical-align: middle;
  background: url('//lerostery.cz/cdn/shop/t/2/assets/mx-icon-phone.svg?v=56537673507368621001782382034') center / contain no-repeat;
}
.menu-drawer__contact-link--email::before,
.mx-contact-info__link--email::before,
.contact-info__mail::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-inline-end: 0.4em;
  vertical-align: middle;
  background: url('//lerostery.cz/cdn/shop/t/2/assets/mx-icon-mail.svg?v=76631044974202950101782382033') center / contain no-repeat;
}

@media screen and (min-width: 750px) {
    .mx-contact-info {
  flex-direction: column;
  gap: 0.5em
}
}

@media screen and (max-width: 749px) {
  .sticky-add-to-cart__bar {
    bottom: 50px !important;
  }
}

.section-border-bottom .section-content-wrapper{
  border-bottom: 3px solid var(--color-foreground);
}

.border-bottom-none {
  border-bottom: none;
}


.homepage-brand-story .homepage-brand-story__text::after {
    content: "";
    position: absolute;
    right: 20px;
    top: -80px;
    height: 104px;
    width: 104px;
    z-index: 1;
    background-image: url("/cdn/shop/files/razitko-od-seminka-po-salek.svg?v=1782120120");
    background-size: 104px 104px;
}

@media screen and (min-width: 750px) {
.homepage-brand-story .homepage-brand-story__text {
  margin-left: -100px;
  position: relative;
} 

.homepage-brand-story .homepage-brand-story__text::after {
    left: -120px;
    top: -120px;
    height: 190px;
    width: 190px;
    background-size: 190px 190px;
}
}

.homepage-our-team .homepage-our-team__text::after {
    content: "";
    position: absolute;
    right: 20px;
    top: -80px;
    height: 104px;
    width: 104px;
    z-index: 1;
    background-image: url("/cdn/shop/files/razitko-od-seminka-po-salek.svg?v=1782120120");
    background-size: 104px 104px;
}

@media screen and (min-width: 750px) {
.homepage-our-team .homepage-our-team__text {
  margin-right: -100px;
  position: relative;
  order:-1;
  z-index: 1;
} 

.homepage-our-team .homepage-our-team__text::after {
    right: -120px;
    top: -120px;
    height: 190px;
    width: 190px;
    background-size: 190px 190px;
}

}

/* --- Homepage grid --- */
.homepage-grid .section-content-wrapper {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: start;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.homepage-grid .section-content-wrapper > .group-block {
  width: 100%;
  min-width: 0;
}

.homepage-grid .group-block-content {
  display: flex;
  flex-direction: column;
}

.homepage-grid .image-block,
.homepage-grid .image-block__image,
.homepage-grid picture {
  display: block;
  width: 100%;
}

.homepage-grid rte-formatter.text-block {
  display: block;
  width: 100% !important;
  max-width: none !important;
}


@media (max-width: 749px) {
  .homepage-grid__heading {
    display: none;
  }
}

@media (min-width: 750px) {
  .homepage-grid .section-content-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 100px;
    row-gap: 4rem;
    justify-content: center;
    align-items: start;
  }

  .homepage-grid .section-content-wrapper > .group-block {
    grid-row-end: span 2;
  }

  .homepage-grid .section-content-wrapper > .group-block:nth-child(odd) {
    grid-column: 1;
  }

  .homepage-grid .section-content-wrapper > .group-block:nth-child(even) {
    grid-column: 2;
  }

  .homepage-grid .section-content-wrapper > .group-block:nth-child(1) {
    grid-row-start: 1;
  }
  .homepage-grid .section-content-wrapper .homepage-grid__heading {
    grid-row-start: 2;
    grid-row-end: 4;    
  }

  .homepage-grid .section-content-wrapper > .group-block:nth-child(2) {
    grid-row-start: 2;
  }

  .homepage-grid .section-content-wrapper > .group-block:nth-child(3) {
    grid-row-start: 3;
  }

  .homepage-grid .section-content-wrapper > .group-block:nth-child(4) {
    grid-row-start: 4;
  }

  .homepage-grid .section-content-wrapper > .group-block:nth-child(5) {
    grid-row-start: 5;
  }

  .homepage-grid .section-content-wrapper > .group-block:nth-child(6) {
    grid-row-start: 6;
  }

  .homepage-grid .section-content-wrapper > .group-block:nth-child(7) {
    grid-row-start: 7;
  }

  .homepage-grid .section-content-wrapper > .group-block:nth-child(8) {
    grid-row-start: 8;
  }

  .homepage-grid .section-content-wrapper > .group-block:nth-child(9) {
    grid-row-start: 9;
  }

  .homepage-grid .section-content-wrapper > .group-block:nth-child(10) {
    grid-row-start: 10;
  }
}

.homepage-grid .image-block {
  position: relative;
  overflow: visible;
}

.homepage-grid .image-block::after {
  content: "";
  position: absolute;
  top: -30px;
  right: -15px;
  width: clamp(64px, 8vw, 104px);
  aspect-ratio: 1;
  z-index: 5;
  pointer-events: none;
  background: url("/cdn/shop/files/razitko-kavove-zrno.svg?v=1782246897") center / contain no-repeat;
}

a.custom-link-with-color,
footer .contact-info__link a{
  font-family: var(--font-accent--family);
  text-decoration-line: underline;
  text-decoration-style: dashed;
  text-decoration-color: currentColor;
  text-underline-offset: 3px;
}

/* --- Product card -- */

.product-card {
  border: 2px solid var(--color-foreground);
  padding-bottom: 24px;
}

/*--- collection --- */
.mx-pinned-filter__label {
  border: none;
  padding: 2em 6em;
  font-weight: 800 !important;
  text-transform: uppercase;
}



.mx-pinned-filter__input:checked+.mx-pinned-filter__label, .mx-pinned-filter__input:checked+.mx-pinned-filter__label:hover, .mx-pinned-filter__item:hover .mx-pinned-filter__input:checked+.mx-pinned-filter__label {
 background: none;
 color: rgb(var(--color-background-rgb));
 border: none;
 background: url('//lerostery.cz/cdn/shop/t/2/assets/mx-active-filter-background.png?v=136696305710743533631782418128') center / contain no-repeat;
 box-shadow: none;
}

/* --- Product card grid
 * Přidej třídu "mx-product-card-grid" na sekci v editoru.
 * Karty budou vždy stejně široké bez ohledu na obsah.
 * ---------------------------------------------------------------- */
.mx-product-card-grid .section-content-wrapper {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  align-items: stretch;
}
@media (max-width: 900px) {
  .mx-product-card-grid .section-content-wrapper {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
}
}
@media (max-width: 650px) {
  .mx-product-card-grid .section-content-wrapper {
    grid-template-columns: 1fr;
}
}

.mx-product-card-grid .group-block {
  display: flex;
  flex-direction: column;
}

.mx-product-card-grid .mx-product-card {
  flex: 1;
  height: 100%;
}

/* --- Taby ---*/

.mx-tab-section-wrapper .mx-tabs-section {
  -webkit-mask: var(--mx-edge-top);
  mask: var(--mx-edge-top);
  -webkit-mask-composite: source-over;
  mask-composite: add;
}

.mx-tabs__tab {
  min-height: 50px;
}

.mx-tabs__tab[aria-selected="false"]:hover,
.mx-tabs__tab[aria-selected="true"],
.mx-tabs__tab--active
 {
  background: url('//lerostery.cz/cdn/shop/t/2/assets/mx-tab-background.png?v=181314370959843436521782477876') center / contain no-repeat;
  box-shadow: none;
}

.mx-tabs__tab .mx-tabs__tab-label
{
  font-family: var(--font-heading--family);
  font-weight: 800;
  padding: 1em 4em;
}

.mx-tabs__tab[aria-selected="false"]:hover .mx-tabs__tab-label,
.mx-tabs__tab[aria-selected="true"] .mx-tabs__tab-label,
.mx-tabs__tab--active .mx-tabs__tab-label {
  color: var(--color-background);
}


/* --- Dekorativní třídy (zigzag)
 * Používej přes "Vlastní CSS třída" v sekci Custom Liquid.
 * Výška zubu: 8px, šířka periody: 12px.
 * ---------------------------------------------------------------- */
.mx-zigzag-top {
  -webkit-mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpolygon points='0,8 6,0 12,8' fill='black'/%3E%3C/svg%3E") top / 12px 8px repeat-x,
    linear-gradient(black, black) bottom / 100% calc(100% - 8px) no-repeat;
  mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpolygon points='0,8 6,0 12,8' fill='black'/%3E%3C/svg%3E") top / 12px 8px repeat-x,
    linear-gradient(black, black) bottom / 100% calc(100% - 8px) no-repeat;
  -webkit-mask-composite: source-over;
  mask-composite: add;
}

.mx-zigzag-bottom {
  -webkit-mask:
    linear-gradient(black, black) top / 100% calc(100% - 8px) no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpolygon points='0,0 6,8 12,0' fill='black'/%3E%3C/svg%3E") bottom / 12px 8px repeat-x;
  mask:
    linear-gradient(black, black) top / 100% calc(100% - 8px) no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2020/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpolygon points='0,0 6,8 12,0' fill='black'/%3E%3C/svg%3E") bottom / 12px 8px repeat-x;
  -webkit-mask-composite: source-over;
  mask-composite: add;
}

/* --- Organický okraj — CSS proměnné
 * Použij v poli "Custom CSS" sekce nebo bloku:
 *   .image-block { -webkit-mask: var(--mx-edge-bottom); mask: var(--mx-edge-bottom); -webkit-mask-composite: source-over; mask-composite: add; }
 * Proměnné: --mx-edge-top | --mx-edge-bottom | --mx-edge-both
 * ---------------------------------------------------------------- */
:root {
  --mx-edge-top:
    url('//lerostery.cz/cdn/shop/t/2/assets/mx-organic-border-top.png?v=5757610150963395751782402550') top / 1362px 150px repeat-x,
    linear-gradient(black, black) bottom / 100% calc(100% - 100px) no-repeat;

  --mx-edge-bottom:
    linear-gradient(black, black) top / 100% calc(100% - 100px) no-repeat,
    url('//lerostery.cz/cdn/shop/t/2/assets/mx-organic-border-bottom.png?v=32539842042944431041782402550') bottom / 1362px 150px repeat-x;

  --mx-edge-both:
    url('//lerostery.cz/cdn/shop/t/2/assets/mx-organic-border-top.png?v=5757610150963395751782402550') top / 1362px 150px repeat-x,
    linear-gradient(black, black) center / 100% calc(100% - 200px) no-repeat,
    url('//lerostery.cz/cdn/shop/t/2/assets/mx-organic-border-bottom.png?v=32539842042944431041782402550') bottom / 1362px 150px repeat-x;
}

/* --- Organický okraj (PNG maska)
 * Přidej třídu mx-organic-top / mx-organic-bottom na custom_class sekce nebo group bloku.
 * Na sekci: sektor .section-background je sourozenec .section — maska by ho nezasáhla.
 *   Řeší to :has() na .section-wrapper (rodič obou), který klipuje celý blok naráz.
 * Na group bloku: maska se aplikuje přímo.
 * ---------------------------------------------------------------- */

/* Jen spodní okraj */
.section-wrapper:has(.section.mx-organic-bottom),
.group-block.mx-organic-bottom {
  -webkit-mask: var(--mx-edge-bottom);
  mask: var(--mx-edge-bottom);
  -webkit-mask-composite: source-over;
  mask-composite: add;
}

/* Jen horní okraj */
.section-wrapper:has(.section.mx-organic-top),
.group-block.mx-organic-top {
  -webkit-mask: var(--mx-edge-top);
  mask: var(--mx-edge-top);
  -webkit-mask-composite: source-over;
  mask-composite: add;
}

/* Oba okraje zároveň (vyšší specificita přebije jednotlivé třídy výše) */
.section-wrapper:has(.section.mx-organic-top.mx-organic-bottom),
.group-block.mx-organic-top.mx-organic-bottom {
  -webkit-mask: var(--mx-edge-both);
  mask: var(--mx-edge-both);
  -webkit-mask-composite: source-over, source-over;
  mask-composite: add, add;
}

@media (max-width: 749px) {
  .home-brand-story__image {
  -webkit-mask: var(--mx-edge-top) !important;
  mask: var(--mx-edge-top) !important;
  -webkit-mask-composite: source-over !important;
  mask-composite: add !important;
  }
}

/* --- Zoom dialog --- */

/* Fallback --thumbnail-width pro zoom-dialog dialogy, kde ji nenastavuje produkt gallery inline.
   Product gallery ji přepisuje vlastním inline stylem, takže tato hodnota platí jen tam,
   kde inline styl chybí (např. mx-image-gallery blok). */
zoom-dialog dialog {
  --thumbnail-width: 100px;
}

.mx-zigzag-top-bottom {
  -webkit-mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpolygon points='0,8 6,0 12,8' fill='black'/%3E%3C/svg%3E") top / 12px 8px repeat-x,
    linear-gradient(black, black) center / 100% calc(100% - 16px) no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpolygon points='0,0 6,8 12,0' fill='black'/%3E%3C/svg%3E") bottom / 12px 8px repeat-x;
  mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpolygon points='0,8 6,0 12,8' fill='black'/%3E%3C/svg%3E") top / 12px 8px repeat-x,
    linear-gradient(black, black) center / 100% calc(100% - 16px) no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpolygon points='0,0 6,8 12,0' fill='black'/%3E%3C/svg%3E") bottom / 12px 8px repeat-x;
  -webkit-mask-composite: source-over, source-over;
  mask-composite: add, add;
}