/**
 * CoreV2 — Mobil ana sayfa hero (tek kaynak)
 * main-head.css içindeki dağınık/çakışan kuralların yerine geçer.
 * Yalnızca index sayfasında, en son yüklenir.
 */
@media (max-width: 991px) {
  /* ── Sticky kampanya bandı — üst/yan boşluk azaltıldı ── */
  body#home #CoreV2-sticky-ann-wrapper {
    margin-top: calc(var(--cv2-mobile-header-offset, 62px) + 14px) !important;
    margin-bottom: 8px !important;
    padding: 0 4px !important;
  }
  body#home #CoreV2-sticky-ann {
    padding: 8px 6px 12px !important;
    overflow: visible !important;
  }

  body#home .hosting-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* ── Slider kartı ── */
  body#home .hosting-container > .slider-main,
  body#home .slider-main {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 10px 14px !important;
    border-radius: var(--cv2-radius-card, 16px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }
  body#home .slider-main::after {
    display: none !important;
  }
  body#home .slider--content {
    width: 100% !important;
    flex: 1 1 auto !important;
  }
  body#home .slider-left {
    padding: 0 !important;
    margin: 0 !important;
  }
  body#home .slider-left-foot {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: stretch !important;
  }

  /* Özellik kutuları 2×2 */
  body#home .slider-features-modern {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px 6px !important;
  }

  /* Paketleri İncele | Tanıtım İzle — orta genişlik */
  body#home .slider-main .slider-cta-row,
  body#home .slider-left-foot .slider-cta-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: stretch !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    gap: 8px !important;
  }
  body#home .slider-main .slider-cta-row .feature-cta-modern,
  body#home .slider-left-foot .slider-cta-row .feature-cta-modern {
    display: inline-flex !important;
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 9px 10px !important;
    font-size: 11.5px !important;
    gap: 5px !important;
    justify-content: center !important;
    white-space: nowrap !important;
    border-radius: 10px !important;
    outline: none !important;
    outline-offset: 0 !important;
    letter-spacing: -0.01em !important;
  }
  body#home .slider-cta-row .feature-cta-modern svg,
  body#home .slider-cta-row .feature-cta-modern i {
    width: 16px !important;
    height: 16px !important;
    font-size: 15px !important;
    flex-shrink: 0 !important;
  }

  /* Zamanlayıcı + kategoriler — ortalanmış, tam genişlik */
  body#home .slider-main > .slider-controls,
  body#home .slider-main .slider-controls {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    gap: 6px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  body#home .slider-nav-row {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body#home .slider-progress-wrapper {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }
  body#home .slider-progress-wrapper .sc-timer-progress {
    width: 100% !important;
  }
  body#home .sc--tabs-viewport {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  body#home .sc--tabs,
  body#home .sc--tabs.is-scrollable {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
    overflow-x: auto !important;
    overflow-y: clip !important;
    flex-wrap: nowrap !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    gap: 4px !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }
  body#home .sc--tabs::-webkit-scrollbar {
    display: none !important;
  }
  body#home .sc--tabs .item {
    flex: 0 0 calc((100% - 12px) / 4) !important;
    width: calc((100% - 12px) / 4) !important;
    min-width: calc((100% - 12px) / 4) !important;
    max-width: calc((100% - 12px) / 4) !important;
    padding: 0 2px !important;
    font-size: 9px !important;
    height: 28px !important;
    scroll-snap-align: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
  body#home .next-slide-preview {
    display: none !important;
  }

  /* ── Dijital ürün kartı (box-wide) — dört köşe oval ── */
  body#home .coreintrocart {
    border-radius: var(--cv2-radius-card, 16px) !important;
    overflow: hidden !important;
  }
  body#home .coreintrocart > .box-wide,
  body#home .core-card.box-wide {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(145px, 48%) !important;
    grid-template-rows: 1fr !important;
    align-items: stretch !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 172px !important;
    border-radius: var(--cv2-radius-card, 16px) !important;
    background: var(--CoreV2-text-color, #0e1119) !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    flex-direction: unset !important;
  }
  body#home .box-wide::before,
  body#home .box-wide::after {
    border-radius: inherit !important;
  }
  body#home .box-wide .wide-content {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: auto !important;
    padding: 14px 6px 14px 30px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    z-index: 5 !important;
    overflow: visible !important;
  }
  body#home .box-wide .wide-badge {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 9px !important;
  }
  body#home .box-wide .wide-title {
    font-size: 18px !important;
    display: block !important;
    visibility: visible !important;
    color: #fff !important;
  }
  body#home .box-wide .wide-subtitle {
    font-size: 15px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--CoreV2-primary, #F97316) !important;
  }
  body#home .box-wide .wide-desc {
    font-size: 12.5px !important;
    display: block !important;
    visibility: visible !important;
    max-width: 100% !important;
    margin-bottom: 0 !important;
  }
  body#home .box-wide .wide-divider {
    width: 1px;
    align-self: center;
    height: 68%;
    min-height: 72px;
    background: linear-gradient(180deg, transparent 0%, rgba(255,255,255,.28) 18%, rgba(255,255,255,.28) 82%, transparent 100%);
    z-index: 6;
  }
  body#home .box-wide .wide-aside {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 2px 8px 8px 4px !important;
    gap: 2px !important;
    z-index: 5 !important;
  }
  body#home .box-wide .wide-visual {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    min-height: 110px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    overflow: visible !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }
  body#home .box-wide .wide-visual img {
    position: relative !important;
    right: auto !important;
    height: 148px !important;
    width: auto !important;
    max-width: 130% !important;
    transform: translateY(20px) !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    border-radius: 0 !important;
  }
  body#home .box-wide:hover .wide-visual img {
    transform: translateY(20px) scale(1.02) !important;
  }
  body#home .box-wide .wide-aside .wide-btn,
  body#home .box-wide .wide-btn {
    align-self: center !important;
    margin-top: -6px !important;
    margin-right: 0 !important;
    transform: translateX(-4px) translateY(-6px) !important;
    position: relative !important;
    z-index: 7 !important;
  }
}

