/* greece.avlarealestate.com · ortak stil (v3 çok sayfalı, 27.10.2026) · tasarım dili v3
   Zemin bej, mürekkep lacivert, çizgi altın; kırmızı yalnız birincil eylem; köşe 0; Jost 300/400/500. */
:root{
  --lac:#142A42; --lac2:#0E1F31; --lac3:#1B3553; --altin:#D2BE99; --altin-k:#9C7F4E;
  --bej:#F6F1E7; --bej2:#EDE5D6; --kirmizi:#E30A17; --kirmizi-h:#B8080F;
  --beyaz:#fff; --govde-k:rgba(255,255,255,.85); --soluk-k:rgba(255,255,255,.62);
  --govde-a:rgba(20,42,66,.80); --soluk-a:rgba(20,42,66,.58);
  --cizgi-k:rgba(210,190,153,.28); --cizgi-a:rgba(20,42,66,.16);
  --ust:64px; --kenar:5vw; --panel:440px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scrollbar-color:var(--altin-k) var(--bej2)}
body{font-family:'Jost',system-ui,sans-serif;font-weight:300;background:var(--bej);color:var(--govde-a);line-height:1.55;overflow-x:clip}
:where(b,strong,h1,h2,h3,h4){font-weight:500}
h1,h2,h3,h4{color:var(--lac);line-height:1.15;text-wrap:balance}
a{color:inherit;text-decoration:underline;text-decoration-color:var(--altin);text-underline-offset:3px}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
img{display:block;max-width:100%;height:auto}
::selection{background:var(--altin);color:var(--lac)}
input{caret-color:var(--kirmizi)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px solid var(--altin-k);outline-offset:2px}
.koyu :focus-visible{outline-color:var(--altin)}
.ic{max-width:1280px;margin:0 auto;padding:0 var(--kenar)}

