/** Shopify CDN: Minification failed

Line 806:0 Expected "}" to go with "{"

**/
/* === HEADER LAYOUT – DESKTOP === */
.header-layout {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 1rem;
}

@media screen and (min-width: 769px) {
  .header-layout {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
  }

  .header__heading-logo {
    max-height: 48px;
  }
}

/* === ACCOUNT IKONA – SKRIVANJE V MENIJU === */
.menu-drawer__menu-item[href*="account"],
.menu-drawer__utility-links a[href*="account"] {
  display: none !important;
}

/* === HAMBURGER IKONA – KREPKEJŠA === */
@media (max-width: 768px) {
  .header__wrapper {
    border-radius: 1rem;
  }

  .header__icon--menu svg {
    stroke: #000 !important;
    stroke-width: 3px;
  }

  .header__icons {
    gap: 0rem !important;
  }
}
/* ────────── MOBILE: CLICK-THROUGH HEADER & LOGO ────────── */
@media (max-width: 768px) {
  /* 1) Omogoči tap na search ikoni in modalih */
  .header__search,
  .header__search summary,
  .header__search summary .icon,
  .search-modal,
  .search-modal__content,
  .modal-overlay {
    pointer-events: auto !important;
    z-index: 10000 !important;
  }

}
/* === FIX: JEZIKOVNI DROPDOWN V MENIJIH (ZRIHTAJ VISIBLE & Z-INDEX) === */
.disclosure__button[aria-expanded="true"] + .disclosure__list-wrapper {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  max-height: 200px !important;
  z-index: 9999 !important;
  position: relative !important;
}

.disclosure__list-wrapper {
  transition: all 0.3s ease;
  max-height: 0;
  overflow: hidden;
}
.product-form__buttons {
  border: none !important;
  box-shadow: none !important;
}
@media (max-width: 768px) {
  .header {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .header__heading,
  .header__icons {
    margin: 0 !important;
  }
}
@media (max-width: 768px) {
  .header,
  .header-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0 auto !important;
    padding-left: 1.4rem !important;
    padding-right: 1.4rem !important;
    box-sizing: border-box !important;
  }
  .header__icons {
    padding-right: 0 !important;
  }
  .header__icon--menu {
    margin-left: 0 !important;
  }
}
@media (max-width: 768px) {
  .header, .header-wrapper {
    max-width: 96%;    /* ali 95% - testiraj, da ni preširoko */
    margin: 0 auto !important;
    border-radius: 0.7rem !important;
    left: 0 !important;
    right: 0 !important;
    padding-left: 1.4rem !important;
    padding-right: 1.4rem !important;
    background: #fff !important;
  }
}
@media (max-width: 768px) {
  .header, .header-wrapper {
    max-width: 94vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 1.1rem !important; /* rahlo navzdol od roba telefona */
    border-radius: 0.4rem !important;
    background: #fff !important;
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
  }
}
@media (max-width: 768px) {
  .shopify-section,
  .section-header,
  .header-wrapper {
    background: transparent !important;
  }
  .header, .header-wrapper {
    background: #fff !important;

  }
}
@media (max-width: 768px) {
  .header__icons {
    gap: 2.1rem !important;   /* povečaj po potrebi: 2rem do 2.8rem je top */
    margin-left: 1.3rem !important; /* ali več, če hočeš več prostora desno */
  }
  .header__heading-link {
    margin-right: 1.2rem !important; /* dodatno odmakne logo od ikon */
  }
}
@media (max-width: 768px) {
  .header__icons {
    gap: 0.2 rem !important;  /* Lahko greš še manj, recimo 0.6rem */
    margin-left: 1.5rem !important; /* Če želiš, da so še vedno odmaknjene od logota */
  }
}

@media (max-width: 768px) {
  .header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.6rem 1.2rem !important;  /* prilagodi padding po občutku */
    max-width: 96%;
    margin: 0.7rem auto !important;
    border-radius: 0.7rem !important;
    background: #fff !important;
  }
