.elementor-30599 .elementor-element.elementor-element-b8a13f9{--display:flex;--min-height:40vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.27;}.elementor-30599 .elementor-element.elementor-element-b8a13f9:not(.elementor-motion-effects-element-type-background), .elementor-30599 .elementor-element.elementor-element-b8a13f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cihangiroglumobilya.com/wp-content/uploads/2026/02/Copy-of-Artboard-1-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-30599 .elementor-element.elementor-element-b8a13f9::before, .elementor-30599 .elementor-element.elementor-element-b8a13f9 > .elementor-background-video-container::before, .elementor-30599 .elementor-element.elementor-element-b8a13f9 > .e-con-inner > .elementor-background-video-container::before, .elementor-30599 .elementor-element.elementor-element-b8a13f9 > .elementor-background-slideshow::before, .elementor-30599 .elementor-element.elementor-element-b8a13f9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-30599 .elementor-element.elementor-element-b8a13f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#B2B2B2;--background-overlay:'';}.elementor-30599 .elementor-element.elementor-element-75da553{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-30599 .elementor-element.elementor-element-e211de5{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-30599 .elementor-element.elementor-element-e211de5 .elementor-divider-separator{width:100%;}.elementor-30599 .elementor-element.elementor-element-e211de5 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-30599 .elementor-element.elementor-element-52339d8 .elementor-tab-title, .elementor-30599 .elementor-element.elementor-element-52339d8 .elementor-tab-title:before, .elementor-30599 .elementor-element.elementor-element-52339d8 .elementor-tab-title:after, .elementor-30599 .elementor-element.elementor-element-52339d8 .elementor-tab-content, .elementor-30599 .elementor-element.elementor-element-52339d8 .elementor-tabs-content-wrapper{border-width:1px;}.elementor-30599 .elementor-element.elementor-element-52339d8 .elementor-tab-mobile-title, .elementor-30599 .elementor-element.elementor-element-52339d8 .elementor-tab-desktop-title.elementor-active, .elementor-30599 .elementor-element.elementor-element-52339d8 .elementor-tab-title:before, .elementor-30599 .elementor-element.elementor-element-52339d8 .elementor-tab-title:after, .elementor-30599 .elementor-element.elementor-element-52339d8 .elementor-tab-content, .elementor-30599 .elementor-element.elementor-element-52339d8 .elementor-tabs-content-wrapper{border-color:#F6F7F8;}.elementor-30599 .elementor-element.elementor-element-52339d8 .elementor-tab-title, .elementor-30599 .elementor-element.elementor-element-52339d8 .elementor-tab-title a{color:#444444;}:root{--page-title-display:none;}/* Start custom CSS for tabs, class: .elementor-element-52339d8 *//* 1. GALERİ DÜZENİ VE YÜKSEK KALİTE */
.elementor-30599 .elementor-element.elementor-element-52339d8 .gallery {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

.elementor-30599 .elementor-element.elementor-element-52339d8 .gallery-item {
    flex: 0 0 calc(25% - 15px) !important;
    max-width: calc(25% - 15px) !important;
    margin: 0 !important;
}

.elementor-30599 .elementor-element.elementor-element-52339d8 .gallery-item img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    border-radius: 12px;
    /* YÜKSEK KALİTE AYARLARI */
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    transform: translateZ(0) scale(1.001) !important; /* Keskinlik artışı */
    -webkit-font-smoothing: subpixel-antialiased !important;
    filter: contrast(1.05) saturate(1.1) !important; /* Renk canlılığı */
}

/* LİGHTBOX İÇİNDEKİ GÖRSELLER - TAM KALİTE */
.glightbox-container img,
.gslide-image img,
.glightbox-clean .gslide-image img {
    image-rendering: high-quality !important;
    image-rendering: -webkit-optimize-contrast !important;
    -webkit-backface-visibility: hidden !important;
    transform: translateZ(0) !important;
    filter: contrast(1.03) saturate(1.05) !important;
    max-width: 100% !important;
    height: auto !important;
}

/* 2. GLIGHTBOX KAPATMA TUŞU */
.gclose,
.glightbox-close,
button.gclose,
.glightbox-clean .gclose {
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    width: 50px !important;
    height: 50px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border-radius: 50% !important;
    border: 2px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    cursor: pointer !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
}

.gclose:hover,
.glightbox-close:hover {
    background: rgba(255, 255, 255, 1) !important;
    transform: scale(1.1) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2) !important;
}

.gclose::before,
.glightbox-close::before {
    content: '✕' !important;
    color: #333 !important;
    font-size: 28px !important;
    font-family: Arial, sans-serif !important;
    font-weight: 300 !important;
    display: block !important;
    line-height: 1 !important;
}

.gclose svg,
.gclose span,
.glightbox-close svg {
    display: none !important;
}

/* 3. MOBİL AYARI */
@media (max-width: 767px) {
    .elementor-30599 .elementor-element.elementor-element-52339d8 .gallery-item {
        flex: 0 0 calc(50% - 15px) !important;
        max-width: calc(50% - 15px) !important;
    }
    
    .elementor-30599 .elementor-element.elementor-element-52339d8 .gallery-item img {
        height: 160px !important;
    }
    
    .gclose,
    .glightbox-close {
        width: 55px !important;
        height: 55px !important;
        top: 15px !important;
        right: 15px !important;
    }
    
    .gclose::before,
    .glightbox-close::before {
        font-size: 30px !important;
    }
}

/* 4. SEKME BAŞLIKLARI TASARIMI */
.elementor-30599 .elementor-element.elementor-element-52339d8 .elementor-tabs-wrapper { 
    display: flex; 
    gap: 10px; 
    margin-bottom: 22px; 
    flex-wrap: wrap; 
}

.elementor-30599 .elementor-element.elementor-element-52339d8 .elementor-tab-title { 
    background: #f6f7f8; 
    border-radius: 18px; 
    border: 1px solid #e2e2e2; 
    padding: 10px 20px !important;
    transition: all 0.3s ease;
}

.elementor-30599 .elementor-element.elementor-element-52339d8 .elementor-tab-title:hover {
    background: #eceef0;
}

.elementor-30599 .elementor-element.elementor-element-52339d8 .elementor-tab-title.elementor-active { 
    background: #e9ecef; 
    color: #222;
    border-color: #d0d0d0;
}/* End custom CSS */