/* düğmeler */
.d{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:1px solid var(--lac);color:var(--lac);text-decoration:none;font-size:15px;font-weight:400;letter-spacing:.02em;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}
.d:hover{background:var(--lac);color:#fff}
.d.bir{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}
.d.bir:hover{background:var(--kirmizi-h);border-color:var(--kirmizi-h);color:#fff}
.koyu .d{border-color:var(--altin);color:#fff}
.koyu .d:hover{background:var(--altin);color:var(--lac)}
.koyu .d.bir{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}
.koyu .d.bir:hover{background:var(--kirmizi-h);border-color:var(--kirmizi-h)}
.metin-b{text-decoration:underline;text-decoration-color:var(--altin);text-underline-offset:4px;font-size:15px;color:var(--lac)}
.metin-b:hover{color:var(--altin-k)}

/* üst şerit (açık) */
.ust{position:sticky;top:0;z-index:50;height:var(--ust);display:flex;align-items:center;gap:26px;padding:0 var(--kenar);background:rgba(246,241,231,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--cizgi-a)}
.ust .logo img{height:28px;width:auto}
.ust nav{display:flex;gap:22px;margin-left:auto}
.ust nav a{text-decoration:none;font-size:14.5px;color:var(--govde-a);letter-spacing:.02em;padding:4px 0;border-bottom:1px solid transparent}
.ust nav a:hover{color:var(--lac);border-bottom-color:var(--altin)}
.ust nav a[aria-current]{color:var(--lac);border-bottom-color:var(--lac)}
.dil{display:flex;gap:6px;font-size:14px;color:var(--soluk-a)}
.dil a{text-decoration:none}
.dil a[aria-current]{color:var(--lac);font-weight:500}
.secim-l{display:none;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--lac);color:var(--lac);text-decoration:none;font-size:14px}
.secim-l.var{display:inline-flex}
.secim-l:hover{background:var(--lac);color:#fff}
.menu-d{display:none;width:40px;height:40px;border:1px solid var(--lac);color:var(--lac)}
.menu-d svg{width:20px;height:20px}
.perde{display:none}

/* soru satırı: her sayfanın üstünde aynı (Sami 01.10: "her sayfada aynı arama modeli") */
.soru{background:var(--bej);border-bottom:1px solid var(--cizgi-a)}
.soru-ic{max-width:1280px;margin:0 auto;padding:12px var(--kenar);display:flex;align-items:center;gap:12px}
.soru form{flex:1;display:flex;border:1px solid var(--lac);background:#fff;min-width:0}
.soru input{flex:1;min-width:0;border:0;background:none;padding:0 16px;height:48px;font-size:16px;color:var(--lac);font-weight:300}
.soru input::placeholder{color:var(--soluk-a)}
.soru input:focus{outline:none}
.soru .mik{flex:none;width:48px;height:48px;display:grid;place-items:center;border-right:1px solid var(--cizgi-a);color:var(--lac);transition:background .18s,color .18s}
.soru .mik svg{width:20px;height:20px}
.soru .mik:hover{background:var(--bej2)}
.soru .mik.dinliyor{background:var(--kirmizi);color:#fff}
.soru .bul{flex:none;min-width:84px;background:var(--kirmizi);color:#fff;font-size:15px;transition:background .18s}
.soru .bul:hover{background:var(--kirmizi-h)}
.soru-ses{flex:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--cizgi-a);font-size:13.5px;color:var(--govde-a)}
.soru-ses[aria-pressed=true]{border-color:var(--lac);color:var(--lac)}
.soru-ses select{border:0;background:none;font-size:13.5px;color:inherit}
.soru-cevap{max-width:1280px;margin:0 auto;padding:0 var(--kenar)}
.soru-cevap:not(:empty){padding-top:14px;padding-bottom:18px}
.soru-cevap p{font-size:16px;color:var(--lac)}
.soru-cevap .ip{font-size:13.5px;color:var(--soluk-a)}
.soru-cevap .kartlar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:12px}
.soru-cevap .devam{display:flex;align-items:center;gap:16px;margin-top:12px;flex-wrap:wrap}
.dusun{display:inline-flex;gap:5px;vertical-align:middle;margin-left:6px}
.dusun i{width:6px;height:6px;border-radius:50%;background:var(--altin-k);animation:dus 1s infinite ease-in-out}
.dusun i:nth-child(2){animation-delay:.15s}.dusun i:nth-child(3){animation-delay:.3s}
@keyframes dus{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}

/* proje kartı (açık zemin) */
.pk{display:flex;flex-direction:column;background:#fff;border:1px solid var(--cizgi-a);text-decoration:none;color:var(--govde-a);transition:border-color .18s;position:relative}
.pk:hover{border-color:var(--lac)}
.pk .foto{aspect-ratio:4/3;overflow:hidden;background:var(--bej2)}
.pk .foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.pk:hover .foto img{transform:scale(1.03)}
.pk.tuk .foto img{filter:grayscale(.7);opacity:.6}
.pk .ic-k{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.pk h3{font-size:17px;font-weight:400;line-height:1.25}
.pk .yer{font-size:13.5px;color:var(--soluk-a);margin-top:2px}
.pk .fiyat{font-size:16.5px;color:var(--lac);margin-top:8px}
.pk .fiyat small{font-size:12.5px;color:var(--soluk-a);margin-left:4px}
.pk .bilgi{font-size:13.5px;margin-top:2px}
.pk .nitelik{font-size:13px;color:var(--altin-k);margin-top:6px;line-height:1.4}
.pk .nitelik .tuk{color:#B23A3A}
.pk .alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px}
.pk .alt .metin-b{font-size:14px}
.kalp{flex:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--cizgi-a);color:var(--lac);transition:background .15s,color .15s,border-color .15s}
.kalp svg{width:17px;height:17px}
.kalp:hover{border-color:var(--lac)}
.kalp[aria-pressed=true]{background:var(--lac);color:var(--kirmizi);border-color:var(--lac)}
.kalp[aria-pressed=true] svg path{fill:currentColor}
.koyu .kalp{border-color:var(--cizgi-k);color:var(--altin)}
.koyu .kalp:hover{background:var(--altin);color:var(--lac)}
.koyu .kalp[aria-pressed=true]{background:var(--altin);color:var(--kirmizi);border-color:var(--altin)}

/* bölüm iskeleti */
.bol{padding:88px 0}
.bol h2{font-weight:400;font-size:clamp(28px,3vw,40px);margin-bottom:14px;letter-spacing:-.01em}
.bol .giris{max-width:62ch;font-size:17px}
.koyu{background:var(--lac);color:var(--govde-k)}
.koyu h1,.koyu h2,.koyu h3,.koyu h4{color:#fff}
.sayfa-bas{padding:56px 0 36px;border-bottom:1px solid var(--cizgi-a)}
.sayfa-bas h1{font-weight:300;font-size:clamp(34px,4vw,54px);letter-spacing:-.015em}
.sayfa-bas .giris{max-width:60ch;font-size:18px;margin-top:14px}
.sayfa-bas .tarih{font-size:14px;color:var(--soluk-a);margin-top:10px}
.izgara-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.izgara-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.izgara-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.satirlar{list-style:none}
.satirlar li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--cizgi-a);font-size:16px}
.satirlar li:last-child{border-bottom:0}
.satirlar li span{color:var(--soluk-a);white-space:nowrap}
.satirlar li a{text-decoration:none;color:var(--lac)}
.satirlar li a:hover{text-decoration:underline;text-decoration-color:var(--altin)}
.satirlar time{display:block;font-size:13px;color:var(--soluk-a)}
.not{font-size:13.5px;color:var(--soluk-a);max-width:70ch}
.teyit{color:var(--soluk-a)}
.onemli{border:1px solid var(--lac);padding:22px 24px;max-width:760px}
.onemli h3{font-size:18px;font-weight:400;margin-bottom:8px}
.yapiskan{position:sticky;top:var(--ust);z-index:20;background:rgba(246,241,231,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--cizgi-a)}
.yapiskan ul{list-style:none;display:flex;gap:26px;overflow-x:auto;max-width:1280px;margin:0 auto;padding:0 var(--kenar);scrollbar-width:none}
.yapiskan a{display:block;padding:14px 0;font-size:14.5px;text-decoration:none;color:var(--govde-a);white-space:nowrap;border-bottom:1px solid transparent}
.yapiskan a:hover{color:var(--lac);border-bottom-color:var(--altin)}
.tablo{width:100%;border-collapse:collapse;font-size:15.5px}
.tablo th,.tablo td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--cizgi-a);vertical-align:top}
.tablo th{font-weight:400;color:var(--soluk-a);font-size:13.5px}
.tablo td:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}
details.sss{border-bottom:1px solid var(--cizgi-a)}
details.sss summary{list-style:none;cursor:pointer;padding:16px 0;font-size:17px;color:var(--lac);display:flex;justify-content:space-between;gap:16px}
details.sss summary::-webkit-details-marker{display:none}
details.sss summary::after{content:'+';color:var(--altin-k);font-size:22px;line-height:1}
details.sss[open] summary::after{content:'−'}
details.sss p{padding:0 0 18px;max-width:70ch;font-size:16px}
.adimlar{counter-reset:a;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:28px 40px}
.adimlar li{counter-increment:a;border-top:1px solid var(--lac);padding-top:14px}
.adimlar h3{font-size:18px;font-weight:400}
.adimlar h3::before{content:counter(a) '. ';color:var(--altin-k)}
.adimlar p{font-size:15.5px;margin-top:6px}
.adimlar .sure{font-size:13.5px;color:var(--soluk-a);margin-top:8px}

/* kapanış ve alt bilgi */
.kapanis{background:var(--lac);color:var(--govde-k);padding:72px 0}
.kapanis .ic{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.kapanis h2{font-weight:300;color:#fff;font-size:clamp(26px,2.6vw,36px);max-width:20em}
.kapanis h2 a{color:#fff;text-decoration-color:var(--kirmizi);text-decoration-thickness:3px;text-underline-offset:7px}
.kapanis h2 a:hover{color:var(--altin)}
.kapanis p{margin-top:12px;font-size:16px}
.kapanis .portre{width:140px;aspect-ratio:4/5;object-fit:cover}
.ftr{background:var(--lac2);color:var(--govde-k);padding:48px 0 22px;font-size:14.5px}
.ftr .ic{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:32px}
.ftr .ic>div{display:flex;flex-direction:column;gap:5px}
.ftr b{font-weight:400;color:#fff;margin-bottom:4px}
.ftr a{text-decoration:none;color:var(--govde-k)}
.ftr a:hover{color:var(--altin);text-decoration:underline;text-decoration-color:var(--altin)}
.ftr .logo img{height:30px;width:auto;margin-bottom:10px}
.ftr .alt-s{grid-column:1/-1;border-top:1px solid var(--cizgi-k);padding-top:16px;margin-top:8px;color:var(--soluk-k);font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* seçim çubuğu */
.secim-cubuk{position:fixed;left:50%;bottom:18px;transform:translate(-50%,140%);z-index:60;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 18px;background:var(--lac);border:1px solid var(--altin);box-shadow:0 18px 40px rgba(0,0,0,.3);transition:transform .3s cubic-bezier(.2,.8,.2,1);max-width:calc(100vw - 32px)}
.secim-cubuk.acik-c{transform:translate(-50%,0)}
.secim-cubuk .s{font-size:14.5px;color:#fff;white-space:nowrap}
.secim-cubuk .s b{color:var(--altin);font-weight:400}
.secim-cubuk .d{border-color:var(--altin);color:#fff}
.secim-cubuk .d:hover{background:var(--altin);color:var(--lac)}
.secim-cubuk .d.bir{border-color:var(--kirmizi)}

/* yüzen: tek sistem 52×52 kare (WhatsApp, Athena widget'ı, yukarı ok) */
.yuzen{position:fixed;right:18px;bottom:18px;z-index:55;display:flex;flex-direction:column;gap:10px}
.yuzen a,.yuzen button{width:52px;height:52px;display:grid;place-items:center;background:var(--lac);border:1px solid rgba(210,190,153,.7);color:#fff;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.yuzen a:hover,.yuzen button:hover{background:var(--altin);color:var(--lac)}
.yuzen svg{width:22px;height:22px}
#yukari{opacity:0;pointer-events:none;transition:opacity .2s}
#yukari.on{opacity:1;pointer-events:auto}

/* harita sayfası (koyu panel) */
.sahne{position:relative;height:calc(100svh - var(--ust));min-height:640px;display:grid;grid-template-columns:var(--panel) 1fr;background:var(--lac);color:var(--govde-k)}
#harita{position:relative;height:100%;min-height:0;background:var(--lac2)}
#harita canvas{outline:none}
.panel{position:relative;z-index:5;display:flex;flex-direction:column;min-height:0;background:var(--lac);border-right:1px solid var(--cizgi-k)}
.sor{padding:18px 22px 14px;border-bottom:1px solid var(--cizgi-k)}
.sor h1{font-weight:400;color:#fff;font-size:22px;line-height:1.2}
.sor .sor-alt{font-size:14px;color:var(--soluk-k);margin-top:4px}
.sor .secki{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:10px}
.sor .secki a{font-size:13.5px;color:var(--govde-k);text-decoration:none}
.sor .secki a:hover,.sor .secki a[aria-current]{color:var(--altin);text-decoration:underline;text-decoration-color:var(--altin)}
.ornek{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:8px}
.koyu .ornek-c{color:var(--govde-k);font-size:13.5px}
.koyu .ornek-c:hover{color:#fff}
.ornek-c{font-size:14px;color:var(--govde-a);padding:2px 0;text-align:left}
.ornek-c:hover{color:var(--lac);text-decoration:underline;text-decoration-color:var(--altin);text-underline-offset:4px}
.yanit{padding:12px 22px;border-bottom:1px solid var(--cizgi-k);min-height:48px}
.yanit p{font-size:15px;color:#fff}
.yanit p .say{color:var(--altin)}
.yanit .canli{color:var(--soluk-k)}
.anlasilan{margin-top:6px;font-size:14px;line-height:1.7}
.olcut-y{font-size:14px;color:var(--altin);padding:0}
.olcut-y .x{color:var(--soluk-k)}
.olcut-y:hover,.olcut-y:hover .x{color:#fff}
.anlasilan .ara{color:var(--soluk-k)}
.siralama{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 22px;border-bottom:1px solid var(--cizgi-k);font-size:13.5px;color:var(--soluk-k)}
.siralama select{background:var(--lac2);border:1px solid var(--cizgi-k);color:#fff;font-size:13.5px;height:32px;padding:0 8px;border-radius:0}
.liste{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--lac3) transparent;background:var(--lac)}
.kart{display:grid;grid-template-columns:124px 1fr;gap:14px;padding:14px 22px;border-bottom:1px solid var(--cizgi-k);cursor:pointer;transition:background .15s}
.kart:hover,.kart.odak{background:var(--lac3)}
.kart .foto{width:124px;height:94px;background:var(--lac2);overflow:hidden}
.kart .foto img{width:100%;height:100%;object-fit:cover}
.kart.tuk .foto img{filter:grayscale(.7);opacity:.6}
.kart h3{font-size:16px;font-weight:400;color:#fff;line-height:1.25}
.kart .yer{font-size:13px;color:var(--soluk-k);margin-top:2px}
.kart .fiyat{font-size:15.5px;color:#fff;margin-top:5px}
.kart .fiyat small{font-size:12.5px;color:var(--soluk-k);margin-left:4px}
.kart .bilgi{font-size:13px;color:var(--govde-k);margin-top:2px}
.kart .nitelik{font-size:13px;color:var(--altin);margin-top:5px;line-height:1.4}
.kart .nitelik .tuk{color:#E07A7A}
.kart .alt{display:flex;align-items:center;gap:10px;margin-top:9px}
.kart .alt a{font-size:13.5px;color:#fff}
.bos{padding:28px 22px;color:var(--govde-k)}
.bos .d{margin-top:14px}
.h-bilgi{position:absolute;left:18px;bottom:18px;z-index:3;display:flex;gap:16px;align-items:center;padding:10px 14px;background:rgba(14,31,49,.82);border:1px solid var(--cizgi-k);font-size:13px;color:var(--govde-k)}
.h-bilgi i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.h-bilgi .ik-gv{background:var(--altin)}.h-bilgi .ik-y{background:#8FA7C4}
.h-don{position:absolute;left:18px;top:18px;z-index:3;background:rgba(14,31,49,.82)}
.maplibregl-popup-content{background:var(--lac);color:var(--govde-k);border:1px solid var(--altin);border-radius:0!important;padding:0!important;box-shadow:0 18px 40px rgba(0,0,0,.35);font-family:'Jost',sans-serif}
.maplibregl-popup-tip{border-top-color:var(--altin)!important;border-bottom-color:var(--altin)!important}
.maplibregl-popup-close-button{color:#fff;font-size:20px;width:30px;height:30px;right:0;top:0;background:rgba(14,31,49,.7)}
.pop{width:270px}.pop img{width:100%;height:150px;object-fit:cover}.pop .ic{padding:12px 14px 14px;max-width:none}
.pop h4{font-size:16px;font-weight:400;color:#fff;line-height:1.25}.pop p{font-size:13px;color:var(--soluk-k)}.pop .fiyat{color:#fff;font-size:15px;margin-top:4px}
.pop .alt{display:flex;gap:8px;margin-top:10px}.pop .alt .d{min-height:38px;padding:0 14px;font-size:14px;flex:1;border-color:var(--altin);color:#fff}.pop .alt .d.bir{border-color:var(--kirmizi)}
.maplibregl-ctrl-group{border-radius:0!important;background:var(--lac)!important;border:1px solid var(--cizgi-k)}
.maplibregl-ctrl-group button{filter:invert(1) hue-rotate(180deg)}
.maplibregl-ctrl-attrib{background:rgba(14,31,49,.7)!important;color:var(--soluk-k)!important;font-size:10.5px}
.maplibregl-ctrl-attrib a{color:var(--soluk-k)!important}

/* görünür olunca giriş */
.gir{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.gir.gorundu{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.gir{opacity:1;transform:none;transition:none}}

@media (max-width:1100px){:root{--panel:380px}.izgara-4{grid-template-columns:repeat(2,1fr)}.soru-cevap .kartlar{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){
  :root{--ust:58px;--kenar:16px}
  .ust{gap:12px}.ust .logo img{height:24px}
  .ust nav{display:none}
  .menu-d{display:grid;place-items:center;margin-left:auto}
  .perde{display:none;position:fixed;inset:var(--ust) 0 0 0;z-index:49;background:var(--bej);padding:20px var(--kenar)}
  .perde.acik{display:block}
  .perde a{display:block;padding:14px 0;border-bottom:1px solid var(--cizgi-a);font-size:19px;color:var(--lac);text-decoration:none}
  .secim-l .t{display:none}
  .soru-ic{flex-wrap:wrap;gap:8px}.soru form{flex-basis:100%}.soru-ses{order:3;height:34px}
  .soru .mik{width:44px}.soru input{height:46px;font-size:15px;padding:0 12px}.soru .bul{min-width:64px}
  .soru-cevap .kartlar{grid-template-columns:1fr 1fr;gap:10px}
  .bol{padding:56px 0}
  .sayfa-bas{padding:36px 0 24px}
  .izgara-3,.izgara-2,.izgara-4{grid-template-columns:1fr}
  .adimlar{grid-template-columns:1fr;gap:22px}
  .kapanis .ic{grid-template-columns:1fr}
  .kapanis .portre{width:100px}
  .ftr .ic{grid-template-columns:1fr 1fr}
  .sahne{height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:auto 56vh auto}
  .panel{display:contents}
  .sor{order:1;background:var(--lac)}
  #harita{order:2;height:56vh}
  .yanit,.siralama{order:3;background:var(--lac)}
  .siralama{order:4}
  .liste{order:5;overflow:visible;max-height:none;background:var(--lac)}
  .kart{grid-template-columns:104px 1fr;padding:12px 16px}.kart .foto{width:104px;height:80px}
  .h-bilgi{left:10px;bottom:10px;font-size:12px;padding:8px 10px}
  .h-don{display:none}
  .secim-cubuk{left:12px;right:12px;transform:translateY(160%);bottom:12px;flex-wrap:wrap;gap:8px;padding:10px}
  .secim-cubuk.acik-c{transform:none}
  .secim-cubuk .s{flex-basis:100%;white-space:normal}
  .secim-cubuk .d{flex:1;padding:0 10px;font-size:14px}
  .yuzen{bottom:14px;gap:8px}
  .tablo{font-size:14px}.tablo th,.tablo td{padding:10px 8px}
}