/* ===== Animations ===== */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Scroll reveal */
.reveal {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 0.58s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.58s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal.revealed {
  opacity: 1;
  transform: translateY(0);
}

.reveal-left {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.58s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.58s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal-left.revealed {
  opacity: 1;
  transform: translateX(0);
}

.reveal-right {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity 0.58s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.58s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal-right.revealed {
  opacity: 1;
  transform: translateX(0);
}

.reveal-scale {
  opacity: 0;
  transform: scale(0.92);
  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal-scale.revealed {
  opacity: 1;
  transform: scale(1);
}

.reveal-fade {
  opacity: 0;
  transition: opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal-fade.revealed {
  opacity: 1;
}

.page-hero--with-highlights + .contact-page,
.page-hero--with-highlights + .faq.page-content {
  opacity: 1 !important;
}

#egitimler-section.courses-ready,
#egitimler-section.courses-ready .section-header,
#egitimler-section.courses-ready .courses-sidebar,
#egitimler-section.courses-ready .courses-catalog-card {
  opacity: 1;
  transform: none;
  transition: none;
  animation: none !important;
}

#egitimler-section.courses-ready .courses-sidebar-all,
#egitimler-section.courses-ready .courses-sidebar-item {
  animation: none !important;
}

#egitimler-section.courses:not(.courses-ready) .courses-layout {
  visibility: hidden;
}

/* Exam guide logo grid — statik (scroll / snap animasyonu yok) */
.exam-guide-logos .exams-logo-rows--puzzle {
  perspective: none;
}

.exam-guide-logos .exam-puzzle-piece {
  position: relative;
  opacity: 1;
  transform: none;
  will-change: auto;
  animation: none;
}

.exam-guide-logos .exams-logo-rows--puzzle .exam-puzzle-piece,
.exam-guide-logos .exams-logo-rows--puzzle.is-assembled .exam-puzzle-piece {
  opacity: 1;
  transform: none;
  animation: none;
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.exam-guide-logos .exams-logo-rows--puzzle:not(.is-assembled) .exam-puzzle-piece {
  opacity: 1;
  transform: none;
}

.exam-guide-logos .exams-logo-rows--puzzle.is-assembled .exam-puzzle-piece:hover {
  transform: translateY(-3px);
}

/* Hero shell entrance */
.hero-enter {
  animation: heroFadeIn 1.15s cubic-bezier(0.4, 0, 0.2, 1) both;
}

/* Ana sayfa bölüm geçişleri — arka plan/sis katmanları hep görünür, kayma yok */
.hero + .home-about.reveal,
.hero + .home-about.reveal.revealed,
.home-about.reveal,
.home-about.reveal.revealed,
.home-announcements.reveal,
.home-announcements.reveal.revealed,
.home-photo-band .video-section.reveal,
.home-photo-band .video-section.reveal.revealed,
.home-photo-band .video-section.reveal-fade,
.home-photo-band .video-section.reveal-fade.revealed,
.home-photo-band .testimonials-section.reveal,
.home-photo-band .testimonials-section.reveal.revealed,
.home-blog-section.reveal,
.home-blog-section.reveal.revealed,
.faq-home.reveal,
.faq-home.reveal.revealed {
  opacity: 1;
  transform: none;
}

/* Ana sayfa — scroll giriş animasyonu kapalı (görünmez geçiş) */
#hero ~ section .reveal,
#hero ~ section .reveal-left,
#hero ~ section .reveal-right,
#hero ~ section .reveal-scale,
#hero ~ section .reveal-fade,
#hero ~ .home-photo-band section .reveal,
#hero ~ .home-photo-band section .reveal-left,
#hero ~ .home-photo-band section .reveal-right,
#hero ~ .home-photo-band section .reveal-scale,
#hero ~ .home-photo-band section .reveal-fade,
#hero ~ section .reveal.revealed,
#hero ~ section .reveal-left.revealed,
#hero ~ section .reveal-right.revealed,
#hero ~ section .reveal-scale.revealed,
#hero ~ section .reveal-fade.revealed,
#hero ~ .home-photo-band section .reveal.revealed,
#hero ~ .home-photo-band section .reveal-left.revealed,
#hero ~ .home-photo-band section .reveal-right.revealed,
#hero ~ .home-photo-band section .reveal-scale.revealed,
#hero ~ .home-photo-band section .reveal-fade.revealed {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

#hero ~ section [data-delay],
#hero ~ .home-photo-band section [data-delay] {
  transition-delay: 0s !important;
}

/* Stagger delays */
[data-delay="1"] { transition-delay: 0.1s; }
[data-delay="2"] { transition-delay: 0.2s; }
[data-delay="3"] { transition-delay: 0.3s; }
[data-delay="4"] { transition-delay: 0.4s; }
[data-delay="5"] { transition-delay: 0.5s; }
[data-delay="6"] { transition-delay: 0.6s; }

/* Header scroll — glass sticky like reference */
.site-navbar-shell {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  isolation: isolate;
  background: transparent;
  overflow: visible;
  transition: background 0.25s ease, box-shadow 0.25s ease;
}

.site-navbar-shell.header-hidden {
  transform: none;
  pointer-events: auto;
}

/* Opaque scrolled header — avoid backdrop-filter blur (causes white edge bleed on scroll) */
.site-navbar-shell.is-glass {
  background: #ffffff;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* Scroll down: hide phone/social/lang top bar, keep main nav */
.site-navbar-shell #site-topbar {
  display: block;
  overflow: hidden;
  max-height: var(--topbar-height);
  transition: max-height 0.35s ease, opacity 0.25s ease, visibility 0s linear 0s;
  opacity: 1;
  visibility: visible;
}

@media (max-width: 768px) {
  .site-navbar-shell #site-topbar,
  .site-navbar-shell.topbar-collapsed #site-topbar,
  .site-navbar-shell.is-glass #site-topbar {
    display: none !important;
  }
}

.site-navbar-shell.topbar-collapsed #site-topbar {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: max-height 0.35s ease, opacity 0.25s ease, visibility 0s linear 0.35s;
}

.site-navbar-shell #site-topbar > .top-bar {
  overflow: hidden;
  min-height: var(--topbar-height);
  transition: padding 0.3s ease, background 0.35s ease;
}

.site-navbar-shell.topbar-collapsed #site-topbar > .top-bar {
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  max-height: 0;
}

/* Scroll down: hide campaign marquee bar too */
.site-navbar-shell #campaign-banner {
  display: block;
  max-height: 120px;
  overflow: hidden;
  transition: max-height 0.35s ease, opacity 0.25s ease, padding 0.35s ease, margin 0.35s ease;
  opacity: 1;
}

.site-navbar-shell.campaign-collapsed #campaign-banner,
.site-navbar-shell.campaign-collapsed #campaign-banner.campaign-banner {
  max-height: 0 !important;
  opacity: 0;
  pointer-events: none;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  border: none;
  overflow: hidden;
  min-height: 0 !important;
}

.site-navbar-shell #campaign-banner > .campaign-banner-inner,
.site-navbar-shell #campaign-banner > .campaign-marquee,
.site-navbar-shell #campaign-banner > .campaign-inner {
  overflow: hidden;
  min-height: 0;
}

.site-navbar-shell.campaign-collapsed #campaign-banner > .campaign-banner-inner {
  min-height: 0 !important;
  padding: 0 !important;
}

.site-navbar-shell.is-glass .site-header {
  background: #ffffff;
  box-shadow: none;
}

.site-navbar-shell.is-glass .campaign-banner {
  background: var(--red);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.site-header {
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.site-header.scrolled {
  box-shadow: none;
}

.site-header.scrolled .header-inner {
  padding: 8px 0 12px;
  transition: padding 0.3s ease;
}

.header-inner {
  transition: padding 0.3s ease;
}

.site-header.scrolled .logo img,
.site-header.scrolled .logo .header-logo {
  height: 52px;
  max-width: min(220px, 46vw);
  transition: height 0.3s, max-width 0.3s;
}

.logo img,
.logo .header-logo {
  transition: height 0.3s, max-width 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .site-navbar-shell,
  .site-navbar-shell.is-glass .top-bar,
  .site-header {
    transition: none;
  }
}

/* Hero animations */
@keyframes kenBurns {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.1);
  }
}

