/* ==========================================
   توحيد خلفية المتجر بالكامل
========================================== */

:root{
    --main-bg: #F9ECDC;
}

body,
html,
.app,
.main-content,
.main-content-wrapper,
.site-content,
.section,
.section--light,
.s-block,
.container,
.page-wrapper,
footer,
header,
.bg-white,
.bg-gray-50,
.bg-gray-100{
    background: var(--main-bg) !important;
}

/* البطاقات البيضاء */
.card,
.product-card,
.s-product-card,
.s-block,
.dropdown-menu,
.modal-content{
    background: var(--main-bg) !important;
}

/* ==========================================
   إطار الصورة الشخصية
========================================== */

img.avatar,
.avatar,
.user-avatar,
.profile-avatar,
img.rounded-full{
    border: 3px solid #F9ECDC !important;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(0,0,0,.08);
}
.store-logo img,
.navbar-brand img,
.header-logo img,
.s-logo img {
    max-height: 80px !important; /* عدّلها إلى 90 أو 100 إذا أردته أكبر */
    width: auto !important;
    max-width: 260px !important;
    object-fit: contain !important;
}
/* إزالة الأبيض حول الصورة الشخصية */
.s-user-menu-trigger,
.s-user-menu-trigger img,
.s-user-menu-trigger span,
.s-user-menu-trigger .avatar {
    background-color: #F9ECDC !important;
    border-color: #F9ECDC !important;
    box-shadow: none !important;
}
/* =====================
   إخفاء السعر بجانب السلة
   ===================== */

.s-cart-summary-total,
.s-cart-summary .total,
.s-cart-summary .price,
.s-cart-summary span:not(.s-cart-summary-count),
.cart-entry .price,
.cart-entry .total,
.header-cart .price,
.header-cart .total {
    display: none !important;
}
/* =========================================
   تصغير أيقونات السلة واليوزر بنسبة 40%
========================================= */

.s-cart-summary,
.s-user-menu-trigger,
.header__user,
.header__cart {
    transform: scale(0.6) !important;
    transform-origin: center !important;
}

/* =========================================
   تكبير الشعار بنسبة 50%
========================================= */

.header-logo img,
.logo img,
.navbar-brand img,
.header__logo img {
    height: auto !important;
    max-height: 90px !important; /* عدلها إذا أردته أكبر */
    transform: scale(1.5) !important;
    transform-origin: center;
}

/* =========================================
   توسيط الشعار داخل الهيدر
========================================= */

.header-logo,
.logo,
.navbar-brand,
.header__logo {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 50;
}

/* منع العناصر من تغطية الشعار */
.header-inner,
.main-header .container,
header .container {
    position: relative !important;
}
/* إطار الشعار */
.header-logo,
.logo,
.header__logo,
.navbar-brand {
    width: 170px !important;
    height: 60px !important;
    overflow: hidden !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* قص الشعار ليمتلئ داخل الإطار */
.header-logo img,
.logo img,
.header__logo img,
.navbar-brand img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;   /* يملأ الإطار ويقص الزائد */
    object-position: center center !important;
    transform: scale(1.25) !important;
}
/* أيقونة اليوزر */
.s-user-menu-trigger{
    position: absolute !important;
    right: 58px !important;   /* بجانب التصنيفات */
    top: 50% !important;
    transform: translateY(-50%) scale(.55) !important;
    transform-origin: center;
    z-index: 100;
}

/* إخفاء كلمة حسابي إن وجدت */
.s-user-menu-trigger span{
    display:none !important;
}
.custom-wishlist{
    width:22px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:8px;
    text-decoration:none;
}

.custom-wishlist svg{
    width:20px;
    height:20px;
}

.s-user-menu-trigger{
    transform:scale(.55);
}
/* ترتيب: التصنيفات ← القلب ← اليوزر */

.header-inner,
.main-header .container,
header .container{
    position: relative !important;
}

/* القلب */
.custom-wishlist{
    position: absolute !important;
    right: 72px !important;   /* بين التصنيفات واليوزر */
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 20px !important;
    height: 20px !important;

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

    z-index: 9999;
}

/* حجم القلب */
.custom-wishlist svg{
    width: 20px !important;
    height: 20px !important;
}

/* اليوزر */
.s-user-menu-trigger{
    position: absolute !important;
    right: 42px !important;
    top: 50% !important;
    transform: translateY(-50%) scale(.55) !important;
}

/* التصنيفات */
.menu-trigger,
.s-menu-trigger,
.burger-menu{
    position: absolute !important;
    right: 12px !important;
}
.custom-wishlist{
    position: absolute !important;
    right: 30px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 9999 !important;
}
/* =====================================
   ألوان التصميم
===================================== */
:root{
    --store-bg: #F9ECDC;
    --card-beige: #F3E1C9;
    --gold-border: rgba(184, 138, 43, 0.55);
    --gold-shadow: rgba(184, 138, 43, 0.16);
}

/* =====================================
   بوكسات المنتجات
===================================== */
.product-entry,
.product-card,
.s-product-card-entry,
.s-products-list-vertical-cards .product-entry,
.products-slider .product-entry,
salla-product-card {
    background: var(--card-beige) !important;
    border: 1px solid var(--gold-border) !important;
    border-radius: 16px !important;
    box-shadow:
        0 5px 14px var(--gold-shadow),
        inset 0 0 0 1px rgba(255,255,255,.25) !important;
    overflow: hidden !important;
}

/* إزالة اللون الأبيض من داخل بطاقة المنتج */
.product-entry *,
.product-card *,
.s-product-card-entry * {
    background-color: transparent;
}

/* إبقاء الصور بدون تغيير */
.product-entry img,
.product-card img,
.s-product-card-entry img {
    background: transparent !important;
}

/* =====================================
   بوكسات التصنيفات
===================================== */
.category-card,
.categories-slider .swiper-slide > a,
.s-block--categories .swiper-slide > a,
.s-block--categories .category-entry,
salla-slider[type="carousel"] .category-entry {
    background: var(--card-beige) !important;
    border: 1px solid var(--gold-border) !important;
    border-radius: 15px !important;
    box-shadow: 0 5px 13px var(--gold-shadow) !important;
    overflow: hidden !important;
}

/* =====================================
   بوكسات قسم تسوق معنا
===================================== */
.s-block--features .feature-item,
.s-block--features .swiper-slide > div,
.features-list .feature,
.home-features .feature,
.store-features .feature-item {
    background: var(--card-beige) !important;
    border: 1px solid var(--gold-border) !important;
    border-radius: 15px !important;
    box-shadow: 0 5px 13px var(--gold-shadow) !important;
    overflow: hidden !important;
}

/* =====================================
   التذييل بالكامل
===================================== */
footer,
.store-footer,
.footer,
footer .store-footer__inner,
.footer-is-light .store-footer {
    background: var(--card-beige) !important;
}

/* إطار التذييل */
footer,
.store-footer {
    border: 1px solid var(--gold-border) !important;
    border-radius: 20px 20px 0 0 !important;
    box-shadow: 0 -5px 18px var(--gold-shadow) !important;
    overflow: hidden !important;
}

/* البوكسات الداخلية في التذييل */
footer .footer-list,
footer .footer-block,
footer .store-footer__block,
.store-footer .footer-list {
    background: rgba(255,255,255,.08) !important;
    border-radius: 12px !important;
}

/* =====================================
   تنسيق الأزرار داخل المنتجات
===================================== */
.product-entry button,
.product-card button,
.s-product-card-entry button,
salla-product-card button {
    background: transparent !important;
    border-color: #B88A2B !important;
    color: #B88A2B !important;
    border-radius: 12px !important;
}
/* ==========================================
   القائمة الجانبية للحساب
========================================== */

.user-menu,
.user-sidebar,
.side-panel,
.drawer,
.s-side-panel,
.sheet,
.account-sidebar,
.s-user-menu {

    background: #F3E1C9 !important;
    border: 1px solid rgba(184,138,43,.45) !important;
    border-radius: 22px 22px 0 0 !important;

    box-shadow:
        0 -8px 25px rgba(184,138,43,.18),
        0 0 0 1px rgba(255,255,255,.25) inset !important;

    overflow: hidden;
}

