#fw-section-collection-template {

/* 1. Global Variable Overwrite */
:root, html, body {
    --image-ratio-padding: 100% !important;
}

/* 2. Target all product containers globally */
[class*="product-card"], 
[class*="tile"],
.product-grid-item {
    --image-ratio-padding: 100% !important;
}

/* 3. Force Aspect Ratio & Fix Image Stretching */
.product-card__image-wrapper,
.tile__image-wrapper,
.tile__image {
    aspect-ratio: 1 / 1 !important;
    padding-top: 0 !important;
    height: auto !important;
    display: block !important;
}

/* 4. Ensure images fill the square perfectly */
.tile__image img, 
.product-card__image img,
img[class*="tile"],
img[class*="product"] {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
}
}
#fw-section-featured-collection-0 {

/* Target the specific container where the variable is defined */
html, body, #__next, .featured-collection {
    --image-ratio-padding: 100% !important;
}

/* Force the image wrapper to respect the 1:1 ratio */
.product-tile__image-wrapper, 
.tile__image {
    aspect-ratio: 1 / 1 !important;
    padding-top: 0 !important; /* This kills the old padding-based height */
    height: auto !important;
}

/* Ensure the image itself fills the square */
.tile__image img, 
img.tile__image {
    object-fit: cover !important;
    height: 100% !important;
    width: 100% !important;
    position: relative !important;
}
}

#fw-section-recent-videos-c120237e-c372-460c-a0d3-8ca05aa7989c {
--font-heading-scale: 1.0;
--font-body-scale: 1.2;
}


#fw-section-donations-81b38696-2f86-43d0-8621-9ffdd4be2624 {
--font-heading-scale: 1.2;
--font-body-scale: 1.0;
}


#fw-section-text-carousel-b12529cc-5a6c-48bd-a4f4-c7114f15190e {
--color-primary: #51514f;
--color-primary-rgb: 81, 81, 79;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-product-product-music {
--font-heading-scale: 1.0;
--font-body-scale: 1.0;
}
#fw-section-product-product-music {

/* 1. Global Variable Force - This hits every page */
:root, html, body, [class*="product"] {
    --image-ratio-padding: 100% !important;
}

/* 2. Fix for Product Page Gallery & Main Image */
.product-gallery,
.product-gallery__viewport,
.product-gallery__slide-content,
[data-testid="product-gallery"] {
    aspect-ratio: 1 / 1 !important;
    padding-top: 0 !important;
    height: auto !important;
}

/* 3. Force the actual images to fill the new square */
.product-gallery__image img,
.product-gallery img,
.tile__image img,
img[class*="product-card"],
img[class*="tile"] {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Crops the long edges of the phone case to fit the square */
    object-position: center !important;
    position: relative !important;
}

/* 4. Fix for the Thumbnail images below the main photo */
.product-gallery__thumbnails-item, 
.product-gallery__thumbnail {
    aspect-ratio: 1 / 1 !important;
    padding-top: 0 !important;
}



/* 1. Úplne zruší tých 90px, ktoré si systém rezervuje pre náhľady */
.gallery__thumbs {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    margin: 0 !important;
}

/* 2. Povie hlavnému kontajneru galérie, aby sa roztiahol na 100% a ignoroval odsadenie */
.gallery__product {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* 3. Zaistí, aby celá mriežka produktu lícovala s okrajom pod logom */
.product__main .grid {
    margin-left: 0 !important;
    padding-left: 0 !important;
    display: flex !important;
}

/* 4. Odstránenie paddingu z ľavej strany prvého stĺpca (kde je obrázok) */
.product__main .grid__column:first-child {
    padding-left: 0 !important;
}

/* 5. Zväčšenie celkovej šírky, aby to lícovalo s logom BSW */
.product__main {
    max-width: 1400px !important; /* Uprav podľa potreby, aby to sedelo s hlavičkou */
    margin-left: auto !important;
    margin-right: auto !important;
}





/* Zakáže interakciu na úrovni kontajnerov, aby sa JS kód ani nespustil */
.product-gallery, 
[class*="ProductGallery"], 
[class*="image-zoom"], 
[class*="zoom-container"] {
  pointer-events: none !important;
}

/* Vynútené zrušenie transformácie pre všetky obrázky */
img {
  pointer-events: none !important;
  transform: none !important;
  transition: none !important;
}




.product-info__promotion-description {
    display: none !important;
}
}


