.hlx-page .hero{
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, var(--gold-tint) 0%, var(--white) 62%);
}.hlx-page .hero__grid{
  display: grid;
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: center;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  padding-block: clamp(2.5rem, 2rem + 4vw, 5rem);
}.hlx-page .hero__copy{
  max-width: 40rem;
}.hlx-page .hero__title{
  font-size: var(--fs-display);
  line-height: 1.06;
  letter-spacing: -0.025em;
  margin-bottom: var(--sp-5);
}.hlx-page .hero__title em{
  font-style: normal;
  color: var(--ink);
}.hlx-page .hero__sub{
  font-size: var(--fs-lead);
  color: var(--text);
  max-width: 46ch;
  margin-bottom: var(--sp-6);
}.hlx-page .hero__media{
  position: relative;
}.hlx-page .hero__media img{
  border-radius: var(--r-xl);
  box-shadow: var(--shadow-lg);
  width: 100%;
  object-fit: cover;
}.hlx-page .hero__media--plain img{
  box-shadow: none;
  border-radius: var(--r-lg);
}.hlx-page .hero__media-tag{
  position: absolute;
  left: clamp(-1rem, -1vw, 0rem);
  bottom: clamp(1rem, 3vw, 2rem);
  background: var(--white);
  border: 1px solid var(--line-gold);
  border-radius: var(--r-md);
  padding: var(--sp-3) var(--sp-4);
  box-shadow: var(--shadow-md);
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  max-width: 16rem;
}.hlx-page .hero__media-tag strong{
  font-family: var(--font-display);
  display: block;
  font-size: var(--fs-sm);
  color: var(--ink);
}.hlx-page .hero__media-tag span{
  font-size: var(--fs-xs);
  color: var(--muted);
}.hlx-page .hero__media-tag .dot-ok{
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--ok);
  flex: none;
  box-shadow: 0 0 0 4px rgba(27, 107, 79, 0.14);
}.hlx-page .hero--dark{
  background: radial-gradient(120% 120% at 80% 0%, #17323a 0%, var(--ink) 55%, #0a171b 100%);
  color: rgba(255, 255, 255, 0.78);
}.hlx-page .hero--dark .hero__title, .hlx-page .hero--dark h1{
  color: var(--white);
}.hlx-page .hero--dark .hero__sub, .hlx-page .hero--dark .lead{
  color: rgba(255, 255, 255, 0.76);
}.hlx-page .hero--dark .hero__title em{
  color: var(--gold);
}.hlx-page .hero--dark .eyebrow{
  color: var(--gold);
}.hlx-page .hero__trust{
  display: grid;
  gap: var(--sp-3);
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-top: var(--sp-7);
  padding-top: var(--sp-6);
  border-top: 1px solid var(--line-gold);
}.hlx-page .hero--dark .hero__trust{
  border-top-color: rgba(255, 255, 255, 0.14);
}.hlx-page .hero__trust-item strong{
  display: block;
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  color: var(--ink);
}.hlx-page .hero--dark .hero__trust-item strong{
  color: var(--white);
}.hlx-page .hero__trust-item span{
  font-size: var(--fs-xs);
  color: var(--muted);
  line-height: 1.5;
  display: block;
}.hlx-page .hero--dark .hero__trust-item span{
  color: rgba(255, 255, 255, 0.6);
}.hlx-page .page-hero{
  background: linear-gradient(180deg, var(--cream) 0%, var(--white) 100%);
  border-bottom: 1px solid var(--line-soft);
  padding-block: clamp(2.25rem, 1.6rem + 3vw, 4rem) clamp(2rem, 1.4rem + 2.6vw, 3.25rem);
}.hlx-page .page-hero__inner{
  max-width: 60rem;
}.hlx-page .page-hero h1{
  margin-bottom: var(--sp-4);
}.hlx-page .crumbs{
  font-size: var(--fs-xs);
  color: var(--muted);
  margin-bottom: var(--sp-4);
}.hlx-page .crumbs ol{
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  list-style: none;
  margin: 0;
  padding: 0;
}.hlx-page .crumbs li + li::before{
  content: "/";
  margin-right: 0.45rem;
  color: var(--line-gold);
}.hlx-page .crumbs a{
  color: var(--muted);
  text-decoration: none;
}.hlx-page .crumbs a:hover{
  color: var(--ink);
  text-decoration: underline;
}.hlx-page .trust-row{
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-3);
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}.hlx-page .trust-row li{
  margin: 0;
}.hlx-page .trust-bar{
  border-block: 1px solid var(--line-soft);
  background: var(--white);
  padding-block: var(--sp-5);
}.hlx-page .trust-bar__grid{
  display: grid;
  gap: var(--sp-5);
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  align-items: center;
}.hlx-page .trust-item{
  display: flex;
  gap: var(--sp-3);
  align-items: flex-start;
}.hlx-page .trust-item svg{
  width: 22px;
  height: 22px;
  flex: none;
  stroke: var(--gold-dark);
  fill: none;
  stroke-width: 1.6;
  margin-top: 2px;
}.hlx-page .trust-item strong{
  display: block;
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  color: var(--ink);
}.hlx-page .trust-item span{
  font-size: var(--fs-xs);
  color: var(--muted);
  line-height: 1.5;
}.hlx-page .stats{
  display: grid;
  gap: var(--sp-5);
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}.hlx-page .stat{
  padding: var(--sp-5);
  border: 1px solid var(--line-gold);
  border-radius: var(--r-md);
  background: linear-gradient(180deg, var(--white), var(--gold-tint));
}.hlx-page .stat__num{
  font-family: var(--font-display);
  font-size: clamp(1.7rem, 1.3rem + 1.6vw, 2.5rem);
  font-weight: 600;
  color: var(--ink);
  line-height: 1;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}.hlx-page .stat__label{
  display: block;
  margin-top: var(--sp-2);
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--ink);
}.hlx-page .stat__ing{
  display: block;
  margin-top: var(--sp-1);
  font-size: var(--fs-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
}.hlx-page .section--ink .stat{
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.16);
}.hlx-page .section--ink .stat__num, .hlx-page .hero--dark .stat__num, .hlx-page .stats-band .stat__num, .hlx-page .guarantee .stat__num, .hlx-page .cta-band .stat__num, .hlx-page .prod-card--feature .stat__num{
  color: var(--gold);
}.hlx-page .section--ink .stat__label{
  color: var(--white);
}.hlx-page .section--ink .stat__ing{
  color: rgba(255, 255, 255, 0.55);
}.hlx-page .steps{
  display: grid;
  gap: clamp(1.25rem, 2.4vw, 2rem);
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  counter-reset: step;
  position: relative;
}.hlx-page .step{
  position: relative;
  background: var(--white);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-info);
  padding: clamp(1.5rem, 2.4vw, 2rem);
  box-shadow: var(--shadow-sm);
  transition: transform var(--t) var(--ease), box-shadow var(--t) var(--ease),
    border-color var(--t) var(--ease);
}.hlx-page .step:hover{
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  border-color: var(--line-gold);
}.hlx-page .step__num{
  font-family: var(--font-display);
  font-size: var(--fs-xs);
  font-weight: 700;
  letter-spacing: 0.18em;
  color: var(--muted);
  text-transform: uppercase;
  display: block;
  margin-bottom: var(--sp-3);
}.hlx-page .section--ink .step__num, .hlx-page .hero--dark .step__num, .hlx-page .stats-band .step__num, .hlx-page .guarantee .step__num, .hlx-page .cta-band .step__num, .hlx-page .prod-card--feature .step__num{
  color: var(--gold);
}.hlx-page .step__media{
  border-radius: var(--r-md);
  overflow: hidden;
  margin-bottom: var(--sp-4);
  aspect-ratio: 16 / 10;
  background: var(--cream-2);
}.hlx-page .step__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}.hlx-page .step h3{
  margin-bottom: var(--sp-3);
}.hlx-page .step p{
  font-size: var(--fs-sm);
  margin: 0;
}.hlx-page .step__foot{
  margin-top: var(--sp-4);
  padding-top: var(--sp-4);
  border-top: 1px solid var(--line-soft);
  font-size: var(--fs-xs);
  color: var(--muted);
}.hlx-page .pdp{
  display: grid;
  gap: clamp(1.75rem, 4vw, 3.5rem);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  padding-block: clamp(1.75rem, 1.2rem + 3vw, 3.5rem);
}.hlx-page .pdp__gallery{
  display: grid;
  gap: var(--sp-3);
  position: sticky;
  top: calc(var(--header-h) + 20px);
}.hlx-page .pdp__main{
  border-radius: var(--r-lg);
  overflow: hidden;
  background: var(--cream);
  border: 1px solid var(--line-soft);
  aspect-ratio: 1 / 1;
}.hlx-page .pdp__main img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}.hlx-page .pdp__thumbs{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
  gap: var(--sp-3);
  list-style: none;
  padding: 0;
  margin: 0;
}.hlx-page .pdp__thumbs button{
  display: block;
  width: 100%;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  overflow: hidden;
  background: var(--cream);
  cursor: pointer;
  aspect-ratio: 1 / 1;
  transition: border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);
}.hlx-page .pdp__thumbs button:hover, .hlx-page .pdp__thumbs button[aria-current="true"]{
  border-color: var(--gold);
  transform: translateY(-2px);
}.hlx-page .pdp__thumbs img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}.hlx-page .pdp__info h1{
  margin-bottom: var(--sp-3);
}.hlx-page .pdp__kicker{
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2);
  margin-bottom: var(--sp-4);
}.hlx-page .pdp__desc{
  color: var(--text);
  margin-bottom: var(--sp-5);
}.hlx-page .price{
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--sp-3);
  margin-bottom: var(--sp-2);
}.hlx-page .price__promo{
  font-family: var(--font-display);
  font-size: clamp(1.7rem, 1.4rem + 1.4vw, 2.2rem);
  font-weight: 600;
  color: var(--ink);
  letter-spacing: -0.02em;
}.hlx-page .price__normal{
  color: var(--muted);
  text-decoration: line-through;
  font-size: var(--fs-sm);
}.hlx-page .price__save{
  font-size: var(--fs-xs);
  font-weight: 700;
  color: var(--ok);
  background: var(--ok-soft);
  border-radius: var(--r-pill);
  padding: 0.25rem 0.7rem;
  font-family: var(--font-display);
}.hlx-page .pdp__actions{
  display: grid;
  gap: var(--sp-3);
  margin-block: var(--sp-5);
}.hlx-page .pdp__actions-row{
  display: flex;
  gap: var(--sp-3);
  flex-wrap: wrap;
}.hlx-page .pdp__actions-row .btn{
  flex: 1 1 12rem;
}.hlx-page .pdp__facts{
  display: grid;
  gap: var(--sp-3);
  padding: var(--sp-5);
  background: var(--cream);
  border-radius: var(--r-info);
  border: 1px solid var(--line-soft);
  margin-bottom: var(--sp-5);
}.hlx-page .pdp__facts dl{
  margin: 0;
  display: grid;
  gap: var(--sp-2);
  grid-template-columns: auto 1fr;
}.hlx-page .pdp__facts dt{
  font-size: var(--fs-xs);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
  align-self: center;
}.hlx-page .pdp__facts dd{
  margin: 0;
  font-size: var(--fs-sm);
  color: var(--ink);
  font-weight: 600;
}.hlx-page .benefit-list{
  list-style: none;
  padding: 0;
  margin: 0 0 var(--sp-5);
  display: grid;
  gap: var(--sp-3);
}.hlx-page .benefit-list li{
  position: relative;
  padding-left: 1.9rem;
  font-size: var(--fs-sm);
  margin: 0;
}.hlx-page .benefit-list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.35rem;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--gold-light);
  border: 1px solid var(--line-gold);
}.hlx-page .benefit-list li::after{
  content: "";
  position: absolute;
  left: 5.5px;
  top: 0.72rem;
  width: 7px;
  height: 4px;
  border-left: 1.6px solid var(--gold-deep);
  border-bottom: 1.6px solid var(--gold-deep);
  transform: rotate(-45deg);
}.hlx-page .prod-grid{
  display: grid;
  gap: clamp(1.25rem, 2.4vw, 1.9rem);
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}.hlx-page .prod-card{
  display: flex;
  flex-direction: column;
  background: var(--white);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-info);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: transform var(--t) var(--ease), box-shadow var(--t) var(--ease),
    border-color var(--t) var(--ease);
}.hlx-page .prod-card:hover{
  transform: translateY(-5px);
  box-shadow: var(--shadow-md);
  border-color: var(--line-gold);
}.hlx-page .prod-card__media{
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  background: var(--cream);
  overflow: hidden;
}.hlx-page .prod-card__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--t-slow) var(--ease);
}.hlx-page .prod-card:hover .prod-card__media img{
  transform: scale(1.04);
}.hlx-page .prod-card__flag{
  position: absolute;
  top: var(--sp-3);
  left: var(--sp-3);
  display: flex;
  gap: var(--sp-2);
  flex-wrap: wrap;
}.hlx-page .prod-card__body{
  padding: var(--sp-5);
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}.hlx-page .prod-card__step{
  font-size: var(--fs-micro);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  font-family: var(--font-display);
  font-weight: 600;
  margin-bottom: var(--sp-2);
}.hlx-page .prod-card__title{
  font-size: 1.0625rem;
  margin-bottom: var(--sp-2);
  line-height: 1.3;
}.hlx-page .prod-card__title a{
  text-decoration: none;
  color: var(--ink);
}.hlx-page .prod-card__title a::after{
  content: "";
  position: absolute;
  inset: 0;
}.hlx-page .prod-card__text{
  font-size: var(--fs-sm);
  color: var(--muted);
  margin-bottom: var(--sp-4);
  flex: 1 1 auto;
}.hlx-page .prod-card__price{
  display: flex;
  align-items: baseline;
  gap: var(--sp-2);
  margin-bottom: var(--sp-4);
}.hlx-page .prod-card__price strong{
  font-family: var(--font-display);
  font-size: 1.15rem;
  color: var(--ink);
}.hlx-page .prod-card__price s{
  color: var(--muted);
  font-size: var(--fs-xs);
}.hlx-page .prod-card__actions{
  display: flex;
  gap: var(--sp-2);
  position: relative;
  z-index: 2;
}.hlx-page .prod-card__actions .btn{
  flex: 1 1 auto;
}.hlx-page .card-relative{
  position: relative;
}.hlx-page .offer{
  border: 1px solid var(--line-gold);
  border-radius: var(--r-lg);
  background: linear-gradient(150deg, var(--white) 0%, var(--gold-tint) 100%);
  padding: clamp(1.5rem, 2.6vw, 2.25rem);
  box-shadow: var(--shadow-md);
  position: relative;
  overflow: hidden;
}.hlx-page .offer__label{
  position: absolute;
  top: 0;
  right: 0;
  background: var(--ink);
  color: var(--gold);
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  border-bottom-left-radius: var(--r-md);
}.hlx-page .offer__list{
  list-style: none;
  padding: 0;
  margin: var(--sp-4) 0 var(--sp-5);
  display: grid;
  gap: var(--sp-3);
}.hlx-page .offer__list li{
  display: flex;
  gap: var(--sp-3);
  align-items: flex-start;
  font-size: var(--fs-sm);
  margin: 0;
}.hlx-page .offer__list svg{
  width: 18px;
  height: 18px;
  flex: none;
  margin-top: 3px;
  stroke: var(--ok);
  fill: none;
  stroke-width: 2;
}.hlx-page .ing-grid{
  display: grid;
  gap: var(--sp-4);
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}.hlx-page .ing{
  border: 1px solid var(--line-soft);
  border-radius: var(--r-md);
  padding: var(--sp-5);
  background: var(--white);
  transition: border-color var(--t) var(--ease), transform var(--t) var(--ease);
}.hlx-page .ing:hover{
  border-color: var(--line-gold);
  transform: translateY(-3px);
}.hlx-page .ing__name{
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--ink);
  margin: 0 0 var(--sp-2);
  text-transform: uppercase;
}.hlx-page .ing__origin{
  font-size: var(--fs-micro);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
  display: block;
  margin-bottom: var(--sp-3);
}.hlx-page .section--ink .ing__origin, .hlx-page .hero--dark .ing__origin, .hlx-page .stats-band .ing__origin, .hlx-page .guarantee .ing__origin, .hlx-page .cta-band .ing__origin, .hlx-page .prod-card--feature .ing__origin{
  color: var(--gold);
}.hlx-page .ing p{
  font-size: var(--fs-sm);
  margin: 0;
  color: var(--text);
}.hlx-page .ing__num{
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.35rem;
  color: var(--gold-deep);
  display: block;
  margin-bottom: var(--sp-2);
}.hlx-page .tech-panel{
  display: grid;
  gap: clamp(1.5rem, 3vw, 3rem);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
}.hlx-page .tech-panel__badge{
  display: flex;
  align-items: center;
  gap: var(--sp-4);
  margin-bottom: var(--sp-5);
}.hlx-page .tech-panel__badge img{
  height: 52px;
  width: auto;
  background: none;
}.hlx-page .tech-panel__badge span{
  font-family: var(--font-display);
  font-size: var(--fs-xs);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
}.hlx-page .section--ink .tech-panel__badge span, .hlx-page .section--ink .stats-band__ing, .hlx-page .hero--dark .tech-panel__badge span{
  color: rgba(255, 255, 255, 0.74);
}.hlx-page .compo{
  display: grid;
  gap: var(--sp-4);
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  list-style: none;
  padding: 0;
  margin: var(--sp-5) 0 0;
}.hlx-page .compo li{
  margin: 0;
  padding: var(--sp-4);
  border-radius: var(--r-md);
  background: var(--cream);
  border: 1px solid var(--line-soft);
}.hlx-page .compo strong{
  display: block;
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  color: var(--ink);
}.hlx-page .compo span{
  font-size: var(--fs-xs);
  color: var(--muted);
}.hlx-page .testi-grid{
  display: grid;
  gap: clamp(1.25rem, 2.4vw, 1.75rem);
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}.hlx-page .testi{
  background: var(--white);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-info);
  padding: clamp(1.4rem, 2.2vw, 1.9rem);
  /* Tanpa bayangan: garis rambut sudah cukup memisahkan dari latar. */
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
}.hlx-page .testi__quote{
  font-size: var(--fs-body);
  color: var(--text-strong);
  margin: 0;
  line-height: 1.7;
}.hlx-page .testi__quote::before{
  content: "\201C";
  font-family: var(--font-display);
  font-size: 2.4rem;
  line-height: 0;
  color: var(--gold);
  display: block;
  margin-bottom: 0.9rem;
}.hlx-page .testi__meta{
  margin-top: auto;
  padding-top: var(--sp-4);
  border-top: 1px solid var(--line-soft);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-3);
  font-size: var(--fs-xs);
  color: var(--muted);
}.hlx-page .testi__who{
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--ink);
  display: block;
  font-size: var(--fs-sm);
}.hlx-page .testi__media{
  border-radius: var(--r-md);
  overflow: hidden;
  background: var(--cream-2);
}.hlx-page .testi__media img{
  width: 100%;
  height: auto;
}.hlx-page .faq{
  border-top: 1px solid var(--line-soft);
}.hlx-page .faq__item{
  border-bottom: 1px solid var(--line-soft);
}.hlx-page .faq__q{
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sp-4);
  padding: var(--sp-5) 0;
  background: none;
  border: 0;
  text-align: left;
  cursor: pointer;
  font-family: var(--font-display);
  font-size: clamp(1rem, 0.96rem + 0.3vw, 1.125rem);
  font-weight: 600;
  color: var(--ink);
  line-height: 1.45;
}.hlx-page .faq__q:hover{
  color: var(--ink);
}.hlx-page .faq__icon{
  position: relative;
  flex: none;
  width: 22px;
  height: 22px;
  margin-top: 3px;
}.hlx-page .faq__icon::before, .hlx-page .faq__icon::after{
  content: "";
  position: absolute;
  background: var(--gold-dark);
  border-radius: 2px;
  transition: transform var(--t) var(--ease), opacity var(--t) var(--ease);
}.hlx-page .faq__icon::before{
  top: 10px;
  left: 0;
  width: 22px;
  height: 1.6px;
}.hlx-page .faq__icon::after{
  left: 10px;
  top: 0;
  width: 1.6px;
  height: 22px;
}.hlx-page .faq__q[aria-expanded="true"] .faq__icon::after{
  transform: scaleY(0);
}.hlx-page .faq__a{
  overflow: hidden;
  height: 0;
  transition: height var(--t) var(--ease);
}.hlx-page .faq__a-inner{
  padding-bottom: var(--sp-5);
  max-width: 72ch;
  color: var(--text);
}.hlx-page .faq__a-inner > *:last-child{
  margin-bottom: 0;
}.hlx-page .guarantee{
  display: grid;
  gap: clamp(1.5rem, 3vw, 3rem);
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  background: var(--ink);
  border-radius: var(--r-xl);
  padding: clamp(1.75rem, 3.5vw, 3.25rem);
  color: rgba(255, 255, 255, 0.78);
  overflow: hidden;
}.hlx-page .guarantee h2, .hlx-page .guarantee h3{
  color: var(--white);
}.hlx-page .guarantee__seal{
  text-align: center;
}.hlx-page .guarantee__seal img{
  margin-inline: auto;
  max-width: 300px;
  border-radius: var(--r-lg);
}.hlx-page .guarantee__steps{
  list-style: none;
  counter-reset: g;
  padding: 0;
  margin: var(--sp-5) 0 0;
  display: grid;
  gap: var(--sp-4);
}.hlx-page .guarantee__steps li{
  counter-increment: g;
  position: relative;
  padding-left: 2.6rem;
  margin: 0;
  font-size: var(--fs-sm);
}.hlx-page .guarantee__steps li::before{
  content: counter(g);
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid rgba(197, 160, 89, 0.55);
  color: var(--gold);
  font-family: var(--font-display);
  font-size: var(--fs-xs);
  font-weight: 700;
  display: grid;
  place-items: center;
}.hlx-page .table-wrap{
  overflow-x: auto;
  border: 1px solid var(--line-soft);
  border-radius: var(--r-info);
  background: var(--white);
}.hlx-page table.table{
  width: 100%;
  border-collapse: collapse;
  border-radius: var(--r-info);
  font-size: var(--fs-sm);
  min-width: 520px;
}.hlx-page table.table caption{
  text-align: left;
  padding: var(--sp-4) var(--sp-5);
  font-size: var(--fs-xs);
  color: var(--muted);
  border-bottom: 1px solid var(--line-soft);
}.hlx-page table.table th, .hlx-page table.table td{
  padding: var(--sp-4) var(--sp-5);
  text-align: left;
  border-bottom: 1px solid var(--line-soft);
  vertical-align: top;
}.hlx-page table.table thead th{
  font-family: var(--font-display);
  font-size: var(--fs-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink);
  background: var(--cream);
  position: sticky;
  top: 0;
}.hlx-page table.table tbody tr:last-child th, .hlx-page table.table tbody tr:last-child td{
  border-bottom: 0;
}.hlx-page table.table tbody th{
  font-family: var(--font-display);
  color: var(--ink);
  font-weight: 600;
  width: 34%;
}.hlx-page .form{
  display: grid;
  gap: var(--sp-5);
}.hlx-page .form__row{
  display: grid;
  gap: var(--sp-4);
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}.hlx-page .field{
  display: grid;
  gap: var(--sp-2);
}.hlx-page .field__label{
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--ink);
}.hlx-page .field__hint{
  font-size: var(--fs-xs);
  color: var(--muted);
}.hlx-page .field input, .hlx-page .field select, .hlx-page .field textarea{
  font: inherit;
  font-size: var(--fs-sm);
  color: var(--ink);
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  padding: 0.8rem 1rem;
  min-height: 48px;
  width: 100%;
  transition: border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);
}.hlx-page .field textarea{
  min-height: 140px;
  resize: vertical;
}.hlx-page .field input:focus, .hlx-page .field select:focus, .hlx-page .field textarea:focus{
  border-color: var(--ink);
  box-shadow: 0 0 0 4px rgba(15, 31, 36, 0.1);
}.hlx-page .field input:focus-visible, .hlx-page .field select:focus-visible, .hlx-page .field textarea:focus-visible{
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}.hlx-page .field--check{
  display: flex;
  gap: var(--sp-3);
  align-items: flex-start;
  font-size: var(--fs-sm);
  color: var(--text);
}.hlx-page .field--check input{
  width: 20px;
  height: 20px;
  min-height: 0;
  margin-top: 2px;
  flex: none;
  accent-color: var(--gold-dark);
}.hlx-page .prose{
  max-width: 74ch;
  font-size: var(--fs-body);
}.hlx-page .prose h2{
  font-size: clamp(1.35rem, 1.2rem + 0.8vw, 1.8rem);
  margin-top: var(--sp-8);
  margin-bottom: var(--sp-4);
}.hlx-page .prose h3{
  margin-top: var(--sp-6);
  margin-bottom: var(--sp-3);
}.hlx-page .prose ul, .hlx-page .prose ol{
  padding-left: 1.25em;
}.hlx-page .prose li + li{
  margin-top: var(--sp-2);
}.hlx-page .prose table{
  width: 100%;
  border-collapse: collapse;
  font-size: var(--fs-sm);
  margin-block: var(--sp-5);
}.hlx-page .prose th, .hlx-page .prose td{
  border: 1px solid var(--line);
  padding: var(--sp-3) var(--sp-4);
  text-align: left;
  vertical-align: top;
}.hlx-page .prose th{
  background: var(--cream);
  font-family: var(--font-display);
}.hlx-page .prose code{
  background: var(--cream-2);
  padding: 0.1em 0.4em;
  border-radius: var(--r-xs);
  font-size: 0.9em;
}.hlx-page .summary-box{
  background: var(--gold-tint);
  border: 1px solid var(--line-gold);
  border-left: 3px solid var(--gold);
  border-radius: 0 var(--r-md) var(--r-md) 0;
  padding: var(--sp-5);
  margin-bottom: var(--sp-6);
}.hlx-page .summary-box h2{
  font-size: var(--fs-h4);
  margin: 0 0 var(--sp-3);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: var(--fs-xs);
  color: var(--gold-deep);
}.hlx-page .summary-box ul{
  margin: 0;
  padding-left: 1.15em;
  font-size: var(--fs-sm);
}.hlx-page .toc{
  background: var(--cream);
  border: 1px solid var(--line-soft);
  border-radius: var(--r-md);
  padding: var(--sp-5);
  font-size: var(--fs-sm);
  margin-bottom: var(--sp-7);
}.hlx-page .toc h2{
  font-size: var(--fs-xs);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: var(--sp-3);
}.hlx-page .toc ol{
  margin: 0;
  padding-left: 1.2em;
}.hlx-page .toc li + li{
  margin-top: var(--sp-2);
}.hlx-page .gallery{
  display: grid;
  gap: var(--sp-4);
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}.hlx-page .gallery figure{
  margin: 0;
  border-radius: var(--r-md);
  overflow: hidden;
  background: var(--cream-2);
  border: 1px solid var(--line-soft);
}.hlx-page .gallery img{
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}.hlx-page .gallery figcaption{
  padding: var(--sp-3) var(--sp-4);
  font-size: var(--fs-xs);
  color: var(--muted);
  background: var(--white);
}.hlx-page .cta-band{
  background: linear-gradient(135deg, var(--ink) 0%, #17323a 100%);
  border-radius: var(--r-xl);
  padding: clamp(1.75rem, 3.5vw, 3rem);
  color: rgba(255, 255, 255, 0.8);
  display: grid;
  gap: var(--sp-5);
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  align-items: center;
}.hlx-page .cta-band h2{
  color: var(--white);
  margin-bottom: var(--sp-3);
}.hlx-page .cta-band .btn-row{
  justify-content: flex-end;
}.hlx-page .on-ink-muted{
  color: rgba(255, 255, 255, 0.74) !important;
}.hlx-page .on-ink-soft{
  color: rgba(255, 255, 255, 0.6) !important;
}.hlx-page .hero--product{
  background: linear-gradient(180deg, var(--gold-tint) 0%, var(--white) 70%);
  color: var(--text);
}.hlx-page .hero--product .hero__grid{
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  padding-block: clamp(2rem, 1.4rem + 3.4vw, 4.25rem);
}.hlx-page .hero--product .hero__title{
  color: var(--ink);
}.hlx-page .hero--product .hero__sub{
  max-width: 34ch;
}.hlx-page .hero__panel{
  position: relative;
  border-radius: var(--r-lg);
  overflow: hidden;
  background: var(--cream);
  border: 1px solid var(--line-soft);
  aspect-ratio: 4 / 3;
}.hlx-page .hero__panel img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
}.hlx-page .hero__panel--portrait{
  aspect-ratio: 4 / 5;
}.hlx-page .hero__facts{
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-4) var(--sp-6);
  margin: var(--sp-6) 0 0;
  padding: var(--sp-4) 0 0;
  border-top: 1px solid var(--line-gold);
  list-style: none;
}.hlx-page .hero__facts li{
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  color: var(--ink);
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
}.hlx-page .hero__facts b{
  font-size: 1.25rem;
  font-variant-numeric: tabular-nums;
}.hlx-page .hero__facts span{
  font-family: var(--font-body);
  font-size: var(--fs-xs);
  color: var(--muted);
}.hlx-page .trust-strip{
  border-block: 1px solid var(--line-soft);
  background: var(--white);
}.hlx-page .trust-strip__row{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}.hlx-page .trust-strip__item{
  padding: var(--sp-5) var(--sp-5);
  border-left: 1px solid var(--line-soft);
}.hlx-page .trust-strip__item:first-child{
  border-left: 0;
  padding-left: 0;
}.hlx-page .trust-strip__label{
  display: block;
  font-size: var(--fs-micro);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 0.3rem;
}.hlx-page .trust-strip__value{
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  color: var(--ink);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

@media (max-width: 860px) {.hlx-page .trust-strip__row{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.hlx-page .trust-strip__item:nth-child(odd){
    border-left: 0;
    padding-left: 0;
  }.hlx-page .trust-strip__item:nth-child(n + 3){
    border-top: 1px solid var(--line-soft);
  }
}.hlx-page .stats-band{
  background: var(--ink);
  color: rgba(255, 255, 255, 0.78);
  padding-block: clamp(2.5rem, 2rem + 3vw, 4.5rem);
}.hlx-page .stats-band__head{
  max-width: 60ch;
  margin-bottom: var(--sp-7);
}.hlx-page .stats-band__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}.hlx-page .stats-band__item{
  padding: var(--sp-5) clamp(1rem, 2vw, 1.75rem);
  border-left: 1px solid rgba(255, 255, 255, 0.14);
}.hlx-page .stats-band__item:first-child{
  border-left: 0;
  padding-left: 0;
}.hlx-page .stats-band__num{
  display: block;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(2.2rem, 1.5rem + 2.6vw, 3.5rem);
  line-height: 1;
  letter-spacing: -0.02em;
  /* Default aman untuk konteks terang; emas hanya di dalam band gelap. */
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}.hlx-page .stats-band .stats-band__num{
  color: var(--gold);
}.hlx-page .stats-band__label{
  display: block;
  margin-top: var(--sp-3);
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  color: var(--white);
  line-height: 1.35;
}.hlx-page .stats-band__ing{
  display: block;
  margin-top: 0.35rem;
  font-size: var(--fs-micro);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}.hlx-page .stats-band__no{
  display: block;
  font-size: var(--fs-micro);
  letter-spacing: 0.16em;
  color: var(--gold);
  margin-bottom: var(--sp-3);
}

@media (max-width: 860px) {.hlx-page .stats-band__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.hlx-page .stats-band__item{
    padding-inline: var(--sp-4);
  }.hlx-page .stats-band__item:nth-child(odd){
    border-left: 0;
    padding-left: 0;
  }.hlx-page .stats-band__item:nth-child(n + 3){
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    padding-top: var(--sp-5);
  }
}.hlx-page .pdp__name{
  font-size: clamp(1.35rem, 1.1rem + 1.1vw, 1.9rem);
  margin: 0 0 var(--sp-3);
  line-height: 1.2;
}.hlx-page .pdp__name span{
  display: block;
  font-family: var(--font-body);
  font-size: var(--fs-sm);
  font-weight: 400;
  letter-spacing: 0.02em;
  color: var(--muted);
  margin-top: 0.4rem;
}.hlx-page .pdp__main{
  aspect-ratio: var(--pdp-ratio, 1 / 1);
}.hlx-page .pdp__main img{
  object-fit: var(--pdp-fit, cover);
}.hlx-page .pdp__main--contain img{
  object-fit: contain;
  padding: clamp(1rem, 3vw, 2rem);
  background: var(--cream);
}.hlx-page .price-block{
  display: grid;
  gap: var(--sp-2);
  padding: var(--sp-5);
  border: 1px solid var(--line-gold);
  border-radius: var(--r-sm);
  background: linear-gradient(180deg, var(--white), var(--gold-tint));
  margin-bottom: var(--sp-5);
}.hlx-page .price-block__row{
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--sp-3);
}.hlx-page .price-block__promo{
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 1.35rem + 1.2vw, 2.1rem);
  font-weight: 600;
  color: var(--ink);
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}.hlx-page .price-block__normal{
  color: var(--muted);
  text-decoration: line-through;
  font-size: var(--fs-sm);
  font-variant-numeric: tabular-nums;
}.hlx-page .price-block__save{
  font-family: var(--font-display);
  font-size: var(--fs-xs);
  font-weight: 700;
  color: var(--ok);
  background: var(--ok-soft);
  border-radius: var(--r-pill);
  padding: 0.25rem 0.7rem;
}.hlx-page .price-block__note{
  font-size: var(--fs-xs);
  color: var(--muted);
  margin: 0;
}.hlx-page .prod-card--feature{
  grid-column: span 2;
  background: var(--ink);
  border-color: transparent;
  color: rgba(255, 255, 255, 0.78);
}.hlx-page .prod-card--feature .prod-card__body{
  padding: clamp(1.5rem, 2.6vw, 2.25rem);
}.hlx-page .prod-card--feature .prod-card__title, .hlx-page .prod-card--feature .prod-card__title a{
  color: var(--white);
}.hlx-page .prod-card--feature .prod-card__step{
  color: var(--gold);
}.hlx-page .prod-card--feature .prod-card__text{
  color: rgba(255, 255, 255, 0.72);
}.hlx-page .prod-card--feature .prod-card__price strong{
  color: var(--white);
  font-variant-numeric: tabular-nums;
}.hlx-page .prod-card--feature .prod-card__price s{
  color: rgba(255, 255, 255, 0.55);
}.hlx-page .prod-card__body{
  min-height: 240px;
}

