/* ==========================================================================
   CV2 Responsive Fixes — mobil & tablet (<=991px)
   Masaüstü kurallarına DOKUNMAZ. Manifest'te en sona kayıtlıdır, bu yüzden
   aynı özgüllükteki eski kuralları ezer.
   ========================================================================== */

@media (max-width: 991px) {

  /* ---------- 1) Hero grid-wrapper: sabit 400px kalıbını kır ---------- */
  .hosting-container > .grid-wrapper,
  body#home .hosting-container > .grid-wrapper,
  .grid-wrapper {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* İçindeki kartlar: hepsi TAM GENİŞLİK, alt alta, eşit boyut */
  .grid-wrapper > .coreintrocart,
  .grid-wrapper .coreintrocart {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  .grid-wrapper .core-card,
  .grid-wrapper .core-card.box-search,
  .grid-wrapper .core-card.box-campaign,
  .grid-wrapper .core-card.box-wide {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Kart içi görseller ve yan bloklar taşmasın */
  .grid-wrapper .core-card .camp-visual,
  .grid-wrapper .core-card .wide-visual,
  .grid-wrapper .core-card .wide-aside,
  .grid-wrapper .core-card img {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ---------- 2) Domain hızlı menüsü (dql-wrap): ekranı aşmasın ---------- */
  .dql-wrap {
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    padding: 16px 12px 20px !important;
    overflow-x: hidden !important;
  }

  .dql-wrap .cd-slider-wrapper {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .dql-wrap .cd-hero-quicknav {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    padding: 4px 0 !important;
  }

  .dql-wrap .cd-hero-quicknav::-webkit-scrollbar { display: none !important; }

  .dql-wrap .cd-hero-quicknav__item {
    flex: 0 0 calc(50% - 4px) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    scroll-snap-align: start !important;
    padding: 10px 14px 10px 10px !important;
    gap: 10px !important;
  }

  .dql-wrap .cd-hero-quicknav__icon { width: 30px !important; height: 30px !important; }
  .dql-wrap .cd-hero-quicknav__title { font-size: 12px !important; }
  .dql-wrap .cd-hero-quicknav__sub { font-size: 10px !important; display: block !important; }
  .dql-wrap .cd-slider-dots { display: flex !important; }

  /* ---------- 3) Sticky duyuru çubuğu: mobilde kompakt ---------- */
  html body #CoreV2-sticky-ann {
    min-height: 0 !important;
    padding: 10px 12px 12px !important;
    row-gap: 8px !important;
    column-gap: 8px !important;
  }

  html body #CoreV2-sticky-ann .CoreV2-sticky-text,
  html body #CoreV2-sticky-ann .CoreV2-sticky-text .promo-title {
    font-size: 12.5px !important;
    line-height: 1.35 !important;
  }

  html body #CoreV2-sticky-ann .CoreV2-sticky-icon { width: 34px !important; height: 34px !important; }
  html body #CoreV2-sticky-ann .CoreV2-sticky-icon i { font-size: 16px !important; }

  /* Geri sayım + kupon alt satırda taşmadan yan yana / gerekirse wrap */
  html body #CoreV2-sticky-ann .CoreV2-sticky-hub { min-width: 0 !important; max-width: 100% !important; }
  html body #CoreV2-sticky-ann .CoreV2-sticky-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 8px !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body #CoreV2-sticky-ann .CoreV2-sticky-countdown { gap: 4px !important; }

  html body #CoreV2-sticky-ann .CoreV2-countdown-item {
    min-width: 34px !important;
    padding: 3px 5px !important;
  }

  html body #CoreV2-sticky-ann .CoreV2-countdown-value { font-size: 15px !important; }
  html body #CoreV2-sticky-ann .CoreV2-countdown-label { font-size: 8.5px !important; }

  html body #CoreV2-sticky-ann .CoreV2-sticky-coupon {
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 4px 8px !important;
    gap: 6px !important;
    box-sizing: border-box !important;
  }

  html body #CoreV2-sticky-ann .CoreV2-sticky-coupon-code {
    font-size: 11px !important;
    max-width: 96px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #CoreV2-sticky-ann .CoreV2-sticky-btn {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 10.5px !important;
    white-space: nowrap !important;
  }

  /* ---------- 4) Hero alt sekme şeridi (sc--tabs): taşmayı kes ---------- */
  .slider-controls .sc--tabs-viewport { overflow-x: auto !important; max-width: 100% !important; }

  .sc--tabs {
    width: auto !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .sc--tabs::-webkit-scrollbar { display: none !important; }
}

