/* Integrated DreamCodeV navigation for Home, Service Shop, Custom Shop and Signature.
 * This stylesheet adds navigation only; existing page layouts and components remain intact.
 */
.site-shop-menu{position:relative;flex:0 0 auto}
.site-shop-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;color:inherit;opacity:.92;font:inherit;letter-spacing:inherit;text-transform:inherit;padding:12px 1px;border-radius:8px}
.site-shop-menu>summary::-webkit-details-marker{display:none}
.site-shop-menu>summary::after{content:"⌄";font-size:14px;color:#bd90e8;line-height:1;transition:transform .18s}
.site-shop-menu[open]>summary::after{transform:rotate(180deg)}
.site-shop-menu>summary:hover,.site-shop-menu>summary:focus-visible{color:#d9a6ff}
.site-shop-menu>summary:focus-visible,.site-shop-menu a:focus-visible{outline:2px solid #c6a2fa;outline-offset:3px}
.site-shop-menu-items{display:grid;gap:4px;position:absolute;right:-17px;top:calc(100% + 4px);min-width:215px;padding:9px;background:rgba(14,9,25,.98);border:1px solid rgba(171,124,232,.48);border-radius:13px;box-shadow:0 15px 40px rgba(0,0,0,.65);z-index:90}
.site-shop-menu-items a{display:block!important;min-width:0;padding:13px 13px!important;border-radius:9px;font-size:12px!important;color:#f2e6ff!important;opacity:1!important;letter-spacing:normal;text-transform:none}
.site-shop-menu-items a:hover,.site-shop-menu-items a:focus-visible{background:rgba(179,115,255,.18)}
@media(max-width:760px){
 .site-shop-menu{width:100%}
 .site-shop-menu>summary{padding:11px 9px;font-size:11px}
 .site-shop-menu-items{position:static;min-width:0;box-shadow:none;margin:2px 0 6px 0;padding:5px 8px;background:rgba(73,41,106,.2);border-color:rgba(162,106,230,.24)}
 .site-shop-menu-items a{font-size:11px!important;padding:11px 12px!important}
}
/* Shared secondary page navigation: desktop inline, mobile always reachable on a second row. */
.site-top .top-nav{display:flex;align-items:center;gap:5px}
.site-top .top-nav a[aria-current="page"]{background:rgba(157,104,255,.17);color:#f8eaff;border:1px solid rgba(174,118,253,.49);border-radius:10px}
.site-top .top-nav a{white-space:nowrap}
@media(max-width:850px){
 .site-top{display:flex!important;flex-direction:column;align-items:stretch!important;gap:7px!important;min-height:0!important;padding:12px 0 7px!important}
 .site-top>.brand{align-self:flex-start}
 .site-top .top-nav{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 0 7px}
 .site-top .top-nav::-webkit-scrollbar{display:none}
 .site-top .top-nav a,.site-top .top-nav a:not(.shop-link){display:inline-flex!important;align-items:center!important;flex:0 0 auto;padding:10px 12px!important;font-size:12px!important}
}
@media(max-width:680px){
 .sig-nav{height:auto!important;min-height:58px;flex-wrap:wrap!important;gap:5px!important;padding:8px 12px 0!important}
 .sig-nav .sig-logo{height:39px}
 .sig-nav .sig-links{order:3!important;max-width:100%!important;width:100%!important;overflow-x:auto!important;scrollbar-width:none;display:flex!important;gap:15px!important;padding:10px 2px 11px!important;border-top:1px solid rgba(202,166,242,.13);flex:0 0 100%}
 .sig-nav .sig-links::-webkit-scrollbar{display:none}
 .sig-nav .sig-links a{font-size:11px!important;white-space:nowrap;flex:0 0 auto}
 .sig-nav .sig-links a[aria-current="page"]{color:#e9c9ff;text-decoration:underline;text-underline-offset:5px}
 .sig-nav .sig-back{display:none!important}
}
@media(min-width:681px) and (max-width:1050px){.sig-nav .sig-links{gap:12px!important;font-size:10px!important}.sig-nav .sig-back{display:none}}