#fw-section-product-recommendations-product-music {

/* Úplné skrytie sekcie odporúčaných produktov */
[data-testid="recommended-products"],
.product-recommendations,
.recommended-products {
    display: none !important;
}
}
#fw-section-product {

/* 1. Global Variable Force - This hits every page */
:root, html, body, [class*="product"] {
    --image-ratio-padding: 100% !important;
}

/* 2. Fix for Product Page Gallery & Main Image */
.product-gallery,
.product-gallery__viewport,
.product-gallery__slide-content,
[data-testid="product-gallery"] {
    aspect-ratio: 1 / 1 !important;
    padding-top: 0 !important;
    height: auto !important;
}

/* 3. Force the actual images to fill the new square */
.product-gallery__image img,
.product-gallery img,
.tile__image img,
img[class*="product-card"],
img[class*="tile"] {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Crops the long edges of the phone case to fit the square */
    object-position: center !important;
    position: relative !important;
}

/* 4. Fix for the Thumbnail images below the main photo */
.product-gallery__thumbnails-item, 
.product-gallery__thumbnail {
    aspect-ratio: 1 / 1 !important;
    padding-top: 0 !important;
}
}
#fw-section-product-recommendations {

/* Úplné skrytie sekcie odporúčaných produktov */
[data-testid="recommended-products"],
.product-recommendations,
.recommended-products {
    display: none !important;
}
}












#fw-section-product-product-desert-azimuth {
--font-heading-scale: 1.0;
--font-body-scale: 1.0;
}
#fw-section-product-product-desert-azimuth {

/* 1. Global Variable Force - This hits every page */
:root, html, body, [class*="product"] {
    --image-ratio-padding: 100% !important;
}

/* 2. Fix for Product Page Gallery & Main Image */
.product-gallery,
.product-gallery__viewport,
.product-gallery__slide-content,
[data-testid="product-gallery"] {
    aspect-ratio: 1 / 1 !important;
    padding-top: 0 !important;
    height: auto !important;
}

/* 3. Force the actual images to fill the new square */
.product-gallery__image img,
.product-gallery img,
.tile__image img,
img[class*="product-card"],
img[class*="tile"] {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Crops the long edges of the phone case to fit the square */
    object-position: center !important;
    position: relative !important;
}

/* 4. Fix for the Thumbnail images below the main photo */
.product-gallery__thumbnails-item, 
.product-gallery__thumbnail {
    aspect-ratio: 1 / 1 !important;
    padding-top: 0 !important;
}



/* 1. Úplne zruší tých 90px, ktoré si systém rezervuje pre náhľady */
.gallery__thumbs {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    margin: 0 !important;
}

/* 2. Povie hlavnému kontajneru galérie, aby sa roztiahol na 100% a ignoroval odsadenie */
.gallery__product {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* 3. Zaistí, aby celá mriežka produktu lícovala s okrajom pod logom */
.product__main .grid {
    margin-left: 0 !important;
    padding-left: 0 !important;
    display: flex !important;
}

/* 4. Odstránenie paddingu z ľavej strany prvého stĺpca (kde je obrázok) */
.product__main .grid__column:first-child {
    padding-left: 0 !important;
}

/* 5. Zväčšenie celkovej šírky, aby to lícovalo s logom BSW */
.product__main {
    max-width: 1400px !important; /* Uprav podľa potreby, aby to sedelo s hlavičkou */
    margin-left: auto !important;
    margin-right: auto !important;
}





/* Zakáže interakciu na úrovni kontajnerov, aby sa JS kód ani nespustil */
.product-gallery, 
[class*="ProductGallery"], 
[class*="image-zoom"], 
[class*="zoom-container"] {
  pointer-events: none !important;
}

/* Vynútené zrušenie transformácie pre všetky obrázky */
img {
  pointer-events: none !important;
  transform: none !important;
  transition: none !important;
}




.product-info__promotion-description {
    display: none !important;
}
}