@keyframes heroFadeIn {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes heroSlideIn {
  from { opacity: 0; transform: translateX(-30px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes pulse-dot {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.hero {
  position: relative;
  overflow: hidden;
  background: var(--black);
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  height: var(--page-hero-height);
  min-height: var(--page-hero-height);
  margin-bottom: 0;
  border-bottom: none;
  box-shadow: none;
  z-index: 2;
}

.hero::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
}

.hero-slides-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: var(--page-hero-height);
  padding-bottom: 52px;
}

.hero-slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  min-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 1.35s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
}

.hero-slide.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.hero-slide.leaving {
  opacity: 0;
  z-index: 0;
}

.hero-slide-link {
  position: absolute;
  inset: 0;
  display: block;
  z-index: 2;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.hero-slide-link:focus-visible {
  outline: 3px solid rgba(255, 255, 255, 0.92);
  outline-offset: -6px;
}

.hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  transform: none;
  filter: none;
  image-rendering: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hero-bg picture,
.hero-bg .hero-bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.hero-bg .hero-bg-img {
  object-fit: cover;
  object-position: center right;
}

.hero-slide.active .hero-bg {
  animation: none;
  will-change: auto;
  transform: none;
}

body.is-scrolling .hero-slide.active .hero-bg {
  animation-play-state: paused;
}

@media (max-width: 768px), (prefers-reduced-motion: reduce) {
  .hero-slide.active .hero-bg {
    animation: none;
    will-change: auto;
    transform: none;
  }
}

@keyframes heroKenBurnsIn {
  from {
    transform: scale(1.02);
  }
  to {
    transform: scale(1.08);
  }
}

@keyframes heroKenBurnsOut {
  from {
    transform: scale(1.05);
  }
  to {
    transform: scale(1.01);
  }
}

.hero-overlay {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.hero-content {
  position: relative;
  z-index: 2;
  padding: clamp(48px, 8vw, 96px) 0 clamp(64px, 10vw, 88px);
  max-width: 620px;
}

.hero-badge {
  display: inline-block;
  background: rgba(200, 16, 46, 0.9);
  color: white;
  font-size: var(--banner-kicker-size);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  padding: 8px 16px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.hero-content h1 {
  font-size: var(--banner-title-size);
  font-weight: 800;
  line-height: 1.08;
  margin-bottom: 14px;
  color: var(--white);
  letter-spacing: -0.03em;
}

.hero-content p {
  font-size: var(--banner-lead-size);
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 32px;
  line-height: 1.55;
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}

.hero-content .btn-primary {
  animation: none;
}

.hero-animate .hero-badge {
  animation: heroFadeIn 0.6s 0.1s both;
}

.hero-animate h1 {
  animation: heroSlideIn 0.7s 0.25s both;
}

.hero-animate p {
  animation: heroFadeIn 0.7s 0.4s both;
}

.hero-animate .btn-primary {
  animation: heroFadeIn 0.7s 0.55s both;
}

.hero-dot {
  width: 9px;
  height: 9px;
  min-height: 9px;
  padding: 0;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  transition: background 0.3s, transform 0.2s, box-shadow 0.3s;
  position: relative;
  z-index: 2;
}

.hero-dot.active {
  background: var(--gold);
  width: 8px;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35);
  transform: scale(1.15);
}

.hero-arrows {
  position: absolute;
  inset: 0;
  bottom: 52px;
  z-index: 10;
  pointer-events: none;
}

.hero-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: auto;
}

#hero-prev {
  left: 28px;
}

#hero-next {
  right: 28px;
}

.hero-dots-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 52px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  pointer-events: none;
}

/* Noktalar slider içinde, kitap yazısının altında kalsın */
body.home-page .hero-dots-bar {
  bottom: clamp(14px, 2%, 22px);
  height: 40px;
}

.hero-dots-bar .hero-dots {
  pointer-events: auto;
}

.hero-dots {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  z-index: 1;
  padding: 0 16px;
}

.hero-arrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.15);
  color: white;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: background 0.3s, transform 0.2s;
}

.hero-arrow::before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  border-top: 2.5px solid currentColor;
  border-right: 2.5px solid currentColor;
}

.hero-arrow--prev::before,
#hero-prev::before {
  transform: rotate(-135deg);
  margin-left: 3px;
}

.hero-arrow--next::before,
#hero-next::before {
  transform: rotate(45deg);
  margin-right: 3px;
}

.hero-arrow:hover {
  background: var(--red);
  transform: translateY(-50%) scale(1.08);
}

/* Section decorative orbs */
@keyframes float-orb {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33% { transform: translate(15px, -20px) scale(1.05); }
  66% { transform: translate(-10px, 10px) scale(0.95); }
}

.section-deco {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}

.section-deco-orb {
  position: absolute;
  border-radius: 50%;
  animation: float-orb 12s ease-in-out infinite;
}

.section-deco-orb--red {
  width: 8px;
  height: 8px;
  top: 24px;
  right: 24px;
  background: var(--red);
  filter: none;
  opacity: 0.85;
}

.section-deco-orb--gold {
  width: 8px;
  height: 8px;
  bottom: 24px;
  left: 24px;
  background: var(--gold);
  filter: none;
  opacity: 0.9;
  animation-delay: -4s;
}

.section-deco-orb--dark {
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--gray-600);
  filter: none;
  opacity: 0.5;
  animation-delay: -2s;
}

.section-deco-orb--sm {
  width: 6px;
  height: 6px;
  filter: none;
}

.section-deco--links .section-deco-orb--gold {
  top: 10%;
  right: 5%;
  bottom: auto;
  left: auto;
}

.section-deco--blog .section-deco-orb--red {
  bottom: -20%;
  left: 10%;
  top: auto;
  right: auto;
}

/* Auto background shapes */
.section-deco-host {
  position: relative;
  overflow: hidden;
}

/* Bölüm geçiş sis katmanı — kart gölgesi kesilmesin */
.section-deco-host.home-about,
.section-deco-host.home-announcements,
.section-deco-host.video-section,
.section-deco-host.testimonials-section,
.home-photo-band .section-deco-host,
.section-deco-host.home-blog-section,
.section-deco-host.faq-home,
#egitimler-section.section-deco-host,
#egitimler-section .courses-system-wrap.section-deco-host {
  overflow: visible;
}

.section-deco-host.contact-page,
.section-deco-host.faq.page-content,
.section-deco-host.about.page-content,
.section-deco-host.about-mvv,
.section-deco-host.about-stats-section,
.section-deco-host.about-values-section,
body:has(.about.page-content) .features.section-deco-host,
body:has(.about.page-content) .content-block.section-deco-host {
  overflow: visible;
}

.section-deco-host > .section-photo-layer {
  position: absolute;
  z-index: 0;
}

.section-deco-host > .container,
.section-deco-host > .placement-wrap,
.section-deco-host > .exam-guide-shell,
.section-deco-host.exam-guide-body > section,
.section-deco-host > *:not(.section-deco):not(.section-photo-layer) {
  position: relative;
  z-index: 2;
}

.section-deco--auto {
  z-index: 0;
  --deco-phase: 0;
}

.section-deco--auto .deco-shape {
  animation-delay: calc(var(--deco-phase, 0) * 1.15s);
}

.section-deco--variant-0 .deco-ring { animation-duration: 13s; }
.section-deco--variant-1 .deco-blob { animation-duration: 17s; }
.section-deco--variant-2 .deco-orbit { animation-duration: 31s; }
.section-deco--variant-3 .deco-hex { animation-duration: 15s; }

@keyframes page-hero-shape-float {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  50% { transform: translate(10px, -12px) rotate(4deg); }
}

@keyframes page-hero-shape-float-center {
  0%, 100% { transform: translate(-50%, -50%) rotate(0deg); }
  50% { transform: translate(calc(-50% + 8px), calc(-50% - 10px)) rotate(-5deg); }
}

@keyframes page-hero-shape-float-arc {
  0%, 100% { transform: rotate(210deg) translate(0, 0); }
  50% { transform: rotate(210deg) translate(-8px, 10px); }
}

@keyframes page-hero-shape-float-alt {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  50% { transform: translate(-8px, 10px) rotate(-5deg); }
}

@keyframes page-hero-shape-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes deco-float {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  50% { transform: translate(14px, -16px) rotate(5deg); }
}

@keyframes deco-float-reverse {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  50% { transform: translate(-12px, 14px) rotate(-4deg); }
}

@keyframes deco-pulse-ring {
  0%, 100% { transform: scale(1); opacity: 0.72; }
  50% { transform: scale(1.02); opacity: 0.72; }
}

.deco-shape {
  position: absolute;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

body:has(#hero) .section-deco--auto .deco-shape {
  will-change: auto;
}

/* Ana sayfa — yumuşak hareket (performans dostu, reduced-motion’da kapalı) */
body.home-page .section-deco--auto .deco-shape {
  rotate: var(--deco-tilt, 0deg);
  scale: var(--deco-scale, 1);
}

/* Tüm sayfalar — dekoratif şekiller statik (sürekli animasyon performansı düşürüyordu) */
.section-deco--auto .deco-shape,
.section-deco--auto .deco-ring,
.section-deco--auto .deco-orbit,
.section-deco--auto .deco-hex,
.section-deco--auto .deco-square,
.section-deco--auto .deco-pill,
.section-deco--auto .deco-arc,
.section-deco--auto .deco-cross,
.section-deco--auto .deco-triangle,
.section-deco--auto .deco-zigzag,
.section-deco--auto .deco-line,
body.home-page .home-shape {
  animation: none !important;
}

body.home-page .section-deco--auto .deco-ring,
body.home-page .section-deco--auto .deco-orbit,
body.home-page .section-deco--auto .deco-hex,
body.home-page .section-deco--auto .deco-square,
body.home-page .section-deco--auto .deco-pill,
body.home-page .section-deco--auto .deco-arc {
  animation: none !important;
}

body.home-page .section-deco--auto .deco-cross,
body.home-page .section-deco--auto .deco-triangle,
body.home-page .section-deco--auto .deco-zigzag,
body.home-page .section-deco--auto .deco-line {
  animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
  body.home-page .section-deco--auto .deco-shape,
  body.home-page .home-shape {
    animation: none !important;
  }
}

/* Ana sayfa — üst katman şekilleri kaldırıldı (bölüm dekoları yeterli) */
.home-shape-field {
  display: none !important;
}

body.home-page {
  position: relative;
  background: #ffffff;
}

body.home-page > .hero,
body.home-page > .section-deco-host,
body.home-page > .home-blog-section,
body.home-page > #site-footer {
  position: relative;
  z-index: 1;
}

/* Navbar sabit kalsın — relative override fixed'i bozmasin */
body.home-page > .site-navbar-shell {
  z-index: 200;
}

.home-shape {
  position: absolute;
  pointer-events: none;
}

.home-shape--ring {
  border-radius: 50%;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--red) 34%, transparent);
}

