:root {
  
  --photo-bg:    #f5f7fb;
  
  --photo-border:#e6ebf3;
  
  --photo-shadow: 0 1px 2px rgba(0,0,0,.06);
  
  --photo-shadow-hover: 0 2px 6px rgba(0,0,0,.10);
}


.card .thumb,
.pd-img,
.tile .timg {
  background: var(--photo-bg) !important;
  border: 1px solid var(--photo-border) !important;
  border-radius: 14px !important;
  padding: 8px !important;
  object-fit: contain !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.65), var(--photo-shadow) !important;
  
  backface-visibility: hidden;
  transform: translateZ(0);
  image-rendering: auto;
}


.card .thumb { height: 160px; width: 100%; }
.tile .timg   { height: 160px; width: 100%; }
.pd-img       { height: auto;   width: 100%; max-height: 60vh; }


.card .thumb:hover,
.tile .timg:hover {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.65), var(--photo-shadow-hover) !important;
  border-color: #d8dee8 !important;
}


.tile {
  backface-visibility: hidden;
  transform: translateZ(0);
}
.tile:hover {
  transform: translateY(-1px); 
}


.card .body {
  background: rgba(15,20,28,0.96); 
}


.card .thumb, .pd-img, .tile .timg {
  outline: 0; 
}



.mini-cart, .mini_cart, .cart-drawer, .cart_drawer, .cart-popup, .cart_popup {
  display: none !important;
  visibility: hidden !important;
}