/* رأس القائمة */
.user-menu__header,
.s-user-menu-header,
.drawer-header,
.sheet-header{

    background:#F3E1C9 !important;
    border-bottom:1px solid rgba(184,138,43,.25) !important;
}

/* عناصر القائمة */

.user-menu a,
.s-user-menu a,
.drawer a,
.sheet a{

    background:transparent !important;
    border-radius:12px !important;
    transition:.25s;
}

/* عند المرور */

.user-menu a:hover,
.s-user-menu a:hover,
.drawer a:hover,
.sheet a:hover{

    background:rgba(184,138,43,.08) !important;
}

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

.user-menu svg,
.s-user-menu svg{

    color:#B88A2B !important;
}

/* زر الإغلاق */

.user-menu .close,
.drawer .close,
.sheet .close{

    color:#B88A2B !important;
}
/* ===== بوكس التعليقات ===== */
.product-comments,
.comments-box,
.comment-form,
.comment-box,
.s-comments,
.s-comments form,
.s-comments textarea,
.s-comment-form,
textarea[name="comment"] {
    background: #F2E3CB !important; /* بيج أغمق قليلاً من الخلفية */
    border: 1.5px solid rgba(191,156,79,.45) !important;
    border-radius: 18px !important;
    box-shadow:
        0 8px 20px rgba(191,156,79,.14),
        inset 0 0 0 1px rgba(212,175,55,.12) !important;
}

/* خانة الكتابة */
.s-comments textarea,
textarea[name="comment"] {
    background: #F2E3CB !important;
    color: #5A5148 !important;
}

.s-comments textarea::placeholder,
textarea[name="comment"]::placeholder {
    color: #8E7B63 !important;
}