.home-shape--blob {
  border-radius: 50%;
  filter: blur(28px);
}

.home-shape--hex {
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 48%, transparent);
  background: color-mix(in srgb, var(--gold) 12%, transparent);
}

.home-shape--square {
  transform: rotate(45deg);
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 40%, transparent);
}

.home-shape--cross::before,
.home-shape--cross::after {
  content: "";
  position: absolute;
  background: var(--red);
  border-radius: 2px;
  opacity: 0.34;
}

.home-shape--cross::before {
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  transform: translateY(-50%);
}

.home-shape--cross::after {
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  transform: translateX(-50%);
}

.home-shape--pill {
  border-radius: 999px;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--red) 34%, transparent);
}

.home-shape--tri {
  width: 0;
  height: 0;
  border-left: 28px solid transparent;
  border-right: 28px solid transparent;
  border-bottom: 48px solid color-mix(in srgb, var(--red) 18%, transparent);
}

.home-shape--dots {
  background-image: radial-gradient(
    circle at center,
    color-mix(in srgb, var(--red) 26%, transparent) 1px,
    transparent 1.1px
  );
  background-size: 22px 22px;
  opacity: 0.55;
}

.home-shape--arc {
  border-radius: 50%;
  border: 1.5px solid color-mix(in srgb, var(--gold) 48%, transparent);
  border-left-color: transparent;
  border-bottom-color: transparent;
}

.home-shape--line {
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb, var(--red) 28%, transparent),
    color-mix(in srgb, var(--gold) 36%, transparent),
    transparent
  );
}

.home-shape--orbit {
  border-radius: 50%;
  border: 1px dashed color-mix(in srgb, var(--red) 36%, transparent);
}

.home-shape--diamond {
  transform: rotate(45deg);
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--red) 38%, transparent);
  background: color-mix(in srgb, var(--gold) 10%, transparent);
}

.home-shape--chevron {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 18px 28px 18px;
  border-color: transparent transparent color-mix(in srgb, var(--red) 22%, transparent) transparent;
  filter: drop-shadow(0 18px 0 color-mix(in srgb, var(--gold) 20%, transparent));
}

@keyframes home-shape-drift {
  0%, 100% { translate: 0 0; }
  50% { translate: 10px -12px; }
}

@keyframes home-shape-drift-alt {
  0%, 100% { translate: 0 0; }
  50% { translate: -8px 10px; }
}

.home-shape {
  animation: home-shape-drift 26s ease-in-out infinite;
}

.home-shape:nth-child(even) {
  animation-name: home-shape-drift-alt;
  animation-duration: 32s;
}

.home-shape:nth-child(3n) {
  animation-duration: 38s;
  animation-delay: -6s;
}

.home-shape--a { width: 220px; height: 220px; top: 12%; left: -40px; opacity: 0.62; }
.home-shape--b { width: 160px; height: 160px; top: 48%; right: -30px; box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 42%, transparent); opacity: 0.58; }
.home-shape--c { width: 280px; height: 280px; top: 22%; right: 4%; background: color-mix(in srgb, var(--gold) 10%, transparent); opacity: 0.45; }
.home-shape--d { width: 240px; height: 240px; top: 68%; left: -60px; background: color-mix(in srgb, var(--red) 7%, transparent); opacity: 0.4; }
.home-shape--e { width: 96px; height: 96px; top: 34%; left: 6%; opacity: 0.62; }
.home-shape--f { width: 72px; height: 72px; top: 78%; right: 10%; opacity: 0.58; }
.home-shape--g { width: 64px; height: 64px; top: 18%; right: 18%; opacity: 0.52; }
.home-shape--h { width: 52px; height: 52px; top: 58%; left: 14%; opacity: 0.48; }
.home-shape--i { width: 28px; height: 28px; top: 28%; right: 8%; }
.home-shape--j { width: 24px; height: 24px; top: 72%; left: 22%; }
.home-shape--k { width: 110px; height: 30px; top: 42%; left: 3%; opacity: 0.52; }
.home-shape--l { width: 84px; height: 24px; top: 86%; right: 16%; opacity: 0.48; }
.home-shape--m { top: 52%; right: 22%; opacity: 0.6; }
.home-shape--n { top: 16%; left: 28%; transform: rotate(180deg); opacity: 0.52; border-bottom-color: color-mix(in srgb, var(--gold) 32%, transparent); }
.home-shape--o { width: 180px; height: 140px; top: 62%; right: 4%; }
.home-shape--p { width: 100px; height: 100px; top: 38%; left: 40%; opacity: 0.48; }
.home-shape--q { width: 130px; height: 130px; top: 82%; left: 48%; opacity: 0.42; transform: rotate(40deg); }
.home-shape--r { width: min(360px, 50vw); top: 26%; left: 30%; opacity: 0.62; }
.home-shape--s { width: min(280px, 40vw); top: 74%; left: 35%; opacity: 0.52; transform: rotate(-8deg); }
.home-shape--t { width: 140px; height: 140px; top: 8%; right: 28%; opacity: 0.48; }

.home-shape--u { width: 120px; height: 120px; top: 5%; left: 18%; opacity: 0.5; }
.home-shape--v { width: 90px; height: 90px; top: 55%; left: 46%; opacity: 0.42; box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 40%, transparent); }
.home-shape--w { width: 200px; height: 200px; top: 40%; left: 55%; background: color-mix(in srgb, var(--gold) 8%, transparent); opacity: 0.35; }
.home-shape--x { width: 58px; height: 58px; top: 8%; left: 52%; opacity: 0.5; }
.home-shape--y { width: 44px; height: 44px; top: 88%; left: 8%; opacity: 0.45; }
.home-shape--z { width: 22px; height: 22px; top: 44%; right: 30%; }
.home-shape--aa { width: 26px; height: 26px; top: 20%; left: 62%; }
.home-shape--ab { width: 96px; height: 26px; top: 64%; left: 28%; opacity: 0.45; transform: rotate(18deg); }
.home-shape--ac { top: 30%; left: 78%; opacity: 0.5; transform: rotate(90deg); border-bottom-color: color-mix(in srgb, var(--gold) 26%, transparent); }
.home-shape--ad { width: 140px; height: 110px; top: 10%; left: 70%; opacity: 0.5; }
.home-shape--ae { width: 86px; height: 86px; top: 70%; right: 28%; opacity: 0.46; transform: rotate(-25deg); }
.home-shape--af { width: min(220px, 32vw); top: 46%; right: 12%; opacity: 0.5; transform: rotate(12deg); }
.home-shape--ag { width: 110px; height: 110px; top: 90%; left: 38%; opacity: 0.44; }
.home-shape--ah { width: 160px; height: 160px; top: 36%; right: -20px; opacity: 0.4; }
.home-shape--ai { width: 70px; height: 70px; top: 14%; right: 6%; opacity: 0.55; }
.home-shape--aj { width: 80px; height: 80px; top: 50%; left: -10px; opacity: 0.48; }
.home-shape--ak { width: 36px; height: 36px; top: 76%; left: 58%; opacity: 0.5; }
.home-shape--al { width: 20px; height: 20px; top: 6%; left: 40%; }
.home-shape--am { width: 70px; height: 20px; top: 24%; left: 12%; opacity: 0.46; transform: rotate(-12deg); }
.home-shape--an { width: min(300px, 42vw); top: 58%; left: 20%; opacity: 0.48; transform: rotate(4deg); }
.home-shape--ao { width: 150px; height: 150px; top: 84%; right: 4%; opacity: 0.4; transform: rotate(55deg); }
.home-shape--ap { width: 120px; height: 90px; top: 32%; left: 22%; opacity: 0.42; }
.home-shape--aq { width: 48px; height: 48px; top: 66%; right: 18%; opacity: 0.5; }
.home-shape--ar { top: 92%; right: 22%; opacity: 0.48; transform: rotate(210deg); }
.home-shape--as { width: 180px; height: 180px; top: 4%; left: -30px; background: color-mix(in srgb, var(--red) 6%, transparent); opacity: 0.32; }
.home-shape--at { width: 46px; height: 46px; top: 18%; left: 48%; opacity: 0.55; }
.home-shape--au { width: 34px; height: 34px; top: 72%; right: 8%; opacity: 0.5; box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 44%, transparent); background: color-mix(in srgb, var(--red) 6%, transparent); }
.home-shape--av { top: 40%; left: 8%; opacity: 0.55; transform: rotate(-12deg); }
.home-shape--aw { top: 60%; right: 14%; opacity: 0.5; transform: rotate(168deg); }
.home-shape--ax { width: 56px; height: 56px; top: 26%; left: 72%; opacity: 0.52; }
.home-shape--ay { width: 64px; height: 64px; top: 84%; left: 62%; opacity: 0.48; }
.home-shape--az { width: 22px; height: 22px; top: 48%; left: 18%; }
.home-shape--ba { width: 100px; height: 80px; top: 54%; right: 36%; opacity: 0.4; }
.home-shape--bb { width: 96px; height: 96px; top: 12%; left: 34%; opacity: 0.44; }
.home-shape--bc { width: min(200px, 28vw); top: 36%; left: 58%; opacity: 0.46; transform: rotate(-14deg); }
.home-shape--bd { width: 40px; height: 40px; top: 68%; left: 42%; opacity: 0.5; }
.home-shape--be { width: 88px; height: 22px; top: 8%; right: 20%; opacity: 0.48; transform: rotate(8deg); }
.home-shape--bf { width: 72px; height: 72px; top: 78%; left: 18%; opacity: 0.44; transform: rotate(30deg); }
.home-shape--bg { top: 22%; right: 40%; opacity: 0.5; transform: rotate(140deg); border-bottom-color: color-mix(in srgb, var(--gold) 28%, transparent); }
.home-shape--bh { width: 110px; height: 110px; top: 94%; right: 32%; opacity: 0.42; box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 38%, transparent); }

