.marka-module-main-div{
    background:#f9f9f9 ;
padding:20px 0;
margin: 0px 0;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
}

.swiper-clients {
width: 100%;
height: 100%;
position: relative;
}
.swiper-clients .swiper-slide {
text-align: center;
padding: 5px 10px;
height: 85px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-clients .swiper-slide img{
max-height: 90px;
max-width: 90%;
}



/* Üst Slider için devam */
@media screen and (max-width:374px) and (min-width:0px) {
.swiper-container {
    width: 93% !important;
height: 60px !important;
}
}
@media screen and (max-width:409px) and (min-width:375px) {
.swiper-container {
    width: 93% !important;
height: 100px !important;
}
}
@media screen and (max-width:599px) and (min-width:410px) {
.swiper-container {
    width: 93% !important;
height: 120px !important;
}
}
@media screen and (max-width:767px) and (min-width:600px) {
.swiper-container {
    width: 93% !important;
height: 150px !important;
}
}
@media screen and (max-width:1023px) and (min-width:768px) {
.swiper-container {
    width: 93% !important;
height: 170px !important;
}
.slider_text_inside_box_h{
    font-size: 42px !important ;
    line-height: 42px !important ;
}
}
@media screen and (max-width:1151px) and (min-width:1024px) {
.swiper-container {
    width: 93% !important;
height: 260px !important;
}
.slider_text_inside_box_h{
    font-size: 42px !important ;
    line-height: 42px !important ;
}
}
@media screen and (max-width:1279px) and (min-width:1152px) {
.swiper-container {
    width: 93% !important;
height: 275px !important;
}
.slider_text_inside_box_h{
    font-size: 42px !important ;
    line-height: 42px !important ;
}
}

@media screen and (max-width:1300px) and (min-width:1280px) {
.swiper-container {
    width: 1200px !important;
height: 305px !important;
}
.slider_text_inside_box_h{
    font-size: 42px !important ;
    line-height: 42px !important ;
}
}

@media screen and (max-width:1600px) and (min-width:1441px) {
.swiper-container{  height: 315px; }
}
@media screen and (max-width:1680px) and (min-width:1601px) {
.swiper-container{  height: 315px; }
}
.swiper-container {
height: 315px;
    width: 100%;
    max-width: 1600px;
margin: 0 auto;
margin-bottom: 10px;
margin-top: 10px;
}


.swiper-slide {
width: 100% ;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
}


[class^="swiper-button-"] {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
[class^="swiper-button-"] {
width: 44px;
opacity: 0;
visibility: hidden;
}
.swiper-button-prev {
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
.swiper-button-next {
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1 !important;
visibility: visible;
}
.swiper-pagination-bullet-active {
width: 28px!important;
height: 7px!important;
opacity: 1 !important;
background-color: #ebd445 !important;
}
.swiper-container .swiper-pagination{
display: none !important;
}
.swiper-container [class^="swiper-pagination-bullet"]{
width: 13px;
height: 7px;
border-radius:100px !important;
transition: all .3s ease;
opacity:.7;
background: #fff
}
/*  <========SON=========>>> Üst Slider için devam SON */









/* Sayaç */
.counter-module-main-div{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
    background:#ffffff ;
padding:50px 0;
margin: 0px 0;
font-family : 'Roboto Condensed',sans-serif ;
}



/* Blog */
.bloglar-module-main-div{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
font-family : 'Open Sans',sans-serif ;
    background:#ffffff ;
padding:35px 0;
margin: 0px 0;
}


/* Comments */
.yorumlar-module-main-div{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
font-family : 'Open Sans',sans-serif ;
    background:#ffffff ;
padding:55px 0;
margin: 0px 0;
}
.swiper-comments .swiper-slide {
width: 100%;
display: block;
box-sizing: border-box;
text-align: center;
cursor: grab;
}
.swiper-comments .swiper-pagination-bullet-active {
width: 22px!important;
height: 8px!important;
border-radius: 100px !important;
background-color: #e68484 !important;
}
.swiper-comments [class^="swiper-pagination-bullet"]{
width: 13px;
height: 8px;
border-radius: 100px !important;
transition: all .3s ease;
opacity:.2;
}


/* Hizmetler */
.hizmetler-module-main-div{
border-top: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;

font-family : 'Open Sans',sans-serif ;
    background:#f8f8f8 ;
padding:30px 0;
margin: 0px 0;
}




/* Tanıtım Videosu */
.intro-video-module-main-div{
    background:#b0284a ;
padding:125px 0;
margin: 0px 0;
}
.video-play-button:before {
background: #ba1f24;
}
.video-play-button:after {
background: #fa183d;
}
.video-play-button:hover:after {
background-color: #da0528;
}
.video-play-button span {
border-left: 32px solid #ffffff;
}

/* foto galeri */
.pgallery-module-main-div{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
    background-image:url("../../images/uploads/") ;
    background-size: cover;
    background-position:top center;
            background-attachment: fixed;
    padding:0px 0;
margin: 0px 0;
}
    .pgallery-module-inside-area{
    width: 93%;
    }

/* E-bülten */
.bultenn-module-main-div{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
font-family : 'Roboto Condensed',sans-serif ;
    background:#ffffff ;
padding:50px 0;
margin: 0px 0;
}



/* orta slider */
@media screen and (max-width:374px) and (min-width:0px) {
.swiper-middle-container {
width: 93% !important; margin: 0 auto;
height: 170px !important;
}
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:170px !important;
}
}
@media screen and (max-width:409px) and (min-width:375px) {
.swiper-middle-container {
width: 93% !important; margin: 0 auto;
height: 190px !important;
}
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:190px !important;
}
}
@media screen and (max-width:599px) and (min-width:410px) {
.swiper-middle-container {
width:  93% !important; margin: 0 auto;
height: 205px !important;
}
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:205px !important;
}
}
@media screen and  (max-width:599px ) and (min-width:540px ){
.swiper-middle-container {
width:  93% !important; margin: 0 auto;
height: 245px !important;
}
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:245px !important;
}
}
@media screen and (max-width:767px) and (min-width:600px) {
.swiper-middle-container {
width:  93% !important; margin: 0 auto;
height: 270px !important;
}
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:270px !important;
}
}
@media screen and (max-width:1023px) and (min-width:768px) {
.swiper-middle-container .swiper-slide .middle-slider-img-mobile,
.swiper-middle-container .swiper-slide{
width:100% !important;
}
.swiper-middle-container {
width:  93% !important;
height: 325px !important;
}
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:325px !important;
}
}
@media screen and (max-width:1151px) and (min-width:1024px) {
.swiper-middle-container .swiper-slide .middle-slider-img-mobile,
.swiper-middle-container .swiper-slide{
width:100% !important;
}
.swiper-middle-container {
width:  93% !important;
height: 295px !important;
}
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:295px !important;
}
}

