/* Fix alignment Home + 3 statistik produk tanpa icon */

.product-page-body .pd-stats,
.product-page-body .pd-stats.pd-stats-three,
.product-page-body .pd-stats-clean{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  margin:12px 0 14px !important;
}

.product-page-body .pd-stats article,
.product-page-body .pd-stats-clean article{
  min-height:86px !important;
  padding:15px 12px 13px !important;
  border-radius:18px !important;
  position:relative !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:8px !important;
  background:
    radial-gradient(circle at 84% 8%, rgba(255,164,38,.20), transparent 35%),
    linear-gradient(145deg, rgba(13,18,30,.96), rgba(7,11,20,.96)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.product-page-body .pd-stats article::before,
.product-page-body .pd-stats-clean article::before{
  content:"";
  position:absolute;
  inset:auto 12px 10px 12px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#ff9d22,#55e5ff,#9f68ff) !important;
  opacity:.85;
}
.product-page-body .pd-stats article::after,
.product-page-body .pd-stats-clean article::after{
  content:"";
  position:absolute;
  right:-18px;
  top:-18px;
  width:74px;
  height:74px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,255,255,.13), transparent 65%);
  opacity:.45;
  pointer-events:none;
}
.product-page-body .pd-stats article > span,
.product-page-body .pd-stats-clean article > span,
.product-page-body .pd-stats article svg,
.product-page-body .pd-stats-clean article svg,
.product-page-body .pd-stats article i,
.product-page-body .pd-stats-clean article i,
.product-page-body .pd-stats article img,
.product-page-body .pd-stats-clean article img,
.product-page-body .pd-stats article .icon,
.product-page-body .pd-stats-clean article .icon,
.product-page-body .pd-stats article .pd-stat-icon,
.product-page-body .pd-stats-clean article .pd-stat-icon{
  display:none !important;
}
.product-page-body .pd-stats article small,
.product-page-body .pd-stats-clean article small{
  display:block !important;
  margin:0 !important;
  color:#ffffff !important;
  opacity:.88 !important;
  font-size:12px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  letter-spacing:-.015em !important;
  text-shadow:0 1px 10px rgba(0,0,0,.35) !important;
}
.product-page-body .pd-stats article b,
.product-page-body .pd-stats-clean article b{
  display:block !important;
  margin:0 !important;
  color:#ffffff !important;
  font-size:32px !important;
  line-height:.92 !important;
  font-weight:950 !important;
  letter-spacing:-.055em !important;
  text-shadow:0 8px 24px rgba(0,0,0,.38) !important;
}
.product-page-body .pd-stats .pd-stat-panel{
  background:radial-gradient(circle at 86% 10%, rgba(163,98,255,.24), transparent 35%), linear-gradient(145deg, rgba(16,18,34,.96), rgba(7,11,20,.96)) !important;
}
.product-page-body .pd-stats .pd-stat-vps{
  background:radial-gradient(circle at 86% 10%, rgba(73,222,255,.24), transparent 35%), linear-gradient(145deg, rgba(10,27,36,.96), rgba(7,11,20,.96)) !important;
}
.product-page-body .pd-stats .pd-stat-script{
  background:radial-gradient(circle at 86% 10%, rgba(255,162,35,.25), transparent 35%), linear-gradient(145deg, rgba(29,22,12,.96), rgba(7,11,20,.96)) !important;
}

.orange-info-card.wide,
.home-product-link-card,
section:has(.home-menu-title-align-fix){
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
}
.home-menu-title-align-fix{
  display:inline-flex !important;
  align-items:center !important;
  min-height:44px !important;
  padding-top:2px !important;
  line-height:1.02 !important;
  transform:translateY(2px) !important;
  vertical-align:middle !important;
  color:#fff !important;
  letter-spacing:-.04em !important;
}
.orange-info-card.wide h2,
.home-product-link-card h2,
section:has(.home-menu-title-align-fix) h2{
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  line-height:1.02 !important;
  font-size:24px !important;
  font-weight:950 !important;
}
.home-buka-produk-align-fix,
.orange-info-card.wide a[href="/products"],
.home-product-link-card a[href="/products"]{
  min-height:48px !important;
  padding:0 27px !important;
  border-radius:16px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  padding-top:2px !important;
  font-size:15px !important;
  font-weight:950 !important;
  letter-spacing:-.025em !important;
  color:#120900 !important;
  background:linear-gradient(135deg,#ffe4ac 0%,#ffb624 47%,#ff8416 100%) !important;
  box-shadow:0 12px 28px rgba(255,132,18,.28), inset 0 1px 0 rgba(255,255,255,.42) !important;
  white-space:nowrap !important;
}
.orange-info-card.wide p,
.home-product-link-card p,
.orange-home-lead{
  display:none !important;
}

@media(max-width:520px){
  .product-page-body .pd-stats,
  .product-page-body .pd-stats.pd-stats-three,
  .product-page-body .pd-stats-clean{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:8px !important;
  }
  .product-page-body .pd-stats article,
  .product-page-body .pd-stats-clean article{
    min-height:80px !important;
    padding:13px 10px 12px !important;
    border-radius:16px !important;
    gap:7px !important;
  }
  .product-page-body .pd-stats article small,
  .product-page-body .pd-stats-clean article small{font-size:11.5px !important;}
  .product-page-body .pd-stats article b,
  .product-page-body .pd-stats-clean article b{font-size:31px !important;}
  .orange-info-card.wide,
  .home-product-link-card,
  section:has(.home-menu-title-align-fix){
    min-height:82px !important;
    padding-top:16px !important;
    padding-bottom:16px !important;
  }
  .orange-info-card.wide h2,
  .home-product-link-card h2,
  section:has(.home-menu-title-align-fix) h2{font-size:23px !important;}
  .home-buka-produk-align-fix,
  .orange-info-card.wide a[href="/products"],
  .home-product-link-card a[href="/products"]{
    min-height:47px !important;
    padding:0 25px !important;
    padding-top:2px !important;
    font-size:15px !important;
  }
}