:root {
    --arkaplan: #FFFFFF;
    --metin: #243C4C;
    --gri-acik: #F4F6F9;
    --gri-orta: #E8ECF2;
    --gri-metin: #6B7A94;
    --baslik-h1: #243C4C;
    --baslik-h2: #243C4C;
    --baslik-h3: #243C4C;
    --link: #243C4C;
    --link-hover: #5289AD;
    --buton: #243C4C;
    --buton-hover: #5289AD;
    --buton-yazi: #FFFFFF;
    --beyaz: #FFFFFF;
    --vurgu: #E67E22;
    --ust-ikon-bg: #E8ECF5;
    --menu-metin: #243C4C;
    --menu-hover: #5289AD;
    --menu-aktif: #E67E22;
    --menu-dropdown: #F5F6FA;
    --serit-bg: #243C4C;
    --serit-yazi: #FFFFFF;
    --mobil-menu-bg: #243C4C;
    --mobil-menu-yazi: #FFFFFF;
    --footer-bg: #243C4C;
    --footer-yazi: #E8EEF4;
    --footer-link: #FFFFFF;
    --blog-etiket: #5289AD;
    --blog-devam: #243C4C;
    --kart-baslik: #5289AD;
    --font: 'PT Sans', 'Segoe UI', Arial, sans-serif;
    --font-base: 15px;
    --font-menu: 16px;
    --font-h1: clamp(1.45rem, 3.5vw, 1.85rem);
    --font-h2: clamp(1.25rem, 2.8vw, 1.6rem);
    --font-h3: 1.05rem;
    --kapsayici: min(1280px, 96vw);
    --sayfa-kenar-mobil: 1.25rem;
    --ust-header-kenar-mobil: calc(1.5rem - 5px);
    --golge: 0 8px 28px rgba(45, 60, 89, 0.1);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; line-height: 1.5; }
img, video, svg { max-width: 100%; height: auto; }
html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
body {
    font-family: var(--font);
    color: var(--metin);
    background: var(--arkaplan);
    font-size: var(--font-base);
}
.para-simge {
    font-family: 'Segoe UI', Arial, 'Noto Sans', sans-serif;
    font-weight: inherit;
}
h1 { color: var(--baslik-h1); font-size: var(--font-h1); font-weight: 700; line-height: 1.25; }
h2 { color: var(--baslik-h2); font-size: var(--font-h2); font-weight: 700; line-height: 1.3; }
h3 { color: var(--baslik-h3); font-size: var(--font-h3); font-weight: 700; line-height: 1.35; }
strong { font-weight: 700; }
img { display: block; }
a { color: var(--link); text-decoration: none; }
a:hover { color: var(--link-hover); }
.kapsayici { width: var(--kapsayici); margin-inline: auto; }

.atla {
    position: absolute; left: -9999px; z-index: 9999;
    padding: 0.75rem 1rem; background: var(--buton); color: var(--beyaz);
}
.atla:focus { left: 0; }

