/** Shopify CDN: Minification failed

Line 495:0 Unexpected "}"

**/
/* ==========================================================
   Drawer: base + layout
   ========================================================== */
.drawer { display: block; }

.drawer__content {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  text-transform: none;
  font-size: calc(var(--font-body-scale) * 1.4rem);
  line-height: calc(1 + 0.6 / var(--font-body-scale));
}

/* Title */
.drawer__title { font-size: var(--font-size-static-h5); margin: 0 0 2.4rem; }
.drawer__title:last-child { margin-block-end: 0; }

/* Buttons */
.drawer__button--text { width: auto; height: auto; }
.drawer__button svg,
.drawer__button-close svg { pointer-events: none; }

/* Close button */
.drawer__button-close {
  color: rgb(var(--color-foreground));
  position: absolute;
  inset-block-start: 2.4rem;
  inset-inline-end: 2.4rem;
  width: 2.4rem; height: 2.4rem;
  display: block;
  margin-block-end: 0;
  padding: var(--spacing-1);
  z-index: 2;
  cursor: pointer;
}

/* ==========================================================
   Drawer: container, positioning, transitions
   ========================================================== */

/* Base container for JS + no-JS */
html.no-js .drawer__container[open],
html.js .drawer__content {
  position: fixed;
  inset-block: 0;
  inset-inline-end: var(--drawer-inset-inline-end, 0);
  inset-inline-start: var(--drawer-inset-inline-start, none);
  z-index: var(--z-modals);
  width: 100%;
  max-width: 60rem;
  padding: 2.4rem var(--page-gutter);
  background-color: rgb(var(--color-background));
  overflow-y: auto;
}

/* Start-aligned drawer (from left) */
html.no-js .drawer--start > .drawer__container[open],
html.js    .drawer--start > .drawer__container > .drawer__content { max-width: 50rem; }

html.no-js .drawer--start > .drawer__container[open],
html.js    .drawer--start > .drawer__container > .drawer__content {
  inset-inline-start: 0; inset-inline-end: unset;
}

html.js .drawer--start > .drawer__container > .drawer__content { transform: translateX(-100%); }
html[dir='rtl'].js .drawer--start > .drawer__container > .drawer__content:not(.drawer__content--nav) { transform: translateX(100%); }

/* Default (from right) – initial hidden state */
html.js .drawer__content {
  pointer-events: none;
  opacity: 0;
  transform: var(--drawer-transform, translateX(100%));
  transition:
    transform var(--drawer-transition-duration) var(--drawer-transition-timing-function),
    visibility var(--drawer-transition-duration) var(--drawer-transition-timing-function);
}
html[dir='rtl'].js .drawer__content:not(.drawer__content--search) { transform: translateX(-100%); }

/* Opening state */
html.js .drawer__container.menu-opening > .drawer__content {
  opacity: 1;
  transform: translateX(0%);
  text-align: initial;
  pointer-events: auto;
}

/* Backdrop behind drawer (JS + no-JS) */
.drawer__button::after {
  content: '';
  cursor: default;
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%; height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: var(--z-modals);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--duration-default);
}
html.no-js .drawer__container[open] > .drawer__button::before,
.drawer__container.menu-opening > .drawer__button::before { display: none; }
html.no-js .drawer__container[open] > .drawer__button::after,
.drawer__container.menu-opening > .drawer__button::after {
  opacity: 1; pointer-events: auto; transition-duration: var(--duration-default);
}

/* No-JS tweaks */
html.no-js [open] > .drawer__button {
  color: rgb(var(--color-link));
  width: 4.8rem; height: 4.8rem;
  background-color: transparent;
}
html.no-js .drawer__button noscript {
  display: none;
  position: absolute; inset-block-start: 0; inset-inline-start: 0;
  width: 100%; height: 100%;
}
html.no-js .drawer__button noscript svg { width: 100%; height: 100%; }
html.no-js [open] > .drawer__button > *:not(noscript) { display: none; }
html.no-js [open] > .drawer__button noscript { display: block; }
html.no-js .drawer__container[open] > .drawer__button { margin-block-end: 3.2rem; }

/* ==========================================================
   Drawer: blocks, rows, lists, grids
   ========================================================== */

.drawer__row { margin-block-end: 2.8rem; }
.drawer__content--nav .drawer__row { margin-block-end: 0; }
.drawer__row--gutter-lg { border-block-end: 0.1rem solid rgba(var(--color-border), var(--alpha-border)); }
.drawer__row--gutter-sm { margin-block-end: 2.4rem; }
.drawer__row--buttons { display: grid; grid-template-columns: 1fr; row-gap: 1.2rem; }
.drawer__row .drawer__title { color: rgb(var(--color-foreground)); }
.drawer__row:not(.drawer__row--bottom):last-child { margin-block-end: 0; padding-block-end: 0; border-block-end: none; }

