/* Salsabil palette, read from the original site's Elementor configuration.
   Blue: a185853; leaf green: 308e809; deep blue: 6fc03df; charcoal: dea41e4.
   All decorative tints are mixtures of these colors and white. */
:root{
 --brand-blue:#24AFE4;--brand-blue-rgb:36 175 228;
 --brand-green:#92C540;--brand-green-rgb:146 197 64;
 --brand-deep-blue:#04668C;--brand-deep-blue-rgb:4 102 140;
 --brand-charcoal:#1E1E20;--brand-charcoal-rgb:30 30 32;
 --brand-white:#FFFFFF;--brand-white-rgb:255 255 255;
 --brand-blue-wash:color-mix(in srgb,var(--brand-blue) 6%,var(--brand-white));
 --brand-blue-soft:color-mix(in srgb,var(--brand-blue) 13%,var(--brand-white));
 --brand-blue-light:color-mix(in srgb,var(--brand-blue) 25%,var(--brand-white));
 --brand-green-wash:color-mix(in srgb,var(--brand-green) 7%,var(--brand-white));
 --brand-green-soft:color-mix(in srgb,var(--brand-green) 16%,var(--brand-white));
 --ink:var(--brand-deep-blue);--ink-dark:var(--brand-deep-blue);
 --muted:var(--brand-charcoal);--blue:var(--brand-blue);--electric:var(--brand-deep-blue);
 --aqua:var(--brand-blue-soft);--ice:var(--brand-blue-wash);--paper:var(--brand-white);
 --lime:var(--brand-green);--line:rgb(var(--brand-deep-blue-rgb) / .18);
}
body{color:var(--brand-charcoal)}
h1,h2,h3,.nav-links,.hero-fineprint,.hero-product-meta,.hero-side-note{color:var(--brand-deep-blue)}
header{background:rgb(var(--brand-white-rgb) / .95)}
.nav-links a:after,.scroll-progress,.chapter-progress i{background:var(--brand-green)}
.nav-links a[aria-current=page]{color:var(--brand-deep-blue)}
.language button[aria-pressed=true]{background:var(--brand-blue-soft);color:var(--brand-deep-blue)}
.button{background:var(--brand-blue);border-color:var(--brand-blue);color:var(--brand-charcoal)}
.button:hover{background:var(--brand-green);border-color:var(--brand-green);color:var(--brand-charcoal)}
.button.light,.original-intro .button{background:var(--brand-white);border-color:var(--brand-white);color:var(--brand-deep-blue)}
.button.light:hover,.original-intro .button:hover{background:var(--brand-green);border-color:var(--brand-green);color:var(--brand-charcoal)}
.button.outline{background:transparent;border-color:var(--brand-deep-blue);color:var(--brand-deep-blue)}
.button.outline:hover{background:var(--brand-blue-soft);color:var(--brand-deep-blue)}
.text-link{color:var(--brand-deep-blue)}
.kinetic-hero.hero-shell,.kinetic-hero[data-scene="1"],.kinetic-hero[data-scene="2"]{background-color:var(--brand-blue-wash)}
.hero-title{color:var(--brand-deep-blue)}
.hero-description .intro{color:var(--brand-charcoal)}
.scene-meta>span{color:var(--brand-deep-blue)}
.inner-hero,.inner-hero--contact{background:var(--brand-blue);color:var(--brand-charcoal)}
.inner-copy h1,.inner-copy p,.inner-eyebrow{color:var(--brand-charcoal)}
.inner-hero--order,.inner-hero--careers,.inner-hero--privacy{background:var(--brand-deep-blue);color:var(--brand-white)}
.inner-hero--order .inner-copy>* , .inner-hero--careers .inner-copy>* , .inner-hero--privacy .inner-copy>* , .inner-hero--about .inner-copy>*{color:var(--brand-white)}
.inner-hero--contact .inner-copy p{color:var(--brand-charcoal)}
.inner-hero--careers .inner-photo-frame{border-color:var(--brand-green)}
.inner-hero--contact .inner-halo{background:radial-gradient(circle,var(--brand-white) 0,var(--brand-blue-light) 55%,transparent 65%)}
.original-intro,.source-block,.mineral-strip,.footer-main,.form-layout .aside-panel{background:var(--brand-deep-blue);color:var(--brand-white)}
.original-intro h2,.source-block h2,.source-block h3,.aside-panel h2,.aside-panel h3{color:var(--brand-white)}
.original-intro .eyebrow,.quality-heading h3,.footer-column h3{color:var(--brand-white)}
.original-intro .eyebrow:before,.footer-column h3:after{background:var(--brand-green)}
.footer-column h3:after{content:'';display:block;width:24px;height:2px;margin-top:10px}
.mineral strong{color:var(--brand-green)}
.original-intro p,.original-intro .content-list,.source-block p,.source-block .content-list,.source-block .stat span,.source-block .original-copy>p,.contact-method p,.contact-method a,.form-layout .aside-panel>p,.mineral-label,.mineral span,.footer-brand p,.footer-bottom,.local-controls,.footer-label{color:var(--brand-white)}
.footer-column a,.social-links a,.original-intro .text-link{color:var(--brand-white)}
.source-block .stat strong{color:var(--brand-white)}
.stat-bar i{background:var(--brand-green)}
.quality-certificates figcaption{color:var(--brand-deep-blue)}
.product-chapter,.catalog-tools,.featured-product,.faq-layout{background:var(--brand-blue-wash)}
.product-card,.product-card:nth-child(3n+2),.product-card:nth-child(3n+3),.product-card:nth-child(4n+2),.product-card:nth-child(4n+3),.product-card:nth-child(4n+4){background:var(--brand-white);border-color:rgb(var(--brand-blue-rgb) / .3)}
.product-image,.catalog-grid .product-image,.product-card:nth-child(3n+2) .product-image,.product-card:nth-child(3n+3) .product-image{background:radial-gradient(ellipse at 45% 30%,var(--brand-white) 0,var(--brand-blue-soft) 70%)}
.product-info,.catalog-grid .product-info{background:var(--brand-white)}
.product-info p,.catalog-grid .product-info p{color:var(--brand-charcoal)}
.product-info .round-button{background:var(--brand-blue);color:var(--brand-charcoal)}
.product-info .round-button:hover{background:var(--brand-green);color:var(--brand-charcoal)}
.filter[aria-pressed=true]{background:var(--brand-deep-blue);border-color:var(--brand-deep-blue);color:var(--brand-white)}
.benefit,.benefit:nth-child(4){background:var(--brand-blue-soft);color:var(--brand-deep-blue)}
.benefit:nth-child(2){background:var(--brand-blue);color:var(--brand-charcoal)}
.benefit:nth-child(3){background:var(--brand-deep-blue);color:var(--brand-white)}
.benefit h3{color:inherit}
.benefit .number{color:inherit;opacity:.65}
.benefit p,.benefit:nth-child(2) p,.benefit:nth-child(2) .number{color:var(--brand-charcoal)}
.benefit:nth-child(3) p,.benefit:nth-child(3) .number{color:var(--brand-white)}
.benefit:hover{background:var(--brand-deep-blue);color:var(--brand-white)}
.benefit:hover p,.benefit:hover .number{color:var(--brand-white)}
.original-quote{background:var(--brand-green-wash);border-inline-start:4px solid var(--brand-green)}
.faq-list details[open]{background:var(--brand-deep-blue);color:var(--brand-white)}
.faq-list details[open] summary,.faq-list details[open] p{color:var(--brand-white)}
.landscape-kicker,.landscape-title,.landscape-signature{color:var(--brand-white)}
.landscape-brand{color:var(--brand-green)}
.landscape-signature{border-color:rgb(var(--brand-white-rgb) / .25)}
.landscape-open .hero-bottom{padding-top:0;border-top:0}
.landscape-open .scroll-hint{background:var(--brand-green);color:var(--brand-charcoal)}
.landscape-open .scroll-hint i{border-color:var(--brand-charcoal)}
.landscape-open .scroll-hint i:after{background:var(--brand-charcoal)}
@media(max-width:900px){.nav-links{background:var(--brand-white)}}

