/* =========================================================
   QANOUS THEME — CLEAN V2
   ========================================================= */

:root {

    /* حجم الشعار — غيره براحتك */
    --qanous-logo-height: 86px;

    /* حجم دوائر الهيدر */
    --qanous-action-size: 50px;

    /* حجم الأيقونات داخل الدوائر */
    --qanous-icon-size: 25px;

    /* ارتفاع منطقة الهيدر */
    --qanous-header-height: 110px;

    /* لون الخط أسفل الهيدر */
    --qanous-header-line: #292219;
}


/* =========================================================
   1) RESET
   ========================================================= */

html,
body {
    margin: 0 !important;
    padding: 0 !important;
}
/* =========================================================
   QANOUS — FULL SITE BACKGROUND V3
   نفس الخلفية المضبوطة + Footer مستقل
   ========================================================= */


/* =========================================================
   1) ROOT
   ========================================================= */

html {
    margin: 0 !important;
    padding: 0 !important;

    width: 100% !important;
    min-height: 100% !important;

    /* نفس لون الفوتر حتى نهاية الصفحة */
    background-color: #111315 !important;
}


body {
    margin: 0 !important;
    padding: 0 !important;

    width: 100% !important;
    min-height: 100vh !important;

    position: relative !important;
    z-index: 0 !important;

    background: transparent !important;
}


/* =========================================================
   2) QANOUS BACKGROUND
   نفس الشكل المضبوط عندك
   ========================================================= */

body::before {
    content: "" !important;

    position: fixed !important;
    inset: 0 !important;

    width: 100vw !important;

    height: 110vh !important;
    min-height: 110vh !important;

    z-index: -1 !important;

    background-image:
        url("https://cdn.files.salla.network/other/1111143653/26279bd2-a271-4bee-9848-141c593b77e2-original.webp") !important;

    background-size: 100% 100% !important;

    background-position: center center !important;

    background-repeat: no-repeat !important;

    pointer-events: none !important;
}


/* =========================================================
   3) SALLA CONTENT — TRANSPARENT
   ========================================================= */

#app,
.app,
.app-inner,
.app-content,
.site-content,
.page-wrapper,
.content-wrapper,
main,
main > section {
    background-color: transparent !important;
    background-image: none !important;
}


/* =========================================================
   4) FOOTER
   من هنا نوقف شفافية الخلفية
   ========================================================= */

footer,
.store-footer,
.store-footer__inner {
    background-color: #111315 !important;
    background-image: none !important;

    margin-bottom: 0 !important;
}


/* حاويات الفوتر الداخلية فقط شفافة
   حتى يظهر لون #111315 خلفها */

.store-footer .container,
.store-footer__inner .container,
footer .container {
    background-color: transparent !important;
    background-image: none !important;
}


/* خط بسيط يفصل الموقع عن الفوتر */

.store-footer,
footer {
    border-top: 1px solid #292219 !important;
}


/* =========================================================
   5) نصوص الفوتر
   ========================================================= */

.store-footer h1,
.store-footer h2,
.store-footer h3,
.store-footer h4,
.store-footer p,
.store-footer span,
.store-footer a,
.store-footer strong,
.store-footer li,
footer h1,
footer h2,
footer h3,
footer h4,
footer p,
footer span,
footer a,
footer strong,
footer li {
    color: #ffffff !important;
}


/* =========================================================
   6) جميع الحقوق محفوظة — أبيض
   ========================================================= */

.store-footer .copyrights,
.store-footer .copyright-text,
.store-footer [class*="copyright"],
footer .copyrights,
footer .copyright-text,
footer [class*="copyright"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}


.store-footer .copyrights *,
.store-footer .copyright-text *,
.store-footer [class*="copyright"] *,
footer .copyrights *,
footer .copyright-text *,
footer [class*="copyright"] * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}


/* =========================================================
   7) نهاية الفوتر
   ========================================================= */

.store-footer {
    margin-bottom: 0 !important;

    padding-bottom:
        calc(35px + env(safe-area-inset-bottom, 0px)) !important;
}


.store-footer__inner {
    margin-bottom: 0 !important;
}


/* =========================================================
   8) MOBILE
   نفس إعداد الخلفية اللي كان مضبوط
   ========================================================= */