.drawer__nav { line-height: var(--line-height-static-sm); }

.drawer__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.8rem 1.6rem;
}

.drawer__menu { margin-block: 0 1.6rem; }
.drawer__menu:last-child { margin-block-end: 0; }
.drawer__menu-item + .drawer__menu-item { border-block-start: 0.1rem solid rgba(var(--color-border), var(--alpha-border)); }
.drawer__menu-item:last-child .drawer__submenu-first { padding-block-end: 0; }
.drawer__menu-item:last-child .drawer__submenu-first::after { display: none; }

.drawer__submenu-first {
  position: relative;
  padding: 1.6rem 0 2.8rem 1.6rem;
  overflow-x: hidden;
}
.drawer__submenu-first:after {
  content: '';
  position: absolute;
  inset-block-end: -2rem; inset-inline-start: 0;
  width: 100%; height: 0.1rem;
  background-color: rgba(var(--color-border), var(--alpha-border));
}
.drawer__submenu-first > .drawer__menu {
  font-size: var(--font-size-static-sm);
  text-transform: uppercase;
  letter-spacing: 0.125em;
  color: rgb(var(--color-foreground));
}
.drawer__submenu-first-item + .drawer__submenu-first-item { margin-block-start: 2.4rem; }

.drawer__submenu-second { padding-block-start: 0.8rem; }

.drawer__submenu-layer {
  padding-inline-start: 1.6rem;
  overflow: hidden;
  height: 0; opacity: 0;
  transform: translateY(2.4rem);
  transition: transform var(--drawer-transition-duration) var(--drawer-transition-timing-function);
}
.drawer__submenu-first-item.is-active .drawer__submenu-layer {
  opacity: 1; transform: none; height: auto;
}

/* ==========================================================
   Drawer: links, buttons, utilities
   ========================================================== */

.drawer__nav-link,
.drawer__submenu-link,
.drawer__subnav-link {
  box-sizing: content-box;
  padding: 0.4rem var(--page-gutter);
  margin: 0 calc(var(--page-gutter) - var(--page-gutter) * 2);
  transition: background-color var(--duration-short);
}

.drawer__submenu-link { display: block; }

.drawer__nav-link {
  display: flex; align-items: center; justify-content: space-between;
  padding-block: 2rem;
  font-size: var(--font-size-static-lg);
  letter-spacing: -0.064rem;
}
.drawer__nav-link svg {
  width: 1rem; height: 1rem;
  margin-inline-start: 2rem;
  transition: transform var(--duration-default);
}

.drawer__submenu-btn {
  display: flex; align-items: center; justify-content: space-between;
  width: 100%; padding: 0;
  border: 0; outline: none; background: none; cursor: pointer;
  text-transform: uppercase; letter-spacing: 0.125em;
  color: rgb(var(--color-foreground));
  font-family: var(--font-heading-family);
  font-size: var(--font-size-static-sm);
}
.drawer__submenu-btn svg { color: rgb(var(--color-foreground)); transition: var(--duration-default); }
.drawer__submenu-first-item > a { font-family: var(--font-heading-family); }
.drawer__submenu-first-item.is-active .drawer__submenu-btn svg { transform: rotate(90deg); }

html.js .drawer__nav details.is-active .drawer__nav-link svg,
html.no-js .drawer__nav details[open] .drawer__nav-link svg { transform: rotate(90deg); }

.drawer__subnav-item + .drawer__subnav-item { margin-block-start: 2rem; }
.drawer__subnav-link { display: block; font-size: var(--font-size-static-md); }

.drawer__utils-items {
  display: flex; align-items: center; justify-content: center;
  color: rgb(var(--color-foreground));
}
.drawer__utils-item + .drawer__utils-item { border-inline-start: 0.1rem solid currentColor; }

.drawer__utils-link {
  color: rgb(var(--color-foreground));
  display: block;
  padding: 0.6rem 1.5rem 0.7rem;
  transition: background-color var(--duration-short), color var(--duration-short);
}

@media (hover: hover) {
  .drawer__utils-link:hover { color: rgb(var(--color-link)); }
}

/* ==========================================================
   Drawer: header-specific container + bottom bar
   ========================================================== */