@media (max-width: 860px) {.hlx-page .prod-card--feature{
    grid-column: span 1;
  }
}.hlx-page .pack-list{
  list-style: none;
  padding: 0;
  margin: var(--sp-4) 0 var(--sp-5);
  display: grid;
  gap: var(--sp-2);
}.hlx-page .pack-list li{
  margin: 0;
  font-size: var(--fs-sm);
  display: flex;
  justify-content: space-between;
  gap: var(--sp-4);
  padding-bottom: var(--sp-2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}.hlx-page .pack-list span{
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
}.hlx-page .bleed{
  margin-inline: calc(50% - 50vw);
  padding-inline: clamp(1.15rem, 4vw, 2rem);
}.hlx-page .bleed--right{
  margin-right: calc(50% - 50vw);
  margin-left: 0;
}.hlx-page .section--quiet{
  padding-block: calc(var(--section-y) * 1.6);
  text-align: center;
}.hlx-page .section--quiet p{
  font-family: var(--font-display);
  font-size: clamp(1.3rem, 1.05rem + 1.4vw, 2rem);
  line-height: 1.4;
  color: var(--ink);
  max-width: 34ch;
  margin-inline: auto;
  text-wrap: balance;
}.hlx-page .split--top{
  align-items: start;
}

@media (min-width: 900px) {.hlx-page .split--sticky > .split__media img{
    position: sticky;
    top: calc(var(--header-h) + 24px);
  }
}.hlx-page .split--asym{
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
}.hlx-page .split--asym-rev{
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}

@media (max-width: 900px) {.hlx-page .split--asym, .hlx-page .split--asym-rev{
    grid-template-columns: minmax(0, 1fr);
  }.hlx-page .hero--product .hero__grid{
    grid-template-columns: minmax(0, 1fr);
  }.hlx-page .hero--product .hero__panel{
    aspect-ratio: 4 / 3;
  }.hlx-page .pdp__main{
    aspect-ratio: auto;
    max-height: 46vh;
  }.hlx-page .pdp__main img{
    height: 100%;
  }
}.hlx-page .media-framed, .hlx-page .prose img, .hlx-page .prose figure, .hlx-page .prose figure > img, .hlx-page figure > img{
  border-radius: var(--r-editorial);
}.hlx-page .media-framed, .hlx-page .prose img, .hlx-page figure > img{
  border: 1px solid var(--line);
}.hlx-page .gallery figure > img{
  border: 0;
  border-radius: 0;
}.hlx-page .media-framed{
  overflow: hidden;
}.hlx-page .media-framed img{
  border-radius: 0;
  display: block;
  width: 100%;
}.hlx-page .ing--hero{
  border-color: var(--line-gold);
  background: linear-gradient(180deg, var(--white), var(--gold-tint));
}.hlx-page .ing--hero .ing__no{
  display: block;
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  letter-spacing: 0.18em;
  color: var(--muted);
  margin-bottom: var(--sp-3);
}.hlx-page .ing-list{
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--line-soft);
}.hlx-page .ing-list li{
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.9fr);
  gap: var(--sp-4);
  margin: 0;
  padding: var(--sp-4) 0;
  border-bottom: 1px solid var(--line-soft);
  font-size: var(--fs-sm);
}.hlx-page .ing-list b{
  font-family: var(--font-display);
  color: var(--ink);
  font-weight: 600;
}.hlx-page .ing-list span{
  color: var(--text);
}

