/* =====================================================
   CFM EXPORT - OFFICIAL KIBAR-STYLE CONTACT SYSTEM CSS
   Maksimum Satır Sınırı: 100-120 Satır (Kural 11)
===================================================== */
/* KESİN ÇÖZÜM 1: Slider katmanını (1000) ezebilmek için ana kapsayıcı katmanını 2000 yaptık */
.cfm-corp-section { 
    width: 100% !important; 
    background-color: #ffffff !important; 
    padding: 0 0 80px 0 !important; 
    display: block !important; 
    position: relative !important; 
    z-index: 2000 !important; /* Slider'ın (1000) üzerine çıkarak çerçevenin silinmesini tamamen önler */
}

/* KİBAR MODEL MASTER İLETİŞİM ÇERÇEVESİ (FRAME) */
.cfm-corp-frame {
    max-width: 1200px !important; 
    margin: 0 auto !important; 
    background: #ffffff !important; 
    border-radius: 4px !important; 
    box-shadow: 0 15px 45px rgba(11, 37, 69, 0.06) !important;
    border-top: 1px solid var(--cfm-primary) !important; 
    border-bottom: 1px solid var(--cfm-primary) !important; 
    border-left: none !important; 
    border-right: none !important;
    position: relative !important; 
    top: -350px !important; /* Slider'ın 7 cm üzerine kusursuz taşma cetveli */
    z-index: 2100 !important; /* İç katman önceliği korundu */
    scroll-margin-top: 130px !important;
}

/* ÇERÇEVENİN ÜST SINIRININ İÇ TARAFINDAKİ 90 DERECE TEKNİK CETVEL DİŞLERİ */
.cfm-corp-frame-ruler {
    width: 100% !important; height: 63px !important; border-bottom: 1px solid rgba(11, 37, 69, 0.12) !important; position: relative !important; z-index: 510 !important;
    background-image: linear-gradient(90deg, rgba(11, 37, 69, 0.18) 1px, transparent 1px), linear-gradient(90deg, rgba(11, 37, 69, 0.25) 2px, transparent 2px) !important; 
    background-size: 15px 38px, 75px 63px !important; background-repeat: repeat-x !important; background-position: top left !important; display: block !important;
}

