/* nebim-is-zekasi-easy-click — SoT img/10.png features→price→cta */
.breadcrumb {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  margin: 0 0 16px; font-size: 13px; color: var(--muted);
}
.breadcrumb a { color: var(--muted); display: inline-flex; align-items: center; }
.breadcrumb a:hover { color: var(--blue); }
.breadcrumb span:last-child { color: var(--navy); font-weight: 500; }

.hero {
  padding: clamp(28px, 4vw, 48px) 0 clamp(24px, 3vw, 40px);
  background:
    radial-gradient(ellipse 48% 70% at 78% 38%, rgba(120, 150, 255, 0.22), transparent 68%),
    linear-gradient(180deg, #eef4fc 0%, #f7f9fd 45%, #fff 100%);
}
.hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(20px, 3vw, 40px);
  align-items: center;
}
.hero__title {
  margin: 0 0 16px; font-size: clamp(30px, 3.8vw, 46px);
  line-height: 1.15; font-weight: 700; letter-spacing: -0.028em; color: var(--navy);
}
.hero__lead {
  margin: 0 0 12px; max-width: 48ch;
  font-size: clamp(14px, 1.1vw, 15px); line-height: 1.7; color: var(--muted);
}
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.hero__visual { position: relative; display: flex; justify-content: flex-end; }
.hero__glow {
  position: absolute; inset: 2% -2% 8% 6%; border-radius: 50%;
  background: radial-gradient(ellipse 58% 62% at 50% 46%, rgba(90, 120, 255, 0.42), transparent 74%);
  filter: blur(12px); pointer-events: none; z-index: 0;
}
.hero__visual img { position: relative; z-index: 1; width: 100%; max-width: 780px; }

/* —— Features: üst 4 dikey kart (ikon üstte) —— */
.features {
  padding: clamp(8px, 1.5vw, 16px) 0 clamp(20px, 3vw, 32px);
  background: #fff;
}
.features__grid--4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}
.feat-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: clamp(22px, 2vw, 28px) clamp(20px, 1.8vw, 24px);
  min-height: 168px;
  background: #fff;
  border: 1px solid #e6ebf6;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}
.feat-card img {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  flex-shrink: 0;
  background: transparent;
  object-fit: contain;
}
.feat-card h3 {
  margin: 0 0 8px;
  font-size: clamp(16px, 1.15vw, 18px);
  line-height: 1.3;
  color: var(--navy);
  font-weight: 700;
}
.feat-card p {
  margin: 0;
  font-size: clamp(14px, 1.05vw, 15px);
  line-height: 1.6;
  color: var(--muted);
}

/* —— Alt 4 yatay mini kart (tek şerit) —— */
.benefits {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border: 1px solid #e4e9f4;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(180deg, #f7f9fd 0%, #f2f5fb 100%);
  margin-bottom: 8px;
}
.benefit {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 24px 20px;
  border-right: 1px solid #e4e9f4;
}
.benefit:last-child { border-right: 0; }
.benefit img {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  flex-shrink: 0;
  background: transparent;
  object-fit: contain;
  box-shadow: none;
}
.benefit h3 {
  margin: 0 0 6px;
  font-size: clamp(15px, 1.1vw, 16px);
  line-height: 1.3;
  color: var(--navy);
  font-weight: 700;
}
.benefit p {
  margin: 0;
  font-size: clamp(13px, 0.95vw, 14px);
  line-height: 1.55;
  color: #5a6b8c;
}

/* —— Fiyat 3 kolon —— */
.price {
  padding: clamp(12px, 2vw, 20px) 0 clamp(20px, 3vw, 32px);
  background: #fff;
}
.price-banner--3 {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 1.1fr);
  gap: 0;
  align-items: center;
  padding: clamp(24px, 2.8vw, 32px) clamp(20px, 2.4vw, 28px);
  background: #fff;
  border: 1px solid #dde5f5;
  border-radius: 18px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}
