:root {
  --sari: #FFC20E;
  --sari-acik: #FFD54A;
  --sari-zemin: #FFF8DF;
  --sari-cizgi: #F3DB8C;
  --antrasit: #1F2A37;
  --antrasit-2: #2B3A4B;
  --antrasit-3: #3A4B5E;
  --turuncu: #F26B1D;
  --turuncu-koyu: #D9560D;
  --mavi: #1E6FD9;
  --mavi-koyu: #1557B0;
  --mavi-zemin: #EEF5FE;
  --kirmizi: #D7263D;
  --kirmizi-zemin: #FDECEE;
  --yesil: #1F9D55;
  --yesil-koyu: #17803F;
  --yesil-zemin: #E8F6EE;
  --metin: #333A44;
  --soluk: #6B7480;
  --soluk-acik: #C8CFD8;
  --cok-soluk: #9AA1AA;
  --cizgi: #DCE0E5;
  --cizgi-acik: #ECEEF1;
  --zemin: #F4F5F7;
  --zemin-2: #F8F9FA;
  --beyaz: #FFFFFF;
  --perde: rgba(15, 20, 28, .5);
  --golge: 0 1px 3px rgba(31, 42, 55, .12);
  --golge-buyuk: 0 8px 24px rgba(31, 42, 55, .18);
  --golge-ust: 0 -2px 12px rgba(31, 42, 55, .10);
  --yazi: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --baslik-yazi: "Montserrat", Arial, sans-serif;
  --alt-bar: 58px;
  --guvenli: env(safe-area-inset-bottom, 0px);
  --celik: #E7EAEE;
  --celik-koyu: #5B6775;
  --sayfa: #EEF0F3;
  --radius: 2px;
  --golge-kart: 0 1px 2px rgba(31, 42, 55, .06), 0 6px 18px rgba(31, 42, 55, .07);
  --golge-kart-ust: 0 2px 4px rgba(31, 42, 55, .08), 0 14px 30px rgba(31, 42, 55, .14);
  --koyu-yazi: rgba(255, 255, 255, .72);
  --koyu-cizgi: rgba(255, 255, 255, .12);
}

@font-face {
  font-family: "Montserrat";
  src: url("../font/Montserrat-var.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
html.kilit, html.kilit body { overflow: hidden; }
body { margin: 0; font: 14px/1.45 var(--yazi); color: var(--metin); background: var(--beyaz); }
a { color: var(--mavi); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; display: block; }
h1, h2, h3, h4 { margin: 0; line-height: 1.25; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
hr { border: 0; border-top: 1px solid var(--cizgi); margin: 12px 0; }
summary { cursor: pointer; }
.kap { max-width: 1180px; margin: 0 auto; padding: 0 15px; }
.govde { min-height: 60vh; padding-bottom: 30px; }
.gizli { display: none !important; }
.filtre-alt-baslik { margin: 10px 0 4px; }
.ekran-okuyucu { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.ikon { width: 18px; height: 18px; flex: none; vertical-align: middle; }
.soluk { color: var(--soluk); }
.kirmizi { color: var(--kirmizi); }
.yesil { color: var(--yesil); }
.sag-hiza { text-align: right; }
.rozet { display: inline-block; min-width: 18px; padding: 0 5px; border-radius: 9px; background: var(--kirmizi); color: var(--beyaz); font: bold 11px/18px var(--yazi); text-align: center; font-style: normal; }
.kaydir-gizli, .hesap-gruplar, .hesap-alt, .detay-araclar, .kirinti, .sekme, .galeri-kucukler, .benzer .vitrin, .vitrin-kaydir, .kat-nav-ic, .kimden { scrollbar-width: none; }
.hesap-gruplar::-webkit-scrollbar, .hesap-alt::-webkit-scrollbar, .detay-araclar::-webkit-scrollbar, .kirinti::-webkit-scrollbar, .sekme::-webkit-scrollbar, .galeri-kucukler::-webkit-scrollbar, .benzer .vitrin::-webkit-scrollbar, .vitrin-kaydir::-webkit-scrollbar, .kat-nav-ic::-webkit-scrollbar, .kimden::-webkit-scrollbar { display: none; }

.ust { background: var(--antrasit); color: var(--beyaz); position: relative; border-bottom: 3px solid var(--sari); }
.ust-ic { display: flex; flex-wrap: wrap; align-items: center; column-gap: 8px; }
.ust-menu-dugme { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; width: 40px; height: 56px; margin-left: -8px; padding: 0; background: none; border: 0; }
.ust-menu-dugme span { display: block; width: 20px; height: 2px; background: var(--beyaz); }
.logo { display: flex; align-items: flex-end; gap: 2px; color: var(--antrasit); text-decoration: none !important; flex: none; min-width: 0; }
.logo-kutu { display: flex; align-items: center; gap: 5px; height: 34px; background: var(--sari); padding: 0 8px 0 6px; border-radius: 6px; }
.logo-simge { width: 22px; height: 22px; color: var(--antrasit); }
.logo-yazi { font: 800 18px/1 var(--baslik-yazi); letter-spacing: -.6px; color: var(--antrasit); }
.logo-yazi b { font-weight: 800; color: var(--turuncu-koyu); }
.logo-com { display: none; font: 700 12px/1 var(--baslik-yazi); color: var(--sari); margin: 0 0 3px 2px; }
.ust-arama { order: 5; flex: 0 0 100%; display: flex; height: 44px; margin-bottom: 12px; padding: 3px; background: var(--beyaz); border-radius: 8px; overflow: hidden; }
.ust-arama-kat { display: none; }
.ust-arama input { flex: 1; min-width: 0; border: 0; padding: 0 10px; font-size: 16px; outline: none; background: var(--beyaz); color: var(--metin); }
.ust-arama input::placeholder { color: var(--cok-soluk); }
.ust-arama button { display: flex; align-items: center; justify-content: center; gap: 6px; width: 46px; border: 0; border-radius: 6px; background: var(--sari); color: var(--antrasit); font: 700 13px var(--baslik-yazi); transition: background .15s; }
.ust-arama button span { display: none; }
.ust-arama button:hover { background: var(--sari-acik); }
.ust-detayli { display: none; }
.ust-sag { margin-left: auto; display: flex; align-items: center; gap: 12px; height: 54px; white-space: nowrap; }
.ust-sag .dugme-ilan, .ust-ayrac, .ust-kayit { display: none; }
.ust-link { color: var(--beyaz); font: 600 14px var(--baslik-yazi); }
.ust-ayrac { width: 1px; height: 14px; background: rgba(255, 255, 255, .35); }
.dugme-ilan { background: var(--sari) !important; color: var(--antrasit) !important; border: 0 !important; border-radius: 8px !important; box-shadow: 0 2px 0 var(--turuncu-koyu); transition: background .15s, transform .15s; }
.dugme-ilan .ikon { width: 16px; height: 16px; stroke-width: 2.6; }
.dugme-ilan:hover { background: var(--sari-acik) !important; transform: translateY(-1px); }
.ust-hesap { position: relative; }
.ust-hesap-dugme { position: relative; display: flex; align-items: center; justify-content: center; gap: 6px; width: 44px; height: 44px; margin-right: -8px; background: none; border: 0; color: var(--beyaz); padding: 0; }
.ust-hesap-dugme .ikon { width: 22px; height: 22px; }
.ust-hesap-dugme span { display: none; }
.ust-hesap-dugme .rozet { position: absolute; top: 4px; right: 2px; }
.ust-hesap-menu { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 70; max-height: 82vh; overflow-y: auto; background: var(--beyaz); color: var(--metin); border-radius: 14px 14px 0 0; padding: 6px 0 calc(8px + var(--guvenli)); box-shadow: 0 0 0 100vmax var(--perde); white-space: normal; }
.ust-hesap-menu.acik { display: block; }
.ust-hesap-kim { padding: 12px 18px; border-bottom: 1px solid var(--cizgi-acik); }
.ust-hesap-kim strong { display: block; color: var(--antrasit); font-size: 15px; }
.ust-hesap-kim span { color: var(--soluk); font-size: 12px; }
.ust-hesap-menu a, .ust-hesap-menu button { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 48px; padding: 0 18px; color: var(--metin); background: none; border: 0; text-align: left; font-size: 15px; }
.ust-hesap-menu a:hover, .ust-hesap-menu button:hover { background: var(--zemin); text-decoration: none; }
.ust-hesap-menu form { border-top: 1px solid var(--cizgi-acik); margin-top: 4px; padding-top: 4px; }
.ust-hesap-menu form button { color: var(--kirmizi); }

.mobil-menu { display: none; position: fixed; inset: 0; z-index: 80; background: var(--perde); }
.mobil-menu.acik { display: block; }
.kat-nav { display: none; }

.mobil-menu-ic { width: 300px; max-width: 86vw; height: 100%; overflow-y: auto; overscroll-behavior: contain; background: var(--beyaz); padding-bottom: calc(16px + var(--guvenli)); animation: soldan .18s ease-out; }
@keyframes soldan { from { transform: translateX(-100%); } to { transform: none; } }
.mobil-menu-ust { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; height: 54px; padding: 0 4px 0 15px; background: var(--antrasit); }
.mobil-kapat { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; background: none; border: 0; color: var(--beyaz); }
.mobil-kapat .ikon { width: 24px; height: 24px; }
.mobil-kim { display: flex; align-items: center; gap: 12px; padding: 14px 15px; border-bottom: 1px solid var(--cizgi-acik); color: var(--metin); }
.mobil-kim:hover { text-decoration: none; background: var(--zemin-2); }
.mobil-kim strong { display: block; color: var(--antrasit); font-size: 15px; }
.mobil-kim small { display: block; color: var(--soluk); font-size: 12px; }
.mobil-avatar { display: flex; align-items: center; justify-content: center; flex: none; width: 42px; height: 42px; border-radius: 50%; background: var(--sari); color: var(--antrasit); font: 800 15px var(--baslik-yazi); }
.mobil-giris { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 14px 15px 4px; }
.mobil-menu-ic .mobil-ilan { width: calc(100% - 30px); margin: 10px 15px 4px; }
.mobil-menu-ic h4 { padding: 16px 15px 6px; font-size: 11px; color: var(--soluk); text-transform: uppercase; letter-spacing: .4px; }
.mobil-menu-ic > a:not(.dugme):not(.mobil-kim) { display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 0 15px; border-bottom: 1px solid var(--cizgi-acik); color: var(--metin); font-size: 15px; }
.mobil-menu-ic > a:not(.dugme):not(.mobil-kim):hover { background: var(--zemin-2); text-decoration: none; }
.mobil-menu-ic > a .ikon { width: 20px; height: 20px; color: var(--turuncu-koyu); }
.mobil-menu-ic > a .rozet { margin-left: auto; }
.mobil-cikis button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 50px; margin-top: 8px; padding: 0 15px; background: none; border: 0; color: var(--kirmizi); font-size: 15px; text-align: left; }

.alt-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); height: calc(var(--alt-bar) + var(--guvenli)); padding-bottom: var(--guvenli); background: var(--beyaz); border-top: 1px solid var(--cizgi); box-shadow: var(--golge-ust); }
.alt-bar a, .alt-bar button { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 0; background: none; border: 0; color: var(--soluk); font: 11px/1.1 var(--yazi); text-decoration: none !important; }
.alt-bar .ikon { width: 22px; height: 22px; }
.alt-bar .secili { color: var(--antrasit); font-weight: bold; }
.alt-bar .secili .ikon { color: var(--turuncu-koyu); }
.alt-bar .rozet { position: absolute; top: 5px; left: 50%; margin-left: 3px; }
.alt-bar-ilan i { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-top: -22px; border: 3px solid var(--beyaz); border-radius: 50%; background: var(--sari); color: var(--antrasit); box-shadow: var(--golge-buyuk); }
.alt-bar-ilan i .ikon { width: 26px; height: 26px; stroke-width: 2.4; color: var(--antrasit) !important; }
.alt-bar a.alt-bar-ilan { color: var(--antrasit); font-weight: bold; }
body { padding-bottom: calc(var(--alt-bar) + var(--guvenli)); }
body.alt-bar-yok { padding-bottom: 0; }
.alt-bar-yok .alt-bar { display: none; }

.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 44px; padding: 0 16px; border: 1px solid transparent; border-radius: var(--radius); font: 700 14px var(--baslik-yazi); letter-spacing: .1px; text-decoration: none !important; white-space: nowrap; cursor: pointer; background: var(--zemin); color: var(--metin); border-color: var(--cizgi); }
.dugme:hover { background: var(--cizgi-acik); }
.dugme-ana { background: var(--sari); border-color: var(--sari); color: var(--antrasit); }
.dugme-ana:hover { background: var(--sari-acik); }
.dugme-mavi { background: var(--mavi); border-color: var(--mavi-koyu); color: var(--beyaz); }
.dugme-mavi:hover { background: var(--mavi-koyu); }
.dugme-turuncu { background: var(--turuncu); border-color: var(--turuncu-koyu); color: var(--beyaz); }
.dugme-turuncu:hover { background: var(--turuncu-koyu); }
.dugme-yesil { background: var(--yesil); border-color: var(--yesil-koyu); color: var(--beyaz); }
.dugme-yesil:hover { background: var(--yesil-koyu); }
.dugme-koyu { background: var(--antrasit); border-color: var(--antrasit); color: var(--beyaz); }
.dugme-koyu:hover { background: var(--antrasit-2); }
.dugme-cizgi { background: var(--beyaz); border-color: var(--cizgi); color: var(--metin); }
.dugme-tehlike { background: var(--beyaz); border-color: var(--kirmizi); color: var(--kirmizi); }
.dugme-tehlike:hover { background: var(--kirmizi-zemin); }
.dugme-buyuk { height: 48px; padding: 0 22px; font-size: 15px; }
.dugme-kucuk { height: 36px; padding: 0 12px; font-size: 13px; font-weight: 600; }
.dugme-blok { display: flex; width: 100%; }
.dugme-ikon { padding: 0; width: 44px; flex: none; }
.dugme[disabled] { opacity: .55; cursor: default; }
.baglanti-dugme { background: none; border: 0; padding: 0; color: var(--mavi); font-size: inherit; cursor: pointer; }
.baglanti-dugme:hover { text-decoration: underline; }

.eylem-cubuk { position: sticky; bottom: 0; z-index: 20; display: flex; align-items: center; gap: 8px; margin: 14px -15px 0; padding: 10px 15px calc(10px + var(--guvenli)); background: var(--beyaz); border-top: 1px solid var(--cizgi); box-shadow: var(--golge-ust); }
.eylem-cubuk > .dugme-buyuk, .eylem-cubuk > .dugme-blok { flex: 1; }
.eylem-cubuk.yayil > .dugme-cizgi { flex: none; }

