/* RepairHub Native Dropdown Navigation v14.6
   Uses native HTML <details>/<summary>; dropdowns do not depend on JavaScript. */
:root{
 --rh6-navy:#0b223d;
 --rh6-green:#079577;
 --rh6-text:#10263f;
 --rh6-muted:#64798d;
 --rh6-line:#dbe5ed;
 --rh6-soft:#eef8f5;
 --rh6-shadow:0 25px 65px rgba(10,33,59,.18);
}
.rh6-header{
 min-height:86px;
 padding:10px clamp(18px,4vw,72px);
 display:flex;
 align-items:center;
 gap:26px;
 position:sticky;
 top:0;
 z-index:50000;
 background:#fff;
 border-bottom:1px solid var(--rh6-line);
 overflow:visible;
}
.rh6-logo{width:225px;flex:0 0 225px;display:flex;align-items:center}
.rh6-logo img{display:block;width:100%}
.rh6-desktop-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;overflow:visible}
.rh6-top-link,.rh6-menu>summary{
 min-height:45px;
 padding:10px 13px;
 display:flex;
 align-items:center;
 gap:7px;
 border-radius:10px;
 color:var(--rh6-text);
 text-decoration:none;
 font-weight:900;
 font-size:.91rem;
 cursor:pointer;
 white-space:nowrap;
 list-style:none;
 user-select:none;
}
.rh6-menu>summary::-webkit-details-marker,.rh6-mobile-menu>summary::-webkit-details-marker{display:none}
.rh6-top-link:hover,.rh6-menu[open]>summary,.rh6-menu>summary:hover{background:var(--rh6-soft);color:var(--rh6-green)}
.rh6-menu{position:relative}
.rh6-menu>summary span{transition:transform .18s ease}
.rh6-menu[open]>summary span{transform:rotate(180deg)}
.rh6-panel{
 position:absolute;
 top:calc(100% + 10px);
 left:0;
 width:330px;
 padding:12px;
 display:grid;
 gap:3px;
 border:1px solid var(--rh6-line);
 border-radius:18px;
 background:#fff;
 box-shadow:var(--rh6-shadow);
 z-index:51000;
}
.rh6-panel-right{left:auto;right:0}
.rh6-mega{width:660px;grid-template-columns:1fr 1fr;gap:12px}
.rh6-panel a{
 padding:13px 14px;
 display:grid;
 gap:4px;
 border-radius:12px;
 color:var(--rh6-text);
 text-decoration:none;
}
.rh6-panel a:hover{background:var(--rh6-soft)}
.rh6-panel strong{font-size:.95rem}
.rh6-panel small{font-size:.79rem;line-height:1.4;color:var(--rh6-muted)}
.rh6-title{margin:0;padding:7px 13px 4px;color:var(--rh6-green);font-size:.73rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.rh6-account{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.rh6-mobile-menu{display:none;margin-left:auto;position:relative}
.rh6-mobile-menu>summary{
 width:48px;height:48px;padding:11px;
 display:grid;align-content:center;gap:5px;
 border:1px solid var(--rh6-line);border-radius:11px;background:#fff;cursor:pointer;list-style:none
}
.rh6-mobile-menu>summary span{display:block;height:2px;background:var(--rh6-text)}
.rh6-mobile-panel{
 position:absolute;right:0;top:58px;width:min(360px,calc(100vw - 28px));max-height:calc(100vh - 110px);overflow:auto;
 padding:13px;border:1px solid var(--rh6-line);border-radius:17px;background:#fff;box-shadow:var(--rh6-shadow);z-index:52000
}
.rh6-mobile-panel>a,.rh6-mobile-panel>details>summary{
 display:block;padding:13px;border-radius:10px;color:var(--rh6-text);font-weight:900;text-decoration:none;list-style:none;cursor:pointer
}
.rh6-mobile-panel>details[open]>summary{background:var(--rh6-soft);color:var(--rh6-green)}
.rh6-mobile-panel>details>div{display:grid;padding:3px 0 8px 14px;border-left:3px solid var(--rh6-green)}
.rh6-mobile-panel>details>div a{padding:10px;color:var(--rh6-text);text-decoration:none;font-weight:750}

/* Native dropdown panels always remain clickable above hero layers. */
.rh6-header,.rh6-panel,.rh6-mobile-panel,.rh6-panel a{pointer-events:auto!important}
.hero,.hero-photo,.hero-shade{z-index:1}
section[id]{scroll-margin-top:105px}

@media(max-width:1120px){
 .rh6-header{gap:14px}
 .rh6-logo{width:190px;flex-basis:190px}
 .rh6-top-link,.rh6-menu>summary{font-size:.82rem;padding:9px}
}
@media(max-width:950px){
 .rh6-desktop-nav{display:none}
 .rh6-mobile-menu{display:block}
 .rh6-account{display:none}
}
@media(max-width:520px){
 .rh6-header{padding:9px 14px}
 .rh6-logo{width:175px;flex-basis:175px}
}