فروشگاه

/* 🎨 استایل کلی سکشن */
.product-preview-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 20px;
padding: 40px 20px;
background: linear-gradient(180deg, #f8f9fb 0%, #ffffff 100%);
border-radius: 24px;
box-shadow: 0 8px 20px rgba(0,0,0,0.08);
max-width: 400px;
margin: 0 auto;
}
/* 🖼️ تصویر محصول */
.product-image-box {
position: relative;
width: 100%;
max-width: 300px;
transition: all 0.3s ease-in-out;
}
.product-image {
width: 100%;
height: auto;
border-radius: 16px;
transition: opacity 0.4s ease-in-out, transform 0.3s ease-in-out;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
/* 🎨 دکمه‌های رنگ */
.color-buttons {
display: flex;
justify-content: center;
gap: 15px;
}
.color-btn {
width: 42px;
height: 42px;
border-radius: 50%;
border: none;
cursor: pointer;
transition: all 0.2s ease-in-out;
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.color-btn:hover {
transform: scale(1.1);
}
/* 🔵 رنگ‌ها */
.color-btn.blue { background-color: #1E90FF; } /* آبی */
.color-btn.red { background-color: #FF3B30; } /* قرمز */
.color-btn.gray { background-color: #B0B0B0; } /* طوسی */
.color-btn.green { background-color: #34C759; } /* سبز */
/* رنگ انتخاب‌شده */
.color-btn.active {
box-shadow: 0 0 0 4px rgba(0,0,0,0.1), 0 0 12px rgba(0,0,0,0.2);
transform: scale(1.15);
}