@media screen and (max-width:1279px) and (min-width:1152px) {
.swiper-middle-container {
width:  93% !important;
height: 330px !important;
}
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:330px !important;
}
}
@media screen and (max-width:1359px) and (min-width:1280px) {
.swiper-middle-container{  height: 380px; }
.swiper-middle-container {
width:  1200px !important;
height: 350px !important;
}
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:350px !important;
}
}
@media screen and (max-width:1600px) and (min-width:1441px) {
.swiper-middle-container{  height: 380px; }
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:380px !important;
}
}
@media screen and (max-width:1680px) and (min-width:1601px) {
.swiper-middle-container{  height: 380px; }
.swiper-middle-container .swiper-slide img{
width:100% !important;
height:380px !important;
}
}

.swiper-middle-container {
width:1600px;
height: 380px;
margin: 0 auto;
margin-bottom: 25px;
margin-top: 25px;
}

.swiper-middle-container .swiper-slide img{
border-radius: 10px
}

.swiper-middle-container:hover .swiper-button-prev,
.swiper-middle-container:hover .swiper-button-next {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
}


/* Kategorili Ürün Vitrini */
.cat-detail-products-box-caturunvitrin {
border: 1px solid #ebebeb;
background-color: #ffffff;
border-radius: 5px;
}
.group-urun-module-main-div{
font-family : 'Open Sans',sans-serif ;
background-color: #ffffff;
}
.group-product-main-box{
border-top: 1px solid #ffffff;
}
.group-product-main-box:first-child{
border-top: 0;
}
/* .group-product-main-box-img kuralı kaldırıldı — banner görseli (ve onu
   saran <div class="group-product-main-box-img">) resimli_urun_vitrin.php'den
   ve panel formlarından (showcase_bannerproduct.php/_edit.php) tamamen
   kaldırıldığı için bu class artık DOM'da hiç yok, $tip1Ayar['gorsel_radius']/
   gorsel_zoom/gorsel_blur ayarları da panelde gösterilmiyor — ölü kural. */


