/* ============================================================
   Oman Care — تحويل بصري كامل لمتجر منتجات العناية
   بوتيك جمال: كريمي، وردي، هوائي، دائري — عربي/إنجليزي/موبايل
   يُحمَّل بعد style.css و rtl.css
   ============================================================ */

:root {
    --care-rose: #141414;
    --care-rose-deep: #000000;
    --care-rose-soft: #f2f2f2;
    --care-sage: #8a8a8a;
    --care-cream: #fafafa;
    --care-ink: #1a1a1a;
    --care-plum: #111111;
    --care-muted: #8f8f8f;
    --care-line: #ececec;
    --care-radius: 18px;
    --care-radius-lg: 24px;
    --care-radius-pill: 999px;
    --care-shadow: 0 6px 24px rgba(0, 0, 0, .06);
    --care-shadow-hover: 0 18px 40px rgba(0, 0, 0, .12);
    --care-grad: linear-gradient(135deg, #2b2b2b 0%, #000000 100%);
    --care-pink: #f1356d;        /* لهجة نايس ون: الأسعار والخصومات */
    --care-pink-soft: #fde7ee;
}

/* ============ 1) القماشة: خلفية كريمية دافئة ============ */
body {
    background: var(--care-cream) !important;
    color: var(--care-ink);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

html[lang="ar"] body,
[dir="rtl"] body {
    letter-spacing: 0;
    line-height: 1.8;
}

/* مساحات هوائية بين الأقسام */
.ps-product-list,
.ps-top-categories,
.ps-site-features {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
}

/* ============ 2) عناوين الأقسام: جريئة مع شرطة متدرجة ============ */
.ps-section__header,
.ps-product-list .ps-section__header {
    border: none !important;
    padding-bottom: 14px;
    margin-bottom: 24px;
    align-items: center;
}

.ps-section__header h3,
.ps-block__header h3 {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: var(--care-ink) !important;
    position: relative;
    padding-bottom: 12px;
}

.ps-section__header h3::after,
.ps-block__header h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: 48px;
    height: 4px;
    border-radius: 4px;
    background: var(--care-grad);
}

/* رابط "عرض الكل" ككبسولة */
.ps-section__links li a,
.ps-block__header a {
    border: 1.5px solid var(--care-rose) !important;
    color: var(--care-rose) !important;
    border-radius: var(--care-radius-pill);
    padding: 7px 20px;
    font-weight: 600;
    font-size: 13px;
    transition: all .25s ease;
    background: transparent;
}

.ps-section__links li a:hover,
.ps-block__header a:hover {
    background: var(--care-rose) !important;
    color: #fff !important;
    box-shadow: var(--care-shadow);
}

/* ============ 3) الأقسام: دوائر بنمط متاجر الجمال ============ */
.ps-block--category {
    background: transparent !important;
    border: none !important;
    text-align: center;
    padding: 10px 6px 18px;
    transition: transform .3s ease;
}

.ps-block--category img {
    width: 130px !important;
    height: 130px !important;
    object-fit: cover;
    border-radius: 50% !important;
    margin: 0 auto 14px;
    display: block;
    background: #fff;
    padding: 8px;
    border: 3px solid var(--care-rose-soft);
    box-shadow: var(--care-shadow);
    transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.ps-block--category:hover {
    transform: translateY(-6px);
}

.ps-block--category:hover img {
    border-color: var(--care-rose);
    box-shadow: var(--care-shadow-hover);
}

.ps-block--category p {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: var(--care-ink) !important;
}

/* ============ 4) بطاقات المنتجات: إعادة تصميم كاملة ============ */
.ps-product {
    background: #fff !important;
    border: 1px solid var(--care-line) !important;
    border-radius: 4px !important;
    overflow: hidden;
    transition: box-shadow .3s ease, transform .3s ease, border-color .3s ease;
}

.ps-product:hover {
    border-color: transparent !important;
    box-shadow: var(--care-shadow-hover);
    transform: translateY(-5px);
}

/* منطقة الصورة: أبيض نظيف (نمط نايس ون) */
.ps-product__thumbnail {
    background: #fff !important;
    border-radius: 0 !important;
    /* بطاقة مضغوطة بنمط نايس ون: فراغ محسوب للأيقونات فقط */
    padding: 30px 12px 46px !important;
}

/* منطقة الصورة تتناسب مع عرض البطاقة (مربّعة) — لا فراغ زائد في البطاقات الضيقة */
.ps-product__thumbnail > a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: auto;
    aspect-ratio: 1 / 1;
    max-height: 180px;
    width: 100%;
    overflow: hidden;
}

.ps-product__thumbnail img {
    border-radius: 0;
    /* الصورة تملأ الإطار المربّع دون تشويه */
    max-height: 100%;
    max-width: 100%;
    width: auto;
    object-fit: contain;
    transition: transform .4s ease;
}

.ps-product:hover .ps-product__thumbnail img {
    transform: scale(1.04);
}

/* ===== أزرار الإجراءات بتخطيط نايس ون =====
   القلب أعلى البطاقة والسلة أسفلها — دائمة الظهور
   العين والمقارنة تظهران عند التمرير في الجهة المقابلة
   الحاوية static حتى تُثبَّت الأزرار مباشرةً على الصورة المصغّرة (thumbnail) */
.ps-product__thumbnail {
    position: relative !important;
}

.ps-product__thumbnail .ps-product__actions {
    position: static !important;
    transform: none !important;
    display: block !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none;
}

.ps-product__thumbnail .ps-product__actions li {
    position: absolute !important;
    margin: 0 !important;
    pointer-events: auto;
    z-index: 6;
}

/* الأزرار الافتراضية: مربّعة بحواف ناعمة (squircle) بخلفية رمادية خفيفة */
.ps-product__thumbnail .ps-product__actions li a {
    width: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: #f3f3f3 !important;
    border: none !important;
    border-radius: 12px !important;
    color: var(--care-ink) !important;
    font-size: 17px;
    transition: all .25s ease;
}

.ps-product__thumbnail .ps-product__actions li a:hover {
    background: var(--care-ink) !important;
    color: #fff !important;
}

/* القلب (المفضلة): أيقونة صريحة بلا خلفية ولا إطار */
.ps-product__thumbnail .ps-product__actions li:nth-child(3) a {
    background: transparent !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
    color: var(--care-ink) !important;
}

/* استبدال الرمز بقلب دائري قياسي (SVG) مطابق لنايس ون */
.ps-product__thumbnail .ps-product__actions li:nth-child(3) a i {
    display: none !important;
}

.ps-product__thumbnail .ps-product__actions li:nth-child(3) a::before {
    content: "";
    display: block;
    width: 27px;
    height: 27px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z'/%3E%3C/svg%3E") center / contain no-repeat;
    transition: transform .2s ease;
}

.ps-product__thumbnail .ps-product__actions li:nth-child(3) a:hover {
    background: transparent !important;
    color: var(--care-pink) !important;
}

.ps-product__thumbnail .ps-product__actions li:nth-child(3) a:hover::before {
    transform: scale(1.1);
}

/* 3) القلب: أعلى جهة النهاية (يسار في RTL) — ظاهر دائمًا */
.ps-product__thumbnail .ps-product__actions li:nth-child(3) {
    top: 12px;
    inset-inline-end: 12px;
}

/* 1) السلة (إضافة): أسفل جهة النهاية — ظاهرة دائمًا */
.ps-product__thumbnail .ps-product__actions li:nth-child(1) {
    bottom: 12px;
    inset-inline-end: 12px;
}

/* أيقونة سلة مع علامة + (مثل نايس ون) */
.ps-product__thumbnail .ps-product__actions li:nth-child(1) a i:before {
    content: "\e750" !important; /* icon-cart-plus */
}

/* إخفاء التقييم من بطاقات المنتجات (كل الصيغ والبنى) */
.ps-product .rating_wrap {
    display: none !important;
}

/* 2) عرض سريع و4) مقارنة: جهة البداية، تظهران عند التمرير */
.ps-product__thumbnail .ps-product__actions li:nth-child(2) {
    bottom: 12px;
    inset-inline-start: 12px;
}

.ps-product__thumbnail .ps-product__actions li:nth-child(4) {
    bottom: 62px;
    inset-inline-start: 12px;
}

.ps-product__thumbnail .ps-product__actions li:nth-child(2),
.ps-product__thumbnail .ps-product__actions li:nth-child(4) {
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity .25s ease, transform .25s ease;
}

.ps-product:hover .ps-product__thumbnail .ps-product__actions li:nth-child(2),
.ps-product:hover .ps-product__thumbnail .ps-product__actions li:nth-child(4) {
    opacity: 1;
    transform: translateY(0);
}

/* ===== تناسق الارتفاعات: كل البطاقات بنفس الطول والسعر بالأسفل دائمًا ===== */
.ps-product {
    display: flex !important;
    flex-direction: column;
    height: 100% !important;
    padding-bottom: 12px !important; /* فراغ سفلي واحد أنيق بدل التراكم */
}

.row > [class*="col-"] > .ps-product,
.ps-shopping .ps-product {
    height: 100% !important;
}

/* محتوى البطاقة: مضغوط بنمط نايس ون */
.ps-product__container {
    padding: 6px 14px 0 !important;
    border: none !important;
    display: flex !important;
    flex-direction: column;
    flex: 1;
}

/* محصور في البطاقات فقط حتى لا يتسرّب لتبويبات صفحة المنتج والشريط اللاصق */
.ps-product__container .ps-product__content {
    display: flex !important;
    flex-direction: column;
    flex: 1;
}

/* تحصين صفحة تفاصيل المنتج والشريط اللاصق من تنسيقات البطاقات */
.ps-product--detail .ps-product__content,
.ps-product--detail .ps-product__thumbnail,
.ps-product--header-sticky .ps-product__content,
.ps-product--header-sticky .ps-product__thumbnail,
.ps-product__content.ps-tab-root {
    display: revert !important;
    flex: revert !important;
    flex-direction: revert !important;
    padding: revert !important;
    position: revert !important;
    min-height: revert !important;
    height: revert !important;
    aspect-ratio: auto !important;
}

.ps-product--detail .ps-product__thumbnail > a,
.ps-product--detail .ps-product__thumbnail img,
.ps-product--header-sticky .ps-product__thumbnail > a,
.ps-product--header-sticky .ps-product__thumbnail img {
    aspect-ratio: auto !important;
    max-height: none !important;
    height: revert !important;
    width: revert !important;
    display: revert !important;
}

/* إخفاء تبويبات الوصف/التقييمات من الشريط اللاصق (طلب المستخدم) */
.ps-product--header-sticky .ps-tab-list {
    display: none !important;
}

/* السعر ملتصق بأسفل البطاقة مهما اختلف طول العنوان */
.ps-product__content .ps-product__price,
.ps-product__container > .ps-product__price {
    margin-top: auto !important;
    margin-bottom: 0;
}

/* العنوان: سطران ثابتان دائمًا */
.ps-product__title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(2 * 1.5 * 12.5px);
}