@media (max-width: 768px) {
  .home-shape-field {
    display: none;
  }
}

/* Mobilde dekor animasyonlarini kapat — akicilik */
@media (max-width: 900px) {
  .home-shape,
  .deco-shape {
    animation: none !important;
  }
}

.deco-dots {
  inset: 0;
  background-image: radial-gradient(
    circle at center,
    color-mix(in srgb, var(--red) 20%, transparent) 0.7px,
    transparent 0.71px
  );
  background-size: 26px 26px;
  opacity: 0.5;
}

.deco-ring {
  border-radius: 50%;
  border: none;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--red) 32%, transparent);
  animation: deco-float 14s ease-in-out infinite;
}

.deco-ring--sm { width: 64px; height: 64px; }
.deco-ring--md { width: 130px; height: 130px; }
.deco-ring--lg { width: 210px; height: 210px; }
.deco-ring--xl {
  width: 340px;
  height: 340px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 28%, transparent);
  animation: deco-pulse-ring 10s ease-in-out infinite;
}

.deco-ring.deco-color-gold {
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 40%, transparent);
}

.deco-ring.deco-color-red {
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--red) 46%, transparent);
}

.deco-ring.deco-color-white {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}

.deco-blob {
  border-radius: 50%;
  /* Ağır blur + infinite animasyon kaldırıldı (scroll FPS) */
  filter: blur(22px);
  animation: none;
}

.deco-blob--red {
  width: 280px;
  height: 280px;
  background: color-mix(in srgb, var(--red) 12%, transparent);
}

.deco-blob--gold {
  width: 240px;
  height: 240px;
  background: color-mix(in srgb, var(--gold) 18%, transparent);
}

.deco-blob--dark {
  width: 200px;
  height: 200px;
  background: color-mix(in srgb, var(--black) 6%, transparent);
}

.deco-square {
  width: 76px;
  height: 76px;
  border: none;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 36%, transparent);
  transform: rotate(45deg);
  animation: deco-float 18s ease-in-out infinite;
}

.deco-triangle {
  width: 0;
  height: 0;
  border-left: 36px solid transparent;
  border-right: 36px solid transparent;
  border-bottom: 62px solid color-mix(in srgb, var(--red) 10%, transparent);
  animation: deco-float-reverse 20s ease-in-out infinite;
}

.deco-cross {
  width: 28px;
  height: 28px;
  opacity: 0.2;
  animation: deco-float 12s ease-in-out infinite;
}

.deco-cross::before,
.deco-cross::after {
  content: "";
  position: absolute;
  background: var(--red);
  border-radius: 2px;
}

.deco-cross::before {
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  transform: translateY(-50%);
}

.deco-cross::after {
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  transform: translateX(-50%);
}

.deco-line {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    color-mix(in srgb, var(--red) 42%, transparent) 0%,
    color-mix(in srgb, var(--gold) 36%, transparent) 52%,
    transparent 72%
  );
  animation: deco-float 22s ease-in-out infinite;
}

.deco-line--wide {
  width: 14px;
  height: 14px;
}

.deco-pos-tl { top: 8%; left: 5%; }
.deco-pos-tr { top: 10%; right: 6%; }
.deco-pos-bl { bottom: 12%; left: 7%; }
.deco-pos-br { bottom: 10%; right: 5%; }
.deco-pos-tc {
  top: 7%;
  left: 50%;
  transform: translateX(-50%);
}
.deco-pos-bc {
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
}
.deco-pos-n1 { top: 18%; left: 16%; }
.deco-pos-n2 { top: 26%; right: 15%; }
.deco-pos-n3 { top: 46%; left: 7%; }
.deco-pos-n4 { top: 50%; right: 9%; }
.deco-pos-n5 { top: 66%; left: 14%; }
.deco-pos-n6 { top: 70%; right: 15%; }
.deco-pos-n7 { top: 34%; left: 24%; }
.deco-pos-n8 { top: 40%; right: 24%; }
.deco-pos-n9 { bottom: 24%; left: 30%; }
.deco-pos-n10 { bottom: 30%; right: 28%; }
.deco-pos-n11 { top: 14%; left: 44%; }
.deco-pos-n12 { bottom: 14%; left: 42%; }
.deco-pos-n13 { top: 11%; right: 31%; }
.deco-pos-n14 { top: 53%; left: 19%; }
.deco-pos-n15 { top: 61%; right: 33%; }
.deco-pos-n16 { bottom: 22%; left: 8%; }
.deco-pos-n17 { bottom: 38%; right: 6%; }
.deco-pos-n18 { top: 29%; left: 52%; }
.deco-pos-n19 { top: 77%; right: 22%; }
.deco-pos-n20 { bottom: 48%; left: 38%; }
.deco-pos-n21 { top: 8%; left: 58%; }
.deco-pos-n22 { top: 36%; right: 42%; }
.deco-pos-n23 { bottom: 16%; right: 38%; }
.deco-pos-n24 { top: 58%; left: 62%; }
.deco-pos-n25 { bottom: 54%; right: 48%; }
.deco-pos-n26 { top: 22%; left: 32%; }
.deco-pos-n27 { bottom: 8%; left: 52%; }
.deco-pos-ml { top: 42%; left: 3%; }
.deco-pos-mr { top: 38%; right: 4%; }
.deco-pos-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.deco-pos-tl-far { top: 4%; left: 2%; }
.deco-pos-tr-far { top: 5%; right: 2%; }
.deco-pos-bl-far { bottom: 5%; left: 2%; }
.deco-pos-br-far { bottom: 6%; right: 2%; }
.deco-pos-ml-deep { top: 58%; left: 1%; }
.deco-pos-mr-deep { top: 54%; right: 1%; }

.deco-blob--tr-far {
  top: 14%;
  right: 3%;
  bottom: auto;
  left: auto;
}

.deco-blob--bl-far {
  bottom: 10%;
  left: 3%;
  top: auto;
  right: auto;
}

.deco-hex {
  width: 88px;
  height: 88px;
  background: color-mix(in srgb, var(--gold) 11%, transparent);
  border: none;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 34%, transparent);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  animation: deco-float 16s ease-in-out infinite;
}

.deco-hex--footer {
  width: 110px;
  height: 110px;
  background: rgba(200, 16, 46, 0.08);
  box-shadow: inset 0 0 0 1px rgba(200, 16, 46, 0.28);
}

.deco-pill {
  width: 120px;
  height: 34px;
  border-radius: 999px;
  border: none;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--red) 30%, transparent);
  animation: deco-float-reverse 18s ease-in-out infinite;
}

.deco-pill--sm {
  width: 84px;
  height: 24px;
  opacity: 0.85;
}

.deco-pill--footer {
  width: 150px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.03);
}

.deco-orbit {
  width: 160px;
  height: 160px;
  border: 1px dashed color-mix(in srgb, var(--red) 34%, transparent);
  border-radius: 50%;
  animation: deco-spin 36s linear infinite;
}

.deco-orbit--sm {
  width: 110px;
  height: 110px;
  opacity: 0.9;
}

.deco-arc {
  width: 120px;
  height: 120px;
  border: 1.5px solid color-mix(in srgb, var(--gold) 36%, transparent);
  border-color: color-mix(in srgb, var(--gold) 36%, transparent) transparent transparent transparent;
  border-radius: 50%;
  animation: deco-float-reverse 20s ease-in-out infinite;
}

.deco-zigzag {
  width: 72px;
  height: 18px;
  opacity: 0.35;
  background:
    linear-gradient(135deg, transparent 40%, color-mix(in srgb, var(--red) 55%, transparent) 40%, color-mix(in srgb, var(--red) 55%, transparent) 60%, transparent 60%) 0 0 / 18px 18px,
    linear-gradient(-135deg, transparent 40%, color-mix(in srgb, var(--gold) 55%, transparent) 40%, color-mix(in srgb, var(--gold) 55%, transparent) 60%, transparent 60%) 9px 9px / 18px 18px;
  animation: deco-float 24s ease-in-out infinite;
}

.deco-dots--grid {
  background-size: 32px 32px;
  opacity: 0.34;
}

.deco-triangle--flip {
  border-bottom: none;
  border-top: 62px solid color-mix(in srgb, var(--red) 10%, transparent);
}

.deco-arc--quarter {
  transform: rotate(90deg);
}

.deco-arc--half {
  transform: rotate(180deg);
}

/* Ana sayfa — her bölüm farklı şekil ailesi ve konum */
.section-deco--home-about .deco-shape,
.section-deco--home-announce .deco-shape,
.section-deco--home-video .deco-shape,
.section-deco--home-testimonials .deco-shape,
.section-deco--home-blog .deco-shape,
.section-deco--home-faq .deco-shape {
  opacity: 0.9;
}

.section-deco--home-video .deco-shape {
  opacity: 0.78;
}

.section-deco--home-about .deco-blob,
.section-deco--home-announce .deco-blob,
.section-deco--home-testimonials .deco-blob,
.section-deco--home-blog .deco-blob {
  opacity: 0.2;
  visibility: visible;
  filter: blur(44px);
}

.section-deco--home-video .deco-blob--gold {
  opacity: 0.22;
  visibility: visible;
  filter: blur(42px);
}

