/* vitrinvia.com.tr. Renk, yazi ve kose: vitrinler/marka v3 (marka.css + TASARIM-SISTEMI.md). Font gomulmez: Apple sistem yigini. Logo ve isaret: /marka/*.svg (tek degisim noktasi). */

:root{
  --kagit:#FFFFFF;
  --zemin:#F4F5F8;
  --murekkep:#14215F;
  --tente:#1B2F86;
  --tente-bas:#15256B;
  --tente-koyu:#14215F;
  --tente-acik:#E6E9F4;
  --isik:#C9D1EC;
  --soluk:#4A5370;
  --cizgi:#DDE1EB;
  --govde:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,system-ui,sans-serif;
  --baslik:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,system-ui,sans-serif;
  --yuvarlak:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --r-1:8px;--r-2:14px;--r-3:20px;--r-4:28px;
  /* bes boy: vitrin, baslik, giris, govde, kucuk */
  --b-vitrin:clamp(36px,11.2vw,184px);
  --b-baslik:clamp(36px,5.4vw,84px);
  --b-giris:clamp(19px,1.6vw,23px);
  --b-govde:17px;
  --b-kucuk:14px;
  --kenar:clamp(16px,3.2vw,48px);
  --aralik:clamp(64px,8vw,120px);
  --kose:var(--r-2);
  --hizli:cubic-bezier(.2,.8,.2,1);
}

*,*::before,*::after{box-sizing:border-box;corner-shape:squircle}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--zemin);color:var(--murekkep);font:400 var(--b-govde)/1.55 var(--govde);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}
h1,h2,h3{font-family:var(--baslik);font-weight:700;letter-spacing:-.02em;line-height:1.02;margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:var(--isik);color:var(--murekkep)}
:focus-visible{outline:3px solid var(--tente);outline-offset:3px;border-radius:2px}
.koyu :focus-visible,.alan-koyu :focus-visible{outline-color:var(--isik)}
html{scrollbar-color:var(--soluk) var(--zemin)}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:var(--kenar);top:12px;background:var(--murekkep);color:#fff;padding:12px 16px;z-index:30;border-radius:var(--kose);width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla:focus{width:auto;height:auto;clip:auto}
.sar{padding-inline:var(--kenar);max-width:1520px;margin-inline:auto}

/* dugmeler: tek bicim, tek kose */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:var(--r-2);background:var(--tente);color:#fff;font:600 17px/1.1 var(--baslik);text-decoration:none;border:0;cursor:pointer;transition:background-color .2s,transform .15s var(--hizli)}
.dugme:hover{background:var(--tente-bas)}
.dugme:active{transform:scale(.97)}
.dugme svg{width:20px;height:20px;flex:none}
.dugme.isik{background:var(--isik);color:var(--murekkep)}
.dugme.isik:hover{background:#dde2f3}
.dugme.kucuk{min-height:44px;padding:0 16px;font-size:15px}
.bag{font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);transition:text-decoration-color .2s}
.bag:hover{text-decoration-color:currentColor}

/* ust cubuk */
.ust{position:absolute;inset:0 0 auto;z-index:5}
.ust .sar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:76px}
.logo img{height:36px;width:auto}
.menu{display:flex;align-items:center;gap:clamp(16px,2.4vw,36px);font-size:16px;font-weight:600}
.menu a:not(.dugme){text-decoration:none;padding:12px 0}
.menu a:not(.dugme):hover{text-decoration:underline}
@media (max-width:860px){.menu a:not(.dugme){display:none}}

