:root {
    --kapsayici: 1280px;
    --gecis:     .16s ease;
    --kose:      2px;

    --baslik-font: 'Bricolage Grotesque', 'Helvetica Neue', Arial, sans-serif;
    --metin-font:  'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    --mono-font:   'Martian Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
    margin: 0;
    background: var(--kagit);
    color: var(--metin);
    font-family: var(--metin-font);
    font-size: 16px;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}

img, svg, video { max-width: 100%; height: auto; display: block; }

a { color: var(--metin); text-decoration: none; transition: color var(--gecis); }
a:hover { color: var(--mavi); }

h1, h2, h3, h4 {
    font-family: var(--baslik-font);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -.02em;
    margin: 0 0 .55em;
    color: var(--baslik);
}
h1 { font-size: clamp(2.1rem, 4.4vw, 3.4rem); }
h2 { font-size: clamp(1.55rem, 2.7vw, 2.25rem); }
h3 { font-size: 1.18rem; }
h4 { font-size: 1rem; }

p { margin: 0 0 1.05em; }
p:last-child { margin-bottom: 0; }

ul, ol { margin: 0 0 1.05em; padding-left: 1.15em; }
li { margin: 0 0 .35em; }

hr { border: 0; border-top: 1px solid var(--cizgi); margin: 2.4rem 0; }