/* زر الإرسال */
.s-comments button,
.comment-form button,
button[type="submit"] {
    background: linear-gradient(180deg,#C9A35A,#B88A33) !important;
    color: #fff !important;
    border: 1px solid rgba(191,156,79,.5) !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 12px rgba(191,156,79,.25) !important;
}

.s-comments button:hover,
.comment-form button:hover,
button[type="submit"]:hover {
    filter: brightness(1.05);
}
/* تغبيش كل عناصر الهيدر ما عدا نافذة المستخدم */
body:has(.s-user-menu.is-open) .store-header > *:not(.s-user-menu),
body:has(.s-user-menu.is-open) .main-header > *:not(.s-user-menu) {
    filter: blur(10px) !important;
    transition: filter .25s ease;
}
/* ===== بطاقة آراء العملاء – ثيم رائد ===== */

.testimonials-slider .swiper-slide,
.testimonials-slider .testimonial,
.testimonials-slider .testimonial-item,
.s-testimonials-slider .swiper-slide,
.s-testimonials-slider .testimonial,
.testimonials .swiper-slide,
.testimonials .testimonial-item,
.customer-reviews .swiper-slide,
.customer-reviews .review,
.home-testimonials .swiper-slide {
    background: #F1DFC5 !important;
    border: 1px solid rgba(180, 137, 67, 0.75) !important;
    border-radius: 16px !important;

    box-shadow:
        0 7px 18px rgba(174, 129, 57, 0.17),
        0 0 7px rgba(196, 153, 81, 0.12) !important;

    overflow: hidden !important;
}

/* إزالة اللون الأبيض من العناصر الداخلية */
.testimonials-slider .swiper-slide > *,
.testimonials-slider .testimonial > *,
.testimonials-slider .testimonial-item > *,
.s-testimonials-slider .swiper-slide > *,
.s-testimonials-slider .testimonial > *,
.testimonials .swiper-slide > *,
.testimonials .testimonial-item > *,
.customer-reviews .swiper-slide > *,
.customer-reviews .review > *,
.home-testimonials .swiper-slide > * {
    background-color: transparent !important;
}

/* لون النص */
.testimonials-slider .swiper-slide,
.testimonials-slider .swiper-slide *,
.s-testimonials-slider .swiper-slide,
.s-testimonials-slider .swiper-slide *,
.testimonials .swiper-slide,
.testimonials .swiper-slide *,
.customer-reviews .swiper-slide,
.customer-reviews .swiper-slide * {
    color: #42382F;
}

/* علامة الاقتباس بالذهبي */
.testimonials-slider svg,
.s-testimonials-slider svg,
.testimonials svg,
.customer-reviews svg {
    color: #B88A43 !important;
    fill: #B88A43 !important;
}

/* تأثير أنيق عند المرور */
.testimonials-slider .swiper-slide:hover,
.s-testimonials-slider .swiper-slide:hover,
.testimonials .swiper-slide:hover,
.customer-reviews .swiper-slide:hover {
    transform: translateY(-3px);
    border-color: #B88A43 !important;

    box-shadow:
        0 10px 25px rgba(174, 129, 57, 0.22),
        0 0 10px rgba(196, 153, 81, 0.15) !important;

    transition: all 0.3s ease;
}
/* خلفية قائمة التصنيفات */
.side-menu,
.menu-drawer,
.sidebar-menu,
.offcanvas,
.s-menu-nav {
    background: #F3E2C8 !important;
    border-left: 1px solid rgba(201, 164, 92, 0.45) !important;
    box-shadow: -8px 0 30px rgba(184, 146, 72, 0.18) !important;
}

/* عناصر القائمة */
.side-menu .menu-item,
.menu-drawer .menu-item,
.sidebar-menu li,
.s-menu-nav li {
    background: transparent !important;
    border-bottom: 1px solid rgba(201,164,92,.18) !important;
    transition: all .25s ease;
}

/* عند المرور على العنصر */
.side-menu .menu-item:hover,
.menu-drawer .menu-item:hover,
.sidebar-menu li:hover,
.s-menu-nav li:hover {
    background: #F7E9D3 !important;
    padding-right: 18px;
}

/* روابط القائمة */
.side-menu a,
.menu-drawer a,
.sidebar-menu a,
.s-menu-nav a {
    color: #3E3326 !important;
    font-weight: 600;
}

/* الأسهم */
.side-menu svg,
.menu-drawer svg,
.sidebar-menu svg,
.s-menu-nav svg {
    color: #B88A3B !important;
}

/* عنوان القائمة */
.side-menu .menu-title,
.menu-drawer .menu-title,
.sidebar-menu .menu-title {
    background: #EED9B8 !important;
    color: #3E3326 !important;
    border-bottom: 1px solid rgba(201,164,92,.35);
}
/* =========================================
   قائمة التصنيفات الجانبية – متجر سينتارو
========================================= */

/* خلفية القائمة كاملة */
salla-menu .mm-spn,
salla-menu .mm-spn.mm-spn--open,
.main-menu .mm-spn,
.mm-spn.mm-spn--open {
    background: #F1DFC5 !important;
    color: #33281D !important;

    /* الحافة والظل الذهبي */
    border-left: 1px solid rgba(181, 139, 60, 0.65) !important;
    box-shadow:
        -7px 0 24px rgba(158, 116, 42, 0.25),
        inset 1px 0 0 rgba(255, 255, 255, 0.45) !important;
}

/* إزالة الخلفيات البيضاء الداخلية */
salla-menu .mm-spn ul,
salla-menu .mm-spn li,
salla-menu .mm-spn a,
.main-menu .mm-spn ul,
.main-menu .mm-spn li,
.main-menu .mm-spn a {
    background-color: transparent !important;
}

/* عنوان: القائمة الرئيسية */
salla-menu .mm-spn::before,
.main-menu .mm-spn::before,
.mm-spn.mm-spn--navbar::before {
    background: #EAD3B0 !important;
    color: #33281D !important;
    font-weight: 700 !important;
    border-bottom: 1px solid rgba(181, 139, 60, 0.45) !important;
    box-shadow: 0 4px 12px rgba(158, 116, 42, 0.10) !important;
}

/* صفوف التصنيفات */
salla-menu .mm-spn li,
.main-menu .mm-spn li,
.mm-spn li {
    border-bottom: 1px solid rgba(181, 139, 60, 0.20) !important;
    transition:
        background-color 0.25s ease,
        padding 0.25s ease !important;
}

/* أسماء التصنيفات */
salla-menu .mm-spn li > a,
salla-menu .mm-spn li > span,
.main-menu .mm-spn li > a,
.main-menu .mm-spn li > span,
.mm-spn li > a,
.mm-spn li > span {
    color: #34291E !important;
    font-weight: 600 !important;
}

/* تأثير عند الضغط أو مرور المؤشر */
salla-menu .mm-spn li:hover,
salla-menu .mm-spn li:active,
.main-menu .mm-spn li:hover,
.main-menu .mm-spn li:active {
    background: rgba(255, 247, 233, 0.55) !important;
}

/* الأسهم الجانبية */
salla-menu .mm-spn li::before,
salla-menu .mm-spn li::after,
.main-menu .mm-spn li::before,
.main-menu .mm-spn li::after,
.mm-spn li::before,
.mm-spn li::after {
    border-color: #B58B3C !important;
    opacity: 0.75 !important;
}

/* زر الرجوع الموجود بجانب العنوان */
salla-menu .mm-spn::after,
.main-menu .mm-spn::after,
.mm-spn.mm-spn--navbar::after {
    border-color: #B58B3C !important;
    opacity: 0.85 !important;
}

/* زر الإغلاق: إزالة الأحمر وتحويله للون الهوية */
salla-menu button[aria-label*="close" i],
salla-menu button[aria-label*="إغلاق"],
.main-menu button[aria-label*="close" i],
.main-menu button[aria-label*="إغلاق"],
.menu-close {
    background: #D8BD8B !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(181, 139, 60, 0.70) !important;
    box-shadow: 3px 3px 14px rgba(158, 116, 42, 0.20) !important;
}

/* لون علامة × */
salla-menu button[aria-label*="close" i] svg,
salla-menu button[aria-label*="إغلاق"] svg,
.main-menu button[aria-label*="close" i] svg,
.main-menu button[aria-label*="إغلاق"] svg,
.menu-close svg {
    color: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* تغبيش المتجر خلف القائمة */
.mm-ocd--open .mm-ocd__backdrop,
.mm-ocd__backdrop {
    background: rgba(69, 54, 35, 0.30) !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
}

/* تحسين الشكل على الجوال */
@media (max-width: 767px) {
    salla-menu .mm-spn,
    .main-menu .mm-spn,
    .mm-spn.mm-spn--open {
        width: 87vw !important;
        max-width: 420px !important;
    }
}
/* استبدال جميع الخلفيات البيضاء داخل القائمة */

.mm-spn,
.mm-spn *,
.offcanvas,
.offcanvas *,
.sidebar,
.sidebar *,
.side-menu,
.side-menu *,
.menu-sidebar,
.menu-sidebar *{
    background-color: #F1DFC5 !important;
}
/* تصغير صورة المنتج في صفحة المنتج */
.product-entry .swiper-slide img,
.product-entry .swiper-slide picture img,
.product-entry .product-image img,
.s-product-image img {
    width: 75% !important;
    max-width: 420px !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}
/* تصغير حاوية الصورة */
.product-entry .swiper,
.product-entry .product-image,
.s-product-image {
    max-width: 420px !important;
    margin: 0 auto !important;
}
/* ==================================================
   إلغاء أي أكواد سابقة أبقت الشعار وأيقونة المستخدم
   فوق طبقة التعتيم
================================================== */

/* الهيدر وعناصره تكون أسفل طبقة التعتيم */
header,
.main-header,
.store-header,
header .container,
header .header-inner,
header .header-wrapper {
    z-index: 10 !important;
}

/* الشعار */
header .store-logo,
header .logo,
header .logo-wrapper,
header .navbar-brand,
header a[href="/"],
header a[href="/"] img,
header img[alt*="logo" i],
header img[alt*="شعار" i] {
    z-index: 10 !important;
    isolation: auto !important;
}

/* أيقونة المستخدم والصورة الشخصية */
header .s-user-menu-trigger,
header salla-user-menu-trigger,
header .user-menu-trigger,
header .user-avatar,
header .avatar,
header a[href*="account"],
header a[href*="profile"] {
    z-index: 10 !important;
    isolation: auto !important;
}

/* طبقة التعتيم أعلى من الهيدر والشعار والأيقونة */
.salla-overlay,
.s-overlay,
.s-modal-overlay,
.s-drawer-overlay,
.s-user-menu-overlay,
.s-user-menu-backdrop,
[class*="overlay"],
[class*="backdrop"] {
    z-index: 9998 !important;
}

/* نافذة المستخدم نفسها تبقى واضحة فوق التعتيم */
salla-user-menu,
.s-user-menu,
.s-user-menu-wrapper,
.s-user-menu-content,
.s-drawer-container,
[class*="user-menu"] {
    z-index: 9999 !important;
}
/* تصغير صورة المنتج لتظهر كاملة */
.product-single .product-image,
.product-single .product-image img,
.product-gallery,
.product-gallery img,
.s-product-image img,
.s-product-gallery img {
    max-height: 340px !important;
    height: 280px !important;
    width: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
}

/* تقليل المسافات حول الصورة */
.product-single .product-image,
.product-gallery,
.s-product-gallery {
    padding: 5px !important;
    margin-bottom: 5px !important;
}
/* إعادة لون العنوان الترويجي إلى اللون الافتراضي للقالب */
.s-product-card .s-product-card-promotion,
.s-product-card .s-product-card-promotion *,
.s-product-card .promotion-title,
.s-product-card .promotion-title *,
[class*="promotion"],
[class*="promotion"] *,
[class*="badge"],
[class*="badge"] * {
    color: unset !important;
    background: unset !important;
    text-shadow: none !important;
}
/* تنسيق العنوان الترويجي */
.s-product-card .s-product-card-promotion,
.s-product-card .promotion-title {
    background: #D50000 !important;
    color: #FFFFFF !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    line-height: 1.2 !important;
}

/* التأكد أن أي عنصر داخل العنوان يبقى أبيض */
.s-product-card .s-product-card-promotion *,
.s-product-card .promotion-title * {
    color: #FFFFFF !important;
}


    opacity:0;

}
/*==================================================
            SCENTARO LUXURY QUICK VIEW
==================================================*/

/* بطاقة المنتج */
custom-salla-product-card {

    position: relative;
    overflow: hidden;

}

/* الصورة */
custom-salla-product-card .s-product-card-image {

    position: relative;
    overflow: hidden;
    border-radius: 18px;

}

/* حركة الصورة */

custom-salla-product-card .s-product-card-image img {

    transition:
        transform .55s cubic-bezier(.22,.61,.36,1),
        filter .45s ease;

    will-change: transform;

}

custom-salla-product-card:hover .s-product-card-image img {

    transform: scale(1.06);

}

/*==================================================
                زر العين
==================================================*/

.scentaro-qv-btn{

    position:absolute;

    left:50%;
    top:50%;

    transform:
        translate(-50%,-50%)
        scale(.85);

    width:25px;
    height:25px;

    border:none;

    border-radius:50%;

    background:rgba(255,255,255,.95);

    color:#A67C2E;

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

    cursor:pointer;

    opacity:0;

    transition:
        opacity .35s ease,
        transform .35s ease,
        background .25s ease;

    box-shadow:
        0 18px 40px rgba(0,0,0,.18);

    backdrop-filter:blur(10px);

    z-index:15;

}

/* يظهر عند المرور */

custom-salla-product-card:hover .scentaro-qv-btn{

    opacity:1;

    transform:
        translate(-50%,-50%)
        scale(1);

}

/* لون الهوفر */

.scentaro-qv-btn:hover{

    background:#B88A2B;

    color:#fff;

}

/* الأيقونة */

.scentaro-qv-btn svg{

    width:24px;
    height:24px;

}

/* طبقة شفافة فوق الصورة */

.scentaro-image-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(

        rgba(0,0,0,0),

        rgba(0,0,0,.08)

    );

    opacity:0;

    transition:.35s;

    pointer-events:none;

}

