*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif}.header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;border-bottom:1px solid #e7e7e7;background:#fff;position:sticky;top:0;z-index:20}.logo{font-size:23px;font-weight:900;text-decoration:none;color:#111}.logo span{color:#b5003b}.header nav{display:flex;gap:34px}.header nav a{font-size:14px;font-weight:700;text-decoration:none;color:#111}.header-btn{background:#bf003f;color:#fff;border-radius:999px;padding:15px 25px;text-decoration:none;font-weight:800}.hero{max-width:1368px;margin:0 auto;padding:38px 6px 35px;display:grid;grid-template-columns:1fr 1.55fr;gap:55px;align-items:center}.kicker{font-size:12px;color:#bf003f;font-weight:900;letter-spacing:2px;margin:0 0 17px}.hero h1{font-size:40px;line-height:1.08;margin:0 0 18px;letter-spacing:-1.2px}.hero-copy>p:last-child{font-size:17px;line-height:1.5;color:#555;max-width:520px;margin:0}.benefit-row{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.benefit-row article{text-align:center;padding:0 22px;border-left:1px solid #e1e1e1}.benefit-row article:first-child{border-left:0}.icon{width:70px;height:70px;margin:0 auto 14px;border:1px solid #ddd;border-radius:18px;display:grid;place-items:center;background:#fff}.icon svg{width:28px;height:28px;fill:#111}.benefit-row b{font-size:14px;line-height:1.4}.product-grid{max-width:1370px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 0 30px}.product-card{
  min-height:278px;
  border-radius:18px;
  background:linear-gradient(135deg,#f8f8f8,#f3f3f3);
  position:relative;
  overflow:hidden;
  padding:26px 22px;
  text-decoration:none;
  color:#111;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:10px;
  align-items:stretch
}.product-card .copy{
  position:relative;
  z-index:2;
  width:auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  height:100%
}.product-card h2{
  font-size:28px;
  line-height:1.05;
  margin:0 0 12px;
  min-height:30px
}.product-card p{
  font-size:13px;
  line-height:1.55;
  margin:0;
  color:#222;
  min-height:80px
}.product-card small{
  display:block;
  font-size:13px;
  margin-top:auto;
  margin-bottom:2px
}.price{
  font-size:31px;
  font-weight:900;
  color:#bf003f;
  line-height:1;
  min-height:34px
}.price span{font-size:12px;color:#111;font-weight:400;margin-left:5px}.cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  min-width:145px;
  margin-top:16px;
  background:#bf003f;
  color:#fff;
  border-radius:999px;
  padding:11px 20px;
  font-size:12px;
  font-weight:800
}.product-card img{
  position:static;
  width:100%;
  height:100%;
  max-height:220px;
  object-fit:contain;
  object-position:center;
  align-self:center;
  justify-self:center;
  mix-blend-mode:normal
}.product-card img.contain-image{object-fit:contain;padding:0;mix-blend-mode:normal}.product-card:hover{box-shadow:0 15px 35px rgba(0,0,0,.08);transform:translateY(-2px);transition:.2s}.why-section{max-width:1370px;margin:35px auto 80px;background:#f6f6f6;border:1px solid #e4e4e4;border-radius:28px;padding:34px;display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:center}.why-copy h2{font-size:34px;line-height:1.03;margin:0;letter-spacing:-1px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.why-grid div{background:#fff;border:1px solid #ddd;border-radius:15px;padding:14px 18px;font-size:14px;font-weight:800}.steps-section{max-width:1370px;margin:0 auto 90px}.steps-section>h2{font-size:43px;margin:0 0 40px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps-grid article{border-top:3px solid #111;padding:22px 5px}.steps-grid span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#bf003f;color:#fff;font-weight:900;margin-bottom:18px}.steps-grid b{display:block;font-size:17px;margin-bottom:10px}.steps-grid p{font-size:13px;color:#666;margin:0}.consultant{max-width:1370px;margin:0 auto 60px;background:#151515;color:#fff;border-radius:26px;padding:38px 42px;display:flex;justify-content:space-between;align-items:center;gap:40px}.consultant-kicker{font-size:12px;font-weight:900;letter-spacing:2px;color:#d8d8d8}.consultant h2{font-size:39px;margin:12px 0 14px}.consultant p{max-width:760px;color:#d2d2d2;line-height:1.5}.consultant a{background:#25d366;color:#071c0e;border-radius:999px;padding:15px 24px;text-decoration:none;font-weight:900;white-space:nowrap}@media(max-width:1050px){.header nav{display:none}.hero{grid-template-columns:1fr;padding:40px 24px}.product-grid{grid-template-columns:1fr 1fr;padding:0 24px 30px}.why-section,.steps-section,.consultant{margin-left:24px;margin-right:24px}.why-section{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.header{padding:0 18px}.logo{font-size:18px}.header-btn{font-size:12px;padding:11px 15px}.hero{padding:35px 18px 26px}.hero h1{font-size:39px}.benefit-row{grid-template-columns:1fr 1fr;gap:22px}.benefit-row article:nth-child(3){border-left:0}.product-grid{grid-template-columns:1fr;padding:0 18px 25px}.product-card{height:275px}.product-card .copy{width:58%}.product-card img{width:57%}.why-section{margin:30px 18px 60px;padding:24px}.why-grid{grid-template-columns:1fr}.steps-section{margin:0 18px 60px}.steps-grid{grid-template-columns:1fr}.consultant{margin:0 18px 40px;padding:28px;flex-direction:column;align-items:flex-start}.consultant a{width:100%;text-align:center}}

/* Premium consultant section */
.consultant-premium{
  max-width:1370px;
  margin:0 auto 60px;
  padding:38px 42px;
  border-radius:34px;
  color:#fff;
  display:grid;
  grid-template-columns:250px 1fr 360px;
  gap:36px;
  align-items:center;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 92%,rgba(255,255,255,.09) 0 120px,transparent 121px),
    linear-gradient(135deg,#262222 0%,#2b151c 52%,#a80038 100%);
  box-shadow:0 24px 65px rgba(0,0,0,.14)
}
.consultant-premium:after{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  right:-70px;
  bottom:-110px;
  border-radius:50%;
  background:rgba(255,255,255,.07)
}
.consultant-premium>*{position:relative;z-index:2}
.consultant-photo-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px
}
.consultant-photo-wrap img{
  width:230px;
  height:230px;
  object-fit:cover;
  border-radius:50%;
  border:5px solid rgba(255,255,255,.92);
  background:#fff;
  box-shadow:0 18px 35px rgba(0,0,0,.22)
}
.reply-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(37,211,102,.5);
  background:rgba(37,211,102,.12);
  color:#c8ffdc;
  padding:9px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  white-space:nowrap
}
.consultant-name{
  margin:0 0 12px;
  color:#dc0048;
  font-size:13px;
  font-weight:1000;
  letter-spacing:2px
}
.consultant-main h2{
  margin:0 0 18px;
  font-size:clamp(40px,4vw,60px);
  line-height:.98;
  letter-spacing:-2px
}
.consultant-desc{
  max-width:720px;
  margin:0;
  color:#f2f2f2;
  font-size:19px;
  line-height:1.5
}
.consultant-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px
}
.consultant-badges span{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  border-radius:999px;
  padding:10px 15px;
  font-size:13px;
  font-weight:900
}
.consultant-quote{
  padding:28px 26px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  text-align:center
}
.consultant-quote blockquote{
  margin:0 0 22px;
  font-size:22px;
  line-height:1.4;
  font-weight:900
}
.consultant-quote a{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  margin:0 0 14px;
  padding:15px 18px;
  border-radius:999px;
  background:#25d366;
  color:#fff;
  text-decoration:none;
  font-weight:1000;
  box-shadow:0 15px 34px rgba(37,211,102,.24)
}
.consultant-quote strong{
  display:block;
  font-size:23px
}
@media(max-width:1050px){
  .consultant-premium{
    margin-left:24px;
    margin-right:24px;
    grid-template-columns:1fr;
    text-align:center
  }
  .consultant-main h2 br{display:none}
  .consultant-desc{margin-left:auto;margin-right:auto}
  .consultant-badges{justify-content:center}
}
@media(max-width:650px){
  .consultant-premium{
    margin:0 18px 40px;
    padding:28px 22px;
    border-radius:28px
  }
  .consultant-photo-wrap img{
    width:190px;
    height:190px
  }
  .consultant-main h2{
    font-size:35px;
    letter-spacing:-1px
  }
  .consultant-desc{
    font-size:16px
  }
  .consultant-badges{
    display:grid;
    grid-template-columns:1fr
  }
  .consultant-quote blockquote{
    font-size:19px
  }
}

