/* Ecolchi: logo-inspired turquoise / violet / pink. Desktop and mobile layouts. */
:root{--eco-ink:#40314f;--eco-deep:#f8f6fa;--eco-mist:#ffffff;--eco-peach:#e7f5f5;--color-primary:#167d86;--color-primary-dark:#116872;--color-primary-light:#239ca5}
body.color-mode-light{background:#ffffff!important;color:#342b47}
body.color-mode-light #main-content{background:radial-gradient(ellipse at 95% 5%,#fbeef5 0,transparent 37%),linear-gradient(155deg,#edf8f8,#faf8fc 65%,#ffffff)!important}
body.color-mode-light header,body.color-mode-light header .top-navbar,body.color-mode-light #mainnav{background:#ffffff!important;color:#382b4b!important}
body.color-mode-light .store-footer{background:#f8f6fa!important;color:#40364c!important;border-top:5px solid #e52c89}
body.color-mode-light .store-footer a,body.color-mode-light .store-footer h3,body.color-mode-light .store-footer p{color:#40364c!important}
body.color-mode-light .s-product-card-entry{background:#ffffff!important;border:1px solid #e8e2ed;border-radius:20px!important;overflow:hidden;box-shadow:0 8px 25px #123e3b0c}
body.color-mode-light .s-product-card-content{background:#ffffff!important;padding:16px!important}
body.color-mode-light .s-product-card-content-title a,body.color-mode-light .s-product-card-price{color:#382b4b!important}
.s-product-card-content-title{line-clamp:2!important;-webkit-line-clamp:2!important;min-height:48px;line-height:1.55!important}
.s-product-card-image{background:#f5fafb!important}
.s-product-card-image img{object-fit:contain!important;transition:transform .3s ease}
.s-product-card-content-footer .s-button-element{background:#167d86!important;border-color:#167d86!important;color:#fff!important;border-radius:12px!important;min-height:46px}
body.color-mode-light .s-block__title h2{color:#443057!important;font-size:26px}
body.color-mode-light .s-block--faq{background:#f7f4fa!important;border-top:1px solid #e7dfee;border-bottom:1px solid #e7dfee}
.s-block--fixed-banner .banner{border-radius:22px!important;overflow:hidden}
.eco-hero{max-width:1420px;margin:32px auto 0;border-radius:28px;overflow:hidden;background:#f8f6fa;color:#40364c;box-shadow:0 18px 50px #49335f18}
.eco-hero *{box-sizing:border-box}
.eco-hero h1,.eco-hero h2{color:#40364c!important;margin:0;font-weight:700;line-height:1.3}
.eco-hero p{color:#665d70;line-height:1.9;margin:20px 0}
.eco-eyebrow{font-size:12px;letter-spacing:3px;color:#e7f5f5;display:block;margin-bottom:20px}
.eco-cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:13px 30px;background:#e7f5f5;color:#382b4b!important;font-weight:bold;border-radius:10px;text-decoration:none}
.eco-cta:hover{background:#d4eeee}
.eco-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
.eco-desktop{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;min-height:460px}
.eco-copy{padding:52px}
.eco-desktop h1{font-size:clamp(32px,3vw,52px);max-width:520px}
.eco-art{align-self:stretch;display:flex;align-items:center;background:#f5fafb;padding:24px}
.eco-art img{width:100%;height:auto;display:block;border-radius:18px}
.eco-mobile{display:none}
.eco-strip{padding:16px 24px;border-top:1px solid #ffffff26;color:#665d70;text-align:center;font-size:14px;letter-spacing:.4px}
body.index #main-content:has(.eco-hero){display:flex;flex-direction:column}
body.index #main-content:has(.eco-hero)>*{order:2}
body.index #main-content:has(.eco-hero)>:has(.eco-hero){order:0;width:100%}
body.index #main-content:has(.eco-desktop .eco-art img)>.s-block--fixed-banner{display:none!important}
@media(min-width:1024px){.s-products-list-vertical-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}.s-product-card-image img{max-height:375px}.s-block.container{margin-top:56px!important;margin-bottom:50px!important}}
@media(max-width:767px){body.color-mode-light #main-content{background:linear-gradient(180deg,#edf8f8,#ffffff 65%,#ffffff)!important}.eco-hero{margin:16px 12px 0;border-radius:22px}.eco-desktop{display:none}.eco-mobile{display:block}.eco-mobile .eco-copy{padding:30px 24px 24px;text-align:center}.eco-mobile h1{font-size:32px}.eco-mobile p{font-size:15px;margin:14px 0 20px}.eco-mobile .eco-eyebrow{font-size:10px;margin-bottom:14px}.eco-mobile .eco-cta{display:flex;width:100%}.eco-mobile .eco-art{padding:0 14px 18px;background:transparent}.eco-mobile .eco-art img{border-radius:14px}.eco-strip{font-size:12px;padding:12px 16px}.s-products-list-vertical-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.s-product-card-entry{border-radius:15px!important}.s-product-card-content{padding:10px!important}.s-product-card-content-title a{font-size:13px!important}.s-product-card-content-title{min-height:42px}.s-product-card-content-footer .s-button-element{min-height:44px;font-size:12px!important}body.color-mode-light .s-block__title h2{font-size:22px}.s-block.container{margin-top:28px!important}.s-block--faq{padding:28px 12px!important}}
@media(prefers-reduced-motion:reduce){.s-product-card-image img{transition:none}}
































































/* Requested refinement: quarter-width copy and larger brand mark */
@media(min-width:768px){.eco-desktop{grid-template-columns:minmax(0,1fr) minmax(0,3fr);min-height:0}.eco-desktop .eco-copy{padding:28px 22px}.eco-desktop h1{font-size:clamp(26px,2.1vw,34px)}.eco-desktop p{font-size:14px;margin:16px 0}.eco-desktop .eco-eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:16px}.eco-desktop .eco-cta{padding:12px 18px;font-size:14px}.eco-desktop .eco-art{padding:0;background:#f8f6fa}.eco-desktop .eco-art img{border-radius:0;width:100%;height:auto}.navbar-brand img{width:160px!important;max-width:160px!important;max-height:120px!important;object-fit:contain}.navbar-brand{padding-block:8px}}
@media(max-width:767px){.navbar-brand img{width:116px!important;max-width:116px!important;max-height:78px!important;object-fit:contain}}
.s-block--bundle-html-content:has(.eco-hero),.s-block-html-content:has(.eco-hero){margin-top:0!important}
































































/* Keep Arabic hero direction consistent in both storefront languages */
.eco-hero{direction:rtl}.eco-desktop .eco-copy{direction:rtl;text-align:right}.eco-mobile .eco-copy{direction:rtl;text-align:center}
/* Saturated navigation surface, shared by both languages and screen sizes. */
body.color-mode-light #mainnav>.inner{background:#ffffff!important}
/* White-led identity with restrained logo accents, all languages and breakpoints. */
body.color-mode-light .store-footer{border-top:2px solid #ead9e8!important}
.eco-eyebrow{color:#9471a7}.eco-cta{background:#167d86;color:#ffffff!important}.eco-cta:hover{background:#116872}.eco-strip{border-top:1px solid #e8e2ed}.eco-hero{box-shadow:0 10px 30px #49335f0d;border:1px solid #e8e2ed}
/* Clear logo accents on a predominantly white surface. */
body.color-mode-light #main-content{background:radial-gradient(ellipse at 100% 0%,#f5dce9 0,transparent 32%),radial-gradient(ellipse at 0% 25%,#d9f1f2 0,transparent 35%),#fff!important}
.eco-hero{border:1px solid #cbb7db;border-top:4px solid #a17bb5}.eco-copy{background:#f5eff8}.eco-eyebrow{color:#825598}.eco-strip{background:#fff;border-top:2px solid #d7b5ce}.s-product-card-entry{border-bottom:3px solid #52bac0!important}body.color-mode-light .store-footer{background:#faf7fc!important;border-top:3px solid #bd76a3!important}body.color-mode-light .s-block--faq{background:#f2eaf7!important;border-color:#cdb3dd!important}




body.color-mode-light .sub_categories-container>.overlay-bg{background:linear-gradient(110deg,#e3f5f5,#fff 48%,#f8e8f1)!important;min-height:150px!important;border-block:1px solid #d8c4df}body.color-mode-light .sub_categories-container .breadcrumbs,body.color-mode-light .sub_categories-container .s-breadcrumb-item,body.color-mode-light .sub_categories-container .s-breadcrumb-item a,body.color-mode-light .sub_categories-container .s-breadcrumb-arrow{color:#51435f!important}@media(max-width:767px){body.color-mode-light .sub_categories-container>.overlay-bg{min-height:100px!important}}
body.color-mode-light .sub_categories-container>.overlay-bg::after{background:transparent!important}
:root{--color-primary:#d91b70;--color-primary-dark:#ae1559;--color-primary-light:#ec4b91}body.color-mode-light #main-content{background:radial-gradient(ellipse at 100% 10%,#f7d1e1 0,transparent 40%),radial-gradient(ellipse at 0% 40%,#fbe5ee 0,transparent 38%),#fff!important}.eco-hero{background:#fff!important;border:1px solid #edb4cc!important;border-top:4px solid #d91b70!important}.eco-copy{background:#fff4f8!important}.eco-hero h1,.eco-hero h2{color:#40313a!important}.eco-hero p,.eco-strip{color:#6b5360!important}.eco-eyebrow{color:#c31a65!important}.eco-cta,.s-product-card-content-footer .s-button-element{background:#d91b70!important;border-color:#d91b70!important;color:white!important}.eco-cta:hover{background:#b6195d!important}.eco-strip{background:white!important;border-top:2px solid #f0bed3!important}.s-product-card-entry{border-color:#efc1d5!important;border-bottom:3px solid #d91b70!important}body.color-mode-light .s-block--faq{background:#fff2f7!important;border-color:#efbfd3!important}body.color-mode-light .store-footer{background:#fff8fb!important;border-top:3px solid #d91b70!important}
/* Portrait article cover and text */
@media (max-width:767px){
  .blog-single .blog-category{min-inline-size:0;max-inline-size:100%}
  .blog-single .blog-category>img{display:block;width:100%;height:auto!important;object-fit:contain!important}
  .blog-single article{overflow-wrap:anywhere;min-inline-size:0}
  .blog-single article :is(img,video,iframe){max-inline-size:100%}
}
/* Show the native banner while the desktop HTML section loads. */
@media (min-width:768px){
  body.index #main-content:not(:has(.eco-desktop .eco-art img))>.s-block--fixed-banner .banner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,3fr);direction:rtl;align-items:stretch;max-width:1420px;margin:32px auto 0;border:1px solid #edb4cc;border-top:4px solid #d91b70;border-radius:28px;background:#fff4f8;color:#40313a;opacity:1!important;visibility:visible!important}
  body.index #main-content:not(:has(.eco-desktop .eco-art img))>.s-block--fixed-banner .banner::before{content:'اختاري العناية المناسبة لشعرك';position:static;inset:auto;background:transparent;display:grid;align-content:center;padding:22px;font-size:clamp(26px,2.1vw,34px);font-weight:700;line-height:1.3;color:#40313a;opacity:1}
  body.index #main-content:not(:has(.eco-desktop .eco-art img))>.s-block--fixed-banner picture{display:block;aspect-ratio:1440/574;background:center/contain no-repeat url('https://cdn.files.salla.network/other/1582721650/400861e0-83fc-4943-863c-47cce2bfae0c-original.webp')}
  body.index #main-content:not(:has(.eco-desktop .eco-art img))>.s-block--fixed-banner img{width:100%;height:auto!important;display:block}
  body.index .s-block--bundle-html-content:has(.eco-desktop),body.index .eco-desktop,body.index .navbar-brand{opacity:1!important;visibility:visible!important;content-visibility:visible!important}
}
@media(max-width:1023px){header a.mburger[href="#mobile-menu"]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;flex-shrink:0;border:1px solid #e6aac5;border-radius:12px;background:#fff2f7!important;color:#942050!important}header a.mburger[href="#mobile-menu"] svg{color:inherit!important;stroke:currentColor!important;stroke-width:2.4}header a.mburger[href="#mobile-menu"]:focus-visible{outline:3px solid #942050;outline-offset:2px}}