/* Ust cubuk - Nur Muhendislik tarzi */
.ust-cubuk {
    background: var(--arkaplan);
    border-bottom: 1px solid var(--gri-orta);
    font-size: 14px;
}
.ust-cubuk-ic {
    display: flex; align-items: center; justify-content: space-between;
    gap: 1rem; padding: 0.5rem 0; flex-wrap: nowrap;
}
.ust-cubuk-sol {
    display: flex; flex-wrap: nowrap; align-items: center;
    gap: 0.85rem 1.25rem; flex: 1; min-width: 0;
}
.ust-oge {
    display: inline-flex; align-items: center; gap: 0.4rem;
    color: var(--metin); font-size: 14px; white-space: nowrap;
}
.ust-oge:hover { color: var(--link-hover); }
.ust-ikon {
    width: 26px; height: 26px; border-radius: 50%;
    background: var(--ust-ikon-bg); color: var(--menu-hover);
    display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.ust-oge-mail { max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
.ust-oge-saat {
    white-space: nowrap;
    color: var(--gri-metin);
    flex-shrink: 0;
    margin-left: auto;
}
.ust-donusum {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1.25rem;
    flex: 0 1 auto;
    min-width: 0;
}
.ust-donus-oge {
    flex-shrink: 0;
    max-width: 100%;
}
.ust-donus-metin {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}
.btn-katalog {
    padding: 0.5rem 1.1rem; font-size: 0.72rem; letter-spacing: 0.06em;
    text-transform: uppercase; flex-shrink: 0; white-space: nowrap;
}

/* Header ana satir */
.site-header {
    background: var(--arkaplan);
    border-bottom: 1px solid var(--gri-orta);
    position: sticky; top: 0; z-index: 500;
}
body.menu-mobil-acik .ust-cubuk,
body.menu-mobil-acik .site-header {
    position: static;
}
.header-satir {
    display: flex; align-items: center; justify-content: flex-start;
    gap: 1.5rem; padding: 0.65rem 0; position: relative;
}
.marka {
    display: flex; align-items: center; gap: 0.6rem;
    color: var(--metin); flex-shrink: 0; min-width: 0;
}
.marka:hover { color: var(--metin); }
.marka-logo { flex-shrink: 0; line-height: 0; }
.marka-metin { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.marka-metin strong {
    font-size: 1.05rem; letter-spacing: 0.03em; color: var(--metin);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.marka-metin em {
    font-style: normal; font-size: 0.68rem; font-weight: 600;
    color: var(--menu-hover); margin-top: 0.1rem;
}

.menu-ac {
    display: none; flex-direction: column; justify-content: center; gap: 5px;
    background: none; border: none; padding: 0.5rem; cursor: pointer;
    margin-left: auto; z-index: 510; flex-shrink: 0;
}
.menu-ac span {
    display: block; width: 24px; height: 2px; background: var(--metin);
    transition: transform 0.25s ease, opacity 0.2s ease;
}
body.menu-mobil-acik .menu-ac span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
body.menu-mobil-acik .menu-ac span:nth-child(2) { opacity: 0; }
body.menu-mobil-acik .menu-ac span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.menu-overlay {
    display: none; position: fixed; inset: 0; z-index: 700;
    background: rgba(45, 60, 89, 0.5);
    opacity: 0; transition: opacity 0.28s ease;
    touch-action: none;
}
body.menu-mobil-acik .menu-overlay {
    display: block; opacity: 1;
}
.mobil-menu-ust { display: none; }

.ana-nav { flex: 1; min-width: 0; display: flex; justify-content: flex-end; }
.menu-yatay {
    display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end;
    list-style: none; gap: 5px;
}
.menu-oge { position: relative; flex-shrink: 0; }
.menu-link {
    display: block; padding: 0.85rem calc(0.75rem + 2.5px);
    font-size: var(--font-menu); font-weight: 700; color: var(--menu-metin);
    white-space: nowrap; transition: color 0.15s;
    letter-spacing: 0.01em;
}
.menu-ok { font-size: 0.6rem; margin-left: 0.25rem; opacity: 0.75; }
.marka-fa { font-size: 2.5rem; color: var(--vurgu); }
.marka-logo { display: flex; align-items: center; }
.menu-genis-kolon a .fa-caret-right { margin-right: 0.35rem; font-size: 0.7rem; color: var(--gri-metin); }
.site-footer .fa-solid { margin-right: 0.35rem; width: 1em; }
.ust-ikon .fa-solid, .ust-ikon .fa-brands, .ust-ikon .fa-regular { font-size: 0.75rem; }
.menu-oge:hover > .menu-link,
.menu-oge:hover .menu-link-masaustu,
.menu-oge.mega-acik > .menu-link,
.menu-oge.mega-acik .menu-link-masaustu { color: var(--menu-hover); }
.menu-oge.aktif > .menu-link { color: var(--menu-aktif); }
.menu-link:hover { color: var(--menu-hover); }

.menu-ara {
    flex-shrink: 0; padding: 0.5rem; color: var(--metin);
    display: flex; align-items: center;
}
.menu-ara:hover { color: var(--menu-hover); }

.header-aksiyonlar {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
    margin-left: auto;
}
.header-ikon {
    position: relative;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: var(--metin);
    cursor: pointer;
    text-decoration: none;
    font-size: 1.05rem;
}
.header-ikon:hover { color: var(--menu-hover); background: rgba(45, 60, 89, 0.06); }
.header-dropdown-wrap { position: relative; }
.header-dropdown {
    position: absolute;
    top: calc(100% + 0.45rem);
    right: 0;
    min-width: 220px;
    background: #fff;
    border: 1px solid rgba(45, 60, 89, 0.12);
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(15, 42, 71, 0.14);
    padding: 0.65rem;
    z-index: 700;
}
.header-dropdown[hidden] { display: none; }
.header-dropdown-baslik {
    margin: 0 0 0.5rem;
    padding: 0.35rem 0.55rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: #667;
    border-bottom: 1px solid var(--cizgi, #E8ECF2);
}
.header-dropdown-link {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 0.75rem;
    border-radius: 8px;
    color: var(--metin);
    font-weight: 600;
    font-size: 0.92rem;
    text-decoration: none;
}
.header-dropdown-link:hover { background: rgba(45, 60, 89, 0.07); color: var(--vurgu, #2D3C59); }
.header-sepet-adet {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 999px;
    background: var(--vurgu, #E67E22);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
}
.header-sepet-adet.gizli { display: none; }
.header-sepet-dropdown { min-width: 300px; max-width: min(340px, 92vw); }
.header-sepet-durum { padding: 0.5rem 0.65rem; font-size: 0.88rem; color: #667; }
.header-sepet-kalem {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 0.65rem;
    padding: 0.55rem 0;
    border-bottom: 1px solid var(--cizgi, #E8ECF2);
    align-items: center;
}
.header-sepet-kalem:last-child { border-bottom: 0; }
.header-sepet-kalem img {
    width: 52px;
    height: 52px;
    object-fit: cover;
    border-radius: 8px;
    background: #f4f6f9;
}
.header-sepet-kalem-baslik {
    margin: 0 0 0.2rem;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.3;
}
.header-sepet-kalem-baslik a { color: inherit; text-decoration: none; }
.header-sepet-kalem-meta { font-size: 0.8rem; color: #667; margin: 0; }
.header-sepet-alt {
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1px solid var(--cizgi, #E8ECF2);
}
.header-sepet-toplam {
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    margin-bottom: 0.65rem;
    font-size: 0.92rem;
}
.header-sepet-git {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.65rem 1rem;
    border-radius: 8px;
    background: var(--vurgu, #2D3C59);
    color: #fff !important;
    font-weight: 700;
    text-decoration: none;
}
.header-sepet-git:hover { opacity: 0.92; color: #fff !important; }
.header-sepet-bos { padding: 0.65rem; font-size: 0.88rem; color: #667; text-align: center; }

/* Eski menu-uye stilleri kaldirildi - dropdown kullaniliyor */

/* Dar dropdown - li altinda; mega acikken gizle (cakisma onleme) */
.menu-dar {
    display: none; position: absolute; top: 100%; left: 0;
    min-width: 280px; max-width: 360px;
    z-index: 600;
    padding: 0;
    margin: 0;
}
@media (min-width: 901px) {
    .menu-dar {
        background: transparent;
        border: none;
        box-shadow: none;
        overflow: visible;
        padding-top: 0.35rem;
    }
    .menu-dar::before {
        content: "";
        position: absolute;
        left: 0; right: 0;
        top: 0;
        height: 0.35rem;
    }
    .menu-dar > ul {
        background: var(--beyaz);
        border: 1px solid rgba(45, 60, 89, 0.1);
        border-radius: 12px;
        box-shadow: 0 14px 36px rgba(45, 60, 89, 0.14);
        overflow: hidden;
        padding: 0.35rem 0;
    }
}
body:not(.mega-acik) .menu-oge.has-dar:hover .menu-dar:not(.menu-dar-mobil),
body:not(.mega-acik) .menu-oge.has-dar:focus-within .menu-dar:not(.menu-dar-mobil) { display: block; }
body.mega-acik .menu-oge.has-dar:hover > .menu-dar { display: none; }
.menu-dar-mobil { display: none !important; }
.menu-link-mobil-toggle { display: none; }
.menu-oge-bas { display: contents; }
.menu-dar ul { list-style: none; }
.menu-dar a {
    display: block;
    padding: 0.8rem 1.15rem;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--menu-metin);
    border-bottom: none;
    transition: background 0.18s ease, color 0.18s ease, padding-left 0.18s ease;
}
.menu-dar a:hover {
    background: var(--gri-acik);
    color: var(--menu-hover);
    padding-left: 1.3rem;
}
.menu-dar li + li a {
    border-top: 1px solid rgba(45, 60, 89, 0.07);
}

/* Genis mega menu - header altinda tam genislik, li icinde degil */
.site-header { overflow: visible; }
.header-paneller {
    position: absolute; left: 0; right: 0; top: 100%;
    z-index: 550; pointer-events: none;
}
/* Nav ile panel arasinda kopru - fare boslukta kapanmasin */
.header-paneller::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: -12px;
    height: 12px;
    pointer-events: none;
}
body.mega-acik .header-paneller::before {
    pointer-events: auto;
}
.menu-genis-panel {
    display: none; width: 100%;
    background: var(--beyaz);
    border-top: 3px solid var(--buton);
    box-shadow: 0 16px 40px rgba(45, 60, 89, 0.12);
    padding: 1.75rem 0 2rem;
    pointer-events: none;
}
.menu-genis-panel.acik {
    display: block;
    pointer-events: auto;
}
.menu-genis-icerik {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem 2.25rem;
}
.menu-genis-kolon h3 {
    font-size: var(--font-h3);
    color: var(--menu-hover);
    margin-bottom: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}
.menu-genis-kolon ul { list-style: none; }
.menu-genis-kolon a {
    display: block;
    padding: 0.45rem 0.65rem;
    margin: 0 -0.65rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--menu-metin);
    line-height: 1.45;
    border-radius: 8px;
    transition: background 0.18s ease, color 0.18s ease;
}
.menu-genis-kolon a:hover {
    background: var(--gri-acik);
    color: var(--menu-hover);
}
.menu-genis-kolon a:hover .fa-caret-right { color: var(--menu-hover); }

/* Mega acikken icerik altinda kalmasin */
body.mega-acik { padding-bottom: 0; }
body.mega-acik #icerik { position: relative; z-index: 1; }

/* Butonlar */
.btn {
    display: inline-block; padding: 0.7rem 1.5rem;
    background: var(--buton); color: var(--buton-yazi) !important;
    border: none; border-radius: 3px; font-weight: 600; font-size: 0.95rem;
    cursor: pointer; transition: background 0.2s; font-family: inherit;
}
.btn:hover { background: var(--buton-hover); color: var(--buton-yazi) !important; }
.btn-kucuk { padding: 0.45rem 1rem; font-size: 0.85rem; }

/* Ana slider */
.ana-slider { background: var(--arkaplan); }
.ana-slider-ic { position: relative; overflow: hidden; }
.ana-slider-izgara { position: relative; min-height: clamp(280px, 42vh, 480px); }
.ana-slide {
    position: absolute; inset: 0; opacity: 0; visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s;
    display: flex; align-items: center;
}
.ana-slide.aktif { opacity: 1; visibility: visible; z-index: 1; }
.ana-slide-kapsayici-link {
    position: absolute; inset: 0; z-index: 3;
    display: block; text-decoration: none;
}
.ana-slide-tiklanabilir { cursor: pointer; }
.ana-slide-metin-ustte {
    position: relative; z-index: 4;
    pointer-events: none;
}
.ana-slide-metin-ustte .btn {
    pointer-events: auto;
    position: relative; z-index: 5;
}
.ana-slide-arkaplan {
    position: absolute; inset: 0;
    background: linear-gradient(135deg, #243C4C 0%, #5289AD 100%);
    background-size: cover; background-position: center;
}
.ana-slide-arkaplan::after {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(90deg, rgba(45,60,89,0.75) 0%, rgba(45,60,89,0.35) 55%, transparent 100%);
}
.ana-slide-arkaplan.ana-slide-karartmasiz::after {
    display: none;
}
.ana-slide-metin {
    position: relative; z-index: 2; color: var(--beyaz);
    max-width: 620px; padding: 2.5rem 0;
    display: flex; flex-direction: column;
}
.ana-slide-hiza-sol { align-items: flex-start; text-align: left; }
.ana-slide-hiza-orta { align-items: center; text-align: center; margin-inline: auto; }
.ana-slide-hiza-sag { align-items: flex-end; text-align: right; margin-left: auto; margin-right: 0; }
.ana-slide-hiza-orta p,
.ana-slide-hiza-sag p { margin-inline: 0; }
.ana-slide-metin h2 {
    font-size: clamp(1.35rem, 3vw, 1.85rem); font-weight: 700;
    margin-bottom: 0.75rem; color: var(--beyaz); line-height: 1.3;
}
.ana-slide-metin p {
    font-size: clamp(0.9rem, 1.8vw, 1rem); margin-bottom: 1.25rem;
    color: rgba(255,255,255,0.92); max-width: 520px;
}
.ana-slider-ok {
    position: absolute; top: 50%; transform: translateY(-50%);
    z-index: 5; width: 44px; height: 44px; border-radius: 50%;
    border: none; background: rgba(255,255,255,0.9); color: var(--metin);
    cursor: pointer; display: flex; align-items: center; justify-content: center;
    box-shadow: var(--golge); transition: background 0.2s;
}
.ana-slider-ok:hover { background: var(--arkaplan); color: var(--link-hover); }
.ana-slider-once { left: 1rem; }
.ana-slider-sonra { right: 1rem; }
.ana-slider-noktalar {
    position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%);
    z-index: 5; display: flex; gap: 0.5rem;
}
.ana-slider-nokta {
    width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--beyaz);
    background: transparent; padding: 0; cursor: pointer;
}
.ana-slider-nokta.aktif { background: var(--beyaz); }

/* Anasayfa kartlari */
.kart-sira { padding: 2rem 0 1rem; background: var(--beyaz); }
.kart-grid-ana {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem;
}
.kart-ana {
    background: var(--beyaz); border: 3px solid var(--cerceve, var(--metin));
    border-radius: 12px; overflow: hidden; text-align: center; padding-bottom: 1rem;
    transition: transform 0.2s, box-shadow 0.2s;
}
.kart-ana:hover { transform: translateY(-3px); box-shadow: var(--golge); }
.kart-ana-gorsel {
    height: 140px; background: var(--gri-acik); display: flex; align-items: center; justify-content: center;
    overflow: hidden; margin-bottom: 0.75rem;
}
.kart-ana-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.kart-ana h2 { font-size: 1rem; color: var(--kart-baslik); padding: 0 0.75rem; margin-bottom: 0.5rem; }
.kart-ana p { font-size: 0.88rem; color: var(--gri-metin); padding: 0 0.75rem; }

/* Kullanim alanlari – bolum basliklari */
.bolum-serit {
    background: transparent;
    margin-top: 1.5rem;
}
.bolum-serit-ust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 0 0 1.25rem;
}
.bolum-serit-baslik {
    color: var(--baslik-h2);
    text-align: center;
    padding: 0;
    font-size: var(--font-h2);
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
}
.modul-aciklama {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 1.25rem;
    color: var(--gri-metin);
    line-height: 1.55;
    font-size: 0.95rem;
}
.anasayfa-modul-kartlar .modul-aciklama { margin-bottom: 1rem; }

.anasayfa-modul-html { padding: 2rem 0; }
.modul-html-ic { max-width: 900px; margin: 0 auto; }
.modul-html-gorsel {
    margin: 0 0 1.25rem;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(45, 60, 89, 0.1);
}
.modul-html-gorsel img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.modul-html-icerik { margin-top: 0.5rem; }
.modul-html-link { text-align: center; margin-top: 1.5rem; }
.modul-html-aciklama { margin-bottom: 1rem; }
.kullanim-serit-ok {
    width: 36px; height: 36px; border-radius: 50%; border: none;
    background: rgba(255, 255, 255, 0.18); color: var(--serit-yazi);
    display: inline-flex; align-items: center; justify-content: center;
    cursor: pointer; flex-shrink: 0; transition: background 0.2s;
}
.kullanim-serit-ok:hover { background: rgba(255, 255, 255, 0.32); }
.kullanim-slider-track { display: contents; }
.kullanim-alanlari { padding: 2.5rem 0; }
.kullanim-slider-kutu { width: 100%; }
.kullanim-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }
.kullanim-slider-noktalar { display: none; }
.kullanim-kart {
    border-radius: 24px; padding: 2rem; text-align: center;
    min-width: 0;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}
.kullanim-kart::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.22);
    z-index: 0;
}
.kullanim-kart > * {
    position: relative;
    z-index: 1;
}
.kullanim-gorsel {
    width: min(280px, 80%); aspect-ratio: 1; margin: 0 auto 1rem;
    border-radius: 50%; overflow: hidden; background: var(--beyaz);
}
.kullanim-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.kullanim-kart h3 { font-size: 20px; color: #FFFFFF; line-height: 1.5; margin: .4rem 0 .25rem; font-weight: 500; text-shadow: 0 1px 2px rgba(0,0,0,.2); }
.kullanim-kart-aciklama {
    margin: .65rem auto 0;
    max-width: 38ch;
    color: #FFFFFF;
    line-height: 1.65;
    font-weight: 500;
    font-size: 20px;
    text-shadow: 0 1px 2px rgba(0,0,0,.2);
}

/* SSS */
.bolum-sss { padding: 3rem 0; background: var(--gri-acik); }
.sayfa-bolum-baslik { text-align: center; font-size: var(--font-h2); margin-bottom: 1.5rem; color: var(--baslik-h2); }
.faq-liste { max-width: 760px; margin-inline: auto; }
.faq-item { background: var(--beyaz); border: 1px solid var(--gri-orta); border-radius: 6px; margin-bottom: 0.6rem; }
.faq-soru {
    width: 100%; text-align: left; padding: 1rem 1.2rem; background: none; border: none;
    font-family: inherit; font-size: 1rem; font-weight: 600; color: var(--metin); cursor: pointer;
    display: flex; justify-content: space-between; gap: 1rem;
}
.faq-soru::after { content: "+"; color: var(--link-hover); }
.faq-item.acik .faq-soru::after { content: "−"; }
.faq-cevap { display: none; padding: 0 1.2rem 1rem; color: var(--gri-metin); }
.faq-item.acik .faq-cevap { display: block; }
.sss-link { text-align: center; margin-top: 1.5rem; }

.bolum-cta { padding: 3rem 0; text-align: center; }
.cta-icerik h2 { font-size: var(--font-h2); color: var(--baslik-h2); margin-bottom: 0.5rem; }
.cta-icerik p { color: var(--gri-metin); margin-bottom: 1.25rem; }

/* Sayfa sablon */
.sayfa-ust { background: var(--gri-acik); padding: 2rem 0 1.25rem; }
.sayfa-ust h1 { font-size: var(--font-h1); color: var(--baslik-h1); }
.sayfa-ozet { color: var(--gri-metin); margin-top: 0.5rem; }
.sayfa-icerik { padding: 2rem 0 3.5rem; }
.icerik-html { line-height: 1.75; color: var(--gri-metin); }
.icerik-html p { margin-bottom: 1rem; }
.icerik-html h1 { color: var(--baslik-h1); font-size: var(--font-h1); margin: 1.25rem 0 0.75rem; }
.icerik-html h2 { color: var(--baslik-h2); font-size: var(--font-h2); margin: 1.15rem 0 0.65rem; }
.icerik-html h3 { color: var(--baslik-h3); font-size: var(--font-h3); margin: 1rem 0 0.5rem; }
.icerik-html a { color: var(--link); }
.icerik-html a:hover { color: var(--link-hover); }
.bildirim {
    background: #e8f4ea; border: 1px solid #b8ddb9; padding: 1rem; border-radius: 6px;
    margin-bottom: 1.5rem; color: var(--metin);
}

/* Urun listesi */
.urun-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 1.6rem;
}
.urun-kart {
    display: flex; flex-direction: column;
    background: var(--beyaz); border: 1px solid rgba(45, 60, 89, 0.12);
    border-radius: 16px; overflow: hidden;
    box-shadow: 0 10px 30px rgba(45, 60, 89, 0.08);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
    height: 100%;
}
.urun-kart:hover {
    transform: translateY(-5px);
    border-color: rgba(82, 137, 173, 0.35);
    box-shadow: 0 16px 38px rgba(45, 60, 89, 0.14);
}
.urun-kart-gorsel-wrap {
    flex-shrink: 0;
}
.urun-kart-gorsel {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 4 / 3;
    overflow: hidden; background: #f6f8fc;
    padding: 0.65rem;
}
.urun-kart-fiyat-etiket {
    flex-shrink: 0;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.8rem;
    background: var(--vurgu);
    color: var(--beyaz);
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 999px;
    box-shadow: 0 3px 10px rgba(230, 126, 34, 0.28);
    white-space: nowrap;
}
.urun-kart-gorsel img {
    width: 100%; height: 100%; object-fit: contain;
    display: block;
    transition: transform 0.4s ease;
}
.urun-kart:hover .urun-kart-gorsel img {
    transform: scale(1.02);
}
.urun-kart-gorsel-bos {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    color: #6e7b90;
    background: linear-gradient(145deg, #f5f8fc, #e9eff7);
}
.urun-kart-gorsel-bos i {
    font-size: 2rem;
    opacity: 0.75;
}
.urun-kart-gorsel-bos small {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}
.urun-kart-govde {
    padding: 1rem 1.15rem 1.2rem;
    display: flex; flex-direction: column; flex: 1; gap: 0.65rem;
}
.urun-kart-ust {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    flex: 1;
}
.urun-kart-metin {
    flex: 1;
    min-width: 0;
}
.urun-kart-kategori {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--menu-hover);
}
.urun-kart-baslik {
    font-size: 1rem; line-height: 1.35; margin: 0; font-weight: 700;
}
.urun-kart-baslik a { color: var(--baslik-h3); }
.urun-kart-baslik a:hover { color: var(--link-hover); }
.urun-kart-alt {
    display: flex;
    align-items: center;
    justify-content: stretch;
    margin-top: auto;
    padding-top: 0.85rem;
    border-top: 1px solid var(--gri-orta);
}
.urun-kart-btn {
    width: 100%;
    text-align: center;
    border-radius: 8px;
    padding: 0.55rem 1.1rem;
}

/* Anasayfa urunler */
.urun-anasayfa-alanlari {
    padding: 2rem 0 2.5rem;
    background: var(--gri-acik);
}
.urun-anasayfa-aciklama {
    text-align: center;
    max-width: 640px;
    margin: 0 auto 2rem;
    color: var(--gri-metin);
    font-size: 0.95rem;
    line-height: 1.6;
}
.urun-slider-izgara {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 1.6rem;
}
.urun-slider-track {
    display: contents;
}
.urun-slider-noktalar {
    display: none;
}
.urun-tum-link {
    text-align: center;
    margin-top: 2rem;
}
.bolum-serit-urun .urun-serit-oklar {
    display: none;
}
.urun-slider-izgara-mobil {
    display: none;
}
.urun-slider-noktalar-mobil {
    display: none;
}
/* Gelişmiş ürün listesi (tam genişlik, sol panel yok) */
.sayfa-ust-urun-liste { padding-bottom: 1.25rem; }
.urun-liste-ust-baslik {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}
.urun-liste-ust-baslik h1 { margin-bottom: 0.35rem; }
.urun-liste-sonuc-ozet {
    margin: 0;
    font-size: 0.95rem;
    color: var(--gri-metin);
    white-space: nowrap;
}
.urun-liste-sonuc-ozet strong { color: var(--metin); font-size: 1.15rem; }
.urun-liste-sonuc-sayfa { opacity: 0.85; }

.urun-liste-gelismis { padding-top: 0.5rem; padding-bottom: 3rem; }

.urun-liste-toolbar {
    display: flex;
    align-items: stretch;
    gap: 0.75rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}
.urun-liste-ara-form {
    flex: 1;
    min-width: min(100%, 280px);
    margin: 0;
}
.urun-liste-ara-satir {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    height: 100%;
    min-height: 46px;
    padding: 0.35rem 0.5rem 0.35rem 0.85rem;
    border: 1px solid var(--cizgi, #E8ECF2);
    border-radius: 12px;
    background: var(--beyaz);
    box-shadow: 0 2px 10px rgba(45, 60, 89, 0.04);
}
.urun-liste-ara-satir i { color: var(--gri-metin); opacity: 0.65; flex-shrink: 0; }
.urun-liste-ara-satir input {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    padding: 0.5rem 0;
    font: inherit;
    color: var(--metin);
}
.urun-liste-ara-satir input:focus { outline: none; }
.urun-liste-ara-satir .btn { flex-shrink: 0; border-radius: 8px; }

.urun-liste-siralama-select-wrap {
    position: relative;
    flex-shrink: 0;
}
.urun-liste-siralama-select {
    appearance: none;
    -webkit-appearance: none;
    height: 100%;
    min-height: 46px;
    border: 1px solid var(--cizgi, #E8ECF2);
    border-radius: 12px;
    padding: 0.55rem 2.1rem 0.55rem 0.9rem;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--metin);
    background: var(--beyaz);
    min-width: 190px;
    max-width: 100%;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(45, 60, 89, 0.04);
}
.urun-liste-siralama-select-wrap > i {
    position: absolute;
    right: 0.8rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 0.75rem;
    color: var(--gri-metin);
}

.urun-liste-chip-serit {
    margin: 0 0 1.15rem;
    overflow: hidden;
}
.urun-liste-chip-izgara {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}
@media (max-width: 768px) {
    .urun-liste-chip-izgara {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 0.35rem;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }
    .urun-liste-chip-izgara::-webkit-scrollbar { display: none; }
}
.urun-liste-chip {
    flex: 0 0 auto;
    scroll-snap-align: start;
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.95rem;
    border-radius: 999px;
    border: 1px solid var(--cizgi, #E8ECF2);
    background: var(--beyaz);
    color: var(--metin);
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
}
.urun-liste-chip:hover {
    border-color: rgba(45, 60, 89, 0.35);
    background: #f4f7fb;
}
.urun-liste-chip.aktif {
    background: var(--buton, #2D3C59);
    border-color: var(--buton, #2D3C59);
    color: var(--beyaz, #fff);
}

.urun-liste-aktif-filtreler {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 1.15rem;
}
.urun-liste-aktif-etiket {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: #eef4ff;
    border: 1px solid #c9d8f5;
    color: #1f4b99;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}
.urun-liste-aktif-etiket:hover { background: #dfeaff; }
.urun-liste-aktif-temiz {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--gri-metin);
    text-decoration: underline;
    margin-left: 0.15rem;
}
.urun-liste-aktif-temiz:hover { color: var(--metin); }

.urun-liste-bos {
    text-align: center;
    padding: 3rem 1.5rem;
    background: var(--beyaz);
    border: 1px dashed var(--cizgi, #E8ECF2);
    border-radius: 16px;
}
.urun-liste-bos i {
    font-size: 2.5rem;
    color: var(--gri-metin);
    opacity: 0.45;
    margin-bottom: 0.75rem;
}
.urun-liste-bos h2 { margin: 0 0 0.5rem; font-size: 1.2rem; }
.urun-liste-bos p { color: var(--gri-metin); max-width: 420px; margin: 0 auto 1.25rem; }

.urun-liste-sayfa .urun-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.35rem;
}
.urun-liste-sayfalama { margin-top: 2.25rem; }

@media (max-width: 1200px) {
    .urun-liste-sayfa .urun-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .urun-liste-sayfa .urun-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .urun-liste-toolbar {
        flex-direction: column;
        align-items: stretch;
    }
    .urun-liste-siralama-select-wrap { width: 100%; }
    .urun-liste-siralama-select { width: 100%; min-width: 0; }
}

@media (max-width: 640px) {
    .urun-liste-sayfa .urun-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .urun-liste-ust-baslik h1 { font-size: 1.45rem; }
    .urun-liste-sonuc-ozet { white-space: normal; }
    .urun-kart-gorsel { aspect-ratio: 16 / 10; }
}

@media (max-width: 1360px) {
    .kullanim-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.urun-detay-fiyat {
    font-size: 1.25rem; font-weight: 700; color: var(--metin);
    margin-top: 0.35rem;
}
.urun-ana-gorsel {
    width: 100%; max-width: 480px; aspect-ratio: 4 / 3;
    object-fit: cover; border-radius: 10px; margin-bottom: 1.25rem;
    display: block;
}

/* Kart grid genel */
.kart-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.25rem; }
.kart {
    background: var(--beyaz); border: 1px solid var(--gri-orta); border-radius: 10px;
    padding: 1.25rem; box-shadow: var(--golge);
}
.kart h2 { font-size: var(--font-h2); margin-bottom: 0.5rem; color: var(--baslik-h2); }
.kart h3 { font-size: var(--font-h3); margin-bottom: 0.5rem; color: var(--baslik-h3); }
.kart p { font-size: 0.92rem; color: var(--gri-metin); }
.kart-etiket { font-size: 0.8rem; color: var(--kart-baslik); font-weight: 600; }
.kart img { border-radius: 6px; margin-bottom: 0.75rem; width: 100%; }

.form-alan {
    width: 100%; padding: 0.6rem; margin: 0.25rem 0 1rem;
    border: 1px solid var(--gri-orta); border-radius: 4px; font-family: inherit;
}
.iletisim-form-kart, .iletisim-bilgi { margin-top: 1.5rem; }label { display: block; font-weight: 600; color: var(--metin); font-size: 0.9rem; }

/* Ödeme akışı: sadece logo üst, sade alt */
.odeme-akis-govde .atla { position: absolute; left: -9999px; }
.odeme-ust {
    background: #fff;
    border-bottom: 1px solid var(--sinir, #e8ecf2);
    box-shadow: 0 1px 0 rgba(45, 60, 89, 0.04);
}
.odeme-ust-ic {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 72px;
    padding: 0.85rem 0;
}
.odeme-ust-marka {
    text-decoration: none;
    justify-content: center;
}
.odeme-ust-marka .marka-metin em { display: none; }
.odeme-akis-icerik { padding-top: 0; }
.odeme-akis-baslik {
    padding-top: 1.25rem;
    padding-bottom: 0.75rem;
}
.odeme-akis-baslik .ekmek-kirintisi { display: none; }
.odeme-alt {
    background: var(--arkaplan-alan, #f4f6f9);
    border-top: 1px solid var(--sinir, #e8ecf2);
    padding: 1rem 0 1.25rem;
    margin-top: 2rem;
}
.odeme-alt-ic {
    text-align: center;
    font-size: 0.82rem;
    color: var(--metin-ikincil, #6b7a94);
}
.odeme-alt-ic p { margin: 0; }

/* Footer */
.site-footer { background: var(--footer-bg); color: var(--footer-yazi); padding: 2.5rem 0 0; }
.site-footer a { color: var(--footer-link); }
.site-footer a:hover { color: var(--beyaz); }
.site-footer h3 { color: var(--footer-link); font-size: var(--font-h3); margin-bottom: 0.65rem; }
.footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; padding-bottom: 1.5rem; }
.footer-marka { color: var(--footer-link); font-size: 1.1rem; margin-bottom: 0.35rem; }
.site-footer ul { list-style: none; }
.site-footer li { margin-bottom: 0.3rem; }
.footer-alt { border-top: 1px solid rgba(255,255,255,0.15); padding: 1rem 0; text-align: center; font-size: 0.85rem; }
.footer-kat-btn {
    width: 100%;
    display: block;
    background: none;
    border: 0;
    color: var(--footer-link);
    font-size: var(--font-h3);
    font-weight: 700;
    text-align: left;
    padding: 0 0 .65rem;
}

/* FAB – ikonlar background-image ile ortada (global svg kuralından etkilenmez) */
.fab {
    position: fixed;
    z-index: 400;
    width: 54px;
    height: 54px;
    min-width: 54px;
    min-height: 54px;
    padding: 0;
    border: none;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    background-color: var(--buton);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 26px 26px;
    color: var(--beyaz);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
    outline: 2px solid rgba(255, 255, 255, 0.9);
    outline-offset: -2px;
    transition: background-color 0.2s, transform 0.2s, outline-color 0.2s;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}
button.fab {
    font-family: inherit;
    -webkit-appearance: none;
    appearance: none;
}
.fab:hover {
    background-color: var(--buton-hover);
    transform: scale(1.06);
    outline-color: var(--beyaz);
}
.fab-wa {
    bottom: 5.25rem;
    right: 1rem;
    background-image: url('../img/fab/whatsapp.svg');
}
.fab-tel {
    bottom: 1rem;
    right: 1rem;
    background-image: url('../img/fab/phone.svg');
}
.fab-yukari {
    bottom: 9.5rem;
    right: 1rem;
    background-image: url('../img/fab/arrow-up.svg');
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
}
.fab-yukari.fab-goster {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}
.fab-yukari.fab-goster:hover {
    transform: translateY(0) scale(1.06);
}

/* Tablet */
@media (max-width: 1100px) {
    .menu-link { padding: 0.85rem 0.5rem; font-size: 15px; }
    .ust-cubuk, .ust-oge { font-size: 13px; }
    .ust-cubuk-sol { gap: 0.65rem 1rem; }
    .ust-donusum { gap: 1rem; }
    .ust-oge-mail { max-width: 170px; }
    .ust-oge-saat { font-size: 12px; }
    .btn-katalog { padding: 0.45rem 0.85rem; font-size: 0.68rem; }
}

@media (max-width: 1024px) {
    .kart-grid-ana { grid-template-columns: repeat(2, 1fr); }
    .menu-genis-icerik { grid-template-columns: 1fr 1fr; }
    .ust-oge-mail { max-width: 160px; }
    .ana-slider-ok { width: 38px; height: 38px; }
}

/* Mobil - sol cekmece menu + kompakt ust cubuk */
@media (max-width: 900px) {
    .urun-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .urun-kart {
        border-radius: 14px;
    }
    .urun-kart-gorsel {
        padding: 0.4rem;
    }
    .urun-kart-baslik {
        min-height: unset;
        font-size: 1.05rem;
    }
    .urun-kart-ust {
        gap: 0.55rem;
    }
    .urun-kart-fiyat-etiket {
        font-size: 0.82rem;
        padding: 0.38rem 0.65rem;
    }
    html { overflow-x: hidden; }
    body {
        overflow-x: hidden;
        max-width: 100%;
    }
    #icerik { overflow-x: hidden; max-width: 100%; }

    .kapsayici {
        width: 100%;
        max-width: 100%;
        padding-left: max(var(--sayfa-kenar-mobil), env(safe-area-inset-left, 0px));
        padding-right: max(var(--sayfa-kenar-mobil), env(safe-area-inset-right, 0px));
        box-sizing: border-box;
    }

    body.menu-mobil-acik { overflow: hidden; }

    .ust-cubuk { font-size: 13px; }
    .ust-cubuk > .kapsayici,
    .site-header > .kapsayici.header-satir {
        padding-left: max(var(--ust-header-kenar-mobil), env(safe-area-inset-left, 0px));
        padding-right: max(var(--ust-header-kenar-mobil), env(safe-area-inset-right, 0px));
    }
    .ust-cubuk-ic {
        flex-wrap: nowrap; justify-content: space-between;
        padding: 0.45rem 0; gap: 0.5rem;
    }
    .ust-cubuk-sol { flex: 1; min-width: 0; gap: 0.5rem; align-items: center; }
    .ust-oge-mobil-gizle,
    .ust-oge-saat { display: none; }
    .ust-donusum {
        position: relative;
        flex: 1;
        max-width: 100%;
        height: 26px;
        overflow: hidden;
        gap: 0;
        contain: layout style paint;
    }
    .ust-donus-oge {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        max-width: 100%;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.35s ease, visibility 0.35s ease;
    }
    .ust-donus-oge.aktif {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .ust-oge { font-size: 13px; }
    .ust-katalog-btn {
        width: auto; margin-top: 0; padding: 0.45rem 0.7rem;
        font-size: 0.62rem; flex-shrink: 0;
    }

    .site-header { z-index: 690; }
    .header-satir {
        flex-wrap: nowrap; justify-content: space-between;
        gap: 0.75rem; padding: 0.55rem 0;
    }
    .marka { min-width: 0; flex: 1; }
    .marka-metin { min-width: 0; }
    .marka-metin strong { font-size: 0.92rem; white-space: normal; }
    .marka-metin em {
        font-size: 0.6rem; line-height: 1.25;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .marka-fa { font-size: 2rem; }
    .ust-oge { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }

    .menu-ac {
        display: flex;
        padding: 0.5rem 0.35rem 0.5rem 0.65rem;
    }
    body.menu-mobil-acik .menu-ac {
        visibility: hidden; pointer-events: none; opacity: 0;
    }
    .menu-ara { display: none; }
    .header-aksiyonlar { gap: 0.15rem; }
    .header-ikon { width: 38px; height: 38px; font-size: 1rem; }
    body.menu-mobil-acik .site-header { z-index: 650; }

    .mobil-menu-ust {
        display: flex; align-items: center; justify-content: space-between;
        padding: 1rem 1.15rem; background: var(--mobil-menu-bg); color: var(--mobil-menu-yazi);
        flex-shrink: 0;
    }
    .mobil-menu-baslik { font-size: 1.05rem; font-weight: 700; letter-spacing: 0.04em; }
    .menu-kapat {
        background: rgba(255,255,255,0.12); border: none; color: var(--mobil-menu-yazi);
        width: 36px; height: 36px; border-radius: 50%; font-size: 1.1rem;
        cursor: pointer; display: flex; align-items: center; justify-content: center;
    }

    .ana-nav {
        position: fixed; top: 0; left: 0; bottom: 0;
        width: min(320px, 90vw); max-width: 100%;
        height: 100dvh; height: 100svh; z-index: 710; flex: none; min-width: 0;
        margin: 0; padding: 0;
        display: flex !important; flex-direction: column;
        justify-content: flex-start;
        background: var(--beyaz);
        transform: translateX(-100%);
        transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 4px 0 32px rgba(45, 60, 89, 0.2);
        overflow: hidden; border: none; padding: 0;
        visibility: visible;
    }
    body.menu-mobil-acik .ana-nav { transform: translateX(0); }

    .menu-yatay {
        flex: 1 1 auto; min-height: 0;
        flex-direction: column; align-items: stretch;
        justify-content: flex-start; align-content: flex-start;
        overflow-y: auto; overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        padding: 0.25rem 0 calc(1.5rem + env(safe-area-inset-bottom, 0px));
        overscroll-behavior: contain;
    }
    .menu-oge { width: 100%; border-bottom: 1px solid var(--gri-orta); }
    .menu-oge:last-child { border-bottom: none; }
    .menu-oge-bas { display: block; width: 100%; }
    .menu-link-masaustu { display: none !important; }
    .menu-link-mobil-toggle {
        display: flex; align-items: center; justify-content: space-between;
        width: 100%; text-align: left; border: none; background: none;
        font-family: inherit; cursor: pointer; touch-action: manipulation;
        padding: 1rem 1.15rem; font-size: 1rem; font-weight: 600;
        color: var(--menu-metin);
    }
    .menu-link {
        display: flex; align-items: center; justify-content: space-between;
        padding: 1rem 1.15rem; white-space: normal; font-size: 1rem;
        font-weight: 700; color: var(--menu-metin);
    }
    .menu-oge.aktif > .menu-link,
    .menu-oge.aktif > .menu-oge-bas .menu-link-mobil-toggle { color: var(--menu-aktif); }
    .menu-ok { transition: transform 0.22s ease; font-size: 0.7rem; opacity: 0.7; }
    .menu-oge.acik-alt .menu-link-mobil-toggle .menu-ok { transform: rotate(180deg); }

    .menu-alt-panel,
    .menu-dar {
        display: none !important;
        position: static; min-width: 0; max-width: none;
        box-shadow: none; margin: 0; border: none;
        background: var(--menu-dropdown);
        border-radius: 0 0 10px 10px;
        border-left: 3px solid var(--menu-hover);
        padding: 0.25rem 0 0.45rem;
    }
    .menu-oge.acik-alt > .menu-alt-panel,
    .menu-oge.acik-alt > .menu-dar-mobil.menu-alt-panel { display: block !important; }
    .menu-alt-panel a,
    .menu-dar a {
        display: block;
        padding: 0.85rem 1.15rem 0.85rem 1.35rem;
        font-size: 0.95rem;
        font-weight: 600;
        color: var(--menu-metin);
        border-bottom: none;
        border-top: 1px solid rgba(45, 60, 89, 0.07);
        transition: background 0.18s ease, color 0.18s ease;
    }
    .menu-alt-panel li:first-child a,
    .menu-dar li:first-child a {
        border-top: none;
    }
    .menu-alt-panel a:hover,
    .menu-dar a:hover {
        background: rgba(255, 255, 255, 0.65);
        color: var(--menu-hover);
        padding-left: 1.35rem;
    }

    .menu-dar-mobil { padding: 0.25rem 0 0.5rem; }
    .menu-mobil-grup { border-top: 1px solid rgba(45, 60, 89, 0.08); }
    .menu-mobil-grup:first-child { border-top: none; }
    .menu-mobil-grup-baslik {
        display: flex; align-items: center; justify-content: space-between;
        width: 100%; gap: 0.5rem; padding: 0.75rem 1.15rem 0.75rem 1.35rem;
        background: transparent; border: none; font-family: inherit;
        font-size: 0.8rem; font-weight: 700; color: var(--menu-hover);
        text-transform: uppercase; letter-spacing: 0.03em; cursor: pointer;
        text-align: left; touch-action: manipulation;
    }
    .menu-mobil-grup-baslik i { font-size: 0.65rem; transition: transform 0.22s; }
    .menu-mobil-grup.acik .menu-mobil-grup-baslik i { transform: rotate(180deg); }
    .menu-mobil-grup-liste {
        display: none; list-style: none;
        padding: 0 0 0.35rem; margin: 0;
    }
    .menu-mobil-grup.acik .menu-mobil-grup-liste { display: block; }
    .menu-mobil-grup-liste a {
        padding: 0.65rem 1.15rem 0.65rem 1.65rem;
        font-size: 0.88rem; font-weight: 600; text-transform: none;
    }

    .header-paneller { display: none !important; }
    body.mega-acik .header-paneller { display: none !important; }

    .kart-sira { padding: 1.25rem 0 0.75rem; }
    .kart-grid-ana { grid-template-columns: 1fr; gap: 1rem; }
    .kart-ana { border-width: 2px; border-radius: 10px; }
    .kart-ana h2 { font-size: 0.95rem; }
    .kart-ana p { font-size: 0.85rem; line-height: 1.45; }

    .bolum-serit {
        background: var(--serit-bg);
        margin-top: 1rem;
    }
    .bolum-serit-ust {
        position: relative;
        justify-content: center;
        align-items: center;
        min-height: 3.1rem;
        padding: 0.9rem max(var(--sayfa-kenar-mobil), env(safe-area-inset-left, 0px))
                 0.9rem max(var(--sayfa-kenar-mobil), env(safe-area-inset-right, 0px));
        gap: 0.5rem;
    }
    .bolum-serit-baslik {
        flex: none;
        width: 100%;
        max-width: 100%;
        text-align: center;
        color: var(--serit-yazi);
        font-size: clamp(1rem, 4.2vw, 1.15rem);
        line-height: 1.35;
        padding: 0 2.75rem;
        box-sizing: border-box;
    }
    .bolum-serit-ust .kullanim-serit-oklar,
    .bolum-serit-urun .urun-serit-oklar {
        position: absolute;
        right: max(var(--sayfa-kenar-mobil), env(safe-area-inset-right, 0px));
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
    }
    .bolum-serit-sss + .bolum-sss {
        padding-top: 1.25rem;
    }
    .kullanim-serit-oklar {
        display: flex; align-items: center; gap: 0.35rem; flex-shrink: 0;
    }
    .kullanim-serit-ok {
        width: 32px; height: 32px; font-size: 0.8rem;
    }
    .kullanim-alanlari { padding: 1.25rem 0 1.75rem; overflow: hidden; }
    .kullanim-slider-kutu {
        padding-left: max(var(--sayfa-kenar-mobil), env(safe-area-inset-left, 0px));
        padding-right: max(var(--sayfa-kenar-mobil), env(safe-area-inset-right, 0px));
        box-sizing: border-box;
    }
    .kullanim-slider-kutu .kapsayici {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }
    .kullanim-slider-izgara {
        display: block;
        overflow: hidden;
        padding-bottom: 0.75rem;
    }
    .kullanim-slider-track {
        display: flex;
        flex-wrap: nowrap;
        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
    }
    .kullanim-kart {
        flex: 0 0 100%;
        width: 100%;
        min-width: 0;
        padding: 1.35rem 1rem 1.5rem;
        border-radius: 18px;
        box-sizing: border-box;
    }
    .kullanim-gorsel { width: min(200px, 72%); margin-bottom: 0.85rem; }
    .kullanim-kart h3 { font-size: 1rem; line-height: 1.35; }
    .kullanim-kart-aciklama { font-size: .95rem; line-height: 1.65; max-width: 100%; }
    .kullanim-slider-noktalar {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.45rem;
        padding: 0.75rem 0 0;
    }
    .kullanim-nokta {
        width: 9px; height: 9px; border-radius: 50%; border: none; padding: 0;
        background: var(--gri-orta); cursor: pointer;
        transition: transform 0.2s, background 0.2s;
    }
    .kullanim-nokta.aktif {
        background: var(--buton);
        transform: scale(1.15);
    }

    .blog-populer-aciklama { display: none; }
    .blog-populer-alanlari {
        padding: 1.25rem 0 1.75rem;
        overflow: hidden;
        background: var(--beyaz);
    }
    .blog-populer-slider-kutu {
        padding-left: max(var(--sayfa-kenar-mobil), env(safe-area-inset-left, 0px));
        padding-right: max(var(--sayfa-kenar-mobil), env(safe-area-inset-right, 0px));
        box-sizing: border-box;
    }
    .blog-populer-slider-kutu .kapsayici {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }
    .blog-populer-izgara {
        display: block !important;
        overflow: hidden;
        padding-bottom: 0.25rem;
        grid-template-columns: unset;
        gap: 0;
    }
    .blog-populer-track {
        display: flex !important;
        flex-wrap: nowrap;
        width: 100%;
        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
    }
    .blog-populer-kart {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        box-shadow: none;
        border: 2px solid var(--metin);
    }
    .blog-populer-kart:hover,
    .blog-populer-kart:active {
        transform: none;
        box-shadow: none;
        border-color: var(--metin);
    }
    .blog-populer-govde h3 a:hover,
    .blog-populer-govde h3 a:active {
        color: var(--metin);
    }
    .blog-populer-devam:hover,
    .blog-populer-devam:active {
        color: var(--buton);
        text-decoration: none;
    }
    .blog-populer-noktalar {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.45rem;
        padding: 0.75rem 0 0;
    }
    .blog-populer-nokta {
        width: 9px; height: 9px; border-radius: 50%; border: none; padding: 0;
        background: var(--gri-orta); cursor: pointer;
        transition: transform 0.2s, background 0.2s;
    }
    .blog-populer-nokta.aktif {
        background: var(--buton);
        transform: scale(1.15);
    }
    .blog-populer-tum { margin-top: 1.25rem; }

    .bolum-serit-urun .urun-serit-oklar {
        display: flex;
        align-items: center;
        gap: 0.35rem;
        flex-shrink: 0;
    }
    .urun-anasayfa-aciklama { display: none; }
    .urun-anasayfa-alanlari {
        padding: 1.25rem 0 1.75rem;
        overflow: hidden;
    }
    .urun-slider-kutu {
        padding-left: max(var(--sayfa-kenar-mobil), env(safe-area-inset-left, 0px));
        padding-right: max(var(--sayfa-kenar-mobil), env(safe-area-inset-right, 0px));
        box-sizing: border-box;
    }
    .urun-slider-kutu .kapsayici {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }
    .urun-slider-izgara-masaustu,
    .urun-slider-noktalar-masaustu {
        display: none !important;
    }
    .urun-slider-izgara-mobil {
        display: block !important;
        overflow: hidden;
        padding-bottom: 0.25rem;
    }
    .urun-slider-track-mobil {
        display: flex !important;
        flex-wrap: nowrap;
        width: 100%;
        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
    }
    .urun-anasayfa-alanlari .urun-kart {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
    .urun-anasayfa-alanlari .urun-kart:hover {
        transform: none;
    }
    .urun-slider-noktalar-mobil {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.45rem;
        padding: 0.75rem 0 0;
    }
    .urun-slider-nokta {
        width: 9px; height: 9px; border-radius: 50%; border: none; padding: 0;
        background: var(--gri-orta); cursor: pointer;
        transition: transform 0.2s, background 0.2s;
    }
    .urun-slider-nokta.aktif {
        background: var(--buton);
        transform: scale(1.15);
    }
    .urun-tum-link { margin-top: 1.25rem; }

    .bolum-sss { padding: 2rem 0; }
    .sayfa-bolum-baslik { font-size: 1.25rem; margin-bottom: 1.1rem; padding: 0 0.25rem; }
    .faq-soru { font-size: 0.95rem; padding: 0.9rem 1rem; word-break: break-word; }
    .faq-cevap { font-size: 0.9rem; }
    .faq-cevap p { overflow-wrap: anywhere; }

    .bolum-cta { padding: 2rem 0 2.5rem; }
    .cta-icerik h2 { font-size: 1.2rem; }
    .cta-icerik p { font-size: 0.95rem; padding: 0 0.25rem; }

    .site-footer {
        padding: 1.75rem 0 0;
        padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));
    }
    .footer-grid { grid-template-columns: 1fr; gap: 1.15rem; padding-bottom: 0.75rem; }
    .footer-grid p, .footer-grid li, .footer-alt p {
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    .footer-bolum { border-top: 1px solid rgba(255,255,255,.14); padding-top: .55rem; }
    .footer-bolum-sabit { border-top: 0; padding-top: 0; }
    .footer-kat-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 1.08rem;
        font-weight: 700;
        padding: .35rem 4.25rem .35rem 0;
        cursor: pointer;
        position: relative;
    }
    .footer-kat-btn::after {
        content: "+";
        font-size: 1.25rem;
        line-height: 1;
        opacity: .9;
        position: absolute;
        right: 3.15rem;
        top: 50%;
        transform: translateY(-50%);
    }
    .footer-kat-btn[aria-expanded="true"]::after { content: "−"; }
    .footer-kat-panel[hidden] { display: none !important; }
    .footer-kat-panel { padding-top: .35rem; }
    .footer-alt {
        padding: 0.65rem var(--sayfa-kenar-mobil) 0.5rem;
        font-size: 0.8rem;
        line-height: 1.45;
    }

    .fab-wa {
        bottom: calc(5.15rem + env(safe-area-inset-bottom, 0px));
        right: max(1rem, env(safe-area-inset-right, 0px));
    }
    .fab-tel {
        bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
        right: max(1rem, env(safe-area-inset-right, 0px));
    }
    .fab-yukari {
        bottom: calc(9.3rem + env(safe-area-inset-bottom, 0px));
        right: max(1rem, env(safe-area-inset-right, 0px));
    }

    .ana-slider-ic { overflow: hidden; }
    .ana-slider-izgara { min-height: clamp(260px, 40vh, 380px); }
    .ana-slider .ana-slide-metin.kapsayici {
        width: 100%;
        max-width: 100%;
        padding-left: max(var(--sayfa-kenar-mobil), env(safe-area-inset-left, 0px));
        padding-right: max(var(--sayfa-kenar-mobil), env(safe-area-inset-right, 0px));
        box-sizing: border-box;
    }
    .ana-slide-hiza-sol { margin-left: 0; margin-right: auto; }
    .ana-slide-hiza-orta { margin-left: auto; margin-right: auto; }
    .ana-slide-hiza-sag { margin-left: auto; margin-right: 0; }
    .ana-slide-metin {
        padding: 1.75rem 0;
        max-width: 100%;
    }
    .ana-slide-metin h2 {
        font-size: 1.35rem;
        line-height: 1.3;
    }
    .ana-slide-metin p {
        font-size: 0.92rem;
        line-height: 1.45;
        margin-bottom: 1rem;
    }
    .ana-slider-ok { display: none !important; }
    .ana-slider-noktalar { bottom: 0.65rem; }

    .sayfa-ust { padding: 1.5rem 0 1rem; }
    .sayfa-icerik { padding: 1.5rem 0 2.5rem; }
    .icerik-html { overflow-wrap: anywhere; }
}

@media (min-width: 901px) {
    .menu-overlay { display: none !important; }
    body.menu-mobil-acik { overflow: auto; }
    body.menu-mobil-acik .menu-ac { visibility: visible; opacity: 1; pointer-events: auto; }
    .ana-nav {
        position: static; transform: none; width: auto; height: auto;
        box-shadow: none; overflow: visible; flex-direction: row;
        justify-content: flex-end; display: flex !important;
    }
    .mobil-menu-ust { display: none !important; }
    .menu-link-mobil-toggle { display: none !important; }
    .menu-link-masaustu {
        display: flex !important; align-items: center;
        white-space: nowrap;
    }
    .menu-oge-bas { display: contents; }

    .bolum-serit {
        background: transparent;
        margin-top: 1.75rem;
    }
    .bolum-serit-ust {
        position: static;
        min-height: 0;
        padding: 0 0 1.5rem;
    }
    .bolum-serit-baslik {
        color: var(--baslik-h2);
        font-size: var(--font-h2);
        padding: 0;
    }
    .bolum-serit-ust .kullanim-serit-oklar,
    .bolum-serit-urun .urun-serit-oklar {
        position: static;
        transform: none;
    }

    .blog-populer-izgara {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.75rem;
    }
    .blog-populer-track { display: contents; }
    .blog-populer-noktalar { display: none; }

    .urun-slider-izgara-mobil,
    .urun-slider-noktalar-mobil {
        display: none !important;
    }
    .urun-slider-izgara-masaustu {
        display: block;
        overflow: hidden;
    }
    .urun-slider-track-masaustu {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
    }
    .urun-slider-sayfa {
        flex: 0 0 100%;
        min-width: 0;
        box-sizing: border-box;
    }
    .urun-sayfa-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1.6rem;
    }
    .urun-anasayfa-alanlari .urun-slider-izgara-masaustu .urun-kart {
        flex: unset;
        width: auto;
        max-width: none;
    }
    .urun-slider-noktalar-masaustu {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.45rem;
        padding: 0.75rem 0 0;
    }
    .bolum-serit-urun .urun-serit-oklar {
        display: flex;
    }
}

@media (min-width: 1400px) {
    :root { --kapsayici: min(1400px, 96vw); }
}

@media (min-width: 1200px) {
    .menu-link { font-size: 16px; padding: 0.85rem calc(0.8rem + 2px); }
    .marka-metin strong { font-size: 1rem; }
    .kart-ana h2 { font-size: 0.95rem; }
}

/* Erisilebilirlik */
.sr-only {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* Iletisim bolumu */
.iletisim-bolumu {
    position: relative;
    padding: 3.5rem 0 4rem;
    background: linear-gradient(180deg, #f8f9fc 0%, var(--beyaz) 100%);
    overflow: hidden;
}
.iletisim-bolumu::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.4;
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 400'%3E%3Cpath fill='%23E8ECF2' d='M120 80c40-30 90-40 140-30s90 50 130 70 100 30 150 10 90-60 140-50 70 40 120 80H0V80h120z'/%3E%3C/svg%3E") center / cover no-repeat;
}
.iletisim-bolumu-ic {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 2.5rem 3rem;
    align-items: start;
}
.iletisim-baslik-grup { margin-bottom: 1.25rem; }
.iletisim-etiket {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}
.iletisim-etiket-metin {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: var(--vurgu);
    text-transform: uppercase;
}
.iletisim-etiket-cizgi {
    width: 22px;
    height: 2px;
    background: var(--vurgu);
    box-shadow: 8px 0 0 var(--vurgu);
}
.iletisim-baslik {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: var(--metin);
    margin: 0;
    line-height: 1.25;
}
.iletisim-modul-aciklama { margin-top: 0.65rem; }
.iletisim-form-kart,
.iletisim-bilgi-kart {
    background: var(--beyaz);
    border: 1px solid rgba(45, 60, 89, 0.08);
    border-radius: 16px;
    box-shadow: 0 12px 36px rgba(45, 60, 89, 0.07);
    padding: 1.5rem 1.65rem 1.65rem;
}
.iletisim-bildirim {
    background: #e8f4ea;
    border: 1px solid #b8ddb9;
    color: var(--metin);
    padding: 0.75rem 1rem;
    border-radius: 10px;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}
.iletisim-form { display: block; }
.iletisim-form-satir {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}
.iletisim-alan {
    display: block;
    margin-bottom: 1rem;
    min-width: 0;
}
.iletisim-alan-etiket {
    display: block;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--metin);
    margin-bottom: 0.4rem;
}
.iletisim-form .form-alan {
    background: #f4f6fa;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 0.85rem 1rem;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    font-size: 0.95rem;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}
.iletisim-form .form-alan:focus {
    outline: none;
    background: var(--beyaz);
    border-color: var(--buton-hover);
    box-shadow: 0 0 0 3px rgba(87, 106, 143, 0.12);
}
.iletisim-form textarea.form-alan {
    min-height: 140px;
    resize: vertical;
}
.iletisim-select {
    appearance: none;
    background-color: #f4f6fa;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23243C4C' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    padding-right: 2.5rem;
}
.iletisim-form-alt {
    display: flex;
    justify-content: flex-start;
    margin-top: 0.25rem;
}
.btn-iletisim-gonder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-width: min(100%, 220px);
    background: var(--buton);
    border: none;
    border-radius: 999px;
    padding: 0.9rem 2rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--beyaz) !important;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
    box-shadow: 0 8px 22px rgba(45, 60, 89, 0.18);
}
.btn-iletisim-gonder:hover {
    background: var(--buton-hover);
    color: var(--beyaz) !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 26px rgba(45, 60, 89, 0.22);
}
.iletisim-aciklama {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.25rem;
    align-items: flex-start;
}
.iletisim-aciklama-cizgi {
    width: 3px;
    min-height: 3.5rem;
    background: var(--vurgu);
    flex-shrink: 0;
    border-radius: 2px;
}
.iletisim-aciklama p {
    color: var(--gri-metin);
    line-height: 1.7;
    font-size: 0.95rem;
    margin: 0;
}
.iletisim-destek-kutu {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    background: linear-gradient(135deg, #f0f4fa 0%, #e8eef8 100%);
    border: 1px solid rgba(45, 60, 89, 0.08);
    border-radius: 12px;
    padding: 0.9rem 1rem;
    margin-bottom: 1.25rem;
}
.iletisim-destek-ikon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--buton);
    color: var(--beyaz);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    flex-shrink: 0;
}
.iletisim-destek-kutu strong {
    display: block;
    font-size: 0.98rem;
    color: var(--metin);
    line-height: 1.3;
}
.iletisim-destek-alt {
    display: block;
    font-size: 0.8rem;
    color: var(--gri-metin);
    margin-top: 0.1rem;
}
.iletisim-kanal-liste {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}
.iletisim-kanal-kart {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    color: var(--metin);
    text-decoration: none;
    transition: border-color 0.2s, background 0.2s, transform 0.15s, box-shadow 0.2s;
}
.iletisim-kanal-kart:hover {
    background: var(--beyaz);
    border-color: rgba(45, 60, 89, 0.18);
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(45, 60, 89, 0.08);
    color: var(--metin);
}
.iletisim-kanal-ikon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--buton);
    color: var(--beyaz);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}
.iletisim-kanal-ikon-mail { background: #576A8F; }
.iletisim-kanal-ikon-wa { background: #25D366; }
.iletisim-kanal-metin {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}
.iletisim-kanal-etiket {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--gri-metin);
}
.iletisim-kanal-deger {
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--metin);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.iletisim-kanal-ok {
    font-size: 0.75rem;
    color: var(--gri-metin);
    flex-shrink: 0;
    transition: transform 0.2s, color 0.2s;
}
.iletisim-kanal-kart:hover .iletisim-kanal-ok {
    color: var(--buton);
    transform: translateX(3px);
}

/* Blog */
.ekmek-kirintisi {
    font-size: 0.85rem; color: var(--gri-metin); margin-bottom: 0.75rem;
}
.ekmek-kirintisi a { color: var(--link-hover); }
.ekmek-kirintisi a:hover { text-decoration: underline; }
.ekmek-kirintisi span[aria-hidden] { margin: 0 0.35rem; opacity: 0.5; }
.sayfa-ust-blog { padding-bottom: 1.5rem; }
.blog-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.75rem;
}
.blog-grid-kucuk { grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.blog-kart {
    background: var(--beyaz); border-radius: 12px; overflow: hidden;
    box-shadow: 0 4px 20px rgba(45, 60, 89, 0.08);
    border: 1px solid var(--gri-orta); transition: transform 0.2s, box-shadow 0.2s;
    display: flex; flex-direction: column;
}
.blog-kart:hover { transform: translateY(-4px); box-shadow: var(--golge); }
.blog-kart-gorsel-link { display: block; aspect-ratio: 16/10; overflow: hidden; background: var(--gri-acik); }
.blog-kart-gorsel-link img { width: 100%; height: 100%; object-fit: cover; }
.blog-kart-placeholder {
    display: flex; align-items: center; justify-content: center;
    height: 100%; font-size: 2.5rem; color: var(--gri-metin); opacity: 0.4;
}
.blog-kart-govde { padding: 1.15rem 1.25rem 1.35rem; flex: 1; display: flex; flex-direction: column; }
.blog-kart-tarih { font-size: 0.8rem; color: var(--gri-metin); margin-bottom: 0.4rem; }
.blog-kart h2, .blog-kart h3 { font-size: 1.05rem; margin-bottom: 0.5rem; line-height: 1.35; }
.blog-kart h2 a, .blog-kart h3 a { color: var(--baslik-h2); }
.blog-kart h3 a { color: var(--baslik-h3); }
.blog-kart h2 a:hover, .blog-kart h3 a:hover { color: var(--link-hover); }
.blog-kart p { font-size: 0.9rem; color: var(--gri-metin); flex: 1; margin-bottom: 0.75rem; line-height: 1.55; }
.blog-devami {
    font-size: 0.88rem; font-weight: 700; color: var(--blog-etiket);
    display: inline-flex; align-items: center; gap: 0.35rem;
}
.blog-sayfalama {
    display: flex; align-items: center; justify-content: center;
    gap: 1rem; margin-top: 2.5rem; flex-wrap: wrap;
}
.blog-sayfalama-bilgi { font-size: 0.9rem; color: var(--gri-metin); }
.blog-bos { text-align: center; color: var(--gri-metin); padding: 2rem; }

.blog-detay-ust { background: var(--gri-acik); padding: 1.75rem 0 1.25rem; }
.blog-detay-tarih { display: block; font-size: 0.85rem; color: var(--gri-metin); margin-bottom: 0.5rem; }
.blog-detay-ust h1 { font-size: var(--font-h1); line-height: 1.3; color: var(--baslik-h1); }
.blog-detay-ozet { font-size: 1.05rem; color: var(--gri-metin); margin-top: 0.75rem; max-width: 720px; line-height: 1.55; }
.blog-detay-kapak { margin: 0 0 2rem; }
.blog-detay-kapak img {
    width: 100%; max-height: 420px; object-fit: cover; border-radius: 12px;
}
.blog-detay-alt {
    display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2rem;
    padding-top: 1.5rem; border-top: 1px solid var(--gri-orta);
}
.btn-ikincil-blog {
    background: var(--buton) !important; color: var(--beyaz) !important;
    display: inline-flex; align-items: center; gap: 0.4rem;
}
.btn-ikincil-blog:hover { background: var(--buton-hover) !important; color: var(--beyaz) !important; }
.blog-ilgili { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--gri-orta); }
.blog-ilgili h2 { font-size: var(--font-h2); margin-bottom: 1.25rem; color: var(--baslik-h2); }

/* Ilgili icerik bloklari */
.ilgili-icerik-alani { margin-top: 2.5rem; }
.ilgili-bolum {
    margin-top: 2.5rem;
    padding-top: 2rem;
    border-top: 1px solid var(--gri-orta);
}
.ilgili-bolum:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
.ilgili-bolum-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}
.ilgili-bolum-baslik {
    font-size: var(--font-h2);
    color: var(--baslik-h2);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.ilgili-bolum-baslik i { color: var(--menu-hover); font-size: 0.95em; }
.ilgili-bolum-tum {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--menu-hover);
    white-space: nowrap;
}
.ilgili-bolum-tum:hover { color: var(--link-hover); text-decoration: underline; }
.ilgili-blog-grid { margin-top: 0; }
.ilgili-kategori-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 1rem;
}
.ilgili-kategori-kart {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.65rem;
    padding: 1.25rem 1rem;
    background: var(--gri-acik);
    border: 1px solid var(--gri-orta);
    border-radius: 12px;
    text-align: center;
    color: var(--menu-metin);
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}
.ilgili-kategori-kart:hover {
    transform: translateY(-3px);
    box-shadow: var(--golge);
    border-color: rgba(82, 137, 173, 0.35);
    color: var(--menu-hover);
}
.ilgili-kategori-ikon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--beyaz);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--menu-hover);
    font-size: 1.15rem;
}
.ilgili-kategori-baslik {
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.35;
}
.ilgili-galeri-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 1rem;
}
.ilgili-galeri-oge {
    margin: 0;
    border-radius: 12px;
    overflow: hidden;
    background: var(--gri-acik);
    border: 1px solid var(--gri-orta);
}
.ilgili-galeri-oge img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
}
.ilgili-galeri-oge figcaption {
    padding: 0.55rem 0.75rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--menu-metin);
    text-align: center;
}
.ilgili-referans-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1.25rem;
}
.ilgili-referans-kart {
    background: var(--beyaz);
    border: 1px solid var(--gri-orta);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(45, 60, 89, 0.08);
}
.ilgili-referans-kart img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    display: block;
}
.ilgili-referans-govde { padding: 1rem 1.1rem 1.15rem; }
.ilgili-referans-govde h3 {
    font-size: 1rem;
    margin-bottom: 0.35rem;
    color: var(--baslik-h3);
}
.ilgili-referans-govde p {
    font-size: 0.88rem;
    color: var(--gri-metin);
    line-height: 1.5;
}

/* Anasayfa - En cok okunan blog */
.blog-populer-alanlari {
    padding: 2.5rem 0 3rem;
    background: var(--beyaz);
}
.blog-populer-aciklama {
    text-align: center; max-width: 640px; margin: 0 auto 2rem;
    color: var(--gri-metin); font-size: 0.95rem; line-height: 1.6;
}
.blog-populer-kart {
    background: var(--beyaz); border-radius: 12px; overflow: hidden;
    box-shadow: 0 6px 24px rgba(45, 60, 89, 0.1);
    border: 1px solid var(--gri-orta);
    display: flex; flex-direction: column;
    transition: transform 0.2s, box-shadow 0.2s;
}
@media (hover: hover) {
    .blog-populer-kart:hover {
        transform: translateY(-5px);
        box-shadow: 0 12px 32px rgba(45, 60, 89, 0.14);
    }
    .blog-populer-govde h3 a:hover { color: var(--link-hover); }
    .blog-populer-devam:hover { color: var(--blog-devam); text-decoration: underline; }
}
.blog-populer-gorsel {
    display: block; aspect-ratio: 16 / 10; overflow: hidden;
    background: var(--gri-acik);
}
.blog-populer-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.blog-populer-gorsel-bos {
    display: flex; align-items: center; justify-content: center;
    height: 100%; font-size: 2.5rem; color: var(--gri-metin); opacity: 0.35;
}
.blog-populer-govde {
    padding: 1.2rem 1.35rem 1.4rem;
    display: flex; flex-direction: column; flex: 1;
}
.blog-populer-etiket {
    font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em;
    color: var(--blog-etiket); text-transform: uppercase; margin-bottom: 0.45rem;
}
.blog-populer-govde h3 {
    font-size: 1.05rem; line-height: 1.4; margin-bottom: 0.55rem;
}
.blog-populer-govde h3 a { color: var(--baslik-h3); }
.blog-populer-govde p {
    font-size: 0.9rem; color: var(--gri-metin); line-height: 1.55;
    flex: 1; margin-bottom: 0.85rem;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-populer-devam {
    font-size: 0.9rem; font-weight: 700; color: var(--blog-devam);
}
.blog-populer-tum { text-align: center; margin-top: 2rem; }

@media (max-width: 900px) {
    .blog-populer-kart {
        box-shadow: none !important;
        border: 2px solid var(--metin) !important;
    }
    .blog-populer-kart:hover,
    .blog-populer-kart:active {
        transform: none !important;
        box-shadow: none !important;
        border-color: var(--metin) !important;
    }
    .blog-populer-govde h3 a:hover,
    .blog-populer-govde h3 a:active {
        color: var(--metin) !important;
    }
    .blog-populer-devam:hover,
    .blog-populer-devam:active {
        color: var(--buton) !important;
        text-decoration: none !important;
    }

    .iletisim-bolumu { padding: 2rem 0 2.5rem; }
    .iletisim-bolumu-ic { grid-template-columns: 1fr; gap: 2rem; }
    .iletisim-form-satir { grid-template-columns: 1fr; gap: 0; }
    .iletisim-baslik { font-size: 1.35rem; }
    .iletisim-form-kart,
    .iletisim-bilgi-kart { padding: 1.15rem 1.1rem 1.25rem; border-radius: 14px; }
    .btn-iletisim-gonder { width: 100%; min-width: 0; }
    .iletisim-kanal-deger { white-space: normal; }
    .blog-grid, .blog-grid-kucuk { grid-template-columns: 1fr; }
    .blog-detay-kapak img { max-height: 240px; border-radius: 8px; }
}

/* Araclar – form tasarimi */
.arac-sayfa { padding-top: 1.5rem; }
.arac-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
}
.arac-grid-tek { grid-template-columns: 1fr; }
.arac-kablo,
.arac-bilgi-kart {
    background: #fbfcff;
    border: 1px solid #dfe5f1;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(45, 60, 89, 0.08);
    padding: 1.35rem;
}
.arac-panel-baslik {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.55rem;
    margin-bottom: 1rem;
    color: var(--metin);
}
.arac-panel-baslik i { color: #5d7dd8; font-size: 1rem; }
.arac-kablo-form {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.7rem;
    align-items: stretch;
}
.arac-kablo-alan { display: flex; flex-direction: column; min-width: 0; }
.arac-kablo-etiket {
    display: block;
    margin-bottom: 0.4rem;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--metin);
}
.arac-kablo-etiket-gizli { visibility: hidden; margin-bottom: 0.4rem; }
.arac-kablo-girdi {
    width: 100%;
    min-height: 48px;
    padding: 0.7rem 0.85rem;
    border: 1px solid #dbe2ef;
    border-radius: 10px;
    font-family: inherit;
    font-size: 0.98rem;
    color: var(--metin);
    background: var(--beyaz);
}
.arac-kablo-girdi:focus {
    outline: none;
    border-color: #6a82dc;
    box-shadow: 0 0 0 3px rgba(106, 130, 220, 0.16);
}
.arac-kablo-alan-buton { justify-content: flex-end; }
.arac-kablo-hsp {
    width: 100%;
    min-height: 48px;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}
.arac-kablo-sonuc {
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    background: #f5f7fe;
    border: 1px solid #dbe2ef;
    border-radius: 12px;
    text-align: center;
}
.arac-kablo-sonuc-metin { margin: 0; font-size: 1.02rem; color: var(--metin); }
.arac-kablo-sonuc-etiket { font-weight: 700; margin-right: 0.35rem; }
.arac-kablo-sonuc-deger { color: #d12f47; font-size: 1.18rem; font-weight: 700; }
.arac-kablo-sonuc-not { margin: 0.55rem 0 0; font-size: 0.88rem; color: var(--gri-metin); }
.arac-kablo-hata {
    margin: 0.9rem 0 0;
    padding: 0.75rem 1rem;
    background: #fdecef;
    border: 1px solid #f6c7d0;
    border-radius: 10px;
    color: #c0392b;
    font-size: 0.9rem;
    text-align: center;
}
.arac-bilgi-kart { background: #f8faff; }
.arac-grid-tek .arac-bilgi-kart { margin-top: 0.25rem; }
.arac-bilgi-liste {
    list-style: none;
    margin-bottom: 1rem;
    border: 1px solid #e4e8f3;
    border-radius: 12px;
    overflow: hidden;
}
.arac-bilgi-liste li {
    padding: 0.72rem 0.85rem;
    border-bottom: 1px solid #e9edf6;
    font-size: 0.95rem;
    color: var(--metin);
}
.arac-bilgi-liste li:last-child { border-bottom: 0; }
.arac-bilgi-not {
    background: #f1f4fd;
    border: 1px solid #e2e8fb;
    border-radius: 12px;
    padding: 0.8rem 0.9rem;
}
.arac-bilgi-not strong {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #506cc9;
}
.arac-bilgi-not p { margin-top: 0.35rem; color: var(--gri-metin); font-size: 0.92rem; }
.arac-sss { padding-top: 1rem; background: transparent; }

/* Arac – Trafo salter secimi */
.arac-trafo-ust { max-width: 280px; margin-bottom: 1.1rem; }
.arac-trafo-secim .arac-kablo-etiket { text-align: left; }
.arac-trafo-tablo-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #dfe5f1;
    border-radius: 12px;
    background: var(--beyaz);
}
.arac-trafo-tablo {
    width: 100%;
    min-width: 700px;
    border-collapse: collapse;
    font-size: 0.92rem;
}
.arac-trafo-tablo thead th {
    background: #eef2fb;
    color: var(--metin);
    font-weight: 700;
    padding: 0.85rem 0.75rem;
    text-align: center;
    border-right: 1px solid #dfe5f1;
    border-bottom: 1px solid #dfe5f1;
    line-height: 1.35;
    font-size: 0.83rem;
}
.arac-trafo-tablo thead th:last-child { border-right: none; }
.arac-trafo-tablo tbody td {
    padding: 0.95rem 0.75rem;
    text-align: center;
    border-top: 1px solid #e7ebf4;
    border-right: 1px solid #e7ebf4;
    color: var(--metin);
    background: var(--beyaz);
    font-weight: 600;
}
.arac-trafo-tablo tbody td:last-child { border-right: none; }
.arac-trafo-salter { color: #5f7ae0 !important; font-size: 1.07rem; font-weight: 700; }

.arac-bakir-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 160px 120px;
    gap: 0.7rem;
    align-items: end;
    margin-bottom: 1rem;
}

.arac-elektrik-form {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 0.6rem 1rem;
    align-items: center;
    margin-bottom: 1rem;
}
.arac-elektrik-etiket {
    font-size: 1rem;
    font-weight: 700;
    color: var(--metin);
}
.arac-metin-liste { margin: 0.5rem 0 1rem 1.2rem; }
.arac-metin-liste li { margin-bottom: 0.35rem; color: var(--metin); }

/* Elektrikli arac sarj */
.ea-form { display: grid; gap: 0.8rem; }
.ea-fieldset {
    border: 1px solid var(--gri-orta);
    border-radius: 10px;
    padding: 0.8rem 1rem;
    display: grid;
    gap: 0.55rem;
}
.ea-fieldset legend { font-weight: 700; color: var(--metin); padding: 0 0.35rem; }
.ea-fieldset label { font-weight: 600; font-size: 0.95rem; color: var(--metin); }
.ea-fieldset input[type="radio"] { margin-right: 0.4rem; }
.ea-satir {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr) 90px;
    gap: 0.6rem;
    align-items: center;
}
.ea-etiket { font-weight: 700; color: var(--metin); font-size: 0.95rem; }
.ea-secenek { display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center; }
.ea-secenek label { font-weight: 600; font-size: 0.95rem; color: var(--metin); }
.ea-mini {
    width: 86px; min-height: 36px; padding: 0.45rem 0.55rem;
    border: 1px solid var(--gri-orta); border-radius: 8px;
}
.ea-butonlar { display: flex; gap: 0.65rem; margin-top: 0.35rem; }
.ea-sonuc-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}
.ea-kart {
    background: #0f2a47;
    border: 1px solid rgba(83, 132, 182, 0.35);
    border-radius: 10px;
    padding: 0.8rem 0.95rem;
    color: #d8ebff;
}
.ea-kart span { display: block; font-size: 0.9rem; opacity: 0.95; }
.ea-kart strong { display: block; margin-top: 0.35rem; font-size: 1.55rem; color: #ffffff; }

@media (max-width: 1100px) {
    .arac-grid { grid-template-columns: 1fr; }
    .arac-kablo-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .arac-bakir-form { grid-template-columns: 1fr 160px 120px; }
    .arac-elektrik-form { grid-template-columns: 200px minmax(0, 1fr); }
    .arac-kablo-alan-buton { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
    .arac-kablo { padding: 1.05rem; }
    .arac-panel-baslik { font-size: 1.2rem; }
    .arac-kablo-form { grid-template-columns: 1fr; gap: 0.8rem; }
    .arac-bakir-form { grid-template-columns: 1fr; gap: 0.8rem; }
    .arac-elektrik-form { grid-template-columns: 1fr; gap: 0.5rem; }
    .arac-kablo-etiket-gizli { display: none; }
    .arac-trafo-ust { max-width: none; }
    .arac-trafo-tablo thead th,
    .arac-trafo-tablo tbody td { padding: 0.7rem 0.5rem; font-size: 0.78rem; }
    .ea-satir { grid-template-columns: 1fr; }
    .ea-butonlar { flex-direction: column; }
    .ea-sonuc-grid { grid-template-columns: 1fr; }
}

/* Üyelik sayfaları */
.uye-sayfa { padding: 2rem 0 3rem; }
.uye-kapsayici { max-width: 520px; }
.uye-kart {
    background: #fff;
    border: 1px solid rgba(45, 60, 89, 0.1);
    border-radius: 14px;
    padding: 1.75rem;
    box-shadow: 0 8px 28px rgba(15, 42, 71, 0.06);
}
.uye-form { display: grid; gap: 1rem; }
.uye-form label { display: grid; gap: 0.35rem; font-weight: 600; font-size: 0.92rem; }
.uye-form-satir { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.uye-checkbox { display: flex !important; align-items: flex-start; gap: 0.55rem; font-weight: 500 !important; }
.uye-checkbox input { margin-top: 0.2rem; }
.uye-btn-tam { width: 100%; justify-content: center; }
.uye-bildirim {
    padding: 0.75rem 1rem;
    border-radius: 10px;
    margin-bottom: 1rem;
    font-size: 0.92rem;
}
.uye-bildirim-ok { background: #e8f7ef; color: #1f6b43; border: 1px solid #b8e6cc; }
.uye-bildirim-hata { background: #fdeeee; color: #9b2c2c; border: 1px solid #f5c2c2; }
.uye-alt-linkler { margin-top: 1.25rem; text-align: center; font-size: 0.92rem; }
.uye-dev-link { font-size: 0.85rem; word-break: break-all; margin-bottom: 1rem; padding: 0.75rem; background: #f5f8fc; border-radius: 8px; }

.uye-profil-grid {
    max-width: 1240px;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 1.4rem;
    align-items: start;
}
.uye-profil-icerik { min-width: 0; }
.uye-profil-menu { padding: 1.25rem; position: sticky; top: 1rem; }
.uye-profil-ozet { display: grid; gap: 0.35rem; text-align: center; margin-bottom: 1rem; }
.uye-avatar {
    width: 64px; height: 64px; margin: 0 auto 0.35rem;
    border-radius: 50%; background: var(--vurgu, #2D3C59); color: #fff;
    display: flex; align-items: center; justify-content: center; font-size: 1.4rem;
}
.uye-profil-eposta { font-size: 0.85rem; color: #667; word-break: break-all; }
.uye-rozet {
    display: inline-block; margin: 0.35rem auto 0; padding: 0.2rem 0.55rem;
    border-radius: 999px; font-size: 0.75rem; font-weight: 700;
}
.uye-rozet-uye { background: #e8eef5; color: #2D3C59; }
.uye-rozet-bayi { background: #fff3dc; color: #9a6b00; }
.uye-rozet-vip { background: #f3e8ff; color: #6b21a8; }
.uye-profil-nav { display: grid; gap: 0.35rem; margin-bottom: 1rem; }
.uye-profil-nav a {
    padding: 0.55rem 0.75rem; border-radius: 8px; color: var(--metin); font-weight: 600; font-size: 0.9rem;
}
.uye-profil-nav a:hover, .uye-profil-nav a.aktif { background: rgba(45, 60, 89, 0.08); color: var(--vurgu, #2D3C59); }
.uye-cikis-form { margin-top: 0.5rem; }
.uye-cikis-form .btn-ikincil {
    width: 100%;
    background: transparent;
    border: 1px solid var(--cizgi, #E8ECF2);
    color: var(--metin) !important;
}
.uye-cikis-form .btn-ikincil:hover { background: var(--arkaplan-alan, #F4F6F9); color: var(--metin) !important; }
.uye-profil-kart { padding: 1.5rem; margin-bottom: 1rem; border-radius: 14px; }
.uye-profil-kart h2 { margin: 0 0 1rem; font-size: 1.15rem; }
.uye-meta { display: grid; grid-template-columns: auto 1fr; gap: 0.35rem 1rem; margin-bottom: 1.25rem; font-size: 0.9rem; }
.uye-meta dt { color: #667; font-weight: 600; }
.uye-meta dd { margin: 0; }

@media (max-width: 900px) {
    .uye-form-satir { grid-template-columns: 1fr; }
    .uye-sayfa { padding: 1rem 0 2rem; }
    .uye-profil-grid { grid-template-columns: 1fr; gap: .85rem; }
    .uye-profil-menu {
        position: static;
        top: auto;
        padding: .9rem;
        border-radius: 16px;
        margin-bottom: .25rem;
        box-shadow: 0 6px 20px rgba(15, 42, 71, .08);
        overflow: hidden;
    }
    .uye-profil-ozet {
        display: grid;
        grid-template-columns: 52px 1fr;
        align-items: center;
        text-align: left;
        gap: .45rem .7rem;
        margin-bottom: .75rem;
    }
    .uye-avatar {
        width: 52px;
        height: 52px;
        margin: 0;
        grid-row: span 3;
        font-size: 1.1rem;
    }
    .uye-profil-ozet strong { font-size: 1rem; }
    .uye-profil-eposta { font-size: .83rem; word-break: break-word; }
    .uye-rozet { margin: .1rem 0 0; }
    .uye-profil-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .45rem;
        overflow: visible;
        padding-bottom: 0;
        margin-bottom: .7rem;
    }
    .uye-profil-nav a {
        padding: .55rem .65rem;
        border-radius: 999px;
        border: 1px solid rgba(45, 60, 89, .14);
        background: #fff;
        font-size: .88rem;
        white-space: normal;
        text-align: center;
    }
    .uye-profil-nav a:hover, .uye-profil-nav a.aktif {
        background: rgba(45, 60, 89, 0.1);
        border-color: rgba(45, 60, 89, 0.24);
    }
    .uye-cikis-form { margin-top: .15rem; }
    .uye-cikis-form .btn-ikincil {
        border-radius: 12px;
        padding: .62rem .85rem;
        font-size: .9rem;
    }
    .uye-profil-kart {
        padding: 1rem;
        margin-bottom: .8rem;
        border-radius: 16px;
        box-shadow: 0 6px 20px rgba(15, 42, 71, .06);
    }
    .uye-profil-kart h2 { font-size: 1.05rem; margin-bottom: .8rem; }
    .uye-meta { gap: .25rem .7rem; font-size: .88rem; margin-bottom: .9rem; }
    .adres-kart {
        padding: .9rem;
        border-radius: 13px;
    }
    .adres-kart-ust {
        display: grid;
        grid-template-columns: 1fr;
        gap: .65rem;
    }
    .adres-kart-islemler {
        display: flex;
        flex-wrap: nowrap;
        gap: .45rem;
        width: 100%;
    }
    .adres-kart-islemler > .btn,
    .adres-kart-islemler > .adres-sil-form {
        flex: 1 1 0;
        min-width: 0;
    }
    .adres-kart-islemler .btn {
        width: 100%;
        justify-content: center;
        text-align: center;
        padding: .55rem .65rem;
        font-size: .88rem;
    }
    .adres-sil-form { display: block; width: auto; margin: 0; }
    .adres-yeni-btn {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}

.header-sepet-kalem-bos {
    width: 52px; height: 52px; display: flex; align-items: center; justify-content: center;
    background: #f4f6f9; border-radius: 8px; color: #99a;
}
.gizli { display: none !important; }

/* Sepet & ödeme */
.sepet-sayfa, .odeme-sayfa { padding: 1.5rem 0 3rem; }
.sepet-kapsayici { max-width: 1080px; }
.sepet-ust { padding-bottom: 0.75rem; }
.sepet-adet-rozet {
    display: inline-block;
    margin-left: 0.35rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: rgba(45, 60, 89, 0.08);
    color: #667;
    font-size: 0.72em;
    font-weight: 600;
    vertical-align: middle;
}

.sepet-bos {
    text-align: center;
    padding: 3rem 1.5rem;
    background: #fff;
    border: 1px solid rgba(45, 60, 89, 0.08);
    border-radius: 16px;
    box-shadow: 0 8px 28px rgba(15, 42, 71, 0.05);
}
.sepet-bos-ikon {
    width: 72px; height: 72px; margin: 0 auto 1rem;
    border-radius: 50%; background: rgba(45, 60, 89, 0.07);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.75rem; color: var(--vurgu, #2D3C59);
}
.sepet-bos h2 { margin: 0 0 0.5rem; font-size: 1.35rem; }
.sepet-bos p { color: #667; margin-bottom: 1.25rem; }
.sepet-bos-btn { display: inline-flex; align-items: center; gap: 0.5rem; }

.sepet-grid, .odeme-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1.5rem;
    align-items: start;
}
.sepet-kalemler { display: grid; gap: 0.85rem; }

.sepet-kalem {
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem 1.15rem;
    background: #fff;
    border: 1px solid rgba(45, 60, 89, 0.08);
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(15, 42, 71, 0.04);
    align-items: start;
    transition: box-shadow 0.2s, border-color 0.2s;
}
.sepet-kalem:hover {
    border-color: rgba(45, 60, 89, 0.14);
    box-shadow: 0 8px 24px rgba(15, 42, 71, 0.07);
}
.sepet-kalem-gorsel {
    display: block;
    width: 108px; height: 108px;
    border-radius: 12px;
    overflow: hidden;
    background: #f4f6f9;
    flex-shrink: 0;
}
.sepet-kalem-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.sepet-kalem-gorsel-bos {
    width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
    color: #99a; font-size: 1.5rem;
}
.sepet-kalem-govde { min-width: 0; display: flex; flex-direction: column; gap: 0.35rem; }
.sepet-kalem-ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; }
.sepet-kalem-baslik { margin: 0; font-size: 1.02rem; line-height: 1.35; font-weight: 700; }
.sepet-kalem-baslik a { color: inherit; text-decoration: none; }
.sepet-kalem-baslik a:hover { color: var(--link-hover, #5289AD); }
.sepet-kalem-sil {
    flex-shrink: 0;
    width: 36px; height: 36px;
    border: none; border-radius: 10px;
    background: transparent; color: #99a;
    cursor: pointer; font-size: 0.95rem;
    display: flex; align-items: center; justify-content: center;
    transition: background 0.15s, color 0.15s;
}
.sepet-kalem-sil:hover { background: #fdeeee; color: #c0392b; }
.sepet-kalem-birim { margin: 0; font-size: 0.88rem; color: #667; }
.sepet-kalem-alt {
    display: flex; align-items: center; justify-content: space-between;
    gap: 1rem; margin-top: 0.35rem; flex-wrap: wrap;
}
.sepet-adet-stepper {
    display: inline-flex; align-items: center;
    border: 1px solid rgba(45, 60, 89, 0.15);
    border-radius: 10px; overflow: hidden;
    background: #f8fafc;
}
.sepet-adet-btn {
    width: 36px; height: 36px;
    border: none; background: transparent;
    color: var(--metin); font-size: 1.1rem; font-weight: 600;
    cursor: pointer; line-height: 1;
    transition: background 0.15s;
}
.sepet-adet-btn:hover { background: rgba(45, 60, 89, 0.08); }
.sepet-adet-input {
    width: 44px; height: 36px;
    border: none; border-left: 1px solid rgba(45, 60, 89, 0.1);
    border-right: 1px solid rgba(45, 60, 89, 0.1);
    text-align: center; font-weight: 700; font-size: 0.95rem;
    background: #fff; color: var(--metin);
    -moz-appearance: textfield;
}
.sepet-adet-input::-webkit-outer-spin-button,
.sepet-adet-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.sepet-adet-stepper.islemde { opacity: 0.65; pointer-events: none; }
.sepet-ajax-bildirim { margin: 0 0 1rem; padding: 0.75rem 1rem; border-radius: 10px; font-size: 0.92rem; }
.sepet-ajax-bildirim.ok { background: #e8f7ef; color: #1f6b43; }
.sepet-ajax-bildirim.hata { background: #fdeeee; color: #9b2c2c; }
.sepet-kalem-toplam { margin: 0; font-size: 1.05rem; font-weight: 800; color: var(--vurgu, #2D3C59); white-space: nowrap; }

.sepet-ozet-panel { position: sticky; top: 1rem; }
.sepet-ozet {
    padding: 1.35rem;
    border-radius: 14px;
    border: 1px solid rgba(45, 60, 89, 0.08);
    box-shadow: 0 8px 28px rgba(15, 42, 71, 0.06);
}
.sepet-ozet-baslik {
    margin: 0 0 1rem;
    font-size: 1.1rem;
    display: flex; align-items: center; gap: 0.5rem;
}
.sepet-kupon {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--sinir, #e8ecf2);
}
.sepet-kupon-etiket {
    display: block;
    font-size: 0.88rem;
    font-weight: 600;
    margin-bottom: 0.45rem;
    color: var(--metin-ikincil, #576a8f);
}
.sepet-kupon-form {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
}
.sepet-kupon-input {
    flex: 1;
    min-width: 0;
    margin: 0;
    height: 44px;
    padding: 0 0.85rem;
    border: 1px solid var(--gri-orta, #d5dce8);
    border-radius: 4px;
    font-family: inherit;
    font-size: 0.92rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: #fff;
    box-sizing: border-box;
}
.sepet-kupon-input:focus {
    outline: none;
    border-color: var(--buton, #2d3c59);
    box-shadow: 0 0 0 2px rgba(45, 60, 89, 0.12);
}
.sepet-kupon-btn {
    flex-shrink: 0;
    height: 44px;
    margin: 0;
    padding: 0 1.2rem;
    line-height: 1;
    white-space: nowrap;
    border-radius: 4px;
    font-size: 0.9rem;
}
@media (max-width: 420px) {
    .sepet-kupon-form { flex-direction: column; }
    .sepet-kupon-btn { width: 100%; height: 42px; }
}
.sepet-kupon-uygulandi {
    margin: 0 0 0.35rem;
    font-size: 0.92rem;
    color: #1f6b43;
}
.sepet-kupon-kaldir-link {
    background: none;
    border: none;
    padding: 0;
    font-size: 0.85rem;
    color: var(--link);
    cursor: pointer;
    text-decoration: underline;
}
.sepet-kupon-satir dd { color: #1f6b43; }
.sepet-ozet-liste { margin: 0 0 1.15rem; }
.sepet-ozet-satir {
    display: flex; justify-content: space-between; align-items: center;
    padding: 0.45rem 0;
    font-size: 0.92rem;
}
.sepet-ozet-satir dt { color: #667; font-weight: 500; }
.sepet-ozet-satir dd { margin: 0; font-weight: 600; }
.sepet-ozet-genel {
    margin-top: 0.5rem;
    padding-top: 0.85rem;
    border-top: 2px solid var(--cizgi, #E8ECF2);
    font-size: 1.05rem;
}
.sepet-ozet-genel dt { color: var(--metin); font-weight: 700; }
.sepet-ozet-genel dd { font-size: 1.2rem; font-weight: 800; color: var(--vurgu, #2D3C59); }
.sepet-siparis-btn {
    width: 100%;
    justify-content: center;
    padding: 0.85rem 1rem;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 10px;
    gap: 0.5rem;
}
.sepet-siparis-mobil-panel { display: none; }
.sepet-ozet-notlar {
    list-style: none; margin: 1rem 0 0; padding: 0;
    display: grid; gap: 0.4rem;
    font-size: 0.82rem; color: #667;
}
.sepet-ozet-notlar li { display: flex; align-items: center; gap: 0.45rem; }
.sepet-ozet-notlar i { color: var(--vurgu, #2D3C59); width: 1rem; text-align: center; }
.sepet-devam-link {
    display: inline-flex; align-items: center; gap: 0.45rem;
    margin-top: 0.85rem; font-size: 0.9rem; font-weight: 600;
    color: #667; text-decoration: none;
}
.sepet-devam-link:hover { color: var(--link-hover, #5289AD); }

/* Mobil sepet cubugu + FAB */
.sepet-mobil-cubuk,
.fab-sepet-siparis { display: none; }

@media (max-width: 900px) {
    .sepet-sayfa { padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px)); }
    .sepet-grid, .odeme-grid { grid-template-columns: 1fr; gap: 1rem; }
    .sepet-ozet-panel { position: static; order: 2; }
    .sepet-kalemler { order: 1; }
    .sepet-siparis-masaustu { display: none; }
    .sepet-siparis-mobil-panel { display: inline-flex; align-items: center; justify-content: center; }
    .sepet-devam-link { display: none; }

    .sepet-kalem {
        grid-template-columns: 88px minmax(0, 1fr);
        padding: 0.85rem;
        gap: 0.85rem;
    }
    .sepet-kalem-gorsel { width: 88px; height: 88px; border-radius: 10px; }
    .sepet-kalem-baslik { font-size: 0.95rem; }
    .sepet-kalem-toplam { font-size: 1rem; }

    .sepet-mobil-cubuk {
        display: block;
        position: fixed;
        left: 0; right: 0; bottom: 0;
        z-index: 680;
        padding: 0.65rem max(1rem, env(safe-area-inset-left, 0px)) calc(0.65rem + env(safe-area-inset-bottom, 0px)) max(1rem, env(safe-area-inset-right, 0px));
        background: rgba(255, 255, 255, 0.96);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border-top: 1px solid rgba(45, 60, 89, 0.12);
        box-shadow: 0 -8px 32px rgba(15, 42, 71, 0.14);
    }
    .sepet-mobil-cubuk-ic {
        display: flex; align-items: center; justify-content: space-between;
        gap: 0.75rem; max-width: 1080px; margin: 0 auto;
    }
    .sepet-mobil-toplam { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; }
    .sepet-mobil-etiket { font-size: 0.75rem; color: #667; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; }
    .sepet-mobil-toplam strong { font-size: 1.15rem; color: var(--vurgu, #2D3C59); }
    .sepet-mobil-siparis {
        flex-shrink: 0;
        display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
        padding: 0.85rem 1.35rem;
        border-radius: 999px;
        background: var(--buton, #243C4C);
        color: #fff !important;
        font-weight: 700; font-size: 0.95rem;
        text-decoration: none;
        box-shadow: 0 6px 20px rgba(36, 60, 76, 0.35);
    }
    .sepet-mobil-siparis:hover { background: var(--buton-hover, #5289AD); color: #fff !important; }

    .fab-sepet-siparis { display: none; }

    body.sepet-sayfasi .fab-wa { bottom: calc(6.5rem + env(safe-area-inset-bottom, 0px)); }
    body.sepet-sayfasi .fab-tel { bottom: calc(2.35rem + env(safe-area-inset-bottom, 0px)); }
    body.sepet-sayfasi .fab-yukari { bottom: calc(10.65rem + env(safe-area-inset-bottom, 0px)); }
}

.odeme-adimlar { display: flex; gap: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap; }
.odeme-adimlar span { padding: 0.45rem 0.85rem; border-radius: 999px; background: #eef2f7; font-size: 0.88rem; font-weight: 600; }
.odeme-adimlar span.aktif { background: var(--vurgu, #2D3C59); color: #fff; }
.odeme-kart { padding: 1.5rem; margin-bottom: 1rem; }
.odeme-yol, .odeme-yontem, .adres-secim {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.65rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(45, 60, 89, 0.12);
    border-radius: 10px;
    margin-bottom: 0.65rem;
    cursor: pointer;
    font-weight: 500;
}
.odeme-yol input[type="radio"],
.odeme-yontem input[type="radio"],
.adres-secim input[type="radio"] {
    flex: 0 0 auto;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0.2rem 0 0;
    padding: 0;
    accent-color: var(--vurgu, #2D3C59);
}
.odeme-yol > span,
.odeme-yontem > span,
.adres-secim > .adres-secim-icerik,
.adres-secim > span {
    flex: 1;
    min-width: 0;
}
.odeme-yol span, .odeme-yontem span { display: grid; gap: 0.15rem; }
.odeme-yol small, .odeme-yontem small { color: #667; font-weight: 400; }
.adres-secim-icerik { line-height: 1.45; }
/* .uye-form label { display:grid } ödeme seçim satırlarını bozmasın */
.uye-form label.odeme-yol,
.uye-form label.odeme-yontem,
.uye-form label.adres-secim,
.uye-form label.sozlesme-satir {
    display: flex !important;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.65rem;
    cursor: pointer;
    font-weight: 500;
}
.uye-form label.odeme-yol input[type="radio"],
.uye-form label.odeme-yontem input[type="radio"],
.uye-form label.adres-secim input[type="radio"],
.uye-form label.sozlesme-satir input[type="checkbox"] {
    flex: 0 0 auto;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0.2rem 0 0;
    padding: 0;
    accent-color: var(--vurgu, #2D3C59);
}
.uye-form label.sozlesme-satir > span {
    flex: 1;
    min-width: 0;
    font-weight: 500;
    line-height: 1.45;
}
.sozlesme-liste { display: grid; gap: 0.65rem; margin: 1rem 0; }
.sozlesme-satir {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.65rem;
    font-size: 0.9rem;
    cursor: pointer;
}
.sozlesme-satir input[type="checkbox"] {
    flex: 0 0 auto;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0.2rem 0 0;
    accent-color: var(--vurgu, #2D3C59);
}
.sozlesme-satir > span { flex: 1; min-width: 0; }
.sozlesme-ac { font-weight: 600; text-decoration: underline; }
.sozlesme-modal {
    position: fixed; inset: 0; z-index: 9000; background: rgba(0,0,0,0.5);
    display: flex; align-items: center; justify-content: center; padding: 1rem;
}
.sozlesme-modal[hidden] { display: none; }
.sozlesme-modal-kutu {
    background: #fff; max-width: 720px; width: 100%; max-height: 85vh; overflow: auto;
    border-radius: 12px; padding: 1.25rem; position: relative;
}
.sozlesme-modal-kapat {
    position: absolute; top: 0.5rem; right: 0.75rem; border: 0; background: none;
    font-size: 1.6rem; cursor: pointer; line-height: 1;
}
.havale-kutu, .kk-kutu { margin-top: 1rem; padding: 1rem; background: #f5f8fc; border-radius: 10px; }
.adres-liste { display: grid; gap: 0.75rem; margin-bottom: 1.25rem; }
.adres-kart {
    padding: 1rem 1rem .9rem;
    border: 1px solid rgba(45, 60, 89, 0.14);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(15, 42, 71, 0.05);
}
.adres-kart-ust {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem 1rem;
}
.adres-kart-metin { flex: 1; min-width: 0; }
.adres-kart-metin strong { display: block; font-size: 1.02rem; line-height: 1.3; color: var(--metin, #2D3C59); }
.adres-kart-metin p {
    margin: 0.32rem 0 0;
    font-size: 0.94rem;
    color: #576a8f;
    line-height: 1.55;
    word-break: normal;
    overflow-wrap: break-word;
}
.adres-varsayilan { font-weight: 600; color: var(--vurgu, #2D3C59); }
.adres-kart-islemler {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}
.adres-sil-form { margin: 0; display: inline; }
.adres-yeni-btn { margin-top: 0.5rem; }
.adres-bos-metin { margin-bottom: 1rem; color: #667; }
.adres-form-panel {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(45, 60, 89, 0.1);
}
.adres-form-panel[hidden] { display: none !important; }
.adres-form-panel h3 { margin: 0 0 1rem; font-size: 1.05rem; }
.adres-form-aksiyon {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.25rem;
}
.adres-kart.adres-kart-duzenle .adres-kart-ust { opacity: 0.55; }
.adres-konum-grup { display: grid; gap: 1rem; }
.adres-konum-satir { margin-bottom: 0; }
.adres-konum-grup .konum-posta { background: #f5f8fc; cursor: default; }
.uye-siparis-tablo { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.uye-siparis-tablo th, .uye-siparis-tablo td { padding: 0.55rem 0.65rem; border-bottom: 1px solid var(--cizgi, #E8ECF2); text-align: left; }
.uye-profil-grid.uye-kapsayici { max-width: 1240px; width: min(100%, 1240px); }

/* Üye siparişler */
.uye-siparisler-sayfa { padding: 0; background: transparent; box-shadow: none; border: none; }
.uye-siparisler-wrap { display: grid; gap: 1rem; }
.uye-siparis-ozet { margin: 0; font-size: 0.9rem; color: #667; }
.uye-siparis-bos { text-align: center; padding: 2.5rem 1.5rem; }
.uye-siparis-bos-ikon { font-size: 2.5rem; color: var(--vurgu, #E67E22); opacity: 0.85; margin-bottom: 0.75rem; }
.uye-siparis-liste { display: grid; gap: 1rem; }
.uye-siparis-kart {
    background: #fff; border: 1px solid var(--cizgi, #E8ECF2); border-radius: 12px; padding: 1.15rem 1.25rem;
    display: grid; gap: 0.85rem; transition: box-shadow 0.15s ease;
}
.uye-siparis-kart:hover { box-shadow: 0 4px 18px rgba(45, 60, 89, 0.08); }
.uye-siparis-kart-ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; }
.uye-siparis-no { font-weight: 700; font-size: 1.05rem; display: block; color: var(--vurgu, #2D3C59); }
.uye-siparis-kart-ust time { font-size: 0.85rem; color: #778; }
.uye-siparis-kart-orta { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; flex-wrap: wrap; }
.uye-siparis-meta { display: flex; flex-wrap: wrap; gap: 0.65rem 1.1rem; font-size: 0.88rem; color: #556; }
.uye-siparis-meta i { margin-right: 0.3rem; opacity: 0.75; }
.uye-siparis-tutar { font-size: 1.2rem; font-weight: 700; margin: 0; white-space: nowrap; }
.uye-siparis-kart-alt { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.uye-siparis-rozet {
    display: inline-block; font-size: 0.75rem; font-weight: 600; padding: 0.25rem 0.65rem; border-radius: 999px;
    background: #eef1f6; color: #445;
}
.uye-siparis-rozet-buyuk { font-size: 0.82rem; padding: 0.35rem 0.85rem; }
.uye-siparis-rozet-beklemede { background: #fff4e5; color: #9a5b00; }
.uye-siparis-rozet-onaylandi, .uye-siparis-rozet-hazirlaniyor { background: #e8f4fd; color: #1a5f8a; }
.uye-siparis-rozet-kargoda { background: #e8f0ff; color: #2d4a9e; }
.uye-siparis-rozet-tamamlandi { background: #e6f6ee; color: #1f6b43; }
.uye-siparis-rozet-iptal { background: #fdecea; color: #9b2c2c; }
.uye-siparis-breadcrumb { margin-bottom: 1rem; font-size: 0.9rem; }
.uye-siparis-breadcrumb a { color: var(--vurgu, #2D3C59); text-decoration: none; font-weight: 600; }
.uye-siparis-breadcrumb a:hover { text-decoration: underline; }
.uye-siparis-detay-ust {
    display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap;
    margin-bottom: 1.25rem; padding-bottom: 1rem; border-bottom: 1px solid var(--cizgi, #E8ECF2);
}
.uye-siparis-detay-ust h2 { margin: 0 0 0.25rem; font-size: 1.35rem; }
.uye-siparis-detay-tarih { margin: 0; color: #667; font-size: 0.9rem; }
.uye-siparis-detay-grid { display: grid; gap: 1rem; }
@media (min-width: 768px) {
    .uye-siparis-detay-grid { grid-template-columns: 1.2fr 1fr; }
    .uye-siparis-detay-grid .uye-siparis-not { grid-column: 1 / -1; }
}
.uye-siparis-bolum { padding: 1.25rem; margin: 0; }
.uye-siparis-bolum h3 { margin: 0 0 1rem; font-size: 1rem; display: flex; align-items: center; gap: 0.45rem; }
.uye-siparis-kalem-liste { list-style: none; padding: 0; margin: 0 0 1rem; display: grid; gap: 0.65rem; }
.uye-siparis-kalem {
    display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem;
    padding-bottom: 0.65rem; border-bottom: 1px solid var(--cizgi, #E8ECF2);
}
.uye-siparis-kalem:last-child { border-bottom: none; padding-bottom: 0; }
.uye-siparis-kalem-baslik { display: grid; gap: 0.2rem; }
.uye-siparis-kalem-baslik span { font-size: 0.85rem; color: #667; }
.uye-siparis-kalem-toplam { font-weight: 600; white-space: nowrap; }
.uye-siparis-ozet-dl {
    display: grid; grid-template-columns: 1fr auto; gap: 0.35rem 1rem; margin: 0; font-size: 0.92rem;
    border-top: 1px solid var(--cizgi, #E8ECF2); padding-top: 0.85rem;
}
.uye-siparis-ozet-dl dt { margin: 0; color: #667; }
.uye-siparis-ozet-dl dd { margin: 0; text-align: right; font-weight: 600; }
.uye-siparis-genel-toplam { font-size: 1.05rem; color: var(--vurgu, #2D3C59); padding-top: 0.35rem; border-top: 1px dashed var(--cizgi, #E8ECF2); }
.uye-siparis-adres { line-height: 1.5; }
.uye-siparis-takip code { background: #f0f4fa; padding: 0.15rem 0.45rem; border-radius: 4px; font-size: 0.95em; }
.uye-siparis-havale { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--cizgi, #E8ECF2); }
.uye-siparis-detay-alt { display: flex; flex-wrap: wrap; gap: 0.65rem; margin-top: 1.25rem; }
.odeme-ozet-urunler { list-style: none; padding: 0; margin: 0 0 1rem; display: grid; gap: 0.35rem; font-size: 0.9rem; }
.sepet-ekle-form { display: inline-flex; flex-wrap: wrap; gap: 0.65rem; align-items: end; margin: 0.75rem 0; }
.sepet-adet-etiket { display: inline-flex; flex-direction: column; gap: 0.25rem; font-size: 0.85rem; font-weight: 600; }
.btn-sepet { background: var(--vurgu, #E67E22); }
.sepet-ekle-mesaj { display: block; font-size: 0.9rem; margin-top: 0.35rem; }
.sepet-ekle-mesaj.ok { color: #1f6b43; }
.sepet-ekle-mesaj.hata { color: #9b2c2c; }
.gizli { display: none !important; }

/* —— Ürün detay sayfası —— */
.urun-detay-sayfa {
    padding: 1.25rem 0 3rem;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 12rem);
}
.urun-breadcrumb {
    display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.5rem;
    font-size: 0.82rem; color: #667; margin-bottom: 1.25rem;
}
.urun-breadcrumb a { color: #576A8F; text-decoration: none; }
.urun-breadcrumb a:hover { color: var(--vurgu, #E67E22); text-decoration: underline; }
.urun-breadcrumb-aktif { color: var(--metin, #2D3C59); font-weight: 600; max-width: 100%; }

.urun-detay-ust-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 2rem 2.5rem;
    align-items: start;
    margin-bottom: 2rem;
}
.urun-detay-galeri { position: sticky; top: 5.5rem; }
.urun-galeri-ana {
    border-radius: 16px; overflow: hidden;
    background: #fff; border: 1px solid var(--cizgi, #E8ECF2);
    box-shadow: 0 8px 32px rgba(45, 60, 89, 0.06);
    aspect-ratio: 4 / 3;
    display: flex; align-items: center; justify-content: center;
}
.urun-galeri-ana img, .urun-galeri-ana .urun-ana-gorsel {
    width: 100%; height: 100%; max-height: none; object-fit: contain; display: block;
}
.urun-galeri-bos {
    aspect-ratio: 4 / 3; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 0.5rem; background: #f0f4fa; color: #889; border-radius: 16px; border: 1px dashed var(--cizgi, #E8ECF2);
}
.urun-galeri-bos i { font-size: 2.5rem; opacity: 0.5; }
.urun-galeri-kucukler {
    list-style: none; padding: 0; margin: 0.75rem 0 0;
    display: flex; flex-wrap: wrap; gap: 0.5rem;
}
.urun-galeri-thumb {
    border: 2px solid transparent; border-radius: 10px; padding: 0;
    background: #fff; cursor: pointer; overflow: hidden;
    width: 76px; height: 76px; transition: border-color 0.15s, box-shadow 0.15s;
}
.urun-galeri-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.urun-galeri-thumb.aktif, .urun-galeri-thumb:hover {
    border-color: var(--vurgu, #E67E22);
    box-shadow: 0 0 0 1px var(--vurgu, #E67E22);
}

.urun-detay-sidebar {
    padding: 1.5rem 1.65rem; border-radius: 16px;
    border: 1px solid var(--cizgi, #E8ECF2);
    box-shadow: 0 8px 28px rgba(45, 60, 89, 0.07);
    position: sticky; top: 5.5rem;
}
.urun-detay-kategori {
    margin: 0 0 0.35rem; font-size: 0.78rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.06em; color: var(--vurgu, #E67E22);
}
.urun-detay-baslik {
    margin: 0 0 1rem; font-size: clamp(1.35rem, 2.5vw, 1.75rem);
    line-height: 1.25; color: var(--baslik-h1, #1a2332);
}
.urun-detay-fiyat-blok {
    padding: 1rem 1.1rem; margin-bottom: 1rem;
    background: linear-gradient(135deg, #fff9f3 0%, #fff 100%);
    border-radius: 12px; border: 1px solid #fdebd0;
}
.urun-detay-fiyat {
    margin: 0; font-size: clamp(1.5rem, 3vw, 1.85rem);
    font-weight: 800; color: var(--vurgu, #E67E22); line-height: 1.2;
}
.urun-detay-fiyat-teklif { font-size: 1.1rem; font-weight: 600; color: #576A8F; }
.urun-detay-kargo {
    margin: 0.5rem 0 0; font-size: 0.9rem; color: #576A8F;
    display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap;
}
.urun-detay-kargo-birim { color: #889; font-size: 0.85em; }
.urun-detay-kargo-ucretsiz { color: #1f6b43; font-weight: 600; }
.urun-detay-ozet {
    margin: 0 0 1rem; font-size: 0.95rem; line-height: 1.55; color: #445;
}
.urun-detay-guven {
    list-style: none; padding: 0; margin: 0 0 1.25rem;
    display: grid; gap: 0.45rem; font-size: 0.85rem; color: #556;
}
.urun-detay-guven li {
    display: flex; align-items: center; gap: 0.5rem;
}
.urun-detay-guven i { color: var(--vurgu, #E67E22); width: 1.1rem; text-align: center; }

.urun-detay-satin-al { display: grid; gap: 0.85rem; }
.urun-sepet-form { display: grid; gap: 0.85rem; margin: 0; }
.urun-adet-satir { display: grid; gap: 0.35rem; }
.urun-adet-etiket { font-size: 0.82rem; font-weight: 700; color: #556; margin: 0; }
.urun-adet-kontrol {
    display: inline-flex; align-items: stretch;
    border: 1px solid var(--cizgi, #E8ECF2); border-radius: 10px;
    overflow: hidden; background: #fff; width: fit-content;
}
.urun-adet-btn {
    width: 44px; border: 0; background: #f5f8fc; color: var(--metin, #2D3C59);
    font-size: 1.2rem; cursor: pointer; line-height: 1; padding: 0;
    transition: background 0.15s;
}
.urun-adet-btn:hover { background: #e8ecf2; }
.urun-adet-input {
    width: 3.25rem; border: 0; border-left: 1px solid var(--cizgi, #E8ECF2);
    border-right: 1px solid var(--cizgi, #E8ECF2);
    text-align: center; font-size: 1rem; font-weight: 600;
    padding: 0.55rem 0.25rem; margin: 0; -moz-appearance: textfield;
}
.urun-adet-input::-webkit-outer-spin-button,
.urun-adet-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.urun-sepet-btn {
    width: 100%; padding: 0.85rem 1.25rem; font-size: 1.05rem;
    border-radius: 12px; display: inline-flex; align-items: center;
    justify-content: center; gap: 0.5rem; font-weight: 700;
    box-shadow: 0 4px 14px rgba(230, 126, 34, 0.35);
}
.urun-sepet-btn:hover { box-shadow: 0 6px 18px rgba(230, 126, 34, 0.45); }
.urun-sepet-mesaj { display: block; font-size: 0.88rem; min-height: 1.25em; }
.urun-detay-yan-btns {
    display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem;
}
.urun-detay-yan-btns .btn-blok {
    width: 100%; justify-content: center; padding: 0.65rem 0.75rem;
    font-size: 0.88rem; border-radius: 10px;
    display: inline-flex; align-items: center; gap: 0.4rem;
}

.urun-detay-sekmeler {
    padding: 0; overflow: hidden; border-radius: 16px;
    border: 1px solid var(--cizgi, #E8ECF2);
    box-shadow: 0 4px 20px rgba(45, 60, 89, 0.05);
    margin-bottom: 2rem;
}
.urun-detay-tab-list {
    display: flex; gap: 0; border-bottom: 1px solid var(--cizgi, #E8ECF2);
    background: #f8fafc; padding: 0;
    overflow: hidden;
}
.urun-detay-tab {
    flex: 1 1 50%; min-width: 0; padding: 1rem 0.75rem;
    border: 0; background: transparent; font-family: inherit;
    font-size: 0.92rem; font-weight: 600; color: #667; cursor: pointer;
    border-bottom: 3px solid transparent; margin: 0;
    transition: color 0.15s, border-color 0.15s;
    box-sizing: border-box;
    white-space: normal; text-align: center; line-height: 1.3;
}
.urun-detay-tab:hover { color: var(--metin, #2D3C59); }
.urun-detay-tab.aktif {
    color: var(--vurgu, #E67E22); border-bottom-color: var(--vurgu, #E67E22);
    background: #fff;
}
.urun-detay-tab-paneller { padding: 1.5rem 1.65rem; }
.urun-detay-tab-panel { display: none; }
.urun-detay-tab-panel.aktif { display: block; }
.urun-detay-tab-ozet {
    margin: 0 0 1rem; padding-bottom: 1rem;
    border-bottom: 1px solid var(--cizgi, #E8ECF2);
    font-size: 1rem; line-height: 1.55; color: #445;
}
.urun-detay-icerik { font-size: 0.95rem; line-height: 1.65; color: #445; }
.urun-detay-icerik p { margin: 0 0 0.85rem; }
.urun-detay-icerik ul, .urun-detay-icerik ol {
    margin: 0 0 1rem; padding-left: 1.25rem;
    display: grid; gap: 0.4rem;
}
.urun-detay-icerik li { line-height: 1.5; }
.urun-detay-icerik h2, .urun-detay-icerik h3 {
    margin: 1.25rem 0 0.65rem; font-size: 1.05rem; color: var(--metin, #2D3C59);
}
.urun-detay-icerik-teknik ul { list-style: none; padding: 0; margin: 0; }
.urun-detay-icerik-teknik li {
    padding: 0.65rem 0; border-bottom: 1px solid #eef1f6;
    padding-left: 1.25rem; position: relative;
}
.urun-detay-icerik-teknik li::before {
    content: ""; position: absolute; left: 0; top: 1rem;
    width: 6px; height: 6px; border-radius: 50%; background: var(--vurgu, #E67E22);
}
.urun-detay-icerik dl.urun-icerik-ozellik {
    margin: 1rem 0 1.25rem;
    padding: 0;
    border: 1px solid var(--cizgi, #E8ECF2);
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}
.urun-detay-icerik dl.urun-icerik-ozellik .urun-icerik-ozellik-baslik {
    padding: 0.85rem 1rem;
    font-weight: 700;
    font-size: 1rem;
    color: var(--metin, #2D3C59);
    background: #f4f7fb;
    border-bottom: 1px solid #e3e8f0;
}
.urun-detay-icerik dl.urun-icerik-ozellik dt {
    margin: 0;
    padding: 0.7rem 1rem 0.35rem;
    font-weight: 700;
    color: var(--metin, #2D3C59);
    background: #f4f7fb;
}
.urun-detay-icerik dl.urun-icerik-ozellik dd {
    margin: 0;
    padding: 0 1rem 0.75rem;
    border-bottom: 1px solid #eef1f6;
    line-height: 1.55;
}
.urun-detay-icerik dl.urun-icerik-ozellik dt + dd {
    padding-top: 0;
    background: #fff;
}
.urun-detay-icerik dl.urun-icerik-ozellik dd:last-child {
    border-bottom: none;
    padding-bottom: 0.85rem;
}
@media (min-width: 641px) {
    .urun-detay-icerik dl.urun-icerik-ozellik {
        display: grid;
        grid-template-columns: minmax(140px, 38%) 1fr;
    }
    .urun-detay-icerik dl.urun-icerik-ozellik .urun-icerik-ozellik-baslik {
        grid-column: 1 / -1;
    }
    .urun-detay-icerik dl.urun-icerik-ozellik dt,
    .urun-detay-icerik dl.urun-icerik-ozellik dd {
        border-bottom: 1px solid #e3e8f0;
        padding: 0.75rem 1rem;
    }
    .urun-detay-icerik dl.urun-icerik-ozellik dt {
        border-right: 1px solid #e3e8f0;
    }
}
.urun-detay-icerik .urun-icerik-tablo-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 1rem 0 1.25rem;
    border: 1px solid var(--cizgi, #E8ECF2);
    border-radius: 12px;
    background: #fff;
    max-width: 100%;
}
.urun-detay-icerik table.urun-icerik-tablo {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    font-size: 0.92rem;
    table-layout: auto;
}
.urun-detay-icerik table.urun-icerik-tablo th,
.urun-detay-icerik table.urun-icerik-tablo td {
    padding: 0.75rem 0.85rem;
    border: 1px solid #e3e8f0;
    vertical-align: top;
    text-align: left;
    word-break: break-word;
    line-height: 1.5;
}
.urun-detay-icerik table.urun-icerik-tablo th {
    background: #f4f7fb;
    color: var(--metin, #2D3C59);
    font-weight: 700;
}
.urun-detay-icerik table.urun-icerik-tablo tbody tr:nth-child(even) td {
    background: #fafbfd;
}
.urun-detay-icerik table.urun-icerik-tablo-ozellik {
    min-width: 0;
}
.urun-detay-icerik table.urun-icerik-tablo-ozellik td:first-child {
    width: 38%;
    max-width: 220px;
    font-weight: 600;
    color: var(--metin, #2D3C59);
    background: #f4f7fb;
}
.urun-detay-icerik a.urun-icerik-dosya {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0.75rem 0 0.35rem;
    padding: 0.65rem 0.95rem;
    border-radius: 10px;
    background: #eef4ff;
    border: 1px solid #c9d8f5;
    color: #1f4b99;
    font-weight: 600;
    text-decoration: none;
    word-break: break-word;
}
.urun-detay-icerik a.urun-icerik-dosya::before {
    content: "PDF";
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    padding: 0.15rem 0.35rem;
    border-radius: 4px;
    background: #c0392b;
    color: #fff;
    flex-shrink: 0;
}
.urun-detay-icerik a.urun-icerik-dosya:hover {
    background: #dfeaff;
    color: #163a7a;
}
.urun-detay-icerik img.urun-icerik-gorsel {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 0.5rem 0;
}
@media (max-width: 640px) {
    .urun-detay-icerik table.urun-icerik-tablo-ozellik,
    .urun-detay-icerik table.urun-icerik-tablo-ozellik tbody,
    .urun-detay-icerik table.urun-icerik-tablo-ozellik tr,
    .urun-detay-icerik table.urun-icerik-tablo-ozellik td {
        display: block;
        width: 100%;
        max-width: none;
    }
    .urun-detay-icerik table.urun-icerik-tablo-ozellik tr {
        margin-bottom: 0.75rem;
        border: 1px solid #e3e8f0;
        border-radius: 10px;
        overflow: hidden;
    }
    .urun-detay-icerik table.urun-icerik-tablo-ozellik td {
        border: none;
        border-bottom: 1px solid #eef1f6;
    }
    .urun-detay-icerik table.urun-icerik-tablo-ozellik td:last-child {
        border-bottom: none;
    }
    .urun-detay-icerik table.urun-icerik-tablo th,
    .urun-detay-icerik table.urun-icerik-tablo td {
        padding: 0.65rem 0.75rem;
        font-size: 0.88rem;
    }
}

.urun-detay-mobil-bar {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
    background: #fff; border-top: 1px solid var(--cizgi, #E8ECF2);
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.1);
    padding: 0.65rem 0 max(0.65rem, env(safe-area-inset-bottom));
}
.urun-detay-mobil-bar[hidden] { display: none !important; }
.urun-mobil-bar-ic {
    display: flex; align-items: center; gap: 0.75rem;
    max-width: var(--kapsayici-genislik, 1200px); margin: 0 auto;
    padding: 0 1rem;
}
.urun-mobil-bar-fiyat { flex: 1; min-width: 0; }
.urun-mobil-fiyat-etiket { font-size: 1.1rem; font-weight: 800; color: var(--vurgu, #E67E22); }
.urun-mobil-sepet-btn {
    flex-shrink: 0; padding: 0.75rem 1.1rem; border-radius: 12px;
    white-space: nowrap; font-weight: 700;
}

/* Sepete eklendi modal (ürün detay) */
.sepet-ekle-modal {
    position: fixed; inset: 0; z-index: 9500;
    background: rgba(26, 35, 50, 0.55);
    display: flex; align-items: center; justify-content: center;
    padding: 1rem;
    backdrop-filter: blur(2px);
}
.sepet-ekle-modal[hidden] { display: none !important; }
.sepet-ekle-modal-kutu {
    background: #fff; width: 100%; max-width: 400px;
    border-radius: 16px; padding: 1.75rem 1.5rem 1.5rem;
    position: relative; text-align: center;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
    animation: sepet-modal-giris 0.25s ease;
}
@keyframes sepet-modal-giris {
    from { opacity: 0; transform: scale(0.95) translateY(8px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}
.sepet-ekle-modal-kapat {
    position: absolute; top: 0.65rem; right: 0.65rem;
    width: 36px; height: 36px; border: 0; border-radius: 50%;
    background: #f0f4fa; color: #556; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 1.1rem; transition: background 0.15s;
}
.sepet-ekle-modal-kapat:hover { background: #e8ecf2; color: #2D3C59; }
.sepet-ekle-modal-ikon {
    width: 56px; height: 56px; margin: 0 auto 1rem;
    border-radius: 50%; background: #e8f8ef; color: #1f6b43;
    display: flex; align-items: center; justify-content: center; font-size: 1.75rem;
}
.sepet-ekle-modal-kutu h2 {
    margin: 0 0 0.5rem; font-size: 1.25rem; color: var(--metin, #2D3C59);
}
.sepet-ekle-modal-metin {
    margin: 0 0 1.35rem; font-size: 0.95rem; color: #667; line-height: 1.45;
}
.sepet-ekle-modal-btns {
    display: grid; gap: 0.55rem;
}
.sepet-ekle-modal-btns .btn {
    width: 100%; justify-content: center; padding: 0.75rem 1rem;
    border-radius: 12px; display: inline-flex; align-items: center; gap: 0.45rem;
}
body.sepet-modal-acik { overflow: hidden; }

.ilgili-bolum-birlikte { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--cizgi, #E8ECF2); }

@media (max-width: 900px) {
    .urun-detay-ust-grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
    .urun-detay-galeri, .urun-detay-sidebar { position: static; }
    .urun-detay-sidebar { order: 2; }
    .urun-detay-galeri { order: 1; }
    .urun-galeri-ana { aspect-ratio: 1 / 1; max-height: min(70vw, 420px); }
    .urun-detay-sayfa { padding-bottom: 5.5rem; }
}
@media (min-width: 901px) {
    .urun-detay-mobil-bar { display: none !important; }
}
@media (max-width: 480px) {
    .urun-detay-yan-btns { grid-template-columns: 1fr; }
    .urun-detay-sidebar { padding: 1.15rem; }
    .urun-detay-tab-paneller { padding: 1.15rem; }
}