#fw-section-featured-collection-4ca8714c-4aa9-44c3-8193-40ea013b76e6 {
--color-primary: #ff0055;
--color-primary-rgb: 255, 0, 85;
--color-background: #050505;
--color-background-rgb: 5, 5, 5;
--color-on-primary: #071726;
--color-on-primary-rgb: 7, 23, 38;
--color-on-background: #00ffd5;
--color-on-background-rgb: 0, 255, 213;
--color-product-image-background: #00ffd5;
--color-background-brightness: 5;
background-color: var(--color-background);
color: var(--color-on-background);
/* --- 1. SİTEDEKİ TÜM ÜRÜN GÖRSELLERİNİ 16:9 YAP (Kapsamlı Seçici) --- */
.grid .image, 
.grid--waffle .image,
.featured-product .image,
.collections-list__item-image-wrapper,
.image--background-color {
    aspect-ratio: 16 / 9 !important;
    padding-bottom: 56.25% !important; /* 16:9 Oranı */
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

/* --- 2. GÖRSEL İÇİ YERLEŞİM (Esnetme Yapmasın) --- */
.grid .image img, 
.grid--waffle .image img,
.image__object img {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Görseli kutuya tam yayar */
}

/* --- 3. SATIR VE SÜTUN BOŞLUKLARINI DARALT (GAP FIX) --- */
/* Izgara içindeki her bir kutunun (sütunun) kenar boşluklarını kısıyoruz */
.grid__column, 
.grid--waffle > .grid__column {
    padding-top: 8px !important;    /* Üstten boşluk */
    padding-bottom: 8px !important; /* Alttan boşluk (Satır arası) */
    padding-left: 8px !important;   /* Yandan boşluk */
    padding-right: 8px !important;
}

/* Konteynerin negatif marginlerini de buna göre ayarlıyoruz ki taşma olmasın */
.grid--waffle, 
.grid {
    margin-left: -8px !important;
    margin-right: -8px !important;
    margin-bottom: 0 !important;
}

/* --- 4. PREMIUM HOVER EFEKTİ --- */
.tile:hover .image,
.collections-list__item:hover .image {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}
}
#fw-section-featured-collection-0 {
--font-heading-scale: 1.08;
--font-body-scale: 1.19;
}
#fw-section-featured-collection-0 {
--color-primary: #ff0055;
--color-primary-rgb: 255, 0, 85;
--color-background: #050505;
--color-background-rgb: 5, 5, 5;
--color-on-primary: #071726;
--color-on-primary-rgb: 7, 23, 38;
--color-on-background: #00ffd5;
--color-on-background-rgb: 0, 255, 213;
--color-product-image-background: #00ffd5;
--color-background-brightness: 5;
background-color: var(--color-background);
color: var(--color-on-background);
/* --- 1. SİTEDEKİ TÜM ÜRÜN GÖRSELLERİNİ 16:9 YAP (Kapsamlı Seçici) --- */
.grid .image, 
.grid--waffle .image,
.featured-product .image,
.collections-list__item-image-wrapper,
.image--background-color {
    aspect-ratio: 16 / 9 !important;
    padding-bottom: 56.25% !important; /* 16:9 Oranı */
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

/* --- 2. GÖRSEL İÇİ YERLEŞİM (Esnetme Yapmasın) --- */
.grid .image img, 
.grid--waffle .image img,
.image__object img {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Görseli kutuya tam yayar */
}

/* --- 3. SATIR VE SÜTUN BOŞLUKLARINI DARALT (GAP FIX) --- */
/* Izgara içindeki her bir kutunun (sütunun) kenar boşluklarını kısıyoruz */
.grid__column, 
.grid--waffle > .grid__column {
    padding-top: 8px !important;    /* Üstten boşluk */
    padding-bottom: 8px !important; /* Alttan boşluk (Satır arası) */
    padding-left: 8px !important;   /* Yandan boşluk */
    padding-right: 8px !important;
}

/* Konteynerin negatif marginlerini de buna göre ayarlıyoruz ki taşma olmasın */
.grid--waffle, 
.grid {
    margin-left: -8px !important;
    margin-right: -8px !important;
    margin-bottom: 0 !important;
}

/* --- 4. PREMIUM HOVER EFEKTİ --- */
.tile:hover .image,
.collections-list__item:hover .image {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}
}


#fw-section-header {
--font-heading-scale: 1.0;
--font-body-scale: 1.25;
}
#fw-section-header {

/* Logo ikonunu tamamen gizler */
.header__logo-image {
    display: none !important;
}

/* Eğer logonun etrafındaki link alanının yarattığı 
boşluğu da yok etmek istersen bunu da ekleyebilirsin */
.header__logo-link {
    display: none !important;
}
}
#fw-section-product {

/* 1. Konteynırı 16:9 Oranına Çek (9 / 16 = 0.5625) */
.gallery__image-container::after {
    padding-bottom: 56.25% !important; 
}

/* 2. Görselin Kesilmesini Engelle */
.gallery__image-object {
    width: 100% !important;
    height: 100% !important;
    /* 'contain' sayesinde resmin tamamı kutunun içine sığar, asla kesilmez */
    object-fit: contain !important; 
    /* Resmin arkasında kalan boşluk senin seçtiğin siyah olsun */
    background-color: #050505 !important; 
}

/* 3. Kutunun Formunu ve Köşelerini Düzenle */
.gallery__image-container {
    height: auto !important;
    border-radius: 12px;
    overflow: hidden;
    background-color: #050505 !important;
}

/* 4. Yerleşimi Sabitle */
.gallery__image-holder {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.product-info__badges+.product-info__title {
    margin-top: -6px;
}
}