/* ---------- 14) Referans bento kartları: içerik aynı, mobil/tablet sunum yenilendi ---------- */
@media (max-width: 991px) {
  .grid-wrapper .coreintrocart {
    gap: 12px !important;
  }

  .grid-wrapper .core-card {
    border-radius: 20px !important;
    border: 1px solid color-mix(in srgb, var(--CoreV2-primary) 10%, transparent) !important;
    box-shadow:none;
    transform: none !important;
  }

  .grid-wrapper .core-card.box-search {
    min-height: 206px !important;
    padding: 18px !important;
    justify-content: flex-start !important;
    background: color-mix(in srgb, var(--CoreV2-primary) 4%, var(--CoreV2-bg, #f8f9fd)) !important;
  }
  .grid-wrapper .core-card.box-search::before {
    opacity: .06 !important;
  }
  .grid-wrapper .box-search .card-header,
  .grid-wrapper .box-search .domain-grid {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .grid-wrapper .box-search .card-title {
    margin-top: 7px !important;
    font-size: 19px !important;
    line-height: 1.18 !important;
  }
  .grid-wrapper .box-search .card-subtitle {
    margin-top: 5px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }
  .grid-wrapper .box-search .domain-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 13px !important;
  }
  .grid-wrapper .box-search .domain-item {
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 5px 9px !important;
    border-radius: 10px !important;
    background: color-mix(in srgb, var(--CoreV2-primary) 6%, transparent) !important;
    border-color: color-mix(in srgb, var(--CoreV2-primary) 13%, transparent) !important;
  }
  .grid-wrapper .box-search .d-logo {
    width: 48px !important;
    min-width: 0 !important;
  }
  .grid-wrapper .box-search .d-price {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .grid-wrapper .core-card.box-campaign {
    min-height: 218px !important;
    padding: 0 !important;
    flex-direction: row !important;
    align-items: stretch !important;
    background: color-mix(in srgb, var(--CoreV2-primary) 5%, var(--card-bg, #ffffff)) !important;
  }
  .grid-wrapper .box-campaign .camp-content {
    position: relative !important;
    inset: auto !important;
    z-index: 10 !important;
    flex: 0 0 58% !important;
    max-width: 58% !important;
    min-width: 0 !important;
    padding: 22px 10px 20px 18px !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
    gap: 7px !important;
  }
  .grid-wrapper .box-campaign .camp-tag,
  .grid-wrapper .box-campaign .camp-btn {
    align-self: flex-start !important;
  }
  .grid-wrapper .box-campaign .camp-title {
    font-size: 22px !important;
    line-height: 1.08 !important;
  }
  .grid-wrapper .box-campaign .camp-desc {
    max-width: 190px !important;
    margin: 0 0 5px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }
  .grid-wrapper .box-campaign .camp-visual {
    inset: 0 0 0 auto !important;
    width: 47% !important;
    z-index: 1 !important;
  }
  .grid-wrapper .box-campaign .camp-visual::before {
    content: "" !important;
    position: absolute !important;
    inset: 18px 12px 18px 0 !important;
    border-radius: 16px !important;
    background: color-mix(in srgb, var(--CoreV2-primary) 10%, transparent) !important;
  }
  .grid-wrapper .core-card.box-campaign .camp-visual img,
  .grid-wrapper .core-card.box-campaign:hover .camp-visual img {
    left: 50% !important;
    top: 52% !important;
    width: 100% !important;
    height: 88% !important;
    max-height: 88% !important;
    object-fit: contain !important;
    transform: translate(-50%, -50%) !important;
  }

  .grid-wrapper .core-card.box-wide {
    min-height: 196px !important;
    padding: 0 !important;
    border-color: color-mix(in srgb, var(--CoreV2-primary) 22%, transparent) !important;
    background: var(--cv2-panel, #0e1119) !important;
  }
  .grid-wrapper .box-wide .wide-content {
    flex: 1 1 54% !important;
    min-width: 0 !important;
    padding: 22px 8px 22px 18px !important;
  }
  .grid-wrapper .box-wide .wide-title {
    font-size: 22px !important;
    line-height: 1.08 !important;
  }
  .grid-wrapper .box-wide .wide-subtitle {
    font-size: 16px !important;
  }
  .grid-wrapper .box-wide .wide-desc {
    max-width: 210px !important;
    font-size: 10.5px !important;
    line-height: 1.45 !important;
  }
  .grid-wrapper .box-wide .wide-divider {
    display: none !important;
  }
  .grid-wrapper .box-wide .wide-aside {
    flex: 0 0 42% !important;
    width: 42% !important;
    min-width: 0 !important;
    align-items: center !important;
    padding: 12px 12px 14px 4px !important;
  }
  .grid-wrapper .box-wide .wide-visual {
    width: 100% !important;
    min-height: 105px !important;
    justify-content: center !important;
  }
  .grid-wrapper .box-wide .wide-visual img,
  .grid-wrapper .box-wide:hover .wide-visual img {
    right: auto !important;
    width: 100% !important;
    height: 112px !important;
    max-width: 150px !important;
    object-fit: contain !important;
    transform: none !important;
  }
  .grid-wrapper .box-wide .wide-btn {
    align-self: center !important;
    margin: 0 !important;
    padding: 7px 12px !important;
    font-size: 10.5px !important;
  }
}

@media (min-width: 600px) and (max-width: 991px) {
  .grid-wrapper .coreintrocart {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .grid-wrapper .core-card.box-search,
  .grid-wrapper .core-card.box-campaign {
    grid-column: auto !important;
    min-height: 230px !important;
  }
  .grid-wrapper .core-card.box-wide {
    grid-column: 1 / -1 !important;
  }
}

/* ==========================================================================
   19) Core intro kartları — yedek tasarımın dolu karakterini koruyan revize
   Sert çerçeveler kaldırılır; ayrım yüzey, ışık ve kontrollü gölgeyle sağlanır.
   ========================================================================== */
.grid-wrapper .coreintrocart {
  gap: 10px !important;
}

.grid-wrapper .core-card {
  border-color: transparent !important;
  box-shadow:none;
  transition: transform .25s cubic-bezier(.22, 1, .36, 1), box-shadow .25s ease !important;
  isolation: isolate;
}
.grid-wrapper .core-card:hover {
  transform: translateY(-2px) !important;
  border-color: transparent !important;
  box-shadow:none;
}
.grid-wrapper .core-card:focus-within {
  border-color: transparent !important;
  box-shadow:none;
}

/* Alan adı kartı: yedekteki desen ve dolu görünüm yeniden öne çıkarılır. */
.grid-wrapper .core-card.box-search {
  background-color: var(--CoreV2-bg, #f8f9fd) !important;
}
.grid-wrapper .core-card.box-search::before {
  opacity: .14 !important;
  transform: none !important;
}
.grid-wrapper .box-search .card-header,
.grid-wrapper .box-search .domain-grid {
  position: relative;
  z-index: 1;
}
.grid-wrapper .box-search .card-tag {
  border-style: dashed !important;
  box-shadow: none !important;
}
.grid-wrapper .box-campaign .camp-tag,
.grid-wrapper .box-wide .wide-badge {
  border-color: transparent !important;
  box-shadow: none !important;
}
.grid-wrapper .box-search .card-title,
.grid-wrapper .box-campaign .camp-title,
.grid-wrapper .box-wide .wide-title {
  letter-spacing: 0 !important;
  text-wrap: balance;
}
.grid-wrapper .box-search .domain-item {
  background: rgba(255, 255, 255, .58) !important;
  border-color: transparent !important;
  box-shadow:none;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease !important;
}
.grid-wrapper .box-search .domain-item:hover {
  background: rgba(255, 255, 255, .9) !important;
  border-color: transparent !important;
  box-shadow:none;
  transform: translateX(2px) !important;
}
.grid-wrapper .box-search .domain-item:hover .d-logo img {
  opacity: 1;
  transform: scale(1.035);
}
.grid-wrapper .box-search .d-price {
  border-color: transparent !important;
  box-shadow:none;
  font-variant-numeric: tabular-nums;
}

/* Kampanya kartı: yedekteki güçlü görsel alan korunur, geçiş yumuşatılır. */
.grid-wrapper .core-card.box-campaign::after {
  height: 64% !important;
  background: linear-gradient(to top, var(--CoreV2-bg, #f8f9fd) 40%, color-mix(in srgb, var(--CoreV2-bg, #f8f9fd) 78%, transparent) 70%, transparent) !important;
}
.grid-wrapper .core-card.box-campaign .camp-visual img {
  filter: saturate(1.06) contrast(1.02);
  transition: transform .42s cubic-bezier(.22, 1, .36, 1), filter .28s ease !important;
}
.grid-wrapper .core-card.box-campaign:hover .camp-visual img {
  transform: scale(1.018) !important;
  filter: saturate(1.09) contrast(1.035);
}
.grid-wrapper .box-campaign .camp-content {
  padding-bottom: 16px !important;
}
.grid-wrapper .box-campaign .camp-btn,
.grid-wrapper .box-wide .wide-btn {
  border-color: transparent !important;
  box-shadow:none;
}
.grid-wrapper .box-campaign .camp-btn:hover,
.grid-wrapper .box-wide .wide-btn:hover {
  box-shadow:none;
}

/* Dijital ürün kartı: koyu ve dolu vitrin görünümü, çizgisiz ayrım. */
.grid-wrapper .core-card.box-wide {
  background: linear-gradient(118deg, var(--cv2-panel, #0e1119), color-mix(in srgb, var(--cv2-panel, #0e1119) 88%, var(--CoreV2-primary) 12%)) !important;
}
.grid-wrapper .core-card.box-wide::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(105deg, rgba(255, 255, 255, .05), transparent 38%, rgba(var(--CoreV2-primary-rgb), .10)) !important;
  opacity: 1 !important;
}
.grid-wrapper .box-wide .wide-divider {
  opacity: .34 !important;
  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .34), transparent) !important;
}
.grid-wrapper .box-wide .wide-visual img {
  filter: saturate(1.05) contrast(1.025);
  transition: transform .38s cubic-bezier(.22, 1, .36, 1), filter .28s ease !important;
}
.grid-wrapper .box-wide:hover .wide-visual img {
  transform: translateY(-1px) scale(1.035) !important;
  filter: saturate(1.09) contrast(1.04);
}

[data-theme="dark"] .grid-wrapper .core-card,
[data-theme="dark"] .grid-wrapper .core-card.box-search,
[data-theme="dark"] .grid-wrapper .core-card.box-campaign,
[data-theme="dark"] .grid-wrapper .core-card.box-wide {
  border-color: transparent !important;
  box-shadow:none;
}
[data-theme="dark"] .grid-wrapper .box-search .domain-item {
  background: rgba(255, 255, 255, .065) !important;
  border-color: transparent !important;
  box-shadow:none;
}
[data-theme="dark"] .grid-wrapper .box-search .domain-item:hover {
  background: rgba(255, 255, 255, .105) !important;
  border-color: transparent !important;
}
[data-theme="dark"] .grid-wrapper .core-card.box-campaign::after {
  background: linear-gradient(to top, var(--cv2-panel, #0e1119) 42%, color-mix(in srgb, var(--cv2-panel, #0e1119) 78%, transparent) 70%, transparent) !important;
}

@media (max-width: 991px) {
  .grid-wrapper .coreintrocart { gap: 10px !important; }
  .grid-wrapper .core-card:hover { transform: translateY(-1px) !important; }
  .grid-wrapper .core-card.box-campaign:hover .camp-visual img {
    transform: translateY(5%) scale(1.065) !important;
  }
  .grid-wrapper .box-wide:hover .wide-visual img {
    transform: translateY(-1px) scale(1.02) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .grid-wrapper .core-card,
  .grid-wrapper .core-card *,
  .grid-wrapper .core-card *::before,
  .grid-wrapper .core-card *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

@media (max-width: 380px) {
  .grid-wrapper .box-search .domain-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .grid-wrapper .core-card.box-search {
    min-height: 0 !important;
  }
  .grid-wrapper .box-campaign .camp-title,
  .grid-wrapper .box-wide .wide-title {
    font-size: 19px !important;
  }
}

/* ---------- 5) Küçük telefonlar (<=480px): duyuru daha da kompakt ---------- */
@media (max-width: 480px) {
  html body #CoreV2-sticky-ann { padding: 8px 10px 10px !important; }
  html body #CoreV2-sticky-ann .CoreV2-countdown-item { min-width: 36px !important; }
  html body #CoreV2-sticky-ann .CoreV2-countdown-value { font-size: 13px !important; }
  .dql-wrap .cd-hero-quicknav__item { flex-basis: calc(50% - 4px) !important; }
}

/* ---------- 6-10) İkinci tur düzeltmeler (kullanıcı geri bildirimi) ---------- */
@media (max-width: 991px) {

  /* 6) Kampanya kartı: kız görseli kartın %155'i kadardı, dev görünüyordu */
  .grid-wrapper .core-card.box-campaign .camp-visual img,
  .grid-wrapper .core-card.box-campaign:hover .camp-visual img {
    height: 100% !important;
    max-height: 100% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    object-fit: contain !important;
  }

  /* 7) Domain arama bölümü: beyaz kutunun altındaki dev boşluk */
  .domain-search-container { height: auto !important; min-height: 0 !important; }
  .domain-search-container .box-search,
  .main--domain .box-search {
    min-height: 0 !important;
    height: auto !important;
  }

  /* 8) Intro — en eski yedek (CoreV2-10): sosyal SAĞDA absolute; görsel altta;
        specs kutunun içinde akışta. Specificity: .intro-card .intro-social ezer. */
  #intro-section .intro-slider {
    grid-template-columns: 1fr !important;
    height: auto !important;
    overflow: visible !important;
    padding: 15px 0 !important;
    min-height: auto !important;
    gap: 0 !important;
  }
  #intro-section .intro-slider > * {
    grid-column: auto !important;
  }
  #intro-section .intro-card {
    height: auto !important;
    min-height: auto !important;
    padding: 15px 28px 15px 12px !important;
    overflow: visible !important;
    position: relative !important;
  }
  html body #intro-section .intro-card .intro-social,
  html body #intro-section .intro-social {
    position: absolute !important;
    left: auto !important;
    right: -12px !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    flex: none !important;
    z-index: 200 !important;
    margin: 0 !important;
  }
  #intro-section .intro-slider > .intro-right,
  #intro-section .intro-right {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 160px !important;
    margin-top: 12px !important;
    flex: none !important;
  }
  #intro-section .intro-right::after {
    height: 80px !important;
  }
  #intro-section .intro-right .intro-right-frame,
  #intro-section .intro-right .intro-right-image {
    min-height: 160px !important;
  }
  #intro-section .intro-left {
    margin-left: 0 !important;
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  #intro-section .intro-breadcrumb {
    padding: 4px 8px !important;
    gap: 3px !important;
    margin-bottom: 6px !important;
  }
  #intro-section .intro-title {
    font-size: 18px !important;
    margin-bottom: 4px !important;
  }
  #intro-section .intro-desc {
    font-size: 12px !important;
    line-height: 1.5 !important;
    margin-bottom: 8px !important;
  }
  #intro-section .intro-content-row {
    flex-direction: column !important;
    height: auto !important;
    gap: 8px !important;
    margin-top: 0 !important;
  }
  #intro-section .intro-content-left {
    max-width: 100% !important;
    width: 100% !important;
    order: 1 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  #intro-section .intro-card .intro-specs-grid,
  #intro-section .intro-specs-grid {
    position: static !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    order: 2 !important;
  }

  /* 9) "BİTİME KALA" etiketi satır başı yapmasın */
  .pcs-label, .pcs-label-line, .pcs-label--left { white-space: nowrap !important; }
  .pcs-label { width: auto !important; }

  /* 10) Hero sekme etiketleri: kırpma yerine tam metin, yatay kaydırma */
  .sc--tabs .item, .sc--tabs > * {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }
  .sc--tabs .sc-tab-label {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: 11.5px !important;
  }
}

/* ---------- 11-13) Son mobil/tablet incelikleri ---------- */
@media (max-width: 991px) {
  /* Domain hızlı menü ile arama kutusu arasındaki gereksiz dikey alanı kaldır. */
  #main-domain-index .domain-search-container {
    gap: 8px !important;
  }
  #main-domain-index .dql-wrap {
    padding-top: 6px !important;
    padding-bottom: 0 !important;
  }
  #main-domain-index .dql-wrap .cd-slider-wrapper {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  #main-domain-index .dql-wrap .cd-slider-dots {
    position: static !important;
    padding: 6px 0 0 !important;
  }

  /* Var olan kart tasarımını koru; ölçü, köşe ve aralıkları tutarlılaştır. */
  .grid-wrapper .coreintrocart {
    gap: 12px !important;
  }
  .grid-wrapper .core-card {
    grid-row: auto !important;
    border-radius: var(--cv2-radius-card, 18px) !important;
    overflow: hidden !important;
  }
  .grid-wrapper .core-card.box-campaign,
  .grid-wrapper .core-card.box-search {
    min-height: 196px !important;
  }
  .grid-wrapper .core-card.box-wide {
    min-height: 176px !important;
  }
  .grid-wrapper .core-card.box-campaign .camp-content {
    max-width: 58% !important;
    padding: 16px 14px !important;
    box-sizing: border-box !important;
  }
  .grid-wrapper .core-card.box-campaign .camp-visual img,
  .grid-wrapper .core-card.box-campaign:hover .camp-visual img {
    height: 92% !important;
    max-height: 92% !important;
  }
  .grid-wrapper .core-card.box-wide .wide-content {
    padding: 16px 14px 16px 18px !important;
  }
  .grid-wrapper .core-card.box-wide .wide-aside {
    padding: 12px 16px 12px 8px !important;
  }

  /* Duyuru: başlık/açıklama üstte; sayaç + kupon + buton tek alt satırda. */
  html body #CoreV2-sticky-ann {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    padding: 8px 10px 9px !important;
    row-gap: 7px !important;
    column-gap: 6px !important;
  }
  html body #CoreV2-sticky-ann .CoreV2-sticky-content {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    padding-right: 32px !important;
  }
  html body #CoreV2-sticky-ann .CoreV2-sticky-hub {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  html body #CoreV2-sticky-ann .CoreV2-sticky-meta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    gap: 5px !important;
  }
  html body #CoreV2-sticky-ann .CoreV2-sticky-center {
    min-width: 0 !important;
  }
  html body #CoreV2-sticky-ann .CoreV2-sticky-countdown {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(25px, 1fr)) !important;
    gap: 2px !important;
  }
  html body #CoreV2-sticky-ann .CoreV2-countdown-item {
    width: auto !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 2px 3px !important;
  }
  html body #CoreV2-sticky-ann .CoreV2-countdown-value {
    font-size: 12px !important;
    margin-bottom: 1px !important;
  }
  html body #CoreV2-sticky-ann .CoreV2-countdown-label {
    font-size: 7px !important;
  }
  html body #CoreV2-sticky-ann .CoreV2-sticky-coupon {
    height: 36px !important;
    padding: 3px 4px 3px 6px !important;
    gap: 3px !important;
    white-space: nowrap !important;
  }
  html body #CoreV2-sticky-ann .CoreV2-sticky-coupon-icon {
    display: none !important;
  }
  html body #CoreV2-sticky-ann .CoreV2-sticky-coupon-code {
    max-width: 68px !important;
    font-size: 9.5px !important;
  }
  html body #CoreV2-sticky-ann .CoreV2-sticky-copy {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
  }
  html body #CoreV2-sticky-ann .CoreV2-sticky-top-actions {
    display: contents !important;
  }
  html body #CoreV2-sticky-ann .CoreV2-sticky-btn {
    grid-column: 2 !important;
    grid-row: 2 !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 8px !important;
    font-size: 9.5px !important;
    gap: 3px !important;
  }
}