custom-salla-product-card:hover .scentaro-image-overlay{

    opacity:1;

}

/*==================================================
                النافذة
==================================================*/

.scentaro-modal{

    position:fixed;

    inset:0;

    display:flex;

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

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

    backdrop-filter:blur(10px);

    opacity:0;
    visibility:hidden;

    transition:.35s;

    z-index:99999999;

}

.scentaro-modal.active{

    opacity:1;
    visibility:visible;

}

.scentaro-modal-box{

    width:min(980px,92vw);

    background:#fff;

    border-radius:28px;

    overflow:hidden;

    display:grid;

    grid-template-columns:1fr 1fr;

    transform:translateY(35px);

    transition:.35s;

    box-shadow:

        0 35px 90px rgba(0,0,0,.22);

}

.scentaro-modal.active
.scentaro-modal-box{

    transform:none;

}

/*==================================================
            جهة الصورة
==================================================*/

.scentaro-left{

    background:#F5E9DA;

    display:flex;

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

    padding:55px;

}

.scentaro-left img{

    max-width:100%;
    max-height:420px;

}

/*==================================================
            جهة المعلومات
==================================================*/

.scentaro-right{

    padding:50px;

}

.scentaro-title{

    font-size:30px;

    font-weight:700;

    line-height:1.4;

    color:#222;

    margin-bottom:22px;

}

.scentaro-price{

    font-size:28px;

    color:#B88A2B;

    font-weight:700;

    margin-bottom:35px;

}

.scentaro-view{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:15px 34px;

    border-radius:999px;

    text-decoration:none;

    color:#fff;

    background:#B88A2B;

    transition:.25s;

}

.scentaro-view:hover{

    background:#8F6A20;

}

/*==================================================
            زر الإغلاق
==================================================*/

.scentaro-close{

    position:absolute;

    top:18px;
    right:18px;

    width:48px;
    height:48px;

    border:none;

    border-radius:50%;

    background:#fff;

    font-size:26px;

    cursor:pointer;

    box-shadow:

        0 10px 30px rgba(0,0,0,.15);

}

/*==================================================
                الجوال
==================================================*/

@media(max-width:768px){

.scentaro-modal-box{

    grid-template-columns:1fr;

    width:95vw;

}

.scentaro-left{

    padding:30px;

}

.scentaro-right{

    padding:28px;

}

.scentaro-title{

    font-size:22px;

}

.scentaro-price{

    font-size:22px;

}

.scentaro-qv-btn{

    opacity:1;

    width:50px;
    height:50px;

}

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

.scentaro-add-cart{

margin-top:20px;

width:100%;

height:52px;

border:none;

border-radius:999px;

background:#B88A2B;

color:#fff;

font-size:16px;

font-weight:600;

display:flex;

justify-content:center;

align-items:center;

gap:10px;

cursor:pointer;

transition:.3s;

}

.scentaro-add-cart:hover{

background:#977423;

}

.scentaro-add-cart svg{

width:20px;

height:20px;

}

.scentaro-add-cart.loading{

opacity:.7;

pointer-events:none;

}
/*====================================================
        SCENTARO LUXURY QUICK VIEW
====================================================*/

.scentaro-right{

display:flex;
flex-direction:column;

}

.scentaro-title{

font-size:34px;

font-weight:700;

letter-spacing:.5px;

margin-bottom:14px;

}

.scentaro-price{

display:flex;

align-items:center;

gap:10px;

font-size:30px;

margin-bottom:18px;

}

.scentaro-price h4{

color:#B88A2B;

font-size:32px;

margin:0;

}

.scentaro-price span{

text-decoration:line-through;

color:#999;

font-size:18px;

}

.scentaro-left{

overflow:hidden;

}

.scentaro-left img{

transition:.5s;

cursor:zoom-in;

}

.scentaro-left:hover img{

transform:scale(1.08);

}

/*==============================
    معلومات إضافية
==============================*/

.scentaro-features{

margin-top:25px;

display:flex;

flex-direction:column;

gap:14px;

}

.scentaro-feature{

display:flex;

align-items:center;

gap:12px;

font-size:15px;

color:#555;

}

.scentaro-feature svg{

width:20px;

height:20px;

color:#B88A2B;

flex:none;

}

/*==============================
      شحن مجاني
==============================*/

.scentaro-shipping{

margin-top:28px;

padding:16px;

border-radius:16px;

background:#F8F3EC;

border:1px solid #EFE2D0;

display:flex;

align-items:center;

gap:12px;

font-weight:600;

color:#8A6A2E;

}

.scentaro-shipping svg{

width:22px;

height:22px;

}

/*==============================
      حركة النافذة
==============================*/

.scentaro-modal-box{

animation:qvShow .35s ease;

}

@keyframes qvShow{

from{

opacity:0;

transform:translateY(40px) scale(.96);

}

to{

opacity:1;

transform:none;

}

}

/*==============================
      أزرار
==============================*/

.scentaro-view,
.scentaro-add-cart{

height:56px;

font-size:16px;

font-weight:600;

border-radius:999px;

}

.scentaro-view{

margin-top:14px;

}

.scentaro-add-cart{

margin-top:14px;

}

/*==============================
        Hover
==============================*/

.scentaro-view:hover,
.scentaro-add-cart:hover{

transform:translateY(-2px);

box-shadow:0 12px 28px rgba(184,138,43,.25);

}
/*==========================================
  SCENTARO - Eye Button Position
==========================================*/

.s-product-card-image{
    position: relative;
}

/* القلب */
.s-product-card-wishlist-btn{
    z-index: 25;
}

/* العين تحت القلب مباشرة */
.scentaro-qv-btn{

    position:absolute !important;

    left:12px !important;

    top:79px !important;   /* تحت القلب مباشرة */

    right:auto !important;

    bottom:auto !important;

    width:34px !important;

    height:34px !important;

    border-radius:50%;

    background:#fff;

    border:none;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:0 6px 18px rgba(0,0,0,.12);

    z-index:24;

    transition:.3s;

}

.scentaro-qv-btn svg{

    width:16px !important;

    height:16px !important;

}

.scentaro-qv-btn:hover{

    background:#B88A2B;

}

.scentaro-qv-btn:hover svg{

    color:#fff;

}
/*==========================================
   SCENTARO - Smaller Quick View Modal
==========================================*/

.scentaro-modal-box{

    width: 500px !important;      /* تقليل العرض حوالي 30% */

    max-width: 90vw !important;

    min-height: 340px !important; /* تقليل الارتفاع */

    padding: 16px !important;

    border-radius: 18px !important;

    display: grid !important;

    grid-template-columns: 170px 1fr !important;

    gap: 16px !important;

}

/* الصورة */

.scentaro-left{

    display:flex;

    align-items:center;

    justify-content:center;

}

.scentaro-left img{

    width:100% !important;

    max-height:180px !important;

    object-fit:contain;

}

/* العنوان */

.scentaro-title{

    font-size:20px !important;

    margin-bottom:8px !important;

    line-height:1.3 !important;

}

/* السعر */

.scentaro-price{

    margin-bottom:10px !important;

}

.scentaro-price h4{

    font-size:22px !important;

}

/* الميزات */

.scentaro-features{

    gap:6px !important;

    margin-top:8px !important;

}

.scentaro-feature{

    font-size:13px !important;

}

/* صندوق الشحن */

.scentaro-shipping{

    margin-top:10px !important;

    padding:8px 10px !important;

    font-size:12px !important;

}

/* الأزرار */

.scentaro-view,
.scentaro-add-cart{

    height:40px !important;

    font-size:14px !important;

    margin-top:10px !important;

}
/*==================================================
        SCENTARO - LUXURY QUICK VIEW
==================================================*/

/* النافذة */

.scentaro-modal{

    backdrop-filter: blur(10px);

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

}

.scentaro-modal-box{

    width:460px !important;

    max-width:92vw !important;

    background:#fff;

    border-radius:22px;

    padding:18px !important;

    display:flex !important;

    flex-direction:column !important;

    overflow:hidden;

    gap:0 !important;

}

/* الصورة */

.scentaro-left{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:16px;

}

.scentaro-left img{

    width:100%;

    max-height:220px !important;

    object-fit:contain;

    transition:.35s;

}

.scentaro-left:hover img{

    transform:scale(1.05);

}

/* القسم الأيمن */

.scentaro-right{

    width:100%;

    display:flex;

    flex-direction:column;

}

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

.scentaro-title{

    order:1;

    text-align:center;

    font-size:22px !important;

    font-weight:700;

    line-height:1.4;

    margin-bottom:10px;

}

/* السعر */

.scentaro-price{

    order:2;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    margin-bottom:16px;

}

.scentaro-price h4{

    font-size:24px !important;

    color:#B88A2B;

}

.scentaro-price span{

    font-size:15px !important;

    color:#999;

    text-decoration:line-through;

}

/* المميزات */

.scentaro-features{

    order:3;

    display:flex;

    flex-direction:column;

    gap:10px;

    margin-bottom:18px;

}

.scentaro-feature{

    display:flex;

    align-items:center;

    gap:10px;

    font-size:14px;

    color:#555;

    padding-bottom:8px;

    border-bottom:1px solid #f2f2f2;

}

.scentaro-feature:last-child{

    border-bottom:none;

}

/* الشحن */

.scentaro-shipping{

    order:4;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    background:#F8F3EC;

    border:1px solid #EFE2D0;

    color:#8A6A2E;

    border-radius:14px;

    padding:12px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

/* زر عرض المنتج */

.scentaro-view{

    order:5;

    width:100%;

    height:44px;

    border-radius:999px;

    margin-bottom:10px;

}

/* زر السلة */

.scentaro-add-cart{

    order:6;

    width:100%;

    height:46px;

    border-radius:999px;

}

/* حركة بسيطة */

.scentaro-view:hover,
.scentaro-add-cart:hover{

    transform:translateY(-2px);

    transition:.25s;

}
/* ==========================================
   إخفاء القلب والعين خلف الهيدر ونافذة المستخدم
========================================== */

/* اجعل القلب والعين بطبقة منخفضة */
.s-product-card-wishlist-btn,
.scentaro-qv-btn{

    z-index: 1 !important;

}

/* الهيدر أعلى منهما */
.header,
.main-header,
.store-header,
header{

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

}

/* نافذة المستخدم */
.s-user-menu,
.s-user-dropdown,
.dropdown-menu,
.user-dropdown{

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

}
/* عند فتح قائمة المستخدم */

body.user-menu-open .s-product-card-wishlist-btn,
body.user-menu-open .scentaro-qv-btn{

    opacity: .15;

    pointer-events: none;

    transition: .25s;

}

/* ==================================================
   SCENTARO SPLASH SCREEN - isolated styles
================================================== */
body.scentaro-splash-lock {
    overflow: hidden !important;
}

#scentaro-splash.scentaro-splash {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: #F9ECDC;
    opacity: 1;
    visibility: visible;
    transition: opacity .32s ease, visibility .32s ease;
}

#scentaro-splash.scentaro-splash.is-hiding {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.scentaro-splash__logo {
    width: min(220px, 55vw) !important;
    max-width: 220px !important;
    max-height: 150px !important;
    height: auto !important;
    object-fit: contain !important;
    animation: scentaroSplashZoom 1s ease-in-out infinite;
    transform-origin: center;
}

