/** Shopify CDN: Minification failed

Line 16:26 Unexpected "{"
Line 16:35 Expected ":"
Line 16:42 Unexpected "{"
Line 17:12 Expected identifier but found whitespace
Line 17:14 Unexpected "{"
Line 17:23 Expected ":"
Line 17:50 Unexpected "0"
Line 17:53 Unexpected "{"
Line 17:62 Expected ":"
Line 17:91 Expected ":"
... and 22 more hidden warnings

**/
 .awards-section.section-{{ section.id }} {
    padding: {{ section.settings.padding_top }}px 0 {{ section.settings.padding_bottom }}px;
    --color-gold: #cca751;
    --color-text-dark: #1a1a1a;
    --color-text-grey: #555;
    background-color: {{ section.settings.bg_color }};
  }

  .awards-section__header { text-align: center; margin-bottom: 48px; }
  .awards-section__subtitle { font-family: var(--font-body-family); font-style: italic; font-size: 15px; color: var(--color-text-grey); margin: 0 0 6px; letter-spacing: 0.03em; }
  .awards-section__title { font-family: var(--font-h2--family); font-size: clamp(28px, 4vw, 48px); color: var(--color-gold); text-transform: none; letter-spacing: 0.12em; margin: 0; }

  .awards-section__grid { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; gap: 32px 40px; }

  .award-item { display: flex; flex-direction: column; align-items: center; text-align: center; flex: 0 0 auto; width: 160px; }
  @media (max-width: 749px) { .award-item { width: 130px; } }
  @media (max-width: 480px) { .award-item { width: calc(50% - 20px); } }

  .award-item__link { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: inherit; }
  .award-item__link:hover .award-item__image { transform: scale(1.05); }

  .award-item__image-wrap { width: {{ section.settings.image_size }}px; height: {{ section.settings.image_size }}px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
  @media (max-width: 749px) { .award-item__image-wrap { width: {{ section.settings.image_size | minus: 20 }}px; height: {{ section.settings.image_size | minus: 20 }}px; } }

  .award-item__image { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform 0.3s ease; }
  .award-item__label { font-family: var(--font-body-family); font-size: 13px; color: var(--color-text-dark); line-height: 1.4; margin: 0; }

  .awards-section__footer { text-align: center; margin-top: 40px; }
  .awards-section__cta { font-family: var(--font-body-family); font-size: 12px; font-weight: 600; color: var(--color-text-dark); text-decoration: none; text-transform: uppercase; letter-spacing: 0.12em; border-bottom: 1px solid var(--color-text-dark); padding-bottom: 2px; display: inline-block; transition: opacity 0.2s; }
  .awards-section__cta:hover { opacity: 0.6; }

.journal-section__title, .awards-section__title, .ugc-section__title, .discover-section__title, .brand-story__title, .collection-tabs__title { line-height: 1.0 !important; letter-spacing: 0.08em !important; }

  .collection-tabs-banner.section-{{ section.id }} { padding: 60px 0; --color-gold: #cca751; --color-red: #9c2738; --color-text-dark: #1a1a1a; --color-text-grey: #8c8c8c; --border-color: #eaeaea; }
  .collection-tabs__header { text-align: center; margin-bottom: 40px; }
  .collection-tabs__title { font-family: var(--font-h2--family); font-size: clamp(28px, 4vw, 48px); color: var(--color-gold); text-transform: none; letter-spacing: 0.1em; margin: 0 0 15px 0; }
  .collection-tabs__nav { display: flex; justify-content: center; align-items: center; gap: 15px; flex-wrap: wrap; }
  .collection-tabs__tab { background: none; border: none; font-family: var(--font-h2--family); font-size: clamp(16px, 2vw, 20px); color: var(--color-text-grey); cursor: pointer; padding: 5px 10px; transition: color 0.3s ease; }
  .collection-tabs__tab.is-active { color: var(--color-text-dark); font-weight: 600; }
  .collection-tabs__separator { color: var(--color-text-grey); opacity: 0.5; font-size: 16px; }
  .collection-tabs__panel { display: none; animation: fadeIn 0.4s ease; }
  .collection-tabs__panel.is-active { display: block; }
  @media (max-width: 749px) { .collection-tabs__nav { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; padding: 0 16px; scrollbar-width: none; } .collection-tabs__nav::-webkit-scrollbar { display: none; } .collection-tabs__tab { font-size: 14px; white-space: nowrap; flex-shrink: 0; padding: 5px 6px; } .collection-tabs__separator { flex-shrink: 0; } }
  @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

  .slider-component-wrapper { position: relative; display: flex; align-items: center; }
  .slider-component { width: 100%; overflow: hidden; }
  .slider-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 15px; padding: 10px 0; margin: 0; list-style: none; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .slider-grid::-webkit-scrollbar { display: none; }
  .grid__item { scroll-snap-align: start; flex: 0 0 calc(50% - 7.5px); display: flex; flex-direction: column; }
  @media (min-width: 990px) { .slider-grid { gap: 20px; } .grid__item { flex: 0 0 calc(20% - 16px); } }
  .slider-nav-btn { background: #fff; border: 1px solid var(--border-color); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.1); position: absolute; z-index: 5; top: 50%; transform: translateY(-50%); color: var(--color-text-dark); transition: all 0.2s ease; }
  .slider-nav-btn:hover { background: #fafafa; transform: translateY(-50%) scale(1.05); }
  .slider-nav-btn--prev { left: -20px; } .slider-nav-btn--next { right: -20px; }
  @media (max-width: 749px) { .slider-nav-btn { display: none; } }

  .promo-banner { position: relative; height: 100%; min-height: 380px; display: flex; flex-direction: column; overflow: hidden; text-align: center; }
  .promo-banner__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
  .promo-banner::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 100%); z-index: 2; }
  .promo-banner__content { position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 40px 20px 30px; }
  .promo-banner__title { color: #ffffff; font-family: var(--font-h2--family); font-size: 32px; line-height: 1.2; text-transform: uppercase; margin: 0; text-shadow: 0 2px 4px rgba(0,0,0,0.3); }
  .promo-banner__btn { background: #ffffff; color: var(--color-text-dark); font-size: 13px; font-weight: 600; text-transform: uppercase; padding: 14px 24px; text-decoration: none; align-self: center; position: relative; transition: background 0.2s; }

  .product-card { position: relative; display: flex; flex-direction: column; height: 100%; border: 1px solid var(--border-color); background: #ffffff; padding: 20px 15px; transition: box-shadow 0.2s ease; border-radius: 10px; }
  .product-card:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
  .product-card__global-link { color: var(--color-text-dark); text-decoration: none; }
  .product-card__global-link::after { content: ''; position: absolute; inset: 0; z-index: 1; }
  .card__media { position: relative; padding-top: 100%; margin-bottom: 20px; }
  .product-card__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
  .product-card__image--main { transition: opacity 0.3s ease; }
  .product-card__image--hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity 0.3s ease; }
  .product-card.has-hover:hover .product-card__image--main { opacity: 0; }
  .product-card.has-hover:hover .product-card__image--hover { opacity: 1; }
  .badge--sale { position: absolute; top: 10px; left: -10px; background-color: var(--color-red); color: #ffffff; font-size: 13px; font-weight: bold; text-transform: uppercase; padding: 6px 18px 6px 12px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; line-height: 1; clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%); }
  .product-card__badges-custom { position: absolute; top: 45px; left: -5px; display: flex; flex-direction: column; gap: 8px; z-index: 2; }
  .certificate-badge { width: 35px; height: 35px; object-fit: contain; border-radius: 50%; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
  .card__content { display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; text-align: left; }
  .card__information { display: flex; flex-direction: column; flex-grow: 1; }
  .card__vendor { font-size: 10px; color: var(--color-text-grey); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 5px; }
  .card__heading { font-family: var(--font-h2--family); font-size: 20px; font-weight: normal; margin: 0; line-height: 1.3; }
  .card__bottom-meta { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 15px; width: 100%; flex-grow: 1; }
  .card__benefit { font-size: 11px; color: var(--color-text-dark); text-transform: capitalize; }
  .card__price-wrapper { font-size: 12px; font-weight: bold; text-align: right; }
  .card__add-to-cart-wrapper { margin-top: 15px; position: relative; z-index: 2; pointer-events: auto; }
  .card__add-to-cart-form { margin: 0; }
  .card__add-to-cart { width: 100%; background: #d8a709; color: #ffffff; border: 2px solid transparent; border-radius: 10px; padding: 0.75rem 1.75rem; font-size: 0.95rem; font-weight: 600; letter-spacing: 0.5px; cursor: pointer; transition: opacity 0.2s ease, transform 0.15s ease; }
  .card__add-to-cart:hover:not([disabled]) { opacity: 0.9; transform: translateY(-1px); }
  .card__add-to-cart[disabled] { opacity: 0.5; cursor: not-allowed; }
  .collection-tab__footer { margin-top: 24px; text-align: center; }
  .underlined-link { font-size: 13px; font-family: var(--font-h2--family); font-weight: 400; color: var(--color-text-dark); text-decoration: none; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid var(--color-text-dark); padding-bottom: 3px; }
  .resource-card__title { font-family: var(--font-h2--family) !important; font-weight: 700 !important; color: #d8a709 !important; text-transform: capitalize !important; }

/* =============================================================================
   COLLECTION PAGE OVERRIDES
============================================================================= */
.product-grid-container .product-grid__item { border-color: #eaeaea !important; border-width: 1px !important; border-style: solid !important; border-radius: 10px !important; overflow: hidden; background: #ffffff; transition: box-shadow 0.2s ease; }
.product-grid-container .product-grid__item:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.05); border-color: #d8c99a !important; }
.facets--vertical, .facets-block-wrapper--vertical .facets--vertical { background: transparent !important; border: none !important; }
.product-grid-container details.facets__disclosure, .product-grid-container .facets__disclosure { border-bottom: 1px solid #eaeaea !important; padding: 4px 0 !important; }
.product-grid-container .facets__summary, .product-grid-container details.facets__disclosure > summary { font-family: var(--font-body-family, sans-serif) !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: #1a1a1a !important; padding: 14px 0 !important; display: flex; justify-content: space-between; align-items: center; }
.product-grid-container .facets__summary:hover { color: #cca751 !important; opacity: 1 !important; }
.facets-controls-wrapper .facets__heading, .facets-block-wrapper .facets__heading { font-family: var(--font-h2--family, serif) !important; font-size: clamp(20px, 2vw, 26px) !important; font-weight: normal !important; color: #1a1a1a !important; letter-spacing: 0.05em !important; border-bottom: 1px solid #eaeaea !important; padding-bottom: 16px !important; margin-bottom: 0 !important; }
.product-grid-container .facets__item label, .product-grid-container .facet-checkbox label, .product-grid-container .checkbox__label { font-size: 14px !important; color: #333 !important; cursor: pointer; }
.product-grid-container .facets__item label:hover, .product-grid-container .checkbox__label:hover { color: #1a1a1a !important; }
.product-grid-container .facets__item .facets__count, .product-grid-container .facet-checkbox .count { font-size: 12px !important; color: #999 !important; }
.product-grid-container .price-range .field__input, .product-grid-container price-facet-component input { border: 1px solid #eaeaea !important; border-radius: 6px !important; padding: 8px 10px !important; font-size: 14px !important; background: #fafafa !important; color: #1a1a1a !important; }
.product-grid-container .price-range .field__input:focus, .product-grid-container price-facet-component input:focus { border-color: #cca751 !important; outline: none !important; box-shadow: 0 0 0 2px rgba(204,167,81,0.15) !important; }
.product-grid-container .price-range__legend, .product-grid-container .facets__price-label { font-size: 12px !important; color: #999 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; }
.product-grid-container .checkbox__input:checked + .checkbox__label .icon-checkmark, .product-grid-container input[type="checkbox"]:checked { background-color: #cca751 !important; border-color: #cca751 !important; }
.product-grid-container .facets__clear--active, .product-grid-container [class*="facets__clear"].facets__clear--active { color: #cca751 !important; text-decoration: underline !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; }
.product-grid-container .facets__pill-label, .product-grid-container .pills__pill { background-color: #f5f0e8 !important; color: #1a1a1a !important; border-radius: 20px !important; font-size: 12px !important; }
.product-grid-container .facets__sort, .product-grid-container sorting-filter-component summary { font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #1a1a1a !important; }
.product-grid-container .facets__product-count, .product-grid-container .main-collection-grid__title { font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: #555 !important; }

/* =============================================================================
   CARET IKONA FIX – ukloni ruzni border/background oko strelice
============================================================================= */

/* Shopify tema wrapa .icon-caret u .svg-wrapper koji dobiva
   border i border-radius od color scheme varijabli.
   Sve to resetiramo na transparentno i cisto. */
.facets__summary .svg-wrapper,
.facets__summary .icon-caret,
details > summary .icon-caret,
details > summary .svg-wrapper:has(> .icon-caret) {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 0 !important;
  color: #999 !important;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease, transform 0.25s ease !important;
}

.facets__summary .svg-wrapper svg,
.facets__summary .icon-caret svg {
  width: 12px !important;
  height: 12px !important;
  display: block;
}

/* Rotacija kad je accordion otvoren */
details[open] > .facets__summary .svg-wrapper,
details[open] > summary.facets__summary .svg-wrapper {
  transform: rotate(180deg) !important;
}

/* Zlatna boja na hover */
.facets__summary:hover .svg-wrapper,
.facets__summary:hover .icon-caret {
  color: #cca751 !important;
}

/* =============================================================================
   JUDGE.ME RECENZIJE – SPA CEYLON OVERRIDE
============================================================================= */
.jm-review-widget, #jdgm-widget { --jm-color-gold: #cca751; --jm-color-text: #1a1a1a; --jm-color-grey: #666; --jm-color-border: #eaeaea; --jm-color-bg: #ffffff; --jm-color-bg-alt: #fafafa; --jm-review-widget-star-and-histogram-color: #cca751 !important; --jm-review-widget-button-color: #1a1a1a !important; }
.jm-review-widget { font-family: var(--font-body-family, sans-serif) !important; max-width: 1200px !important; margin: 0 auto !important; padding: 48px 20px 60px !important; border-top: 1px solid #eaeaea !important; background: #ffffff !important; }
@media (max-width: 749px) { .jm-review-widget { padding: 32px 16px 48px !important; } }
.jm-review-widget-minimal-header__title, .jm-review-widget h2, .jm-review-widget .jm-heading { font-family: var(--font-h2--family, serif) !important; font-size: clamp(24px, 3vw, 36px) !important; font-weight: normal !important; color: #1a1a1a !important; letter-spacing: 0.06em !important; line-height: 1.2 !important; text-transform: none !important; margin: 0 0 32px !important; }
.jm-review-widget-minimal-header { display: flex !important; align-items: flex-start !important; gap: 40px !important; margin-bottom: 40px !important; padding-bottom: 32px !important; border-bottom: 1px solid #eaeaea !important; flex-wrap: wrap !important; }
.jm-review-widget-minimal-header__average, .jm-review-widget .jm-average-rating { font-family: var(--font-h2--family, serif) !important; font-size: 52px !important; font-weight: normal !important; color: #1a1a1a !important; line-height: 1 !important; }
.jm-review-widget-minimal-header .jm-star-wrapper svg, .jm-review-widget-minimal-header .jm-star path, .jm-review-widget-minimal-header [class*="star"] { fill: #cca751 !important; color: #cca751 !important; }
.jm-review-widget-minimal-header__count, .jm-review-widget .jm-reviews-count { font-size: 13px !important; color: #888 !important; letter-spacing: 0.05em !important; }
.jm-review-widget .jm-histogram__bar-fill, .jm-review-widget [class*="histogram"][class*="fill"], .jm-review-widget [class*="bar-fill"] { background-color: #cca751 !important; border-radius: 3px !important; }
.jm-review-widget .jm-histogram__bar, .jm-review-widget [class*="histogram"][class*="bar"]:not([class*="fill"]) { background-color: #f0ebe0 !important; border-radius: 3px !important; }
.jm-review-widget .jm-histogram__label, .jm-review-widget [class*="histogram"][class*="label"] { font-size: 12px !important; color: #888 !important; }
.jm-review-widget .jm-review { border: 1px solid #eaeaea !important; border-radius: 10px !important; background: #ffffff !important; padding: 24px !important; margin-bottom: 16px !important; transition: box-shadow 0.2s ease !important; }
.jm-review-widget .jm-review:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important; border-color: #d8c99a !important; }
.jm-review-widget .jm-review__author, .jm-review-widget .jm-review .jm-reviewer-name, .jm-review-widget [class*="author"] { font-family: var(--font-body-family, sans-serif) !important; font-size: 14px !important; font-weight: 700 !important; color: #1a1a1a !important; letter-spacing: 0.02em !important; }
.jm-review-widget .jm-review__date, .jm-review-widget [class*="review"][class*="date"] { font-size: 12px !important; color: #aaa !important; letter-spacing: 0.04em !important; }
.jm-review-widget .jm-review__title, .jm-review-widget [class*="review"][class*="title"] { font-family: var(--font-h2--family, serif) !important; font-size: 16px !important; font-weight: normal !important; color: #1a1a1a !important; margin: 8px 0 6px !important; letter-spacing: 0.02em !important; }
.jm-review-widget .jm-review__body, .jm-review-widget [class*="review"][class*="body"], .jm-review-widget .jm-review p { font-size: 14px !important; line-height: 1.65 !important; color: #555 !important; }
.jm-review-widget .jm-review .jm-star-wrapper svg, .jm-review-widget .jm-review [class*="star"] path, .jm-review-widget .jm-review [class*="stars"] { fill: #cca751 !important; color: #cca751 !important; }
.jm-review-widget .jm-review [class*="verified"], .jm-review-widget .jm-verified-badge { font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #cca751 !important; background: #fdf8ee !important; border: 1px solid #e8dfc8 !important; border-radius: 20px !important; padding: 2px 8px !important; }
.jm-review-widget button.jm-button--primary, .jm-review-widget .jm-action-buttons__button, .jm-review-widget .jm-button { background-color: #1a1a1a !important; color: #ffffff !important; border: none !important; border-radius: 10px !important; padding: 12px 28px !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; cursor: pointer !important; transition: background-color 0.2s ease, transform 0.15s ease !important; box-shadow: none !important; }
.jm-review-widget button.jm-button--primary:hover, .jm-review-widget .jm-action-buttons__button:hover, .jm-review-widget .jm-button:hover { background-color: #cca751 !important; transform: translateY(-1px) !important; }
.jm-review-widget button.jm-button--secondary, .jm-review-widget .jm-button--secondary { background: transparent !important; color: #1a1a1a !important; border: 1px solid #eaeaea !important; border-radius: 10px !important; padding: 10px 20px !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; transition: border-color 0.2s, color 0.2s !important; box-shadow: none !important; }
.jm-review-widget button.jm-button--secondary:hover, .jm-review-widget .jm-button--secondary:hover { border-color: #cca751 !important; color: #cca751 !important; }
.jm-review-widget .jm-pagination button, .jm-review-widget [class*="pagination"] button, .jm-review-widget [class*="pagination"] a { background: transparent !important; color: #666 !important; border: 1px solid #eaeaea !important; border-radius: 6px !important; padding: 6px 12px !important; font-size: 13px !important; transition: all 0.2s !important; box-shadow: none !important; }
.jm-review-widget .jm-pagination button:hover, .jm-review-widget [class*="pagination"] button:hover, .jm-review-widget [class*="pagination"] a:hover { border-color: #cca751 !important; color: #cca751 !important; }
.jm-review-widget .jm-pagination button[aria-current="true"], .jm-review-widget [class*="pagination"] [class*="active"] { background-color: #cca751 !important; border-color: #cca751 !important; color: #fff !important; }
.jm-review-widget .jm-review-form, .jm-review-widget [class*="review-form"] { background: #fafafa !important; border: 1px solid #eaeaea !important; border-radius: 10px !important; padding: 28px !important; margin-top: 24px !important; }
.jm-review-widget .jm-review-form input, .jm-review-widget .jm-review-form textarea, .jm-review-widget [class*="review-form"] input, .jm-review-widget [class*="review-form"] textarea { background: #ffffff !important; border: 1px solid #eaeaea !important; border-radius: 6px !important; padding: 10px 14px !important; font-size: 14px !important; color: #1a1a1a !important; font-family: var(--font-body-family, sans-serif) !important; transition: border-color 0.2s !important; }
.jm-review-widget .jm-review-form input:focus, .jm-review-widget .jm-review-form textarea:focus, .jm-review-widget [class*="review-form"] input:focus, .jm-review-widget [class*="review-form"] textarea:focus { border-color: #cca751 !important; outline: none !important; box-shadow: 0 0 0 2px rgba(204,167,81,0.15) !important; }
.jm-review-widget .jm-review-form label, .jm-review-widget [class*="review-form"] label { font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #888 !important; margin-bottom: 6px !important; display: block !important; }
.jm-review-widget .jm-review-form [class*="star"], .jm-review-widget [class*="review-form"] [class*="star"] { color: #cca751 !important; fill: #cca751 !important; }
.jdgm-prev-badge, .jdgm-preview-badge, [data-jdgm-widget="preview-badge"] { font-family: var(--font-body-family, sans-serif) !important; }
.jdgm-prev-badge__stars, .jdgm-preview-badge__stars, [data-jdgm-widget="preview-badge"] [class*="star"] { color: #cca751 !important; }
.jdgm-prev-badge__count, .jdgm-preview-badge__count, [data-jdgm-widget="preview-badge"] [class*="count"] { font-size: 13px !important; color: #888 !important; }
.jm-review-widget .jm-no-reviews-state { text-align: center !important; padding: 40px 20px !important; }
.jm-no-reviews-state__text, .jdgm-empty-state .jm-text { font-size: 15px !important; color: #888 !important; line-height: 1.6 !important; margin-bottom: 20px !important; }
.jm-no-reviews-state .jm-stack { align-items: center !important; justify-content: center !important; text-align: center !important; }
.jm-no-reviews-state__action-buttons { justify-content: center !important; }
.jm-review-widget .jm-reviews-toolbar, .jm-review-widget [class*="toolbar"], .jm-review-widget [class*="filter"][class*="bar"] { border-bottom: 1px solid #eaeaea !important; padding-bottom: 16px !important; margin-bottom: 24px !important; display: flex !important; align-items: center !important; gap: 12px !important; flex-wrap: wrap !important; }
.jm-review-widget [class*="sort"] select, .jm-review-widget [class*="filter"] select { background: #fafafa !important; border: 1px solid #eaeaea !important; border-radius: 6px !important; padding: 8px 12px !important; font-size: 13px !important; color: #1a1a1a !important; font-family: var(--font-body-family, sans-serif) !important; transition: border-color 0.2s !important; }
.jm-review-widget [class*="sort"] select:focus, .jm-review-widget [class*="filter"] select:focus { border-color: #cca751 !important; outline: none !important; box-shadow: 0 0 0 2px rgba(204,167,81,0.15) !important; }
.jm-review-widget .jm-review [class*="photo"], .jm-review-widget .jm-review [class*="image"], .jm-review-widget .jm-review img { border-radius: 6px !important; border: 1px solid #eaeaea !important; }
.jm-review-widget .jm-review [class*="helpful"], .jm-review-widget .jm-review [class*="vote"] { font-size: 12px !important; color: #aaa !important; transition: color 0.2s !important; }
.jm-review-widget .jm-review [class*="helpful"]:hover, .jm-review-widget .jm-review [class*="vote"]:hover { color: #cca751 !important; }
.jm-review-widget .jm-review [class*="reply"], .jm-review-widget .jm-review [class*="response"] { background: #f5f0e8 !important; border-left: 3px solid #cca751 !important; border-radius: 0 6px 6px 0 !important; padding: 14px 16px !important; margin-top: 12px !important; font-size: 13px !important; color: #555 !important; line-height: 1.6 !important; }
/* Sakrij Judge.me chevron i sort ikonice – ružni styled boxevi */
.jm-sort-filter__icon {
  display: none !important;
}

/* Select dropdown – čist, brendiran */
select.jdgm-sort-dropdown,
select.jm-sort-filter__select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-color: #ffffff !important;
  border: 1px solid #eaeaea !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #555 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  padding: 8px 32px 8px 14px !important;
  cursor: pointer !important;
  outline: none !important;
  min-width: 160px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4.5L6 8L10 4.5' stroke='%23aaaaaa' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 12px !important;
  transition: border-color 0.2s ease !important;
}

select.jdgm-sort-dropdown:hover,
select.jm-sort-filter__select:hover {
  border-color: #cca751 !important;
  color: #1a1a1a !important;
}

select.jdgm-sort-dropdown:focus,
select.jm-sort-filter__select:focus {
  border-color: #cca751 !important;
  box-shadow: 0 0 0 2px rgba(204,167,81,0.15) !important;
  outline: none !important;
}

/* =============================================================================
   NAVIGACIJA – Dropdown otvara na hover (desktop, min 990px)
============================================================================= */
@media screen and (min-width: 990px) {
  .menu-list__list-item:not([slot='overflow']):hover > .menu-list__submenu {
    visibility: visible !important;
    top: calc(100% - 1px + var(--border-bottom-width, 0px) - (var(--full-open-header-height, 0px) - var(--submenu-height, 0px)));
    clip-path: rect(
      calc(var(--full-open-header-height, 0px) - var(--submenu-height, 0px))
      100%
      100vh
      0
    ) !important;
    --submenu-content-opacity: 1;
    background-color: var(--color-background);
  }

  .menu-list__list-item:not([slot='overflow']):hover .menu-list__submenu-inner {
    opacity: 1 !important;
  }
}

.x45Lq {display:none;}

/* ==============================================================
   REBUY — SPA CEYLON  (v4)
   296549 PDP grid + Quick View modal
   296500 Smart Cart cross-sell
   301070 Pre-Purchase popup (gifting)
   Tokeni preuzeti iz sections/custom-featured-products.liquid
   ============================================================== */

:root {
  --sc-gold: #cca751;   /* naslovi sekcija */
  --sc-cta: #d8a709;    /* add-to-cart gumb */
  --sc-border: #eaeaea;
  --sc-text: #1a1a1a;
  --sc-grey: #8c8c8c;
}

/* ==============================================================
   A) GLOBALNO ZA SVE REBUY WIDGETE
   ============================================================== */

/* Rebuy app block je flex-item; bez min-width:0 naraste do max-content
   (widget je bio 1756px u 1432px kontejneru → 4. kartica odrezana). */
.shopify-app-block:has(.rebuy-widget) {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* "Powered by Rebuy" */
.powered-by-rebuy { display: none !important; }

/* NAPOMENA o bez pozadini (#EBE4CA):
   dolazi iz Rebuy theme stilova i primjenjuje se na .rebuy-widget i
   .splide__track. Skidamo je SAMO na PDP widgetu (296549) — u cartu ostaje
   jer vizualno odvaja cross-sell od sadrzaja kosarice. */

/* ==============================================================
   B) PDP WIDGET 296549 — "Istrazite slicne proizvode"
   ============================================================== */
#rebuy-widget-296549 {
  max-width: 100% !important;
  padding: 40px 0;
}
#rebuy-widget-296549 .rebuy-widget-container,
#rebuy-widget-296549 .rebuy-widget-content {
  max-width: 100% !important;
}

/* Skini bez pozadinu — samo ovdje, na PDP-u. */
#rebuy-widget-296549,
#rebuy-widget-296549 .splide__track,
#rebuy-widget-296549 .rebuy-widget-container,
#rebuy-widget-296549 .rebuy-widget-content {
  background-color: transparent !important;
}

/* Naslov sekcije */
#rebuy-widget-296549 .super-title {
  font-family: var(--font-h2--family) !important;
  font-size: clamp(28px, 4vw, 48px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  color: var(--sc-gold) !important;
  text-align: center !important;
  margin: 0 0 40px 0 !important;
}

#rebuy-widget-296549 .rebuy-product-grid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* --- KARTICA ---
   Kod Rebuya je .rebuy-product-block ujedno i .splide__slide, pa se razmak
   NE moze dobiti gap/margin-om (Splide prepise inline width). Zato: slide
   dobije horizontalni padding (= razmak), a vizualna kartica je ::before
   pseudoelement uvucen za pola razmaka. */
#rebuy-widget-296549 .rebuy-product-block {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 20px 25px !important; /* 10px razmak + 15px unutarnji padding */
}
#rebuy-widget-296549 .rebuy-product-block::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 10px !important;
  right: 10px !important;
  background: #fff !important;
  border: 1px solid var(--sc-border) !important;
  border-radius: 10px !important;
  z-index: 0 !important;
  transition: box-shadow 0.2s ease !important;
}
#rebuy-widget-296549 .rebuy-product-block:hover::before {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) !important;
}
#rebuy-widget-296549 .rebuy-product-block > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Slika: kvadrat, contain */
#rebuy-widget-296549 .rebuy-product-media {
  position: relative !important;
  padding-top: 100% !important;
  margin-bottom: 20px !important;
  background: transparent !important;
}
#rebuy-widget-296549 .rebuy-product-image {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
}
#rebuy-widget-296549 .rebuy-product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* Naslov + cijena */
#rebuy-widget-296549 .rebuy-product-info {
  text-align: left !important;
  flex-grow: 1 !important;
}
#rebuy-widget-296549 .rebuy-product-title,
#rebuy-widget-296549 .rebuy-product-title-link {
  font-family: var(--font-h2--family) !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: var(--sc-text) !important;
  text-decoration: none !important;
  margin: 0 !important;
}
/* Cijena — isto kao .card__price-wrapper na naslovnici: 12px, bold, tamno */
#rebuy-widget-296549 .rebuy-product-price {
  margin-top: 12px !important;
}
#rebuy-widget-296549 .rebuy-product-price,
#rebuy-widget-296549 .rebuy-money,
#rebuy-widget-296549 .rebuy-money span {
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--sc-text) !important;
}
#rebuy-widget-296549 .rebuy-money.compare-at {
  font-weight: 400 !important;
  color: var(--sc-grey) !important;
  text-decoration: line-through !important;
}
#rebuy-widget-296549 .rebuy-money.sale {
  color: #9c2738 !important;
}

/* --- Custom template (snippets/rebuy-templates.liquid) ---
   Ova pravila rade tek kad je custom template instaliran. Do tada nemaju
   ucinka jer ovi elementi ne postoje. */
#rebuy-widget-296549 .sc-card__line {
  font-size: 10px !important;
  color: var(--sc-grey) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 5px !important;
}
#rebuy-widget-296549 .sc-card__meta {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  gap: 8px !important;
  margin-top: 15px !important;
  width: 100% !important;
}
#rebuy-widget-296549 .sc-card__benefit {
  font-size: 11px !important;
  color: var(--sc-text) !important;
  text-transform: capitalize !important;
}
#rebuy-widget-296549 .sc-card__price {
  flex: 0 0 auto !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* Sale badge — ista vrpca kao .badge--sale na naslovnici */
#rebuy-widget-296549 .sc-card__badge-sale {
  position: absolute !important;
  top: 10px !important;
  left: -10px !important;
  z-index: 2 !important;
  background-color: #9c2738 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  padding: 6px 18px 6px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%) !important;
}

/* Akcije */
#rebuy-widget-296549 .rebuy-product-actions { margin-top: 15px !important; }

/* "Brzi pregled" — sekundarni, outline */
#rebuy-widget-296549 .product-quick-view-button {
  width: 100% !important;
  background: transparent !important;
  color: var(--sc-text) !important;
  border: 1px solid var(--sc-border) !important;
  border-radius: 10px !important;
  padding: 0.6rem 1rem !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  margin-bottom: 8px !important;
  transition: border-color 0.2s ease, color 0.2s ease !important;
}
#rebuy-widget-296549 .product-quick-view-button:hover {
  background: transparent !important;
  border-color: var(--sc-gold) !important;
  color: var(--sc-gold) !important;
}

/* Strelice karusela — sada vidljive i na mobitelu */
#rebuy-widget-296549 .rebuy-carousel__arrow {
  width: 40px !important;
  height: 40px !important;
  background: #fff !important;
  border: 1px solid var(--sc-border) !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
  opacity: 1 !important;
  color: var(--sc-text) !important;
  z-index: 3 !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}
#rebuy-widget-296549 .rebuy-carousel__arrow:hover {
  background: #fafafa !important;
  border-color: var(--sc-gold) !important;
}
#rebuy-widget-296549 .rebuy-carousel__arrow svg {
  width: 14px !important;
  height: 14px !important;
  fill: var(--sc-text) !important;
}
#rebuy-widget-296549 .rebuy-carousel__arrow--prev { left: -20px !important; }
#rebuy-widget-296549 .rebuy-carousel__arrow--next { right: -20px !important; }

/* ==============================================================
   C) SVI "GRID" ATC GUMBI (PDP widget + Quick View modal)
   Isti izgled kao gumb na naslovnici.
   ============================================================== */
#rebuy-widget-296549 .rebuy-button:not(.product-quick-view-button),
.rebuy-modal .rebuy-button:not(.product-quick-view-button) {
  width: 100% !important;
  background: var(--sc-cta) !important;
  color: #fff !important;
  border: 2px solid transparent !important;
  border-radius: 10px !important;
  padding: 0.75rem 1.75rem !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: opacity 0.2s ease, transform 0.15s ease !important;
}
#rebuy-widget-296549 .rebuy-button:not(.product-quick-view-button):hover:not([disabled]),
.rebuy-modal .rebuy-button:not(.product-quick-view-button):hover:not([disabled]) {
  background: var(--sc-cta) !important;
  opacity: 0.9 !important;
  transform: translateY(-1px) !important;
}
#rebuy-widget-296549 .rebuy-button[disabled],
.rebuy-modal .rebuy-button[disabled] {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* Quick View modal — cijena i naslov u istom kljucu */
.rebuy-modal .rebuy-product-title,
.rebuy-modal .rebuy-product-title-link {
  font-family: var(--font-h2--family) !important;
  font-weight: 400 !important;
  text-transform: none !important;
  color: var(--sc-text) !important;
}
.rebuy-modal .rebuy-money {
  font-weight: 700 !important;
  color: var(--sc-text) !important;
}

/* ==============================================================
   D) SMART CART — widget 296500 ("Moglo bi te zanimati")
   Line layout: slika | info | gumb
   ============================================================== */
/* Pozadina OSTAJE (odvaja cross-sell od sadrzaja kosarice), ali svjetlija:
   #F5F2ED umjesto Rebuyevog #EBE4CA — zlatni naslov se na njoj bolje vidi. */
#rebuy-widget-296500 {
  background-color: #f5f2ed !important;
  border-radius: 10px !important;
  padding: 18px 16px !important;
  margin: 12px 0 !important;
}
#rebuy-widget-296500 .rebuy-widget-container,
#rebuy-widget-296500 .rebuy-widget-content,
#rebuy-widget-296500 .splide__track {
  background-color: transparent !important;
}
/* Separatori su #E3DDD3 — definirani nize, u .rebuy-product-block bloku. */

/* Dublji zlatni — #cca751 na #F5F2ED daje samo ~2.3:1 kontrasta,
   #b8912f daje ~3.5:1 uz isti ton. */
#rebuy-widget-296500 .super-title {
  font-family: var(--font-h2--family) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #b8912f !important;
  text-align: center !important;
  margin: 0 0 4px 0 !important;
}
#rebuy-widget-296500 .primary-title {
  font-family: var(--font-h2--family) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: var(--sc-text) !important;
  text-align: center !important;
  margin: 0 0 14px 0 !important;
}

/* FIX: naslov proizvoda je "bjezao" ispod gumba jer flex item .rebuy-product-info
   ima min-width:auto (ne smije se suziti ispod min-content). */
#rebuy-widget-296500 .rebuy-product-block {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 0 !important;
  /* #E3DDD3 na #F5F2ED = isti odnos kao #eaeaea na bijeloj kod kartica
     na naslovnici: vidljivo, ali ne vice. */
  border-bottom: 1px solid #e3ddd3 !important;
  background: transparent !important;
  /* Rebuyev default je border-radius: 4px — zaobli krajeve separatora
     i linija izgleda kao da joj rubovi bjeze. Divider mora biti ravan. */
  border-radius: 0 !important;
}
#rebuy-widget-296500 .rebuy-product-block:last-child {
  border-bottom: 0 !important;
}
#rebuy-widget-296500 .rebuy-product-media {
  flex: 0 0 76px !important;
  width: 76px !important;
  max-width: 76px !important;
  margin: 0 !important;
}
#rebuy-widget-296500 .rebuy-product-media img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}
#rebuy-widget-296500 .rebuy-product-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;   /* <- kljucni fix */
  text-align: left !important;
}
#rebuy-widget-296500 .rebuy-product-title,
#rebuy-widget-296500 .rebuy-product-title-link {
  font-family: var(--font-h2--family) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
  color: var(--sc-text) !important;
  text-decoration: none !important;
  overflow-wrap: anywhere !important;
  margin: 0 0 4px 0 !important;
}
/* --- Custom template (snippets/rebuy-templates.liquid) --- */
#rebuy-widget-296500 .rebuy-product-media {
  position: relative !important;
}
#rebuy-widget-296500 .sc-card__line {
  font-size: 9px !important;
  color: var(--sc-grey) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 3px !important;
}
#rebuy-widget-296500 .sc-card__benefit {
  font-size: 11px !important;
  color: var(--sc-text) !important;
  text-transform: capitalize !important;
  margin-top: 2px !important;
}
#rebuy-widget-296500 .sc-card__badge-sale {
  position: absolute !important;
  top: 4px !important;
  left: -6px !important;
  z-index: 2 !important;
  background-color: #9c2738 !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  padding: 4px 12px 4px 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 50%, calc(100% - 7px) 100%, 0 100%) !important;
}

#rebuy-widget-296500 .rebuy-product-actions {
  flex: 0 0 auto !important;
  margin-left: auto !important;
}
#rebuy-widget-296500 .rebuy-button {
  width: auto !important;
  min-width: 110px !important;
  background: var(--sc-cta) !important;
  color: #fff !important;
  font-family: inherit !important;
  border: 2px solid transparent !important;
  border-radius: 10px !important;
  padding: 0.6rem 1rem !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  transition: opacity 0.2s ease !important;
}
#rebuy-widget-296500 .rebuy-button:hover:not([disabled]) {
  background: var(--sc-cta) !important;
  opacity: 0.9 !important;
}

/* ==============================================================
   E) SMART CART — cijene, announcement bar, checkout
   ============================================================== */

/* Cijene: bold + tamno (isto kao kartice na naslovnici) */
.rebuy-cart__flyout .rebuy-money,
#rebuy-widget-296500 .rebuy-money {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--sc-text) !important;
}
.rebuy-cart__flyout .rebuy-money.compare-at {
  font-weight: 400 !important;
  color: var(--sc-grey) !important;
  text-decoration: line-through !important;
}
.rebuy-cart__flyout .rebuy-money.sale {
  color: #9c2738 !important;
}
.rebuy-cart__flyout-subtotal-label,
.rebuy-cart__flyout-subtotal-amount {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--sc-text) !important;
}
.rebuy-cart__flyout-subtotal-amount .rebuy-money {
  font-size: 15px !important;
}

/* Announcement bar u cartu — isti font kao webshop announcement bar
   (Old Standard TT, weight 900, letter-spacing -0.48px) */
.rebuy-cart__flyout .message {
  font-family: var(--font-h2--family, "Old Standard TT", serif) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: -0.48px !important;
  color: rgba(0, 0, 0, 0.81) !important;
  text-align: center !important;
}

/* Checkout gumb */
.rebuy-cart__checkout-button {
  background: var(--sc-cta) !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* ==============================================================
   F) PRE-PURCHASE POPUP — widget 301070 ("Pretvori u poklon")
   Okida se na klik Checkout. Grid, 2 proizvoda.
   ============================================================== */

/* Overlay malo tamniji od Rebuyevog defaulta (0.3) — modal se bolje odvaja */
#rebuy-widget-301070 .rebuy-widget-container {
  background-color: rgba(0, 0, 0, 0.45) !important;
}

/* Modal kutija.
   padding-bottom 0 — donja traka ide od ruba do ruba, do samog dna.
   Vertikalni razmaci su namjerno tijesni: cilj je da na 720x662px
   (90vh na 736px ekranu) cijeli popup stane BEZ scrolla, tj. da su
   oba "Dodaj u kosaricu" gumba vidljiva odmah. */
#rebuy-widget-301070 .rebuy-widget-content {
  max-width: 720px !important;
  border-radius: 10px !important;
  padding: 24px 28px 0 !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
}

/* Skini bez pozadinu — kao na PDP-u */
#rebuy-widget-301070,
#rebuy-widget-301070 .splide__track,
#rebuy-widget-301070 .rebuy-widget-content {
  background-color: #fff !important;
}
#rebuy-widget-301070 .rebuy-widget-content {
  background-color: #fff !important;
}

/* Naslovi */
#rebuy-widget-301070 .super-title {
  font-family: var(--font-h2--family) !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--sc-gold) !important;
  text-align: center !important;
  margin: 0 0 6px 0 !important;
}
#rebuy-widget-301070 .primary-title {
  font-family: var(--font-h2--family) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: var(--sc-text) !important;
  text-align: center !important;
  margin: 0 0 6px 0 !important;
}
#rebuy-widget-301070 .description {
  font-size: 13px !important;
  color: var(--sc-grey) !important;
  text-align: center !important;
  margin: 0 0 18px 0 !important;
}

/* Kartice — isti ::before trik kao na PDP-u.
   Splide postavlja inline `width: calc(50%)` na svaki blok. Cim se doda
   gap na flex kontejner, 50% + 50% + gap > 100% i druga kartica padne u
   novi red. Zato: razmak = horizontalni padding na bloku, a vizualna
   kartica je ::before uvucen za pola razmaka. */
#rebuy-widget-301070 .rebuy-pre-purchase-block .splide__list,
#rebuy-widget-301070 .rebuy-product-grid {
  gap: 0 !important;
}
#rebuy-widget-301070 .rebuy-product-block {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 16px 24px !important; /* 8px razmak + 16px unutarnji padding */
}
#rebuy-widget-301070 .rebuy-product-block::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 8px !important;
  right: 8px !important;
  background: #fff !important;
  border: 1px solid var(--sc-border) !important;
  border-radius: 10px !important;
  z-index: 0 !important;
  transition: box-shadow 0.2s ease !important;
}
#rebuy-widget-301070 .rebuy-product-block:hover::before {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) !important;
}
#rebuy-widget-301070 .rebuy-product-block > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Slika: 72% umjesto kvadrata — kvadrat je dizao popup 64px preko 90vh,
   pa su ATC gumbi zavrsavali ispod ruba i trebalo je skrolati do njih. */
#rebuy-widget-301070 .rebuy-product-media {
  position: relative !important;
  padding-top: 72% !important;
  margin-bottom: 12px !important;
  background: transparent !important;
}
#rebuy-widget-301070 .rebuy-product-image {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
}
#rebuy-widget-301070 .rebuy-product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* Naslov + cijena */
#rebuy-widget-301070 .rebuy-product-info {
  flex-grow: 1 !important;
  text-align: left !important;
}
#rebuy-widget-301070 .rebuy-product-title,
#rebuy-widget-301070 .rebuy-product-title-link {
  font-family: var(--font-h2--family) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  color: var(--sc-text) !important;
  text-decoration: none !important;
  margin: 0 !important;
}
#rebuy-widget-301070 .rebuy-product-price {
  margin-top: 10px !important;
}
#rebuy-widget-301070 .rebuy-money,
#rebuy-widget-301070 .rebuy-money span {
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--sc-text) !important;
}
#rebuy-widget-301070 .rebuy-money.compare-at {
  font-weight: 400 !important;
  color: var(--sc-grey) !important;
  text-decoration: line-through !important;
}
#rebuy-widget-301070 .rebuy-money.sale { color: #9c2738 !important; }

