/* AKINSOFT Hero no-flash guard: katman ölçü/animasyon hazır olmadan görünmesin */
#akWpHero:not(.ak-layout-ready) {
  visibility: hidden !important;
  opacity: 0 !important;
}

#akWpHero:not(.ak-layout-ready) * {
  animation: none !important;
}

/* Shared scene asset file.
   Scene-specific CSS lives here once a raw block is migrated into plugin assets. */

[data-scene],
#heroScene,
#w26ghostSection,
#akWpHero {
  position: relative;
}


#heroScene {
  height: 85vh;
}

#heroScene .stage {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#heroScene .wrap {
  width: 1180px;
  height: 640px;
  position: relative;
}

#heroScene .mockup {
  position: absolute;
  left: 48%;
  top: 57%;
  transform: translate(-50%, -50%);
  width: 820px;
  z-index: 100;
  will-change: transform;
  filter: drop-shadow(0 30px 45px rgba(0,0,0,0.16));
}

#heroScene .laptop-3d {
  position: relative;
  width: 100%;
  transform-style: preserve-3d;
  perspective: 1800px;
}

#heroScene .device-base {
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
  pointer-events: none;
}

#heroScene .intro-copy {
  position: absolute;
  left: 50%;
  top: 110px;
  width: 780px;
  transform: translateX(-50%);
  z-index: 3;
  pointer-events: none;
  text-align: center;
  will-change: transform, opacity, filter;
}

#heroScene .intro-title {
  margin: 0;
  font-family: "Manrope", Arial, sans-serif;
  font-size: 42px;
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: 0;
  color: #112540;
  white-space: nowrap;
}

#heroScene .intro-title .accent {
  color: #008a3d;
}

#heroScene .intro-subtitle {
  margin: 1px auto 0;
  max-width: none;
  font-family: "Manrope", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.28;
  font-weight: 600;
  color: #607086;
  white-space: nowrap;
}

#heroScene .lid {
  position: absolute;
  inset: 0;
  z-index: 4;
  transform-style: preserve-3d;
  transform-origin: 50% 70.8%;
  will-change: transform;
}

#heroScene .device-lid {
  width: 100%;
  display: block;
  position: relative;
  z-index: 6;
  pointer-events: none;
  transform: translateZ(1px);
}

#heroScene .screen {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(-50% - 5px));
  width: 536px;
  height: 337px;
  overflow: hidden;
  border-radius: 13px;
  background: #fff;
  z-index: 2;
  isolation: isolate;
  contain: paint;
  clip-path: inset(0 round 13px);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.06),
    inset 0 -18px 35px rgba(0,0,0,0.08);
}

#heroScene .screen-shine {
  position: absolute;
  inset: -25%;
  z-index: 5;
  pointer-events: none;
  background: linear-gradient(
    115deg,
    transparent 38%,
    rgba(255,255,255,0.28) 48%,
    rgba(255,255,255,0.12) 53%,
    transparent 64%
  );
  transform: translateX(-75%) skewX(-10deg);
  opacity: 0;
}

#heroScene .img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: opacity, transform, filter;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#heroScene .img-a {
  opacity: 1;
  z-index: 2;
}

#heroScene .img-b {
  opacity: 0;
  z-index: 1;
}

#heroScene .panel {
  position: absolute;
  right: -145px;
  top: 57%;
  transform: translateY(-50%);
  width: 420px;
  height: 360px;
  z-index: 200;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 18%,
    black 76%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 18%,
    black 76%,
    transparent 100%
  );
}

#heroScene .panel-bg {
  display: none;
}

#heroScene .item {
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  transform-origin: left center;
}

#heroScene .item-inner {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 18px;
  line-height: 1.15;
  color: inherit;
}

#heroScene .item-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,138,61,0.08);
  border: 1px solid rgba(0,138,61,0.18);
  box-shadow: 0 0 0 rgba(0,138,61,0);
  flex: 0 0 auto;
  overflow: visible;
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}

#heroScene .item-icon svg {
  width: 21px;
  height: 21px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#heroScene .item-label {
  display: block;
}

@media (max-width: 768px) {
  #heroScene {
    height: 78vh;
  }

  #heroScene .stage {
    height: 78vh;
    align-items: flex-start;
    padding-top: 30px;
  }

  #heroScene .wrap {
    width: 100%;
    max-width: 420px;
    height: 660px;
    margin: 0 auto;
  }

  #heroScene .intro-copy {
    width: 320px;
    top: 3px;
  }

  #heroScene .intro-title {
    font-size: 26px;
    line-height: 1.06;
    white-space: normal;
  }

  #heroScene .intro-subtitle {
    margin-top: 5px;
    max-width: 300px;
    font-size: 14px;
    line-height: 1.32;
    white-space: normal;
  }

  #heroScene .mockup {
    width: 430px;
    left: 50%;
    top: 45%;
    filter: drop-shadow(0 18px 30px rgba(0,0,0,0.13));
  }

  #heroScene .screen {
    width: 281px;
    height: 177px;
    border-radius: 8px;
    transform: translate(-50%, calc(-50% - 3px));
    clip-path: inset(0 round 8px);
  }

  #heroScene .panel {
    right: auto;
    left: 55%;
    top: 58%;
    width: 260px;
    height: 170px;
    transform: translateX(-50%);
    z-index: 80;
    padding: 0;
    overflow: hidden;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    -webkit-mask-image: linear-gradient(
      to bottom,
      transparent 0%,
      black 16%,
      black 84%,
      transparent 100%
    );
    mask-image: linear-gradient(
      to bottom,
      transparent 0%,
      black 16%,
      black 84%,
      transparent 100%
    );
  }

  #heroScene .panel::before {
    display: none;
  }

  #heroScene .panel-bg {
    display: none !important;
  }

  #heroScene .item {
    left: 50%;
    width: 150px;
    transform: translateX(-50%);
    display: flex;
    justify-content: flex-start;
  }

  #heroScene .item-inner {
    width: 150px;
    display: grid;
    grid-template-columns: 30px 1fr;
    align-items: center;
    column-gap: 10px;
    font-size: 16px;
    line-height: 1.04;
    text-align: left;
  }

  #heroScene .item-label {
    text-align: left;
  }

  #heroScene .item-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
  }

  #heroScene .item-icon svg {
    width: 17px;
    height: 17px;
  }
}

@media (max-width: 420px) {
  #heroScene .intro-copy {
    width: 300px;
    top: 4px;
  }

  #heroScene .mockup {
    width: 420px;
    top: 48%;
  }

  #heroScene .screen {
    width: 275px;
    height: 173px;
  }

  #heroScene .panel {
    top: 61%;
    width: 236px;
    height: 152px;
    left: 55%;
  }

  #heroScene .item {
    width: 138px;
  }

  #heroScene .item-inner {
    width: 138px;
    grid-template-columns: 28px 1fr;
    column-gap: 9px;
  }

  #heroScene .item-icon {
    width: 28px;
    height: 28px;
  }
}

#w26ghostSection {
  position: relative;
  height: 100vh;
  overflow: hidden;
  isolation: isolate;
  font-family: Arial, sans-serif;
  color: #fff;
  background: #030914;
}

#w26ghostSection *,
#w26ghostSection *::before,
#w26ghostSection *::after {
  box-sizing: border-box;
}

#w26ghostSection .w26ghost-stage {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 34%, rgba(122, 193, 255, 0.10), transparent 18%),
    radial-gradient(circle at 50% 58%, rgba(255,255,255,0.03), transparent 28%),
    linear-gradient(180deg, #020812 0%, #081425 52%, #040a14 100%);
}

#w26ghostSection .w26ghost-grid {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(circle at center, #000 28%, transparent 84%);
  -webkit-mask-image: radial-gradient(circle at center, #000 28%, transparent 84%);
  opacity: 0;
  pointer-events: none;
}

#w26ghostSection .w26ghost-vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, transparent 48%, rgba(0,0,0,0.22) 100%);
  pointer-events: none;
}

#w26ghostSection .w26ghost-inner {
  position: relative;
  z-index: 2;
  width: min(1320px, 100%);
  height: 100%;
  margin: 0 auto;
}

#w26ghostSection .w26ghost-logo-wrap {
  position: absolute;
  left: 50%;
  top: 42%;
  width: min(760px, 80vw);
  pointer-events: none;
  will-change: transform, filter, opacity;
  transform-style: preserve-3d;
}

#w26ghostSection .w26ghost-aura {
  position: absolute;
  inset: -9%;
  z-index: 1;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(164, 216, 255, 0.16) 0%, rgba(164, 216, 255, 0.05) 34%, transparent 70%);
  filter: blur(20px);
  opacity: 0;
  transform: scale(.97);
  pointer-events: none;
}

#w26ghostSection .w26ghost-topgleam {
  position: absolute;
  inset: -12% -6% auto -6%;
  height: 42%;
  z-index: 2;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0));
  filter: blur(18px);
  opacity: 0;
  pointer-events: none;
}

#w26ghostSection .w26ghost-logo-main,
#w26ghostSection .w26ghost-metal-soft,
#w26ghostSection .w26ghost-metal-line {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
}

#w26ghostSection .w26ghost-logo-main {
  position: relative;
  z-index: 3;
  filter: drop-shadow(0 24px 60px rgba(0,0,0,0.42));
  transition: opacity .45s ease;
  opacity: 1;
}

#w26ghostSection .w26ghost-metal-soft,
#w26ghostSection .w26ghost-metal-line {
  position: absolute;
  inset: 0;
  z-index: 4;
  opacity: 0;
  mix-blend-mode: screen;
  pointer-events: none;
}

#w26ghostSection .w26ghost-metal-soft {
  filter: brightness(1.22) blur(2.2px);
  -webkit-mask-image: linear-gradient(108deg, transparent 20%, rgba(0,0,0,.96) 36%, rgba(0,0,0,.96) 56%, transparent 72%);
  mask-image: linear-gradient(108deg, transparent 20%, rgba(0,0,0,.96) 36%, rgba(0,0,0,.96) 56%, transparent 72%);
  -webkit-mask-size: 245% 100%;
  mask-size: 245% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: -170% 0;
  mask-position: -170% 0;
}

#w26ghostSection .w26ghost-metal-line {
  filter: brightness(1.7) blur(.4px);
  -webkit-mask-image: linear-gradient(106deg, transparent 41%, rgba(0,0,0,.99) 48%, rgba(0,0,0,.99) 50%, transparent 58%);
  mask-image: linear-gradient(106deg, transparent 41%, rgba(0,0,0,.99) 48%, rgba(0,0,0,.99) 50%, transparent 58%);
  -webkit-mask-size: 260% 100%;
  mask-size: 260% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 155% 0;
  mask-position: 155% 0;
}

#w26ghostSection.is-settled .w26ghost-logo-main {
  opacity: 0.12;
}

#w26ghostSection.is-settled .w26ghost-aura {
  opacity: .32;
  animation: w26ghostPulse 3.6s ease-in-out infinite;
}

#w26ghostSection.is-settled .w26ghost-topgleam {
  opacity: .24;
  animation: w26ghostTopGleam 4.4s ease-in-out infinite;
}

#w26ghostSection.is-settled .w26ghost-metal-soft {
  opacity: .38;
  animation: w26ghostSoftSweep 4.3s linear infinite;
}

#w26ghostSection.is-settled .w26ghost-metal-line {
  opacity: .78;
  animation: w26ghostLineSweep 3.1s linear infinite;
}

#w26ghostSection .w26ghost-content {
  position: absolute;
  left: 50%;
  bottom: 15vh;
  width: min(760px, calc(100% - 32px));
  transform: translateX(-50%);
  text-align: center;
}

#w26ghostSection .w26ghost-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 11px 22px;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04));
  backdrop-filter: blur(14px);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #f7fbff;
  box-shadow:
    0 10px 30px rgba(0,0,0,0.18),
    inset 0 1px 0 rgba(255,255,255,0.10);
  opacity: 0;
}

#w26ghostSection .w26ghost-details {
  margin-top: 24px;
  opacity: 0;
}

#w26ghostSection .w26ghost-title,
#w26ghostSection .w26ghost-subtitle {
  margin: 0;
  text-align: center;
}

#w26ghostSection .w26ghost-title {
  font-size: clamp(17px, 1.45vw, 20px);
  line-height: 1.5;
  font-weight: 400;
  color: #bcc7d8;
  letter-spacing: 0.01em;
}

#w26ghostSection .w26ghost-subtitle {
  margin-top: 2px;
  font-size: clamp(17px, 1.45vw, 20px);
  line-height: 1.5;
  font-weight: 400;
  color: #8f9cb0;
}

#w26ghostSection .w26ghost-ai {
  display: inline-block;
  font-weight: 800;
  letter-spacing: 0.02em;
  background: linear-gradient(
    90deg,
    #7fd6ff 0%,
    #78a6ff 24%,
    #9ef7df 48%,
    #ffffff 62%,
    #8bb8ff 78%,
    #7fd6ff 100%
  );
  background-size: 240% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: w26ghostAiFlow 7s linear infinite;
}

#w26ghostSection .w26ghost-button,
#w26ghostSection .w26ghost-button:link,
#w26ghostSection .w26ghost-button:visited,
#w26ghostSection .w26ghost-button:hover,
#w26ghostSection .w26ghost-button:active,
#w26ghostSection .w26ghost-button:focus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  isolation: isolate;
  min-width: 196px;
  margin-top: 32px;
  padding: 15px 30px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.42);
  background:
    radial-gradient(circle at 22% 0%, rgba(255,255,255,0.96), rgba(255,255,255,0) 26%),
    linear-gradient(135deg, #ffffff 0%, #edf4ff 46%, #a8caff 100%);
  color: #07111e !important;
  font-weight: 800;
  letter-spacing: 0.01em;
  text-decoration: none !important;
  overflow: hidden;
  box-shadow:
    0 16px 42px rgba(124, 173, 255, 0.24),
    0 0 0 1px rgba(127,216,255,0.08),
    inset 0 1px 0 rgba(255,255,255,0.78),
    inset 0 -12px 22px rgba(79,128,205,0.12);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, border-color .2s ease;
}

#w26ghostSection .w26ghost-button::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(
    105deg,
    transparent 0%,
    transparent 34%,
    rgba(255,255,255,0.72) 45%,
    rgba(255,255,255,0.34) 50%,
    transparent 62%,
    transparent 100%
  );
  transform: translateX(-135%) skewX(-12deg);
  animation: w26ghostButtonSheen 4.2s ease-in-out infinite;
}

#w26ghostSection .w26ghost-button::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.46),
    inset 0 0 0 2px rgba(127,216,255,0.10);
}

#w26ghostSection .w26ghost-button:hover,
#w26ghostSection .w26ghost-button:focus {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,0.62);
  box-shadow:
    0 24px 58px rgba(124, 173, 255, 0.34),
    0 0 0 6px rgba(127,216,255,0.08),
    0 0 30px rgba(126,246,223,0.12),
    inset 0 1px 0 rgba(255,255,255,0.88),
    inset 0 -12px 22px rgba(79,128,205,0.14);
  filter: brightness(1.025);
  color: #07111e !important;
  text-decoration: none !important;
}

@keyframes w26ghostAiFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 240% 50%; }
}

@keyframes w26ghostButtonSheen {
  0%, 48% { transform: translateX(-135%) skewX(-12deg); opacity: 0; }
  56% { opacity: .95; }
  76%, 100% { transform: translateX(135%) skewX(-12deg); opacity: 0; }
}

@keyframes w26ghostSoftSweep {
  0% { -webkit-mask-position: -170% 0; mask-position: -170% 0; }
  100% { -webkit-mask-position: 145% 0; mask-position: 145% 0; }
}

@keyframes w26ghostLineSweep {
  0% { -webkit-mask-position: 155% 0; mask-position: 155% 0; }
  100% { -webkit-mask-position: -155% 0; mask-position: -155% 0; }
}

@keyframes w26ghostPulse {
  0%, 100% {
    transform: scale(.97);
    opacity: .34;
  }
  50% {
    transform: scale(1.012);
    opacity: .48;
  }
}

@keyframes w26ghostTopGleam {
  0%, 100% {
    opacity: .20;
    transform: translateY(0);
  }
  50% {
    opacity: .31;
    transform: translateY(-3px);
  }
}

@media (max-width: 991px) {
  #w26ghostSection .w26ghost-logo-wrap {
    width: min(560px, 84vw);
    top: 39%;
  }

  #w26ghostSection .w26ghost-content {
    bottom: 25vh;
  }

  #w26ghostSection .w26ghost-badge {
    font-size: 12px;
    letter-spacing: .11em;
    padding: 10px 16px;
  }

  #w26ghostSection .w26ghost-title,
  #w26ghostSection .w26ghost-subtitle {
    font-size: 15px;
  }

  #w26ghostSection .w26ghost-details {
    margin-top: 14px;
  }

  #w26ghostSection .w26ghost-button {
    margin-top: 24px;
    overflow: visible;
    border-color: rgba(255,255,255,0.62);
    box-shadow:
      0 24px 58px rgba(124, 173, 255, 0.34),
      0 0 0 6px rgba(127,216,255,0.12),
      0 0 38px rgba(126,246,223,0.16),
      inset 0 1px 0 rgba(255,255,255,0.88),
      inset 0 -12px 22px rgba(79,128,205,0.14);
    filter: brightness(1.025);
  }

  #w26ghostSection .w26ghost-button::after {
    inset: -7px;
    box-shadow:
      0 0 0 1px rgba(255,255,255,0.34),
      0 0 18px rgba(127,216,255,0.22),
      0 0 34px rgba(126,246,223,0.14);
  }

  #w26ghostSection .w26ghost-button:hover,
  #w26ghostSection .w26ghost-button:focus,
  #w26ghostSection .w26ghost-button:active {
    transform: none;
    border-color: rgba(255,255,255,0.62);
    box-shadow:
      0 26px 60px rgba(124, 173, 255, 0.38),
      0 0 0 6px rgba(127,216,255,0.12),
      0 0 62px rgba(126,246,223,0.28),
      inset 0 1px 0 rgba(255,255,255,0.92),
      inset 0 -12px 22px rgba(79,128,205,0.16);
    filter: brightness(1.035);
  }

  #w26ghostSection .w26ghost-button:hover::after,
  #w26ghostSection .w26ghost-button:focus::after,
  #w26ghostSection .w26ghost-button:active::after {
    box-shadow:
      0 0 0 1px rgba(255,255,255,0.34),
      0 0 24px rgba(127,216,255,0.30),
      0 0 46px rgba(126,246,223,0.22);
  }
}

@media (prefers-reduced-motion: reduce) {
  #w26ghostSection .w26ghost-button::before {
    animation: none;
  }
}

/* ==========================================================================
   AKINSOFT HERO LOGO + VIDEO REFLECTION STRIP (V11 STABIL)
   HTML: raw-content/akinsoft-hero-logo-video.html
   ========================================================================== */
/* AKINSOFT HERO V11 - Video yansıması logo animasyonu bitmeden erken başlar / WordPress bağımsız stil */
.ak-wp-hero,
.ak-wp-hero * {
  box-sizing: border-box;
}

.ak-wp-hero {
  --ak-hero-safe-top: 0px;
  --ak-hero-safe-bottom: 0px;
  --ak-fit-height: 100vh;
  --ak-extra-desktop-offset: 0px;
  --ak-extra-mobile-offset: 0px;
  width: 100%;
  height: var(--ak-fit-height);
  min-height: var(--ak-fit-height);
  max-height: var(--ak-fit-height);
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 18% 18%, rgba(7,162,79,.16), transparent 30%),
    radial-gradient(circle at 82% 24%, rgba(1,77,141,.18), transparent 34%),
    radial-gradient(circle at 50% 90%, rgba(7,162,79,.08), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
  padding: clamp(24px, 4.2vh, 52px) 15px clamp(112px, 14vh, 156px);
  margin: 0 !important;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  font-family: Inter, Arial, sans-serif;
  visibility: hidden;
  opacity: 0;
  transform: translateZ(0);
}

.ak-wp-hero.ak-layout-ready {
  visibility: visible;
  opacity: 1;
  transition: opacity .16s ease;
}

/* Yükseklik JS ile gerçek görünen alana göre ayarlanır. 100vh/100dvh farkı WordPress header altında taşma yapmasın diye override edilmez. */

.ak-wp-video-wash {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.70), rgba(255,255,255,.48) 32%, rgba(255,255,255,.72) 62%, rgba(247,250,252,.92) 100%),
    linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.58) 48%, rgba(247,250,252,.95) 100%);
  backdrop-filter: blur(.25px);
  -webkit-backdrop-filter: blur(.25px);
}

.ak-wp-video-wash::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 22% 22%, rgba(7,162,79,.18), transparent 28%),
    radial-gradient(circle at 78% 18%, rgba(1,77,141,.18), transparent 32%),
    linear-gradient(90deg, rgba(255,255,255,.55), transparent 30%, transparent 70%, rgba(255,255,255,.55));
  opacity: .92;
}

.ak-wp-hero-wrapper {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  z-index: 5;
}

@media (min-width: 769px) {
  .ak-wp-hero-wrapper {
    /* Desktop fix: logo üst çizgileri kırpılmasın diye hero sahnesini çok yukarı taşımıyoruz. */
    transform: translateY(0);
  }
}

.ak-wp-hero .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.ak-wp-logo-svg {
  display: block;
  width: 100%;
  max-width: clamp(320px, 34vw, 400px);
  height: auto;
  overflow: visible;
  filter: drop-shadow(0 24px 42px rgba(1,77,141,.14));
  will-change: transform, filter;
}

