/* product-brand-icons-final.css
   Icon fix: DigitalOcean image + Pterodactyl image. No backend logic changed. */

.brand-product-logo,
.orange-brand-logo,
.order-brand-mark img,
.checkout-product-icon img,
.brand-mini-logo {
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
  max-width: 100% !important;
  max-height: 100% !important;
  box-sizing: border-box !important;
}

/* Product cards */
.brand-do-logo,
.orange-do-logo {
  background: #ffffff !important;
  padding: 7px !important;
  border-radius: 14px !important;
}

.brand-pterodactyl-logo,
.orange-pterodactyl-logo {
  background: #eeeeee !important;
  padding: 2px !important;
  border-radius: 14px !important;
}

.pd-icon-box {
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
}

.pd-product-card.vps .pd-icon-box,
.pd-product-card.panel .pd-icon-box {
  background: rgba(255,255,255,.08) !important;
}

/* Home list product icons */
.orange-product-icon {
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
}

.orange-product-icon img {
  width: 100% !important;
  height: 100% !important;
}

/* Order page brand icon */
.order-brand-mark {
  overflow: hidden !important;
  display: inline-grid !important;
  place-items: center !important;
}

.order-brand-mark.order-brand-do {
  background: #ffffff !important;
  padding: 4px !important;
}

.order-brand-mark.order-brand-ptero {
  background: #eeeeee !important;
  padding: 3px !important;
}

.order-brand-mark.order-brand-do img,
.order-brand-mark.order-brand-ptero img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 10px !important;
}

/* Kalau browser masih cache gambar rusak, paksa ukuran icon tetap rapi */
img[src*="digitalocean-product-icon"],
img[src*="pterodactyl-product-icon"] {
  image-rendering: auto !important;
}


/* KHF_BRAND_ICON_FULL_BOX_START */
.brand-product-logo,
.orange-brand-logo,
.order-brand-mark img,
.checkout-product-icon img,
.brand-mini-logo,
.brand-do-logo,
.brand-pterodactyl-logo {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  box-sizing: border-box !important;
}
.pd-icon-box,
.orange-product-icon,
.order-brand-mark,
.checkout-product-icon {
  overflow: hidden !important;
  padding: 0 !important;
  background: #fff !important;
}
.brand-do-logo,
.orange-do-logo,
.brand-pterodactyl-logo,
.orange-pterodactyl-logo {
  padding: 0 !important;
  background: transparent !important;
  border-radius: inherit !important;
}
/* KHF_BRAND_ICON_FULL_BOX_END */