/** Shopify CDN: Minification failed

Line 1258:0 Unexpected "}"

**/
/* === PRODUCT FORM & BUTTONS CLEANUP === */
.product-form__buttons,
.cart__ctas,
.product-form__submit,
.shopify-payment-button,
.shopify-payment-button__button,
.product-form__input.product-form__quantity {
  border: none !important;
  box-shadow: none !important;
}

/* === ADD TO CART BUTTON === */
.product-form__submit,
.product__info-container button[type="submit"] {
  font-family: 'Consolas', 'Courier New', Courier, monospace;
  font-weight: 600;
  font-size: 1.3rem;
  padding: 1.5rem 0;
  background-color: #ff3131;
  color: #fff;
  text-transform: uppercase !important;
  letter-spacing: 0.08em;
  width: 100%;
  border-radius: 4px;
  transition: background 0.3s ease;
}
.product-form__submit:hover,
.product__info-container button[type="submit"]:hover {
  background-color: #c80000;
}

/* === HIDE QUANTITY SELECTOR === */
.product__info-container .quantity-selector,
.product__info-container [data-quantity],
.product__info-container .product-form__item--quantity {
  display: none !important;
}

/* === SLIDE-OUT CART Z-INDEX === */
.cart-drawer,
.drawer--cart,
.drawer__inner {
  z-index: 9999 !important;
}

/* === CART NOTIFICATION POSITION === */
[data-cart-notification],
.cart-notification,
.cart-notification__wrapper {
  top: 100px !important;
  z-index: 1001 !important;
}

/* === STICKY PRODUCT INFO PANEL === */
.product__info-container {
  position: sticky !important;
  top: 90px;
  align-self: start;
  z-index: 5;
  background: #fff;
  padding-top: 1rem;
  font-family: 'Consolas', 'Courier New', Courier, monospace;
}

/* === TWO-COLUMN LAYOUT & RESPONSIVE === */
.product--2-col-tablet {
  display: grid;
  grid-template-columns: 60% 40% !important;
  grid-gap: 2rem;
  max-height: calc(100vh - 90px);
}
@media screen and (max-width: 749px) {
  .product--2-col-tablet {
    grid-template-columns: 1fr !important;
  }
  .product__info-container {
    position: static !important;
  }
}