/* اسم المتجر (نمط نايس ون) — سطر واحد صغير بلا خط فاصل */
.ps-product__vendor,
.ps-product__vendor a {
    color: var(--care-ink) !important;
    font-size: 11px !important;
    font-weight: 800;
    border: none !important;
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;
}

.ps-product > .ps-product__container > .ps-product__vendor,
.ps-product .ps-product__content .ps-product__vendor {
    display: block !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.ps-product__title,
.ps-product__title a,
.ps-product__content .ps-product__title a {
    font-weight: 500 !important;
    color: #5a5a5a !important;
    line-height: 1.5;
    font-size: 12.5px;
}

.ps-product__title a:hover {
    color: var(--care-ink) !important;
}

/* السعر: وردي نايس ون */
.ps-product__price {
    color: var(--care-pink) !important;
    font-weight: 800 !important;
    font-size: 17px !important;
}

.ps-product__price del {
    color: #b5b5b5 !important;
    font-weight: 400;
    font-size: 12px;
}

/* التقييم: نجوم ذهبية */
.ps-product .br-theme-fontawesome-stars .br-widget a.br-selected:after,
.ps-product .br-theme-fontawesome-stars .br-widget a.br-active:after {
    color: #ffb400 !important;
}

/* شارة الخصم: كبسولة وردية ناعمة (نمط نايس ون) */
.ps-product__badge,
.ps-badge {
    background: var(--care-pink) !important;
    color: #fff !important;
    border-radius: 4px !important;
    font-weight: 700;
    font-size: 12px;
    padding: 3px 10px !important;
    box-shadow: none;
}

/* تموضع الشارات في الزاوية المقابلة للقلب دائمًا
   (القلب عند بداية السطر — الشارة عند نهايته) */
/* الشارة على جهة البداية (يمين في RTL) مقابلةً للقلب */
[dir="ltr"] .ps-product__badges,
[dir="ltr"] .ps-product__badge {
    left: 12px !important;
    right: auto !important;
    top: 12px !important;
}

[dir="rtl"] .ps-product__badges,
[dir="rtl"] .ps-product__badge {
    right: 12px !important;
    left: auto !important;
    top: 12px !important;
}

/* داخل الحاوية تبقى الشارة بموضعها الطبيعي */
.ps-product__badges .ps-product__badge {
    position: static !important;
}

/* فاصل بين البطاقات داخل الكاروسيل والشبكة */
.owl-carousel .owl-item .ps-product,
.slick-slide .ps-product {
    margin: 6px 8px 16px;
}

/* شبكة المتجر/الأقسام: فواصل واضحة بين البطاقات مثل المرجع */
.ps-shopping-product .row,
.ps-shopping .row {
    margin-left: -8px !important;
    margin-right: -8px !important;
    row-gap: 16px;
}

.ps-shopping-product .row > [class*="col-"],
.ps-shopping .row > [class*="col-"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.row .ps-product,
.ps-block--products-box .ps-product {
    margin-bottom: 20px;
}

/* داخل شبكة المتجر الفاصل يأتي من row-gap وليس من هامش البطاقة */
.ps-shopping-product .row .ps-product,
.ps-shopping .row .ps-product {
    margin-bottom: 0 !important;
}

/* ============ 5) البنرات والسلايدر الرئيسي: حواف ناعمة وإزالة تداخل الخلفيات ============ */
.ps-home-banner .ps-banner,
.ps-banner,
.ps-carousel .ps-banner,
.owl-item .ps-banner {
    background-image: none !important;
    background-color: transparent !important;
    overflow: hidden !important;
    border-radius: 14px !important;
}

.ps-home-banner .owl-stage-outer,
.ps-home-banner .owl-stage,
.ps-home-banner .owl-carousel,
.ps-home-banner .ps-section__left,
.ps-banner__left {
    overflow: hidden !important;
    border-radius: 14px !important;
}

.ps-banner img,
.ps-banner picture,
.ps-banner picture img,
.ps-carousel__item img,
.ps-collection,
.ps-collection img,
.ps-home-banner .ps-banner img {
    border-radius: 14px !important;
    overflow: hidden !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.ps-banner {
    overflow: hidden !important;
    transition: transform .3s ease, box-shadow .3s ease !important;
}

.ps-banner:hover {
    transform: translateY(-3px) !important;
    box-shadow: var(--care-shadow-hover) !important;
}


/* بنرات الصفحة الرئيسية في صف واحد كالسابق:
   السلايدر الكبير + البنرين الصغيرين جنبًا إلى جنب مع فواصل */
.ps-home-banner .ps-container {
    display: flex !important;
    flex-flow: row nowrap !important;
    gap: 20px;                 /* فاصل بين العمود الكبير والصغير */
    align-items: stretch;
}

/* عمود البنرات الصغيرة: توزيع رأسي بفاصل بينها */
.ps-home-banner .ps-section__right {
    display: flex !important;
    flex-flow: column nowrap !important;
    gap: 20px;                 /* فاصل بين البنر العلوي والسفلي */
    margin: 0 !important;
}

.ps-home-banner .ps-section__right .ps-collection {
    margin: 0 !important;
    flex: 1;                   /* ارتفاع متساوٍ للبنرين */
}

/* على الجوال: تكديس طبيعي مع فواصل */
@media (max-width: 767px) {
    .ps-home-banner .ps-container {
        flex-flow: column nowrap !important;
        gap: 16px;
    }

    .ps-home-banner .ps-section__right {
        gap: 16px;
    }
}

/* أسهم ونقاط الكاروسيل */
.owl-nav button.owl-prev,
.owl-nav button.owl-next,
.slick-arrow {
    background: #fff !important;
    border-radius: 50% !important;
    box-shadow: var(--care-shadow) !important;
    color: var(--care-rose) !important;
}

.owl-dots .owl-dot.active span,
.slick-dots li.slick-active button:before {
    background: var(--care-rose) !important;
    color: var(--care-rose) !important;
}

/* ============ 6) شريط المزايا: بطاقات بيضاء ============ */
.ps-block--site-features {
    background: #fff;
    border-radius: var(--care-radius-lg);
    box-shadow: var(--care-shadow);
    padding: 28px 20px !important;
    border: none !important;
}

.ps-block--site-features .ps-block__item {
    border: none !important;
}

.ps-block--site-features i {
    color: var(--care-rose) !important;
    font-size: 34px !important;
}

.ps-block--site-features h4 {
    font-weight: 700 !important;
    color: var(--care-ink) !important;
}

/* ============ 7) النشرة البريدية: لوحة متدرجة فاخرة ============ */
.ps-newsletter {
    background: var(--care-grad) !important;
    border-radius: var(--care-radius-lg);
    margin: 56px auto !important;
    max-width: 1200px;
    box-shadow: var(--care-shadow-hover);
    border: none !important;
}

.ps-newsletter h3,
.ps-newsletter p,
.ps-newsletter .ps-form__label {
    color: #fff !important;
}

.ps-newsletter .form-control,
.ps-newsletter input[type="email"],
.ps-newsletter input[type="text"] {
    background: #fff !important;
    color: var(--care-ink) !important;
    border-radius: var(--care-radius-pill) !important;
    border: none !important;
    padding-inline-start: 22px;
}

.ps-newsletter .form-control::placeholder,
.ps-newsletter input::placeholder {
    color: #9c9c9c !important;
    opacity: 1;
}

.ps-newsletter .ps-btn,
.ps-newsletter button {
    background: var(--care-plum) !important;
    color: #fff !important;
    border-radius: var(--care-radius-pill) !important;
    font-weight: 700;
}

/* ============ 8) الفوتر: بروز داكن فاخر ============ */
.ps-footer {
    background: var(--care-plum) !important;
    color: #cbb8bf !important;
    border-radius: var(--care-radius-lg) var(--care-radius-lg) 0 0;
    margin-top: 64px;
}

.ps-footer .widget-title,
.ps-footer h3,
.ps-footer h4 {
    color: #fff !important;
}

.ps-footer a,
.ps-footer p,
.ps-footer li {
    color: #cbb8bf !important;
}

.ps-footer a:hover {
    color: var(--care-rose) !important;
}

.ps-footer__copyright {
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
}

/* ============ 9) الأزرار العامة: كبسولات متدرجة ============ */
.ps-btn,
button.ps-btn,
a.ps-btn {
    background: var(--care-grad);
    border-radius: 4px !important;
    font-weight: 700;
    border: none;
    transition: transform .2s ease, box-shadow .25s ease, filter .2s ease;
}

.ps-btn:hover {
    filter: brightness(1.08);
    transform: translateY(-2px);
    box-shadow: var(--care-shadow-hover);
}

/* زر outline: يُعرض داكنًا في هذا الثيم (بسبب button.ps-btn) — نضمن نصًا أبيض واضحًا */
.ps-btn--outline,
button.ps-btn--outline,
a.ps-btn--outline {
    background: var(--care-grad) !important;
    border: none !important;
    color: #fff !important;
}

.ps-btn--outline:hover,
button.ps-btn--outline:hover,
a.ps-btn--outline:hover {
    color: #fff !important;
}

/* ============ 10) الهيدر: تدرّج وردي + محرك بحث كبسولة موحّدة ============ */
.header .header__top,
.header--standard .header__top,
.header .header__content,
.header--mobile {
    background: #fff !important;
}

.header {
    border-bottom: 1px solid var(--care-line);
}

/* الكبسولة الأم: قطعة واحدة بيضاء متكاملة */
.ps-form--quick-search {
    align-items: center;
    background: #f5f6f7;
    border-radius: var(--care-radius-pill);
    border: 1.5px solid #ececec;
    box-shadow: none;
    transition: box-shadow .25s ease, border-color .25s ease;
    overflow: visible; /* لا نقصّ قائمة نتائج البحث */
}

.ps-form--quick-search:focus-within {
    border-color: #1a1a1a;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .10);
}

/* صندوق الفئة: شفاف داخل الكبسولة + خط فاصل ناعم */
.ps-form--quick-search .form-group--icon {
    background: transparent !important;
    border: none !important;
    border-inline-end: 1px solid var(--care-line) !important;
    border-radius: 0 !important;
    height: 46px !important;
    line-height: 46px !important;
}

.ps-form--quick-search .form-group--icon .product-cat-label {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    color: var(--care-ink) !important;
    font-weight: 600;
}

.ps-form--quick-search select.form-control,
.ps-form--quick-search .form-group--icon select {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* حقل الكتابة: بلا حدود، يذوب في الكبسولة */
.ps-form--quick-search input.input-search-product,
.ps-form--quick-search input {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: 46px !important;
    padding-inline: 18px;
    color: var(--care-ink);
    font-size: 14px;
}

.ps-form--quick-search input::placeholder {
    color: var(--care-muted);
}

/* زر البحث: كبسولة متدرجة عائمة داخل الكبسولة الأم */
.ps-form--quick-search button[type="submit"],
.ps-form--quick-search button {
    background: var(--care-grad) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--care-radius-pill) !important;
    height: 38px !important;
    align-self: center;
    margin: 4px 6px;
    padding: 0 28px !important;
    font-weight: 700;
    letter-spacing: .2px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
    transition: filter .2s ease, transform .2s ease, box-shadow .2s ease;
}

.ps-form--quick-search button:hover {
    filter: brightness(1.1);
    transform: scale(1.03);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .35);
}

/* قائمة نتائج البحث الفورية: بطاقة أنيقة */
.ps-form--quick-search .ps-panel--search-result {
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--care-line);
    box-shadow: var(--care-shadow-hover);
    margin-top: 10px;
}

/* بحث الموبايل */
.ps-search--mobile .form-control {
    border-radius: var(--care-radius-pill) !important;
    border: 1px solid var(--care-line) !important;
    background: #fff !important;
}

/* شريط التنقل: أبيض بروابط داكنة (نمط نايس ون) */
.navigation {
    background-color: #fff !important;
    border-bottom: 1px solid var(--care-line);
}

.navigation .menu > li > a,
.navigation a,
.navigation .menu--product-categories .menu__toggle,
.navigation .navigation__extra > li > a {
    color: var(--care-ink) !important;
    font-weight: 600;
}

.navigation .menu > li > a:hover,
.navigation a:hover {
    color: #000 !important;
    text-decoration: none;
}

/* مؤشر سفلي أنيق عند التمرير على روابط القائمة */
.navigation .menu > li > a {
    position: relative;
}

.navigation .menu > li > a::after {
    content: "";
    position: absolute;
    bottom: -4px;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: #000;
    transition: width .25s ease;
}

[dir="rtl"] .navigation .menu > li > a::after {
    transform: translateX(50%);
}

.navigation .menu > li > a:hover::after {
    width: 60%;
}

/* ============ 11) الحقول والوصولية ============ */
.form-control,
select,
textarea {
    border-radius: 12px !important;
}

.form-control:focus {
    border-color: var(--care-rose);
    box-shadow: 0 0 0 3px rgba(20, 20, 20, .12);
}

a:focus-visible,
button:focus-visible {
    outline: 2px solid var(--care-rose);
    outline-offset: 2px;
    border-radius: 4px;
}

/* ============ 12) شريط تمرير مخصص ============ */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--care-cream); }
::-webkit-scrollbar-thumb {
    background: #cfcfcf;
    border-radius: 8px;
    border: 2px solid var(--care-cream);
}
::-webkit-scrollbar-thumb:hover { background: var(--care-rose); }