.cfm-contact-container { display: flex !important; width: 100% !important; min-height: 480px !important; }
.cfm-contact-sidebar { width: 450px !important; flex-shrink: 0 !important; border-right: 1px solid var(--cfm-border) !important; padding: 50px 40px !important; background: var(--cfm-light-bg) !important; display: block !important; }
.cfm-contact-sidebar h1 { font-family: 'Montserrat', sans-serif !important; font-size: 28px !important; color: var(--cfm-primary) !important; font-weight: 700 !important; text-transform: uppercase !important; margin: 0 0 30px 0 !important; }
.cfm-contact-block { margin-bottom: 30px !important; }
.cfm-contact-block h2 { font-family: 'Montserrat', sans-serif !important; font-size: 15px !important; color: var(--cfm-primary) !important; font-weight: 700 !important; text-transform: uppercase !important; margin: 0 0 10px 0 !important; }
.cfm-contact-label { font-family: 'Montserrat', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; color: var(--cfm-secondary) !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin: 12px 0 4px 0 !important; }
.cfm-contact-text { font-family: 'Open Sans', sans-serif !important; font-size: 13px !important; color: #4b5563 !important; line-height: 1.6 !important; margin: 0 !important; }

.cfm-contact-content { flex-grow: 1 !important; padding: 50px !important; background: #ffffff !important; display: block !important; }
.cfm-contact-form-wrapper { width: 100% !important; }
.cfm-contact-form-wrapper h2 { font-family: 'Montserrat', sans-serif !important; font-size: 20px !important; color: var(--cfm-primary) !important; font-weight: 700 !important; text-transform: uppercase !important; margin: 0 0 25px 0 !important; }
.cfm-form-group { margin-bottom: 18px !important; width: 100% !important; }
.cfm-form-control { width: 100% !important; padding: 12px 16px !important; border: 1px solid var(--cfm-border) !important; border-radius: 4px !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; color: var(--cfm-dark) !important; background: #ffffff !important; transition: border-color 0.3s ease !important; }
.cfm-form-control:focus { border-color: var(--cfm-primary) !important; outline: none !important; }
textarea.cfm-form-control { resize: vertical !important; min-height: 120px !important; }
.cfm-contact-submit-btn { background: var(--cfm-primary) !important; border: 1px solid var(--cfm-primary) !important; color: #ffffff !important; font-family: 'Montserrat', sans-serif !important; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; padding: 14px 35px !important; border-radius: 4px !important; cursor: pointer !important; transition: all 0.3s ease !important; display: inline-block !important; }
.cfm-contact-submit-btn:hover { background: var(--cfm-secondary) !important; border-color: var(--cfm-secondary) !important; }
@media (max-width: 992px) { .cfm-contact-container { flex-direction: column !important; } .cfm-contact-sidebar { width: 100% !important; border-right: none !important; border-bottom: 1px solid var(--cfm-border) !important; padding: 35px 20px !important; } .cfm-contact-content { padding: 35px 20px !important; } }
/* =====================================================
   CFM EXPORT - PRODUCTS INTERACTIVE UNIFIED STYLE
   Maksimum Satır Sınırı: 100-120 Satır (Kural 11)
===================================================== */
.cfm-hero-section { position: relative !important; height: 78vh !important; width: 100% !important; background-color: var(--cfm-primary) !important; overflow: hidden !important; display: block !important; z-index: 10 !important; }

/* KESİN ÇÖZÜM 2: Ürünler sayfasının da ana kapsayıcı katmanını 2000 yaptık */
.cfm-corp-section { 
    width: 100% !important; 
    background-color: #ffffff !important; 
    padding: 0 0 80px 0 !important; 
    display: block !important; 
    position: relative !important; 
    z-index: 2000 !important; /* Slider'ın (1000) üzerine tam genişlikte biner */
}

/* KİBAR TARZI CETVEL VE GRID ÇERÇEVESİ (FRAME) */
.cfm-corp-frame {
    max-width: 1200px !important; margin: 0 auto !important; background: #ffffff !important; border-radius: 4px !important; box-shadow: 0 15px 45px rgba(11, 37, 69, 0.06) !important;
    border-top: 1px solid var(--cfm-primary) !important; border-bottom: 1px solid var(--cfm-primary) !important; border-left: none !important; border-right: none !important;
    position: relative !important; top: -350px !important; z-index: 2100 !important; scroll-margin-top: 130px !important;
}

/* ÇERÇEVENİN ÜST SINIRININ İÇ TARAFINDAKİ TEKNİK CETVEL DİŞLERI */
.cfm-corp-frame-ruler {
    width: 100% !important; height: 63px !important; border-bottom: 1px solid rgba(11, 37, 69, 0.12) !important; position: relative !important; z-index: 510 !important;
    background-image: linear-gradient(90deg, rgba(11, 37, 69, 0.18) 1px, transparent 1px), linear-gradient(90deg, rgba(11, 37, 69, 0.25) 2px, transparent 2px) !important; 
    background-size: 15px 38px, 75px 63px !important; background-repeat: repeat-x !important; background-position: top left !important; display: block !important;
}

.cfm-corp-container { display: flex !important; width: 100% !important; min-height: 480px !important; }
.cfm-corp-sidebar { width: 300px !important; flex-shrink: 0 !important; border-right: 1px solid var(--cfm-border) !important; padding: 40px 30px !important; background: var(--cfm-light-bg) !important; display: block !important; }
.cfm-corp-menu-tree { display: flex !important; flex-direction: column !important; gap: 8px !important; }
.cfm-sector-trigger { width: 100% !important; display: flex !important; justify-content: space-between !important; align-items: center !important; background: #ffffff !important; border: 1px solid var(--cfm-border) !important; padding: 14px 18px !important; cursor: pointer !important; border-radius: 4px !important; }
.cfm-sector-trigger span { font-family: 'Montserrat', sans-serif !important; font-size: 13px !important; font-weight: 700 !important; color: var(--cfm-primary) !important; text-transform: uppercase; letter-spacing: 0.5px; }
.cfm-sector-trigger i { font-size: 10px !important; color: #9ca3af !important; transition: transform 0.3s ease !important; }
.cfm-sector-node.is-open .cfm-sector-trigger { background: var(--cfm-primary) !important; border-color: var(--cfm-primary) !important; }
.cfm-sector-node.is-open .cfm-sector-trigger span { color: #ffffff !important; }
.cfm-sector-node.is-open .cfm-sector-trigger i { color: var(--cfm-secondary) !important; transform: rotate(180deg) !important; }
.cfm-accordion-submenu { max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.2s; padding-left: 12px; display: flex; flex-direction: column; }
.cfm-sector-node.is-open .cfm-accordion-submenu { max-height: 400px; opacity: 1; padding-top: 6px; }
.cfm-corp-btn { width: 100% !important; display: block !important; background: none !important; border: none !important; border-bottom: 1px solid rgba(11, 37, 69, 0.04) !important; padding: 11px 0 !important; text-align: left !important; cursor: pointer !important; }
.cfm-corp-btn span { font-family: 'Open Sans', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; color: var(--cfm-dark) !important; }
.cfm-corp-btn:hover span, .cfm-corp-btn.active-node span { color: var(--cfm-secondary) !important; font-weight: 700 !important; padding-left: 4px !important; }

.cfm-corp-content { flex-grow: 1 !important; padding: 45px 50px !important; background: #ffffff !important; position: relative; }
.cfm-prod-view-node { display: none; flex-direction: column !important; gap: 35px !important; width: 100%; }
.cfm-prod-view-node.active-view { display: flex; }
.cfm-prod-split-row { display: flex !important; gap: 35px !important; width: 100% !important; align-items: flex-start !important; }
.cfm-prod-image-frame { width: 44% !important; aspect-ratio: 4/3 !important; background: var(--cfm-light-bg) !important; border: 1px solid var(--cfm-border) !important; border-radius: 4px !important; overflow: hidden !important; }
.cfm-prod-image-frame img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.cfm-prod-specs-column { width: 56% !important; display: flex !important; flex-direction: column !important; }
.cfm-prod-specs-column h2 { font-family: 'Montserrat', sans-serif !important; font-size: 24px !important; color: var(--cfm-primary) !important; font-weight: 700 !important; text-transform: uppercase !important; margin: 0 0 10px 0 !important; }
.cfm-prod-specs-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; width: 100% !important; }
.cfm-prod-glass-box { background: rgba(11, 37, 69, 0.04) !important; border: 1px solid rgba(11, 37, 69, 0.09) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; padding: 16px 15px !important; border-radius: 4px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; min-height: 85px !important; }
.cfm-prod-glass-box h4 { font-family: 'Montserrat', sans-serif !important; font-size: 10.5px !important; font-weight: 700 !important; color: #8892a0 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin: 0 0 5px 0 !important; line-height: 1 !important; }
.cfm-prod-glass-box span { font-family: 'Montserrat', sans-serif !important; font-size: 13px !important; color: #0b2545 !important; font-weight: 700 !important; line-height: 1.3 !important; display: block !important; }
.cfm-prod-katalog-row { width: 100% !important; border-top: 1px solid #f0f2f5 !important; padding-top: 25px !important; }
.cfm-kibar-spec-title { font-family: 'Montserrat', sans-serif !important; font-size: 14.5px !important; color: var(--cfm-primary) !important; font-weight: 700 !important; text-transform: uppercase !important; margin: 20px 0 8px 0 !important; }
.cfm-kibar-spec-list { list-style: none !important; padding: 0 !important; margin: 0 0 15px 0 !important; }
.cfm-kibar-spec-list li { font-family: 'Open Sans', sans-serif !important; font-size: 13.5px !important; color: #4b5563 !important; font-style: italic !important; position: relative !important; padding-left: 15px !important; margin-bottom: 5px !important; }
.cfm-kibar-spec-list li::before { content: "•" !important; position: absolute !important; left: 0 !important; color: var(--cfm-secondary) !important; font-size: 15px !important; top: -1px !important; }
@media (max-width: 992px) { .cfm-corp-container { flex-direction: column !important; } .cfm-corp-sidebar { width: 100% !important; padding: 25px 20px !important; } .cfm-prod-split-row { flex-direction: column !important; gap: 25px !important; } .cfm-prod-image-frame, .cfm-prod-specs-column { width: 100% !important; } .cfm-prod-specs-grid { grid-template-columns: 1fr !important; } }