/* Retainly Store Product Card Size Fix - 2026-07-03g
   الهدف: عرض المنتج كامل داخل كرت المتجر بدون قص أو ضغط، مع جاهزية للجوال والتطبيق. */

body.store-page .store-products-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
}

body.store-page .store-product-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:440px!important;
  height:100%!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:#fff!important;
}

body.store-page .store-product-media{
  width:100%!important;
  height:230px!important;
  min-height:230px!important;
  padding:22px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:24px 24px 0 0!important;
  border-bottom:1px solid rgba(223,234,243,.9)!important;
  background:linear-gradient(180deg,#f7fcff 0%,#edf8ff 100%)!important;
  overflow:hidden!important;
}

body.store-page .store-product-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

body.store-page .store-product-fallback,
body.store-page .store-product-fallback-art{
  width:132px!important;
  height:132px!important;
  max-width:100%!important;
  max-height:100%!important;
  border-radius:32px!important;
  display:grid!important;
  place-items:center!important;
}

body.store-page .store-product-body{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  padding:18px!important;
}

body.store-page .store-product-body h2{
  margin:0!important;
  min-height:0!important;
  color:#0f263b!important;
  font-size:20px!important;
  line-height:1.45!important;
  font-weight:900!important;
  overflow-wrap:anywhere!important;
}

body.store-page .store-product-body p{
  margin:0!important;
  min-height:58px!important;
  color:#68778a!important;
  font-size:14px!important;
  line-height:1.65!important;
  font-weight:700!important;
  display:block!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}

body.store-page .store-scan-note{
  width:100%!important;
  box-sizing:border-box!important;
  white-space:normal!important;
  line-height:1.55!important;
}

body.store-page .store-product-price{
  margin-top:auto!important;
  color:#1479e8!important;
  font-size:20px!important;
  line-height:1.3!important;
  font-weight:900!important;
}

body.store-page .store-card-actions{
  margin-top:4px!important;
}

body.store-page .store-card-actions .btn,
body.store-page .store-product-card .btn,
body.store-page .store-qty{
  width:100%!important;
  min-height:46px!important;
  border-radius:14px!important;
}

/* Hero image also should never be clipped. */
body.store-page .store-hero-media{
  overflow:visible!important;
}
body.store-page .store-hero-media img{
  width:100%!important;
  height:auto!important;
  max-width:360px!important;
  max-height:250px!important;
  object-fit:contain!important;
  object-position:center!important;
}

@media(max-width:1180px){
  body.store-page .store-products-grid{
    grid-template-columns:repeat(2,minmax(260px,1fr))!important;
  }
}

@media(max-width:820px){
  body.store-page .store-products-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  body.store-page .store-product-card{
    display:grid!important;
    grid-template-columns:124px minmax(0,1fr)!important;
    min-height:172px!important;
    height:auto!important;
    padding:12px!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }

  body.store-page .store-product-media{
    width:124px!important;
    height:148px!important;
    min-height:148px!important;
    padding:12px!important;
    border:0!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#f7fcff 0%,#edf8ff 100%)!important;
  }

  body.store-page .store-product-media img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }

  body.store-page .store-product-fallback,
  body.store-page .store-product-fallback-art{
    width:88px!important;
    height:88px!important;
    border-radius:24px!important;
    font-size:34px!important;
  }

  body.store-page .store-product-body{
    padding:0 10px 0 0!important;
    gap:6px!important;
    min-width:0!important;
  }

  html[dir="ltr"] body.store-page .store-product-body{
    padding:0 0 0 10px!important;
  }

  body.store-page .store-product-body h2{
    font-size:16px!important;
    line-height:1.35!important;
  }

  body.store-page .store-product-body p{
    min-height:0!important;
    font-size:12px!important;
    line-height:1.5!important;
    display:block!important;
    overflow:visible!important;
  }

  body.store-page .store-product-price{
    margin-top:2px!important;
    font-size:17px!important;
  }

  body.store-page .store-product-price small{
    display:none!important;
  }

  body.store-page .store-card-actions .btn,
  body.store-page .store-product-card .btn,
  body.store-page .store-qty{
    min-height:42px!important;
    font-size:13px!important;
  }
}

@media(max-width:390px){
  body.store-page .store-product-card{
    grid-template-columns:112px minmax(0,1fr)!important;
    padding:10px!important;
  }
  body.store-page .store-product-media{
    width:112px!important;
    height:138px!important;
    min-height:138px!important;
    padding:10px!important;
  }
}


/* RETAINLY_REMOVE_BUTTON_TEXT_FIX_20260703h
   زر إزالة المنتج داخل كروت المتجر يجب أن يكون بنفس وضوح زر الإضافة. */
body.store-page .store-product-card .btn.secondary,
body.store-page .store-product-card .btn.secondary.full,
body.store-page .store-card-actions .btn.secondary[data-remove-product]{
  color:#fff!important;
  background:linear-gradient(90deg,#075f7a,#087a9e)!important;
  border:0!important;
}
body.store-page .store-product-card .btn.secondary:hover,
body.store-page .store-card-actions .btn.secondary[data-remove-product]:hover{
  color:#fff!important;
  filter:brightness(.98);
}