/* ============ 13) الموبايل: شريط سفلي + لمس مريح ============ */
.oc-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    display: none;
    background: rgba(255, 255, 255, .97);
    -webkit-backdrop-filter: saturate(180%) blur(12px);
    backdrop-filter: saturate(180%) blur(12px);
    border-top: 1px solid var(--care-line);
    box-shadow: 0 -4px 18px rgba(0, 0, 0, .06);
    padding: 6px 4px calc(6px + env(safe-area-inset-bottom));
}

.oc-bottom-nav ul { display: flex; margin: 0; padding: 0; list-style: none; }
.oc-bottom-nav li { flex: 1; }

.oc-bottom-nav a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-height: 50px;
    font-size: 11px;
    font-weight: 600;
    color: var(--care-muted);
    text-decoration: none;
    transition: color .2s ease;
}

.oc-bottom-nav a i { font-size: 21px; line-height: 1; }
.oc-bottom-nav a.active,
.oc-bottom-nav a:hover { color: var(--care-rose); }

@media (max-width: 991px) {
    .oc-bottom-nav { display: block; }
    body { padding-bottom: 66px; }
    #back2top { bottom: 80px; }

    .ps-product-list,
    .ps-top-categories,
    .ps-site-features,
    .ps-collection {
        margin-top: 36px !important;
        margin-bottom: 36px !important;
    }

    .ps-section__header h3,
    .ps-block__header h3 { font-size: 20px !important; }

    .ps-block--category img {
        width: 96px !important;
        height: 96px !important;
    }

    .ps-product { border-radius: 4px !important; }
    .ps-product__container { padding: 10px 12px 14px !important; }

    .ps-btn,
    .ps-product__thumbnail .ps-product__actions a,
    .header--mobile a { min-height: 44px; }

    .ps-footer { border-radius: var(--care-radius) var(--care-radius) 0 0; }

    h1 { font-size: 1.5rem; }
    h2 { font-size: 1.3rem; }
    h3 { font-size: 1.15rem; }
}

