/* ============================================
   AUTO-MANAGED by Claude (nukistore.io child theme).
   Manuel duzenleme YAPMA - Claude'a soyle, o yapsin.
   Last update: 2026-05-02 | Manifesto: ../../.claude-managed.json
   ============================================

   NUKI HOME - DOO DESIGN SYSTEM MAPPING
   Plan: ~/.claude/plans/g-rev-tanimi-nukistore-io-breezy-quiche.md
   Reference: Doo (DESIGN.md, variables.css, tokens.json) — white canvas
   productivity aesthetic, 30/39 radius, Avenir Next + Inter fallback,
   no shadow, hairline borders, 187px section gap, 17px body, 65px display.
   Brand override: Nuki Gold (#FECB3F) preserved as primary CTA color.
   ============================================ */

:root {
  /* Doo — colors */
  --color-canvas-white: #ffffff;
  --color-subtle-gray: #f7f7f7;
  --color-border-fog: #edeef3;
  --color-text-primary: #383938;
  --color-text-secondary: #6e6d7a;
  --color-shadow-ink: #111111;
  --color-action-violet: #5e45a2; /* reserved decorative accent — not used as primary */

  /* Nuki brand (preserved primary) */
  --color-brand-gold: #FECB3F;
  --color-brand-gold-hover: #a18912;

  /* Typography */
  --font-sans: 'Montserrat', 'Manrope', 'Avenir Next', 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-weight-light: 300;

  --text-caption: 13px;     --leading-caption: 1.2;     --tracking-caption: 0.13px;
  --text-body-sm: 16px;     --leading-body-sm: 1.2;     --tracking-body-sm: 0.16px;
  --text-body: 17px;        --leading-body: 1.8;
  --text-subheading: 20px;  --leading-subheading: 1.2;
  --text-heading-sm: 29px;  --leading-heading-sm: 1.2;
  --text-heading: 39px;     --leading-heading: 1;       --tracking-heading: -0.4px;
  --text-display: 65px;     --leading-display: 1;       --tracking-display: -0.8px;

  --font-weight-regular: 400;
  --font-weight-semibold: 600;

  /* Spacing scale (Doo) */
  --spacing-5: 5px;    --spacing-10: 10px;  --spacing-13: 13px;
  --spacing-19: 19px;  --spacing-20: 20px;  --spacing-21: 21px;
  --spacing-26: 26px;  --spacing-33: 33px;  --spacing-39: 39px;
  --spacing-49: 49px;  --spacing-78: 78px;  --spacing-86: 86px;
  --spacing-90: 90px;  --spacing-108: 108px;--spacing-130: 130px;
  --spacing-217: 217px;

  /* Layout */
  --page-max-width: 1200px;
  --section-gap: 187px;
  --card-padding: 30px;
  --element-gap: 20px;

  /* Radius */
  --radius-card: 30px;
  --radius-button: 39px;

  /* Surfaces */
  --surface-canvas: #ffffff;
  --surface-subtle: #f7f7f7;
  --surface-accent: #e7efff;
}

.nuki-home-v2 {
  /* Legacy --nhv2-* tokens aliased to Doo for backwards compat */
  --nhv2-bg: var(--color-canvas-white);
  --nhv2-bg-alt: var(--color-subtle-gray);
  --nhv2-surface: var(--color-canvas-white);
  --nhv2-ink: var(--color-text-primary);
  --nhv2-ink-2: var(--color-text-secondary);
  --nhv2-muted: var(--color-text-secondary);
  --nhv2-border: var(--color-border-fog);
  --nhv2-accent: var(--color-brand-gold);
  --nhv2-accent-2: var(--color-brand-gold-hover);
  --nhv2-gold: var(--color-brand-gold);
  --nhv2-radius: var(--radius-card);
  --nhv2-radius-sm: 20px;
  --nhv2-shadow: none;
  --nhv2-shadow-hover: none;

  font-family: var(--font-sans);
  color: var(--color-text-primary);
  background: var(--color-canvas-white);
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-size: var(--text-body);
  line-height: var(--leading-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.nuki-home-v2 *, .nuki-home-v2 *::before, .nuki-home-v2 *::after { box-sizing: border-box; }
.nuki-home-v2 img { max-width: 100%; height: auto; display: block; }
.nuki-home-v2 a { color: inherit; text-decoration: none; }
.nuki-home-v2 h2, .nuki-home-v2 h3, .nuki-home-v2 h4 {
  margin: 0;
  font-family: var(--font-sans);
  font-weight: var(--font-weight-light); /* Montserrat ince — kullanıcı isteği */
  color: var(--color-text-primary);
}
.nuki-home-v2 p { margin: 0; }

.nuki-home-v2 .nhv2-wrap {
  max-width: var(--page-max-width);
  margin: 0 auto;
  padding: 0 24px;
}
.nuki-home-v2 .nhv2-section {
  padding: clamp(86px, 12vw, 217px) 24px;
  max-width: var(--page-max-width);
  margin: 0 auto;
}
.nuki-home-v2 .nhv2-center {
  text-align: center;
  margin-top: var(--spacing-49);
}

/* Eyebrow caption */
.nuki-home-v2 .nhv2-eyebrow {
  display: inline-block;
  font-size: var(--text-caption);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-caption);
  line-height: var(--leading-caption);
  text-transform: uppercase;
  color: var(--color-brand-gold);
  margin-bottom: var(--spacing-19);
}

/* Display / heading scale */
.nuki-home-v2 .nhv2-title {
  font-size: var(--text-display);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
  font-weight: var(--font-weight-light); /* Montserrat ince */
  margin-bottom: var(--spacing-26);
  color: var(--color-text-primary);
}
.nuki-home-v2 .nhv2-h3 {
  font-size: var(--text-heading);
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-heading);
  font-weight: var(--font-weight-light); /* Montserrat ince */
  color: var(--color-text-primary);
}
.nuki-home-v2 .nhv2-lead {
  font-size: var(--text-subheading);
  line-height: var(--leading-subheading);
  color: var(--color-text-secondary);
  max-width: 640px;
  margin-bottom: var(--spacing-33);
}
.nuki-home-v2 .nhv2-sub {
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--color-text-secondary);
  max-width: 620px;
  margin: var(--spacing-20) auto 0;
}