@media (max-width: 767px) {

    body::before {
        width: 100vw !important;

        height: 115vh !important;
        min-height: 115vh !important;

        background-size: 100% 100% !important;

        background-position: center center !important;

        background-repeat: no-repeat !important;
    }


    footer,
    .store-footer,
    .store-footer__inner {
        background-color: #111315 !important;
    }


    .store-footer {
        padding-bottom:
            calc(45px + env(safe-area-inset-bottom, 0px)) !important;
    }
}
/* =========================================================
   3) REMOVE EMPTY TOP BAR
   ========================================================= */

.top-navbar,
.header-top,
.top-header,
.store-header-top {

    display: none !important;

    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   4) HEADER
   ========================================================= */

header,
.store-header,
.main-nav-container {

    margin-top: 0 !important;
    padding-top: 0 !important;

    background: transparent !important;
    background-color: transparent !important;

    box-shadow: none !important;

    border-top: 0 !important;
}


/*
   الخط السفلي
*/

.main-nav-container {

    border-bottom:
        1px solid var(--qanous-header-line) !important;
}


/* =========================================================
   5) HEADER CONTAINER
   ========================================================= */

header .container,
.store-header .container,
.main-nav-container .container {

    position: relative !important;

    min-height:
        var(--qanous-header-height) !important;

    background: transparent !important;
}


/* =========================================================
   6) LOGO — EXACT CENTER
   ========================================================= */

header .navbar-brand,
.store-header .navbar-brand,
.main-nav-container .navbar-brand,
header .store-logo,
.store-header .store-logo {

    position: absolute !important;

    left: 50% !important;
    right: auto !important;

    top: 50% !important;

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

    margin: 0 !important;
    padding: 0 !important;

    z-index: 20 !important;
}


/* صورة الشعار */

header .navbar-brand img,
.store-header .navbar-brand img,
.main-nav-container .navbar-brand img,
header .store-logo img,
.store-header .store-logo img {

    display: block !important;

    width: auto !important;

    height:
        var(--qanous-logo-height) !important;

    max-height: none !important;

    max-width: 250px !important;

    object-fit: contain !important;
}


/* =========================================================
   7) ORIGINAL HEADER ICON COLORS
   ========================================================= */

header svg,
.store-header svg,
.main-nav-container svg {

    color: #fff !important;
    stroke: #fff !important;
}


header i,
header .sicon,
.store-header i,
.store-header .sicon,
.main-nav-container i,
.main-nav-container .sicon {

    color: #fff !important;
}


/* =========================================================
   8) CART / CURRENCY
   ========================================================= */

header salla-cart-summary,
header salla-cart-summary *,
.store-header salla-cart-summary,
.store-header salla-cart-summary *,
.main-nav-container salla-cart-summary,
.main-nav-container salla-cart-summary * {

    color: #fff !important;
}


/* =========================================================
   9) QANOUS SEARCH HOLDER
   الـJ يضعه بجانب زر القائمة
   ========================================================= */

.qanous-search-holder {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    align-self: center !important;

    width:
        var(--qanous-action-size) !important;

    height:
        var(--qanous-action-size) !important;

    min-width:
        var(--qanous-action-size) !important;

    min-height:
        var(--qanous-action-size) !important;

    margin: 0 10px !important;

    padding: 0 !important;

    vertical-align: middle !important;

    line-height: 1 !important;

    position: relative !important;

    top: 0 !important;

    transform: none !important;

    z-index: 50 !important;
}


/* =========================================================
   10) SEARCH BUTTON
   ========================================================= */

.qanous-search-button {

    box-sizing: border-box !important;

    width:
        var(--qanous-action-size) !important;

    height:
        var(--qanous-action-size) !important;

    min-width:
        var(--qanous-action-size) !important;

    min-height:
        var(--qanous-action-size) !important;

    max-width:
        var(--qanous-action-size) !important;

    max-height:
        var(--qanous-action-size) !important;


    display: flex !important;

    align-items: center !important;
    justify-content: center !important;


    margin: 0 !important;
    padding: 0 !important;


    position: static !important;

    top: auto !important;
    right: auto !important;
    left: auto !important;

    transform: none !important;


    border:
        1px solid rgba(255,255,255,.60) !important;

    border-radius: 50% !important;


    background:
        rgba(0,0,0,.16) !important;


    color: #fff !important;

    line-height: 1 !important;

    cursor: pointer !important;

    -webkit-appearance: none !important;
    appearance: none !important;

    -webkit-tap-highlight-color:
        transparent;
}


/* العدسة */

