/* modern.css - mevcut renk paletine (#FAB702 vurgu, koyu zemin) sadık kalır */
.icon-title{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.icon-title .icon{position:static!important;display:inline-flex!important;align-items:center;font-size:34px;margin:0!important;flex:none;line-height:1}
.icon-title h3{margin:0!important;line-height:1.3}
.box-icon.top{text-align:left}
.search-terms{display:flex;flex-wrap:wrap;gap:8px}
.search-terms span{border:1px solid #333;border-radius:3px;padding:6px 12px;font-size:13px;color:#ccc}
.svc-more{padding:50px 15px 30px;max-width:900px;line-height:1.85}
.svc-more h2{font-size:26px;margin-bottom:16px;display:block}
.svc-more h3{font-size:19px;text-transform:none;letter-spacing:0;margin:22px 0 8px}
.faq{margin-top:34px}
.faq h2{font-size:26px}
.faq details{border:1px solid #333;border-radius:3px;margin-bottom:10px;background:rgba(255,255,255,.02)}
.faq summary{cursor:pointer;padding:14px 18px;font-weight:600;color:#eceff3;list-style:none;position:relative;padding-right:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:18px;color:#FAB702;font-size:20px}
.faq details[open] summary::after{content:"\2013"}
.faq details p{padding:0 18px 14px;margin:0}
.svc-cta{margin-top:26px}
img{max-width:100%;height:auto}
.picframe img{aspect-ratio:700/466;object-fit:cover;display:block}
@media(max-width:767px){.svc-more h2,.faq h2{font-size:22px}.icon-title{gap:10px}}

/* sayfa yapısı: içerik ana kolonda, yan panel sabit */
.svc-more{padding:8px 0 0;max-width:none}
.p-single{margin-bottom:10px}
.p-desc h3{font-size:22px;text-transform:none;letter-spacing:0}
#sidebar .widget{border:1px solid #2a2b2e;border-radius:4px;padding:20px;background:rgba(255,255,255,.02)}
#sidebar h4{margin-bottom:14px}
.search-list .term{padding:10px 0;border-bottom:1px solid #2a2b2e}
.search-list .term:last-child{border-bottom:0}
.search-list strong{display:block;color:#FAB702;font-size:14px;font-weight:600}
.search-list p{margin:2px 0 0;font-size:13px;line-height:1.6;color:#bbb}
@media(min-width:992px){#sidebar{position:sticky;top:100px;align-self:flex-start}}
@media(max-width:991px){#sidebar{padding-left:15px;margin-top:10px}.p-desc{padding-left:0;margin-top:20px}}

/* ===== v2 tasarım modernizasyonu ===== */
body{color:#c9ccd1}
#subheader{padding:130px 0 44px;background-size:cover!important;box-shadow:inset 0 0 0 2000px rgba(12,12,14,.6)}
#subheader h1{float:none;margin:0 0 10px;padding:0;text-align:left;font-size:34px;letter-spacing:2px;font-weight:600}
#subheader .crumb{float:none;margin:0;padding:0;font-size:12px;letter-spacing:1px;text-transform:none;color:#cfd2d8}
#subheader .crumb a:hover{color:#FAB702}
@media(max-width:992px){#subheader{padding:36px 0 26px}#subheader h1{font-size:26px;margin:0 0 8px}#subheader .crumb{display:block}}
#content{padding-top:40px}
.p-single{
    background:linear-gradient(175deg, #222429 0%, #1a1b1e 100%);
    border:1px solid #2f3238;
    border-radius:12px;
    padding:26px 22px;
    margin:0 0 34px;
    box-shadow:0 8px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);
    transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.p-single:hover{
    border-color:rgba(250,183,2,.25);
    box-shadow:0 12px 30px rgba(0,0,0,.28), 0 0 20px rgba(250,183,2,.04);
}
.p-single {
    position: relative;
    overflow: hidden;
}
.p-single::after {
    content: "";
    position: absolute;
    right: 25px;
    bottom: 25px;
    width: 200px;
    height: 200px;
    background-image: url("../images/testere.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0.06;
    pointer-events: none;
    z-index: 1;
    filter: invert(85%) brightness(95%);
    transform: rotate(45deg);
}
.p-single > .col-md-5 {
    max-width: 425px;
    position: relative;
    z-index: 2;
}
.p-single > .col-md-7 {
    flex: 1;
    max-width: calc(100% - 425px);
    position: relative;
    z-index: 2;
}
@media(max-width: 991px) {
    .p-single > .col-md-5,
    .p-single > .col-md-7 {
        max-width: 100%;
    }
}
.p-carousel,
.p-carousel .owl-stage-outer,
.p-carousel .owl-stage,
.p-carousel .owl-item {
    border-radius: 8px;
}
.p-carousel img {
    width: 100% !important;
    height: 425px !important;
    max-height: 425px !important;
    object-fit: cover !important;
    object-position: center bottom !important;
    border-radius: 8px !important;
    border: 1px solid rgba(250, 183, 2, 0.25) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
    display: block !important;
}
.p-carousel-thumb {
    margin-top: 10px !important;
}
.p-carousel-thumb .owl-item {
    padding: 2px 0;
}
.p-carousel-thumb img {
    width: 100% !important;
    height: 74px !important;
    max-height: 74px !important;
    object-fit: cover !important;
    object-position: center bottom !important;
    padding: 0 !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    display: block !important;
}
.p-carousel-thumb .owl-item.current img,
.p-carousel-thumb img:hover {
    border-color: #FAB702 !important;
    box-shadow: 0 0 12px rgba(250, 183, 2, 0.45) !important;
    transform: translateY(-2px);
}
@media(max-width: 767px) {
    .p-carousel img {
        height: 260px !important;
        max-height: 260px !important;
    }
    .p-carousel-thumb img {
        height: 52px !important;
    }
}
.p-desc{padding-left:18px;padding-top:0 !important;margin-top:0 !important}
.p-desc h3{font-size:24px;font-weight:600;margin-top:0 !important;padding-top:0 !important;margin-bottom:8px;line-height:1.25}
.p-desc p{font-size:14.5px;line-height:1.75;margin-bottom:12px}
.hero-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0 18px;padding:12px 14px;background:rgba(255,255,255,.02);border:1px solid #2f3033;border-radius:8px}
.hero-spec-item{font-size:13px;color:#c9ccd1;display:flex;align-items:center;gap:8px}
.hero-spec-item strong{color:#fff}
.hero-spec-item i{color:#FAB702;font-size:13px;flex:none}
@media(max-width:576px){.hero-specs{grid-template-columns:1fr}}
.btn-custom{background:#FAB702;color:#18191b!important;border-radius:6px;font-weight:700;letter-spacing:1px;padding:10px 22px;text-transform:none}
a.btn-line{border-radius:6px}
.svc-badges{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;padding:0;margin:0 0 30px}
.svc-badges li{display:flex;align-items:center;gap:8px;font-size:14px;color:#eceff3}
.svc-badges i{color:#FAB702;font-size:18px}
.svc-more h2{font-size:26px;font-weight:600;margin:38px 0 14px;padding-left:14px;border-left:4px solid #FAB702;line-height:1.25}
.svc-more>h2:first-of-type{margin-top:6px}
.svc-more h3{color:#eceff3;font-size:19px;margin-top:22px}
.svc-more p{max-width:74ch;font-size:15.5px;line-height:1.9}
.faq{background:#1f2023;border:1px solid #2a2b2e;border-radius:10px;padding:8px 22px 20px;margin-top:40px}
.faq details{border:0;border-bottom:1px solid #2f3033;border-radius:0;background:none;margin:0}
.faq details:last-child{border-bottom:0}
.faq summary{padding:16px 40px 16px 0}
.faq summary::after{right:2px}
.faq details p{padding:0 0 16px;max-width:none}
.svc-cta{margin-top:28px;padding:20px 22px;border-radius:10px;background:rgba(250,183,2,.08);border:1px solid rgba(250,183,2,.3)}
#sidebar .widget{border-radius:10px;background:#1f2023}
.widget-cta p{font-size:14px;line-height:1.7;margin-bottom:14px}
.widget-cta .btn-custom{display:block;text-align:center}
.call-fab{display:none}
@media(max-width:767px){
    .call-fab{
        display:flex;
        position:fixed;
        right:16px;
        bottom:16px;
        width:54px;
        height:54px;
        border-radius:50%;
        background:#FAB702;
        color:#18191b!important;
        align-items:center;
        justify-content:center;
        font-size:24px;
        z-index:1001;
        box-shadow:0 6px 18px rgba(0,0,0,.4);
    }
    #back-to-top{
        right:23px !important;
        bottom:80px !important;
        z-index:1000 !important;
    }
    .p-single{padding:14px 4px}
    .faq{padding:6px 16px 16px}
}

/* Lightbox Mobil Kullanıcı Deneyimi ve Sayfa Kayması Engelleme */
html.mfp-open-lock, body.mfp-open-lock {
    overflow: hidden !important;
    touch-action: none;
}
.mfp-wrap {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow: hidden !important;
    touch-action: pan-y pinch-zoom;
}
.mfp-bg {
    position: fixed !important;
    width: 100vw !important;
    height: 100vh !important;
}
.mfp-container {
    height: 100% !important;
    padding: 0 10px !important;
}
.mfp-content {
    touch-action: pan-x pan-y pinch-zoom;
}
@media (max-width: 768px) {
    .mfp-arrow {
        width: 50px !important;
        height: 80px !important;
        margin-top: -40px !important;
        opacity: 0.85 !important;
    }
    .mfp-arrow-left {
        left: 0 !important;
    }
    .mfp-arrow-right {
        right: 0 !important;
    }
    .mfp-close {
        top: 10px !important;
        right: 10px !important;
        width: 44px !important;
        height: 44px !important;
        font-size: 32px !important;
        opacity: 0.9 !important;
    }
    .mfp-img {
        padding: 40px 0 !important;
        max-height: calc(100vh - 80px) !important;
    }
}

/* ===== Ahşap İç Sayfa Özel Modern Komponentleri ===== */
/* 1. Güven Rozetleri (Minimal) */
.trust-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:10px 0 16px;padding:0;list-style:none}
.trust-badge-item{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#a0a4ab;font-weight:400;letter-spacing:.3px}
.trust-badge-item i{color:#FAB702;font-size:12px;opacity:.9}

/* 2. Malzeme & Teknik Detay Kutusu (Specs Grid) */
.specs-wrapper{background:#1f2023;border:1px solid #2a2b2e;border-radius:10px;padding:26px 22px 10px;margin:28px 0 34px}
.specs-wrapper h3{margin-top:0;margin-bottom:20px;font-size:20px;color:#fff;border-left:3px solid #FAB702;padding-left:12px}
.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.spec-box{background:rgba(255,255,255,.02);border:1px solid #2f3033;border-radius:8px;padding:14px 16px;transition:all .3s ease}
.spec-box:hover{border-color:rgba(250,183,2,.5);background:rgba(250,183,2,.03)}
.spec-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#9a9ea7;margin-bottom:4px;display:flex;align-items:center;gap:6px}
.spec-label i{color:#FAB702}
.spec-val{font-size:15px;font-weight:600;color:#eceff3;margin:0}

/* 3. 4 Adımlı İmalat Süreci (Process Steps) */
.steps-wrapper{margin:36px 0 38px}
.steps-wrapper h2{font-size:24px;margin-bottom:22px;border-left:4px solid #FAB702;padding-left:14px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.process-step{background:#1f2023;border:1px solid #2a2b2e;border-radius:10px;padding:22px 18px;position:relative;transition:all .3s ease;display:flex;flex-direction:column}
.process-step:hover{border-color:rgba(250,183,2,.6);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.step-num{position:absolute;top:12px;right:14px;font-size:28px;font-weight:800;color:rgba(250,183,2,.15);line-height:1}
.step-head{display:block}
.step-icon{width:46px;height:46px;border-radius:8px;background:rgba(250,183,2,.1);display:inline-flex;align-items:center;justify-content:center;color:#FAB702;font-size:20px;margin-bottom:14px;flex:none}
.process-step h4{font-size:16px;color:#fff;margin:0 0 8px;font-weight:600}
.process-step p{font-size:13.5px;color:#b2b5ba;line-height:1.6;margin:0}

/* 4. WhatsApp Hızlı Teklif Kutusu */
.wa-quote-box{background:linear-gradient(135deg,#1f2023 0%,#19271e 100%);border:1px solid rgba(37,211,102,.3);border-radius:10px;padding:22px 24px;margin:32px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.wa-quote-text h4{color:#fff;font-size:19px;margin:0 0 6px;display:flex;align-items:center;gap:10px}
.wa-quote-text h4 i{color:#25D366;font-size:24px}
.wa-quote-text p{color:#c2c6cc;margin:0;font-size:14px;line-height:1.6}
.btn-whatsapp{background:#25D366;color:#fff!important;font-weight:700;font-size:14px;padding:12px 22px;border-radius:6px;display:inline-flex;align-items:center;gap:8px;text-transform:none;white-space:nowrap;transition:all .3s ease;box-shadow:0 4px 14px rgba(37,211,102,.3)}
.btn-whatsapp:hover{background:#20bd5a;transform:translateY(-2px);box-shadow:0 6px 18px rgba(37,211,102,.4)}

/* 5. Tamamlayıcı Hizmet Kartları (Visual Related Cards) */
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.related-card{background:#1f2023;border:1px solid #2a2b2e;border-radius:10px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}
.related-card:hover{border-color:rgba(250,183,2,.6);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.related-card .rc-content{padding:18px 16px;display:flex;flex-direction:column;flex:1}
.related-card h4{font-size:16px;color:#fff;margin:0 0 6px;font-weight:600}
.related-card p{font-size:13px;color:#b2b5ba;line-height:1.6;margin:0 0 14px;flex:1}
.related-card .rc-link{font-size:13px;font-weight:600;color:#FAB702;display:inline-flex;align-items:center;gap:6px}
.related-card .rc-link:hover{color:#fff}

/* Mobil Uyum */
@media(max-width:991px){
    .process-grid{grid-template-columns:repeat(2,1fr)}
    .related-grid{grid-template-columns:repeat(2,1fr)}
    .wa-quote-box{flex-direction:column;text-align:left;align-items:flex-start}
}
@media(max-width:767px){
    .process-step{padding:18px 16px}
    .step-head{display:flex;align-items:center;gap:14px;margin-bottom:12px;padding-right:38px}
    .step-icon{margin-bottom:0}
    .process-step h4{margin:0;font-size:15.5px}
}
@media(max-width:576px){
    .process-grid{grid-template-columns:1fr}
    .related-grid{grid-template-columns:1fr}
    .specs-grid{grid-template-columns:1fr}
}

/* ===== Tam Genişlik (Full-Width) Mimari Mizanpaj Stilleri ===== */
.sec-block{margin:45px 0;padding-bottom:35px;border-bottom:1px solid #28292d}
.sec-block:last-of-type{border-bottom:none}
.sec-title-wrap h2{font-size:26px;color:#fff;margin:0 0 12px;border-left:4px solid #FAB702;padding-left:14px;line-height:1.3}
.sec-title-wrap .spot{font-size:15px;color:#FAB702;line-height:1.6;margin-bottom:16px;padding-left:18px;font-weight:500}
.sec-body p{font-size:15.5px;line-height:1.9;color:#c9ccd1;margin-bottom:16px}
.sec-body p:last-child{margin-bottom:0}

/* Model Kartları Vitrini */
.models-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:20px}
.model-card{background:#1f2023;border:1px solid #2a2b2e;border-radius:10px;padding:24px 20px;transition:all .3s ease;display:flex;flex-direction:column}
.model-card:hover{border-color:rgba(250,183,2,.6);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.model-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.model-card-icon{width:42px;height:42px;border-radius:8px;background:rgba(250,183,2,.1);display:inline-flex;align-items:center;justify-content:center;color:#FAB702;font-size:18px;flex:none}
.model-card h4{font-size:16.5px;color:#fff;margin:0;font-weight:600}
.model-card p{font-size:13.5px;color:#b2b5ba;line-height:1.7;margin:0;flex:1}

/* Fiyat Faktörleri Grid */
.factors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:16px}
.factor-box{background:rgba(255,255,255,.02);border:1px solid #2f3033;border-radius:8px;padding:16px 18px;transition:all .3s ease}
.factor-box:hover{border-color:rgba(250,183,2,.5);background:rgba(250,183,2,.03)}
.factor-box h5{font-size:15px;color:#FAB702;margin:0 0 6px;display:flex;align-items:center;gap:8px}
.factor-box p{font-size:13px;color:#b2b5ba;line-height:1.6;margin:0}

/* Lokasyon Çipleri */
.region-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.region-chip{display:inline-flex;align-items:center;gap:6px;background:#1f2023;border:1px solid #2f3033;border-radius:20px;padding:7px 16px;font-size:13px;color:#d4d7dc;transition:all .2s ease}
.region-chip:hover{border-color:#FAB702;color:#FAB702}
.region-chip i{color:#FAB702;font-size:12px}

/* 2 Kolonlu Akordeon SSS */
.faq-two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}
@media(max-width:767px){
    .faq-two-col{grid-template-columns:1fr}
}

/* ===== Birleşik Tasarım Sistemi (Unified Design System) ===== */
/* Ortak Ana Kart Modülü - Sakin, Sıcak & Durgun Ahşap/Kömür Tonu */
.wood-card{
    background:linear-gradient(175deg, #222429 0%, #1a1b1e 100%);
    border:1px solid #2f3238;
    border-radius:12px;
    padding:30px 28px;
    margin-bottom:26px;
    box-shadow:0 8px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);
    transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.wood-card:hover{
    border-color:rgba(250,183,2,.25);
    box-shadow:0 12px 30px rgba(0,0,0,.28), 0 0 20px rgba(250,183,2,.04);
}
@media(max-width:767px){.wood-card{padding:20px 16px}}

/* Ortak Kart Başlığı */
.wood-card-header{margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}
.wood-card-header h2{font-size:22px;color:#fff;margin:0 0 6px;border-left:4px solid #FAB702;padding-left:12px;line-height:1.3}
.wood-card-header p{font-size:14px;color:#9ea2aa;margin:0;padding-left:16px}

/* Rehber & Arama İpuçları Modülü (4 Kolon, Tek Satır Başlık, Spam Olmayan Doğal SEO) */
.wood-tips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
@media(max-width:1199px){.wood-tips-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:576px){.wood-tips-grid{grid-template-columns:1fr}}
.wood-tip-item{
    background:rgba(255,255,255,.025);
    border:1px solid #32353c;
    border-radius:9px;
    padding:16px 16px;
    transition:all .25s ease;
    display:flex;
    flex-direction:column;
}
.wood-tip-item:hover{
    background:rgba(250,183,2,.035);
    border-color:rgba(250,183,2,.35);
    transform:translateY(-2px);
}
.wood-tip-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.wood-tip-icon{
    width:30px;
    height:30px;
    border-radius:6px;
    background:rgba(250,183,2,.1);
    color:#FAB702;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    flex:none;
}
.wood-tip-head strong{
    color:#f3f4f6;
    font-size:13.5px;
    font-weight:600;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:block;
}
.wood-tip-head strong .hash{
    color:#FAB702;
    margin-right:2px;
    font-weight:700;
}
.wood-tip-item p{font-size:12.8px;color:#abb0ba;line-height:1.6;margin:0}

/* Eşit Buton Standart Grubu */
.btn-action-group{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}
.btn-action-group a,
.btn-action-group .btn-custom,
.btn-action-group .btn-whatsapp,
.btn-action-group .btn-line{
    height:44px!important;
    padding:0 20px!important;
    font-size:13.5px!important;
    font-weight:600!important;
    border-radius:6px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    text-transform:none!important;
    letter-spacing:.3px!important;
    line-height:1!important;
    margin:0!important;
    box-sizing:border-box!important;
    transition:all .25s ease!important;
}
.btn-action-group .btn-custom{
    background:#FAB702!important;
    color:#18191b!important;
    border:1px solid #FAB702!important;
}
.btn-action-group .btn-custom:hover{
    background:#e0a300!important;
    border-color:#e0a300!important;
    transform:translateY(-2px);
}
.btn-action-group .btn-whatsapp{
    background:#25D366!important;
    color:#fff!important;
    border:1px solid #25D366!important;
    box-shadow:0 4px 14px rgba(37,211,102,.25)!important;
}
.btn-action-group .btn-whatsapp:hover{
    background:#20bd5a!important;
    border-color:#20bd5a!important;
    transform:translateY(-2px);
    box-shadow:0 6px 18px rgba(37,211,102,.35)!important;
}
.btn-action-group .btn-line{
    background:rgba(255,255,255,.04)!important;
    color:#eceff3!important;
    border:1px solid #3a3b3e!important;
}
.btn-action-group .btn-line:hover{
    border-color:#FAB702!important;
    color:#FAB702!important;
    background:rgba(250,183,2,.06)!important;
    transform:translateY(-2px);
}
/* Buton içi sahte ok ve işaretleri tamamen engelleme */
.btn-action-group a:after,
.btn-action-group a:before,
a.btn-line:after,
a.btn-line:before{
    display:none!important;
    content:none!important;
}

/* 4 Ana Model Grid */
.models-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}
@media(max-width:991px){.models-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:576px){.models-grid-4{grid-template-columns:1fr}}

/* Ağaç Karşılaştırma Kutuları (4 Kartlı Grid & Dekoratif Arka Plan İkonu) */
.wood-compare-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
@media(max-width:1199px){.wood-compare-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:576px){.wood-compare-grid{grid-template-columns:1fr}}

.wood-compare-card, .compare-card{
    background:rgba(255,255,255,.02);
    border:1px solid #2f3033;
    border-radius:10px;
    padding:22px 18px;
    transition:all .3s ease;
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
}
.wood-compare-card:hover, .compare-card:hover{
    border-color:rgba(250,183,2,.5);
    background:rgba(250,183,2,.03);
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(0,0,0,.25);
}
.compare-card-bg-icon{
    position:absolute;
    right:-10px;
    bottom:-14px;
    font-size:78px;
    color:#FAB702;
    opacity:.04;
    pointer-events:none;
    transition:all .35s ease;
    z-index:0;
    line-height:1;
}
.compare-card:hover .compare-card-bg-icon{
    opacity:.085;
    transform:scale(1.1) rotate(-6deg);
}
.wood-compare-card h4, .compare-card h4{font-size:16px;color:#FAB702;margin:0 0 10px;display:flex;align-items:center;gap:8px;position:relative;z-index:1}
.compare-card p{font-size:13px;color:#b2b5ba;line-height:1.6;margin:0 0 12px;position:relative;z-index:1;flex:1}
.wood-compare-card ul, .compare-card ul{margin:0;padding-left:0;font-size:12.8px;color:#b2b5ba;line-height:1.65;position:relative;z-index:1}
.compare-card ul li{list-style:none;margin-bottom:6px;display:flex;align-items:flex-start;gap:8px}
.compare-card ul li i{font-size:12px;margin-top:3px;flex:none}

/* Sıkça Sorulan Sorular (FAQ) Arka Plan Simgeleri & Tasarımı */
.faq{
    position:relative;
    overflow:hidden;
    transition:border-color .3s ease, box-shadow .3s ease, background .3s ease;
}
.faq:hover{
    border-color:rgba(250,183,2,.35);
    background:rgba(250,183,2,.025);
    box-shadow:0 8px 24px rgba(0,0,0,.25);
}
.faq-bg-icon{
    position:absolute;
    right:-10px;
    bottom:-14px;
    font-size:95px;
    color:#FAB702;
    opacity:.035;
    pointer-events:none;
    transition:all .35s ease;
    z-index:0;
    line-height:1;
}
.faq:hover .faq-bg-icon{
    opacity:.085;
    transform:scale(1.1) rotate(-6deg);
}
.faq details{
    position:relative;
    z-index:1;
}

/* Slider Numaralı Navigasyon (Noktalar yerine 01, 02.. Rakamlar) */
.carousel-single-navi .owl-dots,
.carousel-single-navi .owl-pagination,
.carousel-single-navi .owl-controls{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:8px!important;
    margin-top:14px!important;
    counter-reset:slide-num!important;
    text-align:center!important;
}
.carousel-single-navi .owl-dots .owl-dot,
.carousel-single-navi .owl-pagination .owl-page,
.carousel-single-navi .owl-controls .owl-page{
    counter-increment:slide-num!important;
    background:transparent!important;
    border:none!important;
    padding:0!important;
    margin:0!important;
    cursor:pointer!important;
    outline:none!important;
    display:inline-block!important;
}
.carousel-single-navi .owl-dots .owl-dot span,
.carousel-single-navi .owl-pagination .owl-page span,
.carousel-single-navi .owl-controls .owl-page span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:34px!important;
    height:34px!important;
    border-radius:6px!important;
    background:rgba(255,255,255,.05)!important;
    border:1px solid #33363e!important;
    color:#a0a4ad!important;
    font-size:13px!important;
    font-weight:700!important;
    font-family:inherit!important;
    margin:0 3px!important;
    transition:all .25s ease!important;
}
.carousel-single-navi .owl-dots .owl-dot span::before,
.carousel-single-navi .owl-pagination .owl-page span::before,
.carousel-single-navi .owl-controls .owl-page span::before{
    content:"0" counter(slide-num)!important;
    line-height:1!important;
}
.carousel-single-navi .owl-dots .owl-dot.active span,
.carousel-single-navi .owl-dots .owl-dot:hover span,
.carousel-single-navi .owl-pagination .owl-page.active span,
.carousel-single-navi .owl-pagination .owl-page:hover span,
.carousel-single-navi .owl-controls .owl-page.active span,
.carousel-single-navi .owl-controls .owl-page:hover span{
    background:#FAB702!important;
    border-color:#FAB702!important;
    color:#18191b!important;
    transform:translateY(-2px);
    box-shadow:0 4px 12px rgba(250,183,2,.25)!important;
}

/* ==========================================================
   MODERN FOOTER (Atölye & Marangozluk Konsept Tasarımı)
   ========================================================== */
.modern-footer {
    background: #111215;
    color: #a4a8b2;
    padding: 0;
    position: relative;
    border-top: 1px solid #22242a;
    font-size: 14.5px;
    line-height: 1.7;
}

/* 1. Üst Hızlı İletişim & Keşif Bandı (Pre-Footer CTA) */
.footer-cta-band {
    background: linear-gradient(90deg, #18191e 0%, #1c1e24 50%, #18191e 100%);
    border-top: 1px solid rgba(250, 183, 2, 0.25);
    border-bottom: 1px solid #22242a;
    padding: 28px 0;
    position: relative;
}
.footer-cta-band::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #FAB702, transparent);
}
.footer-cta-content {
    display: flex;
    align-items: center;
    gap: 18px;
}
.footer-cta-icon {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    background: rgba(250, 183, 2, 0.12);
    border: 1px solid rgba(250, 183, 2, 0.3);
    color: #FAB702;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}
.footer-cta-text h4 {
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 4px;
    letter-spacing: 0.3px;
}
.footer-cta-text p {
    color: #9da1ab;
    font-size: 13.5px;
    margin: 0;
}
.footer-cta-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}
.btn-footer-wa {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #25D366;
    color: #fff !important;
    font-size: 13.5px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 6px;
    transition: all 0.25s ease;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.25);
    text-decoration: none !important;
}
.btn-footer-wa:hover {
    background: #1eb956;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(37, 211, 102, 0.35);
    color: #fff !important;
}
.btn-footer-call {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(250, 183, 2, 0.12);
    border: 1px solid #FAB702;
    color: #FAB702 !important;
    font-size: 13.5px;
    font-weight: 600;
    padding: 9px 20px;
    border-radius: 6px;
    transition: all 0.25s ease;
    text-decoration: none !important;
}
.btn-footer-call:hover {
    background: #FAB702;
    color: #121315 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(250, 183, 2, 0.25);
}

/* 2. Ana Alan */
.footer-main-area {
    padding: 55px 0 40px;
}
.footer-widget-title {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 16px;
}
.footer-widget-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 2px;
    background: #FAB702;
}
.footer-logo {
    display: inline-block;
    max-width: 195px;
    height: auto;
    margin-bottom: 15px;
}
.footer-about-text {
    font-size: 14.5px;
    color: #aeb3bf;
    line-height: 1.7;
    margin-bottom: 16px;
}
.footer-trust-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.trust-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #d8dbe4;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid #272a31;
    padding: 4px 9px;
    border-radius: 4px;
}
.trust-pill i {
    color: #FAB702;
    font-size: 11.5px;
}

/* Link Listeleri */
.footer-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-nav-list li {
    margin-bottom: 5px;
}
.footer-nav-list li a {
    color: #b0b4c0 !important;
    font-size: 14.5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 2px 0;
    line-height: 1.45;
    transition: all 0.2s ease;
    text-decoration: none !important;
}
.footer-nav-list li a i {
    color: #FAB702;
    font-size: 12px;
    transition: transform 0.2s ease;
}
.footer-nav-list li a:hover {
    color: #FAB702 !important;
    transform: translateX(4px);
}
.footer-nav-list li a:hover i {
    transform: translateX(2px);
    color: #FAB702;
}

/* İletişim Kartı */
.footer-contact-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact-item {
    display: flex;
    align-items: flex-start;
    gap: 11px;
}
.contact-item-icon {
    width: 34px;
    height: 34px;
    border-radius: 6px;
    background: rgba(250, 183, 2, 0.08);
    border: 1px solid rgba(250, 183, 2, 0.2);
    color: #FAB702;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
    margin-top: 2px;
}
.contact-item-content {
    font-size: 14.5px;
    line-height: 1.5;
}
.contact-item-content strong {
    display: block;
    color: #e8ecf4;
    font-size: 13.5px;
    font-weight: 700;
    margin-bottom: 2px;
}
.contact-item-content span {
    color: #a6abb7;
}
.contact-item-content a {
    color: #FAB702 !important;
    font-weight: 600;
    font-size: 14.5px;
    transition: color 0.2s ease;
    text-decoration: none !important;
}
.contact-item-content a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}
.footer-dir-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #FAB702 !important;
    font-size: 14px;
    font-weight: 600;
    margin-top: 2px;
    text-decoration: none !important;
    transition: all 0.2s ease;
}
.footer-dir-link:hover {
    color: #fff !important;
    transform: translateX(3px);
}

/* 3. Subfooter */
.modern-subfooter {
    background: #0b0c0e !important;
    border-top: 1px solid #1a1c22 !important;
    padding: 20px 0 16px !important;
}
.subfooter-copy {
    font-size: 14px;
    color: #9296a2;
}
.subfooter-copy strong {
    color: #e4e7ee;
    font-weight: 600;
}
.subfooter-quick-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}
.subfooter-quick-links li a {
    font-size: 12.5px;
    color: #8c909a !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}
.subfooter-quick-links li a:hover {
    color: #FAB702 !important;
}
.modern-social-icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.modern-social-icons .s-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #191b20;
    border: 1px solid #292c34;
    color: #a0a4ad !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    transition: all 0.25s ease;
    text-decoration: none !important;
}
.modern-social-icons .s-icon:hover {
    transform: translateY(-2px);
    color: #fff !important;
}
.modern-social-icons .s-phone:hover {
    background: #FAB702;
    border-color: #FAB702;
    color: #111 !important;
}
.modern-social-icons .s-wa:hover {
    background: #25D366;
    border-color: #25D366;
    color: #fff !important;
}
.modern-social-icons .s-ig:hover {
    background: #E1306C;
    border-color: #E1306C;
    color: #fff !important;
}
.modern-social-icons .s-fb:hover {
    background: #1877F2;
    border-color: #1877F2;
    color: #fff !important;
}
.modern-social-icons .s-mail:hover {
    background: #EA4335;
    border-color: #EA4335;
    color: #fff !important;
}

/* Mobil Uyumluluk */
@media(max-width: 991px) {
    .modern-social-icons {
        justify-content: center;
        margin-top: 10px;
    }
}

/* Mobilde sadece Marka Kolonu ve Alt Footer (Telif + Sosyal) Görünür */
@media(max-width: 767px) {
    .footer-hide-mobile {
        display: none !important;
    }
    .footer-main-area {
        padding: 35px 0 25px !important;
    }
    .footer-brand-widget {
        text-align: center;
    }
    .footer-logo {
        margin: 0 auto 16px;
    }
    .footer-trust-pills {
        justify-content: center;
    }
    .subfooter-copy {
        text-align: center !important;
        margin-bottom: 12px;
    }
    .modern-social-icons {
        justify-content: center !important;
        margin-top: 0;
    }
}