.section-deco--home-video .deco-blob--red {
  opacity: 0.17;
  visibility: visible;
  filter: blur(48px);
}

.section-deco--home-video .deco-blob--dark {
  opacity: 0;
  visibility: hidden;
}

.section-deco--home-video .deco-dots,
.section-deco--home-video .deco-dots--grid {
  opacity: 0.46;
}

.section-deco--home-video .deco-ring {
  opacity: 0.6;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 58%, transparent);
}

.section-deco--home-video .deco-ring.deco-color-gold {
  opacity: 0.68;
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--gold) 72%, transparent);
}

.section-deco--home-video .deco-ring--lg,
.section-deco--home-video .deco-ring--xl {
  opacity: 0.56;
}

.section-deco--home-video .deco-orbit {
  opacity: 0.5;
  border-color: color-mix(in srgb, var(--gold) 48%, transparent);
}

.section-deco--home-video .deco-hex {
  opacity: 0.48;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 52%, transparent);
}

.section-deco--home-video .deco-square {
  opacity: 0.45;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, #fff 38%, transparent);
}

.section-deco--home-video .deco-pill {
  opacity: 0.48;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 50%, transparent);
}

.section-deco--home-video .deco-triangle {
  opacity: 0.5;
  border-bottom-color: color-mix(in srgb, var(--gold) 58%, transparent);
}

.section-deco--home-video .deco-cross {
  width: 34px;
  height: 34px;
  opacity: 0.38;
}

.section-deco--home-video .deco-cross::before,
.section-deco--home-video .deco-cross::after {
  background: color-mix(in srgb, var(--gold) 72%, transparent);
}

.section-deco--home-video .deco-zigzag {
  opacity: 0.48;
}

.section-deco--home-video .deco-line {
  opacity: 0.45;
  background: color-mix(in srgb, var(--gold) 62%, transparent);
}

.section-deco--home-video .deco-arc {
  opacity: 0.48;
  border-color: color-mix(in srgb, var(--gold) 55%, transparent) transparent transparent transparent;
}

.section-deco--home-about .deco-hex {
  width: 104px;
  height: 104px;
  opacity: 0.7;
}

.section-deco--home-about .deco-square {
  width: 86px;
  height: 86px;
}

.section-deco--home-announce .deco-shape {
  opacity: 0.42;
}

.section-deco--home-announce .deco-arc {
  width: 148px;
  height: 148px;
  transform: rotate(-24deg);
}

.section-deco--home-announce .deco-pill {
  animation-duration: 22s;
}

.section-deco--home-testimonials .deco-arc {
  width: 136px;
  height: 136px;
}

.section-deco--home-testimonials .deco-line {
  opacity: 0.62;
}

.section-deco--home-blog .deco-dots,
.section-deco--home-blog .deco-dots--grid {
  opacity: 0.55;
}

.section-deco--home-blog .deco-line--wide,
.section-deco--home-blog .deco-arc,
.section-deco--home-blog .deco-pill,
.section-deco--home-blog .deco-triangle {
  opacity: 0.58;
}

.section-deco--home-faq .deco-arc.deco-arc--half,
.section-deco--home-faq .deco-ring {
  opacity: 0.78;
}

.section-deco--home-faq .deco-cross {
  width: 38px;
  height: 38px;
  opacity: 0.72;
}

.section-deco--home-faq .deco-arc {
  width: 124px;
  height: 124px;
}

/* Ana sayfa SSS — koyu zeminde belirgin bordo + sarı hareketli şekiller */
.section-deco-host.faq-home {
  overflow: hidden;
}

.section-deco--home-faq {
  opacity: 1;
  pointer-events: none;
  z-index: 0;
}

body.home-page .faq-home > .container {
  position: relative;
  z-index: 2;
}

/* SSS deco — statik (sürekli float/spin FPS düşürüyordu) */
body.home-page .faq-home .section-deco--home-faq .deco-shape,
body.home-page .faq-home .section-deco--home-faq .deco-orbit,
.section-deco--home-faq .deco-shape,
.section-deco--home-faq .deco-orbit {
  animation: none !important;
}

.section-deco--home-faq .deco-dots,
.section-deco--home-faq .deco-dots--grid {
  opacity: 0.42;
}

.section-deco--home-faq .deco-blob--red {
  width: 320px;
  height: 320px;
  opacity: 0.52;
  visibility: visible;
  background: color-mix(in srgb, var(--red) 28%, transparent);
  filter: blur(46px);
}

.section-deco--home-faq .deco-blob--gold {
  width: 260px;
  height: 260px;
  opacity: 0.4;
  visibility: visible;
  background: color-mix(in srgb, var(--gold) 32%, transparent);
  filter: blur(42px);
}

.section-deco--home-faq .deco-blob--dark {
  opacity: 0;
  visibility: hidden;
}

.section-deco--home-faq .deco-ring {
  opacity: 0.82;
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--red) 72%, transparent);
}

.section-deco--home-faq .deco-ring.deco-color-red {
  opacity: 0.88;
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--red) 82%, transparent);
}

.section-deco--home-faq .deco-ring.deco-color-gold {
  opacity: 0.84;
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--gold) 76%, transparent);
}

.section-deco--home-faq .deco-ring--lg,
.section-deco--home-faq .deco-ring--xl {
  opacity: 0.76;
}

.section-deco--home-faq .deco-orbit {
  opacity: 0.78;
  border-color: color-mix(in srgb, var(--red) 68%, transparent);
}

.section-deco--home-faq .deco-hex {
  opacity: 0.72;
  background: color-mix(in srgb, var(--red) 14%, transparent);
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--red) 68%, transparent);
}

.section-deco--home-faq .deco-square {
  opacity: 0.68;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--red) 62%, transparent);
}

.section-deco--home-faq .deco-triangle {
  opacity: 0.74;
  border-bottom-color: color-mix(in srgb, var(--red) 58%, transparent);
}

.section-deco--home-faq .deco-cross::before,
.section-deco--home-faq .deco-cross::after {
  background: color-mix(in srgb, var(--red) 82%, transparent);
}

.section-deco--home-faq .deco-pill {
  opacity: 0.76;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 62%, transparent);
}

.section-deco--home-faq .deco-zigzag {
  opacity: 0.7;
}

.section-deco--home-faq .deco-line {
  opacity: 0.74;
  background: color-mix(in srgb, var(--gold) 68%, transparent);
}

.section-deco--home-faq .deco-arc {
  opacity: 0.76;
  border-color: color-mix(in srgb, var(--red) 68%, transparent) transparent transparent transparent;
}

@media (prefers-reduced-motion: reduce) {
  .section-deco--home-faq .deco-shape,
  body.home-page .faq-home .section-deco--home-faq .deco-shape,
  body.home-page .faq-home .section-deco--home-faq .deco-orbit {
    animation: none !important;
  }
}

/* Ana sayfa SSS — hareketli dekor (yalnızca bu bölüm) */
body.home-page .faq-home .section-deco--home-faq .deco-shape {
  animation: deco-float 9s ease-in-out infinite !important;
}

body.home-page .faq-home .section-deco--home-faq .deco-shape:nth-child(even) {
  animation: deco-float-reverse 11s ease-in-out infinite !important;
}

body.home-page .faq-home .section-deco--home-faq .deco-orbit {
  animation: deco-pulse-ring 14s ease-in-out infinite !important;
}

body.home-page .faq-home .section-deco--home-faq .deco-ring {
  animation: deco-pulse-ring 12s ease-in-out infinite !important;
}

@media (prefers-reduced-motion: reduce) {
  body.home-page .faq-home .section-deco--home-faq .deco-shape,
  body.home-page .faq-home .section-deco--home-faq .deco-orbit,
  body.home-page .faq-home .section-deco--home-faq .deco-ring,
  .faq.page-content .section-deco--faq-page .deco-shape,
  .faq.page-content .section-deco--faq-page .deco-orbit,
  .faq.page-content .section-deco--faq-page .deco-ring {
    animation: none !important;
  }
}

/* SSS sayfası — hareketli dekor */
.faq.page-content .section-deco--faq-page .deco-shape {
  animation: deco-float 9s ease-in-out infinite !important;
}

.faq.page-content .section-deco--faq-page .deco-shape:nth-child(even) {
  animation: deco-float-reverse 11s ease-in-out infinite !important;
}

.faq.page-content .section-deco--faq-page .deco-orbit,
.faq.page-content .section-deco--faq-page .deco-ring {
  animation: deco-pulse-ring 13s ease-in-out infinite !important;
}

/* İK / Kurumsal banner — bordo hareketli şekiller (koyu zeminde görünür) */
.page-hero--kurumsal.section-deco-host,
.page-hero--ik.section-deco-host {
  overflow: hidden;
}

.section-deco--hero-dark {
  opacity: 1;
}

.section-deco--hero-dark .deco-shape:nth-child(odd) {
  animation: deco-float 15s ease-in-out infinite;
}

.section-deco--hero-dark .deco-shape:nth-child(even) {
  animation: deco-float-reverse 18s ease-in-out infinite;
}

.section-deco--hero-dark .deco-orbit {
  animation: deco-spin 28s linear infinite;
}

.section-deco--hero-dark .deco-ring {
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--red) 82%, transparent);
  opacity: 0.88;
}

.section-deco--hero-dark .deco-ring--xl {
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--red) 76%, transparent);
  opacity: 0.82;
}

.section-deco--hero-dark .deco-orbit {
  opacity: 0.84;
  border-color: color-mix(in srgb, var(--red) 72%, transparent);
}