#fw-section-product-recommendations-product-desert-azimuth {

/* Úplné skrytie sekcie odporúčaných produktov */
[data-testid="recommended-products"],
.product-recommendations,
.recommended-products {
    display: none !important;
}
}
#fw-section-product-product-kokos-02 {
--font-heading-scale: 1.0;
--font-body-scale: 1.0;
}
#fw-section-product-product-kokos-02 {

/* 1. Global Variable Force - This hits every page */
:root, html, body, [class*="product"] {
    --image-ratio-padding: 100% !important;
}

/* 2. Fix for Product Page Gallery & Main Image */
.product-gallery,
.product-gallery__viewport,
.product-gallery__slide-content,
[data-testid="product-gallery"] {
    aspect-ratio: 1 / 1 !important;
    padding-top: 0 !important;
    height: auto !important;
}

/* 3. Force the actual images to fill the new square */
.product-gallery__image img,
.product-gallery img,
.tile__image img,
img[class*="product-card"],
img[class*="tile"] {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Crops the long edges of the phone case to fit the square */
    object-position: center !important;
    position: relative !important;
}

/* 4. Fix for the Thumbnail images below the main photo */
.product-gallery__thumbnails-item, 
.product-gallery__thumbnail {
    aspect-ratio: 1 / 1 !important;
    padding-top: 0 !important;
}



/* 1. Úplne zruší tých 90px, ktoré si systém rezervuje pre náhľady */
.gallery__thumbs {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    margin: 0 !important;
}

/* 2. Povie hlavnému kontajneru galérie, aby sa roztiahol na 100% a ignoroval odsadenie */
.gallery__product {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* 3. Zaistí, aby celá mriežka produktu lícovala s okrajom pod logom */
.product__main .grid {
    margin-left: 0 !important;
    padding-left: 0 !important;
    display: flex !important;
}

/* 4. Odstránenie paddingu z ľavej strany prvého stĺpca (kde je obrázok) */
.product__main .grid__column:first-child {
    padding-left: 0 !important;
}

/* 5. Zväčšenie celkovej šírky, aby to lícovalo s logom BSW */
.product__main {
    max-width: 1400px !important; /* Uprav podľa potreby, aby to sedelo s hlavičkou */
    margin-left: auto !important;
    margin-right: auto !important;
}





/* Zakáže interakciu na úrovni kontajnerov, aby sa JS kód ani nespustil */
.product-gallery, 
[class*="ProductGallery"], 
[class*="image-zoom"], 
[class*="zoom-container"] {
  pointer-events: none !important;
}

/* Vynútené zrušenie transformácie pre všetky obrázky */
img {
  pointer-events: none !important;
  transform: none !important;
  transition: none !important;
}




.product-info__promotion-description {
    display: none !important;
}
}
#fw-section-product-recommendations-product-kokos-02 {

/* Úplné skrytie sekcie odporúčaných produktov */
[data-testid="recommended-products"],
.product-recommendations,
.recommended-products {
    display: none !important;
}
}


#fw-section-product-product-kokos-01 {
--font-heading-scale: 1.0;
--font-body-scale: 1.0;
}
#fw-section-product-product-kokos-01 {

/* 1. Global Variable Force - This hits every page */
:root, html, body, [class*="product"] {
    --image-ratio-padding: 100% !important;
}