.qanous-search-button svg {

    display: block !important;

    width:
        var(--qanous-icon-size) !important;

    height:
        var(--qanous-icon-size) !important;

    margin: 0 !important;
    padding: 0 !important;

    fill: none !important;

    stroke: #fff !important;

    stroke-width: 2 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}


/* =========================================================
   11) OUR SEARCH OVERLAY
   ========================================================= */

.qanous-search-overlay {

    position: fixed !important;

    inset: 0 !important;

    z-index: 9999999 !important;

    display: none;

    padding:
        max(90px, env(safe-area-inset-top))
        14px
        30px;

    background:
        rgba(0,0,0,.78);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}


.qanous-search-overlay.is-open {

    display: block;
}


/* =========================================================
   12) SEARCH PANEL
   ========================================================= */

.qanous-search-panel {

    position: relative;

    width: min(650px, 100%);

    margin: 0 auto;
}


/* =========================================================
   13) CLOSE
   ========================================================= */

.qanous-search-close {

    position: absolute;

    left: 0;
    top: -49px;

    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    border:
        1px solid rgba(255,255,255,.35);

    border-radius: 50%;

    background:
        rgba(0,0,0,.45);

    color: #fff;

    font-size: 25px;

    line-height: 1;

    cursor: pointer;
}


/* =========================================================
   14) SEARCH FIELD
   ========================================================= */

.qanous-search-field {

    box-sizing: border-box;

    width: 100%;
    height: 60px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 0 17px;

    border:
        1px solid rgba(255,255,255,.18);

    border-radius: 17px;

    background: #151515;
}


.qanous-search-field svg {

    width: 23px;
    height: 23px;

    flex: 0 0 23px;

    fill: none;

    stroke: #fff;

    stroke-width: 2;
}


/* input */

.qanous-search-input {

    flex: 1;

    width: 100%;
    height: 100%;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    outline: 0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    color: #fff !important;

    font-size: 16px;

    text-align: right;

    direction: rtl;
}


.qanous-search-input::placeholder {

    color:
        rgba(255,255,255,.45);
}


/* =========================================================
   15) RESULTS
   ========================================================= */

.qanous-search-results {

    display: none;

    margin-top: 9px;

    max-height: 450px;

    overflow-y: auto;

    border:
        1px solid rgba(255,255,255,.12);

    border-radius: 17px;

    background: #151515;
}


.qanous-search-results.show {

    display: block;
}


/* =========================================================
   16) PRODUCT RESULT
   ========================================================= */

.qanous-search-result {

    display: flex;

    align-items: center;

    gap: 13px;

    padding: 11px 13px;

    border-bottom:
        1px solid rgba(255,255,255,.07);

    color: #fff !important;

    text-decoration: none !important;
}


.qanous-search-result:last-child {

    border-bottom: 0;
}


.qanous-search-result:hover {

    background:
        rgba(255,255,255,.06);
}


/* الصورة */

.qanous-search-result-image {

    width: 60px;
    height: 60px;

    flex: 0 0 60px;

    object-fit: cover;

    border-radius: 10px;

    background:
        rgba(255,255,255,.06);
}


/* معلومات المنتج */

.qanous-search-result-info {

    min-width: 0;

    flex: 1;

    text-align: right;
}


.qanous-search-result-name {

    color: #fff;

    font-size: 14px;

    line-height: 1.6;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;
}


.qanous-search-result-price {

    margin-top: 4px;

    color:
        rgba(255,255,255,.65);

    font-size: 13px;
}


/* =========================================================
   17) MESSAGE
   ========================================================= */

.qanous-search-message {

    padding: 22px 15px;

    color:
        rgba(255,255,255,.65);

    text-align: center;

    font-size: 14px;
}


/* =========================================================
   18) LOCK PAGE
   ========================================================= */

html.qanous-search-open,
html.qanous-search-open body {

    overflow: hidden !important;
}


/* =========================================================
   19) MOBILE
   ========================================================= */

@media (max-width: 767px) {

    :root {

        --qanous-logo-height: 78px;

        --qanous-action-size: 50px;

        --qanous-icon-size: 25px;

        --qanous-header-height: 105px;
    }


    .qanous-search-holder {

        margin-left: 8px !important;
        margin-right: 8px !important;
    }


    .qanous-search-field {

        height: 56px;
    }


    header .navbar-brand img,
    .store-header .navbar-brand img,
    .main-nav-container .navbar-brand img,
    header .store-logo img,
    .store-header .store-logo img {

        max-width: 210px !important;
    }
}
.qanous-search-button {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;
}
/* =========================================================
   QANOUS - CART PAGE WHITE TEXT
   ========================================================= */

