/* ===========================================================================
   İLK PATENT - Anasayfa Teması
   Tasarım referansı : anasayfa görseli (topbar > header > hero > hizmetler >
   sayaçlar > hakkımızda > süreç > cta > blog > çözüm ortakları > footer)
   Ölçüler 1440px ekran / 1320px konteyner üzerine kurgulanmıştır.
   Bu dosya style.css ve responsive.css'ten SONRA yüklenir.
   =========================================================================== */

/* Renkler Panel > Ayarlar > Tema Ayarları ekranından gelir; buradakiler
   yalnızca panelde bir değer tanımlı değilse geçerli olan varsayılanlardır. */
:root{
    --ilk-navy:#0f2745;
    --ilk-navy-rgb:15,39,69;
    --ilk-navy-2:#0b1d34;
    --ilk-navy-2-rgb:11,29,52;
    --ilk-navy-3:#132f52;
    --ilk-gold:#c8a253;
    --ilk-gold-2:#b08d3f;
    --ilk-gold-soft:#f3e7cd;
    --ilk-text:#17233a;
    --ilk-muted:#6e7a8c;
    --ilk-line:#e6e9ef;
    --ilk-soft:#f6f7f9;
    --ilk-white:#ffffff;
    --ilk-container:1320px;
    --ilk-radius:6px;
    /* Logo yükseklikleri : Panel > Ayarlar > Tema Ayarları */
    --ilk-logo-h:56px;
    --ilk-footer-logo-h:52px;
    --ilk-font:'Open Sans','Segoe UI',Arial,sans-serif;
    --ilk-font-head:'Montserrat','Open Sans',Arial,sans-serif;
}

/* Genel ---------------------------------------------------------------- */

body{background-color:var(--ilk-white); font-family:var(--ilk-font); color:var(--ilk-text);}

.ilk-wrap{
    width:100%;
    max-width:var(--ilk-container);
    margin:0 auto;
    padding:0 20px;
    box-sizing:border-box;
}

.ilk-section{width:100%; height:auto; overflow:hidden;}
.ilk-section-soft{background:var(--ilk-soft);}

/* Bölüm başlığı (HİZMETLERİMİZ / Fikri Mülkiyetin Her Alanında ...) ----- */

.ilk-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    margin-bottom:18px;
}
.ilk-head-label{
    font-family:var(--ilk-font);
    font-size:13px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--ilk-gold);
    margin-bottom:8px;
}
.ilk-head-title{
    font-family:var(--ilk-font-head);
    font-size:28px;
    font-weight:700;
    line-height:1.25;
    color:var(--ilk-navy);
    margin:0;
}
.ilk-head-title span{color:var(--ilk-gold);}
.ilk-head-link{
    font-size:13px;
    font-weight:600;
    color:var(--ilk-navy);
    text-decoration:none;
    padding-bottom:8px;
    border-bottom:1px solid var(--ilk-gold);
    white-space:nowrap;
    transition:.2s;
}
.ilk-head-link:hover{color:var(--ilk-gold); text-decoration:none;}
.ilk-head-link i{margin-left:8px;}

/* Butonlar -------------------------------------------------------------- */