.flash { padding: 10px 14px; border-radius: 3px; margin: 12px 0 0; border: 1px solid; font-size: 13px; }
.flash-success { background: var(--yesil-zemin); border-color: #B5E0C6; color: #17673A; }
.flash-error { background: var(--kirmizi-zemin); border-color: #F3B8C0; color: #A51C2E; }
.flash-info { background: var(--mavi-zemin); border-color: #BCD6F7; color: var(--mavi-koyu); }

.kirinti { display: flex; flex-wrap: nowrap; align-items: center; gap: 4px; margin: 0 -15px; padding: 10px 15px; overflow-x: auto; white-space: nowrap; font-size: 12px; color: var(--soluk); }
.kirinti a { color: var(--mavi); }
.kirinti span.ok { color: var(--cok-soluk); }

body.sayfa-ana, body.sayfa-liste, body.sayfa-detay { background: var(--sayfa); }
.ana { display: block; padding-top: 14px; }
.ana-blok { margin-bottom: 26px; }
.slider { position: relative; overflow: hidden; margin: 0 -15px 22px; background: var(--sari); }
.slider-serit { display: flex; transition: transform .55s cubic-bezier(.2, .7, .2, 1); }
.slayt { position: relative; flex: 0 0 100%; min-width: 0; display: flex; flex-direction: column; color: var(--antrasit); background: var(--sari); }
.slayt-gorsel { display: flex; align-items: flex-end; justify-content: center; height: 170px; padding-top: 12px; overflow: hidden; }
.slayt-gorsel img { width: auto; height: 100%; max-width: none; }
.slayt-ic { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 8px 20px 48px; }
.slayt-ust { display: inline-block; padding: 4px 10px; border-radius: 12px; background: var(--beyaz); font: 800 10px/1.2 var(--baslik-yazi); letter-spacing: 1px; text-transform: uppercase; color: var(--turuncu-koyu); }
.slayt-baslik { font: 800 22px/1.18 var(--baslik-yazi); letter-spacing: -.4px; }
.slayt p { margin: 0; color: var(--antrasit-2); font-size: 14px; line-height: 1.55; }
.slayt-sayilar { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 2px 0 0; padding: 0; font-size: 11px; color: var(--soluk); }
.slayt-sayilar li { padding: 7px 12px; background: var(--beyaz); border-radius: 6px; box-shadow: var(--golge); line-height: 1.2; }
.slayt-sayilar b { display: block; font: 800 18px/1.1 var(--baslik-yazi); color: var(--antrasit); }
.slayt-dugme { margin-top: 4px; background: var(--antrasit); border-color: var(--antrasit); color: var(--beyaz); border-radius: 6px; }
.slayt-dugme:hover { background: var(--antrasit-2); }
.slayt-dugme .ikon { width: 16px; height: 16px; stroke-width: 2.6; }
.slayt-krem { background: var(--sari-zemin); }
.slayt-mavi { background: var(--mavi-zemin); }
.slayt-celik { background: var(--celik); }
.slayt-krem .slayt-dugme, .slayt-mavi .slayt-dugme, .slayt-celik .slayt-dugme { background: var(--sari); border-color: var(--sari); color: var(--antrasit); }
.slayt-krem .slayt-dugme:hover, .slayt-mavi .slayt-dugme:hover, .slayt-celik .slayt-dugme:hover { background: var(--sari-acik); }
.slayt-krem .slayt-ust { background: var(--sari); color: var(--antrasit); }
.slayt-mavi .slayt-ust { color: var(--mavi-koyu); }
.slayt-celik .slayt-ust { color: var(--antrasit); }
.slider-ok { display: none; }
.slider-noktalar { position: absolute; left: 20px; bottom: 18px; z-index: 2; display: flex; gap: 6px; }
.slider-noktalar button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 4px; background: rgba(31, 42, 55, .25); transition: width .25s, background .25s; }
.slider-noktalar button.secili { width: 26px; background: var(--antrasit); }
.kat-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.kat-kutu { position: relative; min-width: 0; padding: 12px 12px; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 6px; transition: border-color .15s, box-shadow .15s; }
.kat-kutu:hover { border-color: var(--antrasit); box-shadow: inset 3px 0 0 var(--sari), var(--golge-kart); }
.kat-kutu-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; color: var(--antrasit); }
.kat-kutu-ust::after { content: ""; position: absolute; inset: 0; }
.kat-kutu-ust:hover { text-decoration: none; }
.kat-kutu-ust strong { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: 700 13px/1.3 var(--baslik-yazi); }
.kat-kutu-sayi { flex: none; color: var(--soluk); font: 600 12px var(--baslik-yazi); }
.kat-kutu-yeni { flex: none; padding: 0 6px; border-radius: 8px; background: var(--sari-zemin); color: var(--turuncu-koyu); font: 700 10px/16px var(--baslik-yazi); text-transform: uppercase; }
.kat-kutu-alt { position: relative; z-index: 1; margin-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--cok-soluk); font-size: 12px; }
.kat-kutu-alt a { color: var(--soluk); }
.kat-kutu-alt a:hover { color: var(--antrasit); }
.sayi { color: var(--cok-soluk); font-size: 11px; }
.blok-baslik { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.blok-baslik h2 { display: flex; align-items: center; gap: 10px; font: 800 16px/1.2 var(--baslik-yazi); color: var(--antrasit); text-transform: uppercase; letter-spacing: .3px; }
.blok-baslik h2::before { content: ""; width: 5px; height: 20px; background: var(--sari); flex: none; }
.blok-baslik a { font: 600 13px var(--baslik-yazi); color: var(--antrasit); white-space: nowrap; }
.vitrin { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.vitrin-kaydir { grid-auto-flow: column; grid-auto-columns: 46%; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -15px; padding: 0 15px 4px; }
.vitrin-kaydir .kart { scroll-snap-align: start; }
.kart { position: relative; display: flex; flex-direction: column; min-width: 0; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--radius); color: var(--metin); overflow: hidden; transition: box-shadow .15s, transform .15s, border-color .15s; }
.kart:hover { text-decoration: none; box-shadow: var(--golge-kart-ust); border-color: var(--soluk-acik); }
.kart:hover .kart-baslik { color: var(--mavi-koyu); }
.kart-cerceve { border: 2px solid var(--turuncu); }
.kart-ust { border-top: 3px solid var(--sari); }
.kart-foto { position: relative; display: block; aspect-ratio: 4 / 3; background: var(--celik); overflow: hidden; }
.kart-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.kart:hover .kart-foto img { transform: scale(1.04); }
.kart-foto .foto-yok { position: absolute; inset: 0; }
.kart-etiketler { position: absolute; left: 6px; top: 6px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.kart-firma { position: absolute; right: 6px; bottom: 6px; display: inline-flex; align-items: center; gap: 4px; padding: 2px 7px; border-radius: 10px; background: var(--beyaz); color: var(--antrasit); box-shadow: var(--golge); font: 700 10px/16px var(--baslik-yazi); text-transform: uppercase; letter-spacing: .3px; }
.kart-firma .ikon { width: 12px; height: 12px; color: var(--turuncu); }
.kart-govde { display: flex; flex-direction: column; gap: 5px; flex: 1; padding: 9px 10px 8px; }
.kart-kat { display: block; color: var(--soluk); font: 700 10px/1.2 var(--baslik-yazi); text-transform: uppercase; letter-spacing: .6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kart-baslik { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; color: var(--antrasit); font-size: 13px; font-weight: bold; line-height: 1.3; }
.kart-ozellik { display: flex; flex-wrap: wrap; gap: 4px; }
.kart-ozellik span { padding: 1px 6px; background: var(--celik); color: var(--antrasit); font: 700 11px/17px var(--baslik-yazi); white-space: nowrap; }
.kart-yer { display: flex; align-items: center; gap: 3px; margin-top: auto; color: var(--soluk); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kart-yer .ikon { width: 13px; height: 13px; color: var(--turuncu); }
.kart-fiyat { display: flex; align-items: baseline; gap: 4px; padding: 8px 10px; border-top: 1px solid var(--cizgi-acik); background: var(--zemin-2); }
.kart-fiyat strong { font: 800 15px/1.1 var(--baslik-yazi); color: var(--antrasit); white-space: nowrap; }
.kart-fiyat small { color: var(--soluk); font-size: 11px; white-space: nowrap; }
.kart-fiyat .kart-sor { font-size: 13px; color: var(--soluk); }
.kart-fiyat .ikon { width: 16px; height: 16px; margin-left: auto; align-self: center; color: var(--cok-soluk); transition: transform .15s, color .15s; }
.kart:hover .kart-fiyat .ikon { color: var(--antrasit); transform: translateX(2px); }
.foto-yok { display: flex; align-items: center; justify-content: center; color: var(--cok-soluk); background: var(--celik); }
.foto-yok .ikon { width: 28px; height: 28px; }
.banner { display: block; margin: 0 -15px 26px; overflow: hidden; background: var(--celik); }
.banner img { width: 100%; height: auto; aspect-ratio: 1.75 / 1; object-fit: cover; object-position: left center; transition: transform .4s; }
.banner-2 img { aspect-ratio: 2.3 / 1; }
.banner-3 img { aspect-ratio: 3.45 / 1; }
.firma-bant { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 6px 0 10px; }
.tanitim { display: flex; flex-direction: column; align-items: flex-start; border: 1px solid var(--cizgi); border-radius: var(--radius); padding: 18px 16px; background: var(--beyaz); font-size: 13px; }
.tanitim strong { display: block; font: 800 15px/1.3 var(--baslik-yazi); color: var(--antrasit); margin-bottom: 6px; }
.tanitim p { margin: 0 0 14px; color: var(--soluk); flex: 1; }
.tanitim-sari { background: var(--sari); border-color: var(--sari); }
.tanitim-sari p { color: var(--antrasit); }
.tanitim-koyu { background: var(--mavi-zemin); border-color: var(--mavi-zemin); }
.tanitim-koyu p { color: var(--antrasit-2); }

.etiket { display: inline-flex; align-items: center; gap: 3px; padding: 1px 6px; border-radius: var(--radius); font: 700 10px/16px var(--baslik-yazi); text-transform: uppercase; letter-spacing: .4px; vertical-align: middle; }
.etiket .ikon { width: 11px; height: 11px; }
.etiket-acil { background: var(--kirmizi); color: var(--beyaz); }
.etiket-dusen { background: var(--yesil); color: var(--beyaz); }
.etiket-vitrin { background: var(--sari); color: var(--antrasit); }
.etiket-magaza { background: var(--antrasit); color: var(--beyaz); }

.liste-sayfa { display: block; }
.filtre { display: none; position: fixed; inset: 0; z-index: 85; background: var(--beyaz); overflow-y: auto; overscroll-behavior: contain; padding: 56px 12px 0; font-size: 14px; }
.filtre.acik { display: block; }
.filtre-kapat { position: fixed; top: 0; left: 0; right: 0; z-index: 86; display: flex; align-items: center; justify-content: space-between; height: 52px; padding: 0 4px 0 15px; background: var(--antrasit); color: var(--beyaz); font-weight: bold; font-size: 16px; }
.filtre-kapat button { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; background: none; border: 0; color: var(--beyaz); }
.filtre-kapat .ikon { width: 24px; height: 24px; }
.filtre-ac { display: inline-flex; flex: 1 1 0; min-width: 0; }
.filtre-ac .rozet { background: var(--sari); color: var(--antrasit); }
.filtre-kutu { border: 1px solid var(--cizgi); border-top: 0; background: var(--beyaz); }
.filtre-kutu:first-of-type { border-top: 3px solid var(--antrasit); }
.filtre-baslik { display: flex; width: 100%; min-height: 48px; align-items: center; justify-content: space-between; padding: 0 12px; background: var(--beyaz); border: 0; font: 700 12px var(--baslik-yazi); text-transform: uppercase; letter-spacing: .5px; color: var(--antrasit); text-align: left; }
.filtre-baslik .ikon { width: 16px; height: 16px; transition: transform .15s; }
.filtre-kutu.kapali .filtre-govde { display: none; }
.filtre-kutu.kapali .filtre-baslik .ikon { transform: rotate(-90deg); }
.filtre-govde { padding: 8px 12px 12px; }
.filtre-kat a { display: flex; justify-content: space-between; align-items: center; gap: 6px; min-height: 40px; color: var(--metin); }
.filtre-kat a.secili { font-weight: bold; color: var(--antrasit); }
.filtre-kat .ust-kat { color: var(--mavi); }
.filtre-kat .alt-kat { padding-left: 10px; }
.filtre-ara-kutu { width: 100%; height: 42px; border: 1px solid var(--cizgi); border-radius: 3px; padding: 0 10px; margin-bottom: 6px; font-size: 16px; }
.filtre-liste { max-height: 240px; overflow-y: auto; }
.filtre-liste label, .filtre-secim label { display: flex; align-items: center; gap: 10px; min-height: 40px; cursor: pointer; }
.filtre-liste input, .filtre-secim input { width: 18px; height: 18px; margin: 0; accent-color: var(--antrasit); flex: none; }
.filtre-aralik { display: flex; align-items: center; gap: 6px; }
.filtre-aralik input { width: 100%; min-width: 0; height: 42px; border: 1px solid var(--cizgi); border-radius: 3px; padding: 0 10px; font-size: 16px; }
.filtre-aralik select { height: 42px; border: 1px solid var(--cizgi); border-radius: 3px; font-size: 16px; }
.filtre-select { width: 100%; height: 42px; border: 1px solid var(--cizgi); border-radius: 3px; font-size: 16px; padding: 0 6px; margin-bottom: 6px; background: var(--beyaz); }
.filtre-alt { position: sticky; bottom: 0; display: flex; gap: 8px; margin: 0 -12px; padding: 10px 12px calc(10px + var(--guvenli)); background: var(--beyaz); border-top: 1px solid var(--cizgi); box-shadow: var(--golge-ust); }
.filtre-alt .dugme-mavi { flex: 1; }
.liste-ust { display: flex; flex-direction: column; align-items: stretch; gap: 10px; padding: 14px 0 10px; }
.liste-baslik h1, .liste-baslik h2 { font: 800 19px/1.2 var(--baslik-yazi); color: var(--antrasit); }
.liste-baslik p { margin: 3px 0 0; color: var(--soluk); font-size: 13px; }
.liste-baslik p strong { color: var(--antrasit); }
.liste-araclar { position: sticky; top: 0; z-index: 15; display: flex; align-items: center; gap: 6px; margin: 0 -15px; padding: 8px 15px; background: var(--beyaz); border-bottom: 1px solid var(--cizgi); }
.liste-araclar form { margin: 0; display: flex; }
.liste-araclar .dugme { height: 40px; }
.liste-araclar select { flex: 1 1 0; min-width: 0; height: 40px; border: 1px solid var(--cizgi); border-radius: var(--radius); padding: 0 6px; font-size: 16px; background: var(--beyaz); }
.kaydet-dugme { width: 40px; padding: 0; }
.kaydet-dugme span { display: none; }
.gorunum { display: flex; flex: none; border: 1px solid var(--cizgi); border-radius: var(--radius); overflow: hidden; background: var(--beyaz); }
.gorunum a { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; color: var(--soluk); }
.gorunum a.secili { background: var(--antrasit); color: var(--sari); }
.sekme { display: flex; border-bottom: 1px solid var(--cizgi); margin-bottom: 0; font-size: 13px; overflow-x: auto; }
.sekme a, .sekme button { padding: 10px 14px; color: var(--metin); border: 1px solid transparent; border-bottom: 0; margin-bottom: -1px; background: none; font-size: 13px; white-space: nowrap; }
.sekme a.secili, .sekme button.secili { background: var(--beyaz); border-color: var(--cizgi); border-top: 2px solid var(--sari); font-weight: bold; color: var(--antrasit); border-radius: 3px 3px 0 0; }
.sekme a:hover { text-decoration: none; color: var(--mavi); }
.kimden { display: inline-flex; max-width: 100%; overflow-x: auto; margin-top: 10px; border: 1px solid var(--cizgi); border-radius: var(--radius); background: var(--beyaz); }
.kimden a { flex: none; padding: 8px 16px; color: var(--soluk); font: 700 13px var(--baslik-yazi); white-space: nowrap; border-left: 1px solid var(--cizgi); }
.kimden a:first-child { border-left: 0; }
.kimden a:hover { text-decoration: none; color: var(--antrasit); }
.kimden a.secili { background: var(--antrasit); color: var(--beyaz); }
.secimler { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 0 2px; align-items: center; }
.secim { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; padding: 3px 10px; border: 1px solid var(--antrasit); background: var(--beyaz); border-radius: var(--radius); color: var(--antrasit); font-size: 13px; font-weight: bold; }
.secim .ikon { width: 12px; height: 12px; }
.secim:hover { border-color: var(--kirmizi); color: var(--kirmizi); text-decoration: none; }
.secim-temizle { font-size: 13px; margin-left: 4px; }
.kat-vitrin { border: 1px solid var(--cizgi); border-top: 3px solid var(--sari); background: var(--beyaz); padding: 12px; margin: 12px 0; }
.kat-vitrin h3 { font: 800 13px var(--baslik-yazi); text-transform: uppercase; letter-spacing: .3px; color: var(--antrasit); margin-bottom: 10px; display: flex; align-items: center; gap: 6px; }
.kat-vitrin h3 .ikon { width: 16px; height: 16px; color: var(--sari); }
.kat-vitrin .vitrin { margin: 0; }
.kat-vitrin .kart:nth-child(n+5) { display: none; }

.satirlar { display: flex; flex-direction: column; gap: 10px; padding-top: 12px; }
.satir { position: relative; display: grid; grid-template-columns: 124px minmax(0, 1fr); gap: 0 12px; padding: 10px; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--radius); transition: box-shadow .15s, border-color .15s; }
.satir:hover { box-shadow: var(--golge-kart); border-color: var(--soluk-acik); }
.satir-ust { border-left: 4px solid var(--sari); }
.satir-cerceve { border: 2px solid var(--turuncu); }
.satir-foto { grid-row: span 2; display: block; aspect-ratio: 4 / 3; align-self: start; background: var(--celik); overflow: hidden; }
.satir-foto img { width: 100%; height: 100%; object-fit: cover; }
.satir-foto .foto-yok { width: 100%; height: 100%; }
.satir-govde { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.satir-baslik { font-size: 14px; line-height: 1.3; }
.satir-baslik a { color: var(--antrasit); }
.satir-baslik a::after { content: ""; position: absolute; inset: 0; }
.satir-baslik a:hover { color: var(--mavi-koyu); text-decoration: none; }
.satir .etiketler { margin-top: 0; }
.satir-ozellik { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; }
.satir-ozellik div { display: flex; align-items: center; padding: 1px 6px; background: var(--celik); font-size: 11px; line-height: 18px; }
.satir-ozellik dt { display: none; }
.satir-ozellik dd { margin: 0; font: 700 11px var(--baslik-yazi); color: var(--antrasit); white-space: nowrap; }
.satir-alt { display: flex; flex-wrap: wrap; gap: 2px 12px; color: var(--soluk); font-size: 12px; }
.satir-alt span { display: inline-flex; align-items: center; gap: 3px; }
.satir-alt .ikon { width: 13px; height: 13px; color: var(--cok-soluk); }
.satir-fiyat { grid-column: 2; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; margin-top: 8px; }
.satir-fiyat strong { font: 800 16px/1.1 var(--baslik-yazi); color: var(--antrasit); white-space: nowrap; }
.satir-fiyat small { color: var(--soluk); font-size: 12px; }
.satir-fiyat del { flex-basis: 100%; color: var(--cok-soluk); font-size: 12px; }
.satir-fiyat form, .satir-fiyat > a.fav-dugme { position: relative; z-index: 1; margin-left: auto; }
.fav-dugme { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: -8px -8px -8px 0; background: none; border: 0; padding: 0; color: var(--cok-soluk); }
.fav-dugme:hover, .fav-dugme.secili { color: var(--kirmizi); }
.fav-dugme.secili .ikon { fill: currentColor; }
.galeri-liste { padding-top: 12px; }
.bos { text-align: center; padding: 34px 16px; color: var(--soluk); border: 1px dashed var(--soluk-acik); border-radius: var(--radius); margin-top: 12px; background: var(--beyaz); }
.bos strong { display: block; color: var(--antrasit); font: 800 16px var(--baslik-yazi); margin-bottom: 6px; }
.bos .dugme { margin-top: 12px; }

.sayfalama { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px; padding: 18px 0 6px; font-size: 14px; }
.sayfalama a, .sayfalama span { min-width: 40px; height: 40px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--cizgi); border-radius: var(--radius); color: var(--antrasit); background: var(--beyaz); font: 700 14px var(--baslik-yazi); }
.sayfalama a:hover { border-color: var(--antrasit); text-decoration: none; }
.sayfalama .secili { background: var(--antrasit); border-color: var(--antrasit); color: var(--sari); }
.sayfalama .bosluk { border: 0; background: none; min-width: 20px; padding: 0; }
.sayfa-basina { display: flex; justify-content: center; gap: 6px; align-items: center; font-size: 13px; color: var(--soluk); }

.detay-ust { display: flex; flex-direction: column; gap: 10px; padding: 4px 0 14px; }
.detay-baslik { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.detay-ust h1 { font: 800 20px/1.25 var(--baslik-yazi); color: var(--antrasit); letter-spacing: -.2px; }
.detay-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; color: var(--soluk); font-size: 13px; }
.detay-meta > span:not(.etiket) { display: inline-flex; align-items: center; gap: 4px; }
.detay-meta .ikon { width: 14px; height: 14px; color: var(--turuncu); }
.detay-meta b { color: var(--antrasit); }
.detay-araclar { display: flex; gap: 6px; flex-wrap: nowrap; overflow-x: auto; margin: 0 -15px; padding: 0 15px; font-size: 13px; white-space: nowrap; }
.detay-araclar form { margin: 0; flex: none; }
.detay-araclar a, .detay-araclar button { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 12px; border: 1px solid var(--cizgi); border-radius: var(--radius); background: var(--beyaz); color: var(--antrasit); font: 600 13px var(--baslik-yazi); flex: none; }
.detay-araclar a:hover, .detay-araclar button:hover { text-decoration: none; border-color: var(--antrasit); }
.detay-araclar .ikon { width: 16px; height: 16px; }
.detay-araclar .secili { color: var(--kirmizi); border-color: var(--kirmizi); }
.detay-araclar .secili .ikon { fill: currentColor; }
.detay { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "galeri" "yan" "bolum"; gap: 14px; align-items: start; }
.detay-galeri { grid-area: galeri; }
.detay-yan { grid-area: yan; display: flex; flex-direction: column; gap: 12px; }
.detay-bolumler { grid-area: bolum; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.galeri { margin: 0 -15px; background: var(--beyaz); }
.galeri-buyuk { position: relative; isolation: isolate; aspect-ratio: 4 / 3; background: var(--zemin-2); display: flex; align-items: center; justify-content: center; overflow: hidden; cursor: zoom-in; touch-action: pan-y; }
.galeri-buyuk::before { content: ""; position: absolute; inset: -40px; z-index: -1; background: var(--foto) center / cover no-repeat; filter: blur(28px) saturate(1.1); opacity: .35; }
.galeri-buyuk img { width: 100%; height: 100%; object-fit: contain; }
.galeri-ok { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--beyaz); color: var(--antrasit); box-shadow: var(--golge-buyuk); display: flex; align-items: center; justify-content: center; }
.galeri-ok:hover { background: var(--sari); }
.galeri-ok.sol { left: 10px; }
.galeri-ok.sag { right: 10px; }
.galeri-sayac { position: absolute; right: 10px; bottom: 10px; background: var(--beyaz); color: var(--antrasit); box-shadow: var(--golge); font: 700 12px var(--baslik-yazi); padding: 3px 10px; border-radius: 12px; }
.galeri-kucukler { display: flex; gap: 4px; overflow-x: auto; padding: 6px 15px; }
.galeri-kucukler button { flex: 0 0 68px; padding: 0; border: 2px solid transparent; background: var(--zemin); aspect-ratio: 4 / 3; overflow: hidden; }
.galeri-kucukler button.secili { border-color: var(--sari); }
.galeri-kucukler button:not(.secili) img { opacity: .75; }
.galeri-kucukler img { width: 100%; height: 100%; object-fit: cover; }
.galeri-yok { aspect-ratio: 4 / 3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: var(--cok-soluk); border: 1px solid var(--cizgi); background: var(--zemin); text-align: center; }
.galeri-yok .ikon { width: 46px; height: 46px; }
.isik-kutu { position: fixed; inset: 0; z-index: 100; background: rgba(10, 14, 20, .94); display: none; align-items: center; justify-content: center; touch-action: pan-y; }
.isik-kutu.acik { display: flex; }
.isik-kutu img { max-width: 100vw; max-height: 86vh; object-fit: contain; }
.isik-kutu .galeri-ok { width: 48px; height: 48px; }
.isik-kapat { position: absolute; right: 8px; top: 8px; width: 48px; height: 48px; background: none; border: 0; color: var(--beyaz); z-index: 1; }
.isik-kapat .ikon { width: 30px; height: 30px; }
.kira-kart { position: relative; padding: 18px 16px 16px; background: var(--beyaz); border: 1px solid var(--cizgi); border-top: 3px solid var(--sari); border-radius: 6px; box-shadow: var(--golge-kart); }
.kira-etiket { display: block; font: 700 11px var(--baslik-yazi); text-transform: uppercase; letter-spacing: .8px; color: var(--soluk); }
.bilgi-fiyat { margin: 4px 0 12px; font: 800 28px/1.15 var(--baslik-yazi); color: var(--antrasit); }
.bilgi-fiyat small { font: 600 14px var(--yazi); color: var(--soluk); }
.bilgi-fiyat del { display: block; font: normal 13px var(--yazi); color: var(--cok-soluk); }
.kira-secenek { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0 0 14px; padding: 0; }
.kira-secenek li { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 14px; background: var(--celik); color: var(--antrasit); font-size: 12px; font-weight: bold; }
.kira-secenek .ikon { width: 14px; height: 14px; color: var(--turuncu); }
.kira-kart .satici-tel { padding: 14px 0 0; border-top: 1px solid var(--cizgi-acik); }
.kira-kart .satici-tel-satir { display: flex; align-items: center; justify-content: space-between; gap: 6px; font: 800 17px var(--baslik-yazi); color: var(--antrasit); margin-bottom: 8px; }
.kira-kart .satici-tel-satir small { font: normal 12px var(--yazi); color: var(--soluk); }
.kira-kart .satici-tel .dugme { height: 42px; border-radius: 6px; }
.kira-kart .satici-eylem { display: none; flex-direction: column; gap: 8px; padding-top: 8px; }
.kira-kart .satici-eylem .dugme { height: 44px; border-radius: 6px; }
.kira-kart .satici-eylem .dugme-mavi { background: var(--sari); border-color: var(--sari); color: var(--antrasit); }
.kira-kart .satici-eylem .dugme-mavi:hover { background: var(--sari-acik); }
.kira-kart .satici-eylem .dugme-cizgi .ikon { color: var(--yesil); }
.satici { border: 1px solid var(--cizgi); border-radius: var(--radius); background: var(--beyaz); }
.satici-ust { padding: 14px; border-bottom: 1px solid var(--cizgi-acik); }
.satici-ad { font: 800 15px var(--baslik-yazi); color: var(--antrasit); display: block; }
.satici-logo { width: 100%; max-height: 80px; object-fit: contain; margin-bottom: 10px; }
.satici-tarih { color: var(--soluk); font-size: 12px; margin-top: 3px; }
.satici-diger { display: flex; flex-direction: column; gap: 8px; padding: 10px 14px 14px; font-size: 13px; }
.satici-diger a { font-weight: bold; }
.guvenlik { border: 1px solid var(--cizgi); border-left: 4px solid var(--sari); background: var(--beyaz); padding: 12px 14px; font-size: 12px; color: var(--metin); border-radius: var(--radius); }
.guvenlik strong { display: block; color: var(--antrasit); font: 800 13px var(--baslik-yazi); margin-bottom: 6px; }
.guvenlik ul { margin: 0; padding-left: 16px; }
.guvenlik li { margin-bottom: 3px; }
.detay-yan > p { margin: 0; }
.detay-capa { display: flex; gap: 2px; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--radius); }
.detay-capa a { padding: 12px 16px; color: var(--antrasit); font: 700 13px var(--baslik-yazi); border-bottom: 3px solid transparent; }
.detay-capa a:hover { text-decoration: none; border-bottom-color: var(--sari); }
.detay-bolum { padding: 16px; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: var(--radius); scroll-margin-top: 14px; }
.detay-bolum h2 { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; font: 800 15px var(--baslik-yazi); text-transform: uppercase; letter-spacing: .3px; color: var(--antrasit); }
.detay-bolum h2::before { content: ""; width: 5px; height: 18px; background: var(--sari); }
.ana-ozellik { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 14px; }
.ana-ozellik div { padding: 10px 12px; background: var(--sari-zemin); color: var(--antrasit); border-left: 4px solid var(--sari); border-radius: 0 6px 6px 0; }
.ana-ozellik span { display: block; font-size: 11px; color: var(--soluk); text-transform: uppercase; letter-spacing: .4px; }
.ana-ozellik strong { display: block; margin-top: 2px; font: 800 17px/1.2 var(--baslik-yazi); }
.aciklama { font-size: 14px; line-height: 1.65; white-space: pre-line; word-wrap: break-word; }
.ozellik-izgara { display: grid; grid-template-columns: 1fr; gap: 0 24px; }
.ozellik-izgara div { display: flex; justify-content: space-between; gap: 8px; padding: 9px 0; border-bottom: 1px solid var(--cizgi-acik); font-size: 13px; }
.ozellik-izgara span { color: var(--soluk); }
.ozellik-izgara strong { color: var(--antrasit); text-align: right; }
.harita { height: 260px; border: 1px solid var(--cizgi); background: var(--celik); }
.benzer { margin-top: 28px; }
.benzer .vitrin { display: grid; grid-auto-flow: column; grid-auto-columns: 46%; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -15px; padding: 0 15px 4px; }
.benzer .kart { scroll-snap-align: start; }
.iletisim-cubuk { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; gap: 8px; padding: 8px 12px calc(8px + var(--guvenli)); background: var(--beyaz); border-top: 1px solid var(--cizgi); box-shadow: var(--golge-ust); }
.iletisim-cubuk .dugme { flex: 1; height: 46px; font-size: 15px; }
.iletisim-cubuk .dugme-ikon { flex: 0 0 46px; color: var(--yesil-koyu); }
.iletisim-cubuk .dugme-ikon .ikon { width: 24px; height: 24px; }
body.sayfa-detay { padding-bottom: calc(64px + var(--guvenli)); }

.kutu { border: 1px solid var(--cizgi); border-radius: 3px; background: var(--beyaz); margin-bottom: 14px; }
.kutu-baslik { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 10px; padding: 10px 12px; border-bottom: 1px solid var(--cizgi); background: var(--zemin); }
.kutu-baslik h2, .kutu-baslik h3 { font-size: 15px; color: var(--antrasit); }
.kutu-baslik .soluk { font-size: 12px; }
.kutu-govde { padding: 12px; }
.form .alan { margin-bottom: 14px; }
.alan > label, .alan-etiket { display: block; font-weight: bold; font-size: 13px; margin-bottom: 5px; color: var(--antrasit); }
.alan > label em, .alan-etiket em { color: var(--kirmizi); font-style: normal; }
.girdi, .form input[type=text], .form input[type=email], .form input[type=password], .form input[type=tel], .form input[type=number], .form input[type=search], .form input[type=url], .form input[type=date], .form select, .form textarea { width: 100%; height: 46px; border: 1px solid var(--cizgi); border-radius: 3px; padding: 0 12px; font-size: 16px; background: var(--beyaz); outline: none; }
.form textarea { height: auto; min-height: 140px; padding: 10px 12px; line-height: 1.5; resize: vertical; }
.form input:focus, .form select:focus, .form textarea:focus, .girdi:focus { border-color: var(--mavi); box-shadow: 0 0 0 2px var(--mavi-zemin); }
.input-error { display: block; color: var(--kirmizi); font-size: 13px; margin-top: 4px; }
.alan.hatali input, .alan.hatali select, .alan.hatali textarea { border-color: var(--kirmizi); }
.alan.hatali .segment { border-color: var(--kirmizi); }
.alan-ipucu { display: block; color: var(--soluk); font-size: 12px; margin-top: 4px; }
.satir2, .satir3 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 14px; }
.fiyat-satir { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 10px; }
.fiyat-satir > :last-child { grid-column: 1 / -1; }
.ozellik-form { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 10px; align-items: end; }
.birimli { display: flex; }
.birimli input { border-radius: 3px 0 0 3px !important; min-width: 0; }
.birimli span, .birimli select { flex: none; width: auto !important; border: 1px solid var(--cizgi); border-left: 0; border-radius: 0 3px 3px 0 !important; background: var(--zemin); padding: 0 12px; display: flex; align-items: center; color: var(--soluk); }
.secenekler { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.secenekler label, label.secenekler { display: flex; align-items: center; gap: 8px; min-height: 40px; font-weight: normal; cursor: pointer; }
.secenekler input[type=checkbox], .secenekler input[type=radio] { width: 20px; height: 20px; margin: 0; flex: none; accent-color: var(--antrasit); }
label.secenekler { flex-wrap: nowrap; }
.anahtar { padding: 8px 12px; border: 1px solid var(--cizgi); border-radius: 3px; background: var(--zemin-2); }
.segment { display: flex; border: 1px solid var(--cizgi); border-radius: 3px; overflow: hidden; background: var(--beyaz); }
.segment label { position: relative; flex: 1 1 0; min-width: 0; cursor: pointer; }
.segment input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.segment span { display: flex; align-items: center; justify-content: center; min-height: 44px; height: 100%; padding: 4px 6px; border-left: 1px solid var(--cizgi); font-size: 14px; text-align: center; line-height: 1.2; color: var(--metin); }
.segment label:first-child span { border-left: 0; }
.segment input:checked + span { background: var(--antrasit); color: var(--beyaz); font-weight: bold; }
.segment input:focus-visible + span { outline: 2px solid var(--mavi); outline-offset: -3px; }
.form-alt { display: flex; justify-content: flex-end; align-items: center; gap: 8px; padding-top: 6px; }
.form-alt.yayil { justify-content: space-between; }
.bal { position: absolute; left: -9999px; }

.adim-ozet { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; gap: 6px 10px; margin: 12px 0 14px; }
.adim-ozet > span:first-child { color: var(--soluk); font-size: 12px; }
.adim-ozet strong { color: var(--antrasit); font-size: 16px; }
.adim-cubuk { grid-column: 1 / -1; height: 5px; border-radius: 3px; background: var(--cizgi-acik); overflow: hidden; }
.adim-cubuk i { display: block; height: 100%; background: var(--sari); }
.adimlar { display: none; counter-reset: adim; margin: 16px 0; padding: 0; border: 1px solid var(--cizgi); border-radius: 3px; overflow: hidden; background: var(--zemin-2); }
.adimlar li { list-style: none; flex: 1; position: relative; padding: 10px 8px 10px 30px; font-size: 12px; color: var(--soluk); counter-increment: adim; border-left: 1px solid var(--cizgi); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adimlar li:first-child { border-left: 0; }
.adimlar li::before { content: counter(adim); position: absolute; left: 8px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; border-radius: 50%; background: var(--cizgi); color: var(--beyaz); font: bold 10px/17px var(--yazi); text-align: center; }
.adimlar li.tamam { color: var(--antrasit); }
.adimlar li.tamam::before { background: var(--yesil); content: "✓"; }
.adimlar li.simdi { background: var(--sari); color: var(--antrasit); font-weight: bold; }
.adimlar li.simdi::before { background: var(--antrasit); }

.kat-sec-govde { padding: 0; }
.kat-sec { display: block; background: var(--beyaz); }
.kat-sec-kolon { width: auto; }
.kat-sec.derin [data-seviye="0"] { display: none; }
.kat-sec-kolon button { display: flex; width: 100%; align-items: center; gap: 12px; min-height: 52px; padding: 0 14px; border: 0; border-bottom: 1px solid var(--cizgi-acik); background: none; font-size: 15px; text-align: left; color: var(--metin); }
.kat-sec-kolon button > span { flex: 1; min-width: 0; }
.kat-sec-kolon button:hover { background: var(--zemin); }
.kat-sec-kolon button.secili { background: var(--antrasit); color: var(--beyaz); font-weight: bold; }
.kat-sec-kolon button .ikon { width: 16px; height: 16px; color: var(--cok-soluk); }
.kat-sec-kolon button .ikon:first-child { width: 30px; height: 30px; padding: 4px; border-radius: 4px; background: var(--sari); color: var(--antrasit); }
.kat-sec-kolon button.kat-geri { min-height: 46px; background: var(--zemin-2); color: var(--mavi); font-weight: bold; font-size: 14px; }
.kat-sec-baslik { padding: 14px 14px 6px; color: var(--soluk); font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: .4px; }
.kat-sec-son { display: none; }
.kat-sec.tamam .kat-sec-son { position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px calc(10px + var(--guvenli)); background: var(--beyaz); border-top: 1px solid var(--cizgi); box-shadow: var(--golge-ust); }
.kat-sec.tamam .kat-sec-son > .ikon, .kat-sec.tamam .kat-sec-son > strong { display: none; }
.kat-sec-yol { flex: 1; min-width: 0; color: var(--antrasit); font-weight: bold; font-size: 13px; }
.kat-sec-son strong { color: var(--antrasit); font-size: 14px; }
.kat-sec-son .ikon { width: 40px; height: 40px; color: var(--yesil); }
.secili-kat { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; padding: 10px 12px; background: var(--zemin-2); border: 1px solid var(--cizgi); border-radius: 3px; margin-bottom: 14px; font-size: 13px; }
.secili-kat strong { color: var(--antrasit); }
.foto-alan { display: block; border: 2px dashed var(--cizgi); border-radius: 4px; padding: 18px 12px; text-align: center; background: var(--zemin-2); transition: background .15s; }
.foto-alan.uzerinde { background: var(--sari-zemin); border-color: var(--sari); }
.foto-alan > .ikon { width: 40px; height: 40px; color: var(--cok-soluk); margin: 0 auto 10px; display: block; }
.foto-alan p { margin: 10px 0 0; color: var(--soluk); font-size: 12px; }
.foto-secim { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.foto-secim label { cursor: pointer; }
.foto-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 14px; }
.foto-oge { position: relative; border: 1px solid var(--cizgi); border-radius: 3px; background: var(--beyaz); overflow: hidden; }
.foto-oge img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.foto-oge.surukleniyor { opacity: .4; }
.foto-oge .kapak-isaret { position: absolute; left: 5px; top: 5px; background: var(--sari); color: var(--antrasit); font-size: 11px; font-weight: bold; padding: 1px 6px; border-radius: 2px; }
.foto-oge-alt { display: flex; border-top: 1px solid var(--cizgi-acik); }
.foto-oge-alt button { flex: 1; display: flex; align-items: center; justify-content: center; height: 42px; padding: 0; background: none; border: 0; border-left: 1px solid var(--cizgi-acik); color: var(--soluk); }
.foto-oge-alt button:first-child { border-left: 0; }
.foto-oge-alt button:hover { background: var(--zemin); color: var(--antrasit); }
.foto-oge-alt .sil { color: var(--kirmizi); }
.foto-oge:first-child [data-foto-kapak] { color: var(--turuncu); }
.foto-oge:first-child [data-foto-kapak] .ikon { fill: currentColor; }
.foto-oge.yukleniyor img { opacity: .4; }
.foto-oge.yukleniyor .foto-oge-alt { pointer-events: none; opacity: .4; }
.foto-oge .ilerleme { position: absolute; left: 6px; right: 6px; bottom: 50px; height: 4px; background: var(--cizgi); border-radius: 2px; overflow: hidden; }
.foto-oge .ilerleme i { display: block; height: 100%; width: 0; background: var(--yesil); transition: width .2s; }
.doping-liste { display: grid; gap: 10px; }
.doping-kart { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 10px 12px; align-items: start; border: 1px solid var(--cizgi); border-radius: 3px; padding: 12px; background: var(--beyaz); }
.doping-kart.secili { border-color: var(--sari); background: var(--sari-zemin); box-shadow: 0 0 0 1px var(--sari); }
.doping-simge { width: 40px; height: 40px; border-radius: 50%; background: var(--antrasit); color: var(--sari); display: flex; align-items: center; justify-content: center; }
.doping-kart strong { color: var(--antrasit); font-size: 15px; }
.doping-kart p { margin: 2px 0 0; color: var(--soluk); font-size: 13px; }
.doping-sure { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; }
.doping-sure label { position: relative; cursor: pointer; flex: 1 1 88px; }
.doping-sure input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.doping-sure span { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 48px; height: 100%; padding: 4px 8px; border: 1px solid var(--cizgi); border-radius: 3px; background: var(--beyaz); color: var(--metin); font-size: 12px; line-height: 1.25; text-align: center; }
.doping-sure b { color: var(--antrasit); font-size: 14px; }
.doping-sure input:checked + span { border-color: var(--antrasit); background: var(--antrasit); color: var(--beyaz); }
.doping-sure input:checked + span b { color: var(--sari); }
.doping-sure label:first-child input:checked + span { background: var(--zemin); border-color: var(--soluk); color: var(--antrasit); font-weight: bold; }
.doping-sure input:focus-visible + span { outline: 2px solid var(--mavi); outline-offset: 1px; }
.doping-ozet.eylem-cubuk { flex-wrap: wrap; background: var(--antrasit); color: var(--beyaz); border-top: 0; }
.doping-toplam { flex: 1; }
.doping-ozet strong { font: 800 20px var(--baslik-yazi); color: var(--sari); margin-left: 4px; }
.doping-eylem { display: flex; gap: 8px; flex: 1 1 100%; }
.doping-eylem .dugme { flex: 1; }
.odeme-sayfa { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 18px; align-items: start; }
.odeme-ozet summary { list-style: none; }
.odeme-ozet summary::-webkit-details-marker { display: none; }
.odeme-ozet-tutar { display: inline-flex; align-items: center; gap: 4px; font-weight: bold; color: var(--antrasit); }
.odeme-ozet[open] .odeme-ozet-tutar .ikon { transform: rotate(180deg); }
.odeme-ozet:not([open]) summary { border-bottom: 0; }
.odeme-kart .eylem-cubuk { margin: 10px -12px -12px; padding-left: 12px; padding-right: 12px; }
.test-not { padding: 8px 10px; background: var(--mavi-zemin); border: 1px solid #BCD6F7; color: var(--mavi-koyu); font-size: 12px; border-radius: 3px; margin-bottom: 12px; }
.tebrik { text-align: center; padding: 30px 16px; }
.tebrik .ikon { width: 64px; height: 64px; color: var(--beyaz); background: var(--yesil); border-radius: 50%; padding: 14px; margin: 0 auto 14px; display: block; }
.tebrik h1 { font-size: 20px; color: var(--antrasit); margin-bottom: 8px; }
.tebrik p { color: var(--soluk); max-width: 520px; margin: 0 auto 6px; }
.tebrik .ilan-no-buyuk { display: inline-block; margin: 12px 0 18px; padding: 8px 18px; border: 1px dashed var(--antrasit); font: 800 18px var(--baslik-yazi); color: var(--antrasit); letter-spacing: 1px; }
.tebrik-eylem { display: flex; flex-direction: column; gap: 8px; }
.onizleme-not { display: flex; flex-direction: column; align-items: stretch; gap: 10px; padding: 10px 12px; background: var(--sari-zemin); border: 1px solid var(--sari-cizgi); border-radius: 3px; margin-bottom: 14px; }
.onizleme-eylem { display: flex; gap: 6px; flex-wrap: wrap; }
.onizleme-eylem .dugme { flex: 1; }

.hesap-sayfa { display: block; padding-top: 0; }
.hesap-menu { display: none; border: 1px solid var(--cizgi); border-radius: 3px; align-self: start; font-size: 12px; }
.hesap-menu-kim { padding: 12px; background: var(--antrasit); color: var(--beyaz); border-radius: 3px 3px 0 0; }
.hesap-menu-kim strong { display: block; font-size: 13px; }
.hesap-menu-kim span { color: var(--soluk-acik); font-size: 11px; }
.hesap-menu h4 { padding: 9px 12px 5px; font-size: 11px; color: var(--soluk); text-transform: uppercase; letter-spacing: .3px; border-top: 1px solid var(--cizgi-acik); }
.hesap-menu a { display: flex; justify-content: space-between; align-items: center; padding: 6px 12px 6px 18px; color: var(--metin); }
.hesap-menu a:hover { background: var(--zemin); text-decoration: none; }
.hesap-menu a.secili { background: var(--sari-zemin); font-weight: bold; color: var(--antrasit); box-shadow: inset 3px 0 0 var(--sari); }
.hesap-menu .sayi { font-size: 11px; }
.hesap-menu-ilan { border-top: 1px solid var(--cizgi-acik); }
.hesap-mobil { margin: 0 -15px 14px; }
.hesap-gruplar { display: flex; overflow-x: auto; padding: 0 7px; background: var(--zemin-2); border-bottom: 1px solid var(--cizgi); }
.hesap-gruplar a { flex: none; display: flex; align-items: center; gap: 4px; padding: 13px 8px 10px; border-bottom: 3px solid transparent; color: var(--metin); font-size: 14px; white-space: nowrap; }
.hesap-gruplar a:hover { text-decoration: none; }
.hesap-gruplar a.secili { border-bottom-color: var(--sari); color: var(--antrasit); font-weight: bold; }
.hesap-alt { display: flex; gap: 6px; overflow-x: auto; padding: 10px 15px 0; }
.hesap-alt a { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border: 1px solid var(--cizgi); border-radius: 18px; background: var(--beyaz); color: var(--metin); font-size: 13px; white-space: nowrap; }
.hesap-alt a:hover { text-decoration: none; border-color: var(--antrasit); }
.hesap-alt a.secili { background: var(--antrasit); border-color: var(--antrasit); color: var(--beyaz); font-weight: bold; }
.hesap-alt a.secili .sayi { color: var(--soluk-acik); }
.hesap-baslik { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; }
.hesap-baslik h1 { font-size: 18px; color: var(--antrasit); }
.ozet-kartlar { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-bottom: 16px; }
.ozet-kart { border: 1px solid var(--cizgi); border-radius: 3px; padding: 12px; color: var(--metin); }
.ozet-kart:hover { border-color: var(--mavi); text-decoration: none; }
.ozet-kart strong { display: block; font: 800 22px/1.1 var(--baslik-yazi); color: var(--antrasit); }
.ozet-kart span { color: var(--soluk); font-size: 12px; }
.tablo { width: 100%; border-collapse: collapse; font-size: 13px; }
.tablo, .tablo tbody, .tablo tr, .tablo td { display: block; }
.tablo thead { display: none; }
.tablo tr { border-bottom: 1px solid var(--cizgi); padding: 10px 12px; }
.tablo tr:last-child { border-bottom: 0; }
.tablo td { border: 0; padding: 3px 0; }
.tablo th { text-align: left; background: var(--zemin); padding: 8px; border-bottom: 1px solid var(--cizgi); color: var(--antrasit); white-space: nowrap; }
.tablo .kucuk-foto { width: 88px; height: 66px; object-fit: cover; border: 1px solid var(--cizgi-acik); background: var(--zemin); border-radius: 3px; }
.tablo .eylemler { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-start; }
.eylemler .dugme { white-space: nowrap; }
.eylemler .dugme .ikon { width: 14px; height: 14px; }
.eylem-menu { position: relative; }
.eylem-menu summary { list-style: none; width: 100%; letter-spacing: 1px; font-size: 11px; }
.eylem-menu summary::-webkit-details-marker { display: none; }
.eylem-menu[open] summary { border-color: var(--antrasit); }
.eylem-menu-liste { position: absolute; right: 0; top: calc(100% + 4px); z-index: 30; min-width: 190px; padding: 6px; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 8px; box-shadow: var(--golge-buyuk); }
.eylem-menu-liste form { margin: 0; }
.eylem-menu-liste a, .eylem-menu-liste button { display: flex; align-items: center; gap: 8px; width: 100%; padding: 9px 10px; border: 0; border-radius: 6px; background: none; color: var(--metin); font-size: 13px; text-align: left; white-space: nowrap; cursor: pointer; }
.eylem-menu-liste a:hover, .eylem-menu-liste button:hover { background: var(--zemin); text-decoration: none; }
.eylem-menu-liste .ikon { width: 15px; height: 15px; color: var(--soluk); }
.eylem-menu-liste .tehlike, .eylem-menu-liste .tehlike .ikon { color: var(--kirmizi); }
.taklit-cubuk { background: var(--sari); color: var(--antrasit); font-size: 13px; }
.taklit-ic { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; padding-top: 6px; padding-bottom: 6px; }
.taklit-ic span { display: block; min-width: 0; line-height: 1.35; }
.taklit-ic .ikon { width: 15px; height: 15px; margin: -2px 5px 0 0; }
.taklit-ic form { margin: 0; flex: none; }
.uye-ust { display: flex; flex-direction: column; gap: 14px; padding: 16px; }
.uye-kim { display: flex; align-items: center; gap: 12px; min-width: 0; }
.uye-kim strong { display: block; font: 800 16px var(--baslik-yazi); color: var(--antrasit); }
.uye-kim .soluk { display: block; font-size: 13px; overflow-wrap: anywhere; }
.uye-kim .etiketler { margin-top: 6px; }
.uye-eylem { display: flex; flex-wrap: wrap; gap: 8px; }
.uye-eylem form { margin: 0; }
.uye-eylem .dugme .ikon { width: 16px; height: 16px; }
.uye-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 14px; }
.sifre-satir { display: flex; gap: 6px; }
.sifre-satir input { flex: 1; min-width: 0; font-family: Consolas, monospace; letter-spacing: .5px; }
.sifre-satir .dugme { flex: none; }
.uye-guvenlik p { margin: 0 0 10px; font-size: 13px; }
.nowrap { white-space: nowrap; }
.tablo .eylemler form { margin: 0; }
.ilan-satirlari tr { display: grid; grid-template-columns: 88px minmax(0, 1fr) auto; column-gap: 10px; row-gap: 4px; align-items: start; }
.ilan-satirlari td { padding: 0; }
.ilan-satirlari .is-foto { grid-row: 1 / span 3; }
.ilan-satirlari .is-ilan { grid-column: 2 / 4; font-size: 14px; line-height: 1.35; }
.ilan-satirlari .is-ilan .soluk { font-size: 12px; }
.ilan-satirlari .is-durum { grid-column: 2; }
.ilan-satirlari .is-fiyat { grid-column: 3; font-weight: bold; color: var(--antrasit); text-align: right; white-space: nowrap; }
.ilan-satirlari .is-sayi { font-size: 12px; color: var(--metin); }
.ilan-satirlari .is-sayi::before { content: attr(data-etiket) ": "; color: var(--soluk); }
.ilan-satirlari .is-sayi + .is-sayi { text-align: right; }
.ilan-satirlari .is-eylem { grid-column: 1 / -1; padding-top: 8px; }
.ilan-satirlari .eylemler { display: grid; grid-template-columns: 1fr 1fr 44px; gap: 6px; }
.ilan-satirlari .eylemler > :only-of-type:not(details) { grid-column: span 2; }
.ilan-satirlari .eylemler .dugme, .ilan-satirlari .eylemler button { width: 100%; }
.durum { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 11px; font-weight: bold; white-space: nowrap; }
.durum-yayinda { background: var(--yesil-zemin); color: #17673A; }
.durum-onay_bekliyor { background: var(--sari-zemin); color: #8A6100; }
.durum-reddedildi { background: var(--kirmizi-zemin); color: #A51C2E; }
.durum-pasif, .durum-suresi_doldu, .durum-taslak { background: var(--zemin); color: var(--soluk); }
.ret-notu { color: var(--kirmizi); font-size: 12px; margin-top: 3px; }
.mesaj-liste a { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 4px 10px; align-items: center; padding: 12px; border-bottom: 1px solid var(--cizgi-acik); color: var(--metin); }
.mesaj-liste a > :last-child { grid-column: 2; font-size: 12px; }
.mesaj-liste a:hover { background: var(--zemin-2); text-decoration: none; }
.mesaj-liste a.okunmamis { background: var(--sari-zemin); }
.mesaj-liste a.okunmamis strong { color: var(--antrasit); }
.mesaj-liste img, .mesaj-liste .foto-bos { display: block; width: 56px; height: 42px; object-fit: cover; background: var(--zemin); border-radius: 3px; grid-row: 1 / span 2; }
.mesaj-liste p { margin: 2px 0 0; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.yazisma { display: flex; flex-direction: column; gap: 8px; padding: 12px; background: var(--zemin-2); min-height: 40vh; overflow-y: auto; }
.balon { max-width: 85%; padding: 8px 12px; border-radius: 10px; background: var(--beyaz); border: 1px solid var(--cizgi); white-space: pre-line; word-wrap: break-word; }
.balon.ben { align-self: flex-end; background: var(--sari-zemin); border-color: var(--sari-cizgi); }
.balon time { display: block; font-size: 11px; color: var(--cok-soluk); margin-top: 4px; }
.mesaj-ilan { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border-bottom: 1px solid var(--cizgi); font-size: 13px; }
.mesaj-ilan img { width: 72px; height: 54px; object-fit: cover; border-radius: 3px; }
.yazisma-form { position: sticky; bottom: 0; display: flex; align-items: flex-end; gap: 8px; padding: 8px 10px calc(8px + var(--guvenli)); background: var(--beyaz); border-top: 1px solid var(--cizgi); }
.yazisma-form .alan { flex: 1; margin: 0; }
.yazisma-form textarea { min-height: 46px; height: 46px; resize: none; }
.yazisma-form .form-alt { padding: 0; }

.giris-sayfa { display: block; padding: 16px 0; }
.giris-kutu { border: 1px solid var(--cizgi); border-radius: 3px; padding: 18px 16px; background: var(--beyaz); box-shadow: var(--golge); }
.giris-kutu h1 { font-size: 20px; color: var(--antrasit); margin-bottom: 14px; }
.giris-kutu .form-alt.yayil { flex-direction: column-reverse; align-items: stretch; gap: 14px; text-align: center; }
.giris-yan { display: none; padding-top: 10px; }
.giris-yan h2 { font: 800 24px/1.25 var(--baslik-yazi); color: var(--antrasit); margin-bottom: 14px; }
.giris-yan ul { list-style: none; padding: 0; margin: 0; }
.giris-yan li { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 12px; font-size: 14px; }
.giris-yan li .ikon { width: 22px; height: 22px; color: var(--antrasit); background: var(--sari); border-radius: 50%; padding: 4px; }
.hesap-turu { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--cizgi); border-radius: 3px; overflow: hidden; margin-bottom: 14px; }
.hesap-turu label { display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 6px 10px; text-align: center; cursor: pointer; font-weight: bold; color: var(--soluk); background: var(--zemin-2); }
.hesap-turu input { display: none; }
.hesap-turu input:checked + span { color: var(--antrasit); }
.hesap-turu label:has(input:checked) { background: var(--sari); color: var(--antrasit); }
.giris-alt { text-align: center; margin-top: 16px; font-size: 14px; color: var(--soluk); }

.statik { max-width: 860px; padding: 10px 0 30px; }
.statik h1 { font-size: 20px; color: var(--antrasit); margin-bottom: 14px; }
.statik h2 { font-size: 16px; color: var(--antrasit); margin: 20px 0 8px; }
.statik p, .statik li { font-size: 15px; line-height: 1.7; }
.yardim-izgara { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 14px 0; }
.yardim-izgara a { border: 1px solid var(--cizgi); border-radius: 3px; padding: 14px; color: var(--metin); }
.yardim-izgara a strong { display: block; color: var(--antrasit); margin-bottom: 4px; }
.sss details { border: 1px solid var(--cizgi); border-radius: 3px; margin-bottom: 6px; }
.sss summary { padding: 12px 14px; font-weight: bold; color: var(--antrasit); }
.sss details p { padding: 0 14px 12px; margin: 0; }
.magaza-ust { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 20px 18px 18px; margin: 6px 0 14px; border: 1px solid var(--cizgi); border-top: 3px solid var(--sari); border-radius: 6px; background: var(--beyaz); color: var(--antrasit); box-shadow: var(--golge-kart); }
.magaza-ust img, .magaza-logo-bos { width: 120px; height: 86px; object-fit: contain; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 6px; flex: none; padding: 4px; }
.magaza-logo-bos { display: flex; align-items: center; justify-content: center; font: 800 28px var(--baslik-yazi); color: var(--antrasit); background: var(--sari); }
.magaza-ust h1 { font: 800 22px/1.2 var(--baslik-yazi); }
.magaza-ust p { margin: 4px 0 0; color: var(--soluk); font-size: 13px; }
.hata-sayfa { text-align: center; padding: 50px 16px; }
.hata-sayfa strong { display: block; font: 800 64px/1 var(--baslik-yazi); color: var(--sari); text-shadow: 2px 2px 0 var(--antrasit); }
.hata-sayfa h1 { font-size: 20px; color: var(--antrasit); margin: 10px 0; }
.hata-sayfa pre { white-space: pre-wrap; word-break: break-all; text-align: left; }
.detayli-arama { max-width: 760px; }
.pencere { position: fixed; inset: 0; z-index: 90; background: var(--perde); display: none; align-items: flex-end; justify-content: center; padding: 0; }
.pencere.acik { display: flex; }
.pencere-ic { background: var(--beyaz); width: 100%; max-height: 92vh; overflow-y: auto; border-radius: 14px 14px 0 0; padding-bottom: var(--guvenli); box-shadow: var(--golge-buyuk); }
.pencere-ust { display: flex; justify-content: space-between; align-items: center; padding: 6px 6px 6px 16px; border-bottom: 1px solid var(--cizgi); }
.pencere-ust h3 { font-size: 16px; color: var(--antrasit); }
.pencere-ust button { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: none; border: 0; padding: 0; }
.pencere-govde { padding: 16px; }
.pencere .form-alt .dugme { flex: 1; }

.alt { margin-top: 36px; border-top: 4px solid var(--sari); background: var(--antrasit); color: var(--koyu-yazi); font-size: 13px; }
.alt-guven { background: var(--antrasit-2); border-bottom: 1px solid var(--koyu-cizgi); }
.alt-guven-ic { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 12px; padding-top: 18px; padding-bottom: 18px; }
.alt-guven-ic div { display: flex; align-items: flex-start; gap: 10px; font-size: 12px; line-height: 1.4; }
.alt-guven-ic .ikon { width: 26px; height: 26px; padding: 4px; color: var(--antrasit); background: var(--sari); flex: none; }
.alt-guven-ic strong { display: block; color: var(--beyaz); font: 700 13px var(--baslik-yazi); }
.alt-marka { padding: 22px 0 8px; }
.alt-marka p { margin: 12px 0 0; max-width: 340px; line-height: 1.6; }
.alt-kolonlar { display: block; }
.alt-grup { border-bottom: 1px solid var(--koyu-cizgi); }
.alt-grup summary { list-style: none; display: flex; align-items: center; justify-content: space-between; min-height: 48px; font: 700 13px var(--baslik-yazi); text-transform: uppercase; letter-spacing: .5px; color: var(--sari); }
.alt-grup summary::-webkit-details-marker { display: none; }
.alt-grup summary::after { content: "+"; font-size: 20px; font-weight: normal; color: var(--koyu-yazi); }
.alt-grup[open] summary::after { content: "−"; }
.alt-grup[open] { padding-bottom: 8px; }
.alt-kolonlar a { display: block; color: var(--koyu-yazi); padding: 8px 0; font-size: 14px; }
.alt-kolonlar a:hover { color: var(--beyaz); }
.alt-destek { display: flex; flex-direction: column; gap: 10px; margin: 18px 0 14px; }
.alt-destek-kutu { display: flex; flex-direction: column; padding: 12px 16px; background: var(--koyu-cizgi); border-left: 4px solid var(--sari); font-size: 13px; }
.alt-destek-kutu strong { color: var(--beyaz); font-family: var(--baslik-yazi); }
.alt-destek-kutu a { color: var(--sari); }
.alt-not { color: var(--koyu-yazi); font-size: 11px; margin: 0; padding: 14px 0 20px; border-top: 1px solid var(--koyu-cizgi); line-height: 1.6; }

.yonetim .hesap-menu-kim { background: var(--turuncu-koyu); }
.yonetim-filtre { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.yonetim-filtre input, .yonetim-filtre select { height: 40px; border: 1px solid var(--cizgi); border-radius: 3px; padding: 0 8px; font-size: 16px; background: var(--beyaz); max-width: 100%; }
.onay-kart { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; border: 1px solid var(--cizgi); border-radius: 3px; padding: 12px; margin-bottom: 12px; }
.onay-kart img { width: 160px; height: 120px; object-fit: cover; background: var(--zemin); }
.onay-kart h3 { font-size: 14px; margin-bottom: 4px; }
.onay-kart p { margin: 4px 0; font-size: 12px; color: var(--soluk); }
.onay-fotolar { display: flex; gap: 4px; margin-top: 6px; flex-wrap: wrap; }
.onay-fotolar img { width: 54px; height: 40px; }
.onay-eylem { display: flex; flex-direction: column; gap: 6px; }
.onay-eylem textarea { width: 100%; min-height: 54px; border: 1px solid var(--cizgi); border-radius: 3px; padding: 6px; font-size: 16px; }

.toast { position: fixed; left: 50%; bottom: calc(var(--alt-bar) + var(--guvenli) + 14px); transform: translate(-50%, 20px); background: var(--antrasit); color: var(--beyaz); padding: 10px 18px; border-radius: 4px; box-shadow: var(--golge-buyuk); font-size: 14px; opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; z-index: 200; max-width: 90vw; }
.alt-bar-yok .toast { bottom: calc(84px + var(--guvenli)); }
.toast.acik { opacity: 1; transform: translate(-50%, 0); }
.toast-hata { background: var(--kirmizi); }
.etiketler { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 4px; }
.kucuk-foto.galeri-yok { display: block; }

.yil-rozet { float: right; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 40px; height: 40px; margin-left: 8px; border-radius: 50%; background: var(--sari); color: var(--antrasit); font-size: 9px; line-height: 1; font-weight: bold; }
.yil-rozet strong { font-size: 14px; }
.magaza-ust .yil-rozet { float: none; flex: none; width: 52px; height: 52px; font-size: 10px; }
.magaza-ust .yil-rozet strong { font-size: 18px; }
.fav-satici { white-space: nowrap; display: inline-flex; align-items: center; gap: 4px; font-size: 13px; }
.fav-satici .ikon { width: 14px; height: 14px; }
.fav-satici.secili { color: var(--kirmizi); }
.fav-satici.secili .ikon { fill: currentColor; }
.magaza-eylem { margin-left: 0; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.magaza-eylem .fav-satici { color: var(--mavi); }
.magaza-eylem .fav-satici.secili { color: var(--kirmizi); }
.magaza-ara { display: flex; gap: 6px; margin-bottom: 10px; }
.magaza-ara input { flex: 1; min-width: 0; height: 40px; padding: 0 10px; border: 1px solid var(--cizgi); border-radius: 3px; font-size: 16px; }
.karsilastir-cubuk { position: fixed; right: 12px; bottom: calc(var(--alt-bar) + var(--guvenli) + 12px); z-index: 40; display: inline-flex; align-items: center; gap: 6px; padding: 10px 14px; border-radius: 22px; background: var(--antrasit); color: var(--beyaz); font-weight: bold; font-size: 13px; box-shadow: var(--golge-buyuk); }
.alt-bar-yok .karsilastir-cubuk { bottom: calc(80px + var(--guvenli)); }
.karsilastir-cubuk b { font-weight: bold; }
.karsilastir-cubuk:hover { color: var(--sari); text-decoration: none; }
.karsilastir-cubuk .ikon { width: 16px; height: 16px; }
.karsilastir-kap { display: block; max-width: 100%; overflow-x: auto; border: 1px solid var(--cizgi); border-radius: 3px; background: var(--beyaz); }
.karsilastir { border-collapse: collapse; font-size: 12px; table-layout: fixed; }
.karsilastir td { width: 190px; }
.karsilastir th, .karsilastir td { padding: 8px 10px; border-bottom: 1px solid var(--cizgi-acik); text-align: left; vertical-align: top; }
.karsilastir th { position: sticky; left: 0; z-index: 1; width: 110px; color: var(--soluk); font-weight: normal; background: var(--zemin-2); }
.karsilastir thead td { vertical-align: top; }
.karsilastir-foto { display: block; aspect-ratio: 4 / 3; background: var(--zemin); overflow: hidden; margin-bottom: 6px; }
.karsilastir-foto img { width: 100%; height: 100%; object-fit: cover; }
.karsilastir-baslik { display: block; font-weight: bold; color: var(--antrasit); margin-bottom: 6px; }
.karsilastir-fiyat { font-weight: bold; color: var(--antrasit); font-size: 14px; }
.satici-liste { border: 1px solid var(--cizgi); border-radius: 3px; background: var(--beyaz); }
.satici-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 10px 12px; border-bottom: 1px solid var(--cizgi-acik); }
.satici-satir:last-child { border-bottom: 0; }
.satici-satir-logo { flex: none; width: 72px; height: 48px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--cizgi-acik); border-radius: 3px; background: var(--zemin-2); overflow: hidden; color: var(--antrasit); font-weight: bold; }
.satici-satir-logo img { width: 100%; height: 100%; object-fit: contain; }
.satici-satir-bilgi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
.yeni-etiket { font-style: normal; color: var(--yesil); font-weight: bold; }

@media (max-width: 860px) {
  .mobil-gizle { display: none !important; }
}

@media (min-width: 600px) {
  .vitrin { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .galeri-liste, .foto-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ozellik-izgara { grid-template-columns: repeat(2, 1fr); }
  .satir2 { grid-template-columns: 1fr 1fr; }
  .adres-form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .firma-bant { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .alt-guven-ic { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ana-ozellik { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .vitrin-kaydir { grid-auto-columns: 30%; }
  .vitrin-dolu:not(.vitrin-20) .kart:nth-child(n+10), .vitrin-20 .kart:nth-child(n+19) { display: none; }
  .slider { margin: 0 0 24px; border-radius: 10px; }
  .banner { margin: 0 0 28px; border-radius: 10px; box-shadow: var(--golge-kart); }
  .banner img, .banner-2 img, .banner-3 img { aspect-ratio: auto; }
  .banner:hover img { transform: scale(1.015); }
  .galeri-buyuk { aspect-ratio: 16 / 10; }
  .slayt { flex-direction: row-reverse; align-items: stretch; min-height: 280px; }
  .slayt-gorsel { flex: 0 0 42%; height: auto; padding: 16px 12px 0 0; align-items: center; }
  .slayt-gorsel img { width: 100%; height: auto; max-height: 260px; }
  .slayt-ic { flex: 1; justify-content: center; padding: 28px 8px 52px 28px; }
  .slayt-baslik { font-size: 26px; }
  .slider-noktalar { left: 28px; }
  .kat-kutu { padding: 13px 14px; }
  .yardim-izgara { grid-template-columns: repeat(2, 1fr); }
  .ozet-kartlar { grid-template-columns: repeat(4, 1fr); }
  .benzer .vitrin { grid-auto-columns: 30%; }
  .pencere { align-items: center; padding: 16px; }
  .pencere-ic { max-width: 460px; border-radius: 4px; padding-bottom: 0; }
  .tebrik-eylem { flex-direction: row; justify-content: center; flex-wrap: wrap; gap: 10px; }
  .doping-eylem { flex: none; }
  .doping-eylem .dugme { flex: none; }
}

@media (min-width: 861px) {
  .gizli-masaustu { display: none !important; }
  body { padding-bottom: 0; }
  body.sayfa-detay { padding-bottom: 0; }
  .alt-bar { display: none; }
  .ust { z-index: 30; }
  .ust-ic { flex-wrap: nowrap; gap: 16px; height: 68px; }
  .ust-menu-dugme { display: none; }
  .logo-kutu { gap: 6px; height: 40px; padding: 0 10px 0 8px; }
  .logo-simge { width: 24px; height: 24px; }
  .logo-yazi { font-size: 21px; }
  .logo-com { display: block; }
  .ust-arama { order: 0; flex: 1; max-width: 640px; height: 40px; margin: 0; padding: 2px; border-radius: 8px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .08); }
  .ust-arama:focus-within { box-shadow: 0 0 0 3px rgba(255, 194, 14, .45); }
  .ust-arama-kat { display: none; flex: none; max-width: 160px; padding: 0 8px 0 10px; border: 0; border-radius: 6px; background: var(--celik); color: var(--antrasit); font: 600 12px var(--baslik-yazi); outline: none; cursor: pointer; }
  .ust-arama input { font-size: 14px; }
  .ust-arama button { width: auto; padding: 0 18px; }
  .ust-arama button span { display: inline; }
  .ust-arama button .ikon { width: 17px; height: 17px; stroke-width: 2.6; }
  .ust-sag { height: auto; }
  .ust-sag .dugme-ilan { display: inline-flex; height: 40px; padding: 0 16px; font-size: 13px; }
  .ust-ayrac { display: block; }
  .ust-kayit { display: inline; }
  .ust-link { font-size: 13px; }
  .ust { border-bottom: 0; }
  .kat-nav { border-bottom: 3px solid var(--sari); }
  .kat-nav { display: block; position: relative; background: var(--antrasit-2); border-top: 1px solid var(--koyu-cizgi); }
  .kat-nav-ic { display: flex; align-items: stretch; overflow-x: auto; }
  .kat-nav-oge { flex: none; }
  .kat-nav-link { display: flex; align-items: center; gap: 7px; height: 46px; padding: 0 10px; color: var(--beyaz); font: 600 13px var(--baslik-yazi); white-space: nowrap; border-bottom: 3px solid transparent; }
  .kat-nav-link .ikon { display: none; width: 20px; height: 20px; color: var(--sari); }
  .kat-nav-oge:hover .kat-nav-link, .kat-nav-oge:focus-within .kat-nav-link { background: var(--antrasit); border-bottom-color: var(--sari); text-decoration: none; }
  .kat-nav-panel { position: absolute; top: 100%; left: 50%; z-index: 40; width: min(1150px, calc(100% - 30px)); transform: translateX(-50%); display: none; grid-template-columns: 250px minmax(0, 1fr); background: var(--beyaz); color: var(--metin); border-radius: 0 0 12px 12px; box-shadow: 0 18px 40px rgba(31, 42, 55, .22); overflow: hidden; }
  .kat-nav-oge:hover .kat-nav-panel, .kat-nav-oge:focus-within .kat-nav-panel { display: grid; animation: panel-ac .16s ease-out; }
  @keyframes panel-ac { from { opacity: 0; transform: translate(-50%, -6px); } to { opacity: 1; transform: translate(-50%, 0); } }
  .kat-nav-tanit { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 24px 22px; background: var(--sari-zemin); }
  .kat-nav-simge { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: 6px; border-radius: 50%; background: var(--sari); color: var(--antrasit); }
  .kat-nav-simge .ikon { width: 30px; height: 30px; }
  .kat-nav-tanit strong { font: 800 18px/1.2 var(--baslik-yazi); color: var(--antrasit); }
  .kat-nav-tanit > span:not(.kat-nav-simge) { color: var(--soluk); font-size: 13px; }
  .kat-nav-tanit .dugme { margin-top: 10px; border-radius: 6px; }
  .kat-nav-tanit .dugme .ikon { width: 14px; height: 14px; }
  .kat-nav-alt { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-content: start; gap: 6px; list-style: none; margin: 0; padding: 20px 22px; }
  .kat-nav-alt a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 11px 14px; border: 1px solid var(--cizgi-acik); border-radius: 8px; color: var(--antrasit); font: 600 14px var(--baslik-yazi); transition: background .15s, border-color .15s; }
  .kat-nav-alt a:hover { background: var(--sari-zemin); border-color: var(--sari); text-decoration: none; }
  .kat-nav-alt em { flex: none; min-width: 26px; padding: 1px 7px; border-radius: 10px; background: var(--celik); color: var(--soluk); font: 700 11px/18px var(--baslik-yazi); font-style: normal; text-align: center; }
  .kat-nav-alt a:hover em { background: var(--sari); color: var(--antrasit); }
  .filtre-alt .dugme { flex: 1; padding: 0 8px; }
  .ust-hesap-dugme { width: auto; height: auto; margin: 0; padding: 6px 4px; }
  .ust-hesap-dugme .ikon { width: 18px; height: 18px; }
  .ust-hesap-dugme span { display: inline; }
  .ust-hesap-dugme .rozet { position: static; }
  .ust-hesap-menu { position: absolute; left: auto; right: 0; bottom: auto; top: 100%; z-index: 50; min-width: 220px; max-height: none; overflow: visible; border: 1px solid var(--cizgi); border-radius: 3px; padding: 6px 0; box-shadow: var(--golge-buyuk); }
  .ust-hesap-kim { padding: 6px 14px 8px; }
  .ust-hesap-kim strong { font-size: 13px; }
  .ust-hesap-kim span { font-size: 11px; }
  .ust-hesap-menu a, .ust-hesap-menu button { min-height: 0; padding: 8px 14px; font-size: 13px; }
  .mobil-menu, .mobil-menu.acik { display: none; }

  .dugme { height: 38px; padding: 0 16px; font-size: 13px; }
  .dugme-buyuk { height: 44px; padding: 0 24px; font-size: 14px; }
  .dugme-kucuk { height: 32px; padding: 0 12px; font-size: 12px; }
  .dugme-ikon { width: 38px; }
  .eylem-cubuk { position: static; z-index: auto; margin: 0; padding: 6px 0 0; background: none; border-top: 0; box-shadow: none; }
  .eylem-cubuk > .dugme-buyuk, .eylem-cubuk > .dugme-blok { flex: none; }
  .eylem-cubuk > .dugme-blok { flex: 1; }

  .kirinti { flex-wrap: wrap; margin: 0; padding: 10px 0; overflow: visible; white-space: normal; }

  .ana { padding-top: 20px; }
  .slayt { min-height: 330px; }
  .slayt-gorsel { flex-basis: 44%; padding: 20px 56px 0 0; }
  .slayt-gorsel img { max-height: 310px; }
  .slayt-ic { padding: 40px 12px 60px 64px; gap: 12px; }
  .slayt-baslik { font-size: 34px; max-width: 560px; }
  .slayt p { font-size: 15px; max-width: 520px; }
  .slayt-sayilar b { font-size: 20px; }
  .slider-noktalar { left: 64px; bottom: 26px; }
  .slider-ok { position: absolute; top: 50%; z-index: 2; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-top: -21px; padding: 0; border: 0; border-radius: 50%; background: var(--beyaz); color: var(--antrasit); box-shadow: var(--golge-buyuk); transition: background .2s, transform .2s; }
  .slider-ok:hover { background: var(--antrasit); color: var(--sari); }
  .slider-ok.sol { left: 12px; }
  .slider-ok.sag { right: 12px; }
  .kat-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
  .kat-kutu { padding: 14px 16px; }
  .kat-kutu-ust strong { font-size: 14px; }
  .vitrin { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
  .vitrin-kaydir { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(6, minmax(0, 1fr)); overflow: visible; margin: 0; padding: 0; }
  .vitrin-kaydir .kart:nth-child(n+7) { display: none; }
  .vitrin-dolu .kart:nth-child(n) { display: flex; }
  .vitrin-dolu:not(.vitrin-20) .kart:nth-child(n+9) { display: none; }
  .kart-baslik { font-size: 14px; }
  .firma-bant { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }

  .liste-sayfa { display: grid; grid-template-columns: 235px minmax(0, 1fr); gap: 16px; }
  .filtre { display: block; position: static; inset: auto; z-index: auto; overflow: visible; padding: 0; font-size: 12px; background: none; }
  .filtre-baslik { min-height: 0; padding: 9px 10px; font-size: 12px; }
  .filtre-baslik .ikon { width: 14px; height: 14px; }
  .filtre-govde { padding: 8px 10px 10px; }
  .filtre-kat a { min-height: 0; padding: 3px 0; }
  .filtre-ara-kutu { height: 28px; border-radius: 2px; padding: 0 7px; font-size: 12px; }
  .filtre-liste { max-height: 180px; }
  .filtre-liste label, .filtre-secim label { gap: 6px; min-height: 0; padding: 3px 0; }
  .filtre-liste input, .filtre-secim input { width: auto; height: auto; }
  .filtre-aralik { gap: 4px; }
  .filtre-aralik input { height: 28px; border-radius: 2px; padding: 0 6px; font-size: 12px; }
  .filtre-aralik select { height: 28px; border-radius: 2px; font-size: 12px; }
  .filtre-select { height: 28px; border-radius: 2px; font-size: 12px; padding: 0 4px; }
  .filtre-alt { margin: 0; padding: 10px; gap: 6px; border: 1px solid var(--cizgi); border-top: 0; box-shadow: none; }
  .filtre-ac { display: none; }
  .liste-ust { flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px; padding: 18px 0 12px; border-bottom: 1px solid var(--cizgi); }
  .liste-baslik h1, .liste-baslik h2 { font-size: 22px; }
  .liste-araclar { position: static; gap: 8px; margin: 0; padding: 0; border: 0; background: none; }
  .liste-araclar .dugme { height: 36px; }
  .liste-araclar select { flex: none; height: 36px; font-size: 13px; padding: 0 8px; }
  .kaydet-dugme { width: auto; padding: 0 12px; }
  .kaydet-dugme span { display: inline; }
  .gorunum a { width: 36px; height: 34px; }
  .sekme { font-size: 12px; }
  .sekme a, .sekme button { padding: 8px 14px; font-size: 12px; }
  .kimden { margin-top: 12px; }
  .secim { min-height: 0; padding: 4px 10px; font-size: 12px; }
  .secim-temizle { font-size: 12px; }
  .kat-vitrin .vitrin { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .kat-vitrin .kart:nth-child(n+5) { display: none; }
  .satir { grid-template-columns: 200px minmax(0, 1fr) 170px; gap: 0 18px; padding: 12px; }
  .satir-foto { grid-row: auto; }
  .satir-baslik { font-size: 15px; }
  .satir-ozellik { gap: 6px; }
  .satir-ozellik div { flex-direction: column; align-items: flex-start; padding: 4px 9px; line-height: 1.25; border-left: 3px solid var(--sari); }
  .satir-ozellik dt { display: block; color: var(--soluk); font-size: 10px; text-transform: uppercase; letter-spacing: .3px; }
  .satir-ozellik dd { font-size: 13px; }
  .satir-alt { margin-top: auto; }
  .satir-fiyat { grid-column: auto; flex-direction: column; flex-wrap: nowrap; align-items: flex-end; justify-content: flex-start; gap: 3px; margin: 0; padding-left: 18px; border-left: 1px solid var(--cizgi-acik); text-align: right; }
  .satir-fiyat strong { font-size: 19px; }
  .satir-fiyat del { flex-basis: auto; }
  .satir-fiyat form, .satir-fiyat > a.fav-dugme { margin: auto 0 0; }
  .fav-dugme { margin: 0 -8px -8px 0; }
  .bos { padding: 40px 20px; }
  .sayfalama { font-size: 13px; }
  .sayfalama a, .sayfalama span { min-width: 36px; height: 36px; padding: 0 10px; font-size: 13px; }
  .sayfa-basina { font-size: 12px; }

  .detay-ust { flex-direction: row; justify-content: space-between; align-items: flex-end; gap: 20px; padding: 6px 0 18px; }
  .detay-ust h1 { font-size: 26px; }
  .detay-araclar { gap: 6px; flex-wrap: wrap; justify-content: flex-end; overflow: visible; margin: 0; padding: 0; flex: none; max-width: 46%; }
  .detay-araclar a, .detay-araclar button { height: 36px; font-size: 12px; }
  .detay { grid-template-columns: minmax(0, 1fr) 340px; grid-template-areas: "galeri yan" "bolum yan"; gap: 18px 22px; }
  .detay-yan { position: sticky; top: 14px; }
  .kira-kart .satici-eylem { display: flex; }
  .galeri { margin: 0; border: 1px solid var(--cizgi); }
  .galeri-buyuk { aspect-ratio: 16 / 10; }
  .galeri-ok { width: 44px; height: 44px; }
  .galeri-kucukler { display: grid; grid-template-columns: repeat(8, 1fr); overflow: visible; padding: 6px; }
  .isik-kutu img { max-width: 92vw; }
  .isik-kapat { right: 16px; top: 14px; width: auto; height: auto; }
  .bilgi-fiyat { font-size: 32px; }
  .detay-bolum { padding: 22px 24px; }
  .ozellik-izgara { grid-template-columns: repeat(2, 1fr); }
  .harita { height: 360px; }
  .benzer .vitrin { display: grid; grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; scroll-snap-type: none; margin: 0; padding: 0; }
  .benzer .kart:nth-child(n+5) { display: none; }

  .kutu-baslik { flex-wrap: nowrap; padding: 10px 14px; gap: 10px; }
  .kutu-baslik h2, .kutu-baslik h3 { font-size: 14px; }
  .kutu-govde { padding: 14px; }
  .form .alan { margin-bottom: 12px; }
  .alan > label, .alan-etiket { font-size: 12px; margin-bottom: 4px; }
  .girdi, .form input[type=text], .form input[type=email], .form input[type=password], .form input[type=tel], .form input[type=number], .form input[type=search], .form input[type=url], .form input[type=date], .form select, .form textarea { height: 34px; padding: 0 10px; font-size: 13px; }
  .form textarea { height: auto; min-height: 160px; padding: 8px 10px; }
  .input-error { font-size: 12px; margin-top: 3px; }
  .alan-ipucu { font-size: 11px; margin-top: 3px; }
  .satir2 { grid-template-columns: 1fr 1fr; }
  .satir3, .fiyat-satir, .ozellik-form, .adres-form { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 14px; }
  .fiyat-satir > :last-child { grid-column: auto; }
  .ozellik-form { align-items: start; }
  .birimli span, .birimli select { padding: 0 10px; }
  .secenekler label, label.secenekler { gap: 5px; min-height: 0; }
  .secenekler input[type=checkbox], .secenekler input[type=radio] { width: auto; height: auto; }
  .anahtar { padding: 0; border: 0; background: none; }
  .segment span { min-height: 32px; font-size: 12px; }

  .adim-ozet { display: none; }
  .adimlar { display: flex; }
  .kat-sec-govde { padding: 14px; }
  .kat-sec { display: flex; gap: 0; border: 1px solid var(--cizgi); border-radius: 3px; overflow-x: auto; min-height: 360px; }
  .kat-sec-kolon { width: 250px; flex: none; border-right: 1px solid var(--cizgi); max-height: 420px; overflow-y: auto; }
  .kat-sec.derin [data-seviye="0"] { display: block; }
  .kat-sec-kolon button { gap: 8px; min-height: 0; padding: 9px 12px; font-size: 13px; }
  .kat-sec-kolon button .ikon { width: 14px; height: 14px; }
  .kat-sec-kolon button .ikon:first-child { width: 22px; height: 22px; padding: 3px; }
  .kat-sec-kolon button.kat-geri, .kat-sec-baslik { display: none; }
  .kat-sec-son, .kat-sec.tamam .kat-sec-son { position: static; flex: 1; min-width: 240px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 20px; text-align: center; color: var(--soluk); background: none; border: 0; box-shadow: none; }
  .kat-sec.tamam .kat-sec-son > .ikon, .kat-sec.tamam .kat-sec-son > strong { display: block; }
  .kat-sec-yol { flex: none; font-weight: normal; color: var(--soluk); }
  .secili-kat { font-size: 12px; padding: 10px 14px; }
  .foto-alan { padding: 26px; }
  .foto-alan > .ikon { width: 42px; height: 42px; margin-bottom: 8px; }
  .foto-alan p { margin-top: 6px; }
  .foto-izgara { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
  .foto-oge { cursor: grab; }
  .foto-oge-alt button { height: 32px; }
  .foto-oge-alt .ikon { width: 16px; height: 16px; }
  .foto-oge .ilerleme { bottom: 40px; }
  .doping-kart { grid-template-columns: 44px minmax(0, 1fr); align-items: center; }
  .doping-simge { width: 44px; height: 44px; }
  .doping-kart strong { font-size: 14px; }
  .doping-kart p { font-size: 12px; }
  .doping-sure { grid-column: 2; }
  .doping-sure label { flex: 0 1 auto; }
  .doping-sure span { min-height: 40px; min-width: 96px; }
  .doping-sure b { font-size: 13px; }
  .doping-ozet.eylem-cubuk { flex-wrap: nowrap; justify-content: space-between; gap: 14px; padding: 14px; margin-top: 14px; border-radius: 3px; background: var(--antrasit); }
  .doping-toplam { flex: none; }
  .doping-eylem { flex: none; }
  .odeme-sayfa { grid-template-columns: minmax(0, 1fr) 440px; }
  .odeme-ozet summary { cursor: default; pointer-events: none; }
  .odeme-ozet-tutar { display: none; }
  .odeme-kart .eylem-cubuk { margin: 0; padding: 0; }
  .tebrik { padding: 40px 20px; }
  .tebrik h1 { font-size: 22px; }
  .onizleme-not { flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 10px 14px; }
  .onizleme-eylem .dugme { flex: none; }

  .hesap-sayfa { display: grid; grid-template-columns: 215px minmax(0, 1fr); gap: 18px; padding-top: 16px; }
  .hesap-menu { display: block; }
  .hesap-mobil { display: none; }
  .ozet-kartlar { gap: 10px; }
  .uye-ust { flex-direction: row; align-items: center; justify-content: space-between; }
  .uye-eylem { flex-wrap: nowrap; }
  .uye-izgara { grid-template-columns: minmax(0, 1fr) 320px; align-items: start; }
  .ilan-satirlari .eylemler { flex-wrap: nowrap; justify-content: flex-end; }
  .ilan-satirlari .eylemler .eylem-menu .dugme { width: 36px; padding: 0; }
  .tablo { display: table; font-size: 12px; }
  .tablo thead { display: table-header-group; }
  .tablo tbody { display: table-row-group; }
  .tablo tr, .ilan-satirlari tr { display: table-row; padding: 0; border: 0; }
  .tablo td, .ilan-satirlari td { display: table-cell; padding: 8px; border-bottom: 1px solid var(--cizgi-acik); vertical-align: middle; }
  .tablo tr:hover td { background: var(--zemin-2); }
  .tablo .kucuk-foto { width: 80px; height: 60px; border-radius: 0; }
  .tablo .eylemler { justify-content: flex-end; flex-wrap: nowrap; }
  .ilan-satirlari .is-ilan { font-size: 12px; }
  .ilan-satirlari .is-fiyat { font-weight: normal; color: var(--metin); text-align: left; }
  .ilan-satirlari .is-sayi::before { content: none; }
  .ilan-satirlari .is-sayi + .is-sayi { text-align: left; }
  .ilan-satirlari .is-eylem { padding-top: 8px; }
  .ilan-satirlari .eylemler { display: flex; }
  .ilan-satirlari .eylemler .dugme, .ilan-satirlari .eylemler button { width: auto; }
  .mesaj-liste a { grid-template-columns: 70px minmax(0, 1fr) auto; gap: 10px; padding: 10px; }
  .mesaj-liste a > :last-child { grid-column: auto; }
  .mesaj-liste img, .mesaj-liste .foto-bos { width: 70px; height: 52px; grid-row: auto; border-radius: 0; }
  .yazisma { padding: 14px; min-height: 0; max-height: 480px; }
  .balon { max-width: 70%; border-radius: 8px; }
  .balon time { font-size: 10px; }
  .mesaj-ilan { padding: 10px 14px; font-size: 13px; }
  .mesaj-ilan img { width: 80px; height: 60px; border-radius: 0; }
  .yazisma-form { position: static; display: block; padding: 14px; border-top: 0; }
  .yazisma-form .alan { margin-bottom: 12px; }
  .yazisma-form textarea { height: auto; min-height: 90px; resize: vertical; }
  .yazisma-form .form-alt { padding-top: 6px; }

  .giris-sayfa { display: grid; grid-template-columns: minmax(0, 420px) minmax(0, 1fr); gap: 40px; padding: 30px 0; align-items: start; }
  .giris-kutu { padding: 22px; }
  .giris-kutu .form-alt.yayil { flex-direction: row; align-items: center; gap: 8px; text-align: left; }
  .giris-yan { display: block; }
  .hesap-turu label { min-height: 0; padding: 10px; }
  .giris-alt { margin-top: 14px; font-size: 12px; }

  .statik h1 { font-size: 22px; }
  .statik p, .statik li { font-size: 14px; }
  .yardim-izgara { grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .sss summary { padding: 10px 14px; }
  .magaza-ust { flex-direction: row; align-items: center; gap: 22px; padding: 30px 28px 26px; }
  .magaza-ust h1 { font-size: 28px; }
  .magaza-eylem { margin-left: auto; align-items: flex-end; }
  .magaza-ara input { height: 30px; padding: 0 8px; font-size: 12px; }
  .fav-satici { font-size: 12px; }
  .hata-sayfa { padding: 60px 20px; }
  .pencere-ust { padding: 12px 16px; }
  .pencere-ust h3 { font-size: 15px; }
  .pencere-ust button { width: auto; height: auto; padding: 2px; }
  .pencere .form-alt .dugme { flex: none; }

  .alt > .kap { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 0 40px; padding-top: 30px; }
  .alt-marka { padding: 0; }
  .alt-kolonlar { display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; }
  .alt-grup { border: 0; }
  .alt-grup[open] { padding-bottom: 0; }
  .alt-grup summary { min-height: 0; margin-bottom: 10px; font-size: 12px; cursor: default; pointer-events: none; }
  .alt-grup summary::after, .alt-grup[open] summary::after { content: none; }
  .alt-kolonlar a { padding: 3px 0; font-size: 13px; }
  .alt-destek { grid-column: 1 / -1; flex-direction: row; gap: 14px; margin: 26px 0 0; padding: 20px 0; border-top: 1px solid var(--koyu-cizgi); }
  .alt-destek-kutu { min-width: 240px; }
  .alt-not { grid-column: 1 / -1; }

  .yonetim-filtre input, .yonetim-filtre select { height: 30px; font-size: 12px; }
  .onay-kart { grid-template-columns: 160px minmax(0, 1fr) 260px; gap: 14px; }
  .onay-eylem textarea { font-size: 12px; }

  .toast, .alt-bar-yok .toast { bottom: 24px; font-size: 13px; }
  .karsilastir-cubuk, .alt-bar-yok .karsilastir-cubuk { right: 16px; bottom: 16px; border-radius: 3px; }
  .karsilastir-kap { display: inline-block; vertical-align: top; }
  .karsilastir td { width: 240px; }
  .karsilastir th { position: static; width: 150px; }
  .satici-satir { flex-wrap: nowrap; }
  .satici-satir-bilgi { font-size: 12px; }
}

@media (min-width: 1101px) {
  .ust-arama-kat { display: block; }
  .kat-nav-link { padding: 0 9px; gap: 6px; }
  .kat-nav-link .ikon { display: block; }
  .vitrin { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .vitrin-dolu:not(.vitrin-20) .kart:nth-child(n) { display: flex; }
  .kat-vitrin .vitrin, .benzer .vitrin { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .kat-vitrin .kart:nth-child(n+5), .benzer .kart:nth-child(5) { display: flex; }
  .kat-vitrin .kart:nth-child(n+6) { display: none; }
  .detay { grid-template-columns: minmax(0, 1fr) 360px; }
}

.giris-not { margin: -4px 0 16px; color: var(--soluk); font-size: 14px; }
.giris-not strong { color: var(--antrasit); }
.giris-uyari { margin: -4px 0 14px; padding: 10px 12px; border: 1px solid var(--sari-cizgi); border-radius: 3px; background: var(--sari-zemin); font-size: 13px; }
.giris-uyari-bilgi { margin: 16px 0 0; border-color: var(--cizgi); background: var(--zemin-2); }
.giris-alternatif { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--cizgi-acik); text-align: center; font-size: 13px; }
.giris-alternatif a { color: var(--soluk); text-decoration: underline; }
.form input.tel-girdi { font-size: 20px; letter-spacing: 1px; }
.kod-kutu { text-align: center; }
.kod-kutu .form, .kod-kutu .alan { text-align: left; }
.kod-ikon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: 10px; border-radius: 50%; background: var(--sari); color: var(--antrasit); }
.kod-ikon .ikon { width: 26px; height: 26px; }
.form input.kod-girdi { height: 58px; font: 700 28px/1 var(--baslik-yazi); letter-spacing: 12px; text-align: center; padding-left: 24px; }
.kod-tekrar { margin-top: 12px; text-align: center; }
.baglanti-dugme { padding: 6px 0; border: 0; background: none; color: var(--mavi); font-size: 14px; cursor: pointer; }
.baglanti-dugme:hover { text-decoration: underline; }
.baglanti-dugme:disabled { color: var(--cok-soluk); cursor: default; text-decoration: none; }
.kod-not { margin-top: 12px; }
.hesap-secim { display: flex; flex-direction: column; gap: 8px; }
.hesap-secim form { margin: 0; }
.hesap-secim button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px; border: 1px solid var(--cizgi); border-radius: 3px; background: var(--beyaz); text-align: left; cursor: pointer; font: inherit; color: var(--metin); }
.hesap-secim button:hover { border-color: var(--mavi); background: var(--mavi-zemin); }
.hesap-secim-ad { flex: 1; min-width: 0; }
.hesap-secim-ad strong { display: block; color: var(--antrasit); }
.hesap-secim-ad small { color: var(--soluk); font-size: 12px; }
.hesap-secim-ok { font-size: 22px; color: var(--soluk-acik); }
.secenekler-dikey { flex-direction: column; gap: 4px; }
.karsilama { border-color: var(--sari-cizgi); background: var(--sari-zemin); }
.karsilama h2 { font: 800 17px/1.3 var(--baslik-yazi); color: var(--antrasit); margin-bottom: 6px; }
.karsilama p { margin: 0 0 12px; }
.karsilama-adim { margin: 0; padding: 0; list-style: none; counter-reset: adim; display: grid; gap: 8px; }
.karsilama-adim li { counter-increment: adim; }
.karsilama-adim a { display: block; position: relative; height: 100%; padding: 10px 12px 10px 46px; border: 1px solid var(--sari-cizgi); border-radius: 3px; background: var(--beyaz); color: var(--metin); }
.karsilama-adim a:hover { border-color: var(--antrasit); text-decoration: none; }
.karsilama-adim a::before { content: counter(adim); position: absolute; left: 12px; top: 10px; width: 24px; height: 24px; border-radius: 50%; background: var(--antrasit); color: var(--beyaz); font: 700 13px/24px var(--baslik-yazi); text-align: center; }
.karsilama-adim strong { display: block; color: var(--antrasit); }
.karsilama-adim span { color: var(--soluk); font-size: 13px; }
.kutu-ust-not { margin: 0 0 12px; }
.sifre-sms .kutu-govde { display: flex; flex-direction: column; gap: 10px; }
.sifre-sms strong { display: block; color: var(--antrasit); }
.sifre-sms span { color: var(--soluk); font-size: 13px; }
.sms-sekme { margin-bottom: 14px; }
.sms-mod { margin: 0 0 14px; }
.sms-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 14px; }
.cubuk-grafik { height: 10px; margin-bottom: 12px; border-radius: 5px; background: var(--cizgi-acik); overflow: hidden; }
.cubuk-dolu { display: block; height: 100%; background: var(--yesil); border-radius: 5px; }
.sayi-liste { list-style: none; margin: 0 0 12px; padding: 0; }
.sayi-liste li { display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--cizgi-acik); font-size: 13px; }
.sayi-liste li:last-child { border-bottom: 0; }
.sayi-liste strong { color: var(--antrasit); white-space: nowrap; }
.sayi-liste strong.yesil-yazi { color: var(--yesil); }
.adim-no { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin-right: 6px; border-radius: 50%; background: var(--sari); color: var(--antrasit); font: 800 12px/1 var(--baslik-yazi); vertical-align: 1px; }
.segment-secim { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; margin-bottom: 14px; }
.segment-kart { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: 3px; cursor: pointer; background: var(--beyaz); }
.segment-kart input { width: 18px; height: 18px; margin: 0; flex: none; accent-color: var(--antrasit); }
.segment-kart span { flex: 1; min-width: 0; }
.segment-kart strong { display: block; color: var(--antrasit); font-size: 13px; }
.segment-kart small { display: block; color: var(--soluk); font-size: 12px; line-height: 1.3; }
.segment-kart em { font: 800 16px/1 var(--baslik-yazi); font-style: normal; color: var(--antrasit); }
.segment-kart.secili { border-color: var(--antrasit); background: var(--sari-zemin); box-shadow: inset 3px 0 0 var(--sari); }
.sms-alt { display: flex; justify-content: flex-end; }
.sms-alt .alan-ipucu.uzun, .alan-ipucu.uzun { color: var(--turuncu-koyu); font-weight: bold; }
.degiskenler { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 4px; }
.degisken { padding: 5px 9px; border: 1px dashed var(--celik-koyu); border-radius: 12px; background: var(--celik); color: var(--antrasit); font-size: 12px; cursor: pointer; }
.degisken:hover { border-style: solid; background: var(--sari-zemin); }
.ticari-alan { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; border: 1px solid var(--cizgi-acik); border-radius: 3px; background: var(--zemin-2); }
.form .ticari-alan select { width: auto; height: 36px; font-size: 14px; }
.sms-ozet { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 14px; }
.sms-ozet div { padding: 10px; border: 1px solid var(--cizgi); border-radius: 3px; text-align: center; background: var(--zemin-2); }
.sms-ozet strong { display: block; font: 800 22px/1.1 var(--baslik-yazi); color: var(--antrasit); }
.sms-ozet span { font-size: 12px; color: var(--soluk); }
.telefonlar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin-bottom: 14px; }
.telefon-onizleme { padding: 12px; border: 1px solid var(--cizgi); border-radius: 14px; background: var(--zemin); }
.telefon-kim { margin-bottom: 8px; font-size: 12px; color: var(--soluk); }
.balon { display: inline-block; max-width: 100%; padding: 9px 12px; border-radius: 14px 14px 14px 4px; background: var(--beyaz); box-shadow: var(--golge); font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
.balon-sablon { display: block; background: var(--zemin); box-shadow: none; border: 1px solid var(--cizgi-acik); }
.telefon-onizleme small { display: block; margin-top: 6px; font-size: 11px; color: var(--soluk); }
.sms-dugmeler { flex-direction: column-reverse; align-items: stretch; gap: 10px; }
.ozet-kart-vurgu { border-color: var(--yesil); background: var(--yesil-zemin); }
.ozet-kart strong small { font-size: 13px; color: var(--yesil-koyu); }
.kampanya-eylem { display: flex; flex-direction: column; gap: 8px; }
.kampanya-eylem form { margin: 0; }
.kampanya-hedef { margin: 10px 0 0; font-size: 12px; }
.filtre-cipler { display: flex; flex-wrap: wrap; gap: 4px; }
.filtre-cipler a { padding: 3px 9px; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--beyaz); color: var(--metin); font-size: 12px; }
.filtre-cipler a.secili { background: var(--antrasit); border-color: var(--antrasit); color: var(--beyaz); }
.filtre-cipler a:hover { text-decoration: none; border-color: var(--antrasit); }
.kucuk-yazi { font-size: 12px; }
.sablon-not { margin: 0 0 12px; font-size: 13px; }
.sablon-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 14px; }
.sablon-kart .balon { display: block; margin-bottom: 8px; background: var(--zemin); box-shadow: none; }
.sablon-kart p { margin: 0 0 10px; }
.sablon-kart .eylemler { display: flex; flex-wrap: wrap; gap: 6px; }
.sablon-kart .eylemler form { margin: 0; }
.sablon-pasif { opacity: .65; }
.kayit-ust { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
.kayit-ust form { margin: 0 0 12px; }
.kayit-metin { overflow-wrap: anywhere; }
.uye-sms .alan { margin-bottom: 10px; }
.form.uye-sms textarea { min-height: 100px; }
.uye-sms-izin { margin: 6px 0 0; }
.uye-sms-izin .baglanti-dugme { font-size: 12px; color: var(--soluk); }
.sms-gecmis { list-style: none; margin: 10px 0 6px; padding: 0; border-top: 1px solid var(--cizgi-acik); }
.sms-gecmis li { padding: 8px 0; border-bottom: 1px solid var(--cizgi-acik); font-size: 12px; }
.sms-gecmis li div { margin-top: 3px; color: var(--metin); }
.secili-cubuk { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; padding: 8px 12px; border-radius: 3px; background: var(--antrasit); color: var(--beyaz); }
.secili-cubuk[hidden] { display: none; }
.secili-cubuk .ikon { width: 15px; height: 15px; }
.secim-hucre input { width: 18px; height: 18px; accent-color: var(--antrasit); }
.tablo td.secim-hucre { float: right; }

@media (min-width: 861px) {
  .giris-not { font-size: 13px; }
  .sms-izgara { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
  .sms-izgara-genis { grid-template-columns: minmax(0, 1fr) 300px; }
  .segment-secim { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ticari-alan { flex-direction: row; align-items: center; justify-content: space-between; }
  .telefonlar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sms-dugmeler { flex-direction: row; align-items: center; }
  .ozet-kartlar-6 { grid-template-columns: repeat(3, 1fr); }
  .sablon-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sifre-sms .kutu-govde { flex-direction: row; align-items: center; justify-content: space-between; }
  .karsilama-adim { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tablo td.secim-hucre { float: none; width: 28px; }
  .form .ticari-alan select { height: 30px; font-size: 12px; }
}
@media (min-width: 1101px) {
  .ozet-kartlar-6 { grid-template-columns: repeat(6, 1fr); }
}

.sms-ust { display: flex; flex-direction: column-reverse; gap: 8px; margin-bottom: 14px; }
.sms-ust .sms-sekme { margin-bottom: 0; flex: 1; min-width: 0; }
.sms-bakiye { margin: 0; align-self: flex-start; }
.sms-bakiye button { display: inline-flex; align-items: baseline; gap: 6px; padding: 6px 12px; border: 1px solid var(--yesil); border-radius: 16px; background: var(--yesil-zemin); color: var(--yesil-koyu); font-size: 12px; cursor: pointer; white-space: nowrap; }
.sms-bakiye strong { font: 800 14px/1 var(--baslik-yazi); }
.sms-bakiye em { font-style: normal; opacity: .7; }
.sms-bakiye-yok button { border-color: var(--kirmizi); background: var(--kirmizi-zemin); color: var(--kirmizi); }
.sms-ozet { grid-template-columns: repeat(2, 1fr); }
.sms-ozet .bakiye-yetersiz { border-color: var(--kirmizi); background: var(--kirmizi-zemin); }
.sms-ozet .bakiye-yetersiz strong { color: var(--kirmizi); }
.sms-bakiye-uyari { margin: 0 0 14px; }
.ozet-kart-uyari { border-color: var(--kirmizi); background: var(--kirmizi-zemin); }
@media (min-width: 861px) {
  .sms-ust { flex-direction: row; align-items: flex-end; }
  .sms-bakiye { align-self: center; }
  .sms-ozet { grid-template-columns: repeat(4, 1fr); }
}
@media print {
  .ust, .alt, .alt-bar, .iletisim-cubuk, .detay-araclar, .satici-eylem, .benzer, .guvenlik { display: none; }
}

.kardes-serit { background: var(--antrasit-2); color: var(--koyu-yazi); font-size: 12.5px; }
.kardes-ic { display: flex; align-items: center; gap: 10px; min-height: 34px; }
.kardes-gecis { display: flex; flex: none; background: var(--antrasit); border-radius: 999px; padding: 2px; }
.kardes-gecis a { padding: 3px 12px; border-radius: 999px; color: var(--koyu-yazi); font-weight: bold; text-decoration: none; }
.kardes-gecis a.secili { background: var(--sari); color: var(--antrasit); }
.kardes-gecis a:not(.secili):hover { color: var(--beyaz); }
.kardes-tanitim { display: block; min-width: 0; margin-left: auto; color: var(--koyu-yazi); text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kardes-tanitim strong { color: var(--sari); }
.kardes-tanitim:hover { color: var(--beyaz); }
.kardes-tanitim svg { width: 14px; height: 14px; vertical-align: -2px; margin-left: 2px; }
.kardes-kutu { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; padding: 10px 14px; background: var(--beyaz); border: 1px solid var(--sari-cizgi); border-left: 4px solid var(--sari); border-radius: var(--radius); color: var(--metin); text-decoration: none !important; box-shadow: var(--golge-kart); }
.kardes-kutu:hover { border-color: var(--sari); }
.kardes-kutu-etiket { flex: none; padding: 3px 8px; border-radius: 3px; background: var(--antrasit); color: var(--sari); font: 800 11px/1.2 var(--baslik-yazi); text-transform: uppercase; letter-spacing: .5px; }
.kardes-kutu-metin { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.kardes-kutu-metin strong { color: var(--antrasit); font-family: var(--baslik-yazi); }
.kardes-kutu-metin span { color: var(--soluk); font-size: 13px; }
.kardes-kutu svg { width: 18px; height: 18px; flex: none; color: var(--soluk); }
.kardes-kutu-detay { margin: 12px 0 0; }
.kardes-capraz { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--cizgi-acik); }
.kardes-capraz p { margin: 0 0 10px; color: var(--soluk); }
@media (min-width: 861px) {
  .kardes-serit { font-size: 13px; }
}
.soluk-satir td { opacity: .6; }