/* مسار صفحة السلة */
body.qanous-cart-page main,
body.qanous-cart-page main *,
.qanous-cart-page .breadcrumb,
.qanous-cart-page .breadcrumb *,
.qanous-cart-page .breadcrumbs,
.qanous-cart-page .breadcrumbs * {
    color: #ffffff !important;
}


/* عناوين ونصوص السلة */
.qanous-cart-page h1,
.qanous-cart-page h2,
.qanous-cart-page h3,
.qanous-cart-page p,
.qanous-cart-page span,
.qanous-cart-page a,
.qanous-cart-page button {
    color: #ffffff !important;
}


/* كلاسات الألوان التي يستخدمها الثيم */
.qanous-cart-page .text-dark,
.qanous-cart-page .text-black,
.qanous-cart-page .text-gray-400,
.qanous-cart-page .text-gray-500,
.qanous-cart-page .text-gray-600,
.qanous-cart-page .text-gray-700,
.qanous-cart-page .text-gray-800,
.qanous-cart-page .text-gray-900,
.qanous-cart-page [class*="text-gray"] {
    color: #ffffff !important;
}


/* Breadcrumb
   الرئيسية > سلة التسوق */
.qanous-cart-page nav,
.qanous-cart-page nav *,
.qanous-cart-page ol,
.qanous-cart-page ol *,
.qanous-cart-page .breadcrumb,
.qanous-cart-page .breadcrumb * {
    color: #ffffff !important;
}


/* زر العودة إلى الرئيسية */
.qanous-cart-page main button,
.qanous-cart-page main .btn,
.qanous-cart-page main [class*="btn"] {
    color: #ffffff !important;
}


/* لا نغير خلفيات العناصر */
.qanous-cart-page main {
    background-color: transparent !important;
}
/* =========================================================
   QANOUS - SIDE MENU DESIGN ONLY
   لا يغير روابط أو وظائف القائمة
   ========================================================= */


/* القائمة الجانبية */
.main-menu,
.main-menu-inner,
.mobile-menu,
.mobile-menu-inner,
.sidebar-menu,
.side-menu,
.nav-mobile,
.menu-wrapper,
.main-menu-content {
    background: #111315 !important;
    color: #ffffff !important;
}


/* =========================================================
   خلفية قائمة الجوال في ثيم سلة
   ========================================================= */

.main-menu {
    background-color: #111315 !important;
}


/* =========================================================
   جميع النصوص والروابط داخل القائمة
   ========================================================= */

.main-menu a,
.main-menu span,
.main-menu p,
.main-menu li,
.main-menu button,
.mobile-menu a,
.mobile-menu span,
.mobile-menu li {
    color: #ffffff !important;
}


/* =========================================================
   عناصر القائمة
   عالم النظارات
   عالم الضيافة
   مختارات Qanous
   ========================================================= */

.main-menu li,
.main-menu .menu-item,
.main-menu .menu-item > a,
.main-menu ul > li > a {
    background: transparent !important;

    color: #ffffff !important;

    border-color: #292219 !important;
}


/* كل رابط */

.main-menu ul > li > a {
    min-height: 58px !important;

    display: flex !important;

    align-items: center !important;

    padding: 0 22px !important;

    font-weight: 500 !important;

    transition:
        background .2s ease !important;
}


/* عند الضغط / اللمس */

.main-menu ul > li > a:hover,
.main-menu ul > li > a:active {
    background: rgba(255,255,255,.045) !important;
}


/* =========================================================
   الفواصل
   نفس اللون المعتمد عندنا
   ========================================================= */

.main-menu li,
.main-menu .menu-item {
    border-bottom:
        1px solid #292219 !important;
}


/* =========================================================
   عنوان "القائمة الرئيسية"
   ========================================================= */

.main-menu h1,
.main-menu h2,
.main-menu h3,
.main-menu .menu-title,
.main-menu .main-menu-title {
    color: #ffffff !important;

    background: transparent !important;

    border-bottom:
        1px solid #292219 !important;
}


/* =========================================================
   زر X
   نخلي وظيفته الأصلية كما هي
   ========================================================= */

.main-menu button,
.main-menu .close-menu,
.main-menu .menu-close,
.main-menu [class*="close"] {
    color: #ffffff !important;

    background: transparent !important;
}


/* X أو أيقونة الإغلاق */

