/* =========================================================
   Foliva Pack v2 — hareketli katman
   site.css üzerine yüklenir.
   ========================================================= */

:root { --hdr: 84px; --r-card: 22px; --glow: 0 30px 60px -20px rgba(18, 20, 21, .35); }
@media (max-width: 900px) { :root { --hdr: 68px; } }

/* ---------- Üst bölüm: ana sayfada video üzerinde şeffaf ---------- */
.brand { position: relative; display: block; }
.brand .brand-white { position: absolute; inset: 0; opacity: 0; transition: opacity .3s; }
.brand img { transition: opacity .3s; }
.page-home .site-header { position: fixed; left: 0; right: 0; top: 0; }
.page-home .site-header:not(.scrolled):not(.menu-on) { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; }
.page-home .site-header:not(.scrolled):not(.menu-on) .brand .brand-color { opacity: 0; }
.page-home .site-header:not(.scrolled):not(.menu-on) .brand .brand-white { opacity: 1; }
@media (min-width: 901px) {
  .page-home .site-header:not(.scrolled) .nav ul a { color: #fff; }
  .page-home .site-header:not(.scrolled) .nav ul a::after { background: var(--l-evoh); }
  .page-home .site-header:not(.scrolled) .nav-cta { background: #fff; color: var(--navy); }
}
.page-home .site-header:not(.scrolled):not(.menu-on) .nav-toggle { background: rgba(255,255,255,.14); }
.page-home .site-header:not(.scrolled):not(.menu-on) .nav-toggle-bars i:not(:nth-child(2)) { background: #fff; }
.site-header.scrolled { box-shadow: 0 10px 30px -18px rgba(18, 20, 21, .35); }
.is-admin.page-home .site-header { top: 0; }

/* ---------- Butonlar ---------- */
.btn-arrow::after { content: ""; width: 18px; height: 18px; flex: none; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.2 5.6 11.8 7l4 4H4v2h11.8l-4 4 1.4 1.4L19.6 12z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.2 5.6 11.8 7l4 4H4v2h11.8l-4 4 1.4 1.4L19.6 12z'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform .3s var(--ease); }
.btn-arrow:hover::after { transform: translateX(4px); }
.btn { transition: background-color .25s, color .25s, border-color .25s, transform .25s var(--ease), box-shadow .25s; }
.btn:hover { transform: translateY(-2px); }
.btn-light:hover { box-shadow: 0 14px 30px -12px rgba(0, 0, 0, .45); }

/* =========================================================
   Karşılama slider'ı
   ========================================================= */
.hs { position: relative; height: 100vh; height: 100svh; min-height: 640px; max-height: 1080px; background: var(--navy-deep); color: #fff; overflow: hidden; isolation: isolate; }
.hs-track { position: absolute; inset: 0; }
.hs-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 1s var(--ease), visibility 0s 1s; }
.hs-slide.is-active { opacity: 1; visibility: visible; transition: opacity 1s var(--ease); z-index: 1; }
.hs-bg { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.hs-video, .hs-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; }
.hs-photo { transform: scale(1.08); transition: transform 8s linear; }
.hs-slide.is-active .hs-photo { transform: scale(1); }
.hs-pattern { position: absolute; inset: -10%; background:
  radial-gradient(60% 70% at 72% 50%, rgba(255, 255, 255, .07), transparent 70%),
  radial-gradient(40% 50% at 85% 85%, rgba(200, 146, 46, .12), transparent 70%),
  linear-gradient(180deg, #2B2D2F, #141516); }
.hs-pattern::after { content: ""; position: absolute; inset: 0; background: url("../img/mark-line-white.svg") 0 0 / 96px repeat; opacity: .06; animation: drift 60s linear infinite; }
@keyframes drift { to { background-position: 96px -96px; } }
.hs-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(18, 20, 21, .88) 0%, rgba(18, 20, 21, .55) 42%, rgba(18, 20, 21, 0) 72%), linear-gradient(0deg, rgba(18, 20, 21, .6) 0%, rgba(18, 20, 21, 0) 30%); }

.hs-in { position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: center; gap: 32px; height: 100%; padding-top: var(--hdr); padding-bottom: 120px; }
.hs-slide:not(.has-image) .hs-in { grid-template-columns: minmax(0, 1fr); }
.hs-copy { max-width: 640px; }
.hs-sub { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 22px; font-size: var(--fs-1); font-weight: 700; color: var(--sky); letter-spacing: .01em; }
.hs-sub::before { content: ""; width: 34px; height: 3px; border-radius: 2px; background: var(--l-evoh); box-shadow: 0 -6px 0 var(--l-pet), 0 6px 0 var(--l-pe); }
.hs-title { color: #fff; font-size: clamp(2.9rem, 1.4rem + 5.4vw, 6.4rem); font-weight: 700; font-stretch: 100%; line-height: .92; letter-spacing: -.022em; max-width: 10ch; }
h2.hs-title { font-size: clamp(2.6rem, 1.4rem + 4.4vw, 5.4rem); }
.hs-text { margin: 24px 0 0; max-width: 46ch; font-size: var(--fs-3); line-height: 1.5; color: rgba(255, 255, 255, .82); }
.hs-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }

.hs-figure { position: relative; margin: 0; display: grid; place-items: center; }
.hs-figure::before { content: ""; position: absolute; width: 90%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 255, 255, .32), rgba(255, 255, 255, 0)); }
.hs-figure img { position: relative; width: 100%; max-width: 720px; filter: drop-shadow(0 40px 50px rgba(0, 0, 0, .35)); }

/* Slayt içerik girişi */
.hs-slide .hs-copy > *, .hs-slide .hs-figure { opacity: 0; transform: translateY(34px); }
.hs-slide .hs-figure { transform: translate(40px, 10px) scale(.94); }
.hs-slide.is-active .hs-copy > *, .hs-slide.is-active .hs-figure { opacity: 1; transform: none; transition: opacity .9s var(--ease), transform 1.1s var(--ease); }
.hs-slide.is-active .hs-copy > :nth-child(1) { transition-delay: .25s; }
.hs-slide.is-active .hs-copy > :nth-child(2) { transition-delay: .35s; }
.hs-slide.is-active .hs-copy > :nth-child(3) { transition-delay: .5s; }
.hs-slide.is-active .hs-copy > :nth-child(4) { transition-delay: .62s; }
.hs-slide.is-active .hs-figure { transition-delay: .3s; }
.hs-slide.is-active .hs-figure img { animation: float 7s ease-in-out 1.4s infinite; }
@keyframes float { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-14px) rotate(-.6deg); } }