.scentaro-splash__name {
    color: #B88A2B;
    font-size: clamp(34px, 8vw, 64px);
    font-weight: 700;
    letter-spacing: .04em;
    animation: scentaroSplashZoom 1s ease-in-out infinite;
}

@keyframes scentaroSplashZoom {
    0%, 100% { transform: scale(.86); }
    50% { transform: scale(1.08); }
}

@media (prefers-reduced-motion: reduce) {
    .scentaro-splash__logo,
    .scentaro-splash__name {
        animation: none;
    }
}

/* ==================================================
   SCENTARO QUICK VIEW - always visible polished control
================================================== */
.scentaro-qv-btn {
    left: 14px !important;
    right: auto !important;
    top: 72px !important;
    bottom: auto !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 1px solid rgba(184, 138, 43, .48) !important;
    border-radius: 50% !important;
    background: linear-gradient(145deg, #FFFCF7, #F3E1C9) !important;
    color: #9A7127 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: 0 7px 20px rgba(95, 68, 25, .18), inset 0 0 0 1px rgba(255, 255, 255, .65) !important;
    z-index: 26 !important;
    pointer-events: auto !important;
    transition: transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease !important;
}

.scentaro-qv-btn:hover,
.scentaro-qv-btn:focus-visible {
    background: linear-gradient(145deg, #C49A45, #A97B27) !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(122, 84, 24, .28) !important;
    outline: none !important;
}

.scentaro-qv-btn svg {
    width: 20px !important;
    height: 20px !important;
    color: currentColor !important;
}

body.user-menu-open .scentaro-qv-btn {
    opacity: .15 !important;
    pointer-events: none !important;
}

/* Larger splash logo */
#scentaro-splash .scentaro-splash__logo {
    width: min(380px, 78vw) !important;
    max-width: 380px !important;
    max-height: 240px !important;
}

@media (max-width: 640px) {
    .scentaro-qv-btn {
        left: 10px !important;
        top: 64px !important;
        width: 38px !important;
        height: 38px !important;
    }

    .scentaro-qv-btn svg {
        width: 18px !important;
        height: 18px !important;
    }

    #scentaro-splash .scentaro-splash__logo {
        width: min(300px, 78vw) !important;
        max-width: 300px !important;
        max-height: 190px !important;
    }
}

/* ==================================================
   SCENTARO FINAL SPLASH MOTION + PRECISE QUICK VIEW
================================================== */
#scentaro-splash.scentaro-splash {
    overflow: hidden !important;
}

#scentaro-splash .scentaro-splash__logo,
#scentaro-splash .scentaro-splash__name {
    animation: scentaroSplashMegaZoom 2s cubic-bezier(.22, .75, .18, 1) both !important;
    will-change: transform, opacity;
}

@keyframes scentaroSplashMegaZoom {
    0% {
        transform: scale(.45);
        opacity: .65;
    }
    62% {
        transform: scale(2.8);
        opacity: 1;
    }
    100% {
        transform: scale(.05);
        opacity: 0;
    }
}

.scentaro-qv-btn {
    left: 19px !important;
    right: auto !important;
    top: 66px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
}

.scentaro-qv-btn svg {
    width: 16px !important;
    height: 16px !important;
}

@media (max-width: 640px) {
    .scentaro-qv-btn {
        left: 20px !important;
        top: 64px !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
    }

    .scentaro-qv-btn svg {
        width: 15px !important;
        height: 15px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #scentaro-splash .scentaro-splash__logo,
    #scentaro-splash .scentaro-splash__name {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

/* ==================================================
   SCENTARO HOMEPAGE SPLASH - FIRST PAINT GUARD
   body.index limits this behavior to the homepage only
================================================== */
html.scentaro-splash-pending {
    overflow: hidden !important;
}

html:not(.scentaro-splash-finished) body.index {
    visibility: hidden !important;
    background: #F9ECDC !important;
    animation: scentaroHomepageRevealFallback 0s linear 3s forwards;
}

html:not(.scentaro-splash-finished) > #scentaro-splash {
    visibility: visible !important;
}

@keyframes scentaroHomepageRevealFallback {
    to {
        visibility: visible;
    }
}

/* ==================================================
   SCENTARO HOMEPAGE SPLASH - PRE-JS VISUAL
   Shows the fixed logo from the very first homepage paint
================================================== */
html:not(.scentaro-splash-finished) body.index::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483645 !important;
    display: block !important;
    visibility: visible !important;
    background: #F9ECDC !important;
    pointer-events: all !important;
}