.main-menu button svg,
.main-menu .close-menu svg,
.main-menu .menu-close svg,
.main-menu [class*="close"] svg {
    color: #ffffff !important;

    stroke: #ffffff !important;
}


/* =========================================================
   إزالة الأبيض من حاويات القائمة الداخلية
   ========================================================= */

.main-menu > div,
.main-menu nav,
.main-menu ul,
.main-menu .container {
    background-color: transparent !important;
}


/* =========================================================
   أيقونات داخل القائمة إن وجدت
   ========================================================= */

.main-menu svg,
.main-menu i {
    color: #ffffff !important;
    stroke: #ffffff !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .main-menu {
        background: #111315 !important;
    }

    .main-menu ul > li > a {
        min-height: 58px !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
}
/* =========================================================
   QANOUS - CUSTOM SIDE MENU DESIGN
   ========================================================= */


/* القائمة نفسها */

.qanous-side-menu {
    background: #111315 !important;
    color: #ffffff !important;

    border: 0 !important;

    box-shadow:
        -18px 0 50px rgba(0, 0, 0, .32) !important;
}


/* أي حاويات بيضاء داخل القائمة */

.qanous-side-menu > div,
.qanous-side-menu nav,
.qanous-side-menu ul,
.qanous-side-menu section {
    background-color: transparent !important;
}


/* =========================================================
   العنوان
   ========================================================= */

.qanous-side-menu-title {
    color: #ffffff !important;

    font-weight: 700 !important;
}


/* =========================================================
   الروابط الأصلية
   ========================================================= */

.qanous-side-menu-link {
    color: #ffffff !important;

    background:
        transparent !important;

    text-decoration:
        none !important;

    border-bottom:
        1px solid #292219 !important;

    transition:
        background .18s ease !important;
}


/* النصوص الموجودة داخل الرابط */

.qanous-side-menu-link *,
.qanous-side-menu-link span,
.qanous-side-menu-link strong {
    color: #ffffff !important;
}


/* عند اللمس */

.qanous-side-menu-link:hover,
.qanous-side-menu-link:active {
    background:
        rgba(255,255,255,.045) !important;
}


/* =========================================================
   بقية النصوص
   ========================================================= */

.qanous-side-menu p,
.qanous-side-menu span,
.qanous-side-menu strong,
.qanous-side-menu h1,
.qanous-side-menu h2,
.qanous-side-menu h3,
.qanous-side-menu h4 {
    color: #ffffff !important;
}


/* =========================================================
   الفواصل
   ========================================================= */

.qanous-side-menu li {
    border-color:
        #292219 !important;
}


/* =========================================================
   الأيقونات
   ========================================================= */

.qanous-side-menu svg,
.qanous-side-menu i {
    color: #ffffff !important;
    stroke: #ffffff !important;
}


/* =========================================================
   زر X فقط
   ========================================================= */

.qanous-side-menu-close {
    color: #ffffff !important;

    background:
        transparent !important;
}


.qanous-side-menu-close svg,
.qanous-side-menu-close i {
    color: #ffffff !important;
    stroke: #ffffff !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .qanous-side-menu {
        background:
            #111315 !important;
    }

}
/* =========================================================
   QANOUS CART — COMPLETE STYLE
   ========================================================= */


/* =========================
   1) بطاقة المنتج في السلة
   ========================= */

.cart-item {
    background: #111315 !important;
    border: 1px solid #292219 !important;
    border-radius: 18px !important;
    color: #fff !important;
}

