html body.page-reseller .wrap{max-width:1180px!important;width:min(1180px,100%)!important;margin:0 auto!important;padding:22px 18px 120px!important;box-sizing:border-box!important;}
html body.page-reseller .sect,html body.page-reseller .sect *,html body.page-reseller .seo-heading,html body.page-reseller .seo-heading *,html body.page-reseller .reseller-hero,html body.page-reseller .reseller-hero *,html body.page-reseller .reseller-package-grid *,html body.page-reseller .reseller-side-title{color:#ffffff!important;}
html body.page-reseller .sect > a{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.22)!important;color:#ffffff!important;}
html body.page-reseller .reseller-shell,html body.page-reseller .reseller-shell-single,html body.page-reseller .reseller-content{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;}
html body.page-reseller .reseller-page-card,html body.page-reseller .reseller-approval-card,html body.page-reseller .panel{display:block!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;}
html body.page-reseller .reseller-levels{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;width:100%!important;}
html body.page-reseller .reseller-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;}
html body.page-reseller .reseller-level,html body.page-reseller .reseller-form-grid .field,html body.page-reseller .reseller-package,html body.page-reseller .reseller-quick,html body.page-reseller .reseller-product,html body.page-reseller .reseller-mini-item{min-width:0!important;}
html body.page-reseller .reseller-level h3,html body.page-reseller .reseller-level .small,html body.page-reseller .reseller-level p{word-break:break-word!important;overflow-wrap:anywhere!important;}
@media (max-width: 820px){
  html body.page-reseller .wrap{padding-left:16px!important;padding-right:16px!important;}
  html body.page-reseller .reseller-levels,html body.page-reseller .reseller-package-grid,html body.page-reseller .reseller-quick-grid,html body.page-reseller .reseller-product-grid,html body.page-reseller .reseller-two,html body.page-reseller .reseller-approval-grid,html body.page-reseller .reseller-form-grid{grid-template-columns:1fr!important;}
  html body.page-reseller .reseller-page-card,html body.page-reseller .reseller-approval-card,html body.page-reseller .panel{padding:18px!important;}
}
html body.page-detail footer.cm-global-footer{position:relative!important;left:50%!important;transform:translateX(-50%)!important;width:100vw!important;max-width:100vw!important;margin:72px 0 0!important;padding-left:24px!important;padding-right:24px!important;box-sizing:border-box!important;}
html body.page-detail footer.cm-global-footer::before,html body.page-detail footer.cm-global-footer::after{left:0!important;right:0!important;width:100%!important;max-width:none!important;transform:none!important;}
html body.page-detail footer.cm-global-footer .cm-global-footer-inner,html body.page-detail footer.cm-global-footer .cm-footer-bottom{width:min(1440px,100%)!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;}
@media (max-width: 760px){html body.page-detail footer.cm-global-footer{padding-left:12px!important;padding-right:12px!important;}}


/* FIX15 FORCE: background luar ungu + awan, cache-proof */
html,
html body,
html body.page-home,
html body.page-katalog,
html body.page-katalog-category,
html body.page-detail,
html body.page-cart,
html body.page-auth,
html body.page-account,
html body.page-storefront,
html body.page-reseller,
html body.page-blog,
html body.page-help{
 min-height:100%!important;
 background-color:#17164f!important;
 background-image:
 radial-gradient(520px 240px at 8% 190px, rgba(255,213,147,.32) 0%, rgba(255,213,147,0) 72%),
 radial-gradient(620px 260px at 92% 220px, rgba(209,190,255,.35) 0%, rgba(209,190,255,0) 74%),
 linear-gradient(180deg,#17164f 0px,#1e185f 88px,#2b237e 210px,#4935ad 345px,#7760d8 520px,#8c7dde 100%)!important;
 background-size: auto, auto, auto!important;
 background-position: left top, right top, left top!important;
 background-repeat: no-repeat, no-repeat, no-repeat!important;
 background-attachment: scroll!important;
}
html body::before{
 content:""!important;
 position:fixed!important;
 inset:0!important;
 pointer-events:none!important;
 z-index:-1!important;
 background:
 radial-gradient(480px 260px at 12% 20%, rgba(255,205,141,.20), transparent 72%),
 radial-gradient(620px 300px at 88% 18%, rgba(204,185,255,.20), transparent 76%),
 linear-gradient(180deg,#17164f 0%,#2b237e 36%,#7a65dc 100%)!important;
}
html body[class*="page-"].wrap,
html body[class*="page-"].cm-page,
html body[class*="page-"] main,
html body[class*="page-"].page,
html body[class*="page-"].content{
 background:transparent!important;
 background-color:transparent!important;
}
html body[class*="page-"].cm-header,
html body[class*="page-"].cm-hero{
 position:relative!important;
 z-index:2!important;
}
html body[class*="page-"].cm-category-panel,
html body[class*="page-"].cm-benefit-strip,
html body[class*="page-"].cm-section-head,
html body[class*="page-"].cm-product-grid,
html body[class*="page-"].cm-promo-row,
html body[class*="page-"].cm-stats,
html body[class*="page-"].cm-newsletter,
html body[class*="page-"].cm-global-footer,
html body[class*="page-"].catalog-page-head,
html body[class*="page-"].katalog-ai-finder,
html body[class*="page-"].catalog-grid,
html body[class*="page-"].detail-premium,
html body[class*="page-"].panel,
html body[class*="page-"].card{
 position:relative!important;
 z-index:3!important;
}

/* FIX16: isi background luar bagian atas agar ungu penuh */
html body[class*="page-"]{position:relative!important;}
html body[class*="page-"].wrap{position:relative!important;z-index:1!important;}
html body[class*="page-"].wrap::before{
 content:""!important;
 position:absolute!important;
 left:50%!important;
 transform:translateX(-50%)!important;
 top:0!important;
 width:100vw!important;
 height:185px!important;
 pointer-events:none!important;
 z-index:0!important;
 background:
 radial-gradient(420px 220px at 10% 18%, rgba(255,210,145,.18), transparent 72%),
 radial-gradient(520px 240px at 88% 20%, rgba(203,186,255,.20), transparent 74%),
 linear-gradient(180deg,#17164f 0%,#221b68 42%,#312887 100%)!important;
}
html body[class*="page-"].cm-header,
html body[class*="page-"].cm-hero,
html body[class*="page-"].cm-page > *{position:relative!important;z-index:2!important;}

@media (min-width:900px){
 html body[class*="page-"].wrap{max-width:1440px!important;padding-left:46px!important;padding-right:46px!important;}
 html body[class*="page-"].wrap.cm-header,
 html body[class*="page-"].wrap.cm-hero,
 html body[class*="page-"].wrap.cm-news-footer{margin-left:0!important;margin-right:0!important;width:auto!important;max-width:none!important;}
 html body[class*="page-"].wrap.cm-topbar,
 html body[class*="page-"].wrap.cm-nav-row{width:100%!important;max-width:none!important;margin:0!important;padding-left:18px!important;padding-right:18px!important;box-sizing:border-box!important;}
}
html body.catalog-grid.card.ttl,
html body.catalog-grid.card.ttl a,
html body.katalog-page-grid.card.ttl,
html body.katalog-page-grid.card.ttl a,
html body.compact-product-grid.card.ttl,
html body.compact-product-grid.card.ttl a,
html body.latest-upload-grid.card.ttl,
html body.latest-upload-grid.card.ttl a,
html body.best-seller-grid.card.ttl,
html body.best-seller-grid.card.ttl a,
html body.page-detail.detail-copy,
html body.page-detail.detail-copy *,
html body.page-detail.detail-section,
html body.page-detail.detail-section *{color:#000!important;-webkit-text-fill-color:#000!important;opacity:1!important;visibility:visible!important;text-shadow:none!important;}
html body.page-home.cm-testimonial-wrap{display:block!important;}
html body.page-home.cm-rating{display:flex!important;}
html body.page-detail.seo-facts span:first-child{display:inline-flex!important;}

/* FIX19 critical override */
html body[class*="page-"]::after{
 content:""!important;
 position:fixed!important;
 left:0!important;
 right:0!important;
 top:0!important;
 height:190px!important;
 pointer-events:none!important;
 z-index:0!important;
 background:
 radial-gradient(460px 220px at 12% 20%, rgba(255,210,145,.13), transparent 72%),
 radial-gradient(520px 240px at 88% 20%, rgba(203,186,255,.16), transparent 74%),
 linear-gradient(180deg,#17164f 0%,#221b68 46%,#312887 100%)!important;
}
html body[class*="page-"].wrap::before{display:none!important;content:none!important;}
html body[class*="page-"].wrap,
html body[class*="page-"].cm-page,
html body[class*="page-"].cm-header,
html body[class*="page-"].cm-hero{position:relative!important;z-index:2!important;}


/* FIX73: logo kiri atas efek ketawa bounce, dibuat inline terakhir agar pasti aktif */
html body .cm-brand img.cm-laugh-bounce-logo,
html body .cm-header .cm-brand img.cm-laugh-bounce-logo,
html body.page-home .wrap .cm-brand img.cm-laugh-bounce-logo{
  transform-origin:50% 72%!important;
  animation:fix73LogoLaughBounce 1.85s cubic-bezier(.45,0,.25,1) infinite!important;
  will-change:transform,filter!important;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.20)) drop-shadow(0 0 10px rgba(255,195,244,.28))!important;
}
html body .cm-brand:hover img.cm-laugh-bounce-logo,
html body .cm-brand:focus-visible img.cm-laugh-bounce-logo{
  animation:fix73LogoLaughBounceActive .72s cubic-bezier(.34,1.56,.64,1) infinite!important;
  filter:drop-shadow(0 9px 16px rgba(0,0,0,.23)) drop-shadow(0 0 16px rgba(255,210,250,.55))!important;
}
html body .cm-brand img.cm-laugh-bounce-logo::selection{background:transparent!important;}
@keyframes fix73LogoLaughBounce{
  0%,100%{transform:translateY(0) scale(1) rotate(0deg);}
  8%{transform:translateY(-2px) scale(1.025,.975) rotate(-2deg);}
  16%{transform:translateY(1px) scale(.985,1.015) rotate(2deg);}
  24%{transform:translateY(-5px) scale(1.055,.955) rotate(-4deg);}
  34%{transform:translateY(1px) scale(.985,1.018) rotate(3deg);}
  44%{transform:translateY(-3px) scale(1.035,.975) rotate(-2deg);}
  56%{transform:translateY(0) scale(1) rotate(1deg);}
  72%{transform:translateY(0) scale(1) rotate(0deg);}
}
@keyframes fix73LogoLaughBounceActive{
  0%,100%{transform:translateY(0) scale(1) rotate(0deg);}
  25%{transform:translateY(-7px) scale(1.08,.94) rotate(-6deg);}
  50%{transform:translateY(1px) scale(.96,1.06) rotate(5deg);}
  75%{transform:translateY(-4px) scale(1.05,.97) rotate(-3deg);}
}
@media (prefers-reduced-motion:reduce){
  html body .cm-brand img.cm-laugh-bounce-logo,
  html body .cm-brand:hover img.cm-laugh-bounce-logo,
  html body .cm-brand:focus-visible img.cm-laugh-bounce-logo{
    animation:none!important;
  }
}


/* FIX72-UPDATE: heading Produk Terbaru + link Lihat Semua dibuat putih, bintang tetap emas mengkilat */
html body.page-home #produk .cm-produk-terbaru-head h2,
html body.page-home main.cm-home #produk .cm-produk-terbaru-head h2,
html body #produk .cm-produk-terbaru-head h2{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  text-shadow:0 4px 16px rgba(17,12,70,.18)!important;
}
html body.page-home #produk .cm-produk-terbaru-head a,
html body.page-home #produk .cm-produk-terbaru-head a i,
html body #produk .cm-produk-terbaru-head a,
html body #produk .cm-produk-terbaru-head a i{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
  text-shadow:0 4px 16px rgba(17,12,70,.18)!important;
}
html body.page-home #produk .cm-produk-terbaru-head .cm-produk-terbaru-star,
html body #produk .cm-produk-terbaru-head .cm-produk-terbaru-star{
  position:relative!important;
  display:inline-block!important;
  overflow:visible!important;
  color:#ffc400!important;
  -webkit-text-fill-color:#ffc400!important;
  text-shadow:0 0 7px rgba(255,196,0,.65),0 0 15px rgba(255,230,120,.45),0 2px 0 rgba(166,104,0,.28)!important;
  filter:drop-shadow(0 0 9px rgba(255,214,67,.70))!important;
  transform-origin:center center!important;
  animation:fix72StarShine 2.05s ease-in-out infinite!important;
}
html body.page-home #produk .cm-produk-terbaru-head .cm-produk-terbaru-star::after,
html body #produk .cm-produk-terbaru-head .cm-produk-terbaru-star::after{
  content:"✦"!important;
  position:absolute!important;
  top:-9px!important;
  right:-10px!important;
  font-size:11px!important;
  line-height:1!important;
  color:#fff7b8!important;
  -webkit-text-fill-color:#fff7b8!important;
  text-shadow:0 0 8px rgba(255,255,222,.95),0 0 18px rgba(255,206,45,.75)!important;
  animation:fix72StarTwinkle 1.35s ease-in-out infinite!important;
  pointer-events:none!important;
}
html body.page-home #produk .cm-produk-terbaru-head .cm-produk-terbaru-star::before,
html body #produk .cm-produk-terbaru-head .cm-produk-terbaru-star::before{
  content:""!important;
  position:absolute!important;
  left:-35%!important;
  top:-25%!important;
  width:45%!important;
  height:150%!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent)!important;
  transform:rotate(24deg) translateX(-170%)!important;
  animation:fix72StarSweep 2.4s ease-in-out infinite!important;
  pointer-events:none!important;
}
@keyframes fix72StarShine{
  0%,100%{transform:scale(1) rotate(0deg);filter:drop-shadow(0 0 5px rgba(255,214,67,.45));}
  25%{transform:scale(1.12) rotate(-5deg);filter:drop-shadow(0 0 13px rgba(255,214,67,.85));}
  50%{transform:scale(1.05) rotate(3deg);filter:drop-shadow(0 0 18px rgba(255,238,145,.95));}
  75%{transform:scale(1.10) rotate(-2deg);filter:drop-shadow(0 0 10px rgba(255,214,67,.70));}
}
@keyframes fix72StarTwinkle{
  0%,100%{opacity:.25;transform:translate(-2px,2px) scale(.7) rotate(0deg);}
  35%{opacity:1;transform:translate(0,0) scale(1.25) rotate(18deg);}
  70%{opacity:.65;transform:translate(1px,-1px) scale(.9) rotate(-12deg);}
}
@keyframes fix72StarSweep{
  0%,42%{transform:rotate(24deg) translateX(-180%);opacity:0;}
  52%{opacity:.95;}
  66%,100%{transform:rotate(24deg) translateX(240%);opacity:0;}
}


/* FIX74: tombol card produk jadi icon mata + wishlist, compact, animasi halus */
html body .cm-card-icon-actions,
html body .card .btns.cm-card-icon-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin-top:12px!important;
  width:100%!important;
}
html body .cm-product-actions{
  grid-area:cart!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin:0!important;
}
html body .cm-card-wishlist-form,
html body .cm-product-actions form,
html body .card .btns.cm-card-icon-actions form{
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  display:flex!important;
}
html body .cm-icon-action,
html body a.cm-icon-action,
html body button.cm-icon-action,
html body .card .btns.cm-card-icon-actions a.cm-icon-action,
html body .card .btns.cm-card-icon-actions button.cm-icon-action{
  position:relative!important;
  overflow:hidden!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  min-width:0!important;
  width:58px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  border-radius:15px!important;
  line-height:1!important;
  text-indent:0!important;
  white-space:nowrap!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 10px 20px rgba(91,87,255,.20)!important;
  cursor:pointer!important;
  text-decoration:none!important;
  transform-origin:center!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease!important;
}
html body .cm-card-view-btn{
  background:linear-gradient(135deg,#8d5cff 0%,#4f72ff 100%)!important;
  animation:fix74EyeFloat 2.45s ease-in-out infinite!important;
}
html body .cm-card-wishlist-btn{
  width:50px!important;
  background:linear-gradient(135deg,#ff78cf 0%,#b65dff 100%)!important;
  box-shadow:0 10px 20px rgba(229,88,214,.22)!important;
  animation:fix74LoveBeat 2.35s ease-in-out infinite!important;
}
html body .cm-product-actions .cm-icon-action{
  width:42px!important;
  height:32px!important;
  min-height:32px!important;
  border-radius:12px!important;
}
html body .cm-product-actions .cm-card-wishlist-btn{width:36px!important;}
html body .cm-icon-action i{
  position:relative!important;
  z-index:2!important;
  font-size:18px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  line-height:1!important;
  margin:0!important;
}
html body .cm-product-actions .cm-icon-action i{font-size:15px!important;}
html body .cm-icon-action::before{
  content:""!important;
  position:absolute!important;
  inset:-35%!important;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.08) 35%,rgba(255,255,255,.88) 49%,rgba(255,255,255,.14) 61%,transparent 100%)!important;
  transform:translateX(-140%) rotate(8deg)!important;
  animation:fix74BtnShimmer 2.65s ease-in-out infinite!important;
  pointer-events:none!important;
}
html body .cm-icon-action::after{
  content:"✦"!important;
  position:absolute!important;
  right:7px!important;
  top:5px!important;
  z-index:3!important;
  font-size:8px!important;
  color:#fff8cf!important;
  -webkit-text-fill-color:#fff8cf!important;
  opacity:.85!important;
  text-shadow:0 0 8px rgba(255,255,255,.9)!important;
  animation:fix74TinySpark 1.7s ease-in-out infinite!important;
  pointer-events:none!important;
}
html body .cm-card-wishlist-btn i.bi-heart-fill,
html body .cm-card-wishlist-btn:hover i{animation:fix74HeartPop .74s ease-in-out infinite!important;}
html body .cm-icon-action:hover,
html body .cm-icon-action:focus-visible{
  transform:translateY(-2px) scale(1.045)!important;
  filter:saturate(1.14) brightness(1.04)!important;
  box-shadow:0 14px 26px rgba(91,87,255,.28)!important;
}
@keyframes fix74EyeFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-1px) scale(1.025)}
}
@keyframes fix74LoveBeat{
  0%,100%{transform:scale(1)}
  14%{transform:scale(1.06)}
  28%{transform:scale(1)}
  42%{transform:scale(1.045)}
  62%{transform:scale(1)}
}
@keyframes fix74BtnShimmer{
  0%,45%{transform:translateX(-150%) rotate(8deg);opacity:0}
  55%{opacity:.9}
  76%,100%{transform:translateX(150%) rotate(8deg);opacity:0}
}
@keyframes fix74TinySpark{
  0%,100%{opacity:.25;transform:scale(.65) rotate(0deg)}
  45%{opacity:1;transform:scale(1.15) rotate(18deg)}
  70%{opacity:.55;transform:scale(.85) rotate(-10deg)}
}
@keyframes fix74HeartPop{
  0%,100%{transform:scale(1)}50%{transform:scale(1.12)}
}
@media(max-width:760px){
  html body .card .btns.cm-card-icon-actions{gap:9px!important;margin-top:10px!important;justify-content:center!important;}
  html body .cm-icon-action,
  html body a.cm-icon-action,
  html body button.cm-icon-action,
  html body .card .btns.cm-card-icon-actions a.cm-icon-action,
  html body .card .btns.cm-card-icon-actions button.cm-icon-action{
    width:52px!important;
    height:34px!important;
    min-height:34px!important;
    border-radius:13px!important;
  }
  html body .cm-card-wishlist-btn{width:46px!important;}
  html body .cm-icon-action i{font-size:16px!important;}
}
@media(prefers-reduced-motion:reduce){
  html body .cm-icon-action,
  html body .cm-icon-action::before,
  html body .cm-icon-action::after,
  html body .cm-card-wishlist-btn i{animation:none!important;}
}


