/* Add custom CSS styles below */ 
/* نجبر الصورة تاخذ الشكل الطولي الجديد */

.s-product-card-image-contain {

aspect-ratio: 3 / 4 !important;

object-fit: cover !important;

width: 100% !important;

height: auto !important;

}


@media (max-width: 768px) {

.home-slider__content {

position: absolute !important;

top: 50% !important; /* نثبت النص في منتصف الشاشة عمودياً */

left: 50% !important; /* نثبت النص في منتصف الشاشة أفقياً */

transform: translate(-50%, -50%) !important;

width: 90% !important;

padding: 1rem !important;

text-align: center !important;

z-index: 10 !important; /* نتأكد النص فوق كل شيء */

}


.home-slider__content > div {

align-items: center !important;

}


.hero-slider-title h3 {

font-size: 1.5rem !important;

line-height: 1.3 !important;

}


.hero-slider-subtitle span {

font-size: 1rem !important;

}


.hero-slider-btn a {

justify-content: center !important;

width: 100% !important;

}

}


@media (max-width: 768px) {

.hero-slider-title h3 {

font-size: 0.8rem !important; /* صغر الخط أكثر */

line-height: 0.5 !important;

}


.hero-slider-subtitle span {

font-size: 0.7rem !important;

}

}


.VisitorsCounter18827 {

display: none !important;

}


@media (min-width: 768px) {

#second-banner .home-slider__content { /* Use actual ID or class */

justify-content: flex-end !important;

}

/* Continue targeting child elements similarly */

}

.gold-star {

color: #FFD700;

}


/* إخفاء شكل النار من عدد مرات الشراء */

.fire-icon,

.product-purchases .fire,

[class*="fire"],

.purchases-count::before {

display: none !important;

}


/* أو جرب هذا الكود إذا ما اشتغل الأول */

.product-purchases-count .emoji,

.purchases-fire-icon {

visibility: hidden !important;

}