.swiper-product-list {
width: 100%;
height: 100%;
position: relative;
}
@media screen and (max-width:1279px) and (min-width:1152px) {
.swiper-product-list .swiper-slide{
margin-left: -.1px !important;
}
}

.swiper-product-list:hover .swiper-button-prev,
.swiper-product-list:hover .swiper-button-next {
background-color: #333;
box-sizing:border-box;
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
position: absolute;
top: 50%;
width: 30px;
height: 44px;
margin-top: -22px;
z-index: 9;
cursor: pointer;
background-size: 15px 100px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-product-list:hover .swiper-button-prev{
margin-left: -10px;
}
.swiper-product-list:hover .swiper-button-next{
margin-right: -10px;
}

/* "Banner + Ürün Vitrini" (ör. Senin İçin Önerilenler) — hizalama düzeltmesi.
   NOT: soldaki banner görseli (group-product-main-box-img) admin isteğiyle
   kaldırıldı (resimli_urun_vitrin.php artık hiç <img> render etmiyor) —
   bu yüzden burada SADECE banner'a değil, hâlâ var olan ürün kartlarına ait
   kurallar bırakıldı; banner'a özel tüm CSS (yükseklik/oran/object-fit/mobil
   200px banner boyutu vb.) kırıntı bırakmadan silindi.
   KÖK NEDEN (kart hizası): ürün kartlarında başlık kutusu min-height (sabit
   değil) olduğu için uzun başlıklı kartlar daha yüksek büyüyüp fiyat/sepet
   satırını kart kart farklı Y konumuna itiyordu — sabit yüksekliğe çevrildi.
   Fiyat satırı da (indirimli üründe eski+yeni fiyat 2 satır olduğu için)
   min-height ile sabitlendi, artık indirimli/indirimsiz kartlarda sepete-ekle
   ikonu HER ZAMAN aynı hizada.
   ÖNEMLİ (mobil genişlik hatası — düzeltildi): burada DAHA ÖNCE kart
   genişliğini mobilde %68'e, tablette %31.83'e zorlayan bir kural vardı —
   bu YANLIŞTI: resimli_urun_vitrin.php zaten her kartı kendi swiper-slide'ına
   inline style="width:100%" ile tam oturtuyor, kaç kartın yan yana
   göründüğünü (mobilde 2, tablette 3, masaüstünde 4) home-page.php'deki
   "new Swiper('.swiper-product-list', {breakpoints:{0:{slidesPerView:2},
   600:{slidesPerView:3}, 768:{slidesPerView:4}, ...}})" JS init'i zaten
   doğru yönetiyor. Kartı ayrıca CSS ile küçültmek, Swiper'ın kendi hesapladığı
   slot içinde kartı YARIYA indirip sağda boşluk bırakıyordu ve daralan
   kart genişliği yüzünden fiyat metni ile sepet ikonu üst üste biniyordu.
   Bu kural TAMAMEN kaldırıldı — kart artık her zaman slot'unu (Swiper'ın
   ayarladığı) tam dolduruyor.
   Bu kurallar SADECE bu modülün kendi sarmalayıcısı (.group-urun-module-main-div)
   içinde geçerli — aynı kart class'ını paylaşan "Fırsatlar Vitrini"
   (.firsat-product-box) etkilenmiyor. */
.group-urun-module-inside-area{
width: 100%;
max-width: 1600px;
box-sizing: border-box;
padding: 0 20px;
}
.group-urun-module-main-div .cat-detail-products-box-caturunvitrin{
display: flex;
flex-direction: column;
height: 100% !important;
}
.group-urun-module-main-div .cat-detail-products-box-caturunvitrin-h{
height: 41px;
}
.group-urun-module-main-div .cat-detail-products-box-caturunvitrin-fiyat{
min-height: 56px;
}
@media screen and (max-width:767px) {
.group-urun-module-inside-area{
padding: 0 15px;
}
.group-urun-module-main-div .group-product-main-box-container-header-left-h{
font-size: 19px;
}
/* Mobilde kart genişliği (Swiper slidesPerView:2) masaüstünden çok daha dar
   olduğu için AYNI başlık metni daha fazla satıra ihtiyaç duyuyor —
   masaüstündeki 41px'lik sabit kutu mobilde metni ortadan kesiyordu. */
.group-urun-module-main-div .cat-detail-products-box-caturunvitrin-h{
height: 54px;
}
}


/* Fırsatlar Vitrini */
.firsatlar-urun-module-main-div{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
    background:#fff ;
padding:20px 0;
margin: 0px 0;
font-family : 'Open Sans',sans-serif ;
}

.firsat-product-box {
border: 1px solid #ebebeb;
background-color: #ffffff;
border-radius: 5px;
}
.swiper-countdown-list {
width: 100%;
height: 100%;
position: relative;
}
@media screen and (max-width:1279px) and (min-width:1152px) {
.swiper-countdown-list .swiper-slide{
margin-left: -.1px !important;
}
}
.swiper-countdown-list:hover .swiper-button-prev,
.swiper-countdown-list:hover .swiper-button-next {
background-color: #333;
box-sizing:border-box;
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
position: absolute;
top: 50%;
width: 30px;
height: 44px;
margin-top: -22px;
z-index: 9;
cursor: pointer;
background-size: 15px 100px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-countdown-list:hover .swiper-button-prev{
margin-left: -10px;
}
.swiper-countdown-list:hover .swiper-button-next{
margin-right: -10px;
}
/*  <========SON=========>>> Fırsatlar Vitrini SON */




/* seçenekli ürün vitrini */
.urunler-module-main-div{
    background:#ffffff ;
padding:10px 0 -20px 0;
margin: 0px 0;
font-family : 'Open Sans',sans-serif ;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

.home-product-tablinks.active {
background-color: #000000;
border: 1px solid #000000;
}
.home-product-tablinks.active::after{
border-color: #000000 transparent transparent transparent;
}
.home-product-tablinks {
background-color: #ffffff;
border-radius: 10px;
border: 1px solid #f8f8f8;
margin: 5px;
}
.home-product-tablinks p{
font-size: 15px ;
font-weight: 500;
}
.home-product-tablinks.active p,
.home-product-tablinks.active:hover p {
color: #ffffff;
}
.home-product-tablinks p{
color: #000000;
}



/* Ürün Kutuları */
.urun-box-special-area-caturunvitrin{
border: 1px dashed #ffffff;
background-color: #333333;
color: #ffffff;
}
.urun-box-special-area{
border: 1px dashed #ffffff;
background-color: #333333;
color: #ffffff;
}
.cat-detail-products-box {
border: 1px solid #ebebeb;
background-color: #ffffff;
border-radius: 5px;
}
.cat-detail-products-box-cart-2 {
border-top: 1px solid #ebebeb;
}
.cat-detail-products-box-stars .aktif-span {
color: #ffb400;
}

.cat-detail-products-box-stars .pasif-span {
color: #cccccc;
}

.cat-detail-products-box-kargo {
background-color: #ffffff;
color: #000000;
}
    .cat-detail-products-box{
    width: 18.5%;
    }
    .cat-detail-products-box-img{
    width: 100%;
    }
    .cat-detail-products-box-img img{
    width: 100%;

    }
    @media screen and (max-width:1151px) and (min-width:1023px) {
    .cat-detail-products-box-img{
    width: 100%;
    }
    .cat-detail-products-box-img img{
    width: 100%;

    }
    }
    @media screen and (max-width:1279px) and (min-width:1152px) {
    .cat-detail-products-box-img{
    width: 100%;
    }
    .cat-detail-products-box-img img{
    width: 100%;

    }
    }
    @media screen and (max-width:1359px) and (min-width:1280px) {
    .cat-detail-products-box-img{
    width: 100%;
    }
    .cat-detail-products-box-img img{
    width: 100%;

    }
    }

/* ============================================= */
/* Populer Kategoriler Modulu                     */
/* ============================================= */
.populer-kategoriler-main-div{
width: 100%;
padding: 40px 0;
}
.populer-kategoriler-inside{
max-width: 1400px;
margin: 0 auto;
padding: 0 15px;
}
.populer-kategoriler-grid{
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 18px;
margin-top: 25px;
}
.populer-kategoriler-kart{
background: #fff;
border: 1px solid #eef0f3;
border-radius: 14px;
padding: 28px 16px;
text-align: center;
text-decoration: none;
transition: all 0.25s ease;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
display: flex;
flex-direction: column;
align-items: center;
}
.populer-kategoriler-kart:hover{
transform: translateY(-6px);
box-shadow: 0 12px 24px rgba(0,0,0,0.09);
border-color: #d9dfe8;
text-decoration: none;
}
.populer-kategoriler-ikon{
width: 68px;
height: 68px;
border-radius: 50%;
background: linear-gradient(135deg, #f3ecfd, #ede1fb);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
transition: all 0.25s ease;
}
.populer-kategoriler-ikon i{
font-size: 30px;
color: #7c3aed;
transition: all 0.25s ease;
}
.populer-kategoriler-kart:hover .populer-kategoriler-ikon{
background: linear-gradient(135deg, #7c3aed, #5b21b6);
}
.populer-kategoriler-kart:hover .populer-kategoriler-ikon i{
color: #fff;
}
.populer-kategoriler-baslik{
font-size: 14px;
font-weight: 700;
color: #1e2430;
line-height: 1.35;
min-height: 38px;
display: flex;
align-items: center;
justify-content: center;
}
.populer-kategoriler-cta{
font-size: 12px;
color: #6b7280;
margin-top: 10px;
font-weight: 600;
}
.populer-kategoriler-cta i{
font-size: 10px;
margin-left: 3px;
}
@media screen and (max-width:1279px) and (min-width:1024px){
.populer-kategoriler-grid{
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width:1023px) and (min-width:768px){
.populer-kategoriler-grid{
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
}
@media screen and (max-width:767px){
.populer-kategoriler-grid{
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.populer-kategoriler-kart{
padding: 20px 10px;
}
.populer-kategoriler-ikon{
width: 56px;
height: 56px;
}
.populer-kategoriler-ikon i{
font-size: 24px;
}
.populer-kategoriler-baslik{
font-size: 12.5px;
}
}

/* ============================================= */
/* Kurulum Hizmeti Modulu - Tek Banner Tasarimi    */
/* ============================================= */
.kurulum-hizmeti-main-div{
width: 100%;
padding: 40px 0;
}
.kurulum-hizmeti-banner{
max-width: 1600px;
width: 100%;
margin: 0 auto;
background: linear-gradient(135deg, #eef2ff 0%, #e4e9f7 55%, #dde3f2 100%);
border-radius: 20px;
overflow: hidden;
position: relative;
padding: 30px 48px;
box-shadow: 0 10px 30px rgba(20,10,40,0.06);
min-height: 220px;
display: flex;
align-items: center;
}
.kurulum-hizmeti-banner-img{
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 58%;
object-fit: cover;
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 40%);
mask-image: linear-gradient(to right, transparent 0%, black 40%);
}
.kurulum-hizmeti-content{
position: relative;
z-index: 2;
max-width: 640px;
width: 100%;
}
.kurulum-hizmeti-etiket{
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
color: #5b6472;
text-transform: uppercase;
margin-bottom: 8px;
}
.kurulum-hizmeti-baslik{
font-size: 30px;
font-weight: 800;
color: #1e2430;
line-height: 1.25;
margin-bottom: 14px;
}
.kurulum-hizmeti-baslik span{
color: #7c3aed;
}
.kurulum-hizmeti-aciklama{
font-size: 14.5px;
color: #5b6472;
line-height: 1.6;
margin-bottom: 22px;
max-width: 380px;
}
.kurulum-hizmeti-adimlar-yatay{
display: flex;
align-items: flex-start;
margin-bottom: 28px;
}
.kurulum-hizmeti-adim-yatay{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative;
flex: 1 1 0;
min-width: 0;
padding: 0 8px;
}
.kurulum-hizmeti-adim-yatay:not(:last-child)::after{
content: "";
position: absolute;
top: 26px;
left: 50%;
width: 100%;
border-top: 2px dashed #c7cbe0;
z-index: -1;
}
.kurulum-hizmeti-adim-daire{
width: 52px;
height: 52px;
min-width: 52px;
border-radius: 50%;
background: #fff;
box-shadow: 0 2px 8px rgba(20,10,40,0.08);
display: flex;
align-items: center;
justify-content: center;
color: #7c3aed;
font-size: 20px;
}
.kurulum-hizmeti-adim-numara{
font-size: 12px;
font-weight: 700;
color: #7c3aed;
margin-top: 10px;
}
.kurulum-hizmeti-adim-baslik-yatay{
font-size: 13px;
font-weight: 600;
color: #1e2430;
margin-top: 2px;
white-space: nowrap;
}
.kurulum-hizmeti-buton{
display: inline-flex;
align-items: center;
gap: 8px;
background: #002b5e;
color: #fff;
font-size: 14px;
font-weight: 700;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
transition: all 0.25s ease;
}
.kurulum-hizmeti-buton:hover{
background: #001c3d;
color: #fff;
text-decoration: none;
transform: translateY(-2px);
}
/* ============================================= */
/* Laboratuvar Türleri - kayan yazı (marquee)      */
/* Kendi ayrı banner-kartı, .ticaret-kutulari-     */
/* main-div ile AYNI görsel dil (hafif gradient +  */
/* rounded card). Üst/alt boşluk KASITLI OLARAK      */
/* SİMETRİK DEĞİL (tek taraflı padding) — .kurulum-  */
/* hizmeti-main-div'in kendi alt padding'i (40px)    */
/* ZATEN banner ile bu bölüm arasına boşluk koyuyor,  */
/* buraya AYRICA üst padding eklemek boşluğu ikiye    */
/* katlardı (güven barı → banner geçişindeki tek      */
/* taraflı boşlukla eşleşmez, o yüzden padding-top:0). */
/* Alt boşluk ise BU bölümün kendi padding-bottom'u    */
/* ile (kurulum-hizmeti-main-div'in üst padding'iyle    */
/* AYNI değer) sağlanıyor — üst ve alt boşluk böylece   */
/* güven barı↔banner geçişindeki referans boşlukla tek  */
/* taraflı-katkı mantığıyla birebir eşit çıkıyor.        */
/* Öğe sayısı ne olursa olsun (dizide kaç satır varsa)   */
/* düzen otomatik uyum sağlar - JS'e gerek yok, PHP       */
/* tarafı listeyi 2 kez basıp CSS translateX(-50%) ile    */
/* kesintisiz döngü sağlıyor.                             */
/* ============================================= */
.kurulum-hizmeti-lab-turleri-main-div{
width: 100%;
padding: 0 0 40px 0;
box-sizing: border-box;
}
.kurulum-hizmeti-lab-turleri-inner{
max-width: 1600px;
width: 90%;
margin: 0 auto;
background: linear-gradient(135deg, #f8fafc 0%, #eef1f6 100%);
border-radius: 14px;
overflow: hidden;
box-sizing: border-box;
}
.kurulum-hizmeti-lab-turleri{
width: 100%;
overflow: hidden;
padding: 20px 0;
-webkit-mask-image: linear-gradient(90deg, transparent 0%, black 6%, black 94%, transparent 100%);
mask-image: linear-gradient(90deg, transparent 0%, black 6%, black 94%, transparent 100%);
}
.kurulum-hizmeti-lab-turleri-track{
display: flex;
width: max-content;
gap: 40px;
animation: khLabTurleriKay 26s linear infinite;
}
.kurulum-hizmeti-lab-turleri:hover .kurulum-hizmeti-lab-turleri-track{
animation-play-state: paused;
}
.kurulum-hizmeti-lab-turleri-item{
display: flex;
align-items: center;
gap: 8px;
font-size: 13.5px;
font-weight: 600;
color: #1e2430;
white-space: nowrap;
flex-shrink: 0;
}
.kurulum-hizmeti-lab-turleri-item i{
color: #16a34a;
font-size: 16px;
}
@keyframes khLabTurleriKay{
0%{ transform: translateX(0); }
100%{ transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
.kurulum-hizmeti-lab-turleri-track{
animation: none;
}
}
@media screen and (max-width:767px){
.kurulum-hizmeti-lab-turleri-main-div{
padding: 0 0 24px 0;
}
.kurulum-hizmeti-lab-turleri{
padding: 16px 0;
}
.kurulum-hizmeti-lab-turleri-track{
gap: 28px;
animation-duration: 18s;
}
.kurulum-hizmeti-lab-turleri-item{
font-size: 12.5px;
}
}
@media screen and (max-width:1023px){
.kurulum-hizmeti-banner{
padding: 32px 24px;
flex-direction: column;
align-items: flex-start;
min-height: 0;
}
.kurulum-hizmeti-banner-img{
position: static;
width: 100%;
height: 180px;
-webkit-mask-image: none;
mask-image: none;
border-radius: 14px;
margin-bottom: 20px;
order: -1;
}
.kurulum-hizmeti-content{
max-width: 100%;
}
.kurulum-hizmeti-baslik{
font-size: 22px;
}
}
@media screen and (max-width:600px){
.kurulum-hizmeti-adimlar-yatay{
flex-wrap: wrap;
gap: 20px 0;
}
.kurulum-hizmeti-adim-yatay{
flex: 1 1 50%;
}
.kurulum-hizmeti-adim-yatay:nth-child(2)::after{
display: none;
}
}

/* ============================================= */
/* Slider kose yuvarlakligi - urun detay sayfasi   */
/* ile ayni deger (product-detail-redesign.css     */
/* .pd-gallery-main{border-radius:14px})           */
/* Bootstrap .rounded{border-radius:.25rem!important} */
/* kuralini spesifiklik + !important ile ezer       */
/* ============================================= */
.swiper-slide.rounded{
border-radius: 14px !important;
}

/* ============================================= */
/* Guven Rozetleri (Ticaret Bilgi Kutulari) - 5    */
/* madde HER ZAMAN tek satirda kalsin diye         */
/* flex-wrap:nowrap + flex:1 1 0 (esit paylasim,    */
/* taşma/wrap imkansiz) + kucultulmus padding.      */
/* Onceki turda eklenen dis cerceve (border+radius) */
/* KALDIRILDI - referans gorselde cerceve yok, sadece*/
/* hafif arka plan tonu + kutular arasi ince ayrac   */
/* cizgisi var; iki ayri cerceve (dis border + 5.    */
/* rozetin alt satira dusmesiyle olusan "2. blok"    */
/* hissi) kullanicinin sikayet ettigi "cift cerceve" */
/* algisinin gercek kaynagiydi.                      */
/* ============================================= */
.ticaret-kutulari-main-div{
background: linear-gradient(135deg, #f8fafc 0%, #eef1f6 100%) !important;
border: none !important;
border-radius: 20px !important;
overflow: hidden !important;
max-width: 1600px !important;
width: 100% !important;
margin: 0 auto !important;
}
.ticaret-kutulari-inside{
justify-content: space-between !important;
flex-wrap: nowrap !important;
background: transparent !important;
border: none !important;
}
.ticaret-kutulari-inside .ticaret-kutu-box{
width: auto !important;
flex: 1 1 0 !important;
min-width: 0;
padding: 20px 16px !important;
border-right: 1px solid #dde3ec;
}
.ticaret-kutulari-inside .ticaret-kutu-box:last-child{
border-right: none !important;
}