:root{--ub-brand:#620856;--ub-light:#d0c9f5;--u:clamp(14px, calc(1vw + 7px) , 20px);--sp:calc(var(--u) * 1.4);--sp-m:calc(var(--sp) * 2);--sp-xl:calc(var(--sp) * 3);--sp-xxl:calc(var(--sp) * 4);--gutter:max(10px, min(5vw, 107px));--ff:almarai, "Almarai", system-ui, sans-serif;--ff-hl:"ivyora-display", Georgia, serif;--ease-acc:cubic-bezier(.645,.045,.355,1)}@media(min-width:45em){:root{--sp-xl:calc(var(--sp) * 5);--sp-xxl:calc(var(--sp) * 8)}}html{scroll-padding-top:100px;scroll-behavior:smooth}body{overflow-x:clip}.ub{font-family:var(--ff);font-size:var(--u);line-height:1.4;letter-spacing:normal;color:var(--ub-brand);-webkit-font-smoothing:antialiased}.ub *,.ub *:before,.ub *:after{box-sizing:border-box}.ub img{max-width:100%;height:auto;display:block}:where(.ub) :is(h1,h2,h3,h4,p,ul){margin:0;padding:0;font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;word-break:normal}:where(.ub) a:not(.ub-btn){color:inherit}.ub-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ub-wrap{width:calc(min(100%,1600px) - var(--gutter) * 2);margin-left:auto;margin-right:auto}.t-title{font-weight:400;font-size:clamp(calc(var(--u) * 1.8),calc(var(--u) * 1.5439 + 1.3659vw),calc(var(--u) * 2.5));line-height:1.04}.t-large{font-family:var(--ff-hl);font-weight:400;font-size:clamp(calc(var(--u) * 1.65),calc(var(--u) * 1.2659 + 2.0488vw),calc(var(--u) * 2.7));line-height:1.1}.t-45{font-family:var(--ff-hl);font-weight:400;font-size:calc(var(--u) * 2.25);line-height:1.1}@media(max-width:44.99em){.t-45{font-size:calc(var(--u) * 2)}}.t-32{font-family:var(--ff-hl);font-weight:400;font-size:calc(var(--u) * 1.6);letter-spacing:-.02em;line-height:1.4}.ub-label{text-transform:uppercase;font-family:var(--ff);font-weight:700;font-size:calc(var(--u) * .85);line-height:1.4;margin:0 0 var(--sp-m);display:flex;align-items:baseline;gap:.7em}.ub-label:before{flex-shrink:0;content:"";display:block;width:.6em;height:.6em;background:var(--dot, currentColor);border-radius:100%;position:relative;top:-.1em}.ub-btn{--bg:var(--ub-brand);--fg:#fff;display:inline-block;width:fit-content;font:700 var(--u)/1.4 var(--ff);text-transform:uppercase;padding:.3em .7em .2em;border-radius:.4em;border:0;cursor:pointer;text-decoration:none;background:var(--bg);color:var(--fg);letter-spacing:normal}.ub-btn:hover{background:color-mix(in oklab,var(--bg),#000 5%)}.ub-btn--light{--bg:var(--ub-light);--fg:var(--ub-brand)}.ub-btn[disabled]{opacity:.5;cursor:default}.ub .ub-inline-logo{display:inline-block;height:.77lh;width:auto;vertical-align:bottom;transform:translateY(-.05lh)}.ub-bar{font-family:var(--ff-hl);font-weight:500;font-size:calc(var(--u) * .9);line-height:1.4;background:var(--ub-light);color:var(--ub-brand);overflow:hidden;white-space:nowrap;padding:.45lh 0;contain:paint}.ub-bar__track{display:flex;align-items:center;width:max-content;will-change:transform;animation:ub-marquee var(--dur, 60s) linear infinite}.ub-bar__sep{font-weight:400;margin:0 1ch;font-size:2em;line-height:0;translate:0 -.05em}@keyframes ub-marquee{0%{transform:translate(0)}to{transform:translate(var(--shift, -50%))}}@media(prefers-reduced-motion:reduce){.ub-bar__track{animation:none}}.ub-top{position:relative;z-index:20}.ub-header{--logo:clamp(calc(var(--u) * 7.5), calc(var(--u) * 4.5274 + 12.6829vw), calc(var(--u) * 15.625));position:absolute;top:100%;left:0;right:0;padding:var(--sp-m) 0;color:#fff;pointer-events:none}.ub-header a,.ub-header button{pointer-events:auto}@media(max-width:24.99em){.ub-header{padding-top:var(--sp)}}.ub-header__in{display:flex;justify-content:space-between;align-items:center;gap:var(--sp)}.ub-header__logo{flex:0 1 var(--logo);display:block}.ub-header__logo img{width:100%}.ub-nav{font-weight:700;font-size:clamp(14px,calc(var(--u) * .5 + 1vw),17px);display:flex;align-items:center;gap:1em;text-align:center}.ub-nav ul{list-style:none;display:flex;align-items:center;gap:1em}@media(min-width:64em){.ub-nav,.ub-nav ul{gap:2em}}.ub-nav a{color:inherit;text-decoration:none;text-transform:uppercase}.ub-nav .ub-btn{color:#fff;font-size:var(--u)}.ub-lang{display:flex;gap:.4em;margin:0}.ub-lang button{background:none;border:0;padding:.2em 0;cursor:pointer;font:inherit;color:inherit;opacity:.55;text-transform:uppercase}.ub-lang button[aria-current=true]{opacity:1;text-decoration:underline;text-underline-offset:.25em}.ub-cart{position:relative;display:inline-flex}.ub-cart span{position:absolute;top:-7px;right:-9px;background:var(--ub-brand);color:#fff;border-radius:99px;font-size:11px;line-height:1;padding:3px 6px}@media(max-width:44.99em){.ub-nav ul,.ub-lang{display:none}}.ub-header--sticky{position:fixed;top:0;z-index:40;color:var(--ub-brand);padding:14px 0;border-bottom:.5px solid var(--ub-light);transform:translateY(calc(-100% - 2px));transition:transform .5s cubic-bezier(.5,0,0,1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.ub-header--sticky:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ub-light);opacity:.5;z-index:-1}body.ub-scrolled .ub-header--sticky{transform:none}.ub-header--sticky .ub-header__logo{flex-basis:calc(var(--logo) * .75)}@media(max-width:44.99em){.ub-header--sticky .ub-header__logo{display:none}.ub-header--sticky .ub-header__in{width:calc(100% - 10px)}.ub-header--sticky .ub-nav{font-size:12px;width:100%;justify-content:space-between}.ub-header--sticky .ub-nav ul{display:flex;flex:1;justify-content:space-between;gap:.6em}.ub-header--sticky .ub-nav .ub-btn{font-size:12px}}.ub-header--solid{position:relative;top:auto;color:var(--ub-brand);background:var(--ub-light);padding:14px 0}.ub-header--solid .ub-header__logo{flex-basis:calc(var(--logo) * .75)}.ub-hero{position:relative;isolation:isolate;color:var(--ub-brand)}.ub-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.ub-hero__img img{width:100%;height:100%;object-fit:cover}.ub-hero:before{content:"";position:absolute;left:0;top:0;width:100%;height:max(200px,50%);background:linear-gradient(#d0c9f5,#fff0);opacity:.8;z-index:-1;pointer-events:none}.ub-hero__content{min-height:calc(100svh - 60px);display:grid;align-items:end;padding-top:100px}.ub-hero__copy{margin:calc(var(--u) * 4.2) 0}.ub-hero__title{max-width:min(10em,430px)}.ub-hero__actions{margin-top:calc(var(--u) * 1.54)}.ub-hero__trust{display:flex;flex-wrap:wrap;gap:.3em 1.2em;margin-top:var(--sp);font-weight:700;font-size:calc(var(--u) * .7)}.ub-hero__trust span{display:inline-flex;align-items:center;gap:.4em}@media(max-width:44.99em){.ub-hero:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:45%;background:linear-gradient(#fff0,#d0c9f5bf);z-index:-1;pointer-events:none}}.ub-intro{position:relative;color:#fff}.ub-intro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;bottom:calc(-1 * var(--sp-xxl));z-index:-1;background:linear-gradient(to bottom,var(--ub-brand) 40%,var(--ub-light));background:linear-gradient(to bottom in oklab,var(--ub-brand) 40%,var(--ub-light))}.ub-intro__in{display:grid;gap:var(--sp-m);align-items:start;padding:var(--sp-xl) 0}@media(min-width:45em){.ub-intro__in{grid-template-columns:1.2fr 1fr}}.ub-intro .ub-label{color:var(--ub-light);--dot:#fff}.ub-intro__foot{margin-top:var(--sp-m)}.ub-intro__img{max-width:75vw;margin-left:auto;margin-right:auto;rotate:9deg}.ub-intro__img img{width:100%;border-radius:calc(var(--u) * 3)}@media(min-width:45em){.ub-intro__img{margin-top:var(--sp-m);max-width:90%}}.ub-acc{display:grid;align-items:start}.ub-acc>*{grid-area:1/1}.ub-acc__ghost{visibility:hidden;pointer-events:none}.ub-acc__live>*{--on:0}.ub-acc__live>.is-on,.ub-acc__ghost>*,.ub-acc:not(.is-ready) .ub-acc__live>*{--on:1}.ub-acc__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .9s var(--ease-acc)}.ub-acc__body>div{overflow:hidden;min-height:0}.ub-acc__live>.is-on .ub-acc__body,.ub-acc__ghost .ub-acc__body,.ub-acc:not(.is-ready) .ub-acc__body{grid-template-rows:1fr}.ub-acc__title{cursor:pointer}@media(max-width:44.99em){.ub-acc__live>*{--on:1}.ub-acc__live .ub-acc__body{grid-template-rows:1fr}}.ub-ingr{position:relative;color:var(--ub-brand)}.ub-ingr:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;bottom:calc(-1 * var(--sp-xxl));background:var(--ub-light);z-index:-2}.ub-ingredient{display:grid;grid-template-columns:min(260px,20%) 1fr;align-items:center;gap:max(var(--sp),min(7vw,calc(var(--sp) * 4)))}@media(max-width:44.99em){.ub-ingredient{border-bottom:1px solid #fff}}.ub-ingredient__icon{border-radius:100%;position:relative;isolation:isolate;width:calc(50% + 50% * var(--on));justify-self:center;align-self:center;transition:width 1s cubic-bezier(.785,.135,.15,.86)}.ub-ingredient__icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#fff;z-index:-1;opacity:calc(.25 + .1 * var(--on));transition:opacity .15s}.ub-ingredient__icon img{aspect-ratio:1/1;object-fit:contain;width:100%}.ub-ingredient__copy{align-self:stretch;display:grid;align-items:center;padding:var(--sp) 0}@media(min-width:45em){.ub-ingredient__copy{border-bottom:1px solid #fff}}.ub-ingredient__title{text-transform:uppercase;font-size:var(--u);font-weight:700}.ub-ingredient__text{max-width:748px;padding-top:var(--sp)}.ub-pack{position:relative;padding:var(--sp-xl) 0;color:var(--ub-brand)}.ub-pack:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;bottom:calc(-1 * var(--sp-xxl));z-index:-2;background:linear-gradient(to bottom,var(--ub-light) 60%,#fff)}.ub-pack__stage{width:91%;max-width:1400px;margin:0 auto;display:grid;place-items:center}.ub-pack__stage>*{grid-area:1/1}.ub .ub-pack__logo{width:100%}.ub .ub-pack__img{width:min(600px,70%);transform:translateY(100px);will-change:transform}.ub-pack__foot{text-align:center;max-width:560px;margin:0 auto}.ub-pack__foot .t-45{margin:1em 0 .4em}.ub-pack__note{font-size:calc(var(--u) * .8)}.ub-pack__arrow{width:fit-content;margin:var(--sp) auto 0;color:#fff}.ub-pack__grid{width:91%;max-width:1400px;margin:var(--sp) auto 0}.ub-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 5px;align-items:stretch}.ub-card{position:relative;display:flex;flex-direction:column;background:#fff;background:color-mix(in oklab,#fff 66%,transparent);border:2px solid transparent;border-radius:15px;padding:calc(var(--sp) * .5) calc(var(--sp) * .75) calc(var(--sp) * .75)}.ub-card--featured{border-color:var(--ub-brand);background:#fff}.ub-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--ub-brand);color:#fff;font-size:calc(var(--u) * .55);font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.45em .9em;border-radius:99px;white-space:nowrap;line-height:1.2}.ub-card__img{margin:.7rem 0 .75rem;display:flex;align-items:center;justify-content:center;height:clamp(110px,12vw,170px)}.ub .ub-card__img img{max-height:100%;width:auto;object-fit:contain}.ub-card__title{font-size:var(--u);line-height:1.2;text-transform:uppercase;font-weight:700;padding-top:.5rem;border-top:1px solid var(--ub-light)}.ub-card__caps{font-size:calc(var(--u) * .75);opacity:.8;margin-top:.15em}.ub-card__price{display:flex;align-items:baseline;gap:.5em;flex-wrap:wrap;margin-top:.5em}.ub-card__price strong{display:inline-block;background:var(--ub-brand);color:#fff;border-radius:.35rem;padding:.1em .45em;font-size:calc(var(--u) * 1.1);line-height:1.2}.ub-card__per{font-size:calc(var(--u) * .75)}.ub-card__save{align-self:flex-start;margin-top:.5em;background:var(--ub-light);font-size:calc(var(--u) * .65);font-weight:700;padding:.3em .6em;border-radius:6px}.ub-card__desc{flex:1;margin-top:.55rem;padding-top:.55rem;border-top:1px solid color-mix(in srgb,var(--ub-brand) 18%,#fff);font-size:calc(var(--u) * .8);line-height:1.35}.ub-card form{margin:1rem 0 0}.ub-card .ub-btn{width:100%;text-align:center;padding:.6em .7em .5em;font-size:calc(var(--u) * .85)}.ub-assure{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:var(--sp-m)}.ub-assure div{display:flex;gap:12px;align-items:flex-start;font-size:calc(var(--u) * .75);line-height:1.4}.ub-assure strong{display:block}.ub-assure svg{flex:none;margin-top:2px}.ub-pay{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:var(--sp);list-style:none;padding:0}.ub-pay svg{height:24px;width:auto}@media(max-width:1020px){.ub-cards,.ub-assure{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.ub-pack__grid{width:calc(100% - 20px)}.ub-cards{grid-template-columns:1fr;gap:22px}.ub-card{display:grid;grid-template-columns:96px 1fr;column-gap:14px;padding:18px 14px 14px}.ub-card__img{grid-row:1 / span 5;height:auto;margin:0}.ub .ub-card__img img{max-height:110px}.ub-card__title{border-top:0;padding-top:0}.ub-card__save{justify-self:start}.ub-card__desc,.ub-card form{grid-column:1 / -1}.ub-card--featured{order:-1}.ub-assure{grid-template-columns:1fr}}.ub-steps{position:relative;padding:var(--sp-xl) 0;color:var(--ub-brand)}.ub-steps:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:-3}.ub-steps .ub-label{--dot:var(--ub-light)}.ub-step{border-top:.5px solid var(--ub-light);border-bottom:.5px solid var(--ub-light);display:grid;grid-template-columns:min(260px,20%) 1fr;align-items:start;padding:var(--sp-m) 0}.ub-step+.ub-step{border-top:0}.ub-step__num{font-family:var(--ff);font-weight:400;font-size:clamp(calc(var(--u) * 2.875),calc(var(--u) * -.625 + 10.6667vw),calc(var(--u) * 9.375));color:var(--ub-light);line-height:1}.ub-step__title{max-width:15ch}.ub-step__text{max-width:748px;padding-top:var(--sp-m)}.ub-image{position:relative;overflow-x:clip}.ub-image img{width:100%}.ub-image:after{content:"";display:block;aspect-ratio:575/437;background:var(--deco) no-repeat center/contain;--w:min(39.93vw, 575px);width:var(--w);position:absolute;z-index:1;right:calc(var(--w) * -.07);bottom:calc(var(--w) * -.22);pointer-events:none}.ub-faq{background:var(--ub-light);color:var(--ub-brand);padding:var(--sp-xl) 0}.ub-faq .ub-label{--dot:#fff}.ub-faq__item{--open:0;border-bottom:.5px solid #fff;padding:var(--sp) 0}.ub-faq__item:first-child{border-top:.5px solid #fff}.ub-faq__item[open]{--open:1}.ub-faq__item summary{display:flex;align-items:baseline;gap:var(--sp);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.ub-faq__item summary::-webkit-details-marker{display:none}.ub-faq__q{flex:1}.ub-faq__icon{width:30px;flex:none}.ub-faq__icon svg{width:100%;display:block}.ub-faq__icon .v{transform-origin:center;transform-box:view-box;rotate:calc(-270deg * var(--open));transition:rotate .5s cubic-bezier(.785,.135,.15,.86)}.ub-faq__a{overflow:hidden;max-width:1050px}.ub-faq__inner{padding-top:var(--sp)}.ub-faq__inner>*+*{margin-top:var(--sp)}.ub-faq__inner strong{font-weight:700}.ub-contact{background:var(--ub-brand);color:#fff;padding:var(--sp-xl) 0;overflow-x:clip}.ub-contact .ub-label{color:var(--ub-light);--dot:#fff}.ub-contact__in{display:grid;gap:var(--sp-m);position:relative;isolation:isolate}@media(min-width:45em){.ub-contact__in{grid-template-columns:1fr 1fr}}.ub-contact__in:before{content:"";display:block;position:absolute;width:min(55%,925px);right:calc(50% + var(--sp-m));bottom:0;aspect-ratio:925.05/702.774;background:var(--deco2) no-repeat center/contain;z-index:-1}.ub-contact__copy{max-width:400px}.ub-form{display:grid;gap:var(--sp);font-weight:700;font-size:min(14px,var(--u));color:var(--ub-light)}.ub-form__item{display:grid;gap:.2lh}.ub-form label{margin:0;text-transform:uppercase}.ub-form input[type=text],.ub-form input[type=email],.ub-form textarea{font-family:var(--ff);font-weight:400;font-size:max(var(--u),16px);height:60px;width:100%;border-radius:6px;background:#fff;border:0;padding:.5em;outline:none;color:#222;box-shadow:none}.ub-form textarea{height:270px;resize:vertical}.ub-form input:focus-visible,.ub-form textarea:focus-visible{outline:5px solid var(--ub-light)}.ub-form__check{position:relative}.ub-form__check input{position:absolute;opacity:0;width:34px;height:34px;margin:0}.ub-form__check label{--checked:0;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:1.5em;max-width:350px;cursor:pointer;-webkit-user-select:none;user-select:none}.ub-form__check label:before,.ub-form__check label:after{content:"";grid-area:1/1;place-self:center;display:block;width:34px;height:34px;background:#fff;border-radius:6px}.ub-form__check label:after{width:20px;height:20px;border-radius:100%;background:var(--ub-brand);transform:scale(var(--checked));transition:transform .3s cubic-bezier(.075,.82,.165,1)}.ub-form__check input:checked+label{--checked:1}.ub-form__check input:focus-visible+label:before{outline:5px solid var(--ub-light)}.ub-form__submit{font:700 var(--u)/1.4 var(--ff);text-transform:uppercase;color:var(--ub-brand);background:var(--ub-light);border-radius:6px;width:100%;height:60px;border:0;cursor:pointer}.ub-note{background:#ffffff1f;color:#fff;font-weight:400;padding:14px 16px;border-radius:8px}.ub-footer{background:var(--ub-brand);color:#fff;font-size:calc(var(--u) * .7)}.ub-footer__in{border-top:.5px solid #fff;padding:1lh 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4em 1em}.ub-footer__links{list-style:none;display:flex;flex-wrap:wrap;gap:.3em 1em;width:100%;opacity:.85}.ub-footer a{text-decoration:none}.ub-footer a:hover{text-decoration:underline}.ub-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;box-shadow:0 -8px 24px #62085626;padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:none;align-items:center;gap:12px;transform:translateY(110%);transition:transform .25s ease;font-size:13px}.ub-sticky.is-visible{transform:none}.ub-sticky__txt{flex:1;line-height:1.3}.ub-sticky__txt strong{display:block;font-size:15px}.ub-sticky .ub-btn{white-space:nowrap;font-size:15px;padding:.6em .9em .5em}@media(max-width:760px){.ub-sticky{display:flex}}body .button,body .shopify-payment-button__button--unbranded{background-color:var(--ub-brand)!important;color:#fff!important;border-radius:8px}@media(prefers-reduced-motion:reduce){.ub-acc__body,.ub-ingredient__icon,.ub-faq__icon .v{transition:none}.ub .ub-pack__img{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ubliss.css.map */
