:root {
  --navy: #071523;
  --navy-2: #0b1d31;
  --navy-3: #10263d;
  --gold: #c99a3f;
  --gold-light: #e1bd68;
  --white: #ffffff;
  --text: #111827;
  --muted: #536174;
  --muted-light: #d8e0eb;
  --line: rgba(201, 154, 63, .45);
  --soft-line: #e5e9ef;
  --shadow: 0 24px 70px rgba(7, 21, 35, .22);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: #f6f7f9;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, textarea { font: inherit; }
.skip-link { position:absolute; left:-999px; top:14px; background:#fff; color:#071523; padding:10px 14px; z-index:999; border-radius:4px; }
.skip-link:focus { left:14px; }
.section-dark { background: var(--navy); color: #fff; }
.section-light { background: #fff; }

.site-header {
  height: 100px;
  background: linear-gradient(90deg, #071421, #091929 58%, #071421);
  color: white;
  display: grid;
  grid-template-columns: 390px 1fr auto 48px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 0;
  z-index: 50;
}
.logo-panel {
  position: relative;
  height: 100px;
  width: 390px;
  background: var(--gold);
  clip-path: polygon(0 0, 384px 0, 336px 100%, 0 100%);
  display: flex;
  align-items: stretch;
  padding: 0 4px 0 0;
  box-shadow: none;
  overflow: hidden;
}
.logo-panel a {
  width: 100%;
  height: 100%;
  background: #fff;
  clip-path: polygon(0 0, 376px 0, 329px 100%, 0 100%);
  display: flex;
  align-items: center;
  padding: 15px 82px 14px 48px;
}
.logo-panel img { width: 286px; max-height: 72px; height:auto; object-fit: contain; }
.main-nav {
  display: flex;
  justify-content: center;
  gap: 42px;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .02em;
}
.main-nav a { padding: 40px 0 36px; opacity: .94; position: relative; }
.main-nav a.active, .main-nav a:hover { color: var(--gold-light); }
.main-nav a.active::after, .main-nav a:hover::after { content: ""; position: absolute; left: 0; right: 0; bottom: 26px; height: 2px; background: var(--gold); }
.header-cta { margin-right: 34px; padding: 16px 24px; background: linear-gradient(135deg, var(--gold-light), var(--gold)); color: #071421; border-radius: 4px; font-weight: 900; text-transform: uppercase; font-size: 14px; box-shadow: 0 12px 30px rgba(201,154,63,.25); }
.menu-toggle { display:none; }

.hero {
  min-height: 462px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background: #071523;
}
.hero::before {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(7,21,35,1) 0%, rgba(7,21,35,.99) 31%, rgba(7,21,35,.86) 43%, rgba(7,21,35,.23) 57%, rgba(7,21,35,.02) 76%, rgba(7,21,35,.10) 100%),
    url("../img/hero-production-v11.webp") right center / auto 100% no-repeat;
  z-index:0;
}
.hero::after {
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 8% 58%, rgba(201,154,63,.10), transparent 23%),
    linear-gradient(120deg, rgba(201,154,63,.12), transparent 26%),
    linear-gradient(180deg, transparent 0%, rgba(7,21,35,.08) 100%);
  z-index:1;
  pointer-events:none;
}
.hero-content { position:relative; z-index:2; width:min(730px, calc(100% - 48px)); padding:54px 0 34px 96px; color:#fff; }
.eyebrow { display:inline-block; color:var(--gold-light); text-transform:uppercase; font-weight:900; letter-spacing:.22em; margin-bottom:18px; }
.eyebrow::after { content:""; display:block; width:70px; height:2px; background:var(--gold); margin-top:14px; }
h1, h2 { font-family: Georgia, "Times New Roman", serif; }
h1 { margin:0 0 20px; font-size:clamp(43px,4.25vw,64px); line-height:.98; letter-spacing:-.03em; max-width:680px; }
h1 strong { display:block; color:var(--gold-light); font-weight:700; }
.hero-text { font-size:16px; line-height:1.68; color:#f0f4f8; max-width:560px; margin:0 0 24px; }
.hero-actions { display:flex; gap:20px; flex-wrap:wrap; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 28px; border-radius:4px; font-weight:900; text-transform:uppercase; font-size:14px; letter-spacing:.01em; border:0; cursor:pointer; }
.btn-gold { background:linear-gradient(135deg, var(--gold-light), var(--gold)); color:#071421; }
.btn-outline { border:1px solid rgba(255,255,255,.52); color:#fff; background:transparent; }
.btn-dark { background:var(--navy); color:#fff; }
.text-link { color:var(--navy); font-weight:900; border-bottom:2px solid var(--gold); padding-bottom:5px; }
.hero-stats { display:flex; gap:14px; flex-wrap:wrap; margin-top:22px; }
.hero-stats div { border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.05); padding:14px 18px; border-radius:12px; backdrop-filter: blur(8px); }
.hero-stats strong { display:block; color:#fff; font-size:18px; }
.hero-stats span { display:block; color:#c8d3df; font-size:12px; text-transform:uppercase; margin-top:4px; letter-spacing:.08em; }
.hero-visual,
.machine-layer,
.hero-socks,
.sock { display:none; }

.feature-band { background:linear-gradient(90deg,#071523,#0b2036); color:#fff; display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid rgba(201,154,63,.25); }
.feature-band article { min-height:112px; display:flex; align-items:center; gap:24px; padding:22px 62px; border-right:1px solid rgba(255,255,255,.17); }
.feature-band article:last-child { border-right:0; }
.feature-icon { width:58px; height:58px; border:0; color:var(--gold-light); display:inline-flex; align-items:center; justify-content:center; border-radius:0; font-size:0; flex:0 0 auto; position:relative; }
.feature-icon::before { content:""; width:52px; height:52px; display:block; background:currentColor; mask: var(--icon-mask); -webkit-mask: var(--icon-mask); }
.feature-icon { --icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 4 8 13v17c0 16 10 25 24 30 14-5 24-14 24-30V13L32 4Zm0 6 18 7v13c0 12-7 19-18 24-11-5-18-12-18-24V17l18-7Zm11 16-15 15-7-7-4 4 11 11 19-19-4-4Z'/%3E%3C/svg%3E") center/contain no-repeat; }
.feature-icon.factory { --icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M8 54h48v6H8v-6Zm4-26 16 8V24l16 8V18h8v36H12V28Zm6 14v12h28V42l-16-8v12l-12-6v2Zm31-30h-8V4h8v8Z'/%3E%3C/svg%3E") center/contain no-repeat; }
.feature-icon.people { --icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M24 30a11 11 0 1 1 16 0 17 17 0 0 1 9 15v9h-6v-9a11 11 0 0 0-22 0v9h-6v-9a17 17 0 0 1 9-15Zm8-4a5 5 0 1 0 0-10 5 5 0 0 0 0 10ZM12 24a8 8 0 1 1 8-8 13 13 0 0 0-4 10c-7 1-12 7-12 15v7h6v-7a8 8 0 0 1 8-8h1a20 20 0 0 1 5-4 8 8 0 0 1-12-5Zm40 0a8 8 0 1 0-8-8 13 13 0 0 1 4 10c7 1 12 7 12 15v7h-6v-7a8 8 0 0 0-8-8h-1a20 20 0 0 0-5-4 8 8 0 0 0 12-5Z'/%3E%3C/svg%3E") center/contain no-repeat; }
.feature-icon.handshake { --icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M23 17h12l7 7h8v6h-9L33 22h-8l-8 8 4 4 7-7 18 18-10 10-6-6-6 6-8-8 6-6-11-11 12-13Zm25 21 4-4 8 8-16 16-4-4 10-10-2-2Zm-32 0-4-4-8 8 16 16 4-4-10-10 2-2Z'/%3E%3C/svg%3E") center/contain no-repeat; }
.feature-band h2, .quality-row h2 { margin:0 0 7px; font-family:Inter, system-ui, sans-serif; font-size:15px; text-transform:uppercase; }
.feature-band p { margin:0; line-height:1.55; color:var(--muted-light); font-size:14px; }

.brands-section { min-height:300px; display:grid; grid-template-columns:1.05fr .9fr .95fr; align-items:center; gap:34px; padding:48px 76px; }
.section-label { color:var(--gold); font-weight:900; text-transform:uppercase; font-size:14px; letter-spacing:.17em; }
.brand-names { display:flex; align-items:center; gap:32px; margin:22px 0 24px; }
.brand-names > div { font-family:Georgia,"Times New Roman",serif; font-size:62px; line-height:.85; }
.brand-names small { display:block; font-family:Inter, sans-serif; text-transform:uppercase; letter-spacing:.55em; font-size:14px; color:var(--gold); margin-top:18px; }
.bitke { color:#0b1730; }
.bitke::first-letter { color:#b9162b; }
.mofiy { background:linear-gradient(90deg,#36adc9,#f4c240,#ee5536); -webkit-background-clip:text; background-clip:text; color:transparent; }
.separator { width:1px; height:82px; background:var(--line); }
.gold-line { display:block; width:56px; height:3px; background:var(--gold); }
.about-box h2 { font-size:42px; margin:12px 0 16px; color:var(--navy); }
.about-box p { color:#3f4a5c; line-height:1.8; margin-bottom:20px; }
.factory-card { height:230px; border-radius:8px; background:linear-gradient(135deg,#2b323b,#111821 55%,#303840); position:relative; overflow:hidden; box-shadow:0 20px 50px rgba(7,21,35,.17); }
.factory-card::before { content:""; position:absolute; left:0; right:0; bottom:0; height:92px; background:repeating-linear-gradient(90deg, rgba(255,255,255,.22) 0 2px, transparent 2px 72px); border-top:1px solid rgba(255,255,255,.22); }
.factory-card::after { content:""; position:absolute; left:28px; right:28px; bottom:70px; height:84px; border:1px solid rgba(255,255,255,.25); background:linear-gradient(90deg, transparent 0 18%, rgba(255,255,255,.10) 18% 19%, transparent 19% 38%, rgba(255,255,255,.10) 38% 39%, transparent 39% 58%, rgba(255,255,255,.10) 58% 59%, transparent 59%); }
.factory-sign { position:absolute; right:35px; top:48px; color:white; text-align:right; }
.factory-sign strong { display:block; letter-spacing:.08em; font-size:19px; }
.factory-sign span { display:block; color:var(--gold-light); font-size:11px; text-transform:uppercase; margin-top:4px; }

.products-section { padding:78px 76px 86px; background:#f8fafc; }
.section-head { max-width:760px; margin-bottom:34px; }
.section-head.centered { margin-left:auto; margin-right:auto; text-align:center; }
.section-head h2 { margin:12px 0 14px; font-size:clamp(34px,3.6vw,52px); line-height:1.08; color:var(--navy); }
.section-head p { margin:0; color:var(--muted); line-height:1.75; font-size:16px; }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.product-card { background:#fff; border:1px solid #edf0f4; border-radius:18px; padding:32px 26px 28px; box-shadow:0 18px 45px rgba(7,21,35,.07); transition:.2s ease; }
.product-card:hover { transform:translateY(-5px); box-shadow:0 24px 60px rgba(7,21,35,.12); }
.featured-card { border-color:rgba(201,154,63,.45); box-shadow:0 18px 45px rgba(201,154,63,.12); }
.product-card h3 { margin:22px 0 10px; font-size:20px; color:var(--navy); }
.product-card p { margin:0; color:var(--muted); line-height:1.7; }
.product-note { margin:28px auto 0; max-width:900px; background:#fff; border:1px solid #edf0f4; border-left:4px solid var(--gold); border-radius:14px; padding:18px 22px; color:var(--muted); text-align:center; box-shadow:0 14px 34px rgba(7,21,35,.06); }
.product-note strong { color:var(--navy); }
.product-icon {
  width: 76px;
  height: 76px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--gold);
  font-weight: 900;
  font-size: 22px;
  letter-spacing: .04em;
  background: linear-gradient(135deg, rgba(201,154,63,.12), rgba(7,21,35,.04));
  border: 1px solid rgba(201,154,63,.30);
  position: relative;
}
.product-icon::after {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(201,154,63,.22);
  border-radius: 12px;
}
.mini-socks { height:92px; position:relative; }
.mini-socks i { position:absolute; bottom:12px; width:38px; height:78px; border-radius:18px 18px 12px 12px; background:linear-gradient(90deg,#e7e3d9,#fff,#cfc8bb); box-shadow:0 9px 20px rgba(7,21,35,.12); }
.mini-socks i::after { content:""; position:absolute; bottom:-10px; left:3px; width:50px; height:22px; border-radius:22px; background:inherit; transform:rotate(-8deg); }
.mini-socks i:first-child { left:2px; }
.mini-socks i:last-child { left:54px; background:linear-gradient(90deg,#071523,#183456,#071523); }
.mini-socks.sport i:first-child { background:linear-gradient(90deg,#f2f2ee,#fff,#d4d4d0); }
.mini-socks.sport i:first-child::before { content:""; position:absolute; left:8px; right:8px; top:30px; height:22px; border-top:4px solid #9aa1ad; border-bottom:4px solid #9aa1ad; }
.mini-socks.kids i:first-child { background:linear-gradient(90deg,#eff6ff,#fff,#bfe8f4); }
.mini-socks.kids i:last-child { background:linear-gradient(90deg,#fff2b8,#fff,#f4b6b6); }
.mini-socks.private i:first-child { background:linear-gradient(90deg,#e8ddc4,#fff6df,#c99a3f); }

.private-label { display:grid; grid-template-columns:1fr auto; align-items:center; gap:34px; padding:58px 76px; background:linear-gradient(135deg,#071523,#10263d); border-top:1px solid rgba(201,154,63,.35); border-bottom:1px solid rgba(201,154,63,.35); }
.private-label h2 { font-size:42px; line-height:1.12; margin:12px 0 12px; max-width:760px; }
.private-label p { color:#dbe4ee; max-width:780px; line-height:1.7; margin:0; }


.home-transition {
  background:#fff;
  padding:64px 76px 66px;
  position:relative;
  overflow:hidden;
  border-top:1px solid #eef2f6;
  border-bottom:1px solid rgba(201,154,63,.18);
}
.home-transition::before {
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 16% 25%, rgba(201,154,63,.10), transparent 28%),
    radial-gradient(circle at 88% 72%, rgba(7,21,35,.08), transparent 30%),
    linear-gradient(90deg, rgba(255,255,255,.96), rgba(248,250,252,.72));
  pointer-events:none;
}
.home-transition::after {
  content:"D";
  position:absolute;
  right:8%;
  top:50%;
  transform:translateY(-50%);
  font-family:Georgia,serif;
  font-size:180px;
  font-weight:900;
  color:rgba(201,154,63,.055);
  line-height:1;
  pointer-events:none;
}
.home-transition__inner {
  position:relative;
  z-index:1;
  max-width:1120px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(360px, 1fr) minmax(360px, .9fr);
  gap:42px;
  align-items:center;
}
.home-transition h2 {
  margin:12px 0 0;
  color:var(--navy);
  font-size:clamp(32px,3.1vw,48px);
  line-height:1.08;
  letter-spacing:-.02em;
  max-width:720px;
}
.home-transition p {
  margin:0;
  color:#4b5667;
  font-size:17px;
  line-height:1.8;
  max-width:620px;
}
.transition-mini-grid {
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:4px;
}
.transition-mini-grid article {
  display:flex;
  align-items:center;
  gap:14px;
  padding:20px 22px;
  background:#fff;
  border:1px solid #edf0f4;
  border-radius:18px;
  box-shadow:0 14px 38px rgba(7,21,35,.07);
}
.transition-mini-grid strong {
  width:46px;
  height:46px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--gold);
  background:rgba(201,154,63,.10);
  border:1px solid rgba(201,154,63,.28);
  font-size:18px;
  letter-spacing:.08em;
}
.transition-mini-grid span {
  color:var(--navy);
  font-weight:900;
  font-size:15px;
}

.production-section { padding:78px 76px 88px; background:linear-gradient(135deg, #071523, #0e2742); color:white; position:relative; overflow:hidden; }
.production-section::after { content:""; position:absolute; right:-120px; top:-120px; width:360px; height:360px; border:1px solid rgba(201,154,63,.28); border-radius:50%; }
.section-head.light h2 { color:#fff; }
.section-head.light p { color:#dbe4ee; }
.section-head.light { position:relative; z-index:1; }
.process-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.process-grid article { border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.04); padding:30px 26px; border-radius:16px; min-height:210px; }
.process-grid span { color:var(--gold-light); font-weight:900; font-size:34px; }
.process-grid h3 { margin:18px 0 12px; font-size:20px; }
.process-grid p { margin:0; color:#dbe4ee; line-height:1.7; }

.quality-row { display:grid; grid-template-columns:repeat(4,1fr); align-items:stretch; padding:28px 76px 30px; background:#fff; border-top:1px solid #edf0f4; box-shadow:0 -8px 24px rgba(7,21,35,.06), 0 14px 36px rgba(7,21,35,.10); position:relative; z-index:3; }
.quality-row article { display:grid; grid-template-columns:72px 1fr; align-items:center; column-gap:22px; min-height:92px; padding:6px 38px 6px 0; border-right:1px solid #dde2e8; }
.quality-row article + article { padding-left:40px; }
.quality-row article:last-child { border-right:0; }
.quality-icon { width:56px; height:56px; color:var(--gold); display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; }
.quality-icon svg { width:56px; height:56px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.quality-row h2 { color:var(--text); font-weight:900; letter-spacing:.01em; }
.quality-row p { margin:0; color:#4b5667; line-height:1.55; font-size:15px; max-width:285px; }

.contact-section { display:grid; grid-template-columns:1fr .82fr; gap:42px; padding:74px 76px; background:#fff; align-items:center; }
.contact-copy h2 { margin:12px 0 16px; color:var(--navy); font-size:46px; line-height:1.1; }
.contact-copy p { color:var(--muted); line-height:1.75; font-size:16px; max-width:650px; }
.contact-info { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:28px; }
.contact-info div { border:1px solid #edf0f4; border-left:4px solid var(--gold); border-radius:14px; padding:18px; background:#f8fafc; }
.contact-info strong { display:block; color:var(--navy); margin-bottom:7px; }
.contact-info span, .contact-info a { color:#536174; line-height:1.5; word-break:break-word; }
.contact-info a:hover { color:var(--gold); }
.contact-form { background:linear-gradient(135deg,#071523,#0b2036); color:#fff; padding:32px; border-radius:18px; box-shadow:var(--shadow); }
.contact-form h3 { margin:0 0 20px; font-size:24px; }
.contact-form label { display:block; color:#dbe4ee; font-size:14px; font-weight:700; margin-bottom:14px; }
.contact-form input, .contact-form textarea { width:100%; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.08); color:#fff; border-radius:8px; padding:13px 14px; margin-top:7px; outline:none; }
.contact-form input:focus, .contact-form textarea:focus { border-color:var(--gold-light); }
.contact-form ::placeholder { color:#aebacc; }
.contact-form .btn { width:100%; margin-top:4px; }
.form-note { color:#aebacc; font-size:13px; margin:14px 0 0; text-align:center; line-height:1.5; }
.form-note a { color:var(--gold-light); font-weight:800; }

.site-footer { background:#050d16; color:#fff; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; padding:28px 76px; }
.site-footer strong { display:block; letter-spacing:.12em; }
.site-footer span, .site-footer p { color:#aebacc; margin:0; }
.footer-contact { display:block; margin-top:6px !important; font-size:13px; }
.footer-contact a:hover { color:var(--gold-light); }
.site-footer nav { display:flex; gap:18px; color:#dbe4ee; font-size:14px; }
.site-footer p { text-align:right; }


.whatsapp-float {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 60;
  background: #25d366;
  color: #071421;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
  padding: 13px 18px;
  border-radius: 999px;
  box-shadow: 0 16px 34px rgba(0,0,0,.22);
}
.whatsapp-float:hover { transform: translateY(-2px); }


.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s ease, transform .7s ease;
}
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1; transform: none; transition: none; }
}

@media (max-width:1180px) {
  .site-header { grid-template-columns:310px 1fr 56px; }
  .header-cta { display:none; }
  .logo-panel { width:310px; clip-path: polygon(0 0, 304px 0, 270px 100%, 0 100%); }
  .logo-panel a { clip-path: polygon(0 0, 298px 0, 265px 100%, 0 100%); padding-left:28px; padding-right:60px; }
  .logo-panel img { width:220px; max-height:64px; }
  .main-nav { gap:22px; font-size:12px; }
  .feature-band, .quality-row, .process-grid, .contact-info { grid-template-columns:repeat(2,1fr); }
  .product-grid { grid-template-columns:repeat(2,1fr); }
  .brands-section { grid-template-columns:1fr 1fr; }
  .factory-card { grid-column:1 / -1; }
  .quality-row article:nth-child(2) { border-right:0; }
  .hero::before { background-position: right center; background-size:auto 100%; }
}
@media (max-width:760px) {
  .site-header { height:82px; grid-template-columns:1fr auto; }
  .logo-panel { height:82px; width:250px; clip-path: polygon(0 0, 248px 0, 218px 100%, 0 100%); padding:0 3px 0 0; }
  .logo-panel a { clip-path: polygon(0 0, 242px 0, 214px 100%, 0 100%); padding:10px 48px 10px 22px; }
  .logo-panel img { width:190px; max-height:58px; }
  .main-nav { display:none; position:absolute; top:82px; left:0; right:0; background:#071523; flex-direction:column; padding:20px 28px; gap:0; border-bottom:1px solid var(--line); }
  .main-nav.open { display:flex; }
  .main-nav a { padding:16px 0; }
  .main-nav a::after { display:none; }
  .menu-toggle { display:block; margin-right:20px; background:transparent; border:1px solid rgba(255,255,255,.35); color:white; width:42px; height:42px; border-radius:6px; font-size:24px; }
  .hero { min-height:auto; }
  .hero-content { padding:54px 24px; width:100%; }
  .hero::before { background: linear-gradient(90deg, rgba(7,21,35,.96), rgba(7,21,35,.85)), url("../img/hero-production-v11.webp") center center / cover no-repeat; }
  .hero-stats { grid-template-columns:1fr; }
  .feature-band, .brands-section, .quality-row, .product-grid, .process-grid, .private-label, .contact-section, .contact-info, .site-footer { grid-template-columns:1fr; }
  .feature-band article { padding:24px; border-right:0; border-bottom:1px solid rgba(255,255,255,.13); }
  .brands-section, .quality-row, .products-section, .production-section, .private-label, .contact-section, .site-footer { padding-left:24px; padding-right:24px; }
  .brand-names { gap:18px; }
  .brand-names > div { font-size:44px; }
  .brand-names small { letter-spacing:.35em; }
  .factory-card { display:none; }
  .quality-row article, .quality-row article + article { border-right:0; border-bottom:1px solid #edf0f4; padding:20px 0; }
  .quality-row article:last-child { border-bottom:0; }
  .private-label .btn { width:100%; }
  .contact-copy h2, .private-label h2 { font-size:34px; }
  .site-footer { align-items:flex-start; }
  .site-footer nav { flex-wrap:wrap; }
  .site-footer p { text-align:left; }
}


/* Kurumsal sayfa */
.page-hero {
  min-height: 420px;
  padding: 150px 6vw 80px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(213,163,72,.55);
}
.page-hero::before {
  content: "";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(7,21,35,.95) 0%, rgba(7,21,35,.84) 43%, rgba(7,21,35,.44) 100%),
    url("../img/hero-production-v11.webp") right center / cover no-repeat;
  z-index:0;
}
.page-hero-content {
  position: relative;
  z-index:1;
  max-width: 760px;
}
.page-hero h1 {
  margin: 18px 0 18px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(44px, 6vw, 76px);
  line-height: .98;
  color:#fff;
}
.page-hero p {
  max-width: 680px;
  color:#edf4fb;
  font-size:18px;
  line-height:1.75;
}
.corporate-intro {
  display:grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 70px;
  padding: 86px 6vw;
}
.corporate-copy {
  display:grid;
  gap:22px;
  color:#485766;
  font-size:17px;
  line-height:1.85;
}
.corporate-values {
  background:#f7f8fa;
  display:grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1px;
  padding: 0 6vw 90px;
}
.corporate-values article {
  background:#fff;
  padding:38px;
  border:1px solid #edf0f4;
  box-shadow: 0 18px 45px rgba(7,21,35,.06);
}
.corporate-values span,
.process-grid article span {
  display:inline-flex;
  color:var(--gold);
  font-weight:900;
  letter-spacing:.12em;
  margin-bottom:18px;
}
.corporate-values h2 {
  margin:0 0 14px;
  color:var(--navy);
  font-size:24px;
}
.corporate-values p {
  margin:0;
  color:#536170;
  line-height:1.8;
}
.production-approach {
  display:grid;
  grid-template-columns: 1fr auto;
  gap: 42px;
  align-items:center;
  padding:70px 6vw;
}
.production-approach h2 {
  margin:14px 0 14px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(34px, 4vw, 54px);
  color:#fff;
}
.production-approach p {
  margin:0;
  max-width:820px;
  color:#dbe4ee;
  line-height:1.8;
}
.corporate-info {
  padding:86px 6vw 96px;
}
.info-grid {
  margin-top:42px;
  display:grid;
  grid-template-columns: repeat(3,1fr);
  gap:18px;
}
.info-grid article {
  background:#fff;
  border:1px solid #edf0f4;
  border-left:4px solid var(--gold);
  padding:24px;
  min-height:118px;
  box-shadow:0 16px 35px rgba(7,21,35,.05);
}
.info-grid strong {
  display:block;
  margin-bottom:10px;
  color:var(--navy);
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.info-grid span,
.info-grid a {
  color:#506070;
  line-height:1.6;
}
.info-grid a:hover { color:var(--gold-dark); }
@media (max-width: 960px) {
  .corporate-intro,
  .corporate-values,
  .production-approach,
  .info-grid { grid-template-columns: 1fr; }
  .page-hero { padding:130px 24px 70px; }
  .corporate-intro,
  .corporate-values,
  .production-approach,
  .corporate-info { padding-left:24px; padding-right:24px; }
  .corporate-values { gap:18px; }
  .production-approach .btn { width:100%; }
}


/* V13: full site skeleton pages */
.main-nav a:empty { display:none; }
.site-header .main-nav a { white-space: nowrap; }
.page-hero-compact { min-height: 440px; display:flex; flex-direction:column; justify-content:center; }
.brand-detail-section { padding:86px 6vw; display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.brand-detail-card { background:#fff; border:1px solid #edf0f4; border-radius:20px; padding:42px; box-shadow:0 20px 50px rgba(7,21,35,.07); }
.brand-detail-card h2 { margin:14px 0 18px; color:var(--navy); font-family:Georgia,'Times New Roman',serif; font-size:clamp(32px,3vw,46px); line-height:1.08; }
.brand-detail-card p, .brand-detail-card li { color:#536170; line-height:1.8; }
.brand-detail-card ul { margin:20px 0 0; padding-left:20px; }
.bitke-card { border-top:4px solid #b9162b; }
.mofiy-card { border-top:4px solid #36adc9; }
.brand-strategy { padding:76px 6vw; display:grid; grid-template-columns:1fr auto; gap:38px; align-items:center; }
.brand-strategy h2, .mini-cta h2 { margin:12px 0 14px; font-family:Georgia,'Times New Roman',serif; font-size:clamp(34px,4vw,54px); line-height:1.08; }
.brand-strategy p, .mini-cta p { max-width:860px; line-height:1.8; color:inherit; opacity:.86; }
.mini-cta { padding:72px 6vw; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.spec-section { padding:82px 6vw; }
.spec-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:30px; }
.spec-grid article { background:#fff; border:1px solid #edf0f4; border-left:4px solid var(--gold); border-radius:14px; padding:24px; box-shadow:0 16px 35px rgba(7,21,35,.05); }
.spec-grid strong { display:block; color:var(--navy); margin-bottom:10px; font-size:15px; text-transform:uppercase; letter-spacing:.08em; }
.spec-grid span, .product-card small { color:#586777; line-height:1.65; }
.product-card small { display:block; margin-top:14px; font-weight:700; }
.process-grid.standalone { padding:86px 6vw; background:#f8fafc; }
.info-grid.compact { margin-top:0; grid-template-columns:repeat(3, minmax(0,1fr)); }
.map-placeholder { margin:0 6vw 90px; min-height:260px; border-radius:22px; border:1px solid #edf0f4; background:linear-gradient(135deg,#f7f8fa,#ffffff); display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; box-shadow:0 20px 50px rgba(7,21,35,.08); }
.map-placeholder strong { color:var(--navy); font-size:22px; }
.map-placeholder span { display:block; margin-top:8px; color:#536170; }
.map-placeholder p { color:#728092; }
.quality-icon { font-family:Inter, sans-serif; color:var(--gold); font-size:34px; font-weight:900; }
.factory-sign .footer-contact { display:none; }
@media (max-width: 1100px) {
  .brand-detail-section, .brand-strategy, .mini-cta, .spec-grid, .info-grid.compact { grid-template-columns:1fr; }
  .mini-cta { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 640px) {
  .brand-detail-section, .spec-section, .process-grid.standalone { padding-left:24px; padding-right:24px; }
  .brand-detail-card { padding:28px; }
  .map-placeholder { margin-left:24px; margin-right:24px; }
}

/* V14 footer ve WhatsApp düzenlemesi */
.site-footer {
  position: relative;
  overflow: hidden;
  display: block;
  background:
    radial-gradient(circle at 12% 20%, rgba(194,145,62,.18), transparent 32%),
    linear-gradient(135deg, #040b13 0%, #071522 48%, #091d31 100%);
  color: #fff;
  padding: 0;
  border-top: 1px solid rgba(194,145,62,.34);
}
.site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.8), transparent 90%);
}
.footer-top {
  position: relative;
  z-index: 1;
  max-width: 1180px;
  margin: 0 auto;
  padding: 58px 28px 40px;
  display: grid;
  grid-template-columns: 1.35fr .75fr 1fr;
  gap: 46px;
  align-items: start;
}
.footer-brand {
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.045);
  border-radius: 22px;
  padding: 24px;
  box-shadow: 0 24px 60px rgba(0,0,0,.2);
}
.footer-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 16px;
  padding: 12px 18px;
  margin-bottom: 18px;
  width: min(290px, 100%);
  min-height: 92px;
  box-shadow: 0 18px 34px rgba(0,0,0,.22);
  border-right: 7px solid var(--gold);
}
.footer-logo img {
  display: block;
  width: 100%;
  max-height: 72px;
  object-fit: contain;
}
.footer-brand p {
  max-width: 520px;
  margin: 0;
  color: #c7d2df;
  line-height: 1.75;
  font-size: 15px;
  text-align: left;
}
.footer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}
.footer-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
  font-weight: 800;
  font-size: 14px;
  background: rgba(255,255,255,.07);
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.footer-action:hover {
  transform: translateY(-2px);
  border-color: rgba(194,145,62,.75);
  background: rgba(194,145,62,.15);
}
.footer-action-whatsapp {
  background: linear-gradient(135deg, #25d366, #128c7e);
  color: #02130b;
  border-color: transparent;
}
.footer-action-whatsapp:hover { background: linear-gradient(135deg, #43ea82, #25d366); color:#02130b; }
.footer-col h3 {
  color: #fff;
  margin: 7px 0 18px;
  font-family: 'Inter', Arial, sans-serif;
  font-size: 13px;
  letter-spacing: .18em;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 12px;
}
.footer-col h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 46px;
  height: 2px;
  background: var(--gold);
}
.site-footer nav {
  display: grid;
  gap: 11px;
  color: #dbe4ee;
  font-size: 15px;
}
.site-footer nav a,
.footer-contact-list a {
  color: #dbe4ee;
  transition: color .2s ease, transform .2s ease;
}
.site-footer nav a:hover,
.footer-contact-list a:hover {
  color: var(--gold-light);
  transform: translateX(3px);
}
.footer-contact-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 14px;
}
.footer-contact-list li {
  display: grid;
  gap: 3px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.footer-contact-list li:last-child { border-bottom: 0; }
.footer-contact-list span {
  color: #8ea0b5;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.footer-contact-list strong {
  color: #dbe4ee;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}
.footer-bottom {
  position: relative;
  z-index: 1;
  max-width: 1180px;
  margin: 0 auto;
  padding: 20px 28px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-top: 1px solid rgba(255,255,255,.1);
}
.site-footer .footer-bottom p {
  margin: 0;
  color: #8ea0b5;
  font-size: 13px;
  text-align: left;
}
.whatsapp-float {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 80;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 60px;
  padding: 9px 16px 9px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #25d366 0%, #16b75f 54%, #0f8f4a 100%);
  color: #052412;
  box-shadow: 0 18px 40px rgba(0,0,0,.28), 0 0 0 6px rgba(37,211,102,.13);
  border: 1px solid rgba(255,255,255,.32);
  text-transform: none;
  letter-spacing: 0;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.whatsapp-float::after {
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: inherit;
  border: 1px solid rgba(37,211,102,.35);
  animation: whatsappPulse 2.4s ease-out infinite;
  pointer-events: none;
}
.whatsapp-float:hover {
  transform: translateY(-4px) scale(1.02);
  filter: saturate(1.08);
  box-shadow: 0 24px 52px rgba(0,0,0,.34), 0 0 0 8px rgba(37,211,102,.16);
}
.whatsapp-float-icon {
  display: inline-flex;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.05);
}
.whatsapp-float-icon svg {
  width: 27px;
  height: 27px;
  fill: #19a957;
}
.whatsapp-float-text {
  display: grid;
  line-height: 1.05;
}
.whatsapp-float-text strong {
  font-size: 14px;
  letter-spacing: .01em;
}
.whatsapp-float-text small {
  font-size: 11px;
  font-weight: 800;
  color: rgba(5,36,18,.72);
  margin-top: 3px;
}
@keyframes whatsappPulse {
  0% { transform: scale(.92); opacity: .9; }
  75%,100% { transform: scale(1.18); opacity: 0; }
}
@media (max-width: 900px) {
  .footer-top { grid-template-columns: 1fr; gap: 28px; padding: 44px 24px 30px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; padding-left: 24px; padding-right: 24px; }
  .footer-logo { width: min(260px, 100%); min-height: 84px; }
  .whatsapp-float { right: 16px; bottom: 16px; min-height: 56px; padding-right: 14px; }
}
@media (max-width: 520px) {
  .whatsapp-float-text small { display: none; }
  .whatsapp-float { gap: 8px; padding: 8px 12px 8px 8px; }
  .whatsapp-float-icon { width: 40px; height: 40px; }
  .footer-actions { flex-direction: column; align-items: stretch; }
}

/* V15 footer ve yuvarlak WhatsApp butonu */
.site-footer {
  position: relative;
  overflow: hidden;
  display: block;
  padding: 0;
  color: #fff;
  background:
    radial-gradient(circle at 12% 12%, rgba(207,160,70,.16), transparent 34%),
    linear-gradient(135deg, #030812 0%, #071424 44%, #02060d 100%);
  border-top: 1px solid rgba(207,160,70,.42);
}
.footer-glow {
  position: absolute;
  inset: auto -90px -160px auto;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: rgba(207,160,70,.10);
  filter: blur(42px);
  pointer-events: none;
}
.footer-top {
  position: relative;
  display: grid;
  grid-template-columns: minmax(280px, 1.2fr) .75fr .85fr 1.05fr;
  gap: 42px;
  max-width: 1360px;
  margin: 0 auto;
  padding: 58px 76px 40px;
}
.footer-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}
.footer-logo {
  width: 292px;
  min-height: 94px;
  padding: 16px 22px;
  border-radius: 22px 22px 42px 22px;
  background: #fff;
  border: 1px solid rgba(207,160,70,.38);
  box-shadow: 0 20px 60px rgba(0,0,0,.28);
}
.footer-logo img {
  width: 100%;
  height: auto;
  display: block;
}
.footer-brand p {
  max-width: 430px;
  margin: 0;
  color: #c4cfdd;
  line-height: 1.75;
  font-size: 15px;
}
.footer-mini-info {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.footer-mini-info span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 7px 11px;
  border: 1px solid rgba(207,160,70,.24);
  border-radius: 999px;
  color: #e3c37e;
  background: rgba(255,255,255,.04);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.footer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}
.footer-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 12px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.footer-action:hover {
  transform: translateY(-2px);
  border-color: rgba(207,160,70,.75);
  color: var(--gold-light);
}
.footer-action-whatsapp {
  background: linear-gradient(135deg, #25d366, #1fb55c);
  color: #04170c;
  border-color: rgba(37,211,102,.7);
}
.footer-action-whatsapp:hover { color:#04170c; filter:saturate(1.1); }
.footer-col h3 {
  margin: 6px 0 20px;
  color: #fff;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.footer-col h3::after {
  content: "";
  display: block;
  width: 42px;
  height: 2px;
  margin-top: 12px;
  background: linear-gradient(90deg, var(--gold), transparent);
}
.site-footer nav {
  display: grid;
  gap: 11px;
  font-size: 14px;
}
.site-footer nav a,
.footer-contact-list a {
  color: #c4cfdd;
  transition: color .2s ease, transform .2s ease;
}
.site-footer nav a:hover,
.footer-contact-list a:hover {
  color: var(--gold-light);
  transform: translateX(3px);
}
.footer-contact-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-contact-list li {
  display: grid;
  gap: 4px;
  padding: 0 0 13px;
  margin-bottom: 13px;
  border-bottom: 1px solid rgba(255,255,255,.09);
}
.footer-contact-list li:last-child { border-bottom: 0; margin-bottom: 0; }
.footer-contact-list span {
  color: #e3c37e;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.footer-contact-list strong {
  color: #d9e1ec;
  font-size: 14px;
  line-height: 1.55;
}
.footer-bottom {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  max-width: 1360px;
  margin: 0 auto;
  padding: 21px 76px 28px;
  border-top: 1px solid rgba(255,255,255,.09);
}
.site-footer .footer-bottom p {
  margin: 0;
  color: #8ea0b5;
  font-size: 13px;
  text-align: left;
}
.whatsapp-float {
  position: fixed;
  right: 26px;
  bottom: 26px;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  min-width: 72px;
  min-height: 72px;
  padding: 0;
  border-radius: 50%;
  background: #4bd34b;
  color: #fff;
  border: 0;
  box-shadow: 0 18px 38px rgba(0,0,0,.26), 0 0 0 8px rgba(75,211,75,.14);
  text-decoration: none;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.whatsapp-float::after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  border: 1px solid rgba(75,211,75,.45);
  animation: whatsappPulse 2.3s ease-out infinite;
  pointer-events: none;
}
.whatsapp-float:hover {
  transform: translateY(-4px) scale(1.04);
  filter: saturate(1.08);
  box-shadow: 0 24px 50px rgba(0,0,0,.32), 0 0 0 10px rgba(75,211,75,.18);
}
.whatsapp-float-icon {
  width: 43px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.whatsapp-float-icon svg {
  width: 43px;
  height: 43px;
  fill: #fff;
}
.whatsapp-float-text { display: none !important; }
@keyframes whatsappPulse {
  0% { transform: scale(.92); opacity: .85; }
  76%, 100% { transform: scale(1.22); opacity: 0; }
}
@media (max-width: 1100px) {
  .footer-top { grid-template-columns: 1fr 1fr; padding-left: 40px; padding-right: 40px; }
  .footer-bottom { padding-left: 40px; padding-right: 40px; }
}
@media (max-width: 720px) {
  .footer-top { grid-template-columns: 1fr; gap: 28px; padding: 44px 24px 30px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; padding: 20px 24px 28px; }
  .footer-logo { width: min(270px, 100%); min-height: 86px; }
  .whatsapp-float { width: 62px; height: 62px; min-width: 62px; min-height: 62px; right: 16px; bottom: 16px; }
  .whatsapp-float-icon, .whatsapp-float-icon svg { width: 37px; height: 37px; }
  .footer-actions { flex-direction: column; align-items: stretch; width: 100%; max-width: 320px; }
}


/* V16 SEO içerik, breadcrumb ve FAQ düzenlemeleri */
.breadcrumb {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  padding: 18px clamp(24px, 5vw, 76px) 0;
  background: #071523;
  color: rgba(255,255,255,.68);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
}
.breadcrumb a { color: rgba(255,255,255,.72); }
.breadcrumb a:hover { color: var(--gold-light); }
.breadcrumb span { color: var(--gold-light); }
.seo-content { padding: 76px clamp(24px, 5vw, 76px); }
.seo-text-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  max-width: 1120px;
  margin: 0 auto;
}
.seo-text-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.85;
}
.faq-section { padding: 76px clamp(24px, 5vw, 76px); background: #fff; }
.faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  max-width: 1120px;
  margin: 0 auto;
}
.faq-grid article {
  border: 1px solid rgba(9,24,41,.10);
  border-radius: 22px;
  padding: 26px;
  background: linear-gradient(180deg, #fff, #f7f9fc);
  box-shadow: 0 18px 45px rgba(7,21,35,.07);
}
.faq-grid h3 { margin: 0 0 10px; color: var(--navy); font-size: 18px; }
.faq-grid p { margin: 0; color: var(--muted); line-height: 1.7; }
@media (max-width: 760px) {
  .seo-text-grid, .faq-grid { grid-template-columns: 1fr; }
  .seo-content, .faq-section { padding: 52px 22px; }
  .breadcrumb { padding-left: 22px; padding-right: 22px; }
}


/* V17 footer, KVKK ve çerez düzenlemeleri */
.site-footer { position: relative !important; display: block !important; padding: 0 !important; overflow: hidden; background: linear-gradient(180deg, rgba(255,255,255,.035), transparent 40%), radial-gradient(circle at 8% 0%, rgba(207,160,70,.18), transparent 32%), linear-gradient(135deg, #050c16 0%, #07182a 48%, #030711 100%) !important; color: #fff; border-top: 1px solid rgba(207,160,70,.42); }
.footer-accent { position:absolute; inset:0; pointer-events:none; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg, rgba(0,0,0,.3), transparent 55%); }
.footer-inner { position: relative; max-width: 1360px; margin: 0 auto; padding: 62px clamp(24px, 5vw, 76px) 42px; display: grid; grid-template-columns: minmax(300px, 1.25fr) .7fr .85fr 1fr; gap: 46px; }
.footer-brand-clean { display: grid; gap: 18px; align-content: start; }
.footer-logo-clean { display: inline-flex; align-items: center; width: min(330px, 100%); padding: 0; background: transparent; border: 0; box-shadow: none; }
.footer-logo-clean img { width: 100%; display: block; border-radius: 16px; box-shadow: 0 18px 46px rgba(0,0,0,.18); }
.footer-brand-clean p { max-width: 500px; margin: 0; color: #c8d3e0; font-size: 15px; line-height: 1.75; }
.footer-badges { display: flex; flex-wrap: wrap; gap: 8px; }
.footer-badges span { display: inline-flex; align-items: center; min-height: 30px; padding: 7px 11px; border-radius: 999px; border: 1px solid rgba(207,160,70,.28); color: #e5c679; background: rgba(255,255,255,.035); font-size: 11px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.footer-col h3 { margin: 0 0 20px !important; color: #fff; font-size: 14px; letter-spacing: .13em; text-transform: uppercase; }
.footer-col h3::after { content: ""; display: block; width: 44px; height: 2px; margin-top: 12px; background: linear-gradient(90deg, var(--gold), transparent); }
.site-footer nav { display: grid !important; gap: 10px !important; font-size: 14px !important; }
.site-footer nav a, .footer-contact-list a { color: #c4cfdd; }
.site-footer nav a:hover, .footer-contact-list a:hover { color: var(--gold-light); transform: translateX(3px); }
.footer-contact-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 13px; }
.footer-contact-list li { display: grid; gap: 4px; padding: 0 0 13px; border-bottom: 1px solid rgba(255,255,255,.09); }
.footer-contact-list li:last-child { border-bottom: 0; }
.footer-contact-list span { color: #e5c679; font-size: 11px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.footer-contact-list strong { color: #d9e1ec; font-size: 14px; line-height: 1.55; font-weight: 700; }
.footer-legal-bar { position: relative; max-width: 1360px; margin: 0 auto; padding: 20px clamp(24px, 5vw, 76px) 26px; display: flex; justify-content: space-between; align-items: center; gap: 18px; border-top: 1px solid rgba(255,255,255,.09); }
.footer-legal-bar p { margin: 0; color: #8ea0b5; font-size: 13px; }
.footer-legal-bar nav { display: flex !important; flex-wrap: wrap; gap: 14px !important; font-size: 13px !important; }
.footer-legal-bar a { color: #b8c4d2; }
.footer-legal-bar a:hover { color: var(--gold-light); }
.whatsapp-float { position: fixed !important; right: 26px !important; bottom: 26px !important; z-index: 95 !important; width: 74px !important; height: 74px !important; min-width: 74px !important; min-height: 74px !important; padding: 0 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #4bd34b !important; color: #fff !important; border: 0 !important; box-shadow: 0 18px 38px rgba(0,0,0,.26), 0 0 0 8px rgba(75,211,75,.14) !important; text-decoration: none !important; }
.whatsapp-float::after { content: ""; position: absolute; inset: -8px; border-radius: 50%; border: 1px solid rgba(75,211,75,.45); animation: whatsappPulse 2.3s ease-out infinite; pointer-events: none; }
.whatsapp-float:hover { transform: translateY(-4px) scale(1.04); filter: saturate(1.08); }
.whatsapp-float-icon, .whatsapp-float-icon svg { width: 43px !important; height: 43px !important; display: flex; align-items:center; justify-content:center; }
.whatsapp-float-icon svg { fill: #fff !important; }
.legal-section { padding: 76px clamp(24px, 5vw, 76px); background: #f7f9fc; }
.legal-wrapper { max-width: 980px; margin: 0 auto; display: grid; gap: 22px; }
.legal-block { background: #fff; border: 1px solid #e8edf3; border-radius: 18px; padding: 28px; box-shadow: 0 16px 40px rgba(7,21,35,.06); }
.legal-block h2 { margin: 0 0 12px; color: var(--navy); font-size: 26px; }
.legal-block p { color: var(--muted); line-height: 1.8; margin: 0 0 12px; }
.legal-block p:last-child { margin-bottom: 0; }
.cookie-banner { position: fixed; left: 18px; right: 18px; bottom: 18px; z-index: 120; }
.cookie-banner[hidden] { display: none !important; }
.cookie-card { max-width: 1120px; margin: 0 auto; display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; padding: 20px; border-radius: 20px; border: 1px solid rgba(207,160,70,.32); background: rgba(5,13,22,.96); color: #fff; box-shadow: 0 22px 60px rgba(0,0,0,.32); backdrop-filter: blur(14px); }
.cookie-card strong { display:block; margin-bottom:6px; color:#fff; font-size:16px; }
.cookie-card p { margin:0; color:#c4cfdd; line-height:1.55; font-size:14px; }
.cookie-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.cookie-actions a, .cookie-actions button { min-height: 42px; border-radius: 999px; padding: 10px 14px; font-weight:900; font-size:12px; text-transform:uppercase; letter-spacing:.03em; cursor:pointer; }
.cookie-actions a { color: var(--gold-light); border:1px solid rgba(207,160,70,.28); }
.cookie-secondary { color:#fff; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16); }
.cookie-primary { color:#071421; background:linear-gradient(135deg,var(--gold-light),var(--gold)); border:0; }
@media (max-width: 1100px) { .footer-inner { grid-template-columns: 1fr 1fr; } }
@media (max-width: 720px) { .footer-inner { grid-template-columns: 1fr; gap: 30px; padding: 46px 24px 34px; } .footer-logo-clean { width: min(280px, 100%); } .footer-legal-bar { align-items:flex-start; flex-direction: column; padding: 20px 24px 28px; } .whatsapp-float { width:64px !important; height:64px !important; min-width:64px !important; min-height:64px !important; right:16px !important; bottom:16px !important; } .whatsapp-float-icon, .whatsapp-float-icon svg { width:38px !important; height:38px !important; } .cookie-card { grid-template-columns: 1fr; } .cookie-actions { justify-content:flex-start; } }


/* V18 katalog, SSS ve satış akışı düzenlemeleri */
.catalog-section { padding: 76px clamp(24px,5vw,76px); background: #f7f9fc; }
.catalog-grid { max-width: 1120px; margin: 0 auto 34px; display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:22px; }
.catalog-grid article { background:#fff; border:1px solid rgba(9,24,41,.1); border-radius:24px; padding:28px; box-shadow: 0 18px 45px rgba(7,21,35,.07); }
.catalog-grid span { width:52px; height:52px; border-radius:16px; display:grid; place-items:center; background:rgba(207,160,70,.12); color:var(--gold); font-weight:900; margin-bottom:18px; }
.catalog-grid h3 { margin:0 0 10px; color:var(--navy); font-size:21px; }
.catalog-grid p { margin:0; color:var(--muted); line-height:1.75; }
.catalog-cta, .catalog-mini-cta { max-width:1120px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:28px; padding:30px; border-radius:26px; background:linear-gradient(135deg,#071523,#0b2338); color:#fff; border:1px solid rgba(207,160,70,.28); box-shadow:0 20px 55px rgba(7,21,35,.16); }
.catalog-cta h2, .catalog-mini-cta h2 { margin:0 0 8px; color:#fff; font-size: clamp(24px,3vw,34px); }
.catalog-cta p, .catalog-mini-cta p { margin:0; color:#c8d3e0; line-height:1.65; max-width:720px; }
.catalog-mini-cta { margin: 32px clamp(24px,5vw,76px); }
.faq-grid-wide { max-width:1180px; }
@media (max-width: 900px) { .catalog-grid { grid-template-columns:1fr; } .catalog-cta, .catalog-mini-cta { flex-direction:column; align-items:flex-start; } }

/* V19 footer marka alanı ve şeffaf logo estetik düzenleme */
.site-footer {
  background:
    radial-gradient(circle at 18% 12%, rgba(207,160,70,.18), transparent 28%),
    radial-gradient(circle at 82% 72%, rgba(70,116,160,.12), transparent 34%),
    linear-gradient(135deg, #030812 0%, #071524 52%, #02050b 100%) !important;
}
.footer-inner {
  align-items: start;
  grid-template-columns: minmax(360px, 1.35fr) .72fr .82fr 1.08fr !important;
  gap: clamp(30px, 4vw, 58px) !important;
  padding-top: 70px !important;
  padding-bottom: 48px !important;
}
.footer-brand-clean {
  position: relative;
  isolation: isolate;
  padding: 4px 0 0;
}
.footer-brand-clean::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -24px;
  top: -24px;
  width: min(520px, calc(100% + 48px));
  height: 100%;
  min-height: 330px;
  border-radius: 34px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    radial-gradient(circle at 20% 10%, rgba(207,160,70,.12), transparent 38%);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 24px 70px rgba(0,0,0,.18);
}
.footer-logo-clean {
  width: min(430px, 100%) !important;
  margin-bottom: 6px;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.footer-logo-clean img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 16px 24px rgba(0,0,0,.28));
}
.footer-brand-clean p {
  max-width: 480px !important;
  font-size: 16px !important;
  line-height: 1.82 !important;
  color: #d8e2ef !important;
  text-wrap: pretty;
}
.footer-badges {
  gap: 10px !important;
  margin-top: 2px;
}
.footer-badges span {
  min-height: 34px !important;
  padding: 8px 13px !important;
  border-color: rgba(207,160,70,.42) !important;
  background: rgba(207,160,70,.08) !important;
  color: #f2d38b !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.footer-col {
  padding-top: 6px;
}
.footer-col h3 {
  color: #ffffff !important;
  font-size: 13px !important;
}
.site-footer nav a,
.footer-contact-list a,
.footer-contact-list strong {
  color: #d1dbe8 !important;
}
.site-footer nav a:hover,
.footer-contact-list a:hover {
  color: #f0cc78 !important;
}
.footer-contact-list li {
  border-bottom-color: rgba(255,255,255,.10) !important;
}
.footer-legal-bar {
  background: rgba(0,0,0,.12);
}
.footer-legal-bar nav a {
  position: relative;
}
.footer-legal-bar nav a:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -8px;
  top: 50%;
  width: 1px;
  height: 12px;
  background: rgba(255,255,255,.16);
  transform: translateY(-50%);
}
@media (max-width: 1100px) {
  .footer-inner { grid-template-columns: 1fr 1fr !important; }
  .footer-brand-clean::before { width: min(560px, calc(100% + 48px)); }
}
@media (max-width: 720px) {
  .footer-inner { grid-template-columns: 1fr !important; padding-top: 48px !important; }
  .footer-brand-clean::before { left: -14px; top: -18px; width: calc(100% + 28px); min-height: 310px; border-radius: 26px; }
  .footer-logo-clean { width: min(360px, 100%) !important; }
  .footer-brand-clean p { font-size: 15px !important; }
  .footer-legal-bar nav a:not(:last-child)::after { display:none; }
}


/* V27 temiz footer: PNG zemin + gerçek HTML/CSS tıklanabilir alanlar */
.site-footer.footer-exact {
  display: block !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: #030b14 !important;
  color: #fff !important;
  border-top: 0 !important;
}
.footer-exact-stage {
  position: relative;
  width: 100%;
  max-width: 1774px;
  aspect-ratio: 1774 / 887;
  margin: 0 auto;
  background-image: url('../img/footer-background-clean.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  isolation: isolate;
}
.footer-exact a { color: inherit; text-decoration: none; }
.footer-exact a:hover { color: #f2cf80; }
.footer-links,
.footer-contact-exact,
.footer-copy,
.footer-legal-exact {
  position: absolute;
  z-index: 2;
  font-family: Inter, Arial, sans-serif;
}
.footer-links h3,
.footer-contact-exact h3 {
  margin: 0;
  color: #f1c96f;
  font-size: clamp(12px, 1.18vw, 22px);
  line-height: 1.05;
  letter-spacing: .17em;
  text-transform: uppercase;
  font-weight: 900;
}
.footer-links h3::after,
.footer-contact-exact h3::after {
  content: "";
  display: block;
  width: clamp(34px, 3.1vw, 62px);
  height: 2px;
  margin-top: clamp(9px, .9vw, 17px);
  background: linear-gradient(90deg, #d9a845 0%, rgba(217,168,69,.15) 100%);
}
.footer-links nav {
  display: grid !important;
  gap: clamp(7px, .78vw, 17px) !important;
  margin-top: clamp(25px, 2.7vw, 52px);
}
.footer-links nav a {
  display: block;
  color: #e0e7f0;
  font-size: clamp(11px, .98vw, 20px);
  line-height: 1.15;
  font-weight: 400;
  letter-spacing: -.015em;
  text-shadow: 0 2px 12px rgba(0,0,0,.25);
  transition: color .18s ease, transform .18s ease;
}
.footer-links nav a:hover { transform: translateX(4px); }
.footer-pages { left: 35.9%; top: 14.2%; width: 12.5%; }
.footer-production { left: 50.25%; top: 14.2%; width: 13.2%; }
.footer-quick { left: 65.45%; top: 14.2%; width: 11.1%; }
.footer-contact-exact { left: 78.35%; top: 14.2%; width: 17.5%; }
.footer-contact-exact ul {
  list-style: none;
  margin: clamp(25px, 2.55vw, 50px) 0 0;
  padding: 0;
  display: grid;
  gap: clamp(8px, .85vw, 16px);
}
.footer-contact-exact li {
  display: grid;
  grid-template-columns: clamp(32px, 3.25vw, 62px) 1fr;
  gap: clamp(8px, .9vw, 18px);
  align-items: start;
  padding-bottom: clamp(7px, .75vw, 15px);
  border-bottom: 1px solid rgba(255,255,255,.11);
}
.footer-contact-exact li:last-child { border-bottom: 0; }
.contact-icon {
  width: clamp(30px, 2.85vw, 54px);
  height: clamp(30px, 2.85vw, 54px);
  border: 1px solid rgba(213,158,60,.9);
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #e0aa4e;
  font-size: clamp(12px, 1vw, 19px);
  font-weight: 800;
  line-height: 1;
}
.footer-contact-exact b {
  display: block;
  margin: 0 0 clamp(2px, .35vw, 6px);
  color: #f1c96f;
  font-size: clamp(8px, .72vw, 14px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.footer-contact-exact a,
.footer-contact-exact strong {
  display: block;
  color: #f0f3f8;
  font-size: clamp(10px, .9vw, 18px);
  line-height: 1.35;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.footer-social-exact {
  margin-top: clamp(22px, 2.5vw, 48px);
}
.footer-social-exact > strong {
  display: block;
  color: #f1c96f;
  font-size: clamp(11px, 1vw, 19px);
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: clamp(14px, 1.45vw, 28px);
}
.footer-social-exact div { display: flex; gap: clamp(14px, 1.7vw, 32px); }
.footer-social-exact a {
  width: clamp(36px, 3.3vw, 64px);
  height: clamp(36px, 3.3vw, 64px);
  border: 1px solid rgba(213,158,60,.85);
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #e3aa48;
  font-size: clamp(12px, 1.08vw, 21px);
  font-weight: 900;
  background: rgba(255,255,255,.01);
}
.footer-copy {
  left: 4.6%;
  bottom: 14.9%;
  margin: 0;
  color: #c7d0db;
  font-size: clamp(10px, .95vw, 18px);
  line-height: 1.2;
  font-weight: 400;
}
.footer-legal-exact {
  right: 6.1%;
  bottom: 14.9%;
  display: flex !important;
  align-items: center;
  gap: clamp(9px, 1.05vw, 20px) !important;
  color: #d4dce7;
  font-size: clamp(10px, .85vw, 16px) !important;
  line-height: 1.2;
}
.footer-legal-exact span { color: rgba(255,255,255,.35); }

/* footer dışında genel yuvarlak WhatsApp butonu */
.whatsapp-float { position: fixed !important; right: 26px !important; bottom: 26px !important; z-index: 95 !important; width: 74px !important; height: 74px !important; min-width: 74px !important; min-height: 74px !important; padding: 0 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #4bd34b !important; color: #fff !important; border: 0 !important; box-shadow: 0 18px 38px rgba(0,0,0,.26), 0 0 0 8px rgba(75,211,75,.14) !important; text-decoration: none !important; }
.whatsapp-float::after { content: ""; position: absolute; inset: -8px; border-radius: 50%; border: 1px solid rgba(75,211,75,.45); animation: whatsappPulse 2.3s ease-out infinite; pointer-events: none; }
.whatsapp-float:hover { transform: translateY(-4px) scale(1.04); filter: saturate(1.08); }
.whatsapp-float-icon, .whatsapp-float-icon svg { width: 43px !important; height: 43px !important; display: flex; align-items:center; justify-content:center; }
.whatsapp-float-icon svg { fill: #fff !important; }
@keyframes whatsappPulse { 0% { transform: scale(.92); opacity:.85; } 70%,100% { transform: scale(1.22); opacity:0; } }

@media (max-width: 900px) {
  .footer-exact-stage {
    aspect-ratio: auto;
    min-height: auto;
    background-image: none;
    background: radial-gradient(circle at 10% 0%, rgba(207,160,70,.16), transparent 35%), linear-gradient(135deg, #04101d, #02070d);
    padding: 40px 24px 28px;
    display: grid;
    gap: 28px;
  }
  .footer-links, .footer-contact-exact, .footer-copy, .footer-legal-exact { position: static; width: auto; }
  .footer-pages, .footer-production, .footer-quick, .footer-contact-exact { left:auto; top:auto; width:auto; }
  .footer-links nav { margin-top: 18px; }
  .footer-contact-exact ul { margin-top: 18px; }
  .footer-legal-exact { flex-wrap: wrap; justify-content: flex-start; }
  .whatsapp-float { width:64px !important; height:64px !important; min-width:64px !important; min-height:64px !important; right:16px !important; bottom:16px !important; }
  .whatsapp-float-icon, .whatsapp-float-icon svg { width:38px !important; height:38px !important; }
}

/* V28 footer final: temiz arka plan + koordinatlı tıklanabilir HTML */
@media (min-width: 901px) {
  .site-footer.footer-exact {
    display: block !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #030b14 !important;
    color: #fff !important;
    border: 0 !important;
  }

  .footer-exact-stage {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 1774px !important;
    aspect-ratio: 1774 / 887 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: url('../img/footer-background-clean.png') center / 100% 100% no-repeat !important;
    isolation: isolate !important;
    overflow: hidden !important;
  }

  .footer-exact-stage * {
    box-sizing: border-box !important;
  }

  .footer-links,
  .footer-contact-exact,
  .footer-copy,
  .footer-legal-exact {
    position: absolute !important;
    z-index: 3 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: Inter, Arial, sans-serif !important;
    text-shadow: none !important;
    opacity: 1 !important;
  }

  .footer-pages {
    left: 36.15% !important;
    top: 13.75% !important;
    width: 11.6% !important;
  }

  .footer-production {
    left: 50.18% !important;
    top: 13.75% !important;
    width: 13.5% !important;
  }

  .footer-quick {
    left: 65.52% !important;
    top: 13.75% !important;
    width: 10.5% !important;
  }

  .footer-contact-exact {
    left: 78.45% !important;
    top: 13.75% !important;
    width: 17.1% !important;
  }

  .footer-links h3,
  .footer-contact-exact h3 {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f0c66e !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: clamp(14px, 1.18vw, 22px) !important;
    line-height: 1.04 !important;
    letter-spacing: .17em !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
  }

  .footer-links h3::after,
  .footer-contact-exact h3::after {
    content: "" !important;
    display: block !important;
    width: clamp(38px, 3.0vw, 58px) !important;
    height: 2px !important;
    margin-top: clamp(10px, .9vw, 16px) !important;
    background: linear-gradient(90deg, #e0af51, rgba(224,175,81,.15)) !important;
  }

  .footer-links nav {
    display: grid !important;
    margin: clamp(28px, 2.78vw, 50px) 0 0 !important;
    padding: 0 !important;
    gap: clamp(8px, .82vw, 16px) !important;
  }

  .footer-links nav a {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #dce5f1 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: clamp(12px, .99vw, 19px) !important;
    line-height: 1.22 !important;
    font-weight: 400 !important;
    letter-spacing: -.015em !important;
    text-decoration: none !important;
    transition: color .18s ease, transform .18s ease !important;
  }

  .footer-links nav a:hover {
    color: #f2cf80 !important;
    transform: translateX(4px) !important;
  }

  .footer-contact-exact ul {
    list-style: none !important;
    margin: clamp(27px, 2.7vw, 52px) 0 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: clamp(8px, .78vw, 15px) !important;
  }

  .footer-contact-exact li {
    display: grid !important;
    grid-template-columns: clamp(38px, 3.05vw, 58px) minmax(0, 1fr) !important;
    gap: clamp(10px, .9vw, 18px) !important;
    align-items: center !important;
    padding: 0 0 clamp(8px, .75vw, 14px) !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.11) !important;
  }

  .footer-contact-exact li:last-child {
    border-bottom: 0 !important;
  }

  .footer-contact-exact .contact-icon {
    width: clamp(34px, 2.92vw, 56px) !important;
    height: clamp(34px, 2.92vw, 56px) !important;
    min-width: clamp(34px, 2.92vw, 56px) !important;
    border: 1px solid rgba(213,158,60,.9) !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    color: #e0aa4e !important;
    background: rgba(255,255,255,.01) !important;
    font-size: clamp(12px, .95vw, 18px) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
  }

  .footer-contact-exact b {
    display: block !important;
    margin: 0 0 clamp(4px, .35vw, 7px) !important;
    padding: 0 !important;
    color: #f0c66e !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: clamp(9px, .72vw, 14px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
  }

  .footer-contact-exact a,
  .footer-contact-exact strong {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f0f3f8 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: clamp(11px, .9vw, 17px) !important;
    line-height: 1.32 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .footer-contact-exact a:hover {
    color: #f2cf80 !important;
  }

  .footer-social-exact {
    display: block !important;
    margin: clamp(24px, 2.25vw, 42px) 0 0 !important;
    padding: 0 !important;
  }

  .footer-social-exact > strong {
    display: block !important;
    margin: 0 0 clamp(15px, 1.35vw, 26px) !important;
    color: #f0c66e !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: clamp(12px, 1vw, 19px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
  }

  .footer-social-exact div {
    display: flex !important;
    gap: clamp(14px, 1.7vw, 31px) !important;
  }

  .footer-social-exact a {
    width: clamp(38px, 3.25vw, 62px) !important;
    height: clamp(38px, 3.25vw, 62px) !important;
    border: 1px solid rgba(213,158,60,.85) !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    color: #e3aa48 !important;
    font-size: clamp(13px, 1.05vw, 20px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    background: rgba(255,255,255,.012) !important;
  }

  .footer-copy {
    left: 4.55% !important;
    top: 79.05% !important;
    width: 32% !important;
    color: #c8d0db !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: clamp(11px, .94vw, 18px) !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    text-align: left !important;
  }

  .footer-legal-exact {
    left: auto !important;
    right: 6.05% !important;
    top: 79.05% !important;
    bottom: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: clamp(10px, 1.05vw, 20px) !important;
    white-space: nowrap !important;
    color: #d6dee9 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: clamp(11px, .83vw, 16px) !important;
    line-height: 1.25 !important;
  }

  .footer-legal-exact a {
    color: #d6dee9 !important;
    text-decoration: none !important;
  }

  .footer-legal-exact a:hover {
    color: #f2cf80 !important;
  }

  .footer-legal-exact span {
    color: rgba(255,255,255,.36) !important;
  }
}

/* V29 footer: temiz arka plan üstüne referans hizalı gerçek HTML */
@media (min-width: 901px) {
  .site-footer.footer-exact {
    background:#020b14 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:visible !important;
  }
  .footer-exact-stage {
    max-width:1774px !important;
    width:100% !important;
    aspect-ratio:1774 / 887 !important;
    background: url('../img/footer-background-clean.png') center / 100% 100% no-repeat !important;
    overflow:hidden !important;
    position:relative !important;
    margin:0 auto !important;
  }
  .footer-exact-stage .footer-links,
  .footer-exact-stage .footer-contact-exact,
  .footer-exact-stage .footer-copy,
  .footer-exact-stage .footer-legal-exact {
    position:absolute !important;
    z-index:5 !important;
    font-family:Inter, Arial, sans-serif !important;
    opacity:1 !important;
  }
  .footer-exact-stage .footer-pages { left:36.55% !important; top:14.35% !important; width:12.1% !important; }
  .footer-exact-stage .footer-production { left:50.65% !important; top:14.35% !important; width:13.8% !important; }
  .footer-exact-stage .footer-quick { left:65.95% !important; top:14.35% !important; width:11.2% !important; }
  .footer-exact-stage .footer-contact-exact { left:78.85% !important; top:14.35% !important; width:18.05% !important; height:66.2% !important; }

  .footer-exact-stage .footer-links h3,
  .footer-exact-stage .footer-contact-exact h3 {
    color:#f0c66e !important;
    font-size:clamp(13px, 1.09vw, 21px) !important;
    line-height:1.04 !important;
    letter-spacing:.17em !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    margin:0 !important;
    padding:0 !important;
  }
  .footer-exact-stage .footer-links h3::after,
  .footer-exact-stage .footer-contact-exact h3::after {
    width:clamp(35px, 2.8vw, 56px) !important;
    height:2px !important;
    margin-top:clamp(10px, .82vw, 15px) !important;
    background:linear-gradient(90deg,#e0af51,rgba(224,175,81,.12)) !important;
  }
  .footer-exact-stage .footer-links nav {
    display:grid !important;
    margin-top:clamp(27px, 2.65vw, 49px) !important;
    gap:clamp(7px, .77vw, 15px) !important;
  }
  .footer-exact-stage .footer-links nav a {
    display:block !important;
    color:#dfe8f2 !important;
    font-size:clamp(11px, .95vw, 18px) !important;
    line-height:1.16 !important;
    font-weight:400 !important;
    letter-spacing:-.018em !important;
    text-decoration:none !important;
  }
  .footer-exact-stage .footer-links nav a:hover { color:#f2cf80 !important; transform:translateX(4px) !important; }

  .footer-exact-stage .footer-contact-exact ul {
    display:grid !important;
    gap:clamp(6px, .53vw, 10px) !important;
    margin:clamp(26px, 2.52vw, 48px) 0 0 !important;
    padding:0 !important;
    list-style:none !important;
  }
  .footer-exact-stage .footer-contact-exact li {
    display:grid !important;
    grid-template-columns:clamp(34px, 2.8vw, 54px) minmax(0, 1fr) !important;
    gap:clamp(9px, .83vw, 16px) !important;
    align-items:center !important;
    padding:0 0 clamp(7px, .62vw, 12px) !important;
    border-bottom:1px solid rgba(255,255,255,.11) !important;
  }
  .footer-exact-stage .footer-contact-exact li:last-child { border-bottom:0 !important; }
  .footer-exact-stage .contact-icon {
    width:clamp(34px, 2.78vw, 54px) !important;
    height:clamp(34px, 2.78vw, 54px) !important;
    min-width:clamp(34px, 2.78vw, 54px) !important;
    border:1px solid rgba(213,158,60,.9) !important;
    border-radius:50% !important;
    display:grid !important;
    place-items:center !important;
    color:#e3aa48 !important;
    background:rgba(255,255,255,.012) !important;
  }
  .footer-exact-stage .contact-icon svg {
    width:48% !important;
    height:48% !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.85 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }
  .footer-exact-stage .footer-contact-exact b {
    display:block !important;
    color:#f0c66e !important;
    font-size:clamp(8px, .65vw, 12px) !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.1em !important;
    text-transform:uppercase !important;
    margin:0 0 clamp(4px, .28vw, 6px) !important;
  }
  .footer-exact-stage .footer-contact-exact a,
  .footer-exact-stage .footer-contact-exact strong {
    display:block !important;
    color:#f1f5fa !important;
    font-size:clamp(10px, .82vw, 15.5px) !important;
    line-height:1.28 !important;
    font-weight:500 !important;
    text-decoration:none !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
  .footer-exact-stage .footer-contact-exact strong { max-width:250px !important; }

  .footer-exact-stage .footer-social-exact {
    position:absolute !important;
    left:0 !important;
    top:69.2% !important;
    margin:0 !important;
    padding:0 !important;
  }
  .footer-exact-stage .footer-social-exact > strong {
    display:block !important;
    color:#f0c66e !important;
    font-size:clamp(11px, .94vw, 18px) !important;
    line-height:1 !important;
    letter-spacing:.15em !important;
    text-transform:uppercase !important;
    font-weight:900 !important;
    margin:0 0 clamp(13px, 1.25vw, 24px) !important;
  }
  .footer-exact-stage .footer-social-exact div { display:flex !important; gap:clamp(14px,1.65vw,30px) !important; }
  .footer-exact-stage .footer-social-exact a {
    width:clamp(36px, 3.18vw, 60px) !important;
    height:clamp(36px, 3.18vw, 60px) !important;
    border:1px solid rgba(213,158,60,.85) !important;
    border-radius:50% !important;
    display:grid !important;
    place-items:center !important;
    color:#e3aa48 !important;
    background:rgba(255,255,255,.01) !important;
    text-decoration:none !important;
  }
  .footer-exact-stage .footer-social-exact svg {
    width:45% !important;
    height:45% !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }
  .footer-exact-stage .footer-social-exact a[aria-label="YouTube"] svg path:first-child { fill:currentColor !important; stroke:none !important; opacity:.95; }
  .footer-exact-stage .footer-social-exact a[aria-label="YouTube"] svg path:last-child { fill:#06111e !important; stroke:none !important; }

  .footer-exact-stage .footer-copy {
    left:4.6% !important;
    top:82.0% !important;
    bottom:auto !important;
    width:32% !important;
    color:#c9d2dd !important;
    font-size:clamp(10px,.92vw,17px) !important;
    line-height:1.25 !important;
    font-weight:400 !important;
    text-align:left !important;
    margin:0 !important;
  }
  .site-footer nav.footer-legal-exact,
  .footer-exact-stage .footer-legal-exact {
    left:auto !important;
    right:5.9% !important;
    top:82.0% !important;
    bottom:auto !important;
    width:auto !important;
    max-width:none !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:clamp(10px,1.03vw,19px) !important;
    white-space:nowrap !important;
    color:#d7dfe9 !important;
    font-size:clamp(10px,.82vw,15.5px) !important;
    line-height:1.25 !important;
    margin:0 !important;
    padding:0 !important;
  }
  .site-footer nav.footer-legal-exact a,
  .footer-exact-stage .footer-legal-exact a,
  .footer-exact-stage .footer-legal-exact span {
    display:inline !important;
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
    color:inherit !important;
    text-decoration:none !important;
  }
  .footer-exact-stage .footer-legal-exact span { color:rgba(255,255,255,.38) !important; }
}

/* V30 - Ana sayfa marka/kurumsal bölümü referans görsele göre yeniden hizalandı */
body.home-page .brands-section,
.brands-section.section-light {
  background:#fff !important;
  min-height:270px !important;
  padding:38px 6.25vw 28px !important;
  display:grid !important;
  grid-template-columns: .92fr .82fr 1.08fr !important;
  align-items:center !important;
  gap:48px !important;
  border-top:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.brands-section .brand-box {
  align-self:center !important;
  padding:0 !important;
}
.brands-section .section-label {
  color:#c99a3f !important;
  font-size:13px !important;
  letter-spacing:.18em !important;
  font-weight:900 !important;
}
.brands-section .brand-names {
  display:flex !important;
  align-items:center !important;
  gap:34px !important;
  margin:17px 0 28px !important;
}
.brands-section .brand-names > div {
  font-family:Georgia, 'Times New Roman', serif !important;
  font-size:62px !important;
  line-height:.86 !important;
  font-weight:400 !important;
}
.brands-section .brand-names small {
  display:block !important;
  margin-top:18px !important;
  font-family:Inter, system-ui, sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.56em !important;
  font-size:14px !important;
  color:#d4a24a !important;
  padding-left:5px !important;
}
.brands-section .separator {
  width:1px !important;
  height:80px !important;
  background:#d9c5a6 !important;
  display:block !important;
}
.brands-section .btn-dark {
  height:48px !important;
  padding:0 28px !important;
  border-radius:3px !important;
  background:#061221 !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:13px !important;
  letter-spacing:.02em !important;
  box-shadow:none !important;
}
.brands-section .about-box {
  align-self:center !important;
  padding:0 0 6px !important;
}
.brands-section .about-box .gold-line {
  width:56px !important;
  height:2px !important;
  background:#c99a3f !important;
  margin-bottom:12px !important;
}
.brands-section .about-box h2 {
  margin:0 0 18px !important;
  font-family:Georgia, 'Times New Roman', serif !important;
  color:#071523 !important;
  font-size:42px !important;
  line-height:1.05 !important;
  font-weight:700 !important;
}
.brands-section .about-box p {
  max-width:440px !important;
  margin:0 0 20px !important;
  color:#3d4b5e !important;
  line-height:1.8 !important;
  font-size:15px !important;
}
.brands-section .btn-small {
  height:38px !important;
  min-width:112px !important;
  padding:0 20px !important;
}
.brands-section .factory-card {
  display:block !important;
  height:230px !important;
  min-height:230px !important;
  border-radius:0 !important;
  overflow:visible !important;
  box-shadow:none !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.76) 11%, rgba(255,255,255,0) 28%),
    url('../img/factory-section-smooth.png') right center / contain no-repeat !important;
  position:relative !important;
}
.brands-section .factory-card::before,
.brands-section .factory-card::after,
.brands-section .factory-sign { display:none !important; content:none !important; }
@media (max-width: 1100px) {
  .brands-section.section-light { grid-template-columns:1fr 1fr !important; gap:34px !important; }
  .brands-section .factory-card { grid-column:1 / -1 !important; background-size:cover !important; height:260px !important; }
}
@media (max-width:760px) {
  .brands-section.section-light { grid-template-columns:1fr !important; padding:36px 24px !important; }
  .brands-section .brand-names > div { font-size:44px !important; }
  .brands-section .brand-names { gap:18px !important; }
  .brands-section .factory-card { display:block !important; height:190px !important; background-size:cover !important; background-position:center !important; }
}

/* V31 - Markalar/Dumanlar/Fabrika bölümü referans görseline daha yakın */
body.home-page .brands-section.section-light,
body.home-page #markalar.brands-section {
  position: relative !important;
  background: #fff !important;
  min-height: 272px !important;
  height: 272px !important;
  padding: 0 0 0 6.15vw !important;
  display: grid !important;
  grid-template-columns: 29.5% 30.5% 40% !important;
  align-items: center !important;
  column-gap: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.home-page .brands-section .brand-box {
  align-self: center !important;
  transform: translateY(-2px) !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.home-page .brands-section .section-label {
  display: block !important;
  color: #c99a3f !important;
  font-size: 13px !important;
  line-height: 1 !important;
  letter-spacing: .24em !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  margin: 0 0 20px !important;
}
body.home-page .brands-section .brand-names {
  display: flex !important;
  align-items: flex-start !important;
  gap: 28px !important;
  margin: 0 0 27px !important;
}
body.home-page .brands-section .brand-names > div {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 61px !important;
  line-height: .78 !important;
  font-weight: 400 !important;
  letter-spacing: -.045em !important;
}
body.home-page .brands-section .brand-names small {
  display: block !important;
  margin-top: 22px !important;
  padding-left: 5px !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 14px !important;
  line-height: 1 !important;
  letter-spacing: .62em !important;
  text-transform: uppercase !important;
  color: #d39f43 !important;
}
body.home-page .brands-section .separator {
  width: 1px !important;
  height: 82px !important;
  margin-top: -2px !important;
  background: #d3bd98 !important;
  opacity: .95 !important;
}
body.home-page .brands-section .btn-dark {
  height: 48px !important;
  min-width: 236px !important;
  padding: 0 26px !important;
  border-radius: 3px !important;
  background: #061221 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
}
body.home-page .brands-section .about-box {
  align-self: center !important;
  padding: 0 26px 0 0 !important;
  margin: 0 !important;
  transform: translateY(-1px) !important;
}
body.home-page .brands-section .about-box .gold-line {
  display: block !important;
  width: 58px !important;
  height: 2px !important;
  background: #c99a3f !important;
  margin: 0 0 16px !important;
}
body.home-page .brands-section .about-box h2 {
  margin: 0 0 18px !important;
  color: #071523 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 43px !important;
  line-height: 1.04 !important;
  font-weight: 700 !important;
  letter-spacing: -.025em !important;
}
body.home-page .brands-section .about-box p {
  max-width: 440px !important;
  margin: 0 0 18px !important;
  color: #435266 !important;
  font-size: 15px !important;
  line-height: 1.78 !important;
}
body.home-page .brands-section .about-box .btn-small {
  height: auto !important;
  min-width: 0 !important;
  padding: 0 0 3px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #061221 !important;
  border-bottom: 3px solid #d2a14b !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-transform: none !important;
}
body.home-page .brands-section .factory-card {
  align-self: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  height: 272px !important;
  min-height: 272px !important;
  border-radius: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
  background: url('../img/factory-section-smooth.png') right center / contain no-repeat !important;
  position: relative !important;
}
body.home-page .brands-section .factory-card::before,
body.home-page .brands-section .factory-card::after,
body.home-page .brands-section .factory-sign {
  display: none !important;
  content: none !important;
}
body.home-page .products-section {
  padding-top: 82px !important;
}
@media (max-width: 1100px) {
  body.home-page .brands-section.section-light,
  body.home-page #markalar.brands-section {
    height: auto !important;
    min-height: 0 !important;
    padding: 44px 6vw !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 34px !important;
  }
  body.home-page .brands-section .factory-card {
    grid-column: 1 / -1 !important;
    height: 260px !important;
    min-height: 260px !important;
    background-size: cover !important;
    border-radius: 0 !important;
  }
}
@media (max-width: 760px) {
  body.home-page .brands-section.section-light,
  body.home-page #markalar.brands-section {
    grid-template-columns: 1fr !important;
    padding: 36px 24px !important;
  }
  body.home-page .brands-section .brand-names > div { font-size: 44px !important; }
  body.home-page .brands-section .brand-names { gap: 18px !important; }
  body.home-page .brands-section .factory-card { height: 190px !important; min-height:190px !important; }
}


/* V32 clean factory visual: PNG prepared before embedding, no black top line, no ghost text */
body.home-page .brands-section .factory-card {
  background: url('../img/factory-section-smooth.png') right center / contain no-repeat !important;
  background-color: transparent !important;
  overflow: visible !important;
}
body.home-page .brands-section .factory-card::before,
body.home-page .brands-section .factory-card::after,
body.home-page .brands-section .factory-sign {
  display: none !important;
  content: none !important;
}
@media (max-width: 1100px) {
  body.home-page .brands-section .factory-card { background-size: contain !important; }
}


/* V33 - Fabrika görseli yumuşak geçişli temiz PNG */
body.home-page .brands-section .factory-card {
  background: url('../img/factory-section-smooth.png') right center / cover no-repeat !important;
  height: 272px !important;
  min-height: 272px !important;
  transform: none !important;
}
body.home-page .brands-section.section-light,
body.home-page #markalar.brands-section {
  grid-template-columns: 29.2% 31.2% 39.6% !important;
}
body.home-page .brands-section .factory-card::before,
body.home-page .brands-section .factory-card::after {
  display:none !important;
  content:none !important;
}
@media (max-width: 1100px) {
  body.home-page .brands-section .factory-card {
    background-size: cover !important;
    background-position: right center !important;
  }
}

/* V34 - Ana sayfa marka/kurumsal/fabrika bölümü referans görseline birebir çekildi */
body.home-page #markalar.brands-section.section-light {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: clamp(210px, 17.65vw, 271px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #fff url('../img/brand-section-exact.png') center center / 100% 100% no-repeat !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.home-page #markalar.brands-section.section-light > :not(.brand-hotspot) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.home-page #markalar .brand-hotspot {
  position: absolute !important;
  display: block !important;
  z-index: 8 !important;
  background: transparent !important;
  border: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}
/* oranlar 1536x271 referans görseline göre */
body.home-page #markalar .brand-hotspot--brands {
  left: 12.7% !important;
  top: 74.4% !important;
  width: 17.6% !important;
  height: 15.2% !important;
}
body.home-page #markalar .brand-hotspot--corporate {
  left: 43.4% !important;
  top: 74.9% !important;
  width: 8.2% !important;
  height: 13.5% !important;
}
body.home-page #markalar + .products-section {
  padding-top: 82px !important;
}
@media (max-width: 760px) {
  body.home-page #markalar.brands-section.section-light {
    height: auto !important;
    min-height: 0 !important;
    padding: 36px 24px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    background: #fff !important;
  }
  body.home-page #markalar.brands-section.section-light > :not(.brand-hotspot) {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  body.home-page #markalar .brand-hotspot { display: none !important; }
}

/* V35 - Marka/kurumsal/fabrika alanı: kaliteli tek görsel + doğru konumlu gerçek tıklanabilir butonlar */
body.home-page #markalar.brands-section.section-light {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: clamp(340px, 31.45vw, 500px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #fff url('../img/brand-section-banner.png') center center / 100% 100% no-repeat !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.home-page #markalar.brands-section.section-light > :not(.brand-hotspot) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.home-page #markalar .brand-hotspot {
  position: absolute !important;
  z-index: 20 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  min-height: 42px !important;
  padding: 0 20px !important;
  border-radius: 4px !important;
  background: #061221 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 12px 28px rgba(3, 15, 27, .16) !important;
  text-indent: 0 !important;
  overflow: visible !important;
  text-decoration: none !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: clamp(11px, .82vw, 14px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
}
body.home-page #markalar .brand-hotspot span {
  display: inline-block !important;
  margin-left: .55em !important;
  font-size: 1.08em !important;
  line-height: 1 !important;
}
body.home-page #markalar .brand-hotspot--brands {
  left: 11.55% !important;
  top: 68.6% !important;
  width: 17.6% !important;
}
body.home-page #markalar .brand-hotspot--corporate {
  left: 35.55% !important;
  top: 68.6% !important;
  width: 8.2% !important;
}
body.home-page #markalar .brand-hotspot:hover,
body.home-page #markalar .brand-hotspot:focus-visible {
  transform: translateY(-1px) !important;
  background: #091a2e !important;
  outline: 2px solid rgba(201,154,63,.42) !important;
  outline-offset: 3px !important;
}
body.home-page #markalar + .products-section {
  padding-top: clamp(64px, 5vw, 90px) !important;
}
@media (max-width: 760px) {
  body.home-page #markalar.brands-section.section-light {
    height: auto !important;
    min-height: 0 !important;
    padding: 36px 24px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    background: #fff !important;
  }
  body.home-page #markalar.brands-section.section-light > :not(.brand-hotspot) {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  body.home-page #markalar .brand-hotspot { display: none !important; }
}

/* V37 - Markalar/Dumanlar bölümü: görsel oranı bozulmadan, referans 1981x346 ölçüsünde */
body.home-page #markalar.brands-section.section-light {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  /* Görseli esnetme yok: 1981x346 oranı korunuyor */
  height: clamp(190px, 17.47vw, 346px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: #fff !important;
  background-image: url('../img/brand-section-banner.png') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% auto !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.home-page #markalar.brands-section.section-light > :not(.brand-hotspot) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.home-page #markalar .brand-hotspot {
  position: absolute !important;
  z-index: 30 !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  border-radius: 3px !important;
  transform: none !important;
  outline: none !important;
}
body.home-page #markalar .brand-hotspot span { display: none !important; }
body.home-page #markalar .brand-hotspot--brands {
  left: 12.0% !important;
  top: 75.2% !important;
  width: 17.8% !important;
  height: 14.8% !important;
}
body.home-page #markalar .brand-hotspot--corporate {
  left: 43.15% !important;
  top: 75.2% !important;
  width: 8.5% !important;
  height: 14.8% !important;
}
body.home-page #markalar .brand-hotspot:hover,
body.home-page #markalar .brand-hotspot:focus-visible {
  background: rgba(201,154,63,.06) !important;
  outline: 2px solid rgba(201,154,63,.45) !important;
  outline-offset: 2px !important;
}
body.home-page #markalar + .products-section {
  padding-top: clamp(64px, 5vw, 90px) !important;
}
@media (max-width: 760px) {
  body.home-page #markalar.brands-section.section-light {
    height: auto !important;
    min-height: 0 !important;
    padding: 36px 24px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    background-image: none !important;
    background-color: #fff !important;
  }
  body.home-page #markalar.brands-section.section-light > :not(.brand-hotspot) {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  body.home-page #markalar .brand-hotspot { display: none !important; }
}

/* V38 - Ana sayfa iletişim kaldırma ve detaylı iletişim sayfası */
.home-page .contact-section { display: none !important; }
.contact-main { background: #fff; }
.contact-breadcrumb { margin: 0; padding: 18px clamp(24px, 5vw, 80px); background: #f8fafc; }
.contact-hero-pro {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr);
  gap: clamp(34px, 5vw, 78px);
  align-items: stretch;
  padding: clamp(58px, 7vw, 96px) clamp(28px, 6vw, 92px);
  background:
    radial-gradient(circle at 88% 12%, rgba(207,160,70,.12), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 62%, #edf2f7 100%);
}
.contact-hero-text h1 {
  margin: 12px 0 20px;
  max-width: 820px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(42px, 5.3vw, 76px);
  line-height: .96;
  letter-spacing: -.035em;
  color: var(--navy);
}
.contact-hero-text p { max-width: 760px; color: #536174; font-size: 18px; line-height: 1.8; }
.contact-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top: 28px; }
.btn-outline-dark { border: 1px solid rgba(7,21,35,.18); color: var(--navy); background: #fff; box-shadow: 0 8px 22px rgba(2,10,20,.06); }
.btn-outline-dark:hover { border-color: var(--gold); color: var(--gold-dark); }
.btn-dark { background: #061422; color: #fff; }
.btn-dark:hover { background: #0b2036; color: #fff; }
.contact-hero-panel {
  border-radius: 28px;
  padding: 30px;
  background: linear-gradient(145deg, #061422 0%, #0b2036 100%);
  box-shadow: 0 24px 70px rgba(7,21,35,.25);
  border: 1px solid rgba(255,255,255,.1);
  display: grid;
  gap: 15px;
  align-content: start;
}
.contact-panel-logo { background:#fff; border-radius: 18px; padding: 18px 22px; box-shadow: inset 0 0 0 1px rgba(207,160,70,.14); }
.contact-panel-logo img { width: 100%; height: auto; display:block; }
.quick-contact-card {
  display: block;
  border-radius: 16px;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(255,255,255,.055);
  color: #fff;
}
.quick-contact-card span { display:block; color: var(--gold-light); text-transform:uppercase; font-size:12px; font-weight:900; letter-spacing:.12em; margin-bottom:6px; }
.quick-contact-card strong { color:#fff; font-size: 18px; word-break: break-word; }
.quick-contact-card:hover { transform: translateY(-2px); border-color: rgba(207,160,70,.55); background: rgba(255,255,255,.08); }
.contact-detail-grid {
  padding: clamp(48px, 6vw, 78px) clamp(28px, 6vw, 92px);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  background: #fff;
}
.detail-card {
  min-height: 150px;
  border: 1px solid #e8edf3;
  border-left: 5px solid var(--gold);
  border-radius: 20px;
  padding: 22px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
  box-shadow: 0 18px 44px rgba(7,21,35,.055);
}
.detail-card-wide { grid-column: span 2; }
.detail-icon {
  width: 44px; height:44px; flex:0 0 44px; border-radius: 14px;
  display:grid; place-items:center;
  background: rgba(207,160,70,.12); color: var(--gold-dark); font-weight:900;
  border: 1px solid rgba(207,160,70,.25);
}
.detail-card h2 { margin:0 0 8px; color:var(--navy); font-size:18px; }
.detail-card p { margin:0; color:#536174; line-height:1.55; }
.detail-card a { color:#071523; font-weight:700; }
.detail-card a:hover { color: var(--gold-dark); }
.contact-workflow { padding: clamp(58px, 7vw, 92px) clamp(28px, 6vw, 92px); background: #f4f7fb; }
.workflow-grid { display:grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 30px; }
.workflow-grid article {
  background: #fff;
  border-radius: 22px;
  padding: 26px 24px;
  border: 1px solid #e7ecf3;
  box-shadow: 0 18px 45px rgba(7,21,35,.055);
}
.workflow-grid b { display:inline-grid; place-items:center; width:48px; height:48px; border-radius:14px; background:#fff7e3; color:var(--gold-dark); border:1px solid rgba(207,160,70,.25); margin-bottom:18px; }
.workflow-grid h3 { margin:0 0 9px; color:var(--navy); font-size:19px; }
.workflow-grid p { margin:0; color:#536174; line-height:1.65; }
.contact-form-section {
  display:grid;
  grid-template-columns: minmax(0, .82fr) minmax(380px, .7fr);
  gap: clamp(34px, 5vw, 72px);
  align-items:center;
  padding: clamp(58px, 7vw, 96px) clamp(28px, 6vw, 92px);
  background: #fff;
}
.contact-form-copy h2 { margin: 12px 0 16px; max-width: 650px; color:var(--navy); font-family:Georgia,'Times New Roman',serif; font-size: clamp(36px,4vw,58px); line-height:1.02; letter-spacing:-.03em; }
.contact-form-copy p { color:#536174; max-width:670px; line-height:1.75; font-size:17px; }
.contact-form-copy ul { margin:24px 0 0; padding:0; list-style:none; display:grid; gap:12px; }
.contact-form-copy li { color:#1d2d3f; font-weight:700; padding-left:28px; position:relative; }
.contact-form-copy li::before { content:'✓'; position:absolute; left:0; color:var(--gold-dark); font-weight:900; }
.contact-form-pro { border-radius: 24px; padding: 34px; }
.contact-form select {
  width:100%; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.08); color:#fff;
  border-radius:8px; padding:13px 14px; margin-top:7px; outline:none;
}
.contact-form select option { color:#071523; }
.contact-map-section {
  padding: clamp(50px, 6vw, 82px) clamp(28px, 6vw, 92px);
  display:grid;
  grid-template-columns: minmax(0,.6fr) minmax(360px,1fr);
  gap: 32px;
  background: linear-gradient(135deg, #f8fafc, #eef3f8);
  align-items: stretch;
}
.map-info { background:#fff; border-radius:24px; padding: 32px; border:1px solid #e7ecf3; box-shadow: 0 18px 45px rgba(7,21,35,.055); }
.map-info h2 { margin:10px 0 14px; color:var(--navy); font-family:Georgia,'Times New Roman',serif; font-size:38px; line-height:1.05; }
.map-info p { color:#536174; line-height:1.75; margin-bottom:24px; }
.map-card { position:relative; min-height:390px; border-radius: 24px; overflow:hidden; background: linear-gradient(135deg,#071523,#0d2439); box-shadow:0 24px 70px rgba(7,21,35,.18); isolation:isolate; border:1px solid rgba(207,160,70,.18); }
.map-card-live iframe { position:absolute; inset:0; width:100%; height:100%; border:0; filter:saturate(1.05) contrast(1.02); }
.map-card-live::after { content:''; position:absolute; inset:0; pointer-events:none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), inset 0 -90px 100px rgba(7,21,35,.12); }
.map-card-live:hover { box-shadow:0 28px 80px rgba(7,21,35,.22); }
@media (max-width: 1020px) {
  .contact-hero-pro, .contact-form-section, .contact-map-section { grid-template-columns: 1fr; }
  .contact-detail-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .workflow-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .contact-hero-pro, .contact-detail-grid, .contact-workflow, .contact-form-section, .contact-map-section { padding-left: 22px; padding-right: 22px; }
  .contact-detail-grid, .workflow-grid { grid-template-columns: 1fr; }
  .detail-card-wide { grid-column: auto; }
  .contact-hero-panel { padding: 22px; }
  .map-card { min-height: 310px; border-radius: 18px; }
  .contact-hero-text h1 { font-size: 38px; }
}

/* V40 contact page redesign - reference aligned */
.contact-design-v40{background:#fff;color:var(--navy);}
.contact-design-v40 .contact-v40-hero{position:relative;max-width:1920px;margin:0 auto;padding:30px 44px 28px;overflow:hidden;isolation:isolate;background:#fff;}
.contact-design-v40 .contact-v40-hero::before{content:"";position:absolute;left:0;right:0;top:0;height:520px;z-index:-2;background:#fff url("../img/contact-hero-decor-clean.png") center top/100% auto no-repeat;}
.contact-design-v40 .contact-v40-hero::before{pointer-events:none;} 
.contact-design-v40 .contact-v40-hero::after{content:"";position:absolute;left:0;right:0;top:520px;bottom:0;z-index:-3;background:linear-gradient(180deg,#fff 0%,#f7f9fb 100%);}
.contact-v40-bgmark{display:none;}
.contact-v40-breadcrumb{display:flex;align-items:center;gap:12px;margin:0 0 36px;color:#697687;font:600 14px/1.2 Inter,Arial,sans-serif;}
.contact-v40-breadcrumb a{display:inline-flex;align-items:center;gap:10px;color:#697687;text-decoration:none;}
.contact-v40-breadcrumb svg{width:16px;height:16px;fill:#d1a247;}
.contact-v40-intro{max-width:760px;margin-bottom:34px;}
.contact-v40-intro .section-label{display:block;color:#cf9f37;text-transform:uppercase;letter-spacing:.22em;font:900 25px/1 Inter,Arial,sans-serif;margin-bottom:14px;}
.contact-v40-intro .section-label::after{content:"";display:block;width:52px;height:2px;background:#cf9f37;margin-top:12px;}
.contact-v40-intro h1{margin:0 0 22px;color:#071523;font-family:Georgia,'Times New Roman',serif;font-weight:900;font-size:clamp(48px,4vw,78px);line-height:.95;letter-spacing:-.045em;}
.contact-v40-intro p{margin:0;color:#4c5b70;font:500 21px/1.7 Inter,Arial,sans-serif;max-width:700px;}
.contact-v40-grid{display:grid;grid-template-columns:minmax(620px,1.55fr) minmax(300px,.72fr) minmax(420px,.9fr);gap:26px;align-items:stretch;}
.contact-v40-message-card,.contact-v40-info-card,.contact-v40-map-card{background:#fff;border:1px solid #edf0f5;border-radius:18px;box-shadow:0 22px 50px rgba(7,21,35,.08);}
.contact-v40-message-card{padding:38px 40px 32px;}
.contact-v40-message-card h2,.contact-v40-info-card h2{margin:0 0 24px;color:#142038;text-transform:uppercase;letter-spacing:.16em;font:900 19px/1.2 Inter,Arial,sans-serif;}
.contact-v40-message-card h2::after,.contact-v40-info-card h2::after{content:"";display:block;width:55px;height:2px;background:#d0a047;margin-top:16px;}
.contact-v40-form{display:grid;gap:18px;}
.contact-v40-form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.contact-v40-form label{position:relative;display:block;}
.contact-v40-form i{position:absolute;left:21px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:#d0a047;z-index:2;}
.contact-v40-form .contact-v40-textarea i{top:28px;transform:none;}
.contact-v40-form svg{width:100%;height:100%;fill:currentColor;}
.contact-v40-form input,.contact-v40-form select,.contact-v40-form textarea{width:100%;border:1px solid #dfe5ee;border-radius:8px;background:#fff;color:#1b2a3f;font:700 16px/1.4 Inter,Arial,sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;}
.contact-v40-form input,.contact-v40-form select{height:58px;padding:0 18px 0 62px;}
.contact-v40-form textarea{min-height:126px;resize:vertical;padding:20px 18px 18px 62px;}
.contact-v40-form input::placeholder,.contact-v40-form textarea::placeholder{color:#929bab;font-weight:700;}
.contact-v40-form select:invalid{color:#929bab;}
.contact-v40-form input:focus,.contact-v40-form select:focus,.contact-v40-form textarea:focus{border-color:#d0a047;box-shadow:0 0 0 4px rgba(208,160,71,.14);}
.contact-v40-submit{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:9px;background:linear-gradient(135deg,#d6a64b,#be852b);color:#fff;text-transform:uppercase;letter-spacing:.05em;font:900 16px/1 Inter,Arial,sans-serif;height:58px;padding:0 34px;box-shadow:0 14px 30px rgba(190,133,43,.28);cursor:pointer;justify-self:start;min-width:240px;}
.contact-v40-submit svg{width:18px;height:18px;fill:currentColor;}
.contact-v40-privacy{display:flex;align-items:center;gap:10px;margin:2px 0 0;color:#667486;font:700 13px/1.5 Inter,Arial,sans-serif;}
.contact-v40-privacy svg{width:15px;height:15px;fill:#667486;flex:0 0 15px;}
.contact-v40-privacy a{color:#303d50;text-decoration:underline;text-underline-offset:3px;}
.contact-v40-info-card{padding:32px 34px;}
.contact-v40-info-card ul{list-style:none;margin:0;padding:0;display:grid;gap:0;}
.contact-v40-info-card li{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid #e8edf3;align-items:start;}
.contact-v40-info-card li:first-child{padding-top:0;}
.contact-v40-info-card li:last-child{border-bottom:0;padding-bottom:0;}
.contact-v40-info-card span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#f8f1e6;color:#d0a047;border:1px solid rgba(208,160,71,.18);}
.contact-v40-info-card svg{width:27px;height:27px;fill:currentColor;}
.contact-v40-info-card b{display:block;margin:4px 0 7px;color:#cf9f37;text-transform:uppercase;letter-spacing:.12em;font:900 13px/1 Inter,Arial,sans-serif;}
.contact-v40-info-card a{color:#344258;text-decoration:none;font:700 16px/1.55 Inter,Arial,sans-serif;}
.contact-v40-map-card{padding:12px;position:relative;overflow:hidden;min-height:420px;}
.contact-v40-map-card iframe{width:100%;height:100%;min-height:396px;border:0;border-radius:12px;filter:saturate(.55) contrast(.98) brightness(1.05);}
.contact-v40-map-card>a{position:absolute;right:28px;bottom:24px;background:#d0a047;color:#fff;text-decoration:none;border-radius:999px;padding:12px 18px;font:900 13px/1 Inter,Arial,sans-serif;box-shadow:0 12px 28px rgba(7,21,35,.14);}
.contact-v40-values{margin-top:26px;background:#fff;border:1px solid #edf0f5;border-radius:18px;box-shadow:0 18px 45px rgba(7,21,35,.07);display:grid;grid-template-columns:repeat(4,1fr);padding:28px 34px;gap:22px;}
.contact-v40-values article{display:grid;grid-template-columns:86px 1fr;gap:18px;align-items:center;min-width:0;border-right:1px solid #e3e8ef;padding-right:24px;}
.contact-v40-values article:last-child{border-right:0;padding-right:0;}
.contact-v40-values span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#f8f1e6;color:#13213b;}
.contact-v40-values svg{width:42px;height:42px;fill:currentColor;}
.contact-v40-values h3{margin:0 0 8px;color:#142038;text-transform:uppercase;letter-spacing:.1em;font:900 15px/1.2 Inter,Arial,sans-serif;}
.contact-v40-values p{margin:0;color:#526176;font:500 14px/1.6 Inter,Arial,sans-serif;}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
@media (max-width:1280px){.contact-v40-grid{grid-template-columns:1fr 360px}.contact-v40-map-card{grid-column:1 / -1;min-height:330px}.contact-v40-map-card iframe{min-height:310px}.contact-v40-values{grid-template-columns:repeat(2,1fr)}.contact-v40-values article:nth-child(2){border-right:0}.contact-v40-values article{border-bottom:1px solid #e3e8ef;padding-bottom:18px}.contact-v40-values article:nth-child(n+3){border-bottom:0;padding-bottom:0}}
@media (max-width:900px){.contact-design-v40 .contact-v40-hero{padding:24px 18px}.contact-design-v40 .contact-v40-hero::before{height:360px;background-size:auto 360px;background-position:center top}.contact-design-v40 .contact-v40-hero::after{top:360px}.contact-v40-bgmark{display:none}.contact-v40-intro h1{font-size:44px}.contact-v40-intro p{font-size:17px}.contact-v40-grid{grid-template-columns:1fr}.contact-v40-form-row{grid-template-columns:1fr}.contact-v40-message-card,.contact-v40-info-card{padding:26px 20px}.contact-v40-values{grid-template-columns:1fr;padding:24px 20px}.contact-v40-values article{border-right:0!important;border-bottom:1px solid #e3e8ef;padding:0 0 18px}.contact-v40-values article:last-child{border-bottom:0;padding-bottom:0}.contact-v40-submit{width:100%}}
@media (max-width:560px){.contact-v40-intro h1{font-size:36px}.contact-v40-intro .section-label{font-size:18px}.contact-v40-values article{grid-template-columns:64px 1fr}.contact-v40-values span{width:58px;height:58px}.contact-v40-values svg{width:34px;height:34px}.contact-v40-info-card li{grid-template-columns:48px 1fr}.contact-v40-info-card span{width:46px;height:46px}.contact-v40-map-card{min-height:280px}.contact-v40-map-card iframe{min-height:258px}}


@media (max-width:900px){
  .home-transition{padding:48px 24px 52px;}
  .home-transition__inner{grid-template-columns:1fr;gap:20px;}
  .transition-mini-grid{grid-template-columns:1fr;}
  .home-transition::after{font-size:120px;right:2%;opacity:.65;}
}

/* V43 - Ürün grupları sayfası referans tasarım */
.product-groups-main {
  background: #fff;
  overflow: hidden;
}
.product-groups-showcase {
  background: #fff;
  padding: 0;
}
.product-groups-frame {
  position: relative;
  width: 100%;
  max-width: 1996px;
  margin: 0 auto;
  line-height: 0;
  background: #fff;
}
.product-groups-visual {
  width: 100%;
  height: auto;
  display: block;
  user-select: none;
}
.product-hotspot {
  position: absolute;
  z-index: 2;
  border-radius: 22px;
  outline: 0;
  transition: background .18s ease, box-shadow .18s ease;
}
.product-hotspot:focus-visible {
  background: rgba(201,154,63,.16);
  box-shadow: 0 0 0 4px rgba(201,154,63,.34);
}
.product-hotspot-men {
  left: 8.35%;
  top: 76.65%;
  width: 21.45%;
  height: 4.95%;
}
.product-hotspot-women {
  left: 38.55%;
  top: 76.65%;
  width: 21.75%;
  height: 4.95%;
}
.product-hotspot-kids {
  left: 68.45%;
  top: 76.65%;
  width: 21.95%;
  height: 4.95%;
}
@media (max-width: 760px) {
  .product-groups-showcase {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .product-groups-frame {
    min-width: 980px;
  }
}



/* V44 - Ürün klasörleri ve galeri sayfaları */
.catalog-main{background:#f5f7fa;overflow:hidden;}
.catalog-hero{position:relative;min-height:390px;background:linear-gradient(135deg,#071523 0%,#0b2138 56%,#06111e 100%);color:#fff;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(201,154,63,.38);}
.catalog-hero::before{content:"";position:absolute;inset:-35%;background:radial-gradient(circle at 20% 30%,rgba(225,189,104,.20),transparent 22%),radial-gradient(circle at 82% 18%,rgba(255,255,255,.10),transparent 18%),linear-gradient(120deg,transparent 0 44%,rgba(201,154,63,.10) 45%,transparent 66%);pointer-events:none;}
.catalog-hero::after{content:"D";position:absolute;right:3.5%;top:-34px;color:rgba(255,255,255,.055);font:900 clamp(210px,22vw,390px)/.78 Georgia,"Times New Roman",serif;letter-spacing:-.06em;pointer-events:none;}
.catalog-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,21,35,.88),rgba(7,21,35,.54),rgba(7,21,35,.86));}
.catalog-hero__content{position:relative;z-index:1;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:58px 0 62px;}
.catalog-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 28px;color:rgba(255,255,255,.70);font:700 13px/1.2 Inter,Arial,sans-serif;}
.catalog-breadcrumb a{color:rgba(255,255,255,.76);}
.catalog-breadcrumb a:hover{color:var(--gold-light);}
.catalog-breadcrumb strong{color:var(--gold-light);}
.catalog-kicker{display:inline-flex;align-items:center;gap:14px;color:var(--gold-light);font:900 13px/1 Inter,Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;margin-bottom:18px;}
.catalog-kicker::before{content:"";width:52px;height:2px;background:var(--gold);display:inline-block;}
.catalog-hero h1{margin:0 0 18px;max-width:760px;font-size:clamp(46px,5vw,76px);line-height:.95;letter-spacing:-.04em;}
.catalog-hero p{margin:0;max-width:670px;color:#e7edf5;font:500 17px/1.75 Inter,Arial,sans-serif;}
.catalog-hero__chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;}
.catalog-hero__chips span{border:1px solid rgba(225,189,104,.35);background:rgba(255,255,255,.075);color:#fff;border-radius:999px;padding:10px 14px;font:900 12px/1 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;backdrop-filter:blur(6px);}
.folder-section,.gallery-section{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:74px 0 86px;}
.catalog-section-head{text-align:center;max-width:760px;margin:0 auto 36px;}
.catalog-section-label{display:inline-flex;align-items:center;gap:12px;color:var(--gold);font:900 13px/1 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.22em;margin-bottom:14px;}
.catalog-section-label::before,.catalog-section-label::after{content:"";width:42px;height:1px;background:rgba(201,154,63,.58);}
.catalog-section-head h2,.gallery-copy h2{margin:0 0 14px;color:#0b1728;font-size:clamp(34px,3.2vw,52px);line-height:1.02;letter-spacing:-.035em;}
.catalog-section-head p,.gallery-copy p{margin:0;color:#566477;font:500 16px/1.75 Inter,Arial,sans-serif;}
.folder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:30px;}
.folder-card{background:#fff;border:1px solid #e7ebf1;border-radius:24px;overflow:hidden;box-shadow:0 22px 60px rgba(7,21,35,.09);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.folder-card:hover{transform:translateY(-8px);box-shadow:0 32px 82px rgba(7,21,35,.16);border-color:rgba(201,154,63,.42);}
.folder-card__image{position:relative;height:360px;background:#e9edf2;overflow:hidden;}
.folder-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.folder-card:hover .folder-card__image img{transform:scale(1.045);}
.folder-card__image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,21,35,0) 42%,rgba(7,21,35,.42));}
.folder-card__badge{position:absolute;left:22px;top:22px;z-index:1;background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#071523;border-radius:999px;padding:10px 14px;font:900 12px/1 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;box-shadow:0 10px 24px rgba(7,21,35,.18);}
.folder-card__body{padding:30px 30px 32px;}
.folder-card__count{display:inline-block;color:var(--gold);font:900 12px/1 Inter,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;}
.folder-card h3{margin:0 0 12px;color:#071523;font:700 36px/1.05 Georgia,"Times New Roman",serif;letter-spacing:-.03em;}
.folder-card p{margin:0;color:#566477;font:500 15px/1.72 Inter,Arial,sans-serif;}
.folder-card__features{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 24px;}
.folder-card__features span{border:1px solid #e9edf3;background:#f8fafc;border-radius:999px;padding:9px 11px;color:#344258;font:800 11px/1 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;}
.folder-card strong{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#071523;border-top:1px solid #edf0f4;padding-top:22px;font:900 14px/1 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;}
.folder-card strong span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f5eddc;color:var(--gold);font-size:22px;transition:.2s ease;}
.folder-card:hover strong span{background:var(--gold);color:#071523;transform:translateX(4px);}
.gallery-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:34px;align-items:start;margin-bottom:42px;}
.gallery-copy{background:#fff;border:1px solid #e7ebf1;border-radius:24px;padding:34px 30px;box-shadow:0 18px 52px rgba(7,21,35,.075);position:sticky;top:124px;}
.gallery-copy .catalog-section-label::before{display:none;}
.gallery-copy .catalog-section-label::after{width:34px;}
.gallery-actions{display:grid;gap:12px;margin-top:28px;}
.btn-outline-dark{border:1px solid rgba(7,21,35,.16);color:var(--navy);background:#fff;box-shadow:0 8px 22px rgba(2,10,20,.06);}
.btn-outline-dark:hover{border-color:var(--gold);color:#9d7428;}
.catalog-gallery{min-width:0;}
.gallery-window{position:relative;overflow:hidden;border-radius:26px;background:#fff;border:1px solid #e7ebf1;box-shadow:0 28px 74px rgba(7,21,35,.14);}
.gallery-track{display:flex;transition:transform .42s cubic-bezier(.22,.61,.36,1);will-change:transform;}
.gallery-slide{min-width:100%;margin:0;background:#f4f6f8;}
.gallery-slide img{width:100%;height:min(56vw,620px);min-height:420px;object-fit:cover;}
.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#071523;font-size:42px;line-height:1;cursor:pointer;box-shadow:0 15px 34px rgba(7,21,35,.20);transition:.18s ease;}
.gallery-arrow:hover{background:var(--gold);color:#071523;}
.gallery-arrow--prev{left:18px;}
.gallery-arrow--next{right:18px;}
.gallery-dots{display:flex;justify-content:center;gap:8px;margin:18px 0 16px;}
.gallery-dot{width:9px;height:9px;border:0;border-radius:50%;background:#cfd6df;cursor:pointer;padding:0;transition:.2s ease;}
.gallery-dot.is-active{width:32px;border-radius:999px;background:var(--gold);}
.gallery-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
.gallery-thumb{border:2px solid transparent;border-radius:14px;padding:0;overflow:hidden;background:#fff;cursor:pointer;box-shadow:0 12px 30px rgba(7,21,35,.08);opacity:.68;transition:.2s ease;}
.gallery-thumb img{width:100%;height:86px;object-fit:cover;}
.gallery-thumb.is-active{opacity:1;border-color:var(--gold);transform:translateY(-2px);}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px;}
.photo-card{margin:0;background:#fff;border:1px solid #e7ebf1;border-radius:20px;overflow:hidden;box-shadow:0 18px 48px rgba(7,21,35,.075);}
.photo-card img{width:100%;height:270px;object-fit:cover;}
.photo-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;color:#13213b;font:900 13px/1 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;}
.photo-card figcaption span{color:var(--gold);font-size:12px;}
@media (max-width:1020px){.folder-grid,.gallery-layout{grid-template-columns:1fr}.gallery-copy{position:relative;top:auto}.photo-grid{grid-template-columns:repeat(2,1fr)}.gallery-slide img{height:58vw;min-height:360px}.gallery-thumbs{grid-template-columns:repeat(4,1fr)}}
@media (max-width:720px){.catalog-hero{min-height:340px}.catalog-hero__content{width:min(100% - 34px,1180px);padding:42px 0}.catalog-breadcrumb{margin-bottom:20px}.catalog-kicker{letter-spacing:.16em}.catalog-kicker::before{width:34px}.catalog-hero h1{font-size:42px}.catalog-hero p{font-size:15px}.folder-section,.gallery-section{width:min(100% - 34px,1180px);padding:48px 0 62px}.folder-card__image{height:270px}.folder-card__body{padding:24px 22px}.folder-card h3{font-size:30px}.gallery-slide img{height:64vw;min-height:280px}.gallery-arrow{width:44px;height:44px;font-size:34px}.gallery-arrow--prev{left:10px}.gallery-arrow--next{right:10px}.gallery-thumbs{grid-template-columns:repeat(3,1fr)}.gallery-thumb img{height:72px}.photo-grid{grid-template-columns:1fr}.photo-card img{height:250px}.catalog-section-label::before,.catalog-section-label::after{width:26px}.gallery-actions .btn{width:100%;}}