.ak-wp-hero .st0 { fill: #07a24f; }
.ak-wp-hero .st1 { fill-rule: evenodd; }
.ak-wp-hero .st1,
.ak-wp-hero .st2 { fill: #014d8d; }

.ak-wp-hero .svg-world-l-1,
.ak-wp-hero .svg-world-l-2,
.ak-wp-hero .svg-world-l-3,
.ak-wp-hero .svg-world-l-4,
.ak-wp-hero .svg-world-l-5,
.ak-wp-hero .svg-world-l-6,
.ak-wp-hero .svg-world-r-1,
.ak-wp-hero .svg-world-r-2,
.ak-wp-hero .svg-world-r-3,
.ak-wp-hero .svg-world-r-4,
.ak-wp-hero .svg-world-r-5,
.ak-wp-hero .svg-world-r-6 {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center center;
}

.ak-wp-hero .svg-char-a,
.ak-wp-hero .svg-char-k,
.ak-wp-hero .svg-char-i,
.ak-wp-hero .svg-char-n,
.ak-wp-hero .svg-char-s,
.ak-wp-hero .svg-char-o,
.ak-wp-hero .svg-char-f,
.ak-wp-hero .svg-char-t,
.ak-wp-hero .svg-reg,
.ak-wp-hero .svg-bchar-a,
.ak-wp-hero .svg-circle {
  opacity: 0;
}


.ak-wp-hero::before {
  content: "";
  position: absolute;
  inset: -35%;
  background: linear-gradient(115deg, transparent 42%, rgba(255,255,255,.55) 50%, transparent 58%);
  transform: translateX(-42%) rotate(8deg);
  animation: akWpHeroLightMove 8.5s ease-in-out infinite;
  pointer-events: none;
  z-index: 3;
}

.ak-wp-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(1,77,141,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(1,77,141,.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, rgba(0,0,0,.6), transparent 72%);
  -webkit-mask-image: radial-gradient(circle at center, rgba(0,0,0,.6), transparent 72%);
  opacity: .48;
  pointer-events: none;
  z-index: 2;
}

.ak-wp-orb {
  position: absolute;
  width: 360px;
  height: 360px;
  border-radius: 999px;
  filter: blur(34px);
  opacity: .26;
  pointer-events: none;
  z-index: 2;
  animation: akWpOrbFloat 9s ease-in-out infinite;
}

.ak-wp-orb-blue {
  right: -140px;
  top: 40px;
  background: rgba(1,77,141,.52);
}

.ak-wp-orb-green {
  left: -160px;
  bottom: -90px;
  background: rgba(7,162,79,.46);
  animation-delay: -3s;
}

.ak-wp-grid-glow {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(760px, 92vw);
  height: min(500px, 70vw);
  transform: translate(-50%, -48%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.92), rgba(255,255,255,.26) 52%, transparent 72%);
  pointer-events: none;
  z-index: 3;
}

.ak-wp-hero-content {
  margin-top: clamp(8px, 1.5vh, 12px);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 4;
  will-change: transform, opacity;
}

.ak-wp-reflection-shell {
  position: relative;
  width: 650px;
  max-width: min(100%, 92vw);
  height: clamp(106px, 14.5vh, 132px);
  margin: clamp(2px, .7vh, 6px) auto clamp(2px, .7vh, 6px);
  border-radius: 999px;
  overflow: hidden;
  transform-origin: center;
  isolation: isolate;
  filter: drop-shadow(0 18px 30px rgba(1,77,141,.14));
  background:
    radial-gradient(ellipse at center, rgba(255,255,255,.86) 0%, rgba(255,255,255,.46) 45%, rgba(255,255,255,0) 76%);
  -webkit-mask-image: radial-gradient(ellipse at center, #000 0%, #000 50%, rgba(0,0,0,.70) 66%, transparent 86%);
  mask-image: radial-gradient(ellipse at center, #000 0%, #000 50%, rgba(0,0,0,.70) 66%, transparent 86%);
}

.ak-wp-reflection-shell::before {
  content: "";
  position: absolute;
  inset: 10px 42px 12px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 18% 50%, rgba(7,162,79,.22), transparent 32%),
    radial-gradient(circle at 82% 44%, rgba(1,77,141,.22), transparent 34%),
    rgba(255,255,255,.44);
  filter: blur(6px);
  z-index: 0;
  opacity: .9;
}

.ak-wp-reflection-shell::after {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: -48%;
  width: 36%;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.86), transparent);
  transform: skewX(-18deg);
  opacity: 0;
  z-index: 4;
  pointer-events: none;
}

.ak-wp-hero.is-ready .ak-wp-reflection-shell::after {
  animation: akWpReflectionSheen 4.4s ease-in-out 1s infinite;
}

.ak-wp-reflection-video {
  position: absolute;
  inset: -34% -10%;
  width: 120%;
  height: 168%;
  object-fit: cover;
  object-position: center center;
  display: block;
  opacity: .88;
  z-index: 1;
  transform: scale(1.045);
  filter: saturate(1.28) contrast(1.12) brightness(1.08) blur(.05px);
  mix-blend-mode: normal;
  will-change: transform, opacity, filter;
}

.ak-wp-reflection-glow {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.40), rgba(255,255,255,.02) 46%, rgba(255,255,255,.42)),
    radial-gradient(ellipse at center, transparent 0%, transparent 50%, rgba(255,255,255,.48) 76%, rgba(255,255,255,.76) 100%);
}

.ak-wp-reflection-glow::before {
  content: "";
  position: absolute;
  left: 14%;
  right: 14%;
  bottom: 12px;
  height: 16px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(1,77,141,.22), rgba(7,162,79,.22), transparent);
  filter: blur(7px);
  opacity: .95;
}

.ak-wp-demo-btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin-top: clamp(8px, 1.4vh, 12px);
  padding: 14px 34px;
  border-radius: 999px;
  background: linear-gradient(135deg, #014d8d 0%, #0866bd 48%, #07a24f 100%);
  color: #fff !important;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 850;
  letter-spacing: .25px;
  line-height: 1;
  border: 1px solid rgba(255,255,255,.45);
  box-shadow:
    0 18px 42px rgba(1,77,141,.25),
    inset 0 1px 0 rgba(255,255,255,.35);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  will-change: transform;
}

.ak-wp-demo-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  left: -130%;
  width: 80%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.48), transparent);
  transform: skewX(-18deg);
  transition: left .75s ease;
}

.ak-wp-demo-btn::after {
  content: "→";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  margin-left: 9px;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  font-size: 13px;
  line-height: 1;
  transition: transform .25s ease, background .25s ease;
}

.ak-wp-demo-btn:hover {
  transform: translateY(-2px);
  box-shadow:
    0 24px 54px rgba(1,77,141,.30),
    inset 0 1px 0 rgba(255,255,255,.44);
  filter: brightness(1.04);
}

.ak-wp-demo-btn:hover::before {
  left: 135%;
}

.ak-wp-demo-btn:hover::after {
  transform: translateX(3px);
  background: rgba(255,255,255,.28);
}

@keyframes akWpHeroLightMove {
  0%, 100% { transform: translateX(-46%) rotate(8deg); opacity: .30; }
  50% { transform: translateX(34%) rotate(8deg); opacity: .68; }
}

@keyframes akWpOrbFloat {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(14px, -18px, 0) scale(1.05); }
}

@keyframes akWpReflectionSheen {
  0% { left: -48%; opacity: 0; }
  12% { opacity: .78; }
  30% { left: 110%; opacity: 0; }
  100% { left: 110%; opacity: 0; }
}


@media (max-width: 768px) {
  .ak-wp-hero::before,
  .ak-wp-orb,
  .ak-wp-hero.is-ready .ak-wp-reflection-shell::after {
    animation: none !important;
  }

  .ak-wp-hero::after {
    opacity: .28;
  }

  .ak-wp-logo-svg {
    filter: drop-shadow(0 14px 22px rgba(1,77,141,.10));
  }

  .ak-wp-reflection-shell {
    filter: drop-shadow(0 12px 18px rgba(1,77,141,.10));
  }
}

@media (max-width: 768px) {
  .ak-wp-hero {
    height: var(--ak-fit-height);
    min-height: var(--ak-fit-height);
    max-height: var(--ak-fit-height);
    padding: clamp(24px, 5.8vh, 44px) 14px clamp(20px, 5vh, 38px);
  }

  .ak-wp-video-wash {
    background:
      radial-gradient(circle at 50% 38%, rgba(255,255,255,.78), rgba(255,255,255,.65) 36%, rgba(247,250,252,.96) 100%),
      linear-gradient(180deg, rgba(255,255,255,.82), rgba(247,250,252,.98));
  }

  .ak-wp-logo-svg {
    max-width: clamp(250px, 70vw, 310px);
  }

  .ak-wp-reflection-shell {
    width: 560px;
    max-width: 94vw;
    height: clamp(92px, 14.8vh, 112px);
  }

  .ak-wp-reflection-video {
    inset: -30% -16%;
    width: 132%;
    height: 160%;
    opacity: .86;
    filter: saturate(1.26) contrast(1.11) brightness(1.08) blur(.05px);
  }

  .ak-wp-orb {
    width: 240px;
    height: 240px;
    filter: blur(30px);
  }

  .ak-wp-demo-btn {
    min-height: 42px;
    padding: 12px 24px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .ak-wp-hero {
    padding: clamp(18px, 5vh, 34px) 12px clamp(18px, 4.8vh, 30px);
  }

  .ak-wp-logo-svg {
    max-width: clamp(218px, 73vw, 270px);
  }

  .ak-wp-hero-content {
    margin-top: clamp(4px, 1vh, 8px);
  }

  .ak-wp-reflection-shell {
    height: clamp(82px, 14vh, 102px);
    max-width: 96vw;
  }

  .ak-wp-demo-btn {
    min-height: 40px;
    padding: 11px 22px;
    font-size: 13px;
    margin-top: clamp(6px, 1.2vh, 9px);
  }
}

@media (max-height: 620px) and (min-width: 769px) {
  .ak-wp-hero {
    padding-top: 16px;
    padding-bottom: 78px;
    min-height: var(--ak-fit-height);
  }

  .ak-wp-logo-svg {
    max-width: 330px;
  }

  .ak-wp-reflection-shell {
    height: 104px;
  }
}

@media (max-height: 560px) and (max-width: 768px) {
  .ak-wp-logo-svg {
    max-width: clamp(210px, 62vw, 250px);
  }

  .ak-wp-reflection-shell {
    height: clamp(76px, 13vh, 90px);
  }

  .ak-wp-demo-btn {
    min-height: 38px;
    padding: 10px 20px;
  }
}


/* AKINSOFT Hero desktop top safe area */
@media (min-width: 769px) {
  #akWpHero.ak-wp-hero {
    padding-top: clamp(34px, 5.2vh, 68px);
  }
}

/* AKINSOFT HERO - Desktop logo aşağı alma override */
@media (min-width: 769px) {
  #akWpHero .ak-wp-hero-wrapper {
    transform: translateY(36px) !important;
  }
}


/* ===================== AKINSOFT Campaign Slider ===================== */
.as-campaign-section,
.as-campaign-section * {
  box-sizing: border-box;
}

.as-campaign-section {
  position: relative;
  width: 100%;
  padding: clamp(54px, 7vw, 96px) 15px;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 12%, rgba(7,162,79,.10), transparent 30%),
    radial-gradient(circle at 88% 8%, rgba(1,77,141,.12), transparent 34%),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 48%, #f7fafc 100%);
  isolation: isolate;
  font-family: Inter, Arial, sans-serif;
}

.as-campaign-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(1,77,141,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(1,77,141,.035) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: radial-gradient(circle at center, rgba(0,0,0,.65), transparent 74%);
  -webkit-mask-image: radial-gradient(circle at center, rgba(0,0,0,.65), transparent 74%);
  opacity: .55;
  pointer-events: none;
  z-index: 0;
}

.as-campaign-container {
  position: relative;
  z-index: 1;
  width: min(1180px, 100%);
  margin: 0 auto;
}

.as-campaign-heading {
  text-align: center;
  margin: 0 auto clamp(28px, 4vw, 48px);
}

.as-campaign-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 7px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(1,77,141,.10);
  color: #07a24f;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
  box-shadow: 0 14px 34px rgba(1,77,141,.08);
}

.as-campaign-heading h2 {
  margin: 14px 0 0;
  color: #071827;
  font-size: clamp(34px, 4vw, 58px);
  line-height: .98;
  font-weight: 900;
  letter-spacing: -0.045em;
}

.as-campaign-heading p {
  margin: 12px auto 0;
  max-width: 620px;
  color: rgba(7,24,39,.62);
  font-size: clamp(15px, 1.5vw, 18px);
  line-height: 1.55;
}

.as-campaign-slider {
  position: relative;
  padding: 0 clamp(0px, 3vw, 44px);
}

.as-campaign-viewport {
  overflow: hidden;
  border-radius: clamp(22px, 2vw, 32px);
}

.as-campaign-track {
  display: flex;
  gap: clamp(18px, 2.2vw, 28px);
  will-change: transform;
  transition: transform .62s cubic-bezier(.22, 1, .36, 1);
}

.as-campaign-card {
  flex: 0 0 calc((100% - clamp(18px, 2.2vw, 28px)) / 2);
  min-width: 0;
  position: relative;
  display: block;
  color: inherit;
  text-decoration: none !important;
  border-radius: clamp(22px, 2vw, 32px);
  overflow: hidden;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(255,255,255,.74);
  box-shadow:
    0 24px 70px rgba(1,77,141,.14),
    0 10px 24px rgba(7,162,79,.06),
    inset 0 1px 0 rgba(255,255,255,.76);
  transform: translateZ(0);
  transition: box-shadow .35s ease, filter .35s ease;
}

.as-campaign-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 3;
  opacity: 0;
  background:
    linear-gradient(115deg, transparent 0%, transparent 36%, rgba(255,255,255,.42) 50%, transparent 64%, transparent 100%),
    radial-gradient(circle at 50% 0%, rgba(7,162,79,.16), transparent 42%);
  transform: translateX(-18%);
  transition: opacity .35s ease, transform .55s ease;
}

.as-campaign-card:hover::before {
  opacity: 1;
  transform: translateX(18%);
}

.as-campaign-card:hover {
  transform: translateZ(0);
  box-shadow:
    0 34px 88px rgba(1,77,141,.18),
    0 14px 30px rgba(7,162,79,.08),
    0 0 0 1px rgba(7,162,79,.18),
    inset 0 1px 0 rgba(255,255,255,.86);
  filter: brightness(1.018) saturate(1.02);
}

.as-campaign-image-wrap {
  position: relative;
  aspect-ratio: 1260 / 680;
  width: 100%;
  background:
    radial-gradient(circle at 22% 20%, rgba(7,162,79,.12), transparent 30%),
    radial-gradient(circle at 78% 18%, rgba(1,77,141,.12), transparent 32%),
    #f7fafc;
  overflow: hidden;
}

.as-campaign-image-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), transparent 42%, rgba(0,0,0,.03)),
    linear-gradient(115deg, transparent 0%, transparent 42%, rgba(255,255,255,.34) 50%, transparent 58%, transparent 100%);
  opacity: .72;
}

.as-campaign-card-image {
  display: block;
  width: 100%;
  height: 100%;
}


.as-campaign-image-wrap picture {
  display: block;
  width: 100%;
  height: 100%;
}


.as-fit-contain .as-campaign-card-image {
  object-fit: contain;
}

.as-fit-cover .as-campaign-card-image {
  object-fit: cover;
}

.as-campaign-info {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "date days"
    "warning warning";
  gap: 12px;
  align-items: center;
  padding: 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,254,.94));
}

