/* MOBILE FINAL - FORCE OVERRIDE */

.condition-chip,
.battery-health,
.tap-detail {
  display: none !important;
}

@media (max-width: 620px) {

  .store-v2 .v2-header {
    padding: 18px 12px 18px !important;
  }

  .store-v2 .v2-header h1 {
    font-size: 27px !important;
  }

  .service-strip {
    width: calc(100% - 16px) !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  .service-item {
    padding: 9px 8px !important;
    gap: 7px !important;
  }

  .store-v2 .v2-container {
    width: calc(100% - 16px) !important;
  }

  .store-v2 .product-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
  }

  .store-v2 .product-content {
    padding: 10px !important;
  }

  .store-v2 .product-content h2 {
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  .store-v2 .price {
    font-size: 16px !important;
  }

  .store-v2 .product-category {
    font-size: 6.5px !important;
  }

  .single-item-status {
    font-size: 7.5px !important;
    margin: 7px 0 9px !important;
  }

  .store-v2 .buy-button {
    min-height: 38px !important;
    margin-top: 8px !important;
    font-size: 7.5px !important;
  }

  .ready-badge,
  .soldout-badge,
  .po-badge,
  .condition-image-badge,
  .bh-image-badge {
    font-size: 7px !important;
    padding: 5px 7px !important;
  }
}

/* =========================================
   ALAMAT DI BAGIAN ATAS
   ========================================= */

.top-address-wrap {
  width: min(1180px, calc(100% - 28px));
  margin: 12px auto 0;
}

.top-address-wrap .address-card-new {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;

  padding: 13px 15px !important;
}

.top-address-wrap .address-info {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 12px;
}

.top-address-wrap .address-title {
  grid-column: 1 / -1;
}

.top-address-wrap .address-main,
.top-address-wrap .address-sub {
  grid-column: 1 / -1;
}

.top-address-wrap .maps-button {
  width: max-content;
}


/* MOBILE */

@media (max-width: 620px) {

  .top-address-wrap {
    width: calc(100% - 16px);
    margin-top: 9px;
  }

  .top-address-wrap .address-card-new {
    padding: 11px 12px !important;
  }

  .top-address-wrap .address-main {
    font-size: 12px !important;
  }

  .top-address-wrap .address-sub {
    font-size: 9px !important;
  }

}


/* MINI STORE LOCATION */

.mini-store-location {
  width: max-content;
  max-width: 100%;

  display: flex;
  flex-direction: column;
  align-items: center;

  gap: 1px;

  margin: 8px auto 0;
  padding: 5px 10px;

  border: 1px solid rgba(242,104,18,.15);
  border-radius: 8px;

  background: rgba(255,255,255,.02);

  text-decoration: none;
}

.mini-store-location span {
  color: #d5d1cc;

  font-size: 8px;
  font-weight: 700;
  line-height: 1.25;
}

.mini-store-location small {
  color: #f26812;

  font-size: 6px;
  font-weight: 1000;
  letter-spacing: .06em;
}

.mini-store-location:hover {
  border-color: rgba(242,104,18,.40);
  background: rgba(242,104,18,.05);
}

@media (max-width: 620px) {
  .mini-store-location {
    margin-top: 7px;
    padding: 4px 8px;
  }

  .mini-store-location span {
    font-size: 7.5px;
  }

  .mini-store-location small {
    font-size: 5.8px;
  }
}


/* MINI STORE LOCATION - LEBIH BESAR & PANJANG */

.mini-store-location {
  min-width: 280px !important;
  max-width: 92% !important;

  padding: 7px 16px !important;

  border-radius: 10px !important;

  margin-top: 9px !important;
}

.mini-store-location span {
  font-size: 9px !important;
}

.mini-store-location small {
  margin-top: 2px !important;
  font-size: 6.5px !important;
}

@media (max-width: 620px) {

  .mini-store-location {
    width: 82% !important;
    min-width: 0 !important;

    padding: 7px 12px !important;
  }

  .mini-store-location span {
    font-size: 8.5px !important;
  }

  .mini-store-location small {
    font-size: 6.2px !important;
  }

}


/* =========================================
   SERVICE CARD - LEBIH JELAS DIBACA
   ========================================= */

.service-strip {
  gap: 8px !important;
}

.service-item {
  min-height: 74px !important;
  padding: 12px 11px !important;
  gap: 10px !important;

  border-color: rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.025) !important;
}