/* giris: cumle sayfanin kendisi */
.giris{min-height:min(100svh,980px);display:flex;flex-direction:column;justify-content:center;gap:clamp(40px,6vh,72px);padding-top:96px;padding-bottom:clamp(40px,6vh,72px)}
.giris>div:first-child{display:none}
.giris .orta{display:flex;align-items:center}
.cumle{width:100%;font-size:var(--b-vitrin);letter-spacing:-.02em;line-height:1;max-width:none}
.cumle .s2{display:block}
.pencere{display:inline-block;position:relative;vertical-align:baseline;width:2.3em;height:.74em;margin-left:.16em;overflow:hidden;border-radius:.12em;background:var(--murekkep)}
.pencere img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}
.pencere img.acik{opacity:1}
.giris .alt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:end}
.giris .alt p{font-size:var(--b-giris);line-height:1.45;max-width:36ch}
.giris .eylem{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.giris .eylem small{font-size:var(--b-kucuk);color:var(--soluk)}
.teklif{margin-top:14px;font-weight:700}
.pencere-not{margin-top:10px;font-size:var(--b-kucuk);color:var(--soluk)}
.pencere-not a{font-weight:600}
@media (max-width:700px){
  .giris{min-height:auto;padding-top:76px;gap:20px;justify-content:flex-start}
  .ust .sar{height:68px}
  .logo img{height:30px}
  .cumle{font-size:11vw;letter-spacing:-.02em}
  .pencere{display:block;width:100%;height:auto;aspect-ratio:16/9;margin:.2em 0 .16em;border-radius:var(--r-3)}
  .giris .alt{grid-template-columns:1fr}
  .giris .eylem{align-items:stretch}
  .giris .eylem .dugme{width:100%}
}

/* bolumler */
.bolum{padding-block:var(--aralik)}
.bolum h2{font-size:var(--b-baslik);max-width:16ch}
.ilk{font-size:var(--b-giris);line-height:1.45;max-width:40ch}
.metin p+p{margin-top:16px}
.metin p{max-width:58ch}
.iki{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(24px,3vw,48px)}

/* google bolumu + canli onizleme */
.g-bas{max-width:none!important;margin-bottom:clamp(40px,5vw,72px)}
.google .sol{grid-column:1/6;display:flex;flex-direction:column;gap:28px}
.google .sag{grid-column:7/13}
.google .metin{display:flex;flex-direction:column;gap:16px}
.dene{background:var(--kagit);border-radius:var(--r-3);padding:clamp(20px,2.4vw,32px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,240px);gap:24px 28px;align-items:start}
.dene h3{grid-column:1/-1;font-size:24px}
.alanlar{display:flex;flex-direction:column;gap:14px}
.alanlar label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.alanlar input[type=text]{font:400 17px/1.3 var(--govde);color:var(--murekkep);background:var(--zemin);border:2px solid transparent;border-radius:var(--r-2);padding:12px 14px;min-height:48px;width:100%;transition:border-color .2s}
.alanlar input[type=text]:focus{outline:none;border-color:var(--tente)}
.alanlar input[type=text]::placeholder{color:#6b757e}
.renkler{position:relative;border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.renkler legend{font-size:14px;font-weight:600;padding:0;margin-bottom:6px}
.renkler .sira{display:flex;gap:10px;flex-wrap:wrap}
.renkler input{position:absolute;opacity:0;pointer-events:none}
.renkler label{width:44px;height:44px;border-radius:50%;cursor:pointer;display:grid;place-items:center;transition:transform .15s var(--hizli)}
.renkler label:hover{transform:scale(1.08)}
.renkler input:checked+label{outline:3px solid var(--murekkep);outline-offset:3px}
.renkler input:focus-visible+label{outline:3px solid var(--tente);outline-offset:4px}
.r-tente{background:#1B2F86}.r-kobalt{background:#0E7A5A}.r-bordo{background:#6E1226}.r-cikolata{background:#2E1A12}
.google-kart{background:var(--zemin);border-radius:var(--r-2);padding:16px;font-family:var(--govde);color:#202124}
.google-kart .ad{font:500 20px/1.25 var(--govde);letter-spacing:0;overflow-wrap:anywhere}
.google-kart .tur{font-size:14px;color:#5f6368;margin-top:2px}
.google-kart .tuslar{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.google-kart .tus{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;color:var(--soluk);min-width:56px}
.google-kart .tus i{width:36px;height:36px;border-radius:50%;background:#dfe3e0;display:grid;place-items:center}
.google-kart .tus svg{width:18px;height:18px}
.google-kart .tus.web i{background:var(--tente);color:#fff}
.google-kart .tus.web{color:var(--tente);font-weight:600}
.onizleme-not{font-size:var(--b-kucuk);color:var(--soluk);text-align:center;margin-bottom:8px}
.onizleme{grid-row:2/4;grid-column:2;justify-self:center;width:100%;max-width:240px}
.telefon{background:var(--murekkep);border-radius:var(--r-4);padding:8px;aspect-ratio:9/17}
.telefon .ekran{background:var(--kagit);border-radius:var(--r-3);height:100%;overflow:hidden;display:flex;flex-direction:column}
.telefon .tabela{--tabela:#1B2F86;background:var(--tabela);color:#fff;padding:22px 16px 16px;flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;transition:background-color .35s}
.telefon .tabela b{font:700 30px/1 var(--baslik);letter-spacing:-.02em;overflow-wrap:anywhere;hyphens:auto}
.telefon .tabela span{font-size:13px;opacity:.9}
.telefon .durum{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;margin-top:6px}
.telefon .durum::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--isik)}
.telefon .tuslar{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px}
.telefon .tuslar span{display:grid;place-items:center;min-height:36px;border-radius:var(--r-1);background:var(--zemin);font-size:13px;font-weight:700}
.telefon .tuslar .wa{grid-column:1/-1;background:var(--tente);color:#fff}
.telefon .sekme{display:flex;justify-content:space-around;padding:4px 10px 12px;font-size:13px;color:var(--soluk)}
.ok{grid-column:1;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--soluk)}
.ok svg{width:22px;height:22px;flex:none;color:var(--tente)}
.dene .gonder{grid-column:1/-1}
.dene .gonder .dugme{width:100%}
@media (max-width:980px){
  .google .sol,.google .sag{grid-column:1/-1}
}
@media (max-width:560px){
  .dene{grid-template-columns:1fr}
  .onizleme{grid-row:auto;grid-column:1;max-width:220px}
  .ok{display:none}
}

/* ornekler */
.ornekler .bas{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px clamp(24px,3vw,48px);align-items:end}
.ornekler .bas h2{grid-column:1/7}
.ornekler .bas p{grid-column:8/13}
.ornek{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px clamp(24px,3vw,48px);align-items:center;margin-top:clamp(72px,9vw,140px)}
.ornek .yazi{grid-column:1/5;display:flex;flex-direction:column;gap:14px}
.ornek h3{font-size:clamp(32px,3.6vw,56px)}
.ornek .yer{font-size:14px;color:var(--soluk);font-weight:600}
.ornek .yazi p:not(.yer){max-width:40ch}
.ornek .baglar{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:8px}
.ornek .kanit{grid-column:5/13;position:relative;padding-bottom:8%}
.ornek .masa{width:86%;margin-right:auto;border-radius:var(--r-3);background:var(--kagit)}
.ornek .cep{position:absolute;right:0;bottom:0;width:30%;background:var(--murekkep);padding:7px;border-radius:var(--r-4)}
.ornek .cep img{border-radius:21px}
.ornek .kanit a{display:block}
.ornek .kanit a:hover .masa{transform:translateY(-4px)}
.ornek .masa,.ornek .cep{transition:transform .5s var(--hizli)}
.ornek .kanit a:hover .cep{transform:translateY(-8px)}
.dipnot{margin-top:clamp(56px,6vw,96px);font-size:var(--b-kucuk);color:var(--soluk);max-width:70ch}
@media (max-width:860px){
  .ornekler .bas h2,.ornekler .bas p{grid-column:1/-1}
  .ornek{grid-template-columns:1fr;gap:28px}
  .ornek .yazi,.ornek .kanit{grid-column:1}
  .ornek .kanit{padding-bottom:0;order:-1;display:flex;justify-content:center;background:var(--tente-acik);padding:28px 16px 0;border-radius:var(--r-3);overflow:hidden;height:420px}
  .ornek .masa{display:none}
  .ornek .cep{position:static;width:min(68vw,260px);border-radius:var(--r-4) var(--r-4) 0 0;padding:7px 7px 0}
  .ornek .cep img{border-radius:21px 21px 0 0}
}

/* kart */
.kart-alan{background:var(--tente-acik)}
.kart-alan .sol{grid-column:1/6;display:flex;flex-direction:column;gap:24px}
.kart-alan .sag{grid-column:7/13;position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:520px}
.yerler{display:flex;flex-direction:column;gap:18px;margin-top:8px}
.yerler li{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:baseline}
.yerler b{font:700 20px/1.1 var(--baslik)}
.kart-alan .cep{width:min(270px,62%);background:var(--murekkep);padding:8px;border-radius:var(--r-4);margin-left:18%}
.kart-alan .cep img{border-radius:var(--r-3)}
.nfc{position:absolute;left:0;bottom:12%;width:min(300px,56%);aspect-ratio:85/54;background:var(--murekkep);color:#fff;border-radius:var(--r-3);padding:18px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-7deg)}
.nfc .ust-sira{display:flex;justify-content:space-between;align-items:flex-start}
.nfc img{width:34px;height:34px}
.nfc svg{width:30px;height:30px;color:var(--isik)}
.nfc b{font:700 17px/1.1 var(--baslik)}
.nfc span{font-size:13px;opacity:.85;display:block;margin-top:4px}
@media (max-width:860px){
  .kart-alan .sol,.kart-alan .sag{grid-column:1/-1}
  .kart-alan .sag{min-height:0;padding-top:24px}
  .kart-alan .cep{margin-left:28%;width:min(230px,62%)}
  .nfc{width:min(240px,58%);bottom:8%;padding:14px}
}

/* surec: tek cubuk */
.surec h2{margin-bottom:64px}
.cubuk{display:flex;gap:6px;min-height:clamp(150px,22vh,220px)}
.cubuk li{display:flex;flex-direction:column;gap:18px;flex:1 1 0}
.cubuk li:nth-child(2){flex-grow:1.35}
.cubuk .dilim{flex:1;padding:20px;border-radius:var(--r-3);font:700 clamp(24px,2.4vw,35px)/1.05 var(--baslik);letter-spacing:-.02em;display:flex;align-items:flex-start;min-height:150px}
.cubuk li:nth-child(1) .dilim{background:var(--tente-acik)}
.cubuk li:nth-child(2) .dilim{background:var(--isik)}
.cubuk li:nth-child(3) .dilim{background:var(--tente-koyu);color:#fff}
.cubuk h3{font-size:24px;margin-bottom:6px}
.cubuk p{max-width:34ch}
@media (max-width:760px){
  .surec h2{margin-bottom:36px}
  .cubuk{flex-direction:column;gap:6px}
  .cubuk li{gap:12px;margin-bottom:22px}
  .cubuk .dilim{min-height:64px;font-size:24px;padding:16px 20px}
  .cubuk li:nth-child(2) .dilim{min-height:84px}
}

/* fiyat */
.alan-koyu{background:var(--tente-koyu);color:#fff}
.fiyat h2{max-width:none}
.fiyat .ilk{margin-top:24px;opacity:.92}
.secenek-sira{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,72px);margin-top:clamp(48px,6vw,88px)}
.secenek{display:flex;flex-direction:column;gap:14px}
.secenek h3{font-size:24px}
.rakam{font:700 clamp(56px,7.6vw,124px)/.95 var(--yuvarlak);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.rakam small{font-size:.32em;letter-spacing:0;font-weight:700;margin-left:.12em}
.secenek .birim{font-size:var(--b-giris);color:var(--isik);font-weight:600}
.secenek ul{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.secenek li,.kapsam li{display:flex;gap:12px;align-items:baseline}
.secenek li::before,.kapsam li::before{content:"";width:10px;height:10px;flex:none;border-radius:3px;background:var(--isik);transform:translateY(-1px)}
.ortak{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px clamp(24px,3vw,48px);margin-top:clamp(56px,7vw,104px);padding-top:clamp(40px,5vw,64px)}
.ortak .hediye{grid-column:1/6;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.ortak .hediye p:first-child{font:700 clamp(24px,2.4vw,35px)/1.08 var(--baslik);letter-spacing:-.02em}
.kapsam{grid-column:7/13;display:flex;flex-direction:column;gap:10px}
.kapsam-bas{font-weight:700;margin-bottom:4px}
.kosul{margin-top:clamp(40px,5vw,64px);font-size:var(--b-kucuk);opacity:.82;max-width:64ch}
@media (max-width:760px){
  .secenek-sira{grid-template-columns:1fr;gap:56px}
  .rakam{font-size:17vw}
  .ortak .hediye,.kapsam{grid-column:1/-1}
}

/* randevu kapisi */
.randevu{padding-top:var(--aralik)}
.randevu-ic{background:var(--kagit);border-radius:var(--r-3);padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:end}
.randevu h2{font-size:clamp(32px,3.6vw,56px)}
.randevu p{margin-top:14px;font-size:var(--b-giris);line-height:1.45;max-width:46ch}
@media (max-width:700px){.randevu-ic{grid-template-columns:1fr}.randevu .dugme{width:100%}}

/* sss */
.sss h2{font-size:var(--b-baslik)}
.sorular{margin-top:80px;margin-left:calc((100% + clamp(24px,3vw,48px)) / 12 * 4);display:flex;flex-direction:column;gap:12px}
.sorular details{border-radius:var(--r-3);transition:background-color .25s}
.sorular details[open]{background:var(--tente-acik)}
.sorular summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;font:500 clamp(19px,1.7vw,23px)/1.3 var(--govde);min-height:56px}
.sorular summary::-webkit-details-marker{display:none}
.sorular summary::after{content:"";width:11px;height:11px;flex:none;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .25s var(--hizli)}
.sorular details[open] summary::after{transform:translateY(3px) rotate(225deg)}
.sorular summary:hover{color:var(--tente)}
.sorular .cevap{padding:0 24px 24px;max-width:calc(56ch + 48px)}
.sorular .cevap p+p{margin-top:12px}
@media (max-width:760px){
  .sorular{margin-left:calc(var(--kenar) * -1);margin-right:calc(var(--kenar) * -1);margin-top:40px;gap:4px}
  .sorular summary{padding:14px var(--kenar);font-size:19px}
  .sorular .cevap{padding:0 var(--kenar) 22px;font-size:16px}
}

/* iletisim + son */
.son{background:var(--murekkep);color:#fff;overflow:hidden;padding-top:var(--aralik)}
.son .bas{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px clamp(24px,3vw,48px)}
.son h2{grid-column:1/8;font-size:var(--b-baslik);max-width:14ch}
.son .bas p{grid-column:1/7;font-size:var(--b-giris);line-height:1.45;opacity:.92;max-width:40ch}
.son .yan{grid-column:10/13;grid-row:1/3;display:flex;flex-direction:column;gap:10px;font-size:16px}
.son .yan a{text-decoration:none}
.son .yan a:hover{text-decoration:underline}
.dev-bag{display:inline-flex;align-items:center;gap:.25em;margin-top:clamp(48px,7vw,104px);font:700 clamp(36px,8vw,132px)/1 var(--baslik);letter-spacing:-.02em;color:#fff;text-decoration:none;transition:color .25s}
.dev-bag svg{width:.62em;height:.62em;flex:none;transition:transform .35s var(--hizli)}
.dev-bag:hover{color:var(--isik)}
.dev-bag:hover svg{transform:translate(.08em,-.08em)}
.yasal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;margin-top:clamp(64px,8vw,120px);font-size:var(--b-kucuk);opacity:.85}
.yasal nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.yasal a{text-decoration:none}
.yasal a:hover{text-decoration:underline}
.kesik{font:700 25vw/.8 var(--yuvarlak);letter-spacing:-.02em;white-space:nowrap;margin:16px 0 0;transform:translateY(22%);color:var(--isik);user-select:none;pointer-events:none}
@media (max-width:760px){
  .son h2,.son .bas p,.son .yan{grid-column:1/-1;grid-row:auto}
  .son .yan{flex-direction:row;flex-wrap:wrap;gap:8px 20px;margin-top:8px}
  .dev-bag{font-size:11vw}
  .kesik{font-size:30vw}
}

/* telefonda alt cubuk */
.alt-cubuk{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--murekkep);padding:10px var(--kenar) calc(10px + env(safe-area-inset-bottom));display:none;gap:10px;transform:translateY(110%);transition:transform .35s var(--hizli)}
.alt-cubuk .dugme{flex:1}
.alt-cubuk a.bag{color:#fff;display:flex;align-items:center;padding:0 8px}
.alt-cubuk.gor{transform:none}
@media (max-width:760px){.alt-cubuk{display:flex}}

/* hareket: icerik betik olmadan da gorunur */
.js .belir{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .8s var(--hizli);transition-delay:calc(var(--s,0) * 80ms)}
.js .belir.gor{opacity:1;transform:none}
.js .pencere.perde{clip-path:inset(0 100% 0 0)}
.js .pencere{clip-path:inset(0 0 0 0);transition:clip-path 1.1s cubic-bezier(.7,0,.2,1)}
.pencere img.acik{animation:yaklas 7s ease-out both}
@keyframes yaklas{from{transform:scale(1.12)}to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .belir{opacity:1;transform:none;transition:none}
  .js .pencere.perde{clip-path:none}
  .pencere img.acik{animation:none}
  .pencere img{transition:none}
  *{transition-duration:.01ms!important}
}

/* yasal sayfalar */
.sayfa .ust{position:static}
.yazi-sayfa{padding-block:clamp(40px,6vw,96px) var(--aralik)}
.yazi-sayfa h1{font-size:clamp(36px,5vw,72px);max-width:18ch}
.yazi-sayfa .tarih{margin-top:16px;color:var(--soluk);font-size:var(--b-kucuk)}
.yazi-sayfa article{max-width:72ch;margin-top:clamp(32px,4vw,56px)}
.yazi-sayfa h2{font-size:clamp(22px,2vw,28px);line-height:1.15;margin:40px 0 12px}
.yazi-sayfa p+p,.yazi-sayfa p+ul,.yazi-sayfa ul+p{margin-top:12px}
.yazi-sayfa ul{display:flex;flex-direction:column;gap:6px;padding-left:20px;list-style:disc}
.yazi-sayfa table{border-collapse:collapse;width:100%;margin-top:8px;font-size:16px}
.yazi-sayfa th,.yazi-sayfa td{text-align:left;padding:10px 12px;vertical-align:top;border-bottom:1px solid #d6dbd6}
.yazi-sayfa th{width:38%;font-weight:600}
.yer-tutucu{background:#fff3c4;padding:0 4px;border-radius:3px}
.sayfa .son{padding-top:clamp(56px,7vw,96px)}
.sayfa .son .kesik{font-size:22vw}
[data-s="1"]{--s:1}[data-s="2"]{--s:2}[data-s="3"]{--s:3}