.elementor-1986 .elementor-element.elementor-element-7107599{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1986 .elementor-element.elementor-element-aab818a{--display:flex;--gap:25px 25px;--row-gap:25px;--column-gap:25px;}@media(min-width:768px){.elementor-1986 .elementor-element.elementor-element-aab818a{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1986 .elementor-element.elementor-element-aab818a{--width:100%;}}/* Start custom CSS for wd_archive_products, class: .elementor-element-e63ba77 *//* 1. Kategori/Ürün Alanının Üst ve Alt Boşluğu */
.elementor-1986 .elementor-element.elementor-element-e63ba77 {
    padding-top: 0px !important;    /* Üst boşluk: İhtiyacınıza göre bu değeri değiştirebilirsiniz */
    padding-bottom:0px !important; /* Alt boşluk: İhtiyacınıza göre bu değeri değiştirebilirsiniz */
}

/* 2. Ürünlerin Kendi Arasındaki 20px Boşluk (Izgara Yapısı) */
.elementor-1986 .elementor-element.elementor-element-e63ba77 ul.products,
.elementor-1986 .elementor-element.elementor-element-e63ba77 .elementor-widget-container .products,
.elementor-1986 .elementor-element.elementor-element-e63ba77 .elementor-loop-container {
    gap: 10px !important;             /* Hem yatay hem dikey aralığı 20px yapar */
    grid-row-gap: 50px !important;    /* Alt alta olan ürünlerin mesafesi (Eski tarayıcı desteği) */
    grid-column-gap: 10px !important; /* Yan yana olan ürünlerin mesafesi (Eski tarayıcı desteği) */
}

/* Eğer sütunlar esnek (flex) yapıda çalışıyorsa (alternatif destek) */
.elementor-1986 .elementor-element.elementor-element-e63ba77 ul.products li.product {
    margin-bottom: 20px !important; /* Eğer üstteki 'gap' kodu temanızda çalışmazsa bu devreye girer */
}
/* Sadece ürün görsellerini hedefler, temanın buton/ok yapılarına dokunmaz */
.elementor-1986 .elementor-element.elementor-element-e63ba77 .woocommerce-loop-product__link img,
.elementor-1986 .elementor-element.elementor-element-e63ba77 .product-image img,
.elementor-1986 .elementor-element.elementor-element-e63ba77 .product-element-top img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important; /* Görseli kusursuz kare (1:1) oranına zorlar */
    object-fit: cover !important;   /* Görseli sündürmeden kırparak alana oturtur */
    object-position: center !important;
}/* End custom CSS */