:root{--ac:#122b4b;--ac-d:#122b4b;--ac-tx:#fff;--ink:#122b4b;--ink2:#1d4273;--dk:#0a1a30;--dk-rgb:8,20,40;--ft-line:#1f3558;--tx:#3a4553;--mut:#647184;--line:#e1e5ea;--bg2:#f3f5f8}
body[data-brand=ramsa]{--ac:#111;--ac-d:#111;--ac-tx:#fff;--ink:#111;--ink2:#2b2b2b;--dk:#0a0a0a;--dk-rgb:10,10,10;--ft-line:#262626;--tx:#3d3d3d;--mut:#6b6b6b;--line:#e3e3e3;--bg2:#f4f4f4}
body[data-brand=ravmex]{--ac:#3d9be9;--ac-d:#1f6fb8;--ac-tx:#fff}
body[data-brand=eltravo]{--ac:#2b9bff;--ac-d:#0b63c9;--ac-tx:#04101c;--ink:#07131e;--ink2:#0f2b47;--dk:#050c14;--dk-rgb:5,12,20;--ft-line:#16283a;--tx:#3a4553;--mut:#647184;--line:#e1e5ea;--bg2:#f2f5f8}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--tx);font:17px/1.6 Barlow,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--ac-d)}a:hover{color:var(--ink)}
h1,h2,h3{color:var(--ink);line-height:1.12;margin:0;font-weight:600}
.wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px;z-index:99}.skip:focus{left:8px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 13px/1 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ac-d)}
.hero .eyebrow,.ph-head .eyebrow,.dark .eyebrow,.cta-band .eyebrow{color:var(--ac)}
.eyebrow:before{content:"";width:28px;height:2px;background:var(--ac)}
/* header */
#site-header{position:absolute;top:0;left:0;right:0;z-index:20;min-height:84px}
.hd{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px}
.hd .logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.hd .logo img{height:46px;width:auto}
.hd .logo span{font:600 13px/1.15 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.32em;color:#fff;text-transform:uppercase}
.hd nav{display:flex;align-items:center;gap:28px}
.hd nav a{color:#fff;text-decoration:none;font:500 15px/1 Barlow,sans-serif;padding:8px 0;border-bottom:2px solid transparent}
.hd nav a:hover,.hd nav a[aria-current=page]{border-color:var(--ac);color:#fff}
.hd .cta{background:var(--ac);color:var(--ac-tx)!important;padding:11px 18px;border:0;font-weight:600}
.hd .cta:hover{background:#fff;color:var(--ink)}
.hd .lang{color:#c8d3de;font-size:14px}.hd .lang a{color:#c8d3de;border:0;padding:4px}.hd .lang a[aria-current]{color:#fff;font-weight:600}
.solid #site-header,body.solid #site-header{position:relative;background:linear-gradient(90deg,var(--dk) 25%,var(--ink2) 80%)}
.menu-btn{display:none;background:none;border:1px solid rgba(255,255,255,.5);color:#fff;padding:8px 12px;font:600 14px Barlow,sans-serif}
/* hero */
.hero{position:relative;min-height:min(92vh,860px);display:flex;align-items:flex-end;color:#fff;background:var(--dk);overflow:hidden}
.hero .bg,.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.15) 35%,rgba(var(--dk-rgb),.85) 100%)}
.hero .in{position:relative;z-index:2;padding:0 0 96px;max-width:780px}
.hero h1{color:#fff;font:600 clamp(38px,5.6vw,72px)/1.04 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:-.005em;margin:18px 0 20px}
.hero p{font-size:20px;line-height:1.55;color:#dbe5ee;margin:0 0 32px;max-width:620px}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ac);color:var(--ac-tx);text-decoration:none;padding:15px 24px;min-height:48px;font:600 15px/1 Barlow,sans-serif;letter-spacing:.02em;border:0;cursor:pointer;transition:background .15s}
.btn:hover{background:var(--ac-d);color:#fff}
.btn.line{background:transparent;border:1px solid rgba(255,255,255,.7);color:#fff}.btn.line:hover{background:#fff;color:var(--ink)}
.btn.dark{background:var(--ink)}.btn.dark:hover{background:var(--ac-d)}
.certbar{background:var(--ink);color:#c8d3de;font-size:15px}
.certbar .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding-top:22px;padding-bottom:22px}
.certbar b{color:#fff;font-weight:600}
/* sections */
.sec{padding:110px 0}.sec.sm{padding:72px 0}
.bg2{background:var(--bg2)}
.dark{background:var(--ink);color:#c8d3de}.dark h2,.dark h3{color:#fff}
.h2{font:600 clamp(32px,3.6vw,48px)/1.08 "Barlow Semi Condensed",Barlow,sans-serif;margin:16px 0 18px}
.lead{font-size:20px;line-height:1.6;max-width:760px;margin:0}
.head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}
.head .lead{max-width:640px}
/* area cards */
.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.area{position:relative;display:block;overflow:hidden;min-height:460px;color:#fff;text-decoration:none;background:#111}
.area .n{display:block;font:600 15px/1 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.12em;color:var(--ac);margin-bottom:12px}
.flow{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:0;counter-reset:f}
.flow li{position:relative;padding:28px 20px 0 0;border-top:2px solid var(--ft-line);counter-increment:f}
.flow li:before{content:"0" counter(f);position:absolute;top:-13px;left:0;background:var(--ac);color:var(--ac-tx);font:600 12px/24px Barlow,sans-serif;width:24px;height:24px;text-align:center;border-radius:50%}
.flow b{display:block;color:#fff;font:600 22px/1.2 "Barlow Semi Condensed",Barlow,sans-serif;margin-bottom:6px}
.flow span{font-size:15px;line-height:1.5}
.hero>.wrap{width:100%}
.area img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.area:hover img{transform:scale(1.04)}
.area:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(var(--dk-rgb),.9) 100%)}
.area .t{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}
.area h3{color:#fff;font:600 28px/1.1 "Barlow Semi Condensed",Barlow,sans-serif;margin:0 0 8px}
.area p{margin:0;color:#d4dde6;font-size:16px;line-height:1.5}
.area .go{display:inline-flex;gap:8px;align-items:center;margin-top:14px;font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.area:hover .go{color:var(--ac)}
/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.split .ph{position:relative;aspect-ratio:4/3;overflow:hidden}
.split .ph img{width:100%;height:100%;object-fit:cover}
.split .ph:before{content:"";position:absolute;left:-16px;top:-16px;width:120px;height:120px;border-left:4px solid var(--ac);border-top:4px solid var(--ac);z-index:2}
.list{list-style:none;padding:0;margin:24px 0 32px;display:grid;gap:12px}
.list li{position:relative;padding-left:26px}.list li:before{content:"";position:absolute;left:0;top:11px;width:12px;height:2px;background:var(--ac)}
/* products */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.pc{display:flex;flex-direction:column;background:#fff;text-decoration:none;color:var(--tx);border:1px solid var(--line);transition:box-shadow .2s,border-color .2s}
.pc:hover{border-color:transparent;box-shadow:0 14px 36px rgba(14,22,33,.14);color:var(--tx)}
.pc .im{aspect-ratio:16/9;background:#fff;overflow:hidden;border-bottom:1px solid var(--line)}
.pc .im img{width:100%;height:100%;object-fit:contain}
.pc .b{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px}
.pc .code{font-size:13px;letter-spacing:.08em;color:var(--ac-d);font-weight:600;font-variant-numeric:tabular-nums}
.pc h3{font-size:19px;font-weight:600}
.pc p{margin:0;font-size:15px;line-height:1.5;color:var(--mut)}
/* capabilities gallery */
.caps{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.cap{position:relative;aspect-ratio:4/3;overflow:hidden;background:#111}
.cap img{width:100%;height:100%;object-fit:cover;opacity:.92;transition:opacity .3s,transform .6s}
.cap:hover img{opacity:1;transform:scale(1.03)}
.cap span{position:absolute;left:0;bottom:0;right:0;padding:40px 22px 18px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;font:600 19px/1.2 "Barlow Semi Condensed",Barlow,sans-serif}
/* page header */
.ph-head{position:relative;min-height:440px;display:flex;align-items:flex-end;color:#fff;background:var(--dk);overflow:hidden}
.ph-head img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph-head:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(var(--dk-rgb),.82))}
.ph-head .in{position:relative;z-index:2;padding:150px 0 64px;max-width:820px}
.ph-head h1{color:#fff;font:600 clamp(36px,4.6vw,60px)/1.05 "Barlow Semi Condensed",Barlow,sans-serif;margin:14px 0 14px}
.ph-head p{margin:0;font-size:19px;color:#dbe5ee}
.crumb{font-size:14px;color:var(--mut);margin:0 0 14px}.crumb a{color:var(--mut)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 36px}
.chips button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 16px;min-height:42px;font:500 15px Barlow,sans-serif;cursor:pointer}
.chips button:hover{border-color:var(--ac)}
.chips button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.search{width:100%;max-width:440px;padding:13px 16px;border:1px solid #b9c2ca;font:16px Barlow,sans-serif;margin:0 0 20px}
.cat-h{font:600 26px/1.2 "Barlow Semi Condensed",Barlow,sans-serif;color:var(--ink);margin:56px 0 20px;padding-left:16px;border-left:4px solid var(--ac)}
.cat-h:first-child{margin-top:0}
.cat-h[id]{scroll-margin-top:24px}
.pd{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:56px;padding:24px 0 72px}
.pd .gal{background:#fff;border:1px solid var(--line)}
.pd .gal img{width:100%}
.note{font-size:13px;color:var(--mut)}
.pd h1{font:600 clamp(30px,3.4vw,42px)/1.1 "Barlow Semi Condensed",Barlow,sans-serif}
.spec{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45}
.spec caption{text-align:left;font:600 19px "Barlow Semi Condensed",Barlow,sans-serif;color:var(--ink);padding:0 0 8px}
.spec th{text-align:left;font-weight:500;color:var(--mut);padding:10px 12px 10px 0;border-bottom:1px solid var(--line);width:44%;vertical-align:top}
.spec td{padding:10px 0;border-bottom:1px solid var(--line);vertical-align:top;font-variant-numeric:tabular-nums;color:var(--ink)}
.spec tr.g th{color:var(--ac-d);font:600 13px "Barlow Semi Condensed",Barlow,sans-serif;text-transform:uppercase;letter-spacing:.08em;padding-top:20px;border-bottom:2px solid var(--ink)}
.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{background:var(--bg2);padding:5px 12px;font-size:14px}
.thumbs{display:flex;gap:8px;margin-top:8px}.thumbs button{border:1px solid var(--line);background:#fff;padding:0;width:84px;height:60px;cursor:pointer}.thumbs img{width:100%;height:100%;object-fit:cover}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:56px}
.prose{max-width:820px}.prose p{margin:0 0 18px}.prose h2{font:600 28px/1.2 "Barlow Semi Condensed",Barlow,sans-serif;margin:40px 0 14px}
.prose ul{padding-left:20px;margin:0 0 18px}.prose li{margin:0 0 8px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);margin:40px 0}
.steps div{padding:28px 24px 0 0}.steps b{display:block;font:600 44px/1 "Barlow Semi Condensed",Barlow,sans-serif;color:var(--ac);margin-bottom:12px}.steps h3{font-size:20px;margin-bottom:8px}
form.f{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
form.f .full{grid-column:1/-1}
form.f label{display:flex;flex-direction:column;gap:6px;font-weight:500;color:var(--ink);font-size:15px}
form.f input,form.f select,form.f textarea{font:16px Barlow,sans-serif;padding:13px 14px;border:1px solid #a7b1ba;background:#fff;color:var(--ink);width:100%}
form.f input:focus,form.f select:focus,form.f textarea:focus,a:focus-visible,button:focus-visible{outline:3px solid var(--ac);outline-offset:1px}
.err{color:#b42318;font-size:15px}.ok{background:#e8f4ec;border:1px solid #9fd0b0;padding:18px;color:#14532d}
.loading{color:var(--mut);padding:24px 0}
.contact-card{background:var(--ink);color:#c8d3de;padding:40px}.contact-card h2{color:#fff;font:600 26px "Barlow Semi Condensed",Barlow,sans-serif;margin:0 0 16px}.contact-card a{color:#fff}
/* cta band */
.cta-band{position:relative;overflow:hidden;color:#fff;background:var(--dk)}
.cta-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.cta-band .wrap{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding-top:96px;padding-bottom:96px}
.cta-band h2{color:#fff;font:600 clamp(30px,3.4vw,44px)/1.1 "Barlow Semi Condensed",Barlow,sans-serif;max-width:720px}
/* footer */
#site-footer{min-height:300px;background:var(--dk);color:#a3b2aa}
.ft{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:40px;padding-top:72px;padding-bottom:48px;font-size:15px;line-height:2}
.ft a{color:#c8d3de;text-decoration:none}.ft a:hover{color:#fff}
.ft .h{color:#fff;font:600 14px "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;display:block}
.ft img{height:52px;width:auto;margin-bottom:16px}
.ft-b{border-top:1px solid var(--ft-line)}.ft-b .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:20px;padding-bottom:24px;font-size:13px;color:#7f90a1}
@media (max-width:1100px){.hd nav{gap:18px}.hd nav a{font-size:14px}}
@media (max-width:980px){.areas{grid-template-columns:1fr 1fr}.area{min-height:360px}.flow{grid-template-columns:repeat(3,1fr);row-gap:36px}.split,.pd{grid-template-columns:1fr;gap:36px}.caps{grid-template-columns:1fr 1fr}.ft{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}
.menu-btn{display:block}.hd{flex-wrap:wrap}.hd nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 16px;background:rgba(var(--dk-rgb),.97)}.hd nav.open{display:flex}.hd nav a{padding:14px 4px;border-bottom:1px solid var(--ft-line)}.hd .cta{text-align:center;margin-top:10px}}
@media (max-width:640px){body{font-size:16px}.wrap{padding:0 16px}.sec{padding:72px 0}.areas,.caps{grid-template-columns:1fr}.area{min-height:320px}.flow{grid-template-columns:1fr 1fr}.hero{min-height:620px}.hero .in{padding-bottom:64px}.hero p{font-size:18px}form.f{grid-template-columns:1fr}.ft{grid-template-columns:1fr;gap:24px}.steps{grid-template-columns:1fr}.hd .logo img{height:38px}.hd .logo span{display:none}.ph-head{min-height:360px}.ph-head .in{padding:130px 0 44px}.lead{font-size:18px}.contact-card{padding:28px}}

/* brands */
.brands{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.brand{position:relative;display:flex;flex-direction:column;min-height:520px;overflow:hidden;color:#fff;text-decoration:none;background:#111}
.brand img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.brand:hover img{transform:scale(1.04)}
.brand:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--dk-rgb),.2) 0%,rgba(var(--dk-rgb),.92) 70%)}
.brand .t{position:relative;z-index:2;margin-top:auto;padding:30px}
.brand .wm{display:block;font:600 34px/1 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.06em;color:#fff;padding-bottom:14px;margin-bottom:14px;border-bottom:3px solid var(--bc)}
.brand h3{color:#fff;font:600 21px/1.25 "Barlow Semi Condensed",Barlow,sans-serif;margin:0 0 12px}
.brand ul{list-style:none;margin:0 0 18px;padding:0;color:#d5ddd8;font-size:15px;line-height:1.5}
.brand li{padding-left:16px;position:relative}.brand li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:2px;background:var(--bc)}
.brand .go{display:inline-flex;gap:8px;align-items:center;font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--bc)}
.b-rd{--bc:#fff}.b-rv{--bc:#f2b705}.b-el{--bc:#2b9bff}
.area .tag{display:inline-block;font:600 12px/1 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:6px 8px;margin-bottom:12px;background:rgba(255,255,255,.12);color:#fff;border-left:3px solid var(--bc)}
.groups{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grp{border:1px solid var(--line);padding:28px;background:#fff}
.grp b{display:block;font:600 14px/1 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.12em;color:var(--ac-d);margin-bottom:14px}
.grp h3{font:600 22px/1.2 "Barlow Semi Condensed",Barlow,sans-serif;margin:0 0 10px}
.grp p{margin:0;font-size:16px;line-height:1.55;color:var(--mut)}
.subnav{background:var(--bg2);border-bottom:1px solid var(--line)}
.subnav .wrap{display:flex;flex-wrap:wrap;gap:4px 28px;padding-top:14px;padding-bottom:14px;font-size:15px}
.subnav b{color:var(--ink);font-weight:600;margin-right:6px}.subnav a{color:var(--tx);text-decoration:none;border-bottom:2px solid transparent;padding:4px 0}.subnav a:hover,.subnav a[aria-current]{border-color:var(--ac);color:var(--ink)}
.tm{font-size:13px;color:var(--mut);margin-top:24px}
@media (max-width:980px){.brands,.groups{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.brands,.groups{grid-template-columns:1fr}.brand{min-height:440px}}

/* grup şeridi */
.gstrip{background:var(--dk);color:#c8d3de;font:500 12.5px/1 Barlow,sans-serif;letter-spacing:.04em;border-bottom:1px solid rgba(255,255,255,.08)}
.gstrip .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:34px}
.gstrip a{color:#c8d3de;text-decoration:none;padding:10px 2px}
.gstrip a:hover,.gstrip a[aria-current]{color:#fff}
.gstrip a[aria-current]{border-bottom:2px solid var(--ac)}
.gstrip .g-parent{text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:#fff}
.gstrip nav{display:flex;align-items:center;gap:12px}.gstrip i{font-style:normal;opacity:.35}
@media (max-width:640px){.gstrip .g-parent{display:none}.gstrip .wrap{justify-content:center}}
.hd .logo img{height:40px}
/* üst site: logo gibi tek renk. Koyu zeminde beyaz, açık zeminde lacivert vurgu */
body:not([data-brand]) :is(#site-header,.hero,.ph-head,.dark,.cta-band,.certbar,#site-footer,.brand,.area){--ac:#fff;--ac-tx:#122b4b}
body:not([data-brand]) .btn:hover{background:var(--ink2);color:#fff}
body:not([data-brand]) :is(#site-header,.hero,.ph-head,.dark,.cta-band) .btn:not(.line):hover{background:#dbe5f2;color:#122b4b}
/* RAVMEX katalog */
.pc.rv .im{aspect-ratio:4/3;background:#eceef0;position:relative}.pc.rv .im img{object-fit:cover}
.pc.rv .im .exb,.exbox .exb{width:30px;height:26px;object-fit:contain}.pc.rv .im .exb{position:absolute;top:10px;right:10px}
.cat-h small{font:500 14px Barlow,sans-serif;color:var(--mut);margin-left:8px;white-space:nowrap}
.pd .gal.st{margin-top:16px;background:#eceef0}.pd-h{font:600 15px Barlow,sans-serif;margin:0 0 8px;color:var(--ink)}
.exbox{display:flex;gap:14px;align-items:flex-start;border:1px solid #e6c200;background:#fffbe6;padding:14px 16px;font-size:15px;line-height:1.5;color:#162029}
.exbox span{font-variant-numeric:tabular-nums}.exbox small{color:#5a4a00}
.pd .gal:first-child{background:#eceef0}
/* RAMSA Defence: kabiliyet matrisi, tesis videosu */
.mtx{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#fff;border:1px solid var(--line)}.mt{box-shadow:0 0 0 1px var(--line)}
.mt{background:#fff;padding:26px 24px 28px}.mt b{display:block;font:600 13px/1 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.14em;color:var(--ac-d);margin-bottom:12px}
.mt h3{font:600 21px/1.2 "Barlow Semi Condensed",Barlow,sans-serif;margin:0 0 14px}
.mt ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15.5px;line-height:1.4;color:var(--tx)}
.mt li{padding-left:16px;position:relative}.mt li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:2px;background:var(--ac)}
.tour{display:block;width:100%;aspect-ratio:16/9;background:#000}
@media (max-width:1100px){.mtx{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.mtx{grid-template-columns:1fr}}
/* ELTRAVO girişi */
.el-hero{background:#050c14;color:#c9d3dc;padding:150px 0 72px;position:relative;overflow:hidden}
.el-hero:after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#2b9bff,transparent)}
.el-hero .wrap{display:grid;justify-items:center;text-align:center;gap:0}
.el-logo{width:min(100%,720px);height:auto;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 78%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 78%,transparent 100%)}
.el-hero h1{color:#fff;font:600 clamp(28px,3.4vw,44px)/1.12 "Barlow Semi Condensed",Barlow,sans-serif;margin:8px 0 14px;max-width:820px;text-wrap:balance}
.el-hero p{font-size:19px;line-height:1.6;max-width:680px;margin:0 0 32px}
.el-search{width:min(100%,720px);display:grid;gap:10px;text-align:left}
.el-search label{font:600 13px/1 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8fb9e6}
.el-search div{display:flex;gap:0}
.el-search input[type=search]{flex:1;min-width:0;padding:0 18px;height:56px;border:1px solid #2b4a6b;border-right:0;background:#0b1826;color:#fff;font:17px Barlow,sans-serif}
.el-search input::placeholder{color:#7f93a8}.el-search input:focus{outline:2px solid #2b9bff;outline-offset:-2px}
.el-search .btn{height:56px;white-space:nowrap}.el-search small{color:#8a9bad;font-size:14px}
.bands{border-top:1px solid var(--line)}
.band{display:grid;grid-template-columns:64px minmax(200px,1.1fr) 2fr auto;gap:24px;align-items:center;padding:26px 8px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--tx);transition:background .15s,padding .15s}
.band:hover{background:var(--bg2);padding-left:20px;padding-right:20px}
.band b{font:600 14px/1 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.12em;color:var(--ac-d)}
.band h3{font:600 23px/1.2 "Barlow Semi Condensed",Barlow,sans-serif;margin:0}.band p{margin:0;font-size:16px;line-height:1.5;color:var(--mut)}
.band .go{display:inline-flex;align-items:center;gap:8px;color:var(--ac-d);font-weight:600;font-size:15px;white-space:nowrap}
@media (max-width:900px){.band{grid-template-columns:40px 1fr;gap:6px 14px}.band p,.band .go{grid-column:2}.el-hero{padding:130px 0 56px}}
@media (max-width:560px){.el-search div{flex-direction:column;gap:10px}.el-search input[type=search]{border-right:1px solid #2b4a6b;height:52px;flex:none}.el-search .btn{justify-content:center}}
/* üst site hero: üç klipli sessiz döngü, her klip bir markaya karşılık gelir */
.hero.seq:after{background:linear-gradient(90deg,rgba(var(--dk-rgb),.82) 0%,rgba(var(--dk-rgb),.35) 55%,rgba(var(--dk-rgb),0) 100%),linear-gradient(0deg,rgba(var(--dk-rgb),.75),rgba(var(--dk-rgb),0) 38%)}
.hero.seq .v{opacity:0;transition:opacity .7s linear}.hero.seq .v.on.play{opacity:1}
/* geniş ekranda hero videonun yüksekliğine iner: video kırpılmadan üstten alta oturur, sağa yaslıdır, yalnız sol kenarı zemine erir */
@media (min-width:1024px){
.hero.seq{background:#040a14;min-height:min(94vh,900px);align-items:center}
.hero.seq .bg,.hero.seq .v{inset:auto;top:84px;bottom:0;right:0;left:auto;transform:none;height:calc(100% - 84px);width:auto;max-width:none;aspect-ratio:16/9;object-fit:cover;
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%),linear-gradient(180deg,transparent 0,#000 9%);-webkit-mask-composite:source-in;
mask-image:linear-gradient(90deg,transparent 0,#000 40%),linear-gradient(180deg,transparent 0,#000 9%);mask-composite:intersect}
.hero.seq:after{background:linear-gradient(90deg,rgba(4,10,20,.92) 0%,rgba(4,10,20,.5) 34%,rgba(4,10,20,0) 58%)}
.hero.seq .in{max-width:580px;padding:120px 0 56px}
.hero.seq h1{font-size:clamp(34px,3.7vw,52px);margin:16px 0 14px}
.hero.seq p{margin-bottom:24px}
}
.hero.seq .in{padding-top:170px}
.seq-b{list-style:none;margin:0 0 34px;padding:0;display:grid;gap:0;max-width:560px;border-top:1px solid rgba(255,255,255,.18)}
.seq-b li{border-bottom:1px solid rgba(255,255,255,.18);position:relative}
.seq-b li:before{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;background:#fff}
.seq-b li.on:before{width:100%}.seq-b.run li.on:before{width:0;animation:seqbar var(--d,10s) linear forwards}
@keyframes seqbar{to{width:100%}}
.seq-b a{display:flex;align-items:baseline;gap:16px;padding:13px 2px;color:#b9c6d6;text-decoration:none;transition:color .2s}
.seq-b b{font:600 19px/1.2 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.06em;min-width:150px;color:inherit}
.seq-b span{font-size:15.5px;line-height:1.35}
.seq-b li.on a,.seq-b a:hover,.seq-b a:focus-visible{color:#fff}
@media (max-width:640px){.seq-b a{flex-direction:column;gap:2px}.seq-b b{min-width:0}.hero.seq .in{padding-top:140px}}
@media (prefers-reduced-motion:reduce){.seq-b.run li.on:before{animation:none;width:100%}}
/* yazı karakteri: logo yanındaki "ADVANCED TECHNOLOGIES" duruşu (Barlow Semi Condensed, büyük harf, aralıklı) menü ve düğmelere taşındı */
.hd nav a:not(.cta),.hd .lang a{font:600 14px/1 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.btn,.hd .cta{font:600 14px/1 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.subnav a,.subnav b,.chips button{font-family:"Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:14px}
.seq-b b{letter-spacing:.2em;text-transform:uppercase;font-size:16px}
@media (max-width:1100px){.hd nav a:not(.cta){font-size:13px;letter-spacing:.1em}}
.search{display:block}
/* alt sitelerde üst menüde markanın kendi logosu */
.hd .logo.b img{height:46px;width:auto}.hd .logo.b-ramsa img{height:52px}.hd .logo.b-eltravo img{height:52px;mix-blend-mode:screen}
@media (max-width:640px){.hd .logo.b img{height:38px}.hd .logo.b-ramsa img,.hd .logo.b-eltravo img{height:44px}}
/* teklif sayfası: dar ekranda form ve iletişim kutusu alt alta, taşma yok */
@media (max-width:900px){.wrap.two[style*="1.6fr"]{grid-template-columns:minmax(0,1fr)!important}}
.contact-card{box-sizing:border-box;max-width:100%;min-width:0}.two>*{min-width:0}
/* marka logoları (beyaz): hero satırları ve marka kartları */
.seq-b b{min-width:150px;display:flex;align-items:center;height:40px}
.seq-b .bl{display:block;width:auto;height:26px;opacity:.6;transition:opacity .2s}
.seq-b .bl-defence{height:40px}.seq-b .bl-ravmex{height:32px}.seq-b .bl-eltravo{height:21px}
.seq-b li.on .bl,.seq-b a:hover .bl,.seq-b a:focus-visible .bl{opacity:1}
.seq-b a{align-items:center;padding:9px 2px}
.brand .wm{display:flex;align-items:flex-end;height:74px;padding-bottom:16px}
.brand .wm .bl,.brand:hover .wm .bl{position:static;inset:auto;width:auto;height:46px;object-fit:contain;transform:none}
.brand .wm .bl-defence{height:58px}.brand .wm .bl-eltravo{height:34px}
.brand h3{margin-bottom:18px}
@media (max-width:640px){.seq-b a{flex-direction:column;align-items:flex-start;gap:4px}.seq-b b{min-width:0;height:auto}}
.hd .logo.b-eltravo img{height:34px;mix-blend-mode:normal}
@media (max-width:640px){.hd .logo.b-eltravo img{height:28px}}
/* kabiliyet matrisi görselleri (temsili; beyaz zemin, çarpma karışımıyla kart zeminine oturur) */
.mt{padding:0 0 26px}.mt>b,.mt>h3,.mt>ul{margin-left:24px;margin-right:24px}
.mt .im{height:220px;display:flex;align-items:center;justify-content:center;padding:18px 20px 10px;margin-bottom:14px;background:#fff;box-sizing:border-box}
.mt .im img{max-width:100%;max-height:192px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.mt .im.none{background:radial-gradient(var(--line) 1px,transparent 1.2px) 0 0/16px 16px}
.mtx-n{margin:14px 0 0;font-size:14px;color:var(--mut)}
/* alt sitelerde menünün başında üst siteye dönüş (RAMSA logosu) */
.hd nav a.up{display:inline-flex;align-items:center;padding:6px 18px 6px 0;margin-right:-6px;border-bottom:0;border-right:1px solid rgba(255,255,255,.28);opacity:.8}
.hd nav a.up:hover,.hd nav a.up:focus-visible{opacity:1;border-bottom:0}
.hd nav a.up img{height:20px;width:auto;display:block}
@media (max-width:980px){.hd nav a.up{border-right:0;padding:10px 0}}
body[data-brand=ramsa] #site-footer{color:#a8a8a8}body[data-brand=ramsa] .dark,body[data-brand=ramsa] .certbar{color:#cfcfcf}
/* RAMSA Defence: tek renk. Koyu zeminde beyaz, açık zeminde siyah vurgu */
body[data-brand=ramsa] :is(#site-header,.hero,.ph-head,.dark,.cta-band,.certbar,#site-footer,.brand,.area){--ac:#fff;--ac-tx:#111}
body[data-brand=ramsa] .btn:hover{background:#333;color:#fff}
body[data-brand=ramsa] :is(#site-header,.hero,.ph-head,.dark,.cta-band) .btn:not(.line):hover{background:#dcdcdc;color:#111}
body[data-brand=ramsa] .area{--bc:#fff}
/* ana sayfa: Markalarımız bölümü hero ile aynı koyu zeminde; hero tek blok halinde markalara akar */
.sec.mk{background:linear-gradient(180deg,#040a14 0%,#0a1930 100%);padding-top:84px;border-top:1px solid rgba(255,255,255,.1)}
.sec.mk .lead{color:#c8d3de}
.sec.mk .brand{outline:1px solid rgba(255,255,255,.1)}
@media (max-width:640px){.sec.mk{padding-top:56px}}
.brand img.own{object-position:42% top}
/* ana menü: açılır başlıklar */
.dd{position:relative}
.dd-b{display:inline-flex;align-items:center;gap:7px;background:none;border:0;border-bottom:2px solid transparent;color:#fff;cursor:pointer;padding:8px 0;font:600 14px/1 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.dd-b svg{transition:transform .2s;opacity:.8}
.dd-b.on,.dd:hover .dd-b,.dd.open .dd-b{border-color:var(--ac)}
.dd.open .dd-b svg{transform:rotate(180deg)}
.dd-p{position:absolute;left:-20px;top:100%;margin-top:14px;min-width:270px;padding:10px;background:rgba(var(--dk-rgb),.98);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px rgba(0,0,0,.35);display:none;z-index:30}
.dd:before{content:"";position:absolute;left:-20px;right:-20px;top:100%;height:16px}
.dd:hover .dd-p,.dd.open .dd-p,.dd:focus-within .dd-p{display:grid;gap:2px}
.hd nav .dd-p a{display:block;padding:11px 14px;border:0;color:#dbe5ee;font:500 15.5px/1.3 Barlow,sans-serif;letter-spacing:0;text-transform:none}
.hd nav .dd-p a b{font-weight:500}
.hd nav .dd-p a:hover,.hd nav .dd-p a:focus-visible,.hd nav .dd-p a[aria-current=page]{background:rgba(255,255,255,.08);color:#fff;border:0}
.dd.wide .dd-p{min-width:380px}
.hd nav .dd.wide .dd-p a b{display:block;font:600 17px/1.2 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.08em;color:#fff}
.hd nav .dd.wide .dd-p a span{display:block;margin-top:4px;font-size:14px;line-height:1.35;color:#9fb0c2}
@media (max-width:1100px){.dd-b{font-size:13px;letter-spacing:.1em}}
@media (max-width:980px){.dd{width:100%}.dd-b{width:100%;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}.dd:before{display:none}
.dd-p{position:static;margin:0;min-width:0;border:0;box-shadow:none;background:none;padding:4px 0 10px 10px}.dd:hover .dd-p,.dd:focus-within .dd-p{display:none}.dd.open .dd-p{display:grid}.dd.wide .dd-p{min-width:0}}
/* üst site alt sayfaları: taslak notu, SSS, boş durum, logolar */
.draft{margin:0 0 28px;padding:12px 16px;border-left:3px solid #c9a227;background:#fff8e1;color:#5a4a00;font-size:14.5px;line-height:1.5}
.list.need em{font-style:normal;font-size:13px;color:#8a6d00;background:#fff3c4;padding:2px 8px;margin-left:6px;white-space:nowrap}
.faq{border-top:1px solid var(--line);max-width:920px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:20px 44px 20px 0;position:relative;font:600 20px/1.3 "Barlow Semi Condensed",Barlow,sans-serif;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:6px;top:16px;font:400 26px/1 Barlow,sans-serif;color:var(--mut)}
.faq details[open] summary:after{content:"–"}
.faq details>div{padding:0 44px 22px 0;font-size:17px;line-height:1.6}
.faq details.tbd>div{color:#8a6d00}
.empty{border:1px dashed #c3cbd4;padding:44px 28px;text-align:center;color:var(--mut);font-size:18px;background:#fff}
.logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.lg{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;gap:6px;padding-bottom:16px}
.lg .pv{background:#122b4b;height:150px;display:grid;place-items:center;padding:24px;margin-bottom:10px}.lg .pv img{max-width:100%;max-height:100%;width:auto;height:auto}
.lg b{font:600 18px "Barlow Semi Condensed",Barlow,sans-serif;padding:0 16px;color:var(--ink)}.lg span{padding:0 16px;font-size:14px}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.docref{margin:28px 0 0;font:500 13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--mut);letter-spacing:.04em}
.pol{max-width:920px}.pol .list{margin:16px 0 20px}.pol .list li{line-height:1.6}
/* ana menü: tam genişlik panel (geniş ekran) */
#site-header .hd{position:relative;z-index:3}
.mega,.mega-dim{display:none}
@media (min-width:981px){
.dd-p{display:none!important}.dd:before{display:none}
.mega{display:block;position:absolute;left:0;right:0;top:0;z-index:2;height:0;overflow:hidden;background:rgba(var(--dk-rgb),.985);border-bottom:1px solid rgba(255,255,255,.12);
clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .7s cubic-bezier(.16,1,.3,1),height .55s cubic-bezier(.16,1,.3,1),visibility 0s linear .7s}
.mega.open{clip-path:inset(0);visibility:visible;transition:clip-path .7s cubic-bezier(.16,1,.3,1),height .55s cubic-bezier(.16,1,.3,1),visibility 0s}
.mega>.wrap{position:relative;height:100%}
.mg{position:absolute;left:40px;right:40px;top:84px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:20px 56px;padding:34px 0 30px;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .25s,transform .45s cubic-bezier(.16,1,.3,1)}
.mg.on{opacity:1;transform:none;pointer-events:auto;transition-delay:.12s}
.mg-t{display:block;font:600 clamp(34px,3.6vw,52px)/1.05 "Barlow Semi Condensed",Barlow,sans-serif;color:#fff;letter-spacing:-.005em}
.mg-list{list-style:none;margin:0;padding:0;max-width:560px;border-top:1px solid rgba(255,255,255,.16)}
.mg-list a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.16);color:#c8d3de;text-decoration:none;font:500 18px/1.3 Barlow,sans-serif;transition:color .15s,padding .2s}
.mg-list a svg{opacity:.55;flex-shrink:0;transition:transform .2s,opacity .2s}
.mg-list a:hover,.mg-list a:focus-visible,.mg-list a[aria-current=page]{color:#fff;padding-left:12px}
.mg-list a:hover svg,.mg-list a:focus-visible svg{opacity:1;transform:translate(2px,-2px)}
.mg-brands{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,.16)}
.mg-brands a{display:flex;flex-direction:column;gap:14px;padding:22px 26px 20px 0;margin-right:26px;border-right:1px solid rgba(255,255,255,.16);color:#9fb0c2;text-decoration:none;transition:color .15s}
.mg-brands a:last-child{border-right:0;margin-right:0}
.mg-brands .mlg{height:56px;display:flex;align-items:center}.mg-brands .mlg img{max-height:100%;max-width:170px;width:auto;height:auto;display:block}
.mg-brands a:nth-child(3) .mlg img{max-height:30px}
.mg-brands .ds{font-size:15.5px;line-height:1.45}
.mg-brands .go{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:.7}
.mg-brands a:hover,.mg-brands a:focus-visible{color:#fff}.mg-brands a:hover .go,.mg-brands a:focus-visible .go{opacity:1}
.mg-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 32px;margin-top:14px;padding-top:16px;font-size:14px;color:#8a9bad}
.mg-foot a{color:#8a9bad;text-decoration:none}.mg-foot a:hover{color:#fff}
.mg-art{position:absolute;right:40px;bottom:26px;width:210px;height:auto;opacity:.07;pointer-events:none}
.mega-dim{display:block;position:fixed;inset:0;z-index:1;background:rgba(2,6,14,.6);opacity:0;pointer-events:none;transition:opacity .45s}
.mega-dim.on{opacity:1;pointer-events:auto}
.dd.open .dd-b{background:#fff;color:#0a1a30;border-color:transparent}
.dd-b{padding:9px 12px;margin:0 -4px;border-bottom:0;transition:background .2s,color .2s}
.dd-b.on{box-shadow:inset 0 -2px 0 var(--ac)}.dd.open .dd-b.on{box-shadow:none}
.dd:hover .dd-b{border-color:transparent}
#site-header.mega-open .hd .cta{position:relative}
}
@media (prefers-reduced-motion:reduce){.mega,.mg,.mega-dim{transition:none!important}}
/* ana menü, kart görünümü (Frontify tarzı): başlığın altında beyaz kart, hareketsiz belirme, karartma yok */
@media (min-width:981px){
.mm-card .mega{top:calc(100% - 6px);left:16px;right:16px;background:#fff;border:1px solid #e1e5ea;border-radius:10px;box-shadow:0 24px 60px rgba(4,10,20,.22);clip-path:none;opacity:0;transform:translateY(-6px);
transition:opacity .28s,transform .28s,height .3s cubic-bezier(.16,1,.3,1),visibility 0s linear .28s}
.mm-card .mega.open{clip-path:none;opacity:1;transform:none;transition:opacity .28s,transform .28s,height .3s cubic-bezier(.16,1,.3,1),visibility 0s}
.mm-card .mg{top:0;left:36px;right:36px;padding:30px 0 22px;transform:none;transition:opacity .2s}
.mm-card .mg.on{transition-delay:.06s}
.mm-card .mg-t{color:#0a1a30;font-size:clamp(28px,2.6vw,38px)}
.mm-card .mg-list{border-top-color:#e1e5ea}
.mm-card .mg-list a{color:#3a4553;border-bottom-color:#e1e5ea;font-size:17px;padding:13px 4px}
.mm-card .mg-list a:hover,.mm-card .mg-list a:focus-visible,.mm-card .mg-list a[aria-current=page]{color:#0a1a30;background:#f3f5f8}
.mm-card .mg-brands{border-top:0;gap:14px}
.mm-card .mg-brands a{border:1px solid #e1e5ea;border-radius:8px;margin:0;padding:0 0 16px;color:#5a6676;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.mm-card .mg-brands a:last-child{border:1px solid #e1e5ea}
.mm-card .mg-brands a:hover,.mm-card .mg-brands a:focus-visible{color:#3a4553;border-color:#122b4b;box-shadow:0 8px 24px rgba(4,10,20,.1)}
.mm-card .mg-brands .mlg{height:96px;background:#0a1a30;justify-content:center;padding:18px}
.mm-card .mg-brands .mlg img{max-height:100%;max-width:150px}.mm-card .mg-brands a:nth-child(3) .mlg img{max-height:28px}
.mm-card .mg-brands .ds,.mm-card .mg-brands .go{padding:0 18px}.mm-card .mg-brands .go{color:#122b4b;opacity:1}
.mm-card .mg-foot{border-top:1px solid #e1e5ea;color:#647184;margin-top:10px}.mm-card .mg-foot a{color:#647184}.mm-card .mg-foot a:hover{color:#0a1a30}
.mm-card .mg-art{display:none}
.mm-card .mega-dim{display:none}
.mm-card .mega:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
}
/* menüde alt satır (ör. NOVA açılımı) */
.mg-list a small{display:block;margin-top:3px;font-size:13.5px;letter-spacing:.04em;color:#8a9bad}
.hd nav .dd-p a span{display:block;margin-top:3px;font-size:13px;color:#9fb0c2}
.ph-head h1 .h1-sub{display:block;margin-top:10px;font:600 clamp(18px,2.2vw,28px)/1.2 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#dbe5ee}
/* kalite: sertifika kartları */
.certs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.cert{background:#fff;border:1px solid var(--line);padding:26px 24px;display:flex;flex-direction:column;gap:10px}
.cert b{font:600 14px/1.2 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.12em;color:var(--ac-d)}
.cert h3{font:600 21px/1.2 "Barlow Semi Condensed",Barlow,sans-serif;margin:0 0 6px}
.cert dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:15px}
.cert dt{color:var(--mut)}.cert dd{margin:0;color:var(--ink);font-variant-numeric:tabular-nums}
.cert a{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--ac-d)}

/* Markaya özel menü: uzun liste iki sütun */
.mg-list.two{max-width:none;columns:2;column-gap:56px;border-top:0}.mg-list.two li{break-inside:avoid}.mg-list.two li:nth-child(1),.mg-list.two li:nth-child(5){border-top:1px solid rgba(255,255,255,.16)}
/* RAVMEX katalogları */
.kats{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:28px}
.kat{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}
.kat .cv{display:block;background:#eef1f4;aspect-ratio:560/792;overflow:hidden}.kat .cv img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.kat .cv:hover img{transform:scale(1.03)}
.kat .b{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.kat h3{font:600 21px/1.2 "Barlow Semi Condensed",Barlow,sans-serif;margin:0;color:var(--ink)}
.kat p{margin:0;font-size:14.5px;color:var(--mut)}.kat .ac{margin-top:auto;padding-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:14px}.kat .btn{padding:12px 18px;min-height:44px}.kat .lnk{font-size:14.5px}
.pd-ac{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:flex-start}#pd-kat{display:flex;flex-direction:column;gap:6px}#pd-kat:empty{display:none}
.btn.pdfb{background:transparent;color:var(--ink);border:1px solid var(--ink);align-self:flex-start}.btn.pdfb:hover{background:var(--ink);color:#fff}#pd-kat small{font-size:13.5px;color:var(--mut)}
/* Beş başlıklı üst menü: dil seçimi ve teklif düğmesi tek satırda kalır */
.hd .lang,.hd .cta{white-space:nowrap;flex-shrink:0}
@media (min-width:981px) and (max-width:1320px){.hd nav{gap:14px}.dd-b{letter-spacing:.09em;padding:9px 8px;font-size:13px}.hd .cta{padding:10px 13px;letter-spacing:.09em}}
@media (min-width:981px) and (max-width:1120px){.hd{gap:12px}.hd nav{gap:9px}.dd-b{padding:9px 5px;letter-spacing:.06em;font-size:12.5px}.hd .cta{padding:10px 10px;letter-spacing:.06em;font-size:12.5px}}
.hd .logo{flex-shrink:0}
@media (min-width:1321px){.hd nav{gap:16px}.dd-b{padding:9px 9px;letter-spacing:.11em}}

/* Hidrolik ve pnömatik komponentler */
.hys{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hy{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;scroll-margin-top:110px}
.hy .im{aspect-ratio:4/3;background:#eef1f4;overflow:hidden}.hy .im img{width:100%;height:100%;object-fit:cover}
.hy .b{padding:22px 22px 24px;display:flex;flex-direction:column;gap:12px;flex:1}.hy h3{font:600 22px/1.2 "Barlow Semi Condensed",Barlow,sans-serif;margin:0}
.hy p{margin:0;font-size:16px;line-height:1.55;color:var(--mut)}.hy .lnk{margin-top:auto;padding-top:6px;font-weight:600;font-size:15px;display:inline-flex;gap:8px;align-items:center}
@media (max-width:980px){.hys{grid-template-columns:1fr 1fr}}@media (max-width:640px){.hys{grid-template-columns:1fr}}

.hy .lnk.sub{margin-top:0;padding-top:0;font-weight:500;color:var(--mut)}
.grp .nrm{margin-top:14px;font:600 14px/1.5 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.06em;color:var(--ink)}
.fits{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}.fits figure{margin:0;background:#fff;border:1px solid var(--line)}
.fits img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}.fits figcaption{padding:8px 10px 10px;font-size:13.5px;text-align:center;border-top:1px solid var(--line)}
@media (max-width:980px){.fits{grid-template-columns:repeat(4,1fr)}}@media (max-width:520px){.fits{grid-template-columns:repeat(2,1fr)}}

.grp.pic{padding-top:0;overflow:hidden}.grp.pic .im{margin:0 -28px 24px;aspect-ratio:4/3;background:#fff;border-bottom:1px solid var(--line)}
.grp.pic .im img{width:100%;height:100%;object-fit:cover;display:block}.grp.pic .im.fit img{object-fit:contain;padding:18px}
/* Ürün detayı: teknik özellik düzeni (2026-11-14) */
.sd-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 56px;align-items:end;padding:8px 0 32px}
.sd-k{display:block;font:600 13px/1.4 Barlow,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-bottom:10px}
.sd-k i{font-style:normal;margin-left:10px;padding:2px 8px;border:1px solid var(--line);letter-spacing:.04em}
.sd-head h1{font:600 clamp(36px,5vw,64px)/1 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.01em}
.sd-head p{margin:0 0 18px;font-size:18px}
.sd-stage{background:#fff;border-top:1px solid var(--line);padding:24px 0 8px}
.sd-stage img{display:block;margin:0 auto;width:100%;height:auto;aspect-ratio:3/2;max-height:640px;object-fit:contain;background:#fff}
.sd-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.sd-tabs::-webkit-scrollbar{display:none}
.sd-tabs button{flex:0 0 auto;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:16px 22px;font:600 13px Barlow,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);cursor:pointer}
.sd-tabs button:hover{color:var(--ink)}
.sd-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}
.sd-spec{padding:56px 0 80px}
.sd-spec>h2{font:600 clamp(26px,3vw,34px)/1.1 "Barlow Semi Condensed",Barlow,sans-serif;margin:0 0 28px}
.sd-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px 56px;padding:32px 0;border-top:1px solid var(--line)}
.sd-g h3{font:600 20px/1.25 Barlow,sans-serif}
.sd-g dl:not(.sd-sema){margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 40px}
.sd-g dt{font:600 12px/1.4 Barlow,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:4px}
.sd-g dd{margin:0;font-size:16px;line-height:1.5;color:var(--tx)}
.sd-ul{margin:0;padding-left:18px;columns:2;column-gap:40px}.sd-ul li{break-inside:avoid;margin-bottom:8px}
.sd-foot{border-top:1px solid var(--line);padding-top:24px;font-size:14px;color:var(--mut)}.sd-foot p{margin:0 0 8px}.sd-foot b{color:var(--ink)}
@media (max-width:980px){.sd-head,.sd-g{grid-template-columns:1fr;gap:16px}}
@media (max-width:600px){.sd-g dl:not(.sd-sema){grid-template-columns:1fr;gap:16px}.sd-ul{columns:1}.sd-tabs button{padding:14px 14px}.sd-stage{padding-top:12px}}
.sd-sema{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}
.sd-sema .sm{border:1px solid var(--line);padding:12px 14px 14px;background:#fff}
.sd-sema svg{display:block;width:100%;max-width:170px;height:auto;margin-bottom:10px;color:var(--ink)}
.sd-sema svg .v *{fill:#fff;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.sd-sema svg .gr{fill:var(--bg2)}.sd-sema svg .ln{fill:none;stroke:currentColor;stroke-width:2}
.sd-sema svg .wt{fill:#3d9be9;opacity:.22}.sd-sema svg .mk{fill:none;stroke:var(--mut);stroke-width:1.5}
.sd-sema dt{font:600 12px/1.4 Barlow,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:2px}
.sd-sema dd{margin:0;font:600 20px/1.2 "Barlow Semi Condensed",Barlow,sans-serif;color:var(--ink)}
@media (max-width:600px){.sd-sema{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Varyantlar (2026-11-14) */
.sd-var{padding:56px 0 8px}
.sd-var>h2{font:600 clamp(26px,3vw,34px)/1.1 "Barlow Semi Condensed",Barlow,sans-serif;margin:0 0 24px}
.sd-vw{display:grid;grid-template-columns:200px minmax(0,1fr) 220px;gap:32px;align-items:center;border-top:1px solid var(--line);padding-top:24px}
.sd-vl{display:flex;flex-direction:column;align-self:start}
.sd-vl button{display:block;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:14px 0 14px 18px;position:relative;cursor:pointer;font:inherit;color:var(--mut)}
.sd-vl button b{display:block;font:600 15px/1.3 Barlow,sans-serif;color:var(--ink)}
.sd-vl button span{display:block;font-size:14px;line-height:1.35}
.sd-vl button::before{content:"";position:absolute;left:0;top:19px;border:5px solid transparent;border-left:7px solid transparent}
.sd-vl button[aria-selected=true]{color:var(--ink)}
.sd-vl button[aria-selected=true]::before{border-left-color:var(--ink)}
.sd-vl button[aria-selected=true] b{color:var(--ac-d)}
.sd-vi img{display:block;width:100%;height:auto;aspect-ratio:3/2;max-height:640px;object-fit:contain;background:#fff;margin:0 auto}
.sd-vt b{display:block;font:600 26px/1.1 "Barlow Semi Condensed",Barlow,sans-serif;color:var(--ink)}
.sd-vt span{display:block;margin-top:6px;color:var(--mut)}
@media (max-width:980px){.sd-vw{grid-template-columns:1fr;gap:16px}.sd-vl{flex-direction:row;overflow-x:auto;scrollbar-width:none}.sd-vl::-webkit-scrollbar{display:none}.sd-vl button{flex:0 0 auto;border-bottom:3px solid transparent;padding:10px 16px 10px 0;margin-right:8px}.sd-vl button::before{display:none}.sd-vl button[aria-selected=true]{border-bottom-color:var(--ink)}}
.sd-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.sd-tbl{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}
.sd-tbl th,.sd-tbl td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.sd-tbl thead th{font:600 13px Barlow,sans-serif;letter-spacing:.06em;color:var(--ink);background:var(--bg2)}
.sd-tbl tbody th{font:600 12px/1.35 Barlow,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);white-space:normal;min-width:180px}
.sd-tbl thead th:first-child,.sd-tbl tbody th{position:sticky;left:0;z-index:1;background:#fff;box-shadow:inset -1px 0 0 var(--line),6px 0 8px -6px rgba(16,24,40,.18)}
.sd-tbl thead th:first-child{background:var(--bg2)}
.sd-g:has(.sd-tw) h3{grid-column:1/-1}.sd-g:has(.sd-tw) .sd-tw{grid-column:1/-1}
/* Yatay kayan sekme şeridinde devamı olduğunu gösteren sağ kenar solması (app.js edgeFade) */
.sd-tabs.fade,.sd-vl.fade{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 56px),transparent)}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Kurumsal: hedef alıntısı, dörtlü kart ızgarası, politika kartları (2026-11-14) */
.motto{margin:48px 0 0;padding:28px 32px;border-left:4px solid var(--ac);background:var(--bg2)}
.motto p{margin:8px 0 0;font:600 clamp(20px,2.2vw,26px)/1.4 "Barlow Semi Condensed",Barlow,sans-serif;color:var(--ink)}
@media (min-width:981px){.groups.g4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.polnav{display:flex;flex-wrap:wrap;gap:8px 10px;margin:0 0 32px}
.polnav a{padding:8px 14px;border:1px solid var(--line);font-size:14.5px;color:var(--ink);text-decoration:none;background:#fff}
.polnav a:hover{border-color:var(--ink)}
.pols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.polx{background:#fff;border:1px solid var(--line);padding:28px;scroll-margin-top:24px}
.polx b{display:block;font:600 14px/1 "Barlow Semi Condensed",Barlow,sans-serif;letter-spacing:.12em;color:var(--ac-d);margin-bottom:14px}
.polx h3{font:600 22px/1.2 "Barlow Semi Condensed",Barlow,sans-serif;margin:0 0 10px}
.polx>p{margin:0;color:var(--mut)}
.polx .list{margin:16px 0 0;gap:10px}.polx .list li{line-height:1.55}
@media (max-width:820px){.pols{grid-template-columns:1fr}.motto{padding:22px 20px}.polx{padding:22px}}
@media (min-width:981px){.steps.s3{grid-template-columns:repeat(3,1fr)}}
/* Blog ve haber yazıları (blog_sayfalari.js) */
.pc.post .im{aspect-ratio:16/10;background:var(--bg2)}.pc.post .im img{object-fit:cover}.pc.post h2{font-size:19px;font-weight:600;line-height:1.25}
.prose.post h3{font:600 22px/1.25 "Barlow Semi Condensed",Barlow,sans-serif;margin:32px 0 12px}.prose.post h4{font-size:18px;margin:24px 0 10px;color:var(--ink)}
.prose.post ol{padding-left:22px;margin:0 0 18px}.prose.post a{overflow-wrap:anywhere}.prose.post hr{border:0;border-top:1px solid var(--line);margin:32px 0}
.prose.post figure{margin:28px 0}.prose.post figure img,.prose.post video{display:block;width:100%;height:auto;background:var(--bg2)}.prose.post figcaption{font-size:14px;color:var(--mut);margin-top:8px}
.post-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin:28px 0}.prose.post .post-gal figure{margin:0}.prose.post .post-gal img{aspect-ratio:4/3;object-fit:cover}
.post-note{max-width:820px;background:var(--bg2);border-left:3px solid var(--ac);padding:12px 16px;margin:0 0 24px;font-size:15px}.post-back{margin:40px 0 0}
/* Basın listesi (basin.html) */
.pr{list-style:none;margin:0;padding:0;border-top:1px solid var(--line,#dfe3e8)}
.pr-i{padding:22px 0;border-bottom:1px solid var(--line,#dfe3e8);display:flex;flex-direction:column;gap:8px}
.pr-m{display:flex;flex-wrap:wrap;gap:6px 14px;font:600 12.5px/1.3 Barlow,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.pr-i h3{margin:0;font:600 21px/1.25 "Barlow Semi Condensed",Barlow,sans-serif}.pr-i h3 a{color:var(--ink);text-decoration:none}.pr-i h3 a:hover{text-decoration:underline}
.pr-i p{margin:0;max-width:760px;color:var(--mut);font-size:15.5px}.pr-s{font-size:14.5px!important}.pr-s a{white-space:nowrap}.pr-s svg{vertical-align:-2px}
/* başvuru formları (basvuru.html) */
.apply .ftabs{margin:28px 0 8px}.ftabs [role=tab][aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.fpanel{border-top:1px solid var(--line);padding-top:24px}.fpanel>p{margin:0 0 20px}.fh{font-size:22px;margin:0 0 12px}
form.f .fhint{font-weight:400;font-size:14px;color:var(--mut)}
form.f .ferr{font-weight:500;font-size:14px;color:#b42318}
form.f [aria-invalid=true]{border-color:#b42318;box-shadow:0 0 0 1px #b42318}
form.f .chk{flex-direction:row;align-items:flex-start;gap:12px;font-weight:400;flex-wrap:wrap}
form.f .chk input{width:22px;height:22px;flex:0 0 22px;margin:2px 0 0;padding:0}form.f .chk span:first-of-type{flex:1 1 0;min-width:0}form.f .chk .ferr{flex-basis:100%}
form.f input[type=file]{padding:10px;background:#f6f8fa}
form.f .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.fnova{background:#eef3f8;border-left:4px solid var(--ac);padding:18px 20px}.fnova b{display:block;margin-bottom:8px}.fnova .list{margin:0 0 10px}
.fout:focus{outline:none}.fout .err,.fout .ok{margin-top:16px}
form.f[hidden]{display:none}
@media (max-width:980px){.apply.two{grid-template-columns:1fr!important}}
/* Kurumsal tanıtım sunumu kartı (tanitim.html) */
.sunk{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);background:#fff;border:1px solid var(--line)}
.sunk .cv{display:block;background:#0f2443;aspect-ratio:16/9;overflow:hidden}.sunk .cv img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.sunk .cv:hover img{transform:scale(1.02)}
.sunk .b{padding:26px 28px;display:flex;flex-direction:column;gap:10px}.sunk h3{font:600 26px/1.15 "Barlow Semi Condensed",Barlow,sans-serif;margin:0;color:var(--ink)}
.sunk p{margin:0;font-size:15.5px;color:var(--mut)}.sunk .ac{margin-top:auto;padding-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.sunk .btn{padding:12px 18px;min-height:44px}.sunk .lnk{font-size:15px}
@media (max-width:820px){.sunk{grid-template-columns:1fr}.sunk .b{padding:20px}}