/* Add custom CSS styles below */ 

/* ==========================================
BellaBox - Safe CSS For Glamour Theme
========================================== */

/* صور المنتجات */
.product-card img,
.products-grid img,
.products-list img {
width: 100%;
height: auto;
display: block;
}

/* تحسين عرض الصور */
img {
max-width: 100%;
height: auto;
}

/* تثبيت ارتفاع بطاقات المنتجات */
.product-card {
min-height: 280px;
}

/* تحسين وضوح الخط */
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* تحسين التركيز للوصول Accessibility */
a:focus,
button:focus,
input:focus,
select:focus {
outline: 2px solid #000;
outline-offset: 2px;
}