.section-deco--hero-dark .deco-hex {
  width: 92px;
  height: 92px;
  opacity: 0.72;
  background: color-mix(in srgb, var(--red) 18%, transparent);
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--red) 68%, transparent);
}

.section-deco--hero-dark .deco-pill {
  opacity: 0.8;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--red) 72%, transparent);
}

.section-deco--hero-dark .deco-cross {
  opacity: 0.78;
}

.section-deco--hero-dark .deco-cross::before,
.section-deco--hero-dark .deco-cross::after {
  background: color-mix(in srgb, var(--red) 88%, transparent);
}

.section-deco--hero-dark .deco-arc {
  width: 128px;
  height: 128px;
  opacity: 0.78;
  border-width: 2px;
  border-color: color-mix(in srgb, var(--red) 72%, transparent) transparent transparent transparent;
}

.section-deco--hero-dark .deco-line {
  opacity: 0.82;
  background: color-mix(in srgb, var(--red) 78%, transparent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--red) 16%, transparent);
}

.page-hero--title-only.section-deco-host .section-deco--hero-dark .deco-ring--xl {
  width: 168px;
  height: 168px;
}

.page-hero--title-only.section-deco-host .section-deco--hero-dark .deco-ring--md {
  width: 88px;
  height: 88px;
}

.page-hero--title-only.section-deco-host .section-deco--hero-dark .deco-hex {
  width: 76px;
  height: 76px;
}

.page-hero--title-only.section-deco-host .section-deco--hero-dark .deco-arc {
  width: 96px;
  height: 96px;
}

@media (prefers-reduced-motion: reduce) {
  .section-deco--hero-dark .deco-shape {
    animation: none !important;
  }
}

.section-deco--page .deco-blob,
.section-deco--page .deco-orbit,
.section-deco--page .deco-ring,
.section-deco--page .deco-dots {
  display: none;
}

.section-deco--courses-catalog .deco-dots {
  opacity: 0.42;
}

.section-deco--courses-catalog .deco-dots--grid {
  opacity: 0.3;
  mix-blend-mode: normal;
}

.section-deco--courses-catalog .deco-blob {
  opacity: 0;
  visibility: hidden;
}

.section-deco--courses-catalog .deco-ring {
  opacity: 0.52;
}

.section-deco--courses-catalog .deco-orbit {
  opacity: 0.44;
}

.section-deco--courses-catalog .deco-hex,
.section-deco--courses-catalog .deco-square,
.section-deco--courses-catalog .deco-triangle,
.section-deco--courses-catalog .deco-cross,
.section-deco--courses-catalog .deco-pill {
  opacity: 0.5;
}

.section-deco--courses-catalog .deco-arc,
.section-deco--courses-catalog .deco-zigzag,
.section-deco--courses-catalog .deco-line {
  opacity: 0.44;
}

.section-deco--courses-system .deco-dots {
  opacity: 0.38;
}

.section-deco--courses-system .deco-dots--grid {
  opacity: 0.26;
  mix-blend-mode: normal;
}

.section-deco--courses-system .deco-blob {
  opacity: 0;
  visibility: hidden;
}

.section-deco--courses-system .deco-ring {
  opacity: 0.48;
}

.section-deco--courses-system .deco-orbit {
  opacity: 0.4;
}

.section-deco--courses-system .deco-hex,
.section-deco--courses-system .deco-square,
.section-deco--courses-system .deco-triangle,
.section-deco--courses-system .deco-cross,
.section-deco--courses-system .deco-pill {
  opacity: 0.46;
}

.section-deco--courses-system .deco-arc,
.section-deco--courses-system .deco-zigzag,
.section-deco--courses-system .deco-line {
  opacity: 0.4;
}

.section-deco--contact .deco-dots {
  opacity: 0.4;
}

.section-deco--faq-page .deco-dots {
  opacity: 0.55;
}

.section-deco--contact .deco-dots--grid {
  opacity: 0.28;
  mix-blend-mode: normal;
}

.section-deco--faq-page .deco-dots--grid {
  opacity: 0.38;
  mix-blend-mode: normal;
}

.section-deco--contact .deco-blob {
  opacity: 0;
  visibility: hidden;
}

.section-deco--faq-page .deco-blob {
  opacity: 0.22;
  visibility: visible;
}

.section-deco--contact .deco-ring {
  opacity: 0.5;
}

.section-deco--faq-page .deco-ring {
  opacity: 0.72;
}

.section-deco--contact .deco-orbit {
  opacity: 0.42;
}

.section-deco--faq-page .deco-orbit {
  opacity: 0.58;
}

.section-deco--contact .deco-hex,
.section-deco--contact .deco-square,
.section-deco--contact .deco-triangle,
.section-deco--contact .deco-cross,
.section-deco--contact .deco-pill {
  opacity: 0.48;
}

.section-deco--faq-page .deco-hex,
.section-deco--faq-page .deco-square,
.section-deco--faq-page .deco-triangle,
.section-deco--faq-page .deco-cross,
.section-deco--faq-page .deco-pill {
  opacity: 0.7;
}

.section-deco--contact .deco-arc,
.section-deco--contact .deco-zigzag,
.section-deco--contact .deco-line {
  opacity: 0.44;
}

.section-deco--faq-page .deco-arc,
.section-deco--faq-page .deco-zigzag,
.section-deco--faq-page .deco-line {
  opacity: 0.62;
}

/* SSS beyaz zemin — şekiller daha net görünsün */
.faq.page-content.faq--anthracite > .section-deco--faq-page {
  opacity: 1;
}

.faq.page-content.faq--anthracite .deco-ring.deco-color-white {
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 38%, transparent);
}

.faq.page-content.faq--anthracite .deco-cross::before,
.faq.page-content.faq--anthracite .deco-cross::after {
  background: rgba(200, 16, 46, 0.42);
}

.faq.page-content.faq--anthracite .deco-square {
  box-shadow: inset 0 0 0 1.5px rgba(200, 16, 46, 0.28);
}

.faq.page-content.faq--anthracite .deco-triangle {
  border-bottom-color: rgba(212, 168, 67, 0.38);
}

.faq.page-content.faq--anthracite .deco-line {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(212, 168, 67, 0.42),
    rgba(200, 16, 46, 0.22),
    transparent
  );
}

.section-deco--about-page .deco-dots {
  opacity: 0.4;
}

.section-deco--about-page .deco-dots--grid {
  opacity: 0.28;
  mix-blend-mode: normal;
}

.section-deco--about-page .deco-blob {
  opacity: 0;
  visibility: hidden;
}

.section-deco--about-page .deco-ring {
  opacity: 0.5;
}

.section-deco--about-page .deco-orbit {
  opacity: 0.42;
}

.section-deco--about-page .deco-hex,
.section-deco--about-page .deco-square,
.section-deco--about-page .deco-triangle,
.section-deco--about-page .deco-cross,
.section-deco--about-page .deco-pill {
  opacity: 0.48;
}

.section-deco--about-page .deco-arc,
.section-deco--about-page .deco-zigzag,
.section-deco--about-page .deco-line {
  opacity: 0.42;
}

/* Değerlerimiz antrasit zemin — altın/beyaz şekiller */
.about-stats-section > .section-deco--about-dark-panel,
.about-values-section > .section-deco--about-dark-panel,
.about-values-section > .section-deco--about-page {
  opacity: 0.72;
}

.section-deco--about-dark-panel .deco-dots {
  opacity: 0.4;
}

.section-deco--about-dark-panel .deco-dots--grid {
  opacity: 0.28;
  mix-blend-mode: normal;
}

.section-deco--about-dark-panel .deco-blob--red {
  opacity: 0.44;
  visibility: visible;
}

.section-deco--about-dark-panel .deco-blob--gold {
  opacity: 0.34;
  visibility: visible;
}

.section-deco--about-dark-panel .deco-blob--dark {
  opacity: 0;
  visibility: hidden;
}

.section-deco--about-dark-panel .deco-ring {
  opacity: 0.48;
}

.section-deco--about-dark-panel .deco-ring.deco-color-red {
  opacity: 0.52;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--red) 52%, transparent);
}

.section-deco--about-dark-panel .deco-orbit {
  opacity: 0.42;
}

.section-deco--about-dark-panel .deco-blob--red,
.section-deco--about-dark-panel .deco-blob--red.deco-blob--panel {
  width: 340px;
  height: 340px;
  background: color-mix(in srgb, var(--red) 24%, transparent);
  opacity: 0.62;
  filter: blur(52px);
}

.section-deco--about-dark-panel .deco-blob--red.deco-blob--panel-sm {
  width: 220px;
  height: 220px;
  background: color-mix(in srgb, var(--red) 20%, transparent);
  opacity: 0.52;
  filter: blur(40px);
}

.section-deco--about-dark-panel .deco-shape:nth-child(odd) {
  animation: deco-float 16s ease-in-out infinite;
}

.section-deco--about-dark-panel .deco-shape:nth-child(even) {
  animation: deco-float-reverse 19s ease-in-out infinite;
}

.section-deco--about-dark-panel .deco-orbit,
.section-deco--about-dark-panel .deco-orbit--red {
  animation: deco-spin 32s linear infinite;
}

.section-deco--about-dark-panel .deco-orbit--red {
  opacity: 0.72;
  border-color: color-mix(in srgb, var(--red) 68%, transparent);
}

.section-deco--about-dark-panel .deco-ring.deco-color-red {
  opacity: 0.78;
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--red) 72%, transparent);
}

.section-deco--about-dark-panel .deco-hex--red {
  width: 88px;
  height: 88px;
  opacity: 0.68;
  background: color-mix(in srgb, var(--red) 16%, transparent);
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--red) 62%, transparent);
}

