.elementor-62 .elementor-element.elementor-element-a6f43c3{--display:flex;--min-height:80vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-62 .elementor-element.elementor-element-a6f43c3:not(.elementor-motion-effects-element-type-background), .elementor-62 .elementor-element.elementor-element-a6f43c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6C757D1A;}.elementor-62 .elementor-element.elementor-element-4563e09{--display:flex;}.elementor-widget-heading .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-62 .elementor-element.elementor-element-011e774 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:60px;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-62 .elementor-element.elementor-element-6864e90{--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-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-62 .elementor-element.elementor-element-42af519 .elementor-button{font-family:"Mulish", Sans-serif;font-size:18px;font-weight:500;}.elementor-62 .elementor-element.elementor-element-c99350a .elementor-button{background-color:#C77DFF00;font-family:"Mulish", Sans-serif;font-size:18px;font-weight:500;fill:#C77DFF;color:#C77DFF;border-style:groove;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-62 .elementor-element.elementor-element-c99350a .elementor-button-content-wrapper{flex-direction:row;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-62 .elementor-element.elementor-element-ef4e522 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-62 .elementor-element.elementor-element-ef4e522 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-62 .elementor-element.elementor-element-ef4e522{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-62 .elementor-element.elementor-element-ef4e522 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-62 .elementor-element.elementor-element-d1c40f8{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-62 .elementor-element.elementor-element-7d4f8d4 img{border-radius:8px 8px 8px 8px;}.elementor-62 .elementor-element.elementor-element-2d12dc5{--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:space-between;}.elementor-62 .elementor-element.elementor-element-19becde{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-62 .elementor-element.elementor-element-52e0458{--display:flex;}.elementor-62 .elementor-element.elementor-element-52e0458:not(.elementor-motion-effects-element-type-background), .elementor-62 .elementor-element.elementor-element-52e0458 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ozdemircicek.com/wp-content/uploads/2026/01/superkahraman.jpg");background-size:cover;}.elementor-62 .elementor-element.elementor-element-211d3cd{--display:flex;}.elementor-62 .elementor-element.elementor-element-da380fb{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--align-content:center;}.elementor-62 .elementor-element.elementor-element-a7005ec{--display:flex;}.elementor-62 .elementor-element.elementor-element-73d5f6f{--display:flex;}.elementor-62 .elementor-element.elementor-element-f5ecd9f{--display:flex;}.elementor-62 .elementor-element.elementor-element-916be4e{--display:flex;}.elementor-62 .elementor-element.elementor-element-430e542{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-62 .elementor-element.elementor-element-a64c707{text-align:center;}.elementor-62 .elementor-element.elementor-element-4c00c2b{--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-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-62 .elementor-element.elementor-element-6ab668b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-62 .elementor-element.elementor-element-6ab668b.elementor-wc-products ul.products li.product span.onsale{display:block;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-62 .elementor-element.elementor-element-52e0458{--width:50%;}.elementor-62 .elementor-element.elementor-element-a7005ec{--width:48%;}.elementor-62 .elementor-element.elementor-element-73d5f6f{--width:48%;}.elementor-62 .elementor-element.elementor-element-f5ecd9f{--width:48%;}.elementor-62 .elementor-element.elementor-element-916be4e{--width:48%;}}@media(max-width:1024px){.elementor-62 .elementor-element.elementor-element-6ab668b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-62 .elementor-element.elementor-element-6ab668b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-6ab668b *//* --- ÇOK SATANLAR (Anasayfa) VİZYONER TASARIM --- */

/* 1. Ürün Kartı (Kutu Tasarımı) */
.elementor-62 .elementor-element.elementor-element-6ab668b 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-62 .elementor-element.elementor-element-6ab668b 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-62 .elementor-element.elementor-element-6ab668b 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-62 .elementor-element.elementor-element-6ab668b 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-62 .elementor-element.elementor-element-6ab668b 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-62 .elementor-element.elementor-element-6ab668b 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-62 .elementor-element.elementor-element-6ab668b 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-62 .elementor-element.elementor-element-6ab668b 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-62 .elementor-element.elementor-element-6ab668b 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-62 .elementor-element.elementor-element-6ab668b 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-62 .elementor-element.elementor-element-6ab668b a.added_to_cart:hover {
    color: #9b59b6 !important; /* Hover olunca Lila */
    text-decoration: underline !important;
}

/* Linkin sonuna ok işareti ekle */
.elementor-62 .elementor-element.elementor-element-6ab668b a.added_to_cart::after {
    content: " →";
    display: inline-block;
    transition: transform 0.3s ease;
}
.elementor-62 .elementor-element.elementor-element-6ab668b 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-62 .elementor-element.elementor-element-6ab668b 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-62 .elementor-element.elementor-element-6ab668b ul.products li.product .button.added::before,
.elementor-62 .elementor-element.elementor-element-6ab668b 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-62 .elementor-element.elementor-element-6ab668b 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-62 .elementor-element.elementor-element-6ab668b 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-62 .elementor-element.elementor-element-6ab668b 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-62 .elementor-element.elementor-element-6ab668b 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 */