.as-campaign-date {
  grid-area: date;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.as-campaign-date-icon {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: rgba(1,77,141,.08);
  border: 1px solid rgba(1,77,141,.10);
  font-size: 16px;
}

.as-campaign-date-label {
  color: rgba(7,24,39,.48);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
  white-space: nowrap;
}

.as-campaign-date strong {
  color: #071827;
  font-size: clamp(16px, 1.6vw, 22px);
  font-weight: 900;
  letter-spacing: .02em;
  white-space: nowrap;
}

.as-campaign-days {
  grid-area: days;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 10px 18px;
  border-radius: 999px;
  color: #fff;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .02em;
  white-space: nowrap;
  box-shadow: 0 0 0 0 rgba(245,158,11,.42);
  animation: asCampaignPulseWarm 2.2s infinite;
}

.as-campaign-days-icon {
  display: inline-block;
  transform-origin: 50% 55%;
  animation: asCampaignHourglass 2.4s cubic-bezier(.45,.05,.55,.95) infinite;
}

.as-campaign-days.is-warm {
  background: linear-gradient(135deg, #f59e0b, #f97316);
}

.as-campaign-days.is-soon {
  background: linear-gradient(135deg, #f97316, #eaac12);
}

.as-campaign-days.is-urgent {
  background: linear-gradient(135deg, #f59e0b, #d97706);
}

.as-campaign-days.is-hot {
  background: linear-gradient(135deg, #d97706, #9a6700);
}

.as-campaign-warning {
  grid-area: warning;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  gap: 7px;
  min-height: 34px;
  padding: 8px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, #e63946, #b21f2d);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
  box-shadow: 0 0 0 0 rgba(230,57,70,.56);
  animation: asCampaignPulse 2.2s infinite;
}

.as-campaign-warning-icon {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.34);
  color: #fff;
  font-size: 13px;
  font-weight: 950;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28);
}

.as-campaign-nav {
  all: unset;
  position: absolute;
  top: 50%;
  z-index: 4;
  width: 46px;
  height: 46px;
  margin-top: -23px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(1,77,141,.12);
  box-shadow: 0 16px 38px rgba(1,77,141,.14);
  color: #014d8d;
  cursor: pointer;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: transform .25s ease, box-shadow .25s ease, opacity .25s ease;
}

.as-campaign-nav:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 48px rgba(1,77,141,.18);
}

.as-campaign-nav span {
  display: block;
  font-size: 34px;
  line-height: 1;
  margin-top: -3px;
}

.as-campaign-prev {
  left: 0;
}

.as-campaign-next {
  right: 0;
}

.as-campaign-nav.is-disabled {
  opacity: .32;
  pointer-events: none;
}

.as-campaign-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin-top: 24px;
}

.as-campaign-dot {
  all: unset;
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(1,77,141,.24);
  cursor: pointer;
  transition: width .3s ease, background .3s ease, opacity .3s ease;
}

.as-campaign-dot.is-active {
  width: 26px;
  background: linear-gradient(90deg, #014d8d, #07a24f);
}

.as-campaign-empty {
  padding: 18px 20px;
  border-radius: 16px;
  background: #fff7e6;
  border: 1px solid #ffe0a3;
  color: #6b4b00;
}

@keyframes asCampaignPulse {
  0% { box-shadow: 0 0 0 0 rgba(230,57,70,.50); }
  70% { box-shadow: 0 0 0 12px rgba(230,57,70,0); }
  100% { box-shadow: 0 0 0 0 rgba(230,57,70,0); }
}

@keyframes asCampaignPulseWarm {
  0% { box-shadow: 0 0 0 0 rgba(245,158,11,.46); }
  70% { box-shadow: 0 0 0 12px rgba(245,158,11,0); }
  100% { box-shadow: 0 0 0 0 rgba(245,158,11,0); }
}

@keyframes asCampaignHourglass {
  0%, 16% { transform: rotate(0deg); }
  34%, 52% { transform: rotate(180deg); }
  70%, 100% { transform: rotate(360deg); }
}

@media (min-width: 769px) and (max-width: 1199px) {
  .as-campaign-image-wrap {
    aspect-ratio: 934 / 628;
  }
}

@media (max-width: 1024px) {
  .as-campaign-slider {
    padding: 0;
  }

  .as-campaign-card {
    flex-basis: 78%;
  }

  .as-campaign-nav {
    display: none;
  }
}

@media (max-width: 768px) {
  .as-campaign-section {
    padding: clamp(42px, 9vw, 64px) 12px;
  }

  .as-campaign-heading {
    margin-bottom: 24px;
  }

  .as-campaign-heading h2 {
    font-size: clamp(31px, 9vw, 42px);
  }

  .as-campaign-card {
    flex-basis: 88%;
    border-radius: 22px;
  }

  .as-campaign-image-wrap {
    aspect-ratio: 400 / 480;
  }

  .as-campaign-info {
    grid-template-columns: 1fr;
    grid-template-areas:
      "date"
      "days"
      "warning";
    gap: 10px;
    padding: 12px;
  }

  .as-campaign-date {
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    text-align: center;
  }

  .as-campaign-date strong {
    font-size: 17px;
  }

  .as-campaign-date-icon {
    width: 32px;
    height: 32px;
    font-size: 15px;
  }

  .as-campaign-days {
    justify-self: stretch;
    min-height: 38px;
    font-size: 13px;
    letter-spacing: .04em;
  }

  .as-campaign-warning {
    width: 100%;
    font-size: 11px;
    min-height: 32px;
  }
}

@media (max-width: 480px) {
  .as-campaign-card {
    flex-basis: 92%;
  }

  .as-campaign-track {
    gap: 14px;
  }

  .as-campaign-date-label {
    font-size: 10px;
  }

  .as-campaign-date strong {
    font-size: 16px;
  }
}




/* ===================== Campaign Slider Final V2 refinements ===================== */

/* Son Gün olduğunda sıcak flash efekti */
.as-campaign-days.is-final-day {
  position: relative;
  overflow: hidden;
  animation:
    asCampaignPulseWarm 1.65s infinite,
    asCampaignFinalFlash 1.25s ease-in-out infinite;
}

.as-campaign-days.is-final-day::after {
  content: "";
  position: absolute;
  inset: -30% -18%;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 34%, rgba(255,255,255,.72) 50%, transparent 66%);
  transform: translateX(-120%) skewX(-16deg);
  animation: asCampaignFinalSheen 1.45s ease-in-out infinite;
}

.as-campaign-days.is-final-day > span {
  position: relative;
  z-index: 1;
}

@keyframes asCampaignFinalFlash {
  0%, 100% {
    filter: brightness(1) saturate(1);
  }
  45% {
    filter: brightness(1.22) saturate(1.12);
  }
}

@keyframes asCampaignFinalSheen {
  0% {
    opacity: 0;
    transform: translateX(-120%) skewX(-16deg);
  }
  28% {
    opacity: .85;
  }
  100% {
    opacity: 0;
    transform: translateX(120%) skewX(-16deg);
  }
}

@media (max-width: 768px) {
  /* Mobilde layer hover/touch ışık efekti kapalı */
  .as-campaign-card::before,
  .as-campaign-card:hover::before {
    display: none !important;
    opacity: 0 !important;
  }

  .as-campaign-card:hover {
    filter: none;
    box-shadow:
      0 24px 70px rgba(1,77,141,.14),
      0 10px 24px rgba(7,162,79,.06),
      inset 0 1px 0 rgba(255,255,255,.76);
  }

  /* Mobilde Son X Gün daha belirgin */
  .as-campaign-days {
    min-height: 42px;
    font-size: 15px;
    font-weight: 950;
    letter-spacing: .045em;
  }

  .as-campaign-days-icon {
    font-size: 16px;
  }

  /* Mobilde yalnızca bitiş tarihi kalan kartlar daha dengeli dursun */
  .as-campaign-card.is-date-only .as-campaign-info {
    min-height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 14px 24px;
  }

  .as-campaign-card.is-date-only .as-campaign-date {
    width: 100%;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
    text-align: center;
    transform: translateY(4px);
  }

  .as-campaign-card.is-date-only .as-campaign-date-icon {
    width: 38px;
    height: 38px;
    font-size: 18px;
    background: rgba(1,77,141,.10);
  }

  .as-campaign-card.is-date-only .as-campaign-date-label {
    font-size: 12px;
    letter-spacing: .13em;
  }

  .as-campaign-card.is-date-only .as-campaign-date strong {
    font-size: 21px;
    line-height: 1.05;
  }
}

@media (max-width: 480px) {
  .as-campaign-days {
    font-size: 14px;
  }

  .as-campaign-card.is-date-only .as-campaign-info {
    min-height: 104px;
    padding: 20px 12px 22px;
  }

  .as-campaign-card.is-date-only .as-campaign-date strong {
    font-size: 20px;
  }
}




/* ===================== Campaign Slider Final V4 - Wide Desktop ===================== */
/*
  Masaüstünde kampanya kartları daha geniş görünür.
  Kenar fade/blur efekti kullanılmaz.
  Tablet ve mobil düzen korunur.
*/

@media (min-width: 1200px) {
  .as-campaign-container {
    width: min(1480px, calc(100vw - 48px));
  }

  .as-campaign-slider {
    padding: 0 clamp(18px, 2.8vw, 54px);
  }

  .as-campaign-viewport {
    border-radius: clamp(24px, 1.8vw, 34px);
  }

  .as-campaign-track {
    gap: clamp(24px, 2.2vw, 34px);
  }

  .as-campaign-card {
    flex-basis: calc((100% - clamp(24px, 2.2vw, 34px)) / 2);
    border-radius: clamp(24px, 1.8vw, 34px);
  }

  .as-campaign-image-wrap {
    aspect-ratio: 1260 / 680;
  }

  .as-campaign-info {
    padding: 15px 18px;
  }

  .as-campaign-nav {
    width: 50px;
    height: 50px;
    margin-top: -25px;
  }
}

@media (min-width: 1500px) {
  .as-campaign-container {
    width: min(1600px, calc(100vw - 64px));
  }

  .as-campaign-slider {
    padding-left: 42px;
    padding-right: 42px;
  }
}

/* Önceki testte eklenmiş kenar fade varsa kesin kapat */
.as-campaign-viewport::before,
.as-campaign-viewport::after {
  display: none !important;
  content: none !important;
}




/* ===================== Campaign Slider Final V5 - Progress Dot + Desktop One Line Info ===================== */

/* Aktif pagination dot: mini progress çizgisi */
.as-campaign-dot {
  position: relative;
  overflow: hidden;
}

.as-campaign-dot.is-active {
  width: 34px;
  background: rgba(1,77,141,.16);
}

.as-campaign-dot.is-active::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 0%;
  border-radius: inherit;
  background: linear-gradient(90deg, #014d8d, #07a24f);
  animation: asCampaignDotProgress 5.2s linear forwards;
}

@keyframes asCampaignDotProgress {
  from { width: 0%; }
  to { width: 100%; }
}

/* Masaüstünde tarih / son gün / uzatılmayacaktır tek satır */
@media (min-width: 1200px) {
  .as-campaign-info {
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas: "date days warning";
    align-items: center;
    gap: 10px;
    min-height: 72px;
    padding: 13px 16px;
  }

  .as-campaign-date {
    min-width: 0;
    gap: 8px;
  }

  .as-campaign-date-icon {
    width: 32px;
    height: 32px;
    font-size: 15px;
  }

  .as-campaign-date-label {
    font-size: 10px;
    letter-spacing: .10em;
  }

  .as-campaign-date strong {
    font-size: clamp(15px, 1.1vw, 18px);
  }

  .as-campaign-days {
    min-height: 36px;
    padding: 8px 13px;
    font-size: 12px;
    gap: 6px;
  }

  .as-campaign-warning {
    width: auto;
    min-height: 36px;
    padding: 8px 12px;
    font-size: 10.5px;
    letter-spacing: .015em;
    white-space: nowrap;
  }

  .as-campaign-warning-icon {
    width: 18px;
    height: 18px;
    font-size: 12px;
  }
}

@media (min-width: 1500px) {
  .as-campaign-info {
    min-height: 76px;
    padding: 14px 18px;
    gap: 12px;
  }

  .as-campaign-date strong {
    font-size: 19px;
  }

  .as-campaign-days {
    padding-left: 15px;
    padding-right: 15px;
  }

  .as-campaign-warning {
    font-size: 11px;
    padding-left: 13px;
    padding-right: 13px;
  }
}




/* ===================== Campaign Slider Final V6 - Progress Pause Sync ===================== */
.as-campaign-slider.as-campaign-paused .as-campaign-dot.is-active::before {
  animation-play-state: paused !important;
}

.as-campaign-slider:not(.as-campaign-paused) .as-campaign-dot.is-active::before {
  animation-play-state: running;
}




/* ===================== Campaign Slider Final V8 - Center Focus Carousel ===================== */
/*
  Masaüstü: ortadaki kampanya büyük, yan kampanyalar küçük ve dengeli.
  Yan kartlara tıklanabilir, mouse/trackpad drag ile döngü devam eder.
*/

.as-campaign-slider.as-campaign-paused .as-campaign-dot.is-active::before {
  animation-play-state: paused !important;
}

.as-campaign-slider:not(.as-campaign-paused) .as-campaign-dot.is-active::before {
  animation-play-state: running;
}

@media (min-width: 1200px) {
  .as-campaign-section {
    padding-left: 0;
    padding-right: 0;
  }

  .as-campaign-container {
    width: 100%;
    max-width: none;
  }

  .as-campaign-heading {
    max-width: 1180px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .as-campaign-slider.as-center-mode {
    --as-drag-x: 0px;
    padding-left: 0;
    padding-right: 0;
  }

  .as-campaign-slider.as-center-mode .as-campaign-viewport {
    position: relative;
    overflow: hidden;
    height: clamp(455px, 39vw, 625px);
    cursor: grab;
    user-select: none;
    touch-action: pan-y;
    border-radius: 0;
  }

  .as-campaign-slider.as-center-mode.as-is-dragging .as-campaign-viewport {
    cursor: grabbing;
  }

  .as-campaign-slider.as-center-mode .as-campaign-track {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    gap: 0;
    transition: none;
    transform: none !important;
    will-change: auto;
  }

  .as-campaign-slider.as-center-mode .as-campaign-card {
    position: absolute;
    left: 50%;
    top: 50%;
    width: clamp(720px, 58vw, 1040px);
    max-width: min(1040px, 70vw);
    flex-basis: auto;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(.72);
    transition:
      transform .66s cubic-bezier(.22, 1, .36, 1),
      opacity .45s ease,
      filter .45s ease,
      box-shadow .45s ease;
  }

  .as-campaign-slider.as-center-mode .as-campaign-card.is-active {
    z-index: 3;
    opacity: 1;
    pointer-events: auto;
    filter: none;
    transform:
      translate(calc(-50% + var(--as-drag-x) * .14), -50%)
      scale(1);
    box-shadow:
      0 34px 90px rgba(1,77,141,.18),
      0 12px 28px rgba(7,162,79,.08),
      inset 0 1px 0 rgba(255,255,255,.86);
  }

  .as-campaign-slider.as-center-mode .as-campaign-card.is-prev {
    z-index: 2;
    opacity: .72;
    pointer-events: auto;
    filter: saturate(.92) brightness(.98);
    transform:
      translate(calc(-50% - min(35vw, 560px) + var(--as-drag-x) * .28), -50%)
      scale(.82);
  }

  .as-campaign-slider.as-center-mode .as-campaign-card.is-next {
    z-index: 2;
    opacity: .72;
    pointer-events: auto;
    filter: saturate(.92) brightness(.98);
    transform:
      translate(calc(-50% + min(35vw, 560px) + var(--as-drag-x) * .28), -50%)
      scale(.82);
  }

  .as-campaign-slider.as-center-mode .as-campaign-card.is-hidden {
    z-index: 1;
    opacity: 0;
    pointer-events: none;
  }

  .as-campaign-slider.as-center-mode .as-campaign-card.is-prev:hover,
  .as-campaign-slider.as-center-mode .as-campaign-card.is-next:hover {
    opacity: .86;
    filter: saturate(1) brightness(1);
  }

  .as-campaign-slider.as-center-mode .as-campaign-nav {
    display: none !important;
  }

  .as-campaign-slider.as-center-mode .as-campaign-dots {
    margin-top: clamp(14px, 1.4vw, 24px);
  }
}

@media (min-width: 1500px) {
  .as-campaign-slider.as-center-mode .as-campaign-viewport {
    height: clamp(500px, 37vw, 690px);
  }

  .as-campaign-slider.as-center-mode .as-campaign-card {
    width: clamp(860px, 56vw, 1120px);
    max-width: min(1120px, 68vw);
  }
}

@media (min-width: 1800px) {
  .as-campaign-slider.as-center-mode .as-campaign-card {
    width: clamp(940px, 54vw, 1220px);
    max-width: min(1220px, 66vw);
  }
}

.as-campaign-slider.as-is-dragging .as-campaign-card,
.as-campaign-slider.as-is-dragging .as-campaign-card * {
  user-select: none;
  -webkit-user-select: none;
}




/* ===================== Campaign Slider Final V9 - Interaction Fix + Side Blur ===================== */
/*
  - Aktif kart linki normal çalışır.
  - Sağ/sol kartlar tıklanabilir değildir.
  - Mouse drag slider genelinden dinlenir.
  - Sağ/sol kartlar hafif blur görünür; merkeze gelince netleşir.
*/

@media (min-width: 1200px) {
  .as-campaign-slider.as-center-mode {
    cursor: grab;
  }

  .as-campaign-slider.as-center-mode.as-is-dragging {
    cursor: grabbing;
  }

  .as-campaign-slider.as-center-mode .as-campaign-card {
    -webkit-user-drag: none;
  }

  .as-campaign-slider.as-center-mode .as-campaign-card img {
    pointer-events: none;
    -webkit-user-drag: none;
  }

  .as-campaign-slider.as-center-mode .as-campaign-card.is-active {
    filter: none;
    opacity: 1;
  }

  .as-campaign-slider.as-center-mode .as-campaign-card.is-prev,
  .as-campaign-slider.as-center-mode .as-campaign-card.is-next {
    cursor: grab;
    opacity: .58;
    filter: blur(1.6px) saturate(.82) brightness(.96);
  }

  .as-campaign-slider.as-center-mode .as-campaign-card.is-prev:hover,
  .as-campaign-slider.as-center-mode .as-campaign-card.is-next:hover {
    opacity: .70;
    filter: blur(1px) saturate(.9) brightness(.98);
  }

  .as-campaign-slider.as-center-mode .as-campaign-card.is-prev::after,
  .as-campaign-slider.as-center-mode .as-campaign-card.is-next::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    background: rgba(255,255,255,.20);
    border-radius: inherit;
  }

  .as-campaign-slider.as-center-mode .as-campaign-card.is-active::after {
    display: none;
  }
}




/* ===================== Campaign Slider Final V10 - Active Link Fix ===================== */
@media (min-width: 1200px) {
  .as-campaign-slider.as-center-mode .as-campaign-card.is-active {
    cursor: pointer;
  }

  .as-campaign-slider.as-center-mode .as-campaign-card.is-prev,
  .as-campaign-slider.as-center-mode .as-campaign-card.is-next {
    cursor: grab;
  }

  .as-campaign-slider.as-center-mode.as-is-dragging .as-campaign-card {
    cursor: grabbing;
  }
}




/* AKINSOFT Campaign Slider - Center Focus size tuning */
@media (min-width: 1200px) {
  .as-campaign-slider.as-center-mode .as-campaign-viewport {
    height: clamp(420px, 35vw, 570px);
  }

  .as-campaign-slider.as-center-mode .as-campaign-card {
    width: clamp(660px, 52vw, 940px);
    max-width: min(940px, 66vw);
  }

  .as-campaign-slider.as-center-mode .as-campaign-card.is-prev {
    transform:
      translate(calc(-50% - min(32vw, 500px) + var(--as-drag-x) * .28), -50%)
      scale(.82);
  }

  .as-campaign-slider.as-center-mode .as-campaign-card.is-next {
    transform:
      translate(calc(-50% + min(32vw, 500px) + var(--as-drag-x) * .28), -50%)
      scale(.82);
  }
}

@media (min-width: 1500px) {
  .as-campaign-slider.as-center-mode .as-campaign-viewport {
    height: clamp(460px, 34vw, 620px);
  }

  .as-campaign-slider.as-center-mode .as-campaign-card {
    width: clamp(760px, 51vw, 1020px);
    max-width: min(1020px, 64vw);
  }
}

@media (min-width: 1800px) {
  .as-campaign-slider.as-center-mode .as-campaign-card {
    width: clamp(840px, 49vw, 1100px);
    max-width: min(1100px, 62vw);
  }
}

/* ===================== Campaign Slider V12 - Mobile visible tuning + swipe fix ===================== */
@media (max-width: 768px) {
  .as-campaign-section {
    padding-left: 6px;
    padding-right: 6px;
  }

  .as-campaign-viewport {
    overflow: hidden;
    border-radius: 24px;
  }

  .as-campaign-track {
    gap: 8px;
  }

  .as-campaign-card {
    flex-basis: 96%;
    border-radius: 24px;
  }

  .as-campaign-image-wrap {
    aspect-ratio: 400 / 480;
  }

  .as-campaign-info {
    padding: 10px 10px 11px;
    gap: 7px;
  }

  .as-campaign-date {
    justify-content: center;
    gap: 8px;
  }

  .as-campaign-date-icon {
    width: 31px;
    height: 31px;
    font-size: 14px;
  }

  .as-campaign-date-label {
    font-size: 10px;
    letter-spacing: .105em;
  }

  .as-campaign-date strong {
    font-size: 17px;
  }

  .as-campaign-days {
    min-height: 39px;
    font-size: 14px;
    font-weight: 950;
    letter-spacing: .04em;
  }

  .as-campaign-warning {
    min-height: 32px;
    font-size: 10.7px;
    letter-spacing: .02em;
  }

  .as-campaign-dots {
    margin-top: 15px;
    gap: 6px;
  }

  .as-campaign-dot {
    width: 6px;
    height: 6px;
  }

  .as-campaign-dot.is-active {
    width: 26px;
  }
}

@media (max-width: 480px) {
  .as-campaign-card {
    flex-basis: 97%;
  }

  .as-campaign-track {
    gap: 8px;
  }

  .as-campaign-date strong {
    font-size: 16px;
  }

  .as-campaign-days {
    min-height: 38px;
    font-size: 13.5px;
  }
}




/* ===================== Campaign Slider V13 - Mobile badges one-row logic ===================== */
/*
  Mobilde:
  - Son X Gün + Kampanya Uzatılmayacaktır birlikte varsa yan yana gelir.
  - Sadece biri varsa mevcut gibi tam genişlikte kalır.
  - Masaüstü/tablet düzenine dokunmaz.
*/

@media (max-width: 768px) {
  .as-campaign-info.has-days.has-warning {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "date date"
      "days warning";
    align-items: stretch;
    column-gap: 8px;
    row-gap: 9px;
  }

  .as-campaign-info.has-days.has-warning .as-campaign-days,
  .as-campaign-info.has-days.has-warning .as-campaign-warning {
    width: 100%;
    min-height: 42px;
    justify-self: stretch;
    align-self: stretch;
    padding: 8px 9px;
    border-radius: 999px;
  }

  .as-campaign-info.has-days.has-warning .as-campaign-days {
    font-size: 12.8px;
    gap: 6px;
  }

  .as-campaign-info.has-days.has-warning .as-campaign-warning {
    display: inline-flex;
    justify-content: center;
    text-align: center;
    font-size: 10px;
    line-height: 1.08;
    letter-spacing: .01em;
    white-space: normal;
  }

  .as-campaign-info.has-days.has-warning .as-campaign-warning-icon {
    width: 18px;
    height: 18px;
    min-width: 18px;
    font-size: 12px;
  }

  /* Sadece biri görünüyorsa geniş buton mantığı aynen korunsun */
  .as-campaign-info.has-days:not(.has-warning) .as-campaign-days,
  .as-campaign-info.has-warning:not(.has-days) .as-campaign-warning {
    width: 100%;
    justify-self: stretch;
  }
}

@media (max-width: 390px) {
  .as-campaign-info.has-days.has-warning {
    column-gap: 6px;
  }

  .as-campaign-info.has-days.has-warning .as-campaign-days {
    font-size: 12px;
    padding-left: 7px;
    padding-right: 7px;
  }

  .as-campaign-info.has-days.has-warning .as-campaign-warning {
    font-size: 9.4px;
    padding-left: 7px;
    padding-right: 7px;
  }
}




/* ===================== Campaign Slider V14 - Mobile badges clean layout ===================== */
@media (max-width: 768px) {
  .as-campaign-info.has-days.has-warning {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
      "date date"
      "days warning";
    grid-auto-rows: auto;
    align-items: stretch;
    align-content: start;
    justify-items: stretch;
    column-gap: 8px;
    row-gap: 8px;
    padding-bottom: 10px;
  }

  .as-campaign-info.has-days.has-warning > .as-campaign-date {
    grid-area: date;
    margin: 0 !important;
    min-height: 0;
  }

  .as-campaign-info.has-days.has-warning > .as-campaign-days {
    grid-area: days;
  }

  .as-campaign-info.has-days.has-warning > .as-campaign-warning {
    grid-area: warning;
  }

  .as-campaign-info.has-days.has-warning > .as-campaign-days,
  .as-campaign-info.has-days.has-warning > .as-campaign-warning {
    width: 100%;
    min-height: 42px;
    margin: 0 !important;
    justify-self: stretch;
    align-self: stretch;
    padding: 8px 9px;
    border-radius: 999px;
    box-sizing: border-box;
  }

  .as-campaign-info.has-days.has-warning > .as-campaign-days {
    font-size: 12.8px;
    gap: 6px;
  }

  .as-campaign-info.has-days.has-warning > .as-campaign-warning {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 10px;
    line-height: 1.08;
    letter-spacing: .01em;
    word-spacing: .14em;
    white-space: normal;
  }

  .as-campaign-info.has-days.has-warning > .as-campaign-warning .as-campaign-warning-icon {
    width: 18px;
    height: 18px;
    min-width: 18px;
    font-size: 12px;
  }

  .as-campaign-info.has-days:not(.has-warning),
  .as-campaign-info.has-warning:not(.has-days) {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-areas:
      "date"
      "badge";
    row-gap: 8px;
    align-content: start;
  }

  .as-campaign-info.has-days:not(.has-warning) > .as-campaign-date,
  .as-campaign-info.has-warning:not(.has-days) > .as-campaign-date {
    grid-area: date;
    margin: 0 !important;
  }

  .as-campaign-info.has-days:not(.has-warning) > .as-campaign-days,
  .as-campaign-info.has-warning:not(.has-days) > .as-campaign-warning {
    grid-area: badge;
    width: 100%;
    margin: 0 !important;
    justify-self: stretch;
  }

  .as-campaign-info.has-warning:not(.has-days) > .as-campaign-warning {
    word-spacing: .14em;
  }

  .as-campaign-info:not(.has-days):not(.has-warning) {
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: auto;
    gap: 0;
    padding-top: 11px;
    padding-bottom: 11px;
  }

  .as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date {
    margin: 0 !important;
    width: 100%;
    justify-content: center;
  }

  .as-campaign-info.has-days.has-warning > *:last-child,
  .as-campaign-info.has-days:not(.has-warning) > *:last-child,
  .as-campaign-info.has-warning:not(.has-days) > *:last-child {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 390px) {
  .as-campaign-info.has-days.has-warning {
    column-gap: 6px;
  }

  .as-campaign-info.has-days.has-warning > .as-campaign-days {
    font-size: 12px;
    padding-left: 7px;
    padding-right: 7px;
  }

  .as-campaign-info.has-days.has-warning > .as-campaign-warning {
    font-size: 9.4px;
    padding-left: 7px;
    padding-right: 7px;
    word-spacing: .16em;
  }
}




/* ===================== Campaign Slider V15 - Mobile date row + bg fill + progress hover fix ===================== */
@media (max-width: 768px) {
  .as-campaign-card {
    background: linear-gradient(180deg, rgba(247,250,252,.98), rgba(238,244,249,.98));
  }

  .as-campaign-info {
    overflow: hidden;
    background: linear-gradient(180deg, rgba(247,250,252,.98), rgba(238,244,249,.98));
    border-top: 1px solid rgba(1,77,141,.08);
    border-radius: 0 0 24px 24px;
    box-sizing: border-box;
  }

  /* Rozet yoksa: bitiş tarihi tek satır ve ortalı */
  .as-campaign-info:not(.has-days):not(.has-warning) {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-areas: "date";
    justify-items: center;
    align-items: center;
    align-content: center;
    row-gap: 0;
    min-height: 58px;
    padding-top: 11px;
    padding-bottom: 12px;
    background: linear-gradient(180deg, rgba(247,250,252,.98), rgba(238,244,249,.98));
  }

  .as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: nowrap;
    white-space: nowrap;
    margin: 0 !important;
    text-align: center;
  }

  .as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date .as-campaign-date-label,
  .as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date strong {
    white-space: nowrap;
  }

  /* İki rozet varsa boş beyaz alan kalmasın */
  .as-campaign-info.has-days.has-warning {
    padding-top: 10px;
    padding-bottom: 12px;
    background: linear-gradient(180deg, rgba(247,250,252,.98), rgba(238,244,249,.98));
  }

  .as-campaign-info.has-days:not(.has-warning),
  .as-campaign-info.has-warning:not(.has-days) {
    padding-top: 10px;
    padding-bottom: 12px;
    background: linear-gradient(180deg, rgba(247,250,252,.98), rgba(238,244,249,.98));
  }

  .as-campaign-info.has-days.has-warning > .as-campaign-warning,
  .as-campaign-info.has-warning:not(.has-days) > .as-campaign-warning {
    word-spacing: .16em;
  }
}

/* Hover pause görsel olarak da kararlı kalsın */
.as-campaign-slider.as-campaign-paused .as-campaign-dot.is-active::before {
  animation-play-state: paused !important;
}

.as-campaign-slider:not(.as-campaign-paused) .as-campaign-dot.is-active::before {
  animation-play-state: running !important;
}




/* ===================== Campaign Slider V16 - Hover/touch progress fix + mobile date tighten ===================== */

/* Mobilde no-badge tarih alanı:
   - Tek satır
   - Yüksekliğe göre ortalı
   - Öğeler birbirine daha yakın
   - Alt boşluk biraz daha az
*/
@media (max-width: 768px) {
  .as-campaign-info:not(.has-days):not(.has-warning) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas: "date" !important;
    justify-items: center;
    align-items: center;
    align-content: center;
    min-height: 66px;
    padding: 8px 10px 9px;
    row-gap: 0;
    background: linear-gradient(180deg, rgba(247,250,252,.98), rgba(238,244,249,.98));
    border-radius: 0 0 24px 24px;
  }

  .as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: nowrap;
    white-space: nowrap;
    text-align: center;
    margin: 0 !important;
    line-height: 1.05;
  }

  .as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date .as-campaign-date-icon {
    width: 28px;
    height: 28px;
    font-size: 13px;
  }

  .as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date .as-campaign-date-label {
    font-size: 10px;
    letter-spacing: .08em;
  }

  .as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date strong {
    font-size: 16px;
    letter-spacing: .01em;
  }

  /* Alt bilgi bloğundaki boşluğu bir tık daha azalt */
  .as-campaign-info.has-days.has-warning,
  .as-campaign-info.has-days:not(.has-warning),
  .as-campaign-info.has-warning:not(.has-days) {
    padding-bottom: 10px;
  }
}

/* Progress pause/resume görünümü kesin dursun/devam etsin */
.as-campaign-slider.as-campaign-paused .as-campaign-dot.is-active::before {
  animation-play-state: paused !important;
}

.as-campaign-slider:not(.as-campaign-paused) .as-campaign-dot.is-active::before {
  animation-play-state: running !important;
}




/* ===================== Campaign Slider - FINAL Mobile Info Layout Fix ===================== */
/* SADECE MOBİL - Masaüstüne dokunmaz */

