/* DaruGet v34 — precise mobile category card positioning */
@media(max-width:900px){
  /* Stock badge: bottom-left of product image, away from brand row */
  .category-product-media .mobile-stock-badge{
    top:auto!important;
    right:auto!important;
    left:7px!important;
    bottom:7px!important;
    max-width:calc(100% - 14px)!important;
  }

  /* Price row: price stack on the right, discount/original tag on the left */
  .category-product .product-price-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    gap:8px!important;
    min-height:48px!important;
    margin:0 0 9px!important;
  }

  .category-product .price-stack{
    grid-column:1!important;
    justify-self:stretch!important;
    min-width:0!important;
  }

  .category-product .discount-pill{
    grid-column:2!important;
    justify-self:start!important;
    align-self:end!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    min-width:42px!important;
    max-width:58px!important;
    margin:0 0 1px!important;
  }

  /* Keep both "اصلی" and discount visible in their stable price-row position */
  .category-product .discount-pill.mobile-extra-hidden{
    display:inline-flex!important;
  }

  /* Rating gets a dedicated gap before purchase button */
  .category-product .product-rating-row{
    position:static!important;
    margin:1px 0 9px!important;
    min-height:26px!important;
    transform:translateY(-2px)!important;
  }

  .category-product .purchase-area{
    margin-top:2px!important;
  }
}

@media(max-width:390px){
  .category-product-media .mobile-stock-badge{
    left:6px!important;
    bottom:6px!important;
  }

  .category-product .product-price-row{
    gap:6px!important;
    margin-bottom:8px!important;
  }

  .category-product .product-rating-row{
    margin-bottom:8px!important;
    transform:translateY(-1px)!important;
  }
}