/* ========================================================
  فهرس عربي تعليمي — لؤلؤة لورا — CSS نسخة رائد 2
  البحث: خلفية المتجر | الهيدر | شعار المتجر | البانرات |
  بطاقات المنتجات | أزرار التسوق | الفوتر | تصميم الجوال
  إضافات تعليمية فقط؛ القيم الأصلية لم تتغير.
======================================================== */
/* LULUAT LAURA / RAED 2 / DESIGN DRAFT ONLY / 2026-10-23 */
/* Phase 1: luxury skincare-focused visual system. No catalogue data changes. */
/* ================== القسم 01: لوحة الألوان العامة ================== */
/* بداية: متغيرات الألوان المشتركة | ابحث عن العنوان بالعربية */
:root{
 --ll-ivory:#FCF9F5;--ll-white:#FFFFFF;--ll-rose:#F4E9E4;
/* شرح الألوان للسطر السابق: #FCF9F5 = عاجي فاتح، #FFFFFF = أبيض، #F4E9E4 = وردي هادئ */
 --ll-gold:#B68A58;--ll-gold-dark:#95683D;
/* شرح الألوان للسطر السابق: #B68A58 = ذهبي، #95683D = ذهبي داكن */
 --ll-ink:#422D2C;--ll-muted:#82736F;--ll-line:#EDE0D6;
/* شرح الألوان للسطر السابق: #422D2C = بني غامق للنص، #82736F = بني رمادي، #EDE0D6 = بيج للحدود */
}
/* ================== نهاية القسم 01 - لوحة الألوان العامة ================== */
/* ================== القسم 02: خلفية المتجر ================== */
/* بداية: لون الخلفية والنص | ابحث عن العنوان بالعربية */
body.theme-raed{
 background:var(--ll-ivory)!important;
 color:var(--ll-ink)!important;
}
body.theme-raed .top-navbar{
 background:#F2E9E1!important;
/* شرح الألوان للسطر السابق: #F2E9E1 = بيج وردي */
 color:var(--ll-ink)!important;
 border-bottom:1px solid var(--ll-line)!important;
}
body.theme-raed .main-nav-container,
body.theme-raed .main-nav-container>.inner{
 background:rgba(252,249,245,.98)!important;
/* شرح الألوان للسطر السابق: rgba(252,249,245,.98) = لون شفاف RGB */
 border-color:var(--ll-line)!important;
}
body.theme-raed .main-nav-container a{
 color:var(--ll-ink)!important;
 transition:color .2s ease!important;
}
body.theme-raed .main-nav-container a:hover,
body.theme-raed .main-nav-container a:focus{
 color:var(--ll-gold-dark)!important;
}
body.theme-raed .navbar-brand img{
 max-height:78px!important;
 width:auto!important;
 object-fit:contain!important;
}
body.theme-raed .s-block{
 scroll-margin-top:24px;
}
body.theme-raed .s-block__title h2,
body.theme-raed .s-slider-block__title h2{
 color:var(--ll-ink)!important;
 letter-spacing:0!important;
 font-weight:700!important;
}
body.theme-raed .s-block__title h2:after{
 background:var(--ll-gold)!important;
}
body.theme-raed .banner-entry,
body.theme-raed .s-block--photos-slider .swiper-slide img{
 border-radius:14px!important;
 overflow:hidden!important;
}
body.theme-raed .banner-entry{
 box-shadow:0 8px 26px rgba(80,45,40,.08)!important;
/* شرح الألوان للسطر السابق: rgba(80,45,40,.08) = لون شفاف RGB */
}
body.theme-raed .slide--cat-entry{
 border-radius:14px!important;
 color:var(--ll-ink)!important;
}
body.theme-raed .slide--cat-entry img{
 object-fit:contain!important;
}
body.theme-raed .s-product-card-entry{
 background:#fff!important;
/* شرح الألوان للسطر السابق: #fff = أبيض */
 border:1px solid var(--ll-line)!important;
 border-radius:14px!important;
 overflow:hidden!important;
 box-shadow:0 4px 14px rgba(83,50,44,.045)!important;
/* شرح الألوان للسطر السابق: rgba(83,50,44,.045) = لون شفاف RGB */
 transition:transform .22s ease,box-shadow .22s ease!important;
}
@media (hover:hover){
 body.theme-raed .s-product-card-entry:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 12px 26px rgba(83,50,44,.11)!important;
/* شرح الألوان للسطر السابق: rgba(83,50,44,.11) = لون شفاف RGB */
 }
}
body.theme-raed .s-product-card-image{
 background:#fff!important;
/* شرح الألوان للسطر السابق: #fff = أبيض */
}
body.theme-raed .s-product-card-image img{
 object-fit:contain!important;
}
body.theme-raed .s-product-card-content-title a{
 color:var(--ll-ink)!important;
 line-height:1.75!important;
}
body.theme-raed .s-product-card-price,
body.theme-raed .s-product-card-price *{
 color:var(--ll-gold-dark)!important;
}
body.theme-raed .s-button-primary,
body.theme-raed .s-button-primary-outline{
 background:var(--ll-gold)!important;
 border:1px solid var(--ll-gold)!important;
 color:#fff!important;
/* شرح الألوان للسطر السابق: #fff = أبيض */
 border-radius:8px!important;
}
body.theme-raed .s-button-primary:hover,
body.theme-raed .s-button-primary-outline:hover{
 background:var(--ll-gold-dark)!important;
 border-color:var(--ll-gold-dark)!important;
}
body.theme-raed footer.store-footer,
body.theme-raed .store-footer{
 background:#F3EBE4!important;
/* شرح الألوان للسطر السابق: #F3EBE4 = لون فاتح من الهوية */
 color:var(--ll-ink)!important;
 border-top:1px solid var(--ll-line)!important;
}
body.theme-raed .store-footer a{
 color:var(--ll-ink)!important;
}
body.theme-raed .store-footer a:hover{
 color:var(--ll-gold-dark)!important;
}
/* ================== نهاية القسم 02 - خلفية المتجر ================== */
/* ================== القسم 13: تصميم الجوال ================== */
/* بداية: التعديلات الخاصة بالجوال | ابحث عن العنوان بالعربية */
@media(max-width:767px){
 body.theme-raed .navbar-brand img{
  max-height:54px!important;
  max-width:148px!important;
 }
 body.theme-raed .s-block__title h2,
 body.theme-raed .s-slider-block__title h2{
  font-size:22px!important;
 }
 body.theme-raed .banner-entry,
 body.theme-raed .s-block--photos-slider .swiper-slide img{
  border-radius:10px!important;
 }
 body.theme-raed .s-product-card-entry{
  border-radius:10px!important;
 }
}

