/* V6 — Montfort sakinligi x Oryzo urun kurgusu. Tek yazi ailesi (Jost), sis beyazi + DABCO laciverti, yalniz kilavuz tutamaclarinda amber. */
:root{
  /* ANA YASA TASARIM KURALI (2026-10-13): header/footer 1920 px, tum bolumler 1536 px.
     Arka planlar tam genislik kalir; icerik dolgusu bu degiskenlerden gelir. */
  --gx:clamp(20px,5vw,80px);
  --px:max(var(--gx),calc((100vw - 1536px) / 2 + var(--gx)));
  --hx:max(var(--gx),calc((100vw - 1920px) / 2 + var(--gx)));

  --mist:#e9eef2;--mist2:#dde5ec;--paper:#f5f7f9;--ink:#0f2440;--navy:#17427d;--steel:#5d7189;--night:#0a1320;--night2:#111d2e;--amber:#e39b35;
  --line:rgba(23,66,125,.16);--f:"Jost","Futura","Century Gothic",system-ui,sans-serif;--hh:72px;
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--mist);color:var(--ink);font:400 17px/1.6 var(--f);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:400;line-height:1.08}
p{margin:0 0 1em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:200;background:var(--navy);color:#fff;padding:8px 14px}.skip:focus{left:8px}
:focus-visible{outline:1.5px solid var(--amber);outline-offset:3px}
.lab{display:block;font-size:12px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--steel);margin-bottom:16px}
.b{font-weight:500}
.small{font-size:13.5px;color:var(--steel)}

/* ust bar: Montfort gibi ince ve kucuk; koyu sahnelerde beyaz */
.hd{position:fixed;inset:0 0 auto 0;z-index:60;height:var(--hh);display:flex;align-items:center;gap:28px;padding-inline:var(--hx);color:var(--navy);transition:color .4s,background .4s}
.on-dark .hd{color:#fff}
.hd.solid{background:rgba(233,238,242,.86);backdrop-filter:blur(10px)}
.on-dark .hd.solid{background:rgba(10,19,32,.7)}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.logo span{font-weight:400;font-size:15px;letter-spacing:.42em}
.hd__nav{display:flex;gap:30px;margin-left:auto}
.hd__nav a{font-size:12.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;opacity:.78;transition:opacity .2s}
.hd__nav a:hover,.hd__nav a[aria-current]{opacity:1}
.hd__nav a[aria-current]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.hd__q{display:flex;align-items:center;gap:8px;background:none;border:1px solid currentColor;border-radius:999px;color:inherit;font:500 12px var(--f);letter-spacing:.16em;text-transform:uppercase;padding:8px 14px;cursor:pointer;opacity:.85}
.hd__q:hover{opacity:1}
.burger{display:none;width:40px;height:40px;background:none;border:0;color:inherit;position:relative;cursor:pointer}
.burger i{position:absolute;left:9px;right:9px;height:1.5px;background:currentColor;transition:.25s}
.burger i:first-child{top:16px}.burger i:last-child{top:23px}
.nav-open .burger i:first-child{top:20px;transform:rotate(45deg)}.nav-open .burger i:last-child{top:20px;transform:rotate(-45deg)}

/* ortak sahne */
.scene,.hero,.end,.heritage,.ih{position:relative;min-height:100svh;overflow:hidden;isolation:isolate}
.scene__media,.hero__media,.act__media,.pd__media,.divs__media{position:absolute;inset:0;z-index:-1}
.scene__media video,.hero__media video,.act__media video,.pd__media video,.film video,.mvv video{width:100%;height:100%;object-fit:cover}
.veil{position:absolute;inset:0}
.hero .veil{background:linear-gradient(180deg,rgba(233,238,242,.5) 0%,rgba(233,238,242,.12) 45%,rgba(233,238,242,.55) 100%)}
.veil--soft{background:linear-gradient(180deg,rgba(10,19,32,.35),rgba(10,19,32,.1) 40%,rgba(10,19,32,.55))}
.veil--dark{background:rgba(10,19,32,.5)}
.veil--mist{background:radial-gradient(60% 60% at 50% 50%,rgba(245,247,249,.35),rgba(233,238,242,.82) 75%)}
.veil--divs{background:linear-gradient(90deg,rgba(10,19,32,.78),rgba(10,19,32,.25) 70%)}
.say{position:absolute;margin:0;font-weight:300;font-size:clamp(19px,2.1vw,30px);line-height:1.34;letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}
.say--1{left:var(--px);bottom:clamp(64px,14vh,140px)}
.say--2{right:var(--px);top:clamp(110px,24vh,240px);text-align:right;font-size:clamp(15px,1.3vw,19px);letter-spacing:.12em;color:var(--steel)}
.say--c{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;width:min(92vw,900px)}
.big{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;text-align:center;color:#fff;font-weight:300;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(44px,8.6vw,140px);line-height:1;width:100%}
.cue{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--navy);font-size:11px;letter-spacing:.3em;text-transform:uppercase}
.cue i{width:34px;height:34px;border:1px solid currentColor;border-radius:50%;position:relative}
.cue i::after{content:"";position:absolute;left:50%;top:9px;width:1px;height:12px;background:currentColor;animation:cue 2.2s ease-in-out infinite}
@keyframes cue{0%{transform:translateY(-4px);opacity:0}40%{opacity:1}100%{transform:translateY(6px);opacity:0}}
.ih .cue{color:#fff}

/* hero */
.hero__brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:clamp(14px,2vw,28px);color:var(--navy)}
.hero__brand svg{width:clamp(40px,5vw,72px);height:auto}
.hero__brand h1{font-weight:300;font-size:clamp(44px,7.4vw,112px);letter-spacing:.42em;margin-right:-.42em;line-height:1}

/* 360 AF sahnesi (Oryzo) */
.act{position:relative;background:var(--mist)}
.act__pin{position:relative;height:100svh;overflow:hidden;isolation:isolate}
.guides{position:absolute;left:58%;top:52%;width:min(74vh,600px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
.guides svg{width:100%;height:100%;overflow:visible}
.g{fill:none;stroke:var(--navy);stroke-width:1;opacity:.35;vector-effect:non-scaling-stroke}
.g--i{stroke-dasharray:3 6}
.hdl rect{fill:var(--mist);stroke:var(--amber);stroke-width:1.4;vector-effect:non-scaling-stroke}
.prod{position:absolute;left:58%;top:52%;width:min(50vh,410px);aspect-ratio:476/681;transform:translate(-50%,-50%);margin:0}
.prod img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.prod__c{filter:drop-shadow(0 40px 40px rgba(15,36,64,.25))}
.act__t{position:absolute;margin:0}
.act__t--a{left:var(--px);top:clamp(120px,22vh,220px);max-width:min(30vw,440px)}
.act__t h2,.dark__head h2{font-weight:500;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(32px,3.8vw,60px);line-height:.98;color:var(--ink)}
.act__t--b{right:var(--px);bottom:clamp(56px,11vh,110px);max-width:300px;font-size:16px;color:var(--steel)}
.act__t--c{left:var(--px);bottom:clamp(60px,14vh,140px);font-weight:500;text-transform:uppercase;font-size:clamp(26px,3vw,44px);line-height:1.05;color:var(--ink)}
.act__t--c span{display:block;font-weight:400;text-transform:none;font-size:16px;color:var(--steel);margin-top:12px;letter-spacing:0}
.spec{list-style:none;margin:0;padding:0}
.spec li{position:absolute;display:flex;flex-direction:column;gap:2px;padding-left:16px;border-left:1px solid var(--amber)}
.spec b{font-weight:500;font-size:clamp(20px,1.8vw,28px);color:var(--ink);font-variant-numeric:tabular-nums}
.spec span{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel)}
.spec--1{left:var(--px);top:56%}.spec--2{left:var(--px);top:70%}
.spec--3{left:calc(58% + min(37vh,300px) + 16px);top:30%}.spec--4{left:calc(58% + min(37vh,300px) + 16px);top:48%}
.parts{position:absolute;inset:0;pointer-events:none}
.part{position:absolute;margin:0;width:min(20vh,170px);display:flex;flex-direction:column;align-items:center;gap:6px}
.part img{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(15,36,64,.22))}
.part figcaption{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);text-align:center;line-height:1.35}
.part figcaption b{display:block;color:var(--ink);font-weight:500;letter-spacing:.06em;font-size:13px}
.part--0{left:56%;top:10%}.part--1{left:70%;top:34%}.part--2{left:64%;top:60%}.part--3{left:78%;top:64%}

