.topnav {
    display: none !important;
}
header, 
.store-header,
.main-header,
.salla-header {
    padding-top: 20px !important;
    background-color: #ffffff !important; /
}
/* إجبار أيقونة تسجيل الدخول على التلون */
header svg path, 
.header svg path,
.store-header svg path {
    fill: #a2958d !important;
}
 /* --- 1. توسيط عنوان القسم (مثل: مجموعة الاستحمام) --- */
.s-slider-block__title,
.s-block__title,
.s-block-title {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

.s-slider-block__title-right,
.s-block__title-right,
.s-block__title-right h2,
.s-slider-block__title-right h2 {
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    justify-content: center !important;
}

/* --- 2. إزالة المساحة الفارغة (علامة X) ودمج البطاقة --- */
custom-salla-product-card,
.s-product-card-vertical {
    border-radius: 20px !important;
    box-shadow: none !important;
    background-color: transparent !important;
    border: none !important;
    margin: 0 auto !important;
    position: relative !important;
    padding-bottom: 55px !important; /* مساحة لجلوس الأزرار تحت السعر مباشرة */
}

/* إلغاء اللون الخلفي (المساحة الزايدة) وتقليل المسافة بين الصورة والعنوان */
.s-product-card-content, 
.Qpc__body {
    background-color: transparent !important;
    padding-top: 5px !important; 
}

.s-product-card-image, 
.Qpc__img {
    border-radius: 20px 20px 0 0 !important;
    margin-bottom: 0 !important;
}

/* فك قيود الحاويات لتسهيل خروج الأزرار المخفية */
.s-product-card-image,
.Qpc__media,
.s-product-card-content,
.Qpc__body {
    position: static !important;
    overflow: visible !important;
}

/* --- 3. توسيط النصوص وتقريب السعر من الأزرار --- */
.s-product-card-content-main {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.Qpc__title, 
.Qpc__title a, 
.s-product-card-price, 
.pc-stats-slot {
    text-align: center !important;
    width: 100% !important;
}

/* إلغاء الفراغ تحت السعر لتقريبه من الأزرار */
.Qpc__priceRow {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* --- 4. إظهار وتجميع الأزرار الثلاثة (مباشرة أسفل السعر) --- */

/* زر السلة (نلصقه بالمنتصف ويتجه لليسار) */
.Qpc__footer {
    position: absolute !important;
    bottom: 8px !important; /* رفع الزر ليقترب من السعر */
    right: 50% !important; 
    margin-right: 4px !important; /* مسافة بسيطة عن المنتصف */
    width: auto !important;
    padding: 0 !important;
    display: flex !important;
    z-index: 99 !important;
}

/* أزرار المفضلة والعرض السريع (نلصقها بالمنتصف وتتجه لليمين) */
.Qpc__actions {
    position: absolute !important;
    bottom: 8px !important; /* نفس مستوى زر السلة */
    left: 50% !important; 
    margin-left: 4px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    opacity: 1 !important; /* إجبارها على الظهور دائماً */
    visibility: visible !important;
    background: transparent !important;
    z-index: 99 !important;
    width: auto !important;
    transform: none !important;
}

/* توحيد شكل الأزرار (دائرية، مفرغة، مدموجة) */
.F__mainbtncart .s-button-text span {
    display: none !important;
}

.F__mainbtncart .s-button-element,
.Qpc__actions .s-button-element {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1px solid #d1d5db !important;
    background-color: transparent !important;
    box-shadow: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

.F__mainbtncart .s-button-element i,
.Qpc__actions .s-button-element i {
    color: #333 !important;
    font-size: 16px !important;
}

/* --- 5. إزالة التأثيرات عند الضغط (البقاء بدون تأثير) --- */
* {
    -webkit-tap-highlight-color: transparent !important;
}

custom-salla-product-card *,
.s-product-card-vertical:focus,
.s-product-card-vertical:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
/* --- 1. توسيط وتكبير عنوان القسم (مثل: مجموعة الاستحمام) --- */
.s-slider-block__title, .s-block__title, .s-block-title {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}
.s-slider-block__title-right, .s-block__title-right {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 auto !important;
}
.s-slider-block__title-right h2, .s-block__title-right h2 {
    font-size: 32px !important;
    font-weight: bold !important;
    text-align: center !important;
    margin: 0 !important;
}
/* أسهم التنقل للسلايدر */
.s-slider-block__title-left {
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* --- 2. توسيط البطاقة في الصفحة --- */
.swiper-wrapper.s-slider-swiper-wrapper {
    display: flex !important;
    justify-content: center !important;
}
.s-products-slider-card.swiper-slide {
    display: flex !important;
    justify-content: center !important;
}
custom-salla-product-card {
    margin: 0 auto !important;
    display: block !important;
}

/* --- 3. تصميم البطاقة (حواف 20px، مدموجة، إزالة المساحة اللي عليها X) --- */
custom-salla-product-card,
.s-product-card-vertical {
    border-radius: 20px !important;
    box-shadow: none !important;
    background-color: transparent !important; 
    border: none !important;
}
.s-product-card-content, 
.Qpc__body {
    background-color: transparent !important; 
    padding-top: 10px !important; 
}
.s-product-card-image, 
.Qpc__img {
    border-radius: 20px 20px 0 0 !important;
    margin-bottom: 0 !important;
}

/* --- 4. إزالة الخط الأحمر وتأثيرات الضغط --- */
* {
    -webkit-tap-highlight-color: transparent !important;
}
custom-salla-product-card *,
.s-product-card-vertical:focus,
.s-product-card-vertical:active,
.s-product-card-vertical:focus-within,
.s-product-card-vertical.is-active,
.Qpc__mediaLink:focus,
.s-product-card-content a:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    text-decoration: none !important;
}

/* --- 5. توسيط النصوص وتقريب السعر من الأزرار --- */
.s-product-card-content-main {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}
.Qpc__title, 
.Qpc__title a, 
.s-product-card-price, 
.pc-stats-slot {
    text-align: center !important;
    width: 100% !important;
}
.Qpc__priceRow {
    margin-bottom: 5px !important; 
    padding-bottom: 0 !important;
}

/* --- 6. ترتيب وإظهار الأزرار بشكل دائم --- */
.Qpc__footer {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 10px !important; 
    position: static !important; 
    padding: 0 !important;
}
.Qpc__actions {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    opacity: 1 !important; 
    visibility: visible !important;
    transform: none !important;
    position: static !important;
    background: transparent !important;
}

/* توحيد شكل الأزرار (دائرية، مفرغة، مدموجة) */
.F__mainbtncart .s-button-text span {
    display: none !important; 
}
.F__mainbtncart .s-button-element,
.Qpc__actions .s-button-element {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1px solid #d1d5db !important; 
    background-color: transparent !important;
    box-shadow: none !important; 
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}
.F__mainbtncart .s-button-element i,
.Qpc__actions .s-button-element i {
    color: #333 !important; 
    font-size: 16px !important;
}