@media (max-width: 560px) {.hlx-page .ing-list li{
    grid-template-columns: minmax(0, 1fr);
    gap: var(--sp-1);
  }
}

/* ------------------------------------------------------ TABEL RESPONSIF */
@media (max-width: 720px) {.hlx-page table.table{
    min-width: 0;
  }.hlx-page table.table thead{
    display: none;
  }.hlx-page table.table tbody tr{
    display: grid;
    gap: 0.35rem;
    padding: var(--sp-4) 0;
    border-bottom: 1px solid var(--line-soft);
  }.hlx-page table.table tbody th, .hlx-page table.table tbody td{
    border: 0;
    padding: 0;
    width: auto;
  }.hlx-page table.table tbody th{
    font-size: var(--fs-sm);
  }.hlx-page table.table tbody td::before{
    content: attr(data-label);
    display: block;
    font-size: var(--fs-micro);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 0.15rem;
  }.hlx-page table.table tbody td:not([data-label])::before{
    display: none;
  }
}.hlx-page .gallery--proof img{
  aspect-ratio: auto;
  object-fit: contain;
  max-height: min(70vh, 640px);
  background: var(--cream-2);
}.hlx-page .gallery--proof{
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}.hlx-page .gallery--proof figcaption{
  min-height: 4.5rem;
}

@media (max-width: 560px) {.hlx-page .gallery--proof{
    grid-template-columns: minmax(0, 1fr);
  }
}.hlx-page .prod-card__flag{
  max-width: calc(100% - var(--sp-6));
}.hlx-page .faq__a-inner{
  color: var(--text);
}

