/* ===================================
   GLOBAL
=================================== */


*{

margin:0;
padding:0;
box-sizing:border-box;

}


body{

font-family:Arial, Helvetica, sans-serif;

background:#ffffff;

color:#222;

}





/* ===================================
   HEADER
=================================== */


.bsw-header{

width:100%;

background:#fff;

position:relative;

z-index:999;

border-bottom:1px solid #eeeeee;

}





.bsw-navbar{


height:82px;

max-width:1400px;

margin:auto;

padding:0 50px;

display:flex;

align-items:center;

justify-content:space-between;


}





/* ===================================
   LOGO
=================================== */


.bsw-logo a{


text-decoration:none;

display:flex;

flex-direction:column;

align-items:center;


}



.bsw-logo-script{


font-family:"Brush Script MT",
cursive;

font-size:42px;

line-height:35px;

color:#6734a3;


}



.bsw-logo-name{


font-size:9px;

letter-spacing:4px;

color:#333;

margin-top:8px;


}





/* ===================================
   MENU
=================================== */


.bsw-menu{


display:flex;

list-style:none;

gap:38px;

}


.bsw-menu a{


text-decoration:none;

font-size:12px;

font-weight:600;

letter-spacing:1.2px;

text-transform:uppercase;

color:#222;

position:relative;


}




.bsw-menu a:hover,
.bsw-menu a.active{


color:#6734a3;


}



.bsw-menu a.active::after{


content:"";

position:absolute;

left:0;

bottom:-12px;

width:100%;

height:2px;

background:#6734a3;


}







/* ===================================
   ICONS
=================================== */


.bsw-actions{


display:flex;

align-items:center;

gap:22px;


}



.bsw-icon{


border:0;

background:none;

cursor:pointer;

width:22px;

height:22px;

position:relative;

display:flex;

align-items:center;

justify-content:center;


}



.bsw-icon svg{


width:20px;

height:20px;

stroke:#222;

fill:none;

stroke-width:1.7;


}




.cart span{


position:absolute;

right:-12px;

top:-12px;


width:16px;

height:16px;

background:#6734a3;

color:white;

border-radius:50%;

font-size:9px;

display:flex;

align-items:center;

justify-content:center;


}






/* ===================================
   MOBILE BUTTON
=================================== */


.bsw-mobile-btn{


display:none;

background:none;

border:none;

cursor:pointer;

}



.bsw-mobile-btn span{


display:block;

width:28px;

height:2px;

background:#222;

margin:6px;


}






/* ===================================
   MOBILE MENU
=================================== */


.bsw-mobile-menu{


display:none;

background:#fff;

padding:25px;

border-top:1px solid #eee;

}



.bsw-mobile-menu a{


display:block;

text-decoration:none;

color:#222;

padding:12px 0;

font-size:14px;

text-transform:uppercase;

letter-spacing:1px;


}







/* ===================================
   RESPONSIVE
=================================== */


@media(max-width:992px){



.bsw-navbar{

padding:0 25px;

}



.bsw-menu{

display:none;

}



.bsw-mobile-btn{

display:block;

}



.bsw-actions{

margin-left:auto;

margin-right:20px;

}



}



@media(max-width:500px){



.bsw-navbar{

height:75px;

}



.bsw-logo-script{

font-size:34px;

}



.bsw-logo-name{

font-size:7px;

letter-spacing:3px;

}


}