/* ============ 14) احترام تفضيلات الحركة ============ */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}

/* ============ رمز الريال العُماني الرسمي (البنك المركزي العُماني) ============ */
.omr-symbol {
    display: inline-block;
    width: 1.18em;
    height: .78em;
    background-color: currentColor;
    -webkit-mask: url("../img/omr-symbol.svg") center / contain no-repeat;
    mask: url("../img/omr-symbol.svg") center / contain no-repeat;
    vertical-align: -0.05em;
    margin-inline: .14em;
}

/* السعر الأصلي المشطوب: رمادي واضح على كل أجزائه + شطب سميك ظاهر */
.ps-product__price del,
.ps-product__price del *,
.ps-product__price small,
.ps-product__price del .omr-symbol {
    color: #a2a2a2 !important;
}

.ps-product__price del {
    font-size: .8em;
    font-weight: 500 !important;
    margin-inline-start: .55em;
    text-decoration: line-through !important;
    text-decoration-color: #8a8a8a !important;
    text-decoration-thickness: 1.5px !important;
    text-underline-offset: 0;
    opacity: .9;
}

/* ============================================================
   إصلاحات الاستجابة للشاشات الصغيرة (الجوال - Mobile Responsiveness)
   ============================================================ */
@media (max-width: 767px) {
    /* 1. الحاوية الرئيسية للجوال */
    .ps-home-banner .ps-container,
    .ps-top-categories .ps-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
    }

    /* 2. الهيدر على الجوال */
    .header--mobile {
        background: #ffffff !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }

    .header--mobile .navigation--mobile {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 10px 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .header--mobile .navigation__left {
        display: flex !important;
        align-items: center !important;
    }

    .header--mobile .navigation__left .ps-logo img {
        max-height: 38px !important;
        width: auto !important;
    }

    .header--mobile .navigation__right {
        display: flex !important;
        align-items: center !important;
    }

    .header--mobile .header__actions {
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
        margin: 0 !important;
    }

    .header--mobile .ps-search--mobile {
        padding: 6px 14px 12px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .header--mobile .ps-form--search-mobile .form-group--nest {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        position: relative !important;
        width: 100% !important;
        background: #f5f6f7 !important;
        border-radius: 8px !important;
        border: 1px solid #e2e8f0 !important;
        overflow: hidden !important;
        height: 42px !important;
    }

    .header--mobile .ps-form--search-mobile input.input-search-product {
        flex: 1 !important;
        width: 100% !important;
        height: 42px !important;
        border: none !important;
        background: transparent !important;
        padding: 0 14px !important;
        font-size: 13px !important;
        color: #1a1a1a !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .header--mobile .ps-form--search-mobile button[type="submit"] {
        height: 42px !important;
        width: 44px !important;
        min-width: 44px !important;
        border: none !important;
        background: #000000 !important;
        color: #ffffff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        padding: 0 !important;
    }

    .header--mobile .ps-form--search-mobile button[type="submit"] i {
        font-size: 16px !important;
        color: #ffffff !important;
    }

    /* 3. قسم البنرات والسلايدر الرئيسي */
    #homepage-1 .ps-home-banner,
    .ps-home-banner {
        margin-top: 10px !important;
        margin-bottom: 20px !important;
        width: 100% !important;
    }

    .ps-home-banner .ps-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 12px !important;
    }

    .ps-home-banner .ps-section__left,
    #homepage-1 .ps-home-banner .ps-section__left {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .ps-home-banner .ps-banner {
        width: 100% !important;
        height: auto !important;
        border-radius: 12px !important;
        overflow: hidden !important;
    }

    .ps-home-banner .ps-banner picture,
    .ps-home-banner .ps-banner picture img,
    .ps-home-banner .ps-banner img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        border-radius: 12px !important;
        object-fit: cover !important;
    }

    .ps-home-banner .ps-section__right,
    #homepage-1 .ps-home-banner .ps-section__right {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .ps-home-banner .ps-section__right .ps-collection,
    #homepage-1 .ps-home-banner .ps-section__right .ps-collection {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .ps-home-banner .ps-section__right .ps-collection a,
    .ps-home-banner .ps-section__right .ps-collection img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        border-radius: 12px !important;
        object-fit: cover !important;
    }

    /* 4. قسم الأقسام المميزة (Featured Categories) - شريط سحب أفقي كالتطبيقات */
    .ps-top-categories {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        width: 100% !important;
        overflow: visible !important;
    }

    .ps-top-categories h3 {
        font-size: 17px !important;
        font-weight: 700 !important;
        margin-bottom: 14px !important;
        text-align: start !important;
    }

    .ps-top-categories .row {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x mandatory !important;
        padding: 6px 16px 12px 16px !important;
        margin-left: -15px !important;
        margin-right: -15px !important;
        gap: 12px !important;
        width: auto !important;
        scrollbar-width: none !important;
    }

    .ps-top-categories .row::-webkit-scrollbar {
        display: none !important;
    }

    .ps-top-categories .row > [class*="col-"] {
        flex: 0 0 auto !important;
        width: 78px !important;
        max-width: 78px !important;
        padding: 0 !important;
        margin: 0 !important;
        scroll-snap-align: start !important;
    }

    .ps-block--category {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: center !important;
        padding: 0 !important;
    }

    .ps-block--category img {
        width: 68px !important;
        height: 68px !important;
        max-width: 68px !important;
        max-height: 68px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        margin: 0 auto 6px auto !important;
        display: block !important;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06) !important;
        border: 2px solid #f0f0f0 !important;
    }

    .ps-block--category p {
        font-size: 11px !important;
        font-weight: 600 !important;
        text-align: center !important;
        margin: 0 !important;
        white-space: normal !important;
        word-break: break-word !important;
        line-height: 1.2 !important;
        color: #222222 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* 5. إصلاح أزرار التبويب والعناوين في الأقسام (Section Headers & Tab Links) */
    .ps-section__header,
    .ps-product-list .ps-section__header {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
        width: 100% !important;
        padding-bottom: 10px !important;
        margin-bottom: 18px !important;
    }

    .ps-section__header h3,
    .ps-block__header h3 {
        font-size: 20px !important;
        margin-bottom: 0 !important;
    }

    .ps-section__links {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        width: 100% !important;
        gap: 8px !important;
        padding: 4px 0 8px 0 !important;
        margin: 0 !important;
        scrollbar-width: none !important;
    }

    .ps-section__links::-webkit-scrollbar {
        display: none !important;
    }

    .ps-section__links li {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .ps-section__links li a {
        display: inline-block !important;
        white-space: nowrap !important;
        padding: 6px 14px !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        margin: 0 !important;
    }
}

/* ============================================================
   تنسيق أزرار صفحة المنتج على الحجم العادي والجوال
   ============================================================ */

/* 1. الحجم العادي (Desktop / Tablet >= 768px): أزرار كلاسيكية مدمجة وأنيقة */
@media (min-width: 768px) {
    .ps-product__shopping {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 15px !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        border: none !important;
        padding: 0 !important;
    }

    .ps-product__shopping figure {
        margin: 0 !important;
    }

    .ps-product__shopping .product__qty {
        display: flex !important;
        align-items: center !important;
        height: 44px !important;
        border-radius: 4px !important;
        border: 1px solid #d9d9d9 !important;
        background: #ffffff !important;
        width: 120px !important;
    }

    .ps-product__shopping .product__qty .form-control {
        height: 44px !important;
        border: none !important;
        background: transparent !important;
        text-align: center !important;
        font-weight: 600 !important;
        font-size: 14px !important;
    }

    .ps-product__shopping .product__qty button {
        width: 32px !important;
        height: 44px !important;
        border: none !important;
        background: transparent !important;
        color: #666666 !important;
        cursor: pointer !important;
    }

    .ps-product__shopping .add-to-cart-button[name="add_to_cart"],
    .ps-product__shopping button.ps-btn--black {
        height: 44px !important;
        padding: 0 28px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        border-radius: 4px !important;
        background: #111111 !important;
        color: #ffffff !important;
        border: none !important;
        flex: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: none !important;
    }

    .ps-product__shopping .add-to-cart-button[name="checkout"] {
        height: 44px !important;
        padding: 0 28px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        border-radius: 4px !important;
        background: #fde7ee !important;
        color: #f1356d !important;
        border: 1px solid #f1356d !important;
        flex: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: none !important;
    }

    .ps-product__shopping .ps-product__actions {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 !important;
    }

    .ps-product__shopping .ps-product__actions a {
        width: 44px !important;
        height: 44px !important;
        border-radius: 4px !important;
        border: 1px solid #d9d9d9 !important;
        background: #ffffff !important;
        color: #444444 !important;
        font-size: 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
    }
}

/* 2. حجم الهاتف (Mobile < 768px): إخفاء الأزرار الداخلية والاعتماد على الشريط السفلي المثبت */
@media (max-width: 767px) {
    .ps-product__shopping .add-to-cart-button,
    .ps-product__shopping .add-to-cart-button[name="add_to_cart"],
    .ps-product__shopping .add-to-cart-button[name="checkout"],
    .ps-product__shopping button.ps-btn,
    .ps-product__shopping button.ps-btn--black {
        display: none !important;
    }

    .ps-product__shopping {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        margin-top: 16px !important;
        margin-bottom: 20px !important;
        width: 100% !important;
    }

    .ps-product__shopping figure {
        flex: 1 !important;
        margin: 0 !important;
    }

    .ps-product__shopping .product__qty {
        width: 100% !important;
        max-width: 140px !important;
        height: 42px !important;
        border-radius: 6px !important;
        border: 1px solid #e0e0e0 !important;
    }

    .ps-product__shopping .ps-product__actions a {
        width: 42px !important;
        height: 42px !important;
        border-radius: 6px !important;
        border: 1px solid #e0e0e0 !important;
    }

    /* شريط الأزرار المثبت بأسفل شاشة الهاتف */
    nav.navigation--mobile-product {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 99999 !important;
        background: #ffffff !important;
        box-shadow: 0 -6px 25px rgba(0, 0, 0, 0.1) !important;
        border-top: 1px solid #f0f0f0 !important;
        padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)) 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    nav.navigation--mobile-product > .ps-btn,
    nav.navigation--mobile-product button.add-to-cart-button {
        flex: 1 !important;
        width: 50% !important;
        height: 46px !important;
        line-height: 46px !important;
        border-radius: 23px !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 12px !important;
        box-shadow: none !important;
    }

    nav.navigation--mobile-product button[name="add_to_cart"],
    nav.navigation--mobile-product button.ps-btn--black {
        background: #111111 !important;
        color: #ffffff !important;
        border: none !important;
        box-shadow: 0 4px 14px rgba(0,0,0,0.15) !important;
    }

    nav.navigation--mobile-product button[name="checkout"] {
        background: #fde7ee !important;
        color: #f1356d !important;
        border: 1.5px solid #f1356d !important;
    }

    #back2top {
        bottom: 80px !important;
        z-index: 9999 !important;
    }
}


