/* Tasarim onizleme stili — YeniAnasayfaTasarimlari altindaki varyasyonlarin app/globals.css dosyasindan port edildi.
   Tailwind v4 preflight yerine asagidaki es deger reset kullanilir (CDN/araci bagimliligi yok). */
*, ::before, ::after { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; }
body { line-height: inherit; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
b, strong { font-weight: bolder; }
small { font-size: 80%; }
button, input, select, textarea { font: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; }
button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
ol, ul, menu { list-style: none; }
img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
[hidden] { display: none !important; }

@font-face {
  font-display: block;
  font-family: "Yavuzlar Navigation Icons";
  font-style: normal;
  font-weight: 900;
  src: url("/css/font-awesome/webfonts/fa-solid-900.woff2") format("woff2");
}

:root {
  --brand: #00679e;
  --brand-deep: #063f68;
  --ink: #10263d;
  --muted: #607184;
  --paper: #f3f6f8;
  --surface: #fff;
  --line: rgba(16, 38, 61, .14);
  --header-h: 100px;
  --radius: 0px;
  --heading: Arial, Helvetica, sans-serif;
  --body: Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; }
.sr-only { border:0!important; clip:rect(0,0,0,0)!important; height:1px!important; margin:-1px!important; overflow:hidden!important; padding:0!important; position:absolute!important; white-space:nowrap!important; width:1px!important; }
/* Yumusak kaydirma yalnizca sayfa yuklendikten SONRA acilir (JS .smooth-scroll ekler).
   Aksi halde tarayicinin yenilemede eski konuma donusu animasyonlu oluyor ve
   sayfa kendi kendine kayiyormus gibi gorunuyordu (ozellikle mobilde). */
html { scroll-behavior: auto; }
html.smooth-scroll { scroll-behavior: smooth; }
section[id], footer[id] { scroll-margin-top: 92px; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--body); }
a { color: inherit; text-decoration: none; }
button, input { color: inherit; font: inherit; }
button { -webkit-tap-highlight-color: transparent; }
img { display: block; }
.site { background: var(--paper); color:var(--ink); display:flex; flex-direction:column; min-height: 100vh; overflow-x:clip; transition: background .45s ease, color .45s ease; }
.site > .site-header { order:-100; }.site > .variant-dock { order:-99; }.site > .hero { order:-90; }.site > .site-footer { order:90; }.site > .scroll-top { order:100; }
.theme-precision .theme-section-proof { order:1; }.theme-precision .theme-section-products { order:2; }.theme-precision .theme-section-process { order:3; }.theme-precision .theme-section-story { order:4; }.theme-precision .theme-section-quality { order:5; }.theme-precision .theme-section-news { order:6; }
.theme-nordic .theme-section-story { order:1; }.theme-nordic .theme-section-proof { order:2; }.theme-nordic .theme-section-process { order:3; }.theme-nordic .theme-section-products { order:4; }.theme-nordic .theme-section-news { order:5; }.theme-nordic .theme-section-quality { order:6; }
.theme-blueprint .theme-section-proof { order:1; }.theme-blueprint .theme-section-story { order:2; }.theme-blueprint .theme-section-process { order:3; }.theme-blueprint .theme-section-products { order:4; }.theme-blueprint .theme-section-quality { order:5; }.theme-blueprint .theme-section-news { order:6; }
.shell { margin-inline: auto; width: min(calc(100% - 96px), 1320px); }
.section-space { padding: 126px 0; }
.eyebrow { align-items: center; color: var(--brand); display: flex; font-size: 10px; font-weight: 750; gap: 10px; letter-spacing: .14em; margin: 0 0 25px; text-transform: uppercase; }
.eyebrow > span { background: currentColor; height: 1px; width: 28px; }
h1, h2, h3, p { text-wrap: pretty; }
.site h1, .site h2, .site h3 { font-family: var(--heading); }