@media (max-width: 768px) {

  .as-campaign-info {
    background: linear-gradient(180deg, rgba(247,250,252,.98), rgba(238,244,249,.98));
    border-radius: 0 0 24px 24px;
    overflow: hidden;
    box-sizing: border-box;
  }

  .as-campaign-info.has-days.has-warning {
    display: grid !important;
    grid-template-columns: minmax(0, .74fr) minmax(0, 1.26fr) !important;
    grid-template-areas:
      "date date"
      "days warning" !important;
    gap: 8px !important;
    padding: 10px !important;
    align-items: stretch !important;
    align-content: start !important;
    min-height: 0 !important;
  }

  .as-campaign-info.has-days.has-warning > .as-campaign-date {
    grid-area: date !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  .as-campaign-info.has-days.has-warning > .as-campaign-days {
    grid-area: days !important;
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 7px !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    border-radius: 999px !important;
    font-size: 11.5px !important;
    gap: 4px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  .as-campaign-info.has-days.has-warning > .as-campaign-warning {
    grid-area: warning !important;
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 9px !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    border-radius: 999px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    font-size: 10.6px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    word-spacing: .08em !important;
  }

  .as-campaign-info.has-days.has-warning > .as-campaign-warning .as-campaign-warning-icon {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    font-size: 12px !important;
    margin: 0 !important;
    flex: 0 0 18px !important;
  }

  .as-campaign-info:not(.has-days):not(.has-warning) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 42px 42px !important;
    grid-template-areas:
      "date"
      "blank" !important;
    gap: 0 !important;
    row-gap: 0 !important;
    padding: 0 !important;
    min-height: 84px !important;
    height: 84px !important;
    align-items: stretch !important;
    align-content: stretch !important;
    justify-items: stretch !important;
    background: linear-gradient(180deg, rgba(247,250,252,.98), rgba(238,244,249,.98)) !important;
    border-radius: 0 0 24px 24px !important;
    overflow: hidden !important;
  }

  .as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date {
    grid-area: date !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 10px 12px 0 12px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: center !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    position: relative !important;
    transform: none !important;
  }

  .as-campaign-info:not(.has-days):not(.has-warning)::after {
    content: "" !important;
    grid-area: blank !important;
    display: block !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
  }

  .as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date .as-campaign-date-icon {
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 31px !important;
    font-size: 14px !important;
  }

  .as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date .as-campaign-date-label {
    display: inline-block !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: .105em !important;
    white-space: nowrap !important;
  }

  .as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date strong {
    display: inline-block !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 390px) {
  .as-campaign-info.has-days.has-warning {
    grid-template-columns: minmax(0, .70fr) minmax(0, 1.30fr) !important;
    gap: 6px !important;
  }

  .as-campaign-info.has-days.has-warning > .as-campaign-days {
    font-size: 11px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .as-campaign-info.has-days.has-warning > .as-campaign-warning {
    font-size: 10px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .as-campaign-info.has-days.has-warning > .as-campaign-warning .as-campaign-warning-icon {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    flex-basis: 17px !important;
    font-size: 11px !important;
  }
}




/* ===================== AKINSOFT Scenes V22 - Mobile Performance Guard ===================== */
/* Görünmeyen slider/hero animasyonlarını uyutur; görünüm mantığını değiştirmez. */

.as-campaign-slider.as-campaign-sleeping .as-campaign-dot.is-active::before,
.ak-scene-sleeping *,
.as-campaign-sleeping .as-campaign-days,
.as-campaign-sleeping .as-campaign-days-icon,
.as-campaign-sleeping .as-campaign-warning {
  animation-play-state: paused !important;
}

@media (max-width: 768px) {
  /* Mobilde hover/shine gereksiz paint maliyeti oluşturmasın */
  .as-campaign-card:hover::before,
  .as-campaign-card::before {
    opacity: 0 !important;
    transform: none !important;
  }

  .as-campaign-card:hover {
    filter: none !important;
  }

  .as-campaign-card {
    transition: box-shadow .2s ease !important;
  }

  /* Mobilde çok pahalı gölge/blur hissini biraz hafiflet */
  .as-campaign-card {
    box-shadow:
      0 18px 44px rgba(1,77,141,.11),
      0 8px 18px rgba(7,162,79,.05),
      inset 0 1px 0 rgba(255,255,255,.72) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .as-campaign-days,
  .as-campaign-days-icon,
  .as-campaign-warning,
  .as-campaign-dot.is-active::before {
    animation: none !important;
  }
}




/* ===================== AKINSOFT Scenes V24 - Scene Sleep, Active Effects Restored ===================== */
/*
  V23'te mobil efektler aktifken de kapanmıştı.
  Doğru mantık:
  - Sahne aktif/görünürken efektler çalışır.
  - Sahne görünmez/pasif olunca uyur.
*/

/* Önce V22/V23 kaynaklı aktifken kapatma etkilerini geri al */
@media (max-width: 768px) {
  .ak-scene-awake .as-campaign-days,
  .ak-scene-awake .as-campaign-warning {
    animation-play-state: running !important;
  }

  .ak-scene-awake .as-campaign-days-icon {
    animation-play-state: running !important;
  }

  .ak-scene-awake .as-campaign-dot.is-active::before,
  .as-campaign-section.ak-scene-awake .as-campaign-dot.is-active::before,
  .as-campaign-slider:not(.as-campaign-sleeping) .as-campaign-dot.is-active::before {
    animation-play-state: running !important;
  }

  /* Mobilde aktifken kart hover/shine katmanını tamamen öldürme */
  .ak-scene-awake .as-campaign-card::before {
    transition: opacity .35s ease, transform .55s ease !important;
  }

  /* Aktifken orijinal animasyonların çalışmasına izin ver */
  #w26ghostSection.ak-scene-awake *,
  #heroScene.ak-scene-awake *,
  #akWpHero.ak-scene-awake *,
  .as-campaign-section.ak-scene-awake * {
    animation-play-state: running !important;
  }
}

/* Sadece sahne görünmez/pasifken uyut */
.ak-scene-sleeping *,
.ak-scene-sleeping *::before,
.ak-scene-sleeping *::after {
  animation-play-state: paused !important;
}

.ak-scene-sleeping .as-campaign-dot.is-active::before,
.as-campaign-section.ak-scene-sleeping .as-campaign-dot.is-active::before,
.as-campaign-slider.as-campaign-sleeping .as-campaign-dot.is-active::before {
  animation-play-state: paused !important;
}

/* Görünmeyen sahnede video dışındaki mikro parlamalar da boyanmasın */
@media (max-width: 768px) {
  #heroScene.ak-scene-sleeping .screen-shine,
  #w26ghostSection.ak-scene-sleeping .w26ghost-topgleam,
  #w26ghostSection.ak-scene-sleeping .w26ghost-aura {
    opacity: 0 !important;
  }
}

/* Son stabil mobil tarih alanı korunur */
@media (max-width: 768px) {
  .as-campaign-info:not(.has-days):not(.has-warning) > .as-campaign-date {
    padding: 10px 12px 0 12px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
  }
}




/* ===================== AKINSOFT Campaign Details Shortcode ===================== */
/* Kullanım: [akinsoft_campaign_details] */

.as-campaign-detail-section,
.as-campaign-detail-section * {
  box-sizing: border-box;
}

.as-campaign-detail-section {
  position: relative;
  width: 100%;
  padding: clamp(42px, 6vw, 82px) 15px;
  background:
    radial-gradient(circle at 14% 8%, rgba(7,162,79,.08), transparent 32%),
    radial-gradient(circle at 86% 12%, rgba(1,77,141,.10), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
  font-family: Inter, Arial, sans-serif;
}

.as-campaign-detail-container {
  width: min(1060px, 100%);
  margin: 0 auto;
}

.as-campaign-detail-heading {
  text-align: center;
  margin: 0 auto clamp(22px, 3vw, 34px);
}

.as-campaign-detail-eyebrow,
.as-campaign-detail-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(7,162,79,.09);
  color: #07a24f;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.as-campaign-detail-eyebrow {
  min-height: 30px;
  padding: 7px 15px;
  font-size: 12px;
}

.as-campaign-detail-heading h2 {
  margin: 13px 0 0;
  color: #071827;
  font-size: clamp(30px, 3.4vw, 48px);
  line-height: 1.04;
  font-weight: 950;
  letter-spacing: -.04em;
}

.as-campaign-detail-list {
  display: grid;
  gap: 18px;
}

.as-campaign-detail-card {
  position: relative;
  scroll-margin-top: 120px;
  padding: clamp(18px, 2.6vw, 28px);
  border-radius: 28px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(1,77,141,.10);
  box-shadow:
    0 24px 70px rgba(1,77,141,.12),
    0 10px 24px rgba(7,162,79,.05),
    inset 0 1px 0 rgba(255,255,255,.82);
  overflow: hidden;
}

.as-campaign-detail-card:target {
  animation: asCampaignDetailTarget 1.25s ease both;
}

@keyframes asCampaignDetailTarget {
  0% {
    box-shadow:
      0 0 0 0 rgba(7,162,79,.34),
      0 24px 70px rgba(1,77,141,.12);
  }
  35% {
    box-shadow:
      0 0 0 8px rgba(7,162,79,.16),
      0 30px 86px rgba(1,77,141,.16);
  }
  100% {
    box-shadow:
      0 24px 70px rgba(1,77,141,.12),
      0 10px 24px rgba(7,162,79,.05),
      inset 0 1px 0 rgba(255,255,255,.82);
  }
}

.as-campaign-detail-card-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.as-campaign-detail-tag {
  min-height: 25px;
  padding: 6px 12px;
  font-size: 10px;
  background: rgba(1,77,141,.08);
  color: #014d8d;
}

.as-campaign-detail-card h3 {
  margin: 10px 0 0;
  color: #071827;
  font-size: clamp(22px, 2.3vw, 34px);
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: -.025em;
}

.as-campaign-detail-meta {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  max-width: 430px;
}

.as-campaign-detail-meta span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}

.as-campaign-detail-date {
  background: rgba(1,77,141,.08);
  color: #014d8d;
}

.as-campaign-detail-days {
  background: linear-gradient(135deg, #f59e0b, #f97316);
  color: #fff;
}

.as-campaign-detail-warning {
  background: linear-gradient(135deg, #e63946, #b21f2d);
  color: #fff;
}

.as-campaign-detail-items {
  margin: clamp(18px, 2vw, 24px) 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.as-campaign-detail-items li {
  position: relative;
  padding: 12px 14px 12px 42px;
  border-radius: 16px;
  background: rgba(247,250,252,.88);
  border: 1px solid rgba(1,77,141,.08);
  color: rgba(7,24,39,.78);
  font-size: clamp(14px, 1.2vw, 16px);
  line-height: 1.5;
  font-weight: 650;
}

.as-campaign-detail-items li::before {
  content: "✓";
  position: absolute;
  left: 14px;
  top: 12px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(7,162,79,.12);
  color: #07a24f;
  font-size: 12px;
  font-weight: 950;
}

.as-campaign-detail-empty {
  padding: 16px;
  border-radius: 16px;
  background: #fff8e5;
  color: #7a4b00;
  border: 1px solid rgba(217,119,6,.18);
  font-weight: 700;
}

@media (max-width: 768px) {
  .as-campaign-detail-section {
    padding: 34px 12px;
  }

  .as-campaign-detail-card {
    scroll-margin-top: 88px;
    border-radius: 24px;
    padding: 16px;
  }

  .as-campaign-detail-card-head {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .as-campaign-detail-meta {
    justify-content: flex-start;
    max-width: none;
  }

  .as-campaign-detail-meta span {
    min-height: 31px;
    font-size: 10px;
    padding: 7px 10px;
  }

  .as-campaign-detail-items li {
    padding: 11px 12px 11px 38px;
  }

  .as-campaign-detail-items li::before {
    left: 12px;
    top: 11px;
  }
}




/* ===================== AKINSOFT Campaign Details V28 Refine ===================== */

.as-campaign-detail-section {
  padding-top: clamp(74px, 8vw, 118px);
  padding-bottom: clamp(52px, 7vw, 92px);
}

.as-campaign-detail-heading {
  text-align: center;
  margin: 0 auto clamp(26px, 3.5vw, 42px);
}

.as-campaign-detail-eyebrow,
.as-campaign-detail-tag {
  display: none !important;
}

.as-campaign-detail-heading h2 {
  margin: 0;
  font-size: clamp(36px, 4.4vw, 64px);
  line-height: .96;
  font-weight: 950;
  letter-spacing: -.055em;
  background: linear-gradient(135deg, #014d8d 0%, #07a24f 52%, #014d8d 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.as-campaign-detail-card {
  padding: clamp(20px, 2.8vw, 32px);
}

.as-campaign-detail-card-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding-bottom: clamp(16px, 2vw, 22px);
  border-bottom: 1px solid rgba(1,77,141,.09);
}

.as-campaign-detail-card h3 {
  margin: 0;
  color: #071827;
  font-size: clamp(26px, 2.6vw, 40px);
  line-height: 1.04;
  font-weight: 950;
  letter-spacing: -.035em;
}

.as-campaign-detail-meta {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  max-width: 620px;
}

.as-campaign-detail-meta span {
  min-height: unset;
  padding: 0;
}

.as-campaign-detail-date,
.as-campaign-detail-days,
.as-campaign-detail-warning {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  white-space: nowrap;
  font-weight: 950;
  line-height: 1;
}

.as-campaign-detail-date {
  gap: 8px;
  min-height: 40px !important;
  padding: 7px 12px !important;
  color: #071827;
  background: rgba(1,77,141,.07);
  border: 1px solid rgba(1,77,141,.10);
}

.as-campaign-detail-date-icon {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(1,77,141,.08);
  font-size: 14px;
}

.as-campaign-detail-date-label {
  color: rgba(7,24,39,.52);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .105em;
  text-transform: uppercase;
}

.as-campaign-detail-date strong {
  color: #071827;
  font-size: 15px;
  font-weight: 950;
  letter-spacing: .01em;
}

.as-campaign-detail-days {
  gap: 7px;
  min-height: 40px !important;
  padding: 10px 15px !important;
  color: #fff;
  font-size: 12px !important;
  letter-spacing: .02em;
  box-shadow: 0 0 0 0 rgba(245,158,11,.42);
  animation: asCampaignPulseWarm 2.2s infinite;
}

.as-campaign-detail-days-icon {
  display: inline-block;
  transform-origin: 50% 55%;
  animation: asCampaignHourglass 2.4s cubic-bezier(.45,.05,.55,.95) infinite;
}

.as-campaign-detail-days.is-warm {
  background: linear-gradient(135deg, #f59e0b, #f97316);
}

.as-campaign-detail-days.is-soon {
  background: linear-gradient(135deg, #f97316, #eaac12);
}

.as-campaign-detail-days.is-urgent {
  background: linear-gradient(135deg, #f59e0b, #d97706);
}

.as-campaign-detail-days.is-hot {
  background: linear-gradient(135deg, #d97706, #9a6700);
}

.as-campaign-detail-warning {
  gap: 7px;
  min-height: 40px !important;
  padding: 10px 15px !important;
  background: linear-gradient(135deg, #e63946, #b21f2d);
  color: #fff;
  font-size: 11px !important;
  letter-spacing: .015em;
  text-transform: uppercase;
  box-shadow: 0 0 0 0 rgba(230,57,70,.56);
  animation: asCampaignPulse 2.2s infinite;
}

.as-campaign-detail-warning-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 999px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.34);
  color: #fff;
  font-size: 13px;
  font-weight: 950;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28);
}

.as-campaign-detail-content {
  margin-top: clamp(18px, 2vw, 26px);
  color: rgba(7,24,39,.76);
  font-size: clamp(15px, 1.24vw, 17px);
  line-height: 1.65;
  font-weight: 600;
}

.as-campaign-detail-content p {
  margin: 0 0 12px;
}

.as-campaign-detail-content p:last-child {
  margin-bottom: 0;
}

.as-campaign-detail-content ul,
.as-campaign-detail-content ol {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.as-campaign-detail-content li {
  position: relative;
  padding: 12px 14px 12px 42px;
  border-radius: 16px;
  background: rgba(247,250,252,.88);
  border: 1px solid rgba(1,77,141,.08);
}

.as-campaign-detail-content li::before {
  content: "✓";
  position: absolute;
  left: 14px;
  top: 12px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(7,162,79,.12);
  color: #07a24f;
  font-size: 12px;
  font-weight: 950;
}

.as-campaign-detail-content strong,
.as-campaign-detail-content b {
  color: #071827;
  font-weight: 950;
}

@media (max-width: 768px) {
  .as-campaign-detail-section {
    padding-top: 52px;
  }

  .as-campaign-detail-heading h2 {
    font-size: clamp(34px, 10vw, 44px);
  }

  .as-campaign-detail-card-head {
    grid-template-columns: 1fr;
    gap: 14px;
    align-items: start;
  }

  .as-campaign-detail-meta {
    justify-content: flex-start;
    max-width: none;
  }

  .as-campaign-detail-date,
  .as-campaign-detail-days,
  .as-campaign-detail-warning {
    min-height: 38px !important;
  }

  .as-campaign-detail-date {
    padding: 7px 10px !important;
  }

  .as-campaign-detail-days {
    padding: 9px 13px !important;
    font-size: 11.5px !important;
  }

  .as-campaign-detail-warning {
    padding: 9px 13px !important;
    font-size: 10.4px !important;
  }
}




/* ===================== AKINSOFT Campaign Details V30 Wide Tuning ===================== */

.as-campaign-detail-section {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.as-campaign-detail-container {
  width: min(100%, 100vw);
  max-width: none;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}

.as-campaign-detail-heading {
  width: min(1360px, calc(100% - 44px));
  margin-left: auto;
  margin-right: auto;
}

.as-campaign-detail-list {
  width: min(1360px, calc(100% - 44px));
  margin: 0 auto;
}

.as-campaign-detail-card h3 {
  font-size: clamp(22px, 2vw, 32px);
  line-height: 1.06;
}

.as-campaign-detail-meta {
  gap: 6px;
  flex-wrap: nowrap;
  max-width: none;
}

.as-campaign-detail-date,
.as-campaign-detail-days,
.as-campaign-detail-warning {
  min-height: 36px !important;
}

.as-campaign-detail-date {
  gap: 7px;
  padding: 6px 10px !important;
}

.as-campaign-detail-date-icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  font-size: 12px;
}

.as-campaign-detail-date-label {
  font-size: 9px;
  letter-spacing: .09em;
}

.as-campaign-detail-date strong {
  font-size: 13px;
}

.as-campaign-detail-days {
  gap: 6px;
  padding: 8px 12px !important;
  font-size: 10.8px !important;
}

.as-campaign-detail-warning {
  gap: 6px;
  padding: 8px 12px !important;
  font-size: 10px !important;
}

.as-campaign-detail-warning-icon {
  width: 18px;
  height: 18px;
  min-width: 18px;
  font-size: 12px;
}

.as-campaign-detail-content {
  font-size: clamp(13.5px, 1.04vw, 15px);
  line-height: 1.58;
}

.as-campaign-detail-content p {
  margin-bottom: 10px;
}

.as-campaign-detail-content li {
  padding: 10px 12px 10px 36px;
  font-size: clamp(13.5px, 1.02vw, 15px);
  line-height: 1.5;
  font-weight: 580;
}

.as-campaign-detail-content li::before {
  left: 12px;
  top: 10px;
  width: 18px;
  height: 18px;
  font-size: 11px;
}

@media (max-width: 991px) {
  .as-campaign-detail-heading,
  .as-campaign-detail-list {
    width: calc(100% - 28px);
  }

  .as-campaign-detail-card h3 {
    font-size: clamp(21px, 4.7vw, 28px);
  }

  .as-campaign-detail-meta {
    flex-wrap: wrap;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .as-campaign-detail-section {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .as-campaign-detail-container {
    width: 100%;
  }

  .as-campaign-detail-heading,
  .as-campaign-detail-list {
    width: calc(100% - 24px);
  }

  .as-campaign-detail-card h3 {
    font-size: clamp(20px, 6.1vw, 26px);
  }

  .as-campaign-detail-meta {
    flex-wrap: wrap;
    gap: 7px;
  }

  .as-campaign-detail-date,
  .as-campaign-detail-days,
  .as-campaign-detail-warning {
    min-height: 34px !important;
  }

  .as-campaign-detail-date {
    padding: 6px 9px !important;
  }

  .as-campaign-detail-days,
  .as-campaign-detail-warning {
    padding: 8px 11px !important;
  }

  .as-campaign-detail-content {
    font-size: 14px;
  }

  .as-campaign-detail-content li {
    font-size: 14px;
    padding: 10px 12px 10px 34px;
  }
}




/* ===================== AKINSOFT Campaign Details V31 Safe Wide Fix ===================== */
/*
  V30'daki 100vw + negatif margin bazı Bold Builder/tema kapsayıcılarında
  sağ/sol kenar kırpılmasına sebep olabiliyordu.
  Bu blok onu ezer: dışarı taşmadan, güvenli geniş görünüm.
*/

.as-campaign-detail-section {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: clamp(12px, 2vw, 28px) !important;
  padding-right: clamp(12px, 2vw, 28px) !important;
  overflow: visible !important;
}

.as-campaign-detail-container {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

.as-campaign-detail-heading,
.as-campaign-detail-list {
  width: 100% !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.as-campaign-detail-card {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible;
}

@media (min-width: 1200px) {
  .as-campaign-detail-section {
    padding-left: clamp(18px, 2.4vw, 42px) !important;
    padding-right: clamp(18px, 2.4vw, 42px) !important;
  }
}

@media (max-width: 768px) {
  .as-campaign-detail-section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .as-campaign-detail-heading,
  .as-campaign-detail-list {
    width: 100% !important;
    max-width: 100% !important;
  }
}




/* ===================== AKINSOFT Campaign Details V32 Full BG + Compact Badges ===================== */
/*
  V31'de kesilmeyi önlemek için section container-safe yapıldı.
  V32:
  - Arka plan ayrı full-bleed layer olarak viewport genişliğine açılır.
  - İçerik safe-wide kalır, sağ/sol kesilmez.
  - Rozetler kampanya adından 2-3 kademe küçük hale getirilir.
*/

.as-campaign-detail-section {
  position: relative !important;
  isolation: isolate;
  background: transparent !important;
  overflow: visible !important;
}

.as-campaign-detail-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background:
    radial-gradient(circle at 12% 8%, rgba(7,162,79,.08), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(1,77,141,.10), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
  pointer-events: none;
}

.as-campaign-detail-heading,
.as-campaign-detail-list {
  max-width: 1480px !important;
}

/* Başlık + rozet hizası: uzun kampanya adında başlığa alan bırak */
.as-campaign-detail-card-head {
  grid-template-columns: minmax(0, 1fr) minmax(270px, max-content);
  gap: 16px;
}

.as-campaign-detail-card h3 {
  font-size: clamp(21px, 1.85vw, 30px);
  line-height: 1.07;
}

/* Rozetleri belirgin ama daha küçük yap */
.as-campaign-detail-meta {
  gap: 5px;
  flex-wrap: nowrap;
  align-items: center;
}

.as-campaign-detail-date,
.as-campaign-detail-days,
.as-campaign-detail-warning {
  min-height: 30px !important;
  height: 30px;
  border-radius: 999px;
  flex-shrink: 0;
}

.as-campaign-detail-date {
  gap: 5px;
  padding: 4px 8px !important;
}

.as-campaign-detail-date-icon {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  flex-basis: 20px !important;
  font-size: 10.5px !important;
}

.as-campaign-detail-date-label {
  font-size: 7.8px !important;
  letter-spacing: .075em !important;
}

.as-campaign-detail-date strong {
  font-size: 10.8px !important;
  letter-spacing: 0 !important;
}

.as-campaign-detail-days {
  gap: 4px;
  padding: 6px 9px !important;
  font-size: 9.2px !important;
  letter-spacing: .01em !important;
}

.as-campaign-detail-warning {
  gap: 4px;
  padding: 6px 9px !important;
  font-size: 8.7px !important;
  letter-spacing: .005em !important;
  word-spacing: .04em !important;
}

.as-campaign-detail-warning-icon {
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  flex-basis: 15px !important;
  font-size: 10px !important;
}

/* Kampanya adı çok uzunsa rozetleri alta düşür ama tek tek rozetler bozulmasın */
@media (max-width: 1180px) {
  .as-campaign-detail-card-head {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .as-campaign-detail-meta {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .as-campaign-detail-section::before {
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
  }

  .as-campaign-detail-card h3 {
    font-size: clamp(20px, 5.6vw, 25px);
  }

  .as-campaign-detail-date,
  .as-campaign-detail-days,
  .as-campaign-detail-warning {
    min-height: 30px !important;
    height: auto;
  }

  .as-campaign-detail-date {
    padding: 5px 8px !important;
  }

  .as-campaign-detail-days {
    padding: 7px 9px !important;
    font-size: 9.2px !important;
  }

  .as-campaign-detail-warning {
    padding: 7px 9px !important;
    font-size: 8.8px !important;
  }
}




/* ===================== AKINSOFT Campaign Details V33 True Full BG ===================== */
/*
  V32'de bg full-wide çalışmadıysa sebep genelde Bold Builder parent container/column overflow kırpmasıdır.
  Bu blok:
  - shortcode bulunan Bold Builder parentlarını görünür taşmaya açar
  - section'ın arka planını gerçek full-bleed hissine taşır
  - içeriği safe-wide bırakır
*/

/* Bold Builder parent clipping düzeltmesi */
body.has-ak-campaign-details .bt_bb_wrapper,
body.has-ak-campaign-details .bt_bb_section,
body.has-ak-campaign-details .bt_bb_row,
body.has-ak-campaign-details .bt_bb_cell,
body.has-ak-campaign-details .bt_bb_column,
body.has-ak-campaign-details .bt_bb_column_content,
body.has-ak-campaign-details .bt_bb_column_content_inner {
  overflow: visible !important;
}

/* Modern tarayıcılarda sadece campaign details içeren parentları hedefle */
.bt_bb_wrapper:has(.as-campaign-detail-section),
.bt_bb_section:has(.as-campaign-detail-section),
.bt_bb_row:has(.as-campaign-detail-section),
.bt_bb_cell:has(.as-campaign-detail-section),
.bt_bb_column:has(.as-campaign-detail-section),
.bt_bb_column_content:has(.as-campaign-detail-section),
.bt_bb_column_content_inner:has(.as-campaign-detail-section) {
  overflow: visible !important;
}

.as-campaign-detail-section {
  position: relative !important;
  z-index: 1;
  isolation: isolate;
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  right: auto !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  padding-left: clamp(12px, 2.4vw, 42px) !important;
  padding-right: clamp(12px, 2.4vw, 42px) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(7,162,79,.08), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(1,77,141,.10), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7fafc 100%) !important;
  overflow: hidden !important;
  transform: none !important;
}

/* V32 ::before layer'ı bazı yerlerde parent tarafından kırpılıyordu; artık kapalı */
.as-campaign-detail-section::before {
  display: none !important;
}

/* Güvenlik: içerik viewport dışına taşmasın */
.as-campaign-detail-container,
.as-campaign-detail-heading,
.as-campaign-detail-list {
  position: relative;
  z-index: 2;
}

.as-campaign-detail-container {
  width: 100% !important;
  max-width: none !important;
}

.as-campaign-detail-heading,
.as-campaign-detail-list {
  width: min(1480px, 100%) !important;
  max-width: 1480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Bazı temalarda 100vw scrollbar kadar taşırsa yatay scroll oluşmasın */
html,
body {
  overflow-x: clip;
}

@supports not (overflow: clip) {
  html,
  body {
    overflow-x: hidden;
  }
}

@media (max-width: 768px) {
  .as-campaign-detail-section {
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    margin-left: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .as-campaign-detail-heading,
  .as-campaign-detail-list {
    width: 100% !important;
    max-width: 100% !important;
  }
}




/* ===================== AKINSOFT Campaign Details V34 Mobile Refine + Collapse ===================== */

/* Anchor ile gelince kart başlığı tepeye yapışmasın */
.as-campaign-detail-card {
  scroll-margin-top: 168px !important;
}

/* Detay metinleri daha ince: editörde bold yapılanlar belirginleşsin */
.as-campaign-detail-content {
  font-weight: 400 !important;
  color: rgba(7,24,39,.74);
}

.as-campaign-detail-content p,
.as-campaign-detail-content li {
  font-weight: 400 !important;
}

.as-campaign-detail-content strong,
.as-campaign-detail-content b {
  color: #071827;
  font-weight: 850 !important;
}

/* Toggle buton varsayılan gizli; sadece mobilde JS gerekli görürse açar */
.as-campaign-detail-toggle {
  display: none;
  appearance: none;
  border: 0;
  margin: 16px auto 0;
  padding: 10px 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, #014d8d, #07a24f);
  color: #fff;
  font-size: 13px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: .01em;
  cursor: pointer;
  box-shadow: 0 12px 26px rgba(1,77,141,.18);
}

.as-campaign-detail-toggle:hover {
  transform: translateY(-1px);
}

/* Mobil düzen */
@media (max-width: 768px) {
  /* Mobilde de arka plan wide olsun */
  .as-campaign-detail-section {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 50% !important;
    right: auto !important;
    margin-left: -50vw !important;
    margin-right: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 12% 8%, rgba(7,162,79,.08), transparent 34%),
      radial-gradient(circle at 88% 12%, rgba(1,77,141,.10), transparent 34%),
      linear-gradient(180deg, #ffffff 0%, #f7fafc 100%) !important;
  }

  .as-campaign-detail-container,
  .as-campaign-detail-heading,
  .as-campaign-detail-list {
    width: 100% !important;
    max-width: 100% !important;
  }

  .as-campaign-detail-card {
    scroll-margin-top: 122px !important;
  }

  .as-campaign-detail-heading h2 {
    font-size: clamp(28px, 8.2vw, 38px) !important;
    line-height: 1.02;
  }

  .as-campaign-detail-card-head {
    text-align: center;
    justify-items: center;
  }

  .as-campaign-detail-card h3 {
    text-align: center;
    font-size: clamp(19px, 5.1vw, 24px) !important;
  }

  .as-campaign-detail-meta {
    justify-content: center !important;
    align-items: center;
    width: 100%;
    text-align: center;
  }

  .as-campaign-detail-date,
  .as-campaign-detail-days,
  .as-campaign-detail-warning {
    margin-left: auto;
    margin-right: auto;
  }

  .as-campaign-detail-content {
    font-size: 13.6px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
  }

  .as-campaign-detail-content p,
  .as-campaign-detail-content li {
    font-weight: 400 !important;
  }

  .as-campaign-detail-content strong,
  .as-campaign-detail-content b {
    font-weight: 850 !important;
  }

  .as-campaign-detail-card.has-collapsible .as-campaign-detail-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .as-campaign-detail-card.is-mobile-collapsed .as-campaign-detail-content {
    position: relative;
    max-height: 214px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%);
  }

  .as-campaign-detail-card.is-expanded .as-campaign-detail-content {
    max-height: none;
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }
}

/* Daha dar mobilde buton/başlık dengesi */
@media (max-width: 430px) {
  .as-campaign-detail-heading h2 {
    font-size: clamp(27px, 8.7vw, 35px) !important;
  }

  .as-campaign-detail-card h3 {
    font-size: clamp(18px, 5.5vw, 23px) !important;
  }

  .as-campaign-detail-toggle {
    width: min(210px, 82%);
  }
}




/* ===================== AKINSOFT Campaign Details V35 Mobile Stable Badges + Toggle Fix ===================== */
/*
  Masaüstü stabil kaldı. Sadece mobil kampanya detay görünümüne dokunur.
  - Rozetler tek tek ortalanmış dağınık görünmesin diye kompakt grup düzenine alındı.
  - Date üstte, Son X Gün + Uzatılmayacaktır altta dengeli görünür.
  - Devamını Göster butonu net ortalanır.
*/

@media (max-width: 768px) {
  .as-campaign-detail-meta {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, max-content));
    justify-content: center !important;
    justify-items: center;
    align-items: center;
    gap: 7px !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .as-campaign-detail-date {
    grid-column: 1 / -1;
    justify-self: center;
    max-width: 100%;
  }

  .as-campaign-detail-days,
  .as-campaign-detail-warning {
    justify-self: center;
    max-width: 100%;
  }

  .as-campaign-detail-date,
  .as-campaign-detail-days,
  .as-campaign-detail-warning {
    margin: 0 !important;
    height: auto !important;
    min-height: 31px !important;
    box-shadow: 0 8px 18px rgba(1,77,141,.08);
  }

  .as-campaign-detail-date {
    padding: 6px 10px !important;
  }

  .as-campaign-detail-days {
    padding: 7px 11px !important;
    font-size: 9.6px !important;
  }

  .as-campaign-detail-warning {
    padding: 7px 11px !important;
    font-size: 9.1px !important;
  }

  .as-campaign-detail-toggle {
    display: none;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
  }

  .as-campaign-detail-card.has-collapsible .as-campaign-detail-toggle {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .as-campaign-detail-card.is-mobile-collapsed .as-campaign-detail-content {
    max-height: 218px;
  }
}

@media (max-width: 430px) {
  .as-campaign-detail-meta {
    grid-template-columns: 1fr;
    gap: 6px !important;
  }

  .as-campaign-detail-date,
  .as-campaign-detail-days,
  .as-campaign-detail-warning {
    width: auto;
    max-width: min(100%, 310px);
  }

  .as-campaign-detail-warning {
    font-size: 8.9px !important;
  }
}




/* ===================== AKINSOFT Campaign Details V36 Mobile Low Power ===================== */
/*
  SADECE MOBİL shortcode kampanya detay alanı.
  Masaüstü efektleri korunur.
  Amaç: mobilde sürekli çalışan pulse/rotate/mask/gölge maliyetini azaltmak.
*/

@media (max-width: 768px) {
  /* Kampanya detay bölümünde sürekli animasyonları mobilde kapat */
  .as-campaign-detail-section .as-campaign-detail-days,
  .as-campaign-detail-section .as-campaign-detail-days-icon,
  .as-campaign-detail-section .as-campaign-detail-warning,
  .as-campaign-detail-section .as-campaign-detail-warning-icon,
  .as-campaign-detail-section .as-campaign-detail-card:target {
    animation: none !important;
    transition: none !important;
  }

  .as-campaign-detail-section .as-campaign-detail-days,
  .as-campaign-detail-section .as-campaign-detail-warning {
    box-shadow:
      0 6px 14px rgba(1, 77, 141, .08),
      inset 0 1px 0 rgba(255,255,255,.18) !important;
  }

  /* Mobilde kart gölgesi daha hafif; görünüm korunur, paint maliyeti azalır */
  .as-campaign-detail-section .as-campaign-detail-card {
    box-shadow:
      0 16px 38px rgba(1,77,141,.10),
      0 6px 16px rgba(7,162,79,.04),
      inset 0 1px 0 rgba(255,255,255,.78) !important;
  }

  .as-campaign-detail-section .as-campaign-detail-card:target {
    box-shadow:
      0 16px 38px rgba(1,77,141,.10),
      0 6px 16px rgba(7,162,79,.04),
      inset 0 1px 0 rgba(255,255,255,.78) !important;
  }

  /* Mobilde full bg daha sade; gradient kalır ama ağır repaint azaltılır */
  .as-campaign-detail-section {
    background:
      radial-gradient(circle at 12% 8%, rgba(7,162,79,.055), transparent 32%),
      radial-gradient(circle at 88% 12%, rgba(1,77,141,.065), transparent 32%),
      linear-gradient(180deg, #ffffff 0%, #f7fafc 100%) !important;
  }

  /* Mask efekti yerine daha hafif overlay/fade kullan */
  .as-campaign-detail-card.is-mobile-collapsed .as-campaign-detail-content {
    position: relative;
    max-height: 218px;
    overflow: hidden;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  .as-campaign-detail-card.is-mobile-collapsed .as-campaign-detail-content::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 58px;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.96));
  }

  .as-campaign-detail-card.is-expanded .as-campaign-detail-content::after {
    display: none;
  }

  /* Buton hover transformu mobilde gereksiz repaint üretmesin */
  .as-campaign-detail-toggle,
  .as-campaign-detail-toggle:hover {
    transform: none !important;
    transition: none !important;
  }

  /* İçerik metinlerinde mobilde daha sade rendering */
  .as-campaign-detail-content li {
    box-shadow: none !important;
  }
}




/* ===================== AKINSOFT WOLVOX Ghost V38 Safe Initial Position ===================== */
/*
  V37'de gizleme yöntemi bazı durumda layout-ready class beklediği için katmanı görünmez bırakabiliyordu.
  V38'de gizleme yok.
  Bunun yerine ilk paint anındaki CSS transform, GSAP başlangıç değerleriyle eşlenir.
  Böylece logo sağ tarafta flash yapmaz ve görünmez kalma riski oluşmaz.
*/

#w26ghostSection .w26ghost-logo-wrap {
  transform: translate(-50%, calc(-50% + 8px)) scale(2.55);
  filter: blur(7px);
  opacity: 1;
}

/* GSAP init öncesi metinler zaten kapalı gelsin */
#w26ghostSection .w26ghost-grid {
  opacity: 0;
}

#w26ghostSection .w26ghost-badge,
#w26ghostSection .w26ghost-details {
  opacity: 0;
  visibility: hidden;
}

/* GSAP inline autoAlpha verdiğinde görünürlük normalleşir */
#w26ghostSection .w26ghost-badge[style],
#w26ghostSection .w26ghost-details[style] {
  visibility: inherit;
}




/* ===================== AKINSOFT Campaign Details V39 Multi Campaign Accordion ===================== */
/*
  V38 stabil baz korunarak eklendi.
  Aynı ürün sayfasına bağlı birden fazla kampanya varsa:
  - Sıra no küçükten büyüğe baz alınır.
  - Direkt sayfa girişinde ilk kampanya açık gelir.
  - Slider'dan as_campaign_id/hash ile gelinirse ilgili kampanya açık gelir.
  - Mobil V35 toggle ve V36 low-power davranışı korunur.
*/

.as-campaign-detail-section.has-multiple-campaigns .as-campaign-detail-list {
  gap: 14px;
}

.as-campaign-detail-section.has-multiple-campaigns .as-campaign-detail-card {
  transition: box-shadow .22s ease, border-color .22s ease, background .22s ease;
}

.as-campaign-detail-section.has-multiple-campaigns .as-campaign-detail-card.is-detail-active {
  border-color: rgba(7,162,79,.22);
  background: rgba(255,255,255,.94);
}

.as-campaign-detail-section.has-multiple-campaigns .as-campaign-detail-card.is-detail-collapsed {
  background: rgba(255,255,255,.78);
  box-shadow:
    0 14px 34px rgba(1,77,141,.08),
    inset 0 1px 0 rgba(255,255,255,.76) !important;
}

.as-campaign-detail-section.has-multiple-campaigns .as-campaign-detail-card.is-detail-collapsed .as-campaign-detail-card-head {
  padding-bottom: 0;
  border-bottom-color: transparent;
}

.as-campaign-detail-section.has-multiple-campaigns .as-campaign-detail-card.is-detail-collapsed .as-campaign-detail-panel {
  display: none;
}

.as-campaign-accordion-trigger {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  padding: 0;
  margin: 0;
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}

.as-campaign-accordion-trigger span {
  min-width: 0;
}

.as-campaign-accordion-trigger em {
  position: relative;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(1,77,141,.10), rgba(7,162,79,.12));
  border: 1px solid rgba(1,77,141,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

.as-campaign-accordion-trigger em::before,
.as-campaign-accordion-trigger em::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 2px;
  border-radius: 999px;
  background: #014d8d;
  transform: translate(-50%, -50%);
}

.as-campaign-accordion-trigger em::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform .18s ease, opacity .18s ease;
}

.as-campaign-detail-card.is-detail-active .as-campaign-accordion-trigger em::after {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(0deg);
}

.as-campaign-detail-card.is-detail-active .as-campaign-accordion-trigger em {
  background: linear-gradient(135deg, rgba(1,77,141,.14), rgba(7,162,79,.18));
}

.as-campaign-detail-panel {
  display: block;
}

@media (max-width: 768px) {
  .as-campaign-detail-section.has-multiple-campaigns .as-campaign-detail-list {
    gap: 12px;
  }

  .as-campaign-detail-section.has-multiple-campaigns .as-campaign-detail-card.is-detail-collapsed {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .as-campaign-detail-section.has-multiple-campaigns .as-campaign-detail-card.is-detail-collapsed .as-campaign-detail-meta {
    margin-top: 2px;
  }

  .as-campaign-accordion-trigger {
    justify-content: center;
    text-align: center;
    gap: 9px;
  }

  .as-campaign-accordion-trigger em {
    flex-basis: 27px;
    width: 27px;
    height: 27px;
  }
}

/* =========================================================
   W40 Future Section - Yarın İçin Tasarlandı
   V39 multi-campaign baz korunarak izole namespace.
   ========================================================= */
#w40FutureSection,
#w40FutureSection * {
  box-sizing: border-box;
}

#w40FutureSection {
  position: relative;
  width: 100%;
  overflow: visible !important;
  padding: clamp(76px, 8vw, 120px) 18px;
  background:
    radial-gradient(circle at 14% 12%, rgba(0, 91, 170, .14), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(29, 188, 141, .13), transparent 32%),
    linear-gradient(180deg, #f5faff 0%, #ffffff 52%, #f5fbf8 100%);
  color: #102033;
  isolation: isolate;
}

#w40FutureSection .w40future-shell {
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(292px, 410px) minmax(0, 1fr);
  gap: clamp(34px, 5vw, 78px);
  align-items: start;
  overflow: visible !important;
}

#w40FutureSection .w40future-left {
  position: relative;
  align-self: stretch;
  min-height: 100%;
  overflow: visible !important;
}

#w40FutureSection .w40future-left-card {
  position: sticky;
  top: clamp(82px, 10vh, 116px);
  z-index: 2;
  padding: clamp(28px, 3.2vw, 44px);
  border-radius: 34px;
  background: rgba(255, 255, 255, .82);
  border: 1px solid rgba(13, 73, 130, .11);
  box-shadow: 0 24px 70px rgba(11, 54, 96, .10);
  backdrop-filter: blur(10px);
  overflow: hidden;
  transform: translateZ(0);
}

#w40FutureSection .w40future-left-card::before {
  content: "";
  position: absolute;
  inset: -42% -24% auto auto;
  width: 260px;
  height: 260px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(0, 174, 104, .22), rgba(0, 91, 170, .10) 58%, transparent 70%);
  z-index: -1;
}

#w40FutureSection .w40future-left-card::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  height: 4px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(90deg, #005baa, #00a96b, #22c7d5);
  opacity: .9;
}

#w40FutureSection .w40future-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(0, 91, 170, .08);
  color: #005baa;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#w40FutureSection .w40future-left h2 {
  margin: 0;
  font-size: clamp(40px, 4.8vw, 68px);
  line-height: .96;
  letter-spacing: -.058em;
  font-weight: 950;
  background: linear-gradient(115deg, #005baa 0%, #0a7bc2 34%, #00a96b 74%, #22c7d5 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

#w40FutureSection .w40future-left p {
  margin: 22px 0 0;
  color: #526175;
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.72;
  font-weight: 600;
}

#w40FutureSection .w40future-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#w40FutureSection .w40future-card {
  --w40x: 50%;
  --w40y: 50%;
  position: relative;
  padding: clamp(20px, 2.5vw, 31px);
  border-radius: 30px;
  background: rgba(255, 255, 255, .9);
  border: 1px solid rgba(19, 71, 128, .10);
  box-shadow: 0 18px 50px rgba(20, 57, 96, .08);
  overflow: hidden;
  transform: translateZ(0);
  transition: border-color .24s ease, box-shadow .24s ease, transform .24s ease;
}

#w40FutureSection .w40future-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(circle at var(--w40x) var(--w40y), rgba(0, 169, 107, .24), transparent 32%),
    linear-gradient(135deg, rgba(0, 91, 170, .08), rgba(34, 199, 213, .06));
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

#w40FutureSection .w40future-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: radial-gradient(circle at var(--w40x) var(--w40y), rgba(0, 169, 107, .75), rgba(0, 91, 170, .28) 36%, transparent 62%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity .22s ease;
  pointer-events: none;
}

#w40FutureSection .w40future-card.is-active,
#w40FutureSection .w40future-card:hover {
  border-color: rgba(0, 123, 194, .26);
  box-shadow: 0 28px 74px rgba(12, 75, 133, .14);
  transform: translateY(-2px);
}

#w40FutureSection .w40future-card.is-active::before,
#w40FutureSection .w40future-card:hover::before,
#w40FutureSection .w40future-card:hover::after {
  opacity: 1;
}