/* 2. Fix for Product Page Gallery & Main Image */
.product-gallery,
.product-gallery__viewport,
.product-gallery__slide-content,
[data-testid="product-gallery"] {
    aspect-ratio: 1 / 1 !important;
    padding-top: 0 !important;
    height: auto !important;
}

/* 3. Force the actual images to fill the new square */
.product-gallery__image img,
.product-gallery img,
.tile__image img,
img[class*="product-card"],
img[class*="tile"] {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Crops the long edges of the phone case to fit the square */
    object-position: center !important;
    position: relative !important;
}

/* 4. Fix for the Thumbnail images below the main photo */
.product-gallery__thumbnails-item, 
.product-gallery__thumbnail {
    aspect-ratio: 1 / 1 !important;
    padding-top: 0 !important;
}



/* 1. Úplne zruší tých 90px, ktoré si systém rezervuje pre náhľady */
.gallery__thumbs {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    margin: 0 !important;
}

/* 2. Povie hlavnému kontajneru galérie, aby sa roztiahol na 100% a ignoroval odsadenie */
.gallery__product {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* 3. Zaistí, aby celá mriežka produktu lícovala s okrajom pod logom */
.product__main .grid {
    margin-left: 0 !important;
    padding-left: 0 !important;
    display: flex !important;
}

/* 4. Odstránenie paddingu z ľavej strany prvého stĺpca (kde je obrázok) */
.product__main .grid__column:first-child {
    padding-left: 0 !important;
}

/* 5. Zväčšenie celkovej šírky, aby to lícovalo s logom BSW */
.product__main {
    max-width: 1400px !important; /* Uprav podľa potreby, aby to sedelo s hlavičkou */
    margin-left: auto !important;
    margin-right: auto !important;
}





/* Zakáže interakciu na úrovni kontajnerov, aby sa JS kód ani nespustil */
.product-gallery, 
[class*="ProductGallery"], 
[class*="image-zoom"], 
[class*="zoom-container"] {
  pointer-events: none !important;
}

/* Vynútené zrušenie transformácie pre všetky obrázky */
img {
  pointer-events: none !important;
  transform: none !important;
  transition: none !important;
}




.product-info__promotion-description {
    display: none !important;
}
}


#fw-section-product-recommendations-product-kokos-01 {

/* Úplné skrytie sekcie odporúčaných produktov */
[data-testid="recommended-products"],
.product-recommendations,
.recommended-products {
    display: none !important;
}
}
#fw-section-product-product-kokos-03 {
--font-heading-scale: 1.0;
--font-body-scale: 1.0;
}
#fw-section-product-product-kokos-03 {

/* 1. Global Variable Force - This hits every page */
:root, html, body, [class*="product"] {
    --image-ratio-padding: 100% !important;
}

/* 2. Fix for Product Page Gallery & Main Image */
.product-gallery,
.product-gallery__viewport,
.product-gallery__slide-content,
[data-testid="product-gallery"] {
    aspect-ratio: 1 / 1 !important;
    padding-top: 0 !important;
    height: auto !important;
}

/* 3. Force the actual images to fill the new square */
.product-gallery__image img,
.product-gallery img,
.tile__image img,
img[class*="product-card"],
img[class*="tile"] {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Crops the long edges of the phone case to fit the square */
    object-position: center !important;
    position: relative !important;
}

/* 4. Fix for the Thumbnail images below the main photo */
.product-gallery__thumbnails-item, 
.product-gallery__thumbnail {
    aspect-ratio: 1 / 1 !important;
    padding-top: 0 !important;
}



/* 1. Úplne zruší tých 90px, ktoré si systém rezervuje pre náhľady */
.gallery__thumbs {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    margin: 0 !important;
}