/* === MEDIA WRAPPER SCROLL & STYLING === */
.product__media-wrapper {
  overflow-y: auto;
  max-height: calc(100vh - 90px);
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.product__media-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.product__media-wrapper img,
.product__media-wrapper model-viewer {
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
}

/* === UNIFORM PADDING === */
.product__media-wrapper,
.product__info-wrapper {
  padding: 1.5rem !important;
}

/* === TYPOGRAPHY & SPACING === */
.product__info-container .product__heading,
.product__info-container .product__price {
  margin-bottom: 1rem;
}
.product__info-container .product__label,
.product__info-container .product__info-label {
  display: none;
}
.product__info-container p,
.product__info-container ul {
  margin-bottom: 1rem;
}

/* === SWATCHES === */
.variant-swatch__button,
.swatch__item,
.swatch-label {
  width: 2.5rem !important;
  height: 2.5rem !important;
  margin: 0 0.5rem 1rem 0;
  padding: 0 !important;
  border-radius: 4px !important;
  background-color: #f4f4f4 !important;
  border: none !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease;
}
.variant-swatch__button:hover,
.swatch__item:hover {
  border-color: #000 !important;
}

/* === SIZE PICKER BUTTONS === */
.product__info-container .size-picker button {
  min-width: 2.5rem;
  padding: 0.5rem 0;
  border: 1px solid #000;
  border-radius: 4px;
  background: none;
  color: #000;
  font-weight: 500;
  margin-right: 0.5rem;
  transition: background 0.2s ease, color 0.2s ease;
}
.product__info-container .size-picker button:hover,
.product__info-container .size-picker .active {
  background: #000;
  color: #fff;
}

/* === ADDITIONAL CLEANUPS === */
/* Remove any unused or conflicting rules */
/* 1) Vedno prikaži Checkout gumb */
.cart-notification__button--checkout {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 2) Stiliziraj ga enako kot View cart */
.cart-notification__button--checkout {
  background: transparent !important;
  border: 2px solid #000 !important;
  color: #000 !important;
  text-transform: uppercase !important;
  padding: 0.75rem 1.5rem !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  letter-spacing: 0.05em !important;
  cursor: pointer !important;
}

/* 3) Če se pod gumbom skriva kakšno globalno override pravilo, preglasi še to */
.cart-notification .cart-notification__button--checkout {
  display: block !important;
}
/* — FORCE “Check out” BUTTON ALWAYS VISIBLE — */
.cart-notification__wrapper .cart-notification__button--checkout {
  display: inline-block !important;
  visibility: visible     !important;
  opacity: 1               !important;
  transform: none         !important;
  transition: none        !important;
}
#cart-notification-form button[name="checkout"] {
  background: transparent     !important;
  color: inherit             !important;
  border: 1px solid #000     !important;
  padding: 0.75rem 1rem       !important;
  margin-top: 0.5rem          !important;
  font-weight: 600            !important;
}
/* — Always show the “Check out” button inside the cart drawer — */
.cart__ctas .cart__checkout-button,
#checkout {
  display: block         !important;
  visibility: visible    !important;
  opacity: 1             !important;
  transform: none        !important;
}
.cart__ctas .cart__checkout-button {
  background: transparent   !important;
  color: inherit            !important;
  border: 1px solid #000    !important;
  padding: 0.75rem 1rem     !important;
  font-weight: 600          !important;
  margin-top: 0.5rem        !important;
}
.drawer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.drawer__logo-link {
  display: inline-block;
}
.drawer__logo img {
  max-width: 150px;
  height: auto;
}
.drawer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem; /* prilagodi, če želiš več/manj prostora */
}
.drawer__logo-link svg {
  max-height: 40px; /* prilagodi višino logotipa */
  height: auto;
  width: auto;
}
.product-card__media {
 ;
  padding-top: 75%;            /* 4:3 razmerje */
  overflow: hidden;
  background: #f4f4f4;
}
.product-card__media img {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.product-card__info h3 {
  font-size: 0.9rem;
  line-height: 1.2;
  max-height: 2.4em;           /* dve vrstici */
  overflow: hidden;
  margin: 0.5rem 0 0.25rem;
}
.product-card__info .price {
  font-weight: 600;
  font-size: 1rem;
}
.product-card {
  padding: 0.5rem;
  box-sizing: border-box;
}
.product-card__info {
  padding: 0 0.75rem 1rem;
}
.collection-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

@media (max-width: 1024px) {
  .collection-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .collection-grid { grid-template-columns: 1fr; }
}
.product-card__media {
  position: relative;
  padding-top: 75%;       /* 4:3 razmerje */
  background: #f4f4f4;
  overflow: hidden;
}
.product-card__media img {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.product-card__info {
  padding: 0.5rem 0.75rem;
  text-align: left;
}
.product-card__info h3 {
  font-size: 0.95rem;
  line-height: 1.2;
  max-height: 2.4em;     /* dve vrstici */
  overflow: hidden;
  margin: 0 0 0.25rem;
}
.product-card__info .price {
  font-size: 1rem;
  font-weight: 600;
}
.product-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  overflow: hidden;
  transition: transform 0.2s ease;
}
.product-card:hover {
  transform: translateY(-4px);
}
.card__media img, .media img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.7rem;
  border-radius: 10px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.card__information {
  text-align: left;
  padding: 0;
  margin: 0;
}

.card__heading {
  font-family: 'Consolas', 'Courier New', Courier, monospace;
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 0.08em 0;
  letter-spacing: 0.02em;
  color: #222;
  line-height: 1.15;
}

.card-information {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin: 0.15rem 0 0.1rem 0;
}

.card-information .price {
  font-family: 'Consolas', 'Courier New', Courier, monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #ff3131;
  margin: 0;
}

@media (max-width: 768px) {
  .card__media img, .media img {
    margin-bottom: 0.4rem;
    border-radius: 6px;
  }
  .card__heading {
    font-size: 1rem;
    margin-bottom: 0.05rem;
  }
  .card-information .price {
    font-size: 0.95rem;
  }
}

.card__content {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0.1rem;
  margin-bottom: 0.2rem;
}

.card-wrapper, .product-card-wrapper {
  padding: 0.5rem 0.15rem !important;
  margin: 0 !important;
}
.collection-header-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.5rem;
}
.collection__description {
  min-width: 200px;
  max-width: 360px;
  text-align: right;
  margin-left: 2rem;
  font-family: 'Consolas', 'Courier New', Courier, monospace;
  font-weight: 600;
  color: #222;
}
@media (max-width: 900px) {
  .collection-header-flex {
    flex-direction: column;
    align-items: flex-start;
  }
  .collection__description {
    text-align: left;
    margin-left: 0;
    margin-top: 0.4rem;
    max-width: 100%;
  }
}
.collection-header-flex, .collection__title, .title-wrapper {
  margin-bottom: 0.15rem !important;
  padding-bottom: 0 !important;
}
.collection, .slider-mobile-gutter {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.collection-filters,
#FacetFiltersForm,
.product-count,
.collection__viewing {
  color: #aaa !important;
  font-size: 0.96rem !important;
  font-weight: 400 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Pomakni naslov malo nižje */
.collection-header-flex, .collection__title, .title-wrapper {
  margin-bottom: 0.4rem !important;  /* Višja vrednost = večji razmak pod naslovom */
  padding-bottom: 0 !important;
}

/* Grid produktov pomakni bolj gor */
.collection, .slider-mobile-gutter, .product-grid, .grid {
  margin-top: -1.6rem !important; /* Negativna vrednost = grid gre gor */
  padding-top: 0 !important;
}

/* Če hočeš še več razmaka pod naslovom samo zvišaj margin-bottom, če hočeš grid še bolj gor, povečaj negativni margin-top */
@media (max-width: 700px) {
  .collection-filters, #FacetFiltersForm, .collection__viewing, .product-count {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 1.05rem !important;
    /* Lahko tudi: */
    order: 2; /* Če uporabljaš flex, premakne filter spodaj */
  }
  .collection-header-flex,
  .collection__title,
  .title-wrapper {
    margin-bottom: 0.1rem !important;
    padding-bottom: 0 !important;
  }
  .collection, .slider-mobile-gutter, .product-grid, .grid {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
/* CTA gumb na mobilcu vedno centriraj in dvigni */
@media (max-width: 750px) {
  .hero-cta,
  .hero-cta_button {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 2.5rem !important;    /* Dvigni gumb višje nad spodnjim robom */
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100%;
    max-width: 330px;
    z-index: 10;
  }
  .hero-cta_button {
    width: 100%;
    max-width: 330px;
    font-size: 1.15rem;
  }
}
@media (max-width: 750px) {
  .hero-cta {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%);
    bottom: 2.5rem !important;   /* če hočeš od spodaj, zvišuj/nižaj ta value */
    top: unset !important;
    margin: 0 auto !important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
  }
}
@media (max-width: 750px) {
  .hero-cta {
    position: absolute !important;
    left: 50% !important;
    top: 60% !important;         /* Dobiš cca spodnjo tretjino videa */
    bottom: unset !important;
    transform: translate(-50%, -50%);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
  }
}
.hero-video_media {
  position: relative !important;
}
@media (max-width: 750px) {
  .hero-cta {
    position: absolute !important;
    left: 50% !important;
    top: 14% !important;                /* Po potrebi prilagodi (50% je čista sredina, 60% malo nižje) */
    transform: translate(-50%, -50%) !important;
    width: 90vw !important;
    max-width: 330px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 10;
    margin: 0 !important;
  }
  .hero-cta_button {
    width: 100%;
    max-width: 330px;
    font-size: 1.1rem;
    text-align: center;
  }
}
/* CTA gumb brutalni Dripara stil */
.dripara-cta {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ff3131;
  color: #fff;
  font-family: 'Consolas', 'Courier New', Courier, monospace;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  border: none;
  border-radius: 6px;
  padding: 1.2em 2.6em;
  z-index: 10;
  box-shadow: 0 2px 24px 0 rgba(0,0,0,0.08);
  transition: all 0.15s cubic-bezier(.47,1.64,.41,.8);
  cursor: pointer;
}
.dripara-cta:hover {
  background: #fff;
  color: #ff3131;
  box-shadow: 0 4px 28px 0 rgba(0,0,0,0.13);
}
/* Da se gumb res lepo centrira */
.banner__content, .banner__box {
  position: relative;
}
/* Responsive popravki */
@media (max-width: 749px) {
  .dripara-cta {
    font-size: 1rem;
    padding: 0.8em 1.8em;
  }
}
.explore-link, .shop-link {
  text-shadow: 0 2px 12px rgba(0,0,0,0.30), 0 1px 0 #fff;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.explore-link, .shop-link {
  background: #ff3131;
  color: #fff;
  border-radius: 6px;
  padding: 0.5em 1.2em;
  font-weight: 700;
  font-size: 1.1em;
  box-shadow: 0 2px 12px rgba(0,0,0,0.18);
  letter-spacing: 0.09em;
  transition: background 0.15s;
}
.explore-link:hover, .shop-link:hover {
  background: #fff;
  color: #ff3131;
}
/* OG CTA DRIPARA Button */
.explore-link, .shop-link {
  background: #ff3131;
  color: #fff !important;
  border-radius: 6px;
  padding: 0.54em 1.2em;
  font-weight: 800;
  font-size: 1.05em;
  box-shadow: 0 2px 12px rgba(0,0,0,0.19);
  text-shadow: 0 2px 10px rgba(0,0,0,0.17);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: none;
  transition: background 0.18s, color 0.18s;
  display: inline-block;
  /* Optional: shadow around button for even more pop */
  /* box-shadow: 0 6px 28px rgba(255,49,49,0.09); */
}
.explore-link:hover, .shop-link:hover {
  background: #fff;
  color: #ff3131 !important;
  box-shadow: 0 4px 28px rgba(0,0,0,0.22);
}
.explore-link, .shop-link {
  background: transparent !important;  /* brez backgrounda */
  color: #ff3131 !important;           /* DRIPARA rdeča */
  border-radius: 6px;
  padding: 0.5em 1.2em;
  font-weight: 700;
  font-size: 1.1em;
  box-shadow: 0 2px 12px rgba(0,0,0,0.18);
  letter-spacing: 0.09em;
  transition: background 0.18s, color 0.18s;
}

.explore-link:hover, .explore-link:focus,
.shop-link:hover, .shop-link:focus {
  background: #ff3131 !important;    /* ob hoverju/tap, rdeče ozadje */
  color: #fff !important;            /* in bela pisava */
}
.banner__buttons .explore-link,
.banner__buttons .shop-link {
  background: transparent !important;
  color: #ff3131 !important;
  border-radius: 6px;
  padding: 0.5em 1.2em;
  font-weight: 700;
  font-size: 1.1em;
  box-shadow: 0 2px 12px rgba(0,0,0,0.18);
  letter-spacing: 0.09em;
  transition: background 0.18s, color 0.18s;
  text-shadow: 0 2px 8px rgba(0,0,0,0.16);
}

.banner__buttons .explore-link:hover,
.banner__buttons .explore-link:focus,
.banner__buttons .shop-link:hover,
.banner__buttons .shop-link:focus {
  background: #ff3131 !important;
  color: #fff !important;
}
.banner__content .banner__buttons .explore-link,
.banner__content .banner__buttons .shop-link {
  color: #ff3131 !important;
  background: transparent !important;
}

.banner__content .banner__buttons .explore-link:hover,
.banner__content .banner__buttons .explore-link:focus,
.banner__content .banner__buttons .shop-link:hover,
.banner__content .banner__buttons .shop-link:focus {
  background: #ff3131 !important;
  color: #fff !important;
}
/* Brutalni DRIPARA CTA na bannerjih */
.explore-link, .shop-link {
  background: transparent !important; /* če želiš tekst brez gumb ozadja */
  color: #ff3131 !important;           /* rdeča tekst po defaultu */
  border: none !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  box-shadow: none !important;
  transition: color 0.15s cubic-bezier(.47,1.64,.41,.8), background 0.15s cubic-bezier(.47,1.64,.41,.8);
  text-shadow: 0 1px 8px rgba(0,0,0,0.10); /* optional, če želiš več kontrasta na svetlih bannerjih */
}

.explore-link:hover, .explore-link:active,
.shop-link:hover, .shop-link:active,
.explore-link:focus, .shop-link:focus {
  color: #fff !important;              /* bel tekst na hover/tap */
  background: #ff3131 !important;      /* če hočeš, da dobi gumb rdečo podlago na hoverju */
  border-radius: 6px !important;
  padding: 0.4em 1.1em !important;     /* malo več gumb feeling, če želiš */
}

@media (max-width: 749px) {
  .explore-link, .shop-link {
    font-size: 1em !important;
    padding: 0.2em 0.7em !important;
  }
}
.banner__buttons .dripara-cta {
  color: #ff3131 !important;      /* DRIPARA rdeča */
  background: transparent !important;
  border: none !important;
  font-weight: 700;
  letter-spacing: 0.09em;
  box-shadow: none !important;
  text-shadow: 0 1px 8px rgba(0,0,0,0.15);
  transition: color 0.18s, background 0.18s;
}

.banner__buttons .dripara-cta:hover,
.banner__buttons .dripara-cta:focus,
.banner__buttons .dripara-cta:active {
  color: #fff !important;
  background: #ff3131 !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 18px rgba(0,0,0,0.14);
}
#price-dripara {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #222; /* ali tvoja barva */
}
#price-dripara {
  display: block !important;
  font-size: 2.1rem;
  font-weight: 700;
  color: #222;
  margin-bottom: 1rem;
  margin-top: 0.3rem;
  text-align: left;
}

