/* =====================================
   SITNICE DESKTOP FLOATING NAV
===================================== */

@media(min-width:901px){

.menu-sitnice-bottom-nav{
position:fixed;
left:30px;
top:40vh;
transform:translateY(-50%);
width:68px;
display:flex;
flex-direction:column;
align-items:center;
gap:8px;
padding:12px 8px;
background:rgba(255,255,255,.92);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
border:1px solid rgba(232,183,125,.35);
border-radius:24px;
box-shadow:0 20px 50px rgba(15,23,42,.15);
z-index:99999;
overflow:hidden;
transition:width .35s ease;
}

.menu-sitnice-bottom-nav:hover{
width:210px;
}

.menu-sitnice-nav-item{
width:100%;
height:44px;
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
gap:14px;
padding:0 12px;
border-radius:14px;
position:relative;
text-decoration:none;
color:#64748b;
font-size:13px;
font-weight:600;
white-space:nowrap;
transition:.25s ease;
}

.menu-sitnice-nav-item:hover{
background:#fff8ed;
color:#1c2632;
transform:translateX(-3px);
}

.menu-sitnice-nav-icon{
width:26px;
height:26px;
min-width:26px;
display:flex;
align-items:center;
justify-content:center;
}

.menu-sitnice-nav-icon svg{
width:22px;
height:22px;
fill:none;
stroke:#e8b77d;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
}

.menu-sitnice-nav-item span:last-child{
opacity:0;
transform:translateX(15px);
transition:.3s ease;
}

.menu-sitnice-bottom-nav:hover .menu-sitnice-nav-item span:last-child{
opacity:1;
transform:translateX(0);
}

.menu-sitnice-nav-item.active{
background:#fff8ed;
color:#1c2632;
}

.menu-sitnice-nav-item.active svg{
stroke:#1c2632;
}


/* DESKTOP PROFILE NORMAL ICON */

.menu-sitnice-profile-button{
height:44px!important;
margin:0!important;
padding:0 12px!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
}


.menu-sitnice-profile-button .menu-sitnice-nav-icon{
width:26px!important;
height:26px!important;
min-width:26px!important;
border-radius:0!important;
background:none!important;
border:none!important;
box-shadow:none!important;
}


.menu-sitnice-profile-button .menu-sitnice-nav-icon svg{
width:22px!important;
height:22px!important;
stroke:#e8b77d!important;
}


.menu-sitnice-profile-button.active svg{
stroke:#1c2632!important;
}

}


/* =====================================
   SITNICE MOBILE BOTTOM NAV
===================================== */

@media(max-width:900px){

body{
padding-bottom:110px;
}

.menu-sitnice-bottom-nav{
position:fixed;
left:15px;
right:15px;
bottom:15px;
height:68px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 12px;
background:rgba(255,255,255,.96);
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
border:1px solid #e2e8f0;
border-radius:22px;
box-shadow:0 15px 40px rgba(15,23,42,.15);
z-index:999999;
}


.menu-sitnice-nav-item{
flex:1;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
position:relative;
text-decoration:none;
font-size:10px;
font-weight:600;
color:#64748b;
-webkit-tap-highlight-color:transparent;
user-select:none;
transition:.2s ease;
}


.menu-sitnice-nav-item:active{
transform:scale(.92);
}


.menu-sitnice-nav-icon{
width:20px;
height:20px;
display:flex;
align-items:center;
justify-content:center;
}


.menu-sitnice-nav-icon svg{
width:18px;
height:18px;
fill:none;
stroke:#e8b77d;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
pointer-events:none;
}


/* MOBILE PROFILE */

.menu-sitnice-profile-button{
position:relative;
top:-22px;
flex:0 0 64px;
width:64px;
height:68px;
display:flex;
align-items:center;
justify-content:center;
}


.menu-sitnice-profile-button .menu-sitnice-nav-icon{
width:54px;
height:54px;
min-width:54px;
min-height:54px;
aspect-ratio:1/1;
border-radius:50%;
background:#1c2632;
border:3px solid #fff8ed;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 10px 30px rgba(28,38,50,.35);
}


.menu-sitnice-profile-button svg{
width:24px;
height:24px;
stroke:#faaf56;
}


/* ACTIVE */

.menu-sitnice-nav-item.active{
color:#1c2632;
}


.menu-sitnice-nav-item.active svg{
stroke:#1c2632;
}


.menu-sitnice-nav-item.active:not(.menu-sitnice-profile-button)::after{
content:"";
position:absolute;
bottom:8px;
width:5px;
height:5px;
border-radius:50%;
background:#faaf56;
}


.menu-sitnice-profile-button.active .menu-sitnice-nav-icon{
background:#fff;
border-color:#faaf56;
}


.menu-sitnice-profile-button.active svg{
stroke:#1c2632;
}


/* REMOVE TAP */

.menu-sitnice-bottom-nav,
.menu-sitnice-bottom-nav *{
outline:none!important;
-webkit-tap-highlight-color:transparent!important;
}

}


/* =====================================
   ANIMATIONS
===================================== */

@keyframes profileFloat{

0%,100%{
transform:translateY(0);
}

50%{
transform:translateY(-5px);
}

}

@keyframes profilePulse{

0%{
box-shadow:0 10px 25px rgba(28,38,50,.25);
}

50%{
box-shadow:0 15px 35px rgba(250,175,86,.35);
}

100%{
box-shadow:0 10px 25px rgba(28,38,50,.25);
}

}
@media(max-width:900px){

.menu-sitnice-bottom-nav .menu-sitnice-profile-button{
position:relative!important;
top:-22px!important;
flex:0 0 64px!important;
width:64px!important;
height:68px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}


.menu-sitnice-bottom-nav .menu-sitnice-profile-button .menu-sitnice-nav-icon{
width:54px!important;
height:54px!important;
min-width:54px!important;
min-height:54px!important;
max-width:54px!important;
max-height:54px!important;
aspect-ratio:1 / 1!important;
border-radius:50%!important;
background:#1c2632!important;
border:3px solid #fff8ed!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-shadow:0 10px 30px rgba(28,38,50,.35)!important;
}


.menu-sitnice-bottom-nav .menu-sitnice-profile-button .menu-sitnice-nav-icon svg{
width:24px!important;
height:24px!important;
stroke:#faaf56!important;
}

}

/* =====================================
   SITNICE PAGE SLIDE TRANSITION
===================================== */

@keyframes productImageReveal{

from{

opacity:0;
transform:
scale(.92)
translateY(20px);

filter:blur(8px);

}

to{

opacity:1;
transform:
scale(1)
translateY(0);

filter:blur(0);

}

}


.single-product .woocommerce-product-gallery{

animation:
productImageReveal .7s cubic-bezier(.22,1,.36,1);

}

body{
animation:sitnicePageLoad .45s ease;
}

@keyframes sitnicePageLoad{

from{
opacity:0;
transform:translateY(12px);
}

to{
opacity:1;
transform:translateY(0);
}

}
.woocommerce,
.et-main-content,
#main-content{

animation:
contentReveal .6s cubic-bezier(.22,1,.36,1);

}


@keyframes contentReveal{

from{

opacity:0;
transform:translateY(25px);

}

to{

opacity:1;
transform:none;

}

}
.menu-sitnice-nav-item.active
.menu-sitnice-nav-icon{

animation:
menuPop .35s ease;

}


@keyframes menuPop{

50%{
transform:scale(1.15);
}

100%{
transform:scale(1);
}

}
.woocommerce ul.products li.product{

transition:
transform .35s ease,
box-shadow .35s ease;

}


.woocommerce ul.products li.product:hover{

transform:
translateY(-6px);

}