/**
 * ANA SAYFA ÖZGÜN COMPACT TASARIM
 * Version: 4.0 - ULTRA MODERN COMPACT
 * Resimler arası boşluklar tamamen kaldırıldı
 */

/* ==================== GENEL SIFIRLAMA ==================== */
body.common-home {
    padding: 0 !important;
    margin: 0 !important;
    background: #f8f9fa !important;
}

/* Content alanı tamamen sıfır boşluk */
body.common-home #content {
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
}

/* ==================== CONTAINER YAPILANDIRMA ==================== */
body.common-home .container,
body.common-home .container-fluid {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ==================== GRID SİSTEMİ - SIFIR BOŞLUK ==================== */
body.common-home .row {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

body.common-home [class*="col-"] {
    padding: 0 !important;
    margin: 0 !important;
}

/* ==================== SLIDER VE BANNER - TAMAMEN COMPACT ==================== */
body.common-home .slideshow,
body.common-home #slideshow0,
body.common-home .owl-carousel-play,
body.common-home .subbanner,
body.common-home .banner,
body.common-home .banner-foot {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Tüm resimler - Boşluksuz */
body.common-home img {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: auto !important;
    border: none !important;
}

/* Banner linkleri */
body.common-home .banner a,
body.common-home .subbanner a {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

/* ==================== MODÜL ALANLARI - MINIMAL BOŞLUK ==================== */
body.common-home .specialthemes,
body.common-home .specialthemes1,
body.common-home .specialthemes2,
body.common-home .specialthemes3 {
    margin: 0 !important;
    padding: 10px 15px !important;
    background: #fff !important;
}

/* ==================== BAŞLIKLAR - KOMPAKT ==================== */
body.common-home h1,
body.common-home h2,
body.common-home h3,
body.common-home h4 {
    margin: 0 0 10px 0 !important;
    padding: 8px 0 !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
}

body.common-home h2 {
    font-size: 22px !important;
    text-align: left !important;
    border-left: 4px solid #f59e0b !important;
    padding-left: 12px !important;
    margin: 10px 0 !important;
}

body.common-home h2 span {
    padding: 0 !important;
    margin: 0 !important;
    display: inline !important;
    background: none !important;
}

/* ==================== ÜRÜN MODÜLLERİ - GRID COMPACT ==================== */
body.common-home #featured,
body.common-home #latest, 
body.common-home #bestseller,
body.common-home #special {
    margin: 0 !important;
    padding: 15px !important;
    background: #f8f9fa !important;
}

/* Ürün container'ları */
body.common-home #featured .container,
body.common-home #latest .container,
body.common-home #bestseller .container,
body.common-home #special .container {
    padding: 0 !important;
    margin: 0 auto !important;
    max-width: 1400px !important;
}

/* Ürün layout - Kompakt Grid */
body.common-home .product-layout {
    margin: 0 !important;
    padding: 5px !important;
}

body.common-home .product-thumb {
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid #e9ecef !important;
    border-radius: 8px !important;
    background: #fff !important;
    transition: all 0.3s ease !important;
    height: 100% !important;
}

body.common-home .product-thumb:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    transform: translateY(-2px) !important;
}

body.common-home .product-thumb .image {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 6px !important;
}

body.common-home .product-thumb .image a {
    display: block !important;
    line-height: 0 !important;
}

body.common-home .product-thumb .image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.3s ease !important;
}

body.common-home .product-thumb:hover .image img {
    transform: scale(1.05) !important;
}

body.common-home .product-thumb .caption {
    margin: 0 !important;
    padding: 0 5px !important;
}

body.common-home .product-thumb h4 {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    height: 40px !important;
    overflow: hidden !important;
}

body.common-home .product-thumb .price {
    margin: 8px 0 !important;
    padding: 8px 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #f59e0b !important;
    border-top: 1px solid #e9ecef !important;
}

body.common-home .product-thumb .button-group {
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    gap: 5px !important;
}

body.common-home .product-thumb .button-group button {
    margin: 0 !important;
    padding: 8px !important;
    flex: 1 !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

/* ==================== OWL CAROUSEL - SIFIR BOŞLUK ==================== */
body.common-home .owl-carousel {
    margin: 0 !important;
    padding: 0 !important;
}

body.common-home .owl-carousel .owl-stage-outer {
    padding: 0 !important;
    margin: 0 !important;
}

body.common-home .owl-carousel .owl-stage {
    display: flex !important;
    gap: 0 !important;
}

body.common-home .owl-carousel .owl-item {
    padding: 0 !important;
    margin: 0 !important;
}

body.common-home .owl-carousel .owl-nav {
    margin: 10px 0 0 0 !important;
}

body.common-home .owl-carousel .owl-dots {
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
}

/* ==================== VİTRİN BANNER ALANLARI - TAM EKRAN ==================== */
body.common-home .subinner1,
body.common-home .subinner2,
body.common-home .subinner4,
body.common-home .subinner5,
body.common-home .subbanner_inner,
body.common-home .subbanner_inner2,
body.common-home .subbanner_inner3 {
    margin: 0 !important;
    padding: 0 !important;
}

/* ==================== KATEGORİ ALANLARI ==================== */
body.common-home .kategory,
body.common-home .category-block {
    margin: 0 !important;
    padding: 0 !important;
}

body.common-home .kategory img,
body.common-home .category-block img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
}