@media (max-width: 750px) {
  #price-dripara {
    font-size: 1.5rem;
    margin-bottom: 0.6rem;
    margin-top: 0.3rem;
    color: #111;
    text-align: left;
    /* Po želji: */
    background: #fff;
    border-radius: 6px;
    padding: 0.3em 0.8em 0.3em 0.2em;
    box-shadow: 0 1px 4px rgba(0,0,0,0.02);
  }
}
/* DRIPARA - Popravek, da je cena vedno vidna pod naslovom tudi na telefonu */
#price-dripara,
.price--large,
.price-item--regular {
  display: block !important;
  font-size: 2.1rem !important;
  font-weight: 700 !important;
  color: #111 !important;
  margin-bottom: 0.7rem !important;
  margin-top: 0.2rem !important;
  text-align: left !important;
  background: #fff;
  border-radius: 6px;
  padding: 0.2em 0.8em 0.2em 0.3em;
  box-shadow: 0 1px 4px rgba(0,0,0,0.02);
}

@media (max-width: 750px) {
  #price-dripara,
  .price--large,
  .price-item--regular {
    font-size: 1.55rem !important;
    margin-bottom: 0.55rem !important;
    margin-top: 0.23rem !important;
    color: #000 !important;
    text-align: left !important;
    background: #fff;
    border-radius: 7px;
    padding: 0.1em 0.65em 0.1em 0.2em;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02);
    visibility: visible !important;
    opacity: 1 !important;
  }
}
.price--large,
.price-item--regular {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 10 !important;
}
@media (max-width: 750px) {
  .product__info-container {
    margin-top: 0rem !important;
    padding-top: 0.3rem !important;
  }
  .product__title {
    margin-top: 0rem !important;
    padding-top: 0rem !important;
  }
  /* Lahko dodaš še za naslov */
  h1.product__title,
  .product__title h1,
  .product__title h2 {
    margin-top: 0.15em !important;
    padding-top: 0rem !important;
  }
}
@media (max-width: 750px) {
  .product__media-wrapper {
    margin-bottom: 0.3rem !important;
    padding-bottom: 0rem !important;
  }
}
@media (max-width: 750px) {
  .product__media-wrapper {
    margin-bottom: -1.2rem !important; /* Prej si imel 0.3rem, zdaj daj MINUS */
    padding-bottom: 0 !important;
  }
  .product__info-container {
    margin-top: -1.1rem !important;    /* Daj MINUS za bolj gor */
    padding-top: 0 !important;
  }
  .product__title,
  .product__title h1,
  .product__title h2 {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
@media only screen and (max-width: 750px) and (min-device-width: 320px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .product__media-wrapper {
    margin-bottom: -1rem !important;
  }
  .product__info-container {
    margin-top: -2rem !important;
  }
}
/* Minimalističen prikaz cene - Supreme/Obey stil */
.product-card__info .price,
.card-information .price,
.price-item--regular,
.price--large {
  font-size: 1.1rem !important;   /* ali še manj: 1rem */
  font-weight: 400 !important;    /* ali 400 za še bolj subtilno */
  background: none !important;
  box-shadow: none !important;
  color: #1a1a1a !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0.2em 0 0.3em 0 !important;
  letter-spacing: 0.01em !important;
}
.price--large,
.price-item--regular {
  font-size: 1.1rem;
  font-weight: 400;
  color: #1a1a1a;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0.15em 0 0.3em 0;
  letter-spacing: 0.01em;
}
.product-card__media img {
  box-shadow: none;
  border: none;
}
.product__title h1 {
  font-size: 2.6rem !important;        /* Za desktop */
  font-weight: 1000 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.1 !important;
  margin-bottom: 0.5rem !important;
  margin-top: 0.2rem !important;
  text-align: left !important;
  word-break: break-word !important;
}

@media (max-width: 750px) {
  .product__title h1 {
    font-size: 1.6rem !important;     /* Za mobile */
    margin-bottom: 0.25rem !important;
    margin-top: 0 !important;
    font-weight: 1000 !important;
  }
}
@media (min-width: 768px) {
  .drip-header {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .shopify-section-header-sticky .header__wrapper {
    transform: none !important;
    transition: none !important;
  }
}
html,
body {
  scroll-behavior: smooth;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

.header__wrapper {
  transform: none !important;
  transition: none !important;
}

.shopify-section-header-sticky {
  transition: none !important;
}
/* 🔒 Zakleni header - nobenega skoka */
.header__wrapper,
.shopify-section-header-sticky .header__wrapper {
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}

/* ❌ Onemogoči jumping efekt ob scrollu */
.shopify-section-header-hidden,
.shopify-section-header-sticky {
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

/* ✨ Takoj prikaži header brez fade ali animacij */
.section-header {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

/* 🚫 Popravek za sticky mode */
.sticky-header[data-sticky-type] {
  transition: none !important;
}

/* 🧼 Glajenje vsega, brez mikro trzajev */
html,
body {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  backface-visibility: hidden;
}
/* 🌐 Desktop */
@media (min-width: 750px) {
  .section-header {
    top: 0px !important;
  }
}

/* 📱 Mobilna naprava */
@media (max-width: 749px) {
  .section-header {
    top: 35px !important; /* ali kolikor rabiš */
  }
}

#logo-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 9999;
  pointer-events: none;
}

body.splash-active a.header__heading-link,
body.splash-active .header__heading-logo {
  opacity: 0 !important;
  visibility: hidden !important;
}

.menu-drawer.open {
  transform: translateX(0%);
}
body.menu-open {
  overflow: hidden; /* disable scroll ko je meni odprt */
}
.hero-video__media {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  display: block;
}
.hero-video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
}
/* — Onemogoči hero-video in full-width overlay na produktnih straneh — */
body.template-product .hero-video,
body.template-product .hero-video__media,
body.template-product .hero-cta,
body.template-product .hero-cta__button,
body.template-product .full-width-link {
  display: none !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* — Variant pickers nad overlay-ji in klikljivi — */
body.template-product .product-form__input--dropdown .select__select,
body.template-product .product-form__input--pill button,
body.template-product .product-form__input--swatch button {
  position: relative !important;
  z-index: 1001 !important;
  pointer-events: auto !important;
}

/* — Obnovi klikljivost Add to Cart gumba — */
body.template-product .product-form__submit {
  position: relative !important;
  z-index: 1000 !important;
  pointer-events: auto !important;
}

/* — Buy buttons side-by-side layout — */
body.template-product .product-form__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 1rem !important;
  margin-top: 1.5rem !important;
}
body.template-product .product-form__submit {
  flex: 2 !important;
  min-width: 150px !important;
}
body.template-product .shopify-payment-button {
  flex: 1 !important;
  min-width: 120px !important;
}
@media screen and (max-width: 600px) {
  body.template-product .product-form__actions {
    flex-direction: column !important;
    gap: 0.75rem !important;
  }
}
/* === OBEY-STYLE FLOATING CART DRAWER === */

/* Glavni drawer: kompakten, max 370px, floating, zaobljen, shadow */
#CartDrawer,
.cart-drawer {
  max-width: 370px !important;
  min-width: 330px !important;
  width: 100% !important;
  right: 2.5vw !important;
  top: 90px !important; /* če želiš pod headerjem */
  border-radius: 16px 0 16px 16px !important;
  box-shadow: 0 4px 32px rgba(0,0,0,0.20), 0 1.5px 4px rgba(0,0,0,0.09);
  overflow: hidden !important;
  padding: 0 !important; /* padding dodaš na inner */
  z-index: 999999 !important;
  position: fixed !important;
}

/* Vsebina - OG padding */
#CartDrawer .drawer__inner,
.cart-drawer .drawer__inner,
.drawer__inner {
  padding: 2rem 2rem 1.5rem 2rem !important;
  box-sizing: border-box !important;
  min-height: 60vh;
  border-radius: 0 0 16px 16px !important;
}

/* Header "Product/Total" (če želiš shadow spodaj) */
.cart-drawer__header, .drawer__header {
  font-weight: bold;
  border-bottom: 1px solid #eee;
  padding-bottom: 1rem !important;
  margin-bottom: 1.2rem !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

/* Produkt v bag-u: več paddinga, ločen, zaokrožen */
.cart-drawer__item, .drawer__item {
  margin-bottom: 1.3rem !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 8px rgba(0,0,0,0.04);
  padding: 1.3rem 1rem 1rem 1rem !important;
  background: #fafafa !important;
  display: flex;
  align-items: center;
  gap: 1.1rem;
}

/* Slika izdelka: manjša, zaobljena */
.cart-drawer__item img, .drawer__item img {
  max-width: 64px !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}

/* Info o produktu */
.cart-drawer__item-details, .drawer__item-details {
  flex: 1;
  font-size: 1rem;
  line-height: 1.4;
}

/* Cena & total: izpostavljeno, desno */
.cart-drawer__footer, .drawer__footer {
  border-top: 1px solid #eee;
  padding-top: 1.1rem !important;
  margin-top: 2rem !important;
  text-align: right;
  font-size: 1.2rem;
  font-weight: 700;
}

/* CTA gumb: bold, zaobljen, črn/white */
.cart-drawer__footer .button, .drawer__footer .button {
  margin-top: 1.2rem;
  border-radius: 8px;
  font-size: 1.1rem;
  font-weight: 700;
  background: #111 !important;
  color: #fff !important;
  border: none;
  padding: 1.1rem 0;
  width: 100%;
  transition: background 0.2s;
}
.cart-drawer__footer .button:hover, .drawer__footer .button:hover {
  background: #ff3131 !important; /* obey red hover */
}

/* Za mobilce: večji drawer */
@media (max-width: 749px) {
  #CartDrawer, .cart-drawer {
    right: 0 !important;
    left: auto !important;
    max-width: 370px !important;
     min-width: 330px !important;
    border-radius: 0 !important;
    top: 60px !important;
    margin-right: 2vw !important;   /* Če želiš minimalen "air" desno */
  }
  #CartDrawer .drawer__inner,
  .cart-drawer .drawer__inner,
  .drawer__inner {
    padding: 1.2rem !important;
    min-height: 50vh;
    border-radius: 0 !important;
  }
}
#CartDrawer,
.cart-drawer {
  right: auto !important;
  left: calc(100vw - 390px - 2vw) !important;  /* Približno za 370px wide drawer + 2vw margin */
  margin-right: 0 !important;
  max-width: 370px !important;
}
#CartDrawer .drawer__inner,
.cart-drawer .drawer__inner,
.drawer__inner {
  padding: 2rem 2rem 1.5rem 2rem !important; /* zgoraj, desno, spodaj, levo */
  box-sizing: border-box !important;
}
#CartDrawer .drawer__inner,
.cart-drawer .drawer__inner,
.drawer__inner {
  padding: 2.5rem 2.5rem 1.5rem 2.5rem !important; /* več prostora desno/levo */
  box-sizing: border-box !important;
  max-width: 340px !important;
  margin: 0 auto !important;
}
@media (max-width: 749px) {
  #CartDrawer, .cart-drawer {
    top: 32px !important;            /* Pomakne dol od vrha (npr. pod header/hamburger) */
    right: 12px !important;          /* Pomakne bolj v desno, pusti “air” */
    left: 12px !important;           /* Pusti “air” levo */
    bottom: 24px !important;         /* Da imaš prostor spodaj */
    max-width: calc(100vw - 24px) !important;
    border-radius: 18px !important;  /* OG obey zaobljenost */
    margin: 0 !important;
  }
  #CartDrawer .drawer__inner,
  .cart-drawer .drawer__inner,
  .drawer__inner {
    padding: 1.1rem !important;
    border-radius: 14px !important;
    max-width: 100vw !important;
  }
}
@media (max-width: 749px) {
  .cart-drawer__item,
  .drawer__item {
    padding-right: 0.7rem !important;
    padding-left: 0.7rem !important;
  }
  .quantity, .cart-item__quantity, .product-form__quantity {
    max-width: 120px !important;
    min-width: 90px !important;
    font-size: 0.93rem !important;
  }
}
#CartDrawer, .cart-drawer {
  border-radius: 18px !important;
  box-shadow: 0 8px 36px rgba(0,0,0,0.19), 0 1.5px 4px rgba(0,0,0,0.10);
}
@media (max-width: 749px) {
  #CartDrawer, .cart-drawer {
    right: 0 !important;
    left: 0 !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    border-radius: 0 !important;
  }
}
#cartDrawer-Overlay,
.cart-drawer__overlay {
  left: 2vw !important;
  right: 2vw !important;
  top: 0 !important;
  bottom: 0 !important;
  border-radius: 18px !important;       /* Mora biti ENAKO kot drawer */
  background: rgba(30,30,30,0.18) !important; /* ali tvoja overlay barva */
  transition: all 0.25s;
  pointer-events: auto !important;
}
@media (max-width: 749px) {
  #cartDrawer-Overlay,
  .cart-drawer__overlay {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    border-radius: 0 !important;
  }
}
.header__search-form, .search-modal__form, .search-bar__form {
    max-width: 96vw !important;
    padding: 0.6rem 0.7rem !important;
    margin: 72px auto 0 auto !important;
  }
  .header__search-close, .search-modal__close, .search-bar__close {
    top: 18px !important;
    right: 10px !important;
    font-size: 1.7rem !important;
  }
}

