/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
    .advanced-slider__caption__inner__content__heading {
        COLOR: WHITE;
    }

.advanced-slider__caption__inner__content__text {
        COLOR: WHITE;
    }

.product-card--primary-buttons button i {
    color: white !important;
}

.product-card__addToCart__btn salla-button button {
    color: white !important;
}

.one-line-products-names .simplified-products .offer-slide .product-card--simplified .product-card__title a, .one-line-products-names .simplified-products .s-products-list-wrapper .product-card--simplified .product-card__title a, .one-line-products-names .simplified-products .s-products-slider-card .product-card--simplified .product-card__title a {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 96%;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        font-size: 13px;
    }

.advanced-slider--0.s-block {
        margin-top: 6rem !important;
    }



@media only screen and (max-width: 768px) {
  .advanced-slider__caption__inner__content__heading {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1rem;
    margin-bottom: 1rem;
}

  .advanced-slider__caption__inner__content__text {
    font-size: 0.5rem;
    line-height: 0.5rem;
}

}

@media only screen and (max-width: 1022px){
    .advanced-slider--0.s-block {
        margin-top: 4rem !important;
    }
}

@media only screen and (min-width: 1024px) {

      .main-menu>.has-children:hover>a {
        color: #c9a84c;
    }
  
    .main-menu li>a:hover {
        color: #c9a84c;
        text-decoration-line: none;
    }

      .main-menu .has-children .has-children:hover>a, .main-menu .has-children li a:hover {
        color: #c9a84c;
    }
}

@media screen and (min-width: 1023px) and (max-width: 1055px)  {

   .advanced-slider--0.s-block {
        margin-top: 9rem !important;
    }
}