/* Intro */
.nuki-home-v2 .nhv2-intro {
  padding: clamp(78px, 10vw, 187px) 24px clamp(39px, 5vw, 90px);
  max-width: var(--page-max-width);
  margin: 0 auto;
}
.nuki-home-v2 .nhv2-cta-row {
  display: flex;
  gap: var(--spacing-21);
  flex-wrap: wrap;
}

/* Buttons */
.nuki-home-v2 .nhv2-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-10);
  font-family: var(--font-sans);
  font-size: var(--text-body-sm);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--tracking-body-sm);
  padding: 14px 33px;
  border-radius: var(--radius-button);
  border: 1.5px solid transparent;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .15s ease;
}
.nuki-home-v2 .nhv2-btn-primary {
  background: var(--color-brand-gold);
  color: var(--color-canvas-white);
  border-color: var(--color-brand-gold);
}
.nuki-home-v2 .nhv2-btn-primary:hover {
  background: var(--color-brand-gold-hover);
  border-color: var(--color-brand-gold-hover);
  transform: translateY(-1px);
}
.nuki-home-v2 .nhv2-btn-ghost {
  background: transparent;
  color: var(--color-text-primary);
  border-color: var(--color-border-fog);
}
.nuki-home-v2 .nhv2-btn-ghost:hover {
  border-color: var(--color-text-primary);
  background: var(--color-subtle-gray);
}
.nuki-home-v2 .nhv2-btn-lg {
  padding: 19px 39px;
  font-size: var(--text-body);
}

/* Section head */
.nuki-home-v2 .nhv2-head { margin-bottom: var(--spacing-78); }
.nuki-home-v2 .nhv2-head-center { text-align: center; }
.nuki-home-v2 .nhv2-head-center .nhv2-eyebrow { display: inline-block; }

/* Grid */
.nuki-home-v2 .nhv2-grid { display: grid; gap: var(--element-gap); }
.nuki-home-v2 .nhv2-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.nuki-home-v2 .nhv2-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* Card (Doo: subtle surface, hairline border, no shadow) */
.nuki-home-v2 .nhv2-card {
  background: var(--surface-canvas);
  border: 1px solid var(--color-border-fog);
  border-radius: var(--radius-card);
  padding: var(--card-padding);
  display: flex;
  flex-direction: column;
  transition: border-color .25s ease, transform .25s ease;
  position: relative;
  overflow: hidden;
}
.nuki-home-v2 .nhv2-card:hover {
  border-color: var(--color-text-primary);
  transform: translateY(-2px);
}

/* How it works (subtle-gray section + subtle-gray cards, no border) */
.nuki-home-v2 .nhv2-how {
  background: var(--surface-subtle);
  max-width: none;
  padding: clamp(86px, 12vw, 217px) 24px;
}
.nuki-home-v2 .nhv2-how .nhv2-head,
.nuki-home-v2 .nhv2-how .nhv2-steps {
  max-width: var(--page-max-width);
  margin-left: auto;
  margin-right: auto;
}
.nuki-home-v2 .nhv2-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: var(--element-gap);
}
.nuki-home-v2 .nhv2-step {
  background: var(--color-canvas-white);
  border-radius: var(--radius-card);
  padding: var(--card-padding);
  border: 1px solid var(--color-border-fog);
  position: relative;
}
.nuki-home-v2 .nhv2-step-num {
  font-size: var(--text-caption);
  font-weight: var(--font-weight-semibold);
  color: var(--color-brand-gold);
  letter-spacing: var(--tracking-caption);
  text-transform: uppercase;
  margin-bottom: var(--spacing-19);
}
.nuki-home-v2 .nhv2-step h4 {
  font-size: var(--text-heading-sm);
  line-height: var(--leading-heading-sm);
  margin-bottom: var(--spacing-13);
  color: var(--color-text-primary);
}
.nuki-home-v2 .nhv2-step p {
  color: var(--color-text-secondary);
  font-size: var(--text-body-sm);
  line-height: var(--leading-body-sm);
  letter-spacing: var(--tracking-body-sm);
}