.ilk-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    height:44px;
    padding:0 24px;
    border:1px solid transparent;
    border-radius:var(--ilk-radius);
    font-family:var(--ilk-font);
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    cursor:pointer;
    transition:.2s;
    box-sizing:border-box;
}
.ilk-btn i{font-size:13px;}
.ilk-btn:hover{text-decoration:none;}
.ilk-btn-gold{background:var(--ilk-gold); color:#12233d;}
.ilk-btn-gold:hover{background:var(--ilk-gold-2); color:#12233d;}
.ilk-btn-ghost{background:transparent; color:#fff; border-color:rgba(255,255,255,.55);}
.ilk-btn-ghost:hover{background:rgba(255,255,255,.12); color:#fff;}
.ilk-btn-sm{height:38px; padding:0 20px; font-size:13px;}

/* =======================================================================
   1) ÜST BAR
   ======================================================================= */

.ilk-topbar{
    width:100%;
    background:var(--ilk-navy-2);
    color:#c9d3e2;
    font-size:13px;
    line-height:1;
}
.ilk-topbar .ilk-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:39px;
}
.ilk-topbar-left{color:#d7dfea; font-size:13px;}
.ilk-topbar-center{display:flex; align-items:center; gap:28px;}
.ilk-topbar-center a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#d7dfea;
    text-decoration:none;
    font-size:13px;
}
.ilk-topbar-center a:hover{color:var(--ilk-gold); text-decoration:none;}
.ilk-topbar-center i{color:var(--ilk-gold); font-size:14px;}
.ilk-topbar-social{display:flex; align-items:center; gap:8px;}
.ilk-topbar-social a{
    width:24px;
    height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:3px;
    background:rgba(255,255,255,.10);
    color:#d7dfea;
    font-size:12px;
    text-decoration:none;
    transition:.2s;
}
.ilk-topbar-social a:hover{background:var(--ilk-gold); color:#12233d;}

/* =======================================================================
   2) ANA HEADER (logo + menü + arama + cta)
   ======================================================================= */

.ilk-header{
    width:100%;
    background:var(--ilk-white);
    border-bottom:1px solid var(--ilk-line);
}
/* Logo panelden büyütülürse header da onunla birlikte uzar.
   Menü uzun olduğunda öğeler alt satıra iner; sayfa asla yana taşmaz. */
.ilk-header .ilk-wrap{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:79px;
    padding-top:8px;
    padding-bottom:8px;
}
.ilk-logo{display:flex; align-items:center; flex:0 0 auto; margin-right:40px;}
.ilk-logo img{height:var(--ilk-logo-h); max-height:none; width:auto; max-width:240px; object-fit:contain; display:block;}

.ilk-header nav{flex:1 1 auto; min-width:0;}
.ilk-header-right{flex:0 0 auto;}

.ilk-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:2px 0;
    list-style:none;
    margin:0;
    padding:0;
}
.ilk-nav > li{position:relative;}
.ilk-nav > li > a{
    display:block;
    padding:11px 13px;
    font-size:14px;
    font-weight:600;
    color:var(--ilk-text);
    text-decoration:none;
    position:relative;
    white-space:nowrap;
    transition:.2s;
}
.ilk-nav > li > a:hover{color:var(--ilk-gold); text-decoration:none;}
.ilk-nav > li > a i{font-size:11px; margin-left:5px;}
.ilk-nav > li.aktif > a{color:var(--ilk-navy);}
.ilk-nav > li.aktif > a:after{
    content:'';
    position:absolute;
    left:13px;
    right:13px;
    bottom:4px;
    height:2px;
    background:var(--ilk-gold);
}

/* alt menü */
.ilk-nav ul{
    position:absolute;
    top:100%;
    left:8px;
    min-width:230px;
    background:#fff;
    border-top:2px solid var(--ilk-gold);
    box-shadow:0 12px 30px rgba(16,39,69,.12);
    list-style:none;
    margin:0;
    padding:8px 0;
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:.2s;
    z-index:120;
}
.ilk-nav li:hover > ul{opacity:1; visibility:visible; transform:translateY(0);}
.ilk-nav ul li{position:relative;}
.ilk-nav ul li a{
    display:block;
    padding:10px 18px;
    font-size:13.5px;
    color:var(--ilk-text);
    text-decoration:none;
    transition:.2s;
}
.ilk-nav ul li a:hover{background:var(--ilk-soft); color:var(--ilk-gold); text-decoration:none;}
.ilk-nav ul ul{top:0; left:100%;}

.ilk-header-right{display:flex; align-items:center; gap:18px;}
.ilk-header-icon{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--ilk-navy);
    font-size:17px;
    text-decoration:none;
    background:transparent;
    border:0;
    cursor:pointer;
    transition:.2s;
    position:relative;
}
.ilk-header-icon:hover{color:var(--ilk-gold);}
.ilk-header-icon .ilk-cart-count{
    position:absolute;
    top:-2px;
    right:-4px;
    min-width:17px;
    height:17px;
    padding:0 4px;
    border-radius:9px;
    background:var(--ilk-gold);
    color:#12233d;
    font-size:11px;
    font-weight:700;
    line-height:17px;
    text-align:center;
}

/* Desktop üyelik butonu */
.ilk-header-uye{
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    background:var(--ilk-soft);
    color:var(--ilk-navy);
    text-decoration:none;
    padding:8px 14px;
    border-radius:8px;
    transition:.2s;
}
.ilk-header-uye i{
    font-size:19px;
    line-height:1;
}
.ilk-header-uye-text{
    font-size:10px;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
}
.ilk-header-uye:hover{background:var(--ilk-gold); color:#12233d; text-decoration:none;}

/* header arama kutusu */
.ilk-search{
    position:absolute;
    top:100%;
    right:20px;
    width:340px;
    background:#fff;
    border-top:2px solid var(--ilk-gold);
    box-shadow:0 12px 30px rgba(16,39,69,.12);
    padding:14px;
    display:none;
    z-index:130;
}
.ilk-search.acik{display:block;}
.ilk-search form{display:flex; gap:8px;}
.ilk-search input{
    flex:1;
    height:40px;
    border:1px solid var(--ilk-line);
    border-radius:4px;
    padding:0 12px;
    font-size:13px;
    outline:none;
}
.ilk-search input:focus{border-color:var(--ilk-gold);}
.ilk-search button{
    height:40px;
    padding:0 16px;
    border:0;
    border-radius:4px;
    background:var(--ilk-gold);
    color:#12233d;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
}
.ilk-header-wrapper{position:relative;}

/* sabit (sticky) header */
.ilk-header.ilk-sabit{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:900;
    box-shadow:0 6px 20px rgba(16,39,69,.10);
    animation:ilkIn .25s ease;
}
@keyframes ilkIn{from{transform:translateY(-100%);}to{transform:translateY(0);}}
.ilk-header.ilk-sabit .ilk-wrap{min-height:68px;}
.ilk-header.ilk-sabit .ilk-logo img{height:calc(var(--ilk-logo-h) - 10px);}
.ilk-header.ilk-sabit .ilk-nav > li > a{padding-top:9px; padding-bottom:9px;}

/* =======================================================================
   3) HERO / SLIDER
   ======================================================================= */

.ilk-hero{
    position:relative;
    width:100%;
    background:var(--ilk-navy);
    overflow:hidden;
}
.ilk-hero-slide{
    position:relative;
    display:none;
}
.ilk-hero-slide.aktif{display:block;}

/* Afiş modu : panelde "Yazı Durumu" kapalıyken görsel hiç kırpılmadan,
   kendi oranında, ortalanmış olarak gösterilir. */
.ilk-hero-afis{
    line-height:0;
    background:var(--ilk-navy);
    text-align:center;
    font-size:0;
}
.ilk-hero-afis > a{display:block; width:100%;}
.ilk-hero-afis-gorsel{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    margin:0 auto;
}
.ilk-hero-gorsel{
    position:absolute;
    top:0;
    right:0;
    width:52%;
    height:100%;
    background-size:cover;
    background-position:center;
}
.ilk-hero-gorsel:after{
    content:'';
    position:absolute;
    top:0; right:0; bottom:0; left:0;
    background:linear-gradient(90deg,var(--ilk-navy) 0%,rgba(var(--ilk-navy-rgb),.85) 22%,rgba(var(--ilk-navy-rgb),.15) 65%,rgba(var(--ilk-navy-rgb),.35) 100%);
}
.ilk-hero .ilk-wrap{position:relative; z-index:3;}
.ilk-hero-icerik{
    max-width:690px;
    padding:52px 0 54px 0;
}
.ilk-hero-ust{
    font-size:14px;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase;
    color:var(--ilk-gold);
    margin-bottom:16px;
}
.ilk-hero-baslik{
    font-family:var(--ilk-font-head);
    font-size:42px;
    font-weight:800;
    line-height:1.16;
    letter-spacing:.005em;
    color:#fff;
    text-transform:uppercase;
    margin:0 0 20px 0;
}
.ilk-hero-baslik span{color:var(--ilk-gold); display:block;}
.ilk-hero-spot{
    font-size:16px;
    line-height:1.75;
    color:#cdd7e4;
    margin:0 0 30px 0;
    max-width:560px;
}
.ilk-hero-butonlar{display:flex; align-items:center; gap:14px; flex-wrap:wrap;}

/* sağdaki dikey rozet */
.ilk-hero-rozet{
    position:absolute;
    right:34px;
    top:50%;
    transform:translateY(-50%);
    z-index:4;
    text-align:right;
    font-family:var(--ilk-font-head);
    font-size:20px;
    font-weight:800;
    line-height:1.25;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.02em;
}
.ilk-hero-rozet span{color:var(--ilk-gold);}

/* slider noktaları */
.ilk-hero-dots{
    position:absolute;
    bottom:18px;
    left:0;
    right:0;
    z-index:6;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}
.ilk-hero-dots button{
    width:8px;
    height:8px;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.45);
    cursor:pointer;
    outline:none;
    transition:.2s;
}
.ilk-hero-dots button.aktif{background:var(--ilk-gold); width:22px; border-radius:5px;}

/* =======================================================================
   4) HİZMETLER
   ======================================================================= */

.ilk-hizmet{padding:26px 0 24px 0; background:#fff;}
.ilk-hizmet-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:17px;
}
.ilk-hizmet-kutu{
    background:#fff;
    border:1px solid var(--ilk-line);
    border-radius:var(--ilk-radius);
    padding:24px 16px 18px 16px;
    text-align:center;
    transition:.25s;
    display:flex;
    flex-direction:column;
    min-height:200px;
    box-sizing:border-box;
}
.ilk-hizmet-kutu:hover{
    border-color:var(--ilk-gold);
    box-shadow:0 14px 30px rgba(16,39,69,.09);
    transform:translateY(-3px);
}
.ilk-hizmet-ikon{
    height:44px;
    margin-bottom:14px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.ilk-hizmet-ikon i{font-size:36px; color:var(--ilk-gold); line-height:1;}
.ilk-hizmet-ikon img{max-height:40px; width:auto;}
.ilk-hizmet-baslik{
    font-family:var(--ilk-font-head);
    font-size:15px;
    font-weight:700;
    color:var(--ilk-navy);
    line-height:1.3;
    margin:0 0 8px 0;
}
.ilk-hizmet-baslik a{color:var(--ilk-navy); text-decoration:none;}
.ilk-hizmet-baslik a:hover{color:var(--ilk-gold); text-decoration:none;}
.ilk-hizmet-spot{
    font-size:13px;
    line-height:1.55;
    color:var(--ilk-muted);
    margin:0 0 16px 0;
    flex:1;
}
.ilk-hizmet-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-size:12.5px;
    font-weight:700;
    color:var(--ilk-navy);
    text-decoration:none;
    padding-top:12px;
    border-top:1px solid var(--ilk-line);
    transition:.2s;
}
.ilk-hizmet-link:hover{color:var(--ilk-gold); text-decoration:none;}
.ilk-hizmet-link i{color:var(--ilk-gold);}

/* =======================================================================
   5) SAYAÇLAR
   ======================================================================= */

.ilk-sayac{background:var(--ilk-navy); padding:0;}
.ilk-sayac-grid{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    height:121px;
    align-items:center;
}
.ilk-sayac-kutu{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    height:56px;
    border-right:1px solid rgba(255,255,255,.14);
}
.ilk-sayac-kutu:last-child{border-right:0;}
.ilk-sayac-ikon i{font-size:30px; color:var(--ilk-gold); line-height:1;}
.ilk-sayac-metin{text-align:left;}
.ilk-sayac-rakam{
    font-family:var(--ilk-font-head);
    font-size:28px;
    font-weight:800;
    color:#fff;
    line-height:1.15;
    display:block;
}
.ilk-sayac-baslik{
    font-size:13px;
    color:#b9c6d8;
    display:block;
    margin-top:2px;
}

/* =======================================================================
   6) HAKKIMIZDA
   ======================================================================= */

.ilk-hakkimizda{padding:22px 0 16px 0; background:#fff;}
.ilk-hakkimizda-grid{
    display:grid;
    grid-template-columns:630px 1fr;
    gap:40px;
    align-items:start;
}
/* Kutu, yüklenen görselin kendi oranını alır : görsel ne kırpılır ne de
   etrafında boşluk kalır. */
.ilk-hakkimizda-gorsel{
    width:100%;
    height:auto;
    border-radius:var(--ilk-radius);
    overflow:hidden;
    line-height:0;
}
.ilk-hakkimizda-gorsel img{width:100%; height:auto; display:block;}
/* Görsel yüklenmediğinde gösterilen logo alanı */
.ilk-hakkimizda-gorsel-bos{
    background:var(--ilk-navy);
    padding:44px 30px;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:normal;
}
.ilk-hakkimizda-gorsel-bos img{width:auto; max-width:62%; height:auto;}
.ilk-hakkimizda-label{
    font-size:13px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--ilk-gold);
    margin-bottom:8px;
}
.ilk-hakkimizda-baslik{
    font-family:var(--ilk-font-head);
    font-size:28px;
    font-weight:700;
    line-height:1.25;
    color:var(--ilk-navy);
    margin:0 0 14px 0;
}
.ilk-hakkimizda-spot{
    font-size:14.5px;
    line-height:1.7;
    color:var(--ilk-muted);
    margin:0 0 18px 0;
}
.ilk-hakkimizda-ozellik{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-bottom:18px;
}
.ilk-ozellik-kutu{display:flex; align-items:flex-start; gap:10px;}
.ilk-ozellik-kutu i{font-size:20px; color:var(--ilk-navy); margin-top:2px;}
.ilk-ozellik-kutu span{
    font-size:13.5px;
    font-weight:600;
    line-height:1.4;
    color:var(--ilk-text);
}

/* =======================================================================
   7) NASIL ÇALIŞIYORUZ (süreç)
   ======================================================================= */

.ilk-surec{padding:0 0 30px 0; background:#fff;}
.ilk-surec-head{margin-bottom:18px;}
.ilk-surec-grid{
    display:flex;
    align-items:flex-start;
    gap:0;
}
.ilk-surec-adim{
    display:flex;
    align-items:flex-start;
    gap:14px;
    flex:1;
}
.ilk-surec-no{
    width:44px;
    height:44px;
    flex:0 0 44px;
    border-radius:50%;
    border:1px solid var(--ilk-gold);
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:var(--ilk-font-head);
    font-size:15px;
    font-weight:700;
    color:var(--ilk-navy);
}
.ilk-surec-metin{padding-top:4px;}
.ilk-surec-baslik{
    font-family:var(--ilk-font-head);
    font-size:14.5px;
    font-weight:700;
    color:var(--ilk-navy);
    margin:0 0 6px 0;
}
.ilk-surec-spot{
    font-size:13px;
    line-height:1.6;
    color:var(--ilk-muted);
    margin:0;
    max-width:190px;
}
.ilk-surec-ok{
    flex:0 0 40px;
    display:flex;
    align-items:center;
    justify-content:center;
    height:44px;
    color:#c3ccd8;
    font-size:16px;
}

/* =======================================================================
   8) CTA BANDI
   ======================================================================= */

.ilk-cta{
    position:relative;
    background:var(--ilk-navy);
    background-size:cover;
    background-position:center;
    overflow:hidden;
}
.ilk-cta:before{
    content:'';
    position:absolute;
    top:0; right:0; bottom:0; left:0;
    background:linear-gradient(90deg,rgba(var(--ilk-navy-2-rgb),.92) 0%,rgba(var(--ilk-navy-2-rgb),.80) 45%,rgba(var(--ilk-navy-2-rgb),.62) 100%);
}
.ilk-cta .ilk-wrap{
    position:relative;
    z-index:2;
    min-height:183px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding-top:26px;
    padding-bottom:26px;
}
.ilk-cta-sol{max-width:500px;}
.ilk-cta-baslik{
    font-family:var(--ilk-font-head);
    font-size:29px;
    font-weight:800;
    line-height:1.25;
    color:#fff;
    margin:0 0 10px 0;
}
.ilk-cta-baslik span{color:var(--ilk-gold);}
.ilk-cta-spot{
    font-size:14px;
    line-height:1.7;
    color:#c6d1e0;
    margin:0;
}
.ilk-cta-sag{
    display:flex;
    align-items:center;
    gap:26px;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.14);
    border-radius:var(--ilk-radius);
    padding:16px 20px;
}
.ilk-cta-rozetler{display:flex; align-items:center; gap:0;}
.ilk-cta-rozet{
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 22px;
    border-right:1px solid rgba(255,255,255,.16);
    color:#e3e9f2;
    font-size:13px;
    line-height:1.4;
}
.ilk-cta-rozet:first-child{padding-left:4px;}
.ilk-cta-rozet:last-child{border-right:0; padding-right:6px;}
.ilk-cta-rozet i{color:var(--ilk-gold); font-size:17px;}

/* =======================================================================
   9) BLOG
   ======================================================================= */

.ilk-blog{padding:30px 0 24px 0; background:#fff;}
.ilk-blog-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}
.ilk-blog-kutu{
    display:flex;
    align-items:stretch;
    gap:0;
    border:1px solid var(--ilk-line);
    border-radius:var(--ilk-radius);
    overflow:hidden;
    background:#fff;
    min-height:87px;
    transition:.25s;
}
.ilk-blog-kutu:hover{
    border-color:var(--ilk-gold);
    box-shadow:0 12px 26px rgba(16,39,69,.08);
}
.ilk-blog-gorsel{
    flex:0 0 127px;
    width:127px;
    background:var(--ilk-soft);
    overflow:hidden;
}
.ilk-blog-gorsel img{width:100%; height:100%; object-fit:cover; display:block;}
.ilk-blog-metin{
    flex:1;
    padding:12px 16px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.ilk-blog-etiket{
    display:inline-block;
    align-self:flex-start;
    background:var(--ilk-gold-soft);
    color:var(--ilk-gold-2);
    font-size:11px;
    font-weight:700;
    border-radius:3px;
    padding:3px 9px;
    margin-bottom:7px;
}
.ilk-blog-baslik{
    font-family:var(--ilk-font-head);
    font-size:14px;
    font-weight:700;
    line-height:1.35;
    margin:0 0 6px 0;
}
.ilk-blog-baslik a{color:var(--ilk-navy); text-decoration:none;}
.ilk-blog-baslik a:hover{color:var(--ilk-gold); text-decoration:none;}
.ilk-blog-tarih{font-size:12px; color:var(--ilk-muted);}

/* =======================================================================
   10) ÇÖZÜM ORTAKLARI
   ======================================================================= */

.ilk-marka{padding:0 0 26px 0; background:#fff;}
.ilk-marka-label{
    font-size:13px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--ilk-gold);
    margin-bottom:14px;
}
.ilk-marka-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:20px;
    align-items:center;
}
.ilk-marka-kutu{
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
}
.ilk-marka-kutu img{
    max-width:100%;
    max-height:58px;
    width:auto;
    height:auto;
    object-fit:contain;
    filter:grayscale(100%);
    opacity:.85;
    transition:.25s;
}
.ilk-marka-kutu:hover img{filter:none; opacity:1;}

/* =======================================================================
   11) FOOTER
   ======================================================================= */

.ilk-footer{
    position:relative;
    background:var(--ilk-navy);
    color:#c3cede;
    overflow:hidden;
}
.ilk-footer-harita{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:38%;
    background-position:right center;
    background-repeat:no-repeat;
    background-size:contain;
    opacity:.18;
    pointer-events:none;
}
.ilk-footer .ilk-wrap{position:relative; z-index:2;}
.ilk-footer-grid{
    display:grid;
    grid-template-columns:1.35fr 1fr 1fr 1.5fr;
    gap:36px;
    padding:30px 0 26px 0;
}
.ilk-footer-logo img{height:var(--ilk-footer-logo-h); width:auto; max-width:100%; object-fit:contain; margin-bottom:14px; display:block;}
.ilk-footer-spot{font-size:13px; line-height:1.75; color:#a9b7c9; margin:0;}
.ilk-footer-baslik{
    font-family:var(--ilk-font-head);
    font-size:14px;
    font-weight:700;
    color:#fff;
    margin:0 0 13px 0;
}
.ilk-footer-liste{list-style:none; margin:0; padding:0;}
.ilk-footer-liste li{margin-bottom:7px;}
.ilk-footer-liste a{
    font-size:13px;
    color:#a9b7c9;
    text-decoration:none;
    transition:.2s;
}
.ilk-footer-liste a:hover{color:var(--ilk-gold); text-decoration:none;}
.ilk-footer-iletisim{list-style:none; margin:0; padding:0;}
.ilk-footer-iletisim li{
    display:flex;
    align-items:flex-start;
    gap:11px;
    margin-bottom:9px;
    font-size:13px;
    line-height:1.6;
    color:#a9b7c9;
}
.ilk-footer-iletisim li i{
    width:26px;
    height:26px;
    flex:0 0 26px;
    border-radius:3px;
    background:rgba(255,255,255,.08);
    color:var(--ilk-gold);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
}
.ilk-footer-iletisim a{color:#a9b7c9; text-decoration:none;}
.ilk-footer-iletisim a:hover{color:var(--ilk-gold); text-decoration:none;}
.ilk-footer-sosyal{display:flex; align-items:center; gap:9px; margin-top:12px;}
.ilk-footer-sosyal a{
    width:30px;
    height:30px;
    border-radius:4px;
    background:rgba(255,255,255,.10);
    color:#d7dfea;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    text-decoration:none;
    transition:.2s;
}
.ilk-footer-sosyal a:hover{background:var(--ilk-gold); color:#12233d;}

.ilk-footer-alt{
    background:var(--ilk-navy-2);
    border-top:1px solid rgba(255,255,255,.07);
}
.ilk-footer-alt .ilk-wrap{
    height:46px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:12px;
    color:#8e9db2;
}
.ilk-footer-alt a{color:#8e9db2; text-decoration:none;}
.ilk-footer-alt a:hover{color:var(--ilk-gold); text-decoration:none;}
.ilk-footer-alt-sag{display:flex; align-items:center; gap:12px;}
.ilk-footer-alt-sag span{color:rgba(255,255,255,.22);}

/* =======================================================================
   MOBİL HEADER (masaüstünde gizli)
   ======================================================================= */

.ilk-mobil-header{display:none;}

/* Mobil üst şerit : sosyal ikonlar + telefon / destek */
.ilk-mobil-ust{background:var(--ilk-navy-2); color:#c9d3e2;}
.ilk-mobil-ust .ilk-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:40px;
    padding-top:6px;
    padding-bottom:6px;
}
.ilk-mobil-ust-sosyal{display:flex; align-items:center; gap:14px;}
.ilk-mobil-ust-sosyal a{color:#dbe3ee; font-size:15px; text-decoration:none; line-height:1;}
.ilk-mobil-ust-sosyal a:hover{color:var(--ilk-gold);}
.ilk-mobil-ust-iletisim{display:flex; align-items:center; gap:16px;}
.ilk-mobil-ust-iletisim a{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#dbe3ee;
    font-size:13px;
    text-decoration:none;
    white-space:nowrap;
}
.ilk-mobil-ust-iletisim i{color:var(--ilk-gold); font-size:13px;}

/* Mobil ana bar : solda logo + menü butonu, sağda sepet ve üyelik */
.ilk-mobil-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:66px;
    background:#fff;
    border-bottom:1px solid var(--ilk-line);
}
.ilk-mobil-sol{display:flex; align-items:center; gap:10px;}
.ilk-mobil-logo{display:flex; align-items:center; line-height:0;}
.ilk-mobil-bar img{height:44px; max-height:none; width:auto; max-width:170px; object-fit:contain; display:block;}
.ilk-mobil-sag{display:flex; align-items:center; gap:10px;}
.ilk-mobil-buton{
    width:40px;
    height:40px;
    padding:0;
    border:0;
    border-radius:6px;
    background:transparent;
    color:var(--ilk-navy);
    font-size:20px;
    line-height:1;
    cursor:pointer;
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
}
.ilk-mobil-menu-buton{background:var(--ilk-soft);}
/* Sağdaki yuvarlak üyelik butonu */
.ilk-mobil-uye{
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    background:var(--ilk-soft);
    color:var(--ilk-navy);
    text-decoration:none;
    padding:6px 10px;
    border-radius:8px;
}
.ilk-mobil-uye i{
    font-size:19px;
    line-height:1;
}
.ilk-mobil-uye-text{
    font-size:9px;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
}
.ilk-mobil-uye:hover{background:var(--ilk-gold); color:#12233d; text-decoration:none;}

/* Mobil için orta bölüm (logo) */
.ilk-mobil-orta{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
}
.ilk-mobil-menu{
    display:none;
    background:#fff;
    border-bottom:1px solid var(--ilk-line);
    padding:8px 0 14px 0;
}
.ilk-mobil-menu.acik{display:block;}
.ilk-mobil-menu ul{list-style:none; margin:0; padding:0;}
.ilk-mobil-menu > ul > li > a{
    display:block;
    padding:12px 0;
    font-size:14px;
    font-weight:600;
    color:var(--ilk-text);
    text-decoration:none;
    border-bottom:1px solid var(--ilk-line);
}
.ilk-mobil-menu ul ul a{
    display:block;
    padding:10px 0 10px 16px;
    font-size:13px;
    color:var(--ilk-muted);
    text-decoration:none;
    border-bottom:1px solid var(--ilk-line);
}
.ilk-mobil-menu .ilk-btn{width:100%; margin-top:14px;}
.ilk-mobil-iletisim{padding-top:14px; font-size:13px; line-height:2; color:var(--ilk-muted);}
.ilk-mobil-iletisim a{color:var(--ilk-muted); text-decoration:none;}
.ilk-mobil-iletisim i{color:var(--ilk-gold); width:20px;}

/* =======================================================================
   RESPONSIVE
   ======================================================================= */

/* Geniş ekranlarda üst bar ve header konteyneri genişler; böylece uzun
   menüler alt satıra inmeden tek sırada kalır. İçerik bölümleri
   tasarımdaki 1320px genişliğinde kalmaya devam eder. */
@media screen and (min-width:1200px){
    .ilk-topbar .ilk-wrap,
    .ilk-header .ilk-wrap{max-width:calc(100% - 40px);}
}
@media screen and (min-width:1830px){
    .ilk-topbar .ilk-wrap,
    .ilk-header .ilk-wrap{max-width:1790px;}
}

/* Ekran daraldıkça menü kademeli sıkışır; amaç tek sırada kalmasıdır.
   (8 başlıklı, uzun isimli menüler için ayarlandı.) */
@media screen and (max-width:1700px){
    .ilk-nav > li > a{padding:11px 8px; font-size:13.5px;}
    .ilk-nav > li.aktif > a:after{left:8px; right:8px;}
    .ilk-logo img{max-width:190px;}
    .ilk-header .ilk-wrap{gap:8px;}
    .ilk-header-right{gap:12px;}
}

@media screen and (max-width:1520px){
    .ilk-nav > li > a{padding:11px 5px; font-size:13px;}
    .ilk-nav > li.aktif > a:after{left:5px; right:5px;}
    .ilk-header .ilk-wrap{gap:6px;}
    .ilk-header-right{gap:8px;}
    .ilk-header-icon{width:26px; font-size:16px;}
    .ilk-btn-sm{height:36px; padding:0 12px; font-size:12.5px;}
    .ilk-logo img{max-width:170px;}
}

@media screen and (max-width:1360px){
    .ilk-hakkimizda-grid{grid-template-columns:520px 1fr; gap:32px;}
    .ilk-nav > li > a{padding:11px 6px; font-size:12.5px;}
    .ilk-nav > li.aktif > a:after{left:6px; right:6px;}
    .ilk-logo img{max-width:170px;}
    .ilk-btn-sm{padding:0 12px; font-size:12px;}
}

@media screen and (max-width:1200px){
    .ilk-hizmet-grid{grid-template-columns:repeat(3,1fr);}
    .ilk-hakkimizda-grid{grid-template-columns:1fr; gap:26px;}
    .ilk-hakkimizda-gorsel{height:300px;}
    .ilk-hero-rozet{display:none;}
    .ilk-hero-gorsel{width:46%;}
    .ilk-cta .ilk-wrap{flex-direction:column; align-items:flex-start;}
    .ilk-marka-grid{grid-template-columns:repeat(3,1fr); gap:16px;}
}

@media screen and (max-width:1024px){
    .ilk-topbar,
    .ilk-header{display:none;}
    .ilk-mobil-header{display:block;}
    .ilk-hero-gorsel{width:100%; opacity:.32;}
    .ilk-hero-gorsel:after{background:linear-gradient(180deg,rgba(var(--ilk-navy-rgb),.86) 0%,rgba(var(--ilk-navy-rgb),.92) 100%);}
    .ilk-hero-icerik{max-width:100%; padding:44px 0 48px 0;}
    .ilk-hero-baslik{font-size:36px;}
    .ilk-sayac-grid{grid-template-columns:repeat(7,minmax(0,1fr)); height:auto; padding:22px 0;}
    .ilk-sayac-kutu{padding:14px 4px; gap:10px;}
    .ilk-sayac-kutu:nth-child(2n){border-right:1px solid rgba(255,255,255,.14);}
    .ilk-sayac-kutu:last-child{border-right:0;}
    .ilk-sayac-ikon i{font-size:25px;}
    .ilk-sayac-rakam{font-size:23px;}
    .ilk-sayac-baslik{font-size:11px;}
    .ilk-blog-grid{grid-template-columns:1fr;}
    .ilk-surec-grid{flex-wrap:wrap; gap:22px 0;}
    .ilk-surec-adim{flex:0 0 50%;}
    .ilk-surec-ok{display:none;}
    .ilk-surec-spot{max-width:none;}
    .ilk-footer-grid{grid-template-columns:repeat(2,1fr); gap:28px;}
    .ilk-footer-harita{display:none;}
    /* Mobil'de hakkımızda butonunu gizle */
    .ilk-hakkimizda-desktop-btn{display:none;}
}

@media screen and (max-width:767px){
    .ilk-wrap{padding:0 16px;}
    .ilk-head{flex-direction:column; align-items:flex-start; gap:14px;}
    .ilk-head-title{font-size:24px;}
    .ilk-hizmet-grid{grid-template-columns:repeat(2,1fr); gap:12px;}
    .ilk-hizmet-kutu{min-height:0; padding:20px 14px 16px 14px;}
    .ilk-hero-baslik{font-size:28px;}
    .ilk-hero-spot{font-size:14.5px;}
    .ilk-hero-butonlar .ilk-btn{width:100%;}
    .ilk-hakkimizda-baslik,
    .ilk-cta-baslik{font-size:23px;}
    .ilk-hakkimizda-ozellik{grid-template-columns:repeat(2,1fr);}
    .ilk-surec-adim{flex:0 0 100%;}
    .ilk-cta-sag{flex-direction:column; align-items:stretch; gap:16px; width:100%;}
    .ilk-cta-rozetler{flex-direction:row; align-items:center; gap:0; width:100%;}
    .ilk-cta-rozet{flex:1 1 0; justify-content:center; gap:6px; min-width:0; padding:0 6px; border-right:1px solid rgba(255,255,255,.16); font-size:11px;}
    .ilk-cta-rozet:first-child{padding-left:0;}
    .ilk-cta-rozet:last-child{padding-right:0; border-right:0;}
    .ilk-cta-rozet i{flex:0 0 auto;}
    .ilk-marka-grid{grid-template-columns:repeat(2,1fr);}

    /* Mobil footer : logo üstte, iki bağlantı listesi yan yana,
       iletişim en altta ortalanmış */
    .ilk-footer-grid{grid-template-columns:1fr 1fr; gap:24px 16px; padding:28px 0;}
    .ilk-footer-grid > div:first-child{grid-column:1 / -1;}
    .ilk-footer-grid > div:last-child{grid-column:1 / -1; text-align:center; padding-top:4px;}
    .ilk-footer-grid > div:last-child .ilk-footer-iletisim li{justify-content:center; text-align:left;}
    .ilk-footer-grid > div:last-child .ilk-footer-sosyal{justify-content:center;}
    .ilk-footer-liste li{margin-bottom:9px;}

    .ilk-footer-alt .ilk-wrap{height:auto; flex-direction:column; gap:6px; padding-top:12px; padding-bottom:12px; text-align:center;}
}

@media screen and (max-width:480px){
    .ilk-sayac-grid{grid-template-columns:repeat(4,minmax(0,1fr)); height:auto; padding:16px 0; align-items:stretch;}
    .ilk-sayac-kutu{height:auto; min-height:72px; padding:8px 3px; gap:5px; flex-direction:column; border-right:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); text-align:center;}
    .ilk-sayac-kutu:nth-child(2n){border-right:1px solid rgba(255,255,255,.14);}
    .ilk-sayac-kutu:nth-child(4n){border-right:0;}
    .ilk-sayac-kutu:nth-last-child(-n+4){border-bottom:0;}
    .ilk-sayac-kutu:last-child{border-right:0;}
    .ilk-sayac-ikon i{font-size:20px;}
    .ilk-sayac-metin{text-align:center; min-width:0;}
    .ilk-sayac-rakam{font-size:19px; white-space:nowrap;}
    .ilk-sayac-baslik{font-size:8px; line-height:1.25; overflow-wrap:anywhere;}
    .ilk-blog-gorsel{flex:0 0 100px; width:100px;}
}