/* UNAT — Üretim süreçleri. Scoped styles; other pages remain unchanged. */
.unat-process{position:relative;isolation:isolate;background:#061b3d;color:#fff;overflow:hidden}
.unat-process__scene{position:relative;isolation:isolate;min-height:430px;display:flex;align-items:center;background:#051c41;overflow:hidden}
.unat-process__scene-image{position:absolute;inset:0;z-index:-1;background-image:url('../unat-uretim-sureci-background.webp');background-repeat:no-repeat;background-position:center 38%;background-size:cover}
.unat-process__scene-inner{width:min(1600px,calc(100% - 116px));margin:0 auto;padding:54px 0 62px;display:flex;align-items:center}
.unat-process__copy{max-width:730px;text-shadow:0 1px 7px rgba(0,12,30,.16)}
.unat-process__eyebrow{display:flex;gap:16px;align-items:center;color:#fff;font-size:12px;font-weight:600;letter-spacing:.24em;margin:0 0 29px}
.unat-process__eyebrow::before{content:'';height:16px;width:3px;background:#ed1d32;display:block;flex:none}
.unat-process__eyebrow::after{content:'';height:1px;width:105px;background:linear-gradient(90deg,#ed1d32,transparent);display:block;flex:none}
.unat-process h2{color:#fff;font-size:clamp(37px,3.55vw,61px);font-weight:600;letter-spacing:-.043em;line-height:1.12;margin:0 0 24px}
.unat-process h2 span{display:block}
.unat-process__desc{color:#e5eaf3;max-width:670px;font-size:clamp(16px,1.14vw,19px);line-height:1.63;font-weight:400;margin:0}
.unat-process__bottom{background:linear-gradient(180deg,#071d40,#061731);border-top:1px solid rgba(211,225,242,.22)}
.unat-process__steps{width:min(1600px,calc(100% - 70px));margin:0 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:28px 0 30px}
.unat-process__step{position:relative;min-width:0;padding:12px 18px 12px 18px;display:flex;flex-direction:column;align-items:center;text-align:center}
.unat-process__step:not(:first-child){border-left:1px solid rgba(189,210,238,.16)}
.unat-process__step:not(:last-child)::after{content:'→';font:400 23px/1 Cabin,Arial,sans-serif;position:absolute;right:-9px;top:110px;color:#f32439;z-index:2}
.unat-process__number{position:absolute;left:17px;top:5px;width:37px;height:37px;border:1.5px solid #ef233a;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:500;letter-spacing:0;line-height:1}
.unat-process__step img{width:min(100%,196px);height:126px;object-fit:contain;display:block;flex:none;margin:22px auto 4px}
.unat-process__step h3{color:#fff;font-weight:600;line-height:1.23;letter-spacing:-.027em;font-size:clamp(17px,1.28vw,21px);margin:7px 0 0}
.unat-process__step p{font-size:clamp(13px,.96vw,15px);line-height:1.55;color:#bdcbe0;font-weight:400;max-width:210px;margin:11px auto 0}
@media(max-width:1170px){
 .unat-process__steps{width:100%;display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:29px 21px 31px;scrollbar-width:thin;scrollbar-color:#42638b #071b39}
 .unat-process__step{flex:0 0 246px;scroll-snap-align:start;}
 .unat-process__scene-inner{width:calc(100% - 84px)}
 .unat-process__scene{min-height:402px}
}
@media(max-width:760px){
 .unat-process__scene{min-height:395px;align-items:flex-start}
 .unat-process__scene-image{background-position:63% center}
 .unat-process__scene-image::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,25,58,.82),rgba(5,25,58,.55)),linear-gradient(0deg,rgba(4,20,47,.35),transparent)}
 .unat-process__scene-inner{width:calc(100% - 42px);padding:62px 0 52px}
 .unat-process__copy{max-width:570px}
 .unat-process__eyebrow{font-size:11px;letter-spacing:.17em;margin-bottom:23px}
 .unat-process__eyebrow::after{width:65px}
 .unat-process h2{font-size:clamp(33px,8vw,43px);margin-bottom:19px;line-height:1.15}
 .unat-process h2 span{display:inline}
 .unat-process__desc{font-size:16px;line-height:1.6}
 .unat-process__steps{padding:22px 12px 25px}
 .unat-process__step{flex-basis:211px;padding:9px 16px}
 .unat-process__step img{width:174px;height:113px}
 .unat-process__number{left:10px;top:4px;width:34px;height:34px}
 .unat-process__step h3{font-size:19px}
 .unat-process__step p{font-size:14px}
}
@media(max-width:400px){
 .unat-process__scene{min-height:405px}
 .unat-process h2{font-size:33px}
 .unat-process__desc{font-size:15.5px}
}