/* Trust bar (hairline top + bottom, subtle ico bg) */
.nuki-home-v2 .nhv2-trustbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: var(--element-gap);
  padding: var(--spacing-49) 24px;
  margin: 0 auto;
  max-width: var(--page-max-width);
  border-top: 1px solid var(--color-border-fog);
  border-bottom: 1px solid var(--color-border-fog);
  background: var(--color-canvas-white);
}
.nuki-home-v2 .nhv2-trust { display: flex; align-items: center; gap: var(--spacing-13); }
.nuki-home-v2 .nhv2-trust-ico {
  width: var(--spacing-49);
  height: var(--spacing-49);
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--color-subtle-gray);
  color: var(--color-brand-gold);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.nuki-home-v2 .nhv2-trust strong {
  display: block;
  font-size: var(--text-body-sm);
  color: var(--color-text-primary);
  font-weight: var(--font-weight-semibold);
}
.nuki-home-v2 .nhv2-trust span {
  font-size: var(--text-caption);
  color: var(--color-text-secondary);
  letter-spacing: var(--tracking-caption);
}

/* Use-case solutions (cards on canvas, outline-style icons) */
.nuki-home-v2 .nhv2-sol {
  text-align: center;
  padding: var(--card-padding);
  align-items: center;
}
.nuki-home-v2 .nhv2-sol-ico {
  width: var(--spacing-78);
  height: var(--spacing-78);
  margin: 0 auto var(--spacing-20);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .35s cubic-bezier(.22,1,.36,1);
}
.nuki-home-v2 .nhv2-sol-ico svg,
.nuki-home-v2 .nhv2-sol-ico img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  filter: none;
}
.nuki-home-v2 .nhv2-sol:hover .nhv2-sol-ico {
  transform: translateY(-3px) scale(1.04);
}
.nuki-home-v2 .nhv2-sol h4 {
  font-size: var(--text-heading-sm);
  line-height: var(--leading-heading-sm);
  margin-bottom: var(--spacing-13);
  color: var(--color-text-primary);
}
.nuki-home-v2 .nhv2-sol p {
  color: var(--color-text-secondary);
  font-size: var(--text-body-sm);
  line-height: var(--leading-body-sm);
  letter-spacing: var(--tracking-body-sm);
}

/* Blog cards */
.nuki-home-v2 .nhv2-blogpost { padding: 0; overflow: hidden; }
.nuki-home-v2 .nhv2-blog-img {
  aspect-ratio: 16/10;
  overflow: hidden;
  background: var(--color-subtle-gray);
}
.nuki-home-v2 .nhv2-blog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
.nuki-home-v2 .nhv2-blogpost:hover .nhv2-blog-img img { transform: scale(1.05); }
.nuki-home-v2 .nhv2-blog-body { padding: var(--spacing-26); }
.nuki-home-v2 .nhv2-blog-date {
  font-size: var(--text-caption);
  color: var(--color-text-secondary);
  letter-spacing: var(--tracking-caption);
  text-transform: uppercase;
  margin-bottom: var(--spacing-13);
  display: block;
}
.nuki-home-v2 .nhv2-blog-body h4 {
  font-size: var(--text-subheading);
  line-height: var(--leading-subheading);
  margin-bottom: var(--spacing-13);
  color: var(--color-text-primary);
}
.nuki-home-v2 .nhv2-blog-body p {
  color: var(--color-text-secondary);
  font-size: var(--text-body-sm);
  line-height: var(--leading-body-sm);
  margin-bottom: var(--spacing-13);
}
.nuki-home-v2 .nhv2-blog-body .nhv2-arrow {
  font-size: var(--text-caption);
  font-weight: var(--font-weight-semibold);
}
.nuki-home-v2 .nhv2-arrow {
  color: var(--color-brand-gold);
  font-weight: var(--font-weight-semibold);
  transition: transform .2s ease;
}
.nuki-home-v2 .nhv2-card:hover .nhv2-arrow { transform: translateX(4px); }