/* Varijanta (e-poklon kartica ima iznose).
   Label iznad selecta ubacuje rebuy-translations.liquid — Rebuyev default
   template ga ne renderira, pa su iznosi bez konteksta bili zbunjujuci.
   Tekst dolazi iz Shopify option name ("Odaberi iznos"), nije hardkodiran. */
#rebuy-widget-301070 .rebuy-product-options { margin-top: 12px !important; }
#rebuy-widget-301070 .sc-variant-label {
  display: block !important;
  text-align: left !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: var(--sc-grey) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin: 0 0 5px !important;
}
#rebuy-widget-301070 .rebuy-select {
  width: 100% !important;
  border: 1px solid var(--sc-border) !important;
  border-radius: 10px !important;
  padding: 0.55rem 0.75rem !important;
  font-size: 0.85rem !important;
  margin-top: 0 !important;
}

/* ADD gumb — isti kao na naslovnici */
#rebuy-widget-301070 .rebuy-product-actions { margin-top: 14px !important; }
#rebuy-widget-301070 .rebuy-button-container { width: 100% !important; }
#rebuy-widget-301070 .rebuy-product-actions .rebuy-button {
  width: 100% !important;
  background: var(--sc-cta) !important;
  color: #fff !important;
  font-family: inherit !important;
  border: 2px solid transparent !important;
  border-radius: 10px !important;
  padding: 0.75rem 1.5rem !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  transition: opacity 0.2s ease, transform 0.15s ease !important;
}
#rebuy-widget-301070 .rebuy-product-actions .rebuy-button:hover:not([disabled]) {
  background: var(--sc-cta) !important;
  opacity: 0.9 !important;
  transform: translateY(-1px) !important;
}
#rebuy-widget-301070 .rebuy-product-actions .rebuy-button[disabled] {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* "Dodano" stanje: gumb + X za ukloniti */
#rebuy-widget-301070 .rebuy-button--selected {
  display: flex !important;
  gap: 6px !important;
  width: 100% !important;
}
#rebuy-widget-301070 .rebuy-button--selected .rebuy-button__upsell-add {
  flex: 1 1 auto !important;
  background: var(--sc-text) !important;
}
#rebuy-widget-301070 .rebuy-button--selected .rebuy-button__upsell-remove {
  flex: 0 0 auto !important;
  width: 44px !important;
  background: var(--sc-text) !important;
  padding: 0.75rem 0 !important;
}