@media (max-width: 768px) {
  body#home #CoreV2-sticky-ann-wrapper {
    margin-top: calc(var(--cv2-mobile-header-offset, 62px) + 16px) !important;
  }
  body#home .box-wide .wide-visual img {
    height: 138px !important;
    transform: translateY(18px) !important;
  }
  body#home .box-wide:hover .wide-visual img {
    transform: translateY(18px) scale(1.02) !important;
  }
  body#home .box-wide .wide-aside .wide-btn,
  body#home .box-wide .wide-btn {
    transform: translateX(-2px) translateY(-5px) !important;
  }
}

@media (max-width: 480px) {
  body#home #CoreV2-sticky-ann-wrapper {
    margin-top: calc(var(--cv2-mobile-header-offset, 62px) + 12px) !important;
    padding: 0 2px !important;
  }
  body#home #CoreV2-sticky-ann {
    padding: 8px 4px 10px !important;
  }
  body#home .hosting-container {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  body#home .slider-main {
    padding: 10px 8px 12px !important;
  }
  body#home .slider-main .slider-cta-row,
  body#home .slider-left-foot .slider-cta-row {
    gap: 6px !important;
  }
  body#home .slider-cta-row .feature-cta-modern {
    font-size: 11px !important;
    padding: 8px 8px !important;
  }
  body#home .coreintrocart > .box-wide,
  body#home .core-card.box-wide {
    min-height: 158px !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(118px, 45%) !important;
    border-radius: var(--cv2-radius-card, 14px) !important;
  }
  body#home .box-wide .wide-content {
    padding: 12px 4px 12px 26px !important;
  }
  body#home .box-wide .wide-title { font-size: 16.5px !important; }
  body#home .box-wide .wide-subtitle { font-size: 14px !important; }
  body#home .box-wide .wide-desc { font-size: 11.5px !important; }
  body#home .box-wide .wide-visual img {
    height: 128px !important;
    transform: translateY(16px) !important;
  }
  body#home .box-wide:hover .wide-visual img {
    transform: translateY(16px) scale(1.02) !important;
  }
  body#home .box-wide .wide-aside .wide-btn,
  body#home .box-wide .wide-btn {
    transform: translateX(0) translateY(-4px) !important;
    font-size: 10px !important;
    padding: 6px 10px !important;
  }
}