/* Final CTA — flat dark surface, no gradient */
.nuki-home-v2 .nhv2-finalcta {
  background: var(--color-text-primary);
  color: var(--color-canvas-white);
  padding: clamp(86px, 12vw, 217px) 24px;
  text-align: center;
  margin: var(--spacing-90) auto 0;
  max-width: var(--page-max-width);
  border-radius: var(--radius-card);
}
.nuki-home-v2 .nhv2-finalcta h3 {
  color: var(--color-canvas-white);
  font-size: var(--text-display);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
  font-weight: var(--font-weight-light); /* Montserrat ince */
  margin-bottom: var(--spacing-19);
}
.nuki-home-v2 .nhv2-finalcta p {
  color: rgba(255,255,255,.72);
  font-size: var(--text-body);
  line-height: var(--leading-body);
  max-width: 560px;
  margin: 0 auto var(--spacing-39);
}
.nuki-home-v2 .nhv2-finalcta .nhv2-btn-primary {
  background: var(--color-brand-gold);
  color: var(--color-canvas-white);
  border-color: var(--color-brand-gold);
}
.nuki-home-v2 .nhv2-finalcta .nhv2-btn-primary:hover {
  background: var(--color-brand-gold-hover);
  border-color: var(--color-brand-gold-hover);
}

/* ============================================
   HERO (token-only refresh — structure preserved)
   ============================================ */