body.search-modal-open .header__search {
  display: none !important;
}
@media (max-width: 749px) {
  .header__search-form, .search-modal__form, .search-bar__form {
    max-width: 96vw !important;
    padding: 0.6rem 0.7rem !important;
    margin: 72px auto 0 auto !important;
  }
  .header__search-close, .search-modal__close, .search-bar__close {
    top: 18px !important;
    right: 10px !important;
    font-size: 1.7rem !important;
  }
}
@media (max-width: 749px) {
  .header__search-modal,
  #predictive-search,
  .search-modal,
  .search-bar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(30,30,30,0.18) !important;
    z-index: 10002 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
}
@media (max-width: 749px) {
  body.search-modal-open .menu-drawer__close,
  body.search-modal-open .header__menu-close,
  body.search-modal-open .drawer__close {
    display: none !important;
  }
}
#CartDrawer .drawer__inner,
.cart-drawer .drawer__inner,
.drawer__inner {
  max-height: 80vh !important;      /* ali 75vh, po občutku */
  overflow-y: auto !important;
  padding-bottom: 7.5rem !important;  /* prostor za checkout gumb! */
}
#CartDrawer .drawer__inner,
.cart-drawer .drawer__inner,
.drawer__inner {
  max-height: 80vh !important;      /* ali 75vh, po občutku */
  overflow-y: auto !important;
  padding-bottom: 7.5rem !important;  /* prostor za checkout gumb! */
}
@media (max-width: 749px) {
  #CartDrawer .drawer__inner,
  .cart-drawer .drawer__inner,
  .drawer__inner {
    max-height: 78vh !important;
    padding-bottom: 5.5rem !important;
  }
  .cart__ctas, .cart-drawer__checkout, .drawer__footer {
    padding: 0.7rem 0.3rem !important;
    border-radius: 0 0 12px 12px !important;
  }
}
.cart-drawer_overlay,
#CartDrawer-Overlay,
#cartDrawer-Overlay {
  display: none !important;
  background: transparent !important;
}

