/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;900&display=swap');
/* LYAL: side-cart suggested products full-width cards */
.side-panel__content .s-products-slider-card{max-width:85%!important;width:85%!important}
/* LYAL: Bahij TheSan */
.advanced_slider_title{font-weight:900!important}
.main-theme-title{font-weight:700!important}
/* sArabic (agency brand font) */
@font-face{font-family:'LyalBahij';src:url('https://cdn.salla.sa/themes/custom_fonts/275678866/1792460108.ttf') format('truetype');font-weight:100 500;font-display:swap}
@font-face{font-family:'LyalBahij';src:url('https://cdn.salla.sa/themes/custom_fonts/275678866/1775148283.ttf') format('truetype');font-weight:600 800;font-display:swap}
@font-face{font-family:'LyalBahij';src:url('https://cdn.salla.sa/themes/custom_fonts/275678866/1792460147.ttf') format('truetype');font-weight:900;font-display:swap}
body,body *:not(i):not([class*='sicon']):not([class^='sicon']){font-family:'LyalBahij',sans-serif!important}
.classic-cart-btn-label{font-size:13px!important;white-space:nowrap}
body,body *:not(i):not([class*='sicon']):not([class^='sicon']){font-family:'Montserrat','LyalBahij',sans-serif!important}
/* ===== LYAL layer v1.0 (menu · footer · PDP · category · cart) ===== */
nav.desktop-menu{position:relative}
nav.desktop-menu .lyal-has-mega{position:static}
.lyal-caret{font-size:14px;margin-inline-start:4px;vertical-align:middle}
.lyal-mega{position:absolute;top:100%;right:50%;transform:translate(50%,8px);width:min(980px,94vw);background:#fff;border-top:2px solid #0A0A0A;box-shadow:0 18px 40px rgba(10,10,10,.08);padding:28px 32px 20px;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease;z-index:60;text-align:right}
.lyal-has-mega:hover .lyal-mega,.lyal-has-mega:focus-within .lyal-mega{opacity:1;visibility:visible;transform:translate(50%,0)}
.lyal-mega__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.lyal-mega__head{display:block;font-weight:700;font-size:15px;color:#0A0A0A;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #C8C8C8}
.lyal-mega ul{list-style:none;margin:0;padding:0}
.lyal-mega li{margin:0 0 8px}
.lyal-mega li a{font-size:14px;color:#3C3C3C;transition:color .15s}
.lyal-mega li a:hover,.lyal-mega__head:hover{color:#0A0A0A;text-decoration:underline;text-underline-offset:4px}
.lyal-mega .lyal-cuts{margin:6px 0 4px;padding-inline-start:12px;border-inline-start:1px solid #C8C8C8}
.lyal-mega .lyal-cuts li{margin-bottom:5px}
.lyal-mega .lyal-cuts a{font-size:13px;color:#6B6B6B}
.lyal-mega li,.lyal-mega li a,.lyal-mega__head{padding-top:0!important;padding-bottom:0!important;height:auto!important;min-height:0!important;line-height:1.6!important}
.lyal-mega li a{display:inline-block!important;padding-left:0!important;padding-right:0!important}
.lyal-mega li{margin:0 0 7px!important}
.lyal-mega .lyal-cuts{margin:5px 0 6px!important}
.lyal-mega .lyal-cuts li{margin:0 0 3px!important}
.lyal-mega__head{padding-bottom:10px!important}
.lyal-mega__all{display:inline-block;margin-top:14px;font-size:13px;font-weight:600;color:#0A0A0A;border-bottom:1px solid #0A0A0A;padding-bottom:2px}
/* mobile collection boxes */
#mobile-menu .lyal-m-collections{padding:12px 12px 4px!important;border:0!important}
#mobile-menu .lyal-m-collections:before,#mobile-menu .lyal-m-collections:after{display:none!important}
#mobile-menu .lyal-m-tile{width:100%!important;display:block!important;padding:0!important;margin:0!important;border:0!important}
#mobile-menu .lyal-m-tile img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
#mobile-menu .lyal-m-tile span{position:absolute!important;inset:auto 0 0 0!important;width:auto!important;display:block!important;padding:18px 6px 7px!important;line-height:1.3!important;font-size:12px!important;color:#F5F5F5!important;background:linear-gradient(transparent,rgba(10,10,10,.7))!important}
.lyal-m-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lyal-m-tile{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#F5F5F5;padding:0!important}
.lyal-m-tile img{width:100%;height:100%;object-fit:cover;display:block}
.lyal-m-tile span{position:absolute;inset:auto 0 0 0;padding:16px 6px 6px;font-size:12px;font-weight:700;color:#F5F5F5;text-align:center;background:linear-gradient(transparent,rgba(10,10,10,.65))}
#mobile-menu .lyal-m-all{font-weight:600;color:#0A0A0A!important}
/* footer */
.lyal-footer-grid{grid-template-columns:repeat(1,minmax(0,1fr))}
@media (min-width:1024px){.lyal-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr!important}.lyal-footer-grid>*{grid-column:auto!important}}
.lyal-fcol h3{font-weight:700;font-size:15px;margin-bottom:14px}
.lyal-fcol ul{list-style:none;margin:0;padding:0}
.lyal-fcol li{margin-bottom:10px}
.lyal-fcol a{font-size:14px;opacity:.85;transition:opacity .15s}
.lyal-fcol a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.lyal-trust{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;font-size:13px}
.lyal-trust>a:first-child{text-decoration:underline;text-underline-offset:4px}
@media (max-width:1023px){.lyal-fcol{padding:14px 0;border-bottom:1px solid rgba(200,200,200,.25)}.lyal-fcol ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}}
/* product page */
.lyal-pdp-note{margin:14px 0 4px;padding:12px 14px;background:#F5F5F5;border-inline-start:3px solid #0A0A0A;font-size:13px;color:#3C3C3C}
.lyal-pdp-note p{margin:8px 0 0;display:flex;gap:6px;align-items:flex-start}
.lyal-size-btn{display:inline-flex;gap:6px;align-items:center;font-weight:700;color:#0A0A0A;border-bottom:1px solid #0A0A0A;padding-bottom:2px}
/* category intro */
.lyal-cat-intro{max-width:760px;margin:2px 0 22px;color:#3C3C3C;font-size:15px;line-height:1.9;text-align:right}
/* cart reassurance */
.lyal-cart-note{display:flex;gap:8px;align-items:center;justify-content:center;margin:10px 12px;padding:10px 12px;background:#F5F5F5;color:#0A0A0A;font-size:13px;font-weight:600}
/* hide duplicate store-level shipping bar inside Maxim (announcement bar already carries the message) */
salla-advertisement{display:none!important}
/* ===== LYAL layer v1.1 — collection boxes (agency p8: 2 squares + 1 wide) on mobile & desktop ===== */
.lyal-m-tiles,.lyal-tiles{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.lyal-m-tile,.lyal-tile{position:relative!important;display:block!important;aspect-ratio:1/1!important;overflow:hidden!important;border-radius:6px!important;background:#1a1a1a!important;padding:0!important;margin:0!important}
.lyal-m-tile:nth-child(3),.lyal-tile:nth-child(3){grid-column:1/-1!important;aspect-ratio:2.1/1!important}
.lyal-m-tile img,.lyal-tile img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;transition:transform .6s ease}
.lyal-tile:hover img,.lyal-m-tile:active img{transform:scale(1.05)}
#mobile-menu .lyal-m-tiles .lyal-m-tile span,.lyal-tiles .lyal-tile span{position:absolute!important;inset:auto 0 0 0!important;display:block!important;width:auto!important;padding:24px 10px 8px!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important;color:#fff!important;text-align:right!important;background:linear-gradient(transparent,rgba(10,10,10,.62))!important}
#mobile-menu .lyal-m-collections{padding:14px 14px 8px!important}
/* mobile rows: light cards + dark circle icon (agency reference) */
#mobile-menu li.lyal-m-root{margin:0 14px 8px!important;padding:0!important;background:#F5F5F5;border-radius:6px;border:0!important}
#mobile-menu li.lyal-m-root:before,#mobile-menu li.lyal-m-root:after{display:none!important}
#mobile-menu li.lyal-m-root>a,#mobile-menu li.lyal-m-root>span{display:flex!important;flex-direction:row-reverse!important;align-items:center!important;justify-content:space-between!important;gap:12px;width:100%!important;min-height:50px;padding:8px 14px!important;color:#0A0A0A!important;font-size:14px!important;font-weight:600}
.lyal-m-ico{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#0A0A0A;color:#F5F5F5;display:inline-flex!important;align-items:center;justify-content:center;font-size:15px}
/* desktop mega: collections column */
.lyal-mega{width:min(1180px,96vw)!important}
.lyal-mega__grid{grid-template-columns:1.25fr 1fr 1fr 1fr 1.5fr!important}
.lyal-mega__collections .lyal-tiles{margin-top:2px}
/* LYAL v1.1 test fix: hide duplicate GetButton chat widget (Maxim WhatsApp button stays) — it covered the mobile bottom-bar cart */
[id^="gb-widget"]{display:none!important}
/* ===== LYAL layer v1.2 — calm motion + no divider lines (agency voice note 19/10) ===== */
/* 1) no shine / glow / pulse */
.maxim-effect-shine:after,.s-free-shipping-banner__chip:after{display:none!important;animation:none!important}
.s-skeleton-wrapper,.s-next-order-coupon-skeleton,.pulse-anime,.scale-pulse,.war,.was,.was--online,.header-bag-dot{animation:none!important}
/* 2) cards & sections appear in place (no rise/fade-in on load or scroll) */
.scroll-slide-bottom-up{opacity:1!important;transform:none!important}
/* 3) no divider lines between elements */
.custom-view-all-btn-wrapper:before,.custom-view-all-btn-wrapper:after{display:none!important}
.custom-view-all-btn-wrapper{border:0!important;justify-content:center!important}
.swiper-scrollbar{display:none!important}
.faq_list,.faq_item{border-top:0!important;border-bottom:0!important}
.store-footer__inner{border-bottom:0!important}
main hr,.store-footer hr{display:none!important}
/* ===== LYAL layer v1.2b — footer · product page · category cards (agency notes 19/10) ===== */
/* footer: no icon circles, black lower bar, readable rights, payment icons without white boxes */
footer .s-social-link a,footer .s-contacts-icon{border:0!important;background:transparent!important}
footer .store-footer__inner~div,footer>div:not(.store-footer__inner){background:#0A0A0A!important}
footer .copyright-text,footer .copyright-text *{color:rgba(245,245,245,.72)!important}
footer .s-payments-list{gap:14px!important}
footer .s-payments-list-item{background:transparent!important;padding:0!important;width:auto!important;height:auto!important;border:0!important;box-shadow:none!important}
footer .s-payments-list-item img{height:22px!important;width:auto!important;max-width:46px;object-fit:contain}
/* footer trust row: CR · VAT · Business Platform (Mawthooq) aligned */
.lyal-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.lyal-badge{display:flex;align-items:center;gap:10px;flex:1 1 140px;min-width:0;padding:8px 10px;border-radius:6px;background:rgba(245,245,245,.06);color:#F5F5F5!important;text-decoration:none!important}
.lyal-badge__ico{flex:0 0 40px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;overflow:hidden}
.lyal-badge__ico img{width:40px!important;height:40px!important;max-width:none!important;object-fit:contain!important;border-radius:4px}
.lyal-badge__ico a{display:flex!important;width:40px!important;height:40px!important;flex:0 0 40px!important;align-items:center;justify-content:center}
.lyal-badge__txt{display:flex;flex-direction:column;line-height:1.4;text-align:right}
.lyal-badge__txt small{font-size:11px;opacity:.65}
.lyal-badge__txt b{font-size:13px;font-weight:700;letter-spacing:.2px}
footer .load-img-onclick{flex:0 0 40px;min-width:40px}
/* product page: hide repeated free-shipping line, installment boxes, separate floating WhatsApp */
.lyal-pdp h2.product-entry__sub-title,.lyal-pdp salla-installment{display:none!important}
.lyal-pdp .waw{display:none!important}
/* size guide + notice under the gallery */
.sidebar .lyal-pdp-note{margin-top:14px}
.lyal-size-help{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;color:#0A0A0A;text-decoration:underline;text-underline-offset:3px}
/* accordions under the price */
.lyal-acc{margin:6px 0 18px;width:100%}
.lyal-acc__item{border-bottom:0;background:#F5F5F5;border-radius:6px;margin-bottom:8px}
.lyal-acc__item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:13px 16px;font-size:14px;font-weight:700;color:#0A0A0A}
.lyal-acc__item summary::-webkit-details-marker{display:none}
.lyal-acc__item summary:after{content:'+';font-size:18px;font-weight:400;line-height:1}
.lyal-acc__item[open] summary:after{content:'−'}
.lyal-acc__body{padding:0 16px 14px;font-size:13.5px;line-height:1.9;color:#3C3C3C}
.lyal-acc__body *{color:#3C3C3C!important}
.lyal-acc__body ul{list-style:disc;padding-inline-start:18px;margin:0}
.lyal-acc__body p{margin:0 0 4px}
.lyal-acc__link{color:#0A0A0A!important;font-weight:700;text-decoration:underline;text-underline-offset:3px}
/* offer merged into complete-the-look */
.lyal-offer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;padding:10px 14px;border-radius:6px;background:#F5F5F5;font-size:13.5px;color:#0A0A0A}
.lyal-offer i{font-size:16px}
/* category page: sub-category cards */
html.lyal-has-subcards .sub-categories-slider-wrapper,html.lyal-has-subcards div:has(>.sub-category-slide-item){display:none!important}
.lyal-subcards{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:12px;max-width:calc(var(--n) * 210px);margin:4px auto 28px}
.lyal-sc{position:relative;display:block;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#0A0A0A}
.lyal-sc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.lyal-sc:hover img{transform:scale(1.04)}
.lyal-sc__t{position:absolute;inset:auto 0 0 0;padding:30px 12px 12px;color:#fff;font-size:14px;font-weight:700;line-height:1.35;text-align:right;background:linear-gradient(transparent,rgba(10,10,10,.72))}
.lyal-sc--ph{background:linear-gradient(160deg,#3C3C3C,#0A0A0A)}
@media (max-width:767px){
.lyal-subcards{display:flex;max-width:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:4px;scrollbar-width:none}
.lyal-subcards::-webkit-scrollbar{display:none}
.lyal-sc{flex:0 0 40%;scroll-snap-align:start}
}
/* ===== LYAL layer v1.2c — QA 21/10: no separators in menu/side cart · stacked cards framing ===== */
.lyal-mega{border-top:0!important}
.lyal-mega__head{border-bottom:0!important;padding-bottom:4px!important}
.lyal-mega .lyal-cuts{border-inline-start:0!important}
.lyal-fcol{border-bottom:0!important}
.lyal-pdp-note{border-inline-start:0!important}
.side-panel__header,.side-panel__bottom,.cart-totals__row--total{border-top:0!important;border-bottom:0!important}
/* stacked cards: keep faces in frame + readable titles on light photos */
.stack-section .card-img,.stack-section .slide-img{object-position:center 18%!important}
.stack-section .card-overlay,.stack-section .slide-overlay{background:linear-gradient(180deg,rgba(10,10,10,.55) 0%,rgba(10,10,10,.12) 55%,rgba(10,10,10,0) 100%)!important;opacity:1!important}
footer .contact-social{border-top:0!important}
@media (max-width:767px){.lyal-badge{flex:1 1 100%}}

/* v1.3 — تعديل الطول */
.lyal-len-hint{display:block;margin-top:6px;font-size:12px;line-height:1.7;color:#6B6B6B}
.lyal-len textarea{min-height:56px;resize:vertical}
/* v1.4 — خيارات إضافية (طقطق ياباني) + وضوح نصوص البانرات */
.lyal-addons{margin:18px 0 8px}
.lyal-addons__title{display:block;font-size:15px;font-weight:700;color:#0A0A0A;margin-bottom:10px}
.lyal-addon{display:flex;align-items:center;gap:12px;border:1px solid #E2E2E2;border-radius:6px;padding:12px 14px;background:#fff;cursor:pointer;transition:border-color .2s}
.lyal-addon+.lyal-addon{margin-top:8px}
.lyal-addon input{width:18px;height:18px;flex:0 0 auto;accent-color:#0A0A0A;cursor:pointer}
.lyal-addon__ico{display:inline-flex;color:#0A0A0A}
.lyal-addon__txt{display:flex;flex-direction:column;gap:2px;line-height:1.4}
.lyal-addon__txt b{font-size:14px;color:#0A0A0A}
.lyal-addon__txt small{font-size:13px;color:#3C3C3C}
.lyal-addon:has(input:checked){border-color:#0A0A0A;box-shadow:0 0 0 1px #0A0A0A inset}
.lyal-addons__hint{font-size:12px;color:#6B6B6B;margin:8px 0 0}
.single-product-slider-banner-video .main-theme-title,.single-product-slider-banner-video .main-theme-subtitle,.custom-three-column-gallery .main-theme-title,.custom-three-column-gallery .main-theme-subtitle{text-shadow:0 2px 14px rgba(0,0,0,.6),0 0 2px rgba(0,0,0,.35)}
/* v1.4b — زر بنر الهيرو مطابق لمرجع الوكالة (ص9): أبيض بحواف دائرية خفيفة + سهم ↖ */
.advanced_slider_btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;border-radius:6px!important;padding:10px 20px!important;font-size:14px!important;line-height:1.2!important;white-space:nowrap;width:auto!important;height:auto!important}
.advanced_slider_btn::after{content:"";flex:0 0 auto;width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 18L6 6M6 16V6h10'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 18L6 6M6 16V6h10'/%3E%3C/svg%3E") no-repeat center/contain}
@media (max-width:767px){.advanced_slider_btn{padding:8px 16px!important;font-size:13px!important}}
/* v1.4c — نص الهيرو يسار (مرجع ص9): مسافة تبعده عن سهم السلايدر (ديسكتوب) وشريط «خصم أول طلب» (جوال) */
@media (min-width:768px){.slide-content-overlay{padding-left:112px!important}}
@media (max-width:767px){.slide-content-overlay{padding-left:52px!important}}
/* v1.4d — عنوان الهيرو بوزن Bold بدل Black + ظل ناعم (أقرب لمرجع ص9) */
.advanced_slider_title{font-weight:700!important}
.advanced_slider_title.text-shadow-enabled,.advanced_slider_subtitle.text-shadow-enabled{text-shadow:0 1px 10px rgba(0,0,0,.28)!important}/* v1.4h — النافذة السريعة للمنتج: إخفاء العنوان الترويجي «الشحن والتوصيل مجاناً» مثل صفحة المنتج */
.product-modal-viewer .athena-modal-content h2.text-sm.text-gray-500{display:none!important}
/* v1.4i — شارات الفوتر: الرقم الضريبي كان يخرج عن البطاقة (عرضها 142px والرقم يحتاج 186px). شبكة تتكيف مع العرض: عمود واحد في عمود الفوتر الضيق والجوال، وعمودان عند توفر المساحة */
.lyal-badges{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.lyal-badge{flex:none!important;min-width:0;width:auto}
.lyal-badge__txt{flex:1 1 auto;min-width:0}
.lyal-badge__txt b{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
/* v1.5 — ملاحظات الوكالة 21/10: إخفاء الوسوم · نجوم التقييم فوق التقييمات · (i) تعديل الطول · نافذة دليل المقاسات */
.lyal-tags{display:none!important}
.lyal-size-btn{cursor:pointer}
.lyal-rate{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:32px 0 12px;padding:16px 20px;border:1px solid #E6E6E6;border-radius:8px;background:#FAFAFA;color:#0A0A0A}
.lyal-rate__num{font-size:28px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums}
.lyal-rate__stars{display:inline-flex;gap:3px;font-size:18px;color:#D9D9D9}
.lyal-rate__stars .is-on{color:#C9A227}
.lyal-rate small{font-size:13px;color:#6B6B6B}
.lyal-info{position:relative;display:inline-flex;vertical-align:middle;margin-inline-start:6px}
.lyal-info__btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid #BDBDBD;background:#fff;color:#0A0A0A;font-size:13px;cursor:pointer;padding:0}
.lyal-info__btn:focus-visible{outline:2px solid #0A0A0A;outline-offset:2px}
.lyal-info__tip{position:absolute;top:calc(100% + 8px);inset-inline-start:-8px;z-index:30;width:max-content;max-width:min(260px,72vw);padding:10px 12px;border-radius:6px;background:#0A0A0A;color:#F5F5F5;font-size:12px;font-weight:400;line-height:1.7;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.lyal-info__tip[hidden]{display:none}
.lyal-sz{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px}
.lyal-sz[hidden]{display:none}
.lyal-sz__backdrop{position:absolute;inset:0;background:rgba(10,10,10,.55)}
.lyal-sz__panel{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;color:#0A0A0A;border-radius:10px;padding:20px 20px 16px;box-shadow:0 20px 60px rgba(0,0,0,.25);outline:0}
.lyal-sz__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.lyal-sz__head h2{font-size:18px;font-weight:700;margin:0}
.lyal-sz__x{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#F5F5F5;font-size:14px}
.lyal-sz__tabs{display:flex;gap:6px;border-bottom:1px solid #E6E6E6;margin-bottom:12px}
.lyal-sz__tabs button{padding:8px 14px;font-size:14px;font-weight:600;color:#6B6B6B;border-bottom:2px solid transparent;margin-bottom:-1px}
.lyal-sz__tabs button[aria-selected="true"]{color:#0A0A0A;border-bottom-color:#0A0A0A}
.lyal-sz__units{display:inline-flex;border:1px solid #E6E6E6;border-radius:6px;overflow:hidden;margin-bottom:10px}
.lyal-sz__units button{padding:6px 14px;font-size:13px;color:#3C3C3C}
.lyal-sz__units button[aria-pressed="true"]{background:#0A0A0A;color:#fff}
.lyal-sz__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.lyal-sz__scroll img{display:block;width:100%;min-width:520px;height:auto}
.lyal-sz__table{width:100%;border-collapse:collapse;font-size:14px;text-align:center;font-variant-numeric:tabular-nums}
.lyal-sz__table th,.lyal-sz__table td{padding:8px 6px;border-bottom:1px solid #EFEFEF}
.lyal-sz__table thead th{background:#0A0A0A;color:#fff;font-weight:600;position:sticky;top:0}
.lyal-sz__table tbody th{font-weight:700;background:#F7F7F7}
.lyal-sz__table tbody tr:nth-child(even) td{background:#FAF7F3}
.lyal-sz__note{margin:8px 0 0;font-size:12px;color:#6B6B6B}
.lyal-sz__foot{display:flex;gap:6px;align-items:flex-start;margin:14px 0 8px;font-size:12.5px;color:#3C3C3C}
.lyal-sz__wa{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:600;color:#0A0A0A;text-decoration:underline;text-underline-offset:4px}
html.lyal-sz-open{overflow:hidden}
@media (max-width:767px){
  .lyal-sz{align-items:flex-end;padding:0}
  .lyal-sz__panel{width:100%;max-height:88vh;border-radius:14px 14px 0 0;padding:16px 16px calc(14px + env(safe-area-inset-bottom,0px))}
  .lyal-sz__table{font-size:13px}
  .lyal-rate{margin-top:24px;padding:14px 16px}
}
.lyal-sz__panel:has([data-pane="clothes"]:not([hidden])){width:min(900px,100%)}
.lyal-rate-wrap .lyal-rate{margin-bottom:0}
/* v1.6 — ملاحظات الوكالة 25/10 */
/* أيقونات الدفع في الفوتر: إخفاء التحويل البنكي والمحفظة والمركز السعودي للأعمال (الأيقونات فقط — وسائل الدفع تبقى مفعّلة) */
footer .s-payments-list-item:has(img[alt="bank"]),footer .s-payments-list-item:has(img[alt="customer_wallet"]),footer .s-payments-list-item:has(img[alt="SBC"]){display:none!important}
/* (i) ملاصقة لعنوان «تعديل الطول» */
.lyal-len .form-label{display:inline-flex;align-items:center;gap:6px}
.lyal-len .lyal-info{margin-inline-start:0}
/* v1.9d (12/11): مربع عرض المنتج الأصلي ظاهر من جديد بطلب العميل (كان مخفياً في v1.6) */
/* v1.6b — 25/10: شريط العرض المدموج أُلغي؛ من v1.9d يظهر مربع سلة الأصلي بدلاً منه */
.lyal-offer{display:none!important}
/* v1.6c — بنر CTA (بانرات الأقسام الديناميكية): الجمل المعتمدة كاملة بحجم الرفرنس */
section.dcb .dcb-title{font-size:20px!important;line-height:1.7!important;font-weight:700!important;max-width:380px}
@media (max-width:1100px){section.dcb .dcb-title{font-size:18px!important}}
@media (max-width:767px){section.dcb .dcb-title{font-size:17px!important;max-width:none}}
/* v1.6d — صفحة من نحن بشكل المرجع (هيرو عريض + نص) */
body.page-single .content--single-page:has(.lyal-about){width:100%!important;max-width:none!important;padding:0!important;margin-top:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
body.page-single .content--single-page:has(.lyal-about) > h1{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lyal-about-hero,.lyal-about-body{width:100vw;margin-inline:calc(50% - 50vw)}
.lyal-about-hero{height:clamp(240px,32vw,500px)}
.lyal-about-hero h2{font-size:clamp(26px,3vw,40px)!important}
.lyal-about-body{padding:56px 24px 72px}
@media (max-width:767px){.lyal-about-hero{height:240px}.lyal-about-hero img{object-position:50% 22%!important}.lyal-about-body{padding:36px 20px 48px}.lyal-about-body h3{font-size:19px!important}}
/* v1.6e — من نحن: إصلاح فراغ الصورة + بدون تمرير أفقي + بدون تعليقات */
.lyal-about-hero img{margin:0!important}
.lyal-about-hero{height:clamp(260px,37vw,560px)}
.app-inner:has(.lyal-about){overflow-x:clip}
body:has(.lyal-about) salla-comments,body:has(.lyal-about) .s-comments-page-container{display:none!important}
/* v1.8 (02/11) — customs notice above «إتمام الطلب» (side cart + cart page) */
.lyal-customs{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px;padding:10px 12px;border:1px solid #E2E2E2;background:#FAFAFA;border-radius:6px;font-size:12px;line-height:1.75;color:#3C3C3C;text-align:start}
.lyal-customs i{font-size:14px;line-height:1.6;flex:0 0 auto;color:#0A0A0A}
#cart-summary-panel .lyal-customs{margin:0 0 8px}

/* v1.9f (12/11): no flash of Salla's automatic category menu on first load — the bar stays hidden until the
   custom menu (الرئيسية · تسوقي · وصل حديثاً · من نحن) replaces it; shows anyway after 2.5s if the script fails */
@keyframes lyalReveal{to{visibility:visible}}
nav.desktop-menu ul.main-menu:not([data-lyal="1"]),nav#mobile-menu ul.main-menu:not([data-lyal="1"]){visibility:hidden;animation:lyalReveal 0s 2.5s forwards}