.nuki-home-v2 .nhv2-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 250px 24px 130px;
  margin: 0 0 var(--spacing-78);
  background-color: #050709;
  background-image: var(--nhv2-hero-bg, none);
  background-size: cover;
  background-position: 54% 48%;
  background-repeat: no-repeat;
}
.nuki-home-v2 .nhv2-hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}
.nuki-home-v2 .nhv2-hero__inner {
  position: relative;
  z-index: 2;
  max-width: var(--page-max-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 42.3fr 38fr;
  gap: var(--spacing-90);
  align-items: stretch;
  justify-items: stretch;
}
.nuki-home-v2 .nhv2-hero__copy {
  background: rgba(0,0,0,.55);
  border-radius: var(--radius-card);
  padding: var(--spacing-39) var(--spacing-49);
  align-self: flex-end;
}
.nuki-home-v2 .nhv2-hero__eyebrow {
  display: block;
  color: #FFD400;
  font-weight: var(--font-weight-semibold);
  font-size: var(--text-body-sm);
  letter-spacing: var(--tracking-body-sm);
  margin-bottom: var(--spacing-13);
  text-transform: none;
}
.nuki-home-v2 .nhv2-hero__title {
  color: var(--color-canvas-white);
  font-size: clamp(39px, 5vw, 65px);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
  font-weight: var(--font-weight-semibold);
  margin: 0;
  max-width: 600px;
}
.nuki-home-v2 .nhv2-hero__art {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
}
.nuki-home-v2 .nhv2-hero__art img {
  width: 300px;
  height: auto;
  max-width: 100%;
  display: block;
}

/* Tablet */
@media (max-width: 1024px) {
  .nuki-home-v2 .nhv2-title { font-size: 49px; }
  .nuki-home-v2 .nhv2-grid-3,
  .nuki-home-v2 .nhv2-grid-4 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .nuki-home-v2 .nhv2-steps { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .nuki-home-v2 .nhv2-trustbar { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .nuki-home-v2 .nhv2-hero {
    padding-top: 200px;
    padding-bottom: 90px;
    margin-bottom: 60px;
  }
  .nuki-home-v2 .nhv2-hero__inner {
    gap: 50px;
    grid-template-columns: 55fr 45fr;
  }
  .nuki-home-v2 .nhv2-hero__copy { padding: var(--spacing-33); }
}

/* Mobile */
@media (max-width: 640px) {
  .nuki-home-v2 .nhv2-section,
  .nuki-home-v2 .nhv2-how,
  .nuki-home-v2 .nhv2-finalcta { padding: var(--spacing-78) 20px; }
  .nuki-home-v2 .nhv2-intro { padding: var(--spacing-78) 20px var(--spacing-26); }
  .nuki-home-v2 .nhv2-wrap { padding: 0 20px; }
  .nuki-home-v2 .nhv2-grid-3,
  .nuki-home-v2 .nhv2-grid-4 { grid-template-columns: 1fr; }
  .nuki-home-v2 .nhv2-steps { grid-template-columns: 1fr; }
  .nuki-home-v2 .nhv2-trustbar {
    grid-template-columns: 1fr;
    gap: var(--spacing-19);
    padding: var(--spacing-33) 20px;
  }
  .nuki-home-v2 .nhv2-card { padding: var(--spacing-26); }
  .nuki-home-v2 .nhv2-title { font-size: 39px; }
  .nuki-home-v2 .nhv2-h3 { font-size: 29px; }
  .nuki-home-v2 .nhv2-lead { font-size: var(--text-body); }
  .nuki-home-v2 .nhv2-finalcta { margin-left: 20px; margin-right: 20px; }
  .nuki-home-v2 .nhv2-finalcta h3 { font-size: 39px; }
  .nuki-home-v2 .nhv2-cta-row .nhv2-btn { flex: 1; min-width: 140px; }

  .nuki-home-v2 .nhv2-hero {
    padding: 150px 20px 70px;
    margin-bottom: 40px;
  }
  .nuki-home-v2 .nhv2-hero__inner {
    grid-template-columns: 1fr;
    gap: 30px;
    text-align: center;
  }
  .nuki-home-v2 .nhv2-hero__copy { padding: var(--spacing-26); }
  .nuki-home-v2 .nhv2-hero__eyebrow,
  .nuki-home-v2 .nhv2-hero__title { text-align: center; }
  .nuki-home-v2 .nhv2-hero__title { font-size: clamp(29px, 7vw, 39px); }
  .nuki-home-v2 .nhv2-hero__art { justify-content: center; }
  .nuki-home-v2 .nhv2-hero__art img { width: 75vw; max-width: 320px; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .nuki-home-v2 .nhv2-hero__video { display: none; }
  .nuki-home-v2 .nhv2-card,
  .nuki-home-v2 .nhv2-btn { transition: none; }
}

/* ============================================
   HEADER SATIN AL BUTONU — Blocksy override
   Customizer CSS çakışması nedeniyle buradan yönetilir
   ============================================ */
.ct-header .ct-button a,
.ct-header [data-id="button"] a,
.ct-header .header-button a {
  background-color: var(--color-brand-gold) !important;
  color: var(--color-canvas-white) !important;
  border-radius: var(--radius-button) !important;
  font-family: var(--font-sans) !important;
  font-weight: var(--font-weight-semibold) !important;
  letter-spacing: var(--tracking-body-sm) !important;
  padding: 13px 33px !important;
  transition: background-color .2s ease, transform .15s ease !important;
  border: none !important;
  box-shadow: none !important;
}
.ct-header .ct-button a:hover,
.ct-header [data-id="button"] a:hover,
.ct-header .header-button a:hover {
  background-color: var(--color-brand-gold-hover) !important;
  transform: translateY(-1px) !important;
}

/* ============================================
   2026-05-03 — Hero refinements
   ============================================ */

/* Hero video tam ekran kaplamak: object-fit cover + safe area */
.nuki-home-v2 .nhv2-hero__video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 0 !important;
  pointer-events: none;
  display: block !important;
  min-width: 100%;
  min-height: 100%;
}

/* Hero başlık + art image YOKKEN copy box ortalansın */
.nuki-home-v2 .nhv2-hero--no-art .nhv2-hero__inner {
  grid-template-columns: 1fr;
  max-width: 900px;
  justify-items: start;
}
.nuki-home-v2 .nhv2-hero--no-art .nhv2-hero__copy {
  align-self: center;
}

/* ============================================
   2026-05-03 — Resmi Distribütör badge: kullanıcı isteği SİYAH yazı
   Sandbox plugin'inde Issue G beyaz yapıyor, biz override ediyoruz
   ============================================ */
html body.home header.ct-header .nuki-official-badge,
html body.home header.ct-header .nuki-official-badge *,
html body.home:not(.nuki-scrolled) header.ct-header .nuki-official-badge,
html body.home:not(.nuki-scrolled) header.ct-header .nuki-official-badge *,
html body.nuki-scrolled.home header.ct-header .nuki-official-badge,
html body.nuki-scrolled.home header.ct-header .nuki-official-badge *,
html body header.ct-header .nuki-resmi-pill,
html body header.ct-header .nuki-resmi-pill * {
  color: #050709 !important;
  border-color: rgba(5,7,9,0.35) !important;
  background: rgba(255,255,255,0.92) !important;
  text-shadow: none !important;
}

/* ============================================
   2026-05-03 — Destek (page 885) + Kütüphane (page 884):
   üst beyaz header + içerik beyaz bg
   ============================================ */
html body.page-id-885,
html body.page-id-884 {
  background-color: #ffffff !important;
}
html body.page-id-885 header.ct-header,
html body.page-id-885 header.ct-header [data-row],
html body.page-id-885 header#header,
html body.page-id-884 header.ct-header,
html body.page-id-884 header.ct-header [data-row],
html body.page-id-884 header#header {
  background: #ffffff !important;
  color: #18181b !important;
  border-bottom: 1px solid #e6e6e6 !important;
}
html body.page-id-885 header.ct-header a:not(.ct-button),
html body.page-id-885 header.ct-header .ct-menu-link,
html body.page-id-884 header.ct-header a:not(.ct-button),
html body.page-id-884 header.ct-header .ct-menu-link {
  color: #18181b !important;
  --theme-link-initial-color: #18181b !important;
  --theme-link-hover-color: #FECB3F !important;
  text-shadow: none !important;
}
html body.page-id-885 header.ct-header svg,
html body.page-id-884 header.ct-header svg {
  color: #18181b !important;
  fill: currentColor;
}
html body.page-id-885 header.ct-header [data-id="account"] *,
html body.page-id-885 header.ct-header [data-id="cart"] *,
html body.page-id-884 header.ct-header [data-id="account"] *,
html body.page-id-884 header.ct-header [data-id="cart"] * {
  color: #18181b !important;
}
/* Light header sayfalarda Resmi Distribütör pill: koyu metin */
html body.page-id-885 header.ct-header .nuki-official-badge,
html body.page-id-885 header.ct-header .nuki-official-badge *,
html body.page-id-884 header.ct-header .nuki-official-badge,
html body.page-id-884 header.ct-header .nuki-official-badge * {
  color: #050709 !important;
  background: rgba(184,148,31,0.08) !important;
  border-color: rgba(184,148,31,0.4) !important;
}

/* ============================================
   2026-05-03 — Kütüphane (page 884) layout fix:
   broken card görünümü, beyaz bg, post grid temiz
   ============================================ */
html body.page-id-884 main#main {
  padding-top: 60px !important;
  background: #ffffff !important;
}
html body.page-id-884 .entry-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}
html body.page-id-884 .wp-block-query {
  margin: 40px 0;
}
html body.page-id-884 .wp-block-post-template {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body.page-id-884 .wp-block-post-template > li,
html body.page-id-884 .post-card {
  background: #ffffff !important;
  border: 1px solid #edeef3 !important;
  border-radius: 16px !important;
  padding: 0 !important;
  overflow: hidden;
  list-style: none !important;
  transition: border-color .25s ease, transform .25s ease;
}
html body.page-id-884 .wp-block-post-template > li:hover,
html body.page-id-884 .post-card:hover {
  border-color: #383938 !important;
  transform: translateY(-2px);
}
html body.page-id-884 .wp-block-post-featured-image,
html body.page-id-884 .post-card img {
  border-radius: 0 !important;
  margin: 0 !important;
  display: block;
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  background: #f7f7f7;
}
html body.page-id-884 .wp-block-post-template > li > * {
  padding: 0 20px;
}
html body.page-id-884 .wp-block-post-template > li > *:first-child {
  padding: 0;
}
html body.page-id-884 .wp-block-post-template > li > *:last-child {
  padding-bottom: 20px;
}
html body.page-id-884 .wp-block-post-title,
html body.page-id-884 .post-card h2,
html body.page-id-884 .post-card h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #050709 !important;
  margin: 16px 0 8px !important;
  line-height: 1.35 !important;
  padding: 0 20px !important;
}
html body.page-id-884 .wp-block-post-excerpt,
html body.page-id-884 .post-card p {
  font-size: 14px !important;
  color: #6e6d7a !important;
  line-height: 1.55 !important;
  margin: 0 0 16px !important;
  padding: 0 20px !important;
}
html body.page-id-884 .wp-block-post-date,
html body.page-id-884 .post-card time {
  font-size: 12px !important;
  color: #6e6d7a !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 12px 0 0 !important;
  padding: 0 20px !important;
  display: block;
}
html body.page-id-884 .entry-title,
html body.page-id-884 h1.page-title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important;
  font-size: clamp(39px, 6vw, 65px) !important;
  letter-spacing: -0.8px !important;
  color: #050709 !important;
  margin: 0 0 32px !important;
  line-height: 1 !important;
  text-align: center;
}
/* Filter chips (Tümü, Akıllı Erişim, Güvenlik vs) */
html body.page-id-884 .wp-block-categories,
html body.page-id-884 .wp-block-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin: 24px 0 48px !important;
}
html body.page-id-884 .wp-block-button__link,
html body.page-id-884 .wp-block-categories a {
  background: #ffffff !important;
  color: #383938 !important;
  border: 1px solid #edeef3 !important;
  border-radius: 999px !important;
  padding: 10px 20px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: all .2s ease;
}
html body.page-id-884 .wp-block-button__link:hover,
html body.page-id-884 .wp-block-categories a:hover,
html body.page-id-884 .wp-block-button.is-style-active .wp-block-button__link,
html body.page-id-884 .wp-block-button__link.has-background {
  background: #383938 !important;
  color: #ffffff !important;
  border-color: #383938 !important;
}
/* Sayfa içi hero: koyu mavi/altın eyebrow → temiz beyaz */
html body.page-id-884 .sec-hero-blog,
html body.page-id-884 .sec-hero-kutuphane,
html body.page-id-884 [class*="hero-"] {
  background: #ffffff !important;
  color: #050709 !important;
}


