@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@600;700;800;900&display=swap");

/* ================= كود التاجر القديم (كان بخانة CSS المخصص — منقول كما هو) ================= */
/* Add custom CSS styles below */ 
.product-card__image {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1; /* عدلها إذا بدك نسبة مختلفة */
    overflow: hidden;
}

.product-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.faq {
  margin-top: 20px;
  background: #fafafa;
  padding: 15px;
  border-radius: 10px;
}

.product-short-description {
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  margin-bottom: 20px;
}

.faq-item {
  border-bottom: 1px solid #eee;
  padding: 12px 0;
  cursor: pointer;
  transition: background 0.2s;
}

.faq-item:hover {
  background: #f0f0f0;
}

.faq-question {
  font-weight: bold;
  font-size: 14px;
}

.faq-answer {
  display: none;
  margin-top: 8px;
  color: #555;
  line-height: 1.6;
}

.faq-item.active .faq-answer {
  display: block;
}

.zudapp-widget__bundle-style-1__offer-discount-wrapper, 
.zudapp-widget__bundle-style-8__sub-discount-wrapper {
    display: none !important;
}

#free-shipping {
  display: none;
}
@media (min-width: 1024px) {
    .lg\:flex-row {
        flex-direction: row;
        padding-top: 3rem;
    }
}

@media (min-width: 768px) {
    .product-card__promotion {
        padding-bottom: .5rem;
        padding-top: .5rem;
        display: none;
    }
}
/* ================= /كود التاجر القديم ================= */

/* زر Klaviyo الثابت «خصم %10» (التيزر) مخفي — النافذة نفسها بتضل تشتغل حسب إعدادات Klaviyo.
   ممنوع display:none: Klaviyo بيستنى حركة التيزر تخلص ليشيل خلفية النافذة، وبلاها بتضل طبقة شفافة فوق كل الصفحة وبتوقف النقر والسكرول. */
span[class*="Teaser-pointer"],div:has(> span[class*="Teaser-pointer"]),div:has(> span[class*="Teaser-pointer"]) *,[class*="kl-teaser-"],[class*="kl-teaser-"] *{visibility:hidden !important;opacity:0 !important;pointer-events:none !important}
/* تابع لـ BusinessChat (bc-cdn.net — تطبيق الواتساب/الشات): الزر الثابت «احصل على خصم لفترة محدودة» تحت الشاشة مخفي.
   الستايل تبعو inline (display:block) لهيك لازم !important. النافذة نفسها (bcio__popupRoot) ما انلمست */
#bcio-popups [data-testid="bcio__popupTeaser"],[data-testid="bcio__popupTeaser"]{display:none !important}


/* ================= الألوان: لون واحد لكل الموقع (بنفسجي ليلي + وردي هاي سمايل) =================
   كل الألوان هون. بدك تغيّر لون؟ غيّرو بهالقسم بس.
   :root:root أقوى من :root تبع الثيم (اللي بينحط بالصفحة بعد هالملف). */