.price-banner__intro,
.price-banner__mid,
.price-banner__include {
  padding: 4px clamp(14px, 1.6vw, 22px);
}
.price-banner__intro {
  border-right: 1px solid #e6ebf6;
}
.price-banner__mid {
  border-right: 1px solid #e6ebf6;
  text-align: left;
}
.price-banner__intro .eyebrow {
  margin-bottom: 8px;
  color: #8b93b0;
  letter-spacing: 0.1em;
  font-size: clamp(11px, 0.9vw, 12px);
}
.price-banner__intro h2 {
  margin: 0 0 12px;
  font-size: clamp(22px, 2.2vw, 28px);
  line-height: 1.25;
  color: var(--navy);
  font-weight: 700;
}
.price-banner__intro p:last-child {
  margin: 0;
  font-size: clamp(14px, 1.05vw, 15px);
  color: var(--muted);
  line-height: 1.65;
  max-width: 36ch;
}
.price-banner__amount {
  font-size: clamp(34px, 3.6vw, 44px);
  font-weight: 800;
  color: var(--blue);
  line-height: 1.05;
  letter-spacing: -0.02em;
}
.price-banner__amount span {
  font-size: 0.42em;
  font-weight: 600;
  color: var(--muted);
}
.price-banner__note {
  margin: 6px 0 16px;
  color: var(--muted);
  font-size: clamp(13px, 0.95vw, 14px);
}
.price-banner__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.price-banner__cta .btn {
  white-space: nowrap;
  padding: 12px 18px;
  font-size: clamp(14px, 1vw, 15px);
  border-radius: 10px;
}
.price-banner__cta .btn .ico {
  width: 16px;
  height: 16px;
}
.price-banner__include h3 {
  margin: 0 0 12px;
  font-size: 15px;
  color: var(--navy);
  font-weight: 700;
}
.check-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 9px;
}
.check-list--1 { grid-template-columns: 1fr; }
.check-list li {
  position: relative;
  padding-left: 24px;
  font-size: clamp(13px, 0.95vw, 14px);
  line-height: 1.45;
  color: var(--navy-text);
}
.check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--blue);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9.2 17.2 4.5 12.5l1.4-1.4 3.3 3.3 8-8 1.4 1.4z'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9.2 17.2 4.5 12.5l1.4-1.4 3.3 3.3 8-8 1.4 1.4z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* CTA band — SoT: koyu soldan parlak maviye (chrome override, chrome.css dokunulmaz) */
.page-nebim-is-zekasi-easy-click .cta__band {
  background: linear-gradient(100deg, #06183f 0%, #16348f 38%, #2a4fd4 72%, #3b5cf0 100%);
}
.page-nebim-is-zekasi-easy-click .cta {
  padding: clamp(8px, 1.5vw, 16px) 0 clamp(28px, 4vw, 40px);
}

@media (max-width: 1100px) {
  .features__grid--4,
  .benefits { grid-template-columns: 1fr 1fr; }
  .benefit { border-right: 0; border-bottom: 1px solid #e4e9f4; }
  .benefit:nth-child(odd) { border-right: 1px solid #e4e9f4; }
  .benefit:nth-last-child(-n+2) { border-bottom: 0; }
  .price-banner--3 { grid-template-columns: 1fr; }
  .price-banner__intro,
  .price-banner__mid {
    border-right: 0;
    border-bottom: 1px solid #e6ebf6;
    padding-bottom: 18px;
    margin-bottom: 8px;
  }
}
@media (max-width: 860px) {
  .hero__grid { grid-template-columns: 1fr; }
  .hero__visual { order: -1; justify-content: center; }
  .features__grid--4,
  .benefits { grid-template-columns: 1fr; }
  .benefit,
  .benefit:nth-child(odd) {
    border-right: 0;
    border-bottom: 1px solid #e4e9f4;
  }
  .benefit:last-child { border-bottom: 0; }
}