/* ============================================
   2026-05-03 — Resmi Distribütör badge: AGRESIF siyah
   Sandbox plugin Issue G beyaz yapıyor — daha yüksek specificity ile ezeceğiz
   ============================================ */
html body[class] header.ct-header .nuki-official-badge.nuki-official-badge,
html body[class] header.ct-header .nuki-official-badge.nuki-official-badge *,
html body[class].home header.ct-header .nuki-official-badge,
html body[class].home header.ct-header .nuki-official-badge *,
html body[class].home:not(.nuki-scrolled) header.ct-header .nuki-official-badge,
html body[class].home:not(.nuki-scrolled) header.ct-header .nuki-official-badge *,
html body[class].nuki-scrolled header.ct-header .nuki-official-badge,
html body[class].nuki-scrolled header.ct-header .nuki-official-badge * {
  color: #050709 !important;
  -webkit-text-fill-color: #050709 !important;
  text-shadow: none !important;
  border-color: rgba(5,7,9,0.4) !important;
  background: rgba(255,255,255,0.92) !important;
}


/* ============================================
   2026-05-03 — Hero sinematic full-video (copy/inner KALDIRILDI)
   ============================================ */
.nuki-home-v2 .nhv2-hero--cinematic {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  aspect-ratio: 16 / 9;
  max-height: 90vh;
  min-height: 480px;
  background-color: #050709;
}
@media (max-width: 1024px) {
  .nuki-home-v2 .nhv2-hero--cinematic { aspect-ratio: 16 / 10; min-height: 420px; }
}
@media (max-width: 640px) {
  .nuki-home-v2 .nhv2-hero--cinematic { aspect-ratio: 4 / 5; max-height: 80vh; min-height: 460px; }
}
.nuki-home-v2 .nhv2-hero--cinematic .nhv2-hero__video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 1 !important;
  display: block !important;
}
/* Güvenlik: artık render edilmiyor ama sandbox/legacy CSS ihtimali için gizle */
.nuki-home-v2 .nhv2-hero--cinematic .nhv2-hero__inner,
.nuki-home-v2 .nhv2-hero--cinematic .nhv2-hero__copy,
.nuki-home-v2 .nhv2-hero--cinematic .nhv2-hero__art,
.nuki-home-v2 .nhv2-hero--cinematic .nhv2-hero__title,
.nuki-home-v2 .nhv2-hero--cinematic .nhv2-hero__eyebrow,
.nuki-home-v2 .nhv2-hero--cinematic .nhv2-cta-row { display: none !important; }