/* --- DONJA TRAKA ---
   position:sticky drzi CTA pripet uz dno dok se sadrzaj skrola. Bez toga je
   na nizim desktop ekranima "Nastavi na placanje" ispadao ispod ruba i
   trebalo je skrolati popup da ga uopce vidis.
   Full-bleed bez podloga (negativni margini ponistavaju padding modala).
   Oba gumba u istoj liniji: "Ne, hvala" tekst lijevo, CTA desno. */
#rebuy-widget-301070 .bottom-container {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 5 !important;
  margin: 18px -28px 0 !important;
  padding: 14px 28px !important;
  /* Ista podloga kao cross-sell blok u kosarici. */
  background: #f5f2ed !important;
  border-top: 1px solid #e3ddd3 !important;
  border-radius: 0 0 10px 10px !important;
  box-shadow: none !important;
}
/* Rebuy na .rebuy-button-actions stavlja padding:20px I box-shadow 0 0 3px
   #888 — to je bio onaj ruzni uvuceni okvir oko gumba. */
#rebuy-widget-301070 .rebuy-button-actions {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#rebuy-widget-301070 .rebuy-pre-purchase-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
}
#rebuy-widget-301070 .rebuy-button.decline {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  background: transparent !important;
  color: var(--sc-grey) !important;
  border: 0 !important;
  border-bottom: 1px solid #c9c2b6 !important;
  border-radius: 0 !important;
  padding: 3px 1px !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  white-space: nowrap !important;
}
#rebuy-widget-301070 .rebuy-button.decline:hover {
  color: var(--sc-text) !important;
  border-bottom-color: var(--sc-text) !important;
  background: transparent !important;
}
#rebuy-widget-301070 .rebuy-button.outline {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  background: var(--sc-cta) !important;
  color: #fff !important;
  border: 2px solid transparent !important;
  border-radius: 10px !important;
  padding: 0.85rem 1.5rem !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  transition: opacity 0.2s ease !important;
}
#rebuy-widget-301070 .rebuy-button.outline:hover {
  background: var(--sc-cta) !important;
  opacity: 0.9 !important;
}

