/* AJANISTE, tabela : feuille commune a toutes les pages.
   Idee : usta et cirak. La page est la pile d'imprimes d'un dukkan : affiche, etiquette
   d'allumettes, tarife, fiches, billet, dilekce tamponnee, plaques emaillees, cahier, camion.
   --u = 1/24 de la feuille ; --e = corps du slogan, tire de la largeur ET de la hauteur.
   Voix : Shrikhand (ce qu'on crie), Ranchers (ce qu'on annonce), Jost (le texte),
   Courier Prime (le daktilo du cirak), Playwrite HR (la main de l'usta). */
@font-face{font-family:"Shrikhand";src:url(../fonts/Shrikhand.woff2) format("woff2");font-display:swap}
/* repli aux memes metriques que Shrikhand : le H1 ne saute pas quand la police arrive */
@font-face{font-family:"Yedek Tabela";src:local("Georgia Bold"),local("Georgia-Bold"),local("Georgia");size-adjust:104%;ascent-override:98.6%;descent-override:41.5%;line-gap-override:0%}
@font-face{font-family:"Ranchers";src:url(../fonts/Ranchers.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Jost";src:url(../fonts/Jost.woff2) format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"Courier Prime";src:url(../fonts/CourierPrime.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Courier Prime";src:url(../fonts/CourierPrime-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Playwrite HR";src:url(../fonts/PlaywriteHR.woff2) format("woff2");font-display:swap}
:root{
  --lokum:#F6B1A5; --al:#E03A1E; --al-zemin:#C42D13; --cam:#0C4A3E; --cam-koyu:#083A30;
  --safran:#F2B01E;--turuncu:#E57B02;--cam-gece:#0B352B; --mor:#2E2480; --istampa:#3A2BA6; --tavsan:#9B1C0C;
  --kagit:#FFF4DE; --nane:#BCE6CC; --gok:#A7D8E8; --defter:#F2F5EC; --cizgi:#A3BEDA;
  --kamyon:#0A6B7A; --asfalt:#20282A; --musamba:#16171B;
  --u:calc(min(100vw,1920px)/24);
  --bant:44px;--e:min(14.85vw,25vh,286px);
  --f-tabela:"Shrikhand","Yedek Tabela","Georgia",serif;
  --f-afis:"Ranchers","Arial Narrow","Impact",sans-serif;
  --f-metin:"Jost","Century Gothic","Futura",sans-serif;
  --f-daktilo:"Courier Prime","Courier New",monospace;
  --f-el:"Playwrite HR","Segoe Script","Brush Script MT",cursive;
  --odak:var(--mor);
}
@supports (height:1svh){:root{--e:min(14.85vw,25svh,286px)}}
@supports not (overflow:clip){.deste{overflow-x:hidden}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--cam-koyu)}
body{margin:0;font:400 clamp(1.125rem,1.39vw,1.625rem)/1.5 var(--f-metin);color:var(--cam);-webkit-font-smoothing:antialiased}
.deste{overflow-x:clip;max-width:1920px;margin:0 auto}
::selection{background:var(--safran);color:var(--cam)}
#nasil,#iste{scroll-margin-top:calc(var(--u)*3.4)}
#ornekler{scroll-margin-top:calc(var(--u)*-3.2)}
[hidden]{display:none!important}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.js-ile{display:none!important}
.js .js-ile{display:revert!important}
.js .js-yok{display:none!important}
.gec{position:absolute;z-index:60;left:8px;top:-120px;background:var(--cam-koyu);color:var(--kagit);padding:.75rem 1rem;font-weight:600}
.gec:focus{top:8px}
svg{display:block;overflow:visible}
main{display:contents}
:focus-visible{outline:3px solid var(--odak);outline-offset:3px}
.f-koyu{fill:var(--cam-koyu)}.s-tav{stroke:var(--tavsan);fill:none}.f-al{fill:var(--al)}.f-cam{fill:var(--cam)}.f-saf{fill:var(--safran)}.f-kag{fill:var(--kagit)}.f-tav{fill:var(--tavsan)}.f-mor{fill:var(--mor)}
.s-cam{stroke:var(--cam);fill:none}.s-kag{stroke:var(--kagit);fill:none}

/* --- ENSEIGNE ------------------------------------------------------------ */
.logo{display:block;width:100%;height:auto}

/* --- AFİŞ : la grande affiche ------------------------------------------- */
.afis{position:relative;height:clamp(max(600px,calc(var(--bant) + var(--u)*5.2 + var(--e)*2.3)),100vh,66vw);background:var(--lokum);color:var(--cam);overflow:hidden;isolation:isolate}
@supports (height:1svh){.afis{height:clamp(max(600px,calc(var(--bant) + var(--u)*5.2 + var(--e)*2.3)),100svh,66vw)}}
.gunes{position:absolute;z-index:-2;width:calc(var(--e)*3.74);aspect-ratio:1;border-radius:50%;background:var(--safran);right:calc(var(--e)*-.93);bottom:calc(var(--e)*1.22)}
/* mauvais repérage : une seconde passe de safran, décalée, multipliée */
.gunes::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--turuncu);transform:translate(.7%,-.9%)}
/* le bord non imprime de l'affiche : le selecteur de theme y est tape a la machine */
.tema-bant{position:absolute;z-index:6;top:0;left:0;right:0;height:var(--bant);background:var(--kagit);color:var(--cam-koyu);--odak:var(--cam);display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--u)*.7);font:400 .9375rem/1 var(--f-daktilo)}
.tema-sec{display:flex;align-items:center}
.tema-sec a{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 .4rem;color:inherit;text-decoration:none}
.tema-sec a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.tema-sec a[aria-current]{font-weight:700}
.tema-sec a[aria-current]::before{content:"["}
.tema-sec a[aria-current]::after{content:"]"}
.tema-tel{display:flex;align-items:center;gap:.5em;min-height:44px;color:inherit}
.tema-tel b{font-weight:700}
.ust{position:absolute;z-index:4;top:var(--bant);left:0;right:0;padding:calc(var(--u)*.42) calc(var(--u)*.7) 0;display:flex;align-items:center;gap:calc(var(--u)*.75)}
.tabela{display:flex;align-items:center;min-height:44px;width:calc(var(--u)*5.2);min-width:170px}
.ust nav{display:flex;gap:calc(var(--u)*.45);font-weight:600;font-size:clamp(1.0625rem,1.18vw,1.4rem)}
.ust nav a{display:flex;align-items:center;min-height:44px;padding:0 .15rem;text-decoration:none;border-bottom:3px solid transparent}
.ust nav a:hover{border-bottom-color:var(--al-zemin)}
.tepsi{position:absolute;z-index:-1;width:calc(var(--e)*2);right:calc(var(--e)*.1);bottom:calc(var(--e)*1.07)}
.sallan{transform-box:view-box;transform-origin:260px 40px;animation:sallan 2.4s cubic-bezier(.3,.1,.3,1) both}
.js:not(.basladi) .sallan,.js:not(.basladi) .i::after{animation:none}
.tepsi.yine .sallan{animation:sallan-iki 1.5s cubic-bezier(.3,.1,.3,1) both}
@keyframes sallan{0%{transform:rotate(3.4deg)}22%{transform:rotate(-2.4deg)}45%{transform:rotate(1.5deg)}68%{transform:rotate(-.7deg)}86%{transform:rotate(.25deg)}100%{transform:none}}
@keyframes sallan-iki{0%{transform:none}18%{transform:rotate(-2.6deg)}44%{transform:rotate(1.5deg)}72%{transform:rotate(-.6deg)}100%{transform:none}}
.el-not{position:absolute;z-index:1;font:400 calc(var(--e)*.1)/1.45 var(--f-el);right:calc(var(--e)*1.3);bottom:calc(var(--e)*2.86);color:#082A22;transform:rotate(-4deg);white-space:nowrap}
h1{position:absolute;z-index:2;left:calc(var(--u)*.42);right:0;bottom:calc(var(--e)*.33);font:400 var(--e)/.93 var(--f-tabela);color:var(--cam-gece);text-shadow:.026em .022em 0 var(--al);letter-spacing:-.005em}
h1 span{display:inline}
h1 .s1{display:block;white-space:nowrap}
/* le point du i : c'est le soleil de la marque. « Noktayı sen koyarsın. » */
.i::after{content:"";display:inline-block;width:.268em;height:.268em;margin-left:-.268em;border-radius:50%;background:var(--al-zemin);box-shadow:none;transform:translate(.1em,-.52em);animation:nokta .62s .35s cubic-bezier(.3,1.5,.5,1) backwards}
@keyframes nokta{0%{transform:translate(.1em,-2.6em)}}
.son-nokta{color:var(--al);text-shadow:none;font-style:normal}
h1 .son-nokta{color:var(--al-zemin)}
.ss-sol .son-nokta{color:#F0512F}
.blok{position:absolute;z-index:3;left:calc(var(--u)*.7);top:calc(var(--bant) + var(--u)*1.92);width:calc(var(--u)*12.2);display:flex;flex-direction:column;gap:calc(var(--u)*.2)}
.nevi{font:400 clamp(1.75rem,2.92vw,3.5rem)/1.1 var(--f-afis);text-transform:uppercase;letter-spacing:.012em;word-spacing:.13em}
.nevi strong{font-weight:400;color:var(--tavsan)}
.nevi .sb{display:block;white-space:nowrap}
.chapeau{max-width:calc(var(--u)*8.8);font-size:clamp(1.0625rem,1.42vw,1.75rem);line-height:1.34;font-weight:500}
.yap{position:absolute;z-index:3;right:calc(var(--u)*.5);top:calc(var(--bant) + var(--u)*.34);display:grid;place-items:center;width:calc(var(--u)*2.45);min-width:104px;aspect-ratio:1;border-radius:50%;background:var(--al-zemin);color:var(--kagit);padding:.5rem;font:400 clamp(1.25rem,1.72vw,1.85rem)/1 var(--f-afis);text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:.025em;transition:transform .14s;--odak:var(--cam)}
.yap:hover{transform:rotate(-7deg) scale(1.05)}
.kunye{position:absolute;z-index:3;right:calc(var(--u)*.7);bottom:calc(var(--e)*.05);display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;font:400 .875rem/1 var(--f-daktilo);color:var(--cam)}
.encler{display:flex;gap:.8rem;align-items:center}
.encler span{display:flex;align-items:center;gap:.35rem}
.encler i{display:block;width:.8rem;height:.8rem}

/* --- CASUS : l'étiquette d'allumettes ------------------------------------ */
.casus{position:relative;z-index:3;background:var(--cam);color:var(--lokum);--odak:var(--safran);padding:0 var(--u) 0;display:grid;grid-template-columns:repeat(22,1fr);align-items:start}
.kibrit{grid-column:1/13;grid-row:1/3;margin-top:calc(var(--u)*-.62);position:relative;transform:rotate(-2.4deg);background:var(--al);color:var(--kagit);display:grid;grid-template-columns:1fr calc(var(--u)*.92);border:calc(var(--u)*.14) solid var(--kagit);z-index:2;overflow:hidden}
.k-yuz{position:relative;overflow:hidden;min-height:calc(var(--u)*8.7);display:flex;flex-direction:column;justify-content:flex-end}
.k-isin{position:absolute;inset:0;width:100%;height:100%}
.k-marka{position:absolute;top:calc(var(--u)*.3);left:calc(var(--u)*.3);background:var(--cam);color:var(--safran);padding:.1rem .7rem .15rem;font:400 clamp(1.25rem,1.7vw,1.75rem)/1.1 var(--f-afis);letter-spacing:.05em;text-transform:uppercase}
.k-alt{position:relative;background:var(--cam);color:var(--kagit);padding:calc(var(--u)*.26) calc(var(--u)*.4) calc(var(--u)*.3)}
.k-alt h2{font:400 calc(var(--u)*1.2)/1 var(--f-tabela);color:var(--safran)}
.k-alt h2 span{display:block}
.k-alt p{font:400 clamp(1.25rem,1.6vw,1.75rem)/1.1 var(--f-afis);margin-top:.4rem;letter-spacing:.03em;word-spacing:.12em;text-transform:uppercase}
.k-surt{background:#2C1216;position:relative;color:var(--lokum);display:flex;align-items:center;justify-content:center;overflow:hidden}
.k-surt::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#8D3B33 1.1px,transparent 1.6px),radial-gradient(circle,#55211F 1.3px,transparent 1.8px);background-size:7px 7px,11px 9px;background-position:0 0,3px 4px}
.k-surt span{position:relative;writing-mode:vertical-rl;background:#2C1216;padding:.5rem .1rem;font:400 .9375rem/1 var(--f-daktilo);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.tanim{grid-column:14/23;grid-row:1;padding-top:calc(var(--u)*.85)}
.tanim .buyuk{font:500 clamp(1.5rem,2.42vw,2.875rem)/1.13 var(--f-metin);color:var(--kagit)}
.tanim .buyuk b{font-weight:500;color:var(--safran)}
.tanim p+p{margin-top:calc(var(--u)*.35);max-width:30em}
.kamyon-soz{grid-column:14/23;grid-row:2;margin-top:calc(var(--u)*.55);white-space:nowrap;font:400 calc(var(--u)*1.2)/1.04 var(--f-tabela);color:var(--safran);text-shadow:.03em .03em 0 var(--al-zemin)}
.kamyon-soz span{display:block}
.kamyon-soz span+span{margin-left:calc(var(--u)*.55)}

/* --- TARİFE : la tarife officielle du dükkân ----------------------------- */
.tarife{grid-column:5/23;grid-row:3;margin-top:calc(var(--u)*.8);margin-bottom:calc(var(--u)*-3.2);position:relative;z-index:3;background:var(--safran);color:var(--cam);--odak:var(--mor);display:grid;grid-template-columns:calc(var(--u)*3.1) 1fr;transform:rotate(.7deg)}
.t-dev{background:var(--al-zemin);color:#F7BE3C;writing-mode:vertical-rl;transform:rotate(180deg);font:400 calc(var(--u)*3.25)/.98 var(--f-afis);letter-spacing:.015em;text-transform:uppercase;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden}
.t-ic{padding:calc(var(--u)*.55) calc(var(--u)*.75) calc(var(--u)*.6)}
.t-ic h2{font:400 calc(var(--u)*1.3)/1 var(--f-tabela);word-spacing:.05em}
.t-ic>p{margin-top:.6rem;max-width:37em;font-weight:500}
.t-ic h3{font:400 clamp(1.5rem,2vw,2.25rem)/1 var(--f-afis);letter-spacing:.03em;margin-top:calc(var(--u)*.5);color:var(--tavsan);text-transform:uppercase}
.fiyat li{display:flex;align-items:baseline;gap:.5rem;padding:.3rem 0 .22rem;font:500 clamp(1.125rem,1.5vw,1.6rem)/1.2 var(--f-metin)}
.fiyat i{flex:1;min-width:1.5rem;border-bottom:3px dotted var(--cam);transform:translateY(-.22em)}
.fiyat b{font:400 clamp(.9375rem,1.1vw,1.15rem)/1 var(--f-daktilo);white-space:nowrap}
.t-el{margin-top:calc(var(--u)*.35);font:400 clamp(1.25rem,1.72vw,1.85rem)/1.6 var(--f-el);color:var(--mor);transform:rotate(-1.4deg);transform-origin:left}
.t-dip{margin-top:.4rem;font:400 .875rem/1.3 var(--f-daktilo)}

/* --- MESELA : les fiches de commande ------------------------------------- */
.mesela{position:relative;z-index:1;background:var(--al-zemin);color:var(--kagit);--odak:var(--safran);padding:calc(var(--u)*4.6) 0 calc(var(--u)*4.4);display:grid;grid-template-columns:calc(var(--u)*11) 1fr;align-items:start}
.m-sol{padding-top:calc(var(--u)*.2)}
.m-sol h2{font:400 calc(var(--u)*2.72)/.94 var(--f-tabela);color:var(--lokum);padding-left:calc(var(--u)*.7);text-shadow:.022em .022em 0 var(--tavsan)}
.m-not{padding:calc(var(--u)*.35) calc(var(--u)*1.2) calc(var(--u)*.45) calc(var(--u)*.8);font-weight:500;line-height:1.35}
.seritler{display:none;flex-direction:column;gap:6px}
.js .seritler{display:flex}
.serit{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:calc(var(--u)*1.05);padding:.25rem .9rem .25rem calc(var(--u)*.8);color:var(--cam);background:var(--renk);text-align:left;transition:margin .16s ease-out,padding .16s ease-out;align-self:flex-start;width:var(--boy)}
.serit b{font:400 clamp(1.5rem,2.05vw,2.2rem)/1.3 var(--f-tabela)}
.serit small{font:400 clamp(.875rem,1.05vw,1.0625rem)/1 var(--f-daktilo)}
.serit:hover{margin-left:calc(var(--u)*.3)}
.serit[aria-selected="true"]{width:100%;margin-left:0;position:relative;z-index:2}
.fisler{display:grid;margin-right:calc(var(--u)*1.1);margin-left:calc(var(--u)*-.05);position:relative;z-index:1}
.fis{grid-area:1/1;background:var(--renk);color:var(--cam);--odak:var(--mor);padding:calc(var(--u)*.5) calc(var(--u)*.7) calc(var(--u)*.55);position:relative;display:flex;flex-direction:column}
.js .fis:not(.on){visibility:hidden}
html:not(.js) .fis+.fis{grid-area:auto;margin-top:1rem}
.fis-bas{display:flex;justify-content:space-between;align-items:center;font:400 clamp(1.25rem,1.6vw,1.75rem)/1 var(--f-afis);letter-spacing:.04em;text-transform:uppercase;border-bottom:4px solid var(--cam);padding-bottom:.5rem}
.fis-ad{font:400 clamp(1.25rem,1.6vw,1.75rem)/1 var(--f-afis);letter-spacing:.04em;text-transform:uppercase}
.ornek{display:inline-block;font:400 clamp(1.25rem,1.6vw,1.75rem)/1 var(--f-afis);color:var(--istampa);border:3px solid var(--istampa);padding:.2rem .55rem .25rem;letter-spacing:.08em;transform:rotate(-5deg);text-transform:uppercase;mix-blend-mode:multiply}
.kim{display:block;font:600 clamp(.9375rem,1.04vw,1.25rem)/1 var(--f-metin);letter-spacing:.02em;margin-top:calc(var(--u)*.34)}
.fis .el{font:400 clamp(1.25rem,1.72vw,2.15rem)/1.72 var(--f-el);margin-top:.3rem;color:var(--mor)}
.daktilo{margin-top:.45rem;font:400 clamp(1.0625rem,1.3vw,1.6rem)/1.3 var(--f-daktilo)}
.daktilo li{display:flex;gap:.45rem;align-items:baseline;padding:.1rem 0}
.daktilo i{flex:1;min-width:1rem;border-bottom:2px dotted var(--cam);transform:translateY(-.2em)}
.sonuc{font:400 clamp(1.7rem,2.5vw,2.75rem)/1.1 var(--f-tabela);margin-top:.5rem;word-spacing:.09em}
.benzer{display:inline-flex;align-items:center;align-self:flex-start;margin-top:calc(var(--u)*.35);min-height:44px;font:600 clamp(1.125rem,1.25vw,1.5rem)/1.2 var(--f-metin);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px;text-align:left}
.benzer:hover{color:var(--tavsan)}
.fis.oyna{animation:fis-gel .24s cubic-bezier(.2,.9,.3,1) backwards}
.fis.oyna .ornek{animation:damga .26s .24s cubic-bezier(.3,1.4,.6,1) backwards}
.fis.oyna .daktilo li{animation:yaz .01s linear backwards}
.fis.oyna .daktilo li:nth-child(1){animation-delay:.14s}.fis.oyna .daktilo li:nth-child(2){animation-delay:.28s}.fis.oyna .daktilo li:nth-child(3){animation-delay:.42s}
.fis.oyna .sonuc{animation:yaz .01s .56s linear backwards}
@keyframes fis-gel{from{transform:translateX(-14px) rotate(-1.1deg)}}
@keyframes damga{from{transform:rotate(-5deg) scale(2.1);opacity:0}}
@keyframes yaz{from{opacity:0}}

/* --- YOL : le billet à souche et la dilekçe ------------------------------ */
.yol{position:relative;z-index:4;background:var(--mor);color:var(--lokum);--odak:var(--safran);padding:0 0 calc(var(--u)*1.5)}
.bilet{position:relative;z-index:2;margin:calc(var(--u)*-3) calc(var(--u)*.5) 0;display:grid;grid-template-columns:calc(var(--u)*5.7) 3.5fr 4.9fr 3.9fr 4.9fr;transform:rotate(-1.1deg);color:var(--cam);--odak:var(--mor)}
.b-kocan,.kupon{background:var(--nane);padding:calc(var(--u)*.4) calc(var(--u)*.4) calc(var(--u)*.42);min-height:calc(var(--u)*4.55);position:relative;
  --per:radial-gradient(circle 3.6px at 0 6px,#0000 92%,#000) 0 0/100% 12px;
  --per2:radial-gradient(circle 3.6px at 100% 6px,#0000 92%,#000) 0 0/100% 12px;
  -webkit-mask:var(--per),var(--per2),var(--delik,linear-gradient(#000 0 0));-webkit-mask-composite:source-in;mask:var(--per),var(--per2),var(--delik,linear-gradient(#000 0 0));mask-composite:intersect}
.b-kocan{--per:linear-gradient(#000 0 0);background:var(--safran);display:flex;flex-direction:column}
.kupon:last-child{--per2:linear-gradient(#000 0 0)}
.b-kocan h2{font:400 calc(var(--u)*1.1)/.98 var(--f-tabela)}
.b-kocan .hat{font:700 clamp(.875rem,1.02vw,1.25rem)/1.2 var(--f-daktilo);margin-top:calc(var(--u)*.22)}
.b-kocan .kontrol{margin-top:auto;padding-top:.5rem;font:400 clamp(.875rem,.98vw,1.2rem)/1.25 var(--f-daktilo)}
.seri{font:700 clamp(.875rem,1vw,1rem)/1 var(--f-daktilo);color:#8A170A}
.kupon{display:flex;flex-direction:column;padding-top:calc(var(--u)*1.1)}
.kupon h3{font:400 clamp(1.4rem,2.72vw,3.1rem)/1 var(--f-afis);letter-spacing:.012em;word-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.kupon p{font-size:clamp(.9375rem,1.2vw,1.45rem);line-height:1.3;margin-top:.45rem;font-weight:500}
.nesne{position:absolute;right:calc(var(--u)*.3);top:calc(var(--u)*.22);width:calc(var(--u)*1);height:calc(var(--u)*.86)}
.d1{--delik:radial-gradient(circle calc(var(--u)*.16) at calc(var(--u)*.58) calc(var(--u)*.58),#0000 96%,#000)}
.d2{--delik:radial-gradient(circle calc(var(--u)*.16) at calc(var(--u)*.58) calc(var(--u)*.58),#0000 96%,#000),radial-gradient(circle calc(var(--u)*.16) at calc(var(--u)*1.08) calc(var(--u)*.58),#0000 96%,#000)}
.d3{--delik:radial-gradient(circle calc(var(--u)*.16) at calc(var(--u)*.58) calc(var(--u)*.58),#0000 96%,#000),radial-gradient(circle calc(var(--u)*.16) at calc(var(--u)*1.08) calc(var(--u)*.58),#0000 96%,#000),radial-gradient(circle calc(var(--u)*.16) at calc(var(--u)*1.58) calc(var(--u)*.58),#0000 96%,#000)}
.d4{--delik:radial-gradient(circle calc(var(--u)*.16) at calc(var(--u)*.58) calc(var(--u)*.58),#0000 96%,#000),radial-gradient(circle calc(var(--u)*.16) at calc(var(--u)*1.08) calc(var(--u)*.58),#0000 96%,#000),radial-gradient(circle calc(var(--u)*.16) at calc(var(--u)*1.58) calc(var(--u)*.58),#0000 96%,#000),radial-gradient(circle calc(var(--u)*.16) at calc(var(--u)*2.08) calc(var(--u)*.58),#0000 96%,#000)}

.son-soz{display:grid;grid-template-columns:repeat(24,1fr);margin-top:calc(var(--u)*1.2);align-items:start}
.ss-sol{grid-column:2/14;padding-top:calc(var(--u)*.35)}
.ss-sol h2{font:400 calc(var(--u)*2.72)/.96 var(--f-tabela);color:var(--lokum);text-shadow:.022em .022em 0 var(--al-zemin)}
.ss-sol h2 span{display:block}
.ss-sol h2 span+span{margin-left:calc(var(--u)*1.1)}
.ss-sol p{margin-top:calc(var(--u)*.6);max-width:24em;font-size:clamp(1.25rem,1.9vw,2.3rem);line-height:1.25;font-weight:500;color:var(--kagit)}
.ss-sol p.ipucu{margin-top:calc(var(--u)*.5);font:400 clamp(1.15rem,1.55vw,1.9rem)/1.7 var(--f-el);color:var(--safran)}
.dilekce{grid-column:14/23;position:relative;background:var(--kagit);color:#1E1C2A;--odak:var(--mor);padding:calc(var(--u)*.7) calc(var(--u)*.7) calc(var(--u)*.95);font:400 clamp(1.0625rem,1.3vw,1.6rem)/1.42 var(--f-daktilo);transform:rotate(1.5deg);cursor:crosshair;isolation:isolate;min-height:calc(var(--u)*11.9);overflow:hidden}
.dilekce .tarih{text-align:right}
.dilekce .makam{text-align:center;font-weight:700;letter-spacing:.06em;margin:calc(var(--u)*.55) 0 calc(var(--u)*.5)}
.dilekce .arz{margin-top:1.1em}
.dilekce .imza{text-align:right;margin-top:1.4em;padding-right:1em}
.dilekce .imza b{display:block;font:400 clamp(1.25rem,1.6vw,1.75rem)/1.7 var(--f-el);color:var(--mor);transform:rotate(-3deg)}
.bas-dugme{position:absolute;left:calc(var(--u)*.7);bottom:calc(var(--u)*.4);font:600 clamp(1.0625rem,1.18vw,1.4rem)/1 var(--f-metin);min-height:44px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;z-index:3;color:#1E1C2A}
.muhur{position:absolute;width:calc(var(--u)*5.5);height:calc(var(--u)*5.5);color:var(--istampa);mix-blend-mode:multiply;pointer-events:none;z-index:2}
.muhur.ilk{left:calc(var(--u)*3.15);bottom:calc(var(--u)*.62);transform:rotate(-13deg)}
.muhur.yeni{animation:bas .22s cubic-bezier(.5,0,.8,.4) backwards}
@keyframes bas{from{scale:1.55;opacity:0}70%{scale:.97;opacity:1}}
.dilekce.sars{animation:sars .16s}
@keyframes sars{40%{translate:1px 2px}}

/* --- SORULAR : les plaques émaillées ------------------------------------- */
.sorular{position:relative;z-index:5;background:var(--safran);color:var(--cam);--odak:var(--mor);padding:calc(var(--u)*1.7) var(--u) calc(var(--u)*3.6);display:grid;grid-template-columns:calc(var(--u)*11) 1fr;column-gap:var(--u);align-items:start}
.sorular>h2{grid-column:2;grid-row:1;font:400 calc(var(--u)*1.66)/.98 var(--f-tabela);padding-bottom:calc(var(--u)*.55)}
.s-sol{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;gap:calc(var(--u)*.55)}
.s-sag{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:calc(var(--u)*.55)}
.atasoz{margin:calc(var(--u)*.5) 0 0 calc(var(--u)*.1);white-space:nowrap;font:400 calc(var(--u)*.93)/1.1 var(--f-tabela);color:#8A170A}
.atasoz{word-spacing:.06em}
.atasoz span{display:block}
.atasoz span+span{margin-left:calc(var(--u)*1.1)}
.levha{position:relative;padding:calc(var(--u)*.55) calc(var(--u)*.6) calc(var(--u)*.6);--c:var(--kagit);box-shadow:inset 0 0 0 calc(var(--u)*.12) var(--z),inset 0 0 0 calc(var(--u)*.16) var(--c);background:var(--z);color:var(--c)}
.levha::before,.levha::after{content:"";position:absolute;top:calc(var(--u)*.3);width:calc(var(--u)*.14);height:calc(var(--u)*.14);border-radius:50%;background:var(--c)}
.levha::before{left:calc(var(--u)*.3)}.levha::after{right:calc(var(--u)*.3)}
.levha h3{font:400 calc(var(--u)*.86)/1.04 var(--f-tabela);word-spacing:.07em}
.levha p{margin-top:.5rem;font-weight:500}
.levha .boyali{font:400 clamp(1.5rem,2.1vw,2.6rem)/1.14 var(--f-afis);letter-spacing:.03em;text-transform:uppercase;margin-top:calc(var(--u)*.3)}
.l-fiyat{--z:var(--cam);--c:var(--safran);transform:rotate(-.7deg);padding-bottom:calc(var(--u)*.7)}
.l-fiyat h3{font-size:calc(var(--u)*1.5)}
.l-fiyat p{color:var(--kagit);font-size:clamp(1.25rem,1.8vw,2.2rem);line-height:1.25;max-width:24em}
.l-fiyat .boyali{color:var(--safran)}
.l-teknik{--z:var(--kagit);--c:var(--cam);margin-right:calc(var(--u)*1.7);transform:rotate(.8deg)}
.l-teknik .hayir{font:400 calc(var(--u)*2.28)/.98 var(--f-tabela);color:var(--al-zemin);margin:.2rem 0 .3rem;text-shadow:.02em .02em 0 var(--safran)}
.l-dil{--z:var(--mor);--c:var(--lokum);margin-left:calc(var(--u)*1.5);margin-right:calc(var(--u)*.5);transform:rotate(.5deg)}
.l-dil p{color:var(--kagit)}
.kapi{margin-top:calc(var(--u)*.35);display:grid;gap:.12rem;font:400 clamp(1.25rem,1.72vw,2.15rem)/1.16 var(--f-afis);letter-spacing:.035em;text-transform:none}
.kapi li:first-child{color:var(--safran)}
.l-bilgi{--z:var(--lokum);--c:var(--cam);margin-left:calc(var(--u)*-.4);transform:rotate(-.5deg);display:grid;grid-template-columns:1fr calc(var(--u)*3);column-gap:calc(var(--u)*.5);align-items:center}
.anahtar{width:100%;height:auto;transform:rotate(-24deg)}

/* --- DEFTER : le cahier ---------------------------------------------------- */
.defter-alan{position:relative;z-index:6;background:var(--cam);--odak:var(--al-zemin);padding:calc(var(--u)*1.3) calc(var(--u)*1.2) calc(var(--u)*2.2)}
.defter{position:relative;margin-top:calc(var(--u)*-2.6);background:var(--musamba);padding:calc(var(--u)*.26);--satir:max(2.75rem,3.05vw);background-image:linear-gradient(135deg,var(--al-zemin) calc(var(--u)*.95),transparent 0),linear-gradient(225deg,var(--al-zemin) calc(var(--u)*.95),transparent 0),linear-gradient(45deg,var(--al-zemin) calc(var(--u)*.95),transparent 0),linear-gradient(315deg,var(--al-zemin) calc(var(--u)*.95),transparent 0)}
.d-ic{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.16fr;background:var(--defter);color:#1F2A3A}
.d-sol,.d-sag{padding:calc(var(--satir)*1) calc(var(--u)*.7) calc(var(--satir)*1) calc(var(--u)*.7);min-width:0;
  background-image:repeating-linear-gradient(to bottom,transparent 0 calc(var(--satir) - 2px),var(--cizgi) calc(var(--satir) - 2px) var(--satir));background-position:0 0}
.d-sol{border-right:3px solid #2A2F38;position:relative}
.d-sag{position:relative;padding-left:calc(var(--u)*3.4);
  background-image:linear-gradient(to right,transparent calc(var(--u)*3 - 3px),#D8452E calc(var(--u)*3 - 3px) var(--u3,calc(var(--u)*3)),transparent 0),repeating-linear-gradient(to bottom,transparent 0 calc(var(--satir) - 2px),var(--cizgi) calc(var(--satir) - 2px) var(--satir))}
.d-defter-adi{font:400 clamp(1.25rem,1.6vw,2.1rem)/var(--satir) var(--f-afis);letter-spacing:.05em;text-transform:uppercase;color:var(--al-zemin);height:var(--satir)}
.d-sol h2{font:400 calc(var(--u)*1.34)/calc(var(--satir)*2) var(--f-tabela);color:var(--cam);margin-top:0}
.d-sol h2 span{display:block}
.d-sol .gir{font:400 clamp(1.15rem,1.42vw,1.75rem)/var(--satir) var(--f-el);color:var(--mor)}
.d-sol .uyar{font:400 clamp(1rem,1.15vw,1.4rem)/var(--satir) var(--f-daktilo);margin-top:var(--satir)}
.d-sol .tel{font:400 clamp(1rem,1.15vw,1.4rem)/var(--satir) var(--f-daktilo);margin-top:var(--satir)}
.d-sol .tel a{font-weight:700;display:inline-block;min-height:44px}
.satir{display:block;position:relative}
.satir label{position:absolute;left:calc(var(--u)*-3.32);width:calc(var(--u)*2.72);text-align:right;font:600 clamp(.9375rem,1.1vw,1.35rem)/var(--satir) var(--f-metin);color:#1F2A3A}
.d-tarih{height:var(--satir);font:400 clamp(1.05rem,1.3vw,1.6rem)/calc(var(--satir) + .1rem) var(--f-el);color:var(--mor)}
.satir input,.satir textarea{display:block;width:100%;border:0;margin:0;padding:0 .3rem;background:transparent;color:var(--mor);font:400 clamp(1.05rem,1.3vw,1.6rem)/var(--satir) var(--f-el);height:calc(var(--satir)*1);border-radius:0;-webkit-appearance:none;appearance:none;resize:none}
.satir textarea{height:calc(var(--satir)*6);overflow:auto}
.satir input::placeholder,.satir textarea::placeholder{color:#47566F;opacity:1}
.satir input:focus-visible,.satir textarea:focus-visible{outline:3px solid var(--al-zemin);outline-offset:-1px;background:#fff8}
.hata{color:#B3240E;font:700 1.0625rem/var(--satir) var(--f-daktilo);height:var(--satir)}
.hazirla{display:block;margin-top:0;min-height:calc(var(--satir)*1.5);padding:0 calc(var(--u)*.55);background:var(--al-zemin);color:var(--kagit);font:400 clamp(1.5rem,2vw,2.2rem)/1 var(--f-afis);letter-spacing:.04em;text-transform:uppercase;box-shadow:5px 5px 0 #1F2A3A;transition:transform .08s,box-shadow .08s}
.hazirla:hover{background:var(--tavsan)}
.hazirla:active{transform:translate(4px,4px);box-shadow:1px 1px 0 #1F2A3A}
.buton-satir{padding-top:calc(var(--satir)*.5);height:calc(var(--satir)*3)}
.kopya{position:relative;margin-top:var(--satir);padding-top:0;color:#26349A;font:400 clamp(1.0625rem,1.2vw,1.45rem)/var(--satir) var(--f-daktilo)}
.kopya[hidden]{display:none}
.kopya:focus{outline:0}
.kopya h3{font:700 clamp(1.0625rem,1.2vw,1.45rem)/var(--satir) var(--f-daktilo);color:#1F2A3A}
.kopya pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}
.asli{position:absolute;right:0;top:calc(var(--satir)*1.1);font:400 1.5rem/1 var(--f-afis);color:var(--istampa);border:3px solid var(--istampa);padding:.3rem .5rem;transform:rotate(9deg);letter-spacing:.05em;text-transform:uppercase;background:transparent;mix-blend-mode:multiply}
.k-islem{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;margin-top:calc(var(--satir)*.5)}
.wa{display:inline-flex;align-items:center;min-height:calc(var(--satir)*1.4);padding:0 1.1rem;background:var(--cam);color:var(--kagit);font:400 clamp(1.5rem,1.9vw,2rem)/1 var(--f-afis);letter-spacing:.04em;text-decoration:none;text-transform:uppercase;box-shadow:5px 5px 0 #1F2A3A}
.wa:hover{background:var(--cam-koyu)}
.kopyala{font:600 1.0625rem/1.2 var(--f-metin);min-height:44px;color:#1F2A3A;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}

/* --- KAMYON : l'arrière du camion ---------------------------------------- */
.kamyon{position:relative;z-index:7;background:var(--asfalt);color:var(--kagit);--odak:var(--safran)}
.kasa{background:var(--kamyon);margin:calc(var(--u)*-1.1) calc(var(--u)*1.2) 0;padding:calc(var(--u)*.45);position:relative}
.kasa-ic{border:calc(var(--u)*.08) solid var(--safran);box-shadow:inset 0 0 0 calc(var(--u)*.1) var(--kamyon),inset 0 0 0 calc(var(--u)*.14) var(--lokum);padding:calc(var(--u)*.9) calc(var(--u)*1) calc(var(--u)*.85);display:grid;grid-template-columns:auto 1fr;column-gap:calc(var(--u)*1);align-items:center;background:var(--kamyon)}
.kasa .k-logo{width:calc(var(--u)*11)}
.yazi{grid-column:1/3;margin-top:calc(var(--u)*.5);font:400 calc(var(--u)*1.13)/1.08 var(--f-tabela);color:var(--safran);text-shadow:.03em .03em 0 var(--al-zemin)}
.yazi span{display:block}
.yazi span+span{margin-left:calc(var(--u)*2.2)}
.bildir{justify-self:end;text-align:right;font:500 clamp(1.125rem,1.5vw,1.6rem)/1.3 var(--f-metin);display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}
.plaka{display:inline-flex;align-items:center;min-height:calc(var(--u)*.86);padding:0 .9rem;background:var(--kagit);color:#16171B;font:700 clamp(1.25rem,1.8vw,1.95rem)/1 var(--f-daktilo);text-decoration:none;box-shadow:inset 0 0 0 3px #16171B;white-space:nowrap}
.plaka:hover{background:var(--safran)}
.tampon{height:calc(var(--u)*.72);margin:0 calc(var(--u)*.6);position:relative;background:repeating-linear-gradient(-45deg,var(--al-zemin) 0 calc(var(--u)*.42),var(--kagit) calc(var(--u)*.42) calc(var(--u)*.84));box-shadow:inset 0 0 0 calc(var(--u)*.05) #12171A}
.stop{position:absolute;top:calc(var(--u)*-1.5);width:calc(var(--u)*.72);height:calc(var(--u)*1.5);background:var(--al);box-shadow:inset 0 calc(var(--u)*-.5) 0 var(--safran)}
.stop.sol{left:0}.stop.sag{right:0}
.alt{display:grid;grid-template-columns:calc(var(--u)*4.6) 1fr calc(var(--u)*4.6);margin:0 calc(var(--u)*2.2);align-items:start;padding-bottom:calc(var(--u)*.75);isolation:isolate}
.pacalik{position:relative;background:#0E1113;color:var(--kagit);text-align:center;font:400 calc(var(--u)*.92)/1 var(--f-afis);letter-spacing:.05em;text-transform:uppercase;padding:calc(var(--u)*.5) 0 calc(var(--u)*.6);box-shadow:inset 0 0 0 4px #0E1113,inset 0 0 0 6px var(--kagit)}
.pacalik::before{content:"";position:absolute;z-index:-1;left:calc(var(--u)*-.42);right:calc(var(--u)*-.42);top:0;bottom:calc(var(--u)*-.32);background:#07090A}
.dipnot{padding:calc(var(--u)*.55) 1rem 0;text-align:center;font:400 .9375rem/1.45 var(--f-daktilo);color:#D7DEDA}
.dipnot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 1.1rem}
.dipnot a{display:inline-block;min-height:44px;line-height:44px;color:var(--kagit)}

/* Bouton rond du téléphone : le point, toujours à portée de pouce */
.nokta-dugme{display:none}
.fis-alt{display:flex;flex-wrap:wrap;gap:0 1.4rem;align-items:center}
.t-link{margin-top:.1rem}
.t-link a,.yol-link a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-decoration-thickness:2px;text-underline-offset:4px}

/* ===========================================================================
   TELEFON : une pile d'imprimés qu'on feuillette.
   Chaque imprimé défile jusqu'à montrer son bas, s'arrête, et le suivant
   vient se poser dessus. Pas d'empilage de la version ordinateur.
   =========================================================================== */
@media (max-width:899px){
  :root{--u:calc(100vw/24);--g:16px}
  body{font-size:1.125rem;background:var(--cam-koyu)}
  .yaprak{width:100%}
  #nasil,#iste,#ornekler{scroll-margin-top:0}
  .afis{z-index:1}.casus{z-index:2}.mesela{z-index:3}.yol{z-index:4}.sorular{z-index:5}.defter-alan{z-index:6}.kamyon{z-index:7}
  /* les bords décalés laissent voir la feuille du dessous */
  .js .casus{width:calc(100% - 7px)}
  .js .mesela{margin-left:7px;width:calc(100% - 7px)}
  .js .yol{width:calc(100% - 9px)}
  .js .sorular{margin-left:5px;width:calc(100% - 5px)}
  .js .defter-alan{width:calc(100% - 6px)}

  /* affiche */
  .afis{height:auto;min-height:calc(100vh - 30px);display:flex;flex-direction:column;padding:var(--bant) var(--g) 14px}
  .tema-bant{padding:0 var(--g);font-size:.875rem}
  .tema-sec a{padding:0 .25rem}
  .tema-tel{display:none}
  .gunes{width:104vw;right:-57vw;top:-30vw;bottom:auto}
  .gunes::after{transform:translate(.5%,-.7%)}
  .ust{position:relative;top:auto;padding:10px 0 0;justify-content:space-between;left:auto;right:auto}
  .tabela{width:178px}
  .ust nav{display:none}
  .tepsi{position:relative;align-self:flex-end;width:56vw;max-width:300px;right:0;bottom:auto;margin:-14px -2vw 8px auto;z-index:0}
  .el-not{right:auto;bottom:auto;left:var(--g);top:calc(var(--bant) + 66px);font-size:1rem;transform:rotate(-5deg);white-space:normal;width:7.4em;line-height:1.75;color:var(--cam-gece)}
  h1{position:relative;left:auto;right:auto;bottom:auto;font-size:min(20.4vw,150px);line-height:.92;margin-left:-3px}
  h1 .s1,h1 .s2,h1 .s3{display:block}
  .blok{position:static;width:auto;margin-top:14px;gap:10px}
  .nevi{font-size:clamp(1.75rem,8.1vw,3rem);line-height:1.12}
  .chapeau{max-width:none;font-size:1.125rem;line-height:1.36;padding-right:0}
  .yap{display:none}
  .kunye{position:static;align-items:flex-start;margin-top:12px;font-size:.8125rem;line-height:1.2}
  .nevi .sb{display:inline;white-space:normal}
  .encler{display:none}

  /* étiquette */
  .casus{display:block;padding:18px var(--g) 30px}
  .kibrit{margin:0 -6px;transform:rotate(-1.4deg);grid-template-columns:1fr;border-width:7px}
  .k-yuz{min-height:0;padding-top:46vw}
  .k-marka{top:10px;left:10px;font-size:1.25rem}
  .k-alt{padding:12px 14px 14px}
  .k-alt h2{font-size:min(9.4vw,2.9rem);line-height:1.02}
  .k-alt p{font-size:1.4rem}
  .k-surt{min-height:30px}
  .k-surt span{writing-mode:horizontal-tb;padding:.25rem .5rem;font-size:.8125rem}
  .tanim{padding-top:24px}
  .tanim .buyuk{font-size:1.625rem}
  .tanim p+p{margin-top:12px}
  .kamyon-soz{margin-top:22px;font-size:min(11.6vw,3.3rem)}
  .kamyon-soz span+span{margin-left:26px}
  .tarife{display:block;margin:26px -16px -30px;transform:none;padding-bottom:0}
  .t-dev{writing-mode:horizontal-tb;transform:none;font-size:20vw;line-height:1;padding:6px 0 2px;display:block}
  .t-ic{padding:18px var(--g) 28px}
  .t-ic h2{font-size:min(10.4vw,3rem);line-height:1.04}
  .t-ic>p{font-size:1.0625rem}
  .t-ic h3{font-size:1.75rem;margin-top:20px}
  .fiyat li{font-size:1.0625rem;flex-wrap:nowrap;padding:.42rem 0 .3rem;line-height:1.18}
  .fiyat span{flex:0 1 auto}
  .fiyat b{font-size:.8125rem}
  .t-el{font-size:1.25rem;margin-top:16px}
  .t-dip{font-size:.8125rem}

  /* fiches */
  .mesela{display:block;padding:20px 0 34px}
  .m-sol h2{font-size:24.2vw;padding-left:12px}
  .m-not{padding:8px var(--g) 16px;font-size:1.0625rem}
  .seritler{gap:4px}
  .serit{min-height:50px;padding:0 var(--g);align-items:center;width:var(--boy-t,86%)}
  .serit b{font-size:1.5rem}
  .serit small{font-size:.875rem}
  .serit:hover{margin-left:0}
  .fisler{margin:0 8px 0 0}
  .fis{padding:16px var(--g) 18px}
  .fis-bas{font-size:1.25rem}
  .ornek{font-size:1.25rem}
  .kim{margin-top:14px;font-size:.9375rem}
  .fis .el{font-size:1.1875rem;line-height:1.75}
  .daktilo{font-size:1rem}
  .daktilo li{align-items:baseline}
  .sonuc{font-size:1.75rem;line-height:1.12}
  .benzer{margin-top:10px}

  /* billet */
  .yol{padding-bottom:30px}
  .bilet{margin:0;display:block;transform:none;padding:18px 16px 0 10px}
  .b-kocan,.kupon{min-height:0;
    --per:radial-gradient(circle 3.6px at 6px 0,#0000 92%,#000) 0 0/12px 100%;
    --per2:radial-gradient(circle 3.6px at 6px 100%,#0000 92%,#000) 0 0/12px 100%}
  .b-kocan{--per:linear-gradient(#000 0 0);padding:18px 18px 16px}
  .b-kocan h2{font-size:min(10.6vw,4rem);line-height:1}
  .b-kocan .hat{font-size:.9375rem;margin-top:8px}
  .b-kocan .kontrol{margin-top:0;padding-top:6px;font-size:.875rem}
  .kupon{padding:38px 18px 14px;display:block}
  .kupon:last-child{--per2:linear-gradient(#000 0 0)}
  .kupon h3{font-size:2.5rem}
  .kupon p{font-size:1.0625rem;margin-top:4px;padding-right:0}
  .nesne{right:14px;top:12px;width:62px;height:54px}
  .d1{--delik:radial-gradient(circle 7px at 26px 24px,#0000 96%,#000)}
  .d2{--delik:radial-gradient(circle 7px at 26px 24px,#0000 96%,#000),radial-gradient(circle 7px at 48px 24px,#0000 96%,#000)}
  .d3{--delik:radial-gradient(circle 7px at 26px 24px,#0000 96%,#000),radial-gradient(circle 7px at 48px 24px,#0000 96%,#000),radial-gradient(circle 7px at 70px 24px,#0000 96%,#000)}
  .d4{--delik:radial-gradient(circle 7px at 26px 24px,#0000 96%,#000),radial-gradient(circle 7px at 48px 24px,#0000 96%,#000),radial-gradient(circle 7px at 70px 24px,#0000 96%,#000),radial-gradient(circle 7px at 92px 24px,#0000 96%,#000)}
  .son-soz{display:block;margin-top:30px;padding:0 var(--g)}
  .ss-sol{padding:0}
  .ss-sol h2{font-size:min(20.8vw,6.4rem)}
  .ss-sol h2 span+span{margin-left:24px}
  .ss-sol p{font-size:1.25rem;margin-top:14px;max-width:none}
  .ss-sol p.ipucu{font-size:1.125rem;margin-top:12px}
  .dilekce{margin-top:20px;transform:rotate(1deg);padding:22px 20px 62px;font-size:1rem;min-height:0}
  .dilekce .makam{margin:18px 0}
  .muhur{width:136px;height:136px}
  .muhur.ilk{left:14px;right:auto;bottom:44px}
  .bas-dugme{left:20px;bottom:6px}
  .dilekce{padding-bottom:150px}
  .dilekce .imza{margin-top:.8em}

  /* plaques */
  .sorular{display:block;padding:26px var(--g) 34px}
  .sorular>h2{font-size:min(8.8vw,4rem);line-height:1;padding:0}
  .s-sol,.s-sag{display:block}
  .levha{padding:30px 20px 22px;margin-top:18px;box-shadow:inset 0 0 0 5px var(--z),inset 0 0 0 7px var(--c)}
  .levha::before,.levha::after{top:13px;width:7px;height:7px}
  .levha::before{left:13px}.levha::after{right:13px}
  .levha h3{font-size:min(8.8vw,2.5rem)}
  .levha p{font-size:1.0625rem}
  .levha .boyali{font-size:1.625rem;margin-top:10px}
  .l-fiyat{margin-right:-4px;margin-left:-4px}
  .l-fiyat h3{font-size:min(9.2vw,3.25rem)}
  .l-fiyat p{font-size:1.1875rem}
  .l-teknik{margin-left:44px;margin-right:-4px}
  .l-teknik .hayir{font-size:min(15vw,5.2rem)}
  .l-dil{margin-right:30px;margin-left:-4px}
  .kapi{font-size:1.5rem;margin-top:10px}
  .l-bilgi{display:block;margin-left:18px;margin-right:-4px;padding-right:88px}
  .anahtar{position:absolute;right:6px;top:54px;width:84px}

  /* cahier */
  .defter-alan{padding:18px 8px 26px;--odak:var(--al-zemin)}
  .defter{margin:0;padding:7px;--satir:2.75rem;background-image:linear-gradient(135deg,var(--al-zemin) 24px,transparent 0),linear-gradient(225deg,var(--al-zemin) 24px,transparent 0),linear-gradient(45deg,var(--al-zemin) 24px,transparent 0),linear-gradient(315deg,var(--al-zemin) 24px,transparent 0)}
  .d-ic{display:block}
  .d-sol,.d-sag{padding:var(--satir) 16px}
  .d-sol{border-right:0;border-bottom:3px solid #2A2F38;padding-bottom:calc(var(--satir)*.5)}
  .d-sag{padding:var(--satir) 14px var(--satir) 14px;background-image:repeating-linear-gradient(to bottom,transparent 0 calc(var(--satir) - 2px),var(--cizgi) calc(var(--satir) - 2px) var(--satir))}
  .d-sol h2{font-size:min(10vw,4rem);line-height:calc(var(--satir)*1.5)}
  .d-sol h2 span{display:inline}
  .d-sol .gir{font-size:1.0625rem;margin-top:0}
  .d-sol .uyar,.d-sol .tel{font-size:.9375rem;margin-top:0}
  .satir label{position:static;display:block;width:auto;text-align:left;font-size:1rem;height:var(--satir)}
  .satir input,.satir textarea{font-size:1.0625rem}
  .satir textarea{height:calc(var(--satir)*4)}
  .atasoz{font-size:min(8vw,3rem);margin:22px 0 4px;white-space:normal}
  .atasoz span+span{margin-left:20px}
  .d-tarih{font-size:1.0625rem}
  .hazirla{width:100%;font-size:1.75rem}
  .asli{font-size:1.25rem;right:-2px}
  .wa{font-size:1.625rem}

  /* camion */
  .kasa{margin:0 10px;padding:8px}
  .kasa .k-logo{width:auto;display:block}
  .kasa-ic{display:block;border-width:3px;padding:24px 16px 20px;box-shadow:inset 0 0 0 4px var(--kamyon),inset 0 0 0 6px var(--lokum)}
  .kasa .k-logo{max-width:none}
  .yazi{font-size:min(6.5vw,3rem);margin-top:16px;line-height:1.12}
  .yazi span+span{margin-left:14px}
  .bildir{display:block;text-align:left;margin-top:14px;font-size:1.0625rem}
  .plaka{margin-top:6px;min-height:50px;font-size:1.25rem}
  .tampon{height:26px;margin:0 2px;background:repeating-linear-gradient(-45deg,var(--al-zemin) 0 14px,var(--kagit) 14px 28px);box-shadow:inset 0 0 0 2px #12171A}
  .stop{top:-46px;width:22px;height:46px;box-shadow:inset 0 -15px 0 var(--safran)}
  .alt{grid-template-columns:1fr 1fr;margin:0 24px;gap:0 34px;padding-bottom:0}
  .pacalik::before{left:-10px;right:-10px;bottom:-8px}
  .pacalik{font-size:1.875rem;padding:14px 0 18px;grid-row:1}
  .dipnot{grid-column:1/3;grid-row:2;padding:14px 0 calc(16px + env(safe-area-inset-bottom,0px))}

  .nokta-dugme{position:fixed;z-index:50;right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));width:60px;height:60px;border-radius:50%;background:var(--al-zemin);color:var(--kagit);display:grid;place-items:center;font:400 1.3125rem/1 var(--f-tabela);text-decoration:none;box-shadow:3px 3px 0 var(--cam-koyu);transform:scale(0);visibility:hidden;--odak:var(--safran)}
  .nokta-dugme.acik{transform:none;visibility:visible;transition:transform .16s}
}
@media (min-width:900px) and (max-width:1120px){
  .d-sol h2{line-height:calc(var(--satir)*1.5)}
  .tema-tel span{display:none}
  .encler{display:none}
  .kunye{font-size:.75rem}
}
@media (max-width:899px) and (min-width:600px){
  .afis:not(.kucuk) .gunes{width:76vw;right:-26vw;top:-28vw}
  .tepsi{width:44vw;max-width:none}
  .t-dev{font-size:22vw}
}
@media (max-width:899px) and (prefers-reduced-motion:no-preference){
  .js:not(.klavye) .yaprak:not(.defter-alan){position:sticky;top:var(--ust,0px)}
}

/* --- PAGES DE SERVICE : mêmes imprimés, autre ordre -------------------------- */
.giz-alan{display:block}
.afis.kucuk{height:auto;min-height:0;padding:calc(var(--u)*2.5) calc(var(--u)*4) calc(var(--u)*1.5) calc(var(--u)*.7)}
.afis.kucuk .gunes{width:calc(var(--u)*6.4);right:calc(var(--u)*-1.9);top:calc(var(--u)*-3.1);bottom:auto}
.afis.kucuk .ust{top:0}
.afis.kucuk .ust nav{align-items:center;gap:.5rem}
.yol-ayir{opacity:.7}
.afis.kucuk h1{position:static;font-size:calc(var(--u)*1.78);line-height:1.06;margin:0 calc(var(--u)*-2.6) 0 -.02em}
.afis.kucuk .sb{display:block}
.afis.kucuk .sb2{white-space:nowrap}
.afis.kucuk .chapeau{margin-top:calc(var(--u)*.5);max-width:calc(var(--u)*14)}
.afis.kucuk .chapeau strong{font-weight:600}
.afis.kucuk .yap{top:calc(var(--u)*.34)}
.casus.servis{padding-top:calc(var(--u)*1.1)}
.casus.servis .kibrit{margin-top:calc(var(--u)*-1.6)}
.k-alt .k-h{font:400 calc(var(--u)*1.2)/1 var(--f-tabela);color:var(--safran);margin:0;letter-spacing:0;word-spacing:0;text-transform:none}
.k-alt .k-h span{display:block}
.buyuk-h{font:400 calc(var(--u)*1.2)/1.04 var(--f-tabela);color:var(--safran);margin-bottom:calc(var(--u)*.35)}
.tanim.bas-yok{padding-top:calc(var(--u)*.3)}
.fark-l{margin-top:calc(var(--u)*.4)}
.fark-l li{padding:.45rem 0;font-weight:500;font-size:clamp(1.125rem,1.5vw,1.6rem);line-height:1.3}
.fark-l b{font:400 clamp(1.5rem,2vw,2.25rem)/1 var(--f-afis);letter-spacing:.03em;text-transform:uppercase;color:var(--tavsan);margin-right:.2em}
.tarife.tek .t-dev{font-size:calc(var(--u)*2.7)}
.casus.tek-sutun{padding-top:calc(var(--u)*.9)}
.tarife.sol{grid-column:2/22;margin-top:0}
.turler{margin-top:calc(var(--u)*.2)}
.tur{padding:calc(var(--u)*.3) 0 calc(var(--u)*.26);border-bottom:3px dotted var(--cam)}
.tur:last-child{border-bottom:0}
.t-ic .tur h3{margin-top:0}
.tur p{font-weight:500}
.mesela.servis{grid-template-columns:calc(var(--u)*12) 1fr;padding-bottom:calc(var(--u)*1.6)}
.mesela.servis .m-sol h2{font-size:calc(var(--u)*1.3);line-height:1.04}
.mesela.servis .m-sol h2 span{display:block}
.m-son{padding:0 calc(var(--u)*1.2) 0 calc(var(--u)*.8);font:400 calc(var(--u)*.9)/1.12 var(--f-tabela);color:var(--kagit);word-spacing:.05em}
.is-liste .fisler{display:flex;flex-direction:column;gap:calc(var(--u)*.3)}
.is-liste .fis:nth-child(even){margin-left:calc(var(--u)*-1.1);margin-right:calc(var(--u)*.6)}
.is-m{margin-top:.6rem;font-weight:500}
.fis.is .sonuc{font-size:clamp(1.4rem,1.9vw,2.2rem)}
.tutar .fis-bas{margin-bottom:.3rem}
.soru-l b{white-space:normal;text-align:right;line-height:1.25}
.soru-l li{font-size:clamp(1.0625rem,1.3vw,1.45rem)}
.yol.servis{padding-top:calc(var(--u)*.4)}
.yol.servis .ss-sol h2{font-size:calc(var(--u)*1.04);line-height:1.08}
.yol.servis .avr .ss-sol h2{font-size:calc(var(--u)*1.4)}
.yol.servis .ss-sol h2 span+span{margin-left:calc(var(--u)*.6)}
.yol.servis .ss-sol p{font-size:clamp(1.125rem,1.45vw,1.85rem);line-height:1.34;margin-top:calc(var(--u)*.4)}
.yol.servis .son-soz{margin-top:calc(var(--u)*.8)}
.son-soz.iki .ss-sol:first-child{grid-column:2/13}
.son-soz.iki .ss-sol+.ss-sol{grid-column:14/24}
.bilet.duz{margin-top:calc(var(--u)*1.3)}
.bilet.duz .b-kocan h2{font-size:calc(var(--u)*.98)}
.yol-link{padding:calc(var(--u)*.4) calc(var(--u)*1) 0;color:var(--kagit)}
.ss-sol .yol-link{padding:0}
.ss-sol .yol-kisa{color:var(--kagit)}
.dilekce.mektup{cursor:auto;min-height:0;transform:rotate(-1deg)}
.mektup figcaption{font-weight:700;color:#8A170A;margin-bottom:.7rem}
.mektup .makam{margin:0 0 .7rem;text-align:left}
.mk-tr{margin-top:1rem;padding-top:.7rem;border-top:3px dotted #1E1C2A}
.mk-tr .kim{margin:0 0 .3rem;font-family:var(--f-metin)}
.mk-tr .sonuc{font-size:clamp(1.3rem,1.7vw,2rem);margin:0 0 .6rem;color:var(--mor)}
.plakalar{position:relative;z-index:4;background:var(--lokum);color:var(--cam);--odak:var(--mor);padding:calc(var(--u)*1.5) calc(var(--u)*1.2) calc(var(--u)*1.7);display:grid;grid-template-columns:12fr 9fr;gap:calc(var(--u)*.7);align-items:start}
.levha h2{font:400 calc(var(--u)*1.08)/1.04 var(--f-tabela);word-spacing:.05em}
.plaka-a{--z:var(--kagit)}
.plaka-b{margin-top:calc(var(--u)*1.1)}
.plaka-b .t-link a{color:var(--safran);font-size:clamp(1.125rem,1.3vw,1.5rem)}
.plakalar .levha.l-teknik{margin-right:0;transform:rotate(-.5deg)}
.plakalar .levha.l-fiyat p:not(.boyali):not(.t-link){font-size:inherit;line-height:1.5}
.plakalar .boyali{color:var(--al-zemin)}
.plakalar .l-fiyat .boyali{color:var(--safran)}
.levha.duz{transform:none;margin-left:0;margin-right:0;padding-bottom:calc(var(--u)*.6)}
.levha.duz h3{font-size:calc(var(--u)*.96)}
.levha.duz p{font-size:clamp(1.125rem,1.39vw,1.625rem);line-height:1.45;max-width:none;font-weight:500}
.levha.duz .hayir{font:400 calc(var(--u)*1.5)/1 var(--f-tabela);color:inherit;text-shadow:none;margin:.3rem 0}
.levha.duz .boyali{font:400 clamp(1.5rem,2.1vw,2.6rem)/1.14 var(--f-afis);letter-spacing:.03em}
.l-bilgi.duz{display:block}
.l-dil.duz,.l-fiyat.duz{color:var(--kagit)}
.sorular.servis .s-sag{margin-top:calc(var(--u)*-.4)}
.sorular.servis .s-sag .levha:nth-child(even){margin-left:calc(var(--u)*1)}
.ilk-mesaj{position:relative;z-index:4;background:var(--lokum);padding:calc(var(--u)*1.4) calc(var(--u)*5) calc(var(--u)*1.6) calc(var(--u)*2.4);color:var(--cam);--odak:var(--mor)}
.ilk-mesaj .ilk-k{background:var(--defter);color:#1F2A3A;padding:calc(var(--u)*.7) calc(var(--u)*1);transform:rotate(-.6deg)}
.ilk-mesaj h2{font:400 calc(var(--u)*1.5)/1.04 var(--f-tabela);color:var(--cam)}
.ilk-mesaj ul{margin:calc(var(--u)*.3) 0}
.ilk-mesaj li{font:400 clamp(1.25rem,1.72vw,2.15rem)/2 var(--f-el);color:var(--mor);border-bottom:2px solid var(--cizgi)}
.ilk-mesaj p{font-weight:600}
.giz-alan{background:var(--cam);padding:calc(var(--u)*1.1) calc(var(--u)*3) calc(var(--u)*2.4)}
.giz{background:var(--kagit);color:#1E1C2A;--odak:var(--mor);padding:calc(var(--u)*.9) calc(var(--u)*1.3);max-width:980px;margin:0 auto;font:400 clamp(1rem,1.15vw,1.2rem)/1.5 var(--f-daktilo)}
.giz-uy{font-weight:700;color:#8A170A;margin-bottom:1rem}
.mad{margin-top:1.5rem}
.mad h2{font:400 clamp(1.6rem,2.2vw,2.5rem)/1.1 var(--f-tabela);color:var(--cam);margin-bottom:.5rem}
.mad p{margin-top:.6rem}
.mad ul{list-style:none;margin:.5rem 0}
.mad li{padding:.2rem 0 .2rem 1.2em;text-indent:-1.2em}
.mad li::before{content:"- "}
.mad a{font-weight:700;display:inline-flex;align-items:center;min-height:44px}
.ss-sol .yol-kisa a{display:inline-flex;align-items:center;min-height:44px;line-height:1.1}
.bos{background:var(--safran);color:#1E1C2A;padding:0 .25em;font-weight:700}
.tarih{margin-top:1.5rem}
.afis.yok-bas{padding-bottom:calc(var(--u)*2.4);min-height:calc(100vh - 220px)}
.yok-l{margin-top:calc(var(--u)*.6);font-weight:600}
.yok-l a{display:inline-flex;align-items:center;min-height:44px;text-decoration-thickness:2px;text-underline-offset:4px}
.gizli-bas .chapeau{max-width:calc(var(--u)*11)}
@media (max-width:899px){
  .afis.kucuk{padding:0 var(--g) 22px;min-height:0}
  .afis.kucuk .gunes{width:60vw;right:-24vw;top:-40vw}
  .afis.kucuk h1{font-size:min(9.7vw,4.6rem);margin:22px 0 0;line-height:1.08}
  .afis.kucuk .chapeau{margin-top:12px;max-width:none}
  .casus.servis{padding-top:18px}
  .casus.servis .kibrit{margin-top:0}
  .k-alt .k-h{font-size:min(9.4vw,2.9rem);line-height:1.02}
  .buyuk-h{font-size:min(9.4vw,3rem);margin-bottom:10px}
  .fark-l{margin-top:12px}
  .fark-l li{font-size:1.0625rem}
  .fark-l b{font-size:1.5rem}
  .casus.tek-sutun{padding:18px var(--g) 30px}
  .tarife.tek .t-dev{font-size:20vw}
  .tarife.sol{margin:0 -16px -30px}
  .tur{padding:12px 0 10px}
  .mesela.servis{padding-bottom:30px}
  .mesela.servis .m-sol h2{font-size:min(9.6vw,3.4rem);padding-left:var(--g);padding-right:var(--g)}
  .m-son{padding:0 var(--g) 14px;font-size:min(7.4vw,2.4rem)}
  .is-liste .fisler{gap:10px;margin:0 8px 0 0}
  .is-liste .fis:nth-child(even){margin:0 -8px 0 8px}
  .soru-l li{display:block;padding:.5rem 0}
  .soru-l i{display:none}
  .soru-l span{display:block;font-weight:600}
  .soru-l b{display:block;text-align:left;font-size:.9375rem}
  .yol.servis{padding-top:6px}
  .yol.servis .son-soz{margin-top:18px}
  .yol.servis .ss-sol h2,.yol.servis .avr .ss-sol h2{font-size:min(8vw,3.6rem)}
  .yol.servis .ss-sol h2 span+span{margin-left:14px}
  .yol.servis .ss-sol p{font-size:1.0625rem;margin-top:10px}
  .son-soz.iki .ss-sol+.ss-sol{margin-top:26px}
  .bilet.duz{margin-top:22px}
  .bilet.duz .b-kocan h2{font-size:min(10.6vw,4rem)}
  .yol-link{padding:10px var(--g) 0}
  .dilekce.mektup{padding:20px;transform:rotate(-.6deg)}
  .plakalar{display:block;padding:22px var(--g) 28px}
  .levha h2{font-size:min(8.2vw,2.5rem)}
  .plaka-b{margin-top:16px}
  .levha.duz h3{font-size:min(8.4vw,2.4rem)}
  .levha.duz p{font-size:1.0625rem}
  .levha.duz .hayir{font-size:min(11vw,3rem)}
  .levha.duz .boyali{font-size:1.5rem}
  .levha.duz.l-bilgi{padding-right:20px}
  .sorular.servis .s-sag{margin-top:0}
  .sorular.servis .s-sag .levha:nth-child(even){margin-left:0}
  .levha.duz{margin-right:0;margin-left:0}
  .ilk-mesaj{padding:22px 10px 28px}
  .ilk-mesaj .ilk-k{padding:18px 16px;transform:none}
  .ilk-mesaj h2{font-size:min(9.4vw,3rem)}
  .ilk-mesaj li{font-size:1.0625rem;line-height:2.4}
  .giz-alan{padding:14px 8px 26px}
  .giz{padding:20px 16px;font-size:1rem}
  .mad h2{font-size:1.625rem}
  .yok-l{margin-top:16px}
}
@media (max-width:899px) and (min-width:600px){
  .afis.kucuk .gunes{width:24vw;right:-8vw;top:-18vw}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
@media print{.nokta-dugme{display:none}}