/* vl-1511 — 15.11.2026 destek: Serander / Ledithalat (mail 610)
   Madde 1: mobilde urun sayfasinda ustteki "Anasayfa / Led aydinlatma urunleri" kirintisi kaldirilir
   Madde 2: mobilde anasayfa story (yuvarlak kategori) daireleri kucultulur
   Madde 3: mobilde "Yeni Urun" / "Indirim" etiketleri gorselin ustune binmesin
   Madde 4: Cok Satan / Yeni / Firsat kutularina panelden gorsel konabilir (CSS destegi)
*/

/* ---- Madde 1: mobil urun sayfasi kirinti (breadcrumb) gizle ---- */
@media (max-width: 991.98px){
  body.velora-market .velora-pdetail-crumb{display:none !important}
  body.velora-market .velora-kat-page .velora-pdetail-crumb{display:none !important}
}

/* ---- Madde 2: mobil story daireleri daha kucuk (88px -> 64px) ---- */
@media (max-width: 991.98px){
  .velora-main .vl-cat-strip-wrap{padding-left:10px !important;padding-right:10px !important}
  .velora-main .slider-one-main .card-category .header-card{max-width:64px !important}
  .velora-main .slider-one-main .card-category .header-card .image-box{max-width:64px !important}

  .velora-main .slider-one-main .card-category .category-title{font-size:.625rem !important;line-height:1.15 !important;max-width:64px !important}
}
@media (max-width: 575.98px){
  .velora-main .slider-one-main .card-category .header-card{max-width:58px !important}
  .velora-main .slider-one-main .card-category .header-card .image-box{max-width:58px !important}
  .velora-main .slider-one-main .card-category .category-title{font-size:.59375rem !important;max-width:58px !important}
}

/* ---- Madde 3: mobilde Yeni Urun / Indirim etiketleri gorselin uzerine binmesin ---- */
@media (max-width: 991.98px){
  .velora-main .product-card-main{display:flex !important;flex-direction:column !important;overflow:visible !important}
  .velora-main .product-card-main .image-box{order:2 !important;position:relative !important;overflow:hidden !important;border-radius:12px !important}
  .velora-main .product-card-main .image-box > .vl-card-badges{
    position:static !important;order:-1 !important;flex:0 0 auto !important;
    display:flex !important;flex-wrap:nowrap !important;gap:4px !important;align-items:center !important;
    width:100% !important;max-width:100% !important;height:auto !important;min-height:0 !important;
    padding:0 0 5px !important;margin:0 !important;background:#fff !important;
    overflow:hidden !important;pointer-events:none !important;z-index:auto !important;
  }
  .velora-main .product-card-main .image-box > .vl-card-badges .vl-pill{
    font-size:.5625rem !important;line-height:1.25 !important;padding:2px 6px !important;
    border-radius:4px !important;white-space:nowrap !important;flex:0 0 auto !important;
  }
  .velora-main .product-card-main .vl-card-foot{order:3 !important}
  /* gorsel ustundeki kalp/sepet aynen kalsin */
  .velora-main .product-card-main .vl-card-tools{order:0 !important}
}

/* ---- Madde 4: Cok Satan / Yeni / Firsat kutularina panelden gorsel (arka plan) ---- */
.velora-main .vl-banner.vl-banner-hasimg{background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important}
.velora-main .vl-banner.vl-banner-hasimg::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.32);z-index:0}
.velora-main .vl-banner.vl-banner-hasimg .vl-banner-text{position:relative;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.velora-main .vl-banner.vl-banner-hasimg .vl-banner-badge{position:relative;z-index:2}
.velora-main .vl-banner.vl-banner-hasimg .vl-banner-product{display:none !important}