/* =========================================================
   BOTVIET SHOPEE PRODUCT IMAGES R9
   Clear real Shopee product thumbnails.
   Scoped to Shopee only.
   ========================================================= */

body[data-route="shopee"] .r5-product-thumb{
  width:82px!important;
  height:64px!important;
  min-width:82px!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:
    linear-gradient(135deg,rgba(19,57,106,.95),rgba(8,29,61,.95))!important;
  border:1px solid rgba(72,144,224,.45)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
}
body[data-route="shopee"] .r5-product-thumb img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  image-rendering:auto!important;
  transform:translateZ(0);
  transition:transform .22s ease,filter .22s ease!important;
}
body[data-route="shopee"] .r5-product:hover .r5-product-thumb img{
  transform:scale(1.06)!important;
  filter:brightness(1.04) saturate(1.05)!important;
}

/* Product management table */
body[data-route="shopee"] .shopee-product-table .thumb.shopee-product-thumb-r9{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  padding:0!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:#0b2b53!important;
  border:1px solid #2a609c!important;
  color:#79bdff!important;
  font-weight:800!important;
}
body[data-route="shopee"] .shopee-product-table .thumb.shopee-product-thumb-r9 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  image-rendering:auto!important;
}
body[data-route="shopee"] .shopee-product-table .cell-main{
  align-items:center!important;
  gap:11px!important;
}
body[data-route="shopee"] .shopee-product-table tbody tr:hover .shopee-product-thumb-r9 img{
  transform:scale(1.04);
}

/* Better density on phones */
@media(max-width:768px){
  body[data-route="shopee"] .r5-product-thumb{
    width:68px!important;
    height:56px!important;
    min-width:68px!important;
  }
  body[data-route="shopee"] .shopee-product-table .thumb.shopee-product-thumb-r9{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
  }
}