/* Parshey Commerce Studio 13 · Top Navigation
   Original responsive menu layer. No third-party UI/theme dependencies.
   The former sidebar is retained only as an accessible mobile drawer. */
:root{--pc13-header:#102e30;--pc13-header-border:rgba(205,235,228,.14);--pc13-header-txt:#d6eae4;--pc13-header-active:#d9efe7}
html,body{max-width:100%}
body:not(.pc-auth-body) .main{margin-left:0!important;width:100%;min-width:0}
body:not(.pc-auth-body) .side{display:none}
body:not(.pc-auth-body) .pc3-topbar.pc13-topbar{
  --top-h:68px;
  position:sticky;top:0;z-index:72;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(17px,2.45vw,38px);gap:clamp(12px,1.8vw,27px);
  min-width:0;height:68px;overflow:visible;
  background:var(--pc13-header);border-color:var(--pc13-header-border);color:var(--pc13-header-txt);
  box-shadow:0 3px 17px rgba(14,47,48,.10)
}
.pc13-topbar-leading{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0}
.pc13-brand{display:flex;align-items:center;gap:10px;color:#fff;white-space:nowrap}
.pc13-brand:hover,.pc13-brand:focus{color:#fff}
.pc13-brand-orbit{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:13px;background:#d9eae0;border:1px solid rgba(255,255,255,.38)}
.pc13-brand-orbit img{display:block;width:30px;height:30px;object-fit:contain}
.pc13-brand-word{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.pc13-brand-word img{display:block;width:clamp(112px,9.4vw,134px);height:19px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
.pc13-brand-word small{font-size:8px;color:#a7cac0;font-weight:800;letter-spacing:.25em;line-height:1.2}
.pc13-nav{display:flex;align-items:center;gap:clamp(3px,.3vw,9px);height:100%;flex:1;min-width:0}
.pc13-nav-home,.pc13-nav-group>summary{height:39px;border:1px solid transparent;border-radius:10px;display:inline-flex;align-items:center;gap:7px;padding:0 clamp(9px,.78vw,14px);color:var(--pc13-header-txt);font-size:12.5px;line-height:1;font-weight:680;white-space:nowrap;cursor:pointer;user-select:none;transition:background .15s ease,color .15s ease,border-color .15s ease}
.pc13-nav-home svg,.pc13-nav-group>summary svg{width:16px;height:16px;flex:0 0 16px;opacity:.85}
.pc13-nav-home:hover,.pc13-nav-group>summary:hover,.pc13-nav-group[open]>summary{background:rgba(255,255,255,.095);color:#fff;border-color:rgba(255,255,255,.09)}
.pc13-nav-home.is-current,.pc13-nav-group.is-current>summary{background:rgba(213,239,229,.14);color:#fff;border-color:rgba(220,245,236,.14)}
.pc13-nav-group{position:relative;display:flex;align-items:center;min-height:48px;flex:0 0 auto}
.pc13-nav-group>summary{list-style:none}
.pc13-nav-group>summary::-webkit-details-marker{display:none}
.pc13-chevron{font-size:17px;color:#abd2c9;line-height:.5;margin:0 0 5px 1px;transition:transform .15s}
.pc13-nav-group[open] .pc13-chevron{transform:rotate(180deg) translateY(-4px)}
.pc13-nav-count{min-width:20px;height:19px;padding:0 5px;display:inline-grid;place-items:center;color:#dff9ec;background:#236b60;border-radius:6px;font-size:10px;font-weight:800}
.pc13-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:100;width:260px;max-width:calc(100vw - 22px);padding:9px;display:flex;flex-direction:column;gap:2px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 18px 48px rgba(5,32,37,.2),0 5px 12px rgba(5,32,37,.06);border-radius:14px;animation:pc13-reveal .15s ease-out}
.pc13-dropdown:before{content:"";position:absolute;top:-8px;left:13px;width:16px;height:8px}
.pc13-dropdown-label{padding:10px 11px 7px;color:var(--muted);font-size:10px;font-weight:830;letter-spacing:.13em;text-transform:uppercase}
.pc13-dropdown a{display:flex;flex-direction:column;gap:3px;border-radius:9px;padding:11px 12px;color:var(--ink);transition:background .12s}
.pc13-dropdown a strong{font-size:12.5px;font-weight:720}
.pc13-dropdown a small{font-size:10.5px;color:var(--muted);line-height:1.35}
.pc13-dropdown a:hover,.pc13-dropdown a:focus-visible{background:var(--accent-soft);color:var(--accent-ink)}
.pc13-nav-group:last-child .pc13-dropdown{left:auto;right:0}
@keyframes pc13-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
/* Existing notification, profile and search components retain their behaviors. */
.pc13-topbar .pc3-topbar-tools{margin-left:auto;flex:0 1 auto;min-width:0;gap:9px}
.pc13-topbar .pc3-topbar-end{display:flex;gap:8px;flex:0 1 auto;min-width:0}
.pc13-topbar .pc6-header-actions{display:flex;align-items:center;gap:7px}
.pc13-topbar .pc3-search{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.15);width:clamp(160px,16vw,300px)}
.pc13-topbar .pc3-search>span,.pc13-topbar .pc3-search input,.pc13-topbar .pc3-search input::placeholder{color:#c6dbd6!important}
.pc13-topbar .pc3-search input{color:#f5fffb!important}
.pc13-topbar .pc3-search kbd{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.13);color:#c1dbd3}
.pc13-topbar .pc3-iconbtn,.pc13-topbar .pc10-mobile-search,.pc13-topbar .pc3-user-toggle,.pc13-topbar .pc3-menu-button{background:rgba(255,255,255,.075);color:#e6f5ef;border:1px solid rgba(255,255,255,.14)}
.pc13-topbar .pc3-iconbtn:hover,.pc13-topbar .pc3-user-toggle:hover,.pc13-topbar .pc3-menu-button:hover{background:rgba(255,255,255,.16);color:#fff}
.pc13-topbar .pc3-user-caption strong{color:#fff}.pc13-topbar .pc3-user-caption small{color:#a8cac0}
.pc13-topbar .pc3-user-toggle{max-width:190px}.pc13-topbar .pc3-user-caption small{max-width:108px}
.pc13-topbar .pc3-avatar{background:#dceee7;color:#07574e}
/* Keep dropdowns light/dark according to the user's theme preference, not the header. */
.pc13-topbar .pc3-user-menu,.pc13-topbar .pc34-panel{color:var(--ink);background:var(--surface)}
.pc13-topbar .pc3-user-menu a{color:var(--ink-2)}
.pc13-topbar .pc3-menu-head strong{color:var(--ink)}
.pc13-topbar .pc3-user-menu .pc3-avatar{background:var(--accent-soft);color:var(--accent-ink)}
.pc13-mobile-toggle{display:none!important}
/* Allow main content to use the area previously reserved by sidebar. */
body:not(.pc-auth-body) .content,body:not(.pc-auth-body) .pc68-subnav{max-width:1700px}
body:not(.pc-auth-body) .content{padding-left:clamp(15px,2.7vw,44px);padding-right:clamp(15px,2.7vw,44px)}
body:not(.pc-auth-body) .pc68-subnav{padding-left:clamp(15px,2.7vw,44px);padding-right:clamp(15px,2.7vw,44px)}
body:not(.pc-auth-body) .footer{max-width:1700px}
@media(max-width:1320px){
 .pc13-nav-home,.pc13-nav-group>summary{gap:5px;padding:0 9px;font-size:11.5px}
 .pc13-nav-home svg,.pc13-nav-group>summary svg{width:15px;height:15px;flex-basis:15px}
 .pc13-brand-word img{width:110px}
 .pc13-topbar .pc3-search{width:185px}
 .pc13-topbar .pc3-user-toggle{max-width:145px}.pc13-topbar .pc3-user-caption small{max-width:80px}
}
@media(max-width:1120px){
 .pc13-topbar .pc3-search{display:none}
 .pc13-topbar .pc10-mobile-search{display:grid}
}
@media(max-width:980px){
 body:not(.pc-auth-body) .side{display:flex;width:min(305px,86vw);transform:translateX(-103%);z-index:90}
 body:not(.pc-auth-body) .side.pc25-open{transform:translateX(0)}
 .pc13-topbar .pc13-nav{display:none}
 .pc13-mobile-toggle{display:inline-flex!important;flex:0 0 39px}
 body:not(.pc-auth-body) .pc3-topbar.pc13-topbar{height:66px;padding:0 18px;gap:12px}
 .pc13-topbar .pc3-user-toggle{max-width:190px}.pc13-topbar .pc3-user-caption small{max-width:112px}
 .pc13-topbar .pc3-topbar-tools{margin-left:auto}
 .pc13-topbar .pc3-search{display:none}
}
@media(max-width:600px){
 body:not(.pc-auth-body) .pc3-topbar.pc13-topbar{padding:0 12px;height:62px;gap:7px}
 .pc13-brand-orbit{width:33px;height:33px;border-radius:10px}.pc13-brand-orbit img{width:26px;height:26px}
 .pc13-brand-word img{width:104px;height:15px}.pc13-brand-word small{font-size:7px;letter-spacing:.2em}
 .pc13-topbar .pc3-user-caption,.pc13-topbar .pc3-user-toggle>span:last-child{display:none}
 .pc13-topbar .pc3-user-toggle{padding:3px;width:38px;height:38px;border-radius:10px}
 .pc13-topbar .pc3-avatar{width:30px;height:30px}
 .pc13-topbar .pc3-iconbtn,.pc13-topbar .pc10-mobile-search{width:36px;height:36px}
 .pc13-topbar .pc3-topbar-tools,.pc13-topbar .pc3-topbar-end{gap:5px}
 .pc13-topbar .pc3-user-menu,.pc13-topbar .pc34-panel{top:69px;right:10px}
}
@media(max-width:380px){
 .pc13-brand-orbit{display:none}
 .pc13-topbar #pc3-theme-quick{display:none}
 .pc13-topbar .pc3-topbar-tools,.pc13-topbar .pc3-topbar-end{gap:3px}
 .pc13-brand-word img{width:93px}
}
@media print{body:not(.pc-auth-body) .pc3-topbar.pc13-topbar{display:none!important}}
@media(prefers-reduced-motion:reduce){.pc13-dropdown{animation:none}}
@media(max-width:980px){
  body:not(.pc-auth-body) .pc25-scrim:not([hidden]){z-index:85}
  body.pc25-drawer-open{overflow:hidden}
}
