/* Burkanlar Tekstil — yeni site
   Harici font/CDN yok (KVKK ve hız). Mantıksal özellikler kullanıldığı için RTL (Arapça) eklemeye hazır. */

:root {
  --brand: #2e3192;
  --brand-dark: #1f2270;
  --ink: #14163f;
  --text: #2b2d42;
  --muted: #5e6177;
  --steel: #8e93a3;
  --cream: #f6f4ef;
  --paper: #ffffff;
  --line: #e4e1d9;
  --gold: #b8893a;
  --radius: 14px;
  --shadow: 0 10px 30px rgba(20, 22, 63, .10);
  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 84px; -webkit-text-size-adjust: 100%; }
body { margin: 0; font: 17px/1.65 var(--sans); color: var(--text); background: var(--paper); }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--brand); text-underline-offset: 3px; }
a:hover { color: var(--brand-dark); }
h1, h2, h3 { font-family: var(--serif); color: var(--ink); line-height: 1.18; margin: 0 0 .5em; font-weight: 600; letter-spacing: -.01em; }
h1 { font-size: clamp(2.2rem, 5.2vw, 3.9rem); }
h2 { font-size: clamp(1.7rem, 3.4vw, 2.5rem); }
h3 { font-size: 1.2rem; }
p { margin: 0 0 1em; }
ul, ol { margin: 0; padding: 0; list-style: none; }
dl, dd { margin: 0; }
:focus-visible { outline: 3px solid #7a7fff; outline-offset: 3px; border-radius: 4px; }

.wrap { width: min(1180px, 100% - 40px); margin-inline: auto; }
.skip { position: absolute; inset-inline-start: 12px; top: -60px; background: var(--ink); color: #fff; padding: 10px 16px; border-radius: 8px; z-index: 100; }
.skip:focus { top: 12px; }
.center { text-align: center; margin-top: 2.2rem; }

/* ---------- Butonlar ---------- */
.btn { display: inline-flex; align-items: center; gap: .5em; padding: .85em 1.5em; border-radius: 999px; background: var(--brand); color: #fff; font-weight: 600; font-size: .98rem; text-decoration: none; border: 2px solid var(--brand); transition: background .2s, color .2s, transform .2s, border-color .2s; cursor: pointer; }
.btn:hover { background: var(--brand-dark); border-color: var(--brand-dark); color: #fff; transform: translateY(-1px); }
.btn-small { padding: .55em 1.1em; font-size: .9rem; }
.btn-outline { background: transparent; color: var(--brand); }
.btn-outline:hover { background: var(--brand); color: #fff; }
.btn-light { background: #fff; color: var(--brand-dark); border-color: #fff; }
.btn-light:hover { background: var(--cream); color: var(--ink); border-color: var(--cream); }
.btn-ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,.55); }
.btn-ghost:hover { background: rgba(255,255,255,.14); border-color: #fff; color: #fff; }

/* ---------- Üst bar ---------- */
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.94); backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid transparent; transition: border-color .2s, box-shadow .2s; }
.site-header.scrolled { border-color: var(--line); box-shadow: 0 6px 20px rgba(20,22,63,.06); }
.bar { display: flex; align-items: center; gap: 20px; min-height: 72px; }
.brand { display: block; line-height: 0; }
.brand img { width: 108px; height: auto; }
.nav { display: flex; align-items: center; gap: 22px; margin-inline-start: auto; }
.nav ul { display: flex; gap: 22px; }
.nav a:not(.btn) { color: var(--ink); text-decoration: none; font-size: .95rem; font-weight: 500; padding: 6px 0; border-bottom: 2px solid transparent; }
.nav a:not(.btn):hover { border-color: var(--gold); }

.lang { position: relative; }
.lang summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: .88rem; font-weight: 600; color: var(--ink); user-select: none; }
.lang summary::-webkit-details-marker { display: none; }
.lang summary:hover { border-color: var(--steel); }
.globe { width: 14px; height: 14px; border: 1.6px solid currentColor; border-radius: 50%; position: relative; }
.globe::before, .globe::after { content: ""; position: absolute; border: 1.2px solid currentColor; border-radius: 50%; inset: -1.6px 3.4px; }
.globe::after { inset: 4.2px -1.6px; border-radius: 0; border-width: 1.2px 0 0; border-color: currentColor; height: 0; }
.lang ul { position: absolute; inset-inline-end: 0; top: calc(100% + 8px); min-width: 170px; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); padding: 6px; }
.lang li a { display: block; padding: 9px 12px; border-radius: 8px; color: var(--ink); text-decoration: none; font-size: .95rem; }
.lang li a:hover, .lang li a[aria-current] { background: var(--cream); }
.lang li a[aria-current] { font-weight: 700; color: var(--brand); }

.burger { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 12px; background: #fff; padding: 0; cursor: pointer; flex-direction: column; justify-content: center; align-items: center; gap: 4px; }
.burger span { width: 20px; height: 2px; background: var(--ink); border-radius: 2px; transition: transform .2s, opacity .2s; }
.burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* ---------- Kumaş desenleri (fotoğraf gelene kadar yer tutucu) ---------- */
.swatch, .fabric, .video-art { background-color: #3a4a8f; position: relative; overflow: hidden; }
.swatch { aspect-ratio: 4 / 3; width: 100%; }
.swatch.big { aspect-ratio: 5 / 4; border-radius: var(--radius); }
.swatch::after, .fabric::after, .video-art::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: repeating-linear-gradient(0deg, rgba(255,255,255,.09) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, rgba(0,0,0,.10) 0 1px, transparent 1px 3px); mix-blend-mode: soft-light; }

.sw-plain { background-color: #34408c; background-image: linear-gradient(135deg, rgba(255,255,255,.14), transparent 55%); }
.sw-poplin-lycra { background-color: #bdc9e2; background-image: linear-gradient(115deg, rgba(255,255,255,.55), transparent 45%, rgba(46,49,146,.12)); }
.sw-cotton-lycra { background-color: #6f9a96; background-image: linear-gradient(135deg, rgba(255,255,255,.22), transparent 60%); }
.sw-cotton-print { background-color: #f3ead8;
  background-image: radial-gradient(circle at 25% 28%, #c9556b 0 5px, transparent 6px), radial-gradient(circle at 75% 72%, #c9556b 0 5px, transparent 6px),
    radial-gradient(circle at 75% 28%, #2e3192 0 3.5px, transparent 4.5px), radial-gradient(circle at 25% 72%, #2e3192 0 3.5px, transparent 4.5px),
    radial-gradient(circle at 50% 50%, #b8893a 0 2.5px, transparent 3.5px);
  background-size: 44px 44px; }
.sw-digital-print { background-color: #1a1c52;
  background-image: radial-gradient(60% 70% at 18% 25%, #e0508a 0, transparent 65%), radial-gradient(55% 65% at 85% 20%, #2fb6c8 0, transparent 62%),
    radial-gradient(60% 70% at 70% 90%, #f0b24a 0, transparent 60%), radial-gradient(50% 60% at 10% 90%, #6a4be0 0, transparent 62%); }
.sw-stripes-checks { background-color: #fbfaf6;
  background-image: linear-gradient(90deg, rgba(46,49,146,.5) 50%, transparent 50%), linear-gradient(rgba(46,49,146,.5) 50%, transparent 50%);
  background-size: 30px 30px; }

/* ---------- Hero ---------- */
.hero { padding: clamp(36px, 6vw, 84px) 0 0; background:
  radial-gradient(900px 420px at 85% -10%, rgba(46,49,146,.09), transparent 70%), linear-gradient(var(--cream), #fff 92%); }
.hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(24px, 5vw, 70px); align-items: center; }
.kicker { font: 700 .78rem/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--brand); margin: 0 0 1.1rem; display: flex; align-items: center; gap: 10px; }
.kicker::before { content: ""; width: 28px; height: 2px; background: var(--gold); }
.lead { font-size: 1.18rem; color: var(--muted); max-width: 40em; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 1.6rem; }

.hero-art { position: relative; height: clamp(300px, 38vw, 460px); }
.fabric { position: absolute; border-radius: 18px; box-shadow: var(--shadow); border: 6px solid #fff; }
.fabric.f1 { width: 58%; height: 62%; inset-inline-start: 4%; top: 2%; transform: rotate(-6deg); }
.fabric.f2 { width: 50%; height: 54%; inset-inline-end: 2%; top: 8%; transform: rotate(5deg); }
.fabric.f3 { width: 52%; height: 50%; inset-inline-start: 12%; bottom: 0; transform: rotate(4deg); }
.fabric.f4 { width: 40%; height: 44%; inset-inline-end: 6%; bottom: 4%; transform: rotate(-5deg); }

.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin: clamp(32px, 5vw, 64px) 0 0; padding: 22px 0 28px; border-top: 1px solid var(--line); }
.stats div { padding-inline: 18px; border-inline-start: 1px solid var(--line); }
.stats div:first-child { border-inline-start: 0; padding-inline-start: 0; }
.stats dt { font: 600 clamp(1.8rem, 3.6vw, 2.8rem)/1.1 var(--serif); color: var(--brand); }
.stats dd { color: var(--muted); font-size: .93rem; margin-top: 4px; }

/* ---------- Bölümler ---------- */
.section { padding: clamp(56px, 8vw, 104px) 0; }
.section.tint { background: var(--cream); }
.section-head { max-width: 760px; margin-bottom: clamp(26px, 4vw, 48px); }
.section-head p { color: var(--muted); font-size: 1.08rem; }

.about-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(28px, 6vw, 84px); align-items: start; }
.mission { margin-top: 1.6rem; padding: 20px 22px; background: var(--cream); border-inline-start: 4px solid var(--gold); border-radius: 0 var(--radius) var(--radius) 0; }
.mission h3 { margin-bottom: .3em; font-size: 1.05rem; }
.mission p { margin: 0; color: var(--muted); }
.pillars { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 26px; box-shadow: var(--shadow); }
.pillars-title { font-size: 1.1rem; margin-bottom: 1rem; }
.pillars ol { display: grid; gap: 4px; }
.pillars li { display: flex; gap: 14px; padding: 14px 0; border-top: 1px solid var(--line); }
.pillars li:first-child { border-top: 0; }
.num { flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--brand); color: #fff; display: grid; place-items: center; font: 600 .95rem var(--serif); }
.pillars strong { display: block; color: var(--ink); }
.pillars li span:not(.num) { color: var(--muted); font-size: .95rem; }

/* ---------- Ürün kartları ---------- */
.pgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.pcard { display: block; background: var(--paper); border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line); text-decoration: none; color: var(--text); transition: transform .25s, box-shadow .25s; }
.pcard:hover { transform: translateY(-4px); box-shadow: var(--shadow); color: var(--text); }
.pcard-media { position: relative; overflow: hidden; }
.pcard-media img { aspect-ratio: 4 / 3; width: 100%; object-fit: cover; transition: transform .5s; }
.pcard:hover .pcard-media img, .pcard:hover .swatch { transform: scale(1.04); }
.pcard .swatch { transition: transform .5s; }
.pcard-body { padding: 18px 20px 22px; }
.pcard-body h3 { margin-bottom: .35em; }
.pcard-body p { margin: 0; color: var(--muted); font-size: .96rem; }
.badge { position: absolute; inset-inline-start: 12px; top: 12px; background: var(--ink); color: #fff; font: 700 .72rem/1 var(--sans); letter-spacing: .08em; text-transform: uppercase; padding: 7px 11px; border-radius: 999px; z-index: 2; }
.badge.inline { position: static; display: inline-block; margin-bottom: 12px; background: var(--gold); }

/* ---------- Stok + video ---------- */
.stock-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 6vw, 84px); align-items: center; }
.ticks { margin-top: 1.2rem; display: grid; gap: 10px; }
.ticks li { position: relative; padding-inline-start: 32px; }
.ticks li::before { content: ""; position: absolute; inset-inline-start: 0; top: .35em; width: 20px; height: 20px; border-radius: 50%; background: var(--brand); }
.ticks li::after { content: ""; position: absolute; inset-inline-start: 6.5px; top: calc(.35em + 4.5px); width: 7px; height: 4px; border: 2px solid #fff; border-top: 0; border-inline-end: 0; transform: rotate(-45deg); }

.video { position: relative; aspect-ratio: 16 / 9; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); background: var(--ink); }
.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video-poster { position: absolute; inset: 0; width: 100%; border: 0; padding: 0; background: none; cursor: pointer; text-align: start; font: inherit; }
.video-art { position: absolute; inset: 0; }
.video-poster::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(20,22,63,.1), rgba(20,22,63,.78)); }
.play { position: absolute; z-index: 2; inset-inline-start: 50%; top: 46%; width: 76px; height: 76px; margin: -38px 0 0 -38px; border-radius: 50%; background: #fff; box-shadow: 0 8px 28px rgba(0,0,0,.3); transition: transform .2s; }
[dir="rtl"] .play { margin: -38px -38px 0 0; }
.play::after { content: ""; position: absolute; inset: 0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent var(--brand); transform: translateX(3px); }
.video-poster:hover .play { transform: scale(1.08); }
.video-cap { position: absolute; z-index: 2; inset-inline: 20px; bottom: 16px; color: #fff; display: grid; gap: 2px; }
.video-cap strong { font: 600 1.15rem var(--serif); }
.video-cap small { opacity: .8; font-size: .8rem; }

/* ---------- Koyu bölüm ---------- */
.section.dark { background: var(--ink); color: #d9dbf0; position: relative; overflow: hidden;
  background-image: repeating-linear-gradient(45deg, rgba(255,255,255,.025) 0 2px, transparent 2px 9px); }
.dark h2, .dark h3 { color: #fff; }
.dark .kicker { color: #b9bdff; }
.dark .section-head p { color: #c4c7e6; }
.certs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.cert { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: var(--radius); padding: 24px; }
.cert h3 { font-size: 1.05rem; margin-bottom: .6em; }
.cert p { margin: 0; font-size: .95rem; color: #c4c7e6; }

/* ---------- İhracat / fuarlar ---------- */
.export-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(28px, 6vw, 84px); align-items: center; }
.chips { display: flex; flex-wrap: wrap; gap: 10px; }
.chips li { padding: 9px 16px; border: 1px solid var(--line); border-radius: 999px; background: var(--cream); color: var(--ink); font-weight: 500; font-size: .95rem; }
.fairs { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.fairs li { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px 20px; display: grid; gap: 4px; border-top: 3px solid var(--brand); }
.fairs strong { color: var(--ink); font-family: var(--serif); font-size: 1.05rem; }
.fairs span { color: var(--muted); font-size: .92rem; }

/* ---------- CTA bandı ---------- */
.cta-band { background: linear-gradient(120deg, var(--brand-dark), var(--brand)); color: #fff; padding: clamp(40px, 6vw, 72px) 0; }
.cta-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px 40px; }
.cta-band h2 { color: #fff; margin-bottom: .3em; }
.cta-band p { margin: 0; color: #dfe1ff; max-width: 38em; }
.cta-actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- İletişim ---------- */
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 6vw, 84px); align-items: start; }
.contact-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 1.4rem; }
.contact-card { background: var(--cream); border-radius: var(--radius); padding: 10px 26px; }
.contact-card > div { padding: 18px 0; border-top: 1px solid var(--line); }
.contact-card > div:first-child { border-top: 0; }
.contact-card dt { font: 700 .75rem/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--steel); margin-bottom: 8px; }
.contact-card dd { color: var(--ink); font-size: 1.05rem; }
.contact-card a { color: var(--ink); }

/* ---------- Alt sayfalar ---------- */
.page-hero { padding: clamp(40px, 6vw, 80px) 0 clamp(24px, 4vw, 48px); background: linear-gradient(var(--cream), #fff); border-bottom: 1px solid var(--line); }
.plist { display: grid; gap: clamp(40px, 6vw, 80px); }
.prow { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(24px, 5vw, 64px); align-items: center; scroll-margin-top: 90px; }
.prow.flip .prow-media { order: 2; }
.prow-body h2 { margin-bottom: .4em; }
.prow-body p { color: var(--muted); font-size: 1.05rem; }
.specs { display: grid; gap: 0; margin-top: 1.2rem; border-top: 1px solid var(--line); }
.specs > div { display: flex; gap: 18px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.specs dt { flex: 0 0 120px; color: var(--steel); font-size: .85rem; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; padding-top: 3px; }
.specs dd { color: var(--ink); font-weight: 500; }
.soon { margin: 10px 0 0; font-size: .85rem; color: var(--steel); }
.gallery { display: grid; gap: 10px; }
.gallery img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius); }
.gallery.n2, .gallery.n3, .gallery.n4 { grid-template-columns: 1fr 1fr; }
.gallery.n3 img:first-child { grid-column: 1 / -1; }
.prose { max-width: 760px; }
.prose h2 { font-size: 1.4rem; margin-top: 1.8em; }
.prose p { color: var(--muted); }

/* ---------- Alt bilgi ---------- */
.site-footer { background: var(--cream); border-top: 1px solid var(--line); padding-top: clamp(36px, 5vw, 56px); font-size: .95rem; }
.foot { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 32px; padding-bottom: 32px; }
.foot-brand img { width: 108px; margin-bottom: 12px; }
.foot-brand p { color: var(--muted); margin: 0; }
.foot-links { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px; align-content: start; }
.foot-links a, .foot-contact a { color: var(--ink); text-decoration: none; }
.foot-links a:hover, .foot-contact a:hover { color: var(--brand); text-decoration: underline; }
.foot-contact { display: grid; gap: 8px; font-style: normal; align-content: start; color: var(--muted); }
.legal { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; padding: 18px 0 26px; border-top: 1px solid var(--line); color: var(--muted); font-size: .88rem; }
.legal a { color: var(--muted); }

/* ---------- Giriş animasyonu ---------- */
.js .reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.js .reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .js .reveal { opacity: 1; transform: none; transition: none; }
  .pcard, .btn, .pcard .swatch, .pcard-media img { transition: none; }
}

/* ---------- Mobil / tablet ---------- */
@media (max-width: 1000px) {
  .burger { display: flex; margin-inline-start: 0; }
  .lang { margin-inline-start: auto; }
  .nav { position: absolute; inset-inline: 0; top: 100%; flex-direction: column; align-items: stretch; gap: 0; background: #fff; border-bottom: 1px solid var(--line); box-shadow: 0 16px 30px rgba(20,22,63,.12); padding: 8px 20px 20px; margin: 0; display: none; }
  .nav.open { display: flex; }
  .nav ul { flex-direction: column; gap: 0; }
  .nav a:not(.btn) { display: block; padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 1.02rem; }
  .nav .btn { margin-top: 14px; justify-content: center; }
  .hero-grid, .about-grid, .stock-grid, .export-grid, .contact-grid, .prow { grid-template-columns: 1fr; }
  .prow.flip .prow-media { order: 0; }
  .hero-art { height: 320px; margin-top: 8px; }
  .pgrid { grid-template-columns: 1fr 1fr; }
  .certs { grid-template-columns: 1fr; }
  .foot { grid-template-columns: 1fr 1fr; }
  .foot-brand { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  body { font-size: 16px; }
  .stats { grid-template-columns: 1fr 1fr; row-gap: 22px; }
  .stats div:nth-child(3) { border-inline-start: 0; padding-inline-start: 0; }
  .pgrid { grid-template-columns: 1fr; }
  .hero-art { height: 260px; }
  .foot { grid-template-columns: 1fr; }
  .cta-actions .btn, .hero-actions .btn, .contact-actions .btn { width: 100%; justify-content: center; }
  .specs dt { flex-basis: 96px; }
}

/* ---------- Ana sayfa tam genişlik kumaş slider'ı ---------- */
.page-home .site-header-overlay{position:absolute;top:0;left:0;right:0;z-index:60;background:linear-gradient(180deg,rgba(8,10,25,.72),rgba(8,10,25,.08));border-bottom:1px solid rgba(255,255,255,.24);color:#fff}
.page-home .site-header-overlay .nav a:not(.btn){color:#fff}
.page-home .site-header-overlay .nav a:not(.btn):hover{border-color:#fff}
.page-home .site-header-overlay .lang summary{color:#fff;border-color:rgba(255,255,255,.65);background:rgba(12,15,35,.18)}
.page-home .site-header-overlay .burger{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.65)}
.page-home .site-header-overlay .burger span{background:#fff}
.hero-slider{position:relative;isolation:isolate;min-height:590px;display:flex;align-items:center;padding:125px 0 75px;background:#161a3b;overflow:hidden}
.hero-slides,.hero-overlay{position:absolute;inset:0;z-index:-1}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}
.hero-slide.is-active{opacity:1}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.02);transition:transform 5s ease}
.hero-slide.is-active img{transform:scale(1)}
.hero-overlay{z-index:0;background:linear-gradient(90deg,rgba(9,11,28,.82) 0%,rgba(13,16,40,.58) 47%,rgba(13,16,40,.16) 100%)}
.hero-slider .hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,760px);width:min(1180px,100% - 40px)}
.hero-slider .hero-copy{max-width:760px}
.hero-slider .kicker{color:#d7d9ff}
.hero-slider .kicker::before{background:#fff}
.hero-slider h1{color:#fff;max-width:760px}
.hero-slider .lead{color:rgba(255,255,255,.88);max-width:620px}
.hero-slider .hero-actions{margin-top:1.8rem}
.hero-slider .btn-outline{color:#fff;border-color:rgba(255,255,255,.8)}
.hero-slider .btn-outline:hover{background:rgba(255,255,255,.15);color:#fff}
.hero-slider-controls{position:absolute;z-index:3;left:0;right:0;bottom:22px;display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none}
.hero-slider-controls>button{pointer-events:auto}
.hero-slider-controls>[data-hero-prev],.hero-slider-controls>[data-hero-next]{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px}
.hero-slider-controls>[data-hero-prev]{left:24px}
.hero-slider-controls>[data-hero-next]{right:24px}
.hero-slider-controls .hero-dots{pointer-events:auto}
.hero-slider-controls>button{width:38px;height:38px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(12,15,35,.25);color:#fff;font-size:25px;line-height:1;cursor:pointer}
.hero-slider-controls>button:hover{background:var(--brand)}
.hero-dots{display:flex;align-items:center;gap:7px}
.hero-dots button{width:7px;height:7px;border:0;border-radius:10px;padding:0;background:rgba(255,255,255,.55);cursor:pointer}
.hero-dots button.is-active{width:22px;background:#fff}
.hero-stats{background:var(--cream)}
.hero-stats .stats{margin-top:0}
.lang-flag{display:inline-block;margin-inline-end:8px;font-size:1.05rem;line-height:1}
.lang li a{display:flex;align-items:center}
@media(max-width:1000px){
 .page-home .site-header-overlay .nav{background:#171b48;border-bottom-color:rgba(255,255,255,.2)}
 .page-home .site-header-overlay .nav a:not(.btn){color:#fff;border-bottom-color:rgba(255,255,255,.15)}
 .hero-slider{min-height:560px;padding-top:120px}
}
@media(max-width:620px){
 .hero-slider{min-height:590px;padding:120px 0 78px}
 .hero-slider .hero-grid{width:calc(100% - 36px)}
 .hero-slider h1{font-size:clamp(2.25rem,10vw,3.25rem)}
 .hero-overlay{background:linear-gradient(90deg,rgba(9,11,28,.82),rgba(13,16,40,.48))}
 .hero-slider-controls{left:0;right:0;bottom:18px}
 .hero-slider-controls>button{width:32px;height:32px}
 .hero-slider-controls>[data-hero-prev]{left:12px}
 .hero-slider-controls>[data-hero-next]{right:12px}
}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide img{transition:none;transform:none}}

/* Updated collection and stock visuals */
.stock-catalog-visual{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.stock-catalog-visual>a:first-child{display:block;width:100%;overflow:hidden;border-radius:var(--radius,12px)}
.stock-catalog-visual img{display:block;width:100%;height:auto;object-fit:cover}
.about-video{margin:24px 0;max-width:620px}


/* Sabit WhatsApp butonu */
.whatsapp-float {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9999;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #25D366;
    color: #fff;
    box-shadow: 0 5px 18px rgba(0,0,0,.22);
    text-decoration: none;
    transition: transform .2s ease;
}

.whatsapp-float:hover {
    transform: translateY(-3px);
    color: #fff;
}

.whatsapp-float svg {
    width: 32px;
    height: 32px;
}

.whatsapp-float-label {
    position: absolute;
    right: 68px;
    white-space: nowrap;
    padding: 9px 12px;
    border-radius: 7px;
    background: #fff;
    color: #173457;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 3px 12px rgba(0,0,0,.12);
    opacity: 0;
    pointer-events: none;
}

.whatsapp-float:hover .whatsapp-float-label {
    opacity: 1;
}

@media (max-width: 600px) {
    .whatsapp-float {
        width: 54px;
        height: 54px;
        right: 16px;
        bottom: 16px;
    }

    .whatsapp-float-label {
        display: none;
    }
}