/* Göstergeler */
.hs-ui { position: absolute; z-index: 3; left: 0; right: 0; bottom: 34px; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.hs-dots { display: flex; gap: 10px; }
.hs-dots button { display: grid; grid-template-columns: auto; gap: 6px; width: 170px; padding: 6px 0; border: 0; background: none; color: rgba(255, 255, 255, .6); font: inherit; text-align: left; cursor: pointer; }
.hs-num { font-size: var(--fs-0); font-weight: 700; letter-spacing: .04em; }
.hs-label { font-size: var(--fs-0); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hs-bar { position: relative; display: block; height: 3px; border-radius: 2px; background: rgba(255, 255, 255, .22); overflow: hidden; }
.hs-bar b { position: absolute; inset: 0; transform-origin: left; transform: scaleX(0); background: #fff; }
.hs-dots button[aria-current] { color: #fff; }
.hs-dots button[aria-current] .hs-bar b { animation: fill var(--dur, 7s) linear forwards; }
.hs.paused .hs-dots button[aria-current] .hs-bar b, .hs.hover .hs-dots button[aria-current] .hs-bar b { animation-play-state: paused; }
.hs.no-auto .hs-dots button[aria-current] .hs-bar b { animation: none; transform: scaleX(1); }
@keyframes fill { to { transform: scaleX(1); } }
.hs-dots button:hover { color: #fff; }
.hs-arrows { display: flex; gap: 8px; }
.hs-arrows button { display: grid; place-items: center; width: 48px; height: 48px; border: 1.5px solid rgba(255, 255, 255, .35); border-radius: 50%; background: rgba(255, 255, 255, .04); color: #fff; cursor: pointer; transition: background-color .2s, border-color .2s; }
.hs-arrows button:hover { background: #fff; color: var(--navy); border-color: #fff; }
.hs-arrows svg { width: 22px; height: 22px; fill: currentColor; }
.hs-pause .i-play { display: none; }
.hs.paused .hs-pause .i-play { display: block; }
.hs.paused .hs-pause .i-pause { display: none; }
.hs-scroll { position: absolute; z-index: 3; left: 50%; bottom: 30px; width: 26px; height: 42px; margin-left: -13px; border: 2px solid rgba(255, 255, 255, .5); border-radius: 14px; }
.hs-scroll span { position: absolute; left: 50%; top: 8px; width: 4px; height: 8px; margin-left: -2px; border-radius: 2px; background: #fff; animation: wheel 1.8s ease-in-out infinite; }
@keyframes wheel { 0% { opacity: 0; transform: translateY(0); } 30% { opacity: 1; } 100% { opacity: 0; transform: translateY(12px); } }

@media (max-width: 1100px) { .hs-dots button { width: 120px; } .hs-label { display: none; } .hs-scroll { display: none; } }
@media (max-width: 900px) {
  .hs { min-height: 680px; max-height: none; }
  .hs-in { grid-template-columns: 1fr !important; align-content: center; gap: 0; padding-bottom: 110px; }
  .hs-figure { position: absolute; right: -18%; top: 50%; width: 85%; opacity: .35 !important; transform: translateY(-50%) !important; pointer-events: none; }
  .hs-slide.is-active .hs-figure img { animation: none; }
  .hs-shade { background: linear-gradient(0deg, rgba(18, 20, 21, .92) 10%, rgba(18, 20, 21, .55) 60%, rgba(18, 20, 21, .35)); }
  .hs-video { object-position: 72% 50%; }
  .hs-dots button { width: 44px; }
  .hs-text { font-size: var(--fs-2); }
}
@media (max-width: 560px) { .hs-arrows .hs-pause { display: none; } .hs-arrows button { width: 44px; height: 44px; } }

/* ---------- Kayan şerit ---------- */
.marquee { position: relative; overflow: hidden; padding: 22px 0; background: #fff; border-bottom: 1px solid var(--line); }
.marquee-track { display: flex; width: max-content; animation: marquee 48s linear infinite; }
.marquee:hover .marquee-track { animation-play-state: paused; }
.marquee ul { display: flex; flex: none; }
.marquee li { display: inline-flex; align-items: center; gap: 28px; padding-right: 28px; font-size: clamp(1.15rem, .9rem + 1vw, 1.75rem); font-weight: 700; font-stretch: 100%; color: var(--navy); white-space: nowrap; }
.marquee li::after { content: ""; width: 10px; height: 10px; transform: rotate(45deg); border-radius: 2px; background: var(--l-evoh); }
.marquee li:nth-child(3n+2) { color: transparent; -webkit-text-stroke: 1.2px var(--navy); }
@keyframes marquee { to { transform: translateX(-50%); } }

/* ---------- Tanıtım ---------- */
.intro2-in { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: clamp(28px, 6vw, 96px); align-items: end; }
.intro2 h2 { font-size: clamp(2.2rem, 1.3rem + 3.4vw, 4.4rem); font-stretch: 100%; font-weight: 700; line-height: .98; }
.intro2-text { font-size: var(--fs-3); line-height: 1.55; color: var(--muted); }
.intro2-text p:first-child { color: var(--ink); }
@media (max-width: 800px) { .intro2-in { grid-template-columns: 1fr; } .intro2-text { font-size: var(--fs-2); } }
.wsplit .w { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .06em; }
.wsplit .w > span { display: inline-block; transform: translateY(105%); transition: transform .9s var(--ease); transition-delay: calc(var(--wi) * 45ms); }
.in .wsplit .w > span, .wsplit.in .w > span { transform: none; }

/* ---------- Katman hikâyesi ---------- */
.story { position: relative; background: var(--navy-deep); color: rgba(255, 255, 255, .8); padding: var(--sect) 0; overflow: clip; }
.story::before { content: ""; position: absolute; inset: 0; background: radial-gradient(50% 40% at 25% 40%, rgba(255, 255, 255, .07), transparent 70%); pointer-events: none; }
.story-in { position: relative; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(28px, 6vw, 96px); }
.story-sticky { position: sticky; top: calc(var(--hdr) + 24px); align-self: start; height: calc(100vh - var(--hdr) - 48px); min-height: 520px; display: grid; grid-template-rows: auto 1fr; }
.story-head h2 { color: #fff; font-size: var(--fs-5); font-stretch: 100%; font-weight: 700; }
.story-head p { margin-top: 18px; max-width: 46ch; }
.story-stage { position: relative; display: grid; place-items: center; perspective: 1400px; min-height: 280px; }
.story-stack { --gap: 16px; position: relative; width: min(380px, 80%); aspect-ratio: 4 / 3; transform-style: preserve-3d; transform: rotateX(58deg) rotateZ(-36deg); transition: transform 1s var(--ease); }
.story-sheet { position: absolute; inset: 0; border-radius: 16px; transform-style: preserve-3d;
  background: linear-gradient(135deg, color-mix(in srgb, var(--c) 85%, #fff 15%), color-mix(in srgb, var(--c) 70%, transparent));
  border: 1.5px solid color-mix(in srgb, var(--c) 60%, #fff 40%);
  transform: translateZ(calc((var(--n) - 1 - var(--i)) * var(--gap)));
  box-shadow: 0 0 0 rgba(0, 0, 0, 0); opacity: .85;
  transition: transform .9s var(--ease), box-shadow .5s, opacity .5s, filter .5s; }
.story-sheet span { position: absolute; right: 18px; bottom: 14px; font-size: 1.6rem; font-weight: 700; font-stretch: 100%; color: rgba(255, 255, 255, .92); text-shadow: 0 1px 0 rgba(0, 0, 0, .15); }
.story-sheet:nth-child(1) span { color: var(--navy); }
.story-stack[data-active] .story-sheet { opacity: .55; filter: saturate(.75); }
.story-stack[data-active] .story-sheet.on { opacity: 1; filter: none; transform: translateZ(calc((var(--n) - 1 - var(--i)) * var(--gap) + 40px)); box-shadow: 0 0 60px color-mix(in srgb, var(--c) 70%, transparent); }
.story-steps { display: grid; gap: 0; padding: 8vh 0 4vh; }
.story-step { position: relative; min-height: 48vh; display: grid; align-content: center; gap: 10px; padding-left: 28px; border-left: 2px solid rgba(255, 255, 255, .12); opacity: .35; transition: opacity .5s, border-color .5s; }
.story-step.on { opacity: 1; border-left-color: var(--c); }
.story-chip { font-size: var(--fs-0); font-weight: 700; color: var(--c); letter-spacing: .06em; }
.story-step h3 { color: #fff; font-size: clamp(2.4rem, 1.4rem + 3vw, 4rem); font-stretch: 100%; font-weight: 700; }
.story-note { font-size: var(--fs-3); font-weight: 700; color: var(--c); margin: 0; }
.story-text { max-width: 42ch; font-size: var(--fs-2); }
@media (max-width: 900px) {
  .story-in { grid-template-columns: 1fr; }
  .story-sticky { position: static; height: auto; min-height: 0; }
  .story-stage { min-height: 260px; margin-top: 10px; }
  .story-stack { width: 240px; }
  .story-steps { padding: 0; }
  .story-step { min-height: 0; padding-top: 28px; padding-bottom: 28px; opacity: 1; }
}

/* ---------- Bento ürün kutuları ---------- */
.bento-sec { background: var(--film); }
.bento { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-flow: dense; gap: clamp(14px, 1.6vw, 22px); }
.bento-item { position: relative; display: grid; grid-template-rows: auto 1fr; min-height: 100%; border-radius: var(--r-card); background: #fff; overflow: hidden; transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--ty, 0)); transition: transform .5s var(--ease), box-shadow .5s var(--ease); grid-column: span 2; }
.bento-item:nth-child(6n+1) { grid-row: span 2; background: var(--navy); color: rgba(255, 255, 255, .8); }
.bento-item:nth-child(6n+2), .bento-item:nth-child(6n+3) { grid-column: span 1; }
.bento-item:hover { --ty: -6px; box-shadow: var(--glow); }
.bento-link { position: absolute; inset: 0; z-index: 2; }
.is-admin .bento-link { display: none; }
.bento-media { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 10; background: radial-gradient(70% 70% at 50% 45%, #fff, var(--film)); overflow: hidden; }
.bento-item:nth-child(6n+1) .bento-media { aspect-ratio: auto; min-height: 300px; flex: 1; background: radial-gradient(60% 60% at 50% 50%, rgba(255, 255, 255, .35), transparent 70%); }
.bento-item:nth-child(6n+2) .bento-media, .bento-item:nth-child(6n+3) .bento-media { aspect-ratio: 4 / 3; }
.bento-media img { width: 88%; height: 88%; object-fit: contain; transition: transform .8s var(--ease); filter: drop-shadow(0 18px 22px rgba(18, 20, 21, .16)); }
.bento-media img[src$=".jpg"], .bento-media img[src$=".jpeg"] { width: 100%; height: 100%; object-fit: cover; filter: none; }
.bento-item:hover .bento-media img { transform: scale(1.06) translateY(-6px) rotate(-1deg); }
.bento-body { position: relative; display: grid; align-content: start; gap: 10px; padding: 22px 24px 26px; }
.bento-item:nth-child(6n+1) { grid-template-rows: 1fr auto; }
.bento-item:nth-child(6n+1) .bento-body { padding: 26px 30px 32px; }
.bento-item:nth-child(6n+1) h3 { font-size: var(--fs-4); }
.bento-item:nth-child(6n+1) h3 a, .bento-item:nth-child(6n+1) .struct { color: #fff; }
.bento-item:nth-child(6n+1) .p-group { color: var(--sky); }
.bento-item h3 a { color: var(--navy); text-decoration: none; position: relative; z-index: 3; }
.bento-text { font-size: var(--fs-1); color: var(--muted); }
.bento-item:nth-child(6n+1) .bento-text { color: rgba(255, 255, 255, .75); }
.bento-item:nth-child(6n+2) .bento-text, .bento-item:nth-child(6n+3) .bento-text { display: none; }
.bento-more { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; font-size: var(--fs-1); font-weight: 700; color: var(--blue); opacity: 0; transform: translateX(-8px); transition: opacity .35s, transform .35s var(--ease); }
.bento-item:nth-child(6n+1) .bento-more { color: #fff; }
.bento-more svg { width: 18px; height: 18px; fill: currentColor; }
.bento-item:hover .bento-more, .bento-item:focus-within .bento-more { opacity: 1; transform: none; }
.struct-bars i { transform-origin: left; transition: transform .8s var(--ease); }
.reveal:not(.in) .struct-bars i { transform: scaleX(0); }
.struct-bars i:nth-child(2) { transition-delay: .1s; } .struct-bars i:nth-child(3) { transition-delay: .2s; }
@media (max-width: 1000px) {
  .bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bento-item, .bento-item:nth-child(6n+2), .bento-item:nth-child(6n+3) { grid-column: span 1; }
  .bento-item:nth-child(6n+1) { grid-column: span 2; grid-row: span 1; }
  .bento-item:nth-child(6n+2) .bento-text, .bento-item:nth-child(6n+3) .bento-text { display: block; }
}
@media (max-width: 600px) {
  .bento { grid-template-columns: 1fr; }
  .bento-item, .bento-item:nth-child(6n+1) { grid-column: span 1; }
  .bento-more { opacity: 1; transform: none; }
}

/* ---------- Hakkımızda bandı ---------- */
.about2-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 6vw, 96px); align-items: center; }
.about2-frame { position: relative; aspect-ratio: 1 / 1; border-radius: 28px; overflow: hidden; background: var(--navy); isolation: isolate; }
.about2-frame::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("../img/mark-line-white.svg") 0 0 / 80px repeat; opacity: .08; }
.about2-frame > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.about2-collage { position: absolute; inset: 0; }
.about2-collage img { position: absolute; filter: drop-shadow(0 30px 40px rgba(0, 0, 0, .35)); will-change: transform; transition: transform .2s linear; }
.about2-collage .c1 { width: 78%; left: -6%; top: 4%; transform: translateY(calc(var(--py, 0) * -40px)); }
.about2-collage .c2 { width: 72%; right: -8%; bottom: 6%; transform: translateY(calc(var(--py, 0) * 30px)); }
.about2-collage .c3 { width: 34%; right: 8%; top: 8%; transform: rotate(8deg) translateY(calc(var(--py, 0) * 60px)); }
.about2-copy h2 { margin: 22px 0 22px; }
.about2-copy .rich { color: var(--muted); margin-bottom: 30px; }
.about2 .img-empty { position: absolute; inset: auto 16px 16px 16px; min-height: 0; z-index: 3; color: #fff; border-color: rgba(255, 255, 255, .4); }
@media (max-width: 800px) { .about2-in { grid-template-columns: 1fr; } .about2-frame { aspect-ratio: 4 / 3; } }

/* ---------- Değerler ---------- */
.vcards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.8vw, 24px); }
.vcard { position: relative; display: grid; align-content: start; gap: 12px; padding: 32px 30px 34px; border: 1px solid var(--line); border-radius: var(--r-card); background: #fff; overflow: hidden; isolation: isolate; transition: color .4s, border-color .4s, transform .5s var(--ease), box-shadow .5s; }
.vcard::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--navy); clip-path: circle(0% at 40px 40px); transition: clip-path .7s var(--ease); }
.vcard:hover { color: rgba(255, 255, 255, .8); border-color: var(--navy); transform: translateY(-4px); box-shadow: var(--glow); }
.vcard:hover::before { clip-path: circle(150% at 40px 40px); }
.vcard:hover h3 { color: #fff; }
.vcard h3 { transition: color .4s; }
.vcard p { color: inherit; font-size: var(--fs-1); }
.vcard:not(:hover) p { color: var(--muted); }
.vcard-ico { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 10px; border-radius: 16px; background: var(--film); color: var(--blue); transition: background-color .4s, color .4s, transform .5s var(--ease); }
.vcard-ico svg { width: 26px; height: 26px; }
.vcard:hover .vcard-ico { background: var(--l-evoh); color: var(--navy); transform: rotate(-8deg) scale(1.06); }
@media (max-width: 900px) { .vcards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .vcards { grid-template-columns: 1fr; } }

/* ---------- Çağrı bandı (video) ---------- */
.cta2 { isolation: isolate; }
.cta-video { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.cta2::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(18, 20, 21, .95) 30%, rgba(18, 20, 21, .65)); }
.cta2 h2 { font-size: var(--fs-5); font-stretch: 100%; font-weight: 700; max-width: 18ch; }
.cta2 .cta-in { padding-top: clamp(72px, 10vw, 140px); padding-bottom: clamp(72px, 10vw, 140px); }

/* ---------- İç sayfa başlıkları ---------- */
.page-head { position: relative; background: var(--navy); color: #fff; overflow: hidden; isolation: isolate; padding-top: clamp(48px, 7vw, 96px); }
.page-head::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("../img/mark-line-white.svg") 0 0 / 88px repeat; opacity: .04; animation: drift 80s linear infinite; }
.page-head::after { content: ""; position: absolute; z-index: -1; right: -10%; top: -40%; width: 60%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 255, 255, .07), transparent); }
.page-head h1, .page-head .pd-top h1 { color: #fff; font-stretch: 100%; font-weight: 700; }
.page-head .lead { color: rgba(255, 255, 255, .78); }
.crumbs, .crumbs a { color: rgba(255, 255, 255, .65); }
.crumbs a:hover { color: #fff; }
.page-head .p-group { color: var(--sky); }
.page-head .chips li { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .22); color: #fff; }
.page-head .btn-solid { background: #fff; color: var(--navy); }
.page-head .btn-solid:hover { background: var(--film-2); }
.page-head .pd-top .p-tile { background: radial-gradient(70% 70% at 50% 45%, rgba(255, 255, 255, .16), rgba(255, 255, 255, .04)); border: 1px solid rgba(255, 255, 255, .12); }
.page-head .pd-top .p-tile img { filter: drop-shadow(0 30px 40px rgba(0, 0, 0, .35)); animation: float 7s ease-in-out infinite; width: 92%; height: 92%; }

/* Ürün listesi */
.p-row { transition: background-color .3s, transform .5s var(--ease), box-shadow .5s; }
.p-row:hover { transform: translateY(-4px); box-shadow: var(--glow); background: #fff; }
.p-row .p-tile { background: radial-gradient(70% 70% at 50% 45%, #fff, var(--film)); }
.p-row:hover .p-tile img { transform: scale(1.06) translateY(-6px); }
.p-row .more { display: inline-flex; align-items: center; gap: 8px; }
.p-row .more::after { content: "→"; transition: transform .3s var(--ease); }
.p-row:hover .more::after { transform: translateX(5px); }
.p-tile img { filter: drop-shadow(0 18px 22px rgba(18, 20, 21, .16)); }

/* Katman diyagramı: çubuklar görünce dolsun */
.xsec-bar { transform-origin: left; transition: transform .9s var(--ease); }
.reveal:not(.in) .xsec-bar { transform: scaleX(.08); }
.xsec-layer:nth-child(2) .xsec-bar { transition-delay: .12s; }
.xsec-layer:nth-child(3) .xsec-bar { transition-delay: .24s; }

/* ---------- Görünüme girince ---------- */
.js .reveal { opacity: 0; transform: translateY(30px); transition: opacity .9s var(--ease) var(--d, 0ms), transform 1s var(--ease) var(--d, 0ms); }
.js .reveal.in { opacity: 1; transform: none; }
.js .bento-item.reveal.in { transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--ty, 0)); transition: opacity .9s var(--ease) var(--d, 0ms), transform .5s var(--ease), box-shadow .5s var(--ease); }

/* Kaydırma ilerleme çizgisi */
.progress { position: fixed; z-index: 60; left: 0; top: 0; height: 3px; width: 100%; transform-origin: left; transform: scaleX(var(--p, 0)); background: linear-gradient(90deg, var(--l-pet), var(--l-evoh), var(--l-pe)); pointer-events: none; }

/* Yönetici: animasyonları kapat */
.is-admin .reveal, .is-admin .hs-copy > *, .is-admin .hs-figure { opacity: 1 !important; transform: none !important; }
.is-admin .wsplit .w > span { transform: none; }
.adm-media-btn { display: none; }
.editing .adm-media-btn { display: inline-flex; position: absolute; z-index: 5; right: 24px; top: calc(var(--hdr) + 18px); padding: 10px 16px; border: 1.5px dashed #C8922E; border-radius: 10px; background: rgba(18, 20, 21, .8); color: #fff; font: 800 .875rem "Nunito Sans", system-ui, sans-serif; cursor: pointer; }
.editing .hs [data-item] > .adm-ctl { top: calc(var(--hdr) + 18px); right: auto; left: 24px; opacity: 1; pointer-events: auto; }
.editing .hs > .adm-add, .editing .hs .adm-add { position: absolute; z-index: 6; left: 50%; bottom: 110px; transform: translateX(-50%); color: #fff; border-color: #B8B0A2; background: rgba(18, 20, 21, .7); }

@media (prefers-reduced-motion: reduce) {
  .js .reveal { opacity: 1; transform: none; }
  .wsplit .w > span { transform: none; }
  .marquee-track { animation: none; }
  .hs-photo { transform: none; }
}

/* ---------- Fotoğraf görseller (şeffaf zeminsiz) ---------- */
.hs-figure:has(.is-photo)::before { display: none; }
.hs-figure img.is-photo { width: min(100%, 560px); aspect-ratio: 1; object-fit: cover; border-radius: 28px; border: 1px solid rgba(255, 255, 255, .14); filter: none; box-shadow: 0 50px 90px -30px rgba(0, 0, 0, .6), 0 0 0 10px rgba(255, 255, 255, .04); }
.hs-slide.is-active .hs-figure img.is-photo { animation: float-soft 8s ease-in-out 1.4s infinite; }
@keyframes float-soft { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.p-tile:has(.is-photo), .bento-media:has(.is-photo) { background: var(--navy-deep); }
.p-tile img.is-photo, .bento-media img.is-photo { width: 100%; height: 100%; object-fit: cover; filter: none; }
.page-head .pd-top .p-tile:has(.is-photo) { padding: 0; border: 0; }
.page-head .pd-top .p-tile img.is-photo { width: 100%; height: 100%; animation: none; filter: none; }
.p-row:hover .p-tile img.is-photo, .bento-item:hover .bento-media img.is-photo { transform: scale(1.05); }
.bento-item:nth-child(6n+1) .bento-media:has(.is-photo) { min-height: 360px; }
.bento-item:nth-child(6n+1) .bento-media img.is-photo { position: absolute; inset: 0; }
@media (max-width: 900px) {
  .hs-figure:has(.is-photo) { position: absolute; inset: 0; right: 0; top: 0; width: auto; transform: none !important; opacity: .4 !important; }
  .hs-figure img.is-photo { width: 100%; height: 100%; max-width: none; aspect-ratio: auto; border-radius: 0; border: 0; box-shadow: none; animation: none !important; }
}
.hs-copy { position: relative; z-index: 2; }
@media (max-width: 900px) { .hs-figure:has(.is-photo) { z-index: 0; opacity: .3 !important; } }

/* =========================================================
   Koleksiyon (MAP Kaplar) ve model sayfaları
   ========================================================= */
.col-head { padding-bottom: clamp(28px, 4vw, 44px); }
.col-top { align-items: start; }
.col-info .lead { margin-bottom: 8px; }
.col-blocks { display: grid; gap: 26px; margin-top: 26px; }
.col-block h2 { margin-bottom: 12px; font-size: var(--fs-2); font-stretch: 100%; color: #fff; }
.page-head .ticks li { color: rgba(255, 255, 255, .88); }
.page-head .ticks li::before { border-color: var(--l-evoh); }
.page-head .specs th, .page-head .specs td { border-bottom-color: rgba(255, 255, 255, .14); padding: 10px 0; }
.page-head .specs th { color: #fff; }
.page-head .specs td { color: rgba(255, 255, 255, .8); }
.col-top .p-tile { aspect-ratio: 1 / 1; }

/* Ölçü şeridi: soldan sağa tek satır */
.size-row { display: flex; align-items: center; gap: 18px; margin-top: clamp(28px, 4vw, 44px); padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .14); }
.size-label { flex: none; font-size: var(--fs-0); font-weight: 700; color: var(--sky); letter-spacing: .02em; }
.size-row ul { flex: 1; display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 8px; }
.size-chip { display: grid; justify-items: center; gap: 2px; padding: 10px 4px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 12px; background: rgba(255, 255, 255, .05); color: #fff; text-decoration: none; text-align: center; transition: background-color .25s, border-color .25s, transform .25s var(--ease), color .25s; }
.size-chip b { font-size: clamp(.78rem, .55rem + .45vw, 1rem); font-weight: 700; font-stretch: 100%; white-space: nowrap; }
.size-chip small { font-size: .7rem; font-weight: 700; color: rgba(255, 255, 255, .6); }
.size-chip:hover, .size-chip:focus-visible { background: #fff; border-color: #fff; color: var(--navy); transform: translateY(-3px); }
.size-chip:hover small { color: var(--blue); }
@media (max-width: 1000px) {
  .size-row { display: block; }
  .size-label { display: block; margin-bottom: 10px; }
  .size-row ul { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
  .size-row li { flex: 0 0 auto; scroll-snap-align: start; }
  .size-chip { min-width: 96px; padding: 10px 12px; }
}

/* Model kartları (beyaz alan) */
.models-sec .section-head.split { align-items: start; }
.m-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 22px); }
.m-card { position: relative; display: grid; grid-template-rows: auto 1fr; border-radius: 20px; background: #fff; border: 1px solid var(--line); overflow: hidden; transition: transform .45s var(--ease), box-shadow .45s var(--ease), border-color .3s, opacity .3s; }
.m-card:hover { transform: translateY(-6px); box-shadow: var(--glow); border-color: transparent; }
.m-link { position: absolute; inset: 0; z-index: 2; }
.is-admin .m-link { display: none; }
.m-media { display: grid; place-items: center; aspect-ratio: 4 / 3; padding: 18px; background: #fff; }
.m-media img { width: 100%; height: 100%; object-fit: contain; transition: transform .6s var(--ease); }
.m-card:hover .m-media img { transform: scale(1.06); }
.m-body { display: grid; align-content: start; gap: 10px; padding: 4px 20px 22px; }
.m-code { font-size: .74rem; font-weight: 700; color: var(--muted); letter-spacing: .04em; }
.m-body h3 { font-size: 1.06rem; line-height: 1.3; min-height: 2.6em; }
.m-body h3 a { color: var(--navy); text-decoration: none; }
.m-btn { width: 100%; margin-top: 6px; position: relative; z-index: 3; min-height: 44px; }
.section-film .m-card { border-color: transparent; }
.m-grid.filtering .m-card:not(.hl) { opacity: .3; }
.m-card.hl { border-color: var(--l-evoh); box-shadow: 0 0 0 3px rgba(200, 146, 46, .35), var(--glow); }
@media (max-width: 1100px) { .m-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 800px) { .m-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .m-body { padding: 2px 14px 16px; } .m-body h3 { font-size: .95rem; } }
@media (max-width: 420px) { .m-btn { font-size: .8rem; padding: .5em .6em; } }

/* Model sayfası */
.page-head .pd-top .p-tile-white { background: #fff; border: 0; }
.page-head .pd-top .p-tile-white img { animation: none; filter: drop-shadow(0 18px 22px rgba(18, 20, 21, .18)); width: 86%; height: 86%; }
.p-back { text-decoration: none; display: inline-flex; gap: 6px; }
.p-back::before { content: "←"; }
.p-back:hover { color: #fff; }
.m-code-lg { margin: 10px 0 0; font-size: var(--fs-0); font-weight: 700; color: rgba(255, 255, 255, .6); }
.lid-card { display: grid; border-radius: var(--r-card); overflow: hidden; background: var(--film); }
.lid-media { aspect-ratio: 16 / 10; display: grid; place-items: center; background: radial-gradient(70% 70% at 50% 45%, #fff, var(--film)); }
.lid-media img { width: 80%; height: 80%; object-fit: contain; }
.lid-body { display: grid; gap: 10px; padding: 24px 26px 28px; }
.lid-body h2 { font-size: var(--fs-3); font-stretch: 100%; }
.lid-body p { color: var(--muted); font-size: var(--fs-1); }
.lid-body .link-strong { justify-self: start; }
.specs.variants thead th { padding: 10px 0; font-size: var(--fs-0); font-weight: 700; color: var(--muted); border-bottom: 2px solid var(--line); }
.specs.variants td { padding: 12px 0; }
.specs.variants .v-code { font-weight: 700; color: var(--navy); letter-spacing: .02em; }
.specs.variants tbody tr { transition: background-color .2s; }
.specs.variants tbody tr:hover { background: var(--film); }
.m-body { display: flex; flex-direction: column; gap: 8px; height: 100%; }
.m-code { min-height: 1.1em; }
.m-btn { margin-top: auto; }
.m-media img { max-width: 100%; }
.m-code { display: block; line-height: 1.1; }

/* Ürün açıklaması: madde listesi, öne çıkan avantaj, not */
.pd-desc ul { list-style: none; padding: 0; margin: 18px 0 20px; display: grid; gap: 12px; }
.pd-desc li { position: relative; padding-left: 30px; }
.pd-desc li::before { content: ""; position: absolute; left: 0; top: .42em; width: 16px; height: 10px; border-radius: 2px; background: linear-gradient(var(--l-pet) 0 30%, var(--l-evoh) 30% 60%, var(--l-pe) 60%); }
.pd-desc li strong { color: var(--navy); }
.hl-box { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 16px; align-items: start; margin: 26px 0 8px; padding: 22px 24px; border-radius: 18px; background: var(--navy); color: rgba(255, 255, 255, .88); }
.hl-ico { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: var(--l-evoh); color: var(--navy); }
.hl-ico svg { width: 24px; height: 24px; }
.hl-label { display: block; margin-bottom: 4px; font-size: var(--fs-0); font-weight: 700; color: var(--l-evoh); letter-spacing: .02em; }
.hl-box p { margin: 0; font-size: var(--fs-2); font-weight: 700; line-height: 1.45; color: #fff; }
.pd-note { margin: 16px 0 0; padding: 14px 18px; border-left: 4px solid var(--sky); border-radius: 0 12px 12px 0; background: var(--film); font-size: var(--fs-1); color: var(--muted); }
.pd-note b { color: var(--navy); }
.models-sec .head-side .rich { color: var(--muted); }
.pd-note { margin-bottom: 40px; }
.hl-box + .pd-desc, .pd-desc + .pd-block { margin-top: 0; }
.pd-body .hl-box:last-child, .pd-body .pd-note + .pd-block, .pd-body .hl-box + .pd-block { margin-top: 40px; }
/* Bento: tek kalan son büyük kart tam genişlikte yatay */
@media (min-width: 1001px) {
  .bento-item:last-child:nth-child(6n+1) { grid-column: 1 / -1; grid-row: span 1; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); grid-template-rows: auto; }
  .bento-item:last-child:nth-child(6n+1) .bento-media { min-height: 380px; }
  .bento-item:last-child:nth-child(6n+1) .bento-body { align-content: center; padding: 40px 48px; }
}

/* ---------- Koleksiyon başlığı: sıkı düzen ve ölçü seçici ---------- */
.page-head.col-head { padding-top: clamp(20px, 2.4vw, 32px); padding-bottom: clamp(28px, 3.4vw, 44px); }
.col-head .crumbs { margin-bottom: clamp(14px, 1.6vw, 20px); }
.col-top { gap: clamp(28px, 4vw, 64px); }
.col-info h1 { margin-top: -6px; font-size: clamp(2.4rem, 1.4rem + 3vw, 4rem); line-height: 1; }
.col-info .lead { margin-top: 14px; }
.col-blocks { margin-top: 22px; gap: 22px; }

.col-head .size-row { display: block; margin-top: clamp(16px, 2vw, 22px); padding: 0; border: 0; }
.col-head .size-row ul { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 10px; }
.col-head .size-chip {
  position: relative; display: grid; justify-items: center; align-content: center; gap: 4px;
  min-height: 112px; padding: 12px 6px 14px; border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .03));
  border: 1px solid rgba(255, 255, 255, .16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
  color: #fff; text-decoration: none; overflow: hidden;
  transition: transform .35s var(--ease), background-color .3s, border-color .3s, box-shadow .35s;
}
.col-head .size-chip::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, var(--l-pet), var(--l-evoh), var(--l-pe)); transform: scaleX(0); transform-origin: left; transition: transform .4s var(--ease); }
.size-tray { display: block; width: 58px; height: 42px; }
.size-tray svg { width: 100%; height: 100%; overflow: visible; }
.size-tray rect { fill: rgba(255, 255, 255, .14); stroke: rgba(255, 255, 255, .7); stroke-width: 1.4; transition: fill .3s, stroke .3s; }
.size-tray rect.in { fill: none; stroke: rgba(255, 255, 255, .35); stroke-width: 1; stroke-dasharray: 2 2; }
.size-chip.is-dark .size-tray rect:not(.in) { fill: rgba(8, 12, 18, .55); }
.col-head .size-chip b { font-size: clamp(.82rem, .6rem + .4vw, 1rem); font-weight: 700; font-stretch: 100%; letter-spacing: .01em; white-space: nowrap; }
.col-head .size-chip small { font-size: .68rem; font-weight: 700; color: rgba(255, 255, 255, .55); letter-spacing: .04em; }
.col-head .size-chip .size-badge { padding: 2px 8px; border-radius: 999px; background: var(--l-evoh); color: var(--navy); }
.col-head .size-chip:hover, .col-head .size-chip:focus-visible { transform: translateY(-5px); background: #fff; border-color: #fff; color: var(--navy); box-shadow: 0 18px 36px -14px rgba(0, 0, 0, .55); }
.col-head .size-chip:hover::after, .col-head .size-chip:focus-visible::after { transform: scaleX(1); }
.col-head .size-chip:hover small { color: var(--blue); }
.col-head .size-chip:hover .size-badge { color: var(--navy); }
.col-head .size-chip:hover .size-tray rect { stroke: var(--navy); fill: var(--film-2); }
.col-head .size-chip.is-dark:hover .size-tray rect:not(.in) { fill: #1a1d22; }
.col-head .size-chip:hover .size-tray rect.in { stroke: var(--blue); }
@media (max-width: 1000px) {
  .col-head .size-row ul { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 2px 10px; }
  .col-head .size-row li { flex: 0 0 104px; scroll-snap-align: start; }
}
.col-head .size-chip small { display: inline-flex; align-items: center; height: 18px; line-height: 1; }
.col-head .size-chip { grid-template-rows: 42px auto 18px; }
.bento-item:nth-child(6n+1) .struct-sizes { color: var(--sky); }

/* =========================================================
   Ürün kartları: yatay, lacivert panel (tüm ürünler)
   ========================================================= */
.bento { grid-template-columns: 1fr !important; gap: clamp(18px, 2vw, 26px); }
.bento .bento-item, .bento .bento-item:nth-child(n) {
  grid-column: 1 / -1 !important; grid-row: auto !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); grid-template-rows: auto;
  min-height: 0; background: var(--navy); color: rgba(255, 255, 255, .8);
}
.bento .bento-item:nth-child(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); }
.bento .bento-item:nth-child(even) .bento-media { order: 2; }
.bento .bento-item .bento-media, .bento .bento-item:nth-child(n) .bento-media {
  aspect-ratio: auto; min-height: clamp(260px, 26vw, 380px); position: relative;
  background: radial-gradient(65% 75% at 50% 50%, #3A3D40 0%, #2A2C2E 55%, #1F2123 100%);
}
.bento .bento-item .bento-media::after { content: ""; position: absolute; inset: 0; background: url("../img/mark-line-white.svg") 0 0 / 64px repeat; opacity: .05; pointer-events: none; }
.bento .bento-item .bento-media img { position: relative; z-index: 1; width: 78%; height: 86%; filter: drop-shadow(0 26px 30px rgba(0, 0, 0, .4)); }
.bento .bento-item .bento-media img.is-photo { position: absolute; inset: 0; width: 100%; height: 100%; filter: none; }
.bento .bento-item .bento-body, .bento .bento-item:nth-child(n) .bento-body { align-content: center; gap: 12px; padding: clamp(28px, 4vw, 56px); }
.bento .bento-item h3 { font-size: var(--fs-4); }
.bento .bento-item h3 a, .bento .bento-item .struct { color: #fff; }
.bento .bento-item .p-group { color: var(--sky); }
.bento .bento-item .struct-sizes { color: var(--sky); }
.bento .bento-item .bento-text, .bento .bento-item:nth-child(n) .bento-text { display: block; color: rgba(255, 255, 255, .78); max-width: 48ch; font-size: var(--fs-2); }
.bento .bento-item .bento-more { color: #fff; opacity: 1; transform: none; margin-top: 8px; }
.bento .bento-item:hover .bento-more svg { transform: translateX(5px); }
.bento-more svg { transition: transform .3s var(--ease); }
.bento .bento-item:hover { box-shadow: 0 34px 60px -24px rgba(18, 20, 21, .55); }
@media (max-width: 800px) {
  .bento .bento-item, .bento .bento-item:nth-child(n), .bento .bento-item:nth-child(even) { grid-template-columns: 1fr; }
  .bento .bento-item:nth-child(even) .bento-media { order: 0; }
  .bento .bento-item .bento-media { min-height: 240px; }
}

/* Ürünler sayfası satırları da aynı yapıda */
.p-row { background: var(--navy); color: rgba(255, 255, 255, .8); padding: 0; overflow: hidden; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 0; border-radius: var(--r-card); transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--ty, 0)); }
.p-row:hover { background: var(--navy); --ty: -6px; box-shadow: 0 34px 60px -24px rgba(18, 20, 21, .55); transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--ty, 0)); }
.p-rows li:nth-child(even).p-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); }
.p-rows li:nth-child(even).p-row .p-tile { order: 2; }
.p-row .p-tile { border-radius: 0; aspect-ratio: auto; min-height: clamp(260px, 26vw, 380px); background: radial-gradient(65% 75% at 50% 50%, #3A3D40 0%, #2A2C2E 55%, #1F2123 100%); }
.p-row .p-tile img { width: 78%; height: 86%; filter: drop-shadow(0 26px 30px rgba(0, 0, 0, .4)); }
.p-row .p-tile img.is-photo { position: absolute; inset: 0; width: 100%; height: 100%; filter: none; }
.p-row .p-tile { position: relative; }
.p-row-body { padding: clamp(28px, 4vw, 56px) !important; gap: 14px; }
.p-row h2 a, .p-row .struct, .p-row .more { color: #fff; }
.p-row-body > p { color: rgba(255, 255, 255, .78); }
.p-row .struct-sizes { color: var(--sky); }
.p-row .chips li { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .2); color: #fff; }
@media (max-width: 760px) {
  .p-row, .p-rows li:nth-child(even).p-row { grid-template-columns: 1fr; }
  .p-rows li:nth-child(even).p-row .p-tile { order: 0; }
  .p-row .p-tile { min-height: 240px; }
}

/* Koleksiyon: açıklama tam genişlik, üst alana yakın */
.section.models-sec { padding-top: clamp(32px, 4vw, 56px); }
.col-intro { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 20px clamp(28px, 4vw, 56px); align-items: start; margin-bottom: clamp(32px, 4vw, 52px); }
.col-desc { color: var(--muted); font-size: var(--fs-2); }
.col-desc > p:first-child { color: var(--ink); font-size: var(--fs-3); line-height: 1.5; }
.col-desc ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 28px; margin-bottom: 0; }
.col-intro .hl-box { margin: 0; position: sticky; top: 110px; padding: 28px; }
.col-intro .hl-box p { font-size: var(--fs-3); }
.col-intro .pd-note { grid-column: 1 / -1; margin: 0; }
@media (max-width: 900px) { .col-intro { grid-template-columns: 1fr; } .col-desc ul { grid-template-columns: 1fr; } .col-intro .hl-box { position: static; } }
.col-intro { grid-template-columns: 1fr; gap: 26px; }
.col-desc > p:first-child { max-width: none; }
.col-intro .hl-box { position: static; grid-template-columns: 56px minmax(0, 1fr); align-items: center; padding: 26px 32px; }
.col-intro .hl-box .hl-ico { width: 56px; height: 56px; }

/* Slayt görsel galerisi (canlı örnekler) */
.hs-gallery { position: relative; width: min(100%, 560px); aspect-ratio: 1; border-radius: 28px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .14); box-shadow: 0 50px 90px -30px rgba(0, 0, 0, .6), 0 0 0 10px rgba(255, 255, 255, .04); }
.hs-gallery img.is-photo { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; aspect-ratio: auto; border: 0; border-radius: 0; box-shadow: none; object-fit: cover; opacity: 0; animation: gfade calc(var(--g) * 4s) infinite; animation-delay: calc(var(--gi) * 4s); }
.hs-gallery img.is-photo:first-child { opacity: 1; }
.hs-slide.is-active .hs-gallery { animation: float-soft 8s ease-in-out 1.4s infinite; }
.hs-figure:has(.hs-gallery)::before { display: none; }
@keyframes gfade { 0% { opacity: 0; transform: scale(1.06); } 6% { opacity: 1; } 33% { opacity: 1; } 40% { opacity: 0; transform: scale(1); } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .hs-gallery img.is-photo { animation: none; opacity: 0; } .hs-gallery img.is-photo:first-child { opacity: 1; } }
@media (max-width: 900px) {
  .hs-figure:has(.hs-gallery) { position: absolute; inset: 0; width: auto; transform: none !important; opacity: .3 !important; z-index: 0; }
  .hs-gallery { width: 100%; height: 100%; border-radius: 0; border: 0; box-shadow: none; aspect-ratio: auto; animation: none !important; }
}
/* Tüm slaytlarda video zemin: koyu kenar geçişi */
.hs-slide .hs-video { object-position: 70% 50%; }
.hs-slide .hs-figure .hs-gallery img.is-photo, .hs-slide.is-active .hs-figure .hs-gallery img.is-photo { animation: gfade calc(var(--g) * 4s) infinite; animation-delay: calc(var(--gi) * 4s); }

/* =========================================================
   Menü: ortalı, Kurumsal alt menüsü
   ========================================================= */
@media (min-width: 901px) {
  .header-in { position: relative; }
  .nav { position: static; }
  .nav > ul { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
  .nav > ul > li { position: relative; }
  .nav > ul > li > a { display: inline-flex; align-items: center; gap: 4px; }
  .nav-caret { width: 18px; height: 18px; fill: currentColor; transition: transform .25s var(--ease); }
  .has-sub:hover .nav-caret, .has-sub:focus-within .nav-caret { transform: rotate(180deg); }
  .nav ul.sub {
    position: absolute; left: 50%; top: 100%; z-index: 60; display: grid; gap: 2px; min-width: 250px; padding: 10px;
    margin-top: 10px; border-radius: 16px; background: #fff; box-shadow: 0 24px 50px -16px rgba(18, 20, 21, .35); border: 1px solid var(--line);
    opacity: 0; visibility: hidden; transform: translate(-50%, 8px); transition: opacity .2s, transform .25s var(--ease), visibility 0s .25s;
  }
  .nav ul.sub::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }
  .has-sub:hover > ul.sub, .has-sub:focus-within > ul.sub { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition: opacity .2s, transform .25s var(--ease); }
  .nav ul.sub a { display: block; padding: 10px 14px; border-radius: 10px; color: var(--ink) !important; font-weight: 700; font-size: var(--fs-1); white-space: nowrap; }
  .nav ul.sub a::after { display: none; }
  .nav ul.sub a:hover, .nav ul.sub a:focus-visible { background: var(--film); color: var(--navy) !important; }
  .nav ul.sub li { position: relative; }
  .nav ul.sub li + li::before { content: ""; position: absolute; left: 14px; right: 14px; top: -1px; height: 1px; background: var(--film-2); }
}
@media (max-width: 900px) {
  .nav ul.sub { display: grid; gap: 0; padding: 0 0 10px 14px; border: 0; }
  .nav ul.sub li { border: 0 !important; }
  .nav ul.sub a { padding: 9px 0 !important; font-size: 1.05rem !important; font-weight: 700 !important; color: var(--muted) !important; }
  .nav-caret { display: none; }
}
/* Bölüme gidince kısa vurgu */
.anchor-sec { scroll-margin-top: 90px; }
.anchor-sec.flash h2, .anchor-sec.flash .about-h { animation: secflash 1.4s var(--ease); }
@keyframes secflash { 0% { color: var(--l-evoh); } 100% { } }
.about-h { font-size: var(--fs-4); margin-bottom: 20px; }
@media (max-width: 900px) {
  .site-header, .page-home .site-header:not(.scrolled):not(.menu-on) { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  .site-header { background: rgba(255, 255, 255, .98); }
  .page-home .site-header:not(.scrolled):not(.menu-on) { background: transparent; }
}
.anchor-sec { scroll-margin-top: 20px; }

/* =========================================================
   Üst iletişim şeridi
   ========================================================= */
:root { --top: 40px; }
.topbar { height: var(--top); background: var(--navy-deep); color: rgba(255, 255, 255, .82); font-size: .84rem; font-weight: 700; overflow: hidden; transition: height .3s var(--ease), background-color .3s; }
.topbar-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 100%; }
.topbar a { display: inline-flex; align-items: center; gap: 8px; color: inherit; text-decoration: none; transition: color .2s; }
.topbar a:hover { color: #fff; }
.topbar svg { width: 16px; height: 16px; flex: none; opacity: .85; }
.topbar-contact { display: flex; align-items: center; gap: 16px; min-width: 0; }
.topbar-sep { width: 1px; height: 14px; background: rgba(255, 255, 255, .25); }
.topbar-social { display: flex; align-items: center; gap: 6px; }
.topbar-social a { justify-content: center; width: 30px; height: 30px; border-radius: 8px; }
.topbar-social a:hover { background: rgba(255, 255, 255, .1); }
.topbar-social svg { width: 17px; height: 17px; opacity: 1; }
.site-header.scrolled .topbar { height: 0; }
.page-home .site-header:not(.scrolled):not(.menu-on) .topbar { background: rgba(8, 22, 40, .45); border-bottom: 1px solid rgba(255, 255, 255, .08); }
.hs-in { padding-top: calc(var(--hdr) + var(--top)); }
@media (max-width: 900px) {
  :root { --top: 36px; }
  .nav { top: calc(68px + var(--top)) !important; }
  .site-header.scrolled .nav { top: 68px !important; }
}
@media (max-width: 560px) {
  .topbar-contact a:first-child span { display: none; }
  .topbar-contact a:first-child { width: 28px; justify-content: center; }
  .topbar-sep { display: none; }
  .topbar-contact { gap: 8px; }
}

/* =========================================================
   WhatsApp düğmesi
   ========================================================= */
.wa-float { position: fixed; z-index: 45; right: 22px; bottom: 22px; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: #25D366; color: #fff; box-shadow: 0 12px 28px -8px rgba(37, 211, 102, .6), 0 4px 12px rgba(0, 0, 0, .15); transition: transform .3s var(--ease), box-shadow .3s; }
.wa-float svg { width: 30px; height: 30px; }
.wa-float::before { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid #25D366; animation: waring 2.6s ease-out infinite; }
@keyframes waring { 0% { transform: scale(1); opacity: .7; } 100% { transform: scale(1.55); opacity: 0; } }
.wa-float:hover { transform: translateY(-3px) scale(1.05); color: #fff; }
.wa-tip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translate(6px, -50%); padding: 8px 12px; border-radius: 10px; background: var(--navy); color: #fff; font-size: .84rem; font-weight: 700; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .2s, transform .25s var(--ease); }
.wa-float:hover .wa-tip { opacity: 1; transform: translate(0, -50%); }
@media (max-width: 700px) { .wa-float { right: 14px; bottom: 86px; width: 52px; height: 52px; } .wa-float svg { width: 27px; height: 27px; } .wa-tip { display: none; } }
@media (prefers-reduced-motion: reduce) { .wa-float::before { animation: none; } }

/* =========================================================
   Çerez bildirimi
   ========================================================= */
.cookie { position: fixed; z-index: 70; left: 20px; bottom: 20px; width: min(440px, calc(100vw - 40px)); padding: 22px; border-radius: 18px; background: #fff; color: var(--ink); box-shadow: 0 24px 60px -18px rgba(18, 20, 21, .45); border: 1px solid var(--line); animation: cookiein .5s var(--ease); }
.cookie[hidden] { display: none; }
.cookie::before { content: ""; position: absolute; left: 22px; right: 22px; top: 0; height: 3px; border-radius: 0 0 3px 3px; background: linear-gradient(90deg, var(--l-pet), var(--l-evoh), var(--l-pe)); }
.cookie p { margin: 0 0 16px; font-size: .92rem; line-height: 1.55; color: var(--muted); }
.cookie p a { font-weight: 700; color: var(--navy); }
.cookie-actions { display: flex; gap: 10px; }
.cookie-actions .btn { flex: 1; min-height: 44px; padding: .5em 1em; font-size: .88rem; }
@keyframes cookiein { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
@media (max-width: 700px) { .cookie { left: 10px; right: 10px; bottom: 10px; width: auto; z-index: 80; } }

/* Alt bilgi yasal bağlantılar */
.legal-links { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.legal-links a { color: rgba(255, 255, 255, .7); }
.legal-links a:hover { color: #fff; }
.footer-base { align-items: center; }
.rich.legal { max-width: 74ch; }
.rich.legal h3 { margin: 30px 0 12px; font-size: var(--fs-3); }
.rich.legal ul { list-style: disc; padding-left: 1.2em; }
.rich.legal li { margin-bottom: 6px; }
.footer-contact a:first-child { font-size: inherit; font-weight: inherit; }
.footer-contact > a:first-child { font-size: var(--fs-3); font-weight: 700; color: #fff; }
.socials { gap: 8px; margin-top: 10px; }
.socials a { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: rgba(255, 255, 255, .08); color: #fff; transition: background-color .2s, transform .2s; }
.socials a:hover { background: rgba(255, 255, 255, .18); transform: translateY(-2px); text-decoration: none; }
.socials svg { width: 18px; height: 18px; }

/* =========================================================
   v2.3 — rafine katmanı: tipografi, ürün sayfası, menü, çerez
   ========================================================= */
:root { --shadow-soft: 0 1px 2px rgba(18, 20, 21, .06), 0 12px 32px -18px rgba(18, 20, 21, .28); --pdnav: 64px; }
h1, h2, h3 { text-wrap: balance; }
p, li { text-wrap: pretty; }
.specs td, .specs th, .size-chip b, .m-code { font-variant-numeric: tabular-nums; }
img { -webkit-user-drag: none; }
a, button { -webkit-tap-highlight-color: transparent; }
.btn:active { transform: translateY(0) scale(.985); }
.link-strong { background: linear-gradient(var(--navy), var(--navy)) 0 100% / 0 2px no-repeat; border-bottom-color: var(--sky); transition: background-size .35s var(--ease); }
.link-strong:hover { background-size: 100% 2px; }
section[id], .anchor-sec { scroll-margin-top: calc(var(--hdr) + var(--pdnav) + 8px); }
.section { content-visibility: auto; contain-intrinsic-size: auto 600px; }
.hs, .page-head, .pd-sec { content-visibility: visible; }

/* Menü açılır listesi: odak çıkınca da kapanır, klavyeyle erişilir */
@media (min-width: 901px) {
  .nav ul.sub { margin-top: 6px; box-shadow: var(--shadow-soft), 0 30px 60px -24px rgba(18, 20, 21, .4); }
  .nav ul.sub a { position: relative; transition: background-color .2s, padding-left .25s var(--ease); }
  .nav ul.sub a:hover { padding-left: 18px; }
}

/* Çerez bildirimi: daha küçük, içeriği örtmez */
.cookie { width: min(380px, calc(100vw - 32px)); padding: 18px 20px; left: 16px; bottom: 16px; }
.cookie p { font-size: .84rem; margin-bottom: 12px; }
.cookie-actions .btn { min-height: 40px; font-size: .82rem; }
@media (max-width: 700px) { .cookie { bottom: 76px; } }

/* Ürün sayfası: bölüm gezgini */
.pd-nav { position: sticky; top: var(--hdr); z-index: 40; background: rgba(255, 255, 255, .92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); }
.pd-nav-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: var(--pdnav); }
.pd-nav ul { display: flex; gap: clamp(14px, 3vw, 36px); overflow-x: auto; scrollbar-width: none; }
.pd-nav ul::-webkit-scrollbar { display: none; }
.pd-nav ul a { position: relative; display: block; padding: 20px 0; font-size: var(--fs-1); font-weight: 700; color: var(--muted); text-decoration: none; white-space: nowrap; transition: color .2s; }
.pd-nav ul a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: var(--l-evoh); transform: scaleX(0); transform-origin: left; transition: transform .35s var(--ease); }
.pd-nav ul a:hover, .pd-nav ul a.on { color: var(--navy); }
.pd-nav ul a.on::after { transform: scaleX(1); }
.pd-nav-cta { min-height: 42px; padding: .4em 1.1em; }
@media (max-width: 700px) { .pd-nav-cta { display: none; } }
.is-admin .pd-nav { position: static; }

/* Gövde: açıklama + teknik özellik kartı */
.pd-sec { padding: clamp(48px, 7vw, 96px) 0; }
.pd-body { grid-template-columns: minmax(0, 7fr) minmax(320px, 5fr); }
.pd-main .pd-desc { font-size: var(--fs-2); }
.datasheet { position: sticky; top: calc(var(--hdr) + var(--pdnav) + 20px); padding: clamp(22px, 3vw, 32px); border-radius: var(--r-card); background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow-soft); }
.is-admin .datasheet { position: static; }
.datasheet-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.datasheet-head h2 { font-size: var(--fs-3); font-stretch: 100%; }
.datasheet-mark { display: grid; gap: 3px; width: 34px; }
.datasheet-mark i { height: 4px; border-radius: 2px; background: var(--l-pet); }
.datasheet-mark i:nth-child(2) { background: var(--l-evoh); width: 70%; }
.datasheet-mark i:nth-child(3) { background: var(--l-pe); }
.datasheet .specs th { width: 38%; font-size: var(--fs-0); text-transform: uppercase; letter-spacing: .06em; color: var(--muted); padding-top: 16px; }
.datasheet .specs td { font-weight: 700; color: var(--navy); }
.datasheet .specs tr:last-child th, .datasheet .specs tr:last-child td { border-bottom: 0; }
.datasheet-foot { margin: 14px 0 20px; font-size: var(--fs-0); color: var(--muted); }
.datasheet-btn { width: 100%; }
@media (max-width: 860px) { .pd-body { grid-template-columns: 1fr; } .datasheet { position: static; } }

/* Katman bölümü: ayrışmış levha diyagramı */
.layers-sec { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 5fr); gap: clamp(24px, 4vw, 64px); align-items: center; }
.layers-hint { margin-top: 14px; color: var(--muted); }
.layers-stage { position: relative; height: clamp(220px, 26vw, 320px); perspective: 900px; }
.layers-sheet { position: absolute; left: 8%; right: 8%; top: 50%; height: 34%; border-radius: 10px; background: var(--c); box-shadow: 0 18px 30px -16px rgba(18, 20, 21, .45); transform: translateY(calc((var(--i) - (var(--n) - 1) / 2) * 62px - 50%)) rotateX(58deg) rotateZ(-8deg); transition: transform .6s var(--ease), opacity .3s, filter .3s; }
.layers-stage.has-hover .layers-sheet { opacity: .35; filter: saturate(.6); }
.layers-stage.has-hover .layers-sheet.on { opacity: 1; filter: none; transform: translateY(calc((var(--i) - (var(--n) - 1) / 2) * 62px - 50% - 14px)) rotateX(58deg) rotateZ(-8deg); }
.xsec-layer { padding: 8px; margin: -8px; border-radius: 12px; transition: background-color .25s; outline-offset: 0; }
.xsec-layer:hover, .xsec-layer:focus-visible, .xsec-layer.on { background: #fff; }
@media (max-width: 960px) { .layers-sec { grid-template-columns: 1fr; } .layers-stage { max-width: 420px; } }

/* Kullanım alanları */
.app-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.app-grid li { display: grid; gap: 22px; align-content: space-between; min-height: 132px; padding: 20px 22px; border-radius: 16px; border: 1px solid var(--line); background: #fff; font-weight: 700; color: var(--navy); line-height: 1.3; transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .25s; }
.app-grid li:hover { transform: translateY(-4px); box-shadow: var(--shadow-soft); border-color: var(--sky); }
.app-n { font-size: var(--fs-0); font-weight: 700; color: var(--l-evoh); letter-spacing: .08em; }

/* Görseller yüklenince yumuşak belirsin */
.js img[loading="lazy"] { opacity: 0; transition: opacity .6s var(--ease); }
.js img[loading="lazy"].ld { opacity: 1; }

@media (hover: none) { .btn:hover { transform: none; } .app-grid li:hover { transform: none; } }

/* =========================================================
   v2.4 — sade, nötr kurumsal görünüm
   ========================================================= */
:root { --accent: #B3801F; --r-card: 6px; --r-tile: 6px; --r-btn: 4px; --glow: 0 24px 48px -28px rgba(18, 20, 21, .35); }
h1, h2, h3, h4 { font-weight: 600; letter-spacing: -.025em; line-height: 1.1; }
.btn { border-radius: var(--r-btn); font-weight: 600; letter-spacing: 0; }
.btn:hover { transform: none; }
.btn-light:hover { box-shadow: none; }
.p-row, .bento-item, .m-card, .vm-block, .form, .datasheet, .app-grid li, .lid-card, .xsec, .hl-box, .cookie, .quickbar, .map { border-radius: var(--r-card); }
.chips li { border-radius: 3px; font-weight: 600; background: transparent; }
.hs-title { font-weight: 600; letter-spacing: -.03em; }

/* Gösterişli efektleri kaldır: yüzen görseller, kelime animasyonu, eğim */
.hs-slide.is-active .hs-figure img, .hs-slide.is-active .hs-figure img.is-photo, .hs-slide.is-active .hs-gallery,
.page-head .pd-top .p-tile img { animation: none !important; }
.wsplit .w > span { transform: none !important; }
.js .reveal { transform: translateY(14px); transition-duration: .7s; }
.js .bento-item.reveal.in { transform: none; }
.marquee { display: none; }

/* Karşılama: yatay çubuk, numarasız */
.hs-dots button { padding-top: 14px; }
.hs-label { font-weight: 600; }
.hs-shade { background: linear-gradient(90deg, rgba(14, 15, 16, .86) 0%, rgba(14, 15, 16, .5) 45%, rgba(14, 15, 16, .08) 75%), linear-gradient(0deg, rgba(14, 15, 16, .55) 0%, rgba(14, 15, 16, 0) 30%); }

/* Katman hikâyesi: numara yerine renkli çizgi */
.story-chip { display: block; width: 28px; height: 3px; margin-bottom: 14px; background: var(--c); border-radius: 0; font-size: 0; }

/* Değerler: görsel + sade liste */
.values-split { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(32px, 6vw, 96px); align-items: stretch; }
.values-media { position: relative; margin: 0; min-height: 440px; border-radius: var(--r-card); overflow: hidden; background: var(--navy-deep); }
.values-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: none; }
.values-body { display: flex; flex-direction: column; justify-content: center; }
.values-body .section-head { margin-bottom: 24px; }
.values-list { border-top: 1px solid var(--line); }
.values-list li { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(0, 2fr); gap: 8px 32px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.values-list h3 { font-size: var(--fs-2); font-weight: 600; letter-spacing: -.01em; }
.values-list p { color: var(--muted); font-size: var(--fs-1); }
@media (max-width: 860px) { .values-split { grid-template-columns: 1fr; } .values-media { min-height: 300px; } .values-list li { grid-template-columns: 1fr; } }

/* Kullanım alanları: numarasız, ince çizgili liste */
.app-grid { gap: 0; border-top: 1px solid var(--line); grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); column-gap: 40px; }
.app-grid li { min-height: 0; padding: 18px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: none; font-weight: 600; }
.app-grid li:hover { transform: none; box-shadow: none; border-color: var(--line); color: var(--accent); }
.datasheet { box-shadow: none; }
.datasheet .specs th { font-weight: 600; }
.pd-nav ul a.on::after { background: var(--navy); }
.page-head::after { display: none; }
.page-head::before { opacity: .025; animation: none; }

/* ===== v2.5 — Karşılama (hero) görselleri, dil geçişi, hakkımızda değerleri ===== */
.hs-bg picture { position: absolute; inset: 0; display: block; }
.hs-photo { object-position: 100% 50%; transform: none; }
.hs-slide.is-active .hs-photo { animation: hs-drift 14s ease-out both; }
@keyframes hs-drift { from { transform: scale(1.045); } to { transform: scale(1); } }
.hs-shade { background: linear-gradient(90deg, rgba(14, 15, 16, .9) 0%, rgba(14, 15, 16, .62) 34%, rgba(14, 15, 16, 0) 62%), linear-gradient(0deg, rgba(14, 15, 16, .5) 0%, rgba(14, 15, 16, 0) 28%); }
@media (max-width: 760px) {
  .hs { height: 100svh; min-height: 620px; max-height: 900px; }
  .hs-in { align-content: start; padding-top: calc(var(--hdr) + 28px); padding-bottom: 0; }
  .hs-photo { object-position: 50% 100%; }
  .hs-ui { z-index: 3; }
  .hs-shade { background: linear-gradient(180deg, rgba(14, 15, 16, .94) 0%, rgba(14, 15, 16, .78) 34%, rgba(14, 15, 16, 0) 62%); }
  .hs-title { font-size: clamp(30px, 9vw, 40px); }
  .hs-text { font-size: 15px; max-width: 34ch; }
  .hs-actions { gap: 10px; }
  .hs-ui { bottom: 14px; }
}
@media (prefers-reduced-motion: reduce) { .hs-slide.is-active .hs-photo { animation: none; } }

/* Dil geçişi (bayraklı) */
.lang-switch { display: inline-flex; align-items: center; gap: 4px; padding: 4px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 999px; font-size: 13px; font-weight: 700; letter-spacing: .04em; }
.lang-switch a, .lang-switch .lang-cur { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px 6px 8px; border-radius: 999px; color: inherit; text-decoration: none; opacity: .7; transition: opacity .2s, background .2s; }
.lang-switch a:hover { opacity: 1; background: rgba(255, 255, 255, .12); }
.lang-switch .lang-cur { opacity: 1; background: rgba(255, 255, 255, .18); }
.lang-switch .flag { display: block; width: 26px; height: 18px; border-radius: 3px; overflow: hidden; box-shadow: 0 0 0 1px rgba(0, 0, 0, .15); }
.lang-switch .flag svg { display: block; width: 100%; height: 100%; }
.site-header.scrolled .lang-switch, body:not(.page-home) .lang-switch, .site-header.menu-on .lang-switch { border-color: rgba(0, 0, 0, .18); }
.site-header.scrolled .lang-switch a:hover, body:not(.page-home) .lang-switch a:hover, .site-header.menu-on .lang-switch a:hover { background: rgba(0, 0, 0, .06); }
.site-header.scrolled .lang-switch .lang-cur, body:not(.page-home) .lang-switch .lang-cur, .site-header.menu-on .lang-switch .lang-cur { background: rgba(0, 0, 0, .08); }
@media (max-width: 980px) { .lang-switch { align-self: flex-start; margin-top: 18px; } .lang-switch a, .lang-switch .lang-cur { padding: 8px 14px 8px 10px; } }

/* Kurumsal değerler: simgesiz, ince çizgili liste */
.vcards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 56px; list-style: none; padding: 0; margin: 0; counter-reset: none; }
.vcard { padding: 26px 0; border-top: 1px solid var(--line, rgba(27, 29, 31, .14)); background: none; box-shadow: none; border-radius: 0; }
.vcard h3 { font-size: 18px; font-weight: 600; margin: 0 0 8px; }
.vcard p { margin: 0; color: var(--muted, #5b626a); line-height: 1.65; }
@media (max-width: 760px) { .vcards { grid-template-columns: 1fr; } }
.vcard { gap: 0; padding: 26px 0 26px; overflow: visible; }
.vcard::before { display: none; }
.vcard:hover { transform: none; box-shadow: none; color: inherit; border-color: var(--line); }
.vcard:hover h3 { color: inherit; }
.vcard:hover p, .vcard:not(:hover) p { color: var(--muted); }

/* Ürün sayfası: stüdyo görseli */
.page-head .pd-top .p-tile.p-scene { padding: 0; border: 0; overflow: hidden; border-radius: 10px; background: #141618; aspect-ratio: 6 / 5; }
.page-head .pd-top .p-tile.p-scene img { width: 100%; height: 100%; object-fit: cover; animation: none; filter: none; border-radius: 0; }

/* Teklif için bilgi listesi */
.quote-sec { background: var(--film, #F3F1EC); }
.quote-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(28px, 6vw, 96px); align-items: start; }
.quote-copy h2 { margin: 0 0 14px; }
.quote-copy .lead { margin: 0 0 26px; color: var(--muted); max-width: 46ch; }
.quote-list { list-style: none; margin: 0; padding: 0; counter-reset: q; border-top: 1px solid var(--line); }
.quote-list li { position: relative; padding: 18px 0 18px 44px; border-bottom: 1px solid var(--line); font-weight: 600; }
.quote-list li::before { counter-increment: q; content: ""; position: absolute; left: 0; top: 50%; width: 22px; height: 2px; background: var(--l-evoh, #C8922E); transform: translateY(-50%); }
@media (max-width: 860px) { .quote-in { grid-template-columns: 1fr; } }
.vcard { border: 0; border-top: 1px solid var(--line); padding-left: 0; padding-right: 0; }
.lang-switch { color: var(--ink); border-color: rgba(0, 0, 0, .18); }
.lang-switch a:hover { background: rgba(0, 0, 0, .06); }
.lang-switch .lang-cur { background: rgba(0, 0, 0, .08); }
.page-home .site-header:not(.scrolled):not(.menu-on) .lang-switch { color: #fff; border-color: rgba(255, 255, 255, .3); }
.page-home .site-header:not(.scrolled):not(.menu-on) .lang-switch a:hover { background: rgba(255, 255, 255, .12); }
.page-home .site-header:not(.scrolled):not(.menu-on) .lang-switch .lang-cur { background: rgba(255, 255, 255, .18); }
@media (max-width: 980px) { .page-home .site-header .lang-switch { color: var(--ink); border-color: rgba(0, 0, 0, .18); } }

/* Katman hikâyesi: düz teknik kesit (3B levha yerine) */
.story-stage { perspective: none; min-height: 0; display: block; }
.story-stack { width: min(460px, 100%); aspect-ratio: auto; transform: none !important; display: grid; gap: 4px; padding: 6px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 6px; }
.story-sheet { position: relative; inset: auto; height: 70px; border-radius: 3px; border: 0; background: var(--c); transform: none !important; opacity: .9; box-shadow: none !important; display: flex; align-items: center; }
.story-sheet:nth-child(2) { height: 34px; }
.story-sheet:nth-child(3) { height: 54px; }
.story-sheet span { position: static; margin-left: 20px; font-size: 1rem; letter-spacing: .1em; color: #1B1D1F; text-shadow: none; }
.story-sheet:nth-child(n+3) span { color: #fff; }
.story-stack[data-active] .story-sheet { opacity: .35; filter: none; }
.story-stack[data-active] .story-sheet.on { opacity: 1; outline: 2px solid #fff; outline-offset: 2px; }
@media (max-width: 900px) { .story-stack { width: 100%; } .story-sheet { height: 52px; } .story-sheet:nth-child(2) { height: 28px; } .story-sheet:nth-child(3) { height: 40px; } }
.story-stage { margin-top: 44px; }
.story-sheet { height: 92px; }
.story-sheet:nth-child(2) { height: 44px; }
.story-sheet:nth-child(3) { height: 72px; }

/* v2.6 sectors */
.sectors-sec{background:#f4f5f6}
.sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.sector{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e5e8;overflow:hidden;color:inherit;text-decoration:none;transition:transform .35s,box-shadow .35s}
.sector:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(10,14,20,.35)}
.sector-img{display:block;aspect-ratio:4/3;overflow:hidden;background:#12151a}
.sector-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.sector:hover .sector-img img{transform:scale(1.05)}
.sector-body{display:flex;flex-direction:column;gap:8px;padding:22px 24px 26px}
.sector-body strong{font-size:1.15rem}
.sector-body em{font-style:normal;color:#5b6370;font-size:.95rem;line-height:1.5}
.sector-more{margin-top:6px;font-weight:600;font-size:.9rem;letter-spacing:.02em}
@media(max-width:980px){.sectors{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.sectors{grid-template-columns:1fr;gap:16px}}

/* v2.7 footer / map / cta / instagram */
.f-title{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#fff;margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12)}
.footer-contact{font-style:normal}
.f-list{display:grid;gap:16px;margin:0}
.f-list dt{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.48);margin-bottom:3px}
.f-list dd{margin:0;color:rgba(255,255,255,.88);line-height:1.5}
.footer-contact > a:first-child,.footer-contact a:first-child{font-size:inherit;font-weight:inherit}
.socials{margin-top:22px}
.footer-grid{align-items:start}
.cta2{background:#121415 var(--cta-img) center/cover no-repeat}
.cta2::before{background:linear-gradient(90deg,rgba(14,16,17,.96) 20%,rgba(14,16,17,.72) 70%,rgba(14,16,17,.55))}
.cta2 .cta-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:36px clamp(40px,6vw,88px);padding-top:clamp(64px,8vw,110px);padding-bottom:clamp(64px,8vw,110px)}
.cta2 .cta-in>div:first-child{flex:0 1 560px}
.cta2 .cta-actions{display:flex;flex-direction:column;gap:20px;padding-left:clamp(0px,4vw,56px);border-left:1px solid rgba(255,255,255,.18)}
.cta-phone{display:flex;flex-direction:column;gap:2px;font-size:1.5rem}
.cta-phone small{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:rgba(255,255,255,.55)}
@media(max-width:800px){.cta2 .cta-actions{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.18);padding-top:24px;width:100%}}
.map{min-height:480px}
.map iframe{filter:grayscale(.2) contrast(1.02)}
.map.loaded .map-cover{display:grid;position:absolute;left:clamp(16px,3vw,40px);top:clamp(16px,3vw,40px);bottom:auto;max-width:380px;background:rgba(18,20,21,.94);border-radius:14px;padding:26px 28px;box-shadow:0 24px 50px -20px rgba(0,0,0,.55);z-index:2;align-content:start}
.map.loaded .map-cover::before,.map.loaded .map-cover::after,.map.loaded .map-pin{display:none}
.map.loaded .map-cover h2{font-size:1.5rem}
@media(max-width:700px){.map{min-height:520px}.map.loaded .map-cover{right:16px;max-width:none}}
.ig-sec{background:#fff}
.ig-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px}
.ig-head h2{margin:0 0 8px}.ig-head p{margin:0;color:#5b6370}
.ig-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}
.ig-tile{display:block;aspect-ratio:1;overflow:hidden;background:#12151a;border-radius:6px}
.ig-tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .4s}
.ig-tile:hover img{transform:scale(1.06)}
@media(max-width:700px){.ig-grid{grid-template-columns:repeat(2,1fr);gap:10px}}

/* v2.8 layered hero */
.hs-bg picture.hs-layer{position:absolute;inset:0;display:block;pointer-events:none;will-change:transform;transform:translate3d(calc(var(--mx,0)*var(--d,0)*-1px),calc(var(--my,0)*var(--d,0)*-1px),0)}
.hs-bg picture.hs-layer img{width:100%;height:100%;object-fit:cover;object-position:100% 50%;animation:hsfloat 9s ease-in-out infinite}
.hs-bg picture.hs-mid img{animation-duration:11s;animation-delay:-3s}
.hs-bg picture.hs-near img{animation-duration:14s;animation-delay:-6s}
.hs-bg picture.hs-far img{animation-duration:16s;animation-delay:-9s}
@keyframes hsfloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(.25deg)}}
.hs-slide.is-active .hs-bg::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.07) 48%,transparent 60%);transform:translateX(-120%);animation:hssheen 7s ease-in-out 1.2s infinite;pointer-events:none}
@keyframes hssheen{0%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.hs-bg picture.hs-layer img,.hs-slide.is-active .hs-bg::after{animation:none}}
.hs-bg .hs-shade{z-index:2}
/* v2.8 story: active layered cross-section */
.story-stack{gap:6px !important;padding:14px !important;background:rgba(255,255,255,.03);border-radius:14px !important;backdrop-filter:blur(2px);position:relative}
.story-sheet{height:56px !important;position:relative;overflow:hidden;border-radius:6px !important;transition:height .7s cubic-bezier(.2,.8,.2,1),opacity .5s,transform .5s,box-shadow .5s !important;opacity:.55 !important;transform:translateX(0) !important}
.story-sheet::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%)}
.story-stack[data-active] .story-sheet.on{height:150px !important;opacity:1 !important;outline:0 !important;box-shadow:0 18px 50px -12px color-mix(in srgb,var(--c) 60%,transparent) !important;transform:translateX(0) scale(1.01) !important}
.story-stack[data-active] .story-sheet.on::after{animation:sheet 2.4s ease-in-out infinite}
@keyframes sheet{0%{transform:translateX(-120%)}60%,100%{transform:translateX(120%)}}
.story-stack:not([data-active]) .story-sheet{opacity:.9 !important}
.story-sheet span{font-size:1.05rem !important;transition:font-size .5s}
.story-stack[data-active] .story-sheet.on span{font-size:1.9rem !important}
.story-step{transition:opacity .5s,border-color .5s,transform .5s}
.story-step.on{transform:translateX(8px)}
@media(max-width:900px){.story-sheet{height:44px !important}.story-stack[data-active] .story-sheet.on{height:96px !important}}

/* v2.9 layer explorer */
.lx{background:#101213;color:rgba(255,255,255,.8);padding:var(--sect) 0;position:relative;overflow:hidden}
.lx::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 20% 60%,rgba(200,146,46,.09),transparent 70%);pointer-events:none}
.lx-head{max-width:640px;margin-bottom:clamp(36px,5vw,64px)}
.lx-head h2{color:#fff;font-size:var(--fs-5);font-stretch:100%;font-weight:700}
.lx-head p{margin-top:16px}
.lx-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,7vw,110px);align-items:center}
.lx-diagram{position:relative;padding:34px 0}
.lx-cap{position:absolute;left:0;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.lx-cap-top{top:0}.lx-cap-bot{bottom:0}
.lx-stack{display:grid;gap:4px;perspective:900px}
.lx-sheet{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 24px;border-radius:4px;background:var(--c);color:#16181a;font-weight:700;letter-spacing:.12em;font-size:.95rem;cursor:pointer;opacity:.42;transform-origin:50% 100%;transition:height .7s cubic-bezier(.2,.8,.2,1),opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .6s;position:relative;overflow:hidden;width:calc(100% * var(--w) / 1.5 + 0%)}
.lx-sheet:nth-child(n+3) span{color:#fff}
.lx-sheet::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translateX(-130%)}
.lx-sheet.on{height:128px;opacity:1;box-shadow:0 24px 60px -18px var(--c);font-size:1.5rem}
.lx-sheet.on::after{animation:lxs 2.8s ease-in-out infinite}
@keyframes lxs{0%{transform:translateX(-130%)}60%,100%{transform:translateX(130%)}}
.lx-list{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.12)}
.lx-item{position:relative;border-bottom:1px solid rgba(255,255,255,.12)}
.lx-btn{all:unset;box-sizing:border-box;display:grid;grid-template-columns:44px 1fr auto;align-items:baseline;gap:8px;width:100%;padding:24px 4px;cursor:pointer;color:rgba(255,255,255,.55);transition:color .4s}
.lx-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.lx-btn h3{color:inherit;font-size:clamp(1.6rem,1.1rem + 1.6vw,2.4rem);font-stretch:100%;font-weight:700;margin:0}
.lx-no{font-size:.8rem;font-weight:700;letter-spacing:.1em;color:var(--c)}
.lx-note{font-size:.95rem;color:var(--c);opacity:0;transform:translateX(-8px);transition:opacity .4s,transform .4s}
.lx-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.2,.8,.2,1)}
.lx-body>div{overflow:hidden}
.lx-body p{margin:0;padding:0 4px 26px 52px;max-width:46ch}
.lx-item.on .lx-btn{color:#fff}
.lx-item.on .lx-note{opacity:1;transform:none}
.lx-item.on .lx-body{grid-template-rows:1fr}
.lx-bar{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--c)}
.lx-item.on .lx-bar{animation:lxbar var(--dur,6s) linear forwards}
.lx.paused .lx-item.on .lx-bar{animation:none;width:100%}
@keyframes lxbar{to{width:100%}}
@media(max-width:900px){.lx-grid{grid-template-columns:1fr}.lx-sheet{height:46px;width:100%}.lx-sheet.on{height:92px}.lx-btn{grid-template-columns:36px 1fr;padding:20px 2px}.lx-note{display:none}.lx-body p{padding-left:44px}}
@media(prefers-reduced-motion:reduce){.lx-item.on .lx-bar,.lx-sheet.on::after{animation:none}}
.f-ig{display:inline-flex;align-items:center;gap:10px}.f-ig svg{width:18px;height:18px}
.hs,.hs-bg{overflow:hidden}html,body{overflow-x:clip}

/* v2.10 layer section — restrained corporate */
.lx::before{display:none}
.lx-diagram{padding:36px 0 38px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.lx-cap{left:0;font-size:.7rem;letter-spacing:.18em;color:rgba(255,255,255,.5)}
.lx-cap-top{top:12px}.lx-cap-bot{bottom:12px}
.lx-stack{gap:2px;margin:18px 0}
.lx-sheet{width:100% !important;height:var(--h) !important;border-radius:2px;opacity:.5;font-size:.8rem !important;letter-spacing:.16em;box-shadow:none !important;transform:none !important;transition:opacity .45s,outline-color .45s,filter .45s}
.lx-sheet::after{display:none}
.lx-sheet.on{opacity:1;height:var(--h) !important;outline:1px solid #fff;outline-offset:3px;font-size:.8rem !important}
.lx-list{border-top:0}
.lx-item{border-bottom:1px solid rgba(255,255,255,.12)}
.lx-item:first-child{border-top:1px solid rgba(255,255,255,.12)}
.lx-btn{grid-template-columns:4px 1fr !important;gap:0 22px !important;padding:22px 0 !important;align-items:center}
.lx-mark{grid-row:1 / span 2;align-self:stretch;width:3px;background:rgba(255,255,255,.14);transition:background .4s}
.lx-item.on .lx-mark{background:var(--c)}
.lx-btn h3{font-weight:600 !important;font-size:clamp(1.3rem,1rem + 1vw,1.75rem) !important}
.lx-note{grid-column:2;display:block !important;opacity:1 !important;transform:none !important;color:rgba(255,255,255,.55) !important;font-size:.88rem !important;margin-top:4px}
.lx-body p{padding:0 0 24px 26px !important}
.lx-bar{display:none}
@media(max-width:900px){.lx-btn{grid-template-columns:4px 1fr !important}.lx-note{display:block !important}.lx-sheet{height:calc(var(--h) * .75) !important}.lx-body p{padding-left:26px !important}}

/* v2.11 search, layer transitions */
.nav-search{all:unset;box-sizing:border-box;width:42px;height:42px;display:inline-grid;place-items:center;border-radius:50%;cursor:pointer;color:inherit;transition:background .25s}
.nav-search:hover{background:rgba(127,127,127,.18)}.nav-search:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.nav-search svg{width:20px;height:20px;fill:currentColor}
.nav-search-m{display:none}
@media(max-width:1020px){.nav-search-d{display:none}.nav-search-m{display:inline-grid;margin-left:auto;margin-right:6px;position:relative;z-index:60}}
.search-ov{position:fixed;inset:0;z-index:200;background:rgba(10,12,14,.72);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;padding:min(14vh,120px) 16px 16px}
.search-ov[hidden]{display:none}
.search-box{width:min(680px,100%);background:#fff;color:#16181a;border-radius:10px;box-shadow:0 40px 90px -30px rgba(0,0,0,.6);overflow:hidden;animation:srch .25s ease}
@keyframes srch{from{opacity:0;transform:translateY(-10px)}}
.search-form{display:flex;align-items:center;gap:12px;padding:6px 10px 6px 20px;border-bottom:1px solid #e3e5e8}
.search-form svg{width:22px;height:22px;fill:#5b6370;flex:none}
.search-form input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:1.1rem;padding:16px 0;background:none;color:inherit}
.search-close{all:unset;cursor:pointer;width:40px;height:40px;display:grid;place-items:center;font-size:1.7rem;color:#5b6370;border-radius:50%}
.search-close:hover{background:#f1f2f3}
.search-res{list-style:none;margin:0;padding:6px;max-height:min(55vh,420px);overflow:auto}
.search-res a{display:grid;grid-template-columns:1fr auto;gap:2px 14px;padding:12px 14px;border-radius:6px;color:inherit;text-decoration:none}
.search-res a:hover,.search-res a.on{background:#f3f4f5}
.search-res strong{font-weight:600}.search-res small{color:#5b6370;grid-column:1}.search-res em{grid-row:1 / span 2;grid-column:2;align-self:center;font-style:normal;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#8a919c}
.search-none{margin:0;padding:22px 24px;color:#5b6370}
.lx-sheet{transition:height .7s cubic-bezier(.2,.8,.2,1),opacity .5s,outline-color .5s !important}
.lx-sheet.on{height:calc(var(--h) * 1.9) !important}
.lx-item{transition:background .5s}.lx-item.on{background:linear-gradient(90deg,rgba(255,255,255,.04),transparent)}
.lx-body{transition:grid-template-rows .7s cubic-bezier(.2,.8,.2,1)}
.lx-body p{opacity:0;transform:translateY(6px);transition:opacity .6s .15s,transform .6s .15s}
.lx-item.on .lx-body p{opacity:1;transform:none}
@media(max-width:900px){.lx-sheet.on{height:calc(var(--h) * 1.5) !important}}
.hs-photo{object-position:50% 50% !important}
/* v2.11 fixes */
.page-home .site-header:not(.scrolled):not(.menu-on) .nav-search{color:#fff}
.site-header .nav-search{color:#16181a}
.page-home .site-header:not(.scrolled) .nav-search{color:#fff}
.page-home .site-header.menu-on .nav-search-m,.page-home .site-header.scrolled .nav-search{color:#16181a}
.search-form input::-webkit-search-cancel-button,.search-form input::-webkit-search-decoration{-webkit-appearance:none;display:none}
.hs-shade{background:linear-gradient(90deg,rgba(14,15,16,.93) 0%,rgba(14,15,16,.78) 40%,rgba(14,15,16,.3) 62%,rgba(14,15,16,0) 80%),linear-gradient(0deg,rgba(14,15,16,.55) 0%,rgba(14,15,16,0) 28%),linear-gradient(180deg,rgba(14,15,16,.55) 0%,rgba(14,15,16,0) 18%)}
@media(max-width:760px){.hs-shade{background:linear-gradient(180deg,rgba(14,15,16,.95) 0%,rgba(14,15,16,.85) 42%,rgba(14,15,16,.35) 66%,rgba(14,15,16,0) 82%)}}
.nav-search svg,.search-form svg{fill:none !important;stroke:currentColor;stroke-width:2;stroke-linecap:round}.search-form svg{stroke:#5b6370}
/* v2.12 header rhythm, clean hero, scroll-driven layers */
@media(min-width:1021px){
  .header-in{gap:clamp(24px,3vw,48px)}
  .nav{gap:clamp(20px,2vw,32px) !important;margin-right:clamp(0px,2.4vw,44px)}
  .nav ul{gap:clamp(20px,2.1vw,34px) !important}
  .nav-search-d{margin-left:-8px}
}
.hs-shade{background:none !important}
.hs-slide h1,.hs-slide h2,.hs-slide p,.hs-sub,.hs-slide .hs-kicker{text-shadow:0 2px 26px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.35)}
@media(max-width:760px){.hs-shade{background:linear-gradient(180deg,rgba(10,11,12,.5) 0%,rgba(10,11,12,.3) 55%,rgba(10,11,12,.1) 100%) !important}}
.lx{overflow:clip;padding:0}
.lx-track{height:calc(100svh * (var(--n) * .8 + .4))}
.lx-sticky{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;padding:clamp(84px,11vh,120px) 0 clamp(28px,5vh,56px)}
.lx-sticky>.wrap{width:100%}
.lx-head{margin-bottom:clamp(18px,3.4vh,44px)}
.lx-head h2{font-size:clamp(1.9rem,1.2rem + 2.2vw,3.2rem)}
.lx-head p{margin-top:10px;max-width:56ch}
.lx-diagram{padding:30px 0 34px}
.lx-sheet{cursor:default !important;pointer-events:none}
.lx-btn{cursor:default !important}
.lx-hint{display:flex;align-items:center;gap:14px;margin-top:clamp(16px,3vh,34px);color:rgba(255,255,255,.5);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.lx-hint i{display:block;width:120px;height:2px;background:rgba(255,255,255,.16);position:relative;overflow:hidden}
.lx-hint b{position:absolute;inset:0;background:#fff;transform-origin:left;transform:scaleX(var(--p,0));transition:transform .2s linear}
:root:not(.js) .lx-track{height:auto}
:root:not(.js) .lx-sticky{position:static}
@media(max-width:900px){
  .lx-sticky{padding-top:84px}
  .lx-head p{display:none}
  .lx-grid{gap:18px}
  .lx-diagram{padding:26px 0 28px}
  .lx-sheet{height:calc(var(--h) * .6) !important}
  .lx-sheet.on{height:calc(var(--h) * 1.15) !important}
  .lx-btn{padding:14px 0 !important}
  .lx-btn h3{font-size:1.25rem !important}
  .lx-body p{padding-bottom:14px !important;font-size:.95rem}
}
@media(prefers-reduced-motion:reduce){.lx-track{height:auto}.lx-sticky{position:static}.lx-item .lx-body{grid-template-rows:1fr}.lx-item .lx-body p{opacity:1;transform:none}}
@media(min-width:1021px){.nav ul{margin-right:0 !important}.nav-cta{margin-left:clamp(10px,1vw,18px) !important}}
.hs-slide.is-active .hs-content::before,.hs-slide .hs-copy::before{content:none}
.hs-bg::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 52% 62% at 24% 56%,rgba(8,9,10,.5),rgba(8,9,10,0) 72%)}
@media(max-width:760px){.hs-bg::before{display:none}}
@media(min-width:1021px){.nav>ul{position:static !important;transform:none !important}.nav{flex:0 0 auto}}

/* v2.13 hero legibility */
.hs-shade{background:linear-gradient(90deg,rgba(8,9,10,.5) 0%,rgba(8,9,10,.34) 45%,rgba(8,9,10,.12) 75%,rgba(8,9,10,.05) 100%),linear-gradient(0deg,rgba(8,9,10,.5) 0%,rgba(8,9,10,0) 30%),linear-gradient(180deg,rgba(8,9,10,.5) 0%,rgba(8,9,10,0) 20%) !important}
.hs-photo{filter:saturate(.92) brightness(.9)}
.hs-bg::before{background:radial-gradient(ellipse 58% 68% at 24% 54%,rgba(6,7,8,.62),rgba(6,7,8,0) 74%)}
.hs-slide h1,.hs-slide h2{text-shadow:0 2px 30px rgba(0,0,0,.7),0 1px 4px rgba(0,0,0,.45)}
.hs-slide p,.hs-sub{color:#fff !important;text-shadow:0 1px 18px rgba(0,0,0,.75),0 1px 3px rgba(0,0,0,.5)}
.hs-slide .hs-kicker,.hs-slide .hs-eyebrow{color:#fff !important;opacity:1 !important}
.hs-label{color:rgba(255,255,255,.88) !important;text-shadow:0 1px 12px rgba(0,0,0,.7)}
.hs-dots button[aria-current] .hs-label{color:#fff !important}
@media(max-width:760px){.hs-shade{background:linear-gradient(180deg,rgba(8,9,10,.62) 0%,rgba(8,9,10,.5) 50%,rgba(8,9,10,.28) 100%) !important}}

/* v2.13 layer section refinement */
.lx-diagram{padding:44px clamp(22px,3vw,40px);border:1px solid rgba(255,255,255,.1);border-radius:6px;background:
  linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/100% 28px,
  linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/28px 100%,
  linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.01))}
.lx-stack{display:flex;flex-direction:column;gap:6px}
.lx-sheet{border-radius:3px;background-image:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 46%,rgba(0,0,0,.14));background-color:var(--c);opacity:.34;outline:0 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35) !important;padding:0 20px !important}
.lx-sheet.on{opacity:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 18px 44px -20px var(--c) !important}
.lx-sheet span{font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}
.lx-cap{font-size:.68rem !important;letter-spacing:.2em !important;color:rgba(255,255,255,.5) !important}
.lx-list{position:relative;padding-left:34px}
.lx-list::before,.lx-list::after{content:"";position:absolute;left:5px;top:22px;width:2px;border-radius:2px}
.lx-list::before{bottom:22px;background:rgba(255,255,255,.12)}
.lx-list::after{height:var(--lh,0px);max-height:calc(100% - 44px);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.5));transition:height .5s ease}
.lx-item,.lx-item:first-child{border:0 !important;position:relative}
.lx-item{background:none !important}
.lx-item+.lx-item{border-top:1px solid rgba(255,255,255,.08) !important}
.lx-btn{grid-template-columns:1fr !important;gap:0 !important;padding:20px 0 !important}
.lx-mark{display:block !important;position:absolute;left:-34px;top:28px;width:12px !important;height:12px;border-radius:50%;background:#14171a !important;border:2px solid rgba(255,255,255,.32);transition:background .4s,border-color .4s,transform .4s,box-shadow .4s}
.lx-item.done .lx-mark{border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.9) !important}
.lx-item.on .lx-mark{border-color:var(--c);background:var(--c) !important;transform:scale(1.3);box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 28%,transparent)}
.lx-btn h3{color:rgba(255,255,255,.55);transition:color .4s}
.lx-item.on .lx-btn h3,.lx-item.done .lx-btn h3{color:#fff}
.lx-note{grid-column:1 !important;font-size:.82rem !important;letter-spacing:.04em}
.lx-body p{padding:0 0 22px 0 !important;max-width:46ch}
@media(max-width:900px){
  .lx-diagram{padding:26px 18px}
  .lx-list{padding-left:28px}
  .lx-mark{left:-28px;top:22px}
  .lx-list::before,.lx-list::after{left:5px}
  .lx-btn{grid-template-columns:1fr !important}
  .lx-body p{padding-left:0 !important}
}
.lx-cap{left:clamp(22px,3vw,40px) !important;right:auto !important}
.lx-cap-top{top:14px !important}.lx-cap-bot{bottom:14px !important}
@media(max-width:900px){.lx-cap{left:18px !important}}

/* v2.15 katman bölümü - sade kurumsal düzen */
.lyr{position:relative;background:#101214;color:#fff;padding:clamp(64px,9vw,120px) 0;overflow:hidden;isolation:isolate}
.lyr-bg{position:absolute;inset:0;z-index:-1}
.lyr-bg img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.28;filter:grayscale(.35)}
.lyr-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101214 0%,rgba(16,18,20,.82) 55%,rgba(16,18,20,.6) 100%),linear-gradient(180deg,#101214 0%,transparent 25%,transparent 75%,#101214 100%)}
.lyr-head{max-width:640px}
.lyr-head h2{color:#fff;font-size:clamp(1.9rem,1.2rem + 2.2vw,3.2rem);font-weight:700}
.lyr-head p{margin-top:14px;color:rgba(255,255,255,.78);max-width:56ch}
.lyr-section{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:clamp(34px,5vw,60px) 0 clamp(24px,3vw,40px)}
.lyr-end{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.55);white-space:nowrap}
.lyr-strip{display:flex;height:56px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.lyr-strip i{flex:1;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:600;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 55%,rgba(0,0,0,.12)),var(--c);color:#16181a}
.lyr-strip i:nth-child(n+3){color:#fff}
.lyr-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(16px,2.2vw,28px);list-style:none;margin:0;padding:0}
.lyr-item{position:relative;padding:26px 24px 28px;background:rgba(16,18,20,.72);border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--c);backdrop-filter:blur(6px)}
.lyr-item h3{color:#fff;font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem);font-weight:700}
.lyr-note{display:block;margin:4px 0 14px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.lyr-item p{color:rgba(255,255,255,.82);line-height:1.65;font-size:.98rem}
@media(max-width:700px){
  .lyr-section{grid-template-columns:1fr;gap:8px}
  .lyr-end{display:none}
  .lyr-strip{height:46px}
  .lyr-item{padding:20px 18px 22px}
}

/* v2.16 hero: butonlar ile slayt başlıkları arasında boşluk */
@media(min-width:761px){.hs-in{padding-bottom:190px !important}}

/* v2.17 hero: tabları yukarı al, başlık boyutu orijinal */
@media(min-width:761px){
  .hs-ui{bottom:clamp(52px,8vh,76px) !important}
  .hs-in{padding-bottom:clamp(160px,24vh,220px) !important}
  .hs-sub{margin-bottom:clamp(14px,2.2vh,24px)}
  .hs-copy p:not(.hs-sub){max-width:46ch;margin-top:clamp(16px,2.6vh,28px);line-height:1.6}
  .hs-copy .btns,.hs-copy .hs-actions,.hs-copy .hs-btns{margin-top:clamp(22px,3.6vh,40px)}
}
@media(min-width:761px) and (max-height:820px){
  .hs-title{font-size:clamp(2.6rem,1.2rem + 4.6vw,5.4rem)}
  h2.hs-title{font-size:clamp(2.4rem,1.2rem + 3.8vw,4.6rem)}
}

/* hero sekmeleri: 2 satır yukarı, bir tık büyük */
@media(min-width:761px){
  .hs-ui{bottom:clamp(104px,15vh,140px) !important}
  .hs-in{padding-bottom:clamp(200px,29vh,270px) !important}
}
.hs-label{font-size:calc(var(--fs-0) + 2px) !important}
.hs-dots button{min-width:0}
@media(min-width:1101px){.hs-dots{gap:16px}.hs-dots button{width:auto !important;min-width:176px}.hs-label{overflow:visible !important;text-overflow:clip !important}}


/* v2.22 mobil hero: içerik dikeyde dengeli, alt boşluk yok */
@media(max-width:760px){
  .hs-in{align-content:center !important;padding-top:calc(var(--hdr) + 18px) !important;padding-bottom:104px !important}
  .hs-title,h2.hs-title{font-size:clamp(34px,10.4vw,48px) !important;line-height:1.02 !important}
  .hs-copy p:not(.hs-sub){margin-top:16px}
}
@media(max-width:760px) and (max-height:620px){
  .hs-title,h2.hs-title{font-size:clamp(28px,8.4vw,36px) !important}
  .hs-in{padding-bottom:84px !important}
}

/* v2.23 sertifikalar, altbilgi boşluğu */
.certs{background:#fff;border-top:1px solid rgba(0,0,0,.06)}
.certs-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}
.certs-copy h2{font-size:clamp(1.7rem,1.2rem + 1.6vw,2.5rem)}
.certs-copy p{margin-top:14px;max-width:48ch;color:var(--muted,#55606b)}
.certs-list{display:flex;flex-wrap:wrap;gap:8px 10px;margin:20px 0 0;padding:0;list-style:none}
.certs-list li{padding:6px 12px;border:1px solid rgba(15,27,42,.16);border-radius:2px;font-size:.82rem;font-weight:600;letter-spacing:.04em}
.certs-fig{margin:0;display:flex;justify-content:center}
.certs-fig img{width:100%;max-width:760px;height:auto;display:block}
@media(max-width:860px){.certs-in{grid-template-columns:1fr}.certs-fig{justify-content:flex-start}}
@media(max-width:700px){.site-footer{padding-bottom:0 !important}}
/* v2.25 üst şerit: sosyal + dil + arama aynı boyutta; Teklif Alın en sağda */
.topbar-social{gap:6px}
.topbar-social>a,.topbar-search{all:unset;box-sizing:border-box;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;color:rgba(255,255,255,.85);cursor:pointer;transition:background .2s,color .2s}
.topbar-social>a:hover,.topbar-search:hover{background:rgba(255,255,255,.12);color:#fff}
.topbar-search:focus-visible,.topbar-social>a:focus-visible{outline:2px solid #fff;outline-offset:1px}
.topbar-social>a svg,.topbar-search svg{width:18px;height:18px;opacity:1}
.topbar-search svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.topbar-tools-sep{margin:0 6px}
.topbar .lang-top{display:inline-flex;gap:2px;padding:0;border:0;font-size:12px;color:rgba(255,255,255,.85) !important;margin:0}
.topbar .lang-top a,.topbar .lang-top .lang-cur{height:32px;padding:0 9px 0 7px;gap:6px;border-radius:8px;opacity:.75}
.topbar .lang-top .lang-cur{opacity:1;background:rgba(255,255,255,.14) !important}
.topbar .lang-top a:hover{opacity:1;background:rgba(255,255,255,.12) !important}
.topbar .lang-top .flag{width:22px;height:15px}
@media(min-width:1021px){
  .nav .lang-switch,.nav .nav-search-d{display:none !important}
}
@media(max-width:1020px){
  .topbar .lang-top,.topbar-search,.topbar-tools-sep{display:none !important}
}
.topbar .lang-top a,.topbar .lang-top .lang-cur{width:auto !important;display:inline-flex;align-items:center;justify-content:flex-start}
.topbar .lang-top .flag{flex:none}
@media(min-width:1021px){.nav{margin-right:0 !important}}
/* v2.26 menü tam ortada */
@media(min-width:1021px){
  .header-in{position:relative}
  .nav{position:static !important;margin-left:auto}
  .nav>ul{position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;margin:0 !important}
}
@media(min-width:1021px){.nav ul.sub{gap:2px !important}}
/* v2.27 üst şerit ve menü satırı tam genişlik: sağ öğeler ekranın sağ kenarında */
@media(min-width:1021px){
  .site-header .topbar>.wrap,.site-header>.header-in{max-width:none;padding-left:clamp(20px,3vw,56px);padding-right:clamp(20px,3vw,56px)}
}
/* v2.28 İngilizce hero: başlık 2 satır, açıklama daha geniş; kısa ekranlarda sekmelerle çakışmaz */
@media(min-width:761px){
  html[lang=en] .hs-title{max-width:13.5ch}
  html[lang=en] .hs-copy p:not(.hs-sub),html[lang=en] .hs-text{max-width:56ch}
  .hs-in{padding-bottom:clamp(190px,27vh,270px) !important}
  .hs-ui{bottom:clamp(60px,12vh,140px) !important}
}
@media(min-width:761px) and (max-height:760px){
  .hs-title{font-size:clamp(2.4rem,1rem + 4vw,4.6rem) !important}
  h2.hs-title{font-size:clamp(2.2rem,1rem + 3.4vw,4rem) !important}
  .hs-text,.hs-copy p:not(.hs-sub){font-size:clamp(15px,1.25vw,18px) !important;line-height:1.5 !important;margin-top:14px !important}
  .hs-sub{margin-bottom:12px !important}
  .hs-in{padding-bottom:clamp(150px,24vh,190px) !important}
}
/* v2.29 iletişim: iki harita (satış ofisi + fabrika); kurumsal sayfa görselleri */
.maps{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,32px);margin-top:clamp(48px,6vw,80px)}
.map-item{margin:0;display:grid;grid-template-rows:auto 1fr;border-radius:var(--r-card);overflow:hidden;background:var(--navy);color:#fff}
.map-frame{position:relative;min-height:360px;background:var(--film)}
.map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.2) contrast(1.02)}
.map-item figcaption{display:grid;gap:10px;justify-items:start;align-content:start;padding:22px 26px 26px}
.map-item h2{color:#fff;font-size:1.35rem;margin:0}
.map-item address{font-style:normal;color:rgba(255,255,255,.82);line-height:1.5}
@media(max-width:800px){.maps{grid-template-columns:1fr}.map-frame{min-height:300px}}
.about-aside .brand-panel{aspect-ratio:4/3}
.about-aside .brand-panel::before{display:none}
.page-head.about-head{background:linear-gradient(90deg,rgba(14,26,48,.94) 0%,rgba(14,26,48,.8) 48%,rgba(14,26,48,.55) 100%),url("../img/hakkimizda2.jpg") center 38% / cover no-repeat,var(--navy)}
.page-head.about-head::before{display:none}
@media(max-width:700px){.page-head.about-head{background:linear-gradient(180deg,rgba(14,26,48,.9),rgba(14,26,48,.72)),url("../img/hakkimizda2.jpg") center 40% / cover no-repeat,var(--navy)}}
/* v2.30 kurumsal: Hakkımızda bölümünün arkasında da hakkimizda2 görseli (açık katmanla) */
#hakkimizda.anchor-sec{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.92) 55%,rgba(255,255,255,.8) 100%),url("../img/hakkimizda2.jpg") center 35% / cover no-repeat}
@media(max-width:900px){#hakkimizda.anchor-sec{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.92)),url("../img/hakkimizda2.jpg") center 35% / cover no-repeat}}
/* v2.31 kurumsal: tek görsel, başlık ve Hakkımızda bölümü boyunca iç içe */
.about-top{background:url("../img/hakkimizda2.jpg") center 30% / cover no-repeat,var(--navy)}
.about-top .page-head.about-head{background:linear-gradient(90deg,rgba(14,26,48,.92),rgba(14,26,48,.62))}
.about-top #hakkimizda.anchor-sec{background:linear-gradient(180deg,rgba(255,255,255,.93),rgba(255,255,255,.97))}
.about-top .about-main{grid-template-columns:minmax(0,1fr)}
.about-top .about-main .rich{max-width:72ch}
@media(max-width:700px){.about-top{background-position:center 20%}}
/* v2.32 kurumsal: fotoğraflar arka plan değil, kırpılmadan görünür */
.about-top,.about-top .page-head.about-head,.about-top #hakkimizda.anchor-sec{background:none}
.about-photos{display:grid;grid-template-columns:1.39fr .79fr;gap:clamp(14px,2vw,28px);align-items:start;margin-top:clamp(36px,5vw,64px)}
.about-photos figure{margin:0;border-radius:var(--r-card);overflow:hidden;background:var(--film)}
.about-photos img{display:block;width:100%;height:auto}
@media(max-width:700px){.about-photos{grid-template-columns:1fr}}
.about-top .about-main .rich{max-width:72ch}
#hakkimizda .about-main{grid-template-columns:minmax(0,1fr)}#hakkimizda .about-main .rich{max-width:72ch}

#hakkimizda.anchor-sec{background:none !important}
.page-head.about-head{background:var(--navy)}
/* v2.33 kurumsal: başlık + Hakkımızda ortak arka plan (tek ton, bitişik); iki fotoğraf aynı ölçüde */
.about-top{background:linear-gradient(rgba(12,24,44,.74),rgba(12,24,44,.74)),url("../img/hakkimizda2.jpg") center 32% / cover no-repeat,var(--navy)}
.about-top .page-head.about-head{background:none}
.about-top .page-head.about-head::before,.about-top .page-head.about-head::after{display:none}
.about-top #hakkimizda.anchor-sec{background:none !important;padding-top:clamp(8px,2vw,24px)}
.about-top #hakkimizda h2,.about-top #hakkimizda .rich,.about-top #hakkimizda .rich p,.about-top #hakkimizda .rich p:first-child{color:#fff}
.about-top #hakkimizda .rich p:not(:first-child){color:rgba(255,255,255,.88)}
.about-photos{grid-template-columns:1fr 1fr !important}
.about-photos figure{aspect-ratio:4/3}
.about-photos img{width:100%;height:100%;object-fit:cover}
.about-photos figure:nth-child(2) img{object-position:50% 62%}
@media(max-width:700px){.about-photos{grid-template-columns:1fr !important}}
/* v2.34 kurumsal: arka plan geniş tesis fotoğrafı, yazılar daha beyaz; fotoğraflar arka planın dışında */
.about-top{background:linear-gradient(rgba(10,20,38,.78),rgba(10,20,38,.78)),url("../img/hakkimizda.jpg") center 45% / cover no-repeat,var(--navy)}
.about-top .page-head h1,.about-top .page-head .lead,.about-top #hakkimizda h2,.about-top #hakkimizda .rich,.about-top #hakkimizda .rich p,.about-top #hakkimizda .rich p:not(:first-child),.about-top #hakkimizda .rich p:first-child{color:#fff !important;text-shadow:0 1px 14px rgba(0,0,0,.55)}
.about-top .page-head .lead{color:#fff !important}
.about-top .crumbs,.about-top .crumbs a{color:rgba(255,255,255,.92)}
.about-gallery{padding-top:clamp(36px,5vw,64px);padding-bottom:clamp(36px,5vw,64px)}
.about-gallery .about-photos{margin-top:0}
/* v2.36 uzun hero başlığı */
.hs-title.is-long,html[lang=en] .hs-title.is-long{max-width:21ch !important}
@media(min-width:761px){.hs-title.is-long,h2.hs-title.is-long{font-size:clamp(2.2rem,1rem + 3.5vw,4.3rem) !important;line-height:1.04}}
@media(min-width:761px) and (max-height:760px){.hs-title.is-long,h2.hs-title.is-long{font-size:clamp(2rem,.8rem + 3vw,3.6rem) !important}}
@media(max-width:760px){.hs-title.is-long,h2.hs-title.is-long{font-size:clamp(28px,8.6vw,38px) !important;max-width:none !important}}