/* جميع نصوص بطاقة المنتج */
.cart-item,
.cart-item span,
.cart-item p,
.cart-item a,
.cart-item b,
.cart-item strong {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* الخطوط داخل البطاقة */
.cart-item hr {
    border-color: #292219 !important;
}

/* منطقة الكمية */
.cart-item input,
.cart-item button {
    background: #111315 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-color: #292219 !important;
}


/* =========================
   2) ملخص الطلب السفلي كامل
   ========================= */

salla-cart-summary-card.s-cart-summary-card--mobile {
    background: #111315 !important;
    color: #fff !important;
    border-top: 1px solid #292219 !important;
}

salla-cart-summary-card .s-cart-summary-card-sheet-wrap,
salla-cart-summary-card .s-cart-summary-card-sheet {
    background: #111315 !important;
    color: #fff !important;
}


/* =========================
   3) ملخص الطلب + مجموع المنتجات
   ========================= */

salla-cart-summary-card .s-cart-summary-card-line,
salla-cart-summary-card .s-cart-summary-card-line span,
salla-cart-summary-card .s-cart-summary-card-line b {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}


/* =========================
   4) شريط الإجمالي السفلي
   ========================= */

salla-cart-summary-card .s-cart-summary-card-bar {
    background: #111315 !important;
    color: #fff !important;
}

salla-cart-summary-card .s-cart-summary-card-bar-label,
salla-cart-summary-card .s-cart-summary-card-bar-label-main,
salla-cart-summary-card .s-cart-summary-card-bar-label-text,
salla-cart-summary-card .s-cart-summary-card-bar-count {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* =========================
   5) السعر والعملة السفليان
   ========================= */

salla-cart-summary-card .s-cart-summary-card-bar-totals,
salla-cart-summary-card .s-cart-summary-card-bar-totals-row,
salla-cart-summary-card .s-cart-summary-card-bar-total,
salla-cart-summary-card b.s-cart-summary-card-bar-total {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
}


/* =========================
   6) نص إتمام الطلب — أبيض
   ========================= */

salla-cart-summary-card .s-cart-summary-card-action,
salla-cart-summary-card .s-cart-summary-card-action *,
salla-cart-summary-card .s-cart-summary-card-action button,
salla-cart-summary-card .s-cart-summary-card-action a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
-height: 48px !important;
    }
}

        padding: 13px !important;
    }
}
/* =========================================================
   QANOUS — PICKS CLEAN FINAL
   قسم مختارات QANOUS فقط
   ========================================================= */


/* =========================================================
   لوحة التحكم — عدّل هنا فقط
   ========================================================= */

#best-offers-2-slider {

    /* =========================
       QANOUS SELECTION
       ========================= */

    --q-en-size: 15px;

    /* سالب = فوق / موجب = تحت */
    --q-en-y: 0px;


    /* =========================
       مختارات QANOUS
       ========================= */

    --q-title-size: 28px;

    /* سالب = فوق / موجب = تحت */
    --q-title-y: 0px;


    /* =========================
       عرض الكل
       ========================= */

    --q-all-size: 17px;

    /* سالب = فوق / موجب = تحت */
    --q-all-y: 0px;


    /* =========================
       المسافات بين النصوص
       ========================= */

    --q-en-title-gap: 12px;

    --q-title-all-gap: 10px;

    /* بين عرض الكل والمنتجات */
    --q-header-card-gap: 26px;


    /* =========================
       تحريك مجموعة النصوص كاملة
       ========================= */

    /* سالب = فوق / موجب = تحت */
    --q-header-y: 0px;


    /* =========================
       صورة المنتج
       ========================= */

    /*
       ارتفاع الصورة:
       190px أصغر
       220px متوسط
       250px أكبر
    */
    --q-image-height: 220px;


    /* =========================
       حجم اسم المنتج
       ========================= */

    --q-product-title-size: 16px;


    /* =========================
       حجم السعر
       ========================= */

    --q-price-size: 17px;


    /* =========================
       زر السلة
       ========================= */

    --q-cart-size: 15px;

    --q-cart-height: 48px;


    /* =========================
       البطاقة
       ========================= */

    --q-card-radius: 20px;

    --q-card-border:
        rgba(253, 190, 94, .18);


    /* =========================
       مسافة القسم
       ========================= */

    --q-section-top: 20px;

    --q-section-bottom: 35px;
}



/* =========================================================
   القسم
   ========================================================= */

#best-offers-2-slider {

    width: 100% !important;

    max-width: 100% !important;

    margin: 0 !important;

    padding:
        var(--q-section-top)
        16px
        var(--q-section-bottom)
        !important;

    box-sizing: border-box !important;

    background: transparent !important;

    overflow: hidden !important;
}



/* =========================================================
   رأس القسم
   ========================================================= */

#best-offers-2-slider
.s-slider-block__title {

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    max-width: 800px !important;

    margin: 0 auto !important;

    padding: 0 !important;

    gap: 0 !important;

    text-align: center !important;

    transform:
        translateY(
            var(--q-header-y)
        ) !important;
}



/* =========================================================
   حاوية الإنجليزي + مختارات
   ========================================================= */

#best-offers-2-slider
.s-slider-block__title-right {

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    text-align: center !important;
}



/* =========================================================
   QANOUS SELECTION
   ========================================================= */

