/* START OF CSS STYLE CODE BY NUSSUQ */

/* ====== GENERAL ====== */
.enhanced-title-border {border: 2px solid #eeccc5;}
.enhanced-title-border::before, .enhanced-title-border::after {background: #eeccc5;}
.home-block-title h2, .home-block-title p.text-3xl, .index.mobile_small_blocks_titles h2.text-3xl {color: #8d636e !important;font-size: 1.8rem !important;font-weight: 500;line-height: 1;}

/* ====== HEADER ====== */
.salla-advertisement {display:none !important}
.s-cart-summary-count {background-color:#c4969a}

@media (max-width:768px){
.navbar-brand img {max-width: 80px;}
}

/* ====== SLIDER ====== */
.advanced-slider__caption__inner__content__button {background-color: #8d636e90 !important;border: 1px solid;font-size: 1.2rem;padding: 4px 25px;font-weight:700;}

/* ====== SPECIAL CATEGORIES ====== */
.s-block.special-categories {margin-top:4px !important}

@media (max-width:768px){
.special-categories .group-banner {display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; margin-top: 4px;}
}

/* ====== CATEGORIES ====== */
.s-block--square-links ul {max-width:100% !important; gap:.5rem !important; margin-top:1.5rem}
.s-block--square-links h3 {font-size: 1.2rem;color: #8d636e !important; margin-top:2px !important; font-weight:500 !important; margin-bottom:.5rem}
.s-block--square-links .mx-auto.max-w-7xl {padding-left: 1rem;padding-right: 1rem;}

.s-block--square-links img.aspect-\[14\/13\] {aspect-ratio: unset !important;}

/* ====== FAQS ====== */
.single-faq {border-color: var(--color-primary);}
.single-faq p.text-base {color: var(--color-primary); font-size:1.1rem}

/* ====== PRODUCTS ====== */
salla-add-product-button i {display:none}
.product-card__promotion {border-radius:20px; top:8px !important; left:8px !important;     background-color: #edccc5 !important; color: #8d636e !important;}

.simplified-products .s-products-list-wrapper .product-card--simplified .product-card__mini-cart button, .product-card__mini-cart button {background: #c4969a;border: none;padding: 2px !important;border-radius: 0;}
.simplified-products .s-products-list-wrapper .product-card--simplified .product-card__mini-cart button .s-button-text, .product-card__mini-cart button .s-button-text {font-size: 1.1rem !important;color:#fff}

.product-card__discount span {background: #c4969a20;padding: 0 8px;color: #c4969a;font-size:.8rem}
.product-card__price {line-height:2}

.product-card__title a {font-size:1rem; font-weight:500}
.product-card__price .total-price {font-size:.9rem; color: #8d636e;}

.product-card__price .before-price {opacity: .7;}

.s-block--best-offers .text-center.mb-8 {margin-bottom:1rem !important}

/* ====== SIDEBAR ====== */
.mm-spn li {font-size:1.1rem !important; font-weight:400 !important}
.mm-spn li a[aria-label="تخفيضات"] span {background: #eeccc5; padding: 4px 16px;border-radius: 0; color: #8d636e;}

/* ______ NAYOMI BRAND PALETTE (added Oct 2026) ______ */
/* P 79-10C #8F626E buttons + key text | P 66-11C #C7959A lines + icons | P 57-9C #F0CBC5 and P 75-1C #F6F1F5 backgrounds */
.s-cart-summary-count {background-color:#8F626E}
.simplified-products .s-products-list-wrapper .product-card--simplified .product-card__mini-cart button, .product-card__mini-cart button {background:#8F626E}
.product-card__discount span {color:#8F626E}
.index .s-block--enhanced-features, .index .s-block--faq, .index .s-block--bundle-html-content:has(.nyg) {padding-top:44px;padding-bottom:44px;background:var(--ny-band);box-shadow:0 0 0 100vmax var(--ny-band);clip-path:inset(0 -100vmax)}
.index .s-block--enhanced-features {--ny-band:#F0CBC5}
.index .s-block--faq, .index .s-block--bundle-html-content:has(.nyg) {--ny-band:#F6F1F5}
.index .s-block--faq .single-faq {background:#fff}
.index .s-block--bundle-html-content .nyg {margin-top:0;margin-bottom:0}
.ny-gr {background:#F6F1F5;padding:48px 0}
.ny-gr .nyg {margin:0 auto}

/* Budget links as cards (homepage "تسوّقي حسب الميزانية") */
.s-block--rectangular-links[component-id="1050727376"] .rectangular-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px!important;max-width:1100px;margin:28px auto 0;padding:0 4px}
.s-block--rectangular-links[component-id="1050727376"] .rectangular-list-item{width:auto!important;margin:0!important;padding:0!important}
.s-block--rectangular-links[component-id="1050727376"] .rectangular-list-item>a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:132px;padding:22px 12px;background:#F6F1F5;border:1px solid #F0CBC5;border-radius:14px;text-decoration:none;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
.s-block--rectangular-links[component-id="1050727376"] .rectangular-links__image-wrap{display:none!important}
.s-block--rectangular-links[component-id="1050727376"] .rectangular-list-item>a::before{content:"";width:11px;height:11px;border:1.5px solid #C7959A;transform:rotate(45deg);margin-bottom:14px;transition:border-color .25s}
.s-block--rectangular-links[component-id="1050727376"] .rectangular-links__item-title{margin:0!important;font-size:19px!important;line-height:1.5!important;font-weight:700!important;color:#8F626E!important;transition:color .25s}
.s-block--rectangular-links[component-id="1050727376"] .rectangular-list-item>a::after{content:"تسوّقي الآن ←";margin-top:10px;font-size:13px;color:#8F626E;border-bottom:1px solid #C7959A;padding-bottom:2px;transition:color .25s,border-color .25s}
.s-block--rectangular-links[component-id="1050727376"] .rectangular-list-item>a:hover,.s-block--rectangular-links[component-id="1050727376"] .rectangular-list-item>a:focus-visible{background:#8F626E;border-color:#8F626E;transform:translateY(-3px);box-shadow:0 10px 24px rgba(143,98,110,.22)}
.s-block--rectangular-links[component-id="1050727376"] .rectangular-list-item>a:hover .rectangular-links__item-title,.s-block--rectangular-links[component-id="1050727376"] .rectangular-list-item>a:focus-visible .rectangular-links__item-title{color:#fff!important}
.s-block--rectangular-links[component-id="1050727376"] .rectangular-list-item>a:hover::before,.s-block--rectangular-links[component-id="1050727376"] .rectangular-list-item>a:focus-visible::before{border-color:#fff}
.s-block--rectangular-links[component-id="1050727376"] .rectangular-list-item>a:hover::after,.s-block--rectangular-links[component-id="1050727376"] .rectangular-list-item>a:focus-visible::after{color:#fff;border-color:#fff}
@media (max-width:767px){.s-block--rectangular-links[component-id="1050727376"] .rectangular-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;margin-top:20px}.s-block--rectangular-links[component-id="1050727376"] .rectangular-list-item>a{min-height:112px;padding:18px 8px}.s-block--rectangular-links[component-id="1050727376"] .rectangular-links__item-title{font-size:16px!important}}
@media (prefers-reduced-motion:reduce){.s-block--rectangular-links[component-id="1050727376"] .rectangular-list-item>a{transition:none}.s-block--rectangular-links[component-id="1050727376"] .rectangular-list-item>a:hover{transform:none}}

/* ______ Brand logos bigger + keep sliding (Oct 2026) ______ */
.s-block--animated-brands[component-id="662143776"] .s-block--animated-brands--brand {width:160px;height:120px}
.s-block--animated-brands[component-id="662143776"] .s-block--animated-brands--brand img {width:100%;height:100%;padding:8px;object-fit:contain}
.s-block--animated-brands[component-id="662143776"] .marquee__group {animation-duration:90s}
.s-block--animated-brands[component-id="662143776"] .s-block--animated-brands--marquee:hover .marquee__group {animation-play-state:paused}
@media (max-width:767px) {
.s-block--animated-brands[component-id="662143776"] .s-block--animated-brands--brand {width:112px;height:84px}
.s-block--animated-brands[component-id="662143776"] .s-block--animated-brands--brand img {padding:6px}
.s-block--animated-brands[component-id="662143776"] .marquee__group {animation-duration:80s}
}

/* ______ Tabby / Tamara card on product pages (Oct 2026) ______ */
body.product-single salla-installment:has(tamara-widget,#tabbyPromoWrapper) {display:flex;flex-direction:column;margin:4px 0 22px;padding:0 14px 14px;background:#F6F1F5;border:1px solid #F0CBC5;border-radius:16px;overflow:hidden}
body.product-single salla-installment:has(tamara-widget,#tabbyPromoWrapper)::before {content:"\eb14  قسّطيها مع تابي وتمارا";order:-2;display:block;margin:0 -14px;padding:14px 18px 2px;background:#8F626E;color:#fff;font-family:"Noto Naskh Arabic",sallaicons,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;font-weight:700;line-height:1.5}
body.product-single salla-installment:has(tamara-widget,#tabbyPromoWrapper)::after {content:"اختاري الطريقة المناسبة لكِ عند إتمام الطلب";order:-1;display:block;margin:0 -14px 4px;padding:0 18px 13px;background:#8F626E;color:rgba(255,255,255,.9);font-size:13px;line-height:1.6}
body.product-single salla-installment:has(tamara-widget,#tabbyPromoWrapper) > div {margin:10px 0 0!important;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(143,98,110,.10)}
@media (max-width:767px) {
body.product-single salla-installment:has(tamara-widget,#tabbyPromoWrapper) {padding:0 8px 8px;border-radius:14px}
body.product-single salla-installment:has(tamara-widget,#tabbyPromoWrapper)::before {margin:0 -8px;padding:12px 14px 0;font-size:16px}
body.product-single salla-installment:has(tamara-widget,#tabbyPromoWrapper)::after {margin:0 -8px 2px;padding:0 14px 11px}
body.product-single salla-installment:has(tamara-widget,#tabbyPromoWrapper) > div {margin-top:8px!important}
}