/** Shopify CDN: Minification failed

Line 97:0 Unexpected "}"

**/
/* === DESKTOP HEADER (OBEY STYLE) === */
@media (min-width: 769px) {
  .header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white !important;
    border-radius: 0.6rem;
    backdrop-filter: blur(5px);
    padding: 0.3rem 0.1rem !important;
    max-width: 100%!important;
    margin: 1rem 0 0 auto; /* auto samo na desni */
    transform: translateY(30px) scale(0.985) !important;
    transition: all 0.3s ease-in-out;
    

    position: absolute;
    top: 1rem;
    right: 1rem;
    left: auto;
    
  }

  .header-layout {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    width: 100%;
    gap: 1.2rem !important; /* razmak med logotipom in ikonami – uravnotežen */
  }

  .header__heading-logo {
    max-height: 42px;
    height: auto;
    transition: max-height 0.3s ease-in-out;
  }

  .header__icons {
    gap: 1rem;
  }
}
@media (min-width: 769px) {
  #shopify-section-header {
    padding: 0 !important;
    margin: 0 !important;
  }

  .shopify-section {
    padding: 0 !important;
    margin: 0 !important;
  }

  .section-header {
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media (min-width: 769px) {
  .shopify-section:first-of-type {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .section-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  #shopify-section-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .header-wrapper {
    margin-top: 0 !important;
    padding-top: 0.3rem !important;
  }

  .header {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
.page-width,
  .header {
    padding-left: 1rem !important;
    padding-right: 0.5rem !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (min-width: 769px) {
  .header__icon {
    width: 36px !important;
    height: 36px !important;
  }

  .header__icon .icon,
  .header__icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  .header__icon--cart .icon-cart-empty {
    width: 18px !important;
    height: 18px !important;
    transform: none !important;
    scale: 1 !important;
    stroke-width: 1.5 !important;
  }
}
.header__inline-menu a {
  font-size: 1.6rem !important;
  font-weight: 700;
  color: #000 !important;
  text-decoration: none;
  transition: color 0.1s ease-in-out;
  letter-spacing: -0.02em; /* ali -0.04em za še bolj stisnjeno */
}

.header__inline-menu a:hover {
  color: #888 !important; /* svetlejša siva ob hoverju */
}
/* === spremenljivke === */
:root {
  --marquee-height: 21.594px;  /* višina bara */
  --extra-offset: 10px;       /* tvoj dodaten razmak */
  --header-height: 60px;      /* višina headerja */
}

/* === MOBILE ONLY: fiksni header pod marquee barom, brez skokov === */
@media (max-width: 768px) {
  /* vedno rezerviraj vertikalni scrollbar */
  html, 
  body {
    overflow-y: scroll !important;
  }

  /* header fiksno postavljen takoj pod marquee bar */
  .header-wrapper {
    position: fixed !important;
     top: calc(var(--marquee-height) + var(--extra-offset)) !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    transform: none !important;
    transition: none !important;
    z-index: 9999 !important;
  }

  /* onemogoči animacijo logotipa, če jo ima */
  .header__heading-logo {
    transition: none !important;
  }

  /* potisni glavno vsebino navzdol za marquee + header */
  main,
  .page-wrapper {
     padding-top: calc(var(--marquee-height) + var(--extra-offset) + var(--header-height)) !important;
  }
}

/* === DESKTOP ONLY: obdrži tvoj originalni izgled === */
@media (min-width: 769px) {
  .header-wrapper {
    /* tisto, kar si imel prej: translateY, absolute/top itd. */
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white !important;
    border-radius: 0.5rem!important;;
    backdrop-filter: blur(5px);
    padding: 0.3rem 0.1rem !important;
    max-width: 100% !important;

    position: absolute;
    top: 1rem;
    right: 1rem;
    left: auto;
    transform: translateY(30px) scale(0.985) !important;
    transition: all 0.3s ease-in-out;
    z-index: 1000;
  }

  /* če želiš vsebino malo pomakniti dol (npr. zaradi fiksnega headerja), uporabi: */
  main,
  .page-wrapper {
    /* originalni padding/pomik, kot si imel */
    padding-top: calc(var(--header-height) + 1rem + 30px) !important;
  }
}
@media (max-width: 990px) {
  .header__heading {
    margin-right: auto !important;
  }
  .header__icons {
    margin-left: auto !important;
  }
}