/* ==========================================================================
   15) Hero bento kartları (coreintrocart) — tipografi & yerleşim rötuşu
   Masaüstünde daha dengeli, mobilde masaüstündeki hiyerarşinin aynısı.
   ========================================================================== */

/* ---- Masaüstü (>=992px): taşan domain listesi + tipografi ---- */
@media (min-width: 992px) {
  .grid-wrapper .core-card.box-search {
    padding: 14px 16px 14px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }
  .grid-wrapper .box-search .card-title {
    font-size: clamp(15px, 1.15vw, 19px) !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em !important;
    text-wrap: balance;
  }
  .grid-wrapper .box-search .card-subtitle {
    font-size: 10.5px !important;
    line-height: 1.4 !important;
    text-wrap: balance;
  }
  .grid-wrapper .box-search .domain-grid {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    gap: 6px !important;
    margin-top: 10px !important;
    min-height: 0 !important;
  }
  .grid-wrapper .box-search .domain-item {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    padding: 4px 10px !important;
    border-radius: 12px !important;
  }

  .grid-wrapper .box-campaign .camp-title {
    font-size: clamp(17px, 1.3vw, 22px) !important;
    line-height: 1.1 !important;
    letter-spacing: -.02em !important;
  }
  .grid-wrapper .box-campaign .camp-desc {
    font-size: 11px !important;
    line-height: 1.4 !important;
    text-wrap: balance;
  }

  .grid-wrapper .box-wide .wide-title,
  .grid-wrapper .box-wide .wide-subtitle {
    white-space: nowrap !important;
  }
  .grid-wrapper .box-wide .wide-desc {
    max-width: 42ch !important;
    text-wrap: pretty;
  }
}