:root:root{
  --hs-ink:#2a0b3d;--hs-ink-2:#4a2b5c;--hs-muted:#806c8f;--hs-line:#f1dfeb;
  --hs-sand:#fcf4f9;--hs-sand-2:#f6e5f0;--hs-pink:#e5338f;--hs-pink-2:#c21d74;--hs-pink-soft:#fde6f1;--hs-violet:#7b3fe4;--hs-night:#24093a;
  --hs-btn:linear-gradient(135deg,#f45fab,#d6247f);
  /* متغيّرات الثيم نفسو */
  --color-primary:#c21d74;--color-primary-dark:#9c165d;--color-primary-light:#f45fab;--color-primary-reverse:#ffffff;
  --bg-primary:#fdf7fb;--store-text-primary:#2a0b3d;--store-text-secondary:#806c8f;
  --product-border-color:#f1dfeb;--product-enhanced-btn-bg:#e5338f;--product-enhanced-btn-color:#fff;
  --countdown-bg:#fde6f1;--countdown-color:#c21d74;--countdown-border-color:#fde6f1;
  --footer-bg:#24093a;--footer-text-color:rgba(255,255,255,.78);--bottom-footer-bg:#1b0630;
  --bottom-nav-bg:#ffffff;--bottom-nav-text-color:#2a0b3d;
}
::selection{background:#fde6f1;color:#2a0b3d}
/* رمز الريال الجديد (hismile.js بيبدّل «ر.س» بأيقونة sicon-sar تبع سلة) */
.hs-sar{display:inline-block;font-size:.85em;line-height:1;margin-inline-start:.15em;vertical-align:-.04em;font-style:normal}

/* ================= عناوين أقسام الرئيسية (بلوكات الثيم) ================= */
.home-block-title h2,.square-links__title,.s-slider-block__title h2,.testimonials__title{font-family:"Cairo",sans-serif !important;font-weight:900 !important;letter-spacing:-.01em;color:var(--hs-ink) !important}
.home-block-title p,.square-links__subtitle{color:var(--hs-muted) !important}
.enhanced-title-border{background:linear-gradient(90deg,#f45fab,#7b3fe4) !important;height:4px !important;width:56px !important;border-radius:4px;border:0 !important}
.s-block--best-offers .btn--outline-primary{border-radius:999px !important;border:1.5px solid var(--hs-ink) !important;color:var(--hs-ink) !important;padding-inline:20px !important;font-weight:800}
.s-block--best-offers .btn--outline-primary:hover{background:var(--hs-ink) !important;color:#fff !important}
.square-links__image-wrap{border-radius:18px !important;box-shadow:0 18px 34px -24px rgba(42,11,61,.5)}
.square-links__item-title{color:var(--hs-ink) !important;font-weight:800 !important}
.btn-tab-primary.product-tab{border-radius:999px !important;font-weight:800}
.btn-tab-primary.product-tab.active{background:var(--hs-ink) !important;border-color:var(--hs-ink) !important;color:#fff !important}
/* ================= /عناوين الأقسام ================= */

/* ================= كرت المنتج (كل الموقع) =================
   الصورة مربعة بزوايا جوّا الكرت · الاسم سطرين · السعر بأسفل الكرت · زر وردي بعرض الكرت دايمًا */
custom-salla-product-card.product-card{
  display:flex !important;flex-direction:column;height:100%;
  background:#fff !important;border:1px solid var(--hs-line) !important;border-radius:18px !important;overflow:hidden;
  text-align:center;transition:transform .25s ease,box-shadow .25s ease;
}
@media (hover:hover){custom-salla-product-card.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px -20px rgba(42,11,61,.38)}}
.swiper-slide:has(> custom-salla-product-card){height:auto !important}
/* الصورة */
custom-salla-product-card.product-card .product-card__image{
  flex:none !important;height:auto !important;max-height:none !important;aspect-ratio:1/1;
  margin:8px 8px 0;width:calc(100% - 16px);border-radius:14px !important;background:var(--hs-sand) !important;
}
custom-salla-product-card.product-card .product-card__image > a{display:block;width:100%;height:100%}
custom-salla-product-card.product-card .product-card__image img{width:100%;height:100% !important;object-fit:cover}
/* شارة العرض: كبسولة (الثيم بيخبيها ≥768 حسب كود التاجر فوق) */
custom-salla-product-card.product-card .product-card__promotion{
  top:10px !important;left:auto !important;right:auto !important;inset-inline-start:10px !important;
  max-width:calc(100% - 60px);padding:5px 11px !important;border-radius:999px;
  background:var(--hs-ink) !important;color:#fff;font-size:11px;font-weight:800;line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
custom-salla-product-card.product-card .product-card__out-label{border-radius:999px;background:#6b7280 !important}
/* المفضلة + العرض السريع (الجوال) */
custom-salla-product-card.product-card .product-card__actions{top:10px !important;right:auto !important;inset-inline-end:10px}
custom-salla-product-card.product-card .product-card__actions div button{width:34px !important;height:34px !important;background:rgba(255,255,255,.95) !important;color:var(--hs-ink) !important;border:0 !important;box-shadow:0 2px 8px rgba(42,11,61,.14)}
custom-salla-product-card.product-card .product-card__actions div button i{color:var(--hs-ink) !important}
/* أزرار المرور فوق الصورة (الكمبيوتر) */
custom-salla-product-card.product-card .product-card__buttons{bottom:14px}
custom-salla-product-card.product-card .product-card__buttons > div button{background:#fff;box-shadow:0 6px 16px -6px rgba(42,11,61,.35)}
custom-salla-product-card.product-card .product-card__buttons > div button:hover{background:var(--hs-pink) !important;animation:none}
custom-salla-product-card.product-card .product-card__buttons > div::before{background:var(--hs-ink);border-radius:6px;font-family:"Cairo",sans-serif}
custom-salla-product-card.product-card .product-card__buttons > div::after{border-top-color:var(--hs-ink)}
/* زر الإضافة الشفاف فوق الصورة: مخفي، الزر الأساسي صار تحت */
custom-salla-product-card.product-card .product-card__addToCart{display:none !important}
/* النصوص */
custom-salla-product-card.product-card .product-card__content{flex:1;display:flex;flex-direction:column;padding:12px 12px 0 !important;background:transparent !important}
custom-salla-product-card.product-card .product-card__content-wrapper{flex:1;display:flex;flex-direction:column;padding:0 !important}
custom-salla-product-card.product-card .product-card__title{margin:0 0 4px !important}
custom-salla-product-card.product-card .product-card__title a{
  display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.9em;
  font-family:"Cairo",sans-serif;font-size:15px !important;font-weight:800 !important;line-height:1.45 !important;color:var(--hs-ink) !important;
}
custom-salla-product-card.product-card .product-card__title a:hover{color:var(--hs-pink-2) !important}
custom-salla-product-card.product-card .product-card__subtitle{margin:0 0 2px;font-size:12px !important;color:var(--hs-muted) !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* السعر: دايمًا بأسفل منطقة النص */
custom-salla-product-card.product-card .product-card__price{margin-top:auto;padding-top:8px;flex-wrap:wrap;gap:4px 8px !important;line-height:1.2 !important}
custom-salla-product-card.product-card .product-card__price .total-price{top:0 !important;margin:0;font-family:"Cairo",sans-serif;font-size:18px !important;font-weight:900 !important;color:var(--hs-ink) !important}
custom-salla-product-card.product-card .price_is_on_sale .total-price{color:var(--hs-pink-2) !important}
custom-salla-product-card.product-card .product-card__price .before-price{margin:0 !important;font-size:13px !important;color:#a898b3 !important}
custom-salla-product-card.product-card .product-card-countdown{margin-top:8px;display:block}
custom-salla-product-card.product-card .product-card-countdown .s-count-down-item{border-radius:8px !important}
/* زر الإضافة الوردي: بيبيّن بكل الشاشات (الثيم كان يخبيه ≥991) */
body custom-salla-product-card.product-card .product-card__enhanced-mini-cart{display:block !important;padding:10px 10px 10px}
body custom-salla-product-card.product-card .product-card__enhanced-mini-cart-divider{display:none !important}
custom-salla-product-card.product-card .product-card__enhanced-mini-cart salla-add-product-button,
custom-salla-product-card.product-card .product-card__enhanced-mini-cart salla-button,
custom-salla-product-card.product-card .product-card__enhanced-mini-cart .s-button-wrap{display:block !important;width:100% !important}
custom-salla-product-card.product-card .product-card__enhanced-mini-cart button.s-button-element{
  width:100% !important;height:42px;padding:0 12px !important;border:0 !important;border-radius:12px !important;
  background:var(--hs-btn) !important;color:#fff !important;font-family:"Cairo",sans-serif;font-size:14px !important;font-weight:800 !important;
  box-shadow:0 10px 20px -12px rgba(214,36,127,.7);transition:filter .2s,transform .2s !important;
}
custom-salla-product-card.product-card .product-card__enhanced-mini-cart button.s-button-element:hover{filter:brightness(1.06);transform:translateY(-1px)}
custom-salla-product-card.product-card .product-card__enhanced-mini-cart__btn--inner{gap:8px}
custom-salla-product-card.product-card .product-card__enhanced-mini-cart .enhanced-icon{font-size:16px;color:#fff !important}
custom-salla-product-card.product-card.out-of-stock .product-card__enhanced-mini-cart button.s-button-element{background:#efe8ee !important;color:#7a6b86 !important;box-shadow:none}
custom-salla-product-card.product-card.out-of-stock .product-card__enhanced-mini-cart .enhanced-icon{color:#7a6b86 !important}
@media (max-width:640px){
  custom-salla-product-card.product-card{border-radius:14px !important}
  custom-salla-product-card.product-card .product-card__image{margin:6px 6px 0;width:calc(100% - 12px);border-radius:10px !important}
  custom-salla-product-card.product-card .product-card__content{padding:10px 8px 0 !important}
  custom-salla-product-card.product-card .product-card__title a{font-size:13.5px !important}
  custom-salla-product-card.product-card .product-card__price .total-price{font-size:16px !important}
  custom-salla-product-card.product-card .product-card__price .before-price{font-size:12px !important}
  body custom-salla-product-card.product-card .product-card__enhanced-mini-cart{padding:8px 6px 6px}
  custom-salla-product-card.product-card .product-card__enhanced-mini-cart button.s-button-element{height:38px;font-size:13px !important;border-radius:10px !important}
  custom-salla-product-card.product-card .product-card__promotion{top:8px !important;inset-inline-start:8px !important;font-size:10px;padding:4px 8px !important}
}
/* ================= /كرت المنتج ================= */

/* ================= الهيدر فوق السلايدر (الرئيسية) =================
   hismile.js بيحط على body: hs-head-clear (الهيدر شفاف وإحنا فوق السلايدر) و hs-head-light (السلايد الحالي فاتح) */
salla-advertisement{position:relative;z-index:31}
body.hs-has-hero .store-header{position:relative;z-index:30}
.store-header,.store-header .top-navbar,#mainnav .inner{transition:background-color .35s,box-shadow .35s}
.store-header .navbar-brand img{transition:filter .35s}
body.hs-head-clear .store-header,
body.hs-head-clear .store-header .top-navbar,
body.hs-head-clear #mainnav,
body.hs-head-clear #mainnav .inner{background:transparent !important;box-shadow:none !important;border-color:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
body.hs-head-clear:not(.hs-head-light) .store-header :is(a,button,span,p,i,b,salla-cart-summary,salla-bullet-delivery-tag):not(salla-localization-modal *,.s-modal-wrapper *){color:#fff !important}
/* الثيم عندو .show-original-logo-on-scroll .navbar-brand img{filter:none!important} — لهيك لازم !important هون */
body.hs-head-clear:not(.hs-head-light) .store-header .navbar-brand img{filter:brightness(0) invert(1) !important}
/* حجم اللوغو: أصغر من 48px تبع الثيم */
.store-header .navbar-brand img{height:38px !important;max-height:38px;width:auto !important;min-width:0}
@media (max-width:1024px){.store-header .navbar-brand img{height:30px !important;max-height:30px}}
body.hs-head-clear:not(.hs-head-light) .store-header .main-menu__desktop-item > a:hover{opacity:.8}
/* بعد ما hismile.js ينقل السلايدر لفوق: بلوك «محتوى HTML» نفسو وما قبلو بلا هوامش (كانت تعمل فراغ كبير تحت شريط الثقة) */
.hs-hero-host{margin:0 !important;padding:0 !important}
.hs-hero-host + main{margin-top:0 !important;padding-top:0 !important}
section.s-block:has(> * .hs-home),section.s-block:has(.hs-home){margin-top:0 !important;padding-top:0 !important}
.s-block-html-content:has(.hs-home){margin-top:0 !important;padding-top:0 !important}
/* ================= /الهيدر ================= */

/* ================= الهيدر العادي: روابط القائمة (الكمبيوتر) ================= */
@media (min-width:1024px){
  .store-header .main-menu__desktop-item > a{font-family:"Cairo",sans-serif;font-weight:800;color:var(--hs-ink)}
  .store-header .main-menu__desktop-item > a:hover{color:var(--hs-pink-2)}
}

/* ================= الفوتر: بنفسجي ليلي بنفس روح السلايدر ================= */
.footer-is-custom .store-footer,.store-footer{position:relative;background:radial-gradient(circle at 88% 0%,rgba(229,51,143,.28),transparent 40%),radial-gradient(circle at 8% 100%,rgba(123,63,228,.26),transparent 42%),#24093a !important;color:rgba(255,255,255,.78) !important}
.store-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#f45fab,#c79bff,#f45fab,transparent)}
.store-footer .footer-title{font-family:"Cairo",sans-serif !important;font-weight:900 !important;color:#fff !important}
.store-footer .footer-title::after{content:"";display:block;width:28px;height:3px;margin-top:8px;border-radius:3px;background:#ff7cc0}
.store-footer a,.store-footer p,.store-footer span,.store-footer li{color:rgba(255,255,255,.78) !important}
.store-footer a:hover{color:#ffc0e0 !important}
.store-footer .footer-logo img{filter:brightness(0) invert(1)}
.store-footer selia-contacts i,.store-footer selia-contacts svg{color:#ffc0e0 !important;fill:currentColor}
.store-footer .footer-bottom{background:#1b0630 !important;border-top:1px solid rgba(255,255,255,.08)}
.store-footer salla-payments img,.store-footer salla-payments [class*="item"]{background:#fff;border-radius:6px}
.scroll-to-top{background:#24093a !important;color:#ffc0e0 !important}
.scroll-to-top svg path{stroke:#ff7cc0 !important}
/* ترتيب الأعمدة: الشعار | الروابط (عمودين) | تواصل معنا — بلا عمود التطبيقات الفاضي */
.store-footer .store-footer__inner{border-bottom:0 !important;padding-top:56px !important;padding-bottom:40px !important}
.store-footer .grid-itme:has(.store-footer__apps:empty){display:none}
.store-footer .store-footer__brand,.store-footer .store-footer__links-column,.store-footer .store-footer__contacts-column{grid-column:1/-1 !important;margin-bottom:28px}
.store-footer .store-footer__account-column{grid-column:1/-1 !important}
@media (min-width:1024px){
  .store-footer .store-footer__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1.6fr) minmax(0,1fr) !important;gap:56px !important}
  .store-footer .store-footer__grid:has(.s-user-menu-inline){grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1.5fr) minmax(0,1fr) !important;gap:40px !important}
  .store-footer .store-footer__brand,.store-footer .store-footer__links-column,.store-footer .store-footer__contacts-column,.store-footer .store-footer__account-column{grid-column:auto !important;margin-bottom:0}
  .store-footer .store-footer__brand{display:flex;flex-direction:column;align-items:flex-start}
  .store-footer .store-footer__brand .footer-logo img{margin:0}
}
.store-footer .footer-description,.store-footer .footer-description p{max-width:26rem !important;font-size:14px !important;line-height:1.9 !important}
.store-footer .footer-badges{gap:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.04)}
.store-footer .footer-tax__number p{color:rgba(255,255,255,.6) !important}
.store-footer .footer-tax__number b{color:#fff;letter-spacing:.04em}
/* الروابط: شبكة عمودين بنقطة وردية بدل الأعمدة الضيقة اللي بتكسر السطر */
.store-footer .footer-list.enhanced_links{column-count:auto !important;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;margin:0;width:auto !important}
.store-footer .footer-list.enhanced_links li{margin:0 !important}
.store-footer .footer-list.enhanced_links a{display:flex;align-items:center;gap:10px;font-size:15px !important;line-height:1.5}
.store-footer .footer-list.enhanced_links a::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#ff7cc0;opacity:.75;transition:transform .2s}
.store-footer .footer-list.enhanced_links a:hover::before{transform:scale(1.6);opacity:1}
/* تواصل معنا: كبسولات بعرض متساوي (2 × 2) */
.store-footer selia-contacts .enhanced-contact-item{flex:1 1 calc(50% - 6px);justify-content:flex-start;gap:8px;min-height:46px;padding:10px 14px !important;border:1px solid rgba(255,255,255,.14) !important;border-radius:12px !important;background:rgba(255,255,255,.05);font-size:14px !important;transition:background .2s,border-color .2s}
.store-footer selia-contacts .enhanced-contact-item:hover{background:rgba(229,51,143,.18);border-color:rgba(255,124,192,.5) !important;opacity:1}
.store-footer selia-contacts .enhanced-contact-item i{font-size:17px}
/* الشريط السفلي: كلو بالنص وفوق بعض (السوشال ← الدفع ← الحقوق) ومساحة تحت للأزرار العايمة */
.store-footer .store-footer__bottom-row{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:18px;padding:22px 0 84px}
.store-footer .store-footer__bottom-social{order:1;padding:0 !important}
.store-footer .store-footer__bottom-row > div:has(salla-payments){order:2}
.store-footer .footer-rights{order:3;padding:0 !important;text-align:center}
.store-footer .footer-rights p{margin:0 !important;font-size:13px;color:rgba(255,255,255,.55) !important}
.store-footer salla-social a{width:40px !important;height:40px !important;border:1px solid rgba(255,255,255,.2) !important;border-radius:50% !important;background:rgba(255,255,255,.05);opacity:1 !important;transition:background .2s,border-color .2s,transform .2s}
.store-footer salla-social a:hover{background:#e5338f;border-color:#e5338f !important;transform:translateY(-2px)}
.store-footer salla-social a i,.store-footer salla-social a svg{color:#fff !important;fill:#fff}
.store-footer salla-payments ul,.store-footer salla-payments > div{justify-content:center !important;flex-wrap:wrap;gap:8px}
/* ================= /الفوتر ================= */

/* ================= شريط الجوال السفلي ================= */
.selia-bottom-nav{background:#fff !important;border-top:1px solid var(--hs-line);box-shadow:0 -10px 30px -18px rgba(42,11,61,.35)}
.selia-bottom-nav-button span{font-family:"Cairo",sans-serif;font-weight:700;color:var(--hs-ink)}
.selia-bottom-nav .s-cart-summary-count,.selia-bottom-nav [class*="count"]{background:var(--hs-pink) !important;color:#fff !important}

/* ================= قائمة الجوال (MmenuLight: nav#mobile-menu جوّا .mm-ocd) =================
   hismile.js بيضيف: hs-mnav على الـnav، أيقونة لكل عنصر (.hs-mi)، وشريط بآخر القائمة (.hs-mnav-foot) */
@media (max-width:1024px){
  .mm-ocd__content{background:linear-gradient(180deg,#fff8fc 0%,#fbeaf4 100%) !important}
  .mm-ocd__backdrop{background:rgba(36,9,58,.5) !important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
  #mobile-menu.mm-spn{background:transparent !important;color:var(--hs-ink) !important;--mm-spn-item-height:64px}
  #mobile-menu.mm-spn ul{background:transparent !important}
  /* العنوان فوق */
  #mobile-menu.mm-spn.mm-spn--navbar::after{font-family:"Cairo",sans-serif;font-size:22px;font-weight:900;color:var(--hs-ink) !important;opacity:1;line-height:64px}
  #mobile-menu.mm-spn.mm-spn--navbar ul::before{opacity:.0}
  /* زر الإغلاق: دائرة بيضا */
  #mobile-menu .btn--close.close-mobile-menu{top:10px !important;width:44px;height:44px;margin-inline:14px;border-radius:50%;display:flex !important;align-items:center;justify-content:center;background:#fff;border:1px solid var(--hs-line);box-shadow:0 6px 16px -10px rgba(42,11,61,.45);color:var(--hs-ink) !important;font-size:18px}
  /* العناصر: كروت */
  #mobile-menu .main-menu{padding-top:6px !important}
  #mobile-menu .main-menu > li.main-menu__item{margin:0 14px 10px !important;border:1px solid var(--hs-line);border-radius:18px;background:#fff;box-shadow:0 10px 24px -20px rgba(42,11,61,.55);opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s cubic-bezier(.2,.8,.2,1)}
  .mm-ocd--open #mobile-menu .main-menu > li.main-menu__item{opacity:1;transform:none}
  .mm-ocd--open #mobile-menu .main-menu > li:nth-child(3){transition-delay:.04s}
  .mm-ocd--open #mobile-menu .main-menu > li:nth-child(5){transition-delay:.08s}
  .mm-ocd--open #mobile-menu .main-menu > li:nth-child(7){transition-delay:.12s}
  .mm-ocd--open #mobile-menu .main-menu > li:nth-child(9){transition-delay:.16s}
  .mm-ocd--open #mobile-menu .main-menu > li:nth-child(11){transition-delay:.2s}
  .mm-ocd--open #mobile-menu .main-menu > li:nth-child(n+13){transition-delay:.24s}
  #mobile-menu .main-menu > li.main-menu__item::after,#mobile-menu .main-menu > li.main-menu__item::before{display:none !important}
  #mobile-menu .main-menu > li.main-menu__item:active{transform:scale(.98)}
  #mobile-menu .main-menu > li.main-menu__item > a.main-menu__link{display:flex !important;align-items:center;gap:14px !important;padding:10px 14px !important;font-family:"Cairo",sans-serif;font-size:16px;font-weight:800;line-height:1.3;color:var(--hs-ink) !important}
  #mobile-menu .main-menu > li.main-menu__item > a.main-menu__link > span:not(.hs-mi){flex:1;padding:0 !important}
  #mobile-menu .main-menu > li.main-menu__item > a.main-menu__link::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:#fbeaf4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c21d74' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E") center/14px no-repeat}
  html:not([lang^="ar"]) #mobile-menu .main-menu > li.main-menu__item > a.main-menu__link::after{transform:scaleX(-1)}
  #mobile-menu .main-menu > li.main-menu__item.is-current{border-color:var(--hs-pink);box-shadow:0 0 0 3px rgba(229,51,143,.14),0 10px 24px -20px rgba(42,11,61,.55)}
  #mobile-menu li.hs-mi-sale > a.main-menu__link{color:var(--hs-pink-2) !important}
  /* الأيقونة */
  #mobile-menu .hs-mi{flex:none;display:grid !important;place-items:center;width:44px;height:44px;padding:0 !important;border-radius:14px;background:linear-gradient(145deg,#fde6f1,#f6d3e6);color:var(--hs-pink-2)}
  #mobile-menu .hs-mi--violet{background:linear-gradient(145deg,#efe6ff,#ddcdfb);color:#6a33d1}
  #mobile-menu .hs-mi--ink{background:linear-gradient(145deg,#ece6f1,#dcd2e6);color:var(--hs-ink)}
  #mobile-menu .hs-mi--sale{background:linear-gradient(145deg,#ff8ccb,#e5338f);color:#fff}
  #mobile-menu .hs-mi i{display:block;width:22px;height:22px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
  #mobile-menu .hs-mi b{font-family:"Cairo",sans-serif;font-size:19px;font-weight:900;line-height:1}
  /* الشريط بآخر القائمة */
  #mobile-menu li.hs-mnav-foot{margin:8px 14px 10px !important;padding:14px 16px !important;display:flex !important;align-items:center;gap:12px;border-radius:18px;background:radial-gradient(circle at 90% 0%,rgba(229,51,143,.45),transparent 55%),#24093a;color:#fff}
  #mobile-menu li.hs-mnav-foot::before,#mobile-menu li.hs-mnav-foot::after{display:none !important}
  #mobile-menu li.hs-mnav-foot i{flex:none;width:22px;height:22px;background:#ff9fd0;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
  #mobile-menu li.hs-mnav-foot b{display:block;padding:0 !important;font-family:"Cairo",sans-serif;font-size:14.5px;font-weight:800;color:#fff}
  #mobile-menu li.hs-mnav-foot small{display:block;font-size:12.5px;color:rgba(255,255,255,.72)}
}
/* الثيم بيستعمل نفس القائمة للكمبيوتر — كل إضافات الجوال (الأيقونات، المنتجات، الشريط) مخفية فوق 1024 */
@media (min-width:1025px){#mobile-menu .hs-mi,#mobile-menu .hs-mnav-foot{display:none !important}}
.hs-i-tooth{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 3.5c-2.5 0-4 2-4 4.5 0 3 1.2 4.5 1.8 7 .6 2.6 1 5.5 2.7 5.5 1.6 0 1.7-3.5 2.4-5.5.4-1.1.9-1.5 1.6-1.5s1.2.4 1.6 1.5c.7 2 .8 5.5 2.4 5.5 1.7 0 2.1-2.9 2.7-5.5.6-2.5 1.8-4 1.8-7 0-2.5-1.5-4.5-4-4.5-1.7 0-2.8 1-4.5 1s-2.8-1-4.5-1z'/%3E%3C/svg%3E")}
.hs-i-spark{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9z'/%3E%3Cpath d='M19 15l.7 1.8 1.8.7-1.8.7L19 20l-.7-1.8-1.8-.7 1.8-.7z'/%3E%3C/svg%3E")}
.hs-i-drop{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3s6 6.6 6 11a6 6 0 0 1-12 0c0-4.4 6-11 6-11z'/%3E%3Cpath d='M9.5 14.5a2.5 2.5 0 0 0 2.5 2.5'/%3E%3C/svg%3E")}
.hs-i-gift{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13M19 12v9H5v-9M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E")}
.hs-i-grid{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6.5' height='6.5' rx='1.8'/%3E%3Crect x='13.5' y='4' width='6.5' height='6.5' rx='1.8'/%3E%3Crect x='4' y='13.5' width='6.5' height='6.5' rx='1.8'/%3E%3Crect x='13.5' y='13.5' width='6.5' height='6.5' rx='1.8'/%3E%3C/svg%3E")}
.hs-i-box{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5l9-4.5 9 4.5v9l-9 4.5-9-4.5z'/%3E%3Cpath d='M3 7.5l9 4.5 9-4.5M12 12v9'/%3E%3C/svg%3E")}
.hs-i-page{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6z'/%3E%3Cpath d='M14 3v5h5M9 13h7M9 17h5'/%3E%3C/svg%3E")}
.hs-i-shield{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8.2-8 9-4.6-.8-8-4.5-8-9V6z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E")}
.hs-i-card{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2.5'/%3E%3Cpath d='M3 10h18M7 15h3'/%3E%3C/svg%3E")}
.hs-i-chat{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3Cpath d='M8 10h8M8 13h5'/%3E%3C/svg%3E")}
/* ================= /قائمة الجوال ================= */

/* ================= صفحة التصنيف / كل المنتجات (hismile.js بيضيف hs-cat-page على body + شريط التصنيفات) ================= */
.hs-cat-page .product-index__toolbar{flex-wrap:wrap;gap:12px;align-items:flex-end}
.hs-cat-page #page-main-title{font-family:"Cairo",sans-serif !important;font-size:30px !important;font-weight:900 !important;letter-spacing:-.01em;color:var(--hs-ink) !important;line-height:1.25}
.hs-cat-page #page-main-title::after{content:"";display:block;width:48px;height:4px;margin-top:8px;border-radius:4px;background:linear-gradient(90deg,#f45fab,#7b3fe4)}
.hs-cat-page .product-index__sorting label{font-weight:700;color:var(--hs-muted)}
.hs-cat-page #product-filter{height:44px;padding-inline:14px 36px;border-radius:12px !important;border:1px solid var(--hs-line) !important;background-color:#fff !important;font-family:"Cairo",sans-serif;font-size:14px;font-weight:700;color:var(--hs-ink)}
.hs-cat-page #product-filter:focus{border-color:var(--hs-pink) !important;box-shadow:0 0 0 3px rgba(229,51,143,.15) !important;outline:0}
.hs-catbar{position:sticky;top:var(--hs-bar-top,0px);z-index:20;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 20px;padding:10px 4px;scroll-snap-type:x proximity;background:rgba(253,247,251,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 18px 18px;transition:top .2s}
.hs-catbar::-webkit-scrollbar{display:none}
/* overflow-x:hidden تبع الثيم على body بيكسر position:sticky — clip بيمنع السكرول الجانبي بلا ما يكسرو */
body.hs-cat-page{overflow-x:clip !important}
.hs-chip{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--hs-line);color:var(--hs-ink) !important;font-family:"Cairo",sans-serif;font-size:14px;font-weight:800;white-space:nowrap;transition:border-color .2s,background .2s,color .2s,box-shadow .2s}
.hs-chip i{width:18px;height:18px;background:var(--hs-pink);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.hs-chip b{font-size:16px;font-weight:900;line-height:1;color:var(--hs-pink)}
.hs-chip.is-on b{color:#ff9fd0}
.hs-chip:hover{border-color:var(--hs-ink)}
.hs-chip.is-on{background:var(--hs-ink);border-color:var(--hs-ink);color:#fff !important;box-shadow:0 8px 20px -10px rgba(42,11,61,.6)}
.hs-chip.is-on i{background:#ff9fd0}
.hs-chip--sale{color:var(--hs-pink-2) !important}
.hs-cat-page .s-products-list-vertical-cards{gap:16px !important}
@media (max-width:640px){
  .hs-cat-page #page-main-title{font-size:23px !important}
  .hs-cat-page .s-products-list-vertical-cards{gap:10px !important}
  .hs-catbar{margin-inline:-10px;padding-inline:10px}
}
.hs-cat-page .s-block--testimonials .testimonials__review-card{border-radius:18px !important;border:1px solid var(--hs-line) !important;background:#fff !important}
/* ================= /صفحة التصنيف ================= */

/* ================= صفحة المنتج (body.product-single) ================= */
/* المعرض */
.product-single .product-single__main-media{border-radius:22px;background:var(--hs-sand);overflow:hidden}
.product-single .details-slider .promotion-title{top:14px !important;inset-inline-start:14px;left:auto;right:auto;padding:6px 14px !important;border-radius:999px;background:var(--hs-ink) !important;font-family:"Cairo",sans-serif;font-size:13px;font-weight:800;z-index:5}
/* الصور الصغيرة: بلا إطار (مكوّن سلة بيرسم إطار مربع بـ::after فوق الصورة المدوّرة) — المختارة واضحة والباقي باهتة */
.product-single .s-slider-thumbs .swiper-slide::after,.product-single .s-slider-thumbs .swiper-slide::before{display:none !important;border:0 !important}
.product-single .s-slider-thumbs .swiper-slide{border:0 !important;outline:0 !important;box-shadow:none !important;background:transparent !important}
.product-single .product-single__thumb-image{border:0 !important;border-radius:14px !important;overflow:hidden;opacity:.5;transition:opacity .25s,transform .25s}
.product-single .s-slider-thumbs .swiper-slide:hover .product-single__thumb-image{opacity:.8}
.product-single .s-slider-thumbs .swiper-slide-thumb-active .product-single__thumb-image{opacity:1}
/* حلقة سلة على المختارة (box-shadow ring على ::after) — ملغية بأعلى تحديد */
.s-slider-thumbs .s-slider-thumbs-container .swiper-slide.swiper-slide-thumb-active::after,.s-slider-thumbs .s-slider-thumbs-container .swiper-slide::after{display:none !important;box-shadow:none !important;--tw-ring-shadow:0 0 #0000 !important}
.product-single .product-single__thumb-image{background:transparent !important}
.product-single .details-slider .swiper-pagination-bullet-active{background:var(--hs-pink) !important}
/* الاسم والسعر */
.product-single .product-single__title{font-family:"Cairo",sans-serif !important;font-size:clamp(24px,2.4vw,32px) !important;font-weight:900 !important;line-height:1.35 !important;letter-spacing:-.01em;color:var(--hs-ink) !important;margin-bottom:6px}
.product-single .product-price-top .total-price{font-family:"Cairo",sans-serif;font-size:30px !important;font-weight:900 !important;color:var(--hs-pink-2) !important}
.product-single .product-price-top .starting-or-normal-price .total-price{color:var(--hs-ink) !important}
/* السعر قبل الخصم: غامق وواضح (المرجع اللي بيبيّن قدّ شو العميل موفّر) بس أصغر من السعر الجديد، والشطب بخط وردي */
.product-single .product-price-top .before-price,.product-single .product-price-bottom .before-price{font-size:18px;font-weight:800 !important;color:var(--hs-ink) !important;opacity:.8;text-decoration:line-through;text-decoration-color:#e5338f;text-decoration-thickness:2px}
.product-single .product-single__discounted-amount{padding:5px 12px;border-radius:999px;background:var(--hs-pink-soft);color:var(--hs-pink-2);font-size:13px}
.product-single .product-single__discounted-amount .product-count-sale svg{fill:var(--hs-pink-2);width:16px}
/* الثيم بيحط خلفية بيضا على الأجزاء جوّا «وفّر» — شفافة لتبيّن الخلفية الوردية */
.product-single .product-single__discounted-amount > span,.product-single .product-single__discounted-amount strong{background:transparent !important}
.product-single #variant-inventory{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:#eefaf3;color:#1f9d57;font-size:13px;font-weight:800}
.product-single .product-single__sold-count{color:var(--hs-pink-2) !important;font-weight:700;font-size:13px}
.product-single .product-single__sold-count svg{fill:var(--hs-pink-2)}
.product-single .product-single__stock-info{flex-direction:row !important;flex-wrap:wrap;align-items:center;gap:10px 16px;--tw-space-y-reverse:0}
.product-single .product-single__stock-info > *{margin:0 !important;flex-grow:0 !important}
/* رقم الموديل (كود داخلي) مخفي — رابط التصنيف بيضل */
.product-single .product-sku-wrapper{display:none !important}
.product-single #product-form > section.bg-storeBG:not(.sticky-product-bar){padding:12px 16px !important;border:1px solid var(--hs-line);background:#fff !important;border-radius:14px !important}
/* التقسيط */
.product-single salla-installment{display:block;margin:10px 0 14px}
.product-single salla-installment > *{border-radius:14px !important}
/* الخيارات (النكهات) */
.product-single .s-product-options-wrapper{border-radius:16px !important;border:1px solid var(--hs-line) !important;background:#fff !important}
.product-single .s-product-options-option-label,.product-single .s-product-options-option-label b{font-family:"Cairo",sans-serif !important;font-weight:800 !important;color:var(--hs-ink) !important}
.product-single .s-product-options-option input:checked + label,.product-single .s-product-options-option input:checked + span{border-color:var(--hs-pink) !important;color:var(--hs-pink-2) !important;background:var(--hs-pink-soft) !important}
.product-single input[type="radio"],.product-single input[type="checkbox"]{accent-color:var(--hs-pink)}
/* السعر تحت + الكمية + زر الإضافة */
.product-single .product-price-bottom{background:#fff !important;border:1px solid var(--hs-line);border-bottom:0;border-radius:16px 16px 0 0 !important}
.product-single .product-price-bottom .total-price{font-family:"Cairo",sans-serif;font-weight:900 !important;color:var(--hs-pink-2) !important}

.product-single .sticky-product-bar{background:#fff !important;border:1px solid var(--hs-line);border-top:0;border-radius:0 0 16px 16px !important}
.product-single .sticky-product-bar .s-quantity-input-container{border-radius:12px !important;border-color:var(--hs-line) !important;height:52px}
.product-single .sticky-product-bar .s-quantity-input-button{color:var(--hs-ink) !important}
.product-single .sticky-product-bar salla-add-product-button button.s-button-element,
.product-single .sticky-cart-single salla-add-product-button button.s-button-element{
  height:52px;border:0 !important;border-radius:14px !important;background:var(--hs-btn) !important;color:#fff !important;
  font-family:"Cairo",sans-serif;font-size:16px !important;font-weight:900 !important;
  box-shadow:0 14px 28px -14px rgba(214,36,127,.75);transition:filter .2s,transform .2s;
}
.product-single .sticky-product-bar salla-add-product-button button.s-button-element:hover{filter:brightness(1.06);transform:translateY(-1px)}
.product-single .sticky-product-bar salla-add-product-button button.s-button-element i{color:#fff !important}
/* زر الدفع السريع (Apple Pay وغيره) */
.product-single salla-quick-order button,.product-single salla-quick-order .s-button-element{border-radius:14px !important}
@media (max-width:640px){
  /* شريط الشراء الملزوق بآخر الشاشة */
  body.product-single .sticky-product-bar{border:0;border-top:1px solid var(--hs-line);border-radius:20px 20px 0 0 !important;box-shadow:0 -14px 30px -18px rgba(42,11,61,.4);padding:12px 14px !important}
}
/* ضمانات تحت زر الإضافة (hismile.js ← «صفحة المنتج») */
.hs-assure{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;padding:0;list-style:none}
.hs-assure li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:14px;background:var(--hs-sand);border:1px solid var(--hs-line);text-align:center;font-family:"Cairo",sans-serif;font-size:12.5px;font-weight:800;line-height:1.35;color:var(--hs-ink)}
.hs-assure li i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--hs-pink-soft)}
.hs-assure li i::after{content:"";width:18px;height:18px;background:var(--hs-pink-2);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.hs-assure li small{font-size:11.5px;font-weight:600;color:var(--hs-muted)}
/* دليل المنتج فوق زر الإضافة (hismile.js ← «دليل المنتج»): شو بيعمل · متى · كيف — وللباقة: شو فيها + الروتين */
.hs-guide{--ac:#e5338f;--ac-soft:#fde6f1;margin:14px 0;padding:16px;border-radius:18px;background:#fff;border:1px solid var(--hs-line);border-inline-start:4px solid var(--ac);box-shadow:0 18px 36px -30px rgba(42,11,61,.45);font-family:"Cairo",sans-serif;color:var(--hs-ink)}
.hs-guide--B{--ac:#7b3fe4;--ac-soft:#efe6ff}
.hs-guide--X{--ac:#a43fc9;--ac-soft:#f5e6fb}
.hs-guide--C{--ac:#2f6fd6;--ac-soft:#e6effc}
.hs-guide--K{--ac:#2a0b3d;--ac-soft:#efe8f4}
.hs-guide-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.hs-guide-head > span{font-size:12.5px;font-weight:800;letter-spacing:.02em;color:var(--hs-muted)}
.hs-guide-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:var(--hs-pink-soft);color:#c21d74;font-style:normal;font-size:11.5px;font-weight:900;line-height:1.3;white-space:nowrap}
.hs-guide-chip--B{background:#efe6ff;color:#6a33d1}
.hs-guide-chip--X{background:#f5e6fb;color:#8a2fae}
.hs-guide-chip--C{background:#e6effc;color:#2459b0}
.hs-guide-chip--K{background:#2a0b3d;color:#fff}
.hs-guide-lead{margin:0 0 10px;font-size:15.5px;font-weight:800;line-height:1.65}
.hs-guide-row{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-top:1px dashed var(--hs-line)}
.hs-guide-row > i{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--ac-soft)}
.hs-guide-row > i::after{content:"";width:16px;height:16px;background:var(--ac);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.hs-guide-row--when > i{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.hs-guide-row--how > i{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11'/%3E%3Cpath d='M4 6h.01M4 12h.01M4 18h.01'/%3E%3C/svg%3E")}
.hs-guide-row b{display:block;font-size:12.5px;font-weight:900;color:var(--ac)}
.hs-guide-row span{display:block;font-size:14px;font-weight:600;line-height:1.65;color:#4a2b5c}
.hs-guide-note{margin:8px 0 0;padding:9px 12px;border-radius:12px;background:var(--ac-soft);font-size:13px;font-weight:700;line-height:1.6;color:#4a2b5c}
.hs-guide-note a{font-weight:900;color:#c21d74 !important;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.hs-guide-sub{display:block;margin:12px 0 6px;font-size:13px;font-weight:900;color:var(--hs-ink)}
.hs-guide-inc{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.hs-guide-inc li{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;border-radius:14px;background:var(--hs-sand);border:1px solid var(--hs-line)}
.hs-guide-inc li b{display:block;font-size:14px;font-weight:900}
.hs-guide-inc li div > span{display:block;font-size:13px;font-weight:600;line-height:1.6;color:#4a2b5c}
.hs-guide-steps{display:grid;gap:6px;margin:0;padding:0;list-style:none;counter-reset:hs-g}
.hs-guide-steps li{position:relative;padding-inline-start:32px;min-height:24px;font-size:13.5px;font-weight:700;line-height:1.7;color:#4a2b5c;counter-increment:hs-g}
.hs-guide-steps li::before{content:counter(hs-g);position:absolute;inset-inline-start:0;top:1px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ac);color:#fff;font-size:12px;font-weight:900}
/* «أكمل روتينك» — اقتراحات بصفحة المنتج وبالسلة (hismile.js) */
.hs-up{margin:16px 0;padding:16px;border-radius:20px;background:linear-gradient(160deg,#fff,#fcf4f9);border:1px solid var(--hs-line);font-family:"Cairo",sans-serif;color:var(--hs-ink)}
.hs-up[hidden]{display:none !important}
.hs-up-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}
.hs-up-head b{font-size:17px;font-weight:900}
.hs-up-head span{font-size:12.5px;font-weight:700;color:var(--hs-muted)}
.hs-up-list{display:grid;gap:10px}
.hs-up--cart .hs-up-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.hs-up-item{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:10px;border-radius:16px;background:#fff;border:1px solid var(--hs-line);box-shadow:0 10px 24px -20px rgba(42,11,61,.45)}
.hs-up-img{display:block;width:64px;height:64px;border-radius:12px;overflow:hidden;background:var(--hs-sand)}
.hs-up-img img{width:100%;height:100%;object-fit:cover}
.hs-up-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.hs-up-name{font-size:14px;font-weight:900;line-height:1.35;color:var(--hs-ink) !important}
.hs-up-why{font-size:12px;font-weight:600;line-height:1.5;color:#4a2b5c}
.hs-up-offer{align-self:flex-start;margin-top:2px;padding:2px 8px;border-radius:999px;background:#e5338f;color:#fff;font-size:11px;font-weight:900}
.hs-up-price{display:flex;align-items:baseline;gap:6px;margin-top:2px}
.hs-up-price b{font-size:14px;font-weight:900;color:#c21d74}
.hs-up-price s{font-size:12px;color:var(--hs-muted)}
.hs-up-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:38px;padding:0 14px;border:0;border-radius:12px;background:linear-gradient(135deg,#f45fab,#d6247f);color:#fff !important;font-family:"Cairo",sans-serif;font-size:13.5px;font-weight:900;cursor:pointer;white-space:nowrap;transition:transform .15s,opacity .2s}
.hs-up-btn:hover{transform:translateY(-1px)}
.hs-up-btn--opt{background:#fff;color:#c21d74 !important;border:1.5px solid #f3c2dc}
.hs-up-btn.is-loading{opacity:.6;pointer-events:none}
.hs-up-btn.is-done{background:#1f9d57;pointer-events:none}
.hs-up-swap{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;border-radius:16px;color:#fff;background:radial-gradient(circle at 90% 0%,rgba(229,51,143,.5),transparent 55%),#24093a}
.hs-up-swap-ico{flex:none;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9fd0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13M19 12v9H5v-9M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E") center/20px no-repeat}
.hs-up-swap > div{flex:1;min-width:0}
.hs-up-swap b{display:block;font-size:14px;font-weight:900;color:#fff}
.hs-up-swap span{display:block;font-size:12.5px;font-weight:700;color:rgba(255,255,255,.75)}
.hs-up-swap em{font-style:normal;color:#ffb3da;font-weight:900}
.hs-up-btn--swap{background:#fff;color:#24093a !important}
/* نافذة «اختر» (النكهة/اللون) — من «أكمل روتينك» */
html.hs-pk-lock,html.hs-pk-lock body{overflow:hidden !important}
.hs-pk-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;font-family:"Cairo",sans-serif}
.hs-pk-back{position:absolute;inset:0;background:rgba(36,9,58,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:hs-pk-fade .2s ease}
.hs-pk-box{position:relative;width:100%;max-width:420px;max-height:calc(100vh - 32px);overflow:auto;padding:20px;border-radius:22px;background:#fff;color:var(--hs-ink);box-shadow:0 30px 70px -20px rgba(36,9,58,.6);animation:hs-pk-up .25s cubic-bezier(.2,.8,.2,1)}
@keyframes hs-pk-fade{from{opacity:0}}
@keyframes hs-pk-up{from{opacity:0;transform:translateY(16px) scale(.98)}}
.hs-pk-x{position:absolute;top:12px;inset-inline-end:12px;width:34px;height:34px;border:0;border-radius:50%;background:var(--hs-sand);color:var(--hs-ink);font-size:22px;line-height:1;cursor:pointer}
.hs-pk-top{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-inline-end:36px}
.hs-pk-top img{width:72px;height:72px;border-radius:14px;object-fit:cover;background:var(--hs-sand)}
.hs-pk-top b{display:block;font-size:16px;font-weight:900;line-height:1.35}
.hs-pk-opt > b{display:block;margin-bottom:8px;font-size:13.5px;font-weight:800;color:var(--hs-muted)}
.hs-pk-opt > b em{font-style:normal;color:var(--hs-ink)}
.hs-pk-vals{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-bottom:16px}
.hs-pk-val{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;border:2px solid var(--hs-line);border-radius:14px;background:#fff;font-family:inherit;font-size:11.5px;font-weight:800;line-height:1.3;color:var(--hs-ink);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.hs-pk-val img{width:44px;height:44px;border-radius:10px;object-fit:cover}
.hs-pk-val.is-on{border-color:var(--hs-pink);box-shadow:0 0 0 3px var(--hs-pink-soft)}
.hs-pk-add{width:100%;height:50px;border:0;border-radius:14px;background:linear-gradient(135deg,#f45fab,#d6247f);color:#fff;font-family:inherit;font-size:16px;font-weight:900;cursor:pointer}
.hs-pk-add[disabled]{opacity:.6}
.hs-pk-more{display:block;margin-top:10px;text-align:center;font-size:13px;font-weight:800;color:var(--hs-muted) !important;text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){.hs-pk-modal{align-items:flex-end;padding:0}.hs-pk-box{max-width:none;border-radius:22px 22px 0 0;animation-name:hs-pk-sheet}@keyframes hs-pk-sheet{from{transform:translateY(100%)}}}
@media (max-width:480px){.hs-up-item{grid-template-columns:56px 1fr auto;gap:10px}.hs-up-img{width:56px;height:56px}.hs-up-btn{min-width:56px;padding:0 10px}}
/* الوصف */
.product-more-info .more-info-tabs__nav-link{font-family:"Cairo",sans-serif;font-weight:900 !important;color:var(--hs-ink) !important;border-color:var(--hs-pink) !important}
.product-more-info .more-info-tabs__nav-link.active{color:var(--hs-pink-2) !important}
.product-more-info #details_table{max-width:860px;font-size:15.5px;line-height:1.9;color:var(--hs-ink-2)}
.product-more-info #details_table :is(h2,h3){font-family:"Cairo",sans-serif !important;font-size:22px !important;font-weight:900 !important;color:var(--hs-ink) !important;margin:6px 0 10px !important}
.product-more-info #details_table h4{display:flex;align-items:center;gap:8px;margin:22px 0 8px !important;padding-top:16px;border-top:1px solid var(--hs-line);font-family:"Cairo",sans-serif !important;font-size:17px !important;font-weight:900 !important;color:var(--hs-ink) !important}
.product-more-info #details_table ul,.product-more-info #details_table ol{padding-inline-start:22px;margin:6px 0}
.product-more-info #details_table li{margin-bottom:4px}
.product-more-info #details_table li::marker{color:var(--hs-pink);font-weight:800}
/* «تفاصيل المنتج» بعد ما hismile.js يرتّبها أقسام (.hs-desc) */
.product-more-info #details_table[data-hs-desc="1"]{max-width:none}
.hs-desc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;font-family:"Cairo",sans-serif}
.hs-desc > *{grid-column:auto}
.hs-desc-intro,.hs-desc--why,.hs-desc--ing,.hs-desc--work{grid-column:1/-1}
.hs-desc-intro{padding:22px 24px;border-radius:22px;color:#fff;background:radial-gradient(circle at 92% 0%,rgba(229,51,143,.5),transparent 55%),radial-gradient(circle at 0% 100%,rgba(123,63,228,.45),transparent 55%),#24093a}
.hs-desc-intro b{display:block;margin-bottom:6px;font-size:clamp(18px,2vw,22px);font-weight:900;line-height:1.5;color:#fff}
.hs-desc-intro p{margin:0;font-size:15px;line-height:1.85;color:rgba(255,255,255,.8) !important}
/* نص الوصف جاي من محرّر سلة بألوان مكتوبة جوّاه (أسود) — جوّا الكرت الملوّن كلو أبيض */
.hs-desc-intro *,.product-more-info #details_table .hs-desc-intro *{color:#fff !important;-webkit-text-fill-color:#fff}
.hs-desc-intro p,.hs-desc-intro p *{color:rgba(255,255,255,.88) !important;-webkit-text-fill-color:rgba(255,255,255,.88)}
.hs-desc-card{padding:20px 22px;border-radius:20px;background:#fff;border:1px solid var(--hs-line);box-shadow:0 16px 34px -28px rgba(42,11,61,.45)}
.hs-desc-card h3{display:flex;align-items:center;gap:10px;margin:0 0 14px !important;padding:0 !important;border:0 !important;font-family:"Cairo",sans-serif !important;font-size:18px !important;font-weight:900 !important;color:var(--hs-ink) !important}
.hs-desc-card h3::before{content:"";flex:none;width:34px;height:34px;border-radius:11px;background:var(--hs-pink-soft) var(--hs-ic,none) center/18px no-repeat}
.hs-desc-card p{margin:0 0 6px;font-size:14.5px;line-height:1.85;color:var(--hs-ink-2)}
.hs-desc--why{--hs-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c21d74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9z'/%3E%3C/svg%3E")}
.hs-desc--how{--hs-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c21d74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11M4 6h.01M4 12h.01M4 18h.01'/%3E%3C/svg%3E")}
.hs-desc--box{--hs-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c21d74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5l9-4.5 9 4.5v9l-9 4.5-9-4.5z'/%3E%3Cpath d='M3 7.5l9 4.5 9-4.5M12 12v9'/%3E%3C/svg%3E")}
.hs-desc--work,.hs-desc--gen{--hs-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c21d74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5v.5'/%3E%3C/svg%3E")}
.hs-desc--ing{--hs-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c21d74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v6L5 19a1.5 1.5 0 0 0 1.3 2h11.4a1.5 1.5 0 0 0 1.3-2L14 9V3'/%3E%3C/svg%3E")}
.hs-desc-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0 !important;padding:0 !important;list-style:none}
.hs-desc-chips li{display:flex;align-items:center;gap:10px;margin:0 !important;padding:12px 14px;border-radius:14px;background:var(--hs-sand);border:1px solid var(--hs-line);font-size:14.5px;font-weight:800;line-height:1.5;color:var(--hs-ink)}
.hs-desc-chips li::marker{content:""}
.hs-desc-chips li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:#e5338f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.hs-desc-steps{display:grid;gap:10px;margin:0 !important;padding:0 !important;list-style:none;counter-reset:hs-ds}
.hs-desc-steps li{position:relative;margin:0 !important;padding-inline-start:44px;min-height:32px;font-size:14.5px;line-height:1.75;color:var(--hs-ink-2);counter-increment:hs-ds}
.hs-desc-steps li::marker{content:""}
.hs-desc-steps li::before{content:counter(hs-ds);position:absolute;inset-inline-start:0;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#f45fab,#d6247f);color:#fff;font-size:14px;font-weight:900}
.hs-desc-steps li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:14px;top:32px;bottom:-10px;width:2px;background:var(--hs-line)}
.hs-desc--ing summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.hs-desc--ing summary::-webkit-details-marker{display:none}
.hs-desc--ing summary h3{margin:0 !important}
.hs-desc--ing summary::after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--hs-pink-soft);color:#c21d74;font-size:20px;font-weight:700;transition:transform .25s}
.hs-desc--ing[open] summary::after{transform:rotate(45deg)}
.hs-desc--ing > div{margin-top:12px;font-size:13.5px;color:var(--hs-muted)}
@media (max-width:768px){.hs-desc{grid-template-columns:1fr}.hs-desc-intro{padding:18px}.hs-desc-card{padding:16px}}
/* المنتجات المقترحة */
.product-single ~ * salla-products-slider .s-slider-block__title h2,.fit-slider-products .s-slider-block__title h2{font-family:"Cairo",sans-serif !important;font-weight:900 !important;color:var(--hs-ink) !important}
/* شريط الشراء الملزوق بصفحة المنتج
   الكمبيوتر (≥992): .sticky-cart-single تبع الثيم (كان صندوق عايم صغير والنص ينقصّ) صار شريط بعرض الشاشة لازق تحت:
     [صورة · الاسم والسعر] ……… [أضف للسلة | اشترِ الآن | Apple Pay]
     الأزرار من مكوّن سلة: salla-add-product-button > .s-add-product-button-main [salla-button + salla-mini-checkout-widget] + salla-quick-buy
   الجوال (<768): .sticky-product-bar تبع الثيم بيطلع تحت، والثيم بيرفعو 60px بس — شريطنا السفلي العايم أطول فكان يتغطّى. هلأ فوقو */
@media (min-width:992px){
  .sticky-cart-single{top:auto !important;bottom:0 !important;left:0 !important;right:0 !important;width:100% !important;max-width:none !important;min-width:0 !important;padding:12px 0 !important;border:0;border-top:1px solid var(--hs-line);border-radius:22px 22px 0 0;background:rgba(255,255,255,.94) !important;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 -18px 40px -24px rgba(42,11,61,.45) !important;z-index:1000 !important;animation:hs-topbar-in .45s cubic-bezier(.2,.8,.2,1) both !important;font-family:"Cairo",sans-serif}
  @keyframes hs-topbar-in{from{transform:translateY(100%)}}
  /* الهيكل الحقيقي: .content > [.content-product (الصورة بس)] + [.sticky-cart-single__body > .content-bottom (الاسم، السعر، الأزرار)] */
  .sticky-cart-single .content{display:flex !important;align-items:center !important;gap:14px;max-width:1240px !important;margin:0 auto !important;padding:0 24px !important}
  .sticky-cart-single .content-product{flex:none !important;display:block !important;padding:0 !important}
  .sticky-cart-single .item-thumb{display:block !important;flex:none}
  .sticky-cart-single .item-thumb img{width:52px !important;max-width:52px !important;height:52px !important;border-radius:14px;object-fit:cover;background:var(--hs-sand)}
  .sticky-cart-single__body{flex:1 !important;min-width:0}
  .sticky-cart-single .content-bottom{display:grid !important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title btn" "price btn";align-items:center;column-gap:24px;padding:0 !important}
  .sticky-cart-single .item-title{grid-area:title;margin:0 !important;font-size:16px !important;font-weight:900;line-height:1.4;color:var(--hs-ink) !important;-webkit-line-clamp:1 !important}
  .sticky-cart-single__price{grid-area:price;display:flex;align-items:baseline;gap:8px;margin:0 !important}
  .sticky-cart-single__price .total-price{font-size:18px !important;font-weight:900 !important;color:var(--hs-pink-2) !important}
  .sticky-cart-single__price .before-price{font-size:13.5px;font-weight:800;color:var(--hs-ink);opacity:.55;text-decoration-color:#e5338f}
  .sticky-cart-single salla-add-product-button,.sticky-cart-single salla-add-product-button.s-add-product-button-with-quick-buy{grid-area:btn;display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;gap:8px;width:auto !important;margin:0 !important}
  .sticky-cart-single .s-add-product-button-main{display:flex !important;align-items:stretch;gap:8px;width:auto !important}
  .sticky-cart-single .s-add-product-button-main > salla-button{width:210px !important;margin:0 !important}
  .sticky-cart-single salla-button button,.sticky-cart-single .s-button-element{height:48px !important;padding:0 18px !important;border-radius:14px !important;font-family:"Cairo",sans-serif !important;font-size:15px !important;font-weight:900 !important;white-space:nowrap}
  .sticky-cart-single salla-add-product-button salla-button button{width:100%;border:0 !important;background:var(--hs-btn) !important;color:#fff !important;box-shadow:0 12px 24px -12px rgba(214,36,127,.75)}
  .sticky-cart-single salla-add-product-button salla-button button i{color:#fff !important}
  /* «اشترِ الآن» ويدجت سلة (ما بينعدّل من جوّا): منقصّ زواياه وطولو متل الزر الوردي */
  .sticky-cart-single salla-mini-checkout-widget{display:block;width:150px;height:48px;margin:0 !important;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1.5px #f3b6d5}
  .sticky-cart-single salla-quick-buy{display:block;flex:none;width:170px;margin:0 !important}
  .sticky-cart-single .s-add-product-button-main{flex:none !important;flex-direction:row !important}
  /* شريط بعرض الشاشة لازق تحت (المستخدم اختار تحت مش فوق) — ومسافة تحت الصفحة لحتى ما يغطّي آخر المحتوى */
  html body .sticky-cart-single.sticky{position:fixed !important;top:auto !important;bottom:0 !important;inset-block:auto 0 !important}
  body.product-single:has(.sticky-cart-single.sticky){padding-bottom:96px}
  .sticky-cart-single apple-pay-button,.sticky-cart-single .s-quick-buy-apple-pay{display:block;width:100% !important;--apple-pay-button-width:100%;--apple-pay-button-height:48px;--apple-pay-button-border-radius:14px;border-radius:14px;overflow:hidden}
  body.hs-tone-bright .sticky-cart-single__price .total-price{color:var(--tone-ink) !important}
  body.hs-tone-bright .sticky-cart-single salla-mini-checkout-widget{box-shadow:inset 0 0 0 1.5px #cdb8f5}
  /* نفس المحاذاة للتلاتة: كل غلاف من مكوّنات سلة إلو margin مختلف — منصفّرهن وبنفس الارتفاع وبالنص */
  .sticky-cart-single salla-add-product-button > *,.sticky-cart-single .s-add-product-button-main > *,.sticky-cart-single salla-button,.sticky-cart-single .s-button-wrap,.sticky-cart-single salla-quick-buy,.sticky-cart-single salla-quick-buy > *,.sticky-cart-single apple-pay-button{margin:0 !important;align-self:center !important;vertical-align:top}
  .sticky-cart-single .s-add-product-button-main{align-items:center !important;height:48px}
  .sticky-cart-single salla-button,.sticky-cart-single .s-button-wrap,.sticky-cart-single salla-mini-checkout-widget,.sticky-cart-single salla-quick-buy,.sticky-cart-single apple-pay-button{display:block !important;height:48px !important}
  .sticky-cart-single salla-mini-checkout-widget > *{height:100% !important;margin:0 !important}
}
@media (max-width:767px){
  /* كرت عايم فوق الشريط السفلي (ارتفاعو مع الهامش ~92px + منطقة الأمان) */
  body.product-single:has(.selia-bottom-nav) .sticky-product-bar{bottom:calc(max(4px,calc(env(safe-area-inset-bottom) - 14px)) + 86px) !important;left:10px !important;right:10px !important;width:auto !important;border:1px solid var(--hs-line) !important;border-radius:22px !important;box-shadow:0 18px 40px -16px rgba(42,11,61,.45) !important;padding:8px !important;background:rgba(255,255,255,.97) !important}
  body.is-sticky-product-bar.product-single:has(.selia-bottom-nav){padding-bottom:calc(220px + env(safe-area-inset-bottom)) !important}
  /* يظهر بعد سكرول نص شاشة (المستخدم طلب هيك): hismile.js («شريط الشراء بالجوال») بيحط hs-bar-js على html و hs-bar-on على body.
     بلا السكربت (hs-bar-js مش موجود) بيضل سلوك الثيم متل ما هو */
  html.hs-bar-js body.is-sticky-product-bar.product-single .sticky-product-bar{opacity:0 !important;transform:translateY(calc(100% + 120px)) !important;pointer-events:none;transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1) !important;transition-delay:0s !important}
  html.hs-bar-js body.is-sticky-product-bar.product-single.hs-bar-on .sticky-product-bar{opacity:1 !important;transform:none !important;pointer-events:auto}
  html.hs-bar-js body.is-sticky-product-bar.product-single .sticky-product-bar :is(salla-add-product-button,.sticky-product-bar__quantity){opacity:1 !important;transform:none !important}
  /* سطرين مضغوطين (~100px): [Apple Pay | اشترِ الآن] ثم [الكمية | أضف إلى السلة] — المستخدم رفض 3 سطور (بتاخد نص الشاشة)
     أغلفة مكوّن سلة (salla-add-product-button و .s-add-product-button-main) display:contents — لحتى الأزرار نفسها تصير عناصر بالشبكة */
  body.is-sticky-product-bar.product-single .sticky-product-bar{display:grid !important;grid-template-columns:96px 1fr 1fr;grid-template-areas:"pay pay buy" "qty add add";gap:6px !important;align-items:center !important}
  body.is-sticky-product-bar.product-single .sticky-product-bar salla-add-product-button,body.is-sticky-product-bar.product-single .sticky-product-bar .s-add-product-button-main{display:contents !important}
  body.is-sticky-product-bar.product-single .sticky-product-bar__quantity{grid-area:qty;width:auto !important;margin:0 !important}
  body.is-sticky-product-bar.product-single .sticky-product-bar .s-quantity-input-container{height:42px !important;width:100% !important}
  body.is-sticky-product-bar.product-single .sticky-product-bar salla-button{grid-area:add;display:block;width:100% !important;margin:0 !important}
  body.is-sticky-product-bar.product-single .sticky-product-bar salla-button button.s-button-element{width:100% !important;height:42px !important;max-height:none !important;padding:0 12px !important;border-radius:12px !important;font-size:14.5px !important;white-space:nowrap}
  body.is-sticky-product-bar.product-single .sticky-product-bar salla-mini-checkout-widget{grid-area:buy;display:block;height:40px;margin:0 !important;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1.5px #f3b6d5}
  body.is-sticky-product-bar.product-single .sticky-product-bar salla-mini-checkout-widget > *{height:100% !important;margin:0 !important}
  /* «اشترِ الآن» بياخد كل عرض خانتو (كان بعرض النص بس) — ويدجت سلة، فمنمدّ الغلاف وكل اللي جوّاه */
  body.is-sticky-product-bar.product-single .sticky-product-bar salla-mini-checkout-widget{width:100% !important;min-width:0}
  body.is-sticky-product-bar.product-single .sticky-product-bar salla-mini-checkout-widget > *,body.is-sticky-product-bar.product-single .sticky-product-bar salla-mini-checkout-widget .s-add-product-button-mini-checkout,body.is-sticky-product-bar.product-single .sticky-product-bar salla-mini-checkout-widget button,body.is-sticky-product-bar.product-single .sticky-product-bar salla-mini-checkout-widget::part(button),body.is-sticky-product-bar.product-single .sticky-product-bar salla-mini-checkout-widget::part(container){width:100% !important;max-width:none !important;justify-content:center}
  body.is-sticky-product-bar.product-single .sticky-product-bar salla-quick-buy{grid-area:pay;display:block;width:100% !important;min-width:0;margin:0 !important}
  body.is-sticky-product-bar.product-single .sticky-product-bar apple-pay-button,body.is-sticky-product-bar.product-single .sticky-product-bar .s-quick-buy-apple-pay{display:block;width:100% !important;--apple-pay-button-width:100%;--apple-pay-button-height:40px;--apple-pay-button-border-radius:12px;border-radius:12px;overflow:hidden}
  /* بلا «اشترِ الآن» أو بلا Apple Pay: اللي موجود بياخد السطر كامل */
  /* بلا «اشترِ الآن»: الكمية جنب «أضف إلى السلة» */
  body.is-sticky-product-bar.product-single .sticky-product-bar:not(:has(salla-mini-checkout-widget)){grid-template-areas:"pay pay pay" "qty add add"}
  body.is-sticky-product-bar.product-single .sticky-product-bar:not(:has(salla-quick-buy)){grid-template-areas:"buy buy buy" "qty add add"}
  body.is-sticky-product-bar.product-single .sticky-product-bar:not(:has(salla-quick-buy)):not(:has(salla-mini-checkout-widget)){grid-template-areas:"qty add add"}
  /* سلة بتخبّي نص «أضف إلى السلة» على الجوال لما Apple Pay شغّال (بتخلّي الأيقونة بس) — منرجّعو */
  body.is-sticky-product-bar.product-single .sticky-product-bar .s-add-product-button-sr-only{position:static !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;overflow:visible !important;clip:auto !important;clip-path:none !important;white-space:nowrap !important;border:0 !important}
  body.is-sticky-product-bar.product-single .sticky-product-bar salla-button button.s-button-element .s-button-text,body.is-sticky-product-bar.product-single .sticky-product-bar salla-button button.s-button-element > span{display:inline-flex !important;align-items:center;gap:8px}
  body.hs-tone-bright.is-sticky-product-bar .sticky-product-bar salla-mini-checkout-widget{box-shadow:inset 0 0 0 1.5px #cdb8f5}
}
/* ================= /صفحة المنتج ================= */

/* ================= أزرار عامة بلون الهوية ================= */
.s-button-primary:not(.s-button-outline){background:var(--hs-btn) !important;border-color:transparent !important;color:#fff !important}
.btn--primary,.btn.btn--primary{background:var(--hs-btn) !important;border-color:transparent !important;color:#fff !important}
#cart-submit button,salla-cart-coupons salla-button button{color:#fff !important}

/* ================= لون صفحة المنتج حسب النوع (hismile.js بيحط الكلاس من «دليل المنتج») =================
   hs-tone-bright = منتجات التفتيح V34 (بنفسجي متدرّج متل صور المنتجات) · hs-tone-white = منتجات التبييض PAP+ (وردي متدرّج) */
body.hs-tone-bright{--tone-1:#2a0b5e;--tone-2:#5b2bb5;--tone-3:#8a63e0;--tone-soft:#f1eafe;--tone-ink:#4b1fa3;--tone-btn:linear-gradient(135deg,#9a6bff,#5b2bb5)}
body.hs-tone-white{--tone-1:#c21d74;--tone-2:#e5338f;--tone-3:#f79bc9;--tone-soft:#fde6f1;--tone-ink:#c21d74;--tone-btn:linear-gradient(135deg,#f45fab,#d6247f)}
/* خلفية الصفحة: توهّج خفيف بلون المنتج فوق */
/* خلفية الصفحة كلها بلون المنتج: تفتيح = بنفسجي فاتح، تبييض = وردي فاتح (توهّج أقوى فوق وبيفتح لتحت). الكروت بتضل بيضا فوقها */
body.hs-tone-bright{--tone-bg:#f3edff;--tone-bg-2:#faf7ff;--bg-primary:#f6f1ff}
body.hs-tone-white{--tone-bg:#fde9f3;--tone-bg-2:#fff7fb;--bg-primary:#fff3f8}
body.hs-tone-bright,body.hs-tone-white,body.hs-tone-bright .app-inner,body.hs-tone-white .app-inner{background:radial-gradient(1400px 640px at 75% -120px,color-mix(in srgb,var(--tone-3) 38%,transparent),transparent 70%) no-repeat,linear-gradient(180deg,var(--tone-bg) 0%,var(--tone-bg-2) 900px,var(--tone-bg-2) 100%) !important}
body.hs-tone-bright main,body.hs-tone-white main,body.hs-tone-bright .product-single,body.hs-tone-white .product-single{background:transparent !important}
body.hs-tone-bright .sticky-cart-single,body.hs-tone-white .sticky-cart-single{background:rgba(255,255,255,.97) !important}
/* الهيدر كمان بنفس لون الصفحة (الشريط العلوي + القائمة)، وبس ينلزق وقت السكرول بيصير شفاف ضبابي بنفس اللون */
body.hs-tone-bright{--tone-head:#efe6ff;--tone-head-2:#f3edff;--tone-head-a:rgba(243,237,255,.9);--tone-line:#e2d6fb}
body.hs-tone-white{--tone-head:#fbe2ef;--tone-head-2:#fde9f3;--tone-head-a:rgba(253,233,243,.9);--tone-line:#f6cfe2}
body.hs-tone-bright .store-header,body.hs-tone-white .store-header{background:var(--tone-head-2) !important}
body.hs-tone-bright .store-header .top-navbar,body.hs-tone-white .store-header .top-navbar{background:var(--tone-head) !important;border-bottom-color:var(--tone-line) !important}
html body.hs-tone-bright #mainnav,html body.hs-tone-white #mainnav,html body.hs-tone-bright #mainnav .inner,html body.hs-tone-white #mainnav .inner{background:var(--tone-head-2) !important;border-color:var(--tone-line) !important}
body.hs-tone-bright #mainnav.fixed-pinned .inner,body.hs-tone-white #mainnav.fixed-pinned .inner,body.hs-tone-bright #mainnav.fixed-header .inner,body.hs-tone-white #mainnav.fixed-header .inner,body.hs-tone-bright .fixed-pinned #mainnav .inner,body.hs-tone-white .fixed-pinned #mainnav .inner{background:var(--tone-head-a) !important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px -22px rgba(42,11,61,.5) !important}
body.hs-tone-bright .main-menu__desktop-item > a:hover{color:var(--tone-ink) !important}
/* صورة اللوغو خلفيتها بيضا — multiply بيخلّي الأبيض ياخد لون الهيدر بلا ما نغيّر الصورة */
body.hs-tone-bright .store-header .navbar-brand img,body.hs-tone-white .store-header .navbar-brand img{mix-blend-mode:multiply}
/* المعرض: نفس تدرّج خلفية صور المنتج */
/* خلفية المعرض = صورة بنفس لون خلفية صور المنتج (المستخدم رفعها لسلة) — بتتمدّد على كل المعرض. اللون تحتها احتياط لحين ما تحمّل */
body.hs-tone-bright{--tone-media:url("https://cdn.files.salla.network/other/1102327672/22d36061-ddb5-4034-b182-c0570227da6f-original.webp");--tone-media-c:#4e3c82}
body.hs-tone-white{--tone-media:url("https://cdn.files.salla.network/other/1102327672/96d0d271-915d-466b-833d-11020e91b164-original.webp");--tone-media-c:#9d2b66}
body.hs-tone-bright .product-single__main-media,body.hs-tone-white .product-single__main-media{background:var(--tone-media) center/100% 100% no-repeat,var(--tone-media-c) !important}
body.hs-tone-bright .product-single__thumb-image,body.hs-tone-white .product-single__thumb-image{background:var(--tone-soft)}
body.hs-tone-bright .details-slider .promotion-title{background:var(--tone-1) !important}
/* السعر و«وفّر» وزر الإضافة بلون المنتج */
body.hs-tone-bright .product-price-top .total-price,body.hs-tone-bright .product-price-bottom .total-price{color:var(--tone-ink) !important}
body.hs-tone-bright .product-single__discounted-amount{background:var(--tone-soft) !important;color:var(--tone-ink) !important;border-color:color-mix(in srgb,var(--tone-2) 45%,#fff) !important}
body.hs-tone-bright .sticky-product-bar salla-add-product-button button.s-button-element,body.hs-tone-bright .sticky-cart-single salla-add-product-button button.s-button-element{background:var(--tone-btn) !important;box-shadow:0 14px 28px -14px color-mix(in srgb,var(--tone-2) 75%,transparent)}
body.hs-tone-bright .product-more-info .more-info-tabs__nav-link.active{color:var(--tone-ink) !important;border-color:var(--tone-2) !important}
/* المقدمة بتفاصيل المنتج بنفس اللون */
body.hs-tone-bright .hs-desc-intro{background:radial-gradient(circle at 92% 0%,rgba(154,107,255,.55),transparent 55%),linear-gradient(135deg,#2a0b5e,#4b1fa3)}
body.hs-tone-white .hs-desc-intro{background:radial-gradient(circle at 92% 0%,rgba(255,159,208,.55),transparent 55%),linear-gradient(135deg,#9c165d,#e5338f)}
/* ================= /لون صفحة المنتج ================= */

/* ================= تجربة الجوال «متل التطبيق» (≤1024) =================
   الشريط السفلي: عايم بزوايا مدوّرة وضبابية، والتبويب الحالي بكبسولة وردية · لمسة ضغط على الكروت والأزرار */
html.hs-app{-webkit-tap-highlight-color:transparent}
@media (max-width:1024px){
  /* القائمة: لستة كروت بأيقونات (رجعت للنسخة الأولى). flex بس لحتى يشتغل الترتيب (li.style.order من hismile.js)
     ممنوع نلمس width/padding تبع الـul: MmenuLight بيعملو width:130% + padding-right:30% */
  html #mobile-menu ul.main-menu{display:flex !important;flex-direction:column}
  /* flex:none — غير هيك العناصر بتنضغط لتساع اللوحة وبيوقف السكرول */
  html #mobile-menu ul.main-menu > li{flex:none}
}
/* الشريط السفلي موجود بس تحت 768 (الثيم بيخبّيه فوق) — لهيك تنسيقو والمسافة تحتو هون بس */
@media (max-width:767px){
  /* الشريط السفلي: عايم متل تطبيق — لازق قريب من آخر الشاشة (بالآيفون بيدخل شوي على منطقة الأمان بس بيضل فوق خط الرجوع للرئيسية) */
  .selia-bottom-nav{left:10px !important;right:10px !important;bottom:max(4px,calc(env(safe-area-inset-bottom) - 14px)) !important;padding:6px 6px !important;border:1px solid rgba(241,223,235,.9) !important;border-radius:24px;background:rgba(255,255,255,.88) !important;-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 18px 40px -16px rgba(42,11,61,.45) !important}
  .selia-bottom-nav-items > li{height:auto !important}
  .selia-bottom-nav-button{position:relative;border-radius:18px;transition:background .2s}
  .selia-bottom-nav-icon{width:100% !important;height:52px !important;gap:2px}
  .selia-bottom-nav-icon span,.selia-bottom-nav-button > span{font-size:11px !important;font-weight:800 !important}
  .selia-bottom-nav-button.is-current{background:var(--hs-pink-soft)}
  .selia-bottom-nav-button.is-current i,.selia-bottom-nav-button.is-current span{color:#c21d74 !important}
  body:has(.selia-bottom-nav){padding-bottom:calc(84px + env(safe-area-inset-bottom))}
}
@media (max-width:1024px){
  /* لمسة الضغط (feedback) متل التطبيقات */
  custom-salla-product-card.product-card,.hs-up-item,.hs-b-card,.hs-chip,.hs-need,#mobile-menu li.main-menu__item,.selia-bottom-nav-button{transition:transform .15s ease}
  custom-salla-product-card.product-card:active,.hs-up-item:active,.hs-b-card:active,.hs-chip:active,.hs-need:active,.selia-bottom-nav-button:active{transform:scale(.97)}
  /* (انشال: دخول الصفحة بـopacity كان يأخّر أول ظهور للمحتوى — LCP — على الجوال) */
  /* الهيدر بالجوال: ضبابي متل شريط التطبيق */
  body:not(.hs-head-clear) #mainnav .inner{background:rgba(255,255,255,.9) !important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
}
/* ================= /تجربة الجوال ================= */

/* ================= البحث الذكي (hismile.js ← «البحث الذكي») — بدل نافذة بحث الثيم ================= */
html.hs-search-on salla-search{display:none !important}
html.hs-s-lock,html.hs-s-lock body{overflow:hidden !important}
.hs-search{position:fixed;inset:0;z-index:99998;font-family:"Cairo",sans-serif;color:var(--hs-ink)}
.hs-search[hidden]{display:none}
.hs-s-back{position:absolute;inset:0;background:rgba(36,9,58,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:hs-pk-fade .2s}
.hs-s-panel{position:relative;display:flex;flex-direction:column;width:min(880px,100%);max-height:min(86vh,900px);margin:6vh auto 0;border-radius:26px;background:var(--hs-sand);box-shadow:0 40px 90px -30px rgba(36,9,58,.7);overflow:hidden;animation:hs-pk-up .25s cubic-bezier(.2,.8,.2,1)}
.hs-s-bar{display:flex;align-items:center;gap:10px;padding:14px;background:#fff;border-bottom:1px solid var(--hs-line)}
.hs-s-ico{flex:none;width:22px;height:22px;background:#c21d74;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") center/contain no-repeat}
.hs-s-bar input{flex:1;min-width:0;height:48px;padding:0 4px;border:0 !important;outline:0 !important;box-shadow:none !important;background:transparent !important;font-family:inherit;font-size:17px;font-weight:700;color:var(--hs-ink)}
.hs-s-bar input::-webkit-search-cancel-button{display:none}
.hs-s-x{display:none;flex:none;width:32px;height:32px;border:0;border-radius:50%;background:var(--hs-sand);font-size:20px;line-height:1;color:var(--hs-muted);cursor:pointer}
.hs-search.has-q .hs-s-x{display:block}
.hs-s-close{flex:none;height:38px;padding:0 14px;border:0;border-radius:12px;background:var(--hs-pink-soft);color:#c21d74;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer}
.hs-s-body{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.hs-s-sec{margin-bottom:18px}
.hs-s-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.hs-s-h b{font-size:14px;font-weight:900}
.hs-s-count{font-size:13px;font-weight:800;color:var(--hs-muted)}
.hs-s-clear-rec{border:0;background:none;font-family:inherit;font-size:12.5px;font-weight:800;color:var(--hs-muted);text-decoration:underline;cursor:pointer}
.hs-s-chips{display:flex;flex-wrap:wrap;gap:8px}
.hs-s-chip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--hs-line);background:#fff;font-family:inherit;font-size:13.5px;font-weight:800;color:var(--hs-ink) !important;cursor:pointer}
.hs-s-chip--rec::before{content:"↺";color:var(--hs-muted)}
/* «عمليات بحث شائعة»: شبكة مربعات بنفس الحجم (3 بالسطر، 2 عالجوال) */
.hs-s-chips--grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hs-s-tile{justify-content:flex-start;gap:10px;height:54px;padding:0 12px;border-radius:16px;font-size:14px;transition:border-color .2s,box-shadow .2s,transform .15s}
.hs-s-tile i{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--hs-pink-soft)}
.hs-s-tile i::after{content:"";width:15px;height:15px;background:#c21d74;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") center/contain no-repeat}
.hs-s-tile span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}
.hs-s-tile:hover{border-color:#f3b6d5;box-shadow:0 10px 22px -16px rgba(214,36,127,.6)}
.hs-s-tile:active{transform:scale(.97)}
@media (max-width:640px){.hs-s-chips--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-s-tile{height:50px;font-size:13.5px}}
.hs-s-chip--cat{background:var(--hs-ink);border-color:var(--hs-ink);color:#fff !important}
.hs-s-hint{margin:0 0 14px;padding:12px 14px;border-radius:14px;background:#fff;border:1px dashed #f3b6d5;font-size:13.5px;font-weight:700;line-height:1.7;color:#4a2b5c}
.hs-s-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hs-s-card{position:relative;display:flex;flex-direction:column;border-radius:18px;background:#fff;border:1px solid var(--hs-line);overflow:hidden;box-shadow:0 12px 26px -22px rgba(42,11,61,.55);animation:hs-pk-up .25s ease both}
.hs-s-img{position:relative;display:block;aspect-ratio:1;background:var(--hs-sand)}
.hs-s-img img{width:100%;height:100%;object-fit:cover}
.hs-s-img em{position:absolute;top:8px;inset-inline-start:8px;padding:2px 8px;border-radius:999px;background:#e5338f;color:#fff;font-style:normal;font-size:11px;font-weight:900}
.hs-s-info{display:flex;flex-direction:column;gap:4px;padding:10px 10px 12px}
.hs-s-tag{align-self:flex-start;padding:2px 9px;border-radius:999px;font-size:10.5px;font-weight:900;background:var(--hs-pink-soft);color:#c21d74}
.hs-s-tag--B{background:#efe6ff;color:#6a33d1}
.hs-s-tag--X{background:#f5e6fb;color:#8a2fae}
.hs-s-tag--C{background:#e6effc;color:#2459b0}
.hs-s-tag--K{background:#2a0b3d;color:#fff}
.hs-s-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.7em;font-size:13.5px;font-weight:900;line-height:1.35;color:var(--hs-ink) !important}
.hs-s-name mark{background:linear-gradient(transparent 55%,#ffd1e8 55%);color:inherit;padding:0}
.hs-s-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px}
.hs-s-price b{font-size:15px;font-weight:900;color:#c21d74}
.hs-s-price s{font-size:12px;color:var(--hs-muted)}
.hs-s-add{position:absolute;top:calc(100% - 46px);inset-inline-end:10px;width:36px;height:36px;border:0;border-radius:12px;background:linear-gradient(135deg,#f45fab,#d6247f);color:#fff;font-size:22px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 8px 16px -8px rgba(214,36,127,.8)}
.hs-s-add.is-loading{opacity:.6}
.hs-s-add.is-done{background:#1f9d57;font-size:16px}
.hs-s-skel{aspect-ratio:3/4;border-radius:18px;background:linear-gradient(90deg,#fff,#f6e5f0,#fff);background-size:200% 100%;animation:hs-s-load 1.1s linear infinite}
@keyframes hs-s-load{to{background-position:-200% 0}}
.hs-s-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:30px;text-align:center}
.hs-s-empty span{font-size:13.5px;color:var(--hs-muted)}
.hs-s-all{display:block;margin-top:4px;padding:14px;border-radius:16px;background:#fff;border:1px solid var(--hs-line);text-align:center;font-size:14px;font-weight:900;color:#c21d74 !important}
@media (max-width:768px){
  .hs-s-panel{width:100%;max-height:100%;height:100%;margin:0;border-radius:0}
  .hs-s-bar{padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top))}
  /* النص الإرشادي كان أطول من الخانة. منصغّر النص الإرشادي بس — خط الكتابة نفسو لازم يضل 16px، غير هيك الآيفون بيعمل زوم لما تكبس عالخانة */
  .hs-s-bar input{font-size:16px}
  .hs-s-bar input::placeholder{font-size:13px;font-weight:600}
  .hs-s-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hs-s-body{padding:14px 12px calc(24px + env(safe-area-inset-bottom))}
}
/* ================= /البحث الذكي ================= */

/* ================= ترحيب أول زيارة (hismile.js ← «ترحيب أول زيارة») ================= */
.hs-welcome{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(36,9,58,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:"Cairo",sans-serif;cursor:pointer;animation:hs-w-fade .35s ease both}
.hs-welcome.is-out{animation:hs-w-out .45s ease forwards}
@keyframes hs-w-fade{from{opacity:0}}
@keyframes hs-w-out{to{opacity:0;visibility:hidden}}
.hs-w-card{position:relative;width:min(420px,100%);padding:34px 26px 26px;border-radius:30px;text-align:center;color:#fff;overflow:hidden;background:radial-gradient(circle at 85% 0%,rgba(229,51,143,.65),transparent 55%),radial-gradient(circle at 0% 100%,rgba(123,63,228,.6),transparent 55%),#24093a;box-shadow:0 40px 90px -30px rgba(36,9,58,.9),0 0 0 1px rgba(255,255,255,.08) inset;animation:hs-w-pop .6s cubic-bezier(.2,1.3,.4,1) both}
.hs-welcome.is-out .hs-w-card{animation:hs-w-away .45s ease forwards}
@keyframes hs-w-pop{from{opacity:0;transform:translateY(24px) scale(.9)}}
@keyframes hs-w-away{to{opacity:0;transform:translateY(-14px) scale(.96)}}
.hs-w-card::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.16) 48%,transparent 60%);transform:translateX(-120%);animation:hs-w-shine 1.2s .5s ease forwards;pointer-events:none}
@keyframes hs-w-shine{to{transform:translateX(120%)}}
html[lang^="ar"] .hs-w-card::before{background:linear-gradient(255deg,transparent 35%,rgba(255,255,255,.16) 48%,transparent 60%);transform:translateX(120%);animation-name:hs-w-shine-rtl}
@keyframes hs-w-shine-rtl{to{transform:translateX(-120%)}}
.hs-w-logo{display:block;margin-bottom:10px;font-family:"Cairo",sans-serif;font-size:44px;font-weight:900;letter-spacing:-.03em;line-height:1;direction:ltr;background:linear-gradient(90deg,#fff,#ffd6ec,#ff9fd0,#c79bff,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% auto;animation:hs-w-logo .7s .15s cubic-bezier(.2,1.2,.4,1) both,hs-grad-w 3s linear infinite}
@keyframes hs-w-logo{from{opacity:0;letter-spacing:.3em;filter:blur(6px)}}
@keyframes hs-grad-w{to{background-position:200% center}}
.hs-w-title{display:block;font-size:22px;font-weight:900;line-height:1.4;animation:hs-w-line .5s .55s ease both}
.hs-w-l1,.hs-w-l2{margin:8px 0 0;font-size:15px;font-weight:700;line-height:1.7;color:rgba(255,255,255,.8);animation:hs-w-line .5s ease both}
.hs-w-l1{animation-delay:.95s}
.hs-w-l2{animation-delay:1.35s;color:#ffd6ec}
@keyframes hs-w-line{from{opacity:0;transform:translateY(10px)}}
.hs-w-bar{display:block;height:4px;margin:22px auto 0;width:70%;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden}
/* الشريط بيتعبّى باتجاه القراءة: عربي من اليمين لليسار، إنجليزي من اليسار لليمين (الطرف الأبيض = راس الحركة) */
.hs-w-bar i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(270deg,#ff9fd0,#fff);transform-origin:right;animation:hs-w-time 3.8s .3s linear both}
html:not([lang^="ar"]) .hs-w-bar i{transform-origin:left;background:linear-gradient(90deg,#ff9fd0,#fff)}
@keyframes hs-w-time{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* لمعات بتطلع من وراء اللوغو */
.hs-w-burst{position:absolute;top:58px;left:50%;width:0;height:0}
.hs-w-burst i{position:absolute;width:10px;height:10px;margin:-5px;background:#ffd6ec;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;animation:hs-w-spark 1.1s .35s ease-out forwards}
.hs-w-burst i:nth-child(1){--x:-130px;--y:-20px}
.hs-w-burst i:nth-child(2){--x:120px;--y:-30px;animation-delay:.45s}
.hs-w-burst i:nth-child(3){--x:-90px;--y:30px;animation-delay:.55s;background:#c79bff}
.hs-w-burst i:nth-child(4){--x:100px;--y:35px;animation-delay:.4s;background:#c79bff}
.hs-w-burst i:nth-child(5){--x:-40px;--y:-45px;animation-delay:.6s;width:14px;height:14px}
.hs-w-burst i:nth-child(6){--x:50px;--y:-48px;animation-delay:.5s}
@keyframes hs-w-spark{0%{opacity:0;transform:translate(0,0) scale(.2) rotate(0)}40%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(1.2) rotate(90deg)}}
@media (prefers-reduced-motion:reduce){.hs-welcome *,.hs-welcome{animation-duration:.01s !important;animation-delay:0s !important}.hs-w-bar i{animation:hs-w-time 3.5s linear both !important}}
/* ================= /ترحيب أول زيارة ================= */

/* ================= التابلت (768–1024) والشاشات الكبيرة =================
   التابلت: صفحة المنتج عمودين (الصور لازقة جنب التفاصيل) بدل صورة بطول 650px فوق كل شي · الفوتر عمودين
   الشاشات الكبيرة (≥1500): عرض أوسع للمحتوى بدل هوامش فاضية */
@media (min-width:768px) and (max-width:1023px){
  .product-single .product-single__slider{width:50% !important;flex:0 0 50%;max-width:50%;position:sticky;top:84px;align-self:flex-start;height:fit-content}
  .product-single .product-single__info{width:50% !important;flex:0 0 50%;max-width:50%;margin-top:0 !important}
  .product-single .product-single__main-media{height:auto !important;aspect-ratio:1}
  .product-single .product-single__title{font-size:24px !important}
  .product-single .hs-assure{grid-template-columns:repeat(3,1fr)}
  .hs-up--pdp .hs-up-item{grid-template-columns:52px 1fr auto}
  .store-footer .store-footer__grid{grid-template-columns:1fr 1fr !important;gap:28px 32px !important}
  .store-footer .store-footer__brand{grid-column:1/-1 !important}
  .store-footer .store-footer__links-column,.store-footer .store-footer__contacts-column{grid-column:auto !important}
  .hs-cat-page .s-products-list-vertical-cards{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media (min-width:1500px){
  .container{max-width:1360px}
  .hs-s-panel{width:min(980px,100%)}
}
/* ================= /التابلت والشاشات الكبيرة ================= */