.product {width: 140px; height:280px; padding: 3px; background-color: #ffffff; border-radius: 5px; box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.3s ease; border: 1.5px solid green; margin: 0 auto;}
.product:hover {transform: scale(1.05);}    
.product-media img {width: 100%; height: 140px; object-fit: cover;}
.product-info {padding: 10px; text-align: center;}
.product-description {font-size: 14px; color: #555; margin-bottom: 10px; height: 40px; overflow: hidden;}
.product-price {font-size: 16px; font-weight: bold; color: #2c3e50; margin-bottom: 5px;}     
.view-details-btn {background-color: #3498db;color: white; border: none; padding: 7px 15px; border-radius: 5px; cursor: pointer; font-size: 13px; transition: background-color 0.3s; width: 100%;}
.view-details-btn {background-color: #3498db;margin-bottom: 3px; color: white; border: none; padding: 7px 15px; border-radius: 5px; cursor: pointer; font-size: 13px; transition: background-color 0.3s; width: 100%;}
.view-details-btn:hover {background-color: #2980b9;}
.media-card {width: 210px;aspect-ratio: 9 / 16;background: #eee;border-radius: 12px;overflow: hidden;box-shadow: 0 4px 10px rgba(0,0,0,0.1);transition: transform 0.3s;}
.media-card:hover {transform: scale(1.03);}
.media-card img,
.media-card video {width: 100%;height: 100%;object-fit: cover;display: block;border: none;}
@media (max-width: 768px) {.media-card {width: 30%; /* كرتين في الصف */}}
@media (max-width: 480px) {
.media-card {width: 45%; /* كرتين أيضًا */aspect-ratio: 9 / 16;}.media-card img,.media-card video {height: 100%;}}