/* ==============================================================
   G) MOBITEL
   ============================================================== */
@media (max-width: 749px) {
  /* Strelice ostaju vidljive, samo manje i uz sam rub */
  #rebuy-widget-296549 .rebuy-carousel__arrow {
    width: 34px !important;
    height: 34px !important;
  }
  #rebuy-widget-296549 .rebuy-carousel__arrow--prev { left: -8px !important; }
  #rebuy-widget-296549 .rebuy-carousel__arrow--next { right: -8px !important; }
  #rebuy-widget-296549 .rebuy-carousel__arrow svg {
    width: 12px !important;
    height: 12px !important;
  }

  #rebuy-widget-296549 .rebuy-product-block {
    padding: 16px 18px !important; /* 6px razmak + 12px unutarnji padding */
  }
  #rebuy-widget-296549 .rebuy-product-block::before {
    left: 6px !important;
    right: 6px !important;
  }
  #rebuy-widget-296549 .rebuy-product-title,
  #rebuy-widget-296549 .rebuy-product-title-link { font-size: 16px !important; }
  #rebuy-widget-296549 .product-quick-view-button {
    font-size: 0.75rem !important;
    padding: 0.5rem 0.5rem !important;
  }
  #rebuy-widget-296549 .rebuy-button:not(.product-quick-view-button) {
    font-size: 0.8rem !important;
    padding: 0.7rem 0.5rem !important;
  }

  /* Cart: uza slika, gumb ispod naslova ako je tijesno */
  #rebuy-widget-296500 .rebuy-product-media {
    flex: 0 0 64px !important;
    width: 64px !important;
    max-width: 64px !important;
  }
  #rebuy-widget-296500 .rebuy-button {
    min-width: 92px !important;
    font-size: 0.72rem !important;
    padding: 0.55rem 0.6rem !important;
  }
  #rebuy-widget-296500 .rebuy-product-title,
  #rebuy-widget-296500 .rebuy-product-title-link { font-size: 13px !important; }

  /* --- PRE-PURCHASE POPUP na mobitelu ---
     Rebuy postavke (vec su tako): Medium + Small Screen → LINE, 1 kolona.

     NAPOMENA: prvi pokusaj je isao preko grid-template-areas i pukao —
     Rebuyeva vlastita "list" pravila su se tukla s grid stavkama, slika je
     ostala minijaturna, naslov se lomio na jednu rijec po retku, a gumb je
     ispadao iz kartice. Flex + wrap je robusniji: slika i tekst u prvom
     retku, select i gumb preko cijele sirine u drugom. */
  #rebuy-widget-301070 .rebuy-widget-content {
    max-width: calc(100vw - 24px) !important;
    padding: 24px 16px 0 !important;
    max-height: 88vh !important;
  }
  #rebuy-widget-301070 .super-title { font-size: 22px !important; }
  #rebuy-widget-301070 .primary-title { font-size: 15px !important; }
  #rebuy-widget-301070 .description {
    font-size: 12px !important;
    margin-bottom: 16px !important;
  }

  /* Kao u cart cross-sellu: bez okvira kartice, samo tanki separatori.
     Na uskom ekranu su okviri unutar okvira (modal → kartica) tijesni. */
  #rebuy-widget-301070 .rebuy-product-block::before {
    display: none !important;
  }
  #rebuy-widget-301070 .rebuy-product-block {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    column-gap: 12px !important;
    row-gap: 10px !important;
    padding: 16px 0 !important;
    width: 100% !important;
    border-bottom: 1px solid var(--sc-border) !important;
  }
  #rebuy-widget-301070 .splide__list > .rebuy-product-block:last-child {
    border-bottom: 0 !important;
  }
  /* Fiksni 72x72 kvadrat — bez padding-top trika, jer ovdje ne treba
     biti responzivan i tako ne moze kolabirati. */
  #rebuy-widget-301070 .rebuy-product-media {
    flex: 0 0 72px !important;
    width: 72px !important;
    height: 72px !important;
    padding-top: 0 !important;
    margin: 0 !important;
  }
  #rebuy-widget-301070 .rebuy-product-info {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  /* Select i gumb u novi red, preko cijele sirine kartice */
  #rebuy-widget-301070 .rebuy-product-options,
  #rebuy-widget-301070 .rebuy-product-actions {
    flex: 1 1 100% !important;
    margin: 0 !important;
  }
  #rebuy-widget-301070 .rebuy-product-title,
  #rebuy-widget-301070 .rebuy-product-title-link { font-size: 14px !important; }
  #rebuy-widget-301070 .rebuy-product-price { margin-top: 6px !important; }
  #rebuy-widget-301070 .rebuy-product-options { margin-top: 0 !important; }
  #rebuy-widget-301070 .rebuy-select {
    margin-top: 0 !important;
    font-size: 0.8rem !important;
  }
  #rebuy-widget-301070 .rebuy-product-actions .rebuy-button {
    font-size: 0.82rem !important;
    padding: 0.65rem 0.75rem !important;
  }

  /* Donja traka — gumbi centrirani u istoj liniji, bez okvira */
  #rebuy-widget-301070 .bottom-container {
    margin: 0 -16px !important;
    padding: 12px 16px !important;
  }
  #rebuy-widget-301070 .rebuy-pre-purchase-actions { gap: 14px !important; }
  #rebuy-widget-301070 .rebuy-button.decline { font-size: 0.8rem !important; }
  #rebuy-widget-301070 .rebuy-button.outline {
    padding: 0.8rem 1.1rem !important;
    font-size: 0.82rem !important;
  }
}

