.MainContainer {
   display: flex;
   align-items: center;
   flex-direction: column;
   gap: 1rem;
}

.MainContainer .banner {
   margin-top: 1rem;
   width: 97%;
   border-radius: 20px;
   overflow: hidden;

   img {
      width: 100%;
      background-position: center;
      object-fit: cover;
   }
}

.MainContainer .sec-header {
   text-decoration: underline;
   text-align: center;
   font-size: 1.7rem;
}

.MainContainer .products {
   width: 97%;
   background-color: #fcfcfc;
   border-radius: 20px;
   padding: 0.7rem 1rem;
   box-shadow: 1px 1px 7px #ca8e536d, 2px -1px 3px #ca8e532b;
}

.MainContainer .products .catText {
   margin: 0.5rem 1rem;
   font-family: var(--heading3);
   color: var(--txt-col4);
}

.MainContainer .products .catagory {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0rem 1.5rem;
   margin-top: 0.5rem;
}

.collections h3 select,
.low-high select {
   background-color: transparent;
   font-size: 1rem;
   padding: 0.2rem 0.4rem;
   border: 2px solid var(--col4);
   border-radius: 10px;
}

.items {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 1rem;
   padding: 1rem 2rem;
}

.items .itemBox {
   overflow: hidden;
   border: 1px solid rgba(0, 0, 0, 0.3);
   border-radius: 15px;
}

.items .itemBox .itemImg {
   overflow: hidden;
   position: relative;
}

.items .itemBox .itemImg img {
   aspect-ratio: 1/1;
   width: 100%;
   height: 100%;
   object-fit: contain;
   transition: all ease 0.3s;
}

.itemBox:hover .itemImg img {
   scale: 1.05;
}

.itemImg .label {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 5;
   padding: 0.3rem 0.6rem;
   font-weight: 600;
   font-family: var(--heading1);
   background-color: #f885a0b3;
   border-radius: 0 0 0 15px;
   border: 0.5px solid var(--col5);
      text-transform: capitalize;
}

.items .itemBox .itemInfo {
   padding: 0.5rem 0.7rem;
   display: flex;
   justify-content: space-evenly;
   flex-direction: column;
   line-height: 1.8rem;
}

.p-name {
   font-size: 1.13rem;
}

.p-price {
   font-size: 1.1rem;
   font-family: var(--heading2);
   font-weight: 600;

   * {
      font-family: var(--heading2);
   }
}

.p-price-val {
   color: var(--txt-col2);
}

.p-price-val::before {
   content: "₹";
}

.items .itemBox .itemInfo p {
   width: fit-content;
}

.items .itemBox .itemInfo p #ratings {
   background-color: #DEF9C4;
   padding: 0.1rem 0.7rem;
   border-radius: 20px;
   font-size: 1.05rem;
   gap: 0.2rem;
}

.items .itemBox .itemInfo p #ratings i {
   font-size: 1rem;
}

.error-message {
   padding: 0.2rem 2rem;
   
}

@media screen and (max-width: 768px) {

   /* FOR TABLET*/
   .MainContainer .banner {
      img {
         width: 100%;
         background-size: contain;
      }
   }

   .items {
      padding: 1rem 0.3rem;
   }

   .MainContainer .products .catagory {
      padding: 0rem 1rem;
   }
}

@media screen and (max-width: 648px) {

   /* FOR MOBILE*/
   .MainContainer .banner {
      img {
         width: 100%;
         background-size: contain;
      }
   }

   .MainContainer .products {
      width: 95%;
   }

   .MainContainer .sec-header {
      font-size: 1.3rem;
      padding: 0 1rem;
   }

   .items {
      grid-template-columns: repeat(2, 1fr);
      padding: 1rem 0.3rem;
   }
}