@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');

:root { --red:#cf0712; --red-dark:#a90009; --ink:#202124; --heading:#4b4e52; --body-text:#303235; --muted-text:#686c70; --dark-gray:#47494d; --dark-gray-deep:#393b3f; --gray:#777a7e; --line:#d7d9dc; --soft:#f0f1f2; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:#fff; color:var(--body-text); font-family:"Oswald","Arial Narrow",sans-serif; font-size:16px; font-weight:400; line-height:1.6; }
body *,button,input,textarea,select { font-family:"Oswald","Arial Narrow",sans-serif !important; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }

.page-loader { position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; gap:14px; background:var(--soft); color:#55585c; opacity:1; visibility:visible; transition:opacity .45s ease,visibility .45s ease; }
.page-loader-line { width:0; height:3px; background:var(--red); animation:loader-line .65s cubic-bezier(.22,1,.36,1) forwards; }
.page-loader img { width:clamp(145px,16vw,210px); height:auto; object-fit:contain; opacity:0; transform:translateY(8px); animation:loader-name .4s ease .16s forwards; }
.page-loading { overflow:hidden; }
.page-loading .site-header,.page-loading main,.page-loading footer { opacity:0; transform:translateY(12px); }
.page-ready .page-loader { opacity:0; visibility:hidden; pointer-events:none; }
.page-ready .site-header,.page-ready main,.page-ready footer { opacity:1; transform:none; transition:opacity .6s ease,transform .7s cubic-bezier(.22,1,.36,1); }
.page-ready main { transition-delay:.08s; }
.page-ready footer { transition-delay:.14s; }
.hero-word { display:inline-block; opacity:0; transform:translateY(.45em); }
.hero-letter { display:inline-block; opacity:1; }
.page-ready .hero-word { animation:hero-word-in .28s cubic-bezier(.22,1,.36,1) var(--word-delay) forwards; }
.hero-content h1 .hero-title-word { transform:translateY(.7em) scale(.94); filter:blur(7px); }
.page-ready .hero-content h1 .hero-title-word { animation:hero-title-word-in .42s cubic-bezier(.16,1,.3,1) var(--word-delay) forwards; }
.hero-content.is-letter-animated .hero-actions { opacity:0; transform:translateY(16px); }
.page-ready .hero-content.is-letter-animated .hero-actions { animation:hero-actions-in .5s cubic-bezier(.22,1,.36,1) var(--actions-delay) forwards; }
@keyframes loader-line { to { width:44px; } }
@keyframes loader-name { to { opacity:1; transform:none; } }
@keyframes hero-word-in { to { opacity:1; transform:translateY(0); } }
@keyframes hero-title-word-in { to { opacity:1; transform:translateY(0) scale(1); filter:blur(0); } }
@keyframes hero-letter-hover {
  0%,100% { transform:translateY(0) rotate(0); }
  38% { transform:translateY(-.13em) rotate(-3deg); }
  68% { transform:translateY(.03em) rotate(2deg); }
}
@keyframes hero-actions-in { to { opacity:1; transform:none; } }

.site-header { height:94px; display:grid; grid-template-columns:210px 1fr 160px; align-items:center; padding:0 3vw; border-bottom:1px solid #b3b5b8; background:#c9cbcef2; position:sticky; top:0; z-index:50; backdrop-filter:blur(12px); }
.brand { width:150px; height:86px; display:flex; align-items:center; justify-content:flex-start; }
.brand img { width:100%; height:100%; object-fit:contain; object-position:left center; }
nav { display:flex; justify-content:center; align-items:stretch; gap:clamp(22px,2.2vw,40px); font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.065em; }
nav a { padding:39px 0 37px; position:relative; }
nav a::after { content:""; position:absolute; left:0; right:100%; bottom:25px; height:2px; background:var(--red); transition:right .25s; }
nav a:hover::after { right:0; }
nav a.is-active { color:var(--ink); }
nav a.is-active::after { right:0; }
.nav-dropdown { position:relative; display:flex; }
.nav-dropdown-trigger { display:flex; align-items:center; gap:7px; }
.nav-dropdown-trigger span { display:inline-block; color:var(--red); font-size:15px; font-weight:800; line-height:1; transition:transform .25s; }
.nav-submenu { position:absolute; left:50%; top:calc(100% - 1px); width:255px; padding:10px 0; background:#47494df7; border-top:3px solid var(--red); box-shadow:0 18px 40px #00000030; opacity:0; visibility:hidden; transform:translate(-50%,10px); transition:opacity .25s,transform .25s,visibility .25s; }
.nav-submenu a { display:block; padding:15px 22px; color:#d5d5d5; font-size:11px; letter-spacing:.08em; }
.nav-submenu a::before { content:""; display:inline-block; width:6px; height:6px; margin-right:13px; background:var(--red); vertical-align:2px; }
.nav-submenu a::after { display:none; }
.nav-submenu a:hover { color:#fff; background:#ffffff0a; }
.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu { opacity:1; visibility:visible; transform:translate(-50%,0); }
.nav-dropdown:hover .nav-dropdown-trigger span,.nav-dropdown:focus-within .nav-dropdown-trigger span { transform:rotate(180deg); }
.header-cta { justify-self:end; background:var(--red); color:#fff; padding:16px 20px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; box-shadow:0 8px 20px #cf071220; transition:background .25s,transform .25s,box-shadow .25s; }
.header-cta span { margin-left:18px; color:#fff; }
.header-cta:hover { background:#a6040c; transform:translateY(-2px); box-shadow:0 12px 25px #cf071238; }
.menu-toggle { display:none; width:44px; height:44px; padding:10px; border:1px solid #b9bbbe; background:#ffffff80; cursor:pointer; align-items:center; justify-content:center; flex-direction:column; gap:5px; }
.menu-toggle span { width:21px; height:2px; background:var(--ink); transition:transform .2s ease,opacity .2s ease; }
.menu-toggle.is-open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.menu-toggle.is-open span:nth-child(2) { opacity:0; }
.menu-toggle.is-open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
main>section,.location-section,.contact-form-section { scroll-margin-top:94px; }

.hero { min-height:720px; display:grid; grid-template-columns:47% 53%; position:relative; overflow:hidden; background:var(--soft); }
.hero-content { padding:110px 6vw 90px 7.5vw; align-self:center; }
.eyebrow,.section-kicker { font-family:"Segoe UI",Arial,sans-serif; font-size:10px; letter-spacing:.15em; font-weight:700; text-transform:uppercase; color:#62656a; display:flex; align-items:center; gap:12px; }
.section-kicker { color:var(--red); }
.section-kicker::before { content:""; display:block; flex:0 0 32px; width:32px; height:3px; background:var(--red); }
.eyebrow>span:first-child { flex:0 0 28px; width:28px; height:2px; background:var(--red); }
h1 { color:var(--heading); font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow",sans-serif; font-size:clamp(58px,5.4vw,90px); line-height:.96; letter-spacing:-.035em; margin:28px 0; font-weight:700; text-transform:uppercase; }
h1 em { color:var(--red); font-style:normal; }
.hero-content>p { color:var(--muted-text); max-width:570px; line-height:1.8; font-size:16px; }
.hero-actions { margin-top:38px; display:flex; align-items:center; gap:35px; }
.button { display:inline-flex; align-items:center; justify-content:space-between; min-width:245px; padding:20px 22px; text-transform:uppercase; font-size:11px; letter-spacing:.08em; font-weight:800; transition:transform .2s; }
.button:hover { transform:translateY(-2px); }
.button--primary { background:var(--red); color:#fff; }
.button span { font-size:18px; }
.text-link,.inline-link { font-size:12px; text-transform:uppercase; font-weight:800; letter-spacing:.08em; border-bottom:1px solid #bbb; padding-bottom:7px; }
.text-link span,.inline-link span { color:var(--red); margin-left:8px; }
.hero-visual { position:relative; min-height:650px; }
.hero-visual .image-placeholder { height:100%; border:none; }
.hero-slider { position:absolute; inset:0; overflow:hidden; background:var(--dark-gray); }
.hero-slide { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:30px; background-color:var(--dark-gray); background-position:center; background-size:cover; opacity:0; transform:scale(1.025); transition:opacity .8s ease,transform 1.2s ease; }
.hero-slide::after { content:""; position:absolute; inset:0; background:linear-gradient(135deg,#5a5c60cc,#393b3fdd); transition:opacity .4s; }
.hero-slide.is-active { opacity:1; transform:scale(1); z-index:1; }
.hero-slide.is-active::after { opacity:.25; }
.hero-slide span { position:relative; z-index:1; color:#ccc; font-size:11px; letter-spacing:.15em; text-transform:uppercase; }
.hero-slide.has-image span { display:none; }
.hero-slide.has-image { filter:saturate(1.18) contrast(1.06) brightness(1.03); }
.hero-slide.has-image::after { background:linear-gradient(135deg,#00000012,#00000024); }
.hero-slide.has-image.is-active::after { opacity:.12; }
.hero-slider-controls { position:absolute; right:28px; bottom:28px; z-index:3; display:flex; gap:8px; }
.hero-slider-button { width:46px; height:46px; border:1px solid #ffffff70; background:transparent; color:#fff; cursor:pointer; font-size:20px; transition:background .2s,border-color .2s,transform .2s; }
.hero-slider-button:hover { background:var(--red); border-color:var(--red); transform:translateY(-2px); }
.hero-slider-button:focus-visible { outline:3px solid #fff; outline-offset:2px; }
.hero-stat { position:absolute; left:0; bottom:0; z-index:2; background:#fff; padding:28px 36px; width:310px; display:flex; flex-direction:column; gap:8px; }
.hero-stat strong { text-transform:uppercase; font-size:14px; }
.hero-stat span { font-size:11px; color:var(--gray); letter-spacing:.04em; }
.hero-index { position:absolute; bottom:35px; left:4vw; font-size:12px; font-weight:800; letter-spacing:.1em; }
.hero-index span { color:var(--red); margin:0 6px; }

.image-placeholder { background:linear-gradient(135deg,#ededec,#d8d9da); border:1px dashed #afb0b1; min-height:300px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:14px; color:#777; font-size:11px; text-transform:uppercase; letter-spacing:.15em; }
.image-placeholder--dark { background:linear-gradient(135deg,#5b5d61,#3e4044); border-color:#717377; color:#ddd; }
.placeholder-mark { border:1px solid currentColor; width:45px; height:45px; border-radius:50%; display:grid; place-items:center; font-size:24px; font-weight:200; }

.section { padding:120px 7.5vw; }
.intro { display:grid; grid-template-columns:25% 75%; }
.intro-copy { grid-column:2; display:grid; grid-template-columns:1.4fr .8fr; gap:7vw; align-items:end; }
h2 { margin:0; color:var(--heading); font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow",sans-serif; font-size:clamp(42px,4.3vw,70px); font-weight:700; line-height:1.04; letter-spacing:-.025em; }
h3 { font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow",sans-serif; letter-spacing:-.01em; }
.intro-detail p,.section-heading>p,.production-copy>p { color:#666; line-height:1.8; font-size:15px; }
.intro-detail .inline-link { display:inline-block; margin-top:22px; }
.intro-stats { grid-column:2; display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-bottom:72px; }
.intro-stat { display:flex; flex-direction:column; align-items:center; text-align:center; }
.intro-stat svg { width:66px; height:66px; margin-bottom:18px; fill:none; stroke:var(--red); stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.intro-stat strong { color:var(--red); font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow",sans-serif; font-size:clamp(32px,3vw,48px); line-height:1; }
.intro-stat span { margin-top:10px; color:#555; font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }

.corporate-sections { display:none; position:relative; min-height:calc(100vh - 94px); padding:0; background:var(--dark-gray); }
.corporate-back { min-height:42px; display:inline-flex; align-items:center; gap:11px; margin-bottom:45px; padding:5px 15px 5px 5px; border:1px solid #b8babd; border-radius:999px; background:#f0f1f2e8; color:#666; box-shadow:0 8px 24px #20212414; font-size:10px; letter-spacing:.09em; text-transform:uppercase; backdrop-filter:blur(8px); transition:color .2s,border-color .2s,box-shadow .2s,transform .2s; }
.corporate-back>span { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:var(--red); color:#fff; font-size:17px; transition:transform .2s,background .2s; }
.corporate-back>strong { font-weight:800; }
.corporate-back:hover { color:#55585c; border-color:#96989b; box-shadow:0 12px 28px #20212420; transform:translateY(-2px); }
.corporate-back:hover>span { background:var(--red-dark); transform:translateX(-2px); }
.corporate-view main>section:not(.corporate-sections) { display:none; }
.corporate-view .corporate-sections { display:block; }
.corporate-sections>.corporate-back { position:absolute; left:7.5vw; top:30px; z-index:3; margin:0; border-color:#ffffff40; color:#ddd; }
.corporate-view .corporate-panel { display:none; }
.corporate-view .corporate-panel.is-active { display:block; }
.corporate-panel { display:none; min-height:calc(100vh - 94px); padding:115px 7.5vw 80px; color:#fff; background-color:var(--dark-gray); background-image:linear-gradient(90deg,#393b3ff2 0%,#393b3fdb 42%,#47494d82 72%,#393b3fa8 100%),var(--corporate-bg); background-position:center; background-size:cover; }
.corporate-panel>.section-kicker { color:#ef666c; }
.corporate-panel>h1 { max-width:1100px; margin:30px 0; color:#fff; font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow",sans-serif; font-size:clamp(52px,6.5vw,105px); font-weight:700; line-height:.92; letter-spacing:-.025em; text-wrap:balance; }
.corporate-panel>p { max-width:650px; color:#c5c5c5; font-size:17px; line-height:1.8; }
.corporate-intro { margin-top:80px; padding:55px 0 10px; border-top:1px solid #ffffff18; }
.corporate-intro>p { max-width:1100px; margin:0; padding-left:36px; border-left:3px solid var(--red); color:#d5d5d5; font-size:clamp(20px,2vw,30px); line-height:1.65; }
.corporate-intro>p strong { color:#fff; }
#hakkimizda .corporate-intro { width:calc(100% + 15vw); margin:70px -7.5vw -80px; padding:62px 7.5vw 90px; border-top:1px solid #cfd1d4; background:transparent; }
#hakkimizda .corporate-intro>p { font-size:clamp(17px,1.45vw,22px); }
#hakkimizda .corporate-intro h2 { font-size:clamp(30px,3vw,48px); }
.corporate-facts { max-width:760px; margin-top:40px; display:grid; grid-template-columns:repeat(3,minmax(150px,210px)); gap:28px; }
.corporate-facts>div { min-height:90px; display:flex; flex-direction:column; justify-content:center; gap:10px; padding:10px 0; }
.corporate-facts strong { color:var(--red); font-size:clamp(18px,1.8vw,27px); line-height:1; letter-spacing:-.02em; }
.corporate-facts span { color:#777; font-size:10px; font-weight:800; letter-spacing:.15em; }
.about-content { width:calc(100% + 15vw); margin:150px -7.5vw -80px; padding:40px 7.5vw 95px; border-top:1px solid #cfd1d4; background:transparent; }
.about-main-copy { max-width:1120px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 5vw; margin-top:65px; }
.about-main-copy p { margin:0; color:#303235; font-size:15px; line-height:1.9; }
.about-main-copy p:first-child { grid-column:1/-1; max-width:900px; padding-left:26px; border-left:3px solid var(--red); color:#292b2e; font-size:clamp(18px,1.7vw,24px); }
.about-main-copy strong { color:#44474a; }
.efem-mekatronik { display:inline-block; white-space:nowrap; font-weight:700; direction:ltr; unicode-bidi:isolate; }
.efem-mekatronik>span { color:#ed7a22; }
.efem-mekatronik>b { color:#253f68; font-weight:700; }
.ortaca-plastik { white-space:nowrap; font-weight:700; }
.ortaca-plastik>span { color:#666a6e; }
.ortaca-plastik>b { color:var(--red); font-weight:700; }
.about-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(28px,4vw,72px); }
.about-stats>div { min-height:145px; display:flex; flex-direction:column; justify-content:center; gap:12px; padding:24px 0; }
.about-stat-icon { width:52px; height:52px; margin-bottom:4px; fill:none; stroke:var(--red); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 2px 8px #00000035); }
.about-stats strong { color:var(--red); font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow",sans-serif; font-size:clamp(27px,3vw,45px); line-height:1; }
.about-stats span { color:#6e7074; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.about-sectors,.about-timeline { margin-top:75px; }
.about-sectors h2,.about-timeline h2 { margin:0 0 30px; color:var(--heading); font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow",sans-serif; font-size:clamp(32px,3.5vw,52px); line-height:1; }
.about-sectors>div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.about-sectors span { min-height:78px; position:relative; display:grid; place-items:center; padding:16px 28px; overflow:hidden; border:1px solid #d3d5d8; border-radius:4px; background:linear-gradient(145deg,#f0f1f2,#e4e6e8); color:#55585c; box-shadow:0 8px 22px #2021240d; font-size:clamp(17px,1.5vw,21px); font-weight:700; line-height:1.2; text-align:center; isolation:isolate; transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .35s,background .3s,color .3s; }
.about-sectors span::before { content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(180deg,var(--red),#8f0209); transition:width .35s cubic-bezier(.22,1,.36,1); }
.about-sectors span::after { content:""; width:150px; height:150px; position:absolute; right:-95px; top:-100px; z-index:-1; border-radius:50%; background:#cf07120d; transform:scale(.7); transition:transform .45s cubic-bezier(.22,1,.36,1),background .3s; }
.about-timeline-list { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; padding-top:28px; }
.about-timeline-list::before { content:""; position:absolute; left:0; right:0; top:5px; height:2px; background:linear-gradient(90deg,var(--red),#cf071255); }
.about-timeline-list article { position:relative; min-height:180px; padding:30px 28px 26px; overflow:visible; border:1px solid #d0d2d5; border-top:3px solid var(--red); border-radius:8px; background:linear-gradient(145deg,#fff 0%,#f7f8f9 100%); box-shadow:0 12px 30px #20212412; transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s; }
.about-timeline-list article::before { content:""; width:12px; height:12px; position:absolute; left:24px; top:-30px; border:4px solid #f4f5f6; border-radius:50%; background:var(--red); box-sizing:content-box; }
.about-timeline-list article::after { content:""; position:absolute; right:0; bottom:0; width:85px; height:85px; border-radius:100% 0 8px 0; background:linear-gradient(145deg,#cf071203,#cf071214); pointer-events:none; transition:transform .35s ease,background .3s; }
.about-timeline-list strong { display:inline-block; padding:4px 12px; border-radius:3px; background:#cf07120d; color:var(--red); font-size:21px; letter-spacing:.035em; }
.about-timeline-list p { margin:14px 0 0; color:#303235; font-size:14px; line-height:1.7; }
@media (hover:hover) {
  .about-sectors span:hover { transform:translateY(-8px); border-color:#cf071255; background:linear-gradient(145deg,#eaeced,#dde0e2); color:#343639; box-shadow:0 22px 45px #2021241b; }
  .about-sectors span:hover::before { width:7px; }
  .about-sectors span:hover::after { background:#cf071218; transform:scale(1.15); }
  .about-timeline-list article:hover { transform:translateY(-7px); border-color:#cf071255; box-shadow:0 22px 46px #2021241c; }
  .about-timeline-list article:hover::after { background:#cf07121c; transform:scale(1.2); }
}
.corporate-intro h2 { display:flex; align-items:center; gap:20px; margin:75px 0 35px; color:#fff; font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow",sans-serif; font-size:clamp(34px,4vw,62px); font-weight:700; line-height:1; letter-spacing:-.02em; }
.corporate-intro h2::before { content:""; width:52px; height:4px; flex:none; background:var(--red); }
.corporate-copy { display:grid; grid-template-columns:1fr 1fr; gap:5vw; padding-left:72px; }
.corporate-copy p { margin:0; color:#aaa; font-size:15px; line-height:1.85; }
.quality-content { margin-top:70px; padding-top:50px; border-top:1px solid #cfd1d4; }
.quality-content>h2 { margin:0 0 30px; color:var(--heading); font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow",sans-serif; font-size:clamp(32px,3.5vw,52px); line-height:1; }
.quality-principles { width:min(1080px,100%); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0; }
.quality-principles>div { min-height:78px; position:relative; display:grid; place-items:center; padding:16px 28px; overflow:hidden; border:1px solid #d3d5d8; border-radius:4px; background:linear-gradient(145deg,#f0f1f2,#e4e6e8); box-shadow:0 8px 22px #2021240d; isolation:isolate; transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .35s,background .3s; }
.quality-principles>div::before { content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(180deg,var(--red),#8f0209); transition:width .35s cubic-bezier(.22,1,.36,1); }
.quality-principles>div::after { content:""; width:150px; height:150px; position:absolute; right:-95px; top:-100px; z-index:-1; border-radius:50%; background:#cf07120d; transform:scale(.7); transition:transform .45s cubic-bezier(.22,1,.36,1),background .3s; }
.quality-principles strong { color:#55585c; font-size:clamp(17px,1.5vw,21px); line-height:1.2; text-align:center; transition:color .3s,transform .35s; }
.quality-content>p { max-width:880px; margin:30px 0 0; color:#303235; font-size:16px; line-height:1.85; }
.quality-content>.certificate-title { margin-top:70px; padding-top:45px; border-top:1px solid #cfd1d4; text-align:center; }
.certificate-gallery { width:min(940px,100%); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin:0 auto; padding:8px 12px 18px; }
.certificate-card { min-width:0; margin:0; padding:14px 14px 18px; border:1px solid #d1d3d6; background:#fff; box-shadow:0 12px 30px #20212412; font:inherit; cursor:pointer; transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .25s; }
.certificate-card img { width:100%; height:280px; display:block; object-fit:contain; background:#fff; }
.certificate-card>span { display:flex; flex-direction:column; gap:6px; margin-top:15px; color:#666; text-align:left; }
.certificate-card strong { font-size:13px; letter-spacing:.06em; }
.certificate-card small { color:#85878a; font-size:11px; line-height:1.4; }
.certificate-modal[hidden] { display:none; }
.certificate-modal { position:fixed; inset:0; z-index:1100; display:flex; align-items:center; justify-content:center; padding:24px; background:#202124d6; backdrop-filter:blur(8px); }
.certificate-modal-dialog { max-width:min(900px,100%); max-height:calc(100vh - 48px); position:relative; display:flex; flex-direction:column; align-items:center; gap:12px; }
.certificate-modal-dialog img { max-width:100%; max-height:calc(100vh - 100px); object-fit:contain; background:#fff; box-shadow:0 24px 70px #0008; }
.certificate-modal-dialog p { margin:0; color:#fff; font-size:13px; font-weight:700; letter-spacing:.05em; text-align:center; }
.certificate-modal-close { position:absolute; right:-18px; top:-18px; z-index:2; width:44px; height:44px; display:grid; place-items:center; padding:0 0 3px; border:1px solid #ffffff80; border-radius:50%; background:var(--red); color:#fff; font-size:28px; line-height:1; cursor:pointer; }
.product-modal-nav[hidden] { display:none; }
.product-modal-nav { position:fixed; top:50%; z-index:2; width:54px; height:54px; display:grid; place-items:center; padding:0 0 5px; border:1px solid #ffffff80; border-radius:50%; background:#202124b8; color:#fff; font-size:38px; line-height:1; cursor:pointer; transform:translateY(-50%); transition:background .2s,border-color .2s,transform .2s; }
.product-modal-prev { left:28px; }
.product-modal-next { right:28px; }
.product-modal-nav:hover { border-color:var(--red); background:var(--red); transform:translateY(-50%) scale(1.06); }
.career-content { width:calc(100% + 15vw); margin:60px -7.5vw -80px; padding:58px 7.5vw 95px; border-top:1px solid #cfd1d4; }
.career-intro { max-width:1040px; margin:0; padding-left:28px; border-left:3px solid var(--red); color:#292b2e; font-size:clamp(18px,1.65vw,24px); line-height:1.75; }
.career-values { margin-top:70px; }
.career-values>h2,.career-application h2 { margin:0; color:var(--heading); font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow",sans-serif; font-size:clamp(34px,3.8vw,56px); line-height:1; }
.career-value-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:32px; }
.career-value-grid article { min-height:220px; position:relative; display:flex; flex-direction:column; justify-content:center; padding:34px 28px 30px; overflow:hidden; border:1px solid #c9cbce; border-radius:6px; background:linear-gradient(145deg,#e9eaec,#d6d9dc); box-shadow:0 10px 26px #20212410; isolation:isolate; transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .35s,background .3s; }
.career-value-grid article::before { content:""; position:absolute; left:28px; right:28px; top:0; height:4px; background:linear-gradient(90deg,var(--red),#cf071230); transition:left .35s,right .35s,height .35s; }
.career-value-grid article::after { content:""; width:150px; height:150px; position:absolute; right:-95px; bottom:-105px; z-index:-1; border-radius:50%; background:#cf071212; transition:transform .45s,background .3s; }
.career-value-grid h3 { margin:0 0 18px; padding-bottom:17px; position:relative; color:#3f4245; font-size:21px; line-height:1.2; }
.career-value-grid h3::after { content:""; width:34px; height:2px; position:absolute; left:0; bottom:0; background:var(--red); transition:width .35s; }
.career-value-grid p { margin:0; color:#303235; font-size:14px; line-height:1.75; }
.career-application { margin-top:80px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:50px; padding:48px 52px; background:linear-gradient(145deg,#d9dbde,#c7c9cd); box-shadow:0 20px 45px #20212420; }
.career-application>div>span { display:block; margin-bottom:18px; color:#ef676d; font-size:10px; font-weight:800; letter-spacing:.17em; }
.career-application h2 { color:#55585c; }
.career-application p { max-width:780px; margin:22px 0 0; color:#303235; font-size:15px; line-height:1.8; }
.career-application .ortaca-plastik>span { color:#666a6e; }
.career-apply-button { min-height:54px; display:inline-flex; align-items:center; justify-content:center; gap:28px; padding:15px 23px; border:1px solid #ffffff80; background:var(--red); color:#fff; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; white-space:nowrap; transition:background .25s,transform .25s,box-shadow .25s; }
@media (hover:hover) {
  .quality-principles>div:hover { transform:translateY(-8px); border-color:#cf071255; background:linear-gradient(145deg,#eaeced,#dde0e2); box-shadow:0 22px 45px #2021241b; }
  .quality-principles>div:hover::before { width:7px; }
  .quality-principles>div:hover::after { background:#cf071218; transform:scale(1.15); }
  .quality-principles>div:hover strong { color:#343639; transform:scale(1.04); }
  .certificate-card:hover { transform:translateY(-6px); border-color:#cf071270; box-shadow:0 18px 38px #20212420; }
  .career-value-grid article:hover { transform:translateY(-8px); border-color:#cf071270; background:linear-gradient(145deg,#f0f1f2,#dadddf); box-shadow:0 20px 40px #20212420; }
  .career-value-grid article:hover::before { left:0; right:0; height:5px; }
  .career-value-grid article:hover::after { background:#cf071220; transform:scale(1.35); }
  .career-value-grid article:hover h3::after { width:58px; }
  .career-apply-button:hover { background:#a6040c; transform:translateY(-3px); box-shadow:0 12px 25px #0004; }
}

.service-pages { display:none; position:relative; min-height:calc(100vh - 94px); padding:0; background:var(--dark-gray); }
.service-view main>section:not(.service-pages) { display:none; }
.service-view .service-pages { display:block; }
.service-pages>.corporate-back { position:absolute; left:7.5vw; top:30px; z-index:3; margin:0; border-color:#ffffff40; color:#ddd; }
.service-pages>.corporate-back:hover { color:#55585c; }
.service-page { display:none; min-height:calc(100vh - 94px); padding:115px 7.5vw 80px; color:#fff; background-color:var(--dark-gray); background-image:linear-gradient(90deg,#393b3ff2 0%,#393b3fdb 42%,#47494d82 72%,#393b3fa8 100%),var(--service-bg); background-position:center; background-size:cover; }
.service-view .service-page.is-active { display:block; }
.service-page .section-kicker { color:#ef666c; }
.service-page h1 { max-width:1200px; margin:30px 0; color:#fff; font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow",sans-serif; font-size:clamp(52px,6.5vw,105px); font-weight:700; line-height:.92; letter-spacing:-.025em; text-wrap:balance; }
.service-page>p { max-width:650px; margin:0; color:#c5c5c5; font-size:17px; line-height:1.8; }
.service-mini-grid { width:min(760px,100%); display:grid; grid-template-columns:repeat(3,1fr); margin-top:55px; border:1px solid #ffffff2b; background:#393b3f99; backdrop-filter:blur(7px); }
.service-mini-grid div { min-height:120px; display:flex; flex-direction:column; justify-content:center; gap:12px; padding:24px 28px; border-right:1px solid #ffffff1f; }
.service-mini-grid div:last-child { border-right:0; }
.service-mini-grid strong { color:#ef4b53; font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow",sans-serif; font-size:21px; font-weight:700; letter-spacing:.015em; text-transform:uppercase; }
.service-mini-grid span { color:#aaa; font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.service-products { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:80px; }
.service-product-card { min-width:0; min-height:300px; border:1px solid #ffffff26; background:#414347d9; transition:transform .3s,border-color .3s,background .3s; }
.service-product-card:hover { transform:translateY(-7px); border-color:#cf071270; background:#515357ed; }
.service-product-card.scroll-reveal.is-visible:hover { transform:translateY(-7px); }
.service-product-image { height:190px; background-color:#5a5c60; background-position:center; background-size:cover; border-bottom:1px solid #ffffff24; }
.service-product-content { min-height:108px; padding:24px; }
.service-visual-gallery { width:calc(100% + 15vw); margin:70px -7.5vw -80px; padding:52px 5vw 80px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; background:transparent; }
.service-visual-item { min-width:0; min-height:clamp(330px,32vw,500px); position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; overflow:hidden; border:1px solid #c9cbce; background:linear-gradient(145deg,#dfe1e3,#cfd2d5); color:#777; font-size:10px; letter-spacing:.16em; transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .25s,background .25s; }
.service-visual-item img { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; opacity:0; transition:opacity .25s,transform .45s cubic-bezier(.22,1,.36,1),filter .3s; }
.service-visual-item.has-image img { opacity:1; }
.service-visual-item.has-image>.placeholder-mark,.service-visual-item.has-image>span { display:none; }
.service-visual-item::after { content:""; position:absolute; inset:0; z-index:1; background:#20212420; opacity:0; transition:opacity .25s; }
.service-visual-item>.placeholder-mark,.service-visual-item>span { position:relative; z-index:1; }
.service-visual-open { position:absolute; left:50%; top:50%; z-index:2; min-width:130px; min-height:48px; display:flex; align-items:center; justify-content:center; gap:18px; padding:12px 18px; border:1px solid #ffffffb0; background:#f0f1f2ee; color:#55585c; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; opacity:0; transform:translate(-50%,calc(-50% + 12px)); transition:opacity .22s,transform .22s,background .2s,color .2s; }
.service-visual-open b { color:var(--red); font-size:16px; }
.service-visual-item:hover::after,.service-visual-item:focus-within::after { opacity:1; }
.service-visual-item:hover .service-visual-open,.service-visual-item:focus-within .service-visual-open { opacity:1; transform:translate(-50%,-50%); }
.service-visual-open:hover { background:var(--red); border-color:var(--red); color:#fff; }
.service-visual-open:hover b { color:#fff; }
.service-detail-modal[hidden] { display:none; }
.service-detail-modal { position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; padding:28px; background:#202124b8; backdrop-filter:blur(8px); }
.service-detail-dialog { width:min(1100px,100%); max-height:calc(100vh - 56px); position:relative; overflow:auto; padding:clamp(35px,5vw,68px); background:linear-gradient(145deg,#f4f5f6,var(--soft)); color:#55585c; box-shadow:0 30px 80px #00000050; }
.service-detail-close { position:absolute; right:18px; top:18px; width:42px; height:42px; display:grid; place-items:center; border:1px solid #aeb1b4; border-radius:50%; background:transparent; color:#55585c; font-size:27px; cursor:pointer; transition:background .2s,color .2s,border-color .2s; }
.service-detail-close:hover { background:var(--red); border-color:var(--red); color:#fff; }
.service-detail-dialog>h2 { margin:18px 0 20px; font-size:clamp(38px,5vw,68px); }
.service-detail-lead { max-width:760px; color:#6f7175; font-size:16px; line-height:1.8; }
.service-detail-features,.service-detail-table-section { margin-top:45px; padding-top:28px; border-top:1px solid #c9cbce; }
.service-detail-features h3,.service-detail-table-section h3 { margin:0 0 24px; color:var(--red); font-size:12px; letter-spacing:.13em; text-transform:uppercase; }
.service-detail-features ul { display:grid; grid-template-columns:1fr 1fr; gap:15px 45px; margin:0; padding:0; list-style:none; }
.service-detail-features li { position:relative; padding-left:22px; line-height:1.5; }
.service-detail-features li::before { content:""; position:absolute; left:0; top:.55em; width:7px; height:7px; border-radius:50%; background:var(--red); }
.service-detail-table-wrap { overflow-x:auto; border:1px solid #c9cbce; border-radius:10px; }
.service-detail-table { width:100%; }
.service-detail-dialog table { width:100%; min-width:680px; border-collapse:collapse; }
.service-detail-dialog th,.service-detail-dialog td { padding:17px 15px; border-bottom:1px solid #d7d9dc; text-align:left; }
.service-detail-dialog th { background:#e3e5e7; color:#55585c; font-size:12px; }
.service-detail-dialog td { color:#6f7175; font-size:13px; }
.service-detail-dialog tbody tr:last-child td { border-bottom:0; }
.service-detail-quote { width:max-content; display:inline-flex; align-items:center; gap:25px; margin-top:38px; padding:16px 22px; background:var(--red); color:#fff; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.service-detail-quote:hover { background:var(--red-dark); }
body.modal-open { overflow:hidden; }
.project-showcase { margin-top:80px; display:flex; flex-direction:column; gap:90px; }
.project-feature { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(45px,7vw,105px); }
.project-feature-media { min-height:clamp(320px,34vw,470px); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; overflow:hidden; border:1px solid #c9cbce; border-radius:6px; background:linear-gradient(145deg,#dfe1e3,#cfd2d5); color:#777; font-size:10px; letter-spacing:.16em; transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .25s,background .25s; }
.project-feature-media img { width:100%; min-height:inherit; display:none; object-fit:cover; transition:transform .45s cubic-bezier(.22,1,.36,1),filter .3s; }
.project-feature-media.has-image img { display:block; }
.project-feature-media.has-image>.placeholder-mark,.project-feature-media.has-image>.placeholder-mark+span { display:none; }
.project-feature-copy>span { color:var(--red); font-size:10px; font-weight:800; letter-spacing:.16em; }
.project-feature-copy h2 { margin:18px 0 24px; color:#55585c; font-size:clamp(32px,3.2vw,52px); text-transform:none; }
.project-feature-copy p { max-width:620px; margin:0; color:#6f7175; font-size:16px; line-height:1.85; }
@media (hover:hover) {
  .service-visual-item:hover,.service-visual-item.scroll-reveal.is-visible:hover { z-index:2; transform:translateY(-8px); border-color:#cf071280; background:linear-gradient(145deg,#e4e6e8,#d3d6d9); box-shadow:0 20px 42px #20212424; }
  .service-visual-item:hover img { transform:scale(1.045); filter:saturate(1.08) contrast(1.03); }
  .project-feature-media:hover { transform:translateY(-8px); border-color:#cf071280; background:linear-gradient(145deg,#e4e6e8,#d3d6d9); box-shadow:0 20px 42px #20212424; }
  .project-feature-media:hover img { transform:scale(1.045); filter:saturate(1.08) contrast(1.03); }
}
@media (hover:none) {
  .service-visual-item::after { opacity:.35; }
  .service-visual-open { opacity:1; transform:translate(-50%,-50%); }
}

.contact-page { display:none; background:#fff; }
.contact-view main>section:not(.contact-page) { display:none; }
.contact-view .contact-page { display:block; }
.legal-pages { display:none; min-height:calc(100vh - 94px); background:var(--soft); }
.legal-view main>section:not(.legal-pages) { display:none; }
.legal-view .legal-pages { display:block; }
.legal-page { display:none; min-height:calc(100vh - 94px); padding:clamp(90px,10vw,150px) 7.5vw; }
.legal-page.is-active { display:block; }
.legal-page h1 { max-width:900px; color:#55585c; font-size:clamp(48px,6vw,90px); }
.legal-page>p { max-width:760px; color:#777; font-size:17px; line-height:1.8; }

.product-pages { display:none; position:relative; min-height:calc(100vh - 94px); background:#f4f5f6; }
.product-view main>section:not(.product-pages) { display:none; }
.product-view .product-pages { display:block; }
.product-pages>.corporate-back { position:absolute; left:5vw; top:30px; z-index:3; color:#666; border-color:#aeb1b4; }
.product-pages>.corporate-back:hover { color:var(--red); }
.product-page { min-height:calc(100vh - 94px); padding:clamp(110px,11vw,165px) 5vw clamp(90px,10vw,150px); }
.products-heading { max-width:1170px; margin:0 auto clamp(45px,5vw,72px); }
.products-heading h1 { margin:22px 0 16px; color:#202124; font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow",sans-serif; font-size:clamp(52px,6.5vw,92px); line-height:.95; }
.products-heading p { margin:0; color:#707378; font-size:15px; }
.products-grid { width:min(1100px,100%); margin:0 auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.product-photo { position:relative; aspect-ratio:1/1; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; overflow:hidden; border:1px solid #d0d3d7; background:linear-gradient(145deg,#e8eaed,#d9dde1); color:#85898f; font-size:10px; font-weight:700; letter-spacing:.14em; transition:transform .25s,border-color .25s,box-shadow .25s; }
.product-photo img { width:100%; height:100%; object-fit:contain; background:#fff; }
.product-photo:has(img) { cursor:zoom-in; }
.product-photo:has(img):focus-visible { outline:3px solid var(--red); outline-offset:4px; }
.product-photo:hover { transform:translateY(-5px); border-color:#cf071270; box-shadow:0 16px 34px #20212418; }
.contact-page-hero { min-height:440px; display:grid; grid-template-columns:1.25fr .75fr; align-items:center; gap:8vw; padding:72px 7.5vw; color:#fff; background-color:var(--dark-gray); background-image:linear-gradient(90deg,#393b3ff2 0%,#393b3fd0 50%,#47494d80 100%),url('images/fabrikamain.png'); background-position:center; background-size:cover; }
.contact-page-hero h1 { max-width:none; margin:28px 0; color:#fff; font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow",sans-serif; font-size:clamp(52px,6vw,100px); font-weight:700; line-height:.92; letter-spacing:-.025em; white-space:nowrap; }
.contact-page-hero p { max-width:680px; margin:0; color:#c7c7c7; font-size:17px; line-height:1.8; }
.contact-hero-details { border-top:1px solid #ffffff30; }
.contact-hero-details div { display:flex; flex-direction:column; gap:9px; padding:20px 0; border-bottom:1px solid #ffffff30; }
.contact-hero-details span { color:#ef666c; font-size:9px; font-weight:800; letter-spacing:.16em; }
.contact-hero-details strong { color:#ddd; font-size:14px; font-weight:500; line-height:1.5; }
.contact-form-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; align-items:start; }
.contact-form-heading h2,.location-heading h2 { margin-top:22px; font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow",sans-serif; font-weight:700; line-height:.98; letter-spacing:-.02em; }
.contact-form-heading .section-kicker { white-space:nowrap; }
.contact-form { display:grid; grid-template-columns:1fr 1fr; gap:25px 22px; }
.contact-form label { display:flex; flex-direction:column; gap:10px; }
.contact-form label>span { color:#777; font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.contact-form input,.contact-form textarea { width:100%; border:0; border-bottom:1px solid var(--line); border-radius:0; padding:13px 2px; background:transparent; color:#55585c; font:inherit; outline:none; transition:border-color .2s; }
.contact-form textarea { resize:vertical; }
.contact-form input:focus,.contact-form textarea:focus { border-color:var(--red); }
.form-wide { grid-column:1/-1; }
.contact-form .button { border:0; cursor:pointer; }
.form-note { align-self:center; margin:0; color:#999; font-size:11px; line-height:1.5; }
.location-section { padding-top:0; }
.location-heading { margin-bottom:45px; }
.location-layout { display:grid; grid-template-columns:1.35fr .65fr; min-height:500px; }
.google-map { width:100%; height:100%; min-height:500px; border:0; filter:grayscale(1) contrast(.9); }
.location-details { display:grid; grid-template-columns:1fr; background:var(--soft); }
.location-details div { display:flex; flex-direction:column; justify-content:center; gap:12px; padding:28px 35px; border-bottom:1px solid var(--line); }
.location-details div:last-child { border-bottom:0; }
.location-details span { color:var(--red); font-size:10px; font-weight:800; letter-spacing:.14em; }
.location-details strong { color:#666; font-size:14px; line-height:1.55; }

/* Ana sayfa geniş üretim videosu */
.production { min-height:calc(100vh - 94px); display:grid; grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr); align-items:stretch; gap:clamp(35px,3vw,65px); padding:20px 1.2vw 20px 5.8vw; background:#3f4246; color:#fff; }
.production-video-heading { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; margin:0; text-align:left; }
.production-video-heading .section-kicker { color:var(--red); }
.production-video-heading h2 { margin:18px 0 0; color:#fff; font-size:clamp(48px,5.2vw,88px); line-height:.95; }
.production-video-wrap { width:100%; min-height:calc(100vh - 134px); margin:0; overflow:hidden; border-top:2px solid var(--red); background:#303338; box-shadow:0 20px 55px #20212455; }
.production-video-wrap video,.production-video-wrap iframe { width:100%; height:100%; min-height:calc(100vh - 134px); display:block; border:0; object-fit:cover; }
.gallery { display:none; }

@media (max-width:900px) {
  .products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
  .production { min-height:0; grid-template-columns:1fr; gap:36px; padding:70px 22px; }
  .production-video-heading { align-items:center; text-align:center; }
  .production-video-wrap { min-height:0; aspect-ratio:16/9; }
  .production-video-wrap video,.production-video-wrap iframe { min-height:0; aspect-ratio:16/9; }
}

@media (max-width:520px) {
  .product-pages>.corporate-back { left:22px; top:24px; }
  .product-page { padding:100px 22px 70px; }
  .products-grid { grid-template-columns:1fr; }
  .product-photo { aspect-ratio:4/3; }
  .production { padding:65px 16px 75px; }
  .production-video-heading { margin-bottom:30px; }
}

.services { background:linear-gradient(145deg,#56585c 0%,var(--dark-gray-deep) 70%); color:#fff; }
.section-heading { display:grid; grid-template-columns:1.25fr .5fr; align-items:end; gap:10vw; margin-bottom:65px; }
.section-kicker--light { color:#aaa; margin-bottom:22px; }
.section-heading>p { color:#a5a5a5; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.service-card { padding:0 24px 25px; border:1px solid #686a6e; background:#4c4e52; transition:background .18s,transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .18s; }
.service-card:first-child { border-left:1px solid #3b3b3b; }
.service-card:hover { border-color:#85878b; background:#5a5c60; box-shadow:0 18px 35px #00000030; }
.service-card.scroll-reveal.is-visible:hover { transform:translateY(-10px); }
.service-number { color:var(--red); font-size:11px; font-weight:800; }
.service-number:empty { display:none; }
.service-image { width:calc(100% + 48px); height:190px; position:relative; overflow:hidden; margin:0 -24px 23px; background:linear-gradient(145deg,#66686c,#505256); display:grid; place-items:center; color:#b4b5b7; font-size:10px; letter-spacing:.2em; transition:transform .22s cubic-bezier(.22,1,.36,1),filter .18s; }
.service-image img { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; }
.service-card:hover .service-image { transform:scale(1.035); filter:none; }
.service-card h3 { font-size:20px; text-transform:uppercase; margin:0 0 15px; transition:color .16s; }
.service-card:hover h3 { color:#55585c; }
.service-card p { color:#999; font-size:13px; line-height:1.65; min-height:58px; }
.service-card-link { width:max-content; display:inline-flex; align-items:center; justify-content:center; gap:14px; margin-top:17px; padding:12px 17px; border:1px solid #8f9194; background:#8f91940d; color:#b7b8ba; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.16em; transition:background .16s,color .16s,border-color .16s; }
.service-card-link>span { color:#ca050b; font-size:15px; transition:transform .16s; }
.service-card:hover .service-card-link { border-color:#9a9c9f; background:#8f91940d; color:#6f7175; }
.service-card:hover .service-card-link>span { transform:translateX(4px); }

.production { display:grid; grid-template-columns:1.05fr .95fr; padding-left:0; gap:8vw; align-items:center; }
.production-visual { position:relative; }
.production-visual .image-placeholder { height:680px; }
.production-image { width:100%; height:680px; display:block; object-fit:cover; object-position:center; }
.floating-label { position:absolute; right:-48px; bottom:55px; width:150px; height:150px; background:var(--red); color:#fff; display:grid; place-items:center; font-size:13px; line-height:1.2; font-weight:800; letter-spacing:.13em; }
.production-copy h2 { margin:24px 0 28px; }
.production-copy>p { max-width:600px; }
.value-list { margin-top:45px; border-top:1px solid var(--line); }
.value-item { display:grid; grid-template-columns:45px 110px 1fr; gap:18px; padding:22px 0; border-bottom:1px solid var(--line); align-items:start; }
.value-item>span { color:var(--red); font-size:11px; font-weight:800; }
.value-item strong { text-transform:uppercase; font-size:13px; }
.value-item p { margin:0; font-size:12px; line-height:1.5; color:#777; }

.gallery { background:linear-gradient(180deg,#f4f5f6 0%,var(--soft) 100%); }
.section-heading--gallery>p { color:#696969; }
.gallery-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:18px; }
.gallery-grid .image-placeholder { min-height:380px; }

.partners { display:grid; grid-template-columns:.7fr 1.3fr; align-items:center; gap:7vw; background:#fff; }
.partners-heading h2 { margin:22px 0 24px; }
.partners-heading p { max-width:560px; margin:0; color:#666; font-size:15px; line-height:1.8; }
.partners-slider-wrap { min-width:0; position:relative; }
.partners-controls { position:absolute; left:-13px; right:-13px; top:50%; z-index:4; display:flex; justify-content:space-between; gap:7px; margin:0; padding:0; transform:translateY(-50%); pointer-events:none; }
.partners-controls button { width:42px; height:42px; display:grid; place-items:center; padding:0 0 3px; border:1.5px solid #cf071299; border-radius:50%; background:#ffffffb8; color:var(--red); font-family:Arial,sans-serif; font-size:29px; line-height:1; cursor:pointer; pointer-events:auto; backdrop-filter:blur(6px); box-shadow:0 6px 18px #20212414; transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s; }
.partners-controls button:hover { background:#cf0712e8; border-color:var(--red); color:#fff; box-shadow:0 8px 20px #cf07122e; transform:scale(1.08); }
.partners-grid { display:flex; gap:16px; overflow-x:auto; padding:10px 5px 28px; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none; }
.partners-grid::-webkit-scrollbar { display:none; }
.partner-card { min-height:150px; flex:0 0 calc(39% - 8px); position:relative; display:grid; place-items:center; padding:24px; border:0; background:transparent; overflow:hidden; scroll-snap-align:start; transition:transform .35s cubic-bezier(.22,1,.36,1); }
.partner-card::before { display:none; }
.partner-card:hover { transform:translateY(-8px); background:transparent; box-shadow:none; }
.partner-card.scroll-reveal.is-visible:hover { transform:translateY(-8px); }
.partner-card img { max-width:195px; max-height:78px; object-fit:contain; }
.partner-card--klimasan { background:transparent; }
.partner-card--klimasan:hover { background:transparent; }
.partner-card--klimasan img { position:absolute; width:195px; }
.klimasan-name { position:relative; margin-left:55px; color:#07597a; font:700 25px/1 Arial,sans-serif; letter-spacing:.01em; }
.partner-fallback { display:flex; flex-direction:column; align-items:center; line-height:.85; color:#55585c; }
.partner-fallback strong { font-size:48px; letter-spacing:.08em; }
.partner-fallback small { margin-top:15px; color:var(--red); font-size:14px; font-weight:800; letter-spacing:.32em; }
.partner-card--empty .partner-fallback strong { color:#777; font-size:20px; letter-spacing:.12em; }
.partner-card--empty .partner-arrow { color:#aaa; }
.partner-arrow { position:absolute; right:22px; top:20px; color:var(--red); font-size:20px; transition:transform .25s; }
.partner-card:hover .partner-arrow { transform:translate(3px,-3px); }

.contact { display:grid; grid-template-columns:1.35fr .65fr; background:var(--soft); color:#55585c; }
.contact-main { padding:100px 7.5vw; }
.contact-main h2 { margin:20px 0 22px; }
.contact-main .section-kicker { color:var(--red); }
.contact-main p { max-width:520px; line-height:1.7; color:#707378; }
.button--white { margin-top:25px; border:1px solid #ffffff80; background:var(--red); color:#fff; transition:background .25s,transform .25s,box-shadow .25s; }
.button--white:hover { background:#a6040c; transform:translateY(-3px); box-shadow:0 12px 25px #0004; }
.contact-details { background:linear-gradient(145deg,#d9dbde,#c7c9cd); padding:75px 5vw; display:flex; flex-direction:column; justify-content:center; gap:32px; }
.contact-details div { border-bottom:1px solid #55585c2e; padding-bottom:25px; display:flex; flex-direction:column; gap:10px; }
.contact-details span { font-size:9px; letter-spacing:.16em; color:var(--red); }
.contact-details strong { color:#55585c; font-size:15px; font-weight:500; }

footer { padding:70px 7.5vw 32px; display:grid; grid-template-columns:minmax(310px,1.45fr) repeat(3,minmax(165px,.75fr)); column-gap:clamp(38px,4vw,65px); row-gap:55px; background:var(--white); color:#55585c; }
.footer-developer { display:flex; align-items:center; justify-content:center; gap:11px; color:#666; font-size:11px; transition:color .2s; }
.footer-developer:hover { color:var(--red); }
.footer-developer svg { width:25px; height:25px; flex:none; fill:currentColor; }
.footer-developer span { display:flex; flex-direction:column; gap:4px; }
.footer-developer small { color:#999; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.footer-brand img { width:260px; height:120px; object-fit:contain; object-position:left center; }
.footer-brand p { margin:14px 0 24px; max-width:480px; color:#666; font-size:13px; line-height:1.6; }
.footer-column { display:flex; flex-direction:column; align-items:flex-start; gap:15px; padding-top:24px; }
.footer-column h3 { margin:0 0 10px; color:#55585c; font-size:13px; letter-spacing:.1em; text-transform:uppercase; }
.footer-column>a { color:#777; font-size:13px; line-height:1.45; transition:color .2s,transform .2s; }
.footer-column>a:hover { color:var(--red); transform:translateX(3px); }
.footer-contact-info>a { display:grid; grid-template-columns:24px 1fr; gap:10px; align-items:start; }
.footer-contact-info>a>span { color:var(--red); font-size:17px; line-height:1.2; }
.footer-location-icon svg,.footer-phone-icon svg { width:18px; height:18px; display:block; fill:var(--red); }
.footer-contact-info strong { color:#777; font-size:13px; font-weight:500; line-height:1.55; }
.footer-contact-info>a.footer-contact-button { display:flex; width:max-content; margin-top:8px; padding:12px 16px; align-items:center; gap:18px; border:1px solid #9a9c9f; color:#666; font-size:11px; font-weight:800; letter-spacing:.1em; line-height:1; text-transform:uppercase; }
.footer-contact-info>a.footer-contact-button>span { color:var(--red); font-size:16px; line-height:1; }
.footer-contact-info>a.footer-contact-button:hover { border-color:#777; color:#55585c; background:#e5e6e8; transform:translateY(-2px); }
.footer-socials { display:flex; gap:9px; }
.footer-socials a { width:40px; height:40px; display:grid; place-items:center; color:#fff; transition:transform .2s,filter .2s; }
.footer-socials a:hover { transform:translateY(-3px); filter:brightness(1.12); }
.footer-socials svg { width:19px; height:19px; fill:currentColor; }
.social-facebook,.social-instagram,.social-youtube,.social-linkedin { background:var(--red); }
.footer-socials a:hover { background:var(--red-dark); }
.footer-links { display:flex; justify-content:flex-end; align-items:center; gap:30px; font-size:12px; text-transform:uppercase; font-weight:800; }
.footer-links a { transition:color .2s; }
.footer-links a:hover { color:var(--red); }
.footer-bottom { grid-column:1/-1; margin:0 -7.5vw -32px; border-top:3px solid var(--red); padding:24px 7.5vw 32px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; background:var(--white); color:#777; font-size:13px; }
.footer-legal { justify-self:end; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px 20px; }
.footer-legal a { transition:color .2s; }
.footer-legal a:hover { color:var(--red); }
.back-to-top { --scroll-progress:0%; position:fixed; right:24px; bottom:24px; z-index:45; width:48px; height:48px; display:grid; place-items:center; overflow:hidden; border:1px solid #9a9c9f; border-radius:50%; background:#f0f1f2e8; color:#55585c; box-shadow:0 10px 28px #20212426; font-size:23px; cursor:pointer; opacity:0; visibility:hidden; transform:translateY(14px); transition:opacity .22s ease,visibility .22s ease,transform .22s ease,color .2s ease,border-color .2s ease; backdrop-filter:blur(8px); }
.floating-socials { position:fixed; right:22px; bottom:90px; z-index:44; display:flex; flex-direction:column; align-items:center; gap:12px; }
.floating-social { display:grid; place-items:center; width:52px; height:52px; border-radius:50%; color:#fff; cursor:pointer; transition:transform .2s ease, box-shadow .2s ease; }
.floating-social svg { width:27px; height:27px; }
.floating-instagram { background:radial-gradient(circle at 20% 100%,#ffbf48 0%,#fa643e 28%,#df185c 60%,#bc2079 100%); box-shadow:0 7px 24px #e52b6540; }
.floating-whatsapp { background:#18cf60; box-shadow:0 7px 24px #18cf6045; }
.floating-social:hover { transform:translateY(-3px); }
.floating-social:focus-visible { outline:3px solid #fff; outline-offset:3px; box-shadow:0 0 0 6px #333; }
.social-status { position:absolute; right:66px; bottom:0; width:min(250px,calc(100vw - 102px)); margin:0; padding:14px 16px; border:1px solid #ffffff26; border-radius:12px; background:#202124; color:#fff; font-size:13px; line-height:1.6; box-shadow:0 8px 28px #0003; }
.social-status[hidden], body:is(.corporate-view,.service-view,.product-view,.contact-view,.legal-view,.nav-open,.modal-open,.page-loading) .floating-socials { display:none; }
#contact-status:empty { display:none; }
@media (max-width:640px) {
  .floating-socials { right:14px; bottom:calc(76px + env(safe-area-inset-bottom)); gap:10px; }
  .floating-social { width:48px; height:48px; }
}
@media (prefers-reduced-motion:reduce) { .floating-social { transition:none; } }
.back-to-top::before { content:""; position:absolute; inset:auto 0 0; height:var(--scroll-progress); background:var(--red); transition:height .12s linear; }
.back-to-top>span { position:relative; z-index:1; }
.back-to-top.is-visible { opacity:1; visibility:visible; transform:none; }
.back-to-top.is-progressed { color:#fff; border-color:var(--red); }
.back-to-top:hover { border-color:var(--red); transform:translateY(-3px); }
.back-to-top:focus-visible { outline:3px solid #cf07124d; outline-offset:3px; }

/* Açık gri kurumsal yüzeyler */
.nav-submenu { background:#f0f1f2fa; border-color:var(--red); }
.nav-submenu a { color:#666; }
.nav-submenu a:hover { color:var(--ink); background:#00000008; }
.hero-slider,.hero-slide { background-color:var(--soft); }
.hero-slide::after { background:linear-gradient(135deg,#f0f1f2ed,#d7d9dce0); }
.hero-slide span { color:#777; }
.image-placeholder--dark { background:linear-gradient(135deg,#f0f1f2,#d7d9dc); border-color:#b7b9bc; color:#777; }
.services { padding-left:5vw; padding-right:5vw; background:linear-gradient(145deg,#f4f5f6 0%,var(--soft) 100%); color:#55585c; }
.services .section-kicker--light { color:var(--red); }
.services .section-heading>p { color:#777; }
.service-grid { color:#55585c; }
.service-card,.service-card:first-child { border-color:#c9cbce; background:#e3e5e7; }
.service-card:hover { border-color:#c9cbce; background:#e3e5e7; box-shadow:0 18px 35px #20212418; }
.service-image { background:linear-gradient(145deg,#d7d9dc,#cdd0d3); color:#85888c; }
.service-card p { color:#777; }
.service-card-link { border-color:#9a9c9f; color:#6f7175; }

/* Hizmetler — dönüşümlü fotoğraf ve bilgi yerleşimi */
.services { padding-top:clamp(85px,9vw,140px); padding-bottom:clamp(90px,10vw,155px); background:#fff; }
main>.services { display:none; }
.services .section-heading { max-width:1170px; margin:0 auto clamp(55px,6vw,90px); }
.services .section-heading h2 { margin-top:18px; color:#202124; }
.services .section-heading>p { max-width:430px; color:#686b70; font-size:15px; line-height:1.75; }
.service-list { max-width:1170px; margin:0 auto; display:flex; flex-direction:column; gap:clamp(70px,9vw,125px); }
.service-row { min-height:365px; display:grid; grid-template-columns:1fr 1fr; align-items:center; }
.service-photo { min-height:365px; height:365px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px; overflow:hidden; background:linear-gradient(145deg,#e8eaed,#d9dde1); color:#8a8e94; font-size:10px; font-weight:700; letter-spacing:.15em; }
.service-photo img { width:100%; height:100%; min-height:365px; object-fit:cover; }
.service-photo img.service-photo__injection { width:96%; height:96%; min-height:350px; object-fit:cover; object-position:center center; }
.service-copy { min-height:290px; display:flex; flex-direction:column; justify-content:center; padding:clamp(34px,3.2vw,48px); background:#f3f6fa; }
.service-row:nth-child(even) .service-photo { order:2; }
.service-row:nth-child(even) .service-copy { order:1; }
.service-title { display:flex; align-items:center; gap:17px; margin-bottom:22px; }
.service-title h3 { margin:0; color:#17191c; font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow",sans-serif; font-size:clamp(27px,2.5vw,36px); line-height:1; text-transform:none; }
.service-icon { width:38px; height:38px; flex:0 0 38px; position:relative; display:grid; place-items:center; border:1.7px solid var(--red); color:var(--red); font-size:22px; font-weight:500; line-height:1; }
.service-icon::after { content:""; width:7px; height:7px; position:absolute; right:-5px; bottom:-5px; border:1.5px solid var(--red); background:#f3f6fa; }
.service-copy p { max-width:500px; margin:0; color:#4f5358; font-size:15px; line-height:1.85; }
.service-row:nth-child(even) .service-title { align-self:flex-end; }
.service-page--all { padding:0 5vw clamp(90px,10vw,150px); color:#55585c; background:#fff; }
.service-page--all .services-page-heading { max-width:1170px; margin:0 auto; padding:clamp(115px,12vw,170px) 0 clamp(55px,7vw,95px); }
.service-page--all .services-page-heading h1 { margin:24px 0; color:#202124; font-size:clamp(52px,6.5vw,92px); }
.service-page--all .services-page-heading p { max-width:650px; margin:0; color:#686b70; font-size:17px; line-height:1.8; }
.service-page--all .service-list { margin-bottom:0; }

/* Üretim videosu yerleşimi — önceki üretim kolonlarını geçersiz kılar */
.production { min-height:calc(100vh - 94px); display:grid; grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr); align-items:stretch; gap:clamp(35px,3vw,65px); padding:20px 1.2vw 20px 5.8vw; background:#3f4246; color:#fff; }

@media (max-width:900px) {
  .production { min-height:0; grid-template-columns:1fr; gap:36px; padding:70px 22px; }
  .production-video-heading { align-items:center; text-align:center; }
  .production-video-wrap { min-height:0; aspect-ratio:16/9; }
  .production-video-wrap video,.production-video-wrap iframe { min-height:0; aspect-ratio:16/9; }
}

@media (max-width:700px) {
  .services { padding-left:22px; padding-right:22px; }
  .services .section-heading { grid-template-columns:1fr; gap:22px; }
  .service-list { gap:55px; }
  .service-row { grid-template-columns:1fr; min-height:0; }
  .service-photo,.service-photo img { height:min(330px,78vw); min-height:min(330px,78vw); }
  .service-copy { min-height:0; padding:38px 28px 42px; }
  .service-row:nth-child(even) .service-photo { order:1; }
  .service-row:nth-child(even) .service-copy { order:2; }
  .service-row:nth-child(even) .service-title { align-self:flex-start; }
  .service-page--all { padding-left:22px; padding-right:22px; }
  .service-page--all .services-page-heading { padding-top:105px; }
}

/* Ana sayfa hero: tam ekran, görsel üzerinde içerik */
.hero { min-height:calc(100svh - 94px); display:block; isolation:isolate; background:#17181a; }
.hero-content { position:relative; z-index:3; width:min(760px,68vw); min-height:calc(100svh - 94px); display:flex; flex-direction:column; justify-content:center; padding:72px 5vw 92px 7.5vw; color:#fff; pointer-events:none; }
.hero-content>* { pointer-events:auto; }
.hero-content .eyebrow { color:#dedfe1; }
.hero-content h1 { margin:24px 0 20px; color:#fff; font-size:clamp(64px,7.2vw,112px); line-height:.78; text-shadow:0 4px 28px #0009; }
.hero-content h1 .hero-brand-first { color:#aeb1b5; }
.hero-content h1 em { color:#e31a24; }
.page-ready .hero-content h1 .hero-letter { cursor:default; }
.page-ready .hero-content h1 .hero-letter:hover { opacity:1; animation:hero-letter-hover .38s cubic-bezier(.22,1,.36,1) both; }
.hero-content .hero-slogan { max-width:none; margin:12px 0 8px; color:#fff; font-size:clamp(15px,1.25vw,20px); font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.hero-content>p:not(.hero-slogan) { margin:10px 0 0; color:#e2e2e2; text-shadow:0 2px 14px #000c; }
.hero-content .ortaca-plastik>span { color:#fff; }
.hero-content .ortaca-plastik>b { color:#ef3039; }
.hero-visual { position:absolute; inset:0; z-index:1; min-height:0; }
.hero-slider { height:100%; background:#17181a; }
.hero-slide { padding:0; background-color:#17181a; background-position:center; }
.hero-slide::after,.hero-slide.has-image::after { background:linear-gradient(90deg,#111214ed 0%,#151618c7 36%,#16171970 64%,#11121445 100%); }
.hero-slide.is-active::after,.hero-slide.has-image.is-active::after { opacity:1; }
.hero-slide.has-image { filter:saturate(.9) contrast(1.08) brightness(.92); }
.hero-stat { left:auto; right:0; background:#17181ad9; color:#fff; backdrop-filter:blur(8px); }
.hero-stat span { color:#bbb; }
.hero-index { z-index:4; left:auto; right:148px; bottom:42px; color:#fff; }

@media (max-width:1200px) {
  .hero { min-height:calc(100svh - 84px); }
  .hero-content { width:min(720px,82vw); min-height:calc(100svh - 84px); padding:70px 5vw 100px; }
  .hero-stat { display:none; }
  .hero-index { display:block; right:132px; bottom:34px; }
}

@media (max-width:640px) {
  .hero-content { width:100%; min-height:calc(100svh - 84px); padding:82px 22px 105px; }
  .hero-content h1 { margin:20px 0; font-size:clamp(54px,18vw,78px); line-height:.82; }
  .hero-content .hero-slogan { margin-top:8px; font-size:13px; line-height:1.55; }
  .hero-content>p:not(.hero-slogan) { font-size:14px; line-height:1.65; }
  .hero-slide { background-position:58% center; }
  .hero-slide::after,.hero-slide.has-image::after { background:linear-gradient(90deg,#111214ed 0%,#17181ac9 62%,#17181a82 100%); }
  .hero-slider-controls { top:auto; right:16px; bottom:20px; }
  .hero-index { right:auto; left:22px; bottom:33px; }
}

/* Üretim başlığı üstte, video sayfa genişliğinde */
.intro-stats { margin-bottom:0; }
.production { min-height:0; display:flex; flex-direction:column; align-items:stretch; gap:44px; padding:90px 0 0; }
.production-video-heading { padding:0 7.5vw; }
.production-video-wrap { width:100%; min-height:0; aspect-ratio:16/9; }
.production-video-wrap video,.production-video-wrap iframe { width:100%; height:100%; min-height:0; position:absolute; inset:0; transform:none; }

@media (max-width:900px) {
  .production { gap:30px; padding:65px 0 0; }
  .production-video-heading { align-items:flex-start; padding:0 22px; text-align:left; }
}

/* Referans görseldeki koyu ve ortalanmış video bölümü */
.production { gap:clamp(42px,5vw,76px); padding:72px 0 80px; background:#111; }
.production-video-heading { align-items:center; padding:0 22px; text-align:center; }
.production-video-heading .section-kicker { color:var(--red); letter-spacing:.34em; }
.production-video-heading h2 { margin-top:20px; color:#fff; font-size:clamp(46px,5vw,78px); text-transform:uppercase; }
.production-video-wrap { width:90%; max-width:1624px; margin:0 auto; border-top:2px solid var(--red); background:#080808; }

@media (max-width:900px) {
  .production { gap:34px; padding:58px 0 60px; }
  .production-video-heading { align-items:center; padding:0 18px; text-align:center; }
  .production-video-wrap { width:calc(100% - 32px); }
}

.production.production--stacked { min-height:0; display:flex; grid-template-columns:none; flex-direction:column; align-items:stretch; gap:clamp(42px,5vw,76px); padding:72px 0 80px; background:#111; }
.production.production--stacked .production-video-heading { width:100%; display:flex; align-items:center; justify-content:center; padding:0 22px; text-align:center; }
.production.production--stacked .production-video-wrap { width:90%; max-width:1624px; min-height:0; margin:0 auto; aspect-ratio:16/9; }
.production.production--stacked .production-video-wrap iframe { width:100%; height:100%; min-height:0; position:absolute; inset:0; transform:none; }

@media (max-width:900px) {
  .production.production--stacked { gap:34px; padding:58px 0 60px; }
  .production.production--stacked .production-video-wrap { width:calc(100% - 32px); }
}

@media (min-width:901px) {
  .production.production--stacked { height:calc(100svh - 94px); min-height:0; justify-content:center; gap:clamp(22px,3vh,38px); padding:clamp(22px,3vh,36px) 0; overflow:hidden; box-sizing:border-box; }
  .production.production--stacked .production-video-heading h2 { margin-top:12px; font-size:clamp(42px,4vw,66px); }
  .production.production--stacked .production-video-wrap { width:min(94vw,calc((100svh - 275px) * 1.7778)); max-width:none; max-height:calc(100svh - 275px); flex:0 1 auto; aspect-ratio:16/9; }
}

/* Video, başlığın altındaki alanın tamamını kaplar */
.production.production--stacked { background:var(--soft); color:#55585c; }
.production.production--stacked .production-video-heading h2 { color:#55585c; }

@media (min-width:901px) {
  .production.production--stacked { justify-content:flex-start; gap:24px; padding:28px 0 0; }
  .production.production--stacked .production-video-heading { flex:0 0 auto; }
  .production.production--stacked .production-video-wrap { width:100%; max-width:none; max-height:none; min-height:0; flex:1 1 auto; margin:0; aspect-ratio:auto; border:0; }
  .production.production--stacked .production-video-wrap iframe { width:100%; height:100%; }
}

/* Ortalanmış istatistik alanı ve beyaz video bölümü */
.intro { display:flex; flex-direction:column; align-items:center; gap:42px; padding-top:90px; background:#e9eaec; text-align:center; }
.intro > .section-kicker { margin:0; }
.intro-stats { width:min(1100px,100%); grid-column:auto; margin:0; }
.production.production--stacked { background:#fff; }
.production.production--stacked .production-video-wrap { background:#fff; }

@media (max-width:640px) {
  .intro { gap:32px; }
  .intro-stats { gap:14px; }
  .intro-stat svg { width:52px; height:52px; }
  .intro-stat span { font-size:10px; }
}
.corporate-sections,.service-pages { background:var(--soft); }
.corporate-panel,.service-page { color:#55585c; background-color:var(--soft); }
.corporate-panel,.service-page { --page-hero-fade:560px; }
.corporate-panel { background-image:linear-gradient(180deg,#72767a26 0,#85898d14 calc(var(--page-hero-fade) - 200px),transparent var(--page-hero-fade)),linear-gradient(180deg,transparent 0,transparent calc(var(--page-hero-fade) - 70px),#e5e7e9 var(--page-hero-fade),#f1f2f3 calc(var(--page-hero-fade) + 280px),#fff calc(var(--page-hero-fade) + 620px)),linear-gradient(90deg,#d0d3d6f5 0%,#e3e5e7f2 52%,#f6f7f8ed 100%),var(--corporate-bg); }
#hakkimizda { position:relative; background-image:none; }
#hakkimizda::before { content:""; position:absolute; z-index:0; inset:0 0 auto; height:700px; background-image:linear-gradient(90deg,#eef0f25c 0%,#e9ebed3d 48%,#e7e9eb24 100%),var(--corporate-bg); background-position:center; background-size:cover; background-repeat:no-repeat; }
#hakkimizda>* { position:relative; z-index:1; }
#hakkimizda::before { -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 140px),transparent 100%); mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 140px),transparent 100%); }
#hakkimizda>h1 { width:100%; max-width:none; color:#ffffffb8; text-align:center; text-shadow:0 3px 18px #00000045; transform:translateY(75px); }
#hakkimizda>.section-kicker { color:#fff; text-shadow:0 2px 10px #00000070; }
#hakkimizda .about-content { border-top:0; background:linear-gradient(180deg,transparent 0 250px,var(--soft) 250px); }
#hakkimizda .about-stats strong,#hakkimizda .about-stats span { color:#fff; text-shadow:0 2px 12px #00000080; }
.service-page { background-image:linear-gradient(180deg,#72767a26 0,#85898d14 calc(var(--page-hero-fade) - 200px),transparent var(--page-hero-fade)),linear-gradient(180deg,transparent 0,transparent calc(var(--page-hero-fade) - 70px),#e5e7e9 var(--page-hero-fade),#f1f2f3 calc(var(--page-hero-fade) + 280px),#fff calc(var(--page-hero-fade) + 620px)),linear-gradient(90deg,#d0d3d6f5 0%,#e3e5e7f2 52%,#f6f7f8ed 100%),var(--service-bg); }
.corporate-panel>h1,.service-page h1 { color:var(--heading); }
.corporate-panel>p,.service-page>p { color:#292b2e; }
.corporate-sections>.corporate-back,.service-pages>.corporate-back { color:#666; border-color:#aeb1b4; }
.corporate-sections>.corporate-back:hover,.service-pages>.corporate-back:hover { color:var(--red); }
.corporate-intro { border-color:#cfd1d4; }
.corporate-intro>p { color:#303235; }
.corporate-intro>p strong,.corporate-intro h2 { color:#55585c; }
.corporate-copy p { color:#303235; }
.service-mini-grid { border-color:#d2d4d7; background:#ffffffb8; }
.service-mini-grid div { border-color:#d2d4d7; }
.service-mini-grid span { color:#777; }
.service-product-card { border-color:var(--line); background:#fff; }
.service-product-card:hover { border-color:#cf071270; background:#f8f8f8; }
.service-product-image { background-color:#dfe1e3; border-color:var(--line); }
.contact-page-hero { color:#55585c; background-color:var(--soft); background-image:linear-gradient(180deg,transparent 0%,transparent 42%,#ffffff38 70%,var(--white) 100%),linear-gradient(105deg,#f0f1f2fc 0%,#e6e7e9f2 54%,#bfc2c6e6 100%),url('images/fabrikamain.png'); }
.contact-page-hero h1 { color:#55585c; }
.contact-page-hero p { color:#6f7175; }
.contact-hero-details { border-color:#c7c9cc; }
.contact-hero-details div { border-color:#c7c9cc; }
.contact-hero-details strong { color:#666; }

.scroll-reveal { opacity:0; translate:0 32px; transition:opacity 1.1s ease var(--reveal-delay,0ms),translate 1.1s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms); }
.scroll-reveal.is-visible { opacity:1; translate:0 0; }

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .scroll-reveal { opacity:1; translate:none; transition:none; }
  .page-loader-line,.page-loader img { animation:none; opacity:1; transform:none; }
  .page-loading .site-header,.page-loading main,.page-loading footer,.page-ready .site-header,.page-ready main,.page-ready footer { opacity:1; transform:none; transition:none; }
  .hero-word,.hero-letter,.hero-content.is-letter-animated .hero-actions { opacity:1; transform:none; filter:none; animation:none; }
}

@media (min-width:1201px) {
  .services { min-height:calc(100vh - 94px); padding-top:clamp(42px,6vh,66px); padding-bottom:clamp(42px,6vh,66px); display:flex; flex-direction:column; justify-content:center; }
  .services .section-heading { margin-bottom:clamp(28px,4vh,42px); }
  .services .section-heading h2 { font-size:clamp(38px,3.5vw,56px); }
  .services .section-kicker--light { margin-bottom:14px; }
  .services .service-card { padding:0 20px 19px; }
  .services .service-image { width:calc(100% + 40px); height:clamp(145px,21vh,185px); margin:0 -20px 22px; }
  .services .service-card h3 { margin-bottom:9px; font-size:clamp(16px,1.4vw,20px); }
  .services .service-card p { min-height:44px; margin:0; line-height:1.55; }
  .services .service-card-link { margin-top:12px; padding:10px 15px; }
  .production { min-height:calc(100vh - 94px); padding-top:clamp(34px,5vh,52px); padding-bottom:clamp(34px,5vh,52px); }
  .production-visual .image-placeholder,.production-image { height:clamp(500px,calc(100vh - 175px),650px); }
  .production-copy h2 { margin:18px 0 22px; font-size:clamp(40px,3.6vw,58px); }
  .production-copy>p { margin:0; line-height:1.7; }
  .production .value-list { margin-top:28px; }
  .production .value-item { padding:16px 0; }
  .production .floating-label { width:clamp(125px,9vw,150px); height:clamp(125px,9vw,150px); bottom:40px; }
  .gallery { min-height:calc(100vh - 94px); padding-top:clamp(48px,6vh,68px); padding-bottom:clamp(48px,6vh,68px); display:flex; flex-direction:column; justify-content:center; }
  .gallery .section-heading { margin-bottom:clamp(34px,4.5vh,46px); }
  .gallery .section-heading h2 { font-size:clamp(40px,3.7vw,60px); }
  .gallery-grid .image-placeholder { min-height:0; height:clamp(330px,42vh,370px); }
}

@media (min-width:1201px) and (max-width:1250px) {
  footer { grid-template-columns:minmax(280px,1.2fr) repeat(3,minmax(135px,.7fr)); column-gap:28px; }
}

@media (max-width:1200px) {
  main>section,.location-section,.contact-form-section { scroll-margin-top:84px; }
  .site-header { grid-template-columns:150px 1fr auto; height:84px; padding:0 24px; }
  .brand { width:125px; height:76px; }
  .menu-toggle { display:flex; justify-self:end; position:relative; z-index:2; }
  nav { position:fixed; inset:84px 0 auto; max-height:calc(100vh - 84px); overflow-y:auto; display:flex; flex-direction:column; align-items:stretch; gap:0; padding:18px 24px 26px; background:#e5e6e8fa; border-bottom:1px solid #bfc1c4; box-shadow:0 16px 30px #2021241f; opacity:0; visibility:hidden; transform:translateY(-12px); transition:opacity .2s ease,transform .2s ease,visibility .2s; }
  nav.is-open { opacity:1; visibility:visible; transform:none; }
  nav>a,.nav-dropdown-trigger { min-height:52px; justify-content:space-between; padding:0 4px; border-bottom:1px solid #c9cbce; font-size:13px; }
  .nav-dropdown { display:block; }
  .nav-dropdown-trigger::after { margin-left:auto; }
  .nav-submenu { position:static; min-width:0; max-height:0; overflow:hidden; visibility:visible; opacity:1; transform:none; padding:0 16px; border-top:0; box-shadow:none; transition:max-height .25s ease,padding .25s ease; }
  .nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu { transform:none; }
  .nav-dropdown.is-open .nav-submenu { max-height:320px; padding:8px 16px 12px; }
  .nav-dropdown.is-open .nav-dropdown-trigger span { transform:rotate(180deg); }
  .nav-submenu a { min-height:42px; display:flex; align-items:center; }
  body.nav-open { overflow:hidden; }
  .hero { grid-template-columns:1fr; } .hero-content { padding-top:80px; } .hero-visual { min-height:500px; } .hero-index { display:none; }
  .intro,.intro-copy { grid-template-columns:1fr; gap:35px; }
  .intro-copy { grid-column:1; }
  .intro-stats { grid-column:1; margin-bottom:20px; }
  .corporate-panel>p { margin-top:0; }
  .service-products { grid-template-columns:repeat(2,1fr); }
  .service-visual-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-visual-gallery>.service-visual-item:first-child { grid-column:1/-1; min-height:440px; }
  .contact-page-hero h1 { white-space:normal; }
  .contact-form-section { grid-template-columns:1fr; gap:50px; }
  .location-layout { grid-template-columns:1fr; } .location-details { grid-template-columns:1fr 1fr; }
  .section-heading { grid-template-columns:1fr; gap:25px; }
  .service-grid { grid-template-columns:repeat(2,1fr); }
  .production { grid-template-columns:1fr; padding-right:7.5vw; } .production-copy { padding-left:7.5vw; }
  .gallery-grid { grid-template-columns:1fr 1fr; } .gallery-grid>:first-child { grid-column:1/-1; }
  .partners { grid-template-columns:1fr; gap:50px; }
  footer { grid-template-columns:1fr 1fr; } .footer-bottom { grid-column:1/-1; }
}

@media (max-width:640px) {
  .site-header { padding:0 16px; grid-template-columns:minmax(105px,1fr) auto; } .brand { width:110px; height:72px; } .header-cta { display:none; }
  nav { padding-left:20px; padding-right:20px; }
  .hero { min-height:calc(100svh - 84px); display:block; isolation:isolate; background:#292b2f; }
  .hero-content { position:relative; z-index:3; min-height:calc(100svh - 84px); display:flex; flex-direction:column; justify-content:center; padding:72px 22px 82px; color:#fff; pointer-events:none; }
  .hero-content>* { pointer-events:auto; }
  .hero-content .eyebrow { color:#f1f1f1; }
  .hero-content h1 { color:#fff; font-size:clamp(40px,13vw,54px); text-shadow:0 3px 20px #0008; }
  .hero-content>p { color:#f0f0f0; text-shadow:0 2px 12px #000a; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:24px; margin-top:32px; }
  .hero-actions .text-link { color:#fff; border-color:#ffffff80; }
  .hero-visual { position:absolute; inset:0; z-index:1; min-height:0; }
  .hero-slider { height:100%; }
  .hero-slide::after,.hero-slide.has-image::after { background:linear-gradient(90deg,#161719e8 0%,#202124bd 58%,#20212480 100%); }
  .hero-slide.has-image.is-active::after { opacity:1; }
  .hero-slide span,.hero-stat { display:none; }
  .hero-slider-controls { z-index:4; right:16px; top:16px; bottom:auto; } .hero-slider-button { width:42px; height:42px; background:transparent; color:#fff; border-color:#ffffff80; }
  .section { padding:80px 22px; } .service-grid { grid-template-columns:1fr; } .service-card { border-left:1px solid #3b3b3b; }
  .corporate-sections>.corporate-back { left:22px; top:24px; }
  .corporate-panel { min-height:calc(100vh - 84px); padding:95px 22px 60px; }
  .corporate-panel,.service-page { --page-hero-fade:460px; }
  .corporate-panel>h1 { margin:25px 0; font-size:clamp(43px,13vw,65px); }
  .corporate-panel>p { margin:0; font-size:15px; }
  .corporate-intro { margin-top:55px; padding-top:38px; }
  .corporate-intro>p { padding-left:20px; font-size:18px; }
  .corporate-facts { grid-template-columns:1fr; gap:6px; margin-top:38px; }
  .corporate-facts>div { min-height:76px; padding:8px 0; }
  .about-content { width:calc(100% + 44px); margin:35px -22px -60px; padding:30px 22px 65px; }
  .about-main-copy { grid-template-columns:1fr; gap:22px; margin-top:45px; }
  .about-main-copy p:first-child { grid-column:auto; padding-left:18px; }
  .about-stats { grid-template-columns:repeat(2,1fr); }
  .about-stats>div { min-height:115px; padding:20px 0; }
  .about-sectors,.about-timeline { margin-top:55px; }
  .about-sectors>div { grid-template-columns:repeat(2,1fr); gap:10px; }
  .about-sectors span { min-height:72px; }
  .about-timeline-list { grid-template-columns:1fr; gap:18px; padding:0 0 0 24px; }
  .about-timeline-list::before { left:5px; right:auto; top:0; bottom:0; width:2px; height:auto; }
  .about-timeline-list article::before { left:-29px; top:24px; }
  #hakkimizda .corporate-intro { width:calc(100% + 44px); margin:55px -22px -60px; padding:45px 22px 70px; }
  .corporate-intro h2 { margin:50px 0 28px; }
  .corporate-intro h2::before { width:30px; }
  .corporate-copy { grid-template-columns:1fr; gap:20px; padding-left:0; }
  .quality-content { margin-top:50px; padding-top:35px; }
  .quality-principles { grid-template-columns:1fr; gap:12px; }
  .quality-principles>div { min-height:72px; }
  .quality-content>.certificate-title { margin-top:50px; padding-top:35px; }
  .certificate-gallery { grid-template-columns:1fr; gap:24px; margin:28px auto 0; padding:0 0 12px; }
  .certificate-card { width:min(330px,100%); margin:0 auto; }
  .certificate-card img { height:auto; max-height:380px; }
  .certificate-modal { padding:16px; }
  .certificate-modal-close { right:4px; top:4px; }
  .career-content { width:calc(100% + 44px); margin:45px -22px -60px; padding:40px 22px 65px; }
  .career-intro { padding-left:20px; }
  .career-values { margin-top:52px; }
  .career-value-grid { grid-template-columns:1fr; gap:13px; }
  .career-value-grid article { min-height:190px; }
  .career-application { margin-top:55px; grid-template-columns:1fr; gap:30px; padding:34px 26px; }
  .career-apply-button { width:100%; }
  .service-pages>.corporate-back { left:22px; top:24px; }
  .service-page { min-height:calc(100vh - 84px); padding:95px 22px 60px; }
  .service-page h1 { margin:25px 0; font-size:clamp(43px,13vw,65px); }
  .service-page>p { font-size:15px; }
  .service-mini-grid { grid-template-columns:1fr; margin-top:40px; }
  .service-mini-grid div { min-height:90px; padding:20px 22px; border-right:0; border-bottom:1px solid #ffffff1f; }
  .service-mini-grid div:last-child { border-bottom:0; }
  .service-products { grid-template-columns:1fr; gap:14px; margin-top:50px; }
  .service-product-card { min-height:250px; }
  .service-product-image { height:155px; }
  .service-product-content { min-height:92px; padding:20px; }
  .service-visual-gallery { width:calc(100% + 44px); margin:55px -22px -60px; padding:35px 22px 60px; grid-template-columns:1fr; gap:14px; }
  .service-visual-gallery>.service-visual-item:first-child { grid-column:auto; min-height:min(390px,92vw); }
  .service-visual-item { min-height:min(390px,92vw); }
  .service-detail-modal { padding:0; align-items:stretch; }
  .service-detail-dialog { max-height:100vh; min-height:100vh; padding:70px 22px 45px; }
  .service-detail-close { right:14px; top:14px; }
  .service-detail-features ul { grid-template-columns:1fr; gap:13px; }
  .service-detail-features,.service-detail-table-section { margin-top:35px; padding-top:24px; }
  .service-detail-quote { width:100%; justify-content:space-between; }
  .project-showcase { margin-top:55px; gap:60px; }
  .project-feature { grid-template-columns:1fr; gap:28px; }
  .project-feature-media { min-height:min(330px,78vw); order:1; }
  .project-feature-copy { order:2; }
  .project-feature-copy h2 { margin:14px 0 18px; font-size:clamp(30px,9vw,42px); }
  .project-feature-copy p { font-size:14px; }
  .contact-page-hero { min-height:520px; grid-template-columns:1fr; gap:35px; padding:60px 22px; }
  .contact-page-hero h1 { font-size:clamp(40px,12vw,58px); white-space:normal; }
  .contact-page-hero p { font-size:15px; }
  .contact-form { grid-template-columns:1fr; } .form-wide { grid-column:auto; } .form-note { margin-top:-10px; }
  .location-details { grid-template-columns:1fr; }
  .google-map { min-height:360px; }
  .production { padding:0 22px 80px; gap:60px; } .production-visual .image-placeholder,.production-image { height:min(480px,125vw); }
  .floating-label { right:0; bottom:-30px; width:120px; height:120px; } .production-copy { padding-left:0; }
  .value-item { grid-template-columns:35px 90px 1fr; gap:10px; }
  .gallery-grid { grid-template-columns:1fr; } .gallery-grid>:first-child { grid-column:auto; }
  .partners { gap:35px; overflow:hidden; }
  .partners-heading h2 { margin:18px 0; }
  .partners-heading p { font-size:14px; line-height:1.7; }
  .partners-grid { gap:12px; margin:0 -5px; padding:8px 5px 22px; scroll-padding-left:5px; }
  .partner-card { min-height:140px; flex-basis:74%; padding:22px 18px; }
  .partner-card img { max-width:170px; max-height:70px; }
  .partner-fallback strong { font-size:34px; }
  .partner-card--empty .partner-fallback strong { font-size:17px; }
  .partner-fallback small { margin-top:12px; font-size:11px; }
  .partner-arrow { right:16px; top:14px; font-size:17px; }
  .partners-controls { left:0; right:0; }
  .partners-controls button { width:38px; height:38px; padding-bottom:3px; font-size:26px; }
  .contact { grid-template-columns:1fr; } .contact-main,.contact-details { padding:70px 22px; }
  footer { grid-template-columns:1fr; gap:38px; padding:55px 22px 25px; } .footer-column { padding-top:0; } .footer-links { justify-content:flex-start; flex-wrap:wrap; }
  .legal-page { min-height:calc(100vh - 84px); padding:90px 22px 70px; }
  .legal-page h1 { font-size:clamp(42px,12vw,58px); }
  .footer-bottom { grid-column:auto; margin:0 -22px -25px; padding:24px 22px 25px; grid-template-columns:1fr; gap:18px; text-align:center; }
  .footer-legal { justify-self:center; justify-content:center; }
  .back-to-top { right:16px; bottom:16px; width:44px; height:44px; font-size:21px; }
}

@media (max-width:380px) {
  .site-header { padding:0 12px; }
  .menu-toggle { width:40px; height:40px; }
  .hero-content,.section,.corporate-panel,.service-page,.contact-page-hero { padding-left:16px; padding-right:16px; }
  .hero-actions .primary-button { width:100%; text-align:center; }
  .service-page h1,.corporate-panel>h1 { font-size:clamp(38px,12vw,48px); }
  #hakkimizda .corporate-intro { width:calc(100% + 32px); margin-left:-16px; margin-right:-16px; padding-left:16px; padding-right:16px; }
  .service-visual-gallery { width:calc(100% + 32px); margin-left:-16px; margin-right:-16px; padding-left:16px; padding-right:16px; }
  .value-item { grid-template-columns:28px 72px 1fr; }
  .partner-card { flex-basis:82%; }
}

/* Son üretim videosu yerleşimi */
.production { min-height:calc(100vh - 94px); display:grid; grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr); align-items:stretch; gap:clamp(35px,3vw,65px); padding:0 0 0 5.8vw; background:var(--soft); color:#55585c; }
.production-video-heading h2 { color:#55585c; font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow",sans-serif; font-size:clamp(38px,4vw,65px); font-weight:700; line-height:1.04; letter-spacing:-.025em; }
.production-video-wrap { min-height:calc(100vh - 94px); position:relative; border-top:0; box-shadow:none; }
.production-video-wrap video,.production-video-wrap iframe { width:max(100%,calc((100vh - 94px) * 1.7778)); height:100%; min-height:calc(100vh - 94px); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

@media (max-width:900px) {
  .production { min-height:0; grid-template-columns:1fr; gap:36px; padding:70px 22px; }
  .production-video-heading { align-items:center; text-align:center; }
  .production-video-wrap { min-height:0; aspect-ratio:16/9; }
  .production-video-wrap video,.production-video-wrap iframe { width:100%; height:100%; min-height:0; position:static; aspect-ratio:16/9; transform:none; }
}

@media (max-width:700px) {
  .service-page.service-page--all { padding:0 22px 70px; }
  .service-page.service-page--all .services-page-heading { padding-top:105px; }
  .production { display:grid; grid-template-columns:1fr; gap:30px; padding:65px 16px 75px; }
}

/* Hero kuralları dosyanın önceki mobil düzeninin ardından da korunur. */
@media (max-width:1200px) {
  .hero { min-height:calc(100svh - 84px); display:block; }
  .hero-content { position:relative; z-index:3; width:min(720px,82vw); min-height:calc(100svh - 84px); padding:70px 5vw 100px; }
  .hero-visual { position:absolute; inset:0; min-height:0; }
  .hero-index { display:block; right:132px; left:auto; bottom:34px; }
}

@media (max-width:640px) {
  .hero-content { width:100%; padding:82px 22px 105px; }
  .hero-content h1 { margin:20px 0; font-size:clamp(54px,18vw,78px); line-height:.82; }
  .hero-content .hero-slogan { margin-top:8px; font-size:13px; line-height:1.55; }
  .hero-content>p:not(.hero-slogan) { font-size:14px; line-height:1.65; }
  .hero-slider-controls { top:auto; right:16px; bottom:20px; }
  .hero-index { right:auto; left:22px; bottom:33px; }
}

/* Makine parkuru: hizmetler sayfasıyla ortak görsel ve açıklama düzeni. */
.machine-page .service-photo { height:auto; min-height:0; aspect-ratio:1672 / 941; }
.machine-page .service-photo img { height:100%; min-height:0; object-fit:contain; }
.machine-page .service-title { align-self:flex-start; }
.machine-page .service-title h2 { margin:0; color:#17191c; font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow",sans-serif; font-size:clamp(27px,2.5vw,36px); line-height:1.1; }
.machine-model { margin-bottom:18px; color:#686b70; font-size:12px; line-height:1.6; letter-spacing:.04em; }
.machine-number { font-size:16px; }
.service-page.service-page--all { padding:0 0 clamp(75px,8vw,130px); background:#fff; }
.product-page { padding:0 0 clamp(75px,8vw,130px); }
.product-page > .products-grid { width:min(1100px,90%); }
.product-pages > .corporate-back { left:7.5vw; color:#d6d8da; border-color:#ffffff50; }
.product-pages > .corporate-back:hover { color:#fff; }
.product-page .products-heading { --page-heading-image:url('images/urunler-giris-kasa.png'); }
.service-page#hizmetlerimiz .services-page-heading { --page-heading-image:url('images/kontrololcum.jpeg'); }
.service-page#hizmetlerimiz .services-page-heading::before { background-image:linear-gradient(90deg,#292c30 0%,rgba(41,44,48,.94) 22%,rgba(41,44,48,.65) 46%,rgba(41,44,48,.15) 76%),linear-gradient(0deg,rgba(6,8,10,.5),transparent 60%),var(--page-heading-image); background-position:center,center,calc(50% + 140px) 62%; background-color:#292c30; }
@media(max-width:700px) { .service-page#hizmetlerimiz .services-page-heading::before { background-position:center,center,calc(50% + 24px) 58%; } }
:is(.service-page--all .services-page-heading, .product-page .products-heading) {
  position:relative;
  isolation:isolate;
  max-width:none;
  min-height:clamp(560px,calc(100svh - 94px),800px);
  margin:0 0 clamp(65px,8vw,120px);
  padding:120px 5vw 90px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
  background:#101214;
}
:is(.service-page--all .services-page-heading, .product-page .products-heading)::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:linear-gradient(90deg,rgba(6,8,10,.9),rgba(8,10,12,.66) 48%,rgba(8,10,12,.3)),linear-gradient(0deg,rgba(6,8,10,.5),transparent 60%),var(--page-heading-image,url('images/makine-parkuru/parkur-giris-yatay.png'));
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center,center,center 62%;
}
:is(.service-page--all .services-page-heading, .product-page .products-heading) .section-kicker { color:#b8bbbe; font-size:12px; letter-spacing:.28em; }
:is(.service-page--all .services-page-heading, .product-page .products-heading) h1 {
  max-width:1100px;
  margin:28px 0 36px;
  color:rgba(244,244,244,.82);
  font-size:clamp(48px,5.2vw,80px);
  line-height:1.1;
  font-weight:500;
  letter-spacing:-.025em;
  text-transform:none;
  text-shadow:0 2px 14px #0003;
}
:is(.service-page--all .services-page-heading, .product-page .products-heading) p { max-width:700px; color:#c4c6c8; font-size:clamp(16px,1.3vw,20px); line-height:1.85; }
.service-page--all > .service-list { width:90%; }
.service-pages:has(.service-page--all.is-active) > .corporate-back { color:#d6d8da; border-color:#ffffff50; }
.service-pages:has(.service-page--all.is-active) > .corporate-back:hover { color:#fff; }
@media (max-width:700px) {
  .service-page.service-page--all { padding:0 0 70px; }
  .product-page { padding:0 0 70px; }
  .product-page > .products-grid { width:calc(100% - 44px); }
  .product-pages > .corporate-back { left:22px; top:24px; }
  :is(.service-page--all .services-page-heading, .product-page .products-heading) { min-height:calc(85svh - 84px); padding:110px 22px 70px; }
  :is(.service-page--all .services-page-heading, .product-page .products-heading) h1 { font-size:clamp(36px,8.5vw,54px); overflow-wrap:normal; margin:24px 0 28px; }
  :is(.service-page--all .services-page-heading, .product-page .products-heading)::before { background-size:100% 100%,100% 100%,cover; background-position:center,center,center 58%; }
  .service-page--all > .service-list { width:auto; margin-inline:22px; }
}
@media (min-width:1201px) and (max-width:1600px) {
  .site-header { grid-template-columns:140px minmax(0,1fr) 110px; padding-inline:2vw; }
  .site-header .brand { max-width:130px; }
  .site-header nav { gap:18px; font-size:13px; letter-spacing:.02em; }
  .site-header nav>a,.site-header .nav-dropdown-trigger { white-space:nowrap; }
}
.language-switcher { position:relative; display:block; flex-shrink:0; margin-left:18px; padding-left:18px; border-left:1px solid #aeb1b4; font-family:Arial,sans-serif; letter-spacing:normal; }
.language-switcher summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:68px; min-height:44px; padding:8px 10px; border:1px solid #aeb1b4; border-radius:6px; cursor:pointer; list-style:none; font-size:14px; font-weight:700; }
.language-switcher summary::-webkit-details-marker { display:none; }
.language-options { position:absolute; top:calc(100% + 10px); right:0; width:184px; max-height:min(420px,calc(100dvh - 120px)); overflow-y:auto; overscroll-behavior:contain; padding:8px; border:1px solid #353535; border-radius:8px; background:#141414; box-shadow:0 16px 40px #0003; z-index:100; }
.language-switcher:not([open]) .language-options { display:none; }
.language-switcher .language-options button { display:flex; align-items:center; justify-content:flex-start; gap:12px; width:100%; min-height:44px; height:auto; padding:10px 8px; color:#ddd; background:transparent; border:0; border-radius:4px; font:14px/1.5 Arial,sans-serif; text-align:left; cursor:pointer; }
.language-options button>span { display:inline-grid; place-items:center; flex-shrink:0; width:27px; height:21px; border:1px solid #555; border-radius:2px; background:#292929; font-size:10px; font-weight:700; }
.language-switcher .language-flag { display:block; width:24px; height:16px; flex-shrink:0; object-fit:cover; border-radius:2px; box-shadow:0 0 0 1px #ffffff25; }
.language-switcher .language-options button:hover { background:#292929; }
.language-switcher .language-options button[aria-pressed="true"] { color:var(--red); }
.language-options button[aria-pressed="true"]>span { border-color:var(--red); background:#cf07121a; }
.language-switcher summary:focus-visible { outline:2px solid var(--red); outline-offset:3px; }
.language-options button:focus-visible { outline:2px solid var(--red); outline-offset:-2px; }
.draft-preview-notice { position:fixed; bottom:16px; left:16px; z-index:1200; background:#47494d; color:#fff; border-left:4px solid var(--red); padding:12px 18px; font:14px Arial,sans-serif; box-shadow:0 4px 18px #0003; }
.production-video-wrap.has-managed-videos { display:grid; gap:24px; height:auto; aspect-ratio:auto; }
.production-video-wrap.has-managed-videos iframe { position:static; width:100%; aspect-ratio:16/9; height:auto; }
.process { background:linear-gradient(180deg,#f4f5f6,var(--soft)); }
.process-heading { align-items:end; }
.process-heading h2 { margin:20px 0 0; font-size:clamp(38px,4vw,64px); line-height:1.15; }
.process-heading>p { max-width:430px; color:var(--muted-text); }
.process-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; list-style:none; margin:0; padding:0; position:relative; }
.process-steps::before { content:""; position:absolute; left:8%; right:8%; top:68px; height:1px; background:#bfc1c4; }
.process-step { position:relative; padding:30px 28px 34px; border:1px solid #d0d2d5; background:#f4f5f6; transition:border-color .25s,box-shadow .25s; }
.process-step-top { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:32px; }
.process-number { color:var(--red); font-size:60px; line-height:1.2; font-weight:500; letter-spacing:-.04em; }
.process-step svg { width:42px; height:42px; fill:none; stroke:var(--heading); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; transition:stroke .25s,transform .25s; }
.process-step h3 { font-size:clamp(22px,1.7vw,28px); margin:0 0 16px; color:var(--heading); font-weight:500; }
.process-step p { margin:0; max-width:340px; color:var(--muted-text); font-size:16px; line-height:1.8; }
.process-action { margin-top:32px; display:flex; justify-content:flex-end; }
@media(hover:hover) { .process-step:hover { border-color:#cf071270; box-shadow:0 12px 28px #2021240d; } .process-step:hover svg { stroke:var(--red); transform:translateY(-4px); } }
@media(max-width:760px) { .process-steps { grid-template-columns:1fr; gap:18px; } .process-steps::before { top:0; bottom:0; left:54px; right:auto; width:1px; height:auto; } .process-step { padding:24px; } .process-step-top { margin-bottom:20px; } .process-number { font-size:48px; } .process-step p { max-width:none; } .process-action { justify-content:flex-start; } }
@media(prefers-reduced-motion:reduce) { .process-step,.process-step svg { transition:none; } .process-step:hover svg { transform:none; } }
#uretim.production--stacked { height:auto; min-height:0; flex-direction:column; align-items:center; justify-content:center; gap:32px; padding:64px 0; overflow:visible; }
#uretim .production-video-wrap { position:relative; flex:none; width:calc(100% - 48px); max-width:1120px; height:auto; min-height:0; max-height:none; margin:0 auto; aspect-ratio:16/9; border:0; }
#uretim .production-video-wrap iframe,#uretim .production-video-wrap video { display:block; position:static; inset:auto; transform:none; width:100%; height:auto; min-height:0; max-height:none; aspect-ratio:16/9; object-fit:contain; }
#uretim .production-video-wrap.has-managed-videos { aspect-ratio:auto; display:grid; gap:24px; }
@media(max-width:640px) { #uretim.production--stacked { padding:40px 0; gap:24px; } #uretim .production-video-wrap { width:calc(100% - 32px); } }
#hakkimizda { --about-photo-height:560px; padding:150px 7.5vw 80px; background-color:#fff; background-image:linear-gradient(180deg,#bfc2c5 0,#bfc2c5 var(--about-photo-height),#e3e5e7 calc(var(--about-photo-height) + 240px),#f5f6f7 calc(var(--about-photo-height) + 480px),#fff calc(var(--about-photo-height) + 720px)); }
#hakkimizda::before { height:560px; background-image:linear-gradient(90deg,rgba(71,73,77,.78),rgba(71,73,77,.45) 28%,rgba(71,73,77,.88) 50%,rgba(71,73,77,.96) 72%,rgba(71,73,77,.98)),linear-gradient(0deg,rgba(71,73,77,.55),transparent 55%),var(--corporate-bg); background-position:center,center,center calc(48% - 35px); }
#hakkimizda>.section-kicker { display:flex; align-items:center; gap:12px; color:#e1e3e5; text-shadow:none; letter-spacing:.25em; }
#hakkimizda>h1 { margin:30px 0 0; color:#fff; text-align:left; transform:translateY(20px); text-shadow:0 4px 24px #0003; font-size:clamp(54px,6vw,88px); line-height:1.1; }
#hakkimizda .about-content { width:100%; margin:240px 0 0; padding:0; background:none; border:0; }
#hakkimizda .about-stats { max-width:740px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding:22px 32px; background:#f8f9fa; border-top:3px solid var(--red); box-shadow:0 16px 40px #20212412; }
#hakkimizda .about-stats>div { min-height:130px; padding:12px 24px; gap:10px; }
#hakkimizda .about-stats>div+div { border-left:1px solid #d5d8dc; }
#hakkimizda .about-stats strong { color:var(--red); text-shadow:none; }
#hakkimizda .about-stats span { color:var(--muted-text); text-shadow:none; }
#hakkimizda .about-main-copy { margin-top:64px; }
@media(max-width:640px) {
  #hakkimizda { --about-photo-height:420px; padding:110px 22px 60px; }
  #hakkimizda::before { height:420px; background-position:center,center,42% calc(50% - 20px); }
  #hakkimizda>h1 { font-size:clamp(44px,11vw,64px); }
  #hakkimizda .about-content { margin:150px 0 0; }
  #hakkimizda .about-stats { padding:18px 8px; }
  #hakkimizda .about-stats>div { padding:10px 12px; min-height:120px; }
  #hakkimizda .about-stats strong { font-size:30px; }
  #hakkimizda .about-stats span { font-size:10px; }
  #hakkimizda .about-main-copy { margin-top:42px; }
}
.corporate-sections > .corporate-back,
.service-pages > .corporate-back,
.product-pages > .corporate-back { top:0; left:0; margin:0; border-left:0; border-radius:0 999px 999px 0; }
#hakkimizda .about-stats { max-width:820px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
#hakkimizda .about-stats>div { position:relative; display:grid; grid-template-columns:64px minmax(0,1fr); grid-template-rows:auto auto; align-content:center; align-items:center; column-gap:22px; row-gap:10px; min-height:190px; padding:34px 28px; }
#hakkimizda .about-stats>div+div { border-left:0; }
#hakkimizda .about-stats>div+div::before { content:""; position:absolute; left:0; top:30px; bottom:30px; width:1px; background:#d5d8dc; }
#hakkimizda .about-stats .about-stat-icon { grid-row:1/3; width:64px; height:64px; padding:10px; border:0; border-radius:0; background:transparent; filter:none; }
#hakkimizda .about-stats strong { align-self:end; font-size:clamp(32px,3.2vw,48px); font-variant-numeric:tabular-nums; letter-spacing:-.025em; white-space:nowrap; }
#hakkimizda .about-stats span { align-self:start; font-size:11px; letter-spacing:.12em; line-height:1.6; }
@media(max-width:760px) {
  #hakkimizda .about-stats>div { grid-template-columns:1fr; grid-template-rows:auto auto auto; gap:12px; padding:24px 18px; min-height:190px; }
  #hakkimizda .about-stats .about-stat-icon { grid-row:auto; width:50px; height:50px; padding:9px; }
  #hakkimizda .about-stats strong { font-size:clamp(27px,5.5vw,38px); }
  #hakkimizda .about-stats span { font-size:10px; letter-spacing:.06em; }
}
.services-page-heading > .scroll-reveal,
.products-heading > .scroll-reveal,
.corporate-panel > .scroll-reveal,
.contact-hero-copy > .scroll-reveal,
.legal-page > .scroll-reveal { translate:none; }
.scroll-reveal.reveal-reset { transition:none !important; }
/* Keep navigation usable on compact laptops as well as tablets. */
@media (min-width:1201px) and (max-width:1600px) {
  .site-header { grid-template-columns:150px 1fr auto; height:84px; padding:0 24px; column-gap:18px; }
  .site-header .menu-toggle { display:flex; justify-self:end; position:relative; z-index:2; }
  .site-header nav { position:fixed; inset:84px 0 auto; max-height:calc(100dvh - 84px); overflow-y:auto; display:flex; flex-direction:column; align-items:stretch; gap:0; padding:18px 24px 26px; background:#e5e6e8fa; border-bottom:1px solid #bfc1c4; box-shadow:0 16px 30px #2021241f; opacity:0; visibility:hidden; transform:translateY(-12px); transition:opacity .2s,transform .2s,visibility .2s; }
  .site-header nav.is-open { opacity:1; visibility:visible; transform:none; }
  .site-header nav>a,.site-header .nav-dropdown-trigger { min-height:52px; display:flex; align-items:center; justify-content:space-between; padding:0 4px; border-bottom:1px solid #c9cbce; font-size:13px; }
  .site-header .nav-dropdown { display:block; }
  .site-header .nav-submenu { position:static; min-width:0; max-height:0; overflow:hidden; visibility:visible; opacity:1; transform:none; padding:0 16px; border-top:0; box-shadow:none; }
  .site-header .nav-dropdown.is-open .nav-submenu { max-height:320px; padding:8px 16px 12px; }
  .site-header .nav-submenu a { min-height:42px; display:flex; align-items:center; }
  .site-header .language-switcher { align-self:flex-start; margin:12px 0 0; padding-left:0; border-left:0; }
  .site-header .language-switcher button { width:44px; height:44px; }
  body.nav-open { overflow:hidden; }
  main>section,.location-section,.contact-form-section { scroll-margin-top:84px; }
}
@media (min-width:641px) and (max-width:1200px) { .site-header { column-gap:16px; } }
.service-pages:has(.service-page--all.is-active) > .corporate-back,
.product-pages > .corporate-back { color:#4b4e52; border-color:#aeb1b4; }
.service-pages:has(.service-page--all.is-active) > .corporate-back:hover,
.product-pages > .corporate-back:hover { color:var(--red); }
/* Spacious, scrollable navigation for phones, tablets and compact laptops. */
@media (max-width:1600px) {
  .site-header #main-navigation { padding:16px 20px calc(24px + env(safe-area-inset-bottom)); gap:6px; max-height:calc(100dvh - 84px); overflow-y:auto; overscroll-behavior:contain; background:#eff0f2; }
  .site-header #main-navigation > * { flex-shrink:0; }
  .site-header #main-navigation .nav-dropdown { position:relative; z-index:1; }
  .site-header #main-navigation .nav-dropdown.is-open { z-index:5; }
  .site-header #main-navigation > a,
  .site-header #main-navigation .nav-dropdown-trigger { display:flex; align-items:center; justify-content:space-between; min-height:56px; padding:16px 18px; border:0; border-radius:6px; font-size:15px; line-height:1.5; letter-spacing:.045em; white-space:normal; }
  .site-header #main-navigation > a:hover,
  .site-header #main-navigation .nav-dropdown-trigger:hover { background:#e3e5e8; }
  .site-header #main-navigation > a.is-active,
  .site-header #main-navigation .nav-dropdown-trigger.is-active { background:#cf07120a; box-shadow:inset 3px 0 var(--red); color:var(--red); }
  .site-header #main-navigation a::after { display:none; }
  .site-header #main-navigation .nav-dropdown { display:block; }
  .site-header #main-navigation .nav-dropdown-trigger span { margin-left:16px; flex-shrink:0; }
  .site-header #main-navigation .nav-submenu { position:absolute; top:100%; right:12px; left:24px; width:auto; min-width:0; margin:0; padding:0 12px; border-left:2px solid #cf071230; background:#e6e8eb; border-radius:0 6px 6px 0; }
  .site-header #main-navigation .nav-dropdown.is-open .nav-submenu { max-height:360px; padding:8px 12px; }
  .site-header #main-navigation .nav-submenu a { min-height:48px; padding:12px 10px; color:#4b4e52; font-size:14px; line-height:1.5; letter-spacing:.025em; white-space:normal; }
  .site-header #main-navigation .nav-submenu a::before { display:none; }
  .site-header #main-navigation .language-switcher { align-self:stretch; justify-content:flex-start; gap:12px; margin:12px 0 0; padding:18px 18px 0; border:0; border-top:1px solid #d0d3d7; }
  .site-header #main-navigation .language-switcher .language-options button { width:100%; min-height:44px; height:auto; }
  .site-header #main-navigation .language-switcher summary { width:100%; max-width:220px; }
  .site-header #main-navigation .language-options { position:static; width:100%; max-width:320px; max-height:none; margin-top:10px; box-shadow:none; }
}

/* Preserve native shaping and reading direction across all eight languages. */
.site-header { direction:ltr; }
html[lang="ar"] main, html[lang="ar"] footer { font-family:Tahoma,Arial,sans-serif; }
html[lang="ar"] body * { font-family:Tahoma,Arial,sans-serif !important; }
html[lang="zh"] body * { font-family:"Microsoft YaHei","PingFang SC",sans-serif !important; }
html[lang="ja"] body * { font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif !important; }
html:is([lang="ar"],[lang="zh"],[lang="ja"]) :is(h1,h2,h3) { line-height:1.25; }
html[lang="ar"] :is(h1,h2,h3,p,a,span,strong,button) { letter-spacing:normal; }
html[lang="ar"] .hero-word, html[lang="zh"] .hero-word, html[lang="ja"] .hero-word { display:inline; white-space:normal; }
html[lang="ar"] .hero-content :is(.ortaca-plastik,h1) { direction:ltr; unicode-bidi:isolate; }
html[lang="ar"] :is(.about-main-copy,.service-copy,.contact-details,.location-details,.footer-column) { text-align:start; }
html[dir="rtl"] :is(.contact-details,.location-details,.footer-contact-info) strong { unicode-bidi:plaintext; }
html[dir="rtl"] a[href^="tel:"], html[dir="rtl"] a[href^="mailto:"] { direction:ltr; unicode-bidi:isolate; }
html[dir="rtl"] .about-timeline-list, html[dir="rtl"] .hero-visual, html[dir="rtl"] .partners-slider, html[dir="rtl"] .certificate-modal-dialog { direction:ltr; }
html[dir="rtl"] .about-timeline-list article { direction:rtl; }
html[dir="rtl"] :is(.intro-stat strong,.about-stats strong) { direction:ltr; unicode-bidi:isolate; }
html[lang="zh"] :is(h1,h2,h3,p), html[lang="ja"] :is(h1,h2,h3,p) { line-break:strict; word-break:normal; }
main :is(h1,h2,h3,p), footer :is(p,a,strong) { overflow-wrap:anywhere; }
.hero-actions > a { min-width:0; }
@media (min-width:1601px) {
  .site-header { grid-template-columns:150px minmax(0,1fr) auto; column-gap:24px; }
  .site-header nav { min-width:0; gap:clamp(18px,1.6vw,34px); align-items:center; font-size:13px; letter-spacing:.075em; }
  .site-header .header-cta { white-space:nowrap; }
}