#w40FutureSection .w40future-card-head {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  z-index: 1;
}

#w40FutureSection .w40future-icon {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #005baa;
  background: linear-gradient(135deg, rgba(0, 91, 170, .11), rgba(0, 174, 104, .12));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 12px 28px rgba(0, 91, 170, .08);
  transition: transform .24s ease, color .24s ease, background-position .24s ease;
}

#w40FutureSection .w40future-card:hover .w40future-icon,
#w40FutureSection .w40future-card.is-active .w40future-icon {
  color: #fff;
  background: linear-gradient(135deg, #005baa, #00a96b, #22c7d5);
  background-size: 180% 100%;
  background-position: 100% 0;
  transform: translateY(-1px) scale(1.03);
}

#w40FutureSection .w40future-icon svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#w40FutureSection .w40future-card h3 {
  margin: 0;
  color: #12253b;
  font-size: clamp(22px, 2.1vw, 32px);
  line-height: 1.12;
  letter-spacing: -.03em;
  font-weight: 930;
}

#w40FutureSection .w40future-copy {
  position: relative;
  z-index: 1;
  max-height: 86px;
  overflow: hidden;
  transition: max-height .32s ease;
}

#w40FutureSection .w40future-copy::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 38px;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.96));
  pointer-events: none;
  transition: opacity .2s ease;
}

#w40FutureSection .w40future-card.is-expanded .w40future-copy::after,
#w40FutureSection .w40future-copy.is-short::after {
  opacity: 0;
}

#w40FutureSection .w40future-copy p {
  margin: 16px 0 0;
  color: #536275;
  font-size: clamp(15px, 1.05vw, 17px);
  line-height: 1.72;
  font-weight: 500;
}

#w40FutureSection .w40future-actions {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  align-items: center;
  margin-top: 19px;
  max-width: 390px;
}

#w40FutureSection .w40future-toggle,
#w40FutureSection .w40future-link {
  --w40bx: 50%;
  --w40by: 50%;
  appearance: none;
  border: 0;
  width: 100%;
  min-height: 45px;
  padding: 13px 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
  transition: transform .2s ease, box-shadow .2s ease, background-position .25s ease, opacity .2s ease, color .2s ease;
}

#w40FutureSection .w40future-link {
  color: #fff;
  background:
    radial-gradient(circle at var(--w40bx) var(--w40by), rgba(255,255,255,.32), transparent 26%),
    linear-gradient(115deg, #005baa 0%, #0878bf 42%, #00a96b 78%, #22c7d5 100%);
  background-size: 180% 180%, 190% 100%;
  box-shadow: 0 13px 28px rgba(0, 91, 170, .20);
}

#w40FutureSection .w40future-toggle {
  color: #005baa;
  background:
    radial-gradient(circle at var(--w40bx) var(--w40by), rgba(0, 169, 107, .18), transparent 28%),
    linear-gradient(115deg, rgba(0, 91, 170, .09), rgba(0, 169, 107, .10));
  box-shadow: inset 0 0 0 1px rgba(0, 91, 170, .09);
}

#w40FutureSection .w40future-link:hover,
#w40FutureSection .w40future-toggle:hover {
  transform: translateY(-1px);
  background-position: 100% 0, 100% 0;
}

#w40FutureSection .w40future-link:hover {
  box-shadow: 0 17px 36px rgba(0, 145, 118, .23);
}

#w40FutureSection .w40future-toggle:hover {
  color: #008e68;
}

#w40FutureSection .w40future-link.is-disabled {
  cursor: not-allowed;
  opacity: .5;
  box-shadow: none;
}

#w40FutureSection .w40future-link.is-disabled:hover {
  transform: none;
  background-position: 0 0;
}