.section-deco--about-dark-panel .deco-square--red {
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--red) 58%, transparent);
  opacity: 0.66;
}

.section-deco--about-dark-panel .deco-triangle--red {
  border-bottom-color: color-mix(in srgb, var(--red) 34%, transparent);
  opacity: 0.62;
}

.section-deco--about-dark-panel .deco-cross--red {
  opacity: 0.72;
}

.section-deco--about-dark-panel .deco-cross--red::before,
.section-deco--about-dark-panel .deco-cross--red::after {
  background: color-mix(in srgb, var(--red) 82%, transparent);
}

.section-deco--about-dark-panel .deco-pill--red {
  opacity: 0.74;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--red) 66%, transparent);
}

.section-deco--about-dark-panel .deco-arc--red {
  width: 120px;
  height: 120px;
  opacity: 0.7;
  border-width: 2px;
  border-color: color-mix(in srgb, var(--red) 66%, transparent) transparent transparent transparent;
}

.section-deco--about-dark-panel .deco-zigzag--red {
  opacity: 0.68;
  background:
    linear-gradient(135deg, transparent 40%, color-mix(in srgb, var(--red) 70%, transparent) 40%, color-mix(in srgb, var(--red) 70%, transparent) 60%, transparent 60%) 0 0 / 18px 18px,
    linear-gradient(-135deg, transparent 40%, color-mix(in srgb, var(--red) 55%, transparent) 40%, color-mix(in srgb, var(--red) 55%, transparent) 60%, transparent 60%) 9px 9px / 18px 18px;
}

.section-deco--about-dark-panel .deco-line--red {
  opacity: 0.76;
  background: color-mix(in srgb, var(--red) 72%, transparent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--red) 14%, transparent);
}

.section-deco--about-dark-panel .deco-hex,
.section-deco--about-dark-panel .deco-square,
.section-deco--about-dark-panel .deco-triangle,
.section-deco--about-dark-panel .deco-cross,
.section-deco--about-dark-panel .deco-pill,
.section-deco--about-dark-panel .deco-arc,
.section-deco--about-dark-panel .deco-zigzag,
.section-deco--about-dark-panel .deco-line {
  opacity: 0.42;
}

.about-stats-section .deco-ring,
.about-values-section .deco-ring {
  opacity: 0.48;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 38%, transparent);
}

.about-stats-section .deco-ring.deco-color-red,
.about-values-section .deco-ring.deco-color-red {
  opacity: 0.54;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--red) 50%, transparent);
}

.about-stats-section .deco-hex,
.about-stats-section .deco-square,
.about-stats-section .deco-triangle,
.about-stats-section .deco-cross,
.about-stats-section .deco-pill,
.about-stats-section .deco-arc,
.about-stats-section .deco-zigzag,
.about-stats-section .deco-line,
.about-stats-section .deco-orbit,
.about-values-section .deco-hex,
.about-values-section .deco-square,
.about-values-section .deco-triangle,
.about-values-section .deco-cross,
.about-values-section .deco-pill,
.about-values-section .deco-arc,
.about-values-section .deco-zigzag,
.about-values-section .deco-line,
.about-values-section .deco-orbit {
  opacity: 0.42;
}

.about-stats-section .deco-cross::before,
.about-stats-section .deco-cross::after,
.about-values-section .deco-cross::before,
.about-values-section .deco-cross::after {
  background: color-mix(in srgb, var(--red) 62%, #ffffff);
}

.about-stats-section .deco-square,
.about-values-section .deco-square {
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 40%, transparent);
}

.about-stats-section .deco-triangle,
.about-values-section .deco-triangle {
  border-bottom-color: color-mix(in srgb, var(--red) 22%, transparent);
}

.about-values-section > .section-deco--about-page {
  opacity: 0.72;
}

.about-values-section .deco-ring {
  opacity: 0.48;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 38%, transparent);
}

.about-values-section .deco-hex,
.about-values-section .deco-square,
.about-values-section .deco-triangle,
.about-values-section .deco-cross,
.about-values-section .deco-pill,
.about-values-section .deco-arc,
.about-values-section .deco-zigzag,
.about-values-section .deco-line,
.about-values-section .deco-orbit {
  opacity: 0.42;
}

.about-values-section .deco-cross::before,
.about-values-section .deco-cross::after {
  background: color-mix(in srgb, var(--gold) 55%, #ffffff);
}

.about-values-section .deco-square {
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 40%, transparent);
}

.exam-guide-logos > .section-deco--exam-guide,
.exam-guide-logos > .section-deco--auto,
.exam-guide-intro > .section-deco--exam-guide,
.exam-guide-intro > .section-deco--auto {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.exam-guide-layout > .section-deco--exam-guide {
  top: 32%;
  bottom: 0;
  height: auto;
  inset: auto 0 0 0;
}

.section-deco-host.exam-guide-logos,
.section-deco-host.exam-guide-intro {
  overflow: visible;
}

.section-deco-host.exam-guide-layout {
  overflow: hidden;
  min-height: 420px;
}

.section-deco--exam-guide .deco-dots {
  opacity: 0.62;
}

.section-deco--exam-guide .deco-dots--grid {
  opacity: 0.44;
  mix-blend-mode: normal;
}

.section-deco--exam-guide .deco-blob {
  opacity: 0.38;
  visibility: visible;
}

.section-deco--exam-guide .deco-ring {
  opacity: 0.92;
}

.section-deco--exam-guide .deco-orbit {
  opacity: 0.78;
}

.section-deco--exam-guide .deco-hex,
.section-deco--exam-guide .deco-square,
.section-deco--exam-guide .deco-triangle,
.section-deco--exam-guide .deco-cross,
.section-deco--exam-guide .deco-pill,
.section-deco--exam-guide .deco-arc,
.section-deco--exam-guide .deco-zigzag,
.section-deco--exam-guide .deco-line {
  opacity: 0.9;
}

.exam-guide-logos > .section-deco--exam-guide,
.exam-guide-intro > .section-deco--exam-guide,
.exam-guide-layout > .section-deco--exam-guide,
.exam-guide-body > .section-deco--exam-guide {
  z-index: 0;
  pointer-events: none;
}

body.exam-guide-page .section-deco--exam-guide .deco-ring,
body.exam-guide-page .section-deco--exam-guide .deco-orbit,
body.exam-guide-page .section-deco--exam-guide .deco-hex,
body.exam-guide-page .section-deco--exam-guide .deco-square,
body.exam-guide-page .section-deco--exam-guide .deco-pill,
body.exam-guide-page .section-deco--exam-guide .deco-arc {
  animation: deco-float 18s ease-in-out infinite;
}

body.exam-guide-page .section-deco--exam-guide .deco-cross,
body.exam-guide-page .section-deco--exam-guide .deco-triangle,
body.exam-guide-page .section-deco--exam-guide .deco-zigzag,
body.exam-guide-page .section-deco--exam-guide .deco-line {
  animation: deco-float-reverse 22s ease-in-out infinite;
}

.section-deco-host::before,
.section-deco-host::after,
.page-content::before,
.page-content::after {
  contain: paint;
}

.deco-orbit--lg {
  width: 280px;
  height: 280px;
  border-color: rgba(255, 255, 255, 0.1);
}

.deco-orbit::after {
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  border-radius: 50%;
  background: var(--gold);
  opacity: 0.75;
}

@keyframes deco-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.deco-dots--footer {
  opacity: 0.22;
  background-image: radial-gradient(rgba(255, 255, 255, 0.45) 1px, transparent 1px);
  background-size: 22px 22px;
}

.deco-blob--footer-red {
  width: 340px;
  height: 340px;
  background: rgba(200, 16, 46, 0.14);
}

.deco-square--footer {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.02);
}

.deco-cross--footer {
  opacity: 0.35;
}

.deco-cross--footer::before,
.deco-cross--footer::after {
  background: rgba(212, 175, 55, 0.7);
}

.deco-triangle--footer {
  border-bottom-color: rgba(212, 175, 55, 0.12);
}

/* Footer shapes spread across full width */
.site-footer .section-deco--auto .deco-pos-tr {
  top: 10%;
  right: 6%;
  left: auto;
}

.site-footer .section-deco--auto .deco-pos-br {
  bottom: 14%;
  right: 8%;
  left: auto;
}

.site-footer .section-deco--auto .deco-pos-bl {
  bottom: 10%;
  right: 6%;
  left: auto;
}

.site-footer .section-deco--auto .deco-pos-tl {
  top: 14%;
  right: 4%;
  left: auto;
}

.site-footer .section-deco--auto .deco-pos-center {
  top: 42%;
  left: 58%;
  transform: translate(-50%, -50%);
}

/* Legacy footer shape overrides (manual deco) — keep accents on the right for logo space */
.site-footer .deco-pos-tr {
  top: 12%;
  right: 4%;
  left: auto;
}

.site-footer .deco-pos-br {
  bottom: 14%;
  right: 8%;
  left: auto;
}

.site-footer .deco-pos-bl {
  bottom: 8%;
  right: 18%;
  left: auto;
}

.site-footer .deco-pos-tl {
  top: 14%;
  right: 6%;
  left: auto;
}

.deco-pos-tl.deco-blob,
.deco-pos-tr.deco-blob,
.deco-pos-bl.deco-blob,
.deco-pos-br.deco-blob {
  transform: none;
}

