/* PD. CARI AYAM INDO — Header sticky glass, brand, navigasi (scrollspy underline), tombol burger. */
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.82);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid transparent;transition:box-shadow .25s,border-color .25s,background .25s}
.site-header.scrolled{background:rgba(255,255,255,.92);border-bottom-color:var(--line);box-shadow:0 8px 28px -16px rgba(51,20,20,.18)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:20px;transition:height .25s var(--ease)}
.site-header.scrolled .nav-wrap{height:64px}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand-mark{width:44px;height:44px;border-radius:13px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease)}
.brand-mark img{width:100%;height:100%;object-fit:contain}
.brand:hover .brand-mark{transform:rotate(-6deg) scale(1.05)}
.brand-text{line-height:1.2}
.brand-text strong{display:block;font-family:var(--font-display);font-size:.94rem;font-weight:800;letter-spacing:.01em;color:var(--ink)}
.brand-text small{display:block;font-size:.68rem;font-weight:700;color:var(--red);letter-spacing:.09em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:2px}
.nav > a{position:relative;padding:10px 13px;border-radius:10px;font-weight:600;font-size:.92rem;color:#454545;transition:color .18s,background .18s}
.nav > a::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2.5px;border-radius:3px;background:var(--grad-red);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.nav > a:hover{color:var(--red)}
.nav > a:hover::after,.nav > a.active::after{transform:scaleX(1)}
.nav > a.active{color:var(--red)}
.nav .btn{margin-left:12px}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;padding:0 11px;transition:border-color .2s}
.burger:hover{border-color:var(--red-line)}
.burger span{height:2.5px;border-radius:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}