@media (max-width: 920px) {
  #w40FutureSection {
    padding: 58px 14px;
    overflow: hidden !important;
  }

  #w40FutureSection .w40future-shell {
    display: block;
  }

  #w40FutureSection .w40future-left {
    min-height: 0;
    margin-bottom: 18px;
  }

  #w40FutureSection .w40future-left-card {
    position: relative !important;
    top: auto !important;
    padding: 25px 22px;
    border-radius: 28px;
  }

  #w40FutureSection .w40future-left h2 {
    font-size: clamp(34px, 10vw, 46px);
  }

  #w40FutureSection .w40future-left p {
    margin-top: 16px;
    font-size: 15.5px;
    line-height: 1.62;
  }

  #w40FutureSection .w40future-list {
    gap: 13px;
  }

  #w40FutureSection .w40future-card {
    padding: 18px;
    border-radius: 24px;
  }

  #w40FutureSection .w40future-icon {
    width: 42px;
    height: 42px;
    border-radius: 15px;
  }

  #w40FutureSection .w40future-icon svg {
    width: 22px;
    height: 22px;
  }

  #w40FutureSection .w40future-copy {
    max-height: 80px;
  }

  #w40FutureSection .w40future-actions {
    max-width: none;
    margin-top: 15px;
  }
}

@media (max-width: 520px) {
  #w40FutureSection .w40future-card-head {
    align-items: center;
    gap: 12px;
  }

  #w40FutureSection .w40future-actions {
    grid-template-columns: 1fr 1fr;
    gap: 9px;
  }

  #w40FutureSection .w40future-toggle,
  #w40FutureSection .w40future-link {
    min-height: 42px;
    padding-left: 9px;
    padding-right: 9px;
    font-size: 12.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #w40FutureSection .w40future-card,
  #w40FutureSection .w40future-copy,
  #w40FutureSection .w40future-toggle,
  #w40FutureSection .w40future-link,
  #w40FutureSection .w40future-card::before,
  #w40FutureSection .w40future-card::after,
  #w40FutureSection .w40future-icon {
    transition: none !important;
  }
}

/* V42 Future Section hard fixes: shortcode-loaded JS, sticky/pin fallback, AKINSOFT style glow */
#w40FutureSection.w40future-section {
  overflow: visible !important;
  contain: none !important;
}

#w40FutureSection .w40future-shell {
  align-items: stretch !important;
  overflow: visible !important;
}

#w40FutureSection .w40future-left {
  position: relative !important;
  align-self: stretch !important;
  overflow: visible !important;
  min-height: 100vh !important;
}

#w40FutureSection .w40future-left-card {
  position: sticky !important;
  top: 96px !important;
  will-change: transform;
}

#w40FutureSection .w40future-card {
  --w40x: 50%;
  --w40y: 50%;
  border-color: rgba(0, 91, 170, .14) !important;
  background:
    radial-gradient(circle at var(--w40x) var(--w40y), rgba(0, 169, 107, .16), transparent 25%),
    radial-gradient(circle at calc(var(--w40x) + 18%) calc(var(--w40y) - 10%), rgba(0, 91, 170, .15), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.97), rgba(246,251,255,.94)) !important;
}

#w40FutureSection .w40future-card::before {
  opacity: .42 !important;
  background: conic-gradient(from 160deg at var(--w40x) var(--w40y), rgba(0,91,170,0), rgba(0,169,107,.46), rgba(34,199,213,.36), rgba(0,91,170,0)) !important;
}

#w40FutureSection .w40future-card:hover::before,
#w40FutureSection .w40future-card.is-active::before {
  opacity: .9 !important;
}

#w40FutureSection .w40future-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-width: 430px !important;
}

#w40FutureSection .w40future-toggle,
#w40FutureSection .w40future-link {
  position: relative !important;
  overflow: hidden !important;
}

#w40FutureSection .w40future-toggle::before,
#w40FutureSection .w40future-link::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: radial-gradient(circle at var(--w40bx, 50%) var(--w40by, 50%), rgba(255,255,255,.55), transparent 24%);
  opacity: 0;
  transition: opacity .18s ease;
  pointer-events: none;
}

#w40FutureSection .w40future-toggle:hover::before,
#w40FutureSection .w40future-link:hover::before {
  opacity: 1;
}

#w40FutureSection .w40future-link > span,
#w40FutureSection .w40future-toggle > span {
  position: relative;
  z-index: 1;
}

#w40FutureSection .w40future-link:not(.is-disabled) {
  background:
    radial-gradient(circle at var(--w40bx, 50%) var(--w40by, 50%), rgba(255,255,255,.34), transparent 24%),
    linear-gradient(110deg, #005baa 0%, #0878bf 33%, #00a96b 68%, #20c7dc 100%) !important;
  background-size: 190% 190%, 220% 100% !important;
}

#w40FutureSection .w40future-toggle {
  background:
    radial-gradient(circle at var(--w40bx, 50%) var(--w40by, 50%), rgba(0,169,107,.22), transparent 27%),
    linear-gradient(110deg, rgba(0,91,170,.10), rgba(0,169,107,.13), rgba(34,199,213,.13)) !important;
  background-size: 190% 190%, 220% 100% !important;
}

#w40FutureSection .w40future-copy {
  max-height: 86px !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-copy {
  max-height: var(--w40-full-height, 900px) !important;
}

@media (max-width: 920px) {
  #w40FutureSection .w40future-left { min-height: 0 !important; }
  #w40FutureSection .w40future-left-card { position: relative !important; top: auto !important; }
  #w40FutureSection .w40future-copy { max-height: 80px !important; }
  #w40FutureSection .w40future-actions { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}


/* =========================================================
   V43 Future Section - sticky/layout/button premium fix
   ========================================================= */
@media (min-width: 921px) {
  #w40FutureSection.w40future-section {
    overflow: visible !important;
    padding-top: clamp(80px, 8vw, 122px) !important;
    padding-bottom: clamp(90px, 9vw, 140px) !important;
  }

  #w40FutureSection .w40future-shell {
    display: grid !important;
    grid-template-columns: minmax(310px, 410px) minmax(0, 1fr) !important;
    align-items: start !important;
    gap: clamp(42px, 5.2vw, 84px) !important;
    overflow: visible !important;
    position: relative !important;
  }

  #w40FutureSection .w40future-left {
    position: relative !important;
    min-height: auto !important;
    align-self: start !important;
    z-index: 5 !important;
    overflow: visible !important;
  }

  #w40FutureSection .w40future-left-card {
    position: sticky !important;
    top: 92px !important;
    z-index: 6 !important;
    max-width: 410px !important;
    width: 100% !important;
    transform: translateZ(0) !important;
  }

  #w40FutureSection .w40future-list {
    position: relative !important;
    z-index: 1 !important;
    min-width: 0 !important;
  }
}

#w40FutureSection .w40future-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  max-width: 360px !important;
  width: 100% !important;
  align-items: center !important;
}

#w40FutureSection .w40future-toggle,
#w40FutureSection .w40future-link {
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 11px 14px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
  letter-spacing: -.01em !important;
  box-shadow: none !important;
  isolation: isolate !important;
}

#w40FutureSection .w40future-toggle span,
#w40FutureSection .w40future-link span {
  position: relative !important;
  z-index: 2 !important;
}

#w40FutureSection .w40future-toggle {
  color: #075da8 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,250,255,.92)) padding-box,
    linear-gradient(110deg, rgba(0,91,170,.24), rgba(0,169,107,.22), rgba(34,199,213,.18)) border-box !important;
  border: 1px solid transparent !important;
}

#w40FutureSection .w40future-link:not(.is-disabled) {
  color: #fff !important;
  background:
    radial-gradient(circle at var(--w40bx, 50%) var(--w40by, 50%), rgba(255,255,255,.24), transparent 28%),
    linear-gradient(115deg, #075da8 0%, #0877ba 45%, #00a36a 100%) !important;
  background-size: 160% 160%, 180% 100% !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  box-shadow: 0 10px 22px rgba(0, 91, 170, .16) !important;
}

#w40FutureSection .w40future-toggle::before,
#w40FutureSection .w40future-link::before {
  inset: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,.42) 46%, transparent 72%) !important;
  transform: translateX(-115%) skewX(-14deg) !important;
  opacity: 0 !important;
  transition: transform .42s ease, opacity .24s ease !important;
}

#w40FutureSection .w40future-toggle:hover::before,
#w40FutureSection .w40future-link:hover::before {
  transform: translateX(115%) skewX(-14deg) !important;
  opacity: .75 !important;
}

#w40FutureSection .w40future-toggle:hover,
#w40FutureSection .w40future-link:hover {
  transform: translateY(-1px) !important;
}

#w40FutureSection .w40future-toggle:hover {
  color: #008863 !important;
  border-color: rgba(0,169,107,.28) !important;
  box-shadow: 0 8px 18px rgba(10, 80, 135, .08) !important;
}

#w40FutureSection .w40future-link:hover {
  box-shadow: 0 13px 28px rgba(0, 145, 118, .20) !important;
}

#w40FutureSection .w40future-link.is-disabled {
  color: rgba(30, 48, 70, .54) !important;
  background: linear-gradient(180deg, rgba(245,247,250,.92), rgba(234,239,245,.88)) !important;
  border: 1px solid rgba(17, 62, 105, .08) !important;
}

@media (max-width: 520px) {
  #w40FutureSection .w40future-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #w40FutureSection .w40future-toggle,
  #w40FutureSection .w40future-link {
    min-height: 38px !important;
    padding: 10px 8px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }
}

/* =========================================================
   V44 Future Section - heroScene style pin + real 2 button grid
   ========================================================= */
@media (min-width: 921px) {
  #w40FutureSection.w40future-section {
    min-height: var(--w40-pin-height, 100vh) !important;
    height: var(--w40-pin-height, 100vh) !important;
    padding: 0 clamp(18px, 4vw, 52px) !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    contain: layout paint !important;
  }

  #w40FutureSection .w40future-shell {
    width: min(1180px, 100%) !important;
    height: var(--w40-pin-height, 100vh) !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(320px, 420px) minmax(0, 1fr) !important;
    gap: clamp(42px, 5vw, 82px) !important;
    align-items: center !important;
    overflow: hidden !important;
    position: relative !important;
  }

  #w40FutureSection .w40future-left {
    position: relative !important;
    min-height: 0 !important;
    height: auto !important;
    align-self: center !important;
    z-index: 5 !important;
    overflow: visible !important;
  }

  #w40FutureSection .w40future-left-card {
    position: relative !important;
    top: auto !important;
    max-width: 420px !important;
    width: 100% !important;
    transform: translateZ(0) !important;
  }

  #w40FutureSection .w40future-list {
    align-self: center !important;
    height: var(--w40-list-height, calc(100vh - 180px)) !important;
    min-height: 440px !important;
    max-height: calc(100vh - 150px) !important;
    overflow: visible !important;
    will-change: transform !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    min-width: 0 !important;
    z-index: 1 !important;
  }

  #w40FutureSection .w40future-card {
    flex: 0 0 auto !important;
  }
}

#w40FutureSection .w40future-actions,
#w40FutureSection article.w40future-card .w40future-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 10px !important;
  width: min(100%, 348px) !important;
  max-width: 348px !important;
  align-items: stretch !important;
  justify-content: start !important;
  flex-direction: initial !important;
}

#w40FutureSection .w40future-actions > .w40future-toggle,
#w40FutureSection .w40future-actions > .w40future-link {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  min-height: 39px !important;
  padding: 10px 12px !important;
  border-radius: 13px !important;
  font-size: 12.8px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

#w40FutureSection .w40future-toggle {
  order: 1 !important;
}

#w40FutureSection .w40future-link {
  order: 2 !important;
}

#w40FutureSection .w40future-actions > .w40future-link:not(.is-disabled) {
  background:
    radial-gradient(circle at var(--w40bx, 50%) var(--w40by, 50%), rgba(255,255,255,.20), transparent 30%),
    linear-gradient(120deg, #0a5ca8 0%, #0877ba 52%, #00a36a 100%) !important;
  box-shadow: 0 9px 20px rgba(0, 91, 170, .14) !important;
}

#w40FutureSection .w40future-actions > .w40future-toggle {
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,251,255,.94)) padding-box,
    linear-gradient(120deg, rgba(10,92,168,.25), rgba(0,163,106,.22)) border-box !important;
  border: 1px solid transparent !important;
  color: #075da8 !important;
  box-shadow: 0 8px 18px rgba(11, 63, 115, .06) !important;
}

@media (max-width: 920px) {
  #w40FutureSection.w40future-section {
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    contain: none !important;
  }

  #w40FutureSection .w40future-shell {
    height: auto !important;
    overflow: visible !important;
  }

  #w40FutureSection .w40future-list {
    height: auto !important;
    transform: none !important;
  }

  #w40FutureSection .w40future-actions,
  #w40FutureSection article.w40future-card .w40future-actions {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
}


/* =========================================================
   V45 Future Section - AKINSOFT clean premium pass
   - Faster right-flow
   - True two-button horizontal layout
   - Removed heavy/gray gradients and copy fade
   ========================================================= */
@media (min-width: 921px) {
  #w40FutureSection.w40future-section {
    background:
      radial-gradient(circle at 12% 18%, rgba(0, 91, 170, .10), transparent 32%),
      radial-gradient(circle at 86% 20%, rgba(0, 169, 107, .09), transparent 30%),
      linear-gradient(180deg, #f7fbff 0%, #ffffff 54%, #f8fcfb 100%) !important;
  }

  #w40FutureSection .w40future-shell {
    grid-template-columns: minmax(320px, 420px) minmax(0, 1fr) !important;
    gap: clamp(42px, 5vw, 80px) !important;
  }

  #w40FutureSection .w40future-list {
    gap: 16px !important;
    padding-right: 6px !important;
  }
}

#w40FutureSection .w40future-card {
  overflow: visible !important;
  border: 1px solid rgba(10, 74, 134, .10) !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 16px 44px rgba(17, 54, 92, .075) !important;
}

#w40FutureSection .w40future-card::before {
  inset: -1px !important;
  opacity: 0 !important;
  background:
    radial-gradient(circle at var(--w40x, 50%) var(--w40y, 50%), rgba(0, 91, 170, .12), transparent 34%),
    radial-gradient(circle at calc(var(--w40x, 50%) + 10%) calc(var(--w40y, 50%) + 4%), rgba(0, 169, 107, .10), transparent 38%) !important;
  border-radius: inherit !important;
  transition: opacity .22s ease !important;
}

#w40FutureSection .w40future-card::after {
  opacity: 0 !important;
  display: none !important;
}

#w40FutureSection .w40future-card:hover,
#w40FutureSection .w40future-card.is-active {
  border-color: rgba(0, 91, 170, .18) !important;
  box-shadow: 0 22px 56px rgba(14, 68, 118, .105) !important;
  transform: translateY(-1px) !important;
}

#w40FutureSection .w40future-card:hover::before,
#w40FutureSection .w40future-card.is-active::before {
  opacity: 1 !important;
}

#w40FutureSection .w40future-copy::after {
  display: none !important;
  opacity: 0 !important;
  background: none !important;
}

#w40FutureSection .w40future-card-head,
#w40FutureSection .w40future-copy,
#w40FutureSection .w40future-actions {
  position: relative !important;
  z-index: 2 !important;
}

#w40FutureSection .w40future-icon {
  background: linear-gradient(135deg, rgba(0,91,170,.09), rgba(0,169,107,.10)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 24px rgba(0, 91, 170, .07) !important;
}

#w40FutureSection .w40future-card:hover .w40future-icon,
#w40FutureSection .w40future-card.is-active .w40future-icon {
  background: linear-gradient(135deg, #0b65b3, #00a36a) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

#w40FutureSection .w40future-card > .w40future-actions,
#w40FutureSection article.w40future-card > .w40future-actions,
#w40FutureSection .w40future-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 326px !important;
  margin-top: 17px !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

#w40FutureSection .w40future-actions > .w40future-toggle,
#w40FutureSection .w40future-actions > .w40future-link,
#w40FutureSection button.w40future-toggle,
#w40FutureSection a.w40future-link {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 38px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  font-size: 12.6px !important;
  font-weight: 850 !important;
  letter-spacing: -.01em !important;
  line-height: 1 !important;
  box-shadow: none !important;
  background-image: none !important;
  overflow: hidden !important;
}

#w40FutureSection .w40future-actions > .w40future-toggle {
  order: 1 !important;
  color: #075da8 !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(7, 93, 168, .18) !important;
}

#w40FutureSection .w40future-actions > .w40future-link {
  order: 2 !important;
}

#w40FutureSection .w40future-actions > .w40future-link:not(.is-disabled) {
  color: #fff !important;
  background: linear-gradient(135deg, #075da8 0%, #0879bc 52%, #00a36a 100%) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 9px 20px rgba(0, 91, 170, .13) !important;
}

#w40FutureSection .w40future-actions > .w40future-toggle::before,
#w40FutureSection .w40future-actions > .w40future-link::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(105deg, transparent 18%, rgba(255,255,255,.32) 48%, transparent 78%) !important;
  transform: translateX(-120%) skewX(-12deg) !important;
  opacity: 0 !important;
  transition: transform .42s ease, opacity .22s ease !important;
  pointer-events: none !important;
}

#w40FutureSection .w40future-actions > .w40future-toggle:hover::before,
#w40FutureSection .w40future-actions > .w40future-link:hover::before {
  transform: translateX(120%) skewX(-12deg) !important;
  opacity: .72 !important;
}

#w40FutureSection .w40future-actions > .w40future-toggle:hover,
#w40FutureSection .w40future-actions > .w40future-link:hover {
  transform: translateY(-1px) !important;
}

#w40FutureSection .w40future-actions > .w40future-toggle:hover {
  color: #008863 !important;
  border-color: rgba(0, 163, 106, .26) !important;
  background: #fff !important;
}

#w40FutureSection .w40future-actions > .w40future-link:not(.is-disabled):hover {
  box-shadow: 0 12px 26px rgba(0, 145, 118, .17) !important;
}

#w40FutureSection .w40future-actions > .w40future-link.is-disabled {
  color: rgba(22, 42, 64, .52) !important;
  background: rgba(245, 248, 251, .92) !important;
  border: 1px solid rgba(15, 68, 120, .08) !important;
  box-shadow: none !important;
}

#w40FutureSection .w40future-actions > .w40future-toggle > span,
#w40FutureSection .w40future-actions > .w40future-link > span {
  display: inline-block !important;
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
}

@media (max-width: 920px) {
  #w40FutureSection .w40future-card > .w40future-actions,
  #w40FutureSection article.w40future-card > .w40future-actions,
  #w40FutureSection .w40future-actions {
    max-width: none !important;
    gap: 8px !important;
  }
}

@media (max-width: 380px) {
  #w40FutureSection .w40future-actions > .w40future-toggle,
  #w40FutureSection .w40future-actions > .w40future-link {
    font-size: 11.6px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* =========================================================
   V48 Future Section - V45 stable left preserved, right grid fix
   - Left/pin block untouched from V45
   - Right cards become true 2-column grid on desktop
   - Action buttons stay 2-up, narrower and taller
   - Collapsed copy shows at least 3 lines
   ========================================================= */
@media (min-width: 921px) {
  #w40FutureSection .w40future-shell {
    grid-template-columns: minmax(320px, 420px) minmax(0, 1fr) !important;
  }

  #w40FutureSection .w40future-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    align-content: start !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    padding-right: 4px !important;
    min-width: 0 !important;
  }

  #w40FutureSection .w40future-card {
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 232px !important;
    padding: clamp(20px, 1.65vw, 26px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }

  #w40FutureSection .w40future-card-head {
    gap: 13px !important;
  }

  #w40FutureSection .w40future-icon {
    width: 46px !important;
    height: 46px !important;
    border-radius: 15px !important;
  }

  #w40FutureSection .w40future-icon svg {
    width: 23px !important;
    height: 23px !important;
  }

  #w40FutureSection .w40future-card h3 {
    font-size: clamp(21px, 1.55vw, 26px) !important;
    line-height: 1.12 !important;
  }

  #w40FutureSection .w40future-copy {
    max-height: 92px !important;
    overflow: hidden !important;
  }

  #w40FutureSection .w40future-copy p {
    margin-top: 14px !important;
    font-size: clamp(14.2px, .95vw, 15.5px) !important;
    line-height: 1.68 !important;
  }

  #w40FutureSection .w40future-card.is-expanded .w40future-copy {
    max-height: var(--w40-full-height, 900px) !important;
  }

  #w40FutureSection .w40future-actions,
  #w40FutureSection article.w40future-card .w40future-actions,
  #w40FutureSection .w40future-card > .w40future-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 318px !important;
    margin-top: auto !important;
    padding-top: 18px !important;
    align-items: stretch !important;
    justify-content: start !important;
    background: transparent !important;
    overflow: visible !important;
  }

  #w40FutureSection .w40future-actions > .w40future-toggle,
  #w40FutureSection .w40future-actions > .w40future-link,
  #w40FutureSection button.w40future-toggle,
  #w40FutureSection a.w40future-link,
  #w40FutureSection button.w40future-link {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 12px !important;
    border-radius: 13px !important;
    font-size: 12.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  #w40FutureSection .w40future-actions > .w40future-toggle {
    grid-column: 1 !important;
    order: 1 !important;
  }

  #w40FutureSection .w40future-actions > .w40future-link {
    grid-column: 2 !important;
    order: 2 !important;
  }
}

@media (min-width: 921px) and (max-width: 1180px) {
  #w40FutureSection .w40future-shell {
    grid-template-columns: minmax(300px, 390px) minmax(0, 1fr) !important;
    gap: 34px !important;
  }

  #w40FutureSection .w40future-list {
    gap: 14px !important;
  }

  #w40FutureSection .w40future-card {
    padding: 20px !important;
  }

  #w40FutureSection .w40future-actions,
  #w40FutureSection article.w40future-card .w40future-actions,
  #w40FutureSection .w40future-card > .w40future-actions {
    max-width: 292px !important;
    gap: 10px !important;
  }
}

@media (max-width: 920px) {
  #w40FutureSection .w40future-list {
    display: flex !important;
    flex-direction: column !important;
  }

  #w40FutureSection .w40future-copy {
    max-height: 88px !important;
  }

  #w40FutureSection .w40future-actions,
  #w40FutureSection article.w40future-card .w40future-actions,
  #w40FutureSection .w40future-card > .w40future-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    width: 100% !important;
    max-width: none !important;
  }

  #w40FutureSection .w40future-actions > .w40future-toggle,
  #w40FutureSection .w40future-actions > .w40future-link {
    min-height: 42px !important;
    height: 42px !important;
  }
}


/* =========================================================
   V49 Future Section - right grid/button/toggle polish
   - V45 left/pin preserved
   - Right cards 2 columns desktop
   - Buttons stay single-line, taller, readable
   - Toggle click restored / no scroll-active hover visuals
   ========================================================= */
#w40FutureSection .w40future-card,
#w40FutureSection .w40future-card.is-active {
  transform: translateZ(0) !important;
}

/* Scroll active state should not look like hover */
#w40FutureSection .w40future-card.is-active:not(:hover) {
  border-color: rgba(10, 74, 134, .10) !important;
  box-shadow: 0 16px 44px rgba(17, 54, 92, .075) !important;
}

#w40FutureSection .w40future-card.is-active:not(:hover)::before {
  opacity: 0 !important;
}

#w40FutureSection .w40future-card.is-active:not(:hover) .w40future-icon {
  color: #005baa !important;
  background: linear-gradient(135deg, rgba(0,91,170,.09), rgba(0,169,107,.10)) !important;
  transform: none !important;
}

#w40FutureSection .w40future-card::before,
#w40FutureSection .w40future-card::after {
  pointer-events: none !important;
}

#w40FutureSection .w40future-card-head,
#w40FutureSection .w40future-copy,
#w40FutureSection .w40future-actions {
  pointer-events: auto !important;
}