@media (max-width: 768px) {
  .header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.6rem 1.2rem !important;  /* prilagodi padding po občutku */
    max-width: 96%;
    margin: 0.7rem auto !important;
    border-radius: 0.7rem !important;
    background: #fff !important;
  }
  .header__heading {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
  }
  .header__icons {
    display: flex !important;
    gap: 0.2rem !important;  /* zmanjšaj razmak med ikonami */
  }
  .header__icon {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .header__icon--menu {
    margin-right: -1rem !important; /* odmakni burger od roba */
  }
}
@media (max-width: 768px) {
  .header__icons {
    display: flex !important;
    gap: 0.2rem !important;
    padding: 0 !important;
    margin: 0 !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }
  .header__icon {
    margin: 0 !important;
    padding: 0 !important;
    min-width: unset !important;
    max-width: unset !important;
    width: auto !important;
  }
}
@media (max-width: 768px) {
  .header__icons,
  .header__icons * {
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    min-width: unset !important;
    max-width: unset !important;
    width: auto !important;
  }
}
@media (max-width: 768px) {
  .header__icons {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important; /* ikone poravna desno, če hočeš centralno, daj center */
    gap: 0.5rem !important;  /* ali prilagodi po občutku, recimo 0.6rem */
    height: 100%; /* naj bodo ikone vertikalno centrirane */
  }
  .header__icon {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 32px; /* ali po občutku, enotno za vse ikone */
    height: 32px;    /* enako za višino, prilagodi če želiš manjše/večje */
    justify-content: center !important;
  }
  .header__icon svg {
    width: 22px !important;
    height: 22px !important;
    display: block;
  }
}
@media (max-width: 768px) {
  .header__heading {
    flex: 1 1 auto !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
  }
  .header__heading-logo-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100%;

    /* Specifično povečaj samo cart/bag ikono */
.header__icon--cart svg {
  width: 28px !important;   /* ali 30px, po občutku */
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  
  
  }
}
.header__icon--cart .svg-wrapper {
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
@media (max-width: 768px) {
  .header__icon--cart svg,
  .header__icon--cart img {
    width: 2.2rem !important;
    height: 2.2rem !important;
    min-width: 2.2rem !important;
    min-height: 2.2rem !important;
    max-width: 2.2rem !important;
    max-height: 2.2rem !important;
    aspect-ratio: 1 / 1 !important;
  }
  .header__icon--cart {
    width: 2.6rem !important;
    height: 2.6rem !important;
    min-width: 2.6rem !important;
    min-height: 2.6rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .header__icon--cart svg,
  .header__icon--cart .svg-wrapper svg {
    width: 32px !important;    /* ali probaj 30px, če je prevelika */
    height: 32px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    vertical-align: middle;
  }
}
@media (max-width: 768px) {
  .header__icon--cart svg {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    vertical-align: middle;
    /* Doda padding, če je vizualno premajhna */
    padding: 2px !important;
    box-sizing: content-box !important;
  }
  .header__icon--cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  /* Če je še vedno "shirano", probaš še transform scale */
  .header__icon--cart svg {
    transform: scale(1.65);
  }
}
@media (max-width: 768px) {
  .header__icons {
    justify-content: flex-end !important;
    /* Če že ima display:flex, se bo vse potisnilo desno */
    margin-right: 1.2rem !important; /* Lahko še povečaš */
    gap: 0.5rem !important; /* Če želiš razmak med ikonami */
    width: auto !important;
  }
}
@media (max-width: 768px) {
  .header__icons, .header__icons-wrapper {
    justify-content: flex-end !important;
    margin-right: 2rem !important;
  }
}
@media (max-width: 768px) {
  .header__icons {
    position: relative !important;
    right: -3.5rem !important;
  }
}
@media (max-width: 768px) {
  .header__icon--menu {
    margin-left: 1.1rem !important; /* Prilagajaj vrednost (1rem, 2rem ...) */
  }
}
@media (max-width: 768px) {
  .header__icon--search {
    margin-right: 0.9rem !important; /* ali eksperimentiraj s 1.4rem, 1.6rem ... */
  }
}
@media (max-width: 768px) {
  .header__icon--account {
   margin-right: 0.7rem !important; /* premakne ikono bolj levo */
  }
}
@media (max-width: 768px) {
  #shopify-section-announcement-bar {
    margin-bottom: 0.1rem !important;
  }
  .header, .header-wrapper {
    margin-top: 0.25rem !important;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 768px) {
  .header__heading-logo[style] {
    width: 400px !important;
    max-width: 400px !important;
    height: auto !important;
    min-width: 100px !important;
    max-height: 80px !important;
  }
}
@media (max-width: 768px) {
  .header__heading-logo,
  .header__heading-logo-wrapper,
  .header__heading-logo-wrapper img,
  .header__heading-logo-wrapper svg {
    width: 400px !important;
    max-width: 400px !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: unset !important;
  }
}
@media (max-width: 768px) {
  .header__icon--menu svg,
  .icon-hamburger,  /* če imaš še to klaso */
  .menu-icon { 
    stroke-width: 0px !important;
  }
}
.header__icon--menu .icon-bar {
  height: 10px !important;      /* tanjša črta */
  margin: 0.4px 0 !important;    /* razmak med črtami – zmanjšaj po občutku */
  border-radius: -1px;          /* če želiš čisto ravne ali rahlo zaobljene */
  background: #000;            /* barva črt */
}

/* Samo za hamburger SVG na mobilcu */
@media (max-width: 768px) {
  .icon-hamburger {
    transform: scaleY(3);      /* 0.7 = bolj tanek, 0.5 = ultra tanek */
    transform-origin: center;
  }
}
.icon-hamburger path {
  transform: scaleY(0.6); /* splošči črte skupaj */
}
@media (max-width: 768px) {
  .header__icon--menu {
    margin-top: 8px !important;   /* Poskusi 8px ali več/manj */
  }
}
@media (max-width: 768px) {
  .header, .header-wrapper {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
    /* če želiš še bolj tanko: 0.2rem */
  }
}
@media (max-width: 768px) {
  .header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
  @media (max-width: 768px) {
  main, .main-content, #MainContent {
    padding-top: 2.8rem !important; /* prilagodi glede na višino headerja */
  }
}
@media (max-width: 768px) {
  .product__media-wrapper {
    margin-top: -6.1rem !important;
    margin-bottom: 0.2rem !important;
  }
  .slider-counter {
    width: 100%;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0!important;
    text-align: center !important;
    position: relative !important;
  }
  .slider-counter span,
  .slider-counter button {
    float: none !important;
    text-align: center !important;
    margin: 0 0.25rem !important;
  }
  .product__info-wrapper {
    margin-top: 0.2rem !important;
  }
}
@media (max-width: 768px) {
  .slider-counter,
  .media-gallery__nav,
  .product__media-navigation {
    margin-top: -3.4rem !important;
    position: relative;
    z-index: 10;
  }
}


@media (max-width: 768px) {
  .collection-hero__title, .section-header__title, .collection-title {
    margin-top: 7rem !important; /* ali 2rem, 3rem – prilagodi po občutku */
    /* Če že ima margin, ga samo spremeni */
  }
}
@media (max-width: 768px) {
  .product__media-wrapper {
    margin-top: -0.5rem !important; /* ali več/manj po občutku */
  }
}
/* Odstrani zaobljene robove povsod na produktnih slikah */
.product__media-item img,
.product__media img,
.media-gallery img,
.slider__slide img {
  border-radius: 0 !important;
  /* če hočeš čisti kvadrat:
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  */
}
.slider-nav__item {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background: #e7e7e7;
  margin: 0 6px;
  display: inline-block;
  border: 1.4px solid #222;
  transition: background 0.2s;
  /* Tole bo "prisililo", da ni okrogel */
  box-shadow: none;
  opacity: 1 !important;
}

.slider-nav__item[aria-current="true"] {
  background: #222;
  border-color: #222;
}
.slider-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3rem;
  margin-top: 1rem;
}
.slider-button {
  display: none !important;
}
.slider-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
/* ==== OSTRI ROBOVI IN OKVIR OKOLI SLIK (desktop) ==== */

/* Samo za desktop! */
@media (min-width: 769px) {
  .product__media-item img,
  .product__media img,
  .media-gallery img,
  .slider__slide img {
    border-radius: 0 !important;     /* ostri robovi */
    border: 2px solid #191919;       /* tanka črna črta (lahko spremeniš barvo ali debelino) */
    box-shadow: none !important;     /* odstrani senco, če je */
    background: #fff;                /* če želiš bel background, opcijsko */
    /* aspect-ratio: 1/1;            /* če želiš 100% kvadrat, lahko dodaš */
    /* object-fit: cover;            /* za perfekten fit */
  }
}
/* Prilagodi class glede na tvoj Inspect! */
/* Zmanjšaj X (close) ikono v meniju */
.icon.icon-close {
  width: 17px !important;   /* še manjši: 18px ali 16px po občutku */
  height: 17px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 24px !important;
  max-height: 24px !important;
  /* če želiš, dodaj še centriranje */
  display: block !important;
  margin: 0 auto !important;
}
@media (max-width: 768px) {
  .header__icon--menu {
    margin-top: 6px !important; /* ali poigraj se s številko */
  }
  .icon-close {
    margin-top: 5px !important;
  }
}
@media (max-width: 768px) {
  .icon-close {
    transform: translateY(-4px) !important;
  }
}
@media (max-width: 768px) {
  .header-wrapper {
    border: 1.2px solid #e5e5e5 !important;  /* ali #d1d1d1 za bolj viden rob */
    border-radius: 0.5rem !important;
    background: #fff !important;
    padding: 0.1rem 0.9rem !important;
    width: 94vw !important;
    margin: 1rem auto 0.5rem auto !important;
    max-width: 440px !important;
    overflow: visible !important;
    margin-top: 0.5rem !important;
  }
}
/* ==== GLOBAL RESET ==== */
*, :before, :after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
/* SKRIJ SVG X, naj bo viden samo gumb (brez vsebine) */
.product-media-modal__toggle .icon-close,
.product-media-modal__toggle svg {
  display: none !important;
}

/* ODSTRANI KROG/ozadje na gumbu */
.product-media-modal__toggle {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

/* SKRIJ psevdo-elemente (če je še kak background ali ikona) */
.product-media-modal__toggle::before,
.product-media-modal__toggle::after {
  display: none !important;
  background: none !important;
  border: none !important;
}
.product__media-icon--lightbox {
  display: none !important;
}
.product__media-icon,
.product__media-icon--lightbox,
.quick-add-hidden.product__media-icon {
  display: none !important;
}

.related-swiper-wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
  overflow: visible;
}
.desktop-only { display: block; }
.mobile-only { display: none; }

@media (max-width: 767px) {
  .desktop-only { display: none; }
  .mobile-only { display: block; }
}
.swiper.related-swiper-desktop .swiper-slide {
  flex: 0 0 23.5%;
  max-width: 23.5%;
  min-width: 220px;
  margin-right: 2%;
  transition: transform 0.3s;
}
.swiper.related-swiper-desktop .swiper-slide:last-child {
  margin-right: 0;
}
.swiper.related-swiper-mobile .swiper-slide {
  flex: 0 0 60vw;
  max-width: 60vw;
  min-width: 33vw;
  margin-right: 12px;
}
.swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.swiper-button-prev,
.swiper-button-next {
  color: #222;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #eee;
  width: 32px;
  height: 32px;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,0.09);
  z-index: 2;
}
.swiper-pagination {
  margin-top: 16px;
}