.drawer__content--nav {
  display: flex;
  flex-direction: column;
  row-gap: 3.2rem;
  padding-block-start: 0.4rem !important;
  position: relative;
  padding-bottom: var(--drawer-bottom-height); /* Space for bottom bar */
}

.drawer__row--bottom {
  margin-block-start: auto;
  margin-top: auto;
  flex-shrink: 0;
  background: rgb(var(--color-background));

}

.drawer__row--bottom .drawer__utils-items { justify-content: flex-start; }

.drawer__social-list { display: flex; align-items: center; gap: 2rem; }
.drawer__subs-items { display: flex; align-items: center; gap: 2.4rem; }

.drawer__subs-link,
.drawer__subs-items .drawer__button-text {
  color: rgb(var(--color-heading-text));
  font-family: var(--font-body-family);
  font-size: var(--font-size-static-md);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-static-sm);
  letter-spacing: 0.028rem;
  text-transform: capitalize;
}

/* Bottom bar groups */
.header__drawer .drawer__row--bottom .drawer__subs { display: flex; align-items: center; gap: 1.2rem; }
.header__drawer .drawer__row--bottom .drawer__social { display: flex; align-items: center; gap: 0.8rem; margin-left: auto; }
.header__drawer .drawer__row--bottom .drawer__social-list svg { width: 24px; height: 24px; }

/* ==========================================================
   Drawer: promo cards (grid) + disable animations on cards
   ========================================================== */

.drawer-promo[data-cols="1"] { grid-template-columns: 1fr; }
.drawer-promo[data-cols="2"] { grid-template-columns: repeat(2, 1fr); }
.drawer-promo .card.header__card { height: 100%; overflow: hidden; }
.drawer-promo .card__media,
.drawer-promo .card__media img { width: 100%; height: 100%; object-fit: cover; }
.drawer-promo .card__title, .drawer-promo .card__subtitle { color: rgb(var(--color-heading-text)); }

.drawer-promo .card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
  180deg,
  rgba(0, 0, 0, 0) 31.25%,
  rgba(0, 0, 0, 0.75) 100%);
  pointer-events: none;
  z-index: 1;
}

.drawer-promo .content {
  position: relative;
  z-index: 2;
}

.header__card, .header__card * {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  will-change: auto !important;
}

/* === Mobile drawer PROMO cards: horizontal scroll + snap ================== */
@media (max-width: 989px) {
  .drawer-promo {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--page-gutter, 16px);
    padding-inline: 16px;
    gap: 8px;
    margin-block-start: 16px;
    margin-block-end: 56px;
    -webkit-overflow-scrolling: touch;
  }

  .drawer-promo .card.header__card {
    flex: 0 0 95%;
    max-width: 95%;
    height: 200px !important;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    position: relative;
    overflow: hidden;
  }

  .drawer-promo .card__media,
  .drawer-promo .card__media > * {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .drawer-promo::-webkit-scrollbar { display: none; }
  .drawer-promo { scrollbar-width: none; }
}

/* Gradient overlay on promo card image */
.drawer-promo .card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 31.25%, rgba(0, 0, 0, 0.75) 100%);
  pointer-events: none;
  z-index: 1;
}

/* ==========================================================
   Drawer: fix 3rd level (nested) panels visibility
   ========================================================== */

/* Keep panels stacked and only show the active one (mobile drawer) */
.header__drawer .slide-out-menu .menu-panels { position: relative; width: 100%; }

.header__drawer .slide-out-menu .menu-panel {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: none !important;
  pointer-events: none !important;
  width: 100%;
  max-width: 100%;
  z-index: 1;
}