/* ============================================================
   لوحة الفئات والقوائم المحمولة للغتين العربية والإنجليزية (App-Style Mobile Drawer RTL & LTR)
   ============================================================ */

#navigation-mobile.ps-panel--sidebar,
#menu-mobile.ps-panel--sidebar {
    background: #f8fafc !important;
    width: 320px !important;
    max-width: 85vw !important;
}

#navigation-mobile .ps-panel__header,
#menu-mobile .ps-panel__header {
    background: #111111 !important;
    color: #ffffff !important;
    padding: 16px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

#navigation-mobile .ps-panel__header h3,
#menu-mobile .ps-panel__header h3 {
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#navigation-mobile .ps-panel__close,
#menu-mobile .ps-panel__close {
    color: #ffffff !important;
    font-size: 18px !important;
    opacity: 0.8 !important;
    transition: opacity 0.2s ease !important;
    cursor: pointer !important;
}

#navigation-mobile .ps-panel__close:hover,
#menu-mobile .ps-panel__close:hover {
    opacity: 1 !important;
}

#navigation-mobile .ps-panel__content,
#menu-mobile .ps-panel__content {
    padding: 14px 12px !important;
    background: #f8fafc !important;
}

/* قائمة الفئات الرئيسية بطاقات فاخرة */
#navigation-mobile .menu--mobile,
#menu-mobile .menu--mobile {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#navigation-mobile .menu--mobile > li,
#menu-mobile .menu--mobile > li {
    background: #ffffff !important;
    margin-bottom: 10px !important;
    border-radius: 12px !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    overflow: hidden !important;
    transition: all 0.25s ease !important;
    position: relative !important;
}