/* ==============================================================
   H) QUICK VIEW MODAL  (rebuy-modal-variant-template)
   Globalni Rebuy modal, ali samo 296549 ima ukljucen Quick View.
   Cilj: dvije kolone na desktopu (slika lijevo, info desno), CTA
   vidljiv bez skrolanja, zaliha + kolicina u istom redu, metafieldi
   kao na karticama. Sve lijevo poravnato.
   ============================================================== */

/* Kutija: uza, urednija, flex-column da CTA sjedi na dnu a tijelo skrola */
.rebuy-modal__container {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 880px !important;
  max-height: 90vh !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  padding: 0 !important;
}
.rebuy-modal__container-header:empty { display: none !important; }
.rebuy-modal__container-body {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  padding: 30px 32px 22px !important;
}
.rebuy-modal__close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 5 !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--sc-grey) !important;
  cursor: pointer !important;
}
.rebuy-modal__close:hover { color: var(--sc-text) !important; }

/* Dvije kolone */
.rebuy-modal__product {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 30px !important;
  margin: 0 !important;
}
.rebuy-modal__product-media {
  flex: 0 0 44% !important;
  max-width: 44% !important;
  margin: 0 !important;
}
.rebuy-modal__product-media-image {
  width: 100% !important;
  height: auto !important;
  max-height: 380px !important;
  object-fit: contain !important;
  display: block !important;
}
.rebuy-modal__product-sub-images {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 12px !important;
}
.rebuy-modal__product-sub-image {
  width: 56px !important;
  height: 56px !important;
  border: 1px solid var(--sc-border) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  cursor: pointer !important;
}
.rebuy-modal__product-sub-image.is-active { border-color: var(--sc-gold) !important; }
.rebuy-modal__product-sub-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
.rebuy-modal__product-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: left !important;
}