#best-offers-2-slider
.s-slider-block__title-right::before {

    content: "QANOUS SELECTION" !important;

    display: block !important;

    width: 100% !important;

    margin:
        0 0
        var(--q-en-title-gap)
        !important;

    padding: 0 !important;

    color: #FDBE5E !important;

    -webkit-text-fill-color:
        #FDBE5E !important;

    font-size:
        var(--q-en-size)
        !important;

    font-weight: 500 !important;

    line-height: 1.3 !important;

    letter-spacing: 2px !important;

    text-align: center !important;

    transform:
        translateY(
            var(--q-en-y)
        ) !important;
}



/* =========================================================
   مختارات QANOUS
   ========================================================= */

#best-offers-2-slider
.s-slider-block__title h2 {

    display: block !important;

    width: 100% !important;

    margin:
        0 0
        var(--q-title-all-gap)
        !important;

    padding: 0 !important;

    color: #FFFFFF !important;

    -webkit-text-fill-color:
        #FFFFFF !important;

    font-size:
        var(--q-title-size)
        !important;

    font-weight: 800 !important;

    line-height: 1.2 !important;

    letter-spacing: normal !important;

    text-align: center !important;

    transform:
        translateY(
            var(--q-title-y)
        ) !important;
}



/* =========================================================
   عرض الكل
   ========================================================= */

#best-offers-2-slider
.s-slider-block__title-left {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    text-align: center !important;
}


#best-offers-2-slider
.s-slider-block__display-all {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: auto !important;

    margin: 0 auto !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    color:
        rgba(255,255,255,.65)
        !important;

    -webkit-text-fill-color:
        rgba(255,255,255,.65)
        !important;

    font-size:
        var(--q-all-size)
        !important;

    font-weight: 400 !important;

    line-height: 1.4 !important;

    text-decoration: none !important;

    transform:
        translateY(
            var(--q-all-y)
        ) !important;
}



/* =========================================================
   أسهم السلايدر الأصلية
   ========================================================= */

#best-offers-2-slider
.s-slider-block__title-left i,
#best-offers-2-slider
.s-slider-block__display-all i {

    color:
        rgba(255,255,255,.65)
        !important;
}



/* =========================================================
   السلايدر
   ========================================================= */

#best-offers-2-slider
.s-products-slider-slider {

    width: 100% !important;

    margin:
        var(--q-header-card-gap)
        0
        0
        !important;

    padding: 0 !important;

    background: transparent !important;

    overflow: visible !important;
}


#best-offers-2-slider
.s-slider-container {

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    overflow: visible !important;
}



/* =========================================================
   بطاقة المنتج
   ========================================================= */

#best-offers-2-slider
.s-product-card-entry {

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    background:
        rgba(17,19,21,.94)
        !important;

    border:
        1px solid
        var(--q-card-border)
        !important;

    border-radius:
        var(--q-card-radius)
        !important;

    overflow: hidden !important;

    color: #FFFFFF !important;

    box-shadow:
        0 12px 30px
        rgba(0,0,0,.22)
        !important;
}



/* =========================================================
   منطقة الصورة
   ========================================================= */

#best-offers-2-slider
.s-product-card-image {

    position: relative !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height:
        var(--q-image-height)
        !important;

    min-height:
        var(--q-image-height)
        !important;

    max-height:
        var(--q-image-height)
        !important;

    margin: 0 !important;

    padding: 0 !important;

    background:
        #111315
        !important;

    border: 0 !important;

    border-bottom:
        1px solid
        rgba(253,190,94,.10)
        !important;

    overflow: hidden !important;
}



/* =========================================================
   رابط الصورة
   ========================================================= */

#best-offers-2-slider
.s-product-card-image > a {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    background:
        #111315
        !important;

    overflow: hidden !important;
}



/* =========================================================
   الصورة
   contain = الصورة كاملة
   والجوانب عادي مثل ما طلبت
   ========================================================= */

#best-offers-2-slider
.s-product-card-image img {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 auto !important;

    padding: 0 !important;

    object-fit:
        contain
        !important;

    object-position:
        center center
        !important;

    background:
        #111315
        !important;

    border: 0 !important;
}


#best-offers-2-slider
.s-product-card-image-contain {

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    object-fit:
        contain
        !important;

    object-position:
        center center
        !important;

    background:
        #111315
        !important;
}



/* =========================================================
   المفضلة
   ========================================================= */

#best-offers-2-slider
.s-product-card-wishlist-btn {

    background:
        rgba(17,19,21,.72)
        !important;

    border:
        1px solid
        rgba(255,255,255,.17)
        !important;

    border-radius:
        50%
        !important;

    color:
        #FFFFFF
        !important;

    box-shadow:
        none
        !important;

    backdrop-filter:
        blur(7px)
        !important;

    -webkit-backdrop-filter:
        blur(7px)
        !important;
}


