/** Shopify CDN: Minification failed

Line 202:1 Unexpected "!"

**/
.product__description {
  max-width: 800px;
  margin: 0 auto;
}
.i-sc_message {
  font-size: 12px;
}
.free-shipping__text {
  font-size: 18px;
  font-weight: bold;
} /* Zmena farby textu v mega menu na čiernu (Cieli na odkazy druhej a tretej úrovne)*/
mega-menu .list-menu__item .label {
  color: #000000 !important;
} /* Zabezpečí, aby text zostal čierny aj po prejdení myšou (hover)*/
mega-menu .list-menu__item:hover .label {
  color: #000000 !important;
} 
/* ========================================================================= */
/* FINÁLNE A KOMPLETNÉ ŠTÝLY PRE VŠETKY FUNKCIE MEGA MENU */
/* ========================================================================= */

/* === A) ŠTÝLY PRE STĹPCE S NADPISOM A POPISOM (Definitívna oprava zarovnania) === */

/* 1. Obal nadpisu stĺpca - Donúti ho zabrať celú šírku a zarovnať sa doľava */
.list-mega-menu > .mega-menu__item > a.mega-menu__column-header-link {
    display: block !important; /* Kľúčové: Zmení prvok na blok, aby zabral celú šírku */
    width: 100% !important; /* Explicitne nastaví plnú šírku */
    text-align: left !important; /* Zarovná text vnútri doľava */
    padding: 0 1rem !important; /* Zjednotí bočné odsadenie */
    margin-bottom: 0.5rem !important;
}

/* 2. Samotný text nadpisu - Väčší a hrubší (bez zmeny) */
.mega-menu__column-header-link .label {
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  color: rgb(var(--color-foreground)) !important;
  text-decoration: none !important;
}

/* 3. Popis pod nadpisom stĺpca - Tiež ho donúti zarovnať sa doľava */
.list-mega-menu > .mega-menu__item > .mega-menu__column-description {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  font-size: 1.4rem;
  line-height: 1.5;
  color: rgba(var(--color-foreground), 0.75);
  margin: 0 auto 1.5rem 0; /* Vynuluje centrovanie a nastaví spodný okraj */
  max-width: 250px;
  padding: 0 1rem !important; /* Zjednotí bočné odsadenie */
  box-sizing: border-box; /* Zabezpečí správny výpočet šírky a paddingu */
}

/* === B) ŠTÝLY PRE SAMOSTATNÉ PRODUKTY V MENU (OBRÁZOK VEDĽA TEXTU) === */

/* 1. Zacieli na všetky odkazy smerujúce na produkt a zarovná ich vedľa seba */
.mega-menu__item a.mega-menu__item-link[href*="/products/"] {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 6px 10px !important;
}

/* 2. Zmenší obrázok produktu na 50x50px */
.mega-menu__item a.mega-menu__item-link[href*="/products/"] .image-animate.media {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    border-radius: 4px;
    overflow: hidden;
}

/* 3. Zabezpečí, aby sa obrázok produktu zobrazil celý a nebol orezaný */
.mega-menu__item a.mega-menu__item-link[href*="/products/"] .image-animate.media img {
    object-fit: contain !important;
}


/* === C) ŠTÝLY PRE PRODUKTY V STĹPCI S POPISOM === */

/* 1. Nastaví odkaz ako flex kontajner a zaručí vertikálne centrovanie */
.list-menu-child a.header__menu-item[href*="/products/"] {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    width: 100%;
}

/* 2. Naštýluje rámček pre obrázok */
.mega-menu__grandchild-image {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
}

/* 3. Zabezpečí, aby sa obrázok zobrazil celý */
.mega-menu__grandchild-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 4. Oprava zarovnania: Prikáže textu, aby zabral všetok zvyšný priestor */
.list-menu-child a.header__menu-item[href*="/products/"] .label {
    flex-grow: 1;
    margin-left: 0 !important;
    padding-left: 0 !important;
}


/* ========================================================================= */
/* D) DOPLNKOVÉ ŠTÝLY (ČIARY, OBRÁZKY STRÁNOK) - FINÁLNA OPRAVA */
/* ========================================================================= */

/* 1. Nastaví všetkým stĺpcom rovnaké vnútorné odsadenie a relatívne pozicovanie */
.list-mega-menu > .mega-menu__item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative; /* Dôležité pre fungovanie oddeľovacej čiary */
    box-sizing: border-box;
}

/* 2. Vytvorí oddeľovaciu čiaru bez toho, aby ovplyvnila šírku stĺpca */
.list-mega-menu > .mega-menu__item:not(:first-child)::before {
    content: '';
    display: block;
    width: 1px;
    background-color: rgba(var(--color-foreground), 0.15);
    position: absolute;
    left: -12px;
    top: 1rem;
    bottom: 1rem;
}

/* 2. Zjednotenie veľkosti obrázkov pre Stránky (Pages) */
.mega-menu__item a.mega-menu__item-link[href*="/pages/"] .image-animate.media {
    aspect-ratio: 4 / 3;
    overflow: hidden;
}
.mega-menu__item a.mega-menu__item-link[href*="/pages/"] .image-animate.media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 2. Zjednotenie veľkosti obrázkov pre Stránky (Pages) - OPRAVENÁ A POSILNENÁ VERZIA */
/* Tento kód by mal zaručiť, že VŠETKY obrázky stránok budú mať rovnakú veľkosť */
.list-mega-menu > .mega-menu__item > a[href*="/pages/"] .image-animate.media {
    aspect-ratio: 4 / 3 !important; /* Pevný pomer strán 4:3 */
    overflow: hidden !important;
}

/* ========================================================================= */
/* FINÁLNA OPRAVA ZAROVNANIA NADPISU STĹPCA (Verzia 6) */
/* ========================================================================= */

/* Zacielime na odkaz slúžiaci ako nadpis s maximálnou presnosťou
   a donútime ho zarovnať sa doľava. */
.list-mega-menu > .mega-menu__item > a.mega-menu__column-header-link {
    /* Vynulujeme akékoľvek centrovanie pomocou marginu */
    margin-left: 0 !important;
    margin-right: auto !important;

    /* Explicitne prikážeme zarovnanie textu doľava */
    text-align: left !important;

    /* Zaistíme, aby mal rovnaké bočné odsadenie ako položky pod ním */
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
/* ========================================================================= */
/* ZAROVNANIE STĹPCOV V MEGA MENU NA STRED (Opravená verzia) */
/* ========================================================================= */

/* Tento kód donúti VŠETKY kontajnery stĺpcov v mega menu,
   aby sa správali ako flexibilný box A ZÁROVEŇ
   aby svoj obsah (stĺpce) zarovnali na stred. */
.list-mega-menu {
    display: flex !important;             /* Kľúčový príkaz: aktivuje flexbox */
    justify-content: center !important;  /* Kľúčový príkaz: centruje stĺpce */
    flex-wrap: wrap;                     /* Pre istotu, ak by sa náhodou nezmestili */
}
/* ========================================================================= */
/* SKRYTIE ODDEĽOVACEJ ČIARY, AK SÚ V MENU IBA DVA STĹPCE */
/* ========================================================================= */

/* Tento kód nájde druhý stĺpec (.mega-menu__item:nth-child(2))
   ALE IBA v prípade, že je zároveň aj posledným stĺpcom (:last-child)
   a v takom prípade skryje jeho pseudo-element ::before (samotnú čiaru). */
.mega-menu--with-separators .list-mega-menu > .mega-menu__item:nth-child(2):last-child::before {
    display: none !important;
}
 !important; /* Zachovanie pomeru strán */
  display: block !important;      
}