/* Sidebar */
 :root {
     --btnColor: #584b36 !important;
     --background: #D7C9B7;
     --padding-Left-Right: 50px;
     --Nav-color: #1d1d1d !important;
     --footer-color: #181818 !important;
     --blur: 6px !important;


 }

 .product-container {
     margin-top: 200px;
     margin-bottom: 300px;
     padding-left: 50px !important;
     padding-right: 50px !important;
     border: none !important;
     background: transparent !important;

 }

 .product-container h1 {
     font-size: 6rem;
     letter-spacing: -4px;
     margin-bottom : 100px !important;
     font-weight: 500;
 }

 .sidebar {
     border-right: 1px solid #eee;
     padding: 30px;
 }

 .sidebar h6 {
     font-size: 1.2rem;
     font-weight: 600;
     margin-top: 20px;
 }

 .price-range {
     margin-top: 15px;
 }

 .cards>a {

     text-decoration: none;
 }

 .cards>a:hover {

     text-decoration: underline;
     color: black;
     border-bottom: 1px;
 }

 /* Product cards */
 .product-card {
     border: 1px solid #eee;
     border-radius: 12px;
     background: #fafafa;
     text-align: center;
     padding-bottom: 10px;
     margin: 10px 0;
     transition: transform 0.2s;
     transition: 0.1s ease-out;
 }

 .product-card:hover {
     /* box-shadow: 0 5px 15px rgba(0, 0, 0, .1); */
     transition: 0.1s ease-in;
     object-fit: cover;
 }

 .product-card img {
     border-radius: 10px;
     margin-bottom: 10px;
     max-height: 400px;
     width: 100%;
     object-fit: contain;
 }



 .badge-discount {
     position: absolute;
     top: 10px;
     left: 10px;
     z-index: 9999 !important;
     background: black;
     color: white;
     padding: 5px 10px;
     font-size: 0.8rem;
     border-radius: 20px;
 }

 .rating {
     position: absolute;
     top: 10px;
     right: 10px;
     background: white;
     padding: 3px 8px;
     border-radius: 12px;
     font-size: 0.85rem;
 }

 .product-text {
     display: flex;
     flex-direction: column;
     /* justify-content: space-around !important; */
     align-items: center !important;
     gap: 1px !important;
 }

 .product-title {
     color: black !important;
     font-size: 1.5rem;
     font-weight: 400;
     margin-top: 10px;
 }

 .cart {

     position: absolute;
     bottom: 100px !important;
     right: 30px !important;
     z-index: 9999;
     padding: 10px;
     transition: 0.1s ease-in-out all;
 }

 .cart>.icon {

     width: 30px !important;
     height: 30px !important;
 }

 .cart:hover {

     background-color: black !important;
     color: white !important;
     border-radius: 100px;
     transition: 0.1s ease-in all;
 }

 .price {
     color: var(--btnColor) !important;
     font-size: 1rem !important;
     font-weight: 400 !important;
 }

 .old-price {
     text-decoration: line-through;
     color: grey;
     /* margin-left: 5px; */
     font-size: 0.9rem;
 }

 .sold-out {
     background: #fff;
     border: 2px solid #111;
     padding: 4px 12px;
     border-radius: 25px;
     display: inline-block;
     font-size: 0.9rem;
     margin-top: 8px;
 }