/* کارت‌های محصولات و تصاویر */
.portfolio-items .item {
    width: 100%;
    height: 296px; /* ارتفاع ثابت */
    overflow: hidden;
    position: relative;
}

.portfolio-items .item .img {
    width: 100%;
    height: 100%;
}

.portfolio-items .product-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* تصویر کامل پر بشه */
    transition: transform 0.3s ease;
}

.portfolio-items .item:hover .product-image {
    transform: scale(1.05);
}

/* تصاویر مرتبط در مدال */
#modalRelatedImages {
    display: flex;
    flex-wrap: wrap; /* اجازه بده تصاویر به خط بعد برن */
    gap: 8px; /* فاصله بین تصاویر */
    overflow: hidden; /* حذف scrollbar */
}

.modal-thumbnail {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.modal-thumbnail:hover {
    border-color: #c8a97e; /* رنگ hover جدید */
    transform: scale(1.1);
}

.modal-btn {
    background-color: #c8a97e !important;
    border-color: #c8a97e !important;
    color: white !important;
}

.modal-btn:hover{
    background-color: #08432F !important;
    border-color: #08432F !important;
    color: white !important;
}

.modal-title{
    color: #08432F !important;
}

/* ریسپانسیو برای موبایل */
@media (max-width: 768px) {
    .portfolio-items .item {
        height: 250px;
    }
}
@media (max-width: 576px) {
    .portfolio-items .item {
        height: 400px;
    }
}