/* تخصيصات فرونت إيند سريعة لجمالية الصفحة */
 .product-thumbnails {
     max-height: 450px;
     /* لتحديد أقصى ارتفاع مسموح به */
     overflow-y: auto;
     /* إظهار شريط تمرير عمودي إذا زادت الصور عن 4 */
     scrollbar-width: thin;
     /* تحسين شكل السكرول في المتصفحات الحديثة */
 }

 .product-thumbnails img {
     cursor: pointer;
     transition: all 0.2s ease-in-out;
     object-fit: contain;
     height: 80px;
     width: 80px;
 }

 .product-thumbnails img.active {
     border-color: #000 !important;
     border-width: 2px !important;
 }

 .main-preview-img {
     object-fit: contain;
     max-height: 500px;
     width: 100%;
     height: 800px;
 }

 .size-badge,
 .color-badge {
     cursor: pointer;
     transition: all 0.2s;
 }

 /* راديو خفي لشغل الـ UI النظيف */
 .size-selector input[type="radio"],
 .color-selector input[type="radio"] {
     display: none;
 }

 .size-selector input[type="radio"]:checked+label {
     background-color: #000 !important;
     color: #fff !important;
     border-color: #000 !important;
 }

 .color-selector input[type="radio"]:checked+label {
     transform: scale(1.1);
     box-shadow: 0 0 0 2px #000;
 }