html:not(.scentaro-splash-finished) body.index::after {
    content: "" !important;
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 2147483646 !important;
    display: block !important;
    width: min(380px, 78vw) !important;
    height: min(240px, 42vh) !important;
    visibility: visible !important;
    background: url("https://cdn.files.salla.network/theme/1545915481/41eef610-1048-4cf2-a344-be816ad38e62_500x500.png") center / contain no-repeat !important;
    transform-origin: center !important;
    animation: scentaroPreJsMegaZoom 2s cubic-bezier(.22, .75, .18, 1) both !important;
    pointer-events: none !important;
}

@keyframes scentaroPreJsMegaZoom {
    0% {
        transform: translate(-50%, -50%) scale(.45);
        opacity: .65;
    }
    62% {
        transform: translate(-50%, -50%) scale(2.8);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(.05);
        opacity: 0;
    }
}
/* ==================================================
   SCENTARO FINAL SINGLE SPLASH + COMPACT MOBILE MODAL
   One visual logo only; compact quick-view popup on phones
================================================== */

/* Keep the first-paint pseudo logo as the single splash visual. */
#scentaro-splash.scentaro-splash {
    background: transparent !important;
}

#scentaro-splash .scentaro-splash__logo,
#scentaro-splash .scentaro-splash__name {
    display: none !important;
    animation: none !important;
}

/* Compact the popup itself on phones; the quick-view icon stays unchanged. */
@media (max-width: 640px) {
    .scentaro-modal {
        padding: 12px !important;
    }

    .scentaro-modal-box {
        position: relative !important;
        width: min(330px, 86vw) !important;
        max-width: 86vw !important;
        min-height: 0 !important;
        max-height: 82vh !important;
        padding: 12px !important;
        border-radius: 16px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    .scentaro-left {
        margin-bottom: 8px !important;
    }

    .scentaro-left img {
        width: 100% !important;
        max-height: 120px !important;
    }

    .scentaro-title {
        font-size: 17px !important;
        line-height: 1.25 !important;
        margin-bottom: 6px !important;
    }

    .scentaro-price {
        gap: 6px !important;
        margin-bottom: 8px !important;
    }

    .scentaro-price h4 {
        font-size: 19px !important;
    }

    .scentaro-price span {
        font-size: 12px !important;
    }

    .scentaro-features {
        gap: 5px !important;
        margin-bottom: 8px !important;
    }

    .scentaro-feature {
        gap: 6px !important;
        padding-bottom: 4px !important;
        font-size: 12px !important;
    }

    .scentaro-shipping {
        padding: 7px 8px !important;
        margin-bottom: 8px !important;
        border-radius: 10px !important;
        font-size: 11px !important;
    }

    .scentaro-view,
    .scentaro-add-cart {
        height: 36px !important;
        margin-top: 4px !important;
        margin-bottom: 5px !important;
        font-size: 13px !important;
    }

    .scentaro-close {
        top: 8px !important;
        right: 8px !important;
        width: 28px !important;
        height: 28px !important;
        font-size: 18px !important;
    }
}

/* ==================================================
   SCENTARO IPHONE FULLSCREEN SPLASH FIX
   Root-level cover prevents Safari bottom-bar content bleed
================================================== */

/* The actual overlay always owns the full viewport after JavaScript starts. */
#scentaro-splash.scentaro-splash {
    z-index: 2147483646 !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100lvh !important;
    background: #F9ECDC !important;
}

/* Modern iPhone Safari: use root pseudo-elements for the very first paint. */
@supports selector(html:has(body.index)) {
    html:not(.scentaro-splash-finished):has(body.index)::before {
        content: "" !important;
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 2147483645 !important;
        display: block !important;
        width: 100vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        min-height: 100lvh !important;
        visibility: visible !important;
        background: #F9ECDC !important;
        pointer-events: all !important;
    }

    html:not(.scentaro-splash-finished):has(body.index)::after {
        content: "" !important;
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        z-index: 2147483647 !important;
        display: block !important;
        width: min(380px, 78vw) !important;
        height: min(240px, 42dvh) !important;
        visibility: visible !important;
        background: url("https://cdn.files.salla.network/theme/1545915481/41eef610-1048-4cf2-a344-be816ad38e62_500x500.png") center / contain no-repeat !important;
        transform-origin: center !important;
        animation: scentaroRootMegaZoom 2s cubic-bezier(.22, .75, .18, 1) both !important;
        pointer-events: none !important;
    }

    @keyframes scentaroRootMegaZoom {
        0% {
            transform: translate(-50%, -50%) scale(.45);
            opacity: .65;
        }
        62% {
            transform: translate(-50%, -50%) scale(2.8);
            opacity: 1;
        }
        100% {
            transform: translate(-50%, -50%) scale(.05);
            opacity: 0;
        }
    }

    /* Disable the former body pseudo-elements to keep one logo only. */
    html:not(.scentaro-splash-finished):has(body.index) body.index::before,
    html:not(.scentaro-splash-finished):has(body.index) body.index::after {
        content: none !important;
        display: none !important;
        animation: none !important;
        background: none !important;
    }
}

/* Fallback for older iOS versions without :has(). */
@supports not selector(html:has(body.index)) {
    #scentaro-splash .scentaro-splash__logo {
        display: block !important;
    }
}

/* ==================================================
   SCENTARO AUGUST 2026 - FINAL UI POLISH
   Additive overrides only; existing custom features are preserved
================================================== */

/* Homepage product grid: equal card, image and two-line title geometry. */
body.index .s-products-list-wrapper.s-products-list-vertical-cards {
    align-items: stretch !important;
}

body.index .s-products-list-wrapper.s-products-list-vertical-cards > custom-salla-product-card.s-product-card-entry {
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

body.index custom-salla-product-card.s-product-card-entry .s-product-card-image {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
}

body.index custom-salla-product-card.s-product-card-entry .s-product-card-image > a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

body.index custom-salla-product-card.s-product-card-entry .s-product-card-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

body.index custom-salla-product-card.s-product-card-entry .s-product-card-content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
}

body.index custom-salla-product-card.s-product-card-entry .s-product-card-content-main {
    flex: 0 0 auto !important;
}