::selection { background: var(--mavi); color: #fff; }

:focus-visible {
    outline: 2px solid var(--vurgu);
    outline-offset: 2px;
}

.kapsayici { width: 100%; max-width: var(--kapsayici); margin: 0 auto; padding: 0 26px; }

.mono {
    font-family: var(--mono-font);
    font-size: .74rem;
    letter-spacing: .02em;
    font-weight: 400;
}
.kucuk  { font-size: .72rem; }
.soluk  { color: var(--metin-2); }
.soluk-2 { color: var(--metin-3); }

.gizli-metin {
    position: absolute; width: 1px; height: 1px;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}

.atla {
    position: absolute; left: -9999px; top: 0; z-index: 999;
    background: var(--mavi); color: #fff;
    padding: 12px 20px; font-weight: 600;
}
.atla:focus { left: 0; color: #fff; }

.tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.etiket {
    display: inline-flex; align-items: center; gap: 10px;
    font-family: var(--mono-font);
    font-size: .7rem; letter-spacing: .16em; text-transform: uppercase;
    color: var(--vurgu); margin: 0 0 14px;
}
.etiket::before {
    content: ""; width: 26px; height: 1px; background: var(--vurgu); flex: none;
}

.rozet {
    display: inline-block;
    font-family: var(--mono-font); font-size: .62rem; letter-spacing: .1em;
    padding: 3px 7px 2px;
    border: 1px solid var(--cizgi-2); border-radius: var(--kose);
    color: var(--metin-2); background: var(--panel-2);
    text-transform: uppercase; white-space: nowrap;
}
.rozet-sari { border-color: var(--vurgu-koyu); color: var(--vurgu); background: var(--vurgu-sis); }

.dugme {
    display: inline-flex; align-items: center; gap: 9px;
    padding: 12px 22px;
    border: 1px solid transparent; border-radius: var(--kose);
    font-family: var(--metin-font); font-weight: 600; font-size: .93rem;
    line-height: 1.2; cursor: pointer; text-align: center;
    transition: background var(--gecis), border-color var(--gecis), color var(--gecis);
}
.dugme-birincil { background: var(--mavi); color: #fff; }
.dugme-birincil:hover { background: var(--mavi-koyu); color: #fff; }

.dugme-cizgi { border-color: var(--cizgi-2); color: var(--metin); background: transparent; }
.dugme-cizgi:hover { border-color: var(--mavi); color: var(--mavi); }

.dugme-genis { width: 100%; justify-content: center; }
.dugme[disabled] { opacity: .55; cursor: not-allowed; }

.tepe {
    position: sticky; top: 0; z-index: 60;
    background: rgba(243, 241, 236, .94);
    border-bottom: 1px solid var(--cizgi);
    backdrop-filter: saturate(140%) blur(6px);
}

.tepe-serit {
    border-bottom: 1px solid var(--cizgi);
    background: var(--kagit-2);
    font-size: .78rem;
}
.tepe-serit-ic {
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; min-height: 34px;
}
.serit-etiket {
    font-family: var(--mono-font); font-size: .64rem;
    letter-spacing: .16em; color: var(--metin-3);
}
.serit-baglantilar { display: flex; align-items: center; gap: 20px; }
.serit-baglantilar a { color: var(--metin-2); font-size: .8rem; }
.serit-baglantilar a:hover { color: var(--mavi); }

.serit-dil { display: flex; gap: 1px; border: 1px solid var(--cizgi); border-radius: var(--kose); }
.serit-dil a {
    font-family: var(--mono-font); font-size: .64rem; letter-spacing: .08em;
    padding: 3px 8px 2px; color: var(--metin-3);
}
.serit-dil a.etkin { background: var(--mavi); color: #fff; border-radius: 1px; }

.tepe-ic {
    display: flex; align-items: center; gap: 20px;
    min-height: 68px;
}

.logo { flex: none; display: block; }
.logo img { width: 144px; height: auto; }

.anamenu { display: flex; align-items: center; gap: 18px; margin-left: auto; }

.menu-liste {
    display: flex; align-items: center; gap: 4px;
    list-style: none; margin: 0; padding: 0;
}
.menu-liste > li { margin: 0; position: relative; }
.menu-liste > li > a {
    display: flex; align-items: center; gap: 6px;
    padding: 10px 11px; white-space: nowrap;
    font-size: .93rem; font-weight: 500; color: var(--metin-2);
    border-radius: var(--kose);
}
.menu-liste > li > a:hover,
.menu-liste > li > a[aria-current] { color: var(--baslik); }
.menu-liste > li > a[aria-current] { box-shadow: inset 0 -2px 0 var(--mavi); }

.ok {
    width: 7px; height: 7px; flex: none;
    border-right: 1.4px solid currentColor; border-bottom: 1.4px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    opacity: .6; transition: transform var(--gecis);
}
.acilir:hover .ok, .acilir.acik .ok { transform: translateY(1px) rotate(225deg); }

.menu-ic-eylem { display: none; }
.menu-sepet { display: none; }

.acilir-kutu {
    position: absolute; top: 100%; left: 0;
    min-width: 230px;
    background: var(--panel);
    border: 1px solid var(--cizgi);
    border-radius: var(--kose);
    padding: 8px;
    opacity: 0; visibility: hidden; transform: translateY(-6px);
    transition: opacity var(--gecis), transform var(--gecis), visibility var(--gecis);
}
.acilir:hover > .acilir-kutu,
.acilir:focus-within > .acilir-kutu,
.acilir.acik > .acilir-kutu {
    opacity: 1; visibility: visible; transform: translateY(0);
}
.acilir-kutu ul { list-style: none; margin: 0; padding: 0; }
.acilir-kutu li { margin: 0; }
.acilir-dar a {
    display: block; padding: 9px 12px;
    font-size: .9rem; color: var(--metin-2); border-radius: var(--kose);
}
.acilir-dar a:hover { background: var(--panel-2); color: var(--baslik); }

.acilir-genis-sarmal { position: static; }
.acilir-genis {
    left: 50%; transform: translate(-50%, -6px);
    width: min(1080px, calc(100vw - 52px));
    padding: 0;
}
.acilir:hover > .acilir-genis,
.acilir:focus-within > .acilir-genis,
.acilir.acik > .acilir-genis { transform: translate(-50%, 0); }

.mega {
    display: grid; grid-template-columns: repeat(4, 1fr);
    gap: 0;
}
.mega-sutun { padding: 22px 22px 18px; border-right: 1px solid var(--cizgi); }
.mega-sutun:last-child { border-right: 0; }

.mega-baslik {
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
    font-family: var(--baslik-font); font-weight: 700;
    font-size: .84rem; letter-spacing: .04em; text-transform: uppercase;
    color: var(--baslik); padding-bottom: 12px; margin-bottom: 10px;
    border-bottom: 1px solid var(--cizgi);
}
.mega-sutun ul { list-style: none; margin: 0; padding: 0; }
.mega-sutun li { margin: 0; }
.mega-sutun li a {
    display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
    padding: 6px 0; font-size: .88rem; color: var(--metin-2);
}
.mega-sutun li a:hover { color: var(--mavi); }
.mega-adet {
    font-family: var(--mono-font); font-size: .62rem;
    color: var(--metin-3); flex: none;
}

.mega-alt {
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; flex-wrap: wrap;
    padding: 14px 22px; border-top: 1px solid var(--cizgi);
    background: var(--kagit-2);
}
.mega-tumu { font-weight: 600; font-size: .9rem; color: var(--vurgu); }
.mega-katalog { font-family: var(--mono-font); font-size: .7rem; color: var(--metin-2); }

.menu-arama { display: flex; align-items: center; }
.menu-arama input {
    width: 148px; padding: 9px 12px;
    background: var(--kagit-2); color: var(--metin);
    border: 1px solid var(--cizgi); border-right: 0;
    border-radius: var(--kose) 0 0 var(--kose);
    font-family: var(--metin-font); font-size: .86rem;
}
.menu-arama input::placeholder { color: var(--metin-3); }
.menu-arama input:focus { outline: none; border-color: var(--cizgi-2); }
.menu-arama button {
    display: flex; align-items: center; justify-content: center;
    width: 38px; height: 38px; flex: none;
    background: var(--panel-2); color: var(--metin-2);
    border: 1px solid var(--cizgi); border-radius: 0 var(--kose) var(--kose) 0;
    cursor: pointer;
}
.menu-arama button:hover { color: var(--vurgu); }

.tepe-eylem { flex: none; padding: 10px 18px; font-size: .88rem; }

.menu-dugme { display: none; }

.hero { position: relative; border-bottom: 1px solid var(--cizgi); overflow: hidden; }

.hero-slayt {
    position: relative;
    display: none;
    background-color: var(--kagit-2);
}
.hero-slayt.etkin { display: block; }

.hero-slayt::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background-image:
        linear-gradient(to right, var(--cizgi) 1px, transparent 1px),
        linear-gradient(to bottom, var(--cizgi) 1px, transparent 1px);
    background-size: 80px 80px;
    opacity: .5;
}

.hero-ic {
    position: relative; z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .85fr);
    gap: 40px; align-items: center;
    min-height: clamp(430px, 58vh, 580px);
    padding-top: 40px; padding-bottom: 40px;
}

.hero-metin { max-width: 34rem; }

.hero-baslik {
    font-size: clamp(2.05rem, 3.6vw, 3.25rem);
    margin-bottom: .5em; white-space: pre-line;
}
.hero-ozet {
    font-size: 1.04rem; color: var(--metin-2);
    max-width: 44ch; margin-bottom: 1.7em;
}
.hero-eylemler { display: flex; flex-wrap: wrap; gap: 12px; }

.hero-not {
    margin: 22px 0 0;
    font-size: .68rem; letter-spacing: .12em; text-transform: uppercase;
    color: var(--metin-3);
}

.hero-gorsel { display: flex; align-items: center; justify-content: flex-end; }
.hero-gorsel img {
    width: auto; max-width: 100%;
    max-height: clamp(340px, 52vh, 520px);
    object-fit: contain;
}

.hero-noktalar {
    position: absolute; z-index: 3; left: 0; right: 0; bottom: 22px;
    display: flex; gap: 10px;
}
.hero-noktalar .kapsayici { display: flex; gap: 10px; }
.hero-nokta {
    width: 34px; height: 3px; padding: 0;
    background: var(--cizgi-2); border: 0; cursor: pointer;
    transition: background var(--gecis);
}
.hero-nokta.etkin { background: var(--vurgu); }
.hero-nokta:hover { background: var(--metin-3); }

.bolum { padding: 76px 0; border-bottom: 1px solid var(--cizgi); }

.bolum-acik { background: var(--panel); }
.bolum-kum  { background: var(--kagit-2); }
.bolum-koyu {
    background: var(--koyu); color: var(--ters);
    border-bottom-color: var(--koyu-cizgi);
}
.bolum-koyu h2, .bolum-koyu h3 { color: #fff; }
.bolum-koyu p { color: var(--koyu-metin); }
.bolum-koyu .etiket { color: var(--koyu-vurgu); }
.bolum-koyu .etiket::before { background: var(--koyu-vurgu); }
.bolum-koyu .dugme-cizgi { border-color: var(--koyu-cizgi); color: var(--ters); }
.bolum-koyu .dugme-cizgi:hover { border-color: var(--koyu-vurgu); color: var(--koyu-vurgu); }
.bolum-koyu .onay-serit span { border-color: var(--koyu-cizgi); color: var(--koyu-metin); }
.bolum-sik { padding: 52px 0; }

.bolum-basi {
    display: flex; align-items: flex-end; justify-content: space-between;
    gap: 24px; flex-wrap: wrap; margin-bottom: 38px;
}
.bolum-basi-metin { max-width: 62ch; }
.bolum-basi h2 { margin-bottom: .35em; }
.bolum-basi p { color: var(--metin-2); margin: 0; }

.urun-izgara {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 18px;
}

.urun-kart {
    display: flex; flex-direction: column;
    background: var(--panel);
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    overflow: hidden;
    transition: background var(--gecis), border-color var(--gecis);
}
.urun-kart:hover { background: var(--panel-2); border-color: var(--cizgi-2); }

.urun-kart-gorsel {
    display: block;
    position: relative;
    aspect-ratio: 4 / 3;
    background: var(--isik);
    overflow: hidden;
}
.urun-kart-gorsel img {
    width: 100%; height: 100%;
    object-fit: contain;
    padding: 16px;
    transition: transform .3s ease;
}
.urun-kart:hover .urun-kart-gorsel img { transform: scale(1.04); }

.urun-kart-norm {
    position: absolute; top: 10px; left: 10px;
    font-family: var(--mono-font); font-size: .6rem; letter-spacing: .1em;
    background: rgba(14, 17, 20, .82); color: #fff;
    padding: 3px 7px 2px; border-radius: var(--kose);
}

.urun-kart-govde {
    display: flex; flex-direction: column; gap: 7px;
    padding: 16px 18px 18px;
    border-top: 1px solid var(--cizgi);
    flex: 1;
}
.urun-kart-grup {
    font-family: var(--mono-font); font-size: .62rem;
    letter-spacing: .1em; text-transform: uppercase; color: var(--metin-3);
}
.urun-kart-ad {
    font-family: var(--baslik-font); font-weight: 700;
    font-size: 1rem; line-height: 1.28; color: var(--baslik); margin: 0;
}
.urun-kart:hover .urun-kart-ad { color: var(--vurgu); }
.urun-kart-ozet {
    font-size: .84rem; color: var(--metin-2); margin: 0;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    line-clamp: 2; overflow: hidden;
}
.urun-kart-alt {
    display: flex; align-items: center; gap: 8px;
    margin-top: auto; padding-top: 12px;
}
.urun-kart-foy {
    font-family: var(--mono-font); font-size: .6rem; letter-spacing: .08em;
    color: var(--metin-3);
}

.grup-izgara {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 18px;
}
.grup-kart {
    display: flex; flex-direction: column; gap: 12px;
    padding: 26px 24px 24px;
    background: var(--panel);
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    transition: background var(--gecis), border-color var(--gecis);
}
.grup-kart:hover { background: var(--panel-2); border-color: var(--cizgi-2); }
.grup-kart-no {
    font-family: var(--mono-font); font-size: .68rem;
    color: var(--vurgu); letter-spacing: .12em;
}
.grup-kart h3 { margin: 0; font-size: 1.16rem; }
.grup-kart:hover h3 { color: var(--vurgu); }
.grup-kart p { font-size: .87rem; color: var(--metin-2); margin: 0; }
.grup-kart-altlar {
    list-style: none; margin: 4px 0 0; padding: 0;
    display: flex; flex-wrap: wrap; gap: 6px;
}
.grup-kart-altlar li { margin: 0; }
.grup-kart-altlar span {
    display: inline-block; font-size: .76rem; color: var(--metin-3);
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    padding: 3px 8px;
}
.grup-kart-adet {
    margin-top: auto; padding-top: 14px;
    border-top: 1px solid var(--cizgi);
    font-family: var(--mono-font); font-size: .66rem; color: var(--metin-3);
}

.sayfa-basi {
    padding: 42px 0 38px;
    border-bottom: 1px solid var(--cizgi);
    background: var(--kagit-2);
}
.sayfa-basi h1 { margin: 10px 0 0; }
.sayfa-basi .ozet { color: var(--metin-2); margin: 14px 0 0; max-width: 68ch; }

.kirinti {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
    list-style: none; margin: 0; padding: 0;
    font-family: var(--mono-font); font-size: .66rem;
    letter-spacing: .06em; color: var(--metin-3);
}
.kirinti li { margin: 0; display: flex; align-items: center; gap: 8px; }
.kirinti li + li::before { content: "/"; color: var(--cizgi-2); }
.kirinti a { color: var(--metin-3); }
.kirinti a:hover { color: var(--mavi); }

.iki-sutun {
    display: grid; grid-template-columns: 272px minmax(0, 1fr);
    gap: 42px; align-items: start;
    padding: 54px 0 76px;
}

.yan {
    position: sticky; top: 118px;
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    background: var(--panel);
}
.yan-baslik {
    padding: 15px 18px; margin: 0;
    border-bottom: 1px solid var(--cizgi);
    font-family: var(--mono-font); font-size: .66rem;
    letter-spacing: .14em; text-transform: uppercase; color: var(--metin-3);
}
.yan-menu, .yan-menu ul { list-style: none; margin: 0; padding: 0; }
.yan-menu > li { border-bottom: 1px solid var(--cizgi); }
.yan-menu > li:last-child { border-bottom: 0; }
.yan-menu > li > a {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 12px 18px;
    font-family: var(--baslik-font); font-weight: 700;
    font-size: .82rem; letter-spacing: .04em; text-transform: uppercase;
    color: var(--baslik);
}
.yan-menu > li > a:hover { color: var(--mavi); }
.yan-menu ul { padding: 0 0 10px; }
.yan-menu ul li a {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 7px 18px 7px 26px;
    font-size: .86rem; color: var(--metin-2);
    border-left: 2px solid transparent;
}
.yan-menu ul li a:hover { color: var(--mavi); }
.yan-menu ul li a.etkin {
    color: var(--vurgu); border-left-color: var(--vurgu);
    background: var(--vurgu-sis);
}
.yan-adet { font-family: var(--mono-font); font-size: .6rem; color: var(--metin-3); }

.yan-kutu {
    margin-top: 18px; padding: 20px 18px;
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    background: var(--panel);
}
.yan-kutu h3 { font-size: 1rem; margin-bottom: .5em; }
.yan-kutu p { font-size: .86rem; color: var(--metin-2); }

.liste-basi {
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; flex-wrap: wrap; margin-bottom: 22px;
}
.liste-sayac { font-family: var(--mono-font); font-size: .68rem; color: var(--metin-3); }

.urun-detay { padding: 42px 0 76px; }

.urun-ust {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 46px; align-items: start;
}

.urun-galeri {
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    background: var(--isik); overflow: hidden;
}
.urun-galeri-buyuk {
    display: block; aspect-ratio: 4 / 3.4;
    background: var(--isik);
}
.urun-galeri-buyuk img {
    width: 100%; height: 100%; object-fit: contain; padding: 26px;
}
.urun-galeri-kucuk {
    display: flex; gap: 1px; background: var(--isik-2);
    border-top: 1px solid var(--isik-2);
}
.urun-galeri-kucuk button {
    flex: 0 0 84px; aspect-ratio: 1; padding: 6px;
    background: var(--isik); border: 0; cursor: pointer;
    border-bottom: 2px solid transparent;
}
.urun-galeri-kucuk button.etkin { border-bottom-color: var(--mavi-koyu); }
.urun-galeri-kucuk img { width: 100%; height: 100%; object-fit: contain; }

.urun-bilgi h1 { font-size: clamp(1.7rem, 3vw, 2.5rem); margin-bottom: .35em; }
.urun-rozetler { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 16px; }
.urun-ozet { font-size: 1.02rem; color: var(--metin-2); margin-bottom: 26px; }

.urun-kunye {
    list-style: none; margin: 0 0 26px; padding: 0;
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    background: var(--panel);
}
.urun-kunye li {
    display: flex; align-items: baseline; gap: 16px; margin: 0;
    padding: 11px 18px; border-bottom: 1px solid var(--cizgi);
}
.urun-kunye li:last-child { border-bottom: 0; }
.urun-kunye dt, .urun-kunye .anahtar {
    flex: 0 0 168px;
    font-family: var(--mono-font); font-size: .66rem;
    letter-spacing: .08em; text-transform: uppercase; color: var(--metin-3);
}
.urun-kunye .deger { flex: 1; font-size: .92rem; color: var(--metin); }

.urun-eylemler { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 8px; }

.foy-kutu {
    display: flex; align-items: center; gap: 14px;
    padding: 14px 18px; margin-top: 18px;
    border: 1px solid var(--cizgi); border-left: 2px solid var(--vurgu);
    border-radius: var(--kose); background: var(--panel);
}
.foy-simge {
    flex: none; width: 34px; height: 34px;
    display: flex; align-items: center; justify-content: center;
    border: 1px solid var(--cizgi-2); border-radius: var(--kose);
    font-family: var(--mono-font); font-size: .56rem; color: var(--vurgu);
}
.foy-kutu strong { display: block; font-size: .92rem; font-weight: 600; }
.foy-kutu span { font-family: var(--mono-font); font-size: .64rem; color: var(--metin-3); }

.urun-govde { margin-top: 62px; }
.urun-sekmeler {
    display: flex; gap: 0; border-bottom: 1px solid var(--cizgi);
    list-style: none; margin: 0 0 28px; padding: 0; flex-wrap: wrap;
}
.urun-sekmeler li { margin: 0; }
.urun-sekmeler button {
    padding: 13px 20px; background: none; border: 0; cursor: pointer;
    font-family: var(--baslik-font); font-weight: 700;
    font-size: .84rem; letter-spacing: .04em; text-transform: uppercase;
    color: var(--metin-3); border-bottom: 2px solid transparent;
}
.urun-sekmeler button:hover { color: var(--metin); }
.urun-sekmeler button.etkin { color: var(--baslik); border-bottom-color: var(--vurgu); }

.sekme-icerik[hidden] { display: none; }

.zengin { max-width: 76ch; color: var(--metin-2); }
.zengin h2 { font-size: 1.32rem; margin: 1.7em 0 .5em; color: var(--baslik); }
.zengin h2:first-child { margin-top: 0; }
.zengin h3 { font-size: 1.06rem; margin: 1.5em 0 .45em; color: var(--baslik); }
.zengin strong { color: var(--metin); font-weight: 600; }
.zengin a { color: var(--vurgu); text-decoration: underline; text-underline-offset: 3px; }
.zengin ul, .zengin ol { padding-left: 1.25em; }
.zengin li::marker { color: var(--vurgu-koyu); }
.zengin img { border-radius: var(--kose); margin: 1.4em 0; }
.zengin blockquote {
    margin: 1.6em 0; padding: 4px 0 4px 20px;
    border-left: 2px solid var(--vurgu); color: var(--metin);
}

.teknik-tablo { width: 100%; overflow-x: auto; }
.teknik-tablo table {
    width: 100%; border-collapse: collapse;
    border: 1px solid var(--cizgi); border-radius: var(--kose);
}
.teknik-tablo th, .teknik-tablo td {
    padding: 11px 16px; text-align: left;
    border-bottom: 1px solid var(--cizgi); font-size: .9rem;
}
.teknik-tablo tr:last-child th, .teknik-tablo tr:last-child td { border-bottom: 0; }
.teknik-tablo th {
    width: 232px;
    font-family: var(--mono-font); font-weight: 400;
    font-size: .66rem; letter-spacing: .08em; text-transform: uppercase;
    color: var(--metin-3); background: var(--kagit-2);
}
.teknik-tablo td { color: var(--metin); font-family: var(--mono-font); font-size: .76rem; }

.sayfalama {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
    list-style: none; margin: 38px 0 0; padding: 0;
}
.sayfalama li { margin: 0; }
.sayfalama a, .sayfalama span {
    display: flex; align-items: center; justify-content: center;
    min-width: 40px; height: 40px; padding: 0 12px;
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    font-family: var(--mono-font); font-size: .72rem; color: var(--metin-2);
}
.sayfalama a:hover { border-color: var(--vurgu); color: var(--vurgu); }
.sayfalama .etkin { background: var(--vurgu); border-color: var(--vurgu); color: #fff; }
.sayfalama .pasif { opacity: .35; }

.form-duzen {
    display: grid; grid-template-columns: minmax(0, 1fr) 352px;
    gap: 46px; align-items: start;
    padding: 54px 0 76px;
}

.form-kutu {
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    background: var(--panel); padding: 30px;
}

.alan-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.alan-tam { grid-column: 1 / -1; }

.alan { display: flex; flex-direction: column; gap: 6px; }
.alan label {
    font-family: var(--mono-font); font-size: .64rem;
    letter-spacing: .1em; text-transform: uppercase; color: var(--metin-3);
}
.alan .zorunlu-im { color: var(--vurgu); }

.alan input[type="text"],
.alan input[type="email"],
.alan input[type="tel"],
.alan input[type="search"],
.alan input[type="file"],
.alan select,
.alan textarea {
    width: 100%; padding: 12px 14px;
    background: var(--kagit-2); color: var(--metin);
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    font-family: var(--metin-font); font-size: .94rem;
    transition: border-color var(--gecis);
}
.alan textarea { min-height: 148px; resize: vertical; }
.alan input:focus, .alan select:focus, .alan textarea:focus {
    outline: none; border-color: var(--cizgi-2);
}
.alan input::placeholder, .alan textarea::placeholder { color: var(--metin-3); }

.alan-yardim { font-size: .78rem; color: var(--metin-3); }

.alan.hatali input, .alan.hatali select, .alan.hatali textarea { border-color: var(--hata); }
.alan-hata {
    display: flex; align-items: flex-start; gap: 6px;
    font-size: .8rem; color: var(--hata);
}
.alan-hata::before { content: "!"; font-family: var(--mono-font); font-weight: 600; }

.onay { display: flex; align-items: flex-start; gap: 10px; }
.onay input { margin-top: 4px; accent-color: var(--vurgu); flex: none; width: 16px; height: 16px; }
.onay label {
    font-family: var(--metin-font); font-size: .85rem;
    letter-spacing: 0; text-transform: none; color: var(--metin-2);
}

.uyari {
    display: flex; gap: 12px; align-items: flex-start;
    padding: 15px 18px; margin-bottom: 24px;
    border: 1px solid var(--cizgi); border-left-width: 2px;
    border-radius: var(--kose); background: var(--kagit-2);
    font-size: .92rem;
}
.uyari-basari { border-left-color: var(--basari); color: var(--metin); }
.uyari-hata { border-left-color: var(--hata); color: var(--metin); }
.uyari strong { display: block; margin-bottom: 2px; color: var(--baslik); }

.iletisim-kart {
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    background: var(--panel); padding: 26px;
}
.iletisim-kart + .iletisim-kart { margin-top: 18px; }
.iletisim-kart h2 { font-size: 1.1rem; }
.iletisim-satir {
    display: flex; gap: 14px; padding: 12px 0;
    border-bottom: 1px solid var(--cizgi);
}
.iletisim-satir:last-child { border-bottom: 0; padding-bottom: 0; }
.iletisim-satir .anahtar {
    flex: 0 0 104px;
    font-family: var(--mono-font); font-size: .62rem;
    letter-spacing: .1em; text-transform: uppercase; color: var(--metin-3);
    padding-top: 3px;
}
.iletisim-satir .deger { flex: 1; min-width: 0; font-size: .93rem; word-break: break-word; }
.iletisim-satir .deger a { display: inline; }

.harita {
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    overflow: hidden; margin-top: 18px; background: var(--panel);
}
.harita iframe { display: block; width: 100%; height: 340px; border: 0; }

.haber-izgara {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 18px;
}
.haber-kart {
    display: flex; flex-direction: column; background: var(--panel);
    border: 1px solid var(--cizgi); border-radius: var(--kose); overflow: hidden;
    transition: background var(--gecis), border-color var(--gecis);
}
.haber-kart:hover { background: var(--panel-2); border-color: var(--cizgi-2); }
.haber-kart-gorsel { display: block; aspect-ratio: 16 / 9; background: var(--kagit-2); overflow: hidden; }
.haber-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.haber-kart-govde { padding: 20px 22px 24px; display: flex; flex-direction: column; gap: 9px; flex: 1; }
.haber-kart h3 { margin: 0; font-size: 1.08rem; }
.haber-kart:hover h3 { color: var(--vurgu); }
.haber-kart p { margin: 0; font-size: .87rem; color: var(--metin-2); }
.haber-tarih { font-family: var(--mono-font); font-size: .62rem; letter-spacing: .1em; color: var(--vurgu); }

.yazi-govde { padding: 46px 0 76px; }
.yazi-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 46px; align-items: start; }
.yazi-kapak { border: 1px solid var(--cizgi); border-radius: var(--kose); overflow: hidden; margin-bottom: 34px; }

.sertifika-izgara {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 22px;
}
.sertifika-kart {
    display: flex; flex-direction: column;
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    background: var(--panel); overflow: hidden;
}
.sertifika-gorsel {
    display: block; aspect-ratio: 1 / 1.4;
    background: var(--isik); padding: 14px;
}
.sertifika-gorsel img { width: 100%; height: 100%; object-fit: contain; }
.sertifika-govde { padding: 18px 20px 20px; border-top: 1px solid var(--cizgi); }
.sertifika-govde h3 { margin: 0 0 4px; font-size: 1rem; }
.sertifika-kurum { font-family: var(--mono-font); font-size: .62rem; letter-spacing: .08em; color: var(--vurgu); }
.sertifika-govde p { margin: 10px 0 0; font-size: .84rem; color: var(--metin-2); }

.onay-serit { display: flex; flex-wrap: wrap; gap: 10px; }
.onay-serit span {
    font-family: var(--mono-font); font-size: .68rem; letter-spacing: .1em;
    padding: 8px 14px; border: 1px solid var(--cizgi-2); border-radius: var(--kose);
    color: var(--metin-2);
}

.referans-izgara {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 14px;
}
.referans-kart {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 8px; min-height: 128px; padding: 20px; background: var(--panel);
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    text-align: center;
}
.referans-kart img { max-height: 46px; width: auto; filter: grayscale(1) brightness(1.6); opacity: .75; }
.referans-kart:hover img { filter: none; opacity: 1; }
.referans-ad { font-size: .88rem; font-weight: 600; }
.referans-sektor { font-family: var(--mono-font); font-size: .6rem; color: var(--metin-3); }

.cagri {
    display: flex; align-items: center; justify-content: space-between;
    gap: 30px; flex-wrap: wrap;
    padding: 38px 40px;
    border: 1px solid var(--cizgi); border-left: 2px solid var(--vurgu);
    border-radius: var(--kose); background: var(--panel);
}
.cagri h2 { margin: 0 0 .3em; font-size: 1.5rem; }
.cagri p { margin: 0; color: var(--metin-2); max-width: 56ch; }
.cagri-eylemler { display: flex; gap: 12px; flex-wrap: wrap; }

.bos {
    padding: 56px 30px; text-align: center;
    border: 1px dashed var(--cizgi-2); border-radius: var(--kose);
    color: var(--metin-2);
}
.hata-sayfa { padding: 110px 0; text-align: center; }
.hata-kod {
    font-family: var(--mono-font); font-size: 3.6rem; font-weight: 600;
    color: var(--vurgu); letter-spacing: .04em; line-height: 1;
}
.hata-sayfa h1 { margin: 22px 0 12px; }
.hata-sayfa p { color: var(--metin-2); max-width: 46ch; margin: 0 auto 28px; }

.dip { background: var(--koyu); color: var(--ters); border-top: 1px solid var(--koyu); }
.dip a { color: var(--koyu-baglanti); }
.dip a:hover { color: var(--koyu-vurgu); }

.dip-ust {
    display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.15fr;
    gap: 42px; padding: 62px 0 48px;
}
.dip-marka img { width: 144px; }
.dip-ozet { margin: 18px 0 12px; color: var(--koyu-metin); font-size: .92rem; max-width: 34ch; }
.dip-norm { color: var(--koyu-metin-2); margin-bottom: 20px; line-height: 1.9; }

.dip-baslik {
    font-family: var(--mono-font); font-size: .64rem;
    letter-spacing: .14em; text-transform: uppercase; color: var(--koyu-vurgu);
    margin: 0 0 16px; font-weight: 400;
}
.dip-sutun ul { list-style: none; margin: 0; padding: 0; }
.dip-sutun li { margin: 0 0 9px; }
.dip-sutun a { font-size: .89rem; color: var(--koyu-baglanti); }
.dip-sutun a:hover { color: var(--koyu-vurgu); }

.dip-adres { font-style: normal; display: flex; flex-direction: column; gap: 9px; }
.dip-satir { font-size: .89rem; color: var(--koyu-metin); }
a.dip-satir:hover { color: var(--koyu-vurgu); }

.dip-sosyal { display: flex; gap: 8px; list-style: none; margin: 18px 0 0; padding: 0; flex-wrap: wrap; }
.dip-sosyal li { margin: 0; }
.dip-sosyal a {
    display: inline-block; padding: 5px 11px;
    border: 1px solid var(--koyu-cizgi); border-radius: var(--kose);
    font-family: var(--mono-font); font-size: .6rem; letter-spacing: .08em;
    color: var(--koyu-metin-2);
}
.dip-sosyal a:hover { border-color: var(--koyu-vurgu); color: var(--koyu-vurgu); }

.dip .dugme-cizgi { border-color: var(--koyu-cizgi); color: var(--ters); }
.dip .dugme-cizgi:hover { border-color: var(--koyu-vurgu); color: var(--koyu-vurgu); }

.dip-alt {
    display: flex; align-items: center; justify-content: space-between;
    gap: 18px; flex-wrap: wrap;
    padding: 20px 26px; border-top: 1px solid var(--koyu-cizgi);
    color: var(--koyu-metin-2);
}
.dip-alt p { margin: 0; }
.dip-alt a { color: var(--koyu-metin-2); }
.dip-alt a:hover { color: var(--koyu-vurgu); }

@media (max-width: 1100px) {
    .dip-ust { grid-template-columns: 1fr 1fr; gap: 34px; }
    .iki-sutun { grid-template-columns: 232px minmax(0, 1fr); gap: 30px; }
    .form-duzen { grid-template-columns: minmax(0, 1fr) 300px; gap: 30px; }
    .yazi-duzen { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 1180px) {
    .menu-arama { display: none; }
}

@media (max-width: 980px) {
    .deger-liste { grid-template-columns: repeat(2, 1fr); }
    .deger-kart:nth-child(2) { border-right: 0; }
    .deger-kart:nth-child(-n+2) { border-bottom: 1px solid var(--cizgi); }
    .urun-ust { grid-template-columns: minmax(0, 1fr); gap: 30px; }
    .iki-sutun { grid-template-columns: minmax(0, 1fr); }
    .yan { position: static; }
    .form-duzen { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 900px) {

    .tepe-eylem { display: none; }
    .menu-ic-eylem { display: block; margin-top: 10px; }
    .menu-sepet { display: block; }
    .sepet-baglanti { display: none; }

    .menu-liste > li.menu-ic-eylem > a.dugme {
        width: 100%; justify-content: center;
        padding: 13px 22px; color: #fff; font-weight: 600;
    }
    .menu-liste > li.menu-ic-eylem > a.dugme:hover { color: #fff; }

    .menu-dugme {
        display: flex; align-items: center; gap: 10px;
        margin-left: auto; padding: 9px 14px;
        background: var(--panel); color: var(--metin);
        border: 1px solid var(--cizgi); border-radius: var(--kose);
        font-family: var(--mono-font); font-size: .66rem;
        letter-spacing: .12em; text-transform: uppercase; cursor: pointer;
    }
    .menu-cizgi { position: relative; width: 16px; height: 2px; background: currentColor; }
    .menu-cizgi::before, .menu-cizgi::after {
        content: ""; position: absolute; left: 0; width: 16px; height: 2px; background: currentColor;
        transition: transform var(--gecis), opacity var(--gecis);
    }
    .menu-cizgi::before { top: -5px; }
    .menu-cizgi::after  { top: 5px; }
    .menu-dugme[aria-expanded="true"] .menu-cizgi { background: transparent; }
    .menu-dugme[aria-expanded="true"] .menu-cizgi::before { transform: translateY(5px) rotate(45deg); }
    .menu-dugme[aria-expanded="true"] .menu-cizgi::after  { transform: translateY(-5px) rotate(-45deg); }

    .anamenu {
        position: absolute; top: 100%; left: 0; right: 0;
        display: none; flex-direction: column; align-items: stretch; gap: 0;
        max-height: calc(100vh - 102px); overflow-y: auto;
        padding: 14px 26px 26px;
        background: var(--kagit); border-top: 1px solid var(--cizgi);
        border-bottom: 1px solid var(--cizgi);
    }
    .anamenu.acik { display: flex; }

    .menu-liste { flex-direction: column; align-items: stretch; gap: 0; }
    .menu-liste > li { border-bottom: 1px solid var(--cizgi); }
    .menu-liste > li:last-child { border-bottom: 0; }
    .menu-liste > li > a { padding: 13px 0; font-size: 1rem; }
    .menu-liste > li > a[aria-current] { box-shadow: none; color: var(--vurgu); }

    .acilir-kutu {
        position: static; opacity: 1; visibility: visible; transform: none;
        border: 0; border-radius: 0; background: transparent;
        padding: 0 0 12px; display: none; width: auto; min-width: 0;
    }
    .acilir.acik > .acilir-kutu { display: block; }
    .acilir-genis { width: auto; transform: none; left: auto; }
    .acilir:hover > .acilir-kutu { opacity: 1; visibility: visible; }

    .mega { grid-template-columns: 1fr; }
    .mega-sutun { border-right: 0; padding: 10px 0; border-bottom: 1px solid var(--cizgi); }
    .mega-sutun:last-child { border-bottom: 0; }
    .mega-alt { padding: 14px 0; background: transparent; }

    .menu-arama { display: flex; margin-top: 14px; }
    .menu-arama input { width: 100%; }

    .hero-ic {
        grid-template-columns: minmax(0, 1fr);
        gap: 26px; min-height: 0;
        padding-top: 34px; padding-bottom: 30px;
    }
    .hero-metin { max-width: none; order: 2; }
    .hero-gorsel { order: 1; justify-content: center; }
    .hero-gorsel img { max-height: 230px; }
    .hero-not { margin-top: 18px; }
    .hero-noktalar { position: static; padding-top: 20px; padding-bottom: 26px; }
}

@media (max-width: 680px) {
    .kapsayici { padding: 0 18px; }
    .bolum { padding: 54px 0; }
    .serit-baglantilar a:not([href^="tel"]) { display: none; }
    .serit-etiket { display: none; }
    .serit-baglantilar { width: 100%; justify-content: space-between; }
    .deger-liste { grid-template-columns: 1fr; }
    .deger-kart { border-right: 0; border-bottom: 1px solid var(--cizgi); }
    .deger-kart:last-child { border-bottom: 0; }
    .deger-kart > a { padding: 18px 26px 20px 20px; }
    .deger-aciklama { max-width: none; }
    .alan-izgara { grid-template-columns: minmax(0, 1fr); }
    .form-kutu { padding: 22px; }
    .dip-ust { grid-template-columns: 1fr; gap: 30px; padding: 46px 0 34px; }
    .cagri { padding: 26px 22px; }
    .urun-kunye dt, .urun-kunye .anahtar { flex-basis: 120px; }
    .teknik-tablo th { width: 140px; }
    .urun-galeri-kucuk button { flex-basis: 64px; }
}

@media (prefers-reduced-motion: reduce) {
    * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
    html { scroll-behavior: auto; }
}

@media print {
    .tepe, .dip, .hero-noktalar, .urun-eylemler, .cagri { display: none; }
    body { background: #fff; color: #000; }
}

.filtre {
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    background: var(--panel); padding: 20px 22px; margin-bottom: 24px;
}
.filtre-basi {
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; flex-wrap: wrap; margin-bottom: 14px;
}
.filtre-basi .etiket { margin: 0; }
.filtre-temizle { font-size: .82rem; color: var(--metin-2); text-decoration: underline; text-underline-offset: 3px; }

.filtre-alanlar {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px;
}
.filtre-alan { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.filtre-alan label {
    font-family: var(--mono-font); font-size: .62rem;
    letter-spacing: .1em; text-transform: uppercase; color: var(--metin-3);
}
.filtre-alan select {
    width: 100%; padding: 10px 12px;
    background: var(--kagit); color: var(--metin);
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    font-family: var(--metin-font); font-size: .88rem;
}
.filtre-alan select:focus { outline: none; border-color: var(--mavi); }
.filtre-gonder { justify-content: flex-end; }

.filtre-etkin {
    display: flex; flex-wrap: wrap; gap: 7px;
    list-style: none; margin: 14px 0 0; padding: 14px 0 0;
    border-top: 1px solid var(--cizgi);
}
.filtre-etkin li { margin: 0; }
.filtre-etkin a {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 5px 11px; font-size: .8rem;
    border: 1px solid var(--mavi); border-radius: var(--kose);
    background: var(--mavi-sis); color: var(--mavi);
}
.filtre-etkin a:hover { background: var(--mavi); color: #fff; }
.filtre-etkin strong { font-weight: 600; }

.album-izgara {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px;
}
.album-kart {
    display: flex; flex-direction: column;
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    background: var(--panel); overflow: hidden;
    transition: border-color var(--gecis);
}
.album-kart:hover { border-color: var(--cizgi-2); }
.album-kapak {
    display: block; position: relative;
    aspect-ratio: 4 / 3; background: var(--isik); overflow: hidden;
}
.album-kapak img { width: 100%; height: 100%; object-fit: contain; padding: 14px; transition: transform .35s ease; }
.album-kart:hover .album-kapak img { transform: scale(1.03); }
.album-adet {
    position: absolute; left: 12px; bottom: 12px;
    padding: 4px 9px 3px; font-size: .6rem; letter-spacing: .08em;
    background: rgba(14, 17, 20, .86); color: #fff; border-radius: var(--kose);
}
.album-govde { padding: 18px 20px 22px; border-top: 1px solid var(--cizgi); }
.album-govde h2 { margin: 0 0 7px; font-size: 1.08rem; }
.album-govde p { margin: 0; font-size: .87rem; color: var(--metin-2); }

.galeri-izgara {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px;
}
.galeri-oge {
    display: block; padding: 0; cursor: zoom-in;
    aspect-ratio: 1; overflow: hidden;
    background: var(--isik);
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    transition: border-color var(--gecis);
}
.galeri-oge:hover { border-color: var(--mavi); }
.galeri-oge img { width: 100%; height: 100%; object-fit: contain; padding: 10px; }

.album-diger { margin-top: 48px; padding-top: 28px; border-top: 1px solid var(--cizgi); }
.album-baglantilar { display: flex; flex-wrap: wrap; gap: 10px; }

.isikkutusu {
    position: fixed; inset: 0; z-index: 200;
    display: flex; align-items: center; justify-content: center; gap: 10px;
    padding: 24px; background: rgba(12, 14, 17, .93);
}
.isikkutusu[hidden] { display: none; }
.isikkutusu-govde {
    margin: 0; max-width: min(1100px, 92vw); max-height: 88vh;
    display: flex; flex-direction: column; align-items: center; gap: 14px;
}
.isikkutusu-govde img {
    max-width: 100%; max-height: 78vh; object-fit: contain;
    background: #fff; border-radius: var(--kose);
}
.isikkutusu-govde figcaption { color: var(--koyu-baglanti); font-size: .7rem; letter-spacing: .06em; text-align: center; }
.isikkutusu-kapat {
    position: absolute; top: 16px; right: 20px;
    width: 40px; height: 40px; padding: 0; line-height: 1;
    font-size: 1.7rem; color: #fff; background: none; border: 0; cursor: pointer;
}
.isikkutusu-ok {
    width: 46px; height: 46px; flex: none; padding: 0;
    font-size: 1.9rem; line-height: 1; color: #fff; cursor: pointer;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .18); border-radius: var(--kose);
}
.isikkutusu-ok:hover { background: rgba(255, 255, 255, .18); }
.isikkutusu-kapat:hover { color: var(--vurgu); }

.sepet-baglanti {
    position: relative; display: flex; align-items: center; gap: 7px;
    padding: 9px 12px; flex: none;
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    color: var(--metin-2);
}
.sepet-baglanti:hover { border-color: var(--mavi); color: var(--mavi); }
.sepet-baglanti.dolu { border-color: var(--mavi); color: var(--mavi); background: var(--mavi-sis); }
.sepet-sayac { font-family: var(--mono-font); font-size: .68rem; }

.sepet-liste {
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    background: var(--panel); overflow: hidden;
}
.urun-izgara:empty, .grup-izgara:empty, .haber-izgara:empty { display: none; }
.sepet-satir {
    display: grid; grid-template-columns: 92px minmax(0, 1fr) 120px auto;
    gap: 18px; align-items: center;
    padding: 16px 20px; border-bottom: 1px solid var(--cizgi);
}
.sepet-satir:last-child { border-bottom: 0; }
.sepet-gorsel {
    display: block; aspect-ratio: 4 / 3; background: var(--isik);
    border: 1px solid var(--cizgi); border-radius: var(--kose); overflow: hidden;
}
.sepet-gorsel img { width: 100%; height: 100%; object-fit: contain; padding: 6px; }
.sepet-bilgi h2 { margin: 0 0 5px; font-size: 1rem; }
.sepet-bilgi p { margin: 0; }
.sepet-adet { display: flex; flex-direction: column; gap: 5px; }
.sepet-adet label { letter-spacing: .08em; text-transform: uppercase; color: var(--metin-3); }
.sepet-adet input {
    width: 100%; padding: 9px 11px; text-align: center;
    background: var(--kagit); color: var(--metin);
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    font-family: var(--mono-font); font-size: .82rem;
}
.sepet-cikar {
    padding: 7px 12px; font-size: .8rem; cursor: pointer;
    background: none; color: var(--hata);
    border: 1px solid transparent; border-radius: var(--kose);
}
.sepet-cikar:hover { border-color: var(--hata); background: rgba(179, 38, 30, .07); }

.sepet-eylemler { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }

.sepet-ekle-form { display: flex; gap: 8px; align-items: stretch; }
.sepet-ekle-adet {
    width: 76px; padding: 11px 10px; text-align: center;
    background: var(--panel); color: var(--metin);
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    font-family: var(--mono-font); font-size: .8rem;
}

.sepet-ozet {
    padding: 16px 18px; margin-bottom: 22px;
    border: 1px solid var(--cizgi); border-left: 2px solid var(--mavi);
    border-radius: var(--kose); background: var(--mavi-sis);
}
.sepet-ozet .etiket { color: var(--mavi); margin-bottom: 10px; }
.sepet-ozet .etiket::before { background: var(--mavi); }
.sepet-ozet ul { list-style: none; margin: 0 0 10px; padding: 0; }
.sepet-ozet li { margin: 0 0 5px; font-size: .88rem; }

.dugme-whatsapp { background: #1f9d55; border-color: #1f9d55; color: #fff; }
.dugme-whatsapp:hover { background: #178345; border-color: #178345; color: #fff; }

.whatsapp-yuzen {
    position: fixed; right: 20px; bottom: 20px; z-index: 90;
    display: flex; align-items: center; justify-content: center;
    width: 54px; height: 54px;
    background: #1f9d55; color: #fff; border-radius: 50%;
    box-shadow: 0 6px 20px rgba(15, 40, 25, .28);
    transition: transform var(--gecis), background var(--gecis);
}
.whatsapp-yuzen:hover { background: #178345; color: #fff; transform: translateY(-2px); }

@media (max-width: 680px) {
    .whatsapp-yuzen { right: 14px; bottom: 14px; width: 50px; height: 50px; }
    .sepet-satir { grid-template-columns: 72px minmax(0, 1fr); grid-template-areas: "g b" "a a" "c c"; }
    .sepet-gorsel { grid-area: g; }
    .sepet-bilgi { grid-area: b; }
    .sepet-adet { grid-area: a; flex-direction: row; align-items: center; gap: 10px; }
    .sepet-adet input { width: 90px; }
    .sepet-cikar { grid-area: c; justify-self: start; }
    .galeri-izgara { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; }
    .isikkutusu { padding: 12px; }
    .isikkutusu-ok { width: 38px; height: 38px; font-size: 1.5rem; }
}

.hat-bul {
    background: var(--panel);
    border-bottom: 1px solid var(--cizgi);
    padding: 40px 0;
}
.hat-bul-ic {
    display: grid; grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
    gap: 40px; align-items: center;
}
.hat-bul-metin h2 { font-size: 1.5rem; margin-bottom: .35em; }
.hat-bul-metin p { margin: 0; font-size: .9rem; color: var(--metin-2); }

.hat-bul-form {
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    gap: 12px; align-items: end;
}
.hat-bul-alan { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.hat-bul-alan label {
    font-family: var(--mono-font); font-size: .6rem;
    letter-spacing: .1em; text-transform: uppercase; color: var(--metin-3);
}
.hat-bul-alan select {
    width: 100%; padding: 11px 12px;
    background: var(--kagit); color: var(--metin);
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    font-family: var(--metin-font); font-size: .88rem;
}
.hat-bul-alan select:focus { outline: none; border-color: var(--mavi); }
.hat-bul-form .dugme { padding: 12px 22px; }

.galeri-serit {
    display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px;
}
.galeri-serit-oge {
    display: block; aspect-ratio: 1; overflow: hidden;
    background: var(--isik);
    border: 1px solid var(--cizgi); border-radius: var(--kose);
    transition: border-color var(--gecis);
}
.galeri-serit-oge:hover { border-color: var(--mavi); }
.galeri-serit-oge img { width: 100%; height: 100%; object-fit: contain; padding: 8px; transition: transform .35s ease; }
.galeri-serit-oge:hover img { transform: scale(1.05); }

@media (max-width: 1100px) {
    .hat-bul-ic { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .galeri-serit { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 680px) {
    .hat-bul-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hat-bul-form .dugme { grid-column: 1 / -1; justify-content: center; }
    .galeri-serit { grid-template-columns: repeat(2, 1fr); }
}

.onay-kutusu {
    max-width: 440px; width: calc(100% - 40px);
    padding: 0; border: 1px solid var(--cizgi-2); border-radius: var(--kose);
    background: var(--panel); color: var(--metin);
}
.onay-kutusu::backdrop { background: rgba(12, 15, 19, .55); }
.onay-govde { padding: 28px 28px 24px; margin: 0; }
.onay-baslik {
    margin: 0 0 10px; font-size: 1.2rem;
    font-family: var(--baslik-font); color: var(--baslik);
}
.onay-metin { margin: 0 0 24px; font-size: .95rem; color: var(--metin-2); line-height: 1.6; }
.onay-dugmeler { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }
.onay-dugmeler .dugme { cursor: pointer; }
.dugme-tehlike {
    background: var(--hata); border-color: var(--hata); color: #fff; font-weight: 600;
}
.dugme-tehlike:hover { background: var(--hata); border-color: var(--hata); color: #fff; filter: brightness(.9); }

@media (max-width: 480px) {
    .onay-govde { padding: 22px 20px 20px; }
    .onay-dugmeler { flex-direction: column-reverse; }
    .onay-dugmeler .dugme { width: 100%; justify-content: center; }
}