/* Header and navigation — mirrors the current yavuzlaraluminyum.com.tr contract. */
.site-header { --header-height:100px; --header-shrink:60px; color:#fff; height:var(--header-height); left:0; pointer-events:none; position:fixed; right:0; top:0; z-index:90; }
#header-wrap { -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); background:rgba(0,73,120,.9); border-bottom:1px solid rgba(255,255,255,.13); height:var(--header-height); pointer-events:auto; transition:height .2s ease,background .3s ease; width:100%; }
.site-header.is-scrolled { height:var(--header-shrink); }.site-header.is-scrolled #header-wrap { background:#123a5e; border-bottom-color:rgba(255,255,255,.12); height:var(--header-shrink); }
.header-container { height:100%; padding:0 30px; width:100%; }.header-row { align-items:center; display:flex; flex-wrap:nowrap; height:100%; width:100%; }
#logo { align-items:flex-start; display:flex; height:100%; margin-right:auto; max-height:100%; min-width:270px; padding-right:30px; position:relative; }
.brand { display:block; height:100%; width:100%; }.brand img { height:100%; margin:0; max-height:100%; max-width:100%; object-fit:contain; object-position:left center; transition:height .35s ease; width:auto; }
.logo-default { display:none; }.logo-dark { display:block; }.site-header.is-scrolled .logo-default { display:block; }.site-header.is-scrolled .logo-dark { display:none; }
.primary-menu { align-items:center; display:flex; flex:0 0 auto; height:100%; }.menu-container,.sub-menu-container { list-style:none; margin:0; padding:0; }
.menu-container { align-items:center; display:flex; height:100%; }.menu-container>.menu-item { height:100%; position:relative; }
.menu-item-divider { border-left:1px solid rgba(255,255,255,.1); height:40px; margin:0 8px; }.submenu-divider { border:0; border-top:1px solid rgba(255,255,255,.1); height:0; margin:0 10px; }
.menu-link { align-items:center; color:#fff; display:flex; font-size:13px; font-weight:700; gap:8px; height:100%; letter-spacing:1px; line-height:22px; padding:10px 15px; position:relative; text-decoration:none; white-space:nowrap; }
.menu-container>.menu-item>.menu-link::after { background:#fff; bottom:4px; content:""; height:2px; left:50%; position:absolute; transform:translateX(-50%); transition:left .1s ease,width .1s ease; width:0; }
.menu-container>.menu-item:hover>.menu-link::after,.menu-container>.menu-item:focus-within>.menu-link::after { width:60%; }
.nav-icon { align-items:center; display:inline-flex; font-family:"Yavuzlar Navigation Icons"; font-size:16px; font-weight:900; justify-content:center; line-height:1; width:17px; }
.menu-link .chevron { height:11px; margin-left:-3px; transition:transform .2s; width:11px; }.nav-item:hover>.menu-link .chevron,.nav-item:focus-within>.menu-link .chevron { transform:rotate(180deg); }
.nav-dropdown,.nested-submenu { background:#12293c; border:1px solid rgba(255,255,255,.1); box-shadow:0 13px 42px 11px rgba(0,0,0,.05); display:block; left:0; min-width:240px; opacity:0; padding:10px 0; pointer-events:none; position:absolute; top:100%; transform:translateY(8px); transition:opacity .3s ease,transform .3s ease,visibility .3s; visibility:hidden; z-index:399; }
.nav-item:hover>.nav-dropdown,.nav-item:focus-within>.nav-dropdown { opacity:1; pointer-events:auto; transform:translateY(-4px); visibility:visible; }
/* Navbar ile panel arasindaki kucuk bosluk fare gecisinde menuyu kapatmasin:
   gorunmez hover koprusu (kisa tutulur ki tetik linkin tiklamasini engellemesin). */
.nav-dropdown::before { content:""; height:12px; left:0; position:absolute; right:0; top:-12px; }
.nav-dropdown>.menu-item { min-height:62px; padding:10px; position:relative; }.nav-dropdown>.menu-item>.menu-link { color:rgba(255,255,255,.8); font-size:12px; height:42px; letter-spacing:0; line-height:22px; padding:10px 15px; width:100%; }
.nav-dropdown>.menu-item:hover>.menu-link,.nav-dropdown>.menu-item:focus-within>.menu-link { background:#123a5e; color:#fff; }.nav-dropdown>.menu-item>.menu-link .chevron { margin-left:auto; transform:rotate(-90deg); }
.nested-submenu { left:100%; max-height:min(68vh,640px); max-width:400px; min-width:260px; overflow-x:hidden; overflow-y:auto; top:-1px; width:max-content; }.nav-dropdown>.has-children:nth-last-child(-n+6)>.nested-submenu { left:auto; right:100%; }
.has-children:hover>.nested-submenu,.has-children:focus-within>.nested-submenu { opacity:1; pointer-events:auto; transform:none; visibility:visible; }.nested-submenu>.menu-item { min-height:52px; padding:5px 10px; }.nested-submenu .menu-link { color:rgba(255,255,255,.8); font-size:12px; height:auto; letter-spacing:0; line-height:1.45; min-height:42px; padding:10px 15px; white-space:normal; }.nested-submenu .menu-link:hover,.nested-submenu .menu-link:focus-visible { background:#123a5e; color:#fff; }
.header-misc { align-items:center; display:flex; gap:0; height:100%; margin-left:15px; }.header-misc-icon { align-items:center; background:transparent; border:0; color:#fff; cursor:pointer; display:flex; height:20px; justify-content:center; margin:0 8px; padding:0; width:20px; }.search-trigger .nav-icon,.language-symbol { font-size:17px; width:20px; }
.language-switcher { align-items:center; display:flex; height:100%; position:relative; }.language-trigger { background:transparent; border:0; }.language-menu { background:#123a5e; border:1px solid rgba(255,255,255,.18); box-shadow:0 13px 42px 11px rgba(0,0,0,.12); min-width:190px; opacity:0; padding:10px; pointer-events:none; position:absolute; right:0; top:calc(50% + 20px); transform:translateY(8px); transition:.2s ease; visibility:hidden; }
.language-switcher:hover .language-menu,.language-switcher:focus-within .language-menu,.language-switcher.is-open .language-menu { opacity:1; pointer-events:auto; transform:none; visibility:visible; }.language-menu>p { color:rgba(255,255,255,.7); font-size:8px; letter-spacing:.12em; margin:5px 8px 10px; text-transform:uppercase; }.language-menu>a { align-items:center; color:#fff; display:grid; font-size:12px; gap:10px; grid-template-columns:25px 1fr auto; padding:11px 8px; }.language-menu>a:hover { background:rgba(255,255,255,.12); }.language-menu small { color:rgba(255,255,255,.7); font-size:8px; }.flag { border:1px solid rgba(255,255,255,.26); border-radius:2px; height:16px; width:23px; }
.menu-button { background:transparent; border:0; color:#fff; cursor:pointer; display:none; height:44px; margin-left:2px; width:44px; }.menu-icon { display:inline-block; height:16px; position:relative; width:20px; }.menu-icon i { background:currentColor; height:2px; left:0; position:absolute; transition:.25s; width:20px; }.menu-icon i:first-child { top:3px; }.menu-icon i:last-child { bottom:3px; }.menu-icon.open i:first-child { top:7px; transform:rotate(45deg); }.menu-icon.open i:last-child { bottom:7px; transform:rotate(-45deg); }
.mobile-panel { background:#123a5e; color:#fff; display:none; left:0; max-height:calc(100vh - var(--header-height)); overflow-y:auto; position:fixed; right:0; top:var(--header-height); z-index:80; }.site-header.is-scrolled .mobile-panel { max-height:calc(100vh - var(--header-shrink)); top:var(--header-shrink); }.mobile-panel.is-open { display:block; }.mobile-panel nav { margin:0 auto; max-width:780px; padding:18px 28px 55px; }
.mobile-group,.mobile-direct { border-bottom:1px solid rgba(255,255,255,.14); }.mobile-group>button,.mobile-direct { align-items:center; background:transparent; border:0; color:#fff; cursor:pointer; display:grid; font-size:15px; font-weight:700; gap:12px; grid-template-columns:30px 1fr auto; letter-spacing:.04em; min-height:58px; padding:0 4px; text-align:left; width:100%; }.mobile-group>button .nav-icon,.mobile-direct .nav-icon { color:#fff; font-size:15px; }
.mobile-submenu { display:grid; grid-template-rows:0fr; transition:grid-template-rows .28s; }.mobile-submenu>div { overflow:hidden; }.mobile-submenu a { align-items:center; color:rgba(255,255,255,.82); display:grid; font-size:12px; gap:12px; grid-template-columns:30px 1fr; min-height:48px; padding:4px 4px 4px 34px; }.mobile-submenu a:hover { background:rgba(255,255,255,.09); color:#fff; }.mobile-group.is-open .mobile-submenu { grid-template-rows:1fr; padding-bottom:10px; }.mobile-group.is-open>button .chevron { transform:rotate(180deg); }
.mobile-languages { padding-top:28px; }.mobile-languages>span { color:rgba(255,255,255,.68); font-size:9px; letter-spacing:.12em; text-transform:uppercase; }.mobile-languages>div { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }.mobile-languages a { align-items:center; border:1px solid rgba(255,255,255,.2); color:#fff; display:flex; font-size:11px; gap:8px; padding:10px 13px; }
.site-header :is(a,button):focus-visible { outline:2px solid #fff; outline-offset:2px; }
.site-header.is-scrolled .nav-dropdown,.site-header.is-scrolled .nested-submenu { background:#fff; border-color:rgba(18,58,94,.18); }.site-header.is-scrolled .nav-dropdown>.menu-item>.menu-link,.site-header.is-scrolled .nested-submenu .menu-link { color:#123a5e; }.site-header.is-scrolled .submenu-divider { border-top-color:rgba(18,58,94,.14); }.site-header.is-scrolled .nav-dropdown>.menu-item:hover>.menu-link,.site-header.is-scrolled .nav-dropdown>.menu-item:focus-within>.menu-link,.site-header.is-scrolled .nested-submenu .menu-link:hover,.site-header.is-scrolled .nested-submenu .menu-link:focus-visible { background:#123a5e; color:#fff; }

/* Variant chooser */
.variant-dock { --ink:#10263d; --muted:#607184; --brand:#00679e; --line:rgba(16,38,61,.14); background: rgba(255,255,255,.97); border: 1px solid rgba(16,38,61,.16); box-shadow: 0 18px 60px rgba(4,25,42,.18); color:#10263d; position: fixed; right: 24px; top: 112px; width: 292px; z-index: 70; }
.variant-toggle { align-items: center; background: #0d263b; border: 0; color: white; cursor: pointer; display: grid; gap: 10px; grid-template-columns: 27px 1fr 16px; height: 48px; padding: 0 16px; text-align: left; width: 100%; }
.variant-toggle > span { color: #8dc9e1; font-size: 8px; }.variant-toggle > strong { font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }.variant-toggle svg { height: 14px; transition: transform .25s; width: 14px; }
.variant-dock.is-open .variant-toggle svg { transform: rotate(180deg); }
.variant-options { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s; }
.variant-options::before { content: ""; overflow: hidden; }
.variant-dock.is-open .variant-options { grid-template-rows: auto; }
.variant-options > :is(button, a) { align-items: center; background: white; border: 0; border-bottom: 1px solid var(--line); color:#10263d; cursor: pointer; display: none; gap: 12px; grid-template-columns: 25px 1fr 12px; min-height: 68px; padding: 10px 16px; text-align: left; }
.variant-dock.is-open .variant-options > :is(button, a) { display: grid; }
.variant-options > :is(button, a) > span { color: #8795a1; font-size: 8px; }
.variant-options strong { display: block; font-size: 12px; }.variant-options small { color: var(--muted); display: block; font-size: 8px; line-height: 1.4; margin-top: 4px; }
.variant-options i { border: 1px solid #aeb8c0; border-radius: 50%; height: 10px; position: relative; width: 10px; }
.variant-options :is(button, a).is-active { background: #edf5f8; color: var(--brand); }.variant-options :is(button, a).is-active i { border-color: var(--brand); }.variant-options :is(button, a).is-active i::after { background: var(--brand); border-radius: 50%; content: ""; top:2px; right:2px; bottom:2px; left:2px; position: absolute; }

/* Hero */
.hero { background: #0b2438; color: white; height: max(760px, 84vh); margin-top: var(--header-h); min-height: 760px; overflow: hidden; position: relative; }
.hero-media-wrap, .hero-media, .hero-shade, .hero-lines { top:0; right:0; bottom:0; left:0; position: absolute; }
.hero-media-wrap { overflow: hidden; }
.hero-media { height: 100%; object-fit: cover; opacity: 0; transform: scale(1.035); transition: opacity 1s ease, transform 7s ease; width: 100%; }
.hero-media.is-active { opacity: 1; transform: scale(1); }
.hero-shade { background: linear-gradient(90deg, rgba(5,28,47,.98) 0%, rgba(5,28,47,.82) 35%, rgba(5,28,47,.15) 72%, rgba(5,28,47,.06)); }
/* Hero'nun dikey cizgileri kaldirildi (kullanici tespiti). Cizgiler TUM ekran
   genisliginin 6 esit parcasiydi; hemen altindaki kanit seridi ise ortalanmis
   kabugun (max 1320px) 4 sutunu. Iki izgara yalnizca ORTADA cakisabiliyordu:
   olculen sapma 1920px'te 0/12/25px, 1024px'te 0/68/32px, 390px'te 0/20px.
   Ortadaki cizgi tam tuttugu icin digerlerinin kaymasi hata gibi okunuyordu.
   Hizalamak icin .shell genisligini paylasilan bir degiskene cevirmek gerekirdi;
   header/footer/tum bolumler .shell kullandigindan bu risk, %3,6 efektif
   opaklikta bir doku icin orantisiz. Konumlandirma kurali (satir uzeri) duruyor:
   nordic/blueprint onizleme temalari kendi cizgilerini oraya ciziyor. */
.hero-lines { opacity: .6; }
.hero-content { align-items: center; display: flex; height: 100%; position: relative; z-index: 2; }
.hero-copy-block { margin-top: -20px; max-width: 720px; padding-left: 38px; }
.hero .eyebrow { color: #a8d7e9; }
.hero h1 { font-size: clamp(58px, 6.3vw, 96px); font-weight: 580; letter-spacing: -.06em; line-height: .98; margin: 0; max-width: 850px; }
.hero-copy { color: rgba(255,255,255,.72); font-size: 16px; line-height: 1.72; margin: 30px 0 32px; max-width: 590px; }
.hero-link { align-items: center; border-bottom: 1px solid rgba(255,255,255,.74); display: flex; font-size: 12px; font-weight: 700; justify-content: space-between; max-width: 285px; padding-bottom: 11px; }
.hero-link svg { height: 18px; width: 18px; }
.hero-arrow { align-items: center; background: rgba(3,23,38,.58); border: 1px solid rgba(255,255,255,.46); border-radius: 50%; color: white; cursor: pointer; display: flex; height: 54px; justify-content: center; position: absolute; top: calc(50% - 27px); transition: .2s ease; width: 54px; z-index: 5; }
.hero-arrow:hover { background: white; color: #092438; transform: scale(1.06); }
.hero-arrow svg { height: 23px; width: 23px; }.hero-arrow .flip { transform: rotate(180deg); }.hero-arrow.prev { left: 24px; }.hero-arrow.next { right: 24px; }
.hero-bottom { align-items: center; background: rgba(5,25,41,.8); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); bottom: 0; display: grid; gap: 28px; grid-template-columns: 115px 1fr 46px; left: 50%; min-height: 90px; padding: 0 30px; position: absolute; transform: translateX(-50%); width: min(calc(100% - 192px), 1320px); z-index: 6; }
.hero-count { align-items: center; display: flex; gap: 9px; }.hero-count strong { font-size: 16px; }.hero-count span { color: rgba(255,255,255,.5); font-size: 9px; }.hero-count i { background: rgba(255,255,255,.32); height: 1px; width: 37px; }
.hero-tabs { display: grid; gap: 17px; grid-template-columns: repeat(3,1fr); }
.hero-tabs button { background: transparent; border: 0; color: rgba(255,255,255,.48); cursor: pointer; font-size: 9px; padding: 13px 0; text-align: left; }
.hero-tabs button i { background: rgba(255,255,255,.2); display: block; height: 1px; margin-bottom: 9px; overflow: hidden; position: relative; }
.hero-tabs button.is-active { color: white; }.hero-tabs button.is-active i::after { animation: progress 6.5s linear forwards; background: #65bdda; content: ""; top:0; right:0; bottom:0; left:0; position: absolute; transform: scaleX(0); transform-origin: left; }
.hero-pause { background: transparent; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; color: white; cursor: pointer; font-size: 10px; height: 38px; width: 38px; }
.hero-scroll-cue { align-items:center; bottom:116px; color:rgba(255,255,255,.78); display:flex; flex-direction:column; font-size:8px; font-weight:700; gap:8px; letter-spacing:.16em; position:absolute; right:34px; text-transform:uppercase; z-index:7; }.hero-scroll-cue svg { animation:scroll-cue 1.8s ease-in-out infinite; height:18px; width:18px; }.hero-nordic .hero-scroll-cue { color:var(--ink); }
@keyframes progress { to { transform: scaleX(1); } }
@keyframes hero-copy { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:none; } }
@keyframes scroll-cue { 0%,100% { transform:translateY(0); } 50% { transform:translateY(6px); } }
.hero-copy-block { animation:none; }

/* Shared sections */
.proof-strip { background: #fff; border-bottom: 1px solid var(--line); }
.proof-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.proof-grid > div { border-left: 1px solid var(--line); min-height: 150px; padding: 32px 34px; }.proof-grid > div:last-child { border-right: 1px solid var(--line); }
.proof-grid strong { display: block; font-size: clamp(34px,3vw,48px); font-weight: 500; letter-spacing: -.045em; }.proof-grid small { color: var(--brand); font-size: 12px; font-weight: 700; letter-spacing: 0; }.proof-grid span { color: var(--muted); display: block; font-size: 9px; letter-spacing: .08em; margin-top: 10px; text-transform: uppercase; }
.story-section { background: var(--paper); }
.story-grid { align-items: start; display: grid; gap: 55px; grid-template-columns: .6fr 1.35fr .9fr; }
.story-grid h2, .section-head h2, .process-head h2, .quality-title h2 { font-size: clamp(48px,5.4vw,78px); font-weight: 520; letter-spacing: -.06em; line-height: 1; margin: 0; }
.story-grid > div { color: var(--muted); font-size: 15px; line-height: 1.75; padding-top: 7px; }.story-grid > div p { margin: 0 0 18px; }
.products-section { background: #fff; }
.section-head { align-items: end; display: grid; gap: 70px; grid-template-columns: 1.5fr .65fr; margin-bottom: 58px; }
.section-head h2 em, .process-head h2 em { color: var(--brand); font-style: normal; font-weight: 340; }
.section-head > p { color: var(--muted); font-size: 15px; line-height: 1.7; margin: 0 0 8px; }
.products-grid { display: grid; grid-template-columns: repeat(3,1fr); }
.product-card { border-left: 1px solid var(--line); border-top: 1px solid var(--line); min-height: 390px; overflow: hidden; padding: 25px; position: relative; transition: background .3s, color .3s; }
.product-card:nth-child(3n), .product-card:last-child { border-right: 1px solid var(--line); }.product-card:nth-child(n+4) { border-bottom: 1px solid var(--line); }
.product-visual { align-items: center; color: #6b8393; display: flex; height: 175px; justify-content: center; position: relative; }
.profile-frame { border: 1px solid rgba(16,38,61,.11); border-radius: 50%; height: 138px; position: absolute; transition: transform .55s cubic-bezier(.22,1,.36,1); width: 138px; }
.profile-frame::before, .profile-frame::after { background: rgba(16,38,61,.12); content: ""; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); }.profile-frame::before { height: 1px; width: 168px; }.profile-frame::after { height: 168px; width: 1px; }
.product-glyph { filter: drop-shadow(0 12px 14px rgba(5,34,53,.12)); height: 105px; position: relative; transition: transform .55s cubic-bezier(.22,1,.36,1); width: 105px; z-index: 2; }
.product-card:hover { background: #0c5f91; color: white; }.product-card:hover .product-visual { color: #d9f2fb; }.product-card:hover .profile-frame { border-color: rgba(255,255,255,.2); transform: rotate(18deg) scale(1.05); }.product-card:hover .product-glyph { transform: rotate(-5deg) scale(1.05); }
.product-no { font-size: 9px; left: 25px; position: absolute; top: 25px; }.product-go { align-items: center; border: 1px solid var(--line); border-radius: 50%; display: flex; height: 40px; justify-content: center; position: absolute; right: 22px; top: 20px; width: 40px; }.product-go svg { height: 17px; width: 17px; }
.product-copy { bottom: 26px; left: 25px; position: absolute; right: 25px; }.product-copy h3 { font-size: 22px; font-weight: 570; letter-spacing: -.03em; margin: 0; }.product-copy p { color: var(--muted); font-size: 12px; line-height: 1.58; margin: 10px 0 0; max-width: 300px; }.product-card:hover .product-copy p { color: rgba(255,255,255,.7); }

/* Process arrows */
.process-section { background: #0d263b; color: white; }
.process-head { display: grid; gap: 40px 65px; grid-template-columns: .55fr 1.45fr .8fr; margin-bottom: 75px; }
.process-head .eyebrow { color: #91cbe1; }.process-head h2 em { color: #9cd4e8; }.process-head > p:last-child { color: rgba(255,255,255,.58); font-size: 14px; line-height: 1.75; margin: 10px 0 0; }
.process-wrap { position: relative; }
.process-grid { display: grid; gap: 115px 6px; grid-template-areas: "a b c" "f e d"; grid-template-columns: repeat(3,1fr); grid-template-rows: repeat(2,250px); list-style: none; margin: 0; padding: 0; }
.process-step { align-items: center; background: linear-gradient(135deg,#15557d,#0f4469); display: grid; filter: drop-shadow(0 18px 30px rgba(0,0,0,.2)); gap: 20px; grid-template-columns: 70px 1fr; min-height: 250px; overflow: hidden; padding: 32px 62px; position: relative; }
.process-step.right { clip-path: polygon(0 0,calc(100% - 55px) 0,100% 50%,calc(100% - 55px) 100%,0 100%,45px 50%); }.process-step.left { clip-path: polygon(55px 0,100% 0,calc(100% - 45px) 50%,100% 100%,55px 100%,0 50%); }
.process-step.step-1 { clip-path: polygon(0 0,calc(100% - 55px) 0,100% 50%,calc(100% - 55px) 100%,0 100%); grid-area:a; padding-left:32px; }.process-step.step-2 { grid-area:b; }.process-step.step-3 { grid-area:c; }.process-step.step-4 { grid-area:d; }.process-step.step-5 { grid-area:e; }.process-step.step-6 { grid-area:f; }
.process-step.step-1, .process-step.step-2 { width: calc(100% + 55px); }.process-step.step-4, .process-step.step-5 { margin-left:-55px; width:calc(100% + 55px); }
.process-step::after { animation: arrow-glint 6s ease-in-out infinite; background: linear-gradient(110deg,transparent 35%,rgba(255,255,255,.23) 50%,transparent 65%); content:""; top:-40%; right:-40%; bottom:-40%; left:-40%; position:absolute; transform:translateX(-80%); }.process-step.left::after { animation-name:arrow-glint-left; }
.process-step:nth-child(2)::after { animation-delay:.5s }.process-step:nth-child(3)::after { animation-delay:1s }.process-step:nth-child(4)::after { animation-delay:1.5s }.process-step:nth-child(5)::after { animation-delay:2s }.process-step:nth-child(6)::after { animation-delay:2.5s }
.step-no { color: rgba(255,255,255,.22); font-size: 44px; font-weight: 700; letter-spacing: -.06em; position: relative; z-index:2; }.process-step > div { position:relative; z-index:2; }.process-step h3 { font-size: 19px; font-weight: 620; letter-spacing: -.025em; margin:0; }.process-step p { color:rgba(255,255,255,.65); font-size:11px; line-height:1.55; margin:10px 0 18px; }.process-step small { border-top:1px solid rgba(255,255,255,.22); color:#afe0f2; display:block; font-size:8px; letter-spacing:.08em; padding-top:10px; text-transform:uppercase; }
.process-turn { border-bottom: 34px solid #69c4e5; border-radius: 0 100px 100px 0; border-right: 34px solid #69c4e5; border-top: 34px solid #69c4e5; filter:drop-shadow(0 9px 18px rgba(65,172,212,.3)); height:calc(50% + 58px); position:absolute; right:-52px; top:calc(25% - 29px); width:105px; }.process-turn::after { background:#69c4e5; bottom:-47px; clip-path:polygon(100% 0,100% 100%,0 50%); content:""; height:60px; left:-38px; position:absolute; width:68px; }
.surface-note { align-items: baseline; border-top: 1px solid rgba(255,255,255,.16); display:flex; gap:50px; margin-top:70px; padding-top:22px; }.surface-note span { color:#9dd5e9; font-size:9px; letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; }.surface-note p { color:rgba(255,255,255,.52); font-size:12px; line-height:1.6; margin:0; }
@keyframes arrow-glint { 0%,12%{opacity:0;transform:translateX(-80%)} 22%,46%{opacity:1} 55%,100%{opacity:0;transform:translateX(80%)} }
@keyframes arrow-glint-left { 0%,12%{opacity:0;transform:translateX(80%)} 22%,46%{opacity:1} 55%,100%{opacity:0;transform:translateX(-80%)} }

/* Scroll-led production film — normal page scroll drives one stage at a time. */
.process-story { --process-progress:0; height:620vh; padding:0; position:relative; }
.process-stage { background:#06131f; color:#fff; height:100vh; min-height:690px; overflow:hidden; position:sticky; top:0; }
.process-film,.process-film-scrim,.process-film-grid,.process-film-panels { top:0; right:0; bottom:0; left:0; position:absolute; }
.process-film video { filter:saturate(.82) contrast(1.05); height:100%; object-fit:cover; width:100%; }
.process-film-scrim { background:linear-gradient(90deg,rgba(2,12,20,.92) 0%,rgba(2,12,20,.54) 44%,rgba(2,12,20,.24) 58%,rgba(2,12,20,.88) 100%),linear-gradient(0deg,rgba(2,12,20,.64),transparent 40%,rgba(2,12,20,.28)); }
.process-film-grid { background-image:linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px); background-size:calc(100% / 6) 100%,100% 25%; opacity:.65; }
.process-film-header { align-items:flex-start; display:flex; justify-content:space-between; left:max(48px,calc((100vw - 1320px)/2)); position:absolute; right:max(48px,calc((100vw - 1320px)/2)); top:clamp(96px,12vh,132px); z-index:3; }
.process-film-header .eyebrow { color:#9fd8ed; margin:0; }.process-film-header>div { align-items:flex-end; display:flex; flex-direction:column; gap:7px; margin-right:300px; }.process-film-header h2 { font-size:11px; letter-spacing:.16em; margin:0; text-transform:uppercase; }.process-film-header>div span { color:rgba(255,255,255,.58); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.process-film-panel { bottom:clamp(135px,18vh,180px); max-width:660px; opacity:0; pointer-events:none; position:absolute; transform:translateY(58px); transition:opacity .48s ease,transform .8s cubic-bezier(.22,1,.36,1); z-index:3; }
.process-film-panel.side-left { left:max(48px,calc((100vw - 1320px)/2)); }.process-film-panel.side-right { right:max(90px,calc((100vw - 1320px)/2)); text-align:right; }
.process-film-panel.is-active { opacity:1; pointer-events:auto; transform:none; }
.process-film-icon { align-items:center; display:flex; gap:16px; margin-bottom:22px; }.side-right .process-film-icon { justify-content:flex-end; }.process-film-icon .process-icon { align-items:center; border:1px solid rgba(255,255,255,.36); border-radius:50%; display:flex; font-size:27px; height:74px; justify-content:center; width:74px; }.process-film-icon>span { color:#92d3ea; font-size:12px; font-weight:800; letter-spacing:.12em; }
.font-icon { font-family:"Yavuzlar Navigation Icons"; font-style:normal; font-weight:900; line-height:1; }
.process-film-kicker { color:#9bd7ec!important; font-size:10px!important; font-weight:800; letter-spacing:.18em; margin:0 0 12px!important; text-transform:uppercase; }
.process-film-panel h3 { font-size:clamp(58px,6.4vw,98px); font-weight:560; letter-spacing:-.06em; line-height:.92; margin:0; max-width:690px; text-shadow:0 5px 24px rgba(0,0,0,.35); }.process-film-panel>p:not(.process-film-kicker) { color:rgba(255,255,255,.8); font-size:16px; line-height:1.7; margin:25px 0 18px; max-width:560px; }.side-right>p:not(.process-film-kicker) { margin-left:auto; }.process-film-panel>small { border-top:1px solid rgba(255,255,255,.38); color:#fff; display:inline-block; font-size:10px; font-weight:800; letter-spacing:.12em; padding-top:12px; text-transform:uppercase; }
.process-dots { display:grid; gap:5px; position:absolute; right:28px; top:50%; transform:translateY(-50%); z-index:4; }.process-dots button { align-items:center; background:transparent; border:0; color:rgba(255,255,255,.55); cursor:pointer; display:grid; gap:8px; grid-template-columns:22px 10px; height:34px; padding:0; }.process-dots button span { font-size:8px; opacity:0; transition:.25s; }.process-dots button i { background:rgba(255,255,255,.36); border-radius:50%; height:8px; transition:.25s; width:8px; }.process-dots button:hover span,.process-dots button:focus-visible span,.process-dots button.is-active span { opacity:1; }.process-dots button.is-active { color:#fff; }.process-dots button.is-active i { background:#77cae8; box-shadow:0 0 0 5px rgba(119,202,232,.16); transform:scale(1.18); }
.process-film-footer { align-items:center; bottom:34px; display:grid; gap:28px; grid-template-columns:minmax(240px,1fr) minmax(220px,430px) auto; left:max(48px,calc((100vw - 1320px)/2)); padding-right:64px; position:absolute; right:max(48px,calc((100vw - 1320px)/2)); z-index:4; }.process-film-footer>p { color:rgba(255,255,255,.64); font-size:10px; line-height:1.5; margin:0; max-width:390px; }.process-film-footer>p strong { color:#9ed8ed; display:block; letter-spacing:.1em; margin-bottom:4px; text-transform:uppercase; }.process-film-progress { background:rgba(255,255,255,.2); height:1px; overflow:hidden; }.process-film-progress i { background:#78cae8; display:block; height:100%; transform:scaleX(var(--process-progress)); transform-origin:left; transition:transform .08s linear; width:100%; }.film-control { align-items:center; background:rgba(3,17,27,.68); border:1px solid rgba(255,255,255,.35); border-radius:999px; color:#fff; cursor:pointer; display:flex; font-size:9px; font-weight:800; gap:9px; min-height:42px; padding:0 17px; text-transform:uppercase; }.film-control .font-icon { font-size:11px; }
.theme-nordic .process-stage { background:#e8eff2; color:#173144; }.theme-nordic .process-film { left:52%; }.theme-nordic .process-film-scrim { background:linear-gradient(90deg,#edf3f5 0 52%,rgba(237,243,245,.03) 70%,rgba(10,28,39,.35)); }.theme-nordic .process-film-grid { background-image:linear-gradient(90deg,rgba(18,103,161,.1) 1px,transparent 1px); opacity:1; }.theme-nordic .process-film-header .eyebrow { color:#1267a1; }.theme-nordic .process-film-header h2 { color:#fff; text-shadow:0 2px 16px rgba(3,18,28,.72); }.theme-nordic .process-film-header>div span { color:rgba(255,255,255,.82); text-shadow:0 2px 12px rgba(3,18,28,.8); }.theme-nordic .process-film-panel,.theme-nordic .process-film-panel.side-right { bottom:140px; left:max(48px,calc((100vw - 1320px)/2)); max-width:44%; right:auto; text-align:left; }.theme-nordic .side-right .process-film-icon { justify-content:flex-start; }.theme-nordic .process-film-icon .process-icon { border-color:rgba(18,103,161,.3); color:#1267a1; }.theme-nordic .process-film-kicker { color:#1267a1!important; }.theme-nordic .process-film-panel h3 { color:#173144; text-shadow:none; }.theme-nordic .process-film-panel>p:not(.process-film-kicker),.theme-nordic .process-film-footer>p { color:#4f6573; }.theme-nordic .process-film-panel>small { border-color:rgba(23,49,68,.25); color:#1267a1; }.theme-nordic .side-right>p:not(.process-film-kicker) { margin-left:0; }.theme-nordic .process-dots button { color:#173144; }.theme-nordic .process-dots button i { background:rgba(23,49,68,.3); }.theme-nordic .process-dots button.is-active i { background:#1267a1; }.theme-nordic .process-film-progress { background:rgba(23,49,68,.18); }.theme-nordic .process-film-progress i { background:#1267a1; }.theme-nordic .film-control { background:#fff; border-color:rgba(23,49,68,.22); color:#173144; }
.theme-blueprint .process-film-scrim { background:linear-gradient(90deg,rgba(4,13,21,.72) 0 58%,rgba(4,13,21,.97) 58%); border-right:1px solid rgba(214,153,102,.34); }.theme-blueprint .process-film-grid { background-image:linear-gradient(rgba(214,153,102,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(214,153,102,.11) 1px,transparent 1px); background-size:36px 36px; }.theme-blueprint .process-film-panel,.theme-blueprint .process-film-panel.side-left,.theme-blueprint .process-film-panel.side-right { bottom:145px; left:calc(58% + clamp(34px,4vw,70px)); max-width:35%; right:auto; text-align:left; }.theme-blueprint .side-right .process-film-icon { justify-content:flex-start; }.theme-blueprint .side-right>p:not(.process-film-kicker) { margin-left:0; }.theme-blueprint .process-film-icon .process-icon { border-color:rgba(214,153,102,.62); color:#efb889; }.theme-blueprint .process-film-kicker { color:#efb889!important; }.theme-blueprint .process-film-panel h3 { font-size:clamp(48px,5vw,78px); }.theme-blueprint .process-dots button.is-active i,.theme-blueprint .process-film-progress i { background:#d69966; }.theme-blueprint .process-film-footer>p strong { color:#efb889; }

/* Latest news — desktop vertical scroll becomes horizontal progress; touch stays native. */
.news-section { --news-progress:0; background:#f5f7f8; color:#10263d; min-height:900px; position:relative; }
.news-sticky { background:inherit; height:100vh; min-height:760px; overflow:hidden; padding:92px 0 34px; position:sticky; top:0; }
.news-heading { align-items:end; display:grid; gap:50px; grid-template-columns:1.35fr .65fr; margin-bottom:38px; }.news-heading h2 { font-size:clamp(54px,6vw,88px); font-weight:520; letter-spacing:-.065em; line-height:.9; margin:0; }.news-heading h2 em { color:var(--brand); font-style:normal; font-weight:340; }.news-heading-side { justify-self:end; max-width:430px; }.news-heading-side>p { color:#5d7080; font-size:13px; line-height:1.7; margin:0 0 20px; }.news-heading-side>a { align-items:center; border-bottom:1px solid currentColor; color:#00679e; display:flex; font-size:11px; font-weight:800; justify-content:space-between; max-width:180px; padding-bottom:9px; }.news-heading-side svg { height:16px; width:16px; }
.news-rail { overflow:hidden; padding-left:max(48px,calc((100vw - 1320px)/2)); }.news-track { display:flex; gap:22px; transition:transform .08s linear; width:max-content; }.news-card { background:#fff; border:1px solid rgba(16,38,61,.12); display:grid; flex:0 0 min(590px,42vw); grid-template-columns:44% 1fr; min-height:330px; overflow:hidden; position:relative; transition:background .35s,color .35s,transform .5s cubic-bezier(.22,1,.36,1); }.news-card.is-active { background:#eaf2f5; transform:translateY(-8px); }.news-image { min-height:330px; overflow:hidden; position:relative; }.news-image img { height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.22,1,.36,1); width:100%; }.news-card:hover .news-image img,.news-card.is-active .news-image img { transform:scale(1.045); }.news-image>span { background:#123a5e; bottom:0; color:#fff; font-size:10px; font-weight:800; left:0; letter-spacing:.12em; padding:13px 16px; position:absolute; }.news-copy { display:flex; flex-direction:column; padding:28px; }.news-meta { align-items:center; color:#687a88; display:flex; font-size:9px; font-weight:750; justify-content:space-between; letter-spacing:.09em; text-transform:uppercase; }.news-meta>span { color:#00679e; }.news-copy h3 { font-size:clamp(22px,2.1vw,31px); font-weight:570; letter-spacing:-.035em; line-height:1.08; margin:28px 0 16px; }.news-copy>p { color:#637582; display:-webkit-box; font-size:12px; line-height:1.65; margin:0; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; }.news-more { align-items:center; color:#00679e; display:flex; font-size:9px; font-weight:800; gap:10px; margin-top:auto; padding-top:22px; text-transform:uppercase; }.news-more svg { height:16px; width:16px; }
.news-controls { align-items:center; display:flex; justify-content:space-between; margin-top:26px; }.news-count { align-items:center; display:grid; gap:12px; grid-template-columns:22px minmax(160px,360px) 22px; }.news-count strong { font-size:13px; }.news-count small { color:#70818e; font-size:9px; }.news-count>i { background:rgba(16,38,61,.18); height:1px; overflow:hidden; }.news-count>i>span { background:#00679e; display:block; height:100%; transform:scaleX(var(--news-progress)); transform-origin:left; width:100%; }.news-controls>div:last-child { display:flex; gap:10px; }.news-controls button { align-items:center; background:#fff; border:1px solid rgba(16,38,61,.2); border-radius:50%; color:#10263d; cursor:pointer; display:flex; height:48px; justify-content:center; width:48px; }.news-controls button:disabled { cursor:not-allowed; opacity:.35; }.news-controls button:not(:disabled):hover { background:#00679e; color:#fff; }.news-controls button svg { height:19px; width:19px; }.news-controls button .flip { transform:rotate(180deg); }
.theme-nordic .news-section { background:#fbfcfc; color:#173144; }.theme-nordic .news-card { background:transparent; border:0; border-bottom:1px solid rgba(23,49,68,.18); flex-basis:min(520px,38vw); grid-template-columns:38% 1fr; }.theme-nordic .news-card.is-active { background:#edf3f5; }.theme-nordic .news-image>span { background:#1267a1; }
.theme-blueprint .news-section { background:#071522; color:#fff; }.theme-blueprint .news-heading h2 em,.theme-blueprint .news-heading-side>a,.theme-blueprint .news-meta>span,.theme-blueprint .news-more { color:#efb889; }.theme-blueprint .news-heading-side>p,.theme-blueprint .news-copy>p,.theme-blueprint .news-meta { color:#bdc8d0; }.theme-blueprint .news-track { display:grid; gap:12px; grid-auto-flow:column; grid-template-rows:repeat(2,180px); }.theme-blueprint .news-card { background:#0d2133; border-color:rgba(214,153,102,.32); flex-basis:auto; grid-template-columns:170px 430px; min-height:180px; width:612px; }.theme-blueprint .news-card.is-active { background:#17344a; transform:none; }.theme-blueprint .news-image { min-height:180px; }.theme-blueprint .news-image>span { background:#d69966; color:#071522; }.theme-blueprint .news-copy { padding:20px 24px; }.theme-blueprint .news-copy h3 { font-size:22px; margin:15px 0 9px; }.theme-blueprint .news-copy>p { -webkit-line-clamp:2; }.theme-blueprint .news-more { display:none; }.theme-blueprint .news-controls button { background:#0d2133; border-color:rgba(214,153,102,.4); color:#fff; }.theme-blueprint .news-count small { color:#bdc8d0; }.theme-blueprint .news-count>i { background:rgba(214,153,102,.25); }.theme-blueprint .news-count>i>span { background:#d69966; }

.quality-section { background: #e7eef2; }
.quality-grid { align-items: end; display:grid; gap:90px; grid-template-columns:.86fr 1.14fr; }
.quality-title > p:not(.eyebrow) { color:var(--muted); font-size:15px; line-height:1.75; margin:28px 0 0; max-width:520px; }
.cert-grid { border-left:1px solid var(--line); border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; }
.cert-grid > div { align-items:center; border-bottom:1px solid var(--line); border-right:1px solid var(--line); display:grid; gap:18px; grid-template-columns:35px 1fr; min-height:94px; padding:20px 25px; }.cert-grid > div:last-child { grid-column:1/-1; }.cert-grid span { color:var(--brand); font-size:9px; }.cert-grid strong { font-size:16px; font-weight:620; letter-spacing:.01em; }

/* Footer */
.site-footer { background:#0c2234; color:white; overflow:hidden; padding:80px 0 28px; position:relative; }
.footer-word { color:rgba(255,255,255,.025); font-size:clamp(130px,19vw,310px); font-weight:800; left:-15px; letter-spacing:-.08em; line-height:.7; position:absolute; top:30px; }
.footer-top { display:grid; gap:60px; grid-template-columns:1.5fr .75fr .85fr 1fr; padding-bottom:72px; position:relative; }
.footer-logo strong { display:block; font-size:29px; letter-spacing:.06em; }.footer-logo span { color:white; display:block; font-size:10px; letter-spacing:.12em; margin-top:8px; text-transform:uppercase; }
.footer-column { display:flex; flex-direction:column; gap:13px; }.footer-column h3 { color:#8fc8df; font-size:9px; letter-spacing:.13em; margin:0 0 10px; text-transform:uppercase; }.footer-column a,.footer-column p { color:rgba(255,255,255,.62); font-size:12px; line-height:1.55; margin:0; }.footer-column a:hover { color:white; }.footer-column.contact a:first-of-type { color:white; font-size:20px; font-weight:500; }
.footer-bottom { align-items:center; border-top:1px solid rgba(255,255,255,.13); color:rgba(255,255,255,.42); display:flex; font-size:9px; justify-content:space-between; padding-top:26px; position:relative; }.footer-bottom div { display:flex; gap:23px; }
.scroll-top { align-items:center; background:#123a5e; border:0; border-radius:50%; bottom:30px; box-shadow:0 10px 30px rgba(0,54,87,.28); color:white; cursor:pointer; display:flex; height:46px; justify-content:center; opacity:0; pointer-events:none; position:fixed; right:30px; transform:translateY(12px); transition:.3s ease; visibility:hidden; width:46px; z-index:75; }.scroll-top.is-visible { opacity:1; pointer-events:auto; transform:none; visibility:visible; }.scroll-top:hover { background:#0c2c47; transform:translateY(-3px); }.scroll-top svg { height:22px; width:22px; }

/* Nordic Engineering: quiet whitespace, precise blue rules and modular cards */
.site.theme-nordic { --paper:#eef3f5; --surface:#fbfcfc; --ink:#173144; --muted:#5c6f7b; --line:rgba(23,49,68,.15); --brand:#1267a1; --heading:Arial,Helvetica,sans-serif; background:#eef3f5; }
.hero-nordic { background:#eef3f5; color:#173144; height:max(730px,80vh); margin:126px 26px 26px; min-height:730px; }.hero-nordic .hero-media-wrap { left:52%; width:48%; }.hero-nordic .hero-media { object-position:center; }.hero-nordic .hero-shade { background:#f1f6f8; right:48%; }.hero-nordic .hero-lines { background-image:linear-gradient(90deg,rgba(18,103,161,.09) 1px,transparent 1px); background-size:calc(100% / 4) 100%; right:48%; }.hero-nordic .hero-content { margin-left:0; padding-left:max(48px,calc((100vw - 1320px)/2)); width:52%; }.hero-nordic .hero-copy-block { border-left:3px solid #1267a1; margin:0; max-width:620px; padding:8px 24px 8px 38px; }.hero-nordic .eyebrow { color:#1267a1; }.hero-nordic h1 { font-size:clamp(50px,4.7vw,74px); font-weight:560; letter-spacing:-.052em; line-height:1.01; max-width:600px; }.hero-nordic .hero-copy { color:#4e6674; max-width:520px; }.hero-nordic .hero-link { border-color:rgba(23,49,68,.5); color:#173144; }.hero-nordic .hero-arrow { background:rgba(255,255,255,.9); border-color:rgba(23,49,68,.22); color:#173144; }.hero-nordic .hero-arrow:hover { background:#1267a1; color:white; }.hero-nordic .hero-bottom { background:#fbfcfc; border:1px solid rgba(23,49,68,.12); color:#173144; left:52%; transform:none; width:48%; }.hero-nordic .hero-tabs button { color:rgba(23,49,68,.58); }.hero-nordic .hero-tabs button i { background:rgba(23,49,68,.16); }.hero-nordic .hero-tabs button.is-active { color:#173144; }.hero-nordic .hero-tabs button.is-active i::after { background:#1267a1; }.hero-nordic .hero-count span { color:rgba(23,49,68,.58); }.hero-nordic .hero-count i { background:rgba(23,49,68,.22); }.hero-nordic .hero-pause { border-color:rgba(23,49,68,.25); color:#173144; }
.theme-nordic .proof-strip { background:#fbfcfc; }.theme-nordic .proof-grid > div { min-height:132px; }.theme-nordic .story-section { background:#eef3f5; }.theme-nordic .story-grid { grid-template-columns:.45fr 1.05fr 1fr; }.theme-nordic .products-section { background:#fbfcfc; }.theme-nordic .products-grid { gap:0 40px; grid-template-columns:repeat(2,1fr); }.theme-nordic .product-card { align-items:center; background:transparent!important; border:0!important; border-bottom:1px solid rgba(23,49,68,.16)!important; display:grid; gap:24px; grid-template-columns:108px 1fr; min-height:174px; padding:26px 12px; }.theme-nordic .product-visual { grid-column:1; height:108px; }.theme-nordic .profile-frame { height:82px; width:82px; }.theme-nordic .product-glyph { height:64px; width:64px; }.theme-nordic .product-copy { grid-column:2; position:static; }.theme-nordic .product-copy h3 { font-size:20px; }.theme-nordic .product-card:hover { background:#1267a1!important; }.theme-nordic .process-section { background:#e4ecef; color:#173144; }.theme-nordic .process-head .eyebrow,.theme-nordic .process-head h2 em { color:#1267a1; }.theme-nordic .process-head > p:last-child { color:#5c6f7b; }.theme-nordic .process-step { background:linear-gradient(135deg,#f9fbfb,#dce7eb); border:1px solid rgba(18,103,161,.25); clip-path:none; color:#173144; filter:drop-shadow(0 16px 26px rgba(23,49,68,.1)); margin:0!important; padding:32px!important; width:100%!important; }.theme-nordic .step-no { color:rgba(18,103,161,.45); }.theme-nordic .process-step p { color:#5c6f7b; }.theme-nordic .process-step small { border-color:rgba(23,49,68,.16); color:#1267a1; }.theme-nordic .process-step::after { background:linear-gradient(110deg,transparent 35%,rgba(18,103,161,.12) 50%,transparent 65%); }.theme-nordic .process-turn { border-color:#1267a1; filter:none; }.theme-nordic .process-turn::after { background:#1267a1; }.theme-nordic .surface-note { border-color:rgba(23,49,68,.16); }.theme-nordic .surface-note span { color:#1267a1; }.theme-nordic .surface-note p { color:#5c6f7b; }.theme-nordic .quality-section { background:#fff; }.theme-nordic .site-footer { background:#f8fbfc; border-top:5px solid #1267a1; color:#173144; }.theme-nordic .footer-word { color:rgba(23,49,68,.035); }.theme-nordic .footer-logo span { color:#173144; }.theme-nordic .footer-column h3 { color:#1267a1; }.theme-nordic .footer-column a,.theme-nordic .footer-column p { color:#5c6f7b; }.theme-nordic .footer-column.contact a:first-of-type { color:#173144; }.theme-nordic .footer-bottom { border-color:rgba(23,49,68,.15); color:#5c6f7b; }

/* Precision Blue: disciplined engineering dashboard hierarchy */
.theme-precision .products-grid { grid-template-columns:repeat(12,1fr); }.theme-precision .product-card:nth-child(1),.theme-precision .product-card:nth-child(2) { grid-column:span 6; min-height:430px; }.theme-precision .product-card:nth-child(n+3) { grid-column:span 3; min-height:340px; }.theme-precision .product-card:nth-child(n) { border:1px solid var(--line); }.theme-precision .product-card:nth-child(n+3) .product-visual { height:150px; }

/* Copper Blueprint: image/spec split, technical register and copper schematic */
.site.theme-blueprint { --paper:#091827; --surface:#0d2133; --ink:#f3f6f7; --muted:#a3b1bb; --line:rgba(214,153,102,.23); --brand:#d69966; --heading:Arial,Helvetica,sans-serif; background:#091827; }
.hero-blueprint { background:#071522; height:max(780px,86vh); }.hero-blueprint .hero-media-wrap { right:42%; }.hero-blueprint .hero-media { object-position:center; }.hero-blueprint .hero-shade { background:#071522; border-left:1px solid rgba(214,153,102,.48); left:58%; }.hero-blueprint .hero-lines { background-image:linear-gradient(rgba(214,153,102,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(214,153,102,.11) 1px,transparent 1px); background-size:36px 36px; left:58%; opacity:1; }.hero-blueprint .hero-content { margin:0 0 0 auto; padding:70px clamp(32px,4vw,70px) 150px; width:42%; }.hero-blueprint .hero-copy-block { background:none; border:0; border-top:3px solid #d69966; box-shadow:none; color:#fff; margin:0; max-width:none; padding:30px 0 0; }.hero-blueprint .eyebrow { color:#efb889; }.hero-blueprint h1 { color:#fff; font-size:clamp(44px,4vw,68px); font-weight:570; letter-spacing:-.045em; line-height:1.02; }.hero-blueprint .hero-copy { color:#e0e7eb; }.hero-blueprint .hero-link { border-color:#d69966; color:#fff; }.hero-blueprint .hero-arrow { border-color:rgba(214,153,102,.75); }.hero-blueprint .hero-arrow:hover { background:#d69966; color:#071522; }.hero-blueprint .hero-bottom { background:#06111c; border-top:1px solid rgba(214,153,102,.38); left:58%; transform:none; width:42%; }.hero-blueprint .hero-tabs button { color:rgba(255,255,255,.68); }.hero-blueprint .hero-tabs button.is-active { color:#fff; }.hero-blueprint .hero-tabs button.is-active i::after { background:#d69966; }.hero-blueprint .hero-count span { color:rgba(255,255,255,.68); }
.theme-blueprint .proof-strip { background:#0d2133; color:#fff; }.theme-blueprint .proof-grid { position:relative; }.theme-blueprint .proof-grid::before { background:repeating-linear-gradient(90deg,#d69966 0 1px,transparent 1px 18px); content:""; height:6px; left:0; opacity:.55; position:absolute; right:0; top:0; }.theme-blueprint .proof-grid strong { color:#fff; }.theme-blueprint .proof-grid span { color:#bdc8d0; }.theme-blueprint .proof-grid small { color:#efb889; }.theme-blueprint .story-section { background:#091827; color:#fff; }.theme-blueprint .story-grid { grid-template-columns:160px 1.2fr .8fr; }.theme-blueprint .story-grid h2 { border-left:1px solid rgba(214,153,102,.42); color:#fff; padding-left:44px; }.theme-blueprint .story-grid > div { border-left:1px solid rgba(214,153,102,.28); color:#bdc8d0; padding-left:38px; }.theme-blueprint .products-section { background:#0d2133; color:#fff; }.theme-blueprint .section-head > p { color:#bdc8d0; }.theme-blueprint .products-grid { gap:12px; grid-template-columns:1fr; }.theme-blueprint .product-card { align-items:center; background:#081725; border:1px solid rgba(214,153,102,.3)!important; color:#fff; display:grid; gap:28px; grid-template-columns:70px 190px 1fr 44px; min-height:180px; padding:24px 28px; }.theme-blueprint .product-no { color:#efb889; grid-column:1; position:static; }.theme-blueprint .product-visual { color:#c4d0d7; grid-column:2; height:130px; }.theme-blueprint .profile-frame { border-color:rgba(214,153,102,.3); height:108px; width:108px; }.theme-blueprint .profile-frame::before,.theme-blueprint .profile-frame::after { background:rgba(214,153,102,.32); }.theme-blueprint .product-glyph { height:82px; width:82px; }.theme-blueprint .product-copy { grid-column:3; position:static; }.theme-blueprint .product-copy h3 { color:#fff; font-size:26px; }.theme-blueprint .product-copy p { color:#bdc8d0; font-size:13px; max-width:620px; }.theme-blueprint .product-go { border-color:rgba(214,153,102,.45); color:#fff; grid-column:4; position:static; }.theme-blueprint .product-card:hover { background:#17344a; }.theme-blueprint .product-card:hover .product-visual { color:#f0c39e; }.theme-blueprint .product-card:hover .product-copy p { color:#fff; }.theme-blueprint .process-section { background:#06131f; }.theme-blueprint .process-step { background:linear-gradient(135deg,#16364e,#0c2539); border:1px solid rgba(214,153,102,.4); border-top:4px solid #d69966; clip-path:none; margin:0!important; padding:32px!important; width:100%!important; }.theme-blueprint .step-no { color:rgba(239,184,137,.68); }.theme-blueprint .process-step p { color:#c7d1d7; }.theme-blueprint .process-step small { color:#efc49f; }.theme-blueprint .process-turn { border-color:#d69966; filter:drop-shadow(0 9px 18px rgba(214,153,102,.22)); }.theme-blueprint .process-turn::after { background:#d69966; }.theme-blueprint .surface-note { border-color:rgba(214,153,102,.3); }.theme-blueprint .surface-note span { color:#efc49f; }.theme-blueprint .surface-note p { color:rgba(255,255,255,.78); }.theme-blueprint .quality-section { --brand:#8b4f2a; --ink:#10283a; --muted:#526675; --line:rgba(16,40,58,.18); background:#dfe5e8; color:#10283a; }.theme-blueprint .quality-section .eyebrow { color:#8b4f2a; }.theme-blueprint .site-footer { background:#040d15; border-top:1px solid rgba(214,153,102,.4); }.theme-blueprint .footer-column h3 { color:#efb889; }.theme-blueprint .footer-column a,.theme-blueprint .footer-column p { color:rgba(255,255,255,.8); }.theme-blueprint .footer-bottom { color:rgba(255,255,255,.7); }

/* Responsive */
@media (max-width: 1355px) {
  .site-header { --header-height:76px; --header-shrink:60px; height:var(--header-height); }
  .header-container { padding-inline:24px; }.header-row { flex-wrap:nowrap; }.desktop-nav { display:none; }
  .header-misc { margin-left:auto; }.language-switcher { display:none; }.menu-button { display:block; }
  .site-header #logo { min-width:0; padding-right:18px; }.site-header .brand img { max-width:300px; }
  .mobile-panel { max-height:calc(100vh - 76px); top:76px; }
  .hero:not(.hero-cinema) { margin-top:76px; }
}

@media (max-width: 1220px) {
  .shell { width:min(calc(100% - 64px),1180px); }.variant-dock { right:15px; width:265px; }
  .theme-nordic .products-grid { grid-template-columns:repeat(2,1fr); }
  .theme-precision .products-grid { grid-template-columns:repeat(2,1fr); }.theme-precision .product-card:nth-child(n) { grid-column:auto; min-height:380px; }
  .theme-blueprint .product-card { grid-template-columns:54px 150px 1fr 44px; }
  .process-head { grid-template-columns:1fr; }.process-head > p:last-child { max-width:580px; }
  .process-grid { gap:76px; grid-template-areas:none; grid-template-columns:1fr; grid-template-rows:none; }
  .process-step.step-1,.process-step.step-2,.process-step.step-3,.process-step.step-4,.process-step.step-5,.process-step.step-6 { clip-path:none; grid-area:auto; margin:0; min-height:190px; padding:30px 42px; width:100%; }
  .process-step:not(:last-child)::before { background:#69c4e5; bottom:-56px; clip-path:polygon(29% 0,71% 0,71% 52%,100% 52%,50% 100%,0 52%,29% 52%); content:""; height:46px; left:calc(50% - 23px); position:absolute; width:46px; z-index:5; }.theme-nordic .process-step:not(:last-child)::before { background:#1267a1; }.theme-blueprint .process-step:not(:last-child)::before { background:#d69966; }
  .process-turn { display:none; }.process-step::after { display:none; }
}

@media (max-width: 1040px) {
  .variant-dock { right:12px; top:92px; width:245px; }.hero-nordic { margin:94px 18px 18px; }.hero-nordic .hero-content { padding-left:32px; }.hero-blueprint .hero-content { padding-inline:30px; }.hero-blueprint h1 { font-size:clamp(38px,5.2vw,54px); }
  .hero-copy-block { padding-left:45px; }.hero h1 { font-size:clamp(50px,8vw,78px); }.hero-bottom { width:calc(100% - 64px); }
  .story-grid { grid-template-columns:1fr 1.7fr; }.story-grid > div { grid-column:2; }.theme-blueprint .story-grid,.theme-nordic .story-grid { gap:28px; grid-template-areas:none; grid-template-columns:1fr 1fr; }.theme-blueprint .story-grid > div,.theme-nordic .story-grid > div { grid-column:2; }.section-head { grid-template-columns:1fr; }.section-head > p { max-width:520px; }
  .products-grid { grid-template-columns:1fr 1fr; }.product-card:nth-child(n) { border:1px solid var(--line); }.theme-blueprint .product-card { grid-template-columns:50px 125px 1fr 40px; }
  .quality-grid { gap:55px; grid-template-columns:1fr; }.quality-title { max-width:680px; }.footer-top { grid-template-columns:1.3fr 1fr 1fr; }.footer-brand { grid-column:1/-1; }
  .process-story { height:auto; }.process-stage { height:auto; min-height:0; overflow:visible; padding:94px 0 105px; position:relative; }.process-film,.process-film-scrim,.process-film-grid { height:640px; top:0; right:0; bottom:auto; left:0; }.process-film-header { left:32px; right:32px; top:90px; }.process-film-header>div { margin-right:0; }.process-film-panels { display:grid; gap:16px; padding:570px 32px 0; position:relative; }.process-film-panel,.process-film-panel.side-left,.process-film-panel.side-right,.theme-nordic .process-film-panel,.theme-nordic .process-film-panel.side-right,.theme-blueprint .process-film-panel,.theme-blueprint .process-film-panel.side-left,.theme-blueprint .process-film-panel.side-right { background:rgba(5,24,38,.94); border:1px solid rgba(255,255,255,.2); bottom:auto; left:auto; max-width:none; opacity:1; padding:30px; pointer-events:auto; position:relative; right:auto; text-align:left; transform:none; }.theme-nordic .process-film-panel,.theme-nordic .process-film-panel.side-right { background:#f7fafb; border-color:rgba(23,49,68,.18); }.theme-blueprint .process-film-panel,.theme-blueprint .process-film-panel.side-left,.theme-blueprint .process-film-panel.side-right { background:#0d2133; border-color:rgba(214,153,102,.35); }.side-right .process-film-icon,.theme-nordic .side-right .process-film-icon,.theme-blueprint .side-right .process-film-icon { justify-content:flex-start; }.side-right>p:not(.process-film-kicker),.theme-nordic .side-right>p:not(.process-film-kicker),.theme-blueprint .side-right>p:not(.process-film-kicker) { margin-left:0; }.process-film-panel h3,.theme-blueprint .process-film-panel h3 { font-size:clamp(42px,7vw,66px); }.process-dots { display:none; }.process-film-footer { bottom:auto; grid-template-columns:1fr auto; left:32px; margin-top:28px; padding-right:58px; position:relative; right:32px; }.process-film-progress { display:none; }.process-film-footer>p { max-width:580px; }.theme-nordic .process-film { left:0; }.theme-nordic .process-film-scrim { background:linear-gradient(0deg,#edf3f5 0,rgba(237,243,245,.25) 65%,rgba(23,49,68,.18)); }
  .news-section { height:auto!important; min-height:0; padding:88px 0 72px; }.news-sticky { height:auto; min-height:0; overflow:visible; padding:0; position:relative; }.news-heading { align-items:start; grid-template-columns:1fr; }.news-heading-side { justify-self:start; max-width:560px; }.news-rail { overflow-x:auto; padding:8px 32px 30px; scroll-behavior:smooth; scroll-padding-left:32px; scroll-snap-type:x mandatory; scrollbar-width:thin; }.news-track { transform:none!important; }.news-card,.theme-nordic .news-card,.theme-blueprint .news-card { flex:0 0 min(580px,78vw); scroll-snap-align:start; transform:none; width:auto; }.theme-blueprint .news-track { display:flex; }.theme-blueprint .news-card { grid-template-columns:180px 1fr; min-height:250px; }.theme-blueprint .news-image { min-height:250px; }.news-controls { margin-top:4px; }.news-count>i>span { transform:scaleX(calc((var(--news-progress) * .75) + .25)); }
}

@media (max-width: 720px) {
  .shell { width:calc(100% - 40px); }.section-space { padding:82px 0; }.header-container { padding-inline:18px; }.site-header .brand img { max-width:250px; }.search-trigger { display:none; }.header-misc { margin-left:auto; }.header-misc-icon { margin-inline:5px; }.variant-dock { right:10px; top:88px; width:225px; }.variant-toggle { height:44px; }.variant-options > :is(button, a) { min-height:62px; }
  .hero { height:auto; min-height:0; }.hero-media-wrap,.hero-shade { height:520px; }.hero-media { object-position:65% center; }.hero-shade { background:linear-gradient(0deg,#0b2438 0%,#0b2438 9%,rgba(11,36,56,.66) 76%,rgba(11,36,56,.16)); }
  .hero-content { align-items:flex-end; min-height:650px; padding-bottom:50px; }.hero-copy-block { margin:0; padding:0; }.hero h1 { font-size:48px; line-height:.95; }.hero-copy { font-size:14px; line-height:1.6; margin:22px 0; }.hero-arrow { height:44px; top:126px; width:44px; }.hero-arrow.prev { left:auto; right:62px; }.hero-arrow.next { right:12px; }
  .hero-bottom { gap:13px; grid-template-columns:60px 1fr 36px; min-height:92px; padding:0 18px; position:relative; width:100%; }.hero-tabs button span { display:none; }.hero-pause { height:34px; width:34px; }
  .hero-scroll-cue { display:none; }.hero-nordic { margin:88px 10px 10px; }.hero-nordic .hero-media-wrap,.hero-blueprint .hero-media-wrap { left:0; right:0; width:100%; }.hero-nordic .hero-shade { background:linear-gradient(0deg,rgba(241,246,248,.99) 0%,rgba(241,246,248,.92) 63%,rgba(241,246,248,.1)); left:0; right:0; }.hero-nordic .hero-lines,.hero-blueprint .hero-lines { left:0; right:0; width:100%; }.hero-nordic .hero-copy-block { border-left:0; padding:0; }.hero-nordic .hero-content { color:#173144; padding-left:0; width:calc(100% - 40px); }.hero-nordic h1 { font-size:44px; }.hero-nordic .hero-bottom,.hero-blueprint .hero-bottom { left:0; transform:none; width:100%; }.hero-blueprint .hero-shade { background:linear-gradient(0deg,rgba(4,14,24,.99),rgba(4,14,24,.72) 72%,rgba(4,14,24,.15)); border:0; left:0; }.hero-blueprint .hero-content { margin-inline:auto; padding-inline:0; width:calc(100% - 40px); }.hero-blueprint .hero-copy-block { margin:0; padding:26px 24px; }.hero-blueprint h1 { color:#fff; font-size:44px; }
  .proof-grid { grid-template-columns:1fr 1fr; }.proof-grid > div { border:1px solid var(--line); min-height:125px; padding:25px 20px; }.proof-grid strong { font-size:31px; }
  .story-grid,.theme-blueprint .story-grid,.theme-nordic .story-grid { gap:25px; grid-template-areas:none; grid-template-columns:1fr; }.story-grid > div,.theme-blueprint .story-grid > div,.theme-nordic .story-grid > div { border-left:0; grid-column:auto; grid-row:auto; padding-left:0; }.story-grid h2,.section-head h2,.process-head h2,.quality-title h2 { font-size:47px; line-height:.98; }
  .products-grid,.theme-blueprint .products-grid,.theme-nordic .products-grid,.theme-precision .products-grid { grid-template-columns:1fr; width:calc(100% - 40px); }.product-card,.theme-precision .product-card:nth-child(n) { min-height:380px; }.theme-nordic .product-card { display:grid; grid-template-columns:88px 1fr; min-height:154px; padding:20px 6px; }.theme-nordic .product-visual { height:94px; }.theme-nordic .product-copy { position:static; }.theme-blueprint .product-card { align-items:center; gap:16px; grid-template-columns:38px 90px 1fr; min-height:210px; padding:22px 18px; }.theme-blueprint .product-go { display:none; }.theme-blueprint .product-visual { height:100px; }.theme-blueprint .product-copy h3 { font-size:21px; }
  .process-grid { gap:66px; }.process-step.step-1,.process-step.step-2,.process-step.step-3,.process-step.step-4,.process-step.step-5,.process-step.step-6 { gap:15px; grid-template-columns:55px 1fr; padding:26px; }.step-no { font-size:36px; }.surface-note { align-items:flex-start; flex-direction:column; gap:12px; }
  .cert-grid { grid-template-columns:1fr; }.cert-grid > div:last-child { grid-column:auto; }.footer-top { gap:45px 25px; grid-template-columns:1fr 1fr; }.footer-brand,.footer-column.contact { grid-column:1/-1; }.footer-column a { align-items:center; display:flex; min-height:34px; }.footer-bottom { align-items:flex-start; flex-direction:column; gap:18px; }.footer-bottom div { flex-wrap:wrap; }.scroll-top { bottom:18px; right:18px; }
  .process-stage { padding-top:76px; }.process-film,.process-film-scrim,.process-film-grid { height:540px; }.process-film-header { left:20px; right:20px; top:90px; }.process-film-header>div span { display:none; }.process-film-panels { padding:470px 20px 0; }.process-film-panel,.process-film-panel.side-left,.process-film-panel.side-right,.theme-nordic .process-film-panel,.theme-nordic .process-film-panel.side-right,.theme-blueprint .process-film-panel,.theme-blueprint .process-film-panel.side-left,.theme-blueprint .process-film-panel.side-right { padding:24px 22px; }.process-film-panel h3,.theme-blueprint .process-film-panel h3 { font-size:42px; }.process-film-panel>p:not(.process-film-kicker) { font-size:14px; }.process-film-icon .process-icon { font-size:22px; height:60px; width:60px; }.process-film-footer { align-items:flex-start; grid-template-columns:1fr; left:20px; right:20px; }.film-control { justify-content:center; width:100%; }
  .news-section { padding:74px 0 60px; }.news-heading { margin-bottom:30px; }.news-heading h2 { font-size:49px; }.news-rail { padding-left:20px; scroll-padding-left:20px; }.news-card,.theme-nordic .news-card,.theme-blueprint .news-card { display:block; flex-basis:82vw; min-height:0; }.news-image,.theme-blueprint .news-image { height:240px; min-height:240px; }.news-copy { min-height:270px; padding:24px; }.news-copy h3 { font-size:24px; margin-top:22px; }.news-controls { align-items:flex-end; }.news-count { grid-template-columns:22px minmax(80px,1fr) 22px; width:58%; }.news-controls button { height:44px; width:44px; }
}

@media (max-width: 420px) {
  .variant-dock { max-height:calc(100vh - 106px); overflow:auto; }.footer-top { grid-template-columns:1fr; }.footer-brand,.footer-column.contact { grid-column:auto; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; }.hero-media { transform:none; }.process-step::after { display:none; }.process-story { height:auto; }.process-stage { height:auto; min-height:0; overflow:visible; padding:82px 0; position:relative; }.process-film,.process-film-scrim,.process-film-grid { height:520px; top:0; right:0; bottom:auto; left:0; }.process-film-panels { display:grid; gap:16px; padding:450px 4vw 0; position:relative; }.process-film-panel,.process-film-panel.side-left,.process-film-panel.side-right { background:rgba(5,24,38,.94); bottom:auto; left:auto; max-width:none; opacity:1; padding:28px; pointer-events:auto; position:relative; right:auto; text-align:left; transform:none; }.theme-nordic .process-film-panel,.theme-nordic .process-film-panel.side-left,.theme-nordic .process-film-panel.side-right { background:#f7fafb; border:1px solid rgba(23,49,68,.18); }.process-dots { display:none; }.process-film-footer { bottom:auto; left:4vw; margin-top:24px; position:relative; right:4vw; }.process-film-progress { display:none; }.news-section { height:auto!important; padding:82px 0; }.news-sticky { height:auto; min-height:0; overflow:visible; padding:0; position:relative; }.news-rail { overflow-x:auto; scroll-snap-type:x mandatory; }.news-track { transform:none!important; }.news-card { scroll-snap-align:start; }
}

/* ============================================================
   Tasarim 01 duzeltmeleri (kullanici geri bildirimi, 2026-08-14)
   ============================================================ */

/* Hero alt bari: son kullanici icin sadelestirildi — sayac ve pause gizli,
   sekmeler kucuk cizgi gostergelere indirildi. */
.theme-precision .hero-bottom { background: transparent; -webkit-backdrop-filter:none; backdrop-filter:none; border: 0; grid-template-columns: 1fr; justify-items: center; min-height: 0; padding: 0 0 26px; width: auto; }
.theme-precision .hero-count, .theme-precision .hero-pause { display: none; }
.theme-precision .hero-tabs { display: flex; gap: 12px; }
.theme-precision .hero-tabs button { padding: 10px 0; width: 46px; }
.theme-precision .hero-tabs button span { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
.theme-precision .hero-tabs button i { background: rgba(255,255,255,.35); height: 3px; margin-bottom: 0; }

/* Urun kartlari: gercek uygulama fotograflari */
.product-visual { overflow: hidden; }
.product-photo { height: 100%; top:0; right:0; bottom:0; left:0; object-fit: cover; position: absolute; width: 100%; transition: transform .6s ease; }
.product-card:hover .product-photo { transform: scale(1.05); }
.product-card { position: relative; }

/* Uretim bolumu: asama basina video, capraz gecisli katmanlar */
.process-film video { top:0; right:0; bottom:0; left:0; opacity: 0; position: absolute; transition: opacity .6s ease; }
.process-film video.is-active { opacity: 1; }

/* Belgeli kalite: logo + kucuk isim */
.cert-grid > div { grid-template-columns: 30px 74px 1fr; }
.cert-logo { background: white; border-radius: 4px; max-height: 52px; max-width: 74px; object-fit: contain; padding: 4px; }
.cert-name { color: var(--muted); font-size: 12px; letter-spacing: .02em; }

/* Navbar ikonlari: gercek sitedeki bootstrap-icons siniflari */
.nav-icon i { font-size: inherit; line-height: 1; }
.nav-icon .d-none { display: none; }

/* Footer: ortalanmis arkaplan yazisi, solda iletisim, sagda minimap */
.theme-precision .footer-word { left: 50%; transform: translateX(-50%); }
.theme-precision .footer-top { grid-template-columns: 1.35fr .85fr .95fr 1fr 1.25fr; }
.footer-contact-block { margin-top: 26px; }
.footer-contact-block h3 { color: #8fc8df; font-size: 9px; letter-spacing: .13em; margin: 0 0 10px; text-transform: uppercase; }
.theme-precision .footer-contact-block h3 { color: #8fc8df; }
.footer-contact-block a { align-items: center; display: flex; min-height: 30px; }
.footer-contact-block p { margin-top: 8px; opacity: .8; }
.footer-map { align-self: start; position: relative; z-index: 1; }
.footer-map .harita { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12); min-height: 232px; overflow: hidden; }
.footer-map iframe { border: 0; display: block; height: 232px; width: 100%; }
@media (max-width: 1220px) {
  .theme-precision .footer-top { grid-template-columns: 1.3fr 1fr 1fr; }
  .footer-map { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .theme-precision .footer-top { grid-template-columns: 1fr 1fr; }
}
/* Gorseli olmayan haber karti: kirik ikon yerine marka desenli yer tutucu */
.news-image.has-no-image { background: linear-gradient(135deg, #0d2c45 0%, #1b4f74 100%); position: relative; }
.news-image.has-no-image::after { color: rgba(255,255,255,.16); content: "YAVUZLAR"; font-size: 20px; font-weight: 800; left: 50%; letter-spacing: .08em; position: absolute; top: 50%; transform: translate(-50%,-50%); }

/* Footer alt bari: sag alttaki yukari-cik butonuyla cakismasin */
.theme-precision .footer-bottom { padding-right: 78px; }
/* ============================================================
   Tasarim 01 — ikinci tur duzeltmeler (kullanici geri bildirimi)
   ============================================================ */

/* Urun kartlari: mavi hover kalkti, fotograf cerceveye orantili sigar */
.theme-precision .product-card:hover { background: transparent; color: inherit; }
.theme-precision .product-card:hover .product-copy p { color: var(--muted); }
.theme-precision .product-visual { background: #eef3f6; height: 210px; }
.theme-precision .product-photo { object-fit: cover; object-position: center; }
.theme-precision .product-card:hover .product-photo { transform: scale(1.03); }
.theme-precision .product-card:hover .product-visual { color: inherit; }

/* Yuzey islem notu artik panel icinde (yalnizca toz boyama / eloksal adimlarinda) */
.process-surface-note { border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.62); font-size: 12px; line-height: 1.55; margin-top: 16px; max-width: 420px; padding-top: 12px; }
.process-surface-note strong { color: rgba(255,255,255,.85); display: block; font-size: 9px; letter-spacing: .13em; margin-bottom: 4px; text-transform: uppercase; }
.process-film-panel.side-right .process-surface-note { margin-left: auto; }
.process-film-footer { grid-template-columns: 1fr auto; }

/* Belgeli kalite: seffaf logolar, daha buyuk gosterim */
.cert-logo { background: transparent; max-height: 62px; max-width: 108px; padding: 0; }
.cert-grid > div { grid-template-columns: 26px 112px 1fr; gap: 16px; min-height: 104px; }

/* Footer: orijinal logo, arkaplan yazisi asagi/ortalanmis, genis minimap */
.footer-logo img { max-width: 260px; width: 100%; }
.theme-precision .footer-word { top: 96px; }
.theme-precision .footer-top { grid-template-columns: 1.15fr .8fr .8fr .9fr 1.75fr; }
.footer-map .harita { min-height: 300px; }
.footer-map iframe { height: 300px; }

/* Navbar: footer ile ayni koyu lacivert zemin */
.theme-precision .site-header #header-wrap { background: #0c2234; }
.theme-precision .site-header.is-scrolled #header-wrap { background: #0c2234; }
@media (max-width: 1220px) {
  .theme-precision .footer-top { grid-template-columns: 1.3fr 1fr 1fr; }
}
/* Footer arkaplan yazisi: dikeyde ortalanmis konum */
.theme-precision .footer-word { top: 150px; }
/* Footer arkaplan yazisi kucuk ekranlarda ekran genisligine gore olceklenir; sabit
   punto oldugunda "YAVUZLAR" telefonda iki yandan kirpiliyordu. Katsayi olcumle
   bulundu: yazi genisligi ~= 5,3 x punto (harf araligi -.08em dahil). Masaustunde
   (>1220px) tasarimdaki hafif tasma bilincli olarak korunur. */
@media (max-width: 1220px) {
  .footer-word { font-size: min(17.6vw, 215px); }
}
/* ============================================================
   Acilan menuler: navbar/footer ile ayni koyu renk gami
   (katman hissi icin her seviye bir tik acilir)
   ============================================================ */
.theme-precision .nav-dropdown,
.theme-precision .nested-submenu { background: #12293c; border-color: rgba(255,255,255,.09); box-shadow: 0 24px 60px rgba(3,14,24,.45); }
.theme-precision .nested-submenu { background: #17344a; }
.theme-precision .nav-dropdown > .menu-item > .menu-link,
.theme-precision .nested-submenu .menu-link { color: rgba(255,255,255,.78); }
.theme-precision .nav-dropdown > .menu-item:hover > .menu-link,
.theme-precision .nav-dropdown > .menu-item:focus-within > .menu-link { background: #1d4763; color: #fff; }
.theme-precision .nested-submenu .menu-item:hover > .menu-link,
.theme-precision .nested-submenu .menu-item:focus-within > .menu-link { background: #21506f; color: #fff; }
.theme-precision .submenu-divider { border-top-color: rgba(255,255,255,.07); }
.theme-precision .nav-dropdown .nav-icon,
.theme-precision .nested-submenu .nav-icon { color: #7fc4e4; }
.theme-precision .nav-dropdown > .menu-item:hover > .menu-link .nav-icon,
.theme-precision .nested-submenu .menu-item:hover > .menu-link .nav-icon { color: #fff; }
/* Mobil panel de ayni gamda */
.theme-precision .mobile-panel { background: #0c2234; }
.theme-precision .mobile-submenu { background: #12293c; }

/* ============================================================
   Urun alt menu ikonlari — gercek sitedeki mask tabanli ikonlar
   (kaynak: css/pages/navbar.min.css .shading-menu-icon-*)
   ============================================================ */
.shading-menu-icon { display: inline-block; width: 16px; height: 16px; flex: 0 0 16px; color: inherit; background-color: currentColor !important; -webkit-mask: var(--shading-icon-mask) center/contain no-repeat; mask: var(--shading-icon-mask) center/contain no-repeat; -webkit-mask-mode: alpha; mask-mode: alpha; transition: background-color .2s ease; }
.shading-menu-icon-aura-nova { --shading-icon-mask: url("/images/shading-icons/aura-nova.png"); }
.shading-menu-icon-viora { --shading-icon-mask: url("/images/shading-icons/viora.png"); }
.shading-menu-icon-vetra { --shading-icon-mask: url("/images/shading-icons/vetra.png"); }
.shading-menu-icon-dekoratif { --shading-icon-mask: url("/images/shading-icons/dekoratif.png"); }
.shading-menu-icon-roller-shutter { --shading-icon-mask: url("/images/roller-shutter-systems/icons/panjur.webp"); }
.shading-menu-icon-roller-monoblock { --shading-icon-mask: url("/images/roller-shutter-systems/icons/monoblock.svg"); }
.shading-menu-icon-roller-front-mounted { --shading-icon-mask: url("/images/roller-shutter-systems/icons/front-mounted.svg"); }
.shading-menu-icon-roller-concealed { --shading-icon-mask: url("/images/roller-shutter-systems/icons/concealed.svg"); }
.shading-menu-icon-roller-garage-door { --shading-icon-mask: url("/images/roller-shutter-systems/icons/garage-door.svg"); }
.shading-menu-icon-solar-rail { --shading-icon-mask: url("/images/solar-systems/icons/rail.webp"); }
.shading-menu-icon-solar-rail-connector { --shading-icon-mask: url("/images/solar-systems/icons/rail_connector.webp"); }
.shading-menu-icon-solar-vertical-rail { --shading-icon-mask: url("/images/solar-systems/icons/vertical_rail.webp"); }
.shading-menu-icon-solar-trapez { --shading-icon-mask: url("/images/solar-systems/icons/trapez.webp"); }
.shading-menu-icon-solar-panel-roof { --shading-icon-mask: url("/images/solar-systems/icons/panel_roof.webp"); }
.shading-menu-icon-solar-onduline { --shading-icon-mask: url("/images/solar-systems/icons/onduline.webp"); }
.shading-menu-icon-solar-roof-hook { --shading-icon-mask: url("/images/solar-systems/icons/roof_hook.webp"); }
.shading-menu-icon-solar-clamp { --shading-icon-mask: url("/images/solar-systems/icons/clamp.webp"); }
.shading-menu-icon-solar-frameless-clamp { --shading-icon-mask: url("/images/solar-systems/icons/frameless_clamp.webp"); }
/* nav-icon kapsayicisinda mask ikonu font ikonu gibi hizalanir */
.nav-icon .shading-menu-icon { width: 16px; height: 16px; flex: 0 0 16px; }
/* ============================================================
   Navbar + acilan menuler: turkuaz kaldirildi.
   Palet yalnizca beyaz tonlari ve koyu mavi zeminlerden olusur.
   ============================================================ */
/* Ikonlar: beyaz (pasifken hafif saydam), hover/aktifte tam beyaz */
.theme-precision .nav-dropdown .nav-icon,
.theme-precision .nested-submenu .nav-icon,
.theme-precision .mobile-panel .nav-icon { color: rgba(255,255,255,.72); }
.theme-precision .nav-dropdown > .menu-item:hover > .menu-link .nav-icon,
.theme-precision .nav-dropdown > .menu-item:focus-within > .menu-link .nav-icon,
.theme-precision .nested-submenu .menu-item:hover > .menu-link .nav-icon,
.theme-precision .nested-submenu .menu-item:focus-within > .menu-link .nav-icon,
.theme-precision .mobile-panel a:hover .nav-icon,
.theme-precision .mobile-group button:hover .nav-icon { color: #fff; }

/* Hover zeminleri: doygun koyu mavi */
.theme-precision .nav-dropdown > .menu-item:hover > .menu-link,
.theme-precision .nav-dropdown > .menu-item:focus-within > .menu-link { background: #123a5e; color: #fff; }
.theme-precision .nested-submenu .menu-item:hover > .menu-link,
.theme-precision .nested-submenu .menu-item:focus-within > .menu-link { background: #16456e; color: #fff; }
.theme-precision .mobile-panel a:hover,
.theme-precision .mobile-group button:hover { background: #123a5e; color: #fff; }

/* Dil menusu de ayni palette */
.theme-precision .language-menu { background: #12293c; border-color: rgba(255,255,255,.09); }
.theme-precision .language-menu p { color: rgba(255,255,255,.55); }
.theme-precision .language-menu a { color: rgba(255,255,255,.78); }
.theme-precision .language-menu a:hover,
.theme-precision .language-menu a[aria-current="page"] { background: #123a5e; color: #fff; }

/* Hero sekme gostergesi de turkuaz yerine beyaz */
.theme-precision .hero-tabs button.is-active i::after { background: #fff; }
/* ============================================================
   Video katmanlari: goruntuler solgun/siyah-beyaz gorunmesin,
   yazilar okunur kalsin diye mavimsi (marka laciverti) perde.
   Yalnizca video oynayan alanlara uygulanir.
   ============================================================ */
/* Uretim bolumu: dogal doygunluk + mavimsi perde */
.theme-precision .process-film video { filter: saturate(1.06) contrast(1.02); }
.theme-precision .process-film-scrim {
  background:
    linear-gradient(90deg, rgba(8,34,58,.93) 0%, rgba(8,34,58,.6) 44%, rgba(10,40,66,.32) 58%, rgba(8,34,58,.9) 100%),
    linear-gradient(0deg, rgba(8,34,58,.7), rgba(12,48,78,.12) 40%, rgba(8,34,58,.34));
}

/* Hero: video slaytinda ek mavimsi katman. Katman DAIMA DOM'dadir; yalnizca
   opakligi degisir — boylece gorselden videoya gecis ani degil, yumusak olur.
   (Onceki halinde katman sinifla birlikte aniden belirip kayboluyordu.) */
.theme-precision .hero .hero-media-wrap::after {
  content: "";
  position: absolute;
  top:0; right:0; bottom:0; left:0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 1s ease;
  background: linear-gradient(90deg, rgba(9,38,66,.58) 0%, rgba(9,38,66,.34) 46%, rgba(11,46,78,.2) 100%);
}
.theme-precision .hero.has-video-slide .hero-media-wrap::after { opacity: 1; }
.theme-precision .hero video.hero-media { transition: opacity 1s ease, transform 7s ease, filter 1s ease; }
.theme-precision .hero.has-video-slide video.hero-media { filter: saturate(1.08); }
/* ============================================================
   Kaydirilinca (.is-scrolled) acilan menuler canli sitedeki gibi
   ters renge doner: beyaz zemin, koyu mavi metin/ikon; hover ve
   aktif ogede koyu mavi zemin + beyaz metin. Dil menusu ve arama
   paneli sag ikon grubuna bagli oldugu icin koyu kalir.
   ============================================================ */
.theme-precision .site-header.is-scrolled .nav-dropdown,
.theme-precision .site-header.is-scrolled .nested-submenu { background: #fff; border-color: rgba(18,58,94,.18); box-shadow: 0 24px 60px rgba(3,14,24,.18); }
.theme-precision .site-header.is-scrolled .nav-dropdown > .menu-item > .menu-link,
.theme-precision .site-header.is-scrolled .nested-submenu .menu-link { color: #123a5e; }
.theme-precision .site-header.is-scrolled .submenu-divider { border-top-color: rgba(18,58,94,.14); }
.theme-precision .site-header.is-scrolled .nav-dropdown > .menu-item:hover > .menu-link,
.theme-precision .site-header.is-scrolled .nav-dropdown > .menu-item:focus-within > .menu-link,
.theme-precision .site-header.is-scrolled .nested-submenu .menu-item:hover > .menu-link,
.theme-precision .site-header.is-scrolled .nested-submenu .menu-item:focus-within > .menu-link { background: #123a5e; color: #fff; }
.theme-precision .site-header.is-scrolled .nav-dropdown .nav-icon,
.theme-precision .site-header.is-scrolled .nested-submenu .nav-icon { color: #123a5e; }
.theme-precision .site-header.is-scrolled .nav-dropdown > .menu-item:hover > .menu-link .nav-icon,
.theme-precision .site-header.is-scrolled .nav-dropdown > .menu-item:focus-within > .menu-link .nav-icon,
.theme-precision .site-header.is-scrolled .nested-submenu .menu-item:hover > .menu-link .nav-icon,
.theme-precision .site-header.is-scrolled .nested-submenu .menu-item:focus-within > .menu-link .nav-icon { color: #fff; }
.theme-precision .site-header.is-scrolled .language-menu { background: #12293c; border-color: rgba(255,255,255,.09); }
.theme-precision .site-header.is-scrolled .language-menu a { color: rgba(255,255,255,.78); }
.theme-precision .site-header.is-scrolled .language-menu a:hover,
.theme-precision .site-header.is-scrolled .language-menu a[aria-current="page"] { background: #123a5e; color: #fff; }
/* ============================================================
   Urunler bolumu duzenlemeleri
   ============================================================ */
/* Sagdaki aciklama metni sol basligin ust hizasina gelir */
.theme-precision .products-section .section-head { align-items: start; }
.theme-precision .products-section .section-head > p { margin-top: 6px; }

/* Urun gorselleri kart cercevesini kenardan kenara doldurur */
.theme-precision .product-card { padding-top: 0; }
.theme-precision .product-visual { height: 260px; margin: 0 -25px 22px; width: auto; }
.theme-precision .product-card > .product-no { top: 272px; }/* Numara ve ok gorselin uzerinde okunur kalir */
.theme-precision .product-card > .product-no { top: 22px; color: #fff; text-shadow: 0 1px 6px rgba(3,16,28,.65); z-index: 2; }
.theme-precision .product-go { background: rgba(6,24,40,.42); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); border-color: rgba(255,255,255,.5); color: #fff; z-index: 2; }
.theme-precision .product-card:hover .product-go { background: rgba(6,24,40,.72); border-color: #fff; }/* Aciklama metni, sol sutundaki ana basligin (h2) ust hizasina oturur */
.theme-precision .products-section .section-head > p { margin-top: 46px; }
@media (max-width: 1040px) {
  .theme-precision .products-section .section-head > p { margin-top: 0; }
}/* Dar urun kartlarinda gorsel yuksekligi dengelenir */
.theme-precision .products-grid > .product-card .product-visual { height: 200px; }
.theme-precision .products-grid > .product-card:nth-child(1) .product-visual,
.theme-precision .products-grid > .product-card:nth-child(2) .product-visual { height: 260px; }
/* ============================================================
   Urun kartlari: banner gorseli tum karti kaplar, metinler
   asagidan yukari silinen koyu mavi katmanin uzerinde beyaz durur.
   ============================================================ */
.theme-precision .products-grid > .product-card { min-height: 400px; overflow: hidden; padding: 0; position: relative; }
.theme-precision .products-grid > .product-card .product-visual,
.theme-precision .products-grid > .product-card:nth-child(1) .product-visual,
.theme-precision .products-grid > .product-card:nth-child(2) .product-visual {
  position: absolute; top:0; right:0; bottom:0; left:0; height: auto; margin: 0; width: auto; background: #0c2234;
}
.theme-precision .product-photo { height: 100%; width: 100%; object-fit: cover; object-position: center; transition: transform .8s cubic-bezier(.22,1,.36,1); }
.theme-precision .product-card:hover .product-photo { transform: scale(1.06); }

/* Okunabilirlik katmani: alttan yukari dogru silinen koyu mavi */
.theme-precision .products-grid > .product-card::after {
  content: "";
  position: absolute;
  top:0; right:0; bottom:0; left:0;
  pointer-events: none;
  background: linear-gradient(to top,
    rgba(7,28,48,.96) 0%,
    rgba(7,28,48,.88) 22%,
    rgba(7,28,48,.55) 42%,
    rgba(7,28,48,.2) 62%,
    rgba(7,28,48,.04) 80%,
    transparent 100%);
  transition: opacity .3s ease;
  z-index: 1;
}
.theme-precision .product-card:hover::after { opacity: .92; }

/* Metinler katmanin uzerinde, beyaz */
.theme-precision .product-copy { bottom: 28px; left: 28px; right: 28px; z-index: 2; }
.theme-precision .product-copy h3 { color: #fff; }
.theme-precision .product-copy p { color: rgba(255,255,255,.8); max-width: 100%; }
.theme-precision .product-card > .product-no { color: rgba(255,255,255,.85); left: 28px; text-shadow: 0 1px 8px rgba(3,16,28,.7); top: 26px; z-index: 2; }
.theme-precision .product-go { background: rgba(255,255,255,.14); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); border-color: rgba(255,255,255,.45); color: #fff; right: 24px; top: 24px; z-index: 2; }
.theme-precision .product-card:hover .product-go { background: rgba(255,255,255,.28); border-color: #fff; }
/* ============================================================
   Kurumsal hikaye: kilometre taslari seridi
   (mevcut anasayfa metninden yedirilen ozet bilgiler)
   ============================================================ */
.story-timeline { border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 58px; }
.story-milestone { border-right: 1px solid var(--line); padding: 30px 34px 6px 0; }
.story-milestone:last-child { border-right: 0; }
.story-milestone:not(:first-child) { padding-left: 34px; }
.story-milestone strong { color: var(--brand); display: block; font-size: 25px; font-weight: 560; letter-spacing: -.03em; }
.story-milestone span { color: var(--ink); display: block; font-size: 11px; letter-spacing: .1em; margin-top: 9px; text-transform: uppercase; }
.story-milestone p { color: var(--muted); font-size: 13px; line-height: 1.6; margin: 12px 0 0; }
@media (max-width: 1040px) {
  .story-timeline { grid-template-columns: repeat(2, 1fr); }
  .story-milestone:nth-child(2n) { border-right: 0; }
  .story-milestone:nth-child(n+3) { border-top: 1px solid var(--line); }
}
@media (max-width: 620px) {
  .story-timeline { grid-template-columns: 1fr; }
  .story-milestone { border-right: 0; padding: 24px 0 6px; }
  .story-milestone:not(:first-child) { border-top: 1px solid var(--line); padding-left: 0; }
}

/* ============================================================
   Navbar arama paneli (YeniNavbar .search-box)
   Dil menusuyle ayni acilir-panel deseni; koyu kabuk paleti.
   ============================================================ */
.search-box { align-items:center; display:flex; height:100%; position:relative; }
.search-panel { background:#12293c; border:1px solid rgba(255,255,255,.09); box-shadow:0 13px 42px 11px rgba(0,0,0,.12); opacity:0; padding:14px; pointer-events:none; position:absolute; right:-52px; top:calc(50% + 20px); transform:translateY(8px); transition:.2s ease; visibility:hidden; width:320px; }
.search-box.is-open .search-panel { opacity:1; pointer-events:auto; transform:none; visibility:visible; }
.search-form { margin:0; }
.search-input { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.18); border-radius:0; color:#fff; font-size:13px; padding:10px 12px; width:100%; }
.search-input:focus { border-color:rgba(255,255,255,.45); outline:none; }
.search-input::placeholder { color:rgba(255,255,255,.5); }
.search-input::-webkit-search-cancel-button { -webkit-appearance:none; }
.search-results { max-height:290px; overflow-y:auto; }
.search-results p.results { color:rgba(255,255,255,.65); font-size:12px; margin:0; padding:10px 8px 2px; }
.search-results p.results:has(> a) { padding:0; }
.search-results a.results { color:rgba(255,255,255,.85); display:block; font-size:12px; line-height:1.45; padding:10px 8px; }
.search-results a.results:hover,
.search-results a.results:focus-visible { background:#123a5e; color:#fff; }
@media (max-width:479px) {
	.search-panel { left:16px; position:fixed; right:16px; top:calc(var(--header-height) + 8px); width:auto; }
	.site-header.is-scrolled .search-panel { top:calc(var(--header-shrink) + 8px); }
}

/* ============================================================
   GDPR cerez bandi + gizlilik tercihleri modali (TamTasarim)
   Ic sayfalarda Canvas style.min.css bu isi yapar; bu blok yalnizca
   tasarim.css yuklenen sayfalarda (anasayfa/onizleme) devrededir.
   Cerez sozlesmesi Canvas ile aynidir (userPreferences=Agreed).
   ============================================================ */
.mfp-hide { display:none !important; }
.gdpr-settings { background:#12293c; border:1px solid rgba(255,255,255,.09); border-radius:4px; bottom:16px; box-shadow:0 13px 42px 11px rgba(0,0,0,.28); color:#fff; left:16px; opacity:0; padding:24px 28px; pointer-events:none; position:fixed; right:16px; transform:translateY(14px); transition:opacity .3s ease, transform .3s ease; visibility:hidden; z-index:999; }
.gdpr-settings.is-visible { opacity:1; pointer-events:auto; transform:none; visibility:visible; }
.gdpr-settings .row { align-items:center; display:flex; flex-wrap:wrap; gap:18px 26px; }
.gdpr-settings .col-md { flex:1 1 340px; }
.gdpr-settings .col-md-auto { flex:0 0 auto; margin:0 auto; text-align:center; }
.gdpr-settings .lead { color:rgba(255,255,255,.85); font-size:13px; line-height:1.7; margin:0; }
.gdpr-settings .lead a { color:#fff; text-decoration:underline; text-underline-offset:3px; }
.gdpr-settings .btn { cursor:pointer; display:inline-block; font:inherit; }
.gdpr-settings .gdpr-accept { background:transparent; border:1px solid rgba(255,255,255,.55); color:#fff; font-size:13px; font-weight:700; letter-spacing:.04em; padding:11px 24px; transition:.2s; }
.gdpr-settings .gdpr-accept:hover,
.gdpr-settings .gdpr-accept:focus-visible { background:#fff; border-color:#fff; color:#12293c; }
.gdpr-settings .btn-link { background:none; border:0; color:rgba(255,255,255,.68); display:inline-block; font-size:12px; margin-top:9px; text-decoration:underline; text-underline-offset:3px; }
.gdpr-settings .btn-link:hover { color:#fff; }
#gdpr-preferences.is-open { align-items:flex-start; background:rgba(4,14,24,.72); display:flex !important; top:0; right:0; bottom:0; left:0; justify-content:center; overflow-y:auto; padding:6vh 16px; position:fixed; z-index:1000; }
#gdpr-preferences .gdpr-cookie-settings { background:#fff; color:#1c2733; width:100%; }
#gdpr-preferences .gdpr-cookie-settings .p-5 { padding:28px 30px; }
#gdpr-preferences .gdpr-cookie-settings h3 { font-size:20px; font-weight:800; margin:0 0 12px; }
#gdpr-preferences .gdpr-cookie-settings p { font-size:13px; line-height:1.65; margin:0 0 20px; }
#gdpr-preferences .list-group { list-style:none; margin:0; padding:0; }
#gdpr-preferences .list-group-item { border-top:1px solid #e4e9ee; padding:16px 0; }
#gdpr-preferences .list-group-item .row { align-items:flex-start; display:flex; gap:14px; }
#gdpr-preferences .list-group-item .col { flex:1 1 auto; }
#gdpr-preferences .list-group-item .col-auto { flex:0 0 auto; }
#gdpr-preferences .toggle-icon { display:none; }
#gdpr-preferences .toggle-title { font-size:14px; font-weight:700; margin-bottom:6px; }
#gdpr-preferences .toggle-content { color:#4a5866; font-size:12.5px; line-height:1.65; }
#gdpr-preferences .list-group-item small { color:#4a5866; font-size:11px; letter-spacing:.05em; text-transform:uppercase; }
#gdpr-preferences .section { border-top:1px solid #e4e9ee; margin:0; padding:16px 30px; }
#gdpr-preferences .gdpr-save-cookies { background:#0c2c47; color:#fff; cursor:pointer; display:inline-block; font-size:13px; font-weight:700; letter-spacing:.03em; padding:11px 24px; text-decoration:none; transition:.2s; }
#gdpr-preferences .gdpr-save-cookies:hover { background:#123a5e; }
#gdpr-preferences .switch { display:inline-block; position:relative; }
#gdpr-preferences .switch-toggle { height:0; opacity:0; position:absolute; width:0; }
#gdpr-preferences .switch-toggle + label { background:#c3ccd4; border-radius:999px; cursor:pointer; display:inline-block; height:22px; position:relative; transition:.2s; width:40px; }
#gdpr-preferences .switch-toggle + label::after { background:#fff; border-radius:50%; content:""; height:18px; left:2px; position:absolute; top:2px; transition:.2s; width:18px; }
#gdpr-preferences .switch-toggle:checked + label { background:#0c66aa; }
#gdpr-preferences .switch-toggle:checked + label::after { left:20px; }
@media (max-width:575px) {
	.gdpr-settings { padding:20px; }
	.gdpr-settings .lead { font-size:12px; }
}

/* Footer sosyal medya ikonlari (eski footer'daki linklerin yeni kabuk karsiligi) */
.footer-social { display:flex; gap:10px; margin-top:18px; }
.footer-social a { align-items:center; border:1px solid rgba(255,255,255,.24); border-radius:50%; color:rgba(255,255,255,.85); display:flex; font-size:15px; height:38px; justify-content:center; transition:.2s; width:38px; }
.footer-social a:hover,
.footer-social a:focus-visible { background:#fff; border-color:#fff; color:#12293c; }

/* Mobil menude alt menusu olan gruplarin ok isareti (SVG'ye boyut verilmezse 0x0 kaliyordu).
   Acilinca .mobile-group.is-open kuralindaki 180 derece donus zaten uygulanir. */
.mobile-group > button .chevron { height:16px; justify-self:end; width:16px; }

/* ============================================================
   Secilebilirlik: footer hicbir sayfada secilemez (buyuk YAVUZLAR
   yazisi ve linkler uzerinde secim kotu goruntu olusturuyordu);
   anasayfada (TamTasarim, .icerik-sayfasi sinifi yok) tum icerik
   secilemez/kopyalanamaz. Hover davranislari etkilenmez.
   ============================================================ */
.site-footer, .site-header { -webkit-user-select:none; user-select:none; }
.site:not(.icerik-sayfasi) { -webkit-user-select:none; user-select:none; }
.site:not(.icerik-sayfasi) .search-input { -webkit-user-select:text; user-select:text; }

/* Surec asama ikonu ilgili uretim sayfasina link; hover'da daire belirginlesir. */
.process-icon-link { border-radius:50%; color:inherit; display:inline-flex; }
.process-icon-link .process-icon { transition:background .2s ease, border-color .2s ease; }
.process-icon-link:hover .process-icon,
.process-icon-link:focus-visible .process-icon { background:rgba(255,255,255,.14); border-color:#fff; }

/* ============================================================
   Haber kartlari kompakt duzen (masaustu): 330px kart yuksekligi
   230px'e iner; genis haber banner'lari dar-uzun kutuda ezilmek
   yerine kareye yakin oranda kirpildigi icin daha iyi gorunur.
   Mobil (<=720px) blok duzeni oldugu gibi kalir.
   ============================================================ */
@media (min-width: 721px) {
	.theme-precision .news-card { flex-basis:min(560px,40vw); grid-template-columns:42% 1fr; min-height:230px; }
	.theme-precision .news-image { min-height:230px; }
	.theme-precision .news-copy { padding:20px 24px; }
	.theme-precision .news-copy h3 { display:-webkit-box; font-size:clamp(19px,1.6vw,24px); margin:14px 0 10px; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
	.theme-precision .news-copy > p { -webkit-line-clamp:2; }
	.theme-precision .news-more { padding-top:14px; }
	.theme-precision .news-sticky { min-height:640px; padding-top:80px; }
	.theme-precision .news-section { min-height:820px; }
}

/* ============================================================
   Dikey asama noktalari mobil/tablette kaybolmasin: dar duzende
   ust video bandinin sag kenarina sabitlenir; dokunista dogrudan
   asama degistirir (JS non-enhanced dali). Kaydirma senkronu
   IntersectionObserver ile saglanir.
   ============================================================ */
@media (max-width: 1040px) {
	.theme-precision .process-dots { display:grid; right:16px; top:320px; }
}
@media (max-width: 720px) {
	.theme-precision .process-dots { right:10px; top:270px; }
}

/* ============================================================
   Haberler HER modda dogal yatay serit (kullanici talebi):
   sticky sahne + dikey kaydirma eslemesi devre disi; bolum sayfa
   akisini tutmaz, serit oklarla ya da suruklenerek kaydirilir.
   ============================================================ */
.theme-precision .news-section { height:auto !important; min-height:0; padding:96px 0 80px; }
.theme-precision .news-sticky { height:auto; min-height:0; overflow:visible; padding:0; position:relative; }
.theme-precision .news-rail { overflow-x:auto; padding-bottom:26px; padding-top:8px; scroll-behavior:smooth; scroll-padding-left:max(48px,calc((100vw - 1320px)/2)); scroll-snap-type:x proximity; scrollbar-width:thin; }
.theme-precision .news-track { transform:none !important; }
.theme-precision .news-card { scroll-snap-align:start; }
.theme-precision .news-controls { margin-top:10px; }
.theme-precision .news-count > i > span { transform:scaleX(calc((var(--news-progress) * .75) + .25)); }

/* ============================================================
   Hero oklari — hayalet gorunum (kullanici talebi):
   - Varsayilan: yari saydam, icerigi ezmiyor.
   - Masaustu: fare hero'ya girince belirginlesir; genis gorunmez
     tutma alani sayesinde oka YAKLASINCA tam gorunur olur.
   - Mobil (<=720): kucuk cift ok sag alt koseye iner (baslikla
     cakismaz); asil etkilesim parmakla kaydirma (JS swipe).
   ============================================================ */
.theme-precision .hero-arrow { background:rgba(3,23,38,.32); border-color:rgba(255,255,255,.26); opacity:.3; }
.theme-precision .hero:hover .hero-arrow { opacity:.65; }
.theme-precision .hero .hero-arrow:hover,
.theme-precision .hero .hero-arrow:focus-visible { background:#fff; border-color:#fff; color:#092438; opacity:1; }
/* Genis gorunmez tutma alani: ok cevresine yaklasan imlec hover'i tetikler. */
.theme-precision .hero-arrow::before { content:""; inset:-30px -42px; position:absolute; }
@media (max-width: 720px) {
	/* Oklar alttaki gosterge cubuklarinin SOLUNA ve SAGINA hizalanir
	   (cubuk sirasi ortada; 3 slaytlik duzen ~162px genis, yanina 14px bosluk). */
	.theme-precision .hero-arrow { border-radius:50%; bottom:18px; height:40px; opacity:.55; top:auto; width:40px; z-index:7; }
	.theme-precision .hero-arrow.prev { left:calc(50% - 135px); right:auto; }
	.theme-precision .hero-arrow.next { left:auto; right:calc(50% - 135px); }
	.theme-precision .hero-arrow:active { background:#fff; color:#092438; opacity:1; }
	.theme-precision .hero-arrow svg { height:19px; width:19px; }
}

/* ============================================================
   Mobil/tablet surec bolumu masaustundeki gibi (kullanici talebi):
   video sahnesi tam alan, panel metni videonun USTUNE bindirilir,
   dikey noktalar sagda; gecis nokta dokunusu veya swipe ile.
   Eski duzen (video ustte, panel listesi altta) kaldirildi.
   ============================================================ */
@media (max-width: 1040px) {
	.theme-precision .process-stage { height:min(86vh, 720px); min-height:560px; overflow:hidden; padding:0; }
	.theme-precision .process-film,
	.theme-precision .process-film-scrim,
	.theme-precision .process-film-grid { bottom:0; height:auto; top:0; }
	.theme-precision .process-film-panels { display:block; padding:0; position:static; }
	.theme-precision .process-film-panel,
	.theme-precision .process-film-panel.side-left,
	.theme-precision .process-film-panel.side-right { background:transparent; border:0; bottom:96px; left:24px; max-width:none; opacity:0; padding:0; pointer-events:none; position:absolute; right:64px; text-align:left; transform:translateY(28px); transition:opacity .45s ease, transform .6s ease; }
	.theme-precision .process-film-panel.is-active { opacity:1; pointer-events:auto; transform:none; }
	.theme-precision .process-film-panel h3 { font-size:clamp(36px,8.4vw,54px); }
	.theme-precision .process-film-panel > p:not(.process-film-kicker) { font-size:14px; line-height:1.6; margin:14px 0 12px; }
	.theme-precision .process-surface-note { font-size:11px; }
	.theme-precision .process-dots { display:grid; right:14px; top:50%; transform:translateY(-50%); }
	.theme-precision .process-film-footer { bottom:20px; left:24px; margin-top:0; padding-right:0; position:absolute; right:64px; }
}

/* ============================================================
   Footer mobil kolon duzeltmesi: sonradan eklenen .theme-precision
   .footer-top kurallari (5/3 kolon) sablonun mobil kurallarini
   ozgullukle eziyordu; mobil karsiliklari burada tanimlanir.
   ============================================================ */
@media (max-width: 720px) {
	.theme-precision .footer-top { gap:45px 25px; grid-template-columns:1fr 1fr; }
	.theme-precision .footer-brand { grid-column:1/-1; }
	.theme-precision .footer-map { grid-column:1/-1; }
}
@media (max-width: 420px) {
	.theme-precision .footer-top { grid-template-columns:1fr; }
	.theme-precision .footer-brand,
	.theme-precision .footer-map { grid-column:auto; }
}

/* Mobil menu 3. seviye urun alt basliklari (masaustundeki nested menulerin karsiligi). */
.mobile-submenu a.mobile-nested { color:rgba(255,255,255,.72); font-size:11.5px; min-height:42px; padding-left:60px; }
.mobile-submenu a.mobile-nested .nav-icon { font-size:13px; }

/* ============================================================
   Hero poster kopyasi (JS ile eklenir): video oynayana kadar posteri
   gosterir, sonra bulaniklasip hafifce buyuyerek dagilir (diffusion).
   Mavi scrim ve hero-shade katmanlari kopyanin USTUNDE kaldigi icin
   renk butunlugu gecis boyunca korunur.
   ============================================================ */
.theme-precision .hero .hero-poster-ghost {
	top:0; right:0; bottom:0; left:0;
	height:100%;
	object-fit:cover;
	opacity:1;
	pointer-events:none;
	position:absolute;
	transition:opacity 1.4s ease, filter 1.4s ease, transform 1.4s ease;
	width:100%;
}
.theme-precision .hero .hero-poster-ghost.is-dissolving {
	filter:blur(16px) saturate(1.06);
	opacity:0;
	transform:scale(1.05);
}
@media (max-width: 720px) {
	.theme-precision .hero .hero-poster-ghost { object-position:65% center; }
}
@media (prefers-reduced-motion: reduce) {
	.theme-precision .hero .hero-poster-ghost { transition:opacity .2s linear; }
	.theme-precision .hero .hero-poster-ghost.is-dissolving { filter:none; transform:none; }
}

/* ============================================================
   BELGELI KALITE — kurumsal giris animasyonu (konsept)
   · 01/02/03 numaralari kaldirildi (logo + isim duzeni)
   · Metinler sagdan sola, yokluktan belirir
   · Baslik altindaki ince cizgi sagdan sola cizilir (prestij)
   · Belge kartlari sirayla acilir (kademeli gecikme)
   Animasyon yalnizca bolum ekrana girince (JS: .is-revealed) baslar.
   ============================================================ */
.theme-precision .cert-grid > div { gap:18px; grid-template-columns:112px 1fr; }
.theme-precision .quality-title { position:relative; }

/* Baslik alti prestij cizgisi */
.theme-precision .quality-rule { background:linear-gradient(90deg, transparent, var(--brand) 22%, var(--brand)); display:block; height:1px; margin:26px 0 0; transform:scaleX(0); transform-origin:right center; transition:transform 1.1s cubic-bezier(.22,1,.36,1) .25s; width:min(320px, 62%); }
.theme-precision .quality-section.is-revealed .quality-rule { transform:scaleX(1); }

/* Metinler: sagdan sola belirme */
.theme-precision .quality-section .reveal-x { opacity:0; transform:translateX(34px); transition:opacity .75s ease, transform .95s cubic-bezier(.22,1,.36,1); }
.theme-precision .quality-section.is-revealed .reveal-x { opacity:1; transform:none; }
.theme-precision .quality-section.is-revealed .eyebrow.reveal-x { transition-delay:.05s; }
.theme-precision .quality-section.is-revealed h2.reveal-x { transition-delay:.15s; }
.theme-precision .quality-section.is-revealed .quality-title > p:not(.eyebrow) { transition-delay:.45s; }

/* Belgeler: yokluktan, sirayla */
.theme-precision .cert-item { opacity:0; transform:translateY(16px) scale(.985); transition:opacity .6s ease, transform .8s cubic-bezier(.22,1,.36,1); }
/* Kart, kendi goruntuye girisinde acilir; ayni anda giren komsular kisa kademeyle. */
.theme-precision .cert-item.is-in { opacity:1; transform:none; }
.theme-precision .cert-item:nth-child(2n).is-in { transition-delay:.09s; }

@media (max-width: 1040px) {
	/* Mobilde daha kisa mesafe: yatay tasma ve uzun bekleme olmasin. */
	.theme-precision .quality-section .reveal-x { transform:translateX(20px); }
	.theme-precision .quality-rule { margin-top:20px; width:min(240px, 70%); }
}
@media (max-width: 720px) {
	.theme-precision .cert-grid > div { gap:14px; grid-template-columns:88px 1fr; min-height:86px; padding:16px 18px; }
	.theme-precision .cert-logo { max-height:52px; max-width:88px; }
	.theme-precision .cert-item:nth-child(n).is-in { transition-delay:0s; }
}
@media (prefers-reduced-motion: reduce) {
	.theme-precision .quality-section .reveal-x,
	.theme-precision .cert-item { opacity:1 !important; transform:none !important; transition:none; }
	.theme-precision .quality-rule { transform:scaleX(1); transition:none; }
}

/* ============================================================
   HABERLER — kalite bolumuyle ayni kurumsal dil
   · Baslik/ipucu sagdan sola belirir, altina prestij cizgisi
   · Kartlar sirayla acilir (aktif kartin -8px yukselmesi korunur)
   · Alt kaydirma cubugu gizlendi; serit fare ile suruklenebilir,
     dokunmatikte parmakla, ayrica oklarla gezilir
   · Serit sag/sol bosluklari shell hizasina esitlendi: son kart
     ustteki baslik/metin hizasini gecmez
   ============================================================ */
.theme-precision .news-rail { -ms-overflow-style:none; cursor:grab; padding-left:calc((100% - min(100% - 96px, 1320px)) / 2); padding-right:calc((100% - min(100% - 96px, 1320px)) / 2); scroll-padding-left:calc((100% - min(100% - 96px, 1320px)) / 2); scrollbar-width:none; }
.theme-precision .news-rail::-webkit-scrollbar { display:none; height:0; width:0; }
.theme-precision .news-rail.is-dragging { cursor:grabbing; scroll-behavior:auto; scroll-snap-type:none; }
.theme-precision .news-rail.is-dragging .news-card { pointer-events:none; }

/* Metinler: sagdan sola belirme + prestij cizgisi */
.theme-precision .news-section .reveal-x { opacity:0; transform:translateX(34px); transition:opacity .75s ease, transform .95s cubic-bezier(.22,1,.36,1); }
.theme-precision .news-section.is-revealed .reveal-x { opacity:1; transform:none; }
.theme-precision .news-section.is-revealed .eyebrow.reveal-x { transition-delay:.05s; }
.theme-precision .news-section.is-revealed h2.reveal-x { transition-delay:.15s; }
.theme-precision .news-section.is-revealed .news-heading-side.reveal-x { transition-delay:.35s; }
.theme-precision .news-rule { background:linear-gradient(90deg, transparent, var(--brand) 22%, var(--brand)); display:block; height:1px; margin:22px 0 0; transform:scaleX(0); transform-origin:right center; transition:transform 1.1s cubic-bezier(.22,1,.36,1) .25s; width:min(320px, 62%); }
.theme-precision .news-section.is-revealed .news-rule { transform:scaleX(1); }

/* Kartlar: yokluktan, sirayla (aktif kart yukselmesi --reveal-y ile korunur) */
.theme-precision .news-card { opacity:0; transform:translateY(var(--reveal-y, 18px)); transition:opacity .6s ease, transform .8s cubic-bezier(.22,1,.36,1), background .35s, color .35s; }
.theme-precision .news-card.is-in { --reveal-y:0px; opacity:1; }
.theme-precision .news-card.is-in.is-active { --reveal-y:-8px; }
.theme-precision .news-card:nth-child(3n+2).is-in { transition-delay:.09s; }
.theme-precision .news-card:nth-child(3n).is-in { transition-delay:.18s; }

@media (max-width: 1040px) {
	.theme-precision .news-section .reveal-x { transform:translateX(20px); }
	.theme-precision .news-rule { margin-top:16px; width:min(240px, 70%); }
	.theme-precision .news-rail { cursor:auto; }
}
@media (max-width: 720px) {
	.theme-precision .news-rail { padding-left:20px; padding-right:20px; scroll-padding-left:20px; }
	.theme-precision .news-card:nth-child(n).is-in { transition-delay:0s; }
}
@media (prefers-reduced-motion: reduce) {
	.theme-precision .news-section .reveal-x,
	.theme-precision .news-card { opacity:1; transform:none; transition:none; }
	.theme-precision .news-rule { transform:scaleX(1); transition:none; }
}

/* ============================================================
   HABERLER — simetrik cerceve (kullanici talebi)
   Serit artik shell genisliginde ve ortali: solda bosluk varken
   sagda kartin ekran disina tasmasi sona erdi. Masaustunde tam
   3 haber sigar, 4.'su oklarla/suruklemeyle gelir.
   Sayac rakamlari kaldirildi; ilerleme yalniz cizgide.
   ============================================================ */
@media (min-width: 1041px) {
	.theme-precision .news-rail { margin-inline:auto; padding-left:0; padding-right:0; scroll-padding-left:0; width:min(100% - 96px, 1320px); }
	.theme-precision .news-track { width:auto; }
	.theme-precision .news-card { flex:0 0 calc((100% - 44px) / 3); }
}
.theme-precision .news-count { grid-template-columns:minmax(160px, 420px); }

/* ============================================================
   KURUMSAL (story) — sahne koreografisi (kullanici talebi: "coştur")
   Sira: 1) zaman cizelgesinin yatay cizgisi soldan saga cizilir
         2) dikey ayraclar yukaridan asagi iner (tek tek)
         3) etiket ve baslik SOLDAN, metin blogu SAGDAN gelir
         4) kilometre taslari ASAGIDAN tek tek oturur
   Cizgiler gercek border yerine pseudo-element; boylece cizilebiliyor.
   Cizgi koreografisi >=1041px'te; dar ekranlarda yalniz icerik acilir.
   ============================================================ */
@media (min-width: 1041px) {
	.theme-precision .story-timeline { border-top-color:transparent; position:relative; }
	.theme-precision .story-timeline::before { background:var(--line); content:""; height:1px; left:0; position:absolute; right:0; top:-1px; transform:scaleX(0); transform-origin:left center; transition:transform 1.05s cubic-bezier(.22,1,.36,1); }
	.theme-precision .story-section.is-revealed .story-timeline::before { transform:scaleX(1); }

	.theme-precision .story-milestone { border-right-color:transparent; position:relative; }
	.theme-precision .story-milestone:not(:last-child)::after { background:var(--line); bottom:0; content:""; position:absolute; right:-1px; top:0; transform:scaleY(0); transform-origin:top center; transition:transform .75s cubic-bezier(.22,1,.36,1); width:1px; }
	.theme-precision .story-section.is-revealed .story-milestone:nth-child(1)::after { transition-delay:.45s; }
	.theme-precision .story-section.is-revealed .story-milestone:nth-child(2)::after { transition-delay:.60s; }
	.theme-precision .story-section.is-revealed .story-milestone:nth-child(3)::after { transition-delay:.75s; }
	.theme-precision .story-section.is-revealed .story-milestone::after { transform:scaleY(1); }
}

/* Icerik: soldan / sagdan / asagidan tek tek */
.theme-precision .story-section .reveal-left,
.theme-precision .story-section .reveal-right,
.theme-precision .story-section .reveal-up { opacity:0; transition:opacity .7s ease, transform .95s cubic-bezier(.22,1,.36,1); }
.theme-precision .story-section .reveal-left { transform:translateX(-32px); }
.theme-precision .story-section .reveal-right { transform:translateX(32px); }
.theme-precision .story-section .reveal-up { transform:translateY(26px); }
/* .reveal-up (kilometre taşları) bilerek dışarıda: kendi is-in tetiğiyle açılır. */
.theme-precision .story-section.is-revealed .reveal-left,
.theme-precision .story-section.is-revealed .reveal-right { opacity:1; transform:none; }

.theme-precision .story-section.is-revealed .eyebrow.reveal-left { transition-delay:.55s; }
.theme-precision .story-section.is-revealed h2.reveal-left { transition-delay:.68s; }
.theme-precision .story-section.is-revealed .reveal-right { transition-delay:.84s; }
.theme-precision .story-milestone.reveal-up.is-in { opacity:1; transform:none; }
.theme-precision .story-milestone:nth-child(4n+2).is-in { transition-delay:.09s; }
.theme-precision .story-milestone:nth-child(4n+3).is-in { transition-delay:.18s; }
.theme-precision .story-milestone:nth-child(4n).is-in { transition-delay:.27s; }

@media (max-width: 1040px) {
	/* Dar ekran: mesafeler kisalir, bekleme suresi yariya iner. */
	.theme-precision .story-section .reveal-left { transform:translateX(-20px); }
	.theme-precision .story-section .reveal-right { transform:translateX(20px); }
	.theme-precision .story-section .reveal-up { transform:translateY(18px); }
	.theme-precision .story-section.is-revealed .eyebrow.reveal-left { transition-delay:.05s; }
	.theme-precision .story-section.is-revealed h2.reveal-left { transition-delay:.14s; }
	.theme-precision .story-section.is-revealed .reveal-right { transition-delay:.26s; }
	.theme-precision .story-milestone:nth-child(n).is-in { transition-delay:0s; }
}
@media (prefers-reduced-motion: reduce) {
	.theme-precision .story-section .reveal-left,
	.theme-precision .story-section .reveal-right,
	.theme-precision .story-section .reveal-up { opacity:1; transform:none; transition:none; }
	.theme-precision .story-timeline { border-top-color:var(--line); }
	.theme-precision .story-milestone { border-right-color:var(--line); }
	.theme-precision .story-timeline::before,
	.theme-precision .story-milestone::after { display:none; }
}

/* ============================================================
   URUNLER & SISTEMLER — kurumsal bolumle ayni sahne dili
   Sira: cizgi cizilir -> etiket/baslik SOLDAN -> aciklama SAGDAN
         -> alti urun karti ASAGIDAN tek tek oturur.
   Kart hover efektleri (foto zoom, gradyan) bozulmadan korunur.
   ============================================================ */
.theme-precision .products-rule { background:linear-gradient(90deg, transparent, var(--brand) 22%, var(--brand)); display:block; height:1px; margin:26px 0 0; transform:scaleX(0); transform-origin:right center; transition:transform 1.05s cubic-bezier(.22,1,.36,1); width:min(320px, 62%); }
.theme-precision .products-section.is-revealed .products-rule { transform:scaleX(1); }

.theme-precision .products-section .reveal-left,
.theme-precision .products-section .reveal-right,
.theme-precision .products-section .reveal-up { opacity:0; transition:opacity .7s ease, transform .95s cubic-bezier(.22,1,.36,1); }
.theme-precision .products-section .reveal-left { transform:translateX(-32px); }
.theme-precision .products-section .reveal-right { transform:translateX(32px); }
.theme-precision .products-section .reveal-up { transform:translateY(26px); }
/* .reveal-up (ürün kartları) bilerek dışarıda: kendi is-in tetiğiyle açılır. */
.theme-precision .products-section.is-revealed .reveal-left,
.theme-precision .products-section.is-revealed .reveal-right { opacity:1; transform:none; }

.theme-precision .products-section.is-revealed .eyebrow.reveal-left { transition-delay:.30s; }
.theme-precision .products-section.is-revealed h2.reveal-left { transition-delay:.42s; }
.theme-precision .products-section.is-revealed .section-head > .reveal-right { transition-delay:.58s; }
.theme-precision .product-card.reveal-up.is-in { opacity:1; transform:none; }
.theme-precision .product-card:nth-child(2n).is-in { transition-delay:.10s; }
.theme-precision .product-card:nth-child(4n+3).is-in { transition-delay:.16s; }

@media (max-width: 1040px) {
	.theme-precision .products-section .reveal-left { transform:translateX(-20px); }
	.theme-precision .products-section .reveal-right { transform:translateX(20px); }
	.theme-precision .products-section .reveal-up { transform:translateY(18px); }
	.theme-precision .products-rule { margin-top:20px; width:min(240px, 70%); }
	.theme-precision .products-section.is-revealed .eyebrow.reveal-left { transition-delay:.05s; }
	.theme-precision .products-section.is-revealed h2.reveal-left { transition-delay:.14s; }
	.theme-precision .products-section.is-revealed .section-head > .reveal-right { transition-delay:.24s; }
	.theme-precision .product-card:nth-child(n).is-in { transition-delay:0s; }
}
@media (prefers-reduced-motion: reduce) {
	.theme-precision .products-section .reveal-left,
	.theme-precision .products-section .reveal-right,
	.theme-precision .products-section .reveal-up { opacity:1; transform:none; transition:none; }
	.theme-precision .products-rule { transform:scaleX(1); transition:none; }
}

/* ============================================================
   KANIT SERIDI (1990 / 18.000 m² / 25.000 ton / 3 pres)
   Diger bolumlerle ayni dil: her kutu kendi goruntuye girisinde
   asagidan belirir, komsular kisa kademeyle takip eder.
   Duraklat dugmesi kaldirildigi icin film alt cubugu yalnizca
   ilerleme cizgisini tasir.
   ============================================================ */
.theme-precision .proof-item { opacity:0; transform:translateY(20px); transition:opacity .6s ease, transform .8s cubic-bezier(.22,1,.36,1); }
.theme-precision .proof-item.is-in { opacity:1; transform:none; }
.theme-precision .proof-item:nth-child(4n+2).is-in { transition-delay:.08s; }
.theme-precision .proof-item:nth-child(4n+3).is-in { transition-delay:.16s; }
.theme-precision .proof-item:nth-child(4n).is-in { transition-delay:.24s; }

.theme-precision .process-film-footer { grid-template-columns:1fr; }

@media (max-width: 720px) {
	.theme-precision .proof-item { transform:translateY(14px); }
	.theme-precision .proof-item:nth-child(n).is-in { transition-delay:0s; }
	.theme-precision .proof-item:nth-child(2n).is-in { transition-delay:.08s; }
}
@media (prefers-reduced-motion: reduce) {
	.theme-precision .proof-item { opacity:1 !important; transform:none !important; transition:none; }
}

/* ============================================================
   HERO TAM EKRAN (kullanici talebi)
   Hero, header'in altinda kalan gorunur alanin TAMAMINI kaplar; asagi
   kaydirilana dek baska hicbir bolum gorunmez.

   Onceki olcu `max(760px, 84vh)` sabit bir tabana dayaniyordu ve hicbir ekranda
   tam oturmuyordu (olculdu: 430x932 -> %83, 1920x1080 -> %93, 2560x1440 -> %91,
   1024x768 -> %109 ile TASIYORDU, alt gosterge cubugu ekran disinda kaliyordu).

   BIRIM SECIMI - `svh`:
   Mobil tarayicilarda `dvh` adres cubugu acilip kapandikca yuksekligi degistirir;
   bu, kaydirma sirasinda yeniden akis ve gorunur sicrama uretir (yakin zamanda
   duzeltilen kaydirma sorununu geri getirebilirdi). `svh` ise cubuklar acikken
   gecerli olan en kucuk olcuyu alir: sayfa tepedeyken ekrani tam kaplar ve
   kaydirma boyunca yuksekligi DEGISMEZ. `vh` bildirimi once yazilir; `svh`
   bilmeyen eski tarayicilar ikinci bildirimi yok sayarak `vh` ile calisir.

   --header-h yalnizca .hero tarafindan tuketildigi icin kirilimda guvenle
   76px'e cekilebiliyor (header'in o genislikteki gercek yuksekligi de 76px).
   ============================================================ */
/* Kural YALNIZCA canli (precision) hero'ya uygulanir. Nordic ve blueprint
   onizlemelerinin (/tasarim/4, /tasarim/5) kendi cerceve olculeri vardir
   (nordic'in 126/26px kendi marji var); tam ekran kurali onlari tasiriyordu.
   Ozgulluk (0,3,0) oldugu icin dosyadaki sirasindan bagimsiz kazanir. */
.hero:not(.hero-nordic):not(.hero-blueprint) {
	/* Header payinin TEK kaynagi. margin-top da bunu okur, boylece header
	   yuksekligi ile hesaplanan olcu birbirinden ayrisamaz. */
	--hero-offset: 100px;
	display: flex;
	flex-direction: column;
	/* Header payi MARJ degil DOLGU olarak verilir. Marj saydamdir; arkasinda
	   .site'in ACIK zemini (--paper) durur. Header kaydirinca 100px'ten 60px'e
	   kuculdugu icin aradaki 40px'lik serit beyaz bir bant olarak parliyordu -
	   ozellikle hizli yukari kaydirmada, header geri buyurken. Dolguda o serit
	   hero'nun kendi koyu zeminiyle boyanir; header ne kadar kucuk olursa olsun
	   bant olusamaz. (.site koyulastirilamazdi: bolum sarmalayicilarinin zemini
	   saydam, yani --paper onlarin gercek arka plani.) */
	margin-top: 0;
	padding-top: var(--hero-offset);
	/* `height` yerine `min-height`: icerik (CMS'ten gelen baslik/metin) uzarsa
	   ya da kullanici yazi tipini buyuturse hero BUYUR; sabit yukseklik +
	   overflow:hidden olsaydi metnin ustu sessizce kirpilirdi.
	   Dolgu yuksekliğe dahil oldugu icin (border-box) olcu artik tam viewport. */
	height: auto;
	min-height: 560px;   /* viewport birimi olmayan cok eski tarayici */
	min-height: 100vh;   /* her tarayici */
	min-height: 100svh;  /* Safari 15.4+, Chrome 108+, FF 101+ */
}

/* Mutlak konumlu katmanlar dolgunun ALTINDAN baslar; boylece cerceveleme
   birebir korunur (aksi halde video header'in arkasina tasar ve olcegi degisirdi). */
.hero:not(.hero-nordic):not(.hero-blueprint) .hero-media-wrap,
.hero:not(.hero-nordic):not(.hero-blueprint) .hero-shade,
.hero:not(.hero-nordic):not(.hero-blueprint) .hero-lines { top: var(--hero-offset); }

@media (min-width: 721px) {
	/* Oklar yuzdeyle ortalaniyor ve yuzde artik dolguyu da iceren kutuya gore
	   hesaplaniyor; dolgunun yarisi kadar telafi edilir ki konum degismesin. */
	.hero:not(.hero-nordic):not(.hero-blueprint) .hero-arrow { top: calc(50% + var(--hero-offset) / 2 - 27px); }
}

@media (max-width: 1355px) {
	/* Header bu genislikten itibaren 76px. Tek degisken degisir, hem margin
	   hem de yukseklik hesabi birlikte kayar. */
	.hero:not(.hero-nordic):not(.hero-blueprint) { --hero-offset: 76px; }
}

/* `height:100%` bir yuzde-yuksekliktir; ebeveynde artik sabit `height` degil
   `min-height` oldugu icin `auto`ya cozulur ve metin blogu dikey ortalanmak
   yerine tepeye yapisirdi. Flex ile bos alani kaplatmak ayni ortalamayi verir. */
.hero:not(.hero-nordic):not(.hero-blueprint) .hero-content {
	/* Buyusun ama ASLA kucumesin (`1 0 auto`). Kucultmeye izin verilirse cok
	   kisa ekranlarda (telefon yatay) icerik hero'ya sigdirilmaya calisilir ve
	   overflow:hidden basligin ustunu kirpar. Kucultme kapaliyken icerik dogal
	   yuksekligini korur, hero de min-height tabanini asarak buyur. */
	flex: 1 0 auto;
	height: auto;
	min-height: 0;
}

@media (max-width: 720px) {
	/* Mobilde medya onceden 520px'lik bir banttı ve altinda duz lacivert zemin
	   kaliyordu. Tam ekranda bant ekranin tamamina yayilir; bu, kullanicinin
	   daha once istedigi "masaustu tasariminin olceklenmis hali" duzenidir. */
	.hero:not(.hero-nordic):not(.hero-blueprint) .hero-media-wrap,
	.hero:not(.hero-nordic):not(.hero-blueprint) .hero-shade { height: auto; }
}

@media (max-height: 520px) {
	/* Cok kisa ekranlarda (telefon yatay) metin blogundaki -20px'lik optik
	   kaydirma, kalan dikey bosluktan buyuk kaliyor ve overflow:hidden ust
	   satirin (eyebrow) tepesini kirpiyordu. Bu ekranlarda kaydirma kapatilir. */
	.hero:not(.hero-nordic):not(.hero-blueprint) .hero-copy-block { margin-top: 0; }
}