/* ===================================================================
   MODERN UI v2 — Gömme Rezervuar Servisin
   -------------------------------------------------------------------
   Strateji: HTML/icerige dokunulmadan, salt CSS override katmani.
   Bootstrap + style.css + Plumbox temasi uzerine bindirilir.
   Tum sayfa+mobil tutarli renk + modern micro-detaylar.
   =================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

/* ===== 1. DESIGN TOKENS ===== */
:root{
    /* Yuzey */
    --c-bg:        #ffffff;
    --c-bg-soft:   #f8fafc;
    --c-bg-tinted: #f0f9ff;
    --c-line:      #e2e8f0;
    --c-line-soft: #f1f5f9;

    /* Metin */
    --c-ink:    #0f172a;
    --c-ink-2:  #334155;
    --c-muted:  #64748b;
    --c-soft:   #94a3b8;

    /* Marka */
    --c-primary:    #0c4a6e;
    --c-primary-2:  #075985;
    --c-primary-3:  #0e7490;
    --c-primary-d:  #082f49;

    /* Aksent (su / temizlik temasi) */
    --c-accent:    #06b6d4;
    --c-accent-2:  #0891b2;
    --c-teal:      #14b8a6;
    --c-sky:       #38bdf8;
    --c-sky-2:     #7dd3fc;

    /* Vurgu / detay */
    --c-gold:      #fbbf24;
    --c-warm:      #f97316;
    --c-warm-2:    #ea580c;

    /* Boyutlar */
    --r-sm: 10px;
    --r:    16px;
    --r-lg: 22px;
    --r-xl: 28px;

    /* Golgeler */
    --sh-xs: 0 1px 2px rgba(15,23,42,.05);
    --sh-sm: 0 4px 12px rgba(12,74,110,.06), 0 1px 3px rgba(12,74,110,.04);
    --sh:    0 10px 28px rgba(12,74,110,.10), 0 3px 8px rgba(12,74,110,.06);
    --sh-lg: 0 24px 56px rgba(12,74,110,.16), 0 8px 20px rgba(12,74,110,.08);
    --sh-glow: 0 14px 40px rgba(6,182,212,.32);

    /* Gecisler */
    --t: .28s cubic-bezier(.2,.7,.2,1);
    --t-slow: .55s cubic-bezier(.2,.7,.2,1);

    /* Gradient'ler */
    --g-primary: linear-gradient(135deg, #0c4a6e 0%, #075985 60%, #0e7490 100%);
    --g-primary-deep: linear-gradient(135deg, #082f49 0%, #0c4a6e 100%);
    --g-accent: linear-gradient(135deg, #06b6d4 0%, #0e7490 100%);
    --g-cta: linear-gradient(135deg, #06b6d4 0%, #0891b2 50%, #075985 100%);
    --g-warm: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    --g-mesh: radial-gradient(at 8% 12%, rgba(6,182,212,.18), transparent 45%),
              radial-gradient(at 92% 88%, rgba(56,189,248,.16), transparent 50%),
              radial-gradient(at 50% 50%, rgba(14,116,144,.10), transparent 60%);
}

/* ===== 2. RESET + TIPOGRAFI ===== */
html,body{
    font-family:'Plus Jakarta Sans','Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif !important;
    color:var(--c-ink) !important;
    background:var(--c-bg) !important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    letter-spacing:-.005em;
    scroll-behavior:smooth;
}
h1,h2,h3,h4,h5,h6{
    font-family:'Plus Jakarta Sans','Inter',sans-serif !important;
    color:var(--c-ink) !important;
    font-weight:700 !important;
    line-height:1.18 !important;
    letter-spacing:-.022em !important;
}
h1{ font-size:clamp(2rem, 4vw, 3.4rem) !important; font-weight:800 !important; }
h2{ font-size:clamp(1.7rem, 3vw, 2.6rem) !important; }
h3{ font-size:clamp(1.25rem, 2vw, 1.6rem) !important; }
p,li,span{ letter-spacing:-.003em; }
p{ color:var(--c-ink-2) !important; line-height:1.75 !important; }
a{ color:var(--c-primary); transition:color var(--t); text-decoration:none; }
a:hover{ color:var(--c-accent); }
img{ max-width:100%; height:auto; }
::selection{ background:var(--c-accent); color:#fff; }

/* ===== 3. UTIL ===== */
.section-title-tagline,
.site-title-tagline{
    display:inline-block !important;
    color:var(--c-accent-2) !important;
    font-weight:700 !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
    font-size:.78rem !important;
    padding:7px 16px !important;
    background:rgba(6,182,212,.10) !important;
    border:1px solid rgba(6,182,212,.18) !important;
    border-radius:999px !important;
    margin-bottom:18px !important;
}
.heading-divider{
    display:block;
    width:90px; height:4px;
    background:var(--g-cta);
    border-radius:4px;
    margin:18px auto 22px;
}
.site-heading.text-center .heading-divider{ margin-left:auto; margin-right:auto; }
.site-heading:not(.text-center) .heading-divider{ margin-left:0; }
.site-heading p{ font-size:1.02rem; }

/* ===== 4. BUTONLAR ===== */
.theme-btn,
button.theme-btn,
a.theme-btn,
.btn-primary,
.main-btn,
.blog-btn{
    background:var(--g-cta) !important;
    color:#fff !important;
    border:0 !important;
    padding:14px 30px !important;
    border-radius:999px !important;
    font-weight:600 !important;
    font-size:.96rem !important;
    letter-spacing:.005em !important;
    box-shadow:0 12px 28px rgba(6,182,212,.32), 0 3px 8px rgba(12,74,110,.16) !important;
    transition:transform var(--t), box-shadow var(--t), filter var(--t) !important;
    display:inline-flex !important;
    align-items:center;
    gap:.6rem;
    position:relative;
    overflow:hidden;
}
.theme-btn::after{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(135deg, rgba(255,255,255,.18), transparent 60%);
    pointer-events:none;
    opacity:0;
    transition:opacity var(--t);
}
.theme-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 40px rgba(6,182,212,.42), 0 6px 14px rgba(12,74,110,.2) !important;
    color:#fff !important;
    filter:brightness(1.06);
}
.theme-btn:hover::after{ opacity:1; }
.theme-btn i{ transition:transform var(--t); }
.theme-btn:hover i{ transform:translateX(4px); }

.theme-btn.theme-btn2,
a.theme-btn.theme-btn2{
    background:rgba(255,255,255,.10) !important;
    border:1.5px solid rgba(255,255,255,.55) !important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    box-shadow:none !important;
}
.theme-btn.theme-btn2:hover{
    background:rgba(255,255,255,.22) !important;
    border-color:#fff !important;
    color:#fff !important;
}

.blog-btn{
    padding:11px 22px !important;
    font-size:.88rem !important;
    background:transparent !important;
    color:var(--c-primary) !important;
    border:1.5px solid var(--c-line) !important;
    box-shadow:none !important;
}
.blog-btn:hover{
    background:var(--g-cta) !important;
    color:#fff !important;
    border-color:transparent !important;
    box-shadow:0 12px 28px rgba(6,182,212,.32) !important;
}

/* ===== 5. HEADER TOP (üst bilgi seridi) ===== */
.header-top{
    background:var(--g-primary-deep) !important;
    border:0 !important;
    padding:9px 0 !important;
    font-size:.86rem;
}
.header-top a,.header-top li,.header-top span{ color:#cbd5e1 !important; }
.header-top a:hover{ color:var(--c-sky-2) !important; }
.header-top i{ color:var(--c-sky) !important; margin-right:6px; }
.header-top-social a{
    display:inline-flex;align-items:center;justify-content:center;
    width:30px; height:30px; border-radius:50%;
    background:rgba(255,255,255,.08) !important;
    margin-left:6px !important;
    color:#fff !important;
    transition:background var(--t), transform var(--t);
}
.header-top-social a:hover{ background:var(--c-accent) !important; transform:translateY(-2px); color:#fff !important; }

/* ===== 6. NAVBAR ===== */
.header{ background:#fff; }
.main-navigation{
    background:#fff !important;
    box-shadow:0 1px 0 rgba(15,23,42,.04), 0 4px 18px rgba(12,74,110,.04);
}
.main-navigation.sticky,
.header.sticky .main-navigation{
    box-shadow:0 8px 24px rgba(12,74,110,.10);
}
.navbar-brand{ padding:8px 0; }
.navbar-brand img{ filter:drop-shadow(0 4px 10px rgba(12,74,110,.18)); max-width:160px; }
.navbar-nav .nav-link{
    color:var(--c-ink) !important;
    font-weight:600 !important;
    font-size:.96rem !important;
    padding:18px 14px !important;
    position:relative;
    transition:color var(--t);
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-item.active > .nav-link,
.navbar-nav .nav-item.show > .nav-link{ color:var(--c-accent-2) !important; }
.navbar-nav .nav-link::after{
    content:"";
    position:absolute;
    left:14px; right:14px; bottom:12px;
    height:2px; border-radius:2px;
    background:var(--g-accent);
    transform:scaleX(0); transform-origin:left;
    transition:transform var(--t);
}
.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-item.active > .nav-link::after{ transform:scaleX(1); }

/* Dropdown — beyaz bg + koyu yazi (style.css override) */
.navbar .nav-item .dropdown-menu,
.navbar-nav .dropdown-menu,
.dropdown-menu{
    background:#ffffff !important;
    border:0 !important;
    border-radius:var(--r) !important;
    box-shadow:var(--sh-lg) !important;
    padding:10px !important;
    min-width:260px !important;
    margin-top:8px !important;
}
.navbar .nav-item .dropdown-menu li{ border:0 !important; }
.navbar .nav-item .dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-item,
.dropdown-item{
    color:var(--c-ink) !important;
    font-weight:500 !important;
    font-size:.94rem !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    padding:11px 14px !important;
    border-radius:var(--r-sm) !important;
    transition:background var(--t), color var(--t), padding var(--t) !important;
}
.navbar .nav-item .dropdown-menu .dropdown-item::before{ display:none !important; content:none !important; }
.navbar .nav-item .dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:hover,
.dropdown-item:hover{
    background:rgba(6,182,212,.10) !important;
    color:var(--c-primary) !important;
    padding-left:18px !important;
}

/* Header sağ telefon kutusu */
.header-phone{
    background:rgba(6,182,212,.08) !important;
    border-radius:var(--r) !important;
    padding:10px 16px !important;
    transition:background var(--t);
    display:flex; align-items:center; gap:12px;
}
.header-phone:hover{ background:rgba(6,182,212,.14) !important; }
.header-phone-icon{
    width:42px; height:42px;
    background:var(--g-cta);
    border-radius:12px;
    display:inline-flex; align-items:center; justify-content:center;
    box-shadow:0 8px 18px rgba(6,182,212,.32);
}
.header-phone-icon i{ color:#fff !important; font-size:1.2rem !important; }
.header-phone-content span{ color:var(--c-muted) !important; font-size:.76rem !important; }
.header-phone-number a{ color:var(--c-primary) !important; font-weight:700 !important; }

.navbar-toggler{
    border:1.5px solid var(--c-line) !important;
    border-radius:10px !important;
    padding:8px 12px !important;
}
.navbar-toggler-icon i{ color:var(--c-primary); }

/* ===== 7. HERO / SLIDER ===== */
.hero-section, .hero-slider{ position:relative; }
.hero-single{
    position:relative;
    padding:140px 0 !important;
    background-position:center !important;
    background-size:cover !important;
}
.hero-single::before{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(120deg, rgba(8,47,73,.92) 0%, rgba(12,74,110,.72) 45%, rgba(14,116,144,.40) 100%);
    pointer-events:none;
    z-index:0;
}
.hero-single > .container{ position:relative; z-index:2; }
.hero-content{ max-width:680px; }
.hero-sub-title{
    display:inline-block;
    color:var(--c-sky) !important;
    font-weight:700 !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
    font-size:.84rem !important;
    padding:8px 18px !important;
    background:rgba(56,189,248,.12);
    border:1px solid rgba(56,189,248,.30);
    border-radius:999px !important;
    margin-bottom:22px !important;
}
.hero-title{
    color:#fff !important;
    font-size:clamp(2.2rem, 4.5vw, 4rem) !important;
    font-weight:800 !important;
    line-height:1.08 !important;
    margin:14px 0 22px !important;
    letter-spacing:-.025em !important;
    text-shadow:0 6px 30px rgba(0,0,0,.32);
}
.hero-single p{
    color:#dbeafe !important;
    font-size:1.08rem !important;
    line-height:1.75 !important;
    max-width:560px;
}
.hero-btn{ display:flex; gap:14px; flex-wrap:wrap; margin-top:30px; }
.hero-slider.owl-theme .owl-nav button{
    width:48px !important; height:48px !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.14) !important;
    backdrop-filter:blur(8px);
    border:1.5px solid rgba(255,255,255,.30) !important;
    color:#fff !important;
    transition:background var(--t), transform var(--t);
}
.hero-slider.owl-theme .owl-nav button:hover{
    background:var(--c-accent) !important;
    border-color:transparent !important;
    transform:scale(1.08);
}
.hero-slider.owl-theme .owl-dots .owl-dot span{
    width:10px !important; height:10px !important;
    background:rgba(255,255,255,.4) !important;
    border-radius:50% !important;
    transition:all var(--t);
}
.hero-slider.owl-theme .owl-dots .owl-dot.active span{
    background:var(--c-accent) !important;
    width:30px !important;
    border-radius:6px !important;
}

/* ===== 8. EMERGENCY (slider altı) ===== */
.emergency-area{
    background:var(--g-warm) !important;
    position:relative;
    overflow:hidden;
}
.emergency-area::before{
    content:"";
    position:absolute; inset:0;
    background:var(--g-mesh);
    opacity:.6;
    pointer-events:none;
}
.emergency-area > *{ position:relative; z-index:1; }
.emergency-call{
    text-align:center;
    padding:32px 18px;
    background:rgba(0,0,0,.18);
    backdrop-filter:blur(6px);
}
.emergency-call h3{ color:#fff !important; font-size:1.05rem !important; opacity:.9; margin-bottom:6px !important; font-weight:600 !important; }
.emergency-call p{ color:#fff !important; font-size:1.65rem !important; font-weight:800 !important; letter-spacing:-.02em; margin:0 !important; }
.emergency-wrapper{ padding:28px 18px; }
.emergency-item{
    display:flex; gap:18px; align-items:flex-start;
    padding:18px;
    border-radius:var(--r-lg);
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(6px);
    border:1px solid rgba(255,255,255,.18);
    transition:transform var(--t), background var(--t);
}
.emergency-item:hover{
    transform:translateY(-4px);
    background:rgba(255,255,255,.16);
}
.emergency-icon{
    flex-shrink:0;
    width:58px; height:58px;
    border-radius:16px;
    display:inline-flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.18);
    color:#fff;
    font-size:1.5rem;
}
.emergency-icon i{ color:#fff !important; }
.emergency-content h3{ color:#fff !important; font-size:1.08rem !important; margin-bottom:6px !important; }
.emergency-content p{ color:#fff !important; opacity:.92; margin:0 !important; font-size:.92rem !important; line-height:1.6 !important; }

/* ===== 9. ABOUT ===== */
.about-area{ padding:110px 0 !important; background:var(--c-bg); position:relative; }
.about-img{
    position:relative;
    border-radius:var(--r-xl);
    overflow:hidden;
    box-shadow:var(--sh-lg);
}
.about-img::before{
    content:"";
    position:absolute;
    inset:-20px -20px auto auto;
    width:140px; height:140px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(6,182,212,.30), transparent 70%);
    z-index:-1;
}
.about-img img{ width:100%; height:auto; display:block; transition:transform var(--t-slow); }
.about-img:hover img{ transform:scale(1.04); }
.about-right .site-title{ font-size:clamp(1.8rem, 3vw, 2.4rem) !important; margin-bottom:12px !important; }
.about-text{ color:var(--c-ink-2) !important; font-size:1.02rem !important; }
.about-list-wrapper{ margin:22px 0; }
.about-list{ display:grid; gap:12px; padding-left:0 !important; }
.about-list li{
    display:flex; align-items:center; gap:14px;
    padding:14px 18px;
    background:var(--c-bg-tinted);
    border:1px solid rgba(6,182,212,.15);
    border-radius:14px;
    transition:transform var(--t), border-color var(--t);
}
.about-list li:hover{ transform:translateX(4px); border-color:var(--c-accent); }
.about-list .icon{
    width:34px; height:34px;
    border-radius:50%;
    background:var(--g-cta);
    color:#fff;
    display:inline-flex; align-items:center; justify-content:center;
    flex-shrink:0;
    box-shadow:0 6px 14px rgba(6,182,212,.32);
}
.about-list .icon span{ color:#fff !important; font-size:.95rem; }
.about-list .text p{ margin:0 !important; color:var(--c-ink) !important; font-weight:600 !important; }

.about-solutions{
    display:flex; gap:16px; align-items:center;
    padding:18px 20px;
    background:var(--g-primary);
    border-radius:var(--r);
    box-shadow:var(--sh);
    margin:24px 0;
    color:#fff;
}
.about-solutions-icon{
    width:56px; height:56px;
    border-radius:14px;
    background:rgba(255,255,255,.14);
    display:inline-flex; align-items:center; justify-content:center;
    flex-shrink:0;
    color:var(--c-sky);
    font-size:1.5rem;
}
.about-solutions-icon span{ color:var(--c-sky-2) !important; }
.about-solutions-text-box p,
.about-solutions-tex{
    margin:0 !important;
    color:#e0f2fe !important;
    font-size:.94rem !important;
    line-height:1.6 !important;
}

/* ===== 10. SERVICE GRID ===== */
.service-area{ padding:100px 0 !important; background:linear-gradient(180deg, var(--c-bg) 0%, var(--c-bg-soft) 100%); }
.service-area .row > [class*="col-"]{ margin-bottom:28px; }
.service-item{
    position:relative;
    background:#fff !important;
    border:1px solid var(--c-line) !important;
    border-radius:var(--r-xl) !important;
    overflow:hidden;
    box-shadow:var(--sh-sm) !important;
    transition:transform var(--t), box-shadow var(--t), border-color var(--t) !important;
    height:100%;
    display:flex; flex-direction:column;
}
.service-item:hover{
    transform:translateY(-8px);
    box-shadow:var(--sh-lg) !important;
    border-color:rgba(6,182,212,.4) !important;
}
.service-img{
    position:relative;
    overflow:hidden;
    aspect-ratio:16/10;
}
.service-img img{
    width:100%; height:100%;
    object-fit:cover;
    transition:transform var(--t-slow);
}
.service-item:hover .service-img img{ transform:scale(1.08); }
.service-img::after{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(to top, rgba(8,47,73,.45) 0%, transparent 60%);
    pointer-events:none;
}
.service-icon{
    position:absolute;
    left:22px; bottom:-28px;
    width:62px; height:62px;
    border-radius:18px;
    background:var(--g-cta);
    color:#fff !important;
    display:inline-flex; align-items:center; justify-content:center;
    font-size:1.5rem;
    box-shadow:var(--sh);
    z-index:3;
    transition:transform var(--t);
}
.service-item:hover .service-icon{ transform:rotate(-8deg) scale(1.08); }
.service-icon i{ color:#fff !important; }
.service-content{
    padding:42px 24px 24px;
    display:flex; flex-direction:column;
    flex:1;
}
.service-title{
    font-size:1.22rem !important;
    margin-bottom:10px !important;
    line-height:1.3 !important;
}
.service-title a{ color:var(--c-ink) !important; transition:color var(--t); }
.service-title a:hover{ color:var(--c-accent-2) !important; }
.service-text{
    color:var(--c-muted) !important;
    font-size:.94rem !important;
    margin-bottom:18px !important;
    flex:1;
}
.service-arrow{ margin-top:auto; }
.service-arrow .theme-btn{
    padding:11px 22px !important;
    font-size:.86rem !important;
}

/* ===== 11. COUNTER ===== */
.counter-area{
    background:var(--g-primary) !important;
    position:relative;
    overflow:hidden;
    padding:60px 0 !important;
}
.counter-area::before{
    content:"";
    position:absolute; inset:0;
    background:var(--g-mesh);
    pointer-events:none;
}
.counter-area::after{
    content:"";
    position:absolute;
    width:380px; height:380px;
    background:radial-gradient(circle, rgba(56,189,248,.18), transparent 70%);
    border-radius:50%;
    top:-180px; right:-100px;
    pointer-events:none;
}
.counter-area > *{ position:relative; z-index:1; }
.counter-area .row > [class*="col-"]{ padding:8px; }
.counter-box{
    background:rgba(255,255,255,.06) !important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:var(--r-lg) !important;
    padding:28px 18px !important;
    text-align:center;
    transition:transform var(--t), background var(--t), border-color var(--t);
    box-shadow:none !important;
}
.counter-box:hover{
    transform:translateY(-6px);
    background:rgba(255,255,255,.10) !important;
    border-color:rgba(56,189,248,.35) !important;
}
.counter-box .icon{
    width:64px; height:64px;
    border-radius:16px;
    margin:0 auto 16px;
    background:rgba(56,189,248,.18);
    display:inline-flex; align-items:center; justify-content:center;
    color:var(--c-sky) !important;
    font-size:1.7rem !important;
}
.counter-box .icon i{ color:var(--c-sky) !important; }
.counter-area .counter,
.counter-box .counter,
.counter-box span.counter{
    color:var(--c-gold) !important;
    font-weight:800 !important;
    font-size:2.6rem !important;
    line-height:1 !important;
    display:inline-block;
    letter-spacing:-.02em;
    text-shadow:0 4px 18px rgba(251,191,36,.25);
}
.counter-box .title{
    color:#e0f2fe !important;
    font-size:.95rem !important;
    margin-top:8px !important;
    font-weight:500 !important;
}

/* ===== 12. BLOG GRID ===== */
.blog-area{ padding:100px 0 !important; background:var(--c-bg); }
.blog-area .row > [class*="col-"]{ margin-bottom:28px; }
.blog-item{
    background:#fff !important;
    border:1px solid var(--c-line) !important;
    border-radius:var(--r-xl) !important;
    overflow:hidden;
    box-shadow:var(--sh-sm) !important;
    transition:transform var(--t), box-shadow var(--t), border-color var(--t);
    height:100%;
    display:flex; flex-direction:column;
}
.blog-item:hover{
    transform:translateY(-8px);
    box-shadow:var(--sh-lg) !important;
    border-color:rgba(6,182,212,.35) !important;
}
.blog-item-img{ overflow:hidden; aspect-ratio:16/10; }
.blog-item-img img{
    width:100%; height:100%;
    object-fit:cover;
    transition:transform var(--t-slow);
}
.blog-item:hover .blog-item-img img{ transform:scale(1.06); }
.blog-item-info{ padding:24px; flex:1; display:flex; flex-direction:column; }
.blog-item-meta ul{
    display:flex; flex-wrap:wrap;
    gap:14px;
    list-style:none;
    padding:0 !important;
    margin:0 0 12px !important;
}
.blog-item-meta li a{
    color:var(--c-muted) !important;
    font-size:.84rem !important;
    display:inline-flex; align-items:center; gap:6px;
}
.blog-item-meta li a i{ color:var(--c-accent) !important; }
.blog-title{
    font-size:1.15rem !important;
    line-height:1.4 !important;
    margin-bottom:10px !important;
}
.blog-title a{ color:var(--c-ink) !important; transition:color var(--t); }
.blog-title a:hover{ color:var(--c-accent-2) !important; }
.blog-item-info p{
    color:var(--c-muted) !important;
    font-size:.94rem !important;
    margin-bottom:14px !important;
    flex:1;
}

/* ===== 13. QUOTE / FORM ===== */
.quote-area{
    padding:100px 0 !important;
    background:var(--g-primary) !important;
    position:relative;
    overflow:hidden;
}
.quote-area::before{
    content:"";
    position:absolute; inset:0;
    background:var(--g-mesh);
    pointer-events:none;
}
.quote-area > *{ position:relative; z-index:1; }
.quote-wrapper{
    background:rgba(255,255,255,.06);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.12);
    border-radius:var(--r-xl);
    padding:36px;
    box-shadow:var(--sh-lg);
}
.quote-thum{
    border-radius:var(--r-lg);
    overflow:hidden;
    height:100%;
}
.quote-thum img{
    width:100%; height:100%;
    object-fit:cover;
    border-radius:var(--r-lg);
}
.quote-content{ padding-left:14px; }
.quote-header h6{
    color:var(--c-sky) !important;
    font-weight:700 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    font-size:.78rem !important;
    margin-bottom:10px !important;
}
.quote-header h2{
    color:#fff !important;
    font-size:clamp(1.5rem, 2.4vw, 2rem) !important;
    margin-bottom:22px !important;
}
.quote-area .form-group{ margin-bottom:14px; }
.quote-area .form-control,
.quote-area .form-select,
.quote-area input,
.quote-area textarea,
.quote-area select{
    background:rgba(255,255,255,.10) !important;
    border:1.5px solid rgba(255,255,255,.18) !important;
    color:#fff !important;
    padding:14px 16px !important;
    border-radius:12px !important;
    box-shadow:none !important;
    font-size:.95rem !important;
    transition:border-color var(--t), background var(--t);
}
.quote-area .form-control::placeholder,
.quote-area input::placeholder,
.quote-area textarea::placeholder{ color:#cbd5e1 !important; }
.quote-area .form-control:focus,
.quote-area input:focus,
.quote-area textarea:focus,
.quote-area select:focus{
    background:rgba(255,255,255,.18) !important;
    border-color:var(--c-sky) !important;
    outline:none !important;
    box-shadow:0 0 0 4px rgba(56,189,248,.22) !important;
}
.quote-area select.form-select option{ background:#0c4a6e !important; color:#fff; }
.quote-area button.theme-btn{ margin-top:8px; }

/* ===== 14. FAQ / SSS ===== */
.faq-area{ padding:100px 0 !important; background:var(--c-bg-soft); }
.faq-left .site-title{ font-size:clamp(1.8rem, 3vw, 2.4rem) !important; }
.accordion{ display:grid; gap:14px; }
.accordion-item{
    background:#fff !important;
    border:1px solid var(--c-line) !important;
    border-radius:var(--r) !important;
    overflow:hidden;
    box-shadow:var(--sh-xs);
    transition:border-color var(--t), box-shadow var(--t);
}
.accordion-item:has(.accordion-button:not(.collapsed)){
    border-color:rgba(6,182,212,.45) !important;
    box-shadow:0 12px 28px rgba(6,182,212,.10);
}
.accordion-button{
    background:#fff !important;
    color:var(--c-ink) !important;
    font-weight:600 !important;
    font-size:1rem !important;
    padding:18px 22px !important;
    border:0 !important;
    box-shadow:none !important;
    gap:12px;
}
.accordion-button:not(.collapsed){
    background:linear-gradient(135deg, rgba(6,182,212,.08), rgba(14,116,144,.05)) !important;
    color:var(--c-primary) !important;
}
.accordion-button:focus{ box-shadow:0 0 0 4px rgba(6,182,212,.18) !important; }
.accordion-button > span{
    width:32px; height:32px;
    flex-shrink:0;
    background:rgba(6,182,212,.12);
    border-radius:10px;
    display:inline-flex; align-items:center; justify-content:center;
    color:var(--c-accent-2) !important;
}
.accordion-button:not(.collapsed) > span{ background:var(--g-cta); color:#fff !important; }
.accordion-button:not(.collapsed) > span i{ color:#fff !important; }
.accordion-button::after{
    background:none !important;
    content:"\f067";
    font-family:"Font Awesome 5 Pro","Font Awesome 5 Free","FontAwesome";
    font-weight:900;
    color:var(--c-accent-2);
    width:auto !important; height:auto !important;
    transition:transform var(--t);
}
.accordion-button:not(.collapsed)::after{
    content:"\f068";
    color:var(--c-primary);
}
.accordion-body{
    padding:6px 22px 22px !important;
    color:var(--c-ink-2) !important;
    line-height:1.7 !important;
    font-size:.95rem !important;
}

/* ===== 15. TESTIMONIAL ===== */
.testimonial-area{
    padding:80px 0 !important;
    background:var(--g-primary) !important;
    position:relative;
    overflow:hidden;
}
.testimonial-area::before{
    content:"";
    position:absolute; inset:0;
    background:var(--g-mesh);
    pointer-events:none;
}
.testimonial-area > *{ position:relative; z-index:1; }
.testimonial-area .site-heading .site-title,
.testimonial-area .site-heading h2,
.testimonial-area .site-title.text-white,
.testimonial-area p.text-white{ color:#fff !important; }
.testimonial-area .site-title-tagline{
    color:#fff !important;
    background:rgba(255,255,255,.10) !important;
    border-color:rgba(255,255,255,.20) !important;
}
.testimonial-area p{ color:#dbeafe !important; }
.testimonial-single{
    background:rgba(255,255,255,.96);
    border-radius:var(--r-xl);
    padding:32px 28px;
    box-shadow:var(--sh);
    margin:0 12px 12px;
    position:relative;
    transition:transform var(--t);
}
.testimonial-single:hover{ transform:translateY(-4px); }
.testimonial-quote{ position:relative; padding-top:18px; }
.testimonial-quote-icon{
    position:absolute;
    top:-12px; left:0;
    width:50px; height:50px;
    border-radius:14px;
    background:var(--g-cta);
    color:#fff;
    display:inline-flex; align-items:center; justify-content:center;
    font-size:1.3rem;
    box-shadow:var(--sh-glow);
}
.testimonial-quote-icon i{ color:#fff !important; }
.testimonial-quote p{
    color:var(--c-ink-2) !important;
    font-size:1rem !important;
    line-height:1.7 !important;
    margin:18px 0 22px !important;
    font-style:italic;
}
.testimonial-content{
    display:flex; align-items:center; gap:14px;
    padding-top:18px;
    border-top:1px solid var(--c-line);
}
.testimonial-author-img{ flex-shrink:0; }
.testimonial-author-img img{
    width:54px; height:54px;
    border-radius:50%;
    object-fit:cover;
    border:3px solid #fff;
    box-shadow:var(--sh-sm);
}
.testimonial-author-info h4{ font-size:1rem !important; margin-bottom:2px !important; color:var(--c-ink) !important; }
.testimonial-author-info p{ font-size:.85rem !important; color:var(--c-muted) !important; margin:0 !important; }
.testimonial-rate i{ color:var(--c-gold) !important; font-size:.82rem; }

/* ===== 16. CASE / HIZMET BOLGELERI SLIDER ===== */
.case-area{ padding:100px 0 !important; background:var(--c-bg); }
.case-slider .owl-stage-outer{ padding:8px 0 18px; }
.case-item{
    position:relative;
    border-radius:var(--r-xl);
    overflow:hidden;
    background:#fff;
    box-shadow:var(--sh-sm);
    transition:transform var(--t), box-shadow var(--t);
}
.case-item:hover{
    transform:translateY(-6px);
    box-shadow:var(--sh-lg);
}
.case-img{ overflow:hidden; aspect-ratio:4/3; position:relative; }
.case-img img{
    width:100%; height:100%;
    object-fit:cover;
    transition:transform var(--t-slow);
}
.case-item:hover .case-img img{ transform:scale(1.08); }
.case-img::after{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(to top, rgba(8,47,73,.7), transparent 50%);
    pointer-events:none;
}
.case-link{
    position:absolute;
    top:14px; right:14px;
    width:42px; height:42px;
    border-radius:50%;
    background:rgba(255,255,255,.85) !important;
    color:var(--c-primary) !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    transition:background var(--t), transform var(--t);
    z-index:2;
}
.case-link:hover{
    background:var(--c-accent) !important;
    color:#fff !important;
    transform:rotate(90deg);
}
.case-content{
    position:absolute;
    left:18px; right:18px; bottom:14px;
    z-index:2;
    display:flex; justify-content:space-between; align-items:center;
    gap:12px;
}
.case-content-info h4{
    margin:0 !important;
    font-size:1.05rem !important;
    line-height:1.3 !important;
}
.case-content-info h4 a{ color:#fff !important; text-shadow:0 2px 6px rgba(0,0,0,.4); }
.case-content-info h4 a:hover{ color:var(--c-sky-2) !important; }
.case-arrow{
    width:38px; height:38px;
    border-radius:50%;
    background:var(--g-cta);
    color:#fff !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    box-shadow:var(--sh-glow);
    transition:transform var(--t);
}
.case-arrow:hover{ transform:translateX(4px); color:#fff !important; }
.case-arrow i{ color:#fff !important; }

/* Owl dots */
.owl-theme .owl-dots .owl-dot span{
    width:10px !important; height:10px !important;
    background:var(--c-line) !important;
    border-radius:50% !important;
    transition:all var(--t);
}
.owl-theme .owl-dots .owl-dot.active span{
    background:var(--c-accent) !important;
    width:30px !important;
    border-radius:6px !important;
}

/* ===== 17. PAGE HEADER (alt sayfa banner) ===== */
.page-header,
.breadcrumb-area,
.page-banner,
.breadcrumb-wrap{
    background:var(--g-primary) !important;
    color:#fff !important;
    padding:90px 0 !important;
    position:relative;
    overflow:hidden;
}
.page-header::before,
.breadcrumb-area::before{
    content:"";
    position:absolute; inset:0;
    background:var(--g-mesh);
    pointer-events:none;
}
.page-header > *,.breadcrumb-area > *{ position:relative; z-index:1; }
.page-header h1,.page-header h2,
.breadcrumb-area h1,.breadcrumb-area h2{
    color:#fff !important;
    margin-bottom:14px !important;
}
.breadcrumb,.breadcrumb-list{
    display:inline-flex; flex-wrap:wrap;
    gap:6px;
    background:rgba(255,255,255,.08) !important;
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.16);
    padding:8px 18px !important;
    border-radius:999px !important;
}
.breadcrumb a,.breadcrumb li,.breadcrumb-list a,.breadcrumb-list li{ color:#cbd5e1 !important; font-size:.88rem; }
.breadcrumb a:hover,.breadcrumb-list a:hover{ color:var(--c-sky-2) !important; }
.breadcrumb .active,
.breadcrumb-item.active{ color:#fff !important; font-weight:600 !important; }

/* ===== 18. GENEL FORM (iletisim/iletisim formu) ===== */
input.form-control,textarea.form-control,select.form-control,
input[type="text"],input[type="email"],input[type="tel"],
input[type="search"],textarea,select.form-select{
    background:#fff !important;
    border:1.5px solid var(--c-line) !important;
    border-radius:12px !important;
    padding:13px 16px !important;
    font-size:.96rem !important;
    color:var(--c-ink) !important;
    box-shadow:none !important;
    transition:border-color var(--t), box-shadow var(--t), background var(--t);
}
input.form-control:focus,textarea.form-control:focus,
select.form-control:focus,textarea:focus,select.form-select:focus{
    border-color:var(--c-accent) !important;
    box-shadow:0 0 0 4px rgba(6,182,212,.15) !important;
    outline:none !important;
    background:#fff !important;
}
.subscribe-form{ position:relative; }
.subscribe-form input{ padding-right:160px !important; }
.subscribe-form button{
    position:absolute; right:6px; top:50%;
    transform:translateY(-50%);
    padding:10px 20px !important;
    font-size:.88rem !important;
}

/* ===== 19. FOOTER ===== */
.footer-area{
    background:linear-gradient(135deg, var(--c-primary-d) 0%, var(--c-primary) 100%) !important;
    color:#cbd5e1 !important;
    position:relative;
    overflow:hidden;
    padding-top:20px;
}
.footer-area::before{
    content:"";
    position:absolute;
    top:-160px; right:-160px;
    width:420px; height:420px;
    background:radial-gradient(circle, rgba(6,182,212,.20), transparent 70%);
    pointer-events:none;
}
.footer-area::after{
    content:"";
    position:absolute;
    bottom:-100px; left:-100px;
    width:340px; height:340px;
    background:radial-gradient(circle, rgba(56,189,248,.14), transparent 70%);
    pointer-events:none;
}
.footer-area > *{ position:relative; z-index:1; }
.footer-area p,.footer-area li,.footer-area a,.footer-area span{ color:#cbd5e1 !important; }
.footer-widget{ padding:30px 0 0; }
.footer-logo img{ max-width:180px; filter:brightness(1.1) drop-shadow(0 4px 12px rgba(6,182,212,.30)); }
.footer-widget-title{
    color:#fff !important;
    font-weight:700 !important;
    font-size:1.05rem !important;
    margin-bottom:20px !important;
    position:relative;
    padding-bottom:12px;
}
.footer-widget-title::after{
    content:""; position:absolute; left:0; bottom:0;
    width:36px; height:3px; border-radius:3px;
    background:var(--g-cta);
}
.footer-list{ padding:0 !important; }
.footer-list li{ margin-bottom:8px; list-style:none; }
.footer-list li a{
    transition:color var(--t), padding var(--t);
    display:inline-block;
    font-size:.94rem;
}
.footer-list li a:hover{ color:var(--c-sky-2) !important; padding-left:6px; }
.footer-social{ display:flex; gap:8px; margin:14px 0 0; padding:0 !important; }
.footer-social li{ list-style:none; }
.footer-social li a,.footer-area .footer-social a{
    display:inline-flex; align-items:center; justify-content:center;
    width:38px; height:38px; border-radius:50%;
    background:rgba(255,255,255,.08);
    color:#fff !important;
    transition:background var(--t), transform var(--t), box-shadow var(--t);
}
.footer-social li a:hover{
    background:var(--g-cta);
    transform:translateY(-3px);
    box-shadow:var(--sh-glow);
}
.footer-contact-info{
    background:rgba(255,255,255,.04) !important;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:24px 0;
    margin-top:10px;
}
.contact-info-item{ display:flex; align-items:center; gap:14px; }
.contact-info-icon{
    width:48px; height:48px; border-radius:14px;
    display:inline-flex; align-items:center; justify-content:center;
    background:rgba(6,182,212,.18) !important;
    color:var(--c-sky) !important;
    font-size:1.2rem;
    flex-shrink:0;
}
.contact-info-item h5{ color:#fff !important; margin-bottom:2px !important; font-size:.92rem !important; font-weight:600 !important; }
.contact-info-item p,.contact-info-item p a{ color:#cbd5e1 !important; font-size:.88rem !important; margin:0 !important; }
.copyright{
    background:rgba(0,0,0,.22) !important;
    padding:16px 0 !important;
    border-top:1px solid rgba(255,255,255,.04);
}
.copyright p,.copyright a,.footer-menu li a{ color:#94a3b8 !important; font-size:.84rem; }
.footer-menu{ display:flex; flex-wrap:wrap; gap:18px; justify-content:flex-end; padding:0 !important; margin:0 !important; }
.footer-menu li{ list-style:none; }
.footer-menu li a:hover{ color:var(--c-sky-2) !important; }

/* ===== 20. WHATSAPP / STICKY MOBIL BAR / SCROLL-TOP ===== */
.whatsapp{
    position:fixed !important;
    right:22px !important; bottom:22px !important;
    z-index:998;
    animation:mr-pulse 2.4s ease-in-out infinite;
}
.whatsapp img{
    width:60px !important; height:60px;
    border-radius:50%;
    box-shadow:0 14px 32px rgba(37,211,102,.5), 0 0 0 4px rgba(37,211,102,.18);
}
@keyframes mr-pulse{
    0%,100%{ transform:scale(1); }
    50%   { transform:scale(1.06); }
}

/* Floating glassmorphism mobil alt bar — kompakt + modern */
.sticky-footer{
    position:fixed !important;
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    width:auto !important;
    background:rgba(8,47,73,.62) !important;
    backdrop-filter:blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter:blur(20px) saturate(180%) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:18px !important;
    padding:6px !important;
    box-shadow:0 12px 30px rgba(8,47,73,.35), 0 2px 8px rgba(0,0,0,.14) !important;
    display:flex !important;
    gap:6px !important;
    z-index:1000;
}
.sticky-footer .dikey-cizgi{ display:none !important; }
.sticky-footer a{
    flex:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    padding:10px 6px !important;
    border-radius:13px !important;
    font-weight:600 !important;
    font-size:.86rem !important;
    color:#fff !important;
    text-decoration:none !important;
    letter-spacing:.002em;
    transition:transform .12s ease, box-shadow var(--t), filter var(--t);
    position:relative;
    overflow:hidden;
    line-height:1;
}
.sticky-footer a::before{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(135deg, rgba(255,255,255,.15), transparent 55%);
    opacity:0;
    transition:opacity var(--t);
    pointer-events:none;
}
.sticky-footer a:active{
    transform:scale(.95);
    filter:brightness(1.08);
}
.sticky-footer a:active::before{ opacity:1; }

/* 1. link = Whatsapp (sade yeşil) */
.sticky-footer a:nth-child(1){
    background:linear-gradient(135deg, #25D366 0%, #1ea854 100%) !important;
    box-shadow:0 6px 16px rgba(37,211,102,.32), inset 0 1px 0 rgba(255,255,255,.15);
}
/* Telefon (cyan, dikey-cizgi 2. eleman olduğu için 3.) */
.sticky-footer a:nth-child(3),
.sticky-footer a:nth-child(2):not(.dikey-cizgi){
    background:linear-gradient(135deg, var(--c-accent) 0%, var(--c-accent-2) 100%) !important;
    box-shadow:0 6px 16px rgba(6,182,212,.32), inset 0 1px 0 rgba(255,255,255,.15);
}

.sticky-footer a img{
    width:18px !important;
    height:18px !important;
    margin:0 !important;
    filter:brightness(1.25) drop-shadow(0 1px 2px rgba(0,0,0,.22));
    flex-shrink:0;
}

#scroll-top{
    background:var(--g-cta) !important;
    border-radius:50% !important;
    width:48px !important; height:48px !important;
    line-height:48px !important;
    color:#fff !important;
    box-shadow:var(--sh-glow) !important;
    transition:transform var(--t);
    right:22px !important;
}
#scroll-top:hover{ transform:translateY(-4px); }
#scroll-top i{ color:#fff !important; }

/* Preloader */
.preloader{ background:#fff !important; }
.loader-box-1,.loader-box-2{ background:var(--c-accent) !important; border-radius:6px; }

/* ===== 21. KOYU BG UZERINDEKI YAZILAR GUVENLIK ===== */
/* style.css'in dolayli olarak siyah birakabilecegi alanlar icin tek defalik beyaz garantisi */
.hero-section, .hero-slider, .hero-single,
.hero-content h1,.hero-content h2,.hero-content h3,
.hero-content h4,.hero-content h5,.hero-content h6,
.hero-content p,.hero-content span,
.hero-title,
.emergency-area, .emergency-area h1, .emergency-area h2,
.emergency-area h3, .emergency-area h4, .emergency-area h5,
.emergency-area h6, .emergency-area p, .emergency-area span,
.emergency-area a{
    color:#fff !important;
}
.hero-sub-title{ color:var(--c-sky) !important; }

/* ===== 22. RESPONSIVE / MOBIL ===== */
@media (max-width: 1199.98px){
    .navbar-nav .nav-link{ padding:14px 10px !important; font-size:.92rem !important; }
    .hero-single{ padding:120px 0 !important; }
    .about-area,.service-area,.blog-area,.faq-area,.case-area,.quote-area{ padding:80px 0 !important; }
}

@media (max-width: 991.98px){
    .header-top{ display:none !important; }
    .main-navigation{ padding:8px 0; }
    .navbar-collapse{
        background:#fff;
        margin-top:12px;
        padding:14px;
        border-radius:var(--r);
        box-shadow:var(--sh);
    }
    .navbar-nav .nav-link{
        padding:12px 8px !important;
        border-bottom:1px solid var(--c-line-soft);
    }
    .navbar-nav .nav-link::after{ display:none; }
    .navbar-nav .nav-item:last-child .nav-link{ border-bottom:0; }
    .navbar .nav-item .dropdown-menu{
        box-shadow:none !important;
        padding:6px 0 8px 12px !important;
        background:var(--c-bg-tinted) !important;
        margin:6px 0 !important;
    }
    .header-nav-right{
        margin-top:12px !important;
        padding-top:12px;
        border-top:1px solid var(--c-line-soft);
        gap:12px !important;
    }
    .header-phone{ flex:1; }
    .header-btn{ flex:1; }
    .header-btn .theme-btn{ width:100%; justify-content:center; }

    .hero-single{ padding:100px 0 !important; min-height:auto; }
    .hero-content{ text-align:left; }
    .hero-title{ font-size:2rem !important; line-height:1.15 !important; }
    .hero-single p{ font-size:.98rem !important; }
    .hero-btn{ flex-direction:column; align-items:flex-start; }
    .hero-btn .theme-btn{ width:auto; }

    .emergency-call{ padding:24px 16px; }
    .emergency-call p{ font-size:1.4rem !important; }
    .emergency-wrapper{ padding:22px 14px; }
    .emergency-item{ padding:14px; }

    .about-img{ margin-bottom:36px; }

    .counter-area{ padding:48px 0 !important; }
    .counter-box .counter{ font-size:2.1rem !important; }
    .counter-box .title{ font-size:.85rem !important; }
    .counter-box .icon{ width:54px; height:54px; }

    .quote-wrapper{ padding:24px; }
    .quote-content{ padding-left:0; margin-top:28px; }
    .quote-thum{ aspect-ratio:16/9; max-height:280px; }

    .footer-widget-wrapper{ padding-top:60px !important; padding-bottom:30px !important; }
    .footer-widget-box{ margin-bottom:28px; }
    .footer-menu{ justify-content:flex-start; margin-top:8px !important; }
    .copyright .row > div{ text-align:center !important; }
    .copyright .footer-menu{ justify-content:center; }
}

@media (max-width: 767.98px){
    h1{ font-size:1.8rem !important; }
    h2{ font-size:1.55rem !important; }
    h3{ font-size:1.2rem !important; }
    .about-area,.service-area,.blog-area,.faq-area,.case-area,.quote-area{ padding:60px 0 !important; }
    .hero-single{ padding:90px 0 !important; }
    .hero-title{ font-size:1.7rem !important; }
    .site-heading p{ font-size:.95rem; }
    .service-content{ padding:38px 18px 20px; }
    .service-icon{ width:54px; height:54px; left:18px; bottom:-24px; font-size:1.3rem; }
    .blog-item-info{ padding:18px; }
    .blog-title{ font-size:1.05rem !important; }

    .testimonial-single{ padding:24px 20px; margin:0 4px 12px; }
    .testimonial-quote p{ font-size:.94rem !important; }
}

@media (max-width: 575.98px){
    body{ padding-bottom:64px; }
    .whatsapp.desktop{ display:none !important; }

    /* Genel buton kompakt */
    .theme-btn{
        padding:10px 18px !important;
        font-size:.84rem !important;
        gap:.4rem !important;
        box-shadow:0 6px 16px rgba(6,182,212,.28), 0 2px 5px rgba(12,74,110,.12) !important;
    }
    .theme-btn i{ font-size:.78rem; }

    /* Hero / slider mobil — daha sıkı */
    .hero-single{ padding:70px 0 90px !important; }
    .hero-title{ font-size:1.5rem !important; line-height:1.18 !important; margin:10px 0 16px !important; }
    .hero-sub-title{
        font-size:.7rem !important;
        padding:5px 12px !important;
        letter-spacing:.12em !important;
        margin-bottom:14px !important;
    }
    .hero-single p{ font-size:.92rem !important; line-height:1.6 !important; }
    .hero-btn{
        gap:8px !important;
        margin-top:18px !important;
        flex-direction:row !important;
        flex-wrap:wrap !important;
    }
    .hero-btn .theme-btn{
        padding:9px 16px !important;
        font-size:.8rem !important;
        flex:0 1 auto;
    }
    .hero-slider.owl-theme .owl-dots{ margin-top:6px !important; }
    .hero-slider.owl-theme .owl-dots .owl-dot span{ width:8px !important; height:8px !important; }
    .hero-slider.owl-theme .owl-dots .owl-dot.active span{ width:22px !important; }

    .emergency-call p{ font-size:1.25rem !important; }
    .counter-area .row > [class*="col-"]{ padding:6px; }
    .counter-box{ padding:20px 12px !important; }
    .counter-box .counter{ font-size:1.85rem !important; }
    .counter-box .title{ font-size:.78rem !important; }
    .accordion-button{ font-size:.94rem !important; padding:14px 16px !important; }
    .accordion-button > span{ width:28px; height:28px; }
    .accordion-body{ padding:6px 16px 16px !important; font-size:.9rem !important; }
    .site-title-tagline{ font-size:.72rem !important; padding:6px 12px !important; }
    .heading-divider{ width:70px; height:3px; }

    .footer-area .row > [class*="col-"]{ margin-bottom:24px; }
    .footer-area .row > [class*="col-"]:last-child{ margin-bottom:0; }
    .contact-info-item{ justify-content:flex-start; }
    .footer-contact-info .row > div{ margin-bottom:14px; }
}

/* ===== 23. UFAK DOKUNUSLAR ===== */
img,svg{ transition:transform var(--t), opacity var(--t); }
.text-white{ color:#fff !important; }
.bg-white{ background:#fff !important; }

/* Focus erisilebilirligi */
a:focus-visible,button:focus-visible,
.theme-btn:focus-visible,.dropdown-item:focus-visible{
    outline:3px solid var(--c-sky);
    outline-offset:2px;
}

/* Disable yatay scroll uyari */
body{ overflow-x:hidden; }


/* ============================================================
   24. ALT SAYFA BREADCRUMB BANNER (.site-breadcrumb)
   ============================================================ */
.site-breadcrumb{
    position:relative;
    padding:120px 0 90px !important;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    color:#fff !important;
    overflow:hidden;
    text-align:center;
}
.site-breadcrumb::before{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(135deg, rgba(8,47,73,.88) 0%, rgba(12,74,110,.78) 50%, rgba(14,116,144,.55) 100%);
    z-index:1;
    pointer-events:none;
}
.site-breadcrumb::after{
    content:"";
    position:absolute; inset:0;
    background:var(--g-mesh);
    z-index:1;
    pointer-events:none;
}
.site-breadcrumb > .container{ position:relative; z-index:2; }
.site-breadcrumb .breadcrumb-title{
    color:#fff !important;
    font-size:clamp(2rem, 4vw, 3rem) !important;
    font-weight:800 !important;
    letter-spacing:-.024em !important;
    margin:0 0 18px !important;
    text-shadow:0 6px 28px rgba(0,0,0,.35);
}
.breadcrumb-menu{
    display:inline-flex !important;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    list-style:none !important;
    padding:9px 22px !important;
    margin:0 auto !important;
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px !important;
}
.breadcrumb-menu li{
    color:#cbd5e1 !important;
    font-size:.92rem !important;
    font-weight:500;
    display:inline-flex;
    align-items:center;
}
.breadcrumb-menu li:not(:last-child)::after{
    content:"\f105";
    font-family:"Font Awesome 5 Pro","Font Awesome 5 Free","FontAwesome";
    font-weight:900;
    color:rgba(255,255,255,.55);
    margin:0 6px 0 10px;
    font-size:.85rem;
}
.breadcrumb-menu li a{
    color:#cbd5e1 !important;
    transition:color var(--t);
}
.breadcrumb-menu li a:hover{ color:var(--c-sky-2) !important; }
.breadcrumb-menu li.active{
    color:#fff !important;
    font-weight:700 !important;
}


/* ============================================================
   25. HIZMET / MARKA / BÖLGE DETAY SAYFASI (service-single)
   ============================================================ */
.service-single-area{
    padding:90px 0 !important;
    background:linear-gradient(180deg, var(--c-bg) 0%, var(--c-bg-soft) 100%);
}
.service-single-wrapper .service-details{
    background:#fff;
    border:1px solid var(--c-line);
    border-radius:var(--r-xl);
    padding:36px;
    box-shadow:var(--sh-sm);
}
.service-details-img{
    border-radius:var(--r-lg);
    overflow:hidden;
    margin-bottom:32px !important;
    position:relative;
    box-shadow:var(--sh);
}
.service-details-img img{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    display:block;
    transition:transform var(--t-slow);
}
.service-details-img::after{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(135deg, transparent 50%, rgba(6,182,212,.08));
    pointer-events:none;
}
.service-single-wrapper .service-details h3,
.service-details h3.mb-30{
    font-size:clamp(1.5rem, 3vw, 2.1rem) !important;
    color:var(--c-ink) !important;
    margin-bottom:18px !important;
    position:relative;
    padding-bottom:14px;
}
.service-single-wrapper .service-details h3::after,
.service-details h3.mb-30::after{
    content:"";
    position:absolute; left:0; bottom:0;
    width:60px; height:4px;
    background:var(--g-cta);
    border-radius:4px;
}
.service-single-wrapper .service-details p{
    color:var(--c-ink-2) !important;
    font-size:1.02rem !important;
    line-height:1.85 !important;
    margin-bottom:18px !important;
}
.service-single-wrapper .service-details ul,
.service-single-wrapper .service-details ol{
    padding-left:0;
    list-style:none;
    margin:18px 0;
}
.service-single-wrapper .service-details ul li{
    position:relative;
    padding:8px 0 8px 32px;
    color:var(--c-ink-2);
    line-height:1.65;
}
.service-single-wrapper .service-details ul li::before{
    content:"\f00c";
    font-family:"Font Awesome 5 Pro","Font Awesome 5 Free","FontAwesome";
    font-weight:900;
    position:absolute;
    left:0; top:8px;
    width:22px; height:22px;
    background:rgba(6,182,212,.12);
    color:var(--c-accent);
    border-radius:50%;
    font-size:.7rem;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.service-single-wrapper .service-details h4{
    font-size:1.25rem !important;
    color:var(--c-primary) !important;
    margin-top:24px !important;
    margin-bottom:12px !important;
}


/* ============================================================
   26. BLOG DETAY SAYFASI (blog-single)
   ============================================================ */
.blog-single-area{
    padding:80px 0 !important;
    background:linear-gradient(180deg, var(--c-bg) 0%, var(--c-bg-soft) 100%);
}
.blog-single-wrapper{
    background:#fff;
    border:1px solid var(--c-line);
    border-radius:var(--r-xl);
    overflow:hidden;
    box-shadow:var(--sh-sm);
}
.blog-thumb-img{
    overflow:hidden;
    position:relative;
}
.blog-thumb-img img{
    width:100% !important;
    height:auto !important;
    display:block;
    aspect-ratio:16/8;
    object-fit:cover;
    transition:transform var(--t-slow);
}
.blog-thumb-img:hover img{ transform:scale(1.03); }
.blog-thumb-img::after{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(to bottom, transparent 70%, rgba(8,47,73,.12));
    pointer-events:none;
}
.blog-info{
    padding:34px;
}
.blog-meta{
    margin-bottom:22px !important;
    padding-bottom:18px;
    border-bottom:1px solid var(--c-line);
}
.blog-meta ul{
    display:flex; flex-wrap:wrap;
    gap:14px;
    list-style:none;
    padding:0 !important;
    margin:0 !important;
}
.blog-meta li{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 14px;
    background:var(--c-bg-tinted);
    border:1px solid rgba(6,182,212,.15);
    border-radius:999px;
    font-size:.84rem !important;
    color:var(--c-ink-2) !important;
}
.blog-meta li i{ color:var(--c-accent) !important; }
.blog-meta li a{ color:var(--c-ink-2) !important; }
.blog-details-title{
    font-size:clamp(1.6rem, 3vw, 2.3rem) !important;
    color:var(--c-ink) !important;
    line-height:1.25 !important;
    margin-bottom:18px !important;
    letter-spacing:-.022em !important;
}
.blog-details p{
    color:var(--c-ink-2) !important;
    font-size:1.04rem !important;
    line-height:1.85 !important;
    margin-bottom:16px !important;
}
.blog-details h4{
    font-size:1.3rem !important;
    color:var(--c-primary) !important;
    margin-top:28px !important;
    margin-bottom:12px !important;
    font-weight:700 !important;
    padding-left:14px;
    border-left:4px solid var(--c-accent);
}
.blog-details ul,.blog-details ol{
    padding-left:0;
    list-style:none;
    margin:16px 0;
}
.blog-details ul li{
    position:relative;
    padding:6px 0 6px 30px;
    color:var(--c-ink-2);
}
.blog-details ul li::before{
    content:"\f105";
    font-family:"Font Awesome 5 Pro","Font Awesome 5 Free","FontAwesome";
    font-weight:900;
    position:absolute;
    left:0; top:8px;
    color:var(--c-accent);
}
.blog-details strong{ color:var(--c-primary); }
.blog-details hr{
    border:0;
    border-top:1px solid var(--c-line);
    margin:28px 0;
}


/* ============================================================
   27. SIDEBAR / WIDGET (blog detay sağ taraf)
   ============================================================ */
.sidebar{
    display:flex;
    flex-direction:column;
    gap:24px;
    position:sticky;
    top:96px;
}
.widget{
    background:#fff;
    border:1px solid var(--c-line);
    border-radius:var(--r-xl);
    padding:24px;
    box-shadow:var(--sh-sm);
}
.widget-title{
    font-size:1.1rem !important;
    color:var(--c-ink) !important;
    font-weight:700 !important;
    margin:0 0 18px !important;
    padding-bottom:14px;
    position:relative;
    border-bottom:1px solid var(--c-line);
}
.widget-title::after{
    content:"";
    position:absolute;
    left:0; bottom:-1px;
    width:40px; height:3px;
    background:var(--g-cta);
    border-radius:3px;
}

/* category list */
.widget.category .category-list{
    display:flex;
    flex-direction:column;
    gap:6px;
}
.widget.category .category-list a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 14px;
    border-radius:12px;
    background:var(--c-bg-soft);
    color:var(--c-ink-2) !important;
    font-size:.92rem !important;
    font-weight:500;
    transition:background var(--t), color var(--t), padding var(--t);
}
.widget.category .category-list a i{
    color:var(--c-accent) !important;
    font-size:.78rem;
}
.widget.category .category-list a:hover{
    background:rgba(6,182,212,.08);
    color:var(--c-primary) !important;
    padding-left:20px;
}

/* recent post */
.widget.recent-post .recent-post-single{
    display:flex;
    gap:12px;
    padding:10px 0;
    border-bottom:1px solid var(--c-line-soft);
}
.widget.recent-post .recent-post-single:last-child{ border-bottom:0; }
.recent-post-img{
    flex-shrink:0;
    width:72px; height:72px;
    border-radius:12px;
    overflow:hidden;
}
.recent-post-img img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    transition:transform var(--t);
}
.recent-post-img:hover img{ transform:scale(1.08); }
.recent-post-bio h6{
    font-size:.92rem !important;
    line-height:1.4 !important;
    margin:0 0 6px !important;
    font-weight:600 !important;
}
.recent-post-bio h6 a{ color:var(--c-ink) !important; transition:color var(--t); }
.recent-post-bio h6 a:hover{ color:var(--c-accent-2) !important; }
.recent-post-bio span{
    font-size:.76rem !important;
    color:var(--c-muted) !important;
    display:inline-flex;
    align-items:center;
    gap:5px;
}
.recent-post-bio span i{ color:var(--c-accent) !important; }

/* social share */
.widget.social-share .social-share-link{
    display:flex;
    gap:10px;
}
.widget.social-share .social-share-link a{
    width:42px; height:42px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--c-bg-soft);
    color:var(--c-primary) !important;
    font-size:1rem;
    transition:background var(--t), color var(--t), transform var(--t), box-shadow var(--t);
}
.widget.social-share .social-share-link a:hover{
    background:var(--g-cta);
    color:#fff !important;
    transform:translateY(-3px);
    box-shadow:var(--sh-glow);
}

/* sidebar tags */
.widget.sidebar-tag .tag-list{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.widget.sidebar-tag .tag-list a{
    padding:7px 14px;
    background:var(--c-bg-soft);
    color:var(--c-ink-2) !important;
    font-size:.82rem;
    font-weight:500;
    border-radius:999px;
    border:1px solid var(--c-line);
    transition:all var(--t);
}
.widget.sidebar-tag .tag-list a:hover{
    background:var(--g-cta);
    color:#fff !important;
    border-color:transparent;
    transform:translateY(-2px);
    box-shadow:var(--sh-sm);
}


/* ============================================================
   28. ILETISIM SAYFASI (.contact-area)
   ============================================================ */
.contact-area{
    padding:90px 0 !important;
    background:linear-gradient(180deg, var(--c-bg) 0%, var(--c-bg-soft) 100%);
}
.contact-content{
    margin-bottom:48px;
}
.contact-content .row > [class*="col-"]{
    margin-bottom:20px;
}
.contact-info{
    background:#fff;
    border:1px solid var(--c-line);
    border-radius:var(--r-xl);
    padding:28px 22px;
    text-align:center;
    height:100%;
    box-shadow:var(--sh-sm);
    transition:transform var(--t), box-shadow var(--t), border-color var(--t);
}
.contact-info:hover{
    transform:translateY(-6px);
    box-shadow:var(--sh-lg);
    border-color:rgba(6,182,212,.35);
}
.contact-info > i{
    width:64px; height:64px;
    margin:0 auto 16px;
    background:var(--g-cta);
    color:#fff !important;
    border-radius:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:1.6rem;
    box-shadow:var(--sh-glow);
    transition:transform var(--t);
}
.contact-info:hover > i{ transform:rotate(-8deg) scale(1.08); }
.contact-info h5{
    font-size:.78rem !important;
    color:var(--c-muted) !important;
    text-transform:uppercase !important;
    letter-spacing:.12em !important;
    font-weight:700 !important;
    margin-bottom:8px !important;
}
.contact-info p,
.contact-info p a{
    color:var(--c-ink) !important;
    font-size:1rem !important;
    font-weight:600 !important;
    margin:0 !important;
    word-break:break-word;
}
.contact-info p a{ transition:color var(--t); }
.contact-info p a:hover{ color:var(--c-accent-2) !important; }

.contact-wrapper{
    background:#fff;
    border:1px solid var(--c-line);
    border-radius:var(--r-xl);
    overflow:hidden;
    box-shadow:var(--sh-sm);
}
.contact-map{
    height:100%;
    min-height:420px;
}
.contact-map iframe{
    width:100% !important;
    height:100% !important;
    min-height:420px;
    border:0 !important;
    display:block;
}
.contact-form{
    padding:36px;
}
.contact-form-header{
    margin-bottom:24px;
}
.contact-form-header h2{
    font-size:clamp(1.6rem, 2.6vw, 2.1rem) !important;
    color:var(--c-ink) !important;
    margin-bottom:10px !important;
    position:relative;
    padding-bottom:12px;
}
.contact-form-header h2::after{
    content:"";
    position:absolute; left:0; bottom:0;
    width:50px; height:4px;
    background:var(--g-cta);
    border-radius:4px;
}
.contact-form-header p{
    color:var(--c-muted) !important;
    font-size:.96rem !important;
    line-height:1.65 !important;
}
.contact-form .form-group{ margin-bottom:14px; }
.contact-form .form-control{
    background:var(--c-bg-soft) !important;
    border:1.5px solid var(--c-line) !important;
}
.contact-form .form-control:focus{
    background:#fff !important;
    border-color:var(--c-accent) !important;
    box-shadow:0 0 0 4px rgba(6,182,212,.14) !important;
}
.contact-form button.theme-btn{
    margin-top:6px;
    width:100%;
    justify-content:center;
}
.form-messege{
    margin-top:14px;
    padding:10px 14px;
    border-radius:10px;
    background:rgba(34,197,94,.08);
    color:#16a34a !important;
    font-weight:500;
    font-size:.92rem;
    display:none;
}
.form-messege:not(:empty){ display:block; }


/* ============================================================
   29. PAGINATION (blog liste alt)
   ============================================================ */
.pagination-area{
    margin-top:36px;
    text-align:center;
}
.pagination{
    display:inline-flex !important;
    gap:6px;
    padding:8px !important;
    background:#fff;
    border:1px solid var(--c-line);
    border-radius:999px;
    box-shadow:var(--sh-sm);
}
.pagination .page-item{ list-style:none; }
.pagination .page-link{
    width:42px; height:42px;
    padding:0 !important;
    border-radius:50% !important;
    border:0 !important;
    background:transparent !important;
    color:var(--c-ink-2) !important;
    font-weight:600 !important;
    font-size:.92rem !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    transition:background var(--t), color var(--t), transform var(--t);
}
.pagination .page-link:hover{
    background:var(--c-bg-soft) !important;
    color:var(--c-primary) !important;
}
.pagination .page-link:focus{ box-shadow:0 0 0 3px rgba(6,182,212,.2) !important; }
.pagination .page-item.active .page-link{
    background:var(--g-cta) !important;
    color:#fff !important;
    box-shadow:var(--sh-glow);
    transform:scale(1.05);
}


/* ============================================================
   30. DETAY SAYFALARI MOBIL FINE-TUNE
   ============================================================ */
@media (max-width: 991.98px){
    .site-breadcrumb{ padding:80px 0 60px !important; }
    .service-single-wrapper .service-details,
    .blog-info,
    .contact-form{ padding:24px; }
    .blog-single-area,.service-single-area,.contact-area{ padding:60px 0 !important; }
    .sidebar{ position:static; margin-top:36px; }
    .contact-map{ min-height:280px; }
    .contact-map iframe{ min-height:280px; }
}
@media (max-width: 575.98px){
    .site-breadcrumb{ padding:64px 0 48px !important; }
    .breadcrumb-menu{ padding:7px 16px !important; font-size:.82rem; }
    .service-single-wrapper .service-details,
    .blog-info,
    .contact-form{ padding:18px; }
    .service-details-img{ margin-bottom:20px !important; }
    .blog-details-title{ font-size:1.4rem !important; }
    .blog-details h4{ font-size:1.1rem !important; padding-left:10px; }
    .contact-info{ padding:22px 16px; }
    .widget{ padding:18px; }
    .pagination .page-link{ width:36px; height:36px; font-size:.85rem !important; }
}