#best-offers-2-slider
.s-product-card-wishlist-btn * {

    color:
        #FFFFFF
        !important;

    -webkit-text-fill-color:
        #FFFFFF
        !important;
}



/* =========================================================
   محتوى البطاقة
   ========================================================= */

#best-offers-2-slider
.s-product-card-content {

    width: 100% !important;

    margin: 0 !important;

    padding:
        15px
        !important;

    box-sizing:
        border-box
        !important;

    background:
        transparent
        !important;
}


#best-offers-2-slider
.s-product-card-content-main {

    margin: 0 !important;

    padding: 0 !important;

    background:
        transparent
        !important;
}



/* =========================================================
   اسم المنتج
   ========================================================= */

#best-offers-2-slider
.s-product-card-content-title {

    margin:
        0 0 7px
        !important;
}


#best-offers-2-slider
.s-product-card-content-title,
#best-offers-2-slider
.s-product-card-content-title a {

    color:
        #FFFFFF
        !important;

    -webkit-text-fill-color:
        #FFFFFF
        !important;

    font-size:
        var(--q-product-title-size)
        !important;

    font-weight:
        600
        !important;

    line-height:
        1.5
        !important;

    text-decoration:
        none
        !important;
}



/* =========================================================
   النص الثانوي
   ========================================================= */

#best-offers-2-slider
.s-product-card-content-sub,
#best-offers-2-slider
.s-product-card-content-sub * {

    color:
        rgba(255,255,255,.60)
        !important;

    -webkit-text-fill-color:
        rgba(255,255,255,.60)
        !important;
}



/* =========================================================
   السعر
   ========================================================= */

#best-offers-2-slider
.s-product-card-price,
#best-offers-2-slider
.s-product-card-price * {

    color:
        #FFFFFF
        !important;

    -webkit-text-fill-color:
        #FFFFFF
        !important;

    font-size:
        var(--q-price-size)
        !important;

    font-weight:
        700
        !important;
}


#best-offers-2-slider
.sicon-sar {

    color:
        #FFFFFF
        !important;

    -webkit-text-fill-color:
        #FFFFFF
        !important;
}



/* =========================================================
   أسفل البطاقة
   ========================================================= */

#best-offers-2-slider
.s-product-card-content-footer {

    width:
        100%
        !important;

    margin-top:
        14px
        !important;

    padding:
        0
        !important;

    background:
        transparent
        !important;
}



/* =========================================================
   زر أضف إلى السلة
   ========================================================= */

#best-offers-2-slider
.s-product-card-content-footer
.s-button-element {

    display:
        flex
        !important;

    align-items:
        center
        !important;

    justify-content:
        center
        !important;

    width:
        100%
        !important;

    min-height:
        var(--q-cart-height)
        !important;

    padding:
        8px 6px
        !important;

    background:
        rgba(8,10,11,.75)
        !important;

    color:
        #FFFFFF
        !important;

    -webkit-text-fill-color:
        #FFFFFF
        !important;

    border:
        1px solid
        rgba(253,190,94,.20)
        !important;

    border-radius:
        13px
        !important;

    box-shadow:
        none
        !important;

    font-size:
        var(--q-cart-size)
        !important;

    font-weight:
        600
        !important;
}


#best-offers-2-slider
.s-product-card-content-footer
.s-button-element *,
#best-offers-2-slider
.sicon-shopping-bag {

    color:
        #FFFFFF
        !important;

    -webkit-text-fill-color:
        #FFFFFF
        !important;
}



/* =========================================================
   الجوال
   بطاقتين
   ========================================================= */

@media (max-width: 767px) {

    #best-offers-2-slider {

        padding-left:
            16px
            !important;

        padding-right:
            16px
            !important;
    }


    #best-offers-2-slider
    .s-products-slider-card {

        width:
            calc(50% - 7px)
            !important;

        min-width:
            calc(50% - 7px)
            !important;
    }


    #best-offers-2-slider
    .s-product-card-content {

        padding:
            14px
            !important;
    }
}



/* =========================================================
   الكمبيوتر
   ========================================================= */

@media (min-width: 768px) {

    #best-offers-2-slider
    .s-products-slider-card {

        width:
            calc(25% - 12px)
            !important;

        min-width:
            calc(25% - 12px)
            !important;
    }
}