.elementor-195 .elementor-element.elementor-element-0c44221{--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;}.elementor-195 .elementor-element.elementor-element-d65d8b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-195 .elementor-element.elementor-element-213e294{--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;}.elementor-195 .elementor-element.elementor-element-fd0f9e7{--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;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-195 .elementor-element.elementor-element-2c98a03{text-align:start;}.elementor-195 .elementor-element.elementor-element-80d38d1{--display:flex;}.elementor-195 .elementor-element.elementor-element-e3784a3{--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;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-195 .elementor-element.elementor-element-5ce8481.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-195 .elementor-element.elementor-element-5ce8481.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-195 .elementor-element.elementor-element-5ce8481.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-195 .elementor-element.elementor-element-5ce8481.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-5ce8481 *//* --- ÇOK SATANLAR (Anasayfa) VİZYONER TASARIM --- */

/* 1. Ürün Kartı (Kutu Tasarımı) */
.elementor-195 .elementor-element.elementor-element-5ce8481 ul.products li.product {
    background-color: #ffffff;
    border: 1px solid #f5f5f5; /* Çok hafif çerçeve */
    border-radius: 16px; /* Yuvarlak Köşeler */
    padding: 20px !important; /* İçeriden boşluk */
    text-align: center; /* Her şeyi ortala */
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.02); /* Çok hafif gölge */
}

/* Hover (Üzerine Gelince) Kart Efekti */
.elementor-195 .elementor-element.elementor-element-5ce8481 ul.products li.product:hover {
    transform: translateY(-5px); /* Yukarı zıpla */
    box-shadow: 0 15px 30px rgba(0,0,0,0.08); /* Gölgeyi belirginleştir */
    border-color: #e0e0e0;
}

/* 2. Ürün Görseli */
.elementor-195 .elementor-element.elementor-element-5ce8481 ul.products li.product img {
    border-radius: 12px !important;
    margin-bottom: 15px !important;
    width: 100%;
    height: auto;
    object-fit: cover; /* Resmi kutuya sığdır */
}

/* 3. Ürün Başlığı */
.elementor-195 .elementor-element.elementor-element-5ce8481 ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Mulish', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
    line-height: 1.4 !important;
}

/* 4. Fiyat */
.elementor-195 .elementor-element.elementor-element-5ce8481 ul.products li.product .price {
    font-family: 'Mulish', sans-serif;
    color: #9b59b6 !important; /* LİLA RENK */
    font-weight: 700 !important;
    font-size: 16px !important;
    display: block;
    margin-bottom: 15px !important;
}

.elementor-195 .elementor-element.elementor-element-5ce8481 ul.products li.product .price del {
    color: #b0b0b0 !important; /* İndirimdeki eski fiyat gri */
    font-size: 13px !important;
    opacity: 0.7;
}

/* 5. "Sepete Ekle" Butonu (Dönüşüm) */
.elementor-195 .elementor-element.elementor-element-5ce8481 ul.products li.product .button {
    background-color: #1a1a1a !important; /* Siyah Arkaplan */
    color: #fff !important;
    font-family: 'Mulish', sans-serif;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 10px 25px !important;
    border-radius: 50px !important; /* HAP ŞEKLİ */
    border: none !important;
    display: inline-block;
    margin-top: auto; /* En alta it */
    transition: all 0.3s ease;
}

/* Buton Hover Efekti */
.elementor-195 .elementor-element.elementor-element-5ce8481 ul.products li.product .button:hover {
    background-color: #9b59b6 !important; /* Lila Olur */
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(155, 89, 182, 0.4); /* Lila Gölge */
}

/* Yükleniyor İkonu (Loading) */
.elementor-195 .elementor-element.elementor-element-5ce8481 ul.products li.product .button.loading {
    opacity: 0.7;
    padding-right: 40px !important;
}
/* --- 1. "SEPETİM" YAZISINI DÜZELTME --- */
/* Butondan sonra çıkan linki aşağı al ve güzelleştir */
.elementor-195 .elementor-element.elementor-element-5ce8481 a.added_to_cart {
    display: block !important; /* Alt satıra indir */
    margin-top: 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important; /* Siyah Yazı */
    text-decoration: none !important;
    transition: all 0.3s ease;
    opacity: 0;
    animation: fadeIn 0.5s forwards 0.3s; /* Hafif gecikmeli gelsin */
}

.elementor-195 .elementor-element.elementor-element-5ce8481 a.added_to_cart:hover {
    color: #9b59b6 !important; /* Hover olunca Lila */
    text-decoration: underline !important;
}

/* Linkin sonuna ok işareti ekle */
.elementor-195 .elementor-element.elementor-element-5ce8481 a.added_to_cart::after {
    content: " →";
    display: inline-block;
    transition: transform 0.3s ease;
}
.elementor-195 .elementor-element.elementor-element-5ce8481 a.added_to_cart:hover::after {
    transform: translateX(5px);
}

/* Linkin Animasyonu */
@keyframes fadeIn {
    to { opacity: 1; }
}