.product-card:nth-child(1) img{width:50%;height:70%;right:10px;bottom:20px}
.product-card:nth-child(2) img{width:40%;height:82%;right:24px;bottom:10px}
.product-card:nth-child(3) img{width:43%;height:84%;right:20px;bottom:8px}
.product-card:nth-child(4) img{width:42%;height:84%;right:20px;bottom:8px}
.product-card:nth-child(5) img{width:49%;height:74%;right:10px;bottom:20px}
.product-card:nth-child(6) img{width:39%;height:82%;right:22px;bottom:10px}
@media(max-width:650px){
  .product-card img,
  .product-card:nth-child(n) img{width:45%;height:72%;right:10px;bottom:15px}
}


/* Product image balancing — uploaded PNG assets */
.aircond-card img{max-height:165px;transform:scale(1.04)}
.water-card img{max-height:225px}
.fridge-card img{max-height:235px}
.washer-card img{max-height:225px}
.tv-card img{max-height:180px;transform:scale(1.05)}
.airpurifier-card img{max-height:220px}

@media(max-width:650px){
  .product-card{
    min-height:275px;
    grid-template-columns:1.08fr .92fr;
    padding:22px 18px
  }
  .product-card .copy{width:auto}
  .product-card p{min-height:76px}
  .product-card img,
  .product-card:nth-child(n) img{
    position:static;
    width:100%;
    height:100%;
    right:auto;
    bottom:auto
  }
  .cta{min-width:132px;padding:10px 16px}
}


/* V9 — Besarkan gambar produk sahaja */
.product-card img{
  width:115% !important;
  height:115% !important;
  max-height:none !important;
  object-fit:contain !important;
  transform:none !important;
}

.aircond-card img{
  width:122% !important;
  height:122% !important;
}

.water-card img{
  width:118% !important;
  height:118% !important;
}

.fridge-card img{
  width:118% !important;
  height:118% !important;
}

.washer-card img{
  width:118% !important;
  height:118% !important;
}

.tv-card img{
  width:122% !important;
  height:122% !important;
}

.airpurifier-card img{
  width:118% !important;
  height:118% !important;
}

@media(max-width:650px){
  .product-card img,
  .product-card:nth-child(n) img{
    width:112% !important;
    height:112% !important;
    max-height:none !important;
  }

  .aircond-card img,
  .tv-card img{
    width:118% !important;
    height:118% !important;
  }
}


/* V10 — Besarkan Aircond dan TV sahaja */
.aircond-card img{
  width:138% !important;
  height:138% !important;
}

.tv-card img{
  width:138% !important;
  height:138% !important;
}

@media(max-width:650px){
  .aircond-card img,
  .tv-card img{
    width:130% !important;
    height:130% !important;
  }
}