/* Navigasi produk v7.7. Tambahan terpisah agar CSS situs utama tetap utuh. */
.nav-products{position:relative;flex-shrink:0}
.nav-products summary{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:44px;padding:9px 13px;border-radius:6px;font-size:.91rem;font-weight:600;color:var(--slate-700);cursor:pointer;list-style:none}
.nav-products summary::-webkit-details-marker{display:none}
.nav-products summary:hover,.nav-products[open]>summary{color:var(--blue-600);background:var(--blue-50)}
.nav-products.has-current>summary{color:var(--navy-700);background:var(--blue-100);font-weight:700}
.nav-products__arrow{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);flex-shrink:0}
.nav-products[open] .nav-products__arrow{transform:translateY(2px) rotate(225deg)}
.nav-products__links{position:absolute;top:100%;left:0;z-index:10;width:268px;max-width:calc(100vw - 44px);padding:8px;background:#fff;border:1px solid var(--slate-200);border-radius:10px;box-shadow:var(--shadow);list-style:none}
.nav-products:not([open])>.nav-products__links{display:none}
.nav .nav-products__links a{display:flex;align-items:center;min-height:46px;padding:11px 14px;white-space:normal;font-size:.91rem;line-height:1.4}
.nav .nav-products__links .nav-products__featured{font-weight:800;color:var(--navy-800);background:var(--blue-50);border-left:3px solid var(--orange-500)}
.nav .nav-products__links a[aria-current="page"]{background:var(--blue-100);color:var(--navy-700);font-weight:800}
.nav a:focus-visible,.nav summary:focus-visible,.nav-toggle:focus-visible,.product-vrv-actions a:focus-visible,.chip--vrv:focus-visible{outline:3px solid var(--blue-600);outline-offset:3px}
.product-vrv-actions{margin-top:24px}
.product-vrv-actions .btn{white-space:normal;min-height:48px}
.product-vrv-actions .btn--orange{background:var(--orange-700);color:#fff}
.product-vrv-actions .btn--orange:hover{background:#A94C08;color:#fff}
.chips .chip--vrv{background:var(--navy-700);border-color:var(--navy-700);color:#fff;font-weight:800}
.chips .chip--vrv:hover{background:var(--blue-600);border-color:var(--blue-600);color:#fff}
@media(max-width:1180px){
  .header .nav{position:fixed;inset:var(--header-h) 0 auto 0;flex-direction:column;align-items:stretch;gap:4px;background:#fff;border-bottom:1px solid var(--slate-200);padding:16px 22px 24px;box-shadow:0 18px 40px rgba(6,26,69,.16);max-height:calc(100vh - var(--header-h));max-height:calc(100dvh - var(--header-h));overflow-y:auto;overscroll-behavior:contain;transform:translateY(-12px);opacity:0;visibility:hidden;transition:all .24s var(--ease)}
  .header .nav.is-open{transform:translateY(0);opacity:1;visibility:visible}
  .header .nav>a,.nav-products summary{padding:12px 14px;min-height:48px;font-size:1rem;border-radius:8px}
  .header .nav .btn{display:flex;margin-top:10px;background:var(--navy-600);color:#fff}
  .header .nav-toggle{display:flex}
  .header__cta .btn--desktop{display:none}
  .nav-products{width:100%}
  .nav-products__links{position:static;width:100%;max-width:none;margin:6px 0 4px;padding:4px 0 4px 12px;border:0;border-left:2px solid var(--slate-200);border-radius:0;box-shadow:none}
  .nav .nav-products__links a{min-height:48px;font-size:.96rem}
  html:not(.js) .header{position:relative}
  html:not(.js) .header__inner{height:auto;min-height:var(--header-h);flex-wrap:wrap;padding-top:18px;padding-bottom:18px}
  html:not(.js) .header .nav{position:static;order:3;flex-basis:100%;max-height:none;transform:none;opacity:1;visibility:visible;box-shadow:none}
  html:not(.js) .header .nav-toggle{display:none}
}
@media(max-width:520px){.product-vrv-actions .btn{width:100%;padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.header .nav{transition:none}}