#navigation-mobile .menu--mobile > li:hover,
#menu-mobile .menu--mobile > li:hover {
    border-color: #f1356d !important;
    box-shadow: 0 4px 14px rgba(241, 53, 109, 0.08) !important;
}

#navigation-mobile .menu--mobile > li > a,
#menu-mobile .menu--mobile > li > a {
    display: flex !important;
    align-items: center !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

#navigation-mobile .menu--mobile > li > a:hover,
#menu-mobile .menu--mobile > li > a:hover {
    color: #f1356d !important;
}

/* أيقونة شريط الألوان أو الإشارة لكل فئة */
#navigation-mobile .menu--mobile > li > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 6px !important;
    height: 18px !important;
    background: #f1356d !important;
    border-radius: 3px !important;
    opacity: 0.8 !important;
    flex-shrink: 0 !important;
}

/* زر التوسع (+) للفئات الفرعية */
#navigation-mobile .menu--mobile > li .sub-toggle,
#menu-mobile .menu--mobile > li .sub-toggle {
    position: absolute !important;
    top: 12px !important;
    width: 30px !important;
    height: 30px !important;
    background: #f1f5f9 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748b !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    z-index: 10 !important;
    pointer-events: auto !important;
    border: 1px solid #e2e8f0 !important;
}

