/* KYHIRAH PHASE 11.1 — DEPARTMENT NAVIGATION */
.dpt-hero{padding:64px 0 46px;border-bottom:1px solid var(--line)}.dpt-hero h1{font-size:clamp(2.6rem,6vw,5.2rem);margin:.12em 0}.dpt-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;padding-top:42px;padding-bottom:80px}.dpt-sidebar{position:sticky;top:24px;align-self:start}.dpt-sidebar h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px}.dpt-sidebar>a{display:block;padding:9px 12px;border-radius:9px;text-decoration:none;color:inherit}.dpt-sidebar>a:hover,.dpt-sidebar>a.active{background:#171717;color:#fff}.dpt-title{padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:28px}.dpt-title h2{font-size:clamp(2rem,4vw,3.6rem);margin:.1em 0 .25em}.dpt-title .button{display:inline-block;margin-top:10px}.dpt-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 34px}.dpt-group{min-width:0;padding:0}.dpt-group h3{font-size:1.15rem;margin:0 0 10px}.dpt-group h3 a,.dpt-group li a{text-decoration:none;color:inherit}.dpt-group h3 a:hover,.dpt-group li a:hover{text-decoration:underline}.dpt-group ul{list-style:none;padding:0;margin:0}.dpt-group li{margin:7px 0;color:#4f4a45}.dpt-group li ul{padding-left:13px;margin-top:7px;border-left:1px solid var(--line)}.dpt-group li li{font-size:.9rem}@media(max-width:900px){.dpt-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.dpt-layout{grid-template-columns:1fr;gap:28px}.dpt-sidebar{position:static;display:flex;overflow:auto;gap:7px;padding-bottom:5px}.dpt-sidebar h2{display:none}.dpt-sidebar>a{white-space:nowrap;border:1px solid var(--line)}}@media(max-width:500px){.dpt-columns{grid-template-columns:1fr}.dpt-hero{padding:46px 0 34px}}
/* KYHIRAH PHASE 11.1.2 — EXACT STOREFRONT WIDTH ALIGNMENT
   Header, department hero, and department body all use .wrap from site.css.
   No local max-width is introduced here. */
.dpt-hero > .wrap,
.wrap.dpt-layout{
    width:min(calc(100% - 40px),var(--max));
    max-width:var(--max);
    margin-left:auto;
    margin-right:auto;
}
@media(max-width:560px){
    .dpt-hero > .wrap,
    .wrap.dpt-layout{
        width:min(calc(100% - 24px),var(--max));
    }
}