.container,
.container-fluid,
.row,
#region-content,
.region.region-content,
#main,
.col-lg-8.pe-5.border-right,
.col-12.col-lg-9.mt-3 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Sol sidebar kapat */
.col-lg-3.border-right.pr-0.sidebar-mobile {
    display: none !important;
}

/* Sağ makaleler kapat */
.col-lg-4.best-article {
    display: none !important;
}

/* Header kapat */
header.header.sticky-top {
    display: none !important;
}

/* Story alanı kapat */
.story-area,
.view-content,
.region-content-header,
.region-content-category,
.webform-progress,
hr {
    display: none !important;
}

/* Bootstrap gutter kaldır */
.row {
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
}

/* Ana form alanı tam ekran */
#main {
    min-height: 100vh !important;
}

.col-lg-3.border-right.pr-0.sidebar-mobile.d-lg-block.d-none {
    display: none !important;
}

.story-area.mx-2.d-flex {
    display: none !important;
}
.col-lg-4.best-article {
    display: none !important;
}

.col-lg-8.pe-5.border-right {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    border-right: none !important;
}

.webform-progress {
    display: none !important;
}

.header.sticky-top {
    display: none !important;
}

hr {
    display: none !important;
}

#main {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Kare formatta, dikeyde şişmeyen kural kutuları */
.feature-grid {
  gap: clamp(16px, 3vw, 28px) !important;
  margin: 28px 0 24px !important;
}

.feature-item {
  background: rgba(255, 255, 255, 0.95) !important;
  border-radius: 24px !important;
  /* Dikey padding azaltıldı, yatay padding korundu - kareye yakın oran */
  padding: 20px 12px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(102, 126, 234, 0.2) inset !important;
  border: none !important;
  transition: all 0.25s ease;
  /* Yüksekliği içeriğe göre ama min-height ile kare oranına zorlamıyoruz */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.feature-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 32px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(102, 126, 234, 0.4) inset !important;
}

.feature-icon {
  font-size: clamp(44px, 7vw, 64px) !important;
  margin-bottom: 12px !important;
  line-height: 1;
}

.feature-label {
  font-size: clamp(16px, 4vw, 22px) !important;
  font-weight: 800 !important;
  color: #1e1e2f !important;
  line-height: 1.3 !important;
}

/* Tablet ve masaüstünde daha karemsi durması için */
@media (min-width: 768px) {
  .feature-item {
    padding: 28px 16px !important;
    min-height: 160px; /* sabit yükseklik değil, esnek ama alt sınır */
  }
  .feature-icon {
    font-size: 54px !important;
  }
  .feature-label {
    font-size: 18px !important;
  }
}

/* Büyük ekranlarda aşırı büyüme olmaz */
@media (min-width: 1200px) {
  .feature-item {
    padding: 32px 20px !important;
  }
  .feature-icon {
    font-size: 62px !important;
  }
  .feature-label {
    font-size: 20px !important;
  }
}

/* Mobilde çok küçülme, yine kareye yakın */
@media (max-width: 576px) {
  .feature-item {
    padding: 16px 8px !important;
  }
  .feature-icon {
    font-size: 38px !important;
    margin-bottom: 8px;
  }
  .feature-label {
    font-size: 14px !important;
  }
}

@media (max-width: 768px) {
  .nisan-banner,
  .ip-warning-box {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .main-card {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0; /* isteğe bağlı, full mobil görünüm */
  }

  body {
    overflow-x: hidden;
  }
}

@media (max-width: 768px) {
  .main-card {
    max-width: 100% !important;
    width: 100% !important;
    height: calc(100vh - 80px);
    overflow-y: auto;
    margin: 0;
  }
}

@media (max-width: 768px) {
  .submit-button-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
    padding: 12px;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
  }

  body {
    padding-bottom: 70px; /* butonun üstüne içerik binmesin */
  }
}