/* ==========================================================
   Hayvan Ekipmanları - Mağaza Ön Yüzü Bileşenleri
   ========================================================== */

/* ---- Ust Bar ---- */
.ust-bar {
    background: var(--marka-yesil-900);
    color: #cfe0d3;
    font-size: 0.82rem;
}
.ust-bar .icerik {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    gap: 16px;
    flex-wrap: wrap;
}
.ust-bar a { color: #e9f2ea; }
.ust-bar a:hover { color: var(--marka-amber-500); }
.ust-bar .ayrac { opacity: .4; margin: 0 8px; }

/* ---- Ana Header ---- */
.site-header {
    background: var(--renk-krem);
    border-bottom: 1px solid var(--sinir);
    position: sticky;
    top: 0;
    z-index: 40;
}
.site-header .icerik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.marka {
    display: flex;
    align-items: center;
    gap: 12px;
}
.marka img { height: 44px; width: auto; }
.marka-logo { height: 48px; width: auto; }

/* ---- Koyu (yesil) zeminlerde logoyu okunur kilan acik kart ---- */
.logo-kart-koyu {
    display: inline-flex;
    align-items: center;
    background: var(--renk-krem);
    border-radius: var(--radius-sm);
    padding: 8px 14px;
}
.logo-kart-koyu img { height: 32px; width: auto; display: block; }

.ana-menu {
    display: flex;
    align-items: center;
    gap: 28px;
    font-weight: 600;
    font-size: 0.94rem;
}
.ana-menu a { color: var(--metin-700); }
.ana-menu a:hover { color: var(--marka-yesil-800); }

.header-aksiyonlar { display: flex; align-items: center; gap: 12px; }

/* ---- Header arama kutusu ---- */
.header-arama {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--marka-yesil-50);
    border: 1px solid var(--sinir);
    border-radius: 999px;
    padding: 9px 16px;
    flex: 1;
    max-width: 320px;
    margin: 0 8px;
    color: var(--metin-500);
    transition: border-color .15s ease, box-shadow .15s ease;
}
.arama-oneri-panel { position: absolute; top: calc(100% + 9px); left: 0; right: 0; z-index: 80; max-height: min(520px, 70vh); overflow-y: auto; padding: 8px; border: 1px solid var(--sinir); border-radius: 15px; background: #fff; box-shadow: 0 22px 60px rgba(6,51,26,.2); }
.arama-oneri-panel[hidden] { display: none; }
.arama-oneri-baslik { padding: 8px 10px 5px; color: var(--metin-500); font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.arama-oneri-urun { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 11px; align-items: center; padding: 8px 10px; border-radius: 9px; }
.arama-oneri-urun:hover, .arama-oneri-kategori:hover { background: var(--marka-yesil-50); }
.arama-oneri-urun img, .arama-oneri-ikon { width: 48px; height: 42px; border-radius: 7px; background: var(--renk-bej); object-fit: contain; }
.arama-oneri-ikon { display: grid; place-items: center; color: var(--marka-yesil-700); font-weight: 900; }
.arama-oneri-urun strong, .arama-oneri-urun small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.arama-oneri-urun strong { color: var(--metin-900); font-size: .77rem; }
.arama-oneri-urun small { margin-top: 3px; color: var(--metin-500); font-size: .64rem; }
.arama-oneri-kategori { display: flex; justify-content: space-between; gap: 12px; padding: 9px 10px; border-radius: 8px; color: var(--marka-yesil-900); font-size: .75rem; font-weight: 700; }
.arama-tum-sonuclar { display: flex; justify-content: space-between; gap: 12px; margin-top: 6px; padding: 10px; border-top: 1px solid var(--sinir); color: var(--marka-amber-700); font-size: .72rem; font-weight: 800; }
.header-arama:focus-within { border-color: var(--marka-yesil-600); box-shadow: 0 0 0 3px var(--marka-yesil-100); background: var(--renk-krem); }
.header-arama svg { width: 17px; height: 17px; flex-shrink: 0; }
.header-arama input {
    border: none; background: transparent; outline: none;
    font-family: var(--font-govde); font-size: .88rem; color: var(--metin-900);
    width: 100%;
}
.header-arama input::placeholder { color: var(--metin-500); }
.header-arama-mobil { display: none; flex: none; margin: 0 20px 14px; max-width: none; }

/* ---- Mobil menu dugmesi + off-canvas panel ---- */
.mobil-menu-dugme {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 42px;
    height: 42px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--sinir);
    background: var(--renk-krem);
    cursor: pointer;
    padding: 0;
    align-items: center;
}
.mobil-menu-dugme span { display: block; width: 20px; height: 2px; background: var(--marka-yesil-900); border-radius: 2px; transition: transform .2s ease, opacity .2s ease; }
.mobil-menu-dugme[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.mobil-menu-dugme[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.mobil-menu-dugme[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.mobil-menu-perde {
    position: fixed; inset: 0;
    background: rgba(20, 37, 28, 0.55);
    z-index: 60;
    backdrop-filter: blur(2px);
}
.mobil-menu-panel {
    position: fixed;
    top: 0; right: 0; bottom: 0;
    width: min(340px, 86vw);
    background: var(--renk-krem);
    z-index: 61;
    display: flex;
    flex-direction: column;
    box-shadow: var(--golge-lg);
    transform: translateX(0);
    animation: mobilMenuGiris .22s ease;
}
/* [hidden] ve .mobil-menu-panel ayni ozguluge sahip oldugundan, gizliyken
   "display:flex" kuralinin hidden'i gecersiz kilmamasi icin acik oncelik: */
.mobil-menu-panel[hidden] { display: none; }
.mobil-menu-perde[hidden] { display: none; }
@keyframes mobilMenuGiris { from { transform: translateX(100%); } to { transform: translateX(0); } }
.mobil-menu-ust {
    display: flex; align-items: center; justify-content: space-between;
    padding: 18px 20px;
    border-bottom: 1px solid var(--sinir);
}
.mobil-menu-ust .marka img { height: 32px; }
.mobil-dil-secici { flex: 0 0 auto; }
.mobil-dil-secici summary { width: 40px; height: 36px; border-radius: 999px; }
.mobil-dil-secici > div {
    position: fixed;
    top: 70px;
    right: 12px;
    left: auto;
    width: min(300px, calc(86vw - 24px));
    max-height: calc(100dvh - 88px);
    overflow-y: auto;
}
.mobil-menu-kapat {
    width: 36px; height: 36px;
    border-radius: 999px;
    border: 1px solid var(--sinir);
    background: transparent;
    font-size: 1.3rem;
    line-height: 1;
    cursor: pointer;
    color: var(--marka-yesil-900);
}
.mobil-menu-liste { display: flex; flex-direction: column; padding: 10px 8px; overflow-y: auto; flex: 1; }
.mobil-menu-liste a {
    padding: 13px 14px;
    border-radius: var(--radius-sm);
    font-weight: 600;
    color: var(--metin-900);
}
.mobil-menu-liste a:hover, .mobil-menu-liste a:active { background: var(--marka-yesil-50); }
.mobil-menu-alt { padding: 16px 20px 24px; border-top: 1px solid var(--sinir); display: flex; flex-direction: column; gap: 10px; }

/* ---- Hero ---- */
.hero {
    background: linear-gradient(135deg, var(--marka-yesil-900) 0%, var(--marka-yesil-700) 65%, var(--marka-yesil-600) 100%);
    color: var(--renk-krem);
    padding: 72px 0;
    position: relative;
    overflow: hidden;
}
.hero::after {
    content: "";
    position: absolute;
    right: -120px; top: -120px;
    width: 420px; height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232,154,60,.35), transparent 70%);
}
.hero .icerik { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: center; position: relative; }
.hero h1 { color: var(--renk-krem); margin-bottom: 0.4em; }
.hero p.aciklama { color: #d7e5da; font-size: 1.08rem; max-width: 520px; }
.hero .buton-grubu { display: flex; gap: 14px; margin-top: 28px; flex-wrap: wrap; }
.hero-panel {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: var(--radius-lg);
    padding: 28px;
    backdrop-filter: blur(6px);
}
.hero-panel h3 { color: var(--renk-krem); }
.hero-panel p { color: #cfe0d3; font-size: 0.92rem; }
.hero-rozet-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 16px; }
.hero-rozet {
    background: rgba(255,255,255,0.08);
    border-radius: var(--radius-sm);
    padding: 14px;
    text-align: center;
}
.hero-rozet strong { display: block; font-family: var(--font-baslik); font-size: 1.3rem; color: var(--marka-amber-500); }
.hero-rozet span { font-size: 0.76rem; color: #cfe0d3; }

/* ---- Guven seridi (hero altinda) ---- */
.guven-seridi { background: var(--renk-krem); border-bottom: 1px solid var(--sinir); }
.guven-izgara {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    padding: 22px 0;
}
.guven-oge {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: .86rem;
    font-weight: 600;
    color: var(--metin-700);
    justify-content: center;
    text-align: center;
}
.guven-oge svg { width: 22px; height: 22px; flex-shrink: 0; color: var(--marka-yesil-700); }
@media (max-width: 900px) { .guven-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .guven-izgara { grid-template-columns: 1fr; } }

/* ---- Rol Kartlari (Ana Bayi / Alt Bayi / Alici anlatimi) ---- */
.rol-kartlari {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    padding: 64px 0;
}
.rol-karti {
    padding: 30px 26px;
    text-align: left;
}
.rol-karti .simge {
    width: 52px; height: 52px;
    border-radius: 14px;
    background: var(--marka-yesil-100);
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 18px;
    color: var(--marka-yesil-700);
}
.rol-karti.vurgu .simge { background: var(--marka-amber-100); color: var(--marka-amber-700); }
.rol-karti h3 { margin-bottom: 8px; }
.rol-karti p { font-size: 0.92rem; margin-bottom: 0; }

/* ---- Kategori Izgara ---- */
.bolum-baslik { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 28px; gap: 16px; flex-wrap: wrap; }
.bolum-baslik p { margin: 0; max-width: 520px; }

.kategori-izgara {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding-bottom: 64px;
}
.kategori-karti {
    position: relative;
    aspect-ratio: 4 / 3;
    border-radius: var(--radius-md);
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    background: linear-gradient(160deg, var(--marka-yesil-700), var(--marka-yesil-900));
}
.kategori-karti .kategori-icerik {
    position: relative;
    z-index: 2;
    padding: 20px;
    color: var(--renk-krem);
}
.kategori-karti .kategori-icerik span { font-size: 0.78rem; color: var(--marka-amber-500); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.kategori-karti .kategori-icerik h3 { color: var(--renk-krem); margin: 4px 0 0; }
.kategori-karti:hover { box-shadow: var(--golge-lg); }

/* ---- Urun Izgara / Kart ---- */
.urun-izgara {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 22px;
    padding: 8px 0 64px;
}
.urun-karti {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: box-shadow .18s ease, transform .18s ease;
}
.urun-karti:hover { box-shadow: var(--golge-md); transform: translateY(-2px); }
.urun-gorsel {
    aspect-ratio: 1 / 1;
    background: var(--marka-yesil-50);
    display: flex; align-items: center; justify-content: center;
    color: var(--marka-yesil-300, var(--marka-yesil-100));
    border-bottom: 1px solid var(--sinir);
}
.urun-gorsel svg { width: 46%; height: 46%; opacity: .55; }

/* ---- Urun gorsel yer tutucu (gercek fotograf yuklenene kadar) ---- */
.urun-gorsel-yt {
    aspect-ratio: 1 / 1;
    display: flex; align-items: center; justify-content: center;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--sinir);
    background:
        repeating-linear-gradient(135deg, rgba(20,37,28,0.05) 0px, rgba(20,37,28,0.05) 1px, transparent 1px, transparent 14px),
        var(--marka-yesil-50);
}
.urun-gorsel-yt.desen-1 {
    background:
        repeating-linear-gradient(45deg, rgba(217,126,26,0.06) 0px, rgba(217,126,26,0.06) 1px, transparent 1px, transparent 14px),
        var(--marka-yesil-50);
}
.urun-gorsel-yt.desen-2 {
    background:
        radial-gradient(circle at 30% 30%, rgba(217,126,26,0.08), transparent 60%),
        repeating-linear-gradient(135deg, rgba(20,37,28,0.05) 0px, rgba(20,37,28,0.05) 1px, transparent 1px, transparent 14px),
        var(--marka-yesil-50);
}
.urun-gorsel-foto { aspect-ratio: 1 / 1; overflow: hidden; background: #fff; border-bottom: 1px solid var(--sinir); }
.urun-gorsel-foto img { width: 100%; height: 100%; object-fit: contain; transition: transform .25s ease; }
.urun-karti:hover .urun-gorsel-foto img { transform: scale(1.035); }
.urun-gorsel-foto.urun-gorsel-buyuk { border-bottom: 0; }
.urun-gorsel-rozet {
    width: 34%;
    aspect-ratio: 1 / 1;
    border-radius: 999px;
    background: var(--renk-krem);
    display: flex; align-items: center; justify-content: center;
    box-shadow: var(--golge-sm);
    color: var(--marka-yesil-700);
    transition: transform .18s ease;
}
.urun-gorsel-rozet svg { width: 52%; height: 52%; }
.urun-karti:hover .urun-gorsel-rozet, a:hover > .urun-gorsel-yt .urun-gorsel-rozet { transform: scale(1.06); color: var(--marka-amber-700); }
.urun-govde { padding: 18px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.urun-govde .urun-kategori { font-size: 0.74rem; color: var(--marka-amber-700); font-weight: 700; text-transform: uppercase; letter-spacing: .03em; }
.urun-govde h3 { font-size: 1.02rem; margin: 0; }
.urun-govde .urun-fiyat-satir { margin-top: auto; display: flex; align-items: center; justify-content: space-between; padding-top: 10px; }
.urun-fiyat { font-family: var(--font-baslik); font-weight: 800; font-size: 1.12rem; color: var(--marka-yesil-900); }
.urun-fiyat small { display: block; font-family: var(--font-govde); font-weight: 500; font-size: 0.7rem; color: var(--metin-500); }
.fiyat-giris-cagrisi { display: inline-flex; align-items: center; min-height: 30px; padding: 6px 10px; border: 1px solid var(--marka-yesil-200); border-radius: 8px; background: var(--marka-yesil-50); color: var(--marka-yesil-800); font-size: .75rem; font-weight: 800; }
.stok-durumu { font-size: 0.76rem; font-weight: 600; }
.stok-durumu.var { color: var(--basari); }
.stok-durumu.yok { color: var(--tehlike); }

/* ---- Neden Biz seridi ---- */
.avantaj-seridi {
    background: var(--marka-yesil-50);
    border-top: 1px solid var(--sinir);
    border-bottom: 1px solid var(--sinir);
    padding: 56px 0;
}
.avantaj-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.avantaj-oge { text-align: left; }
.avantaj-oge strong { display: block; font-family: var(--font-baslik); color: var(--marka-yesil-900); margin-bottom: 6px; }
.avantaj-oge p { font-size: 0.88rem; margin: 0; }

/* ---- CTA (Bayilik basvurusu) ---- */
.cta-bayilik {
    background: linear-gradient(120deg, var(--marka-amber-600), var(--marka-amber-700));
    border-radius: var(--radius-lg);
    padding: 48px;
    margin: 24px auto 72px;
    color: var(--renk-krem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}
.cta-bayilik h2 { color: var(--renk-krem); margin-bottom: 6px; }
.cta-bayilik p { color: #fbe8cf; margin: 0; max-width: 480px; }
.cta-bayilik .buton-ikincil { background: var(--marka-yesil-900); }

/* ---- Footer ---- */
.site-footer {
    background: var(--marka-yesil-900);
    color: #b9cabd;
    padding: 56px 0 24px;
}
.footer-izgara { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px; padding-bottom: 32px; }
.site-footer h4 { color: var(--renk-krem); font-family: var(--font-baslik); font-size: 0.95rem; margin-bottom: 14px; }
.site-footer a { color: #b9cabd; font-size: 0.9rem; }
.site-footer a:hover { color: var(--marka-amber-500); }
.footer-link-liste { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.footer-alt {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 20px;
    font-size: 0.8rem;
    display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px;
}
.footer-alt > span { display:flex; align-items:center; }
.footer-ziyaretci { gap:10px; padding:6px 11px; border:1px solid rgba(169,220,111,.17); border-radius:999px; background:rgba(255,255,255,.045); }
.footer-ziyaretci > svg { width:18px; height:18px; fill:none; stroke:#9bd363; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.footer-ziyaretci > span { display:flex; align-items:baseline; gap:5px; }.footer-ziyaretci small { color:#91a899; font-size:.58rem; }.footer-ziyaretci strong { color:#f1f7ef; font-size:.72rem; }.footer-ziyaretci > i { width:1px; height:18px; background:rgba(255,255,255,.12); }
.footer-codega-imza{gap:9px;padding:7px 11px!important;border:1px solid rgba(169,220,111,.2);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(112,184,58,.065));color:#b9cabd;line-height:1.25}
.footer-codega-imza>svg{width:21px;height:21px;flex:none;fill:none;stroke:#9bd363;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.footer-codega-imza>span{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.footer-codega-imza i{color:#6f8b77;font-style:normal}.footer-codega-imza small{color:#91a899;font-size:.68rem;letter-spacing:.02em}.site-footer .footer-codega-imza a{color:#d8f3bd;font-size:.8rem;font-weight:800;letter-spacing:.02em}.site-footer .footer-codega-imza a:hover{color:#fff}
@media(max-width:720px){.footer-alt{align-items:center;flex-direction:column;text-align:center}.footer-ziyaretci{order:-1;margin-bottom:5px}.footer-codega-imza{justify-content:center}.footer-codega-imza>span{justify-content:center}}

/* ---- Giris / Kayit Sayfasi ---- */
.auth-sayfa {
    min-height: calc(100vh - 200px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 64px 20px;
}
.auth-kutu {
    width: 100%;
    max-width: 440px;
    padding: 40px 36px;
}
.auth-kutu .auth-ust { text-align: center; margin-bottom: 28px; }
.auth-kutu .auth-ust img { height: 44px; margin: 0 auto 14px; }
.eposta-dogrulama-kutu{max-width:540px;text-align:center}.eposta-dogrulama-kutu .auth-ust h1{font-size:28px;margin:14px 0 10px;color:#07351f}.eposta-dogrulama-ikon{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;margin:0 auto;background:#edf6e8;color:#4f9f24;font-size:34px;font-weight:900;box-shadow:0 12px 28px rgba(21,78,42,.12)}.eposta-dogrulama-ikon.tamam{background:#dff3d6;color:#317c18}.eposta-dogrulama-ikon.hata{background:#fff0ed;color:#b83c2d}.eposta-dogrulama-kutu .form-panel-giris{margin:18px 0 0}
.auth-roller-ipucu {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
}

/* ---- Genel sayfa basligi (kategori / hesabim vb.) ---- */
.sayfa-basligi {
    padding: 40px 0 28px;
    border-bottom: 1px solid var(--sinir);
    margin-bottom: 36px;
}
.gezinme-yolu { font-size: 0.82rem; color: var(--metin-500); margin-bottom: 10px; }
.gezinme-yolu a:hover { color: var(--marka-yesil-800); }

/* ---- Responsive ---- */
@media (max-width: 980px) {
    .hero .icerik { grid-template-columns: 1fr; }
    .rol-kartlari, .kategori-izgara { grid-template-columns: repeat(2, 1fr); }
    .avantaj-izgara { grid-template-columns: repeat(2, 1fr); }
    .footer-izgara { grid-template-columns: 1fr 1fr; }
    .ana-menu, .header-aksiyonlar, .header-arama { display: none; }
    .mobil-menu-dugme { display: flex; }
    .header-arama-mobil { display: flex; }
}
@media (min-width: 981px) {
    .mobil-menu-perde, .mobil-menu-panel, .header-arama-mobil { display: none !important; }
}
@media (min-width: 981px) and (max-width: 1180px) {
    .header-arama { display: none; }
}
@media (max-width: 620px) {
    .rol-kartlari, .kategori-izgara, .avantaj-izgara { grid-template-columns: 1fr; }
    .footer-izgara { grid-template-columns: 1fr; }
    .cta-bayilik { flex-direction: column; text-align: center; }
}

/* ==========================================================
   2026 Magaza Vitrini — premium ana sayfa
   ========================================================== */
.hero-yeni {
    background: #092c1c;
    padding: 0;
    isolation: isolate;
}
.hero-yeni::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .25;
    background-image: radial-gradient(rgba(255,255,255,.16) .7px, transparent .7px);
    background-size: 18px 18px;
    mask-image: linear-gradient(to right, #000, transparent 60%);
    -webkit-mask-image: linear-gradient(to right, #000, transparent 60%);
}
.hero-yeni::after { display: none; }
.hero-yeni .icerik {
    min-height: 690px;
    grid-template-columns: minmax(0, .86fr) minmax(520px, 1.14fr);
    gap: 58px;
    align-items: stretch;
}
.hero-metin {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 72px 0 58px;
    position: relative;
    z-index: 2;
}
.hero-kicker {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: #cde1d2;
    font-size: .77rem;
    text-transform: uppercase;
    letter-spacing: .11em;
    font-weight: 700;
}
.hero-kicker > span { width: 28px; height: 2px; background: var(--marka-amber-500); }
.hero-yeni h1 {
    max-width: 650px;
    font-size: clamp(2.65rem, 4.3vw, 4.55rem);
    line-height: 1.02;
    letter-spacing: -.045em;
    margin-bottom: 22px;
}
.hero-yeni h1 em { color: #95cb55; font-style: normal; }
.hero-yeni p.aciklama { max-width: 630px; font-size: 1.04rem; line-height: 1.75; color: #c9d8cd; }
.hero-arama {
    display: flex;
    align-items: center;
    max-width: 620px;
    background: #fff;
    padding: 7px 7px 7px 18px;
    margin-top: 10px;
    border-radius: 12px;
    box-shadow: 0 18px 48px rgba(0,0,0,.2);
}
.hero-arama svg { width: 21px; color: var(--metin-500); flex: none; }
.hero-arama input {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    padding: 13px 12px;
    font: 500 .95rem var(--font-govde);
    color: var(--metin-900);
}
.hero-arama button {
    border: 0;
    border-radius: 8px;
    padding: 13px 24px;
    background: var(--marka-amber-600);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
.hero-yeni .buton-grubu { align-items: center; margin-top: 20px; }
.hero-metin-link { color: #eef6ef; font-weight: 600; padding: 10px 4px; border-bottom: 1px solid rgba(255,255,255,.32); }
.hero-metin-link:hover { color: #a9dc6f; }
.hero-mini-guven { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 34px; color: #acc1b2; font-size: .77rem; }
.hero-mini-guven i { display: inline-grid; place-items: center; width: 17px; height: 17px; margin-right: 5px; border: 1px solid rgba(149,203,85,.55); border-radius: 50%; color: #a9dc6f; font-style: normal; font-size: .62rem; }
.hero-gorsel {
    position: relative;
    min-height: 690px;
    margin-right: calc((100vw - min(100vw, var(--icerik-genislik))) / -2 - 24px);
    background: linear-gradient(90deg, #092c1c 0%, rgba(9,44,28,.1) 30%), url('/assets/img/hero-ciftlik-v2.webp') center / cover no-repeat;
    clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
}
.hero-bilgi-karti {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255,255,255,.94);
    color: var(--metin-900);
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 14px;
    box-shadow: 0 20px 55px rgba(0,0,0,.18);
    backdrop-filter: blur(10px);
}
.hero-bilgi-karti small { display: block; color: var(--metin-500); font-size: .69rem; }
.hero-bilgi-karti strong { display: block; color: var(--marka-yesil-900); font-size: .9rem; }
.hero-bilgi-ust { top: 50px; right: 7%; padding: 13px 18px; }
.nabiz { width: 11px; height: 11px; border-radius: 50%; background: #59a62f; box-shadow: 0 0 0 6px rgba(89,166,47,.15); }
.hero-bilgi-alt { bottom: 40px; left: 13%; padding: 17px 22px; text-align: center; }
.hero-bilgi-alt strong { font-size: 1.25rem; }
.hero-bilgi-alt .dikey-cizgi { width: 1px; height: 32px; background: var(--sinir); }

.guven-seridi { box-shadow: 0 8px 30px rgba(9,44,28,.05); }
.guven-izgara { padding-top: 19px; padding-bottom: 19px; }
.guven-oge + .guven-oge { border-left: 1px solid var(--sinir); }

.bolum-etiketi {
    color: var(--marka-amber-700);
    font-size: .75rem;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .12em;
    margin-bottom: 14px;
}
.bolum-baslik h2 { letter-spacing: -.035em; }
.ana-rol-bolumu { padding-top: 92px; }
.bolum-baslik-ortali { justify-content: center; text-align: center; margin-bottom: 42px; }
.bolum-baslik-ortali p { margin-left: auto; margin-right: auto; }
.rol-kartlari { padding: 0 0 104px; }
.rol-karti { position: relative; padding: 34px 30px 30px; overflow: hidden; transition: transform .2s ease, box-shadow .2s ease; }
.rol-karti:hover { transform: translateY(-5px); box-shadow: var(--golge-lg); }
.rol-karti.vurgu { background: var(--marka-yesil-900); border-color: var(--marka-yesil-900); }
.rol-karti.vurgu h3, .rol-karti.vurgu > a { color: #fff; }
.rol-karti.vurgu p { color: #b8cbbd; }
.rol-karti .rol-numara { position: absolute; right: 22px; top: 18px; font: 800 2.7rem var(--font-baslik); color: rgba(6,51,26,.07); }
.rol-karti.vurgu .rol-numara { color: rgba(255,255,255,.08); }
.rol-karti > a { display: inline-flex; gap: 10px; margin-top: 18px; color: var(--marka-yesil-800); font-weight: 700; font-size: .88rem; }
.rol-karti > a span { transition: transform .18s ease; }
.rol-karti > a:hover span { transform: translateX(4px); }

.kategori-bolumu { padding-top: 6px; }
.kategori-izgara { grid-template-columns: 1.28fr .86fr .86fr; grid-template-rows: repeat(2, 260px); padding-bottom: 110px; }
.kategori-karti { aspect-ratio: auto; background-color: var(--marka-yesil-900); transition: transform .25s ease, box-shadow .25s ease; }
.kategori-karti::before, .kategori-karti::after { content: ""; position: absolute; inset: 0; }
.kategori-karti::before { z-index: 0; background: radial-gradient(circle at 78% 25%, rgba(255,255,255,.2), transparent 35%), linear-gradient(145deg, transparent 35%, rgba(0,0,0,.25)); }
.kategori-karti::after { inset: auto -40px -70px auto; width: 180px; height: 180px; border: 28px solid rgba(255,255,255,.06); border-radius: 50%; }
.kategori-karti-1 { grid-row: span 2; background: linear-gradient(160deg, #48761e, #123c24); }
.kategori-karti-2 { background: linear-gradient(145deg, #0b5c3b, #06331a); }
.kategori-karti-3 { background: linear-gradient(145deg, #876229, #4b351a); }
.kategori-karti-4 { background: linear-gradient(145deg, #285d58, #123b38); }
.kategori-karti-5 { background: linear-gradient(145deg, #55652a, #253b1d); }
.kategori-karti-6 { background: linear-gradient(145deg, #3a5361, #17313d); }
.kategori-karti:hover { transform: translateY(-5px); box-shadow: var(--golge-lg); }
.kategori-numara { position: absolute; top: 18px; right: 20px; z-index: 2; font: 700 .75rem var(--font-baslik); color: rgba(255,255,255,.6); }
.kategori-karti .kategori-icerik { padding: 24px; width: 100%; }
.kategori-karti .kategori-icerik > span { color: #b9df8f; }
.kategori-karti .kategori-icerik h3 { font-size: 1.3rem; max-width: 230px; }
.kategori-karti-1 .kategori-icerik h3 { font-size: 1.85rem; }
.kategori-karti .kategori-icerik b { display: inline-flex; gap: 8px; align-items: center; margin-top: 8px; opacity: 0; transform: translateY(6px); transition: .2s ease; font-size: .83rem; }
.kategori-karti:hover .kategori-icerik b { opacity: 1; transform: translateY(0); }

.urunler-bolumu { padding-top: 8px; }
.urun-karti { border-radius: 16px; }
.urun-karti:hover { transform: translateY(-6px); }
.urun-govde { padding: 20px; }

.uzmanlik-bolumu { margin-top: 40px; padding: 100px 0; background: #e9efe7; }
.uzmanlik-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(50px, 7vw, 100px); align-items: center; }
.uzmanlik-gorsel {
    position: relative;
    min-height: 570px;
    border-radius: 24px 90px 24px 24px;
    background: linear-gradient(0deg, rgba(6,51,26,.35), transparent 55%), url('/assets/img/hero-ciftlik-v2.webp') 72% center / cover;
    box-shadow: 0 28px 70px rgba(6,51,26,.2);
}
.uzmanlik-gorsel::before { content: ""; position: absolute; width: 120px; height: 120px; left: -24px; top: -24px; border-left: 2px solid var(--marka-amber-500); border-top: 2px solid var(--marka-amber-500); border-radius: 24px 0 0; }
.uzmanlik-rozet { position: absolute; right: -26px; bottom: 34px; width: 132px; height: 132px; border-radius: 50%; display: grid; place-content: center; text-align: center; background: var(--marka-amber-600); color: #fff; box-shadow: var(--golge-lg); }
.uzmanlik-rozet strong { font: 800 1.15rem var(--font-baslik); }
.uzmanlik-rozet span { font-size: .73rem; }
.uzmanlik-metin h2 { font-size: clamp(2rem, 3.2vw, 3rem); letter-spacing: -.04em; }
.uzmanlik-metin > p { line-height: 1.75; }
.uzmanlik-metin ul { list-style: none; padding: 6px 0 12px; margin: 0; }
.uzmanlik-metin li { display: flex; gap: 18px; align-items: center; padding: 17px 0; border-top: 1px solid rgba(6,51,26,.13); }
.uzmanlik-metin li > span { color: var(--marka-amber-700); font: 700 .73rem var(--font-baslik); }
.uzmanlik-metin li strong, .uzmanlik-metin li small { display: block; }
.uzmanlik-metin li strong { color: var(--marka-yesil-900); }
.uzmanlik-metin li small { margin-top: 3px; color: var(--metin-500); }

.avantaj-seridi { background: var(--marka-yesil-900); border: 0; }
.avantaj-oge { padding-right: 20px; }
.avantaj-oge > span { display: block; color: #7dbd45; font: 700 .72rem var(--font-baslik); margin-bottom: 14px; }
.avantaj-oge strong { color: #fff; }
.avantaj-oge p { color: #aebfb2; }
.cta-bayilik { position: relative; overflow: hidden; margin-top: 72px; padding: 54px 58px; background: linear-gradient(115deg, #5a9d28, #2e701d); box-shadow: 0 22px 55px rgba(50,103,27,.2); }
.cta-bayilik::after { content: ""; position: absolute; right: -70px; top: -120px; width: 300px; height: 300px; border: 48px solid rgba(255,255,255,.07); border-radius: 50%; }
.cta-bayilik > * { position: relative; z-index: 1; }
.cta-kicker { display: block; margin-bottom: 9px; color: #d9efc5; text-transform: uppercase; letter-spacing: .1em; font-size: .72rem; font-weight: 800; }
.cta-bayilik h2 { font-size: clamp(1.7rem, 3vw, 2.6rem); }

@media (max-width: 1120px) {
    .hero-yeni .icerik { grid-template-columns: 1fr 1fr; gap: 30px; }
    .hero-gorsel { margin-right: -24px; }
    .hero-mini-guven span:last-child { display: none; }
}
@media (max-width: 980px) {
    .hero-yeni .icerik { grid-template-columns: 1fr; padding: 0; }
    .hero-metin { padding: 64px 28px 26px; }
    .hero-gorsel { min-height: 430px; margin: 0; clip-path: none; background-position: center; }
    .kategori-izgara { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 250px); }
    .kategori-karti-1 { grid-row: auto; }
    .uzmanlik-izgara { grid-template-columns: .9fr 1.1fr; gap: 48px; }
    .uzmanlik-gorsel { min-height: 500px; }
}
@media (max-width: 720px) {
    .hero-yeni h1 { font-size: clamp(2.4rem, 11vw, 3.35rem); }
    .hero-arama { padding-left: 13px; }
    .hero-arama button { padding-left: 17px; padding-right: 17px; }
    .hero-mini-guven { gap: 10px 16px; }
    .hero-gorsel { min-height: 340px; }
    .hero-bilgi-ust { top: 20px; right: 18px; }
    .hero-bilgi-alt { left: 18px; bottom: 18px; }
    .guven-oge + .guven-oge { border-left: 0; }
    .ana-rol-bolumu { padding-top: 70px; }
    .rol-kartlari { padding-bottom: 80px; }
    .kategori-izgara { grid-template-columns: 1fr; grid-template-rows: none; }
    .kategori-karti { min-height: 230px; }
    .kategori-karti .kategori-icerik b { opacity: 1; transform: none; }
    .uzmanlik-bolumu { padding: 76px 0; }
    .uzmanlik-izgara { grid-template-columns: 1fr; }
    .uzmanlik-gorsel { min-height: 400px; margin-right: 18px; }
    .uzmanlik-rozet { right: -18px; width: 110px; height: 110px; }
    .cta-bayilik { padding: 40px 28px; text-align: left; }
}

/* ==========================================================
   0.4.0 Genel toparlama — daha sakin hiyerarsi
   ========================================================== */
.ust-bar .icerik { min-height: 36px; padding-top: 6px; padding-bottom: 6px; }
.ust-bar-mesaj { font-size: .76rem; color: #d9e7dc; }
.ust-bar-iletisim { display: flex; align-items: center; }
.ust-bar-kisi{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;text-decoration:none}.ust-bar-kisi strong{font-weight:750}.ust-bar-kisi strong::after{content:":"}
@media(max-width:1180px){.ust-bar-kisi strong{display:none}.ust-bar-kisi strong::after{content:""}.ust-bar-iletisim{font-size:.7rem}.ust-bar .ayrac{margin:0 5px}}
.site-header .icerik { min-height: 76px; padding-top: 12px; padding-bottom: 12px; }
.site-header > .icerik .marka-logo { height: 88px; }
.site-header .icerik { min-height: 108px; }
.header-arama { max-width: 560px; margin-left: auto; }
.header-aksiyonlar { flex: none; }
.hesap-kisayol { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 5px 8px 5px 5px; border-radius: 10px; }
.hesap-kisayol:hover { background: var(--marka-yesil-50); }
.hesap-avatar { display: grid; place-items: center; width: 35px; height: 35px; flex: none; border-radius: 50%; background: var(--marka-yesil-100); color: var(--marka-yesil-800); font-weight: 800; }
.hesap-kisayol strong, .hesap-kisayol small { display: block; max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hesap-kisayol strong { font-size: .78rem; color: var(--marka-yesil-900); }
.hesap-kisayol small { font-size: .66rem; color: var(--metin-500); }
.header-cikis { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; background: var(--marka-yesil-900); color: #fff; font-weight: 800; transform: rotate(90deg); }
.kategori-navigasyonu { border-top: 1px solid var(--sinir); background: #fffdf9; }
.kategori-navigasyonu .icerik { min-height: 46px; display: flex; align-items: center; gap: 26px; padding-top: 0; padding-bottom: 0; overflow-x: auto; scrollbar-width: none; }
.kategori-navigasyonu .icerik::-webkit-scrollbar { display: none; }
.kategori-navigasyonu a { flex: none; color: var(--metin-700); font-size: .79rem; font-weight: 600; white-space: nowrap; }
.kategori-navigasyonu a:hover { color: var(--marka-yesil-700); }
.kategori-navigasyonu .tum-kategoriler-link { color: var(--marka-yesil-900); font-weight: 800; }
.kategori-navigasyonu .nav-bayi-link { margin-left: auto; color: var(--marka-amber-700); }

.hero-yeni .icerik { min-height: 570px; }
.hero-metin { padding-top: 50px; padding-bottom: 45px; }
.hero-yeni h1 { max-width: 570px; font-size: clamp(2.5rem, 3.65vw, 3.75rem); line-height: 1.04; }
.hero-yeni p.aciklama { max-width: 570px; line-height: 1.65; }
.hero-gorsel { min-height: 570px; }
.hero-mini-guven { margin-top: 24px; }
.guven-izgara { padding-top: 15px; padding-bottom: 15px; }
.kategori-bolumu { padding-top: 86px; }
.kategori-izgara { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 230px); gap: 16px; padding-bottom: 92px; }
.kategori-karti-1 { grid-row: auto; }
.kategori-karti-1 .kategori-icerik h3, .kategori-karti .kategori-icerik h3 { font-size: 1.24rem; }
.urunler-bolumu { padding-top: 0; }
.urun-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.cta-bayilik { display: grid; grid-template-columns: 1.2fr 1fr auto; margin-top: 42px; margin-bottom: 64px; padding: 40px 44px; }
.cta-bayilik h2 { font-size: clamp(1.55rem, 2.2vw, 2.1rem); }
.cta-ozellikler { display: flex; align-items: center; justify-content: center; gap: 24px; }
.cta-ozellikler span { display: grid; color: #d9efc5; font-size: .69rem; text-align: center; }
.cta-ozellikler b { color: #fff; font: 800 1.05rem var(--font-baslik); }

/* Listeleme ve detay sayfalari */
.magaza-sayfa { padding-bottom: 80px; }
.sayfa-basligi { padding: 34px 0 24px; margin-bottom: 28px; }
.sayfa-basligi h1 { font-size: clamp(1.9rem, 3vw, 2.7rem); }
.magaza-duzen { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 28px; align-items: start; }
.kategori-filtre { position: sticky; top: 146px; padding: 20px; }
.kategori-filtre h3 { font-size: .92rem; margin-bottom: 12px; }
.kategori-filtre-listesi { display: grid; gap: 3px; list-style: none; padding: 0; margin: 0; }
.kategori-filtre-listesi a { display: block; padding: 9px 10px; border-radius: 7px; color: var(--metin-700); font-size: .83rem; font-weight: 500; }
.kategori-filtre-listesi a:hover { background: var(--marka-yesil-50); color: var(--marka-yesil-800); }
.kategori-filtre-listesi a.aktif { background: var(--marka-yesil-100); color: var(--marka-yesil-900); font-weight: 700; }
.kategori-filtre-listesi .alt-kategori a { padding-left: 22px; color: var(--metin-500); font-size: .78rem; }
.kategori-filtre-listesi .alt-kategori a span { color: var(--marka-yesil-600); margin-right: 5px; }
.urun-detay { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); gap: 52px; padding-bottom: 72px; }
.urun-detay-gorsel { aspect-ratio: 1/1; border-radius: var(--radius-lg); overflow: hidden; padding: 0; }
.urun-detay-bilgi h1 { margin-top: 12px; font-size: clamp(2rem, 3.6vw, 3rem); }
.urun-fiyat-kutusu { padding: 20px; margin: 20px 0; }
.urun-fiyat-buyuk { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.urun-fiyat-buyuk strong { font: 800 1.85rem var(--font-baslik); color: var(--marka-yesil-900); }
.urun-fiyat-buyuk span, .urun-fiyat-notu { color: var(--metin-500); font-size: .8rem; }
.urun-fiyat-notu { margin: 6px 0 0; }
.urun-fiyat-kilit { display: flex; gap: 14px; align-items: flex-start; }
.urun-fiyat-kilit > span { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 12px; background: var(--marka-yesil-100); }
.urun-fiyat-kilit strong { display: block; color: var(--marka-yesil-900); font: 800 1rem var(--font-baslik); }
.urun-fiyat-kilit p { margin: 5px 0 0; color: var(--metin-500); font-size: .82rem; line-height: 1.55; }
.urun-fiyat-kilit-aksiyon { display: flex; gap: 10px; margin-top: 16px; flex-wrap: wrap; }
.sepet-formu { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.adet-alani { width: 82px; padding: 12px; border: 1px solid var(--sinir-koyu); border-radius: 8px; }
.urun-aciklama { margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--sinir); }
.arama-bos { max-width: 720px; margin: 60px auto 100px; text-align: center; }
.metin-link { color: var(--marka-amber-700); font-weight: 700; }
.tam-genislik { width: 100%; }
.urun-bulunamadi { padding-top: 64px; padding-bottom: 80px; }
.urun-izgara-liste { padding-top: 0; }
.urun-fiyat-notu a { color: var(--marka-amber-700); font-weight: 700; }
.footer-marka .logo-kart-koyu { margin-bottom: 16px; }
.footer-marka p { max-width: 300px; color: #b9cabd; font-size: .85rem; }
.footer-iller { border-top: 1px solid rgba(255,255,255,.11); padding: 27px 0 30px; color: #b9cabd; }
.footer-iller-baslik { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.footer-iller-baslik h4 { margin: 0; font-size: 1rem; }
.footer-iller-baslik > span { padding: 5px 10px; border: 1px solid rgba(169,220,111,.24); border-radius: 999px; background: rgba(169,220,111,.08); color: #c9e8aa; font-size: .67rem; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
.footer-iller-izgara { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 5px 12px; }
.site-footer .footer-iller-izgara a { display: flex; align-items: center; gap: 7px; min-width: 0; padding: 5px 0; color: #b9cabd; font-size: .72rem; line-height: 1.25; transition: color .16s ease, transform .16s ease; }
.footer-iller-izgara a > span { width: 4px; height: 4px; flex: 0 0 4px; border-radius: 50%; background: #75ae47; transition: background .16s ease, box-shadow .16s ease; }
.site-footer .footer-iller-izgara a:hover { color: #fff; transform: translateX(2px); }
.footer-iller-izgara a:hover > span { background: #a9dc6f; box-shadow: 0 0 0 3px rgba(169,220,111,.12); }
@media (max-width: 1320px) { .footer-iller-izgara { grid-template-columns: repeat(7, minmax(0, 1fr)); } }
@media (max-width: 1020px) { .footer-iller-izgara { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 720px) { .footer-iller-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 430px) { .footer-iller-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } .footer-iller-baslik { align-items: flex-start; flex-direction: column; gap: 8px; } }
@media (prefers-reduced-motion: reduce) { .site-footer .footer-iller-izgara a, .footer-iller-izgara a > span { transition: none; } }

@media (max-width: 1100px) {
    .kategori-navigasyonu { display: none; }
    .site-header { top: 0; }
    .urun-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .cta-bayilik { grid-template-columns: 1fr auto; }
    .cta-ozellikler { display: none; }
}
@media (max-width: 980px) {
    .ust-bar-mesaj { display: none; }
    .ust-bar .icerik { justify-content: center; }
    .hero-yeni .icerik { min-height: auto; }
    .hero-yeni h1 { font-size: clamp(2.35rem, 8vw, 3.3rem); }
    .hero-gorsel { min-height: 360px; }
    .kategori-izgara { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 220px); }
    .magaza-duzen { grid-template-columns: 1fr; }
    .kategori-filtre { position: static; overflow: hidden; }
    .kategori-filtre-listesi { display: flex; overflow-x: auto; }
    .kategori-filtre-listesi li { flex: none; }
    .urun-detay { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 680px) {
    .ust-bar { display: none; }
    .site-header .icerik { min-height: 88px; }
    .site-header > .icerik .marka-logo { height: 72px; }
    .kategori-bolumu { padding-top: 64px; }
    .kategori-izgara { grid-template-columns: 1fr; grid-template-rows: none; }
    .kategori-karti { min-height: 190px; }
    .urun-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .urun-govde { padding: 14px; }
    .urun-govde h3 { font-size: .9rem; }
    .urun-fiyat { font-size: .95rem; }
    .stok-durumu { display: none; }
    .cta-bayilik { display: flex; padding: 32px 24px; margin-top: 24px; }
}
@media (max-width: 430px) {
    .urun-izgara { grid-template-columns: 1fr; }
}

/* ---- 0.6.0 Ekrana oturan vitrin ve gorselli kategori kartlari ---- */
@media (min-width: 1101px) {
    .hero-yeni .icerik,
    .hero-gorsel {
        min-height: clamp(500px, calc(100svh - 240px), 690px);
    }
    .hero-metin { padding-top: clamp(34px, 5vh, 58px); padding-bottom: clamp(32px, 4.5vh, 52px); }
}

.kategori-karti {
    isolation: isolate;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.kategori-karti::before {
    z-index: 0;
    background: linear-gradient(90deg, rgba(4, 30, 18, .94) 0%, rgba(4, 30, 18, .74) 42%, rgba(4, 30, 18, .18) 78%, rgba(4, 30, 18, .06) 100%);
}
.kategori-karti::after { display: none; }
.kategori-karti .kategori-icerik { text-shadow: 0 2px 18px rgba(0, 0, 0, .42); }
.kategori-karti .kategori-icerik > span { color: #b8eb82; }
.kategori-karti .kategori-icerik h3 { max-width: 260px; }
.kategori-numara { padding: 5px 8px; border-radius: 999px; background: rgba(5, 34, 20, .48); color: rgba(255,255,255,.86); backdrop-filter: blur(6px); }
.kategori-gorsel-sulama-ve-suluklar { background-image: url('/assets/img/kategoriler/sulama-suluklar.webp'); }
.kategori-gorsel-sagim-ekipmanlari { background-image: url('/assets/img/kategoriler/sagim-ekipmanlari.webp'); }
.kategori-gorsel-yem-ve-besleme { background-image: url('/assets/img/kategoriler/yem-besleme.webp'); }
.kategori-gorsel-barinak-ve-muhafaza { background-image: url('/assets/img/kategoriler/barinak-muhafaza.webp'); }
.kategori-gorsel-saglik-ve-bakim { background-image: url('/assets/img/kategoriler/saglik-bakim.webp'); }
.kategori-gorsel-yedek-parca { background-image: url('/assets/img/kategoriler/yedek-parca.webp'); }

@media (max-width: 1100px) {
    .hero-yeni .icerik,
    .hero-gorsel { min-height: clamp(500px, calc(100svh - 140px), 650px); }
}

@media (max-width: 980px) {
    .hero-yeni .icerik {
        position: relative;
        display: block;
        min-height: clamp(590px, calc(100svh - 118px), 760px);
        padding: 0;
    }
    .hero-metin {
        width: min(700px, 100%);
        min-height: inherit;
        padding: clamp(42px, 7vh, 72px) 28px 150px;
        background: linear-gradient(90deg, rgba(3,35,20,.97) 0%, rgba(3,35,20,.88) 52%, rgba(3,35,20,.28) 100%);
    }
    .hero-gorsel {
        position: absolute;
        inset: 0;
        z-index: 0;
        min-height: 100%;
        margin: 0;
        clip-path: none;
        background-image: url('/assets/img/hero-ciftlik-v2.webp');
        background-position: 66% center;
    }
    .hero-bilgi-ust { top: 22px; right: 22px; }
    .hero-bilgi-alt { left: auto; right: 22px; bottom: 22px; }
}

@media (max-width: 680px) {
    .hero-yeni .icerik { min-height: calc(100svh - 88px); }
    .hero-metin { width: 100%; padding: 38px 20px 128px; background: linear-gradient(180deg, rgba(3,35,20,.96) 0%, rgba(3,35,20,.88) 70%, rgba(3,35,20,.54) 100%); }
    .hero-kicker { margin-bottom: 15px; font-size: .68rem; }
    .hero-yeni h1 { font-size: clamp(2.2rem, 10.5vw, 3rem); }
    .hero-yeni p.aciklama { font-size: .92rem; line-height: 1.55; }
    .hero-mini-guven { margin-top: 20px; }
    .hero-mini-guven span:last-child { display: none; }
    .hero-bilgi-ust { display: none; }
    .hero-bilgi-alt { right: 16px; bottom: 16px; padding: 12px 16px; }
    .kategori-karti { min-height: 220px; background-position: 58% center; }
}

@media (max-width: 680px) and (max-height: 700px) {
    .hero-metin { padding-top: 26px; padding-bottom: 82px; }
    .hero-kicker { margin-bottom: 10px; }
    .hero-yeni h1 { margin-bottom: 14px; font-size: clamp(2rem, 9.5vw, 2.65rem); }
    .hero-yeni p.aciklama, .hero-mini-guven, .hero-bilgi-alt { display: none; }
    .hero-arama { margin-top: 0; }
    .hero-yeni .buton-grubu { margin-top: 14px; }
}

@media (max-height: 760px) and (min-width: 981px) {
    .hero-yeni h1 { font-size: clamp(2.25rem, 3.15vw, 3.25rem); margin-bottom: 14px; }
    .hero-yeni p.aciklama { font-size: .93rem; line-height: 1.5; }
    .hero-kicker { margin-bottom: 14px; }
    .hero-arama { margin-top: 4px; }
    .hero-yeni .buton-grubu { margin-top: 14px; }
    .hero-mini-guven { margin-top: 16px; }
}

/* ---- Il bazli profesyonel inis sayfalari ---- */
.il-hero { padding: 66px 0; color: #fff; background: radial-gradient(circle at 82% 30%, rgba(125,189,69,.25), transparent 30%), linear-gradient(120deg, #052d19, #0a4f2a); }
.il-hero-icerik { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr); gap: 70px; align-items: center; }
.il-hero .gezinme-yolu, .il-hero .gezinme-yolu a { color: #adc4b3; }
.il-hero .bolum-etiketi { color: #a7d870; }
.il-hero h1 { max-width: 760px; color: #fff; font-size: clamp(2.4rem, 4.6vw, 4rem); letter-spacing: -.045em; }
.il-hero p { max-width: 720px; color: #c7d8cb; font-size: 1.05rem; }
.il-hero-aksiyonlar { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 26px; }
.il-hero .buton-hat { border-color: rgba(255,255,255,.3); color: #fff; }
.il-hero .buton-hat:hover { background: rgba(255,255,255,.08); }
.il-bilgi-karti { padding: 26px; border: 1px solid rgba(255,255,255,.15); border-radius: 18px; background: rgba(255,255,255,.08); backdrop-filter: blur(8px); }
.il-bilgi-karti > span { display: block; color: #a7d870; font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }
.il-bilgi-karti > strong { display: block; margin: 6px 0; color: #fff; font: 800 2rem var(--font-baslik); }
.il-bilgi-karti p { font-size: .86rem; }
.il-bilgi-karti small { display: block; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.13); color: #c7d8cb; }
.il-bilgi-karti a { color: #b9e28c; font-weight: 700; }
.il-sayfasi { padding-top: 82px; padding-bottom: 90px; }
.il-giris { max-width: 780px; margin-bottom: 38px; }
.il-giris p { font-size: 1.02rem; line-height: 1.75; }
.il-kategori-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 92px; }
.il-kategori-karti { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: start; padding: 22px; border: 1px solid var(--sinir); border-radius: 14px; background: var(--renk-krem); transition: .18s ease; }
.il-kategori-karti:hover { transform: translateY(-3px); border-color: #b8cdaa; box-shadow: var(--golge-md); }
.il-kategori-karti > span { color: var(--marka-amber-700); font: 700 .7rem var(--font-baslik); }
.il-kategori-karti h3 { margin-bottom: 5px; font-size: 1rem; }
.il-kategori-karti p { margin: 0; color: var(--metin-500); font-size: .8rem; }
.il-kategori-karti > b { color: var(--marka-yesil-700); }
.il-urunler { margin-bottom: 72px; }
.il-baglanti-bolumu { display: grid; grid-template-columns: minmax(240px, .55fr) 1.45fr; gap: 50px; padding: 44px; margin-bottom: 60px; border-radius: 20px; background: #eaf2e8; }
.ilce-etiketleri { display: flex; flex-wrap: wrap; gap: 8px; align-content: center; }
.ilce-etiketleri span, .il-linkleri a { padding: 7px 11px; border: 1px solid rgba(6,51,26,.13); border-radius: 999px; background: rgba(255,255,255,.65); color: var(--marka-yesil-900); font-size: .77rem; }
.il-diger { padding-top: 10px; }
.il-linkleri { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.il-linkleri a:hover { background: var(--marka-yesil-100); }
.tum-iller-detay { margin-top: 22px; }
.tum-iller-detay summary { cursor: pointer; color: var(--marka-yesil-800); font-weight: 700; font-size: .86rem; }

/* ---- Kayit ve bayilik formlari ---- */
.form-vitrin-sayfa { padding: 70px 0 90px; background: linear-gradient(135deg, #eef4ec, var(--renk-bej)); }
.form-vitrin { display: grid; grid-template-columns: minmax(330px, .8fr) minmax(520px, 1.2fr); gap: 34px; align-items: stretch; max-width: 1120px; }
.form-vitrin-tanitim { display: flex; flex-direction: column; min-height: 690px; padding: 48px; overflow: hidden; position: relative; border-radius: 24px; color: #fff; background: radial-gradient(circle at 110% 0, rgba(125,189,69,.35), transparent 38%), var(--marka-yesil-900); }
.form-vitrin-tanitim::after { content: ""; position: absolute; right: -90px; bottom: -110px; width: 280px; height: 280px; border: 45px solid rgba(255,255,255,.05); border-radius: 50%; }
.form-vitrin-tanitim h1 { color: #fff; font-size: clamp(2rem, 3.2vw, 3rem); letter-spacing: -.04em; }
.form-vitrin-tanitim > p { color: #bcd0c0; line-height: 1.7; }
.form-fayda-listesi { display: grid; gap: 22px; padding: 22px 0; margin: 0; list-style: none; }
.form-fayda-listesi li { display: flex; gap: 13px; }
.form-fayda-listesi i { display: grid; place-items: center; width: 25px; height: 25px; flex: none; border-radius: 50%; background: rgba(125,189,69,.17); color: #a7d870; font-style: normal; }
.form-fayda-listesi strong, .form-fayda-listesi small { display: block; }
.form-fayda-listesi strong { color: #fff; }
.form-fayda-listesi small { margin-top: 3px; color: #9fb5a5; }
.form-vitrin-alt { margin-top: auto; padding-top: 22px; position: relative; z-index: 1; border-top: 1px solid rgba(255,255,255,.13); color: #9fb5a5; font-size: .82rem; }
.form-vitrin-alt a { color: #b9e28c; font-weight: 700; }
.form-panel { padding: 42px; }
.form-panel-baslik { margin-bottom: 28px; }
.form-panel-baslik > span { color: var(--marka-amber-700); font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }
.form-panel-baslik h2 { margin: 6px 0; font-size: 1.8rem; }
.form-panel-baslik p { margin: 0; font-size: .85rem; }
.form-grid-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.form-grid-iki .form-kolon-tam { grid-column: 1 / -1; }

/* 0.21.2 — Musteri profil merkezi ve otomatik teklif bilgileri */
.hesap-sayfasi { padding:clamp(30px,4vw,52px) 0; }
.hesap-basligi { padding-top:0; border:0; }
.hesap-profil-karti { display:grid; grid-template-columns:minmax(250px,.62fr) minmax(0,1.38fr); gap:34px; margin-bottom:24px; padding:0; overflow:hidden; border-color:#d4e2d3; box-shadow:0 16px 42px rgba(16,66,37,.07); scroll-margin-top:150px; }
.hesap-profil-tanitimi { display:flex; align-items:flex-start; gap:14px; padding:28px; background:linear-gradient(145deg,#073b22,#0a512d); color:#fff; }
.hesap-profil-avatar { display:grid; place-items:center; width:48px; height:48px; flex:0 0 48px; border-radius:14px; background:#dff2d2; color:#165d28; font-size:1.1rem; font-weight:900; box-shadow:0 8px 20px rgba(0,0,0,.15); }
.hesap-profil-tanitimi small { color:#9ed36e; font-size:.62rem; font-weight:900; letter-spacing:.11em; }
.hesap-profil-tanitimi h2 { margin:7px 0 8px; color:#fff; font-size:1.25rem; letter-spacing:-.025em; }
.hesap-profil-tanitimi p { margin:0; color:#c2d5c8; font-size:.78rem; line-height:1.65; }
.hesap-profil-formu { padding:25px 28px 0; }
.hesap-profil-formu .form-alan { margin-bottom:13px; }
.hesap-profil-formu .form-alan small { display:block; margin-top:5px; color:#768279; font-size:.65rem; }
.hesap-profil-alt { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:10px -28px 0; padding:15px 28px; border-top:1px solid #dfe7dd; background:#f8faf7; }
.hesap-profil-alt>span { color:#68766c; font-size:.68rem; }
.hesap-istatistikleri { grid-template-columns:repeat(3,1fr); margin-bottom:32px; }
.teklif-hesap-ozeti { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:11px; margin-bottom:15px; padding:12px; border:1px solid #cfe2cd; border-radius:11px; background:linear-gradient(105deg,#eff8eb,#f9fbf7); }
.teklif-hesap-ozeti>span { display:grid; place-items:center; width:42px; height:42px; border-radius:11px; background:#0b5130; color:#fff; font-weight:900; }
.teklif-hesap-ozeti small,.teklif-hesap-ozeti strong,.teklif-hesap-ozeti p { display:block; }
.teklif-hesap-ozeti small { margin-bottom:2px; color:#4c8a34; font-size:.55rem; font-weight:900; letter-spacing:.07em; }
.teklif-hesap-ozeti strong { color:#123d25; font-size:.78rem; }
.teklif-hesap-ozeti p { margin:2px 0 0; color:#66766c; font-size:.65rem; line-height:1.4; }
.teklif-hesap-ozeti a { padding:7px 9px; border:1px solid #c5d8c3; border-radius:7px; background:#fff; color:#276e2d; font-size:.62rem; font-weight:800; white-space:nowrap; }
.teklif-form-izgara.hesapla-dolu { grid-template-columns:minmax(110px,.35fr) minmax(0,1fr); }
@media(max-width:900px){.hesap-profil-karti{grid-template-columns:1fr}.hesap-profil-tanitimi{padding:23px}.hesap-profil-formu{padding-top:0}.hesap-istatistikleri{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.hesap-profil-formu{padding:0 18px}.hesap-profil-alt{align-items:stretch;flex-direction:column;margin:8px -18px 0;padding:14px 18px}.hesap-profil-alt .buton{width:100%}.hesap-istatistikleri{grid-template-columns:1fr}.teklif-hesap-ozeti{grid-template-columns:38px 1fr}.teklif-hesap-ozeti>span{width:38px;height:38px}.teklif-hesap-ozeti>a{grid-column:1/-1;text-align:center}.teklif-form-izgara.hesapla-dolu{grid-template-columns:1fr}}
.yasal-onay { display: flex; gap: 10px; align-items: flex-start; padding: 14px; margin: 4px 0 18px; border-radius: 9px; background: var(--marka-yesil-50); color: var(--metin-700); font-size: .78rem; }
.yasal-onay input { margin-top: 3px; accent-color: var(--marka-yesil-700); }
.yasal-onay a, .form-panel-giris a { color: var(--marka-yesil-800); font-weight: 700; text-decoration: underline; text-decoration-color: rgba(6,51,26,.25); }
.form-panel-giris { margin: 20px 0 0; text-align: center; font-size: .83rem; }
.bayi-adimlari { display: grid; gap: 22px; margin-top: 22px; }
.bayi-adimlari > div { display: flex; gap: 14px; }
.bayi-adimlari b { color: #9bcf61; font: 700 .75rem var(--font-baslik); }
.bayi-adimlari strong, .bayi-adimlari small { display: block; }
.bayi-adimlari strong { color: #fff; }
.bayi-adimlari small { color: #9fb5a5; margin-top: 3px; }
.basvuru-basarili { display: grid; justify-items: center; align-content: center; min-height: 570px; text-align: center; }
.basvuru-basarili > span { display: grid; place-items: center; width: 68px; height: 68px; margin-bottom: 20px; border-radius: 50%; background: var(--marka-yesil-100); color: var(--marka-yesil-700); font-size: 1.8rem; }
.basvuru-basarili p { max-width: 480px; }

/* ---- Yasal metinler ---- */
.yasal-sayfa { padding-top: 52px; padding-bottom: 90px; }
.yasal-hero { max-width: 850px; margin-bottom: 40px; }
.yasal-hero h1 { font-size: clamp(2.2rem, 4vw, 3.5rem); letter-spacing: -.04em; }
.yasal-hero > p { font-size: 1.05rem; }
.yasal-hero > small { color: var(--metin-500); }
.yasal-yerlesim { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 28px; align-items: start; }
.yasal-menu { position: sticky; top: 170px; display: grid; gap: 4px; padding: 18px; }
.yasal-menu strong { padding: 8px 10px; font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; color: var(--metin-500); }
.yasal-menu a { padding: 9px 10px; border-radius: 7px; color: var(--metin-700); font-size: .8rem; }
.yasal-menu a:hover { background: var(--marka-yesil-50); color: var(--marka-yesil-800); }
.yasal-metin { padding: clamp(26px, 5vw, 58px); }
.yasal-metin section { padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid var(--sinir); }
.yasal-metin section:last-of-type { border-bottom: 0; }
.yasal-metin h2 { font-size: 1.25rem; }
.yasal-metin p, .yasal-metin li { color: var(--metin-700); font-size: .9rem; line-height: 1.75; }
.yasal-metin a { color: var(--marka-yesil-800); font-weight: 700; text-decoration: underline; }
.yasal-uyari { padding: 18px; border-left: 3px solid var(--marka-amber-600); background: var(--marka-amber-100); color: var(--metin-700); font-size: .8rem; }
.yasal-tablo-kaydir { overflow-x: auto; margin-bottom: 18px; }
.yasal-tablo { width: 100%; border-collapse: collapse; font-size: .8rem; }
.yasal-tablo th, .yasal-tablo td { padding: 10px; text-align: left; border: 1px solid var(--sinir); }
.yasal-tablo th { background: var(--marka-yesil-50); }

/* ---- Cerez tercihi ---- */
.cerez-bandi { position: fixed; left: 22px; right: 22px; bottom: 20px; z-index: 100; display: flex; justify-content: space-between; align-items: center; gap: 24px; max-width: 980px; margin: auto; padding: 18px 20px; border: 1px solid var(--sinir); border-radius: 14px; background: rgba(255,253,248,.97); box-shadow: 0 18px 60px rgba(6,51,26,.22); backdrop-filter: blur(10px); }
.cerez-bandi[hidden] { display: none; }
.cerez-bandi strong { color: var(--marka-yesil-900); }
.cerez-bandi p { display: inline; margin: 0 8px; font-size: .78rem; }
.cerez-bandi a { color: var(--marka-yesil-800); font-size: .76rem; font-weight: 700; }
.cerez-butonlari { display: flex; gap: 8px; flex: none; }
.cerez-butonlari .buton { min-width: 132px; padding: 9px 14px; border: 1px solid var(--marka-yesil-700); background: #fff; color: var(--marka-yesil-800); font-size: .76rem; }
.cerez-butonlari .buton:hover { background: var(--marka-yesil-50); }

/* ---- Sepet ve siparis tamamlama ---- */
.header-sepet { position: relative; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--sinir); border-radius: 12px; background: #fff; font-size: 1.05rem; }
.header-sepet:hover { background: var(--marka-yesil-50); }
.header-sepet b { position: absolute; top: -7px; right: -7px; display: grid; place-items: center; min-width: 21px; height: 21px; padding: 0 5px; border: 2px solid #fff; border-radius: 999px; background: var(--marka-amber-600); color: #fff; font-size: .62rem; }
.sepet-sayfa, .odeme-sayfa { padding: 48px 0 80px; }
.sepet-baslik { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.sepet-yerlesim, .odeme-yerlesim { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; }
.sepet-liste { padding: 0; overflow: hidden; }
.sepet-satir { position: relative; display: grid; grid-template-columns: 112px minmax(0, 1fr) 88px 120px; gap: 18px; align-items: center; padding: 20px 48px 20px 20px; border-bottom: 1px solid var(--sinir); }
.sepet-gorsel, .sepet-gorsel > div { width: 112px; height: 90px; }
.sepet-gorsel img { width: 100%; height: 100%; object-fit: contain; }
.sepet-urun-bilgi > span, .sepet-urun-bilgi small { color: var(--metin-500); font-size: .7rem; }
.sepet-urun-bilgi h3 { margin: 4px 0; font-size: .95rem; }
.sepet-adet { display: grid; gap: 4px; }
.sepet-adet label, .sepet-adet small { color: var(--metin-500); font-size: .68rem; }
.sepet-adet input { width: 75px; padding: 8px; }
.sepet-satir-toplam { color: var(--marka-yesil-900); text-align: right; font-family: var(--font-baslik); }
.sepet-kaldir { position: absolute; top: 15px; right: 15px; border: 0; background: none; color: var(--metin-400); font-size: 1.2rem; cursor: pointer; }
.sepet-kaldir:hover { color: var(--tehlike); }
.sepet-liste-alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; }
.metin-buton { border: 0; background: none; color: var(--tehlike); font: 700 .76rem var(--font-govde); cursor: pointer; }
.sepet-ozet, .odeme-ozet { position: sticky; top: 24px; padding: 24px; }
.sepet-ozet h2, .odeme-ozet h2 { margin: 0 0 18px; font-size: 1.15rem; }
.sepet-ozet > div { display: flex; justify-content: space-between; gap: 14px; padding: 9px 0; color: var(--metin-500); font-size: .82rem; }
.sepet-ozet > div strong { color: var(--metin-700); }
.sepet-ozet .sepet-ozet-genel { margin-top: 8px; padding: 16px 0; border-top: 1px solid var(--sinir); color: var(--marka-yesil-900); }
.sepet-ozet-genel strong { font-size: 1.25rem; }
.sepet-ozet > p, .odeme-guven-notu { color: var(--metin-500); font-size: .7rem; line-height: 1.55; }
.sepet-guven { flex-direction: column; margin-top: 15px; padding-top: 15px !important; border-top: 1px solid var(--sinir); }
.sepet-bos { padding: 70px 24px; text-align: center; }
.sepet-bos > span { font-size: 2.5rem; }
.sepet-bos h2 { margin: 16px 0 6px; }
.sepet-bos p { color: var(--metin-500); }
.odeme-ana { display: grid; gap: 20px; }
.odeme-kart { padding: 26px; }
.odeme-adim { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 22px; }
.odeme-adim > b { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 32px; border-radius: 10px; background: var(--marka-yesil-700); color: #fff; }
.odeme-adim h2 { margin: 0; font-size: 1.05rem; }
.odeme-adim p { margin: 4px 0 0; color: var(--metin-500); font-size: .76rem; }
.adres-secimleri, .odeme-secenekleri { display: grid; gap: 10px; }
.adres-secimleri label, .odeme-secenekleri label { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border: 1px solid var(--sinir); border-radius: 10px; cursor: pointer; }
.adres-secimleri label:has(input:checked), .odeme-secenekleri label:has(input:checked) { border-color: var(--marka-yesil-500); background: var(--marka-yesil-50); }
.adres-secimleri input, .odeme-secenekleri input { margin-top: 3px; accent-color: var(--marka-yesil-700); }
.adres-secimleri strong, .odeme-secenekleri strong { display: block; font-size: .84rem; }
.adres-secimleri small, .odeme-secenekleri small { display: block; margin-top: 3px; color: var(--metin-500); font-size: .72rem; line-height: 1.5; }
.odeme-urun { display: grid; grid-template-columns: 1fr auto; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--sinir); font-size: .76rem; }
.odeme-urun span { color: var(--metin-500); }
.odeme-genel { display: flex; justify-content: space-between; align-items: center; padding: 18px 0; }
.odeme-genel strong { color: var(--marka-yesil-900); font-size: 1.3rem; }
.odeme-ozet .yasal-onay { margin: 4px 0 18px; }
.siparis-basarili-sayfa { max-width: 900px; padding: 60px 0 90px; }
.siparis-basarili-kart { padding: 44px; text-align: center; }
.siparis-basarili-ikon { display: grid; place-items: center; width: 70px; height: 70px; margin: 0 auto 20px; border-radius: 50%; background: #eaf6ee; color: var(--basari); font-size: 2rem; font-weight: 900; }
.siparis-basarili-kart > p { max-width: 620px; margin: 10px auto 24px; color: var(--metin-500); }
.siparis-no-kutu { display: inline-flex; flex-direction: column; padding: 12px 24px; border-radius: 10px; background: var(--marka-yesil-50); }
.siparis-no-kutu small { color: var(--metin-500); }
.siparis-no-kutu strong { color: var(--marka-yesil-900); letter-spacing: .05em; }
.siparis-basarili-ozet { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 28px 0; background: var(--sinir); border: 1px solid var(--sinir); border-radius: 10px; overflow: hidden; }
.siparis-basarili-ozet > div { padding: 16px; background: #fff; }
.siparis-basarili-ozet span, .siparis-basarili-ozet strong { display: block; }
.siparis-basarili-ozet span { color: var(--metin-500); font-size: .7rem; }
.siparis-basarili-ozet strong { margin-top: 4px; color: var(--marka-yesil-900); font-size: .88rem; }
.siparis-basarili-detay { display: grid; grid-template-columns: 1.3fr .7fr; gap: 20px; margin-bottom: 28px; text-align: left; }
.siparis-basarili-detay > div { padding: 20px; border: 1px solid var(--sinir); border-radius: 10px; }
.siparis-basarili-detay h3 { margin-top: 0; }
.siparis-basarili-detay p { display: flex; justify-content: space-between; gap: 14px; color: var(--metin-500); font-size: .78rem; }

@media (max-width: 900px) {
    .il-hero-icerik { grid-template-columns: 1fr; gap: 32px; }
    .il-bilgi-karti { max-width: 520px; }
    .il-baglanti-bolumu { grid-template-columns: 1fr; gap: 24px; }
    .form-vitrin { grid-template-columns: 1fr; }
    .form-vitrin-tanitim { min-height: 520px; }
    .yasal-yerlesim { grid-template-columns: 1fr; }
    .yasal-menu { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .yasal-menu strong { grid-column: 1 / -1; }
    .sepet-yerlesim, .odeme-yerlesim { grid-template-columns: 1fr; }
    .sepet-ozet, .odeme-ozet { position: static; }
    .sepet-satir { grid-template-columns: 94px minmax(0,1fr) 80px; }
    .sepet-satir-toplam { grid-column: 2 / -1; text-align: left; }
    .sepet-gorsel, .sepet-gorsel > div { width: 94px; height: 82px; }
}
@media (max-width: 650px) {
    .il-hero { padding: 48px 0; }
    .il-sayfasi { padding-top: 60px; }
    .il-kategori-grid { grid-template-columns: 1fr; }
    .il-baglanti-bolumu { padding: 28px 22px; }
    .form-vitrin-sayfa { padding: 24px 0 60px; }
    .form-vitrin { padding-left: 14px; padding-right: 14px; }
    .form-vitrin-tanitim { min-height: auto; padding: 34px 26px; }
    .form-vitrin-alt { margin-top: 30px; }
    .form-panel { padding: 28px 22px; }
    .form-grid-iki { grid-template-columns: 1fr; }
    .form-grid-iki .form-kolon-tam { grid-column: auto; }
    .yasal-menu { grid-template-columns: 1fr; }
    .yasal-menu strong { grid-column: auto; }
    .cerez-bandi { left: 10px; right: 10px; bottom: 10px; align-items: stretch; flex-direction: column; }
    .cerez-butonlari { display: grid; grid-template-columns: 1fr 1fr; }
    .sepet-baslik { align-items: stretch; flex-direction: column; }
    .sepet-satir { grid-template-columns: 76px 1fr; gap: 12px; padding: 16px 38px 16px 14px; }
    .sepet-gorsel, .sepet-gorsel > div { width: 76px; height: 68px; }
    .sepet-adet, .sepet-satir-toplam { grid-column: 2; }
    .sepet-liste-alt { align-items: stretch; flex-direction: column; }
    .siparis-basarili-kart { padding: 30px 20px; }
    .siparis-basarili-ozet, .siparis-basarili-detay { grid-template-columns: 1fr; }
}

/* ==========================================================
   0.9.1 Ilk ekran kilidi
   Ust bar + header + kategori menu + hero + guven seridi,
   ekran yuksekligini birlikte asmaz.
   ========================================================== */
.hero-yeni { overflow: hidden; }
.hero-yeni .icerik, .hero-gorsel { min-height: 0; max-height: none; }
.site-header { border-bottom: 0; }

/* Logo 2x boyutunda kalirken ustbilgi yuksekligi hesaba tam oturur. */
@media (min-width: 681px) {
    .site-header > .icerik {
        height: 108px;
        min-height: 108px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/* Masaustu: 36 ust bar + 108 header + 46 kategori menu + 52 guven seridi */
@media (min-width: 1101px) {
    .kategori-navigasyonu { height: 46px; }
    .kategori-navigasyonu .icerik { height: 45px; min-height: 45px; }
    .guven-seridi { height: 52px; overflow: hidden; }
    .guven-izgara { height: 51px; min-height: 0; }
    .hero-yeni .icerik,
    .hero-gorsel { height: calc(100svh - 242px); min-height: 0; }
    .hero-metin { padding-top: clamp(22px, 4svh, 52px); padding-bottom: clamp(20px, 3.5svh, 44px); }
}

/* Dar masaustu: kategori menusu gizli */
@media (min-width: 981px) and (max-width: 1100px) {
    .guven-seridi { height: 52px; overflow: hidden; }
    .guven-izgara { height: 51px; min-height: 0; }
    .hero-yeni .icerik,
    .hero-gorsel { height: calc(100svh - 196px); min-height: 0; }
    .hero-metin { padding-top: clamp(22px, 4svh, 46px); padding-bottom: clamp(20px, 3.5svh, 40px); }
}

/* Tablet: guven seridi iki kompakt satir */
@media (min-width: 681px) and (max-width: 980px) {
    .guven-seridi { height: 70px; overflow: hidden; }
    .guven-izgara { height: 69px; min-height: 0; gap: 6px 12px; padding-top: 8px; padding-bottom: 8px; }
    .guven-oge { font-size: .72rem; }
    .guven-oge svg { width: 18px; height: 18px; }
    .hero-yeni .icerik { height: calc(100svh - 214px); min-height: 0; }
    .hero-gorsel { height: 100%; min-height: 0; }
    .hero-metin { min-height: 100%; padding: clamp(24px, 4svh, 42px) 28px clamp(86px, 13svh, 120px); }
}

/* Telefon: ust bar kapali, guven seridi 2x2 kompakt */
@media (max-width: 680px) {
    .site-header > .icerik {
        height: 88px;
        min-height: 88px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .guven-seridi { height: 54px; overflow: hidden; }
    .guven-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); height: 53px; min-height: 0; gap: 5px 8px; padding: 7px 10px; }
    .guven-oge { gap: 5px; font-size: .62rem; line-height: 1.15; }
    .guven-oge svg { width: 15px; height: 15px; }
    .guven-oge + .guven-oge { border-left: 0; }
    .hero-yeni .icerik { height: calc(100svh - 142px); min-height: 0; }
    .hero-gorsel { height: 100%; min-height: 0; }
    .hero-metin { min-height: 100%; padding: clamp(22px, 4svh, 38px) 20px clamp(72px, 12svh, 108px); }
}

/* Kisa ekranlarda ana mesaji koruyup ikincil ayrintilari daralt. */
@media (min-width: 981px) and (max-height: 720px) {
    .hero-yeni h1 { margin-bottom: 10px; font-size: clamp(2rem, 3vw, 2.9rem); }
    .hero-yeni p.aciklama { display: -webkit-box; overflow: hidden; font-size: .84rem; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .hero-kicker { margin-bottom: 9px; font-size: .67rem; }
    .hero-arama { margin-top: 5px; }
    .hero-arama input, .hero-arama button { padding-top: 9px; padding-bottom: 9px; }
    .hero-yeni .buton-grubu { margin-top: 10px; }
    .hero-mini-guven { margin-top: 10px; }
    .hero-bilgi-ust { top: 18px; }
    .hero-bilgi-alt { bottom: 16px; padding: 11px 16px; }
}

@media (min-width: 681px) and (max-width: 980px) and (max-height: 720px) {
    .hero-yeni h1 { margin-bottom: 10px; font-size: clamp(2rem, 6.5vw, 2.8rem); }
    .hero-yeni p.aciklama { display: -webkit-box; overflow: hidden; font-size: .82rem; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .hero-kicker { margin-bottom: 9px; }
    .hero-arama input, .hero-arama button { padding-top: 9px; padding-bottom: 9px; }
    .hero-yeni .buton-grubu { margin-top: 10px; }
    .hero-mini-guven { display: none; }
}

@media (max-width: 680px) and (max-height: 720px) {
    .hero-metin { padding-top: 18px; padding-bottom: 56px; }
    .hero-yeni h1 { margin-bottom: 10px; font-size: clamp(1.85rem, 9vw, 2.45rem); }
    .hero-yeni p.aciklama, .hero-mini-guven, .hero-bilgi-alt { display: none; }
    .hero-kicker { margin-bottom: 8px; }
    .hero-arama { margin-top: 0; }
    .hero-arama input, .hero-arama button { padding-top: 9px; padding-bottom: 9px; }
    .hero-yeni .buton-grubu { margin-top: 10px; }
}

@media (max-height: 560px) {
    .hero-yeni p.aciklama, .hero-mini-guven, .hero-bilgi-alt { display: none; }
    .hero-bilgi-ust { display: none; }
}

@media (max-width: 680px) and (max-height: 480px) {
    .hero-kicker, .hero-yeni .buton-grubu { display: none; }
    .hero-metin { padding-top: 12px; padding-bottom: 12px; }
    .hero-yeni h1 { margin-bottom: 7px; font-size: clamp(1.45rem, 8vw, 2rem); }
    .hero-arama input, .hero-arama button { padding-top: 7px; padding-bottom: 7px; }
}

/* ==========================================================
   0.10.1 Kompakt kurumsal iletisim sayfasi
   ========================================================== */
.iletisim-sayfasi { padding: 42px 0 78px; }
.iletisim-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); gap: clamp(28px, 5vw, 74px); align-items: center; overflow: hidden; padding: clamp(34px, 5vw, 62px); border-radius: 24px; background: linear-gradient(125deg, #052d19 0%, #0a4f2a 72%, #176832 100%); box-shadow: 0 24px 70px rgba(6,51,26,.18); }
.iletisim-hero::after { content: ''; position: absolute; z-index: -1; right: -110px; top: -150px; width: 410px; height: 410px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 54px rgba(255,255,255,.035), 0 0 0 108px rgba(255,255,255,.025); }
.iletisim-kicker { display: block; margin-bottom: 12px; color: #a9dc6f; font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.iletisim-hero h1 { max-width: 700px; margin-bottom: 12px; color: #fff; font-size: clamp(2.2rem, 4.2vw, 3.8rem); letter-spacing: -.045em; }
.iletisim-hero-metin > p { max-width: 680px; margin-bottom: 0; color: #c9d8cd; font-size: .98rem; line-height: 1.7; }
.iletisim-aksiyonlar { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 24px; }
.iletisim-hero .buton-hat { border-color: rgba(255,255,255,.32); background: rgba(255,255,255,.06); color: #fff; }
.iletisim-hero .buton-hat:hover { background: rgba(255,255,255,.12); }
.iletisim-guven { display: flex; gap: 10px 20px; flex-wrap: wrap; margin-top: 24px; color: #b8cbbd; font-size: .72rem; }
.iletisim-guven span::first-letter { color: #a9dc6f; }
.iletisim-calisma-karti { padding: 24px; border: 1px solid rgba(255,255,255,.15); border-radius: 18px; background: rgba(255,255,255,.09); color: #fff; backdrop-filter: blur(9px); }
.iletisim-durum { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; color: #d9eadc; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }
.iletisim-durum i { width: 9px; height: 9px; border-radius: 50%; background: #95cb55; box-shadow: 0 0 0 5px rgba(149,203,85,.15); }
.iletisim-calisma-karti small, .iletisim-calisma-karti strong { display: block; }
.iletisim-calisma-karti small { color: #9fb7a5; font-size: .68rem; text-transform: uppercase; letter-spacing: .06em; }
.iletisim-calisma-karti strong { margin-top: 5px; color: #fff; font: 700 .98rem/1.55 var(--font-baslik); }
.iletisim-calisma-karti p { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.12); color: #b8cbbd; font-size: .72rem; line-height: 1.55; }
.iletisim-kart-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 16px; }
.iletisim-bilgi-karti { position: relative; min-height: 176px; padding: 24px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
a.iletisim-bilgi-karti:hover { transform: translateY(-3px); border-color: #b7d8bd; box-shadow: var(--golge-md); }
.iletisim-ikon { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 22px; border-radius: 11px; background: var(--marka-yesil-100); color: var(--marka-yesil-800); font-weight: 900; }
.iletisim-bilgi-karti small, .iletisim-bilgi-karti strong, .iletisim-bilgi-karti b { display: block; }
.iletisim-bilgi-karti small { color: var(--metin-500); font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.iletisim-bilgi-karti strong { margin-top: 5px; overflow-wrap: anywhere; color: var(--marka-yesil-900); font: 700 .95rem/1.45 var(--font-baslik); }
.iletisim-bilgi-karti b { margin-top: 14px; color: var(--marka-amber-700); font-size: .7rem; }
.iletisim-destek-karti { display: grid; grid-template-columns: minmax(0, 1.35fr) auto; gap: 30px; align-items: center; margin-top: 16px; padding: 30px 34px; border: 1px solid #d5e3d7; border-radius: 18px; background: linear-gradient(120deg, #f5faf5, #fffdf8); }
.iletisim-destek-karti > div > span { color: var(--marka-amber-700); font-size: .67rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.iletisim-destek-karti h2 { margin: 7px 0 6px; font-size: clamp(1.35rem, 2.2vw, 1.85rem); }
.iletisim-destek-karti p { max-width: 730px; margin: 0; color: var(--metin-500); font-size: .82rem; line-height: 1.65; }
.iletisim-destek-aksiyon { display: flex; gap: 9px; flex-wrap: wrap; justify-content: flex-end; }

@media (max-width: 860px) {
    .iletisim-hero { grid-template-columns: 1fr; }
    .iletisim-calisma-karti { max-width: 520px; }
    .iletisim-kart-izgara { grid-template-columns: 1fr; }
    .iletisim-bilgi-karti { min-height: 0; }
    .iletisim-destek-karti { grid-template-columns: 1fr; }
    .iletisim-destek-aksiyon { justify-content: flex-start; }
}
@media (max-width: 560px) {
    .iletisim-sayfasi { padding: 22px 0 56px; }
    .iletisim-sayfasi > .icerik { padding-left: 14px; padding-right: 14px; }
    .iletisim-hero { padding: 30px 24px; border-radius: 18px; }
    .iletisim-aksiyonlar .buton { width: 100%; justify-content: center; }
    .iletisim-guven { align-items: flex-start; flex-direction: column; }
    .iletisim-destek-karti { padding: 25px 22px; }
    .iletisim-destek-aksiyon { align-items: stretch; flex-direction: column; }
}

/* ---- 0.11.0 Urun detay galerisi ve teknik bilgi ---- */
.urun-galeri { min-width: 0; }
.urun-galeri-ana { position: relative; display: grid; place-items: center; aspect-ratio: 1 / 1; overflow: hidden; padding: 18px; background: #fff; }
.urun-galeri-ana > img { width: 100%; height: 100%; object-fit: contain; }
.urun-galeri-yer-tutucu { padding: 0; }
.urun-galeri-yer-tutucu > div { width: 100%; height: 100%; }
.urun-galeri-buyut { position: absolute; right: 14px; bottom: 14px; padding: 8px 11px; border: 1px solid rgba(6,51,26,.12); border-radius: 9px; background: rgba(255,255,255,.94); color: var(--marka-yesil-900); font: 700 .68rem var(--font-govde); box-shadow: var(--golge-sm); cursor: pointer; }
.urun-galeri-kucukler { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; margin-top: 10px; }
.urun-galeri-kucukler button { aspect-ratio: 1 / 1; overflow: hidden; padding: 5px; border: 1px solid var(--sinir); border-radius: 10px; background: #fff; cursor: pointer; }
.urun-galeri-kucukler button.aktif { border-color: var(--marka-yesil-600); box-shadow: 0 0 0 2px var(--marka-yesil-100); }
.urun-galeri-kucukler img { width: 100%; height: 100%; object-fit: contain; }
.urun-hizli-bilgi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; overflow: hidden; margin-top: 24px; border: 1px solid var(--sinir); border-radius: 11px; background: var(--sinir); }
.urun-hizli-bilgi span { padding: 13px; background: #fff; }
.urun-hizli-bilgi small, .urun-hizli-bilgi strong { display: block; }
.urun-hizli-bilgi small { color: var(--metin-500); font-size: .62rem; text-transform: uppercase; letter-spacing: .05em; }
.urun-hizli-bilgi strong { margin-top: 3px; color: var(--marka-yesil-900); font-size: .76rem; }
.urun-bilgi-bolumu, .urun-tanitim-bolumu { padding-top: 22px; margin-top: 38px; }
.urun-bilgi-bolumu .bolum-baslik, .urun-tanitim-bolumu .bolum-baslik { margin-bottom: 20px; }
.urun-ozellik-tablosu { overflow: hidden; padding: 0; }
.urun-ozellik-tablosu > div { display: grid; grid-template-columns: minmax(180px, .42fr) minmax(0, 1fr); gap: 20px; padding: 14px 20px; border-bottom: 1px solid var(--sinir); }
.urun-ozellik-tablosu > div:last-child { border-bottom: 0; }
.urun-ozellik-tablosu > div:nth-child(odd) { background: var(--marka-yesil-50); }
.urun-ozellik-tablosu span { color: var(--metin-500); font-size: .75rem; font-weight: 700; }
.urun-ozellik-tablosu strong { color: var(--metin-900); font-size: .8rem; }
.urun-tanitim-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.urun-tanitim-izgara button { overflow: hidden; aspect-ratio: 4 / 3; padding: 0; border: 1px solid var(--sinir); background: #fff; cursor: zoom-in; }
.urun-tanitim-izgara img { width: 100%; height: 100%; object-fit: contain; transition: transform .25s ease; }
.urun-tanitim-izgara button:hover img { transform: scale(1.025); }

/* ==========================================================
   0.11.2 Akilli kategori menusu ve bayilik baloncugu
   ========================================================== */
@media (min-width: 1101px) {
    .kategori-navigasyonu { position: relative; overflow: visible; }
    .kategori-navigasyonu > .icerik {
        gap: 12px;
        overflow: visible;
        padding-right: 210px;
    }
    .kategori-menu-ogeleri {
        display: flex;
        align-items: center;
        gap: 24px;
        min-width: 0;
        flex: 1 1 auto;
        overflow: hidden;
        white-space: nowrap;
    }
    .kategori-menu-ogeleri > a { flex: 0 0 auto; }
    .nav-daha-fazla { position: relative; flex: 0 0 auto; }
    .nav-daha-fazla[hidden], .nav-daha-fazla-menu[hidden] { display: none; }
    .nav-daha-fazla > button {
        display: flex;
        align-items: center;
        gap: 7px;
        height: 34px;
        padding: 0 11px;
        border: 1px solid var(--sinir);
        border-radius: 9px;
        background: #fff;
        color: var(--marka-yesil-900);
        font: 800 .75rem var(--font-govde);
        cursor: pointer;
    }
    .nav-daha-fazla > button b { font-size: 1rem; transition: transform .18s ease; }
    .nav-daha-fazla > button[aria-expanded="true"] b { transform: rotate(180deg); }
    .nav-daha-fazla-menu {
        position: absolute;
        top: calc(100% + 8px);
        right: 0;
        z-index: 95;
        display: grid;
        min-width: 260px;
        max-width: 360px;
        max-height: min(430px, 65vh);
        overflow-y: auto;
        padding: 8px;
        border: 1px solid var(--sinir);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 18px 50px rgba(6,51,26,.18);
    }
    .kategori-navigasyonu .nav-daha-fazla-menu a {
        display: block;
        overflow: hidden;
        padding: 10px 12px;
        border-radius: 8px;
        text-overflow: ellipsis;
    }
    .kategori-navigasyonu .nav-daha-fazla-menu a:hover { background: var(--marka-yesil-50); }
    .bayilik-baloncugu {
        position: absolute;
        top: 50%;
        right: max(24px, calc((100vw - var(--icerik-genislik)) / 2 + 24px));
        z-index: 3;
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 172px;
        padding: 8px 11px;
        border: 1px solid rgba(255,255,255,.55);
        border-radius: 999px;
        background: linear-gradient(135deg, var(--marka-yesil-700), var(--marka-yesil-900));
        color: #fff !important;
        box-shadow: 0 9px 24px rgba(6,51,26,.24);
        transform: translateY(-50%);
        animation: bayilikBaloncuguSalinim 3.2s ease-in-out infinite;
    }
    .bayilik-baloncugu:hover { animation-play-state: paused; background: linear-gradient(135deg, var(--marka-yesil-600), var(--marka-yesil-800)); }
    .bayilik-baloncugu-ikon { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; background: rgba(255,255,255,.16); color: #b9ed72; }
    .bayilik-baloncugu span:nth-child(2) { display: grid; line-height: 1.12; }
    .bayilik-baloncugu small { color: #cde5d3; font-size: .56rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
    .bayilik-baloncugu strong { color: #fff; font: 800 .73rem var(--font-govde); }
    .bayilik-baloncugu > b { margin-left: auto; font-size: .9rem; }
    @keyframes bayilikBaloncuguSalinim {
        0%, 100% { transform: translateY(-50%) rotate(0); }
        45% { transform: translateY(calc(-50% - 3px)) rotate(-.7deg); }
        60% { transform: translateY(calc(-50% - 3px)) rotate(.7deg); }
    }
}

@media (prefers-reduced-motion: reduce) {
    .bayilik-baloncugu { animation: none !important; }
}

/* ==========================================================
   0.12.2 Magaza vektor simge sistemi ve premium dokunuslar
   ========================================================== */
.kategori-svg { display: block; width: 100%; height: 100%; }
.nav-kategori-ikon, .mobil-kategori-ikon {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: var(--marka-yesil-700);
}
.nav-kategori-ikon { width: 23px; height: 23px; padding: 4px; border-radius: 7px; background: var(--marka-yesil-50); transition: color .18s ease, background .18s ease, transform .18s ease; }
.kategori-navigasyonu a { display: inline-flex; align-items: center; gap: 7px; }
.kategori-navigasyonu a:hover .nav-kategori-ikon { color: #fff; background: var(--marka-yesil-700); transform: translateY(-1px); }
.kategori-navigasyonu .tum-kategoriler-link .nav-kategori-ikon { color: #fff; background: var(--marka-yesil-800); }
.kategori-navigasyonu .nav-daha-fazla-menu a { display: flex; align-items: center; gap: 10px; }
.nav-daha-fazla-menu .nav-kategori-ikon { width: 28px; height: 28px; }

.mobil-menu-liste a { display: flex; align-items: center; gap: 11px; }
.mobil-kategori-ikon { width: 34px; height: 34px; padding: 7px; border-radius: 9px; background: var(--marka-yesil-50); }
.mobil-menu-liste a:hover .mobil-kategori-ikon { color: #fff; background: var(--marka-yesil-700); }
.mobil-menu-liste a > b { margin-left: auto; color: var(--metin-300); font-size: .8rem; }

.kategori-simge {
    position: absolute;
    top: 18px;
    left: 20px;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 13px;
    background: rgba(7,48,26,.54);
    color: #d4f5ad;
    box-shadow: 0 8px 24px rgba(0,0,0,.16);
    backdrop-filter: blur(9px);
    transition: transform .22s ease, background .22s ease, color .22s ease;
}
.kategori-karti:hover .kategori-simge { transform: translateY(-3px) rotate(-2deg); background: rgba(103,178,42,.9); color: #fff; }
.kategori-karti .kategori-icerik { padding-top: 76px; }
.kategori-karti { border: 1px solid rgba(255,255,255,.13); box-shadow: 0 12px 34px rgba(6,51,26,.11); }
.kategori-karti::before { transition: opacity .25s ease; }
.kategori-karti:hover::before { opacity: .9; }

.urun-karti { position: relative; overflow: hidden; border-color: #dde6dc; box-shadow: 0 5px 20px rgba(13,48,28,.055); }
.urun-karti::after { content: ""; position: absolute; top: 0; left: 18%; right: 18%; height: 2px; border-radius: 0 0 8px 8px; background: linear-gradient(90deg, transparent, var(--marka-amber-500), transparent); opacity: 0; transform: scaleX(.4); transition: .24s ease; }
.urun-karti:hover { border-color: #b8cfae; box-shadow: 0 18px 42px rgba(13,48,28,.12); }
.urun-karti:hover::after { opacity: 1; transform: scaleX(1); }
.hero-yeni .buton-birincil { position: relative; overflow: hidden; box-shadow: 0 10px 26px rgba(77,151,28,.25); }
.hero-yeni .buton-birincil::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.22) 48%, transparent 76%); transform: translateX(-120%); transition: transform .55s ease; }
.hero-yeni .buton-birincil:hover::after { transform: translateX(120%); }

@media (max-width: 720px) {
    .kategori-simge { width: 41px; height: 41px; padding: 9px; }
    .kategori-karti .kategori-icerik { padding-top: 68px; }
}

@media (prefers-reduced-motion: reduce) {
    .kategori-simge, .nav-kategori-ikon, .urun-karti::after, .hero-yeni .buton-birincil::after { transition: none !important; }
}

/* 0.12.3 — Tam genislikte kategori seridi */
@media (min-width: 1101px) {
    .kategori-navigasyonu > .icerik {
        width: 100%;
        max-width: none;
        margin: 0;
        padding-right: 208px;
        padding-left: 18px;
    }
    .kategori-menu-ogeleri { gap: clamp(10px, 1vw, 18px); }
    .kategori-navigasyonu a { gap: 6px; font-size: clamp(.67rem, .68vw, .76rem); }
    .nav-kategori-ikon { width: 22px; height: 22px; padding: 4px; }
    .bayilik-baloncugu { right: 18px; min-width: 174px; }
}

@media (min-width: 1600px) {
    .kategori-navigasyonu > .icerik { padding-left: 28px; padding-right: 222px; }
    .kategori-menu-ogeleri { justify-content: space-between; gap: 12px; }
    .bayilik-baloncugu { right: 28px; min-width: 180px; }
}

/* 0.12.4 — Daha okunakli marka kullanimi */
@media (min-width: 681px) {
    .site-header > .icerik { padding-top: 5px; padding-bottom: 5px; }
    .site-header > .icerik .marka-logo { height: 97px; max-height: 97px; }
}

@media (max-width: 680px) {
    .site-header > .icerik { padding-top: 4px; padding-bottom: 4px; }
    .site-header > .icerik .marka-logo { height: 79px; max-height: 79px; }
}

.footer-marka .footer-logo-saydam {
    display: inline-flex;
    max-width: 100%;
    margin-bottom: 18px;
    padding: 0;
    border-radius: 0;
    background: transparent;
}
.footer-marka .footer-logo-saydam img {
    width: auto;
    height: 64px;
    max-width: min(100%, 360px);
    object-fit: contain;
    object-position: left center;
    mix-blend-mode: screen;
    filter: invert(1) hue-rotate(180deg) saturate(1.12) brightness(1.08) drop-shadow(0 5px 14px rgba(0,0,0,.16));
}

/* 0.12.5 — Tam ekran magaza yerlesimi ve ustbilgi bayilik aksiyonu */
.icerik {
    width: 100%;
    max-width: none;
    padding-left: clamp(18px, 2.25vw, 44px);
    padding-right: clamp(18px, 2.25vw, 44px);
}

.hero-yeni .icerik { padding-right: 0; }
.hero-yeni .hero-gorsel { margin-right: 0; }

@media (min-width: 981px) {
    .site-header > .icerik { gap: clamp(14px, 1.35vw, 26px); }
    .site-header .header-arama {
        width: clamp(260px, 30vw, 560px);
        max-width: 560px;
        margin-left: auto;
        margin-right: 0;
    }
    .site-header .header-aksiyonlar { gap: 10px; }
    .site-header .bayilik-baloncugu {
        position: static;
        z-index: auto;
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 172px;
        padding: 8px 11px;
        border: 1px solid rgba(255,255,255,.55);
        border-radius: 999px;
        background: linear-gradient(135deg, var(--marka-yesil-700), var(--marka-yesil-900));
        color: #fff !important;
        box-shadow: 0 9px 24px rgba(6,51,26,.24);
        transform: none;
        animation: headerBayilikSalinim 3.2s ease-in-out infinite;
    }
    .site-header .bayilik-baloncugu:hover {
        animation-play-state: paused;
        background: linear-gradient(135deg, var(--marka-yesil-600), var(--marka-yesil-800));
    }
    .site-header .bayilik-baloncugu-ikon {
        display: grid;
        place-items: center;
        width: 28px;
        height: 28px;
        flex: 0 0 28px;
        border-radius: 50%;
        background: rgba(255,255,255,.16);
        color: #b9ed72;
    }
    .site-header .bayilik-baloncugu span:nth-child(2) { display: grid; line-height: 1.12; }
    .site-header .bayilik-baloncugu small { color: #cde5d3; font-size: .56rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
    .site-header .bayilik-baloncugu strong { color: #fff; font: 800 .73rem var(--font-govde); }
    .site-header .bayilik-baloncugu > b { margin-left: auto; font-size: .9rem; }
    .kategori-navigasyonu > .icerik {
        padding-left: clamp(18px, 2.25vw, 44px);
        padding-right: clamp(18px, 2.25vw, 44px);
    }
    .kategori-menu-ogeleri { width: 100%; }

    @keyframes headerBayilikSalinim {
        0%, 100% { transform: translateY(0) rotate(0); }
        45% { transform: translateY(-3px) rotate(-.7deg); }
        60% { transform: translateY(-3px) rotate(.7deg); }
    }
}

@media (min-width: 981px) and (max-width: 1320px) {
    .site-header .bayilik-baloncugu { min-width: 156px; padding-left: 9px; padding-right: 9px; }
    .site-header .bayilik-baloncugu-ikon { width: 26px; height: 26px; flex-basis: 26px; }
}

@media (max-width: 980px) {
    .hero-yeni .icerik { padding-left: 0; }
}

/* 0.12.6 — Marka logolarinin yeni olcegi */
@media (min-width: 681px) {
    .site-header > .icerik {
        height: 126px;
        min-height: 126px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .site-header > .icerik .marka-logo {
        height: 116px;
        max-height: 116px;
    }
}

@media (min-width: 1101px) {
    .hero-yeni .icerik,
    .hero-gorsel { height: calc(100svh - 260px); }
}

@media (min-width: 981px) and (max-width: 1100px) {
    .hero-yeni .icerik,
    .hero-gorsel { height: calc(100svh - 214px); }
}

@media (min-width: 681px) and (max-width: 980px) {
    .hero-yeni .icerik { height: calc(100svh - 232px); }
}

@media (max-width: 680px) {
    .site-header > .icerik {
        height: 104px;
        min-height: 104px;
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .site-header > .icerik .marka-logo {
        height: 95px;
        max-height: 95px;
    }
    .hero-yeni .icerik { height: calc(100svh - 158px); }
}

.footer-marka .footer-logo-saydam img {
    width: min(100%, 395px);
    height: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
}

/* 0.13.0 — Fiyatsiz katalog ve teklif talep deneyimi */
.fiyat-giris-cagrisi {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--marka-yesil-800);
    font-weight: 800;
}
.fiyat-giris-cagrisi b { transition: transform .18s ease; }
.urun-karti:hover .fiyat-giris-cagrisi b { transform: translateX(4px); }
.urun-teklif-kutusu { overflow: hidden; margin-top: 24px; border-color: #c8d9c5; background: linear-gradient(145deg, #f8fbf6, #fffdf8); }
.urun-teklif-baslik { display: flex; gap: 14px; padding: 22px 22px 18px; border-bottom: 1px solid var(--sinir); }
.urun-teklif-baslik > span { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 12px; background: var(--marka-yesil-800); color: #fff; font-weight: 800; }
.urun-teklif-baslik small { display: block; margin-bottom: 3px; color: var(--marka-amber-700); font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.urun-teklif-baslik h2 { margin: 0 0 5px; font-size: 1.28rem; }
.urun-teklif-baslik p { margin: 0; font-size: .8rem; line-height: 1.5; }
.urun-teklif-formu { padding: 20px 22px 18px; }
.teklif-tuzak { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
.teklif-form-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.teklif-form-izgara label { display: grid; gap: 5px; }
.teklif-form-izgara label > span { color: var(--metin-700); font-size: .72rem; font-weight: 700; }
.teklif-form-izgara input, .teklif-form-izgara textarea { width: 100%; padding: 11px 12px; border: 1px solid var(--sinir-koyu); border-radius: 8px; background: #fff; color: var(--metin-900); font: 500 .84rem var(--font-govde); }
.teklif-form-izgara input:focus, .teklif-form-izgara textarea:focus { outline: none; border-color: var(--marka-yesil-600); box-shadow: 0 0 0 3px var(--marka-yesil-100); }
.teklif-form-tam { grid-column: 1 / -1; }
.teklif-form-izgara textarea { resize: vertical; min-height: 82px; }
.teklif-yasal { display: flex; align-items: flex-start; gap: 9px; margin: 14px 0; color: var(--metin-500); font-size: .7rem; line-height: 1.45; }
.teklif-yasal input { margin-top: 2px; accent-color: var(--marka-yesil-700); }
.teklif-yasal a { color: var(--marka-yesil-800); font-weight: 700; text-decoration: underline; }
.teklif-guven-notu { margin: 10px 0 0; color: var(--metin-500); font-size: .69rem; line-height: 1.45; text-align: center; }
@media (max-width: 560px) {
    .teklif-form-izgara { grid-template-columns: 1fr; }
    .teklif-form-tam { grid-column: auto; }
    .urun-teklif-baslik, .urun-teklif-formu { padding-left: 16px; padding-right: 16px; }
}

/* 0.14.0 — Ana vitrin slider */
.hero-slider { position: relative; }
.hero-slide[hidden] { display: none; }
.hero-slide.aktif { animation: heroSlideGiris .58s ease both; }
.hero-yeni .hero-metin h2 {
    max-width: 650px;
    margin-bottom: 22px;
    color: var(--renk-krem);
    font-size: clamp(2.65rem, 4.3vw, 4.55rem);
    line-height: 1.02;
    letter-spacing: -.045em;
}
.hero-yeni .hero-metin h2 em { color: #95cb55; font-style: normal; }
.hero-slider-kontroller {
    position: absolute;
    left: 50%;
    bottom: 16px;
    z-index: 12;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 999px;
    background: rgba(3,30,16,.62);
    box-shadow: 0 10px 28px rgba(0,0,0,.18);
    backdrop-filter: blur(10px);
    transform: translateX(-50%);
}
.hero-slider-ok {
    position: absolute;
    top: 50%;
    z-index: 13;
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.38);
    border-radius: 50%;
    background: rgba(3,38,21,.8);
    color: #fff;
    box-shadow: 0 12px 34px rgba(0,0,0,.25);
    backdrop-filter: blur(10px);
    transform: translateY(-50%);
    cursor: pointer;
    transition: background .2s ease, transform .2s ease, border-color .2s ease;
}
.hero-slider-ok-sol { left: clamp(10px, 1.4vw, 26px); }
.hero-slider-ok-sag { right: clamp(10px, 1.4vw, 26px); }
.hero-slider-ok svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.hero-slider-ok:hover { border-color: #a9dc6f; background: #5eaa25; transform: translateY(-50%) scale(1.06); }
.hero-slider-ok:focus-visible { outline: 3px solid #d5f0b4; outline-offset: 3px; }
.hero-slider-noktalar { display: flex; align-items: center; gap: 6px; }
.hero-slider-noktalar button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 999px; background: rgba(255,255,255,.42); cursor: pointer; transition: width .2s ease, background .2s ease; }
.hero-slider-noktalar button.aktif { width: 24px; background: #a9dc6f; }
@keyframes heroSlideGiris { from { opacity: .2; transform: translateX(14px); } to { opacity: 1; transform: translateX(0); } }

@media (max-width: 980px) {
    .hero-slider-kontroller { bottom: 12px; }
    .hero-slider-ok { width: 46px; height: 46px; }
    .hero-yeni .hero-metin h2 { font-size: clamp(2.35rem, 8vw, 3.3rem); }
}
@media (max-width: 680px) {
    .hero-yeni .hero-metin h2 { font-size: clamp(2.2rem, 10.5vw, 3rem); }
    .hero-slider-ok { width: 42px; height: 42px; }
    .hero-slider-ok-sol { left: 8px; }
    .hero-slider-ok-sag { right: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .hero-slide.aktif { animation: none; }
    .hero-slider-noktalar button, .hero-slider-ok { transition: none; }
}

/* 0.17.0 — Onaylı bayi vitrini */
.bayi-vitrini { padding-top: clamp(58px, 6vw, 92px); padding-bottom: clamp(28px, 4vw, 54px); }
.bayi-vitrin-ust { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 26px; }
.bayi-vitrin-ust h2 { margin: 7px 0 8px; color: var(--marka-yesil-950); font-size: clamp(1.85rem, 3vw, 2.75rem); letter-spacing: -.035em; }
.bayi-vitrin-ust p { max-width: 710px; margin: 0; color: var(--metin-500); line-height: 1.7; }
.bayi-vitrin-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.bayi-vitrin-karti { position: relative; min-width: 0; padding: 22px; overflow: hidden; border: 1px solid #dce7dc; border-radius: 16px; background: linear-gradient(145deg,#fff 0%,#f3f8f2 100%); box-shadow: 0 12px 34px rgba(7,53,29,.07); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.bayi-vitrin-karti::after { content: ''; position: absolute; right: -38px; bottom: -52px; width: 132px; height: 132px; border: 25px solid rgba(91,170,37,.08); border-radius: 50%; pointer-events: none; }
.bayi-vitrin-karti:hover { border-color: #b9d7b5; box-shadow: 0 18px 42px rgba(7,53,29,.12); transform: translateY(-4px); }
.bayi-vitrin-logo { position: relative; z-index: 1; display: flex; align-items: center; justify-content: flex-start; height: 58px; margin-bottom: 17px; }
.bayi-vitrin-logo img { max-width: 150px; max-height: 54px; object-fit: contain; object-position: left center; }
.bayi-vitrin-logo span { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: var(--marka-yesil-900); color: #fff; font-size: 1.25rem; font-weight: 900; }
.bayi-vitrin-rozet { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 16px; padding: 6px 10px; border-radius: 999px; background: #e5f5dc; color: #216d25; font-size: .68rem; font-weight: 800; letter-spacing: .025em; text-transform: uppercase; }
.bayi-vitrin-rozet svg { width: 16px; height: 16px; fill: #5eaa25; stroke: #fff; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.bayi-vitrin-tip { display: block; color: #5e882f; font-size: .69rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.bayi-vitrin-karti h3 { position: relative; z-index: 1; min-height: 2.7em; margin: 7px 0 14px; color: var(--marka-yesil-950); font-size: 1.08rem; line-height: 1.35; }
.bayi-vitrin-konum { position: relative; z-index: 1; display: flex; align-items: center; gap: 7px; min-height: 22px; margin: 0 0 22px; color: var(--metin-500); font-size: .78rem; }
.bayi-vitrin-konum svg { width: 17px; height: 17px; flex: 0 0 auto; fill: none; stroke: #5eaa25; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.bayi-vitrin-alt { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 14px; border-top: 1px solid #dce7dc; color: var(--metin-500); font-size: .7rem; }
.bayi-vitrin-alt strong { display: block; margin-top: 2px; color: var(--marka-yesil-900); font-size: .78rem; }
.bayi-vitrin-alt a { display: inline-flex; align-items: center; gap: 5px; padding: 8px 11px; border-radius: 999px; background: var(--marka-yesil-900); color: #fff; font-size: .72rem; font-weight: 800; }
.bayi-vitrin-alt a svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.bayi-vitrin-alt a:hover { background: #5eaa25; }
@media (max-width: 1100px) { .bayi-vitrin-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) {
    .bayi-vitrin-ust { align-items: flex-start; flex-direction: column; gap: 18px; }
    .bayi-vitrin-izgara { grid-template-columns: 1fr; }
    .bayi-vitrin-karti h3 { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) { .bayi-vitrin-karti { transition: none; } }

@media (min-width: 721px) {
    .kategori-izgara { grid-auto-rows: 230px; }
}

.urun-lightbox { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: 54px 90px; background: rgba(3,18,10,.94); backdrop-filter: blur(8px); }
.urun-lightbox[hidden] { display: none; }
.urun-lightbox img { max-width: min(1200px, 90vw); max-height: 82vh; border-radius: 8px; background: #fff; object-fit: contain; }
.urun-lightbox-kapat, .urun-lightbox-onceki, .urun-lightbox-sonraki { position: absolute; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: rgba(255,255,255,.1); color: #fff; cursor: pointer; }
.urun-lightbox-kapat { top: 20px; right: 24px; width: 42px; height: 42px; font-size: 1.6rem; }
.urun-lightbox-onceki, .urun-lightbox-sonraki { top: 50%; width: 48px; height: 48px; font-size: 2rem; transform: translateY(-50%); }
.urun-lightbox-onceki { left: 24px; }
.urun-lightbox-sonraki { right: 24px; }
.urun-lightbox > span { position: absolute; bottom: 18px; color: #dce9df; font-size: .75rem; }

@media (max-width: 680px) {
    .urun-galeri-kucukler { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .urun-hizli-bilgi { grid-template-columns: 1fr; }
    .urun-ozellik-tablosu > div { grid-template-columns: 1fr; gap: 4px; }
    .urun-tanitim-izgara { grid-template-columns: 1fr; }
    .urun-lightbox { padding: 66px 14px; }
    .urun-lightbox-onceki { left: 8px; }
    .urun-lightbox-sonraki { right: 8px; }
}

/* 0.19.0 — Ürün koduyla çalışan yedek parça kataloğu */
.yedek-katalog-hero { overflow: hidden; padding: clamp(54px,7vw,96px) 0; background: radial-gradient(circle at 88% 15%,rgba(137,198,74,.2),transparent 28%),linear-gradient(125deg,#052f1b,#0a4a2c); color:#fff; }
.yedek-katalog-hero-ic { display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.78fr); align-items:center; gap:clamp(38px,7vw,100px); }
.yedek-katalog-hero .bolum-etiket { color:#a9dc6f; }
.yedek-katalog-hero h1 { max-width:760px; margin:12px 0 18px; color:#fff; font-size:clamp(2.35rem,4.3vw,5.2rem); line-height:.98; letter-spacing:-.055em; }
.yedek-katalog-hero h1 em { color:#9bd455; font-style:normal; }
.yedek-katalog-hero p { max-width:680px; margin:0; color:#c7dbcd; font-size:clamp(.94rem,1.2vw,1.12rem); line-height:1.7; }
.yedek-katalog-arama { padding:clamp(22px,3vw,34px); border:1px solid rgba(255,255,255,.16); border-radius:20px; background:rgba(255,255,255,.1); box-shadow:0 24px 60px rgba(0,0,0,.18); backdrop-filter:blur(12px); }
.yedek-katalog-arama label { display:block; margin-bottom:9px; color:#eaf4ec; font-size:.78rem; font-weight:800; }
.yedek-katalog-arama > div { display:flex; gap:8px; padding:6px; border-radius:13px; background:#fff; }
.yedek-katalog-arama input { min-width:0; flex:1; padding:10px 12px; border:0; outline:0; color:#143823; font:700 1rem var(--font-govde); text-transform:uppercase; }
.yedek-katalog-arama small { display:block; margin-top:10px; color:#a9c4b1; font-size:.69rem; line-height:1.5; }
.yedek-katalog-sonuc { min-height:340px; background:#f5f4ef; }
.yedek-katalog-bilgi,.yedek-katalog-baslik { display:flex; align-items:center; gap:22px; padding:26px; border:1px solid var(--sinir); border-radius:18px; background:#fff; box-shadow:var(--golge-kucuk); }
.yedek-katalog-bilgi > span { display:grid; place-items:center; width:64px; height:64px; flex:0 0 64px; border-radius:16px; background:#eaf5e4; color:var(--marka-yesil-700); }
.yedek-katalog-bilgi svg { width:32px; height:32px; fill:none; stroke:currentColor; }
.yedek-katalog-bilgi h2,.yedek-katalog-baslik h2 { margin:0 0 7px; }
.yedek-katalog-bilgi p { max-width:850px; margin:0; color:var(--metin-500); line-height:1.65; }
.yedek-katalog-baslik img { width:124px; height:104px; border-radius:13px; background:#f4f5f1; object-fit:contain; }
.yedek-katalog-baslik > div { min-width:0; flex:1; }
.yedek-katalog-baslik > div > span { color:var(--marka-yesil-700); font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.yedek-katalog-baslik p,.yedek-katalog-baslik small { display:block; margin:0; color:var(--metin-500); }
.yedek-katalog-baslik small { margin-top:7px; line-height:1.55; }
.yedek-parca-tablosu { overflow:hidden; margin-top:18px; border:1px solid var(--sinir); border-radius:18px; background:#fff; box-shadow:var(--golge-kucuk); }
.yedek-parca-satir { display:grid; grid-template-columns:100px 160px minmax(240px,1fr) 130px 104px; align-items:center; gap:18px; min-height:70px; padding:12px 18px; border-bottom:1px solid var(--sinir); }
.yedek-parca-satir:last-child { border-bottom:0; }
.yedek-parca-satir-baslik { min-height:46px; background:#eff5ef; color:#5d7063; font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.055em; }
.yedek-parca-satir span > b,.yedek-parca-satir span > small { display:block; }
.yedek-parca-satir span > small { margin-top:4px; color:var(--metin-500); font-size:.7rem; }
.yedek-durum { justify-self:start; padding:6px 9px; border-radius:999px; background:#edf2ee; color:#53665a; font-size:.66rem; font-weight:800; }
.yedek-durum.stokta { background:#e2f4e7; color:#14713a; }.yedek-durum.siparis { background:#fff1d9; color:#8b5c0a; }
.yedek-katalog-bos { padding:40px 22px; text-align:center; }.yedek-katalog-bos strong { display:block; color:#173d27; font-size:1.1rem; }.yedek-katalog-bos p { color:var(--metin-500); }.yedek-katalog-bulunamadi { border:1px solid var(--sinir); border-radius:18px; background:#fff; }
.yedek-oneriler { display:grid; gap:8px; max-width:760px; margin:26px auto 0; }.yedek-oneriler h3 { margin:0 0 5px; }.yedek-oneriler a { display:grid; grid-template-columns:140px 1fr; gap:16px; padding:13px 16px; border:1px solid var(--sinir); border-radius:10px; background:#fff; }.yedek-oneriler a:hover { border-color:var(--marka-yesil-500); }
.iletisim-talep-konusu { display:grid; gap:3px; max-width:600px; margin:16px 0; padding:11px 14px; border-left:3px solid var(--marka-yesil-500); border-radius:0 9px 9px 0; background:#edf6e9; }.iletisim-talep-konusu small { color:var(--marka-yesil-700); font-size:.66rem; font-weight:800; text-transform:uppercase; }.iletisim-talep-konusu strong { color:#153c27; font-size:.83rem; }
@media(max-width:900px){.yedek-katalog-hero-ic{grid-template-columns:1fr}.yedek-katalog-hero h1{font-size:clamp(2.5rem,9vw,4.6rem)}.yedek-parca-satir{grid-template-columns:85px 140px minmax(200px,1fr) 120px 100px;min-width:800px}.yedek-parca-tablosu{overflow-x:auto}}
@media(max-width:620px){.yedek-katalog-arama>div{align-items:stretch;flex-direction:column}.yedek-katalog-baslik,.yedek-katalog-bilgi{align-items:flex-start;flex-direction:column}.yedek-katalog-baslik>.buton{width:100%}.yedek-oneriler a{grid-template-columns:1fr;gap:4px}}

/* 0.19.4 — Header logosunun yaninda dinamik tecrube madalyonu */
.header-tecrube {
    position:relative;
    isolation:isolate;
    display:flex;
    align-items:center;
    gap:10px;
    min-width:218px;
    padding:7px 13px 7px 7px;
    overflow:hidden;
    border:1px solid rgba(177,128,34,.36);
    border-radius:18px;
    background:linear-gradient(135deg,#fffef8 0%,#f8f3df 48%,#edf7e8 100%);
    box-shadow:0 9px 24px rgba(61,77,44,.11),inset 0 1px rgba(255,255,255,.9);
    flex:0 0 auto;
}
.header-tecrube::before { content:""; position:absolute; z-index:-1; top:-45px; left:44%; width:38px; height:150px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent); transform:rotate(28deg); animation:headerTecrubeParilti 4.8s ease-in-out infinite; }
.header-tecrube::after { content:""; position:absolute; right:-18px; bottom:-22px; width:74px; height:74px; border:1px solid rgba(92,149,43,.14); border-radius:50%; box-shadow:0 0 0 10px rgba(92,149,43,.045),0 0 0 22px rgba(92,149,43,.025); }
.header-tecrube-madalya { position:relative; display:grid; place-items:center; width:60px; height:60px; flex:0 0 60px; border:2px solid #c99a3c; border-radius:50%; background:radial-gradient(circle at 34% 28%,#1a7543,#064524 64%,#04391d); box-shadow:0 0 0 3px #f4d67c,0 7px 16px rgba(5,65,33,.25),inset 0 1px 8px rgba(255,255,255,.15); color:#fff; }
.header-tecrube-madalya::before,.header-tecrube-madalya::after { content:""; position:absolute; z-index:-1; bottom:-9px; width:16px; height:25px; background:linear-gradient(135deg,#d8ad4c,#a87720); clip-path:polygon(0 0,100% 0,80% 100%,50% 76%,20% 100%); }
.header-tecrube-madalya::before { left:9px; transform:rotate(11deg); }.header-tecrube-madalya::after { right:9px; transform:rotate(-11deg); }
.header-tecrube-madalya svg { position:absolute; inset:3px; width:50px; height:50px; color:#f5d878; opacity:.43; }
.header-tecrube-madalya svg path,.header-tecrube-madalya svg circle { stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.header-tecrube-madalya svg path:last-child { fill:rgba(246,216,120,.16); }
.header-tecrube-madalya strong { position:relative; z-index:2; margin-top:-7px; color:#fff; font:900 1.5rem/1 var(--font-baslik); text-shadow:0 2px 5px rgba(0,0,0,.22); }
.header-tecrube-madalya small { position:absolute; z-index:2; bottom:9px; color:#f6dc88; font-size:.46rem; font-weight:900; letter-spacing:.13em; }
.header-tecrube-metin { position:relative; z-index:2; display:grid; min-width:0; line-height:1.15; }
.header-tecrube-metin i { position:absolute; top:-4px; right:-2px; color:#d0a640; font-size:.56rem; font-style:normal; }
.header-tecrube-metin b { padding-right:10px; color:#073d22; font:900 .78rem var(--font-baslik); white-space:nowrap; }
.header-tecrube-metin small { max-width:138px; margin-top:4px; color:#687368; font-size:.58rem; font-weight:650; line-height:1.3; }
@keyframes headerTecrubeParilti { 0%,58%,100%{transform:translateX(-150px) rotate(28deg);opacity:0} 68%{opacity:.78} 86%{transform:translateX(220px) rotate(28deg);opacity:0} }
@media(min-width:981px) and (max-width:1450px){.header-tecrube{min-width:150px;padding-right:9px}.header-tecrube-madalya{width:54px;height:54px;flex-basis:54px}.header-tecrube-madalya svg{width:44px;height:44px}.header-tecrube-metin b{font-size:.68rem}.header-tecrube-metin small{display:none}.site-header .header-arama{width:clamp(230px,24vw,430px)}}
@media(max-width:980px){.header-tecrube{min-width:0;margin-right:auto;padding:5px;border-radius:50%;background:linear-gradient(145deg,#fffdf3,#eef8e9)}.header-tecrube-metin{display:none}.header-tecrube-madalya{width:56px;height:56px;flex-basis:56px}}
@media(max-width:680px){.site-header>.icerik .marka{min-width:0}.site-header>.icerik .marka-logo{max-width:calc(100vw - 155px);object-fit:contain}.header-tecrube{padding:3px}.header-tecrube-madalya{width:46px;height:46px;flex-basis:46px}.header-tecrube-madalya svg{inset:2px;width:40px;height:40px}.header-tecrube-madalya strong{font-size:1.18rem}.header-tecrube-madalya small{bottom:6px;font-size:.39rem}}
@media(prefers-reduced-motion:reduce){.header-tecrube::before{animation:none}}

/* 0.20.2 — Sag altta tek seferlik duyuru popup'i */
.duyuru-popup { --duyuru-vurgu:#68b532; position:fixed; z-index:99; right:22px; bottom:var(--popup-alt,22px); width:min(390px,calc(100vw - 30px)); padding:21px 20px 17px; overflow:hidden; border:1px solid #cdddc9; border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(246,249,242,.985)); box-shadow:0 24px 70px rgba(5,45,24,.24),0 4px 14px rgba(5,45,24,.1); color:#183d29; opacity:0; transform:translate3d(24px,18px,0) scale(.96); backdrop-filter:blur(14px); transition:opacity .3s ease,transform .35s cubic-bezier(.2,.8,.2,1),bottom .25s ease; }
.duyuru-popup[hidden] { display:none; }.duyuru-popup.gosteriliyor { opacity:1; transform:translate3d(0,0,0) scale(1); }.duyuru-popup.kapaniyor { opacity:0; transform:translate3d(18px,10px,0) scale(.97); }
.duyuru-popup::before { content:""; position:absolute; inset:0 auto 0 0; width:5px; background:linear-gradient(#a5dd65,var(--duyuru-vurgu)); }.duyuru-popup::after { content:""; position:absolute; z-index:-1; top:-70px; right:-68px; width:180px; height:180px; border-radius:50%; background:radial-gradient(circle,rgba(105,181,50,.13),transparent 68%); }
.duyuru-popup.tur-kampanya { --duyuru-vurgu:#d69a2d; }.duyuru-popup.tur-haber { --duyuru-vurgu:#2a91bc; }.duyuru-popup.tur-bildirim { --duyuru-vurgu:#d56d38; }
.duyuru-popup-kapat { position:absolute; top:12px; right:12px; display:grid; place-items:center; width:31px; height:31px; border:1px solid #dbe5d9; border-radius:50%; background:rgba(255,255,255,.76); color:#6b796f; cursor:pointer; font-size:1.15rem; line-height:1; transition:.18s ease; }.duyuru-popup-kapat:hover { border-color:#aec5aa; background:#fff; color:#153e27; transform:rotate(5deg); }
.duyuru-popup-ust { display:flex; align-items:center; gap:12px; padding-right:32px; }.duyuru-popup-ikon { display:grid; place-items:center; width:43px; height:43px; flex:0 0 43px; border-radius:13px; background:linear-gradient(145deg,#0a5330,#063b22); box-shadow:0 8px 18px rgba(5,68,35,.18); color:#b9e67e; }.duyuru-popup-ikon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.duyuru-popup-ust > div { display:grid; gap:2px; }.duyuru-popup-ust small { color:var(--duyuru-vurgu); font-size:.58rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.duyuru-popup-ust strong { color:#073d22; font:850 .9rem/1.2 var(--font-baslik); }
.duyuru-popup > p { margin:16px 4px 17px; color:#4f6256; font-size:.8rem; line-height:1.6; }
.duyuru-popup-alt { display:flex; align-items:center; justify-content:space-between; gap:12px; }.duyuru-popup-alt button { padding:7px 0; border:0; background:none; color:#77827a; cursor:pointer; font-size:.64rem; font-weight:700; text-decoration:underline; text-decoration-color:#c4cec3; text-underline-offset:3px; }.duyuru-popup-alt button:hover { color:#294d36; }.duyuru-popup-alt a { display:inline-flex; align-items:center; gap:8px; padding:9px 13px; border-radius:10px; background:#0a4b2b; box-shadow:0 7px 16px rgba(7,61,34,.14); color:#fff; font-size:.68rem; font-weight:800; }.duyuru-popup-alt a:hover { background:#5eaa25; }.duyuru-popup-alt a span { font-size:.9rem; }
.duyuru-popup-sure { position:absolute; left:5px; right:0; bottom:0; height:3px; background:var(--duyuru-vurgu); transform:scaleX(0); transform-origin:left; }.duyuru-popup.gosteriliyor .duyuru-popup-sure { animation:duyuruPopupSure var(--duyuru-popup-sure,12s) linear forwards; }
@keyframes duyuruPopupSure { to { transform:scaleX(1); } }
@media(max-width:680px){.duyuru-popup{right:12px;bottom:var(--popup-alt,12px);width:calc(100vw - 24px);padding:18px 17px 15px;border-radius:15px}.duyuru-popup>p{margin-top:13px}.duyuru-popup-alt{align-items:stretch;flex-direction:column-reverse}.duyuru-popup-alt a{justify-content:center}.duyuru-popup-alt button{text-align:left}}
@media(prefers-reduced-motion:reduce){.duyuru-popup{transition:none}.duyuru-popup-sure{display:none}}

/* 0.20.3 — Duyuru detay sayfalari */
.duyuru-detay { padding:0 0 clamp(65px,8vw,110px); background:linear-gradient(#f4f6f1 0,#fff 420px); }
.duyuru-detay-gezinme { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:21px 0; color:#7b877e; font-size:.68rem; }.duyuru-detay-gezinme a { color:#376348; font-weight:750; }.duyuru-detay-gezinme strong { color:#173d27; }
.duyuru-detay-hero { --duyuru-detay-vurgu:#63ad30; position:relative; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr); min-height:420px; overflow:hidden; border-radius:24px; background:linear-gradient(125deg,#052f1b 0%,#0a4b2c 66%,#145a35 100%); box-shadow:0 24px 70px rgba(5,52,28,.2); color:#fff; }.duyuru-detay.tur-kampanya .duyuru-detay-hero{--duyuru-detay-vurgu:#e4ac3f}.duyuru-detay.tur-haber .duyuru-detay-hero{--duyuru-detay-vurgu:#5fb7d9}.duyuru-detay.tur-bildirim .duyuru-detay-hero{--duyuru-detay-vurgu:#ed8a57}
.duyuru-detay-hero::before { content:""; position:absolute; top:-150px; left:-110px; width:390px; height:390px; border:1px solid rgba(255,255,255,.08); border-radius:50%; box-shadow:0 0 0 58px rgba(255,255,255,.025),0 0 0 116px rgba(255,255,255,.018); }
.duyuru-detay-baslik { position:relative; z-index:2; display:flex; justify-content:center; align-items:flex-start; flex-direction:column; padding:clamp(38px,5vw,72px); }
.duyuru-detay-tur { display:inline-flex; padding:7px 11px; border:1px solid color-mix(in srgb,var(--duyuru-detay-vurgu) 55%,transparent); border-radius:999px; background:color-mix(in srgb,var(--duyuru-detay-vurgu) 14%,transparent); color:var(--duyuru-detay-vurgu); font-size:.64rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.duyuru-detay h1 { max-width:760px; margin:18px 0 22px; color:#fff; font-size:clamp(2.15rem,4vw,4.4rem); line-height:1.04; letter-spacing:-.05em; }
.duyuru-detay-meta { display:flex; align-items:center; gap:10px; color:#b9cbbf; font-size:.72rem; }.duyuru-detay-meta span { display:flex; align-items:center; gap:7px; }.duyuru-detay-meta b { color:var(--duyuru-detay-vurgu); font-size:.56rem; }.duyuru-detay-meta time { color:#fff; font-weight:750; }
.duyuru-detay-hero figure { position:relative; min-width:0; min-height:420px; margin:0; }.duyuru-detay-hero figure::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#0a492c 0,transparent 42%); }.duyuru-detay-hero figure img { width:100%; height:100%; object-fit:cover; }
.duyuru-detay-hero.gorselsiz { grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); }.duyuru-detay-amblem { position:relative; display:grid; place-items:center; overflow:hidden; color:var(--duyuru-detay-vurgu); }.duyuru-detay-amblem::before { content:""; position:absolute; width:270px; height:270px; border:1px solid rgba(255,255,255,.12); border-radius:50%; box-shadow:0 0 0 35px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.02); }.duyuru-detay-amblem svg { width:148px; height:148px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; opacity:.4; }.duyuru-detay-amblem span { position:absolute; color:#fff; font:900 2rem var(--font-baslik); letter-spacing:-.04em; }
.duyuru-detay-govde { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(290px,.5fr); align-items:start; gap:clamp(30px,6vw,78px); max-width:1120px; margin:clamp(42px,6vw,76px) auto 0; }
.duyuru-detay-icerik { min-width:0; }.duyuru-detay-metin { margin-top:17px; color:#42574a; font-size:clamp(.96rem,1.3vw,1.1rem); line-height:1.9; }.duyuru-detay-cta { margin-top:28px; }
.duyuru-detay-yan { padding:25px; border:1px solid #dbe6d9; border-radius:17px; background:linear-gradient(145deg,#fff,#f2f7ef); box-shadow:0 15px 38px rgba(7,53,29,.08); }.duyuru-detay-yan-ikon { display:grid; place-items:center; width:43px; height:43px; border-radius:12px; background:#e4f3db; color:#4f982a; }.duyuru-detay-yan-ikon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; }.duyuru-detay-yan h2 { margin:16px 0 9px; color:#123d25; font-size:1.08rem; line-height:1.3; }.duyuru-detay-yan p { margin:0 0 18px; color:#6b796f; font-size:.76rem; line-height:1.65; }.duyuru-detay-yan a { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 0; border-top:1px solid #dce6da; color:#1d6032; font-size:.72rem; font-weight:800; }.duyuru-detay-yan a span { color:#69ad38; }
.duyuru-detay-bulunamadi { min-height:420px; padding:80px 0; }
@media(max-width:900px){.duyuru-detay-hero,.duyuru-detay-hero.gorselsiz{grid-template-columns:1fr}.duyuru-detay-hero figure{min-height:300px}.duyuru-detay-hero figure::after{background:linear-gradient(180deg,#0a492c 0,transparent 42%)}.duyuru-detay-amblem{min-height:260px}.duyuru-detay-govde{grid-template-columns:1fr}}
@media(max-width:600px){.duyuru-detay-gezinme{padding:15px 0}.duyuru-detay-hero{min-height:0;border-radius:16px}.duyuru-detay-baslik{padding:30px 22px}.duyuru-detay h1{font-size:clamp(2rem,11vw,3.1rem)}.duyuru-detay-hero figure{min-height:220px}.duyuru-detay-amblem{min-height:190px}.duyuru-detay-govde{margin-top:34px}.duyuru-detay-yan{padding:20px}}

/* 0.20.4 — Kompakt duyuru detay yerlesimi */
.duyuru-detay { padding-bottom:clamp(46px,6vw,76px); background:linear-gradient(#f4f6f1 0,#fff 300px); }
.duyuru-detay > .icerik { max-width:1080px; }
.duyuru-detay-gezinme { padding:15px 0; }
.duyuru-detay-hero,.duyuru-detay-hero.gorselsiz { grid-template-columns:minmax(0,1fr) 210px; min-height:0; border-radius:17px; box-shadow:0 15px 42px rgba(5,52,28,.16); }
.duyuru-detay-hero::before { top:-145px; left:-160px; width:310px; height:310px; box-shadow:0 0 0 42px rgba(255,255,255,.022),0 0 0 84px rgba(255,255,255,.014); }
.duyuru-detay-baslik { min-height:225px; padding:30px 38px; }
.duyuru-detay-tur { padding:5px 9px; font-size:.56rem; }
.duyuru-detay h1 { max-width:760px; margin:13px 0 15px; font-size:clamp(1.65rem,2.8vw,2.55rem); line-height:1.08; letter-spacing:-.04em; }
.duyuru-detay-meta { font-size:.65rem; }
.duyuru-detay-hero figure { min-height:225px; max-height:270px; }
.duyuru-detay-amblem { min-height:225px; }.duyuru-detay-amblem::before { width:150px; height:150px; box-shadow:0 0 0 22px rgba(255,255,255,.03),0 0 0 44px rgba(255,255,255,.018); }.duyuru-detay-amblem svg { width:82px; height:82px; }.duyuru-detay-amblem span { font-size:1.25rem; }
.duyuru-detay-govde { grid-template-columns:minmax(0,1fr) 270px; gap:34px; max-width:none; margin:28px 0 0; }
.duyuru-detay-metin { margin-top:12px; font-size:.94rem; line-height:1.78; }.duyuru-detay-cta { margin-top:20px; }
.duyuru-detay-yan { padding:20px; border-radius:14px; box-shadow:0 10px 28px rgba(7,53,29,.065); }.duyuru-detay-yan h2 { margin:13px 0 7px; font-size:.94rem; }.duyuru-detay-yan p { margin-bottom:13px; font-size:.7rem; }.duyuru-detay-yan a { padding:9px 0; font-size:.67rem; }
@media(max-width:820px){.duyuru-detay-hero,.duyuru-detay-hero.gorselsiz{grid-template-columns:minmax(0,1fr) 165px}.duyuru-detay-baslik{min-height:205px;padding:27px 30px}.duyuru-detay-amblem,.duyuru-detay-hero figure{min-height:205px}.duyuru-detay-govde{grid-template-columns:1fr}.duyuru-detay-yan{display:grid;grid-template-columns:auto 1fr;column-gap:14px}.duyuru-detay-yan-ikon{grid-row:1/3}.duyuru-detay-yan h2{margin-top:0}.duyuru-detay-yan p{grid-column:2}.duyuru-detay-yan a{grid-column:1/-1}}
@media(max-width:600px){.duyuru-detay-hero,.duyuru-detay-hero.gorselsiz{grid-template-columns:1fr}.duyuru-detay-baslik{min-height:0;padding:25px 21px}.duyuru-detay h1{font-size:clamp(1.65rem,8.5vw,2.3rem)}.duyuru-detay-hero.gorselsiz .duyuru-detay-amblem{display:none}.duyuru-detay-hero figure{min-height:165px;max-height:190px}.duyuru-detay-govde{margin-top:23px;gap:24px}}
.iletisim-ekip-baslik{text-align:center;max-width:720px;margin:42px auto 22px}.iletisim-ekip-baslik>span{color:#61a928;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.iletisim-ekip-baslik h2{margin:7px 0 8px;color:#073b25}.iletisim-ekip-baslik p{margin:0;color:#657269}.iletisim-ekip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px;margin-bottom:28px}.iletisim-kisi-karti{padding:22px;display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:start}.iletisim-kisi-avatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#0a5132,#73bf36);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900}.iletisim-kisi-karti small{color:#6c7a70}.iletisim-kisi-karti h3{margin:3px 0 8px;color:#073b25}.iletisim-kisi-karti div>a:not(.buton){display:block;color:#1b4934;text-decoration:none;margin-top:4px}.iletisim-kisi-aksiyon{grid-column:1/-1;display:flex;gap:10px}.iletisim-kisi-aksiyon .buton{flex:1;text-align:center;justify-content:center}
.dil-secici{position:relative}.dil-secici summary{list-style:none;width:48px;height:42px;border:1px solid #d6dfd4;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:4px;color:#12482e;font-size:.72rem;font-weight:850;cursor:pointer;background:#fff}.dil-secici summary::-webkit-details-marker{display:none}.dil-secici summary svg{width:17px;fill:currentColor}.dil-secici>div{position:absolute;z-index:80;top:calc(100% + 10px);right:0;width:230px;padding:8px;border:1px solid #dce5da;border-radius:15px;background:#fff;box-shadow:0 18px 45px rgba(5,45,27,.18)}.dil-secici>div a{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;color:#173e2a;text-decoration:none}.dil-secici>div a:hover{background:#eff7ec}.dil-secici>div b{width:30px;color:#5ea92b}.dil-secici>div span{font-size:.78rem}
.dil-secici .ulke-bayragi{display:block;width:28px;height:28px;min-width:28px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px rgba(7,55,34,.12),0 3px 8px rgba(7,55,34,.12);fill:none}.dil-secici summary .ulke-bayragi{width:23px;height:23px;min-width:23px}.dil-secici>div a:hover .ulke-bayragi{transform:scale(1.06)}.dil-secici>div .ulke-bayragi{transition:transform .18s ease}.dil-secici>div b{width:26px}.dil-secici>div a[aria-current=page]{background:#edf7e9;color:#064d2e}
.global-sayfa{background:#f6f4ed;color:#183d2a}.global-hero{padding:clamp(54px,7vw,100px) 0;background:radial-gradient(circle at 75% 35%,rgba(112,184,53,.25),transparent 27%),linear-gradient(120deg,#063823,#0b5635);color:#fff;overflow:hidden}.global-hero>.icerik{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:clamp(35px,7vw,110px);align-items:center}.global-hero-metin>span,.global-baslik>span,.global-iletisim>div>span{color:#92d64e;font-size:.76rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.global-hero h1{max-width:850px;margin:14px 0 18px;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.98;letter-spacing:-.05em}.global-hero p{max-width:720px;color:#d8e8dd;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.75}.global-aksiyonlar{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.global-ulke-karti{padding:30px;border:1px solid rgba(255,255,255,.2);border-radius:26px;background:rgba(255,255,255,.09);backdrop-filter:blur(12px);box-shadow:0 30px 60px rgba(0,0,0,.2)}.global-ulke-karti small,.global-ulke-karti strong,.global-ulke-karti span,.global-ulke-karti i{display:block}.global-ulke-karti strong{margin:12px 0 5px;font-size:2rem}.global-ulke-karti span{color:#dcebdd}.global-ulke-karti i{margin-top:28px;color:#9fdc66;font-style:normal;font-weight:800}.global-guven{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:-24px;position:relative}.global-guven article{padding:20px;border:1px solid #dfe7da;border-radius:17px;background:#fff;box-shadow:0 12px 30px rgba(16,53,33,.08)}.global-guven b{color:#70b835;margin-right:12px}.global-kategoriler{padding-top:70px;padding-bottom:70px}.global-baslik{text-align:center;margin-bottom:25px}.global-baslik h2{margin:7px 0;font-size:clamp(1.8rem,3vw,3rem)}.global-kategori-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.global-kategori-grid a{min-height:160px;padding:23px;border-radius:20px;background:#fff;border:1px solid #e0e6dc;text-decoration:none;color:#173f2b;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;transition:.2s}.global-kategori-grid a:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(14,56,33,.11)}.global-kategori-grid a>span svg{width:28px;height:28px}.global-kategori-grid strong{margin-top:16px;font-size:1rem}.global-kategori-grid small{margin-top:5px;color:#62a62f}.global-iletisim{margin-bottom:50px;padding:clamp(28px,5vw,55px);border-radius:25px;background:#efe9d9;display:flex;align-items:center;justify-content:space-between;gap:30px}.global-iletisim h2{margin:6px 0;font-size:clamp(1.7rem,3vw,3rem)}.global-iletisim p{max-width:780px;color:#5e6f63}.global-ulkeler{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:50px}.global-ulkeler a{padding:9px 13px;border:1px solid #d7dfd3;border-radius:999px;color:#31533e;text-decoration:none;background:#fff}.global-ulkeler a.aktif{background:#0a5132;color:#fff;border-color:#0a5132}[dir="rtl"] .global-hero-metin,[dir="rtl"] .global-baslik,[dir="rtl"] .global-iletisim{text-align:right}
@media(max-width:900px){.global-hero>.icerik{grid-template-columns:1fr}.global-ulke-karti{max-width:420px}.global-kategori-grid{grid-template-columns:repeat(2,1fr)}.global-iletisim{align-items:flex-start;flex-direction:column}.dil-secici:not(.mobil-dil-secici)>div{right:auto;left:0}}
@media(max-width:600px){.global-guven,.global-kategori-grid{grid-template-columns:1fr}.global-guven{margin-top:14px}.global-hero{padding:42px 0}.global-hero h1{font-size:2.4rem}.dil-secici summary{width:42px;height:38px}}

/* 0.24.2 — Yerel ürün kataloğu ve ürün detayları */
.global-kategori-grid a.aktif{outline:3px solid #86ca4b;outline-offset:3px;box-shadow:0 18px 38px rgba(11,67,39,.2)}
.global-urun-katalogu{padding-top:10px;padding-bottom:72px}.global-katalog-ust{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}.global-katalog-ust>div>span{color:#58a329;font-size:.72rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.global-katalog-ust h2{margin:5px 0 3px;color:#0a3c24;font-size:clamp(1.65rem,3vw,2.7rem)}.global-katalog-ust p{margin:0;color:#6a7a70;font-size:.76rem}.global-katalog-filtre{display:grid;grid-template-columns:minmax(230px,1.3fr) minmax(180px,.8fr) auto auto;align-items:center;gap:8px;min-width:min(100%,700px)}.global-katalog-filtre input,.global-katalog-filtre select{width:100%;min-height:42px;padding:9px 12px;border:1px solid #d4ded1;border-radius:9px;background:#fff;color:#173d28;font:inherit}.global-katalog-filtre .buton{min-height:42px;padding:9px 15px;white-space:nowrap}.global-urun-izgara{grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:0}.global-urun-karti{text-decoration:none;color:#173d28}.global-urun-karti .urun-govde p{display:-webkit-box;margin:0;color:#6c7b71;font-size:.74rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.global-urun-sku{color:#7a887e;font-size:.66rem;font-weight:750}.global-urun-bos{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px}.global-urun-bos a{color:#398128;font-size:.78rem;font-weight:800}
.global-urun-detay{padding:24px 0 75px;background:#f5f6f1;color:#173d28}.global-urun-ekmek{display:flex;align-items:center;gap:8px;margin:0 0 18px;color:#7b8980;font-size:.71rem}.global-urun-ekmek a{color:#397d2b}.global-urun-ekmek strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-urun-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(28px,5vw,70px);align-items:start;padding:clamp(22px,3vw,38px);border:1px solid #dde5db;border-radius:24px;background:#fff;box-shadow:0 18px 46px rgba(12,53,31,.08)}.global-urun-ana-gorsel{display:block;width:100%;padding:0;overflow:hidden;border:1px solid #e0e7de;border-radius:18px;background:#fff;cursor:zoom-in}.global-urun-ana-gorsel img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain}.global-urun-kucuk-gorseller{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:10px}.global-urun-kucuk-gorseller button{padding:0;overflow:hidden;border:1px solid #dce5da;border-radius:10px;background:#fff;cursor:zoom-in}.global-urun-kucuk-gorseller img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.global-urun-kategori{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eaf5e4;color:#367a28;font-size:.67rem;font-weight:850}.global-urun-bilgi h1{margin:14px 0 10px;color:#073a22;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.04em}.global-ceviri-bekliyor{display:inline-flex;margin-bottom:12px;color:#986a17;font-size:.67rem;font-weight:750}.global-urun-ozet{color:#5e7164;font-size:1rem;line-height:1.7}.global-urun-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0;border:1px solid #e0e7de;border-radius:14px;overflow:hidden}.global-urun-meta div{padding:13px 15px;border-right:1px solid #e5ebe3;border-bottom:1px solid #e5ebe3}.global-urun-meta div:nth-child(2n){border-right:0}.global-urun-meta div:nth-last-child(-n+2){border-bottom:0}.global-urun-meta dt{color:#829087;font-size:.63rem;font-weight:800;text-transform:uppercase}.global-urun-meta dd{margin:4px 0 0;color:#173d28;font-size:.8rem;font-weight:800}.global-urun-teklif{padding:20px;border-radius:16px;background:linear-gradient(135deg,#0a4a2c,#0d6538);color:#fff}.global-urun-teklif>span{font-size:1rem;font-weight:850}.global-urun-teklif p{margin:7px 0 15px;color:#d3e5d7;font-size:.76rem;line-height:1.55}.global-urun-metin{margin-top:22px;padding:clamp(24px,4vw,42px)}.global-urun-metin>span{color:#55a027;font-size:.69rem;font-weight:900;text-transform:uppercase}.global-urun-metin h2{margin:7px 0 14px;color:#0b3d25}.global-urun-metin p{margin:0;color:#586c5f;line-height:1.8}.global-urun-bolum{padding-top:56px}.global-ozellik-listesi{overflow:hidden}.global-ozellik-listesi div{display:grid;grid-template-columns:minmax(150px,.65fr) 1fr;gap:20px;padding:14px 20px;border-bottom:1px solid #e4e9e2}.global-ozellik-listesi div:last-child{border-bottom:0}.global-ozellik-listesi span{color:#728078;font-size:.76rem}.global-ozellik-listesi strong{font-size:.8rem}.global-tanitim-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.global-tanitim-grid button{padding:0;overflow:hidden;cursor:zoom-in}.global-tanitim-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.global-urun-bulunamadi{padding-top:60px;padding-bottom:70px}.global-urun-bulunamadi .kart{padding:35px;text-align:center}.global-urun-bulunamadi h1{margin:0 0 20px}
[dir="rtl"] .global-katalog-ust,[dir="rtl"] .global-urun-bilgi,[dir="rtl"] .global-urun-metin{text-align:right}
@media(max-width:1100px){.global-urun-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}.global-katalog-ust{align-items:stretch;flex-direction:column}.global-katalog-filtre{min-width:0;width:100%}.global-urun-hero{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.global-katalog-filtre{grid-template-columns:1fr 1fr}.global-urun-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}.global-urun-hero{grid-template-columns:1fr}.global-tanitim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.global-katalog-filtre,.global-urun-izgara,.global-tanitim-grid{grid-template-columns:1fr}.global-katalog-filtre .buton{width:100%}.global-urun-meta{grid-template-columns:1fr}.global-urun-meta div,.global-urun-meta div:nth-child(2n),.global-urun-meta div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid #e5ebe3}.global-urun-meta div:last-child{border-bottom:0}.global-urun-kucuk-gorseller{grid-template-columns:repeat(4,minmax(0,1fr))}.global-ozellik-listesi div{grid-template-columns:1fr;gap:4px}}
.global-katalog-sayfasi .global-urun-katalogu{padding-top:clamp(34px,5vw,70px)}

/* 0.23.2 — Uluslararasi sayfalarda gorsel butunluk */
.global-hero {
    position: relative;
    isolation: isolate;
    background-color: #073c26;
    background-image:
        linear-gradient(90deg, rgba(3,43,26,.98) 0%, rgba(3,43,26,.91) 42%, rgba(3,43,26,.5) 70%, rgba(3,43,26,.22) 100%),
        var(--global-hero-gorsel);
    background-size: cover;
    background-position: center, center right;
    background-repeat: no-repeat;
}
.global-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(circle at 77% 28%, rgba(142,211,72,.18), transparent 28%);
}
.global-hero h1 { color: #fff; text-shadow: 0 4px 28px rgba(0,0,0,.24); }
.global-hero .global-aksiyonlar .buton-hat { color: #fff; border-color: rgba(255,255,255,.65); background: rgba(5,43,27,.28); }
.global-hero .global-aksiyonlar .buton-hat:hover { border-color: #fff; background: rgba(255,255,255,.12); }
.global-ulke-karti { background: rgba(13,81,50,.74); }
.global-kategori-grid a {
    position: relative;
    isolation: isolate;
    min-height: 220px;
    overflow: hidden;
    border-color: rgba(14,61,38,.14);
    color: #fff;
    background-color: #174d35;
    background-image:
        linear-gradient(180deg, rgba(7,45,28,.06) 5%, rgba(7,45,28,.5) 50%, rgba(5,37,23,.95) 100%),
        var(--global-kategori-gorsel);
    background-size: cover;
    background-position: center;
    box-shadow: 0 12px 28px rgba(14,56,33,.09);
}
.global-kategori-grid a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(125deg, transparent 40%, rgba(130,203,64,.13));
}
.global-kategori-grid a:hover { transform: translateY(-5px); box-shadow: 0 22px 42px rgba(10,49,29,.2); }
.global-kategori-grid a > span {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255,255,255,.26);
    border-radius: 14px;
    color: #d2f59f;
    background: rgba(7,48,29,.58);
    backdrop-filter: blur(7px);
}
.global-kategori-grid strong { font-size: 1.08rem; text-shadow: 0 2px 12px rgba(0,0,0,.36); }
.global-kategori-grid small { color: #c9ef9e; font-weight: 750; }
[dir="rtl"] .global-hero {
    background-image:
        linear-gradient(270deg, rgba(3,43,26,.98) 0%, rgba(3,43,26,.91) 42%, rgba(3,43,26,.5) 70%, rgba(3,43,26,.22) 100%),
        var(--global-hero-gorsel);
    background-position: center, center left;
}
@media(max-width:900px) {
    .global-hero,
    [dir="rtl"] .global-hero {
        background-image:
            linear-gradient(180deg, rgba(3,43,26,.9) 0%, rgba(3,43,26,.88) 100%),
            var(--global-hero-gorsel);
        background-position: center;
    }
}
@media(max-width:600px) {
    .global-kategori-grid a { min-height: 190px; }
}

/* 0.23.5 — MFA ve hesap guvenligi */
.mfa-giris-kutu{position:relative;max-width:500px}.mfa-kalkan{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:18px;background:linear-gradient(145deg,#0a5531,#073d24);box-shadow:0 12px 26px rgba(5,69,36,.2);color:#b7e77b}.mfa-kalkan svg{width:31px;fill:currentColor}.mfa-giris-kutu .auth-ust p{line-height:1.65}.mfa-kod-girdisi{text-align:center;font-size:1.4rem!important;font-weight:850;letter-spacing:.22em}
.guvenlik-sayfasi{min-height:70vh;padding:42px 0 80px;background:linear-gradient(180deg,#f0f5ef,#fff 460px)}.guvenlik-baslik{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.guvenlik-baslik span,.guvenlik-kart-ust small,.guvenlik-politika-karti>small,.guvenlik-bolum-baslik span,.kurtarma-kod-karti>div>span{color:#63aa31;font-size:.66rem;font-weight:900;letter-spacing:.1em}.guvenlik-baslik h1{margin:7px 0 6px;color:#073d22;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.045em}.guvenlik-baslik p{max-width:720px;margin:0;color:#617166;line-height:1.65}.guvenlik-ana-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.45fr);gap:18px;margin:20px 0}.guvenlik-mfa-karti,.guvenlik-politika-karti,.guvenlik-oturum-karti,.kurtarma-kod-karti{padding:26px}.guvenlik-kart-ust{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:15px}.guvenlik-kalkan{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#e6f4dc;color:#3e8c2b}.guvenlik-kalkan svg{width:27px;fill:currentColor}.guvenlik-kart-ust h2{margin:4px 0 0;color:#103d25;font-size:1.25rem}.guvenlik-aciklama{margin:22px 0;color:#607066;line-height:1.7}.mfa-baslat-formu{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:12px}.mfa-baslat-formu .form-alan{margin:0}.guvenlik-politika-karti{background:linear-gradient(145deg,#073d22,#0b5732);color:#fff}.guvenlik-politika-karti>small{color:#a8df70}.guvenlik-politika-karti h3{margin:9px 0 18px;color:#fff;font-size:1.25rem}.guvenlik-politika-karti ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.guvenlik-politika-karti li{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid rgba(255,255,255,.11);color:#c5d9ca;font-size:.73rem}.guvenlik-politika-karti li b{color:#fff}.mfa-kurulum-adimlari{display:grid;gap:13px;margin-top:22px}.mfa-kurulum-adimlari>div{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:14px;border:1px solid #dfe8dc;border-radius:12px;background:#f8fbf6}.mfa-kurulum-adimlari>div>b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#dff0d4;color:#3f842d}.mfa-kurulum-adimlari strong,.mfa-kurulum-adimlari small,.mfa-kurulum-adimlari code{display:block}.mfa-kurulum-adimlari small{margin-top:4px;color:#748178;font-size:.7rem;line-height:1.5}.mfa-kurulum-adimlari code{margin:8px 0;padding:10px;border-radius:8px;background:#0a4227;color:#d3f3ae;font-size:1rem;letter-spacing:.1em;word-break:break-all}.mfa-kurulum-adimlari form{display:flex;gap:9px;margin-top:9px}.mfa-kurulum-adimlari form input{max-width:180px;text-align:center;letter-spacing:.14em}.guvenlik-tehlike{margin-top:18px;border-top:1px solid #e2e8df}.guvenlik-tehlike summary{padding:16px 0;color:#9b3728;cursor:pointer;font-size:.75rem;font-weight:800}.guvenlik-tehlike form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;padding:15px;border-radius:12px;background:#fff7f5}.guvenlik-tehlike .form-alan{margin:0}.kurtarma-kod-karti{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(300px,1fr) auto;align-items:center;gap:24px;border-color:#d5c482;background:linear-gradient(145deg,#fffdf6,#f9f2d9)}.kurtarma-kod-karti h2{margin:5px 0;color:#493b10}.kurtarma-kod-karti p{margin:0;color:#766a43;font-size:.74rem;line-height:1.55}.kurtarma-kod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.kurtarma-kod-grid code{padding:8px;border:1px solid #e0d29f;border-radius:7px;background:#fff;color:#473c19;text-align:center;font-weight:800;letter-spacing:.08em}.guvenlik-bolum-baslik{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.guvenlik-bolum-baslik h2{margin:5px 0 3px;color:#123d25}.guvenlik-bolum-baslik p{margin:0;color:#718078;font-size:.73rem}.guvenlik-bolum-baslik>b{padding:7px 10px;border-radius:999px;background:#edf5e8;color:#477b34;font-size:.66rem}.guvenlik-oturum-listesi{display:grid;gap:9px}.guvenlik-oturum-listesi article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px;border:1px solid #e0e7de;border-radius:11px}.guvenlik-oturum-listesi article.iptal{opacity:.55}.cihaz-ikon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#eaf4e5;color:#46862f;font-size:1.3rem}.guvenlik-oturum-listesi strong,.guvenlik-oturum-listesi small{display:block}.guvenlik-oturum-listesi strong{color:#244832;font-size:.78rem}.guvenlik-oturum-listesi strong em{display:inline-flex;margin-left:7px;padding:3px 6px;border-radius:999px;background:#def0d4;color:#3d7e2c;font-size:.56rem;font-style:normal}.guvenlik-oturum-listesi small{margin-top:4px;color:#748178;font-size:.65rem}
@media(max-width:920px){.guvenlik-ana-grid{grid-template-columns:1fr}.kurtarma-kod-karti{grid-template-columns:1fr}.kurtarma-kod-karti .buton{justify-self:start}.guvenlik-tehlike form{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.guvenlik-sayfasi{padding-top:28px}.guvenlik-baslik{align-items:flex-start;flex-direction:column}.guvenlik-mfa-karti,.guvenlik-politika-karti,.guvenlik-oturum-karti,.kurtarma-kod-karti{padding:18px}.guvenlik-kart-ust{grid-template-columns:44px 1fr}.guvenlik-kart-ust>.durum-rozet{grid-column:2;justify-self:start}.mfa-baslat-formu,.guvenlik-tehlike form{grid-template-columns:1fr}.mfa-kurulum-adimlari form{align-items:stretch;flex-direction:column}.mfa-kurulum-adimlari form input{max-width:none}.kurtarma-kod-grid{grid-template-columns:1fr}.guvenlik-oturum-listesi article{grid-template-columns:38px 1fr}.guvenlik-oturum-listesi article form{grid-column:1/-1}.guvenlik-oturum-listesi article button{width:100%}}

/* 0.24.3 — Uluslararasi teklif talep akisi */
.global-rfq{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:0;margin-top:24px;overflow:hidden;border-color:#dbe5d9;background:#fff}.global-rfq-baslik{position:relative;padding:clamp(26px,4vw,48px);overflow:hidden;background:linear-gradient(145deg,#073b25,#0b6037);color:#fff}.global-rfq-baslik:after{content:"";position:absolute;right:-70px;bottom:-105px;width:250px;height:250px;border:40px solid rgba(139,205,69,.13);border-radius:50%}.global-rfq-baslik>span{position:relative;z-index:1;color:#9bdc53;font-size:.69rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.global-rfq-baslik h2{position:relative;z-index:1;margin:8px 0 12px;color:#fff;font-size:clamp(1.55rem,3vw,2.45rem);line-height:1.08}.global-rfq-baslik p{position:relative;z-index:1;margin:0;color:#cfe2d5;font-size:.82rem;line-height:1.65}.global-rfq-baslik>div{position:relative;z-index:1;display:grid;gap:3px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}.global-rfq-baslik>div b{font-size:.82rem}.global-rfq-baslik>div small{color:#b8d0c0}.global-rfq-form{padding:clamp(24px,4vw,44px)}.global-rfq-form .teklif-form-izgara{margin-bottom:4px}.global-rfq-form>.buton{min-width:230px}.global-rfq-hesap{margin:0 0 18px}.global-rfq-sonuc{display:flex;align-self:center;flex-direction:column;gap:6px;margin:clamp(24px,4vw,44px)}.global-rfq-sonuc span{font-size:.75rem}.global-sayfa[dir="rtl"] .global-rfq-baslik:after{right:auto;left:-70px}.global-sayfa[dir="rtl"] .teklif-yasal input{margin-left:9px;margin-right:0}
@media(max-width:850px){.global-rfq{grid-template-columns:1fr}.global-rfq-baslik>div{margin-top:18px}.global-rfq-form>.buton{width:100%}}
@media(max-width:560px){.global-rfq-form,.global-rfq-baslik{padding:22px 17px}.global-rfq-hesap{grid-template-columns:38px 1fr}.global-rfq-hesap>a{grid-column:1/-1;text-align:center}}
[dir="rtl"] .global-rfq-baslik:after{right:auto;left:-70px}[dir="rtl"] .global-rfq .teklif-yasal input{margin-left:9px;margin-right:0}

/* 0.25.37 — Tam mobil uyumluluk ve dokunma ergonomisi */
button,
a,
summary,
label[for],
input,
select,
textarea { touch-action: manipulation; }

/* Noktanın görünüşünü küçük, gerçek dokunma alanını erişilebilir tutar. */
.hero-slider-noktalar { gap: 0; }
.hero-slider-noktalar button {
    position: relative;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    background: transparent;
}
.hero-slider-noktalar button::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: rgba(255,255,255,.48);
    transform: translate(-50%,-50%);
    transition: width .22s ease,background .22s ease;
}
.hero-slider-noktalar button.aktif { width: 40px; flex-basis: 40px; background: transparent; }
.hero-slider-noktalar button.aktif::after { width: 24px; background: #b6e878; }

@media(max-width:980px) {
    .mobil-menu-dugme { width: 44px; height: 44px; flex: 0 0 44px; }
    .mobil-menu-kapat { width: 44px; height: 44px; flex: 0 0 44px; }
    .mobil-dil-secici summary,
    .dil-secici summary { min-width: 44px; min-height: 44px; }
    .mobil-menu-liste a { min-height: 46px; }
    .kategori-filtre-listesi {
        scroll-snap-type: x proximity;
        scroll-padding-inline: 10px;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
    }
    .kategori-filtre-listesi li { scroll-snap-align: start; }
    .kategori-filtre-listesi a { display: flex; align-items: center; min-height: 44px; }
}

@media(max-width:680px) {
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),
    select,
    textarea { font-size: 16px; }
    .buton,
    .urun-galeri-buyut { min-height: 44px; }
    .urun-galeri-buyut { display: inline-flex; align-items: center; justify-content: center; padding: 10px 13px; }
    .form-panel-giris a,
    .auth-kart a { display: inline-flex; align-items: center; min-height: 44px; padding-block: 6px; }
    .gezinme-yolu a { display: inline-flex; align-items: center; min-height: 34px; }
    .footer-link-liste { gap: 0; }
    .footer-link-liste a { display: flex; align-items: center; min-height: 42px; }
    .footer-iller-izgara a { display: inline-flex; align-items: center; min-height: 36px; padding-block: 6px; }
    .duyuru-popup-kapat { width: 44px; height: 44px; }
    .duyuru-popup-alt button,
    .duyuru-popup-alt a { min-height: 44px; }
    .hero-slider-noktalar button { width: 34px; height: 34px; flex-basis: 34px; }
    .hero-slider-noktalar button.aktif { width: 42px; flex-basis: 42px; }
    .site-header > .icerik { gap: 8px; }
    .site-header > .icerik > .marka { min-width: 0; }
    .urun-karti,
    .urun-detay-grid > *,
    .kategori-karti,
    .iletisim-karti { min-width: 0; overflow-wrap: anywhere; }
}

@media(min-width:681px) and (max-width:980px) {
    .ust-bar-iletisim a { display: inline-flex; align-items: center; min-height: 32px; }
}

@media(max-width:360px) {
    .site-header > .icerik { padding-inline: 10px; }
    .header-tecrube { flex: 0 0 53px; }
}

@supports(padding:max(0px)) {
    .mobil-menu-panel { padding-top: env(safe-area-inset-top); }
    .mobil-menu-alt { padding-bottom: max(24px,calc(16px + env(safe-area-inset-bottom))); }
    .cerez-bandi { bottom: max(10px,env(safe-area-inset-bottom)); }
    .duyuru-popup { --popup-alt:max(12px,env(safe-area-inset-bottom)); }
    .scroll-yukari { --scroll-yukari-alt:max(18px,calc(10px + env(safe-area-inset-bottom))); }
}

@media(prefers-reduced-motion:reduce) {
    html { scroll-behavior: auto; }
    .hero-slider-noktalar button::after { transition: none; }
}

/* 0.25.38 — Eski ve ikincil sayfalarda mobil taşma temizliği */
.hata-404-sayfasi { padding: 80px 0; }
.hata-404-ana { max-width: 560px; margin: 0 auto; text-align: center; }
.hata-404-arama { display: flex; gap: 10px; max-width: 420px; margin: 28px auto; }
.hata-404-arama input {
    width: 100%;
    min-width: 0;
    flex: 1;
    padding: 13px 16px;
    border: 1px solid var(--sinir-koyu);
    border-radius: var(--radius-sm);
    font-family: var(--font-govde);
}
.hata-404-kategoriler { margin-top: 64px; }
.hata-404-kategori-izgara { grid-template-columns: repeat(4,minmax(0,1fr)); }

@media(max-width:760px) {
    .hata-404-sayfasi { padding: 48px 0 64px; }
    .hata-404-kategori-izgara { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media(max-width:430px) {
    .hata-404-sayfasi { padding-top: 34px; }
    .hata-404-arama { align-items: stretch; flex-direction: column; }
    .hata-404-arama .buton { width: 100%; }
    .hata-404-kategoriler { margin-top: 44px; }
    .hata-404-kategori-izgara { grid-template-columns: 1fr; }
}

@media(max-height:500px) and (orientation:landscape) {
    .mobil-menu-panel { height: 100dvh; }
    .mobil-menu-govde { padding-top: 10px; padding-bottom: 14px; }
    .mobil-menu-liste a { min-height: 42px; padding-block: 10px; }
    .mobil-menu-alt { padding-top: 12px; }
}

/* 0.24.9 — Müşteri sipariş, kargo ve durum geçmişi */
.hesap-kargo-bilgisi{display:grid;gap:4px;margin:12px 0;padding:12px 14px;border:1px solid #d6e6d0;border-radius:11px;background:linear-gradient(135deg,#f5faf2,#eef7e9)}
.hesap-kargo-bilgisi b{color:#123f27;font-size:.76rem}.hesap-kargo-bilgisi span{margin:0!important;color:#5d7063;font-size:.68rem!important}.hesap-kargo-bilgisi a{width:max-content;margin-top:3px;color:#17713e;font-size:.69rem;font-weight:850}
.hesap-siparis-zaman{margin-top:12px;padding:12px 14px;border:1px solid #e0e8de;border-radius:11px;background:#fff}.hesap-siparis-zaman>b{display:block;margin-bottom:5px;color:#163f29;font-size:.74rem}
.hesap-siparis-zaman>div{display:grid;grid-template-columns:10px minmax(0,1fr);gap:9px;padding:8px 0;border-top:1px dashed #e4eae2}.hesap-siparis-zaman i{width:9px;height:9px;margin-top:4px;border-radius:50%;background:#79bd3e;box-shadow:0 0 0 4px #edf7e8}.hesap-siparis-zaman i.iptal{background:#bd4a3c;box-shadow:0 0 0 4px #fae9e6}.hesap-siparis-zaman i.tamamlandi{background:#18814b}.hesap-siparis-zaman span{margin:0!important}.hesap-siparis-zaman strong,.hesap-siparis-zaman small,.hesap-siparis-zaman em{display:block}.hesap-siparis-zaman strong{color:#214b32;font-size:.7rem}.hesap-siparis-zaman small{margin-top:2px;color:#7b887f;font-size:.61rem}.hesap-siparis-zaman em{margin-top:4px;color:#4d6355;font-size:.65rem;font-style:normal;line-height:1.45}

/* 0.25.0 — Taranabilir katalog sayfalaması */
.seo-sayfalama{display:grid;grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr);align-items:center;gap:14px;margin-top:30px;padding:12px;border:1px solid #dce6d9;border-radius:15px;background:#fff;box-shadow:0 12px 28px rgba(16,62,35,.06)}
.seo-sayfalama>a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:1px solid #cbdcc5;border-radius:10px;color:#13532f;background:#f7fbf5;font-size:.74rem;font-weight:850}.seo-sayfalama>a:last-child{justify-self:end}.seo-sayfalama>a:hover{border-color:#70ad49;background:#edf7e8}.seo-sayfalama>a.pasif{pointer-events:none;opacity:.38}.seo-sayfalama>span{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:4px 7px;color:#718078;font-size:.72rem;text-align:center}.seo-sayfalama>span strong{color:#0a4b2b;font-size:1rem}.seo-sayfalama>span small{grid-column:1/-1;color:#8b978f;font-size:.61rem}
@media(max-width:560px){.seo-sayfalama{grid-template-columns:1fr 1fr}.seo-sayfalama>span{grid-column:1/-1;grid-row:1}.seo-sayfalama>a:last-child{justify-self:stretch}}

/* 0.25.43 — Arama motorları için kalıcı marka vitrinleri */
.marka-vitrin-baslik{position:relative;overflow:hidden;padding:clamp(26px,4vw,54px);border:1px solid #d8e5d3;border-radius:22px;background:linear-gradient(125deg,#f7fbf3 0%,#fff 58%,#edf7e7 100%)}
.marka-vitrin-baslik::after{content:"";position:absolute;right:-70px;bottom:-100px;width:260px;height:260px;border:42px solid rgba(82,155,42,.08);border-radius:50%;pointer-events:none}.marka-vitrin-baslik>*{position:relative;z-index:1}.marka-vitrin-baslik h1{margin-top:8px}.marka-vitrin-ozet{display:flex;align-items:center;gap:10px;margin-top:20px}.marka-vitrin-ozet strong{display:grid;place-items:center;min-width:46px;height:46px;border-radius:13px;background:#0a5330;color:#fff;font-size:1.05rem}.marka-vitrin-ozet span{color:#627268;font-size:.76rem;font-weight:750}.marka-vitrin-ozet a{margin-left:auto;color:#1f712f;font-size:.76rem;font-weight:850}.kategori-filtre-listesi a small{margin-left:auto;color:#719079;font-size:.68rem}
html[data-tema="koyu"] .marka-vitrin-baslik{border-color:#244936;background:linear-gradient(125deg,#102b1d 0%,#0d2117 58%,#163622 100%)}html[data-tema="koyu"] .marka-vitrin-baslik::after{border-color:rgba(146,209,86,.09)}html[data-tema="koyu"] .marka-vitrin-ozet span{color:#abc0b1}html[data-tema="koyu"] .marka-vitrin-ozet a{color:#a9e56f}
@media(max-width:560px){.marka-vitrin-baslik{padding:24px 20px}.marka-vitrin-ozet{align-items:flex-start;flex-wrap:wrap}.marka-vitrin-ozet a{width:100%;margin-left:0}}

/* 0.25.44 — Kurumsal Hakkımızda, misyon ve vizyon */
.hakkimizda-yeni{overflow:hidden}.hakkimizda-hero{position:relative;isolation:isolate;min-height:600px;background:#06351f var(--hakkimizda-gorsel) center/cover no-repeat;color:#fff}.hakkimizda-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,41,23,.96) 0%,rgba(4,53,30,.88) 43%,rgba(4,45,27,.28) 72%,rgba(2,34,20,.2) 100%)}.hakkimizda-hero-icerik{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;min-height:600px;padding-block:70px}.hakkimizda-hero .gezinme-yolu,.hakkimizda-hero .gezinme-yolu a{color:#d3e7d7}.hakkimizda-hero .bolum-etiketi{color:#a8e168}.hakkimizda-hero h1{max-width:850px;margin:13px 0 22px;color:#fff;font-size:clamp(2.35rem,5.2vw,5.4rem);line-height:.98;letter-spacing:-.055em}.hakkimizda-hero p{max-width:680px;margin:0;color:#dce9df;font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.75}.hakkimizda-hero-aksiyon{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hakkimizda-hero .buton-hat{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.08);color:#fff}
.hakkimizda-sayilar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:-44px;position:relative;z-index:2;border:1px solid var(--sinir);border-radius:20px;background:var(--renk-beyaz);box-shadow:var(--golge-lg)}.hakkimizda-sayilar article{display:grid;gap:4px;padding:26px 28px;border-right:1px solid var(--sinir)}.hakkimizda-sayilar article:last-child{border-right:0}.hakkimizda-sayilar strong{color:var(--marka-yesil-800);font-size:clamp(1.8rem,3vw,2.8rem);line-height:1}.hakkimizda-sayilar span{color:var(--metin-500);font-size:.75rem;font-weight:750}
.hakkimizda-anlati{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:clamp(40px,7vw,100px);align-items:center;padding-block:100px}.hakkimizda-anlati h2,.hakkimizda-akis h2{max-width:760px;margin:10px 0 20px;font-size:clamp(2rem,4vw,3.8rem);line-height:1.04;letter-spacing:-.04em}.hakkimizda-anlati-metin>p{font-size:1.02rem;line-height:1.8}.hakkimizda-ilkeler{display:grid;gap:0;margin:28px 0 0;padding:0;list-style:none}.hakkimizda-ilkeler li{display:grid;grid-template-columns:190px 1fr;gap:22px;padding:18px 0;border-top:1px solid var(--sinir)}.hakkimizda-ilkeler b{color:var(--metin-900)}.hakkimizda-ilkeler span{color:var(--metin-500);font-size:.82rem;line-height:1.55}.hakkimizda-anlati-gorsel{position:relative;min-height:540px}.hakkimizda-anlati-gorsel img{width:100%;height:540px;border-radius:26px;object-fit:cover;box-shadow:var(--golge-lg)}.hakkimizda-anlati-gorsel>span{position:absolute;right:-22px;bottom:28px;max-width:275px;padding:22px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:#0a4b2b;color:#eaf5ec;box-shadow:0 18px 50px rgba(2,40,22,.24);font-size:.82rem;line-height:1.55}.hakkimizda-anlati-gorsel>span b{display:block;color:#a8e168;font-size:2rem}
.hakkimizda-misyon-vizyon{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:100px}.hakkimizda-misyon-vizyon article{position:relative;overflow:hidden;min-height:330px;padding:clamp(30px,4vw,54px);border-radius:24px}.hakkimizda-misyon{background:#0a4b2b;color:#fff}.hakkimizda-vizyon{border:1px solid #d9e6d4;background:linear-gradient(135deg,#f5faef,#fffdf8)}.hakkimizda-misyon-vizyon article::after{content:"";position:absolute;right:-70px;bottom:-100px;width:260px;height:260px;border:42px solid rgba(147,211,75,.12);border-radius:50%}.hakkimizda-misyon-vizyon article>span{position:relative;z-index:1;color:#91d24b;font-size:.7rem;font-weight:900;letter-spacing:.12em}.hakkimizda-misyon-vizyon h2{position:relative;z-index:1;max-width:520px;margin:28px 0 18px;font-size:clamp(1.7rem,3vw,3rem);line-height:1.05}.hakkimizda-misyon h2{color:#fff}.hakkimizda-misyon-vizyon p{position:relative;z-index:1;max-width:600px;margin:0;line-height:1.75}.hakkimizda-misyon p{color:#d5e6d9}
.hakkimizda-akis{padding:90px 0;background:var(--marka-yesil-50)}.hakkimizda-adimlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.hakkimizda-adimlar article{padding:28px;border:1px solid var(--sinir);border-radius:18px;background:var(--renk-beyaz)}.hakkimizda-adimlar i{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--marka-yesil-100);color:var(--marka-yesil-800);font-size:.75rem;font-style:normal;font-weight:900}.hakkimizda-adimlar h3{margin:26px 0 9px}.hakkimizda-adimlar p{margin:0;font-size:.82rem;line-height:1.65}.hakkimizda-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-block:80px;padding:clamp(28px,4vw,48px);border-radius:24px;background:#073d24;color:#fff}.hakkimizda-cta span{color:#9ad556;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hakkimizda-cta h2{max-width:720px;margin:8px 0 0;color:#fff;font-size:clamp(1.65rem,3vw,2.8rem);line-height:1.08}.hakkimizda-cta>div:last-child{display:flex;gap:10px;flex:none}.hakkimizda-cta .buton-hat{border-color:rgba(255,255,255,.4);color:#fff}
html[data-tema="koyu"] .hakkimizda-vizyon{border-color:#2a4635;background:linear-gradient(135deg,#14291c,#102219)}html[data-tema="koyu"] .hakkimizda-akis{background:#0e1d14}html[data-tema="koyu"] .hakkimizda-anlati-gorsel img{filter:brightness(.82)}
@media(max-width:900px){.hakkimizda-sayilar{grid-template-columns:1fr 1fr}.hakkimizda-sayilar article:nth-child(2){border-right:0}.hakkimizda-sayilar article:nth-child(-n+2){border-bottom:1px solid var(--sinir)}.hakkimizda-anlati{grid-template-columns:1fr;padding-block:70px}.hakkimizda-anlati-gorsel{min-height:440px}.hakkimizda-anlati-gorsel img{height:440px}.hakkimizda-anlati-gorsel>span{right:18px}.hakkimizda-misyon-vizyon{grid-template-columns:1fr}.hakkimizda-cta{align-items:flex-start;flex-direction:column}.hakkimizda-cta>div:last-child{width:100%}}
@media(max-width:620px){.hakkimizda-hero,.hakkimizda-hero-icerik{min-height:560px}.hakkimizda-hero::before{background:linear-gradient(90deg,rgba(2,41,23,.96),rgba(4,53,30,.78))}.hakkimizda-hero-icerik{padding-block:52px}.hakkimizda-hero h1{font-size:2.55rem}.hakkimizda-hero-aksiyon,.hakkimizda-hero-aksiyon .buton{width:100%}.hakkimizda-sayilar{margin-inline:14px;margin-top:-34px}.hakkimizda-sayilar article{padding:20px 18px}.hakkimizda-anlati{padding-block:58px}.hakkimizda-ilkeler li{grid-template-columns:1fr;gap:5px}.hakkimizda-anlati-gorsel,.hakkimizda-anlati-gorsel img{min-height:350px;height:350px}.hakkimizda-anlati-gorsel>span{right:12px;left:12px;bottom:12px;max-width:none}.hakkimizda-misyon-vizyon{padding-bottom:60px}.hakkimizda-adimlar{grid-template-columns:1fr}.hakkimizda-akis{padding:64px 0}.hakkimizda-cta{margin-block:56px}.hakkimizda-cta>div:last-child{align-items:stretch;flex-direction:column}.hakkimizda-cta .buton{width:100%}}

/* 0.25.45 — Kompakt kurumsal iletişim merkezi */
.iletisim-v2{overflow:hidden}.iletisim-v2-hero{padding:54px 0 72px;background:linear-gradient(120deg,#052d1b 0%,#073f25 58%,#0d5b30 100%);color:#fff}.iletisim-v2-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:clamp(36px,7vw,96px);align-items:center}.iletisim-v2-hero .gezinme-yolu,.iletisim-v2-hero .gezinme-yolu a{color:#c5d9ca}.iletisim-v2-hero-metin h1{max-width:850px;margin:13px 0 20px;color:#fff;font-size:clamp(2.6rem,5.2vw,5.25rem);line-height:.96;letter-spacing:-.055em}.iletisim-v2-hero-metin h1 em{color:#9bd657;font-style:normal}.iletisim-v2-hero-metin>p{max-width:670px;color:#cbdccf;font-size:1.02rem;line-height:1.75}.iletisim-v2-hero .buton-hat{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.07);color:#fff}.iletisim-v2-hero .iletisim-talep-konusu{background:rgba(255,255,255,.08)}.iletisim-v2-hero .iletisim-talep-konusu strong{color:#fff}.iletisim-v2-ozet{position:relative;overflow:hidden;padding:30px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.08);box-shadow:0 24px 70px rgba(0,0,0,.16);backdrop-filter:blur(12px)}.iletisim-v2-ozet::after{content:"";position:absolute;right:-80px;top:-90px;width:220px;height:220px;border:32px solid rgba(151,213,83,.1);border-radius:50%}.iletisim-v2-ozet>*{position:relative;z-index:1}.iletisim-v2-ozet-etiket{color:#a7df69;font-size:.68rem;font-weight:900;letter-spacing:.11em}.iletisim-v2-ozet h2{max-width:360px;margin:14px 0 24px;color:#fff;font-size:1.8rem;line-height:1.1}.iletisim-v2-ozet dl{margin:0}.iletisim-v2-ozet dl>div{display:grid;gap:4px;padding:15px 0;border-top:1px solid rgba(255,255,255,.12)}.iletisim-v2-ozet dt{color:#91a99a;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.iletisim-v2-ozet dd{margin:0;color:#edf5ef;font-size:.82rem;font-weight:700;overflow-wrap:anywhere}.iletisim-v2-ozet dd a{color:inherit}.iletisim-v2-harita{display:flex;justify-content:space-between;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:#a7df69;font-size:.75rem;font-weight:850}
.iletisim-v2-ekip{padding-block:76px}.iletisim-v2-bolum-baslik{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}.iletisim-v2-bolum-baslik h2{margin:8px 0 8px;font-size:clamp(1.9rem,3.4vw,3.35rem);line-height:1.05;letter-spacing:-.035em}.iletisim-v2-bolum-baslik p{max-width:720px;margin:0}.iletisim-v2-bolum-baslik>small{flex:none;padding:8px 12px;border:1px solid var(--sinir);border-radius:999px;color:var(--metin-500);font-size:.67rem;font-weight:750}.iletisim-v2-ekip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.iletisim-v2-kisi{display:flex;align-items:flex-start;flex-direction:column;min-height:315px;padding:28px;border:1px solid var(--sinir);border-radius:20px;background:var(--renk-beyaz);box-shadow:var(--golge-sm)}.iletisim-v2-kisi-ust{display:flex;align-items:flex-start;justify-content:space-between;width:100%;margin-bottom:24px}.iletisim-v2-kisi-ust i{color:var(--metin-300);font-size:.7rem;font-style:normal;font-weight:850}.iletisim-v2-kisi>small{color:var(--marka-yesil-600);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.iletisim-v2-kisi h3{margin:6px 0 12px;font-size:1.45rem}.iletisim-v2-telefon{color:var(--metin-900);font-size:1rem;font-weight:800}.iletisim-v2-email{margin-top:5px;color:var(--metin-500);font-size:.76rem;overflow-wrap:anywhere}.iletisim-v2-kisi .iletisim-kisi-aksiyon{width:100%;margin-top:auto;padding-top:24px}.iletisim-v2-kisi .iletisim-kisi-aksiyon .buton{min-height:44px}
.iletisim-v2-rotalar{padding:76px 0;background:var(--marka-yesil-50)}.iletisim-v2-rota-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.iletisim-v2-rota-grid>a{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:16px;align-items:center;min-height:124px;padding:22px;border:1px solid var(--sinir);border-radius:17px;background:var(--renk-beyaz);color:var(--metin-900);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.iletisim-v2-rota-grid>a:hover{transform:translateY(-3px);border-color:#9bc987;box-shadow:var(--golge-md)}.iletisim-v2-rota-grid i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--marka-yesil-100);color:var(--marka-yesil-700);font-size:.72rem;font-style:normal;font-weight:900}.iletisim-v2-rota-grid span{display:grid;gap:5px}.iletisim-v2-rota-grid b{font-size:.88rem}.iletisim-v2-rota-grid small{color:var(--metin-500);font-size:.7rem;line-height:1.5}.iletisim-v2-rota-grid strong{color:var(--marka-yesil-600);font-size:1.1rem}.iletisim-v2-alt{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-block:74px;padding:38px 42px;border:1px solid var(--sinir);border-radius:22px;background:linear-gradient(130deg,var(--renk-beyaz),var(--marka-yesil-50))}.iletisim-v2-alt h2{margin:8px 0;font-size:clamp(1.45rem,2.6vw,2.4rem)}.iletisim-v2-alt p{max-width:720px;margin:0}.iletisim-v2-alt>div:last-child{display:flex;gap:10px;flex:none}
html[data-tema="koyu"] .iletisim-v2-kisi{border-color:#294637;background:#12251a}html[data-tema="koyu"] .iletisim-v2-rotalar{background:#0d1c13}html[data-tema="koyu"] .iletisim-v2-rota-grid>a{border-color:#294637;background:#12251a}html[data-tema="koyu"] .iletisim-v2-alt{background:linear-gradient(130deg,#12251a,#162d1e)}
@media(max-width:900px){.iletisim-v2-hero-grid{grid-template-columns:1fr}.iletisim-v2-ozet{max-width:620px}.iletisim-v2-ekip-grid{grid-template-columns:1fr}.iletisim-v2-alt{align-items:flex-start;flex-direction:column}.iletisim-v2-alt>div:last-child{width:100%}}
@media(max-width:620px){.iletisim-v2-hero{padding:34px 0 52px}.iletisim-v2-hero-metin h1{font-size:2.65rem}.iletisim-v2-hero .iletisim-aksiyonlar,.iletisim-v2-hero .iletisim-aksiyonlar .buton{width:100%}.iletisim-v2-ozet{padding:24px}.iletisim-v2-ekip{padding-block:56px}.iletisim-v2-bolum-baslik{align-items:flex-start;flex-direction:column}.iletisim-v2-kisi{min-height:300px;padding:22px}.iletisim-v2-rota-grid{grid-template-columns:1fr}.iletisim-v2-rota-grid>a{grid-template-columns:42px minmax(0,1fr) auto;padding:18px}.iletisim-v2-alt{margin-block:52px;padding:26px 22px}.iletisim-v2-alt>div:last-child{align-items:stretch;flex-direction:column}.iletisim-v2-alt .buton{width:100%}}

/* 0.25.42 — Mobil üstbilgi, menü ve slider dengelemesi */
html,
body { max-width: 100%; }

@supports (overflow: clip) {
    body { overflow-x: clip; }
}

@media(max-width:980px) {
    /* İlk çizimde yarı saydam slayt parlamasını önler. */
    .hero-slide.aktif { animation: none; opacity: 1; transform: none; }

    .site-header > .icerik {
        width: 100%;
        min-width: 0;
    }

    .mobil-menu-panel {
        width: min(380px, 100vw);
        height: 100dvh;
        max-width: 100%;
        overflow: hidden;
    }

    .mobil-menu-ust {
        min-width: 0;
        gap: 8px;
        padding: 12px 14px;
    }

    .mobil-menu-ust > .marka {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
    }

    .mobil-menu-ust > .marka .marka-logo {
        display: block;
        width: 100%;
        max-width: 154px;
        height: auto;
        max-height: 54px;
        object-fit: contain;
        object-position: left center;
    }

    .mobil-menu-ust .mobil-dil-secici,
    .mobil-menu-ust .tema-dugme,
    .mobil-menu-ust .mobil-menu-kapat { flex: 0 0 44px; }

    .mobil-dil-secici > div {
        top: 66px;
        right: 12px;
        width: min(300px, calc(100vw - 24px));
        max-height: calc(100dvh - 82px);
        overscroll-behavior: contain;
    }

    .header-arama-mobil {
        width: auto;
        min-width: 0;
        margin: 10px 14px 8px;
    }

    .mobil-menu-liste {
        min-height: 0;
        padding: 5px 8px 10px;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .mobil-menu-liste a {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
    }

    .mobil-menu-liste a > span:nth-child(2) {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .mobil-menu-liste a > b { margin-left: auto; }
    .mobil-menu-alt { flex: 0 0 auto; padding: 12px 14px max(16px, env(safe-area-inset-bottom)); }
}

@media(max-width:680px) {
    .site-header > .icerik {
        min-height: 78px;
        gap: 7px;
        padding: 5px 12px;
    }

    .site-header > .icerik > .marka {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
    }

    .site-header > .icerik > .marka .marka-logo {
        display: block;
        width: 100%;
        height: auto;
        max-width: 190px;
        max-height: 66px;
        object-fit: contain;
        object-position: left center;
    }

    .header-tecrube { flex: 0 0 52px; margin-right: 0; }
    .header-tecrube-madalya { width: 46px; height: 46px; flex-basis: 46px; }
    .mobil-menu-dugme { width: 44px; height: 44px; flex: 0 0 44px; }

    .hero-yeni .icerik { min-height: calc(100svh - 78px); }
    .hero-metin { padding-inline: 18px; }
    .hero-slider-ok-sol { left: 7px; }
    .hero-slider-ok-sag { right: 7px; }
}

@media(max-width:360px) {
    .site-header > .icerik { padding-inline: 9px; }
    .site-header > .icerik > .marka .marka-logo { max-width: calc(100vw - 137px); }
    .header-tecrube { flex-basis: 49px; }
    .header-tecrube-madalya { width: 43px; height: 43px; flex-basis: 43px; }
    .mobil-menu-ust { padding-inline: 10px; gap: 6px; }
    .mobil-menu-ust > .marka .marka-logo { max-width: 128px; }
}