.digikala-products-box { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 15px; direction: rtl; margin: 20px 0; } .product-item { border: 1px solid #f0f0f1 !important; border-radius: 8px; overflow: hidden; background: #fff; text-align: center; display: flex; flex-direction: column; justify-content: space-between; transition: box-shadow 0.3s; } .product-item:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .product-images { width: 100%; aspect-ratio: 1/1; overflow: hidden; background-color: #f9f9f9; } .product-images img { width: 300px; height: 238px; object-fit: contain; display: block; } .product-info { padding: 10px; } .product-info h4 { font-size: 14px; font-weight: bold; margin: 5px 0; line-height: 1.4; color: #4b5563!important; height: 60px; overflow: hidden; } .product-rating { margin: 5px 0; font-size: 12px; color: #ff9800; display: flex; align-items: center; justify-content: center; gap: 5px; float: right; } .rating-stars { font-size: 12px; } .rating-count { font-size: 11px; color: #666; } .price-old { text-decoration: line-through; color: #999; font-size: 13px; } .price { color: #ef394e; font-weight: bold; margin: 5px 0; font-size: 15px; } /* استایل‌های خاص برای موبایل */ @media (max-width: 768px) { .digikala-products-box { grid-template-columns: 1fr; } .product-item { flex-direction: row; text-align: right; align-items: center; padding: 10px; } .product-images { flex: 0 0 100px; height: 100px; } .product-images img { object-fit: contain; } .product-info { flex: 1; padding: 0 10px; } .product-info h4 { font-size: 13px; margin-bottom: 5px; } .product-rating { font-size: 11px; } .price-old, .price { font-size: 12px; text-align: left; } } span.rating-number { color: #0b0b0b; } @media (max-width: 768px) { .product-images img { width: 100px; height: 100px; }} .digikala-price-wrapper { border: 1px solid #e0e0e2; border-radius: 8px; padding: 16px; margin-bottom: 70px; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); text-align: center; } .digikala-title { border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; margin-bottom: 10px; font-weight: bold; font-size: 16px; color: #333; text-align: right; border-right:none!important; } .digikala-price-section { margin: 12px 0; text-align: left; } .digikala-old-price { color: #81858b; text-decoration: line-through; margin-right: 8px; font-size: 14px; } .digikala-discount-badge { background-color: #ef394e; color: white; padding: 2px 8px; border-radius: 8px; font-size: 14px; margin: 5px; } .digikala-current-price { color: #ef394e; font-weight: bold; font-size: 14px; display: block; margin: 10px 0; } .digikala-unavailable-message { color: #ef394e; font-weight: bold; margin: 15px 0; font-size: 16px; } .digikala-button-section { margin-top: 15px; text-align: center; } .digikala-button-section a{ color: #fff!important; } .digikala-button { display: inline-block; background-color: #ef394e; color: white; padding: 10px 20px; border-radius: 8px; text-decoration: none; font-weight: bold; transition: background-color 0.2s; width: 100%; box-sizing: border-box; } .digikala-button:hover { background-color: #e6323e; color: white; } .digikala-updated-time { margin-top: 12px; font-size: 11px; color: #81858b; text-align: left; } .digikala-error { color: #ef394e; font-weight: bold; } .digikala-new-class{ display: flex ; align-items: center; justify-content: space-between; font-size: 13px; padding: 10px; flex-wrap: wrap;} .digikala-new{ font-weight: 700; font-size: 14px;     display: block; } .digikala-name-price{ font-size: 16px; } .digikala-button-similar {background: #444;} @media (min-width: 768px) { .price { display: inline-table;  }}