/* Velora Navigation System */

.velora-mobile-drawer{position:fixed;
top:0;
right:0;
width:min(340px, 88vw);
max-width:340px;
height:100vh;
background:var(--velora-menu-bg);
z-index:9999;
transform:translateX(100%);
transition:transform .28s cubic-bezier(.4, 0, .2, 1);
overflow-y:auto;
display:flex;
flex-direction:column;}

.velora-mobile-drawer.open{transform:translateX(0);}

.velora-mobile-drawer__head{padding:20px 24px 0;}

.velora-mobile-drawer__body{padding:28px 24px;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;}

.velora-overlay{position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.45);
z-index:9998;
opacity:0;
visibility:hidden;
transition:opacity .25s ease, visibility .25s ease;}

.velora-overlay.active{opacity:1;
visibility:visible;}

.velora-drawer-close{width:42px;
height:42px;
border:none;
background:rgba(255,255,255,.12);
color:var(--velora-menu-text);
cursor:pointer;
display:inline-flex;
align-items:center;
justify-content:center;}

.velora-burger{width:50px;
height:50px;
background:transparent;
border:none;
cursor:pointer;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:5px;
padding:0;}

.velora-burger span{width:26px;
height:2px;
background:var(--velora-menu-text);
display:block;}

.velora-mobile-nav{list-style:none;
margin:0;
padding:0;}

.velora-mobile-nav li{margin:0;
padding:0;}

.velora-mobile-nav a{display:block;
padding:12px 0;
text-decoration:none;
color:var(--velora-menu-text);
font-weight:600;
border-bottom:1px solid rgba(255,255,255,.18);}

@media (min-width:992px){.velora-burger{display:none;}
.velora-mobile-drawer{display:none;}
.velora-overlay{display:none;}}

@media (max-width:991.98px){.velora-desktop-nav{display:none;}}

.velora-mobile-auth{margin-top:24px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.18);}

.velora-mobile-auth-link{display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 16px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  color:var(--velora-menu-text);
  text-decoration:none;
  font-weight:700;}

.velora-mobile-auth-link__icon{display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  line-height:1;}

@media (min-width:992px){.velora-mobile-auth{display:none;}}

.velora-mobile-actions{display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.18);}

.velora-mobile-action{position:relative;
  width:44px;
  height:44px;
  min-width:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  color:var(--velora-menu-text);}

.velora-mobile-action__icon{display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  line-height:1;}

.velora-mobile-action__icon svg{display:block;
  width:20px;
  height:20px;}

.velora-mobile-action__count{position:absolute;
  top:-6px;
  right:-6px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:700;
  background:#ffffff;
  color:var(--velora-accent);}