.cart-drawer_overlay,
#CartDrawer-Overlay,
#cartDrawer-Overlay {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: all !important;
}
.cart-drawer_overlay,
#CartDrawer-Overlay,
#cartDrawer-Overlay {
  background: rgba(22,22,22,0.12) !important;
}
#CartDrawer .drawer__inner,
.cart-drawer .drawer__inner,
.drawer__inner {
  padding-bottom: 1.5rem !important;    /* ali 1rem, ali 0, testiraj! */
  box-sizing: border-box !important;
}

.hero-video {
  width: 100vw;
  height: 100vh;
  object-fit: cover !important;  /* OG full background */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  vertical-align: top;
  transform: none !important;
}
html, body {
  width: 100%;
  overflow-x: hidden;
}
/* Prepreči belino okoli CTA gumba na mobilcu */
.dripara-hero-button-wrap {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
@media screen and (max-width: 749px) {
    .banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box {
        background: transparent !important;
    }
}
/* Direktno ciljaj SVG v cart ikoni */
.header__icon--cart svg {
  width: 40px !important;    /* Prilagodi velikost */
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px;
  max-height: 40px;
  display: block;
}
.cart-count-bubble {
  left: auto !important;     /* Prekliči čudne inline/JS vrednosti */
  right: 0.5rem !important;  /* Ali prilagodi kot ti paše, npr. 0.8rem */
  top: 0.3rem !important;    /* Če rabiš, lahko prilagodiš še top */
  transform: none !important; /* Prekliči transformacije */
}
.header__icon--cart {
  position: relative;
}
@media (max-width: 749px) {
  .header__icon--cart {
    position: relative !important;
  }
  .cart-count-bubble {
    position: absolute !important;
    right: 0.3rem !important; /* Prilagodi po potrebi */
    top: 0.3rem !important;
    min-width: 1.5em !important;
    height: 1.5em !important;
    border-radius: 50% !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1rem !important;
    background: #000 !important; /* Črna */
    color: #fff !important;      /* Bela */
    z-index: 10;
    box-shadow: 0 1px 6px rgba(0,0,0,0.15);
  }
}

.drawer__inner {
  border: none !important;
}
/* Prilagodi košarico na mobilnih napravah */
@media screen and (max-width: 749px) {
  .cart-drawer {
    width: 100% !important; /* Naredi širino polno */
    max-width: 100px !important; /* Omeji širino na 400px */
    right: auto !important; /* Poravnaj levo */
    top: 80px !important; /* Premakni ga pod glavo */
    bottom: 0 !important; /* Ohranite ga na dnu */
    padding: 10px 15px !important; /* Nastavi padding, da se prilega boljše */
    background-color: rgba(255, 255, 255, 0.9); /* Po želji spremenite barvo ozadja */
  }

  /* Naredi košarico krajšo */
  .drawer__inner {
    height: auto !important;
    max-height: 80vh !important; /* Omeji višino na 80% višine zaslona */
    overflow-y: auto; /* Omogoči pomikanje, če vsebina presega višino */
  }
}

.related-swiper .swiper-slide {
  padding: 0.5rem;  /* Zmanjša prostor med slikami */
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}
.related-swiper .swiper-slide {
  padding: 0 !important;  /* Zmanjša prostor okoli slik */
  margin: 0 4px !important; /* Doda rahlo medmrežje med slikami */
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

.related-swiper .swiper-slide img {
  max-width: 100%; /* Da slika ne preseže širine slide-a */
  height: auto; /* Da ohraniš proporce slike */
}

.swiper-button-next,
.swiper-button-prev {
  display: none !important;
}

.related-swiper,
.product-swiper {
  background: #ffffff !important;
}
@media (max-width: 749px) {
  .related-swiper-title {
    font-size: 1em;
    margin-top: 1.3rem;
  }
}
h1, h2, h3, h4, h5, h6, p, a, span, button {
  letter-spacing: 0px !important;
  font-weight: 800 !important;
}
/* Skrij nepotreben account/language button v headerju */
.header_icon--account {
  display: none !important;
}
.product-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(0,0,0,0.04);
  display: flex;
  flex-direction: column;
  min-width: 0;
  position: relative;
}

.card-image-hover-wrap {
  display: block;
  position: relative;
  width: 100%;
}

.card-product-image,
.card-product-image-hover {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  background: #eee;
  transition: opacity 0.3s cubic-bezier(.4,0,.2,1);
}

.card-product-image-hover {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}
.card-image-hover-wrap:hover .card-product-image-hover {
  opacity: 1;
}

.card-product-color-dots {
  position: absolute;
  left: 10px;
  bottom: 10px;
  display: flex;
  gap: 7px;
  z-index: 5;
  pointer-events: none;
}

.color-dot {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: 1.5px solid #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.10);
}

.card-product-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
  margin-top: 7px;
  padding: 0 7px 10px 7px;
  min-height: 38px;
}