/* PHASE 2: skincare editorial sections (homepage preview only) */
body.theme-raed.index .ll-care-suite{width:min(1280px,calc(100% - 28px));margin:42px auto;direction:rtl;color:#493330;font-family:inherit}
/* شرح الألوان للسطر السابق: #493330 = بني داكن */
body.theme-raed.index .ll-care-suite,body.theme-raed.index .ll-care-suite *{box-sizing:border-box}
body.theme-raed.index .ll-care-suite .ll-section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 22px}
body.theme-raed.index .ll-care-suite .ll-kicker{display:block;color:#a27950;font-size:13px;font-weight:700;margin-bottom:9px}
/* شرح الألوان للسطر السابق: #a27950 = ذهبي أو بيج دافئ */
body.theme-raed.index .ll-care-suite h2{font-size:clamp(24px,2.4vw,35px);line-height:1.45;font-weight:750;letter-spacing:0;margin:0;color:#412d2e}
/* شرح الألوان للسطر السابق: #412d2e = بني داكن */
body.theme-raed.index .ll-care-suite .ll-desc{font-size:15px;color:#7e6962;line-height:1.8;margin:5px 0 0}
/* شرح الألوان للسطر السابق: #7e6962 = ذهبي أو بيج دافئ */
body.theme-raed.index .ll-care-suite .ll-view-all{display:inline-flex;color:#9d724a;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
/* شرح الألوان للسطر السابق: #9d724a = ذهبي أو بيج دافئ */
body.theme-raed.index .ll-care-suite a{text-decoration:none}
body.theme-raed.index .ll-care-suite .ll-skin-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}
body.theme-raed.index .ll-care-suite .ll-category{text-align:center;color:#503a35;display:flex;align-items:center;flex-direction:column;gap:10px;font-size:14px;font-weight:700}
/* شرح الألوان للسطر السابق: #503a35 = بني داكن */
body.theme-raed.index .ll-care-suite .ll-category-art{width:min(100%,146px);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:14px;border-radius:50%;background:linear-gradient(145deg,#f3e5dc,#fffaf7);border:1px solid #eadcd3;box-shadow:0 7px 18px rgba(83,54,51,.06);transition:transform .2s ease,box-shadow .2s ease}
/* شرح الألوان للسطر السابق: #f3e5dc = لون فاتح من الهوية، #fffaf7 = لون فاتح من الهوية، #eadcd3 = لون فاتح من الهوية، rgba(83,54,51,.06) = لون شفاف RGB */
body.theme-raed.index .ll-care-suite .ll-category:hover .ll-category-art{transform:translateY(-4px);box-shadow:0 12px 24px rgba(83,54,51,.11)}
/* شرح الألوان للسطر السابق: rgba(83,54,51,.11) = لون شفاف RGB */
body.theme-raed.index .ll-care-suite .ll-category img{width:100%;height:100%;object-fit:contain}
body.theme-raed.index .ll-care-suite .ll-needs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.theme-raed.index .ll-care-suite .ll-need{position:relative;min-height:310px;border:1px solid #eddfd6;border-radius:18px;background:linear-gradient(160deg,#fbf6f2,#f1dfd7);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;padding:22px 16px 16px;text-align:center;overflow:hidden;color:#513934}
/* شرح الألوان للسطر السابق: #eddfd6 = لون فاتح من الهوية، #fbf6f2 = لون فاتح من الهوية، #f1dfd7 = لون فاتح من الهوية، #513934 = بني داكن */
body.theme-raed.index .ll-care-suite .ll-need:nth-child(2n){background:linear-gradient(150deg,#f7f1eb,#eee0d7)}
/* شرح الألوان للسطر السابق: #f7f1eb = لون فاتح من الهوية، #eee0d7 = لون فاتح من الهوية */
body.theme-raed.index .ll-care-suite .ll-need .ll-need-label{font-size:20px;font-weight:800;line-height:1.45}
body.theme-raed.index .ll-care-suite .ll-need .ll-need-sub{font-size:13px;color:#8b746b;line-height:1.5}
/* شرح الألوان للسطر السابق: #8b746b = ذهبي أو بيج دافئ */
body.theme-raed.index .ll-care-suite .ll-need img{width:100%;height:172px;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(60,37,33,.08))}
/* شرح الألوان للسطر السابق: rgba(60,37,33,.08) = لون شفاف RGB */
body.theme-raed.index .ll-care-suite .ll-need .ll-small-cta{display:inline-flex;background:#fffaf7;border-radius:16px;border:1px solid #e1c8af;font-size:12px;font-weight:700;color:#8d6544;padding:6px 13px}
/* شرح الألوان للسطر السابق: #fffaf7 = لون فاتح من الهوية، #e1c8af = لون فاتح من الهوية، #8d6544 = ذهبي أو بيج دافئ */
body.theme-raed.index .ll-care-suite .ll-routine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.theme-raed.index .ll-care-suite .ll-step{border:1px solid #ecdfd6;border-radius:19px;background:#fffdfb;padding:22px 20px 17px;text-align:center;position:relative;color:#4c3632;min-height:320px;display:flex;flex-direction:column;align-items:center}
/* شرح الألوان للسطر السابق: #ecdfd6 = لون فاتح من الهوية، #fffdfb = لون فاتح من الهوية، #4c3632 = بني داكن */
body.theme-raed.index .ll-care-suite .ll-step-number{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#b58b5b;color:#fff;border-radius:50%;font-weight:800;font-size:18px}
/* شرح الألوان للسطر السابق: #b58b5b = ذهبي أو بيج دافئ، #fff = أبيض */
body.theme-raed.index .ll-care-suite .ll-step-title{font-size:22px;font-weight:800;margin:10px 0 4px}
body.theme-raed.index .ll-care-suite .ll-step-sub{font-size:13px;color:#8a746c;line-height:1.6;min-height:40px}
/* شرح الألوان للسطر السابق: #8a746c = ذهبي أو بيج دافئ */
body.theme-raed.index .ll-care-suite .ll-step img{height:145px;width:100%;object-fit:contain;margin-top:10px}
body.theme-raed.index .ll-care-suite .ll-brand-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
body.theme-raed.index .ll-care-suite .ll-brand-link{display:flex;align-items:center;justify-content:center;min-height:95px;background:#fffdfb;border:1px solid #ecdfd6;border-radius:15px;color:#6c5250;font-size:clamp(14px,1.4vw,20px);font-weight:750;text-align:center;padding:10px;transition:transform .2s ease}
/* شرح الألوان للسطر السابق: #fffdfb = لون فاتح من الهوية، #ecdfd6 = لون فاتح من الهوية، #6c5250 = بني داكن */
body.theme-raed.index .ll-care-suite .ll-brand-link:hover{transform:translateY(-2px);border-color:#b58b5b}
/* شرح الألوان للسطر السابق: #b58b5b = ذهبي أو بيج دافئ */
body.theme-raed.index .ll-care-suite.ll-skincare-promo{border:1px solid #e6d7cb;border-radius:22px;display:grid;grid-template-columns:55% 45%;align-items:center;overflow:hidden;background:linear-gradient(125deg,#f6ece5,#f3e0d8 70%,#ede1d6);padding:0;min-height:330px}
/* شرح الألوان للسطر السابق: #e6d7cb = لون فاتح من الهوية، #f6ece5 = لون فاتح من الهوية، #f3e0d8 = لون فاتح من الهوية، #ede1d6 = لون فاتح من الهوية */
body.theme-raed.index .ll-care-suite.ll-skincare-promo .ll-promo-copy{padding:32px clamp(24px,3.8vw,56px)}
body.theme-raed.index .ll-care-suite.ll-skincare-promo .ll-promo-copy p{color:#795e54;line-height:1.9;margin:15px 0 22px}
/* شرح الألوان للسطر السابق: #795e54 = ذهبي أو بيج دافئ */
body.theme-raed.index .ll-care-suite.ll-skincare-promo .ll-promo-cta{display:inline-flex;background:#b58b5b;padding:12px 24px;border-radius:9px;color:white;font-size:14px;font-weight:700}
/* شرح الألوان للسطر السابق: #b58b5b = ذهبي أو بيج دافئ */
body.theme-raed.index .ll-care-suite.ll-skincare-promo .ll-promo-art{display:flex;justify-content:center;align-items:center;gap:14px;padding:28px;min-height:330px;background:radial-gradient(ellipse at center,#faeee9 0%,#ebd6cb 70%)}
/* شرح الألوان للسطر السابق: #faeee9 = لون فاتح من الهوية، #ebd6cb = لون فاتح من الهوية */
body.theme-raed.index .ll-care-suite.ll-skincare-promo .ll-promo-art img{display:block;width:47%;height:245px;object-fit:contain;filter:drop-shadow(0 15px 14px rgba(74,42,37,.14))}
/* شرح الألوان للسطر السابق: rgba(74,42,37,.14) = لون شفاف RGB */
/* ================== نهاية القسم 13 - تصميم الجوال ================== */
/* ================== القسم 13: تصميم الجوال ================== */
/* بداية: التعديلات الخاصة بالجوال | ابحث عن العنوان بالعربية */
@media(max-width:767px){
body.theme-raed.index .ll-care-suite{width:calc(100% - 24px);margin:30px auto}
body.theme-raed.index .ll-care-suite .ll-section-top{align-items:flex-start}
body.theme-raed.index .ll-care-suite h2{font-size:24px}
body.theme-raed.index .ll-care-suite .ll-desc{font-size:13px}
body.theme-raed.index .ll-care-suite .ll-skin-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 8px}
body.theme-raed.index .ll-care-suite .ll-category-art{width:98px;padding:12px}
body.theme-raed.index .ll-care-suite .ll-category{font-size:12px}
body.theme-raed.index .ll-care-suite .ll-needs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.theme-raed.index .ll-care-suite .ll-need{min-height:245px;padding:15px 9px 12px;border-radius:13px}
body.theme-raed.index .ll-care-suite .ll-need .ll-need-label{font-size:17px}
body.theme-raed.index .ll-care-suite .ll-need .ll-need-sub{font-size:11px}
body.theme-raed.index .ll-care-suite .ll-need img{height:128px}
body.theme-raed.index .ll-care-suite .ll-routine-grid{grid-template-columns:1fr;gap:12px}
body.theme-raed.index .ll-care-suite .ll-step{min-height:0;padding:17px}
body.theme-raed.index .ll-care-suite .ll-step img{height:135px}
body.theme-raed.index .ll-care-suite .ll-brand-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body.theme-raed.index .ll-care-suite .ll-brand-link{min-height:66px;font-size:15px}
body.theme-raed.index .ll-care-suite.ll-skincare-promo{grid-template-columns:1fr;min-height:0;border-radius:15px}
body.theme-raed.index .ll-care-suite.ll-skincare-promo .ll-promo-copy{padding:28px 21px 5px}
body.theme-raed.index .ll-care-suite.ll-skincare-promo .ll-promo-art{padding:5px 20px 12px;min-height:185px}
body.theme-raed.index .ll-care-suite.ll-skincare-promo .ll-promo-art img{height:170px}
}


/* LULUAT LAURA: polished visual pass. Unpublished Raed2, 24 Oct 2026 */
body.theme-raed.index #ll-real-skincare-hero-v1{
 max-width:1320px!important;
 min-height:440px!important;
 border-radius:20px!important;
 border-color:#efe4d9!important;
/* شرح الألوان للسطر السابق: #efe4d9 = لون فاتح من الهوية */
 background:linear-gradient(118deg,#efddd5 0%,#faf4ef 48%,#fffcf8 100%)!important;
/* شرح الألوان للسطر السابق: #efddd5 = لون فاتح من الهوية، #faf4ef = لون فاتح من الهوية، #fffcf8 = لون فاتح من الهوية */
 box-shadow:0 14px 38px rgba(72,45,44,.09)!important;
/* شرح الألوان للسطر السابق: rgba(72,45,44,.09) = لون شفاف RGB */
}
body.theme-raed.index #ll-real-skincare-hero-v1 .ll-copy{
 padding-inline:clamp(30px,5vw,78px)!important;
}
body.theme-raed.index #ll-real-skincare-hero-v1 .ll-kicker{
 letter-spacing:.35px!important;color:#9a754f!important;
/* شرح الألوان للسطر السابق: #9a754f = ذهبي أو بيج دافئ */
}
body.theme-raed.index #ll-real-skincare-hero-v1 h1{
 font-size:clamp(38px,3.8vw,56px)!important;
 line-height:1.46!important;
 letter-spacing:-.4px!important;
}
body.theme-raed.index #ll-real-skincare-hero-v1 .ll-scene{
 background:radial-gradient(ellipse at 58% 47%,#fffaf6 0%,#f2ded5 48%,#e7cfc7 85%)!important;
/* شرح الألوان للسطر السابق: #fffaf6 = لون فاتح من الهوية، #f2ded5 = لون فاتح من الهوية، #e7cfc7 = لون فاتح من الهوية */
 overflow:visible!important;
}
body.theme-raed.index #ll-real-skincare-hero-v1 .ll-scene::before{
 inset:12% 12% 14% 14%!important;
 border:2px solid rgba(186,147,110,.27)!important;
/* شرح الألوان للسطر السابق: rgba(186,147,110,.27) = لون شفاف RGB */
}
body.theme-raed.index #ll-real-skincare-hero-v1 .ll-photo{
 background:transparent!important;
 border:0!important;
 padding:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 overflow:visible!important;
}
body.theme-raed.index #ll-real-skincare-hero-v1 .ll-photo img{
 width:100%!important;height:100%!important;object-fit:contain!important;
 mix-blend-mode:multiply!important;
 filter:drop-shadow(0px 15px 13px rgba(81,56,47,.18))!important;
/* شرح الألوان للسطر السابق: rgba(81,56,47,.18) = لون شفاف RGB */
}
body.theme-raed.index #ll-real-skincare-hero-v1 .ll-photo.cerave{
 right:9%!important;top:15%!important;width:35%!important;height:68%!important;
 transform:rotate(2deg)!important;
}
body.theme-raed.index #ll-real-skincare-hero-v1 .ll-photo.roche{
 right:42%!important;top:9%!important;width:30%!important;height:72%!important;
 transform:rotate(-3deg)!important;
}
body.theme-raed.index #ll-real-skincare-hero-v1 .ll-photo.sebamed{
 left:1%!important;bottom:6%!important;width:31%!important;height:57%!important;
 transform:rotate(1deg)!important;
}
body.theme-raed.index .ll-care-suite .ll-category-art{
 width:min(100%,156px)!important;
 padding:8px!important;
 border:1px solid #e8d6c8!important;
/* شرح الألوان للسطر السابق: #e8d6c8 = لون فاتح من الهوية */
 background:radial-gradient(circle at 50% 35%,#fffaf6 0%,#f3e5dd 95%)!important;
/* شرح الألوان للسطر السابق: #fffaf6 = لون فاتح من الهوية، #f3e5dd = لون فاتح من الهوية */
}
body.theme-raed.index .ll-care-suite .ll-category img{
 object-fit:contain!important;
 mix-blend-mode:multiply!important;
 filter:drop-shadow(0px 5px 7px rgba(83,58,47,.10))!important;
/* شرح الألوان للسطر السابق: rgba(83,58,47,.10) = لون شفاف RGB */
}
body.theme-raed.index .ll-care-suite .ll-step{
 min-height:274px!important;
 padding:18px 18px 12px!important;
}
body.theme-raed.index .ll-care-suite .ll-step img{
 height:125px!important;
 margin-top:4px!important;
 mix-blend-mode:multiply!important;
}
body.theme-raed.index .ll-care-suite .ll-need{
 min-height:280px!important;
}
body.theme-raed.index .ll-care-suite .ll-need img{
 mix-blend-mode:multiply!important;
}
body.theme-raed.index .ll-care-suite .ll-brand-tiles{
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body.theme-raed.index .ll-care-suite .ll-brand-link{
 background:linear-gradient(135deg,#fffdfb,#fbf5ef)!important;
/* شرح الألوان للسطر السابق: #fffdfb = لون فاتح من الهوية، #fbf5ef = لون فاتح من الهوية */
 border-color:#e9d8c9!important;
/* شرح الألوان للسطر السابق: #e9d8c9 = لون فاتح من الهوية */
 min-height:76px!important;
 font-weight:800!important;
}
body.theme-raed.index .ll-care-suite.ll-skincare-promo .ll-promo-art img{
 mix-blend-mode:multiply!important;
 filter:drop-shadow(0 15px 13px rgba(79,52,40,.16))!important;
/* شرح الألوان للسطر السابق: rgba(79,52,40,.16) = لون شفاف RGB */
}
body.theme-raed .store-header{
 box-shadow:0 3px 14px rgba(52,37,33,.045)!important;
/* شرح الألوان للسطر السابق: rgba(52,37,33,.045) = لون شفاف RGB */
}
body.theme-raed .navbar-brand img{
 max-height:92px!important;
 max-width:190px!important;
}
/* ================== نهاية القسم 13 - تصميم الجوال ================== */
/* ================== القسم 13: تصميم الجوال ================== */
/* بداية: التعديلات الخاصة بالجوال | ابحث عن العنوان بالعربية */
@media(max-width:767px){
 body.theme-raed.index #ll-real-skincare-hero-v1{
  min-height:0!important;
  margin:8px 12px 22px!important;
  border-radius:15px!important;
 }
 body.theme-raed.index #ll-real-skincare-hero-v1 .ll-copy{padding:28px 23px 0!important}
 body.theme-raed.index #ll-real-skincare-hero-v1 h1{font-size:31px!important}
 body.theme-raed.index #ll-real-skincare-hero-v1 .ll-scene{
  min-height:240px!important;overflow:hidden!important;
 }
 body.theme-raed.index #ll-real-skincare-hero-v1 .ll-photo.cerave{
  width:38%!important;height:72%!important;right:8%!important;top:12%!important;
 }
 body.theme-raed.index #ll-real-skincare-hero-v1 .ll-photo.roche{
  width:33%!important;height:70%!important;right:42%!important;top:8%!important;
 }
 body.theme-raed.index #ll-real-skincare-hero-v1 .ll-photo.sebamed{
  width:31%!important;height:62%!important;left:3%!important;bottom:8%!important;
 }
 body.theme-raed.index .ll-care-suite .ll-category-art{width:min(100%,108px)!important}
 body.theme-raed.index .ll-care-suite .ll-step{min-height:0!important}
 body.theme-raed.index .ll-care-suite .ll-need{min-height:230px!important}
 body.theme-raed.index .ll-care-suite .ll-brand-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.theme-raed .navbar-brand img{max-height:56px!important;max-width:130px!important}
}


/* Header: unify two announcement ribbons; preserve real offer values. */
body.theme-raed salla-advertisement,
body.theme-raed salla-advertisement .s-advertisement,
body.theme-raed .s-advertisement-content{
 background:#f2e5dc!important;
/* شرح الألوان للسطر السابق: #f2e5dc = لون فاتح من الهوية */
 color:#523a35!important;
/* شرح الألوان للسطر السابق: #523a35 = بني داكن */
 box-shadow:none!important;
}
body.theme-raed salla-advertisement .s-advertisement{
 min-height:30px!important;
 max-height:45px!important;
 padding:5px 16px!important;
 border-bottom:1px solid #e4d0c3!important;
/* شرح الألوان للسطر السابق: #e4d0c3 = لون فاتح من الهوية */
}
body.theme-raed salla-advertisement a,
body.theme-raed salla-advertisement .s-advertisement-content-main,
body.theme-raed salla-advertisement .s-advertisement-content-main *{
 color:#573c36!important;
/* شرح الألوان للسطر السابق: #573c36 = بني داكن */
 font-size:13px!important;
 font-weight:650!important;
 line-height:1.6!important;
}
body.theme-raed .navbar-brand{
 width:183px!important;
 min-width:155px!important;
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
}
body.theme-raed .navbar-brand img{
 width:100%!important;
 height:auto!important;
 max-height:90px!important;
 max-width:183px!important;
 object-fit:contain!important;
}
body.theme-raed .main-nav-container a:hover,
body.theme-raed .main-nav-container a:focus-visible{
 color:#95683d!important;
/* شرح الألوان للسطر السابق: #95683d = ذهبي داكن */
}
body.theme-raed.index #main-content > section,
body.theme-raed.index .ll-care-suite{
 scroll-margin-top:135px!important;
}
/* ================== نهاية القسم 13 - تصميم الجوال ================== */
/* ================== القسم 13: تصميم الجوال ================== */
/* بداية: التعديلات الخاصة بالجوال | ابحث عن العنوان بالعربية */
@media(max-width:767px){
 body.theme-raed salla-advertisement .s-advertisement{
 min-height:28px!important;padding:5px 8px!important;
 }
 body.theme-raed salla-advertisement a,
 body.theme-raed salla-advertisement .s-advertisement-content-main{
 font-size:11px!important;
 }
 body.theme-raed .navbar-brand{
  width:136px!important;min-width:115px!important;
 }
 body.theme-raed .navbar-brand img{
  max-height:59px!important;max-width:136px!important;
 }
 body.theme-raed.index .ll-care-suite{scroll-margin-top:98px!important}
}

/* Do not surface unverified custom testimonial examples. Re-enable after authentic reviews are provided. */
body.theme-raed.index .s-block--custom-testimonials{display:none!important}


/* LULUAT LAURA: apply blend to the WHOLE product-photo layer,
   not the inner image (white background was isolated inside stacking context). */
body.theme-raed.index #ll-real-skincare-hero-v1 .ll-scene{
 isolation:auto!important;
}
body.theme-raed.index #ll-real-skincare-hero-v1 .ll-photo{
 background:transparent!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 padding:0!important;
 overflow:visible!important;
 mix-blend-mode:multiply!important;
 filter:drop-shadow(0 15px 17px rgba(94,60,52,.14))!important;
/* شرح الألوان للسطر السابق: rgba(94,60,52,.14) = لون شفاف RGB */
}
body.theme-raed.index #ll-real-skincare-hero-v1 .ll-photo img{
 mix-blend-mode:normal!important;
 filter:none!important;
}


/* LULUAT LAURA: Replace only default male avatar artwork with gold account glyph.
   Keep Salla's user menu trigger, click behavior, login and dropdown intact. */
body.theme-raed salla-user-menu .s-user-menu-trigger-slot,
body.theme-raed salla-user-menu .s-user-menu-trigger,
body.theme-raed salla-user-menu .s-user-menu-trigger-avatar-only {
  background:transparent!important;
  box-shadow:none!important;
}
body.theme-raed salla-user-menu .s-user-menu-trigger-avatar-only .s-user-menu-avatar-wrap{
 position:relative!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 flex:none!important;
 width:46px!important;
 height:46px!important;
 min-width:46px!important;
 min-height:46px!important;
 border-radius:50%!important;
 background:#f4e9df!important;
/* شرح الألوان للسطر السابق: #f4e9df = بيج وردي فاتح */
 border:1px solid #dcc5ad!important;
/* شرح الألوان للسطر السابق: #dcc5ad = بيج للحدود */
 box-shadow:0 3px 12px rgba(90,58,44,.07)!important;
/* شرح الألوان للسطر السابق: rgba(90,58,44,.07) = لون شفاف RGB */
 overflow:hidden!important;
}
body.theme-raed salla-user-menu .s-user-menu-trigger-avatar-only .s-user-menu-avatar-wrap > img.s-user-menu-trigger-avatar[src*="avatar_"]{
 display:none!important;
}
body.theme-raed salla-user-menu .s-user-menu-trigger-avatar-only .s-user-menu-avatar-wrap:has(img.s-user-menu-trigger-avatar[src*="avatar_"])::before{
 content:""!important;
 display:block!important;
 width:27px!important;
 height:27px!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b6748' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.2-7 8-7s8 2.6 8 7'/%3E%3C/svg%3E")!important;
 background-position:center!important;
 background-size:contain!important;
 background-repeat:no-repeat!important;
}
/* ================== نهاية القسم 13 - تصميم الجوال ================== */
/* ================== القسم 13: تصميم الجوال ================== */
/* بداية: التعديلات الخاصة بالجوال | ابحث عن العنوان بالعربية */
@media(max-width:767px){
 body.theme-raed salla-user-menu .s-user-menu-trigger-avatar-only .s-user-menu-avatar-wrap{
  width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;
 }
 body.theme-raed salla-user-menu .s-user-menu-trigger-avatar-only .s-user-menu-avatar-wrap:has(img.s-user-menu-trigger-avatar[src*="avatar_"])::before{
  width:23px!important;height:23px!important;
 }
}

/* ================== نهاية القسم 13 - تصميم الجوال ================== */