/* ============================================
   2026-05-03 — Anasayfa fontu HARD OVERRIDE: Montserrat ince
   Customizer'ın global Manrope kuralı specificity ile bizi yiyordu — !important ile zorla
   ============================================ */
.nuki-home-v2,
.nuki-home-v2 .nhv2-title,
.nuki-home-v2 .nhv2-h3,
.nuki-home-v2 h1,
.nuki-home-v2 h2,
.nuki-home-v2 h3,
.nuki-home-v2 h4,
.nuki-home-v2 h5,
.nuki-home-v2 h6,
.nuki-home-v2 .nhv2-eyebrow,
.nuki-home-v2 .nhv2-lead,
.nuki-home-v2 .nhv2-sub,
.nuki-home-v2 .nhv2-finalcta h3,
.nuki-home-v2 .nhv2-finalcta p,
.nuki-home-v2 p,
.nuki-home-v2 a,
.nuki-home-v2 span {
  font-family: 'Montserrat', 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
}
.nuki-home-v2 .nhv2-title,
.nuki-home-v2 .nhv2-h3,
.nuki-home-v2 .nhv2-finalcta h3,
.nuki-home-v2 h1,
.nuki-home-v2 h2,
.nuki-home-v2 h3,
.nuki-home-v2 h4 {
  font-weight: 300 !important;
}
.nuki-home-v2 .nhv2-eyebrow {
  font-weight: 600 !important;
}
.nuki-home-v2 .nhv2-btn,
.nuki-home-v2 .nhv2-btn-primary,
.nuki-home-v2 .nhv2-btn-ghost {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500 !important;
}