/* ---- Mobil & tablet (<=991px): satır kırılmalarını ve font ölçeğini düzelt ---- */
@media (max-width: 991px) {
  /* Rozetler tek satır kalsın (YENİ ÜYELERE iki satıra düşüyordu) */
  .grid-wrapper .core-card .card-tag,
  .grid-wrapper .core-card .camp-tag,
  .grid-wrapper .core-card .wide-badge {
    white-space: nowrap !important;
    width: fit-content !important;
    max-width: 100% !important;
    font-size: 9.5px !important;
    letter-spacing: .07em !important;
    padding: 4px 10px !important;
    line-height: 1.1 !important;
  }

  /* Başlıklar: masaüstündeki hiyerarşi, tek satır, akıcı ölçek */
  .grid-wrapper .box-search .card-title,
  .grid-wrapper .box-campaign .camp-title,
  .grid-wrapper .box-wide .wide-title {
    font-size: clamp(17px, 5.2vw, 24px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }
  .grid-wrapper .box-wide .wide-subtitle {
    font-size: clamp(13px, 3.9vw, 17px) !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    margin-top: 1px !important;
  }
  .grid-wrapper .box-search .card-subtitle,
  .grid-wrapper .box-campaign .camp-desc,
  .grid-wrapper .box-wide .wide-desc {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
    text-wrap: pretty;
    max-width: 34ch !important;
  }

  /* Domain listesi: eşit üç blok, fiyatlar hizalı */
  .grid-wrapper .box-search .domain-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .grid-wrapper .box-search .domain-item {
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
    min-height: 62px !important;
    padding: 8px 6px !important;
    border-radius: 14px !important;
  }
  .grid-wrapper .box-search .d-logo {
    width: 100% !important;
    height: 22px !important;
  }
  .grid-wrapper .box-search .d-logo img { max-height: 20px !important; }
  .grid-wrapper .box-search .d-price {
    font-size: 10px !important;
    padding: 2px 7px !important;
  }

  /* Kampanya kartı: alttaki boşluğu kapat, içerik dikeyde ortalansın */
  .grid-wrapper .core-card.box-campaign {
    min-height: 172px !important;
    align-items: center !important;
  }
  .grid-wrapper .box-campaign .camp-content {
    justify-content: center !important;
    padding: 16px 8px 16px 16px !important;
  }
  .grid-wrapper .box-campaign .camp-btn {
    margin-top: 10px !important;
    padding: 9px 16px !important;
    font-size: 12px !important;
  }

  /* Dijital ürün kartı: metin bloğu nefes alsın, buton hizalı */
  .grid-wrapper .core-card.box-wide {
    min-height: 168px !important;
  }
  .grid-wrapper .box-wide .wide-content {
    justify-content: center !important;
    gap: 2px !important;
  }
}

@media (max-width: 380px) {
  .grid-wrapper .box-search .domain-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }
  .grid-wrapper .box-search .domain-item { min-height: 56px !important; }
  .grid-wrapper .box-search .card-title,
  .grid-wrapper .box-campaign .camp-title,
  .grid-wrapper .box-wide .wide-title {
    font-size: 18px !important;
  }
}