#navigation-mobile .menu--mobile > li .sub-toggle:hover,
#navigation-mobile .menu--mobile > li.active .sub-toggle,
#menu-mobile .menu--mobile > li .sub-toggle:hover,
#menu-mobile .menu--mobile > li.active .sub-toggle {
    background: #f1356d !important;
    color: #ffffff !important;
    border-color: #f1356d !important;
    transform: rotate(45deg) !important;
}

/* القائمة الفرعية (Sub-menu) */
#navigation-mobile .menu--mobile .sub-menu,
#menu-mobile .menu--mobile .sub-menu {
    background: #f8fafc !important;
    padding: 8px 12px 12px 12px !important;
    margin: 0 8px 8px 8px !important;
    border-radius: 10px !important;
    list-style: none !important;
    border-top: 1px dashed #e2e8f0 !important;
}

#navigation-mobile .menu--mobile .sub-menu > li,
#menu-mobile .menu--mobile .sub-menu > li {
    margin-bottom: 4px !important;
}

#navigation-mobile .menu--mobile .sub-menu > li > a,
#menu-mobile .menu--mobile .sub-menu > li > a {
    display: flex !important;
    align-items: center !important;
    padding: 8px 12px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

#navigation-mobile .menu--mobile .sub-menu > li > a:hover,
#menu-mobile .menu--mobile .sub-menu > li > a:hover {
    background: #ffffff !important;
    color: #f1356d !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

/* --- الضبط الخاص بالواجهة العربية (RTL) --- */
body[dir="rtl"] .ps-panel--sidebar,
html[lang="ar"] .ps-panel--sidebar {
    right: 0 !important;
    left: auto !important;
    transform: translate(100%, 0) !important;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

body[dir="rtl"] .ps-panel--sidebar.active,
html[lang="ar"] .ps-panel--sidebar.active {
    transform: translate(0, 0) !important;
}

body[dir="rtl"] #navigation-mobile .menu--mobile > li > a,
body[dir="rtl"] #menu-mobile .menu--mobile > li > a {
    padding: 14px 16px 14px 48px !important;
    text-align: right !important;
}

body[dir="rtl"] #navigation-mobile .menu--mobile > li > a::before,
body[dir="rtl"] #menu-mobile .menu--mobile > li > a::before {
    margin-left: 10px !important;
    margin-right: 0 !important;
}

body[dir="rtl"] #navigation-mobile .menu--mobile > li .sub-toggle,
body[dir="rtl"] #menu-mobile .menu--mobile > li .sub-toggle {
    left: 12px !important;
    right: auto !important;
}

body[dir="rtl"] #navigation-mobile .menu--mobile .sub-menu > li > a::before,
body[dir="rtl"] #menu-mobile .menu--mobile .sub-menu > li > a::before {
    content: "•" !important;
    color: #94a3b8 !important;
    margin-left: 8px !important;
    margin-right: 0 !important;
}

/* --- الضبط الخاص بالواجهة الإنجليزية (LTR) --- */
body[dir="ltr"] .ps-panel--sidebar,
html:not([lang="ar"]) .ps-panel--sidebar {
    left: 0 !important;
    right: auto !important;
    transform: translate(-100%, 0) !important;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

body[dir="ltr"] .ps-panel--sidebar.active,
html:not([lang="ar"]) .ps-panel--sidebar.active {
    transform: translate(0, 0) !important;
}

body[dir="ltr"] #navigation-mobile .menu--mobile > li > a,
body[dir="ltr"] #menu-mobile .menu--mobile > li > a {
    padding: 14px 48px 14px 16px !important;
    text-align: left !important;
}

body[dir="ltr"] #navigation-mobile .menu--mobile > li > a::before,
body[dir="ltr"] #menu-mobile .menu--mobile > li > a::before {
    margin-right: 10px !important;
    margin-left: 0 !important;
}

body[dir="ltr"] #navigation-mobile .menu--mobile > li .sub-toggle,
body[dir="ltr"] #menu-mobile .menu--mobile > li .sub-toggle {
    right: 12px !important;
    left: auto !important;
}

body[dir="ltr"] #navigation-mobile .menu--mobile .sub-menu > li > a::before,
body[dir="ltr"] #menu-mobile .menu--mobile .sub-menu > li > a::before {
    content: "•" !important;
    color: #94a3b8 !important;
    margin-right: 8px !important;
    margin-left: 0 !important;
}

body[dir="ltr"] #menu-mobile .menu--mobile > li > a i {
    margin-right: 10px !important;
    margin-left: 0 !important;
}

/* ============================================================
   اختصار وتصغير الفوتر على الهاتف (Compact Accordion Mobile Footer)
   ============================================================ */

