/* =========================================================
   IPHONE STORE SOPPENG
   STOREFRONT FINAL POLISH
   ========================================================= */


/* ---------------------------------------------------------
   PRODUCT CARD
   hilangkan sisa glow/border hijau legacy
   --------------------------------------------------------- */

.storefront .product-card,
.storefront .product-card:hover {

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

  box-shadow:
    0 8px 22px rgba(0,0,0,.30) !important;

  outline: none !important;
}


/* cegah pseudo element legacy bikin garis hijau */

.storefront .product-card::before,
.storefront .product-card::after {

  border-color:
    transparent !important;

  box-shadow:
    none !important;
}


/* bagian bawah card */

.storefront .product-card .product-content {

  border-bottom:
    1px solid rgba(242,104,18,.10) !important;

  box-shadow:
    none !important;
}


/* tombol jangan meninggalkan glow hijau */

.storefront .product-card
.buy-button,
.storefront .product-card
.product-buy-button {

  box-shadow:
    0 7px 17px rgba(255,62,65,.15) !important;
}


/* ---------------------------------------------------------
   CATEGORY
   sedikit lebih besar dan jelas
   --------------------------------------------------------- */

.storefront .product-card
.final-meta-row
.product-category {

  font-size:
    8.5px !important;

  font-weight:
    900 !important;

  line-height:
    1 !important;

  letter-spacing:
    0 !important;

  color:
    #dedede !important;

  background:
    #121416 !important;

  border:
    1px solid rgba(242,104,18,.30) !important;
}


/* storage tetap sedikit lebih kuat */

.storefront .product-card
.final-meta-row
.storage-chip {

  font-size:
    8.3px !important;
}


/* SECOND */

.storefront .product-card
.final-spec-row
.condition-chip {

  font-size:
    8.2px !important;
}


/* BH */

.storefront .product-card
.final-spec-row
.final-bh {

  font-size:
    8px !important;
}


/* ---------------------------------------------------------
   FLOATING KATALOG
   --------------------------------------------------------- */

.storefront-catalog-floating-polish {

  transform-origin:
    center center !important;

  scale:
    .88 !important;

  opacity:
    .94 !important;

  transition:
    scale .18s ease,
    opacity .18s ease,
    filter .18s ease !important;

  filter:
    drop-shadow(
      0 5px 12px rgba(0,0,0,.35)
    ) !important;
}


.storefront-catalog-floating-polish:hover {

  scale:
    .92 !important;

  opacity:
    1 !important;
}


/* jangan sampai ukuran floating jadi terlalu besar */

.storefront-catalog-floating-polish img {

  max-width:
    100% !important;

  height:
    auto !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 768px) {

  .storefront .product-card
  .final-meta-row
  .product-category {

    font-size:
      8.2px !important;
  }


  .storefront-catalog-floating-polish {

    scale:
      .86 !important;
  }

}


/* reduced motion */

@media (prefers-reduced-motion: reduce) {

  .storefront-catalog-floating-polish {

    transition:
      none !important;
  }

}