/* 2. Povie hlavnému kontajneru galérie, aby sa roztiahol na 100% a ignoroval odsadenie */
.gallery__product {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* 3. Zaistí, aby celá mriežka produktu lícovala s okrajom pod logom */
.product__main .grid {
    margin-left: 0 !important;
    padding-left: 0 !important;
    display: flex !important;
}

/* 4. Odstránenie paddingu z ľavej strany prvého stĺpca (kde je obrázok) */
.product__main .grid__column:first-child {
    padding-left: 0 !important;
}

/* 5. Zväčšenie celkovej šírky, aby to lícovalo s logom BSW */
.product__main {
    max-width: 1400px !important; /* Uprav podľa potreby, aby to sedelo s hlavičkou */
    margin-left: auto !important;
    margin-right: auto !important;
}





/* Zakáže interakciu na úrovni kontajnerov, aby sa JS kód ani nespustil */
.product-gallery, 
[class*="ProductGallery"], 
[class*="image-zoom"], 
[class*="zoom-container"] {
  pointer-events: none !important;
}

/* Vynútené zrušenie transformácie pre všetky obrázky */
img {
  pointer-events: none !important;
  transform: none !important;
  transition: none !important;
}




.product-info__promotion-description {
    display: none !important;
}
}
#fw-section-product-recommendations-product-kokos-03 {

/* Úplné skrytie sekcie odporúčaných produktov */
[data-testid="recommended-products"],
.product-recommendations,
.recommended-products {
    display: none !important;
}
}


#fw-section-product-product-kokos-04 {
--font-heading-scale: 1.0;
--font-body-scale: 1.1;
}
#fw-section-product-product-kokos-04 {

/* 1. Global Variable Force - This hits every page */
:root, html, body, [class*="product"] {
    --image-ratio-padding: 100% !important;
}

/* 2. Fix for Product Page Gallery & Main Image */
.product-gallery,
.product-gallery__viewport,
.product-gallery__slide-content,
[data-testid="product-gallery"] {
    aspect-ratio: 1 / 1 !important;
    padding-top: 0 !important;
    height: auto !important;
}

/* 3. Force the actual images to fill the new square */
.product-gallery__image img,
.product-gallery img,
.tile__image img,
img[class*="product-card"],
img[class*="tile"] {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Crops the long edges of the phone case to fit the square */
    object-position: center !important;
    position: relative !important;
}

/* 4. Fix for the Thumbnail images below the main photo */
.product-gallery__thumbnails-item, 
.product-gallery__thumbnail {
    aspect-ratio: 1 / 1 !important;
    padding-top: 0 !important;
}



/* 1. Úplne zruší tých 90px, ktoré si systém rezervuje pre náhľady */
.gallery__thumbs {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    margin: 0 !important;
}

/* 2. Povie hlavnému kontajneru galérie, aby sa roztiahol na 100% a ignoroval odsadenie */
.gallery__product {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* 3. Zaistí, aby celá mriežka produktu lícovala s okrajom pod logom */
.product__main .grid {
    margin-left: 0 !important;
    padding-left: 0 !important;
    display: flex !important;
}

/* 4. Odstránenie paddingu z ľavej strany prvého stĺpca (kde je obrázok) */
.product__main .grid__column:first-child {
    padding-left: 0 !important;
}

/* 5. Zväčšenie celkovej šírky, aby to lícovalo s logom BSW */
.product__main {
    max-width: 1400px !important; /* Uprav podľa potreby, aby to sedelo s hlavičkou */
    margin-left: auto !important;
    margin-right: auto !important;
}





/* Zakáže interakciu na úrovni kontajnerov, aby sa JS kód ani nespustil */
.product-gallery, 
[class*="ProductGallery"], 
[class*="image-zoom"], 
[class*="zoom-container"] {
  pointer-events: none !important;
}

/* Vynútené zrušenie transformácie pre všetky obrázky */
img {
  pointer-events: none !important;
  transform: none !important;
  transition: none !important;
}




.product-info__promotion-description {
    display: none !important;
}
}
#fw-section-product-recommendations-product-kokos-04 {

/* Úplné skrytie sekcie odporúčaných produktov */
[data-testid="recommended-products"],
.product-recommendations,
.recommended-products {
    display: none !important;
}
}