/* Linija proizvoda (eyebrow) */
.rebuy-modal .sc-qv__line {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--sc-grey) !important;
  margin: 0 0 6px !important;
}

/* Naslov */
.rebuy-modal__product-title {
  font-family: var(--font-h2--family) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-align: left !important;
  color: var(--sc-text) !important;
  margin: 0 0 10px !important;
}

/* Benefit pillovi */
.rebuy-modal .sc-qv__benefits {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 0 14px !important;
}
.rebuy-modal .sc-qv__benefit {
  font-size: 11px !important;
  letter-spacing: 0.02em !important;
  text-transform: capitalize !important;
  color: var(--sc-text) !important;
  background: #f5f2ed !important;
  border-radius: 999px !important;
  padding: 4px 11px !important;
}

/* Cijena */
.rebuy-modal__product-price { margin: 0 0 16px !important; }
.rebuy-modal__product-price .rebuy-money {
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--sc-text) !important;
}
.rebuy-modal__product-price .rebuy-money.compare-at {
  font-size: 15px !important;
  font-weight: 400 !important;
  color: var(--sc-grey) !important;
  text-decoration: line-through !important;
  margin-left: 8px !important;
}
.rebuy-modal__product-price .rebuy-money.sale { color: #9c2738 !important; }

/* Varijante */
.rebuy-modal__product-options { margin: 0 0 4px !important; }
.rebuy-modal__product-option-title {
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: var(--sc-grey) !important;
  margin: 0 0 6px !important;
}
.rebuy-modal .rebuy-select {
  width: 100% !important;
  border: 1px solid var(--sc-border) !important;
  border-radius: 10px !important;
  padding: 0.6rem 0.75rem !important;
  font-size: 0.9rem !important;
}
.rebuy-modal .rebuy-option-button {
  border: 1px solid var(--sc-border) !important;
  border-radius: 8px !important;
  background: #fff !important;
  padding: 0.5rem 0.85rem !important;
  margin: 0 6px 6px 0 !important;
  font-size: 0.85rem !important;
  cursor: pointer !important;
  transition: border-color 0.15s ease, color 0.15s ease !important;
}
.rebuy-modal .rebuy-option-button.is-active {
  border-color: var(--sc-gold) !important;
  color: var(--sc-gold) !important;
}
.rebuy-modal .rebuy-option-button.is-unavailable {
  opacity: 0.4 !important;
  text-decoration: line-through !important;
}

/* --- ZALIHA + KOLICINA U ISTOM REDU --- */
.rebuy-modal .sc-qv__buyrow {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 16px 0 !important;
  padding: 14px 0 !important;
  border-top: 1px solid var(--sc-border) !important;
  border-bottom: 1px solid var(--sc-border) !important;
}
.rebuy-modal__product-stock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
.rebuy-modal__product-stock-indicator {
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  flex: 0 0 auto !important;
}
.rebuy-modal__product-stock.in-stock { color: #2f7d32 !important; }
.rebuy-modal__product-stock.in-stock .rebuy-modal__product-stock-indicator { background: #3aa53d !important; }
.rebuy-modal__product-stock.out-of-stock { color: #9c2738 !important; }
.rebuy-modal__product-stock.out-of-stock .rebuy-modal__product-stock-indicator { background: #9c2738 !important; }

.rebuy-modal__product-quantity {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.rebuy-modal .sc-qv__qty-label {
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: var(--sc-grey) !important;
}
.rebuy-modal__product-quantity-controller {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid var(--sc-border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
.rebuy-modal__product-quantity-controller-button {
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  border: 0 !important;
  cursor: pointer !important;
  transition: background 0.15s ease !important;
}
.rebuy-modal__product-quantity-controller-button:hover { background: #faf7f0 !important; }
.rebuy-modal__product-quantity-controller-label {
  min-width: 34px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--sc-text) !important;
}

/* Opis (collapsible) */
.rebuy-modal__product-description-wrapper {
  margin-top: 4px !important;
  border-top: 1px solid var(--sc-border) !important;
}
.rebuy-modal__product-description-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  background: none !important;
  border: 0 !important;
  padding: 14px 0 !important;
  cursor: pointer !important;
  font-size: 14px !important;
  color: var(--sc-text) !important;
}
.rebuy-modal__product-description-toggle-icon { transition: transform 0.2s ease !important; }
.rebuy-modal__product-description-toggle.is-open .rebuy-modal__product-description-toggle-icon {
  transform: rotate(45deg) !important;
}
.rebuy-modal__product-body-description {
  display: none !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #555 !important;
  padding-bottom: 14px !important;
}
.rebuy-modal__product-body-description.is-open { display: block !important; }

/* CTA traka na dnu — uvijek vidljiva */
.rebuy-modal__container-actions {
  flex: 0 0 auto !important;
  display: flex !important;
  gap: 10px !important;
  padding: 16px 32px !important;
  border-top: 1px solid var(--sc-border) !important;
  background: #fff !important;
}
/* ATC gumb vec je zlatni preko pravila u sekciji C
   (.rebuy-modal .rebuy-button:not(.product-quick-view-button)). */

/* --- MOBITEL: stack, slika gore, info dolje --- */
@media (max-width: 749px) {
  .rebuy-modal__container {
    max-width: calc(100vw - 24px) !important;
    max-height: 90vh !important;
  }
  .rebuy-modal__container-body { padding: 22px 18px 18px !important; }
  .rebuy-modal__product {
    flex-direction: column !important;
    gap: 16px !important;
  }
  .rebuy-modal__product-media,
  .rebuy-modal__product-info {
    flex: 1 1 auto !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .rebuy-modal__product-media-image { max-height: 240px !important; }
  .rebuy-modal__product-title { font-size: 20px !important; }
  .rebuy-modal__product-price .rebuy-money { font-size: 18px !important; }
  .rebuy-modal__container-actions { padding: 14px 18px !important; }
  /* Ako je uski ekran jako tijesan, dopusti da zaliha/kolicina prijelome */
  .rebuy-modal .sc-qv__buyrow { gap: 12px !important; }
}

/* ==============================================================
   I) SMART CART — kolicina (stepper istog stila kao Quick View)
   Rebuyev cart koristi <input type=number> izmedu dva gumba:
   .rebuy-cart__flyout-item-quantity-widget (okvir)
     > -widget-button (−/+)  |  -widget-input (broj)
   ============================================================== */
.rebuy-cart__flyout-item-quantity-widget {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  background: #fff !important;
  border: 1px solid var(--sc-border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
.rebuy-cart__flyout-item-quantity-widget-button {
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  background: #fff !important;
  border: 0 !important;
  color: var(--sc-text) !important;
  cursor: pointer !important;
  transition: background 0.15s ease !important;
}
.rebuy-cart__flyout-item-quantity-widget-button:hover { background: #faf7f0 !important; }
.rebuy-cart__flyout-item-quantity-widget-button svg {
  width: 13px !important;
  height: 13px !important;
}
.rebuy-cart__flyout-item-quantity-widget-input {
  width: 34px !important;
  height: 32px !important;
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--sc-text) !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}
.rebuy-cart__flyout-item-quantity-widget-input::-webkit-outer-spin-button,
.rebuy-cart__flyout-item-quantity-widget-input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* ==============================================================
   F2) PRE-PURCHASE 301070 — jedan podnaslov + opis po kartici
   Podnaslov je sad u `title` (.primary-title); staru drugu liniju
   (.description) skrivamo da ostane jedan red. Opis po kartici
   (.sc-pp__desc) ubacuje rebuy-translations.liquid u DOM.
   ============================================================== */
#rebuy-widget-301070 .description { display: none !important; }

#rebuy-widget-301070 .sc-pp__desc {
  margin-top: 8px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: var(--sc-grey) !important;
  text-align: left !important;
}

/* ==============================================================
   J) GIFT WRAP TOGGLE — widget 305342 ("Kupujete za poklon?")
   ==============================================================
   Jedan kompaktan red iznad subtotala: slika 32px | copy + cijena |
   checkbox 18px. Visina ~55px. Dva stanja dijele iste klase:
     #rebuy-widget-305342   → prazan checkbox (Rebuyev widget,
                              custom template u rebuy-templates.liquid)
     .sc-gift--checked      → ispunjen checkbox (nas DOM iz
                              rebuy-translations.liquid — Rebuy widget
                              serverski nestane cim je kutija u kosarici)

   OVERFLOW: Splide stavlja inline `width: calc(...)` na slide i bez
   border-boxa red na mobitelu izlazi desno iz drawera. Zato svemu sto
   Splide dira ide width/max-width 100% + box-sizing: border-box, a
   srednja kolona grida je minmax(0, 1fr) da tekst ne gura red u sirinu.
   ============================================================== */

#rebuy-widget-305342,
.sc-gift,
.sc-gift .rebuy-widget-container,
.sc-gift .rebuy-widget-content,
.sc-gift .splide,
.sc-gift .splide__track,
.sc-gift .splide__list {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;   /* .splide__track nosi bez #EBE4CA */
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  box-sizing: border-box !important;
}

#rebuy-widget-305342 { overflow: hidden !important; }
.sc-gift .splide__track { overflow: hidden !important; }

.sc-gift .primary-title,
.sc-gift .super-title,
.sc-gift .powered-by-rebuy { display: none !important; }

.sc-gift .rebuy-product-grid {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* --- red --- */
.sc-gift .rebuy-product-block {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center !important;
  column-gap: 9px;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 8px !important;
  padding: 7px 10px !important;
  background: #F5F2ED !important;
  border: 1px solid #E3DDD3 !important;
  border-radius: 9px !important;
  cursor: pointer;
  transition: border-color .15s ease;
}

.sc-gift .rebuy-product-block:hover { border-color: #d8c9a0 !important; }
.sc-gift .rebuy-product-block.is-working { opacity: .6; pointer-events: none; }

/* Rebuy zna dati align-self: stretch — vracamo na sredinu. */
.sc-gift .rebuy-product-media,
.sc-gift .rebuy-product-info,
.sc-gift .rebuy-product-actions { align-self: center !important; }

/* --- slika --- */
.sc-gift__media {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sc-gift__media img {
  width: 32px !important;
  height: 32px !important;
  object-fit: cover;
  border-radius: 5px;
  display: block;
}

/* --- copy --- */
.sc-gift__info {
  min-width: 0 !important;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.sc-gift__head {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 5px;
}

.sc-gift__title {
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--sc-text);
}

.sc-gift__price,
.sc-gift .rebuy-product-price {
  margin: 0 !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  color: #8a7a4e !important;
  white-space: nowrap;
}

.sc-gift__text {
  margin-top: 1px;
  font-size: 10px;
  line-height: 1.25;
  color: #7a7266;
  display: -webkit-box;
  -webkit-line-clamp: 2;      /* nikad vise od dvije linije */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* --- checkbox (Rebuyev <button> preodjeven u kvadratic) --- */
.sc-gift__actions { margin: 0 !important; padding: 0 !important; }

.sc-gift__check {
  position: relative;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;          /* gasi eventualnu labelu iz Rebuya */
  background: #fff !important;
  border: 1.5px solid #c9bfa8 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}

.sc-gift__check::after {
  content: '';
  position: absolute;
  left: 5.5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(.6);
  opacity: 0;
  transition: opacity .15s ease, transform .15s ease;
}

.sc-gift__check[aria-pressed="true"] {
  background: var(--sc-cta) !important;
  border-color: var(--sc-cta) !important;
}

.sc-gift__check[aria-pressed="true"]::after {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}

.sc-gift__check:focus-visible {
  outline: 2px solid var(--sc-cta);
  outline-offset: 2px;
}

/* Widget se sakriva vec na klik (optimisticki swap u
   rebuy-translations.liquid) da kosarica ne poskoci dok ceka /cart/add. */
.sc-gift--swapped { display: none !important; }

/* --- kutija se ne prikazuje i kao obicna stavka kosarice ---
   Bez ovoga kupac isti proizvod vidi dvaput: gore u popisu stavki i
   dolje kao ukljucenu opciju. Zakomentiraj ako je zelis vidjeti i gore. */
.rebuy-cart__flyout-item.product-poklon-kutija-cardamom-rose {
  display: none !important;
}