/* products */
 .product-grid {
     margin-top: 30px;
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
     gap: 16px;
 }

 .product {
     background: #fff;
     border-radius: 10px;
     padding: 12px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
     display: flex;
     flex-direction: column;
     justify-content: space-around;
     align-items: center;
     overflow: hidden;
 }

 .product img {
     min-height: 110px;
     max-width: 200px;
     min-width: 100px;
     border-radius: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #c4c4c4;
 }

 .product h4 {
     margin: 10px 0 6px
 }

 .product p {
     color: #666;
     margin: 0 0 10px
 }

 .buy {
     background: var(--accent);
     color: #fff;
     text-decoration: none;
     padding: 8px 12px;
     border-radius: 8px;
     display: inline-block
 }

 .slang {
     padding: 5px 10px;
     margin:15px auto ;
     width: 75%;
     text-align: center;
     background: #fff;
     border: 2px solid var(--accent);
     border-radius: 10px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);

 }