:root {
  --navy: #061e3f;
  --navy-2: #0a315e;
  --red: #d20a18;
  --red-dark: #aa0712;
  --ink: #0a1b32;
  --muted: #647184;
  --line: #dfe6ee;
  --paper: #f5f7fa;
  --font-body: 'IBM Plex Sans';
  --font-display: 'Archivo';
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: var(--ink); font-family: var(--font-body), 'Segoe UI', Arial, sans-serif; }
button { font-family: inherit; }
img { max-width: 100%; }
a { color: inherit; text-decoration: none; }
.shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }

.topbar { background: var(--navy); color: #c8d6e8; font-size: 12px; font-weight: 700; letter-spacing: .02em; }
.topbar-inner { height: 34px; display: flex; align-items: center; justify-content: space-between; }
.topbar-links { display: flex; gap: 28px; }
.topbar-links a { color: white; }

.site-header { position: relative; z-index: 20; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--line); }
.nav-wrap { min-height: 92px; display: grid; grid-template-columns: 195px 1fr auto; align-items: center; gap: 24px; }
.brand { display: flex; width: 185px; }
.brand img { width: 100%; height: auto; object-fit: contain; }
nav { display: flex; align-items: center; justify-content: center; gap: 16px; font-size: 12px; font-weight: 750; }
nav a { position: relative; padding-block: 34px; }
nav a::after { content: ''; position: absolute; left: 0; right: 100%; bottom: 24px; height: 2px; background: var(--red); transition: right .2s ease; }
nav a:hover::after { right: 0; }
.nav-cta, .primary-btn { display: inline-flex; align-items: center; justify-content: center; gap: 14px; background: var(--red); color: white; font-weight: 800; border-radius: 6px; box-shadow: 0 10px 24px rgba(210,10,24,.2); transition: transform .2s ease, background .2s ease; }
.nav-cta { min-height: 46px; padding: 0 16px; font-size: 12px; }
.nav-cta:hover, .primary-btn:hover { background: var(--red-dark); transform: translateY(-2px); }

.hero { position: relative; overflow: hidden; background: var(--paper); border-bottom: 1px solid var(--line); }
.hero-grid { position: absolute; inset: 0; opacity: .45; background-image: linear-gradient(#e4eaf1 1px, transparent 1px), linear-gradient(90deg, #e4eaf1 1px, transparent 1px); background-size: 62px 62px; mask-image: linear-gradient(to right, black, transparent 72%); }
.hero::before { content: ''; position: absolute; width: 560px; height: 560px; border-radius: 50%; background: radial-gradient(circle, rgba(210,10,24,.1), rgba(210,10,24,0) 68%); left: -180px; top: -220px; }
.hero-orbit { position: absolute; border: 1px solid rgba(9,48,91,.1); border-radius: 50%; }
.hero-orbit-one { width: 640px; height: 640px; right: -210px; top: -280px; }
.hero-orbit-two { width: 440px; height: 440px; right: -110px; top: -180px; }
.hero-layout { position: relative; z-index: 2; min-height: 640px; padding-block: 72px; display: grid; grid-template-columns: minmax(0, 1fr) 460px; align-items: center; gap: 78px; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 20px; color: var(--red); font-size: 12px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.eyebrow span { width: 34px; height: 2px; background: var(--red); }
h1, h2 { font-family: var(--font-display), sans-serif; }
h1 { margin: 0; color: var(--navy); font-size: clamp(48px, 5vw, 75px); line-height: .99; letter-spacing: -.045em; font-weight: 700; }
h1 em { color: var(--red); font-style: normal; }
.hero-lead { max-width: 640px; margin: 28px 0 0; color: #526177; font-size: 17px; line-height: 1.75; }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 32px; }
.primary-btn { min-height: 56px; padding: 0 24px; font-size: 14px; }
.text-link { font-size: 14px; font-weight: 800; border-bottom: 1px solid #aab6c5; padding: 8px 0; }
.text-link span { color: var(--red); margin-left: 8px; }
.hero-proof { display: flex; gap: 0; margin-top: 52px; border-top: 1px solid #d5dde7; padding-top: 24px; }
.hero-proof div { min-width: 128px; padding-right: 24px; margin-right: 24px; border-right: 1px solid #d5dde7; display: grid; gap: 3px; }
.hero-proof div:last-child { border: 0; margin: 0; padding: 0; }
.hero-proof strong { font-family: var(--font-display); color: var(--navy); font-size: 24px; }
.hero-proof span { color: var(--muted); font-size: 11px; font-weight: 700; }

.product-console { background: var(--navy); color: white; border-radius: 12px; overflow: hidden; box-shadow: 0 28px 60px rgba(3,25,52,.2); }
.console-head { min-height: 150px; padding: 30px 32px; background: linear-gradient(135deg, #0b386a, #061e3f); display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.12); }
.console-kicker { color: #82a5cb; font-size: 10px; font-weight: 850; letter-spacing: .2em; }
.console-head h2 { max-width: 310px; margin: 9px 0 0; font-size: 25px; line-height: 1.15; }
.console-mark { display: grid; place-items: center; width: 42px; height: 42px; background: var(--red); font-family: var(--font-display); font-weight: 800; clip-path: polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%); }
.console-list a { min-height: 74px; display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 14px; padding: 12px 26px; border-bottom: 1px solid rgba(255,255,255,.1); transition: background .2s ease; }
.console-list a:hover { background: rgba(255,255,255,.07); }
.product-no { color: #6d93bc; font-family: var(--font-display); font-size: 13px; }
.product-text { display: grid; gap: 3px; }
.product-text strong { font-size: 14px; }
.product-text small { color: #95abc3; font-size: 11px; }
.product-arrow { color: #6d93bc; font-size: 18px; }
.console-footer { min-height: 62px; display: flex; align-items: center; justify-content: space-between; padding: 0 26px; color: white; background: var(--red); font-size: 13px; font-weight: 850; }

.trust-bar { background: white; }
.trust-inner { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.trust-inner p { margin: 0; font-size: 14px; color: #697589; }
.trust-inner p strong { color: var(--navy); }
.standards { display: flex; align-items: center; gap: 15px; color: #31445c; font-family: var(--font-display); font-size: 12px; font-weight: 800; letter-spacing: .08em; }
.standards i { width: 3px; height: 3px; background: var(--red); border-radius: 50%; }

@media (max-width: 1080px) {
  .nav-wrap { grid-template-columns: 1fr auto; min-height: 78px; }
  nav { display: none; }
  .hero-layout { grid-template-columns: 1fr; gap: 48px; padding-block: 64px; }
  .product-console { max-width: 620px; width: 100%; }
}

@media (max-width: 640px) {
  .shell { width: min(100% - 32px, 1180px); }
  .topbar-inner > span { display: none; }
  .topbar-inner { justify-content: center; }
  .topbar-links { width: 100%; justify-content: space-between; gap: 12px; }
  .nav-wrap { gap: 14px; }
  .brand { width: 165px; }
  .nav-cta { min-height: 42px; padding: 0 13px; font-size: 11px; }
  .hero-layout { min-height: auto; padding-block: 50px; }
  h1 { font-size: 45px; }
  .hero-lead { font-size: 15px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 12px; }
  .hero-proof { gap: 14px; justify-content: space-between; }
  .hero-proof div { min-width: 0; margin-right: 0; padding-right: 14px; }
  .hero-proof strong { font-size: 20px; }
  .console-head { min-height: 132px; padding: 24px 20px; }
  .console-head h2 { font-size: 22px; }
  .console-list a { padding: 12px 18px; grid-template-columns: 32px 1fr auto; }
  .trust-inner { align-items: flex-start; flex-direction: column; padding-block: 24px; }
  .standards { flex-wrap: wrap; }
}

/* Shared sections */
.mobile-nav { display: none; }
.section { padding-block: 108px; }
.section-heading { max-width: 650px; }
.section-heading.centered { margin-inline: auto; text-align: center; }
.section-heading.centered .eyebrow { justify-content: center; }
.section-heading h2, .cta-band h2, .vision-grid h2, .product-info-grid h2, .contact-info h2, .brands-intro h2 { margin: 0; color: var(--navy); font-size: clamp(34px, 4vw, 52px); line-height: 1.08; letter-spacing: -.035em; }
.section-copy, .large-copy { color: #5b687a; line-height: 1.8; }
.section-copy { margin: 18px 0 0; font-size: 16px; }
.large-copy { margin: 24px 0; font-size: 18px; }
.heading-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 42px; }
.outline-dark-btn, .white-btn, .outline-btn { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 15px; border-radius: 5px; padding: 0 20px; font-size: 13px; font-weight: 850; transition: .2s ease; }
.outline-dark-btn { border: 1px solid #cad4df; color: var(--navy); background: white; }
.outline-dark-btn:hover { border-color: var(--navy); transform: translateY(-2px); }
.white-btn { background: white; color: var(--navy); }
.outline-btn { color: white; border: 1px solid rgba(255,255,255,.45); }
.center-action { display: flex; justify-content: center; margin-top: 36px; }

/* Product and home content */
.products-section { background: white; }
.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.product-card { min-height: 320px; position: relative; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 9px; background: white; padding: 28px; overflow: hidden; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.product-card::after { content: ''; position: absolute; right: -65px; top: -65px; width: 130px; height: 130px; border: 1px solid #edf1f5; border-radius: 50%; }
.product-card:hover { transform: translateY(-5px); border-color: #aebccc; box-shadow: 0 20px 44px rgba(4,28,58,.08); }
.card-top { display: flex; align-items: center; justify-content: space-between; }
.card-icon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 14px; background: linear-gradient(135deg, rgba(161,13,19,.10), rgba(161,13,19,.04)); border: 1px solid rgba(161,13,19,.10); color: #a10d13; box-shadow: inset 0 1px 0 rgba(255,255,255,.75); }
.card-icon svg { display: block; width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.card-arrow { color: var(--red); font-size: 18px; }
.card-category { display: block; margin-top: 28px; color: var(--red); font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.product-card h3 { margin: 9px 0 10px; color: var(--navy); font-family: var(--font-display); font-size: 21px; }
.product-card p { margin: 0 0 20px; color: #647184; font-size: 13px; line-height: 1.7; }
.card-footer { margin-top: auto; color: var(--navy); font-size: 12px; font-weight: 850; }
.card-footer span { color: var(--red); margin-left: 8px; }
.product-image { width: calc(100% + 56px); height: 190px; margin: -28px -28px 0; object-fit: cover; }
.product-placeholder { width: calc(100% + 56px); height: 172px; margin: -28px -28px 0; display: grid; place-items: center; position: relative; overflow: hidden; background: linear-gradient(135deg,#eef2f6,#dce4ec); color: var(--navy); font-family: var(--font-display); font-size: 34px; font-weight: 700; }
.product-placeholder i { position: absolute; width: 150px; height: 34px; border: 8px solid var(--red); border-left: 0; border-right: 0; transform: rotate(-38deg); opacity: .75; }
.product-placeholder--empty { color: #8a96a7; font-family: var(--font-sans); font-size: 13px; font-weight: 600; border-bottom: 1px solid #edf1f5; }
.product-placeholder--empty small { position: relative; z-index: 1; letter-spacing: .02em; }
.product-placeholder--empty::before { content: ''; position: absolute; inset: 18px; border: 1px dashed #c9d3df; border-radius: 10px; }
.catalogue { background: #f6f8fa; }
.catalogue-grid { align-items: stretch; grid-auto-rows: 1fr; gap: 22px; }
.catalogue-grid .product-card { height: 100%; min-height: 438px; padding: 0 28px 26px; border-radius: 14px; border-color: #dbe3ec; box-shadow: 0 10px 30px rgba(4,28,58,.035); }
.catalogue-grid .product-card::after { display: none; }
.catalogue-grid .product-card:hover { transform: translateY(-4px); border-color: #bdc9d7; box-shadow: 0 18px 38px rgba(4,28,58,.08); }
.catalogue-grid .product-image { display: block; width: calc(100% + 56px); max-width: none; height: 214px; margin: 0 -28px; padding: 0; object-fit: cover; object-position: center center; background: #f3f5f7; border-bottom: 1px solid #e4eaf1; transition: filter .35s ease; }
.catalogue-grid .product-placeholder { width: calc(100% + 56px); height: 214px; margin: 0 -28px; padding: 16px 18px; object-fit: contain; object-position: center; background: linear-gradient(180deg,#f8fafc 0%,#f1f4f7 100%); border-bottom: 1px solid #e4eaf1; }
.catalogue-grid .product-card:hover .product-image { filter: contrast(1.015) saturate(.98); }
.catalogue-grid .product-card--catalogue h3 { min-height: 29px; margin: 20px 0 8px; font-size: 20px; line-height: 1.25; }
.catalogue-grid .product-card--catalogue p { min-height: 46px; margin-bottom: 16px; line-height: 1.65; }
.catalogue-grid .product-card--catalogue .standards-line { min-height: 48px; margin-top: auto; padding-top: 14px; }
.catalogue-grid .product-card--catalogue .card-footer { margin-top: 14px; }
.catalogue-grid .product-card--no-image { justify-content: flex-start; }
.standards-line { padding-top: 15px; margin-top: auto; border-top: 1px solid var(--line); color: #66758a; font-size: 11px; line-height: 1.5; }
.category-chips { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 34px; }
.category-chips span { padding: 10px 15px; background: white; border: 1px solid var(--line); color: #536277; border-radius: 40px; font-size: 11px; font-weight: 800; }

.about-section { background: #f1f5f9; }
.about-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 90px; }
.industrial-visual { min-height: 520px; position: relative; overflow: hidden; background: var(--navy); border-radius: 12px; padding: 42px; color: white; }
.industrial-visual::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size: 50px 50px; }
.industrial-visual > p { position: absolute; left: 42px; bottom: 36px; margin: 0; color: #7896b7; font-size: 11px; letter-spacing: .16em; line-height: 1.7; }
.industrial-visual > p strong { color: white; }
.bolt-shape { position: absolute; width: 126px; height: 310px; left: 50%; top: 46%; transform: translate(-50%,-50%) rotate(18deg); background: linear-gradient(90deg,#8b99a8,#eef2f5 48%,#788898); border-radius: 8px 8px 18px 18px; box-shadow: 25px 30px 55px rgba(0,0,0,.28); }
.bolt-shape span { position: absolute; width: 168px; height: 82px; left: -21px; top: -58px; background: linear-gradient(135deg,#ccd4dc,#68798b); clip-path: polygon(24% 0,76% 0,100% 50%,76% 100%,24% 100%,0 50%); }
.bolt-shape i { display: block; height: 20px; border-bottom: 6px solid #5c6d7e; transform: skewY(-10deg); }
.visual-tag { position: absolute; right: 24px; bottom: 24px; display: flex; align-items: center; gap: 12px; background: var(--red); padding: 17px 20px; border-radius: 5px; }
.visual-tag strong { font-family: var(--font-display); font-size: 30px; }
.visual-tag span { font-size: 9px; font-weight: 800; line-height: 1.4; letter-spacing: .08em; }
.check-list { display: grid; gap: 14px; padding: 0; margin: 30px 0 34px; list-style: none; }
.check-list li { position: relative; padding-left: 29px; color: #283b52; font-size: 14px; font-weight: 700; }
.check-list li::before { content: '✓'; position: absolute; left: 0; display: grid; place-items: center; width: 18px; height: 18px; color: white; background: var(--red); border-radius: 50%; font-size: 10px; }

.reasons-section { background: var(--navy); }
.reasons-section .section-heading h2 { color: white; }
.reasons-section .eyebrow { color: #e54a54; }
.reasons-grid { margin-top: 50px; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(255,255,255,.14); }
.reason { min-height: 240px; padding: 32px; border-right: 1px solid rgba(255,255,255,.14); }
.reason:last-child { border: 0; }
.reason > span { color: #ef6a72; font-family: var(--font-display); font-size: 12px; }
.reason h3 { margin: 55px 0 10px; color: white; font-family: var(--font-display); font-size: 20px; }
.reason p { margin: 0; color: #8da6c2; font-size: 12px; line-height: 1.7; }

.brands-section { background: white; }
.brand-wall { margin-top: 48px; display: grid; grid-template-columns: repeat(6,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.brand-wall figure { min-height: 126px; margin: 0; padding: 14px 12px 11px; display: grid; place-items: center; grid-template-rows: 1fr auto; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: white; text-align: center; }
.brand-wall img { width: 100%; max-width: 118px; height: 78px; object-fit: contain; filter: grayscale(1); opacity: .68; transition: filter .2s ease, opacity .2s ease, transform .2s ease; }
.brand-wall figcaption { color: #8490a0; font-size: 10px; font-weight: 750; }
.brand-wall figure:hover img { filter: grayscale(0); opacity: 1; transform: scale(1.04); }
.brand-wall figure:hover figcaption { color: var(--navy); }

.process-section { background: #f1f5f9; }
.process-line { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 34px; margin-top: 60px; }
.process-line::before { content: ''; position: absolute; left: 9%; right: 9%; top: 31px; height: 1px; background: #c7d2de; }
.process-line div { position: relative; z-index: 1; text-align: center; }
.process-line span { width: 62px; height: 62px; display: grid; place-items: center; margin: 0 auto 23px; border: 1px solid #cad5e0; border-radius: 50%; background: white; color: var(--navy); font-family: var(--font-display); font-weight: 800; }
.process-line h3 { margin: 0 0 8px; color: var(--navy); font-size: 15px; }
.process-line p { margin: 0; color: #718096; font-size: 12px; line-height: 1.6; }

.faq-section { background: white; }
.faq-grid { display: grid; grid-template-columns: 340px 1fr; gap: 90px; align-items: start; }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { min-height: 72px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; color: var(--navy); font-size: 14px; font-weight: 800; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { color: var(--red); font-size: 22px; font-weight: 400; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { margin: -5px 0 24px; color: #66758a; font-size: 13px; line-height: 1.75; }

.cta-wrap { padding: 36px 0 100px; background: white; }
.cta-band { min-height: 280px; display: flex; align-items: center; justify-content: space-between; gap: 50px; padding: 52px 62px; color: white; background: linear-gradient(120deg,var(--navy),#0d396b); border-radius: 12px; box-shadow: 0 25px 50px rgba(4,29,61,.16); }
.cta-band > div > span { color: #7ea0c4; font-size: 10px; font-weight: 850; letter-spacing: .17em; }
.cta-band h2 { margin-top: 12px; color: white; font-size: clamp(34px,4vw,50px); }
.cta-actions { display: flex; gap: 12px; flex-shrink: 0; }

/* Footer */
.footer { background: var(--navy); color: #92a9c1; }
.footer-grid { padding-block: 72px; display: grid; grid-template-columns: 1.5fr .75fr .9fr 1.15fr; gap: 65px; }
.footer-brand img { width: 230px; height: auto; filter: brightness(0) invert(1); }
.footer-brand p { max-width: 320px; font-size: 12px; line-height: 1.8; }
.admin-link { display: inline-block; margin-top: 10px; color: #6e89a7; font-size: 10px; }
.footer h3 { margin: 0 0 24px; padding-bottom: 12px; position: relative; color: white; font-size: 12px; text-transform: uppercase; letter-spacing: .12em; }
.footer h3::after { content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; background: var(--red); }
.footer-grid > div:not(.footer-brand) { display: flex; flex-direction: column; gap: 13px; }
.footer a, .footer p { font-size: 12px; line-height: 1.7; }
.footer a:hover { color: white; }
.footer-contact a { color: white; font-weight: 700; }
.footer-bottom { min-height: 68px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.1); font-size: 10px; }
.scroll-top { position: fixed; left: 22px; bottom: 28px; z-index: 90; width: 54px; height: 54px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 16px; color: white; background: var(--navy); box-shadow: 0 14px 30px rgba(6,30,63,.22); cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(14px); transition: opacity .22s ease, visibility .22s ease, transform .22s ease, background .22s ease, box-shadow .22s ease; }
.scroll-top span { font-size: 24px; font-weight: 900; line-height: 1; transform: translateY(-1px); }
.scroll-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.scroll-top:hover { background: var(--navy-2); transform: translateY(-3px); box-shadow: 0 18px 34px rgba(6,30,63,.3); }
.scroll-top:focus-visible { outline: 3px solid rgba(210,10,24,.45); outline-offset: 4px; }

.contact-rail { position: fixed; right: 22px; top: 50%; z-index: 90; display: grid; gap: 10px; transform: translateY(-50%); padding: 8px; border: 1px solid rgba(6,30,63,.08); border-radius: 22px; background: rgba(255,255,255,.9); box-shadow: 0 20px 45px rgba(6,30,63,.13); backdrop-filter: blur(14px); }
.contact-rail__item { display: flex; align-items: center; justify-content: flex-end; gap: 10px; text-decoration: none; }
.contact-rail__label { display: inline-flex; align-items: center; min-height: 44px; padding: 0 15px; border-radius: 10px; background: #061e3f; color: #fff; white-space: nowrap; font-size: 11px; font-weight: 850; letter-spacing: .02em; box-shadow: 0 12px 24px rgba(6,30,63,.2); opacity: 0; visibility: hidden; transform: translateX(10px); transition: opacity .2s ease, visibility .2s ease, transform .2s ease; }
.contact-rail__icon { display: grid; place-items: center; width: 50px; height: 50px; border: 1px solid rgba(255,255,255,.32); border-radius: 15px; color: #fff; box-shadow: 0 10px 22px rgba(6,30,63,.16); transition: transform .2s ease, box-shadow .2s ease, background .2s ease; overflow: hidden; }
.contact-rail__icon img { width: 100%; height: 100%; object-fit: cover; display: block; }
.contact-rail__item:hover .contact-rail__label, .contact-rail__item:focus-visible .contact-rail__label { opacity: 1; visibility: visible; transform: translateX(0); }
.contact-rail__item:hover .contact-rail__icon { transform: translateY(-2px); box-shadow: 0 18px 32px rgba(6,30,63,.24); }
.contact-rail__item:focus-visible { outline: none; }
.contact-rail__item:focus-visible .contact-rail__icon { outline: 3px solid rgba(210,10,24,.35); outline-offset: 4px; }
.contact-rail__item.is-whatsapp .contact-rail__icon { background: #25d366; }
.contact-rail__item.is-phone .contact-rail__icon { background: linear-gradient(145deg, #123f74, #061e3f); }
.contact-rail__item.is-mail .contact-rail__icon { background: linear-gradient(145deg, #0b315d, #061e3f); }
.contact-rail__item.is-quote .contact-rail__icon { background: linear-gradient(145deg, #e01926, #b70713); }

/* Inner pages */
.page-hero { position: relative; isolation: isolate; overflow: hidden; padding: 102px 0 110px; background: var(--navy); color: white; }
.page-hero::before { content: ''; position: absolute; z-index: -2; inset: 0; background: url('../images/corporate-fasteners-hero-v1.png') center / cover no-repeat; }
.page-hero::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,rgba(3,20,43,.94) 0%,rgba(5,30,63,.82) 48%,rgba(5,30,63,.58) 100%); }
.page-hero-grid { position: absolute; z-index: 0; inset: 0; opacity: .3; background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size: 60px 60px; mask-image: linear-gradient(90deg,black,rgba(0,0,0,.45),transparent 82%); }
.page-hero .shell { position: relative; z-index: 1; }
.page-hero h1 { max-width: 900px; color: white; font-size: clamp(50px,7vw,86px); }
.page-hero > .shell > p:last-child { max-width: 660px; margin: 28px 0 0; color: #9fb2c8; font-size: 17px; line-height: 1.7; }
.page-hero .eyebrow.light { color: white; }
.page-hero .eyebrow.light span { background: white; }
.eyebrow.light { color: #f06a72; }
.eyebrow.light span { background: #f06a72; }
.page-hero--about {
  isolation: isolate;
  min-height: 480px;
  display: flex;
  align-items: center;
  background: #061e3f;
}
.page-hero--about h1 { max-width: 720px; text-shadow: 0 8px 30px rgba(0,0,0,.2); }
.split-content { display: grid; grid-template-columns: 1.35fr .65fr; gap: 100px; align-items: center; }
.split-content > div:first-child > p:last-child { color: #617086; line-height: 1.8; }
.year-panel { min-height: 370px; padding: 48px; display: flex; flex-direction: column; justify-content: flex-end; color: white; background: var(--red); border-radius: 8px; }
.year-panel span { font-family: var(--font-display); font-size: 86px; font-weight: 700; line-height: 1; }
.year-panel h3 { margin: 18px 0 10px; font-size: 20px; }
.year-panel p { margin: 0; color: #ffd3d6; font-size: 13px; line-height: 1.6; }
.values-section { background: #f3f6f9; }
.value-grid { margin-top: 50px; display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }
.value-grid div { min-height: 230px; padding: 30px; background: white; border: 1px solid var(--line); }
.value-grid span { color: var(--red); font-family: var(--font-display); font-size: 12px; }
.value-grid h3 { margin: 75px 0 10px; color: var(--navy); font-family: var(--font-display); font-size: 21px; }
.value-grid p { margin: 0; color: #69768a; font-size: 12px; line-height: 1.6; }
.vision-section { background: var(--navy); color: white; }
.vision-grid { display: grid; grid-template-columns: 350px 1fr; gap: 80px; align-items: center; }
.vision-grid h2 { color: white; }
.vision-grid p:not(.eyebrow) { color: #98aec6; font-size: 15px; line-height: 1.8; }
.big-letter { display: grid; place-items: center; width: 300px; height: 300px; background: var(--red); color: white; font-family: var(--font-display); font-size: 180px; font-weight: 800; clip-path: polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%); }
.brands-intro { max-width: 850px; display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: end; margin-bottom: 60px; }
.brands-intro p { margin: 0; color: #657286; line-height: 1.8; }
.brand-directory { display: grid; grid-template-columns: repeat(4,1fr); border-left: 1px solid var(--line); border-top: 1px solid var(--line); }
.brand-directory figure { min-height: 210px; margin: 0; padding: 22px; display: grid; grid-template-rows: auto 1fr auto; align-items: center; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: white; }
.brand-directory span { color: #a3afbd; font-size: 10px; }
.brand-directory img { width: 100%; max-width: 150px; height: 105px; margin: 0 auto; object-fit: contain; filter: grayscale(1); opacity: .72; transition: filter .2s ease, opacity .2s ease, transform .2s ease; }
.brand-directory figcaption { color: var(--navy); font-family: var(--font-display); font-size: 16px; font-weight: 700; }
.brand-directory figure:hover img { filter: grayscale(0); opacity: 1; transform: scale(1.04); }

.detail-hero { padding: 80px 0; background: var(--navy); color: white; }
.detail-grid { display: grid; grid-template-columns: 1fr 430px; gap: 80px; align-items: center; }
.detail-hero h1 { color: white; }
.detail-hero .detail-grid > div:first-child > p:last-of-type { max-width: 620px; color: #a8b9cc; font-size: 17px; line-height: 1.7; }
.detail-actions { display: flex; align-items: center; gap: 25px; margin-top: 32px; }
.back-link { color: #9eb1c6; font-size: 12px; font-weight: 700; }
.detail-visual { height: 420px; position: relative; overflow: hidden; display: grid; place-items: center; background: linear-gradient(145deg,#143f6d,#061a35); border: 1px solid rgba(255,255,255,.12); border-radius: 10px; }
.detail-visual img { width: 100%; height: 100%; object-fit: cover; }
.detail-visual > span { z-index: 2; color: white; font-family: var(--font-display); font-size: 160px; font-weight: 800; }
.detail-visual i { position: absolute; width: 550px; height: 36px; border: 8px solid var(--red); border-left: 0; border-right: 0; transform: rotate(-42deg); }
.detail-visual i:nth-of-type(2) { transform: rotate(-42deg) translateY(80px); opacity: .55; }
.detail-visual i:nth-of-type(3) { transform: rotate(-42deg) translateY(-80px); opacity: .3; }
.product-info-grid { display: grid; grid-template-columns: 1fr 360px; gap: 90px; }
.info-label { color: var(--red); font-size: 10px; font-weight: 850; letter-spacing: .16em; }
.product-info-grid h2 { margin-top: 15px; }
.product-info-grid aside { padding: 32px; background: #f3f6f9; border-top: 4px solid var(--red); }
.product-info-grid aside h3 { color: var(--navy); font-size: 14px; }
.product-info-grid aside p { color: #657386; font-size: 12px; line-height: 1.7; }
.product-info-grid aside a { color: var(--red); font-size: 13px; font-weight: 850; }
.product-info-grid aside hr { border: 0; border-top: 1px solid #dce3eb; margin: 25px 0; }

/* Forms */
.contact-section { background: #f3f6f9; }
.contact-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: start; }
.contact-info h2 { margin: 15px 0 40px; }
.contact-block { display: grid; gap: 5px; padding: 19px 0; border-top: 1px solid #d6dee7; }
.contact-block small { color: #8a97a7; font-size: 9px; font-weight: 850; letter-spacing: .13em; }
.contact-block a { color: var(--navy); font-size: 17px; font-weight: 800; }
.contact-block p { margin: 0; color: #516176; font-size: 14px; line-height: 1.6; }
.contact-info .outline-dark-btn { margin-top: 25px; }
.public-form, .admin-card { background: white; border: 1px solid var(--line); border-radius: 8px; }
.public-form { padding: 42px; box-shadow: 0 18px 45px rgba(6,30,63,.07); }
.form-heading span { color: var(--red); font-size: 9px; font-weight: 850; letter-spacing: .16em; }
.form-heading h2 { margin: 9px 0 28px; color: var(--navy); font-size: 30px; }
.public-form label, .admin-form label, .gate-card label { display: grid; gap: 8px; margin-bottom: 19px; color: #314258; font-size: 11px; font-weight: 800; }
input, textarea { width: 100%; border: 1px solid #ced8e2; border-radius: 4px; background: white; color: var(--ink); font: inherit; font-size: 13px; padding: 13px 14px; outline: none; transition: border .2s, box-shadow .2s; }
input:focus, textarea:focus { border-color: #6b87a5; box-shadow: 0 0 0 3px rgba(10,49,94,.08); }
textarea { resize: vertical; }
.form-two, .form-three { display: grid; gap: 15px; }
.form-two { grid-template-columns: 1fr 1fr; }
.form-three { grid-template-columns: repeat(3,1fr); }
.success-message, .error-message { padding: 12px 15px; border-radius: 4px; font-size: 12px; line-height: 1.5; }
.success-message { background: #e7f8ef; color: #12623e; border: 1px solid #b6e7cb; }
.error-message { background: #fff0f1; color: #a30f1b; border: 1px solid #facbd0; }
.quote-hero { min-height: 700px; padding: 80px 0 100px; background: linear-gradient(120deg,var(--navy) 0 50%,#eef2f6 50%); }
.quote-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.quote-layout > div:first-child { color: white; }
.quote-layout h1 { color: white; font-size: clamp(48px,5.5vw,72px); }
.quote-layout h1 em { color: #f45d66; }
.quote-layout > div:first-child > p:last-of-type { max-width: 540px; color: #9eb1c7; line-height: 1.8; }
.quote-steps { margin-top: 42px; display: grid; gap: 14px; }
.quote-steps div { display: flex; align-items: center; gap: 15px; color: #c6d2df; font-size: 12px; font-weight: 750; }
.quote-steps span { width: 34px; height: 34px; display: grid; place-items: center; color: #ff838a; border: 1px solid rgba(255,255,255,.18); font-size: 10px; }

/* Map, catalogue, price list and blog */
.map-section { padding: 0 0 108px; background: white; }
.map-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 30px; }
.map-heading h2 { margin: 8px 0 0; color: var(--navy); font-size: clamp(30px,4vw,46px); letter-spacing: -.035em; }
.map-wrap { position: relative; height: 480px; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); box-shadow: 0 20px 45px rgba(5,28,59,.08); }
.map-wrap iframe { width: 100%; height: 100%; border: 0; }
.document-section { padding-block: 90px 110px; background: #f2f5f8; }
.document-actions { padding: 30px; display: flex; align-items: center; justify-content: space-between; gap: 35px; background: var(--navy); color: white; border-top: 4px solid var(--red); }
.document-actions > div:first-child > span, .pdf-heading > div > span { color: #ef5b64; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.document-actions h2 { margin: 8px 0 0; color: white; font-size: clamp(22px,3vw,32px); }
.document-buttons { display: flex; gap: 10px; flex: 0 0 auto; }
.document-download { min-width: 185px; min-height: 58px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; gap: 15px; color: var(--navy); background: white; border: 1px solid white; font-size: 12px; font-weight: 900; transition: transform .2s ease, background .2s ease; }
.document-download:hover { transform: translateY(-2px); }
.document-download.active { color: white; background: var(--red); border-color: var(--red); }
.document-download small { display: block; color: #8a96a5; font-size: 8px; font-weight: 650; }
.document-download.disabled { cursor: not-allowed; color: #8493a5; background: #e9eef3; border-color: #e9eef3; }
.pdf-heading { padding: 50px 0 28px; display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.pdf-heading h2 { margin: 9px 0 8px; color: var(--navy); font-size: clamp(30px,4vw,48px); letter-spacing: -.035em; }
.pdf-heading p { max-width: 720px; margin: 0; color: var(--muted); line-height: 1.75; }
.pdf-viewer { height: min(82vh,1040px); min-height: 680px; overflow: hidden; background: #dfe5eb; border: 1px solid #cbd5df; box-shadow: 0 22px 55px rgba(5,28,59,.12); }
.pdf-viewer iframe { width: 100%; height: calc(100% - 43px); display: block; border: 0; background: #525659; }
.pdf-viewer > p { height: 43px; margin: 0; padding: 0 18px; display: flex; align-items: center; justify-content: center; color: #667489; background: white; font-size: 10px; }
.pdf-viewer > p a { margin-left: 4px; color: var(--red); font-weight: 850; }
.pdf-placeholder { min-height: 560px; padding: 45px; display: grid; place-content: center; justify-items: center; background: white; border: 2px dashed #c8d3de; text-align: center; }
.pdf-placeholder > span { width: 82px; height: 82px; display: grid; place-items: center; margin-bottom: 25px; color: white; background: var(--navy); font-size: 17px; font-weight: 900; }
.pdf-placeholder h3 { margin: 0 0 10px; color: var(--navy); font-size: 25px; }
.pdf-placeholder p { max-width: 530px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.catalogue-library { background: var(--paper); }
.catalog-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.catalog-card { position: relative; min-height: 360px; padding: 38px; overflow: hidden; background: white; border: 1px solid var(--line); border-top: 4px solid var(--red); }
.catalog-number { position: absolute; top: 22px; right: 26px; color: #dce4ec; font-family: var(--font-display); font-size: 54px; font-weight: 800; }
.catalog-icon { width: 62px; height: 62px; display: grid; place-items: center; margin-bottom: 35px; background: var(--navy); color: white; font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.catalog-card h2 { position: relative; margin: 0 0 14px; color: var(--navy); font-size: 27px; }
.catalog-card p { position: relative; max-width: 500px; min-height: 72px; margin: 0 0 28px; color: var(--muted); font-size: 14px; line-height: 1.75; }
.empty-public { padding: 35px; color: var(--muted); background: white; border: 1px solid var(--line); text-align: center; }
.price-section { background: #f3f6f9; }
.price-note { padding: 24px 28px; display: flex; align-items: center; justify-content: space-between; gap: 28px; background: var(--navy); color: white; }
.price-note strong { display: block; margin-bottom: 5px; font-size: 13px; }
.price-note p { margin: 0; color: #b8c7d8; font-size: 12px; line-height: 1.6; }
.price-note > span { flex: 0 0 auto; color: #dce6f0; font-size: 10px; }
.price-tools { padding: 22px; display: grid; grid-template-columns: 1fr 280px; gap: 15px; background: white; border: 1px solid var(--line); border-top: 0; }
.price-tools label { margin: 0; color: var(--navy); font-size: 10px; font-weight: 850; }
.price-tools input, .price-tools select { margin-top: 7px; background: #f8fafc; }
.price-table-wrap { overflow-x: auto; background: white; border: 1px solid var(--line); border-top: 0; }
.price-table { min-width: 850px; }
.price-table th { padding: 15px 20px; }
.price-table td { padding: 19px 20px; vertical-align: middle; }
.price-table td:first-child { width: 36%; }
.price-table td small { max-width: 420px; margin-top: 5px; }
.price-table td:last-child { text-align: right; }
.price-table td:last-child a { color: var(--red); font-weight: 850; white-space: nowrap; }
.published-price { color: var(--navy); font-size: 13px; white-space: nowrap; }
.quote-price { display: inline-block; padding: 6px 10px; color: #0d6946; background: #e9f8f1; font-size: 9px; font-weight: 900; white-space: nowrap; }
.price-empty { padding: 30px; color: var(--muted); text-align: center; }
.blog-section { background: #f4f7fa; }
.blog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.blog-card { min-width: 0; background: white; border: 1px solid var(--line); transition: transform .2s ease, box-shadow .2s ease; }
.blog-card:hover { transform: translateY(-4px); box-shadow: 0 22px 40px rgba(6,30,63,.09); }
.blog-visual { height: 230px; position: relative; overflow: hidden; display: grid; place-items: center; background: linear-gradient(145deg,#0b3768,#061a35); }
.blog-visual img { width: 100%; height: 100%; object-fit: cover; }
.blog-visual span { position: relative; z-index: 2; color: white; font-family: var(--font-display); font-size: 54px; font-weight: 800; }
.blog-visual i { position: absolute; width: 170px; height: 170px; border: 24px solid rgba(255,255,255,.08); border-radius: 50%; }
.blog-card-body { padding: 27px; }
.blog-card time, .article-hero time { color: var(--red); font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.blog-card h2 { min-height: 58px; margin: 12px 0; color: var(--navy); font-size: 20px; line-height: 1.35; }
.blog-card p { min-height: 74px; margin: 0 0 25px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.blog-link { color: var(--navy); font-size: 11px; font-weight: 900; }
.article-hero { padding: 78px 0; background: var(--navy); color: white; }
.article-hero-grid { display: grid; grid-template-columns: 1fr 430px; gap: 70px; align-items: center; }
.article-back { display: block; margin-bottom: 30px; color: #9fb2c7; font-size: 11px; font-weight: 800; }
.article-hero h1 { max-width: 760px; margin: 16px 0 20px; color: white; font-size: clamp(42px,5vw,68px); }
.article-hero p { max-width: 700px; margin: 0; color: #b6c6d7; font-size: 16px; line-height: 1.8; }
.article-hero img, .article-symbol { width: 100%; height: 360px; object-fit: cover; border: 1px solid rgba(255,255,255,.14); }
.article-symbol { position: relative; display: grid; place-items: center; overflow: hidden; background: linear-gradient(145deg,#164c81,#071a34); }
.article-symbol span { position: relative; z-index: 2; color: white; font-family: var(--font-display); font-size: 120px; font-weight: 800; }
.article-symbol i { position: absolute; width: 230px; height: 230px; border: 35px solid rgba(255,255,255,.07); border-radius: 50%; }
.article-layout { padding-block: 90px; display: grid; grid-template-columns: minmax(0,760px) 1fr; gap: 85px; align-items: start; }
.article-content > p { margin: 0 0 24px; color: #435269; font-size: 17px; line-height: 1.95; }
.article-content > p:first-child::first-letter { float: left; margin: 5px 9px 0 0; color: var(--red); font-family: var(--font-display); font-size: 58px; font-weight: 800; line-height: .78; }
.article-cta { margin-top: 45px; padding: 28px; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: #f2f5f8; border-left: 4px solid var(--red); }
.article-cta strong { color: var(--navy); font-size: 14px; }
.article-cta .primary-btn { min-height: 48px; padding: 0 18px; flex: 0 0 auto; }
.article-layout aside { padding: 30px; background: var(--paper); border-top: 4px solid var(--navy); }
.article-layout aside > span { color: var(--red); font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.article-layout aside h2 { margin: 12px 0; color: var(--navy); font-size: 24px; }
.article-layout aside p { color: var(--muted); font-size: 12px; line-height: 1.7; }
.article-layout aside a { color: var(--navy); font-size: 11px; font-weight: 900; }

/* Admin */
.admin-gate { min-height: 100vh; display: grid; place-items: center; padding: 30px; background: #eef2f6; }
.gate-card { width: min(520px,100%); padding: 46px; background: white; border-top: 5px solid var(--red); box-shadow: 0 24px 70px rgba(5,28,59,.13); }
.gate-card > img { width: 210px; height: auto; margin-bottom: 40px; }
.admin-badge { display: block; color: #1e6d50; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.admin-badge.red { color: var(--red); }
.gate-card h1 { margin: 12px 0 15px; color: var(--navy); font-size: 38px; line-height: 1.08; }
.gate-card > p { color: #657286; font-size: 13px; line-height: 1.7; }
.gate-card form { margin-top: 28px; }
.gate-card > small { display: block; margin-top: 24px; color: #8b96a4; }
.admin-shell { min-height: 100vh; display: grid; grid-template-columns: 240px 1fr; background: #f0f3f6; }
.admin-sidebar { position: sticky; top: 0; height: 100vh; padding: 30px 24px; display: flex; flex-direction: column; background: var(--navy); color: white; }
.admin-logo { display: block; padding-bottom: 27px; border-bottom: 1px solid rgba(255,255,255,.13); }
.admin-logo img { width: 170px; height: auto; filter: brightness(0) invert(1); }
.admin-sidebar nav { display: flex !important; flex-direction: column; align-items: stretch; gap: 4px; margin-top: 28px; font-size: 12px; }
.admin-sidebar nav a { padding: 11px 12px; color: #a3b6cb; border-radius: 4px; }
.admin-sidebar nav a::after { display: none; }
.admin-sidebar nav a:hover { color: white; background: rgba(255,255,255,.08); }
.admin-sidebar > div { margin-top: auto; display: grid; gap: 5px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.13); }
.admin-sidebar > div small { color: #6f8aa8; font-size: 8px; letter-spacing: .13em; }
.admin-sidebar > div strong { font-size: 11px; word-break: break-word; }
.admin-sidebar > div a { margin-top: 8px; color: #ec7078; font-size: 10px; }
.admin-main { min-width: 0; padding: 44px 50px 100px; }
.admin-main > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 38px; }
.admin-main > header span, .admin-heading span { color: var(--red); font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.admin-main h1 { margin: 8px 0 0; color: var(--navy); font-size: 38px; }
.admin-notice { margin-bottom: 25px; }
.admin-section { margin-bottom: 68px; scroll-margin-top: 25px; }
.admin-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.admin-stats div { min-height: 130px; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; background: white; border: 1px solid var(--line); border-top: 3px solid var(--navy); }
.admin-stats span { color: #8390a0; font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.admin-stats strong { color: var(--navy); font-family: var(--font-display); font-size: 32px; }
.admin-stats .status-live { color: #138257; font-size: 18px; }
.admin-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 20px; }
.admin-heading h2 { margin: 6px 0 0; color: var(--navy); font-size: 26px; }
.admin-heading p { max-width: 390px; margin: 0; color: #7a8797; font-size: 11px; text-align: right; }
.admin-card { padding: 28px; }
.admin-form small { color: #8d98a7; font-weight: 500; }
.admin-form .primary-btn { min-height: 48px; border: 0; cursor: pointer; }
.admin-add { margin-bottom: 12px; border: 1px dashed #aebdcb; background: #f8fafb; }
.admin-add > summary { padding: 18px 22px; color: var(--navy); cursor: pointer; font-size: 12px; font-weight: 850; }
.admin-add .admin-card { border: 0; border-top: 1px dashed #b8c5d2; border-radius: 0; }
.admin-product-list { display: grid; gap: 9px; }
.admin-product { background: white; border: 1px solid var(--line); }
.admin-product > summary { min-height: 76px; padding: 12px 18px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; }
.admin-product > summary::-webkit-details-marker { display: none; }
.admin-product > summary > div { display: flex; align-items: center; gap: 13px; }
.admin-product > summary img, .admin-product > summary > div > span { width: 48px; height: 48px; object-fit: cover; display: grid; place-items: center; color: white; background: var(--navy); font-size: 10px; font-weight: 900; }
.admin-product > summary > div > div { display: grid; gap: 3px; }
.admin-product > summary strong { color: var(--navy); font-size: 12px; }
.admin-product > summary small { color: #7d8998; font-size: 9px; }
.admin-product > summary i { color: #758396; font-size: 9px; font-style: normal; }
.admin-product .admin-card { border: 0; border-top: 1px solid var(--line); border-radius: 0; background: #fafbfc; }
.form-actions { display: flex; align-items: center; justify-content: flex-end; gap: 22px; }
.checkbox { display: flex !important; grid-template-columns: auto 1fr; align-items: center; margin: 0 !important; }
.checkbox input { width: 16px; height: 16px; }
.sort-field { width: 100px; margin: 0 !important; }
.delete-form { padding: 0 28px 25px; background: #fafbfc; text-align: right; }
.delete-form button { border: 0; background: transparent; color: var(--red); cursor: pointer; font-size: 10px; font-weight: 800; }
.admin-table-wrap { overflow: auto; background: white; border: 1px solid var(--line); }
table { width: 100%; border-collapse: collapse; min-width: 800px; }
th, td { padding: 15px 17px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; font-size: 10px; }
th { background: #f6f8fa; color: #788596; font-size: 8px; letter-spacing: .1em; }
td { color: #526176; line-height: 1.5; }
td strong, td small { display: block; }
td strong { color: var(--navy); }
td small { margin-top: 3px; color: #8a96a5; }
.message-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.message-list article > div { display: flex; justify-content: space-between; gap: 20px; }
.message-list article > div strong { color: var(--red); font-size: 9px; letter-spacing: .08em; }
.message-list article > div span { color: #9aa5b2; font-size: 9px; }
.message-list h3 { color: var(--navy); font-size: 16px; }
.message-list p { color: #667489; font-size: 11px; line-height: 1.7; }
.message-list a { display: block; color: var(--navy); font-size: 10px; font-weight: 800; }
.honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.install-checks { display: grid; gap: 8px; margin: 22px 0; padding: 0; list-style: none; }
.install-checks li { padding: 10px 12px; background: #f4f7fa; color: #425267; font-size: 11px; }
.install-checks .ok { border-left: 3px solid #16a36a; }
.install-checks .bad { border-left: 3px solid var(--red); }
.admin-top-actions { display: flex; align-items: center; gap: 10px; }
.admin-top-actions .outline-dark-btn { background: transparent; }
.button-reset { border: 0; cursor: pointer; }
.file-note { display: block; margin-top: 6px; color: #8995a4; font-size: 9px; }
.admin-empty { padding: 28px; color: #748196; background: white; border: 1px solid var(--line); font-size: 12px; }
.admin-card img.current-upload { width: 110px; height: 78px; margin-bottom: 12px; object-fit: cover; border: 1px solid var(--line); }
.document-admin-card { margin-bottom: 58px; }

@media (max-width: 1080px) {
  .product-grid { grid-template-columns: repeat(2,1fr); }
  .brand-wall { grid-template-columns: repeat(4,1fr); }
  .reasons-grid { grid-template-columns: 1fr 1fr; }
  .reason:nth-child(2) { border-right: 0; }
  .reason:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.14); }
  .about-grid, .detail-grid { gap: 50px; }
  .footer-grid { gap: 35px; }
  .admin-main { padding-inline: 28px; }
  .admin-stats { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 1080px) {
  .mobile-nav { display: block; position: relative; }
  .mobile-nav summary { width: 42px; height: 42px; display: grid; align-content: center; gap: 5px; padding: 10px; border: 1px solid var(--line); cursor: pointer; list-style: none; }
  .mobile-nav summary::-webkit-details-marker { display: none; }
  .mobile-nav summary span { height: 2px; background: var(--navy); }
  .mobile-nav > div { position: absolute; right: 0; top: 53px; width: 220px; padding: 12px; display: grid; gap: 3px; background: white; border: 1px solid var(--line); box-shadow: 0 18px 35px rgba(4,28,58,.12); }
  .mobile-nav > div a { padding: 11px; color: var(--navy); font-size: 12px; font-weight: 750; }
  .nav-wrap { grid-template-columns: 1fr auto auto; }
  .section { padding-block: 76px; }
  .about-grid, .faq-grid, .split-content, .vision-grid, .contact-grid, .product-info-grid { grid-template-columns: 1fr; }
  .about-grid, .faq-grid, .contact-grid { gap: 55px; }
  .process-line { grid-template-columns: 1fr 1fr; row-gap: 45px; }
  .process-line::before { display: none; }
  .brand-wall { grid-template-columns: repeat(3,1fr); }
  .value-grid, .brand-directory { grid-template-columns: 1fr 1fr; }
  .vision-grid > div:first-child { display: none; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .detail-grid { grid-template-columns: 1fr; }
  .detail-visual { max-width: 500px; }
  .quote-hero { background: var(--navy); }
  .quote-layout { grid-template-columns: 1fr; }
  .quote-form { background: white; }
  .admin-shell { grid-template-columns: 1fr; }
  .admin-sidebar { position: static; height: auto; flex-direction: row; align-items: center; gap: 20px; padding: 15px 20px; }
  .admin-logo { border: 0; padding: 0; }
  .admin-logo img { width: 130px; }
  .admin-sidebar nav { flex-direction: row; overflow: auto; margin: 0; }
  .admin-sidebar > div { display: none; }
  .admin-main { padding: 35px 20px 80px; }
  .blog-grid { grid-template-columns: 1fr 1fr; }
  .article-hero-grid { grid-template-columns: 1fr 360px; gap: 38px; }
  .article-layout { gap: 45px; }
}

@media (max-width: 600px) {
  .contact-rail { right: 14px; bottom: 88px; top: auto; transform: none; gap: 10px; }
  .contact-rail__label { display: none; }
  .contact-rail__icon { width: 50px; height: 50px; border-radius: 16px; }
  .scroll-top { left: 14px; bottom: 18px; width: 48px; height: 48px; border-radius: 14px; }
  .scroll-top span { font-size: 22px; }
  .nav-cta { display: none; }
  .nav-wrap { grid-template-columns: 1fr auto; }
  .product-grid, .reasons-grid, .value-grid, .brand-directory, .message-list { grid-template-columns: 1fr; }
  .heading-row, .cta-band, .admin-main > header, .admin-heading { align-items: flex-start; flex-direction: column; }
  .industrial-visual { min-height: 430px; }
  .reason { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.14); }
  .reason:last-child { border-bottom: 0; }
  .brand-wall { grid-template-columns: repeat(2,1fr); }
  .process-line { grid-template-columns: 1fr; }
  .cta-wrap { padding-bottom: 65px; }
  .cta-band { padding: 38px 26px; }
  .cta-actions { width: 100%; flex-direction: column; }
  .footer-grid { grid-template-columns: 1fr; padding-block: 55px; }
  .footer-bottom { align-items: flex-start; flex-direction: column; justify-content: center; gap: 8px; }
  .page-hero { padding-block: 75px; }
  .page-hero h1 { font-size: 49px; }
  .brands-intro { grid-template-columns: 1fr; gap: 25px; }
  .form-two, .form-three { grid-template-columns: 1fr; }
  .public-form { padding: 26px 20px; }
  .detail-actions { align-items: flex-start; flex-direction: column; }
  .detail-visual { height: 330px; }
  .form-actions { align-items: stretch; flex-direction: column; }
  .sort-field { width: 100%; }
  .admin-stats { grid-template-columns: 1fr 1fr; }
  .admin-heading p { text-align: left; }
  .gate-card { padding: 32px 24px; }
  .map-heading, .price-note, .article-cta { align-items: flex-start; flex-direction: column; }
  .map-wrap { height: 380px; }
  .catalog-grid, .blog-grid, .article-hero-grid, .article-layout { grid-template-columns: 1fr; }
  .catalog-card { min-height: 0; padding: 30px 24px; }
  .price-tools { grid-template-columns: 1fr; }
  .blog-card h2, .blog-card p { min-height: 0; }
  .article-hero { padding-block: 60px; }
  .article-hero img, .article-symbol { height: 300px; }
  .article-layout { padding-block: 60px; }
  .document-section { padding-block: 55px 75px; }
  .document-actions, .pdf-heading { align-items: flex-start; flex-direction: column; }
  .document-buttons { width: 100%; flex-direction: column; }
  .document-download { width: 100%; }
  .pdf-viewer { min-height: 540px; height: 72vh; }
  .pdf-placeholder { min-height: 420px; padding: 28px; }
}

/* Download-only Katalog / Fiyat Listesi */
.download-only-section .download-only-card {
  align-items: center;
  gap: 32px;
}
.download-only-section .document-download {
  flex: 0 0 auto;
  min-width: 220px;
  justify-content: space-between;
}
.admin-sidebar nav a.active {
  background: rgba(255,255,255,.1);
  color: #fff;
}
@media (max-width: 760px) {
  .download-only-section .download-only-card {
    align-items: stretch;
  }
  .download-only-section .document-download {
    width: 100%;
    min-width: 0;
  }
}

/* CMS v2 */
.hero-slider { position: relative; min-height: 410px; }
.hero-slide { display: none; position: relative; min-height: 380px; isolation: isolate; }
.hero-slide.active { display: block; animation: heroSlideIn .45s ease; }
.hero-slide::before { content: ""; position: absolute; z-index: -1; inset: -24px -20px; background-image: linear-gradient(90deg, rgba(246,248,251,.88), rgba(246,248,251,.72)), var(--hero-slide-image, none); background-size: cover; background-position: center; border-radius: 8px; opacity: .92; }
.hero-dots { display: flex; gap: 8px; margin-top: 20px; }
.hero-dots button { width: 28px; height: 4px; padding: 0; border: 0; background: #c9d3df; cursor: pointer; transition: .2s ease; }
.hero-dots button.active { width: 46px; background: var(--red); }
@keyframes heroSlideIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* v6.8 - kaydırma ile monte olan cıvata / somun hero slider */
.hero-fastener {
  --fastener-progress: 0;
  min-height: 820px;
  background:
    radial-gradient(circle at 74% 40%, rgba(34,88,142,.08), transparent 26%),
    var(--paper);
}
.hero-fastener .hero-layout {
  min-height: 820px;
  grid-template-columns: minmax(0,1fr) minmax(430px,500px);
  gap: clamp(54px,5vw,86px);
  padding-block: 64px;
}
.hero-fastener .hero-copy { min-width: 0; }
.hero-fastener .hero-slider { min-height: 430px; }
.hero-fastener .hero-slide { min-height: 400px; }
.fastener-showcase {
  position: relative;
  width: 100%;
  max-width: 500px;
  justify-self: end;
  filter: drop-shadow(0 28px 42px rgba(2,21,44,.18));
}
.fastener-stage {
  position: relative;
  height: 590px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(135,172,210,.26);
  border-radius: 18px 18px 0 0;
  background:
    radial-gradient(circle at 50% 48%, rgba(63,137,203,.2), transparent 33%),
    linear-gradient(145deg,#0c3a69 0%,#071f40 52%,#04172f 100%);
  box-shadow: inset 0 1px rgba(255,255,255,.1);
}
.fastener-stage::before {
  content: '';
  position: absolute;
  z-index: -2;
  inset: 0;
  opacity: .17;
  background-image:
    linear-gradient(rgba(147,188,226,.18) 1px,transparent 1px),
    linear-gradient(90deg,rgba(147,188,226,.18) 1px,transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom,black,transparent 86%);
}
.fastener-stage::after {
  content: '';
  position: absolute;
  z-index: 8;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg,var(--red),#f34b55 55%,transparent);
}
.fastener-stage-top {
  position: absolute;
  z-index: 10;
  top: 27px;
  left: 28px;
  right: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #8fb2d6;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .17em;
}
.fastener-stage-top b {
  color: white;
  font-family: var(--font-display);
  font-size: 14px;
  letter-spacing: .08em;
}
.fastener-axis {
  position: absolute;
  z-index: -1;
  top: 75px;
  bottom: 34px;
  left: 50%;
  width: 1px;
  background: linear-gradient(to bottom,transparent,#4b7ba8 16%,#4b7ba8 80%,transparent);
}
.fastener-axis i {
  position: absolute;
  left: -7px;
  width: 15px;
  height: 1px;
  background: #6d96bb;
  opacity: .52;
}
.fastener-axis i:nth-child(1) { top: 4%; }
.fastener-axis i:nth-child(2) { top: 24%; }
.fastener-axis i:nth-child(3) { top: 44%; }
.fastener-axis i:nth-child(4) { top: 64%; }
.fastener-axis i:nth-child(5) { top: 84%; }
.fastener-glow {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 327px;
  width: 330px;
  height: 210px;
  border-radius: 50%;
  background: radial-gradient(ellipse,rgba(236,41,52,.32),rgba(43,112,177,.12) 43%,transparent 72%);
  opacity: calc(.18 + (var(--fastener-progress) * .72));
  transform: translateX(-50%) scale(calc(.92 + (var(--fastener-progress) * .12)));
  transition: opacity .16s linear;
}
.fastener-bolt,
.fastener-nut {
  position: absolute;
  left: 50%;
  display: block;
  user-select: none;
  pointer-events: none;
  will-change: transform;
}
.fastener-bolt {
  z-index: 3;
  top: 42px;
  width: 178px;
  max-width: none;
  transform-origin: 50% 52%;
  transform: translate3d(-50%,calc(-42px + (var(--fastener-progress) * 190px)),0) rotate(calc(var(--fastener-progress) * 900deg));
}
.fastener-nut {
  z-index: 4;
  top: 334px;
  width: 298px;
  max-width: none;
  transform: translate3d(-50%,0,0) rotate(calc(var(--fastener-progress) * -4deg)) scale(calc(1 + (var(--fastener-progress) * .025)));
  filter: drop-shadow(0 22px 24px rgba(0,0,0,.35));
}
.fastener-progress {
  position: absolute;
  z-index: 9;
  top: 155px;
  right: 27px;
  width: 3px;
  height: 250px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(255,255,255,.13);
}
.fastener-progress span {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(to bottom,#ff6670,var(--red));
  transform: scaleY(var(--fastener-progress));
  transform-origin: top;
}
.fastener-caption {
  position: absolute;
  z-index: 9;
  top: 88px;
  left: 28px;
  width: 145px;
  display: grid;
  gap: 6px;
}
.fastener-caption small {
  color: #6f99c2;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .18em;
}
.fastener-caption strong {
  color: white;
  font-family: var(--font-display);
  font-size: 15px;
  line-height: 1.25;
}
.fastener-scroll-cue {
  position: absolute;
  z-index: 9;
  top: 83px;
  right: 28px;
  width: 94px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  color: #9dbbd7;
}
.fastener-scroll-cue > span {
  flex: 0 0 auto;
  width: 20px;
  height: 31px;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 12px;
  padding-top: 6px;
}
.fastener-scroll-cue > span i {
  display: block;
  width: 2px;
  height: 6px;
  margin-inline: auto;
  border-radius: 99px;
  background: var(--red);
  animation: fastenerScrollCue 1.4s ease-in-out infinite;
}
.fastener-scroll-cue b {
  font-size: 8px;
  line-height: 1.35;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.fastener-products-link {
  min-height: 108px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 22px;
  padding: 22px 26px;
  border-radius: 0 0 18px 18px;
  background: var(--red);
  color: white;
  transition: background .2s ease;
}
.fastener-products-link:hover { background: var(--red-dark); }
.fastener-products-link > span { display: grid; gap: 4px; }
.fastener-products-link small { font-size: 8px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; opacity: .72; }
.fastener-products-link strong { max-width: 225px; font-family: var(--font-display); font-size: 18px; line-height: 1.18; }
.fastener-products-link > b { max-width: 142px; font-size: 10px; line-height: 1.5; }
.fastener-products-link > b i { margin-left: 7px; font-size: 15px; font-style: normal; }
.hero-fastener.is-assembled .fastener-stage { border-color: rgba(237,74,83,.48); }
.hero-fastener.is-assembled .fastener-stage-top b { color: #ff9ca2; }

@keyframes fastenerScrollCue {
  0% { opacity: 0; transform: translateY(0); }
  35% { opacity: 1; }
  100% { opacity: 0; transform: translateY(9px); }
}

@media (max-width: 1080px) {
  .hero-fastener { min-height: auto; }
  .hero-fastener .hero-layout { min-height: auto; grid-template-columns: 1fr; }
  .fastener-showcase { max-width: 620px; justify-self: start; }
}

@media (max-width: 640px) {
  .hero-fastener .hero-layout { gap: 38px; padding-block: 48px; }
  .hero-fastener .hero-slider { min-height: 390px; }
  .hero-fastener .hero-slide { min-height: 360px; }
  .fastener-stage { height: 510px; border-radius: 14px 14px 0 0; }
  .fastener-stage-top { top: 22px; left: 20px; right: 20px; }
  .fastener-caption { top: 76px; left: 20px; width: 118px; }
  .fastener-caption strong { font-size: 13px; }
  .fastener-scroll-cue { top: 72px; right: 20px; }
  .fastener-progress { top: 137px; right: 20px; height: 210px; }
  .fastener-glow { top: 278px; width: 270px; height: 180px; }
  .fastener-bolt { top: 37px; width: 142px; transform: translate3d(-50%,calc(-30px + (var(--fastener-progress) * 158px)),0) rotate(calc(var(--fastener-progress) * 810deg)); }
  .fastener-nut { top: 291px; width: 242px; }
  .fastener-products-link { min-height: 118px; padding: 20px; border-radius: 0 0 14px 14px; }
  .fastener-products-link > b { max-width: 112px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-slide.active,
  .fastener-scroll-cue > span i { animation: none; }
  .fastener-bolt,
  .fastener-nut,
  .fastener-glow,
  .fastener-progress span { transition: none; }
}

/* v6.9 - tam ekran kurumsal ana sayfa sliderı */
.corporate-hero {
  position: relative;
  height: calc(100svh - 126px);
  min-height: 720px;
  max-height: 860px;
  overflow: hidden;
  isolation: isolate;
  background: #04172f;
}
.corporate-hero-slides,
.corporate-hero-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.corporate-hero-slide {
  min-height: 0;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(135deg,#092c55,#03152c);
}
.corporate-hero-slide.active {
  display: block;
  animation: corporateSlideReveal .7s ease both;
}
.corporate-hero-slide::before {
  content: '';
  position: absolute;
  z-index: 0;
  inset: -2%;
  border-radius: 0;
  opacity: 1;
  background-image: var(--corporate-slide-image,linear-gradient(135deg,#092c55,#03152c));
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.corporate-hero-slide.active::before { animation: corporateImageDrift 7s ease-out both; }
.corporate-hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  filter: saturate(1.02) contrast(1.04);
}
.corporate-hero-slide.has-video::before {
  inset: 0;
  opacity: .35;
}
.corporate-hero-slide.has-video.active::before {
  animation: none;
  transform: none;
}
.corporate-hero-shade {
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    radial-gradient(circle at 79% 47%,rgba(2,17,36,.9) 0%,rgba(2,17,36,.7) 22%,transparent 43%),
    linear-gradient(90deg,rgba(2,17,36,.98) 0%,rgba(3,24,49,.92) 34%,rgba(3,24,49,.56) 58%,rgba(3,20,42,.12) 82%),
    linear-gradient(0deg,rgba(1,13,29,.78) 0%,transparent 34%);
}
.corporate-hero-slide.has-video .corporate-hero-shade {
  background:
    radial-gradient(circle at 79% 47%,rgba(2,17,36,.78) 0%,rgba(2,17,36,.6) 25%,transparent 46%),
    linear-gradient(90deg,rgba(2,17,36,.96) 0%,rgba(3,24,49,.88) 36%,rgba(3,24,49,.44) 62%,rgba(3,20,42,.16) 82%),
    linear-gradient(0deg,rgba(1,13,29,.70) 0%,transparent 38%);
}
.corporate-hero-shade::after {
  content: '';
  position: absolute;
  inset: 0;
  opacity: .22;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg,black,transparent 62%);
}
.corporate-slide-inner {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
  padding-top: 34px;
  padding-bottom: 145px;
}
.corporate-slide-copy { width: min(650px,58%); }
.corporate-slide-index {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0 0 24px;
  color: #94afca;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .19em;
}
.corporate-slide-index span {
  color: white;
  font-family: var(--font-display);
  font-size: 12px;
  letter-spacing: .08em;
}
.corporate-slide-index i { width: 42px; height: 1px; background: rgba(255,255,255,.36); }
.corporate-hero .eyebrow { margin-bottom: 23px; color: #ff7a82; }
.corporate-hero .eyebrow span { background: var(--red); }
.corporate-hero h1 {
  max-width: 780px;
  color: white;
  font-size: clamp(54px,5.2vw,82px);
  line-height: .98;
  text-wrap: balance;
  text-shadow: 0 10px 34px rgba(0,0,0,.28);
}
.corporate-hero .hero-lead {
  max-width: 650px;
  margin-top: 25px;
  color: #d0dae6;
  font-size: 17px;
  line-height: 1.7;
}
.corporate-hero .hero-actions { margin-top: 29px; }
.corporate-hero .primary-btn { box-shadow: 0 12px 34px rgba(210,10,24,.32); }
.corporate-hero .primary-btn .btn-icon,
.corporate-outline-btn .btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}
.corporate-hero .primary-btn .btn-icon svg,
.corporate-outline-btn .btn-icon svg,
.corporate-hero-arrows button svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.corporate-hero .primary-btn .btn-icon svg path,
.corporate-outline-btn .btn-icon svg path,
.corporate-hero-arrows button svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.15;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.corporate-outline-btn {
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 0 22px;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 6px;
  color: white;
  background: rgba(255,255,255,.05);
  backdrop-filter: blur(7px);
  font-size: 13px;
  font-weight: 800;
  transition: background .2s ease,border-color .2s ease,transform .2s ease;
}
.corporate-outline-btn:hover { border-color: white; background: rgba(255,255,255,.12); transform: translateY(-2px); }
.corporate-proof {
  display: flex;
  margin-top: 38px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.2);
}
.corporate-proof div {
  min-width: 135px;
  display: grid;
  gap: 4px;
  padding-right: 26px;
  margin-right: 26px;
  border-right: 1px solid rgba(255,255,255,.18);
}
.corporate-proof div:last-child { border: 0; margin: 0; padding: 0; }
.corporate-proof strong { color: white; font-family: var(--font-display); font-size: 23px; }
.corporate-proof span { color: #9fb1c4; font-size: 10px; font-weight: 700; }
.corporate-hero-controls {
  position: absolute;
  z-index: 8;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid rgba(255,255,255,.16);
  background: rgba(2,17,35,.38);
  backdrop-filter: blur(9px);
}
.corporate-controls-inner {
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.corporate-hero-dots { flex: 1; display: flex; align-items: stretch; gap: 0; overflow-x: auto; scrollbar-width: none; }
.corporate-hero-dots::-webkit-scrollbar { display: none; }
.corporate-hero-dots button {
  position: relative;
  min-width: 0;
  width: auto;
  max-width: 220px;
  flex: 1 1 0;
  height: 92px;
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  align-content: center;
  align-items: center;
  gap: 11px;
  padding: 0 24px 0 0;
  border: 0;
  color: #8199b2;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.corporate-hero-dots button::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: var(--red);
  transform: scaleX(0);
  transform-origin: left;
}
.corporate-hero-dots button + button { padding-left: 24px; border-left: 1px solid rgba(255,255,255,.12); }
.corporate-hero-dots button span { font-family: var(--font-display); font-size: 12px; }
.corporate-hero-dots button b { overflow: hidden; color: inherit; font-size: 9px; letter-spacing: .07em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.corporate-hero-dots button i { display: none; }
.corporate-hero-dots button.active { color: white; }
.corporate-hero-dots button.active::after { animation: corporateSlideProgress 6.5s linear both; }
.corporate-hero.is-paused .corporate-hero-dots button.active::after,
.corporate-hero.is-paused .corporate-hero-slide.active::before { animation-play-state: paused; }
.corporate-hero-dots button:focus-visible,
.corporate-hero-arrows button:focus-visible { outline: 2px solid white; outline-offset: -3px; }
.corporate-hero-arrows { display: flex; gap: 8px; }
.corporate-hero-arrows button {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 50%;
  color: #adc0d2;
  background: rgba(255,255,255,.05);
  cursor: pointer;
  transition: background .2s ease,border-color .2s ease,color .2s ease;
}
.corporate-hero-arrows button svg {
  width: 18px;
  height: 18px;
}
.corporate-hero-arrows button:hover { border-color: white; background: var(--red); color: #fff; }

.corporate-fastener-motion {
  --assembly-progress: 0;
  position: absolute;
  z-index: 5;
  top: 50%;
  right: max(32px,calc((100vw - 1180px) / 2));
  width: 430px;
  height: 610px;
  pointer-events: none;
  perspective: 1000px;
  transform: translateY(calc(-50% - 34px));
}
.corporate-fastener-label {
  position: absolute;
  z-index: 7;
  top: 58px;
  right: 4px;
  display: grid;
  justify-items: end;
  gap: 5px;
  color: #8aaac8;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .16em;
}
.corporate-fastener-label b { color: white; font-size: 10px; letter-spacing: .1em; transition: color .5s ease; }
.corporate-fastener-axis {
  position: absolute;
  z-index: 0;
  top: 58px;
  bottom: 35px;
  left: 50%;
  width: 1px;
  background: linear-gradient(to bottom,transparent,rgba(137,181,221,.5) 18%,rgba(137,181,221,.4) 80%,transparent);
}
.corporate-fastener-axis i {
  position: absolute;
  left: -8px;
  width: 17px;
  height: 1px;
  background: #8eafd0;
  opacity: .45;
}
.corporate-fastener-axis i:nth-child(1) { top: 12%; }
.corporate-fastener-axis i:nth-child(2) { top: 36%; }
.corporate-fastener-axis i:nth-child(3) { top: 60%; }
.corporate-fastener-axis i:nth-child(4) { top: 84%; }
.corporate-fastener-halo {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 322px;
  width: 350px;
  height: 250px;
  border-radius: 50%;
  background: radial-gradient(ellipse,rgba(210,10,24,.24),rgba(43,112,177,.12) 42%,transparent 72%);
  opacity: calc(.3 + (var(--assembly-progress) * .7));
  transform: translateX(-50%) scale(calc(.9 + (var(--assembly-progress) * .12)));
  transition: opacity 1s ease,transform 1s ease;
}
.corporate-fastener-bolt,
.corporate-fastener-nut {
  position: absolute;
  left: 50%;
  display: block;
  max-width: none;
  user-select: none;
  filter: drop-shadow(0 24px 24px rgba(0,0,0,.34));
  will-change: transform;
}
.corporate-fastener-bolt {
  z-index: 3;
  top: 34px;
  width: 156px;
  transform-origin: 50% 48%;
  transform: translate3d(-50%,calc(var(--assembly-progress) * 218px),0) rotateY(calc(var(--assembly-progress) * 1080deg));
  transition: transform 1.35s cubic-bezier(.2,.78,.24,1),filter .5s ease;
}
.corporate-fastener-nut {
  z-index: 4;
  top: 360px;
  width: 286px;
  transform: translate3d(-50%,0,0) rotate(calc(var(--assembly-progress) * -3deg)) scale(calc(1 + (var(--assembly-progress) * .025)));
  transition: transform 1.35s cubic-bezier(.2,.78,.24,1);
}
.corporate-fastener-meter {
  position: absolute;
  z-index: 6;
  top: 132px;
  right: 8px;
  width: 3px;
  height: 300px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(255,255,255,.15);
}
.corporate-fastener-meter span {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(to bottom,#ff7b83,var(--red));
  transform: scaleY(var(--assembly-progress));
  transform-origin: top;
  transition: transform 1.35s cubic-bezier(.2,.78,.24,1);
}
.corporate-fastener-motion.is-complete .corporate-fastener-label b { color: #ff8c93; }
.corporate-fastener-motion.is-complete .corporate-fastener-bolt { filter: drop-shadow(0 18px 24px rgba(0,0,0,.34)) drop-shadow(0 0 24px rgba(210,10,24,.2)); }

@keyframes corporateSlideReveal {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes corporateImageDrift {
  from { transform: scale(1.025); }
  to { transform: scale(1.085); }
}
@keyframes corporateSlideProgress {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@media (max-width: 900px) {
  .corporate-hero { height: auto; min-height: 760px; max-height: none; }
  .corporate-hero-slides,
  .corporate-hero-slide { min-height: 760px; }
  .corporate-hero-slide::before { background-position: 62% center; }
  .corporate-hero-shade { background: linear-gradient(90deg,rgba(2,17,36,.98) 0%,rgba(3,24,49,.9) 54%,rgba(3,24,49,.44) 100%),linear-gradient(0deg,rgba(1,13,29,.8),transparent 44%); }
  .corporate-slide-inner { padding-top: 45px; padding-bottom: 132px; }
  .corporate-slide-copy { width: min(570px,68%); }
  .corporate-hero-dots button { width: 30%; }
  .corporate-fastener-motion { right: -18px; width: 370px; transform: translateY(calc(-50% - 28px)) scale(.9); }
}

@media (max-width: 640px) {
  .corporate-hero { min-height: 730px; }
  .corporate-hero-slides,
  .corporate-hero-slide { min-height: 730px; }
  .corporate-hero-slide::before { background-position: 67% center; }
  .corporate-hero-shade { background: linear-gradient(90deg,rgba(2,17,36,.97),rgba(3,24,49,.73)),linear-gradient(0deg,rgba(1,13,29,.94),transparent 48%); }
  .corporate-slide-inner { align-items: flex-start; padding-top: 72px; padding-bottom: 105px; }
  .corporate-slide-copy { width: 100%; }
  .corporate-slide-index { margin-bottom: 18px; }
  .corporate-hero .eyebrow { margin-bottom: 18px; font-size: 9px; letter-spacing: .12em; }
  .corporate-hero h1 { font-size: clamp(42px,13vw,55px); line-height: 1; }
  .corporate-hero .hero-lead { margin-top: 20px; font-size: 14px; line-height: 1.65; }
  .corporate-hero .hero-actions { flex-direction: row; align-items: center; gap: 9px; margin-top: 24px; }
  .corporate-hero .primary-btn,
  .corporate-outline-btn { min-height: 50px; padding: 0 15px; font-size: 11px; }
  .corporate-proof { margin-top: 27px; padding-top: 17px; }
  .corporate-proof div { min-width: 0; flex: 1; margin-right: 12px; padding-right: 12px; }
  .corporate-proof strong { font-size: 18px; }
  .corporate-proof span { font-size: 8px; }
  .corporate-controls-inner { min-height: 76px; gap: 12px; }
  .corporate-hero-dots button { width: 44px; min-width: 44px; height: 76px; display: grid; grid-template-columns: 1fr; padding: 0; text-align: center; }
  .corporate-hero-dots button + button { padding-left: 0; }
  .corporate-hero-dots button b { display: none; }
  .corporate-hero-dots button span { font-size: 11px; }
  .corporate-hero-arrows button { width: 42px; height: 42px; }
  .corporate-fastener-motion { top: 52%; right: -96px; width: 300px; height: 470px; opacity: .28; transform: translateY(-50%) scale(.72); transform-origin: right center; }
  .corporate-fastener-label,
  .corporate-fastener-meter { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .corporate-hero-slide.active,
  .corporate-hero-slide.active::before,
  .corporate-hero-dots button.active::after { animation: none; }
  .corporate-hero-dots button.active::after { transform: scaleX(1); }
  .corporate-fastener-bolt,
  .corporate-fastener-nut,
  .corporate-fastener-halo,
  .corporate-fastener-meter span { transition: none; }
}

.admin-sidebar { overflow: hidden; }
.admin-sidebar nav { min-height: 0; overflow-y: auto; padding-right: 5px; scrollbar-width: thin; }
.admin-nav-group { display: block; margin: 18px 10px 6px; color: #5f7c9b; font-size: 8px; font-weight: 900; letter-spacing: .15em; }
.admin-nav-group:first-child { margin-top: 0; }
.admin-form select { width: 100%; min-height: 46px; padding: 11px 12px; border: 1px solid #cfd8e2; border-radius: 4px; background: #fff; color: #24364c; font: inherit; }
.admin-form hr { height: 1px; border: 0; background: var(--line); margin: 30px 0; }
.admin-card > strong { display: block; margin-bottom: 10px; color: var(--navy); }
.admin-card > p { margin: 0; color: #68778b; line-height: 1.7; }
@media (max-width: 980px) {
  .admin-sidebar { overflow: visible; }
  .admin-sidebar nav { overflow-x: auto; overflow-y: hidden; }
  .admin-nav-group { display: none; }
  .hero-slider { min-height: 370px; }
}

/* Admin v5.2 - sade tekil yönetim menüsü ve sayfaya özel içerik editörleri */
@media (min-width: 901px) {
  .admin-shell {
    background: linear-gradient(to right, var(--navy) 0, var(--navy) 240px, #f0f3f6 240px, #f0f3f6 100%);
  }
  .admin-sidebar {
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
  }
  .admin-sidebar nav {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-bottom: 12px;
  }
}

.admin-content-form { display: grid; gap: 18px; }
.admin-content-group { padding: 24px; }
.admin-content-group-head { display: grid; grid-template-columns: minmax(180px, .7fr) minmax(260px, 1.3fr); gap: 24px; align-items: start; padding-bottom: 18px; margin-bottom: 20px; border-bottom: 1px solid #e5eaf0; }
.admin-content-group-head h3 { margin: 0; color: var(--navy); font-size: 18px; }
.admin-content-group-head p { margin: 0; color: #6b7e91; font-size: 12px; line-height: 1.7; }
.admin-content-fields { padding: 0; box-shadow: none; border: 0; background: transparent; }
.admin-content-fields label { margin-bottom: 14px; }
.admin-content-fields label:last-child { margin-bottom: 0; }
.admin-save-bar { position: sticky; bottom: 18px; z-index: 8; display: flex; justify-content: flex-end; padding: 12px; border: 1px solid #dce3eb; background: rgba(255,255,255,.94); backdrop-filter: blur(8px); box-shadow: 0 12px 35px rgba(13,45,78,.12); }
.admin-pdf-preview { margin-top: 24px; overflow: hidden; border: 1px solid #dce3eb; background: white; min-height: 620px; }
.admin-pdf-preview iframe { display: block; width: 100%; height: 720px; border: 0; }
.admin-dashboard-links { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.admin-dashboard-links a { display: grid; gap: 8px; text-decoration: none; }
.admin-dashboard-links strong { color: var(--navy); font-size: 16px; }
.admin-dashboard-links span { color: #718398; font-size: 11px; }
.admin-dashboard-links a:hover { transform: translateY(-2px); border-color: #b9c7d6; }

@media (max-width: 1100px) {
  .admin-dashboard-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .admin-content-group-head { grid-template-columns: 1fr; gap: 8px; }
  .admin-dashboard-links { grid-template-columns: 1fr; }
  .admin-save-bar { position: static; padding: 0; border: 0; background: transparent; box-shadow: none; }
  .admin-pdf-preview, .admin-pdf-preview iframe { min-height: 460px; height: 460px; }
}


/* v5.5 - Sabit iletişim menüsü yönetimi */
.admin-settings-subhead { display: grid; grid-template-columns: minmax(180px,.7fr) minmax(260px,1.3fr); gap: 24px; align-items: start; margin-bottom: 18px; }
.admin-settings-subhead strong { color: var(--navy); font-size: 17px; }
.admin-settings-subhead p { margin: 0; color: #6b7e91; font-size: 12px; line-height: 1.7; }
.contact-admin-switches { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 18px; margin-bottom: 22px; padding: 18px; border: 1px solid #e3e9ef; border-radius: 6px; background: #f8fafc; }
.contact-admin-switches .checkbox { min-height: 36px; color: #33485f; font-size: 12px; font-weight: 750; }
@media (max-width: 700px) {
  .admin-settings-subhead, .contact-admin-switches { grid-template-columns: 1fr; }
}


/* v5.6 - fixed floating communication controls */
.contact-rail {
  position: fixed !important;
  right: 20px !important;
  top: 50% !important;
  bottom: auto !important;
  z-index: 9990 !important;
  display: grid !important;
  gap: 10px !important;
  transform: translateY(-50%) !important;
}
.contact-rail__item { display: flex !important; align-items: center !important; justify-content: flex-end !important; }
.contact-rail__icon { flex: 0 0 50px !important; }
.scroll-top {
  position: fixed !important;
  left: 20px !important;
  bottom: 22px !important;
  z-index: 9990 !important;
}
@media (max-width: 600px) {
  .contact-rail {
    right: 12px !important;
    top: auto !important;
    bottom: 80px !important;
    transform: none !important;
  }
  .scroll-top { left: 12px !important; bottom: 16px !important; }
}


/* v5.7 floating contact menu refinement */
.contact-rail {
  right: 18px !important;
  bottom: 22px !important;
  top: auto !important;
  transform: none !important;
  display: grid !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.contact-rail__item {
  gap: 8px !important;
}
.contact-rail__label {
  min-height: 38px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  background: rgba(6,30,63,.96) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 24px rgba(6,30,63,.18) !important;
}
.contact-rail__icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  border: 0 !important;
  box-shadow: 0 10px 22px rgba(6,30,63,.18) !important;
}
.contact-rail__item.is-whatsapp .contact-rail__icon {
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.contact-rail__item.is-whatsapp .contact-rail__icon img {
  width: 42px !important;
  height: 42px !important;
  object-fit: contain !important;
}
.contact-rail__item.is-phone .contact-rail__icon { background: linear-gradient(145deg, #123f74, #061e3f) !important; }
.contact-rail__item.is-mail .contact-rail__icon { background: linear-gradient(145deg, #0b315d, #061e3f) !important; }
.contact-rail__item.is-quote .contact-rail__icon { background: linear-gradient(145deg, #e01926, #b70713) !important; }
.scroll-top {
  left: 14px !important;
  bottom: 22px !important;
}
@media (max-width: 600px) {
  .contact-rail {
    right: 12px !important;
    bottom: 18px !important;
    gap: 8px !important;
  }
  .contact-rail__label {
    display: none !important;
  }
  .contact-rail__icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 11px !important;
  }
  .contact-rail__item.is-whatsapp .contact-rail__icon img {
    width: 40px !important;
    height: 40px !important;
  }
  .scroll-top {
    left: 12px !important;
    bottom: 18px !important;
    width: 44px !important;
    height: 44px !important;
  }
}


/* v5.8 corporate floating contact menu */
.contact-rail {
  position: fixed !important;
  right: 18px !important;
  bottom: 22px !important;
  top: auto !important;
  transform: none !important;
  z-index: 95 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.contact-rail__item {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}
.contact-rail__label {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(6, 30, 63, .96) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  box-shadow: 0 10px 24px rgba(6,30,63,.18) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateX(8px) !important;
  transition: opacity .18s ease, visibility .18s ease, transform .18s ease !important;
}
.contact-rail__icon {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: linear-gradient(180deg, #0d3665 0%, #061e3f 100%) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(6,30,63,.18) !important;
  overflow: hidden !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}
.contact-rail__icon::before {
  content: '' !important;
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  top: 0 !important;
  height: 1px !important;
  background: rgba(255,255,255,.18) !important;
}
.contact-rail__icon img {
  display: none !important;
}
.contact-rail__item:hover .contact-rail__icon,
.contact-rail__item:focus-visible .contact-rail__icon {
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 30px rgba(6,30,63,.24) !important;
}
.contact-rail__item:hover .contact-rail__label,
.contact-rail__item:focus-visible .contact-rail__label {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(0) !important;
}
.contact-rail__item.is-whatsapp .contact-rail__icon {
  background: linear-gradient(180deg, #0f416f 0%, #061e3f 100%) !important;
}
.contact-rail__item.is-whatsapp .contact-rail__icon::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  background: #25d366 !important;
}
.contact-rail__item.is-phone .contact-rail__icon::after,
.contact-rail__item.is-mail .contact-rail__icon::after,
.contact-rail__item.is-quote .contact-rail__icon::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  background: rgba(255,255,255,.16) !important;
}
.contact-rail__item.is-quote .contact-rail__icon {
  background: linear-gradient(180deg, #d71320 0%, #b70713 100%) !important;
}
.scroll-top {
  left: 16px !important;
  bottom: 22px !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #0d3665 0%, #061e3f 100%) !important;
  box-shadow: 0 12px 24px rgba(6,30,63,.18) !important;
}
.scroll-top:hover {
  background: linear-gradient(180deg, #12437b 0%, #0a315e 100%) !important;
}
@media (max-width: 600px) {
  .contact-rail {
    right: 12px !important;
    bottom: 18px !important;
    gap: 8px !important;
  }
  .contact-rail__label {
    display: none !important;
  }
  .contact-rail__icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 13px !important;
  }
  .scroll-top {
    left: 12px !important;
    bottom: 18px !important;
    width: 42px !important;
    height: 42px !important;
  }
}

/* v5.9 premium unified floating contact dock */
.contact-rail {
  right: 18px !important;
  bottom: 24px !important;
  gap: 7px !important;
}
.contact-rail__item {
  gap: 9px !important;
}
.contact-rail__icon {
  width: 43px !important;
  height: 43px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: linear-gradient(180deg, #103965 0%, #061e3f 100%) !important;
  color: #fff !important;
  box-shadow:
    0 8px 18px rgba(6,30,63,.18),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
  overflow: hidden !important;
}
.contact-rail__icon::before {
  content: none !important;
}
.contact-rail__icon::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 9px !important;
  bottom: 9px !important;
  width: 2px !important;
  border-radius: 0 2px 2px 0 !important;
  background: rgba(255,255,255,.18) !important;
}
.contact-rail__item.is-whatsapp .contact-rail__icon,
.contact-rail__item.is-phone .contact-rail__icon,
.contact-rail__item.is-mail .contact-rail__icon,
.contact-rail__item.is-quote .contact-rail__icon {
  background: linear-gradient(180deg, #103965 0%, #061e3f 100%) !important;
}
.contact-rail__item.is-whatsapp .contact-rail__icon::after {
  background: #25d366 !important;
}
.contact-rail__item.is-phone .contact-rail__icon::after {
  background: #6ea8e4 !important;
}
.contact-rail__item.is-mail .contact-rail__icon::after {
  background: #b7cce3 !important;
}
.contact-rail__item.is-quote .contact-rail__icon::after {
  background: #d20a18 !important;
}
.contact-rail__item:hover .contact-rail__icon,
.contact-rail__item:focus-visible .contact-rail__icon {
  transform: translateX(-2px) !important;
  background: linear-gradient(180deg, #164b82 0%, #0a315e 100%) !important;
  box-shadow:
    0 12px 24px rgba(6,30,63,.24),
    inset 0 1px 0 rgba(255,255,255,.1) !important;
}
.contact-rail__label {
  min-height: 35px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  background: rgba(6,30,63,.97) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  box-shadow: 0 10px 22px rgba(6,30,63,.16) !important;
  font-size: 10.5px !important;
  letter-spacing: .01em !important;
}
.contact-rail__item.is-whatsapp .contact-rail__label { border-left: 2px solid #25d366 !important; }
.contact-rail__item.is-quote .contact-rail__label { border-left: 2px solid #d20a18 !important; }

@media (max-width: 600px) {
  .contact-rail {
    right: 11px !important;
    bottom: 17px !important;
    gap: 6px !important;
  }
  .contact-rail__icon {
    width: 39px !important;
    height: 39px !important;
    border-radius: 11px !important;
  }
  .contact-rail__icon svg {
    width: 20px !important;
    height: 20px !important;
  }
}

/* v6.0 - clean corporate floating actions */
.contact-rail {
  right: 20px !important;
  bottom: 24px !important;
  top: auto !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.contact-rail__item {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}
.contact-rail__icon {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  background: #0a315e !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(6,30,63,.18) !important;
  overflow: visible !important;
  transform: none !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}
.contact-rail__icon::before,
.contact-rail__icon::after {
  content: none !important;
  display: none !important;
}
.contact-rail__icon svg {
  width: 21px !important;
  height: 21px !important;
}
.contact-rail__item.is-whatsapp .contact-rail__icon {
  background: #25d366 !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.35) !important;
}
.contact-rail__item.is-phone .contact-rail__icon,
.contact-rail__item.is-mail .contact-rail__icon {
  background: linear-gradient(145deg, #0d3a6d, #061e3f) !important;
}
.contact-rail__item.is-quote .contact-rail__icon {
  background: linear-gradient(145deg, #0d3a6d, #061e3f) !important;
  box-shadow: 0 8px 22px rgba(6,30,63,.18), inset 0 0 0 2px rgba(210,10,24,.72) !important;
}
.contact-rail__item:hover .contact-rail__icon,
.contact-rail__item:focus-visible .contact-rail__icon {
  transform: translateY(-2px) scale(1.04) !important;
  box-shadow: 0 12px 28px rgba(6,30,63,.24) !important;
}
.contact-rail__item.is-whatsapp:hover .contact-rail__icon {
  background: #1fbd59 !important;
}
.contact-rail__item.is-phone:hover .contact-rail__icon,
.contact-rail__item.is-mail:hover .contact-rail__icon,
.contact-rail__item.is-quote:hover .contact-rail__icon {
  background: #0a315e !important;
}
.contact-rail__label {
  position: absolute !important;
  right: 58px !important;
  top: 50% !important;
  min-height: 36px !important;
  padding: 0 13px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #061e3f !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(6,30,63,.18) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translate(7px,-50%) !important;
  transition: opacity .18s ease, visibility .18s ease, transform .18s ease !important;
}
.contact-rail__label::after {
  content: '' !important;
  position: absolute !important;
  right: -5px !important;
  top: 50% !important;
  width: 10px !important;
  height: 10px !important;
  background: #061e3f !important;
  transform: translateY(-50%) rotate(45deg) !important;
}
.contact-rail__item:hover .contact-rail__label,
.contact-rail__item:focus-visible .contact-rail__label {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate(0,-50%) !important;
}
.contact-rail__item.is-whatsapp .contact-rail__label,
.contact-rail__item.is-quote .contact-rail__label {
  border-left: 0 !important;
}
.scroll-top {
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  background: #061e3f !important;
  box-shadow: 0 8px 22px rgba(6,30,63,.18) !important;
}
.scroll-top:hover { background: #0a315e !important; }

@media (max-width: 600px) {
  .contact-rail {
    right: 12px !important;
    bottom: 18px !important;
    gap: 8px !important;
  }
  .contact-rail__label { display: none !important; }
  .contact-rail__icon {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
  }
  .contact-rail__icon svg {
    width: 19px !important;
    height: 19px !important;
  }
  .scroll-top {
    width: 42px !important;
    height: 42px !important;
  }
}


/* v6.1 simple round floating icons */
.contact-rail {
  position: fixed !important;
  right: 18px !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  z-index: 95 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.contact-rail__item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}
.contact-rail__label {
  display: none !important;
}
.contact-rail__icon {
  position: relative !important;
  width: 60px !important;
  height: 60px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(6,30,63,.18) !important;
  overflow: hidden !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.contact-rail__icon::before,
.contact-rail__icon::after,
.contact-rail__icon img { display: none !important; content: none !important; }
.contact-rail__item:hover .contact-rail__icon,
.contact-rail__item:focus-visible .contact-rail__icon {
  transform: translateY(-2px) scale(1.03) !important;
  box-shadow: 0 14px 28px rgba(6,30,63,.22) !important;
  filter: brightness(1.03) !important;
}
.contact-rail__item.is-whatsapp .contact-rail__icon { background: #2edb63 !important; }
.contact-rail__item.is-phone .contact-rail__icon { background: #0a73d8 !important; }
.contact-rail__item.is-mail .contact-rail__icon { background: #0b2f6b !important; }
.contact-rail__item.is-quote .contact-rail__icon { background: #d81320 !important; }
.contact-rail__icon svg { width: 26px !important; height: 26px !important; }
.contact-rail__item.is-whatsapp .contact-rail__icon svg { width: 28px !important; height: 28px !important; }
.scroll-top {
  left: 14px !important;
  bottom: 18px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  background: var(--navy) !important;
  box-shadow: 0 10px 22px rgba(6,30,63,.18) !important;
}
@media (max-width: 600px) {
  .contact-rail {
    right: 12px !important;
    top: auto !important;
    bottom: 18px !important;
    transform: none !important;
    gap: 10px !important;
  }
  .contact-rail__icon {
    width: 52px !important;
    height: 52px !important;
  }
  .contact-rail__icon svg { width: 23px !important; height: 23px !important; }
  .contact-rail__item.is-whatsapp .contact-rail__icon svg { width: 25px !important; height: 25px !important; }
}


/* v6.2 bottom-right corrected floating contact icons */
.contact-rail {
  position: fixed !important;
  right: 18px !important;
  bottom: 24px !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  z-index: 95 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.contact-rail__item {
  display: block !important;
  width: 58px !important;
  height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 58px !important;
}
.contact-rail__label {
  display: none !important;
}
.contact-rail__icon {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  max-width: 58px !important;
  max-height: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 999px !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  color: #fff !important;
  overflow: hidden !important;
  box-shadow: 0 12px 28px rgba(6,30,63,.18) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
.contact-rail__icon::before,
.contact-rail__icon::after,
.contact-rail__icon img {
  display: none !important;
  content: none !important;
}
.contact-rail__item.is-whatsapp .contact-rail__icon { background: #2edb63 !important; }
.contact-rail__item.is-phone .contact-rail__icon { background: #0a73d8 !important; }
.contact-rail__item.is-mail .contact-rail__icon { background: #0b2f6b !important; }
.contact-rail__item.is-quote .contact-rail__icon { background: #d81320 !important; }
.contact-rail__icon svg {
  width: 25px !important;
  height: 25px !important;
  display: block !important;
}
.contact-rail__item.is-whatsapp .contact-rail__icon svg {
  width: 27px !important;
  height: 27px !important;
}
.contact-rail__item:hover .contact-rail__icon,
.contact-rail__item:focus-visible .contact-rail__icon {
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 32px rgba(6,30,63,.22) !important;
}
.scroll-top {
  left: 14px !important;
  bottom: 22px !important;
}
@media (max-width: 600px) {
  .contact-rail {
    right: 12px !important;
    bottom: 18px !important;
    gap: 10px !important;
  }
  .contact-rail__item {
    width: 52px !important;
    height: 52px !important;
    flex-basis: 52px !important;
  }
  .contact-rail__icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
  }
  .contact-rail__icon svg {
    width: 23px !important;
    height: 23px !important;
  }
  .contact-rail__item.is-whatsapp .contact-rail__icon svg {
    width: 25px !important;
    height: 25px !important;
  }
}


/* v6.3 hover labels + refined floating actions */
.contact-rail {
  right: 18px !important;
  bottom: 22px !important;
  top: auto !important;
  transform: none !important;
  gap: 10px !important;
  align-items: flex-end !important;
}
.contact-rail__item {
  width: auto !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
}
.contact-rail__label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  background: rgba(6,30,63,.96) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
  box-shadow: 0 12px 26px rgba(6,30,63,.18) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateX(8px) !important;
  transition: opacity .2s ease, visibility .2s ease, transform .2s ease, box-shadow .2s ease !important;
}
.contact-rail__icon {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  max-width: 54px !important;
  max-height: 54px !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 26px rgba(6,30,63,.18) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}
.contact-rail__item:hover .contact-rail__icon,
.contact-rail__item:focus-visible .contact-rail__icon {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 18px 34px rgba(6,30,63,.24) !important;
  filter: brightness(1.03) !important;
}
.contact-rail__item:hover .contact-rail__label,
.contact-rail__item:focus-visible .contact-rail__label {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(0) !important;
  box-shadow: 0 14px 30px rgba(6,30,63,.22) !important;
}
.contact-rail__icon svg {
  width: 23px !important;
  height: 23px !important;
}
.contact-rail__item.is-whatsapp .contact-rail__icon svg {
  width: 24px !important;
  height: 24px !important;
}
.contact-rail__item.is-whatsapp .contact-rail__icon { background: #2edb63 !important; }
.contact-rail__item.is-phone .contact-rail__icon { background: #0a73d8 !important; }
.contact-rail__item.is-mail .contact-rail__icon { background: #0b2f6b !important; }
.contact-rail__item.is-quote .contact-rail__icon { background: #d81320 !important; }
@media (max-width: 600px) {
  .contact-rail {
    right: 12px !important;
    bottom: 18px !important;
    gap: 9px !important;
  }
  .contact-rail__label {
    display: none !important;
  }
  .contact-rail__icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
  }
  .contact-rail__icon svg {
    width: 21px !important;
    height: 21px !important;
  }
  .contact-rail__item.is-whatsapp .contact-rail__icon svg {
    width: 22px !important;
    height: 22px !important;
  }
}

/* v6.4 premium hover labels */
.contact-rail__item {
  position: relative !important;
  gap: 11px !important;
}
.contact-rail__label {
  position: relative !important;
  min-height: 40px !important;
  padding: 0 16px 0 32px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, rgba(10,49,94,.98), rgba(6,30,63,.98)) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  letter-spacing: .005em !important;
  line-height: 1 !important;
  box-shadow: 0 12px 28px rgba(6,30,63,.18) !important;
  backdrop-filter: blur(10px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateX(14px) scale(.96) !important;
  transform-origin: right center !important;
  transition: opacity .22s ease, visibility .22s ease, transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease !important;
}
.contact-rail__label::before {
  content: '' !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #fff !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 0 0 4px rgba(255,255,255,.08) !important;
}
.contact-rail__label::after {
  content: '' !important;
  position: absolute !important;
  right: -6px !important;
  top: 50% !important;
  width: 12px !important;
  height: 12px !important;
  background: #061e3f !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
  transform: translateY(-50%) rotate(45deg) !important;
}
.contact-rail__item.is-whatsapp .contact-rail__label::before { background: #2edb63 !important; box-shadow: 0 0 0 4px rgba(46,219,99,.13) !important; }
.contact-rail__item.is-phone .contact-rail__label::before { background: #2b8be8 !important; box-shadow: 0 0 0 4px rgba(43,139,232,.13) !important; }
.contact-rail__item.is-mail .contact-rail__label::before { background: #8fb4e1 !important; box-shadow: 0 0 0 4px rgba(143,180,225,.12) !important; }
.contact-rail__item.is-quote .contact-rail__label::before { background: #ef2633 !important; box-shadow: 0 0 0 4px rgba(239,38,51,.13) !important; }
.contact-rail__item:hover .contact-rail__label,
.contact-rail__item:focus-visible .contact-rail__label {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(0) scale(1) !important;
  box-shadow: 0 18px 36px rgba(6,30,63,.24) !important;
}
.contact-rail__item:hover .contact-rail__icon,
.contact-rail__item:focus-visible .contact-rail__icon {
  transform: translateY(-2px) scale(1.04) !important;
}
.contact-rail__item.is-whatsapp:hover .contact-rail__icon { box-shadow: 0 16px 32px rgba(46,219,99,.30) !important; }
.contact-rail__item.is-phone:hover .contact-rail__icon { box-shadow: 0 16px 32px rgba(10,115,216,.28) !important; }
.contact-rail__item.is-mail:hover .contact-rail__icon { box-shadow: 0 16px 32px rgba(11,47,107,.30) !important; }
.contact-rail__item.is-quote:hover .contact-rail__icon { box-shadow: 0 16px 32px rgba(216,19,32,.28) !important; }
@media (max-width: 600px) {
  .contact-rail__label { display: none !important; }
}


/* Product card icon selector */
.admin-icon-select-row { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 10px; align-items: center; }
.admin-product-icon-preview { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 12px; background: rgba(161,13,19,.08); border: 1px solid rgba(161,13,19,.14); color: #a10d13; }
.admin-product-icon-preview svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.admin-icon-select-row select { min-width: 0; }


/* v6.7 admin panel redesign */
.admin-shell {
  grid-template-columns: 280px minmax(0,1fr);
  background: linear-gradient(180deg, #edf2f7 0%, #f6f8fb 100%);
}
.admin-sidebar {
  padding: 26px 20px 22px;
  background: linear-gradient(180deg, #082347 0%, #04162f 100%);
  box-shadow: inset -1px 0 0 rgba(255,255,255,.04);
}
.admin-logo {
  padding: 0 6px 22px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.admin-logo img {
  width: 162px;
}
.admin-nav-group {
  margin: 22px 12px 8px;
  color: #6e89a7;
  font-size: 10px;
  letter-spacing: .18em;
}
.admin-sidebar nav {
  gap: 6px;
  margin-top: 22px;
}
.admin-sidebar nav a {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 12px;
  color: #b9c8d8;
  font-size: 13px;
  font-weight: 700;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.admin-sidebar nav a:hover {
  transform: translateX(2px);
  background: rgba(255,255,255,.08);
}
.admin-sidebar nav a.active {
  background: linear-gradient(135deg, rgba(210,10,24,.24), rgba(210,10,24,.14));
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}
.admin-sidebar > div {
  gap: 7px;
  padding: 18px 12px 0;
  border-top: 1px solid rgba(255,255,255,.08);
}
.admin-sidebar > div small {
  color: #6e89a7;
  font-size: 9px;
}
.admin-sidebar > div strong {
  font-size: 12px;
}
.admin-sidebar > div a {
  color: #ff8b94;
  font-size: 11px;
}
.admin-main {
  padding: 28px 30px 96px;
}
.admin-page-body {
  display: grid;
  gap: 22px;
}
.admin-page-header {
  margin-bottom: 22px;
  padding: 26px 28px;
  border: 1px solid #dbe3ec;
  border-radius: 22px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 18px 44px rgba(12,35,63,.06);
  backdrop-filter: blur(10px);
}
.admin-page-title span, .admin-heading span {
  font-size: 10px;
  letter-spacing: .16em;
}
.admin-main h1 {
  margin-top: 10px;
  font-size: 34px;
  line-height: 1.1;
}
.admin-notice {
  margin-bottom: 0;
  border-radius: 14px;
}
.admin-section {
  margin-bottom: 0;
}
.admin-heading {
  align-items: center;
  margin-bottom: 16px;
}
.admin-heading h2 {
  margin-top: 8px;
  font-size: 28px;
}
.admin-heading p {
  max-width: 520px;
  font-size: 13px;
  line-height: 1.7;
}
.admin-card,
.public-form {
  border: 1px solid #dbe3ec;
  border-radius: 20px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 12px 34px rgba(12,35,63,.05);
}
.admin-card {
  padding: 26px;
}
.admin-stats,
.admin-dashboard-links {
  gap: 18px;
}
.admin-stats div {
  min-height: 142px;
  padding: 24px;
  border-radius: 18px;
  border: 1px solid #dbe3ec;
  border-top: 4px solid var(--navy);
  background: rgba(255,255,255,.94);
  box-shadow: 0 12px 30px rgba(12,35,63,.04);
}
.admin-stats span {
  font-size: 10px;
}
.admin-stats strong {
  font-size: 34px;
}
.admin-dashboard-links a {
  padding: 22px;
  border-radius: 18px;
}
.admin-dashboard-links strong {
  font-size: 18px;
}
.admin-dashboard-links span {
  font-size: 12px;
  line-height: 1.6;
}
.admin-content-form {
  gap: 20px;
}
.admin-content-group {
  padding: 24px;
  border-radius: 20px;
}
.admin-content-group-head {
  grid-template-columns: minmax(220px,.8fr) minmax(280px,1.2fr);
  gap: 26px;
  padding-bottom: 18px;
  margin-bottom: 18px;
}
.admin-content-group-head h3 {
  font-size: 20px;
}
.admin-content-group-head p {
  font-size: 13px;
}
.admin-content-fields {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px 18px;
}
.admin-form label,
.gate-card label {
  gap: 9px;
  margin-bottom: 0;
  color: #24364c;
  font-size: 12px;
  font-weight: 800;
}
.admin-field {
  min-width: 0;
}
.admin-field--wide {
  grid-column: 1 / -1;
}
.admin-form input,
.admin-form textarea,
.admin-form select {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid #cfd9e4;
  border-radius: 12px;
  background: #fff;
  color: #24364c;
  font: inherit;
  box-shadow: inset 0 1px 2px rgba(12,35,63,.03);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.admin-form textarea {
  min-height: 120px;
  resize: vertical;
}
.admin-form input:focus,
.admin-form textarea:focus,
.admin-form select:focus {
  outline: none;
  border-color: #7b98bb;
  box-shadow: 0 0 0 4px rgba(21,50,86,.08);
}
.admin-form small {
  font-size: 11px;
  line-height: 1.5;
}
.admin-save-bar {
  bottom: 16px;
  padding: 14px 16px;
  border: 1px solid #dbe3ec;
  border-radius: 18px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 18px 42px rgba(12,35,63,.10);
}
.admin-add {
  border: 1px solid #d7e1eb;
  border-radius: 18px;
  background: rgba(255,255,255,.75);
  overflow: hidden;
}
.admin-add > summary {
  padding: 18px 20px;
  font-size: 13px;
}
.admin-product-list {
  gap: 14px;
}
.admin-product {
  border: 1px solid #dbe3ec;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(12,35,63,.04);
}
.admin-product > summary {
  min-height: 82px;
  padding: 14px 18px;
  background: rgba(255,255,255,.95);
}
.admin-product > summary img,
.admin-product > summary > div > span {
  width: 54px;
  height: 54px;
  border-radius: 14px;
}
.admin-product > summary strong {
  font-size: 14px;
}
.admin-product > summary small,
.admin-product > summary i {
  font-size: 11px;
}
.admin-product .admin-card,
.delete-form {
  background: #f8fafc;
}
.form-actions {
  flex-wrap: wrap;
  gap: 16px;
}
.sort-field {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
}
.sort-field input {
  width: 88px;
}
.checkbox {
  gap: 10px;
  font-size: 12px;
}
.delete-form {
  padding: 0 26px 24px;
}
.delete-form button {
  font-size: 11px;
}
.outline-dark-btn {
  min-height: 46px;
  padding-inline: 18px;
  border-radius: 12px;
}
.admin-pdf-preview {
  border-radius: 18px;
}
.contact-admin-switches {
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px 18px;
  padding: 16px;
  border-radius: 14px;
  background: #f8fafc;
}
.admin-settings-form .contact-admin-switches {
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .admin-shell {
    grid-template-columns: 250px minmax(0,1fr);
  }
  .admin-content-fields {
    grid-template-columns: 1fr;
  }
  .admin-field--wide {
    grid-column: auto;
  }
}
@media (max-width: 900px) {
  .admin-main {
    padding: 24px 18px 70px;
  }
  .admin-page-header {
    padding: 20px;
  }
  .admin-heading,
  .admin-page-header {
    align-items: flex-start;
    flex-direction: column;
  }
  .admin-heading p {
    text-align: left;
  }
  .admin-content-group-head,
  .admin-settings-subhead {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
@media (max-width: 640px) {
  .admin-sidebar {
    padding: 14px 16px;
  }
  .admin-sidebar nav a {
    min-height: 38px;
    padding: 0 12px;
    border-radius: 10px;
    font-size: 12px;
  }
  .admin-main h1 {
    font-size: 28px;
  }
  .admin-card,
  .admin-content-group,
  .admin-page-header {
    border-radius: 16px;
  }
}

/* v7.1 - Slider altı ürün erişimi ve kurumsal deneyim alanı */
.portfolio-deck {
  position: relative;
  overflow: hidden;
  padding-block: 108px;
  background: #f3f6f9;
}
.portfolio-deck-grid {
  position: absolute;
  inset: 0;
  opacity: .55;
  pointer-events: none;
  background-image: linear-gradient(rgba(8,40,75,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,40,75,.045) 1px,transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(90deg,#000,transparent 57%);
}
.portfolio-deck-layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(540px,1.08fr);
  align-items: center;
  gap: clamp(58px,7vw,96px);
}
.portfolio-deck-copy {
  position: relative;
  min-width: 0;
  min-height: 490px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  isolation: isolate;
}
.portfolio-bolt-watermark {
  position: absolute;
  z-index: -1;
  top: 54%;
  left: -4%;
  right: auto;
  width: 315px;
  opacity: .11;
  transform: translateY(-50%) rotate(-72deg);
  transform-origin: center;
  pointer-events: none;
  user-select: none;
}
.portfolio-bolt-watermark img {
  display: block;
  width: 100%;
  height: auto;
  filter: grayscale(1) saturate(.2) contrast(.86);
  mix-blend-mode: multiply;
}
.portfolio-deck-copy h2 {
  position: relative;
  z-index: 1;
  max-width: 490px;
  margin: 0;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: clamp(46px,4.2vw,68px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.portfolio-deck-copy h2 em { color: var(--red); font-style: normal; }
.portfolio-deck-text {
  position: relative;
  z-index: 1;
  max-width: 530px;
  margin: 24px 0 0;
  color: #65748a;
  font-size: 16px;
  line-height: 1.8;
}
.portfolio-navigator {
  overflow: hidden;
  border-radius: 18px;
  color: var(--navy);
  background: #e7ebef;
  box-shadow: 0 30px 70px rgba(3,25,52,.2);
}
.portfolio-navigator-head {
  min-height: 102px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 23px 27px;
  border-bottom: 1px solid #cfd7df;
  background: linear-gradient(135deg,#dce2e8,#eef1f4);
}
.portfolio-navigator-head > div { display: grid; gap: 7px; }
.portfolio-navigator-head span { color: #52789d; font-size: 8px; font-weight: 900; letter-spacing: .18em; }
.portfolio-navigator-head strong { font-family: var(--font-display); font-size: 18px; }
.portfolio-navigator-head > b {
  flex: 0 0 auto;
  padding: 8px 10px;
  border: 1px solid #aebbc8;
  border-radius: 99px;
  color: #315b82;
  background: rgba(255,255,255,.45);
  font-size: 8px;
  letter-spacing: .12em;
}
.portfolio-navigator-grid { display: grid; grid-template-columns: 1fr; }
.portfolio-navigator-grid a {
  min-width: 0;
  min-height: 98px;
  display: grid;
  grid-template-columns: 30px minmax(0,1fr) auto;
  align-items: center;
  gap: 13px;
  padding: 18px 26px;
  border-bottom: 1px solid #d2dae2;
  color: var(--navy);
  background: #e9edf1;
  transition: color .22s ease,background .22s ease;
}
.portfolio-navigator-grid a:hover,
.portfolio-navigator-grid a:focus-visible { color: white; background: var(--navy); }
.portfolio-product-no { color: #47749e; font-family: var(--font-display); font-size: 11px; }
.portfolio-navigator-grid a > div { min-width: 0; display: grid; gap: 5px; }
.portfolio-navigator-grid a strong { font-size: 13px; line-height: 1.25; }
.portfolio-navigator-grid a small {
  display: -webkit-box;
  overflow: hidden;
  color: #62758a;
  font-size: 9px;
  line-height: 1.5;
  transition: color .22s ease;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.portfolio-navigator-grid a > i { color: #47749e; font-size: 16px; font-style: normal; transition: color .22s ease; }
.portfolio-navigator-grid a:hover .portfolio-product-no,
.portfolio-navigator-grid a:hover small,
.portfolio-navigator-grid a:hover > i,
.portfolio-navigator-grid a:focus-visible .portfolio-product-no,
.portfolio-navigator-grid a:focus-visible small,
.portfolio-navigator-grid a:focus-visible > i { color: #9fc2e4; }
.portfolio-navigator-footer {
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 27px;
  color: white;
  background: var(--red);
  font-size: 11px;
  font-weight: 850;
  transition: background .2s ease;
}
.portfolio-navigator-footer:hover { background: var(--red-dark); }
.portfolio-navigator-footer b { font-size: 18px; }

.heritage-section {
  padding-block: clamp(90px,8vw,126px);
  border-top: 1px solid #e0e6ec;
  background: #f1f4f7;
}
.heritage-layout {
  display: grid;
  grid-template-columns: minmax(420px,545px) minmax(0,1fr);
  align-items: center;
  gap: clamp(64px,7.5vw,118px);
}
.heritage-media {
  position: relative;
  overflow: hidden;
  min-height: 520px;
  border-radius: 14px;
  background: var(--navy);
  box-shadow: 0 28px 70px rgba(5,31,61,.18);
  isolation: isolate;
}
.heritage-media::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 45% 0 0;
  background: linear-gradient(to bottom,transparent,rgba(4,28,56,.78));
  pointer-events: none;
}
.heritage-media > img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  display: block;
  object-fit: cover;
  object-position: center;
  filter: saturate(.88) contrast(1.05) brightness(.92);
  transform: scale(1.015);
}
.heritage-experience {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 24px;
  min-width: 240px;
  min-height: 76px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 18px 26px;
  color: white;
  background: var(--red);
}
.heritage-experience strong { font-family: var(--font-display); font-size: 34px; line-height: 1; }
.heritage-experience span { max-width: 110px; font-size: 8px; font-weight: 900; line-height: 1.5; }
.heritage-copy { max-width: 610px; }
.heritage-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 25px;
  color: var(--red);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.heritage-eyebrow > span { width: 34px; height: 2px; background: var(--red); }
.heritage-copy h2 {
  max-width: 580px;
  margin: 0;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: clamp(38px,4vw,58px);
  line-height: 1.08;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.heritage-lead {
  max-width: 590px;
  margin: 28px 0 0;
  color: #64748a;
  font-size: 17px;
  line-height: 1.85;
}
.heritage-lead strong { color: var(--navy); font-weight: 850; }
.heritage-copy ul { display: grid; gap: 14px; margin: 28px 0 34px; padding: 0; list-style: none; }
.heritage-copy li { display: flex; align-items: flex-start; gap: 12px; color: #172c46; font-size: 13px; font-weight: 750; line-height: 1.5; }
.heritage-copy li > span {
  flex: 0 0 19px;
  width: 19px;
  height: 19px;
  display: grid;
  place-items: center;
  margin-top: 1px;
  border-radius: 50%;
  color: white;
  background: var(--red);
  font-size: 11px;
}

@media (max-width: 1050px) {
  .portfolio-deck-layout { grid-template-columns: 1fr; }
  .portfolio-deck-copy { min-height: 380px; max-width: 720px; }
  .portfolio-deck-copy h2 { max-width: 650px; }
  .heritage-layout { grid-template-columns: 1fr; }
  .heritage-media { width: min(100%,720px); min-height: 500px; }
  .heritage-media > img { min-height: 500px; }
  .heritage-copy { max-width: 720px; }
}

@media (max-width: 700px) {
  .portfolio-deck { padding-block: 76px; }
  .portfolio-deck-layout { gap: 46px; }
  .portfolio-deck-copy { min-height: 340px; }
  .portfolio-bolt-watermark { top: 55%; left: -24%; right: auto; width: 245px; opacity: .09; transform: translateY(-50%) rotate(-70deg); }
  .portfolio-navigator { border-radius: 14px; }
  .portfolio-navigator-head { min-height: 92px; padding: 20px; }
  .portfolio-navigator-head strong { font-size: 16px; }
  .portfolio-navigator-grid a { min-height: 108px; padding: 18px 20px; }
  .portfolio-navigator-footer { padding-inline: 20px; }
  .heritage-section { padding-block: 76px; }
  .heritage-layout { gap: 46px; }
  .heritage-media,
  .heritage-media > img { min-height: 410px; }
  .heritage-experience { right: 0; bottom: 18px; min-width: 190px; min-height: 68px; padding: 15px 18px; }
  .heritage-experience strong { font-size: 28px; }
  .heritage-copy h2 { font-size: clamp(34px,11vw,46px); }
  .heritage-lead { font-size: 15px; }
}

/* v7.3 - Ana sayfa kurumsal renk, ikon ve etkileşim düzenlemeleri */
.corporate-fastener-emblem {
  position: relative;
  width: 76px;
  height: 62px;
  margin: 0 0 22px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.22);
  border-left: 3px solid var(--red);
  border-radius: 14px;
  background: rgba(5,35,68,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.18);
}
.corporate-fastener-emblem img { position: absolute; display: block; height: auto; pointer-events: none; }
.corporate-emblem-bolt {
  z-index: 2;
  top: 4px;
  left: 22px;
  width: 19px;
  transform: rotate(-34deg);
  filter: brightness(1.16) drop-shadow(0 5px 6px rgba(0,0,0,.25));
}
.corporate-emblem-nut {
  z-index: 1;
  right: 8px;
  bottom: 5px;
  width: 34px;
  transform: rotate(-8deg);
  filter: brightness(1.08) drop-shadow(0 5px 7px rgba(0,0,0,.25));
}

.portfolio-navigator-head { justify-content: flex-start; }
.portfolio-navigator-grid a { grid-template-columns: 42px minmax(0,1fr) auto; gap: 16px; }
.portfolio-product-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid #cbd6e1;
  border-radius: 11px;
  color: #0a4278;
  background: rgba(255,255,255,.72);
  transition: color .22s ease,background .22s ease,border-color .22s ease,transform .22s ease;
}
.portfolio-product-icon svg {
  display: block;
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.portfolio-navigator-grid a:hover .portfolio-product-icon,
.portfolio-navigator-grid a:focus-visible .portfolio-product-icon {
  color: white;
  border-color: var(--red);
  background: var(--red);
  transform: scale(1.06);
}

.reasons-section { background: #f3f6f9; }
.reasons-section .section-heading h2 { color: var(--navy); }
.reasons-section .eyebrow { color: var(--red); }
.reasons-grid { border-color: #d5dee7; }
.reason {
  border-color: #d5dee7;
  background: rgba(255,255,255,.32);
  transition: transform .24s ease,background .24s ease,box-shadow .24s ease;
}
.reason > span { color: var(--red); }
.reason h3 { color: var(--navy); }
.reason p { color: #65758a; }
.reason:hover {
  z-index: 2;
  background: white;
  transform: translateY(-6px);
  box-shadow: inset 0 3px 0 var(--red),0 22px 42px rgba(5,32,63,.11);
}

.brand-wall figure { min-height: 154px; padding: 20px 16px 14px; }
.brand-wall img { max-width: 150px; height: 96px; }
.brand-wall figure:hover img { transform: scale(1.08); }

.process-section { background: #f3f6f9; }
.process-line > div {
  min-height: 190px;
  padding: 0 16px 26px;
  border-radius: 16px;
  transition: color .24s ease,background .24s ease,transform .24s ease,box-shadow .24s ease;
}
.process-line span,
.process-line h3,
.process-line p { transition: color .24s ease,background .24s ease,border-color .24s ease,transform .24s ease; }
.process-line > div:hover {
  background: var(--navy);
  transform: translateY(-7px);
  box-shadow: 0 22px 45px rgba(5,32,63,.16);
}
.process-line > div:hover span {
  color: white;
  border-color: var(--red);
  background: var(--red);
  transform: scale(1.08);
}
.process-line > div:hover h3 { color: white; }
.process-line > div:hover p { color: #a9bfd5; }

.cta-band .white-btn,
.cta-band .outline-btn { transition: color .22s ease,background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease; }
.cta-band .white-btn:hover,
.cta-band .white-btn:focus-visible {
  color: white;
  background: var(--red);
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(210,10,24,.28);
}
.cta-band .outline-btn:hover,
.cta-band .outline-btn:focus-visible {
  color: white;
  border-color: #25d366;
  background: #25d366;
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(37,211,102,.24);
}

@media (max-width: 1080px) {
  .reason:nth-child(-n+2) { border-bottom-color: #d5dee7; }
}

@media (max-width: 640px) {
  .corporate-fastener-emblem { width: 68px; height: 56px; margin-bottom: 17px; }
  .corporate-emblem-bolt { left: 20px; width: 17px; }
  .corporate-emblem-nut { width: 30px; }
  .portfolio-navigator-grid a { grid-template-columns: 40px minmax(0,1fr) auto; gap: 13px; }
  .portfolio-product-icon { width: 38px; height: 38px; }
  .reason { border-bottom-color: #d5dee7; }
  .brand-wall figure { min-height: 142px; padding-inline: 12px; }
  .brand-wall img { max-width: 132px; height: 86px; }
  .process-line > div { min-height: 178px; padding-inline: 18px; }
}

/* v7.4 - Slider sadeleştirme, geniş markalar ve sabit sipariş hoverları */
.brands-section > .shell {
  width: auto;
  max-width: none;
  margin-left: max(20px,calc((100vw - 1180px) / 2));
  margin-right: clamp(20px,3vw,48px);
}
.brands-section .brand-wall { width: 100%; }

.process-line { align-items: stretch; gap: 24px; }
.process-line > div {
  min-height: 205px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px 28px;
  border: 1px solid transparent;
  transform: none;
  transition: background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.process-line > div:hover {
  border-color: #d5dee7;
  background: white;
  transform: none;
  box-shadow: inset 0 3px 0 var(--red),0 18px 36px rgba(5,32,63,.10);
}
.process-line > div:hover span {
  color: white;
  border-color: var(--navy);
  background: var(--navy);
  transform: none;
  box-shadow: 0 0 0 4px rgba(210,10,24,.12);
}
.process-line > div:hover h3 { color: var(--navy); }
.process-line > div:hover p { color: #718096; }
.process-line h3 { min-height: 24px; }
.process-line p { max-width: 250px; }

@media (max-width: 900px) {
  .brands-section > .shell { margin-inline: 20px; }
  .process-line { gap: 24px; row-gap: 30px; }
}

@media (max-width: 640px) {
  .brands-section > .shell { margin-inline: 14px; }
  .process-line > div { min-height: 184px; padding: 0 18px 24px; }
}

/* v7.5 - Ortalanmış markalar, sade sipariş adımları ve belirgin footer */
.brands-section > .shell {
  width: min(1320px,calc(100% - 40px));
  max-width: 1320px;
  margin-inline: auto;
}

.process-line > div,
.process-line span,
.process-line h3,
.process-line p { transition: none; }
.process-line > div:hover {
  border-color: transparent;
  background: transparent;
  transform: none;
  box-shadow: none;
}
.process-line > div:hover span {
  color: var(--navy);
  border-color: #cad5e0;
  background: white;
  transform: none;
  box-shadow: none;
}
.process-line > div:hover h3 { color: var(--navy); }
.process-line > div:hover p { color: #718096; }

.footer { color: #afc0d1; }
.footer-grid { grid-template-columns: 2fr .7fr .9fr 1.1fr; gap: 50px; }
.footer-brand p {
  max-width: 470px;
  color: #b8c8d8;
  font-size: 13px;
  line-height: 1.85;
}
.footer-brand p strong { color: white; font-weight: 800; }
.footer h3 { font-size: 13px; }
.footer a,
.footer p { color: #afc0d1; font-size: 13px; }
.footer-contact a { color: white; }
.footer-bottom { color: #9fb2c6; font-size: 11px; }

@media (max-width: 900px) {
  .brands-section > .shell { width: min(calc(100% - 40px),1320px); margin-inline: auto; }
}

@media (max-width: 640px) {
  .brands-section > .shell { width: calc(100% - 28px); }
  .footer-brand p { max-width: none; font-size: 12.5px; }
}

/* Hakkımızda içerik düzeni v7.9 */
.page-hero--about {
  min-height: 410px;
}
.page-hero--about .page-hero-heading-only {
  max-width: none;
  width: fit-content;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  margin: 0;
  color: white;
  font-size: clamp(36px,4.2vw,60px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.025em;
  text-transform: none;
  text-shadow: 0 8px 30px rgba(0,0,0,.2);
}
.page-hero--about .page-hero-heading-only span {
  flex: 0 0 auto;
  width: 58px;
  height: 3px;
  border-radius: 99px;
  background: var(--red);
  box-shadow: 0 0 22px rgba(210,10,24,.34);
}
.corporate-story .split-content {
  grid-template-columns: minmax(0,1.55fr) minmax(280px,.45fr);
  align-items: start;
  gap: 72px;
}
.corporate-story-copy {
  display: grid;
  gap: 18px;
}
.corporate-story-copy p {
  margin: 0;
  color: #526177;
  font-size: 15px;
  line-height: 1.82;
}
.corporate-story-copy p:first-child {
  color: #34485f;
  font-size: 17px;
}
.corporate-story-copy strong {
  color: var(--navy);
  font-weight: 800;
}
.corporate-story .year-panel {
  min-height: 300px;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 24px;
  box-shadow: 0 22px 46px rgba(210,10,24,.17);
}
.corporate-story .year-panel h3 { max-width: 190px; margin: 18px auto 0; }
.values-section .value-grid { gap: 20px; }
.values-section .value-grid > div {
  min-height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 34px;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 14px 34px rgba(6,30,63,.055);
}
.values-section .value-grid > div::before {
  content: '';
  width: 38px;
  height: 3px;
  margin-bottom: 30px;
  border-radius: 99px;
  background: var(--red);
}
.values-section .value-grid h3 { margin: 0 0 12px; }
.values-section .value-grid p { font-size: 13px; line-height: 1.7; }
.values-section .value-grid span { display: none; }
.mission-vision-section {
  position: relative;
  overflow: hidden;
  background: var(--paper);
  color: var(--navy);
}
.mission-vision-section::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: .55;
  background-image: linear-gradient(rgba(6,30,63,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(6,30,63,.045) 1px,transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg,transparent,black 20%,black 80%,transparent);
}
.mission-vision-grid {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.mission-vision-grid article {
  min-height: 460px;
  padding: 48px;
  border: 1px solid rgba(6,30,63,.08);
  border-top: 4px solid var(--red);
  border-radius: 24px;
  background: var(--navy);
  box-shadow: 0 22px 55px rgba(6,30,63,.15);
}
.mission-vision-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
  color: white;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: .11em;
}
.mission-vision-title span { width: 34px; height: 2px; background: var(--red); }
.mission-vision-copy {
  display: grid;
  gap: 20px;
}
.mission-vision-copy p {
  margin: 0;
  color: #b5c6d8;
  font-size: 15px;
  line-height: 1.86;
}
.mission-vision-copy strong { color: white; font-weight: 800; }
@media (max-width: 900px) {
  .corporate-story .split-content,
  .mission-vision-grid { grid-template-columns: 1fr; }
  .corporate-story .year-panel { min-height: 240px; }
  .mission-vision-grid article { min-height: 0; }
}
@media (max-width: 600px) {
  .page-hero--about { min-height: 330px; }
  .page-hero--about .page-hero-heading-only { font-size: 36px; }
  .page-hero--about .page-hero-heading-only span { width: 42px; }
  .values-section .value-grid > div { min-height: 180px; padding: 28px; border-radius: 20px; }
  .mission-vision-grid article { padding: 30px 26px; border-radius: 20px; }
  .mission-vision-copy p { font-size: 14px; }
}

/* Hakkımızda iş ortaklığı çağrısı v8.1 */
.partner-cta-section {
  padding: 0 0 110px;
  background: var(--paper);
}
.partner-cta-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  padding: 42px 46px;
  border: 1px solid rgba(6,30,63,.1);
  border-top: 4px solid var(--red);
  border-radius: 24px;
  background: white;
  box-shadow: 0 22px 55px rgba(6,30,63,.08);
}
.partner-cta-card > div { max-width: 720px; }
.partner-cta-card > div > span {
  color: var(--red);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .16em;
}
.partner-cta-card h2 {
  margin: 10px 0 12px;
  color: var(--navy);
  font-size: clamp(28px,3vw,40px);
  line-height: 1.12;
}
.partner-cta-card p {
  max-width: 650px;
  margin: 0;
  color: #5b6c80;
  font-size: 14px;
  line-height: 1.75;
}
.partner-cta-card .primary-btn {
  flex: 0 0 auto;
  min-width: 210px;
  box-shadow: 0 14px 30px rgba(210,10,24,.2);
}
.partner-cta-card .primary-btn b { font-size: 18px; }
@media (max-width: 760px) {
  .partner-cta-section { padding-bottom: 72px; }
  .partner-cta-card { align-items: flex-start; flex-direction: column; gap: 28px; padding: 32px 26px; border-radius: 20px; }
  .partner-cta-card .primary-btn { width: 100%; min-width: 0; }
}

/* İletişim tam genişlik harita v8.2 */
.map-section { padding: 82px 0 0; }
.map-section .map-heading { margin-bottom: 34px; }
.map-heading .info-label {
  display: inline-block;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .15em;
}
.map-wrap {
  width: 100%;
  height: 560px;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  box-shadow: 0 22px 48px rgba(5,28,59,.1);
}
@media (max-width: 600px) {
  .map-section { padding: 56px 0 0; }
  .map-heading .info-label { font-size: 12px; }
  .map-wrap { height: 420px; }
}

/* Çift sayfalı katalog görüntüleyici v8.4 */
.catalog-page,
.catalog-page .document-section {
  background: #edf1f4;
}
.catalog-page .document-section { padding: 48px 0 110px; }
.catalog-page .pdf-heading { padding-top: 0; }
.catalog-page .pdf-heading h2 { margin-top: 0; }
.catalog-page .pdf-placeholder { border-radius: 18px; }
.catalog-flipbook {
  overflow: hidden;
  border: 1px solid #c9d1da;
  border-radius: 18px;
  background: #d9dee4;
  box-shadow: 0 26px 65px rgba(4,29,61,.14);
}
.catalog-flipbook__stage {
  position: relative;
  min-height: 760px;
  display: grid;
  grid-template-columns: 62px minmax(0,1fr) 62px;
  align-items: center;
  gap: 14px;
  padding: 34px 24px 28px;
  overflow: hidden;
  outline: 0;
  background:
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.72), rgba(255,255,255,0) 48%),
    linear-gradient(145deg,#e7eaee,#cfd5dc);
}
.catalog-flipbook__stage::before {
  content: '';
  position: absolute;
  inset: auto 8% 14px;
  height: 34px;
  border-radius: 50%;
  background: rgba(4,25,53,.14);
  filter: blur(20px);
  pointer-events: none;
}
.catalog-flipbook__viewport {
  position: relative;
  z-index: 1;
  min-width: 0;
  min-height: 680px;
  display: grid;
  place-items: center;
  overflow: auto;
  scrollbar-color: #8e9aa8 transparent;
  scrollbar-width: thin;
}
.catalog-flipbook__zoom {
  width: 100%;
  min-width: min-content;
  display: grid;
  place-items: center;
}
.catalog-flipbook__book {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  align-items: center;
  width: 100%;
  max-width: 1160px;
  perspective: 1800px;
  filter: drop-shadow(0 20px 24px rgba(7,28,54,.2));
}
.catalog-flipbook__page {
  position: relative;
  min-width: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: white;
  box-shadow: inset 0 0 0 1px rgba(5,28,59,.06);
  backface-visibility: hidden;
}
.catalog-flipbook__page--left { justify-self: end; transform-origin: 100% 50%; }
.catalog-flipbook__page--right { justify-self: start; transform-origin: 0 50%; }
.catalog-flipbook__page canvas {
  display: block;
  max-width: 100%;
  height: auto;
  background: white;
}
.catalog-flipbook__page > span {
  position: absolute;
  right: 13px;
  bottom: 10px;
  min-width: 26px;
  padding: 4px 6px;
  color: #6d7784;
  background: rgba(255,255,255,.88);
  border-radius: 5px;
  font-size: 9px;
  font-weight: 800;
  text-align: center;
}
.catalog-flipbook__page--left > span { right: auto; left: 13px; }
.catalog-flipbook__spine {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 24px;
  transform: translateX(-50%);
  background: linear-gradient(90deg,transparent,rgba(4,27,57,.17),rgba(255,255,255,.42),rgba(4,27,57,.13),transparent);
  pointer-events: none;
}
.catalog-flipbook__book.is-turning-forward .catalog-flipbook__page--right {
  animation: catalogPageForward .36s ease-in-out;
}
.catalog-flipbook__book.is-turning-back .catalog-flipbook__page--left {
  animation: catalogPageBack .36s ease-in-out;
}
@keyframes catalogPageForward {
  0% { transform: rotateY(0); filter: brightness(1); }
  48% { transform: rotateY(-72deg); filter: brightness(.86); }
  100% { transform: rotateY(0); filter: brightness(1); }
}
@keyframes catalogPageBack {
  0% { transform: rotateY(0); filter: brightness(1); }
  48% { transform: rotateY(72deg); filter: brightness(.86); }
  100% { transform: rotateY(0); filter: brightness(1); }
}
.catalog-flipbook__arrow {
  position: relative;
  z-index: 4;
  width: 54px;
  height: 72px;
  display: grid;
  place-items: center;
  padding: 0 0 7px;
  color: var(--navy);
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(6,30,63,.14);
  border-radius: 14px;
  box-shadow: 0 10px 26px rgba(4,29,61,.12);
  font-family: Arial,sans-serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
  transition: color .2s ease,background .2s ease,transform .2s ease,opacity .2s ease;
}
.catalog-flipbook__arrow:hover:not(:disabled),
.catalog-flipbook__arrow:focus-visible {
  color: white;
  background: var(--navy);
  transform: scale(1.05);
}
.catalog-flipbook__arrow:disabled { opacity: .28; cursor: not-allowed; }
.catalog-flipbook__loading,
.catalog-flipbook__error {
  position: absolute;
  z-index: 6;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 14px;
  color: var(--navy);
  background: rgba(226,231,236,.92);
  text-align: center;
}
.catalog-flipbook__loading[hidden],
.catalog-flipbook__error[hidden] { display: none; }
.catalog-flipbook__loading i {
  width: 42px;
  height: 42px;
  border: 4px solid rgba(5,30,63,.15);
  border-top-color: var(--red);
  border-radius: 50%;
  animation: catalogLoading .7s linear infinite;
}
.catalog-flipbook__loading span { font-size: 13px; font-weight: 800; }
@keyframes catalogLoading { to { transform: rotate(360deg); } }
.catalog-flipbook__error strong { font-size: 21px; }
.catalog-flipbook__error a { color: var(--red); font-size: 13px; font-weight: 850; }
.catalog-flipbook__toolbar {
  min-height: 68px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 22px;
  padding: 10px 18px 10px 24px;
  color: #687689;
  background: white;
  border-top: 1px solid #cbd3dc;
}
.catalog-flipbook__toolbar > strong {
  min-width: 88px;
  color: var(--navy);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}
.catalog-flipbook__toolbar > span { font-size: 11px; }
.catalog-flipbook__tools { display: flex; gap: 7px; }
.catalog-flipbook__tools button {
  width: 39px;
  height: 39px;
  display: grid;
  place-items: center;
  padding: 0;
  color: var(--navy);
  background: #f1f4f7;
  border: 1px solid #d4dbe3;
  border-radius: 9px;
  font-size: 20px;
  font-weight: 750;
  cursor: pointer;
  transition: color .2s ease,background .2s ease,border-color .2s ease;
}
.catalog-flipbook__tools button:hover:not(:disabled),
.catalog-flipbook__tools button:focus-visible { color: white; background: var(--navy); border-color: var(--navy); }
.catalog-flipbook__tools button:disabled { opacity: .35; cursor: not-allowed; }
.catalog-flipbook__fallback {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 7px 18px;
  color: #708095;
  background: #f6f8fa;
  border-top: 1px solid #d8dee5;
  font-size: 10px;
}
.catalog-flipbook__fallback a { margin-left: 4px; color: var(--red); font-weight: 850; }
.catalog-flipbook__stage:fullscreen {
  min-height: 100vh;
  padding: 30px;
  background: #cfd5dc;
}
.catalog-flipbook__stage:fullscreen .catalog-flipbook__viewport { min-height: calc(100vh - 60px); }
@media (prefers-reduced-motion: reduce) {
  .catalog-flipbook__book.is-turning-forward .catalog-flipbook__page--right,
  .catalog-flipbook__book.is-turning-back .catalog-flipbook__page--left { animation: none; }
}
@media (max-width: 900px) {
  .catalog-flipbook__stage { grid-template-columns: 48px minmax(0,1fr) 48px; gap: 8px; padding-inline: 12px; }
  .catalog-flipbook__arrow { width: 44px; height: 62px; font-size: 42px; }
  .catalog-flipbook__toolbar > span { display: none; }
  .catalog-flipbook__toolbar { grid-template-columns: 1fr auto; }
}
@media (max-width: 760px) {
  .catalog-page .document-section { padding: 34px 0 72px; }
  .catalog-page .pdf-heading { align-items: stretch; gap: 20px; }
  .catalog-flipbook { border-radius: 13px; }
  .catalog-flipbook__stage {
    min-height: 570px;
    grid-template-columns: 40px minmax(0,1fr) 40px;
    gap: 5px;
    padding: 20px 6px;
  }
  .catalog-flipbook__viewport { min-height: 530px; }
  .catalog-flipbook__book { grid-template-columns: minmax(0,1fr); }
  .catalog-flipbook__page--left { justify-self: center; }
  .catalog-flipbook__page--right,
  .catalog-flipbook__spine { display: none; }
  .catalog-flipbook__arrow { width: 36px; height: 54px; border-radius: 10px; font-size: 36px; }
  .catalog-flipbook__toolbar { min-height: 60px; padding: 9px 11px 9px 15px; }
  .catalog-flipbook__tools button { width: 36px; height: 36px; }
  .catalog-flipbook__fallback { display: block; min-height: 0; padding: 10px 14px; text-align: center; line-height: 1.5; }
}

/* ============================================================
   v8.6 - Responsive polish + kurumsal PDF görüntüleyici
   ============================================================ */
html, body { max-width: 100%; overflow-x: hidden; }
body { -webkit-text-size-adjust: 100%; }
img, video, iframe, canvas, svg { max-width: 100%; }
button, a, summary, input, select, textarea { -webkit-tap-highlight-color: transparent; }

/* Katalog ve fiyat listesi aynı kurumsal belge deneyimini kullanır. */
.catalog-page,
.price-list-page,
.catalog-page .document-section,
.price-list-page .document-section { background: #eef2f6; }
.catalog-page .document-section,
.price-list-page .document-section { padding: 44px 0 104px; }
.catalog-page .pdf-heading,
.price-list-page .pdf-heading { padding: 0 0 26px; align-items: center; }
.catalog-page .pdf-heading h2,
.price-list-page .pdf-heading h2 { margin: 0 0 8px; font-size: clamp(30px,3.5vw,46px); }
.catalog-page .pdf-heading p,
.price-list-page .pdf-heading p { font-size: 14px; }
.catalog-page .document-download,
.price-list-page .document-download {
  min-height: 50px;
  padding: 0 20px;
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(210,10,24,.16);
}

.catalog-flipbook {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(6,30,63,.16);
  border-top: 4px solid var(--red);
  border-radius: 16px;
  background: #071d3b;
  box-shadow: 0 28px 70px rgba(6,30,63,.16);
}
.catalog-flipbook__stage {
  min-height: 730px;
  grid-template-columns: 58px minmax(0,1fr) 58px;
  gap: 16px;
  padding: 30px 22px 26px;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    radial-gradient(circle at 50% 48%,rgba(69,105,145,.33),transparent 46%),
    linear-gradient(145deg,#0b315e 0%,#061e3f 62%,#04162f 100%);
  background-size: 44px 44px,44px 44px,auto,auto;
}
.catalog-flipbook__stage::before {
  inset: auto 13% 15px;
  height: 28px;
  background: rgba(0,0,0,.28);
  filter: blur(20px);
}
.catalog-flipbook__viewport { min-height: 660px; scrollbar-color: #607896 transparent; }
.catalog-flipbook__book { max-width: 1120px; filter: drop-shadow(0 24px 30px rgba(0,0,0,.3)); }
.catalog-flipbook__page { box-shadow: inset 0 0 0 1px rgba(5,28,59,.08); }
.catalog-flipbook__spine { width: 20px; background: linear-gradient(90deg,transparent,rgba(2,18,38,.22),rgba(255,255,255,.34),rgba(2,18,38,.18),transparent); }
.catalog-flipbook__page > span { border: 1px solid rgba(6,30,63,.08); box-shadow: 0 2px 7px rgba(6,30,63,.06); }

.catalog-flipbook__arrow {
  width: 50px;
  height: 50px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 50%;
  color: #061e3f;
  background: rgba(255,255,255,.96);
  box-shadow: 0 12px 30px rgba(0,0,0,.22);
  font-size: 0;
}
.catalog-flipbook__arrow svg { width: 22px; height: 22px; overflow: visible; }
.catalog-flipbook__arrow svg path { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.catalog-flipbook__arrow:hover:not(:disabled),
.catalog-flipbook__arrow:focus-visible { color: #fff; background: var(--red); border-color: var(--red); transform: translateY(-1px); }
.catalog-flipbook__arrow:disabled { opacity: .3; }
.catalog-flipbook__loading,
.catalog-flipbook__error { color: #fff; background: rgba(6,30,63,.93); }
.catalog-flipbook__loading i { border-color: rgba(255,255,255,.2); border-top-color: #fff; }
.catalog-flipbook__error a { color: #ff8e95; }

.catalog-flipbook__toolbar {
  min-height: 64px;
  grid-template-columns: auto 1fr auto;
  gap: 20px;
  padding: 10px 16px 10px 22px;
  background: #fff;
  border-top: 0;
  box-shadow: inset 0 1px 0 #e4e9ef;
}
.catalog-flipbook__toolbar > strong {
  min-width: 92px;
  padding: 8px 12px;
  border-radius: 8px;
  color: #fff;
  background: var(--navy);
  text-align: center;
  font-size: 12px;
  letter-spacing: .02em;
}
.catalog-flipbook__toolbar > span { color: #65758a; font-size: 11px; }
.catalog-flipbook__tools button {
  width: 38px;
  height: 38px;
  border-radius: 9px;
  color: var(--navy);
  background: #f4f6f9;
  border-color: #dce3ea;
}
.catalog-flipbook__fallback { background: #f8fafc; }

/* Genel responsive iyileştirmeler */
@media (max-width: 1180px) {
  .shell { width: min(100% - 40px,1180px); }
  .section { padding-block: 84px; }
  .footer-grid { gap: 40px; }
}

@media (max-width: 900px) {
  .site-header { position: sticky; top: 0; z-index: 100; box-shadow: 0 5px 18px rgba(6,30,63,.06); }
  .nav-wrap { min-height: 74px; grid-template-columns: 1fr auto auto; }
  .brand { width: 160px; }
  .mobile-nav summary { border-radius: 10px; background: #fff; }
  .mobile-nav > div {
    top: 50px;
    right: 0;
    width: min(320px,calc(100vw - 40px));
    padding: 10px;
    border-radius: 14px;
    box-shadow: 0 22px 48px rgba(6,30,63,.16);
  }
  .mobile-nav > div a { padding: 13px 14px; border-radius: 8px; }
  .mobile-nav > div a:hover { color: var(--red); background: #f4f6f9; }
  .page-hero { padding: 72px 0 78px; }
  .page-hero h1 { font-size: clamp(42px,8vw,62px); }
  .page-hero > .shell > p:last-child { font-size: 15px; }
  .product-grid { gap: 14px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 34px 48px; }

  .catalog-flipbook__stage { min-height: 650px; grid-template-columns: 48px minmax(0,1fr) 48px; gap: 8px; padding: 22px 12px; }
  .catalog-flipbook__viewport { min-height: 600px; }
  .catalog-flipbook__arrow { width: 42px; height: 42px; }
  .catalog-flipbook__arrow svg { width: 20px; height: 20px; }
}

@media (max-width: 640px) {
  .shell { width: min(100% - 28px,1180px); }
  .topbar { font-size: 10px; }
  .topbar-inner { height: 30px; }
  .topbar-links { justify-content: center; }
  .topbar-links > span { display: none; }
  .nav-wrap { min-height: 68px; }
  .brand { width: 146px; }
  .mobile-nav summary { width: 40px; height: 40px; border-radius: 9px; }

  .section { padding-block: 62px; }
  .section-heading h2,
  .cta-band h2,
  .vision-grid h2,
  .product-info-grid h2,
  .contact-info h2,
  .brands-intro h2 { font-size: clamp(30px,9vw,40px); }
  .section-copy { font-size: 14px; }
  .heading-row { margin-bottom: 30px; }
  .product-card { padding: 22px; min-height: 280px; }
  .catalogue-grid { grid-auto-rows: auto; gap: 16px; }
  .catalogue-grid .product-card { min-height: 410px; padding: 0 20px 22px; }
  .catalogue-grid .product-image { width: calc(100% + 40px); height: 200px; margin: 0 -20px; padding: 0; }
  .catalogue-grid .product-placeholder { width: calc(100% + 40px); height: 200px; margin: 0 -20px; padding: 14px; }
  .catalogue-grid .product-card--catalogue h3 { min-height: 0; margin-top: 18px; }
  .catalogue-grid .product-card--catalogue p { min-height: 0; }
  .about-grid, .faq-grid, .contact-grid { gap: 36px; }
  .industrial-visual { min-height: 360px; padding: 28px; }
  .public-form { padding: 24px 18px; }
  .cta-band { padding: 30px 22px; border-radius: 14px; }
  .white-btn, .outline-btn, .outline-dark-btn, .primary-btn { width: 100%; }

  .page-hero { padding: 54px 0 60px; }
  .page-hero h1 { font-size: clamp(36px,11vw,48px); line-height: 1.02; }
  .page-hero > .shell > p:last-child { margin-top: 20px; font-size: 14px; line-height: 1.65; }
  .page-hero .eyebrow { font-size: 10px; }

  .catalog-page .document-section,
  .price-list-page .document-section { padding: 30px 0 64px; }
  .catalog-page .pdf-heading,
  .price-list-page .pdf-heading { gap: 18px; padding-bottom: 20px; }
  .catalog-page .pdf-heading h2,
  .price-list-page .pdf-heading h2 { font-size: 29px; }
  .catalog-page .pdf-heading p,
  .price-list-page .pdf-heading p { font-size: 13px; line-height: 1.65; }
  .catalog-page .document-download,
  .price-list-page .document-download { width: 100%; }

  .catalog-flipbook { border-radius: 12px; }
  .catalog-flipbook__stage {
    min-height: 520px;
    display: block;
    padding: 14px 7px 12px;
    background:
      radial-gradient(circle at 50% 46%,rgba(73,111,151,.3),transparent 45%),
      linear-gradient(145deg,#0a315e,#061e3f);
  }
  .catalog-flipbook__viewport { min-height: 490px; overflow: auto; padding-inline: 4px; }
  .catalog-flipbook__book { width: 100% !important; max-width: 100% !important; }
  .catalog-flipbook__page--left { width: 100%; justify-self: center; }
  .catalog-flipbook__page canvas { max-width: 100%; }
  .catalog-flipbook__arrow {
    position: absolute;
    z-index: 12;
    top: 50%;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255,255,255,.55);
    color: #fff;
    background: rgba(6,30,63,.84);
    box-shadow: 0 8px 20px rgba(0,0,0,.2);
    transform: translateY(-50%);
    backdrop-filter: blur(8px);
  }
  .catalog-flipbook__arrow--previous { left: 10px; }
  .catalog-flipbook__arrow--next { right: 10px; }
  .catalog-flipbook__arrow:hover:not(:disabled),
  .catalog-flipbook__arrow:focus-visible { transform: translateY(-50%); }
  .catalog-flipbook__arrow svg { width: 19px; height: 19px; }
  .catalog-flipbook__toolbar { min-height: 58px; grid-template-columns: auto 1fr; gap: 8px; padding: 9px 10px; }
  .catalog-flipbook__toolbar > strong { min-width: 76px; padding: 7px 8px; font-size: 11px; }
  .catalog-flipbook__tools { justify-self: end; }
  .catalog-flipbook__tools button { width: 34px; height: 34px; font-size: 17px; }
  .catalog-flipbook__fallback { font-size: 9px; }

  .footer-grid { grid-template-columns: 1fr; gap: 32px; padding-block: 48px; }
  .footer-brand img { width: 190px; }
  .footer-brand p { max-width: 100%; }
  .footer-bottom { min-height: 82px; padding-block: 18px; }

  .contact-rail { right: 10px !important; bottom: 14px !important; gap: 8px !important; }
  .contact-rail__icon {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;
  }
  .contact-rail__icon svg { width: 20px !important; height: 20px !important; }
  .scroll-top { left: 10px !important; bottom: 14px !important; width: 42px !important; height: 42px !important; }
}

@media (max-width: 390px) {
  .shell { width: min(100% - 22px,1180px); }
  .brand { width: 132px; }
  .page-hero h1 { font-size: 35px; }
  .catalog-flipbook__stage { min-height: 450px; }
  .catalog-flipbook__viewport { min-height: 425px; }
  .catalog-flipbook__arrow { width: 36px; height: 36px; }
  .catalog-flipbook__arrow--previous { left: 6px; }
  .catalog-flipbook__arrow--next { right: 6px; }
  .catalog-flipbook__tools button:nth-child(1) { display: none; }
}

/* ============================================================
   v8.9 - Sabit header, büyük marka logoları ve beyaz footer
   ============================================================ */
.topbar,
.topbar a,
.topbar span { color: #fff; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255,255,255,.97);
  box-shadow: 0 4px 16px rgba(6,30,63,.04);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: box-shadow .22s ease,background .22s ease;
}
.site-header.is-scrolled {
  background: rgba(255,255,255,.985);
  box-shadow: 0 12px 32px rgba(6,30,63,.13);
}
.site-header .nav-wrap {
  min-height: 102px;
  grid-template-columns: 225px minmax(0,1fr) auto;
  gap: 30px;
}
.site-header .brand { width: 215px; }
.site-header nav { gap: 22px; font-size: 13px; font-weight: 800; }
.site-header nav a { padding-block: 39px; }
.site-header nav a::after { bottom: 28px; }
.site-header .nav-cta { min-height: 52px; padding-inline: 21px; font-size: 13px; }

.brands-section .brand-wall figure {
  min-height: 170px;
  padding: 20px 18px 14px;
}
.brands-section .brand-wall img {
  max-width: 180px;
  height: 112px;
  opacity: .8;
}
.brand-directory img {
  max-width: 180px;
  height: 118px;
}

.footer,
.footer .footer-brand p,
.footer .footer-brand p strong,
.footer .footer-grid a,
.footer .footer-grid p,
.footer .footer-contact p,
.footer .footer-contact a,
.footer .footer-bottom,
.footer .footer-bottom span {
  color: #fff;
}
.footer .footer-grid a { opacity: .94; }
.footer .footer-grid a:hover { color: #fff; opacity: 1; }

@media (max-width: 1080px) {
  .site-header .nav-wrap { min-height: 86px; grid-template-columns: 1fr auto; }
  .site-header .brand { width: 190px; }
}
@media (max-width: 900px) {
  .site-header .nav-wrap { min-height: 80px; grid-template-columns: 1fr auto auto; }
  .site-header .brand { width: 178px; }
  .brands-section .brand-wall img { max-width: 160px; height: 102px; }
}
@media (max-width: 640px) {
  .site-header .nav-wrap { min-height: 72px; grid-template-columns: 1fr auto; }
  .site-header .brand { width: 158px; }
  .brands-section .brand-wall figure { min-height: 146px; padding-inline: 12px; }
  .brands-section .brand-wall img { max-width: 140px; height: 92px; }
  .brand-directory img { max-width: 160px; height: 106px; }
}
@media (max-width: 390px) {
  .site-header .brand { width: 146px; }
}

/* ============================================================
   v9.0 - Ortak site içerik zemini
   ============================================================ */
:root { --site-surface: #fff; }

body,
body > main:not(.admin-shell) {
  background: var(--site-surface);
}

body > main:not(.admin-shell) > section:not(.page-hero):not(.detail-hero):not(.quote-hero),
body > main:not(.admin-shell) > article,
.article-page,
.article-layout,
.catalog-page,
.price-list-page,
.catalog-page .document-section,
.price-list-page .document-section {
  background-color: var(--site-surface);
}

/* ============================================================
   v9.5 - Teklif sayfası / Maysan kırmızı tema + PDF yükleme
   ============================================================ */
.quote-hero {
  min-height: 760px;
  padding: 86px 0 104px;
  background:
    linear-gradient(120deg, var(--navy) 0 49.5%, #eef2f6 49.6% 100%);
}
.quote-layout {
  grid-template-columns: minmax(0,1fr) minmax(480px,545px);
  gap: 86px;
  align-items: center;
}
.quote-intro { color: #fff; }
.quote-layout h1 {
  max-width: 620px;
  color: #fff;
  font-size: clamp(50px,5.2vw,72px);
  line-height: 1.01;
}
.quote-layout h1 em { color: #f45d66; }
.quote-layout > .quote-intro > p {
  max-width: 540px;
  margin: 26px 0 0;
  color: rgba(255,255,255,.84);
  font-size: 16px;
  line-height: 1.85;
}
.quote-steps { margin-top: 40px; gap: 12px; }
.quote-steps div { color: rgba(255,255,255,.9); }
.quote-steps span {
  color: #fff;
  border-color: rgba(255,255,255,.34);
  background: rgba(6,30,63,.11);
}
.quote-form {
  padding: 44px 42px 42px;
  border: 1px solid #d7e0e8;
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(6,30,63,.12);
}
.quote-form-heading h2 { margin: 0; font-size: 31px; }
.quote-form-heading p {
  margin: 10px 0 28px;
  color: #718095;
  font-size: 12px;
  line-height: 1.65;
}
.quote-form label { margin-bottom: 17px; }
.quote-form input,
.quote-form textarea {
  border-radius: 7px;
  background: #fff;
}
.quote-file-field > span:first-child {
  color: #314258;
  font-size: 11px;
  font-weight: 800;
}
.quote-file-box {
  min-height: 94px;
  display: grid;
  grid-template-columns: 46px minmax(0,1fr) 190px;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border: 1px dashed #bcc9d6;
  border-radius: 9px;
  background: #f8fafc;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.quote-file-box:focus-within {
  border-color: var(--red);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(210,10,24,.08);
}
.quote-file-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: var(--red);
  background: #fff0f1;
}
.quote-file-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.quote-file-copy { display: grid; gap: 4px; min-width: 0; }
.quote-file-copy strong { color: var(--navy); font-size: 12px; }
.quote-file-copy small { color: #7f8da0; font-size: 10px; font-weight: 650; }
.quote-file-box input[type="file"] {
  margin: 0;
  padding: 7px;
  border: 1px solid #d7e0e8;
  border-radius: 7px;
  background: #fff;
  color: #667489;
  font-size: 10px;
}
.quote-file-box input[type="file"]::file-selector-button {
  margin-right: 8px;
  padding: 8px 10px;
  border: 0;
  border-radius: 5px;
  color: #fff;
  background: var(--red);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.quote-form .primary-btn {
  min-width: 190px;
  border-radius: 7px;
}

@media (max-width: 1080px) {
  .quote-layout { gap: 48px; grid-template-columns: minmax(0,1fr) minmax(430px,500px); }
}
@media (max-width: 900px) {
  .quote-hero {
    padding: 68px 0 78px;
    background: linear-gradient(180deg,var(--navy) 0 43%,#eef2f6 43% 100%);
  }
  .quote-layout { grid-template-columns: 1fr; gap: 58px; }
  .quote-intro { padding-right: 6vw; }
  .quote-layout h1 { font-size: clamp(46px,9vw,68px); }
  .quote-form { width: 100%; max-width: 680px; margin-inline: auto; }
}
@media (max-width: 640px) {
  .quote-hero { padding: 48px 0 62px; background: linear-gradient(180deg,var(--navy) 0 39%,#eef2f6 39% 100%); }
  .quote-layout { gap: 44px; }
  .quote-layout h1 { font-size: clamp(40px,12vw,54px); }
  .quote-layout > .quote-intro > p { font-size: 14px; line-height: 1.7; }
  .quote-steps { margin-top: 30px; }
  .quote-form { padding: 27px 19px 24px; border-radius: 14px; }
  .quote-form-heading h2 { font-size: 26px; }
  .quote-file-box { grid-template-columns: 42px minmax(0,1fr); min-height: 0; }
  .quote-file-icon { width: 42px; height: 42px; }
  .quote-file-box input[type="file"] { grid-column: 1 / -1; width: 100%; }
  .quote-form .primary-btn { width: 100%; }
}


/* v9.8.2 - Ürün Gruplarımız paneli gerçekten aktif edildi */
.portfolio-deck {
  position: relative;
  overflow: hidden;
  padding-block: 108px;
  background:
    radial-gradient(circle at 14% 24%, rgba(161,13,19,.045), transparent 28%),
    linear-gradient(180deg, #f7f9fc 0%, #eef3f8 100%);
}
.portfolio-deck-grid {
  position: absolute;
  inset: 0;
  opacity: .38;
  pointer-events: none;
  background-image: linear-gradient(rgba(8,40,75,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(8,40,75,.038) 1px,transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(90deg,#000,transparent 60%);
}
.portfolio-deck-layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(520px,1.08fr);
  align-items: center;
  gap: clamp(58px,7vw,96px);
}
.portfolio-deck-copy {
  position: relative;
  min-width: 0;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  isolation: isolate;
}
.portfolio-bolt-watermark {
  position: absolute;
  z-index: -1;
  top: 54%;
  left: -4%;
  width: 330px;
  opacity: .09;
  transform: translateY(-50%) rotate(-72deg);
  transform-origin: center;
  pointer-events: none;
  user-select: none;
}
.portfolio-bolt-watermark img {
  display: block;
  width: 100%;
  height: auto;
  filter: grayscale(1) saturate(.2) contrast(.86);
  mix-blend-mode: multiply;
}
.portfolio-deck-copy h2 {
  position: relative;
  z-index: 1;
  max-width: 480px;
  margin: 0;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: clamp(46px,4.2vw,68px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.portfolio-deck-copy h2 em { color: var(--red); font-style: normal; }
.portfolio-deck-text {
  position: relative;
  z-index: 1;
  max-width: 530px;
  margin: 24px 0 0;
  color: #65748a;
  font-size: 16px;
  line-height: 1.8;
}

.portfolio-navigator--groups {
  overflow: hidden;
  border: 1px solid #d8e1ec;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 22px 52px rgba(6,34,76,.12);
}
.portfolio-navigator--groups .portfolio-navigator-head {
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 28px;
  border: 0;
  background: #0b2e69;
}
.portfolio-navigator-title {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 14px;
}
.portfolio-navigator-title-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  color: #e31620;
}
.portfolio-navigator-title-icon svg {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.portfolio-navigator--groups .portfolio-navigator-head strong {
  margin: 0;
  color: #fff;
  font-family: var(--font-display);
  font-size: 23px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.015em;
}
.portfolio-navigator-all {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  border-radius: 11px;
  color: #86adff;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}
.portfolio-navigator-all svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.portfolio-navigator-all:hover,
.portfolio-navigator-all:focus-visible {
  color: #fff;
  background: rgba(255,255,255,.1);
  transform: translateY(-1px);
}
.portfolio-navigator--groups .portfolio-navigator-grid {
  display: grid;
  grid-template-columns: 1fr;
}
.portfolio-navigator--groups .portfolio-navigator-grid a {
  min-height: 102px;
  display: grid;
  grid-template-columns: 58px minmax(0,1fr) 28px;
  align-items: center;
  gap: 20px;
  padding: 17px 28px 17px 32px;
  border-bottom: 1px solid #e3e8ef;
  color: #08295e;
  background: #fff;
  box-shadow: none;
  transition: background .2s ease, padding-left .2s ease;
}
.portfolio-navigator--groups .portfolio-navigator-grid a:last-child { border-bottom: 0; }
.portfolio-navigator--groups .portfolio-product-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  color: #0b2e69;
  background: #f3f6fa;
  box-shadow: none;
  transform: none;
  transition: background .2s ease, transform .2s ease;
}
.portfolio-navigator--groups .portfolio-product-icon img {
  display: block;
  width: 38px;
  height: 38px;
  object-fit: contain;
}
.portfolio-navigator--groups .portfolio-product-icon svg {
  width: 29px;
  height: 29px;
  stroke: #0b2e69;
  stroke-width: 1.9;
}
.portfolio-navigator--groups .portfolio-navigator-grid a > div {
  min-width: 0;
  display: block;
}
.portfolio-navigator--groups .portfolio-navigator-grid a strong {
  display: block;
  margin: 0;
  color: #08295e;
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.015em;
}
.portfolio-navigator--groups .portfolio-navigator-grid a > i {
  display: grid;
  place-items: center;
  width: 28px;
  height: 44px;
  color: #8d9eb2;
  font-family: Arial,sans-serif;
  font-size: 38px;
  font-weight: 300;
  font-style: normal;
  line-height: 1;
  transition: color .2s ease, transform .2s ease;
}
.portfolio-navigator--groups .portfolio-navigator-grid a:hover,
.portfolio-navigator--groups .portfolio-navigator-grid a:focus-visible {
  color: #08295e;
  background: #f8fafc;
  padding-left: 36px;
}
.portfolio-navigator--groups .portfolio-navigator-grid a:hover .portfolio-product-icon,
.portfolio-navigator--groups .portfolio-navigator-grid a:focus-visible .portfolio-product-icon {
  background: #eaf0f8;
  transform: scale(1.04);
}
.portfolio-navigator--groups .portfolio-navigator-grid a:hover > i,
.portfolio-navigator--groups .portfolio-navigator-grid a:focus-visible > i {
  color: #0b2e69;
  transform: translateX(3px);
}

@media (max-width: 1050px) {
  .portfolio-deck-layout { grid-template-columns: 1fr; }
  .portfolio-deck-copy { min-height: 380px; max-width: 720px; }
  .portfolio-deck-copy h2 { max-width: 650px; }
}

@media (max-width: 700px) {
  .portfolio-deck { padding-block: 76px; }
  .portfolio-deck-layout { gap: 46px; }
  .portfolio-deck-copy { min-height: 340px; }
  .portfolio-bolt-watermark { top: 55%; left: -24%; width: 245px; opacity: .09; transform: translateY(-50%) rotate(-70deg); }
  .portfolio-navigator--groups { border-radius: 16px; }
  .portfolio-navigator--groups .portfolio-navigator-head { min-height: 78px; padding: 0 18px; }
  .portfolio-navigator--groups .portfolio-navigator-head strong { font-size: 19px; }
  .portfolio-navigator-title { gap: 11px; }
  .portfolio-navigator-title-icon { width: 25px; height: 25px; flex-basis: 25px; }
  .portfolio-navigator-title-icon svg { width: 24px; height: 24px; }
  .portfolio-navigator-all { width: 38px; height: 38px; flex-basis: 38px; }
  .portfolio-navigator--groups .portfolio-navigator-grid a {
    min-height: 88px;
    grid-template-columns: 50px minmax(0,1fr) 22px;
    gap: 14px;
    padding: 14px 17px;
  }
  .portfolio-navigator--groups .portfolio-product-icon { width: 50px; height: 50px; border-radius: 13px; }
  .portfolio-navigator--groups .portfolio-product-icon img { width: 33px; height: 33px; }
  .portfolio-navigator--groups .portfolio-product-icon svg { width: 26px; height: 26px; }
  .portfolio-navigator--groups .portfolio-navigator-grid a strong { font-size: 15px; }
  .portfolio-navigator--groups .portfolio-navigator-grid a > i { width: 22px; font-size: 31px; }
  .portfolio-navigator--groups .portfolio-navigator-grid a:hover,
  .portfolio-navigator--groups .portfolio-navigator-grid a:focus-visible { padding-left: 20px; }
}


/* v9.8.3 - hızlı ürün resimi başlık ve kutu boyutu düzeltmesi */
.portfolio-navigator--groups .portfolio-navigator-head {
  align-items: center;
}
.portfolio-navigator-title {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.portfolio-navigator-title-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  align-self: center;
}
.portfolio-navigator-title-icon svg {
  width: 24px;
  height: 24px;
}
.portfolio-navigator--groups .portfolio-navigator-head strong {
  font-size: 21px;
  line-height: 1;
  display: inline-block;
}
.portfolio-navigator--groups .portfolio-navigator-grid a {
  grid-template-columns: 50px minmax(0,1fr) 28px;
  gap: 18px;
  min-height: 94px;
}
.portfolio-navigator--groups .portfolio-product-icon {
  width: 50px;
  height: 50px;
  border-radius: 14px;
}
.portfolio-navigator--groups .portfolio-product-icon img {
  width: 30px;
  height: 30px;
}
.portfolio-navigator--groups .portfolio-product-icon svg {
  width: 24px;
  height: 24px;
}

@media (max-width: 700px) {
  .portfolio-navigator-title {
    gap: 10px;
  }
  .portfolio-navigator-title-icon {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
  }
  .portfolio-navigator-title-icon svg {
    width: 22px;
    height: 22px;
  }
  .portfolio-navigator--groups .portfolio-navigator-head strong {
    font-size: 18px;
  }
  .portfolio-navigator--groups .portfolio-navigator-grid a {
    min-height: 82px;
    grid-template-columns: 44px minmax(0,1fr) 22px;
    gap: 12px;
  }
  .portfolio-navigator--groups .portfolio-product-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }
  .portfolio-navigator--groups .portfolio-product-icon img {
    width: 26px;
    height: 26px;
  }
}


/* v9.8.4 - 2. referans tasarıma uygun Hızlı Ürün Erişimi */
.portfolio-navigator--quick-access {
  overflow: hidden;
  border: 1px solid #d7e0e9;
  border-top: 4px solid var(--red);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 24px 58px rgba(5,31,68,.11);
}
.portfolio-navigator--quick-access .quick-access-head {
  min-height: 100px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  padding: 22px 28px 20px;
  border: 0;
  border-bottom: 1px solid #dfe6ee;
  background: linear-gradient(180deg,#fbfcfe 0%,#f7f9fb 100%);
}
.quick-access-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--red);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .18em;
}
.quick-access-kicker-icon {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  flex: 0 0 18px;
  color: var(--red);
}
.quick-access-kicker-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.portfolio-navigator--quick-access .quick-access-head > strong {
  margin: 0;
  color: #071f45;
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.2;
}
.portfolio-navigator--quick-access .quick-access-grid {
  display: grid;
  grid-template-columns: 1fr;
  background: #fff;
}
.portfolio-navigator--quick-access .quick-access-grid a {
  min-height: 100px;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) 24px;
  align-items: center;
  gap: 18px;
  padding: 16px 28px;
  border-bottom: 1px solid #e1e7ee;
  color: #071f45;
  background: #fff;
  box-shadow: none;
  transition: background .2s ease, transform .2s ease;
}
.portfolio-navigator--quick-access .quick-access-grid a:last-child { border-bottom: 0; }
.portfolio-navigator--quick-access .portfolio-product-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(145deg,#e30b16 0%,#bd0710 100%);
  box-shadow: 0 8px 18px rgba(190,8,16,.18);
  transform: none;
}
.portfolio-navigator--quick-access .portfolio-product-icon img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.portfolio-navigator--quick-access .portfolio-product-icon svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: #fff;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.portfolio-navigator--quick-access .quick-access-grid a > div {
  min-width: 0;
  display: grid;
  gap: 5px;
}
.portfolio-navigator--quick-access .quick-access-grid a strong {
  margin: 0;
  color: #061f47;
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
}
.portfolio-navigator--quick-access .quick-access-grid a small {
  display: block;
  max-width: 100%;
  color: #60738a;
  font-size: 9px;
  line-height: 1.55;
}
.portfolio-navigator--quick-access .quick-access-grid a > i {
  color: var(--red);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  transition: transform .2s ease;
}
.portfolio-navigator--quick-access .quick-access-grid a:hover,
.portfolio-navigator--quick-access .quick-access-grid a:focus-visible {
  background: #fbfcfe;
  transform: translateX(2px);
}
.portfolio-navigator--quick-access .quick-access-grid a:hover > i,
.portfolio-navigator--quick-access .quick-access-grid a:focus-visible > i {
  transform: translate(2px,-2px);
}
.portfolio-navigator--quick-access .quick-access-footer {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 28px;
  color: #fff;
  background: linear-gradient(90deg,#e10b15 0%,#be0710 100%);
  font-size: 11px;
  font-weight: 800;
}
.portfolio-navigator--quick-access .quick-access-footer:hover,
.portfolio-navigator--quick-access .quick-access-footer:focus-visible {
  background: linear-gradient(90deg,#c80912 0%,#a9050d 100%);
}
.portfolio-navigator--quick-access .quick-access-footer b {
  font-size: 18px;
  font-weight: 700;
}

@media (max-width: 700px) {
  .portfolio-navigator--quick-access { border-radius: 16px; }
  .portfolio-navigator--quick-access .quick-access-head {
    min-height: 88px;
    padding: 18px 20px 17px;
    gap: 8px;
  }
  .quick-access-kicker { font-size: 8px; letter-spacing: .15em; }
  .quick-access-kicker-icon { width: 16px; height: 16px; flex-basis: 16px; }
  .quick-access-kicker-icon svg { width: 16px; height: 16px; }
  .portfolio-navigator--quick-access .quick-access-head > strong { font-size: 17px; }
  .portfolio-navigator--quick-access .quick-access-grid a {
    min-height: 92px;
    grid-template-columns: 44px minmax(0,1fr) 20px;
    gap: 14px;
    padding: 14px 18px;
  }
  .portfolio-navigator--quick-access .portfolio-product-icon {
    width: 44px;
    height: 44px;
    border-radius: 11px;
  }
  .portfolio-navigator--quick-access .portfolio-product-icon img { width: 27px; height: 27px; }
  .portfolio-navigator--quick-access .quick-access-grid a strong { font-size: 13px; }
  .portfolio-navigator--quick-access .quick-access-grid a small { font-size: 8.5px; line-height: 1.5; }
  .portfolio-navigator--quick-access .quick-access-footer { min-height: 64px; padding: 0 20px; font-size: 10px; }
}


/* v9.8.5 - Hızlı Ürün Erişimi sade ve güçlü görünüm */
.portfolio-navigator--quick-access .quick-access-head {
  min-height: 104px;
  gap: 7px;
  padding: 22px 30px 20px;
}
.quick-access-kicker {
  display: block;
  color: var(--red);
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: .08em;
}
.quick-access-kicker-icon { display: none !important; }
.portfolio-navigator--quick-access .quick-access-head > strong {
  font-size: 19px;
}
.portfolio-navigator--quick-access .quick-access-grid a {
  min-height: 92px;
  grid-template-columns: 58px minmax(0,1fr) 34px;
  gap: 20px;
  padding: 15px 28px;
}
.portfolio-navigator--quick-access .portfolio-product-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
}
.portfolio-navigator--quick-access .portfolio-product-icon img {
  width: 36px;
  height: 36px;
}
.portfolio-navigator--quick-access .portfolio-product-icon svg {
  width: 30px;
  height: 30px;
}
.portfolio-navigator--quick-access .quick-access-grid a > div {
  display: block;
}
.portfolio-navigator--quick-access .quick-access-grid a strong {
  font-size: 16px;
  line-height: 1.2;
}
.portfolio-navigator--quick-access .quick-access-grid a small {
  display: none !important;
}
.portfolio-navigator--quick-access .quick-access-grid a > i {
  width: 34px;
  height: 48px;
  display: grid;
  place-items: center;
  justify-self: end;
  color: #91a3b6;
  font-family: Arial, sans-serif;
  font-size: 38px;
  font-weight: 300;
  font-style: normal;
  line-height: 1;
  transition: color .2s ease, transform .2s ease;
}
.portfolio-navigator--quick-access .quick-access-grid a:hover > i,
.portfolio-navigator--quick-access .quick-access-grid a:focus-visible > i {
  color: #6f8298;
  transform: translateX(3px);
}

@media (max-width: 700px) {
  .portfolio-navigator--quick-access .quick-access-head {
    min-height: 94px;
    padding: 18px 20px 17px;
    gap: 6px;
  }
  .quick-access-kicker {
    font-size: 13px;
    letter-spacing: .07em;
  }
  .portfolio-navigator--quick-access .quick-access-head > strong {
    font-size: 16px;
  }
  .portfolio-navigator--quick-access .quick-access-grid a {
    min-height: 82px;
    grid-template-columns: 50px minmax(0,1fr) 26px;
    gap: 14px;
    padding: 13px 18px;
  }
  .portfolio-navigator--quick-access .portfolio-product-icon {
    width: 50px;
    height: 50px;
    border-radius: 12px;
  }
  .portfolio-navigator--quick-access .portfolio-product-icon img {
    width: 32px;
    height: 32px;
  }
  .portfolio-navigator--quick-access .quick-access-grid a strong {
    font-size: 14px;
  }
  .portfolio-navigator--quick-access .quick-access-grid a > i {
    width: 26px;
    height: 42px;
    font-size: 32px;
  }
}


/* v9.8.6 - ikonlar yenilendi ve kısa açıklamalar geri geldi */
.portfolio-navigator--quick-access .quick-access-head {
  min-height: 112px;
  padding: 24px 30px 22px;
}
.quick-access-kicker {
  font-size: 16px;
  letter-spacing: .12em;
}
.portfolio-navigator--quick-access .quick-access-head > strong {
  font-size: 20px;
}
.portfolio-navigator--quick-access .quick-access-grid a {
  min-height: 104px;
  grid-template-columns: 64px minmax(0,1fr) 34px;
  gap: 18px;
  padding: 18px 28px;
}
.portfolio-navigator--quick-access .portfolio-product-icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(225,11,21,.18);
}
.portfolio-navigator--quick-access .portfolio-product-icon svg,
.portfolio-navigator--quick-access .portfolio-product-icon img {
  width: 34px;
  height: 34px;
}
.portfolio-navigator--quick-access .quick-access-grid a > div {
  display: block;
  min-width: 0;
}
.portfolio-navigator--quick-access .quick-access-grid a strong {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1.2;
}
.portfolio-navigator--quick-access .quick-access-grid a small {
  display: block !important;
  color: #5b6f88;
  font-size: 11px;
  line-height: 1.55;
}
.portfolio-navigator--quick-access .quick-access-grid a > i {
  color: #9aabbd;
  font-size: 40px;
}
@media (max-width: 700px) {
  .portfolio-navigator--quick-access .quick-access-head {
    min-height: 98px;
    padding: 18px 20px 17px;
  }
  .quick-access-kicker {
    font-size: 13px;
    letter-spacing: .1em;
  }
  .portfolio-navigator--quick-access .quick-access-head > strong {
    font-size: 16px;
  }
  .portfolio-navigator--quick-access .quick-access-grid a {
    min-height: 92px;
    grid-template-columns: 52px minmax(0,1fr) 24px;
    gap: 13px;
    padding: 14px 18px;
  }
  .portfolio-navigator--quick-access .portfolio-product-icon {
    width: 52px;
    height: 52px;
    border-radius: 13px;
  }
  .portfolio-navigator--quick-access .portfolio-product-icon svg,
  .portfolio-navigator--quick-access .portfolio-product-icon img {
    width: 28px;
    height: 28px;
  }
  .portfolio-navigator--quick-access .quick-access-grid a strong {
    margin-bottom: 4px;
    font-size: 14px;
  }
  .portfolio-navigator--quick-access .quick-access-grid a small {
    font-size: 9px;
    line-height: 1.45;
  }
  .portfolio-navigator--quick-access .quick-access-grid a > i {
    font-size: 31px;
  }
}


/* v9.8.7 - ikonlar kullanıcı referansına daha yakın hale getirildi */
.portfolio-navigator--quick-access .portfolio-product-icon {
  width: 60px;
  height: 60px;
  border-radius: 16px;
}
.portfolio-navigator--quick-access .portfolio-product-icon svg {
  width: 32px;
  height: 32px;
  display: block;
}
.portfolio-navigator--quick-access .portfolio-product-icon img {
  width: 32px;
  height: 32px;
  display: block;
}
@media (max-width: 700px) {
  .portfolio-navigator--quick-access .portfolio-product-icon {
    width: 50px;
    height: 50px;
    border-radius: 13px;
  }
  .portfolio-navigator--quick-access .portfolio-product-icon svg,
  .portfolio-navigator--quick-access .portfolio-product-icon img {
    width: 28px;
    height: 28px;
  }
}


/* v9.8.8 - ikonlar daha belirgin hale getirildi */
.portfolio-navigator--quick-access .portfolio-product-icon {
  width: 62px;
  height: 62px;
  border-radius: 16px;
  box-shadow: 0 12px 24px rgba(225,11,21,.24);
}
.portfolio-navigator--quick-access .portfolio-product-icon svg,
.portfolio-navigator--quick-access .portfolio-product-icon img {
  width: 38px;
  height: 38px;
}
.portfolio-navigator--quick-access .quick-access-grid a {
  grid-template-columns: 62px minmax(0,1fr) 34px;
}
@media (max-width: 700px) {
  .portfolio-navigator--quick-access .portfolio-product-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
  }
  .portfolio-navigator--quick-access .portfolio-product-icon svg,
  .portfolio-navigator--quick-access .portfolio-product-icon img {
    width: 32px;
    height: 32px;
  }
  .portfolio-navigator--quick-access .quick-access-grid a {
    grid-template-columns: 54px minmax(0,1fr) 24px;
  }
}


/* v9.8.9 - kullanıcı tarafından gönderilen ikonlar birebir kullanıldı */
.portfolio-navigator--quick-access .portfolio-product-icon {
  width: 64px !important;
  height: 64px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.portfolio-navigator--quick-access .portfolio-product-icon img {
  display: block !important;
  width: 64px !important;
  height: 64px !important;
  object-fit: contain !important;
  padding: 0 !important;
  filter: none !important;
}
.portfolio-navigator--quick-access .quick-access-grid a {
  grid-template-columns: 64px minmax(0,1fr) 34px !important;
}
.portfolio-navigator--quick-access .quick-access-grid a:hover .portfolio-product-icon,
.portfolio-navigator--quick-access .quick-access-grid a:focus-visible .portfolio-product-icon {
  background: transparent !important;
  box-shadow: none !important;
  transform: scale(1.03) !important;
}
@media (max-width: 700px) {
  .portfolio-navigator--quick-access .portfolio-product-icon {
    width: 56px !important;
    height: 56px !important;
  }
  .portfolio-navigator--quick-access .portfolio-product-icon img {
    width: 56px !important;
    height: 56px !important;
  }
  .portfolio-navigator--quick-access .quick-access-grid a {
    grid-template-columns: 56px minmax(0,1fr) 24px !important;
  }
}


/* v9.9.1 - Teknik çizim ikonları kod ile kırmızı kutuya yerleştirildi */
.portfolio-navigator--quick-access .portfolio-product-icon {
  width: 64px !important;
  height: 64px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #ed101b 0%, #d40711 55%, #bd0610 100%) !important;
  box-shadow: 0 10px 22px rgba(210, 7, 17, .20) !important;
}
.portfolio-navigator--quick-access .portfolio-product-icon img {
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
  padding: 0 !important;
  margin: 0 !important;
  filter: none !important;
  opacity: 1 !important;
}
.portfolio-navigator--quick-access .quick-access-grid a {
  grid-template-columns: 64px minmax(0,1fr) 34px !important;
  gap: 18px !important;
}
.portfolio-navigator--quick-access .quick-access-grid a:hover .portfolio-product-icon,
.portfolio-navigator--quick-access .quick-access-grid a:focus-visible .portfolio-product-icon {
  background: linear-gradient(145deg, #f01420 0%, #cf0711 58%, #ad050d 100%) !important;
  box-shadow: 0 13px 26px rgba(210, 7, 17, .27) !important;
  transform: translateY(-1px) scale(1.025) !important;
}
@media (max-width: 700px) {
  .portfolio-navigator--quick-access .portfolio-product-icon {
    width: 56px !important;
    height: 56px !important;
    border-radius: 14px !important;
  }
  .portfolio-navigator--quick-access .portfolio-product-icon img {
    width: 40px !important;
    height: 40px !important;
  }
  .portfolio-navigator--quick-access .quick-access-grid a {
    grid-template-columns: 56px minmax(0,1fr) 24px !important;
    gap: 14px !important;
  }
}


/* v9.9.2 - Hızlı Ürün Erişimi ikon netliği artırıldı */
.portfolio-navigator--quick-access .portfolio-product-icon {
  width: 64px !important;
  height: 64px !important;
  border-radius: 15px !important;
  background: #df0712 !important;
  box-shadow: 0 9px 20px rgba(199, 4, 15, .19) !important;
}
.portfolio-navigator--quick-access .portfolio-product-icon img {
  width: 52px !important;
  height: 52px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 .35px rgba(255,255,255,.95)) !important;
}
.portfolio-navigator--quick-access .quick-access-grid a:hover .portfolio-product-icon,
.portfolio-navigator--quick-access .quick-access-grid a:focus-visible .portfolio-product-icon {
  background: #c90812 !important;
  box-shadow: 0 12px 24px rgba(199,4,15,.24) !important;
}
@media (max-width: 700px) {
  .portfolio-navigator--quick-access .portfolio-product-icon {
    width: 56px !important;
    height: 56px !important;
    border-radius: 13px !important;
  }
  .portfolio-navigator--quick-access .portfolio-product-icon img {
    width: 46px !important;
    height: 46px !important;
  }
}


/* v9.9.4 - Sipariş süreci: sol içerik + 2x2 kartlı premium düzen */
.process-showcase {
  position: relative;
  overflow: hidden;
  padding-block: clamp(82px, 8vw, 126px);
  background:
    radial-gradient(circle at 4% 12%, rgba(161,13,19,.055), transparent 28%),
    linear-gradient(180deg, #f7f9fc 0%, #eef3f8 100%);
}
.process-showcase::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background-image:
    linear-gradient(rgba(9,43,82,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(9,43,82,.04) 1px, transparent 1px);
  background-size: 62px 62px;
  mask-image: linear-gradient(90deg, #000, transparent 72%);
}
.process-showcase-layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(330px,.82fr) minmax(0,1.18fr);
  gap: clamp(42px,6vw,86px);
  align-items: stretch;
}
.process-showcase-intro {
  position: relative;
  overflow: hidden;
  min-height: 480px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(38px,4.6vw,64px);
  border-radius: 24px;
  color: #fff;
  background: linear-gradient(145deg, #092b5e 0%, #0b326b 54%, #0a2857 100%);
  box-shadow: 0 30px 62px rgba(5,31,66,.17);
}
.process-showcase-intro::before {
  content: '';
  position: absolute;
  top: -76px;
  right: -68px;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 50%;
  box-shadow: 0 0 0 38px rgba(255,255,255,.025),0 0 0 76px rgba(255,255,255,.018);
}
.process-showcase-intro::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 6px;
  height: 42%;
  border-radius: 0 8px 0 0;
  background: var(--red);
}
.process-showcase-eyebrow {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 22px;
  color: #ff5961;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.process-showcase-eyebrow span {
  width: 34px;
  height: 2px;
  background: var(--red);
}
.process-showcase-intro h2 {
  position: relative;
  z-index: 1;
  max-width: 490px;
  margin: 0;
  color: #fff;
  font-family: var(--font-display);
  font-size: clamp(38px,4.2vw,58px);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -.045em;
}
.process-showcase-copy {
  position: relative;
  z-index: 1;
  max-width: 510px;
  margin: 24px 0 0;
  color: #b9c9dc;
  font-size: 15px;
  line-height: 1.85;
}
.process-showcase-button {
  position: relative;
  z-index: 1;
  width: fit-content;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-top: 34px;
  padding: 0 22px;
  border-radius: 9px;
  color: #fff;
  background: var(--red);
  font-size: 12px;
  font-weight: 850;
  box-shadow: 0 14px 28px rgba(161,13,19,.27);
  transition: transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.process-showcase-button span { font-size: 17px; }
.process-showcase-button:hover,
.process-showcase-button:focus-visible {
  color: #fff;
  background: var(--red-dark);
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(161,13,19,.33);
}
.process-showcase-steps {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
}
.process-step-card {
  position: relative;
  min-height: 230px;
  display: flex;
  flex-direction: column;
  padding: 28px 28px 30px;
  border: 1px solid #dce4ed;
  border-radius: 18px;
  background: rgba(255,255,255,.91);
  box-shadow: 0 14px 34px rgba(7,37,72,.055);
  transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.process-step-card::after {
  content: '';
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 0;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: transparent;
  transition: background .22s ease;
}
.process-step-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 32px;
}
.process-step-meta span {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  flex: 0 0 54px;
  border: 1px solid #cdd9e5;
  border-radius: 50%;
  color: var(--navy);
  background: #fff;
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 850;
  box-shadow: 0 8px 20px rgba(7,37,72,.05);
  transition: color .22s ease,border-color .22s ease,background .22s ease;
}
.process-step-meta i {
  width: 38px;
  height: 2px;
  border-radius: 2px;
  background: var(--red);
}
.process-step-card h3 {
  margin: 0 0 12px;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.02em;
}
.process-step-card p {
  max-width: 330px;
  margin: 0;
  color: #65768b;
  font-size: 12px;
  line-height: 1.75;
}
@media (hover:hover) and (pointer:fine) {
  .process-step-card:hover {
    border-color: #ccd9e6;
    background: #fff;
    transform: translateY(-5px);
    box-shadow: 0 22px 44px rgba(7,37,72,.095);
  }
  .process-step-card:hover::after { background: var(--red); }
  .process-step-card:hover .process-step-meta span {
    color: #fff;
    border-color: var(--red);
    background: var(--red);
  }
}
@media (max-width: 980px) {
  .process-showcase-layout { grid-template-columns: 1fr; }
  .process-showcase-intro { min-height: 380px; }
  .process-showcase-intro h2 { max-width: 620px; }
}
@media (max-width: 640px) {
  .process-showcase { padding-block: 68px; }
  .process-showcase-layout { gap: 24px; }
  .process-showcase-intro {
    min-height: 0;
    padding: 34px 26px 36px;
    border-radius: 18px;
  }
  .process-showcase-intro h2 { font-size: 36px; }
  .process-showcase-copy { margin-top: 18px; font-size: 14px; }
  .process-showcase-button { margin-top: 26px; }
  .process-showcase-steps { grid-template-columns: 1fr; gap: 12px; }
  .process-step-card { min-height: 0; padding: 23px 22px 25px; border-radius: 15px; }
  .process-step-meta { margin-bottom: 22px; }
  .process-step-meta span { width: 48px; height: 48px; flex-basis: 48px; font-size: 13px; }
  .process-step-card h3 { font-size: 17px; }
  .process-step-card p { font-size: 11px; }
}

/* v9.9.5 - SSS: Sipariş Süreci ile uyumlu kartlı düzen */
.faq-showcase {
  position: relative;
  overflow: hidden;
  padding-block: clamp(82px, 8vw, 126px);
  background:
    radial-gradient(circle at 96% 86%, rgba(161,13,19,.05), transparent 28%),
    linear-gradient(180deg, #fff 0%, #f4f7fa 100%);
}
.faq-showcase::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .24;
  background-image:
    linear-gradient(rgba(9,43,82,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(9,43,82,.04) 1px, transparent 1px);
  background-size: 62px 62px;
  mask-image: linear-gradient(270deg, #000, transparent 72%);
}
.faq-showcase-layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(330px,.82fr) minmax(0,1.18fr);
  gap: clamp(42px,6vw,86px);
  align-items: stretch;
}
.faq-showcase-intro {
  position: relative;
  overflow: hidden;
  min-height: 480px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(38px,4.6vw,64px);
  border-radius: 24px;
  color: #fff;
  background: linear-gradient(145deg, #092b5e 0%, #0b326b 54%, #0a2857 100%);
  box-shadow: 0 30px 62px rgba(5,31,66,.17);
}
.faq-showcase-intro::before {
  content: '?';
  position: absolute;
  right: -16px;
  bottom: -90px;
  color: rgba(255,255,255,.035);
  font-family: var(--font-display);
  font-size: 330px;
  font-weight: 900;
  line-height: 1;
}
.faq-showcase-intro::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 6px;
  height: 42%;
  border-radius: 0 8px 0 0;
  background: var(--red);
}
.faq-showcase-eyebrow {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 22px;
  color: #ff5961;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.faq-showcase-eyebrow span {
  width: 34px;
  height: 2px;
  background: var(--red);
}
.faq-showcase-intro h2 {
  position: relative;
  z-index: 1;
  max-width: 490px;
  margin: 0;
  color: #fff;
  font-family: var(--font-display);
  font-size: clamp(38px,4.2vw,58px);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -.045em;
}
.faq-showcase-copy {
  position: relative;
  z-index: 1;
  max-width: 510px;
  margin: 24px 0 0;
  color: #b9c9dc;
  font-size: 15px;
  line-height: 1.85;
}
.faq-showcase-count {
  position: relative;
  z-index: 1;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 34px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.16);
}
.faq-showcase-count strong {
  color: #fff;
  font-family: var(--font-display);
  font-size: 29px;
  line-height: 1;
}
.faq-showcase-count span {
  color: #91aac5;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.45;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.faq-card-list {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
  align-content: stretch;
}
.faq-card {
  position: relative;
  min-height: 230px;
  overflow: hidden;
  border: 1px solid #dce4ed;
  border-radius: 18px;
  background: rgba(255,255,255,.93);
  box-shadow: 0 14px 34px rgba(7,37,72,.055);
  transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.faq-card::after {
  content: '';
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 0;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: transparent;
  transition: background .22s ease;
}
.faq-card[open] {
  border-color: #ccd9e6;
  background: #fff;
  box-shadow: 0 20px 42px rgba(7,37,72,.085);
}
.faq-card[open]::after { background: var(--red); }
.faq-card summary {
  min-height: 114px;
  display: grid;
  grid-template-columns: 54px minmax(0,1fr) 32px;
  align-items: center;
  gap: 14px;
  padding: 25px 24px;
  color: var(--navy);
  cursor: pointer;
  list-style: none;
}
.faq-card summary::-webkit-details-marker { display: none; }
.faq-card-number {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border: 1px solid #cdd9e5;
  border-radius: 50%;
  color: var(--navy);
  background: #fff;
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 850;
  box-shadow: 0 8px 20px rgba(7,37,72,.05);
  transition: color .22s ease,border-color .22s ease,background .22s ease;
}
.faq-card-question {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -.02em;
}
.faq-card-toggle {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--red);
  background: rgba(161,13,19,.07);
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  transition: color .22s ease,background .22s ease,transform .22s ease;
}
.faq-card[open] .faq-card-number {
  color: #fff;
  border-color: var(--red);
  background: var(--red);
}
.faq-card[open] .faq-card-toggle {
  color: #fff;
  background: var(--red);
  transform: rotate(45deg);
}
.faq-card-answer {
  padding: 0 26px 30px 92px;
}
.faq-card-answer p {
  margin: 0;
  color: #65768b;
  font-size: 12px;
  line-height: 1.75;
}
@media (hover:hover) and (pointer:fine) {
  .faq-card:hover {
    border-color: #ccd9e6;
    background: #fff;
    transform: translateY(-5px);
    box-shadow: 0 22px 44px rgba(7,37,72,.095);
  }
}
@media (max-width: 980px) {
  .faq-showcase-layout { grid-template-columns: 1fr; }
  .faq-showcase-intro { min-height: 380px; }
  .faq-showcase-intro h2 { max-width: 620px; }
}
@media (max-width: 640px) {
  .faq-showcase { padding-block: 68px; }
  .faq-showcase-layout { gap: 24px; }
  .faq-showcase-intro {
    min-height: 0;
    padding: 34px 26px 36px;
    border-radius: 18px;
  }
  .faq-showcase-intro h2 { font-size: 36px; }
  .faq-showcase-copy { margin-top: 18px; font-size: 14px; }
  .faq-showcase-count { margin-top: 26px; }
  .faq-card-list { grid-template-columns: 1fr; gap: 12px; }
  .faq-card { min-height: 0; border-radius: 15px; }
  .faq-card summary {
    min-height: 98px;
    grid-template-columns: 48px minmax(0,1fr) 30px;
    gap: 12px;
    padding: 21px 18px;
  }
  .faq-card-number { width: 48px; height: 48px; font-size: 13px; }
  .faq-card-question { font-size: 15px; }
  .faq-card-answer { padding: 0 20px 25px 78px; }
  .faq-card-answer p { font-size: 11px; }
}

/* v9.9.6 - Maysan'a özgü yatay bilgi merkezi düzeni */
.faq-knowledge {
  position: relative;
  overflow: hidden;
  padding-block: clamp(86px, 8vw, 124px);
  background: #fff;
}
.faq-knowledge::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: min(46vw, 720px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(161,13,19,.32));
}
.faq-knowledge-head {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr);
  gap: clamp(42px,7vw,110px);
  align-items: end;
  margin-bottom: clamp(48px,6vw,76px);
  padding-bottom: clamp(34px,4vw,48px);
  border-bottom: 1px solid #dce4ed;
}
.faq-knowledge-eyebrow {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0 0 20px;
  color: var(--red);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.faq-knowledge-eyebrow span {
  width: 36px;
  height: 2px;
  background: var(--red);
}
.faq-knowledge-head h2 {
  max-width: 690px;
  margin: 0;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: clamp(38px,4.5vw,62px);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -.045em;
}
.faq-knowledge-head > p {
  max-width: 510px;
  margin: 0 0 5px;
  color: #65768b;
  font-size: 15px;
  line-height: 1.85;
}
.faq-knowledge-layout {
  display: grid;
  grid-template-columns: minmax(245px,300px) minmax(0,1fr);
  gap: clamp(30px,5vw,72px);
  align-items: start;
}
.faq-guidance {
  position: relative;
  overflow: hidden;
  padding: 30px 28px 28px;
  border: 1px solid #e0e6ed;
  border-top: 4px solid var(--red);
  border-radius: 0 0 18px 18px;
  background: linear-gradient(180deg,#fafbfd 0%,#f3f6f9 100%);
}
.faq-guidance::after {
  content: 'M';
  position: absolute;
  right: -5px;
  bottom: -40px;
  color: rgba(9,43,82,.025);
  font-family: var(--font-display);
  font-size: 180px;
  font-weight: 900;
  line-height: 1;
  pointer-events: none;
}
.faq-guidance-label {
  margin: 0 0 15px;
  color: var(--red);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.faq-guidance h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.18;
  letter-spacing: -.03em;
}
.faq-guidance > p:not(.faq-guidance-label) {
  position: relative;
  z-index: 1;
  margin: 17px 0 24px;
  color: #718096;
  font-size: 12px;
  line-height: 1.7;
}
.faq-guidance ul {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #d9e1e9;
}
.faq-guidance li {
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  gap: 9px;
  min-height: 45px;
  border-bottom: 1px solid #d9e1e9;
  color: #334b67;
  font-size: 11px;
  font-weight: 750;
}
.faq-guidance li span {
  color: var(--red);
  font-family: var(--font-display);
  font-size: 9px;
  font-weight: 850;
}
.faq-guidance a {
  position: relative;
  z-index: 1;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 24px;
  padding: 0 16px;
  border-radius: 8px;
  color: #fff;
  background: var(--navy);
  font-size: 11px;
  font-weight: 800;
  transition: background .2s ease,transform .2s ease;
}
.faq-guidance a span { color: #ff6971; font-size: 16px; }
.faq-guidance a:hover,
.faq-guidance a:focus-visible {
  color: #fff;
  background: var(--red);
  transform: translateY(-2px);
}
.faq-guidance a:hover span,
.faq-guidance a:focus-visible span { color: #fff; }
.faq-knowledge-list {
  border-top: 1px solid #cfd9e4;
}
.faq-knowledge-item {
  position: relative;
  border-bottom: 1px solid #cfd9e4;
  background: #fff;
  transition: background .2s ease,box-shadow .2s ease;
}
.faq-knowledge-item::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: transparent;
  transition: background .2s ease;
}
.faq-knowledge-item[open] {
  background: #f8fafc;
  box-shadow: inset 0 1px rgba(255,255,255,.8);
}
.faq-knowledge-item[open]::before { background: var(--red); }
.faq-knowledge-item summary {
  min-height: 104px;
  display: grid;
  grid-template-columns: 58px minmax(0,1fr) 42px;
  align-items: center;
  gap: 18px;
  padding: 22px 22px 22px 28px;
  cursor: pointer;
  list-style: none;
}
.faq-knowledge-item summary::-webkit-details-marker { display: none; }
.faq-knowledge-number {
  color: var(--red);
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
}
.faq-knowledge-question {
  color: var(--navy);
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -.025em;
}
.faq-knowledge-toggle {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  justify-self: end;
  border: 1px solid #cfd9e4;
  border-radius: 8px;
  color: var(--navy);
  background: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  transition: color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease;
}
.faq-knowledge-item[open] .faq-knowledge-toggle {
  color: #fff;
  border-color: var(--red);
  background: var(--red);
  transform: rotate(45deg);
}
.faq-knowledge-answer {
  padding: 0 86px 30px 104px;
}
.faq-knowledge-answer p {
  max-width: 690px;
  margin: 0;
  color: #65768b;
  font-size: 13px;
  line-height: 1.8;
}
@media (hover:hover) and (pointer:fine) {
  .faq-knowledge-item:not([open]):hover { background: #fbfcfd; }
  .faq-knowledge-item:not([open]):hover .faq-knowledge-toggle {
    color: var(--red);
    border-color: rgba(161,13,19,.35);
  }
}
@media (max-width: 900px) {
  .faq-knowledge-head { grid-template-columns: 1fr; gap: 22px; }
  .faq-knowledge-head > p { max-width: 680px; }
  .faq-knowledge-layout { grid-template-columns: 1fr; }
  .faq-guidance {
    display: grid;
    grid-template-columns: minmax(190px,.85fr) minmax(260px,1.15fr);
    column-gap: 34px;
    align-items: start;
  }
  .faq-guidance-label,
  .faq-guidance h3,
  .faq-guidance > p:not(.faq-guidance-label),
  .faq-guidance a { grid-column: 1; }
  .faq-guidance ul { grid-column: 2; grid-row: 1 / span 4; }
}
@media (max-width: 640px) {
  .faq-knowledge { padding-block: 68px; }
  .faq-knowledge-head { margin-bottom: 34px; padding-bottom: 30px; }
  .faq-knowledge-head h2 { font-size: 36px; }
  .faq-knowledge-head > p { font-size: 14px; }
  .faq-knowledge-layout { gap: 28px; }
  .faq-guidance { display: block; padding: 26px 22px 24px; }
  .faq-knowledge-item summary {
    min-height: 92px;
    grid-template-columns: 34px minmax(0,1fr) 36px;
    gap: 10px;
    padding: 18px 12px 18px 16px;
  }
  .faq-knowledge-question { font-size: 15px; }
  .faq-knowledge-toggle { width: 34px; height: 34px; border-radius: 7px; font-size: 18px; }
  .faq-knowledge-answer { padding: 0 18px 25px 50px; }
  .faq-knowledge-answer p { font-size: 12px; }
}

/* v9.9.8 - SSS küçük başlıklarını h3-h4 ölçeğinde özgün vurguya dönüştürme */
.faq-knowledge-eyebrow {
  width: fit-content;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 24px;
  padding: 10px 17px 10px 14px;
  border-left: 4px solid var(--red);
  border-radius: 0 10px 10px 0;
  color: var(--red);
  background: linear-gradient(90deg,rgba(161,13,19,.1),rgba(161,13,19,.035));
  font-family: var(--font-display);
  font-size: clamp(15px,1.25vw,18px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.01em;
  text-transform: none;
}
.faq-knowledge-eyebrow span {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: var(--red);
  box-shadow: 0 0 0 5px rgba(161,13,19,.09);
}
.faq-guidance {
  overflow: visible;
  margin-top: 18px;
  padding-top: 44px;
  border-top: 1px solid #e0e6ed;
  border-radius: 18px;
}
.faq-guidance-label {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 24px;
  width: fit-content;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 8px 15px;
  border-radius: 8px;
  color: #fff;
  background: var(--red);
  box-shadow: 0 10px 22px rgba(161,13,19,.22);
  font-family: var(--font-display);
  font-size: clamp(14px,1.05vw,16px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .01em;
  text-transform: none;
  transform: translateY(-50%);
}
@media (max-width: 640px) {
  .faq-knowledge-eyebrow {
    min-height: 40px;
    margin-bottom: 20px;
    padding: 9px 14px 9px 12px;
    font-size: 15px;
  }
  .faq-guidance { margin-top: 16px; padding-top: 40px; }
  .faq-guidance-label { left: 20px; min-height: 36px; font-size: 14px; }
}

/* v9.9.10 - Yalnızca açılan SSS cevap metinlerini büyütme */
.faq-knowledge-answer p {
  font-size: 15px;
}
@media (max-width: 640px) {
  .faq-knowledge-answer p { font-size: 14px; }
}

/* v9.9.11 - Sol kart kaldırıldı; sade ve premium tam genişlik SSS */
.faq-knowledge {
  padding-block: clamp(88px,8vw,128px);
  background: #fff;
}
.faq-knowledge::before { display: none; }
.faq-knowledge-head {
  max-width: 1120px;
  grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr);
  gap: clamp(46px,7vw,108px);
  margin: 0 auto clamp(44px,5vw,64px);
  padding-bottom: 0;
  border-bottom: 0;
}
.faq-knowledge-eyebrow {
  min-height: 0;
  gap: 13px;
  margin: 0 0 22px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 16px;
  letter-spacing: .01em;
}
.faq-knowledge-eyebrow span {
  width: 40px;
  height: 2px;
  flex-basis: 40px;
  border-radius: 0;
  box-shadow: none;
}
.faq-knowledge-list {
  max-width: 1120px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #d9e2eb;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(5,31,66,.075);
}
.faq-knowledge-item {
  border-bottom: 1px solid #dfe6ed;
  background: #fff;
}
.faq-knowledge-item:last-child { border-bottom: 0; }
.faq-knowledge-item::before {
  width: 4px;
  background: transparent;
}
.faq-knowledge-item[open] {
  background: linear-gradient(90deg,rgba(161,13,19,.035),#f8fafc 28%,#f8fafc 100%);
  box-shadow: none;
}
.faq-knowledge-item summary {
  min-height: 108px;
  grid-template-columns: 64px minmax(0,1fr) 44px;
  gap: 20px;
  padding: 27px 32px;
}
.faq-knowledge-number {
  color: #a10d13;
  font-size: 12px;
}
.faq-knowledge-question {
  font-size: 19px;
  line-height: 1.4;
}
.faq-knowledge-toggle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 21px;
}
.faq-knowledge-answer {
  padding: 0 96px 34px 116px;
}
.faq-knowledge-answer p {
  max-width: 800px;
  line-height: 1.9;
}
@media (hover:hover) and (pointer:fine) {
  .faq-knowledge-item:not([open]):hover { background: #fafbfd; }
}
@media (max-width: 900px) {
  .faq-knowledge-head { grid-template-columns: 1fr; gap: 22px; }
}
@media (max-width: 640px) {
  .faq-knowledge { padding-block: 68px; }
  .faq-knowledge-head { margin-bottom: 32px; }
  .faq-knowledge-eyebrow { margin-bottom: 18px; font-size: 15px; }
  .faq-knowledge-eyebrow span { width: 30px; flex-basis: 30px; }
  .faq-knowledge-list { border-radius: 14px; }
  .faq-knowledge-item summary {
    min-height: 92px;
    grid-template-columns: 32px minmax(0,1fr) 36px;
    gap: 10px;
    padding: 20px 16px;
  }
  .faq-knowledge-question { font-size: 16px; }
  .faq-knowledge-toggle { width: 36px; height: 36px; font-size: 18px; }
  .faq-knowledge-answer { padding: 0 20px 26px 58px; }
}


/* v9.9.13 - Tek video slider premium metin ve görünürlük dengesi */
.corporate-hero.is-single-slide .corporate-slide-inner {
  padding-bottom: 58px;
}
.corporate-hero.is-single-slide .corporate-slide-copy {
  width: min(680px, 58%);
}
.corporate-hero.is-single-slide .corporate-hero-video {
  object-position: 58% center;
  transform: scale(1.012);
}
.corporate-hero.is-single-slide .corporate-hero-shade {
  background:
    radial-gradient(circle at 78% 48%, rgba(3,20,42,.08) 0%, rgba(3,20,42,.14) 25%, rgba(3,20,42,.30) 48%, transparent 67%),
    linear-gradient(90deg, rgba(2,17,36,.97) 0%, rgba(3,24,49,.88) 34%, rgba(3,24,49,.46) 57%, rgba(3,20,42,.08) 82%),
    linear-gradient(0deg, rgba(1,13,29,.55) 0%, transparent 40%);
}
.corporate-hero.is-single-slide .corporate-hero-shade::after {
  opacity: .12;
  mask-image: linear-gradient(90deg, black 0%, rgba(0,0,0,.64) 38%, transparent 70%);
}
.corporate-hero.is-single-slide .corporate-slide-copy h1 {
  max-width: 660px;
  font-size: clamp(58px, 5.35vw, 86px);
  line-height: .96;
  letter-spacing: -.035em;
}
.corporate-hero.is-single-slide .hero-lead {
  max-width: 610px;
  color: #d8e2ed;
  font-size: 16px;
  line-height: 1.72;
}
.corporate-hero.is-single-slide .hero-actions {
  margin-top: 30px;
}
.corporate-hero.is-single-slide .corporate-proof {
  max-width: 570px;
  margin-top: 34px;
}
@media (max-width: 900px) {
  .corporate-hero.is-single-slide .corporate-slide-inner { padding-bottom: 50px; }
  .corporate-hero.is-single-slide .corporate-slide-copy { width: min(600px, 72%); }
  .corporate-hero.is-single-slide .corporate-hero-video { object-position: 63% center; }
  .corporate-hero.is-single-slide .corporate-hero-shade {
    background: linear-gradient(90deg,rgba(2,17,36,.97) 0%,rgba(3,24,49,.88) 48%,rgba(3,24,49,.30) 100%),linear-gradient(0deg,rgba(1,13,29,.60),transparent 44%);
  }
}
@media (max-width: 640px) {
  .corporate-hero.is-single-slide { min-height: 680px; }
  .corporate-hero.is-single-slide .corporate-hero-slide { min-height: 680px; }
  .corporate-hero.is-single-slide .corporate-slide-inner { padding-top: 64px; padding-bottom: 46px; }
  .corporate-hero.is-single-slide .corporate-slide-copy { width: 100%; }
  .corporate-hero.is-single-slide .corporate-hero-video { object-position: 66% center; opacity: .78; }
  .corporate-hero.is-single-slide .corporate-hero-shade {
    background: linear-gradient(90deg,rgba(2,17,36,.96),rgba(3,24,49,.72)),linear-gradient(0deg,rgba(1,13,29,.90),transparent 58%);
  }
  .corporate-hero.is-single-slide .corporate-slide-copy h1 { font-size: clamp(44px, 13vw, 58px); }
  .corporate-hero.is-single-slide .hero-lead { max-width: 95%; font-size: 14px; }
  .corporate-hero.is-single-slide .corporate-proof { margin-top: 26px; }
}

/* v9.9.15 - Tüm kırmızı p küçük başlıklarını SSS ölçeğinde eşitle */
p.eyebrow:not(.light),
p.heritage-eyebrow,
p.process-showcase-eyebrow,
p.faq-showcase-eyebrow,
p.faq-knowledge-eyebrow {
  font-size: 16px !important;
}

@media (max-width: 640px) {
  p.eyebrow:not(.light),
  p.heritage-eyebrow,
  p.process-showcase-eyebrow,
  p.faq-showcase-eyebrow,
  p.faq-knowledge-eyebrow {
    font-size: 15px !important;
  }
}


/* v9.9.16 - Neden Maysan premium kart tasarımı */
.reasons-section.reasons-premium {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: 100px 108px;
  background: linear-gradient(180deg,#fbfcfd 0%,#f4f7fa 100%);
}
.reasons-premium-bg {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 10%,rgba(161,13,19,.055),transparent 28%),
    radial-gradient(circle at 90% 86%,rgba(21,50,86,.055),transparent 30%);
}
.reasons-premium-bg::before,
.reasons-premium-bg::after {
  content: '';
  position: absolute;
  pointer-events: none;
}
.reasons-premium-bg::before {
  top: -120px;
  right: -90px;
  width: 410px;
  height: 410px;
  border: 1px solid rgba(21,50,86,.045);
  border-radius: 50%;
  box-shadow: 0 0 0 64px rgba(21,50,86,.018),0 0 0 128px rgba(21,50,86,.012);
}
.reasons-premium-bg::after {
  left: 4%;
  bottom: 24px;
  width: 210px;
  height: 110px;
  opacity: .38;
  background-image: radial-gradient(rgba(161,13,19,.22) 1px,transparent 1px);
  background-size: 14px 14px;
  mask-image: linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);
}
.reasons-premium .section-heading {
  position: relative;
  z-index: 2;
  max-width: 850px;
  margin-inline: auto;
}
.reasons-premium .section-heading .eyebrow {
  justify-content: center;
  margin-bottom: 22px;
  color: var(--red);
  letter-spacing: .16em;
}
.reasons-premium .section-heading .eyebrow span {
  width: 38px;
  height: 2px;
  flex-basis: 38px;
}
.reasons-premium .section-heading h2 {
  max-width: 760px;
  margin-inline: auto;
  color: var(--navy);
  font-size: clamp(44px,4.2vw,66px);
  line-height: 1.02;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.reasons-grid.reasons-premium-grid {
  position: relative;
  z-index: 2;
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
  border: 0;
}
.reason.reason-premium-card {
  position: relative;
  min-height: 370px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 28px 28px 26px;
  overflow: hidden;
  border: 1px solid rgba(21,50,86,.105);
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 48px rgba(5,31,66,.065);
  text-align: center;
  transition: transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;
}
.reason.reason-premium-card::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg,transparent 10%,var(--red) 50%,transparent 90%);
  opacity: 0;
  transform: scaleX(.35);
  transition: opacity .28s ease,transform .28s ease;
}
.reason-premium-top {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 28px;
}
.reason.reason-premium-card .reason-number {
  color: var(--red);
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
}
.reason-premium-top > i {
  width: 24px;
  height: 2px;
  border-radius: 999px;
  background: var(--red);
  opacity: .88;
}
.reason-premium-icon {
  width: 78px;
  height: 78px;
  display: grid;
  place-items: center;
  margin-bottom: 24px;
  border: 1px solid rgba(21,50,86,.075);
  border-radius: 50%;
  color: var(--navy);
  background: linear-gradient(145deg,#f9fbfd,#edf2f6);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px rgba(5,31,66,.065);
  transition: color .28s ease,background .28s ease,border-color .28s ease,transform .28s ease;
}
.reason-premium-icon svg {
  width: 36px;
  height: 36px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.reason.reason-premium-card h3 {
  margin: 0 0 12px;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: -.015em;
}
.reason.reason-premium-card p {
  max-width: 245px;
  margin: 0 auto;
  color: #66778a;
  font-size: 12px;
  line-height: 1.8;
}
.reason-premium-line {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 25px;
}
.reason-premium-line > span {
  height: 1px;
  flex: 1;
  background: #dbe3ea;
}
.reason-premium-line > i {
  width: 28px;
  height: 2px;
  border-radius: 999px;
  background: var(--red);
}
@media (hover:hover) and (pointer:fine) {
  .reason.reason-premium-card:hover {
    z-index: 3;
    border-color: rgba(161,13,19,.26);
    background: #fff;
    transform: translateY(-9px);
    box-shadow: 0 28px 64px rgba(5,31,66,.12);
  }
  .reason.reason-premium-card:hover::before {
    opacity: 1;
    transform: scaleX(1);
  }
  .reason.reason-premium-card:hover .reason-premium-icon {
    color: #fff;
    border-color: var(--red);
    background: linear-gradient(145deg,#b20e15,#8e0a10);
    transform: translateY(-2px) scale(1.045);
  }
}
@media (max-width: 1000px) {
  .reasons-grid.reasons-premium-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .reason.reason-premium-card { min-height: 340px; }
}
@media (max-width: 640px) {
  .reasons-section.reasons-premium { padding-block: 70px 76px; }
  .reasons-premium .section-heading .eyebrow { margin-bottom: 18px; }
  .reasons-premium .section-heading .eyebrow span { width: 30px; flex-basis: 30px; }
  .reasons-premium .section-heading h2 { font-size: clamp(38px,11vw,48px); }
  .reasons-grid.reasons-premium-grid { grid-template-columns: 1fr; gap: 14px; margin-top: 38px; }
  .reason.reason-premium-card { min-height: 310px; padding: 24px 22px; }
  .reason-premium-top { margin-bottom: 20px; }
  .reason-premium-icon { width: 70px; height: 70px; margin-bottom: 20px; }
  .reason-premium-icon svg { width: 32px; height: 32px; }
  .reason.reason-premium-card h3 { font-size: 19px; }
}


/* v9.9.17 - Maysan lacivert hızlı erişim şeridi + tüm site için tek chevron ikon dili */
.site-chevron {
  width: 9px !important;
  height: 9px !important;
  display: inline-block !important;
  flex: 0 0 9px !important;
  border: 0 !important;
  border-top: 2.25px solid currentColor !important;
  border-right: 2.25px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: rotate(45deg) !important;
  transform-origin: center !important;
  vertical-align: middle;
}
.site-chevron--back {
  transform: rotate(-135deg) !important;
}
.site-chevron--large {
  width: 11px !important;
  height: 11px !important;
  flex-basis: 11px !important;
  border-top-width: 2.8px !important;
  border-right-width: 2.8px !important;
}

/* Hızlı Ürün Erişimi alt şeridi: Maysan laciverti */
.portfolio-navigator--quick-access .quick-access-footer {
  background: #153256 !important;
}
.portfolio-navigator--quick-access .quick-access-footer:hover,
.portfolio-navigator--quick-access .quick-access-footer:focus-visible {
  background: #0f2747 !important;
}
.portfolio-navigator--quick-access .quick-access-footer .site-chevron {
  color: #fff !important;
}

/* Hızlı ürün satırlarında referanstaki açık gri chevron */
.portfolio-navigator--quick-access .quick-access-grid a > .site-chevron {
  width: 11px !important;
  height: 11px !important;
  justify-self: end;
  color: #9eafc1 !important;
  border-top-width: 2.7px !important;
  border-right-width: 2.7px !important;
  transition: color .2s ease, transform .2s ease !important;
}
.portfolio-navigator--quick-access .quick-access-grid a:hover > .site-chevron,
.portfolio-navigator--quick-access .quick-access-grid a:focus-visible > .site-chevron {
  color: #7f93a8 !important;
  transform: translateX(3px) rotate(45deg) !important;
}

/* Butonlar ve kartlarda chevron hizası */
.primary-btn .site-chevron,
.white-btn .site-chevron,
.outline-btn .site-chevron,
.outline-dark-btn .site-chevron,
.corporate-outline-btn .site-chevron,
.nav-cta .site-chevron,
.process-showcase-button .site-chevron,
.blog-link .site-chevron,
.card-footer .site-chevron,
.partner-cta-card .site-chevron,
.article-cta .site-chevron,
.public-form button .site-chevron,
.detail-actions .site-chevron,
.product-info-grid aside a .site-chevron,
.article-content aside a .site-chevron,
.pdf-fallback .site-chevron {
  margin-left: 4px;
}
.card-arrow.site-chevron {
  color: #9eafc1 !important;
}

/* Slider okları da aynı chevron formunda */
.corporate-hero-arrows button .site-chevron {
  width: 10px !important;
  height: 10px !important;
  color: currentColor;
  border-top-width: 2.4px !important;
  border-right-width: 2.4px !important;
}

@media (max-width: 700px) {
  .site-chevron {
    width: 8px !important;
    height: 8px !important;
    flex-basis: 8px !important;
    border-top-width: 2px !important;
    border-right-width: 2px !important;
  }
  .portfolio-navigator--quick-access .quick-access-grid a > .site-chevron {
    width: 9px !important;
    height: 9px !important;
    border-top-width: 2.35px !important;
    border-right-width: 2.35px !important;
  }
}


/* v9.9.17 ek: yukarı/aşağı ve katalog yönleri de aynı chevron */
.site-chevron--up {
  transform: rotate(-45deg) !important;
}
.site-chevron--down {
  transform: rotate(135deg) !important;
}
.scroll-top .site-chevron {
  width: 10px !important;
  height: 10px !important;
  margin-top: 4px;
}
.document-download .site-chevron--down {
  margin-left: 5px;
  margin-top: -3px;
}
.catalog-flipbook__arrow .site-chevron {
  width: 11px !important;
  height: 11px !important;
  border-top-width: 2.5px !important;
  border-right-width: 2.5px !important;
}

/* v9.9.18 - Hızlı Ürün Erişimi: tüm kırmızı alanlar Maysan laciverti */
.portfolio-navigator--quick-access {
  border-top-color: #153256 !important;
}
.portfolio-navigator--quick-access .quick-access-head::before,
.portfolio-navigator--quick-access::before {
  background: #153256 !important;
  border-color: #153256 !important;
}
.portfolio-navigator--quick-access .quick-access-kicker,
.portfolio-navigator--quick-access .quick-access-kicker span {
  color: #153256 !important;
}
.portfolio-navigator--quick-access .portfolio-product-icon {
  background: #153256 !important;
  background-image: none !important;
  border-color: #153256 !important;
  box-shadow: 0 10px 24px rgba(21,50,86,.22) !important;
}
.portfolio-navigator--quick-access .quick-access-grid a:hover .portfolio-product-icon,
.portfolio-navigator--quick-access .quick-access-grid a:focus-visible .portfolio-product-icon {
  background: #0f2747 !important;
  background-image: none !important;
  border-color: #0f2747 !important;
  box-shadow: 0 13px 28px rgba(21,50,86,.30) !important;
}
.portfolio-navigator--quick-access .portfolio-product-icon img {
  filter: drop-shadow(0 0 .35px rgba(255,255,255,.96)) !important;
}
.portfolio-navigator--quick-access .quick-access-footer {
  background: #153256 !important;
  border-color: #153256 !important;
  color: #fff !important;
}
.portfolio-navigator--quick-access .quick-access-footer:hover,
.portfolio-navigator--quick-access .quick-access-footer:focus-visible {
  background: #0f2747 !important;
  border-color: #0f2747 !important;
}
.portfolio-navigator--quick-access .quick-access-footer .site-chevron {
  color: #fff !important;
}
@media (max-width: 700px) {
  .portfolio-navigator--quick-access .portfolio-product-icon {
    background: #153256 !important;
    box-shadow: 0 8px 20px rgba(21,50,86,.22) !important;
  }
  .portfolio-navigator--quick-access .quick-access-grid a:hover .portfolio-product-icon,
  .portfolio-navigator--quick-access .quick-access-grid a:focus-visible .portfolio-product-icon {
    background: #0f2747 !important;
  }
}


/* v9.9.19 - Kurumsal bölüm premium bilgi kartları
   Yalnızca eski kırmızı tikli maddeler yeniden tasarlandı. */
.heritage-premium-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 30px 0 34px;
}
.heritage-premium-point {
  position: relative;
  min-height: 112px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 18px 17px;
  overflow: hidden;
  border: 1px solid #dbe4ee;
  border-radius: 14px;
  background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
  box-shadow: 0 10px 30px rgba(21, 50, 86, .06);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.heritage-premium-point::after {
  content: '';
  position: absolute;
  right: -28px;
  bottom: -34px;
  width: 92px;
  height: 92px;
  border: 1px solid rgba(21, 50, 86, .07);
  border-radius: 50%;
  box-shadow: 0 0 0 16px rgba(21, 50, 86, .025);
  pointer-events: none;
}
.heritage-premium-point:hover {
  transform: translateY(-3px);
  border-color: #bdcad8;
  box-shadow: 0 16px 38px rgba(21, 50, 86, .11);
}
.heritage-premium-index {
  position: relative;
  z-index: 1;
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid #d6e0eb;
  border-radius: 10px;
  color: #153256;
  background: #f3f7fb;
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
}
.heritage-premium-point p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #18314d;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.55;
}

@media (max-width: 700px) {
  .heritage-premium-points {
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 24px 0 28px;
  }
  .heritage-premium-point {
    min-height: 0;
    display: grid;
    grid-template-columns: 40px minmax(0,1fr);
    align-items: center;
    gap: 14px;
    padding: 14px 15px;
  }
  .heritage-premium-point p { font-size: 12px; }
}


/* v9.9.20 - Kurumsal bölüm: tek parça premium hizmet paneli
   Kırmızı marka vurguları korunur; yalnızca bilgi kartları ve yüzey hissi yenilenir. */
.heritage-section {
  background:
    radial-gradient(circle at 12% 18%, rgba(21,50,86,.035), transparent 27%),
    linear-gradient(180deg, #f8fafc 0%, #f3f6f9 100%);
}
.heritage-media {
  border: 1px solid rgba(21,50,86,.10);
  border-radius: 18px;
  box-shadow:
    0 34px 78px rgba(5,31,61,.16),
    0 3px 10px rgba(5,31,61,.05);
}
.heritage-media > img {
  transform: scale(1.01);
}
.heritage-copy {
  max-width: 650px;
}
.heritage-value-strip {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin: 30px 0 34px;
  overflow: hidden;
  border: 1px solid #d7e0ea;
  border-radius: 18px;
  background: rgba(255,255,255,.82);
  box-shadow:
    0 18px 46px rgba(21,50,86,.075),
    inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter: blur(10px);
}
.heritage-value-strip::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #153256 0%, #284e78 50%, #153256 100%);
  opacity: .95;
}
.heritage-value-item {
  position: relative;
  min-width: 0;
  min-height: 158px;
  padding: 24px 22px 22px;
  transition: background .22s ease, transform .22s ease;
}
.heritage-value-item + .heritage-value-item {
  border-left: 1px solid #e0e7ef;
}
.heritage-value-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 17px;
}
.heritage-value-meta span {
  color: #153256;
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .09em;
}
.heritage-value-meta i {
  width: 26px;
  height: 1px;
  background: #b9c8d8;
}
.heritage-value-item h3 {
  margin: 0 0 9px;
  color: #09284c;
  font-family: var(--font-display);
  font-size: 15px;
  line-height: 1.25;
  letter-spacing: -.015em;
}
.heritage-value-item p {
  margin: 0;
  color: #63758a;
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.62;
}
@media (hover:hover) {
  .heritage-value-item:hover {
    background: linear-gradient(180deg, rgba(243,247,251,.88), rgba(255,255,255,.96));
    transform: translateY(-1px);
  }
}
@media (max-width: 700px) {
  .heritage-value-strip {
    grid-template-columns: 1fr;
    margin: 25px 0 28px;
    border-radius: 16px;
  }
  .heritage-value-item {
    min-height: 0;
    padding: 18px 18px 17px;
  }
  .heritage-value-item + .heritage-value-item {
    border-left: 0;
    border-top: 1px solid #e0e7ef;
  }
  .heritage-value-meta {
    margin-bottom: 10px;
  }
  .heritage-value-item h3 {
    margin-bottom: 6px;
    font-size: 14px;
  }
  .heritage-value-item p {
    font-size: 11.5px;
  }
}


/* v9.9.21 - Kurumsal alan tamamen yeniden tasarlandı
   Sade / premium / editoryal yerleşim */
.heritage-section.heritage-editorial {
  position: relative;
  padding-block: clamp(92px, 8vw, 132px);
  overflow: hidden;
  border-top: 1px solid #edf1f5;
  background: #ffffff;
}
.heritage-section.heritage-editorial::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: min(1280px, 88vw);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(21,50,86,.12), transparent);
}
.heritage-editorial-layout {
  display: grid;
  grid-template-columns: minmax(430px, 550px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(68px, 7.5vw, 118px);
}
.heritage-editorial-visual {
  position: relative;
  padding: 0 0 34px 28px;
}
.heritage-editorial-media {
  position: relative;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 1 / 1.03;
  border: 1px solid rgba(21,50,86,.09);
  border-radius: 24px;
  background: #eef2f6;
  box-shadow: 0 28px 68px rgba(15,39,71,.12);
}
.heritage-editorial-media::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 62%, rgba(8,31,57,.10) 100%);
}
.heritage-editorial-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  filter: saturate(.91) contrast(1.025);
  transition: transform .55s cubic-bezier(.2,.7,.2,1);
}
@media (hover:hover) {
  .heritage-editorial-media:hover img { transform: scale(1.018); }
}
.heritage-editorial-experience {
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  min-width: 220px;
  min-height: 104px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 18px;
  color: #fff;
  background: #e30613;
  box-shadow: 0 18px 38px rgba(227,6,19,.20);
}
.heritage-editorial-experience strong {
  font-family: var(--font-display);
  font-size: 40px;
  line-height: 1;
  letter-spacing: -.04em;
}
.heritage-editorial-experience span {
  max-width: 116px;
  font-size: 8px;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: .04em;
}
.heritage-editorial-copy {
  width: 100%;
  max-width: 650px;
}
.heritage-editorial-copy .heritage-eyebrow {
  margin-bottom: 24px;
}
.heritage-editorial-copy h2 {
  max-width: 620px;
  margin: 0;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: clamp(42px, 4.15vw, 62px);
  line-height: 1.03;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.heritage-editorial-text {
  max-width: 620px;
  margin-top: 30px;
  padding-bottom: 8px;
}
.heritage-editorial-copy .heritage-lead {
  max-width: none;
  margin: 0;
  color: #607186;
  font-size: 16px;
  line-height: 1.88;
}
.heritage-editorial-copy .heritage-lead strong {
  color: #102b4d;
}
.heritage-editorial-list {
  margin: 32px 0 34px;
  border-top: 1px solid #dfe6ed;
}
.heritage-editorial-item {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr);
  align-items: start;
  gap: 18px;
  padding: 19px 0 18px;
  border-bottom: 1px solid #dfe6ed;
}
.heritage-editorial-number {
  padding-top: 2px;
  color: #e30613;
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
}
.heritage-editorial-item h3 {
  margin: 0 0 5px;
  color: #0b2a50;
  font-family: var(--font-display);
  font-size: 15px;
  line-height: 1.25;
  letter-spacing: -.015em;
}
.heritage-editorial-item p {
  max-width: 500px;
  margin: 0;
  color: #6a7b8e;
  font-size: 12px;
  font-weight: 620;
  line-height: 1.6;
}
.heritage-editorial-button {
  min-height: 54px;
  padding-inline: 22px 20px;
  border-radius: 7px;
  box-shadow: 0 12px 28px rgba(227,6,19,.15);
}

@media (max-width: 1050px) {
  .heritage-editorial-layout {
    grid-template-columns: 1fr;
    gap: 70px;
  }
  .heritage-editorial-visual {
    width: min(100%, 720px);
  }
  .heritage-editorial-copy {
    max-width: 760px;
  }
  .heritage-editorial-copy h2 { max-width: 700px; }
  .heritage-editorial-text { max-width: 700px; }
}

@media (max-width: 700px) {
  .heritage-section.heritage-editorial {
    padding-block: 72px 80px;
  }
  .heritage-editorial-layout { gap: 58px; }
  .heritage-editorial-visual { padding: 0 0 28px 14px; }
  .heritage-editorial-media {
    aspect-ratio: 1 / 1.08;
    border-radius: 18px;
    box-shadow: 0 22px 48px rgba(15,39,71,.12);
  }
  .heritage-editorial-experience {
    min-width: 186px;
    min-height: 82px;
    gap: 12px;
    padding: 15px 17px;
    border-radius: 14px;
  }
  .heritage-editorial-experience strong { font-size: 31px; }
  .heritage-editorial-experience span { max-width: 96px; font-size: 7px; }
  .heritage-editorial-copy h2 {
    font-size: clamp(36px, 11vw, 48px);
    line-height: 1.04;
  }
  .heritage-editorial-text { margin-top: 24px; }
  .heritage-editorial-copy .heritage-lead {
    font-size: 14px;
    line-height: 1.8;
  }
  .heritage-editorial-list { margin: 27px 0 29px; }
  .heritage-editorial-item {
    grid-template-columns: 38px minmax(0,1fr);
    gap: 13px;
    padding: 16px 0 15px;
  }
  .heritage-editorial-item h3 { font-size: 14px; }
  .heritage-editorial-item p { font-size: 11.5px; }
  .heritage-editorial-button { width: auto; }
}

/* v9.9.22 - Kurumsal alan: eşit kolon, görsel içi 50+ rozeti, sade premium düzen */
.heritage-section.heritage-editorial {
  padding-block: clamp(90px, 7.5vw, 124px) !important;
  background: #fff !important;
}
.heritage-editorial-layout {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: clamp(54px, 5vw, 82px) !important;
}
.heritage-editorial-visual {
  width: 100% !important;
  padding: 0 !important;
  display: flex !important;
}
.heritage-editorial-media {
  width: 100% !important;
  height: 100% !important;
  min-height: 560px !important;
  aspect-ratio: 1 / 1.02 !important;
  border-radius: 16px !important;
  border: 1px solid rgba(21,50,86,.10) !important;
  box-shadow: 0 24px 58px rgba(15,39,71,.12) !important;
}
.heritage-editorial-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(.94) contrast(1.02) !important;
}
.heritage-editorial-experience {
  left: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  min-width: 245px !important;
  min-height: 100px !important;
  padding: 20px 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-top-left-radius: 0 !important;
  background: #e30613 !important;
  box-shadow: none !important;
}
.heritage-editorial-experience strong {
  font-size: 39px !important;
}
.heritage-editorial-experience span {
  max-width: 118px !important;
  font-size: 8px !important;
  line-height: 1.45 !important;
}
.heritage-editorial-copy {
  width: 100% !important;
  max-width: none !important;
  min-height: 560px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 18px 0 !important;
}
.heritage-editorial-copy h2,
.heritage-editorial-text {
  max-width: none !important;
}
.heritage-editorial-copy h2 {
  font-size: clamp(43px, 4vw, 62px) !important;
}
.heritage-editorial-text {
  margin-top: 30px !important;
  padding-bottom: 0 !important;
}
.heritage-editorial-copy .heritage-lead {
  font-size: 16px !important;
  line-height: 1.9 !important;
}
.heritage-editorial-list {
  display: none !important;
}
.heritage-editorial-button {
  align-self: flex-start !important;
  margin-top: 34px !important;
}

@media (max-width: 1050px) {
  .heritage-editorial-layout {
    grid-template-columns: 1fr !important;
    gap: 54px !important;
  }
  .heritage-editorial-media {
    min-height: 0 !important;
    aspect-ratio: 1 / 1.02 !important;
  }
  .heritage-editorial-copy {
    min-height: 0 !important;
    max-width: 760px !important;
    padding: 0 !important;
  }
}

@media (max-width: 700px) {
  .heritage-section.heritage-editorial {
    padding-block: 70px 78px !important;
  }
  .heritage-editorial-layout {
    gap: 44px !important;
  }
  .heritage-editorial-media {
    aspect-ratio: 1 / 1.06 !important;
    border-radius: 14px !important;
  }
  .heritage-editorial-experience {
    min-width: 192px !important;
    min-height: 78px !important;
    padding: 15px 17px !important;
  }
  .heritage-editorial-experience strong {
    font-size: 30px !important;
  }
  .heritage-editorial-experience span {
    max-width: 92px !important;
    font-size: 7px !important;
  }
  .heritage-editorial-copy h2 {
    font-size: clamp(36px, 11vw, 48px) !important;
  }
  .heritage-editorial-copy .heritage-lead {
    font-size: 14px !important;
    line-height: 1.82 !important;
  }
  .heritage-editorial-button {
    margin-top: 28px !important;
  }
}

/* v9.9.23 - Kurumsal görselde premium lacivert/mavi flu katman geri getirildi */
.heritage-editorial-media::after {
  content: '' !important;
  position: absolute !important;
  z-index: 2 !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg,
      rgba(21,50,86,.045) 0%,
      rgba(16,45,79,.085) 38%,
      rgba(9,38,70,.20) 70%,
      rgba(5,31,61,.46) 100%) !important;
  mix-blend-mode: multiply !important;
}
.heritage-editorial-media img {
  filter: saturate(.89) contrast(1.025) brightness(.95) !important;
}
.heritage-editorial-experience {
  z-index: 4 !important;
}

@media (max-width: 700px) {
  .heritage-editorial-media::after {
    background:
      linear-gradient(180deg,
        rgba(21,50,86,.035) 0%,
        rgba(16,45,79,.075) 42%,
        rgba(9,38,70,.18) 72%,
        rgba(5,31,61,.42) 100%) !important;
  }
}


/* v9.9.24 - Ana sayfa markalar alanı: sade premium logo duvarı */
.brands-section.brands-premium-wall {
  position: relative;
  overflow: hidden;
  padding-block: clamp(86px, 7vw, 118px) !important;
  background: #f7f9fc !important;
  isolation: isolate;
}
.brands-premium-bg {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 18%, rgba(21,50,86,.055), transparent 28%),
    radial-gradient(circle at 88% 74%, rgba(227,6,19,.025), transparent 25%),
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(247,249,252,.92));
}
.brands-premium-bg::after {
  content: '';
  position: absolute;
  right: -90px;
  bottom: -120px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  border: 1px solid rgba(21,50,86,.055);
  box-shadow:
    0 0 0 46px rgba(21,50,86,.018),
    0 0 0 92px rgba(21,50,86,.012);
}
.brands-premium-shell {
  position: relative;
}
.brands-premium-head {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.brands-premium-head .brands-premium-eyebrow {
  justify-content: center;
  margin-bottom: 22px;
}
.brands-premium-head h2 {
  max-width: 760px;
  margin: 0 auto;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: clamp(42px, 4.6vw, 68px);
  line-height: 1.02;
  letter-spacing: -.04em;
  text-wrap: balance;
}
.brands-premium-grid {
  width: min(100%, 1260px);
  margin: clamp(48px, 4.6vw, 70px) auto 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.brand-premium-card {
  position: relative;
  min-height: 168px;
  margin: 0;
  padding: 25px 22px 19px;
  display: grid;
  grid-template-rows: minmax(92px, 1fr) auto;
  align-items: center;
  border: 1px solid rgba(21,50,86,.105);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,.90);
  box-shadow: 0 10px 28px rgba(15,39,71,.045);
  text-align: center;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;
}
.brand-premium-card::before {
  content: '';
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 0;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: var(--navy);
  opacity: 0;
  transform: scaleX(.35);
  transition: opacity .28s ease, transform .28s ease;
}
.brand-premium-logo {
  min-height: 92px;
  display: grid;
  place-items: center;
}
.brand-premium-card img {
  width: auto;
  max-width: 164px;
  height: 86px;
  object-fit: contain;
  filter: grayscale(1) contrast(.92);
  opacity: .68;
  transform: scale(.96);
  transition: filter .28s ease, opacity .28s ease, transform .28s ease;
}
.brand-premium-card figcaption {
  padding-top: 12px;
  color: #718096;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .025em;
  transition: color .28s ease;
}
.brand-premium-card:hover,
.brand-premium-card:focus-within {
  border-color: rgba(21,50,86,.22);
  background: #fff;
  box-shadow: 0 22px 46px rgba(15,39,71,.10);
  transform: translateY(-5px);
}
.brand-premium-card:hover::before,
.brand-premium-card:focus-within::before {
  opacity: 1;
  transform: scaleX(1);
}
.brand-premium-card:hover img,
.brand-premium-card:focus-within img {
  filter: grayscale(0) contrast(1);
  opacity: 1;
  transform: scale(1.035);
}
.brand-premium-card:hover figcaption,
.brand-premium-card:focus-within figcaption {
  color: var(--navy);
}
.brands-premium-footer {
  width: min(100%, 1260px);
  margin: 28px auto 0;
  padding-top: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  border-top: 1px solid rgba(21,50,86,.10);
}
.brands-premium-count {
  color: #8190a3;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.brands-premium-count strong {
  margin-right: 6px;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: 16px;
}
.brands-premium-button {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  padding: 0 20px;
  border: 1px solid rgba(21,50,86,.22);
  border-radius: 12px;
  color: var(--navy);
  background: rgba(255,255,255,.76);
  font-size: 12px;
  font-weight: 850;
  box-shadow: 0 8px 20px rgba(15,39,71,.04);
  transition: background .24s ease, color .24s ease, border-color .24s ease, transform .24s ease, box-shadow .24s ease;
}
.brands-premium-button .site-chevron {
  color: #9aabba;
  transition: color .24s ease, transform .24s ease;
}
.brands-premium-button:hover,
.brands-premium-button:focus-visible {
  border-color: var(--navy);
  color: #fff;
  background: var(--navy);
  box-shadow: 0 13px 28px rgba(21,50,86,.16);
  transform: translateY(-2px);
}
.brands-premium-button:hover .site-chevron,
.brands-premium-button:focus-visible .site-chevron {
  color: #fff;
  transform: translateX(2px) rotate(45deg);
}

@media (max-width: 1050px) {
  .brands-premium-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .brands-section.brands-premium-wall {
    padding-block: 72px 78px !important;
  }
  .brands-premium-head h2 {
    font-size: clamp(36px, 10vw, 50px);
  }
  .brands-premium-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
    margin-top: 42px;
  }
  .brand-premium-card {
    min-height: 142px;
    padding: 18px 12px 15px;
    border-radius: 15px;
  }
  .brand-premium-logo { min-height: 76px; }
  .brand-premium-card img {
    max-width: 126px;
    height: 70px;
  }
  .brand-premium-card figcaption {
    padding-top: 8px;
    font-size: 9px;
  }
  .brands-premium-footer {
    margin-top: 22px;
    padding-top: 20px;
  }
}

@media (max-width: 480px) {
  .brands-premium-footer {
    align-items: stretch;
    flex-direction: column;
  }
  .brands-premium-count { text-align: center; }
  .brands-premium-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .brand-premium-card,
  .brand-premium-card img,
  .brand-premium-card::before,
  .brands-premium-button,
  .brands-premium-button .site-chevron {
    transition: none !important;
  }
}


/* v9.9.25 - Ana sayfa akış, markalar ve premium teklif alanı iyileştirmeleri */
body {
  background: linear-gradient(180deg, #f6f8fb 0%, #f4f7fa 32%, #f7f9fc 62%, #ffffff 100%);
}
main {
  background: linear-gradient(180deg, rgba(247,249,252,.92) 0%, rgba(244,247,250,.94) 38%, rgba(248,250,252,.98) 70%, #ffffff 100%);
}
.portfolio-deck {
  background: #f4f7fa !important;
}
.trust-bar {
  background: #fbfcfe !important;
  border-top: 1px solid rgba(21,50,86,.05);
  border-bottom: 1px solid rgba(21,50,86,.05);
}
.heritage-section.heritage-editorial {
  background: #f8fafc !important;
}
.reasons-section.reasons-premium,
.process-section.process-showcase,
.cta-wrap {
  background: #f5f8fb !important;
}
.brands-section.brands-premium-wall {
  background: #f8fafc !important;
}

.brands-premium-head {
  max-width: 980px;
}
.brands-premium-head h2 {
  max-width: none !important;
  font-size: clamp(30px, 2.85vw, 52px) !important;
  line-height: 1.08 !important;
  white-space: nowrap;
  letter-spacing: -.03em !important;
}
.brands-premium-grid {
  margin-top: clamp(40px, 4vw, 56px) !important;
  gap: 18px !important;
}
.brand-premium-card {
  min-height: 182px;
  padding: 24px 22px 18px;
}
.brand-premium-logo {
  min-height: 104px;
}
.brand-premium-card img {
  max-width: 182px !important;
  height: 98px !important;
}
.brands-premium-footer {
  justify-content: center !important;
  border-top-color: rgba(21,50,86,.08) !important;
}
.brands-premium-count {
  display: none !important;
}
.brands-premium-button {
  min-height: 54px;
  padding-inline: 24px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15,39,71,.06);
}

.heritage-editorial-experience {
  right: 18px !important;
  bottom: 18px !important;
  min-width: 248px !important;
  min-height: 96px !important;
  padding: 18px 24px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #ef0d1b 0%, #cf0714 100%) !important;
  box-shadow: 0 18px 36px rgba(227,6,19,.22) !important;
}
.heritage-editorial-experience strong {
  font-size: 38px !important;
}
.heritage-editorial-experience span {
  max-width: 122px !important;
}

.cta-wrap {
  padding: 44px 0 110px;
}
.cta-band.cta-band--premium {
  position: relative;
  overflow: hidden;
  min-height: 310px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  padding: 60px 62px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 22px;
  color: white;
  background: linear-gradient(135deg, #082347 0%, #0c3565 58%, #123f74 100%);
  box-shadow: 0 28px 64px rgba(6,30,63,.18);
  isolation: isolate;
}
.cta-band.cta-band--premium::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 14% 22%, rgba(255,255,255,.14), transparent 28%),
    radial-gradient(circle at 86% 76%, rgba(255,255,255,.08), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  pointer-events: none;
}
.cta-band.cta-band--premium::after {
  content: '';
  position: absolute;
  left: -72px;
  bottom: -82px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(227,6,19,.20) 0%, rgba(227,6,19,0) 70%);
  pointer-events: none;
}
.cta-copy,
.cta-actions {
  position: relative;
  z-index: 1;
}
.cta-band--premium .cta-kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #8fb1d6;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.cta-band--premium .cta-kicker::before {
  content: '';
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: var(--red);
}
.cta-band--premium h2 {
  max-width: 720px;
  margin-top: 18px;
  color: #fff;
  font-size: clamp(36px, 4vw, 58px);
  line-height: 1.02;
  letter-spacing: -.045em;
}
.cta-band--premium .cta-actions {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
}
.cta-band--premium .white-btn,
.cta-band--premium .outline-btn {
  min-height: 54px;
  padding: 0 22px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 850;
}
.cta-band--premium .white-btn {
  color: var(--navy);
  background: #fff;
  box-shadow: 0 14px 28px rgba(0,0,0,.12);
}
.cta-band--premium .outline-btn {
  border: 1px solid rgba(255,255,255,.24);
  color: #fff;
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(10px);
}
.cta-band--premium .white-btn:hover,
.cta-band--premium .white-btn:focus-visible {
  color: #fff;
  background: var(--red);
}
.cta-band--premium .outline-btn:hover,
.cta-band--premium .outline-btn:focus-visible {
  border-color: rgba(255,255,255,.45);
  background: rgba(255,255,255,.10);
}

@media (max-width: 900px) {
  .brands-premium-head h2 {
    white-space: normal;
  }
  .cta-band.cta-band--premium {
    gap: 30px;
    padding: 42px 28px;
  }
}
@media (max-width: 760px) {
  .brand-premium-card {
    min-height: 150px;
  }
  .brand-premium-card img {
    max-width: 138px !important;
    height: 76px !important;
  }
  .heritage-editorial-experience {
    right: 14px !important;
    bottom: 14px !important;
    min-width: 192px !important;
    min-height: 78px !important;
    padding: 14px 16px !important;
    border-radius: 14px !important;
  }
}


/* v9.9.26 - CTA buton ikonları */
.cta-band--premium .white-btn,
.cta-band--premium .outline-btn {
  gap: 12px;
}
.cta-band--premium .white-btn .btn-icon,
.cta-band--premium .outline-btn .btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}
.cta-band--premium .white-btn .btn-icon svg,
.cta-band--premium .outline-btn .btn-icon svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.cta-band--premium .white-btn .btn-icon svg path,
.cta-band--premium .outline-btn .btn-icon svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cta-band--premium .outline-btn {
  gap: 11px;
}


/* v9.9.27 - SSS listesi geri getirildi, yalnızca üst açıklama kaldırıldı */
.faq-knowledge--compact {
  background: #f7f9fc !important;
  padding-block: clamp(78px, 7vw, 108px) !important;
}
.faq-knowledge-head--compact {
  display: block !important;
  max-width: 1120px !important;
  margin: 0 auto 28px !important;
  padding: 0 !important;
  border: 0 !important;
}
.faq-knowledge-head--compact .faq-knowledge-eyebrow {
  margin: 0 !important;
}
@media (max-width: 640px) {
  .faq-knowledge--compact { padding-block: 62px !important; }
  .faq-knowledge-head--compact { margin-bottom: 22px !important; }
}


/* v9.9.28 - WhatsApp ikonu daha belirgin gerçek WhatsApp formuna yaklaştırıldı */
.cta-band--premium .outline-btn .btn-icon--whatsapp {
  width: 20px;
  height: 20px;
}
.cta-band--premium .outline-btn .btn-icon--whatsapp svg path {
  stroke-width: 1.7;
}


/* v9.9.29 - WhatsApp ikonu kullanıcı referansındaki yeşil daire olarak güncellendi */
.cta-band--premium .outline-btn .btn-icon--whatsapp {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}
.cta-band--premium .outline-btn .btn-icon--whatsapp img {
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
}


/* v9.9.30 - WhatsApp ikonu: beyaz zemin + yeşil logo */
.cta-band--premium .outline-btn .btn-icon--whatsapp {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.10) !important;
}
.cta-band--premium .outline-btn .btn-icon--whatsapp svg {
  width: 30px !important;
  height: 30px !important;
  display: block !important;
}
.cta-band--premium .outline-btn .btn-icon--whatsapp svg circle {
  fill: #fff !important;
}
.cta-band--premium .outline-btn .btn-icon--whatsapp svg path {
  fill: #25D366 !important;
  stroke: none !important;
}


/* v9.9.31 - Premium standart / kalite bandı */
.trust-bar.trust-bar--premium {
  position: relative;
  padding: 18px 0 !important;
  overflow: hidden;
  border: 0 !important;
  background: linear-gradient(180deg, #f5f8fb 0%, #f8fafc 100%) !important;
}
.trust-inner--premium {
  position: relative;
  min-height: 96px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 34px !important;
  padding: 22px 28px !important;
  overflow: hidden;
  border: 1px solid rgba(21,50,86,.10);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 50%, rgba(21,50,86,.055), transparent 23%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,250,253,.97));
  box-shadow:
    0 14px 38px rgba(15,39,71,.055),
    inset 0 1px 0 rgba(255,255,255,.95);
}
.trust-inner--premium::after {
  content: '';
  position: absolute;
  right: -28px;
  bottom: -42px;
  width: 190px;
  height: 150px;
  opacity: .38;
  pointer-events: none;
  background-image: radial-gradient(rgba(21,50,86,.16) 1px, transparent 1px);
  background-size: 9px 9px;
  mask-image: linear-gradient(135deg, transparent 8%, #000 76%);
}
.trust-message {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 18px;
}
.trust-accent {
  width: 5px;
  height: 44px;
  flex: 0 0 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ef1825, #c90914);
  transform: skewX(-13deg);
  box-shadow: 0 6px 14px rgba(227,6,19,.18);
}
.trust-check {
  width: 45px;
  height: 45px;
  flex: 0 0 45px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(21,50,86,.13);
  border-radius: 14px;
  color: var(--navy);
  background: rgba(255,255,255,.88);
  box-shadow: 0 8px 18px rgba(15,39,71,.05);
}
.trust-check svg {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.trust-check svg path:last-child {
  stroke: var(--red);
  stroke-width: 2.05;
}
.trust-inner--premium p {
  max-width: 470px;
  margin: 0 !important;
  color: #334a63 !important;
  font-size: 14px !important;
  font-weight: 650;
  line-height: 1.55;
  letter-spacing: -.005em;
}
.standards--premium {
  position: relative;
  z-index: 1;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end;
  gap: 9px !important;
  flex-wrap: nowrap;
  color: var(--navy) !important;
  font-family: var(--font-display);
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .055em !important;
}
.standards--premium span {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 17px;
  border: 1px solid rgba(21,50,86,.13);
  border-radius: 999px;
  background: rgba(255,255,255,.84);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95);
  white-space: nowrap;
}
.standards--premium i {
  width: 4px !important;
  height: 4px !important;
  flex: 0 0 4px;
  border-radius: 50%;
  background: var(--red) !important;
}
.standards--premium span:last-child {
  padding-inline: 20px;
  letter-spacing: .025em;
}

@media (max-width: 980px) {
  .trust-inner--premium {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 20px !important;
  }
  .standards--premium {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media (max-width: 640px) {
  .trust-bar.trust-bar--premium { padding-block: 12px !important; }
  .trust-inner--premium {
    min-height: 0 !important;
    padding: 20px 18px !important;
    border-radius: 15px;
  }
  .trust-message { gap: 12px; }
  .trust-accent { height: 38px; }
  .trust-check {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    border-radius: 12px;
  }
  .trust-check svg { width: 24px; height: 24px; }
  .trust-inner--premium p {
    font-size: 13px !important;
    line-height: 1.5;
  }
  .standards--premium {
    gap: 7px !important;
  }
  .standards--premium i { display: none; }
  .standards--premium span {
    min-height: 34px;
    padding-inline: 13px;
    font-size: 10px;
  }
}


/* v9.9.32 - Hakkımızda hero: profesyonel premium görünüm */
.page-hero--about {
  position: relative;
  min-height: 610px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: #04172f !important;
  isolation: isolate;
}
.page-hero--about::before {
  content: '' !important;
  position: absolute !important;
  z-index: -3 !important;
  inset: 0 !important;
  background-image: url('../images/corporate-fasteners-hero-v1.png') !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: 72% 50% !important;
  filter: saturate(.88) contrast(1.08) brightness(.83) !important;
  transform: scale(1.015);
}
.page-hero--about::after {
  content: '' !important;
  position: absolute !important;
  z-index: -2 !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 76% 35%, rgba(38,93,151,.20) 0%, rgba(38,93,151,0) 34%),
    linear-gradient(90deg,
      rgba(2,15,33,.985) 0%,
      rgba(3,22,46,.965) 30%,
      rgba(4,30,62,.82) 52%,
      rgba(4,30,62,.38) 72%,
      rgba(4,30,62,.18) 100%) !important;
}
.page-hero--about .page-hero-grid {
  z-index: -1 !important;
  opacity: .24 !important;
  background-image:
    linear-gradient(rgba(144,177,212,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(144,177,212,.08) 1px, transparent 1px) !important;
  background-size: 76px 76px !important;
  mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.66) 48%, transparent 80%) !important;
}
.page-hero--about .shell {
  position: relative !important;
  z-index: 2 !important;
  width: min(1320px, calc(100% - 64px)) !important;
  padding-block: 82px !important;
}
.page-hero--about .page-hero-copy {
  position: relative;
  width: min(760px, 60%);
  padding: 34px 0 38px;
}
.page-hero--about .page-hero-copy::before {
  content: '';
  position: absolute;
  left: -32px;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.18) 18%, rgba(255,255,255,.18) 82%, transparent);
}
.page-hero--about .eyebrow.light {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 26px !important;
  color: #f3f6fb !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;
}
.page-hero--about .eyebrow.light span {
  width: 38px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: var(--red) !important;
  box-shadow: 0 0 18px rgba(227,6,19,.30) !important;
}
.page-hero--about h1 {
  max-width: 760px !important;
  margin: 0 !important;
  color: #fff !important;
  font-family: var(--font-display) !important;
  font-size: clamp(60px, 5.4vw, 88px) !important;
  font-weight: 800 !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance !important;
  text-shadow: 0 14px 42px rgba(0,0,0,.28) !important;
}
.page-hero--about .page-hero-text {
  max-width: 640px !important;
  margin: 30px 0 0 !important;
  color: #b7c7d9 !important;
  font-size: 17px !important;
  font-weight: 450 !important;
  line-height: 1.78 !important;
  letter-spacing: .002em;
}
.page-hero--about .page-hero-signature {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 86px;
  margin-top: 34px;
}
.page-hero--about .page-hero-signature span {
  width: 44px;
  height: 3px;
  border-radius: 999px;
  background: var(--red);
}
.page-hero--about .page-hero-signature i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255,255,255,.72);
  box-shadow: 13px 0 0 rgba(255,255,255,.28);
}
.page-hero--about .shell::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 34px;
  width: 180px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.28));
}

@media (max-width: 1050px) {
  .page-hero--about {
    min-height: 560px !important;
  }
  .page-hero--about::before {
    background-position: 66% center !important;
  }
  .page-hero--about::after {
    background:
      linear-gradient(90deg, rgba(2,15,33,.985) 0%, rgba(3,22,46,.95) 46%, rgba(4,30,62,.55) 75%, rgba(4,30,62,.28) 100%) !important;
  }
  .page-hero--about .page-hero-copy {
    width: min(700px, 68%);
  }
}

@media (max-width: 760px) {
  .page-hero--about {
    min-height: 580px !important;
  }
  .page-hero--about::before {
    background-position: 62% center !important;
    filter: saturate(.82) contrast(1.08) brightness(.70) !important;
  }
  .page-hero--about::after {
    background:
      linear-gradient(90deg, rgba(2,15,33,.98), rgba(3,22,46,.88)),
      linear-gradient(0deg, rgba(2,15,33,.82), transparent 48%) !important;
  }
  .page-hero--about .shell {
    width: calc(100% - 36px) !important;
    padding-block: 66px !important;
  }
  .page-hero--about .page-hero-copy {
    width: 100%;
    padding: 12px 0 24px;
  }
  .page-hero--about .page-hero-copy::before,
  .page-hero--about .shell::after {
    display: none;
  }
  .page-hero--about .eyebrow.light {
    margin-bottom: 22px !important;
    font-size: 10px !important;
  }
  .page-hero--about h1 {
    max-width: 96% !important;
    font-size: clamp(46px, 13vw, 64px) !important;
    line-height: 1 !important;
  }
  .page-hero--about .page-hero-text {
    max-width: 94% !important;
    margin-top: 24px !important;
    font-size: 14.5px !important;
    line-height: 1.72 !important;
  }
  .page-hero--about .page-hero-signature {
    margin-top: 28px;
  }
}

/* v9.9.33 - Hakkımızda hero arka planı seçilen premium görselle değiştirildi */
.page-hero--about::before {
  background-image: url('../images/hakkimizda-premium-bg-v2.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  filter: none !important;
  transform: none !important;
}
.page-hero--about::after {
  background: linear-gradient(90deg,
    rgba(2,14,30,.28) 0%,
    rgba(2,14,30,.13) 34%,
    rgba(2,14,30,.02) 58%,
    rgba(2,14,30,0) 100%) !important;
}
.page-hero--about .page-hero-grid {
  display: none !important;
}
@media (max-width: 1050px) {
  .page-hero--about::before {
    background-position: 58% center !important;
  }
  .page-hero--about::after {
    background: linear-gradient(90deg,
      rgba(2,14,30,.50) 0%,
      rgba(2,14,30,.30) 45%,
      rgba(2,14,30,.08) 72%,
      rgba(2,14,30,0) 100%) !important;
  }
}
@media (max-width: 760px) {
  .page-hero--about::before {
    background-position: 64% center !important;
  }
  .page-hero--about::after {
    background: linear-gradient(90deg,
      rgba(2,14,30,.78) 0%,
      rgba(2,14,30,.58) 56%,
      rgba(2,14,30,.26) 100%) !important;
  }
}

/* v9.9.35 - Hakkımızda içerik alanı premium yeniden tasarım */
.corporate-story.corporate-story--premium {
  position: relative;
  overflow: hidden;
  padding-block: clamp(88px, 7.5vw, 126px) !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(21,50,86,.045), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
}
.corporate-story.corporate-story--premium::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(21,50,86,.12), transparent);
}
.corporate-story-premium-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(300px, .58fr);
  align-items: stretch;
  gap: clamp(62px, 7vw, 112px);
}
.corporate-story-premium-content {
  min-width: 0;
}
.corporate-story--premium .section-heading {
  margin-bottom: 27px;
}
.corporate-story--premium .section-heading .eyebrow {
  margin-bottom: 0;
}
.corporate-story-premium-lead {
  max-width: 920px;
}
.corporate-story-premium-lead p {
  margin: 0;
  color: #132d4e;
  font-size: clamp(25px, 2.15vw, 36px);
  font-weight: 430;
  line-height: 1.42;
  letter-spacing: -.025em;
}
.corporate-story-premium-lead strong {
  color: var(--navy);
  font-weight: 850;
}
.corporate-story-premium-overview {
  max-width: 900px;
  margin-top: 28px;
}
.corporate-story-premium-overview p {
  margin: 0;
  color: #5b6d83;
  font-size: 15px;
  line-height: 1.88;
}
.corporate-story-premium-highlights {
  max-width: 980px;
  margin-top: 42px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(21,50,86,.12);
  border-bottom: 1px solid rgba(21,50,86,.12);
}
.corporate-story-premium-highlight {
  position: relative;
  min-width: 0;
  padding: 28px 28px 30px 0;
}
.corporate-story-premium-highlight + .corporate-story-premium-highlight {
  padding-left: 30px;
  border-left: 1px solid rgba(21,50,86,.10);
}
.corporate-story-premium-no {
  display: inline-flex;
  margin-bottom: 16px;
  color: var(--red);
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
}
.corporate-story-premium-highlight p {
  margin: 0;
  color: #64748a;
  font-size: 12.5px;
  line-height: 1.72;
}
.corporate-story-premium-highlight strong {
  display: block;
  margin-bottom: 9px;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 850;
  line-height: 1.35;
  letter-spacing: -.015em;
}

.corporate-story--premium .year-panel.year-panel--premium {
  position: relative;
  min-height: 500px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 52px 36px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 30px;
  color: #fff;
  background:
    radial-gradient(circle at 50% 36%, rgba(255,255,255,.13), transparent 30%),
    linear-gradient(145deg, #f21825 0%, #df0715 46%, #bd0511 100%);
  box-shadow:
    0 30px 64px rgba(193,5,17,.19),
    inset 0 1px 0 rgba(255,255,255,.24);
  text-align: center;
  isolation: isolate;
}
.corporate-story--premium .year-panel.year-panel--premium::before {
  content: '';
  position: absolute;
  inset: 20px;
  z-index: -1;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 24px;
}
.corporate-story--premium .year-panel.year-panel--premium::after {
  content: '';
  position: absolute;
  right: 28px;
  top: 28px;
  width: 58px;
  height: 58px;
  z-index: -1;
  opacity: .28;
  background-image: radial-gradient(circle, rgba(255,255,255,.72) 1.3px, transparent 1.4px);
  background-size: 11px 11px;
}
.year-panel-premium-orbit {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 46%;
  width: 270px;
  height: 270px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 38px rgba(255,255,255,.022);
}
.corporate-story--premium .year-panel.year-panel--premium > span {
  position: relative;
  z-index: 1;
  font-family: var(--font-display);
  font-size: clamp(78px, 7vw, 118px);
  font-weight: 800;
  line-height: .9;
  letter-spacing: -.055em;
  text-shadow: 0 10px 30px rgba(115,0,10,.18);
}
.corporate-story--premium .year-panel.year-panel--premium > i {
  width: 72px;
  height: 1px;
  margin: 30px 0 22px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.88), transparent);
}
.corporate-story--premium .year-panel.year-panel--premium h3 {
  max-width: 230px;
  margin: 0;
  color: #fff;
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.25;
}
.corporate-story--premium .year-panel.year-panel--premium p {
  max-width: 220px;
  margin: 14px 0 0;
  color: rgba(255,255,255,.78);
  font-size: 12px;
  line-height: 1.6;
}

@media (max-width: 1050px) {
  .corporate-story-premium-layout {
    grid-template-columns: 1fr;
    gap: 54px;
  }
  .corporate-story--premium .year-panel.year-panel--premium {
    width: min(100%, 580px);
    min-height: 360px;
    justify-self: center;
  }
}
@media (max-width: 760px) {
  .corporate-story.corporate-story--premium {
    padding-block: 70px 78px !important;
  }
  .corporate-story-premium-lead p {
    font-size: clamp(23px, 7vw, 31px);
    line-height: 1.46;
  }
  .corporate-story-premium-overview {
    margin-top: 22px;
  }
  .corporate-story-premium-overview p {
    font-size: 14px;
    line-height: 1.8;
  }
  .corporate-story-premium-highlights {
    grid-template-columns: 1fr;
    margin-top: 34px;
  }
  .corporate-story-premium-highlight,
  .corporate-story-premium-highlight + .corporate-story-premium-highlight {
    padding: 23px 0;
    border-left: 0;
  }
  .corporate-story-premium-highlight + .corporate-story-premium-highlight {
    border-top: 1px solid rgba(21,50,86,.10);
  }
  .corporate-story--premium .year-panel.year-panel--premium {
    min-height: 320px;
    padding: 38px 28px;
    border-radius: 24px;
  }
  .year-panel-premium-orbit {
    width: 220px;
    height: 220px;
  }
  .corporate-story--premium .year-panel.year-panel--premium > span {
    font-size: 76px;
  }
  .corporate-story--premium .year-panel.year-panel--premium h3 {
    font-size: 21px;
  }
}


/* v9.9.37 - Hakkımızda ikinci referansa uygun premium kart tasarımı */
.corporate-story.corporate-story--premium {
  padding-block: clamp(84px, 7vw, 116px) !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(21,50,86,.035), transparent 26%),
    linear-gradient(180deg,#fff 0%,#fbfcfe 100%) !important;
}
.corporate-story-premium-layout {
  grid-template-columns: minmax(0, 1.72fr) minmax(330px, .62fr) !important;
  gap: clamp(70px, 7vw, 118px) !important;
  align-items: center !important;
}
.corporate-story-premium-content {
  max-width: 1000px;
}
.corporate-story--premium .section-heading {
  margin-bottom: 28px !important;
}
.corporate-story-premium-lead {
  max-width: 930px !important;
}
.corporate-story-premium-lead p {
  color: #142c4d !important;
  font-size: clamp(25px, 2vw, 34px) !important;
  font-weight: 420 !important;
  line-height: 1.45 !important;
  letter-spacing: -.024em !important;
}
.corporate-story-premium-lead strong {
  font-weight: 850 !important;
}
.corporate-story-premium-overview {
  max-width: 940px !important;
  margin-top: 28px !important;
}
.corporate-story-premium-overview p {
  color: #53667d !important;
  font-size: 14.5px !important;
  line-height: 1.82 !important;
}
.corporate-story-premium-highlights {
  max-width: 980px !important;
  margin-top: 38px !important;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 16px !important;
  border: 0 !important;
}
.corporate-story-premium-highlight,
.corporate-story-premium-highlight + .corporate-story-premium-highlight {
  min-height: 310px !important;
  padding: 24px 22px 25px !important;
  border: 1px solid rgba(21,50,86,.10) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.93) !important;
  box-shadow: 0 12px 30px rgba(15,39,71,.055) !important;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}
.corporate-story-premium-highlight:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(21,50,86,.17) !important;
  box-shadow: 0 20px 42px rgba(15,39,71,.09) !important;
}
.corporate-story-premium-cardhead {
  display: grid;
  grid-template-columns: 52px minmax(0,1fr);
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}
.corporate-story-premium-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(227,6,19,.12);
  border-radius: 50%;
  color: var(--red);
  background: #fff;
  box-shadow: 0 8px 20px rgba(15,39,71,.05);
}
.corporate-story-premium-icon svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.corporate-story-premium-cardhead h3 {
  margin: 0;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: 15px;
  line-height: 1.25;
  letter-spacing: -.01em;
}
.corporate-story-premium-cardhead i {
  display: block;
  width: 34px;
  height: 2px;
  margin-top: 10px;
  border-radius: 999px;
  background: var(--red);
}
.corporate-story-premium-cardtext p {
  margin: 0 !important;
  color: #5f7186 !important;
  font-size: 12.5px !important;
  line-height: 1.72 !important;
}
.corporate-story-premium-cardtext strong {
  display: inline !important;
  margin: 0 !important;
  color: var(--navy) !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 850 !important;
  line-height: inherit !important;
}
.corporate-story--premium .year-panel.year-panel--premium {
  min-height: 590px !important;
  padding: 58px 38px !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 50% 36%,rgba(255,255,255,.11),transparent 30%),
    linear-gradient(160deg,#ff1b29 0%,#e20816 48%,#bd0310 100%) !important;
  box-shadow: 0 30px 70px rgba(191,5,17,.22), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.corporate-story--premium .year-panel.year-panel--premium::before {
  inset: 20px !important;
  border-radius: 27px !important;
  border-color: rgba(255,255,255,.08) !important;
}
.corporate-story--premium .year-panel.year-panel--premium > span {
  font-size: clamp(88px, 7vw, 126px) !important;
}
.corporate-story--premium .year-panel.year-panel--premium h3 {
  max-width: 260px !important;
  font-size: 26px !important;
}
.year-panel-premium-orbit {
  width: 300px !important;
  height: 300px !important;
  border-color: rgba(255,255,255,.12) !important;
}
@media (max-width: 1050px) {
  .corporate-story-premium-layout {
    grid-template-columns: 1fr !important;
    gap: 52px !important;
  }
  .corporate-story--premium .year-panel.year-panel--premium {
    width: min(100%,560px) !important;
    min-height: 430px !important;
  }
}
@media (max-width: 760px) {
  .corporate-story-premium-lead p {
    font-size: clamp(22px,6.7vw,30px) !important;
  }
  .corporate-story-premium-highlights {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .corporate-story-premium-highlight,
  .corporate-story-premium-highlight + .corporate-story-premium-highlight {
    min-height: 0 !important;
    padding: 22px !important;
  }
  .corporate-story--premium .year-panel.year-panel--premium {
    min-height: 360px !important;
    border-radius: 26px !important;
  }
}

/* =========================================================
   v9.9.38 - HAKKIMIZDA SAYFASI KOMPLE PREMIUM TASARIM
   ========================================================= */
.corporate-premium-page {
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 48%, #ffffff 100%);
}

.corp-about-premium {
  position: relative;
  padding-block: clamp(90px, 7vw, 124px) !important;
  background:
    radial-gradient(circle at 84% 10%, rgba(21,50,86,.055), transparent 27%),
    linear-gradient(180deg, #fff 0%, #fbfcfe 100%);
}
.corp-about-premium::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(21,50,86,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21,50,86,.025) 1px, transparent 1px);
  background-size: 70px 70px;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.35) 60%, transparent 100%);
  opacity: .45;
}
.corp-about-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.68fr) minmax(330px, .62fr);
  align-items: center;
  gap: clamp(64px, 7vw, 112px);
}
.corp-about-copy { min-width: 0; }
.corp-section-kicker {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 30px;
  color: var(--red);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.corp-section-kicker > span {
  width: 42px;
  height: 2px;
  flex: 0 0 42px;
  border-radius: 999px;
  background: var(--red);
}
.corp-about-lead { max-width: 940px; }
.corp-about-lead p {
  margin: 0;
  color: #102d54;
  font-family: var(--font-display);
  font-size: clamp(28px, 2.45vw, 42px);
  font-weight: 430;
  line-height: 1.43;
  letter-spacing: -.032em;
}
.corp-about-lead strong {
  color: var(--navy);
  font-weight: 850;
}
.corp-about-overview {
  max-width: 960px;
  margin-top: 28px;
}
.corp-about-overview p {
  margin: 0;
  color: #526982;
  font-size: 15px;
  line-height: 1.9;
}
.corp-about-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin-top: 42px;
}
.corp-about-card {
  position: relative;
  min-width: 0;
  min-height: 320px;
  padding: 25px 23px 26px;
  overflow: hidden;
  border: 1px solid rgba(21,50,86,.095);
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 13px 34px rgba(15,39,71,.055);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.corp-about-card::after {
  content: '';
  position: absolute;
  right: -46px;
  bottom: -70px;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(21,50,86,.045);
  border-radius: 50%;
}
.corp-about-card:hover {
  transform: translateY(-5px);
  border-color: rgba(21,50,86,.17);
  box-shadow: 0 20px 44px rgba(15,39,71,.09);
}
.corp-about-card-head {
  display: grid;
  grid-template-columns: 52px minmax(0,1fr);
  gap: 14px;
  align-items: center;
  margin-bottom: 20px;
}
.corp-about-card-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(227,6,19,.13);
  border-radius: 50%;
  color: var(--red);
  background: #fff;
  box-shadow: 0 8px 20px rgba(15,39,71,.05);
}
.corp-about-card-icon svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.corp-about-card-head h3 {
  margin: 0;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: 15px;
  line-height: 1.3;
}
.corp-about-card-head i {
  display: block;
  width: 34px;
  height: 2px;
  margin-top: 10px;
  border-radius: 999px;
  background: var(--red);
}
.corp-about-card-copy p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #5f7186;
  font-size: 12.5px;
  line-height: 1.72;
}
.corp-about-card-copy strong {
  color: var(--navy);
  font-weight: 850;
}

.corp-experience-card {
  position: relative;
  min-height: 610px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.76);
  border-radius: 36px;
  color: #fff;
  background:
    radial-gradient(circle at 50% 34%, rgba(255,255,255,.13), transparent 29%),
    linear-gradient(156deg, #ff1b29 0%, #e30613 48%, #bd0310 100%);
  box-shadow:
    0 34px 74px rgba(190,5,17,.22),
    inset 0 1px 0 rgba(255,255,255,.28);
  isolation: isolate;
}
.corp-experience-card::before {
  content: '';
  position: absolute;
  inset: 20px;
  z-index: -1;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 28px;
}
.corp-experience-dots {
  position: absolute;
  top: 31px;
  right: 31px;
  width: 62px;
  height: 62px;
  opacity: .28;
  background-image: radial-gradient(circle, rgba(255,255,255,.82) 1.3px, transparent 1.4px);
  background-size: 11px 11px;
}
.corp-experience-orbit {
  position: absolute;
  left: 50%;
  top: 46%;
  width: 310px;
  height: 310px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  transform: translate(-50%,-50%);
  box-shadow: 0 0 0 42px rgba(255,255,255,.025);
}
.corp-experience-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.corp-experience-inner > strong {
  font-family: var(--font-display);
  font-size: clamp(92px, 7.4vw, 132px);
  font-weight: 800;
  line-height: .9;
  letter-spacing: -.06em;
  text-shadow: 0 14px 34px rgba(100,0,9,.18);
}
.corp-experience-inner > i {
  width: 78px;
  height: 1px;
  margin: 32px 0 22px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.95), transparent);
}
.corp-experience-inner h2 {
  max-width: 250px;
  margin: 0;
  color: #fff;
  font-family: var(--font-display);
  font-size: 27px;
  font-weight: 800;
  line-height: 1.24;
}
.corp-experience-caption {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 54px;
  color: rgba(255,255,255,.88);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .20em;
  white-space: nowrap;
}
.corp-experience-caption span {
  width: 30px;
  height: 1px;
  background: rgba(255,255,255,.72);
}

.corp-values-premium {
  position: relative;
  padding-block: clamp(92px, 7vw, 118px) !important;
  background: linear-gradient(180deg, #f7f9fc 0%, #fff 100%);
}
.corp-centered-heading {
  max-width: 880px;
  margin: 0 auto 48px;
  text-align: center;
}
.corp-section-kicker--center { justify-content: center; margin-bottom: 18px; }
.corp-centered-heading h2 {
  margin: 0;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: clamp(38px, 4vw, 60px);
  line-height: 1.05;
  letter-spacing: -.045em;
}
.corp-values-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
}
.corp-value-card {
  position: relative;
  min-height: 245px;
  padding: 30px 28px;
  overflow: hidden;
  border: 1px solid rgba(21,50,86,.10);
  border-radius: 24px;
  background: rgba(255,255,255,.90);
  box-shadow: 0 15px 36px rgba(15,39,71,.055);
  transition: transform .25s ease, box-shadow .25s ease;
}
.corp-value-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 22px 46px rgba(15,39,71,.09);
}
.corp-value-card::after {
  content: '';
  position: absolute;
  right: -40px;
  bottom: -70px;
  width: 155px;
  height: 155px;
  border: 1px solid rgba(21,50,86,.04);
  border-radius: 50%;
}
.corp-value-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  margin-bottom: 20px;
  border-radius: 14px;
  color: var(--red);
  background: #fff4f5;
}
.corp-value-icon svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.corp-value-line {
  width: 36px;
  height: 3px;
  margin-bottom: 20px;
  border-radius: 999px;
  background: var(--red);
}
.corp-value-card h3 {
  margin: 0 0 10px;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: 20px;
}
.corp-value-card p {
  margin: 0;
  color: #65758a;
  font-size: 13px;
  line-height: 1.75;
}

.corp-mv-premium {
  position: relative;
  padding-block: clamp(86px, 7vw, 120px) !important;
  background:
    linear-gradient(rgba(21,50,86,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21,50,86,.025) 1px, transparent 1px),
    #f8fafc;
  background-size: 72px 72px;
}
.corp-mv-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 20px;
}
.corp-mv-card {
  position: relative;
  min-height: 430px;
  padding: 44px 42px 40px;
  overflow: hidden;
  border-radius: 26px;
  color: #fff;
  background:
    radial-gradient(circle at 90% 10%, rgba(255,255,255,.07), transparent 30%),
    linear-gradient(150deg, #082a5e 0%, #071f47 100%);
  box-shadow: 0 24px 54px rgba(7,31,71,.15);
}
.corp-mv-topline {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--red);
}
.corp-mv-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 25px;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .16em;
}
.corp-mv-kicker span {
  width: 34px;
  height: 2px;
  background: var(--red);
}
.corp-mv-copy {
  position: relative;
  z-index: 2;
  max-width: 690px;
}
.corp-mv-copy p {
  margin: 0 0 19px;
  color: #d7e2ee;
  font-size: 14px;
  line-height: 1.9;
}
.corp-mv-copy p:last-child { margin-bottom: 0; }
.corp-mv-copy strong { color: #fff; font-weight: 850; }
.corp-mv-watermark {
  position: absolute;
  right: -20px;
  bottom: -64px;
  color: rgba(255,255,255,.025);
  font-family: var(--font-display);
  font-size: 290px;
  font-weight: 900;
  line-height: 1;
  pointer-events: none;
}
.corp-partner-cta {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 40px;
  margin-top: 34px;
  padding: 38px 42px;
  border: 1px solid rgba(21,50,86,.10);
  border-top: 3px solid var(--red);
  border-radius: 24px;
  background: rgba(255,255,255,.95);
  box-shadow: 0 18px 46px rgba(15,39,71,.075);
}
.corp-partner-eyebrow {
  margin-bottom: 9px;
  color: var(--red);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
}
.corp-partner-copy h2 {
  max-width: 760px;
  margin: 0;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: clamp(30px, 3.2vw, 46px);
  line-height: 1.08;
  letter-spacing: -.035em;
}
.corp-partner-copy p {
  margin: 13px 0 0;
  color: #68788b;
  font-size: 13px;
  line-height: 1.7;
}
.corp-partner-button {
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 0 25px;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(135deg, #ed0b18, #d00613);
  box-shadow: 0 16px 30px rgba(227,6,19,.18);
  font-size: 13px;
  font-weight: 850;
  transition: transform .22s ease, box-shadow .22s ease;
}
.corp-partner-button:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 20px 36px rgba(227,6,19,.24);
}
.corp-partner-button .site-chevron { color: #fff !important; }

@media (max-width: 1080px) {
  .corp-about-layout { grid-template-columns: 1fr; gap: 54px; }
  .corp-experience-card {
    width: min(100%, 570px);
    min-height: 430px;
    justify-self: center;
  }
  .corp-values-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 820px) {
  .corp-about-cards { grid-template-columns: 1fr; }
  .corp-about-card { min-height: 0; }
  .corp-mv-grid { grid-template-columns: 1fr; }
  .corp-mv-card { min-height: 0; }
  .corp-partner-cta { grid-template-columns: 1fr; }
  .corp-partner-button { justify-self: start; }
}
@media (max-width: 640px) {
  .corp-about-premium,
  .corp-values-premium,
  .corp-mv-premium { padding-block: 70px !important; }
  .corp-about-lead p { font-size: clamp(25px, 7vw, 32px); }
  .corp-about-overview p { font-size: 14px; line-height: 1.82; }
  .corp-about-card { padding: 22px 20px; border-radius: 16px; }
  .corp-experience-card { min-height: 350px; border-radius: 27px; }
  .corp-experience-orbit { width: 225px; height: 225px; }
  .corp-experience-inner > strong { font-size: 78px; }
  .corp-experience-inner h2 { font-size: 21px; }
  .corp-experience-caption { margin-top: 40px; font-size: 7.5px; }
  .corp-values-grid { grid-template-columns: 1fr; }
  .corp-value-card { min-height: 0; }
  .corp-mv-card { padding: 32px 24px 30px; border-radius: 20px; }
  .corp-mv-copy p { font-size: 13.5px; line-height: 1.82; }
  .corp-partner-cta { padding: 30px 24px; border-radius: 20px; }
  .corp-partner-button { width: 100%; }
}


/* =========================================================
   v9.9.39 - Hakkımızda metin tipografisi küçültüldü
   Verilen 5 paragraf aynen korunur; büyük başlık görünümü kaldırılır.
   ========================================================= */
.corp-about-lead {
  max-width: 880px !important;
}
.corp-about-lead p {
  margin: 0 !important;
  color: #243d5d !important;
  font-family: var(--font-body) !important;
  font-size: clamp(18px, 1.35vw, 21px) !important;
  font-weight: 500 !important;
  line-height: 1.78 !important;
  letter-spacing: -.012em !important;
}
.corp-about-lead strong {
  color: var(--navy) !important;
  font-weight: 850 !important;
}
.corp-about-overview {
  max-width: 900px !important;
  margin-top: 22px !important;
}
.corp-about-overview p {
  color: #5b6f87 !important;
  font-size: 14.5px !important;
  line-height: 1.88 !important;
}
.corp-about-cards {
  margin-top: 32px !important;
  gap: 14px !important;
}
.corp-about-card {
  min-height: 284px !important;
  padding: 23px 21px 24px !important;
}
.corp-about-card-head {
  grid-template-columns: 46px minmax(0,1fr) !important;
  gap: 13px !important;
  margin-bottom: 17px !important;
}
.corp-about-card-icon {
  width: 46px !important;
  height: 46px !important;
}
.corp-about-card-icon svg {
  width: 22px !important;
  height: 22px !important;
}
.corp-about-card-head h3 {
  font-size: 14px !important;
}
.corp-about-card-copy p {
  font-size: 12px !important;
  line-height: 1.7 !important;
}
@media (max-width: 760px) {
  .corp-about-lead p {
    font-size: 17px !important;
    line-height: 1.72 !important;
  }
  .corp-about-overview p {
    font-size: 14px !important;
  }
  .corp-about-card-copy p {
    font-size: 12.5px !important;
  }
}


/* =========================================================
   v9.9.40 - Misyon / Vizyon + iş ortaklığı alanı signature premium
   ========================================================= */
.corp-mv-premium {
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 20%, rgba(21,50,86,.035), transparent 28%),
    radial-gradient(circle at 88% 76%, rgba(227,6,19,.025), transparent 25%),
    linear-gradient(rgba(21,50,86,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21,50,86,.022) 1px, transparent 1px),
    #f8fafc !important;
  background-size: auto, auto, 72px 72px, 72px 72px, auto !important;
}
.corp-mv-grid--signature {
  gap: 22px !important;
}
.corp-mv-grid--signature .corp-mv-card {
  min-height: 455px !important;
  padding: 42px 42px 40px !important;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 84% 4%, rgba(90,143,208,.14), transparent 24%),
    radial-gradient(circle at 20% 115%, rgba(20,75,136,.24), transparent 34%),
    linear-gradient(145deg, #06244f 0%, #082f62 48%, #061d42 100%) !important;
  box-shadow:
    0 28px 60px rgba(5,29,65,.16),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
  isolation: isolate;
}
.corp-mv-grid--signature .corp-mv-card::before {
  content: '';
  position: absolute;
  inset: 1px;
  border-radius: 29px;
  background: linear-gradient(120deg, rgba(255,255,255,.035), transparent 32%, transparent 70%, rgba(255,255,255,.018));
  pointer-events: none;
  z-index: 0;
}
.corp-mv-grid--signature .corp-mv-card::after {
  content: '';
  position: absolute;
  width: 340px;
  height: 340px;
  right: -150px;
  top: -150px;
  border: 1px solid rgba(135,174,218,.10);
  border-radius: 50%;
  box-shadow: 0 0 0 48px rgba(125,165,212,.018), 0 0 0 96px rgba(125,165,212,.012);
  pointer-events: none;
  z-index: 0;
}
.corp-mv-grid--signature .corp-mv-topline {
  left: 0 !important;
  right: auto !important;
  width: 42% !important;
  height: 3px !important;
  background: linear-gradient(90deg, #ed0b18 0%, #ed0b18 72%, rgba(237,11,24,0) 100%) !important;
}
.corp-mv-head {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 28px;
}
.corp-mv-icon {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  color: #ff2635;
  background: rgba(255,255,255,.035);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.corp-mv-icon svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.corp-mv-grid--signature .corp-mv-kicker {
  margin: 0 !important;
  font-size: 13px !important;
  letter-spacing: .18em !important;
}
.corp-mv-grid--signature .corp-mv-kicker span {
  display: none !important;
}
.corp-mv-grid--signature .corp-mv-copy {
  position: relative;
  z-index: 3;
  max-width: 650px !important;
  padding-left: 4px;
}
.corp-mv-grid--signature .corp-mv-copy p {
  color: #dce7f3 !important;
  font-size: 14px !important;
  line-height: 1.95 !important;
  margin-bottom: 20px !important;
}
.corp-mv-grid--signature .corp-mv-copy strong {
  color: #fff !important;
  font-weight: 900 !important;
}
.corp-mv-grid--signature .corp-mv-watermark {
  right: 14px !important;
  bottom: -54px !important;
  z-index: 1;
  color: rgba(255,255,255,.038) !important;
  font-size: 250px !important;
  letter-spacing: -.08em;
}
.corp-mv-tech {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  opacity: .32;
}
.corp-mv-tech--mission {
  right: 28px;
  top: 28px;
  width: 116px;
  height: 116px;
  border: 1px solid rgba(151,188,230,.16);
  border-radius: 50%;
  background:
    linear-gradient(90deg, transparent 49.5%, rgba(151,188,230,.16) 50%, transparent 50.5%),
    linear-gradient(transparent 49.5%, rgba(151,188,230,.16) 50%, transparent 50.5%);
}
.corp-mv-tech--mission::before,
.corp-mv-tech--mission::after {
  content: '';
  position: absolute;
  border: 1px solid rgba(151,188,230,.14);
  border-radius: 50%;
  inset: 18px;
}
.corp-mv-tech--mission::after { inset: 36px; }
.corp-mv-tech--vision {
  right: 30px;
  top: 30px;
  width: 92px;
  height: 72px;
  background-image: radial-gradient(rgba(180,207,238,.28) 1.1px, transparent 1.1px);
  background-size: 10px 10px;
}

.corp-partner-cta--signature {
  position: relative;
  min-height: 235px;
  margin-top: 30px !important;
  padding: 44px 46px !important;
  overflow: hidden;
  border: 1px solid rgba(21,50,86,.09) !important;
  border-top: 0 !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 74% 46%, rgba(21,50,86,.035), transparent 22%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(249,251,253,.96)) !important;
  box-shadow: 0 24px 58px rgba(15,39,71,.085) !important;
}
.corp-partner-cta--signature::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  height: 3px;
  background: linear-gradient(90deg, var(--red), rgba(227,6,19,0));
}
.corp-partner-cta--signature::after {
  content: '';
  position: absolute;
  right: -72px;
  bottom: -126px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  border: 1px solid rgba(21,50,86,.05);
  box-shadow: 0 0 0 42px rgba(21,50,86,.018), 0 0 0 84px rgba(21,50,86,.012);
  pointer-events: none;
}
.corp-partner-cta--signature .corp-partner-copy,
.corp-partner-cta--signature .corp-partner-button {
  position: relative;
  z-index: 3;
}
.corp-partner-cta--signature .corp-partner-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px !important;
}
.corp-partner-cta--signature .corp-partner-eyebrow span {
  width: 30px;
  height: 2px;
  border-radius: 999px;
  background: var(--red);
}
.corp-partner-cta--signature .corp-partner-copy h2 {
  max-width: 770px !important;
  font-size: clamp(34px, 3.4vw, 52px) !important;
  line-height: 1.03 !important;
  letter-spacing: -.045em !important;
}
.corp-partner-cta--signature .corp-partner-copy p {
  max-width: 700px;
  margin-top: 15px !important;
  font-size: 13.5px !important;
}
.corp-partner-cta--signature .corp-partner-button {
  min-width: 204px;
  min-height: 60px !important;
  padding-inline: 24px !important;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 15px !important;
  background: linear-gradient(135deg, #ef101e 0%, #d60614 100%) !important;
  box-shadow: 0 18px 34px rgba(227,6,19,.18), inset 0 1px 0 rgba(255,255,255,.24) !important;
}
.corp-partner-cta--signature .corp-partner-button:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 24px 42px rgba(227,6,19,.25), inset 0 1px 0 rgba(255,255,255,.26) !important;
}
.corp-partner-tech {
  position: absolute;
  right: 260px;
  top: 50%;
  width: 230px;
  height: 150px;
  transform: translateY(-50%);
  opacity: .28;
  pointer-events: none;
  z-index: 1;
}
.corp-partner-tech span,
.corp-partner-tech i,
.corp-partner-tech b {
  position: absolute;
  display: block;
  border: 1px solid rgba(21,50,86,.14);
  transform: rotate(-16deg);
}
.corp-partner-tech span {
  width: 92px;
  height: 42px;
  left: 18px;
  top: 54px;
  border-radius: 12px;
}
.corp-partner-tech i {
  width: 64px;
  height: 64px;
  left: 102px;
  top: 42px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 15px rgba(21,50,86,.025);
}
.corp-partner-tech b {
  width: 44px;
  height: 44px;
  right: 4px;
  top: 52px;
  border-radius: 50%;
}

@media (max-width: 980px) {
  .corp-mv-grid--signature .corp-mv-card {
    min-height: 0 !important;
  }
  .corp-partner-tech { display: none; }
}
@media (max-width: 640px) {
  .corp-mv-grid--signature .corp-mv-card {
    padding: 30px 22px 28px !important;
    border-radius: 22px !important;
  }
  .corp-mv-head { gap: 12px; margin-bottom: 22px; }
  .corp-mv-icon {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
    border-radius: 14px;
  }
  .corp-mv-grid--signature .corp-mv-copy p {
    font-size: 13px !important;
    line-height: 1.85 !important;
  }
  .corp-partner-cta--signature {
    min-height: 0;
    padding: 30px 22px !important;
    border-radius: 22px !important;
  }
  .corp-partner-cta--signature .corp-partner-copy h2 {
    font-size: clamp(30px, 9vw, 40px) !important;
  }
}


/* =========================================================
   v9.9.41 - Misyon/Vizyon ikonları kaldırıldı + sayfa zemin geçişleri yumuşatıldı
   ========================================================= */

/* Hakkımızda sayfasının tamamında tek, yumuşak bir zemin akışı */
.corporate-premium-page {
  position: relative;
  background:
    radial-gradient(circle at 82% 16%, rgba(21,50,86,.035), transparent 28%),
    radial-gradient(circle at 12% 74%, rgba(227,6,19,.018), transparent 24%),
    linear-gradient(180deg,
      #f4f7fa 0%,
      #f6f8fb 22%,
      #f8fafc 48%,
      #f7f9fb 72%,
      #f5f8fb 100%) !important;
}

/* Hero’dan açık zemine geçişi sert çizgi yerine gölge/fade ile bağla */
.page-hero--about {
  border-bottom: 0 !important;
  box-shadow: 0 26px 70px rgba(3,24,53,.12);
}

/* Bölümler artık birbirinden kopuk beyaz bloklar gibi görünmesin */
.corp-about-premium,
.corp-values-premium,
.corp-mv-premium {
  background-color: transparent !important;
}

.corp-about-premium {
  background:
    radial-gradient(circle at 84% 10%, rgba(21,50,86,.045), transparent 30%),
    linear-gradient(180deg,
      rgba(244,247,250,.94) 0%,
      rgba(247,249,252,.86) 52%,
      rgba(248,250,252,.72) 100%) !important;
}
.corp-about-premium::before {
  opacity: .22 !important;
  mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 76%, transparent 100%) !important;
}

.corp-values-premium {
  background:
    radial-gradient(circle at 18% 20%, rgba(21,50,86,.025), transparent 26%),
    linear-gradient(180deg,
      rgba(248,250,252,.72) 0%,
      rgba(247,249,252,.90) 46%,
      rgba(246,249,252,.82) 100%) !important;
}

.corp-mv-premium {
  background:
    radial-gradient(circle at 10% 20%, rgba(21,50,86,.03), transparent 28%),
    radial-gradient(circle at 88% 76%, rgba(227,6,19,.018), transparent 26%),
    linear-gradient(rgba(21,50,86,.016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21,50,86,.016) 1px, transparent 1px),
    linear-gradient(180deg,
      rgba(246,249,252,.82) 0%,
      rgba(247,249,251,.94) 44%,
      rgba(245,248,251,.96) 100%) !important;
  background-size: auto, auto, 88px 88px, 88px 88px, auto !important;
}

/* bölüm sınırlarında sert çizgi veya ani ton değişimi bırakma */
.corp-about-premium,
.corp-values-premium,
.corp-mv-premium {
  border: 0 !important;
  box-shadow: none !important;
}
.corp-about-premium::after,
.corp-values-premium::before,
.corp-values-premium::after,
.corp-mv-premium::before {
  pointer-events: none;
}

/* Misyon / Vizyon: ikonlar yok, başlık tek başına daha premium */
.corp-mv-grid--signature .corp-mv-head {
  display: block !important;
  margin-bottom: 30px !important;
}
.corp-mv-grid--signature .corp-mv-icon {
  display: none !important;
}
.corp-mv-grid--signature .corp-mv-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
  font-size: 13px !important;
  letter-spacing: .19em !important;
}
.corp-mv-grid--signature .corp-mv-kicker::before {
  content: '';
  width: 34px;
  height: 2px;
  flex: 0 0 34px;
  border-radius: 999px;
  background: #ed0b18;
  box-shadow: 0 0 18px rgba(237,11,24,.16);
}

/* kart üst kırmızısını daha zarif yap */
.corp-mv-grid--signature .corp-mv-topline {
  width: 36% !important;
  height: 2px !important;
  background: linear-gradient(90deg, #ed0b18 0%, #ed0b18 58%, rgba(237,11,24,0) 100%) !important;
}

/* CTA alanının çevre zeminiyle daha doğal birleşmesi */
.corp-partner-cta--signature {
  background:
    radial-gradient(circle at 76% 50%, rgba(21,50,86,.025), transparent 24%),
    linear-gradient(135deg, rgba(255,255,255,.90), rgba(248,250,252,.82)) !important;
  border-color: rgba(21,50,86,.075) !important;
  box-shadow: 0 22px 52px rgba(15,39,71,.065) !important;
}

@media (max-width: 640px) {
  .corporate-premium-page {
    background: linear-gradient(180deg,#f4f7fa 0%,#f8fafc 55%,#f5f8fb 100%) !important;
  }
  .corp-mv-grid--signature .corp-mv-head {
    margin-bottom: 23px !important;
  }
  .corp-mv-grid--signature .corp-mv-kicker {
    font-size: 11px !important;
    letter-spacing: .17em !important;
  }
  .corp-mv-grid--signature .corp-mv-kicker::before {
    width: 28px;
    flex-basis: 28px;
  }
}


/* =========================================================
   v9.9.42 - Hakkımızda sayfasında kesintisiz / yumuşak zemin akışı
   ========================================================= */

/* Açık renkli içerik alanlarının tamamı tek bir yüzey üzerinden akar. */
.corporate-premium-page {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(900px 520px at 88% 18%, rgba(21,50,86,.030), transparent 72%),
    radial-gradient(760px 460px at 8% 68%, rgba(227,6,19,.012), transparent 74%),
    linear-gradient(180deg,
      #f5f7fa 0%,
      #f6f8fb 18%,
      #f7f9fb 38%,
      #f7f9fb 60%,
      #f6f8fa 80%,
      #f5f7fa 100%) !important;
}

/* Önceki sürümlerde bölüm bölüm verilen zeminleri tamamen iptal et. */
.corporate-premium-page > .corp-about-premium,
.corporate-premium-page > .corp-values-premium,
.corporate-premium-page > .corp-mv-premium {
  position: relative;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Keskin başlayan grid / maske katmanlarını kaldır. */
.corporate-premium-page > .corp-about-premium::before,
.corporate-premium-page > .corp-values-premium::before,
.corporate-premium-page > .corp-values-premium::after,
.corporate-premium-page > .corp-mv-premium::before,
.corporate-premium-page > .corp-mv-premium::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Hero ile açık zemin arasında doğrudan sert çizgi yerine uzun bir fade oluştur. */
.corporate-premium-page > .corp-about-premium::after {
  content: '' !important;
  display: block !important;
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  top: -105px;
  height: 150px;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(4,23,47,0) 0%,
    rgba(78,94,114,.05) 28%,
    rgba(205,212,221,.20) 55%,
    rgba(238,242,246,.68) 78%,
    rgba(245,247,250,1) 100%
  ) !important;
  filter: blur(14px);
  transform: scaleY(1.08);
}

/* İçerik her zaman fade katmanının üstünde kalsın. */
.corporate-premium-page > .corp-about-premium > .shell,
.corporate-premium-page > .corp-values-premium > .shell,
.corporate-premium-page > .corp-mv-premium > .shell {
  position: relative;
  z-index: 2;
}

/* Bölümler arası mesafeyi korurken tonu değiştirmeyerek band hissini yok et. */
.corp-about-premium {
  padding-top: clamp(96px, 7.2vw, 128px) !important;
  padding-bottom: clamp(88px, 6.6vw, 116px) !important;
}
.corp-values-premium {
  padding-top: clamp(84px, 6.4vw, 108px) !important;
  padding-bottom: clamp(88px, 6.6vw, 112px) !important;
}
.corp-mv-premium {
  padding-top: clamp(86px, 6.6vw, 112px) !important;
  padding-bottom: clamp(96px, 7vw, 122px) !important;
}

/* Hero'nun alt sınırındaki sert gölgeyi de yay. */
.page-hero--about {
  border-bottom: 0 !important;
  box-shadow: 0 34px 78px -42px rgba(4,23,47,.28) !important;
}

/* Sayfanın açık alanına tek parça, çok hafif atmosfer katmanı. */
.corporate-premium-page::after {
  content: '';
  position: absolute;
  z-index: 0;
  left: -8%;
  right: -8%;
  top: 520px;
  bottom: 0;
  pointer-events: none;
  background:
    radial-gradient(620px 340px at 20% 28%, rgba(255,255,255,.48), transparent 72%),
    radial-gradient(720px 380px at 78% 70%, rgba(21,50,86,.018), transparent 76%);
  filter: blur(10px);
}

@media (max-width: 760px) {
  .corporate-premium-page {
    background: linear-gradient(180deg,#f5f7fa 0%,#f7f9fb 52%,#f5f7fa 100%) !important;
  }
  .corporate-premium-page > .corp-about-premium::after {
    top: -72px;
    height: 110px;
    filter: blur(10px);
  }
  .corp-about-premium,
  .corp-values-premium,
  .corp-mv-premium {
    padding-block: 68px !important;
  }
}


/* v9.9.43 - Ürünler hero: Hakkımızda ile aynı premium arka plan */
.page-hero--products {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  padding: 76px 0 82px !important;
  background: #061b38 !important;
  isolation: isolate;
  overflow: hidden;
}

.page-hero--products::before {
  content: '';
  position: absolute;
  z-index: -2;
  inset: 0;
  background-image: url('../images/hakkimizda-premium-bg-v2.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  filter: none !important;
  transform: none !important;
}

.page-hero--products::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg,
    rgba(2,14,30,.63) 0%,
    rgba(2,14,30,.46) 32%,
    rgba(2,14,30,.16) 58%,
    rgba(2,14,30,.02) 78%,
    rgba(2,14,30,0) 100%) !important;
}

.page-hero--products .page-hero-grid {
  display: none !important;
}

.page-hero--products .shell {
  position: relative;
  z-index: 2;
  width: 100%;
}

.page-hero--products .page-hero-copy {
  width: min(720px, 52vw);
}

.page-hero--products .eyebrow.light {
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .17em !important;
  text-transform: uppercase;
}

.page-hero--products .eyebrow.light span {
  background: #fff !important;
}

.page-hero--products h1 {
  max-width: 760px !important;
  margin-top: 18px !important;
  color: #fff !important;
  font-size: clamp(54px, 6.4vw, 84px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  text-shadow: 0 10px 34px rgba(0,0,0,.18);
}

.page-hero--products .page-hero-text {
  max-width: 650px !important;
  margin-top: 24px !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  text-shadow: 0 4px 18px rgba(0,0,0,.16);
}

@media (max-width: 1050px) {
  .page-hero--products {
    min-height: 440px;
  }
  .page-hero--products::before {
    background-position: 58% center !important;
  }
  .page-hero--products::after {
    background: linear-gradient(90deg,
      rgba(2,14,30,.76) 0%,
      rgba(2,14,30,.56) 46%,
      rgba(2,14,30,.18) 78%,
      rgba(2,14,30,.04) 100%) !important;
  }
  .page-hero--products .page-hero-copy {
    width: min(680px, 65vw);
  }
}

@media (max-width: 760px) {
  .page-hero--products {
    min-height: 410px;
    padding: 62px 0 66px !important;
  }
  .page-hero--products::before {
    background-position: 66% center !important;
  }
  .page-hero--products::after {
    background: linear-gradient(90deg,
      rgba(2,14,30,.90) 0%,
      rgba(2,14,30,.75) 56%,
      rgba(2,14,30,.48) 100%) !important;
  }
  .page-hero--products .page-hero-copy {
    width: 100%;
  }
  .page-hero--products h1 {
    max-width: 92% !important;
    font-size: clamp(42px, 12vw, 58px) !important;
  }
  .page-hero--products .page-hero-text {
    max-width: 92% !important;
    font-size: 14px !important;
  }
}


/* =========================================================
   v9.9.44 - Ürünler hero Hakkımızda ile birebir aynı yapı
   Sadece içerik metni farklıdır.
   ========================================================= */
.page-hero--products {
  position: relative !important;
  min-height: 610px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-bottom: 0 !important;
  background: #04172f !important;
  isolation: isolate !important;
  box-shadow: 0 34px 78px -42px rgba(4,23,47,.28) !important;
}

.page-hero--products::before {
  content: '' !important;
  position: absolute !important;
  z-index: -3 !important;
  inset: 0 !important;
  background-image: url('../images/hakkimizda-premium-bg-v2.png') !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  filter: none !important;
  transform: none !important;
}

.page-hero--products::after {
  content: '' !important;
  position: absolute !important;
  z-index: -2 !important;
  inset: 0 !important;
  background: linear-gradient(90deg,
    rgba(2,14,30,.28) 0%,
    rgba(2,14,30,.13) 34%,
    rgba(2,14,30,.02) 58%,
    rgba(2,14,30,0) 100%) !important;
}

.page-hero--products .page-hero-grid {
  display: none !important;
}

.page-hero--products .shell {
  position: relative !important;
  z-index: 2 !important;
  width: min(1320px, calc(100% - 64px)) !important;
  padding-block: 82px !important;
}

.page-hero--products .page-hero-copy {
  position: relative !important;
  width: min(760px, 60%) !important;
  padding: 34px 0 38px !important;
}

.page-hero--products .page-hero-copy::before {
  content: '' !important;
  position: absolute !important;
  left: -32px !important;
  top: 12px !important;
  bottom: 12px !important;
  width: 1px !important;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.18) 18%, rgba(255,255,255,.18) 82%, transparent) !important;
}

.page-hero--products .eyebrow.light {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 26px !important;
  color: #f3f6fb !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;
}

.page-hero--products .eyebrow.light span {
  width: 38px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: var(--red) !important;
  box-shadow: 0 0 18px rgba(227,6,19,.30) !important;
}

.page-hero--products h1 {
  max-width: 760px !important;
  margin: 0 !important;
  color: #fff !important;
  font-family: var(--font-display) !important;
  font-size: clamp(60px, 5.4vw, 88px) !important;
  font-weight: 800 !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance !important;
  text-shadow: 0 14px 42px rgba(0,0,0,.28) !important;
}

.page-hero--products .page-hero-text {
  max-width: 640px !important;
  margin: 30px 0 0 !important;
  color: #b7c7d9 !important;
  font-size: 17px !important;
  font-weight: 450 !important;
  line-height: 1.78 !important;
  letter-spacing: .002em !important;
  text-shadow: none !important;
}

.page-hero--products .shell::after {
  content: '' !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 34px !important;
  width: 180px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.28)) !important;
}

@media (max-width: 1050px) {
  .page-hero--products {
    min-height: 560px !important;
  }
  .page-hero--products::before {
    background-position: 58% center !important;
  }
  .page-hero--products::after {
    background: linear-gradient(90deg,
      rgba(2,14,30,.50) 0%,
      rgba(2,14,30,.30) 45%,
      rgba(2,14,30,.08) 72%,
      rgba(2,14,30,0) 100%) !important;
  }
  .page-hero--products .page-hero-copy {
    width: min(700px, 68%) !important;
  }
}

@media (max-width: 760px) {
  .page-hero--products {
    min-height: 580px !important;
  }
  .page-hero--products::before {
    background-position: 64% center !important;
  }
  .page-hero--products::after {
    background: linear-gradient(90deg,
      rgba(2,14,30,.78) 0%,
      rgba(2,14,30,.58) 56%,
      rgba(2,14,30,.26) 100%) !important;
  }
  .page-hero--products .shell {
    width: calc(100% - 36px) !important;
    padding-block: 66px !important;
  }
  .page-hero--products .page-hero-copy {
    width: 100% !important;
    padding: 12px 0 24px !important;
  }
  .page-hero--products .page-hero-copy::before,
  .page-hero--products .shell::after {
    display: none !important;
  }
  .page-hero--products .eyebrow.light {
    margin-bottom: 22px !important;
    font-size: 10px !important;
  }
  .page-hero--products h1 {
    max-width: 96% !important;
    font-size: clamp(46px, 13vw, 64px) !important;
    line-height: 1 !important;
  }
  .page-hero--products .page-hero-text {
    max-width: 94% !important;
    margin-top: 24px !important;
    font-size: 14.5px !important;
    line-height: 1.72 !important;
  }
}


/* =========================================================
   v9.9.45 - Ürünler hero alt geçişi Hakkımızda ile birebir
   ========================================================= */
.page-hero--products {
  border-bottom: 0 !important;
  box-shadow: 0 34px 78px -42px rgba(4,23,47,.28) !important;
}

.catalogue.catalogue--hero-fade {
  position: relative !important;
  isolation: isolate;
  overflow: visible !important;
  background: #f5f7fa !important;
  border-top: 0 !important;
}

/* Hakkımızda sayfasındaki açık bölüme taşan yumuşak fade'in aynısı */
.catalogue.catalogue--hero-fade::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  z-index: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: -105px !important;
  height: 150px !important;
  pointer-events: none !important;
  background: linear-gradient(
    180deg,
    rgba(4,23,47,0) 0%,
    rgba(78,94,114,.05) 28%,
    rgba(205,212,221,.20) 55%,
    rgba(238,242,246,.68) 78%,
    rgba(245,247,250,1) 100%
  ) !important;
  filter: blur(14px) !important;
  transform: scaleY(1.08) !important;
  transform-origin: center bottom !important;
}

.catalogue.catalogue--hero-fade > .shell {
  position: relative !important;
  z-index: 2 !important;
}

/* Fade'in altındaki ton Hakkımızda açık zeminine yaklaşsın */
.catalogue.catalogue--hero-fade {
  background-image:
    radial-gradient(700px 300px at 18% 0%, rgba(255,255,255,.42), transparent 72%),
    linear-gradient(180deg, #f5f7fa 0%, #f7f9fb 32%, #f8fafc 100%) !important;
}

@media (max-width: 760px) {
  .catalogue.catalogue--hero-fade::before {
    top: -88px !important;
    height: 125px !important;
    filter: blur(11px) !important;
  }
}

/* =========================================================
   v9.9.46 - İletişim sayfası premium hero + içerik
   ========================================================= */

/* Hakkımızda ile aynı hero yapısı ve aynı arka plan */
.page-hero--contact {
  position: relative !important;
  min-height: 610px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-bottom: 0 !important;
  background: #04172f !important;
  isolation: isolate !important;
  box-shadow: 0 34px 78px -42px rgba(4,23,47,.28) !important;
}

.page-hero--contact::before {
  content: '' !important;
  position: absolute !important;
  z-index: -3 !important;
  inset: 0 !important;
  background-image: url('../images/hakkimizda-premium-bg-v2.png') !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  filter: none !important;
  transform: none !important;
}

.page-hero--contact::after {
  content: '' !important;
  position: absolute !important;
  z-index: -2 !important;
  inset: 0 !important;
  background: linear-gradient(90deg,
    rgba(2,14,30,.28) 0%,
    rgba(2,14,30,.13) 34%,
    rgba(2,14,30,.02) 58%,
    rgba(2,14,30,0) 100%) !important;
}

.page-hero--contact .page-hero-grid {
  display: none !important;
}

.page-hero--contact .shell {
  position: relative !important;
  z-index: 2 !important;
  width: min(1320px, calc(100% - 64px)) !important;
  padding-block: 82px !important;
}

.page-hero--contact .page-hero-copy {
  position: relative !important;
  width: min(760px, 60%) !important;
  padding: 34px 0 38px !important;
}

.page-hero--contact .page-hero-copy::before {
  content: '' !important;
  position: absolute !important;
  left: -32px !important;
  top: 12px !important;
  bottom: 12px !important;
  width: 1px !important;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.18) 18%, rgba(255,255,255,.18) 82%, transparent) !important;
}

.page-hero--contact .eyebrow.light {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 26px !important;
  color: #f3f6fb !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;
}

.page-hero--contact .eyebrow.light span {
  width: 38px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: var(--red) !important;
  box-shadow: 0 0 18px rgba(227,6,19,.30) !important;
}

.page-hero--contact h1 {
  max-width: 760px !important;
  margin: 0 !important;
  color: #fff !important;
  font-family: var(--font-display) !important;
  font-size: clamp(60px, 5.4vw, 88px) !important;
  font-weight: 800 !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance !important;
  text-shadow: 0 14px 42px rgba(0,0,0,.28) !important;
}

.page-hero--contact .page-hero-text {
  max-width: 640px !important;
  margin: 30px 0 0 !important;
  color: #b7c7d9 !important;
  font-size: 17px !important;
  font-weight: 450 !important;
  line-height: 1.78 !important;
  letter-spacing: .002em !important;
}

.page-hero--contact .shell::after {
  content: '' !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 34px !important;
  width: 180px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.28)) !important;
}

/* Hero'dan içerik alanına Hakkımızda/Ürünler ile aynı yumuşak geçiş */
.contact-section--premium {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  padding: 104px 0 88px !important;
  background:
    radial-gradient(900px 380px at 14% 0%, rgba(255,255,255,.72), transparent 72%),
    linear-gradient(180deg, #f5f7fa 0%, #f7f9fb 42%, #f8fafc 100%) !important;
}

.contact-section--premium::before {
  content: '' !important;
  position: absolute !important;
  z-index: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: -108px !important;
  height: 158px !important;
  pointer-events: none !important;
  background: linear-gradient(
    180deg,
    rgba(4,23,47,0) 0%,
    rgba(78,94,114,.05) 27%,
    rgba(205,212,221,.20) 54%,
    rgba(238,242,246,.68) 78%,
    rgba(245,247,250,1) 100%
  ) !important;
  filter: blur(14px) !important;
  transform: scaleY(1.08) !important;
  transform-origin: center bottom !important;
}

.contact-section--premium > .shell {
  position: relative !important;
  z-index: 2 !important;
}

.contact-premium-layout {
  display: grid !important;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr) !important;
  gap: 28px !important;
  align-items: stretch !important;
}

.contact-premium-info {
  position: relative;
  overflow: hidden;
  min-width: 0;
  padding: 44px;
  border: 1px solid rgba(21,50,86,.09);
  border-radius: 26px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 22px 56px rgba(15,39,71,.08);
  backdrop-filter: blur(12px);
}

.contact-premium-info::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--red) 0 19%, rgba(227,6,19,.12) 38%, transparent 68%);
}

.contact-premium-info::after {
  content: '';
  position: absolute;
  right: -90px;
  bottom: -90px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(21,50,86,.055), transparent 70%);
  pointer-events: none;
}

.contact-premium-head {
  position: relative;
  z-index: 1;
  max-width: 560px;
  margin-bottom: 30px;
}

.contact-premium-head .info-label,
.map-heading--premium .info-label {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--red);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.contact-premium-head .info-label::before,
.map-heading--premium .info-label::before {
  content: '';
  width: 32px;
  height: 2px;
  border-radius: 999px;
  background: var(--red);
}

.contact-premium-head h2 {
  margin: 15px 0 14px !important;
  color: var(--navy) !important;
  font-size: clamp(34px, 3.5vw, 48px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.04em !important;
}

.contact-premium-head > p {
  max-width: 530px;
  margin: 0;
  color: #69798d;
  font-size: 14px;
  line-height: 1.78;
}

.contact-premium-cards {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.contact-premium-card {
  position: relative;
  min-height: 156px;
  padding: 24px 22px 22px;
  overflow: hidden;
  border: 1px solid rgba(21,50,86,.09);
  border-radius: 18px;
  background: rgba(255,255,255,.86);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.contact-premium-card:hover {
  transform: translateY(-3px);
  border-color: rgba(21,50,86,.16);
  box-shadow: 0 14px 30px rgba(15,39,71,.08);
}

.contact-premium-card--wide {
  grid-column: 1 / -1;
  min-height: 132px;
}

.contact-premium-index {
  display: block;
  margin-bottom: 18px;
  color: var(--red);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
}

.contact-premium-card small {
  display: block;
  margin-bottom: 9px;
  color: #8a98a9;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em;
}

.contact-premium-links {
  display: grid;
  gap: 5px;
}

.contact-premium-card a,
.contact-premium-card p {
  margin: 0;
  color: var(--navy);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.7;
}

.contact-premium-card p {
  max-width: 480px;
  color: #52657d;
  font-weight: 600;
}

.contact-premium-map-link {
  position: relative;
  z-index: 1;
  min-height: 56px;
  margin-top: 14px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  color: #fff;
  background: linear-gradient(135deg, #153256 0%, #0c2749 100%);
  border-radius: 14px;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 14px 28px rgba(15,39,71,.13);
  transition: transform .2s ease, box-shadow .2s ease;
}

.contact-premium-map-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 32px rgba(15,39,71,.18);
}

/* Form */
.public-form--contact-premium {
  position: relative;
  overflow: hidden;
  min-width: 0;
  padding: 44px !important;
  border: 1px solid rgba(21,50,86,.09) !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 24px 60px rgba(15,39,71,.10) !important;
}

.public-form--contact-premium::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--red) 0 20%, rgba(227,6,19,.11) 40%, transparent 70%);
}

.form-heading--premium {
  margin-bottom: 28px;
}

.form-heading--premium span {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--red) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
}

.form-heading--premium h2 {
  margin: 13px 0 10px !important;
  color: var(--navy) !important;
  font-size: clamp(34px, 3.4vw, 46px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.04em !important;
}

.form-heading--premium p {
  max-width: 520px;
  margin: 0;
  color: #718095;
  font-size: 13px;
  line-height: 1.75;
}

.public-form--contact-premium label {
  gap: 9px !important;
  margin-bottom: 16px !important;
  color: #3a4c63 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .01em;
}

.public-form--contact-premium input,
.public-form--contact-premium textarea {
  border: 1px solid #d7dfe8 !important;
  border-radius: 12px !important;
  background: #fbfcfe !important;
  color: var(--ink) !important;
  font-size: 13px !important;
  padding: 14px 15px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

.public-form--contact-premium input:focus,
.public-form--contact-premium textarea:focus {
  border-color: rgba(21,50,86,.42) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(21,50,86,.055) !important;
}

.public-form--contact-premium textarea {
  min-height: 160px;
}

.contact-premium-submit {
  width: 100% !important;
  min-height: 58px !important;
  margin-top: 2px !important;
  padding: 0 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  border-radius: 13px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #153256 0%, #0a2445 100%) !important;
  border: 0 !important;
  box-shadow: 0 15px 30px rgba(15,39,71,.13) !important;
}

.contact-premium-submit:hover,
.contact-premium-submit:focus-visible {
  background: linear-gradient(135deg, #e30613 0%, #c40812 100%) !important;
  transform: translateY(-1px);
}

/* Premium harita */
.map-section--premium {
  position: relative;
  padding: 10px 0 112px !important;
  background: linear-gradient(180deg, #f8fafc 0%, #f4f7fa 100%) !important;
}

.map-premium-card {
  padding: 34px;
  border: 1px solid rgba(21,50,86,.09);
  border-radius: 26px;
  background: rgba(255,255,255,.84);
  box-shadow: 0 22px 54px rgba(15,39,71,.08);
}

.map-heading--premium {
  margin-bottom: 24px !important;
  align-items: center !important;
}

.map-heading--premium h2 {
  margin-top: 12px !important;
  font-size: clamp(30px, 3vw, 42px) !important;
}

.map-heading--premium .outline-dark-btn {
  min-height: 52px;
  padding: 0 18px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(15,39,71,.055);
}

.map-wrap--premium {
  height: 480px !important;
  border: 0 !important;
  border-radius: 19px !important;
  box-shadow: none !important;
}

@media (max-width: 1050px) {
  .page-hero--contact {
    min-height: 560px !important;
  }
  .page-hero--contact::before {
    background-position: 58% center !important;
  }
  .page-hero--contact::after {
    background: linear-gradient(90deg,
      rgba(2,14,30,.50) 0%,
      rgba(2,14,30,.30) 45%,
      rgba(2,14,30,.08) 72%,
      rgba(2,14,30,0) 100%) !important;
  }
  .page-hero--contact .page-hero-copy {
    width: min(700px, 68%) !important;
  }
  .contact-premium-layout {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .page-hero--contact {
    min-height: 580px !important;
  }
  .page-hero--contact::before {
    background-position: 64% center !important;
  }
  .page-hero--contact::after {
    background: linear-gradient(90deg,
      rgba(2,14,30,.78) 0%,
      rgba(2,14,30,.58) 56%,
      rgba(2,14,30,.26) 100%) !important;
  }
  .page-hero--contact .shell {
    width: calc(100% - 36px) !important;
    padding-block: 66px !important;
  }
  .page-hero--contact .page-hero-copy {
    width: 100% !important;
    padding: 12px 0 24px !important;
  }
  .page-hero--contact .page-hero-copy::before,
  .page-hero--contact .shell::after {
    display: none !important;
  }
  .page-hero--contact .eyebrow.light {
    margin-bottom: 22px !important;
    font-size: 10px !important;
  }
  .page-hero--contact h1 {
    max-width: 96% !important;
    font-size: clamp(44px, 12.5vw, 62px) !important;
    line-height: 1 !important;
  }
  .page-hero--contact .page-hero-text {
    max-width: 94% !important;
    margin-top: 24px !important;
    font-size: 14.5px !important;
    line-height: 1.72 !important;
  }
  .contact-section--premium {
    padding: 76px 0 64px !important;
  }
  .contact-section--premium::before {
    top: -88px !important;
    height: 126px !important;
    filter: blur(11px) !important;
  }
  .contact-premium-info,
  .public-form--contact-premium {
    padding: 28px 20px !important;
    border-radius: 20px !important;
  }
  .contact-premium-cards {
    grid-template-columns: 1fr;
  }
  .contact-premium-card--wide {
    grid-column: auto;
  }
  .public-form--contact-premium .form-two {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  .map-premium-card {
    padding: 20px;
    border-radius: 20px;
  }
  .map-heading--premium {
    align-items: stretch !important;
  }
  .map-heading--premium .outline-dark-btn {
    width: 100%;
  }
  .map-wrap--premium {
    height: 390px !important;
    border-radius: 15px !important;
  }
}


/* =========================================================
   v9.9.47 - Ürünler + Hızlı Teklif premium tasarım
   ========================================================= */

/* ---------- ÜRÜNLER / PREMIUM KATALOG ---------- */
.catalogue.catalogue--premium {
  padding-top: 92px !important;
  padding-bottom: 118px !important;
  background-image:
    radial-gradient(820px 360px at 12% 2%, rgba(255,255,255,.82), transparent 70%),
    radial-gradient(680px 320px at 92% 18%, rgba(226,233,242,.42), transparent 74%),
    linear-gradient(180deg, #f5f7fa 0%, #f8fafc 42%, #f4f7fa 100%) !important;
}
.catalogue-premium-head {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 48px;
  margin-bottom: 42px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(16,50,86,.10);
}
.catalogue-premium-copy { max-width: 760px; }
.catalogue-premium-eyebrow {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0 0 14px;
  color: var(--red);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .18em;
}
.catalogue-premium-eyebrow span {
  width: 38px;
  height: 2px;
  border-radius: 99px;
  background: var(--red);
}
.catalogue-premium-copy h2 {
  max-width: 760px;
  margin: 0;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: clamp(30px,3.6vw,48px);
  line-height: 1.1;
  letter-spacing: -.035em;
}
.catalogue-premium-copy > p:last-child {
  max-width: 690px;
  margin: 15px 0 0;
  color: #66778d;
  font-size: 14px;
  line-height: 1.8;
}
.catalogue-premium-count {
  display: grid;
  min-width: 148px;
  justify-items: end;
  padding: 8px 0 4px 28px;
  border-left: 1px solid rgba(16,50,86,.12);
}
.catalogue-premium-count strong {
  color: var(--navy);
  font-family: var(--font-display);
  font-size: 42px;
  line-height: 1;
  letter-spacing: -.04em;
}
.catalogue-premium-count span {
  margin-top: 7px;
  color: #77869a;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .03em;
}

.catalogue-grid--premium {
  gap: 24px !important;
  align-items: stretch !important;
}
.catalogue-grid--premium .product-card--catalogue {
  position: relative !important;
  min-height: 455px !important;
  padding: 0 26px 24px !important;
  overflow: hidden !important;
  border: 1px solid rgba(19,52,87,.11) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow:
    0 15px 34px rgba(8,34,68,.055),
    0 2px 8px rgba(8,34,68,.025) !important;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease !important;
}
.catalogue-grid--premium .product-card--catalogue::before {
  content: '';
  position: absolute;
  z-index: 3;
  left: 24px;
  top: 0;
  width: 52px;
  height: 3px;
  border-radius: 0 0 99px 99px;
  background: var(--red);
  opacity: 0;
  transform: scaleX(.4);
  transform-origin: left center;
  transition: opacity .28s ease, transform .28s ease;
}
.catalogue-grid--premium .product-card--catalogue:hover {
  transform: translateY(-7px) !important;
  border-color: rgba(19,52,87,.20) !important;
  box-shadow:
    0 26px 54px rgba(8,34,68,.11),
    0 5px 16px rgba(8,34,68,.045) !important;
}
.catalogue-grid--premium .product-card--catalogue:hover::before {
  opacity: 1;
  transform: scaleX(1);
}
.catalogue-grid--premium .product-image,
.catalogue-grid--premium .product-placeholder {
  width: calc(100% + 52px) !important;
  height: 230px !important;
  margin: 0 -26px !important;
  border-bottom: 1px solid rgba(19,52,87,.08) !important;
  background: #f4f6f8 !important;
}
.catalogue-grid--premium .product-image {
  object-fit: cover !important;
  transform: scale(1.001);
  transition: transform .5s cubic-bezier(.2,.7,.2,1), filter .35s ease !important;
}
.catalogue-grid--premium .product-card--catalogue:hover .product-image {
  transform: scale(1.035);
  filter: contrast(1.025) saturate(1.01) !important;
}
.catalogue-grid--premium .product-card--catalogue h3 {
  min-height: 0 !important;
  margin: 22px 0 9px !important;
  color: var(--navy) !important;
  font-size: 20px !important;
  line-height: 1.22 !important;
  letter-spacing: -.018em;
}
.catalogue-grid--premium .product-card--catalogue p {
  min-height: 0 !important;
  margin: 0 0 16px !important;
  color: #66778c !important;
  font-size: 12px !important;
  line-height: 1.72 !important;
}
.catalogue-grid--premium .standards-line {
  min-height: 0 !important;
  margin-top: auto !important;
  padding: 13px 0 0 !important;
  border-top: 1px solid rgba(19,52,87,.09) !important;
  color: #8491a2 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  letter-spacing: .015em;
}
.catalogue-grid--premium .card-footer {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin-top: 17px !important;
  color: var(--navy) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .015em;
  transition: color .22s ease !important;
}
.catalogue-grid--premium .card-footer .site-chevron {
  color: var(--red) !important;
  transform: scale(.82);
  transition: transform .22s ease !important;
}
.catalogue-grid--premium .product-card--catalogue:hover .card-footer {
  color: var(--red) !important;
}
.catalogue-grid--premium .product-card--catalogue:hover .card-footer .site-chevron {
  transform: translateX(4px) scale(.82);
}

/* ---------- HIZLI TEKLİF / SIGNATURE PREMIUM ---------- */
.quote-hero {
  min-height: auto !important;
  padding: 92px 0 110px !important;
  overflow: hidden !important;
  background:
    radial-gradient(800px 430px at 8% 5%, rgba(255,255,255,.85), transparent 72%),
    radial-gradient(720px 420px at 96% 26%, rgba(214,223,234,.42), transparent 72%),
    linear-gradient(180deg,#f6f8fb 0%,#eef3f7 100%) !important;
}
.quote-layout {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(500px,570px) !important;
  gap: 34px !important;
  align-items: stretch !important;
}
.quote-intro {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 690px;
  padding: 62px 58px !important;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 28px;
  color: #fff !important;
  background:
    radial-gradient(circle at 84% 16%, rgba(61,111,169,.24), transparent 31%),
    linear-gradient(145deg,#061a38 0%,#0a2d5e 100%);
  box-shadow: 0 28px 60px rgba(8,34,68,.16);
}
.quote-intro::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(115deg, transparent 0%, rgba(0,0,0,.68) 52%, transparent 100%);
  opacity: .52;
}
.quote-intro::after {
  content: 'M';
  position: absolute;
  right: -8px;
  bottom: -96px;
  color: rgba(255,255,255,.035);
  font-family: var(--font-display);
  font-size: 360px;
  font-weight: 900;
  line-height: 1;
}
.quote-intro > * { position: relative; z-index: 2; }
.quote-premium-eyebrow {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0 0 22px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .19em !important;
}
.quote-premium-eyebrow span {
  width: 42px;
  height: 2px;
  border-radius: 99px;
  background: var(--red);
}
.quote-layout h1 {
  max-width: 650px !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(46px,5.2vw,70px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.05em !important;
}
.quote-layout h1 em {
  display: inline-block;
  margin-top: 7px;
  color: #fff !important;
  font-style: normal !important;
}
.quote-layout > .quote-intro > p:not(.quote-premium-eyebrow) {
  max-width: 560px !important;
  margin: 26px 0 0 !important;
  color: rgba(230,238,248,.78) !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
}
.quote-steps {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 10px !important;
  margin-top: 44px !important;
}
.quote-steps div {
  display: grid !important;
  align-content: start;
  gap: 13px !important;
  min-height: 108px;
  padding: 17px 15px !important;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 14px;
  color: rgba(255,255,255,.86) !important;
  background: rgba(255,255,255,.045);
  backdrop-filter: blur(5px);
  font-size: 10px !important;
  font-weight: 760 !important;
  line-height: 1.45 !important;
}
.quote-steps span {
  width: 31px !important;
  height: 31px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  border-radius: 8px !important;
  color: #fff !important;
  background: rgba(255,255,255,.06) !important;
  font-size: 9px !important;
}

.quote-form {
  position: relative;
  align-self: stretch;
  padding: 44px 40px 38px !important;
  overflow: hidden;
  border: 1px solid rgba(16,50,86,.11) !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow:
    0 26px 56px rgba(8,34,68,.105),
    0 2px 8px rgba(8,34,68,.025) !important;
}
.quote-form::before {
  content: '';
  position: absolute;
  left: 40px;
  right: 40px;
  top: 0;
  height: 3px;
  border-radius: 0 0 99px 99px;
  background: linear-gradient(90deg,var(--red) 0 18%,transparent 18% 100%);
}
.quote-form-kicker {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--red);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .18em;
}
.quote-form-heading h2 {
  margin: 0 !important;
  color: var(--navy) !important;
  font-size: 32px !important;
  line-height: 1.15 !important;
  letter-spacing: -.025em;
}
.quote-form-heading p {
  margin: 10px 0 28px !important;
  color: #718096 !important;
  font-size: 11px !important;
  line-height: 1.7 !important;
}
.quote-form label {
  margin-bottom: 16px !important;
  color: #33465e !important;
  font-size: 10px !important;
  font-weight: 820 !important;
  letter-spacing: .01em;
}
.quote-form input,
.quote-form textarea {
  min-height: 48px !important;
  margin-top: 7px !important;
  padding: 12px 13px !important;
  border: 1px solid #dce4ec !important;
  border-radius: 10px !important;
  color: var(--navy) !important;
  background: #fbfcfd !important;
  box-shadow: inset 0 1px 2px rgba(8,34,68,.018) !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}
.quote-form textarea { min-height: 112px !important; resize: vertical; }
.quote-form input:focus,
.quote-form textarea:focus {
  outline: none !important;
  border-color: rgba(211,9,24,.52) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(211,9,24,.065) !important;
}
.quote-file-field > span:first-child {
  color: #33465e !important;
  font-size: 10px !important;
}
.quote-file-box {
  min-height: 102px !important;
  grid-template-columns: 48px minmax(0,1fr) 185px !important;
  gap: 14px !important;
  padding: 14px !important;
  border: 1px dashed #c7d2df !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg,#fafbfd 0%,#f6f8fb 100%) !important;
}
.quote-file-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  color: var(--red) !important;
  background: #fff !important;
  box-shadow: 0 7px 18px rgba(8,34,68,.06);
}
.quote-file-copy strong { font-size: 11px !important; }
.quote-file-copy small { font-size: 9px !important; }
.quote-file-box input[type="file"] {
  min-height: 42px !important;
  margin: 0 !important;
  padding: 5px !important;
  border-radius: 9px !important;
  background: #fff !important;
}
.quote-file-box input[type="file"]::file-selector-button {
  padding: 8px 10px !important;
  border-radius: 7px !important;
  background: var(--navy) !important;
}
.quote-form .primary-btn {
  width: 100% !important;
  min-height: 54px !important;
  justify-content: space-between !important;
  margin-top: 5px !important;
  padding-inline: 20px !important;
  border-radius: 11px !important;
  background: var(--navy) !important;
  box-shadow: 0 14px 28px rgba(8,34,68,.16) !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}
.quote-form .primary-btn:hover {
  transform: translateY(-2px);
  background: #0b3266 !important;
  box-shadow: 0 18px 34px rgba(8,34,68,.21) !important;
}

@media (max-width: 1080px) {
  .quote-layout {
    grid-template-columns: minmax(0,1fr) minmax(440px,500px) !important;
    gap: 24px !important;
  }
  .quote-intro { padding: 50px 42px !important; }
  .catalogue-premium-head { gap: 28px; }
}
@media (max-width: 900px) {
  .quote-hero { padding: 70px 0 88px !important; }
  .quote-layout { grid-template-columns: 1fr !important; gap: 24px !important; }
  .quote-intro { min-height: 520px; padding: 48px 36px !important; }
  .quote-form { width: 100% !important; max-width: none !important; margin: 0 !important; }
  .catalogue-premium-head { grid-template-columns: 1fr; align-items: start; }
  .catalogue-premium-count {
    justify-items: start;
    padding: 0;
    border-left: 0;
  }
}
@media (max-width: 640px) {
  .catalogue.catalogue--premium { padding-top: 66px !important; padding-bottom: 82px !important; }
  .catalogue-premium-head { margin-bottom: 28px; padding-bottom: 22px; }
  .catalogue-premium-copy h2 { font-size: 30px; }
  .catalogue-premium-count { display: none; }
  .catalogue-grid--premium { gap: 17px !important; }
  .catalogue-grid--premium .product-card--catalogue {
    min-height: 410px !important;
    padding: 0 20px 20px !important;
    border-radius: 17px !important;
  }
  .catalogue-grid--premium .product-image,
  .catalogue-grid--premium .product-placeholder {
    width: calc(100% + 40px) !important;
    height: 205px !important;
    margin: 0 -20px !important;
  }
  .quote-hero { padding: 52px 0 66px !important; }
  .quote-intro {
    min-height: 0;
    padding: 38px 24px !important;
    border-radius: 22px;
  }
  .quote-layout h1 { font-size: clamp(38px,12vw,52px) !important; }
  .quote-steps { grid-template-columns: 1fr !important; margin-top: 32px !important; }
  .quote-steps div { min-height: 0; grid-template-columns: 31px minmax(0,1fr); align-items: center; }
  .quote-form { padding: 34px 20px 25px !important; border-radius: 22px !important; }
  .quote-form::before { left: 20px; right: 20px; }
  .quote-form-heading h2 { font-size: 27px !important; }
  .quote-file-box { grid-template-columns: 44px minmax(0,1fr) !important; }
  .quote-file-box input[type="file"] { grid-column: 1 / -1; width: 100% !important; }
}

/* =========================================================
   v9.9.48 - İç sayfalardaki büyük hero/banner alanları kaldırıldı
   ========================================================= */

/* Hakkımızda: hero kalkınca içerik doğrudan ve dengeli başlasın */
.corporate-premium-page--no-hero {
  background:
    radial-gradient(900px 520px at 88% 10%, rgba(21,50,86,.028), transparent 72%),
    radial-gradient(760px 460px at 8% 68%, rgba(227,6,19,.010), transparent 74%),
    linear-gradient(180deg,#f7f9fb 0%,#f6f8fb 40%,#f5f7fa 100%) !important;
}
.corporate-premium-page--no-hero > .corp-about-premium::after {
  content: none !important;
  display: none !important;
}
.corp-about-premium--no-hero {
  padding-top: clamp(64px, 5vw, 88px) !important;
}
.corporate-premium-page--no-hero::after {
  top: 0 !important;
}

/* Ürünler: hero-fade kaldırıldı; katalog doğal sayfa başlangıcına dönüştü */
.catalogue.catalogue--no-hero {
  position: relative !important;
  overflow: hidden !important;
  padding-top: clamp(66px, 5.2vw, 92px) !important;
  background:
    radial-gradient(820px 360px at 14% 0%, rgba(255,255,255,.72), transparent 72%),
    radial-gradient(760px 420px at 88% 30%, rgba(21,50,86,.025), transparent 75%),
    linear-gradient(180deg,#f7f9fb 0%,#f8fafc 48%,#f5f7fa 100%) !important;
}
.catalogue.catalogue--no-hero::before {
  content: none !important;
  display: none !important;
}

/* İletişim: hero kalkınca form ve bilgi alanı doğrudan başlasın */
.contact-section--premium.contact-section--no-hero {
  padding-top: clamp(66px, 5.2vw, 92px) !important;
  background:
    radial-gradient(900px 380px at 14% 0%, rgba(255,255,255,.78), transparent 72%),
    radial-gradient(720px 380px at 88% 18%, rgba(21,50,86,.025), transparent 75%),
    linear-gradient(180deg,#f7f9fb 0%,#f8fafc 55%,#f5f7fa 100%) !important;
}
.contact-section--premium.contact-section--no-hero::before {
  content: none !important;
  display: none !important;
}

/* Blog ve Markalar: standart büyük hero yerine içerik üst boşluğu */
.standard-inner-page--no-hero {
  background: linear-gradient(180deg,#f7f9fb 0%,#ffffff 55%,#f7f9fb 100%);
}
.blog-section--no-hero,
.brands-page-section--no-hero {
  padding-top: clamp(68px, 5.4vw, 96px) !important;
}

@media (max-width: 760px) {
  .corp-about-premium--no-hero,
  .catalogue.catalogue--no-hero,
  .contact-section--premium.contact-section--no-hero,
  .blog-section--no-hero,
  .brands-page-section--no-hero {
    padding-top: 52px !important;
  }
}

/* =========================================================
   v9.9.49 - Blog ve teknik içerik alanı premium tasarım
   ========================================================= */
.blog-premium-page {
  background:
    radial-gradient(900px 480px at 8% 6%, rgba(255,255,255,.96), transparent 70%),
    radial-gradient(780px 440px at 92% 18%, rgba(21,50,86,.035), transparent 74%),
    linear-gradient(180deg,#f5f7fa 0%,#f8fafc 45%,#f4f6f9 100%) !important;
}
.blog-premium-section {
  position: relative;
  overflow: hidden;
  padding: clamp(72px,6vw,108px) 0 clamp(90px,7vw,126px) !important;
  background: transparent !important;
}
.blog-premium-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background-image:
    linear-gradient(rgba(14,43,80,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(14,43,80,.035) 1px, transparent 1px);
  background-size: 64px 64px;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.45), transparent 74%);
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.45), transparent 74%);
}
.blog-premium-section > .shell { position: relative; z-index: 1; }
.blog-premium-head {
  display: grid;
  grid-template-columns: minmax(0,860px) auto;
  align-items: end;
  justify-content: space-between;
  gap: 50px;
  margin-bottom: 46px;
  padding-bottom: 34px;
  border-bottom: 1px solid rgba(20,47,83,.12);
}
.blog-premium-eyebrow {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 18px;
  color: var(--red);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .20em;
  text-transform: uppercase;
}
.blog-premium-eyebrow > span {
  width: 36px;
  height: 2px;
  display: inline-block;
  background: var(--red);
}
.blog-premium-head h1 {
  max-width: 790px;
  margin: 0;
  color: var(--navy);
  font-size: clamp(38px,4.5vw,64px);
  line-height: 1.06;
  letter-spacing: -.042em;
}
.blog-premium-head p {
  max-width: 680px;
  margin: 18px 0 0;
  color: #64758b;
  font-size: 14px;
  line-height: 1.85;
}
.blog-premium-count {
  min-width: 145px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
  padding-left: 26px;
  border-left: 1px solid rgba(20,47,83,.13);
}
.blog-premium-count strong {
  color: var(--navy);
  font-family: var(--font-display);
  font-size: 46px;
  line-height: 1;
  letter-spacing: -.04em;
}
.blog-premium-count span {
  color: #748397;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.45;
  letter-spacing: .14em;
}
.blog-featured-card {
  min-height: 430px;
  display: grid;
  grid-template-columns: minmax(0,1.12fr) minmax(360px,.88fr);
  overflow: hidden;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(25,54,88,.12);
  border-radius: 24px;
  box-shadow: 0 24px 55px rgba(17,42,73,.08);
}
.blog-featured-visual {
  min-height: 430px;
  position: relative;
  overflow: hidden;
  background: #092958;
}
.blog-featured-visual img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .45s cubic-bezier(.2,.65,.3,1);
}
.blog-featured-card:hover .blog-featured-visual img { transform: scale(1.025); }
.blog-featured-copy {
  padding: clamp(36px,4vw,58px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.blog-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 18px;
}
.blog-card-meta > span {
  color: var(--red);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .17em;
}
.blog-card-meta time {
  color: #8a97a8 !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  letter-spacing: .10em !important;
}
.blog-featured-copy h2 {
  margin: 0 0 16px;
  color: var(--navy);
  font-size: clamp(28px,3vw,42px);
  line-height: 1.16;
  letter-spacing: -.032em;
}
.blog-featured-copy h2 a,
.blog-card--premium h2 a { color: inherit; text-decoration: none; }
.blog-featured-copy p {
  margin: 0 0 28px;
  color: #65758a;
  font-size: 13px;
  line-height: 1.85;
}
.blog-premium-link {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--navy);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .015em;
  text-decoration: none;
  transition: gap .2s ease, color .2s ease;
}
.blog-premium-link:hover { gap: 14px; color: var(--red); }
.blog-tech-placeholder {
  width: 100%;
  height: 100%;
  min-height: 235px;
  position: relative;
  overflow: hidden;
  padding: 26px;
  background:
    radial-gradient(circle at 78% 30%, rgba(76,137,197,.32), transparent 28%),
    linear-gradient(145deg,#0b386d 0%,#082755 52%,#061b3a 100%);
}
.blog-tech-placeholder::before,
.blog-tech-placeholder::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.blog-tech-placeholder::before {
  inset: 0;
  opacity: .16;
  background-image:
    linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px);
  background-size: 42px 42px;
}
.blog-tech-placeholder::after {
  width: 220px;
  height: 220px;
  right: -55px;
  bottom: -70px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 50%;
  box-shadow: 0 0 0 35px rgba(255,255,255,.025), 0 0 0 70px rgba(255,255,255,.018);
}
.blog-tech-placeholder--featured { min-height: 430px; }
.blog-tech-number {
  position: absolute;
  left: 28px;
  bottom: 24px;
  z-index: 2;
  color: rgba(255,255,255,.92);
  font-family: var(--font-display);
  font-size: clamp(54px,6vw,92px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.06em;
}
.blog-tech-label {
  position: absolute;
  top: 25px;
  left: 28px;
  z-index: 2;
  color: rgba(255,255,255,.72);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .20em;
}
.blog-tech-circle {
  width: 135px;
  height: 135px;
  position: absolute;
  right: 12%;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  border: 18px solid rgba(255,255,255,.055);
  border-radius: 50%;
}
.blog-premium-subhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 54px 0 20px;
}
.blog-premium-subhead span {
  color: var(--red);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .17em;
}
.blog-premium-subhead strong {
  color: var(--navy);
  font-size: 15px;
  font-weight: 850;
}
.blog-grid--premium {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 22px !important;
}
.blog-card--premium {
  overflow: hidden;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(25,54,88,.12) !important;
  border-radius: 20px;
  box-shadow: 0 14px 34px rgba(17,42,73,.055);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
.blog-card--premium:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(211,9,24,.18) !important;
  box-shadow: 0 24px 48px rgba(17,42,73,.095) !important;
}
.blog-visual--premium {
  height: 255px !important;
  background: #092958 !important;
}
.blog-card-body--premium { padding: 29px 30px 31px !important; }
.blog-card--premium h2 {
  min-height: 0 !important;
  margin: 0 0 13px !important;
  color: var(--navy) !important;
  font-size: 22px !important;
  line-height: 1.32 !important;
  letter-spacing: -.022em;
}
.blog-card--premium p {
  min-height: 0 !important;
  margin: 0 0 24px !important;
  color: #68788c !important;
  font-size: 12px !important;
  line-height: 1.78 !important;
}
.blog-premium-empty {
  border-radius: 18px;
  box-shadow: 0 18px 38px rgba(17,42,73,.06);
}

/* Blog detay */
.article-page--premium {
  background:
    radial-gradient(900px 500px at 92% 5%, rgba(21,50,86,.035), transparent 74%),
    linear-gradient(180deg,#f7f9fb 0%,#fff 48%,#f5f7fa 100%);
}
.article-premium-head {
  padding: clamp(62px,5.5vw,94px) 0 clamp(58px,5vw,84px);
  border-bottom: 1px solid rgba(20,47,83,.10);
}
.article-premium-back {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 34px;
  color: #65758a;
  font-size: 10px;
  font-weight: 900;
  text-decoration: none;
}
.article-premium-head-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(360px,470px);
  align-items: center;
  gap: clamp(42px,6vw,86px);
}
.article-premium-meta {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
}
.article-premium-meta span {
  color: var(--red);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .18em;
}
.article-premium-meta time {
  color: #8a97a8;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .10em;
}
.article-premium-copy h1 {
  max-width: 850px;
  margin: 0 0 18px;
  color: var(--navy);
  font-size: clamp(38px,4.8vw,66px);
  line-height: 1.06;
  letter-spacing: -.043em;
}
.article-premium-copy > p {
  max-width: 760px;
  margin: 0;
  color: #64758b;
  font-size: 14px;
  line-height: 1.85;
}
.article-premium-media {
  overflow: hidden;
  min-height: 330px;
  border-radius: 22px;
  box-shadow: 0 24px 55px rgba(17,42,73,.10);
}
.article-premium-media > img,
.blog-tech-placeholder--article {
  width: 100%;
  height: 100%;
  min-height: 330px;
  display: block;
  object-fit: cover;
}
.blog-tech-placeholder--article .blog-tech-number { font-size: 92px; }
.article-layout--premium {
  padding-block: clamp(64px,6vw,96px) !important;
  grid-template-columns: minmax(0,780px) minmax(280px,360px) !important;
  gap: clamp(48px,6vw,82px) !important;
}
.article-content--premium > p {
  margin: 0 0 27px !important;
  color: #3f5067 !important;
  font-size: 16px !important;
  line-height: 1.95 !important;
}
.article-content--premium > p:first-child::first-letter {
  float: none !important;
  margin: 0 !important;
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
.article-cta--premium {
  margin-top: 44px !important;
  padding: 28px 30px !important;
  border: 1px solid rgba(25,54,88,.10) !important;
  border-left: 0 !important;
  border-radius: 17px;
  background: linear-gradient(135deg,#f6f8fb,#fff) !important;
  box-shadow: 0 14px 34px rgba(17,42,73,.055);
}
.article-cta--premium > div span {
  display: block;
  margin-bottom: 6px;
  color: var(--red);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .15em;
}
.article-cta--premium strong {
  color: var(--navy) !important;
  font-size: 14px !important;
}
.article-premium-sidebar {
  position: sticky;
  top: 105px;
  padding: 32px !important;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-top: 3px solid var(--red) !important;
  border-radius: 20px;
  color: #fff;
  background:
    radial-gradient(circle at 90% 15%, rgba(67,126,184,.22), transparent 32%),
    linear-gradient(145deg,#0a3264,#071f43 70%,#061a38) !important;
  box-shadow: 0 22px 48px rgba(7,30,61,.16);
}
.article-premium-sidebar > span { color: #ff6872 !important; }
.article-premium-sidebar h2 { color: #fff !important; font-size: 25px !important; }
.article-premium-sidebar p { color: #bfd0e2 !important; font-size: 12px !important; line-height: 1.8 !important; }
.article-premium-sidebar a { color: #fff !important; }

@media (max-width: 980px) {
  .blog-premium-head { grid-template-columns: 1fr; gap: 22px; }
  .blog-premium-count { justify-content: flex-start; padding: 0; border-left: 0; }
  .blog-featured-card { grid-template-columns: 1fr; }
  .blog-featured-visual { min-height: 330px; }
  .blog-tech-placeholder--featured { min-height: 330px; }
  .article-premium-head-grid { grid-template-columns: 1fr; }
  .article-premium-media { max-width: 620px; }
  .article-layout--premium { grid-template-columns: 1fr !important; }
  .article-premium-sidebar { position: static; }
}
@media (max-width: 720px) {
  .blog-premium-section { padding-top: 54px !important; }
  .blog-premium-head { margin-bottom: 30px; padding-bottom: 24px; }
  .blog-premium-head h1 { font-size: 36px; }
  .blog-premium-head p { font-size: 13px; }
  .blog-premium-count { display: none; }
  .blog-featured-card { border-radius: 18px; }
  .blog-featured-visual,
  .blog-tech-placeholder--featured { min-height: 255px; }
  .blog-featured-copy { padding: 28px 23px 30px; }
  .blog-featured-copy h2 { font-size: 28px; }
  .blog-grid--premium { grid-template-columns: 1fr !important; }
  .blog-visual--premium { height: 230px !important; }
  .blog-card-body--premium { padding: 25px 23px 27px !important; }
  .article-premium-head { padding-top: 48px; }
  .article-premium-copy h1 { font-size: 36px; }
  .article-premium-media,
  .article-premium-media > img,
  .blog-tech-placeholder--article { min-height: 245px; }
  .article-cta--premium { align-items: flex-start !important; flex-direction: column; }
}

/* =========================================================
   v9.9.50 - BLOG 3'LU PREMIUM GRID
   Öne çıkan kart ve numaralar kaldırıldı. Tüm kartlar görselli.
   ========================================================= */
.blog-grid-page {
  background:
    radial-gradient(900px 420px at 12% 4%, rgba(21,50,86,.035), transparent 72%),
    radial-gradient(720px 380px at 92% 18%, rgba(211,9,24,.022), transparent 74%),
    linear-gradient(180deg,#f7f9fb 0%,#ffffff 46%,#f5f7fa 100%);
}
.blog-grid-section {
  padding: clamp(64px,6vw,94px) 0 clamp(82px,7vw,118px) !important;
  background: transparent !important;
}
.blog-grid-head {
  max-width: 780px;
  margin: 0 auto clamp(38px,4vw,54px);
  text-align: center;
}
.blog-grid-head .blog-premium-eyebrow {
  justify-content: center;
  margin-bottom: 16px;
}
.blog-grid-head h1 {
  margin: 0;
  color: var(--navy);
  font-size: clamp(34px,4vw,54px);
  line-height: 1.08;
  letter-spacing: -.038em;
}
.blog-grid-head p {
  max-width: 650px;
  margin: 15px auto 0;
  color: #6b7a8d;
  font-size: 13px;
  line-height: 1.8;
}
.blog-grid--three {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 24px !important;
  align-items: stretch;
}
.blog-card--three {
  min-width: 0;
  display: flex !important;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(20,47,83,.105) !important;
  border-radius: 19px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow:
    0 14px 34px rgba(17,42,73,.055),
    0 2px 5px rgba(17,42,73,.022) !important;
  transform: translateZ(0);
  transition:
    transform .28s cubic-bezier(.2,.7,.25,1),
    box-shadow .28s ease,
    border-color .28s ease !important;
}
.blog-card--three:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(211,9,24,.19) !important;
  box-shadow:
    0 24px 48px rgba(17,42,73,.095),
    0 4px 12px rgba(17,42,73,.04) !important;
}
.blog-visual--three {
  height: 225px !important;
  display: block;
  overflow: hidden;
  background: #eef2f6 !important;
  border-bottom: 1px solid rgba(20,47,83,.075);
}
.blog-visual--three img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transition: transform .42s cubic-bezier(.2,.65,.3,1), filter .35s ease;
}
.blog-card--three:hover .blog-visual--three img {
  transform: scale(1.025);
}
.blog-card-body--three {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 24px 25px 25px !important;
}
.blog-card-meta--three {
  margin-bottom: 14px !important;
}
.blog-card-meta--three > span {
  font-size: 8px !important;
  letter-spacing: .16em !important;
}
.blog-card-meta--three time {
  font-size: 8px !important;
  color: #97a2af !important;
}
.blog-card--three h2 {
  min-height: 0 !important;
  margin: 0 0 11px !important;
  color: var(--navy) !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  line-height: 1.34 !important;
  letter-spacing: -.018em !important;
}
.blog-card--three h2 a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.blog-card--three p {
  min-height: 0 !important;
  margin: 0 0 21px !important;
  color: #6a798b !important;
  font-size: 11.5px !important;
  line-height: 1.75 !important;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.blog-premium-link--three {
  margin-top: auto;
  padding-top: 15px;
  border-top: 1px solid rgba(20,47,83,.09);
  color: var(--navy) !important;
  font-size: 9px !important;
}
.blog-premium-link--three:hover {
  color: var(--red) !important;
}

@media (max-width: 1050px) {
  .blog-grid--three {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width: 700px) {
  .blog-grid-section {
    padding-top: 52px !important;
  }
  .blog-grid-head {
    margin-bottom: 30px;
    text-align: left;
  }
  .blog-grid-head .blog-premium-eyebrow {
    justify-content: flex-start;
  }
  .blog-grid-head h1 {
    font-size: 34px;
  }
  .blog-grid-head p {
    margin-left: 0;
    font-size: 12.5px;
  }
  .blog-grid--three {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .blog-visual--three {
    height: 220px !important;
  }
  .blog-card-body--three {
    padding: 22px 21px 23px !important;
  }
}

/* =========================================================
   v9.9.51 - BLOG DETAY / DEVAMINI OKU EDITORIAL PREMIUM
   ========================================================= */
.article-page--editorial {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(900px 500px at 8% 5%, rgba(163,13,19,.035), transparent 72%),
    radial-gradient(1000px 620px at 92% 4%, rgba(21,50,86,.05), transparent 74%),
    linear-gradient(180deg,#f8fafc 0%,#fff 42%,#f5f7fa 100%);
}
.article-page--editorial::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(21,50,86,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21,50,86,.022) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.32), transparent 46%);
  opacity: .6;
}
.article-editorial { position: relative; z-index: 1; }
.article-editorial-head {
  padding: clamp(54px,5vw,78px) 0 0;
}
.article-editorial-shell { max-width: 1220px; }
.article-editorial-back {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: clamp(34px,4vw,54px);
  color: #6e7f93;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .03em;
  text-decoration: none;
  transition: color .2s ease, gap .2s ease;
}
.article-editorial-back:hover { color: var(--navy); gap: 13px; }
.article-editorial-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 20px;
  color: #8a98aa;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.article-editorial-meta > span { color: var(--red); font-weight: 950; letter-spacing: .17em; }
.article-editorial-meta > i {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #c2cad3;
}
.article-editorial-meta > b { color: #708095; font-weight: 850; }
.article-editorial-head h1 {
  max-width: 1030px;
  margin: 0 auto;
  color: var(--navy);
  font-size: clamp(40px,5.2vw,70px);
  line-height: 1.055;
  letter-spacing: -.047em;
  text-align: center;
}
.article-editorial-lead {
  max-width: 790px;
  margin: 22px auto 0;
  color: #64758a;
  font-size: clamp(14px,1.25vw,17px);
  line-height: 1.9;
  text-align: center;
}
.article-editorial-cover {
  position: relative;
  margin: clamp(40px,5vw,64px) 0 0;
  overflow: hidden;
  min-height: 460px;
  border: 1px solid rgba(22,49,83,.09);
  border-radius: 28px;
  background: #edf1f5;
  box-shadow: 0 28px 70px rgba(12,37,69,.12);
}
.article-editorial-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 56%, rgba(5,25,53,.78) 100%);
}
.article-editorial-cover > img {
  width: 100%;
  height: 100%;
  min-height: 460px;
  max-height: 600px;
  display: block;
  object-fit: cover;
}
.article-editorial-cover figcaption {
  position: absolute;
  z-index: 2;
  left: 34px;
  right: 34px;
  bottom: 28px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  color: #fff;
}
.article-editorial-cover figcaption span {
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .18em;
}
.article-editorial-cover figcaption strong {
  color: rgba(255,255,255,.85);
  font-size: 11px;
  font-weight: 700;
}
.article-reading-layout {
  max-width: 1160px;
  padding-top: clamp(54px,6vw,88px);
  padding-bottom: clamp(74px,7vw,110px);
  display: grid;
  grid-template-columns: minmax(0,790px) minmax(270px,320px);
  gap: clamp(38px,5vw,66px);
  align-items: start;
}
.article-reading-card {
  padding: clamp(34px,4.5vw,62px);
  border: 1px solid rgba(19,48,84,.09);
  border-radius: 26px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 24px 60px rgba(16,42,75,.07);
  backdrop-filter: blur(10px);
}
.article-reading-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
  color: var(--red);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .17em;
}
.article-reading-kicker > span {
  width: 36px;
  height: 2px;
  background: var(--red);
}
.article-reading-copy > p {
  margin: 0 0 30px !important;
  color: #405168 !important;
  font-size: 16px !important;
  line-height: 2 !important;
}
.article-reading-copy > p:last-child { margin-bottom: 0 !important; }
.article-reading-copy > .article-reading-intro {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(18,48,84,.10);
  color: #243851 !important;
  font-size: 18px !important;
  line-height: 1.92 !important;
  font-weight: 550;
}
.article-editorial-cta {
  position: relative;
  margin-top: 46px;
  padding: 28px 30px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-radius: 18px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 18%, rgba(62,115,173,.28), transparent 34%),
    linear-gradient(135deg,#0a3264,#071f43 68%,#061a38);
  box-shadow: 0 20px 44px rgba(7,31,65,.15);
}
.article-editorial-cta::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  background: var(--red);
}
.article-editorial-cta > div { position: relative; z-index: 1; }
.article-editorial-cta > div span {
  display: block;
  margin-bottom: 7px;
  color: #ff6d76;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .16em;
}
.article-editorial-cta strong {
  color: #fff;
  font-size: 14px;
  line-height: 1.55;
}
.article-editorial-cta .primary-btn {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  min-height: 50px;
  background: var(--red);
  border-color: var(--red);
  box-shadow: 0 13px 28px rgba(163,13,19,.20);
}
.article-editorial-sidebar {
  position: sticky;
  top: 110px;
  padding: 32px 30px 28px;
  overflow: hidden;
  border: 1px solid rgba(16,44,78,.08);
  border-radius: 22px;
  background: rgba(255,255,255,.80);
  box-shadow: 0 20px 48px rgba(16,42,75,.075);
  backdrop-filter: blur(12px);
}
.article-sidebar-line {
  width: 44px;
  height: 3px;
  margin-bottom: 24px;
  background: var(--red);
  border-radius: 999px;
}
.article-editorial-sidebar > span {
  color: var(--red) !important;
  font-size: 8px !important;
  font-weight: 950 !important;
  letter-spacing: .17em !important;
}
.article-editorial-sidebar h2 {
  margin: 12px 0 13px !important;
  color: var(--navy) !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em;
}
.article-editorial-sidebar p {
  margin: 0 0 22px !important;
  color: #67788d !important;
  font-size: 12px !important;
  line-height: 1.85 !important;
}
.article-editorial-sidebar > a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--navy) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-decoration: none;
}
.article-sidebar-signature {
  position: relative;
  margin-top: 30px;
  padding-top: 25px;
  border-top: 1px solid rgba(16,44,78,.09);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}
.article-sidebar-signature b {
  color: rgba(21,50,86,.08);
  font-family: var(--font-display);
  font-size: 74px;
  line-height: .72;
}
.article-sidebar-signature small {
  color: #8290a1;
  font-size: 8px;
  line-height: 1.5;
  font-weight: 900;
  letter-spacing: .09em;
  text-align: right;
}
.article-related-section {
  padding: clamp(66px,6vw,96px) 0 clamp(82px,7vw,118px);
  border-top: 1px solid rgba(20,49,84,.08);
  background: linear-gradient(180deg,rgba(242,245,248,.72),rgba(255,255,255,.86));
}
.article-related-head {
  margin-bottom: 30px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}
.article-related-head > div > span {
  color: var(--red);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .17em;
}
.article-related-head h2 {
  margin: 7px 0 0;
  color: var(--navy);
  font-size: clamp(28px,3vw,42px);
  letter-spacing: -.035em;
}
.article-related-head > a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--navy);
  font-size: 10px;
  font-weight: 900;
  text-decoration: none;
}
.article-related-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
}
.article-related-card {
  overflow: hidden;
  border: 1px solid rgba(20,49,84,.09);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(16,42,75,.055);
  transition: transform .25s ease, box-shadow .25s ease;
}
.article-related-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 48px rgba(16,42,75,.10);
}
.article-related-image {
  display: block;
  height: 205px;
  overflow: hidden;
  background: #eef2f6;
}
.article-related-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}
.article-related-card:hover .article-related-image img { transform: scale(1.03); }
.article-related-body { padding: 23px 24px 25px; }
.article-related-body time {
  color: #8b98a8;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .08em;
}
.article-related-body h3 {
  margin: 10px 0 21px;
  color: var(--navy);
  font-size: 18px;
  line-height: 1.36;
}
.article-related-body h3 a { color: inherit; text-decoration: none; }
.article-related-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--navy);
  font-size: 10px;
  font-weight: 900;
  text-decoration: none;
}
.article-related-link:hover { color: var(--red); }

@media (max-width: 980px) {
  .article-reading-layout { grid-template-columns: 1fr; }
  .article-editorial-sidebar { position: static; }
  .article-related-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .article-editorial-head { padding-top: 42px; }
  .article-editorial-back { margin-bottom: 30px; }
  .article-editorial-meta { justify-content: flex-start; }
  .article-editorial-head h1,
  .article-editorial-lead { text-align: left; }
  .article-editorial-head h1 { font-size: 36px; }
  .article-editorial-cover {
    min-height: 250px;
    margin-top: 32px;
    border-radius: 19px;
  }
  .article-editorial-cover > img { min-height: 250px; }
  .article-editorial-cover figcaption { left: 20px; right: 20px; bottom: 18px; }
  .article-editorial-cover figcaption strong { display: none; }
  .article-reading-layout { padding-top: 38px; }
  .article-reading-card { padding: 30px 23px; border-radius: 19px; }
  .article-reading-copy > p { font-size: 15px !important; line-height: 1.9 !important; }
  .article-reading-copy > .article-reading-intro { font-size: 16px !important; }
  .article-editorial-cta { align-items: flex-start; flex-direction: column; padding: 25px 23px; }
  .article-editorial-cta .primary-btn { width: 100%; justify-content: center; }
  .article-related-head { align-items: flex-start; flex-direction: column; }
  .article-related-grid { grid-template-columns: 1fr; }
  .article-related-image { height: 220px; }
}

/* =========================================================
   v9.9.52 - Ürün detay sayfası premium tasarım
   ========================================================= */
.product-detail-page {
  background:
    radial-gradient(circle at 12% 4%, rgba(255,255,255,.95), transparent 25%),
    linear-gradient(180deg, #f7f9fc 0%, #f3f6f9 42%, #f8fafc 100%);
}

.product-detail-premium {
  position: relative;
  padding: 42px 0 92px;
  overflow: hidden;
}
.product-detail-premium::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(21,50,86,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21,50,86,.025) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.38), transparent 90%);
}
.product-detail-premium .shell {
  position: relative;
  z-index: 1;
}

.product-detail-breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 34px;
  color: #8190a3;
  font-size: 12px;
  font-weight: 700;
}
.product-detail-breadcrumb a {
  color: #6c7d92;
  text-decoration: none;
}
.product-detail-breadcrumb a:hover { color: var(--red); }
.product-detail-breadcrumb strong {
  overflow: hidden;
  color: var(--navy);
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-detail-breadcrumb > span { color: #b1bdc9; }

.product-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr);
  gap: clamp(52px, 6vw, 88px);
  align-items: center;
}

.product-detail-media {
  overflow: hidden;
  border: 1px solid rgba(21,50,86,.10);
  border-radius: 24px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 28px 65px rgba(18,44,79,.10);
  backdrop-filter: blur(12px);
}
.product-detail-media-head,
.product-detail-media-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 22px;
}
.product-detail-media-head {
  border-bottom: 1px solid rgba(21,50,86,.08);
}
.product-detail-media-head span,
.product-detail-media-head b,
.product-detail-media-foot span {
  color: #7b899c;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .10em;
  text-transform: uppercase;
}
.product-detail-media-head b { color: var(--navy); }
.product-detail-image-wrap {
  position: relative;
  min-height: 510px;
  display: grid;
  place-items: center;
  padding: clamp(34px, 5vw, 62px);
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 48%, rgba(225,231,238,.65), rgba(247,249,252,.12) 55%, transparent 72%),
    linear-gradient(145deg,#ffffff 0%,#f3f6f9 100%);
}
.product-detail-image-wrap::after {
  content: '';
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 8%;
  height: 12%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(25,43,66,.12), rgba(25,43,66,0) 70%);
  filter: blur(12px);
}
.product-detail-image-wrap img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-height: 420px;
  object-fit: contain;
  transition: transform .35s ease;
}
.product-detail-media:hover .product-detail-image-wrap img { transform: scale(1.025); }
.product-detail-fallback {
  width: 180px;
  height: 180px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--navy);
}
.product-detail-fallback span {
  font-family: var(--font-display);
  font-size: 74px;
  font-weight: 900;
}
.product-detail-media-foot {
  border-top: 1px solid rgba(21,50,86,.08);
}
.product-detail-media-foot strong {
  color: var(--navy);
  font-size: 13px;
}

.product-detail-copy { min-width: 0; }
.product-detail-kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  color: var(--red);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.product-detail-kicker > span {
  width: 36px;
  height: 2px;
  border-radius: 999px;
  background: var(--red);
}
.product-detail-copy h1 {
  max-width: 650px;
  margin: 0;
  color: var(--navy);
  font-size: clamp(42px, 5vw, 68px);
  line-height: .98;
  letter-spacing: -.045em;
}
.product-detail-summary {
  max-width: 650px;
  margin: 28px 0 0;
  color: #64758a;
  font-size: 17px;
  line-height: 1.85;
}
.product-detail-standards {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 28px;
}
.product-detail-standards span {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 0 13px;
  border: 1px solid rgba(21,50,86,.10);
  border-radius: 999px;
  color: #53657b;
  background: rgba(255,255,255,.72);
  font-size: 11px;
  font-weight: 800;
  box-shadow: 0 8px 18px rgba(24,50,84,.04);
}
.product-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}
.product-detail-primary,
.product-detail-whatsapp {
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 22px;
  border-radius: 13px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 900;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.product-detail-primary {
  color: #fff;
  background: var(--red);
  box-shadow: 0 16px 30px rgba(227,6,19,.18);
}
.product-detail-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 36px rgba(227,6,19,.24);
}
.product-detail-whatsapp {
  border: 1px solid rgba(21,50,86,.12);
  color: var(--navy);
  background: rgba(255,255,255,.80);
  box-shadow: 0 10px 24px rgba(24,50,84,.05);
}
.product-detail-whatsapp:hover {
  transform: translateY(-2px);
  border-color: rgba(21,50,86,.22);
  background: #fff;
}
.product-detail-contact-line {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-top: 38px;
  padding-top: 24px;
  border-top: 1px solid rgba(21,50,86,.10);
}
.product-detail-contact-line > div { display: grid; gap: 4px; }
.product-detail-contact-line span {
  color: #8b98a8;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .10em;
  text-transform: uppercase;
}
.product-detail-contact-line a {
  color: var(--navy);
  text-decoration: none;
  font-size: 13px;
  font-weight: 850;
}
.product-detail-contact-line > div a { font-size: 16px; }
.product-detail-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.product-detail-information {
  padding-top: 22px;
  padding-bottom: 92px;
  background: transparent !important;
}
.product-detail-info-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);
  gap: 24px;
  align-items: stretch;
}
.product-detail-description-card,
.product-detail-support-card {
  border: 1px solid rgba(21,50,86,.09);
  border-radius: 22px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 18px 48px rgba(18,44,79,.07);
  backdrop-filter: blur(10px);
}
.product-detail-description-card {
  padding: clamp(34px, 5vw, 56px);
}
.product-detail-label,
.product-detail-support-label {
  color: var(--red);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.product-detail-description-card h2 {
  max-width: 720px;
  margin: 14px 0 22px;
  color: var(--navy);
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.08;
  letter-spacing: -.03em;
}
.product-detail-description-card p {
  max-width: 880px;
  margin: 0;
  color: #5f7085;
  font-size: 16px;
  line-height: 1.9;
}
.product-detail-support-card {
  position: relative;
  overflow: hidden;
  padding: 36px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,255,255,.10), transparent 30%),
    linear-gradient(145deg, #0b2d5d 0%, #071f44 100%);
  box-shadow: 0 24px 50px rgba(7,31,68,.16);
}
.product-detail-support-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 3px;
  background: var(--red);
}
.product-detail-support-block { position: relative; z-index: 1; }
.product-detail-support-card .product-detail-support-label { color: #8fb0d2; }
.product-detail-support-card p {
  margin: 12px 0 0;
  color: rgba(255,255,255,.78);
  font-size: 13px;
  line-height: 1.75;
}
.product-detail-support-card a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 850;
}
.product-detail-support-divider {
  height: 1px;
  margin: 28px 0;
  background: rgba(255,255,255,.13);
}

.product-detail-related {
  padding-top: 10px;
  padding-bottom: 96px;
  background: transparent !important;
}
.product-detail-related-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 30px;
}
.product-detail-related-head h2 {
  margin: 0;
  color: var(--navy);
  font-size: clamp(30px, 3vw, 46px);
  line-height: 1.08;
  letter-spacing: -.035em;
}
.product-detail-related-head > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--navy);
  text-decoration: none;
  font-size: 13px;
  font-weight: 850;
  white-space: nowrap;
}
.product-detail-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}
.product-detail-related-card {
  overflow: hidden;
  border: 1px solid rgba(21,50,86,.09);
  border-radius: 20px;
  color: inherit;
  background: rgba(255,255,255,.78);
  text-decoration: none;
  box-shadow: 0 16px 38px rgba(18,44,79,.06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.product-detail-related-card:hover {
  transform: translateY(-5px);
  border-color: rgba(21,50,86,.17);
  box-shadow: 0 24px 48px rgba(18,44,79,.10);
}
.product-detail-related-image {
  height: 230px;
  display: grid;
  place-items: center;
  padding: 25px;
  overflow: hidden;
  background: linear-gradient(145deg,#fff,#f1f4f8);
}
.product-detail-related-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform .3s ease;
}
.product-detail-related-card:hover .product-detail-related-image img { transform: scale(1.035); }
.product-detail-related-image > span {
  color: var(--navy);
  font-family: var(--font-display);
  font-size: 70px;
  font-weight: 900;
}
.product-detail-related-body { padding: 24px 24px 26px; }
.product-detail-related-body small {
  color: var(--red);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
}
.product-detail-related-body h3 {
  margin: 8px 0 10px;
  color: var(--navy);
  font-size: 20px;
}
.product-detail-related-body p {
  display: -webkit-box;
  min-height: 66px;
  margin: 0;
  overflow: hidden;
  color: #68798d;
  font-size: 12px;
  line-height: 1.7;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.product-detail-related-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  color: var(--navy);
  font-size: 12px;
  font-weight: 900;
}

@media (max-width: 980px) {
  .product-detail-layout,
  .product-detail-info-layout { grid-template-columns: 1fr; }
  .product-detail-layout { gap: 42px; }
  .product-detail-media { max-width: 760px; }
  .product-detail-copy { max-width: 760px; }
  .product-detail-related-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 700px) {
  .product-detail-premium { padding: 28px 0 64px; }
  .product-detail-breadcrumb { margin-bottom: 24px; }
  .product-detail-copy h1 { font-size: clamp(38px, 12vw, 52px); }
  .product-detail-summary { font-size: 15px; }
  .product-detail-image-wrap { min-height: 390px; padding: 28px; }
  .product-detail-actions { display: grid; }
  .product-detail-primary,
  .product-detail-whatsapp { width: 100%; }
  .product-detail-contact-line { align-items: flex-start; flex-direction: column; }
  .product-detail-information { padding-bottom: 68px; }
  .product-detail-support-card { padding: 30px 26px; }
  .product-detail-related-head { align-items: flex-start; flex-direction: column; }
  .product-detail-related-grid { grid-template-columns: 1fr; }
  .product-detail-related-image { height: 250px; }
}

/* =========================================================
   v9.9.53 — Ürün grubu detay: blog detayındaki editorial dil
   ========================================================= */
.product-editorial-page {
  position: relative;
  min-height: 100vh;
  background:
    radial-gradient(900px 540px at 8% 2%, rgba(163,13,19,.035), transparent 70%),
    radial-gradient(1100px 680px at 96% 5%, rgba(21,50,86,.052), transparent 74%),
    linear-gradient(180deg,#f8fafc 0%,#fff 43%,#f5f7fa 100%);
}
.product-editorial-page::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(21,50,86,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21,50,86,.022) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.30), transparent 45%);
  opacity: .58;
}
.product-editorial { position: relative; z-index: 1; }
.product-editorial-head { padding-top: clamp(50px,5vw,76px); }
.product-editorial-meta > strong {
  color: #708095;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.product-editorial-cover {
  min-height: 500px;
  background:
    radial-gradient(circle at 50% 48%, rgba(225,231,238,.72), rgba(247,249,252,.16) 57%, transparent 76%),
    linear-gradient(145deg,#fff 0%,#f1f4f8 100%);
}
.product-editorial-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(21,50,86,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21,50,86,.025) 1px, transparent 1px);
  background-size: 54px 54px;
  opacity: .55;
}
.product-editorial-cover > img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 500px;
  max-height: 620px;
  padding: clamp(42px,5vw,70px);
  object-fit: contain;
}
.product-editorial-cover::after {
  z-index: 2;
  background: linear-gradient(180deg, transparent 69%, rgba(6,27,57,.82) 100%);
}
.product-editorial-cover figcaption { z-index: 3; }
.product-editorial-fallback {
  position: relative;
  z-index: 1;
  min-height: 500px;
  display: grid;
  place-items: center;
}
.product-editorial-fallback span {
  width: 170px;
  height: 170px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--navy);
  font-family: var(--font-display);
  font-size: 72px;
  font-weight: 900;
  box-shadow: 0 22px 50px rgba(21,50,86,.16);
}
.product-reading-layout { max-width: 1160px; }
.product-reading-card { overflow: hidden; }
.product-reading-copy h2 {
  max-width: 700px;
  margin: 0 0 22px;
  color: var(--navy);
  font-size: clamp(30px,3.2vw,46px);
  line-height: 1.08;
  letter-spacing: -.038em;
}
.product-reading-intro {
  margin: 0 !important;
  padding-bottom: 32px;
  color: #405168 !important;
  font-size: 16px !important;
  line-height: 2 !important;
}
.product-editorial-standards {
  margin-top: 4px;
  padding-top: 30px;
  border-top: 1px solid rgba(18,48,84,.10);
}
.product-editorial-section-label {
  display: block;
  margin-bottom: 16px;
  color: #7b899c;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .17em;
}
.product-editorial-standard-list {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.product-editorial-standard-list > span {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  padding: 0 14px;
  border: 1px solid rgba(21,50,86,.09);
  border-radius: 999px;
  color: #53657b;
  background: #f3f6f9;
  font-size: 10px;
  font-weight: 850;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}
.product-editorial-cta strong { max-width: 480px; display: block; }
.product-editorial-sidebar > a.product-editorial-phone,
.product-editorial-sidebar > a.product-editorial-whatsapp {
  width: 100%;
  min-height: 48px;
  margin-top: 10px;
  padding: 0 15px;
  justify-content: space-between;
  border: 1px solid rgba(21,50,86,.09);
  border-radius: 12px;
  background: rgba(247,249,252,.88);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.product-editorial-sidebar > a.product-editorial-phone:hover,
.product-editorial-sidebar > a.product-editorial-whatsapp:hover {
  transform: translateY(-2px);
  border-color: rgba(21,50,86,.17);
  background: #fff;
}
.product-editorial-sidebar > a.product-editorial-whatsapp {
  color: #168947 !important;
}
.product-editorial-related { background: linear-gradient(180deg,rgba(242,245,248,.70),rgba(255,255,255,.88)); }
.product-editorial-related-card .article-related-body {
  min-height: 218px;
  display: flex;
  flex-direction: column;
}
.product-editorial-related-image {
  height: 220px;
  display: grid;
  place-items: center;
  padding: 24px;
  background: linear-gradient(145deg,#fff,#f1f4f8);
}
.product-editorial-related-image img {
  object-fit: contain;
}
.product-editorial-related-category {
  color: var(--red);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.product-editorial-related-card .article-related-body h3 { margin-bottom: 10px; }
.product-editorial-related-card .article-related-body p {
  display: -webkit-box;
  margin: 0 0 20px;
  overflow: hidden;
  color: #6a7a8e;
  font-size: 11px;
  line-height: 1.72;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.product-editorial-related-card .article-related-link { margin-top: auto; }
.product-editorial-related-fallback {
  color: var(--navy);
  font-family: var(--font-display);
  font-size: 70px;
  font-weight: 900;
}

@media (max-width: 720px) {
  .product-editorial-head { padding-top: 40px; }
  .product-editorial-cover { min-height: 290px; }
  .product-editorial-cover > img {
    min-height: 290px;
    padding: 28px 20px 48px;
  }
  .product-editorial-fallback { min-height: 290px; }
  .product-reading-copy h2 { font-size: 30px; }
  .product-reading-intro { font-size: 15px !important; line-height: 1.9 !important; }
  .product-editorial-cta strong { font-size: 13px; }
  .product-editorial-related-image { height: 240px; }
}

/* =========================================================
   v9.9.54 — Ürün grubu detay vurgu + site genel okunurluk
   ========================================================= */
body { font-size: 16px; }

.topbar { font-size: 13px; }
nav { font-size: 13px; }
.nav-cta { font-size: 13px; }
.primary-btn { font-size: 15px; }
.eyebrow,
.console-kicker,
.cta-band--premium .cta-kicker,
.article-related-head > div > span,
.article-reading-kicker,
.product-editorial-section-label,
.article-editorial-cover figcaption span,
.article-editorial-sidebar > span,
.article-related-body time,
.article-editorial-back,
.article-editorial-meta,
.product-editorial-meta > strong,
.product-editorial-related-category,
.article-related-link,
.article-related-head > a,
.hero-proof span,
.product-text small,
.standards,
.trust-inner p,
.article-editorial-cover figcaption strong,
.article-sidebar-signature small {
  font-size: 11px !important;
}

.hero-proof span,
.product-text small,
.standards,
.trust-inner p,
.article-related-link,
.article-related-head > a,
.article-editorial-sidebar p,
.product-editorial-standard-list > span,
.product-editorial-related-card .article-related-body p {
  font-size: 13px !important;
}

/* CTA band site geneli */
.cta-band.cta-band--premium {
  min-height: 326px;
  padding: 64px 64px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 90% 14%, rgba(75,118,175,.28), transparent 28%),
    radial-gradient(circle at 12% 88%, rgba(210,10,24,.18), transparent 26%),
    linear-gradient(135deg, #071f41 0%, #0a2c57 44%, #123c72 100%);
  box-shadow: 0 32px 72px rgba(6,30,63,.22);
}
.cta-band.cta-band--premium::before {
  background:
    linear-gradient(90deg, rgba(210,10,24,.95), rgba(255,255,255,.22) 50%, rgba(210,10,24,.95)),
    radial-gradient(circle at 14% 22%, rgba(255,255,255,.12), transparent 28%),
    radial-gradient(circle at 86% 76%, rgba(255,255,255,.08), transparent 24%);
  background-size: 100% 4px, auto, auto;
  background-repeat: no-repeat;
  background-position: top left, center, center;
}
.cta-band--premium .cta-kicker {
  gap: 13px;
  font-size: 11px;
}
.cta-band--premium h2 {
  margin-top: 16px;
  max-width: 740px;
  font-size: clamp(38px, 4.2vw, 60px);
}
.cta-band--premium .cta-actions { gap: 14px; }
.cta-band--premium .white-btn,
.cta-band--premium .outline-btn {
  min-height: 58px;
  padding: 0 24px;
  border-radius: 14px;
  font-size: 15px;
}
.cta-band--premium .white-btn { box-shadow: 0 18px 34px rgba(0,0,0,.16); }
.cta-band--premium .outline-btn {
  border-color: rgba(255,255,255,.30);
  background: rgba(255,255,255,.07);
}

/* Ürün grubu editorial meta */
.product-editorial-meta {
  gap: 14px;
  margin-bottom: 24px;
  font-size: 11px;
}
.product-editorial-meta > b {
  color: #6d7d91;
}
.product-editorial-meta > strong {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(6,30,63,.06);
  color: var(--navy);
  border: 1px solid rgba(21,50,86,.08);
  letter-spacing: .06em;
}
.product-editorial-meta > em {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(210,10,24,.08);
  color: var(--red);
  border: 1px solid rgba(210,10,24,.10);
  font-style: normal;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .10em;
}

/* Ürün detay CTA daha göz alıcı */
.product-editorial-cta {
  position: relative;
  margin-top: 52px;
  padding: 34px 34px;
  gap: 28px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 86% 16%, rgba(91,140,205,.24), transparent 28%),
    radial-gradient(circle at 14% 84%, rgba(210,10,24,.18), transparent 24%),
    linear-gradient(135deg,#08254c,#0b3566 60%,#0a274d 100%);
  box-shadow: 0 26px 56px rgba(7,31,65,.18);
}
.product-editorial-cta::before {
  height: 4px;
  background: linear-gradient(90deg, var(--red), rgba(255,255,255,.28), var(--red));
}
.product-editorial-cta::after {
  content: "";
  position: absolute;
  right: -34px;
  bottom: -42px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(210,10,24,.20), rgba(210,10,24,0) 68%);
  pointer-events: none;
}
.product-editorial-cta > div span {
  margin-bottom: 10px;
  color: #ff7e85;
  font-size: 10px;
}
.product-editorial-cta strong {
  max-width: 540px;
  font-size: 23px;
  line-height: 1.34;
  letter-spacing: -.02em;
}
.product-editorial-cta .primary-btn {
  min-height: 60px;
  padding: 0 26px;
  border-radius: 14px;
  font-size: 15px;
  box-shadow: 0 18px 34px rgba(163,13,19,.26);
}

/* Sağ destek kartı daha güçlü */
.product-editorial-sidebar {
  padding: 36px 32px 30px;
  border-radius: 24px;
  border: 1px solid rgba(14,39,70,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,249,252,.92));
  box-shadow: 0 26px 54px rgba(16,42,75,.09);
}
.product-editorial-sidebar .article-sidebar-line {
  width: 48px;
  height: 4px;
  margin-bottom: 26px;
}
.product-editorial-sidebar h2 {
  margin: 14px 0 15px !important;
  font-size: 29px !important;
  line-height: 1.16 !important;
}
.product-editorial-sidebar p {
  margin: 0 0 24px !important;
  color: #62758b !important;
  font-size: 13px !important;
  line-height: 1.9 !important;
}
.product-editorial-sidebar > a {
  font-size: 14px !important;
}
.product-editorial-sidebar > a.product-editorial-phone,
.product-editorial-sidebar > a.product-editorial-whatsapp {
  min-height: 54px;
  margin-top: 12px;
  padding: 0 16px;
  border-radius: 14px;
  font-size: 14px !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 24px rgba(16,42,75,.05);
}
.product-editorial-sidebar > a.product-editorial-phone:hover,
.product-editorial-sidebar > a.product-editorial-whatsapp:hover {
  box-shadow: 0 16px 32px rgba(16,42,75,.09);
}
.product-editorial-sidebar > a.product-editorial-whatsapp {
  background: rgba(22,137,71,.08);
  border-color: rgba(22,137,71,.14);
}
.product-editorial-sidebar .article-sidebar-signature {
  margin-top: 34px;
  padding-top: 28px;
}
.product-editorial-sidebar .article-sidebar-signature small {
  font-size: 10px !important;
  letter-spacing: .11em;
}

/* Standart rozetleri daha okunur */
.product-editorial-section-label {
  margin-bottom: 18px;
  color: #6f8094;
  font-size: 10px;
}
.product-editorial-standard-list { gap: 10px; }
.product-editorial-standard-list > span {
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  font-size: 13px !important;
  font-weight: 900;
}

/* Diğer ürün grupları kartları */
.product-editorial-related .article-related-head h2 { max-width: 640px; }
.product-editorial-related-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}
.product-editorial-related-category {
  font-size: 10px;
}
.product-editorial-related-type {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(6,30,63,.05);
  border: 1px solid rgba(21,50,86,.08);
  color: #6c7b8e;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.product-editorial-related-card .article-related-body {
  min-height: 234px;
}
.product-editorial-related-card .article-related-body h3 {
  margin: 0 0 10px;
  font-size: 21px;
  line-height: 1.32;
}
.product-editorial-related-card .article-related-body p {
  margin-bottom: 22px;
  font-size: 13px !important;
  line-height: 1.78 !important;
}
.product-editorial-related-card .article-related-link {
  font-size: 12px !important;
}

@media (max-width: 900px) {
  .cta-band.cta-band--premium {
    padding: 42px 28px;
  }
}
@media (max-width: 720px) {
  .product-editorial-meta { justify-content: flex-start; }
  .product-editorial-meta > strong,
  .product-editorial-meta > em {
    min-height: 32px;
    padding: 0 12px;
  }
  .product-editorial-cta {
    padding: 28px 24px;
  }
  .product-editorial-cta strong {
    font-size: 19px;
  }
  .product-editorial-sidebar {
    padding: 30px 24px 26px;
  }
  .product-editorial-sidebar h2 {
    font-size: 26px !important;
  }
}

/* =========================================================
   v9.9.56 — SEO semantiği + site geneli okunur paragraf sistemi
   ========================================================= */

/* Hero kaldırılmış iç sayfalarda H1 yapısı; mevcut tasarım korunur. */
.corp-page-h1 {
  margin-top: 0 !important;
  font-family: var(--font-body), 'Segoe UI', Arial, sans-serif !important;
  line-height: 1.2 !important;
}
.catalogue-premium-copy h1 {
  max-width: 760px;
  margin: 0;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: clamp(30px,3.6vw,48px);
  line-height: 1.1;
  letter-spacing: -.035em;
}
.brands-intro h1 {
  margin: 0;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: clamp(34px,4vw,52px);
  line-height: 1.08;
  letter-spacing: -.035em;
}
.contact-premium-head h1 {
  margin: 15px 0 14px !important;
  color: var(--navy) !important;
  font-family: var(--font-display);
  font-size: clamp(34px,3.5vw,48px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.04em !important;
}
.pdf-heading h1 {
  margin: 9px 0 8px;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: clamp(30px,4vw,48px);
  line-height: 1.08;
  letter-spacing: -.035em;
}
.catalog-page .pdf-heading h1,
.price-list-page .pdf-heading h1 {
  margin: 0 0 8px;
  font-size: clamp(30px,3.5vw,46px);
}

/*
   Normal metinler paragraf olarak kalır. Küçük görünen içerik paragrafları
   Neden Maysan alanındaki okunurluk seviyesine yakınlaştırılır.
   Eyebrow/kicker gibi mikro etiketler bu kurala dahil değildir.
*/
main p:not(.eyebrow):not(.heritage-eyebrow):not(.process-showcase-eyebrow):not(.faq-knowledge-eyebrow):not(.catalogue-premium-eyebrow):not(.quote-premium-eyebrow) {
  font-size: clamp(15px,1.05vw,17px) !important;
  line-height: 1.82 !important;
}

/* Ana sayfa — Neden Maysan referans alınan metin ölçüsü */
.reason.reason-premium-card p {
  max-width: 270px;
  font-size: 15px !important;
  line-height: 1.82 !important;
}
.heritage-editorial-copy .heritage-lead {
  font-size: 16px !important;
  line-height: 1.9 !important;
}
.process-showcase-copy,
.process-showcase-step p,
.faq-knowledge-answer p {
  font-size: 15px !important;
  line-height: 1.82 !important;
}

/* Hakkımızda — özellikle ekran görüntüsündeki küçük metinler */
.corp-about-overview p {
  font-size: 16px !important;
  line-height: 1.9 !important;
}
.corp-about-card-copy p {
  font-size: 15px !important;
  line-height: 1.82 !important;
}
.corp-value-card p,
.corp-mv-copy p,
.corp-partner-copy p {
  font-size: 15px !important;
  line-height: 1.82 !important;
}

/* Ürün, blog, iletişim ve form alanları */
.product-card p,
.catalogue-premium-copy > p:last-child,
.product-editorial-related-card .article-related-body p,
.article-related-body p,
.blog-card p,
.blog-premium-card p,
.contact-premium-head > p,
.form-heading--premium > p,
.product-reading-intro,
.article-editorial-lead {
  font-size: 15px !important;
  line-height: 1.82 !important;
}

/* Footer da okunur kalır; fakat ana içerikten daha geri planda. */
.footer p,
.footer a,
.footer-bottom {
  font-size: 14px !important;
  line-height: 1.75 !important;
}

@media (max-width: 700px) {
  main p:not(.eyebrow):not(.heritage-eyebrow):not(.process-showcase-eyebrow):not(.faq-knowledge-eyebrow):not(.catalogue-premium-eyebrow):not(.quote-premium-eyebrow) {
    font-size: 15px !important;
    line-height: 1.78 !important;
  }
  .brands-intro h1 { font-size: clamp(30px,9vw,40px); }
  .catalog-page .pdf-heading h1,
  .price-list-page .pdf-heading h1 { font-size: 29px; }
  .corp-about-overview p,
  .corp-about-card-copy p,
  .corp-value-card p,
  .corp-mv-copy p,
  .corp-partner-copy p,
  .reason.reason-premium-card p,
  .process-showcase-copy,
  .process-showcase-step p,
  .faq-knowledge-answer p {
    font-size: 15px !important;
  }
}

/* =========================================================
   v9.9.58 — Katalog flipbook + tek sayfa fiyat listesi premium
   ========================================================= */
.document-section--catalog-premium,
.document-section--price-premium {
  position: relative;
  overflow: hidden;
  padding: clamp(72px, 7vw, 104px) 0 clamp(92px, 8vw, 126px) !important;
  background:
    radial-gradient(860px 480px at 5% 0%, rgba(161,13,19,.045), transparent 68%),
    radial-gradient(980px 560px at 96% 2%, rgba(21,50,86,.065), transparent 72%),
    linear-gradient(180deg, #f8fafc 0%, #fff 46%, #f5f7fa 100%) !important;
}
.document-section--catalog-premium::before,
.document-section--price-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(21,50,86,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21,50,86,.022) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.28), transparent 44%);
  opacity: .58;
}
.document-section--catalog-premium > .shell,
.document-section--price-premium > .shell {
  position: relative;
  z-index: 1;
  width: min(1280px, calc(100% - 64px));
}
.document-premium-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 54px;
  margin-bottom: 38px;
  padding-bottom: 34px;
  border-bottom: 1px solid rgba(21,50,86,.09);
}
.document-premium-copy { max-width: 820px; }
.document-premium-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 18px;
  color: var(--red);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .18em;
}
.document-premium-eyebrow i {
  width: 42px;
  height: 2px;
  border-radius: 999px;
  background: var(--red);
}
.document-premium-copy h1 {
  max-width: 830px;
  margin: 0;
  color: var(--navy);
  font-size: clamp(44px, 5vw, 70px);
  line-height: 1.03;
  letter-spacing: -.048em;
}
.document-premium-copy > p {
  max-width: 760px;
  margin: 21px 0 0;
  color: #62748a;
  font-size: 16px;
  line-height: 1.85;
}
.document-premium-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 4px;
}
.document-download--primary,
.document-open-link {
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  padding: 0 23px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 900;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.document-download--primary {
  color: #fff;
  background: var(--red);
  border: 1px solid var(--red);
  box-shadow: 0 16px 34px rgba(161,13,19,.20);
}
.document-download--primary:hover {
  transform: translateY(-2px);
  background: var(--red-dark);
  box-shadow: 0 20px 40px rgba(161,13,19,.25);
}
.document-open-link {
  color: var(--navy);
  background: #fff;
  border: 1px solid rgba(21,50,86,.11);
}
.document-open-link:hover {
  transform: translateY(-2px);
  border-color: rgba(21,50,86,.22);
  box-shadow: 0 14px 28px rgba(17,43,77,.08);
}

/* Catalog experience */
.catalog-experience {
  overflow: hidden;
  border: 1px solid rgba(9,35,68,.09);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 28px 72px rgba(12,37,69,.10);
}
.catalog-experience__head {
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 17px 24px 17px 28px;
  background: #fff;
  border-bottom: 1px solid rgba(21,50,86,.08);
}
.catalog-experience__head > div:first-child { display: grid; gap: 5px; }
.catalog-experience__head > div:first-child span {
  color: var(--red);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .17em;
}
.catalog-experience__head > div:first-child strong {
  color: var(--navy);
  font-size: 18px;
  letter-spacing: -.02em;
}
.catalog-experience__hint {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #7b8899;
  font-size: 11px;
  font-weight: 750;
}
.catalog-experience__hint kbd {
  min-width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(21,50,86,.12);
  border-radius: 9px;
  color: var(--navy);
  background: #f6f8fb;
  box-shadow: inset 0 -2px 0 rgba(21,50,86,.04);
  font: 800 14px/1 var(--font-body);
}
.catalog-flipbook.catalog-flipbook--premium {
  border: 0;
  border-radius: 0;
  background: #071d3b;
  box-shadow: none;
}
.catalog-flipbook--premium .catalog-flipbook__stage {
  min-height: 790px;
  grid-template-columns: 58px minmax(0,1fr) 58px;
  gap: 18px;
  padding: 34px 24px 30px;
  background:
    radial-gradient(circle at 50% 48%, rgba(77,113,158,.34), transparent 43%),
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(145deg,#0b315e 0%,#061e3f 58%,#04162f 100%);
  background-size: auto, 46px 46px, 46px 46px, auto;
}
.catalog-flipbook--premium .catalog-flipbook__stage::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 13%;
  right: 13%;
  bottom: 22px;
  height: 34px;
  border-radius: 50%;
  background: rgba(0,0,0,.36);
  filter: blur(24px);
  pointer-events: none;
}
.catalog-flipbook--premium .catalog-flipbook__viewport,
.catalog-flipbook--premium .catalog-flipbook__arrow { position: relative; z-index: 2; }
.catalog-flipbook--premium .catalog-flipbook__viewport { min-height: 720px; }
.catalog-flipbook--premium .catalog-flipbook__book {
  max-width: 1120px;
  perspective: 2200px;
  filter: drop-shadow(0 28px 36px rgba(0,0,0,.36));
}
.catalog-flipbook--premium .catalog-flipbook__page--left { grid-column: 1; }
.catalog-flipbook--premium .catalog-flipbook__page--right { grid-column: 2; }
.catalog-flipbook--premium .catalog-flipbook__page {
  border-radius: 2px;
  box-shadow:
    inset 0 0 0 1px rgba(5,28,59,.07),
    0 2px 4px rgba(0,0,0,.08);
}
.catalog-flipbook--premium .catalog-flipbook__page--left::after,
.catalog-flipbook--premium .catalog-flipbook__page--right::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.catalog-flipbook--premium .catalog-flipbook__page--left::after {
  background: linear-gradient(90deg, transparent 72%, rgba(7,27,56,.08) 100%);
}
.catalog-flipbook--premium .catalog-flipbook__page--right::after {
  background: linear-gradient(90deg, rgba(7,27,56,.07), transparent 28%);
}
.catalog-flipbook--premium .catalog-flipbook__book.is-cover-spread .catalog-flipbook__spine,
.catalog-flipbook--premium .catalog-flipbook__book.is-last-single .catalog-flipbook__spine { opacity: .28; }
.catalog-flipbook--premium .catalog-flipbook__book.is-cover-spread .catalog-flipbook__page--right {
  box-shadow: -12px 18px 34px rgba(0,0,0,.22), inset 0 0 0 1px rgba(5,28,59,.07);
}
.catalog-flipbook--premium .catalog-flipbook__book.is-last-single .catalog-flipbook__page--left {
  box-shadow: 12px 18px 34px rgba(0,0,0,.22), inset 0 0 0 1px rgba(5,28,59,.07);
}
.catalog-flipbook--premium .catalog-flipbook__spine {
  width: 18px;
  background: linear-gradient(90deg,transparent,rgba(2,18,38,.24),rgba(255,255,255,.35),rgba(2,18,38,.20),transparent);
}
.catalog-flipbook--premium .catalog-flipbook__page > span {
  min-width: 30px;
  padding: 5px 7px;
  border-radius: 7px;
  font-size: 9px;
}
.catalog-flipbook--premium .catalog-flipbook__arrow {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: var(--navy);
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(255,255,255,.45);
  box-shadow: 0 14px 32px rgba(0,0,0,.24);
}
.catalog-flipbook--premium .catalog-flipbook__arrow:hover:not(:disabled),
.catalog-flipbook--premium .catalog-flipbook__arrow:focus-visible {
  color: #fff;
  background: var(--red);
  border-color: var(--red);
  transform: translateY(-2px) scale(1.03);
}
.catalog-flipbook--premium .catalog-flipbook__toolbar {
  min-height: 70px;
  padding: 11px 18px 11px 24px;
  background: #fff;
  border-top: 1px solid rgba(21,50,86,.08);
  box-shadow: none;
}
.catalog-flipbook--premium .catalog-flipbook__toolbar > strong {
  min-width: 106px;
  padding: 9px 13px;
  border-radius: 10px;
  color: #fff;
  background: var(--navy);
  font-size: 13px;
  text-align: center;
}
.catalog-flipbook--premium .catalog-flipbook__toolbar > span {
  color: #6c7d91;
  font-size: 12px;
}
.catalog-flipbook--premium .catalog-flipbook__tools button {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  font-size: 19px;
}
.catalog-flipbook--premium .catalog-flipbook__fallback {
  min-height: 42px;
  font-size: 11px;
}

/* Single page price list */
.document-premium-head--price { align-items: end; }
.price-document-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 28px;
  align-items: start;
}
.price-sheet-viewer {
  overflow: hidden;
  border: 1px solid rgba(16,44,78,.09);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 28px 70px rgba(12,37,69,.10);
}
.price-sheet-viewer__head {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 22px 16px 26px;
  border-bottom: 1px solid rgba(21,50,86,.08);
}
.price-sheet-viewer__head > div { display: grid; gap: 5px; }
.price-sheet-viewer__head > div span {
  color: var(--red);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .16em;
}
.price-sheet-viewer__head > div strong {
  color: var(--navy);
  font-size: 17px;
}
.price-sheet-viewer__status {
  min-width: 76px;
  padding: 8px 11px;
  border-radius: 9px;
  color: #fff;
  background: var(--navy);
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}
.price-sheet-viewer__stage {
  position: relative;
  min-height: 860px;
  display: grid;
  place-items: start center;
  overflow: auto;
  padding: 34px 26px 40px;
  background:
    radial-gradient(circle at 50% 30%, rgba(255,255,255,.88), transparent 45%),
    linear-gradient(rgba(21,50,86,.025) 1px, transparent 1px),
    linear-gradient(90deg,rgba(21,50,86,.025) 1px, transparent 1px),
    #edf2f7;
  background-size: auto, 42px 42px, 42px 42px, auto;
  scrollbar-color: #8ca0b6 transparent;
  scrollbar-width: thin;
}
.price-sheet-viewer__paper {
  position: relative;
  z-index: 1;
  width: min(100%, 820px);
  overflow: hidden;
  background: #fff;
  box-shadow: 0 24px 54px rgba(10,36,70,.19);
  transition: width .2s ease;
}
.price-sheet-viewer__paper::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(21,50,86,.06);
}
.price-sheet-viewer__paper canvas {
  display: block;
  max-width: none;
  height: auto;
  background: #fff;
}
.price-sheet-viewer__loading,
.price-sheet-viewer__error {
  position: absolute;
  z-index: 4;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 13px;
  color: var(--navy);
  background: rgba(237,242,247,.94);
  text-align: center;
}
.price-sheet-viewer__loading[hidden],
.price-sheet-viewer__error[hidden] { display: none; }
.price-sheet-viewer__loading i {
  width: 42px;
  height: 42px;
  border: 4px solid rgba(21,50,86,.13);
  border-top-color: var(--red);
  border-radius: 50%;
  animation: catalogLoading .7s linear infinite;
}
.price-sheet-viewer__loading span,
.price-sheet-viewer__error strong { font-size: 14px; font-weight: 900; }
.price-sheet-viewer__error a { color: var(--red); font-size: 13px; font-weight: 900; }
.price-sheet-viewer__toolbar {
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 10px 15px 10px 22px;
  border-top: 1px solid rgba(21,50,86,.08);
  color: #6c7d91;
  background: #fff;
  font-size: 12px;
}
.price-sheet-viewer__toolbar > div { display: flex; gap: 7px; }
.price-sheet-viewer__toolbar button {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #dbe3eb;
  border-radius: 10px;
  color: var(--navy);
  background: #f5f7fa;
  font-size: 19px;
  font-weight: 850;
  cursor: pointer;
  transition: color .2s ease, background .2s ease, border-color .2s ease;
}
.price-sheet-viewer__toolbar button:hover:not(:disabled),
.price-sheet-viewer__toolbar button:focus-visible {
  color: #fff;
  background: var(--navy);
  border-color: var(--navy);
}
.price-sheet-viewer__toolbar button:disabled { opacity: .35; cursor: not-allowed; }
.price-sheet-viewer__stage:fullscreen {
  min-height: 100vh;
  padding: 30px;
  background: #dfe6ee;
}
.price-info-panel {
  position: sticky;
  top: 110px;
  overflow: hidden;
  padding: 32px 30px 30px;
  border: 1px solid rgba(16,44,78,.09);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(21,50,86,.07), transparent 30%),
    linear-gradient(180deg,#fff,#f7f9fc);
  box-shadow: 0 24px 54px rgba(16,42,75,.08);
}
.price-info-panel::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
  background: var(--red);
}
.price-info-panel__eyebrow {
  display: block;
  margin-bottom: 13px;
  color: var(--red);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .16em;
}
.price-info-panel h2 {
  margin: 0;
  color: var(--navy);
  font-size: 31px;
  line-height: 1.13;
  letter-spacing: -.035em;
}
.price-info-panel > p {
  margin: 16px 0 0;
  color: #66788d;
  font-size: 14px;
  line-height: 1.8;
}
.price-info-list {
  margin-top: 27px;
  border-top: 1px solid rgba(21,50,86,.09);
}
.price-info-list > div {
  display: grid;
  gap: 5px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(21,50,86,.09);
}
.price-info-list small {
  color: #8996a7;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
}
.price-info-list strong {
  color: var(--navy);
  font-size: 15px;
  line-height: 1.5;
}
.price-info-list > div:last-child strong { color: #8c1b23; }
.price-info-actions {
  display: grid;
  gap: 10px;
  margin-top: 26px;
}
.price-info-actions .primary-btn {
  min-height: 56px;
  border-radius: 13px;
}
.price-info-secondary {
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 17px;
  border: 1px solid rgba(21,50,86,.11);
  border-radius: 13px;
  color: var(--navy);
  background: #fff;
  font-size: 13px;
  font-weight: 900;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.price-info-secondary:hover {
  transform: translateY(-2px);
  border-color: rgba(21,50,86,.22);
  box-shadow: 0 12px 26px rgba(16,42,75,.07);
}

@media (max-width: 1050px) {
  .document-section--catalog-premium > .shell,
  .document-section--price-premium > .shell { width: min(100% - 42px, 1280px); }
  .document-premium-head { grid-template-columns: 1fr; align-items: start; gap: 26px; }
  .document-premium-actions { flex-wrap: wrap; }
  .price-document-layout { grid-template-columns: 1fr; }
  .price-info-panel { position: static; }
  .catalog-flipbook--premium .catalog-flipbook__stage { min-height: 690px; }
  .catalog-flipbook--premium .catalog-flipbook__viewport { min-height: 625px; }
}

@media (max-width: 760px) {
  .document-section--catalog-premium,
  .document-section--price-premium { padding: 54px 0 74px !important; }
  .document-section--catalog-premium > .shell,
  .document-section--price-premium > .shell { width: min(100% - 30px, 1280px); }
  .document-premium-head { margin-bottom: 26px; padding-bottom: 25px; }
  .document-premium-copy h1 { font-size: 38px; }
  .document-premium-copy > p { font-size: 15px; line-height: 1.75; }
  .document-premium-actions { display: grid; width: 100%; }
  .document-download--primary,
  .document-open-link { width: 100%; }
  .catalog-experience { border-radius: 20px; }
  .catalog-experience__head { min-height: auto; align-items: flex-start; flex-direction: column; padding: 18px 18px; }
  .catalog-experience__hint { display: none; }
  .catalog-flipbook--premium .catalog-flipbook__stage {
    min-height: 570px;
    grid-template-columns: 42px minmax(0,1fr) 42px;
    gap: 4px;
    padding: 18px 5px;
  }
  .catalog-flipbook--premium .catalog-flipbook__viewport { min-height: 535px; }
  .catalog-flipbook--premium .catalog-flipbook__book { grid-template-columns: 1fr !important; }
  .catalog-flipbook--premium .catalog-flipbook__page--left {
    grid-column: 1 !important;
    justify-self: center;
  }
  .catalog-flipbook--premium .catalog-flipbook__page--right,
  .catalog-flipbook--premium .catalog-flipbook__spine { display: none !important; }
  .catalog-flipbook--premium .catalog-flipbook__arrow { width: 36px; height: 36px; }
  .catalog-flipbook--premium .catalog-flipbook__toolbar { grid-template-columns: auto 1fr; gap: 8px; padding: 9px 10px; }
  .catalog-flipbook--premium .catalog-flipbook__toolbar > span { display: none; }
  .catalog-flipbook--premium .catalog-flipbook__toolbar > strong { min-width: 86px; font-size: 11px; }
  .catalog-flipbook--premium .catalog-flipbook__tools { justify-self: end; }
  .catalog-flipbook--premium .catalog-flipbook__tools button { width: 35px; height: 35px; }
  .price-document-layout { gap: 20px; }
  .price-sheet-viewer { border-radius: 19px; }
  .price-sheet-viewer__head { min-height: 70px; padding: 14px 16px; }
  .price-sheet-viewer__head > div strong { font-size: 15px; }
  .price-sheet-viewer__stage { min-height: 560px; padding: 20px 12px 26px; }
  .price-sheet-viewer__toolbar { align-items: flex-start; flex-direction: column; padding: 12px 14px; }
  .price-sheet-viewer__toolbar > div { width: 100%; justify-content: flex-end; }
  .price-info-panel { padding: 28px 23px 24px; border-radius: 20px; }
  .price-info-panel h2 { font-size: 28px; }
}

/* =========================================================
   v9.9.61 — Hakkımızda: premium editorial / kurumsal tasarım
   ========================================================= */
.corporate-luxury-page {
  overflow: hidden;
  background:
    radial-gradient(920px 520px at 92% 5%, rgba(21,50,86,.05), transparent 74%),
    radial-gradient(760px 380px at 8% 0%, rgba(210,10,24,.028), transparent 72%),
    linear-gradient(180deg,#f8fafd 0%,#ffffff 30%,#f6f8fb 68%,#f4f7fa 100%);
}
.corporate-luxury-intro {
  position: relative;
  padding: clamp(72px,6vw,112px) 0 clamp(96px,7vw,138px);
}
.corporate-luxury-intro::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 120px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(247,249,252,0) 0%, rgba(247,249,252,.82) 54%, #f8fafd 100%);
}
.corporate-luxury-intro::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(21,50,86,.024) 1px, transparent 1px),
    linear-gradient(90deg,rgba(21,50,86,.024) 1px, transparent 1px);
  background-size: 70px 70px;
  -webkit-mask-image: linear-gradient(to bottom,rgba(0,0,0,.35),transparent 82%);
  mask-image: linear-gradient(to bottom,rgba(0,0,0,.35),transparent 82%);
}
.corporate-luxury-intro-grid {
  position: relative;
  z-index: 1;
  width: min(1320px,calc(100% - 64px));
  display: grid;
  grid-template-columns: minmax(0,1.02fr) minmax(460px,.98fr);
  gap: clamp(64px,7vw,112px);
  align-items: center;
}
.corporate-luxury-visual { min-width: 0; }
.corporate-luxury-image-wrap {
  position: relative;
  min-height: 680px;
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(21,50,86,.09);
  background: #e8edf3;
  box-shadow: 0 34px 78px rgba(13,38,71,.15);
}
.corporate-luxury-image-wrap > img {
  width: 100%;
  height: 100%;
  min-height: 680px;
  display: block;
  object-fit: cover;
  transition: transform .7s cubic-bezier(.2,.65,.3,1);
}
@media (hover:hover) {
  .corporate-luxury-image-wrap:hover > img { transform: scale(1.018); }
}
.corporate-luxury-image-shade {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg,rgba(4,24,51,.02) 45%,rgba(4,24,51,.78) 100%),
    linear-gradient(90deg,rgba(4,24,51,.06),transparent 42%);
}
.corporate-luxury-experience {
  position: absolute;
  top: 28px;
  right: 28px;
  width: 164px;
  min-height: 164px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 24px;
  color: #fff;
  background: linear-gradient(145deg,#d20a18,#ad0712);
  box-shadow: 0 22px 44px rgba(125,6,14,.28);
}
.corporate-luxury-experience strong {
  font-family: var(--font-display);
  font-size: 54px;
  line-height: .92;
  letter-spacing: -.06em;
}
.corporate-luxury-experience span {
  max-width: 105px;
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 850;
}
.corporate-luxury-image-label {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 27px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 26px;
  color: #fff;
}
.corporate-luxury-image-label span {
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .16em;
}
.corporate-luxury-image-label small {
  max-width: 280px;
  color: rgba(255,255,255,.78);
  font-size: 10px;
  line-height: 1.5;
  font-weight: 800;
  letter-spacing: .10em;
  text-align: right;
}
.corporate-luxury-visual-note {
  margin: 24px 0 0 18px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.corporate-luxury-visual-note > span {
  width: 52px;
  height: 2px;
  flex: 0 0 52px;
  background: var(--red);
}
.corporate-luxury-visual-note p {
  max-width: 470px;
  margin: 0;
  color: #64768a;
  font-size: 14px;
  line-height: 1.75;
}
.corporate-luxury-copy { min-width: 0; }
.corporate-luxury-eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 26px;
  color: var(--red);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.corporate-luxury-eyebrow span {
  width: 42px;
  height: 2px;
  background: var(--red);
}
.corporate-luxury-copy > h1 {
  max-width: 690px;
  margin: 0;
  color: var(--navy);
  font-size: clamp(50px,5vw,76px);
  line-height: 1.01;
  letter-spacing: -.052em;
}
.corporate-luxury-body {
  max-width: 760px;
  margin-top: 34px;
}
.corporate-luxury-body p {
  margin: 0 0 18px;
  color: #3f556f;
  font-size: clamp(17px,1.35vw,19px);
  line-height: 1.95;
}
.corporate-luxury-body p:last-child { margin-bottom: 0; }
.corporate-luxury-body strong { color: var(--navy); font-weight: 900; }
.corporate-luxury-lead {
  max-width: 700px;
  margin-top: 34px;
}
.corporate-luxury-lead p {
  margin: 0;
  color: #243c5a;
  font-size: clamp(18px,1.45vw,21px);
  line-height: 1.82;
  font-weight: 500;
}
.corporate-luxury-lead strong { color: var(--navy); font-weight: 900; }
.corporate-luxury-overview {
  max-width: 700px;
  margin-top: 23px;
  padding-top: 23px;
  border-top: 1px solid rgba(21,50,86,.10);
}
.corporate-luxury-overview p {
  margin: 0;
  color: #617389;
  font-size: 16px;
  line-height: 1.9;
}
.corporate-luxury-signature {
  margin-top: 36px;
  padding-top: 30px;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 0;
  border-top: 1px solid rgba(21,50,86,.10);
}
.corporate-luxury-signature > div {
  min-width: 0;
  padding: 0 20px;
  border-right: 1px solid rgba(21,50,86,.10);
}
.corporate-luxury-signature > div:first-child { padding-left: 0; }
.corporate-luxury-signature > div:last-child { border-right: 0; padding-right: 0; }
.corporate-luxury-signature strong {
  display: block;
  color: var(--navy);
  font-family: var(--font-display);
  font-size: 18px;
}
.corporate-luxury-signature span {
  display: block;
  margin-top: 6px;
  color: #78889a;
  font-size: 12px;
  line-height: 1.5;
}

.corporate-luxury-principles {
  position: relative;
  padding: clamp(82px,6.5vw,112px) 0;
  color: #fff;
  background:
    radial-gradient(circle at 90% 12%,rgba(39,85,138,.26),transparent 30%),
    linear-gradient(135deg,#061d3d 0%,#08284f 58%,#0a315e 100%);
}
.corporate-luxury-principles::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .16;
  background-image:
    linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px);
  background-size: 72px 72px;
}
.corporate-luxury-principles > .shell { position: relative; z-index: 1; }
.corporate-luxury-principles-head {
  max-width: 760px;
  margin-bottom: 46px;
}
.corporate-luxury-principles-head > span {
  color: #ff7078;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .18em;
}
.corporate-luxury-principles-head h2 {
  margin: 12px 0 0;
  color: #fff;
  font-size: clamp(38px,4vw,58px);
  line-height: 1.04;
  letter-spacing: -.045em;
}
.corporate-luxury-principles-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  border-top: 1px solid rgba(255,255,255,.13);
}
.corporate-luxury-principle {
  min-width: 0;
  padding: 34px 34px 8px;
  border-right: 1px solid rgba(255,255,255,.13);
}
.corporate-luxury-principle:first-child { padding-left: 0; }
.corporate-luxury-principle:last-child { border-right: 0; padding-right: 0; }
.corporate-luxury-principle-top {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 28px;
}
.corporate-luxury-principle-top span {
  color: #ff606a;
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 900;
}
.corporate-luxury-principle-top i {
  width: 36px;
  height: 1px;
  background: rgba(255,255,255,.28);
}
.corporate-luxury-principle h3 {
  margin: 0 0 18px;
  color: #fff;
  font-size: 22px;
  line-height: 1.25;
}
.corporate-luxury-principle-copy p {
  margin: 0;
  color: #b8c7d8;
  font-size: 15px;
  line-height: 1.88;
}
.corporate-luxury-principle-copy strong { color: #fff; font-weight: 850; }

.corporate-luxury-values {
  position: relative;
  padding: clamp(96px,7vw,126px) 0;
  background: linear-gradient(180deg,#f8fafd 0%,#ffffff 24%,#f9fbfd 70%,#f5f8fb 100%);
}
.corporate-luxury-values::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -52px;
  height: 96px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(248,250,253,0) 0%, rgba(248,250,253,.9) 52%, #f8fafd 100%);
}
.corporate-luxury-values::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 88px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(245,248,251,0) 0%, rgba(246,248,251,.8) 54%, #f7f9fc 100%);
}
.corporate-luxury-section-head {
  margin-bottom: 42px;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(320px,480px);
  gap: 50px;
  align-items: end;
}
.corporate-luxury-section-head > div > span {
  color: var(--red);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.corporate-luxury-section-head h2 {
  max-width: 690px;
  margin: 10px 0 0;
  color: var(--navy);
  font-size: clamp(38px,4vw,58px);
  line-height: 1.04;
  letter-spacing: -.045em;
}
.corporate-luxury-section-head > p {
  margin: 0;
  color: #65778b;
  font-size: 15px;
  line-height: 1.85;
}
.corporate-luxury-values-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 16px;
}
.corporate-luxury-value-card {
  position: relative;
  min-height: 230px;
  padding: 30px 28px;
  overflow: hidden;
  border: 1px solid rgba(21,50,86,.09);
  border-radius: 20px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 16px 38px rgba(16,42,75,.055);
  transition: transform .25s ease, box-shadow .25s ease;
}
.corporate-luxury-value-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 50px rgba(16,42,75,.10);
}
.corporate-luxury-value-accent {
  position: absolute;
  top: 0;
  left: 28px;
  width: 48px;
  height: 3px;
  background: var(--red);
}
.corporate-luxury-value-card small {
  color: #9aa6b4;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
}
.corporate-luxury-value-card h3 {
  margin: 34px 0 12px;
  color: var(--navy);
  font-size: 22px;
}
.corporate-luxury-value-card p {
  margin: 0;
  color: #65778a;
  font-size: 15px;
  line-height: 1.8;
}

.corporate-luxury-direction {
  position: relative;
  padding: clamp(34px,3vw,52px) 0 clamp(92px,7vw,124px);
  background: linear-gradient(180deg,#f7f9fc 0%,#f5f8fb 42%,#f6f8fb 100%);
}
.corporate-luxury-direction::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  height: 78px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(247,249,252,0) 0%, rgba(247,249,252,.78) 48%, #f7f9fc 100%);
}
.corporate-luxury-direction::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(680px 260px at 82% 16%, rgba(21,50,86,.035), transparent 72%);
}
.corporate-luxury-direction-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 20px;
}
.corporate-luxury-direction-card {
  position: relative;
  min-height: 540px;
  padding: clamp(38px,4vw,58px);
  overflow: hidden;
  border-radius: 26px;
}
.corporate-luxury-direction-card--dark {
  color: #fff;
  background:
    radial-gradient(circle at 86% 10%,rgba(92,140,196,.22),transparent 30%),
    radial-gradient(circle at 8% 100%,rgba(210,10,24,.10),transparent 32%),
    linear-gradient(145deg,#082347 0%,#0b315d 56%,#123e73 100%);
  box-shadow: 0 24px 52px rgba(6,30,63,.13);
}
.corporate-luxury-direction-card--light {
  border: 1px solid rgba(21,50,86,.09);
  color: var(--navy);
  background: #fff;
  box-shadow: 0 22px 54px rgba(16,42,75,.07);
}
.corporate-luxury-direction-kicker {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--red);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .18em;
}
.corporate-luxury-direction-kicker::before {
  content: "";
  width: 38px;
  height: 2px;
  background: var(--red);
}
.corporate-luxury-direction-card--dark .corporate-luxury-direction-kicker { color: #fff; }
.corporate-luxury-direction-card--dark .corporate-luxury-direction-kicker::before { background: rgba(255,255,255,.48); }
.corporate-luxury-direction-card h2 {
  position: relative;
  z-index: 2;
  max-width: 480px;
  margin: 28px 0 28px;
  color: inherit;
  font-size: clamp(32px,3.4vw,48px);
  line-height: 1.07;
  letter-spacing: -.04em;
}
.corporate-luxury-direction-copy {
  position: relative;
  z-index: 2;
  max-width: 560px;
}
.corporate-luxury-direction-copy p {
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.86;
}
.corporate-luxury-direction-card--dark .corporate-luxury-direction-copy p { color: #bbcadb; }
.corporate-luxury-direction-card--dark .corporate-luxury-direction-copy strong { color: #fff; }
.corporate-luxury-direction-card--light .corporate-luxury-direction-copy p { color: #627489; }
.corporate-luxury-direction-copy strong { font-weight: 900; }
.corporate-luxury-direction-mark {
  position: absolute;
  right: 28px;
  bottom: -24px;
  font-family: var(--font-display);
  font-size: 190px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.08em;
  pointer-events: none;
}
.corporate-luxury-direction-card--dark .corporate-luxury-direction-mark { color: rgba(255,255,255,.035); }
.corporate-luxury-direction-card--light .corporate-luxury-direction-mark { color: rgba(21,50,86,.035); }

.corporate-luxury-partner {
  position: relative;
  padding: 6px 0 clamp(90px,7vw,124px);
  background: linear-gradient(180deg,#f6f8fb 0%,#f5f8fb 42%,#f7f9fc 100%);
}
.corporate-luxury-partner::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 78px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(246,248,251,0) 0%, rgba(246,248,251,.78) 48%, #f6f8fb 100%);
}
.corporate-luxury-partner-card {
  position: relative;
  min-height: 250px;
  padding: 46px 50px;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 48px;
  align-items: center;
  border-radius: 24px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 16%,rgba(84,135,196,.24),transparent 29%),
    radial-gradient(circle at 12% 100%,rgba(210,10,24,.10),transparent 30%),
    linear-gradient(135deg,#082347 0%,#0c335f 70%,#134273 100%);
  box-shadow: 0 24px 54px rgba(6,30,63,.14);
}
.corporate-luxury-partner-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg,var(--red),rgba(255,255,255,.30),var(--red));
}
.corporate-luxury-partner-copy { position: relative; z-index: 1; }
.corporate-luxury-partner-copy > span {
  color: #ffffff;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .18em;
}
.corporate-luxury-partner-copy h2 {
  max-width: 760px;
  margin: 12px 0 12px;
  color: #fff;
  font-size: clamp(32px,3.5vw,48px);
  line-height: 1.05;
  letter-spacing: -.04em;
}
.corporate-luxury-partner-copy p {
  max-width: 700px;
  margin: 0;
  color: #b9c8da;
  font-size: 15px;
  line-height: 1.8;
}
.corporate-luxury-partner-button {
  position: relative;
  z-index: 1;
  min-height: 60px;
  padding: 0 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  border-radius: 14px;
  color: #fff;
  background: var(--red);
  box-shadow: 0 16px 32px rgba(210,10,24,.24);
  font-size: 14px;
  font-weight: 900;
  white-space: nowrap;
  transition: transform .2s ease, background .2s ease;
}
.corporate-luxury-partner-button:hover {
  color: #fff;
  background: var(--red-dark);
  transform: translateY(-2px);
}
.corporate-luxury-partner-button .site-chevron { color: #fff !important; }

@media (max-width: 1080px) {
  .corporate-luxury-intro-grid {
    grid-template-columns: 1fr;
    width: min(1180px,calc(100% - 48px));
  }
  .corporate-luxury-visual { max-width: 850px; }
  .corporate-luxury-image-wrap,
  .corporate-luxury-image-wrap > img { min-height: 570px; }
  .corporate-luxury-copy { max-width: 850px; }
  .corporate-luxury-values-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 820px) {
  .corporate-luxury-principles-grid,
  .corporate-luxury-direction-grid { grid-template-columns: 1fr; }
  .corporate-luxury-principle,
  .corporate-luxury-principle:first-child,
  .corporate-luxury-principle:last-child {
    padding: 28px 0;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.13);
  }
  .corporate-luxury-principle:last-child { border-bottom: 0; }
  .corporate-luxury-section-head { grid-template-columns: 1fr; gap: 22px; }
  .corporate-luxury-partner-card { grid-template-columns: 1fr; gap: 30px; }
  .corporate-luxury-partner-button { justify-self: start; }
}
@media (max-width: 640px) {
  .corporate-luxury-intro { padding: 52px 0 72px; }
  .corporate-luxury-intro-grid { width: min(100% - 32px,1180px); gap: 48px; }
  .corporate-luxury-image-wrap,
  .corporate-luxury-image-wrap > img { min-height: 440px; border-radius: 22px; }
  .corporate-luxury-experience {
    top: 16px;
    right: 16px;
    width: 132px;
    min-height: 132px;
    padding: 18px;
    border-radius: 18px;
  }
  .corporate-luxury-experience strong { font-size: 44px; }
  .corporate-luxury-experience span { font-size: 10px; }
  .corporate-luxury-image-label { left: 18px; right: 18px; bottom: 18px; }
  .corporate-luxury-image-label small { display: none; }
  .corporate-luxury-visual-note { margin-left: 0; }
  .corporate-luxury-copy > h1 { font-size: 42px; }
  .corporate-luxury-body p { font-size: 17px; line-height: 1.88; }
  .corporate-luxury-lead p { font-size: 18px; }
  .corporate-luxury-overview p { font-size: 15px; }
  .corporate-luxury-signature { grid-template-columns: 1fr; gap: 18px; }
  .corporate-luxury-signature > div,
  .corporate-luxury-signature > div:first-child,
  .corporate-luxury-signature > div:last-child {
    padding: 0 0 18px;
    border-right: 0;
    border-bottom: 1px solid rgba(21,50,86,.09);
  }
  .corporate-luxury-signature > div:last-child { border-bottom: 0; }
  .corporate-luxury-principles { padding: 68px 0; }
  .corporate-luxury-values { padding: 72px 0; }
  .corporate-luxury-values-grid { grid-template-columns: 1fr; }
  .corporate-luxury-value-card { min-height: 0; }
  .corporate-luxury-direction-card { min-height: 0; padding: 34px 25px; border-radius: 20px; }
  .corporate-luxury-direction-mark { font-size: 130px; }
  .corporate-luxury-partner-card { padding: 34px 24px; border-radius: 20px; }
  .corporate-luxury-partner-button { width: 100%; }
}


/* v9.9.65 - Anasayfa hakkımızda görselinde blur/karartı kaldırıldı ve alt 50+ kartı kaldırıldı */
.heritage-editorial-media::after {
  content: none !important;
  background: none !important;
}
.heritage-editorial-media img {
  filter: none !important;
}


/* v9.9.66 - Anasayfa Hakkımızda görsel alanı kod düzeltmesi */
.heritage-editorial-media {
  overflow: hidden !important;
  background: #eef2f6 !important;
}
.heritage-editorial-media::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
.heritage-editorial-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: none !important;
  opacity: 1 !important;
}
.heritage-editorial-experience {
  display: none !important;
}

/* =========================================================
   v9.9.68 — Ana sayfa Hakkımızda + Markalar + Header/Footer
   + Doküman ve Blog rötuşları
   ========================================================= */

/* ---------- Ana sayfa / Hakkımızda görseli ---------- */
.heritage-section.heritage-editorial .heritage-editorial-visual {
  position: relative;
  padding: 0 !important;
  align-self: center;
}
.heritage-section.heritage-editorial .heritage-editorial-media {
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  border: 1px solid rgba(21,50,86,.10) !important;
  border-radius: 26px !important;
  background: #fff !important;
  box-shadow: 0 30px 68px rgba(15,39,71,.13) !important;
}
.heritage-section.heritage-editorial .heritage-editorial-media::after {
  content: none !important;
  display: none !important;
}
.heritage-section.heritage-editorial .heritage-editorial-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: none !important;
  opacity: 1 !important;
}
.heritage-editorial-experience.heritage-editorial-experience--top {
  display: flex !important;
  left: auto !important;
  right: 24px !important;
  top: 24px !important;
  bottom: auto !important;
  width: 154px !important;
  min-width: 154px !important;
  min-height: 154px !important;
  padding: 22px 20px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 10px !important;
  border: 0 !important;
  border-radius: 24px !important;
  color: #fff !important;
  background: linear-gradient(145deg,#ef0c1a 0%,#c80714 100%) !important;
  box-shadow: 0 20px 38px rgba(176,8,18,.25) !important;
}
.heritage-editorial-experience--top strong {
  font-size: 43px !important;
  line-height: .95 !important;
}
.heritage-editorial-experience--top span {
  max-width: 108px !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* ---------- Ana sayfa markalar: logo + isim biraz daha büyük ---------- */
.brands-premium-grid {
  width: min(100%,1300px) !important;
  gap: 19px !important;
}
.brand-premium-card {
  min-height: 194px !important;
  padding: 26px 22px 20px !important;
}
.brand-premium-logo {
  min-height: 116px !important;
}
.brand-premium-card img {
  max-width: 205px !important;
  height: 112px !important;
  transform: scale(1) !important;
}
.brand-premium-card figcaption {
  padding-top: 11px !important;
  color: #53677f !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  letter-spacing: .01em !important;
}
.brand-premium-card:hover img {
  transform: scale(1.055) !important;
}

/* ---------- Premium Markalar sayfası ---------- */
.brands-directory-page {
  overflow: hidden;
  background:
    radial-gradient(900px 460px at 92% 3%,rgba(21,50,86,.055),transparent 72%),
    linear-gradient(180deg,#f7f9fc 0%,#fff 38%,#f5f8fb 100%);
}
.brands-directory-hero {
  position: relative;
  padding: clamp(76px,7vw,112px) 0 clamp(72px,6vw,98px);
}
.brands-directory-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100px;
  pointer-events: none;
  background: linear-gradient(180deg,rgba(247,249,252,0),#f8fafc);
}
.brands-directory-hero__grid {
  position: relative;
  z-index: 1;
  width: min(1240px,calc(100% - 64px));
  display: grid;
  grid-template-columns: minmax(0,1fr) 340px;
  gap: clamp(50px,7vw,100px);
  align-items: end;
}
.brands-directory-kicker {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
  color: var(--red);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .18em;
}
.brands-directory-kicker span {
  width: 42px;
  height: 2px;
  background: var(--red);
}
.brands-directory-hero__copy h1 {
  max-width: 850px;
  margin: 0;
  color: var(--navy);
  font-size: clamp(48px,5.4vw,78px);
  line-height: 1.01;
  letter-spacing: -.05em;
}
.brands-directory-hero__copy p {
  max-width: 730px;
  margin: 26px 0 0;
  color: #5f7289;
  font-size: 17px;
  line-height: 1.86;
}
.brands-directory-hero__panel {
  min-height: 240px;
  padding: 32px;
  border: 1px solid rgba(21,50,86,.09);
  border-radius: 24px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 24px 52px rgba(16,42,75,.08);
}
.brands-directory-hero__panel strong {
  display: block;
  color: var(--navy);
  font-size: 52px;
  line-height: .95;
  letter-spacing: -.05em;
}
.brands-directory-hero__panel > span {
  display: block;
  margin-top: 9px;
  color: var(--red);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.brands-directory-hero__panel p {
  margin: 22px 0 0;
  color: #6d7d91;
  font-size: 14px;
  line-height: 1.75;
}
.brands-directory-section {
  padding: 24px 0 clamp(92px,7vw,126px);
  background: linear-gradient(180deg,#f8fafc,#fff 38%,#f7f9fc);
}
.brands-directory-head {
  width: min(1240px,100%);
  margin: 0 auto 42px;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(330px,470px);
  gap: 48px;
  align-items: end;
}
.brands-directory-head > div > span {
  color: var(--red);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .17em;
}
.brands-directory-head h2 {
  max-width: 690px;
  margin: 11px 0 0;
  color: var(--navy);
  font-size: clamp(34px,3.8vw,54px);
  line-height: 1.06;
  letter-spacing: -.04em;
}
.brands-directory-head > p {
  margin: 0;
  color: #66798e;
  font-size: 15px;
  line-height: 1.82;
}
.brands-directory-grid {
  width: min(1240px,100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
}
.brands-directory-card {
  position: relative;
  min-height: 220px;
  margin: 0;
  padding: 28px 24px 22px;
  display: grid;
  grid-template-rows: 1fr auto;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(21,50,86,.09);
  border-radius: 20px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 14px 34px rgba(16,42,75,.055);
  text-align: center;
  transition: transform .26s ease,box-shadow .26s ease,border-color .26s ease;
}
.brands-directory-card::after {
  content: "";
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 0;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: var(--red);
  opacity: 0;
  transform: scaleX(.35);
  transition: opacity .26s ease,transform .26s ease;
}
.brands-directory-card__logo {
  min-height: 142px;
  display: grid;
  place-items: center;
}
.brands-directory-card img {
  width: auto;
  max-width: 220px;
  height: 126px;
  object-fit: contain;
  opacity: .84;
  filter: grayscale(.7);
  transition: transform .28s ease,filter .28s ease,opacity .28s ease;
}
.brands-directory-card figcaption {
  padding-top: 14px;
  color: var(--navy);
  font-size: 14px;
  font-weight: 900;
}
.brands-directory-card:hover {
  transform: translateY(-5px);
  border-color: rgba(21,50,86,.18);
  box-shadow: 0 25px 50px rgba(16,42,75,.10);
}
.brands-directory-card:hover::after {
  opacity: 1;
  transform: scaleX(1);
}
.brands-directory-card:hover img {
  opacity: 1;
  filter: grayscale(0);
  transform: scale(1.055);
}

/* ---------- Premium Header ---------- */
.topbar.topbar--premium {
  position: relative;
  background: linear-gradient(90deg,#061d3d 0%,#0a315e 60%,#123d70 100%);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.topbar.topbar--premium::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(227,6,19,.75),transparent);
}
.topbar-inner--premium {
  min-height: 36px;
}
.topbar-message {
  color: rgba(255,255,255,.88) !important;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .025em;
}
.topbar--premium .topbar-links {
  gap: 24px;
  color: rgba(255,255,255,.82);
  font-size: 12px;
}
.site-header.site-header--premium {
  top: 0;
  border-bottom: 1px solid rgba(21,50,86,.08);
  background: rgba(255,255,255,.94);
  box-shadow: 0 8px 28px rgba(6,30,63,.055);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.site-header--premium.is-scrolled {
  background: rgba(255,255,255,.985);
  box-shadow: 0 16px 38px rgba(6,30,63,.12);
}
.nav-wrap--premium {
  min-height: 94px !important;
  grid-template-columns: 232px minmax(0,1fr) auto !important;
  gap: 30px !important;
}
.brand--premium {
  width: 222px !important;
}
.main-nav--premium {
  gap: clamp(15px,1.6vw,25px) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
.main-nav--premium a {
  position: relative;
  padding-block: 36px !important;
  color: #253c57;
  transition: color .2s ease;
}
.main-nav--premium a::after {
  left: 50% !important;
  right: auto !important;
  bottom: 26px !important;
  width: 0 !important;
  height: 2px !important;
  transform: translateX(-50%);
  border-radius: 2px;
  transition: width .22s ease !important;
}
.main-nav--premium a:hover,
.main-nav--premium a.is-active {
  color: var(--navy);
}
.main-nav--premium a:hover::after,
.main-nav--premium a.is-active::after {
  width: 28px !important;
}
.nav-cta--premium {
  min-height: 52px !important;
  padding: 0 20px !important;
  border-radius: 13px !important;
  gap: 14px;
  font-size: 13px !important;
  box-shadow: 0 14px 28px rgba(210,10,24,.18) !important;
}
.mobile-nav--premium summary {
  border-radius: 12px;
}
.mobile-nav-quote {
  margin-top: 8px;
  border-radius: 10px;
  color: #fff !important;
  background: var(--red);
  text-align: center;
}

/* ---------- Premium Footer ---------- */
.footer.footer--premium {
  position: relative;
  overflow: hidden;
  color: #bfd0e1;
  background:
    radial-gradient(680px 360px at 92% 5%,rgba(49,96,151,.20),transparent 72%),
    radial-gradient(520px 280px at 6% 100%,rgba(210,10,24,.09),transparent 70%),
    linear-gradient(135deg,#051a36 0%,#07264b 58%,#0b315d 100%);
}
.footer-premium-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .16;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: linear-gradient(to bottom,rgba(0,0,0,.42),transparent 72%);
  mask-image: linear-gradient(to bottom,rgba(0,0,0,.42),transparent 72%);
}
.footer-premium-head {
  position: relative;
  z-index: 1;
  padding: 58px 0 42px;
  display: grid;
  grid-template-columns: minmax(0,1.3fr) minmax(270px,.75fr) auto;
  gap: 52px;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.footer-premium-brand img {
  width: 245px;
  height: auto;
  filter: brightness(0) invert(1);
}
.footer-premium-brand p {
  max-width: 520px;
  margin: 20px 0 0;
  color: #b6c7d9 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}
.footer-premium-brand p strong { color: #fff !important; }
.footer-premium-contact {
  padding-left: 28px;
  border-left: 1px solid rgba(255,255,255,.12);
}
.footer-premium-contact > span,
.footer-premium-kicker {
  display: block;
  color: #ff727b;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .16em;
}
.footer-premium-phone {
  display: block;
  margin-top: 10px;
  color: #fff !important;
  font-size: 23px !important;
  font-weight: 900;
  letter-spacing: -.02em;
}
.footer-premium-mail {
  display: inline-block;
  margin-top: 5px;
  color: #c4d3e2 !important;
  font-size: 13px !important;
}
.footer-premium-quote {
  min-height: 58px;
  padding: 0 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  border-radius: 14px;
  color: #fff !important;
  background: var(--red);
  box-shadow: 0 16px 32px rgba(210,10,24,.20);
  font-size: 14px !important;
  font-weight: 900;
  transition: transform .2s ease,background .2s ease;
}
.footer-premium-quote:hover {
  color: #fff;
  background: var(--red-dark);
  transform: translateY(-2px);
}
.footer-grid--premium {
  position: relative;
  z-index: 1;
  padding: 46px 0 50px !important;
  display: grid;
  grid-template-columns: 1.25fr .72fr .9fr .75fr !important;
  gap: clamp(38px,5vw,68px) !important;
}
.footer-grid--premium > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.footer-grid--premium .footer-premium-about {
  display: block;
}
.footer-premium-about h3 {
  max-width: 330px;
  margin: 11px 0 17px !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 26px !important;
  line-height: 1.15;
  letter-spacing: -.03em;
  text-transform: none !important;
}
.footer-premium-about h3::after { display: none !important; }
.footer-premium-about p {
  max-width: 330px;
  color: #aebfd1 !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
}
.footer-grid--premium > div:not(.footer-premium-about) h3 {
  margin: 0 0 10px !important;
  padding-bottom: 13px !important;
  color: #fff !important;
  font-size: 12px !important;
  letter-spacing: .13em !important;
}
.footer-grid--premium a {
  position: relative;
  color: #b9cadb !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  transition: color .2s ease,transform .2s ease;
}
.footer-grid--premium a:hover {
  color: #fff !important;
  transform: translateX(3px);
}
.footer-bottom--premium {
  position: relative;
  z-index: 1;
  min-height: 66px !important;
  color: #8fa6bd !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  font-size: 11px !important;
}

/* ---------- Katalog / Fiyat Listesi: kaldırılan etiketlere göre denge ---------- */
.catalog-experience__head > div:first-child strong,
.price-sheet-viewer__head > div:first-child strong {
  display: block;
  margin-top: 0 !important;
}
.price-info-panel > h2 {
  margin-top: 0 !important;
}

/* ---------- Blog ---------- */
.blog-grid-head .blog-premium-eyebrow {
  margin-bottom: 20px !important;
  color: var(--red) !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: .18em !important;
}
.blog-grid-head .blog-premium-eyebrow > span {
  width: 46px !important;
  height: 2px !important;
}
.blog-card-meta--date-only {
  min-height: 18px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.blog-card-meta--date-only time {
  font-size: 10px !important;
  font-weight: 800;
  letter-spacing: .04em;
}

@media (max-width: 1100px) {
  .brands-directory-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .brands-directory-hero__grid { grid-template-columns: 1fr 300px; }
  .nav-wrap--premium { grid-template-columns: 205px minmax(0,1fr) auto !important; gap: 20px !important; }
  .brand--premium { width: 198px !important; }
  .main-nav--premium { gap: 14px !important; font-size: 12px !important; }
  .footer-premium-head { grid-template-columns: 1fr 1fr; }
  .footer-premium-quote { grid-column: 1 / -1; justify-self: start; }
  .footer-grid--premium { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width: 900px) {
  .nav-wrap--premium { grid-template-columns: 1fr auto auto !important; min-height: 82px !important; }
  .brand--premium { width: 185px !important; }
  .main-nav--premium,
  .nav-cta--premium { display: none !important; }
  .brands-directory-hero__grid,
  .brands-directory-head { grid-template-columns: 1fr; }
  .brands-directory-hero__panel { max-width: 500px; min-height: 0; }
  .brands-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 700px) {
  .topbar-message { display: none; }
  .topbar-inner--premium { justify-content: flex-end; }
  .heritage-editorial-experience.heritage-editorial-experience--top {
    top: 14px !important;
    right: 14px !important;
    width: 124px !important;
    min-width: 124px !important;
    min-height: 124px !important;
    padding: 17px !important;
    border-radius: 19px !important;
  }
  .heritage-editorial-experience--top strong { font-size: 35px !important; }
  .heritage-editorial-experience--top span { font-size: 8.5px !important; }
  .brands-premium-grid { gap: 12px !important; }
  .brand-premium-card { min-height: 158px !important; padding: 18px 12px 15px !important; }
  .brand-premium-logo { min-height: 88px !important; }
  .brand-premium-card img { max-width: 150px !important; height: 82px !important; }
  .brand-premium-card figcaption { font-size: 11px !important; }
  .brands-directory-hero__grid { width: min(100% - 32px,1240px); }
  .brands-directory-hero__copy h1 { font-size: 42px; }
  .brands-directory-grid { grid-template-columns: 1fr; }
  .brands-directory-card { min-height: 190px; }
  .footer-premium-head { grid-template-columns: 1fr; gap: 30px; padding-top: 46px; }
  .footer-premium-contact { padding: 25px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.12); }
  .footer-premium-quote { grid-column: auto; width: 100%; }
  .footer-grid--premium { grid-template-columns: 1fr !important; gap: 35px !important; }
  .footer-bottom--premium { min-height: 82px !important; flex-direction: column; justify-content: center; gap: 7px; text-align: center; }
}

/* v9.9.68 marka hero panel metin dengesi */
.brands-directory-hero__panel > span {
  margin-top: 0 !important;
}
.brands-directory-hero__panel strong {
  margin-top: 13px;
  font-size: 27px !important;
  line-height: 1.18 !important;
  letter-spacing: -.03em !important;
}

/* v9.9.68 anasayfa hakkımızda alt görsel imzası */
.heritage-editorial-caption {
  position: absolute;
  z-index: 4;
  left: 28px;
  right: 28px;
  bottom: 24px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 22px;
  pointer-events: none;
}
.heritage-editorial-caption span {
  color: #fff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .13em;
  text-shadow: 0 2px 8px rgba(0,0,0,.55);
}
.heritage-editorial-caption span:last-child {
  max-width: 290px;
  text-align: right;
  font-size: 8.5px;
}
@media (max-width:700px) {
  .heritage-editorial-caption { left: 18px; right: 18px; bottom: 16px; }
  .heritage-editorial-caption span { font-size: 8px; }
  .heritage-editorial-caption span:last-child { max-width: 180px; font-size: 6.5px; }
}

/* =========================================================
   v9.9.69 — Anasayfa Hakkımızda hafif lacivert flu
   + sade premium footer + premium header
   ========================================================= */

/* ---------- Anasayfa / Hakkımızda görseli ---------- */
.heritage-section.heritage-editorial .heritage-editorial-media {
  position: relative !important;
}
.heritage-section.heritage-editorial .heritage-editorial-media::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 2 !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(135deg, rgba(7,34,67,.08) 0%, rgba(11,48,89,.12) 48%, rgba(7,35,70,.17) 100%) !important;
  backdrop-filter: blur(.7px) !important;
  -webkit-backdrop-filter: blur(.7px) !important;
}
.heritage-section.heritage-editorial .heritage-editorial-media img {
  filter: saturate(.96) contrast(1.015) !important;
}
.heritage-editorial-experience.heritage-editorial-experience--top,
.heritage-editorial-caption {
  z-index: 5 !important;
}

/* ---------- Header / daha premium ---------- */
.site-header.site-header--premium {
  padding: 10px 0 !important;
  border-bottom: 0 !important;
  background: rgba(245,248,252,.88) !important;
  box-shadow: none !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  transition: padding .22s ease, background .22s ease, box-shadow .22s ease !important;
}
.site-header.site-header--premium.is-scrolled {
  padding: 7px 0 !important;
  background: rgba(244,247,251,.95) !important;
  box-shadow: 0 16px 36px rgba(6,30,63,.08) !important;
}
.nav-wrap.nav-wrap--premium {
  min-height: 78px !important;
  padding: 0 20px 0 22px !important;
  grid-template-columns: 214px minmax(0,1fr) auto !important;
  gap: 26px !important;
  border: 1px solid rgba(21,50,86,.09) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow:
    0 12px 34px rgba(10,35,68,.075),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}
.brand.brand--premium {
  width: 205px !important;
}
.main-nav.main-nav--premium {
  justify-self: center !important;
  gap: clamp(13px,1.45vw,23px) !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}
.main-nav.main-nav--premium a {
  min-height: 42px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 10px !important;
  color: #30455d !important;
  transition: color .2s ease, background .2s ease !important;
}
.main-nav.main-nav--premium a::after {
  left: 12px !important;
  right: 12px !important;
  bottom: 3px !important;
  width: auto !important;
  height: 2px !important;
  opacity: 0 !important;
  transform: scaleX(.3) !important;
  transform-origin: center !important;
  background: var(--red) !important;
  transition: opacity .2s ease, transform .2s ease !important;
}
.main-nav.main-nav--premium a:hover,
.main-nav.main-nav--premium a.is-active {
  color: var(--navy) !important;
  background: rgba(21,50,86,.045) !important;
}
.main-nav.main-nav--premium a:hover::after,
.main-nav.main-nav--premium a.is-active::after {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}
.nav-cta.nav-cta--premium {
  min-height: 50px !important;
  padding: 0 21px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 12px !important;
  color: #fff !important;
  background: linear-gradient(135deg,#071f41 0%,#0d386a 100%) !important;
  box-shadow: 0 12px 26px rgba(6,30,63,.18) !important;
}
.nav-cta.nav-cta--premium:hover {
  color: #fff !important;
  background: linear-gradient(135deg,#0a294f 0%,#12477f 100%) !important;
  transform: translateY(-1px) !important;
}

/* ---------- Footer / sade, beyaz metin ---------- */
.footer.footer--premium.footer--premium-clean {
  color: #fff !important;
  background:
    radial-gradient(720px 360px at 92% 2%,rgba(70,120,178,.16),transparent 70%),
    linear-gradient(135deg,#051a35 0%,#08274b 55%,#0c315b 100%) !important;
}
.footer--premium-clean .footer-premium-glow {
  opacity: .10 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.065) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.065) 1px,transparent 1px) !important;
  background-size: 84px 84px !important;
}
.footer-clean-grid {
  position: relative;
  z-index: 1;
  padding: 64px 0 52px;
  display: grid;
  grid-template-columns: minmax(320px,1.35fr) .7fr .9fr .7fr;
  gap: clamp(34px,4vw,62px);
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.footer-clean-brand img {
  width: 240px;
  height: auto;
  filter: brightness(0) invert(1);
}
.footer-clean-brand > p {
  max-width: 470px;
  margin: 20px 0 0;
  color: rgba(255,255,255,.84) !important;
  font-size: 14px !important;
  line-height: 1.82 !important;
}
.footer-clean-brand > p strong {
  color: #fff !important;
}
.footer-clean-contact {
  margin-top: 25px;
  display: grid;
  gap: 7px;
}
.footer-clean-contact a,
.footer-clean-contact span {
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}
.footer-clean-contact a:first-child {
  font-size: 18px !important;
  font-weight: 850 !important;
}
.footer-clean-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.footer-clean-column h3 {
  margin: 2px 0 12px !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}
.footer-clean-column h3::after {
  display: none !important;
}
.footer-clean-column a {
  color: rgba(255,255,255,.84) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  transition: color .2s ease, transform .2s ease !important;
}
.footer-clean-column a:hover {
  color: #fff !important;
  transform: translateX(3px) !important;
}
.footer-bottom--clean {
  position: relative;
  z-index: 1;
  min-height: 62px !important;
  color: rgba(255,255,255,.68) !important;
  border-top: 0 !important;
  font-size: 11px !important;
}
.footer-bottom--clean span {
  color: rgba(255,255,255,.68) !important;
}
.footer--premium-clean a,
.footer--premium-clean h3,
.footer--premium-clean p,
.footer--premium-clean span,
.footer--premium-clean strong {
  text-decoration-color: currentColor;
}

@media (max-width: 1100px) {
  .nav-wrap.nav-wrap--premium {
    grid-template-columns: 188px minmax(0,1fr) auto !important;
    gap: 16px !important;
    padding-inline: 17px !important;
  }
  .brand.brand--premium { width: 182px !important; }
  .main-nav.main-nav--premium { gap: 8px !important; font-size: 11.5px !important; }
  .main-nav.main-nav--premium a { padding-inline: 7px !important; }
  .footer-clean-grid {
    grid-template-columns: 1.2fr .8fr .9fr;
  }
  .footer-clean-column:last-child {
    grid-column: 2 / -1;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: start;
    gap: 10px 20px;
  }
  .footer-clean-column:last-child h3 {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .site-header.site-header--premium { padding: 7px 0 !important; }
  .nav-wrap.nav-wrap--premium {
    min-height: 72px !important;
    grid-template-columns: 1fr auto !important;
    padding: 0 14px 0 17px !important;
    border-radius: 15px !important;
  }
  .brand.brand--premium { width: 180px !important; }
  .mobile-nav.mobile-nav--premium { display: block !important; }
  .footer-clean-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    padding-top: 52px;
  }
  .footer-clean-brand { grid-column: 1 / -1; }
  .footer-clean-column:last-child { grid-column: auto; display: flex; flex-direction: column; }
}

@media (max-width: 640px) {
  .heritage-section.heritage-editorial .heritage-editorial-media::after {
    background: linear-gradient(135deg,rgba(7,34,67,.07),rgba(9,43,82,.14)) !important;
    backdrop-filter: blur(.45px) !important;
    -webkit-backdrop-filter: blur(.45px) !important;
  }
  .topbar.topbar--premium { display: none !important; }
  .site-header.site-header--premium { padding: 6px 0 !important; }
  .nav-wrap.nav-wrap--premium {
    width: min(100% - 20px,1320px) !important;
    min-height: 68px !important;
    border-radius: 14px !important;
  }
  .brand.brand--premium { width: 165px !important; }
  .footer-clean-grid {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 46px 0 38px;
  }
  .footer-clean-brand { grid-column: auto; }
  .footer-clean-brand img { width: 210px; }
  .footer-clean-column:last-child { grid-column: auto; }
  .footer-bottom--clean {
    min-height: 82px !important;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    text-align: center;
  }
}


/* =========================================================
   v9.9.70 — Görsel yazıları kaldırma + önceki premium menüye dönüş
   + menü ikonları + lacivert hızlı teklif
   ========================================================= */

/* anasayfa ve hakkımızda görsellerindeki alt imza yazılarını kaldır */
.heritage-editorial-caption,
.corporate-luxury-image-label {
  display: none !important;
}

/* header: önceki premium menü görünümüne yakın dönüş */
.site-header.site-header--premium {
  padding: 0 !important;
  border-bottom: 1px solid rgba(21,50,86,.08) !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 8px 28px rgba(6,30,63,.055) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}
.site-header.site-header--premium.is-scrolled {
  padding: 0 !important;
  background: rgba(255,255,255,.985) !important;
  box-shadow: 0 16px 38px rgba(6,30,63,.12) !important;
}
.nav-wrap.nav-wrap--premium {
  min-height: 94px !important;
  grid-template-columns: 232px minmax(0,1fr) auto !important;
  gap: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.brand.brand--premium {
  width: 222px !important;
}
.main-nav.main-nav--premium {
  gap: clamp(15px,1.6vw,25px) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
.main-nav.main-nav--premium a {
  min-height: 0 !important;
  padding: 36px 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #253c57 !important;
}
.main-nav.main-nav--premium a::after {
  left: 50% !important;
  right: auto !important;
  bottom: 26px !important;
  width: 0 !important;
  opacity: 1 !important;
  transform: translateX(-50%) !important;
  background: var(--red) !important;
  transition: width .22s ease !important;
}
.main-nav.main-nav--premium a:hover,
.main-nav.main-nav--premium a.is-active {
  color: var(--navy) !important;
  background: transparent !important;
}
.main-nav.main-nav--premium a:hover::after,
.main-nav.main-nav--premium a.is-active::after {
  width: 28px !important;
}
.nav-link-icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  opacity: .92;
  flex: 0 0 16px;
}
.nav-link-icon svg,
.nav-cta-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.nav-cta.nav-cta--premium {
  min-height: 52px !important;
  padding: 0 20px !important;
  gap: 12px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: #fff !important;
  background: linear-gradient(135deg,#071f41 0%,#0d386a 100%) !important;
  box-shadow: 0 12px 26px rgba(6,30,63,.18) !important;
}
.nav-cta.nav-cta--premium:hover {
  color: #fff !important;
  background: linear-gradient(135deg,#0a294f 0%,#12477f 100%) !important;
  transform: translateY(-1px) !important;
}
.nav-cta-icon {
  width: 17px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 17px;
}
.mobile-nav--premium > div a,
.mobile-nav-quote {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.mobile-nav-quote {
  justify-content: center !important;
  background: linear-gradient(135deg,#071f41 0%,#0d386a 100%) !important;
}
.mobile-nav-quote:hover {
  background: linear-gradient(135deg,#0a294f 0%,#12477f 100%) !important;
}

@media (max-width: 1100px) {
  .nav-wrap.nav-wrap--premium { grid-template-columns: 205px minmax(0,1fr) auto !important; gap: 20px !important; }
  .brand.brand--premium { width: 198px !important; }
  .main-nav.main-nav--premium { gap: 14px !important; font-size: 12px !important; }
  .main-nav.main-nav--premium a { padding-block: 34px !important; }
}
@media (max-width: 900px) {
  .nav-wrap.nav-wrap--premium { min-height: 82px !important; grid-template-columns: 1fr auto auto !important; }
  .brand.brand--premium { width: 185px !important; }
  .main-nav.main-nav--premium,
  .nav-cta.nav-cta--premium { display: none !important; }
}
@media (max-width: 640px) {
  .nav-wrap.nav-wrap--premium { min-height: 72px !important; grid-template-columns: 1fr auto !important; }
  .brand.brand--premium { width: 158px !important; }
}

/* v9.9.71 — menü ikonları semantik olarak düzeltildi */
.main-nav--premium .nav-link-icon { width: 17px; height: 17px; opacity: .82; transition: opacity .2s ease, transform .2s ease; }
.main-nav--premium a:hover .nav-link-icon, .main-nav--premium a.is-active .nav-link-icon { opacity: 1; transform: translateY(-1px); }
.nav-cta--premium .nav-cta-icon { width: 18px; height: 18px; }
.mobile-nav--premium .nav-link-icon { width: 18px; height: 18px; opacity: .85; }


/* =========================================================
   v9.9.75 — Anasayfa Hakkımızda görseli kurumsal sayfa ile birebir yapı
   ========================================================= */
.heritage-section.heritage-editorial .heritage-editorial-visual--corporate-copy {
  padding: 0 !important;
  align-self: center;
}
.heritage-section.heritage-editorial .home-corporate-image-wrap {
  min-height: 0 !important;
  aspect-ratio: 1 / 1.03;
  border-radius: 30px !important;
  border: 1px solid rgba(21,50,86,.09) !important;
  background: #e8edf3 !important;
  box-shadow: 0 34px 78px rgba(13,38,71,.15) !important;
}
.heritage-section.heritage-editorial .home-corporate-image-wrap > img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: none !important;
}
.heritage-section.heritage-editorial .home-corporate-image-wrap .corporate-luxury-image-shade {
  display: block !important;
  background:
    linear-gradient(180deg,rgba(4,24,51,.02) 45%,rgba(4,24,51,.62) 100%),
    linear-gradient(90deg,rgba(4,24,51,.05),transparent 42%) !important;
}
.heritage-section.heritage-editorial .home-corporate-image-wrap .corporate-luxury-experience {
  display: flex !important;
  top: 28px !important;
  right: 28px !important;
  width: 164px !important;
  min-width: 164px !important;
  min-height: 164px !important;
  padding: 22px !important;
  border-radius: 24px !important;
  color: #fff !important;
  background: linear-gradient(145deg,#d20a18,#ad0712) !important;
  box-shadow: 0 22px 44px rgba(125,6,14,.28) !important;
}
.heritage-section.heritage-editorial .home-corporate-image-wrap .corporate-luxury-experience strong {
  font-size: 54px !important;
  line-height: .92 !important;
}
.heritage-section.heritage-editorial .home-corporate-image-wrap .corporate-luxury-experience span {
  max-width: 105px !important;
  margin-top: 10px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
  text-transform: none !important;
}
@media (max-width: 700px) {
  .heritage-section.heritage-editorial .home-corporate-image-wrap {
    border-radius: 22px !important;
  }
  .heritage-section.heritage-editorial .home-corporate-image-wrap .corporate-luxury-experience {
    top: 16px !important;
    right: 16px !important;
    width: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    padding: 18px !important;
    border-radius: 20px !important;
  }
  .heritage-section.heritage-editorial .home-corporate-image-wrap .corporate-luxury-experience strong {
    font-size: 42px !important;
  }
  .heritage-section.heritage-editorial .home-corporate-image-wrap .corporate-luxury-experience span {
    font-size: 9px !important;
  }
}

/* =========================================================
   v9.9.76 — Anasayfa Sipariş Süreci + Klasik Kurumsal Footer
   ========================================================= */

/* Anasayfa: Sipariş Süreci üst etiketi beyaz */
.process-showcase-eyebrow {
  color: #ffffff !important;
}

/* Klasik kurumsal premium footer */
.footer.footer--corporate-classic {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(180deg, #071d39 0%, #061a33 55%, #05162c 100%);
  border-top: 1px solid rgba(255,255,255,.08);
}
.footer.footer--corporate-classic::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(720px 280px at 95% 0%, rgba(76,116,164,.12), transparent 72%),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: auto, 96px 100%;
  opacity: .75;
}
.footer-classic-top,
.footer-classic-main,
.footer-classic-bottom-wrap {
  position: relative;
  z-index: 1;
}
.footer-classic-top {
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.footer-classic-top-inner {
  min-height: 124px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}
.footer-classic-logo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.footer-classic-logo img {
  width: 235px;
  height: auto;
  display: block;
  filter: brightness(0) invert(1);
}
.footer-classic-contactbar {
  display: flex;
  align-items: stretch;
  gap: 0;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255,255,255,.035);
}
.footer-classic-contactitem {
  min-width: 250px;
  min-height: 72px;
  padding: 14px 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  color: #fff !important;
  text-decoration: none;
  transition: background .2s ease;
}
.footer-classic-contactitem + .footer-classic-contactitem {
  border-left: 1px solid rgba(255,255,255,.11);
}
.footer-classic-contactitem:hover {
  background: rgba(255,255,255,.055);
}
.footer-classic-contacticon {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 50%;
}
.footer-classic-contacticon svg {
  width: 16px;
  height: 16px;
}
.footer-classic-contactitem > span:last-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.footer-classic-contactitem small {
  color: rgba(255,255,255,.58);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.footer-classic-contactitem strong {
  color: #fff !important;
  font-size: 14px;
  font-weight: 750;
  letter-spacing: -.01em;
  white-space: nowrap;
}
.footer-classic-main {
  padding: 62px 0 58px;
  display: grid;
  grid-template-columns: minmax(300px,1.35fr) .72fr .9fr .72fr;
  gap: clamp(34px,4.5vw,70px);
}
.footer-classic-about h3,
.footer-classic-column h3 {
  margin: 0 0 20px !important;
  padding: 0 0 14px !important;
  position: relative;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.2;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
.footer-classic-about h3::after,
.footer-classic-column h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 1px;
  background: rgba(255,255,255,.55);
}
.footer-classic-about > p {
  max-width: 470px;
  margin: 0;
  color: rgba(255,255,255,.72) !important;
  font-size: 13px !important;
  line-height: 1.85 !important;
}
.footer-classic-about > p strong {
  color: #fff !important;
  font-weight: 750;
}
.footer-classic-address {
  max-width: 500px;
  margin-top: 24px;
  padding-top: 22px;
  display: flex;
  align-items: flex-start;
  gap: 11px;
  color: rgba(255,255,255,.72);
  border-top: 1px solid rgba(255,255,255,.08);
  font-size: 12px;
  line-height: 1.7;
}
.footer-classic-address-icon {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  flex: 0 0 18px;
  color: #fff;
}
.footer-classic-address-icon svg {
  width: 18px;
  height: 18px;
}
.footer-classic-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.footer-classic-column a {
  color: rgba(255,255,255,.72) !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  text-decoration: none;
  transition: color .18s ease, transform .18s ease;
}
.footer-classic-column a:hover {
  color: #fff !important;
  transform: translateX(2px);
}
.footer-classic-bottom-wrap {
  border-top: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.08);
}
.footer-classic-bottom {
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: rgba(255,255,255,.54);
  font-size: 10.5px;
  letter-spacing: .02em;
}
.footer-classic-bottom span {
  color: rgba(255,255,255,.54) !important;
}

@media (max-width: 1100px) {
  .footer-classic-top-inner {
    align-items: flex-start;
    flex-direction: column;
    padding: 34px 0;
    gap: 26px;
  }
  .footer-classic-contactbar {
    width: 100%;
  }
  .footer-classic-contactitem {
    flex: 1 1 50%;
    min-width: 0;
  }
  .footer-classic-main {
    grid-template-columns: 1.3fr .8fr .9fr;
  }
  .footer-classic-column:last-child {
    grid-column: 2 / -1;
  }
}
@media (max-width: 760px) {
  .footer-classic-top-inner {
    padding: 30px 0;
  }
  .footer-classic-logo img {
    width: 210px;
  }
  .footer-classic-contactbar {
    flex-direction: column;
  }
  .footer-classic-contactitem {
    width: 100%;
  }
  .footer-classic-contactitem + .footer-classic-contactitem {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.11);
  }
  .footer-classic-main {
    padding: 46px 0 42px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 38px 28px;
  }
  .footer-classic-about {
    grid-column: 1 / -1;
  }
  .footer-classic-column:last-child {
    grid-column: auto;
  }
  .footer-classic-bottom {
    min-height: 82px;
    padding: 18px 0;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 7px;
  }
}
@media (max-width: 520px) {
  .footer-classic-main {
    grid-template-columns: 1fr;
  }
  .footer-classic-about,
  .footer-classic-column:last-child {
    grid-column: auto;
  }
  .footer-classic-contactitem {
    padding-inline: 16px;
  }
}


/* =========================================================
   v9.9.77 — Footer kompakt kurumsal düzen
   ========================================================= */
.footer.footer--corporate-classic {
  background:
    radial-gradient(760px 300px at 88% -8%, rgba(83,126,177,.11), transparent 72%),
    linear-gradient(180deg,#071e3b 0%,#061a33 100%) !important;
}
.footer.footer--corporate-classic::before {
  background: none !important;
  opacity: 0 !important;
}
.footer-classic-top-inner {
  min-height: 112px !important;
  gap: 38px !important;
}
.footer-classic-logo img {
  width: 225px !important;
}
.footer-classic-contactbar {
  width: min(100%, 820px) !important;
  display: grid !important;
  grid-template-columns: .8fr 1fr 1.35fr !important;
  align-items: stretch !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.025) !important;
}
.footer-classic-contactitem {
  min-width: 0 !important;
  min-height: 74px !important;
  padding: 13px 18px !important;
  gap: 12px !important;
}
.footer-classic-contactitem + .footer-classic-contactitem,
.footer-classic-contactitem--address {
  border-left: 1px solid rgba(255,255,255,.11) !important;
}
.footer-classic-contactitem--address {
  color: #fff !important;
}
.footer-classic-contactitem--address strong {
  white-space: normal !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 650 !important;
}
.footer-classic-contactitem strong {
  font-size: 13px !important;
}
.footer-classic-main {
  padding: 44px 0 42px !important;
  grid-template-columns: minmax(270px,1.25fr) .72fr .86fr .72fr !important;
  gap: clamp(28px,3.7vw,52px) !important;
  align-items: start !important;
}
.footer-classic-about h3,
.footer-classic-column h3 {
  margin-bottom: 16px !important;
  padding-bottom: 11px !important;
}
.footer-classic-about > p {
  max-width: 430px !important;
  font-size: 13px !important;
  line-height: 1.72 !important;
}
.footer-classic-column {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 9px !important;
  min-height: 0 !important;
}
.footer-classic-column a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 2px 0 !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}
.footer-classic-bottom {
  min-height: 58px !important;
}

@media (max-width: 1180px) {
  .footer-classic-top-inner {
    align-items: flex-start !important;
    flex-direction: column !important;
    padding: 30px 0 !important;
    gap: 22px !important;
  }
  .footer-classic-contactbar {
    width: 100% !important;
  }
  .footer-classic-main {
    grid-template-columns: 1.15fr .75fr .85fr .75fr !important;
  }
}
@media (max-width: 900px) {
  .footer-classic-contactbar {
    grid-template-columns: 1fr 1fr !important;
  }
  .footer-classic-contactitem--address {
    grid-column: 1 / -1 !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(255,255,255,.11) !important;
  }
  .footer-classic-main {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 30px 28px !important;
  }
  .footer-classic-about {
    grid-column: 1 / -1 !important;
  }
}
@media (max-width: 600px) {
  .footer-classic-contactbar {
    display: flex !important;
    flex-direction: column !important;
  }
  .footer-classic-contactitem,
  .footer-classic-contactitem--address {
    width: 100% !important;
    border-left: 0 !important;
  }
  .footer-classic-contactitem + .footer-classic-contactitem,
  .footer-classic-contactitem--address {
    border-top: 1px solid rgba(255,255,255,.11) !important;
  }
  .footer-classic-main {
    grid-template-columns: 1fr !important;
    padding: 38px 0 34px !important;
  }
  .footer-classic-about {
    grid-column: auto !important;
  }
}


/* =========================================================
   v9.9.78 — Katalog beyaz sahne + sade fiyat listesi
   ========================================================= */

/* Katalog: koyu lacivert görüntüleyici zemini kaldırıldı. */
.document-section--catalog-premium .catalog-flipbook.catalog-flipbook--premium {
  background: #ffffff !important;
}
.document-section--catalog-premium .catalog-flipbook--premium .catalog-flipbook__stage {
  background:
    radial-gradient(circle at 50% 45%, rgba(21,50,86,.035), transparent 44%),
    linear-gradient(rgba(21,50,86,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21,50,86,.022) 1px, transparent 1px),
    #ffffff !important;
  background-size: auto, 46px 46px, 46px 46px, auto !important;
}
.document-section--catalog-premium .catalog-flipbook--premium .catalog-flipbook__stage::after {
  background: rgba(21,50,86,.12) !important;
  filter: blur(28px) !important;
  opacity: .55;
}
.document-section--catalog-premium .catalog-flipbook--premium .catalog-flipbook__book {
  filter: drop-shadow(0 24px 34px rgba(17,43,77,.20)) !important;
}
.document-section--catalog-premium .catalog-flipbook--premium .catalog-flipbook__arrow {
  color: var(--navy) !important;
  background: #f7f9fc !important;
  border: 1px solid rgba(21,50,86,.14) !important;
  box-shadow: 0 10px 26px rgba(17,43,77,.10) !important;
}
.document-section--catalog-premium .catalog-flipbook--premium .catalog-flipbook__arrow:hover:not(:disabled),
.document-section--catalog-premium .catalog-flipbook--premium .catalog-flipbook__arrow:focus-visible {
  color: #fff !important;
  background: var(--navy) !important;
  border-color: var(--navy) !important;
}

/* Fiyat listesi: sağdaki bilgi kartı kaldırıldı, PDF görüntüleyici tam genişlikte. */
.document-section--price-premium .price-document-layout {
  display: block !important;
}
.document-section--price-premium .price-sheet-viewer {
  width: 100%;
}
.document-section--price-premium .price-sheet-viewer__head > div strong {
  display: block;
  color: var(--navy);
  font-size: clamp(21px, 2vw, 28px) !important;
  line-height: 1.1;
  letter-spacing: -.025em;
  font-weight: 950;
}

@media (max-width: 760px) {
  .document-section--price-premium .price-sheet-viewer__head > div strong {
    font-size: 19px !important;
  }
}


/* =========================================================
   v9.9.79 — İç sayfa üst etiketleri + iletişim kart başlıkları
   ========================================================= */

/* Katalog / Fiyat Listesi üst etiketleri */
.document-premium-eyebrow {
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  gap: 14px !important;
  margin-bottom: 20px !important;
}
.document-premium-eyebrow i {
  width: 48px !important;
  height: 2px !important;
}

/* İletişim: Bize Ulaşın + Konumumuz */
.contact-premium-head .info-label,
.map-heading--premium .info-label {
  font-size: 14px !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  gap: 14px !important;
}
.contact-premium-head .info-label::before,
.map-heading--premium .info-label::before {
  width: 40px !important;
}

/* İletişim Formu */
.form-heading--premium > span {
  font-size: 14px !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
}

/* Hızlı Teklif + Teklif Formu */
.quote-premium-eyebrow {
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: .17em !important;
  margin-bottom: 24px !important;
}
.quote-premium-eyebrow > span {
  width: 48px !important;
}
.quote-form-kicker {
  font-size: 14px !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  margin-bottom: 13px !important;
}

/* İletişim kartları: 01/02/03 kaldırıldı; başlıklar belirginleştirildi */
.contact-premium-card {
  padding-top: 26px !important;
}
.contact-premium-card small {
  margin-bottom: 12px !important;
  color: var(--navy) !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: .09em !important;
  line-height: 1.2 !important;
}
.contact-premium-card a {
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.6 !important;
}
.contact-premium-card p {
  max-width: 520px !important;
  color: #334b67 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.7 !important;
}

@media (max-width: 700px) {
  .document-premium-eyebrow,
  .quote-premium-eyebrow {
    font-size: 13px !important;
  }
  .contact-premium-head .info-label,
  .map-heading--premium .info-label,
  .form-heading--premium > span,
  .quote-form-kicker {
    font-size: 13px !important;
  }
  .contact-premium-card small {
    font-size: 14px !important;
  }
  .contact-premium-card a,
  .contact-premium-card p {
    font-size: 15px !important;
  }
}


/* =========================================================
   v9.9.80 — İletişim kart tipografisi
   ========================================================= */
.contact-premium-card {
  min-width: 0 !important;
  padding: 28px 30px 30px !important;
}
.contact-premium-card small {
  display: block !important;
  margin: 0 0 14px !important;
  color: #102d52 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
}
.contact-premium-links {
  gap: 5px !important;
  min-width: 0 !important;
}
.contact-premium-card a,
.contact-premium-card p {
  color: #334d6c !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
}
.contact-premium-card a {
  display: block !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}
.contact-premium-card--wide p {
  max-width: 100% !important;
  margin: 0 !important;
  text-wrap: pretty;
}
@media (max-width: 700px) {
  .contact-premium-card { padding: 24px 24px 26px !important; }
  .contact-premium-card small { font-size: 16px !important; }
  .contact-premium-card a,
  .contact-premium-card p { font-size: 15.5px !important; }
}

/* =========================================================
   v9.9.81 — İletişim kartları yalnızca içerik metni küçültüldü
   ========================================================= */
.contact-premium-card a,
.contact-premium-card p {
  font-size: 14.5px !important;
  line-height: 1.58 !important;
}
@media (max-width: 700px) {
  .contact-premium-card a,
  .contact-premium-card p {
    font-size: 14px !important;
    line-height: 1.58 !important;
  }
}

/* =========================================================
   v9.9.82 — İletişim kart içerikleri daha küçük + tek satır
   ========================================================= */
.contact-premium-card a,
.contact-premium-card p {
  font-size: 13px !important;
  line-height: 1.52 !important;
  letter-spacing: 0 !important;
}

/* E-posta adresi com.tr dahil tek satırda kalsın */
.contact-premium-card:nth-child(2) .contact-premium-links a {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  font-size: 12.4px !important;
  letter-spacing: -.015em !important;
}

/* Adres masaüstünde Tuzla / İstanbul dahil tek satırda kalsın */
.contact-premium-card--wide p {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  font-size: 13px !important;
}

@media (max-width: 700px) {
  .contact-premium-card a,
  .contact-premium-card p {
    font-size: 12.8px !important;
  }
  .contact-premium-card:nth-child(2) .contact-premium-links a {
    font-size: 12.4px !important;
  }
}

/* Çok dar telefonlarda taşmayı önle */
@media (max-width: 520px) {
  .contact-premium-card--wide p {
    white-space: normal !important;
  }
}


/* =========================================================
   v9.9.83 — İletişim kart içerikleri daha küçük + butonlar eşit hizada
   ========================================================= */
.contact-premium-info,
.public-form--contact-premium {
  display: flex !important;
  flex-direction: column !important;
}

.contact-premium-card a,
.contact-premium-card p {
  font-size: 12px !important;
  line-height: 1.48 !important;
  letter-spacing: -.01em !important;
}

.contact-premium-card:nth-child(2) .contact-premium-links a {
  font-size: 11.8px !important;
  white-space: nowrap !important;
}

.contact-premium-card--wide p {
  font-size: 11.8px !important;
  white-space: nowrap !important;
}

.contact-premium-map-link,
.contact-premium-submit {
  width: 100% !important;
  min-height: 58px !important;
  padding: 0 20px !important;
  font-size: 12px !important;
  border-radius: 14px !important;
}

.contact-premium-map-link {
  margin-top: auto !important;
}

.contact-premium-submit {
  margin-top: auto !important;
}

@media (max-width: 900px) {
  .contact-premium-card--wide p {
    white-space: normal !important;
  }
}

@media (max-width: 700px) {
  .contact-premium-card a,
  .contact-premium-card p {
    font-size: 11.6px !important;
    line-height: 1.46 !important;
  }

  .contact-premium-card:nth-child(2) .contact-premium-links a,
  .contact-premium-card--wide p {
    font-size: 11.4px !important;
  }
}


/* =========================================================
   v9.9.84 — Adres içerik yazısı ekstra küçültüldü
   ========================================================= */
.contact-premium-card--wide p {
  font-size: 10.8px !important;
  line-height: 1.42 !important;
  font-weight: 650 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  .contact-premium-card--wide p {
    font-size: 10.6px !important;
    white-space: normal !important;
  }
}

@media (max-width: 700px) {
  .contact-premium-card--wide p {
    font-size: 10.4px !important;
    line-height: 1.4 !important;
  }
}


/* =========================================================
   v9.9.85 — Adres içeriği belirgin şekilde küçültüldü
   ========================================================= */
.contact-premium-address,
.contact-premium-card--wide .contact-premium-address,
.contact-premium-card--wide p {
  font-size: 9px !important;
  line-height: 1.32 !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  color: #3d5677 !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

@media (max-width: 1100px) {
  .contact-premium-address,
  .contact-premium-card--wide .contact-premium-address,
  .contact-premium-card--wide p {
    font-size: 8.8px !important;
  }
}

@media (max-width: 900px) {
  .contact-premium-address,
  .contact-premium-card--wide .contact-premium-address,
  .contact-premium-card--wide p {
    font-size: 8.6px !important;
    white-space: normal !important;
  }
}

@media (max-width: 700px) {
  .contact-premium-address,
  .contact-premium-card--wide .contact-premium-address,
  .contact-premium-card--wide p {
    font-size: 8.4px !important;
    line-height: 1.3 !important;
  }
}


/* =========================================================
   v9.9.86 — Telefon / E-posta / Adres içerikleri birebir eşitlendi
   ========================================================= */
.contact-premium-card .contact-premium-value,
.contact-premium-card a.contact-premium-value,
.contact-premium-card p.contact-premium-value {
  display: block !important;
  margin: 0 !important;
  color: #334d6c !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
  line-height: 1.46 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.contact-premium-value--email,
.contact-premium-value--address {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

@media (max-width: 900px) {
  .contact-premium-card .contact-premium-value,
  .contact-premium-card a.contact-premium-value,
  .contact-premium-card p.contact-premium-value {
    font-size: 11.2px !important;
  }
  .contact-premium-value--address {
    white-space: normal !important;
  }
}

@media (max-width: 700px) {
  .contact-premium-card .contact-premium-value,
  .contact-premium-card a.contact-premium-value,
  .contact-premium-card p.contact-premium-value {
    font-size: 11px !important;
    line-height: 1.44 !important;
  }
  .contact-premium-value--email,
  .contact-premium-value--address {
    white-space: normal !important;
  }
}

/* =========================================================
   v9.9.87 — Adres içeriği ayrıca küçültüldü
   ========================================================= */
.contact-premium-card p.contact-premium-value--address {
  font-size: 10px !important;
  line-height: 1.34 !important;
  font-weight: 650 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  .contact-premium-card p.contact-premium-value--address {
    font-size: 9.8px !important;
    white-space: normal !important;
  }
}

@media (max-width: 700px) {
  .contact-premium-card p.contact-premium-value--address {
    font-size: 9.6px !important;
    line-height: 1.32 !important;
  }
}


/* =========================================================
   v9.9.88 — Adres içerik yazısı zorunlu olarak daha küçük yapıldı
   ========================================================= */
.contact-premium-card p.contact-premium-value--address,
.contact-premium-card .contact-premium-value--address {
  font-size: 9px !important;
  line-height: 1.28 !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

@media (max-width: 900px) {
  .contact-premium-card p.contact-premium-value--address,
  .contact-premium-card .contact-premium-value--address {
    font-size: 8.8px !important;
    line-height: 1.26 !important;
  }
}


/* =========================================================
   v9.9.89 — Adres yazısı orta boy yapıldı, İstanbul alt satıra alındı
   ========================================================= */
.contact-premium-card p.contact-premium-value--address,
.contact-premium-card .contact-premium-value--address {
  font-size: 10.9px !important;
  line-height: 1.46 !important;
  font-weight: 650 !important;
  letter-spacing: -0.01em !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.contact-premium-value--address br {
  display: block !important;
  content: '';
}

.contact-premium-map-link {
  margin-top: 24px !important;
}

@media (max-width: 900px) {
  .contact-premium-card p.contact-premium-value--address,
  .contact-premium-card .contact-premium-value--address {
    font-size: 10.6px !important;
    line-height: 1.44 !important;
  }

  .contact-premium-map-link {
    margin-top: 20px !important;
  }
}

@media (max-width: 700px) {
  .contact-premium-card p.contact-premium-value--address,
  .contact-premium-card .contact-premium-value--address {
    font-size: 10.4px !important;
    line-height: 1.42 !important;
  }
}


/* =========================================================
   v9.9.90 — Tüm yüzer iletişim ikon hoverları WhatsApp ile aynı
   ========================================================= */
.contact-rail__item.is-whatsapp:hover .contact-rail__icon,
.contact-rail__item.is-phone:hover .contact-rail__icon,
.contact-rail__item.is-mail:hover .contact-rail__icon,
.contact-rail__item.is-quote:hover .contact-rail__icon,
.contact-rail__item.is-whatsapp:focus-visible .contact-rail__icon,
.contact-rail__item.is-phone:focus-visible .contact-rail__icon,
.contact-rail__item.is-mail:focus-visible .contact-rail__icon,
.contact-rail__item.is-quote:focus-visible .contact-rail__icon {
  box-shadow: 0 16px 32px rgba(46,219,99,.30) !important;
  transform: translateY(-2px) scale(1.04) !important;
  filter: brightness(1.03) !important;
}


/* Ürün detay sayfaları — uzun SEO açıklamalarında okunabilir paragraf aralığı */
.product-reading-copy .product-reading-intro + .product-reading-intro {
  margin-top: 18px !important;
}

/* =========================================================
   v9.9.94 — Tüm ürün detaylarında ortak premium ürün grubu hero
   ========================================================= */
.product-group-hero-wrap {
  position: relative;
  padding: clamp(42px,5vw,72px) 0 34px;
}
.product-group-hero-shell {
  position: relative;
}
.product-group-hero-back {
  margin-bottom: 18px !important;
}
.product-group-hero {
  position: relative;
  overflow: hidden;
  min-height: 620px;
  border: 1px solid rgba(21,50,86,.10);
  border-radius: 30px;
  background:
    radial-gradient(820px 560px at 76% 14%, rgba(207,216,228,.74), transparent 66%),
    linear-gradient(135deg,#fbfcfd 0%,#f3f6fa 47%,#e7ecf2 100%);
  box-shadow: 0 30px 80px rgba(15,39,71,.10);
}
.product-group-hero::before {
  content: '';
  position: absolute;
  top: -145px;
  left: 36%;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: rgba(255,255,255,.57);
  box-shadow: 0 0 0 1px rgba(255,255,255,.42) inset;
  pointer-events: none;
}
.product-group-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(21,50,86,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21,50,86,.018) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(to bottom,rgba(0,0,0,.48),transparent 78%);
}
.product-group-hero__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 43%) minmax(0, 57%);
  min-height: 620px;
  padding: 76px 58px 150px 62px;
}
.product-group-hero__copy {
  position: relative;
  z-index: 4;
  align-self: center;
  max-width: 520px;
}
.product-group-hero__kicker {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 22px;
  color: #6f8096;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .26em;
}
.product-group-hero__kicker i {
  display: block;
  width: 76px;
  height: 1px;
  background: #b9c4d0;
}
.product-group-hero h1 {
  max-width: 560px;
  margin: 0 !important;
  color: #0b315d !important;
  font-size: clamp(56px,5.1vw,82px) !important;
  font-weight: 800 !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}
.product-group-hero__copy > p {
  max-width: 470px;
  margin: 22px 0 0 !important;
  color: #627289 !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.48 !important;
}
.product-group-hero__features {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 0;
  max-width: 500px;
  margin-top: 38px;
}
.product-group-hero__feature {
  position: relative;
  min-width: 0;
  padding-right: 18px;
  text-align: center;
}
.product-group-hero__feature + .product-group-hero__feature {
  padding-left: 18px;
  border-left: 1px solid #cad3de;
}
.product-group-hero__feature-icon {
  width: 66px;
  height: 66px;
  margin: 0 auto 12px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(225,232,240,.82);
  color: #0c386a;
}
.product-group-hero__feature-icon svg {
  width: 32px;
  height: 32px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.product-group-hero__feature strong {
  display: block;
  color: #183653;
  font-size: 14px;
  line-height: 1.32;
}
.product-group-hero__visual {
  position: absolute;
  z-index: 2;
  top: 72px;
  right: 52px;
  bottom: 106px;
  left: 43%;
  display: grid;
  place-items: end center;
  pointer-events: none;
}
.product-group-hero__visual::before {
  content: '';
  position: absolute;
  inset: 12% 0 0 5%;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 52%,rgba(255,255,255,.68),rgba(222,229,237,.20) 58%,transparent 76%);
}
.product-group-hero__visual img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  mix-blend-mode: multiply;
  filter: saturate(.94) contrast(1.02);
}
.product-group-hero__fallback {
  position: relative;
  z-index: 2;
  width: 240px;
  height: 240px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--navy);
  font-size: 92px;
  font-weight: 900;
}
.product-group-hero__tagline {
  position: absolute;
  z-index: 4;
  top: 70px;
  right: 52px;
  display: grid;
  gap: 4px;
  color: #8693a4;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .26em;
  line-height: 1.25;
}
.product-group-hero__tagline i {
  width: 72px;
  height: 1px;
  margin-top: 14px;
  background: #aeb9c5;
}
.product-group-hero__bottom {
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 118px;
  padding: 44px 48px 28px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 34px;
  color: #fff;
  background: linear-gradient(135deg,#15385e 0%,#08284c 45%,#061e3f 100%);
  clip-path: polygon(0 26%, 13% 44%, 31% 57%, 52% 61%, 71% 53%, 100% 31%, 100% 100%, 0 100%);
}
.product-group-hero__bottom::before {
  content: '';
  position: absolute;
  inset: 17px 0 auto 0;
  height: 24px;
  background: rgba(76,108,140,.55);
  clip-path: polygon(0 0, 13% 55%, 31% 82%, 52% 88%, 71% 72%, 100% 13%, 100% 29%, 71% 90%, 52% 100%, 31% 94%, 13% 69%, 0 18%);
  opacity: .9;
}
.product-group-hero__brand {
  display: flex;
  align-items: center;
  gap: 20px;
}
.product-group-hero__brand strong {
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .22em;
  white-space: nowrap;
}
.product-group-hero__brand span {
  width: 76px;
  height: 1px;
  background: rgba(255,255,255,.45);
}
.product-group-hero__bottom p {
  margin: 0 !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

@media (max-width: 1120px) {
  .product-group-hero__inner {
    grid-template-columns: minmax(0,46%) minmax(0,54%);
    padding: 68px 42px 145px 46px;
  }
  .product-group-hero h1 { font-size: clamp(50px,6vw,70px) !important; }
  .product-group-hero__copy > p { font-size: 17px !important; }
  .product-group-hero__visual { left: 44%; right: 22px; }
  .product-group-hero__tagline { right: 30px; font-size: 11px; }
  .product-group-hero__feature strong { font-size: 12px; }
}

@media (max-width: 840px) {
  .product-group-hero {
    min-height: 760px;
    border-radius: 24px;
  }
  .product-group-hero__inner {
    display: block;
    min-height: 760px;
    padding: 44px 28px 140px;
  }
  .product-group-hero__copy {
    max-width: 100%;
    text-align: left;
  }
  .product-group-hero h1 {
    max-width: 86%;
    font-size: clamp(44px,10vw,64px) !important;
  }
  .product-group-hero__copy > p { max-width: 80%; font-size: 16px !important; }
  .product-group-hero__features {
    max-width: 500px;
    margin-top: 28px;
  }
  .product-group-hero__visual {
    top: 330px;
    right: 18px;
    bottom: 96px;
    left: 30%;
    opacity: .95;
  }
  .product-group-hero__tagline { display: none; }
  .product-group-hero__bottom { padding-inline: 28px; }
}

@media (max-width: 620px) {
  .product-group-hero-wrap { padding-top: 30px; }
  .product-group-hero {
    min-height: 700px;
    border-radius: 20px;
  }
  .product-group-hero__inner {
    min-height: 700px;
    padding: 34px 20px 128px;
  }
  .product-group-hero__kicker { font-size: 11px; gap: 12px; }
  .product-group-hero__kicker i { width: 48px; }
  .product-group-hero h1 { max-width: 100%; font-size: clamp(40px,12vw,52px) !important; }
  .product-group-hero__copy > p { max-width: 100%; font-size: 15px !important; }
  .product-group-hero__features {
    grid-template-columns: repeat(3,minmax(0,1fr));
    margin-top: 24px;
  }
  .product-group-hero__feature { padding-right: 8px; }
  .product-group-hero__feature + .product-group-hero__feature { padding-left: 8px; }
  .product-group-hero__feature-icon { width: 48px; height: 48px; }
  .product-group-hero__feature-icon svg { width: 24px; height: 24px; }
  .product-group-hero__feature strong { font-size: 10px; }
  .product-group-hero__visual {
    top: 348px;
    right: 8px;
    bottom: 90px;
    left: 6%;
  }
  .product-group-hero__bottom {
    min-height: 104px;
    padding: 42px 18px 20px;
    gap: 16px;
  }
  .product-group-hero__brand strong { font-size: 10px; letter-spacing: .14em; }
  .product-group-hero__brand span { display: none; }
  .product-group-hero__bottom p { max-width: 48%; text-align: right; font-size: 9px !important; }
}

/* v9.9.95 — Ürün detay hero görselleri gerçek şeffaf PNG kullanır */
.product-group-hero__visual {
  background: transparent !important;
}
.product-group-hero__visual img {
  background: transparent !important;
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 18px 22px rgba(10,37,69,.13)) saturate(.98) contrast(1.02) !important;
}


/* =========================================================
   v9.9.96 — Ürün ve blog görsel alt yazıları kaldırıldı
   ========================================================= */
.product-group-hero__bottom--clean {
  min-height: 58px !important;
  justify-content: flex-end !important;
}
.product-group-hero__bottom--clean::after {
  content: none !important;
}

.article-editorial-cover--clean::after {
  content: none !important;
}
.article-editorial-cover--clean figcaption {
  display: none !important;
}

/* =========================================================
   v9.9.97 — Blog detay hero, ürün detay tasarımıyla eşitlendi
   ========================================================= */
.article-editorial--product-style .article-reading-layout {
  margin-top: 0;
}
.article-editorial-head--product-style {
  padding-top: 0 !important;
}
.product-group-hero--blog h1 {
  max-width: 620px;
  font-size: clamp(42px,4.6vw,74px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance;
}
.product-group-hero--blog .product-group-hero__copy {
  max-width: 560px;
}
.product-group-hero--blog .product-group-hero__copy > p {
  max-width: 500px;
  font-size: 18px !important;
}
.product-group-hero--blog .product-group-hero__visual img {
  filter: drop-shadow(0 20px 26px rgba(10,37,69,.14)) saturate(.98) contrast(1.02) !important;
}
@media (max-width: 1120px) {
  .product-group-hero--blog h1 {
    font-size: clamp(38px,5vw,62px) !important;
  }
}
@media (max-width: 840px) {
  .product-group-hero--blog h1 {
    max-width: 100%;
    font-size: clamp(36px,8.5vw,54px) !important;
  }
  .product-group-hero--blog .product-group-hero__copy > p {
    max-width: 92%;
    font-size: 16px !important;
  }
}
@media (max-width: 620px) {
  .product-group-hero--blog h1 {
    font-size: clamp(30px,10.8vw,46px) !important;
  }
  .product-group-hero--blog .product-group-hero__copy > p {
    max-width: 100%;
    font-size: 15px !important;
  }
}


/* Ana domain gecisi - Markalar sayfasi hero'suz kompakt baslangic */
.brands-directory-page--no-hero {
  min-height: 60vh;
}
.brands-directory-section--standalone {
  padding-top: clamp(76px, 7vw, 112px) !important;
}
@media (max-width: 760px) {
  .brands-directory-section--standalone {
    padding-top: 62px !important;
  }
}

/* =========================================================
   v9.9.107 — Mobil off-canvas menü + tam video + 3 kolon footer
   ========================================================= */
@media (max-width: 768px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden !important;
  }

  body {
    padding-bottom: 88px !important;
  }
  body.mobile-menu-open {
    overflow: hidden !important;
    touch-action: none;
  }

  /* Mobil header */
  .topbar.topbar--premium {
    display: none !important;
  }
  .site-header.site-header--premium {
    position: sticky !important;
    top: 0 !important;
    z-index: 1200 !important;
    background: rgba(255,255,255,.985) !important;
    border-bottom: 1px solid rgba(21,50,86,.08) !important;
    box-shadow: 0 8px 24px rgba(6,30,63,.07) !important;
  }
  .nav-wrap.nav-wrap--premium {
    min-height: 76px !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 12px !important;
    padding: 0 !important;
  }
  .brand.brand--premium {
    width: 166px !important;
  }
  .main-nav.main-nav--premium,
  .nav-cta.nav-cta--premium {
    display: none !important;
  }

  /* Sağdan kayan mobil menü */
  .mobile-nav.mobile-nav--premium {
    display: block !important;
    position: static !important;
  }
  .mobile-nav.mobile-nav--premium summary {
    position: relative !important;
    z-index: 1303 !important;
    width: 52px !important;
    height: 52px !important;
    padding: 12px !important;
    display: grid !important;
    align-content: center !important;
    gap: 5px !important;
    border: 1px solid rgba(21,50,86,.13) !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(6,30,63,.07) !important;
    list-style: none !important;
  }
  .mobile-nav.mobile-nav--premium summary::-webkit-details-marker {
    display: none !important;
  }
  .mobile-nav.mobile-nav--premium summary span {
    width: 100% !important;
    height: 2px !important;
    display: block !important;
    border-radius: 10px !important;
    background: var(--navy) !important;
    transform-origin: center !important;
    transition: transform .25s ease, opacity .2s ease !important;
  }
  .mobile-nav.mobile-nav--premium[open] summary span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }
  .mobile-nav.mobile-nav--premium[open] summary span:nth-child(2) {
    opacity: 0 !important;
  }
  .mobile-nav.mobile-nav--premium[open] summary span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }

  .mobile-nav.mobile-nav--premium::before {
    content: "";
    position: fixed;
    z-index: 1300;
    inset: 0;
    background: rgba(2,17,36,.54);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .26s ease, visibility .26s ease;
  }
  .mobile-nav.mobile-nav--premium[open]::before {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .mobile-nav.mobile-nav--premium > div {
    position: fixed !important;
    z-index: 1302 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: min(86vw, 345px) !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 98px 18px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    overflow-y: auto !important;
    border: 0 !important;
    border-radius: 24px 0 0 24px !important;
    background: #fff !important;
    box-shadow: -22px 0 55px rgba(2,17,36,.22) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateX(105%) !important;
    transition: transform .32s cubic-bezier(.22,.78,.22,1), opacity .22s ease, visibility .32s ease !important;
  }
  .mobile-nav.mobile-nav--premium[open] > div {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
  }
  .mobile-nav.mobile-nav--premium > div a {
    min-height: 54px !important;
    padding: 0 15px !important;
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    border-radius: 12px !important;
    color: var(--navy) !important;
    background: transparent !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }
  .mobile-nav.mobile-nav--premium > div a:hover,
  .mobile-nav.mobile-nav--premium > div a:focus-visible {
    color: var(--navy) !important;
    background: #f2f5f8 !important;
  }
  .mobile-nav.mobile-nav--premium .nav-link-icon {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
  }
  .mobile-nav.mobile-nav--premium .mobile-nav-quote {
    min-height: 58px !important;
    margin-top: auto !important;
    padding-inline: 18px !important;
    justify-content: center !important;
    color: #fff !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg,#071f41 0%,#0d386a 100%) !important;
    box-shadow: 0 12px 28px rgba(6,30,63,.18) !important;
  }

  /* Slider mobil ölçü */
  .corporate-hero {
    height: auto !important;
    min-height: 720px !important;
    max-height: none !important;
  }
  .corporate-hero-slides,
  .corporate-hero-slide {
    min-height: 720px !important;
  }
  .corporate-slide-copy {
    width: 100% !important;
    max-width: none !important;
  }
  .corporate-hero h1,
  .corporate-hero .corporate-slide-copy h1 {
    max-width: 100% !important;
    font-size: clamp(36px,11.5vw,48px) !important;
    line-height: 1 !important;
    letter-spacing: -.035em !important;
  }
  .corporate-hero .hero-lead {
    max-width: 100% !important;
    margin-top: 18px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
  .corporate-hero .hero-actions {
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 9px !important;
    margin-top: 22px !important;
  }
  .corporate-hero .primary-btn,
  .corporate-outline-btn {
    min-width: 0 !important;
    min-height: 50px !important;
    flex: 1 1 0 !important;
    padding: 0 12px !important;
    justify-content: center !important;
    font-size: 11px !important;
  }
  .corporate-proof {
    margin-top: 24px !important;
    padding-top: 16px !important;
  }
  .corporate-proof div {
    min-width: 0 !important;
    flex: 1 1 0 !important;
    margin-right: 8px !important;
    padding-right: 8px !important;
  }
  .corporate-proof strong { font-size: 18px !important; }
  .corporate-proof span { font-size: 8px !important; }

  /* Video olan slider mobilde üstte ve KIRPILMADAN tam görünür */
  .corporate-hero-slide.has-video {
    --mobile-video-height: clamp(210px, 56vw, 285px);
    background: #03182f !important;
  }
  .corporate-hero-slide.has-video .corporate-hero-video {
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    width: 100% !important;
    height: var(--mobile-video-height) !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    opacity: 1 !important;
    background: #03182f !important;
    filter: saturate(1.02) contrast(1.03) !important;
  }
  .corporate-hero-slide.has-video .corporate-hero-shade {
    background:
      linear-gradient(180deg,rgba(2,17,36,.04) 0,var(--mobile-video-height),rgba(3,24,47,.98) calc(var(--mobile-video-height) + 70px),#03182f 100%) !important;
  }
  .corporate-hero-slide.has-video .corporate-slide-inner {
    align-items: flex-start !important;
    padding-top: calc(var(--mobile-video-height) + 32px) !important;
    padding-bottom: 110px !important;
  }

  /* Slider alt kontrol daha kompakt */
  .corporate-hero-controls {
    left: 12px !important;
    right: 12px !important;
    bottom: 10px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: rgba(2,17,35,.76) !important;
    backdrop-filter: blur(14px) !important;
  }
  .corporate-controls-inner {
    min-height: 60px !important;
    padding: 0 10px !important;
    gap: 8px !important;
  }
  .corporate-hero-dots {
    gap: 7px !important;
  }
  .corporate-hero-dots button {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 60px !important;
    flex: 0 0 44px !important;
    grid-template-columns: 1fr !important;
    padding: 0 !important;
    text-align: center !important;
    border-left: 0 !important;
  }
  .corporate-hero-dots button + button {
    padding-left: 0 !important;
    border-left: 0 !important;
  }
  .corporate-hero-dots button b { display: none !important; }
  .corporate-hero-dots button span { font-size: 10px !important; }
  .corporate-hero-arrows button {
    width: 38px !important;
    height: 38px !important;
  }

  /* Kullanıcının onayladığı mobil hızlı iletişim dock'u */
  .scroll-top {
    display: none !important;
  }
  .contact-rail {
    left: 12px !important;
    right: 12px !important;
    top: auto !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
    width: auto !important;
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 9px !important;
    border: 1px solid rgba(6,30,63,.08) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 15px 36px rgba(6,30,63,.18) !important;
    backdrop-filter: blur(14px) !important;
    transform: none !important;
  }
  .contact-rail__item {
    width: 100% !important;
    justify-content: center !important;
    gap: 0 !important;
  }
  .contact-rail__label { display: none !important; }
  .contact-rail__icon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    margin: 0 auto !important;
    border-radius: 14px !important;
  }
  .contact-rail__icon svg { width: 20px !important; height: 20px !important; }
  .contact-rail__item.is-whatsapp .contact-rail__icon svg { width: 22px !important; height: 22px !important; }

  /* Footer: üst iletişim tek kolon, ALT MENÜLER 3'lü yan yana */
  .footer-classic-top-inner {
    padding: 24px 0 !important;
    gap: 18px !important;
  }
  .footer-classic-logo img {
    width: 180px !important;
  }
  .footer-classic-contactbar {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 15px !important;
  }
  .footer-classic-contactitem,
  .footer-classic-contactitem--address {
    width: 100% !important;
    min-height: auto !important;
    padding: 15px 14px !important;
    border-left: 0 !important;
  }
  .footer-classic-contactitem + .footer-classic-contactitem,
  .footer-classic-contactitem--address {
    border-top: 1px solid rgba(255,255,255,.11) !important;
  }
  .footer-classic-contactitem strong {
    white-space: normal !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  .footer-classic-main {
    padding: 34px 0 30px !important;
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 28px 14px !important;
    align-items: start !important;
  }
  .footer-classic-about {
    grid-column: 1 / -1 !important;
    padding-bottom: 4px !important;
  }
  .footer-classic-about > p {
    max-width: none !important;
  }
  .footer-classic-column,
  .footer-classic-column:last-child {
    min-width: 0 !important;
    grid-column: auto !important;
    gap: 7px !important;
  }
  .footer-classic-about h3,
  .footer-classic-column h3 {
    margin-bottom: 12px !important;
    padding-bottom: 10px !important;
    font-size: 11px !important;
    letter-spacing: .055em !important;
  }
  .footer-classic-column h3::after {
    width: 24px !important;
  }
  .footer-classic-column a {
    max-width: 100% !important;
    padding: 1px 0 !important;
    font-size: 10.8px !important;
    line-height: 1.42 !important;
    overflow-wrap: anywhere !important;
  }
  .footer-classic-bottom {
    min-height: auto !important;
    padding: 17px 0 18px !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 6px !important;
  }
}

@media (max-width: 390px) {
  .footer-classic-main {
    gap: 26px 10px !important;
  }
  .footer-classic-column h3 {
    font-size: 10.2px !important;
  }
  .footer-classic-column a {
    font-size: 10px !important;
  }
  .mobile-nav.mobile-nav--premium > div {
    width: min(89vw, 335px) !important;
  }
}


/* =========================================================
   v9.9.108 — Mobil menu + hero slider + video + footer fix
   ========================================================= */

/* 1) "İşiniz için gereken her şey" bölümündeki arka cıvata daha görünür olsun */
.portfolio-deck-copy {
  overflow: hidden;
}
.portfolio-bolt-watermark {
  top: 52% !important;
  left: -8% !important;
  right: auto !important;
  width: clamp(300px, 34vw, 470px) !important;
  opacity: .15 !important;
  transform: translateY(-50%) rotate(-66deg) !important;
}
.portfolio-bolt-watermark img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* 2) Slider videoları tam görünsün ve arka plan gibi çalışsın */
.corporate-hero-slide.has-video {
  background: #04172f !important;
}
.corporate-hero-video {
  object-fit: contain !important;
  object-position: center center !important;
  background: #04172f !important;
}
.corporate-hero-slide.has-video::before {
  opacity: .18 !important;
}
.corporate-hero-slide.has-video .corporate-hero-shade {
  background:
    linear-gradient(90deg, rgba(2,17,36,.84) 0%, rgba(3,24,49,.74) 36%, rgba(3,24,49,.30) 66%, rgba(3,20,42,.10) 100%),
    linear-gradient(0deg, rgba(1,13,29,.44) 0%, rgba(1,13,29,.08) 40%, rgba(1,13,29,0) 72%) !important;
}

/* 3) Slider altındaki 01-02 butonları gizle, sadece oklar kalsın */
.corporate-hero-dots {
  display: none !important;
}
.corporate-controls-inner {
  justify-content: flex-end !important;
}
.corporate-hero-arrows {
  margin-left: auto !important;
}

/* 4) Sağdan açılan mobil menü */
@media (max-width: 900px) {
  .main-nav,
  .nav-cta {
    display: none !important;
  }

  .mobile-nav.mobile-nav--premium {
    display: block !important;
    position: relative !important;
    z-index: 140 !important;
  }

  .mobile-nav.mobile-nav--premium summary {
    width: 56px !important;
    height: 56px !important;
    display: grid !important;
    align-content: center !important;
    gap: 5px !important;
    padding: 12px !important;
    border: 1px solid #d6dee7 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(6,30,63,.10) !important;
    list-style: none !important;
  }
  .mobile-nav.mobile-nav--premium summary span {
    display: block !important;
    width: 100% !important;
    height: 2px !important;
    border-radius: 99px !important;
    background: #082b54 !important;
    transition: transform .25s ease, opacity .25s ease !important;
  }
  .mobile-nav.mobile-nav--premium[open] summary span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }
  .mobile-nav.mobile-nav--premium[open] summary span:nth-child(2) {
    opacity: 0 !important;
  }
  .mobile-nav.mobile-nav--premium[open] summary span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }
  .mobile-nav.mobile-nav--premium::before {
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(4,18,37,.42);
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
    pointer-events: none;
  }
  .mobile-nav.mobile-nav--premium[open]::before {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .mobile-nav.mobile-nav--premium > div {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    width: min(360px, calc(100vw - 34px)) !important;
    height: 100svh !important;
    max-height: 100svh !important;
    padding: 92px 18px 22px !important;
    display: grid !important;
    grid-auto-rows: min-content !important;
    gap: 6px !important;
    overflow-y: auto !important;
    border: 0 !important;
    border-radius: 28px 0 0 28px !important;
    background: #fff !important;
    box-shadow: -18px 0 44px rgba(6,30,63,.18) !important;
    transform: translateX(108%) !important;
    transition: transform .28s cubic-bezier(.22,.61,.36,1) !important;
  }
  .mobile-nav.mobile-nav--premium[open] > div {
    transform: translateX(0) !important;
  }
  .mobile-nav.mobile-nav--premium > div a {
    min-height: 56px !important;
    padding: 15px 16px !important;
    display: grid !important;
    grid-template-columns: 24px 1fr !important;
    align-items: center !important;
    gap: 12px !important;
    border-radius: 14px !important;
    color: #082b54 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    background: #f7f9fc !important;
  }
  .mobile-nav.mobile-nav--premium > div a:hover,
  .mobile-nav.mobile-nav--premium > div a:focus-visible {
    background: #eef3f8 !important;
    color: #a10d13 !important;
  }
  .mobile-nav.mobile-nav--premium .mobile-nav-quote {
    margin-top: 10px !important;
    min-height: 58px !important;
    grid-template-columns: 24px 1fr !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #0b315d, #082b54) !important;
    color: #fff !important;
  }

  /* 5) Mobil slider video ve içerik */
  .corporate-hero {
    min-height: 700px !important;
    height: auto !important;
    max-height: none !important;
  }
  .corporate-hero-slides,
  .corporate-hero-slide {
    min-height: 700px !important;
  }
  .corporate-slide-inner {
    align-items: flex-end !important;
    padding-top: 48px !important;
    padding-bottom: 120px !important;
  }
  .corporate-slide-copy {
    width: 100% !important;
    max-width: none !important;
  }
  .corporate-hero h1 {
    max-width: 100% !important;
    font-size: clamp(36px, 10vw, 52px) !important;
    line-height: .98 !important;
  }
  .corporate-hero .hero-lead {
    max-width: 100% !important;
    margin-top: 18px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  .corporate-hero .hero-actions {
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin-top: 22px !important;
  }
  .corporate-hero .primary-btn,
  .corporate-outline-btn {
    flex: 1 1 0 !important;
    min-height: 54px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    justify-content: center !important;
  }
  .corporate-proof {
    margin-top: 22px !important;
    padding-top: 16px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 0 !important;
  }
  .corporate-proof div {
    min-width: 0 !important;
    margin-right: 0 !important;
    padding-right: 10px !important;
  }
  .corporate-proof strong { font-size: 18px !important; }
  .corporate-proof span { font-size: 9px !important; }
  .corporate-hero-controls {
    left: auto !important;
    right: 14px !important;
    bottom: 16px !important;
    border: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
  }
  .corporate-controls-inner {
    min-height: auto !important;
    padding: 0 !important;
    gap: 10px !important;
    justify-content: flex-end !important;
  }
  .corporate-hero-arrows button {
    width: 46px !important;
    height: 46px !important;
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.34) !important;
  }

  /* 6) Footer menüleri mobilde yan yana kalsın */
  .footer-classic-main {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px 18px !important;
    align-items: start !important;
  }
  .footer-classic-about {
    grid-column: 1 / -1 !important;
  }
  .footer-classic-column:last-child {
    grid-column: auto !important;
  }
  .footer-classic-column h3 {
    font-size: 11px !important;
  }
  .footer-classic-column a {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
  }
}

@media (max-width: 640px) {
  .portfolio-deck {
    padding-block: 68px !important;
  }
  .portfolio-deck-copy {
    min-height: 360px !important;
  }
  .portfolio-bolt-watermark {
    top: 56% !important;
    left: -2% !important;
    width: 320px !important;
    opacity: .13 !important;
    transform: translateY(-50%) rotate(-67deg) !important;
  }
  .portfolio-deck-copy h2 {
    max-width: 100% !important;
  }

  .corporate-hero-video {
    object-fit: contain !important;
    object-position: center 28% !important;
  }
  .corporate-hero-slide.has-video .corporate-hero-shade {
    background:
      linear-gradient(180deg, rgba(1,13,29,.12) 0%, rgba(2,17,36,.18) 18%, rgba(2,17,36,.72) 66%, rgba(2,17,36,.92) 100%),
      linear-gradient(90deg, rgba(2,17,36,.88) 0%, rgba(3,24,49,.70) 42%, rgba(3,24,49,.12) 100%) !important;
  }
  .corporate-slide-inner {
    padding-top: 34px !important;
    padding-bottom: 118px !important;
  }
  .corporate-hero .hero-actions {
    flex-direction: column !important;
  }
  .corporate-hero .primary-btn,
  .corporate-outline-btn {
    width: 100% !important;
  }

  .footer-classic-main {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 18px 14px !important;
  }
  .footer-classic-column h3 {
    font-size: 10px !important;
    letter-spacing: .05em !important;
  }
  .footer-classic-column a {
    font-size: 10.5px !important;
  }
}


/* =========================================================
   v9.9.111 — İki video için mobil oran düzeltmesi
   ========================================================= */
.corporate-hero-video {
  object-fit: cover !important;
  object-position: center center !important;
}
.corporate-hero-dots {
  display: none !important;
}
.corporate-controls-inner {
  justify-content: flex-end !important;
}
.corporate-hero-arrows {
  display: flex !important;
  margin-left: auto !important;
}
.corporate-hero-arrows button {
  width: 52px !important;
  height: 52px !important;
}

@media (max-width: 768px) {
  .corporate-hero {
    height: calc(100svh - 84px) !important;
    min-height: 640px !important;
    max-height: none !important;
  }
  .corporate-hero-slides,
  .corporate-hero-slide {
    height: 100% !important;
    min-height: 640px !important;
  }
  .corporate-hero-video {
    object-fit: cover !important;
    object-position: center center !important;
  }
  .corporate-hero-slide.has-video::before {
    opacity: .12 !important;
  }
  .corporate-hero-slide.has-video .corporate-hero-shade {
    background:
      linear-gradient(180deg, rgba(2,17,36,.20) 0%, rgba(2,17,36,.26) 24%, rgba(2,17,36,.70) 68%, rgba(2,17,36,.94) 100%),
      linear-gradient(90deg, rgba(2,17,36,.72) 0%, rgba(3,24,49,.46) 42%, rgba(3,24,49,.12) 100%) !important;
  }
  .corporate-slide-inner {
    min-height: 100% !important;
    align-items: flex-end !important;
    padding-top: 44px !important;
    padding-bottom: 112px !important;
  }
  .corporate-slide-copy {
    width: 100% !important;
    max-width: none !important;
  }
  .corporate-hero h1 {
    max-width: 100% !important;
    font-size: clamp(34px, 10vw, 48px) !important;
    line-height: .98 !important;
  }
  .corporate-hero .hero-lead {
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  .corporate-hero .hero-actions {
    flex-direction: column !important;
    gap: 10px !important;
  }
  .corporate-hero .primary-btn,
  .corporate-outline-btn {
    width: 100% !important;
    justify-content: center !important;
  }
  .corporate-hero-controls {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: transparent !important;
    border-top: 0 !important;
    backdrop-filter: none !important;
  }
  .corporate-controls-inner {
    min-height: 78px !important;
    padding-inline: 16px !important;
  }
}


/* =========================================================
   v9.9.113 — Mobil video tam arka plan + civata watermark fix
   ========================================================= */

/* Masaüstünde slider oranı sabit, sadece oklar kalsın */
.corporate-hero-dots { display: none !important; }
.corporate-controls-inner { justify-content: flex-end !important; }
.corporate-hero-arrows { display: flex !important; margin-left: auto !important; }

/* "İşiniz için gereken her şey" cıvatası kesilmesin */
.portfolio-deck-copy {
  overflow: visible !important;
}
.portfolio-bolt-watermark {
  top: 52% !important;
  left: 58% !important;
  right: auto !important;
  width: clamp(250px, 34vw, 420px) !important;
  opacity: .15 !important;
  transform: translate(-50%, -50%) rotate(-28deg) !important;
  z-index: 0 !important;
}
.portfolio-bolt-watermark img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}
.portfolio-deck-copy > *:not(.portfolio-bolt-watermark) {
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  /* Mobilde statik görseli kapat: sadece video gözüksün */
  .corporate-hero-slide.has-video::before {
    display: none !important;
    opacity: 0 !important;
    background: none !important;
  }
  .corporate-hero,
  .corporate-hero-slides,
  .corporate-hero-slide {
    height: calc(100svh - 84px) !important;
    min-height: 640px !important;
    max-height: none !important;
  }
  .corporate-hero-slide {
    background: #04172f !important;
  }
  .corporate-hero-video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    background: #04172f !important;
    z-index: 0 !important;
  }
  .corporate-hero-shade {
    z-index: 1 !important;
  }
  .corporate-hero-slide.has-video .corporate-hero-shade {
    background:
      linear-gradient(180deg, rgba(2,17,36,.20) 0%, rgba(2,17,36,.28) 22%, rgba(2,17,36,.72) 66%, rgba(2,17,36,.95) 100%),
      linear-gradient(90deg, rgba(2,17,36,.70) 0%, rgba(3,24,49,.44) 46%, rgba(3,24,49,.10) 100%) !important;
  }
  .shell.corporate-slide-inner {
    position: relative !important;
    z-index: 2 !important;
    min-height: 100% !important;
    display: flex !important;
    align-items: flex-end !important;
    padding-top: 44px !important;
    padding-bottom: 118px !important;
  }
  .corporate-slide-copy {
    width: 100% !important;
    max-width: none !important;
  }
  .corporate-hero h1 {
    font-size: clamp(34px, 10vw, 48px) !important;
    line-height: .98 !important;
  }
  .corporate-hero .hero-lead {
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
  }
  .corporate-hero .hero-actions {
    flex-direction: column !important;
    gap: 10px !important;
  }
  .corporate-hero .primary-btn,
  .corporate-outline-btn {
    width: 100% !important;
    justify-content: center !important;
  }
  /* Oklar artık yazı/istatistik üzerine binmesin */
  .corporate-hero-controls {
    left: auto !important;
    right: 14px !important;
    top: 14px !important;
    bottom: auto !important;
    background: transparent !important;
    border-top: 0 !important;
    backdrop-filter: none !important;
    z-index: 5 !important;
  }
  .corporate-controls-inner {
    min-height: auto !important;
    padding: 0 !important;
    gap: 10px !important;
    justify-content: flex-end !important;
  }
  .corporate-hero-arrows button {
    width: 46px !important;
    height: 46px !important;
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.34) !important;
  }

  /* Mobilde watermark daha küçük ve tam görünsün */
  .portfolio-deck {
    padding-block: 68px !important;
  }
  .portfolio-deck-copy {
    min-height: 360px !important;
    overflow: hidden !important;
  }
  .portfolio-bolt-watermark {
    top: 42% !important;
    left: 62% !important;
    width: 255px !important;
    opacity: .13 !important;
    transform: translate(-50%, -50%) rotate(24deg) !important;
  }
}


/* =========================================================
   v9.9.114 — MOBİL SLIDER GERÇEK FULL VIDEO + DOCK + CIVATA FIX
   ========================================================= */
.corporate-hero-slide.has-video::before {
  content: none !important;
  display: none !important;
  background: none !important;
}
.corporate-hero-video {
  display: block !important;
  opacity: 1 !important;
}
.corporate-hero-dots { display: none !important; }
.corporate-controls-inner { justify-content: flex-end !important; }
.corporate-hero-arrows { display: flex !important; margin-left: auto !important; }

@media (max-width: 768px) {
  .corporate-hero {
    position: relative !important;
    height: 900px !important;
    min-height: 900px !important;
    max-height: none !important;
    overflow: hidden !important;
    background: #04172f !important;
  }
  .corporate-hero-slides,
  .corporate-hero-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 900px !important;
    min-height: 900px !important;
  }
  .corporate-hero-video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    z-index: 0 !important;
    background: #04172f !important;
  }
  .corporate-hero-shade {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background:
      linear-gradient(180deg,
        rgba(2,17,36,.06) 0%,
        rgba(2,17,36,.10) 28%,
        rgba(2,17,36,.36) 52%,
        rgba(2,17,36,.62) 72%,
        rgba(2,17,36,.82) 100%) !important;
  }
  .corporate-hero-shade::after { opacity: .08 !important; }
  .shell.corporate-slide-inner {
    position: relative !important;
    z-index: 2 !important;
    height: 900px !important;
    min-height: 900px !important;
    display: flex !important;
    align-items: flex-end !important;
    padding-top: 110px !important;
    padding-bottom: 185px !important;
  }
  .corporate-slide-copy {
    width: 100% !important;
    max-width: none !important;
  }
  .corporate-hero h1 {
    max-width: 100% !important;
    font-size: clamp(34px, 9.8vw, 47px) !important;
    line-height: .98 !important;
    text-shadow: 0 6px 28px rgba(0,0,0,.38) !important;
  }
  .corporate-hero .hero-lead {
    max-width: 100% !important;
    margin-top: 16px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: rgba(255,255,255,.90) !important;
    text-shadow: 0 3px 16px rgba(0,0,0,.36) !important;
  }
  .corporate-hero .hero-actions {
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 20px !important;
  }
  .corporate-hero .primary-btn,
  .corporate-outline-btn {
    width: 100% !important;
    min-height: 54px !important;
    justify-content: center !important;
  }
  .corporate-proof {
    margin-top: 20px !important;
    padding-top: 15px !important;
  }
  .corporate-hero-controls {
    position: absolute !important;
    top: 18px !important;
    right: 14px !important;
    bottom: auto !important;
    left: auto !important;
    width: auto !important;
    border: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    z-index: 6 !important;
  }
  .corporate-controls-inner {
    width: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
  }
  .corporate-hero-arrows button {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    background: rgba(6,30,63,.44) !important;
    border: 1px solid rgba(255,255,255,.40) !important;
    backdrop-filter: blur(8px) !important;
  }
  .contact-rail {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
  }
  .portfolio-deck-copy {
    position: relative !important;
    min-height: 360px !important;
    overflow: hidden !important;
  }
  .portfolio-bolt-watermark {
    position: absolute !important;
    top: 42px !important;
    right: 10px !important;
    bottom: auto !important;
    left: auto !important;
    width: 190px !important;
    height: 300px !important;
    opacity: .10 !important;
    transform: rotate(15deg) !important;
    transform-origin: center !important;
  }
  .portfolio-bolt-watermark img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  .portfolio-deck-copy h2,
  .portfolio-deck-text {
    position: relative !important;
    z-index: 2 !important;
    max-width: 82% !important;
  }
}

@media (max-width: 430px) {
  .corporate-hero,
  .corporate-hero-slides,
  .corporate-hero-slide,
  .shell.corporate-slide-inner {
    height: 930px !important;
    min-height: 930px !important;
  }
  .shell.corporate-slide-inner {
    padding-bottom: 200px !important;
  }
  .portfolio-bolt-watermark {
    right: 4px !important;
    width: 168px !important;
    height: 285px !important;
  }
  .portfolio-deck-copy h2,
  .portfolio-deck-text {
    max-width: 88% !important;
  }
}


/* =========================================================
   v9.9.115 — ACİL MOBİL SLIDER: eski üst-video kuralını kesin ez
   ========================================================= */
@media (max-width: 768px) {
  /* Eski --mobile-video-height davranışını tamamen iptal et */
  .corporate-hero .corporate-hero-slide.has-video {
    --mobile-video-height: 100% !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #03182f !important;
  }

  .corporate-hero {
    position: relative !important;
    height: calc(100svh - 88px) !important;
    min-height: 720px !important;
    max-height: 820px !important;
    overflow: hidden !important;
    background: #03182f !important;
  }

  .corporate-hero .corporate-hero-slides {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  /* EN ÖNEMLİ KURAL: video artık 210-285px değil %100 */
  .corporate-hero .corporate-hero-slide.has-video .corporate-hero-video {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    opacity: 1 !important;
    filter: saturate(1.02) contrast(1.04) !important;
    background: #03182f !important;
    z-index: 0 !important;
  }

  .corporate-hero .corporate-hero-slide.has-video::before {
    content: none !important;
    display: none !important;
    background: none !important;
    opacity: 0 !important;
  }

  .corporate-hero .corporate-hero-slide.has-video .corporate-hero-shade {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background:
      linear-gradient(180deg,
        rgba(2,17,36,.06) 0%,
        rgba(2,17,36,.16) 26%,
        rgba(2,17,36,.42) 48%,
        rgba(2,17,36,.74) 69%,
        rgba(2,17,36,.94) 100%) !important;
  }

  .corporate-hero .corporate-hero-slide.has-video .corporate-slide-inner,
  .corporate-hero .shell.corporate-slide-inner {
    position: relative !important;
    z-index: 2 !important;
    width: min(100% - 28px, 1180px) !important;
    height: 100% !important;
    min-height: 100% !important;
    display: flex !important;
    align-items: flex-end !important;
    padding-top: 86px !important;
    padding-bottom: 132px !important;
  }

  .corporate-hero .corporate-slide-copy {
    width: 100% !important;
    max-width: none !important;
  }

  .corporate-hero .corporate-slide-copy h1 {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: clamp(32px, 9.6vw, 46px) !important;
    line-height: .98 !important;
    text-shadow: 0 5px 22px rgba(0,0,0,.42) !important;
  }

  .corporate-hero .hero-lead {
    max-width: 100% !important;
    margin-top: 14px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: rgba(255,255,255,.92) !important;
  }

  .corporate-hero .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 9px !important;
    margin-top: 18px !important;
  }

  .corporate-hero .primary-btn,
  .corporate-hero .corporate-outline-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 0 10px !important;
    justify-content: center !important;
    font-size: 11px !important;
  }

  .corporate-hero .corporate-proof {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 0 !important;
    margin-top: 18px !important;
    padding-top: 14px !important;
  }
  .corporate-hero .corporate-proof div {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 8px !important;
  }
  .corporate-hero .corporate-proof div:first-child { padding-left: 0 !important; }
  .corporate-hero .corporate-proof strong { font-size: 18px !important; }
  .corporate-hero .corporate-proof span { font-size: 8px !important; }

  /* 01-02 yok, yalnız oklar */
  .corporate-hero .corporate-hero-dots { display: none !important; }
  .corporate-hero .corporate-hero-controls {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    bottom: auto !important;
    left: auto !important;
    width: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    overflow: visible !important;
    z-index: 8 !important;
  }
  .corporate-hero .corporate-controls-inner {
    width: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
    justify-content: flex-end !important;
  }
  .corporate-hero .corporate-hero-arrows {
    display: flex !important;
    gap: 8px !important;
  }
  .corporate-hero .corporate-hero-arrows button {
    width: 44px !important;
    height: 44px !important;
    border: 1px solid rgba(255,255,255,.42) !important;
    border-radius: 50% !important;
    background: rgba(4,24,49,.48) !important;
    color: #fff !important;
    backdrop-filter: blur(8px) !important;
  }

  /* Sabit iletişim dock'u istatistikleri kapatmasın */
  body { padding-bottom: 94px !important; }
  .contact-rail {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 8px) !important;
  }

  /* Ürün bölümündeki cıvata mobilde tam görünsün */
  .portfolio-deck .portfolio-deck-copy {
    position: relative !important;
    min-height: 390px !important;
    overflow: hidden !important;
  }
  .portfolio-deck .portfolio-bolt-watermark {
    position: absolute !important;
    top: 34px !important;
    right: 12px !important;
    bottom: auto !important;
    left: auto !important;
    width: 155px !important;
    height: 270px !important;
    opacity: .09 !important;
    transform: rotate(12deg) !important;
  }
  .portfolio-deck .portfolio-bolt-watermark img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  .portfolio-deck .portfolio-deck-copy h2,
  .portfolio-deck .portfolio-deck-text {
    position: relative !important;
    z-index: 2 !important;
    max-width: 86% !important;
  }
}

/* =========================================================
   v9.9.116 — Mobil slider alt boşluk kesin düzeltme
   ========================================================= */
@media (max-width: 768px) {
  /* Slider ekran boyu uzamasın; içerik bittikten kısa süre sonra bitsin */
  .corporate-hero {
    height: clamp(650px, 78svh, 700px) !important;
    min-height: 650px !important;
    max-height: 700px !important;
  }

  .corporate-hero .corporate-hero-slides,
  .corporate-hero .corporate-hero-slide,
  .corporate-hero .corporate-hero-slide.has-video {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .corporate-hero .corporate-hero-slide.has-video .corporate-slide-inner,
  .corporate-hero .shell.corporate-slide-inner {
    height: 100% !important;
    min-height: 0 !important;
    padding-top: 76px !important;
    padding-bottom: 96px !important;
  }

  .corporate-hero .corporate-slide-copy h1 {
    font-size: clamp(31px, 9.2vw, 44px) !important;
  }
  .corporate-hero .hero-lead {
    margin-top: 12px !important;
  }
  .corporate-hero .hero-actions {
    margin-top: 15px !important;
  }
  .corporate-hero .corporate-proof {
    margin-top: 15px !important;
    padding-top: 12px !important;
  }

  /* Alt bölüm keskin ve temiz bitsin */
  .corporate-hero::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 1px !important;
    background: rgba(255,255,255,.12) !important;
    z-index: 7 !important;
  }

  /* Sabit dock aynı kalsın, sadece biraz daha aşağı ve kompakt */
  .contact-rail {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 6px) !important;
    padding: 8px !important;
    border-radius: 16px !important;
  }
  .contact-rail__icon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
  }
}

@media (max-width: 430px) {
  .corporate-hero {
    height: 670px !important;
    min-height: 670px !important;
    max-height: 670px !important;
  }
  .corporate-hero .corporate-hero-slide.has-video .corporate-slide-inner,
  .corporate-hero .shell.corporate-slide-inner {
    padding-bottom: 92px !important;
  }
}


/* =========================================================
   v9.9.118 — Mobil slider web stili + footer alt boşluk fix
   ========================================================= */
@media (max-width: 768px) {
  /* Sayfanın en altında body kaynaklı beyaz tampon olmasın */
  html,
  body {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    background: #061a33 !important;
  }

  /* Header sonrası slider mobilde tek parça */
  .corporate-hero {
    position: relative !important;
    height: 690px !important;
    min-height: 690px !important;
    max-height: 690px !important;
    overflow: hidden !important;
    background: #04172f !important;
  }
  .corporate-hero .corporate-hero-slides,
  .corporate-hero .corporate-hero-slide,
  .corporate-hero .corporate-hero-slide.has-video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    background: #04172f !important;
  }

  /* Mobilde yalnız video: statik slider görseli kesin kapalı */
  .corporate-hero .corporate-hero-slide.has-video::before {
    content: none !important;
    display: none !important;
    background: none !important;
    opacity: 0 !important;
  }
  .corporate-hero .corporate-hero-slide.has-video > .corporate-hero-video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    opacity: 1 !important;
    background: #04172f !important;
    z-index: 0 !important;
  }

  /* Webdeki gibi tüm videoya transparan lacivert filtre */
  .corporate-hero .corporate-hero-slide.has-video > .corporate-hero-shade {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    opacity: 1 !important;
    background:
      linear-gradient(180deg,
        rgba(3,22,45,.52) 0%,
        rgba(4,28,56,.56) 36%,
        rgba(3,24,49,.68) 64%,
        rgba(2,17,36,.90) 100%),
      linear-gradient(90deg,
        rgba(2,17,36,.64) 0%,
        rgba(4,28,56,.38) 62%,
        rgba(4,28,56,.22) 100%) !important;
  }
  .corporate-hero .corporate-hero-slide.has-video > .corporate-hero-shade::after {
    opacity: .10 !important;
  }

  /* Yazı ve bilgiler videonun üzerinde, web hiyerarşisine yakın */
  .corporate-hero .corporate-hero-slide.has-video .corporate-slide-inner,
  .corporate-hero .shell.corporate-slide-inner {
    position: relative !important;
    z-index: 2 !important;
    width: min(100% - 28px, 1180px) !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    padding-top: 76px !important;
    padding-bottom: 42px !important;
  }
  .corporate-hero .corporate-slide-copy {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
  .corporate-hero .corporate-slide-copy h1 {
    max-width: 96% !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(31px, 8.9vw, 43px) !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
    text-shadow: 0 8px 26px rgba(0,0,0,.26) !important;
  }
  .corporate-hero .hero-lead {
    max-width: 96% !important;
    margin: 13px 0 0 !important;
    color: rgba(255,255,255,.86) !important;
    font-size: 13.5px !important;
    line-height: 1.52 !important;
  }

  .corporate-hero .hero-actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
    margin-top: 16px !important;
  }
  .corporate-hero .primary-btn,
  .corporate-hero .corporate-outline-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 49px !important;
    padding: 0 10px !important;
    justify-content: center !important;
    border-radius: 7px !important;
    font-size: 11px !important;
  }
  .corporate-hero .corporate-outline-btn {
    background: rgba(7,35,69,.38) !important;
    border-color: rgba(255,255,255,.46) !important;
    backdrop-filter: blur(5px) !important;
  }

  .corporate-hero .corporate-proof {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 0 !important;
    margin-top: 15px !important;
    padding-top: 13px !important;
    border-top: 1px solid rgba(255,255,255,.24) !important;
  }
  .corporate-hero .corporate-proof div {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 9px !important;
    border-right: 1px solid rgba(255,255,255,.18) !important;
  }
  .corporate-hero .corporate-proof div:first-child { padding-left: 0 !important; }
  .corporate-hero .corporate-proof div:last-child { border-right: 0 !important; }
  .corporate-hero .corporate-proof strong {
    color: #fff !important;
    font-size: 18px !important;
  }
  .corporate-hero .corporate-proof span {
    color: rgba(255,255,255,.67) !important;
    font-size: 8px !important;
  }

  /* 01/02 yok; oklar sağ üstte webdeki gibi */
  .corporate-hero .corporate-hero-dots { display: none !important; }
  .corporate-hero .corporate-hero-controls {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    bottom: auto !important;
    left: auto !important;
    width: auto !important;
    z-index: 9 !important;
    border: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
  }
  .corporate-hero .corporate-controls-inner {
    width: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
  }
  .corporate-hero .corporate-hero-arrows {
    display: flex !important;
    gap: 8px !important;
  }
  .corporate-hero .corporate-hero-arrows button {
    width: 43px !important;
    height: 43px !important;
    border: 1px solid rgba(255,255,255,.38) !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: rgba(5,31,62,.46) !important;
    backdrop-filter: blur(7px) !important;
  }

  /* Footer sonunda beyaz alan yerine lacivert güvenli alan */
  .footer.footer--corporate-classic {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    background: #061a33 !important;
  }
  .footer-classic-bottom-wrap {
    margin-bottom: 0 !important;
    padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important;
    background: #061a33 !important;
  }
  .footer-classic-bottom {
    margin-bottom: 0 !important;
  }

  /* Sabit iletişim docku footerın lacivert alanının üzerinde kalsın */
  .contact-rail {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 7px) !important;
  }
}

@media (max-width: 430px) {
  .corporate-hero {
    height: 670px !important;
    min-height: 670px !important;
    max-height: 670px !important;
  }
  .corporate-hero .corporate-hero-slide.has-video .corporate-slide-inner,
  .corporate-hero .shell.corporate-slide-inner {
    padding-bottom: 38px !important;
  }
}


/* =========================================================
   v9.9.119 — Mobilde metin/butonları videonun üstüne al,
   alt mavi alanı kaldır
   ========================================================= */
@media (max-width: 768px) {
  .corporate-hero {
    height: 560px !important;
    min-height: 560px !important;
    max-height: 560px !important;
    overflow: hidden !important;
  }
  .corporate-hero .corporate-hero-slides,
  .corporate-hero .corporate-hero-slide {
    height: 100% !important;
    min-height: 560px !important;
    max-height: 560px !important;
  }

  /* Video tüm alanı doldursun */
  .corporate-hero .corporate-hero-video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 42% !important;
    z-index: 0 !important;
  }

  /* Alttaki koyu/mavi panel hissini azalt */
  .corporate-hero .corporate-hero-slide.has-video > .corporate-hero-shade {
    background:
      linear-gradient(180deg,
        rgba(3,22,45,.46) 0%,
        rgba(4,28,56,.50) 32%,
        rgba(3,24,49,.56) 62%,
        rgba(2,17,36,.66) 100%),
      linear-gradient(90deg,
        rgba(2,17,36,.62) 0%,
        rgba(4,28,56,.34) 58%,
        rgba(4,28,56,.12) 100%) !important;
  }

  /* Yazılar doğrudan video üstüne gelsin */
  .corporate-hero .corporate-hero-slide.has-video .corporate-slide-inner,
  .corporate-hero .shell.corporate-slide-inner {
    width: calc(100% - 28px) !important;
    padding: 0 !important;
    display: block !important;
    height: 100% !important;
    min-height: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }
  .corporate-hero .corporate-slide-copy {
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    top: 240px !important;
    bottom: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .corporate-hero .corporate-slide-copy h1 {
    max-width: 100% !important;
    font-size: clamp(30px, 8.6vw, 42px) !important;
    line-height: .98 !important;
    margin: 0 !important;
  }
  .corporate-hero .hero-lead {
    max-width: 100% !important;
    margin-top: 14px !important;
    font-size: 13px !important;
    line-height: 1.52 !important;
  }
  .corporate-hero .hero-actions {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
    margin-top: 14px !important;
  }
  .corporate-hero .primary-btn,
  .corporate-hero .corporate-outline-btn {
    min-height: 48px !important;
    font-size: 11px !important;
  }

  /* Bilgileri alt kısma sabitle, ekstra boşluğu gizle */
  .corporate-hero .corporate-proof {
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    bottom: 18px !important;
    margin: 0 !important;
    padding-top: 12px !important;
    z-index: 2 !important;
  }
  .corporate-hero .corporate-proof strong { font-size: 17px !important; }
  .corporate-hero .corporate-proof span { font-size: 8px !important; }

  /* Oklar kalsın ama taşmasın */
  .corporate-hero .corporate-hero-controls {
    top: 14px !important;
    right: 14px !important;
    z-index: 5 !important;
  }

  /* Slider bitince altta mavi alan uzamasın */
  .contact-rail {
    bottom: calc(env(safe-area-inset-bottom, 0px) + 8px) !important;
  }
}

@media (max-width: 430px) {
  .corporate-hero {
    height: 540px !important;
    min-height: 540px !important;
    max-height: 540px !important;
  }
  .corporate-hero .corporate-hero-slides,
  .corporate-hero .corporate-hero-slide {
    min-height: 540px !important;
    max-height: 540px !important;
  }
  .corporate-hero .corporate-slide-copy {
    top: 228px !important;
  }
  .corporate-hero .corporate-slide-copy h1 {
    font-size: clamp(28px, 8.4vw, 40px) !important;
  }
  .corporate-hero .hero-actions {
    grid-template-columns: 1fr 1fr !important;
  }
}


/* =========================================================
   v9.9.120 — Mobil slider final overlay düzeni
   Yazılar ve butonlar videonun üstünde, alt lacivert panel yok
   ========================================================= */
@media (max-width: 768px) {
  .corporate-hero,
  .corporate-hero .corporate-hero-slides,
  .corporate-hero .corporate-hero-slide {
    position: relative !important;
    height: 640px !important;
    min-height: 640px !important;
    max-height: 640px !important;
    overflow: hidden !important;
    background: #031831 !important;
  }

  /* Mobilde sliderın tamamı video olsun */
  .corporate-hero .corporate-hero-slide.has-video .corporate-hero-video,
  .corporate-hero .corporate-hero-video {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center 42% !important;
    transform: none !important;
    opacity: 1 !important;
    z-index: 0 !important;
    background: #031831 !important;
  }

  /* Ayrı lacivert blok hissi olmasın; tek video üstü overlay */
  .corporate-hero .corporate-hero-slide.has-video > .corporate-hero-shade,
  .corporate-hero .corporate-hero-shade {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    opacity: 1 !important;
    background:
      linear-gradient(180deg,
        rgba(2,17,36,.34) 0%,
        rgba(2,17,36,.46) 28%,
        rgba(2,17,36,.58) 54%,
        rgba(2,17,36,.72) 78%,
        rgba(2,17,36,.78) 100%),
      linear-gradient(90deg,
        rgba(2,17,36,.56) 0%,
        rgba(3,24,49,.30) 62%,
        rgba(3,24,49,.12) 100%) !important;
  }

  /* Tüm metin bloğu videonun üzerine otursun */
  .corporate-hero .corporate-hero-slide.has-video .corporate-slide-inner,
  .corporate-hero .shell.corporate-slide-inner,
  .corporate-hero .corporate-slide-inner {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 16px 22px !important;
    display: flex !important;
    align-items: flex-end !important;
    box-sizing: border-box !important;
  }

  .corporate-hero .corporate-slide-copy {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  .corporate-hero .corporate-slide-copy h1 {
    max-width: 100% !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(31px, 9vw, 44px) !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
    text-shadow: 0 8px 24px rgba(0,0,0,.25) !important;
  }

  .corporate-hero .hero-lead {
    max-width: 100% !important;
    margin: 14px 0 0 !important;
    color: rgba(255,255,255,.88) !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }

  .corporate-hero .hero-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;
    margin-top: 16px !important;
    align-items: stretch !important;
  }

  .corporate-hero .primary-btn,
  .corporate-hero .corporate-outline-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 0 12px !important;
    justify-content: center !important;
    border-radius: 10px !important;
    font-size: 12px !important;
  }

  .corporate-hero .corporate-outline-btn {
    background: rgba(7,35,69,.26) !important;
    border-color: rgba(255,255,255,.40) !important;
    backdrop-filter: blur(5px) !important;
  }

  .corporate-hero .corporate-proof {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 0 !important;
    margin-top: 16px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(255,255,255,.23) !important;
  }
  .corporate-hero .corporate-proof div {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-right: 1px solid rgba(255,255,255,.14) !important;
  }
  .corporate-hero .corporate-proof div:first-child { padding-left: 0 !important; }
  .corporate-hero .corporate-proof div:last-child { border-right: 0 !important; }
  .corporate-hero .corporate-proof strong {
    color: #fff !important;
    font-size: 18px !important;
  }
  .corporate-hero .corporate-proof span {
    color: rgba(255,255,255,.68) !important;
    font-size: 8px !important;
  }

  /* Oklar kalsın */
  .corporate-hero .corporate-hero-dots { display: none !important; }
  .corporate-hero .corporate-hero-controls {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    border: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    z-index: 5 !important;
  }
  .corporate-hero .corporate-controls-inner {
    width: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
  }
  .corporate-hero .corporate-hero-arrows {
    display: flex !important;
    gap: 8px !important;
  }
  .corporate-hero .corporate-hero-arrows button {
    width: 44px !important;
    height: 44px !important;
    border: 1px solid rgba(255,255,255,.36) !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: rgba(5,31,62,.34) !important;
    backdrop-filter: blur(7px) !important;
  }
}

@media (max-width: 430px) {
  .corporate-hero,
  .corporate-hero .corporate-hero-slides,
  .corporate-hero .corporate-hero-slide {
    height: 620px !important;
    min-height: 620px !important;
    max-height: 620px !important;
  }
  .corporate-hero .corporate-slide-copy h1 {
    font-size: clamp(30px, 8.8vw, 41px) !important;
  }
}


/* =========================================================
   v9.9.121 — Mobil hero içerik akışı düzeltmesi
   Başlık, açıklama, butonlar ve istatistikler üst üste binmesin
   ========================================================= */
@media (max-width: 768px) {
  .corporate-hero,
  .corporate-hero .corporate-hero-slides,
  .corporate-hero .corporate-hero-slide {
    height: 620px !important;
    min-height: 620px !important;
    max-height: 620px !important;
    overflow: hidden !important;
  }

  .corporate-hero .corporate-hero-video {
    object-fit: cover !important;
    object-position: center 38% !important;
  }

  .corporate-hero .corporate-hero-slide.has-video > .corporate-hero-shade,
  .corporate-hero .corporate-hero-shade {
    background:
      linear-gradient(180deg,
        rgba(2,17,36,.36) 0%,
        rgba(2,17,36,.48) 26%,
        rgba(2,17,36,.58) 46%,
        rgba(2,17,36,.68) 66%,
        rgba(2,17,36,.74) 100%),
      linear-gradient(90deg,
        rgba(2,17,36,.55) 0%,
        rgba(3,24,49,.30) 58%,
        rgba(3,24,49,.10) 100%) !important;
  }

  /* Tüm içerik altta tek blok gibi aksın */
  .corporate-hero .corporate-hero-slide.has-video .corporate-slide-inner,
  .corporate-hero .corporate-slide-inner,
  .corporate-hero .shell.corporate-slide-inner {
    position: relative !important;
    z-index: 2 !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    padding: 0 16px 20px !important;
    box-sizing: border-box !important;
  }

  .corporate-hero .corporate-slide-copy {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .corporate-hero .corporate-slide-copy h1 {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: clamp(30px, 8.8vw, 42px) !important;
    line-height: .98 !important;
  }

  .corporate-hero .hero-lead {
    margin: 14px 0 0 !important;
    max-width: 100% !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }

  /* Butonlar açıklamanın altında, istatistiklerin üstünde */
  .corporate-hero .hero-actions {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    order: 3 !important;
  }

  .corporate-hero .primary-btn,
  .corporate-hero .corporate-outline-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* İstatistikler butonların altına, normal akışta gelsin */
  .corporate-hero .corporate-proof {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    inset: auto !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 0 !important;
    margin: 16px 0 0 !important;
    padding: 14px 0 0 !important;
    border-top: 1px solid rgba(255,255,255,.23) !important;
    order: 4 !important;
  }

  .corporate-hero .corporate-proof div {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-right: 1px solid rgba(255,255,255,.14) !important;
  }
  .corporate-hero .corporate-proof div:first-child { padding-left: 0 !important; }
  .corporate-hero .corporate-proof div:last-child { border-right: 0 !important; padding-right: 0 !important; }
  .corporate-hero .corporate-proof strong {
    display: block !important;
    font-size: 17px !important;
    line-height: 1 !important;
    margin-bottom: 6px !important;
  }
  .corporate-hero .corporate-proof span {
    display: block !important;
    font-size: 8px !important;
    line-height: 1.25 !important;
  }

  .corporate-hero .corporate-hero-controls {
    top: 14px !important;
    right: 14px !important;
    z-index: 5 !important;
  }
}

@media (max-width: 430px) {
  .corporate-hero,
  .corporate-hero .corporate-hero-slides,
  .corporate-hero .corporate-hero-slide {
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
  }

  .corporate-hero .corporate-slide-copy h1 {
    font-size: clamp(28px, 8.6vw, 39px) !important;
  }

  .corporate-hero .hero-actions {
    gap: 8px !important;
  }

  .corporate-hero .primary-btn,
  .corporate-hero .corporate-outline-btn {
    min-height: 50px !important;
    font-size: 11px !important;
    padding: 0 10px !important;
  }
}


/* =========================================================
   v9.9.124 — Blog detayına özel premium hero
   Ürün detay hero'sundan bağımsız, kapak görseli odaklı düzen
   ========================================================= */
.blog-premium-hero-wrap {
  position: relative;
  padding: clamp(34px,4.5vw,64px) 0 36px;
}
.blog-premium-hero-shell { position: relative; }
.blog-premium-back {
  display: inline-flex !important;
  align-items: center;
  gap: 9px;
  margin: 0 0 18px !important;
  color: #61758f !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}
.blog-premium-hero {
  position: relative;
  overflow: hidden;
  min-height: 520px;
  display: grid;
  grid-template-columns: minmax(0, 46%) minmax(0, 54%);
  border-radius: 30px;
  background:
    radial-gradient(900px 520px at 14% 18%, rgba(39,76,116,.22), transparent 62%),
    linear-gradient(135deg,#061a33 0%,#08284c 54%,#06182f 100%);
  border: 1px solid rgba(12,49,93,.12);
  box-shadow: 0 30px 80px rgba(7,30,59,.14);
}
.blog-premium-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(90deg, rgba(0,0,0,.72), transparent 62%);
}
.blog-premium-hero__copy {
  position: relative;
  z-index: 3;
  align-self: center;
  padding: 64px 38px 66px 58px;
}
.blog-premium-hero__kicker {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 22px;
  color: rgba(255,255,255,.62);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .25em;
}
.blog-premium-hero__kicker i {
  width: 62px;
  height: 2px;
  background: #c20f1a;
}
.blog-premium-hero h1 {
  max-width: 680px;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(42px,4.15vw,68px) !important;
  font-weight: 850 !important;
  line-height: 1.01 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance;
}
.blog-premium-hero__excerpt {
  max-width: 610px;
  margin: 24px 0 0 !important;
  color: rgba(232,239,247,.78) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}
.blog-premium-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 30px;
}
.blog-premium-hero__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 33px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.055);
  color: rgba(255,255,255,.78);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
}
.blog-premium-hero__visual {
  position: relative;
  z-index: 2;
  min-width: 0;
  min-height: 520px;
  overflow: hidden;
}
.blog-premium-hero__visual::before {
  content: '';
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg,#08284c 0%,rgba(8,40,76,.72) 6%,rgba(8,40,76,.12) 24%,transparent 44%);
}
.blog-premium-hero__visual img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  display: block;
  object-fit: cover;
  object-position: center;
}
.blog-premium-hero__fallback {
  min-height: 520px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg,#164c81,#071a34);
  color: #fff;
  font-size: 110px;
  font-weight: 900;
}
.blog-premium-hero__accent {
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  background: linear-gradient(90deg,#b2090f 0%,#b2090f 32%,rgba(178,9,15,.10) 62%,transparent 100%);
}

@media (max-width: 1080px) {
  .blog-premium-hero { grid-template-columns: minmax(0,50%) minmax(0,50%); }
  .blog-premium-hero__copy { padding: 52px 28px 54px 42px; }
  .blog-premium-hero h1 { font-size: clamp(38px,5vw,58px) !important; }
  .blog-premium-hero__excerpt { font-size: 15px !important; }
}

@media (max-width: 820px) {
  .blog-premium-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    border-radius: 24px;
  }
  .blog-premium-hero__copy {
    padding: 42px 28px 36px;
  }
  .blog-premium-hero h1 {
    max-width: 100%;
    font-size: clamp(36px,8.4vw,54px) !important;
  }
  .blog-premium-hero__excerpt { max-width: 100%; }
  .blog-premium-hero__visual,
  .blog-premium-hero__visual img,
  .blog-premium-hero__fallback {
    min-height: 330px;
    height: 330px;
  }
  .blog-premium-hero__visual::before {
    background: linear-gradient(180deg,#08284c 0%,rgba(8,40,76,.18) 15%,transparent 34%);
  }
}

@media (max-width: 560px) {
  .blog-premium-hero-wrap { padding-top: 28px; }
  .blog-premium-hero { border-radius: 20px; }
  .blog-premium-hero__copy { padding: 34px 20px 30px; }
  .blog-premium-hero__kicker { font-size: 10px; margin-bottom: 17px; }
  .blog-premium-hero__kicker i { width: 44px; }
  .blog-premium-hero h1 { font-size: clamp(31px,9.8vw,44px) !important; }
  .blog-premium-hero__excerpt { margin-top: 18px !important; font-size: 14px !important; line-height: 1.65 !important; }
  .blog-premium-hero__meta { margin-top: 22px; gap: 7px; }
  .blog-premium-hero__meta span { min-height: 30px; padding: 0 10px; font-size: 8px; }
  .blog-premium-hero__visual,
  .blog-premium-hero__visual img,
  .blog-premium-hero__fallback {
    min-height: 250px;
    height: 250px;
  }
}


/* v9.9.125 — Blog hero etiket/meta bloğunu kaldırma sonrası spacing düzeltmesi */
.blog-premium-hero__copy {
  gap: 0 !important;
}
.blog-premium-hero__excerpt {
  margin-bottom: 0 !important;
  max-width: 620px !important;
}
.blog-premium-hero__meta {
  display: none !important;
}
@media (max-width: 991px) {
  .blog-premium-hero__excerpt {
    max-width: 100% !important;
  }
}


/* v9.9.126 — Blog hero tam genişlik görsel + yazı üstte */
.blog-premium-hero {
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  background: linear-gradient(180deg,#071d38 0%, #08284c 44%, #ffffff 44%, #ffffff 100%) !important;
  border: 1px solid rgba(12,49,93,.10) !important;
  overflow: hidden !important;
}
.blog-premium-hero::before {
  display: none !important;
}
.blog-premium-hero__copy {
  width: 100% !important;
  align-self: stretch !important;
  padding: 48px 48px 28px !important;
  background: transparent !important;
}
.blog-premium-hero h1 {
  max-width: 920px !important;
  font-size: clamp(34px, 4vw, 64px) !important;
  line-height: 1.04 !important;
}
.blog-premium-hero__excerpt {
  max-width: 860px !important;
  margin-top: 18px !important;
  color: rgba(232,239,247,.84) !important;
}
.blog-premium-hero__visual {
  min-height: 0 !important;
  width: 100% !important;
  background: #fff !important;
  padding: 0 48px 48px !important;
}
.blog-premium-hero__visual::before {
  display: none !important;
}
.blog-premium-hero__visual img,
.blog-premium-hero__fallback {
  width: 100% !important;
  height: 520px !important;
  min-height: 520px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 50px rgba(7,30,59,.12) !important;
}
.blog-premium-hero__accent {
  height: 4px !important;
}
@media (max-width: 1080px) {
  .blog-premium-hero__copy {
    padding: 40px 34px 24px !important;
  }
  .blog-premium-hero__visual {
    padding: 0 34px 38px !important;
  }
  .blog-premium-hero__visual img,
  .blog-premium-hero__fallback {
    height: 430px !important;
    min-height: 430px !important;
  }
}
@media (max-width: 820px) {
  .blog-premium-hero {
    background: linear-gradient(180deg,#071d38 0%, #08284c 48%, #ffffff 48%, #ffffff 100%) !important;
  }
  .blog-premium-hero__copy {
    padding: 34px 24px 22px !important;
  }
  .blog-premium-hero h1 {
    font-size: clamp(30px, 7vw, 46px) !important;
  }
  .blog-premium-hero__visual {
    padding: 0 24px 28px !important;
  }
  .blog-premium-hero__visual img,
  .blog-premium-hero__fallback {
    height: 300px !important;
    min-height: 300px !important;
    border-radius: 18px !important;
  }
}
@media (max-width: 560px) {
  .blog-premium-hero__copy {
    padding: 28px 18px 18px !important;
  }
  .blog-premium-hero__kicker {
    margin-bottom: 14px !important;
  }
  .blog-premium-hero h1 {
    font-size: clamp(28px, 9vw, 40px) !important;
  }
  .blog-premium-hero__excerpt {
    margin-top: 14px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  .blog-premium-hero__visual {
    padding: 0 18px 22px !important;
  }
  .blog-premium-hero__visual img,
  .blog-premium-hero__fallback {
    height: 220px !important;
    min-height: 220px !important;
    border-radius: 16px !important;
  }
}


/* v9.9.127 — Blog hero daha temiz ve banner görsel düzeni */
.blog-premium-hero-wrap {
  padding: clamp(26px,4vw,42px) 0 28px !important;
}
.blog-premium-hero {
  background: #ffffff !important;
  border-radius: 30px !important;
  border: 1px solid rgba(13,49,92,.08) !important;
  box-shadow: 0 22px 60px rgba(7,30,59,.10) !important;
  overflow: hidden !important;
}
.blog-premium-hero__copy {
  background: linear-gradient(135deg,#061a33 0%, #08284c 62%, #07203d 100%) !important;
  border-radius: 30px 30px 0 0 !important;
  padding: 34px 42px 26px !important;
}
.blog-premium-hero__kicker {
  margin-bottom: 14px !important;
}
.blog-premium-hero h1 {
  max-width: 980px !important;
  font-size: clamp(34px,4vw,58px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.04em !important;
}
.blog-premium-hero__excerpt {
  max-width: 920px !important;
  margin-top: 14px !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: rgba(233,239,246,.82) !important;
}
.blog-premium-hero__visual {
  background: #fff !important;
  padding: 18px 18px 18px !important;
}
.blog-premium-hero__visual img,
.blog-premium-hero__fallback {
  display: block !important;
  width: 100% !important;
  height: 300px !important;
  min-height: 300px !important;
  border-radius: 22px !important;
  object-fit: cover !important;
  object-position: 80% 52% !important;
  box-shadow: 0 14px 34px rgba(11,28,56,.10) !important;
  background: #eff3f8 !important;
}
.blog-premium-hero__visual::before {
  display: none !important;
}
.blog-premium-hero__accent {
  height: 4px !important;
  background: linear-gradient(90deg,#b2090f 0%,#b2090f 20%,rgba(178,9,15,.16) 56%,transparent 100%) !important;
}

@media (max-width: 1080px) {
  .blog-premium-hero__copy {
    padding: 30px 30px 22px !important;
  }
  .blog-premium-hero h1 {
    font-size: clamp(31px,4.8vw,48px) !important;
  }
  .blog-premium-hero__visual img,
  .blog-premium-hero__fallback {
    height: 260px !important;
    min-height: 260px !important;
  }
}

@media (max-width: 820px) {
  .blog-premium-hero {
    border-radius: 22px !important;
  }
  .blog-premium-hero__copy {
    padding: 26px 22px 18px !important;
    border-radius: 22px 22px 0 0 !important;
  }
  .blog-premium-hero h1 {
    font-size: clamp(28px,7vw,40px) !important;
  }
  .blog-premium-hero__excerpt {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }
  .blog-premium-hero__visual {
    padding: 14px 14px 16px !important;
  }
  .blog-premium-hero__visual img,
  .blog-premium-hero__fallback {
    height: 215px !important;
    min-height: 215px !important;
    border-radius: 16px !important;
    object-position: 84% 52% !important;
  }
}

@media (max-width: 560px) {
  .blog-premium-hero-wrap {
    padding: 20px 0 18px !important;
  }
  .blog-premium-hero__copy {
    padding: 22px 16px 16px !important;
  }
  .blog-premium-hero__kicker {
    font-size: 10px !important;
    gap: 12px !important;
  }
  .blog-premium-hero__kicker i {
    width: 40px !important;
  }
  .blog-premium-hero h1 {
    font-size: clamp(25px,8.6vw,34px) !important;
    line-height: 1.1 !important;
  }
  .blog-premium-hero__excerpt {
    margin-top: 12px !important;
    font-size: 13px !important;
  }
  .blog-premium-hero__visual {
    padding: 12px 12px 14px !important;
  }
  .blog-premium-hero__visual img,
  .blog-premium-hero__fallback {
    height: 185px !important;
    min-height: 185px !important;
    object-position: 86% 50% !important;
  }
}


/* v9.9.128 — Blog hero final editorial / daha premium ve products-only crop */
.blog-premium-hero-wrap {
  padding: clamp(22px,3vw,38px) 0 26px !important;
}
.blog-premium-hero-shell {
  max-width: 1280px !important;
}
.blog-premium-hero {
  background: #ffffff !important;
  border: 1px solid rgba(8,40,76,.08) !important;
  border-radius: 26px !important;
  box-shadow: 0 22px 56px rgba(11,28,56,.08) !important;
  overflow: hidden !important;
}
.blog-premium-hero__copy {
  background: linear-gradient(180deg,#f8fbff 0%, #f2f6fb 100%) !important;
  border-radius: 26px 26px 0 0 !important;
  padding: 30px 38px 22px !important;
  border-bottom: 1px solid rgba(8,40,76,.08) !important;
}
.blog-premium-hero__kicker {
  margin-bottom: 12px !important;
  color: #4d6786 !important;
}
.blog-premium-hero__kicker i {
  background: #b2090f !important;
}
.blog-premium-hero h1 {
  max-width: 840px !important;
  color: #0a2a50 !important;
  font-size: clamp(32px,3.7vw,52px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.04em !important;
  text-wrap: balance;
}
.blog-premium-hero__excerpt {
  max-width: 760px !important;
  margin-top: 14px !important;
  color: #5f728b !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}
.blog-premium-hero__visual {
  background: #ffffff !important;
  padding: 18px !important;
}
.blog-premium-hero__visual img,
.blog-premium-hero__fallback {
  display: block !important;
  width: 100% !important;
  height: 270px !important;
  min-height: 270px !important;
  border-radius: 18px !important;
  object-fit: cover !important;
  object-position: 88% 64% !important;
  background: #eaf0f6 !important;
  box-shadow: 0 14px 34px rgba(11,28,56,.08) !important;
}
.blog-premium-hero__visual::before,
.blog-premium-hero::before {
  display: none !important;
}
.blog-premium-hero__accent {
  height: 4px !important;
  background: linear-gradient(90deg,#b2090f 0%, #b2090f 18%, rgba(178,9,15,.22) 52%, transparent 100%) !important;
}

@media (max-width: 1180px) {
  .blog-premium-hero__copy {
    padding: 28px 30px 22px !important;
  }
  .blog-premium-hero h1 {
    font-size: clamp(30px,4.4vw,46px) !important;
    max-width: 760px !important;
  }
  .blog-premium-hero__visual img,
  .blog-premium-hero__fallback {
    height: 245px !important;
    min-height: 245px !important;
    object-position: 90% 62% !important;
  }
}

@media (max-width: 820px) {
  .blog-premium-hero {
    border-radius: 20px !important;
  }
  .blog-premium-hero__copy {
    padding: 24px 20px 18px !important;
    border-radius: 20px 20px 0 0 !important;
  }
  .blog-premium-hero h1 {
    font-size: clamp(28px,6.9vw,38px) !important;
    max-width: 100% !important;
  }
  .blog-premium-hero__excerpt {
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
  }
  .blog-premium-hero__visual {
    padding: 14px !important;
  }
  .blog-premium-hero__visual img,
  .blog-premium-hero__fallback {
    height: 205px !important;
    min-height: 205px !important;
    border-radius: 14px !important;
    object-position: 92% 58% !important;
  }
}

@media (max-width: 560px) {
  .blog-premium-hero-wrap {
    padding: 18px 0 16px !important;
  }
  .blog-premium-hero__copy {
    padding: 20px 16px 15px !important;
  }
  .blog-premium-hero__kicker {
    font-size: 10px !important;
    gap: 10px !important;
  }
  .blog-premium-hero__kicker i {
    width: 34px !important;
  }
  .blog-premium-hero h1 {
    font-size: clamp(25px,8.4vw,33px) !important;
    line-height: 1.08 !important;
  }
  .blog-premium-hero__excerpt {
    margin-top: 12px !important;
    font-size: 13px !important;
    line-height: 1.62 !important;
  }
  .blog-premium-hero__visual {
    padding: 12px !important;
  }
  .blog-premium-hero__visual img,
  .blog-premium-hero__fallback {
    height: 176px !important;
    min-height: 176px !important;
    object-position: 93% 56% !important;
  }
}


/* v9.9.129 — Blog kapak görseli sabit 1600x380 oranı / kırpma yok */
.blog-premium-hero__visual {
  width: 100% !important;
  padding: 18px !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

.blog-premium-hero__visual img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1600 / 380 !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 18px !important;
  background: #ffffff !important;
}

.blog-premium-hero__fallback {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1600 / 380 !important;
  border-radius: 18px !important;
}

@media (max-width: 1180px) {
  .blog-premium-hero__visual {
    padding: 16px !important;
  }
  .blog-premium-hero__visual img,
  .blog-premium-hero__fallback {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1600 / 380 !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}

@media (max-width: 820px) {
  .blog-premium-hero__visual {
    padding: 14px !important;
  }
  .blog-premium-hero__visual img,
  .blog-premium-hero__fallback {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1600 / 380 !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 14px !important;
  }
}

@media (max-width: 560px) {
  .blog-premium-hero__visual {
    padding: 12px !important;
  }
  .blog-premium-hero__visual img,
  .blog-premium-hero__fallback {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1600 / 380 !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 12px !important;
  }
}


/* v9.9.130 — 1600x380 blog banner alanı TAM DOLUM / beyaz yan boşluk yok */
.blog-premium-hero__visual {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1600 / 380 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #071d38 !important;
  box-sizing: border-box !important;
}

.blog-premium-hero__visual img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.blog-premium-hero__fallback {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  aspect-ratio: auto !important;
  border-radius: 0 !important;
}

@media (max-width: 1180px), (max-width: 820px), (max-width: 560px) {
  .blog-premium-hero__visual {
    width: 100% !important;
    aspect-ratio: 1600 / 380 !important;
    padding: 0 !important;
  }
  .blog-premium-hero__visual img,
  .blog-premium-hero__fallback {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
  }
}


/* v9.9.131 — Blog detay hero görsel alanı kaldırıldı */
.blog-premium-hero {
  min-height: 0 !important;
  display: block !important;
  background: #ffffff !important;
}
.blog-premium-hero__visual {
  display: none !important;
}
.blog-premium-hero__copy {
  border-radius: 26px !important;
  border-bottom: 0 !important;
  padding: 34px 38px 32px !important;
}
.blog-premium-hero__accent {
  display: none !important;
}
@media (max-width: 820px) {
  .blog-premium-hero__copy {
    border-radius: 20px !important;
    padding: 26px 20px 24px !important;
  }
}
@media (max-width: 560px) {
  .blog-premium-hero__copy {
    padding: 22px 16px 20px !important;
  }
}