.card-product-title.minimalist-title {
  font-weight: 400;
  font-size: 1.01rem;
  color: #181818;
  text-align: left;
  letter-spacing: -1px;
  line-height: 1.1;
  flex: 1 1 60%;
  min-width: 0;
  white-space: normal;
  word-break: break-word;
  opacity: 0.93;
  padding-right: 7px;
  font-family: 'Consolas', 'Courier New', Courier, monospace;
}

.card-product-price.minimalist-price {
  font-size: 0.05rem;
  font-weight: 500;
  color: #000000;
  white-space: nowrap;
  letter-spacing: -1px;
  margin-left: auto;
  opacity: 0.94;
}

/* MOBILE TUNING */
@media (max-width: 700px) {
  .color-dot { width: 15px; height: 15px; }
  .card-product-color-dots { left: 4px; bottom: 4px; gap: 2.5px; }
  .card-product-row { padding: 0 1px 3px 1px; min-height: 10px; }
  .card-product-title.minimalist-title { font-size: 0.9rem; padding-right: 2px; }
  .card-product-price.minimalist-price { font-size: 0.9rem; }
}

.card-product-price,
.card-product-price.minimalist-price,
.minimalist-price,
.product-price {
  font-size: 1.1rem !important;
  font-weight: 400 !important;
  color: #888 !important;
  opacity: 0.60 !important;
  letter-spacing: -0.2px !important;
  padding: 0 2px 0 0 !important;
}
@media (max-width: 700px) {
  .card-product-price,
  .card-product-price.minimalist-price,
  .minimalist-price,
  .product-price {
    font-size: 1.1rem !important;
    padding: 0 2px 0 0 !important;
  }
}