/* Active panel (2nd or 3rd level) */
.header__drawer .slide-out-menu .menu-panel.is-active {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Ensure inner list flows normally */
.header__drawer .slide-out-menu .menu-panel.is-active > ul { 
  overflow: visible !important; 
  padding-bottom: var(--drawer-bottom-height, 56px);
  margin: 0;
}

/* Remove transitions for stability (drawer only) */
.header__drawer .slide-out-menu .menu-panel,
.header__drawer .slide-out-menu .menu-panel * {
transition: none !important;
animation: none !important;
}

/* ==========================================================
    Drawer: responsive
   ========================================================== */

/* >=550px: widen drawer and grid */
@media screen and (min-width: 550px) {
  html.no-js .drawer__button::after { min-width: 5rem; }
  html.no-js .drawer__container[open],
  html.js    .drawer__content { width: calc(100% - 5rem); }

  .drawer__grid { grid-template-columns: repeat(3, 1fr); }
}

/* >=750px: larger padding for content */
@media screen and (min-width: 750px) {
  html.js .drawer__content,
  .drawer__content { padding: 6.4rem 4.8rem; }
}

/* ==========================================================
   Drawer: mobile-only specifics
   ========================================================== */

@media screen and (max-width: 989px) {
  /* Full-height layout for header drawer navigation */
  .header__drawer > .drawer__container[open] > .drawer__content.drawer__content--nav {
    display: flex;
    flex-direction: column;
    height: 100dvh;
    width: 100%; max-width: 100vw;
    box-sizing: border-box;
    overflow-x: hidden; /* Prevent horizontal scroll */
    overflow-y: auto;
  }

  /* Bottom bar styling in mobile */
  .header__drawer .drawer__row.drawer__row--bottom {
    border-top: solid 1px #ebebeb;
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    background: rgb(var(--color-background));
    box-sizing: border-box;
    height: var(--drawer-bottom-height);
    width: 100%;
    padding-bottom: 8px;
  }

  /* ==========================================================
   Drawer: remove top border from flag and social icon areas
   ========================================================== */
  
   /* Remove border from country/flag section */
  .drawer__subs,
  .drawer__subs-items,
  .drawer__subs li,
  .drawer__subs-item {
    border-top: none !important;
    border-block-start: none !important;
  }

  /* Remove border from social icon list */
  .drawer__social,
  .drawer__social-list,
  .drawer__social-list li {
    border-top: none !important;
    border-block-start: none !important;
  }
  }
  
  @media screen and (max-width: 989px) {
    position: static;
    margin-top: auto;
  }

  /* Larger icons in mobile bottom bar */
  .header__drawer .drawer__row--bottom .drawer__social-list svg { width: 24px; height: 24px; }
}

/* ==========================================================
   Drawer: small mobile tweaks
   ========================================================== */

@media screen and (max-width: 749px) {
  .section-complete-the-set .drawer__content { padding: 6.4rem 2.4rem !important; }
}

/* Drawer: ensure 2nd and 3rd panels always fill viewport height */
@media (max-width: 989px) {
  .header__drawer .slide-out-menu .menu-panel[data-menu],
  .header__drawer .slide-out-menu .menu-panel[data-menu-nested] {
    position: absolute;
    inset: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgb(var(--color-background));
  }

  /* Hide non-active panels completely */
  .header__drawer .slide-out-menu .menu-panel[data-menu]:not(.is-active),
  .header__drawer .slide-out-menu .menu-panel[data-menu-nested]:not(.is-active) {
    display: none;
  }

  /* Active panel always above others */
  .header__drawer .slide-out-menu .menu-panel.is-active {
    display: block;
    z-index: 3;
  }
}

.menu-panel > ul,
.primary-menu-panel > ul,
.menu-panel > .drawer-promo,
.primary-menu-panel > .drawer-promo {
  flex-shrink: 0;
}

.menu-panel,
.primary-menu-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto; /* umožní scroll, ak je obsah dlhší než viewport */
}

/* >=990px: desktop reset */
@media (min-width: 990px) {
  .header__drawer .slide-out-menu .menu-panel {
    position: static;
    height: auto;
    overflow: visible;
  }
}

/* ==========================================================
   Mobile Drawer: Prevent Unnecessary Scrolling on 2nd & 3rd Level Panels
   ========================================================== */

@media (max-width: 989px) {
  /* Prevent drawer container from being scrollable */
  .header__drawer > .drawer__container[open] > .drawer__content.drawer__content--nav {
    overflow-y: hidden; /* no vertical scroll on main drawer wrapper */
  }

  /* Prevent intermediate wrappers from creating their own scroll areas */
  .drawer__content--nav .slide-out-menu,
  .drawer__content--nav .menu-panels {
    height: 100%;
  }

  /* Enable scrolling only on the active panel */
  .header__drawer .slide-out-menu .menu-panel {
    overflow: hidden; /* no scroll by default */
  }
  .header__drawer .slide-out-menu .menu-panel.is-active {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; /* smooth iOS scroll */
  }

  .border-top: 1px solid #ebebeb;  /* voliteľne – jemná deliaca čiara */
  .background: rgb(var(--color-background));
}

/* Zobraziť bottom row len v 1. úrovni (primary panel) */
.header__drawer .primary-menu-panel .drawer__row--bottom {
  display: flex !important;   /* alebo block – podľa tvojho layoutu */
}

/* V 2. a 3. úrovni bottom row úplne schovať */
.header__drawer .slide-out-menu .menu-panel .drawer__row--bottom {
  display: none !important;
}