/* 15b) Dijital ürün kartı mobilde iki sütun: metin geniş, görsel dar */
@media (max-width: 991px) {
  .grid-wrapper .core-card.box-wide {
    display: grid !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.8fr) !important;
    grid-template-rows: auto !important;
    align-items: center !important;
  }
  .grid-wrapper .box-wide .wide-divider { display: none !important; }
  .grid-wrapper .box-wide .wide-content {
    grid-column: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 18px 6px 18px 18px !important;
  }
  .grid-wrapper .box-wide .wide-aside {
    grid-column: 2 !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 12px 14px 14px 4px !important;
  }
  .grid-wrapper .box-wide .wide-title {
    font-size: clamp(16px, 4.6vw, 22px) !important;
    overflow: visible !important;
  }
  .grid-wrapper .box-wide .wide-subtitle {
    font-size: clamp(12px, 3.5vw, 16px) !important;
  }
  .grid-wrapper .box-wide .wide-desc {
    max-width: 100% !important;
    font-size: 10.5px !important;
    white-space: normal !important;
  }
}

/* ==========================================================================
   16) Hero bento kartları — mobilde masaüstü düzeni (2 + 1)
   Fontlar sitenin kendi ailesiyle, ölçek küçültüldü, görseller büyütüldü.
   ========================================================================== */