@media (min-width: 921px) {
  #w40FutureSection .w40future-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 15px !important;
    align-content: start !important;
    align-items: stretch !important;
  }

  #w40FutureSection .w40future-card {
    min-height: 254px !important;
    padding: 21px 22px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  #w40FutureSection .w40future-card h3 {
    font-size: clamp(20px, 1.38vw, 24px) !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #w40FutureSection .w40future-copy {
    max-height: 98px !important;
    min-height: 98px !important;
    overflow: hidden !important;
  }

  #w40FutureSection .w40future-card.is-expanded .w40future-copy {
    max-height: var(--w40-full-height, 900px) !important;
    min-height: 0 !important;
  }

  #w40FutureSection .w40future-copy p {
    font-size: 14.4px !important;
    line-height: 1.62 !important;
    margin-top: 13px !important;
  }

  #w40FutureSection .w40future-actions,
  #w40FutureSection article.w40future-card .w40future-actions,
  #w40FutureSection .w40future-card > .w40future-actions {
    display: grid !important;
    grid-template-columns: minmax(128px, 1fr) minmax(128px, 1fr) !important;
    grid-auto-flow: column !important;
    grid-auto-rows: 48px !important;
    gap: 11px !important;
    width: 100% !important;
    max-width: 360px !important;
    margin-top: auto !important;
    padding-top: 17px !important;
    align-items: stretch !important;
    justify-content: start !important;
    flex: 0 0 auto !important;
  }

  #w40FutureSection .w40future-actions > .w40future-toggle,
  #w40FutureSection .w40future-actions > .w40future-link,
  #w40FutureSection button.w40future-toggle,
  #w40FutureSection a.w40future-link,
  #w40FutureSection button.w40future-link {
    display: inline-flex !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 13px !important;
    font-size: 11.8px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    border-radius: 13px !important;
  }

  #w40FutureSection .w40future-actions > .w40future-toggle > span,
  #w40FutureSection .w40future-actions > .w40future-link > span {
    display: block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    font-size: inherit !important;
    line-height: 1 !important;
  }

  #w40FutureSection .w40future-actions > .w40future-toggle {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  #w40FutureSection .w40future-actions > .w40future-link {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
}

@media (min-width: 921px) and (max-width: 1180px) {
  #w40FutureSection .w40future-shell {
    grid-template-columns: minmax(295px, 380px) minmax(0, 1fr) !important;
    gap: 30px !important;
  }

  #w40FutureSection .w40future-card {
    padding: 19px !important;
  }

  #w40FutureSection .w40future-actions,
  #w40FutureSection article.w40future-card .w40future-actions,
  #w40FutureSection .w40future-card > .w40future-actions {
    grid-template-columns: minmax(116px, 1fr) minmax(116px, 1fr) !important;
    max-width: 322px !important;
    gap: 9px !important;
  }

  #w40FutureSection .w40future-actions > .w40future-toggle,
  #w40FutureSection .w40future-actions > .w40future-link,
  #w40FutureSection button.w40future-toggle,
  #w40FutureSection a.w40future-link,
  #w40FutureSection button.w40future-link {
    font-size: 11px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
}

@media (max-width: 920px) {
  #w40FutureSection .w40future-copy {
    max-height: 92px !important;
  }

  #w40FutureSection .w40future-actions,
  #w40FutureSection article.w40future-card .w40future-actions,
  #w40FutureSection .w40future-card > .w40future-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    max-width: none !important;
  }

  #w40FutureSection .w40future-actions > .w40future-toggle,
  #w40FutureSection .w40future-actions > .w40future-link {
    height: 45px !important;
    min-height: 45px !important;
    font-size: 11.6px !important;
    white-space: nowrap !important;
  }
}

/* =========================================================
   V50 Future Section - premium copy/toggle/button/pin polish
   Base: V49. Sol blok korunur, hizalama/pin geçişi stabilize edilir.
   ========================================================= */
@media (min-width: 921px) {
  #w40FutureSection.w40future-section {
    padding-top: clamp(64px, 6vw, 96px) !important;
  }

  #w40FutureSection .w40future-shell {
    align-items: start !important;
    grid-template-columns: minmax(320px, 420px) minmax(0, 1fr) !important;
  }

  #w40FutureSection .w40future-left,
  #w40FutureSection .w40future-list {
    align-self: start !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  #w40FutureSection .w40future-left-card {
    margin-top: 0 !important;
    top: 0 !important;
    transform: translate3d(0,0,0) !important;
    will-change: transform;
  }
}

#w40FutureSection .w40future-card {
  padding-bottom: clamp(26px, 2.3vw, 34px) !important;
}

#w40FutureSection .w40future-copy {
  position: relative !important;
  font-weight: 400 !important;
  color: rgba(55, 75, 99, .86) !important;
  line-height: 1.62 !important;
  max-height: 88px !important;
  overflow: hidden !important;
  padding-right: 0 !important;
}

#w40FutureSection .w40future-copy p {
  font-weight: 400 !important;
  line-height: 1.62 !important;
  margin: 0 !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-copy {
  max-height: var(--w40-full-height, 900px) !important;
}

#w40FutureSection .w40future-copy::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 34px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.96) 64%, rgba(255,255,255,.99)) !important;
  pointer-events: none !important;
  opacity: 1 !important;
  z-index: 2 !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-copy::after {
  opacity: 0 !important;
}

#w40FutureSection .w40future-copy > .w40future-toggle,
#w40FutureSection button.w40future-toggle {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 0 !important;
  height: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 0 0 32px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.98) 30%, rgba(255,255,255,1) 100%) !important;
  box-shadow: none !important;
  color: #006fbd !important;
  font-size: 12.2px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -.01em !important;
  cursor: pointer !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-copy > .w40future-toggle {
  position: relative !important;
  display: inline-flex !important;
  margin-top: 8px !important;
  padding-left: 0 !important;
  background: transparent !important;
}

#w40FutureSection .w40future-copy > .w40future-toggle::before,
#w40FutureSection .w40future-copy > .w40future-toggle::after {
  display: none !important;
  content: none !important;
}

#w40FutureSection .w40future-copy > .w40future-toggle span {
  position: relative !important;
  z-index: 4 !important;
  background: linear-gradient(110deg, #005baa, #0084c7 45%, #00a36a) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

#w40FutureSection .w40future-copy > .w40future-toggle:hover span {
  filter: brightness(1.06) saturate(1.12) !important;
}

#w40FutureSection .w40future-actions,
#w40FutureSection article.w40future-card .w40future-actions,
#w40FutureSection .w40future-card > .w40future-actions {
  display: flex !important;
  width: 100% !important;
  max-width: 300px !important;
  margin-top: 18px !important;
  gap: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#w40FutureSection .w40future-actions > .w40future-link,
#w40FutureSection a.w40future-link,
#w40FutureSection button.w40future-link {
  flex: 0 0 300px !important;
  width: 300px !important;
  max-width: 300px !important;
  min-height: 50px !important;
  padding: 15px 22px !important;
  border-radius: 15px !important;
  font-size: 13px !important;
  font-weight: 820 !important;
  letter-spacing: -.01em !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

#w40FutureSection .w40future-actions > .w40future-link:not(.is-disabled) {
  background:
    radial-gradient(circle at var(--w40bx, 50%) var(--w40by, 50%), rgba(255,255,255,.34), transparent 28%),
    linear-gradient(120deg, #075dae 0%, #0879bd 48%, #00a76c 100%) !important;
  box-shadow: 0 12px 28px rgba(0, 91, 170, .16) !important;
}

#w40FutureSection .w40future-actions > .w40future-link:not(.is-disabled):hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 15px 34px rgba(0, 145, 118, .18) !important;
}

#w40FutureSection .w40future-actions > .w40future-link::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at var(--w40bx, 50%) var(--w40by, 50%), rgba(255,255,255,.40), transparent 30%) !important;
  opacity: 0 !important;
  transition: opacity .18s ease !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

#w40FutureSection .w40future-actions > .w40future-link:hover::before {
  opacity: 1 !important;
}

#w40FutureSection .w40future-actions > .w40future-link > span {
  position: relative !important;
  z-index: 2 !important;
}

#w40FutureSection .w40future-icon:hover {
  background: linear-gradient(135deg, #0b65b3, #00a36a) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 920px) {
  #w40FutureSection .w40future-copy {
    max-height: 82px !important;
  }
  #w40FutureSection .w40future-actions,
  #w40FutureSection article.w40future-card .w40future-actions,
  #w40FutureSection .w40future-card > .w40future-actions {
    max-width: none !important;
  }
  #w40FutureSection .w40future-actions > .w40future-link,
  #w40FutureSection a.w40future-link,
  #w40FutureSection button.w40future-link {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 48px !important;
  }
}

/* V50 active-state cleanup: scroll aktifliği hover gibi ikon/buton yakmasın */
#w40FutureSection .w40future-card.is-active:not(:hover) .w40future-icon {
  background: linear-gradient(135deg, rgba(0,91,170,.09), rgba(0,169,107,.10)) !important;
  color: #0870b8 !important;
  transform: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 24px rgba(0, 91, 170, .07) !important;
}

#w40FutureSection .w40future-card.is-active:not(:hover),
#w40FutureSection .w40future-card.is-active:not(:hover)::before {
  transform: none !important;
}


/* =========================================================
   V51 Future Section - left pin crop + inline toggle + card glow fix
   Base: V50. Sol blok tasarımı korunur; pin kesmesi ve sağ kart etkileşimi düzeltilir.
   ========================================================= */
@media (min-width: 921px) {
  #w40FutureSection.w40future-section {
    padding: 0 clamp(18px, 4vw, 52px) !important;
    align-items: flex-start !important;
  }

  #w40FutureSection .w40future-shell {
    height: var(--w40-pin-height, 100vh) !important;
    padding-top: var(--w40-content-top, 72px) !important;
    padding-bottom: clamp(44px, 6vh, 70px) !important;
    align-items: start !important;
  }

  #w40FutureSection .w40future-left,
  #w40FutureSection .w40future-list {
    align-self: start !important;
  }

  #w40FutureSection .w40future-left-card {
    top: auto !important;
    margin-top: 0 !important;
    transform: translate3d(0,0,0) !important;
  }

  #w40FutureSection .w40future-list {
    height: var(--w40-list-height, calc(100vh - 150px)) !important;
    max-height: none !important;
    min-height: 0 !important;
  }

  #w40FutureSection .w40future-card {
    min-height: 286px !important;
    padding: 24px 26px 26px !important;
  }

  #w40FutureSection .w40future-copy {
    max-height: 96px !important;
    min-height: 96px !important;
  }
}

#w40FutureSection .w40future-copy {
  overflow: hidden !important;
}

#w40FutureSection .w40future-copy p {
  font-weight: 390 !important;
  color: rgba(65, 82, 104, .86) !important;
  line-height: 1.62 !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-copy {
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-copy p {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#w40FutureSection .w40future-copy::after {
  height: 30px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.98) 72%, rgba(255,255,255,1)) !important;
}

#w40FutureSection .w40future-copy > .w40future-toggle,
#w40FutureSection button.w40future-toggle {
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.98) 32%, rgba(255,255,255,1)) !important;
  padding-left: 36px !important;
  color: #006fbd !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-copy > .w40future-toggle {
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
  margin-top: 10px !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Mouse takip efekti kartın tamamında olsun; Detaylı Bilgi butonu sade kalsın */
#w40FutureSection .w40future-card {
  --w40x: 50%;
  --w40y: 50%;
  background: rgba(255,255,255,.95) !important;
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}

#w40FutureSection .w40future-card::before {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  opacity: 0 !important;
  background:
    radial-gradient(circle at var(--w40x) var(--w40y), rgba(0, 169, 107, .18), transparent 30%),
    radial-gradient(circle at calc(var(--w40x) + 14%) calc(var(--w40y) - 8%), rgba(0, 91, 170, .13), transparent 34%) !important;
  transition: opacity .2s ease !important;
  pointer-events: none !important;
}

#w40FutureSection .w40future-card:hover::before {
  opacity: 1 !important;
}

#w40FutureSection .w40future-actions,
#w40FutureSection article.w40future-card .w40future-actions,
#w40FutureSection .w40future-card > .w40future-actions {
  max-width: 100% !important;
  margin-top: 20px !important;
  padding: 0 !important;
}

#w40FutureSection .w40future-actions > .w40future-link,
#w40FutureSection a.w40future-link,
#w40FutureSection button.w40future-link {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 46px !important;
  padding: 13px 18px !important;
  border-radius: 14px !important;
  background: linear-gradient(120deg, #075dae 0%, #0879bd 52%, #00a76c 100%) !important;
  box-shadow: 0 10px 22px rgba(0, 91, 170, .13) !important;
}

#w40FutureSection .w40future-actions > .w40future-link::before {
  display: none !important;
  content: none !important;
}

#w40FutureSection .w40future-actions > .w40future-link:not(.is-disabled):hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 13px 27px rgba(0, 145, 118, .17) !important;
}

/* Scroll aktifliği hover gibi yanmasın; gerçek hover kartta çalışsın */
#w40FutureSection .w40future-card.is-active:not(:hover)::before {
  opacity: 0 !important;
}

#w40FutureSection .w40future-card.is-active:hover::before {
  opacity: 1 !important;
}

@media (min-width: 921px) and (max-width: 1180px) {
  #w40FutureSection .w40future-card {
    min-height: 282px !important;
    padding: 22px !important;
  }

  #w40FutureSection .w40future-copy {
    max-height: 96px !important;
    min-height: 96px !important;
  }
}

@media (max-width: 920px) {
  #w40FutureSection .w40future-card {
    min-height: 0 !important;
  }

  #w40FutureSection .w40future-copy {
    max-height: 92px !important;
    min-height: 92px !important;
  }

  #w40FutureSection .w40future-card.is-expanded .w40future-copy {
    max-height: none !important;
    overflow: visible !important;
  }
}

/* =========================================================
   V52 Future Section - pin start, readable copy, expanded card spacing
   Base: V51. Sol pin kart çerçevesinden başlar, sağ metin/action katmanı çakışmaz.
   ========================================================= */
@media (min-width: 921px) {
  #w40FutureSection .w40future-shell {
    padding-top: var(--w40-content-top, 104px) !important;
  }

  #w40FutureSection .w40future-left-card {
    margin-top: 0 !important;
    transform: translate3d(0,0,0) !important;
  }

  #w40FutureSection .w40future-list {
    height: var(--w40-list-height, calc(100vh - 178px)) !important;
    padding-top: 0 !important;
  }

  #w40FutureSection .w40future-card {
    min-height: 304px !important;
    padding: 26px 28px 28px !important;
  }

  #w40FutureSection .w40future-card.is-expanded {
    min-height: 392px !important;
  }
}

#w40FutureSection .w40future-card {
  overflow: hidden !important;
}

#w40FutureSection .w40future-card.is-expanded {
  overflow: visible !important;
  z-index: 5 !important;
}

#w40FutureSection .w40future-card-head {
  margin-bottom: 16px !important;
}

#w40FutureSection .w40future-copy {
  color: rgba(38, 56, 78, .90) !important;
  font-weight: 480 !important;
  line-height: 1.7 !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  max-height: 104px !important;
  min-height: 104px !important;
}

#w40FutureSection .w40future-copy p {
  color: rgba(38, 56, 78, .90) !important;
  font-weight: 480 !important;
  line-height: 1.7 !important;
  letter-spacing: -.005em !important;
  margin: 0 !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-copy {
  max-height: none !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  margin-bottom: 24px !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-copy p {
  padding-bottom: 6px !important;
}

#w40FutureSection .w40future-copy > .w40future-toggle,
#w40FutureSection button.w40future-toggle {
  bottom: 2px !important;
  font-weight: 850 !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-copy > .w40future-toggle {
  display: inline-flex !important;
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
  margin-top: 12px !important;
  padding: 0 !important;
  background: transparent !important;
}

#w40FutureSection .w40future-actions,
#w40FutureSection article.w40future-card .w40future-actions,
#w40FutureSection .w40future-card > .w40future-actions {
  margin-top: auto !important;
  padding-top: 18px !important;
  position: relative !important;
  z-index: 4 !important;
  clear: both !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-actions,
#w40FutureSection article.w40future-card.is-expanded .w40future-actions,
#w40FutureSection .w40future-card.is-expanded > .w40future-actions {
  margin-top: 10px !important;
  padding-top: 22px !important;
}

@media (max-width: 920px) {
  #w40FutureSection .w40future-card-head {
    margin-bottom: 14px !important;
  }

  #w40FutureSection .w40future-copy {
    max-height: 100px !important;
    min-height: 100px !important;
    margin-bottom: 18px !important;
  }

  #w40FutureSection .w40future-card.is-expanded .w40future-copy {
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    margin-bottom: 22px !important;
  }

  #w40FutureSection .w40future-card.is-expanded {
    overflow: visible !important;
  }
}

/* =========================================================
   V53 Future Section - wider right cards + natural expand + earlier pin
   Base: V52. Sol tasarım korunur; pin daha yukarı başlar, sağ kartlar genişler,
   uzun metin açılınca kart kendi içeriği kadar uzar ve action altta kalır.
   ========================================================= */
@media (min-width: 921px) {
  #w40FutureSection .w40future-shell {
    width: min(1280px, 100%) !important;
    grid-template-columns: minmax(300px, 390px) minmax(0, 1fr) !important;
    gap: clamp(30px, 3.6vw, 54px) !important;
    padding-top: var(--w40-content-top, 68px) !important;
  }

  #w40FutureSection .w40future-left-card {
    max-width: 390px !important;
  }

  #w40FutureSection .w40future-list {
    height: var(--w40-list-height, calc(100vh - 132px)) !important;
    gap: 18px !important;
    grid-template-columns: repeat(2, minmax(300px, 1fr)) !important;
    align-items: start !important;
    overflow: visible !important;
  }

  #w40FutureSection .w40future-card {
    min-height: 326px !important;
    height: auto !important;
    padding: 28px 30px 30px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  #w40FutureSection .w40future-card.is-expanded {
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  #w40FutureSection .w40future-copy {
    max-height: 112px !important;
    min-height: 112px !important;
    margin-bottom: 22px !important;
  }

  #w40FutureSection .w40future-card.is-expanded .w40future-copy {
    max-height: none !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    margin-bottom: 26px !important;
  }

  #w40FutureSection .w40future-actions,
  #w40FutureSection article.w40future-card .w40future-actions,
  #w40FutureSection .w40future-card > .w40future-actions {
    margin-top: auto !important;
    padding-top: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }

  #w40FutureSection .w40future-actions > .w40future-link,
  #w40FutureSection a.w40future-link,
  #w40FutureSection button.w40future-link {
    width: 100% !important;
    max-width: none !important;
    min-height: 54px !important;
    padding: 16px 22px !important;
    border-radius: 16px !important;
  }
}

/* Açılan kartlarda Devamını Göster/Gizle metnin arkasında kalmasın */
#w40FutureSection .w40future-card.is-expanded .w40future-copy > .w40future-toggle {
  display: inline-flex !important;
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
  margin-top: 12px !important;
  margin-left: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  clear: both !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-copy::after {
  display: none !important;
  opacity: 0 !important;
}

#w40FutureSection .w40future-copy p {
  padding-bottom: 0 !important;
}

@media (min-width: 921px) and (max-width: 1180px) {
  #w40FutureSection .w40future-shell {
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr) !important;
    gap: 28px !important;
  }
  #w40FutureSection .w40future-list {
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  }
  #w40FutureSection .w40future-card {
    padding: 24px !important;
    min-height: 318px !important;
  }
}

@media (max-width: 920px) {
  #w40FutureSection .w40future-card.is-expanded {
    height: auto !important;
    min-height: 0 !important;
  }
  #w40FutureSection .w40future-card.is-expanded .w40future-copy {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  #w40FutureSection .w40future-card.is-expanded .w40future-copy > .w40future-toggle {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    margin-top: 10px !important;
    background: transparent !important;
    padding: 0 !important;
  }
}


/* =========================================================
   V54 Future Section - earlier left pin + natural copy toggle layout
   Base: V53. Toggle copy dışına alındı; açıklama açılınca action layer aşağı iner.
   ========================================================= */
@media (min-width: 921px) {
  #w40FutureSection .w40future-shell {
    padding-top: var(--w40-content-top, 30px) !important;
  }

  #w40FutureSection .w40future-left,
  #w40FutureSection .w40future-list {
    align-self: start !important;
  }

  #w40FutureSection .w40future-left-card {
    margin-top: 0 !important;
    transform: translate3d(0,0,0) !important;
  }

  #w40FutureSection .w40future-list {
    height: var(--w40-list-height, calc(100vh - 86px)) !important;
    grid-template-columns: repeat(2, minmax(310px, 1fr)) !important;
    gap: 18px !important;
  }

  #w40FutureSection .w40future-card {
    min-height: 338px !important;
    padding: 28px 30px 30px !important;
  }
}

#w40FutureSection .w40future-card-head {
  margin-bottom: 15px !important;
}

#w40FutureSection .w40future-copy {
  max-height: calc(1.68em * 3) !important;
  min-height: calc(1.68em * 3) !important;
  height: auto !important;
  margin: 0 0 0 !important;
  overflow: hidden !important;
  color: rgba(37, 55, 78, .92) !important;
}

#w40FutureSection .w40future-copy p {
  margin: 0 !important;
  color: rgba(37, 55, 78, .92) !important;
  font-size: 14.6px !important;
  line-height: 1.68 !important;
  font-weight: 460 !important;
  letter-spacing: -.003em !important;
  padding: 0 !important;
}

#w40FutureSection .w40future-copy::after,
#w40FutureSection .w40future-card.is-expanded .w40future-copy::after {
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  content: none !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-copy {
  max-height: none !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  margin-bottom: 0 !important;
}

#w40FutureSection .w40future-toggle,
#w40FutureSection .w40future-card > .w40future-toggle,
#w40FutureSection button.w40future-toggle {
  position: relative !important;
  inset: auto !important;
  display: inline-flex !important;
  align-self: center !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  max-width: max-content !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 12px auto 0 !important;
  padding: 3px 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.58) !important;
  box-shadow: none !important;
  color: #006fbd !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
  overflow: visible !important;
  cursor: pointer !important;
  text-decoration: none !important;
  z-index: 4 !important;
}

#w40FutureSection .w40future-toggle::before,
#w40FutureSection .w40future-toggle::after {
  display: none !important;
  content: none !important;
}

#w40FutureSection .w40future-toggle span,
#w40FutureSection .w40future-card > .w40future-toggle span {
  display: inline-block !important;
  background: linear-gradient(110deg, #005baa 0%, #0782c5 45%, #00a36a 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

#w40FutureSection .w40future-toggle:hover {
  background: rgba(255,255,255,.72) !important;
  transform: none !important;
}

#w40FutureSection .w40future-actions,
#w40FutureSection article.w40future-card .w40future-actions,
#w40FutureSection .w40future-card > .w40future-actions {
  margin-top: auto !important;
  padding-top: 18px !important;
  width: 100% !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  position: relative !important;
  z-index: 3 !important;
  clear: both !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-actions,
#w40FutureSection article.w40future-card.is-expanded .w40future-actions,
#w40FutureSection .w40future-card.is-expanded > .w40future-actions {
  margin-top: 0 !important;
  padding-top: 20px !important;
}

#w40FutureSection .w40future-actions > .w40future-link,
#w40FutureSection a.w40future-link,
#w40FutureSection button.w40future-link {
  min-height: 54px !important;
  width: 100% !important;
  max-width: none !important;
}

@media (max-width: 920px) {
  #w40FutureSection .w40future-copy {
    max-height: calc(1.64em * 3) !important;
    min-height: calc(1.64em * 3) !important;
  }

  #w40FutureSection .w40future-card.is-expanded .w40future-copy {
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  #w40FutureSection .w40future-toggle,
  #w40FutureSection .w40future-card > .w40future-toggle,
  #w40FutureSection button.w40future-toggle {
    margin-top: 10px !important;
  }
}


