@media(max-width:960px){
   .content-area .product-area{
      grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
   }
    
   .product{
      min-width: 8rem;
   }
}

@media(max-width:900px){
   .main-container {
      grid-template-columns: 2fr;
   }

   .content-area .product-area{
      grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
   }
 
   .product{
      min-width: 10rem;
   }
}

@media(max-width:700px){
   .main-container {
      padding: 2rem;
   } 
}

@media(max-width:480px){
   .main-container {
      padding: 1rem;
   }

  .product .des {
      line-height: 1.5rem;
      margin: 2rem 0 -1rem;
   }

   .product-int .add-btn{
      width: 13rem;
      padding: .7rem 0;
   }

   .product-int button.add-cart{
      gap: .5rem;
      padding: .9rem 0;
      border: 1px solid var(--Rose900);
   }

   .product-int .product-img{
      border: 2px solid var(--Rose100);
   }

   .product-int:has(.block) .product-img{
      border: 2px solid var(--Red);
   }

   .final-order-section{
      background: rgb(17, 17, 17, .7);
   }

   .order-confirmation {
      transform: translate(-50%, -35%);
      max-width: 100vw; 
      min-width: 100vw;
   }

   .order-item ul{
      max-height: 20rem;
   }

   .item-des{
      padding: 1rem;
   }
}