/* ✅ عارض الصور - محسّن للعربية RTL */
.product-gallery {
position: relative;
overflow: hidden;
border-radius: 14px;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
background: #fff;
aspect-ratio: 1 / 1;
direction: ltr;
cursor: pointer;
}
/* تخطيط سطح المكتب */
@media (min-width: 769px) {
.desktop-layout {
display: flex;
max-width: 1400px;
margin: 0 auto;
gap: 40px;
padding: 0 20px;
align-items: flex-start;
}
.gallery-container {
width: 65%;
flex-shrink: 0;
}
.order-container {
width: 35%;
flex-shrink: 0;
position: sticky;
top: 20px;
}
.product-gallery {
width: 100%;
margin: 0;
}
}
