.gold-section,.header-container{display:flex;margin:auto;max-width:1200px}.gold-button,nav a{font-weight:600;text-decoration:none}.custom-heading,.faq-question,.footer-dark{position:relative}.breadcrumb-nav ol,nav#mainNav ul{list-style:none;padding:0;margin:0}.breadcrumb-nav a,.gold-button,.scroll-top,nav a,nav#mainNav a{text-decoration:none}*{box-sizing:border-box;margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:#f9f9f9;font-size:16px;line-height:1.8;color:#222}header{background-color:#a67c00;padding:10px 0}.header-container{align-items:center;justify-content:space-between;flex-wrap:wrap}nav{display:flex}nav ul{display:flex;list-style:none;gap:20px}nav a{color:#fff;font-family:Arial,sans-serif;padding:10px 5px;transition:.3s}nav a:hover{color:#ffe600}.gold-section{padding:40px 20px;flex-wrap:wrap;align-items:center;gap:30px}.gold-text{flex:1 1 500px}.gold-text h2{font-size:1.6rem;color:#a67c00;font-weight:700;margin-bottom:10px}.gold-text p{margin:10px 0;line-height:1.6;font-weight:400}.gold-button{display:inline-block;margin-top:20px;padding:12px 25px;background:#d6aa00;color:#000;border-radius:5px}.gold-stars{color:orange;font-size:1rem;margin-left:5px}.gold-image{flex:1 1 300px;text-align:center}.gold-image img{max-width:100%;height:auto;border-radius:10px}.info-section{max-width:1200px;margin:30px auto;padding:0 20px}.info-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.info-box{background:#fff;border-radius:10px;padding:20px 15px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.05)}.info-box img{width:48px;height:48px;margin-bottom:10px;object-fit:contain}.label{font-weight:700;color:#058b6b;font-size:.95rem;margin-bottom:5px}.value{font-weight:500;font-size:.9rem;color:#111}@media (max-width:768px){.hamburger,nav.open{display:block}nav{width:100%;display:none}nav ul{flex-direction:column;padding:10px 0;gap:10px}nav a{padding:10px;background:#4f400f;border-radius:4px}.gold-section{flex-direction:column;text-align:center;align-items:center}.gold-image,.gold-text{flex:1 1 100%}.gold-text h2{font-size:1.6rem;color:#a67c00;font-weight:700;margin-bottom:15px;line-height:1.4}.gold-text p{margin:10px 0;line-height:1.7;font-weight:400;font-size:1rem}.gold-button{display:inline-block;margin-top:20px;padding:12px 25px;background:#d6aa00;color:#000;font-weight:600;border-radius:5px;text-decoration:none;text-align:center}.gold-stars{display:inline-block;margin-left:5px}.gold-section{flex-direction:column;padding:30px 15px}.gold-image,.gold-text{flex:1 1 100%;padding:0}.gold-text h2,.gold-text p{text-align:left!important}.info-grid{grid-template-columns:repeat(2,1fr)}}.content-section{max-width:1200px;margin:0 auto;padding:0 20px;font-size:15px;line-height:1.6;color:#222}.content-section img{display:block;max-width:100%;height:auto;margin:20px auto;border-radius:10px}.content-section p{margin-bottom:20px}.custom-heading{display:flex;align-items:center;justify-content:center;margin:30px 0 20px}.custom-heading::after,.custom-heading::before{content:"";flex:1;height:2px;background-color:#0b490f;margin:0 10px}.custom-heading h2{margin:0;color:#0b490f;font-size:22px;font-weight:700;font-family:'Segoe UI',sans-serif}.section-title-with-lines{display:flex;align-items:center;justify-content:center;margin:40px 0 20px}.section-title-with-lines h2{font-size:20px;font-weight:700;color:#0b490f;padding:0 10px;white-space:nowrap}.section-title-with-lines::after,.section-title-with-lines::before{content:"";flex:1;height:1px;background-color:#0b490f;margin:0 10px}.pros-cons-box{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}.cons-section,.pros-section{flex:1 1 300px;background-color:#f7f7f7;padding:20px;border-radius:4px}.cons-header,.pros-header{padding:10px;border-radius:4px 4px 0 0;color:#fff;font-size:16px;font-weight:700}.pros-header{background-color:#004d00}.cons-header{background-color:#600}.cons-section ul,.pros-section ul{list-style-type:disc;padding-left:20px;margin-top:10px}.cons-section li,.pros-section li{margin-bottom:10px;font-size:15px}.faq-accordion{max-width:960px;margin:30px auto}.faq-item{border:1px solid #ccc;margin-bottom:12px;border-radius:6px;overflow:hidden}.faq-question{width:100%;padding:15px 20px;text-align:left;background-color:#1a1a1a;color:#fff;font-weight:700;font-size:16px;cursor:pointer;border:none}.faq-question::after{content:'▼';position:absolute;right:20px;transition:transform .2s}.faq-question.active::after{transform:rotate(180deg)}.faq-answer{background:#f9f9f9;padding:0 20px;display:none;animation:.3s ease-in-out fadeIn}.faq-answer p{padding:15px 0;margin:0;font-size:15px;color:#333}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.footer-logo img{margin:0 auto;display:block;max-width:110px;height:auto}.footer-copy p{margin:10px 0 0;font-size:14px;letter-spacing:1px;color:#ccc}.footer-copy span{color:#d6aa00;font-weight:600}.scroll-top{position:absolute;right:20px;bottom:20px;background:0 0;transition:color .3s}.scroll-top:hover{color:#d6aa00}.breadcrumb-nav ol{display:flex;gap:5px;flex-wrap:wrap;display:flex;gap:8px}.breadcrumb-nav li::after{content:"›";margin:0 6px;color:#999;content:"›";padding-left:8px}.breadcrumb-nav a{color:#666}.breadcrumb-nav a:hover{text-decoration:underline}.container{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.05);border-radius:8px}h1,h2{color:#111;margin-top:30px;font-weight:700}h1{font-size:28px}h2{font-size:22px}p{margin:20px 0}ul{margin:15px 0 25px 20px;padding-left:20px}ul li{margin-bottom:10px}.breadcrumb-nav{margin:20px 20px 10px;color:#666;padding:10px 20px;background:#eee;font-size:14px}.breadcrumb-nav li:last-child::after{content:""}.footer-dark{background-color:#a67c00;color:#fff;padding:30px 0;text-align:center;margin-top:40px}.footer-dark img{margin-bottom:15px}.scroll-top{display:block;margin-top:10px;color:#fff;font-size:20px}.logo img{height:60px}.header-container{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background-color:#a67c00}nav#mainNav ul{display:flex;gap:15px}nav#mainNav a{color:#fff;font-weight:700}.hamburger{font-size:24px;color:#fff;cursor:pointer;display:none}@media (max-width:768px){nav#mainNav{display:none;flex-direction:column;background:#222;padding:10px}nav#mainNav.open{display:flex}.form-row,nav ul,nav#mainNav ul{flex-direction:column}.container{margin:15px 10px}h1,h2,h3{font-size:1.5rem}input,label,li,p,textarea{font-size:16px}nav ul{padding:10px 0}nav ul li{margin:5px 0}.breadcrumb-nav{font-size:12px;padding:8px 12px}button,input,select,textarea{width:100%;max-width:100%}.form-row{gap:12px}.form-col{width:100%}.form-submit{text-align:center}.form-submit button{width:100%;max-width:300px}.footer-dark{padding:15px 10px;font-size:14px}.scroll-top{font-size:16px;padding:10px 0}.header-container,.logo,nav{flex-direction:column;text-align:center}.hamburger{display:block;font-size:24px;padding:10px;cursor:pointer}.header-container nav ul{padding:0;margin:0}}body,html{margin:0;padding:0;width:100%;overflow-x:hidden;font-family:system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased}iframe,img,video{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;padding:0 15px;margin:auto}
  /* Fix header layout */
