.elementor-60489 .elementor-element.elementor-element-75d1012b{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-60489 .elementor-element.elementor-element-7f914ede:not(.elementor-motion-effects-element-type-background), .elementor-60489 .elementor-element.elementor-element-7f914ede > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://www.kuzeyboru.com.tr/wp-content/uploads/2025/09/DSC07531-topaz-rawdenoise-sharpen-2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-60489 .elementor-element.elementor-element-7f914ede > .elementor-background-overlay{background-color:#1E0000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-60489 .elementor-element.elementor-element-7f914ede{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 80px 0px;padding:200px 0px 200px 0px;}.elementor-60489 .elementor-element.elementor-element-7f914ede > .elementor-shape-top svg{width:calc(100% + 1.3px);height:15px;}.elementor-60489 .elementor-element.elementor-element-7f914ede > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:15px;}.elementor-60489 .elementor-element.elementor-element-237872e6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-60489 .elementor-element.elementor-element-758734b4{width:auto;max-width:auto;}.elementor-60489 .elementor-element.elementor-element-758734b4 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-60489 .elementor-element.elementor-element-758734b4 .wd-button-wrapper a{background-color:#E7EBED;border-color:#E7EBED;}.elementor-60489 .elementor-element.elementor-element-3f45d73e .title-after_title, .elementor-60489 .elementor-element.elementor-element-3f45d73e .title-subtitle, .elementor-60489 .elementor-element.elementor-element-3f45d73e .woodmart-title-container{max-width:100%;}.elementor-60489 .elementor-element.elementor-element-3f45d73e .title-subtitle{color:#FFFFFF;font-size:16px;font-weight:300;}.elementor-60489 .elementor-element.elementor-element-3f45d73e .title{color:#E7EBED;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-60489 .elementor-element.elementor-element-3f45d73e .title-after_title{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:48px;font-weight:600;line-height:55px;letter-spacing:-2.2px;}.elementor-60489 .elementor-element.elementor-element-222f24e0{text-align:start;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;color:#E7EBED;}.elementor-60489 .elementor-element.elementor-element-222f24e0 p{margin-block-end:0px;}.elementor-60489 .elementor-element.elementor-element-222f24e0 > *{max-width:56%;}.elementor-60489 .elementor-element.elementor-element-402dde35 .ekit-btn-wraper .elementskit-btn{justify-content:flex-start;}.elementor-60489 .elementor-element.elementor-element-402dde35 .elementskit-btn{background-color:#FFFFFF3B;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:300;border-style:none;}.elementor-60489 .elementor-element.elementor-element-402dde35 .elementskit-btn:hover{color:#ffffff;fill:#ffffff;}.elementor-60489 .elementor-element.elementor-element-402dde35 .elementskit-btn > :is(i, svg){font-size:14px;}.elementor-60489 .elementor-element.elementor-element-402dde35 .elementskit-btn > i, .elementor-60489 .elementor-element.elementor-element-402dde35 .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-60489 .elementor-element.elementor-element-402dde35 .elementskit-btn > i, .rtl .elementor-60489 .elementor-element.elementor-element-402dde35 .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-60489 .elementor-element.elementor-element-217abe16:not(.elementor-motion-effects-element-type-background), .elementor-60489 .elementor-element.elementor-element-217abe16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFCFC;}.elementor-60489 .elementor-element.elementor-element-217abe16 > .elementor-container{max-width:1400px;}.elementor-60489 .elementor-element.elementor-element-217abe16{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-60489 .elementor-element.elementor-element-217abe16 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-60489 .elementor-element.elementor-element-74ff82bf{text-align:justify;font-family:"Montserrat", Sans-serif;font-size:48px;font-weight:600;line-height:50px;letter-spacing:-2.2px;color:#4C5C65;}.elementor-60489 .elementor-element.elementor-element-608e603c{padding:0px 0px 0px 0px;text-align:justify;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;letter-spacing:-0.5px;color:#7E7E7E;}.elementor-60489 .elementor-element.elementor-element-86d89cb > .elementor-container{max-width:1500px;}.elementor-60489 .elementor-element.elementor-element-86d89cb, .elementor-60489 .elementor-element.elementor-element-86d89cb > .elementor-background-overlay{border-radius:16px 16px 16px 16px;}.elementor-60489 .elementor-element.elementor-element-86d89cb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-60489 .elementor-element.elementor-element-86d89cb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-60489 .elementor-element.elementor-element-5c43550.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-60489 .elementor-element.elementor-element-5c43550.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-60489 .elementor-element.elementor-element-5c43550 > .elementor-element-populated{padding:10px 0px 0px 0px;}.elementor-60489 .elementor-element.elementor-element-5b848bac{width:auto;max-width:auto;}.elementor-60489 .elementor-element.elementor-element-5b848bac > .elementor-widget-container{margin:0px 15px 0px 0px;}.elementor-60489 .elementor-element.elementor-element-341ce9ee > .elementor-element-populated{padding:0px 0px 0px 50px;}.elementor-60489 .elementor-element.elementor-element-7d6e38aa:not(.elementor-motion-effects-element-type-background), .elementor-60489 .elementor-element.elementor-element-7d6e38aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-60489 .elementor-element.elementor-element-7d6e38aa > .elementor-container{max-width:1200px;}.elementor-60489 .elementor-element.elementor-element-7d6e38aa, .elementor-60489 .elementor-element.elementor-element-7d6e38aa > .elementor-background-overlay{border-radius:16px 16px 16px 16px;}.elementor-60489 .elementor-element.elementor-element-7d6e38aa{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-60489 .elementor-element.elementor-element-7d6e38aa > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-60489 .elementor-element.elementor-element-65e92b88.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-60489 .elementor-element.elementor-element-65e92b88.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-60489 .elementor-element.elementor-element-65e92b88 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:#F10826;padding:30px 30px 30px 30px;}.elementor-60489 .elementor-element.elementor-element-65e92b88 > .elementor-element-populated, .elementor-60489 .elementor-element.elementor-element-65e92b88 > .elementor-element-populated > .elementor-background-overlay, .elementor-60489 .elementor-element.elementor-element-65e92b88 > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-60489 .elementor-element.elementor-element-6fb80fd5{text-align:justify;font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:600;line-height:50px;letter-spacing:-2.2px;color:#4C5C65;}.elementor-60489 .elementor-element.elementor-element-63d2affc{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-60489 .elementor-element.elementor-element-68d33bd7{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;}.elementor-60489 .elementor-element.elementor-element-68d33bd7 .elementor-divider-separator{width:71%;margin:0 auto;margin-center:0;}.elementor-60489 .elementor-element.elementor-element-68d33bd7 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-60489 .elementor-element.elementor-element-200b1b5d{--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;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-60489 .elementor-element.elementor-element-37c39168{--grid-columns:3;}.elementor-60489 .elementor-element.elementor-element-76f60729.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-60489 .elementor-element.elementor-element-7f914ede{padding:150px 50px 150px 50px;}.elementor-60489 .elementor-element.elementor-element-217abe16{padding:60px 0px 60px 0px;}.elementor-60489 .elementor-element.elementor-element-37c39168{--grid-columns:2;}}@media(max-width:767px){.elementor-60489 .elementor-element.elementor-element-7f914ede{margin:0px 0px 0px 0px;padding:60px 15px 0100px 15px;}.elementor-60489 .elementor-element.elementor-element-237872e6 > .elementor-element-populated{padding:0px 20px 0px 20px;}.elementor-60489 .elementor-element.elementor-element-3f45d73e .title-after_title{font-size:24px;line-height:1.4em;}.elementor-60489 .elementor-element.elementor-element-222f24e0{font-size:14px;}.elementor-60489 .elementor-element.elementor-element-222f24e0 > *{max-width:89%;}.elementor-60489 .elementor-element.elementor-element-402dde35 .elementskit-btn{width:52%;font-size:14px;}.elementor-60489 .elementor-element.elementor-element-217abe16{padding:0px 0px 0px 0px;}.elementor-60489 .elementor-element.elementor-element-74ff82bf{font-size:24px;line-height:1.4em;}.elementor-60489 .elementor-element.elementor-element-74ff82bf > *{max-width:100%;}.elementor-60489 .elementor-element.elementor-element-608e603c{font-size:14px;}.elementor-60489 .elementor-element.elementor-element-608e603c > *{max-width:100%;}.elementor-60489 .elementor-element.elementor-element-5b848bac > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-60489 .elementor-element.elementor-element-341ce9ee > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:0px 0px 0px 0px;}.elementor-60489 .elementor-element.elementor-element-6fb80fd5 > *{max-width:100%;}.elementor-60489 .elementor-element.elementor-element-37c39168{--grid-columns:1;}}@media(min-width:768px){.elementor-60489 .elementor-element.elementor-element-5f84e53e{width:63.173%;}.elementor-60489 .elementor-element.elementor-element-341ce9ee{width:36.466%;}}@media(max-width:1024px) and (min-width:768px){.elementor-60489 .elementor-element.elementor-element-5f84e53e{width:50%;}.elementor-60489 .elementor-element.elementor-element-341ce9ee{width:50%;}}@media(min-width:1025px){.elementor-60489 .elementor-element.elementor-element-7f914ede:not(.elementor-motion-effects-element-type-background), .elementor-60489 .elementor-element.elementor-element-7f914ede > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-4099f03d *//* ============================================================
   1. GENEL & MİMARİ TANIMLAR
   ============================================================ */
:root {
    --kuzeyboru-red: #F10826;
    --kuzeyboru-red-dark: #c9061f;
    --kuzeyboru-red-darker: #a00519;
    --kuzeyboru-light: #fef2f3;
    --white: #ffffff;
    --gray-50: #f9fafb;
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-500: #6c757d;
    --gray-700: #495057;
    --gray-900: #212529;
}

body, p, h1, h2, h3, h4, h5, h6, input, button, select, textarea {
    font-family: 'Montserrat', sans-serif !important;
}

/* ============================================================
   2. YARDIMCI VE YENİDEN KULLANILABİLİR SINIFLAR (UTILITIES)
   ============================================================ */
.section-container { max-width: 1400px; margin: 0 auto; padding: 0 24px; }
.section-tag { display: inline-block; font-size: 12px; font-weight: 700; color: var(--kuzeyboru-red); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px; background: var(--kuzeyboru-light); padding: 4px 12px; border-radius: 4px; }
.section-tag-red { background: rgba(227,6,19,0.1); color: #e30613; }
.section-title { font-size: 36px; font-weight: 800; margin-bottom: 16px; line-height: 1.2; color: var(--gray-900); }
.section-title span { color: var(--kuzeyboru-red); }
.section-title.center { text-align: center; }
.section-subtitle { font-size: 15px; color: var(--gray-500); max-width: 700px; line-height: 1.7; }
.section-subtitle.center { text-align: center; margin-left: auto; margin-right: auto; }
.text-center { text-align: center; }
.text-white { color: var(--white) !important; }
.text-white-80 { color: rgba(255,255,255,0.8) !important; text-align: center; max-width: 700px; margin: 0 auto 40px; }
.mb-48 { margin-bottom: 48px; }
.my-15 { margin: 15px 0; }
.text-36 { font-size: 36px; font-weight: 900; }

/* ============================================================
   3. BÖLÜM STİLLERİ (SECTIONS)
   ============================================================ */

/* Ürünler Bölümü */
.products-section { padding: 100px 24px; background: var(--white); }
.products-header { text-align: center; margin-bottom: 60px; }
.products-grid { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.product-card { background: #fdfdfd; border-radius: 20px; overflow: hidden; transition: all 0.3s ease; border: 1px solid #f0f0f0; display: flex; flex-direction: column; height: 100%; }
.product-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.06); border-color: var(--kuzeyboru-red); }
.product-card-image { height: 200px; background: #f8f9fa; padding: 20px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.product-card-image img { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform 0.4s ease; }
.product-card:hover .product-card-image img { transform: scale(1.08); }
.product-card-body { padding: 24px; flex-grow: 1; display: flex; flex-direction: column; }
.product-card-body h3 { font-size: 17px; font-weight: 700; color: var(--gray-900); margin-bottom: 10px; }
.product-card-body p { font-size: 14px; color: #666; line-height: 1.6; margin: 0; }

/* Sayılarla Kuzeyboru Bölümü */
.stats-section { padding: 100px 0; background-color: #f8f9fa; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 1300px; margin: 0 auto; padding: 0 24px; }
.stat-card { text-align: center; display: flex; flex-direction: column; align-items: center; }
.stat-number { font-size: 68px; font-weight: 900; color: #e30613; line-height: 1; margin-bottom: 8px; letter-spacing: -2px; }
.stat-unit { font-size: 15px; font-weight: 800; color: #1a1a1a; margin-bottom: 15px; line-height: 1.2; }
.stat-desc { font-size: 13px; color: #666; line-height: 1.6; max-width: 270px; margin: 0 auto; font-weight: 400; }

/* Hakkımızda Bölümü */
.about-section { padding: 100px 24px; background: var(--white); }
.about-container { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.about-image { position: relative; width: 100%; height: auto; border-radius: 16px; overflow: hidden; }
.about-image img { width: 100%; height: 440px; object-fit: cover; display: block; border-radius: 16px; }
.about-text p { font-size: 15px; color: var(--gray-700); line-height: 1.8; margin-bottom: 16px; }
.btn-red-outline { display: inline-flex; align-items: center; gap: 8px; color: var(--kuzeyboru-red); border: 2px solid var(--kuzeyboru-red); padding: 12px 28px; border-radius: 8px; font-size: 14px; font-weight: 700; text-decoration: none; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.3s ease; margin-top: 8px; }
.btn-red-outline:hover { background: var(--kuzeyboru-red); color: var(--white); }

/* Avantajlar Bölümü */
.advantages-section { padding: 100px 24px; background: linear-gradient(135deg, var(--kuzeyboru-red) 0%, var(--kuzeyboru-red-darker) 100%); color: var(--white); }
.advantages-header { text-align: center; margin-bottom: 60px; }
.advantages-header .section-tag { background: rgba(255,255,255,0.15); color: var(--white); }
.advantages-grid { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.adv-card { background: rgba(255,255,255,0.1); border-radius: 16px; padding: 32px 24px; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.15); text-align: center; transition: all 0.3s ease; }
.adv-card:hover { background: rgba(255,255,255,0.18); transform: translateY(-4px); }
.adv-icon { width: 56px; height: 56px; background: rgba(255,255,255,0.2); border-radius: 14px; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; }
.adv-icon svg { width: 28px; height: 28px; }
.adv-card h3 { font-size: 15px; font-weight: 700; margin-bottom: 8px; color: var(--white); }
.adv-card p { font-size: 13px; opacity: 0.9; line-height: 1.7; }

/* Kalite Bölümü */
.quality-section { background: var(--white); padding: 100px 24px; }
.quality-grid { display: grid; grid-template-columns: 45fr 55fr; gap: 70px; align-items: center; }
.quality-text h2 { font-size: 38px; font-weight: 800; margin-bottom: 24px; letter-spacing: -0.5px; line-height: 1.2; }
.quality-text h2 .accent { color: var(--kuzeyboru-red); }
.quality-points { margin-top: 28px; }
.quality-point { display: flex; gap: 18px; padding: 22px 0; border-bottom: 1px solid var(--gray-200); }
.quality-point:last-child { border-bottom: none; }
.quality-point-icon { flex-shrink: 0; width: 44px; height: 44px; border-radius: 8px; background: var(--kuzeyboru-light); color: var(--kuzeyboru-red); display: flex; align-items: center; justify-content: center; }
.quality-point-icon svg { width: 22px; height: 22px; }
.quality-point h4 { font-size: 16px; font-weight: 800; color: var(--gray-900); margin-bottom: 6px; letter-spacing: -0.2px; }
.quality-point p { font-size: 14px; color: var(--gray-700); line-height: 1.7; }

/* ============================================================
   4. MOBİL BİLGİSAYAR UYUMLULUĞU (RESPONSIVE)
   ============================================================ */
@media (max-width: 1024px) {
    .products-grid, .advantages-grid { grid-template-columns: repeat(2, 1fr); }
    .about-container, .quality-grid { grid-template-columns: 1fr; gap: 40px; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 40px; }
}

@media (max-width: 768px) {
    .section-title { font-size: 28px; }
    .about-image img { height: 350px; }
}

@media (max-width: 600px) {
    .products-grid, .advantages-grid, .stats-grid { grid-template-columns: 1fr; }
    .stat-number { font-size: 56px; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-757de422 *//* Masaüstü: Görsel alanı ve ortalama (Bozulmayan yapı) */
.about-image {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

/* Sadece Kalite & AR-GE görselini masaüstünde dengeler */
.about-image.quality-image picture {
    max-width: 500px !important; /* Görselin masaüstü genişlik sınırı */
}

.about-image.quality-image img {
    max-height: 540px !important; /* Dikeyde taşmasını engeller */
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Mobilde tam ekran genişliği korur */
@media (max-width: 991px) {
    .about-image.quality-image picture {
        max-width: 100% !important;
    }
    .about-image.quality-image img {
        max-height: none !important;
    }
}
/* Masaüstü Genişlik Sınırı: 520px yerine 680px'e çıkarıldı */
.about-image picture {
    display: block;
    width: 100%;
    max-width: 680px; /* Görseli masaüstünde büyüten ana değer (İhtiyaca göre 650px - 750px yapabilirsiniz) */
}

.about-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important; /* Dikey sıkışmayı kaldırır, tam oranla büyütür */
    object-fit: contain !important;
    display: block;
    margin: 0 auto;
}

/* Tablet ve Mobil Uyumluluğu (Beğendiğiniz çalışan mobil kısım aynen korundu) */
@media (max-width: 991px) {
    .about-image {
        margin-top: 30px;
    }
    
    .about-image picture {
        max-width: 100%; /* Mobilde tam ekran genişliğini kullanır */
    }
    
    .about-image img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
    }
}/* End custom CSS */