@media (max-width: 991px) {
  /* --- Düzen: üstte iki kart yan yana, altta tam genişlik kart --- */
  .grid-wrapper > .coreintrocart,
  .grid-wrapper .coreintrocart {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .grid-wrapper .core-card.box-search {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  .grid-wrapper .core-card.box-campaign {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  .grid-wrapper .core-card.box-search,
  .grid-wrapper .core-card.box-campaign {
    min-height: 214px !important;
    padding: 12px !important;
  }
  .grid-wrapper .core-card.box-wide {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    min-height: 148px !important;
  }

  /* --- Tipografi: sitenin kendi fontu, daha ölçülü boyutlar --- */
  .grid-wrapper .core-card,
  .grid-wrapper .core-card .card-tag,
  .grid-wrapper .core-card .camp-tag,
  .grid-wrapper .core-card .wide-badge,
  .grid-wrapper .core-card .card-title,
  .grid-wrapper .core-card .card-subtitle,
  .grid-wrapper .core-card .camp-title,
  .grid-wrapper .core-card .camp-desc,
  .grid-wrapper .core-card .camp-btn,
  .grid-wrapper .core-card .wide-title,
  .grid-wrapper .core-card .wide-subtitle,
  .grid-wrapper .core-card .wide-desc,
  .grid-wrapper .core-card .wide-btn,
  .grid-wrapper .core-card .d-price {
    font-family: var(--font-family-base, inherit) !important;
  }

  .grid-wrapper .core-card .card-tag,
  .grid-wrapper .core-card .camp-tag,
  .grid-wrapper .core-card .wide-badge {
    font-size: 8.5px !important;
    padding: 3px 8px !important;
    letter-spacing: .06em !important;
  }
  .grid-wrapper .box-search .card-title,
  .grid-wrapper .box-campaign .camp-title {
    font-size: clamp(13px, 3.5vw, 16px) !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    margin-top: 6px !important;
  }
  .grid-wrapper .box-search .card-subtitle,
  .grid-wrapper .box-campaign .camp-desc {
    font-size: 9.5px !important;
    line-height: 1.35 !important;
    max-width: 100% !important;
  }
  .grid-wrapper .box-wide .wide-title {
    font-size: clamp(15px, 4vw, 19px) !important;
    white-space: nowrap !important;
  }
  .grid-wrapper .box-wide .wide-subtitle {
    font-size: clamp(11px, 3vw, 14px) !important;
  }
  .grid-wrapper .box-wide .wide-desc {
    font-size: 10px !important;
    line-height: 1.4 !important;
  }

  /* --- Domain kartı: dar sütunda alt alta üç satır --- */
  .grid-wrapper .box-search .domain-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
    margin-top: 8px !important;
  }
  .grid-wrapper .box-search .domain-item {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 34px !important;
    padding: 5px 8px !important;
    border-radius: 10px !important;
  }
  .grid-wrapper .box-search .d-logo {
    width: auto !important;
    height: 18px !important;
  }
  .grid-wrapper .box-search .d-logo img {
    max-height: 18px !important;
    width: auto !important;
  }
  .grid-wrapper .box-search .d-price { font-size: 9.5px !important; }

  /* --- Kampanya kartı: görsel büyüsün, içerik dar sütuna otursun --- */
  .grid-wrapper .core-card.box-campaign {
    align-items: stretch !important;
  }
  .grid-wrapper .core-card.box-campaign .camp-content {
    max-width: 100% !important;
    padding: 0 !important;
    justify-content: flex-start !important;
    position: relative !important;
    z-index: 1 !important;
  }
  .grid-wrapper .core-card.box-campaign .camp-visual {
    position: absolute !important;
    right: -4% !important;
    bottom: 0 !important;
    width: 78% !important;
    height: 74% !important;
    z-index: 1 !important;
  }
  .grid-wrapper .core-card.box-campaign .camp-visual img,
  .grid-wrapper .core-card.box-campaign:hover .camp-visual img {
    height: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    object-fit: contain !important;
    object-position: right bottom !important;
    top: auto !important;
    bottom: 0 !important;
    transform: none !important;
  }
  .grid-wrapper .box-campaign .camp-btn {
    margin-top: 8px !important;
    padding: 7px 12px !important;
    font-size: 10.5px !important;
    align-self: flex-start !important;
  }

  /* --- Dijital ürün kartı: görsel belirgin, metin dengeli --- */
  .grid-wrapper .core-card.box-wide {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) !important;
  }
  .grid-wrapper .box-wide .wide-content {
    padding: 14px 6px 14px 14px !important;
  }
  .grid-wrapper .box-wide .wide-aside {
    padding: 10px 12px 10px 4px !important;
  }
  .grid-wrapper .box-wide .wide-visual {
    width: 100% !important;
    height: 84px !important;
  }
  .grid-wrapper .box-wide .wide-visual img,
  .grid-wrapper .box-wide:hover .wide-visual img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transform: none !important;
  }
  .grid-wrapper .box-wide .wide-btn {
    padding: 6px 12px !important;
    font-size: 10.5px !important;
  }
}

@media (max-width: 380px) {
  .grid-wrapper .coreintrocart { gap: 8px !important; }
  .grid-wrapper .core-card.box-search,
  .grid-wrapper .core-card.box-campaign {
    min-height: 196px !important;
    padding: 10px !important;
  }
  .grid-wrapper .box-search .card-title,
  .grid-wrapper .box-campaign .camp-title { font-size: 12.5px !important; }
  .grid-wrapper .box-wide .wide-title { font-size: 15px !important; }
  .grid-wrapper .box-search .domain-item { min-height: 30px !important; }
}

/* 16b) Kampanya kartı mobil rötuş: görsel tam sığsın, boşluk azalsın */
@media (max-width: 991px) {
  .grid-wrapper .core-card.box-campaign .camp-visual {
    right: 0 !important;
    left: auto !important;
    bottom: 0 !important;
    width: 72% !important;
    height: 62% !important;
  }
  .grid-wrapper .core-card.box-campaign .camp-content {
    max-width: 100% !important;
    padding: 0 !important;
  }
  .grid-wrapper .box-campaign .camp-desc {
    max-width: 88% !important;
  }
  .grid-wrapper .box-campaign .camp-btn {
    margin-top: 10px !important;
  }
  .grid-wrapper .box-campaign .camp-percent-bg {
    font-size: 54px !important;
    right: 4px !important;
    top: 42% !important;
    opacity: .08 !important;
  }
}

/* 16c) Kampanya görseli küçük telefonlarda da tam sığsın */
@media (max-width: 767px) {
  .grid-wrapper .core-card.box-campaign .camp-visual {
    width: 64% !important;
    height: 58% !important;
    right: 2px !important;
  }
}

/* 16d) Kampanya görseli kutunun içinde kalsın (sağa taşma düzeltmesi) */
@media (max-width: 991px) {
  .grid-wrapper .core-card.box-campaign {
    overflow: hidden !important;
  }
  .grid-wrapper .core-card.box-campaign .camp-visual {
    overflow: hidden !important;
  }
  .grid-wrapper .core-card.box-campaign .camp-visual img,
  .grid-wrapper .core-card.box-campaign:hover .camp-visual img {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: right bottom !important;
    transform: none !important;
  }
}


/* ==========================================================================
   17) Kampanya kartı — tek tasarım: görsel üstte tam sığar, metin altta
   Masaüstü ve mobilde aynı hiyerarşi, daha ölçülü tipografi.
   ========================================================================== */