@media (max-width: 900px) {.hlx-page .hero__grid, .hlx-page .pdp, .hlx-page .tech-panel, .hlx-page .guarantee, .hlx-page .cta-band{
    grid-template-columns: minmax(0, 1fr);
  }.hlx-page .pdp__gallery{
    position: static;
  }.hlx-page .guarantee__seal{
    order: -1;
  }.hlx-page .cta-band .btn-row{
    justify-content: flex-start;
  }.hlx-page .hero__media-tag{
    left: var(--sp-3);
    bottom: var(--sp-3);
  }
}

@media (max-width: 560px) {.hlx-page .prod-grid{
    grid-template-columns: minmax(0, 1fr);
  }.hlx-page .pdp__thumbs{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }.hlx-page .offer__label{
    position: static;
    display: inline-block;
    border-radius: var(--r-xs);
    margin-bottom: var(--sp-3);
  }
}

/* =========================================================================
   BERANDA v3 (Nara, 2026-10-08) — komponen .lx-* khusus beranda.
   Arah: mewah + edukasi keunggulan (gaya situs mobil). Noir hangat, emas hanya
   sebagai aksen, judul serif Literata, foto produk asli. Mobile-first.
   Catatan untuk tools/build-theme.mjs (scopeCss): jangan pakai koma di dalam
   :is()/:not()/:has(), karena daftar selector dipecah per koma.
   ========================================================================= */