/* --- 2. SEPETE EKLENDİ (KONFETİ & POP EFEKTİ) --- */

/* Buton "Eklendi" (added) sınıfını aldığında */
.elementor-195 .elementor-element.elementor-element-5ce8481 ul.products li.product .button.added {
    background-color: #27ae60 !important; /* Başarılı Yeşili (veya Lila yapabilirsin) */
    color: #fff !important;
    padding-right: 25px !important; /* Tik işareti için yer */
    transform: scale(1);
    animation: popButton 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: visible !important; /* Konfetilerin dışarı taşmasına izin ver */
}

/* Konfeti Parçacıkları (CSS İle Hile) */
.elementor-195 .elementor-element.elementor-element-5ce8481 ul.products li.product .button.added::before,
.elementor-195 .elementor-element.elementor-element-5ce8481 ul.products li.product .button.added::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: -1;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    pointer-events: none;
}

/* --- VARYASYON 2: YUKARI FIRLAYAN PARÇACIKLAR --- */

/* Butonun Kendisinin Hareketi (Yukarı Doğru İtme) */
.elementor-195 .elementor-element.elementor-element-5ce8481 ul.products li.product .button.added {
    background-color: #27ae60 !important; /* Başarılı yeşili */
    animation: pushUpBtn 0.4s ease-out;
    position: relative;
    overflow: visible !important;
}

/* Parçacıklar (CSS box-shadow hilesi ile çoklu nokta) */
.elementor-195 .elementor-element.elementor-element-5ce8481 ul.products li.product .button.added::before {
    content: "";
    position: absolute;
    top: 20%; /* Butonun üst kısmından başla */
    left: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    pointer-events: none;
    transform: translateX(-50%);
    opacity: 0;
    /* Başlangıçta butonun arkasında gizli renkli noktalar */
    box-shadow: 
        -15px 0 #9b59b6, /* Lila */
        15px 0 #3498db,  /* Mavi */
        -10px 10px #f1c40f, /* Sarı */
        10px 10px #e74c3c;  /* Kırmızı */
    animation: particlesUp 0.8s ease-out forwards;
}

/* --- ANİMASYONLAR --- */
@keyframes pushUpBtn {
    0% { transform: translateY(0); }
    50% { transform: translateY(-5px); } /* Yukarı itilme hissi */
    100% { transform: translateY(0); }
}

@keyframes particlesUp {
    0% {
        opacity: 1;
        top: 20%;
        scale: 0.5;
    }
    100% {
        opacity: 0;
        top: -40px; /* Yukarı doğru uçuş */
        scale: 1.5;
        /* Noktalar yukarı çıkarken birbirinden uzaklaşır */
        box-shadow: 
            -30px -20px #9b59b6,
            30px -20px #3498db,
            -20px 0px #f1c40f,
            20px 0px #e74c3c;
    }
}

/* --- ANİMASYONLAR --- */
@keyframes elegantPop {
    0% { transform: scale(1); }
    40% { transform: scale(1.1); } /* Hafifçe büyür */
    100% { transform: scale(1); }
}

@keyframes lilaShockwave {
    0% {
        box-shadow: 0 0 0 0 rgba(155, 89, 182, 0.8);
        opacity: 1;
    }
    100% {
        /* Gölgeyi dışarı doğru 60px genişlet ve şeffaflaştır */
        box-shadow: 0 0 0 60px rgba(155, 89, 182, 0);
        opacity: 0;
    }
}
}

/* 2. Renkli Noktalar (Gradients ile Konfeti Taklidi) */
.elementor-195 .elementor-element.elementor-element-5ce8481 ul.products li.product .button.added::after {
    background: radial-gradient(circle, #ff0 10%, transparent 10%), 
                radial-gradient(circle, #f0f 10%, transparent 10%), 
                radial-gradient(circle, #0ff 10%, transparent 10%), 
                radial-gradient(circle, #0f0 10%, transparent 10%);
    background-size: 20% 20%;
    background-position: 0% 0%, 100% 0%, 100% 100%, 0% 100%;
    animation: confettiPop 0.6s ease-out;
}

/* --- ANİMASYON TANIMLARI --- */
@keyframes popButton {
    0% { transform: scale(1); }
    50% { transform: scale(1.15); } /* Hafifçe büyür */
    100% { transform: scale(1); } /* Yerine oturur */
}

@keyframes ringPop {
    0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; border-width: 5px; }
    100% { transform: translate(-50%, -50%) scale(2); opacity: 0; border-width: 0px; }
}

@keyframes confettiPop {
    0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; background-position: 50% 50%; }
    100% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; background-position: 0% 0%, 100% 0%, 100% 100%, 0% 100%; }
}

/* Tik işaretini (✔) biraz düzeltelim */
.elementor-195 .elementor-element.elementor-element-5ce8481 ul.products li.product .button.added::after {
    /* Font Awesome ikonu WooCommerce tarafından zaten ekleniyor, biz sadece konumunu koruyalım */
    margin-left: 0; 
}/* End custom CSS */