.grid-wrapper .core-card.box-campaign {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.grid-wrapper .core-card.box-campaign::after {
  height: 52% !important;
}
.grid-wrapper .core-card.box-campaign .camp-visual {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 46% !important;
  width: auto !important;
  height: auto !important;
  z-index: 1 !important;
  overflow: hidden !important;
}
.grid-wrapper .core-card.box-campaign .camp-visual::before {
  display: none !important;
}
.grid-wrapper .core-card.box-campaign .camp-visual img,
.grid-wrapper .core-card.box-campaign:hover .camp-visual img {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: none !important;
  opacity: .95 !important;
}
.grid-wrapper .core-card.box-campaign .camp-content {
  position: relative !important;
  inset: auto !important;
  z-index: 10 !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 10px 12px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  text-align: center !important;
  gap: 4px !important;
  font-family: var(--font-family-base, inherit) !important;
}
.grid-wrapper .box-campaign .camp-tag,
.grid-wrapper .box-campaign .camp-btn {
  align-self: center !important;
}
.grid-wrapper .box-campaign .camp-tag {
  font-size: 9px !important;
  letter-spacing: .07em !important;
  padding: 2px 9px !important;
  white-space: nowrap !important;
}
.grid-wrapper .box-campaign .camp-title {
  font-size: clamp(14px, 1.05vw, 17px) !important;
  line-height: 1.15 !important;
  letter-spacing: -.01em !important;
  margin: 0 !important;
}
.grid-wrapper .box-campaign .camp-desc {
  font-size: 10px !important;
  line-height: 1.4 !important;
  max-width: 28ch !important;
  margin: 0 !important;
  text-wrap: balance;
}
.grid-wrapper .box-campaign .camp-btn {
  margin-top: 6px !important;
  padding: 6px 14px !important;
  font-size: 10.5px !important;
}
.grid-wrapper .box-campaign .camp-percent-bg {
  display: none !important;
}

/* Mobil: kart yüksekliği domain kartıyla dengeli kalsın */
@media (max-width: 991px) {
  .grid-wrapper .core-card.box-campaign .camp-visual {
    bottom: 48% !important;
  }
  .grid-wrapper .box-campaign .camp-title { font-size: 14px !important; }
  .grid-wrapper .box-campaign .camp-desc { font-size: 9.5px !important; }
  .grid-wrapper .box-campaign .camp-btn {
    padding: 6px 13px !important;
    font-size: 10px !important;
  }
}

/* Masaüstü: domain kartı tipografisi de biraz sakinleşsin */
@media (min-width: 992px) {
  .grid-wrapper .box-search .card-title {
    font-size: clamp(14px, 1.05vw, 17px) !important;
  }
  .grid-wrapper .box-search .card-subtitle {
    font-size: 10px !important;
  }
  .grid-wrapper .box-wide .wide-title {
    font-size: clamp(17px, 1.4vw, 22px) !important;
  }
  .grid-wrapper .box-wide .wide-subtitle {
    font-size: clamp(13px, 1.05vw, 16px) !important;
  }
  .grid-wrapper .box-wide .wide-desc {
    font-size: 10.5px !important;
  }
}

/* ==========================================================================
   18) Kart son rötuşları — gece modu çerçevesiz, görseller yumuşak geçişli
   ========================================================================== */
[data-theme="dark"] .grid-wrapper .core-card,
[data-theme="dark"] .grid-wrapper .core-card.box-search,
[data-theme="dark"] .grid-wrapper .core-card.box-campaign,
[data-theme="dark"] .grid-wrapper .core-card.box-wide {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Kampanya görselini zemine sisli bir geçişle bağla. */
.grid-wrapper .core-card.box-campaign .camp-visual {
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%) !important;
}
.grid-wrapper .core-card.box-campaign .camp-visual::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  height: 30% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(to bottom, transparent, var(--CoreV2-bg, #f8f9fd)) !important;
}
[data-theme="dark"] .grid-wrapper .core-card.box-campaign .camp-visual::after {
  background: linear-gradient(to bottom, transparent, var(--cv2-panel, #0e1119)) !important;
}
.grid-wrapper .core-card.box-campaign .camp-tag {
  transform: translateY(-7px) !important;
  margin-bottom: -7px !important;
}

/* Dijital ürün görseli eski yedekteki gibi soldan ve alttan sislenir. */
.grid-wrapper .box-wide .wide-visual {
  overflow: visible !important;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 24%, #000 100%) !important;
  mask-image: linear-gradient(to right, transparent 0%, #000 24%, #000 100%) !important;
}
.grid-wrapper .box-wide .wide-visual::after {
  content: "" !important;
  position: absolute !important;
  inset: auto -5% -2px -20% !important;
  height: 26% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(to bottom, transparent, var(--cv2-panel, #0e1119)) !important;
}

@media (max-width: 991px) {
  .grid-wrapper .core-card.box-campaign .camp-visual {
    bottom: 44% !important;
  }
  .grid-wrapper .core-card.box-campaign .camp-visual img,
  .grid-wrapper .core-card.box-campaign:hover .camp-visual img {
    object-position: center bottom !important;
    transform: translateY(5%) scale(1.06) !important;
    transform-origin: center bottom !important;
  }
  .grid-wrapper .core-card.box-campaign .camp-tag {
    transform: translateY(-10px) !important;
    margin-bottom: -10px !important;
  }
  .grid-wrapper .box-wide .wide-visual {
    height: 112px !important;
    min-height: 112px !important;
    align-items: flex-end !important;
  }
  .grid-wrapper .box-wide .wide-visual img,
  .grid-wrapper .box-wide:hover .wide-visual img {
    position: relative !important;
    right: -4px !important;
    bottom: -10px !important;
    width: 112% !important;
    max-width: 170px !important;
    height: 128px !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    transform: none !important;
  }
}

@media (min-width: 600px) and (max-width: 991px) {
  .grid-wrapper .box-wide .wide-visual {
    height: 126px !important;
    min-height: 126px !important;
  }
  .grid-wrapper .box-wide .wide-visual img,
  .grid-wrapper .box-wide:hover .wide-visual img {
    bottom: -12px !important;
    max-width: 188px !important;
    height: 142px !important;
  }
}

/* ==========================================================================
   20) Kart yüzeyi — ssteps dili, temiz geçiş ve daha sakin tipografi
   ========================================================================== */
.grid-wrapper .core-card,
.grid-wrapper .core-card.box-search,
.grid-wrapper .core-card.box-campaign,
.grid-wrapper .core-card.box-wide {
  background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%) !important;
  border: 1px solid rgb(231 231 231 / 36%) !important;
  outline: none !important;
  box-shadow: none !important;
}
.grid-wrapper .core-card:hover,
.grid-wrapper .core-card:focus-within {
  border-color: rgb(226 232 240 / 64%) !important;
  box-shadow: none !important;
}

/* Görseller zemine doğrudan oturur; sis, maske ve renk sisi kullanılmaz. */
.grid-wrapper .core-card.box-campaign::after,
.grid-wrapper .core-card.box-campaign .camp-visual::after,
.grid-wrapper .core-card.box-wide::after,
.grid-wrapper .box-wide .wide-visual::after {
  display: none !important;
  content: none !important;
}
.grid-wrapper .core-card.box-campaign .camp-visual,
.grid-wrapper .box-wide .wide-visual {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* Başlıklar ve etiketler daha rafine, ikonlar eş ölçülü. */
.grid-wrapper .box-search .card-title,
.grid-wrapper .box-campaign .camp-title,
.grid-wrapper .box-wide .wide-title,
.grid-wrapper .box-wide .wide-subtitle {
  font-weight: 600 !important;
}
.grid-wrapper .core-card .card-tag,
.grid-wrapper .core-card .camp-tag,
.grid-wrapper .core-card .wide-badge {
  gap: 5px !important;
  font-weight: 600 !important;
  letter-spacing: .035em !important;
}
.grid-wrapper .core-card .card-tag i,
.grid-wrapper .core-card .camp-tag i,
.grid-wrapper .core-card .wide-badge i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  font-size: 12px;
  line-height: 1;
  flex: 0 0 14px;
}
.grid-wrapper .box-wide .wide-title,
.grid-wrapper .box-wide .wide-subtitle {
  color: var(--cv2-heading, #0e1119) !important;
}
.grid-wrapper .box-wide .wide-desc {
  color: var(--text-muted, #64748b) !important;
}
.grid-wrapper .box-wide .wide-divider {
  opacity: .2 !important;
  background: linear-gradient(180deg, transparent, rgba(var(--CoreV2-primary-rgb), .28), transparent) !important;
}

html[data-theme="dark"] .grid-wrapper .core-card,
html.dark-mode .grid-wrapper .core-card,
[data-theme="dark"] .grid-wrapper .core-card.box-search,
[data-theme="dark"] .grid-wrapper .core-card.box-campaign,
[data-theme="dark"] .grid-wrapper .core-card.box-wide {
  background: linear-gradient(135deg, rgba(30, 41, 59, .96) 0%, rgba(15, 23, 42, .98) 100%) !important;
  border: 1px solid rgba(51, 65, 85, .55) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .grid-wrapper .box-wide .wide-title,
html.dark-mode .grid-wrapper .box-wide .wide-title,
[data-theme="dark"] .grid-wrapper .box-wide .wide-subtitle {
  color: #f1f5f9 !important;
}
html[data-theme="dark"] .grid-wrapper .box-wide .wide-desc,
html.dark-mode .grid-wrapper .box-wide .wide-desc {
  color: #94a3b8 !important;
}

/* ==========================================================================
   21) Dijital ürün vitrini — koyu yüzey, geri dönen sis ve dengeli boşluklar
   ========================================================================== */
.grid-wrapper .coreintrocart {
  gap: 14px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Yalnız dijital ürün kartı koyu kalır; üst kartların açık yüzeyi korunur. */
.grid-wrapper .core-card.box-wide,
html[data-theme="dark"] .grid-wrapper .core-card.box-wide,
html.dark-mode .grid-wrapper .core-card.box-wide {
  background: var(--cv2-panel, #0e1119) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}
.grid-wrapper .core-card.box-wide::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, var(--cv2-panel, #0e1119) 0%, transparent 48%),
    linear-gradient(to top, var(--cv2-panel, #0e1119) 0%, transparent 42%) !important;
  opacity: .78 !important;
}
.grid-wrapper .box-wide .wide-content,
.grid-wrapper .box-wide .wide-divider,
.grid-wrapper .box-wide .wide-aside {
  position: relative;
  z-index: 1;
}
.grid-wrapper .box-wide .wide-title,
.grid-wrapper .box-wide .wide-subtitle,
html[data-theme="dark"] .grid-wrapper .box-wide .wide-title,
html.dark-mode .grid-wrapper .box-wide .wide-title,
[data-theme="dark"] .grid-wrapper .box-wide .wide-subtitle {
  color: #f1f5f9 !important;
}
.grid-wrapper .box-wide .wide-desc,
html[data-theme="dark"] .grid-wrapper .box-wide .wide-desc,
html.dark-mode .grid-wrapper .box-wide .wide-desc {
  color: #94a3b8 !important;
}
.grid-wrapper .box-wide .wide-divider {
  opacity: .28 !important;
  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .28), transparent) !important;
}
.grid-wrapper .box-wide .wide-visual {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 28%, #000 100%) !important;
  mask-image: linear-gradient(to right, transparent 0%, #000 28%, #000 100%) !important;
}
.grid-wrapper .box-wide .wide-visual::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: auto -4% -2px -18% !important;
  height: 34% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(to bottom, transparent, var(--cv2-panel, #0e1119)) !important;
}

/* Kampanya görselinin zemine sert kesilmeden bağlanması için sis geri gelir. */
.grid-wrapper .core-card.box-campaign .camp-visual {
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 68%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, #000 0%, #000 68%, transparent 100%) !important;
}
.grid-wrapper .core-card.box-campaign .camp-visual::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  height: 34% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(to bottom, transparent, #f1f5f9) !important;
}
html[data-theme="dark"] .grid-wrapper .core-card.box-campaign .camp-visual::after,
html.dark-mode .grid-wrapper .core-card.box-campaign .camp-visual::after {
  background: linear-gradient(to bottom, transparent, var(--cv2-panel, #0e1119)) !important;
}

/* Dar masaüstünde kart alanı artık sabit 400px'e sıkışmaz ve altta boşluk bırakmaz. */
@media (min-width: 992px) and (max-width: 1300px) {
  .hosting-container {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .hosting-container > .grid-wrapper,
  body#home .hosting-container > .grid-wrapper {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
  }
  .grid-wrapper > .coreintrocart {
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(194px, auto) minmax(176px, auto) !important;
  }
}

@media (max-width: 991px) {
  .grid-wrapper .coreintrocart { gap: 12px !important; }
}