@font-face {
  font-family: "Literata Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/literata72-400.woff2") format("woff2");
}.hlx-page .lx{
  --lx-noir: #0d0b09;
  --lx-noir-2: #15120e;
  --lx-noir-3: #1f1a14;
  --lx-paper: #f6f1e7;
  --lx-paper-2: #ede6d8;
  --lx-ink: #17130f;
  --lx-ink-soft: #4a4238;
  --lx-ink-mute: #5f564a;
  --lx-on: rgba(255, 249, 238, 0.82);
  --lx-on-soft: rgba(255, 249, 238, 0.64);
  --lx-hair: rgba(201, 169, 97, 0.26);
  --lx-hair-ink: rgba(23, 19, 15, 0.13);
  --lx-serif: "Literata Display", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Noto Serif", serif;
  background: var(--lx-noir);
  color: var(--lx-on);
}.hlx-page .site-header:has(~ main .lx){
  background: rgba(13, 11, 9, 0.9);
  border-bottom-color: rgba(201, 169, 97, 0.2);
}.hlx-page .site-header.is-stuck:has(~ main .lx){
  background: rgba(13, 11, 9, 0.97);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
}.hlx-page .site-header:has(~ main .lx) .announce{ display: none; }.hlx-page .site-header:has(~ main .lx) .header-link{ color: rgba(255, 255, 255, 0.86); }.hlx-page .site-header:has(~ main .lx) .cart-btn, .hlx-page .site-header:has(~ main .lx) .nav-toggle{
  background: transparent;
  border-color: rgba(255, 255, 255, 0.3);
}.hlx-page .site-header:has(~ main .lx) .cart-btn svg{ color: #fff; }.hlx-page .site-header:has(~ main .lx) .nav-toggle__bars i{ background: #fff; }
@media (min-width: 1001px) {.hlx-page .site-header:has(~ main .lx) .primary-nav__list > li > a{ color: rgba(255, 255, 255, 0.86); }.hlx-page .site-header:has(~ main .lx) .primary-nav__list > li > a:hover{
    background: rgba(255, 255, 255, 0.08);
    color: var(--gold);
  }
}.hlx-page main:has(.lx) ~ .site-footer{ background: #100e0b; }.hlx-page main:has(.lx) ~ .cta-bar{
  background: rgba(13, 11, 9, 0.94);
  border-top-color: rgba(201, 169, 97, 0.22);
  box-shadow: 0 -8px 28px rgba(0, 0, 0, 0.4);
}.hlx-page .lx h1, .hlx-page .lx h2, .hlx-page .lx h3{
  font-family: var(--lx-serif) !important;
  font-weight: 400;
  letter-spacing: -0.012em;
  color: #fff;
  text-wrap: balance;
}.hlx-page .lx h2{
  font-size: clamp(1.95rem, 1.35rem + 2.7vw, 3.35rem) !important;
  line-height: 1.08;
  margin: 0 0 var(--sp-4);
}.hlx-page .lx h3{
  font-size: clamp(1.4rem, 1.2rem + 0.9vw, 1.9rem);
  line-height: 1.15;
  margin: 0 0 var(--sp-3);
}.hlx-page .lx sup{
  font-size: 0.42em;
  vertical-align: super;
  line-height: 0;
  color: var(--gold);
}.hlx-page .lx strong{ color: #fff; }.hlx-page .lx img{ background-color: transparent; }.hlx-page .lx figure > img{ border: 0; }.hlx-page .lx-stage, .hlx-page .lx-pillars, .hlx-page .lx-science, .hlx-page .lx-vs, .hlx-page .lx-price, .hlx-page .lx-paper{ padding-block: var(--section-y); }.hlx-page .lx-paper{
  background: var(--lx-paper);
  color: var(--lx-ink-soft);
}.hlx-page .lx-paper--deep{ background: var(--lx-paper-2); }.hlx-page .lx-paper h2, .hlx-page .lx-paper h3{ color: var(--lx-ink); }.hlx-page .lx-paper strong{ color: var(--lx-ink); }.hlx-page .lx-paper sup{ color: var(--gold-deep); }.hlx-page .lx-eyebrow{
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 var(--sp-4);
}.hlx-page .lx-eyebrow::before{
  content: "";
  flex: none;
  width: 28px;
  height: 1px;
  background: currentColor;
  opacity: 0.6;
}.hlx-page .lx-eyebrow--ink{ color: var(--gold-deep); }.hlx-page .lx-head{
  max-width: 46rem;
  margin-bottom: var(--sp-8);
}.hlx-page .lx-head--center{
  margin-inline: auto;
  text-align: center;
}.hlx-page .lx-head--center .lx-eyebrow{ justify-content: center; }.hlx-page .lx-head--center .lx-eyebrow::after{
  content: "";
  flex: none;
  width: 28px;
  height: 1px;
  background: currentColor;
  opacity: 0.6;
}.hlx-page .lx-lead{
  font-size: var(--fs-lead);
  line-height: 1.6;
  max-width: 40rem;
  margin: 0;
}.hlx-page .lx-head--center .lx-lead{ margin-inline: auto; }.hlx-page .lx-fine{
  font-size: var(--fs-xs);
  line-height: 1.65;
  color: var(--lx-on-soft);
  max-width: 46rem;
  margin: var(--sp-6) 0 0;
}.hlx-page .lx-fine--center{
  margin-inline: auto;
  text-align: center;
}.hlx-page .lx-fine--ink{ color: var(--lx-ink-mute); }.hlx-page .lx-center{
  text-align: center;
  margin: var(--sp-6) 0 0;
}.hlx-page .lx-chips{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2);
}.hlx-page .lx-chips li{
  margin: 0;
  padding: 0.35rem 0.75rem;
  border: 1px solid var(--lx-hair);
  border-radius: var(--r-xs);
  font-size: var(--fs-xs);
  line-height: 1.4;
  color: var(--lx-on);
}.hlx-page .lx-chips--center{ justify-content: center; }.hlx-page .lx-split{
  display: grid;
  gap: var(--sp-6);
  align-items: center;
}.hlx-page .lx-split__media{ margin: 0; }.hlx-page .lx-split__media img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--r-editorial);
}
@media (min-width: 960px) {.hlx-page .lx-split{
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-10);
  }.hlx-page .lx-split--top{ align-items: start; }
}.hlx-page .lx-hero{
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--lx-noir);
}.hlx-page .lx-hero__bg{
  position: absolute;
  inset: 0 0 auto 0;
  height: min(62svh, 500px);
  z-index: -1;
  display: block;
}.hlx-page .lx-hero__bg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 40% 10%;
  display: block;
}.hlx-page .lx-hero__bg::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(13, 11, 9, 0.3) 0%,
    rgba(13, 11, 9, 0) 20%,
    rgba(13, 11, 9, 0) 42%,
    rgba(13, 11, 9, 0.8) 72%,
    var(--lx-noir) 97%
  );
}.hlx-page .lx-hero__inner{
  padding-top: min(38svh, 300px);
  padding-bottom: var(--sp-8);
}.hlx-page .lx-hero .lx-eyebrow{ margin-bottom: var(--sp-3); }.hlx-page .lx-hero__title{
  font-size: clamp(2.3rem, 1.4rem + 4vw, 4.2rem) !important;
  line-height: 1.04;
  letter-spacing: -0.02em;
  margin: 0 0 var(--sp-4);
  max-width: 14ch;
}.hlx-page .lx-hero__sub{
  font-size: var(--fs-lead);
  line-height: 1.55;
  color: var(--lx-on);
  max-width: 34rem;
  margin: 0 0 var(--sp-5);
}.hlx-page .lx-hero__cta{
  display: grid;
  gap: var(--sp-3);
}.hlx-page .lx-hero__g{
  margin: var(--sp-5) 0 0;
  padding-top: var(--sp-4);
  border-top: 1px solid var(--lx-hair);
  font-size: var(--fs-sm);
  line-height: 1.45;
  max-width: 34rem;
}.hlx-page .lx-hero__g b{
  display: block;
  font-family: var(--font-display);
  font-weight: 600;
  color: #fff;
}.hlx-page .lx-hero__g span{
  font-size: var(--fs-xs);
  color: var(--lx-on-soft);
}.hlx-page .lx-hero__note{
  font-size: var(--fs-micro);
  color: var(--lx-on-soft);
  margin: var(--sp-3) 0 0;
}
@media (min-width: 560px) {.hlx-page .lx-hero__cta{
    grid-template-columns: auto auto;
    justify-content: start;
  }
}
@media (min-width: 760px) and (max-width: 959px) {.hlx-page .lx-hero__bg img{ object-position: 88% 12%; }
}
@media (min-width: 960px) {.hlx-page .lx-hero{
    min-height: min(calc(100svh - var(--header-h)), 860px);
    display: grid;
    align-items: center;
  }.hlx-page .lx-hero__bg{
    inset: 0;
    height: auto;
  }.hlx-page .lx-hero__bg img{ object-position: 100% 18%; }.hlx-page .lx-hero__bg::after{
    background:
      linear-gradient(90deg, var(--lx-noir) 0%, rgba(13, 11, 9, 0.9) 26%, rgba(13, 11, 9, 0) 56%),
      linear-gradient(0deg, var(--lx-noir) 0%, rgba(13, 11, 9, 0) 24%);
  }.hlx-page .lx-hero__inner{ padding-block: var(--sp-9); }.hlx-page .lx-hero__copy{ max-width: 38rem; }.hlx-page .lx-hero__title{ max-width: none; }.hlx-page .lx-hero__sub{ max-width: 29rem; }
}.hlx-page .lx-stage{
  position: relative;
  overflow: hidden;
  background: radial-gradient(ellipse 85% 46% at 50% 52%, #2b2218 0%, var(--lx-noir-2) 48%, var(--lx-noir) 100%);
}.hlx-page .lx-stage__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
}.hlx-page .lx-stage__bottle{
  grid-column: 1 / -1;
  position: relative;
  width: fit-content;
  margin: 0 auto var(--sp-7);
}.hlx-page .lx-stage__bottle img{
  display: block;
  width: auto;
  height: clamp(300px, 46svh, 400px);
  filter: drop-shadow(0 26px 30px rgba(0, 0, 0, 0.6));
}.hlx-page .lx-stage__bottle::before{
  content: "";
  position: absolute;
  inset: -8% -140%;
  z-index: -1;
  background: radial-gradient(closest-side, rgba(236, 211, 154, 0.2), rgba(236, 211, 154, 0) 72%);
}.hlx-page .lx-stage__bottle::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -14px;
  z-index: -1;
  width: 320%;
  height: 26px;
  transform: translateX(-50%);
  background: radial-gradient(closest-side, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}.hlx-page .lx-spec{
  padding: var(--sp-5) var(--sp-4);
  border-top: 1px solid var(--lx-hair);
  min-width: 0;
}.hlx-page .lx-spec:nth-of-type(odd){
  padding-left: 0;
  border-right: 1px solid var(--lx-hair);
}.hlx-page .lx-spec__num{
  font-family: var(--lx-serif);
  font-size: clamp(2.4rem, 1.7rem + 3.2vw, 4rem);
  line-height: 1;
  letter-spacing: -0.02em;
  font-variant-numeric: lining-nums tabular-nums;
  color: var(--gold);
  margin: 0;
}.hlx-page .lx-spec__label{
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  font-weight: 600;
  line-height: 1.35;
  color: #fff;
  margin: var(--sp-2) 0 0.2rem;
}.hlx-page .lx-spec__src{
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--lx-on-soft);
  margin: 0;
}.hlx-page .lx-clean{
  list-style: none;
  margin: var(--sp-6) 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--sp-2) var(--sp-5);
}.hlx-page .lx-clean li{
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--fs-xs);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
}.hlx-page .lx-clean li::before{
  content: "✓";
  margin-right: 0.45em;
  color: var(--gold);
}
@media (min-width: 960px) {.hlx-page .lx-stage__grid{
    grid-template-columns: 1fr auto 1fr;
    column-gap: var(--sp-10);
    align-items: center;
  }.hlx-page .lx-stage__bottle{
    grid-column: 2;
    grid-row: 1 / span 2;
    margin: 0;
  }.hlx-page .lx-stage__bottle img{ height: clamp(430px, 62svh, 600px); }.hlx-page .lx-spec{
    padding: var(--sp-6) 0;
    border-right: 0;
  }.hlx-page .lx-spec:nth-of-type(odd){ border-right: 0; }.hlx-page .lx-spec:nth-of-type(1){ grid-column: 1; grid-row: 1; text-align: right; }.hlx-page .lx-spec:nth-of-type(2){ grid-column: 3; grid-row: 1; }.hlx-page .lx-spec:nth-of-type(3){ grid-column: 1; grid-row: 2; text-align: right; }.hlx-page .lx-spec:nth-of-type(4){ grid-column: 3; grid-row: 2; }
}.hlx-page .lx-trust{
  background: var(--lx-noir-2);
  border-block: 1px solid var(--lx-hair);
}.hlx-page .lx-trust__row{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.hlx-page .lx-trust__row li{
  margin: 0;
  padding: var(--sp-4) var(--sp-3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  min-width: 0;
}.hlx-page .lx-trust__row li:nth-child(odd){
  padding-left: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}.hlx-page .lx-trust__row li:nth-child(n + 3){ border-bottom: 0; }.hlx-page .lx-trust__row b{
  display: block;
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: #fff;
}.hlx-page .lx-trust__row span{
  display: block;
  font-size: var(--fs-xs);
  color: var(--lx-on-soft);
  overflow-wrap: anywhere;
}
@media (min-width: 860px) {.hlx-page .lx-trust__row{ grid-template-columns: repeat(4, minmax(0, 1fr)); }.hlx-page .lx-trust__row li{
    padding: var(--sp-5);
    border-bottom: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
  }.hlx-page .lx-trust__row li:nth-child(odd){ padding-left: var(--sp-5); }.hlx-page .lx-trust__row li:first-child{ padding-left: 0; }.hlx-page .lx-trust__row li:last-child{ border-right: 0; }
}.hlx-page .lx-empathy__list{
  list-style: none;
  margin: var(--sp-5) 0;
  padding: 0;
  display: grid;
  gap: var(--sp-3);
}.hlx-page .lx-empathy__list li{
  margin: 0;
  padding-left: var(--sp-4);
  border-left: 1px solid var(--gold-dark);
  font-family: var(--lx-serif);
  font-size: clamp(1.1rem, 1rem + 0.5vw, 1.35rem);
  line-height: 1.4;
  color: var(--lx-ink);
}.hlx-page .lx-empathy__turn{
  margin: 0;
  padding-top: var(--sp-5);
  border-top: 1px solid var(--lx-hair-ink);
  font-size: var(--fs-lead);
  line-height: 1.6;
}.hlx-page .lx-pillar{
  display: grid;
  gap: var(--sp-5);
  padding-block: var(--sp-7);
  border-top: 1px solid var(--lx-hair);
}.hlx-page .lx-pillar__media{ margin: 0 calc(-1 * clamp(1.15rem, 4vw, 2rem)); }.hlx-page .lx-pillar__media img{
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  display: block;
}.hlx-page .lx-pillar__no{
  font-family: var(--lx-serif);
  font-size: clamp(2.6rem, 2rem + 2.6vw, 4.25rem);
  line-height: 1;
  font-variant-numeric: lining-nums;
  color: var(--gold);
  margin: 0 0 var(--sp-3);
}.hlx-page .lx-pillar__body p{
  line-height: 1.7;
  max-width: 34rem;
  margin: 0 0 var(--sp-4);
}.hlx-page .lx-pillar__body p:last-child{ margin-bottom: 0; }.hlx-page .lx-pillar__body .lx-pillar__where{
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--lx-on-soft);
}
@media (min-width: 960px) {.hlx-page .lx-pillar{
    grid-template-columns: 7fr 5fr;
    gap: var(--sp-10);
    align-items: center;
    padding-block: var(--sp-9);
  }.hlx-page .lx-pillar--flip{ grid-template-columns: 5fr 7fr; }.hlx-page .lx-pillar--flip .lx-pillar__media{ order: 2; }.hlx-page .lx-pillar__media{ margin: 0; }.hlx-page .lx-pillar__media img{
    aspect-ratio: 16 / 9;
    border-radius: var(--r-editorial);
  }
}.hlx-page .lx-duo{
  display: grid;
  border-top: 1px solid var(--lx-hair);
}.hlx-page .lx-duo__item{ padding-block: var(--sp-7); }.hlx-page .lx-duo__item + .lx-duo__item{ border-top: 1px solid var(--lx-hair); }.hlx-page .lx-duo__k{
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 var(--sp-2);
}.hlx-page .lx .lx-duo__item h3{
  font-size: clamp(2.1rem, 1.5rem + 2.6vw, 3.4rem);
  line-height: 1.05;
  margin: 0 0 var(--sp-3);
}.hlx-page .lx-duo__item p:last-child{
  max-width: 30rem;
  line-height: 1.7;
  margin: 0;
}
@media (min-width: 760px) {.hlx-page .lx-duo{ grid-template-columns: 1fr 1fr; }.hlx-page .lx-duo__item:first-child{ padding-right: var(--sp-8); }.hlx-page .lx-duo__item + .lx-duo__item{
    border-top: 0;
    border-left: 1px solid var(--lx-hair);
    padding-left: var(--sp-8);
  }.hlx-page .lx-pillars{ padding-bottom: 0; }
}.hlx-page .lx-science{
  background: var(--lx-noir-2);
  border-top: 1px solid var(--lx-hair);
}.hlx-page .lx-science__hero{ text-align: center; }.hlx-page .lx-science__num{
  font-family: var(--lx-serif);
  font-size: clamp(5.5rem, 3rem + 14vw, 11.5rem);
  line-height: 0.95;
  letter-spacing: -0.03em;
  font-variant-numeric: lining-nums;
  margin: 0;
  color: var(--gold);
  background: linear-gradient(180deg, #ecd39a 0%, #c5a059 55%, #8f7232 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}.hlx-page .lx-science__cap{
  font-family: var(--font-display);
  font-size: var(--fs-xs);
  font-weight: 600;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: #fff;
  margin: var(--sp-3) 0 var(--sp-5);
}.hlx-page .lx-science__text{
  max-width: 36rem;
  line-height: 1.7;
  margin: var(--sp-5) auto 0;
}.hlx-page .lx-bars{
  max-width: 40rem;
  margin: var(--sp-8) auto 0;
  padding: var(--sp-6) var(--sp-5);
  border: 1px solid var(--lx-hair);
  border-radius: var(--r-info);
  background: rgba(255, 255, 255, 0.02);
}.hlx-page .lx-bars__title{
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-align: center;
  color: var(--gold);
  margin: 0 0 var(--sp-5);
}.hlx-page .lx-bar{
  display: grid;
  grid-template-columns: 1fr auto;
  row-gap: 0.45rem;
  margin-bottom: var(--sp-4);
}.hlx-page .lx-bar__name, .hlx-page .lx-bar__val{
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  color: var(--lx-on-soft);
}.hlx-page .lx-bar__val{ font-variant-numeric: tabular-nums; }.hlx-page .lx-bar__track{
  grid-column: 1 / -1;
  display: block;
  height: 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.09);
  overflow: hidden;
}.hlx-page .lx-bar__track i{
  display: block;
  height: 100%;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.36);
}.hlx-page .lx-bar--key .lx-bar__name{
  font-weight: 600;
  color: #fff;
}.hlx-page .lx-bar--key .lx-bar__val{
  font-weight: 600;
  color: var(--gold);
}.hlx-page .lx-bar--key .lx-bar__track i{ background: linear-gradient(90deg, #8f7232, #ecd39a); }.hlx-page .lx-bars__note{
  font-size: var(--fs-sm);
  line-height: 1.6;
  color: var(--lx-on);
  margin: var(--sp-5) 0 0;
}.hlx-page .lx-science .lx-fine{ margin-inline: auto; }.hlx-page .lx-system__grid{
  display: grid;
  gap: var(--sp-7);
}.hlx-page .lx-system__media{ margin: 0; }.hlx-page .lx-system__media img{
  display: block;
  width: min(100%, 520px);
  height: auto;
  margin-inline: auto;
  /* foto studio aslinya bernada lila; dihangatkan sedikit supaya menyatu dengan kertas */
  filter: sepia(0.14) saturate(0.9) brightness(1.03) drop-shadow(0 26px 30px rgba(70, 48, 12, 0.22));
}.hlx-page .lx-system__steps{
  list-style: none;
  margin: 0;
  padding: 0;
}.hlx-page .lx-system__steps li{
  position: relative;
  margin: 0;
  padding: var(--sp-5) 0;
  border-top: 1px solid var(--lx-hair-ink);
}.hlx-page .lx-system__steps li:last-child{ border-bottom: 1px solid var(--lx-hair-ink); }.hlx-page .lx-system__no{
  display: block;
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold-deep);
  margin-bottom: var(--sp-2);
}.hlx-page .lx .lx-system__steps h3{
  font-size: clamp(1.35rem, 1.2rem + 0.7vw, 1.7rem);
  margin: 0 0 var(--sp-2);
}.hlx-page .lx-system__steps p{
  line-height: 1.65;
  max-width: 34rem;
  margin: 0 0 var(--sp-3);
}.hlx-page .lx-system__steps a{
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--lx-ink);
  text-underline-offset: 4px;
}.hlx-page .lx-system__steps .lx-system__key::before{
  content: "";
  position: absolute;
  left: calc(-1 * var(--sp-3));
  top: var(--sp-5);
  bottom: var(--sp-5);
  width: 2px;
  background: var(--gold);
}
@media (min-width: 960px) {.hlx-page .lx-system__grid{
    grid-template-columns: 5fr 6fr;
    gap: var(--sp-10);
    align-items: center;
  }
}.hlx-page .lx-vs{ background: var(--lx-noir); }.hlx-page .lx-vs__grid{
  display: grid;
  gap: var(--sp-5);
}.hlx-page .lx-vs__card{
  padding: var(--sp-5);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: var(--r-md);
  background: rgba(255, 255, 255, 0.025);
}.hlx-page .lx-vs__card--us{
  border-color: var(--gold);
  background: linear-gradient(180deg, rgba(201, 169, 97, 0.15) 0%, rgba(201, 169, 97, 0.03) 60%);
  box-shadow: 0 26px 64px rgba(0, 0, 0, 0.45);
}.hlx-page .lx-vs__head{
  text-align: center;
  margin-bottom: var(--sp-4);
}.hlx-page .lx-vs__thumb{
  display: block;
  width: 116px;
  height: 154px;
  margin: 0 auto var(--sp-3);
  border: 1px solid var(--gold);
  border-radius: var(--r-sm);
  overflow: hidden;
  background: radial-gradient(circle at 50% 38%, #4a3a25 0%, #17130f 78%);
}.hlx-page .lx-vs__thumb img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 10px;
  display: block;
}.hlx-page .lx-vs__card--them .lx-vs__thumb{
  border-color: rgba(255, 255, 255, 0.14);
  background: #14110d;
  opacity: 0.85;
}.hlx-page .lx-vs__card--them .lx-vs__thumb img{
  object-fit: cover;
  padding: 0;
}.hlx-page .lx .lx-vs__head h3{
  font-family: var(--font-display) !important;
  font-size: var(--fs-sm);
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0;
}.hlx-page .lx .lx-vs__card--them .lx-vs__head h3{ color: var(--lx-on-soft); }.hlx-page .lx-vs__list{
  list-style: none;
  margin: 0;
  padding: 0;
}.hlx-page .lx-vs__list li{
  position: relative;
  margin: 0;
  padding: var(--sp-3) 0 var(--sp-3) 1.9rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}.hlx-page .lx-vs__list li::before{
  content: "✓";
  position: absolute;
  left: 0.1rem;
  top: var(--sp-3);
  font-weight: 700;
  color: var(--gold);
}.hlx-page .lx-vs__card--them .lx-vs__list li::before{
  content: "✕";
  color: rgba(255, 255, 255, 0.5);
}.hlx-page .lx-vs__list b{
  display: block;
  font-weight: 600;
  line-height: 1.35;
  color: #fff;
}.hlx-page .lx-vs__list span{
  display: block;
  margin-top: 2px;
  font-size: var(--fs-sm);
  line-height: 1.45;
  color: var(--lx-on);
  overflow-wrap: anywhere;
}.hlx-page .lx-vs__list span.mono{ font-size: var(--fs-xs); }.hlx-page .lx-vs__card--them .lx-vs__list b{ color: rgba(255, 255, 255, 0.82); }.hlx-page .lx-vs__card--them .lx-vs__list span{ color: var(--lx-on-soft); }
@media (min-width: 800px) {.hlx-page .lx-vs__grid{
    grid-template-columns: 1.08fr 1fr;
    gap: var(--sp-6);
    align-items: start;
  }.hlx-page .lx-vs__card{ padding: var(--sp-6); }
}.hlx-page .lx-proof__grid{
  display: grid;
  gap: var(--sp-7);
}.hlx-page .lx-quote{
  margin: 0;
  padding: 0 0 0 var(--sp-5);
  border-left: 1px solid var(--gold-dark);
}.hlx-page .lx-quote p{
  font-family: var(--lx-serif);
  font-size: clamp(1.25rem, 1.1rem + 0.9vw, 1.7rem);
  line-height: 1.4;
  color: var(--lx-ink);
  margin: 0 0 var(--sp-4);
}.hlx-page .lx-quote footer b{
  display: block;
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--lx-ink);
}.hlx-page .lx-quote footer span{
  font-size: var(--fs-xs);
  color: var(--lx-ink-mute);
}.hlx-page .lx-proof__shots{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 78%;
  gap: var(--sp-4);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: var(--sp-3);
  scrollbar-width: thin;
}.hlx-page .lx-proof__shots figure{
  margin: 0;
  scroll-snap-align: start;
}.hlx-page .lx .lx-proof__shots figure > img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border: 1px solid var(--lx-hair-ink);
  border-radius: var(--r-info);
  background: #fff;
}.hlx-page .lx-proof__shots figcaption{
  font-size: var(--fs-xs);
  color: var(--lx-ink-mute);
  margin-top: var(--sp-2);
}.hlx-page .lx-proof__note{
  font-size: var(--fs-sm);
  color: var(--lx-ink-mute);
  margin: var(--sp-6) 0 0;
}.hlx-page .lx-proof__note a{ color: var(--lx-ink); }
@media (min-width: 960px) {.hlx-page .lx-proof__grid{
    grid-template-columns: 5fr 7fr;
    gap: var(--sp-9);
    align-items: start;
  }.hlx-page .lx-proof__shots{
    grid-auto-flow: row;
    grid-template-columns: repeat(3, 1fr);
    overflow: visible;
  }
}.hlx-page .lx .lx-guarantee h2{ font-size: clamp(2.1rem, 1.4rem + 3vw, 3.6rem) !important; }.hlx-page .lx-guarantee__lead{
  font-size: var(--fs-lead);
  line-height: 1.6;
  max-width: 34rem;
  margin: 0 0 var(--sp-5);
}.hlx-page .lx-guarantee__terms{
  list-style: none;
  counter-reset: g;
  margin: 0 0 var(--sp-5);
  padding: 0;
  display: grid;
  gap: var(--sp-4);
}.hlx-page .lx-guarantee__terms li{
  counter-increment: g;
  position: relative;
  margin: 0;
  padding-left: 2.8rem;
  font-size: var(--fs-sm);
  line-height: 1.6;
}.hlx-page .lx-guarantee__terms li::before{
  content: counter(g, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: -0.15rem;
  font-family: var(--lx-serif);
  font-size: 1.3rem;
  color: var(--gold-deep);
}.hlx-page .lx-guarantee__terms b{ color: var(--lx-ink); }.hlx-page .lx-guarantee__punch{
  font-family: var(--lx-serif);
  font-size: clamp(1.4rem, 1.2rem + 0.9vw, 1.9rem);
  line-height: 1.25;
  color: var(--lx-ink);
  margin: 0 0 var(--sp-3);
}.hlx-page .lx-guarantee__sk{
  font-size: var(--fs-xs);
  color: var(--lx-ink-mute);
  margin: 0 0 var(--sp-5);
}.hlx-page .lx-guarantee__seal{ display: none; }.hlx-page .lx-guarantee__seal img{
  aspect-ratio: 4 / 5;
  object-fit: cover;
}
@media (min-width: 960px) {.hlx-page .lx-guarantee__seal{ display: block; }
}.hlx-page .lx-price{ background: radial-gradient(ellipse 90% 42% at 50% 0%, #251d13 0%, var(--lx-noir) 72%); }.hlx-page .lx-tiers{
  display: grid;
  gap: var(--sp-5);
}.hlx-page .lx-tier{
  display: flex;
  flex-direction: column;
  padding: var(--sp-6) var(--sp-5);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: var(--r-md);
  background: rgba(255, 255, 255, 0.025);
}.hlx-page .lx-tier__k{
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--lx-on-soft);
  margin: 0 0 var(--sp-3);
}.hlx-page .lx .lx-tier h3{
  font-size: clamp(1.4rem, 1.25rem + 0.6vw, 1.7rem);
  margin: 0 0 var(--sp-2);
}.hlx-page .lx-tier__what{
  font-size: var(--fs-sm);
  color: var(--lx-on-soft);
  margin: 0 0 var(--sp-5);
}.hlx-page .lx-tier__price{
  margin: auto 0 0;
  padding-top: var(--sp-4);
  line-height: 1.1;
  font-variant-numeric: lining-nums tabular-nums;
}.hlx-page .lx-tier__price strong{
  font-family: var(--lx-serif);
  font-weight: 400;
  font-size: clamp(2rem, 1.7rem + 1.2vw, 2.6rem);
  letter-spacing: -0.01em;
  color: #fff;
}.hlx-page .lx-tier__price s{
  margin-left: 0.4rem;
  font-size: var(--fs-sm);
  color: var(--lx-on-soft);
}.hlx-page .lx-tier__save{
  font-size: var(--fs-xs);
  font-weight: 700;
  color: var(--gold);
  margin: var(--sp-2) 0 var(--sp-5);
}.hlx-page .lx-tier .btn + .btn{ margin-top: var(--sp-3); }.hlx-page .lx-tier--key{
  border-color: var(--gold);
  background: linear-gradient(180deg, rgba(201, 169, 97, 0.15) 0%, rgba(201, 169, 97, 0.03) 55%);
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.5);
}.hlx-page .lx-tier--key .lx-tier__k{ color: var(--gold); }.hlx-page .lx-tier__media{
  margin: calc(-1 * var(--sp-6)) calc(-1 * var(--sp-5)) var(--sp-5);
  border-radius: var(--r-md) var(--r-md) 0 0;
  overflow: hidden;
}.hlx-page .lx-tier__media img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1000 / 560;
  object-fit: cover;
  object-position: 50% 70%;
}.hlx-page .lx-tier__list{
  list-style: none;
  margin: 0 0 var(--sp-2);
  padding: 0;
}.hlx-page .lx-tier__list li{
  display: grid;
  grid-template-columns: 3.4rem 1fr;
  margin: 0;
  padding: 0.55rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-size: var(--fs-sm);
  color: #fff;
}.hlx-page .lx-tier__list b{
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--gold);
}.hlx-page .lx-tier__list span{
  grid-column: 2;
  font-size: var(--fs-xs);
  font-weight: 400;
  color: var(--lx-on-soft);
}.hlx-page .lx-tier__list .lx-tier__g{ font-weight: 700; }.hlx-page .lx-price__foot{
  max-width: 44rem;
  margin: var(--sp-6) auto 0;
  font-size: var(--fs-xs);
  line-height: 1.7;
  text-align: center;
  color: var(--lx-on-soft);
}.hlx-page .lx-price__foot a{ color: var(--gold); }
@media (min-width: 960px) {.hlx-page .lx-tiers{
    grid-template-columns: 1fr 1.15fr;
    grid-template-rows: 1fr 1fr;
    gap: var(--sp-6);
  }.hlx-page .lx-tier{ padding: var(--sp-7); }.hlx-page .lx-tier--key{
    grid-column: 2;
    grid-row: 1 / span 2;
  }.hlx-page .lx-tier__media{ margin: calc(-1 * var(--sp-7)) calc(-1 * var(--sp-7)) var(--sp-6); }
}.hlx-page .lx-routine__steps{
  list-style: none;
  counter-reset: r;
  margin: var(--sp-5) 0 var(--sp-7);
  padding: 0;
  display: grid;
  gap: var(--sp-4);
}.hlx-page .lx-routine__steps li{
  counter-increment: r;
  position: relative;
  margin: 0;
  padding-left: 2.8rem;
  line-height: 1.6;
}.hlx-page .lx-routine__steps li::before{
  content: counter(r, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: -0.15rem;
  font-family: var(--lx-serif);
  font-size: 1.3rem;
  color: var(--gold-deep);
}.hlx-page .lx .lx-timeline__title{
  font-size: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  margin: 0 0 var(--sp-4);
}.hlx-page .lx-timeline{
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 1px solid var(--gold-dark);
}.hlx-page .lx-timeline li{
  position: relative;
  margin: 0;
  padding: 0 0 var(--sp-4) var(--sp-5);
}.hlx-page .lx-timeline li::before{
  content: "";
  position: absolute;
  left: -5px;
  top: 0.45rem;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--gold-dark);
}.hlx-page .lx-timeline b{
  display: block;
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  color: var(--lx-ink);
}.hlx-page .lx-timeline span{ font-size: var(--fs-sm); }.hlx-page .lx-faq__more{
  margin: var(--sp-5) 0 0;
  font-weight: 700;
}.hlx-page .lx-faq__more a{ color: var(--lx-ink); }.hlx-page .lx-final{
  position: relative;
  overflow: hidden;
  background: var(--lx-noir);
}.hlx-page .lx-final__inner{
  display: grid;
  padding-bottom: var(--section-y);
}.hlx-page .lx-final__media{
  position: relative;
  margin: 0 calc(-1 * clamp(1.15rem, 4vw, 2rem));
}.hlx-page .lx-final__media img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}.hlx-page .lx-final__media::after{
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 30%;
  background: linear-gradient(180deg, rgba(13, 11, 9, 0) 0%, var(--lx-noir) 92%);
}.hlx-page .lx-final__copy{ padding-top: var(--sp-5); }.hlx-page .lx-final__copy .lx-lead{ margin-bottom: var(--sp-6); }.hlx-page .lx-final__copy .lx-lead span{ color: var(--lx-on-soft); }
@media (min-width: 960px) {.hlx-page .lx-final__inner{
    grid-template-columns: 6fr 5fr;
    gap: var(--sp-10);
    align-items: center;
    padding-block: var(--section-y);
  }.hlx-page .lx-final__media{
    order: 2;
    margin: 0;
  }.hlx-page .lx-final__media img{ border-radius: var(--r-editorial); }.hlx-page .lx-final__media::after{ display: none; }.hlx-page .lx-final__copy{ padding-top: 0; }
}.hlx-page .lx-legal{
  background: var(--lx-noir);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}.hlx-page .lx-legal p{
  margin: 0;
  padding-block: var(--sp-5);
  font-size: var(--fs-xs);
  color: var(--lx-on-soft);
}