/* Photographic water behind the original, separately animated products. */
.inner-hero--products,.inner-hero--contact{background:var(--brand-deep-blue);color:var(--brand-white)}
.inner-hero--products .inner-copy>*,.inner-hero--contact .inner-copy>*,.inner-hero--contact .inner-copy p{color:var(--brand-white)}
.inner-hero--products .inner-halo,.inner-hero--products .inner-orbit,.inner-hero--contact .inner-halo,.inner-hero--contact .inner-orbit{display:none}
.inner-hero--products .inner-photo,.inner-hero--contact .inner-photo{object-position:0% 50%}
.inner-hero--contact .inner-photo-frame{width:190%;right:auto}
.inner-hero--contact .inner-photo{animation-duration:27s}
.inner-hero--products .inner-backdrop:after,.inner-hero--contact .inner-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgb(var(--brand-deep-blue-rgb) / .96) 0%,rgb(var(--brand-deep-blue-rgb) / .88) 40%,rgb(var(--brand-deep-blue-rgb) / .28) 70%,rgb(var(--brand-deep-blue-rgb) / .06) 100%)}
.inner-hero--products .inner-product,.inner-hero--contact .inner-product{filter:drop-shadow(12px 26px 17px rgb(var(--brand-deep-blue-rgb) / .32))}
[dir=rtl] .inner-hero--products .inner-backdrop:after,[dir=rtl] .inner-hero--contact .inner-backdrop:after{background:linear-gradient(270deg,rgb(var(--brand-deep-blue-rgb) / .96) 0%,rgb(var(--brand-deep-blue-rgb) / .88) 40%,rgb(var(--brand-deep-blue-rgb) / .28) 70%,rgb(var(--brand-deep-blue-rgb) / .06) 100%)}
@media(max-width:650px){
 .inner-hero--products .inner-backdrop:after,.inner-hero--contact .inner-backdrop:after,[dir=rtl] .inner-hero--products .inner-backdrop:after,[dir=rtl] .inner-hero--contact .inner-backdrop:after{background:linear-gradient(180deg,rgb(var(--brand-deep-blue-rgb) / .97) 0%,rgb(var(--brand-deep-blue-rgb) / .9) 35%,rgb(var(--brand-deep-blue-rgb) / .3) 67%,rgb(var(--brand-deep-blue-rgb) / .1) 100%)}
 .inner-hero--products .inner-photo,.inner-hero--contact .inner-photo{object-position:0% 50%}
}