body.index custom-salla-product-card.s-product-card-entry .s-product-card-content-title {
    display: -webkit-box !important;
    height: 2.9em !important;
    min-height: 2.9em !important;
    max-height: 2.9em !important;
    line-height: 1.45 !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

body.index custom-salla-product-card.s-product-card-entry .s-product-card-content-sub {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
}

body.index custom-salla-product-card.s-product-card-entry .s-product-card-content-footer {
    margin-top: auto !important;
}

/* Rating row is inserted directly below the price. */
.scentaro-card-rating {
    direction: ltr !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 18px !important;
    margin-top: 3px !important;
    gap: 2px !important;
    color: #B88A2B !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

.scentaro-card-rating__star {
    display: inline-block !important;
}

.scentaro-card-rating__star.is-empty {
    color: #CDBB99 !important;
}

/* Product action icons: smaller, equal and precisely stacked. */
custom-salla-product-card .s-product-card-image > salla-button.s-product-card-wishlist-btn {
    position: absolute !important;
    inset: auto auto auto auto !important;
    left: 18px !important;
    top: 14px !important;
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 30 !important;
}

custom-salla-product-card .s-product-card-image > salla-button.s-product-card-wishlist-btn > button {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
}

custom-salla-product-card .s-product-card-wishlist-btn i {
    font-size: 12px !important;
    line-height: 1 !important;
}

custom-salla-product-card .scentaro-qv-btn {
    position: absolute !important;
    inset: auto auto auto auto !important;
    left: 18px !important;
    top: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 30 !important;
}

custom-salla-product-card .scentaro-qv-btn svg {
    width: 12px !important;
    height: 12px !important;
}

/* Compact quick-view popup on laptop/desktop only. */
@media (min-width: 769px) {
    .scentaro-modal {
        padding: 22px !important;
    }

    .scentaro-modal-box {
        position: relative !important;
        width: 390px !important;
        max-width: 84vw !important;
        min-height: 0 !important;
        max-height: 78vh !important;
        padding: 14px !important;
        border-radius: 18px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        gap: 0 !important;
    }

    .scentaro-left {
        margin-bottom: 8px !important;
    }

    .scentaro-left img {
        max-height: 140px !important;
    }

    .scentaro-title {
        margin-bottom: 6px !important;
        font-size: 18px !important;
        line-height: 1.25 !important;
    }

    .scentaro-price {
        gap: 6px !important;
        margin-bottom: 8px !important;
    }

    .scentaro-price h4 {
        font-size: 20px !important;
    }

    .scentaro-price span {
        font-size: 12px !important;
    }

    .scentaro-features {
        gap: 5px !important;
        margin-top: 4px !important;
        margin-bottom: 8px !important;
    }

    .scentaro-feature {
        gap: 6px !important;
        padding-bottom: 4px !important;
        font-size: 12px !important;
    }

    .scentaro-shipping {
        margin-top: 4px !important;
        margin-bottom: 8px !important;
        padding: 7px 9px !important;
        border-radius: 10px !important;
        font-size: 12px !important;
    }

    .scentaro-view,
    .scentaro-add-cart {
        height: 37px !important;
        margin-top: 6px !important;
        margin-bottom: 0 !important;
        font-size: 13px !important;
    }

    .scentaro-close {
        top: 8px !important;
        right: 8px !important;
        width: 28px !important;
        height: 28px !important;
        font-size: 18px !important;
    }
}

/* Login modal: dim the page, never the dialog itself. */
salla-modal.s-login-modal .s-modal-overlay {
    z-index: 9998 !important;
}

salla-modal.s-login-modal .s-modal-wrapper {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;
    pointer-events: none !important;
}

salla-modal.s-login-modal .s-modal-body {
    position: relative !important;
    z-index: 10000 !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Desktop header only: logo on the right, menu directly to its left. */
@media (min-width: 1024px) {
    #mainnav > .inner > .container > .flex.items-stretch.justify-between.relative > .flex.items-center:first-child {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        justify-content: flex-start !important;
        gap: 24px !important;
    }

    #mainnav [data-testid="store-header-logo"].navbar-brand {
        position: static !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        order: 0 !important;
        flex: 0 0 150px !important;
        width: 150px !important;
        min-width: 150px !important;
        height: 58px !important;
        margin: 0 !important;
        transform: none !important;
        z-index: 20 !important;
    }

    #mainnav [data-testid="store-header-logo"].navbar-brand img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        transform: none !important;
    }

    #mainnav custom-main-menu {
        position: static !important;
        order: 1 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    #mainnav custom-main-menu #mobile-menu,
    #mainnav custom-main-menu .main-menu {
        width: 100% !important;
    }

    #mainnav custom-main-menu .main-menu {
        justify-content: flex-start !important;
    }
}

@media (max-width: 640px) {
    custom-salla-product-card .s-product-card-image > salla-button.s-product-card-wishlist-btn {
        left: 14px !important;
        top: 12px !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
    }

    custom-salla-product-card .s-product-card-image > salla-button.s-product-card-wishlist-btn > button {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
    }

    custom-salla-product-card .scentaro-qv-btn {
        left: 14px !important;
        top: 42px !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
    }

    custom-salla-product-card .s-product-card-wishlist-btn i,
    custom-salla-product-card .scentaro-qv-btn svg {
        width: 11px !important;
        height: 11px !important;
        font-size: 11px !important;
    }

    .scentaro-card-rating {
        font-size: 12px !important;
    }
}

/* END SCENTARO AUGUST 2026 - FINAL UI POLISH */

/* ==================================================
   SCENTARO DESKTOP QUICK-VIEW PADDING FIX
================================================== */
@media (min-width: 769px) {
    .scentaro-modal-box .scentaro-left,
    .scentaro-modal-box .scentaro-right {
        padding: 0 !important;
    }
}
/* END SCENTARO DESKTOP QUICK-VIEW PADDING FIX */

/* ==================================================
   SCENTARO AUGUST 2026 - RATING, HEADER AND LOGIN FOLLOW-UP
================================================== */

/* Put product-card rating stars on the right side. */
.scentaro-card-rating {
    justify-content: flex-end !important;
}

/* Keep the entire login layer above the header so its overlay dims everything. */
salla-modal.s-login-modal.s-modal-container {
    z-index: 20000 !important;
}

/* Larger desktop logo only; mobile header remains unchanged. */
@media (min-width: 1024px) {
    #mainnav [data-testid="store-header-logo"].navbar-brand {
        flex: 0 0 220px !important;
        width: 220px !important;
        min-width: 220px !important;
        height: 72px !important;
    }

    #mainnav [data-testid="store-header-logo"].navbar-brand img {
        transform: scale(1.08) !important;
    }
}

/* END SCENTARO AUGUST 2026 - RATING, HEADER AND LOGIN FOLLOW-UP */

/* ==================================================
   SCENTARO DESKTOP HEADER LOGO - VISUAL SCALE FIX
================================================== */
@media (min-width: 1024px) {
    #mainnav [data-testid="store-header-logo"].navbar-brand {
        flex: 0 0 225px !important;
        width: 225px !important;
        min-width: 225px !important;
        height: 84px !important;
        overflow: hidden !important;
    }

    #mainnav [data-testid="store-header-logo"].navbar-brand img {
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center !important;
        transform: scale(1) !important;
    }
}
/* END SCENTARO DESKTOP HEADER LOGO - VISUAL SCALE FIX */

/* ==================================================
   SCENTARO AUGUST 2026 - ALL GRIDS + QUICK CLOSE + RATING MODAL
================================================== */

/* Equal product geometry across every grid and product slider. */
.s-products-list-wrapper.s-products-list-vertical-cards {
    align-items: stretch !important;
}

.s-products-list-wrapper.s-products-list-vertical-cards > custom-salla-product-card.s-product-card-entry.s-product-card-vertical {
    align-self: stretch !important;
    height: 100% !important;
}

salla-products-slider .swiper-wrapper {
    align-items: stretch !important;
}

salla-products-slider .swiper-slide.s-products-slider-card {
    height: auto !important;
}

salla-products-slider .swiper-slide.s-products-slider-card > custom-salla-product-card.s-product-card-entry.s-product-card-vertical {
    height: 100% !important;
}

custom-salla-product-card.s-product-card-entry.s-product-card-vertical {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

custom-salla-product-card.s-product-card-entry.s-product-card-vertical .s-product-card-image {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
}

custom-salla-product-card.s-product-card-entry.s-product-card-vertical .s-product-card-image > a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

custom-salla-product-card.s-product-card-entry.s-product-card-vertical .s-product-card-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

custom-salla-product-card.s-product-card-entry.s-product-card-vertical .s-product-card-content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
}

custom-salla-product-card.s-product-card-entry.s-product-card-vertical .s-product-card-content-main {
    flex: 0 0 auto !important;
    min-height: 102px !important;
}

