/* ============================================================
   NORDEM AÇIK TEMA v3 (Beyaz zemin, marka mavisi #0056ba)
   Logo beyaz olduğu için logo bulunan alanlar (header, footer,
   preloader, ürün görsel paneli) mavi zemin kullanır.
   ============================================================ */

:root {
  --primary: #0056ba;
  --primary-hover: #00479c;
  --secondary: #ffffff;
  --surface: #f5f8fd;
  --surface-light: #e5edf9;
  --accent: #0056ba;
  --alox-theme: #0056ba;
  --alox-theme-hover: #00479c;
  --alox-glow-rgb: 0, 86, 186;
  --alox-glow-hex: #0056ba;
  --text-main: #0f172a;
  --text-muted: #5b6b84;
  --border: rgba(15, 23, 42, 0.10);
  --glass: rgba(255, 255, 255, 0.88);
  --shadow-glow: 0 8px 24px rgba(0, 86, 186, 0.14), 0 2px 8px rgba(15, 23, 42, 0.06);
  /* Nordem mavi zeminler */
  --nordem-blue-deep: #003a80;
  --nordem-blue: #0056ba;
  --nordem-blue-bright: #00479c;
}

body { background-color: #ffffff !important; color: #0f172a !important; }

/* ============================================================
   STANDART HEADER YERLEŞİMİ (tüm sayfalarda birebir aynı)
   Renkler aşağıdaki HEADER bölümünde; buradakiler yerleşim.
   ============================================================ */
.top-bar { padding: 10px 0; font-size: 12px; position: relative; z-index: 1001; display: block; }
.top-bar-container { display: flex; justify-content: space-between; align-items: center; }
.top-bar-left, .top-bar-right { display: flex; gap: 25px; align-items: center; }
.top-bar-item { display: flex; align-items: center; gap: 8px; font-weight: 500; }
.top-socials { display: flex; gap: 15px; margin-left: 15px; padding-left: 15px; align-items: center; border-left: 1px solid rgba(255,255,255,.15); }
.top-socials a { font-size: 14px; display: block; padding: 2px; }

header { position: sticky !important; top: 0; z-index: 10000; height: 100px; display: flex; align-items: center; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.header-container { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.logo img { height: 56px; width: auto; transition: all .3s; }
nav { display: block; }
.nav-menu { display: flex; gap: 30px; align-items: center; list-style: none; margin: 0; padding: 0; }
.nav-link { font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; background: none; border: none; font-family: inherit; cursor: pointer; position: relative; text-decoration: none; }
.nav-link::after { content: ''; position: absolute; left: 0; bottom: -8px; width: 100%; height: 2px; transform: scaleX(0); transform-origin: left; transition: transform .35s ease; }
.nav-link:hover::after, .nav-item.active .nav-link::after { transform: scaleX(1); }

.dropdown { position: relative; }
.dropdown-menu { position: absolute; top: calc(100% + 20px); left: 0; border-radius: 12px; padding: 8px; opacity: 0; visibility: hidden; transition: all .3s ease; min-width: 230px; z-index: 10002; transform: translateY(10px); }
@media (min-width: 769px) {
  .dropdown:hover .dropdown-menu, .dropdown.desktop-open .dropdown-menu { opacity: 1; visibility: visible; top: calc(100% + 10px); transform: translateY(0); }
}
.dropdown-item { padding: 10px 15px; font-size: 13px; display: flex; align-items: center; gap: 10px; border-radius: 8px; transition: all .3s; font-weight: 600; text-decoration: none; }
.dropdown-item i { font-size: 14px; color: #0056ba !important; }

.menu-toggle { display: none; width: 52px; height: 52px; border-radius: 16px; font-size: 20px; cursor: pointer; z-index: 10006; position: relative; margin-left: auto; align-items: center; justify-content: center; }

.lang-switcher { position: relative; display: flex; align-items: center; margin-left: 20px; }
.lang-btn { display: flex; align-items: center; gap: 7px; border-radius: 8px; padding: 6px 12px; font-size: 12px; font-weight: 700; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; font-family: inherit; }
.lang-dropdown { position: absolute; top: calc(100% + 10px); right: 0; border-radius: 14px; padding: 8px; min-width: 170px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: all .25s ease; z-index: 10005; }
.lang-dropdown.open { opacity: 1; visibility: visible; transform: translateY(0); }
.lang-option { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 9px; cursor: pointer; transition: all .2s; font-size: 13px; font-weight: 600; }
.lang-option .lang-native { font-size: 11px; opacity: .6; margin-left: auto; }

/* ---------- TABLET (769-1150px): header sığsın, akıcı olsun ---------- */
@media (max-width: 1150px) and (min-width: 769px) {
  .nav-menu { gap: 16px; }
  .nav-link { font-size: 12px; letter-spacing: .6px; }
  .logo img { height: 44px; }
  .lang-switcher { margin-left: 10px; }
  .top-bar-left, .top-bar-right { gap: 14px; }
  .top-bar { font-size: 11px; }
  .container { padding: 0 20px; }
  .image-showcase { max-width: 560px; }
  .hero-grid { column-gap: 32px; }
}

@media (max-width: 768px) {
  .top-bar { display: none !important; }
  header { height: 84px; }
  .header-container { position: relative; justify-content: flex-end; height: 100%; }
  .logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10000; display: flex; align-items: center; justify-content: center; }
  .logo img { height: 40px; }
  .menu-toggle { display: inline-flex !important; width: 56px; height: 56px; font-size: 22px; }
  .page-content-wrapper { padding-top: 0 !important; }
  .lang-switcher { margin-left: 12px; }
  .nav-menu { position: fixed; top: 12px; right: 12px; left: 12px; width: auto; height: auto; max-height: calc(100vh - 24px); flex-direction: column; align-items: stretch; padding: 90px 20px 20px; z-index: 10005; display: flex; overflow-y: auto; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-10px) scale(.98); border-radius: 28px; gap: 12px; transition: all .28s ease; box-shadow: 0 24px 60px rgba(15,23,42,.28); }
  .nav-menu.active { opacity: 1 !important; visibility: visible !important; pointer-events: auto; transform: translateY(0) scale(1); right: 12px !important; }
  .nav-item { width: 100%; }
  .nav-link { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 16px 20px; font-size: 15px; font-weight: 700; border-radius: 18px; }
  .nav-link::after { display: none; }
  .dropdown-menu { position: static; opacity: 1; visibility: visible; display: block; box-shadow: none; border: none; padding: 0; background: transparent !important; margin-top: 10px; min-width: 100%; max-height: 0; overflow: hidden; transform: none; transition: max-height .35s ease; }
  .dropdown.active .dropdown-menu { max-height: 420px; }
  .dropdown-menu-inner { display: flex; flex-direction: column; gap: 10px; padding-top: 6px; }
  .dropdown-item { padding: 14px 18px; font-size: 14px; border-radius: 16px; }
  .mobile-overlay { position: fixed; inset: 0; z-index: 9998; opacity: 0; visibility: hidden; transition: all .3s ease; }
  .mobile-overlay.active { opacity: 1; visibility: visible; }
}

/* ---------- BAŞLIKLAR & GENEL METİN ---------- */
h1, h2, h3, h4, h5, h6 { color: #0f172a !important; text-shadow: none !important; }
.title, .subtitle, p { text-shadow: none !important; }

/* ---------- PRELOADER (mavi zemin — beyaz logo görünür) ----------
   Tam yerleşim temada: stilleri olmayan sayfalarda da birebir aynı çalışır */
#preloader { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important;
  background: linear-gradient(160deg, #0056ba 0%, #0056ba 55%, #003a80 100%) !important; z-index: 2000000 !important;
  display: flex !important; justify-content: center !important; align-items: center !important;
  transition: opacity .5s ease, visibility .5s ease !important; }
body.loaded #preloader { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
#preloader .loader-content { display: flex; flex-direction: column; align-items: center; width: 100%; }
.loader-logo { filter: brightness(0) invert(1) !important; max-height: 110px !important; max-width: 75vw !important;
  width: auto !important; height: auto !important; object-fit: contain; animation: logo-breath 1.4s infinite ease-in-out; }
@keyframes logo-breath { 0%, 100% { opacity: .85; transform: scale(.98); } 50% { opacity: 1; transform: scale(1.03); } }
.loader-line-container { width: 220px; max-width: 70vw; height: 3px; margin-top: 28px; border-radius: 4px;
  position: relative; overflow: hidden; background: rgba(255,255,255,.15) !important; }
.loader-line { position: absolute; top: 0; left: 0; height: 100%; width: 0%; border-radius: 4px;
  background: linear-gradient(90deg, transparent, #93c5fd, #ffffff) !important; }
@media (max-width: 768px) { .loader-logo { max-height: 80px !important; } }

/* ---------- ÜST BAR ---------- */
.top-bar { background-color: #003a80 !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; }
/* telefon/mail altındaki çizgiler kalksın */
.top-bar a, .top-bar a:hover, .top-socials a, .nav-link, .dropdown-item,
footer a, .f-link, .f-contact-item a {
  text-decoration: none !important;
  border-bottom: none !important;
}
.top-bar-item { color: rgba(255,255,255,.75) !important; }
.top-bar-item i { color: #93c5fd !important; }
a.top-bar-item:hover { color: #ffffff !important; }
.top-socials { border-left-color: rgba(255,255,255,.15) !important; }
.top-socials a { color: rgba(255,255,255,.75) !important; }
.top-socials a:hover { color: #ffffff !important; }

/* ---------- HEADER (mavi zemin — beyaz logo görünür) ---------- */
header { background: linear-gradient(180deg, rgba(0,86,186,.97) 0%, rgba(0,86,186,.97) 100%) !important; border-bottom: 1px solid rgba(255,255,255,.10) !important; }
header.scrolled { background: rgba(0,70,150,.98) !important; box-shadow: 0 12px 30px rgba(0,45,105,.35) !important; border-bottom-color: rgba(255,255,255,.12) !important; }
.logo img { filter: brightness(0) invert(1) !important; }
.nav-link { color: rgba(255,255,255,.80) !important; }
.nav-link:hover, .nav-item.active .nav-link { color: #ffffff !important; }
.nav-link::after { background: linear-gradient(90deg, #93c5fd, transparent) !important; }
.menu-toggle { background: rgba(255,255,255,.10) !important; border-color: rgba(255,255,255,.22) !important; color: #ffffff !important; box-shadow: none !important; }
.menu-toggle:hover, .menu-toggle.active { color: #ffffff !important; border-color: rgba(255,255,255,.45) !important; background: rgba(255,255,255,.18) !important; }
.dropdown-menu { background: #ffffff !important; border-color: rgba(15,23,42,.10) !important; box-shadow: 0 20px 40px rgba(15,23,42,.18) !important; }
.dropdown-item { color: #47566e !important; }
.dropdown-item:hover { background: rgba(0,86,186,.08) !important; color: #0056ba !important; }

/* Mobil menü */
@media (max-width: 768px) {
  header { background: linear-gradient(180deg, #0056ba 0%, #0056ba 100%) !important; }
  .nav-menu { background: #ffffff !important; border-color: rgba(15,23,42,.10) !important; box-shadow: 0 24px 60px rgba(15,23,42,.28) !important; }
  .nav-menu::before { color: #5b6b84 !important; }
  .nav-link { background: #f2f6fb !important; border-color: rgba(15,23,42,.08) !important; color: #0f172a !important; }
  .nav-item.active .nav-link, .nav-link:hover { background: rgba(0,86,186,.10) !important; color: #0056ba !important; border-color: rgba(0,86,186,.40) !important; box-shadow: none !important; }
  .dropdown-item { background: #f2f6fb !important; border-color: rgba(15,23,42,.08) !important; color: #0f172a !important; }
  .mobile-overlay { background: rgba(0,45,105,.45) !important; }
}

/* ---------- DİL SEÇİCİ (mavi header üstünde) ---------- */
.lang-btn { background: rgba(255,255,255,.12) !important; border-color: rgba(255,255,255,.25) !important; color: #ffffff !important; }
.lang-btn:hover { background: rgba(255,255,255,.22) !important; color: #ffffff !important; border-color: rgba(255,255,255,.45) !important; }
.lang-dropdown { background: #ffffff !important; border-color: rgba(15,23,42,.10) !important; box-shadow: 0 20px 50px rgba(15,23,42,.20) !important; }
.lang-option { color: #47566e !important; }
.lang-option:hover { background: rgba(0,86,186,.08) !important; color: #0f172a !important; }
.lang-option.active { background: rgba(0,86,186,.12) !important; color: #0056ba !important; }

/* ---------- BREADCRUMB ---------- */
.breadcrumbs, .breadcrumbs a { color: #5b6b84 !important; }
.breadcrumbs a:hover { color: #0056ba !important; }
.breadcrumbs span[style] { color: #0f172a !important; }

/* ---------- ÜRÜN GÖRSEL PANELİ (mavi zemin — ürün fotoğrafları net görünür) ---------- */
.image-showcase {
  background: #ffffff !important;
  border-radius: 28px !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.10) !important;
  overflow: hidden !important;
  /* tam kare panel — görsel kırpılmadan alanı doldurur, kolonu doldursun */
  aspect-ratio: 1 / 1;
  height: auto !important;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 28px;
  box-sizing: border-box;
}

/* Görsel altı: ürün hizmet kutucukları */
.under-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 16px; }
.u-chip { background: #f5f8fd; border: 1px solid rgba(0,86,186,.14); border-radius: 14px; padding: 14px 10px; text-align: center; transition: all .3s; }
.u-chip:hover { background: #ffffff; border-color: rgba(0,86,186,.38); transform: translateY(-3px); box-shadow: 0 8px 18px rgba(0,86,186,.12); }
.u-chip i { color: #0056ba; font-size: 20px; margin-bottom: 8px; display: block; }
.u-chip strong { display: block; color: #0f172a; font-size: 12.5px; font-weight: 800; margin-bottom: 3px; }
.u-chip span { color: #5b6b84; font-size: 11px; line-height: 1.4; display: block; }
@media (max-width: 768px) { .under-strip { grid-template-columns: 1fr; gap: 8px; } .u-chip { display: flex; align-items: center; gap: 12px; text-align: left; padding: 12px 14px; } .u-chip i { margin-bottom: 0; } }
.image-showcase::before { display: none !important; }
.main-image {
  filter: drop-shadow(0 14px 24px rgba(15,23,42,.18)) !important;
  cursor: zoom-in !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: scale(1.04);
}
.main-image:hover { transform: scale(1.08) translateY(-4px); }
/* TEK FOTOĞRAF DÜZENİ: küçük görseller ve gezinme okları gizli.
   İleride her ürüne çoklu fotoğraf gelirse bu iki satırı silmen yeterli. */
.thumbnail-gallery { display: none !important; }
.gallery-arrow { display: none !important; }
.thumb-btn { width: 140px !important; height: 100px !important; border-radius: 16px !important; }
@media (max-width: 768px) {
  .image-showcase { aspect-ratio: 1 / 1; height: auto !important; max-width: 100% !important; padding: 16px; }
  .main-image { transform: none !important; max-height: none !important; }
  .thumb-btn { width: 96px !important; height: 72px !important; }
}
.gallery-arrow { background: rgba(255,255,255,.14) !important; border: 1px solid rgba(255,255,255,.28) !important; color: #ffffff !important; }
.gallery-arrow:hover { background: #0056ba !important; color: #ffffff !important; border-color: #60a5fa !important; }
.thumb-btn { background: #f5f8fd !important; border-color: rgba(15,23,42,.12) !important; }
.thumb-btn.active { border-color: #0056ba !important; background: rgba(0,86,186,.08) !important; box-shadow: 0 0 12px rgba(0,86,186,.25) !important; }
.macro-lens { border-color: #dbe6f5 !important; background: #ffffff !important; }

/* ---------- KARTLAR / KUTULAR ---------- */
.option-group, .specs-card, .feature-box, .app-card, .faq-item, .grit-node,
.macro-display-box, .mission-card, .highlight-box, .form-card {
  background: #f5f8fd !important;
  border: 1px solid rgba(0,86,186,.14) !important;
  box-shadow: 0 6px 18px rgba(15,23,42,.06) !important;
}
.option-group:hover, .feature-box:hover, .app-card:hover, .grit-node:hover, .specs-card:hover, .macro-display-box:hover {
  border-color: rgba(0,86,186,.38) !important;
  box-shadow: 0 14px 32px rgba(0,86,186,.14) !important;
  background: #ffffff !important;
}
.l-feature { background: #f5f8fd !important; border: 1px solid rgba(0,86,186,.12) !important; }
.l-feature:hover { background: #ffffff !important; border-color: rgba(0,86,186,.35) !important; box-shadow: 0 8px 20px rgba(0,86,186,.12) !important; }
.l-feature-text h5 { color: #0f172a !important; }
.feature-box p, .app-card p, .l-feature-text p, .macro-text p, .option-desc, .grit-info p { color: #5b6b84 !important; }
.feature-box i, .app-card i { text-shadow: none !important; }

/* ---------- ANASAYFA: ÜRÜN GRUBU KARTLARI (s-card) ---------- */
.s-card { background: #0a3f86 !important; }
.s-card-img { opacity: 1 !important; }
.s-card-overlay {
  background: linear-gradient(to top, rgba(0,45,105,.90) 0%, rgba(0,45,105,.28) 55%, transparent 100%) !important;
}
.s-card:hover .s-card-overlay {
  background: linear-gradient(to top, rgba(0,86,186,.88) 0%, rgba(0,45,105,.35) 60%, transparent 100%) !important;
}
.s-card-overlay h1, .s-card-overlay h2, .s-card-overlay h3, .s-card-overlay h4 { color: #ffffff !important; }
.s-card-overlay p, .s-card-overlay span { color: #dbe6f5 !important; }
.s-card-icon { color: #ffffff !important; }

/* ---------- ANASAYFA: BENTO KARTLAR ---------- */
.bento-card:hover { box-shadow: 0 16px 36px rgba(0,86,186,.16) !important; }
.bento-content-overlay p { color: #47566e !important; }
.bento-large::after { background: linear-gradient(to top, #ffffff 0%, rgba(255,255,255,.65) 30%, transparent 65%) !important; }

/* ---------- ROZET / ETİKET / PİLLER ---------- */
.badge { background: rgba(0,86,186,.10) !important; color: #0056ba !important; border-color: rgba(0,86,186,.35) !important; box-shadow: none !important; }
.usage-badge { background: #ffffff !important; border: 1px solid rgba(15,23,42,.12) !important; color: #47566e !important; }
.usage-badge:hover { background: rgba(0,86,186,.10) !important; border-color: #0056ba !important; color: #0f172a !important; }
.option-pill { background: #ffffff !important; border: 1px solid rgba(15,23,42,.14) !important; color: #47566e !important; }
.option-pill:hover { border-color: #0056ba !important; color: #0f172a !important; background: rgba(0,86,186,.06) !important; }
.grit-tag { background: #ffffff !important; border: 1px solid rgba(15,23,42,.12) !important; border-left: 3px solid #0056ba !important; color: #0f172a !important; box-shadow: 0 3px 8px rgba(15,23,42,.06) !important; }
.grit-tag:hover { background: rgba(0,86,186,.08) !important; color: #0f172a !important; box-shadow: 0 6px 14px rgba(0,86,186,.16) !important; }
.grit-info span { background: #ffffff !important; border-color: rgba(15,23,42,.12) !important; color: #47566e !important; }
.grit-node:hover .grit-info span { background: rgba(0,86,186,.10) !important; color: #0056ba !important; box-shadow: none !important; }
.grit-node:hover .grit-info h3 { color: #0056ba !important; text-shadow: none !important; }
.grit-node:hover .grit-info p { color: #0f172a !important; }
.grit-circle { background: #ffffff !important; border-color: #dbe6f5 !important; box-shadow: 0 6px 14px rgba(15,23,42,.10) !important; }
.grit-guide-header { background: #f5f8fd !important; border-color: rgba(0,86,186,.20) !important; box-shadow: 0 14px 30px rgba(15,23,42,.08) !important; }
.grit-guide-header p { color: #5b6b84 !important; }
.grit-guide-header h2 i { background: rgba(0,86,186,.10) !important; box-shadow: none !important; }

/* ---------- TABLO ---------- */
.specs-table tr { border-bottom: 1px solid rgba(15,23,42,.08) !important; }
.specs-table tr:hover { background: rgba(0,86,186,.04) !important; }
.specs-table td:first-child { color: #5b6b84 !important; }
.specs-table td:last-child { color: #0f172a !important; }
.specs-card h3 i { text-shadow: none !important; }

/* ---------- SSS ---------- */
.faq-question { color: #0f172a !important; }
.faq-question:hover { color: #0056ba !important; }
.faq-item.active { background: #ffffff !important; border-color: rgba(0,86,186,.45) !important; box-shadow: 0 6px 20px rgba(0,86,186,.12) !important; }
.faq-answer p { color: #47566e !important; border-top-color: rgba(15,23,42,.08) !important; }

/* ---------- BUTONLAR (mavi zeminde beyaz metin KALIR) ---------- */
.btn-primary, .btn-primary i { color: #ffffff !important; }
.btn-primary { box-shadow: 0 8px 20px rgba(0,86,186,.30) !important; }
.btn-primary:hover { box-shadow: 0 12px 28px rgba(0,86,186,.40) !important; }

/* ---------- FORM ELEMANLARI ---------- */
input:not([type="checkbox"]):not([type="radio"]), textarea, select {
  background: #ffffff !important;
  border: 1px solid rgba(15,23,42,.16) !important;
  color: #0f172a !important;
}
input::placeholder, textarea::placeholder { color: #93a3b8 !important; }
input:focus, textarea:focus, select:focus { border-color: #0056ba !important; box-shadow: 0 0 0 3px rgba(0,86,186,.12) !important; }
label { color: #334155 !important; }

/* ---------- ANASAYFA HERO (koyu video bölümü — kontrast için koyu kalır) ---------- */
.hero-creative { background: #003a80 !important; }
.hero-overlay { background: radial-gradient(circle at center, rgba(0,45,105,.35) 0%, rgba(0,45,105,.94) 100%) !important; }
.hero-creative h1, .hero-creative h2, .hero-creative h3,
.hero-title-main { color: #ffffff !important; }
.hero-subtitle { color: #dbe6f5 !important; }
.cta-stats-wrapper h1, .cta-stats-wrapper h2, .cta-stats-wrapper h3, .cta-stats-wrapper h4 { color: #ffffff !important; }

/* ---------- FOOTER (mavi zemin — beyaz logo görünür) ---------- */
footer { background: linear-gradient(180deg, #0056ba 0%, #003a80 100%) !important; border-top: 1px solid rgba(255,255,255,.10) !important; }
footer img { filter: brightness(0) invert(1) !important; }
.footer-section h4 { color: #ffffff !important; }
.footer-section h4::after { background: #93c5fd !important; }
.footer-section p { color: rgba(255,255,255,.70) !important; }
.f-link { color: rgba(255,255,255,.70) !important; }
.f-link:hover { color: #ffffff !important; }
.f-contact-item { color: rgba(255,255,255,.70) !important; }
.f-contact-item i { color: #93c5fd !important; }
.f-contact-item a:hover { color: #ffffff !important; }
.f-working-hours { background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.14) !important; }
.f-working-hours p span:first-child { color: #ffffff !important; }
.f-working-hours p span:last-child { color: #93c5fd !important; text-shadow: none !important; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.12) !important; color: rgba(255,255,255,.55) !important; opacity: 1 !important; }
.social-btn { background: rgba(255,255,255,.10) !important; border: 1px solid rgba(255,255,255,.20) !important; color: rgba(255,255,255,.85) !important; }
.social-btn:hover { background: #ffffff !important; color: #0056ba !important; border-color: #ffffff !important; }

/* ---------- MODAL (görsel büyütme — koyu kalması normal) ---------- */
.modal { background-color: rgba(0, 30, 70, 0.94) !important; }

/* ---------- GENEL DÜZELTMELER ---------- */
.section-header-compact p { color: #5b6b84 !important; }
.macro-text h4 i, .option-group h4 i, .grit-display h4 i, .l-feature i { text-shadow: none !important; }
.grit-display { background: #f5f8fd !important; border-top-color: rgba(15,23,42,.08) !important; }
@media (max-width: 768px) {
  .grit-display { background: #f5f8fd !important; }
  .grit-tag { background: #ffffff !important; border-bottom: 2px solid #0056ba !important; }
  .image-showcase { border-radius: 20px !important; }
}

/* ============================================================
   v2.1 EK KAPSAM — sayfaya özgü bölümler
   ============================================================ */

/* --- ÜRÜNLERİMİZ sayfası: ürün kartları --- */
.product-card { background: #ffffff !important; border: 1px solid rgba(0,86,186,.16) !important; box-shadow: 0 6px 18px rgba(15,23,42,.06) !important; }
.product-card:hover { border-color: rgba(0,86,186,.40) !important; box-shadow: 0 16px 36px rgba(0,86,186,.16) !important; }
.card-image-wrapper {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
}
.card-image-wrapper::after { display: none !important; }
.card-image-wrapper img { filter: drop-shadow(0 10px 16px rgba(15,23,42,.15)) !important; }
.product-card::before { display: none !important; }
.card-tag { background: #f2f6fb !important; color: #47566e !important; border: 1px solid rgba(15,23,42,.10) !important; }
.card-badge { background: rgba(0,86,186,.10) !important; color: #0056ba !important; border-color: rgba(0,86,186,.35) !important; }

/* --- Kategori sayfaları: başlık & filtre --- */
.cat-heading h1 { background: none !important; -webkit-text-fill-color: #0f172a !important; color: #0f172a !important; }
.cat-heading p { color: #0056ba !important; }
.tech-guide-header { background: #f5f8fd !important; border-color: rgba(0,86,186,.20) !important; box-shadow: 0 14px 30px rgba(15,23,42,.08) !important; }
.filter-btn { background: #ffffff !important; border: 1px solid rgba(15,23,42,.14) !important; color: #47566e !important; }
.filter-btn:hover { border-color: #0056ba !important; color: #0056ba !important; background: rgba(0,86,186,.06) !important; }
.filter-btn.active { background: #0056ba !important; border-color: #0056ba !important; color: #ffffff !important; }

/* --- Ürün detay: grit satırları / pil değerleri --- */
.grit-row { background: #f5f8fd !important; border: 1px solid rgba(0,86,186,.14) !important; box-shadow: 0 4px 12px rgba(15,23,42,.05) !important; }
.grit-row:hover { background: #ffffff !important; border-color: rgba(0,86,186,.38) !important; box-shadow: 0 10px 24px rgba(0,86,186,.14) !important; }
.grit-label { color: #0f172a !important; background: transparent !important; }
.grit-val-pill { background: #ffffff !important; border: 1px solid rgba(15,23,42,.14) !important; color: #47566e !important; }
.grit-val-pill.active, .grit-val-pill:hover { background: rgba(0,86,186,.10) !important; border-color: #0056ba !important; color: #0056ba !important; }
.grit-pill { background: #ffffff !important; border: 1px solid rgba(15,23,42,.14) !important; color: #0f172a !important; }

/* --- Bant sayfaları --- */
.spec-card, .type-item { background: #f5f8fd !important; border: 1px solid rgba(0,86,186,.14) !important; box-shadow: 0 6px 18px rgba(15,23,42,.06) !important; }
.type-label { color: #0f172a !important; }
.detail-card p, .detail-card li, .product-info p, .type-item p { color: #47566e !important; }
.spec-card:hover, .type-item:hover { background: #ffffff !important; border-color: rgba(0,86,186,.38) !important; }
.instructions-list li { background: #f5f8fd !important; border: 1px solid rgba(15,23,42,.10) !important; color: #334155 !important; }
.color-pill { border: 1px solid rgba(15,23,42,.16) !important; }

/* --- İletişim & form kartları --- */
.contact-form-card, .contact-info-card, .contact-item { background: #f5f8fd !important; border: 1px solid rgba(0,86,186,.14) !important; }
.contact-item:hover { background: #ffffff !important; border-color: rgba(0,86,186,.38) !important; }

/* --- Anasayfa CTA (fotoğraf üstü) — mavi tonlu koyu kalır, yazı beyaz --- */
.cta-overlay { background: linear-gradient(135deg, rgba(0,45,105,.90) 0%, rgba(0,86,186,.75) 100%) !important; }
.cta-stats-wrapper p, .cta-stats-wrapper span { color: #dbe6f5 !important; }

/* --- Aydınlatma metni vb. --- */
.glowing-card { background: #f5f8fd !important; border: 1px solid rgba(0,86,186,.16) !important; box-shadow: 0 10px 26px rgba(15,23,42,.08) !important; }

/* ============================================================
   MOBİL HEADER — KESİN KURALLAR
   Sayfaların kendi eski mobil CSS'leri ne derse desin geçerli.
   ============================================================ */
@media (max-width: 768px) {
  header { position: sticky !important; top: 0 !important; height: 76px !important; display: flex !important; align-items: center !important; z-index: 10000 !important; }
  header .header-container { display: flex !important; flex-direction: row !important; justify-content: flex-end !important; align-items: center !important; position: relative !important; width: 100% !important; }
  /* logo ortada, dokunulmaz */
  header .logo { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; margin: 0 !important; z-index: 1 !important; pointer-events: auto; }
  header .logo img { height: 46px !important; }
  /* dil seçici EN SOLDA, büyük ve her zaman görünür */
  header .lang-switcher { display: flex !important; position: absolute !important; left: 14px !important; top: 50% !important; transform: translateY(-50%) !important; margin: 0 !important; z-index: 3 !important; }
  header .lang-btn { padding: 10px 14px !important; font-size: 13px !important; border-radius: 10px !important; gap: 8px !important; }
  /* DİL LİSTESİ MOBİL SABİT: body seviyesinde, her şeyin üstünde */
  .lang-dropdown { position: fixed !important; top: 82px !important; left: 12px !important; right: auto !important;
    bottom: auto !important; z-index: 10010 !important; background: #ffffff !important; min-width: 190px !important;
    box-shadow: 0 20px 50px rgba(15,23,42,.30) !important; }
  .lang-option { padding: 12px 16px !important; font-size: 14px !important; }
  /* hamburger en sağda, logodan bağımsız */
  header .menu-toggle { display: inline-flex !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; margin: 0 !important; width: 50px !important; height: 50px !important; font-size: 20px !important; z-index: 3 !important; order: 2; align-items: center !important; justify-content: center !important; }
  /* nav masaüstü düzeninden çık */
  header nav { position: static !important; }
  /* MENÜ PANELİ — header'ın ALTINDA açılır; hamburger görünür kalır ve X'e dönüşür */
  .nav-menu { position: fixed !important; top: 84px !important; right: 10px !important; left: 10px !important; bottom: auto !important; width: auto !important; height: auto !important; max-height: calc(100vh - 96px) !important; background: #ffffff !important; border: 1px solid rgba(15,23,42,.10) !important; border-radius: 20px !important; box-shadow: 0 24px 60px rgba(15,23,42,.30) !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 10px !important; padding: 16px !important; margin: 0 !important; overflow-y: auto !important; z-index: 10002 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateY(-8px) scale(.98) !important; transition: all .28s ease !important; }
  .nav-menu.active { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateY(0) scale(1) !important; }
  .nav-menu::before { display: none !important; content: none !important; }
  #navMenu { padding-top: 78px !important; }
  /* panel kapalıyken içerideki geçişler kapalı — açılışta seğirme olmaz */
  .nav-menu:not(.active) .nav-link, .nav-menu:not(.active) .dropdown-menu,
  .nav-menu:not(.active) .dropdown-item { transition: none !important; }
  .nav-menu .nav-link { -webkit-tap-highlight-color: transparent !important; }
  .nav-menu .dropdown:not(.active) .dropdown-menu { max-height: 0 !important; }
  /* panel üstü: header ile aynı mavi bant */
  #navMenu { padding-top: 92px !important; overflow: hidden !important; overflow-y: auto !important; }
  #navMenu::before { content: '' !important; display: block !important; position: absolute !important;
    top: 0 !important; left: 0 !important; right: 0 !important; height: 76px !important;
    background: linear-gradient(180deg, #0056ba 0%, #0056ba 100%) !important;
    border-radius: 20px 20px 0 0 !important; border-bottom: 1px solid rgba(255,255,255,.10) !important; }
  /* mavi bant üstünde BEYAZ logo (header'daki gibi) */
  #nordemMenuLogo { position: absolute; top: 12px; left: 50%; transform: translateX(-50%);
    height: 52px; width: auto; filter: brightness(0) invert(1) !important; z-index: 6; pointer-events: none; }
  /* X butonu mavi bant üstünde beyaz */
  #nordemMenuClose { top: 17px !important; right: 14px !important; background: rgba(255,255,255,.14) !important;
    border: 1px solid rgba(255,255,255,.30) !important; color: #ffffff !important; z-index: 6 !important; }
  #nordemMenuClose { position: absolute; top: 12px; right: 12px; width: 42px; height: 42px;
    border-radius: 50%; border: 1px solid rgba(15,23,42,.14); background: #f2f6fb; color: #0f172a;
    font-size: 20px; font-weight: 700; display: flex; align-items: center; justify-content: center;
    cursor: pointer; z-index: 5; transition: all .25s; }
  #nordemMenuClose:active { background: #0056ba; color: #fff; }
  /* menü öğeleri her durumda görünür */
  .nav-menu .nav-item, .nav-menu.active .nav-item { opacity: 1 !important; transform: none !important; width: 100% !important; display: block !important; }
  .nav-menu .nav-link { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding: 15px 18px !important; font-size: 14.5px !important; font-weight: 700 !important; border-radius: 16px !important; background: #f2f6fb !important; border: 1px solid rgba(15,23,42,.08) !important; color: #0f172a !important; opacity: 1 !important; transform: none !important; }
  .nav-menu .nav-item.active .nav-link { background: rgba(0,86,186,.10) !important; color: #0056ba !important; border-color: rgba(0,86,186,.40) !important; }
  /* katalog alt menüsü */
  .nav-menu .dropdown-menu { position: static !important; opacity: 1 !important; visibility: visible !important; display: block !important; max-height: 0 !important; overflow: hidden !important; background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin-top: 8px !important; transform: none !important; transition: max-height .35s ease !important; }
  .nav-menu .dropdown.active .dropdown-menu { max-height: 420px !important; }
  .nav-menu .dropdown-item { display: flex !important; padding: 13px 16px !important; font-size: 13.5px !important; border-radius: 14px !important; background: #f8fafc !important; border: 1px solid rgba(15,23,42,.06) !important; color: #334155 !important; margin-top: 6px; }
  /* menü açıkken arka plan blur */
  .mobile-overlay { display: block !important; position: fixed !important; inset: 0 !important;
    background: rgba(0,45,105,.20) !important; backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important;
    z-index: 9000 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: all .3s ease !important; }
  .mobile-overlay.active { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
}

/* ============================================================
   COOKIE BANDI
   ============================================================ */
#nordemCookie { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 100000;
  background: #ffffff; border: 1px solid rgba(15,23,42,.12); border-radius: 18px;
  box-shadow: 0 20px 50px rgba(15,23,42,.25); padding: 18px 22px;
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
  font-family: 'Plus Jakarta Sans', sans-serif; animation: cookie-in .5s ease; }
@keyframes cookie-in { from { transform: translateY(30px); opacity: 0; } to { transform: none; opacity: 1; } }
#nordemCookie p { flex: 1; min-width: 220px; margin: 0; color: #334155; font-size: 13px; line-height: 1.55; }
#nordemCookie a { color: #0056ba; font-weight: 700; text-decoration: underline !important; }
#nordemCookie .nc-btns { display: flex; gap: 10px; }
#nordemCookie button { font-family: inherit; font-weight: 800; font-size: 13px; padding: 11px 22px;
  border-radius: 10px; cursor: pointer; transition: all .25s; letter-spacing: .3px; }
#nordemCookie .nc-accept { background: #0056ba; color: #fff; border: none; box-shadow: 0 6px 16px rgba(0,86,186,.30); }
#nordemCookie .nc-accept:hover { background: #00479c; transform: translateY(-1px); }
#nordemCookie .nc-reject { background: #ffffff; color: #47566e; border: 1px solid rgba(15,23,42,.18); }
#nordemCookie .nc-reject:hover { border-color: #94a3b8; color: #0f172a; }
@media (max-width: 768px) {
  #nordemCookie { left: 10px; right: 10px; bottom: 10px; padding: 14px 16px; }
  #nordemCookie .nc-btns { width: 100%; }
  #nordemCookie button { flex: 1; }
}

/* ============================================================
   v2.2 — Kategori sayfaları (aşındırıcı ürünler, bant grupları vb.)
   ============================================================ */

/* Eski şablonun koyu metal gradyanı → açık */
:root { --metal-grad: linear-gradient(160deg, #ffffff 0%, #eef4fd 100%); }

/* Hamburger menü masaüstünde asla görünmesin */
@media (min-width: 769px) {
  .menu-toggle { display: none !important; }
}

/* Kategori başlık bölümü: koyu radial → açık mavi geçiş */
.cat-heading {
  background: linear-gradient(180deg, #e8f0fc 0%, #ffffff 100%) !important;
}
.cat-heading h1 { text-shadow: none !important; }

/* Kategori ürün kartları (item-card) */
.item-card {
  background: #ffffff !important;
  border: 1px solid rgba(0,86,186,.16) !important;
  box-shadow: 0 6px 18px rgba(15,23,42,.06) !important;
}
.item-card:hover {
  border-color: rgba(0,86,186,.45) !important;
  box-shadow: 0 18px 40px rgba(0,86,186,.16) !important;
}
.item-img {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
}
.item-img img { filter: drop-shadow(0 10px 18px rgba(15,23,42,.18)) !important; }
.item-content p { color: #5b6b84 !important; }
.item-btn {
  background: #ffffff !important;
  color: #0056ba !important;
  border: 1px solid rgba(0,86,186,.35) !important;
}
.item-card:hover .item-btn, .item-btn:hover {
  background: #0056ba !important;
  color: #ffffff !important;
  border-color: #0056ba !important;
}

/* ============================================================
   v2.3 — Liste sayfaları (flap diskler, fiber diskler, bantlar vb.)
   ============================================================ */

/* Liste sayfası hero: koyu gradyan → açık mavi geçiş, başlık net */
.listing-hero {
  background: linear-gradient(180deg, #e8f0fc 0%, #ffffff 100%) !important;
}
.listing-hero h1 {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
}
.listing-hero p { color: #5b6b84 !important; }

/* Hakkımızda & İletişim hero başlıkları (beyaz gradyan yazı → koyu) */
.about-hero h1, .contact-hero h1 {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
}

/* Ürün görselleri beyaz zeminli fotoğraflar — kutu da beyaz olsun, kaynaşsın */
.product-image {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
}
.product-image img { filter: none !important; mix-blend-mode: multiply; }


/* ============================================================
   YATAY KAYMA KİLİDİ — parmakla sağ/sol sürüklemede site oynamaz
   ============================================================ */
html, body { overflow-x: hidden !important; max-width: 100vw !important; }
body { position: relative; }
/* menü açıkken arka plan kaydırılamaz (JS body'ye .nordem-lock ekler) */
body.nordem-lock { overflow: hidden !important; height: 100vh !important; touch-action: none; }


/* ============================================================
   GOOGLE TRANSLATE — üst çubuk ve balonlar gizli, sayfa kaymaz
   ============================================================ */
iframe.goog-te-banner-frame, .goog-te-banner-frame, #goog-gt-tt, .goog-te-balloon-frame,
.goog-tooltip, #google_translate_element { display: none !important; }
body { top: 0 !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }
font { background: none !important; }


/* ============================================================
   IŞIK KUTUSU (ürün görseli büyütme) — mobil dahil her yerde
   ============================================================ */
#nordemLightbox { position: fixed; inset: 0; z-index: 3000000; background: rgba(10,18,38,.93);
  display: flex; align-items: center; justify-content: center; padding: 20px; animation: lb-in .25s ease; }
@keyframes lb-in { from { opacity: 0; } to { opacity: 1; } }
#nordemLightbox img { max-width: 94vw; max-height: 86vh; object-fit: contain; border-radius: 14px;
  background: #ffffff; padding: 12px; box-shadow: 0 30px 80px rgba(0,0,0,.6); }
#nordemLightboxClose { position: fixed; top: 16px; right: 16px; width: 48px; height: 48px; border-radius: 50%;
  background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.35); color: #ffffff;
  font-size: 22px; font-weight: 700; display: flex; align-items: center; justify-content: center;
  cursor: pointer; z-index: 3000001; transition: all .25s; }
#nordemLightboxClose:hover, #nordemLightboxClose:active { background: #0056ba; border-color: #0056ba; }
/* eski sayfa içi modallar devre dışı (çakışmasın) */
#imageModal { display: none !important; }


/* ============================================================
   FOOTER SOSYAL DÜZEN — CSS'i olmayan eski sayfalarda da yatay ve boyutlu
   ============================================================ */
.social-links { display: flex !important; flex-direction: row !important; gap: 12px !important; margin-top: 22px; flex-wrap: wrap; }
.social-btn { width: 40px !important; height: 40px !important; border-radius: 50% !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  font-size: 16px !important; flex: 0 0 auto !important; transition: all .3s !important; }
.f-contact-item { display: flex; gap: 14px; margin-bottom: 18px; font-size: 14px; line-height: 1.6; }
.footer-grid { display: grid; grid-template-columns: 1.2fr 1fr .8fr 1.2fr; gap: 50px; }
@media (max-width: 1100px) { .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; } }
@media (max-width: 768px) { .footer-grid { grid-template-columns: 1fr; gap: 26px; } }

/* Anasayfa ürün grubu kartları tıklanabilir */
.s-card { position: relative !important; cursor: pointer !important; }
.s-full { position: absolute !important; inset: 0 !important; z-index: 40 !important; display: block !important; }
/* karartma ve içerik katmanları tıklamayı yutmasın */
.s-card-overlay, .s-card-overlay *, .s-card-img { pointer-events: none !important; }


/* ============================================================
   v3 — AÇIK TEMA: marka mavisi #0056ba, beyaz açılış ekranı,
   beyaz header, açık hero. (Önceki kuralları bilerek ezer.)
   ============================================================ */
:root {
  --brand: #0056ba; --brand-dark: #00479c; --brand-deep: #003a80;
  --brand-soft: #e4effb; --brand-tint: #f2f7fd; --ink: #0c2147; --ink-muted: #41536f;
}

/* ---------- AÇILIŞ EKRANI: beyaz zemin + mavi logo ---------- */
#preloader { background: #ffffff !important; }
.loader-logo { filter: none !important; width: min(340px, 72vw) !important; max-width: 72vw !important;
  max-height: none !important; height: auto !important; }
.loader-line-container { background: rgba(0,86,186,.12) !important; }
.loader-line { background: linear-gradient(90deg, #5aa9ff, #0056ba) !important; }
@media (max-width: 768px) { .loader-logo { width: min(250px, 68vw) !important; max-height: none !important; } }

/* ---------- ÜST BAR: açık ---------- */
.top-bar { background: #f2f7fd !important; border-bottom: 1px solid rgba(0,86,186,.10) !important; }
.top-bar-item { color: #3f5271 !important; }
.top-bar-item i { color: #0056ba !important; }
a.top-bar-item:hover { color: #0056ba !important; }
.top-socials { border-left-color: rgba(0,86,186,.18) !important; }
.top-socials a { color: #3f5271 !important; }
.top-socials a:hover { color: #0056ba !important; }
.top-socials a i[style*="25D366"] { color: #25D366 !important; }

/* ---------- HEADER: beyaz, mavi logo ---------- */
header { background: rgba(255,255,255,.97) !important; border-bottom: 1px solid rgba(0,86,186,.12) !important; }
header.scrolled { background: rgba(255,255,255,.99) !important; box-shadow: 0 10px 28px rgba(0,50,120,.12) !important;
  border-bottom-color: rgba(0,86,186,.14) !important; }
.logo img { filter: none !important; }
.nav-link { color: #2a3b57 !important; }
.nav-link:hover, .nav-item.active .nav-link { color: #0056ba !important; }
.nav-link::after { background: linear-gradient(90deg, #0056ba, transparent) !important; }
.menu-toggle { background: #f2f7fd !important; border-color: rgba(0,86,186,.25) !important; color: #0056ba !important; }
.menu-toggle:hover, .menu-toggle.active { background: #e4effb !important; color: #0056ba !important; border-color: rgba(0,86,186,.45) !important; }
.lang-btn { background: #f2f7fd !important; border-color: rgba(0,86,186,.25) !important; color: #0056ba !important; }
.lang-btn:hover { background: #e4effb !important; color: #003a80 !important; border-color: rgba(0,86,186,.45) !important; }
@media (max-width: 768px) {
  header { background: #ffffff !important; }
  #navMenu::before { background: #ffffff !important; border-bottom: 1px solid rgba(0,86,186,.12) !important; }
  #nordemMenuLogo { filter: none !important; height: 40px !important; top: 18px !important; }
  #nordemMenuClose { background: #f2f7fd !important; border: 1px solid rgba(0,86,186,.30) !important; color: #0056ba !important; }
  .mobile-overlay { background: rgba(0,40,100,.28) !important; }
}

/* ---------- ANASAYFA HERO: açık ---------- */
.hero-creative { background: linear-gradient(180deg, #f4f8fe 0%, #e5eefa 100%) !important; }
.hero-video { opacity: .15 !important; mix-blend-mode: multiply; }
.hero-overlay { background: radial-gradient(ellipse at 50% 38%, rgba(255,255,255,.25) 0%, rgba(244,248,254,.93) 72%) !important; }
.hero-creative h1, .hero-creative h2, .hero-creative h3, .hero-title-main { color: #0c2147 !important; text-shadow: none !important; }
.highlight { background: linear-gradient(120deg, #0056ba 8%, #2f8cf0 100%) !important; -webkit-background-clip: text !important;
  background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; filter: none !important; }
.hero-subtitle { color: #41536f !important; }
.hero-creative .section-tag { background: #e4effb !important; border-color: rgba(0,86,186,.25) !important; color: #0056ba !important; }
.btn-outline { background: #ffffff !important; color: #0056ba !important; border: 1px solid rgba(0,86,186,.40) !important; }
.btn-outline:hover { background: #0056ba !important; color: #ffffff !important; border-color: #0056ba !important; }
.scroll-indicator { color: #0056ba !important; opacity: .85 !important; }
.scroll-indicator .mouse, .mouse { border-color: #0056ba !important; }
.wheel { background: #0056ba !important; }

/* ---------- ANASAYFA: şerit, kartlar, CTA ---------- */
.ticker-wrap { background: #0056ba !important; box-shadow: 0 8px 24px rgba(0,86,186,.18) !important; }
.s-card { background: #0a3f86 !important; }
.s-card-overlay { background: linear-gradient(to top, rgba(0,40,100,.88) 0%, rgba(0,40,100,.25) 55%, transparent 100%) !important; }
.s-card:hover .s-card-overlay { background: linear-gradient(to top, rgba(0,86,186,.90) 0%, rgba(0,40,100,.30) 60%, transparent 100%) !important; }
.cta-overlay { background: linear-gradient(135deg, rgba(0,50,125,.90) 0%, rgba(0,86,186,.78) 100%) !important; }
.cta-stats-wrapper { box-shadow: 0 24px 50px rgba(0,60,140,.22) !important; }
.cta-stats-wrapper .highlight { background: linear-gradient(120deg,#fff,#bcdcff) !important; -webkit-background-clip: text !important; background-clip: text !important; }

/* ---------- FOOTER: marka mavisi, beyaz logo ---------- */
footer { background: linear-gradient(180deg, #0056ba 0%, #00448f 100%) !important; border-top: none !important; }
.social-btn:hover { color: #0056ba !important; }

/* ---------- Seçili metin ve odak halkası ---------- */
::selection { background: #0056ba; color: #fff; }
a:focus-visible, button:focus-visible { outline: 2px solid #0056ba !important; outline-offset: 2px; }

/* ---------- ANASAYFA: SEO metin bölümü ve SSS ---------- */
.seo-intro { max-width: 880px; margin: 0 auto; }
.seo-intro h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); line-height: 1.2; margin-bottom: 18px; }
.seo-intro p { color: #41536f !important; line-height: 1.8; font-size: 16px; margin-bottom: 14px; }
.seo-intro a { color: #0056ba; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.seo-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.seo-links a { text-decoration: none; background: #f2f7fd; border: 1px solid rgba(0,86,186,.18); color: #0056ba; padding: 9px 16px;
  border-radius: 100px; font-weight: 700; font-size: 13px; transition: all .25s; }
.seo-links a:hover { background: #0056ba; color: #fff; border-color: #0056ba; }
.home-faq { max-width: 880px; margin: 0 auto; }
.home-faq details { background: #f5f8fd; border: 1px solid rgba(0,86,186,.14); border-radius: 14px; margin-bottom: 12px; padding: 0 22px; }
.home-faq summary { cursor: pointer; padding: 18px 0; font-weight: 700; font-size: 15.5px; color: #0c2147; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
.home-faq summary::-webkit-details-marker { display: none; }
.home-faq summary::after { content: '+'; color: #0056ba; font-size: 22px; line-height: 1; font-weight: 600; }
.home-faq details[open] summary::after { content: '\2212'; }
.home-faq details[open] { background: #fff; border-color: rgba(0,86,186,.40); }
.home-faq details p { color: #41536f !important; line-height: 1.75; padding: 0 0 20px; font-size: 15px; }

/*typo-header*/
html{font-size:17px}
body,button,input,textarea,select{font-family:'Barlow','Segoe UI',Arial,sans-serif !important;letter-spacing:0}
body{font-size:17px;line-height:1.65}
p,li{font-size:1.02em}
.page-title,h1,h2,h3{font-family:'Barlow','Segoe UI',Arial,sans-serif !important;letter-spacing:-.01em !important}
.top-bar,.top-bar a,.top-bar-item{font-size:14px !important}
.nav-menu{gap:34px}
.nav-link{font-size:15.5px !important;font-weight:600 !important;letter-spacing:.6px !important}
.dropdown-item{font-size:15px !important;padding:12px 16px !important}
.dropdown-menu{min-width:270px !important}
.dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.dropdown-menu{top:calc(100% + 14px) !important;transform:translateY(8px)}
.dropdown:hover .dropdown-menu,.dropdown.desktop-open .dropdown-menu,.dropdown:focus-within .dropdown-menu{top:calc(100% + 14px) !important;transform:translateY(0)}
#catalogToggle i{transition:transform .25s ease}
.dropdown:hover #catalogToggle i{transform:rotate(180deg)}
.lang-switcher{margin-left:26px !important}
.lang-btn{min-width:128px;justify-content:space-between;gap:10px !important;padding:10px 16px !important;font-size:15px !important;border-radius:12px !important;letter-spacing:.8px !important}
.lang-btn #currentLangCode{margin-right:auto}
.flag{display:block;width:26px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(15,23,42,.18)}
#currentFlag{display:inline-flex;align-items:center}
.lang-dropdown{min-width:230px !important;padding:10px !important;border-radius:16px !important;top:calc(100% + 14px) !important}
.lang-dropdown::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.lang-option{font-size:15.5px !important;padding:11px 14px !important;gap:12px !important}
.lang-option>span:first-child{display:inline-flex}
.lang-option .lang-native{font-size:12.5px !important}
.footer-section h4{font-size:15px !important}
.f-link,.f-contact-item{font-size:15.5px !important}
.page-subtitle{font-size:18px !important}
@media(max-width:768px){body{font-size:16.5px}.lang-btn{min-width:0;padding:10px 12px !important}.lang-btn #currentLangCode{margin-right:0}}


/*dark-hero*/
.hero-creative{background:#05070d !important}
.hero-video{opacity:.85 !important;mix-blend-mode:normal !important;filter:brightness(.68) saturate(1.1) !important;transform:translate(-50%,-50%) scale(1.02) !important}
.hero-overlay{background:radial-gradient(ellipse at 50% 42%,rgba(5,7,13,.18) 0%,rgba(5,7,13,.72) 100%) !important;-webkit-backdrop-filter:none;backdrop-filter:none}
.hero-creative h1,.hero-creative h2,.hero-creative h3,.hero-title-main{color:#fff !important;text-shadow:0 12px 40px rgba(0,0,0,.7) !important}
.hero-title-main .highlight{background:linear-gradient(135deg,#ffffff 0%,#7fb4f5 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important}
.hero-subtitle{color:#d3dbe8 !important;text-shadow:0 4px 14px rgba(0,0,0,.6) !important}
.hero-creative .section-tag{background:rgba(255,255,255,.1) !important;border:1px solid rgba(255,255,255,.28) !important;color:#fff !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/*hero-corp*/
.hero-grid{text-align:left !important}
.hero-creative .hero-grid{justify-content:start}
.hero-text-content{align-items:flex-start !important;max-width:980px !important;margin:0 !important;padding-left:28px;border-left:5px solid #1f7bff}
.hero-creative .section-tag{background:transparent !important;border:0 !important;padding:0 !important;margin:0 0 18px !important;border-radius:0 !important;color:#8db9f2 !important;font-size:14px !important;font-weight:700 !important;letter-spacing:4px !important;text-transform:uppercase !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
.hero-title-main{display:flex;flex-direction:column;align-items:flex-start;gap:0;text-transform:uppercase !important;letter-spacing:-.5px !important;line-height:1.04 !important;font-size:clamp(2.2rem,4.9vw,4.4rem) !important;font-weight:800 !important;margin-bottom:26px !important}
.hero-title-main .hero-l1,.hero-title-main .hero-l2{white-space:nowrap}
.hero-creative .section-tag{display:none !important}
.hero-title-main .hero-kicker{font-size:clamp(.85rem,1.35vw,1.1rem);font-weight:600;letter-spacing:3.5px;color:#c9d6ea;margin-bottom:18px;text-shadow:none !important}
.hero-title-main .hero-l1{color:#fff !important;-webkit-text-fill-color:#fff}
.hero-title-main .hero-l2{color:#2f8cff !important;-webkit-text-fill-color:#2f8cff;text-shadow:0 10px 40px rgba(0,60,160,.5) !important}
.hero-subtitle{max-width:640px !important;margin:0 0 34px !important;font-size:clamp(1.05rem,1.6vw,1.2rem) !important;color:#cfd8e6 !important;text-align:left}
.hero-buttons{justify-content:flex-start !important}
@media(max-width:768px){.hero-text-content{padding-left:18px;border-left-width:4px}.hero-title-main{font-size:clamp(1.6rem,8vw,2.3rem) !important}.hero-creative .scroll-indicator{display:none !important}.hero-title-main .hero-l1,.hero-title-main .hero-l2{white-space:normal}.hero-title-main .hero-kicker{letter-spacing:2px}.hero-text-content{min-width:0;max-width:100% !important}.hero-buttons{flex-wrap:wrap;gap:12px}}

/*cards-hover*/
.s-card{background:#e9eef6 !important}
.s-card-img{filter:none !important;opacity:1 !important;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s ease !important}
.s-card-overlay{background:linear-gradient(to top,rgba(0,40,100,.0) 0%,rgba(0,40,100,0) 100%) !important;transition:background .5s ease !important;padding:26px !important}
.s-card-content h3{color:#fff !important;text-shadow:0 2px 10px rgba(0,30,80,.55)}
.s-card-icon{opacity:0 !important;transform:translateY(12px) !important;transition:all .4s ease !important}
.s-card-content p{color:#e8f0fc !important}
/* hover */
.s-card:hover .s-card-img{transform:scale(1.07);filter:saturate(1.15) !important}
.s-card:hover .s-card-overlay{background:linear-gradient(to top,rgba(0,52,130,.95) 0%,rgba(0,86,186,.72) 45%,rgba(0,110,230,.28) 100%) !important}
.s-card:hover .s-card-icon{opacity:1 !important;transform:translateY(0) !important;background:#0056ba !important;border-color:#6fa8ee !important}
/* durağan halde sadece başlığın okunması için çok hafif alt gölge */
.s-card::before{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(to top,rgba(0,35,90,.55),transparent);z-index:1;pointer-events:none;transition:opacity .4s}
.s-card:hover::before{opacity:0}
.s-card-overlay{z-index:2}

/*mobile-polish*/
@media (max-width:768px){
  html body{font-size:16px;-webkit-text-size-adjust:100%}
  html body .container{padding-left:20px !important;padding-right:20px !important}
  /* ---- header: dil solda, logo ortada, arama + menü sağda; nefes alan ölçüler ---- */
  html body header{height:68px !important;box-shadow:0 1px 0 rgba(15,23,42,.06),0 6px 18px -12px rgba(15,23,42,.25) !important}
  html body header .header-container{padding-left:14px !important;padding-right:14px !important}
  html body header .logo img{height:36px !important}
  html body header .lang-switcher{left:14px !important}
  html body header .lang-btn{height:40px !important;padding:0 10px !important;gap:6px !important;font-size:12.5px !important;border-radius:11px !important;min-width:0 !important}
  html body header .lang-btn .flag{width:22px !important;height:15px !important}
  html body header .lang-btn i{display:none !important}
  html body header .search-btn{right:64px !important;width:42px !important;height:42px !important;border-radius:11px !important}
  html body header .menu-toggle{width:44px !important;height:44px !important;border-radius:12px !important;font-size:19px !important}
  html body .lang-dropdown{top:74px !important}
  html body .nav-menu{top:76px !important;max-height:calc(100svh - 88px) !important}
  html body .page-content-wrapper{padding-top:0 !important}
  /* ---- mobil menü: arka plan sadece karartılır, bulanıklık yok; menü her zaman net ---- */
  html body .mobile-overlay{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:rgba(10,25,55,.45) !important;z-index:9000 !important}
  html body header{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:#ffffff !important;filter:none !important}
  html body #navMenu,html body .nav-menu,html body .nav-menu *{filter:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
  html body .nav-menu{z-index:10050 !important}
  /* ---- genel tipografi ve boşluklar ---- */
  html body .section-padding{padding-top:56px !important;padding-bottom:56px !important}
  html body .section-title{font-size:clamp(1.7rem,7.4vw,2.1rem) !important;line-height:1.15 !important;letter-spacing:-.4px !important}
  html body h2{overflow-wrap:break-word}
  html body p{overflow-wrap:break-word}
  html body .bc-bar{font-size:13.5px}
  html body .bc-list{row-gap:4px}
  /* ---- butonlar: tam genişlik, dokunması kolay ---- */
  html body .hero-buttons{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;width:100% !important;max-width:340px}
  html body .hero-buttons a,html body .hero-buttons .btn-primary,html body .hero-buttons .btn-outline{width:100% !important;justify-content:center !important;text-align:center !important;margin:0 !important;min-height:52px}
  html body .hero-text-content{padding-right:0 !important}
  /* ---- anasayfa: hakkımızda kartı - resim üstte, yazı altta, okunur ---- */
  html body .bento-large{display:flex !important;flex-direction:column !important;justify-content:flex-start !important;min-height:0 !important;overflow:hidden}
  html body .bento-large img{position:relative !important;inset:auto !important;height:210px !important;z-index:0 !important;flex:none}
  html body .bento-large::after{display:none !important}
  html body .bento-content-overlay{padding:24px 22px 26px !important;background:#fff}
  html body .bento-content-overlay h3{font-size:1.7rem !important;line-height:1.2 !important}
  html body .bento-card{padding:26px 22px !important}
  /* ---- anasayfa: ürün grubu kartları daha kısa ---- */
  html body .showcase-grid{gap:16px !important}
  html body .s-card{aspect-ratio:4/3 !important;border-radius:20px !important}
  html body .s-card-content h3{font-size:1.45rem !important}
  /* ---- teklif + istatistik bloğu ---- */
  html body .cta-stats-wrapper{margin:40px 0 !important;border-radius:22px !important;background-attachment:scroll !important}
  html body .cta-content{padding:40px 22px !important;gap:30px !important}
  html body .cta-text{min-width:0 !important}
  html body .cta-text h2{font-size:clamp(1.6rem,7vw,2rem) !important;line-height:1.2 !important}
  html body .stats-mini-grid{min-width:0 !important;grid-template-columns:1fr 1fr !important;gap:22px 14px !important}
  html body .stat-box{padding-left:12px !important}
  html body .stat-box .num{font-size:2.1rem !important}
  html body .stat-box .lbl{font-size:11.5px !important;letter-spacing:.6px !important}
  /* ---- ürün sayfaları ---- */
  html body .product-title-block .subtitle{color:#4a5a73 !important;opacity:1 !important;font-size:15px !important;line-height:1.6 !important}
  html body .product-title-block .title{font-size:1.9rem !important}
  html body .feature-box p{font-size:13.5px !important;line-height:1.5 !important}
  html body .feature-box h4{font-size:14.5px !important}
  html body .l-feature-text h5{font-size:14.5px !important}
  html body .l-feature-text p{font-size:13px !important}
  html body .app-card{display:grid !important;grid-template-columns:auto 1fr;column-gap:14px;align-items:start !important;text-align:left !important;padding:20px 18px !important}
  html body .app-card i{grid-row:1/3;margin-top:2px}
  html body .app-card h4{font-size:15.5px !important;margin:0 0 4px !important}
  html body .app-card p{font-size:14px !important;line-height:1.55 !important;margin:0 !important}
  html body .grit-info p,html body .option-desc,html body .macro-text p{font-size:13.5px !important;line-height:1.55 !important}
  html body .specs-table td,html body .specs-table th{font-size:13.5px !important}
  html body .product-info{padding:22px 20px !important}
  html body .filter-buttons{gap:8px !important}
  html body .filter-btn{padding:10px 16px !important;font-size:13.5px !important}
  html body .faq-question{font-size:15px !important;padding:16px 18px !important}
  html body .section-header-compact h2,html body .faq-section h2{font-size:clamp(1.6rem,7vw,1.95rem) !important;line-height:1.2 !important}
  html body .stat-box .lbl{color:rgba(255,255,255,.78) !important}
  /* ---- iletişim sayfası ---- */
  html body .ilt-hizli{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;max-width:360px;margin-left:auto;margin-right:auto}
  html body .ilt-hizli a{justify-content:center !important;padding:14px 12px !important}
  html body .ilt-hizli .ilt-mail{grid-column:1/-1}
  html body .ilt-kartlar{grid-template-columns:1fr !important;gap:12px !important;padding-top:28px !important}
  html body .ilt-kart{display:block !important;position:relative;text-align:left !important;padding:18px 18px 18px 80px !important;min-height:84px}
  html body .ilt-kart i{position:absolute;left:18px;top:18px;margin:0 !important}
  html body .ilt-kart h3{margin:0 0 4px !important;font-size:16px !important}
  html body .ilt-kart p,html body .ilt-kart a{display:block;margin:0 !important;font-size:14.5px !important;line-height:1.6 !important}
  /* ---- blog ve zımpara rehberi ---- */
  html body .blog-hero .page-title,html body .page-hero .page-title{font-size:clamp(1.65rem,7.2vw,2.1rem) !important;line-height:1.2 !important}
  html body .page-subtitle{font-size:15.5px !important;line-height:1.65 !important}
  html body .blog-side{order:2 !important}
  html body .blog-article h2{font-size:1.4rem !important}
  html body .blog-article h3{font-size:1.15rem !important}
  html body .z-table{font-size:14px !important}
  /* ---- footer: daha kompakt, linkler iki sütun ---- */
  html body footer{padding:44px 0 22px !important}
  html body .footer-grid{gap:34px !important;padding:0 !important}
  html body .footer-grid>.footer-section:first-child img{height:52px !important;margin-bottom:16px !important}
  html body .footer-grid>.footer-section:nth-child(2),html body .footer-grid>.footer-section:nth-child(3){display:grid !important;grid-template-columns:1fr 1fr;column-gap:16px}
  html body .footer-grid>.footer-section:nth-child(2) h4,html body .footer-grid>.footer-section:nth-child(3) h4{grid-column:1/-1;justify-self:start;margin-bottom:22px !important}
  html body .f-link{padding:7px 0 !important;margin-bottom:0 !important;font-size:14.5px !important}
  html body .f-link:hover{transform:none !important}
  html body .social-links{gap:10px !important;margin-top:18px !important}
  html body .social-btn{width:42px !important;height:42px !important}
  html body .footer-bottom{text-align:center;font-size:12px !important;letter-spacing:.3px !important}
  /* ---- yüzen butonlar içerikle çakışmasın ---- */
  html body .nordem-wa-btn{width:52px !important;height:52px !important;bottom:16px !important;right:16px !important}
  html body #nordemCookie{left:12px !important;right:12px !important;bottom:12px !important}
}
@media (max-width:380px){
  html body header .logo img{height:32px !important}
  html body header .lang-btn #currentLangCode{display:none !important}
  html body .stats-mini-grid{grid-template-columns:1fr 1fr !important}
  html body .stat-box .num{font-size:1.85rem !important}
}

/*abrasive-zoom*/
.card-image-wrapper:has(img[src*="asindiricilarnordem"]){padding:8px 6px !important}
.card-image-wrapper img[src*="asindiricilarnordem"]{width:100% !important;max-width:none !important;max-height:none !important;height:auto !important;transform:scale(1.1)}
.product-card:hover .card-image-wrapper img[src*="asindiricilarnordem"]{transform:scale(1.18) translateY(-4px)}
.blog-figure img[src*="asindiricilarnordem"],.thumb img[src*="asindiricilarnordem"]{object-fit:cover !important;transform:scale(1.15)}

/*urunler-cards*/
section.page-hero{padding:26px 0 18px !important}
section.page-hero .page-title{font-size:clamp(2rem,3.4vw,2.9rem) !important;margin-bottom:10px !important}
section.page-hero .page-subtitle{font-size:16px !important;max-width:640px !important}
section.page-hero + .products-section{padding-top:8px !important}
.products-section .products-grid{gap:28px !important}
.product-card:has(.card-image-wrapper){border-radius:22px !important;border:1px solid rgba(0,86,186,.14) !important;background:#fff !important;box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 28px -12px rgba(15,23,42,.14) !important;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease,border-color .3s ease !important;isolation:isolate}
.product-card:has(.card-image-wrapper)::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#0056ba,#2f8cff);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:5}
.product-card:has(.card-image-wrapper):hover{transform:translateY(-8px) !important;border-color:rgba(0,86,186,.38) !important;box-shadow:0 2px 4px rgba(15,23,42,.04),0 28px 56px -22px rgba(0,86,186,.42) !important}
.product-card:has(.card-image-wrapper):hover::after{transform:scaleX(1)}
.card-image-wrapper{height:214px !important;padding:20px !important;background:radial-gradient(120% 90% at 50% 40%,#ffffff 0%,#f3f7fd 70%,#e9f1fb 100%) !important;border-bottom:1px solid rgba(0,86,186,.10) !important}
.card-image-wrapper img{filter:drop-shadow(0 14px 18px rgba(15,35,80,.18)) !important;transition:transform .7s cubic-bezier(.16,1,.3,1) !important}
.product-card:hover .card-image-wrapper img{transform:scale(1.06) translateY(-3px)}
.card-image-wrapper:has(img[src*="asindiricilarnordem"]){padding:6px 4px !important}
.card-content{padding:18px 24px 22px !important}
.card-badge{margin-bottom:12px !important;font-size:10.5px !important;padding:6px 12px !important;border-radius:999px !important}
.card-title{font-size:1.55rem !important;color:#0c2147 !important;margin-bottom:12px !important}
.card-tags{margin-bottom:14px !important;gap:6px !important}
.card-tag{border-radius:999px !important;padding:5px 11px !important;font-size:11px !important}
.card-desc{color:#4a5a73 !important;font-size:14.5px !important;line-height:1.6 !important;margin-bottom:16px !important}
.card-cta{border-top:none !important;padding:12px 16px !important;border-radius:12px !important;background:#f2f7fd !important;color:#0056ba !important;border:1px solid rgba(0,86,186,.18) !important;transition:background .3s,color .3s,border-color .3s !important}
.card-cta i{color:currentColor !important}
.product-card:hover .card-cta{background:#0056ba !important;color:#fff !important;border-color:#0056ba !important}
@media (max-width:768px){
  section.page-hero{padding:26px 0 18px !important}
  .card-image-wrapper{height:210px !important}
}

/*urunler-rows*/
.pr-section{padding:6px 0 90px !important}
.pr-row{display:grid;grid-template-columns:1.08fr 1fr;gap:56px;align-items:center;margin:0 0 34px;padding:26px;border-radius:28px;background:#fff;border:1px solid rgba(0,86,186,.12);box-shadow:0 1px 2px rgba(15,23,42,.04),0 18px 44px -26px rgba(15,35,80,.28);transition:box-shadow .5s ease,border-color .4s ease,transform .5s cubic-bezier(.16,1,.3,1)}
.pr-row:hover{border-color:rgba(0,86,186,.3);box-shadow:0 2px 4px rgba(15,23,42,.04),0 30px 64px -30px rgba(0,86,186,.45)}
.pr-row.pr-rev .pr-media{order:2}
.pr-media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/11;border-radius:22px;overflow:hidden;background:radial-gradient(110% 85% at 50% 45%,#ffffff 0%,#eef4fc 62%,#dce9f8 100%);isolation:isolate}
.pr-media::before{content:"";position:absolute;inset:auto -10% -35% -10%;height:60%;background:radial-gradient(closest-side,rgba(0,86,186,.16),transparent);z-index:-1}
.pr-media img{width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(15,35,80,.22));transition:transform .8s cubic-bezier(.16,1,.3,1)}
.pr-media img[src*="asindiricilarnordem"]{width:96%;height:96%}
.pr-row:hover .pr-media img{transform:scale(1.05) translateY(-4px)}
.pr-num{position:absolute;top:14px;left:22px;font-size:110px;line-height:1;font-weight:800;letter-spacing:-4px;color:transparent;-webkit-text-stroke:2px rgba(0,86,186,.13);z-index:-1;font-family:'Barlow',sans-serif}
.pr-count{position:absolute;right:16px;bottom:16px;background:rgba(255,255,255,.92);color:#0056ba;border:1px solid rgba(0,86,186,.2);font-size:12.5px;font-weight:700;padding:7px 13px;border-radius:999px;box-shadow:0 6px 16px -8px rgba(0,86,186,.4)}
.pr-body{padding:6px 10px 6px 0}
.pr-row.pr-rev .pr-body{padding:6px 0 6px 18px}
.pr-kicker{display:inline-flex;align-items:center;gap:10px;color:#0056ba;font-size:12.5px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:12px}
.pr-kicker b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#0056ba;color:#fff;font-size:12.5px;letter-spacing:0}
.pr-title{font-size:clamp(1.9rem,2.8vw,2.6rem) !important;line-height:1.1 !important;font-weight:800 !important;letter-spacing:-.8px !important;margin:0 0 14px !important;color:#0c2147 !important}
.pr-title a{color:inherit !important;text-decoration:none !important}
.pr-desc{font-size:16.5px !important;line-height:1.7 !important;color:#46566f !important;margin:0 0 18px !important;max-width:560px}
.pr-points{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:9px}
.pr-points li{display:flex;align-items:flex-start;gap:10px;font-size:15.5px;color:#1e2f4d;font-weight:600}
.pr-points svg{color:#0056ba;flex:none;margin-top:2px}
.pr-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.pr-chip{font-size:13.5px;font-weight:600;color:#24406b !important;background:#f3f7fd;border:1px solid rgba(0,86,186,.16);padding:7px 13px;border-radius:999px;text-decoration:none !important;transition:all .25s}
.pr-chip:hover{background:#0056ba;color:#fff !important;border-color:#0056ba;transform:translateY(-2px)}
.pr-actions{display:flex;flex-wrap:wrap;gap:12px}
.pr-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 24px;border-radius:13px;font-weight:700;font-size:15px;letter-spacing:.2px;text-decoration:none !important;transition:all .3s ease;white-space:nowrap}
.pr-btn-main{background:#0056ba;color:#fff !important;box-shadow:0 12px 24px -10px rgba(0,86,186,.6)}
.pr-btn-main:hover{background:#00479c;transform:translateY(-2px);box-shadow:0 16px 30px -10px rgba(0,86,186,.7)}
.pr-btn-main svg{transition:transform .3s}.pr-btn-main:hover svg{transform:translateX(4px)}
.pr-btn-ghost{background:#fff;color:#0056ba !important;border:1.5px solid rgba(0,86,186,.35)}
.pr-btn-ghost:hover{border-color:#0056ba;background:#f2f7fd}
.pr-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:10px;padding:34px 40px;border-radius:26px;background:linear-gradient(120deg,#00479c 0%,#0056ba 45%,#1f7bff 100%);color:#fff;box-shadow:0 24px 50px -24px rgba(0,86,186,.7);position:relative;overflow:hidden}
.pr-cta::after{content:"";position:absolute;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.08)}
.pr-cta-text{display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}
.pr-cta-text strong{font-size:1.6rem;font-weight:800;color:#fff}
.pr-cta-text span{font-size:15.5px;color:#dbe8fb;max-width:620px;line-height:1.6}
.pr-cta-btns{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}
.pr-btn-light{background:#fff;color:#0056ba !important}
.pr-btn-light:hover{transform:translateY(-2px);box-shadow:0 12px 24px -10px rgba(0,0,0,.35)}
.pr-btn-wa{background:#22c55e;color:#fff !important}
.pr-btn-wa:hover{background:#16a34a;transform:translateY(-2px)}
@media (max-width:1024px){
  .pr-row{grid-template-columns:1fr;gap:26px;padding:20px}
  .pr-row.pr-rev .pr-media{order:0}
  .pr-body,.pr-row.pr-rev .pr-body{padding:0 6px 6px}
  .pr-cta{flex-direction:column;align-items:flex-start;padding:30px 26px}
}
@media (max-width:768px){
  .pr-section{padding:0 0 60px !important}
  .pr-row{padding:14px;border-radius:22px;gap:18px;margin-bottom:22px}
  .pr-media{border-radius:16px}
  .pr-num{font-size:72px;top:10px;left:14px}
  .pr-count{right:10px;bottom:10px;font-size:11.5px;padding:6px 11px}
  .pr-body,.pr-row.pr-rev .pr-body{padding:0 6px 8px}
  .pr-title{font-size:1.75rem !important}
  .pr-desc{font-size:15.5px !important}
  .pr-points li{font-size:14.5px}
  .pr-chip{font-size:13px;padding:7px 12px}
  .pr-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .pr-btn{width:100%}
  .pr-cta{padding:26px 20px;border-radius:22px}
  .pr-cta-text strong{font-size:1.35rem}
  .pr-cta-btns{width:100%;display:grid;grid-template-columns:1fr}
}

/*old-lsup-off*/
#lsup-fab,.lsup-panel,#lsupPanel{display:none !important}

/*bc-bar*/
.bc-bar{background:#f2f7fd;border-bottom:1px solid rgba(0,86,186,.12);padding:12px 0;font-size:13.5px;position:relative;z-index:2}
.bc-list{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;color:#41536f}
.bc-list li+li::before{content:"\203A";margin-right:6px;color:#8aa0bf}
.bc-list a{color:#0056ba !important;text-decoration:none;font-weight:600}
.bc-list a:hover{text-decoration:underline}
.bc-list [aria-current]{color:#0c2147;font-weight:700}

/*blog*/
.blog-hero{padding:56px 0 40px !important}
.blog-hero .page-title{font-size:clamp(1.8rem,4vw,2.7rem) !important;line-height:1.2;max-width:900px;margin-left:auto;margin-right:auto}
.blog-hero .page-subtitle{max-width:780px !important}
.blog-meta{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#0056ba;background:#e4effb;border:1px solid rgba(0,86,186,.18);padding:6px 14px;border-radius:999px;margin-bottom:18px}
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;max-width:1120px;margin:0 auto;align-items:start}
.blog-article{min-width:0;color:#2b3a55;font-size:17px;line-height:1.85}
.blog-article h2{font-size:clamp(1.35rem,2.6vw,1.75rem);margin:40px 0 12px;color:#0c2147 !important;line-height:1.3;scroll-margin-top:100px;padding-bottom:8px;border-bottom:2px solid #e4effb}
.blog-article h3{font-size:1.15rem;margin:26px 0 8px;color:#0056ba !important}
.blog-article p,.blog-article li{color:#2b3a55 !important}
.blog-article a{color:#0056ba !important;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.blog-article ul{list-style:disc !important;padding-left:22px;margin:10px 0 16px}.blog-article ol{list-style:decimal !important;padding-left:22px;margin:10px 0 16px}.blog-article li{display:list-item !important}.blog-toc ol{list-style:decimal !important}.blog-seo .cols{list-style:none !important}
.blog-article li{margin-bottom:8px}
.blog-article li::marker{color:#0056ba}
.blog-figure{margin:0 0 26px;border-radius:20px;overflow:hidden;border:1px solid rgba(0,86,186,.14);background:linear-gradient(135deg,#f2f7fd,#e4effb)}
.blog-figure img{display:block;width:100%;height:clamp(220px,38vw,400px);object-fit:cover}
.blog-figure.contain img{object-fit:contain;padding:18px}
.blog-summary{background:#f2f7fd;border:1px solid rgba(0,86,186,.18);border-radius:16px;padding:20px 24px;margin:0 0 8px}
.blog-summary strong.t{display:block;color:#0056ba;font-size:13px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px}
.blog-summary ul{margin:0;padding-left:20px}
.blog-table{width:100%;border-collapse:collapse;margin:18px 0 22px;font-size:15px;display:block;overflow-x:auto;border-radius:12px}
.blog-table th{background:#0056ba;color:#fff;text-align:left;padding:11px 14px;font-weight:700}
.blog-table td{padding:11px 14px;border-bottom:1px solid rgba(0,86,186,.14);color:#2b3a55}
.blog-table tr:nth-child(even) td{background:#f5f8fd}
.blog-cta{margin:34px 0;padding:22px 24px;background:linear-gradient(135deg,#0056ba,#00479c);border-radius:16px;font-size:16px;color:#fff}
.blog-cta,.blog-cta strong{color:#fff !important}
.blog-article .blog-cta a{color:#fff !important;text-decoration:underline}
.blog-faq{margin-top:34px}
.blog-faq details{background:#f5f8fd;border:1px solid rgba(0,86,186,.14);border-radius:14px;margin-bottom:12px;padding:0 22px}
.blog-faq details[open]{background:#fff;box-shadow:0 8px 24px rgba(0,86,186,.08)}
.blog-faq summary{cursor:pointer;padding:16px 0;font-weight:700;color:#0c2147}
.blog-faq details p{padding:0 0 16px;margin:0}
.blog-tags{margin-top:30px;display:flex;flex-wrap:wrap;gap:8px}
.blog-tags span{font-size:13px;color:#0056ba;background:#e4effb;border-radius:999px;padding:6px 13px;font-weight:600}
.blog-related{margin-top:46px;padding-top:26px;border-top:1px solid rgba(0,86,186,.14)}
.blog-related h2{margin-top:0;border:0}
.blog-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px}
.blog-toc{background:#fff;border:1px solid rgba(0,86,186,.16);border-radius:16px;padding:20px 22px}
.blog-toc strong{display:block;color:#0c2147;margin-bottom:10px;font-size:15px}
.blog-toc ol{margin:0;padding-left:18px;font-size:14px;line-height:1.5}
.blog-toc li{margin-bottom:8px}
.blog-toc a{color:#2b3a55;text-decoration:none}
.blog-toc a:hover{color:#0056ba}
.blog-side .side-cta{background:linear-gradient(135deg,#0056ba,#00479c);border-radius:16px;padding:22px;color:#fff}
.blog-side .side-cta strong{display:block;font-size:17px;margin-bottom:8px;color:#fff}
.blog-side .side-cta p{font-size:14px;line-height:1.55;margin:0 0 14px;color:rgba(255,255,255,.9)}
.blog-side .side-cta a{display:block;text-align:center;background:#fff;color:#0056ba;font-weight:700;border-radius:10px;padding:10px;text-decoration:none;margin-top:8px;font-size:14px}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(0,86,186,.16);border-radius:18px;overflow:hidden;text-decoration:none;transition:transform .25s,box-shadow .25s}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,86,186,.14)}
.blog-card .thumb{height:190px;background:linear-gradient(135deg,#f2f7fd,#e4effb);position:relative}
.blog-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.blog-card .thumb.contain img{object-fit:contain;padding:12px}
.blog-card .cat{position:absolute;left:14px;top:14px;background:#0056ba;color:#fff;font-size:11.5px;font-weight:700;border-radius:999px;padding:4px 11px;letter-spacing:.3px}
.blog-card-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px}
.blog-card h2,.blog-card h3{font-size:1.12rem;line-height:1.35;color:#0c2147 !important;margin:0;border:0;padding:0}
.blog-card p{color:#41536f !important;font-size:14.5px;line-height:1.65;margin:0}
.blog-card .blog-more{color:#0056ba;font-weight:700;font-size:14px}
.blog-card .blog-date{font-size:12px;color:#6b7c99;font-weight:600}
.blog-feature{display:grid;grid-template-columns:1.15fr 1fr;background:#fff;border:1px solid rgba(0,86,186,.16);border-radius:22px;overflow:hidden;text-decoration:none;margin-bottom:34px;box-shadow:0 14px 40px rgba(0,86,186,.1);transition:transform .25s}
.blog-feature:hover{transform:translateY(-3px)}
.blog-feature .thumb{min-height:320px;background:linear-gradient(135deg,#f2f7fd,#e4effb)}
.blog-feature .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.blog-feature .thumb.contain img{object-fit:contain;padding:20px}
.blog-feature .fb{padding:34px 36px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.blog-feature h2{font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.25;color:#0c2147 !important;margin:0}
.blog-feature p{color:#41536f !important;margin:0;line-height:1.7}
.blog-feature .badge{align-self:flex-start;background:#e4effb;color:#0056ba;font-weight:700;font-size:12px;letter-spacing:.5px;text-transform:uppercase;border-radius:999px;padding:5px 13px}
.blog-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px;justify-content:center}
.blog-chips button{font:inherit;font-size:14px;font-weight:600;border:1px solid rgba(0,86,186,.25);background:#fff;color:#0056ba;border-radius:999px;padding:8px 18px;cursor:pointer;transition:.2s}
.blog-chips button:hover,.blog-chips button.on{background:#0056ba;color:#fff}
.blog-seo{max-width:960px;margin:56px auto 0;color:#2b3a55;line-height:1.85;font-size:16px}
.blog-seo h2{color:#0c2147 !important;font-size:clamp(1.3rem,2.6vw,1.7rem);margin:0 0 12px}
.blog-seo h3{color:#0056ba !important;font-size:1.1rem;margin:24px 0 6px}
.blog-seo p{color:#2b3a55 !important}
.blog-seo a{color:#0056ba !important;font-weight:600}
.blog-seo .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 24px;padding:0;list-style:none;margin:12px 0}
.blog-seo .cols li{margin:0}
.blog-seo .cols a{display:block;padding:8px 12px;background:#f2f7fd;border-radius:10px;text-decoration:none}
.blog-article a.blog-card,.blog-article a.blog-card *{text-decoration:none}
.blog-article a.blog-card{font-weight:400}
.blog-article a.blog-card .blog-more{font-weight:700;color:#0056ba !important}
.blog-article a.blog-card h3{color:#0c2147 !important}
.blog-article a.blog-card p{color:#41536f !important}
.side-guide{display:block;background:#0056ba;color:#fff !important;border-radius:16px;padding:18px 20px;margin-bottom:16px;text-decoration:none !important}.side-guide strong{display:block;font-size:1.1rem;margin-bottom:4px}.side-guide span{font-size:14px;color:#dbe8fb;line-height:1.5}.side-guide:hover{background:#00479c}
@media(max-width:960px){.blog-layout{grid-template-columns:1fr}.blog-side{position:static;order:-1}.blog-feature{grid-template-columns:1fr}.blog-feature .thumb{min-height:220px}}
@media(max-width:600px){.blog-article{font-size:16px}.blog-grid{grid-template-columns:1fr}.blog-feature .fb{padding:22px}}

/*zimpara*/
.z-types{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:22px 0 26px}
.z-type{display:flex;flex-direction:column;background:#f5f8fd;border:1px solid rgba(0,86,186,.14);border-radius:16px;overflow:hidden;text-decoration:none !important;transition:transform .25s,box-shadow .25s,border-color .25s}
.z-type:hover{transform:translateY(-3px);box-shadow:0 14px 30px -14px rgba(0,86,186,.35);border-color:rgba(0,86,186,.4)}
.zt-img{aspect-ratio:16/9;background:#fff;overflow:hidden}.zt-img img{width:100%;height:100%;object-fit:cover;display:block}
.zt-b{padding:16px 18px 18px}.zt-b h3{margin:0 0 6px !important;font-size:1.15rem !important;color:#0c2147 !important}
.zt-b p{font-size:14.5px !important;line-height:1.6 !important;color:#41536f !important;margin:0 0 10px !important}
.zt-b span{color:#0056ba;font-weight:700;font-size:14px}
.z-table-wrap{overflow-x:auto;margin:18px 0 22px;border:1px solid rgba(0,86,186,.16);border-radius:14px}
.z-table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.z-table th{background:#0056ba;color:#fff;text-align:left;padding:12px 14px;font-weight:700}
.z-table td{padding:11px 14px;border-top:1px solid rgba(0,86,186,.12);color:#2a3b57;vertical-align:top}
.z-table tbody tr:nth-child(even) td{background:#f5f8fd}
@media(max-width:640px){.z-types{grid-template-columns:1fr}}

/*search*/
.search-btn{display:inline-flex;align-items:center;gap:10px;margin-left:auto;height:46px;width:250px;padding:0 8px 0 16px;border-radius:999px;border:1px solid rgba(0,86,186,.16);background:#f4f7fc;color:#5a6b85;font:inherit;font-size:14.5px;font-weight:500;cursor:text;transition:border-color .2s,box-shadow .2s,background .2s;text-align:left}
.search-btn span{flex:1;white-space:nowrap;letter-spacing:.1px}
.search-btn svg{flex:none;color:#0056ba}
.search-btn:hover{background:#fff;border-color:rgba(0,86,186,.45);box-shadow:0 0 0 4px rgba(0,86,186,.08),0 6px 18px -10px rgba(0,86,186,.45)}
.search-btn:focus-visible{outline:none;border-color:#0056ba;box-shadow:0 0 0 4px rgba(0,86,186,.18)}
.search-btn kbd{font:inherit;font-size:12px;font-weight:700;color:#0056ba;background:#fff;border:1px solid rgba(0,86,186,.22);border-radius:8px;padding:2px 9px;box-shadow:0 1px 0 rgba(0,86,186,.15)}
@media(min-width:1181px){
  header .header-container,.top-bar .top-bar-container{max-width:1640px !important;padding-left:48px !important;padding-right:48px !important}
  header .header-container{justify-content:flex-start !important;gap:0}
  header .logo{margin-right:56px;flex:none}
  header nav{flex:none}
  header .nav-menu{gap:42px !important}
  header .search-btn{margin-left:auto !important}
  header .lang-switcher{margin-left:14px !important}
  header .lang-btn{height:46px !important;border-radius:999px !important;padding:0 16px !important}
}
@media(min-width:1181px) and (max-width:1440px){header .search-btn{width:200px}header .nav-menu{gap:30px !important}header .logo{margin-right:40px}header .header-container,.top-bar .top-bar-container{padding-left:32px !important;padding-right:32px !important}}
@media(max-width:1180px){.search-btn span,.search-btn kbd{display:none}.search-btn{width:46px;padding:0;justify-content:center;margin-left:auto;cursor:pointer}}
@media(min-width:769px) and (max-width:1180px){
  header .header-container,.top-bar .top-bar-container{padding-left:24px !important;padding-right:24px !important}
  header .header-container{justify-content:flex-start !important}
  header .logo{margin-right:32px;flex:none}html body #siteHeader .logo img{height:44px !important}
  header .nav-menu{gap:22px !important}html body #siteHeader .nav-link{font-size:14px !important;letter-spacing:.6px !important}
  header .lang-switcher{margin-left:10px !important}
  .top-bar .top-bar-item{white-space:nowrap;font-size:13px}
  .top-bar .top-bar-left .top-bar-item:nth-child(3){display:none}
}
@media(min-width:769px) and (max-width:1020px){
  header .logo{margin-right:20px}html body #siteHeader .logo img{height:40px !important}
  header .nav-menu{gap:16px !important}html body #siteHeader .nav-link{font-size:13.5px !important;letter-spacing:.3px !important;white-space:nowrap}
  header .lang-btn{padding:0 12px !important;min-width:0 !important;width:58px !important;height:42px !important;justify-content:center !important;gap:0 !important}header .lang-btn #currentLangCode,header .lang-btn i{display:none !important}
  header .search-btn{width:42px;height:42px}
}
@media(max-width:768px){header .search-btn{position:absolute !important;right:86px;left:auto !important;top:50%;transform:translateY(-50%);margin:0;z-index:3;height:38px;width:38px;border-radius:10px}header .logo img{height:40px !important}}
/*header-canon*/
html body #siteHeader,html body #siteHeader.scrolled{background:#fff !important;border-bottom:1px solid rgba(0,86,186,.06) !important;box-shadow:none !important}
html body #siteHeader.is-stuck,html body #siteHeader.is-stuck.scrolled{box-shadow:0 10px 30px -18px rgba(12,33,71,.45) !important;border-bottom-color:rgba(0,86,186,.1) !important}
html body #siteHeader .logo img{display:block !important;max-width:none !important;width:auto !important;filter:none !important;transform:none !important}
@media(min-width:769px){
  html body #siteHeader{display:flex !important;align-items:center !important;padding:0 !important}
  html body #siteHeader .header-container{display:flex !important;align-items:center !important;height:100% !important;margin:0 auto !important;width:100% !important}
  html body #siteHeader .logo{position:static !important;transform:none !important;display:flex !important;align-items:center !important;height:auto !important;width:auto !important;left:auto !important;top:auto !important}
  html body #siteHeader .menu-toggle{display:none !important}
  html body #siteHeader .nav-menu{display:flex !important;flex-direction:row !important;align-items:center !important;list-style:none !important;margin:0 !important;padding:0 !important;background:none !important;position:static !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:none !important;box-shadow:none !important;border:0 !important;height:auto !important;width:auto !important;max-height:none !important;overflow:visible !important}
  html body #siteHeader .nav-menu::before,html body #siteHeader .nav-menu::after{display:none !important;content:none !important}
  html body #siteHeader .nav-item{width:auto !important;opacity:1 !important;transform:none !important;height:auto !important;margin:0 !important;padding:0 !important;background:none !important;border:0 !important;position:relative}
  html body #siteHeader .nav-link{display:inline-flex !important;align-items:center !important;justify-content:flex-start !important;gap:0;width:auto !important;padding:6px 0 !important;margin:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;text-transform:uppercase !important;font-weight:600 !important;color:#2a3b57 !important;line-height:1.6 !important;position:relative !important;white-space:nowrap;cursor:pointer;font-family:inherit !important}
  html body #siteHeader .nav-link:hover,html body #siteHeader .nav-item.active .nav-link,html body #siteHeader .nav-item.dropdown.open .nav-link{color:#0056ba !important;background:none !important;box-shadow:none !important}
  html body #siteHeader .nav-link::after{content:'' !important;display:block !important;position:absolute !important;left:0 !important;right:auto !important;bottom:-4px !important;top:auto !important;width:100% !important;height:2px !important;border-radius:2px;background:linear-gradient(90deg,#0056ba,rgba(0,86,186,.15)) !important;transform:scaleX(0) !important;transform-origin:left !important;transition:transform .3s ease !important;opacity:1 !important}
  html body #siteHeader .nav-link:hover::after,html body #siteHeader .nav-item.active .nav-link::after{transform:scaleX(1) !important}
  html body #siteHeader .nav-link i{color:inherit !important}
}
@media(min-width:1181px){html body #siteHeader .logo img{height:56px !important}html body #siteHeader .nav-link{font-size:15.5px !important;letter-spacing:.6px !important}}
@media(max-width:768px){html body #siteHeader .logo img{height:36px !important}}
/*cards-unified*/
html body .products-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:28px !important;grid-auto-rows:1fr;align-items:stretch !important}
@media(max-width:1024px){html body .products-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:22px !important}}
@media(max-width:640px){html body .products-grid{grid-template-columns:minmax(0,1fr) !important;gap:18px !important;grid-auto-rows:auto}}
html body .products-grid>.item-card,html body .products-grid>.product-card{position:relative !important;display:flex !important;flex-direction:column !important;height:100% !important;width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;background:#fff !important;border:1px solid #e3ebf6 !important;border-radius:20px !important;overflow:hidden !important;box-shadow:0 2px 6px rgba(12,33,71,.04),0 10px 28px -18px rgba(12,33,71,.18) !important;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease !important;text-align:left !important;isolation:isolate}
html body .products-grid>.item-card::before,html body .products-grid>.product-card::before{content:'' !important;position:absolute !important;left:0;right:0;top:0;height:3px !important;width:auto !important;background:linear-gradient(90deg,#0056ba,#3d8bfd) !important;transform:scaleX(0) !important;transform-origin:left;transition:transform .45s ease !important;z-index:3;display:block !important;opacity:1 !important;border-radius:0 !important;inset:0 0 auto 0}
html body .products-grid>.item-card::after,html body .products-grid>.product-card::after{display:none !important;content:none !important}
html body .products-grid>.product-card>.card-link{display:flex !important;flex-direction:column !important;flex:1 1 auto !important;height:100% !important;color:inherit !important;text-decoration:none !important;background:none !important;padding:0 !important;border:0 !important}
html body .products-grid .item-img,html body .products-grid .product-image{position:relative !important;flex:none !important;height:230px !important;width:auto !important;margin:0 !important;padding:22px 28px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:radial-gradient(120% 90% at 50% 40%,#ffffff 0%,#f3f7fd 70%,#eaf1fb 100%) !important;border:0 !important;border-bottom:1px solid #eef3fa !important;border-radius:0 !important;overflow:hidden !important;box-shadow:none !important}
html body .products-grid .item-img img,html body .products-grid .product-image img{width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;object-fit:contain !important;mix-blend-mode:multiply;border-radius:0 !important;box-shadow:none !important;background:none !important;border:0 !important;padding:0 !important;margin:0 !important;transform:none;transition:transform .5s cubic-bezier(.2,.7,.2,1) !important;filter:none !important}
html body .products-grid .item-content,html body .products-grid .product-info{display:flex !important;flex-direction:column !important;align-items:flex-start !important;flex:1 1 auto !important;padding:22px 24px 22px !important;margin:0 !important;text-align:left !important;background:none !important;gap:0 !important}
html body .products-grid .item-content h3,html body .products-grid .product-title{font-size:1.28rem !important;line-height:1.3 !important;font-weight:800 !important;color:#0c2147 !important;margin:0 0 10px !important;letter-spacing:-.2px !important;text-align:left !important;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden !important;transition:color .25s ease !important}
html body .products-grid .product-category{display:inline-flex !important;align-items:center;margin:0 0 12px !important;padding:4px 10px !important;border-radius:999px !important;background:#eef4fd !important;color:#0056ba !important;border:0 !important;font-size:11.5px !important;font-weight:700 !important;letter-spacing:.8px !important;text-transform:uppercase !important;line-height:1.4 !important}
html body .products-grid .item-content p,html body .products-grid .product-info>p{font-size:14.5px !important;line-height:1.6 !important;color:#52627c !important;margin:0 0 14px !important;text-align:left !important;display:-webkit-box !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden !important}
html body .products-grid .product-meta{display:flex !important;flex-wrap:wrap !important;justify-content:flex-start !important;gap:8px !important;margin:0 0 6px !important;padding:0 !important;border:0 !important;background:none !important}
html body .products-grid .product-meta>div{display:inline-flex !important;align-items:center;gap:6px !important;padding:5px 10px !important;border-radius:8px !important;background:#f5f8fc !important;border:1px solid #e8eef7 !important;color:#41536f !important;font-size:12.5px !important;font-weight:600 !important;line-height:1.3 !important}
html body .products-grid .product-meta i{color:#0056ba !important;font-size:12px !important}
html body .products-grid .item-btn,html body .products-grid .nc-cta{display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;margin:auto 0 0 !important;padding:14px 0 0 !important;border:0 !important;border-top:1px solid #eef3fa !important;border-radius:0 !important;background:none !important;box-shadow:none !important;color:#0056ba !important;font-size:13px !important;font-weight:700 !important;letter-spacing:1px !important;text-transform:uppercase !important;height:auto !important;min-height:0 !important;transition:color .25s ease !important}
html body .products-grid .item-btn i,html body .products-grid .nc-cta i{display:inline-flex !important;align-items:center;justify-content:center;width:34px !important;height:34px !important;border-radius:50% !important;background:#eef4fd !important;color:#0056ba !important;font-size:13px !important;margin:0 !important;transition:transform .3s ease,background .3s ease,color .3s ease !important}
html body .products-grid .product-badge{position:absolute !important;top:14px !important;left:14px !important;right:auto !important;z-index:4 !important;margin:0 !important;padding:5px 11px !important;border-radius:999px !important;background:#0056ba !important;color:#fff !important;font-size:11px !important;font-weight:800 !important;letter-spacing:.9px !important;text-transform:uppercase !important;box-shadow:0 6px 14px -6px rgba(0,86,186,.6) !important;border:0 !important;line-height:1.3 !important}
html body .products-grid .full-link{position:absolute !important;inset:0 !important;z-index:5 !important}
@media(hover:hover){
  html body .products-grid>.item-card:hover,html body .products-grid>.product-card:hover{transform:translateY(-6px) !important;border-color:rgba(0,86,186,.35) !important;box-shadow:0 4px 10px rgba(0,86,186,.06),0 24px 48px -20px rgba(0,86,186,.42) !important}
  html body .products-grid>.item-card:hover::before,html body .products-grid>.product-card:hover::before{transform:scaleX(1) !important}
  html body .products-grid>.item-card:hover .item-img img,html body .products-grid>.product-card:hover .product-image img{transform:scale(1.07) !important}
  html body .products-grid>.item-card:hover h3,html body .products-grid>.product-card:hover .product-title{color:#0056ba !important}
  html body .products-grid>.item-card:hover .item-btn i,html body .products-grid>.product-card:hover .nc-cta i{background:#0056ba !important;color:#fff !important;transform:translateX(4px) !important}
}
@media(max-width:640px){html body .products-grid .item-img,html body .products-grid .product-image{height:210px !important}}
html body .products-grid>.item-card:hover .item-btn,html body .products-grid>.product-card:hover .nc-cta{background:none !important;color:#0056ba !important;border-color:#eef3fa !important;box-shadow:none !important}
html body .products-grid .product-category{align-self:flex-start !important}
@media(min-width:641px){
  html body .products-grid .item-content h3,html body .products-grid .product-title{min-height:2.6em}
  html body .products-grid .item-content p,html body .products-grid .product-info>p{min-height:4.8em}
  html body .products-grid .product-meta{flex-wrap:nowrap !important;overflow:hidden !important}
  html body .products-grid .product-meta>div{white-space:nowrap;flex:none}
}
/*hero-compact*/
html body section.cat-heading,html body section.listing-hero{padding:28px 0 20px !important;margin:0 !important;min-height:0 !important;height:auto !important}
html body section.cat-heading .container,html body section.listing-hero .container{padding-top:0 !important;padding-bottom:0 !important}
html body section.cat-heading h1,html body section.listing-hero h1{font-size:clamp(2rem,3.4vw,2.9rem) !important;line-height:1.15 !important;margin:0 0 10px !important}
html body section.cat-heading p{font-size:12px !important;letter-spacing:3px !important;margin:0 0 8px !important}
html body section.listing-hero p{font-size:16px !important;line-height:1.6 !important;max-width:680px !important;margin:0 auto !important}
html body section.cat-heading + section.products-section{padding-top:14px !important}
html body section.listing-hero + .container > .filter-section{margin-top:22px !important;margin-bottom:24px !important;padding-top:0 !important}
html body section.listing-hero + .container > .product-content{margin-top:18px !important}
html body section.listing-hero + .container > .products-grid{margin-top:18px !important}
@media(max-width:768px){html body section.cat-heading,html body section.listing-hero{padding:20px 0 14px !important}html body section.cat-heading h1,html body section.listing-hero h1{font-size:clamp(1.7rem,7.5vw,2.1rem) !important}html body section.listing-hero p{font-size:14.5px !important}}
/* bilgi kartları: aynı çerçeve + aynı hover */
html body .app-card,html body .feature-box,html body .type-item,html body .guide-card,html body .z-type,html body .blog-card{background:#fff !important;border:1px solid #e3ebf6 !important;border-radius:18px !important;box-shadow:0 2px 6px rgba(12,33,71,.04),0 10px 26px -20px rgba(12,33,71,.2) !important;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease !important}
@media(hover:hover){html body .app-card:hover,html body .feature-box:hover,html body .type-item:hover,html body .guide-card:hover,html body .z-type:hover,html body .blog-card:hover{transform:translateY(-5px) !important;border-color:rgba(0,86,186,.35) !important;box-shadow:0 4px 10px rgba(0,86,186,.06),0 22px 44px -22px rgba(0,86,186,.42) !important}}
/*nav-center*/
@media(min-width:769px){header .header-container{position:relative}header nav{margin:0 auto !important}header .search-btn{margin-left:0 !important}}
@media(min-width:1181px) and (max-width:1300px){header .search-btn span,header .search-btn kbd{display:none}header .search-btn{width:46px;padding:0;justify-content:center;cursor:pointer}}
@media(min-width:1400px){header nav{position:absolute !important;left:50% !important;top:50%;transform:translate(-50%,-50%);margin:0 !important}header .search-btn{margin-left:auto !important}}
/*sticky-header*/
.top-bar{display:none !important}
html,body{overflow-x:clip !important}
#siteHeader{position:sticky !important;top:0 !important;z-index:9000 !important;background:#fff !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border-bottom:1px solid transparent;transition:height .3s ease,box-shadow .3s ease,border-color .3s ease}
#siteHeader .header-container{transition:height .3s ease,min-height .3s ease}
#siteHeader .logo img{transition:height .3s ease}
#siteHeader.is-stuck{box-shadow:0 10px 30px -18px rgba(12,33,71,.45);border-bottom-color:rgba(0,86,186,.08)}
@media(min-width:769px){#siteHeader.is-stuck{height:78px !important}#siteHeader.is-stuck .header-container{height:100% !important}html body #siteHeader.is-stuck .logo img{height:42px !important}}
html.ss-open,html.ss-open body{overflow:hidden}
#siteSearch{position:fixed;inset:0;z-index:20000;display:flex;align-items:flex-start;justify-content:center;padding:9vh 16px 16px}
#siteSearch[hidden]{display:none}
.ss-back{position:absolute;inset:0;background:rgba(8,22,50,.6);backdrop-filter:blur(5px)}
.ss-box{position:relative;width:min(760px,100%);max-height:82vh;display:flex;flex-direction:column;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(0,30,80,.45);overflow:hidden;animation:ssIn .22s ease}
@keyframes ssIn{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:none}}
.ss-bar{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #e4effb;color:#0056ba}
.ss-bar input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:19px;color:#0c2147;padding:4px 0}
.ss-bar input::-webkit-search-cancel-button{display:none}
.ss-x{border:1px solid #cfdcee;background:#f2f7fd;color:#41536f;border-radius:8px;padding:5px 10px;font:inherit;font-size:12.5px;cursor:pointer}
.ss-out{overflow-y:auto;padding:8px 12px 14px}
.ss-sec{font-size:12.5px;letter-spacing:.8px;text-transform:uppercase;font-weight:700;color:#6b7c99;margin:14px 8px 8px}
.ss-sec span{background:#e4effb;color:#0056ba;border-radius:99px;padding:1px 8px;margin-left:6px}
.sr-item{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:14px;text-decoration:none;color:#0c2147;transition:background .15s}
.sr-item:hover,.sr-item:focus{background:#f2f7fd;outline:0}
.sr-item img,.sr-ph{flex:none;width:56px;height:56px;border-radius:12px;background:#f2f7fd;object-fit:contain;display:flex;align-items:center;justify-content:center;color:#0056ba;border:1px solid #e4effb}
.sr-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.sr-txt b{font-size:16.5px;font-weight:700;line-height:1.3}
.sr-txt small{font-size:13px;color:#6b7c99}
.sr-txt mark{background:#fff0b3;color:inherit;border-radius:3px;padding:0 1px}
.sr-go{color:#9fb3d1;font-size:13px}
.sr-item:hover .sr-go{color:#0056ba;transform:translateX(3px)}
.ss-chips{display:flex;flex-wrap:wrap;gap:9px;padding:0 8px 8px}
.ss-chips button{font:inherit;font-size:14.5px;font-weight:600;border:1px solid #cfdcee;background:#f2f7fd;color:#0056ba;border-radius:99px;padding:8px 16px;cursor:pointer}
.ss-chips button:hover{background:#0056ba;color:#fff;border-color:#0056ba}
.ss-empty{padding:22px 10px 6px;color:#41536f;font-size:16px}
.ss-ask{display:block;margin:16px 8px 0;padding:14px 16px;border-radius:12px;background:#0056ba;color:#fff;text-decoration:none;font-weight:600;font-size:14.5px}
.ss-ask i{margin-left:6px}