/** Shopify CDN: Minification failed

Line 407:1 Expected "}" to go with "{"

**/
 /* 1. RODITELJSKI ELEMENT - GRID */
  variant-radios fieldset.product-form__input,
  fieldset.product-form__input {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    border: none !important;
    margin-bottom: 20px !important;

    width: 100%;
  }

  /* 2. WRAPPER KOJI DRŽI SIZEOVE */
  .cro-v-wrapper {
    position: relative !important;
    flex: 1 1 140px !important;
    min-width: 140px !important;
    max-width: 220px !important;
    margin: 0 !important;
        margin-top: 1rem !important;
  }

  /* 3. SAKRIVANJE RADIO GUMBA NA PRAVI NAČIN (Sprječava skrolanje, dozvoljava klik) */
  input.cro-v-input-invisible {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }

  /* 4. OSNOVNA KAPSULA LABELA */
  label.v {
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    
    border: 2px solid #4a3a2a !important; 
    border-radius: 50px 50px 30px 30px !important;
    padding: 0 0 20px 0 !important; 
    background: transparent;
    cursor: pointer !important; 
    text-align: center;
    transition: all 0.2s ease-in-out;
    
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
  }

/* Efekt odabrane opcije (Podebljan rub) */
  input.cro-v-input-invisible:checked + label.v {
    background-color: #ffffff !important;
    border-color: #ff6b03 !important;
    /* Dodan 0 0 0 2px #ff6b03 koji stvara privid duplo debljeg ruba + mrvicu jača sjenka */
    box-shadow: 0 0 0 2px #ff6b03, 0 12px 30px rgba(230, 126, 34, 0.25) !important;
    transform: translateY(-4px);
  }

  /* NOVO: NARANČASTA KVAČICA (Animirana) */
  .cro-selected-checkmark {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 26px;
    height: 26px;
    background-color: #ffffff; /* Narančasta boja */
    color: #ff6b03;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  }
  .cro-selected-checkmark svg {
    width: 14px;
    height: 14px;
  }
  input.cro-v-input-invisible:checked + label.v .cro-selected-checkmark {
    opacity: 1;
    transform: scale(1);
  }

  /* 5. POZICIONIRANJE SLIKE */
  .id-variant-thumbnail {
    width: 100% !important;
    height: auto;
    border-radius: 48px 48px 0 0 !important; 
    display: block;
    mix-blend-mode: multiply;
    margin: 0 0 10px 0 !important;
  }

  .cro-text-wrapper {
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    flex-grow: 1;
  }

  /* 6. DIZAJN POPUSTA */
  label.v .id-variant-price-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: auto;
    padding-top: 10px;
  }
  
  label.v .savings {
    position: absolute !important;
    top: -10px !important;
    right: -5px !important;
    background: #ff6b03 !important; 
    color: #ffffff !important;
    border: 2px solid #ff6b03 !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    z-index: 10 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
  }
  
  input.cro-v-input-invisible:checked + label.v .savings {
      box-shadow: none !important; 
  }

  /* 7. TEKSTOVI I CIJENE */
  label.v .product-variation__option-value {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  label.v .id-variant-heading { font-size: 22px !important; font-weight: 800 !important; color: #2c221a; line-height: 1.1; }
  label.v .id-variant-subheading { font-size: 14px !important; color: #665b53; font-weight: 600 !important; margin-top: 4px; }
  label.v .cro-hide-hr { display: none !important; }

  .cro-price-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px; 
    margin-top: 5px;
  }

  label.v .price-item--regular { color: #a39c95 !important; font-size: 18px !important; line-height: 1; margin: 0 !important; }
  label.v .price-item--sale { color: #e67e22 !important; font-size: 20px !important; font-weight: 900 !important; display: inline-block; margin: 0 !important; }

  label.v .id-variant-popular-label { background: #ff6b00; color: white; padding: 3px 12px; border-radius: 12px; font-size: 10px; font-weight: bold; margin-top: 10px; display: inline-block; }

  /* 8. PORUKA O BESPLATNOJ DOSTAVI */
  label.v .cro-shipping-msg {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #059669 !important; 
    padding: 4px 8px !important;
    border-radius: 8px !important;
    margin-top: 10px !important;
    display: inline-block;
    line-height: 1.2;
    text-align: center;
  }

  /* =========================================================
     9. MOBILNI PRIKAZ (U JEDNOJ LINIJI)
     ========================================================= */
  @media (max-width: 768px) {
    variant-radios fieldset.product-form__input,
    fieldset.product-form__input {
      flex-wrap: nowrap !important;
      overflow-x: auto !important;
      padding: 12px 0 15px 0 !important; 
      -webkit-overflow-scrolling: touch;
      gap: 10px !important;
      justify-content: flex-start !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
    
    variant-radios fieldset.product-form__input::-webkit-scrollbar,
    fieldset.product-form__input::-webkit-scrollbar {
      display: none;
    }

    .cro-v-wrapper {
      flex: 0 0 calc(33.33% - 7px) !important;
      min-width: 105px !important;
    }

    label.v {
      padding: 0 0 15px 0 !important;
      border-radius: 35px 35px 20px 20px !important;
    }

    .id-variant-thumbnail {
      border-radius: 33px 33px 0 0 !important; 
    }

    /* Kvačica malo manja na mobitelu */
    .cro-selected-checkmark {
      top: 6px;
      left: 6px;
      width: 22px;
      height: 22px;
    }
    .cro-selected-checkmark svg {
      width: 12px;
      height: 12px;
    }

    .cro-text-wrapper { padding: 0 5px; }

    label.v .id-variant-heading { font-size: 16px !important; }
    label.v .id-variant-subheading { font-size: 12px !important; }
    
    .cro-price-row { flex-direction: column; gap: 2px; }
    label.v .price-item--regular { font-size: 12px !important; }
    label.v .price-item--sale { font-size: 18px !important; }
    
    label.v .savings {
      font-size: 11px !important;
      padding: 2px 7px !important;
      top: -10px !important;
      right: -5px !important;
      border-width: 1.5px !important;
    }

    label.v .cro-shipping-msg {
      font-size: 9px !important;
      padding: 3px 6px !important;
      margin-top: 6px !important;
      border-radius: 6px !important;
    }
  }

  .product-form__input--pill input[type=radio]+label .savings span {
    display: inline-block;
    padding: .2rem;
    gap: 8px;
    border-radius: 1rem;
    border: 1px 0px 0px 0px;
    opacity: 0px;
    color: #ffffff;
    background-color: #ff6b03 !important;
    border: 1px solid #ff6b03 !important;
  }
  .product-media-container.constrain-height .media {border-radius:20px;}
  .thumbnail[aria-current] {
    box-shadow: 0 0 0 .1rem rgb(var(--color-foreground));
    border-color: rgb(var(--color-foreground));
    border-radius: 10px;
  }
  .thumbnail {border-radius: 10px;}
  .section-template--23519133958491__main_custom_product_yXYdKA-padding {
    padding-top: 0; 
    padding-bottom: 27px;
  }
  .cro-fallback-icon {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #4a3a2a !important;
    background: #fdf6ec !important;
    padding: 4px 8px !important;
    border-radius: 8px !important;
    margin-top: 6px !important;
    display: inline-block;
  }
  /* =========================================================
   1. GLOBALNI RAZMACI IZMEĐU SVIH BLOKOVA U SEKCIJI
   ========================================================= */
/* Shopify prema zadanim postavkama dodaje veliki margin-top svakom elementu. Ovo to smanjuje. */
.product__info-container > * + * {
  margin-top: 0.6rem !important; /* Promijeni u 0.8rem ili 1rem za još uže razmake */
  margin-bottom: 0.6rem !important;
}

/* =========================================================
   2. VISINA LINIJE (LINE-HEIGHT) I RAZMACI NASLOVA
   ========================================================= */
/* Glavni naslov proizvoda i podnaslovi */
.product__title h1, 
.product__title h2.h1,
.product__metafield-product-description h2,
.product__metafield-product-description h3 {
  line-height: 1.1 !important; /* Tekst u više linija bit će zbijeniji */
  margin-top: 0.3rem !important;
  margin-bottom: 0.3rem !important;
}

/* Specifičan razmak za #fokus #memorija podnaslov */
.product__metafield-product-description .metafield-rich_text_field h3 {
  margin-top: 0 !important;
}

/* =========================================================
   3. RAZMACI U OPISU "Što je u paketu?" I LISTAMA
   ========================================================= */
/* Naslovi u opisu ispod košarice */
.product__description.rte h1,
.product__description.rte h3 {
  line-height: 1.2 !important;
  margin-top: 1rem !important;
  margin-bottom: 0.4rem !important;
}

/* Razmaci u bullet (točkastim) listama (sastojci) */
.product__description.rte ul {
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
}

.product__description.rte li {
  line-height: 1.3 !important; /* Zbijeniji redovi unutar liste */
  margin-bottom: 0.2rem !important; /* Manji razmak između stavki liste */
}

/* =========================================================
   4. SPECIFIČNI ELEMENTI (Tagovi, Pretplata, Garancija)
   ========================================================= */
/* Tagovi (Energija, Fokus) - približavanje opisu iznad */
.product-tags__container {
  margin-top: 1rem !important;

/* Seal Subscriptions widget - približavanje varijantama i gumbu */
.shopify-app-block:has(.sealsubs-target-element) {
  margin-top: 1rem !important;
}

/* Tekst garancije povrata novca */
.moneyback-guarantee-text {
  line-height: 1.2 !important;
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

/* Poništavanje donje margine na onoj slici za skrolanje do recenzija */
.scroll-link img {
  margin-bottom: 0 !important;
}
.scroll-image img {width:250px !important;}
.product__metafield-product-description h2 {font-size: 18px !important;}
.product__metafield-product-description h3 {font-size: 18px !important; margin: 10px 0;}
/* =========================================================
   GUMB ZA DODAVANJE U KOŠARICU - PULSIRANJE I ČIŠĆENJE
   ========================================================= */

/* 1. Uklanjanje neželjenih okvira/linija */
.product-form__submit.button--primary {
  border: none !important;
  outline: none !important;
  box-shadow: none !important; /* Mnoge teme koriste box-shadow za border */
  border-radius: 50px !important; /* Osigurava da gumb bude lijepo zaobljen */
  position: relative;
  overflow: hidden;
  transition: transform 0.2s ease-in-out !important; /* Glatki povratak */
}

/* Opcionalno uklanjanje okvira koji se pojavi kad korisnik klikne (fokusira) gumb */
.product-form__submit.button--primary:focus,
.product-form__submit.button--primary:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* 2. Definiranje animacije pulsiranja */
@keyframes croPulsateHover {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03); /* Malo se poveća */
  }
  100% {
    transform: scale(1);
  }
}

/* 3. Primjena animacije SAMO kad se prijeđe mišem (Hover) */
@media (hover: hover) {
  .product-form__submit.button--primary:hover {
    animation: croPulsateHover 1.5s infinite ease-in-out;
    /* Ako želiš da se boja mrvicu posvijetli na hover, otkomentiraj liniju ispod */
    /* opacity: 0.95; */
  }
}