/* =========================================================================
   HOME LOBI MEREK (Nara, 2026-10-08) — komponen tambahan untuk beranda (.lx--home).
   Hanya kelas baru; gaya halaman jualan v3 di atas tidak diubah.
   Susunan: slider banner, jajaran produk, cara kerja, panduan memilih,
   keunggulan, program dan garansi, legalitas, bukti, FAQ, konsultasi.
   Ingat: tools/build-theme.mjs memecah selector per koma. Jangan pakai koma di
   dalam :is()/:not()/:has().
   ========================================================================= */

/* Bar pengumuman: di home tampil pada layar lebar, tetap tersembunyi di HP. */
@media (min-width: 960px) {.hlx-page .site-header:has(~ main .lx--home) .announce:not([hidden]){
    display: block;
    background: #1c1712;
    border-bottom: 1px solid rgba(201, 169, 97, 0.2);
  }
}.hlx-page .lx--home section[id]{ scroll-margin-top: calc(var(--header-h) + 12px); }.hlx-page .lx-slider{
  position: relative;
  background: var(--lx-noir);
}.hlx-page .lx-slider__track{
  position: relative;
  display: flex;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}.hlx-page .lx-slider__track::-webkit-scrollbar{ display: none; }.hlx-page .lx-slider__track:focus-visible{
  outline: 2px solid var(--gold);
  outline-offset: -4px;
}.hlx-page .lx-slide{
  position: relative;
  isolation: isolate;
  overflow: hidden;
  flex: 0 0 100%;
  min-width: 0;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}.hlx-page .lx-slide .lx-hero__inner{ padding-bottom: calc(var(--sp-8) + 40px); }.hlx-page .lx .lx-slide .lx-hero__title{
  font-size: clamp(2.2rem, 1.35rem + 3.8vw, 4rem) !important;
  max-width: 17ch;
}.hlx-page .lx-slide--product .lx-hero__bg img{ object-position: 50% 30%; }.hlx-page .lx-slide__price{
  display: block;
  margin-top: var(--sp-3);
  line-height: 1.1;
  font-variant-numeric: lining-nums tabular-nums;
}.hlx-page .lx-slide__price strong{
  font-family: var(--lx-serif);
  font-weight: 400;
  font-size: 1.7rem;
  letter-spacing: -0.01em;
  color: #fff;
}.hlx-page .lx-slide__price s{
  margin-left: 0.4rem;
  font-size: var(--fs-sm);
  color: var(--lx-on-soft);
}.hlx-page .lx-slider__nav{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
}.hlx-page .lx-slider__nav[hidden]{ display: none; }.hlx-page .lx-slider__bar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-4);
  padding-bottom: var(--sp-4);
}.hlx-page .lx-slider__dots, .hlx-page .lx-slider__ctrl{
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  pointer-events: auto;
}.hlx-page .lx-slider__dot{
  position: relative;
  display: block;
  width: 36px;
  height: 44px;
  padding: 0;
  border: 0;
  background: none;
  color: rgba(255, 255, 255, 0.72);
  cursor: pointer;
}.hlx-page .lx-slider__dot::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.32);
  transition: background-color var(--t-fast) var(--ease);
}.hlx-page .lx-slider__dot[aria-current="true"]::before{ background: var(--gold); }.hlx-page .lx-slider__dot span{
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}.hlx-page .lx-slider__btn{
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  background: rgba(13, 11, 9, 0.45);
  color: #fff;
  cursor: pointer;
  transition: border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);
}.hlx-page .lx-slider__btn:hover{
  border-color: var(--gold);
  color: var(--gold);
}.hlx-page .lx-slider__btn svg{
  width: 20px;
  height: 20px;
}.hlx-page .lx-slider__btn[hidden]{ display: none; }.hlx-page .lx-slider__btn[data-lx-prev], .hlx-page .lx-slider__btn[data-lx-next]{ display: none; }.hlx-page .lx-ico-play{ display: none; }.hlx-page .lx-slider__btn[aria-pressed="true"] .lx-ico-pause{ display: none; }.hlx-page .lx-slider__btn[aria-pressed="true"] .lx-ico-play{ display: block; }
@media (min-width: 760px) {.hlx-page .lx-slide--product .lx-hero__bg img{ object-position: 62% 50%; }.hlx-page .lx-slider__btn[data-lx-prev], .hlx-page .lx-slider__btn[data-lx-next]{ display: grid; }
}
@media (min-width: 960px) {.hlx-page .lx-slide{
    min-height: min(calc(100svh - var(--header-h) - 41px), 800px);
    display: grid;
    align-items: center;
  }.hlx-page .lx-slide .lx-hero__inner{
    width: 100%;
    padding-block: var(--sp-9) calc(var(--sp-9) + 36px);
  }.hlx-page .lx-slider__bar{ padding-bottom: var(--sp-5); }.hlx-page .lx-slider__dots{ gap: var(--sp-6); }.hlx-page .lx-slider__dot{
    width: auto;
    height: 44px;
    text-align: left;
  }.hlx-page .lx-slider__dot::before{
    top: auto;
    bottom: 6px;
  }.hlx-page .lx-slider__dot span{
    position: static;
    display: block;
    width: auto;
    height: auto;
    overflow: visible;
    clip-path: none;
    padding-bottom: 14px;
    font-family: var(--font-display);
    font-size: var(--fs-micro);
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }.hlx-page .lx-slider__dot[aria-current="true"]{ color: #fff; }
}.hlx-page .lx-head--split{
  display: grid;
  gap: var(--sp-4);
}.hlx-page .lx-link{
  justify-self: start;
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--lx-ink);
  text-decoration: underline;
  text-decoration-color: var(--gold-dark);
  text-underline-offset: 6px;
}.hlx-page .lx-link::after{ content: " →"; }
@media (min-width: 960px) {.hlx-page .lx-head--split{
    grid-template-columns: 1fr auto;
    align-items: end;
    max-width: none;
  }.hlx-page .lx-head--split > div{ max-width: 46rem; }
}.hlx-page .lx-range__grid{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sp-7) var(--sp-4);
}.hlx-page .lx-model{
  margin: 0;
  display: flex;
  flex-direction: column;
  min-width: 0;
}.hlx-page .lx-model__stage{
  position: relative;
  display: block;
  aspect-ratio: 4 / 5;
  border-radius: var(--r-info);
  overflow: hidden;
  background: radial-gradient(ellipse 80% 62% at 50% 60%, #43362a 0%, #221b14 56%, #14100c 100%);
}.hlx-page .lx-model__stage::after{
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  bottom: 8.5%;
  height: 16px;
  background: radial-gradient(closest-side, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}.hlx-page .lx .lx-model__stage img{
  position: absolute;
  left: 50%;
  bottom: 11%;
  z-index: 1;
  width: auto;
  max-width: none;
  height: 80%;
  transform: translateX(-50%);
  filter: sepia(0.12) drop-shadow(0 10px 14px rgba(0, 0, 0, 0.45));
  transition: transform var(--t) var(--ease-out);
}.hlx-page .lx .lx-model--vitaluxe .lx-model__stage img{ height: 84%; }.hlx-page .lx .lx-model--booster .lx-model__stage img{ height: 66%; }.hlx-page .lx .lx-model--allinone .lx-model__stage img{ height: 74%; }.hlx-page .lx .lx-model--condimask .lx-model__stage img{ height: 33%; }.hlx-page .lx .lx-model:hover .lx-model__stage img{ transform: translateX(-50%) translateY(-5px); }.hlx-page .lx-model__step{
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold-deep);
  margin: var(--sp-4) 0 var(--sp-1);
}.hlx-page .lx .lx-model__name{
  font-size: clamp(1.15rem, 1rem + 0.7vw, 1.55rem);
  line-height: 1.15;
  margin: 0 0 var(--sp-1);
}.hlx-page .lx .lx-model__name a{
  font-family: inherit;
  color: inherit;
  text-decoration: none !important;
}.hlx-page .lx .lx-model__name a:hover{
  text-decoration: underline !important;
  text-decoration-color: var(--gold-dark);
  text-underline-offset: 4px;
}.hlx-page .lx-model__role{
  font-size: var(--fs-sm);
  line-height: 1.4;
  color: var(--lx-ink-mute);
  margin: 0 0 var(--sp-3);
}.hlx-page .lx-model__desc, .hlx-page .lx-model__spec{ display: none; }.hlx-page .lx-model__buy{
  margin-top: auto;
  padding-top: var(--sp-3);
  border-top: 1px solid var(--lx-hair-ink);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-2);
}.hlx-page .lx-model__price{
  margin: 0;
  line-height: 1.25;
  font-variant-numeric: lining-nums tabular-nums;
}.hlx-page .lx-model__price strong{
  display: block;
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 600;
  color: var(--lx-ink);
}.hlx-page .lx-model__price s{
  font-size: var(--fs-xs);
  color: var(--lx-ink-mute);
}.hlx-page .lx-add{
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--lx-ink);
  border-radius: var(--r-pill);
  background: transparent;
  color: var(--lx-ink);
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);
}.hlx-page .lx-add::before{
  content: "+";
  font-size: 1.35rem;
  font-weight: 400;
  line-height: 1;
}.hlx-page .lx .lx-add__txt{
  display: none;
  font-family: inherit;
}.hlx-page .lx-add:hover{
  background: var(--lx-ink);
  color: var(--lx-paper);
}.hlx-page .lx-range__foot{
  margin: var(--sp-5) 0 0;
  font-size: var(--fs-xs);
  line-height: 1.6;
  color: var(--lx-ink-mute);
}
@media (min-width: 760px) {.hlx-page .lx-range__grid{ gap: var(--sp-8) var(--sp-6); }.hlx-page .lx-model__role{ display: none; }.hlx-page .lx-model__desc{
    display: block;
    font-size: var(--fs-sm);
    line-height: 1.55;
    margin: var(--sp-1) 0 var(--sp-4);
  }.hlx-page .lx-model__spec{
    display: block;
    margin: 0 0 var(--sp-4);
    border-top: 1px solid var(--lx-hair-ink);
  }.hlx-page .lx-model__spec div{
    display: grid;
    grid-template-columns: 5.2rem 1fr;
    gap: var(--sp-2);
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--lx-hair-ink);
  }.hlx-page .lx-model__spec dt{
    padding-top: 2px;
    font-family: var(--font-display);
    font-size: var(--fs-micro);
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lx-ink-mute);
  }.hlx-page .lx-model__spec dd{
    margin: 0;
    font-size: var(--fs-xs);
    line-height: 1.45;
    color: var(--lx-ink);
  }.hlx-page .lx-model__buy{
    border-top: 0;
    padding-top: 0;
  }.hlx-page .lx-model__price strong{ font-size: 1.2rem; }.hlx-page .lx-add{ padding: 0 1.1rem 0 0.9rem; }.hlx-page .lx .lx-add__txt{ display: inline; }
}
@media (min-width: 1100px) {.hlx-page .lx-range__grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--sp-6);
  }
}.hlx-page .lx-compare{
  margin-top: var(--sp-7);
  border-block: 1px solid var(--lx-hair-ink);
}.hlx-page .lx-compare summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-4);
  min-height: 56px;
  padding: var(--sp-3) 0;
  cursor: pointer;
  list-style: none;
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--lx-ink);
}.hlx-page .lx-compare summary::-webkit-details-marker{ display: none; }.hlx-page .lx-compare summary::after{
  content: "+";
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
  color: var(--gold-deep);
}.hlx-page .lx-compare[open] summary::after{ content: "−"; }.hlx-page .lx-table-wrap{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}.hlx-page .lx-compare .lx-table-wrap{ padding-bottom: var(--sp-5); }.hlx-page .lx-table{
  width: 100%;
  min-width: 660px;
  border-collapse: collapse;
  font-size: var(--fs-sm);
  line-height: 1.45;
  text-align: left;
}.hlx-page .lx-table caption{
  caption-side: top;
  padding-bottom: var(--sp-2);
  font-size: var(--fs-xs);
  text-align: left;
  color: var(--lx-ink-mute);
}.hlx-page .lx-table th, .hlx-page .lx-table td{
  padding: 0.7rem 0.9rem 0.7rem 0;
  border-top: 1px solid var(--lx-hair-ink);
  vertical-align: top;
  color: var(--lx-ink);
  font-weight: 400;
}.hlx-page .lx-table thead th{
  border-top: 0;
  font-family: var(--lx-serif);
  font-size: 1.05rem;
}.hlx-page .lx-table tbody th{
  width: 8.5rem;
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--lx-ink-mute);
}.hlx-page .lx-table--legal{ min-width: 0; }.hlx-page .lx-table--legal thead th{
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--lx-ink-mute);
}.hlx-page .lx-table--legal tbody th{
  width: auto;
  font-family: inherit;
  font-size: var(--fs-sm);
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  white-space: normal;
  color: var(--lx-ink);
}.hlx-page .lx-flow{
  padding-block: var(--section-y);
  background: var(--lx-noir);
}.hlx-page .lx-flow__media{ margin: 0 calc(-1 * clamp(1.15rem, 4vw, 2rem)) var(--sp-5); }.hlx-page .lx-flow__media img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 8;
  object-fit: cover;
}.hlx-page .lx-flow__steps{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}.hlx-page .lx-flow__steps li{
  margin: 0;
  padding: var(--sp-5) 0;
  border-top: 1px solid var(--lx-hair);
}.hlx-page .lx-flow__no{
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 var(--sp-2);
}.hlx-page .lx .lx-flow__steps h3{
  font-size: clamp(1.3rem, 1.15rem + 0.7vw, 1.65rem);
  margin: 0 0 var(--sp-2);
}.hlx-page .lx-flow__steps p{
  line-height: 1.65;
  margin: 0 0 var(--sp-3);
}.hlx-page .lx-flow__steps .lx-flow__how{
  margin: 0;
  padding-left: var(--sp-4);
  border-left: 1px solid var(--gold);
  font-size: var(--fs-sm);
  color: #fff;
}.hlx-page .lx-flow__foot{
  max-width: 54rem;
  margin: 0;
  padding-top: var(--sp-5);
  border-top: 1px solid var(--lx-hair);
  font-size: var(--fs-sm);
  line-height: 1.7;
  color: var(--lx-on-soft);
}.hlx-page .lx-flow__foot a{ color: var(--gold); }
@media (min-width: 960px) {.hlx-page .lx-flow__media{ margin: 0 0 var(--sp-6); }.hlx-page .lx-flow__media img{
    aspect-ratio: 21 / 8;
    border-radius: var(--r-editorial);
  }.hlx-page .lx-flow__steps{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--sp-8);
  }.hlx-page .lx-flow__steps li{
    padding: var(--sp-5) 0 var(--sp-7);
    border-top: 0;
  }
}.hlx-page .lx-guide{
  list-style: none;
  counter-reset: gd;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--lx-hair-ink);
}.hlx-page .lx-guide__row{
  counter-increment: gd;
  position: relative;
  margin: 0;
  padding: var(--sp-4) 0 var(--sp-4) 2.6rem;
  border-top: 1px solid var(--lx-hair-ink);
}.hlx-page .lx-guide__row::before{
  content: counter(gd, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: var(--sp-4);
  font-family: var(--lx-serif);
  font-size: 1.15rem;
  line-height: 1.35;
  font-variant-numeric: lining-nums;
  color: var(--gold-deep);
}.hlx-page .lx-guide__when{
  font-family: var(--lx-serif);
  font-size: clamp(1.1rem, 1rem + 0.5vw, 1.35rem);
  line-height: 1.35;
  color: var(--lx-ink);
  margin: 0 0 var(--sp-2);
}.hlx-page .lx-guide__pick{
  margin: 0;
  font-size: var(--fs-sm);
  line-height: 1.7;
}.hlx-page .lx-guide__pick span{
  display: block;
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--lx-ink-mute);
}.hlx-page .lx-guide__pick a{
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--lx-ink);
  text-decoration-color: var(--gold-dark);
  text-underline-offset: 4px;
}.hlx-page .lx-guide__pick i{
  margin: 0 0.2rem;
  font-style: normal;
  color: var(--gold-deep);
}.hlx-page .lx-guide__pick em{
  margin-left: 0.4rem;
  font-style: normal;
  font-size: var(--fs-xs);
  color: var(--lx-ink-mute);
}.hlx-page .lx-guide__row--key{ background: linear-gradient(90deg, rgba(197, 160, 89, 0.16), rgba(197, 160, 89, 0) 72%); }.hlx-page .lx-pick__foot{
  margin: var(--sp-5) 0 0;
  font-size: var(--fs-sm);
  line-height: 1.6;
  color: var(--lx-ink-mute);
}.hlx-page .lx-pick__foot a{
  color: var(--lx-ink);
  font-weight: 700;
}
@media (min-width: 860px) {.hlx-page .lx-guide__row{
    display: grid;
    grid-template-columns: 7fr 5fr;
    column-gap: var(--sp-8);
    align-items: baseline;
    padding: var(--sp-5) var(--sp-4) var(--sp-5) 3.4rem;
  }.hlx-page .lx-guide__row::before{ top: var(--sp-5); }.hlx-page .lx-guide__when{ margin: 0; }
}.hlx-page .lx-edge{
  padding-block: var(--section-y);
  background: var(--lx-noir-2);
}.hlx-page .lx-edge__intro{
  display: grid;
  gap: var(--sp-5);
  margin-bottom: var(--sp-7);
}.hlx-page .lx-edge__intro .lx-head{ margin-bottom: 0; }.hlx-page .lx-edge__art{ margin: 0; }.hlx-page .lx-edge__art img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: 72% 50%;
  border-radius: var(--r-editorial);
}.hlx-page .lx-edge__art figcaption{
  margin-top: var(--sp-2);
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--lx-on-soft);
}.hlx-page .lx-edge__grid{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sp-6) var(--sp-4);
}.hlx-page .lx-edge__item{
  margin: 0;
  min-width: 0;
}.hlx-page .lx-edge__item img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--r-editorial);
}.hlx-page .lx-edge__no{
  font-family: var(--lx-serif);
  font-size: clamp(1.7rem, 1.4rem + 1.4vw, 2.6rem);
  line-height: 1;
  font-variant-numeric: lining-nums;
  color: var(--gold);
  margin: var(--sp-4) 0 var(--sp-2);
}.hlx-page .lx .lx-edge__item h3{
  font-size: clamp(1.05rem, 0.95rem + 0.55vw, 1.4rem);
  line-height: 1.2;
  margin: 0 0 var(--sp-2);
}.hlx-page .lx-edge__item p:last-child{
  margin: 0;
  font-size: var(--fs-sm);
  line-height: 1.6;
}.hlx-page .lx-pair{
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: var(--sp-7);
  border-block: 1px solid var(--lx-hair);
}.hlx-page .lx-pair__item{
  min-width: 0;
  padding: var(--sp-5) var(--sp-4) var(--sp-5) 0;
}.hlx-page .lx-pair__item + .lx-pair__item{
  padding-left: var(--sp-4);
  padding-right: 0;
  border-left: 1px solid var(--lx-hair);
}.hlx-page .lx-pair__k{
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 var(--sp-2);
}.hlx-page .lx .lx-pair__item h3{
  font-size: clamp(1.5rem, 1.2rem + 1.6vw, 2.5rem);
  line-height: 1.05;
  margin: 0 0 var(--sp-2);
}.hlx-page .lx-pair__item p:last-child{
  margin: 0;
  font-size: var(--fs-sm);
  line-height: 1.6;
}.hlx-page .lx-facts{ margin-top: var(--sp-7); }.hlx-page .lx-facts__title{
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 var(--sp-4);
}.hlx-page .lx-facts__grid{
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--lx-hair);
}.hlx-page .lx-fact{
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: var(--sp-5) var(--sp-4) var(--sp-5) 0;
  border-bottom: 1px solid var(--lx-hair);
}.hlx-page .lx-fact:nth-child(even){
  padding-left: var(--sp-4);
  padding-right: 0;
  border-left: 1px solid var(--lx-hair);
}.hlx-page .lx-fact dt{
  order: 2;
  margin-top: var(--sp-2);
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  font-weight: 600;
  line-height: 1.35;
  color: #fff;
}.hlx-page .lx-fact dd{ margin: 0; }.hlx-page .lx-fact__num{
  order: 1;
  font-family: var(--lx-serif);
  font-size: clamp(2.3rem, 1.7rem + 3vw, 3.75rem);
  line-height: 1;
  letter-spacing: -0.02em;
  font-variant-numeric: lining-nums tabular-nums;
  color: var(--gold);
}.hlx-page .lx-fact__src{
  order: 3;
  margin-top: 0.2rem;
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--lx-on-soft);
}.hlx-page .lx-facts .lx-fine{ margin-top: var(--sp-5); }
@media (min-width: 760px) {.hlx-page .lx-pair__item{ padding: var(--sp-6) var(--sp-8) var(--sp-6) 0; }.hlx-page .lx-pair__item + .lx-pair__item{ padding-left: var(--sp-8); }
}
@media (min-width: 960px) {.hlx-page .lx-edge__intro{
    grid-template-columns: 6fr 5fr;
    gap: var(--sp-10);
    align-items: end;
    margin-bottom: var(--sp-9);
  }.hlx-page .lx-edge__grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--sp-6);
  }.hlx-page .lx-facts__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }.hlx-page .lx-fact{
    padding: var(--sp-6) var(--sp-5);
    border-left: 1px solid var(--lx-hair);
  }.hlx-page .lx-fact:nth-child(even){ padding: var(--sp-6) var(--sp-5); }.hlx-page .lx-fact:first-child{
    padding-left: 0;
    border-left: 0;
  }
}.hlx-page .lx-program__grid{
  display: grid;
  gap: var(--sp-6);
  align-items: center;
}.hlx-page .lx-program__media{ margin: 0 calc(-1 * clamp(1.15rem, 4vw, 2rem)); }.hlx-page .lx-program__media img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1000 / 620;
  object-fit: cover;
}.hlx-page .lx .lx-program h2{ font-size: clamp(2rem, 1.4rem + 2.8vw, 3.3rem) !important; }.hlx-page .lx-program__list{
  list-style: none;
  margin: var(--sp-5) 0;
  padding: 0;
  border-top: 1px solid var(--lx-hair-ink);
}.hlx-page .lx-program__list li{
  display: grid;
  grid-template-columns: 3.6rem 1fr;
  margin: 0;
  padding: 0.6rem 0;
  border-bottom: 1px solid var(--lx-hair-ink);
  font-size: var(--fs-sm);
  color: var(--lx-ink);
}.hlx-page .lx-program__list b{
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--gold-deep);
}.hlx-page .lx-program__price{
  margin: 0 0 var(--sp-4);
  line-height: 1.1;
  font-variant-numeric: lining-nums tabular-nums;
}.hlx-page .lx-program__price strong{
  font-family: var(--lx-serif);
  font-weight: 400;
  font-size: clamp(2.1rem, 1.8rem + 1.4vw, 2.9rem);
  letter-spacing: -0.01em;
  color: var(--lx-ink);
}.hlx-page .lx-program__price s{
  margin-left: 0.5rem;
  color: var(--lx-ink-mute);
}.hlx-page .lx-program .lx-fine{ margin-top: var(--sp-5); }.hlx-page .lx-why{
  margin-top: var(--sp-8);
  padding-top: var(--sp-6);
  border-top: 1px solid var(--lx-hair-ink);
}.hlx-page .lx-why__title{
  font-family: var(--lx-serif);
  font-size: clamp(1.3rem, 1.15rem + 0.8vw, 1.75rem);
  line-height: 1.3;
  color: var(--lx-ink);
  margin: 0 0 var(--sp-5);
}.hlx-page .lx-why__title span{
  display: block;
  margin-top: var(--sp-1);
  font-family: var(--font-body, inherit);
  font-size: var(--fs-body);
  line-height: 1.6;
  color: var(--lx-ink-soft);
}.hlx-page .lx-why__steps{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  border-left: 1px solid var(--gold-dark);
}.hlx-page .lx-why__steps li{
  position: relative;
  margin: 0;
  padding: 0 0 var(--sp-4) var(--sp-5);
}.hlx-page .lx-why__steps li::before{
  content: "";
  position: absolute;
  left: -5px;
  top: 0.45rem;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--gold-dark);
}.hlx-page .lx-why__steps b{
  display: block;
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  color: var(--lx-ink);
}.hlx-page .lx-why__steps span{ font-size: var(--fs-sm); }.hlx-page .lx-why .lx-fine{ margin-top: var(--sp-4); }
@media (min-width: 860px) {.hlx-page .lx-why__steps{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-left: 0;
    border-top: 1px solid var(--gold-dark);
  }.hlx-page .lx-why__steps li{ padding: var(--sp-5) var(--sp-5) 0 0; }.hlx-page .lx-why__steps li::before{
    left: 0;
    top: -5px;
  }
}
@media (min-width: 960px) {.hlx-page .lx-program__grid{
    grid-template-columns: 5fr 6fr;
    gap: var(--sp-10);
  }.hlx-page .lx-program__media{ margin: 0; }.hlx-page .lx-program__media img{ border-radius: var(--r-info); }
}.hlx-page .lx-official__grid{
  display: grid;
  gap: var(--sp-7);
}.hlx-page .lx-official__check{
  margin: var(--sp-4) 0 0;
  font-size: var(--fs-sm);
  line-height: 1.6;
  color: var(--lx-ink-mute);
}.hlx-page .lx-official__check a{
  color: var(--lx-ink);
  font-weight: 700;
}.hlx-page .lx-official__facts{
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--lx-hair-ink);
}.hlx-page .lx-official__facts li{
  margin: 0;
  padding: var(--sp-4) 0;
  border-bottom: 1px solid var(--lx-hair-ink);
}.hlx-page .lx-official__facts b{
  display: block;
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--lx-ink);
}.hlx-page .lx-official__facts li > span{
  display: block;
  font-size: var(--fs-sm);
  line-height: 1.55;
}.hlx-page .lx-official__facts a{
  color: var(--lx-ink);
  font-weight: 700;
}
@media (min-width: 960px) {.hlx-page .lx-official__grid{
    grid-template-columns: 7fr 5fr;
    gap: var(--sp-10);
    align-items: start;
  }
}.hlx-page .lx-final__hours{
  margin: var(--sp-4) 0 0;
  font-size: var(--fs-xs);
  color: var(--lx-on-soft);
}.hlx-page .lx-tools{
  list-style: none;
  margin: var(--sp-7) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--lx-hair);
}.hlx-page .lx-tools li{
  margin: 0;
  border-bottom: 1px solid var(--lx-hair);
}.hlx-page .lx-tools li:nth-child(odd){ border-right: 1px solid var(--lx-hair); }.hlx-page .lx .lx-tools a{
  display: block;
  padding: var(--sp-4) var(--sp-3) var(--sp-4) 0;
  color: #fff;
  text-decoration: none !important;
}.hlx-page .lx .lx-tools a *{ text-decoration: none !important; }.hlx-page .lx-tools li:nth-child(even) a{ padding-left: var(--sp-4); }.hlx-page .lx-tools b{
  display: block;
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  font-weight: 600;
}.hlx-page .lx-tools b::after{
  content: " →";
  color: var(--gold);
}.hlx-page .lx-tools span{
  display: block;
  font-size: var(--fs-xs);
  line-height: 1.45;
  color: var(--lx-on-soft);
}.hlx-page .lx-tools a:hover b{ color: var(--gold); }.hlx-page .lx--home picture{ display: block; }.hlx-page .lx--hemat{
  --lx-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Noto Serif", serif;
}