custom-salla-product-card.s-product-card-entry.s-product-card-vertical .s-product-card-content-title {
    display: -webkit-box !important;
    height: 2.9em !important;
    min-height: 2.9em !important;
    max-height: 2.9em !important;
    line-height: 1.45 !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

custom-salla-product-card.s-product-card-entry.s-product-card-vertical .s-product-card-content-sub {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    min-height: 51px !important;
}

custom-salla-product-card.s-product-card-entry.s-product-card-vertical .s-product-card-content-footer {
    margin-top: auto !important;
}

/* Desktop quick-view: slightly larger close icon with a clear gap above the image. */
@media (min-width: 769px) {
    .scentaro-modal-box {
        padding: 48px 14px 14px !important;
    }

    .scentaro-close {
        top: 9px !important;
        right: 12px !important;
        width: 32px !important;
        height: 32px !important;
        font-size: 20px !important;
        line-height: 1 !important;
    }
}

/* Native Salla rating popup: overlay stays behind the popup, never over it. */
salla-rating-modal.s-rating-modal,
salla-rating-modal-v2 {
    position: relative !important;
    z-index: 20000 !important;
    isolation: isolate !important;
}

salla-rating-modal .s-rating-modal-wrap.s-modal-container,
salla-rating-modal salla-modal.s-modal-container,
salla-rating-modal-v2 salla-modal.s-modal-container {
    z-index: 20000 !important;
}

salla-rating-modal .s-modal-overlay,
salla-rating-modal-v2 .s-modal-overlay {
    z-index: 0 !important;
}

salla-rating-modal .s-modal-wrapper,
salla-rating-modal-v2 .s-modal-wrapper {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

salla-rating-modal .s-modal-body,
salla-rating-modal-v2 .s-modal-body {
    position: relative !important;
    z-index: 2 !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    filter: none !important;
}

/* END SCENTARO AUGUST 2026 - ALL GRIDS + QUICK CLOSE + RATING MODAL */

/* ==================================================
   SCENTARO PRODUCT GALLERY NAV STRIPE FIX
================================================== */

/* The global .sidebar color rule must not paint the product-gallery navigation bar. */
.product-single .details-slider .s-slider-block__title,
.product-single .details-slider .s-slider-block__title-left,
.product-single .details-slider .s-slider-block__title-nav {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.product-single .details-slider .s-slider-nav-arrow.swiper-button-lock {
    display: none !important;
}

.product-single .details-slider .s-slider-nav-arrow:not(.swiper-button-lock) {
    width: 38px !important;
    height: 38px !important;
    border: 1px solid rgba(184, 138, 43, .22) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .10) !important;
}

.product-single .details-slider .s-slider-nav-arrow .s-slider-button-icon,
.product-single .details-slider .s-slider-nav-arrow svg,
.product-single .details-slider .s-slider-nav-arrow path {
    background: transparent !important;
    background-color: transparent !important;
}

/* END SCENTARO PRODUCT GALLERY NAV STRIPE FIX */

/* ==================================================
   SCENTARO AUGUST 2026 - DESKTOP ACCOUNT LAYOUT + RATING LAYER FINAL
================================================== */

/* Desktop only: keep logo/menu in the right section and account/cart in the left section,
   regardless of the logged-in avatar trigger. */
@media (min-width: 1024px) {
    #mainnav > .inner > .container > .flex.items-stretch.justify-between.relative {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        direction: rtl !important;
    }

    #mainnav > .inner > .container > .flex.items-stretch.justify-between.relative > .flex.items-center:first-child {
        position: static !important;
        inset: auto !important;
        order: 1 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        transform: none !important;
    }

    #mainnav > .inner > .container > .flex.items-stretch.justify-between.relative > .flex.items-center.justify-end.my-2\.5 {
        position: static !important;
        inset: auto !important;
        order: 2 !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: max-content !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        align-self: center !important;
        overflow: visible !important;
        transform: none !important;
        z-index: 30 !important;
    }

    #mainnav > .inner > .container > .flex.items-stretch.justify-between.relative > .flex.items-center.justify-end.my-2\.5 > salla-user-menu,
    #mainnav > .inner > .container > .flex.items-stretch.justify-between.relative > .flex.items-center.justify-end.my-2\.5 > salla-cart-summary {
        position: static !important;
        inset: auto !important;
        flex: 0 0 auto !important;
        align-self: center !important;
        transform: none !important;
        overflow: visible !important;
    }

    #mainnav > .inner > .container > .flex.items-stretch.justify-between.relative > .flex.items-center.justify-end.my-2\.5 > salla-user-menu {
        order: 1 !important;
        min-width: 40px !important;
        max-width: 64px !important;
    }

    #mainnav > .inner > .container > .flex.items-stretch.justify-between.relative > .flex.items-center.justify-end.my-2\.5 > salla-cart-summary {
        order: 2 !important;
    }

    #mainnav [data-testid="store-header-logo"].navbar-brand,
    #mainnav [data-testid="store-header-logo"].navbar-brand img,
    #mainnav custom-main-menu {
        position: static !important;
        inset: auto !important;
        transform-origin: center !important;
    }
}

/* The Salla rating component uses a shadow-based modal. Raise the modal host itself
   above every generic backdrop so the backdrop stays behind the rating card. */
salla-rating-modal,
salla-rating-modal-v2 {
    position: relative !important;
    z-index: 2147482000 !important;
    isolation: isolate !important;
}

salla-modal.s-rating-modal-wrap,
salla-rating-modal > salla-modal,
salla-rating-modal-v2 > salla-modal,
salla-rating-modal salla-modal,
salla-rating-modal-v2 salla-modal {
    z-index: 2147483000 !important;
    isolation: isolate !important;
    opacity: 1 !important;
    filter: none !important;
}

salla-modal.s-rating-modal-wrap > .s-rating-modal-wrapper,
salla-rating-modal .s-rating-modal-wrapper,
salla-rating-modal-v2 .s-rating-modal-wrapper,
salla-rating-modal .s-rating-modal-edit-wrapper,
salla-rating-modal-v2 .s-rating-modal-edit-wrapper,
salla-rating-modal .s-rating-modal-delete-wrapper,
salla-rating-modal-v2 .s-rating-modal-delete-wrapper {
    position: relative !important;
    z-index: 2147483001 !important;
    opacity: 1 !important;
    filter: none !important;
}

/* END SCENTARO AUGUST 2026 - DESKTOP ACCOUNT LAYOUT + RATING LAYER FINAL */

/* SCENTARO FULL SITE CACHE REFRESH: 2026-08-13T13:27:24.975Z */

/* ==================================================
   SCENTARO AUGUST 2026 - LOGGED-IN USER BESIDE CART (DESKTOP)
================================================== */
@media (min-width: 1024px) {
    #mainnav > .inner > .container > .flex.items-stretch.justify-between.relative > .flex.items-center.justify-end.my-2\.5 > salla-user-menu {
        position: relative !important;
        inset: auto !important;
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        flex: 0 0 40px !important;
        align-self: center !important;
        transform: none !important;
        overflow: visible !important;
    }

    #mainnav > .inner > .container > .flex.items-stretch.justify-between.relative > .flex.items-center.justify-end.my-2\.5 > salla-user-menu .s-user-menu-wrapper,
    #mainnav > .inner > .container > .flex.items-stretch.justify-between.relative > .flex.items-center.justify-end.my-2\.5 > salla-user-menu .s-user-menu-trigger-slot {
        position: relative !important;
        inset: auto !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        transform: none !important;
        overflow: visible !important;
    }

    #mainnav > .inner > .container > .flex.items-stretch.justify-between.relative > .flex.items-center.justify-end.my-2\.5 > salla-user-menu .s-user-menu-trigger {
        position: static !important;
        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transform: none !important;
        transform-origin: center !important;
        border-radius: 50% !important;
        background: transparent !important;
    }

    #mainnav > .inner > .container > .flex.items-stretch.justify-between.relative > .flex.items-center.justify-end.my-2\.5 > salla-user-menu .s-user-menu-avatar-wrap,
    #mainnav > .inner > .container > .flex.items-stretch.justify-between.relative > .flex.items-center.justify-end.my-2\.5 > salla-user-menu .s-user-menu-trigger-avatar {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        transform: none !important;
        border-radius: 50% !important;
        object-fit: cover !important;
    }
}
/* END SCENTARO AUGUST 2026 - LOGGED-IN USER BESIDE CART (DESKTOP) */

/* =========================================================
   SCENTARO — Rating modal must stay above unrelated overlays
   ========================================================= */
body:has(salla-modal.s-rating-modal-wrap[visible]) .s-user-menu-toggler::before,
body:has(salla-modal.s-rating-modal-wrap[visible]) .s-user-menu-toggler.opened::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

salla-modal.s-rating-modal-wrap[visible] {
  position: fixed !important;
  z-index: 2147483646 !important;
  isolation: isolate !important;
  opacity: 1 !important;
  filter: none !important;
}

salla-modal.s-rating-modal-wrap[visible] .s-modal-wrapper {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

salla-modal.s-rating-modal-wrap[visible] .s-modal-overlay {
  z-index: 0 !important;
}

salla-modal.s-rating-modal-wrap[visible] .s-modal-body,
salla-modal.s-rating-modal-wrap[visible] .s-rating-modal-wrapper {
  position: relative !important;
  z-index: 2 !important;
  opacity: 1 !important;
  filter: none !important;
  pointer-events: auto !important;
}
/* END SCENTARO — Rating modal overlay fix */