/* ==================== BİLGİ KUTULARI ==================== */
body.common-home .box-module-bilgikutucu {
    margin: 0 !important;
    padding: 20px 15px !important;
    background: #f8f9fa !important;
}

body.common-home .box-module-bilgikutucu .column {
    padding: 10px !important;
    margin: 0 !important;
}

body.common-home .box-module-bilgikutucu img {
    max-width: 60px !important;
    height: auto !important;
    margin: 0 auto 10px auto !important;
}

/* ==================== CONTENT TOP/BOTTOM ==================== */
body.common-home #content-top,
body.common-home #content-top2,
body.common-home #content-bottom {
    margin: 0 !important;
    padding: 0 !important;
}

body.common-home #content-top > *,
body.common-home #content-top2 > *,
body.common-home #content-bottom > * {
    margin: 0 !important;
}

/* ==================== FOOTER ==================== */
body.common-home .footer-ust {
    margin: 0 !important;
    padding: 15px !important;
    background: #2c3e50 !important;
    color: #fff !important;
}

body.common-home footer {
    margin: 0 !important;
    padding: 0 !important;
}

body.common-home #footer {
    margin: 0 !important;
    padding: 20px 15px !important;
    background: #1a252f !important;
}

/* ==================== SECTION AYIRICI ==================== */
body.common-home section {
    margin: 0 !important;
    padding: 0 !important;
}

/* ==================== ÖZEL MODÜL STİLLERİ ==================== */
/* Wrapper div'ler */
body.common-home .module,
body.common-home .banner-wrapper,
body.common-home .slider-wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

/* ==================== MOBİL OPTİMİZASYON ==================== */
@media (max-width: 767px) {
    body.common-home .specialthemes,
    body.common-home #featured,
    body.common-home #latest,
    body.common-home #bestseller,
    body.common-home #special {
        padding: 10px !important;
    }
    
    body.common-home h2 {
        font-size: 18px !important;
        margin: 8px 0 !important;
        padding-left: 10px !important;
    }
    
    body.common-home .product-layout {
        padding: 3px !important;
    }
    
    body.common-home .product-thumb {
        padding: 8px !important;
    }
    
    body.common-home .product-thumb h4 {
        font-size: 13px !important;
        height: 36px !important;
    }
    
    body.common-home .product-thumb .price {
        font-size: 14px !important;
    }
}

/* ==================== TABLET OPTİMİZASYON ==================== */
@media (min-width: 768px) and (max-width: 991px) {
    body.common-home .specialthemes,
    body.common-home #featured,
    body.common-home #latest,
    body.common-home #bestseller,
    body.common-home #special {
        padding: 12px !important;
    }
    
    body.common-home h2 {
        font-size: 20px !important;
    }
}

/* ==================== BÜYÜK EKRAN ==================== */
@media (min-width: 1200px) {
    body.common-home .container {
        max-width: 1400px !important;
        margin: 0 auto !important;
    }
    
    body.common-home .product-layout {
        padding: 6px !important;
    }
}

/* ==================== INLINE STYLE OVERRIDE - EN GÜÇLÜ ==================== */
body.common-home [style*="margin"],
body.common-home [style*="padding"] {
    margin: 0 !important;
    padding: 0 !important;
}

/* Sadece gerekli alanlara padding ver */
body.common-home .specialthemes[style],
body.common-home #featured[style],
body.common-home #latest[style],
body.common-home #bestseller[style],
body.common-home #special[style] {
    padding: 15px !important;
}

body.common-home .product-thumb[style] {
    padding: 10px !important;
}

/* ==================== MODERN ANİMASYONLAR ==================== */
body.common-home * {
    transition: all 0.3s ease !important;
}

body.common-home .product-thumb,
body.common-home .banner a,
body.common-home img {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* ==================== VERSION TAG ==================== */
/* v4.0 - Ultra Modern Compact - No Spacing Between Images */
/* Generated: 2026-02-20T22:42:00 */