:root {
  --ink: #0d1117;
  --navy: #121a28;
  --navy-2: #1a2436;
  --stone: #f5f2ed;
  --sand: #e7e1d7;
  --text: #1b1e24;
  --muted: #6b6e75;
  --line: #dcd6cc;
  --line-d: rgba(255,255,255,.12);
  --accent: #c4005f;
  --cyan: #00a8e1;
  --magenta: #e6007e;
  --yellow: #ffd200;
  --wrap: 1280px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: Inter, system-ui, sans-serif; color: var(--text); background: var(--stone); line-height: 1.65; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img, video { max-width: 100%; display: block; }
h1, h2, h3, .serif { font-family: Fraunces, Georgia, serif; font-weight: 500; letter-spacing: -0.015em; font-optical-sizing: auto; }
.wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 32px; }
.label { font-size: 12px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); display: flex; align-items: center; gap: 12px; }
.label::before { content: ""; width: 28px; height: 1px; background: currentColor; }
.cmyk { display: inline-flex; height: 3px; width: 64px; }
.cmyk i { flex: 1; }

/* Header */
header { position: fixed; inset: 0 0 auto; z-index: 50; color: #fff; transition: background .35s, color .35s, border-color .35s; border-bottom: 1px solid rgba(255,255,255,.14); }
header.solid { background: rgba(245,242,237,.96); backdrop-filter: blur(12px); color: var(--text); border-color: var(--line); }
.nav { display: flex; align-items: center; justify-content: space-between; height: 84px; gap: 28px; }
/* Logo: video üstünde beyaz, kaydırınca renkli */
.logo { display: block; position: relative; height: 46px; }
.logo img { height: 46px; width: auto; transition: opacity .35s; }
.logo .on-light { position: absolute; left: 0; top: 0; opacity: 0; }
header.solid .logo .on-dark { opacity: 0; }
header.solid .logo .on-light { opacity: 1; }
.menu { display: flex; gap: 34px; white-space: nowrap; font-size: 14px; font-weight: 500; letter-spacing: .02em; }
.menu a { opacity: .85; transition: opacity .2s; }
.menu a:hover { opacity: 1; }
.nav-right { display: flex; align-items: center; gap: 22px; }
.lang { display: flex; gap: 12px; font-size: 12px; font-weight: 600; letter-spacing: .08em; }
.lang a { opacity: .55; }
.lang a.on { opacity: 1; border-bottom: 1px solid currentColor; }
.btn { display: inline-flex; align-items: center; gap: 12px; padding: 16px 28px; font-weight: 600; font-size: 14px; letter-spacing: .03em; white-space: nowrap; border: 1px solid transparent; transition: background .2s, color .2s, border-color .2s; cursor: pointer; font-family: inherit; }
.btn-light { background: #fff; color: var(--ink); }
.btn-light:hover { background: var(--sand); }
.btn-line { border-color: rgba(255,255,255,.5); color: #fff; }
.btn-line:hover { background: #fff; color: var(--ink); }
.btn-dark { background: var(--ink); color: #fff; }
.btn-dark:hover { background: var(--accent); }
.btn-accent { background: var(--accent); color: #fff; }
.btn-accent:hover { background: #a3004f; }
header .btn { padding: 12px 22px; }
header.solid .btn-light { background: var(--ink); color: #fff; }
.burger { display: none; background: none; border: 0; font-size: 26px; cursor: pointer; color: inherit; }

/* Hero */
.hero { position: relative; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; justify-content: flex-end; background: var(--ink); color: #fff; overflow: hidden; }
.hero video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13,17,23,.7) 0%, rgba(13,17,23,.4) 35%, rgba(13,17,23,.94) 100%); }
.hero > * { position: relative; z-index: 1; }
.hero > .wrap { width: 100%; }
.hero-main { padding: 160px 0 56px; }
.hero .label { color: rgba(255,255,255,.75); }
h1 { font-size: clamp(46px, 7vw, 104px); line-height: 1.02; font-weight: 400; margin: 26px 0 30px; max-width: 1050px; }
h1 em { font-style: italic; color: #fff; }
.hero-sub { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; flex-wrap: wrap; }
.hero-sub p { font-size: 18px; color: rgba(255,255,255,.8); max-width: 560px; }
.hero-cta { display: flex; gap: 12px; flex-wrap: wrap; }
.hero-facts { border-top: 1px solid var(--line-d); display: grid; grid-template-columns: repeat(4, 1fr); }
.hero-facts div { padding: 24px 32px 28px 0; }
.hero-facts div + div { padding-left: 32px; border-left: 1px solid var(--line-d); }
.hero-facts b { display: block; font-family: Fraunces, serif; font-weight: 400; font-size: 30px; }
.hero-facts span { font-size: 13px; color: rgba(255,255,255,.65); }

/* Referans şeridi */
.refs { background: var(--navy); color: rgba(255,255,255,.85); overflow: hidden; white-space: nowrap; border-bottom: 1px solid var(--line-d); }
.refs-in { display: inline-flex; align-items: center; animation: slide 50s linear infinite; padding: 26px 0; }
.refs-in span { font-family: Fraunces, serif; font-size: 24px; margin: 0 36px; }
.refs-in i { width: 6px; height: 6px; background: var(--accent); transform: rotate(45deg); }
.refs-in small { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.45); margin: 0 36px; }
@keyframes slide { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .refs-in { animation: none; } }

section { padding: 128px 0; }
h2 { font-size: clamp(36px, 4.6vw, 64px); line-height: 1.06; margin: 22px 0 24px; }
h2 em { font-style: italic; color: var(--accent); }
.lead { font-size: 19px; color: #3a3d44; max-width: 640px; }

/* Bölge */
.region { display: grid; grid-template-columns: 1.15fr 1fr; gap: 80px; align-items: start; }
.region-stats { border-top: 1px solid var(--text); }
.region-stats div { display: grid; grid-template-columns: 170px 1fr; gap: 24px; align-items: baseline; padding: 26px 0; border-bottom: 1px solid var(--line); }
.region-stats b { font-family: Fraunces, serif; font-weight: 400; font-size: 52px; line-height: 1; }
.region-stats span { color: var(--muted); }
.region-note { font-size: 12px; color: var(--muted); margin-top: 14px; }

/* Pime rakamları */
.figures { background: #fff; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 0; }
.fig-grid { display: grid; grid-template-columns: repeat(5, 1fr); }
.fig { padding: 48px 28px; border-right: 1px solid var(--line); }
.fig:first-child { padding-left: 0; }
.fig:last-child { border-right: 0; }
.fig b { display: block; font-family: Fraunces, serif; font-weight: 400; font-size: clamp(34px, 3.4vw, 50px); line-height: 1; }
.fig b small { font-size: .5em; }
.fig span { display: block; margin-top: 14px; font-size: 14px; color: var(--muted); }

/* Üretim */
.split-head { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; margin-bottom: 80px; }
.cap { display: grid; grid-template-columns: 1fr 1fr; gap: 0; background: #fff; border: 1px solid var(--line); margin-bottom: 28px; }
.cap:nth-child(even) .cap-img { order: 2; }
.cap-img { position: relative; min-height: 440px; overflow: hidden; }
.cap-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s ease; }
.cap:hover .cap-img img { transform: scale(1.03); }
.cap-body { padding: 56px; display: flex; flex-direction: column; }
.cap-no { font-family: Fraunces, serif; font-style: italic; color: var(--accent); font-size: 20px; }
.cap-body h3 { font-size: 38px; line-height: 1.1; margin: 10px 0 16px; }
.cap-body > p { color: #3a3d44; margin-bottom: 26px; }
.machines { list-style: none; border-top: 1px solid var(--line); margin-top: auto; }
.machines li { display: grid; grid-template-columns: 1fr auto; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 15px; }
.machines li span { color: var(--muted); font-size: 13px; text-align: right; }

/* Etiket örnekleri */
.labels { background: var(--sand); padding-top: 128px; }
.label-row { display: grid; grid-template-columns: 1fr 1.08fr 1fr; gap: 40px; align-items: center; margin-top: 72px; }
.lbl { background: #fff; padding: 10px; box-shadow: 0 2px 2px rgba(0,0,0,.06), 0 30px 50px -24px rgba(40,30,20,.45); transition: transform .4s ease, box-shadow .4s ease; }
.lbl img { width: 100%; }
.lbl figcaption { font-family: Fraunces, serif; font-style: italic; font-size: 15px; color: var(--muted); padding: 12px 4px 2px; }
.l1 { transform: rotate(-2.5deg) translateY(10px); }
.l2 { transform: translateY(-14px); z-index: 1; }
.l3 { transform: rotate(2.5deg) translateY(10px); }
.lbl:hover { transform: rotate(0) translateY(-8px) scale(1.02); box-shadow: 0 2px 2px rgba(0,0,0,.06), 0 40px 60px -24px rgba(40,30,20,.55); z-index: 2; }
.label-note { margin-top: 56px; font-size: 13px; color: var(--muted); text-align: center; }

/* Servis (koyu) */
.dark { background: var(--navy); color: #fff; }
.dark .label { color: rgba(255,255,255,.6); }
.dark .lead { color: rgba(255,255,255,.75); }
.dark h2 em { color: #ff4fa3; }
.svc-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line-d); margin-top: 72px; }
.svc { padding: 40px 36px 44px 0; border-bottom: 1px solid var(--line-d); }
.svc:nth-child(3n+2), .svc:nth-child(3n) { padding-left: 36px; border-left: 1px solid var(--line-d); }
.svc .n { font-family: Fraunces, serif; font-style: italic; color: rgba(255,255,255,.4); font-size: 18px; }
.svc h3 { font-size: 26px; margin: 10px 0 10px; }
.svc p { color: rgba(255,255,255,.65); font-size: 15px; }
.sole { margin-top: 56px; padding: 28px 32px; border: 1px solid var(--line-d); display: flex; gap: 28px; align-items: center; flex-wrap: wrap; }
.sole img { height: 56px; }
.sole p { flex: 1; min-width: min(260px, 100%); color: rgba(255,255,255,.8); font-size: 15px; }
.sole b { color: #fff; }

/* PimeOne */
.one { background: var(--ink); color: #fff; padding: 0; }
.one-grid { display: grid; grid-template-columns: 1fr 1.15fr; }
.one-body { padding: 110px 64px 110px 0; }
.one-body .label { color: var(--yellow); }
.one-body h2 { font-size: clamp(64px, 8vw, 120px); line-height: .95; margin: 20px 0 22px; }
.one-body p { color: rgba(255,255,255,.75); font-size: 17px; max-width: 520px; }
.one-specs { display: grid; grid-template-columns: 1fr 1fr; margin: 40px 0; border-top: 1px solid var(--line-d); }
.one-specs div { padding: 22px 0; border-bottom: 1px solid var(--line-d); }
.one-specs div:nth-child(even) { padding-left: 24px; border-left: 1px solid var(--line-d); }
.one-specs b { display: block; font-family: Fraunces, serif; font-weight: 400; font-size: 32px; line-height: 1.1; }
.one-specs span { font-size: 13px; color: rgba(255,255,255,.55); }
.one-img { position: relative; background: radial-gradient(700px 400px at 60% 40%, #2a3448, var(--ink) 70%); display: flex; align-items: center; justify-content: center; padding: 48px 0 48px 48px; }
.one-img img { width: 100%; box-shadow: 0 40px 80px -30px rgba(0,0,0,.8); }
.badge-new { position: absolute; top: 40px; right: 0; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; border: 1px solid rgba(255,255,255,.35); padding: 8px 14px; }

/* Afinia sistemleri */
.sys { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 64px; }
.sys a { background: #fff; border: 1px solid var(--line); display: flex; flex-direction: column; transition: border-color .2s; }
.sys a:hover { border-color: var(--text); }
.sys .im { aspect-ratio: 4/3; background: linear-gradient(170deg, #fbfaf8, var(--sand)); display: grid; place-items: center; padding: 24px; }
.sys .im img { max-height: 100%; filter: drop-shadow(0 14px 16px rgba(0,0,0,.22)); }
.sys .tx { padding: 22px 24px 26px; border-top: 1px solid var(--line); }
.sys h3 { font-size: 24px; }
.sys p { font-size: 14px; color: var(--muted); margin-top: 6px; }

/* Tarihçe */
.timeline { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--text); margin-top: 72px; }
.tl { padding: 28px 28px 0 0; position: relative; }
.tl::before { content: ""; position: absolute; top: -6px; left: 0; width: 11px; height: 11px; background: var(--stone); border: 1px solid var(--text); transform: rotate(45deg); }
.tl.now::before { background: var(--accent); border-color: var(--accent); }
.tl b { display: block; font-family: Fraunces, serif; font-weight: 400; font-size: 40px; line-height: 1; margin-top: 10px; }
.tl h4 { font-size: 16px; margin: 16px 0 8px; }
.tl p { font-size: 14px; color: var(--muted); }

/* Sertifika & sürdürülebilirlik */
.green { display: grid; grid-template-columns: 1.1fr 1fr; gap: 0; background: #fff; border: 1px solid var(--line); }
.green-img { position: relative; min-height: 560px; }
.green-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.green-img span { position: absolute; left: 24px; bottom: 24px; background: rgba(13,17,23,.75); color: #fff; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; padding: 8px 14px; }
.green-body { padding: 64px 56px; }
.certs { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); border: 1px solid var(--line); margin-top: 36px; }
.cert { background: #fff; padding: 24px; }
.cert { display: flex; flex-direction: column; justify-content: space-between; gap: 12px; min-height: 124px; }
.cert img { width: auto; align-self: flex-start; }
.cert b { font-family: Fraunces, serif; font-weight: 500; font-size: 24px; display: block; line-height: 1.2; }
.cert span { font-size: 13px; color: var(--muted); line-height: 1.45; }
.more-link { display: inline-block; margin-top: 28px; font-weight: 600; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.more-link:hover { color: var(--accent); }

/* Film */
.film video { width: 100%; aspect-ratio: 16/9; background: var(--ink); }

/* İletişim */
.contact { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: 1px solid var(--line-d); }
.contact-l { padding: 64px; border-right: 1px solid var(--line-d); }
.contact-l dl { margin-top: 40px; }
.contact-l dt { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.5); margin-top: 24px; }
.contact-l dd { font-family: Fraunces, serif; font-size: 24px; }
form { padding: 64px; display: grid; gap: 4px; align-content: start; }
.f { display: block; border-bottom: 1px solid var(--line-d); padding: 14px 0 10px; }
.f span { display: block; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.5); }
.f:focus-within { border-color: #fff; }
input, select, textarea { width: 100%; border: 0; background: transparent; color: #fff; font: inherit; font-size: 17px; padding: 6px 0; }
input:focus, select:focus, textarea:focus { outline: 0; }
select option { color: var(--text); }
textarea { min-height: 70px; resize: vertical; }
.row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }

footer { background: var(--ink); color: rgba(255,255,255,.55); font-size: 13px; padding: 36px 0 44px; border-top: 1px solid var(--line-d); }
.foot { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; }
.foot-top { display: flex; justify-content: space-between; align-items: center; gap: 32px; flex-wrap: wrap; padding-bottom: 32px; margin-bottom: 28px; border-bottom: 1px solid var(--line-d); }
footer { padding-top: 56px; }

.wa { position: fixed; right: 22px; bottom: 22px; width: 56px; height: 56px; border-radius: 50%; background: #25d366; display: grid; place-items: center; box-shadow: 0 10px 24px -6px rgba(0,0,0,.4); z-index: 60; }
.wa svg { width: 28px; height: 28px; fill: #fff; }
.draft a { text-decoration: underline; padding: 0 2px; }
.draft { position: fixed; left: 16px; bottom: 16px; z-index: 70; background: var(--yellow); color: var(--ink); font-size: 12px; font-weight: 700; padding: 6px 12px; }

/* Responsive */
@media (max-width: 1200px) {
  .menu, .lang { display: none; }
  .burger { display: block; }
}
@media (max-width: 1000px) {
  .wrap { padding: 0 24px; }
  section { padding: 96px 0; }
  .region, .split-head, .cap, .one-grid, .green, .contact { grid-template-columns: 1fr; gap: 40px; }
  .cap { gap: 0; }
  .cap:nth-child(even) .cap-img { order: 0; }
  .cap-img { min-height: 300px; }
  .fig-grid { grid-template-columns: repeat(3, 1fr); }
  .fig:nth-child(3) { border-right: 0; }
  .fig:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
  .fig:nth-child(4) { padding-left: 0; }
  .svc-grid { grid-template-columns: 1fr 1fr; }
  .label-row { grid-template-columns: 1fr; gap: 28px; max-width: 520px; margin-left: auto; margin-right: auto; }
  .l1, .l2, .l3 { transform: none; }
  .labels { padding-top: 96px; }
  .svc:nth-child(3n+2), .svc:nth-child(3n) { padding-left: 0; border-left: 0; }
  .svc:nth-child(even) { padding-left: 32px; border-left: 1px solid var(--line-d); }
  .one-body { padding: 80px 0 24px; }
  .one-img { padding: 0 0 72px; }
  .badge-new { top: -8px; }
  .sys { grid-template-columns: 1fr 1fr; }
  .timeline { grid-template-columns: 1fr; border-top: 0; border-left: 1px solid var(--text); margin-left: 6px; }
  .tl { padding: 0 0 36px 32px; }
  .tl::before { top: 12px; left: -6px; }
  .tl b { margin-top: 0; }
  .green-img { min-height: 320px; }
  .contact-l { border-right: 0; border-bottom: 1px solid var(--line-d); }
  .hero-facts { grid-template-columns: 1fr 1fr; }
  .hero-facts div:nth-child(3) { padding-left: 0; border-left: 0; }
  .hero-facts div:nth-child(-n+2) { border-bottom: 1px solid var(--line-d); }
}
@media (max-width: 640px) {
  .wrap { padding: 0 16px; }
  section { padding: 72px 0; }
  .nav-right .btn { display: none; }
  .hero-main { padding: 130px 0 40px; }
  .hero-facts div { padding: 18px 12px 20px 0; }
  .hero-facts div + div { padding-left: 12px; }
  .hero-facts div:nth-child(3) { padding-left: 0; }
  .hero-facts b { font-size: 22px; }
  .region-stats div { grid-template-columns: 1fr; gap: 6px; }
  .region-stats b { font-size: 42px; }
  .fig-grid { grid-template-columns: 1fr 1fr; }
  .fig { padding: 28px 14px 28px 0; border-right: 0 !important; border-bottom: 1px solid var(--line); }
  .fig:nth-child(4) { padding-left: 0; }
  .fig:nth-child(even) { padding-left: 14px; border-left: 1px solid var(--line); }
  .cap-body { padding: 32px 22px; }
  .cap-body h3 { font-size: 30px; }
  .svc-grid { grid-template-columns: 1fr; }
  .svc:nth-child(even) { padding-left: 0; border-left: 0; }
  .svc { padding: 30px 0; }
  .one-specs div:nth-child(even) { padding-left: 16px; }
  .one-specs b { font-size: 24px; }
  .sys { grid-template-columns: 1fr 1fr; gap: 12px; }
  .sys .tx { padding: 14px 14px 18px; }
  .sys h3 { font-size: 19px; }
  .green-body, .contact-l, form { padding: 36px 22px; }
  .certs { grid-template-columns: 1fr 1fr; }
  .cert { padding: 18px 14px; }
  .cert b { font-size: 19px; }
  .row2 { grid-template-columns: 1fr; gap: 0; }
  .refs-in span { font-size: 19px; margin: 0 22px; }
}

/* ===== Çok sayfalı yapı ===== */

/* Açılır menü */
.menu { align-items: center; }
.dd { position: relative; }
.dd > a::after { content: ""; display: inline-block; width: 5px; height: 5px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin: 0 0 3px 8px; opacity: .7; }
.dd-panel { position: absolute; top: 100%; left: -20px; padding-top: 22px; min-width: 250px; opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .2s, transform .2s, visibility .2s; }
.dd-panel::before { content: ""; position: absolute; inset: 22px 0 0; background: #fff; border: 1px solid var(--line); box-shadow: 0 24px 48px -20px rgba(13,17,23,.35); }
.dd-panel a { position: relative; display: block; padding: 11px 20px; color: var(--text); opacity: 1; font-size: 14px; }
.dd-panel a:first-child { margin-top: 8px; }
.dd-panel a:last-child { margin-bottom: 8px; }
.dd-panel a:hover { background: var(--stone); color: var(--accent); }
.dd:hover .dd-panel, .dd:focus-within .dd-panel { opacity: 1; visibility: visible; transform: none; }

/* Mobil menü */
@media (max-width: 1200px) {
  header.open { background: var(--stone); color: var(--text); height: 100vh; height: 100dvh; overflow-y: auto; }
  header.open .menu { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 12px 0 40px; }
  header.open .menu > a, header.open .dd > a { display: block; font-family: Fraunces, serif; font-size: 26px; padding: 14px 0; border-bottom: 1px solid var(--line); opacity: 1; }
  header.open .dd > a::after { display: none; }
  header.open .dd-panel { position: static; opacity: 1; visibility: visible; transform: none; padding: 4px 0 10px; min-width: 0; }
  header.open .dd-panel::before { display: none; }
  header.open .dd-panel a { padding: 8px 0 8px 18px; font-size: 15px; color: var(--muted); }
  header.open .dd-panel a:first-child, header.open .dd-panel a:last-child { margin: 0; }
  header.open .dd-panel a:hover { background: none; }
  header.open .nav { flex-wrap: wrap; height: auto; min-height: 84px; }
  header.open .menu { order: 3; width: 100%; }
  header.open .lang { display: flex; }
}

/* Footer linkleri */
.foot-links { display: flex; flex-wrap: wrap; gap: 12px 32px; padding-bottom: 28px; margin-bottom: 24px; border-bottom: 1px solid var(--line-d); font-size: 14px; color: rgba(255,255,255,.8); }
.foot-links a:hover { color: #fff; }

/* Alt sayfa başlığı */
.page-hero { position: relative; background: var(--navy); color: #fff; padding: 190px 0 88px; overflow: hidden; }
.page-hero .ph-img { position: absolute; inset: 0; background: center/cover no-repeat; opacity: .3; }
.page-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(18,26,40,.55), rgba(18,26,40,.2) 50%, rgba(18,26,40,.85)); }
.page-hero .wrap { position: relative; z-index: 1; }
.page-hero .label { color: rgba(255,255,255,.7); }
.page-hero h1 { font-size: clamp(42px, 6vw, 84px); margin: 22px 0 18px; }
.page-hero p { font-size: 19px; color: rgba(255,255,255,.8); max-width: 680px; }
.crumbs { font-size: 13px; color: rgba(255,255,255,.6); margin-bottom: 8px; }
.crumbs a:hover { color: #fff; }
.crumbs span { margin: 0 8px; opacity: .5; }

/* Belge / içerik sayfası */
.doc { display: grid; grid-template-columns: 260px 1fr; gap: 80px; align-items: start; }
.doc-nav { position: sticky; top: 120px; border-top: 1px solid var(--text); padding-top: 18px; }
.doc-nav a { display: block; padding: 7px 0; font-size: 14px; color: var(--muted); }
.doc-nav a:hover { color: var(--accent); }
.prose { max-width: 760px; font-size: 17px; color: #2d3037; }
.prose h2 { font-size: clamp(28px, 3vw, 38px); margin: 64px 0 18px; }
.prose h2:first-child { margin-top: 0; }
.prose h3 { font-size: 22px; margin: 32px 0 10px; }
.prose p { margin-bottom: 16px; }
.prose ul, .prose ol { margin: 0 0 18px 22px; }
.prose li { margin-bottom: 8px; }
.prose .meta-box { background: #fff; border: 1px solid var(--line); padding: 22px 26px; font-size: 14px; color: var(--muted); margin-bottom: 40px; }

/* Sertifika kartları */
.cert-list { display: grid; gap: 28px; }
.cert-card { display: grid; grid-template-columns: 300px 1fr; gap: 0; background: #fff; border: 1px solid var(--line); }
.cert-card .thumb { background: var(--sand); padding: 28px; display: grid; place-items: center; border-right: 1px solid var(--line); }
.cert-card .thumb img { max-height: 340px; box-shadow: 0 16px 30px -16px rgba(40,30,20,.45); background: #fff; }
.cert-card .thumb img.logo-only { box-shadow: none; background: none; max-height: 140px; }
.cert-card .body { padding: 36px 40px; }
.cert-card h3 { font-size: 30px; margin: 8px 0 12px; }
.cert-card p { color: #3a3d44; margin-bottom: 18px; }
.cert-card dl { display: grid; grid-template-columns: 190px 1fr; border-top: 1px solid var(--line); font-size: 14px; }
.cert-card dt, .cert-card dd { padding: 10px 0; border-bottom: 1px solid var(--line); }
.cert-card dt { color: var(--muted); }
.cert-card dd { font-weight: 600; }
.cert-card .view { display: inline-block; margin-top: 20px; font-weight: 600; border-bottom: 1px solid currentColor; }
.cert-card .view:hover { color: var(--accent); }

@media (max-width: 1000px) {
  .doc { grid-template-columns: 1fr; gap: 32px; }
  .doc-nav { position: static; }
  .cert-card { grid-template-columns: 1fr; }
  .cert-card .thumb { border-right: 0; border-bottom: 1px solid var(--line); }
  .page-hero { padding: 150px 0 64px; }
}
@media (max-width: 640px) {
  .cert-card .body { padding: 26px 20px; }
  .cert-card dl { grid-template-columns: 1fr; }
  .cert-card dt { border-bottom: 0; padding-bottom: 0; }
}

/* ===== PimeOne sayfası ===== */
.one-hero { padding-bottom: 0; background: var(--ink); }
.one-hero::after { background: radial-gradient(800px 500px at 75% 40%, rgba(42,52,72,.9), transparent 70%); }
.one-hero-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: center; padding-bottom: 64px; }
.one-hero h1 { font-size: clamp(64px, 9vw, 132px); line-height: .95; }
.one-hero-img { position: relative; }
.one-hero-img img { width: 100%; box-shadow: 0 40px 80px -30px rgba(0,0,0,.8); }
.one-hero-img .badge-new { top: -44px; right: 0; color: #fff; }
.svc-grid.light { border-top-color: var(--line); }
.svc-grid.light .svc { border-color: var(--line); }
.svc-grid.light .n { color: var(--accent); }
.svc-grid.light p { color: var(--muted); }
.how { display: grid; grid-template-columns: 380px 1fr; gap: 96px; align-items: center; }
.phone { background: #000; border-radius: 42px; padding: 12px; box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 50px 90px -30px rgba(0,0,0,.9); }
.phone video { width: 100%; aspect-ratio: 9/16; border-radius: 32px; background: #111; object-fit: cover; }
.steps { list-style: none; counter-reset: s; margin-top: 44px; border-top: 1px solid var(--line-d); }
.steps li { counter-increment: s; display: grid; grid-template-columns: 64px 1fr; gap: 4px 20px; padding: 26px 0; border-bottom: 1px solid var(--line-d); }
.steps li::before { content: counter(s, decimal-leading-zero); grid-row: span 2; font-family: Fraunces, serif; font-style: italic; font-size: 30px; color: #ff4fa3; line-height: 1; }
.steps b { font-family: Fraunces, serif; font-weight: 500; font-size: 26px; }
.steps span { color: rgba(255,255,255,.7); }
.methods { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 64px; }
.method { background: #fff; border: 1px solid var(--line); padding: 40px 36px; display: flex; flex-direction: column; }
.m-no { font-family: Fraunces, serif; font-style: italic; color: var(--accent); font-size: 22px; }
.method h3 { font-size: 32px; margin: 8px 0 12px; }
.method p { color: #3a3d44; }
.method dl { display: grid; grid-template-columns: auto 1fr; gap: 0 20px; margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--line); }
.method dt { color: var(--muted); font-size: 14px; }
.method dd { font-family: Fraunces, serif; font-size: 22px; text-align: right; }
.spec-table { display: grid; grid-template-columns: 240px 1fr; border-top: 1px solid var(--text); }
.spec-table dt, .spec-table dd { padding: 16px 0; border-bottom: 1px solid var(--line); }
.spec-table dt { color: var(--muted); font-size: 15px; }
.spec-table dd { font-weight: 600; }
@media (max-width: 1000px) {
  .one-hero-grid, .how { grid-template-columns: 1fr; gap: 48px; }
  .one-hero-img .badge-new { top: -16px; }
  .phone { max-width: 340px; margin: 0 auto; }
  .methods { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .spec-table { grid-template-columns: 1fr; }
  .spec-table dt { border-bottom: 0; padding-bottom: 0; }
  .method { padding: 28px 22px; }
  .svc-grid.light .svc:nth-child(even) { border-left: 0; }
}

/* ===== Hakkımızda ===== */
.page-hero h1 em { font-style: italic; }
.vm { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin-top: 40px; border-top: 1px solid var(--line-d); }
.vm > div { padding: 48px 56px 24px 0; }
.vm > div + div { padding-left: 56px; border-left: 1px solid var(--line-d); }
.vm h3 { font-size: 20px; font-style: italic; color: #ff4fa3; margin-bottom: 18px; }
.vm p { font-family: Fraunces, serif; font-size: clamp(24px, 2.4vw, 34px); line-height: 1.3; }
.values { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--text); margin-top: 64px; }
.values > div { padding: 32px 28px 8px 0; }
.values > div + div { padding-left: 28px; border-left: 1px solid var(--line); }
.values span { font-family: Fraunces, serif; font-style: italic; color: var(--accent); font-size: 20px; }
.values h3 { font-size: 28px; margin: 8px 0 10px; }
.values p { color: var(--muted); font-size: 15px; }
.gallery { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 280px 280px; gap: 16px; }
.gallery figure { position: relative; overflow: hidden; }
.gallery .g-big { grid-row: span 2; }
.gallery img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s ease; }
.gallery figure:hover img { transform: scale(1.04); }
.gallery figcaption { position: absolute; left: 0; bottom: 0; padding: 10px 14px; background: rgba(13,17,23,.72); color: #fff; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.cert-strip { display: flex; align-items: center; gap: 40px; flex-wrap: wrap; }
.cert-strip .logos { display: flex; align-items: center; gap: 44px; flex-wrap: wrap; flex: 1; }
.cert-strip .txt { font-family: Fraunces, serif; font-size: 22px; color: var(--text); }
.cert-strip .more-link { margin-top: 0; }
@media (max-width: 1000px) {
  .vm { grid-template-columns: 1fr; }
  .vm > div + div { padding-left: 0; border-left: 0; border-top: 1px solid var(--line-d); }
  .values { grid-template-columns: 1fr 1fr; }
  .values > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .gallery { grid-template-columns: 1fr 1fr; grid-template-rows: 320px 200px 200px; }
  .gallery .g-big { grid-column: span 2; grid-row: auto; }
}
@media (max-width: 640px) {
  .values { grid-template-columns: 1fr; }
  .values > div + div { padding-left: 0; border-left: 0; }
  .values > div { border-bottom: 1px solid var(--line); padding-bottom: 24px; }
  .gallery { grid-template-rows: 240px 150px 150px; gap: 8px; }
  .cert-strip .logos { gap: 24px; }
  .vm > div { padding-right: 0; }
}
@media (max-width: 400px) { .hero h1 { font-size: 38px; } }

/* Harita */
.map { position: relative; margin-top: 40px; height: 460px; border: 1px solid var(--line-d); background: var(--navy-2); }
.map iframe { width: 100%; height: 100%; border: 0; filter: grayscale(.85) contrast(1.05); }
.map-card { position: absolute; left: 32px; bottom: 32px; background: #fff; color: var(--text); padding: 30px 32px; max-width: 380px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.6); }
.map-card .label { color: var(--muted); }
.map-card h3 { font-size: 30px; margin: 10px 0 8px; }
.map-card p { color: #3a3d44; margin-bottom: 22px; }
.map-btns { display: flex; gap: 10px; flex-wrap: wrap; }
.map-btns .btn { padding: 13px 20px; }
.btn-ghost-d { border-color: var(--line); color: var(--text); }
.btn-ghost-d:hover { border-color: var(--text); }
.contact-l dd a:hover { color: #ff4fa3; }
@media (max-width: 640px) {
  .map { height: auto; display: flex; flex-direction: column; }
  .map iframe { height: 300px; }
  .map-card { position: static; max-width: none; box-shadow: none; padding: 24px 20px; }
}
/* Açık renkli video karelerinde okunabilirlik */
.hero::after { background: linear-gradient(180deg, rgba(13,17,23,.72) 0%, rgba(13,17,23,.5) 35%, rgba(13,17,23,.78) 60%, rgba(13,17,23,.95) 100%); }
.hero h1, .hero-sub p, .hero .label { text-shadow: 0 2px 24px rgba(0,0,0,.45); }

/* ===== Alt sayfa bileşenleri ===== */
.tags { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); margin-top: 56px; }
.tags > div { background: #fff; padding: 26px 28px; }
.tags b { display: block; font-family: Fraunces, serif; font-weight: 500; font-size: 22px; line-height: 1.25; }
.tags span { font-size: 14px; color: var(--muted); }
.related .label { margin-bottom: 24px; }
.rel-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.rel-grid a { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 4px 16px; padding: 28px; background: #fff; border: 1px solid var(--line); transition: border-color .2s; }
.rel-grid a:hover { border-color: var(--text); }
.rel-grid span { grid-column: 1; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.rel-grid b { grid-column: 1; font-family: Fraunces, serif; font-weight: 500; font-size: 24px; }
.rel-grid i { grid-column: 2; grid-row: 1 / span 2; font-style: normal; font-size: 22px; color: var(--accent); }
.light-sole { border-color: var(--line); background: #fff; margin-top: 0; }
.light-sole p { color: #3a3d44; }
.light-sole b { color: var(--text); }
.models { display: grid; gap: 28px; margin-top: 48px; }
.model { display: grid; grid-template-columns: 1fr 1.2fr; background: #fff; border: 1px solid var(--line); }
.m-img { position: relative; background: linear-gradient(170deg, #fbfaf8, var(--sand)); display: grid; place-items: center; padding: 40px; border-right: 1px solid var(--line); }
.m-img img { max-height: 340px; filter: drop-shadow(0 18px 20px rgba(0,0,0,.22)); }
.m-body { padding: 44px 48px; }
.m-body h3 { font-size: 40px; margin: 8px 0 12px; }
.m-body > p { color: #3a3d44; margin-bottom: 24px; }
.m-body .spec-table { grid-template-columns: 180px 1fr; margin-bottom: 20px; }
.m-body .spec-table dt, .m-body .spec-table dd { padding: 11px 0; font-size: 14px; }
.park { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.park h3 { font-size: 26px; margin-bottom: 16px; }
.park .machines { margin-bottom: 20px; }
.ref-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); margin-top: 56px; }
.ref { background: #fff; aspect-ratio: 3/2; display: grid; place-items: center; padding: 24px; text-align: center; }
.ref span { font-family: Fraunces, serif; font-size: 26px; }
.ref img { max-height: 70px; max-width: 80%; filter: grayscale(1); opacity: .8; transition: filter .3s, opacity .3s; }
.ref:hover img { filter: none; opacity: 1; }
.ref.more span { font-style: italic; color: var(--muted); font-size: 20px; }
.news { display: grid; gap: 28px; }
.news-item { display: grid; grid-template-columns: 380px 1fr; background: #fff; border: 1px solid var(--line); }
.n-img { display: block; aspect-ratio: 4/3; overflow: hidden; border-right: 1px solid var(--line); }
.n-img img { width: 100%; height: 100%; object-fit: cover; }
.n-body { padding: 36px 44px; }
.n-body time { font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--accent); font-weight: 600; }
.n-body h3 { font-size: 30px; line-height: 1.15; margin: 10px 0 14px; }
.n-body h3 a:hover { color: var(--accent); }
.n-body p { color: #3a3d44; }
@media (max-width: 1000px) {
  .tags, .rel-grid, .park { grid-template-columns: 1fr 1fr; }
  .model, .news-item { grid-template-columns: 1fr; }
  .m-img, .n-img { border-right: 0; border-bottom: 1px solid var(--line); }
  .ref-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  .tags, .rel-grid, .park { grid-template-columns: 1fr; }
  .m-body, .n-body { padding: 28px 22px; }
  .m-body h3 { font-size: 32px; }
  .m-body .spec-table { grid-template-columns: 1fr; }
  .ref-grid { grid-template-columns: 1fr 1fr; }
  .ref span { font-size: 20px; }
  .n-body h3 { font-size: 24px; }
}

/* Rakam şeritleri: 3 ve 4 sütunlu varyantlar */
.fig-grid.c3 { grid-template-columns: repeat(3, 1fr); }
.fig-grid.c4 { grid-template-columns: repeat(4, 1fr); }
.fig-grid.c3 .fig, .fig-grid.c4 .fig { border-bottom: 0; }
.fig-grid.c3 .fig:nth-child(3), .fig-grid.c4 .fig:nth-child(4) { border-right: 0; }
@media (max-width: 1000px) {
  .fig-grid.c4 { grid-template-columns: 1fr 1fr; }
  .fig-grid.c4 .fig:nth-child(2) { border-right: 0; }
  .fig-grid.c4 .fig:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .fig-grid.c4 .fig:nth-child(3) { padding-left: 0; }
}
@media (max-width: 640px) {
  .fig-grid.c3 { grid-template-columns: 1fr; }
  .fig-grid.c3 .fig { padding-left: 0 !important; border-left: 0 !important; border-bottom: 1px solid var(--line); }
  .fig { min-width: 0; }
  .fig b { font-size: 32px; }
}

/* ===== Arapça (RTL) ===== */
[dir=rtl] body { font-family: "IBM Plex Sans Arabic", Inter, system-ui, sans-serif; line-height: 1.8; }
[dir=rtl] h1, [dir=rtl] h2, [dir=rtl] h3, [dir=rtl] h4, [dir=rtl] .serif, [dir=rtl] .num,
[dir=rtl] .fig b, [dir=rtl] .hero-facts b, [dir=rtl] .region-stats b, [dir=rtl] .one-specs b, [dir=rtl] .tl b,
[dir=rtl] .tags b, [dir=rtl] .rel-grid b, [dir=rtl] .cert b, [dir=rtl] .vm p, [dir=rtl] .contact-l dd,
[dir=rtl] .steps b, [dir=rtl] .method dd, [dir=rtl] .cert-strip .txt, [dir=rtl] .lbl figcaption,
[dir=rtl] header.open .menu > a, [dir=rtl] header.open .dd > a { font-family: "Noto Naskh Arabic", Fraunces, serif; letter-spacing: 0; }
[dir=rtl] h1 { line-height: 1.25; }
[dir=rtl] h2 { line-height: 1.3; }
[dir=rtl] em, [dir=rtl] .cap-no, [dir=rtl] .m-no, [dir=rtl] .svc .n, [dir=rtl] .values span, [dir=rtl] .vm h3 { font-style: normal; }
[dir=rtl] .label, [dir=rtl] .eyebrow, [dir=rtl] .n-body time, [dir=rtl] .rel-grid span, [dir=rtl] .info small { letter-spacing: 0; text-transform: none; }
[dir=rtl] .dd-panel { left: auto; right: -20px; }
[dir=rtl] .dd > a::after { margin: 0 8px 3px 0; }
[dir=rtl] .hero-facts div { padding: 24px 0 28px 32px; }
[dir=rtl] .hero-facts div + div { padding-left: 32px; padding-right: 32px; border-left: 0; border-right: 1px solid var(--line-d); }
[dir=rtl] .fig { border-right: 0; border-left: 1px solid var(--line); }
[dir=rtl] .fig:first-child { padding-left: 28px; padding-right: 0; }
[dir=rtl] .fig:last-child { border-left: 0; }
[dir=rtl] .svc { padding: 40px 0 44px 36px; }
[dir=rtl] .svc:nth-child(3n+2), [dir=rtl] .svc:nth-child(3n) { padding-left: 36px; padding-right: 36px; border-left: 0; border-right: 1px solid var(--line-d); }
[dir=rtl] .svc-grid.light .svc:nth-child(3n+2), [dir=rtl] .svc-grid.light .svc:nth-child(3n) { border-right-color: var(--line); }
[dir=rtl] .one-specs div:nth-child(even) { padding-left: 0; padding-right: 24px; border-left: 0; border-right: 1px solid var(--line-d); }
[dir=rtl] .tl { padding: 28px 0 0 28px; }
[dir=rtl] .tl::before { left: auto; right: 0; }
[dir=rtl] .values > div { padding: 32px 0 8px 28px; }
[dir=rtl] .values > div + div { padding-left: 28px; padding-right: 28px; border-left: 0; border-right: 1px solid var(--line); }
[dir=rtl] .vm > div { padding: 48px 0 24px 56px; }
[dir=rtl] .vm > div + div { padding-left: 0; padding-right: 56px; border-left: 0; border-right: 1px solid var(--line-d); }
[dir=rtl] .contact-l { border-right: 0; border-left: 1px solid var(--line-d); }
[dir=rtl] .cert-card .thumb, [dir=rtl] .m-img, [dir=rtl] .n-img { border-right: 0; border-left: 1px solid var(--line); }
[dir=rtl] .machines li span, [dir=rtl] .method dd, [dir=rtl] .specs li b { text-align: left; }
[dir=rtl] .map-card { left: auto; right: 32px; }
[dir=rtl] .badge-new, [dir=rtl] .one-hero-img .badge-new { right: auto; left: 0; }
[dir=rtl] .tag-plus { right: auto; left: 12px; }
[dir=rtl] .gallery figcaption { left: auto; right: 0; }
[dir=rtl] .green-img span { left: auto; right: 24px; }
[dir=rtl] .prose ul, [dir=rtl] .prose ol { margin: 0 22px 18px 0; }
[dir=rtl] .refs { direction: ltr; }
[dir=rtl] .refs-in span { font-family: "Noto Naskh Arabic", Fraunces, serif; }
[dir=rtl] .l1 { transform: rotate(2.5deg) translateY(10px); }
[dir=rtl] .l3 { transform: rotate(-2.5deg) translateY(10px); }
[dir=rtl] .cert img { align-self: flex-start; }
[dir=rtl] .phone video { direction: ltr; }
@media (max-width: 1000px) {
  [dir=rtl] .hero-facts div:nth-child(3) { padding-right: 0; border-right: 0; }
  [dir=rtl] .fig:nth-child(3) { border-left: 0; }
  [dir=rtl] .fig:nth-child(4) { padding-right: 0; }
  [dir=rtl] .svc:nth-child(3n+2), [dir=rtl] .svc:nth-child(3n) { padding-right: 0; border-right: 0; }
  [dir=rtl] .svc:nth-child(even) { padding-right: 32px; border-right: 1px solid var(--line-d); }
  [dir=rtl] .contact-l { border-left: 0; }
  [dir=rtl] .cert-card .thumb, [dir=rtl] .m-img, [dir=rtl] .n-img { border-left: 0; }
  [dir=rtl] .timeline { border-left: 0; border-right: 1px solid var(--text); margin-left: 0; margin-right: 6px; }
  [dir=rtl] .tl { padding: 0 32px 36px 0; }
  [dir=rtl] .tl::before { right: -6px; }
  [dir=rtl] .values > div:nth-child(3) { padding-right: 0; border-right: 0; }
  [dir=rtl] .vm > div + div { padding-right: 0; border-right: 0; }
  [dir=rtl] .l1, [dir=rtl] .l3 { transform: none; }
}
@media (max-width: 640px) {
  [dir=rtl] .fig { border-left: 0 !important; padding-right: 0; }
  [dir=rtl] .fig:nth-child(even) { padding-right: 14px; border-right: 1px solid var(--line); }
  [dir=rtl] .svc:nth-child(even) { padding-right: 0; border-right: 0; }
  [dir=rtl] .values > div + div { padding-right: 0; border-right: 0; }
  [dir=rtl] .map-card { right: auto; }
}

/* İletişim başlığı: metin + gece fotoğrafı */
.contact-hero { padding-bottom: 72px; }
.contact-hero-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 64px; align-items: center; }
.contact-photo { position: relative; aspect-ratio: 4/3; overflow: hidden; box-shadow: 0 40px 80px -30px rgba(0,0,0,.8); }
.contact-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 22%; }
@media (max-width: 1000px) { .contact-hero-grid { grid-template-columns: 1fr; gap: 40px; } }
.hero::after { background: linear-gradient(180deg, rgba(13,17,23,.75) 0%, rgba(13,17,23,.6) 35%, rgba(13,17,23,.82) 60%, rgba(13,17,23,.96) 100%); }
/* "Yeni · 2026" rozeti: dar ekranda görselin üstünde, üzerine binmeden */
@media (max-width: 1000px) {
  .one-img .badge-new, .one-hero-img .badge-new, [dir=rtl] .one-img .badge-new, [dir=rtl] .one-hero-img .badge-new { position: static; display: inline-block; margin-bottom: 14px; }
}
bdi { unicode-bidi: isolate; }
@media (max-width: 1000px) { .one-img { flex-direction: column; align-items: flex-start; } .one-img img { width: 100%; } }

/* Hero: yazının arkasına ek koyu geçiş (parlak video karelerine karşı) */
.hero-main { position: relative; }
.hero-main::before { content: ""; position: absolute; z-index: -1; inset: -40px -200px -40px -400px; background: radial-gradient(ellipse at 30% 55%, rgba(13,17,23,.72) 0%, rgba(13,17,23,.45) 45%, transparent 75%); pointer-events: none; }
[dir=rtl] .hero-main::before { inset: -40px -400px -40px -200px; background: radial-gradient(ellipse at 70% 55%, rgba(13,17,23,.72) 0%, rgba(13,17,23,.45) 45%, transparent 75%); }
.hero h1, .hero-sub p, .hero .label { text-shadow: 0 2px 30px rgba(0,0,0,.6), 0 1px 3px rgba(0,0,0,.35); }
/* Hero rakam satırında Afinia logosu */
.fact-logo img { height: 34px; width: auto; margin: 2px 0 10px; }
.fact-logo span { display: block; font-size: 13px; color: rgba(255,255,255,.65); }
@media (max-width: 640px) { .fact-logo img { height: 24px; } }
.fact-logo img { height: 42px; margin: 0 0 8px; }
@media (max-width: 640px) { .fact-logo img { height: 28px; } }

/* ===== Hero altı sertifika şeridi (ilk ekranda) ===== */
.cert-bar { position: relative; z-index: 2; background: #fff; color: var(--text); }
.cert-bar::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--cyan) 0 25%, var(--magenta) 25% 50%, var(--yellow) 50% 75%, var(--ink) 75%); }
.cert-bar-in { display: flex; align-items: center; gap: 36px; min-height: 124px; padding-top: 18px; padding-bottom: 14px; }
.cb-label { font-family: Fraunces, serif; font-size: 19px; line-height: 1.25; flex: none; padding-inline-end: 32px; border-inline-end: 1px solid var(--line); }
.cb-logos { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.cb-logos a { display: grid; place-items: center; transition: transform .2s; }
.cb-logos a:hover { transform: translateY(-3px); }
.cb-logos img { height: 78px; width: auto; }
.cb-logos img.wide { height: 46px; }
.iso-seal { width: 82px; height: 82px; border-radius: 50%; border: 2.5px solid var(--ink); box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 5.5px var(--ink); display: flex !important; flex-direction: column; align-items: center; justify-content: center; line-height: 1; color: var(--ink); font-family: Inter, sans-serif; }
.iso-seal b { font-size: 12px; letter-spacing: .2em; font-weight: 700; margin-inline-start: .2em; }
.iso-seal span { font-size: 21px; font-weight: 800; letter-spacing: -.02em; margin: 3px 0 2px; }
.iso-seal small { font-size: 9px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.cb-all { flex: none; font-weight: 600; font-size: 14px; border-bottom: 1px solid currentColor; }
.cb-all:hover { color: var(--accent); }
[dir=rtl] .iso-seal small { letter-spacing: 0; font-family: "IBM Plex Sans Arabic", sans-serif; }
[dir=rtl] .cb-label { font-family: "Noto Naskh Arabic", serif; }
@media (max-width: 1200px) { .cb-logos img { height: 62px; } .cb-logos img.wide { height: 36px; } .iso-seal { width: 70px; height: 70px; } .iso-seal span { font-size: 18px; } .cb-all { display: none; } }
@media (max-width: 1000px) {
  .cert-bar-in { flex-direction: column; align-items: stretch; gap: 16px; padding-top: 24px; padding-bottom: 24px; }
  .cb-label { border: 0; padding: 0; font-size: 17px; }
  .cb-label br { display: none; }
  .cb-logos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px 10px; justify-items: center; }
}
@media (max-width: 640px) {
  .cb-logos img { height: 50px; } .cb-logos img.wide { height: 24px; }
  .iso-seal { width: 56px; height: 56px; box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 4px var(--ink); } .iso-seal span { font-size: 14px; } .iso-seal b { font-size: 9px; } .iso-seal small { font-size: 7px; }
}

/* Kısa ekranlar (ör. 1366×768): sertifika şeridi ilk ekrana sığsın */
@media (min-width: 1001px) and (max-height: 860px) {
  .hero-main { padding-top: 118px; padding-bottom: 30px; }
  .hero h1 { font-size: clamp(44px, 5.6vw, 80px); margin: 16px 0 20px; }
  .hero-facts div { padding-top: 16px; padding-bottom: 18px; }
  .hero-facts b { font-size: 26px; }
  .cert-bar-in { min-height: 104px; padding-top: 14px; padding-bottom: 10px; }
  .cb-logos img { height: 64px; } .cb-logos img.wide { height: 38px; }
  .iso-seal { width: 70px; height: 70px; } .iso-seal span { font-size: 18px; }
}
/* Telefon: şerit rakamların üstünde, kompakt */
@media (max-width: 640px) {
  .hero-main { padding: 108px 0 26px; }
  .hero .hero-facts-wrap { order: 3; }
  .cert-bar { order: 2; }
  .cert-bar .cb-label { display: none; }
  .cert-bar-in { padding-top: 18px; padding-bottom: 16px; gap: 0; }
  .cb-logos { gap: 12px 6px; }
  .cb-logos img { height: 44px; } .cb-logos img.wide { height: 22px; }
  .iso-seal { width: 48px; height: 48px; } .iso-seal span { font-size: 12px; margin: 2px 0 1px; } .iso-seal b { font-size: 8px; } .iso-seal small { font-size: 6px; }
  .hero-sub p { font-size: 16px; }
}
.cb-logos img.fsc { height: 80px; }
@media (min-width: 1001px) { .cert-bar-in { padding-right: 96px; } }
@media (min-width: 1001px) and (max-height: 860px) { .cb-logos img.fsc { height: 70px; } }
@media (max-width: 1000px) { .cb-logos img.fsc { height: 58px; } }
@media (max-width: 640px) { .cb-logos img.fsc { height: 40px; } }
/* Şeffaf header açık video karelerinde okunaklı kalsın */
header:not(.solid) { background: linear-gradient(180deg, rgba(13,17,23,.7) 0%, rgba(13,17,23,.35) 70%, transparent 100%); }
header:not(.solid) .menu, header:not(.solid) .lang { text-shadow: 0 1px 12px rgba(0,0,0,.6); }

/* ===== Revizyon: tam boy karartma ===== */
.hero-main::before, [dir=rtl] .hero-main::before { display: none; }
.hero::after { background:
  linear-gradient(90deg, rgba(13,17,23,.78) 0%, rgba(13,17,23,.62) 55%, rgba(13,17,23,.5) 100%),
  linear-gradient(180deg, rgba(13,17,23,.35) 0%, rgba(13,17,23,0) 30%, rgba(13,17,23,.25) 70%, rgba(13,17,23,.6) 100%); }
[dir=rtl] .hero::after { background:
  linear-gradient(270deg, rgba(13,17,23,.78) 0%, rgba(13,17,23,.62) 55%, rgba(13,17,23,.5) 100%),
  linear-gradient(180deg, rgba(13,17,23,.35) 0%, rgba(13,17,23,0) 30%, rgba(13,17,23,.25) 70%, rgba(13,17,23,.6) 100%); }

/* ===== Revizyon: sertifika logolarında belirgin hareket ===== */
.cb-logos a { transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .3s, filter .3s; }
.cb-logos:hover a { opacity: .4; filter: grayscale(.8); }
.cb-logos a:hover, .cb-logos a:focus-visible { opacity: 1; filter: none; transform: translateY(-8px) scale(1.18); }
.cb-logos a:hover img { filter: drop-shadow(0 10px 14px rgba(13,17,23,.25)); }
.cb-logos a.iso-seal:hover { box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 5.5px var(--ink), 0 12px 22px -8px rgba(13,17,23,.35); }
@media (hover: none) { .cb-logos:hover a { opacity: 1; filter: none; } }

/* ===== Revizyon: ikonlu rakam şeridi ===== */
.fig-icons .fig { display: flex; flex-direction: column; }
.fig-ico { height: 56px; display: flex; align-items: flex-end; margin-bottom: 20px; color: var(--accent); }
.fig-ico svg { height: 48px; width: auto; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.fig-ico svg.dotmap { height: 40px; stroke: none; fill: #c9c1b3; }
.fig-ico svg.dotmap .hot { fill: var(--accent); }
.fig-ico .fig-img { height: 56px; width: auto; }
.fig-icons .fig b { font-size: clamp(30px, 2.9vw, 44px); white-space: nowrap; }
.fig b .gt, .hero-facts b .gt { font-size: .55em; vertical-align: .25em; opacity: .75; margin-inline-end: .1em; }
@media (max-width: 640px) { .fig-ico { height: 44px; margin-bottom: 14px; } .fig-ico svg { height: 38px; } .fig-ico .fig-img { height: 44px; } .fig-icons .fig b { font-size: 26px; } }

/* ===== Revizyon: vurgu rengi pembe yerine hardal ===== */
:root { --accent: #9a7400; }
.btn-accent { background: var(--yellow); color: var(--ink); box-shadow: none; }
.btn-accent:hover { background: #ecc200; }
.dark h2 em, .one-body h2 em { color: var(--yellow); }
.steps li::before, .vm h3 { color: var(--yellow); }
.contact-l dd a:hover { color: var(--yellow); }
.dot { background: var(--yellow); box-shadow: 0 0 0 6px rgba(255,210,0,.22); }
@media (max-width: 640px) { .fig-icons .fig b { font-size: 21px; } .fig-icons .fig b small { font-size: .6em; } }
@media (max-width: 380px) { .fig-icons .fig b { font-size: 19px; } }
@media (max-width: 380px) { .fig-icons .fig b { white-space: normal; } }
.hero::after { background:
  linear-gradient(90deg, rgba(13,17,23,.86) 0%, rgba(13,17,23,.72) 55%, rgba(13,17,23,.6) 100%),
  linear-gradient(180deg, rgba(13,17,23,.3) 0%, rgba(13,17,23,0) 30%, rgba(13,17,23,.2) 70%, rgba(13,17,23,.55) 100%); }
[dir=rtl] .hero::after { background:
  linear-gradient(270deg, rgba(13,17,23,.86) 0%, rgba(13,17,23,.72) 55%, rgba(13,17,23,.6) 100%),
  linear-gradient(180deg, rgba(13,17,23,.3) 0%, rgba(13,17,23,0) 30%, rgba(13,17,23,.2) 70%, rgba(13,17,23,.55) 100%); }
/* Katman sırası: video (0) < karartma (1) < içerik (2) */
.hero > video { z-index: 0; }
.hero::after { z-index: 1; }
.hero > .wrap, .hero > .cert-bar { z-index: 2; }
/* Katman düzeltmesinden sonra dengeli karartma */
.hero::after { background:
  linear-gradient(90deg, rgba(13,17,23,.72) 0%, rgba(13,17,23,.5) 55%, rgba(13,17,23,.35) 100%),
  linear-gradient(180deg, rgba(13,17,23,.35) 0%, rgba(13,17,23,0) 28%, rgba(13,17,23,.15) 70%, rgba(13,17,23,.55) 100%); }
[dir=rtl] .hero::after { background:
  linear-gradient(270deg, rgba(13,17,23,.72) 0%, rgba(13,17,23,.5) 55%, rgba(13,17,23,.35) 100%),
  linear-gradient(180deg, rgba(13,17,23,.35) 0%, rgba(13,17,23,0) 28%, rgba(13,17,23,.15) 70%, rgba(13,17,23,.55) 100%); }
/* GAİB rakamları tek satırda */
.region-stats div { grid-template-columns: minmax(250px, auto) 1fr; }
.region-stats b { font-size: 44px; white-space: nowrap; }
.region-note a { border-bottom: 1px solid currentColor; }
.region-note a:hover { color: var(--accent); }
@media (max-width: 1200px) { .region-stats div { grid-template-columns: 1fr; gap: 6px; } }
@media (max-width: 640px) { .region-stats b { font-size: 36px; white-space: normal; } }
.region-stats div { grid-template-columns: 290px 1fr; }
@media (max-width: 1200px) { .region-stats div { grid-template-columns: 1fr; } }
.fig-ico .fig-img { height: 66px; margin-bottom: -6px; }
@media (max-width: 640px) { .fig-ico .fig-img { height: 50px; } }

/* Header: büyük logo, dolgun menü, açılır menüde gölgesiz yazı */
.logo, .logo img { height: 56px; }
.nav { height: 92px; }
.menu { gap: 30px; font-size: 15.5px; font-weight: 600; }
.menu > a, .dd > a { opacity: 1; }
.dd-panel a { font-weight: 500; }
header:not(.solid) .dd-panel, header:not(.solid) .dd-panel a { text-shadow: none; }
@media (max-width: 1320px) { .menu { gap: 22px; font-size: 15px; } }
@media (max-width: 640px) { .logo, .logo img { height: 44px; } .nav { height: 76px; } }
/* Hero üst/alt boşluğu: .wrap'in yatay boşluğuna dokunmadan (tablet/telefon düzeltmesi) */
.hero .hero-main { padding-top: 160px; padding-bottom: 56px; }
@media (min-width: 1001px) and (max-height: 860px) { .hero .hero-main { padding-top: 124px; padding-bottom: 30px; } }
@media (max-width: 1000px) { .hero .hero-main { padding-top: 140px; padding-bottom: 40px; } }
@media (max-width: 640px) { .hero .hero-main { padding: 112px 16px 26px; } }
@media (min-width: 641px) and (max-width: 1000px) and (max-height: 1100px) {
  .hero .hero-main { padding-top: 112px; padding-bottom: 22px; }
  .hero h1 { font-size: 50px; margin: 14px 0 18px; }
  .hero-facts div { padding-top: 12px; padding-bottom: 14px; }
  .hero-facts b { font-size: 24px; }
  .cert-bar-in { padding-top: 16px; padding-bottom: 16px; gap: 10px; }
  .cb-logos { grid-template-columns: repeat(7, 1fr); gap: 8px; }
  .cb-logos img { height: 44px; } .cb-logos img.wide { height: 22px; } .cb-logos img.fsc { height: 40px; }
  .iso-seal { width: 50px; height: 50px; } .iso-seal span { font-size: 13px; } .iso-seal b { font-size: 8px; } .iso-seal small { font-size: 6px; }
}
@media (min-width: 641px) and (max-width: 1000px) and (max-height: 780px) { .hero .hero-facts-wrap { display: none; } }

/* ===== Kurumsal tanıtım (anasayfa) ===== */
.intro-about { padding-bottom: 96px; }
.about-lead { font-family: Fraunces, serif; font-size: clamp(21px, 1.8vw, 26px); line-height: 1.5; color: var(--text); }
.intro-about .more-link { margin-top: 26px; }
[dir=rtl] .about-lead { font-family: "Noto Naskh Arabic", serif; line-height: 1.9; }

/* ===== ABD perakende onaylı tedarikçi bloğu ===== */
.retail { background: #fff; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 104px 0 40px; }
.retail-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 72px; align-items: center; }
.retail-foot { display: flex; align-items: center; gap: 22px; margin-top: 30px; }
.retail-foot img { height: 84px; width: auto; }
.retail-foot .more-link { margin-top: 0; }
.retail-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.rt { aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: #fff; text-align: center; padding: 20px; transition: transform .3s; }
.rt:hover { transform: translateY(-4px); }
.rt span { font-family: Inter, Arial, sans-serif; font-weight: 800; font-size: clamp(24px, 2.4vw, 36px); letter-spacing: -.02em; line-height: 1.05; }
.rt small { font-size: 11px; letter-spacing: .16em; text-transform: uppercase; opacity: .85; }
.rt-walmart { background: #0071ce; }
.rt-hd { background: #f96302; }
.retail-tm { font-size: 11px; color: var(--muted); margin-top: 56px; }
[dir=rtl] .rt small { letter-spacing: 0; }
@media (max-width: 1000px) { .retail-grid { grid-template-columns: 1fr; gap: 40px; } .retail-tiles { max-width: 520px; } }
@media (max-width: 640px) { .retail { padding-top: 72px; } .rt span { font-size: 22px; } .retail-foot img { height: 64px; } }
.retail-grid > * { min-width: 0; }
@media (max-width: 1000px) { .retail-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 380px) { .rt span { font-size: 19px; } .rt { padding: 12px; } }

/* Walmart / Home Depot resmi logoları */
.retail-tiles .rt { margin: 0; aspect-ratio: auto; padding: 0; background: none; color: var(--muted); gap: 14px; display: flex; flex-direction: column; align-items: stretch; }
.retail-tiles .rt img { display: block; width: 100%; aspect-ratio: 1; box-shadow: 0 20px 40px -24px rgba(13,17,23,.35); transition: transform .3s, box-shadow .3s; }
.retail-tiles .rt:hover { transform: none; }
.retail-tiles .rt:hover img { transform: translateY(-5px); box-shadow: 0 28px 48px -22px rgba(13,17,23,.45); }
.rt-walmart img { object-fit: contain; background: #fff; border: 1px solid var(--line); padding: 30% 12%; }
.rt-hd img { object-fit: cover; }
.retail-tiles figcaption { text-align: center; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; font-weight: 600; }
[dir=rtl] .retail-tiles figcaption { letter-spacing: 0; }

/* ===== Çelik parlaması: köşeden vuran ışık + çapraz geçen huzme ===== */
.shine { position: relative; display: block; overflow: hidden; box-shadow: 0 20px 40px -24px rgba(13,17,23,.35); transition: transform .3s, box-shadow .3s; }
.retail-tiles .rt img { box-shadow: none; }
.retail-tiles .rt:hover img { transform: none; box-shadow: none; }
.retail-tiles .rt:hover .shine { transform: translateY(-5px); box-shadow: 0 28px 48px -22px rgba(13,17,23,.45); }
/* sabit köşe ışığı + çelik yansıması */
.shine::before { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1;
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(255,255,255,.55) 0%, rgba(255,255,255,.18) 28%, transparent 55%),
    linear-gradient(135deg, rgba(255,255,255,.12) 0%, transparent 40%, rgba(0,0,0,.08) 100%);
  mix-blend-mode: soft-light; }
/* çapraz geçen parlama huzmesi */
.shine::after { content: ""; position: absolute; top: -50%; bottom: -50%; left: -60%; width: 45%; pointer-events: none; z-index: 2;
  background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,.08) 30%, rgba(255,255,255,.75) 50%, rgba(255,255,255,.08) 70%, transparent 100%);
  transform: skewX(-18deg) translateX(0); animation: steel-sweep 5.5s ease-in-out infinite; }
.rt-hd .shine::after { animation-delay: .35s; }
.retail-tiles .rt:hover .shine::after { animation: steel-sweep-once .9s ease-out; }
@keyframes steel-sweep { 0%, 62% { transform: skewX(-18deg) translateX(0); } 88%, 100% { transform: skewX(-18deg) translateX(420%); } }
@keyframes steel-sweep-once { from { transform: skewX(-18deg) translateX(0); } to { transform: skewX(-18deg) translateX(420%); } }
@media (prefers-reduced-motion: reduce) { .shine::after { animation: none; display: none; } }
/* Çelik parlaması – güçlendirme */
.rt-walmart img { background: linear-gradient(135deg, #ffffff 0%, #eef1f5 38%, #ffffff 52%, #e4e8ee 100%); }
.shine::before { box-shadow: inset 2px 2px 0 rgba(255,255,255,.85), inset -2px -2px 0 rgba(13,17,23,.14);
  background:
    radial-gradient(110% 80% at 0% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.22) 30%, transparent 58%),
    linear-gradient(135deg, rgba(255,255,255,.16) 0%, transparent 42%, rgba(0,0,0,.1) 100%);
  mix-blend-mode: normal; opacity: .9; }
.rt-hd .shine::before { mix-blend-mode: soft-light; opacity: 1; }
.shine::after { width: 38%;
  background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,.12) 32%, rgba(255,255,255,.95) 50%, rgba(255,255,255,.12) 68%, transparent 100%); }

/* ===== Kurumsal bölüm: soldan serili halı ===== */
.intro-about { position: relative; overflow: hidden; padding-top: 120px; padding-bottom: 120px; }
.ia-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; position: relative; z-index: 1; }
.ia-text { grid-column: 2; }
[dir=rtl] .ia-text { grid-column: 1; }
.rug-art { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: min(50vw, 900px); pointer-events: none; }
.rug-art svg { display: block; width: 100%; height: auto; }
[dir=rtl] .rug-art { left: 0; }
@media (min-width: 1700px) { .rug-art { width: 46vw; } }
@media (max-width: 1000px) {
  .intro-about { padding-top: 64px; }
  .ia-grid { grid-template-columns: 1fr; }
  .ia-text, [dir=rtl] .ia-text { grid-column: auto; }
  .rug-art { position: relative; top: auto; transform: none; width: 100%; margin: 0 0 24px; }
}

/* Kurumsal bölüm: gerçek halı + etiket fotoğrafı (sol yarı, kenara taşan) */
.ia-photo { position: absolute; left: 0; top: 0; bottom: 0; width: 50vw; margin: 0; overflow: hidden; }
.ia-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 40% 60%; }
.ia-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(245,242,237,0) 55%, rgba(245,242,237,.85) 92%, var(--stone) 100%); }
[dir=rtl] .ia-photo { left: 0; }
@media (max-width: 1000px) {
  .ia-photo { position: relative; width: 100%; height: 340px; margin-bottom: 32px; }
  .ia-photo::after { background: linear-gradient(180deg, transparent 60%, var(--stone) 100%); }
}
@media (max-width: 640px) { .ia-photo { height: 240px; } }
.ia-photo { width: 52vw; }
.ia-photo img { object-position: 55% 55%; }
.ia-photo::after { background: linear-gradient(90deg, rgba(245,242,237,0) 50%, rgba(245,242,237,.8) 88%, var(--stone) 97%); }
[dir=rtl] .ia-photo::after { background: linear-gradient(90deg, rgba(245,242,237,0) 50%, rgba(245,242,237,.8) 88%, var(--stone) 97%); }
/* Fotoğraf kendi oranında, sol yarıda dikey ortalı */
.ia-photo { top: 50%; bottom: auto; transform: translateY(-50%); width: 50vw; aspect-ratio: 16 / 10; }
.ia-photo img { object-position: 60% 50%; }
.ia-photo::after { background: linear-gradient(90deg, rgba(245,242,237,0) 62%, rgba(245,242,237,.7) 90%, var(--stone) 100%); }
[dir=rtl] .ia-photo::after { background: linear-gradient(90deg, rgba(245,242,237,0) 62%, rgba(245,242,237,.7) 90%, var(--stone) 100%); }
@media (max-width: 1000px) { .ia-photo { top: auto; transform: none; width: 100%; height: auto; aspect-ratio: 16 / 9; } .ia-photo::after { background: linear-gradient(180deg, transparent 70%, var(--stone) 100%); } }

/* ===== Masaüstü ölçek: içerik %80 (kullanıcı %75–80 tarayıcı yakınlaştırmasında ideal buldu) =====
   Üst menü (header) ve footer ölçeklenmez; yalnızca <main> içeriği.
   CSS zoom içinde vw/vh de ölçeklendiği için tam ekran/kenara taşan ölçüler 1/0.8 ile telafi edilir. */
@media (min-width: 1101px) {
  main { zoom: .8; }
  main .hero { min-height: 125vh; min-height: 125svh; }
  main .ia-photo { width: 62.5vw; }
}
@media (min-width: 1101px) and (max-width: 1439px) {
  main { zoom: .88; }
  main .hero { min-height: 113.7vh; min-height: 113.7svh; }
  main .ia-photo { width: 56.8vw; }
}

/* Kurumsal bölüm: serili halı fotoğrafı (Unsplash) */
.ia-photo img { object-position: 72% 50%; }

/* Sarf malzeme kartları: görselli */
.tags.has-img { grid-template-columns: repeat(4, 1fr); }
.tags.has-img > div { padding: 0 0 24px; display: flex; flex-direction: column; }
.tags.has-img img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: #fff; margin-bottom: 18px; border-bottom: 1px solid var(--line); }
.tags.has-img img.cover { object-fit: cover; }
.tags.has-img b, .tags.has-img span { padding: 0 24px; }
@media (max-width: 1000px) { .tags.has-img { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .tags.has-img b, .tags.has-img span { padding: 0 16px; } .tags.has-img b { font-size: 18px; } }

/* Hero başlığında marka adı yerine logo */
.h1-logo { display: inline-block; height: 1.12em; width: auto; vertical-align: -0.24em; margin-inline-end: .08em; filter: drop-shadow(0 2px 18px rgba(0,0,0,.55)); }

/* Ölçeklenmiş içerikte hizalama: içerik sütunu üst menüyle aynı genişlikte kalsın */
@media (min-width: 1101px) { main .wrap { max-width: calc(var(--wrap) / .8); padding-left: 40px; padding-right: 40px; } }
@media (min-width: 1101px) and (max-width: 1439px) { main .wrap { max-width: calc(var(--wrap) / .88); padding-left: 36px; padding-right: 36px; } }

/* İçerik koruma: seçim ve görsel sürükleme kapalı; iletişim bilgileri ve form alanları seçilebilir */
body { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
img, video { -webkit-user-drag: none; user-drag: none; }
input, textarea, select, .copy-ok, .copy-ok * { -webkit-user-select: text; user-select: text; -webkit-touch-callout: default; }
@media print { body { display: none !important; } }

/* Rakamlar tek satırda kalsın (ör. +1.000.000 m²) */
.fig b, .hero-facts b { white-space: nowrap; }
@media (max-width: 640px) { .fig b { font-size: 26px; } }
.fig b .gt, .hero-facts b .gt { margin-inline-end: .06em; }

/* Vizyon & Misyon: daha uzun metinler için ölçü */
.vm p { font-size: clamp(20px, 1.9vw, 27px); line-height: 1.42; }

/* Perakende: üç zincir (Walmart · The Home Depot · Lowe's) */
.retail-tiles { grid-template-columns: repeat(3, 1fr); }
.rt-lowes img { object-fit: contain; border: 1px solid var(--line); padding: 26% 14%; background: linear-gradient(135deg, #ffffff 0%, #eef1f5 38%, #ffffff 52%, #e4e8ee 100%); }
.rt-lowes .shine::after { animation-delay: .7s; }
@media (max-width: 480px) { .retail-tiles { gap: 10px; } .retail-tiles figcaption { font-size: 9px; letter-spacing: .08em; } }

/* "&" işareti: Fraunces'in süslü ampersandı yerine sade (Inter) */
.amp { font-family: Inter, system-ui, sans-serif; font-style: normal; font-weight: 500; font-size: .96em; }

/* Kalite şeridi: SGS logosu + açıklama */
.cert-strip .cs-logo { display: flex; flex-direction: column; gap: 8px; }
.cert-strip .cs-logo small { font-size: 12px; color: var(--muted); }
.cert-strip .iso-seal { width: 72px; height: 72px; }
.cert-strip .iso-seal span { font-size: 18px; }
/* .amp bileşen span kurallarından (ör. .tags span, .hero-facts span) etkilenmesin */
span.amp { display: inline !important; font-size: .96em !important; color: inherit !important; margin: 0 !important; padding: 0 !important; letter-spacing: 0 !important; text-transform: none !important; line-height: inherit !important; opacity: 1 !important; }

/* ===== Haberler sayfası ===== */
.news-hero { padding-bottom: 150px; }
.news-feature-wrap { padding: 0; margin-top: -96px; position: relative; z-index: 2; }
.news-feature { display: grid; grid-template-columns: 250px 1fr; background: var(--ink); color: #fff; box-shadow: 0 40px 80px -40px rgba(13,17,23,.55); overflow: hidden; }
.nf-date { background: var(--yellow); color: var(--ink); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 40px 20px; font-family: Inter, sans-serif; }
.nf-date span { font-size: 13px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.nf-date b { font-family: Fraunces, serif; font-weight: 400; font-size: 64px; line-height: 1; margin: 10px 0; white-space: nowrap; }
.nf-body { padding: 52px 56px; position: relative; }
.nf-body::after { content: "ICFE"; position: absolute; right: 36px; top: 18px; font-family: Fraunces, serif; font-weight: 600; font-size: 120px; line-height: 1; color: rgba(255,255,255,.05); pointer-events: none; }
.nf-tag { font-size: 12px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--yellow); }
.news-feature h2 { color: #fff; margin: 14px 0 16px; font-size: clamp(32px, 3.6vw, 52px); }
.news-feature h2 em { color: var(--yellow); }
.news-feature p { color: rgba(255,255,255,.75); max-width: 720px; }
.nf-meta { list-style: none; padding: 0; margin: 28px 0 32px; display: flex; flex-wrap: wrap; gap: 14px 44px; }
.nf-meta li { font-family: Fraunces, serif; font-size: 20px; }
.nf-meta small { display: block; font-family: Inter, sans-serif; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.5); margin-bottom: 4px; }
.news-list { padding-top: 88px; }
.news-filter { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 40px; }
.news-filter button { font: 600 13px/1 Inter, sans-serif; letter-spacing: .04em; padding: 12px 20px; border: 1px solid var(--line); background: #fff; color: var(--text); cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.news-filter button:hover { border-color: var(--text); }
.news-filter button.on { background: var(--ink); color: #fff; border-color: var(--ink); }
.news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.ncard { background: #fff; border: 1px solid var(--line); display: flex; flex-direction: column; transition: transform .3s, box-shadow .3s; }
.ncard[hidden] { display: none; }
.ncard:hover { transform: translateY(-4px); box-shadow: 0 26px 50px -30px rgba(13,17,23,.35); }
.nc-img { display: block; aspect-ratio: 16 / 10; overflow: hidden; border-bottom: 1px solid var(--line); background: #fff; }
.nc-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.ncard:hover .nc-img img { transform: scale(1.04); }
.nc-doc img { object-fit: contain; background: var(--sand, #ece6dc); padding: 16px; }
.nc-logo img { object-fit: contain; padding: 14% 22%; }
.nc-fair { background: radial-gradient(120% 120% at 100% 0%, #24324a 0%, var(--ink) 60%); color: #fff; display: flex; flex-direction: column; justify-content: flex-end; padding: 26px 28px; position: relative; border-bottom: 4px solid var(--yellow); }
.nc-fair::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 2px, transparent 2px 14px); }
.nc-fair span { position: relative; font: 700 13px/1 Inter, sans-serif; letter-spacing: .3em; color: var(--yellow); }
.nc-fair b { position: relative; font-family: Fraunces, serif; font-weight: 400; font-size: 76px; line-height: .95; margin: 8px 0 10px; }
.nc-fair small { position: relative; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.65); }
.nc-body { padding: 26px 28px 30px; display: flex; flex-direction: column; flex: 1; }
.nc-meta { display: flex; align-items: center; gap: 12px; font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.nc-meta span { color: var(--accent); }
.nc-meta time { color: var(--muted); }
.nc-meta span + time::before { content: "·"; margin-inline-end: 12px; color: var(--line); }
.nc-body h3 { font-size: 24px; line-height: 1.2; margin: 12px 0 12px; }
.nc-body h3 a:hover { color: var(--accent); }
.nc-body p { font-size: 15px; color: #3a3d44; }
.nc-body .more-link { margin-top: auto; padding-top: 20px; align-self: flex-start; border: 0; }
.nc-body .more-link { text-decoration: underline; text-underline-offset: 4px; }
[dir=rtl] .nf-body::after { right: auto; left: 36px; }
[dir=rtl] .nf-tag, [dir=rtl] .nc-meta, [dir=rtl] .nf-meta small, [dir=rtl] .nf-date span { letter-spacing: 0; }
@media (max-width: 1100px) { .news-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 800px) {
  .news-feature { grid-template-columns: 1fr; }
  .nf-date { flex-direction: row; gap: 14px; padding: 20px; }
  .nf-date b { font-size: 40px; margin: 0; }
  .nf-body { padding: 34px 24px; }
  .nf-body::after { font-size: 72px; }
}
@media (max-width: 640px) { .news-grid { grid-template-columns: 1fr; } .news-feature-wrap { margin-top: -60px; } .news-hero { padding-bottom: 110px; } .nc-fair b { font-size: 60px; } }
.nf-meta li.nf-stand { color: var(--yellow); }

/* Anasayfa: yaklaşan fuar duyurusu (ICFE 2027) — fuardan sonra kaldırılacak */
.event-pill { display: inline-flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 26px; padding: 10px 18px 10px 14px; background: rgba(13,17,23,.55); border: 1px solid rgba(255,210,0,.55); color: #fff; font-size: 14px; backdrop-filter: blur(6px); transition: background .2s, border-color .2s; }
.event-pill:hover { background: rgba(13,17,23,.8); border-color: var(--yellow); }
.event-pill i { width: 9px; height: 9px; border-radius: 50%; background: var(--yellow); box-shadow: 0 0 0 0 rgba(255,210,0,.7); animation: ev-pulse 1.8s infinite; flex: none; }
.event-pill b { font-weight: 700; letter-spacing: .06em; color: var(--yellow); }
.event-pill span { color: rgba(255,255,255,.85); }
.event-pill em { font-style: normal; font-weight: 600; border-bottom: 1px solid currentColor; }
@keyframes ev-pulse { 70% { box-shadow: 0 0 0 10px rgba(255,210,0,0); } 100% { box-shadow: 0 0 0 0 rgba(255,210,0,0); } }
@media (prefers-reduced-motion: reduce) { .event-pill i { animation: none; } }
@media (max-width: 640px) { .event-pill { font-size: 12px; gap: 6px 10px; padding: 8px 12px; margin-bottom: 18px; } .event-pill span { flex-basis: 100%; order: 3; } }
@media (min-width: 1001px) and (max-height: 860px) { .event-pill { margin-bottom: 14px; padding: 7px 14px 7px 12px; } }
.event-pill small.ev-d { font-size: inherit; }
@media (max-width: 640px) {
  .event-pill { flex-wrap: nowrap; }
  .event-pill span { flex-basis: auto; order: 0; white-space: nowrap; }
  .event-pill small.ev-d, .event-pill em { display: none; }
  .green { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 400px) { .hero-facts b { white-space: normal; } }
/* Kısa ekranlı telefonlarda sertifika şeridi ilk ekranda kalsın: fuar duyurusu gizlenir */
@media (max-width: 640px) and (max-height: 800px) { .event-pill { display: none; } }
@media (max-width: 400px) { .label { letter-spacing: .1em; } .green-body .label { display: block; } .green-body .label::before { display: none; } }

/* ===== ICFE 2027: anasayfa şeridi (hap yerine) ===== */
.event-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px 28px; flex-wrap: wrap; max-width: 980px; margin-bottom: 30px; padding: 14px 14px 14px 22px; background: var(--yellow); color: var(--ink); box-shadow: 0 18px 40px -18px rgba(0,0,0,.6); text-shadow: none; }
.eb-info { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; font-size: 15px; }
.eb-info i { width: 10px; height: 10px; border-radius: 50%; background: #d7263d; box-shadow: 0 0 0 0 rgba(215,38,61,.6); animation: ev-pulse-r 1.6s infinite; flex: none; }
.eb-info b { font-weight: 800; letter-spacing: .08em; font-size: 16px; }
.eb-info strong { font-weight: 800; }
.eb-act { display: flex; align-items: center; gap: 18px; }
.eb-btn { background: var(--ink); color: #fff; font-weight: 700; font-size: 14px; letter-spacing: .02em; padding: 13px 22px; white-space: nowrap; transition: background .2s; }
.eb-btn:hover { background: #000; }
.eb-more { font-weight: 700; font-size: 14px; border-bottom: 1.5px solid currentColor; white-space: nowrap; }
@keyframes ev-pulse-r { 70% { box-shadow: 0 0 0 10px rgba(215,38,61,0); } 100% { box-shadow: 0 0 0 0 rgba(215,38,61,0); } }
@media (prefers-reduced-motion: reduce) { .eb-info i { animation: none; } }
@media (min-width: 1001px) and (max-height: 860px) { .event-bar { margin-bottom: 16px; padding: 10px 10px 10px 18px; } .eb-btn { padding: 10px 18px; } }
@media (max-width: 640px) {
  .event-bar { padding: 12px 12px 12px 14px; gap: 10px; margin-bottom: 18px; }
  .eb-info { font-size: 13px; gap: 8px; } .eb-info span { flex-basis: 100%; }
  .eb-act { width: 100%; justify-content: space-between; } .eb-btn { padding: 11px 16px; font-size: 13px; }
}
@media (max-width: 640px) and (max-height: 800px) { .eb-info span { display: none; } .eb-more { display: none; } .eb-act { width: auto; } }

/* ===== Davetiye formu (modal) ===== */
.inv-modal { border: 0; padding: 0; width: min(760px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); background: var(--ink); color: #fff; box-shadow: 0 40px 100px -20px rgba(0,0,0,.7); border-top: 5px solid var(--yellow); }
.inv-modal::backdrop { background: rgba(8,11,16,.72); backdrop-filter: blur(4px); }
.inv-modal form { padding: 44px 48px 40px; gap: 2px; }
.inv-modal h3 { color: #fff; font-size: 34px; margin: 10px 0 10px; }
.inv-lead { color: rgba(255,255,255,.7); font-size: 15px; margin-bottom: 14px; }
.inv-x { position: absolute; top: 14px; inset-inline-end: 16px; background: none; border: 0; color: rgba(255,255,255,.7); font-size: 22px; cursor: pointer; padding: 6px 10px; z-index: 1; }
.inv-x:hover { color: #fff; }
.inv-modal .f span { color: rgba(255,255,255,.55); }
.inv-modal select option { color: var(--text); }
.inv-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.inv-consent { display: flex; gap: 12px; align-items: flex-start; margin-top: 18px; font-size: 13px; color: rgba(255,255,255,.7); cursor: pointer; }
.inv-consent input { width: 18px; height: 18px; flex: none; margin-top: 2px; accent-color: var(--yellow); }
.inv-msg { margin-top: 14px; padding: 10px 14px; background: rgba(215,38,61,.18); border-inline-start: 3px solid #d7263d; font-size: 14px; }
.inv-modal .btn { margin-top: 22px; width: max-content; }
.inv-modal .btn:disabled { opacity: .6; cursor: wait; }
.inv-done { padding: 64px 48px 56px; text-align: center; }
.inv-done p { color: rgba(255,255,255,.75); max-width: 460px; margin: 0 auto; }
.inv-check { width: 64px; height: 64px; margin: 0 auto 10px; border-radius: 50%; background: var(--yellow); color: var(--ink); display: grid; place-items: center; font-size: 30px; font-weight: 800; }
.inv-done .btn { margin: 26px auto 0; }
@media (max-width: 640px) { .inv-modal form { padding: 40px 20px 28px; } .inv-modal h3 { font-size: 26px; } .inv-modal .row2 { grid-template-columns: 1fr; gap: 0; } .inv-done { padding: 52px 20px 40px; } }

/* ===== Haberler: fuar alanı konumu ===== */
.nf-loc { display: grid; grid-template-columns: 1.6fr 1fr; margin-top: 28px; background: #fff; border: 1px solid var(--line); }
.nf-loc iframe { width: 100%; height: 100%; min-height: 320px; border: 0; display: block; }
.nf-loc-card { padding: 40px 40px 36px; border-inline-start: 1px solid var(--line); }
.nf-loc-card h3 { font-size: 28px; margin: 10px 0 8px; }
.nf-loc-card p { color: var(--muted); }
.nf-loc-stand { font-family: Fraunces, serif; font-size: 22px; color: var(--accent) !important; margin-top: 18px; }
@media (max-width: 800px) { .nf-loc { grid-template-columns: 1fr; } .nf-loc-card { border-inline-start: 0; border-top: 1px solid var(--line); padding: 28px 22px; } .nf-loc iframe { min-height: 260px; } }
/* Koyu zemindeki çerçeveli düğmeler (ör. davetiye "Kapat"): tarayıcı varsayılan gri zeminini ez */
button.btn-line { background: transparent; color: #fff; border-color: rgba(255,255,255,.55); }
button.btn-line:hover { background: #fff; color: var(--ink); }
.inv-modal [hidden] { display: none !important; }
.inv-modal { margin: auto; }

/* Politika sayfası: iki belge tek sayfada */
.doc-nav .doc-nav-h { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); margin: 18px 0 6px; }
.doc-nav .doc-nav-h:first-child { margin-top: 0; }
.prose .doc-title { font-size: clamp(30px, 3.2vw, 44px); margin-top: 20px; padding-bottom: 14px; border-bottom: 2px solid var(--text); }
.prose .doc-sep { border: 0; border-top: 1px solid var(--line); margin: 72px 0 8px; }
[dir=rtl] .doc-nav .doc-nav-h { letter-spacing: 0; }

/* ===== Harita kapısı: Google Haritası ziyaretçi tıklayınca yüklenir (KVKK) ===== */
.map-gate + iframe { display: none; }
.map-gate { width: 100%; height: 100%; min-height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 32px 24px; text-align: center; color: rgba(255,255,255,.7);
  background: radial-gradient(circle at 50% 45%, rgba(255,210,0,.10), transparent 55%), repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0 1px, transparent 1px 48px), repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 1px, transparent 1px 48px), var(--navy-2); }
.map-gate svg { width: 44px; height: 44px; fill: var(--yellow); }
.map-gate small { max-width: 340px; font-size: 12.5px; line-height: 1.5; }
.map .map-gate { padding-left: 440px; }
[dir=rtl] .map .map-gate { padding-left: 24px; padding-right: 440px; }
.nf-loc .map-gate { min-height: 320px; color: var(--muted);
  background: repeating-linear-gradient(0deg, var(--line) 0 1px, transparent 1px 48px), repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px 48px), var(--stone); }
.nf-loc .map-gate svg { fill: var(--accent); }
@media (max-width: 640px) { .map .map-gate, [dir=rtl] .map .map-gate { padding: 32px 24px; } }
@media (max-width: 640px) { .map .map-gate { height: 300px; } }

/* ===== Yasal sayfalar: tablo ===== */
.tbl-wrap { overflow-x: auto; margin: 8px 0 24px; }
.doc-table { width: 100%; border-collapse: collapse; font-size: 14.5px; background: #fff; border: 1px solid var(--line); }
.doc-table th { text-align: start; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); background: var(--stone); padding: 12px 14px; border-bottom: 1px solid var(--line); }
.doc-table td { padding: 14px; border-bottom: 1px solid var(--line); vertical-align: top; line-height: 1.5; }
.doc-table tr:last-child td { border-bottom: 0; }
.doc-table code { font-size: 13px; background: var(--stone); padding: 2px 6px; white-space: nowrap; }
[dir=rtl] .doc-table th { letter-spacing: 0; }
@media (max-width: 640px) { .doc-table { font-size: 13.5px; min-width: 560px; } }

/* ===== Teklif / iletişim formu ===== */
.quote-form .q-ok { margin-top: 18px; padding: 12px 16px; background: rgba(255,210,0,.14); border-inline-start: 3px solid var(--yellow); color: #fff; font-size: 15px; }
.quote-form .q-note { margin-top: 16px; font-size: 12.5px; color: rgba(255,255,255,.45); }

/* ===== ICFE şeridi: daha büyük + yanıp sönen ışık (kullanıcı isteği) ===== */
.event-bar { max-width: 1080px; padding: 20px 20px 20px 28px; gap: 16px 36px; animation: eb-glow 1.6s ease-in-out infinite; }
.eb-info { font-size: 17px; gap: 16px; }
.eb-info b { font-size: 21px; }
.eb-info i { width: 13px; height: 13px; animation: ev-pulse-r 1.6s infinite, eb-blink 0.8s steps(1, end) infinite; }
.eb-btn { font-size: 15px; padding: 16px 28px; }
.eb-more { font-size: 15px; }
@keyframes eb-glow {
  0%, 100% { box-shadow: 0 18px 40px -18px rgba(0,0,0,.6), 0 0 0 0 rgba(255,210,0,0); filter: brightness(1); }
  50% { box-shadow: 0 18px 40px -18px rgba(0,0,0,.6), 0 0 0 7px rgba(255,210,0,.35), 0 0 42px 8px rgba(255,210,0,.55); filter: brightness(1.07); }
}
@keyframes eb-blink { 50% { opacity: .15; } }
@media (prefers-reduced-motion: reduce) { .event-bar, .eb-info i { animation: none; } }
@media (min-width: 1001px) and (max-height: 860px) { .event-bar { padding: 14px 14px 14px 22px; } .eb-info b { font-size: 18px; } .eb-btn { padding: 12px 22px; } }
@media (max-width: 640px) {
  .event-bar { padding: 14px 14px 14px 16px; gap: 10px; }
  .eb-info { font-size: 14px; gap: 8px; } .eb-info b { font-size: 17px; }
  .eb-btn { padding: 12px 18px; font-size: 14px; } .eb-more { font-size: 14px; }
}

/* ===== Açılır menü: büyük harf (kullanıcı seçimi) ===== */
@media (min-width: 1201px) {
  .dd-panel { min-width: 330px; }
  .dd-panel a { text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: .08em; padding: 12px 22px; white-space: nowrap; }
  [dir=rtl] .dd-panel a { text-transform: none; letter-spacing: 0; font-size: 14px; }
}

/* Ofset "Neler basıyoruz?" görselli kartlar: 3 sütun */
.tags.has-img.cols3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1000px) { .tags.has-img.cols3 { grid-template-columns: repeat(2, 1fr); } }

/* "&" işareti (build.js'in eklediği span.amp) liste satırlarındaki span kurallarını almasın */
.machines li span.amp, li span.amp, dd span.amp, b span.amp { display: inline; float: none; color: inherit; font-size: .96em; text-align: inherit; margin: 0; padding: 0; }
.machines .ml { font-style: normal; }

/* ===== Tanıtım filmi: kapak + büyük oynat düğmesi ===== */
.vplay { position: relative; }
.vplay video { display: block; width: 100%; aspect-ratio: 16/9; background: var(--ink); }
.vplay-btn { position: absolute; left: 50%; top: 50%; width: 104px; height: 104px; margin: -52px 0 0 -52px; border: 0; border-radius: 50%; background: var(--yellow); color: var(--ink); display: grid; place-items: center; cursor: pointer; box-shadow: 0 0 0 0 rgba(255,210,0,.55), 0 20px 50px -12px rgba(0,0,0,.6); animation: vp-pulse 2.2s ease-out infinite; transition: transform .2s; }
.vplay-btn:hover { transform: scale(1.08); }
.vplay-btn svg { width: 42px; height: 42px; fill: currentColor; margin-inline-start: 6px; }
.vplay.playing .vplay-btn { display: none; }
@keyframes vp-pulse { 70% { box-shadow: 0 0 0 26px rgba(255,210,0,0), 0 20px 50px -12px rgba(0,0,0,.6); } 100% { box-shadow: 0 0 0 0 rgba(255,210,0,0), 0 20px 50px -12px rgba(0,0,0,.6); } }
@media (prefers-reduced-motion: reduce) { .vplay-btn { animation: none; } }
@media (max-width: 640px) { .vplay-btn { width: 72px; height: 72px; margin: -36px 0 0 -36px; } .vplay-btn svg { width: 30px; height: 30px; } }
[dir=rtl] .vplay-btn svg { margin-inline-start: 0; margin-inline-end: 6px; }
.vplay::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 38%; background: linear-gradient(180deg, transparent, rgba(0,0,0,.6)); pointer-events: none; transition: opacity .3s; }
.vplay-cap { position: absolute; left: 36px; bottom: 30px; z-index: 1; display: flex; align-items: center; gap: 12px; color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; pointer-events: none; }
.vplay-cap::before { content: ""; width: 28px; height: 1px; background: currentColor; }
[dir=rtl] .vplay-cap { left: auto; right: 36px; letter-spacing: 0; font-size: 15px; }
.vplay.playing::after, .vplay.playing .vplay-cap { opacity: 0; visibility: hidden; }
@media (max-width: 640px) { .vplay-cap { left: 18px; bottom: 16px; font-size: 11px; } [dir=rtl] .vplay-cap { right: 18px; } }
/* Alt kısımda tarayıcının video kontrolleri olduğu için yazı üstte */
.vplay::after { top: 0; bottom: auto; height: 34%; background: linear-gradient(0deg, transparent, rgba(0,0,0,.55)); }
.vplay-cap { top: 30px; bottom: auto; }
@media (max-width: 640px) { .vplay-cap { top: 16px; } }

/* Rakam şeridi: kartuş görseli (beyaz payı kırpıldı) biraz daha büyük */
.fig-ico .fig-img.fig-ink { height: 58px; mix-blend-mode: multiply; }
@media (max-width: 640px) { .fig-ico .fig-img.fig-ink { height: 46px; } }

/* Tanıtım filmi açılışı: logo animasyonu (beyaz zemin) → logoda durur → oynat düğmesi belirir */
.vplay-intro { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #f4f4f4; z-index: 1; cursor: pointer; }
.vplay.has-intro .vplay-btn { z-index: 2; top: 72%; opacity: 0; transform: scale(.7); transition: opacity .5s, transform .5s; pointer-events: none; }
.vplay.has-intro.intro-done .vplay-btn { opacity: 1; transform: none; pointer-events: auto; }
.vplay.has-intro::after { display: none; }
.vplay.has-intro .vplay-cap { z-index: 2; color: var(--text); opacity: 0; transition: opacity .5s; }
.vplay.has-intro.intro-done .vplay-cap { opacity: 1; }
.vplay.has-intro.playing .vplay-cap { opacity: 0; }

/* Geri düğmesi (TASLAK rozetinin yerinde) */
.backbtn { position: fixed; left: 16px; bottom: 16px; z-index: 70; display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px 11px 14px; background: var(--ink); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; border: 1px solid rgba(255,255,255,.18); box-shadow: 0 12px 28px -12px rgba(0,0,0,.55); transition: background .2s, transform .2s; }
.backbtn:hover { background: #000; transform: translateX(-2px); }
.backbtn svg { width: 16px; height: 16px; fill: none; stroke: var(--yellow); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
[dir=rtl] .backbtn { padding: 11px 14px 11px 18px; letter-spacing: 0; font-size: 14px; }
[dir=rtl] .backbtn svg { transform: scaleX(-1); }
[dir=rtl] .backbtn:hover { transform: translateX(2px); }
@media (max-width: 640px) { .backbtn { padding: 9px 14px 9px 11px; font-size: 12px; } }
@media print { .backbtn { display: none; } }

/* Aynı anda tek açılır menü: fare başka bir menünün üzerindeyken odakta kalan menü kapanır */
@media (min-width: 1201px) {
  .menu:hover .dd:not(:hover) .dd-panel { opacity: 0; visibility: hidden; transform: translateY(6px); }
}

/* ===== Sinema modu: film oynarken sayfa kararır ===== */
.cinema-shade { position: fixed; inset: 0; z-index: 90; background: rgba(5,7,10,.9); opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility .6s; cursor: pointer; }
html.cinema .cinema-shade { opacity: 1; visibility: visible; }
.vplay.on-stage { z-index: 91; box-shadow: 0 0 0 1px rgba(255,255,255,.06), 0 40px 120px -20px rgba(0,0,0,.9); }
html.cinema .wa, html.cinema .backbtn { opacity: 0; pointer-events: none; }
.wa, .backbtn { transition: opacity .4s, background .2s, transform .2s; }
@media (prefers-reduced-motion: reduce) { .cinema-shade { transition: none; } }

/* Yasal metinler: anahtar-değer tablosu, tarih satırı, form bağlantıları */
.doc-table.kv th { width: 32%; text-align: start; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); background: var(--stone); padding: 12px 14px; border-bottom: 1px solid var(--line); vertical-align: top; }
[dir=rtl] .doc-table.kv th { letter-spacing: 0; text-transform: none; font-size: 13px; }
.prose .doc-date { margin-top: 36px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 14px; color: var(--muted); }
.prose a:not(.btn) { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.q-note a, .inv-consent a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

/* ===== CMYK kayıt efekti (anasayfa "Tasarımdan baskıya") ===== */
em.misreg.pre { color: rgba(27,29,34,.88); text-shadow: -6px -3px 0 rgba(0,168,225,.75), 5px 2px 0 rgba(230,0,126,.7), -2px 5px 0 rgba(255,210,0,.9); }
em.misreg.pre.go { color: var(--accent); text-shadow: 0 0 0 rgba(0,168,225,0), 0 0 0 rgba(230,0,126,0), 0 0 0 rgba(255,210,0,0); transition: text-shadow 1.2s cubic-bezier(.2,.75,.2,1), color .7s ease .75s; }

/* ===== Kalp atışı: "kalbindeyiz" (anasayfa, Halının başkenti) ===== */
.beat { display: inline-block; transform-origin: 50% 60%; }
.beat.on { animation: heartbeat 1.6s ease-in-out infinite; }
@keyframes heartbeat {
  0%, 40%, 100% { transform: scale(1); text-shadow: none; }
  10% { transform: scale(1.07); text-shadow: 0 0 18px rgba(230,0,126,.28); }
  20% { transform: scale(1); }
  28% { transform: scale(1.045); text-shadow: 0 0 12px rgba(230,0,126,.18); }
}
@media (prefers-reduced-motion: reduce) { .beat.on { animation: none; } }
.beat { transform-origin: 0 60%; }
[dir=rtl] .beat { transform-origin: 100% 60%; }

/* ===== Seçim kutusu (Grafik Tasarım sloganı): tasarım programındaki gibi kutu + tutamaçlar + imleç ===== */
.selbox { position: relative; display: inline-block; }
.selbox::before { content: ""; position: absolute; inset: 6px -9px -2px -9px; border: 1.5px solid #1e90ff; }
.selbox i { position: absolute; width: 9px; height: 9px; background: #fff; border: 1.5px solid #1e90ff; }
.selbox .h1 { left: -14px; top: 1px; } .selbox .h2 { left: calc(50% - 5px); top: 1px; } .selbox .h3 { right: -14px; top: 1px; }
.selbox .h4 { left: -14px; top: calc(50% - 1px); } .selbox .h5 { right: -14px; top: calc(50% - 1px); }
.selbox .h6 { left: -14px; bottom: -7px; } .selbox .h7 { left: calc(50% - 5px); bottom: -7px; } .selbox .h8 { right: -14px; bottom: -7px; }
.selbox .cur { position: absolute; right: -40px; bottom: -34px; width: 26px; height: 26px; fill: var(--ink); stroke: #fff; stroke-width: 1.2; }
[dir=rtl] .selbox .cur { right: auto; left: -40px; transform: scaleX(-1); }
/* Animasyon: kutu çizilir → tutamaçlar belirir → imleç kayarak gelir */
.selbox.pre::before { clip-path: inset(0 100% 100% 0); }
.selbox.pre i { opacity: 0; transform: scale(.3); }
.selbox.pre .cur { opacity: 0; translate: 40px 30px; }
[dir=rtl] .selbox.pre .cur { translate: -40px 30px; }
.selbox.pre.go::before { clip-path: inset(0 0 0 0); transition: clip-path .7s cubic-bezier(.6,0,.2,1) .35s; }
.selbox.pre.go i { opacity: 1; transform: none; transition: opacity .25s, transform .35s cubic-bezier(.3,1.6,.5,1); }
.selbox.pre.go .h1 { transition-delay: 1.05s; } .selbox.pre.go .h2 { transition-delay: 1.1s; } .selbox.pre.go .h3 { transition-delay: 1.15s; }
.selbox.pre.go .h5 { transition-delay: 1.2s; } .selbox.pre.go .h8 { transition-delay: 1.25s; } .selbox.pre.go .h7 { transition-delay: 1.3s; }
.selbox.pre.go .h6 { transition-delay: 1.35s; } .selbox.pre.go .h4 { transition-delay: 1.4s; }
.selbox.pre.go .cur { opacity: 1; translate: 0 0; transition: opacity .3s 1.5s, translate .9s cubic-bezier(.2,.8,.2,1) 1.5s; }
.selbox { margin-inline: 12px 16px; }

/* ===== Başlık efektleri döngüde (kalp atışı gibi, yalnız ekrandayken) ===== */
/* CMYK: kayık → oturur (0,9 sn) → temiz bekler (1,5 sn) → yeniden kayar (4,2 sn döngü) */
em.misreg.on { animation: misreg 4.2s cubic-bezier(.2,.75,.2,1) infinite; }
@keyframes misreg {
  0%, 100% { color: rgba(27,29,34,.88); text-shadow: -6px -3px 0 rgba(0,168,225,.75), 5px 2px 0 rgba(230,0,126,.7), -2px 5px 0 rgba(255,210,0,.9); }
  21% { text-shadow: 0 0 0 rgba(0,168,225,0), 0 0 0 rgba(230,0,126,0), 0 0 0 rgba(255,210,0,0); }
  31%, 67% { color: var(--accent); text-shadow: 0 0 0 rgba(0,168,225,0), 0 0 0 rgba(230,0,126,0), 0 0 0 rgba(255,210,0,0); }
}
/* Milimetrik: kutu çizilir → tutamaçlar → imleç → bekler → silinir (6 sn) */
.selbox.on::before { animation: sb-box 6s cubic-bezier(.6,0,.2,1) infinite; }
.selbox.on i { animation: sb-handle 6s ease infinite; }
.selbox.on .h2 { animation-delay: .05s; } .selbox.on .h3 { animation-delay: .1s; } .selbox.on .h5 { animation-delay: .15s; }
.selbox.on .h8 { animation-delay: .2s; } .selbox.on .h7 { animation-delay: .25s; } .selbox.on .h6 { animation-delay: .3s; } .selbox.on .h4 { animation-delay: .35s; }
.selbox.on .cur { animation: sb-cur 6s cubic-bezier(.2,.8,.2,1) infinite; }
[dir=rtl] .selbox.on .cur { animation-name: sb-cur-rtl; }
@keyframes sb-box { 0%, 4% { clip-path: inset(0 100% 100% 0); opacity: 1; } 18%, 84% { clip-path: inset(0 0 0 0); opacity: 1; } 92%, 100% { clip-path: inset(0 0 0 0); opacity: 0; } }
@keyframes sb-handle { 0%, 18% { opacity: 0; transform: scale(.3); } 23%, 84% { opacity: 1; transform: scale(1); } 92%, 100% { opacity: 0; transform: scale(1); } }
@keyframes sb-cur { 0%, 26% { opacity: 0; translate: 40px 30px; } 40%, 84% { opacity: 1; translate: 0 0; } 92%, 100% { opacity: 0; translate: 0 0; } }
@keyframes sb-cur-rtl { 0%, 26% { opacity: 0; translate: -40px 30px; } 40%, 84% { opacity: 1; translate: 0 0; } 92%, 100% { opacity: 0; translate: 0 0; } }
@media (prefers-reduced-motion: reduce) { em.misreg.on, .selbox.on::before, .selbox.on i, .selbox.on .cur { animation: none; } }
/* Sloganın tamamı seçim kutusunda */
.selbox.sb-all { margin-inline: 0; }
.selbox.sb-all::before { inset: -6px -16px -8px -16px; }
.selbox.sb-all .h1, .selbox.sb-all .h4, .selbox.sb-all .h6 { left: -21px; }
.selbox.sb-all .h3, .selbox.sb-all .h5, .selbox.sb-all .h8 { right: -21px; }
.selbox.sb-all .h1, .selbox.sb-all .h2, .selbox.sb-all .h3 { top: -11px; }
.selbox.sb-all .h6, .selbox.sb-all .h7, .selbox.sb-all .h8 { bottom: -13px; }
.selbox.sb-all .cur { right: -52px; bottom: -46px; }
[dir=rtl] .selbox.sb-all .cur { right: auto; left: -52px; }

/* Footer: Printing Innovation logosu beyaz kutuda, orijinal renkleriyle */
.pi-box { background: #fff; padding: 14px 20px; box-shadow: 0 16px 36px -18px rgba(0,0,0,.6); }
.pi-box img { display: block; height: 150px; width: auto; }
@media (max-width: 640px) { .pi-box { padding: 12px 16px; } .pi-box img { height: 88px; } }

/* Numaralı kutucuk başlıkları büyük harf (kullanıcı isteği) */
.svc h3 { text-transform: uppercase; font-size: 21px; letter-spacing: .04em; line-height: 1.25; }
[dir=rtl] .svc h3 { text-transform: none; letter-spacing: 0; font-size: 24px; }
@media (max-width: 640px) { .svc h3 { font-size: 19px; } }

/* ===== Etiket mozaiği (anasayfa kurumsal bölüm) =====
   JS yoksa: koyu zeminde normal metin. JS ile (.mz-on): 320 ekran boyu kaydırma, sahne sabit kalır.
   --z: masaüstü sayfa ölçeği (main zoom) — ekran yüksekliğine bağlı ölçüler buna bölünür. */
.mozaik { --z: 1; position: relative; background: var(--ink); color: #fff; }
@media (min-width: 1101px) { .mozaik { --z: .8; } }
@media (min-width: 1101px) and (max-width: 1439px) { .mozaik { --z: .88; } }
.mz-canvas { display: none; }
.mz-stage { padding: 110px 0; }
.mz-text { max-width: 820px; position: relative; z-index: 1; }
.mz-text h2 { color: #fff; }
.mz-text h2 em { color: var(--yellow); }
.mz-text .label { color: rgba(255,255,255,.6); }
.mz-text .about-lead { color: rgba(255,255,255,.9); }
.mz-text .lead { color: rgba(255,255,255,.62); }
.mz-text .more-link { color: #fff; }
.mozaik.mz-on { height: calc(320vh / var(--z)); }
.mozaik.mz-on .mz-stage { position: sticky; top: 0; height: calc(100vh / var(--z)); padding: 0; overflow: hidden; }
.mozaik.mz-on .mz-canvas { display: block; position: absolute; inset: 0; width: 100%; height: 100%; }
.mozaik.mz-on .mz-text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% + (1 - var(--mzt, 0)) * 40px)); width: 100%; opacity: var(--mzt, 0); text-align: center; pointer-events: none; }
.mozaik.mz-on .mz-text .label::before { display: none; }
.mozaik.mz-on .mz-text p { margin-left: auto; margin-right: auto; max-width: 700px; }
.mozaik.mz-on .mz-text a { pointer-events: auto; }
/* Hareket azaltma: logo tamamlanmış halde, metin altında */
.mozaik.mz-static { height: auto; }
.mozaik.mz-static .mz-stage { position: relative; height: auto; padding: 80px 0; }
.mozaik.mz-static .mz-canvas { position: relative; height: 46vh; }
.mozaik.mz-static .mz-text { position: relative; left: auto; top: auto; transform: none; opacity: 1; margin: 30px auto 0; }
@media (max-width: 640px) { .mozaik.mz-on { height: 260vh; } .mz-text .about-lead { font-size: 18px; } }
.mozaik.mz-on .mz-text .label { justify-content: center; }
@media (max-width: 640px) {
  .mozaik.mz-on .mz-text h2 { font-size: 30px; }
  .mozaik.mz-on .mz-text .about-lead { font-size: 15.5px; line-height: 1.55; }
  .mozaik.mz-on .mz-text .lead { font-size: 13.5px; line-height: 1.6; margin-top: 12px !important; }
  .mozaik.mz-on .mz-text .more-link { margin-top: 16px; }
}

/* ===== Grafik Tasarım: etiket tasarımları galerisi ===== */
.label-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 44px 34px; margin-top: 56px; }
.label-grid .lbl { position: relative; }
.label-grid .g1 { transform: rotate(-1.6deg); } .label-grid .g2 { transform: translateY(12px) rotate(1.2deg); }
.label-grid .g3 { transform: rotate(-.8deg) translateY(-6px); } .label-grid .g4 { transform: translateY(8px) rotate(1.8deg); }
.label-grid .lbl img { aspect-ratio: 4 / 3; object-fit: cover; }
.label-grid .lbl:hover { transform: rotate(0) translateY(-8px) scale(1.03); }
@media (max-width: 1000px) { .label-grid { grid-template-columns: repeat(2, 1fr); gap: 30px 22px; } }
@media (max-width: 480px) { .label-grid { gap: 22px 14px; } .label-grid .lbl { padding: 6px; } .label-grid .lbl figcaption { font-size: 13px; padding-top: 8px; } }
@media (prefers-reduced-motion: reduce) { .label-grid .lbl { transform: none; } }

/* Grafik Tasarım: üst görsel (etiket tasarımları masası) daha belirgin; sol taraf görselin kendisinde koyu */
.page-grafik-tasarim .page-hero .ph-img { opacity: .92; background-position: 70% 42%; }
.page-grafik-tasarim .page-hero::after { background: linear-gradient(90deg, rgba(13,17,23,.75) 0%, rgba(13,17,23,.35) 45%, rgba(13,17,23,0) 70%), linear-gradient(180deg, rgba(13,17,23,.5), rgba(13,17,23,0) 30%, rgba(13,17,23,.55)); }
[dir=rtl] .page-grafik-tasarim .page-hero .ph-img { background-position: 30% 42%; }
[dir=rtl] .page-grafik-tasarim .page-hero::after { background: linear-gradient(270deg, rgba(13,17,23,.75) 0%, rgba(13,17,23,.35) 45%, rgba(13,17,23,0) 70%), linear-gradient(180deg, rgba(13,17,23,.5), rgba(13,17,23,0) 30%, rgba(13,17,23,.55)); }
@media (max-width: 800px) { .page-grafik-tasarim .page-hero .ph-img { opacity: .55; background-position: 80% 50%; } }