html body .samida-dual-option[data-dual-option="custom"] .samida-promo77-custom-badge{display:inline-flex!important;margin-top:6px;padding:5px 9px;border-radius:999px;background:linear-gradient(135deg,#fff7ed,#fdf2f8);border:1px solid rgba(244,114,182,.30);color:#9d174d!important;-webkit-text-fill-color:#9d174d!important;font-size:11px!important;font-weight:850!important;line-height:1.2!important;box-shadow:0 8px 18px rgba(244,114,182,.12)!important;}


.product-review-list .product-review-item.samida-review-hidden{display:none!important}.review-load-more-btn{margin:14px auto 4px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:190px!important;border-radius:999px!important;background:linear-gradient(135deg,#8d5cff,#4f72ff)!important;color:#fff!important;border:0!important;box-shadow:0 14px 30px rgba(91,87,255,.20)!important}.review-load-more-btn[hidden]{display:none!important}.review-sort-tabs a{cursor:pointer!important}.review-sort-tabs a.on{pointer-events:none!important}


/* WA subscriber popup final: di dalam section PROMO, bukan mentah di pojok kiri */
.sales-booster{
 grid-template-columns:minmax(0,1.04fr) minmax(360px,.86fr)!important;
 gap:22px!important;
 align-items:start!important;
}
.sales-booster.sales-booster-copy{grid-column:1!important;grid-row:1!important;max-width:760px!important;}
.sales-booster.samida-wa-subscribe-modal.promo-inline{
 grid-column:2!important;
 grid-row:1!important;
 position:relative!important;
 inset:auto!important;
 z-index:2!important;
 display:flex!important;
 align-items:stretch!important;
 justify-content:stretch!important;
 width:100%!important;
 height:auto!important;
 min-height:0!important;
 padding:0!important;
 margin:0!important;
 background:transparent!important;
 backdrop-filter:none!important;
 opacity:0!important;
 pointer-events:none!important;
 transform:none!important;
 transition:.22s ease!important;
}
.sales-booster.samida-wa-subscribe-modal.promo-inline.show{display:flex!important;opacity:1!important;pointer-events:auto!important;}
.sales-booster.samida-wa-subscribe-modal.promo-inline.samida-wa-subscribe-card{
 width:100%!important;
 max-width:none!important;
 min-height:100%!important;
 padding:22px!important;
 border-radius:26px!important;
 transform:none!important;
}
.sales-booster.samida-wa-subscribe-modal.promo-inline.samida-wa-subscribe-card h3{font-size:24px!important;line-height:1.18!important;margin-right:36px!important;}
.sales-booster.samida-wa-subscribe-modal.promo-inline.samida-wa-subscribe-card p{font-size:13px!important;line-height:1.65!important;}
.sales-booster.sales-offer-grid{grid-column:1 / -1!important;grid-row:2!important;}
.sales-product-strip{display:none!important;}
@media(max-width:980px){
.sales-booster{grid-template-columns:1fr!important;}
.sales-booster.sales-booster-copy,
.sales-booster.samida-wa-subscribe-modal.promo-inline,
.sales-booster.sales-offer-grid{grid-column:1!important;grid-row:auto!important;}
}
@media(max-width:520px){
.sales-booster.samida-wa-subscribe-modal.promo-inline.samida-wa-subscribe-card{padding:18px!important;border-radius:22px!important;}
.sales-booster.samida-wa-subscribe-modal.promo-inline.samida-wa-subscribe-card h3{font-size:22px!important;}
}


/* FIX: hilangkan ruang kosong besar di section promo */
.sales-booster{position:relative!important;display:block!important;padding:28px!important;}
.sales-booster.sales-booster-copy{max-width:760px!important;}
.sales-booster.samida-wa-subscribe-modal.promo-inline{position:absolute!important;top:28px!important;right:28px!important;left:auto!important;bottom:auto!important;width:min(390px,36%)!important;display:none!important;align-items:stretch!important;justify-content:stretch!important;padding:0!important;margin:0!important;background:transparent!important;backdrop-filter:none!important;opacity:0!important;pointer-events:none!important;transform:none!important;z-index:3!important;}
.sales-booster.samida-wa-subscribe-modal.promo-inline.show{display:flex!important;opacity:1!important;pointer-events:auto!important;}
.sales-booster.samida-wa-subscribe-modal.promo-inline.samida-wa-subscribe-card{width:100%!important;max-width:none!important;padding:22px!important;border-radius:24px!important;}
.sales-booster.sales-offer-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:26px!important;}
.sales-booster.sales-offer-grid article{min-height:0!important;}
.sales-booster.sales-cta-row{margin-top:18px!important;margin-bottom:0!important;}
@media(max-width:1100px){.sales-booster.samida-wa-subscribe-modal.promo-inline{width:min(360px,39%)!important;}}
@media(max-width:980px){.sales-booster{display:block!important;padding:22px!important;}.sales-booster.samida-wa-subscribe-modal.promo-inline{position:relative!important;top:auto!important;right:auto!important;width:100%!important;margin-top:18px!important;}.sales-booster.sales-offer-grid{grid-template-columns:1fr!important;margin-top:18px!important;}}
@media(max-width:520px){.sales-booster{padding:18px!important;}.sales-booster.sales-booster-copy{max-width:none!important;}.sales-booster.sales-offer-grid{margin-top:16px!important;}}


.product-review-section{margin-top:16px}.review-summary-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.review-summary-card,.review-form-card,.product-review-item,.product-review-empty{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--soft);padding:16px}.review-score-big{font-size:40px;font-weight:900;line-height:1;color:#121d42}.review-stars-big{font-size:20px;letter-spacing:2px;color:#f5b301;margin-top:6px}.review-summary-meta{font-weight:700;color:#49557a;margin-top:8px}.review-summary-note{font-size:13px;line-height:1.65;color:#657191;margin-top:10px}.review-form-card h4{margin:0 0 10px;color:#15204b}.product-review-list{display:grid;gap:12px;margin-top:16px}.product-review-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:8px}.review-badge-ok{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;background:rgba(82,191,136,.12);color:#1b7a4d;font-size:12px;font-weight:800}.product-review-text{color:#1b2340;line-height:1.68;font-size:14px}.product-review-empty{color:#657191}.review-form label{font-size:13px;font-weight:800;color:#23315b}.review-form textarea{resize:vertical}.review-form .btn{margin-top:2px}.detail-section.product-review-section h3{margin-top:0}@media(max-width:860px){.review-summary-grid{grid-template-columns:1fr}}


.cm-card-rating-line{display:flex!important;align-items:center!important;gap:5px!important;margin:4px 0 10px!important;font-size:11.5px!important;line-height:1.2!important;color:#172246!important;white-space:nowrap!important;overflow:hidden!important}.cm-card-rating-line .cm-card-stars{color:#ffb62e!important;-webkit-text-fill-color:#ffb62e!important;letter-spacing:1px!important;font-size:12px!important;line-height:1!important}.cm-card-rating-line b{font-weight:900!important;color:#111832!important}.cm-card-rating-line small{color:#6f7792!important;font-weight:800!important}.review-sort-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 12px}.review-sort-tabs span{font-size:13px;font-weight:900;color:#23315b}.review-sort-tabs a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;color:#4f5f8f}.review-sort-tabs a.on{background:linear-gradient(135deg,#8d5cff,#4f72ff);color:#fff!important;border-color:transparent}.product-review-reply{margin-top:10px;border-radius:15px;background:linear-gradient(135deg,rgba(141,92,255,.08),rgba(79,114,255,.08));border:1px solid rgba(141,92,255,.18);padding:11px 12px}.product-review-reply b{display:block;color:#332a8f;font-size:13px;margin-bottom:4px}.product-review-reply p{margin:0;color:#263253;font-size:13px;line-height:1.6}@media(max-width:560px){.cm-card-rating-line{font-size:10.5px;gap:4px}.cm-card-rating-line .cm-card-stars{font-size:10px}}


/* FIX82: hide related product panel */
html body .samida-related-panel,
html body .samida-related-head,
html body .samida-related-grid{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;}


/* FINAL UI FIX: animasi halus, ikon rapi, logo bersinar, tombol lebih hidup */
.samida-share-actions.wa,.samida-share-booster.wa{display:none!important;}

.samida-ui-header.brandlogo,.samida-ui-header.brandline.logo-mode.brandlogo{position:relative!important;overflow:hidden!important;isolation:isolate!important;border-radius:18px!important;}
.samida-ui-header.brandlogo::after,.samida-ui-header.brandline.logo-mode.brandlogo::after{content:""!important;position:absolute!important;top:-50%!important;bottom:-50%!important;left:-88px!important;width:66px!important;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.10) 18%,rgba(255,255,255,.96) 45%,rgba(255,255,255,.24) 72%,transparent 100%)!important;transform:skewX(-20deg)!important;mix-blend-mode:screen!important;pointer-events:none!important;z-index:3!important;opacity:0!important;animation:samidaLogoSweepFinal 3.6s ease-in-out infinite!important;}
@keyframes samidaLogoSweepFinal{0%{left:-100px;opacity:0}10%{opacity:1}48%{left:118%;opacity:.95}62%,100%{left:128%;opacity:0}}

.samida-bi-icon{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;min-width:30px!important;border-radius:999px!important;vertical-align:middle!important;margin:0 4px!important;color:#8df7ff!important;filter:drop-shadow(0 0 9px rgba(0,217,255,.22))!important;transform:translateZ(0)!important;}
.samida-bi-icon::before{content:""!important;position:absolute!important;inset:0!important;border-radius:999px!important;border:1.5px solid rgba(0,217,255,.28)!important;border-top-color:rgba(255,255,255,.82)!important;border-right-color:rgba(111,243,255,.68)!important;border-bottom-color:rgba(139,92,246,.38)!important;box-shadow:0 0 14px rgba(0,217,255,.14), inset 0 0 8px rgba(255,255,255,.05)!important;animation:samidaIconSoftPulse 3s ease-in-out infinite!important;}
.samida-bi-icon::after{content:""!important;position:absolute!important;inset:4px!important;border-radius:999px!important;background:radial-gradient(circle,rgba(255,255,255,.10),rgba(0,217,255,.03))!important;z-index:-1!important;}
.samida-bi-icon.bi{position:relative!important;z-index:2!important;font-size:15px!important;line-height:1!important;color:inherit!important;animation:samidaGlyphFloat 3.2s ease-in-out infinite!important;}
@keyframes samidaIconSoftPulse{0%,100%{opacity:.88;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
@keyframes samidaGlyphFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}

.btn,.auth-top-btn,.iconbox,.filter-chip,.hero-cta.cta,.visitor-ai-btn,.ai-finder-btn,.samida-wa-subscribe-submit,.samida-wa-subscribe-later,.search button{transition:transform.24s ease,box-shadow.24s ease,filter.24s ease!important;animation:samidaButtonBreath 4s ease-in-out infinite!important;will-change:transform;}
@keyframes samidaButtonBreath{0%,100%{box-shadow:0 0 0 rgba(0,0,0,0)}50%{box-shadow:0 12px 28px rgba(124,88,255,.10)}}
.btn:hover,.auth-top-btn:hover,.iconbox:hover,.filter-chip:hover,.hero-cta.cta:hover,.visitor-ai-btn:hover,.ai-finder-btn:hover,.samida-wa-subscribe-submit:hover,.samida-wa-subscribe-later:hover,.search button:hover{transform:translateY(-2px)!important;filter:brightness(1.03)!important;}

.bottom.nav{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding-top:3px!important;}
.bottom.nav.i{height:30px!important;min-height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;line-height:1!important;}
.bottom.nav.samida-bi-icon{width:28px!important;height:28px!important;min-width:28px!important;margin:0!important;}
.bottom.nav.samida-bi-icon.bi{font-size:15px!important;}
.bottom.nav>span:not(.tiny){display:block!important;line-height:1.15!important;margin:0!important;}

body.page-home.samida-hero-benefits>span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;gap:8px!important;padding:16px 14px!important;}
body.page-home.samida-hero-benefits>span>.samida-bi-icon{width:54px!important;height:54px!important;min-width:54px!important;margin:0 auto 2px!important;background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important;}
body.page-home.samida-hero-benefits>span>.samida-bi-icon::before{inset:0!important;border-width:1.6px!important;animation:samidaIconSoftPulse 3.4s ease-in-out infinite!important;}
body.page-home.samida-hero-benefits>span>.samida-bi-icon::after{inset:8px!important;}
body.page-home.samida-hero-benefits>span>.samida-bi-icon.bi{font-size:22px!important;color:#fff!important;}
body.page-home.samida-hero-benefits>span>.samida-hero-benefit-text{display:flex!important;flex-direction:column!important;align-items:center!important;min-width:0!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
body.page-home.samida-hero-benefits>span>b,body.page-home.samida-hero-benefits>span>small,body.page-home.samida-hero-benefits>span>.samida-hero-benefit-text b,body.page-home.samida-hero-benefits>span>.samida-hero-benefit-text small{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.35!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;}
body.page-home.samida-hero-benefits>span>small,body.page-home.samida-hero-benefits>span>.samida-hero-benefit-text small{margin-top:2px!important;}
body.page-home.samida-hero-benefits.samida-bi-icon,body.page-home.samida-hero-benefits.samida-hero-benefit-text{max-width:100%!important;}

.detail-action-grid.btn.samida-bi-icon,.samida-share-actions.btn.samida-bi-icon,.auth-top-btn.samida-bi-icon,.hero-cta.cta.samida-bi-icon{margin-right:8px!important;}
@media(max-width:760px){.bottom.nav{gap:4px!important}.bottom.nav.i{height:28px!important;min-height:28px!important}body.page-home.samida-hero-benefits>span{padding:14px 12px!important;}}


/* FIX REQUEST: klik kanan aktif, detail justify, header bersih, logo shine, anti auto block */
html,body,.wrap,*{-webkit-touch-callout:auto!important;-webkit-user-select:auto!important;user-select:auto!important;}

/* Ringkasan produk detail rata kanan kiri */
body.page-detail.detail-section,
body.page-detail.detail-section div,
body.page-detail.detail-section p,
body.page-detail.detail-list li,
body.page-detail.detail-copy p,
body.page-detail.detail-feature span,
body.page-detail.faq-item span,
body.page-detail.detail-trust-panel span,
body.page-detail.samida-share-head span,
body.page-detail.nego-box p{
 text-align:justify!important;
 text-justify:inter-word!important;
}

/* Hilangkan tombol/menu kosong yang muncul di header desktop */
.samida-ui-header.samida-mobile-menu-btn{display:none!important;}
@media(max-width:860px){.samida-ui-header.samida-mobile-menu-btn{display:inline-flex!important;}}

/* Rapikan icon header agar tidak ada lingkaran nyasar di tombol cart/login */
.samida-ui-header.auth-top-btn.samida-bi-icon,
.samida-ui-header.cart-btn.samida-bi-icon,
.samida-ui-header.login.samida-bi-icon{
 width:26px!important;height:26px!important;min-width:26px!important;margin:0!important;overflow:hidden!important;
 filter:drop-shadow(0 0 9px rgba(88,220,255,.28))!important;
}
.samida-ui-header.auth-top-btn.samida-bi-icon::before,
.samida-ui-header.auth-top-btn.samida-bi-icon::after,
.samida-ui-header.cart-btn.samida-bi-icon::before,
.samida-ui-header.cart-btn.samida-bi-icon::after,
.samida-ui-header.login.samida-bi-icon::before,
.samida-ui-header.login.samida-bi-icon::after{display:none!important;content:none!important;}
.samida-ui-header.auth-top-btn.samida-bi-icon.bi{animation:samidaHeaderIconGentle 2.9s ease-in-out infinite!important;}
@keyframes samidaHeaderIconGentle{0%,100%{transform:translateY(0);opacity:.92}50%{transform:translateY(-1px);opacity:1}}

/* Logo kiri atas: cahaya putih lewat yang benar-benar terlihat */
.samida-ui-header.brandline.logo-mode,
.samida-ui-header.brandlogo{position:relative!important;overflow:hidden!important;isolation:isolate!important;border-radius:20px!important;}
.samida-ui-header.brandline.logo-mode::after,
.samida-ui-header.brandlogo::after{
 content:""!important;position:absolute!important;top:-65%!important;bottom:-65%!important;left:-120px!important;width:86px!important;
 background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 24%,rgba(255,255,255,.98) 48%,rgba(255,255,255,.28) 72%,transparent 100%)!important;
 transform:skewX(-22deg)!important;mix-blend-mode:screen!important;filter:blur(.1px)!important;z-index:20!important;pointer-events:none!important;
 opacity:0!important;animation:samidaLogoWhiteSweepStrong 2.75s ease-in-out infinite!important;
}
.samida-ui-header.brandlogo img{position:relative!important;z-index:2!important;}
@keyframes samidaLogoWhiteSweepStrong{0%{left:-130px;opacity:0}10%{opacity:1}42%{left:112%;opacity:1}58%,100%{left:126%;opacity:0}}

/* Semua tombol animasi halus tanpa merusak desain */
.btn,.auth-top-btn,.iconbox,.filter-chip,.cta,.ai-finder-btn,.visitor-ai-btn,.search button,.detail-action-grid a,.detail-action-grid button{
 transition:transform.24s ease,filter.24s ease,box-shadow.24s ease!important;
 animation:samidaSoftButtonAlive 4.4s ease-in-out infinite!important;
}
@keyframes samidaSoftButtonAlive{0%,100%{filter:brightness(1)}50%{filter:brightness(1.035)}}
.btn:hover,.auth-top-btn:hover,.iconbox:hover,.filter-chip:hover,.cta:hover,.ai-finder-btn:hover,.visitor-ai-btn:hover,.search button:hover,.detail-action-grid a:hover,.detail-action-grid button:hover{transform:translateY(-2px)!important;}

/* Bottom nav icon tidak naik, tetap center */
.bottom.nav{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;}
.bottom.nav.i{height:30px!important;min-height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;line-height:1!important;}
.bottom.nav.samida-bi-icon{width:28px!important;height:28px!important;min-width:28px!important;margin:0!important;overflow:hidden!important;}
.bottom.nav.samida-bi-icon::before{animation:samidaIconSoftPulse 3.2s ease-in-out infinite!important;}
.bottom.nav>span:not(.tiny){margin:0!important;line-height:1.15!important;}

/* FINAL HEADER + WISHLIST FIX */
.samida-ui-header.actions.actions-icon-only{display:flex!important;align-items:center!important;gap:10px!important;}
.samida-ui-header.auth-top-btn.icon-only{width:54px!important;min-width:54px!important;height:54px!important;min-height:54px!important;padding:0!important;border-radius:18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;position:relative!important;overflow:hidden!important;}
.samida-ui-header.auth-top-btn.icon-only>span:not(.badge),.samida-ui-header.auth-top-btn.icon-only.label{display:none!important;}
.samida-ui-header.actions.samida-mobile-menu-btn{display:none!important;}
.samida-ui-header.wishlist-btn.badge,.samida-ui-header.cart-btn.badge{position:absolute!important;top:6px!important;right:6px!important;min-width:18px!important;height:18px!important;border-radius:999px!important;padding:0 4px!important;font-size:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#ff4ecb,#8b5cf6)!important;color:#fff!important;box-shadow:0 0 16px rgba(255,78,203,.28)!important;}
.samida-ui-header.auth-top-btn.icon-only.samida-bi-icon{width:30px!important;height:30px!important;min-width:30px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;animation:samidaHeaderIconWrapPulse 2.8s ease-in-out infinite!important;}
.samida-ui-header.auth-top-btn.icon-only.samida-bi-icon::before{display:block!important;content:""!important;position:absolute!important;inset:0!important;border-radius:999px!important;border:1.5px solid rgba(103,225,255,.32)!important;border-top-color:rgba(255,255,255,.90)!important;border-right-color:rgba(180,118,255,.58)!important;border-bottom-color:rgba(74,201,255,.38)!important;animation:samidaHeaderRingSpin 5.6s linear infinite!important;box-shadow:0 0 16px rgba(59,130,246,.17)!important;}
.samida-ui-header.auth-top-btn.icon-only.samida-bi-icon::after{display:block!important;content:""!important;position:absolute!important;inset:5px!important;border-radius:999px!important;background:radial-gradient(circle,rgba(255,255,255,.12),rgba(0,217,255,.04))!important;}
.samida-ui-header.auth-top-btn.icon-only.samida-bi-icon.bi{font-size:16px!important;line-height:1!important;color:inherit!important;animation:samidaGlyphFloatStrong 2.6s ease-in-out infinite!important;}
@keyframes samidaHeaderRingSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes samidaGlyphFloatStrong{0%,100%{transform:translateY(0);opacity:.95}50%{transform:translateY(-1.2px);opacity:1}}
@keyframes samidaHeaderIconWrapPulse{0%,100%{filter:drop-shadow(0 0 8px rgba(77,214,255,.20))}50%{filter:drop-shadow(0 0 12px rgba(255,255,255,.18))}}
.samida-ui-header.brandline.logo-mode,.samida-ui-header.brandlogo{position:relative!important;overflow:hidden!important;isolation:isolate!important;border-radius:20px!important;}
.samida-ui-header.brandline.logo-mode::before,.samida-ui-header.brandlogo::before{content:""!important;position:absolute!important;top:-20%!important;bottom:-20%!important;left:-120px!important;width:96px!important;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.10) 15%,rgba(255,255,255,.98) 48%,rgba(255,255,255,.18) 78%,transparent 100%)!important;transform:skewX(-22deg)!important;z-index:5!important;pointer-events:none!important;mix-blend-mode:screen!important;animation:samidaLogoWhiteShineStrong 3.2s linear infinite!important;}
.samida-ui-header.brandline.logo-mode::after,.samida-ui-header.brandlogo::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 22%,transparent 78%,rgba(255,255,255,.02))!important;pointer-events:none!important;z-index:4!important;}
.samida-ui-header.brandlogo img{position:relative!important;z-index:3!important;}
@keyframes samidaLogoWhiteShineStrong{0%{left:-120px;opacity:0}8%{opacity:.95}45%{left:105%;opacity:.98}60%,100%{left:112%;opacity:0}}
.bottom{justify-content:space-between!important;align-items:stretch!important;}
.bottom.nav{flex:1 1 0!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;text-align:center!important;}
.bottom.nav.i{width:100%!important;height:30px!important;min-height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;padding:0!important;}
.bottom.nav.samida-bi-icon{width:28px!important;height:28px!important;min-width:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;opacity:1!important;animation-play-state:running!important;}
.bottom.nav.samida-bi-icon::before{display:block!important;animation:samidaHeaderRingSpin 5.6s linear infinite!important;opacity:1!important;}
.bottom.nav.samida-bi-icon.bi{display:block!important;opacity:1!important;animation:samidaGlyphFloatStrong 2.6s ease-in-out infinite!important;}
@media(max-width:860px){.samida-ui-header.actions.actions-icon-only{gap:8px!important}.samida-ui-header.auth-top-btn.icon-only{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;border-radius:16px!important}}

/* OTP send notification */
.wa-otp-inline-msg{margin:10px 0 12px!important;padding:12px 13px!important;border-radius:15px!important;font-size:13px!important;line-height:1.45!important;font-weight:700!important;}
.wa-otp-inline-msg.ok{background:rgba(37,211,102,.13)!important;border:1px solid rgba(37,211,102,.34)!important;color:#13a861!important;box-shadow:0 12px 28px rgba(37,211,102,.10)!important;}
.wa-otp-inline-msg.wait{background:rgba(59,130,246,.12)!important;border:1px solid rgba(59,130,246,.30)!important;color:#2f6fe6!important;}
body.dark.wa-otp-inline-msg.ok,.page-home.wa-otp-inline-msg.ok{color:#8effbf!important;}
body.dark.wa-otp-inline-msg.wait,.page-home.wa-otp-inline-msg.wait{color:#9fc3ff!important;}

/* FINAL OTP + BOTTOM NAV CENTER FIX */
body.page-auth.auth-shell.wa-otp-only-shell{display:flex!important;justify-content:center!important;align-items:stretch!important;grid-template-columns:1fr!important;max-width:560px!important;margin:0 auto 24px!important;}
body.page-auth.wa-otp-only-card{width:100%!important;min-height:0!important;}
body.page-auth.wa-otp-only-card.auth-helper{margin-top:16px!important;}
body.page-auth.auth-divider,body.page-auth.auth-register-card{display:none!important;}
.bottom{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important;justify-items:stretch!important;}
.bottom.nav{height:100%!important;min-width:0!important;display:grid!important;grid-template-rows:34px auto!important;place-items:center!important;align-content:center!important;justify-content:center!important;gap:3px!important;text-align:center!important;padding:2px 0!important;}
.bottom.nav.i{width:38px!important;height:34px!important;min-height:34px!important;display:grid!important;place-items:center!important;margin:0 auto!important;padding:0!important;line-height:1!important;position:relative!important;}
.bottom.nav.samida-bi-icon{position:relative!important;width:30px!important;height:30px!important;min-width:30px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;line-height:1!important;overflow:visible!important;transform:none!important;}
.bottom.nav.samida-bi-icon::before{display:block!important;content:""!important;position:absolute!important;inset:0!important;border-radius:999px!important;animation:samidaBottomNavRingSpin 6s linear infinite!important;transform-origin:center center!important;}
.bottom.nav.samida-bi-icon::after{display:block!important;content:""!important;position:absolute!important;inset:5px!important;border-radius:999px!important;}
.bottom.nav.samida-bi-icon.bi{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;font-size:15px!important;line-height:1!important;margin:0!important;animation:samidaBottomNavIconGlow 2.8s ease-in-out infinite!important;}
.bottom.nav>span:not(.tiny){display:block!important;line-height:1.12!important;margin:0!important;font-size:12px!important;}
@keyframes samidaBottomNavRingSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes samidaBottomNavIconGlow{0%,100%{opacity:.92;filter:drop-shadow(0 0 0 rgba(255,255,255,0))}50%{opacity:1;filter:drop-shadow(0 0 5px rgba(255,255,255,.24))}}

/* Promo Wheel 100K di Akun Pembeli */
.promo-wheel-account{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:center;padding:22px;border-radius:26px;background:radial-gradient(circle at 15% 0%,rgba(255,226,88,.28),transparent 30%),radial-gradient(circle at 100% 20%,rgba(139,92,246,.22),transparent 32%),linear-gradient(135deg,#10172a,#172554);color:#fff;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.28);border:1px solid rgba(255,255,255,.15)}
.wheel-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fde68a;margin-bottom:8px}.promo-wheel-account h3{margin:0 0 8px!important;color:#fff!important;font-size:28px!important}.promo-wheel-account p{margin:0 0 13px;color:#dbeafe;line-height:1.65}.wheel-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.wheel-info-grid span{padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;color:#e5edff}.wheel-result-ok,.wheel-result-lock{padding:12px 13px;border-radius:16px;margin:12px 0;line-height:1.55}.wheel-result-ok{background:rgba(34,197,94,.14);border:1px solid rgba(74,222,128,.35);color:#dcfce7}.wheel-result-lock{background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.28);color:#fef3c7}.wheel-visual-wrap{position:relative;width:240px;height:240px;margin:auto}.wheel-visual{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#22c55e 0 60deg,#f59e0b 60deg 120deg,#3b82f6 120deg 180deg,#ef4444 180deg 240deg,#8b5cf6 240deg 300deg,#06b6d4 300deg 360deg);border:9px solid rgba(255,255,255,.82);box-shadow:0 22px 60px rgba(0,0,0,.34),inset 0 0 0 2px rgba(255,255,255,.32);transition:transform 1.8s cubic-bezier(.14,.8,.2,1)}.wheel-visual span{position:absolute;left:50%;top:50%;font-size:12px;font-weight:900;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.38);transform-origin:0 0}.wheel-visual span:nth-child(1){transform:rotate(28deg) translate(48px,-8px)}.wheel-visual span:nth-child(2){transform:rotate(88deg) translate(48px,-8px)}.wheel-visual span:nth-child(3){transform:rotate(148deg) translate(48px,-8px)}.wheel-visual span:nth-child(4){transform:rotate(208deg) translate(48px,-8px)}.wheel-visual span:nth-child(5){transform:rotate(268deg) translate(48px,-8px)}.wheel-visual span:nth-child(6){transform:rotate(328deg) translate(48px,-8px)}.wheel-center{position:absolute;inset:83px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#111827;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.25);z-index:2}.wheel-pointer{position:absolute;left:50%;top:-10px;transform:translateX(-50%);z-index:3;color:#fff;font-size:28px;text-shadow:0 4px 14px rgba(0,0,0,.35)}.promo-wheel-account.just-spun.wheel-visual,.wheel-visual.spinning{transform:rotate(1260deg)}.wheel-spin-btn{min-width:190px}.wheel-cart-discount{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:#16a34a;background:#effdf5;border:1px solid #bbf7d0;border-radius:14px;padding:10px 12px}.wheel-cart-note{font-size:12px;color:#15803d;margin-top:6px;line-height:1.45}@media(max-width:760px){.promo-wheel-account{grid-template-columns:1fr;padding:18px}.wheel-visual-wrap{width:210px;height:210px}.wheel-center{inset:72px}.wheel-info-grid{grid-template-columns:1fr}.promo-wheel-account h3{font-size:23px!important}}


<style id="finalPatchHeaderSeoBenefit20260703">
/* PATCH 20260703-2: samakan ukuran menu header, senadakan seo heading, rapikan icon benefit */
html body.market-top.samida-ui-header.header-shortcut-row{
 width:min(100%, 372px)!important;
 margin-left:auto!important;
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:10px!important;
}
html body.market-top.samida-ui-header.header-shortcut-row.auth-top-btn.text-tab{
 width:100%!important;
 min-width:0!important;
 padding:0 10px!important;
 height:44px!important;
 border-radius:15px!important;
 text-align:center!important;
}
html body.market-top.samida-ui-header.header-shortcut-row.auth-top-btn.text-tab span{
 width:100%!important;
 text-align:center!important;
}
html body.seo-heading{
 display:block!important;
 margin:0 0 18px!important;
 padding:20px 22px!important;
 border-radius:26px!important;
 background:linear-gradient(135deg,rgba(20,24,62,.94),rgba(10,16,42,.92))!important;
 border:1px solid rgba(123,144,255,.20)!important;
 box-shadow:0 22px 54px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html body.seo-heading h1{
 margin:0 0 8px!important;
 color:#f4f7ff!important;
 font-size:24px!important;
 line-height:1.25!important;
 letter-spacing:-.02em!important;
}
html body.seo-heading p{
 margin:0!important;
 color:#bcc8ee!important;
 font-size:14px!important;
 line-height:1.65!important;
}
html body.samida-hero-benefit-card{
 padding:18px 14px 18px!important;
}
html body.samida-hero-benefit-icon{
 width:60px!important;
 height:60px!important;
 min-width:60px!important;
 background:radial-gradient(circle at 35% 30%,rgba(76,112,255,.30),rgba(12,18,48,.96) 68%)!important;
}
html body.samida-hero-benefit-icon::after{
 inset:-2px!important;
 border-width:1.5px!important;
}
html body.samida-hero-benefit-icon.samida-bi-icon{display:none!important;}
html body.samida-hero-benefit-icon.bi{
 display:block!important;
 font-size:24px!important;
 line-height:1!important;
 color:#ffffff!important;
 position:relative!important;
 z-index:2!important;
}
@media(max-width:860px){
 html body.market-top.samida-ui-header.header-shortcut-row{
 width:100%!important;
 gap:8px!important;
 }
 html body.market-top.samida-ui-header.header-shortcut-row.auth-top-btn.text-tab{
 height:42px!important;
 font-size:12px!important;
 }
 html body.seo-heading{padding:18px 16px!important;border-radius:22px!important;}
 html body.seo-heading h1{font-size:20px!important;}
 html body.seo-heading p{font-size:13px!important;}
}


/* USER REQUEST 20260630: hilangkan semua navigasi bawah / bottom nav */
.bottom,
body.bottom,
html body[class*="page-"]:not(.page-invoice).bottom{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;overflow:hidden!important;}
body.page-home.wrap,
body.page-storefront.wrap,
body.page-detail.wrap,
body.page-cart.wrap,
body.page-account.wrap,
body.page-auth.wrap,
html body[class*="page-"]:not(.page-invoice).wrap{padding-bottom:28px!important;}
body.page-home.store-footer,
body.page-storefront.store-footer,
body.page-detail.store-footer,
body.page-cart.store-footer,
body.page-account.store-footer,
body.page-auth.store-footer{margin-bottom:0!important;}
.wa.wa-ai-float{bottom:22px!important;}
.backtop{bottom:84px!important;}
.samida-admin-online-chat{bottom:96px!important;}
@media(max-width:760px){
 body.page-home.wrap,body.page-storefront.wrap,body.page-detail.wrap,body.page-cart.wrap,body.page-account.wrap,body.page-auth.wrap,html body[class*="page-"]:not(.page-invoice).wrap{padding-bottom:22px!important;}
 body.page-home.store-footer,body.page-storefront.store-footer,body.page-detail.store-footer,body.page-cart.store-footer,body.page-account.store-footer,body.page-auth.store-footer{margin-bottom:0!important;}
.wa.wa-ai-float{bottom:16px!important;}
.backtop{bottom:78px!important;}
.samida-admin-online-chat{bottom:88px!important;}
}


/* FINAL MOBILE DOCK 4 ICON */
html body{padding-bottom:0!important}
html body.samida-dock4-wrap{display:none!important}
@media(max-width:860px){
 html body{padding-bottom:92px!important}
 html body.samida-dock4-wrap{display:block!important;position:fixed!important;left:50%!important;bottom:12px!important;transform:translateX(-50%)!important;width:min(calc(100vw - 22px), 290px)!important;z-index:9997!important;pointer-events:none!important}
 html body.samida-dock4{pointer-events:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:10px 12px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(8,10,26,.97),rgba(4,6,18,.98))!important;border:1px solid rgba(129,151,255,.22)!important;box-shadow:0 20px 48px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
 html body.samida-dock4-item{position:relative!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(129,151,255,.20)!important;color:#dbe7ff!important;text-decoration:none!important;box-shadow:none!important}
 html body.samida-dock4-item.active{background:linear-gradient(180deg,rgba(119,91,255,.20),rgba(0,217,255,.08))!important;border-color:rgba(120,150,255,.42)!important;box-shadow:inset 0 -2px 0 #ff4bd8!important;color:#ffffff!important}
 html body.samida-dock4-item svg{width:19px!important;height:19px!important;display:block!important;color:currentColor!important;stroke:currentColor!important;fill:none!important}
 html body.samida-dock4-badge{position:absolute!important;top:3px!important;right:2px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#ff2bd6,#ff477e)!important;color:#fff!important;font-size:9px!important;line-height:16px!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 0 16px rgba(255,43,214,.55)!important}
}



/* FINAL AUTOFIX TOTAL: desktop dock + product visibility + product buttons */
html body{padding-bottom:112px!important}
html body.samida-dock4-wrap{
 display:block!important;
 position:fixed!important;
 left:50%!important;
 bottom:14px!important;
 transform:translateX(-50%)!important;
 width:auto!important;
 min-width:290px!important;
 z-index:9998!important;
 pointer-events:none!important;
}
html body.samida-dock4{
 pointer-events:auto!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 gap:10px!important;
 padding:10px 12px!important;
 border-radius:18px!important;
 background:linear-gradient(180deg,rgba(8,10,26,.97),rgba(4,6,18,.98))!important;
 border:1px solid rgba(129,151,255,.22)!important;
 box-shadow:0 20px 48px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05)!important;
 backdrop-filter:blur(14px)!important;
 -webkit-backdrop-filter:blur(14px)!important;
}
html body.samida-dock4-item{
 position:relative!important;
 width:42px!important;
 min-width:42px!important;
 height:42px!important;
 min-height:42px!important;
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 border-radius:14px!important;
 background:rgba(255,255,255,.04)!important;
 border:1px solid rgba(129,151,255,.20)!important;
 color:#dbe7ff!important;
 text-decoration:none!important;
 box-shadow:none!important;
}
html body.samida-dock4-item.active{
 background:linear-gradient(180deg,rgba(119,91,255,.20),rgba(0,217,255,.08))!important;
 border-color:rgba(120,150,255,.42)!important;
 box-shadow:inset 0 -2px 0 #ff4bd8!important;
 color:#ffffff!important;
}
html body.samida-dock4-item svg{width:19px!important;height:19px!important;display:block!important;color:currentColor!important;stroke:currentColor!important;fill:none!important}
html body.samida-dock4-badge{position:absolute!important;top:3px!important;right:2px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#ff2bd6,#ff477e)!important;color:#fff!important;font-size:9px!important;line-height:16px!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 0 16px rgba(255,43,214,.55)!important}
@media(max-width:860px){
 html body{padding-bottom:92px!important}
 html body.samida-dock4-wrap{width:min(calc(100vw - 22px), 290px)!important;bottom:12px!important}
}

/* product grid and product card visibility */
html body.catalog-grid,
html body.compact-product-grid,
html body.latest-upload-grid,
html body.best-seller-grid{
 display:grid!important;
 visibility:visible!important;
 opacity:1!important;
}
html body.catalog-grid.card,
html body.compact-product-grid.card,
html body.latest-upload-grid.card,
html body.best-seller-grid.card{
 display:flex!important;
 flex-direction:column!important;
 min-height:100%!important;
 height:100%!important;
 overflow:hidden!important;
 visibility:visible!important;
 opacity:1!important;
}
html body.catalog-grid.card.thumb,
html body.compact-product-grid.card.thumb,
html body.latest-upload-grid.card.thumb,
html body.best-seller-grid.card.thumb{
 flex:0 0 auto!important;
}
html body.catalog-grid.card.body,
html body.compact-product-grid.card.body,
html body.latest-upload-grid.card.body,
html body.best-seller-grid.card.body{
 display:flex!important;
 flex-direction:column!important;
 flex:1 1 auto!important;
 min-height:170px!important;
 height:auto!important;
 visibility:visible!important;
 opacity:1!important;
}
html body.catalog-grid.card.ttl,
html body.compact-product-grid.card.ttl,
html body.latest-upload-grid.card.ttl,
html body.best-seller-grid.card.ttl,
html body.catalog-grid.card.feature-badges,
html body.compact-product-grid.card.feature-badges,
html body.latest-upload-grid.card.feature-badges,
html body.best-seller-grid.card.feature-badges,
html body.catalog-grid.card.old,
html body.compact-product-grid.card.old,
html body.latest-upload-grid.card.old,
html body.best-seller-grid.card.old,
html body.catalog-grid.card.price,
html body.compact-product-grid.card.price,
html body.latest-upload-grid.card.price,
html body.best-seller-grid.card.price{
 display:block!important;
 visibility:visible!important;
 opacity:1!important;
}

/* force product buttons visible */
html body.catalog-grid.card.btns,
html body.compact-product-grid.card.btns,
html body.latest-upload-grid.card.btns,
html body.best-seller-grid.card.btns{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:8px!important;
 width:100%!important;
 margin-top:auto!important;
 padding-top:10px!important;
 visibility:visible!important;
 opacity:1!important;
 overflow:visible!important;
 position:relative!important;
 z-index:5!important;
}
html body.catalog-grid.card.btns form,
html body.compact-product-grid.card.btns form,
html body.latest-upload-grid.card.btns form,
html body.best-seller-grid.card.btns form{
 margin:0!important;
 display:block!important;
 width:100%!important;
 min-width:0!important;
 visibility:visible!important;
 opacity:1!important;
}
html body.catalog-grid.card.btns.btn,
html body.catalog-grid.card.btns button,
html body.catalog-grid.card.btns a,
html body.compact-product-grid.card.btns.btn,
html body.compact-product-grid.card.btns button,
html body.compact-product-grid.card.btns a,
html body.latest-upload-grid.card.btns.btn,
html body.latest-upload-grid.card.btns button,
html body.latest-upload-grid.card.btns a,
html body.best-seller-grid.card.btns.btn,
html body.best-seller-grid.card.btns button,
html body.best-seller-grid.card.btns a{
 width:100%!important;
 min-height:40px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 gap:6px!important;
 padding:10px 8px!important;
 border-radius:13px!important;
 white-space:nowrap!important;
 visibility:visible!important;
 opacity:1!important;
 pointer-events:auto!important;
}
html body.catalog-grid.card.btns.card-cart-btn,
html body.compact-product-grid.card.btns.card-cart-btn,
html body.latest-upload-grid.card.btns.card-cart-btn,
html body.best-seller-grid.card.btns.card-cart-btn{
 background:rgba(255,255,255,.04)!important;
 color:#fff!important;
 border:1px solid rgba(129,151,255,.25)!important;
}
html body.catalog-grid.card.btns.card-cart-btn svg,
html body.compact-product-grid.card.btns.card-cart-btn svg,
html body.latest-upload-grid.card.btns.card-cart-btn svg,
html body.best-seller-grid.card.btns.card-cart-btn svg{
 width:15px!important;
 height:15px!important;
}

/* ensure product sections are not hidden */
html body #produk,
html body #best-seller,
html body.sect,
html body.grid.catalog-grid,
html body.grid.best-seller-grid,
html body.grid.latest-upload-grid{
 visibility:visible!important;
 opacity:1!important;
}




/* FINAL FIX: product content and buttons absolutely visible */
html body.catalog-grid >.card,
html body.latest-upload-grid >.card,
html body.compact-product-grid >.card,
html body.katalog-page-grid >.card,
html body.best-seller-grid >.card{
 display:flex!important;
 flex-direction:column!important;
 overflow:hidden!important;
}
html body.catalog-grid >.card.body,
html body.latest-upload-grid >.card.body,
html body.compact-product-grid >.card.body,
html body.katalog-page-grid >.card.body,
html body.best-seller-grid >.card.body{
 position:relative!important;
 z-index:2!important;
 display:flex!important;
 flex-direction:column!important;
 flex:1 1 auto!important;
 gap:0!important;
 padding:14px 14px 16px!important;
 background:transparent!important;
 opacity:1!important;
 visibility:visible!important;
}
html body.catalog-grid >.card.body > *,
html body.latest-upload-grid >.card.body > *,
html body.compact-product-grid >.card.body > *,
html body.katalog-page-grid >.card.body > *,
html body.best-seller-grid >.card.body > *{
 opacity:1!important;
 visibility:visible!important;
}
html body.catalog-grid.ttl,
html body.latest-upload-grid.ttl,
html body.compact-product-grid.ttl,
html body.katalog-page-grid.ttl,
html body.best-seller-grid.ttl{
 display:block!important;
 min-height:auto!important;
 margin:0 0 10px!important;
 color:#ffffff!important;
 -webkit-text-fill-color:#ffffff!important;
 font-size:15px!important;
 font-weight:600!important;
 line-height:1.35!important;
}
html body.catalog-grid.feature-badges,
html body.latest-upload-grid.feature-badges,
html body.compact-product-grid.feature-badges,
html body.katalog-page-grid.feature-badges,
html body.best-seller-grid.feature-badges{
 display:flex!important;
 flex-wrap:wrap!important;
 gap:6px!important;
 min-height:0!important;
 max-height:none!important;
 margin:0 0 10px!important;
 overflow:visible!important;
}
html body.catalog-grid.feature-badges span,
html body.latest-upload-grid.feature-badges span,
html body.compact-product-grid.feature-badges span,
html body.katalog-page-grid.feature-badges span,
html body.best-seller-grid.feature-badges span{
 display:inline-flex!important;
 color:#dfe7ff!important;
 -webkit-text-fill-color:#dfe7ff!important;
}
html body.catalog-grid.old,
html body.latest-upload-grid.old,
html body.compact-product-grid.old,
html body.katalog-page-grid.old,
html body.best-seller-grid.old{
 display:block!important;
 margin:0 0 4px!important;
 color:#7e88ad!important;
 -webkit-text-fill-color:#7e88ad!important;
}
html body.catalog-grid.price,
html body.latest-upload-grid.price,
html body.compact-product-grid.price,
html body.katalog-page-grid.price,
html body.best-seller-grid.price{
 display:block!important;
 margin:0 0 12px!important;
 color:#e06aff!important;
 -webkit-text-fill-color:#e06aff!important;
 font-size:16px!important;
 font-weight:700!important;
 line-height:1.35!important;
}
html body.catalog-grid.card.btns,
html body.latest-upload-grid.card.btns,
html body.compact-product-grid.card.btns,
html body.katalog-page-grid.card.btns,
html body.best-seller-grid.card.btns{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:8px!important;
 width:100%!important;
 margin-top:auto!important;
 padding-top:2px!important;
 position:relative!important;
 z-index:4!important;
 opacity:1!important;
 visibility:visible!important;
}
html body.catalog-grid.card.btns form,
html body.latest-upload-grid.card.btns form,
html body.compact-product-grid.card.btns form,
html body.katalog-page-grid.card.btns form,
html body.best-seller-grid.card.btns form,
html body.catalog-grid.card.btns a,
html body.latest-upload-grid.card.btns a,
html body.compact-product-grid.card.btns a,
html body.katalog-page-grid.card.btns a,
html body.best-seller-grid.card.btns a{
 display:block!important;
 width:100%!important;
 min-width:0!important;
 opacity:1!important;
 visibility:visible!important;
}
html body.catalog-grid.card.btns.btn,
html body.catalog-grid.card.btns button,
html body.catalog-grid.card.btns a,
html body.latest-upload-grid.card.btns.btn,
html body.latest-upload-grid.card.btns button,
html body.latest-upload-grid.card.btns a,
html body.compact-product-grid.card.btns.btn,
html body.compact-product-grid.card.btns button,
html body.compact-product-grid.card.btns a,
html body.katalog-page-grid.card.btns.btn,
html body.katalog-page-grid.card.btns button,
html body.katalog-page-grid.card.btns a,
html body.best-seller-grid.card.btns.btn,
html body.best-seller-grid.card.btns button,
html body.best-seller-grid.card.btns a{
 width:100%!important;
 min-height:40px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 padding:9px 8px!important;
 border-radius:13px!important;
 font-size:13px!important;
 font-weight:600!important;
 line-height:1.2!important;
 color:#ffffff!important;
 -webkit-text-fill-color:#ffffff!important;
 white-space:nowrap!important;
 text-decoration:none!important;
 pointer-events:auto!important;
 opacity:1!important;
 visibility:visible!important;
}
html body.catalog-grid.card.btns.buy,
html body.latest-upload-grid.card.btns.buy,
html body.compact-product-grid.card.btns.buy,
html body.katalog-page-grid.card.btns.buy,
html body.best-seller-grid.card.btns.buy{
 background:linear-gradient(135deg,#8f5bff,#5a85ff)!important;
 border:1px solid rgba(129,151,255,.25)!important;
}
html body.catalog-grid.card.btns.demo-card-btn,
html body.latest-upload-grid.card.btns.demo-card-btn,
html body.compact-product-grid.card.btns.demo-card-btn,
html body.katalog-page-grid.card.btns.demo-card-btn,
html body.best-seller-grid.card.btns.demo-card-btn{
 background:rgba(0,0,0,.18)!important;
 border:1px solid rgba(129,151,255,.25)!important;
}
html body.catalog-grid.card.btns.card-cart-btn,
html body.latest-upload-grid.card.btns.card-cart-btn,
html body.compact-product-grid.card.btns.card-cart-btn,
html body.katalog-page-grid.card.btns.card-cart-btn,
html body.best-seller-grid.card.btns.card-cart-btn{
 background:rgba(255,255,255,.04)!important;
 border:1px solid rgba(129,151,255,.25)!important;
}
html body.catalog-grid.card.btns.card-cart-btn svg,
html body.latest-upload-grid.card.btns.card-cart-btn svg,
html body.compact-product-grid.card.btns.card-cart-btn svg,
html body.katalog-page-grid.card.btns.card-cart-btn svg,
html body.best-seller-grid.card.btns.card-cart-btn svg{
 display:none!important;
}



/* FINAL FIX: live notification toast */
html body.samida-live-toast{
 position:fixed!important;
 left:18px!important;
 bottom:96px!important;
 z-index:9999!important;
 width:min(380px,calc(100vw - 36px))!important;
 min-height:58px!important;
 display:flex!important;
 align-items:center!important;
 gap:12px!important;
 padding:12px 14px!important;
 border-radius:18px!important;
 background:rgba(12,16,36,.96)!important;
 border:1px solid rgba(119,146,255,.24)!important;
 box-shadow:0 24px 56px rgba(0,0,0,.35)!important;
 color:#ffffff!important;
 opacity:0!important;
 visibility:hidden!important;
 transform:translateY(12px)!important;
 pointer-events:none!important;
 transition:opacity.22s ease, transform.22s ease, visibility.22s ease!important;
}
html body.samida-live-toast.show{
 opacity:1!important;
 visibility:visible!important;
 transform:translateY(0)!important;
 pointer-events:auto!important;
}
html body.samida-live-toast.live-icon{
 width:38px!important;height:38px!important;min-width:38px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#8b5cf6,#4f7cff)!important;color:#fff!important;box-shadow:0 10px 22px rgba(79,124,255,.28)!important;
}
html body.samida-live-toast.live-icon svg{width:18px!important;height:18px!important;display:block!important}
html body.samida-live-toast.live-icon i{font-size:18px!important;line-height:1!important;display:block!important}
html body.samida-live-toast.live-content{flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
html body.samida-live-toast.live-title,
html body.samida-live-toast b{display:block!important;margin:0!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;font-size:13px!important;font-weight:600!important;line-height:1.35!important;white-space:normal!important}
html body.samida-live-toast.live-time,
html body.samida-live-toast span{display:block!important;margin:0!important;color:#b7c1ea!important;-webkit-text-fill-color:#b7c1ea!important;font-size:11.5px!important;line-height:1.35!important}
html body.samida-live-toast button{width:28px!important;height:28px!important;min-width:28px!important;border-radius:999px!important;border:1px solid rgba(154,137,255,.28)!important;background:rgba(139,92,246,.12)!important;color:#d6d1ff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0 0 0 2px!important;box-shadow:none!important;font-size:18px!important;line-height:1!important}
html body.samida-live-toast[data-kind="view"].live-icon{background:linear-gradient(135deg,#06b6d4,#3b82f6)!important}
html body.samida-live-toast[data-kind="order"].live-icon{background:linear-gradient(135deg,#8b5cf6,#4f46e5)!important}
html body.samida-live-toast[data-kind="checkout"].live-icon{background:linear-gradient(135deg,#f59e0b,#ef4444)!important}
html body.samida-live-toast[data-kind="cart"].live-icon{background:linear-gradient(135deg,#22c55e,#14b8a6)!important}
@media(max-width:560px){html body.samida-live-toast{left:12px!important;right:12px!important;bottom:84px!important;width:auto!important;padding:11px 12px!important}}


/* Promo 7:7 popup image fix */
html body.site-popup-mask{z-index:99999!important;background:rgba(2,8,23,.76)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;align-items:center!important;justify-content:center!important;padding:18px!important}
html body.site-popup-card.popup-image-only{width:min(94vw,760px)!important;max-width:760px!important;padding:0!important;border-radius:24px!important;background:transparent!important;border:0!important;box-shadow:0 30px 90px rgba(0,0,0,.45)!important;overflow:visible!important}
html body.site-popup-img{width:100%!important;border-radius:24px!important;overflow:hidden!important;background:#03220f!important;border:1px solid rgba(255,255,255,.16)!important}
html body.site-popup-img img{display:block!important;width:100%!important;height:auto!important;max-height:88vh!important;object-fit:contain!important;background:#03220f!important}
html body.site-popup-close{position:absolute!important;top:10px!important;right:10px!important;z-index:3!important;width:38px!important;height:38px!important;border-radius:999px!important;background:rgba(0,0,0,.58)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 10px 28px rgba(0,0,0,.28)!important}
@media(max-width:560px){html body.site-popup-card.popup-image-only{width:min(96vw,420px)!important}html body.site-popup-img img{max-height:82vh!important}}


/* FINAL CLEANUP: remove buyer guide/confidence + full popup */
html body.buyer-guide,
html body.buyer-confidence{display:none!important;}
html body.site-popup-mask,
html body.site-popup-mask.open{align-items:center!important;justify-content:center!important;padding:16px!important;overflow:auto!important;background:rgba(2,8,23,.84)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:999999!important;}
html body.site-popup-card.popup-image-only,
html body.promo77-popup-card{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:96vw!important;height:auto!important;max-height:none!important;padding:0!important;margin:0 auto!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
html body.promo77-popup-fullimg,
html body.site-popup-card.popup-image-only img{display:block!important;width:auto!important;height:auto!important;max-width:min(96vw,760px)!important;max-height:92vh!important;object-fit:contain!important;object-position:center center!important;border-radius:22px!important;background:transparent!important;box-shadow:0 26px 80px rgba(0,0,0,.42)!important;}
html body.site-popup-img, html body.site-popup-card.site-popup-img{display:none!important;}
html body.site-popup-close{position:absolute!important;top:10px!important;right:10px!important;z-index:20!important;width:38px!important;height:38px!important;border-radius:999px!important;background:rgba(0,0,0,.62)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 10px 28px rgba(0,0,0,.28)!important;}
@media(max-width:560px){html body.promo77-popup-fullimg, html body.site-popup-card.popup-image-only img{max-width:96vw!important;max-height:88vh!important;border-radius:18px!important;} html body.site-popup-close{top:8px!important;right:8px!important;width:34px!important;height:34px!important;}}



/* FINAL PATCH: 3 tombol produk simetris */
html body.catalog-grid.card.btns,
html body.compact-product-grid.card.btns,
html body.latest-upload-grid.card.btns,
html body.best-seller-grid.card.btns,
html body.katalog-page-grid.card.btns{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 align-items:stretch!important;
 gap:8px!important;
 width:100%!important;
}
html body.catalog-grid.card.btns > *,
html body.compact-product-grid.card.btns > *,
html body.latest-upload-grid.card.btns > *,
html body.best-seller-grid.card.btns > *,
html body.katalog-page-grid.card.btns > *{
 width:100%!important;
 min-width:0!important;
}
html body.catalog-grid.card.btns form,
html body.compact-product-grid.card.btns form,
html body.latest-upload-grid.card.btns form,
html body.best-seller-grid.card.btns form,
html body.katalog-page-grid.card.btns form,
html body.catalog-grid.card.btns a,
html body.compact-product-grid.card.btns a,
html body.latest-upload-grid.card.btns a,
html body.best-seller-grid.card.btns a,
html body.katalog-page-grid.card.btns a{
 width:100%!important;
 height:100%!important;
}
html body.catalog-grid.card.btns.btn,
html body.compact-product-grid.card.btns.btn,
html body.latest-upload-grid.card.btns.btn,
html body.best-seller-grid.card.btns.btn,
html body.katalog-page-grid.card.btns.btn,
html body.catalog-grid.card.btns button,
html body.compact-product-grid.card.btns button,
html body.latest-upload-grid.card.btns button,
html body.best-seller-grid.card.btns button,
html body.katalog-page-grid.card.btns button,
html body.catalog-grid.card.btns a,
html body.compact-product-grid.card.btns a,
html body.latest-upload-grid.card.btns a,
html body.best-seller-grid.card.btns a,
html body.katalog-page-grid.card.btns a{
 min-height:42px!important;
 height:42px!important;
 padding:0 10px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 border-radius:13px!important;
 font-size:13px!important;
 line-height:1!important;
 text-align:center!important;
 white-space:nowrap!important;
}
html body.catalog-grid.card.btns.buy,
html body.compact-product-grid.card.btns.buy,
html body.latest-upload-grid.card.btns.buy,
html body.best-seller-grid.card.btns.buy,
html body.katalog-page-grid.card.btns.buy,
html body.catalog-grid.card.btns.demo-card-btn,
html body.compact-product-grid.card.btns.demo-card-btn,
html body.latest-upload-grid.card.btns.demo-card-btn,
html body.best-seller-grid.card.btns.demo-card-btn,
html body.katalog-page-grid.card.btns.demo-card-btn{
 font-size:13px!important;
}
html body.catalog-grid.card.btns.card-cart-form.card-cart-btn.icon-only,
html body.compact-product-grid.card.btns.card-cart-form.card-cart-btn.icon-only,
html body.latest-upload-grid.card.btns.card-cart-form.card-cart-btn.icon-only,
html body.best-seller-grid.card.btns.card-cart-form.card-cart-btn.icon-only,
html body.katalog-page-grid.card.btns.card-cart-form.card-cart-btn.icon-only{
 min-height:42px!important;
 height:42px!important;
 padding:0!important;
 font-size:0!important;
}
html body.catalog-grid.card.btns.card-cart-form.card-cart-btn.icon-only svg,
html body.compact-product-grid.card.btns.card-cart-form.card-cart-btn.icon-only svg,
html body.latest-upload-grid.card.btns.card-cart-form.card-cart-btn.icon-only svg,
html body.best-seller-grid.card.btns.card-cart-form.card-cart-btn.icon-only svg,
html body.katalog-page-grid.card.btns.card-cart-form.card-cart-btn.icon-only svg,
html body.catalog-grid.card.btns.card-cart-form.card-cart-btn.icon-only.samida-bi-icon,
html body.compact-product-grid.card.btns.card-cart-form.card-cart-btn.icon-only.samida-bi-icon,
html body.latest-upload-grid.card.btns.card-cart-form.card-cart-btn.icon-only.samida-bi-icon,
html body.best-seller-grid.card.btns.card-cart-form.card-cart-btn.icon-only.samida-bi-icon,
html body.katalog-page-grid.card.btns.card-cart-form.card-cart-btn.icon-only.samida-bi-icon{
 width:18px!important;
 height:18px!important;
 margin:0!important;
}
@media(max-width:760px){
 html body.catalog-grid.card.btns,
 html body.compact-product-grid.card.btns,
 html body.latest-upload-grid.card.btns,
 html body.best-seller-grid.card.btns,
 html body.katalog-page-grid.card.btns{
 gap:6px!important;
 }
 html body.catalog-grid.card.btns.btn,
 html body.compact-product-grid.card.btns.btn,
 html body.latest-upload-grid.card.btns.btn,
 html body.best-seller-grid.card.btns.btn,
 html body.katalog-page-grid.card.btns.btn,
 html body.catalog-grid.card.btns button,
 html body.compact-product-grid.card.btns button,
 html body.latest-upload-grid.card.btns button,
 html body.best-seller-grid.card.btns button,
 html body.katalog-page-grid.card.btns button,
 html body.catalog-grid.card.btns a,
 html body.compact-product-grid.card.btns a,
 html body.latest-upload-grid.card.btns a,
 html body.best-seller-grid.card.btns a,
 html body.katalog-page-grid.card.btns a{
 min-height:40px!important;
 height:40px!important;
 font-size:12px!important;
 padding:0 8px!important;
 }
}



/* PATCH 20260703-3: icon keranjang produk + ulasan + hide tombol back kecil */
html body.card.btns.card-cart-btn.bi,
html body.catalog-grid.card.btns.card-cart-btn.bi,
html body.latest-upload-grid.card.btns.card-cart-btn.bi,
html body.compact-product-grid.card.btns.card-cart-btn.bi,
html body.katalog-page-grid.card.btns.card-cart-btn.bi,
html body.best-seller-grid.card.btns.card-cart-btn.bi{
 display:block!important;
 font-size:17px!important;
 line-height:1!important;
 color:currentColor!important;
}
html body.card.btns.card-cart-btn{
 padding:9px 8px!important;
}
html body.page-auth.sect > a,
html body.page-reseller.sect > a,
html body.page-invoice.sect > a{
 display:none!important;
}


/* PATCH 20260703-4: samakan ukuran menu, seo heading biru tua, sembunyikan tombol kecil */
html body.market-top.samida-ui-header.header-shortcut-row{
 width:auto!important;
 display:flex!important;
 align-items:center!important;
 gap:10px!important;
 flex-wrap:nowrap!important;
}
html body.market-top.samida-ui-header.header-shortcut-row.auth-top-btn.text-tab{
 width:88px!important;
 min-width:88px!important;
 max-width:88px!important;
 flex:0 0 88px!important;
 padding:0 8px!important;
 height:48px!important;
 border-radius:14px!important;
 text-align:center!important;
}
html body.market-top.samida-ui-header.header-shortcut-row.auth-top-btn.text-tab span{
 display:block!important;
 width:100%!important;
 text-align:center!important;
}
html body.seo-heading{
 display:block!important;
 background:linear-gradient(135deg,#0c1436 0%,#081126 52%,#07152f 100%)!important;
 border:1px solid rgba(84,108,202,.28)!important;
 border-radius:26px!important;
 box-shadow:0 20px 52px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04)!important;
 padding:20px 20px!important;
}
html body.seo-heading h1{
 color:#f2f6ff!important;
 margin:0 0 8px!important;
}
html body.seo-heading p{
 color:#aebade!important;
 margin:0!important;
}
html body.page-cart.sect > a:first-of-type,
html body.page-account.sect > a:first-of-type,
html body.page-auth.sect > a:first-of-type,
html body.page-reseller.sect > a:first-of-type,
html body.page-invoice.sect > a:first-of-type{
 display:none!important;
}
@media(max-width:860px){
 html body.market-top.samida-ui-header.header-shortcut-row{
 width:100%!important;
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:8px!important;
 }
 html body.market-top.samida-ui-header.header-shortcut-row.auth-top-btn.text-tab{
 width:100%!important;
 min-width:0!important;
 max-width:none!important;
 flex:1 1 auto!important;
 height:42px!important;
 }
}


html body.wa.wa-ai-float,
html body.promo-wheel-account{display:none!important;}


/* FIX33 2026-07-05: cegah media/aksi kartu produk menutupi teks harga di mobile */
html body.page-home .grid.catalog-grid > .card,
html body.page-katalog .grid.catalog-grid > .card,
html body.page-katalog-category .grid.catalog-grid > .card,
html body .latest-upload-grid > .card,
html body .compact-product-grid > .card,
html body .katalog-page-grid > .card,
html body .best-seller-grid > .card{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body.page-home .grid.catalog-grid > .card > .thumb,
html body.page-katalog .grid.catalog-grid > .card > .thumb,
html body.page-katalog-category .grid.catalog-grid > .card > .thumb,
html body .latest-upload-grid > .card > .thumb,
html body .compact-product-grid > .card > .thumb,
html body .katalog-page-grid > .card > .thumb,
html body .best-seller-grid > .card > .thumb{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:150px!important;
  min-height:150px!important;
  flex:0 0 150px!important;
  overflow:hidden!important;
}
html body.page-home .grid.catalog-grid > .card > .thumb img,
html body.page-home .grid.catalog-grid > .card > .thumb iframe,
html body.page-katalog .grid.catalog-grid > .card > .thumb img,
html body.page-katalog .grid.catalog-grid > .card > .thumb iframe,
html body.page-katalog-category .grid.catalog-grid > .card > .thumb img,
html body.page-katalog-category .grid.catalog-grid > .card > .thumb iframe,
html body .latest-upload-grid > .card > .thumb img,
html body .latest-upload-grid > .card > .thumb iframe,
html body .compact-product-grid > .card > .thumb img,
html body .compact-product-grid > .card > .thumb iframe,
html body .katalog-page-grid > .card > .thumb img,
html body .katalog-page-grid > .card > .thumb iframe,
html body .best-seller-grid > .card > .thumb img,
html body .best-seller-grid > .card > .thumb iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:0!important;
}
html body.page-home .grid.catalog-grid > .card > .body,
html body.page-katalog .grid.catalog-grid > .card > .body,
html body.page-katalog-category .grid.catalog-grid > .card > .body,
html body .latest-upload-grid > .card > .body,
html body .compact-product-grid > .card > .body,
html body .katalog-page-grid > .card > .body,
html body .best-seller-grid > .card > .body{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
}
html body.page-home .grid.catalog-grid > .card > .body > .ttl,
html body.page-home .grid.catalog-grid > .card > .body > .feature-badges,
html body.page-home .grid.catalog-grid > .card > .body > .old,
html body.page-home .grid.catalog-grid > .card > .body > .price,
html body.page-katalog .grid.catalog-grid > .card > .body > .ttl,
html body.page-katalog .grid.catalog-grid > .card > .body > .feature-badges,
html body.page-katalog .grid.catalog-grid > .card > .body > .old,
html body.page-katalog .grid.catalog-grid > .card > .body > .price,
html body.page-katalog-category .grid.catalog-grid > .card > .body > .ttl,
html body.page-katalog-category .grid.catalog-grid > .card > .body > .feature-badges,
html body.page-katalog-category .grid.catalog-grid > .card > .body > .old,
html body.page-katalog-category .grid.catalog-grid > .card > .body > .price,
html body .latest-upload-grid > .card > .body > .ttl,
html body .latest-upload-grid > .card > .body > .feature-badges,
html body .latest-upload-grid > .card > .body > .old,
html body .latest-upload-grid > .card > .body > .price,
html body .compact-product-grid > .card > .body > .ttl,
html body .compact-product-grid > .card > .body > .feature-badges,
html body .compact-product-grid > .card > .body > .old,
html body .compact-product-grid > .card > .body > .price,
html body .katalog-page-grid > .card > .body > .ttl,
html body .katalog-page-grid > .card > .body > .feature-badges,
html body .katalog-page-grid > .card > .body > .old,
html body .katalog-page-grid > .card > .body > .price,
html body .best-seller-grid > .card > .body > .ttl,
html body .best-seller-grid > .card > .body > .feature-badges,
html body .best-seller-grid > .card > .body > .old,
html body .best-seller-grid > .card > .body > .price{
  position:relative!important;
  z-index:2!important;
}
html body.page-home .grid.catalog-grid > .card > .body > .price,
html body.page-katalog .grid.catalog-grid > .card > .body > .price,
html body.page-katalog-category .grid.catalog-grid > .card > .body > .price,
html body .latest-upload-grid > .card > .body > .price,
html body .compact-product-grid > .card > .body > .price,
html body .katalog-page-grid > .card > .body > .price,
html body .best-seller-grid > .card > .body > .price{
  margin:6px 0 0!important;
  padding-bottom:0!important;
}
html body.page-home .grid.catalog-grid > .card > .body > .btns,
html body.page-katalog .grid.catalog-grid > .card > .body > .btns,
html body.page-katalog-category .grid.catalog-grid > .card > .body > .btns,
html body .latest-upload-grid > .card > .body > .btns,
html body .compact-product-grid > .card > .body > .btns,
html body .katalog-page-grid > .card > .body > .btns,
html body .best-seller-grid > .card > .body > .btns{
  position:relative!important;
  z-index:3!important;
  margin-top:10px!important;
  clear:both!important;
}
@media (max-width:760px){
  html body.page-home .grid.catalog-grid > .card > .thumb,
  html body.page-katalog .grid.catalog-grid > .card > .thumb,
  html body.page-katalog-category .grid.catalog-grid > .card > .thumb,
  html body .latest-upload-grid > .card > .thumb,
  html body .compact-product-grid > .card > .thumb,
  html body .katalog-page-grid > .card > .thumb,
  html body .best-seller-grid > .card > .thumb{
    height:138px!important;
    min-height:138px!important;
    flex-basis:138px!important;
  }
  html body.page-home .grid.catalog-grid > .card > .body,
  html body.page-katalog .grid.catalog-grid > .card > .body,
  html body.page-katalog-category .grid.catalog-grid > .card > .body,
  html body .latest-upload-grid > .card > .body,
  html body .compact-product-grid > .card > .body,
  html body .katalog-page-grid > .card > .body,
  html body .best-seller-grid > .card > .body{
    padding-bottom:12px!important;
  }
}


/* FIX34 2026-07-05: hapus overlay ungu tetap yang menutupi konten desktop/mobile */
html body .cm-outer-top-fill,
html body .cm-outer-top-cloud,
html body .cm-outer-top-seal{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
html body,
html body[class*="page-"]{
  background-attachment:scroll !important;
}
html body.page-detail .wrap,
html body.page-detail .cm-page,
html body.page-detail main,
html body.page-detail .detail-premium,
html body.page-detail .detail-card,
html body.page-detail .detail-side-card,
html body.page-detail .detail-section,
html body.page-detail .detail-copy,
html body.page-detail .detail-action-grid,
html body.page-detail .detail-features,
html body.page-detail .samida-related-panel{
  position:relative !important;
  z-index:20 !important;
}
html body.page-detail::before,
html body.page-detail::after,
html body.page-detail .wrap::before,
html body.page-detail .wrap::after,
html body.page-detail .cm-page::before,
html body.page-detail .cm-page::after{
  display:none !important;
  content:none !important;
  background:none !important;
}


/* FIX35 2026-07-05: tombol Cari Sekarang wajib muncul di mobile */
@media (max-width: 900px){
  html body.page-home .cm-hero,
  html body.page-home .cm-hero-copy{
    overflow:visible !important;
  }
  html body.page-home form.cm-hero-search{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:10px !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    padding:12px !important;
    border-radius:24px !important;
  }
  html body.page-home form.cm-hero-search > input[type="hidden"]{
    display:none !important;
  }
  html body.page-home form.cm-hero-search > i{
    flex:0 0 24px !important;
    width:24px !important;
    min-width:24px !important;
    align-self:center !important;
  }
  html body.page-home form.cm-hero-search > input[name="q"]{
    flex:1 1 calc(100% - 34px) !important;
    width:auto !important;
    min-width:0 !important;
    min-height:42px !important;
  }
  html body.page-home form.cm-hero-search > button[type="submit"]{
    display:flex !important;
    flex:0 0 100% !important;
    width:100% !important;
    min-width:100% !important;
    height:46px !important;
    min-height:46px !important;
    margin:0 !important;
    padding:0 18px !important;
    border:0 !important;
    border-radius:999px !important;
    align-items:center !important;
    justify-content:center !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    background:linear-gradient(135deg,#b674ff,#8b5cf6) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-indent:0 !important;
    white-space:nowrap !important;
    box-shadow:0 10px 20px rgba(139,92,246,.28) !important;
    z-index:30 !important;
  }
}
@media (max-width: 520px){
  html body.page-home form.cm-hero-search{
    padding:11px !important;
    border-radius:22px !important;
  }
  html body.page-home form.cm-hero-search > button[type="submit"]{
    font-size:13px !important;
  }
}


/* FIX36 2026-07-05: search besar hero dihapus, search header jadi AI Finder tanpa keterangan tambahan */
html body.page-home .cm-hero-search{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}
html body .cm-top-search.cm-header-ai-finder{
  position:relative !important;
  isolation:isolate !important;
}
html body .cm-top-search.cm-header-ai-finder::after{
  content:"" !important;
  position:absolute !important;
  inset:2px !important;
  border-radius:999px !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,rgba(255,255,255,.0),rgba(255,255,255,.48),rgba(255,255,255,.0)) !important;
  opacity:.22 !important;
  transform:translateX(-70%) !important;
  animation:cmHeaderAiSweep 4.8s ease-in-out infinite !important;
  z-index:0 !important;
}
html body .cm-top-search.cm-header-ai-finder > *{position:relative!important;z-index:1!important;}
html body .cm-top-search.cm-header-ai-finder > i{color:#8b5cf6!important;}
html body .cm-top-search.cm-header-ai-finder input[name="q"]{
  font-weight:800 !important;
}
html body .cm-top-search.cm-header-ai-finder input[name="q"]::placeholder{
  color:#8f86bd !important;
  opacity:1 !important;
}
@keyframes cmHeaderAiSweep{
  0%,55%{transform:translateX(-85%);opacity:.0;}
  70%{opacity:.24;}
  100%{transform:translateX(85%);opacity:0;}
}
@media(max-width:900px){
  html body.page-home .cm-hero{padding-bottom:48px!important;}
  html body .cm-top-search.cm-header-ai-finder{width:100%!important;max-width:100%!important;}
}


/* FIX38 2026-07-05: hilangkan line/area putih besar di atas header desktop */
html{
  background:#17164f !important;
}
html body,
html body[class*="page-"]{
  margin:0 !important;
  background-color:#17164f !important;
}
@media (min-width: 761px){
  html body.page-home,
  html body.page-katalog,
  html body.page-katalog-category,
  html body.page-detail,
  html body.page-cart,
  html body.page-auth,
  html body.page-account,
  html body.page-storefront,
  html body.page-reseller,
  html body.page-blog,
  html body.page-help{
    background:
      linear-gradient(180deg,
        #17164f 0px,
        #241d72 110px,
        #332a8f 250px,
        #5d4fc2 430px,
        #8b7de0 520px,
        #efedf2 521px,
        #efedf2 100%
      ) !important;
    background-repeat:no-repeat !important;
    background-attachment:scroll !important;
  }
  html body.page-home .wrap,
  html body.page-katalog .wrap,
  html body.page-katalog-category .wrap,
  html body.page-detail .wrap,
  html body.page-cart .wrap,
  html body.page-auth .wrap,
  html body.page-account .wrap,
  html body.page-storefront .wrap,
  html body.page-reseller .wrap,
  html body.page-blog .wrap,
  html body.page-help .wrap{
    padding-top:0 !important;
    margin-top:0 !important;
    position:relative !important;
    z-index:2 !important;
  }
  html body .cm-header{
    margin-top:0 !important;
  }
}


/* FIX39 2026-07-05: hapus belang/line putih besar di atas header desktop */
@media (min-width: 1100px){
  html body.page-home:not(.page-invoice),
  html body.page-katalog:not(.page-invoice),
  html body.page-katalog-category:not(.page-invoice),
  html body.page-detail:not(.page-invoice),
  html body.page-cart:not(.page-invoice),
  html body.page-auth:not(.page-invoice),
  html body.page-account:not(.page-invoice),
  html body.page-storefront:not(.page-invoice),
  html body.page-reseller:not(.page-invoice),
  html body.page-blog:not(.page-invoice),
  html body.page-help:not(.page-invoice){
    box-shadow:none !important;
    background:
      radial-gradient(520px 260px at 12% 170px, rgba(255,237,206,.18) 0%, rgba(255,237,206,0) 70%),
      radial-gradient(620px 300px at 86% 190px, rgba(182,159,255,.18) 0%, rgba(182,159,255,0) 72%),
      linear-gradient(180deg,
        #17164f 0px,
        #211d73 110px,
        #3b36a7 250px,
        #6f61d4 430px,
        #8f82de 520px,
        #efedf2 521px,
        #efedf2 100%) !important;
    background-repeat:no-repeat !important;
    background-attachment:scroll !important;
  }
}


/* FIX40 2026-07-05: paksa area atas desktop penuh ungu, menutup semua sumber belang putih */
@media (min-width: 900px){
  html,
  html body{
    background:#17164f !important;
    background-color:#17164f !important;
  }
  html body[class*="page-"]{
    position:relative !important;
    background-color:#17164f !important;
    background-image:
      linear-gradient(180deg,
        #17164f 0px,
        #201b6b 110px,
        #332a98 260px,
        #6658cf 470px,
        #9184df 560px,
        #efedf2 561px,
        #efedf2 100%) !important;
    background-repeat:no-repeat !important;
    background-attachment:scroll !important;
    box-shadow:none !important;
  }
  html body.page-home::before,
  html body.page-katalog::before,
  html body.page-katalog-category::before,
  html body.page-detail::before,
  html body.page-cart::before,
  html body.page-auth::before,
  html body.page-account::before,
  html body.page-storefront::before,
  html body.page-reseller::before,
  html body.page-blog::before,
  html body.page-help::before{
    content:"" !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    width:100vw !important;
    height:560px !important;
    pointer-events:none !important;
    z-index:0 !important;
    background:
      radial-gradient(520px 260px at 12% 170px, rgba(255,237,206,.16) 0%, rgba(255,237,206,0) 70%),
      radial-gradient(620px 300px at 86% 190px, rgba(182,159,255,.18) 0%, rgba(182,159,255,0) 72%),
      linear-gradient(180deg,#17164f 0%,#241d72 24%,#3b35a4 52%,#6f61d4 82%,#9184df 100%) !important;
  }
  html body.page-home::after,
  html body.page-katalog::after,
  html body.page-katalog-category::after,
  html body.page-detail::after,
  html body.page-cart::after,
  html body.page-auth::after,
  html body.page-account::after,
  html body.page-storefront::after,
  html body.page-reseller::after,
  html body.page-blog::after,
  html body.page-help::after{
    display:none !important;
    content:none !important;
  }
  html body[class*="page-"] .wrap,
  html body[class*="page-"] .cm-header,
  html body[class*="page-"] .cm-page,
  html body[class*="page-"] main,
  html body[class*="page-"] .cm-global-footer{
    position:relative !important;
    z-index:2 !important;
  }
  html body[class*="page-"] .cm-header{
    z-index:9990 !important;
  }
}


/* FIX41 2026-07-05: kembalikan motif gelombang bawah setelah top area desktop dibenahi */
html body .cm-outer-top-cloud{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:none !important;
  background:url('assets/img/cloud-wave-empty.svg') center bottom / 100% 100% repeat-x !important;
}
@media (min-width: 900px){
  html body .cm-outer-top-fill{
    height:228px !important;
  }
  html body .cm-outer-top-cloud{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:146px !important;
    width:100vw !important;
    height:82px !important;
    z-index:1 !important;
    background:url('assets/img/cloud-wave-empty.svg') center bottom / cover repeat-x !important;
    opacity:1 !important;
    filter:none !important;
  }
  html body[class*="page-"] .wrap,
  html body[class*="page-"] .cm-header,
  html body[class*="page-"] .cm-page,
  html body[class*="page-"] main,
  html body[class*="page-"] .cm-global-footer{
    position:relative !important;
    z-index:2 !important;
  }
}
@media (max-width: 899px){
  html body .cm-outer-top-cloud{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:132px !important;
    height:78px !important;
    background:url('assets/img/cloud-wave-empty.svg') center bottom / cover repeat-x !important;
  }
}


/* FIX42 2026-07-05: kembalikan motif gelombang tinggi di area footer */
html body.page-home .cm-news-footer,
html body[class*="page-"] .cm-global-footer{
  position:relative !important;
  overflow:visible !important;
}
html body.page-home .cm-news-footer{
  margin-top:96px !important;
}
html body[class*="page-"] .cm-global-footer{
  margin-top:108px !important;
}
html body.page-home .cm-news-footer::before,
html body[class*="page-"] .cm-global-footer::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:-92px !important;
  height:104px !important;
  display:block !important;
  pointer-events:none !important;
  z-index:0 !important;
  background:url('assets/img/cloud-wave-empty.svg') center bottom / 100% 100% repeat-x !important;
  opacity:1 !important;
}
html body.page-home .cm-news-footer > *,
html body[class*="page-"] .cm-global-footer > *{
  position:relative !important;
  z-index:1 !important;
}
@media (max-width: 760px){
  html body.page-home .cm-news-footer{
    margin-top:78px !important;
  }
  html body[class*="page-"] .cm-global-footer{
    margin-top:86px !important;
  }
  html body.page-home .cm-news-footer::before,
  html body[class*="page-"] .cm-global-footer::before{
    top:-72px !important;
    height:82px !important;
    background:url('assets/img/cloud-wave-empty.svg') center bottom / cover repeat-x !important;
  }
}


/* FIX45 2026-07-05: hilangkan line/motif putih di area header, samakan dengan background */
@media (min-width: 900px){
  html body.page-home,
  html body.page-katalog,
  html body.page-katalog-category,
  html body.page-detail,
  html body.page-cart,
  html body.page-auth,
  html body.page-account,
  html body.page-storefront,
  html body.page-reseller,
  html body.page-blog,
  html body.page-help{
    background-image:
      radial-gradient(520px 240px at 8% 190px,rgba(255,213,147,.18) 0%,rgba(255,213,147,0) 72%),
      radial-gradient(620px 260px at 92% 220px,rgba(209,190,255,.20) 0%,rgba(209,190,255,0) 74%),
      linear-gradient(180deg,#17164f 0px,#1e185f 88px,#2b237e 210px,#4935ad 345px,#7760d8 520px,#8c7dde 100%) !important;
    background-size:auto,auto,auto !important;
    background-position:left top,right top,left top !important;
    background-repeat:no-repeat,no-repeat,no-repeat !important;
  }
  html body.page-home::after,
  html body.page-katalog::after,
  html body.page-katalog-category::after,
  html body.page-detail::after,
  html body.page-cart::after,
  html body.page-auth::after,
  html body.page-account::after,
  html body.page-storefront::after,
  html body.page-reseller::after,
  html body.page-blog::after,
  html body.page-help::after{
    display:none !important;
    content:none !important;
    background:none !important;
  }
  html body .cm-outer-top-cloud{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    top:140px !important;
    height:88px !important;
    background:linear-gradient(180deg,rgba(87,75,194,0) 0%,rgba(87,75,194,.38) 18%,rgba(87,75,194,.72) 50%,#574bc2 100%) !important;
  }
}


/* FIX46 2026-07-05: hilangkan wave/line putih area header yang ikut saat scroll */
html body .cm-outer-top-cloud{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  background:none !important;
}
html body.page-home::after,
html body.page-katalog::after,
html body.page-katalog-category::after,
html body.page-detail::after,
html body.page-cart::after,
html body.page-auth::after,
html body.page-account::after,
html body.page-storefront::after,
html body.page-reseller::after,
html body.page-blog::after,
html body.page-help::after,
html body[class*="page-"]::after{
  display:none !important;
  content:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  background:none !important;
}
@media (min-width: 900px){
  html body.page-home,
  html body.page-katalog,
  html body.page-katalog-category,
  html body.page-detail,
  html body.page-cart,
  html body.page-auth,
  html body.page-account,
  html body.page-storefront,
  html body.page-reseller,
  html body.page-blog,
  html body.page-help{
    background-image:
      radial-gradient(520px 240px at 8% 190px,rgba(255,213,147,.18) 0%,rgba(255,213,147,0) 72%),
      radial-gradient(620px 260px at 92% 220px,rgba(209,190,255,.20) 0%,rgba(209,190,255,0) 74%),
      linear-gradient(180deg,#17164f 0px,#1e185f 88px,#2b237e 210px,#4935ad 345px,#7760d8 520px,#8c7dde 100%) !important;
    background-size:auto,auto,auto !important;
    background-position:left top,right top,left top !important;
    background-repeat:no-repeat,no-repeat,no-repeat !important;
  }
}


/* FIX47 2026-07-06: footer wave dibuat lebih tinggi dan lebih besar */
html body.page-home footer.cm-news-footer,
html body[class*="page-"] footer.cm-global-footer{
  margin-top:196px!important;
  padding-top:42px!important;
}
html body.page-home footer.cm-news-footer::before,
html body[class*="page-"] footer.cm-global-footer::before{
  bottom:calc(100% - 1px)!important;
  height:212px!important;
  background:url('assets/img/footer-wave-soft-clean.svg') center bottom / 100% 100% repeat-x!important;
}
@media(max-width:760px){
  html body.page-home footer.cm-news-footer,
  html body[class*="page-"] footer.cm-global-footer{
    margin-top:138px!important;
    padding-top:28px!important;
  }
  html body.page-home footer.cm-news-footer::before,
  html body[class*="page-"] footer.cm-global-footer::before{
    height:148px!important;
    background-size:100% 100%!important;
  }
}



/* FIX48 2026-07-06: mobile footer wave lama dinonaktifkan, diganti wave footer yang rapi */
@media(max-width:760px){
  html body.page-home footer.cm-news-footer,
  html body[class*="page-"] footer.cm-global-footer{
    margin-top:76px!important;
    padding-top:46px!important;
    overflow:hidden!important;
    background:
      url('assets/img/footer-wave-soft-clean.svg') center top / 100% 64px no-repeat,
      linear-gradient(180deg,#f1ebff 0%,#efe8ff 100%)!important;
  }
  html body.page-home footer.cm-news-footer::before,
  html body[class*="page-"] footer.cm-global-footer::before,
  html body.page-home footer.cm-news-footer::after,
  html body[class*="page-"] footer.cm-global-footer::after{
    display:none!important;
    content:none!important;
    background:none!important;
    height:0!important;
    opacity:0!important;
    visibility:hidden!important;
  }
}



/* FIX52 2026-07-06: direct-source mobile kill for old mid-page waves */
@media (max-width:1200px){
  html body.page-home,
  html body.page-katalog,
  html body.page-katalog-category,
  html body.page-detail,
  html body.page-cart,
  html body.page-auth,
  html body.page-account,
  html body.page-storefront,
  html body.page-reseller,
  html body.page-blog,
  html body.page-help{
    background-image:radial-gradient(520px 240px at 8% 190px, rgba(255,213,147,.18) 0%, rgba(255,213,147,0) 72%),radial-gradient(620px 260px at 92% 220px, rgba(209,190,255,.20) 0%, rgba(209,190,255,0) 74%),linear-gradient(180deg,#17164f 0px,#1e185f 88px,#2b237e 210px,#4935ad 345px,#7760d8 520px,#8c7dde 100%)!important;
    background-size:auto,auto,auto!important;
    background-position:left top,right top,left top!important;
    background-repeat:no-repeat,no-repeat,no-repeat!important;
  }
}


/* FIX54 2026-07-06: kembalikan wave footer secara rapi + hilangkan sisa halaman bawah footer */
html body.page-home .wrap,
html body.page-katalog .wrap,
html body.page-katalog-category .wrap,
html body.page-detail .wrap,
html body.page-cart .wrap,
html body.page-auth .wrap,
html body.page-account .wrap,
html body.page-storefront .wrap,
html body.page-reseller .wrap,
html body.page-blog .wrap,
html body.page-help .wrap{
  padding-bottom:0!important;
}
html body.page-home footer.cm-news-footer,
html body[class*="page-"] footer.cm-global-footer,
html body.page-home .cm-news-footer,
html body[class*="page-"] .cm-global-footer{
  position:relative!important;
  overflow:visible!important;
  margin-top:68px!important;
  margin-bottom:0!important;
  padding-top:22px!important;
  padding-bottom:24px!important;
  background:#f1ebff!important;
  background-image:linear-gradient(180deg,#f7f4ff 0%,#efe8ff 100%)!important;
  box-shadow:0 140px 0 140px #efe8ff!important;
  border-top:0!important;
  isolation:isolate!important;
}
html body.page-home footer.cm-news-footer::before,
html body[class*="page-"] footer.cm-global-footer::before,
html body.page-home .cm-news-footer::before,
html body[class*="page-"] .cm-global-footer::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  bottom:calc(100% - 1px)!important;
  width:100vw!important;
  height:92px!important;
  min-height:92px!important;
  max-height:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  z-index:0!important;
  background:url('assets/img/footer-high-wave.svg') center bottom / 100% 100% no-repeat!important;
}
html body.page-home footer.cm-news-footer::after,
html body[class*="page-"] footer.cm-global-footer::after,
html body.page-home .cm-news-footer::after,
html body[class*="page-"] .cm-global-footer::after{
  display:none!important;
  content:none!important;
}
html body.page-home footer.cm-news-footer > *,
html body[class*="page-"] footer.cm-global-footer > *,
html body.page-home .cm-news-footer > *,
html body[class*="page-"] .cm-global-footer > *{
  position:relative!important;
  z-index:1!important;
}
@media (max-width:1200px){
  html body.page-home footer.cm-news-footer,
  html body[class*="page-"] footer.cm-global-footer,
  html body.page-home .cm-news-footer,
  html body[class*="page-"] .cm-global-footer{
    margin-top:52px!important;
    padding-top:20px!important;
    padding-bottom:22px!important;
    box-shadow:0 110px 0 110px #efe8ff!important;
  }
  html body.page-home footer.cm-news-footer::before,
  html body[class*="page-"] footer.cm-global-footer::before,
  html body.page-home .cm-news-footer::before,
  html body[class*="page-"] .cm-global-footer::before{
    height:62px!important;
    min-height:62px!important;
    background:url('assets/img/footer-high-wave.svg') center bottom / cover no-repeat!important;
  }
}


html body.page-katalog .catalog-pagination-wrap{width:100%!important;overflow:visible!important;display:block!important;clear:both!important;padding:12px 0 20px!important;}
html body.page-katalog .catalog-pagination.catalog-pagination-buttons{overflow:visible!important;min-height:64px!important;position:relative!important;z-index:4!important;}
html body.page-katalog .catalog-pagination.catalog-pagination-buttons .page-btn,
html body.page-katalog .catalog-pagination.catalog-pagination-buttons .page-now{min-height:44px!important;height:44px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;}
@media(max-width:760px){html body.page-katalog .catalog-pagination-wrap{padding:10px 0 18px!important;} html body.page-katalog .catalog-pagination.catalog-pagination-buttons{gap:8px!important;min-height:58px!important;} html body.page-katalog .catalog-pagination.catalog-pagination-buttons .page-btn,html body.page-katalog .catalog-pagination.catalog-pagination-buttons .page-now{min-height:40px!important;height:40px!important;font-size:12px!important;padding-left:12px!important;padding-right:12px!important;}}


html body.page-reseller .seo-heading,
html body.page-reseller .seo-heading *,
html body.page-reseller .sect,
html body.page-reseller .sect h3,
html body.page-reseller .sect h3 *,
html body.page-reseller .sect > a,
html body.page-reseller .reseller-hero,
html body.page-reseller .reseller-hero *,
html body.page-reseller .reseller-hero h1,
html body.page-reseller .reseller-hero h2,
html body.page-reseller .reseller-hero h3,
html body.page-reseller .reseller-hero h4,
html body.page-reseller .reseller-hero p,
html body.page-reseller .reseller-hero strong,
html body.page-reseller .reseller-hero b,
html body.page-reseller .reseller-hero span,
html body.page-reseller #best-seller + .reseller-hero,
html body.page-reseller #best-seller + .reseller-hero *{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  text-shadow:none!important;
}
html body.page-reseller .sect > a{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.22)!important;
}


/* FIX100 Emergency: kembalikan layout depan agar tidak melebar/pecah, OTP email tetap aman */
html,body{overflow-x:hidden!important;}
html body.page-home{background:linear-gradient(180deg,#17164f 0%,#30268c 48%,#826fe0 100%)!important;}
html body.page-home .wrap{
  display:block!important;
  flex:none!important;
  width:min(1280px,100%)!important;
  max-width:1280px!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:14px 18px 96px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
html body.page-home .cm-header,
html body.page-home .cm-hero,
html body.page-home .cm-category-panel,
html body.page-home .cm-benefit-strip,
html body.page-home .cm-section-head,
html body.page-home .cm-product-grid,
html body.page-home .cm-promo-row,
html body.page-home .cm-stats,
html body.page-home .cm-testimonial-wrap,
html body.page-home .cm-news-footer{
  width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  box-sizing:border-box!important;
}
html body.page-home .cm-hero{
  min-height:380px!important;
  height:auto!important;
  overflow:hidden!important;
  border-radius:0 0 26px 26px!important;
}
html body.page-home .cm-category-panel{overflow:visible!important;}
html body.page-home .cm-product-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  overflow:visible!important;
}
html body.page-home .cm-product-card{
  display:flex!important;
  flex-direction:column!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  padding:0!important;
  background:#fff!important;
  border-radius:15px!important;
  overflow:hidden!important;
}
html body.page-home .cm-product-img{
  height:150px!important;
  min-height:150px!important;
  width:auto!important;
  margin:8px 8px 0!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
html body.page-home .cm-product-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
html body.page-home .cm-product-body{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 40px!important;
  grid-template-areas:'title title' 'price price' 'rating cart'!important;
  gap:6px 8px!important;
  padding:12px!important;
  min-height:128px!important;
}
html body.page-home .cm-product-title{grid-area:title!important;min-height:34px!important;height:34px!important;font-size:12.8px!important;line-height:1.35!important;overflow:hidden!important;}
html body.page-home .cm-product-price{grid-area:price!important;font-size:13.2px!important;margin:0!important;}
html body.page-home .cm-rating{grid-area:rating!important;min-height:24px!important;}
html body.page-home .cm-product-actions{grid-area:cart!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;}
html body.page-home .grid.catalog-grid:not(.katalog-page-grid){
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
html body.page-home .grid.catalog-grid:not(.katalog-page-grid) .card{display:flex!important;flex-direction:column!important;min-width:0!important;max-width:100%!important;padding:0!important;}
html body.page-home .grid.catalog-grid:not(.katalog-page-grid) .thumb{height:150px!important;margin:8px!important;border-radius:12px!important;}
@media(max-width:1200px){html body.page-home .cm-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:760px){
  html body.page-home .wrap{width:100%!important;max-width:520px!important;padding:22px 14px 120px!important;}
  html body.page-home .cm-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  html body.page-home .cm-product-img{height:116px!important;min-height:116px!important;}
  html body.page-home .grid.catalog-grid:not(.katalog-page-grid){grid-template-columns:1fr!important;}
}

/* Footer bawah hanya untuk halaman konten pendek, tidak mengubah homepage */
html body.page-cart .wrap,
html body.page-account .wrap,
html body.page-auth .wrap,
html body.page-reseller .wrap,
html body.page-detail .wrap{
  min-height:100vh!important;
  box-sizing:border-box!important;
}
html body.page-cart .cm-global-footer,
html body.page-account .cm-global-footer,
html body.page-auth .cm-global-footer,
html body.page-reseller .cm-global-footer,
html body.page-detail .cm-global-footer{
  margin-top:44px!important;
  position:relative!important;
  bottom:auto!important;
  top:auto!important;
}
html body.page-cart .cart-empty-hero{width:min(760px,100%)!important;margin:4px auto!important;text-align:center!important;background:linear-gradient(135deg,#ffffff,#f8f5ff 70%,#fff5fb)!important;border:1px solid rgba(139,92,246,.16)!important;border-radius:26px!important;padding:30px 22px!important;box-shadow:0 18px 42px rgba(35,26,99,.10)!important;color:#17164f!important;}
html body.page-cart .cart-empty-icon,html body.page-account .wishlist-empty-icon{width:64px!important;height:64px!important;border-radius:22px!important;margin:0 auto 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#ff76c7,#8b5cf6)!important;color:#fff!important;box-shadow:0 14px 30px rgba(139,92,246,.22)!important;font-size:28px!important;}
html body.page-cart .cart-empty-actions,html body.page-cart .cart-empty-mini{display:flex!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:14px!important;}
html body.page-account .wishlist-modern-section{margin-top:24px!important;padding:18px!important;border:1px solid rgba(139,92,246,.14)!important;border-radius:24px!important;background:linear-gradient(135deg,#fff,#f8f5ff)!important;box-shadow:0 14px 34px rgba(35,26,99,.08)!important;}
html body.page-account .wishlist-modern-list{display:grid!important;gap:12px!important;}
html body.page-account .wishlist-modern-item{display:grid!important;grid-template-columns:70px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;border:1px solid rgba(139,92,246,.13)!important;border-radius:18px!important;background:#fff!important;padding:12px!important;}


html body.page-reseller .reseller-approval-card,
html body.page-reseller .reseller-page-card,
html body.page-reseller .reseller-package-grid,
html body.page-reseller .reseller-package{overflow:visible!important}
html body.page-reseller .reseller-package-grid{align-items:start!important}
html body.page-reseller .reseller-package{height:auto!important;min-height:0!important;padding-bottom:18px!important}
html body.page-reseller .reseller-package ul{margin-bottom:0!important;padding-bottom:0!important;overflow:visible!important}
html body.page-reseller .wrap,html body.page-reseller .cm-page,html body.page-reseller main{padding-bottom:140px!important}
@media (max-width:860px){html body.page-reseller .reseller-package-grid{grid-template-columns:1fr!important;gap:14px!important}html body.page-reseller .reseller-package{padding:16px 16px 20px!important;border-radius:20px!important}html body.page-reseller .reseller-package ul{padding-left:18px!important;line-height:1.7!important}html body.page-reseller .reseller-approval-card,html body.page-reseller .reseller-page-card{padding-bottom:24px!important}html body.page-reseller .wrap,html body.page-reseller .cm-page,html body.page-reseller main{padding-bottom:170px!important}}


@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");
/* FONT GLOBAL ONLY: tidak mengubah warna, ukuran, spacing, layout, atau aturan fitur. */
html body,
html body input,
html body textarea,
html body select,
html body button,
html body option{
  font-family:"Plus Jakarta Sans",Arial,sans-serif!important;
}
html body *:not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.lucide):not(svg):not(path):not(use){
  font-family:"Plus Jakarta Sans",Arial,sans-serif!important;
}


/* EOF FINAL: tombol demo wajib merah, menang dari semua rule hijau sebelumnya */
html body.detail-action-grid a.demo-red-btn,
html body.detail-action-grid a.force-demo-red,
html body.detail-side-card a.demo-red-btn,
html body a.demo-red-btn.force-demo-red{
 background:#dc2626!important;
 background-color:#dc2626!important;
 background-image:linear-gradient(135deg,#ff3131,#b91c1c)!important;
 color:#fff!important;
 border-color:#dc2626!important;
 box-shadow:0 14px 30px rgba(220,38,38,.36)!important;
}
html body.detail-action-grid a.demo-red-btn:hover,
html body.detail-action-grid a.force-demo-red:hover{
 background:#991b1b!important;
 background-color:#991b1b!important;
 background-image:linear-gradient(135deg,#ef4444,#991b1b)!important;
 color:#fff!important;
}


html body.detail-action-grid a.demo-red-btn,
html body.detail-action-grid a.force-demo-red,
html body.detail-side-card a.demo-red-btn,
html body a.demo-red-btn.force-demo-red{
 background:#dc2626!important;
 background-color:#dc2626!important;
 background-image:linear-gradient(135deg,#ff3131,#b91c1c)!important;
 color:#fff!important;
 border:0!important;
 border-color:#dc2626!important;
 box-shadow:0 14px 30px rgba(220,38,38,.36)!important;
}
html body.detail-action-grid a.demo-red-btn:hover,
html body.detail-action-grid a.force-demo-red:hover{
 background:#991b1b!important;
 background-color:#991b1b!important;
 background-image:linear-gradient(135deg,#ef4444,#991b1b)!important;
 color:#fff!important;
}



/* FINAL RAPII PATCH: detail product tidy mobile */
html body.detail-premium{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;gap:18px!important;align-items:start!important}
html body.detail-copy{padding:20px!important}
html body.detail-copy h2{font-size:24px!important;line-height:1.18!important;margin:0 0 12px!important}
html body.seo-facts{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:12px!important}
html body.seo-facts span{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:8px 12px!important;border-radius:999px!important;font-size:12px!important;line-height:1.2!important;white-space:nowrap!important}
html body.samida-dual-price-box{margin:12px 0 14px!important}
html body.samida-dual-title{font-size:16px!important;font-weight:800!important;margin-bottom:10px!important;color:#fff!important}
html body.samida-dual-options{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
html body.samida-dual-option{display:grid!important;grid-template-columns:18px 1fr!important;align-items:flex-start!important;gap:12px!important;padding:14px 14px!important;border-radius:18px!important;border:1px solid rgba(130,155,255,.28)!important;background:rgba(255,255,255,.03)!important}
html body.samida-dual-option input{margin:4px 0 0 0!important}
html body.samida-dual-option-body{min-width:0!important}
html body.samida-dual-option-row{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:10px!important;margin-bottom:4px!important}
html body.samida-dual-option-row b{display:block!important;color:#fff!important;font-size:17px!important;line-height:1.28!important}
html body.samida-dual-option-row strong{display:block!important;color:#fff!important;font-size:18px!important;line-height:1.1!important;white-space:nowrap!important}
html body.samida-dual-option small{display:block!important;color:#c7d3ef!important;font-size:13px!important;line-height:1.55!important}
html body.samida-dual-option.active{border-color:rgba(98,180,255,.55)!important;box-shadow:0 0 0 1px rgba(98,180,255,.25) inset!important;background:rgba(57,89,173,.16)!important}
html body.detail-price{margin:14px 0 8px!important;font-size:22px!important;color:#f08cff!important}
html body.samida-dual-note{margin-bottom:14px!important;color:#cfd8f3!important;font-size:14px!important}
html body.detail-action-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}
html body.detail-action-grid form{margin:0!important}
html body.detail-action-grid.btn, html body.detail-action-grid a, html body.detail-action-grid button{width:100%!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:12px 14px!important;border-radius:16px!important;font-size:15px!important;line-height:1.2!important;white-space:nowrap!important}
html body.detail-action-grid.smart-wa-capture-trigger{grid-column:1 / -1!important}
html body.samida-share-booster{margin:16px 0 18px!important;padding:16px!important;border-radius:20px!important;border:1px solid rgba(110,138,255,.24)!important;background:rgba(255,255,255,.03)!important;box-shadow:none!important}
html body.samida-share-head{display:block!important;margin-bottom:12px!important}
html body.samida-share-copy strong{display:block!important;margin-bottom:6px!important;color:#fff!important;font-size:19px!important}
html body.samida-share-copy span{display:block!important;color:#c7d3ef!important;font-size:13px!important;line-height:1.55!important}
html body.samida-share-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html body.samida-share-actions.share-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;padding:12px 14px!important;border-radius:14px!important;border:1px solid rgba(130,155,255,.25)!important;background:rgba(255,255,255,.04)!important;color:#fff!important;font-weight:700!important}
html body.samida-share-actions.share-btn svg{width:18px!important;height:18px!important;flex:0 0 18px!important}
html body.samida-share-actions.share-btn span{display:inline-block!important}
html body.nego-box{margin-top:16px!important}
html body.detail-features{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:18px 0!important}
html body.detail-feature{padding:16px 14px!important;border-radius:20px!important;text-align:center!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(130,155,255,.18)!important;min-height:138px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
html body.detail-feature b{font-size:17px!important;line-height:1.28!important;margin-bottom:8px!important;color:#fff!important}
html body.detail-feature span{font-size:13px!important;line-height:1.55!important;color:#c7d3ef!important}
html body.detail-section{padding:18px!important}
html body.detail-section h3{font-size:21px!important;margin-bottom:10px!important;color:#fff!important}
html body.detail-list li, html body.faq-item span{font-size:14px!important;line-height:1.6!important;color:#dbe4ff!important}
html body.faq-item strong{color:#fff!important}
html body.samida-related-panel{margin:22px 0 28px!important;padding:18px!important;border-radius:22px!important;border:1px solid rgba(110,138,255,.24)!important;background:rgba(255,255,255,.03)!important;box-shadow:none!important}
html body.samida-related-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:14px!important;margin-bottom:14px!important}
html body.samida-related-kicker{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:7px 12px!important;border-radius:999px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(130,155,255,.22)!important;color:#dce7ff!important;font-size:12px!important;font-weight:700!important;margin-bottom:10px!important}
html body.samida-related-kicker svg{width:16px!important;height:16px!important}
html body.samida-related-head h3{margin:0 0 8px!important;color:#fff!important;font-size:28px!important;line-height:1.15!important}
html body.samida-related-head p{margin:0!important;color:#c7d3ef!important;font-size:14px!important;line-height:1.55!important}
html body.samida-related-head a{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:11px 14px!important;border-radius:14px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(130,155,255,.20)!important;color:#fff!important;white-space:nowrap!important}
@media(max-width:980px){
 html body.detail-premium{grid-template-columns:1fr!important}
 html body.detail-features{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
 html body.detail-copy{padding:18px!important}
 html body.detail-copy h2{font-size:22px!important}
 html body.samida-dual-option-row{flex-direction:column!important;gap:6px!important}
 html body.samida-dual-option-row strong{font-size:17px!important}
 html body.detail-action-grid{grid-template-columns:1fr 1fr!important}
 html body.detail-action-grid a:last-child{grid-column:auto!important}
 html body.detail-action-grid.smart-wa-capture-trigger{grid-column:1 / -1!important}
 html body.samida-share-actions{grid-template-columns:1fr 1fr!important}
 html body.detail-features{grid-template-columns:1fr 1fr!important}
 html body.samida-related-head{display:block!important}
 html body.samida-related-head a{margin-top:12px!important}
}
@media(max-width:520px){
 html body.seo-facts span{font-size:11px!important;padding:7px 10px!important}
 html body.detail-action-grid{grid-template-columns:1fr!important}
 html body.detail-action-grid.btn, html body.detail-action-grid a, html body.detail-action-grid button{min-height:46px!important;font-size:14px!important}
 html body.samida-share-actions{grid-template-columns:1fr!important}
 html body.detail-features{grid-template-columns:1fr 1fr!important;gap:10px!important}
 html body.detail-feature{min-height:126px!important;padding:14px 12px!important}
 html body.samida-related-panel{padding:16px!important}
 html body.samida-related-head h3{font-size:24px!important}
}




/* FINAL PATCH JUL1: rapikan related, nego, popup, remove animation */
html{scroll-behavior:auto!important}
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.samida-bi-icon::before,
html body[class*="page-"]:not(.page-invoice).samida-ui-header.brandline.logo-mode.brandlogo::after,
html body[class*="page-"]:not(.page-invoice).samida-ui-header.brandlogo::after,
.hero::before,
.slidertrack,
.dice-cube{animation:none!important;transition:none!important}

/* related products: keep 4 per row and tidy */
html body.page-detail.samida-related-panel{padding:18px!important;border-radius:22px!important}
html body.page-detail.samida-related-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:14px!important;margin-bottom:16px!important}
html body.page-detail.samida-related-head > div{min-width:0!important}
html body.page-detail.samida-related-head h3{margin:0 0 6px!important;font-size:22px!important;line-height:1.18!important;color:#fff!important}
html body.page-detail.samida-related-head p{margin:0!important;font-size:13px!important;line-height:1.55!important;color:#cbd5f4!important}
html body.page-detail.samida-related-head a{white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:12px 16px!important;border-radius:15px!important}
html body.page-detail.samida-related-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
html body.page-detail.samida-related-grid > *{min-width:0!important;width:100%!important}
html body.page-detail.samida-related-grid.card,
html body.page-detail.samida-related-grid article,
html body.page-detail.samida-related-grid.samida-smart-card{display:flex!important;flex-direction:column!important;height:100%!important;min-width:0!important;margin:0!important;border-radius:20px!important;overflow:hidden!important}
html body.page-detail.samida-related-grid.thumb{height:160px!important;min-height:160px!important;overflow:hidden!important}
html body.page-detail.samida-related-grid.thumb img,
html body.page-detail.samida-related-grid.thumb iframe{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
html body.page-detail.samida-related-grid.body{display:flex!important;flex-direction:column!important;min-width:0!important;gap:0!important;padding:13px!important;flex:1 1 auto!important}
html body.page-detail.samida-related-grid.ttl{display:block!important;font-size:14px!important;line-height:1.35!important;min-height:38px!important;margin-bottom:8px!important;overflow:hidden!important}
html body.page-detail.samida-related-grid.feature-badges{margin:0 0 8px!important;gap:6px!important}
html body.page-detail.samida-related-grid.old{font-size:12px!important;margin:4px 0 0!important}
html body.page-detail.samida-related-grid.price{font-size:15px!important;font-weight:800!important;margin:6px 0 10px!important}
html body.page-detail.samida-related-grid.btns{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:auto!important}
html body.page-detail.samida-related-grid.btns form{margin:0!important}
html body.page-detail.samida-related-grid.btn,
html body.page-detail.samida-related-grid.btns a{min-height:40px!important;padding:10px 8px!important;border-radius:13px!important;font-size:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important}

/* nego section tidy */
html body.page-detail.nego-box{margin-top:16px!important;padding:18px!important;border-radius:20px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(129,151,255,.18)!important;box-shadow:none!important;overflow:hidden!important}
html body.page-detail.nego-box:before{display:none!important}
html body.page-detail.nego-box h3{margin:0 0 10px!important;font-size:20px!important;line-height:1.2!important;color:#fff!important}
html body.page-detail.nego-box p{margin:0 0 10px!important;color:#d5def8!important;font-size:14px!important;line-height:1.6!important}
html body.page-detail.nego-locked-note{display:block!important;margin:0 0 14px!important;color:#fff!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(129,151,255,.16)!important;border-radius:14px!important;padding:11px 13px!important;font-size:13px!important;line-height:1.5!important}
html body.page-detail.nego-login-btn{display:flex!important;width:100%!important;min-height:48px!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;font-size:15px!important}
html body.page-detail.nego-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
html body.page-detail.nego-grid.btn.buy{width:100%!important;min-height:48px!important;border-radius:14px!important}
html body.page-detail.nego-help,
html body.page-detail.nego-success-hint{font-size:12px!important;line-height:1.5!important;color:#cad4f2!important}

/* zoom popup fix */
html body #imgModal{display:none!important;position:fixed!important;inset:0!important;align-items:center!important;justify-content:center!important;padding:22px!important;background:rgba(4,7,18,.86)!important;backdrop-filter:blur(6px)!important;z-index:9999!important}
html body #imgModal.open{display:flex!important}
html body #imgModal img{display:block!important;width:auto!important;height:auto!important;max-width:min(96vw,1400px)!important;max-height:92vh!important;object-fit:contain!important;background:transparent!important;border-radius:18px!important;box-shadow:0 18px 50px rgba(0,0,0,.45)!important}

/* product preview modal fix */
html body.preview-modal{position:fixed!important;inset:0!important;display:none!important;align-items:center!important;justify-content:center!important;padding:20px!important;z-index:9998!important;background:rgba(4,7,18,.86)!important;backdrop-filter:blur(6px)!important}
html body.preview-modal.open{display:flex!important}
html body.preview-card{width:min(980px,96vw)!important;max-width:980px!important;max-height:92vh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:24px!important}
html body.preview-image{height:auto!important;min-height:320px!important;max-height:calc(92vh - 150px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:#0b1228!important}
html body.preview-image img{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}
html body.preview-foot{flex-wrap:wrap!important}

/* mobile rules */
@media(max-width:1100px){
 html body.page-detail.samida-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 html body.page-detail.samida-related-grid.thumb{height:138px!important;min-height:138px!important}
}
@media(max-width:900px){
 html body.page-detail.samida-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
 html body.page-detail.samida-related-head{display:block!important}
 html body.page-detail.samida-related-head a{margin-top:10px!important}
 html body.page-detail.samida-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 html body.page-detail.samida-related-grid.thumb{height:120px!important;min-height:120px!important}
 html body.page-detail.samida-related-grid.ttl{font-size:13px!important;min-height:34px!important}
}
@media(max-width:420px){
 html body.page-detail.samida-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}




/* FINAL HEADER CLEAN PATCH */
html body.market-top.samida-ui-header{
 display:flex!important;
 align-items:center!important;
 justify-content:space-between!important;
 gap:10px!important;
 padding:10px 12px!important;
 border-radius:22px!important;
 overflow-x:auto!important;
 overflow-y:hidden!important;
 scrollbar-width:none!important;
 -ms-overflow-style:none!important;
}
html body.market-top.samida-ui-header::-webkit-scrollbar{display:none!important}
html body.market-top.samida-ui-header.brandline{flex:0 0 auto!important;min-width:0!important}
html body.market-top.samida-ui-header.brandlogo img{height:42px!important;max-width:190px!important;width:auto!important;display:block!important}
html body.market-top.samida-ui-header.samida-main-nav.samida-main-nav-icons,
html body.market-top.samida-ui-header.actions.actions-icon-only{
 display:flex!important;
 align-items:center!important;
 gap:6px!important;
 flex:0 0 auto!important;
 margin:0!important;
}
html body.market-top.samida-ui-header.samida-main-nav.samida-main-nav-icons a.icon-only,
html body.market-top.samida-ui-header.actions.actions-icon-only.auth-top-btn.icon-only{
 width:38px!important;
 min-width:38px!important;
 height:38px!important;
 min-height:38px!important;
 padding:0!important;
 border-radius:12px!important;
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 background:rgba(255,255,255,.05)!important;
 border:1px solid rgba(129,151,255,.20)!important;
 box-shadow:none!important;
 position:relative!important;
 overflow:hidden!important;
 color:#dbe7ff!important;
 font-size:0!important;
 text-decoration:none!important;
}
html body.market-top.samida-ui-header.samida-main-nav.samida-main-nav-icons a.icon-only.active{
 background:linear-gradient(180deg,rgba(119,91,255,.20),rgba(0,217,255,.08))!important;
 border-color:rgba(120,150,255,.42)!important;
 box-shadow:inset 0 -2px 0 #ff4bd8!important;
}
html body.market-top.samida-ui-header.samida-main-nav.samida-main-nav-icons a.icon-only:hover,
html body.market-top.samida-ui-header.actions.actions-icon-only.auth-top-btn.icon-only:hover{
 transform:none!important;
 background:rgba(255,255,255,.08)!important;
}
html body.market-top.samida-ui-header.samida-main-nav.samida-main-nav-icons a.icon-only svg,
html body.market-top.samida-ui-header.actions.actions-icon-only.auth-top-btn.icon-only svg{
 width:18px!important;
 height:18px!important;
 display:block!important;
 color:currentColor!important;
 stroke:currentColor!important;
 fill:none!important;
}
html body.market-top.samida-ui-header.samida-main-nav.samida-main-nav-icons a.icon-only::before,
html body.market-top.samida-ui-header.samida-main-nav.samida-main-nav-icons a.icon-only::after,
html body.market-top.samida-ui-header.actions.actions-icon-only.auth-top-btn.icon-only::before,
html body.market-top.samida-ui-header.actions.actions-icon-only.auth-top-btn.icon-only::after,
html body.market-top.samida-ui-header.brandline.logo-mode::before,
html body.market-top.samida-ui-header.brandline.logo-mode::after,
html body.market-top.samida-ui-header.brandlogo::before,
html body.market-top.samida-ui-header.brandlogo::after{
 content:none!important;
 display:none!important;
 animation:none!important;
}
html body.market-top.samida-ui-header.actions.actions-icon-only.auth-top-btn.icon-only.badge{
 position:absolute!important;
 top:3px!important;
 right:3px!important;
 min-width:16px!important;
 height:16px!important;
 padding:0 4px!important;
 border-radius:999px!important;
 font-size:9px!important;
 line-height:16px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
}
@media(max-width:760px){
 html body.market-top.samida-ui-header{padding:8px 10px!important;gap:8px!important}
 html body.market-top.samida-ui-header.brandlogo img{height:36px!important;max-width:140px!important}
 html body.market-top.samida-ui-header.samida-main-nav.samida-main-nav-icons,
 html body.market-top.samida-ui-header.actions.actions-icon-only{gap:4px!important}
 html body.market-top.samida-ui-header.samida-main-nav.samida-main-nav-icons a.icon-only,
 html body.market-top.samida-ui-header.actions.actions-icon-only.auth-top-btn.icon-only{
 width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;border-radius:10px!important;
 }
 html body.market-top.samida-ui-header.samida-main-nav.samida-main-nav-icons a.icon-only svg,
 html body.market-top.samida-ui-header.actions.actions-icon-only.auth-top-btn.icon-only svg{
 width:16px!important;height:16px!important;
 }
 html body.market-top.samida-ui-header.actions.actions-icon-only.auth-top-btn.icon-only.badge{top:2px!important;right:2px!important;min-width:14px!important;height:14px!important;font-size:8px!important;line-height:14px!important}
}




/* FINAL HERO BENEFIT ICON FIX */
html body.samida-hero-benefits{
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:14px!important;
 margin:0 0 24px!important;
}
html body.samida-hero-benefit-card{
 min-width:0!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:flex-start!important;
 text-align:center!important;
 gap:12px!important;
 padding:18px 14px 16px!important;
 border-radius:22px!important;
 background:linear-gradient(180deg,rgba(18,24,60,.96),rgba(8,12,34,.98))!important;
 border:1px solid rgba(103,126,255,.22)!important;
 box-shadow:0 14px 32px rgba(5,10,30,.22)!important;
}
html body.samida-hero-benefit-icon{
 width:62px!important;
 height:62px!important;
 min-width:62px!important;
 border-radius:999px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 margin:0 auto!important;
 position:relative!important;
 background:radial-gradient(circle at 35% 30%,rgba(78,99,186,.28),rgba(20,28,64,.96) 62%)!important;
 border:1px solid rgba(132,164,255,.22)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 2px rgba(41,62,130,.16),0 0 0 4px rgba(34,211,238,.05),0 0 18px rgba(34,211,238,.16)!important;
}
html body.samida-hero-benefit-icon::after{
 content:""!important;
 position:absolute!important;
 inset:-3px!important;
 border-radius:999px!important;
 border:2px solid rgba(34,211,238,.72)!important;
 border-top-color:rgba(139,92,246,.72)!important;
 border-left-color:rgba(34,211,238,.16)!important;
 border-bottom-color:rgba(34,211,238,.38)!important;
 pointer-events:none!important;
}
html body.samida-hero-benefit-icon svg{
 width:24px!important;
 height:24px!important;
 display:block!important;
 color:#ffffff!important;
 stroke:#ffffff!important;
 fill:none!important;
 position:relative!important;
 z-index:2!important;
}
html body.samida-hero-benefit-text{
 min-width:0!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 gap:6px!important;
}
html body.samida-hero-benefit-text b{
 display:block!important;
 color:#ffffff!important;
 font-size:15px!important;
 font-weight:800!important;
 line-height:1.3!important;
 white-space:normal!important;
 overflow:visible!important;
 text-overflow:clip!important;
}
html body.samida-hero-benefit-text small{
 display:block!important;
 color:#d0daf8!important;
 font-size:12px!important;
 line-height:1.45!important;
 white-space:normal!important;
 overflow:visible!important;
 text-overflow:clip!important;
}
@media(max-width:980px){
 html body.samida-hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
 html body.samida-hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 html body.samida-hero-benefit-card{padding:14px 10px!important;border-radius:18px!important;gap:10px!important}
 html body.samida-hero-benefit-icon{width:52px!important;height:52px!important;min-width:52px!important}
 html body.samida-hero-benefit-icon svg{width:21px!important;height:21px!important}
 html body.samida-hero-benefit-text b{font-size:14px!important}
 html body.samida-hero-benefit-text small{font-size:11px!important}
}




/* FINAL AI FINDER HIGHLIGHT */
html body.ai-finder.ai-finder-highlight{
 position:relative!important;
 overflow:hidden!important;
 padding:22px 20px!important;
 margin:20px 0 24px!important;
 border-radius:26px!important;
 border:1px solid rgba(121,150,255,.34)!important;
 background:
 radial-gradient(circle at 10% 18%, rgba(255,54,210,.16), transparent 24%),
 radial-gradient(circle at 88% 20%, rgba(0,217,255,.16), transparent 26%),
 linear-gradient(135deg, rgba(23,27,68,.98), rgba(6,9,28,.98))!important;
 box-shadow:
 0 22px 64px rgba(0,0,0,.28),
 inset 0 0 0 1px rgba(255,255,255,.03),
 0 0 0 3px rgba(124,58,237,.06)!important;
}
html body.ai-finder.ai-finder-highlight::before{
 content:""!important;
 position:absolute!important;
 inset:0!important;
 pointer-events:none!important;
 background:linear-gradient(90deg, rgba(255,63,214,.08), transparent 32%, transparent 68%, rgba(0,217,255,.08))!important;
}
html body.ai-finder.ai-finder-highlight.ai-finder-grid{
 position:relative!important;
 z-index:2!important;
 display:grid!important;
 grid-template-columns:.82fr 1.18fr!important;
 gap:18px!important;
 align-items:center!important;
}
html body.ai-finder.ai-finder-highlight.ai-finder-copy{
 min-width:0!important;
}
html body.ai-finder.ai-finder-highlight.pill{
 background:linear-gradient(135deg,rgba(255,51,214,.16),rgba(126,34,206,.18))!important;
 border:1px solid rgba(255,71,222,.34)!important;
 color:#ffa7f4!important;
 box-shadow:0 0 0 1px rgba(255,71,222,.06), 0 10px 24px rgba(255,71,222,.10)!important;
}
html body.ai-finder.ai-finder-highlight h3{
 margin:10px 0 10px!important;
 font-size:24px!important;
 line-height:1.18!important;
 color:#fff!important;
}
html body.ai-finder.ai-finder-highlight p{
 margin:0 0 12px!important;
 color:#d0daf5!important;
 font-size:14px!important;
 line-height:1.6!important;
 max-width:420px!important;
}
html body.ai-finder.ai-finder-highlight.ai-finder-highlight-note{
 display:inline-flex!important;
 align-items:center!important;
 gap:8px!important;
 padding:9px 12px!important;
 border-radius:14px!important;
 background:rgba(255,255,255,.05)!important;
 border:1px solid rgba(129,151,255,.20)!important;
 color:#ffffff!important;
 font-size:12px!important;
 line-height:1.5!important;
 font-weight:700!important;
}
html body.ai-finder.ai-finder-highlight.ai-finder-highlight-note::before{
 content:"★"!important;
 color:#ffd66e!important;
 font-size:13px!important;
 line-height:1!important;
}
html body.ai-finder.ai-finder-highlight.ai-finder-box{
 min-width:0!important;
 border-radius:22px!important;
 padding:14px!important;
 background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.04))!important;
 border:1px solid rgba(160,176,255,.18)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html body.ai-finder.ai-finder-highlight.ai-finder-form{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) auto!important;
 gap:10px!important;
 align-items:center!important;
}
html body.ai-finder.ai-finder-highlight.ai-finder-input{
 height:54px!important;
 border-radius:18px!important;
 padding:0 18px!important;
 border:1px solid rgba(129,151,255,.26)!important;
 background:rgba(8,12,34,.94)!important;
 color:#fff!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
html body.ai-finder.ai-finder-highlight.ai-finder-input::placeholder{
 color:#93a3cd!important;
}
html body.ai-finder.ai-finder-highlight.ai-finder-input:focus{
 border-color:rgba(0,217,255,.62)!important;
 box-shadow:0 0 0 4px rgba(0,217,255,.10)!important;
}
html body.ai-finder.ai-finder-highlight.ai-finder-btn{
 min-width:110px!important;
 height:54px!important;
 padding:0 18px!important;
 border-radius:18px!important;
 border:1px solid rgba(181,191,255,.18)!important;
 background:linear-gradient(135deg,#ff4bd8,#7c5cff)!important;
 color:#fff!important;
 font-weight:800!important;
 box-shadow:0 14px 28px rgba(124,92,255,.26)!important;
}
html body.ai-finder.ai-finder-highlight.ai-finder-result{
 margin-top:12px!important;
}
html body.ai-finder.ai-finder-highlight.ai-finder-cards{
 gap:10px!important;
}
@media(max-width:860px){
 html body.ai-finder.ai-finder-highlight.ai-finder-grid{grid-template-columns:1fr!important}
}
@media(max-width:640px){
 html body.ai-finder.ai-finder-highlight{padding:18px 16px!important}
 html body.ai-finder.ai-finder-highlight.ai-finder-box{padding:12px!important;border-radius:18px!important}
 html body.ai-finder.ai-finder-highlight.ai-finder-form{grid-template-columns:1fr auto!important;gap:8px!important}
 html body.ai-finder.ai-finder-highlight.ai-finder-input{height:48px!important;padding:0 14px!important;border-radius:15px!important}
 html body.ai-finder.ai-finder-highlight.ai-finder-btn{height:48px!important;min-width:96px!important;border-radius:15px!important;padding:0 14px!important}
}




/* FINAL PATCH HEADER 4 MENU ONLY */
html body.market-top.samida-ui-header.samida-main-nav.samida-main-nav-icons{gap:0!important}
html body.market-top.samida-ui-header.samida-main-nav.samida-main-nav-icons a.icon-only{margin-right:0!important}
html body.market-top.samida-ui-header.actions.actions-icon-only{gap:6px!important}

/* PATCH 20260703: bottom dock pakai bootstrap icon + menu header pakai tulisan */
html body.samida-dock4-item{
 width:46px!important;
 min-width:46px!important;
 height:46px!important;
 min-height:46px!important;
}
html body.samida-dock4-item.samida-dock4-glyph,
html body.samida-dock4-item.bi{
 display:block!important;
 font-size:22px!important;
 line-height:1!important;
 color:currentColor!important;
}
html body.samida-dock4-item.active.bi{
 color:#ffffff!important;
}
html body.market-top.samida-ui-header.header-shortcut-row{
 margin-left:auto!important;
 display:flex!important;
 align-items:center!important;
 gap:10px!important;
 flex-wrap:nowrap!important;
}
html body.market-top.samida-ui-header.header-shortcut-row.auth-top-btn.text-tab{
 position:relative!important;
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 min-width:auto!important;
 height:42px!important;
 padding:0 14px!important;
 border-radius:14px!important;
 border:1px solid rgba(129,151,255,.24)!important;
 background:rgba(255,255,255,.94)!important;
 color:#17203d!important;
 font-size:13px!important;
 font-weight:800!important;
 line-height:1!important;
 text-decoration:none!important;
 box-shadow:0 10px 24px rgba(13,24,56,.10)!important;
 white-space:nowrap!important;
}
html body.market-top.samida-ui-header.header-shortcut-row.auth-top-btn.text-tab span{
 display:block!important;
}
html body.market-top.samida-ui-header.header-shortcut-row.auth-top-btn.text-tab.active{
 background:linear-gradient(180deg,#ffffff 0%,#eef4ff 100%)!important;
 border-color:rgba(92,126,255,.44)!important;
 color:#253cff!important;
 box-shadow:0 12px 28px rgba(57,87,220,.14)!important;
}
html body.market-top.samida-ui-header.header-shortcut-row.auth-top-btn.text-tab.badge{
 position:absolute!important;
 top:3px!important;
 right:3px!important;
 min-width:16px!important;
 height:16px!important;
 padding:0 4px!important;
 border-radius:999px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 background:linear-gradient(135deg,#ff2bd6,#ff477e)!important;
 color:#fff!important;
 font-size:9px!important;
 line-height:16px!important;
 border:1px solid rgba(255,255,255,.35)!important;
 box-shadow:0 0 14px rgba(255,43,214,.35)!important;
}
@media(max-width:860px){
 html body.market-top.samida-ui-header{
 flex-wrap:wrap!important;
 gap:10px!important;
 }
 html body.market-top.samida-ui-header.brandline{
 width:100%!important;
 justify-content:center!important;
 }
 html body.market-top.samida-ui-header.header-shortcut-row{
 width:100%!important;
 margin-left:0!important;
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:8px!important;
 }
 html body.market-top.samida-ui-header.header-shortcut-row.auth-top-btn.text-tab{
 width:100%!important;
 min-width:0!important;
 padding:0 8px!important;
 height:40px!important;
 font-size:12px!important;
 border-radius:13px!important;
 }
}
@media(max-width:420px){
 html body.market-top.samida-ui-header.header-shortcut-row.auth-top-btn.text-tab{
 font-size:11px!important;
 padding:0 6px!important;
 }
}




/* FINAL PATCH: product card cart button + lighter text */
html body.page-home.grid.catalog-grid.card,
html body.page-home.grid.catalog-grid.card *,
html body.latest-upload-grid.card,
html body.latest-upload-grid.card *,
html body.compact-product-grid.card,
html body.compact-product-grid.card *{
 font-weight:400!important;
}
html body.page-home.sect h3,
html body.sect h3{
 font-weight:600!important;
 letter-spacing:-.015em!important;
}
html body.page-home.grid.catalog-grid.ttl,
html body.latest-upload-grid.ttl,
html body.compact-product-grid.ttl,
html body.card.ttl{
 font-weight:600!important;
 line-height:1.35!important;
}
html body.page-home.grid.catalog-grid.price,
html body.latest-upload-grid.price,
html body.compact-product-grid.price,
html body.card.price{
 font-weight:500!important;
}
html body.page-home.grid.catalog-grid.old,
html body.latest-upload-grid.old,
html body.compact-product-grid.old,
html body.feature-badges span{
 font-weight:400!important;
}
html body.page-home.grid.catalog-grid.btn,
html body.page-home.grid.catalog-grid button,
html body.latest-upload-grid.btn,
html body.compact-product-grid.btn,
html body.card.btn,
html body.card button{
 font-weight:600!important;
}
html body.btns.card-cart-form{
 margin:0!important;
 width:100%!important;
 min-width:0!important;
 display:block!important;
}
html body.btns.card-cart-form.card-cart-btn{
 width:100%!important;
 min-height:40px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 gap:6px!important;
 padding:10px 8px!important;
 border-radius:13px!important;
 cursor:pointer!important;
 pointer-events:auto!important;
 white-space:nowrap!important;
 background:rgba(255,255,255,.04)!important;
 color:#fff!important;
 border:1px solid rgba(129,151,255,.25)!important;
 box-shadow:none!important;
}
html body.btns.card-cart-form.card-cart-btn svg,
html body.btns.card-cart-form.card-cart-btn.samida-bi-icon{
 width:15px!important;
 height:15px!important;
 min-width:15px!important;
 margin:0!important;
}
html body.btns{
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 align-items:stretch!important;
}
html body.btns form{margin:0!important;min-width:0!important}
@media(max-width:560px){
 html body.btns.card-cart-form.card-cart-btn{font-size:12px!important;padding:9px 6px!important}
 html body.btns{gap:6px!important}
}



/* FINAL PATCH: tombol produk tampil + popup sebelum pergi hilang */
html body.exit-intent-mask,
html body #exitIntentPopup{
 display:none!important;
 visibility:hidden!important;
 opacity:0!important;
 pointer-events:none!important;
}
body.exit-popup-open{overflow:auto!important;}
html body.page-home.grid.catalog-grid,
html body.page-katalog.grid.catalog-grid,
html body.latest-upload-grid,
html body.compact-product-grid,
html body.katalog-page-grid,
html body.best-seller-grid{
 align-items:stretch!important;
}
html body.page-home.grid.catalog-grid >.card,
html body.page-katalog.grid.catalog-grid >.card,
html body.latest-upload-grid >.card,
html body.compact-product-grid >.card,
html body.katalog-page-grid >.card,
html body.best-seller-grid >.card,
html body.catalog-grid >.card{
 display:flex!important;
 flex-direction:column!important;
 height:auto!important;
 min-height:420px!important;
 overflow:hidden!important;
}
html body.page-home.grid.catalog-grid >.card.thumb,
html body.latest-upload-grid >.card.thumb,
html body.compact-product-grid >.card.thumb,
html body.katalog-page-grid >.card.thumb,
html body.best-seller-grid >.card.thumb,
html body.catalog-grid >.card.thumb{
 flex:0 0 170px!important;
 height:170px!important;
 min-height:170px!important;
}
html body.page-home.grid.catalog-grid >.card.body,
html body.latest-upload-grid >.card.body,
html body.compact-product-grid >.card.body,
html body.katalog-page-grid >.card.body,
html body.best-seller-grid >.card.body,
html body.catalog-grid >.card.body{
 display:flex!important;
 flex-direction:column!important;
 flex:1 1 auto!important;
 min-height:0!important;
 padding:14px 14px 15px!important;
 overflow:visible!important;
}
html body.page-home.grid.catalog-grid.ttl,
html body.latest-upload-grid.ttl,
html body.compact-product-grid.ttl,
html body.katalog-page-grid.ttl,
html body.best-seller-grid.ttl,
html body.catalog-grid.ttl{
 display:-webkit-box!important;
 -webkit-line-clamp:2!important;
 -webkit-box-orient:vertical!important;
 overflow:hidden!important;
 min-height:38px!important;
 font-weight:500!important;
}
html body.page-home.grid.catalog-grid.feature-badges,
html body.latest-upload-grid.feature-badges,
html body.compact-product-grid.feature-badges,
html body.katalog-page-grid.feature-badges,
html body.best-seller-grid.feature-badges,
html body.catalog-grid.feature-badges{
 min-height:58px!important;
 max-height:58px!important;
 overflow:hidden!important;
 margin:10px 0 8px!important;
}
html body.page-home.grid.catalog-grid.price,
html body.latest-upload-grid.price,
html body.compact-product-grid.price,
html body.katalog-page-grid.price,
html body.best-seller-grid.price,
html body.catalog-grid.price{
 margin:6px 0 12px!important;
 font-weight:500!important;
}
html body.card.btns,
html body.catalog-grid.card.btns,
html body.latest-upload-grid.card.btns,
html body.compact-product-grid.card.btns,
html body.katalog-page-grid.card.btns,
html body.best-seller-grid.card.btns{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:8px!important;
 width:100%!important;
 margin-top:auto!important;
 opacity:1!important;
 visibility:visible!important;
 position:relative!important;
 z-index:3!important;
 transform:none!important;
}
html body.card.btns form,
html body.catalog-grid.card.btns form,
html body.latest-upload-grid.card.btns form,
html body.compact-product-grid.card.btns form,
html body.katalog-page-grid.card.btns form,
html body.best-seller-grid.card.btns form{
 display:block!important;
 margin:0!important;
 min-width:0!important;
 width:100%!important;
 opacity:1!important;
 visibility:visible!important;
 pointer-events:auto!important;
}
html body.card.btns.btn,
html body.card.btns button,
html body.card.btns a,
html body.catalog-grid.card.btns.btn,
html body.latest-upload-grid.card.btns.btn,
html body.compact-product-grid.card.btns.btn,
html body.katalog-page-grid.card.btns.btn,
html body.best-seller-grid.card.btns.btn{
 width:100%!important;
 min-height:40px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 padding:9px 8px!important;
 border-radius:13px!important;
 font-size:13px!important;
 line-height:1.2!important;
 white-space:nowrap!important;
 opacity:1!important;
 visibility:visible!important;
 pointer-events:auto!important;
 text-align:center!important;
 font-weight:500!important;
}
html body.card.btns.card-cart-btn svg,
html body.card.btns.card-cart-btn.samida-bi-icon{display:none!important;}
@media(max-width:760px){
 html body.page-home.grid.catalog-grid >.card,
 html body.latest-upload-grid >.card,
 html body.compact-product-grid >.card,
 html body.katalog-page-grid >.card,
 html body.best-seller-grid >.card,
 html body.catalog-grid >.card{min-height:392px!important;}
 html body.page-home.grid.catalog-grid >.card.thumb,
 html body.latest-upload-grid >.card.thumb,
 html body.compact-product-grid >.card.thumb,
 html body.katalog-page-grid >.card.thumb,
 html body.best-seller-grid >.card.thumb,
 html body.catalog-grid >.card.thumb{height:150px!important;min-height:150px!important;flex-basis:150px!important;}
 html body.card.btns{gap:6px!important;}
 html body.card.btns.btn,html body.card.btns button,html body.card.btns a{font-size:12px!important;padding:8px 5px!important;}
}


/* Popup promo 7:7 wajib benar-benar hilang saat tombol X diklik */
html body.site-popup-mask:not(.open){
 display:none!important;
 opacity:0!important;
 pointer-events:none!important;
 visibility:hidden!important;
}
html body.site-popup-mask.open{
 display:flex!important;
 opacity:1!important;
 pointer-events:auto!important;
 visibility:visible!important;
}
html body.site-popup-close{
 pointer-events:auto!important;
 cursor:pointer!important;
}


/* FIX23 LATE: force rating and ulasan visible */
html body.page-home.cm-rating,
html body.page-home.wrap.cm-rating,
html body.page-home.cm-page.cm-rating,
html body.page-home article.cm-product-card.cm-rating,
html body.page-home.cm-rating-force{
 display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;gap:4px!important;color:#ffb62e!important;-webkit-text-fill-color:#ffb62e!important;position:relative!important;z-index:20!important;grid-area:rating!important;white-space:nowrap!important;height:auto!important;overflow:visible!important;
}
html body.page-home.cm-rating span,
html body.page-home.wrap.cm-rating span,
html body.page-home article.cm-product-card.cm-rating span{
 display:inline!important;visibility:visible!important;opacity:1!important;color:#111!important;-webkit-text-fill-color:#111!important;font-size:10.5px!important;font-weight:600!important;overflow:visible!important;
}
html body.page-home.cm-rating b,
html body.page-home.wrap.cm-rating b{
 display:inline!important;color:#111!important;-webkit-text-fill-color:#111!important;font-weight:700!important;
}
html body.page-home.cm-product-body{
 grid-template-areas:'title title' 'price price' 'rating cart'!important;
}
html body.page-home.cm-testimonial-wrap,
html body.page-home.wrap.cm-testimonial-wrap,
html body.page-home.cm-page.cm-testimonial-wrap,
html body.page-home.cm-ulasan-force{
 display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:20!important;height:auto!important;max-height:none!important;overflow:visible!important;
}
html body.page-home.cm-testi-grid{display:grid!important;visibility:visible!important;opacity:1!important;}
html body.page-home.cm-testi-card{display:grid!important;visibility:visible!important;opacity:1!important;}
html body.page-home.cm-stars{display:block!important;visibility:visible!important;opacity:1!important;color:#ffb62e!important;-webkit-text-fill-color:#ffb62e!important;}
html body.page-home.cm-review-total{display:inline-flex!important;visibility:visible!important;opacity:1!important;}
html body.page-detail.seo-facts span:first-child{display:inline-flex!important;visibility:visible!important;opacity:1!important;}



/* FIX32 2026-07-05: ulasan auto-slide, search mobile, deskripsi justify */
html body.page-home .cm-testimonial-wrap.cm-ulasan-force{
  overflow:hidden!important;
  padding-right:92px!important;
}
html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-section-head{
  position:relative!important;
  z-index:4!important;
}
html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-testi-grid{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:stretch!important;
  gap:18px!important;
  width:max-content!important;
  max-width:none!important;
  padding-right:0!important;
  overflow:visible!important;
  will-change:transform!important;
  animation:cmTestimonialAutoSlide 58s linear infinite!important;
}
html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-testi-grid:hover{
  animation-play-state:paused!important;
}
html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-testi-card{
  flex:0 0 374px!important;
  width:374px!important;
  min-width:374px!important;
  max-width:374px!important;
}
html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-moon-cat{
  position:absolute!important;
  right:0!important;
  bottom:-26px!important;
  z-index:5!important;
  transform:none!important;
  animation:none!important;
  pointer-events:none!important;
}
@keyframes cmTestimonialAutoSlide{
  0%{transform:translate3d(0,0,0);}
  100%{transform:translate3d(calc(-50% - 9px),0,0);}
}

html body.page-home .cm-hero-search{
  overflow:visible!important;
}
html body.page-detail .detail-compact-desc,
html body.page-detail .detail-compact-desc p,
html body.page-detail .detail-compact-desc li,
html body.page-detail .detail-copy p,
html body.page-detail .detail-section p{
  text-align:justify!important;
  text-justify:inter-word!important;
  hyphens:auto;
}
@media(max-width:900px){
  html body.page-home .cm-hero-search{
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    row-gap:10px!important;
    column-gap:10px!important;
    height:auto!important;
    min-height:0!important;
    max-width:100%!important;
    border-radius:24px!important;
    padding:12px!important;
    overflow:visible!important;
  }
  html body.page-home .cm-hero-search i{
    align-self:center!important;
  }
  html body.page-home .cm-hero-search input{
    min-height:42px!important;
    width:100%!important;
  }
  html body.page-home .cm-hero-search button{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    margin:0!important;
    padding:0 18px!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    z-index:5!important;
    white-space:nowrap!important;
  }
  html body.page-home .cm-testimonial-wrap.cm-ulasan-force{
    padding-right:0!important;
    padding-bottom:42px!important;
  }
  html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-testi-card{
    flex:0 0 min(84vw,360px)!important;
    width:min(84vw,360px)!important;
    min-width:0!important;
    max-width:min(84vw,360px)!important;
  }
  html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-moon-cat{
    display:block!important;
    width:92px!important;
    height:92px!important;
    right:2px!important;
    bottom:-14px!important;
    opacity:.95!important;
  }
}
@media(max-width:520px){
  html body.page-home .cm-hero{
    padding-bottom:34px!important;
  }
  html body.page-home .cm-hero-search{
    border-radius:22px!important;
    padding:11px!important;
  }
  html body.page-home .cm-hero-search button{
    font-size:13px!important;
  }
}



/* FIX44 2026-07-05: restore footer high wave motif safely */
html body.page-home footer.cm-news-footer,
html body[class*="page-"] footer.cm-global-footer{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
  margin-top:156px!important;
  padding-top:34px!important;
  background:linear-gradient(180deg,#f1ebff 0%,#efe8ff 100%)!important;
}
html body.page-home footer.cm-news-footer::before,
html body[class*="page-"] footer.cm-global-footer::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  bottom:calc(100% - 2px)!important;
  width:100vw!important;
  height:172px!important;
  display:block!important;
  pointer-events:none!important;
  z-index:0!important;
  opacity:1!important;
  background:url('assets/img/footer-wave-soft-clean.svg') center bottom / 100% 100% repeat-x!important;
}
html body.page-home footer.cm-news-footer > *,
html body[class*="page-"] footer.cm-global-footer > *{
  position:relative!important;
  z-index:2!important;
}
@media(max-width:760px){
  html body.page-home footer.cm-news-footer,
  html body[class*="page-"] footer.cm-global-footer{margin-top:116px!important;padding-top:24px!important;}
  html body.page-home footer.cm-news-footer::before,
  html body[class*="page-"] footer.cm-global-footer::before{height:126px!important;background-size:cover!important;}
}


/* FIX49 2026-07-06: FINAL override paling akhir, matikan wave putih tinggi lama di mobile */
@media(max-width:760px){
  html body.page-home footer.cm-news-footer,
  html body[class*="page-"] footer.cm-global-footer{
    margin-top:56px!important;
    padding-top:44px!important;
    overflow:hidden!important;
    background:
      url('assets/img/footer-wave-soft-clean.svg') center top / 100% 58px no-repeat,
      linear-gradient(180deg,#f1ebff 0%,#efe8ff 100%)!important;
  }
  html body.page-home footer.cm-news-footer::before,
  html body.page-home footer.cm-news-footer::after,
  html body[class*="page-"] footer.cm-global-footer::before,
  html body[class*="page-"] footer.cm-global-footer::after,
  html body.page-home .cm-news-footer::before,
  html body.page-home .cm-news-footer::after,
  html body[class*="page-"] .cm-global-footer::before,
  html body[class*="page-"] .cm-global-footer::after{
    display:none!important;
    content:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    opacity:0!important;
    visibility:hidden!important;
    background:none!important;
    transform:none!important;
  }
  /* background wave lama yang muncul di tengah halaman mobile */
  html body.page-home,
  html body.page-katalog,
  html body.page-katalog-category,
  html body.page-detail,
  html body.page-cart,
  html body.page-auth,
  html body.page-account,
  html body.page-storefront,
  html body.page-reseller,
  html body.page-blog,
  html body.page-help{
    background-image:
      radial-gradient(520px 240px at 8% 190px,rgba(255,213,147,.18) 0%,rgba(255,213,147,0) 72%),
      radial-gradient(620px 260px at 92% 220px,rgba(209,190,255,.20) 0%,rgba(209,190,255,0) 74%),
      linear-gradient(180deg,#17164f 0px,#1e185f 88px,#2b237e 210px,#4935ad 345px,#7760d8 520px,#8c7dde 100%)!important;
    background-size:auto,auto,auto!important;
    background-position:left top,right top,left top!important;
    background-repeat:no-repeat,no-repeat,no-repeat!important;
  }
}


/* FIX50 2026-07-06: MOBILE ONLY - hilangkan wave putih tinggi lama sepenuhnya */
@media(max-width:760px){
  /* Matikan semua pseudo/background wave yang bisa muncul di tengah halaman mobile */
  html body.page-home::before,
  html body.page-home::after,
  html body.page-katalog::before,
  html body.page-katalog::after,
  html body.page-katalog-category::before,
  html body.page-katalog-category::after,
  html body.page-detail::before,
  html body.page-detail::after,
  html body.page-cart::before,
  html body.page-cart::after,
  html body.page-auth::before,
  html body.page-auth::after,
  html body.page-account::before,
  html body.page-account::after,
  html body.page-storefront::before,
  html body.page-storefront::after,
  html body.page-reseller::before,
  html body.page-reseller::after,
  html body.page-blog::before,
  html body.page-blog::after,
  html body.page-help::before,
  html body.page-help::after,
  html body[class*="page-"]::before,
  html body[class*="page-"]::after,
  html body .cm-outer-top-cloud,
  html body .cm-outer-top-fill,
  html body .cm-outer-top-seal{
    display:none!important;
    content:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    background:none!important;
    background-image:none!important;
    transform:none!important;
    pointer-events:none!important;
  }

  /* Hapus URL cloud-wave/footer-high-wave dari background body mobile */
  html,
  html body,
  html body.page-home,
  html body.page-katalog,
  html body.page-katalog-category,
  html body.page-detail,
  html body.page-cart,
  html body.page-auth,
  html body.page-account,
  html body.page-storefront,
  html body.page-reseller,
  html body.page-blog,
  html body.page-help{
    background-color:#f1ebff!important;
    background-image:linear-gradient(180deg,#17164f 0px,#332a98 230px,#8c7dde 430px,#f1ebff 620px,#f1ebff 100%)!important;
    background-size:100% 100%!important;
    background-position:left top!important;
    background-repeat:no-repeat!important;
    background-attachment:scroll!important;
    box-shadow:none!important;
  }

  /* Footer mobile polos rapi, tanpa wave tinggi */
  html body.page-home footer.cm-news-footer,
  html body[class*="page-"] footer.cm-global-footer,
  html body.page-home .cm-news-footer,
  html body[class*="page-"] .cm-global-footer{
    margin-top:20px!important;
    padding-top:26px!important;
    overflow:hidden!important;
    background:#f1ebff!important;
    background-image:linear-gradient(180deg,#f1ebff 0%,#efe8ff 100%)!important;
    border-top:0!important;
  }
  html body.page-home footer.cm-news-footer::before,
  html body.page-home footer.cm-news-footer::after,
  html body[class*="page-"] footer.cm-global-footer::before,
  html body[class*="page-"] footer.cm-global-footer::after,
  html body.page-home .cm-news-footer::before,
  html body.page-home .cm-news-footer::after,
  html body[class*="page-"] .cm-global-footer::before,
  html body[class*="page-"] .cm-global-footer::after{
    display:none!important;
    content:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    background:none!important;
    background-image:none!important;
    transform:none!important;
    pointer-events:none!important;
  }

  /* Section sebelum footer jangan menampilkan background wave lama */
  html body.page-home .cm-promo-row,
  html body.page-home .cm-stats,
  html body.page-home .cm-testimonial-wrap,
  html body.page-home .cm-benefit-strip,
  html body.page-home .cm-category-panel,
  html body.page-home .cm-product-grid,
  html body.page-home .cm-newsletter{
    background-image:none!important;
  }
}




/* FIX51 2026-07-06: mobile/tablet broad kill untuk wave putih tinggi lama */
@media (max-width:1200px){
  html body.page-home,
  html body.page-katalog,
  html body.page-katalog-category,
  html body.page-detail,
  html body.page-cart,
  html body.page-auth,
  html body.page-account,
  html body.page-storefront,
  html body.page-reseller,
  html body.page-blog,
  html body.page-help{
    background-color:#f1ebff!important;
    background-image:linear-gradient(180deg,#17164f 0px,#332a98 230px,#8c7dde 430px,#f1ebff 620px,#f1ebff 100%)!important;
    background-size:100% 100%!important;
    background-position:left top!important;
    background-repeat:no-repeat!important;
    background-attachment:scroll!important;
    box-shadow:none!important;
  }

  /* Matikan semua sumber wave tinggi: body, wrapper, home page, footer, promo/testimoni */
  html body.page-home::before,
  html body.page-home::after,
  html body[class*="page-"]::before,
  html body[class*="page-"]::after,
  html body.page-home .wrap::before,
  html body.page-home .wrap::after,
  html body.page-home .cm-page::before,
  html body.page-home .cm-page::after,
  html body.page-home .cm-home::before,
  html body.page-home .cm-home::after,
  html body.page-home footer.cm-news-footer::before,
  html body.page-home footer.cm-news-footer::after,
  html body[class*="page-"] footer.cm-global-footer::before,
  html body[class*="page-"] footer.cm-global-footer::after,
  html body.page-home .cm-news-footer::before,
  html body.page-home .cm-news-footer::after,
  html body[class*="page-"] .cm-global-footer::before,
  html body[class*="page-"] .cm-global-footer::after,
  html body.page-home .cm-promo-row::before,
  html body.page-home .cm-promo-row::after,
  html body.page-home .cm-stats::before,
  html body.page-home .cm-stats::after,
  html body.page-home .cm-testimonial-wrap::before,
  html body.page-home .cm-testimonial-wrap::after,
  html body.page-home .cm-benefit-strip::before,
  html body.page-home .cm-benefit-strip::after,
  html body .cm-outer-top-fill,
  html body .cm-outer-top-cloud,
  html body .cm-outer-top-seal{
    display:none!important;
    content:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    background:none!important;
    background-image:none!important;
    transform:none!important;
    pointer-events:none!important;
  }

  html body.page-home footer.cm-news-footer,
  html body[class*="page-"] footer.cm-global-footer,
  html body.page-home .cm-news-footer,
  html body[class*="page-"] .cm-global-footer{
    margin-top:24px!important;
    padding-top:26px!important;
    overflow:hidden!important;
    background:#f1ebff!important;
    background-image:linear-gradient(180deg,#f1ebff 0%,#efe8ff 100%)!important;
    border-top:0!important;
  }

  html body.page-home .cm-promo-row,
  html body.page-home .cm-stats,
  html body.page-home .cm-testimonial-wrap,
  html body.page-home .cm-benefit-strip,
  html body.page-home .cm-category-panel,
  html body.page-home .cm-product-grid,
  html body.page-home .cm-newsletter{
    background-image:none!important;
  }
}



/* FIX53 2026-07-06: final direct cleanup, remove old tall mobile waves from all remaining layers */
@media (max-width:1200px){
  html, html body,
  html body.page-home, html body.page-katalog, html body.page-katalog-category,
  html body.page-detail, html body.page-cart, html body.page-auth,
  html body.page-account, html body.page-storefront, html body.page-reseller,
  html body.page-blog, html body.page-help{
    background-color:#f1ebff!important;
    background-image:linear-gradient(180deg,#17164f 0px,#302683 230px,#7b69dc 430px,#f1ebff 620px,#f1ebff 100%)!important;
    background-size:100% 100%!important;
    background-position:left top!important;
    background-repeat:no-repeat!important;
    background-attachment:scroll!important;
    box-shadow:none!important;
  }
  html body::before, html body::after,
  html body.page-home::before, html body.page-home::after,
  html body[class*="page-"]::before, html body[class*="page-"]::after,
  html body .wrap::before, html body .wrap::after,
  html body .cm-page::before, html body .cm-page::after,
  html body .cm-home::before, html body .cm-home::after,
  html body .cm-outer-top-fill, html body .cm-outer-top-cloud, html body .cm-outer-top-seal,
  html body .cm-promo-row::before, html body .cm-promo-row::after,
  html body .cm-stats::before, html body .cm-stats::after,
  html body .cm-testimonial-wrap::before, html body .cm-testimonial-wrap::after,
  html body footer.cm-news-footer::before, html body footer.cm-news-footer::after,
  html body footer.cm-global-footer::before, html body footer.cm-global-footer::after,
  html body .cm-news-footer::before, html body .cm-news-footer::after,
  html body .cm-global-footer::before, html body .cm-global-footer::after{
    display:none!important;
    content:none!important;
    visibility:hidden!important;
    opacity:0!important;
    background:none!important;
    background-image:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    pointer-events:none!important;
    transform:none!important;
  }
  html body.page-home footer.cm-news-footer,
  html body[class*="page-"] footer.cm-global-footer,
  html body.page-home .cm-news-footer,
  html body[class*="page-"] .cm-global-footer{
    margin-top:24px!important;
    padding-top:26px!important;
    background:#f1ebff!important;
    background-image:linear-gradient(180deg,#f1ebff 0%,#efe8ff 100%)!important;
    overflow:hidden!important;
  }
}




/* FIX57 2026-07-06: mobile cart button naik agar tidak tabrakan dengan teks ulasan */
@media (max-width: 860px){
  html body.page-home .cm-product-body{
    grid-template-columns:minmax(0,1fr) 36px!important;
    grid-template-areas:'title title' 'price price' 'rating cart'!important;
    align-items:start!important;
    row-gap:8px!important;
    column-gap:8px!important;
    padding-bottom:14px!important;
  }
  html body.page-home .cm-rating{
    min-height:26px!important;
    padding-right:6px!important;
    align-items:center!important;
  }
  html body.page-home .cm-cart-mini{
    align-self:start!important;
    justify-self:end!important;
    transform:translateY(-8px)!important;
    margin:0!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
  }
}
@media (max-width: 520px){
  html body.page-home .cm-product-body{
    padding-right:11px!important;
  }
  html body.page-home .cm-rating{
    padding-right:8px!important;
  }
  html body.page-home .cm-cart-mini{
    transform:translateY(-12px)!important;
  }
}





/* FIX58 2026-07-06: form tombol keranjang dinaikkan langsung di mobile */
@media (max-width: 860px){
  html body.page-home .cm-product-card,
  html body.page-home .wrap .cm-product-card{
    position:relative!important;
    overflow:hidden!important;
  }
  html body.page-home .cm-product-body,
  html body.page-home .wrap .cm-product-body{
    position:relative!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:'title' 'price' 'rating'!important;
    padding-bottom:16px!important;
    padding-right:12px!important;
  }
  html body.page-home .cm-cart-mini-form,
  html body.page-home .wrap .cm-cart-mini-form{
    position:absolute!important;
    right:10px!important;
    bottom:46px!important;
    z-index:30!important;
    width:38px!important;
    height:38px!important;
    margin:0!important;
    display:block!important;
  }
  html body.page-home .cm-cart-mini,
  html body.page-home .wrap .cm-cart-mini{
    position:static!important;
    transform:none!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    border-radius:50%!important;
    margin:0!important;
  }
  html body.page-home .cm-rating,
  html body.page-home .wrap .cm-rating{
    padding-right:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
}
@media (max-width: 520px){
  html body.page-home .cm-cart-mini-form,
  html body.page-home .wrap .cm-cart-mini-form{
    bottom:50px!important;
    right:9px!important;
  }
}




/* FIX59 2026-07-06: motif batik pada area footer lebar + hilangkan garis pengganggu */
html body.page-home .cm-news-footer,
html body[class*="page-"] .cm-global-footer{
  position:relative!important;
  overflow:visible!important;
  background:transparent!important;
  border-top:0!important;
  box-shadow:none!important;
}
html body.page-home .cm-news-footer::before,
html body[class*="page-"] .cm-global-footer::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:100vw!important;
  display:block!important;
  z-index:0!important;
  pointer-events:none!important;
  background-color:#efe8ff!important;
  background-image:url('assets/img/footer-batik-soft-fix59.svg'),linear-gradient(180deg,#f4efff 0%,#ede6ff 100%)!important;
  background-repeat:repeat,no-repeat!important;
  background-size:180px 180px,100% 100%!important;
  background-position:center top,left top!important;
  border-top:0!important;
}
html body.page-home .cm-news-footer::after,
html body[class*="page-"] .cm-global-footer::after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
}
html body.page-home .cm-news-footer > *,
html body[class*="page-"] .cm-global-footer > *{
  position:relative!important;
  z-index:1!important;
}
html body.page-home .cm-footer-bottom,
html body[class*="page-"] .cm-footer-bottom{
  border-top:0!important;
  box-shadow:none!important;
}




/* FIX60 2026-07-06: tampilkan motif batik nyata pada area footer yang luas */
html body.page-home .cm-news-footer,
html body[class*="page-"] .cm-global-footer{
  position:relative!important;
  isolation:isolate!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding:22px 0 24px!important;
  background:transparent!important;
  border-top:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body.page-home .cm-news-footer::before,
html body[class*="page-"] .cm-global-footer::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:-150px!important;
  bottom:0!important;
  z-index:0!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  background-color:#efe8ff!important;
  background-image:url('assets/img/footer-batik-visible-fix60.svg'),linear-gradient(180deg,#f4efff 0%,#ece5ff 100%)!important;
  background-repeat:repeat,no-repeat!important;
  background-size:160px 160px,100% 100%!important;
  background-position:center top,left top!important;
  border-top:0!important;
}
html body.page-home .cm-news-footer::after,
html body[class*="page-"] .cm-global-footer::after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
}
html body.page-home .cm-news-footer > *,
html body[class*="page-"] .cm-global-footer > *{
  position:relative!important;
  z-index:1!important;
}
html body.page-home .cm-news-footer-inner,
html body[class*="page-"] .cm-global-footer-inner{
  width:min(1440px,calc(100% - 48px))!important;
  margin:0 auto!important;
  padding:0 24px!important;
  box-sizing:border-box!important;
}
html body.page-home .cm-footer-bottom,
html body[class*="page-"] .cm-footer-bottom{
  border-top:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
@media (max-width:1200px){
  html body.page-home .cm-news-footer,
  html body[class*="page-"] .cm-global-footer{
    padding:20px 0 22px!important;
  }
  html body.page-home .cm-news-footer::before,
  html body[class*="page-"] .cm-global-footer::before{
    top:-90px!important;
    background-size:132px 132px,100% 100%!important;
  }
  html body.page-home .cm-news-footer-inner,
  html body[class*="page-"] .cm-global-footer-inner{
    width:min(100%,calc(100% - 24px))!important;
    padding:0 12px!important;
  }
}




/* FIX61 2026-07-06: tampilkan motif batik nyata sebagai band besar sebelum footer, dan hilangkan garis pengganggu */
html body .cm-footer-batik-band-fix61{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100vw!important;
  max-width:100vw!important;
  height:180px!important;
  min-height:180px!important;
  margin:0 calc(50% - 50vw) -1px!important;
  padding:0!important;
  position:relative!important;
  z-index:0!important;
  background-color:#efe8ff!important;
  background-image:url('assets/img/footer-batik-band-fix61.svg'),linear-gradient(180deg,#f3edff 0%,#eee6ff 100%)!important;
  background-repeat:repeat,no-repeat!important;
  background-size:180px 180px,100% 100%!important;
  background-position:center top,left top!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html body.page-home .cm-news-footer,
html body[class*="page-"] .cm-global-footer{
  margin-top:0!important;
  margin-bottom:0!important;
  border-top:0!important;
  box-shadow:none!important;
  background:#f1ebff!important;
  background-image:linear-gradient(180deg,#f8f4ff 0%,#f1ebff 100%)!important;
}
html body.page-home .cm-news-footer::before,
html body.page-home .cm-news-footer::after,
html body[class*="page-"] .cm-global-footer::before,
html body[class*="page-"] .cm-global-footer::after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body.page-home .cm-footer-bottom,
html body[class*="page-"] .cm-footer-bottom{
  border-top:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
@media (max-width:1200px){
  html body .cm-footer-batik-band-fix61{
    height:122px!important;
    min-height:122px!important;
    background-size:132px 132px,100% 100%!important;
  }
}




/* FIX62 2026-07-06: motif batik jadi background menyatu di bawah footer, lebih banyak dan lebih transparan */
html body .cm-footer-batik-band-fix61{
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  visibility:hidden!important;
  overflow:hidden!important;
}
html body.page-home .cm-news-footer,
html body[class*="page-"] .cm-global-footer{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  margin-top:0!important;
  margin-bottom:0!important;
  border-top:0!important;
  box-shadow:none!important;
  background-color:#f1ebff!important;
  background-image:url('assets/img/footer-batik-bg-fix62.svg'), linear-gradient(180deg,#f5f1ff 0%,#efe8ff 100%)!important;
  background-repeat:repeat, no-repeat!important;
  background-size:120px 120px, 100% 100%!important;
  background-position:center top, left top!important;
}
html body.page-home .cm-news-footer::before,
html body[class*="page-"] .cm-global-footer::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:-190px!important;
  bottom:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background-color:#f1ebff!important;
  background-image:url('assets/img/footer-batik-bg-fix62.svg'), linear-gradient(180deg,#f4efff 0%,#efe8ff 100%)!important;
  background-repeat:repeat, no-repeat!important;
  background-size:120px 120px, 100% 100%!important;
  background-position:center top, left top!important;
  opacity:.95!important;
  border-top:0!important;
  box-shadow:none!important;
}
html body.page-home .cm-news-footer::after,
html body[class*="page-"] .cm-global-footer::after,
html body.page-home .cm-footer-bottom,
html body[class*="page-"] .cm-footer-bottom{
  border-top:0!important;
  box-shadow:none!important;
}
html body.page-home .cm-news-footer::after,
html body[class*="page-"] .cm-global-footer::after{
  display:none!important;
  content:none!important;
  background:none!important;
}
html body.page-home .cm-news-footer > *,
html body[class*="page-"] .cm-global-footer > *{
  position:relative!important;
  z-index:1!important;
}
@media (max-width:1200px){
  html body.page-home .cm-news-footer,
  html body[class*="page-"] .cm-global-footer{
    background-size:96px 96px, 100% 100%!important;
  }
  html body.page-home .cm-news-footer::before,
  html body[class*="page-"] .cm-global-footer::before{
    top:-120px!important;
    background-size:96px 96px, 100% 100%!important;
  }
}




/* FIX63 2026-07-06: batik footer menjadi background transparan di bawah konten */
html body .cm-footer-batik-band-fix61{
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  opacity:0!important;
  visibility:hidden!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
html body.page-home .cm-news-footer,
html body[class*="page-"] .cm-global-footer{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  margin-top:0!important;
  margin-bottom:0!important;
  border-top:0!important;
  box-shadow:none!important;
  background:#f1ebff!important;
  background-image:linear-gradient(180deg,#f6f1ff 0%,#efe8ff 100%)!important;
}
html body .cm-footer-batik-bg-fix63{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:-190px!important;
  bottom:0!important;
  width:100vw!important;
  transform:translateX(-50%)!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.74!important;
  visibility:visible!important;
  background-color:#efe8ff!important;
  background-image:url('assets/img/footer-batik-bg-fix63.svg'),linear-gradient(180deg,#f5f0ff 0%,#efe8ff 100%)!important;
  background-repeat:repeat,no-repeat!important;
  background-size:96px 96px,100% 100%!important;
  background-position:center top,left top!important;
  border:0!important;
  box-shadow:none!important;
}
html body.page-home .cm-news-footer::before,
html body.page-home .cm-news-footer::after,
html body[class*="page-"] .cm-global-footer::before,
html body[class*="page-"] .cm-global-footer::after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body.page-home .cm-news-footer > *:not(.cm-footer-batik-bg-fix63),
html body[class*="page-"] .cm-global-footer > *:not(.cm-footer-batik-bg-fix63){
  position:relative!important;
  z-index:2!important;
}
html body.page-home .cm-footer-bottom,
html body[class*="page-"] .cm-footer-bottom{
  border-top:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
@media (max-width:1200px){
  html body .cm-footer-batik-bg-fix63{
    top:-120px!important;
    opacity:.70!important;
    background-size:82px 82px,100% 100%!important;
  }
}




/* FIX64 2026-07-06: hilangkan penghalang lama dan paksa batik muncul sebagai background footer */
html body .cm-footer-batik-band-fix61,
html body .cm-footer-batik-bg-fix63{
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  visibility:hidden!important;
  overflow:hidden!important;
}
html body .cm-footer-batik-force-fix64{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  top:-170px!important;
  bottom:-120px!important;
  width:100vw!important;
  max-width:100vw!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.88!important;
  visibility:visible!important;
  background-color:#efe8ff!important;
  background-image:url('assets/img/footer-batik-force-fix64.svg'),linear-gradient(180deg,#f5f0ff 0%,#efe8ff 100%)!important;
  background-repeat:repeat,no-repeat!important;
  background-size:92px 92px,100% 100%!important;
  background-position:center top,left top!important;
  border:0!important;
  box-shadow:none!important;
}
html body.page-home .cm-news-footer,
html body[class*="page-"] .cm-global-footer{
  background:transparent!important;
  box-shadow:none!important;
  border-top:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  overflow:visible!important;
}
html body.page-home .cm-news-footer::before,
html body.page-home .cm-news-footer::after,
html body[class*="page-"] .cm-global-footer::before,
html body[class*="page-"] .cm-global-footer::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body.page-home .cm-news-footer > *:not(.cm-footer-batik-force-fix64),
html body[class*="page-"] .cm-global-footer > *:not(.cm-footer-batik-force-fix64),
html body.page-home .cm-news-footer-inner,
html body[class*="page-"] .cm-global-footer-inner,
html body.page-home .cm-footer-bottom,
html body[class*="page-"] .cm-footer-bottom{
  position:relative!important;
  z-index:2!important;
}
html body.page-home .cm-footer-bottom,
html body[class*="page-"] .cm-footer-bottom{
  background:transparent!important;
  border-top:0!important;
  box-shadow:none!important;
}
@media (max-width:1200px){
  html body .cm-footer-batik-force-fix64{
    top:-120px!important;
    bottom:-90px!important;
    background-size:76px 76px,100% 100%!important;
    opacity:.84!important;
  }
}




/* FIX65 2026-07-06: teks paket reseller dibuat hitam agar terbaca */
html body.page-reseller,
html body.page-reseller .wrap,
html body.page-reseller .cm-page,
html body.page-reseller main,
html body.page-reseller section,
html body.page-reseller article,
html body.page-reseller .panel,
html body.page-reseller .card,
html body.page-reseller .reseller-card,
html body.page-reseller .reseller-plan,
html body.page-reseller .pricing-card,
html body.page-reseller .reseller-package,
html body.page-reseller .reseller-tier,
html body.page-reseller .reseller-box{
  color:#111111!important;
}
html body.page-reseller h1,
html body.page-reseller h2,
html body.page-reseller h3,
html body.page-reseller h4,
html body.page-reseller strong,
html body.page-reseller b,
html body.page-reseller p,
html body.page-reseller li,
html body.page-reseller small,
html body.page-reseller span:not(.btn):not(.badge):not(.pill):not([class*="icon"]),
html body.page-reseller .small,
html body.page-reseller .muted,
html body.page-reseller .price,
html body.page-reseller .desc{
  color:#111111!important;
  -webkit-text-fill-color:#111111!important;
  text-shadow:none!important;
}
html body.page-reseller .card,
html body.page-reseller .panel,
html body.page-reseller .reseller-card,
html body.page-reseller .reseller-plan,
html body.page-reseller .pricing-card,
html body.page-reseller .reseller-package,
html body.page-reseller .reseller-tier,
html body.page-reseller .reseller-box{
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(139,92,246,.24)!important;
}
html body.page-reseller .btn,
html body.page-reseller button,
html body.page-reseller a.btn{
  -webkit-text-fill-color:inherit!important;
}
html body.page-reseller .btn.buy,
html body.page-reseller button.btn.buy,
html body.page-reseller a.btn.buy{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}



/* FIX75: koreksi tombol putih kosong, paksa gradient + icon terlihat jelas */
html body .cm-product-card .cm-product-body{
  grid-template-columns:1fr!important;
  grid-template-areas:'title' 'price' 'rating' 'cart'!important;
}
html body .cm-product-card .cm-product-actions{
  grid-area:cart!important;
  grid-column:1 / -1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  margin-top:10px!important;
  opacity:1!important;
  visibility:visible!important;
}
html body .cm-product-card .cm-product-actions form.cm-card-wishlist-form{
  display:flex!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  min-width:0!important;
  flex:0 0 auto!important;
}
html body .cm-product-card .cm-product-actions .cm-icon-action,
html body .cm-product-card .cm-product-actions a.cm-icon-action,
html body .cm-product-card .cm-product-actions button.cm-icon-action,
html body .cm-product-card .cm-product-actions .cm-card-view-btn,
html body .cm-product-card .cm-product-actions .cm-card-wishlist-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  overflow:hidden!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  padding:0!important;
  border:0!important;
  border-radius:14px!important;
  line-height:1!important;
  text-indent:0!important;
  font-size:0!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  text-decoration:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  transform-origin:center!important;
  background-clip:padding-box!important;
}
html body .cm-product-card .cm-product-actions a.cm-card-view-btn,
html body .cm-product-card .cm-product-actions .cm-card-view-btn{
  background:#665bff!important;
  background-image:linear-gradient(135deg,#9b5cff 0%,#5474ff 100%)!important;
  box-shadow:0 10px 20px rgba(91,87,255,.24)!important;
  animation:fix75EyeButtonFloat 2.3s ease-in-out infinite!important;
}
html body .cm-product-card .cm-product-actions button.cm-card-wishlist-btn,
html body .cm-product-card .cm-product-actions .cm-card-wishlist-btn{
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  background:#e85bd2!important;
  background-image:linear-gradient(135deg,#ff76cb 0%,#b15dff 100%)!important;
  box-shadow:0 10px 20px rgba(229,88,214,.24)!important;
  animation:fix75LoveButtonBeat 2.2s ease-in-out infinite!important;
}
html body .cm-product-card .cm-product-actions .cm-icon-action::before{
  display:none!important;
  content:none!important;
}
html body .cm-product-card .cm-product-actions .cm-icon-action::after{
  content:'✦'!important;
  position:absolute!important;
  right:6px!important;
  top:4px!important;
  z-index:3!important;
  font-size:8px!important;
  color:#fff8cb!important;
  -webkit-text-fill-color:#fff8cb!important;
  opacity:.85!important;
  text-shadow:0 0 7px rgba(255,255,255,.9)!important;
  animation:fix75MiniSpark 1.55s ease-in-out infinite!important;
  pointer-events:none!important;
}
html body .cm-product-card .cm-product-actions .cm-action-svg,
html body .cm-product-card .cm-product-actions svg.cm-action-svg{
  position:relative!important;
  z-index:4!important;
  display:block!important;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  max-width:19px!important;
  fill:#ffffff!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
  visibility:visible!important;
  filter:drop-shadow(0 1px 1px rgba(48,26,120,.22))!important;
}
html body .cm-product-card .cm-product-actions .cm-card-wishlist-btn .cm-action-svg{
  width:18px!important;
  height:18px!important;
}
html body .cm-product-card .cm-product-actions .cm-card-wishlist-btn.is-active,
html body .cm-product-card .cm-product-actions .cm-card-wishlist-btn:hover{
  background-image:linear-gradient(135deg,#ff4ebd 0%,#9b4dff 100%)!important;
}
html body .cm-product-card .cm-product-actions .cm-card-wishlist-btn .cm-heart-svg{
  animation:fix75HeartIconPop .85s ease-in-out infinite!important;
}
html body .cm-product-card .cm-product-actions .cm-icon-action:hover,
html body .cm-product-card .cm-product-actions .cm-icon-action:focus-visible{
  transform:translateY(-2px) scale(1.04)!important;
  filter:saturate(1.12) brightness(1.04)!important;
}
@keyframes fix75EyeButtonFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.025)}}
@keyframes fix75LoveButtonBeat{0%,100%{transform:scale(1)}18%{transform:scale(1.055)}34%{transform:scale(1)}52%{transform:scale(1.035)}70%{transform:scale(1)}}
@keyframes fix75HeartIconPop{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@keyframes fix75MiniSpark{0%,100%{opacity:.28;transform:scale(.7) rotate(0deg)}45%{opacity:1;transform:scale(1.15) rotate(18deg)}72%{opacity:.6;transform:scale(.85) rotate(-8deg)}}
@media(max-width:760px){
  html body .cm-product-card .cm-product-actions{gap:9px!important;margin-top:9px!important;}
  html body .cm-product-card .cm-product-actions .cm-icon-action,
  html body .cm-product-card .cm-product-actions a.cm-icon-action,
  html body .cm-product-card .cm-product-actions button.cm-icon-action,
  html body .cm-product-card .cm-product-actions .cm-card-view-btn{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    border-radius:13px!important;
  }
  html body .cm-product-card .cm-product-actions button.cm-card-wishlist-btn,
  html body .cm-product-card .cm-product-actions .cm-card-wishlist-btn{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
  }
  html body .cm-product-card .cm-product-actions .cm-action-svg,
  html body .cm-product-card .cm-product-actions svg.cm-action-svg{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body .cm-product-card .cm-product-actions .cm-icon-action,
  html body .cm-product-card .cm-product-actions .cm-icon-action::after,
  html body .cm-product-card .cm-product-actions .cm-action-svg{
    animation:none!important;
  }
}


/* FIX103 2026-07-07: Mobile homepage full-width. Hilangkan sisa kosong di sisi kanan tanpa mengubah fitur/route/DB. */
@media (max-width:760px){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
  }
  html body.page-home:not(.page-invoice){
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
  }
  html body.page-home > .wrap{
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  html body.page-home .cm-outer-top-fill,
  html body.page-home .cm-outer-top-cloud,
  html body.page-home .cm-header,
  html body.page-home .cm-page,
  html body.page-home .cm-hero{
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  html body.page-home .cm-header{
    border-radius:0!important;
  }
  html body.page-home .cm-topbar,
  html body.page-home .cm-nav-row{
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:16px!important;
    padding-right:16px!important;
    box-sizing:border-box!important;
  }
  html body.page-home .cm-nav-row{
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  html body.page-home .cm-hero{
    border-radius:0 0 28px 28px!important;
    padding-left:28px!important;
    padding-right:28px!important;
    overflow:hidden!important;
  }
  html body.page-home .cm-hero::before,
  html body.page-home .cm-hero::after{
    left:0!important;
    right:0!important;
    width:100vw!important;
    max-width:100vw!important;
    transform:none!important;
  }
  html body.page-home .cm-category-panel,
  html body.page-home .cm-benefit-strip,
  html body.page-home section#produk,
  html body.page-home .cm-promo-row,
  html body.page-home .cm-stats,
  html body.page-home .cm-testimonial-wrap,
  html body.page-home .cm-newsletter{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    margin-left:12px!important;
    margin-right:12px!important;
    box-sizing:border-box!important;
  }
}
@media (max-width:420px){
  html body.page-home .cm-topbar,
  html body.page-home .cm-nav-row{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  html body.page-home .cm-hero{
    padding-left:28px!important;
    padding-right:22px!important;
  }
}


/* FIX104 2026-07-07: Mobile homepage ultra full-bleed. Menutup sisa gutter kiri/kanan 100% tanpa mengubah route, DB, checkout, cart, wishlist, login, atau admin. */
@media (max-width:760px){
  :root{--cm-fix104-bleed:10px;}
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    background-color:#271f78!important;
  }
  html body.page-home:not(.page-invoice){
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
  }
  html body.page-home > .wrap,
  html body.page-home > .wrap#top{
    position:relative!important;
    display:block!important;
    width:calc(100vw + var(--cm-fix104-bleed))!important;
    max-width:calc(100vw + var(--cm-fix104-bleed))!important;
    min-width:calc(100vw + var(--cm-fix104-bleed))!important;
    margin-left:calc(var(--cm-fix104-bleed) * -1)!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    transform:none!important;
  }
  @supports (width:100dvw){
    html body.page-home > .wrap,
    html body.page-home > .wrap#top{
      width:calc(100dvw + var(--cm-fix104-bleed))!important;
      max-width:calc(100dvw + var(--cm-fix104-bleed))!important;
      min-width:calc(100dvw + var(--cm-fix104-bleed))!important;
    }
  }
  html body.page-home .cm-outer-top-fill,
  html body.page-home .cm-outer-top-cloud,
  html body.page-home .cm-header,
  html body.page-home main.cm-page,
  html body.page-home .cm-page,
  html body.page-home .cm-hero{
    width:calc(100vw + var(--cm-fix104-bleed))!important;
    max-width:calc(100vw + var(--cm-fix104-bleed))!important;
    min-width:calc(100vw + var(--cm-fix104-bleed))!important;
    margin-left:0!important;
    margin-right:0!important;
    left:0!important;
    right:auto!important;
    box-sizing:border-box!important;
    transform:none!important;
  }
  @supports (width:100dvw){
    html body.page-home .cm-outer-top-fill,
    html body.page-home .cm-outer-top-cloud,
    html body.page-home .cm-header,
    html body.page-home main.cm-page,
    html body.page-home .cm-page,
    html body.page-home .cm-hero{
      width:calc(100dvw + var(--cm-fix104-bleed))!important;
      max-width:calc(100dvw + var(--cm-fix104-bleed))!important;
      min-width:calc(100dvw + var(--cm-fix104-bleed))!important;
    }
  }
  html body.page-home .cm-header{
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
  }
  html body.page-home .cm-topbar,
  html body.page-home .cm-nav-row{
    width:calc(100vw + var(--cm-fix104-bleed))!important;
    max-width:calc(100vw + var(--cm-fix104-bleed))!important;
    min-width:calc(100vw + var(--cm-fix104-bleed))!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:24px!important;
    padding-right:14px!important;
    box-sizing:border-box!important;
  }
  @supports (width:100dvw){
    html body.page-home .cm-topbar,
    html body.page-home .cm-nav-row{
      width:calc(100dvw + var(--cm-fix104-bleed))!important;
      max-width:calc(100dvw + var(--cm-fix104-bleed))!important;
      min-width:calc(100dvw + var(--cm-fix104-bleed))!important;
    }
  }
  html body.page-home .cm-nav-row{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  html body.page-home .cm-nav-row::-webkit-scrollbar{display:none!important;}
  html body.page-home .cm-hero{
    border-radius:0 0 28px 28px!important;
    padding-left:28px!important;
    padding-right:22px!important;
    overflow:hidden!important;
    border-left:0!important;
    border-right:0!important;
  }
  html body.page-home .cm-hero::before,
  html body.page-home .cm-hero::after{
    left:0!important;
    right:0!important;
    width:calc(100vw + var(--cm-fix104-bleed))!important;
    max-width:calc(100vw + var(--cm-fix104-bleed))!important;
    transform:none!important;
  }
  html body.page-home .cm-category-panel,
  html body.page-home .cm-benefit-strip,
  html body.page-home section#produk,
  html body.page-home .cm-promo-row,
  html body.page-home .cm-stats,
  html body.page-home .cm-testimonial-wrap,
  html body.page-home .cm-newsletter{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    margin-left:calc(12px + var(--cm-fix104-bleed))!important;
    margin-right:12px!important;
    box-sizing:border-box!important;
  }
}
@media (max-width:420px){
  html body.page-home .cm-hero{
    padding-left:28px!important;
    padding-right:18px!important;
  }
  html body.page-home .cm-topbar,
  html body.page-home .cm-nav-row{
    padding-left:22px!important;
    padding-right:10px!important;
  }
}


/* FIX105 2026-07-07: koreksi FIX104. Mobile tetap full kanan-kiri, tetapi isi tidak lagi ketarik/melekat ke kiri. */
@media (max-width:760px){
  :root{--cm-fix105-x:16px!important;}
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    background:#21185f!important;
  }
  html body.page-home:not(.page-invoice){
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    background:linear-gradient(180deg,#17164f 0%,#30268c 48%,#826fe0 100%)!important;
  }
  html body.page-home > .wrap,
  html body.page-home > .wrap#top{
    position:relative!important;
    display:block!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    transform:none!important;
    left:auto!important;
    right:auto!important;
  }
  @supports (width:100dvw){
    html body.page-home > .wrap,
    html body.page-home > .wrap#top{
      width:100dvw!important;
      max-width:100dvw!important;
    }
  }
  html body.page-home .cm-outer-top-fill,
  html body.page-home .cm-outer-top-cloud,
  html body.page-home .cm-header,
  html body.page-home main.cm-page,
  html body.page-home .cm-page,
  html body.page-home .cm-hero{
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    left:0!important;
    right:auto!important;
    box-sizing:border-box!important;
    transform:none!important;
  }
  @supports (width:100dvw){
    html body.page-home .cm-outer-top-fill,
    html body.page-home .cm-outer-top-cloud,
    html body.page-home .cm-header,
    html body.page-home main.cm-page,
    html body.page-home .cm-page,
    html body.page-home .cm-hero{
      width:100dvw!important;
      max-width:100dvw!important;
    }
  }
  html body.page-home .cm-header{
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    overflow:hidden!important;
  }
  html body.page-home .cm-topbar{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:var(--cm-fix105-x)!important;
    padding-right:var(--cm-fix105-x)!important;
    box-sizing:border-box!important;
    transform:none!important;
  }
  html body.page-home .cm-brand{
    min-width:0!important;
    margin-left:0!important;
    transform:none!important;
  }
  html body.page-home .cm-nav-row{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    transform:none!important;
  }
  html body.page-home .cm-nav-row::-webkit-scrollbar{display:none!important;}
  html body.page-home .cm-nav-menu{
    padding-left:var(--cm-fix105-x)!important;
    padding-right:var(--cm-fix105-x)!important;
    box-sizing:border-box!important;
  }
  html body.page-home .cm-hero{
    border-radius:0 0 28px 28px!important;
    padding-left:var(--cm-fix105-x)!important;
    padding-right:var(--cm-fix105-x)!important;
    overflow:hidden!important;
    border-left:0!important;
    border-right:0!important;
  }
  html body.page-home .cm-hero::before,
  html body.page-home .cm-hero::after{
    left:0!important;
    right:0!important;
    width:100vw!important;
    max-width:100vw!important;
    transform:none!important;
  }
  @supports (width:100dvw){
    html body.page-home .cm-hero::before,
    html body.page-home .cm-hero::after{
      width:100dvw!important;
      max-width:100dvw!important;
    }
  }
  html body.page-home .cm-hero-copy,
  html body.page-home .cm-hero-badge,
  html body.page-home .cm-hero h1,
  html body.page-home .cm-hero-copy p,
  html body.page-home .cm-benefit-row,
  html body.page-home .cm-hero-art{
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  html body.page-home .cm-benefit-row{
    width:100%!important;
  }
  html body.page-home .cm-benefit-mini{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  html body.page-home .cm-hero-art img{
    max-width:100%!important;
  }
  html body.page-home .cm-category-panel,
  html body.page-home .cm-benefit-strip,
  html body.page-home section#produk,
  html body.page-home .cm-promo-row,
  html body.page-home .cm-stats,
  html body.page-home .cm-testimonial-wrap,
  html body.page-home .cm-newsletter{
    width:calc(100vw - (var(--cm-fix105-x) * 2))!important;
    max-width:calc(100vw - (var(--cm-fix105-x) * 2))!important;
    margin-left:var(--cm-fix105-x)!important;
    margin-right:var(--cm-fix105-x)!important;
    box-sizing:border-box!important;
  }
}
@media (max-width:420px){
  :root{--cm-fix105-x:14px!important;}
  html body.page-home .cm-topbar{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  html body.page-home .cm-nav-menu{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  html body.page-home .cm-hero{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}


/* FIX106: detail produk mobile terlalu ke kanan -> center + anti overflow */
@media (max-width:760px){
  html,body{overflow-x:hidden!important;}
  html body.page-detail .wrap{
    width:100%!important;
    max-width:520px!important;
    margin:0 auto!important;
    padding:20px 12px 120px!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  html body.page-detail .sect,
  html body.page-detail .detail-premium,
  html body.page-detail .detail-card,
  html body.page-detail .detail-side-card,
  html body.page-detail .detail-media,
  html body.page-detail .detail-gallery,
  html body.page-detail .detail-copy,
  html body.page-detail .detail-section,
  html body.page-detail .samida-related-panel,
  html body.page-detail .product-review-section,
  html body.page-detail .review-summary-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  html body.page-detail .detail-premium{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    align-items:start!important;
    justify-items:stretch!important;
    overflow-x:hidden!important;
  }
  html body.page-detail .detail-card,
  html body.page-detail .detail-side-card{
    display:block!important;
    overflow:hidden!important;
    border-radius:26px!important;
  }
  html body.page-detail .detail-media{
    height:auto!important;
    min-height:0!important;
  }
  html body.page-detail .detail-media img,
  html body.page-detail .detail-media iframe{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    display:block!important;
    object-fit:contain!important;
  }
  html body.page-detail .detail-gallery{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:12px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body.page-detail .detail-gallery > *{
    flex:0 0 86px!important;
    width:86px!important;
    min-width:86px!important;
  }
  html body.page-detail .detail-copy{padding:18px!important;}
  html body.page-detail .detail-section{padding:18px!important;}
  html body.page-detail .review-summary-grid{grid-template-columns:1fr!important;gap:14px!important;}
  html body.page-detail .samida-related-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;}
  html body.page-detail .samida-related-grid > *{min-width:0!important;max-width:100%!important;}
}
@media (max-width:420px){
  html body.page-detail .wrap{padding-left:10px!important;padding-right:10px!important;}
  html body.page-detail .detail-copy{padding:16px!important;}
  html body.page-detail .detail-section{padding:16px!important;}
  html body.page-detail .samida-related-grid{grid-template-columns:1fr!important;}
}


/* FIX107: detail mobile centered tetap aman, sudut kanan/kiri atas preview dibuat kotak agar tidak tampak membulat di ujung layar */
@media (max-width:760px){
  html body.page-detail .detail-card{
    border-radius:0 0 24px 24px!important;
  }
  html body.page-detail .detail-card .detail-media{
    border-radius:0!important;
    overflow:hidden!important;
  }
  html body.page-detail .detail-card .detail-media img,
  html body.page-detail .detail-card .detail-media iframe{
    border-radius:0!important;
  }
  html body.page-detail .detail-gallery{
    border-radius:0 0 24px 24px!important;
  }
}
@media (max-width:420px){
  html body.page-detail .detail-card{
    border-radius:0 0 22px 22px!important;
  }
}


/* FIX108: semua ujung preview/detail produk mobile dibuat rounded corner */
@media (max-width:760px){
  html body.page-detail .detail-card,
  html body.page-detail .detail-side-card,
  html body.page-detail .detail-section,
  html body.page-detail .samida-related-panel,
  html body.page-detail .product-review-section{
    border-radius:26px!important;
    overflow:hidden!important;
  }
  html body.page-detail .detail-card .detail-media{
    border-radius:26px!important;
    overflow:hidden!important;
  }
  html body.page-detail .detail-card .detail-media img,
  html body.page-detail .detail-card .detail-media iframe{
    border-radius:26px!important;
    overflow:hidden!important;
  }
  html body.page-detail .detail-gallery{
    border-radius:0 0 26px 26px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  html body.page-detail .detail-gallery button,
  html body.page-detail .detail-gallery img{
    border-radius:16px!important;
    overflow:hidden!important;
  }
}
@media (max-width:420px){
  html body.page-detail .detail-card,
  html body.page-detail .detail-side-card,
  html body.page-detail .detail-section,
  html body.page-detail .samida-related-panel,
  html body.page-detail .product-review-section{
    border-radius:24px!important;
  }
  html body.page-detail .detail-card .detail-media,
  html body.page-detail .detail-card .detail-media img,
  html body.page-detail .detail-card .detail-media iframe{
    border-radius:24px!important;
  }
  html body.page-detail .detail-gallery{
    border-radius:0 0 24px 24px!important;
  }
}


/* FIX109: sudut kanan atas & kanan bawah pada Ringkasan Produk dan Keuangan & Billing dibuat rounded jelas di mobile */
@media (max-width:760px){
  html body.page-detail .detail-card,
  html body.page-detail .detail-side-card{
    border-radius:26px!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  html body.page-detail .detail-card > .detail-section:last-child{
    border-radius:0 0 26px 26px!important;
    overflow:hidden!important;
  }
  html body.page-detail .detail-side-card > .detail-copy{
    border-radius:26px!important;
    overflow:hidden!important;
    position:relative!important;
  }
  /* blok keuangan & billing / pricing / aksi di dalam side card */
  html body.page-detail .detail-side-card .samida-dual-price-box,
  html body.page-detail .detail-side-card .detail-action-grid,
  html body.page-detail .detail-side-card .samida-share-booster,
  html body.page-detail .detail-side-card .nego-box,
  html body.page-detail .detail-side-card .review-summary-card,
  html body.page-detail .detail-side-card .review-form-card{
    border-radius:20px!important;
    overflow:hidden!important;
  }
  /* pastikan sisi kanan atas & bawah card utama benar-benar membulat */
  html body.page-detail .detail-side-card,
  html body.page-detail .detail-side-card > .detail-copy,
  html body.page-detail .detail-card,
  html body.page-detail .detail-card > .detail-section:last-child{
    clip-path:inset(0 round 26px)!important;
  }
}
@media (max-width:420px){
  html body.page-detail .detail-card,
  html body.page-detail .detail-side-card{
    border-radius:24px!important;
  }
  html body.page-detail .detail-card > .detail-section:last-child,
  html body.page-detail .detail-side-card > .detail-copy{
    border-radius:24px!important;
  }
  html body.page-detail .detail-side-card .samida-dual-price-box,
  html body.page-detail .detail-side-card .detail-action-grid,
  html body.page-detail .detail-side-card .samida-share-booster,
  html body.page-detail .detail-side-card .nego-box,
  html body.page-detail .detail-side-card .review-summary-card,
  html body.page-detail .detail-side-card .review-form-card{
    border-radius:18px!important;
  }
  html body.page-detail .detail-side-card,
  html body.page-detail .detail-side-card > .detail-copy,
  html body.page-detail .detail-card,
  html body.page-detail .detail-card > .detail-section:last-child{
    clip-path:inset(0 round 24px)!important;
  }
}


/* FIX110 pelan-pelan: bukan sekadar radius, tapi panel detail diperkecil agar sudut kanan atas/bawah terlihat di layar mobile */
@media (max-width:760px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  html body.page-detail{
    overflow-x:hidden!important;
  }
  html body.page-detail .wrap{
    width:100%!important;
    max-width:520px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:12px!important;
    padding-right:12px!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  html body.page-detail .sect,
  html body.page-detail .detail-premium,
  html body.page-detail .detail-card,
  html body.page-detail .detail-side-card,
  html body.page-detail .detail-media,
  html body.page-detail .detail-gallery,
  html body.page-detail .detail-card > .detail-section,
  html body.page-detail .detail-side-card > .detail-copy,
  html body.page-detail .detail-section.product-review-section{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
  }
  html body.page-detail .detail-premium{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
    justify-items:stretch!important;
    overflow:visible!important;
  }

  /* Card kiri: dibuat wadah transparan, panel di dalamnya yang punya rounded supaya sudut kanan tidak hilang */
  html body.page-detail .detail-card{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    clip-path:none!important;
    overflow:visible!important;
    padding:0!important;
  }
  html body.page-detail .detail-card .detail-media,
  html body.page-detail .detail-card .detail-gallery,
  html body.page-detail .detail-card > .detail-section{
    background:#fff!important;
    border:1px solid rgba(139,92,246,.16)!important;
    box-shadow:0 16px 36px rgba(35,26,99,.10)!important;
    overflow:hidden!important;
  }
  html body.page-detail .detail-card .detail-media{
    border-radius:26px 26px 0 0!important;
    border-bottom:0!important;
  }
  html body.page-detail .detail-card .detail-media img,
  html body.page-detail .detail-card .detail-media iframe{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    display:block!important;
    border-radius:24px 24px 0 0!important;
    object-fit:contain!important;
  }
  html body.page-detail .detail-card .detail-gallery{
    border-radius:0 0 26px 26px!important;
    margin-bottom:16px!important;
    padding:12px!important;
    border-top:1px solid rgba(139,92,246,.10)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  html body.page-detail .detail-card .detail-gallery button,
  html body.page-detail .detail-card .detail-gallery img{
    border-radius:16px!important;
    overflow:hidden!important;
  }
  /* Ringkasan Produk: panel berdiri sendiri, semua sudut termasuk kanan atas & kanan bawah wajib kelihatan */
  html body.page-detail .detail-card > .detail-section{
    border-radius:26px!important;
    padding:18px!important;
    margin-top:0!important;
    clip-path:inset(0 round 26px)!important;
  }

  /* Card kanan / Keuangan & Billing: panel sendiri, semua sudut termasuk kanan atas & kanan bawah terlihat */
  html body.page-detail .detail-side-card{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    clip-path:none!important;
    overflow:visible!important;
    padding:0!important;
  }
  html body.page-detail .detail-side-card > .detail-copy{
    background:#fff!important;
    border:1px solid rgba(139,92,246,.16)!important;
    box-shadow:0 16px 36px rgba(35,26,99,.10)!important;
    border-radius:26px!important;
    padding:18px!important;
    overflow:hidden!important;
    clip-path:inset(0 round 26px)!important;
  }
  html body.page-detail .detail-side-card .samida-dual-price-box,
  html body.page-detail .detail-side-card .samida-dual-options,
  html body.page-detail .detail-side-card .samida-dual-option,
  html body.page-detail .detail-side-card .detail-action-grid,
  html body.page-detail .detail-side-card .samida-share-booster,
  html body.page-detail .detail-side-card .nego-box,
  html body.page-detail .detail-side-card .detail-section.product-review-section,
  html body.page-detail .detail-side-card .review-summary-card,
  html body.page-detail .detail-side-card .review-form-card{
    max-width:100%!important;
    box-sizing:border-box!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  html body.page-detail .detail-side-card .product-review-section{
    margin-top:16px!important;
  }
}
@media (max-width:420px){
  html body.page-detail .wrap{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  html body.page-detail .detail-card .detail-media{
    border-radius:24px 24px 0 0!important;
  }
  html body.page-detail .detail-card .detail-media img,
  html body.page-detail .detail-card .detail-media iframe{
    border-radius:22px 22px 0 0!important;
  }
  html body.page-detail .detail-card .detail-gallery{
    border-radius:0 0 24px 24px!important;
  }
  html body.page-detail .detail-card > .detail-section,
  html body.page-detail .detail-side-card > .detail-copy{
    border-radius:24px!important;
    clip-path:inset(0 round 24px)!important;
  }
}


/* FIX111: mobile - card Dapatkan Update Terbaru dinaikkan, kurangi spasi atas */
@media (max-width:760px){
  html body.page-home footer.cm-news-footer,
  html body.page-home .cm-news-footer{
    margin-top:12px!important;
    padding-top:0!important;
  }
  html body.page-home .cm-news-footer-inner{
    margin-top:0!important;
    padding-top:0!important;
    gap:14px!important;
    align-items:start!important;
  }
  html body.page-home .cm-newsletter{
    position:relative!important;
    z-index:5!important;
    margin-top:-28px!important;
    margin-bottom:0!important;
  }
}
@media (max-width:420px){
  html body.page-home footer.cm-news-footer,
  html body.page-home .cm-news-footer{
    margin-top:8px!important;
    padding-top:0!important;
  }
  html body.page-home .cm-newsletter{
    margin-top:-34px!important;
  }
}


/* FIX112: mobile - paksa card newsletter naik jelas, karena masih ada gap ungu terlalu jauh */
@media (max-width:760px){
  html body.page-home footer.cm-news-footer,
  html body.page-home .cm-news-footer{
    margin-top:-18px!important;
    padding-top:0!important;
    overflow:visible!important;
  }
  html body.page-home .cm-news-footer-inner{
    margin-top:0!important;
    padding-top:0!important;
    gap:12px!important;
    align-items:start!important;
  }
  html body.page-home .cm-newsletter{
    position:relative!important;
    z-index:30!important;
    margin-top:0!important;
    transform:translateY(-52px)!important;
    will-change:transform!important;
  }
  html body.page-home .cm-footer-brand,
  html body.page-home .cm-footer-col,
  html body.page-home .cm-footer-bottom{
    position:relative!important;
    top:-36px!important;
  }
}
@media (max-width:420px){
  html body.page-home footer.cm-news-footer,
  html body.page-home .cm-news-footer{
    margin-top:-22px!important;
  }
  html body.page-home .cm-newsletter{
    transform:translateY(-64px)!important;
  }
  html body.page-home .cm-footer-brand,
  html body.page-home .cm-footer-col,
  html body.page-home .cm-footer-bottom{
    top:-44px!important;
  }
}


/* FIX113: fokus ke DETAIL PRODUK mobile. Gap antara section terakhir dan card newsletter terlalu jauh. */
@media (max-width:760px){
  html body.page-detail footer.cm-global-footer,
  html body.page-detail .cm-global-footer{
    margin-top:10px!important;
    padding-top:8px!important;
    padding-left:12px!important;
    padding-right:12px!important;
    overflow:visible!important;
  }
  html body.page-detail footer.cm-global-footer::before,
  html body.page-detail .cm-global-footer::before{
    top:-24px!important;
    height:auto!important;
    min-height:0!important;
  }
  html body.page-detail .cm-global-footer-inner,
  html body.page-detail footer.cm-global-footer .cm-global-footer-inner{
    margin-top:0!important;
    padding-top:0!important;
    gap:14px!important;
    align-items:start!important;
  }
  html body.page-detail .cm-global-footer .cm-newsletter,
  html body.page-detail footer.cm-global-footer .cm-newsletter{
    margin-top:0!important;
    margin-bottom:0!important;
    transform:none!important;
  }
  html body.page-detail .cm-global-footer .cm-footer-bottom,
  html body.page-detail footer.cm-global-footer .cm-footer-bottom{
    margin-top:10px!important;
  }
}
@media (max-width:420px){
  html body.page-detail footer.cm-global-footer,
  html body.page-detail .cm-global-footer{
    margin-top:6px!important;
    padding-top:6px!important;
  }
  html body.page-detail footer.cm-global-footer::before,
  html body.page-detail .cm-global-footer::before{
    top:-18px!important;
  }
  html body.page-detail .cm-global-footer-inner,
  html body.page-detail footer.cm-global-footer .cm-global-footer-inner{
    gap:12px!important;
  }
}


/* FIX114: homepage mobile - rapikan jarak newsletter dengan section ulasan, tanpa overlap */
@media (max-width:760px){
  /* batalkan pengangkatan keras sebelumnya yang bikin tabrakan */
  html body.page-home .cm-newsletter{
    position:relative!important;
    z-index:5!important;
    margin-top:0!important;
    margin-bottom:0!important;
    transform:none!important;
    will-change:auto!important;
  }
  html body.page-home .cm-footer-brand,
  html body.page-home .cm-footer-col,
  html body.page-home .cm-footer-bottom{
    position:relative!important;
    top:0!important;
  }

  /* rapatkan jarak antar section dengan cara yang lebih aman */
  html body.page-home .cm-testimonial-wrap,
  html body.page-home .cm-promo-row,
  html body.page-home .cm-stats{
    margin-bottom:12px!important;
    padding-bottom:0!important;
  }

  html body.page-home footer.cm-news-footer,
  html body.page-home .cm-news-footer{
    margin-top:-8px!important;
    padding-top:6px!important;
    overflow:visible!important;
  }
  html body.page-home footer.cm-news-footer::before,
  html body.page-home .cm-news-footer::before{
    top:-28px!important;
  }
  html body.page-home .cm-news-footer-inner{
    margin-top:0!important;
    padding-top:0!important;
    gap:16px!important;
    align-items:start!important;
  }
}
@media (max-width:420px){
  html body.page-home .cm-testimonial-wrap,
  html body.page-home .cm-promo-row,
  html body.page-home .cm-stats{
    margin-bottom:10px!important;
  }
  html body.page-home footer.cm-news-footer,
  html body.page-home .cm-news-footer{
    margin-top:-10px!important;
    padding-top:4px!important;
  }
  html body.page-home footer.cm-news-footer::before,
  html body.page-home .cm-news-footer::before{
    top:-24px!important;
  }
}


/* FIX115: homepage mobile - card newsletter dibuat lebih center secara horizontal */
@media (max-width:760px){
  html body.page-home .cm-news-footer-inner{
    justify-items:center!important;
  }
  html body.page-home .cm-newsletter{
    width:min(390px,calc(100vw - 32px))!important;
    max-width:min(390px,calc(100vw - 32px))!important;
    margin-left:auto!important;
    margin-right:auto!important;
    justify-self:center!important;
    align-self:start!important;
    box-sizing:border-box!important;
  }
}
@media (max-width:420px){
  html body.page-home .cm-newsletter{
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
  }
}


/* FIX116: index.php mobile footer dirapikan supaya brand, sosial, navigasi, bantuan, legalitas center dan seimbang */
@media (max-width:760px){
  html body.page-home footer.cm-news-footer,
  html body.page-home .cm-news-footer{
    padding-left:0!important;
    padding-right:0!important;
    padding-bottom:28px!important;
    overflow:visible!important;
  }
  html body.page-home .cm-news-footer-inner{
    width:100%!important;
    max-width:420px!important;
    margin:0 auto!important;
    padding:0 18px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:26px!important;
    justify-items:center!important;
    align-items:start!important;
    box-sizing:border-box!important;
  }
  html body.page-home .cm-footer-brand,
  html body.page-home .cm-footer-col{
    width:100%!important;
    max-width:360px!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
    justify-self:center!important;
    box-sizing:border-box!important;
  }
  html body.page-home .cm-footer-brand h3,
  html body.page-home .cm-footer-col h3{
    margin:0 0 12px!important;
    text-align:center!important;
    font-size:17px!important;
    line-height:1.25!important;
    color:#17164f!important;
  }
  html body.page-home .cm-footer-brand p,
  html body.page-home .cm-footer-col p{
    max-width:330px!important;
    margin:0 auto 14px!important;
    text-align:center!important;
    font-size:13px!important;
    line-height:1.65!important;
    color:#575280!important;
  }
  html body.page-home .cm-socials{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:12px!important;
    margin:14px auto 0!important;
    padding:0!important;
  }
  html body.page-home .cm-socials a{
    margin:0!important;
    flex:0 0 auto!important;
  }
  html body.page-home .cm-footer-col{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:8px!important;
  }
  html body.page-home .cm-footer-col a{
    display:block!important;
    width:auto!important;
    margin:0!important;
    padding:2px 0!important;
    text-align:center!important;
    font-size:13px!important;
    line-height:1.45!important;
    color:#3b326d!important;
  }
  html body.page-home .cm-footer-bottom{
    width:100%!important;
    max-width:420px!important;
    margin:24px auto 0!important;
    padding:0 18px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  html body.page-home .cm-trust-badges{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:8px!important;
    width:100%!important;
  }
}
@media (max-width:420px){
  html body.page-home .cm-news-footer-inner,
  html body.page-home .cm-footer-bottom{
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  html body.page-home .cm-footer-brand,
  html body.page-home .cm-footer-col{
    max-width:330px!important;
  }
}


/* FIX117: footer mobile homepage diratakan kiri semua */
@media (max-width:760px){
  html body.page-home .cm-news-footer-inner,
  html body.page-home .cm-footer-brand,
  html body.page-home .cm-footer-col,
  html body.page-home .cm-footer-brand h3,
  html body.page-home .cm-footer-col h3,
  html body.page-home .cm-footer-brand p,
  html body.page-home .cm-footer-col p,
  html body.page-home .cm-footer-col a,
  html body.page-home .cm-footer-bottom{
    text-align:left!important;
    justify-items:start!important;
    align-items:start!important;
  }
  html body.page-home .cm-news-footer-inner{
    justify-items:start!important;
    align-items:start!important;
  }
  html body.page-home .cm-footer-brand,
  html body.page-home .cm-footer-col{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    justify-self:start!important;
    align-self:start!important;
  }
  html body.page-home .cm-footer-brand .cm-socials,
  html body.page-home .cm-trust-badges{
    justify-content:flex-start!important;
    align-items:center!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  html body.page-home .cm-footer-col a,
  html body.page-home .cm-footer-brand p{
    display:block!important;
    text-align:left!important;
  }
}


/* FIX119: samakan jarak card newsletter di halaman login dan halaman lain agar tidak terlalu turun */
@media (max-width:760px){
  html body:not(.page-home) footer.cm-global-footer,
  html body:not(.page-home) .cm-global-footer{
    margin-top:8px!important;
    padding-top:8px!important;
    padding-left:12px!important;
    padding-right:12px!important;
    overflow:visible!important;
  }
  html body:not(.page-home) footer.cm-global-footer::before,
  html body:not(.page-home) .cm-global-footer::before{
    top:-22px!important;
    height:auto!important;
    min-height:0!important;
  }
  html body:not(.page-home) .cm-global-footer-inner,
  html body:not(.page-home) footer.cm-global-footer .cm-global-footer-inner{
    margin-top:0!important;
    padding-top:0!important;
    gap:16px!important;
    align-items:start!important;
    justify-items:center!important;
  }
  html body:not(.page-home) .cm-global-footer .cm-newsletter,
  html body:not(.page-home) footer.cm-global-footer .cm-newsletter{
    width:min(390px,calc(100vw - 32px))!important;
    max-width:min(390px,calc(100vw - 32px))!important;
    margin:0 auto!important;
    justify-self:center!important;
    align-self:start!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  html body:not(.page-home) .cm-global-footer .cm-footer-bottom,
  html body:not(.page-home) footer.cm-global-footer .cm-footer-bottom{
    margin-top:10px!important;
  }
}
@media (max-width:420px){
  html body:not(.page-home) footer.cm-global-footer,
  html body:not(.page-home) .cm-global-footer{
    margin-top:6px!important;
    padding-top:6px!important;
  }
  html body:not(.page-home) footer.cm-global-footer::before,
  html body:not(.page-home) .cm-global-footer::before{
    top:-16px!important;
  }
  html body:not(.page-home) .cm-global-footer-inner,
  html body:not(.page-home) footer.cm-global-footer .cm-global-footer-inner{
    gap:14px!important;
  }
  html body:not(.page-home) .cm-global-footer .cm-newsletter,
  html body:not(.page-home) footer.cm-global-footer .cm-newsletter{
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
  }
}


/* FIX120: footer mobile di semua halaman rata kiri, jangan center */
@media (max-width:760px){
  html body.page-home .cm-news-footer-inner,
  html body.page-home footer.cm-news-footer .cm-news-footer-inner,
  html body[class*="page-"] .cm-global-footer-inner,
  html body[class*="page-"] footer.cm-global-footer .cm-global-footer-inner{
    justify-items:start!important;
    align-items:start!important;
    text-align:left!important;
  }

  html body.page-home .cm-footer-brand,
  html body.page-home .cm-footer-col,
  html body[class*="page-"] .cm-global-footer .cm-footer-brand,
  html body[class*="page-"] .cm-global-footer .cm-footer-col{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    justify-self:start!important;
    align-self:start!important;
    text-align:left!important;
  }

  html body.page-home .cm-footer-brand h3,
  html body.page-home .cm-footer-col h3,
  html body.page-home .cm-footer-brand p,
  html body.page-home .cm-footer-col p,
  html body.page-home .cm-footer-col a,
  html body[class*="page-"] .cm-global-footer .cm-footer-brand h3,
  html body[class*="page-"] .cm-global-footer .cm-footer-col h3,
  html body[class*="page-"] .cm-global-footer .cm-footer-brand p,
  html body[class*="page-"] .cm-global-footer .cm-footer-col p,
  html body[class*="page-"] .cm-global-footer .cm-footer-col a{
    text-align:left!important;
  }

  html body.page-home .cm-footer-brand .cm-socials,
  html body.page-home .cm-trust-badges,
  html body[class*="page-"] .cm-global-footer .cm-footer-brand .cm-socials,
  html body[class*="page-"] .cm-global-footer .cm-trust-badges{
    justify-content:flex-start!important;
    align-items:center!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  html body.page-home .cm-footer-bottom,
  html body[class*="page-"] .cm-global-footer .cm-footer-bottom{
    text-align:left!important;
  }
}


/* FIX121: homepage mobile dibuat lebih center, tidak mepet kiri */
@media (max-width:760px){
  :root{--cm-fix121-side:16px!important;}
  html body.page-home .cm-topbar,
  html body.page-home .cm-nav-row,
  html body.page-home .cm-nav-menu,
  html body.page-home .cm-hero,
  html body.page-home .cm-category-panel,
  html body.page-home .cm-benefit-strip,
  html body.page-home section#produk,
  html body.page-home .cm-promo-row,
  html body.page-home .cm-stats,
  html body.page-home .cm-testimonial-wrap,
  html body.page-home .cm-newsletter{
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  html body.page-home .cm-topbar,
  html body.page-home .cm-nav-row,
  html body.page-home .cm-nav-menu{
    padding-left:var(--cm-fix121-side)!important;
    padding-right:var(--cm-fix121-side)!important;
  }
  html body.page-home .cm-hero{
    padding-left:var(--cm-fix121-side)!important;
    padding-right:var(--cm-fix121-side)!important;
  }
  html body.page-home .cm-category-panel,
  html body.page-home .cm-benefit-strip,
  html body.page-home section#produk,
  html body.page-home .cm-promo-row,
  html body.page-home .cm-stats,
  html body.page-home .cm-testimonial-wrap,
  html body.page-home .cm-newsletter{
    width:calc(100vw - (var(--cm-fix121-side) * 2))!important;
    max-width:calc(100vw - (var(--cm-fix121-side) * 2))!important;
    margin-left:var(--cm-fix121-side)!important;
    margin-right:var(--cm-fix121-side)!important;
  }
  html body.page-home .cm-hero-copy,
  html body.page-home .cm-hero-art,
  html body.page-home .cm-benefit-mini{
    max-width:100%!important;
    min-width:0!important;
  }
}
@media (max-width:420px){
  :root{--cm-fix121-side:14px!important;}
  html body.page-home .cm-topbar,
  html body.page-home .cm-nav-row,
  html body.page-home .cm-nav-menu,
  html body.page-home .cm-hero{
    padding-left:var(--cm-fix121-side)!important;
    padding-right:var(--cm-fix121-side)!important;
  }
  html body.page-home .cm-category-panel,
  html body.page-home .cm-benefit-strip,
  html body.page-home section#produk,
  html body.page-home .cm-promo-row,
  html body.page-home .cm-stats,
  html body.page-home .cm-testimonial-wrap,
  html body.page-home .cm-newsletter{
    width:calc(100vw - (var(--cm-fix121-side) * 2))!important;
    max-width:calc(100vw - (var(--cm-fix121-side) * 2))!important;
    margin-left:var(--cm-fix121-side)!important;
    margin-right:var(--cm-fix121-side)!important;
  }
}


/* FIX122: reset shift kiri di homepage mobile, lalu center ulang dengan padding seimbang */
@media (max-width:760px){
  html body.page-home,
  html body.page-home > .wrap,
  html body.page-home > .wrap#top,
  html body.page-home .cm-header,
  html body.page-home main.cm-page,
  html body.page-home .cm-page,
  html body.page-home .cm-hero{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    left:0!important;
    right:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  @supports (width:100dvw){
    html body.page-home > .wrap,
    html body.page-home > .wrap#top,
    html body.page-home .cm-header,
    html body.page-home main.cm-page,
    html body.page-home .cm-page,
    html body.page-home .cm-hero{
      width:100dvw!important;
      max-width:100dvw!important;
    }
  }

  :root{--cm-fix122-gutter:14px!important;}

  html body.page-home .cm-topbar,
  html body.page-home .cm-nav-row,
  html body.page-home .cm-nav-menu,
  html body.page-home .cm-hero{
    padding-left:var(--cm-fix122-gutter)!important;
    padding-right:var(--cm-fix122-gutter)!important;
  }

  html body.page-home .cm-category-panel,
  html body.page-home .cm-benefit-strip,
  html body.page-home section#produk,
  html body.page-home .cm-promo-row,
  html body.page-home .cm-stats,
  html body.page-home .cm-testimonial-wrap,
  html body.page-home .cm-newsletter{
    width:calc(100% - (var(--cm-fix122-gutter) * 2))!important;
    max-width:calc(100% - (var(--cm-fix122-gutter) * 2))!important;
    min-width:0!important;
    margin-left:var(--cm-fix122-gutter)!important;
    margin-right:var(--cm-fix122-gutter)!important;
    box-sizing:border-box!important;
  }
}
@media (max-width:420px){
  :root{--cm-fix122-gutter:12px!important;}
}


/* FIX123: mobile homepage benar-benar dicenter, bukan full mepet kiri */
@media (max-width:760px){
  html,body{
    overflow-x:hidden!important;
  }
  html body.page-home > .wrap,
  html body.page-home > .wrap#top{
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    left:0!important;
    right:0!important;
    transform:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  html body.page-home .cm-header,
  html body.page-home main.cm-page,
  html body.page-home .cm-page,
  html body.page-home .cm-hero,
  html body.page-home .cm-category-panel,
  html body.page-home .cm-benefit-strip,
  html body.page-home section#produk,
  html body.page-home .cm-promo-row,
  html body.page-home .cm-stats,
  html body.page-home .cm-testimonial-wrap,
  html body.page-home .cm-newsletter{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    min-width:0!important;
    margin-left:10px!important;
    margin-right:10px!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  html body.page-home .cm-header{
    border-radius:0!important;
    overflow:hidden!important;
  }
  html body.page-home .cm-topbar,
  html body.page-home .cm-nav-row,
  html body.page-home .cm-nav-menu,
  html body.page-home .cm-top-search{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  html body.page-home .cm-topbar,
  html body.page-home .cm-nav-row{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  html body.page-home .cm-nav-menu{
    padding-left:0!important;
    padding-right:0!important;
  }
  html body.page-home .cm-hero{
    padding-left:14px!important;
    padding-right:14px!important;
    border-radius:0 0 28px 28px!important;
    overflow:hidden!important;
  }
}
@media (max-width:420px){
  html body.page-home .cm-header,
  html body.page-home main.cm-page,
  html body.page-home .cm-page,
  html body.page-home .cm-hero,
  html body.page-home .cm-category-panel,
  html body.page-home .cm-benefit-strip,
  html body.page-home section#produk,
  html body.page-home .cm-promo-row,
  html body.page-home .cm-stats,
  html body.page-home .cm-testimonial-wrap,
  html body.page-home .cm-newsletter{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    margin-left:8px!important;
    margin-right:8px!important;
  }
  html body.page-home .cm-topbar,
  html body.page-home .cm-nav-row{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  html body.page-home .cm-hero{
    padding-left:12px!important;
    padding-right:12px!important;
  }
}


/* FIX124: homepage mobile benar-benar dicenter. Wrapper utama diberi gutter kiri-kanan seimbang, bukan full mepet kiri. */
@media (max-width:760px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
  }
  html body.page-home{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    background:#11144b!important;
  }
  html body.page-home > #top.wrap,
  html body.page-home > .wrap#top{
    --fix124-gap:12px;
    display:block!important;
    width:calc(100vw - (var(--fix124-gap) * 2))!important;
    max-width:calc(100vw - (var(--fix124-gap) * 2))!important;
    min-width:0!important;
    margin-left:var(--fix124-gap)!important;
    margin-right:var(--fix124-gap)!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    overflow:hidden!important;
  }
  @supports (width:100dvw){
    html body.page-home > #top.wrap,
    html body.page-home > .wrap#top{
      width:calc(100dvw - (var(--fix124-gap) * 2))!important;
      max-width:calc(100dvw - (var(--fix124-gap) * 2))!important;
    }
  }
  html body.page-home > #top.wrap .cm-header,
  html body.page-home > #top.wrap main.cm-page,
  html body.page-home > #top.wrap .cm-page,
  html body.page-home > #top.wrap .cm-hero,
  html body.page-home > #top.wrap .cm-category-panel,
  html body.page-home > #top.wrap .cm-benefit-strip,
  html body.page-home > #top.wrap section#produk,
  html body.page-home > #top.wrap .cm-promo-row,
  html body.page-home > #top.wrap .cm-stats,
  html body.page-home > #top.wrap .cm-testimonial-wrap,
  html body.page-home > #top.wrap .cm-newsletter{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  html body.page-home > #top.wrap .cm-header{
    border-radius:0!important;
    overflow:hidden!important;
  }
  html body.page-home > #top.wrap .cm-topbar,
  html body.page-home > #top.wrap .cm-nav-row,
  html body.page-home > #top.wrap .cm-nav-menu{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:12px!important;
    padding-right:12px!important;
    box-sizing:border-box!important;
  }
  html body.page-home > #top.wrap .cm-hero{
    padding-left:20px!important;
    padding-right:20px!important;
    border-radius:0 0 28px 28px!important;
    overflow:hidden!important;
  }
  html body.page-home > #top.wrap .cm-hero::before,
  html body.page-home > #top.wrap .cm-hero::after{
    width:100%!important;
    max-width:100%!important;
    left:0!important;
    right:0!important;
    transform:none!important;
  }
}
@media (max-width:420px){
  html body.page-home > #top.wrap,
  html body.page-home > .wrap#top{
    --fix124-gap:10px;
  }
  html body.page-home > #top.wrap .cm-hero{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  html body.page-home > #top.wrap .cm-topbar,
  html body.page-home > #top.wrap .cm-nav-row,
  html body.page-home > #top.wrap .cm-nav-menu{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* FIX125: mobile homepage - beri jarak antara hero dan section putih pertama agar tidak menyatu */
@media (max-width:760px){
  html body.page-home .cm-hero{
    margin-bottom:14px!important;
  }
  html body.page-home .cm-category-panel,
  html body.page-home .cm-benefit-strip,
  html body.page-home section#produk{
    margin-top:0!important;
  }
}
@media (max-width:420px){
  html body.page-home .cm-hero{
    margin-bottom:12px!important;
  }
}


/* FIX126: mobile homepage - pisahkan hero dan section putih, matikan margin negatif bawaan */
@media (max-width:760px){
  html body.page-home .cm-hero,
  html body.page-home .wrap .cm-hero{
    margin-bottom:0!important;
    padding-bottom:56px!important;
  }
  html body.page-home .cm-category-panel,
  html body.page-home .wrap .cm-category-panel{
    margin-top:14px!important;
    margin-bottom:18px!important;
    transform:none!important;
    position:relative!important;
    top:auto!important;
  }
  html body.page-home .cm-benefit-strip,
  html body.page-home .wrap .cm-benefit-strip{
    margin-top:0!important;
  }
}
@media (max-width:420px){
  html body.page-home .cm-hero,
  html body.page-home .wrap .cm-hero{
    padding-bottom:48px!important;
  }
  html body.page-home .cm-category-panel,
  html body.page-home .wrap .cm-category-panel{
    margin-top:12px!important;
  }
}


/* FIX127: hilangkan total pop-up Bantuan Pilih Source Code */
.smart-wa-capture-modal,.smart-wa-capture-card,.smart-wa-capture-trigger,[data-smart-wa-capture-open]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}


/* FIX128: mobile header menu tidak menumpuk. Menu dibuat scroll horizontal rapi, member pill disembunyikan di mobile. */
@media (max-width:760px){
  html body[class*="page-"] .cm-nav-row,
  html body[class*="page-"] .wrap .cm-nav-row,
  html body.page-home > #top.wrap .cm-nav-row{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:52px!important;
    padding:6px 10px!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    scrollbar-width:none!important;
    box-sizing:border-box!important;
    position:relative!important;
  }
  html body[class*="page-"] .cm-nav-row::-webkit-scrollbar,
  html body[class*="page-"] .wrap .cm-nav-row::-webkit-scrollbar,
  html body.page-home > #top.wrap .cm-nav-row::-webkit-scrollbar{
    display:none!important;
  }
  html body[class*="page-"] .cm-nav-menu,
  html body[class*="page-"] .wrap .cm-nav-menu,
  html body.page-home > #top.wrap .cm-nav-menu{
    display:flex!important;
    flex:0 0 auto!important;
    width:max-content!important;
    max-width:none!important;
    min-width:max-content!important;
    gap:8px!important;
    align-items:center!important;
    padding:0 10px 0 0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  html body[class*="page-"] .cm-nav-item,
  html body[class*="page-"] .wrap .cm-nav-item,
  html body.page-home > #top.wrap .cm-nav-item{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    height:38px!important;
    padding:0 13px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:12px!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
  }
  html body[class*="page-"] .cm-member-pill,
  html body[class*="page-"] .wrap .cm-member-pill,
  html body.page-home > #top.wrap .cm-member-pill{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}


/* FIX129: mobile top header melayang saat scroll, tanpa background gelap */
@media (max-width:760px){
  html body[class*="page-"] .cm-header,
  html body[class*="page-"] .wrap .cm-header,
  html body.page-home > #top.wrap .cm-header{
    position:sticky!important;
    top:0!important;
    z-index:99990!important;
    background:linear-gradient(135deg,#17164f 0%,#21185f 52%,#2d1f78 100%)!important;
    box-shadow:0 12px 34px rgba(14,12,57,.26)!important;
    box-shadow:none!important;
    border:0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
  }
  html body[class*="page-"] .cm-topbar,
  html body[class*="page-"] .wrap .cm-topbar,
  html body.page-home > #top.wrap .cm-topbar{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    border:0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html body[class*="page-"] .cm-header::before,
  html body[class*="page-"] .cm-header::after,
  html body[class*="page-"] .cm-topbar::before,
  html body[class*="page-"] .cm-topbar::after{
    display:none!important;
    content:none!important;
    background:none!important;
    box-shadow:none!important;
  }
}


/* FIX130: mobile top logo/action benar-benar melayang saat scroll, tanpa background bar */
@media (max-width:760px){
  html body[class*="page-"] .cm-header,
  html body[class*="page-"] .wrap .cm-header,
  html body.page-home > #top.wrap .cm-header{
    position:relative!important;
    top:auto!important;
    z-index:9990!important;
    background:linear-gradient(135deg,#17164f 0%,#21185f 52%,#2d1f78 100%)!important;
    box-shadow:0 12px 34px rgba(14,12,57,.26)!important;
    box-shadow:none!important;
    border:0!important;
    outline:0!important;
    overflow:visible!important;
    isolation:auto!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  html body[class*="page-"] .cm-header::before,
  html body[class*="page-"] .cm-header::after,
  html body[class*="page-"] .cm-topbar::before,
  html body[class*="page-"] .cm-topbar::after{
    display:none!important;
    content:none!important;
    background:none!important;
    background-image:none!important;
    box-shadow:none!important;
    border:0!important;
  }

  html body[class*="page-"] .cm-topbar,
  html body[class*="page-"] .wrap .cm-topbar,
  html body.page-home > #top.wrap .cm-topbar{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    z-index:9991!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"search"!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:70px 12px 10px!important;
    gap:8px!important;
    box-sizing:border-box!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    border:0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  html body[class*="page-"] .cm-brand,
  html body[class*="page-"] .wrap .cm-brand,
  html body.page-home > #top.wrap .cm-brand{
    position:fixed!important;
    top:10px!important;
    left:max(14px,calc((100vw - 430px) / 2 + 14px))!important;
    z-index:2147483000!important;
    width:auto!important;
    max-width:calc(100vw - 150px)!important;
    min-width:0!important;
    height:48px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    border:0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  html body[class*="page-"] .cm-actions,
  html body[class*="page-"] .wrap .cm-actions,
  html body.page-home > #top.wrap .cm-actions{
    position:fixed!important;
    top:12px!important;
    right:max(12px,calc((100vw - 430px) / 2 + 12px))!important;
    z-index:2147483000!important;
    width:auto!important;
    max-width:146px!important;
    height:46px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    border:0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  html body[class*="page-"] .cm-top-search,
  html body[class*="page-"] .wrap .cm-top-search,
  html body.page-home > #top.wrap .cm-top-search{
    grid-area:search!important;
    position:relative!important;
    order:1!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    z-index:2!important;
  }

  /* FIX-MENU: nav-row dulu z-index:1 (di bawah .cm-header z-index:2) →
     menu ketimbun/tertutup. Sekarang di ATAS konten. */
  html body[class*="page-"] .cm-nav-row,
  html body[class*="page-"] .wrap .cm-nav-row,
  html body.page-home > #top.wrap .cm-nav-row{
    position:relative!important;
    z-index:50!important;
  }
}
@media (max-width:420px){
  html body[class*="page-"] .cm-brand,
  html body[class*="page-"] .wrap .cm-brand,
  html body.page-home > #top.wrap .cm-brand{
    left:12px!important;
    max-width:calc(100vw - 142px)!important;
  }
  html body[class*="page-"] .cm-actions,
  html body[class*="page-"] .wrap .cm-actions,
  html body.page-home > #top.wrap .cm-actions{
    right:10px!important;
    gap:7px!important;
  }
}


/* FIX131: footer mobile semua halaman dibuat teks putih */
@media (max-width:760px){
  html body.page-home .cm-news-footer,
  html body[class*="page-"] .cm-global-footer{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
  }

  html body.page-home .cm-news-footer .cm-footer-brand,
  html body.page-home .cm-news-footer .cm-footer-col,
  html body.page-home .cm-news-footer .cm-footer-bottom,
  html body.page-home .cm-news-footer .cm-trust-badges,
  html body.page-home .cm-news-footer .cm-trust-badges span,
  html body[class*="page-"] .cm-global-footer .cm-footer-brand,
  html body[class*="page-"] .cm-global-footer .cm-footer-col,
  html body[class*="page-"] .cm-global-footer .cm-footer-bottom,
  html body[class*="page-"] .cm-global-footer .cm-trust-badges,
  html body[class*="page-"] .cm-global-footer .cm-trust-badges span{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    opacity:1!important;
  }

  html body.page-home .cm-news-footer .cm-footer-brand h3,
  html body.page-home .cm-news-footer .cm-footer-brand p,
  html body.page-home .cm-news-footer .cm-footer-col h3,
  html body.page-home .cm-news-footer .cm-footer-col a,
  html body.page-home .cm-news-footer .cm-footer-bottom span,
  html body.page-home .cm-news-footer .cm-footer-bottom *,
  html body[class*="page-"] .cm-global-footer .cm-footer-brand h3,
  html body[class*="page-"] .cm-global-footer .cm-footer-brand p,
  html body[class*="page-"] .cm-global-footer .cm-footer-col h3,
  html body[class*="page-"] .cm-global-footer .cm-footer-col a,
  html body[class*="page-"] .cm-global-footer .cm-footer-bottom span,
  html body[class*="page-"] .cm-global-footer .cm-footer-bottom *{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    opacity:1!important;
    text-shadow:0 1px 8px rgba(15,12,55,.18)!important;
  }

  html body.page-home .cm-news-footer a,
  html body[class*="page-"] .cm-global-footer a{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    opacity:1!important;
  }

  /* Jangan ubah teks di kartu newsletter putih agar tetap kontras */
  html body.page-home .cm-newsletter,
  html body.page-home .cm-newsletter *,
  html body[class*="page-"] .cm-global-footer .cm-newsletter,
  html body[class*="page-"] .cm-global-footer .cm-newsletter *{
    -webkit-text-fill-color:initial!important;
    text-shadow:none!important;
  }
}


/* FIX131B: footer home + halaman lain, semua teks dibuat putih di desktop dan mobile */
html body.page-home .cm-news-footer .cm-footer-brand,
html body.page-home .cm-news-footer .cm-footer-col,
html body.page-home .cm-news-footer .cm-footer-bottom,
html body.page-home .cm-news-footer .cm-trust-badges,
html body.page-home .cm-news-footer .cm-trust-badges span,
html body[class*="page-"] .cm-global-footer .cm-footer-brand,
html body[class*="page-"] .cm-global-footer .cm-footer-col,
html body[class*="page-"] .cm-global-footer .cm-footer-bottom,
html body[class*="page-"] .cm-global-footer .cm-trust-badges,
html body[class*="page-"] .cm-global-footer .cm-trust-badges span{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
}
html body.page-home .cm-news-footer .cm-footer-brand h3,
html body.page-home .cm-news-footer .cm-footer-brand p,
html body.page-home .cm-news-footer .cm-footer-col h3,
html body.page-home .cm-news-footer .cm-footer-col a,
html body.page-home .cm-news-footer .cm-footer-bottom span,
html body.page-home .cm-news-footer .cm-footer-bottom *,
html body[class*="page-"] .cm-global-footer .cm-footer-brand h3,
html body[class*="page-"] .cm-global-footer .cm-footer-brand p,
html body[class*="page-"] .cm-global-footer .cm-footer-col h3,
html body[class*="page-"] .cm-global-footer .cm-footer-col a,
html body[class*="page-"] .cm-global-footer .cm-footer-bottom span,
html body[class*="page-"] .cm-global-footer .cm-footer-bottom *{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
  text-shadow:0 1px 8px rgba(15,12,55,.18)!important;
}
html body.page-home .cm-news-footer a,
html body[class*="page-"] .cm-global-footer a{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
}


/* FIX132: khusus mobile, heading Produk Terbaru + link Lihat Semua jadi putih */
@media (max-width:760px){
  html body.page-home .wrap #produk .cm-section-head h2,
  html body.page-home .wrap #produk .cm-section-head a,
  html body.page-home .wrap #produk .cm-section-head a i{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
  }
  html body.page-home .wrap #produk .cm-section-head h2 i,
  html body.page-home .wrap #produk .cm-section-head .cm-produk-terbaru-star{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    text-shadow:0 2px 10px rgba(255,255,255,.22)!important;
  }
}


/* FIX133: mobile - heading ulasan dibuat putih, badge ulasan dirapikan, icon kucing diberi animasi */
@media (max-width:760px){
  html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-section-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:10px 0 14px!important;
  }
  html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-section-head h2{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin:0!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    text-shadow:0 4px 16px rgba(17,12,70,.18)!important;
    line-height:1.08!important;
    font-weight:950!important;
  }
  html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-section-head h2 .cm-heading-text{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
  }
  html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-section-head a,
  html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-section-head a i{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    text-shadow:0 4px 16px rgba(17,12,70,.16)!important;
  }
  html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-heading-cat{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:22px!important;
    line-height:1!important;
    transform-origin:50% 72%!important;
    filter:drop-shadow(0 5px 10px rgba(255,190,95,.22));
    animation:fix133CatBounce 1.9s cubic-bezier(.45,0,.25,1) infinite!important;
    will-change:transform,filter!important;
  }
  html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-review-total{
    display:inline-grid!important;
    grid-auto-flow:row!important;
    align-items:center!important;
    justify-items:center!important;
    min-width:86px!important;
    height:auto!important;
    margin-left:4px!important;
    padding:7px 14px 8px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#fff1bc 0%,#ffe18a 100%)!important;
    border:1px solid rgba(255,218,106,.82)!important;
    box-shadow:0 12px 24px rgba(255,191,61,.18)!important;
    color:#6f4300!important;
    -webkit-text-fill-color:#6f4300!important;
  }
  html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-review-total b{
    display:block!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
    color:#6f4300!important;
    -webkit-text-fill-color:#6f4300!important;
  }
  html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-review-total small{
    display:block!important;
    margin-top:2px!important;
    font-size:11px!important;
    line-height:1.05!important;
    font-weight:850!important;
    letter-spacing:.01em!important;
    color:#7e5200!important;
    -webkit-text-fill-color:#7e5200!important;
  }
}
@media (max-width:420px){
  html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-section-head h2{
    font-size:20px!important;
    gap:7px!important;
  }
  html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-heading-cat{
    font-size:21px!important;
  }
  html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-review-total{
    min-width:80px!important;
    padding:6px 12px 7px!important;
    border-radius:16px!important;
  }
  html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-review-total b{
    font-size:15px!important;
  }
  html body.page-home .cm-testimonial-wrap.cm-ulasan-force .cm-review-total small{
    font-size:10.5px!important;
  }
}
@keyframes fix133CatBounce{
  0%,100%{transform:translateY(0) rotate(0deg) scale(1);}
  12%{transform:translateY(-1px) rotate(-7deg) scale(1.02);}
  24%{transform:translateY(-3px) rotate(7deg) scale(1.06);}
  38%{transform:translateY(-1px) rotate(-5deg) scale(1.02);}
  52%{transform:translateY(0) rotate(0deg) scale(1);}
  66%{transform:translateY(-2px) rotate(5deg) scale(1.04);}
  82%{transform:translateY(0) rotate(-3deg) scale(1.01);}
}


/* FIX134: final hard patch ulasan mobile, selector sederhana + inline markup */
@media (max-width:760px){
  .cm-ulasan-heading-fix134,
  html body.page-home .cm-testimonial-wrap .cm-ulasan-heading-fix134{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:10px 0 14px!important;
    position:relative!important;
    z-index:20!important;
  }
  .cm-ulasan-title-fix134,
  .cm-ulasan-title-fix134 *,
  html body.page-home .cm-testimonial-wrap .cm-ulasan-title-fix134,
  html body.page-home .cm-testimonial-wrap .cm-ulasan-title-fix134 .cm-ulasan-title-text-fix134{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  .cm-ulasan-title-fix134{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin:0!important;
    line-height:1.08!important;
    font-weight:950!important;
    text-shadow:0 4px 16px rgba(17,12,70,.22)!important;
  }
  .cm-ulasan-link-fix134,
  .cm-ulasan-link-fix134 *,
  html body.page-home .cm-testimonial-wrap .cm-ulasan-link-fix134,
  html body.page-home .cm-testimonial-wrap .cm-ulasan-link-fix134 *{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  .cm-ulasan-cat-fix134{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:22px!important;
    line-height:1!important;
    transform-origin:50% 72%!important;
    filter:drop-shadow(0 5px 10px rgba(255,190,95,.25))!important;
    animation:fix134CatWiggle 1.75s cubic-bezier(.45,0,.25,1) infinite!important;
    will-change:transform,filter!important;
  }
  .cm-review-total-fix134,
  html body.page-home .cm-review-total-fix134,
  html body.page-home .cm-testimonial-wrap .cm-review-total-fix134{
    display:inline-grid!important;
    grid-auto-flow:row!important;
    align-items:center!important;
    justify-items:center!important;
    min-width:84px!important;
    height:auto!important;
    margin-left:4px!important;
    padding:7px 14px 8px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#fff4c8 0%,#ffe28b 100%)!important;
    border:1px solid rgba(255,224,122,.95)!important;
    box-shadow:0 12px 24px rgba(255,191,61,.18)!important;
    color:#6f4300!important;
    -webkit-text-fill-color:#6f4300!important;
    text-shadow:none!important;
    vertical-align:middle!important;
  }
  .cm-review-total-fix134 b,
  html body.page-home .cm-review-total-fix134 b{
    display:block!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
    color:#6f4300!important;
    -webkit-text-fill-color:#6f4300!important;
    text-shadow:none!important;
  }
  .cm-review-total-fix134 small,
  html body.page-home .cm-review-total-fix134 small{
    display:block!important;
    margin-top:2px!important;
    font-size:11px!important;
    line-height:1.05!important;
    font-weight:850!important;
    color:#7e5200!important;
    -webkit-text-fill-color:#7e5200!important;
    text-shadow:none!important;
  }
}
@media(max-width:420px){
  .cm-ulasan-title-fix134{font-size:20px!important;gap:7px!important;}
  .cm-ulasan-cat-fix134{font-size:21px!important;}
  .cm-review-total-fix134{min-width:80px!important;padding:6px 12px 7px!important;border-radius:16px!important;}
  .cm-review-total-fix134 b{font-size:15px!important;}
  .cm-review-total-fix134 small{font-size:10.5px!important;}
}
@keyframes fix134CatWiggle{
  0%,100%{transform:translateY(0) rotate(0deg) scale(1);}
  14%{transform:translateY(-2px) rotate(-7deg) scale(1.04);}
  28%{transform:translateY(-4px) rotate(7deg) scale(1.08);}
  42%{transform:translateY(-1px) rotate(-4deg) scale(1.03);}
  58%{transform:translateY(0) rotate(0deg) scale(1);}
  74%{transform:translateY(-2px) rotate(5deg) scale(1.05);}
  88%{transform:translateY(0) rotate(-2deg) scale(1.01);}
}


/* FIX135: hilangkan semua card/section AI Finder dari isi halaman/menu */
html body section.ai-finder,
html body .ai-finder.katalog-ai-finder,
html body .katalog-ai-finder,
html body .ai-finder.ai-finder-highlight,
html body .ai-finder-highlight,
html body .katalog-ai-shortcuts{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  max-width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}


/* FIX136: halaman legalitas lengkap + link footer */
html body .legal-page-wrap{
  width:min(980px,100%);
  margin:0 auto 36px!important;
  display:grid;
  gap:16px;
}
html body .legal-hero-card,
html body .legal-content-card,
html body .legal-cta-card{
  background:linear-gradient(180deg,#ffffff 0%,#fbf9ff 100%)!important;
  border:1px solid rgba(139,92,246,.16)!important;
  border-radius:26px!important;
  box-shadow:0 18px 44px rgba(22,36,78,.08)!important;
  color:#17164f!important;
}
html body .legal-hero-card{
  padding:28px!important;
}
html body .legal-badge{
  display:inline-flex!important;
  width:max-content!important;
  border-radius:999px!important;
  padding:8px 13px!important;
  margin-bottom:12px!important;
  background:linear-gradient(135deg,#ffe2f4,#efe3ff)!important;
  border:1px solid rgba(255,112,190,.28)!important;
  color:#8b3ff2!important;
  font-size:12px!important;
  font-weight:950!important;
}
html body .legal-hero-card h1{
  margin:0 0 10px!important;
  color:#17164f!important;
  font-size:34px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}
html body .legal-hero-card p{
  margin:0!important;
  color:#625b91!important;
  font-size:15px!important;
  line-height:1.7!important;
  font-weight:750!important;
}
html body .legal-content-grid{
  display:grid!important;
  gap:14px!important;
}
html body .legal-content-card{
  padding:22px 24px!important;
}
html body .legal-content-card h2{
  margin:0 0 8px!important;
  color:#17164f!important;
  font-size:19px!important;
  line-height:1.25!important;
  font-weight:950!important;
}
html body .legal-content-card p,
html body .legal-cta-card p{
  margin:0!important;
  color:#625b91!important;
  font-size:14px!important;
  line-height:1.75!important;
  font-weight:720!important;
}
html body .legal-cta-card{
  padding:22px 24px!important;
}
html body .legal-cta-card strong{
  display:block!important;
  margin-bottom:6px!important;
  color:#17164f!important;
  font-size:18px!important;
  font-weight:950!important;
}
html body .legal-cta-card .btn{
  margin-top:14px!important;
}
@media(max-width:760px){
  html body .legal-page-wrap{
    width:100%!important;
    margin-top:8px!important;
    gap:14px!important;
  }
  html body .legal-hero-card,
  html body .legal-content-card,
  html body .legal-cta-card{
    border-radius:22px!important;
  }
  html body .legal-hero-card{
    padding:22px!important;
  }
  html body .legal-hero-card h1{
    font-size:27px!important;
  }
  html body .legal-content-card,
  html body .legal-cta-card{
    padding:18px!important;
  }
}


/* FIX137: hero image diganti video upload. WebM alpha dipakai dulu; MP4 fallback dibuat seolah transparan dengan blend mode. */
html body.page-home .cm-hero-video-wrap{
  position:relative!important;
  z-index:2!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  overflow:visible!important;
}
html body.page-home .cm-hero-video-wrap::before{
  content:""!important;
  position:absolute!important;
  width:min(430px,78%)!important;
  height:min(430px,78%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,255,255,.20) 0%,rgba(255,255,255,.08) 36%,rgba(167,139,250,0) 72%)!important;
  z-index:0!important;
  pointer-events:none!important;
  animation:cmHeroGlowPulse 4.8s ease-in-out infinite!important;
}
html body.page-home .cm-hero-video{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:min(630px,100%)!important;
  max-width:100%!important;
  height:auto!important;
  max-height:430px!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 24px 30px rgba(34,21,83,.22))!important;
  mix-blend-mode:multiply!important;
  animation:cmHeroAstronaut 4.8s ease-in-out infinite!important;
}
html body.page-home .cm-hero-video::-webkit-media-controls,
html body.page-home .cm-hero-video::-webkit-media-controls-enclosure{display:none!important;}
@media(max-width:760px){
  html body.page-home .cm-hero-video{
    width:min(360px,96%)!important;
    max-height:330px!important;
  }
  html body.page-home .cm-hero-video-wrap{
    min-height:260px!important;
  }
}
@media(max-width:420px){
  html body.page-home .cm-hero-video{
    width:min(320px,98%)!important;
    max-height:300px!important;
  }
  html body.page-home .cm-hero-video-wrap{
    min-height:238px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body.page-home .cm-hero-video,
  html body.page-home .cm-hero-video-wrap::before{animation:none!important;}
}


/* FIX138: transparan hanya background video hero, bukan seluruh objek/video */
html body.page-home .cm-hero-video-wrap,
html body.page-home .cm-hero-video-wrap::before,
html body.page-home .cm-hero-video{
  background:transparent!important;
  background-color:transparent!important;
}
html body.page-home .cm-hero-video{
  opacity:1!important;
  mix-blend-mode:normal!important;
  isolation:auto!important;
  filter:drop-shadow(0 24px 30px rgba(34,21,83,.22))!important;
}


/* FIX139: hero diganti gambar SAMIDA DIGITAL, tetap ada animasi lembut */
html body.page-home .cm-hero-image-wrap{
  position:relative!important;
  z-index:2!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  overflow:visible!important;
}
html body.page-home .cm-hero-image-wrap::before{
  content:""!important;
  position:absolute!important;
  width:min(520px,82%)!important;
  height:min(520px,82%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,255,255,.18) 0%,rgba(255,255,255,.08) 34%,rgba(167,139,250,0) 72%)!important;
  z-index:0!important;
  pointer-events:none!important;
  animation:fix139HeroGlow 4.8s ease-in-out infinite!important;
}
html body.page-home .cm-hero-main-image,
html body.page-home .cm-hero-samida-logo-img{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:min(650px,100%)!important;
  max-width:100%!important;
  height:auto!important;
  max-height:450px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 24px 32px rgba(34,21,83,.26))!important;
  transform-origin:center center!important;
  animation:fix139HeroFloat 4.6s ease-in-out infinite!important;
  will-change:transform,filter!important;
}
@keyframes fix139HeroFloat{
  0%,100%{transform:translateY(0) rotate(0deg) scale(1);filter:drop-shadow(0 24px 32px rgba(34,21,83,.26));}
  25%{transform:translateY(-8px) rotate(-1.2deg) scale(1.018);filter:drop-shadow(0 30px 36px rgba(34,21,83,.30));}
  50%{transform:translateY(-12px) rotate(1deg) scale(1.03);filter:drop-shadow(0 34px 42px rgba(34,21,83,.32));}
  75%{transform:translateY(-6px) rotate(-.5deg) scale(1.012);filter:drop-shadow(0 28px 36px rgba(34,21,83,.28));}
}
@keyframes fix139HeroGlow{
  0%,100%{transform:scale(.96);opacity:.62;}
  50%{transform:scale(1.06);opacity:.9;}
}
@media(max-width:760px){
  html body.page-home .cm-hero-main-image,
  html body.page-home .cm-hero-samida-logo-img{
    width:min(360px,96%)!important;
    max-height:330px!important;
  }
  html body.page-home .cm-hero-image-wrap{
    min-height:260px!important;
  }
}
@media(max-width:420px){
  html body.page-home .cm-hero-main-image,
  html body.page-home .cm-hero-samida-logo-img{
    width:min(330px,98%)!important;
    max-height:305px!important;
  }
  html body.page-home .cm-hero-image-wrap{
    min-height:240px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body.page-home .cm-hero-main-image,
  html body.page-home .cm-hero-samida-logo-img,
  html body.page-home .cm-hero-image-wrap::before{
    animation:none!important;
  }
}


/* FIX140: ganti panel promo spesial kiri dengan gambar yang user kirim */
html body.page-home .cm-promo-big.cm-promo-image-only{
  padding:0!important;
  background:transparent!important;
  overflow:hidden!important;
}
html body.page-home .cm-promo-big.cm-promo-image-only::before,
html body.page-home .cm-promo-big.cm-promo-image-only::after{
  display:none!important;
  content:none!important;
}
html body.page-home .cm-promo-banner-link{
  display:block!important;
  width:100%!important;
  height:100%!important;
  line-height:0!important;
}
html body.page-home .cm-promo-big.cm-promo-image-only img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:176px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:20px!important;
}
@media(max-width:760px){
  html body.page-home .cm-promo-big.cm-promo-image-only img{
    min-height:150px!important;
    border-radius:18px!important;
  }
}


/* FIX141: Card Dapatkan Update Terbaru hanya tampil di halaman depan/index. Footer halaman lain tidak menampilkan newsletter. */
html body:not(.page-home) footer.cm-global-footer .cm-newsletter,
html body:not(.page-home) .cm-global-footer .cm-newsletter,
html body.page-katalog footer.cm-global-footer .cm-newsletter,
html body.page-detail footer.cm-global-footer .cm-newsletter,
html body.page-cart footer.cm-global-footer .cm-newsletter,
html body.page-auth footer.cm-global-footer .cm-newsletter,
html body.page-account footer.cm-global-footer .cm-newsletter,
html body.page-reseller footer.cm-global-footer .cm-newsletter,
html body.page-storefront footer.cm-global-footer .cm-newsletter,
html body.page-blog footer.cm-global-footer .cm-newsletter,
html body.page-help footer.cm-global-footer .cm-newsletter{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
@media(max-width:900px){
  html body:not(.page-home) .cm-global-footer-inner,
  html body:not(.page-home) footer.cm-global-footer .cm-global-footer-inner{
    grid-template-columns:1fr 1fr 1fr 1fr!important;
  }
}
@media(max-width:620px){
  html body:not(.page-home) .cm-global-footer-inner,
  html body:not(.page-home) footer.cm-global-footer .cm-global-footer-inner{
    grid-template-columns:1fr!important;
  }
}


/* FIX142: newsletter benar-benar hanya boleh tampil di homepage/index tanpa parameter page */
body:not(.page-home) .cm-newsletter,
body:not(.page-home) footer .cm-newsletter,
body:not(.page-home) .cm-global-footer .cm-newsletter,
body.page-katalog .cm-newsletter,
body.page-detail .cm-newsletter,
body.page-cart .cm-newsletter,
body.page-auth .cm-newsletter,
body.page-account .cm-newsletter,
body.page-reseller .cm-newsletter,
body.page-storefront .cm-newsletter,
body.page-blog .cm-newsletter,
body.page-help .cm-newsletter,
body.page-syarat-ketentuan .cm-newsletter,
body.page-kebijakan-privasi .cm-newsletter,
body.page-lisensi .cm-newsletter,
body.page-tentang-kami .cm-newsletter{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  max-width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}


/* FIX143: pisahkan menu header dari hero, lalu beri rounded pada hero */
html body.page-home .cm-home,
html body.page-home main.cm-page.cm-home{
  padding-top:16px!important;
}
html body.page-home .cm-hero,
html body.page-home .wrap .cm-hero,
html body.page-home > #top.wrap .cm-hero{
  margin-top:0!important;
  border-radius:28px!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
html body.page-home .cm-hero::before,
html body.page-home .cm-hero::after{
  border-radius:inherit!important;
}
@media(max-width:760px){
  html body.page-home .cm-home,
  html body.page-home main.cm-page.cm-home{
    padding-top:12px!important;
  }
  html body.page-home .cm-hero,
  html body.page-home .wrap .cm-hero,
  html body.page-home > #top.wrap .cm-hero{
    border-radius:24px!important;
  }
}
@media(max-width:420px){
  html body.page-home .cm-home,
  html body.page-home main.cm-page.cm-home{
    padding-top:10px!important;
  }
  html body.page-home .cm-hero,
  html body.page-home .wrap .cm-hero,
  html body.page-home > #top.wrap .cm-hero{
    border-radius:22px!important;
  }
}


/* FIX144: pisahkan hero dan category panel agar tidak menyatu */
html body.page-home .cm-hero,
html body.page-home .wrap .cm-hero,
html body.page-home > #top.wrap .cm-hero{
  margin-bottom:28px !important;
  border-radius:0 0 34px 34px !important;
  overflow:hidden !important;
}
html body.page-home .cm-category-panel,
html body.page-home .wrap .cm-category-panel,
html body.page-home > #top.wrap .cm-category-panel{
  margin-top:0 !important;
  position:relative !important;
  top:auto !important;
  transform:none !important;
}
@media (max-width:760px){
  html body.page-home .cm-hero,
  html body.page-home .wrap .cm-hero,
  html body.page-home > #top.wrap .cm-hero{
    margin-bottom:18px !important;
    border-radius:0 0 28px 28px !important;
  }
}


/* FIX145: hilangkan background bar menu header, tapi tetap rounded di sisi kiri kanan */
html body.page-home .cm-nav-row,
html body.page-home .wrap .cm-nav-row,
html body.page-home > #top.wrap .cm-nav-row,
html body.page-katalog .cm-nav-row,
html body.page-katalog-category .cm-nav-row,
html body.page-detail .cm-nav-row,
html body.page-cart .cm-nav-row,
html body.page-auth .cm-nav-row,
html body.page-account .cm-nav-row,
html body.page-reseller .cm-nav-row,
html body.page-legal .cm-nav-row,
html body[class*="page-"] .cm-nav-row{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border-top:0 !important;
  border-bottom:0 !important;
  border-left:1px solid rgba(255,255,255,.12) !important;
  border-right:1px solid rgba(255,255,255,.12) !important;
  border-radius:18px !important;
  overflow-x:auto !important;
}
html body.page-home .cm-nav-menu,
html body.page-home > #top.wrap .cm-nav-menu,
html body[class*="page-"] .cm-nav-menu{
  padding-left:4px !important;
  padding-right:4px !important;
}
@media (max-width:760px){
  html body.page-home .cm-nav-row,
  html body.page-home > #top.wrap .cm-nav-row,
  html body[class*="page-"] .cm-nav-row{
    border-radius:16px !important;
    border-left:1px solid rgba(255,255,255,.10) !important;
    border-right:1px solid rgba(255,255,255,.10) !important;
  }
}


/* FIX146: menu Blog di header disembunyikan */
html body .cm-nav-row a[href*="page=blog"],
html body .cm-nav-menu a[href*="page=blog"],
html body .cm-nav-row a[href*="q=blog"],
html body .cm-nav-menu a[href*="q=blog"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}


/* FIX148: desktop only - paket reseller dibuat benar-benar keren dan grid 3 kolom. Mobile tidak disentuh. */
@media (min-width: 861px){
  html body.page-reseller .wrap{
    max-width:1220px!important;
  }
  html body.page-reseller .reseller-package-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:22px!important;
    width:100%!important;
    max-width:100%!important;
    margin:22px 0 18px!important;
    align-items:stretch!important;
  }
  html body.page-reseller .reseller-package-grid .reseller-package{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    min-height:315px!important;
    height:auto!important;
    padding:26px 24px 24px!important;
    border-radius:30px!important;
    overflow:hidden!important;
    isolation:isolate!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 26px 70px rgba(15,10,64,.28), inset 0 1px 0 rgba(255,255,255,.18)!important;
    background:
      radial-gradient(circle at 86% 16%, rgba(255,255,255,.26) 0 0, transparent 27%),
      linear-gradient(135deg,#1f4ed8 0%,#6d45e7 68%,#9b6eff 100%)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    transform:none!important;
  }
  html body.page-reseller .reseller-package-grid .reseller-package:nth-child(2){
    background:
      radial-gradient(circle at 86% 16%, rgba(255,255,255,.25) 0 0, transparent 27%),
      linear-gradient(135deg,#6d45e7 0%,#d750c8 62%,#ff8abf 100%)!important;
  }
  html body.page-reseller .reseller-package-grid .reseller-package:nth-child(3){
    background:
      radial-gradient(circle at 86% 16%, rgba(255,255,255,.25) 0 0, transparent 27%),
      linear-gradient(135deg,#4338ca 0%,#7c3aed 55%,#ffb347 100%)!important;
  }
  html body.page-reseller .reseller-package-grid .reseller-package::before{
    content:""!important;
    position:absolute!important;
    right:-44px!important;
    bottom:-54px!important;
    width:170px!important;
    height:170px!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.16)!important;
    z-index:0!important;
    pointer-events:none!important;
  }
  html body.page-reseller .reseller-package-grid .reseller-package::after{
    position:absolute!important;
    top:22px!important;
    right:22px!important;
    width:54px!important;
    height:54px!important;
    border-radius:20px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(255,255,255,.18)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
    font-size:28px!important;
    z-index:1!important;
    -webkit-text-fill-color:initial!important;
  }
  html body.page-reseller .reseller-package-grid .reseller-package:nth-child(1)::after{content:"🚀"!important;}
  html body.page-reseller .reseller-package-grid .reseller-package:nth-child(2)::after{content:"👑"!important;}
  html body.page-reseller .reseller-package-grid .reseller-package:nth-child(3)::after{content:"💎"!important;}

  html body.page-reseller .reseller-package-grid .reseller-package > *{
    position:relative!important;
    z-index:2!important;
  }
  html body.page-reseller .reseller-package-grid .reseller-package h4{
    margin:0 68px 16px 0!important;
    font-size:25px!important;
    line-height:1.08!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 5px 18px rgba(12,8,45,.20)!important;
  }
  html body.page-reseller .reseller-package-grid .reseller-package .big{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0 0 18px!important;
    padding:10px 16px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.18)!important;
    border:1px solid rgba(255,255,255,.25)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.25)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:26px!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:-.03em!important;
    text-shadow:0 5px 14px rgba(0,0,0,.16)!important;
  }
  html body.page-reseller .reseller-package-grid .reseller-package ul{
    flex:1 1 auto!important;
    margin:0!important;
    padding:17px 18px 17px 26px!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.12)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13)!important;
    list-style:disc!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  html body.page-reseller .reseller-package-grid .reseller-package li{
    margin:0 0 8px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:14px!important;
    line-height:1.62!important;
    font-weight:780!important;
    text-shadow:0 3px 12px rgba(0,0,0,.12)!important;
  }
  html body.page-reseller .reseller-package-grid .reseller-package li:last-child{
    margin-bottom:0!important;
  }
  html body.page-reseller .reseller-package-grid .reseller-package:hover{
    transform:translateY(-6px)!important;
    box-shadow:0 34px 85px rgba(15,10,64,.34), inset 0 1px 0 rgba(255,255,255,.22)!important;
  }
}


html{scroll-behavior:smooth}
html body.page-home #cmServices,
html body.page-home #cmDigitalProducts{scroll-margin-top:110px}

html body.page-home .cm-services-section{
  margin:26px 0 24px!important;
  padding:28px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 0 0,rgba(255,255,255,.20),transparent 32%),
    linear-gradient(135deg,#34238f 0%,#5140c9 50%,#7b53ed 100%)!important;
  border:1px solid rgba(255,255,255,.17)!important;
  box-shadow:0 24px 65px rgba(42,27,111,.24)!important;
  overflow:hidden!important;
  position:relative!important;
}
html body.page-home .cm-services-section::after{
  content:""!important;
  position:absolute!important;
  width:260px!important;
  height:260px!important;
  right:-90px!important;
  top:-120px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,255,255,.20),transparent 68%)!important;
  pointer-events:none!important;
}
html body.page-home .cm-services-heading{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin-bottom:22px!important;
  position:relative!important;
  z-index:1!important;
}
html body.page-home .cm-services-heading h2{
  margin:7px 0 8px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:30px!important;
  line-height:1.14!important;
  letter-spacing:-.02em!important;
}
html body.page-home .cm-services-heading p{
  margin:0!important;
  color:rgba(255,255,255,.82)!important;
  -webkit-text-fill-color:rgba(255,255,255,.82)!important;
  max-width:760px!important;
  line-height:1.6!important;
}
html body.page-home .cm-services-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-weight:800!important;
  font-size:12px!important;
}
html body.page-home .cm-services-head-link{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:44px!important;
  padding:0 17px!important;
  border-radius:15px!important;
  color:#30216f!important;
  -webkit-text-fill-color:#30216f!important;
  background:#fff!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 13px 30px rgba(25,15,82,.22)!important;
}
html body.page-home .cm-services-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  position:relative!important;
  z-index:1!important;
}
html body.page-home .cm-service-card{
  min-width:0!important;
  min-height:328px!important;
  padding:22px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.54)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 18px 42px rgba(31,18,104,.18)!important;
  display:flex!important;
  flex-direction:column!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}
html body.page-home .cm-service-card:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 25px 55px rgba(28,15,98,.26)!important;
}
html body.page-home .cm-service-icon{
  width:56px!important;
  height:56px!important;
  border-radius:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:25px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 12px 28px rgba(61,43,168,.22)!important;
  margin-bottom:16px!important;
}
html body.page-home .cm-service-internet .cm-service-icon{background:linear-gradient(135deg,#147bd1,#29c7d8)!important}
html body.page-home .cm-service-digital .cm-service-icon{background:linear-gradient(135deg,#ed4c9a,#ff8b6d)!important}
html body.page-home .cm-service-source .cm-service-icon{background:linear-gradient(135deg,#6136d8,#9c5df0)!important}
html body.page-home .cm-service-label{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  background:#f0edff!important;
  color:#6240c7!important;
  -webkit-text-fill-color:#6240c7!important;
  font-weight:900!important;
  font-size:11px!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
html body.page-home .cm-service-card h3{
  margin:10px 0 9px!important;
  font-size:21px!important;
  line-height:1.22!important;
  color:#182047!important;
  -webkit-text-fill-color:#182047!important;
}
html body.page-home .cm-service-card p{
  margin:0 0 15px!important;
  color:#68718e!important;
  -webkit-text-fill-color:#68718e!important;
  line-height:1.57!important;
  font-size:13.5px!important;
}
html body.page-home .cm-service-points{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-bottom:18px!important;
}
html body.page-home .cm-service-points span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:6px 8px!important;
  border-radius:10px!important;
  background:#f7f7fd!important;
  color:#515b78!important;
  -webkit-text-fill-color:#515b78!important;
  font-size:11px!important;
  font-weight:800!important;
}
html body.page-home .cm-service-points i{
  color:#22a65a!important;
  -webkit-text-fill-color:#22a65a!important;
}
html body.page-home .cm-service-button{
  margin-top:auto!important;
  min-height:45px!important;
  padding:0 15px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  background:linear-gradient(135deg,#6242d7,#8d5df3)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-decoration:none!important;
  font-weight:900!important;
  box-shadow:0 12px 24px rgba(89,56,197,.24)!important;
}

html body.page-home .cm-digital-products-section{
  margin:28px 0!important;
  padding:25px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#fff 0%,#fbf9ff 55%,#f5f2ff 100%)!important;
  border:1px solid #e6dfff!important;
  box-shadow:0 19px 50px rgba(48,35,111,.10)!important;
}
html body.page-home .cm-digital-products-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:18px!important;
}
html body.page-home .cm-digital-products-head h2{
  margin:6px 0 6px!important;
  color:#23244b!important;
  -webkit-text-fill-color:#23244b!important;
  font-size:28px!important;
}
html body.page-home .cm-digital-products-head p{
  margin:0!important;
  color:#6a708c!important;
  -webkit-text-fill-color:#6a708c!important;
}
html body.page-home .cm-digital-products-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#7549d7!important;
  -webkit-text-fill-color:#7549d7!important;
  font-weight:900!important;
  font-size:12px!important;
}
html body.page-home .cm-digital-products-head > a{
  flex:0 0 auto!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 14px!important;
  border-radius:13px!important;
  background:#ede7ff!important;
  color:#5e3ec5!important;
  -webkit-text-fill-color:#5e3ec5!important;
  text-decoration:none!important;
  font-weight:900!important;
}
html body.page-home .cm-digital-category-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
html body.page-home .cm-digital-category-card{
  min-width:0!important;
  min-height:210px!important;
  padding:18px!important;
  border-radius:20px!important;
  border:1px solid #ece7fa!important;
  background:#fff!important;
  color:#202747!important;
  -webkit-text-fill-color:#202747!important;
  text-decoration:none!important;
  box-shadow:0 11px 28px rgba(49,34,114,.07)!important;
  transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease!important;
  display:flex!important;
  flex-direction:column!important;
}
html body.page-home .cm-digital-category-card:hover{
  transform:translateY(-5px)!important;
  border-color:#bfa9ff!important;
  box-shadow:0 20px 38px rgba(49,34,114,.14)!important;
}
html body.page-home .cm-digital-category-icon{
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:linear-gradient(135deg,#6a44dc,#b15ce7)!important;
  font-size:21px!important;
  margin-bottom:14px!important;
}
html body.page-home .cm-digital-category-card:nth-child(2) .cm-digital-category-icon{background:linear-gradient(135deg,#f04b9b,#ff8d65)!important}
html body.page-home .cm-digital-category-card:nth-child(3) .cm-digital-category-icon{background:linear-gradient(135deg,#167dd2,#31c9ce)!important}
html body.page-home .cm-digital-category-card:nth-child(4) .cm-digital-category-icon{background:linear-gradient(135deg,#ff9c28,#f4c838)!important}
html body.page-home .cm-digital-category-card strong{
  color:#24294d!important;
  -webkit-text-fill-color:#24294d!important;
  font-size:16px!important;
  line-height:1.3!important;
  margin-bottom:7px!important;
}
html body.page-home .cm-digital-category-card small{
  color:#727894!important;
  -webkit-text-fill-color:#727894!important;
  font-size:12px!important;
  line-height:1.55!important;
}
html body.page-home .cm-digital-category-card b{
  margin-top:auto!important;
  padding-top:14px!important;
  color:#7046d3!important;
  -webkit-text-fill-color:#7046d3!important;
  font-size:12px!important;
}

@media(max-width:980px){
  html body.page-home .cm-services-grid{grid-template-columns:1fr!important}
  html body.page-home .cm-service-card{min-height:0!important}
  html body.page-home .cm-digital-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  html body.page-home .cm-services-section{
    margin:18px 0!important;
    padding:18px 14px!important;
    border-radius:24px!important;
  }
  html body.page-home .cm-services-heading,
  html body.page-home .cm-digital-products-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:13px!important;
  }
  html body.page-home .cm-services-heading h2,
  html body.page-home .cm-digital-products-head h2{font-size:23px!important}
  html body.page-home .cm-services-head-link,
  html body.page-home .cm-digital-products-head > a{width:100%!important;justify-content:center!important}
  html body.page-home .cm-services-grid{gap:12px!important}
  html body.page-home .cm-service-card{padding:17px!important;border-radius:20px!important}
  html body.page-home .cm-digital-products-section{
    margin:20px 0!important;
    padding:17px 14px!important;
    border-radius:23px!important;
  }
  html body.page-home .cm-digital-category-grid{grid-template-columns:1fr!important;gap:11px!important}
  html body.page-home .cm-digital-category-card{min-height:0!important;padding:16px!important}
}


html,body{min-height:100%!important;}
body.page-home{
  background:linear-gradient(180deg,#17164f 0%,#332a8f 46%,#7b69dc 100%)!important;
  position:relative!important;
  overflow-x:hidden!important;
}
body.page-home::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  background:
    radial-gradient(circle at 12% 10%, rgba(255,220,120,.14), transparent 14%),
    radial-gradient(circle at 88% 16%, rgba(116,211,255,.18), transparent 14%),
    linear-gradient(180deg,#17164f 0%,#332a8f 46%,#7b69dc 100%)!important;
}
body.page-home::after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-1!important;
  background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,0),rgba(255,255,255,.05))!important;
  pointer-events:none!important;
}
body.page-home .wrap{
  position:relative!important;
  z-index:1!important;
  background:transparent!important;
}
@media(max-width:760px){
  body.page-home::before{background:linear-gradient(180deg,#17164f 0%,#332a8f 46%,#7b69dc 100%)!important;}
}


/* FIX158: paksa wave footer lebih halus dan rata */
html body.page-home footer.cm-news-footer,
html body[class*="page-"] footer.cm-global-footer,
html body.page-home .cm-news-footer,
html body[class*="page-"] .cm-global-footer{
  margin-top:74px!important;
  padding-top:24px!important;
  background:#f2ecff!important;
  background-image:linear-gradient(180deg,#f7f3ff 0%,#efe8ff 100%)!important;
}
html body.page-home footer.cm-news-footer::before,
html body[class*="page-"] footer.cm-global-footer::before,
html body.page-home .cm-news-footer::before,
html body[class*="page-"] .cm-global-footer::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  bottom:calc(100% - 1px)!important;
  width:100vw!important;
  height:96px!important;
  min-height:96px!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  z-index:0!important;
  background:url('assets/img/footer-wave-premium-fix158.svg') center bottom / 100% 100% no-repeat!important;
}
html body.page-home footer.cm-news-footer::after,
html body[class*="page-"] footer.cm-global-footer::after,
html body.page-home .cm-news-footer::after,
html body[class*="page-"] .cm-global-footer::after{
  display:none!important;
  content:none!important;
  background:none!important;
}
@media(max-width:760px){
  html body.page-home footer.cm-news-footer,
  html body[class*="page-"] footer.cm-global-footer,
  html body.page-home .cm-news-footer,
  html body[class*="page-"] .cm-global-footer{
    margin-top:58px!important;
    padding-top:22px!important;
    background:linear-gradient(180deg,#f7f3ff 0%,#efe8ff 100%)!important;
  }
  html body.page-home footer.cm-news-footer::before,
  html body[class*="page-"] footer.cm-global-footer::before,
  html body.page-home .cm-news-footer::before,
  html body[class*="page-"] .cm-global-footer::before{
    height:72px!important;
    min-height:72px!important;
    background:url('assets/img/footer-wave-premium-fix158.svg') center bottom / 100% 100% no-repeat!important;
  }
}


/* FIX159: hilangkan seluruh garis/wave putih pemisah footer */
html body.page-home footer.cm-news-footer,
html body[class*="page-"] footer.cm-global-footer,
html body.page-home .cm-news-footer,
html body[class*="page-"] .cm-global-footer{
  margin-top:24px!important;
  padding-top:24px!important;
  background:#f2ecff!important;
  background-image:linear-gradient(180deg,#f6f2ff 0%,#efe8ff 100%)!important;
  box-shadow:0 140px 0 140px #efe8ff!important;
}
html body.page-home footer.cm-news-footer::before,
html body[class*="page-"] footer.cm-global-footer::before,
html body.page-home .cm-news-footer::before,
html body[class*="page-"] .cm-global-footer::before,
html body.page-home footer.cm-news-footer::after,
html body[class*="page-"] footer.cm-global-footer::after,
html body.page-home .cm-news-footer::after,
html body[class*="page-"] .cm-global-footer::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  box-shadow:none!important;
}
@media(max-width:760px){
  html body.page-home footer.cm-news-footer,
  html body[class*="page-"] footer.cm-global-footer,
  html body.page-home .cm-news-footer,
  html body[class*="page-"] .cm-global-footer{
    margin-top:18px!important;
    padding-top:20px!important;
    box-shadow:0 110px 0 110px #efe8ff!important;
  }
}


/* FIX160: seluruh teks footer homepage putih, diletakkan paling akhir agar tidak ditimpa patch lama */
html body.page-home footer.cm-news-footer .cm-footer-brand h3,
html body.page-home footer.cm-news-footer .cm-footer-brand p,
html body.page-home footer.cm-news-footer .cm-footer-col h3,
html body.page-home footer.cm-news-footer .cm-footer-col a,
html body.page-home footer.cm-news-footer .cm-footer-bottom,
html body.page-home footer.cm-news-footer .cm-footer-bottom span,
html body.page-home footer.cm-news-footer .cm-trust-badges span,
html body.page-home footer.cm-news-footer .cm-trust-badges span i,
html body.page-home .cm-news-footer .cm-footer-brand h3,
html body.page-home .cm-news-footer .cm-footer-brand p,
html body.page-home .cm-news-footer .cm-footer-col h3,
html body.page-home .cm-news-footer .cm-footer-col a,
html body.page-home .cm-news-footer .cm-footer-bottom,
html body.page-home .cm-news-footer .cm-footer-bottom span,
html body.page-home .cm-news-footer .cm-trust-badges span,
html body.page-home .cm-news-footer .cm-trust-badges span i{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
  text-shadow:0 2px 10px rgba(17,12,70,.20)!important;
}
html body.page-home footer.cm-news-footer .cm-footer-col a:hover,
html body.page-home .cm-news-footer .cm-footer-col a:hover{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:.86!important;
}


/* FIX161: halaman katalog footer dibuat gelap agar teks putih tetap terbaca */
html body.page-katalog footer.cm-global-footer,
html body.page-katalog .cm-global-footer{
  background:#4a39b7!important;
  background-image:linear-gradient(180deg,#4f3ec0 0%,#6c57de 100%)!important;
  box-shadow:0 140px 0 140px #6c57de!important;
  border-top:0!important;
}
html body.page-katalog footer.cm-global-footer .cm-footer-brand h3,
html body.page-katalog footer.cm-global-footer .cm-footer-brand p,
html body.page-katalog footer.cm-global-footer .cm-footer-col h3,
html body.page-katalog footer.cm-global-footer .cm-footer-col a,
html body.page-katalog footer.cm-global-footer .cm-footer-bottom,
html body.page-katalog footer.cm-global-footer .cm-footer-bottom span,
html body.page-katalog footer.cm-global-footer .cm-trust-badges span,
html body.page-katalog footer.cm-global-footer .cm-trust-badges span i,
html body.page-katalog .cm-global-footer .cm-footer-brand h3,
html body.page-katalog .cm-global-footer .cm-footer-brand p,
html body.page-katalog .cm-global-footer .cm-footer-col h3,
html body.page-katalog .cm-global-footer .cm-footer-col a,
html body.page-katalog .cm-global-footer .cm-footer-bottom,
html body.page-katalog .cm-global-footer .cm-footer-bottom span,
html body.page-katalog .cm-global-footer .cm-trust-badges span,
html body.page-katalog .cm-global-footer .cm-trust-badges span i{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
  text-shadow:0 2px 10px rgba(17,12,70,.18)!important;
}
html body.page-katalog footer.cm-global-footer .cm-footer-col a:hover,
html body.page-katalog .cm-global-footer .cm-footer-col a:hover{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:.88!important;
}


/* FIX162: footer non-home selalu ungu agar teks putih terbaca */
html body:not(.page-home) footer.cm-global-footer,
html body:not(.page-home) .cm-global-footer{
  background:linear-gradient(180deg,#4f3ec0 0%,#6c57de 100%)!important;
  box-shadow:0 140px 0 140px #6c57de!important;
}
html body:not(.page-home) .cm-global-footer .cm-footer-brand h3,
html body:not(.page-home) .cm-global-footer .cm-footer-brand p,
html body:not(.page-home) .cm-global-footer .cm-footer-col h3,
html body:not(.page-home) .cm-global-footer .cm-footer-col a,
html body:not(.page-home) .cm-global-footer .cm-footer-bottom,
html body:not(.page-home) .cm-global-footer .cm-footer-bottom span,
html body:not(.page-home) .cm-global-footer .cm-trust-badges span,
html body:not(.page-home) .cm-global-footer .cm-trust-badges span i{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}


/* FIX163 FINAL: halaman login pembeli full ungu, hilangkan pita/area putih panjang */
html body.page-auth,
html body.page-auth:not(.page-invoice){
  background-color:#17164f!important;
  background-image:
    radial-gradient(560px 280px at 10% 12%,rgba(255,214,153,.14) 0%,rgba(255,214,153,0) 72%),
    radial-gradient(680px 320px at 90% 18%,rgba(210,192,255,.18) 0%,rgba(210,192,255,0) 74%),
    linear-gradient(180deg,#17164f 0%,#241d72 20%,#3b31a0 45%,#5846c2 70%,#6c57de 100%)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  min-height:100vh!important;
}
html body.page-auth > .wrap,
html body.page-auth .wrap,
html body.page-auth .cm-page,
html body.page-auth main{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
html body.page-auth::before,
html body.page-auth::after,
html body.page-auth .cm-outer-top-fill,
html body.page-auth .cm-outer-top-cloud,
html body.page-auth .cm-outer-top-seal{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
html body.page-auth footer.cm-global-footer,
html body.page-auth .cm-global-footer{
  background:linear-gradient(180deg,#5746c7 0%,#6c57de 100%)!important;
  box-shadow:none!important;
  border-top:0!important;
}


/* FIX164 FINAL: halaman katalog full ungu, hilangkan area putih panjang di tengah */
html body.page-katalog,
html body.page-katalog-category,
html body.page-katalog:not(.page-invoice),
html body.page-katalog-category:not(.page-invoice){
  background-color:#17164f!important;
  background-image:
    radial-gradient(560px 280px at 10% 12%,rgba(255,214,153,.14) 0%,rgba(255,214,153,0) 72%),
    radial-gradient(680px 320px at 90% 18%,rgba(210,192,255,.18) 0%,rgba(210,192,255,0) 74%),
    linear-gradient(180deg,#17164f 0%,#241d72 18%,#3b31a0 42%,#5846c2 68%,#6c57de 100%)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-attachment:fixed!important;
  min-height:100vh!important;
}
html body.page-katalog > .wrap,
html body.page-katalog .wrap,
html body.page-katalog-category > .wrap,
html body.page-katalog-category .wrap,
html body.page-katalog .cm-page,
html body.page-katalog-category .cm-page,
html body.page-katalog main,
html body.page-katalog-category main{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
html body.page-katalog::before,
html body.page-katalog::after,
html body.page-katalog-category::before,
html body.page-katalog-category::after,
html body.page-katalog .cm-outer-top-fill,
html body.page-katalog .cm-outer-top-cloud,
html body.page-katalog .cm-outer-top-seal,
html body.page-katalog-category .cm-outer-top-fill,
html body.page-katalog-category .cm-outer-top-cloud,
html body.page-katalog-category .cm-outer-top-seal{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
html body.page-katalog footer.cm-global-footer,
html body.page-katalog .cm-global-footer,
html body.page-katalog-category footer.cm-global-footer,
html body.page-katalog-category .cm-global-footer{
  margin-top:40px!important;
  background:linear-gradient(180deg,#5746c7 0%,#6c57de 100%)!important;
  box-shadow:none!important;
  border-top:0!important;
}


html body.page-home .cm-service-card.cm-service-indihome-card{
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  min-height:0!important;
  aspect-ratio:1178/1335!important;
  box-shadow:0 18px 42px rgba(31,18,104,.18)!important;
}
html body.page-home .cm-service-indihome-card .cm-indihome-card-link{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border-radius:24px!important;
  overflow:hidden!important;
  text-decoration:none!important;
}
html body.page-home .cm-service-indihome-card .cm-indihome-card-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:24px!important;
}
@media(max-width:760px){
  html body.page-home .cm-service-indihome-card .cm-indihome-card-link,
  html body.page-home .cm-service-indihome-card .cm-indihome-card-image{border-radius:20px!important}
}


html body.page-home .cm-service-card.cm-service-course-card{
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  min-height:0!important;
  aspect-ratio:1178/1335!important;
  box-shadow:0 18px 42px rgba(31,18,104,.18)!important;
}
html body.page-home .cm-service-course-card .cm-course-card-link{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border-radius:24px!important;
  overflow:hidden!important;
  text-decoration:none!important;
}
html body.page-home .cm-service-course-card .cm-course-card-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:24px!important;
}
@media(max-width:760px){
  html body.page-home .cm-service-course-card .cm-course-card-link,
  html body.page-home .cm-service-course-card .cm-course-card-image{border-radius:20px!important}
}


/* FIX166: perluas Katalog Full Ungu HARD FIX ke halaman detail produk */
html body.page-detail,
html body.page-detail:not(.page-invoice){
  background-color:#17164f!important;
  background-image:
    radial-gradient(560px 280px at 10% 12%,rgba(255,214,153,.14) 0%,rgba(255,214,153,0) 72%),
    radial-gradient(680px 320px at 90% 18%,rgba(210,192,255,.18) 0%,rgba(210,192,255,0) 74%),
    linear-gradient(180deg,#17164f 0%,#241d72 18%,#3b31a0 42%,#5846c2 68%,#6c57de 100%)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-attachment:fixed!important;
  min-height:100vh!important;
}
html body.page-detail > .wrap,
html body.page-detail .wrap,
html body.page-detail .cm-page,
html body.page-detail main,
html body.page-detail .detail-premium{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
html body.page-detail::before,
html body.page-detail::after,
html body.page-detail .cm-outer-top-fill,
html body.page-detail .cm-outer-top-cloud,
html body.page-detail .cm-outer-top-seal{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
/* kartu utama tetap terang agar konten mudah dibaca */
html body.page-detail .detail-card,
html body.page-detail .detail-side-card{
  background:#ffffff!important;
  color:#111827!important;
}
html body.page-detail .detail-card .detail-copy,
html body.page-detail .detail-side-card .detail-copy,
html body.page-detail .detail-side-card .detail-section{
  background:#ffffff!important;
}
html body.page-detail footer.cm-global-footer,
html body.page-detail .cm-global-footer{
  position:relative!important;
  z-index:3!important;
  margin-top:40px!important;
  background:linear-gradient(180deg,#5746c7 0%,#6c57de 100%)!important;
  box-shadow:none!important;
  border-top:0!important;
}