/* Target Shopify media viewer na mobilcu */
@media (max-width: 749px) {
  .product-media-modal__content,
  .product-media-modal__content img,
  .product-media-modal__content .media,
  .media--modal,
  .product-media-modal__content .product__media-item {
    max-width: 96vw !important;
    max-height: 70vh !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 16px rgba(0,0,0,0.08);
  }
}
@media (max-width: 749px) {
  .product-media-modal__content img,
  .media--modal img {
    width: auto !important;
    max-width: 98vw !important;
    height: auto !important;
    max-height: 70vh !important;
    object-fit: contain !important;
  }
}
@media (max-width: 749px) {
  .product-media-modal__dialog,
  .product-media-modal__content,
  .media--modal img {
    pointer-events: auto !important;
  }
}
.menu-drawer__menu details {
  border-bottom: 1px solid #eee;
  padding: 0;
}
.drawer-accordion-btn {
  display: flex;
  align-items: center;
  width: 100%;
  background: none;
  border: none;
  font-weight: 700;
  font-size: 1.11rem;
  letter-spacing: 0.05em;
  color: #222;
  padding: 0.65em 0;
  cursor: pointer;
  transition: color 0.14s;
}
.menu-drawer__menu summary::-webkit-details-marker { display: none; }
.menu-drawer__menu summary::after {
  content: "▼";
  font-size: 0.97em;
  color: #FF3131;
  margin-left: auto;
  transition: transform .2s;
}
.menu-drawer__menu details[open] summary::after {
  transform: rotate(-180deg);
}
.drawer-accordion-content {
  padding-left: 1.2em;
  padding-bottom: 0.5em;
  padding-top: 0.18em;
}
.drawer-accordion-content li a {
  display: block;
  padding: 0.42em 0;
  font-weight: 600;
  color: #111;
  text-decoration: none;
  transition: color 0.16s;
}
.drawer-accordion-content li a:hover {
  color: #FF3131;
}
a[href="#"]:contains("MENS"), 
a.menu-title:contains("MENS"), 
span.menu-title:contains("MENS") {
  display: none !important;
}
a, button, input, textarea, select, summary {
  -webkit-tap-highlight-color: rgba(255, 49, 49, 0.14);
  tap-highlight-color: rgba(255, 49, 49, 0.14);
}

.drawer {
    visibility: hidden;
}
.drawer.active {
    visibility: visible;
}
.cart-drawer {
    top: 99px;
    height: calc(99vh + 100vh);
}
.drawer {
    position: fixed;
    z-index: 1000;
    left: 0;
    width: 100vw;
    height: 100vh;
    justify-content: flex-end;
    background-color: transparent;
    transition: visibility var(--duration-default) 0s;
}
.button, .cart__continue, .cart-drawer__continue, .button--secondary {
    color: #111 !important;
    background: #fff !important;
    border: 1px solid #111 !important;
}
.cart-drawer__footer .button,
.cart__continue,
.cart-drawer__continue,
.button--secondary {
    color: #111 !important;
    background: rgba(255,255,255,0.92) !important;
    border: 1.5px solid #111 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    font-weight: 600;
    letter-spacing: 0.02em;
}
.cart-drawer__close {
  display: block !important;
  position: absolute;
  top: 32px; /* po potrebi popravi */
  right: 32px;
  z-index: 1201;
  background: none;
  border: none;
  font-size: 2.5rem;
  color: #111;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  transition: color 0.15s;
}
.cart-drawer__close:hover {
  color: #ff3131; /* ali tvoja barva */
}


@media (max-width: 750px) {
  .cart-drawer__close {
      top: 70px !important;      /* ali višina tvojega headerja + malo odmika */
      right: 25px !important;
      font-size: 3.5rem;
  }
}
#dripara-burger rect {
  transition: 
    transform 0.4s cubic-bezier(.6,1.59,.53,1.05),
    width 0.2s cubic-bezier(.6,1.59,.53,1.05),
    opacity 0.22s;
  transform-origin: 50% 50%;
}

/* Default burger */
#dripara-burger:not(.active) #bar1,
#dripara-burger:not(.active) #bar2,
#dripara-burger:not(.active) #bar3 {
  width: 23px;
  opacity: 1;
  transform: none;
  fill: #181818;
}

/* Centered X animacija */
#dripara-burger.active #bar1 {
  transform: translateY(4px) rotate(45deg);
  width: 23px;
  fill: #ff3131;
}
#dripara-burger.active #bar2 {
  opacity: 0;
  width: 0;
}
#dripara-burger.active #bar3 {
  transform: translateY(-4px) rotate(-45deg);
  width: 23px;
  fill: #ff3131;
}

