/* ARVI Step 9: original seven-item top navigation, royal editorial dropdowns. */
.site-header .arvi-top-nav{
 display:flex;justify-content:center;align-items:center;
 gap:clamp(4px,1.35vw,22px);
 min-height:60px;padding:3px 22px;flex-wrap:nowrap;
 background:linear-gradient(180deg,#fbf6ec,#f7efe4);
 border-top:1px solid #ddcfbc;border-bottom:1px solid #d1b78f;
 box-shadow:inset 0 1px 0 #fffdf7
}
.site-header .arvi-nav-item{
 appearance:none;background:transparent;border:0;border-radius:0;
 padding:16px clamp(6px,.8vw,13px) 14px;margin:0;min-width:0;min-height:48px;
 display:inline-flex;align-items:center;justify-content:center;gap:6px;position:relative;
 color:#40252e;cursor:pointer;white-space:nowrap;text-align:center;
 font:800 clamp(10.5px,.81vw,12px)/1.4 Manrope,Arial,sans-serif;letter-spacing:.04em;
 transition:color .18s ease,background .18s ease
}
.site-header .arvi-nav-item:after{
 content:'';position:absolute;bottom:5px;left:12%;right:12%;height:2px;
 background:linear-gradient(90deg,#8e5b42,#c89c5e);
 transform:scaleX(0);transform-origin:center;transition:transform .16s ease
}
.site-header .arvi-nav-chevron{
 color:#916f4e;font-size:18px;line-height:.4;transform:translateY(-1px);
 transition:transform .16s ease
}
.site-header .arvi-nav-item:hover,.site-header .arvi-nav-item.is-active,.site-header .arvi-nav-item:focus-visible{
 color:#8d4f3a;background:#e9dbca44
}
.site-header .arvi-nav-item:hover:after,.site-header .arvi-nav-item.is-active:after,.site-header .arvi-nav-item:focus-visible:after{
 transform:scaleX(1)
}
.site-header .arvi-nav-item.is-active .arvi-nav-chevron{transform:translateY(1px) rotate(180deg)}
.site-header .arvi-top-nav .arvi-nav-item:focus-visible{
 outline:2px solid #b88d59;outline-offset:2px
}
/* Keep wide mega-menu refined but compact enough for laptop viewports. */
.site-header .arvi-menu-overlay{
 background:
 radial-gradient(ellipse at 87% -35%,#8d4f644c,transparent 45%),
 linear-gradient(125deg,#1c0e1b,#3c1d30 55%,#221020);
 border-top:2px solid #b88e60;border-bottom:4px solid #ccab7d;
 max-height:min(685px,calc(100dvh - 115px));
 box-shadow:0 22px 50px #180b1580
}
.site-header .arvi-menu-inner{padding-top:22px;padding-bottom:21px}
.site-header .arvi-menu-head{padding-bottom:18px}
.site-header .arvi-menu-head h2{font-size:clamp(38px,3.8vw,54px);margin:5px 0}
.site-header .arvi-menu-head p{font-size:13px;color:#efe0d1}
.site-header .arvi-menu-content{padding:23px 0 24px;gap:24px}
.site-header .arvi-menu-spotlight{padding:23px}
.site-header .arvi-menu-spotlight>strong{font-size:clamp(34px,2.9vw,45px);margin:16px 0 13px}
.site-header .arvi-menu-group h3{margin-bottom:8px}
.site-header .arvi-menu-group a{font-size:12.5px;min-height:30px;padding:4px 0}
.site-header .arvi-menu-bottom{padding-top:14px}
@media(max-width:1110px){
 .site-header .arvi-top-nav{gap:4px}
 .site-header .arvi-nav-item{font-size:10.6px;padding-inline:6px}
 .site-header .arvi-nav-chevron{font-size:15px}
}
@media(max-width:980px){
 .site-header .arvi-top-nav{display:none!important}
 .site-header #mobile-menu-trigger{display:inline-flex!important}
 .site-header .arvi-menu-overlay{max-height:calc(100dvh - 110px)}
 .site-header .arvi-menu-content{grid-template-columns:repeat(2,minmax(0,1fr))}
 .site-header .arvi-menu-spotlight{grid-column:1/-1}
}
@media(max-width:700px){
 .site-header .arvi-menu-inner{padding-top:16px;padding-bottom:16px}
 .site-header .arvi-menu-head h2{font-size:42px}
 .site-header .arvi-menu-head p{font-size:12px}
 .site-header .arvi-menu-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 14px}
 .site-header .arvi-menu-group a{font-size:12px;min-height:32px}
 .site-header .arvi-menu-spotlight>strong{font-size:39px}
 .site-header .arvi-menu-bottom{gap:7px}
}
@media(max-width:385px){
 .site-header .arvi-menu-content{gap:17px 12px}
 .site-header .arvi-menu-head h2{font-size:37px}
 .site-header .arvi-menu-group a{font-size:11.5px}
 .site-header .arvi-menu-spotlight>strong{font-size:36px}
}
@media(prefers-reduced-motion:reduce){
 .site-header .arvi-nav-item,.site-header .arvi-nav-item:after,.site-header .arvi-nav-chevron{transition:none}
}