/* vakum pompalari — koyu perde */
.dark{position:relative;background:var(--night);color:#fff;padding-top:clamp(96px,14vh,160px);overflow:hidden}
.dark__head{padding-inline:var(--px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:24px;align-items:end}
.dark__head .lab{grid-column:1/-1;color:#9fb2c9}
.dark__head h2{color:#fff}
.dark__head p{color:#aebbcb;max-width:44ch;margin:0}
.rail{padding-block:clamp(48px,8vh,96px) clamp(80px,12vh,140px)}
.rail__t{display:flex;gap:clamp(16px,2vw,28px);padding-inline:var(--px);width:max-content;will-change:transform}
.pump{flex:0 0 clamp(250px,24vw,340px);display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#fff}
.pump__fig{position:relative;aspect-ratio:1;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(120,160,215,.22),rgba(10,19,32,0) 70%);margin-bottom:10px}
.pump__fig img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain;transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.pump__l{filter:invert(1) brightness(1.6);opacity:.9}
.pump__c{opacity:0;transform:scale(.96)}
.pump:hover .pump__c,.pump.real .pump__c{opacity:1;transform:none}
.pump:hover .pump__l,.pump.real .pump__l{opacity:0}
.pump__no{font-weight:500;font-size:clamp(26px,2.4vw,34px);letter-spacing:.04em}
.pump__t{font-size:14px;color:#aebbcb;line-height:1.45}

/* test verisi */
.data{background:var(--paper);padding:clamp(96px,16vh,180px) var(--px);text-align:center}
.data__n{display:flex;justify-content:center;gap:clamp(32px,8vw,140px);flex-wrap:wrap;margin:20px 0 28px}
.data__n div{display:flex;flex-direction:column;align-items:center}
.data__n b{font-weight:300;font-size:clamp(88px,15vw,240px);line-height:.9;color:var(--navy);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.data__n span{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--steel);margin-top:8px}
.data__s{color:var(--steel);margin:0 auto;max-width:40ch}

/* filmler */
.films{background:var(--night)}
.film{position:relative;height:100svh;overflow:hidden;isolation:isolate;color:#fff}
.film video{position:absolute;inset:0;z-index:-2}
.film .veil{z-index:-1}
.film__t{position:absolute;left:var(--px);bottom:clamp(56px,12vh,120px);max-width:520px}
.film__t .lab{color:#c9d6e4}
.film__t h3{font-weight:300;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(40px,6vw,96px);line-height:1;margin-bottom:18px}
.film__t p{color:#d7e0ea;margin:0}
.films--2{display:grid;grid-template-columns:1fr 1fr}
.films--2 .film{height:70svh}

/* urun gruplari (Montfort bolumleri) */
.divs{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;color:#fff;display:flex;align-items:center}
.divs__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}
.divs__v.on{opacity:1}
.divs__in{padding:clamp(96px,14vh,160px) var(--px);width:100%}
.divs__in .lab{color:#c9d6e4}
.divs__l{list-style:none;margin:0;padding:0;max-width:760px}
.div{display:grid;grid-template-columns:48px 1fr;gap:4px 18px;padding:22px 0;border-top:1px solid rgba(255,255,255,.22);text-decoration:none;color:#fff}
.divs__l li:last-child .div{border-bottom:1px solid rgba(255,255,255,.22)}
.div__n{font-size:12px;letter-spacing:.2em;color:#9fb2c9;padding-top:12px}
.div__t{font-weight:300;font-size:clamp(32px,4.6vw,68px);text-transform:uppercase;letter-spacing:.08em;line-height:1.05;transition:transform .5s cubic-bezier(.2,.7,.2,1),letter-spacing .5s}
.div__d{grid-column:2;font-size:15px;color:#c9d6e4;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s,opacity .4s}
.div:hover .div__t,.div.on .div__t{transform:translateX(14px)}
.div:hover .div__d,.div.on .div__d{max-height:60px;opacity:1}
.divs__p{position:absolute;right:var(--px);top:50%;width:min(36vh,300px);transform:translateY(-50%);margin:0;pointer-events:none}
.divs__p img{width:100%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5));transition:opacity .4s}

/* miras */
.heritage{display:flex;flex-direction:column;justify-content:center;gap:64px;padding:clamp(96px,14vh,160px) var(--px);color:#fff}
.years{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,64px)}
.years li{border-top:1px solid rgba(255,255,255,.4);padding-top:22px;display:flex;flex-direction:column;gap:12px}
.years b{font-weight:300;font-size:clamp(56px,7vw,112px);line-height:.9;letter-spacing:.02em}
.years span{color:#d7e0ea;max-width:30ch}
.cust{display:flex;flex-wrap:wrap;gap:12px 40px;font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:#c9d6e4}

/* kapanis */
.end{display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
.end__in{width:min(92vw,820px);display:flex;flex-direction:column;align-items:center;gap:28px}
.end h2{font-weight:300;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(34px,5.4vw,80px)}
.sf{position:relative;display:flex;align-items:center;gap:8px;width:100%;max-width:760px;border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:6px 6px 6px 26px;background:rgba(10,19,32,.25);backdrop-filter:blur(6px)}
.sf input{flex:1;min-width:0;background:none;border:0;outline:0;color:inherit;font:400 18px var(--f);letter-spacing:.04em;height:48px}
.sf input::placeholder{color:rgba(255,255,255,.7)}
.sf button,.btn{font:500 12.5px var(--f);letter-spacing:.2em;text-transform:uppercase;border:0;border-radius:999px;background:#fff;color:var(--navy);padding:0 24px;height:48px;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}
.sf__drop{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;background:#fff;color:var(--ink);border-radius:18px;overflow:hidden;text-align:left;box-shadow:0 30px 60px rgba(0,0,0,.25);display:none}
.sf__drop.on{display:block}
.end__c{display:flex;gap:14px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;margin:0}
.end__c a{text-decoration:none}

/* arama sonucu satiri (v5.js uretir) */
.hit{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 16px;color:var(--ink);text-decoration:none;border-top:1px solid var(--line)}
.hit:first-child{border-top:0}
.hit img{width:52px;height:52px;object-fit:contain;background:var(--mist);border-radius:50%;padding:5px}
.hit b{display:block;font-weight:500;letter-spacing:.04em}
.hit small{display:block;color:var(--steel);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hit em{font-style:normal;font-weight:500;font-size:13px;letter-spacing:.06em;color:var(--navy);border:1px solid var(--line);border-radius:999px;padding:4px 10px;white-space:nowrap}
.hit:hover,.hit.sel{background:var(--mist)}
.nohit{padding:16px;color:var(--steel);font-size:14.5px}
mark{background:#ffe7b8;color:inherit;padding:0 1px}
.sx{width:min(720px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 80px));margin:12vh auto auto;padding:0;border:0;border-radius:22px;box-shadow:0 40px 100px rgba(10,19,32,.4);overflow:hidden;color:var(--ink);background:#fff}
.sx[open]{display:flex;flex-direction:column}
.sx::backdrop{background:rgba(10,19,32,.55);backdrop-filter:blur(4px)}
.sx__bar{display:flex;align-items:center;gap:12px;padding:0 14px 0 24px;border-bottom:1px solid var(--line)}
.sx__bar input{flex:1;height:64px;border:0;outline:0;font:400 19px var(--f);letter-spacing:.03em;color:var(--ink);min-width:0}
.sx__esc{font:500 11px var(--f);letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:none;color:var(--steel);cursor:pointer}
.sx__res{overflow:auto;flex:1}

/* ic sayfalar */
.ih{min-height:78svh;display:flex;align-items:flex-end;color:#fff}
.ih__in{padding:0 var(--px) clamp(72px,12vh,120px);max-width:980px}
.ih .lab{color:#d7e0ea}
.ih h1{font-weight:300;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(46px,8vw,124px);line-height:.95;margin-bottom:20px}
.ih p{font-size:clamp(16px,1.4vw,20px);color:#e6edf4;max-width:52ch;margin:0}
.pg{padding:clamp(64px,10vh,120px) var(--px);display:flex;flex-direction:column;gap:clamp(64px,10vh,112px)}
.grp__h{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:32px}
.grp__h .lab{margin:0}
.grp__h h2{font-weight:300;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(30px,3.6vw,52px)}
.grp__h h2 a{text-decoration:none}
.grp__h p{color:var(--steel);margin:0;font-size:15.5px}
.pls{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(20px,3vw,40px)}
.pl{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--ink)}
.pl__fig{position:relative;aspect-ratio:1;background:radial-gradient(50% 50% at 50% 52%,#fff,var(--mist2) 75%);border-radius:50%}
.pl__fig img{position:absolute;inset:14%;width:72%;height:72%;object-fit:contain;transition:opacity .6s,transform .8s cubic-bezier(.2,.7,.2,1)}
.pl__c{opacity:1}
.pl__l{opacity:0}
.pl:hover .pl__c{opacity:0;transform:scale(.97)}
.pl:hover .pl__l{opacity:1}
.pl__fig:not(:has(.pl__l)) .pl__c,.pl:hover .pl__fig:not(:has(.pl__l)) .pl__c{opacity:1;transform:none}
.pl__b{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);padding-top:12px}
.pl__no{font-weight:500;font-size:22px;letter-spacing:.04em}
.pl__t{font-size:14.5px}
.pl__a{font-size:13.5px;color:var(--steel);line-height:1.45}
.pd{position:relative;height:100svh;min-height:640px;overflow:hidden;isolation:isolate}
.pd .crumbs{position:absolute;left:var(--px);top:calc(var(--hh) + 18px);display:flex;gap:10px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel)}
.pd .crumbs a{text-decoration:none}.pd .crumbs i{font-style:normal;opacity:.5}
.prod--pd{width:min(56vh,460px);aspect-ratio:1}
.guides--pd{width:min(74vh,600px)}
.pd__t{position:absolute;left:var(--px);bottom:clamp(48px,10vh,96px)}
.pd__t h1{font-weight:400;font-size:clamp(56px,9vw,150px);letter-spacing:.02em;line-height:.9;color:var(--ink)}
.pd__t p{margin:12px 0 0;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--steel)}
.pdx{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.pdx__a{position:sticky;top:calc(var(--hh) + 24px)}
.lead{font-size:clamp(19px,1.8vw,26px);font-weight:300;line-height:1.4;color:var(--ink)}
.pdx__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.btn{background:var(--navy);color:#fff}
.btn--l{background:transparent;color:var(--navy);border:1px solid var(--navy)}
.h3{font-weight:500;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--steel);margin:36px 0 12px}
.pdx__b .h3:first-child{margin-top:0}
.h2{font-weight:300;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(26px,3vw,40px);margin-bottom:20px}
.kv{width:100%;border-collapse:collapse;font-size:15.5px}
.kv th{text-align:left;font-weight:400;color:var(--steel);padding:12px 16px 12px 0;width:42%;border-top:1px solid var(--line);vertical-align:top}
.kv td{padding:12px 0;border-top:1px solid var(--line);font-weight:500}
.kv--x td{display:flex;flex-wrap:wrap;gap:8px}
.ref{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:3px 4px 3px 12px;font-size:14px;letter-spacing:.04em}
.cp{width:26px;height:26px;border:0;background:none;color:var(--steel);border-radius:50%;cursor:pointer;font-size:13px}
.cp:hover{background:var(--mist2);color:var(--navy)}.cp.ok{color:#11734a}
.st{max-width:980px}
.stmt{font-weight:300;font-size:clamp(26px,3.4vw,48px);line-height:1.22;letter-spacing:.01em;color:var(--navy);margin-bottom:32px}
.stx{font-size:17.5px;color:var(--ink);max-width:64ch}
.mvv{position:relative;min-height:80svh;overflow:hidden;isolation:isolate;color:#fff;display:flex;align-items:center;margin-inline:calc(var(--px) * -1)}
.mvv video{position:absolute;inset:0;z-index:-2}.mvv .veil{z-index:-1}
.mvv__in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);padding:clamp(64px,10vh,120px) var(--px)}
.mvv .lab{color:#c9d6e4}
.mvv p{font-weight:300;font-size:clamp(20px,2vw,28px);line-height:1.35;margin:0}
.cust--l{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:14px 48px;font-size:clamp(18px,2vw,26px);font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}
.tools{list-style:none;padding:0;margin:40px 0 0;border-top:1px solid var(--line)}
.tools li{display:flex;gap:28px;padding:18px 0;border-bottom:1px solid var(--line);font-size:clamp(18px,1.8vw,24px);font-weight:300}
.tools span{font-size:12px;letter-spacing:.2em;color:var(--amber);padding-top:7px}
.stds{list-style:none;padding:0;margin:0 0 48px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.stds li{background:var(--paper);padding:22px;display:flex;flex-direction:column;gap:6px}
.stds b{font-weight:500;font-size:19px;letter-spacing:.04em}.stds span{color:var(--steel);font-size:14.5px}
.pol{padding-left:22px;max-width:70ch}.pol li{margin:10px 0}
.ct{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:start}
.ct__i{display:flex;flex-direction:column;gap:26px}
.ct__i a,.ct__i p{font-weight:300;font-size:clamp(20px,2vw,28px);text-decoration:none;color:var(--navy);margin:0}
.ct__i p{font-size:18px}
.map{aspect-ratio:4/3;overflow:hidden;border:1px solid var(--line)}.map iframe{width:100%;height:100%;border:0;display:block}
.form{display:flex;flex-direction:column;gap:18px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--steel)}
.form input,.form select,.form textarea,.filter{font:400 17px var(--f);color:var(--ink);background:transparent;border:0;border-bottom:1px solid rgba(23,66,125,.35);padding:10px 0;min-height:44px;width:100%;border-radius:0}
.form :is(input,select,textarea):focus,.filter:focus{outline:0;border-bottom-color:var(--navy)}
.form .btn{align-self:flex-start}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pg--w .sf{border-color:rgba(23,66,125,.35);background:#fff;color:var(--ink);backdrop-filter:none}
.pg--w .sf input::placeholder{color:var(--steel)}
.pg--w .sf button{background:var(--navy);color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.chip{font:500 12px var(--f);letter-spacing:.16em;text-transform:uppercase;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--navy);cursor:pointer}
.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.count{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--steel)}
.tw{overflow-x:auto;border-top:1px solid var(--navy)}
.tb{width:100%;border-collapse:collapse;font-size:15px}
.tb th{text-align:left;font-weight:500;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--steel);padding:14px 16px 14px 0;border-bottom:1px solid var(--line)}
.tb td{padding:12px 16px 12px 0;border-bottom:1px solid var(--line)}
.tb a{text-decoration:none;color:var(--navy);font-weight:500}
.empty{padding:24px 0;color:var(--steel)}
.filter{max-width:420px;margin-bottom:16px}
.sps{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;margin-bottom:48px}
.sp{margin:0}.sp img{width:100%;aspect-ratio:1;object-fit:contain;padding:14%;background:radial-gradient(50% 50% at 50% 52%,#fff,var(--mist2) 75%);border-radius:50%}
.sp figcaption{font-size:13.5px;text-align:center;margin-top:10px;color:var(--steel)}

/* footer — diffevs.com ile ayni olculer */
.foot{background:var(--night);color:#c9d4e4;--faint:#8592a8;padding:64px var(--px) 28px}
.foot__inner{display:flex;flex-direction:column;gap:48px}
.foot__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr auto;gap:32px}
.logo--f{color:#fff}.logo--f span{font-size:17px}
.foot__s{margin-top:14px;color:var(--faint);font-size:14.5px;max-width:30ch}
.foot h4{font-weight:500;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin:0 0 14px}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14.5px}
.foot ul a{color:#c9d4e4;text-decoration:none}.foot ul a:hover{color:#fff}
.foot__holding{display:block;white-space:nowrap;width:max-content;justify-self:end;align-self:start;margin:0;color:var(--faint);font-size:.74415rem;letter-spacing:.01em}
.foot__yk{display:inline-block;height:34.85px;width:auto;opacity:1;vertical-align:-12.63px;margin:0 .5em}
.foot__row{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;color:var(--faint);font-size:.875rem;border-top:1px solid #1e2c44;padding-top:24px}
.foot__row>span{display:inline-flex;align-items:center}
.foot__pw{display:inline-flex;align-items:center;gap:.45em;font-size:7.94px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);opacity:.75;text-decoration:none;transition:opacity .2s}
.foot__pw:hover{opacity:1}
.foot__pw img{height:11.34px;width:auto;display:block}
.vswitch{position:fixed;right:16px;bottom:16px;z-index:70;display:flex;align-items:center;gap:2px;padding:4px;background:rgba(10,19,32,.86);border-radius:999px;font:500 12px/1 var(--f);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.vswitch span{color:#9aa4b2;padding:0 8px 0 10px;letter-spacing:.12em;text-transform:uppercase;font-size:10.5px}
.vswitch a{color:#fff;text-decoration:none;padding:8px 10px;border-radius:999px}
.vswitch a[aria-current]{background:#fff;color:var(--navy)}

/* acilis durumlari: yalniz JS calisirken gizli; .ready ya da GSAP acar */
.js:not(.ready) .say,.js:not(.ready) .big,.js:not(.ready) .act__t,.js:not(.ready) .spec li,.js:not(.ready) .part{opacity:0}
.js:not(.ready) .prod__c{opacity:0}
.js:not(.ready) .prod__l{clip-path:inset(0 0 100% 0)}
.ready .prod__l{opacity:0}
.js:not(.ready) .hero__brand{opacity:0}

/* duyarli */
@media (max-width:1100px){.foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot__holding{justify-self:start;grid-column:1/-1}.stds{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
  .burger{display:block;margin-left:auto}
  .hd{background:rgba(233,238,242,.9);backdrop-filter:blur(8px)}
  .on-dark .hd{background:rgba(10,19,32,.72)}
  .say--2{display:none}
  .hero__brand h1{letter-spacing:.3em;margin-right:-.3em}
  .hd__q span{display:none}
  .hd__nav{position:fixed;inset:var(--hh) 0 auto 0;flex-direction:column;gap:0;margin:0;padding:12px 20px 28px;background:var(--mist);color:var(--navy);display:none}
  .nav-open .hd__nav{display:flex}
  .hd__nav a{padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}
  .say--2{top:auto;bottom:clamp(170px,30vh,260px);left:var(--px);text-align:left}
  .act__pin{height:auto;min-height:100svh;padding:110px 16px 64px;display:flex;flex-direction:column;gap:28px}
  .act__t,.spec li,.act__t--b,.act__t--c{position:static}
  .guides{display:none}
  .prod{position:relative;left:auto;top:auto;transform:none;margin:0 auto;width:min(70vw,320px)}
  .spec{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .parts{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .part{position:static;width:auto}
  .dark__head{grid-template-columns:1fr}
  .rail{overflow-x:auto;scroll-snap-type:x mandatory}
  .pump{scroll-snap-align:start;flex-basis:70vw}
  .pump__c{opacity:1;transform:none}.pump__l{opacity:0}
  .years,.mvv__in,.pdx,.ct,.g2,.films--2{grid-template-columns:1fr}
  .divs__p{display:none}
  .grp__h{grid-template-columns:1fr}
  .pdx__a{position:static}
  .pd{height:auto;min-height:100svh;padding:120px 16px 48px;display:flex;flex-direction:column;justify-content:flex-end;gap:24px}
  .pd .prod{position:relative;left:auto;top:auto;transform:none;margin:0 auto}
  .pd__t{position:static}
  .guides--pd{display:none}
}
@media (max-width:560px){.foot__grid{grid-template-columns:1fr}.foot__holding{white-space:normal;width:auto}.sf{padding-left:18px}.sf button{padding:0 16px}.stds{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.cue i::after{animation:none}*{transition:none!important}}

/* ARMAS · powered by DABCO (2026-10-05) */
.logo{gap:14px}
.logo__a{height:34px;width:auto}
.logo__p{display:flex;flex-direction:column;gap:4px;font-size:8.5px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;line-height:1}
.logo__p img{height:10px;width:auto}
.logo .lg-w{display:none}
.on-dark .hd .lg-n{display:none}.on-dark .hd .lg-w{display:block}
.logo--f .logo__a{height:44px}.logo--f .logo__p{color:#c9d4e4}.logo--f .logo__p img{height:12px}
.hero__brand{flex-direction:column;gap:clamp(16px,2.4vh,26px)}
.hero__brand h1{margin:0!important;letter-spacing:0!important;line-height:0}
.hero__armas{width:clamp(170px,19vw,300px);height:auto}
.hero__pw{display:flex;align-items:center;gap:12px;margin:0;font-size:12px;font-weight:500;letter-spacing:.3em;text-transform:uppercase}
.hero__pw img{height:clamp(13px,1.2vw,19px);width:auto}
.her__t{font-weight:300;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(36px,5.4vw,84px);line-height:1;margin:0}
.years{grid-template-columns:repeat(4,minmax(0,1fr))}
.soon{font-style:normal;font-size:11px;font-weight:500;letter-spacing:.2em;vertical-align:middle;margin-left:16px;padding:5px 10px;border:1px solid currentColor;border-radius:999px;opacity:.8}
.arch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.arch div{background:var(--paper);padding:28px;display:flex;flex-direction:column;gap:6px}
.arch img{height:44px;width:auto;align-self:flex-start;margin-bottom:14px}
.arch p{margin:0;color:var(--ink);font-size:15.5px}
.tb--perf th,.tb--perf td{text-align:center;padding-right:8px}
.tb--perf thead tr:first-child th{color:var(--navy);border-bottom:0}
@media (max-width:900px){.years,.arch{grid-template-columns:1fr 1fr}.logo__a{height:28px}.hero__pw{font-size:10px}}
@media (max-width:560px){.years,.arch{grid-template-columns:1fr}}
.logo__p{white-space:nowrap}
.div{padding:15px 0}
.div__t{font-size:clamp(26px,3.5vw,54px)}
.divs__in{padding-block:clamp(90px,12vh,130px) clamp(40px,6vh,72px)}
/* logo orani korunur: flex sutun icinde gerilmesin (2026-10-05 duzeltme) */
.logo__p{align-items:flex-start}
.logo img,.hero__pw img,.arch img{flex:none;max-width:none;width:auto;object-fit:contain}
.logo__p{letter-spacing:.14em;font-size:8px;gap:5px}
.logo__p img{height:13px}
.logo--f .logo__p img{height:15px}
.logo .logo__p{letter-spacing:.14em;font-size:8.5px;font-weight:500}
/* header logosu buyutuldu (2026-10-05) */
.hd .logo{gap:16px}
.hd .logo__a{height:46px}
.hd .logo .logo__p{font-size:10px;gap:6px}
.hd .logo__p img{height:16px}
@media (max-width:900px){.hd .logo__a{height:36px}.hd .logo .logo__p{font-size:8.5px;gap:4px}.hd .logo__p img{height:13px}}
/* marka mimarisi: uc logo ayni yukseklikte, oran korunur (kenar bosluklari kirpildi) */
.arch img{height:52px;width:auto;max-width:100%;object-fit:contain;margin-bottom:18px}
@media (max-width:900px){.arch img{height:42px}}
/* ARMAS logosu header/footer (2026-10-12) — oran ~1,8:1, DABCO yazi logosundan daha yuksek tutulur */
.logo__d{height:54px;width:auto;flex:none}
.logo .lg-w{display:none}
.on-dark .hd .lg-n{display:none}.on-dark .hd .lg-w{display:block}
.logo--f .logo__d{height:58px}
@media (max-width:900px){.hd .logo__d{height:42px}}
/* giris: ARMAS + DABCO catisi */
.hero__pw{display:block;text-align:center;font-weight:400;font-size:clamp(14px,1.25vw,18px);line-height:1.6;letter-spacing:.16em;text-transform:uppercase;color:var(--navy)}
.hero .cue{display:none}
/* ARMAS urunlerine hizli baglanti */
.aq{position:absolute;left:0;right:0;bottom:clamp(20px,4vh,40px);display:flex;align-items:center;gap:18px;padding-inline:var(--px)}
.aq__l{flex:none;font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--navy)}
.aq ul{list-style:none;margin:0;padding:0 0 4px;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}
.aq ul::-webkit-scrollbar{display:none}
.aq a{display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;background:rgba(245,247,249,.78);border:1px solid rgba(23,66,125,.18);text-decoration:none;color:var(--ink);white-space:nowrap;transition:background .2s,border-color .2s}
.aq a:hover,.aq a:focus-visible{background:#fff;border-color:var(--navy)}
.aq img{width:40px;height:40px;object-fit:contain;border-radius:50%;background:#fff;padding:3px}
.aq b{display:block;font-weight:500;font-size:13px;letter-spacing:.04em}
.aq small{display:block;font-size:11.5px;color:var(--steel)}
@media (max-width:900px){.aq{flex-direction:column;align-items:flex-start;gap:8px}.aq ul{max-width:100%}}
/* vakum pompasi rayi: son kart da ortaya gelebilsin */
/* son kart sag kenara kadar gelir; fazladan bosluk yok (renklenme noktasi JS'te) */
.rail__t{padding-right:var(--px)}
.aq{bottom:clamp(64px,9vh,88px)}
.aq li{flex:none}
.aq ul{padding-right:24px;mask-image:linear-gradient(90deg,#000 92%,transparent)}

/* ===== INTRO: ARMAS sahneye gelir, DABCO belirir (2026-10-05) ===== */
.intro{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center}
.intro .veil{background:radial-gradient(60% 55% at 50% 48%,rgba(240,244,247,.86),rgba(233,238,242,.5) 60%,rgba(233,238,242,.28))}
.intro__stage{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(96px,13vh,130px) 16px clamp(80px,11vh,110px);color:var(--navy)}
.intro__a,.intro__d{display:flex;flex-direction:column;align-items:center}
.intro__y{font-size:11.5px;font-weight:500;letter-spacing:.34em;color:var(--steel);margin-bottom:14px}
.intro h1{margin:0;line-height:0}
.intro__armas{width:clamp(150px,14vw,230px);height:auto}
.intro__dabco{height:clamp(28px,3vw,44px);width:auto}
.intro__c1,.intro__c2{font-size:clamp(12px,1vw,14.5px);font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin:16px 0 0;color:var(--navy)}
.intro__ln{display:block;width:1px;height:clamp(30px,5vh,56px);margin:clamp(16px,2.6vh,26px) 0;background:linear-gradient(var(--navy),rgba(23,66,125,.2));transform-origin:top}
.intro__m{font-weight:300;font-size:clamp(24px,2.7vw,42px);line-height:1.15;letter-spacing:.02em;margin:clamp(22px,3.4vh,36px) 0 0;color:var(--ink)}
.intro__m span{display:block;font-size:clamp(13.5px,1.05vw,16px);font-weight:400;line-height:1.65;color:var(--steel);max-width:54ch;margin:14px auto 0;letter-spacing:0}
.cue--intro{color:var(--navy)}

/* ===== ARMAS urunleri: premium kisayol kartlari ===== */
.armas{position:relative;background:var(--paper);padding:clamp(96px,14vh,160px) var(--px)}
.armas__h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:20px 48px;align-items:end;margin-bottom:clamp(40px,6vh,64px)}
.armas__h .lab{grid-column:1/-1;margin:0}
.armas__h h2{font-weight:500;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(32px,4vw,64px);line-height:.98;color:var(--ink)}
.armas__h p{margin:0;color:var(--steel);font-size:16px;max-width:46ch}
.acs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.acs li{grid-column:span 3}
.acs li:nth-child(-n+3){grid-column:span 4}
.ac{position:relative;display:flex;flex-direction:column;height:100%;padding:20px 22px 22px;background:#fff;border:1px solid var(--line);border-radius:22px;text-decoration:none;color:var(--ink);overflow:hidden;transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s,border-color .3s}
.ac::after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.ac:hover,.ac:focus-visible{transform:translateY(-6px);box-shadow:0 34px 70px rgba(15,36,64,.13);border-color:rgba(23,66,125,.32)}
.ac:hover::after,.ac:focus-visible::after{transform:none}
.ac__top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ac__mk{height:22px;width:auto;flex:none}
.ac__grp{font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--steel)}
.ac__fig{position:relative;aspect-ratio:4/3;margin:16px 0 18px;border-radius:16px;background:radial-gradient(42% 52% at 50% 54%,#fff 0%,#eef2f6 60%,#e6ecf1 100%)}
.acs li:nth-child(-n+3) .ac__fig{aspect-ratio:16/10}
.ac__fig img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;transition:opacity .6s,transform .9s cubic-bezier(.2,.7,.2,1)}
.ac__c{filter:drop-shadow(0 18px 22px rgba(15,36,64,.18))}
.ac__l{opacity:0}
.ac:hover .ac__fig:has(.ac__l) .ac__c{opacity:0;transform:scale(.97)}
.ac:hover .ac__l{opacity:1}
.ac:hover .ac__fig:not(:has(.ac__l)) .ac__c{transform:scale(1.04)}
.ac__no{font-weight:500;font-size:clamp(26px,2.3vw,36px);letter-spacing:.02em;line-height:1}
.ac__t{font-size:14.5px;margin-top:10px}
.ac__s{font-size:13px;line-height:1.5;color:var(--steel);margin-top:4px;flex:1}
.ac__go{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:11.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--navy)}
.ac__go i{font-style:normal;transition:transform .35s}
.ac:hover .ac__go i{transform:translateX(6px)}
.armas__all{display:flex;flex-wrap:wrap;gap:12px 32px;margin:40px 0 0;font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}
.armas__all a{color:var(--navy);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
@media (max-width:1100px){.acs{grid-template-columns:repeat(2,minmax(0,1fr))}.acs li,.acs li:nth-child(-n+3){grid-column:auto}.acs li:nth-child(-n+3) .ac__fig{aspect-ratio:4/3}}
@media (max-width:900px){.armas__h{grid-template-columns:1fr}}
@media (max-width:520px){.acs{grid-template-columns:1fr}}
.intro .veil{background:radial-gradient(62% 62% at 50% 56%,rgba(242,245,248,.93),rgba(236,240,244,.72) 58%,rgba(233,238,242,.32))}
.intro__m span{color:#3b4f68}
@media (min-width:901px) and (max-height:1000px){
  .intro__stage{padding-top:96px;padding-bottom:64px}
  .intro__armas{width:clamp(130px,11vw,180px)}
  .intro__ln{height:28px;margin:14px 0}
  .intro__y{margin-bottom:8px}
  .intro__c1,.intro__c2{margin-top:10px}
  .intro__m{margin-top:20px;font-size:clamp(22px,2.3vw,34px)}
}

/* ===== ARMAS vitrin: editoryal liste + tek urunluk sahne (kartlar kaldirildi) ===== */
.ash{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,96px);align-items:center}
.ars{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ar{display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:6px 18px;padding:20px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:padding .5s cubic-bezier(.2,.7,.2,1),color .3s}
.ar__n{font-size:11.5px;font-weight:500;letter-spacing:.2em;color:var(--steel)}
.ar__th{display:none}
.ar__no{display:block;font-weight:300;font-size:clamp(24px,2.5vw,40px);letter-spacing:.06em;line-height:1.05;text-transform:uppercase}
.ar__no em{font-style:normal;font-size:.42em;font-weight:500;letter-spacing:.26em;vertical-align:.55em;margin-right:.3em;color:var(--steel)}
.ar__s{display:block;margin-top:6px;font-size:13.5px;color:var(--steel);max-height:0;opacity:0;overflow:hidden;transition:max-height .5s,opacity .4s}
.ar__go{font-size:20px;color:var(--navy);opacity:0;transform:translateX(-10px);transition:.4s}
.ar.on,.ar:hover,.ar:focus-visible{padding-left:16px;color:var(--navy)}
.ar.on .ar__s,.ar:hover .ar__s,.ar:focus-visible .ar__s{max-height:44px;opacity:1}
.ar.on .ar__go,.ar:hover .ar__go,.ar:focus-visible .ar__go{opacity:1;transform:none}
.as{position:relative;aspect-ratio:1;max-height:76vh;justify-self:center;width:100%;max-width:640px}
.as__g{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.as__g circle,.as__g line{fill:none;stroke:var(--navy);stroke-width:1;opacity:.22;vector-effect:non-scaling-stroke}
.as__g .d{stroke-dasharray:3 7}
.as::before{content:"";position:absolute;inset:14%;border-radius:50%;background:radial-gradient(closest-side,#fff,rgba(255,255,255,0));opacity:.9}
.as__fig{position:absolute;inset:12%}
.as__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.94) translateY(12px);filter:drop-shadow(0 34px 40px rgba(15,36,64,.22));transition:opacity .7s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.as__img.on{opacity:1;transform:none}
.as__caps{position:absolute;left:0;right:0;bottom:-4%;height:40px}
.as__cap{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;white-space:nowrap;text-decoration:none;color:var(--navy);opacity:0;pointer-events:none;transition:opacity .5s}
.as__cap.on{opacity:1;pointer-events:auto}
.as__cap b{font-weight:500;font-size:15px;letter-spacing:.08em}
.as__cap span{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:8px 16px;transition:background .3s,color .3s}
.as__cap:hover span{background:var(--navy);color:#fff}
@media (max-width:900px){
  .ash{grid-template-columns:1fr}
  .as{display:none}
  .ar{grid-template-columns:64px minmax(0,1fr) 20px;padding:14px 0}
  .ar__n{display:none}
  .ar__th{display:block;width:64px;height:64px;border-radius:50%;background:radial-gradient(closest-side,#fff,#e6ecf1)}
  .ar__th img{width:100%;height:100%;object-fit:contain;padding:6px}
  .ar__s{max-height:none;opacity:1}
  .ar__go{opacity:1;transform:none}
}

.foot__ykl{display:inline;text-decoration:none;border:0}
.foot__ykl .foot__yk{transition:opacity .22s cubic-bezier(.16,1,.3,1)}
.foot__ykl:hover .foot__yk,.foot__ykl:focus-visible .foot__yk{opacity:.68} /* diffevs.com ile ayni (2026-10-13) */

/* 2026-10-07: 5 yillik tarihce (2021 YK) + iki lokasyon (Merkez, Fabrika) */
.years{grid-template-columns:repeat(5,minmax(0,1fr))}
.years b{font-size:clamp(44px,5vw,88px)}
.foot__ad b{display:block;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:11px;opacity:.7;margin-bottom:2px}
.foot__ad{line-height:1.5;max-width:28ch}
.loc{display:flex;flex-direction:column;gap:10px;padding-top:22px;border-top:1px solid var(--line)}
.ct__i .loc p{font-size:18px}
.loc .map{margin-top:8px;aspect-ratio:16/9}
@media (max-width:900px){.years{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.years{grid-template-columns:1fr}}
.prod--pd.prod--lr{width:min(40vh,330px)} /* kaynak gorsel dusuk cozunurluklu (AC 200) */

/* ANA YASA 1536 (2026-10-13): tam genislikte kalan ogeler 1536 kutusuna alindi; arka planlar tam genislik. */
.big{width:min(1536px,100%);padding-inline:var(--gx)}
.parts{left:max(0px,calc((100% - 1536px) / 2));right:max(0px,calc((100% - 1536px) / 2))}
.films--2{padding-inline:max(0px,calc((100% - 1536px) / 2))}
.films--2 .film__t{left:var(--gx)}