.header__icon--menu svg#dripara-burger {
  width: 50px !important;   /* ali več – TESTIRAJ! */
  height: 50px !important;
  display: block;
}
.header__icon--menu svg#dripara-burger {
  margin-top: -5px !important;  /* dvigni – TESTIRAJ, lahko -12px ali več */
}
#dripara-burger {
  position: absolute;
  left: 0;
  top: 65%;          /* ali prilagodi glede na header višino */
  transform: translateY(-50%);
}
.header {
  position: relative;
  
}

.shopify-policy__container {
  padding-top: 90px !important;
}
@media (max-width: 749px) {
  .shopify-policy__container {
    padding-top: 68px !important;
  }
}
.main-content, .shopify-policy__container {
  padding-top: 90px !important;
}
@media (max-width: 749px) {
  .main-content, .shopify-policy__container {
    padding-top: 68px !important;
  }
}
/* Vedno nekaj takega, pazi da imaš to na KONCU CSS-ja! */
.shopify-policy__container,
.page-width--narrow,
.contact__container {
  padding-top: 70px !important; /* ali več/manj po potrebi */
}

/* Če hočeš še bolj univerzalno, lahko na vse "containerje" */
@media (max-width: 749px) {
  .shopify-policy__container,
  .page-width--narrow,
  .contact__container {
    padding-top: 60px !important;
  }
}
@media (min-width: 750px) {
  .shopify-policy__container,
  .page-width--narrow,
  .contact__container {
    padding-top: 80px !important;
  }
}
/* iPad landscape fix za hero + CTA */
@media (min-width: 900px) and (max-width: 1200px) and (max-height: 950px) {
  .dripara-hero-section,
  .hero-image {
    aspect-ratio: 16/9 !important;
    width: 100vw !important;
    height: 65vh !important;
    min-height: 340px !important;
    max-height: 700px !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  .dripara-hero-button-wrap {
    top: 79% !important;
    right: 5vw !important;
    left: auto !important;
    transform: none !important;
    text-align: right !important;
    z-index: 20 !important;
    font-size: 1.2rem !important;
  }
  .hero-image {
    object-position: center !important;
  }
}
/* Swiper: responsive fix za product-title in price na tablicah (landscape) */
@media (min-width: 900px) and (max-width: 1200px) and (max-height: 950px) {
  .related-swiper-wrapper,
  .swiper,
  .swiper-wrapper {
    max-width: 99vw !important;
    width: 99vw !important;
    overflow-x: auto !important;
    padding-bottom: 12px !important;
  }
  .swiper-slide {
    min-width: 320px !important;
    max-width: 420px !important;
    font-size: 1.11rem !important;
    overflow: visible !important;
    word-break: break-word !important;
    white-space: normal !important;
    padding: 8px 2px 24px 2px !important;
  }
  .swiper-slide img {
    max-width: 98% !important;
    height: auto !important;
    margin: 0 auto 6px auto !important;
    display: block !important;
  }
  .swiper-slide .product-title {
    font-size: 1.21rem !important;
    max-width: 97%;
    text-align: center;
    word-break: break-word !important;
    white-space: normal !important;
    padding: 3px 0 0 0 !important;
    margin: 0 auto 0 auto !important;
    line-height: 1.15 !important;
    font-family: inherit !important;
    font-weight: 700;
    letter-spacing: 0.01em;
  }
  .swiper-slide .product-price {
    font-size: 1rem !important;
    text-align: center;
    margin: 2px auto 0 auto !important;
    display: block;
    font-weight: 400;
  }
}

/* Zamakni filter drawer pod header – prilagodi višino po potrebi */
@media (max-width: 749px) {
  .mobile-facets, .drawer, .facets__drawer, .facet-filters-drawer, .menu-drawer {
    top: 100px !important;      /* Prilagodi na višino svojega headerja! */
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 98 !important;
    max-height: calc(100vh - 80px) !important; /* Da ne prekriva spodaj */
    border-radius: 0 0 16px 16px !important; /* OG efekt če hočeš */
  }
}
@media (max-width: 749px) {
  .drawer__close, .mobile-facets__close {
    top: 12px !important;
    right: 18px !important;
    z-index: 120 !important;
    position: absolute !important;
  }
}
/* Skrij X (close) gumb v filter drawerju na mobitelu */
@media (max-width: 749px) {
  .drawer__close, .mobile-facets__close, .menu-drawer__close, .facets__close {
    display: none !important;
  }
}
/* OG DRIPARA CTA ZA BANNERJE */
.banner__buttons .dripara-cta,
.banner__buttons .banner__button {
  font-size: clamp(1.1rem, 2.5vw, 2.2rem) !important;
  font-weight: 800 !important;
  color: #fff !important;
  background: rgba(24, 24, 24, 0.84) !important;
  padding: 1.05rem 2.6rem !important;
  border-radius: 100px !important;
  border: 2px solid #fff !important;
  box-shadow: 0 4px 32px #0005 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  transition:
    background 0.22s cubic-bezier(.19,1,.22,1),
    color 0.18s,
    transform 0.22s cubic-bezier(.19,1,.22,1),
    box-shadow 0.18s;
  cursor: pointer !important;
  text-decoration: none !important;
  outline: none !important;
  position: relative !important;
  z-index: 20 !important;
  margin: 0 auto !important;
  display: inline-block !important;
}

:root {
  /* TYPOGRAPHY */
  --font-heading: 'Unbounded', sans-serif;
  --font-body:    'Inter',     sans-serif;

  /* ALPHAS */
  --alpha-button-background: 1;
  --alpha-button-border:     1;
  --alpha-link:              0.85;
  --alpha-badge-border:      0.1;

  /* FOCUS STYLES */
  --focused-base-outline:        0.2rem solid rgba(var(--color-foreground), 0.5);
  --focused-base-outline-offset: 0.3rem;
  --focused-base-box-shadow:     0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);

  /* … more custom props … */
}
/* Naslovi */
h1, h2, h3 {
  font-family: var(--font-heading);
  font-weight: 800;
  letter-spacing: -0.5px;
}

/* Osnovni tekst */
body, p, li {
  font-family: var(--font-body);
  font-weight: 400;
}