/* Add custom CSS styles below */ @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap");:root{--zaan-canvas:#f0e7da;--zaan-surface:#e7d8c6;--zaan-surface-soft:#f4ecdf;--zaan-surface-deep:#d5c1a8;--zaan-espresso:#261f1a;--zaan-text:#302721;--zaan-muted:#706258;--zaan-burgundy:#9c2f22;--zaan-burgundy-dark:#752219;--zaan-brass:#ad8353;--zaan-border:rgba(82,61,47,.17);--zaan-shadow:0 12px 30px rgba(49,34,24,.08);--color-primary:var(--zaan-burgundy);--color-primary-dark:var(--zaan-burgundy-dark);--color-primary-light:#b94a3e;--color-primary-reverse:var(--zaan-surface-soft);--color-text:var(--zaan-text);--color-text-muted:var(--zaan-muted)}html,body{min-height:100%;background:var(--zaan-canvas)!important;color:var(--zaan-text)!important;font-family:"IBM Plex Sans Arabic",Rubik,sans-serif!important}body,button,input,select,textarea,a,p,span,label{font-family:"IBM Plex Sans Arabic",Rubik,sans-serif}#app,.app,.app-inner,.store-wrapper,.store-home,.salla-theme,main,.main-content,.page-content{background:transparent!important;color:var(--zaan-text)!important}.store-header,.site-header,header{background:transparent!important;color:var(--zaan-text)!important}.top-navbar,.store-header .top-navbar{background:var(--zaan-espresso)!important;color:var(--zaan-surface-soft)!important;border:0!important}.top-navbar a,.top-navbar span,.top-navbar svg{color:var(--zaan-surface-soft)!important}.main-nav-container,.mobile-header,.header-wrapper{background:rgba(240,231,218,.97)!important;color:var(--zaan-text)!important;border-bottom:1px solid var(--zaan-border)!important;box-shadow:0 7px 24px rgba(49,34,24,.06)!important;backdrop-filter:blur(12px)}.main-nav-container a,.mobile-header a,.store-header nav a{color:var(--zaan-text)!important;font-weight:600;font-size:1.03rem!important;line-height:1.55!important}.main-nav-container a:hover,.main-nav-container .active,.mobile-header a:hover{color:var(--zaan-burgundy)!important}.s-search-input,.search-input,input[type=search],.s-search-container input{background:rgba(255,255,255,.08)!important;color:var(--zaan-surface-soft)!important;border-color:rgba(244,236,223,.22)!important}.s-search-input::placeholder,.search-input::placeholder,input[type=search]::placeholder{color:rgba(244,236,223,.7)!important}.s-search-input:focus,.search-input:focus,input[type=search]:focus{border-color:var(--zaan-brass)!important;box-shadow:0 0 0 3px rgba(173,131,83,.18)!important}.s-block,.s-block-wrapper,.s-block-container,main>section{background:transparent!important}.s-block__title{align-items:center;margin-bottom:22px!important}.s-block__title h2,main h1,main h2,main h3,main h4,.product-title{color:var(--zaan-text)!important;font-family:"IBM Plex Sans Arabic",Rubik,sans-serif!important;font-weight:700!important;letter-spacing:-.018em}.s-block__title h2{position:relative;font-size:clamp(1.15rem,2vw,1.55rem)!important}.s-block__title h2::after{content:"";display:block;width:42px;height:2px;margin-top:8px;background:var(--zaan-burgundy);border-radius:999px}.s-block__title a,.s-block__title .s-button-text{color:var(--zaan-burgundy)!important;font-weight:600}main p,main li,main label,.product-subtitle,.s-product-card-content-subtitle,.breadcrumb,.breadcrumbs{color:var(--zaan-muted)!important}.s-block--fixed-banner img,.s-block--banners img,.s-block--fixed-banner a,.s-block--banners a{border-radius:14px}custom-salla-product-card.s-product-card-entry,.s-product-card-entry,.s-product-card,.product-card{overflow:hidden;background:var(--zaan-surface)!important;color:var(--zaan-text)!important;border:1px solid var(--zaan-border)!important;border-radius:14px!important;box-shadow:var(--zaan-shadow)!important;transition:transform .18s ease,box-shadow .18s ease}custom-salla-product-card.s-product-card-entry:hover,.s-product-card-entry:hover,.product-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(49,34,24,.13)!important}.s-product-card-image,.product-card__image{background:var(--zaan-surface-soft)!important}.s-product-card-content,.s-product-card-content-main,.s-product-card-content-footer,.product-card__content,.s-product-card-content>div,.product-card__content>div{background:transparent!important}.s-product-card-content-title,.s-product-card-content-title a,.product-card__title,.s-product-card h3,.product-card h3{color:var(--zaan-text)!important;font-weight:700!important;line-height:1.55!important}.s-product-card-content-subtitle,.product-card__subtitle,.s-product-card p,.product-card p{color:var(--zaan-muted)!important;font-weight:400!important;line-height:1.65!important}.s-product-card-price,.s-product-card-sale-price,.product-card__price,.product-price,.price{color:var(--zaan-burgundy)!important;font-weight:700!important}.s-product-card-regular-price,.old-price,.before-price,del{color:#85766b!important}.s-product-card-promotion-title,.discount-badge,.sale-badge,.offer-badge{background:var(--zaan-burgundy)!important;color:var(--zaan-surface-soft)!important}.s-product-card-content-footer button,.s-product-card-content-footer .s-button-element,.s-product-card-entry salla-add-product-button .s-button-element,.product-card__content button{background:rgba(244,236,223,.42)!important;color:var(--zaan-burgundy)!important;border:1px solid var(--zaan-burgundy)!important;border-radius:10px!important;font-weight:700!important}.s-product-card-content-footer button:hover,.s-product-card-content-footer .s-button-element:hover,.s-product-card-entry salla-add-product-button .s-button-element:hover{background:var(--zaan-burgundy)!important;color:var(--zaan-surface-soft)!important}.s-block--bundle-our-services,.s-block--features{background:var(--zaan-surface-deep)!important;border-block:1px solid var(--zaan-border)}.s-block--bundle-our-services .s-card,.s-block--features .s-card,.feature-card,.category-card{background:var(--zaan-surface-soft)!important;color:var(--zaan-text)!important;border:1px solid var(--zaan-border)!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(49,34,24,.07)!important}main .s-button-primary,main .btn-primary,main button[type=submit],main .add-to-cart,main .s-add-product-button,main .product-add-to-cart{background:var(--zaan-burgundy)!important;color:var(--zaan-surface-soft)!important;border-color:var(--zaan-burgundy)!important}main .s-button-primary:hover,main .btn-primary:hover,main button[type=submit]:hover,main .add-to-cart:hover{background:var(--zaan-espresso)!important;border-color:var(--zaan-espresso)!important}main input:not([type=checkbox]):not([type=radio]),main select,main textarea{background:var(--zaan-surface-soft)!important;color:var(--zaan-text)!important;border-color:var(--zaan-border)!important}.zaan-product-view .zaan-product-summary,.zaan-product-view .zaan-description{background:var(--zaan-surface)!important;border:1px solid var(--zaan-border);border-radius:16px;box-shadow:var(--zaan-shadow)}.zaan-description.is-collapsed{position:relative;max-height:520px;overflow:hidden}.zaan-description.is-collapsed::after{content:"";position:absolute;inset-inline:0;bottom:0;height:90px;pointer-events:none;background:linear-gradient(transparent,var(--zaan-surface))}.zaan-desc-toggle{display:block;margin:12px auto 0;padding:9px 20px;color:var(--zaan-burgundy);background:transparent;border:1px solid var(--zaan-burgundy);border-radius:999px;font-weight:700}footer,.store-footer,.footer,.footer-wrapper,.footer-main,.footer-top,.footer-bottom,.footer-content,.store-footer__inner,.store-footer__content,.store-footer__top,.store-footer__bottom{background:var(--zaan-espresso)!important;color:var(--zaan-surface-soft)!important}footer>div,footer .container,footer section,.store-footer>div,.store-footer .container,.store-footer section{background:transparent!important}footer h1,footer h2,footer h3,footer h4,footer strong,footer a,.store-footer h1,.store-footer h2,.store-footer h3,.store-footer h4,.store-footer strong,.store-footer a{color:var(--zaan-surface-soft)!important}footer p,footer span,footer li,footer address,.store-footer p,.store-footer span,.store-footer li,.store-footer address{color:#d5c8b8!important}footer a:hover,.store-footer a:hover,footer svg,footer i,.store-footer svg,.store-footer i{color:var(--zaan-brass)!important}.mobile-menu,.mobile-nav,.bottom-nav,.s-mobile-menu{background:rgba(240,231,218,.97)!important;color:var(--zaan-text)!important;border-top:1px solid var(--zaan-border)!important}::selection{background:var(--zaan-burgundy);color:var(--zaan-surface-soft)}html body.theme-raed,html body.theme-raed #app,html body.theme-raed .app,html body.theme-raed .app-inner,html body.theme-raed .store-wrapper,html body.theme-raed .store-home,html body.theme-raed main,html body.theme-raed .main-content,html body.theme-raed .page-content{background-color:var(--zaan-canvas)!important;background-image:none!important}html body.theme-raed .store-header .main-nav-container,html body.theme-raed header .main-nav-container,html body.theme-raed .store-header .mobile-header{background-color:rgba(240,231,218,.97)!important;background-image:none!important}html body.theme-raed section.s-block,html body.theme-raed section.s-block>.container{background-color:transparent!important;background-image:none!important}html body.theme-raed section.s-block--bundle-our-services,html body.theme-raed section.s-block--bundle-our-services>*,html body.theme-raed section.s-block--features,html body.theme-raed section.s-block--features>*{background-color:var(--zaan-surface-deep)!important;background-image:none!important}html body.theme-raed footer.store-footer,html body.theme-raed footer.store-footer .store-footer__inner,html body.theme-raed footer.store-footer .store-footer__inner>*,html body.theme-raed footer.store-footer .container,html body.theme-raed footer.store-footer .copyright-text{background-color:var(--zaan-espresso)!important;background-image:none!important}html body.theme-raed footer.store-footer,html body.theme-raed footer.store-footer p,html body.theme-raed footer.store-footer span,html body.theme-raed footer.store-footer li,html body.theme-raed footer.store-footer address,html body.theme-raed footer.store-footer .text-sm,html body.theme-raed footer.store-footer .text-gray-400{color:#d5c8b8!important}html body.theme-raed footer.store-footer h2,html body.theme-raed footer.store-footer h3,html body.theme-raed footer.store-footer h4,html body.theme-raed footer.store-footer strong,html body.theme-raed footer.store-footer a{color:var(--zaan-surface-soft)!important}html body.theme-raed footer.store-footer a:hover,html body.theme-raed footer.store-footer svg,html body.theme-raed footer.store-footer i{color:var(--zaan-brass)!important}@media(max-width:767px){.main-nav-container,.mobile-header,.header-wrapper{background:var(--zaan-canvas)!important}.s-block__title{margin-bottom:16px!important}.s-block__title h2{font-size:1.12rem!important}custom-salla-product-card.s-product-card-entry,.s-product-card-entry,.s-product-card,.product-card{border-radius:12px!important;box-shadow:0 8px 22px rgba(49,34,24,.08)!important}custom-salla-product-card.s-product-card-entry:hover,.s-product-card-entry:hover,.product-card:hover{transform:none}.s-product-card-content-title,.s-product-card-content-title a,.product-card__title{font-size:.92rem!important}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}} /* ZAAN - Add-to-cart button refinement */ .s-product-card-content-footer button, .s-product-card-content-footer .s-button-element, .s-product-card-entry salla-add-product-button .s-button-element, .product-card__content button { background: #fffdf8 !important; color: #302721 !important; border: 1px solid #8c7968 !important; box-shadow: 0 3px 10px rgba(49, 34, 24, 0.06) !important; } .s-product-card-content-footer button *, .s-product-card-content-footer .s-button-element *, .s-product-card-entry salla-add-product-button .s-button-element * { color: #302721 !important; } .s-product-card-content-footer button:hover, .s-product-card-content-footer .s-button-element:hover, .s-product-card-entry salla-add-product-button .s-button-element:hover { background: #302721 !important; color: #fffdf8 !important; border-color: #302721 !important; } .s-product-card-content-footer button:hover *, .s-product-card-content-footer .s-button-element:hover *, .s-product-card-entry salla-add-product-button .s-button-element:hover * { color: #fffdf8 !important; } /* ZAAN - Modern product price hierarchy */ .s-product-card-entry .s-product-card-sale-price.zaan-price-row { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 7px !important; flex-wrap: wrap !important; padding: 2px 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; font-variant-numeric: tabular-nums; } .s-product-card-entry .zaan-price-row > h4.zaan-current-price { margin: 0 !important; padding: 0 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; -webkit-text-stroke: 0.85px #302721 !important; font-size: 1.38rem !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: -0.02em !important; text-decoration: none !important; text-shadow: 0 2px 3px rgba(0,0,0,.42), 0 0 1px rgba(0,0,0,.75) !important; } .s-product-card-entry .zaan-price-row > span.zaan-old-price { margin: 0 !important; padding: 0 !important; color: #76685e !important; font-size: 0.78rem !important; font-weight: 500 !important; line-height: 1.25 !important; opacity: 0.88 !important; text-decoration-line: line-through !important; text-decoration-color: #9c2f22 !important; text-decoration-thickness: 1.5px !important; } .s-product-card-entry .zaan-price-row > .zaan-saving-chip { display: inline-flex !important; align-items: center !important; min-height: 22px !important; padding: 2px 7px !important; background: rgba(156, 47, 34, 0.1) !important; color: #85271d !important; border: 1px solid rgba(156, 47, 34, 0.24) !important; border-radius: 999px !important; font-size: 0.68rem !important; font-weight: 700 !important; line-height: 1.2 !important; white-space: nowrap !important; } @media (max-width: 767px) { .s-product-card-entry .zaan-price-row > h4.zaan-current-price { font-size: 1.20rem !important; -webkit-text-stroke: 0.72px #302721 !important; } .s-product-card-entry .zaan-price-row > span.zaan-old-price { font-size: 0.72rem !important; } .s-product-card-entry .zaan-price-row > .zaan-saving-chip { font-size: 0.64rem !important; } } /* ========================================================= ZAAN 2026 - Required refinements 1) Larger category links in the header 2) White, larger discounted price inside product cards 3) Consultation / kitchen banners use the page background 4) Replace harsh red stars and circles with softer ornaments ========================================================= */ /* Header category links — desktop only */ @media (min-width: 768px) { .main-nav-container nav a, .main-nav-container .main-menu a, .main-nav-container .navbar-menu a, .store-header nav a, header nav a { font-size: 1.03rem !important; font-weight: 600 !important; line-height: 1.55 !important; } } /* Discounted/current price — force the number and every nested element to white */ .s-product-card-entry .s-product-card-sale-price h4, .s-product-card-entry .s-product-card-sale-price h4 *, .s-product-card-entry .s-product-card-price h4, .s-product-card-entry .s-product-card-price h4 *, .s-product-card-entry .zaan-current-price, .s-product-card-entry .zaan-current-price *, .product-card .zaan-current-price, .product-card .zaan-current-price * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; -webkit-text-stroke: 0.85px #302721 !important; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.42), 0 0 1px rgba(0, 0, 0, 0.75) !important; } .s-product-card-entry .s-product-card-sale-price h4, .s-product-card-entry .s-product-card-price h4, .s-product-card-entry .zaan-current-price, .product-card .zaan-current-price { font-size: 1.38rem !important; font-weight: 800 !important; line-height: 1.25 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Keep old/original price readable and separate */ .s-product-card-entry .zaan-old-price, .s-product-card-entry .s-product-card-regular-price, .s-product-card-entry del { color: #76685e !important; -webkit-text-fill-color: #76685e !important; -webkit-text-stroke: 0 !important; text-shadow: none !important; } /* Matched consultation and kitchen-preparation promotional banners */ .zaan-special-banner, .zaan-special-banner > div, .zaan-special-banner .container, .zaan-special-banner .s-block-wrapper, .zaan-special-banner .banner-entry, .zaan-special-banner article { position: relative !important; background-color: var(--zaan-canvas) !important; background-image: none !important; } .zaan-special-banner { overflow: hidden !important; border-block: 1px solid var(--zaan-border) !important; } /* Hide only old decorative elements explicitly marked by JavaScript */ .zaan-special-banner .zaan-old-decoration { display: none !important; } /* New restrained ornaments */ .zaan-banner-decor { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; } .zaan-special-banner > *:not(.zaan-banner-decor) { position: relative; z-index: 1; } .zaan-banner-decor__arc, .zaan-banner-decor__diamond, .zaan-banner-decor__dot { position: absolute; display: block; } .zaan-banner-decor__arc { width: 150px; height: 150px; inset-inline-start: -58px; top: -64px; border: 1px solid rgba(173, 131, 83, 0.30); border-radius: 50%; box-shadow: 0 0 0 22px rgba(173, 131, 83, 0.05), 0 0 0 44px rgba(48, 39, 33, 0.025); } .zaan-banner-decor__diamond { width: 18px; height: 18px; inset-inline-end: 7%; top: 22%; border: 1px solid rgba(48, 39, 33, 0.28); transform: rotate(45deg); border-radius: 3px; } .zaan-banner-decor__dot { width: 7px; height: 7px; inset-inline-end: 11%; bottom: 23%; background: var(--zaan-brass); border-radius: 50%; box-shadow: 18px -13px 0 -2px rgba(48, 39, 33, 0.28); opacity: 0.72; } @media (max-width: 767px) { .main-nav-container a, .mobile-header a, .store-header nav a { font-size: 0.98rem !important; } .s-product-card-entry .s-product-card-sale-price h4, .s-product-card-entry .s-product-card-price h4, .s-product-card-entry .zaan-current-price, .product-card .zaan-current-price { font-size: 1.20rem !important; } .s-product-card-entry .s-product-card-sale-price h4, .s-product-card-entry .s-product-card-sale-price h4 *, .s-product-card-entry .s-product-card-price h4, .s-product-card-entry .s-product-card-price h4 *, .s-product-card-entry .zaan-current-price, .s-product-card-entry .zaan-current-price * { -webkit-text-stroke: 0.72px #302721 !important; } .zaan-banner-decor__arc { width: 110px; height: 110px; inset-inline-start: -48px; top: -50px; } .zaan-banner-decor__diamond { inset-inline-end: 6%; top: 16%; } } /* وصف المنتج داخل البطاقة */ .s-product-card-content-subtitle, .product-card__subtitle { color: #56483f !important; font-weight: 500 !important; opacity: 1 !important; } /* بطاقات مميزات المتجر */ .s-block--features .s-block--features__item, .s-block--features .feature-card, .s-block--features .feature-item, .s-block--features .s-card, .s-block--features .swiper-slide > div, salla-store-features .s-store-features__item, salla-store-features .swiper-slide > div { background-color: #e7d8c6 !important; color: #302721 !important; border: 1px solid rgba(82, 61, 47, 0.17) !important; } /* النصوص داخل المميزات */ .s-block--features h3, .s-block--features p, salla-store-features h3, salla-store-features p { color: #302721 !important; opacity: 1 !important; }