/* =========================================================
   V55 Future Section - lower left pin + true natural expand flow
   Base: V54. Sol kart aşağı offsetlenir; açıklama açılınca aksiyon layer doğal aşağı akar.
   ========================================================= */
@media (min-width: 921px) {
  #w40FutureSection.w40future-section {
    overflow: hidden !important;
  }

  #w40FutureSection .w40future-shell {
    width: min(1300px, 100%) !important;
    grid-template-columns: minmax(300px, 390px) minmax(0, 1fr) !important;
    gap: clamp(34px, 4vw, 62px) !important;
    padding-top: var(--w40-content-top, 86px) !important;
    padding-bottom: 54px !important;
    align-items: start !important;
  }

  #w40FutureSection .w40future-left {
    align-self: start !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    overflow: visible !important;
  }

  #w40FutureSection .w40future-left-card {
    position: relative !important;
    top: auto !important;
    margin-top: 0 !important;
    transform: translate3d(0,0,0) !important;
  }

  #w40FutureSection .w40future-list {
    height: var(--w40-list-height, calc(100vh - 150px)) !important;
    grid-template-columns: repeat(2, minmax(330px, 1fr)) !important;
    gap: 20px !important;
    align-items: start !important;
    overflow: visible !important;
  }

  #w40FutureSection .w40future-card {
    min-height: 360px !important;
    height: auto !important;
    padding: 28px 30px 30px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  #w40FutureSection .w40future-card.is-expanded {
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }
}

#w40FutureSection .w40future-card-head {
  flex: 0 0 auto !important;
  margin-bottom: 17px !important;
}

#w40FutureSection .w40future-copy {
  position: relative !important;
  display: block !important;
  flex: 0 0 auto !important;
  max-height: calc(1.7em * 3) !important;
  min-height: calc(1.7em * 3) !important;
  height: auto !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(32, 50, 72, .94) !important;
}

#w40FutureSection .w40future-copy p {
  margin: 0 !important;
  color: rgba(32, 50, 72, .94) !important;
  font-size: 14.8px !important;
  line-height: 1.7 !important;
  font-weight: 470 !important;
  letter-spacing: -.002em !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-copy {
  max-height: none !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}

#w40FutureSection .w40future-copy::before,
#w40FutureSection .w40future-copy::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: none !important;
}

#w40FutureSection .w40future-toggle,
#w40FutureSection .w40future-card > .w40future-toggle,
#w40FutureSection button.w40future-toggle {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: max-content !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 13px auto 0 !important;
  padding: 4px 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.64), rgba(247,252,255,.54)) !important;
  box-shadow: inset 0 0 0 1px rgba(0,91,170,.06) !important;
  color: #006fbd !important;
  font-size: 12.6px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  overflow: visible !important;
  z-index: 4 !important;
}

#w40FutureSection .w40future-toggle span,
#w40FutureSection .w40future-card > .w40future-toggle span {
  background: linear-gradient(110deg, #005baa 0%, #087cc2 45%, #00a36a 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

#w40FutureSection .w40future-toggle:hover {
  background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(242,251,248,.70)) !important;
  transform: none !important;
}

#w40FutureSection .w40future-toggle::before,
#w40FutureSection .w40future-toggle::after {
  display: none !important;
  content: none !important;
}

#w40FutureSection .w40future-actions,
#w40FutureSection article.w40future-card .w40future-actions,
#w40FutureSection .w40future-card > .w40future-actions {
  position: relative !important;
  z-index: 3 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
  max-width: none !important;
  margin-top: auto !important;
  padding-top: 22px !important;
  background: transparent !important;
  clear: both !important;
  overflow: visible !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-actions,
#w40FutureSection article.w40future-card.is-expanded .w40future-actions,
#w40FutureSection .w40future-card.is-expanded > .w40future-actions {
  margin-top: 0 !important;
  padding-top: 24px !important;
  clear: both !important;
}

#w40FutureSection .w40future-actions > .w40future-link,
#w40FutureSection a.w40future-link,
#w40FutureSection button.w40future-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 56px !important;
  height: 56px !important;
  padding: 0 24px !important;
  border-radius: 17px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (min-width: 921px) and (max-width: 1180px) {
  #w40FutureSection .w40future-shell {
    grid-template-columns: minmax(278px, 350px) minmax(0, 1fr) !important;
    gap: 28px !important;
  }
  #w40FutureSection .w40future-list {
    grid-template-columns: repeat(2, minmax(270px, 1fr)) !important;
  }
  #w40FutureSection .w40future-card {
    min-height: 350px !important;
    padding: 24px !important;
  }
}

@media (max-width: 920px) {
  #w40FutureSection .w40future-copy {
    max-height: calc(1.66em * 3) !important;
    min-height: calc(1.66em * 3) !important;
  }
  #w40FutureSection .w40future-card.is-expanded .w40future-copy {
    max-height: none !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }
  #w40FutureSection .w40future-actions,
  #w40FutureSection article.w40future-card .w40future-actions,
  #w40FutureSection .w40future-card > .w40future-actions {
    margin-top: 0 !important;
    padding-top: 18px !important;
  }
}

/* =========================================================
   V56 Future Section - visible left frame + real expanded flow
   Base: V55. Sol kart aşağı offsetlenir; açıklama açıldığında aksiyon alanı
   metnin sonuna göre aşağı akar, üst üste binme engellenir.
   ========================================================= */
@media (min-width: 921px) {
  #w40FutureSection .w40future-shell {
    padding-top: var(--w40-content-top, 150px) !important;
    padding-bottom: 56px !important;
    align-items: start !important;
  }

  #w40FutureSection .w40future-left,
  #w40FutureSection .w40future-list {
    align-self: start !important;
  }

  #w40FutureSection .w40future-left-card {
    margin-top: 0 !important;
    transform: translate3d(0,0,0) !important;
  }

  #w40FutureSection .w40future-list {
    height: var(--w40-list-height, calc(100vh - 205px)) !important;
    align-items: start !important;
    overflow: visible !important;
  }

  #w40FutureSection .w40future-card {
    min-height: 360px !important;
  }
}

#w40FutureSection .w40future-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  height: auto !important;
  overflow: hidden !important;
}

#w40FutureSection .w40future-card.is-expanded {
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  z-index: 8 !important;
}

#w40FutureSection .w40future-card-head {
  order: 1 !important;
  flex: 0 0 auto !important;
  margin-bottom: 18px !important;
}

#w40FutureSection .w40future-copy {
  order: 2 !important;
  position: relative !important;
  display: block !important;
  flex: 0 0 auto !important;
  max-height: calc(1.72em * 3) !important;
  min-height: calc(1.72em * 3) !important;
  height: auto !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(35, 53, 76, .94) !important;
}

#w40FutureSection .w40future-copy p {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(35, 53, 76, .94) !important;
  font-size: 14.8px !important;
  line-height: 1.72 !important;
  font-weight: 470 !important;
  letter-spacing: -.002em !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-copy {
  max-height: 1200px !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  margin-bottom: 0 !important;
}

#w40FutureSection .w40future-copy::before,
#w40FutureSection .w40future-copy::after,
#w40FutureSection .w40future-card.is-expanded .w40future-copy::before,
#w40FutureSection .w40future-card.is-expanded .w40future-copy::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
}

#w40FutureSection .w40future-toggle,
#w40FutureSection .w40future-card > .w40future-toggle,
#w40FutureSection button.w40future-toggle {
  order: 3 !important;
  position: relative !important;
  inset: auto !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 14px auto 0 !important;
  padding: 4px 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.48) !important;
  box-shadow: inset 0 0 0 1px rgba(0,91,170,.055) !important;
  color: #006fbd !important;
  font-size: 12.6px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  overflow: visible !important;
  transform: none !important;
  z-index: 4 !important;
}

#w40FutureSection .w40future-toggle:hover {
  background: rgba(255,255,255,.62) !important;
  transform: none !important;
}

#w40FutureSection .w40future-toggle::before,
#w40FutureSection .w40future-toggle::after {
  content: none !important;
  display: none !important;
}

#w40FutureSection .w40future-toggle span {
  display: inline-block !important;
  background: linear-gradient(110deg, #005baa 0%, #087cc2 45%, #00a36a 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

#w40FutureSection .w40future-actions,
#w40FutureSection article.w40future-card .w40future-actions,
#w40FutureSection .w40future-card > .w40future-actions {
  order: 4 !important;
  position: relative !important;
  z-index: 3 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
  max-width: none !important;
  margin-top: 0 !important;
  padding-top: 24px !important;
  background: transparent !important;
  clear: both !important;
  overflow: visible !important;
  transform: none !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-actions,
#w40FutureSection article.w40future-card.is-expanded .w40future-actions,
#w40FutureSection .w40future-card.is-expanded > .w40future-actions {
  margin-top: 0 !important;
  padding-top: 26px !important;
}

#w40FutureSection .w40future-actions > .w40future-link,
#w40FutureSection a.w40future-link,
#w40FutureSection button.w40future-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 56px !important;
  height: 56px !important;
  padding: 0 24px !important;
  border-radius: 17px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  position: relative !important;
  transform: none !important;
}

@media (max-width: 920px) {
  #w40FutureSection .w40future-card.is-expanded {
    height: auto !important;
    overflow: hidden !important;
  }

  #w40FutureSection .w40future-copy {
    max-height: calc(1.66em * 3) !important;
    min-height: calc(1.66em * 3) !important;
  }

  #w40FutureSection .w40future-card.is-expanded .w40future-copy {
    max-height: 1200px !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  #w40FutureSection .w40future-actions,
  #w40FutureSection article.w40future-card .w40future-actions,
  #w40FutureSection .w40future-card > .w40future-actions {
    padding-top: 20px !important;
  }
}

/* =========================================================
   V63 Future Section - AKINSOFT row-synced accordion final
   Base: V56 left pin is preserved. Right side uses real 2-column
   row sync: opening one card stretches its row pair and pushes all
   following rows naturally.
   ========================================================= */
@media (min-width: 921px) {
  #w40FutureSection .w40future-shell {
    /* V56 left fix offset: do not move the left block. */
    padding-top: var(--w40-content-top, 150px) !important;
    padding-bottom: 56px !important;
    align-items: start !important;
  }

  #w40FutureSection .w40future-left,
  #w40FutureSection .w40future-list {
    align-self: start !important;
  }

  #w40FutureSection .w40future-left-card {
    margin-top: 0 !important;
    transform: translate3d(0,0,0) !important;
  }

  #w40FutureSection .w40future-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(330px, 1fr)) !important;
    grid-auto-rows: auto !important;
    align-items: stretch !important;
    align-content: start !important;
    gap: 20px !important;
    height: var(--w40-list-height, calc(100vh - 205px)) !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding-right: 4px !important;
  }

  #w40FutureSection .w40future-card {
    min-height: 360px !important;
    height: auto !important;
    padding: 28px 30px 30px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
  }

  #w40FutureSection .w40future-card.is-expanded {
    height: auto !important;
    overflow: hidden !important;
  }
}

#w40FutureSection .w40future-card-head {
  order: 1 !important;
  flex: 0 0 auto !important;
  margin-bottom: 18px !important;
}

#w40FutureSection .w40future-copy {
  order: 2 !important;
  position: relative !important;
  display: block !important;
  flex: 0 0 auto !important;
  max-height: calc(1.72em * 3) !important;
  min-height: calc(1.72em * 3) !important;
  height: auto !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(35, 53, 76, .94) !important;
}

#w40FutureSection .w40future-copy p {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(35, 53, 76, .94) !important;
  font-size: 14.8px !important;
  line-height: 1.72 !important;
  font-weight: 470 !important;
  letter-spacing: -.002em !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-copy {
  max-height: 1400px !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}

#w40FutureSection .w40future-copy::before,
#w40FutureSection .w40future-copy::after,
#w40FutureSection .w40future-card.is-expanded .w40future-copy::before,
#w40FutureSection .w40future-card.is-expanded .w40future-copy::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
}

#w40FutureSection .w40future-toggle,
#w40FutureSection .w40future-card > .w40future-toggle,
#w40FutureSection button.w40future-toggle {
  order: 3 !important;
  position: relative !important;
  inset: auto !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 14px auto 0 !important;
  padding: 4px 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.48) !important;
  box-shadow: inset 0 0 0 1px rgba(0,91,170,.055) !important;
  color: #006fbd !important;
  font-size: 12.6px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  overflow: visible !important;
  transform: none !important;
  z-index: 4 !important;
}

#w40FutureSection .w40future-toggle:hover {
  background: rgba(255,255,255,.62) !important;
  transform: none !important;
}

#w40FutureSection .w40future-toggle::before,
#w40FutureSection .w40future-toggle::after {
  content: none !important;
  display: none !important;
}

#w40FutureSection .w40future-toggle span {
  display: inline-block !important;
  background: linear-gradient(110deg, #005baa 0%, #087cc2 45%, #00a36a 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

#w40FutureSection .w40future-actions,
#w40FutureSection article.w40future-card .w40future-actions,
#w40FutureSection .w40future-card > .w40future-actions {
  order: 4 !important;
  position: relative !important;
  z-index: 3 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
  max-width: none !important;
  margin-top: auto !important;
  padding-top: 24px !important;
  background: transparent !important;
  clear: both !important;
  overflow: visible !important;
  transform: none !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-actions,
#w40FutureSection article.w40future-card.is-expanded .w40future-actions,
#w40FutureSection .w40future-card.is-expanded > .w40future-actions {
  margin-top: 0 !important;
  padding-top: 26px !important;
}

#w40FutureSection .w40future-actions > .w40future-link,
#w40FutureSection a.w40future-link,
#w40FutureSection button.w40future-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 56px !important;
  height: 56px !important;
  padding: 0 24px !important;
  border-radius: 17px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  position: relative !important;
  transform: none !important;
}

@media (min-width: 921px) and (max-width: 1180px) {
  #w40FutureSection .w40future-list {
    grid-template-columns: repeat(2, minmax(270px, 1fr)) !important;
  }
  #w40FutureSection .w40future-card {
    min-height: 350px !important;
    padding: 24px !important;
  }
}

@media (max-width: 920px) {
  #w40FutureSection .w40future-list {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    transform: none !important;
  }

  #w40FutureSection .w40future-card {
    min-height: 0 !important;
    height: auto !important;
  }

  #w40FutureSection .w40future-copy {
    max-height: calc(1.66em * 3) !important;
    min-height: calc(1.66em * 3) !important;
  }

  #w40FutureSection .w40future-card.is-expanded .w40future-copy {
    max-height: 1400px !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  #w40FutureSection .w40future-actions,
  #w40FutureSection article.w40future-card .w40future-actions,
  #w40FutureSection .w40future-card > .w40future-actions {
    margin-top: 0 !important;
    padding-top: 20px !important;
  }
}

/* =========================================================
   V64 Future Section - REAL AKINSOFT row accordion repair
   - V56 left pin offset preserved visually.
   - Right column is split into explicit two-card rows.
   - Opening one card stretches the whole row and pushes rows below.
   ========================================================= */
@media (min-width: 921px) {
  #w40FutureSection.w40future-section {
    overflow: hidden !important;
    contain: layout paint !important;
  }

  #w40FutureSection .w40future-shell {
    height: var(--w40-pin-height, 100vh) !important;
    padding-top: var(--w40-content-top, 154px) !important;
    padding-bottom: 56px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(320px, 420px) minmax(0, 1fr) !important;
    align-items: start !important;
    overflow: hidden !important;
  }

  #w40FutureSection .w40future-left,
  #w40FutureSection .w40future-list {
    align-self: start !important;
  }

  #w40FutureSection .w40future-left-card {
    margin-top: 0 !important;
    top: auto !important;
    transform: translate3d(0,0,0) !important;
  }

  #w40FutureSection .w40future-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    height: var(--w40-list-height, calc(100vh - 210px)) !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding-right: 4px !important;
    will-change: transform !important;
  }

  #w40FutureSection .w40future-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(300px, 1fr)) !important;
    gap: 20px !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
  }

  #w40FutureSection .w40future-row > .w40future-card {
    height: auto !important;
    min-height: 370px !important;
  }
}

#w40FutureSection .w40future-card {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  padding: 28px 30px 30px !important;
}

#w40FutureSection .w40future-card-head {
  flex: 0 0 auto !important;
  order: 1 !important;
  margin: 0 0 18px !important;
}

#w40FutureSection .w40future-copy {
  order: 2 !important;
  flex: 0 0 auto !important;
  position: relative !important;
  display: block !important;
  height: auto !important;
  max-height: calc(1.72em * 3) !important;
  min-height: calc(1.72em * 3) !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: max-height .30s ease, min-height .30s ease !important;
}

#w40FutureSection .w40future-copy p {
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(34, 52, 74, .94) !important;
  font-size: 14.9px !important;
  line-height: 1.72 !important;
  font-weight: 470 !important;
  letter-spacing: -.002em !important;
}

#w40FutureSection .w40future-card.is-expanded .w40future-copy {
  min-height: 0 !important;
  overflow: visible !important;
}

#w40FutureSection .w40future-copy::before,
#w40FutureSection .w40future-copy::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
}

#w40FutureSection .w40future-toggle,
#w40FutureSection button.w40future-toggle {
  order: 3 !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: max-content !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 14px auto 0 !important;
  padding: 4px 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.48) !important;
  box-shadow: inset 0 0 0 1px rgba(0,91,170,.055) !important;
  color: #006fbd !important;
  font-size: 12.6px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  overflow: visible !important;
  transform: none !important;
  z-index: 4 !important;
}

#w40FutureSection .w40future-toggle span {
  display: inline-block !important;
  background: linear-gradient(110deg, #005baa 0%, #087cc2 45%, #00a36a 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

#w40FutureSection .w40future-toggle::before,
#w40FutureSection .w40future-toggle::after {
  content: none !important;
  display: none !important;
}

#w40FutureSection .w40future-actions,
#w40FutureSection article.w40future-card .w40future-actions,
#w40FutureSection .w40future-card > .w40future-actions {
  order: 4 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  transform: none !important;
  clear: both !important;
}

#w40FutureSection .w40future-actions > .w40future-link,
#w40FutureSection a.w40future-link,
#w40FutureSection button.w40future-link {
  flex: 1 1 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 56px !important;
  height: 56px !important;
  padding: 0 24px !important;
  border-radius: 17px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  position: relative !important;
  transform: none !important;
}

@media (min-width: 921px) and (max-width: 1180px) {
  #w40FutureSection .w40future-row {
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  }
  #w40FutureSection .w40future-row > .w40future-card {
    min-height: 360px !important;
  }
  #w40FutureSection .w40future-card {
    padding: 24px !important;
  }
}

@media (max-width: 920px) {
  #w40FutureSection .w40future-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 13px !important;
    height: auto !important;
    transform: none !important;
  }

  #w40FutureSection .w40future-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 13px !important;
  }

  #w40FutureSection .w40future-card {
    height: auto !important;
    min-height: 0 !important;
    padding: 18px !important;
  }

  #w40FutureSection .w40future-copy {
    max-height: calc(1.66em * 3) !important;
    min-height: calc(1.66em * 3) !important;
  }

  #w40FutureSection .w40future-card.is-expanded .w40future-copy {
    min-height: 0 !important;
    overflow: visible !important;
  }

  #w40FutureSection .w40future-actions,
  #w40FutureSection article.w40future-card .w40future-actions,
  #w40FutureSection .w40future-card > .w40future-actions {
    margin-top: 18px !important;
  }
}


/* =========================================================
   V65 Future Section - smooth row accordion motion
   - V64 row-pair structure preserved.
   - Toggle no longer rebuilds the pin immediately; row height animates softly.
   ========================================================= */
#w40FutureSection .w40future-row > .w40future-card {
  transition:
    height .46s cubic-bezier(.22,.8,.24,1),
    min-height .46s cubic-bezier(.22,.8,.24,1),
    border-color .24s ease,
    box-shadow .24s ease,
    transform .24s ease !important;
}

#w40FutureSection .w40future-copy {
  transition: max-height .42s cubic-bezier(.22,.8,.24,1), min-height .42s cubic-bezier(.22,.8,.24,1) !important;
}

#w40FutureSection .w40future-toggle {
  transition: color .22s ease, background .22s ease, box-shadow .22s ease, opacity .22s ease !important;
}

@media (prefers-reduced-motion: reduce) {
  #w40FutureSection .w40future-row > .w40future-card,
  #w40FutureSection .w40future-copy,
  #w40FutureSection .w40future-toggle {
    transition: none !important;
  }
}


/* =========================================================
   V66 Future Section - bottom visibility + fixed action area
   - V65 smooth row structure preserved.
   - Right column gets safe bottom travel so last row is not clipped
     after upper cards are expanded.
   - Detail button/action area stays pinned to the bottom of each card.
   ========================================================= */
@media (min-width: 921px) {
  #w40FutureSection .w40future-list {
    padding-bottom: var(--w40-bottom-safe, 190px) !important;
  }

  #w40FutureSection .w40future-row > .w40future-card {
    min-height: 390px !important;
  }
}

#w40FutureSection .w40future-card {
  display: flex !important;
  flex-direction: column !important;
}

#w40FutureSection .w40future-actions,
#w40FutureSection article.w40future-card .w40future-actions,
#w40FutureSection .w40future-card > .w40future-actions,
#w40FutureSection .w40future-card.is-expanded .w40future-actions,
#w40FutureSection article.w40future-card.is-expanded .w40future-actions,
#w40FutureSection .w40future-card.is-expanded > .w40future-actions {
  margin-top: auto !important;
  padding-top: 22px !important;
  flex: 0 0 auto !important;
  align-self: stretch !important;
}

#w40FutureSection .w40future-toggle,
#w40FutureSection button.w40future-toggle {
  margin-top: 14px !important;
  margin-bottom: 18px !important;
}

#w40FutureSection .w40future-actions > .w40future-link,
#w40FutureSection a.w40future-link,
#w40FutureSection button.w40future-link {
  min-height: 58px !important;
  height: 58px !important;
}

@media (max-width: 920px) {
  #w40FutureSection .w40future-list {
    padding-bottom: 0 !important;
  }

  #w40FutureSection .w40future-actions,
  #w40FutureSection article.w40future-card .w40future-actions,
  #w40FutureSection .w40future-card > .w40future-actions,
  #w40FutureSection .w40future-card.is-expanded .w40future-actions,
  #w40FutureSection article.w40future-card.is-expanded .w40future-actions,
  #w40FutureSection .w40future-card.is-expanded > .w40future-actions {
    margin-top: 18px !important;
    padding-top: 0 !important;
  }
}

/* =========================================================
   V67 Future Section - dynamic scroll + smoother travel
   - V66 bottom action placement preserved.
   - Scroll distance follows the actually expanded rows instead of assuming all cards are open.
   - TaskPano keeps the same Detaylı Bilgi button style without href.
   ========================================================= */
@media (min-width: 921px) {
  #w40FutureSection .w40future-list {
    padding-bottom: var(--w40-bottom-safe, 112px) !important;
    backface-visibility: hidden !important;
    transform-style: preserve-3d !important;
  }

  #w40FutureSection .w40future-row > .w40future-card {
    min-height: 390px !important;
    backface-visibility: hidden !important;
    transform: translateZ(0) !important;
  }
}

#w40FutureSection button.w40future-link.is-no-url,
#w40FutureSection .w40future-actions > button.w40future-link.is-no-url {
  cursor: default !important;
  opacity: 1 !important;
  filter: none !important;
  pointer-events: none !important;
}

#w40FutureSection button.w40future-link.is-no-url span {
  opacity: 1 !important;
}