.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
}

/* Logo image */
.header-container .logo img {
  height: 50px;
  width: auto;
}

/* Burger menu button */
.hamburger {
  font-size: 28px;
  cursor: pointer;
  display: block;
  margin-left: auto;
}

/* Hide nav by default on mobile */
#mainNav {
  display: none;
}

/* Toggle class (JS harus support toggle) */
#mainNav.active {
  display: block;
  margin-top: 10px;
}

/* Mobile menu styling */
@media (max-width: 768px) {
  .header-container {
    flex-direction: row;
  }

  #mainNav ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
  }

  #mainNav ul li {
    margin: 8px 0;
  }
}

/* Show nav on desktop */
@media (min-width: 769px) {
  #mainNav {
    display: block !important;
  }

  .hamburger {
    display: none !important;
  }

  #mainNav ul {
    display: flex;
    gap: 16px;
  }

  #mainNav ul li {
    margin: 0;
  }
}
h1 {
  font-size: 2rem; /* atau sesuai desain kamu */
}
section h1,
nav h1,
article h1,
aside h1 {
  font-size: 2rem;
}
.btn-wa {
  display: inline-block;
  margin-top: 15px;
  padding: 12px 20px;
  background-color: #25D366;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 6px;
  transition: background-color 0.2s ease-in-out;
}

.btn-wa:hover {
  background-color: #1ebe5b;
}