/* GENS PHARMA MOBILE V30
   Mobil görselleri yönetici paneline bağlar. Masaüstü (981px ve üzeri) korunur. */

/* Ana sayfa kartlarındaki ikinci görsel yalnızca mobilde kullanılır. */
.mobile-v30-card-image{display:none !important}

@media (max-width:980px){
  /* Yönetici panelinden seçilen mobil ana görselin img src değeri kullanılsın. */
  .home-page .mobile-hero-v25{
    content:normal !important;
  }

  /* Yeni yüksek çözünürlüklü, belden yukarı kadın görseli. */
  .home-page .mobile-v26-woman{
    right:-104px !important;
    bottom:0 !important;
    width:auto !important;
    height:96% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:right bottom !important;
    image-rendering:auto !important;
    filter:drop-shadow(-10px 12px 22px rgba(0,18,42,.16)) !important;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.2) 9%,#000 31%,#000 100%) !important;
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.2) 9%,#000 31%,#000 100%) !important;
  }

  /* Eski sabit arka planlar kaldırılır; panelde seçilen mobil kart görseli gösterilir. */
  .home-page .single-pack .price-image,
  .home-page .bundle-pack .price-image,
  .product-page .mobile-v29-pricing-grid .single-pack .price-image,
  .product-page .mobile-v29-pricing-grid .bundle-pack .price-image{
    background:#f5f9fc !important;
  }
  .home-page .single-pack .price-image .desktop-v30-card-image,
  .home-page .bundle-pack .price-image .desktop-v30-card-image{
    display:none !important;
  }
  .home-page .single-pack .price-image .mobile-v30-card-image,
  .home-page .bundle-pack .price-image .mobile-v30-card-image,
  .product-page .mobile-v29-pricing-grid .single-pack .price-image .mobile-v30-card-image,
  .product-page .mobile-v29-pricing-grid .bundle-pack .price-image .mobile-v30-card-image{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    opacity:1 !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
  }

  /* Ürünler sayfasındaki mobil detay görseli artık paneldeki seçimi kullanır. */
  .product-page .product-intro .visual-card{
    background:#f5f9fc !important;
  }
  .product-page .product-intro .visual-card picture{
    display:block !important;
    width:100% !important;
    height:100% !important;
    opacity:1 !important;
  }
  .product-page .product-intro .visual-card img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    opacity:1 !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
  }
}

@media (max-width:430px){
  .home-page .mobile-v26-woman{
    right:-142px !important;
    height:94% !important;
  }
}

@media (max-width:360px){
  .home-page .mobile-v26-woman{
    right:-150px !important;
    height:92% !important;
  }
}

/* ===== V37: 3 AL 2 ODE — TEKLI KARTLA AYNI GORSEL DAVRANISI =====
   Kart/grid/yukseklik olculerine dokunulmaz.
   3'lu resim, tekli kart gibi sol gorsel alaninin TAMAMINI doldurur.
   Kampanya yazisi resmin uzerinde ayri bir katman olarak her zaman gorunur;
   boylece kare kaynak gorselin kenari kirpilsa bile "3 AL 2 ODE" kaybolmaz. */
@media (max-width:980px){
  .home-page .bundle-pack .price-image{
    position:relative !important;
    overflow:hidden !important;
    background:#f5f9fc !important;
    background-image:none !important;
  }

  .home-page .bundle-pack .price-image .mobile-v30-card-image{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    opacity:1 !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
    border-radius:inherit !important;
  }
}



/* ===== V40: SADECE ROZET YERI =====
   V37'de dogru olan 3'lu gorselin konumu/olcusu DEGISTIRILMEDI.
   Gorselin ustune eklenen ekstra rozet kaldirildi.
   Mobilde kampanya rozeti 3 Kutu CollaGENS basliginin yaninda. */
.mobile-title-campaign-badge{display:none !important}

@media (max-width:980px){
  .home-page .bundle-mobile-title-row{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    flex-wrap:wrap !important;
    margin:0 0 4px !important;
  }

  .home-page .bundle-mobile-title-row h3{
    margin:0 !important;
  }

  .home-page .bundle-mobile-title-row .mobile-title-campaign-badge{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:static !important;
    min-height:0 !important;
    margin:0 !important;
    padding:6px 10px !important;
    border-radius:999px !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:900 !important;
    white-space:nowrap !important;
  }

  .home-page .bundle-price-row .desktop-price-campaign-badge{
    display:none !important;
  }
}

@media (min-width:981px){
  .bundle-mobile-title-row{display:contents !important}
  .bundle-mobile-title-row .mobile-title-campaign-badge{display:none !important}
}

/* ===== V51: Ürünler sayfası alt kart başlıkları görsel alanının dışında ===== */
@media (max-width:980px){
  .product-page .mobile-v29-pricing-grid .price-card,
  .product-page .mobile-v29-pricing-grid .price-card-compact{
    display:grid !important;
    grid-template-columns:55% 45% !important;
    grid-template-rows:1fr !important;
    align-items:stretch !important;
    overflow:hidden !important;
  }
  .product-page .mobile-v29-pricing-grid .price-image{
    grid-column:1 !important;
    grid-row:1 !important;
    margin:0 !important;
    align-self:stretch !important;
    overflow:hidden !important;
  }
  .product-page .mobile-v29-pricing-grid .price-card-content{
    grid-column:2 !important;
    grid-row:1 !important;
    position:relative !important;
    z-index:3 !important;
    align-self:stretch !important;
    justify-content:center !important;
    overflow:visible !important;
  }
  .product-page .mobile-v29-pricing-grid .price-card-content h3{
    position:static !important;
    transform:none !important;
    margin-top:0 !important;
  }
}