/* İki Kardeşler — aydınlık krem zemin, logonun laciverti ve kehribarı; sayfa kaydıkça pencerelerden bir taşınmanın hikâyesi */
:root{
  --lacivert:#0b1a2e;--lacivert-2:#13284a;--krem:#f7f3ec;--krem-2:#efe8dc;--kart:#fff;--yazi:#0e1a2b;--soluk:#556274;
  --kehribar:#f2a63b;--kehribar-a:#ffd38a;--kehribar-k:#9c5800;--yesil:#157a3f;--cizgi:#e3dbcd;--r:16px;
  --baslik:"Manrope",system-ui,sans-serif;--govde:"Onest",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:400 17px/1.6 var(--govde);color:var(--yazi);background:var(--krem)}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-family:var(--baslik);line-height:1.08;letter-spacing:-.025em}
.kap{max-width:1200px;margin:0 auto;padding:0 16px}
@media(min-width:900px){.kap{padding:0 32px}}
.onizleme{background:var(--lacivert);color:#c6d2e2;font-size:12.5px;text-align:center;padding:6px 16px}

/* üst şerit */
.ust{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--cizgi)}
.ust-ic{display:flex;align-items:center;gap:28px;height:76px}
.logo{display:block;flex:none}
.logo img{height:46px;width:auto}
.menu{display:flex;gap:24px;margin-left:auto;font-size:15.5px;font-weight:500}
.menu a{text-decoration:none;color:var(--yazi);opacity:.8;transition:opacity .2s}
.menu a:hover{opacity:1}
.ust-tel{display:none;text-decoration:none;font:700 15px var(--baslik);white-space:nowrap}
@media(min-width:1240px){.ust-tel{display:block}}
.ust-dugme{text-decoration:none;font:800 15px var(--baslik);background:var(--kehribar);color:var(--lacivert);padding:12px 22px;border-radius:999px;white-space:nowrap;transition:background .2s}
.ust-dugme:hover{background:var(--kehribar-a)}
.menu-dugme{display:none;margin-left:auto;background:none;border:0;width:44px;height:44px;cursor:pointer;padding:10px}
.menu-dugme span{display:block;height:2px;background:var(--lacivert);margin:7px 0;transition:.25s}
@media(max-width:1023px){
  .ust-ic{height:66px;gap:16px}.logo img{height:38px}
  .menu,.ust-dugme{display:none}.menu-dugme{display:block}
  .menu-acik .menu{display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;gap:0;background:#fff;padding:6px 16px 18px;border-bottom:1px solid var(--cizgi);box-shadow:0 30px 40px -30px rgba(11,26,46,.4)}
  .menu-acik .menu a{padding:15px 0;border-bottom:1px solid var(--cizgi);font-size:18px;opacity:1}
  .menu-acik .menu-dugme span:first-child{transform:translateY(4.5px) rotate(45deg)}
  .menu-acik .menu-dugme span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
}

/* düğmeler */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font:800 16.5px var(--baslik);padding:16px 26px;border-radius:999px;transition:transform .2s,background .2s,box-shadow .2s}
.dugme:hover{transform:translateY(-2px)}
.dugme svg{width:20px;height:20px;flex:none;transition:transform .2s}
.dugme:hover svg{transform:translateX(3px)}
.dugme.teklif{background:var(--kehribar);color:var(--lacivert);box-shadow:0 14px 30px -14px rgba(167,90,0,.75)}
.dugme.teklif:hover{background:var(--kehribar-a)}
.dugme.buyuk{font-size:19px;padding:20px 32px}
.dugme.cizgili{border:2px solid var(--lacivert);color:var(--lacivert)}
.dugme.cizgili:hover{background:var(--lacivert);color:#fff}
.dugmeler{display:flex;flex-wrap:wrap;align-items:center;gap:12px}

/* giriş */
.kahraman{position:relative;overflow:hidden;padding:48px 0 64px;background:
  radial-gradient(ellipse 60% 70% at 82% 40%,rgba(242,166,59,.28),transparent 70%),var(--krem)}
.kahraman-ic{position:relative;display:grid;gap:44px;align-items:center}
@media(min-width:960px){.kahraman-ic{grid-template-columns:1.25fr .75fr;gap:56px}.kahraman{padding:88px 0 104px}}
.etiket{display:inline-flex;align-items:center;gap:10px;font:600 15px/1.4 var(--govde);letter-spacing:0;color:var(--soluk);margin:0 0 22px}
.etiket span{width:9px;height:9px;border-radius:50%;background:var(--kehribar);box-shadow:0 0 0 5px rgba(242,166,59,.25)}
.slogan{margin:0;font:800 clamp(40px,6.2vw,78px)/1.03 var(--baslik);letter-spacing:-.035em;color:var(--lacivert)}
.slogan em{font-style:normal;background:linear-gradient(transparent 60%,rgba(242,166,59,.6) 60%,rgba(242,166,59,.6) 92%,transparent 92%)}
.kahraman .giris{font-size:19px;color:#3a4859;max-width:580px;margin:24px 0 34px}
.kahraman-metin>*{animation:gel .8s cubic-bezier(.2,.8,.2,1) both}
.kahraman-metin>*:nth-child(2){animation-delay:.07s}.kahraman-metin>*:nth-child(3){animation-delay:.14s}.kahraman-metin>*:nth-child(4){animation-delay:.21s}.kahraman-metin>*:nth-child(5){animation-delay:.28s}
@keyframes gel{from{opacity:0;transform:translateY(20px)}to{opacity:1}}
.telefon{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:16px;text-decoration:none;animation:telefon 1s cubic-bezier(.2,.8,.2,1) both .25s}
@keyframes telefon{from{opacity:0;transform:translateY(40px) rotate(6deg)}to{opacity:1;transform:rotate(3deg)}}
.telefon{transform:rotate(3deg)}
.telefon-cerceve{display:block;width:min(320px,78vw);aspect-ratio:390/760;border:11px solid var(--lacivert);border-radius:46px;overflow:hidden;background:#fff;
  box-shadow:0 50px 90px -40px rgba(11,26,46,.65),0 0 0 1px rgba(11,26,46,.2);transition:transform .3s}
.telefon:hover .telefon-cerceve{transform:translateY(-6px)}
.telefon-cerceve img{width:100%;height:100%;object-fit:cover;object-position:top}
.telefon-not{max-width:280px;text-align:center;font-size:14.5px;color:var(--soluk);transform:rotate(-3deg)}

/* güven şeridi */
.guven{background:var(--lacivert);color:#fff}
.guven-ic{display:grid;grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.guven-ic{grid-template-columns:repeat(4,1fr)}}
.guven-ic div{padding:26px 18px;border-left:1px solid rgba(255,255,255,.1)}
.guven-ic div:nth-child(odd){border-left:0}
@media(min-width:900px){.guven-ic div:nth-child(odd){border-left:1px solid rgba(255,255,255,.1)}.guven-ic div:first-child{border-left:0}}
.guven b{display:block;font:800 20px var(--baslik);color:var(--kehribar)}
.guven span{font-size:14.5px;color:#a9b8cc}
/* firmanın iki sözü (Fatih 31.10: her yerde öne çıkar) — kısa hâli yeşil onay işaretiyle, ana sayfada iki lacivert kart */
.sozler-kisa{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-direction:column;gap:10px;font:700 16.5px/1.35 var(--baslik);color:var(--lacivert)}
.sozler-kisa li{display:flex;gap:10px;align-items:flex-start}
.sozler-kisa li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--yesil) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 7' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.sozler-kisa.koyu{color:#fff;font-size:15px;margin:0 0 6px}
.sozler{padding-top:88px}
.soz-izgara{display:grid;gap:18px}
@media(min-width:800px){.soz-izgara{grid-template-columns:1fr 1fr}}
.soz{background:var(--lacivert);color:#fff;border-radius:22px;padding:34px 30px 32px}
.soz-no{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--kehribar);color:var(--lacivert);font:800 20px var(--baslik);margin-bottom:18px}
.soz h3{font-size:clamp(24px,2.6vw,32px);font-weight:800;color:#fff}
.soz p{margin:12px 0 0;color:#c6d2e2;font-size:17.5px}
.ozet{font-size:19px;color:var(--soluk);max-width:820px;margin-top:64px;margin-bottom:0}

/* açık pencere: resim ekrana sabit, bant üstünden kayar. background-attachment:fixed iOS'ta çalışmadığı için kırpılmış
   kutu + sabit resim: clip-path sabit konumlu çocuğu da bandın içinde keser */
.pencere{position:relative;height:clamp(280px,58vh,600px);margin-top:88px;clip-path:inset(0);background:var(--lacivert)}
.pencere img{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;max-width:none;object-fit:cover}
.pencere::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 55%,rgba(11,26,46,.7))}
.pencere-yazi{position:absolute;z-index:2;left:max(16px,calc((100vw - 1200px)/2 + 32px));bottom:26px;margin:0;display:flex;align-items:baseline;gap:14px;
  font:800 clamp(24px,3.4vw,40px)/1.1 var(--baslik);letter-spacing:-.02em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35);padding-right:16px}
.pencere-yazi span{font-size:.5em;color:var(--kehribar);letter-spacing:.08em}
.temsili{position:absolute;z-index:2;right:12px;top:10px;font-size:11px;color:rgba(255,255,255,.75);text-shadow:0 1px 4px rgba(0,0,0,.5)}
.pencere+.hizmetler,.hizmetler+.pencere,.pencere+.teklif-bolum{margin-top:0}

.baslik-blok{max-width:720px;margin-bottom:40px}
.ust-baslik{font:800 13px var(--baslik);letter-spacing:.2em;text-transform:uppercase;color:var(--kehribar-k);margin:0 0 12px}
.baslik-blok h2{font-weight:800;font-size:clamp(32px,4.2vw,52px);color:var(--lacivert)}
.baslik-blok p:not(.ust-baslik){color:var(--soluk);font-size:18px;margin:16px 0 0}
.baslik-blok a{color:var(--yazi);font-weight:600}

/* süreç */
.surec{padding-top:88px}
.zaman{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media(min-width:900px){.zaman{grid-template-columns:repeat(3,1fr);gap:28px;position:relative}
  .zaman::before{content:"";position:absolute;top:31px;left:32px;right:32px;height:2px;background:linear-gradient(90deg,var(--kehribar),var(--cizgi))}}
.zaman li{position:relative;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:22px 22px 24px}
@media(min-width:900px){.zaman li{background:none;border:0;padding:0 12px 0 0}}
.zaman .no{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--lacivert);color:var(--kehribar);
  font:800 26px var(--baslik);margin-bottom:18px;position:relative;box-shadow:0 0 0 7px var(--krem)}
.zaman h3{font-size:22px;font-weight:800;margin-bottom:8px;color:var(--lacivert)}
.zaman p{margin:0;color:var(--soluk);font-size:16px}
.surec-dugme{margin-top:40px}

/* hizmetler */
.hizmetler{padding:88px 0;background:var(--kart);border-block:1px solid var(--cizgi)}
.hizmet-izgara{display:grid;gap:22px}
@media(min-width:900px){.hizmet-izgara{grid-template-columns:1fr 1fr}}
.hizmet-kart{position:relative;display:block;border-radius:20px;overflow:hidden;text-decoration:none;color:#fff;min-height:380px;isolation:isolate;background:var(--lacivert)}
.hizmet-kart img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.hizmet-kart::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,rgba(11,26,46,.92))}
.hizmet-kart:hover img{transform:scale(1.04)}
.hizmet-yazi{position:absolute;left:0;right:0;bottom:0;padding:26px}
.hizmet-yazi h3{font-size:28px;font-weight:800;margin-bottom:8px}
.hizmet-yazi p{margin:0 0 12px;color:#d5deea;max-width:440px}
.hizmet-yazi span{font:700 15px var(--baslik);color:var(--kehribar)}
.ek-izgara{display:grid;gap:16px;margin-top:22px}
@media(min-width:700px){.ek-izgara{grid-template-columns:1fr 1fr}}
.ek{border:1px solid var(--cizgi);border-radius:var(--r);padding:22px 24px;background:var(--krem)}
.ek h3{font-size:19px;font-weight:800;margin-bottom:4px}.ek p{margin:0;color:var(--soluk)}

/* işimizden ve Çalışmalarımız: dikey videolar kayan şerit, fotoğraflar sütun ızgarası */
.isler{padding-top:88px}
.galeri-bolum{padding-top:56px;padding-bottom:56px}
.galeri-baslik{font-weight:800;font-size:clamp(26px,3vw,34px);margin:0 0 20px}
.galeri-baslik+*{margin-bottom:48px}
.video-serit{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.galeri-video{margin:0;scroll-snap-align:start}
.galeri-video video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:var(--r);background:var(--lacivert)}
.galeri-video figcaption{font-size:14.5px;color:var(--soluk);margin-top:8px}
.isler .video-serit{margin-bottom:22px}
.isler .galeri-video video{aspect-ratio:4/5}
.galeri{columns:2 160px;column-gap:12px}
@media(min-width:900px){.galeri{columns:3;column-gap:16px}}
.galeri-oge{display:block;break-inside:avoid;margin-bottom:12px;border-radius:12px;overflow:hidden;background:var(--cizgi)}
@media(min-width:900px){.galeri-oge{margin-bottom:16px}}
.galeri-oge img{width:100%;transition:transform .5s}
.galeri-oge:hover img{transform:scale(1.03)}
.buyutec{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;margin:0}
.buyutec::backdrop{background:rgba(6,14,26,.92)}
.buyutec img{position:absolute;inset:0;margin:auto;max-width:94vw;max-height:86vh;border-radius:8px}
.buyutec button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:999px;width:48px;height:48px;font-size:26px;cursor:pointer}
.buyutec .kapat{top:16px;right:16px}
.buyutec .onceki{left:12px;top:50%;transform:translateY(-50%)}
.buyutec .sonraki{right:12px;top:50%;transform:translateY(-50%)}

/* bölgeler, sorular */
.bolgeler{padding-top:88px}
.cip-grup{font:700 15px var(--baslik);color:var(--soluk);margin:22px 0 10px}.cip-grup:first-child{margin-top:0}
.cipler{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cipler li>*{display:inline-block;padding:8px 14px;border-radius:10px;background:var(--kart);border:1px solid var(--cizgi);font-size:14.5px;text-decoration:none}
.cipler a{background:var(--lacivert)!important;color:#fff;border-color:var(--lacivert)!important;font-weight:600}
.sss-bolum{padding-top:88px}
.sss{display:grid;gap:12px}
@media(min-width:900px){.sss{grid-template-columns:1fr 1fr;align-items:start}}
.sss details{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:0 22px;transition:box-shadow .2s}
.sss details[open]{box-shadow:0 14px 30px -18px rgba(11,26,46,.35)}
.sss summary{cursor:pointer;list-style:none;font:700 17px var(--baslik);padding:20px 0;display:flex;justify-content:space-between;gap:16px}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--kehribar-k);border-bottom:2px solid var(--kehribar-k);transform:rotate(45deg);margin-top:4px;transition:.2s}
.sss details[open] summary::after{transform:rotate(-135deg)}
.sss details p{margin:0 0 20px;color:var(--soluk)}

/* son çağrı */
.teklif-bolum{margin-top:96px;background:var(--lacivert);color:#fff;padding:96px 0;position:relative;overflow:hidden;text-align:center}
.teklif-bolum::before{content:"";position:absolute;width:760px;height:760px;left:50%;top:-380px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(242,166,59,.24),transparent 65%)}
.teklif-ic{position:relative;max-width:760px}
.teklif-bolum .ust-baslik{color:var(--kehribar)}
.teklif-bolum h2{font-weight:800;font-size:clamp(36px,5vw,60px)}
.teklif-bolum p:not(.ust-baslik){color:#c6d2e2;font-size:19px;margin:18px auto 34px}
.teklif-bolum .dugmeler{justify-content:center;gap:24px}
.teklif-bolum .dugme.cizgili{border-color:rgba(255,255,255,.4);color:#fff}
.teklif-bolum .dugme.cizgili:hover{background:#fff;color:var(--lacivert)}
.buyuk-tel{display:inline-block;font:800 clamp(26px,3.4vw,36px) var(--baslik);text-decoration:none;color:#fff;letter-spacing:-.02em}

/* iç sayfalar */
.sayfa-bas{padding:56px 0 48px;border-bottom:1px solid var(--cizgi);background:radial-gradient(ellipse 50% 90% at 90% 0,rgba(242,166,59,.22),transparent 70%),var(--krem)}
.iz{font-size:14px;color:var(--soluk);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.iz a{color:var(--yazi);text-decoration:none;font-weight:600}
.sayfa-bas h1{font-weight:800;font-size:clamp(34px,5vw,60px);max-width:900px;color:var(--lacivert)}
.sayfa-bas .giris{font-size:19px;color:#3a4859;max-width:740px;margin:18px 0 0}
.ic-duzen{display:grid;gap:40px;padding-top:56px;padding-bottom:56px}
@media(min-width:960px){.ic-duzen{grid-template-columns:1fr 340px;gap:64px;align-items:start}}
.ic-gorsel{margin:0 0 40px;border-radius:20px;overflow:hidden}
.ic-gorsel img{aspect-ratio:16/9;object-fit:cover;width:100%}
.bolum{margin-bottom:44px}
.bolum h2{font-weight:800;font-size:28px;margin-bottom:18px;color:var(--lacivert)}
.liste{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.liste li{position:relative;background:var(--kart);border:1px solid var(--cizgi);border-radius:14px;padding:15px 18px 15px 50px}
.liste li::before{content:"";position:absolute;left:18px;top:18px;width:18px;height:18px;border-radius:50%;background:var(--lacivert) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23f2a63b' stroke-width='2'/%3E%3C/svg%3E") center/12px no-repeat}
.adimlar{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.adimlar li{background:var(--kart);border:1px solid var(--cizgi);border-radius:14px;padding:18px 20px 18px 74px;position:relative}
.adimlar .no{position:absolute;left:18px;top:18px;width:40px;height:40px;border-radius:50%;background:var(--lacivert);color:var(--kehribar);display:grid;place-items:center;font:800 15px var(--baslik)}
.adimlar h3{font-size:18px;font-weight:800;margin-bottom:4px}.adimlar p{margin:0;color:var(--soluk);font-size:15.5px}
.kucuk{font-size:14px;color:var(--soluk);margin-top:14px}
.paragraf{font-size:18px;margin:0 0 28px;color:#2c3a4d}
.kunye{margin:0 0 40px;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden}
.kunye div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:15px 20px;border-bottom:1px solid var(--cizgi)}
.kunye div:last-child{border:0}.kunye dt{font-weight:600;color:var(--soluk)}.kunye dd{margin:0;font-weight:500}
.eylem-kutusu{position:sticky;top:100px;background:var(--lacivert);color:#fff;border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;gap:12px}
.ek-baslik{font:800 23px var(--baslik);margin:0}
.eylem-kutusu p{margin:0 0 6px;color:#c6d2e2}
.eylem-kutusu .dugme{width:100%}
.eylem-kutusu .dugme.cizgili{border-color:rgba(255,255,255,.4);color:#fff}
.iletisim-duzen{display:grid;gap:40px;padding-top:56px;padding-bottom:56px}
@media(min-width:900px){.iletisim-duzen{grid-template-columns:.9fr 1.1fr;gap:72px}}
.iletisim-bilgi{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.iletisim-bilgi .buyuk-tel{color:var(--lacivert)}
.iletisim-bilgi .dugme.wa{background:var(--yesil);color:#fff}
.iletisim-dugmeler{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;width:min(100%,420px)}
.iletisim-bilgi .dugme.ara{background:var(--lacivert);color:#fff}
.adres{margin:0;font-size:18px;color:var(--soluk)}
.harita-bag{font-weight:600}
.teklif-karti{background:var(--kart);border:1px solid var(--cizgi);border-radius:22px;padding:28px 24px;box-shadow:0 30px 60px -40px rgba(11,26,46,.5)}
.form-baslik{font:800 24px var(--baslik);margin:0 0 14px;letter-spacing:-.02em;color:var(--lacivert)}
.mini-adim{margin:0 0 24px;padding-left:22px;display:grid;gap:10px;color:#3a4859}
.mini-adim li{padding-left:4px}

/* alt bilgi */
.alt{background:var(--lacivert);color:#a9b8cc;padding:64px 0 100px}
@media(min-width:1024px){.alt{padding-bottom:28px}}
.alt-ic{display:grid;gap:36px}
@media(min-width:900px){.alt-ic{grid-template-columns:1.5fr 1fr 1fr}}
.alt-ic>div{display:flex;flex-direction:column;gap:9px}
.alt b{color:#fff;font-family:var(--baslik)}.alt a{text-decoration:none}.alt a:hover{color:#fff}
.alt .logo img{height:52px}.alt-marka p{max-width:360px;margin:16px 0 0}.alt-marka .alt-soz{margin-top:10px;color:var(--kehribar-a);font-weight:600}
.alt-son{margin-top:48px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:14px}
.alt-cubuk{display:none}
@media(max-width:1023px){
  .alt-cubuk{display:grid;grid-template-columns:1fr 1.8fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-top:1px solid var(--cizgi)}
  .alt-cubuk a{text-align:center;text-decoration:none;font:800 16.5px var(--baslik);padding:15px;border-radius:999px}
  .alt-cubuk .ara{border:2px solid var(--lacivert);color:var(--lacivert)}.alt-cubuk .teklif{background:var(--kehribar);color:var(--lacivert)}
  .eylem-kutusu{position:static}
}
.sayfa-iletisim .alt-cubuk{display:none}

[data-belir]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
[data-belir].gorundu{opacity:1;transform:none}
.atla{position:absolute;left:-9999px;top:8px;z-index:100;padding:10px 16px;border-radius:8px;background:#000;color:#fff;font-weight:600}
.atla:focus{left:8px}
:where(a,button,summary):focus-visible{outline:3px solid var(--kehribar-k);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-belir]{opacity:1;transform:none}}