@media (max-width: 749px) {
  .menu-drawer {
    position: fixed !important;
    top: 100px !important;        /* Prilagodi svoji header višini! */
    left: 0 !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    /* ostalo kot imaš (background, z-index, animacija) */
  }
  .menu-drawer__inner-container,
  .menu-drawer__inner, .mobile-nav__inner {
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
  }
}
#menu-drawer,
.menu-drawer,
.menu-drawer__inner-container {
  background: #fff !important;     /* ali tvoja OG barva */
  box-shadow: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gradient {
  background: #fff !important;  /* Prepiši shopify gradient ozadje */
}

body, html {
  background: #fff !important;  /* Če je trak od body-ja */
}
#menu-drawer,
.menu-drawer,
.gradient.menu-drawer {
  background: #fff !important; /* ali tvoja OG barva (npr. #fff za čisto belo) */
  background-image: none !important;
  box-shadow: none !important;
}
.menu-drawer__overlay,
.menu-drawer:after,
.menu-drawer:before {
  background: transparent !important;
  opacity: 0 !important;
  display: none !important;
}
background: #fff !important;
background-image: none !important;
#menu-drawer,
.menu-drawer,
.gradient.menu-drawer,
#menu-drawer.gradient,
#menu-drawer:before,
#menu-drawer:after,
.menu-drawer:before,
.menu-drawer:after {
  background: #fff !important;
  background-image: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
  filter: none !important;
  border: none !important;
  outline: none !important;
}

.menu-drawer__overlay,
.menu-drawer-bg,
.menu-drawer-bg:before,
.menu-drawer-bg:after {
  background: transparent !important;
  opacity: 0 !important;
  display: none !important;
  box-shadow: none !important;
}
#menu-drawer,
.menu-drawer,
.gradient.menu-drawer {
  opacity: 1 !important;
  filter: none !important;
}
.header-wrapper .menu-drawer[aria-expanded="true"]::before,
.menu-drawer[aria-expanded="true"]::before,
.menu-drawer::before,
#menu-drawer::before {
  background: transparent !important;
  opacity: 0 !important;
  display: none !important;
  content: none !important;
}
body .menu-drawer::before,
body #menu-drawer::before {
  background: transparent !important;
  opacity: 0 !important;
  display: none !important;
  content: none !important;
}

slider-counter,
div.slider-counter,
.slider-counter.caption {
  display: none !important;
}