/* Kütüphane (884) HARD font override de */
html body.page-id-884,
html body.page-id-884 .entry-title,
html body.page-id-884 .page-title,
html body.page-id-884 .hero-title,
html body.page-id-884 .hero-eyebrow,
html body.page-id-884 .hero-sub,
html body.page-id-884 .wp-block-post-title,
html body.page-id-884 .wp-block-post-excerpt,
html body.page-id-884 .wp-block-post-date,
html body.page-id-884 .post-card,
html body.page-id-884 .post-card *,
html body.page-id-884 .wp-block-button__link {
  font-family: 'Montserrat', 'Inter', sans-serif !important;
}
html body.page-id-884 .hero-title,
html body.page-id-884 h1.entry-title,
html body.page-id-884 h1.page-title { font-weight: 300 !important; }
html body.page-id-884 .hero-eyebrow {
  display: block;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase;
  color: #FECB3F !important;
  margin-bottom: 19px !important;
  text-align: center;
}
html body.page-id-884 .hero-title {
  font-size: clamp(39px, 6vw, 65px) !important;
  letter-spacing: -0.8px !important;
  margin: 0 0 26px !important;
  line-height: 1 !important;
  text-align: center;
  color: #050709 !important;
}
html body.page-id-884 .hero-sub {
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: #6e6d7a !important;
  margin: 0 auto 40px !important;
  max-width: 640px;
  text-align: center;
}
html body.page-id-884 .kutuphane-hero {
  padding: clamp(78px, 10vw, 130px) 24px clamp(39px, 5vw, 78px) !important;
  text-align: center;
  background: #ffffff !important;
}
html body.page-id-884 .kutuphane-filters {
  margin: 24px auto 78px !important;
  max-width: 1200px;
  padding: 0 24px;
}
html body.page-id-884 .kutuphane-filters .wp-block-button.is-active .wp-block-button__link {
  background: #050709 !important;
  color: #ffffff !important;
  border-color: #050709 !important;
}


/* ============================================
   2026-05-03 — Yasal sayfalar NUCLEAR beyaz override
   KVKK (1163, 1572) + Gizlilik (12) + Çerez (1573) + Şirket Bilgileri (1574)
   ============================================ */
html body.page-id-12,
html body.page-id-1163,
html body.page-id-1572,
html body.page-id-1573,
html body.page-id-1574,
html body.page-id-12 main,
html body.page-id-1163 main,
html body.page-id-1572 main,
html body.page-id-1573 main,
html body.page-id-1574 main,
html body.page-id-12 main#main,
html body.page-id-1163 main#main,
html body.page-id-1572 main#main,
html body.page-id-1573 main#main,
html body.page-id-1574 main#main,
html body.page-id-12 .entry-content,
html body.page-id-1163 .entry-content,
html body.page-id-1572 .entry-content,
html body.page-id-1573 .entry-content,
html body.page-id-1574 .entry-content,
html body.page-id-12 article,
html body.page-id-1163 article,
html body.page-id-1572 article,
html body.page-id-1573 article,
html body.page-id-1574 article,
html body.page-id-12 .ct-container,
html body.page-id-1163 .ct-container,
html body.page-id-1572 .ct-container,
html body.page-id-1573 .ct-container,
html body.page-id-1574 .ct-container,
html body.page-id-12 .ct-container-full,
html body.page-id-1163 .ct-container-full,
html body.page-id-1572 .ct-container-full,
html body.page-id-1573 .ct-container-full,
html body.page-id-1574 .ct-container-full {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #1f2937 !important;
}
html[data-color-mode="dark"] body.page-id-12,
html[data-color-mode="dark"] body.page-id-1163,
html[data-color-mode="dark"] body.page-id-1572,
html[data-color-mode="dark"] body.page-id-1573,
html[data-color-mode="dark"] body.page-id-1574 {
  background: #ffffff !important;
  background-color: #ffffff !important;
}


/* ============================================
   2026-05-03 — Yasal sayfalar .site-main + bütün inner wrapper'lar BEYAZ
   main.site-main koyu bg veriyor (Blocksy default), agresif override
   ============================================ */
html body.page-id-12 main,
html body.page-id-12 main.site-main,
html body.page-id-12 main.hfeed,
html body.page-id-12 .site-main,
html body.page-id-12 .ct-container-full,
html body.page-id-12 .ct-container,
html body.page-id-12 article.post-12,
html body.page-id-1163 main,
html body.page-id-1163 main.site-main,
html body.page-id-1163 main.hfeed,
html body.page-id-1163 .site-main,
html body.page-id-1163 .ct-container-full,
html body.page-id-1163 .ct-container,
html body.page-id-1163 article.post-1163,
html body.page-id-1572 main,
html body.page-id-1572 main.site-main,
html body.page-id-1572 main.hfeed,
html body.page-id-1572 .site-main,
html body.page-id-1572 .ct-container-full,
html body.page-id-1572 .ct-container,
html body.page-id-1572 article.post-1572,
html body.page-id-1573 main,
html body.page-id-1573 main.site-main,
html body.page-id-1573 main.hfeed,
html body.page-id-1573 .site-main,
html body.page-id-1573 .ct-container-full,
html body.page-id-1573 .ct-container,
html body.page-id-1573 article.post-1573,
html body.page-id-1574 main,
html body.page-id-1574 main.site-main,
html body.page-id-1574 main.hfeed,
html body.page-id-1574 .site-main,
html body.page-id-1574 .ct-container-full,
html body.page-id-1574 .ct-container,
html body.page-id-1574 article.post-1574 {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}
/* Body color koyu (yazılar okunabilir) */
html body.page-id-12,
html body.page-id-1163,
html body.page-id-1572,
html body.page-id-1573,
html body.page-id-1574 { color: #1f2937 !important; }