@media (max-width: 767px) {
    .ps-footer {
        padding-top: 24px !important;
        padding-bottom: 85px !important;
        background: #f8fafc !important;
        border-top: 1px solid #e2e8f0 !important;
    }

    .ps-footer__widgets,
    .ps-footer__widgets .row {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .ps-footer__widgets [class*="col-"],
    .ps-footer .widget,
    .ps-footer .widget_footer,
    .ps-footer aside {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 10px !important;
        background: #ffffff !important;
        border-radius: 12px !important;
        border: 1.5px solid #e2e8f0 !important;
        overflow: hidden !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
        box-sizing: border-box !important;
    }

    .ps-footer .widget-title,
    .ps-footer .widget_title,
    .ps-footer h3,
    .ps-footer h4,
    .ps-footer h5,
    .ps-footer aside h4 {
        padding: 14px 16px !important;
        margin: 0 !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: relative !important;
        background: #ffffff !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .ps-footer .widget-title::after,
    .ps-footer .widget_title::after,
    .ps-footer h3::after,
    .ps-footer h4::after,
    .ps-footer h5::after,
    .ps-footer aside h4::after {
        content: "+" !important;
        font-size: 20px !important;
        font-weight: 500 !important;
        color: #64748b !important;
        transition: transform 0.25s ease, color 0.25s ease !important;
    }

    .ps-footer .widget.active .widget-title::after,
    .ps-footer .widget.active .widget_title::after,
    .ps-footer .widget.active h3::after,
    .ps-footer .widget.active h4::after,
    .ps-footer .widget.active h5::after,
    .ps-footer .widget-title.active::after,
    .ps-footer h4.active::after {
        content: "−" !important;
        color: #f1356d !important;
    }

    /* إخفاء محتوى الكروت افتراضياً على الهاتف */
    .ps-footer .widget:not(.active) > *:not(.widget-title):not(.widget_title):not(h3):not(h4):not(h5),
    .ps-footer aside:not(.active) > *:not(.widget-title):not(.widget_title):not(h3):not(h4):not(h5),
    .ps-footer [class*="col-"]:not(.active) > .widget:not(.active) > *:not(.widget-title):not(.widget_title):not(h3):not(h4):not(h5) {
        display: none !important;
    }

    /* إظهار محتوى الكرت عند التفعيل (active) */
    .ps-footer .widget.active > *:not(.widget-title):not(.widget_title):not(h3):not(h4):not(h5),
    .ps-footer aside.active > *:not(.widget-title):not(.widget_title):not(h3):not(h4):not(h5),
    .ps-footer [class*="col-"].active > .widget > *:not(.widget-title):not(.widget_title):not(h3):not(h4):not(h5) {
        display: block !important;
        padding: 14px 16px !important;
        background: #f8fafc !important;
        border-top: 1px dashed #e2e8f0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }



    .ps-footer__copyright {
        margin-top: 15px !important;
        padding-top: 15px !important;
        border-top: 1px solid #e2e8f0 !important;
        text-align: center !important;
    }

    .ps-footer__copyright p {
        font-size: 12px !important;
        color: #64748b !important;
    }

    .footer-payments {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
        margin-top: 10px !important;
    }
}

/* ============================================================
   تنسيق بطاقات "يتم شراؤها معاً" العريضة والفسيحة (Spacious Frequently Bought Together Cards)
   ============================================================ */

.ec-cross-sale-wrapper {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 20px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    margin-bottom: 24px !important;
}

.ec-cross-sale-header {
    border-bottom: 1px dashed #e2e8f0 !important;
    padding-bottom: 14px !important;
    margin-bottom: 18px !important;
}

.ec-cross-sale-carousel:not(.slick-initialized) {
    display: flex !important;
    gap: 16px !important;
    overflow-x: auto !important;
    scroll-behavior: smooth !important;
    padding-bottom: 12px !important;
    -webkit-overflow-scrolling: touch !important;
}

.ec-cross-sale-slide,
.slick-slide .ec-cross-sale-slide {
    padding: 6px 8px !important;
}

.ec-cross-sale-card {
    height: 100% !important;
}

.ec-cross-sale-card-inner {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
    overflow: hidden !important;
    transition: all 0.25s ease !important;
}

.ec-cross-sale-card-inner:hover {
    border-color: #f1356d !important;
    box-shadow: 0 6px 18px rgba(241, 53, 109, 0.12) !important;
}

.ec-cross-sale-thumb {
    width: 100% !important;
    background: #f8fafc !important;
    border-radius: 12px !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    aspect-ratio: auto !important;
}

.ec-cross-sale-thumb img {
    max-width: 90% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

.ec-cross-sale-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

.ec-cross-sale-name {
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin: 0 0 8px 0 !important;
    overflow: hidden !important;
    text-align: center !important;
}

.ec-cross-sale-name a {
    color: #1e293b !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.ec-cross-sale-price {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
    flex-wrap: wrap !important;
}

.ec-cross-sale-price-current {
    color: #f1356d !important;
    font-weight: 800 !important;
}

.ec-cross-sale-price-old {
    color: #94a3b8 !important;
    font-size: 13px !important;
    text-decoration: line-through !important;
}

.ec-cross-sale-add-btn {
    background: #111111 !important;
    color: #ffffff !important;
    border: none !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin-top: auto !important;
    white-space: nowrap !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.25s ease !important;
}

.ec-cross-sale-add-btn:hover {
    background: #f1356d !important;
    color: #ffffff !important;
}

.ec-cross-sale-plus {
    background: #ffffff !important;
    border: 2px solid #f1356d !important;
    color: #f1356d !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    z-index: 5 !important;
}

.ec-cross-sale-plus svg {
    color: #f1356d !important;
    width: 18px !important;
    height: 18px !important;
}

/* على الهواتف الذكية: زيادة عرض الكرت لـ 85% مع التوسيع المثالي وتوسيط العناصر */
@media (max-width: 575px) {
    .ec-cross-sale-carousel:not(.slick-initialized) {
        justify-content: center !important;
    }

    .ec-cross-sale-carousel.slick-initialized .slick-track {
        display: flex !important;
        justify-content: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ec-cross-sale-carousel:not(.slick-initialized) .ec-cross-sale-slide,
    .ec-cross-sale-slider .ec-cross-sale-slide {
        flex: 0 0 85% !important;
        max-width: 85% !important;
        min-width: 260px !important;
        margin: 0 auto !important;
    }

    .ec-cross-sale-thumb {
        height: 150px !important;
    }

    .ec-cross-sale-thumb img {
        max-height: 130px !important;
    }

    .ec-cross-sale-name {
        font-size: 14px !important;
        height: 40px !important;
    }

    .ec-cross-sale-price-current {
        font-size: 16.5px !important;
    }

    .ec-cross-sale-add-btn {
        padding: 10px 14px !important;
        font-size: 13px !important;
        border-radius: 22px !important;
    }
}

/* على الشاشات المتوسطة والكبيرة: توسيط المنتجات بالكامل */
@media (min-width: 576px) {
    .ec-cross-sale-carousel:not(.slick-initialized) {
        justify-content: center !important;
    }

    .ec-cross-sale-carousel.slick-initialized .slick-track {
        display: flex !important;
        justify-content: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ec-cross-sale-carousel:not(.slick-initialized) .ec-cross-sale-slide,
    .ec-cross-sale-slider .ec-cross-sale-slide {
        flex: 0 0 280px !important;
        max-width: 280px !important;
        min-width: 260px !important;
        margin: 0 auto !important;
    }

    .ec-cross-sale-thumb {
        height: 165px !important;
    }

    .ec-cross-sale-thumb img {
        max-height: 145px !important;
    }

    .ec-cross-sale-name {
        font-size: 14px !important;
        height: 40px !important;
    }

    .ec-cross-sale-price-current {
        font-size: 17px !important;
    }

    .ec-cross-sale-add-btn {
        padding: 10px 16px !important;
        font-size: 13px !important;
        border-radius: 22px !important;
    }
}