.service-icon {
  min-width: 38px !important;
  width: 38px !important;
  height: 38px !important;

  border-radius: 10px !important;

  font-size: 8px !important;
  font-weight: 1000 !important;
}

.service-item strong {
  color: #ffffff !important;

  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.service-item > div:last-child > span {
  color: #aaa6a1 !important;

  font-size: 8px !important;
  line-height: 1.35 !important;
}

.free-ongkir-bubble {
  padding: 4px 8px !important;

  font-size: 6.5px !important;
  font-weight: 1000 !important;

  margin-top: 3px !important;
}

.service-title-row {
  gap: 7px !important;
  margin-bottom: 4px !important;
}


/* HP */

@media (max-width: 620px) {

  .service-strip {
    width: calc(100% - 16px) !important;
    gap: 7px !important;
  }

  .service-item {
    min-height: 82px !important;

    padding: 11px 9px !important;
    gap: 8px !important;
  }

  .service-icon {
    min-width: 36px !important;
    width: 36px !important;
    height: 36px !important;

    font-size: 7px !important;
  }

  .service-item strong {
    font-size: 9px !important;
  }

  .service-item > div:last-child > span {
    font-size: 7.4px !important;
    color: #bcb8b3 !important;
  }

  .free-ongkir-bubble {
    font-size: 6px !important;
    padding: 3px 6px !important;
  }

}


/* BUBBLE CARD JUAL IPHONE */

.service-item:nth-child(2) > div:last-child::after {
  content: "JEMPUT KE RUMAH";

  display: block;
  width: max-content;

  margin-top: 5px;
  padding: 4px 8px;

  border-radius: 999px;

  color: #ffffff;

  background:
    linear-gradient(
      135deg,
      #f26812,
      #f1244c
    );

  font-size: 6.5px;
  font-weight: 1000;
  line-height: 1;

  letter-spacing: .04em;
}


/* HP */

@media (max-width: 620px) {

  .service-item:nth-child(2) > div:last-child::after {
    margin-top: 4px;

    padding: 3px 6px;

    font-size: 6px;
  }

}


/* FREE ONGKIR - HIJAU */

.free-ongkir-bubble {
  color: #071006 !important;

  background: #39ff14 !important;

  border: 1px solid rgba(57,255,20,.45) !important;

  box-shadow:
    0 0 0 1px rgba(57,255,20,.08),
    0 4px 14px rgba(57,255,20,.18) !important;

  font-weight: 1000 !important;
}


/* JEMPUT KE RUMAH - HIJAU */

.service-item:nth-child(2) > div:last-child::after {
  color: #071006 !important;

  background: #39ff14 !important;

  border: 1px solid rgba(57,255,20,.45) !important;

  box-shadow:
    0 0 0 1px rgba(57,255,20,.08),
    0 4px 14px rgba(57,255,20,.18) !important;

  font-weight: 1000 !important;
}


/* ALAMAT HEADER - LEBIH BESAR & JELAS */

.mini-store-location {
  width: 360px !important;
  max-width: 92% !important;

  margin: 11px auto 0 !important;
  padding: 9px 16px !important;

  border-radius: 11px !important;
  border: 1px solid rgba(242,104,18,.28) !important;

  background: rgba(255,255,255,.035) !important;
}

.mini-store-location span {
  color: #f5f3ef !important;

  font-size: 11px !important;
  font-weight: 800 !important;

  line-height: 1.3 !important;
}

.mini-store-location small {
  display: block !important;

  margin-top: 4px !important;

  color: #f26812 !important;

  font-size: 8px !important;
  font-weight: 1000 !important;

  letter-spacing: .07em !important;
}


/* HP */

@media (max-width: 620px) {

  .mini-store-location {
    width: 88% !important;
    max-width: 88% !important;

    padding: 9px 12px !important;
  }

  .mini-store-location span {
    font-size: 10.5px !important;
  }

  .mini-store-location small {
    font-size: 7.5px !important;
  }

}


/* ALAMAT HEADER FINAL */

.mini-store-location {
  width: 460px !important;
  max-width: 92% !important;

  padding: 10px 18px !important;

  text-align: center !important;

  border-radius: 12px !important;
}

.mini-address-title {
  display: block !important;

  margin-bottom: 4px !important;

  color: #f26812 !important;

  font-size: 8px !important;
  font-weight: 1000 !important;

  letter-spacing: .12em !important;
}

.mini-address-full {
  display: block !important;

  color: #f5f3ef !important;

  font-size: 10px !important;
  font-weight: 700 !important;

  line-height: 1.45 !important;
}

.mini-store-location small {
  display: block !important;

  margin-top: 6px !important;

  color: #f26812 !important;

  font-size: 7.5px !important;
  font-weight: 1000 !important;
}


/* HP */

@media (max-width: 620px) {

  .mini-store-location {
    width: 90% !important;
    max-width: 90% !important;

    padding: 9px 12px !important;
  }

  .mini-address-title {
    font-size: 7.5px !important;
  }

  .mini-address-full {
    font-size: 9px !important;
    line-height: 1.4 !important;
  }

  .mini-store-location small {
    font-size: 7px !important;
  }

}


/* JASA PEMBUATAN KATALOG */

.v2-brandline {
  flex-wrap: wrap !important;
}

.catalog-service-link {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;

  margin-left: 7px;
  padding: 5px 9px;

  border: 1px solid rgba(57,255,20,.32);
  border-radius: 7px;

  background: rgba(57,255,20,.055);

  color: #39ff14;

  font-size: 7px;
  font-weight: 1000;
  line-height: 1.15;
  letter-spacing: .04em;

  text-decoration: none;

  white-space: nowrap;
}

.catalog-service-link span {
  margin-top: 2px;

  color: #f5f3ef;

  font-size: 6.5px;
  font-weight: 800;
  letter-spacing: .02em;
}

.catalog-service-link:hover {
  background: rgba(57,255,20,.12);
  border-color: rgba(57,255,20,.65);
}


/* HP */

@media (max-width: 620px) {

  .catalog-service-link {
    margin-left: 5px;

    padding: 4px 7px;

    font-size: 6.3px;
  }

  .catalog-service-link span {
    font-size: 6px;
  }

}


/* =========================================
   BACKTOYOUSTORE - TEXT BLINK ONLY
   ========================================= */

/* Kotak dan logo TIDAK berkedip */
.catalog-service-link {
  animation: none !important;
  opacity: 1 !important;
}

.catalog-service-logo {
  animation: none !important;
  opacity: 1 !important;
}

/* Hanya bagian tulisan yang berkedip */
.catalog-service-copy {
  animation: catalogTextBlink 1.5s ease-in-out infinite !important;
}

.catalog-service-copy strong {
  color: #ff91c8 !important;
}

.catalog-service-copy small {
  color: #ffffff !important;

  margin-top: 3px !important;

  font-size: 6.5px !important;
  font-weight: 1000 !important;

  letter-spacing: .08em !important;
}

/* Kedip halus pada tulisan */
@keyframes catalogTextBlink {

  0%, 55%, 100% {
    opacity: 1;
    filter: brightness(1);
  }

  68% {
    opacity: .45;
    filter: brightness(.85);
  }

  78% {
    opacity: 1;
    filter: brightness(1.5);
  }

  87% {
    opacity: .65;
  }

  94% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .catalog-service-copy {
    animation: none !important;
  }
}


/* =========================================
   BACKTOYOUSTORE - JASA KATALOG
   ========================================= */

.catalog-service-link {
  display: inline-flex !important;
  align-items: center !important;

  gap: 7px !important;

  margin-left: 7px !important;
  padding: 5px 9px 5px 5px !important;

  border:
    1px solid rgba(255,105,180,.55) !important;

  border-radius: 10px !important;

  background:
    linear-gradient(
      135deg,
      rgba(255,105,180,.12),
      rgba(255,255,255,.025)
    ) !important;

  text-decoration: none !important;

  animation:
    backToYouBlink 1.8s ease-in-out infinite !important;
}

.catalog-service-logo {
  width: 34px !important;
  height: 34px !important;

  flex: 0 0 34px !important;

  object-fit: cover !important;

  border-radius: 50% !important;

  box-shadow:
    0 0 9px rgba(255,105,180,.45) !important;
}

.catalog-service-copy {
  display: flex !important;
  flex-direction: column !important;

  align-items: flex-start !important;

  line-height: 1.15 !important;
}

.catalog-service-copy strong {
  color: #ff9dca !important;

  font-size: 7px !important;
  font-weight: 1000 !important;

  letter-spacing: .035em !important;

  white-space: nowrap !important;
}

.catalog-service-copy small {
  margin-top: 3px !important;

  color: #ffffff !important;

  font-size: 6.3px !important;
  font-weight: 800 !important;

  white-space: nowrap !important;
}


/* KEDIP / GLOW */

@keyframes backToYouBlink {

  0%,
  65%,
  100% {
    opacity: 1;

    border-color:
      rgba(255,105,180,.55);

    box-shadow:
      0 0 0 rgba(255,105,180,0);
  }

  74% {
    opacity: .68;

    border-color:
      rgba(255,105,180,.22);

    box-shadow:
      0 0 0 rgba(255,105,180,0);
  }

  82% {
    opacity: 1;

    border-color:
      rgba(255,105,180,.95);

    box-shadow:
      0 0 15px rgba(255,105,180,.38);
  }

  90% {
    opacity: .78;
  }

}


/* HP */

@media (max-width: 620px) {

  .catalog-service-link {
    gap: 5px !important;

    margin-left: 5px !important;

    padding:
      4px 6px 4px 4px !important;
  }

  .catalog-service-logo {
    width: 29px !important;
    height: 29px !important;

    flex-basis: 29px !important;
  }

  .catalog-service-copy strong {
    font-size: 6.1px !important;
  }

  .catalog-service-copy small {
    font-size: 5.8px !important;
  }

}


/* Accessibility */
@media (prefers-reduced-motion: reduce) {

  .catalog-service-link {
    animation: none !important;
  }

}


/* =========================================
   FLOATING JASA KATALOG - KANAN ATAS
   ========================================= */

.catalog-floating-service {
  position: fixed !important;

  top: 14px !important;
  right: 14px !important;

  z-index: 99999 !important;

  display: flex !important;
  align-items: center !important;

  gap: 8px !important;

  padding: 6px 11px 6px 6px !important;

  border: 1px solid rgba(255,105,180,.55) !important;
  border-radius: 999px !important;

  background:
    linear-gradient(
      135deg,
      rgba(20,10,17,.96),
      rgba(50,15,35,.96)
    ) !important;

  box-shadow:
    0 5px 22px rgba(0,0,0,.45),
    0 0 14px rgba(255,105,180,.14) !important;

  text-decoration: none !important;
}

.catalog-floating-service img {
  width: 34px !important;
  height: 34px !important;

  flex: 0 0 34px !important;

  object-fit: cover !important;

  border-radius: 50% !important;

  animation: none !important;
}

.catalog-floating-service > span {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  line-height: 1.1 !important;
}

.catalog-floating-service strong {
  color: #ff9dca !important;

  font-size: 7px !important;
  font-weight: 1000 !important;

  white-space: nowrap !important;
}

.catalog-floating-service small {
  margin-top: 3px !important;

  color: #39ff14 !important;

  font-size: 6.5px !important;
  font-weight: 1000 !important;

  letter-spacing: .08em !important;

  animation:
    catalogClickBlink 1.25s ease-in-out infinite !important;
}


/* HANYA KLIK DISINI YANG BERKEDIP */

@keyframes catalogClickBlink {

  0%, 55%, 100% {
    opacity: 1;
    text-shadow:
      0 0 6px rgba(57,255,20,.35);
  }

  70% {
    opacity: .35;
    text-shadow: none;
  }

  82% {
    opacity: 1;
    text-shadow:
      0 0 10px rgba(57,255,20,.75);
  }

}


/* MOBILE */

@media (max-width: 620px) {

  .catalog-floating-service {
    top: 8px !important;
    right: 8px !important;

    gap: 5px !important;

    padding:
      4px 7px 4px 4px !important;
  }

  .catalog-floating-service img {
    width: 28px !important;
    height: 28px !important;

    flex-basis: 28px !important;
  }

  .catalog-floating-service strong {
    font-size: 5.7px !important;
  }

  .catalog-floating-service small {
    font-size: 5.5px !important;
  }

}

@media (prefers-reduced-motion: reduce) {
  .catalog-floating-service small {
    animation: none !important;
  }
}


/* =========================================
   FLOATING JASA KATALOG - LEBIH BESAR
   ========================================= */

.catalog-floating-service {
  padding: 8px 14px 8px 7px !important;
  gap: 9px !important;

  border-radius: 999px !important;
}

.catalog-floating-service img {
  width: 40px !important;
  height: 40px !important;
  flex-basis: 40px !important;
}

.catalog-floating-service strong {
  font-size: 8px !important;
  line-height: 1.15 !important;
}

.catalog-floating-service small {
  margin-top: 4px !important;
  font-size: 7px !important;
}


/* MOBILE */

@media (max-width: 620px) {

  .catalog-floating-service {
    top: 9px !important;
    right: 9px !important;

    padding: 6px 10px 6px 5px !important;
    gap: 7px !important;
  }

  .catalog-floating-service img {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
  }

  .catalog-floating-service strong {
    font-size: 6.8px !important;
  }

  .catalog-floating-service small {
    font-size: 6.3px !important;
  }

}


/* =========================================
   WHATSAPP FLOATING - HIJAU
   ========================================= */

.v2-whatsapp {
  color: #ffffff !important;

  background: #25D366 !important;

  border: 1px solid rgba(255,255,255,.20) !important;

  box-shadow:
    0 6px 22px rgba(37,211,102,.30) !important;
}

.v2-whatsapp:hover {
  background: #20bd5a !important;

  box-shadow:
    0 8px 26px rgba(37,211,102,.42) !important;
}


/* WHATSAPP HIJAU - FORCE FINAL */

a.v2-whatsapp,
.v2-whatsapp {
  background: #25D366 !important;
  background-color: #25D366 !important;
  background-image: none !important;

  color: #ffffff !important;

  border-color: #25D366 !important;

  box-shadow:
    0 6px 22px rgba(37,211,102,.38) !important;
}

a.v2-whatsapp:hover,
.v2-whatsapp:hover {
  background: #1ebe5d !important;
  background-image: none !important;
}


/* JASA KATALOG - TENGAH ATAS */

.catalog-floating-service {
  top: 10px !important;
  right: auto !important;
  left: 50% !important;

  transform: translateX(-50%) !important;

  margin: 0 !important;
}

@media (max-width: 620px) {

  .catalog-floating-service {
    top: 8px !important;
    left: 50% !important;
    right: auto !important;

    transform: translateX(-50%) !important;
  }

}


/* JASA KATALOG - KANAN TENGAH */

.catalog-floating-service {
  top: 50% !important;
  right: 12px !important;
  left: auto !important;

  transform: translateY(-50%) !important;

  margin: 0 !important;
}

@media (max-width: 620px) {

  .catalog-floating-service {
    top: 50% !important;
    right: 8px !important;
    left: auto !important;

    transform: translateY(-50%) !important;
  }

}


/* FLOATING KATALOG BISA DIGESER */

.catalog-floating-service {
  touch-action: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;

  cursor: grab !important;
}

.catalog-floating-service.catalog-dragging {
  cursor: grabbing !important;

  transition: none !important;

  opacity: .92 !important;

  box-shadow:
    0 8px 30px rgba(255,105,180,.35) !important;
}

.catalog-floating-service img {
  pointer-events: none !important;
}

.catalog-floating-service span {
  pointer-events: none !important;
}


/* =========================================
   PRODUCT PAGINATION
   ========================================= */

.catalog-page-hidden {
  display: none !important;
}

.catalog-pagination {
  width: 100%;

  display: flex;
  justify-content: center;
  align-items: center;

  gap: 6px;

  margin: 22px auto 8px;
  padding: 8px;
}

.catalog-pagination[hidden] {
  display: none !important;
}

.catalog-pagination button {
  min-width: 36px;
  height: 36px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0 10px;

  border:
    1px solid rgba(255,255,255,.10);

  border-radius: 9px;

  background:
    rgba(255,255,255,.035);

  color: #d8d5d1;

  font-size: 11px;
  font-weight: 900;

  cursor: pointer;

  transition:
    .15s ease;
}

.catalog-pagination button:hover:not(:disabled) {
  border-color:
    rgba(242,104,18,.55);

  color: #ffffff;

  background:
    rgba(242,104,18,.10);
}

.catalog-pagination .pagination-number.active {
  color: #ffffff;

  border-color: #f26812;

  background:
    linear-gradient(
      135deg,
      #f26812,
      #f1244c
    );

  box-shadow:
    0 5px 16px rgba(242,104,18,.18);
}

.catalog-pagination button:disabled {
  opacity: .25;
  cursor: default;
}

.pagination-dots {
  color: #77736f;

  font-size: 11px;
  font-weight: 900;

  padding: 0 2px;
}


/* HP */

@media (max-width: 620px) {

  .catalog-pagination {
    gap: 5px;

    margin-top: 18px;

    padding: 6px 2px;
  }

  .catalog-pagination button {
    min-width: 33px;
    height: 33px;

    padding: 0 8px;

    border-radius: 8px;

    font-size: 10px;
  }

}


/* HAPUS GARANSI KECIL DI BAWAH HARGA */

.pd2-warranty-line {
  display: none !important;
}


/* =========================================
   PRODUCT META: KATEGORI + KONDISI
   ========================================= */

.product-meta-row {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 8px;

  margin-bottom: 7px;
}

/* kategori kiri */
.product-meta-row .product-category {
  flex: 1;

  margin: 0 !important;

  font-size: 8px !important;
  font-weight: 900 !important;

  line-height: 1.2 !important;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* kondisi kanan */
.product-meta-row .condition-chip {
  display: inline-flex !important;

  flex: 0 0 auto;

  margin: 0 !important;

  padding: 4px 7px !important;

  border-radius: 999px !important;

  font-size: 7.5px !important;
  font-weight: 1000 !important;

  white-space: nowrap !important;

  color: #ffffff !important;

  background:
    linear-gradient(
      135deg,
      #f26812,
      #f1244c
    ) !important;
}

/* Supaya tidak dobel dengan badge Kondisi di FOTO */
.condition-image-badge {
  display: none !important;
}


/* MOBILE */

@media (max-width: 620px) {

  .product-meta-row {
    gap: 5px;
    margin-bottom: 6px;
  }

  .product-meta-row .product-category {
    font-size: 7.2px !important;
  }

  .product-meta-row .condition-chip {
    padding: 4px 6px !important;

    font-size: 6.8px !important;
  }

}


/* =========================================
   BATTERY HEALTH - POJOK KANAN ATAS FOTO
   ========================================= */

.product-image-wrap,
.product-image,
.product-card-image {
  position: relative !important;
}

/* BH di dalam gambar */
.bh-image-badge {
  display: inline-flex !important;

  position: absolute !important;

  top: 8px !important;
  right: 8px !important;

  bottom: auto !important;
  left: auto !important;

  z-index: 5 !important;

  padding: 5px 8px !important;

  border-radius: 999px !important;

  color: #071006 !important;

  background: #39ff14 !important;

  border:
    1px solid rgba(57,255,20,.45) !important;

  box-shadow:
    0 4px 12px rgba(0,0,0,.28) !important;

  font-size: 7.5px !important;
  font-weight: 1000 !important;

  line-height: 1 !important;

  white-space: nowrap !important;
}


/* HP */

@media (max-width: 620px) {

  .bh-image-badge {
    top: 6px !important;
    right: 6px !important;

    padding: 4px 6px !important;

    font-size: 6.8px !important;
  }

}


/* KATEGORI GARANSI - PUTIH */

.product-meta-row .product-category {
  color: #ffffff !important;
}


/* =========================================
   READY + BH BADGE - UKURAN SAMA
   ========================================= */

.ready-badge,
.soldout-badge,
.po-badge,
.bh-image-badge {
  min-height: 28px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 6px 9px !important;

  border-radius: 999px !important;

  font-size: 8px !important;
  font-weight: 1000 !important;

  line-height: 1 !important;
  white-space: nowrap !important;
}

/* BH tetap kanan atas */
.bh-image-badge {
  top: 8px !important;
  right: 8px !important;

  bottom: auto !important;
  left: auto !important;
}


/* MOBILE */
@media (max-width: 620px) {

  .ready-badge,
  .soldout-badge,
  .po-badge,
  .bh-image-badge {
    min-height: 25px !important;

    padding: 5px 8px !important;

    font-size: 7.3px !important;
  }

  .bh-image-badge {
    top: 6px !important;
    right: 6px !important;
  }

}


/* =========================================
   FORCE SEMUA BADGE DI FOTO ABU 50%
   ========================================= */

/* target badge status */
.product-card [class*="ready"],
.product-card [class*="sold"],
.product-card [class*="po-"],
.product-card [class*="bh"],
.product-card [class*="battery"] {
  color: #ffffff !important;

  background: rgba(90,90,90,.50) !important;
  background-color: rgba(90,90,90,.50) !important;
  background-image: none !important;

  border: 1px solid rgba(255,255,255,.18) !important;

  box-shadow:
    0 3px 12px rgba(0,0,0,.16) !important;

  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;

  text-shadow:
    0 1px 2px rgba(0,0,0,.35) !important;
}

/* khusus badge yang posisinya absolute di gambar */
.product-card [class*="badge"] {
  background-image: none !important;
}

/* READY kiri atas */
.product-card .ready-badge {
  background: rgba(90,90,90,.50) !important;
}

/* SOLD */
.product-card .soldout-badge {
  background: rgba(90,90,90,.50) !important;
}

/* PO */
.product-card .po-badge {
  background: rgba(90,90,90,.50) !important;
}

/* BH kanan atas */
.product-card .bh-image-badge {
  background: rgba(90,90,90,.50) !important;
}


/* =========================================
   PO TETAP ORANGE KEMERAHAN
   ========================================= */

.product-card .po-badge,
.po-badge {
  color: #ffffff !important;

  background:
    linear-gradient(
      135deg,
      rgba(242,104,18,.92),
      rgba(241,36,76,.92)
    ) !important;

  background-color: transparent !important;

  border:
    1px solid rgba(255,120,80,.45) !important;

  box-shadow:
    0 4px 14px rgba(241,36,76,.22) !important;

  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;

  text-shadow:
    0 1px 2px rgba(0,0,0,.30) !important;
}


/* =========================================
   READY - HIJAU TRANSPARAN
   ========================================= */

.product-card .ready-badge,
.ready-badge {
  color: #ffffff !important;

  background: rgba(37, 211, 102, .58) !important;
  background-color: rgba(37, 211, 102, .58) !important;
  background-image: none !important;

  border:
    1px solid rgba(120,255,170,.35) !important;

  box-shadow:
    0 4px 14px rgba(37,211,102,.18) !important;

  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;

  text-shadow:
    0 1px 2px rgba(0,0,0,.30) !important;
}


/* =========================================
   READY - HIJAU TRANSPARAN
   ========================================= */

.product-card .ready-badge,
.ready-badge {
  color: #ffffff !important;

  background: rgba(37, 211, 102, .58) !important;
  background-color: rgba(37, 211, 102, .58) !important;
  background-image: none !important;

  border:
    1px solid rgba(120,255,170,.35) !important;

  box-shadow:
    0 4px 14px rgba(37,211,102,.18) !important;

  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;

  text-shadow:
    0 1px 2px rgba(0,0,0,.30) !important;
}