#fw-section-featured-collection-5e3512c7-9664-4e6c-8757-a05b4b6c85f9 {
--font-heading-scale: 1.12;
--font-body-scale: 1.13;
}
#fw-section-featured-collection-5e3512c7-9664-4e6c-8757-a05b4b6c85f9 {

/* 5-STUPČANA GALERIJA - MALI PRIKAZ */
.products-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 15px !important;
}

/* WHITESPACE - MINIMALNI RAZMACI */
.product-tile {
  padding: 8px !important;
  margin-bottom: 12px !important;
}

/* SKRIVANJE BOJA OPCIJA (COLOR SWATCHES) */
.product-swatch-group,
.color-options,
[class*="variant"],
[class*="swatch"] {
  display: none !important;
}

/* FONT I TEKST - VRLO MALI */
.product-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
  margin: 6px 0 4px 0 !important;
}

.product-price {
  font-size: 11px !important;
  font-weight: 400 !important;
}

/* SLIKE - MINIMALNI PADDING */
.product-image {
  padding: 4px !important;
  background: white !important;
  max-width: 100% !important;
}
}



#fw-section-collection-template-collection-urban {
--font-heading-scale: 1.02;
--font-body-scale: 1.03;
}
#fw-section-hero-5fff358a-40d0-494b-8ce8-221d08736dcd {

/* Primjenjuje animaciju na bilo koju veliku slikovnu ili pozadinsku sekciju */
[class*="Banner"], 
[class*="Hero"], 
.banner, 
.hero,
.page-section,
.home-section,
[class*="Section"] {
  overflow: hidden !important; /* Osigurava da slika ne probije rubove ekrana */
  position: relative !important;
}

/* Ciljamo bilo koju sliku ili unutarnji kontejner unutar tih sekcija */
[class*="Banner"] img, 
[class*="Hero"] img,
[class*="Section"] img,
.page-section img,
[class*="Banner"] [class*="Container"],
[class*="Hero"] [class*="Container"] {
  animation: dynamicMovement 30s ease-in-out infinite alternate !important;
  transform-origin: center center !important;
  will-change: transform !important; /* Govori pregledniku da glatko renderira pomak */
}

/* Definiranje laganog kružnog i zumirajućeg kretanja */
@keyframes dynamicMovement {
  0% {
    transform: scale(1) translate(0, 0);
  }
  50% {
    transform: scale(1.08) translate(-1.5%, 1%);
  }
  100% {
    transform: scale(1.15) translate(1.5%, -1%);
  }
}
}
#fw-section-text-carousel-3ef4dd74-7cc5-48c5-87a5-3f446e9ca72c {
--color-primary: #e1e1e1;
--color-primary-rgb: 225, 225, 225;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #e1e1e1;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #e1e1e1;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: #ffffff;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #ffffff;

}
#fw-section-collections-list-37898a7f-131d-4ab0-984d-621a8b23f4bf {
--font-heading-scale: 1.15;
--font-body-scale: 1.31;
}
#fw-section-image-with-text-a30df074-35de-43c1-a9d4-618339a02840 {
--color-primary: #e1e1e1;
--color-primary-rgb: 225, 225, 225;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #e1e1e1;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #e1e1e1;
--primary-btn-text: #000000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: #ffffff;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #ffffff;

}

#fw-section-footer {
--color-primary: #fcfcfc;
--color-primary-rgb: 252, 252, 252;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #010000;
--color-on-primary-rgb: 1, 0, 0;
--color-product-image-background: #e1e1e1;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #fcfcfc;
--primary-btn-text: #010000;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: #ffffff;
--secondary-btn-text: #000000;
--secondary-btn-border-color: #ffffff;

}
#fw-section-newsletter-ebfb31dc-a4fb-4b4d-8238-490442f3b394 {
--font-heading-scale: 0.8;
--font-body-scale: 1.18;
}
#fw-section-newsletter-ebfb31dc-a4fb-4b4d-8238-490442f3b394 {
--color-primary: #8c8c8c;
--color-primary-rgb: 140, 140, 140;
--color-background: #010101;
--color-background-rgb: 1, 1, 1;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #e1e1e1;
--color-background-brightness: 1;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #8c8c8c;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #ffffff;
--secondary-btn-bg: #ffffff;
--secondary-btn-text: #010101;
--secondary-btn-border-color: #ffffff;

}
#fw-section-text-carousel-de1389b5-5458-4e6a-a5b2-ebcaa93ff260 {
--font-heading-scale: 0.7;
--font-body-scale: 0.89;
}
#fw-section-header {
--font-heading-scale: 1.26;
--font-body-scale: 1.3;
}
#fw-section-header {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #d3d3d3;
--color-background-rgb: 211, 211, 211;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #e1e1e1;
--color-background-brightness: 211;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #000000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #000000;
--secondary-btn-bg: #000000;
--secondary-btn-text: #d3d3d3;
--secondary-btn-border-color: #000000;

}