.elementor-1697 .elementor-element.elementor-element-f078b85{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1697 .elementor-element.elementor-element-59d1e6e{--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;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1697 .elementor-element.elementor-element-38105af .elementor-button{background-color:#FAFAFA;fill:#3D3D3D;color:#3D3D3D;}.elementor-1697 .elementor-element.elementor-element-38105af .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1697 .elementor-element.elementor-element-6060b67{--swiper-slides-to-display:6;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:-10px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:-10px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:40px;}.elementor-1697 .elementor-element.elementor-element-6060b67 .swiper-slide > .elementor-element{height:100%;}.elementor-1697 .elementor-element.elementor-element-39bfe3a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1697 .elementor-element.elementor-element-db199c5{--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;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1697 .elementor-element.elementor-element-9484cea .elementor-button{background-color:#FAFAFA;fill:#3D3D3D;color:#3D3D3D;}.elementor-1697 .elementor-element.elementor-element-9484cea .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1697 .elementor-element.elementor-element-af4a340{--swiper-slides-to-display:6;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:-10px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:-10px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:40px;}.elementor-1697 .elementor-element.elementor-element-af4a340 .swiper-slide > .elementor-element{height:100%;}.elementor-1697 .elementor-element.elementor-element-eb91222{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1697 .elementor-element.elementor-element-f310bbf{--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;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1697 .elementor-element.elementor-element-1b8993a .elementor-button{background-color:#FAFAFA;fill:#3D3D3D;color:#3D3D3D;}.elementor-1697 .elementor-element.elementor-element-1b8993a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1697 .elementor-element.elementor-element-aa91a29{--swiper-slides-to-display:6;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:-10px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:-10px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:40px;}.elementor-1697 .elementor-element.elementor-element-aa91a29 .swiper-slide > .elementor-element{height:100%;}.elementor-1697 .elementor-element.elementor-element-2225c55{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1697 .elementor-element.elementor-element-a260bd6{--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;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1697 .elementor-element.elementor-element-19cf7ea .elementor-button{background-color:#FAFAFA;fill:#3D3D3D;color:#3D3D3D;}.elementor-1697 .elementor-element.elementor-element-19cf7ea .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1697 .elementor-element.elementor-element-f39b4ea{--swiper-slides-to-display:6;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:-10px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:-10px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:40px;}.elementor-1697 .elementor-element.elementor-element-f39b4ea .swiper-slide > .elementor-element{height:100%;}.elementor-1697 .elementor-element.elementor-element-db15d06{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1697 .elementor-element.elementor-element-85ca8ef{--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;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1697 .elementor-element.elementor-element-91ee54e .elementor-button{background-color:#FAFAFA;fill:#3D3D3D;color:#3D3D3D;}.elementor-1697 .elementor-element.elementor-element-91ee54e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1697 .elementor-element.elementor-element-eb59471{--swiper-slides-to-display:6;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:-10px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:-10px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:40px;}.elementor-1697 .elementor-element.elementor-element-eb59471 .swiper-slide > .elementor-element{height:100%;}.elementor-1697 .elementor-element.elementor-element-cafc6ed{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1697 .elementor-element.elementor-element-a19eff1{--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;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1697 .elementor-element.elementor-element-12e4513 .elementor-button{background-color:#FAFAFA;fill:#3D3D3D;color:#3D3D3D;}.elementor-1697 .elementor-element.elementor-element-12e4513 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1697 .elementor-element.elementor-element-3fe060e{--swiper-slides-to-display:6;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:-10px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:-10px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:40px;}.elementor-1697 .elementor-element.elementor-element-3fe060e .swiper-slide > .elementor-element{height:100%;}.elementor-1697 .elementor-element.elementor-element-2cf3fb1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1697 .elementor-element.elementor-element-c25bf20{--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;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1697 .elementor-element.elementor-element-4d4deeb .elementor-button{background-color:#FAFAFA;fill:#3D3D3D;color:#3D3D3D;}.elementor-1697 .elementor-element.elementor-element-4d4deeb .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1697 .elementor-element.elementor-element-61998d8{--swiper-slides-to-display:6;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:-10px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:-10px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:40px;}.elementor-1697 .elementor-element.elementor-element-61998d8 .swiper-slide > .elementor-element{height:100%;}.elementor-1697 .elementor-element.elementor-element-f43be3e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1697 .elementor-element.elementor-element-f4026c3{--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;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1697 .elementor-element.elementor-element-ddf8a41 .elementor-button{background-color:#FAFAFA;fill:#3D3D3D;color:#3D3D3D;}.elementor-1697 .elementor-element.elementor-element-ddf8a41 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1697 .elementor-element.elementor-element-fc86cd5{--swiper-slides-to-display:6;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:-10px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:-10px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:40px;}.elementor-1697 .elementor-element.elementor-element-fc86cd5 .swiper-slide > .elementor-element{height:100%;}.elementor-1697 .elementor-element.elementor-element-3aa9d70{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1697 .elementor-element.elementor-element-0cf3590{--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;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1697 .elementor-element.elementor-element-cdc1296 .elementor-button{background-color:#FAFAFA;fill:#3D3D3D;color:#3D3D3D;}.elementor-1697 .elementor-element.elementor-element-cdc1296 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1697 .elementor-element.elementor-element-c14f778{--swiper-slides-to-display:6;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:-10px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:-10px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:40px;}.elementor-1697 .elementor-element.elementor-element-c14f778 .swiper-slide > .elementor-element{height:100%;}.elementor-1697 .elementor-element.elementor-element-237f9d0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1697 .elementor-element.elementor-element-d9aa72d{--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;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1697 .elementor-element.elementor-element-111d6be .elementor-button{background-color:#FAFAFA;fill:#3D3D3D;color:#3D3D3D;}.elementor-1697 .elementor-element.elementor-element-111d6be .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1697 .elementor-element.elementor-element-40080d0{--swiper-slides-to-display:6;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:-10px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:-10px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:40px;}.elementor-1697 .elementor-element.elementor-element-40080d0 .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-1697 .elementor-element.elementor-element-6060b67{--swiper-slides-to-display:4;}.elementor-1697 .elementor-element.elementor-element-af4a340{--swiper-slides-to-display:4;}.elementor-1697 .elementor-element.elementor-element-aa91a29{--swiper-slides-to-display:4;}.elementor-1697 .elementor-element.elementor-element-f39b4ea{--swiper-slides-to-display:4;}.elementor-1697 .elementor-element.elementor-element-eb59471{--swiper-slides-to-display:4;}.elementor-1697 .elementor-element.elementor-element-3fe060e{--swiper-slides-to-display:4;}.elementor-1697 .elementor-element.elementor-element-61998d8{--swiper-slides-to-display:4;}.elementor-1697 .elementor-element.elementor-element-fc86cd5{--swiper-slides-to-display:4;}.elementor-1697 .elementor-element.elementor-element-c14f778{--swiper-slides-to-display:4;}.elementor-1697 .elementor-element.elementor-element-40080d0{--swiper-slides-to-display:4;}}@media(max-width:767px){.elementor-1697 .elementor-element.elementor-element-6060b67{--swiper-slides-to-display:2;}.elementor-1697 .elementor-element.elementor-element-af4a340{--swiper-slides-to-display:2;}.elementor-1697 .elementor-element.elementor-element-aa91a29{--swiper-slides-to-display:2;}.elementor-1697 .elementor-element.elementor-element-f39b4ea{--swiper-slides-to-display:2;}.elementor-1697 .elementor-element.elementor-element-eb59471{--swiper-slides-to-display:2;}.elementor-1697 .elementor-element.elementor-element-3fe060e{--swiper-slides-to-display:2;}.elementor-1697 .elementor-element.elementor-element-61998d8{--swiper-slides-to-display:2;}.elementor-1697 .elementor-element.elementor-element-fc86cd5{--swiper-slides-to-display:2;}.elementor-1697 .elementor-element.elementor-element-c14f778{--swiper-slides-to-display:2;}.elementor-1697 .elementor-element.elementor-element-40080d0{--swiper-slides-to-display:2;}}/* Start custom CSS for loop-carousel, class: .elementor-element-6060b67 *//* ===================================================== METBEE LOOP CAROUSEL Archive Posts kart görünümüyle eşleştirme ===================================================== */ /* Carousel içindeki kartların aynı yüksekliğe yayılması */ .elementor-1697 .elementor-element.elementor-element-6060b67 .swiper-wrapper { align-items: stretch; } /* Her slayt */ .elementor-1697 .elementor-element.elementor-element-6060b67 .swiper-slide { height: auto; padding: 0 !important; box-sizing: border-box; } /* Loop Item ana gövdesi */ .elementor-1697 .elementor-element.elementor-element-6060b67 .swiper-slide > .elementor, .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 { height: 100%; } /* ----------------------------------------------------- DIŞ LOOP CONTAINER Önceki 10px padding tamamen kaldırılıyor ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-ec21d93 { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; width: 100%; height: 100%; padding: 0 !important; margin: 0 !important; } /* ----------------------------------------------------- ASIL BEYAZ KART Archive Posts içindeki article kartının karşılığı ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-a85936b { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; --gap: 0px !important; --border-radius: 10px !important; display: flex !important; flex-direction: column !important; width: 100%; height: 100%; min-height: 100%; padding: 0 !important; margin: 0 !important; gap: 0 !important; background-color: #ffffff !important; border: none !important; border-radius: 10px !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; overflow: hidden !important; } /* Elementor arka plan katmanını da beyaz yap */ .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-a85936b:not( .elementor-motion-effects-element-type-background ), .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-a85936b > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #ffffff !important; } /* ----------------------------------------------------- ÜRÜN GÖRSELİ Kartın kenarlarına tam oturur ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 { flex: 0 0 auto; width: 100%; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; overflow: hidden; } /* Görsel bağlantısı */ .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 a { display: block; width: 100%; aspect-ratio: 1 / 1; padding: 0; margin: 0; overflow: hidden; } /* Görsel */ .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; border-radius: 0 !important; } /* Önceki zoom efektini tamamen iptal et */ .elementor-1697 .elementor-element.elementor-element-6060b67 .swiper-slide:hover .elementor-element.elementor-element-5d3d3b8 img { transform: none !important; } /* ----------------------------------------------------- ÜRÜN BAŞLIĞI Archive Posts .elementor-post__text görünümü ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-a5245d8 { width: 100%; margin: 0 !important; padding: 20px 20px 0 !important; } /* Başlık */ .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { min-height: 0 !important; margin: 0 !important; padding: 0 !important; color: #222222 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: -0.5px !important; text-transform: none !important; /* Önceki iki satır sınırlamasını kaldırır */ display: block !important; overflow: visible !important; -webkit-line-clamp: initial !important; -webkit-box-orient: initial !important; } /* Başlık linki */ .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a { color: inherit !important; font: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; text-decoration: none !important; } /* Target kartta olmayan hover rengini kaldır */ .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a:hover { color: inherit !important; } /* ----------------------------------------------------- FİYAT ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { width: 100%; margin: 0 !important; padding: 8px 20px 20px !important; } /* Fiyat yazısı */ .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #ff0000 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; } /* ----------------------------------------------------- TARGET KARTTA OLMAYAN HOVER EFEKTLERİNİ KALDIR ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-6060b67 .swiper-slide:hover .elementor-element.elementor-element-a85936b { transform: none !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; } /* ----------------------------------------------------- CAROUSEL GÖLGESİNİN ÜSTTEN/ALTTAN KESİLMEMESİ ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-loop-container { padding-top: 4px; padding-bottom: 4px; } /* ----------------------------------------------------- TABLET ----------------------------------------------------- */ @media (max-width: 1024px) { .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 20px 20px 0 !important; } .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 20px 20px !important; } } /* ----------------------------------------------------- MOBİL ----------------------------------------------------- */ @media (max-width: 767px) { .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 16px 16px 0 !important; } .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { font-size: 14px !important; line-height: 1.35 !important; } .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 16px 16px !important; } .elementor-1697 .elementor-element.elementor-element-6060b67 .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-af4a340 *//* ===================================================== METBEE LOOP CAROUSEL Archive Posts kart görünümüyle eşleştirme ===================================================== */ /* Carousel içindeki kartların aynı yüksekliğe yayılması */ .elementor-1697 .elementor-element.elementor-element-af4a340 .swiper-wrapper { align-items: stretch; } /* Her slayt */ .elementor-1697 .elementor-element.elementor-element-af4a340 .swiper-slide { height: auto; padding: 0 !important; box-sizing: border-box; } /* Loop Item ana gövdesi */ .elementor-1697 .elementor-element.elementor-element-af4a340 .swiper-slide > .elementor, .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 { height: 100%; } /* ----------------------------------------------------- DIŞ LOOP CONTAINER Önceki 10px padding tamamen kaldırılıyor ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-ec21d93 { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; width: 100%; height: 100%; padding: 0 !important; margin: 0 !important; } /* ----------------------------------------------------- ASIL BEYAZ KART Archive Posts içindeki article kartının karşılığı ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-a85936b { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; --gap: 0px !important; --border-radius: 10px !important; display: flex !important; flex-direction: column !important; width: 100%; height: 100%; min-height: 100%; padding: 0 !important; margin: 0 !important; gap: 0 !important; background-color: #ffffff !important; border: none !important; border-radius: 10px !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; overflow: hidden !important; } /* Elementor arka plan katmanını da beyaz yap */ .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-a85936b:not( .elementor-motion-effects-element-type-background ), .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-a85936b > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #ffffff !important; } /* ----------------------------------------------------- ÜRÜN GÖRSELİ Kartın kenarlarına tam oturur ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 { flex: 0 0 auto; width: 100%; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; overflow: hidden; } /* Görsel bağlantısı */ .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 a { display: block; width: 100%; aspect-ratio: 1 / 1; padding: 0; margin: 0; overflow: hidden; } /* Görsel */ .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; border-radius: 0 !important; } /* Önceki zoom efektini tamamen iptal et */ .elementor-1697 .elementor-element.elementor-element-af4a340 .swiper-slide:hover .elementor-element.elementor-element-5d3d3b8 img { transform: none !important; } /* ----------------------------------------------------- ÜRÜN BAŞLIĞI Archive Posts .elementor-post__text görünümü ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-a5245d8 { width: 100%; margin: 0 !important; padding: 20px 20px 0 !important; } /* Başlık */ .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { min-height: 0 !important; margin: 0 !important; padding: 0 !important; color: #222222 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: -0.5px !important; text-transform: none !important; /* Önceki iki satır sınırlamasını kaldırır */ display: block !important; overflow: visible !important; -webkit-line-clamp: initial !important; -webkit-box-orient: initial !important; } /* Başlık linki */ .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a { color: inherit !important; font: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; text-decoration: none !important; } /* Target kartta olmayan hover rengini kaldır */ .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a:hover { color: inherit !important; } /* ----------------------------------------------------- FİYAT ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { width: 100%; margin: 0 !important; padding: 8px 20px 20px !important; } /* Fiyat yazısı */ .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #ff0000 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; } /* ----------------------------------------------------- TARGET KARTTA OLMAYAN HOVER EFEKTLERİNİ KALDIR ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-af4a340 .swiper-slide:hover .elementor-element.elementor-element-a85936b { transform: none !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; } /* ----------------------------------------------------- CAROUSEL GÖLGESİNİN ÜSTTEN/ALTTAN KESİLMEMESİ ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-loop-container { padding-top: 4px; padding-bottom: 4px; } /* ----------------------------------------------------- TABLET ----------------------------------------------------- */ @media (max-width: 1024px) { .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 20px 20px 0 !important; } .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 20px 20px !important; } } /* ----------------------------------------------------- MOBİL ----------------------------------------------------- */ @media (max-width: 767px) { .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 16px 16px 0 !important; } .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { font-size: 14px !important; line-height: 1.35 !important; } .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 16px 16px !important; } .elementor-1697 .elementor-element.elementor-element-af4a340 .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-aa91a29 *//* ===================================================== METBEE LOOP CAROUSEL Archive Posts kart görünümüyle eşleştirme ===================================================== */ /* Carousel içindeki kartların aynı yüksekliğe yayılması */ .elementor-1697 .elementor-element.elementor-element-aa91a29 .swiper-wrapper { align-items: stretch; } /* Her slayt */ .elementor-1697 .elementor-element.elementor-element-aa91a29 .swiper-slide { height: auto; padding: 0 !important; box-sizing: border-box; } /* Loop Item ana gövdesi */ .elementor-1697 .elementor-element.elementor-element-aa91a29 .swiper-slide > .elementor, .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 { height: 100%; } /* ----------------------------------------------------- DIŞ LOOP CONTAINER Önceki 10px padding tamamen kaldırılıyor ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-ec21d93 { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; width: 100%; height: 100%; padding: 0 !important; margin: 0 !important; } /* ----------------------------------------------------- ASIL BEYAZ KART Archive Posts içindeki article kartının karşılığı ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-a85936b { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; --gap: 0px !important; --border-radius: 10px !important; display: flex !important; flex-direction: column !important; width: 100%; height: 100%; min-height: 100%; padding: 0 !important; margin: 0 !important; gap: 0 !important; background-color: #ffffff !important; border: none !important; border-radius: 10px !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; overflow: hidden !important; } /* Elementor arka plan katmanını da beyaz yap */ .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-a85936b:not( .elementor-motion-effects-element-type-background ), .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-a85936b > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #ffffff !important; } /* ----------------------------------------------------- ÜRÜN GÖRSELİ Kartın kenarlarına tam oturur ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 { flex: 0 0 auto; width: 100%; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; overflow: hidden; } /* Görsel bağlantısı */ .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 a { display: block; width: 100%; aspect-ratio: 1 / 1; padding: 0; margin: 0; overflow: hidden; } /* Görsel */ .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; border-radius: 0 !important; } /* Önceki zoom efektini tamamen iptal et */ .elementor-1697 .elementor-element.elementor-element-aa91a29 .swiper-slide:hover .elementor-element.elementor-element-5d3d3b8 img { transform: none !important; } /* ----------------------------------------------------- ÜRÜN BAŞLIĞI Archive Posts .elementor-post__text görünümü ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-a5245d8 { width: 100%; margin: 0 !important; padding: 20px 20px 0 !important; } /* Başlık */ .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { min-height: 0 !important; margin: 0 !important; padding: 0 !important; color: #222222 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: -0.5px !important; text-transform: none !important; /* Önceki iki satır sınırlamasını kaldırır */ display: block !important; overflow: visible !important; -webkit-line-clamp: initial !important; -webkit-box-orient: initial !important; } /* Başlık linki */ .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a { color: inherit !important; font: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; text-decoration: none !important; } /* Target kartta olmayan hover rengini kaldır */ .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a:hover { color: inherit !important; } /* ----------------------------------------------------- FİYAT ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { width: 100%; margin: 0 !important; padding: 8px 20px 20px !important; } /* Fiyat yazısı */ .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #ff0000 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; } /* ----------------------------------------------------- TARGET KARTTA OLMAYAN HOVER EFEKTLERİNİ KALDIR ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-aa91a29 .swiper-slide:hover .elementor-element.elementor-element-a85936b { transform: none !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; } /* ----------------------------------------------------- CAROUSEL GÖLGESİNİN ÜSTTEN/ALTTAN KESİLMEMESİ ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-loop-container { padding-top: 4px; padding-bottom: 4px; } /* ----------------------------------------------------- TABLET ----------------------------------------------------- */ @media (max-width: 1024px) { .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 20px 20px 0 !important; } .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 20px 20px !important; } } /* ----------------------------------------------------- MOBİL ----------------------------------------------------- */ @media (max-width: 767px) { .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 16px 16px 0 !important; } .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { font-size: 14px !important; line-height: 1.35 !important; } .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 16px 16px !important; } .elementor-1697 .elementor-element.elementor-element-aa91a29 .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-f39b4ea *//* ===================================================== METBEE LOOP CAROUSEL Archive Posts kart görünümüyle eşleştirme ===================================================== */ /* Carousel içindeki kartların aynı yüksekliğe yayılması */ .elementor-1697 .elementor-element.elementor-element-f39b4ea .swiper-wrapper { align-items: stretch; } /* Her slayt */ .elementor-1697 .elementor-element.elementor-element-f39b4ea .swiper-slide { height: auto; padding: 0 !important; box-sizing: border-box; } /* Loop Item ana gövdesi */ .elementor-1697 .elementor-element.elementor-element-f39b4ea .swiper-slide > .elementor, .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 { height: 100%; } /* ----------------------------------------------------- DIŞ LOOP CONTAINER Önceki 10px padding tamamen kaldırılıyor ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-ec21d93 { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; width: 100%; height: 100%; padding: 0 !important; margin: 0 !important; } /* ----------------------------------------------------- ASIL BEYAZ KART Archive Posts içindeki article kartının karşılığı ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-a85936b { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; --gap: 0px !important; --border-radius: 10px !important; display: flex !important; flex-direction: column !important; width: 100%; height: 100%; min-height: 100%; padding: 0 !important; margin: 0 !important; gap: 0 !important; background-color: #ffffff !important; border: none !important; border-radius: 10px !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; overflow: hidden !important; } /* Elementor arka plan katmanını da beyaz yap */ .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-a85936b:not( .elementor-motion-effects-element-type-background ), .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-a85936b > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #ffffff !important; } /* ----------------------------------------------------- ÜRÜN GÖRSELİ Kartın kenarlarına tam oturur ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-5d3d3b8 { flex: 0 0 auto; width: 100%; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; overflow: hidden; } /* Görsel bağlantısı */ .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-5d3d3b8 a { display: block; width: 100%; aspect-ratio: 1 / 1; padding: 0; margin: 0; overflow: hidden; } /* Görsel */ .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-5d3d3b8 img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; border-radius: 0 !important; } /* Önceki zoom efektini tamamen iptal et */ .elementor-1697 .elementor-element.elementor-element-f39b4ea .swiper-slide:hover .elementor-element.elementor-element-5d3d3b8 img { transform: none !important; } /* ----------------------------------------------------- ÜRÜN BAŞLIĞI Archive Posts .elementor-post__text görünümü ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-a5245d8 { width: 100%; margin: 0 !important; padding: 20px 20px 0 !important; } /* Başlık */ .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { min-height: 0 !important; margin: 0 !important; padding: 0 !important; color: #222222 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: -0.5px !important; text-transform: none !important; /* Önceki iki satır sınırlamasını kaldırır */ display: block !important; overflow: visible !important; -webkit-line-clamp: initial !important; -webkit-box-orient: initial !important; } /* Başlık linki */ .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a { color: inherit !important; font: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; text-decoration: none !important; } /* Target kartta olmayan hover rengini kaldır */ .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a:hover { color: inherit !important; } /* ----------------------------------------------------- FİYAT ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-ff6aa31 { width: 100%; margin: 0 !important; padding: 8px 20px 20px !important; } /* Fiyat yazısı */ .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #ff0000 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; } /* ----------------------------------------------------- TARGET KARTTA OLMAYAN HOVER EFEKTLERİNİ KALDIR ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-f39b4ea .swiper-slide:hover .elementor-element.elementor-element-a85936b { transform: none !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; } /* ----------------------------------------------------- CAROUSEL GÖLGESİNİN ÜSTTEN/ALTTAN KESİLMEMESİ ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-loop-container { padding-top: 4px; padding-bottom: 4px; } /* ----------------------------------------------------- TABLET ----------------------------------------------------- */ @media (max-width: 1024px) { .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 20px 20px 0 !important; } .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 20px 20px !important; } } /* ----------------------------------------------------- MOBİL ----------------------------------------------------- */ @media (max-width: 767px) { .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 16px 16px 0 !important; } .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { font-size: 14px !important; line-height: 1.35 !important; } .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 16px 16px !important; } .elementor-1697 .elementor-element.elementor-element-f39b4ea .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-eb59471 *//* ===================================================== METBEE LOOP CAROUSEL Archive Posts kart görünümüyle eşleştirme ===================================================== */ /* Carousel içindeki kartların aynı yüksekliğe yayılması */ .elementor-1697 .elementor-element.elementor-element-eb59471 .swiper-wrapper { align-items: stretch; } /* Her slayt */ .elementor-1697 .elementor-element.elementor-element-eb59471 .swiper-slide { height: auto; padding: 0 !important; box-sizing: border-box; } /* Loop Item ana gövdesi */ .elementor-1697 .elementor-element.elementor-element-eb59471 .swiper-slide > .elementor, .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 { height: 100%; } /* ----------------------------------------------------- DIŞ LOOP CONTAINER Önceki 10px padding tamamen kaldırılıyor ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-ec21d93 { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; width: 100%; height: 100%; padding: 0 !important; margin: 0 !important; } /* ----------------------------------------------------- ASIL BEYAZ KART Archive Posts içindeki article kartının karşılığı ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-a85936b { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; --gap: 0px !important; --border-radius: 10px !important; display: flex !important; flex-direction: column !important; width: 100%; height: 100%; min-height: 100%; padding: 0 !important; margin: 0 !important; gap: 0 !important; background-color: #ffffff !important; border: none !important; border-radius: 10px !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; overflow: hidden !important; } /* Elementor arka plan katmanını da beyaz yap */ .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-a85936b:not( .elementor-motion-effects-element-type-background ), .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-a85936b > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #ffffff !important; } /* ----------------------------------------------------- ÜRÜN GÖRSELİ Kartın kenarlarına tam oturur ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 { flex: 0 0 auto; width: 100%; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; overflow: hidden; } /* Görsel bağlantısı */ .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 a { display: block; width: 100%; aspect-ratio: 1 / 1; padding: 0; margin: 0; overflow: hidden; } /* Görsel */ .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; border-radius: 0 !important; } /* Önceki zoom efektini tamamen iptal et */ .elementor-1697 .elementor-element.elementor-element-eb59471 .swiper-slide:hover .elementor-element.elementor-element-5d3d3b8 img { transform: none !important; } /* ----------------------------------------------------- ÜRÜN BAŞLIĞI Archive Posts .elementor-post__text görünümü ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-a5245d8 { width: 100%; margin: 0 !important; padding: 20px 20px 0 !important; } /* Başlık */ .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { min-height: 0 !important; margin: 0 !important; padding: 0 !important; color: #222222 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: -0.5px !important; text-transform: none !important; /* Önceki iki satır sınırlamasını kaldırır */ display: block !important; overflow: visible !important; -webkit-line-clamp: initial !important; -webkit-box-orient: initial !important; } /* Başlık linki */ .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a { color: inherit !important; font: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; text-decoration: none !important; } /* Target kartta olmayan hover rengini kaldır */ .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a:hover { color: inherit !important; } /* ----------------------------------------------------- FİYAT ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { width: 100%; margin: 0 !important; padding: 8px 20px 20px !important; } /* Fiyat yazısı */ .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #ff0000 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; } /* ----------------------------------------------------- TARGET KARTTA OLMAYAN HOVER EFEKTLERİNİ KALDIR ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-eb59471 .swiper-slide:hover .elementor-element.elementor-element-a85936b { transform: none !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; } /* ----------------------------------------------------- CAROUSEL GÖLGESİNİN ÜSTTEN/ALTTAN KESİLMEMESİ ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-loop-container { padding-top: 4px; padding-bottom: 4px; } /* ----------------------------------------------------- TABLET ----------------------------------------------------- */ @media (max-width: 1024px) { .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 20px 20px 0 !important; } .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 20px 20px !important; } } /* ----------------------------------------------------- MOBİL ----------------------------------------------------- */ @media (max-width: 767px) { .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 16px 16px 0 !important; } .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { font-size: 14px !important; line-height: 1.35 !important; } .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 16px 16px !important; } .elementor-1697 .elementor-element.elementor-element-eb59471 .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-3fe060e *//* ===================================================== METBEE LOOP CAROUSEL Archive Posts kart görünümüyle eşleştirme ===================================================== */ /* Carousel içindeki kartların aynı yüksekliğe yayılması */ .elementor-1697 .elementor-element.elementor-element-3fe060e .swiper-wrapper { align-items: stretch; } /* Her slayt */ .elementor-1697 .elementor-element.elementor-element-3fe060e .swiper-slide { height: auto; padding: 0 !important; box-sizing: border-box; } /* Loop Item ana gövdesi */ .elementor-1697 .elementor-element.elementor-element-3fe060e .swiper-slide > .elementor, .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 { height: 100%; } /* ----------------------------------------------------- DIŞ LOOP CONTAINER Önceki 10px padding tamamen kaldırılıyor ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-ec21d93 { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; width: 100%; height: 100%; padding: 0 !important; margin: 0 !important; } /* ----------------------------------------------------- ASIL BEYAZ KART Archive Posts içindeki article kartının karşılığı ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-a85936b { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; --gap: 0px !important; --border-radius: 10px !important; display: flex !important; flex-direction: column !important; width: 100%; height: 100%; min-height: 100%; padding: 0 !important; margin: 0 !important; gap: 0 !important; background-color: #ffffff !important; border: none !important; border-radius: 10px !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; overflow: hidden !important; } /* Elementor arka plan katmanını da beyaz yap */ .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-a85936b:not( .elementor-motion-effects-element-type-background ), .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-a85936b > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #ffffff !important; } /* ----------------------------------------------------- ÜRÜN GÖRSELİ Kartın kenarlarına tam oturur ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-5d3d3b8 { flex: 0 0 auto; width: 100%; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; overflow: hidden; } /* Görsel bağlantısı */ .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-5d3d3b8 a { display: block; width: 100%; aspect-ratio: 1 / 1; padding: 0; margin: 0; overflow: hidden; } /* Görsel */ .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-5d3d3b8 img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; border-radius: 0 !important; } /* Önceki zoom efektini tamamen iptal et */ .elementor-1697 .elementor-element.elementor-element-3fe060e .swiper-slide:hover .elementor-element.elementor-element-5d3d3b8 img { transform: none !important; } /* ----------------------------------------------------- ÜRÜN BAŞLIĞI Archive Posts .elementor-post__text görünümü ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-a5245d8 { width: 100%; margin: 0 !important; padding: 20px 20px 0 !important; } /* Başlık */ .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { min-height: 0 !important; margin: 0 !important; padding: 0 !important; color: #222222 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: -0.5px !important; text-transform: none !important; /* Önceki iki satır sınırlamasını kaldırır */ display: block !important; overflow: visible !important; -webkit-line-clamp: initial !important; -webkit-box-orient: initial !important; } /* Başlık linki */ .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a { color: inherit !important; font: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; text-decoration: none !important; } /* Target kartta olmayan hover rengini kaldır */ .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a:hover { color: inherit !important; } /* ----------------------------------------------------- FİYAT ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-ff6aa31 { width: 100%; margin: 0 !important; padding: 8px 20px 20px !important; } /* Fiyat yazısı */ .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #ff0000 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; } /* ----------------------------------------------------- TARGET KARTTA OLMAYAN HOVER EFEKTLERİNİ KALDIR ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-3fe060e .swiper-slide:hover .elementor-element.elementor-element-a85936b { transform: none !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; } /* ----------------------------------------------------- CAROUSEL GÖLGESİNİN ÜSTTEN/ALTTAN KESİLMEMESİ ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-loop-container { padding-top: 4px; padding-bottom: 4px; } /* ----------------------------------------------------- TABLET ----------------------------------------------------- */ @media (max-width: 1024px) { .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 20px 20px 0 !important; } .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 20px 20px !important; } } /* ----------------------------------------------------- MOBİL ----------------------------------------------------- */ @media (max-width: 767px) { .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 16px 16px 0 !important; } .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { font-size: 14px !important; line-height: 1.35 !important; } .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 16px 16px !important; } .elementor-1697 .elementor-element.elementor-element-3fe060e .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-61998d8 *//* ===================================================== METBEE LOOP CAROUSEL Archive Posts kart görünümüyle eşleştirme ===================================================== */ /* Carousel içindeki kartların aynı yüksekliğe yayılması */ .elementor-1697 .elementor-element.elementor-element-61998d8 .swiper-wrapper { align-items: stretch; } /* Her slayt */ .elementor-1697 .elementor-element.elementor-element-61998d8 .swiper-slide { height: auto; padding: 0 !important; box-sizing: border-box; } /* Loop Item ana gövdesi */ .elementor-1697 .elementor-element.elementor-element-61998d8 .swiper-slide > .elementor, .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 { height: 100%; } /* ----------------------------------------------------- DIŞ LOOP CONTAINER Önceki 10px padding tamamen kaldırılıyor ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-ec21d93 { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; width: 100%; height: 100%; padding: 0 !important; margin: 0 !important; } /* ----------------------------------------------------- ASIL BEYAZ KART Archive Posts içindeki article kartının karşılığı ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-a85936b { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; --gap: 0px !important; --border-radius: 10px !important; display: flex !important; flex-direction: column !important; width: 100%; height: 100%; min-height: 100%; padding: 0 !important; margin: 0 !important; gap: 0 !important; background-color: #ffffff !important; border: none !important; border-radius: 10px !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; overflow: hidden !important; } /* Elementor arka plan katmanını da beyaz yap */ .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-a85936b:not( .elementor-motion-effects-element-type-background ), .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-a85936b > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #ffffff !important; } /* ----------------------------------------------------- ÜRÜN GÖRSELİ Kartın kenarlarına tam oturur ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 { flex: 0 0 auto; width: 100%; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; overflow: hidden; } /* Görsel bağlantısı */ .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 a { display: block; width: 100%; aspect-ratio: 1 / 1; padding: 0; margin: 0; overflow: hidden; } /* Görsel */ .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; border-radius: 0 !important; } /* Önceki zoom efektini tamamen iptal et */ .elementor-1697 .elementor-element.elementor-element-61998d8 .swiper-slide:hover .elementor-element.elementor-element-5d3d3b8 img { transform: none !important; } /* ----------------------------------------------------- ÜRÜN BAŞLIĞI Archive Posts .elementor-post__text görünümü ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-a5245d8 { width: 100%; margin: 0 !important; padding: 20px 20px 0 !important; } /* Başlık */ .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { min-height: 0 !important; margin: 0 !important; padding: 0 !important; color: #222222 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: -0.5px !important; text-transform: none !important; /* Önceki iki satır sınırlamasını kaldırır */ display: block !important; overflow: visible !important; -webkit-line-clamp: initial !important; -webkit-box-orient: initial !important; } /* Başlık linki */ .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a { color: inherit !important; font: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; text-decoration: none !important; } /* Target kartta olmayan hover rengini kaldır */ .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a:hover { color: inherit !important; } /* ----------------------------------------------------- FİYAT ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { width: 100%; margin: 0 !important; padding: 8px 20px 20px !important; } /* Fiyat yazısı */ .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #ff0000 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; } /* ----------------------------------------------------- TARGET KARTTA OLMAYAN HOVER EFEKTLERİNİ KALDIR ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-61998d8 .swiper-slide:hover .elementor-element.elementor-element-a85936b { transform: none !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; } /* ----------------------------------------------------- CAROUSEL GÖLGESİNİN ÜSTTEN/ALTTAN KESİLMEMESİ ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-loop-container { padding-top: 4px; padding-bottom: 4px; } /* ----------------------------------------------------- TABLET ----------------------------------------------------- */ @media (max-width: 1024px) { .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 20px 20px 0 !important; } .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 20px 20px !important; } } /* ----------------------------------------------------- MOBİL ----------------------------------------------------- */ @media (max-width: 767px) { .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 16px 16px 0 !important; } .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { font-size: 14px !important; line-height: 1.35 !important; } .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 16px 16px !important; } .elementor-1697 .elementor-element.elementor-element-61998d8 .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-fc86cd5 *//* ===================================================== METBEE LOOP CAROUSEL Archive Posts kart görünümüyle eşleştirme ===================================================== */ /* Carousel içindeki kartların aynı yüksekliğe yayılması */ .elementor-1697 .elementor-element.elementor-element-fc86cd5 .swiper-wrapper { align-items: stretch; } /* Her slayt */ .elementor-1697 .elementor-element.elementor-element-fc86cd5 .swiper-slide { height: auto; padding: 0 !important; box-sizing: border-box; } /* Loop Item ana gövdesi */ .elementor-1697 .elementor-element.elementor-element-fc86cd5 .swiper-slide > .elementor, .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 { height: 100%; } /* ----------------------------------------------------- DIŞ LOOP CONTAINER Önceki 10px padding tamamen kaldırılıyor ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-ec21d93 { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; width: 100%; height: 100%; padding: 0 !important; margin: 0 !important; } /* ----------------------------------------------------- ASIL BEYAZ KART Archive Posts içindeki article kartının karşılığı ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-a85936b { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; --gap: 0px !important; --border-radius: 10px !important; display: flex !important; flex-direction: column !important; width: 100%; height: 100%; min-height: 100%; padding: 0 !important; margin: 0 !important; gap: 0 !important; background-color: #ffffff !important; border: none !important; border-radius: 10px !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; overflow: hidden !important; } /* Elementor arka plan katmanını da beyaz yap */ .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-a85936b:not( .elementor-motion-effects-element-type-background ), .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-a85936b > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #ffffff !important; } /* ----------------------------------------------------- ÜRÜN GÖRSELİ Kartın kenarlarına tam oturur ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 { flex: 0 0 auto; width: 100%; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; overflow: hidden; } /* Görsel bağlantısı */ .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 a { display: block; width: 100%; aspect-ratio: 1 / 1; padding: 0; margin: 0; overflow: hidden; } /* Görsel */ .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; border-radius: 0 !important; } /* Önceki zoom efektini tamamen iptal et */ .elementor-1697 .elementor-element.elementor-element-fc86cd5 .swiper-slide:hover .elementor-element.elementor-element-5d3d3b8 img { transform: none !important; } /* ----------------------------------------------------- ÜRÜN BAŞLIĞI Archive Posts .elementor-post__text görünümü ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-a5245d8 { width: 100%; margin: 0 !important; padding: 20px 20px 0 !important; } /* Başlık */ .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { min-height: 0 !important; margin: 0 !important; padding: 0 !important; color: #222222 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: -0.5px !important; text-transform: none !important; /* Önceki iki satır sınırlamasını kaldırır */ display: block !important; overflow: visible !important; -webkit-line-clamp: initial !important; -webkit-box-orient: initial !important; } /* Başlık linki */ .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a { color: inherit !important; font: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; text-decoration: none !important; } /* Target kartta olmayan hover rengini kaldır */ .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a:hover { color: inherit !important; } /* ----------------------------------------------------- FİYAT ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { width: 100%; margin: 0 !important; padding: 8px 20px 20px !important; } /* Fiyat yazısı */ .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #ff0000 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; } /* ----------------------------------------------------- TARGET KARTTA OLMAYAN HOVER EFEKTLERİNİ KALDIR ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-fc86cd5 .swiper-slide:hover .elementor-element.elementor-element-a85936b { transform: none !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; } /* ----------------------------------------------------- CAROUSEL GÖLGESİNİN ÜSTTEN/ALTTAN KESİLMEMESİ ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-loop-container { padding-top: 4px; padding-bottom: 4px; } /* ----------------------------------------------------- TABLET ----------------------------------------------------- */ @media (max-width: 1024px) { .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 20px 20px 0 !important; } .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 20px 20px !important; } } /* ----------------------------------------------------- MOBİL ----------------------------------------------------- */ @media (max-width: 767px) { .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 16px 16px 0 !important; } .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { font-size: 14px !important; line-height: 1.35 !important; } .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 16px 16px !important; } .elementor-1697 .elementor-element.elementor-element-fc86cd5 .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-c14f778 *//* ===================================================== METBEE LOOP CAROUSEL Archive Posts kart görünümüyle eşleştirme ===================================================== */ /* Carousel içindeki kartların aynı yüksekliğe yayılması */ .elementor-1697 .elementor-element.elementor-element-c14f778 .swiper-wrapper { align-items: stretch; } /* Her slayt */ .elementor-1697 .elementor-element.elementor-element-c14f778 .swiper-slide { height: auto; padding: 0 !important; box-sizing: border-box; } /* Loop Item ana gövdesi */ .elementor-1697 .elementor-element.elementor-element-c14f778 .swiper-slide > .elementor, .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 { height: 100%; } /* ----------------------------------------------------- DIŞ LOOP CONTAINER Önceki 10px padding tamamen kaldırılıyor ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-ec21d93 { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; width: 100%; height: 100%; padding: 0 !important; margin: 0 !important; } /* ----------------------------------------------------- ASIL BEYAZ KART Archive Posts içindeki article kartının karşılığı ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-a85936b { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; --gap: 0px !important; --border-radius: 10px !important; display: flex !important; flex-direction: column !important; width: 100%; height: 100%; min-height: 100%; padding: 0 !important; margin: 0 !important; gap: 0 !important; background-color: #ffffff !important; border: none !important; border-radius: 10px !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; overflow: hidden !important; } /* Elementor arka plan katmanını da beyaz yap */ .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-a85936b:not( .elementor-motion-effects-element-type-background ), .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-a85936b > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #ffffff !important; } /* ----------------------------------------------------- ÜRÜN GÖRSELİ Kartın kenarlarına tam oturur ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 { flex: 0 0 auto; width: 100%; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; overflow: hidden; } /* Görsel bağlantısı */ .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 a { display: block; width: 100%; aspect-ratio: 1 / 1; padding: 0; margin: 0; overflow: hidden; } /* Görsel */ .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; border-radius: 0 !important; } /* Önceki zoom efektini tamamen iptal et */ .elementor-1697 .elementor-element.elementor-element-c14f778 .swiper-slide:hover .elementor-element.elementor-element-5d3d3b8 img { transform: none !important; } /* ----------------------------------------------------- ÜRÜN BAŞLIĞI Archive Posts .elementor-post__text görünümü ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-a5245d8 { width: 100%; margin: 0 !important; padding: 20px 20px 0 !important; } /* Başlık */ .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { min-height: 0 !important; margin: 0 !important; padding: 0 !important; color: #222222 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: -0.5px !important; text-transform: none !important; /* Önceki iki satır sınırlamasını kaldırır */ display: block !important; overflow: visible !important; -webkit-line-clamp: initial !important; -webkit-box-orient: initial !important; } /* Başlık linki */ .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a { color: inherit !important; font: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; text-decoration: none !important; } /* Target kartta olmayan hover rengini kaldır */ .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a:hover { color: inherit !important; } /* ----------------------------------------------------- FİYAT ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { width: 100%; margin: 0 !important; padding: 8px 20px 20px !important; } /* Fiyat yazısı */ .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #ff0000 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; } /* ----------------------------------------------------- TARGET KARTTA OLMAYAN HOVER EFEKTLERİNİ KALDIR ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-c14f778 .swiper-slide:hover .elementor-element.elementor-element-a85936b { transform: none !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; } /* ----------------------------------------------------- CAROUSEL GÖLGESİNİN ÜSTTEN/ALTTAN KESİLMEMESİ ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-loop-container { padding-top: 4px; padding-bottom: 4px; } /* ----------------------------------------------------- TABLET ----------------------------------------------------- */ @media (max-width: 1024px) { .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 20px 20px 0 !important; } .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 20px 20px !important; } } /* ----------------------------------------------------- MOBİL ----------------------------------------------------- */ @media (max-width: 767px) { .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 16px 16px 0 !important; } .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { font-size: 14px !important; line-height: 1.35 !important; } .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 16px 16px !important; } .elementor-1697 .elementor-element.elementor-element-c14f778 .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-40080d0 *//* ===================================================== METBEE LOOP CAROUSEL Archive Posts kart görünümüyle eşleştirme ===================================================== */ /* Carousel içindeki kartların aynı yüksekliğe yayılması */ .elementor-1697 .elementor-element.elementor-element-40080d0 .swiper-wrapper { align-items: stretch; } /* Her slayt */ .elementor-1697 .elementor-element.elementor-element-40080d0 .swiper-slide { height: auto; padding: 0 !important; box-sizing: border-box; } /* Loop Item ana gövdesi */ .elementor-1697 .elementor-element.elementor-element-40080d0 .swiper-slide > .elementor, .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 { height: 100%; } /* ----------------------------------------------------- DIŞ LOOP CONTAINER Önceki 10px padding tamamen kaldırılıyor ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-ec21d93 { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; width: 100%; height: 100%; padding: 0 !important; margin: 0 !important; } /* ----------------------------------------------------- ASIL BEYAZ KART Archive Posts içindeki article kartının karşılığı ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-a85936b { --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; --gap: 0px !important; --border-radius: 10px !important; display: flex !important; flex-direction: column !important; width: 100%; height: 100%; min-height: 100%; padding: 0 !important; margin: 0 !important; gap: 0 !important; background-color: #ffffff !important; border: none !important; border-radius: 10px !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; overflow: hidden !important; } /* Elementor arka plan katmanını da beyaz yap */ .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-a85936b:not( .elementor-motion-effects-element-type-background ), .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-a85936b > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #ffffff !important; } /* ----------------------------------------------------- ÜRÜN GÖRSELİ Kartın kenarlarına tam oturur ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 { flex: 0 0 auto; width: 100%; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; overflow: hidden; } /* Görsel bağlantısı */ .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 a { display: block; width: 100%; aspect-ratio: 1 / 1; padding: 0; margin: 0; overflow: hidden; } /* Görsel */ .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-5d3d3b8 img { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; border-radius: 0 !important; } /* Önceki zoom efektini tamamen iptal et */ .elementor-1697 .elementor-element.elementor-element-40080d0 .swiper-slide:hover .elementor-element.elementor-element-5d3d3b8 img { transform: none !important; } /* ----------------------------------------------------- ÜRÜN BAŞLIĞI Archive Posts .elementor-post__text görünümü ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-a5245d8 { width: 100%; margin: 0 !important; padding: 20px 20px 0 !important; } /* Başlık */ .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { min-height: 0 !important; margin: 0 !important; padding: 0 !important; color: #222222 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: -0.5px !important; text-transform: none !important; /* Önceki iki satır sınırlamasını kaldırır */ display: block !important; overflow: visible !important; -webkit-line-clamp: initial !important; -webkit-box-orient: initial !important; } /* Başlık linki */ .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a { color: inherit !important; font: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; text-decoration: none !important; } /* Target kartta olmayan hover rengini kaldır */ .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title a:hover { color: inherit !important; } /* ----------------------------------------------------- FİYAT ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { width: 100%; margin: 0 !important; padding: 8px 20px 20px !important; } /* Fiyat yazısı */ .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #ff0000 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.25 !important; letter-spacing: 0 !important; } /* ----------------------------------------------------- TARGET KARTTA OLMAYAN HOVER EFEKTLERİNİ KALDIR ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-40080d0 .swiper-slide:hover .elementor-element.elementor-element-a85936b { transform: none !important; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26) !important; } /* ----------------------------------------------------- CAROUSEL GÖLGESİNİN ÜSTTEN/ALTTAN KESİLMEMESİ ----------------------------------------------------- */ .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-loop-container { padding-top: 4px; padding-bottom: 4px; } /* ----------------------------------------------------- TABLET ----------------------------------------------------- */ @media (max-width: 1024px) { .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 20px 20px 0 !important; } .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 20px 20px !important; } } /* ----------------------------------------------------- MOBİL ----------------------------------------------------- */ @media (max-width: 767px) { .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-a5245d8 { padding: 16px 16px 0 !important; } .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-a5245d8 .elementor-heading-title { font-size: 14px !important; line-height: 1.35 !important; } .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-ff6aa31 { padding: 8px 16px 16px !important; } .elementor-1697 .elementor-element.elementor-element-40080d0 .elementor-1574 .elementor-element.elementor-element-ff6aa31 .elementor-heading-title { font-size: 16px !important; } }/* End custom CSS */