/* --- Penyesuaian integrasi WordPress (dibuat otomatis) --- */
.hlx-body {
  font-family: "Lato", "Segoe UI", system-ui, sans-serif;
  background: #fff;
  color: #3f4a4c;
}
.hlx-page h1,
.hlx-page h2,
.hlx-page h3,
.hlx-page h4,
.hlx-page h5,
.hlx-page h6 {
  font-family: "Poppins", "Segoe UI", system-ui, sans-serif !important;
  letter-spacing: -0.015em;
}
.hlx-page p,
.hlx-page li,
.hlx-page dd,
.hlx-page dt,
.hlx-page span,
.hlx-page a,
.hlx-page button,
.hlx-page input,
.hlx-page select,
.hlx-page textarea {
  font-family: "Lato", "Segoe UI", system-ui, sans-serif;
}

/* Sisa elemen tema induk yang dicetak lewat wp_footer/wp_head (toolbar bawah,
   judul halaman, breadcrumb) tidak dipakai di halaman desain baru. Disembunyikan
   agar tidak tampil tanpa gaya setelah CSS tema dimatikan. */
.wd-toolbar,
.wd-toolbar-content,
.wd-toolbar-link,
.wd-bottom-toolbar,
.whb-header,
.whb-general-header,
.wd-header-base,
.wd-nav-mobile,
.wd-page-title,
.wd-breadcrumbs,
.wd-footer,
.wd-footer-container,
.wd-popup,
.wd-promo-popup,
.wd-age-verify,
.wd-sticky-nav,
.wd-scroll-top {
  display: none !important;
}

/* Pertahanan terhadap sisa aturan tema pada komponen kecil: tanpa ini tombol
   keranjang melebar (box-sizing/padding tema) dan ikon SVG-nya menyusut 0px. */
.hlx-page .cart-btn {
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  flex: none;
}
.hlx-page .cart-btn svg {
  width: 21px !important;
  height: 21px !important;
  min-width: 21px;
}
.hlx-page .primary-nav__list a {
  white-space: nowrap;
}
.hlx-page .brand__logo,
.hlx-page .footer-brand__logo {
  width: auto;
}