:root{
  --zemin:#F6F4EF;--panel:#FFFFFF;--panel2:#FBFAF7;--yazi:#1C232C;--soluk:#5E6772;--soluk2:#8A929C;--cizgi:#E7E2D8;
  --lacivert:#15233A;--lacivert2:#1F3253;--vurgu:#B08A3E;--vurgu2:#8F6F2C;--vurgu-y:rgba(176,138,62,.12);
  --wa:#1DA851;--wa2:#178C43;--kirmizi:#C8504B;
  --golge:0 12px 32px rgba(21,35,58,.09);--golge2:0 2px 10px rgba(21,35,58,.06);
  --r:16px;--r2:11px;
  --sans:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --serif:Cambria,Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);font-size:15.5px;line-height:1.55;color:var(--yazi);background:var(--zemin);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.2;margin:0;letter-spacing:.1px}
.kap{max-width:1260px;margin:0 auto;padding:0 20px}
.gizli-et{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--vurgu);outline-offset:2px;border-radius:6px}
.ik{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ik.k{width:15px;height:15px}

/* üst bölüm */
.ust{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--cizgi);transition:box-shadow .2s}
body.kaydi .ust{box-shadow:0 6px 24px rgba(21,35,58,.08)}
.ust-ic{display:flex;align-items:center;gap:22px;height:72px}
.logo{display:flex;align-items:center;gap:11px;min-width:0}
.logo img{height:46px;width:auto;border-radius:10px}
.logo b{font-family:var(--serif);font-size:19px;line-height:1.1;color:var(--lacivert)}
.logo small{display:block;font-size:10.5px;letter-spacing:.16em;color:var(--vurgu);font-weight:700;text-transform:uppercase;margin-top:3px}
.menu{display:flex;align-items:center;gap:4px;margin-left:auto}
.menu a{padding:9px 13px;border-radius:10px;font-weight:600;color:var(--lacivert);font-size:15px}
.menu a:hover,.menu a.aktif{background:var(--vurgu-y);color:var(--vurgu2)}
.menu .fav-link b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--kirmizi);color:#fff;font-size:11px;margin-left:4px}
.menu .fav-link b:empty{display:none}
.menu-btn{display:none;margin-left:auto;width:44px;height:44px;border-radius:12px;border:1px solid var(--cizgi);background:#fff;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--cizgi);background:#fff;font-weight:650;cursor:pointer;white-space:nowrap;transition:transform .06s,background .15s,border-color .15s,box-shadow .15s}
.btn:hover{border-color:#cfc6b4}
.btn:active{transform:translateY(1px)}
.btn.wa{background:var(--wa);border-color:var(--wa);color:#fff}
.btn.wa:hover{background:var(--wa2)}
.btn.ana{background:var(--lacivert);border-color:var(--lacivert);color:#fff}
.btn.ana:hover{background:var(--lacivert2)}
.btn.altin{background:linear-gradient(180deg,#C29A4A,var(--vurgu));border-color:transparent;color:#fff}
.btn.buyuk{height:52px;font-size:16px;border-radius:14px}
.btn.tam{width:100%}
.btn.kucuk{height:36px;padding:0 13px;font-size:14px;border-radius:10px}

/* kahraman alanı */
.kahraman{position:relative;color:#fff;background:radial-gradient(900px 340px at 85% -10%,rgba(176,138,62,.38),transparent 60%),linear-gradient(135deg,#132036,#1E3150 60%,#22385C);overflow:hidden}
.kahraman::after{content:"";position:absolute;inset:auto -10% -60% auto;width:620px;height:620px;border-radius:50%;border:1px solid rgba(255,255,255,.07)}
.kahraman .kap{position:relative;z-index:1;padding-top:58px;padding-bottom:64px}
.kahraman .ust-yazi{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:#E5C989;font-weight:700}
.kahraman h1{font-size:clamp(30px,4.4vw,50px);margin:12px 0 12px;max-width:780px}
.kahraman p{color:#C9D2E0;max-width:640px;margin:0 0 28px;font-size:17px}
.arama{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;background:#fff;color:var(--yazi);padding:12px;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.25);max-width:1040px}
.arama>label{flex:1 1 150px}
.arama label{display:flex;flex-direction:column;gap:3px;padding:6px 12px;border-radius:12px;background:var(--panel2);border:1px solid var(--cizgi);min-width:0}
.arama label span{font-size:11.5px;font-weight:700;color:var(--soluk);letter-spacing:.04em;text-transform:uppercase}
.arama select,.arama input{border:0;background:transparent;outline:none;padding:2px 0;font-weight:600;width:100%;min-width:0}
.islem-sec{display:flex;background:var(--panel2);border:1px solid var(--cizgi);border-radius:12px;padding:4px}
.islem-sec input{position:absolute;opacity:0;pointer-events:none}
.arama .islem-sec label{display:block;padding:0;background:none;border:0;border-radius:0;gap:0}
.islem-sec span{display:flex;align-items:center;height:100%;padding:0 16px;border-radius:9px;font-weight:700;cursor:pointer;color:var(--soluk)}
.islem-sec input:checked+span{background:var(--lacivert);color:#fff}
.islem-sec input:focus-visible+span{outline:3px solid var(--vurgu)}
.kahraman .rakamlar{display:flex;gap:30px;margin-top:28px;flex-wrap:wrap}
.kahraman .rakamlar b{display:block;font-family:var(--serif);font-size:28px;color:#fff}
.kahraman .rakamlar span{color:#AEB9CA;font-size:13.5px}

/* bölümler */
.bolum{padding:46px 0}
.bolum-bas{display:flex;align-items:end;gap:16px;margin-bottom:20px}
.bolum-bas h2{font-size:clamp(23px,2.6vw,30px);color:var(--lacivert)}
.bolum-bas p{margin:6px 0 0;color:var(--soluk)}
.bolum-bas .sag{margin-left:auto}
.yol{font-size:13.5px;color:var(--soluk);padding-top:18px;padding-bottom:4px}
.yol ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.yol li+li::before{content:"›";margin-right:6px;color:var(--soluk2)}
.yol a:hover{color:var(--vurgu2)}
.sayfa-bas{padding-top:10px;padding-bottom:22px}
.sayfa-bas h1{font-size:clamp(26px,3.3vw,38px);color:var(--lacivert)}
.sayfa-bas p{color:var(--soluk);max-width:860px;margin:10px 0 0}

/* kategori kutuları */
.kategoriler{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px}
.kategori{display:flex;align-items:center;gap:13px;padding:16px;border-radius:var(--r);background:#fff;border:1px solid var(--cizgi);box-shadow:var(--golge2);transition:transform .15s,box-shadow .15s,border-color .15s}
.kategori:hover{transform:translateY(-2px);box-shadow:var(--golge);border-color:color-mix(in srgb,var(--r-renk) 45%,var(--cizgi))}
.kategori i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--r-renk) 15%,#fff);color:var(--r-renk);flex:none}
.kategori b{display:block;font-size:15px}
.kategori span{color:var(--soluk);font-size:13px}

/* ilan kartı */
.izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:18px}
.kart{position:relative;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden;box-shadow:var(--golge2);transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column}
.kart:hover{transform:translateY(-3px);box-shadow:var(--golge)}
.kart-foto{position:relative;display:block;aspect-ratio:4/3;background:#EEE9DF;overflow:hidden}
.kart-foto img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.kart:hover .kart-foto img{transform:scale(1.04)}
.etk{position:absolute;left:12px;top:12px;display:flex;gap:6px;flex-wrap:wrap}
.etk span{height:25px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700;background:rgba(255,255,255,.94);color:var(--lacivert);box-shadow:0 2px 8px rgba(0,0,0,.12)}
.etk span i{width:8px;height:8px;border-radius:50%;background:var(--r-renk)}
.etk span.vitrin{background:var(--vurgu);color:#fff}
.etk span.ops{background:#E7A33C;color:#fff}
.fav{position:absolute;right:10px;top:10px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.95);display:grid;place-items:center;cursor:pointer;color:var(--lacivert);box-shadow:0 2px 10px rgba(0,0,0,.15);z-index:2}
.fav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}
.fav.on{color:var(--kirmizi)}
.fav.on svg{fill:currentColor}
.kart-g{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1;border-top:3px solid var(--r-renk)}
.kart-fiyat{font-family:var(--serif);font-size:21px;font-weight:700;color:var(--vurgu2)}
.kart-fiyat small{font-family:var(--sans);font-size:12.5px;color:var(--soluk);font-weight:600}
.kart h3{font-family:var(--sans);font-size:15.5px;font-weight:650;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kart h3 a:hover{color:var(--vurgu2)}
.kart-konum{display:flex;align-items:center;gap:5px;color:var(--soluk);font-size:13.5px}
.kart-oz{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:10px 0 0;border-top:1px dashed var(--cizgi);list-style:none}
.kart-oz li{font-size:12.5px;font-weight:600;color:var(--lacivert);background:var(--panel2);border:1px solid var(--cizgi);padding:3px 8px;border-radius:7px}
.kart-no{margin-left:auto;font-size:12px;color:var(--soluk2);font-variant-numeric:tabular-nums}
.liste-gor{grid-template-columns:1fr}
.liste-gor .kart{flex-direction:row}
.liste-gor .kart-foto{width:260px;flex:none;aspect-ratio:4/3;min-height:0}
.liste-gor .kart-g{display:flex;flex-direction:column;justify-content:center}
.liste-gor .kart{min-height:0}
.liste-gor .kart-g{border-top:0;border-left:3px solid var(--r-renk);padding:18px 20px}

/* liste + filtre */
.liste-duzen{display:grid;grid-template-columns:290px 1fr;gap:24px;align-items:start;padding-bottom:50px}
.filtre{position:sticky;top:88px;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge2);max-height:calc(100vh - 104px);overflow:auto}
.filtre-bas{display:flex;align-items:center;gap:8px;padding:15px 18px;border-bottom:1px solid var(--cizgi);position:sticky;top:0;background:#fff;z-index:1}
.filtre-bas b{font-family:var(--serif);font-size:18px;color:var(--lacivert)}
.filtre-bas button{margin-left:auto;border:0;background:none;color:var(--vurgu2);font-weight:650;cursor:pointer}
.filtre-bas [data-filtre-kapat]{display:none;margin-left:12px;font-size:18px}
.benzer{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.benzer{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.benzer{grid-template-columns:1fr}}
.f-grup{padding:14px 18px;border-bottom:1px solid var(--cizgi)}
.f-grup:last-child{border-bottom:0}
.f-grup>span{display:block;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--soluk);margin-bottom:9px}
.f-grup input[type=text],.f-grup input[type=search],.f-grup select{width:100%;height:42px;border:1px solid var(--cizgi);border-radius:10px;padding:0 11px;background:var(--panel2);outline:none}
.f-grup input:focus,.f-grup select:focus{border-color:var(--vurgu);box-shadow:0 0 0 3px var(--vurgu-y)}
.f-iki{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cipler{display:flex;flex-wrap:wrap;gap:7px}
.cip input{position:absolute;opacity:0;pointer-events:none}
.cip span{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--cizgi);background:var(--panel2);font-size:13.5px;font-weight:600;cursor:pointer;color:var(--lacivert);user-select:none}
.cip span i{width:8px;height:8px;border-radius:50%;background:var(--r-renk,var(--vurgu))}
.cip input:checked+span{background:var(--lacivert);border-color:var(--lacivert);color:#fff}
.cip input:focus-visible+span{outline:3px solid var(--vurgu)}
.sonuc-ust{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.sonuc-ust .say{font-weight:700;color:var(--lacivert)}
.sonuc-ust .sag{margin-left:auto;display:flex;gap:8px;align-items:center}
.sonuc-ust select{height:40px;border:1px solid var(--cizgi);border-radius:10px;padding:0 10px;background:#fff}
.gor-sec{display:inline-flex;border:1px solid var(--cizgi);border-radius:10px;overflow:hidden;background:#fff}
.gor-sec button{width:40px;height:38px;border:0;background:none;cursor:pointer;display:grid;place-items:center;color:var(--soluk)}
.gor-sec button.on{background:var(--vurgu-y);color:var(--vurgu2)}
.aktif-f{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.aktif-f button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--vurgu);background:var(--vurgu-y);color:var(--vurgu2);font-weight:650;font-size:13px;cursor:pointer}
.filtre-ac{display:none}
.bos{padding:60px 20px;text-align:center;background:#fff;border:1px dashed var(--cizgi);border-radius:var(--r);color:var(--soluk)}
.bos h3{color:var(--lacivert);margin-bottom:8px}
.drawer-alt{display:none}

/* ilan detay */
.detay{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:26px;align-items:start;padding-bottom:60px}
.detay-bas{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin:6px 0 18px}
.detay-bas h1{font-size:clamp(23px,2.8vw,33px);color:var(--lacivert);flex:1;min-width:280px}
.detay-bas .ilan-etiketler{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.etiket{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;font-size:13px;font-weight:700;background:#fff;border:1px solid var(--cizgi);color:var(--lacivert)}
.etiket i{width:8px;height:8px;border-radius:50%;background:var(--r-renk)}
.galeri{background:#111;border-radius:var(--r);overflow:hidden;box-shadow:var(--golge)}
.gal-ana{position:relative;aspect-ratio:16/10;display:grid;place-items:center;cursor:zoom-in;user-select:none}
.gal-ana img{width:100%;height:100%;object-fit:contain;background:#111}
.gal-ok{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.92);cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:2}
.gal-ok.sol{left:14px}.gal-ok.sag{right:14px}
.gal-say{position:absolute;right:14px;bottom:14px;background:rgba(0,0,0,.62);color:#fff;font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px}
.gal-k{display:flex;gap:8px;padding:10px;overflow-x:auto;background:#151515;scrollbar-width:thin}
.gal-k button{flex:none;width:92px;height:66px;border-radius:9px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;opacity:.62;background:#222}
.gal-k button.on{border-color:var(--vurgu);opacity:1}
.gal-k img{width:100%;height:100%;object-fit:cover}
.kutu{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge2);padding:22px 24px;margin-top:18px}
.kutu h2{font-size:21px;color:var(--lacivert);margin-bottom:14px}
.one-cikan{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.one-cikan div{background:var(--panel2);border:1px solid var(--cizgi);border-radius:12px;padding:12px 14px}
.one-cikan span{display:block;font-size:12px;font-weight:700;color:var(--soluk);text-transform:uppercase;letter-spacing:.04em}
.one-cikan b{font-size:16px;color:var(--lacivert)}
.oz-tablo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.oz-tablo div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--cizgi);font-size:14.5px}
.oz-tablo dt{color:var(--soluk)}
.oz-tablo dd{margin:0;font-weight:650;text-align:right;color:var(--lacivert)}
.secim-grup{margin-top:16px}
.secim-grup h3{font-family:var(--sans);font-size:14px;font-weight:800;color:var(--soluk);text-transform:uppercase;letter-spacing:.05em;margin-bottom:9px}
.secim-grup ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.secim-grup li{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:9px;background:#F1F7F2;border:1px solid #D6E9DA;color:#24603A;font-size:13.5px;font-weight:600}
.aciklama p{margin:0 0 10px}
.harita{border:0;width:100%;height:320px;border-radius:12px;background:#eee}
.iletisim-kart{position:sticky;top:90px;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge);padding:22px}
.iletisim-kart .fiyat{font-family:var(--serif);font-size:32px;font-weight:700;color:var(--vurgu2);line-height:1.1}
.iletisim-kart .m2f{color:var(--soluk);font-size:14px;margin-top:4px}
.iletisim-kart .no{display:flex;justify-content:space-between;font-size:13.5px;color:var(--soluk);padding:12px 0;margin:14px 0;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.iletisim-kart .no b{color:var(--lacivert)}
.iletisim-kart .btn+.btn{margin-top:9px}
.danisman{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--cizgi)}
.danisman img{width:52px;height:52px;border-radius:12px;object-fit:contain;background:#fff;border:1px solid var(--cizgi)}
.danisman b{display:block;color:var(--lacivert)}
.danisman span{font-size:13px;color:var(--soluk)}
.not-yazi{font-size:12.5px;color:var(--soluk);margin-top:12px;line-height:1.5}
.mobil-bar{display:none}

/* ışık kutusu */
.isik{position:fixed;inset:0;z-index:100;background:rgba(8,10,14,.95);display:grid;place-items:center}
.isik img{max-width:94vw;max-height:86vh;object-fit:contain}
.isik button{position:absolute;border:0;background:rgba(255,255,255,.14);color:#fff;width:52px;height:52px;border-radius:50%;cursor:pointer;font-size:26px;display:grid;place-items:center}
.isik .kapat{top:18px;right:18px;font-size:22px}
.isik .sol{left:18px;top:50%}.isik .sag{right:18px;top:50%}
.isik .say{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;font-weight:700}

/* sayfa içeriği */
.metin{max-width:860px}
.metin p{margin:0 0 14px}
.seo-metin{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:26px 28px;color:var(--soluk)}
.seo-metin h2{color:var(--lacivert);font-size:22px;margin-bottom:10px}
.seo-metin p{margin:0 0 10px}
.link-bulut{display:flex;flex-wrap:wrap;gap:8px}
.link-bulut a{padding:7px 13px;border-radius:999px;background:#fff;border:1px solid var(--cizgi);font-size:14px;font-weight:600;color:var(--lacivert)}
.link-bulut .soluk-say{color:var(--soluk2);font-weight:500;margin-left:3px}
.link-bulut a:hover{border-color:var(--vurgu);color:var(--vurgu2)}
.cta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:30px 34px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#15233A,#253C61)}
.cta h2{font-size:26px}
.cta p{color:#C8D1DE;margin:6px 0 0}
.cta .sag{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}
.cta .btn:not(.wa){color:var(--lacivert)}
.sayfalama{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:26px 0 6px}
.sayfalama button{min-width:42px;height:42px;padding:0 10px;border-radius:11px;border:1px solid var(--cizgi);background:#fff;font-weight:650;cursor:pointer;color:var(--lacivert)}
.sayfalama button.on{background:var(--lacivert);border-color:var(--lacivert);color:#fff}
.sayfalama button:disabled{opacity:.4;cursor:default}
.sayfalama span{color:var(--soluk);padding:0 2px}
.sayfalama small{flex-basis:100%;text-align:center;color:var(--soluk);margin-top:4px}
.kart-no{white-space:nowrap}
.ozet-liste{margin:14px 0 4px;border-top:1px solid var(--cizgi)}
.ozet-liste div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--cizgi);font-size:14px}
.ozet-liste span{color:var(--soluk)}
.ozet-liste b{text-align:right}
.yazdir-btn{display:none}
@media (min-width:900px){.yazdir-btn{display:inline-flex}}
@media print{
  header.ust,footer.alt,.mobil-bar,.yuzen-wa,.gal-k,.gal-ok,.detay-bas .btn,.iletisim-kart .btn,.not-yazi,.harita,iframe,.benzer,section.kutu:has(.benzer),.yol{display:none!important}
  body{background:#fff}
  .detay{display:block!important}
  .iletisim-kart{position:static!important;box-shadow:none!important;margin-top:12px}
  .kutu{box-shadow:none!important;break-inside:avoid}
  .galeri img{max-height:420px;object-fit:contain}
}
.konum-kutular{display:grid;gap:8px}
.konum-k{display:flex;flex-direction:column;gap:4px}
.konum-k small{font-size:12px;color:var(--soluk);font-weight:600}
select:disabled{opacity:.55;cursor:not-allowed}
.dizinler{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;align-items:start}
.dizin[open]{grid-column:1/-1}
.dizin{background:#fff;border:1px solid var(--cizgi);border-radius:16px;overflow:hidden}
.dizin summary{display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;list-style:none;font-size:16px}
.dizin summary::-webkit-details-marker{display:none}
.dizin summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--soluk);border-bottom:2px solid var(--soluk);transform:rotate(45deg);margin-left:auto;transition:transform .2s}
.dizin[open] summary::after{transform:rotate(-135deg)}
.dizin summary span{color:var(--soluk);font-size:13px}
.dizin-ic{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 28px;padding:0 18px 16px;border-top:1px solid var(--cizgi)}
.dizin h4{margin:14px 0 6px;font-size:13px;color:var(--soluk);text-transform:uppercase;letter-spacing:.05em}
.dizin h4 a{color:var(--lacivert)}
.dizin-l{display:flex;flex-direction:column;gap:2px}
.dizin-l a,.dizin-l span{font-size:14px;color:var(--lacivert);padding:3px 0}
.dizin-l a:hover{color:var(--vurgu2);text-decoration:underline}
.dizin-l .soluk-say{color:var(--soluk2);margin-left:4px;font-size:13px}
.iki-kolon{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}
.bilgi-satir{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--cizgi)}
.bilgi-satir:last-child{border-bottom:0}
.bilgi-satir i{width:40px;height:40px;border-radius:11px;background:var(--vurgu-y);color:var(--vurgu2);display:grid;place-items:center;flex:none}
.bilgi-satir span{display:block;font-size:12.5px;color:var(--soluk);font-weight:700;text-transform:uppercase;letter-spacing:.05em}

/* alt bölüm */
.alt{background:var(--lacivert);color:#C3CCDA;margin-top:30px;padding:46px 0 26px;font-size:14.5px}
.alt-izgara{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}
.alt h3{font-family:var(--sans);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#E5C989;margin-bottom:12px}
.alt a:hover{color:#fff}
.alt ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.alt .firma b{font-family:var(--serif);font-size:20px;color:#fff;display:block;margin-bottom:8px}
.alt-son{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:18px;font-size:13px;color:#93A0B3}
.yuzen-wa{position:fixed;right:20px;bottom:20px;z-index:50;width:60px;height:60px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(29,168,81,.45)}
.yuzen-wa svg{width:30px;height:30px;fill:#fff}
#bildirim{position:fixed;left:50%;bottom:26px;transform:translate(-50%,30px);opacity:0;z-index:120;background:var(--lacivert);color:#fff;padding:11px 18px;border-radius:12px;font-weight:600;box-shadow:var(--golge);transition:.25s;pointer-events:none}
#bildirim.gor{opacity:1;transform:translate(-50%,0)}

/* mobil */
@media (max-width:1020px){
  .arama{display:grid;grid-template-columns:1fr 1fr}
  .arama .islem-sec,.arama .btn{grid-column:1/-1}
  .detay{grid-template-columns:1fr}
  .iletisim-kart{position:static}
  .alt-izgara{grid-template-columns:1fr 1fr}
  .iki-kolon{grid-template-columns:1fr}
}
@media (max-width:880px){
  .menu{position:fixed;inset:72px 0 auto 0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 16px 18px;border-bottom:1px solid var(--cizgi);box-shadow:var(--golge);transform:translateY(-130%);transition:transform .25s;z-index:39}
  .menu a{padding:13px 14px;font-size:16px}
  body.menu-acik .menu{transform:none}
  .menu-btn{display:grid;place-items:center}
  .ust .btn.wa{display:none}
  .liste-duzen{grid-template-columns:1fr}
  .filtre{position:fixed;inset:0 0 0 0;top:0;max-height:none;border-radius:0;z-index:80;transform:translateX(-100%);transition:transform .25s;padding-bottom:84px}
  body.filtre-acik .filtre{transform:none}
  body.filtre-acik{overflow:hidden}
  .filtre-ac{display:inline-flex}
  .filtre-bas [data-filtre-kapat]{display:block}
  .drawer-alt{display:block;position:fixed;left:0;right:0;bottom:0;padding:12px 16px;background:#fff;border-top:1px solid var(--cizgi);z-index:81}
  body:not(.filtre-acik) .drawer-alt{display:none}
  .liste-gor .kart{flex-direction:column}
  .liste-gor .kart-foto{width:auto;aspect-ratio:4/3;min-height:0}
  .oz-tablo{grid-template-columns:1fr}
  .mobil-bar{display:flex;gap:8px;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--cizgi);padding:10px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(0,0,0,.08)}
  .mobil-bar .fiyat{font-family:var(--serif);font-weight:700;color:var(--vurgu2);font-size:18px;line-height:1.1;flex:1;min-width:0}
  .mobil-bar .fiyat small{display:block;font-family:var(--sans);font-size:11.5px;color:var(--soluk);font-weight:600}
  .mobil-bar .btn{height:46px;padding:0 14px}
  body.detay-sayfa{padding-bottom:78px}
  body.detay-sayfa .yuzen-wa{display:none}
  .alt-izgara{grid-template-columns:1fr}
  .cta{padding:24px}
  .kutu{padding:18px}
}
@media (max-width:560px){
  .kap{padding:0 14px}
  .ust-ic{height:64px;gap:10px}
  .logo img{height:40px}
  .logo b{font-size:17px}
  .menu{inset:64px 0 auto 0}
  .kahraman .kap{padding-top:36px;padding-bottom:40px}
  .arama{grid-template-columns:1fr;padding:10px}
  .izgara{grid-template-columns:1fr}
  .gal-k button{width:72px;height:54px}
  .gal-ok{width:40px;height:40px}
  .bolum{padding:32px 0}
  .sonuc-ust .sag{width:100%;margin-left:0}
  .sonuc-ust select{flex:1}
}
@media print{.ust,.alt,.mobil-bar,.yuzen-wa,.gal-k,.gal-ok,.fav,.filtre{display:none!important}.detay{grid-template-columns:1fr}}