/* === ALMUSBAH CARDS: unified product cards (one-line names, aligned prices) === */
custom-salla-product-card.product-card{display:flex;flex-direction:column;height:100%}
custom-salla-product-card.product-card>form.product-form{flex:1 1 auto;display:flex;flex-direction:column}
custom-salla-product-card .product-card__content,
custom-salla-product-card .product-card__content-wrapper{flex:1 1 auto;display:flex;flex-direction:column}
custom-salla-product-card .product-card__title a{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}
custom-salla-product-card .product-card__subtitle{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
custom-salla-product-card .product-card__promotion *{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
custom-salla-product-card .product-card__content-wrapper>.product-options{margin-top:auto}
custom-salla-product-card .product-card__content-wrapper>.product-card__price{margin-top:auto}
custom-salla-product-card .product-card__content-wrapper>.product-options+.product-card__price{margin-top:.5rem}
/* === /ALMUSBAH CARDS === */
/* am-notes: shop by note circles */
.am-notes .circle-links__image-wrap{background:#fff;box-shadow:0 0 0 1px #ece3d8,0 8px 20px rgba(70,40,20,.07);transition:box-shadow .3s ease,transform .3s ease}
.am-notes a:hover .circle-links__image-wrap{box-shadow:0 0 0 2px #a8262c,0 10px 24px rgba(168,38,44,.15);transform:translateY(-3px)}
.am-notes .swiper-slide a{display:block;padding-top:6px}
@media (max-width:768px){.am-notes .swiper-slide{width:29% !important}.am-notes .circle-links__image-wrap img{width:96px !important;height:96px !important}.am-notes .swiper-slide h4,.am-notes .swiper-slide h3{font-size:14px}}
/* am-notes: note links, product note chips, note page intro */
.am-nl{color:inherit;text-decoration:none;border-bottom:1px dashed #a8262c;transition:color .2s}
.am-nl:hover{color:#a8262c}
.am-nl__lbl{font-weight:700}
.am-np{margin:14px 0 24px;padding:14px 16px;border:1px solid #efe6db;border-radius:14px;background:#fffdf9}
.am-np__h{font-weight:700;font-size:14px;margin:0 0 10px}
.am-np__row,.am-ni__row{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 2px 2px}
.am-np__row::-webkit-scrollbar,.am-ni__row::-webkit-scrollbar{display:none}
.am-nc{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;width:72px;color:inherit;text-decoration:none!important;border:0!important}
.am-nc__i{display:block;width:64px;height:64px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #ece3d8;transition:box-shadow .25s ease,transform .25s ease}
.am-nc__i img{display:block;width:100%;height:100%;object-fit:cover;margin:0!important}
.am-nc__t{font-size:12.5px;font-weight:600;white-space:nowrap}
.am-nc:hover .am-nc__i,.am-nc.is-on .am-nc__i{box-shadow:0 0 0 2px #a8262c,0 6px 14px rgba(168,38,44,.12);transform:translateY(-2px)}
.am-nc.is-on .am-nc__t{color:#a8262c}
.am-ni{margin:0 0 20px}
.am-ni__p{font-size:14.5px;line-height:1.9;color:#555;margin:0 0 12px;max-width:860px}
@media (max-width:768px){.am-ni__p{font-size:13.5px}.am-nc{width:64px}.am-nc__i{width:56px;height:56px}}

.product-index__layout>.main-content{min-width:0}.am-ni,.am-np{max-width:100%;min-width:0}
@media (min-width:769px){.am-ni__row{flex-wrap:wrap;overflow:visible;gap:12px 10px}}
/* am-menu-icons */
.am-mi-a{display:flex!important;align-items:center;gap:10px}
.am-mi{flex:0 0 auto;display:block;width:26px;height:26px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #ece3d8}
.am-mi img{display:block;width:100%;height:100%;object-fit:cover;margin:0!important}
.am-mi-a:hover .am-mi{box-shadow:0 0 0 1.5px #a8262c}
@media (min-width:1024px){.am-mi-sub{width:460px!important}.am-mi-ul{display:grid!important;grid-template-columns:1fr 1fr;padding:6px!important}.am-mi-ul>li>a.am-mi-a{padding-top:9px!important;padding-bottom:9px!important;border-radius:10px}.am-mi-ul>li>a.am-mi-a:hover{background:#faf6f1}}
/* am-footer v1 (2026-10-29): first-class footer, desktop + mobile (DOM parts in custom JS) */
.store-footer__inner{position:relative;border-bottom:0!important;background:radial-gradient(900px 380px at 88% 0,rgba(201,168,76,.10),transparent 62%),#141210!important}
.store-footer__inner:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#BC252C,#C9A84C 50%,#BC252C)}
.am-fp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 0 30px;margin-bottom:36px;border-bottom:1px solid rgba(201,168,76,.18)}
.am-fp>div{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.2);border-radius:16px;padding:14px 16px}
.am-fp svg{width:42px;height:42px;flex:none;padding:9px;border-radius:12px;background:rgba(201,168,76,.13);color:#C9A84C}
.am-fp b{display:block;color:#fff;font-size:15px;font-weight:700;line-height:1.5}
.am-fp small{display:block;color:#a9a091;font-size:12.5px;line-height:1.6;margin-top:2px}
.store-footer .footer-title{color:#fff!important;font-weight:700!important}
.store-footer .footer-description{color:#b9b0a1!important;font-size:13.5px;line-height:1.95!important}
.store-footer .store-footer__menu-link,.store-footer .store-footer__account-column a{color:#cfc7b8!important;transition:color .2s,transform .2s;display:inline-flex}
.store-footer .store-footer__menu-link:hover,.store-footer .store-footer__account-column a:hover{color:#C9A84C!important;transform:translateX(-4px)}
.store-footer__brand{order:1}.store-footer__links-column{order:2}.am-help{order:3}.store-footer__account-column{order:4}.store-footer__contacts-column{order:5}
.store-footer__contacts-column selia-contacts{display:none!important}
.am-ct a{display:flex;align-items:center;gap:12px;padding:11px 14px;margin-bottom:10px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);color:#fff!important;transition:border-color .2s,background .2s}
.am-ct a:hover{border-color:#C9A84C;background:rgba(201,168,76,.09)}
.am-ct svg{width:38px;height:38px;flex:none;padding:8px;border-radius:50%;background:rgba(201,168,76,.14);color:#C9A84C}
.am-ct a.am-wa svg{background:#25D366;color:#fff}
.am-ct b{display:block;font-size:14px;color:#fff;font-weight:700}
.am-ct em{display:block;font-style:normal;font-size:13px;color:#cfc7b8;text-align:right;word-break:break-all}
.store-footer .footer-bottom{border-top:1px solid rgba(201,168,76,.22)!important;background:#0e0c0b!important}
.store-footer .footer-bottom a[href*="instagram"]:hover,.store-footer .footer-bottom a[href*="x.com"]:hover,.store-footer .footer-bottom a[href*="snapchat"]:hover,.store-footer .footer-bottom a[href*="tiktok"]:hover,.store-footer .footer-bottom a[href*="youtube"]:hover,.store-footer .footer-bottom a[href*="facebook"]:hover{color:#C9A84C!important;border-color:#C9A84C!important;background:rgba(201,168,76,.1)}
@media(min-width:1024px){
.store-footer__grid{grid-template-columns:1.55fr 1fr 1fr 1fr 1.3fr!important;column-gap:40px!important}
.store-footer__grid>*{grid-column:auto/span 1!important}
.store-footer .footer-title{font-size:17px!important;position:relative;padding-bottom:12px;margin-bottom:18px!important}
.store-footer .footer-title:after{content:"";position:absolute;bottom:0;right:0;width:30px;height:2px;border-radius:2px;background:#C9A84C}
.store-footer .footer-list{columns:1!important;display:block!important}
.store-footer .footer-list li{width:auto!important;float:none!important;margin:0 0 12px!important;padding:0!important}
.store-footer .store-footer__menu-link{line-height:1.7!important;padding:0!important}
}
@media(max-width:1023px){
.am-fp{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 0 22px;margin-bottom:26px}
.am-fp>div{flex-direction:column;text-align:center;gap:8px;padding:14px 10px}
.am-fp b{font-size:14px}.am-fp small{font-size:11.5px}
.store-footer .store-footer__menu-link{font-size:14px!important}
.am-ctw{margin-top:18px}.am-ct-t{text-align:center}
.store-footer .footer-bottom{padding-bottom:92px!important}
}
/* am-footer v1.1 (2026-10-30): brand copyright, bigger social icons + short brand text on mobile */
.am-copy{color:#cfc7b8;margin-left:10px;padding-left:10px;border-left:1px solid rgba(255,255,255,.18)}
.am-more{display:none}
@media(max-width:1023px){
.am-copy{display:block;margin:0 0 6px;padding:0;border:0;color:#e8e1d3}
.store-footer .footer-description:not(.am-open){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px!important}
.am-more{display:inline-block;background:none;border:0;padding:4px 8px;color:#C9A84C;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px;margin:0 0 14px;cursor:pointer}
.store-footer .s-social-list{gap:12px!important}
.store-footer .s-social-list a{width:44px!important;height:44px!important;display:inline-flex!important;align-items:center;justify-content:center}
.store-footer .s-social-list a svg{width:18px!important;height:18px!important}
}
/* am-footer v1.2 (2026-10-30): guest layout (account column hidden) */
@media(min-width:1024px){.store-footer__grid.am-noacc{grid-template-columns:1.6fr 1fr 1fr 1.3fr!important}}
@media(max-width:1023px){.store-footer__contacts-column{grid-column:1/-1!important}}

/* المصباح 2026-11-05: حجز نسبة صور البانرات الحقيقية قبل التحميل — يمنع الفراغ الأبيض تحت السلايدر */
.advanced-slider--1 img[width="1920"]{aspect-ratio:12/5!important;height:auto!important}
.advanced-slider--9 img[width="1920"]{aspect-ratio:3/1!important;height:auto!important}
.advanced-slider--11 img[width="1920"]{aspect-ratio:2880/1424!important;height:auto!important}
.advanced-slider--9 img[width="800"],.advanced-slider--11 img[width="800"]{aspect-ratio:4/5!important;height:auto!important}
/* am-cls v1: reserve hero height (videos) */
html body .advanced-slider--1 .advanced-slider__slide{aspect-ratio:12/5;min-height:0}
html body .advanced-slider--1 .advanced-slider__slide video{position:absolute;inset:0}
@media (max-width:639.98px){html body .advanced-slider--1 .advanced-slider__slide{aspect-ratio:2/3}}