#fw-section-featured-collection-0 {

h1.collection-template__heading{
font-family: PaperMarioFont;
}

.cart-container{
background-color: #669acc;
    outline-style: solid;
    outline-width: 1px;
    border-radius: 25px;
    margin: 150px;
    box-shadow: inset 0 0 50px 15px #3f5f7e, inset 0 0 7px 5px #3f5f7e;
    padding: 100px;
}

.fw-section{
background-color: #669acc;
    outline-style: solid;
    outline-width: 1px;
    border-radius: 25px;
    margin: 150px;
    box-shadow: inset 0 0 50px 15px #3f5f7e, inset 0 0 7px 5px #3f5f7e;
    padding: 100px;
}
}






#fw-section-sidebar {

@font-face{
 font-family: PaperMarioFont;
	src:
		url("https://shen-fonts.s3.us-east-2.amazonaws.com/paper.ttf");
}

.sidebar{
  display:inline-block;
  width:400px;
  /*aspect-ratio:1;*/
  background-color: #ffb56b;
  --m:
    conic-gradient(from -135deg at right, #0000,#000 1deg 89deg,#0000 90deg) right/100% 40px repeat-y;
  -webkit-mask: var(--m);
          mask: var(--m);
  /*box-shadow: 50px 0px 0px #ffffff;*/
}

.drawer__content--small{
  display:inline-block;
  /*aspect-ratio:1;*/
  background-color: #ffb56b;
  --m:
    conic-gradient(from -135deg at right, #0000,#000 1deg 89deg,#0000 90deg) right/100% 40px repeat-y;
  -webkit-mask: var(--m);
          mask: var(--m);
  /*box-shadow: 50px 0px 0px #ffffff;*/
}
.sidebar__clip{
	background-color: transparent;
}
.sidebar__navigation-link{
	padding: 0px 0px 0px 00px; 
	background-image: url("https://orangeisborange.com/background-element.png");
	background-repeat: no-repeat;
	font-family: PaperMarioFont;
    font-size: 48px;
    color: white;
  width: 150px !important;   
}

.mobile-menu__link {
  display: block;
  width: 100%;
  height: 60px;
  padding-left: 45px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 180px auto;
}

.sidebar::after {
  content: '';
  position: absolute;
  top: 0;
  right: -25px; /* Adjust this to control stroke thickness */
  bottom: 0px;
  width: 80px; /* Same as the stroke thickness */
  background: white;
  -webkit-mask: var(--m);
          mask: var(--m);
  transform: scaleX(-1); /* Flip the mask to align with right edge */
  z-index: -1; /* Keep it behind the main element */
}

.sidebar__navigation li:nth-child(1) a{
 background-image: url("https://aki-bucket-2.s3.us-east-2.amazonaws.com/Home.png"); 
 background-size: 150px;
}

.sidebar__navigation li:nth-child(2) a{
 background-image: url("https://aki-bucket-2.s3.us-east-2.amazonaws.com/Browse All.png"); 
 background-size: 150px;
}

.sidebar__navigation li:nth-child(3) a{
 background-image: url("https://aki-bucket-2.s3.us-east-2.amazonaws.com/Apparel.png"); 
 background-size: 150px;
}

.sidebar__navigation li:nth-child(4) a{
 background-image: url("https://aki-bucket-2.s3.us-east-2.amazonaws.com/Pins.png"); 
 background-size: 150px;
}

.sidebar__navigation li:nth-child(5) a{
 background-image: url("https://aki-bucket-2.s3.us-east-2.amazonaws.com/Accessories.png"); 
 background-size: 150px;
}

.sidebar__navigation li:nth-child(6) a{
 background-image: url("https://aki-bucket-2.s3.us-east-2.amazonaws.com/Misc.png"); 
 background-size: 150px;
}

.sidebar__navigation li:nth-child(7) a{
 background-image: url("https://aki-bucket-2.s3.us-east-2.amazonaws.com/Cart.png"); 
 background-size: 150px;
}

.sidebar__list-item{
transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.sidebar__list-item:hover{
transform: translateY(-10px);
}

.sidebar__logo-link img{
transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 2.275);

}

.sidebar__logo-link img:hover{
      transform-origin: center;
    transform: rotate(-10deg);
    transform-origin: center;
    transform: rotate(10deg);
}

.cart-container{
background-color: #669acc;
    outline-style: solid;
    outline-width: 1px;
    border-radius: 25px;
    margin: 150px;
    box-shadow: inset 0 0 50px 15px #3f5f7e, inset 0 0 7px 5px #3f5f7e;
    padding: 100px;
}

.main__sections>*:first-child>*:first-child{
background-color: #669acc;
    outline-style: solid;
    outline-width: 1px;
    border-radius: 25px;
    margin: 150px;
    box-shadow: inset 0 0 50px 15px #3f5f7e, inset 0 0 7px 5px #3f5f7e;
    padding: 100px;
}

.sidebar__spacer{
    flex: 0 0 auto;
}

.sidebar__section--main{
  padding-bottom:0px !important;
}

.sidebar__list{
  margin-left: 25px;
}
}