@media (max-width: 768px) {
  .deco-blob--red,
  .deco-blob--gold,
  .deco-blob--footer-red {
    width: 170px;
    height: 170px;
  }

  .deco-ring--lg { width: 140px; height: 140px; }
  .deco-ring--xl { width: 220px; height: 220px; }
  .deco-square { width: 52px; height: 52px; }
  .deco-hex { width: 64px; height: 64px; }
  .deco-hex--footer { width: 72px; height: 72px; }
  .deco-pill { width: 90px; }
  .deco-orbit { width: 120px; height: 120px; }
  .deco-orbit--lg { width: 180px; height: 180px; }
  .deco-line--wide { width: 12px; height: 12px; }
}

/* Card hover lift enhanced — will-change sadece hover’da (katman şişmesini önler) */
.feature-card,
.page-link-card,
.blog-card,
.course-card,
.consultancy-card,
.testimonial-card,
.instructor-card,
.pricing-card {
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
              box-shadow 0.35s ease;
}

.feature-card:hover,
.page-link-card:hover,
.blog-card:hover,
.course-card:hover,
.consultancy-card:hover,
.testimonial-card:hover,
.instructor-card:hover,
.pricing-card:hover {
  will-change: transform;
}

.blog-card:hover,
.testimonial-card:hover,
.instructor-card:hover {
  transform: translateY(-6px);
}

@media (prefers-reduced-motion: reduce) {
  .reveal,
  .reveal-left,
  .reveal-right,
  .reveal-scale,
  .reveal-fade {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .hero-slide.active .hero-bg {
    animation: none !important;
  }

  .page-hero--photo > .page-hero-bg {
    animation: none !important;
  }

  .page-hero-bg-slide {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }

  .page-hero-bg-slide--tall {
    background-position: center 35% !important;
  }

  img.page-hero-bg.page-hero-bg--motion-img,
  img.page-hero-bg.page-hero-bg--tall-img {
    animation: none !important;
    transform: translate3d(0, -8%, 0) !important;
  }

  .page-hero--motion .page-hero-bg-slide,
  .page-hero--motion .page-hero-bg-slide--tall {
    animation: none !important;
    background-position: center 40% !important;
  }

  .exam-guide-logos .exam-puzzle-piece {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}

/* Page hero metin — anında görünür; banner scroll-pan ayrı katmanda */
.page-hero {
  animation: none;
}

.page-hero > .container,
.page-hero-highlight-head,
.page-hero-highlight-head h1,
.page-hero-highlight-head .page-hero-lead,
.page-hero-kicker {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

.page-hero.reveal,
.page-hero.reveal-fade,
.page-hero.reveal.revealed,
.page-hero.reveal-fade.revealed {
  opacity: 1 !important;
}

.page-hero.reveal > .container,
.page-hero.reveal-fade > .container,
.page-hero.reveal.revealed > .container,
.page-hero.reveal-fade.revealed > .container,
.page-hero.reveal .page-hero-highlight-head,
.page-hero.reveal-fade .page-hero-highlight-head {
  opacity: 1 !important;
  transform: none !important;
}

/* Banner scroll-pan — kaydırma animasyonu (styles.css ile uyumlu) */
.page-hero--scroll-pan:not(.page-hero--scroll-pan-cover) img.page-hero-bg,
.page-hero--scroll-pan:not(.page-hero--scroll-pan-cover) picture.page-hero-bg-picture img.page-hero-bg,
.page-hero--scroll-pan:not(.page-hero--scroll-pan-cover) .page-hero-bg-wrap img.page-hero-bg {
  transform: translate3d(0, var(--hero-pan-shift, 0px), 0) !important;
  will-change: transform;
}

.page-hero--scroll-pan.page-hero--scroll-pan-cover img.page-hero-bg,
.page-hero--scroll-pan.page-hero--scroll-pan-cover picture.page-hero-bg-picture img.page-hero-bg,
.page-hero--scroll-pan.page-hero--scroll-pan-cover .page-hero-bg-wrap img.page-hero-bg {
  transform: none !important;
  object-position: var(--hero-pan-x, center) var(--hero-pan-y, 50%) !important;
  will-change: auto;
}

/* WhatsApp pulse */
@keyframes wa-pulse {
  0% { box-shadow: 0 4px 16px rgba(37, 211, 102, 0.4); }
  50% { box-shadow: 0 4px 28px rgba(37, 211, 102, 0.7); }
  100% { box-shadow: 0 4px 16px rgba(37, 211, 102, 0.4); }
}

.whatsapp-float,
.wa-chat-toggle {
  /* Sonsuz pulse GPU’yu meşgul ediyordu — kısa giriş, sonra dur */
  animation: wa-pulse 2.5s ease-in-out 3;
}

/* Button ripple feel */
.btn {
  position: relative;
  overflow: hidden;
}

.btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.15);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}

.btn:hover::after {
  transform: scaleX(1);
}

/* Top bar slide down — animasyon transform kaymasi olmasin */
.top-bar {
  animation: none;
}

/* Loading shimmer for dynamic content */
@keyframes shimmer {
  0% { background-position: -400px 0; }
  100% { background-position: 400px 0; }
}

/* Mega menu — program list + CTA entrance */
@keyframes navMegaItemIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes navMegaBtnIn {
  from {
    opacity: 0;
    transform: translateY(14px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes navMegaBtnGlow {
  0%, 100% {
    box-shadow: 0 4px 14px rgba(200, 16, 46, 0.18);
  }
  50% {
    box-shadow: 0 8px 22px rgba(200, 16, 46, 0.32);
  }
}

.nav-dropdown:hover .nav-mega-courses-item,
.nav-dropdown.open .nav-mega-courses-item {
  animation: navMegaItemIn 0.38s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.nav-dropdown:hover .nav-mega-courses-item:nth-child(1),
.nav-dropdown.open .nav-mega-courses-item:nth-child(1) { animation-delay: 0.03s; }
.nav-dropdown:hover .nav-mega-courses-item:nth-child(2),
.nav-dropdown.open .nav-mega-courses-item:nth-child(2) { animation-delay: 0.07s; }
.nav-dropdown:hover .nav-mega-courses-item:nth-child(3),
.nav-dropdown.open .nav-mega-courses-item:nth-child(3) { animation-delay: 0.11s; }
.nav-dropdown:hover .nav-mega-courses-item:nth-child(4),
.nav-dropdown.open .nav-mega-courses-item:nth-child(4) { animation-delay: 0.15s; }
.nav-dropdown:hover .nav-mega-courses-item:nth-child(5),
.nav-dropdown.open .nav-mega-courses-item:nth-child(5) { animation-delay: 0.19s; }

.nav-dropdown:hover .nav-mega-courses-all,
.nav-dropdown.open .nav-mega-courses-all {
  animation: navMegaBtnIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) 0.24s both,
    navMegaBtnGlow 2.4s ease-in-out 0.7s infinite;
}

@media (prefers-reduced-motion: reduce) {
  .nav-dropdown:hover .nav-mega-courses-item,
  .nav-dropdown.open .nav-mega-courses-item,
  .nav-dropdown:hover .nav-mega-courses-all,
  .nav-dropdown.open .nav-mega-courses-all,
  .courses-sidebar-all,
  .courses-sidebar-item {
    animation: none !important;
  }
}

.courses-sidebar-all,
.courses-sidebar-item {
  animation: navMegaItemIn 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.courses-sidebar-all { animation-delay: 0.04s; }
.courses-sidebar-section:nth-child(1) .courses-sidebar-item:nth-child(2) { animation-delay: 0.08s; }
.courses-sidebar-section:nth-child(1) .courses-sidebar-sublist .courses-sidebar-item:nth-child(1) { animation-delay: 0.12s; }
.courses-sidebar-section:nth-child(1) .courses-sidebar-sublist .courses-sidebar-item:nth-child(2) { animation-delay: 0.16s; }
.courses-sidebar-section:nth-child(1) .courses-sidebar-sublist .courses-sidebar-item:nth-child(3) { animation-delay: 0.2s; }
.courses-sidebar-section:nth-child(1) .courses-sidebar-sublist .courses-sidebar-item:nth-child(4) { animation-delay: 0.24s; }
.courses-sidebar-section:nth-child(1) .courses-sidebar-sublist .courses-sidebar-item:nth-child(5) { animation-delay: 0.28s; }
.courses-sidebar-section:nth-child(2) .courses-sidebar-item:nth-child(2) { animation-delay: 0.32s; }
.courses-sidebar-section:nth-child(2) .courses-sidebar-sublist .courses-sidebar-item:nth-child(1) { animation-delay: 0.36s; }

.skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 800px 100%;
  animation: shimmer 1.5s infinite;
}

@media (max-width: 768px) {
  .hero {
    min-height: var(--page-hero-height-mobile);
    height: var(--page-hero-height-mobile);
  }

  .hero-slides-wrap {
    min-height: var(--page-hero-height-mobile);
    height: var(--page-hero-height-mobile);
  }

  .hero-bg {
    background-position: center;
  }

  .hero-overlay {
    display: none !important;
  }

  .hero-slide.active .hero-bg {
    animation: none;
    transform: none;
    will-change: auto;
  }

  .hero-content {
    padding: 72px 0 100px;
  }
}

/* Soft renk blob'ları bölüm bandı oluşturmasın — çizgisel şekiller kalır */
.section-deco:not(.section-deco--hero-dark) .deco-blob {
  opacity: 0 !important;
  visibility: hidden !important;
}

.section-deco .deco-dots--grid {
  mix-blend-mode: normal !important;
}

body.is-scrolling .section-deco,
body.is-scrolling .section-deco * {
  animation-play-state: paused !important;
}

@media (max-width: 1024px) {
  .section-deco,
  .section-deco * {
    animation: none !important;
  }
}