h1 {
    font-weight: 700; font-size: 2rem;
}

* {
    font-family: "Plus Jakarta Sans", sans-serif;
    color: ##0F0F00;
}
.hero, .product, .sku, .why, .brand, .customer, .cta, .footer {
    overflow-x: hidden;width: 100%;
}

.navbar {
    background-color: #0F0F00!important;
    color: #fff;
    font-size: small;
    font-weight: 600;
}
.navbar .btn {
    font-size: small;
    font-weight: 600;
}
.navbar-brand {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.product img {
    max-width: 12rem;
}
.product a {
    font-size: 0.8rem;
    text-underline-offset: .75rem;
    font-weight: 700;
    color: #E7A45A;
}

.why svg {
    width: 6rem;
    height: 6rem;
    flex-shrink: 0;
}
.why svg path {
    fill: #E7A45A;
}
.why span {
    font-size: 0.9rem;
}

.sku ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.sku svg {
    height: 1.25rem;
}
.sku svg path {
    fill: #E7A45A;
}

.cta a {
    font-size: 0.9rem;
    font-weight: 600;
}
.cta a svg {
    height: 1.5rem;
}

.footer a {
    text-decoration:none;
    color: #fff;
}

/* Default: Untuk layar kecil (Mobile/SM) */
.content {
width: 100%;
padding-left: 2rem;  /* Margin X menggunakan padding agar box-sizing aman */
padding-right: 2rem;
}

/* Breakpoint Bootstrap 'Medium' (md) ke atas (>= 768px) */
@media (min-width: 768px) {
.content {
  width: 60%;
  padding-left: 0;
  padding-right: 0;
}
}