/* LALA FOR HER design layer. Tokens are on :root so the scroll blend can tween them. */
:root{
  --lala-bg:#FBFAFC; --lala-surface:#FFFFFF; --lala-ink:#2B1F33; --lala-muted:#665B6D; --lala-line:#E7E1EA;
  --lala-accent:#6E4A8E; --lala-on-accent:#FFFFFF; --lala-accent-soft:#F1ECF6; --lala-sale:#A8204F; --lala-ok:#2F6B4F;
  --lala-display:"Cormorant","Noto Naskh Arabic",Georgia,serif;
  --lala-body:"Montserrat","Noto Sans Arabic",system-ui,-apple-system,sans-serif;
  --lala-amb-op:.6; --lala-sheet:rgb(255 255 255 / .18); --lala-sheen:rgb(255 255 255 / .35);
  --lala-ease:cubic-bezier(.2,.7,.2,1);
  --lala-logo:url(../img/logo.png);
  --lala-top:var(--wp-admin--admin-bar--height,0px);
}
html[lang^="ar"]{--lala-display:"Noto Naskh Arabic","Cormorant",serif;--lala-body:"Noto Sans Arabic","Montserrat",system-ui,sans-serif}

/* base */
body.lala{background:var(--lala-bg)}
body.lala #page,body.lala .site,body.lala .site-content,body.lala #content{background:transparent}
/* Typography applies only where the LALA design owns the markup (header, footer, .lala-scope pages),
   so existing Elementor pages keep their layout until they are rebuilt. */
.lala-scope,body.lala .site-header,.lala-footer{font-family:var(--lala-body);color:var(--lala-ink);-webkit-font-smoothing:antialiased}
body .lala-scope :is(h1,h2,h3,h4,h5,h6),body .lala-scope :is(h1,h2,h3,h4,h5,h6) a{font-family:var(--lala-display);color:var(--lala-ink);text-wrap:balance}
body.lala a:focus-visible,body.lala button:focus-visible,body.lala input:focus-visible{outline:2px solid var(--lala-accent);outline-offset:3px}
.lala-shell{max-width:1200px;margin-inline:auto;padding-inline:20px}
.lala-i{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ambient background: scent-coloured light behind everything */
@property --lala-a1{syntax:"<color>";inherits:true;initial-value:#F2A88E}
@property --lala-a2{syntax:"<color>";inherits:true;initial-value:#E79AAE}
@property --lala-a3{syntax:"<color>";inherits:true;initial-value:#6FA897}
:root{transition:--lala-a1 1.6s var(--lala-ease),--lala-a2 1.6s var(--lala-ease),--lala-a3 1.6s var(--lala-ease)}
.lala-ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.lala-amb-layer{position:absolute;inset:-60px}
.lala-blob{position:absolute;width:64vmax;aspect-ratio:1;opacity:var(--lala-amb-op);will-change:transform}
.lala-blob i{position:absolute;inset:0;border-radius:50%;animation:lala-drift 24s ease-in-out infinite alternate}
.lala-blob.b1{top:-28vmax;left:-22vmax}.lala-blob.b1 i{background:radial-gradient(circle,var(--lala-a1) 0%,transparent 64%)}
.lala-blob.b2{top:8vh;right:-32vmax}.lala-blob.b2 i{background:radial-gradient(circle,var(--lala-a2) 0%,transparent 64%);animation-duration:30s;animation-delay:-8s}
.lala-blob.b3{bottom:-38vmax;left:4vw}.lala-blob.b3 i{background:radial-gradient(circle,var(--lala-a3) 0%,transparent 64%);animation-duration:27s;animation-delay:-14s}
.lala-blob.b4{top:38vh;left:28vw;width:42vmax}.lala-blob.b4 i{background:radial-gradient(circle,var(--lala-a1) 0%,transparent 66%);animation-duration:20s;animation-direction:alternate-reverse}
@keyframes lala-drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(9%,-7%) scale(1.14)}100%{transform:translate(-7%,9%) scale(.94)}}
/* glass on the background only */
.lala-glass{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(125deg,var(--lala-sheen) 0%,transparent 32%,transparent 62%,var(--lala-sheen) 100%),var(--lala-sheet);
  -webkit-backdrop-filter:blur(36px) saturate(150%);backdrop-filter:blur(36px) saturate(150%)}

/* reading progress */
.lala-progress{position:fixed;top:var(--lala-top);inset-inline:0;height:3px;background:var(--lala-accent);transform:scaleX(0);transform-origin:left;z-index:100000;pointer-events:none}
html[dir="rtl"] .lala-progress{transform-origin:right}

/* word reveal masks */
.lala-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-block:.08em .16em;margin-block:-.08em -.16em}
.lala-w>span{display:inline-block;will-change:transform}

/* header: LALA layout with Konte's search / wishlist / account / cart parts */
body.lala .site-header.lala-header{position:sticky;top:var(--lala-top);z-index:999;margin:0;padding:0;height:auto;background:color-mix(in srgb,var(--lala-bg) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--lala-line);color:var(--lala-ink);font-family:var(--lala-body);transition:transform .4s var(--lala-ease),box-shadow .3s}
body.lala .site-header.lala-scrolled{box-shadow:0 8px 28px rgb(0 0 0 / .06)}
body.lala .site-header.lala-hide{transform:translateY(-100%)}
body.lala .site-header-space{display:none}
.lala-hd{display:flex;align-items:center;gap:40px;min-height:72px}
.lala-hd-logo{display:flex;flex:none;text-decoration:none}
.lala-hd-logo .lala-logo-mark{width:118px}
.lala-hd-nav{flex:1;min-width:0}
.lala-hd-menu{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:6px 26px;list-style:none;margin:0;padding:0}
.lala-hd-menu li{margin:0;padding:0}
.lala-hd-menu a{display:block;padding-block:6px;font-size:14px;font-weight:500;color:var(--lala-ink);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.lala-hd-menu a:hover,.lala-hd-menu .current-menu-item>a{border-color:var(--lala-ink)}
.lala-hd-actions{display:flex;align-items:center;gap:2px;flex:none}
.lala-hd-actions>div{position:relative;margin:0;padding:0}
.lala-hd-actions>div>a,.lala-hd-actions .search-icon,.lala-hd-lang{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding-inline:10px;border-radius:999px;color:var(--lala-ink);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .2s}
.lala-hd-actions>div>a:hover,.lala-hd-actions .search-icon:hover,.lala-hd-lang:hover{background:var(--lala-accent-soft)}
.lala-hd-actions .svg-icon,.lala-hd-actions .svg-icon svg{width:20px;height:20px;color:var(--lala-ink);fill:currentColor}
.lala-hd-actions .counter{position:absolute;top:4px;inset-inline-end:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--lala-accent);color:var(--lala-on-accent);font-size:10px;font-weight:600;line-height:18px;text-align:center}
.lala-hd-actions .counter:empty,.lala-hd-actions .counter.is-zero{display:none}
.lala-hd-lang{font-family:var(--lala-body)}
html[lang^="ar"] .lala-hd-lang span{font-family:"Montserrat",sans-serif}
html:not([lang^="ar"]) .lala-hd-lang span{font-family:"Noto Sans Arabic",sans-serif;font-size:14px}
.lala-hd-actions .header-account .account-links{inset-inline-end:0;left:auto}
.lala-hd-burger{display:none;flex:none;width:44px;height:44px;padding:0 11px;border:0;border-radius:999px;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:6px}
.lala-hd-burger span{display:block;height:1.6px;background:var(--lala-ink);border-radius:1px}
.lala-hd-burger span:last-child{width:65%}
#trp-floater-ls,.trp-language-switcher.trp-floating-switcher{display:none!important}
@media (max-width:1100px){.lala-hd{gap:16px}.lala-hd-menu{gap:6px 16px}}
@media (max-width:900px){
  .lala-hd{gap:6px;min-height:64px}
  .lala-hd-burger{display:flex}
  .lala-hd-nav,.lala-hd-actions .header-wishlist,.lala-hd-actions .header-account{display:none}
  .lala-hd-logo{margin-inline:auto}
  .lala-hd-logo .lala-logo-mark{width:100px}
  .lala-hd-lang span{display:none}
}

/* announcement above the header */
body.lala a.lala-promo{display:block;padding:9px 16px;background:var(--lala-accent-soft);color:var(--lala-ink);font-family:var(--lala-body);font-size:13px;font-weight:500;line-height:1.4;text-align:center;text-decoration:none;transition:background .2s}
body.lala a.lala-promo:hover{background:color-mix(in srgb,var(--lala-accent) 16%,var(--lala-surface))}

/* footer */
body.lala .site-footer.lala-footer{background:transparent;color:var(--lala-ink);border-top:1px solid var(--lala-line);padding-block:48px 24px;font-family:var(--lala-body);font-size:14px}
.lala-footer a{color:var(--lala-ink);text-decoration:none}
.lala-foot{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.3fr;gap:32px}
.lala-foot.no-news{grid-template-columns:1.2fr 1fr 1fr}
.lala-fcol{display:grid;gap:14px;align-content:start;min-width:0}
.lala-footer h4{margin:0;font-family:var(--lala-body);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lala-muted)}
html[lang^="ar"] .lala-footer h4{letter-spacing:0;font-size:13px}
.lala-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lala-footer ul a:hover,.lala-fbar a:hover{text-decoration:underline}
.lala-logo-mark{display:block;width:150px;aspect-ratio:520/162;max-width:100%;background:var(--lala-ink);-webkit-mask:var(--lala-logo) no-repeat center/contain;mask:var(--lala-logo) no-repeat center/contain}
.lala-social{display:flex;gap:8px}
.lala-social a{width:44px;height:44px;border-radius:50%;border:1px solid var(--lala-line);display:grid;place-items:center;transition:background .2s,color .2s}
.lala-social a:hover{background:var(--lala-ink);color:var(--lala-bg)}
.lala-pays{display:flex;gap:8px;flex-wrap:wrap}
.lala-pays img{height:32px;width:auto;border-radius:6px;background:#fff;border:1px solid var(--lala-line)}
/* newsletter: just the field and a Subscribe button, like the approved design */
.lala-news .mailpoet_form{display:flex;flex-wrap:wrap;gap:8px;padding:0!important;margin:0!important;background:none!important}
.lala-news .mailpoet_form .mailpoet-heading,.lala-news .mailpoet_form .mailpoet_form_paragraph{display:none!important}
.lala-news .mailpoet_paragraph{margin:0!important;padding:0!important}
.lala-news .mailpoet_paragraph:has(.mailpoet_text){flex:1;min-width:160px}
.lala-news .mailpoet_paragraph:has(.mailpoet_submit){flex:none;position:relative}
.lala-news input.mailpoet_text{width:100%!important;min-height:44px!important;height:44px!important;padding:0 16px!important;margin:0!important;border:1px solid var(--lala-line)!important;border-radius:999px!important;background:var(--lala-surface)!important;color:var(--lala-ink)!important;font-family:var(--lala-body)!important;font-size:14px!important;line-height:1!important;box-shadow:none}
.lala-news input.mailpoet_text:focus{outline:2px solid var(--lala-accent);outline-offset:0;border-color:transparent!important}
.lala-news input.mailpoet_submit{width:auto!important;min-height:44px!important;height:44px!important;padding:0 22px!important;margin:0!important;border:1px solid var(--lala-ink)!important;border-radius:999px!important;background:var(--lala-ink)!important;color:var(--lala-bg)!important;font-family:var(--lala-body)!important;font-size:14px!important;font-weight:600!important;line-height:1!important;cursor:pointer;transition:background .2s,border-color .2s}
.lala-news input.mailpoet_submit:hover{background:var(--lala-accent)!important;border-color:var(--lala-accent)!important;color:var(--lala-on-accent)!important}
.lala-news .mailpoet_form_loading{position:absolute;inset:0;display:none;align-items:center;justify-content:center}
.lala-news .mailpoet_message{flex-basis:100%;margin:0}
.lala-news .mailpoet_message p{margin:4px 0 0!important;font-size:13px!important}
.lala-news .mailpoet_validate_success{color:var(--lala-ok)!important}
.lala-news .mailpoet_validate_error,.lala-news .parsley-errors-list{color:var(--lala-sale)!important;font-size:12px}
.lala-news .parsley-errors-list{list-style:none;margin:4px 0 0;padding:0}

.lala-fbar{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid var(--lala-line);font-size:13px;color:var(--lala-muted)}
.lala-fbar nav{display:flex;gap:18px}
@media (max-width:900px){.lala-foot,.lala-foot.no-news{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.lala-foot,.lala-foot.no-news{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){.lala-blob i{animation:none}:root{transition:none}}

/* ---------- "Added to cart" toast ---------- */
.woocommerce-message:has(.lala-added-msg),#konte-woocommerce-alert:has(.lala-added-msg){display:none!important}
.lala-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:100002;display:flex;align-items:center;gap:14px;width:min(440px,calc(100vw - 32px));padding:12px 12px 12px 12px;padding-inline-end:10px;border-radius:20px;background:linear-gradient(135deg,rgb(255 255 255 / .55),rgb(255 255 255 / .18)),rgb(255 255 255 / .12);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid rgb(255 255 255 / .7);box-shadow:inset 0 1px 0 rgb(255 255 255 / .9),inset 0 -1px 0 rgb(255 255 255 / .25),0 18px 50px -12px rgb(43 31 51 / .3);font-family:var(--lala-body);color:var(--lala-ink);
  opacity:0;transform:translate(-50%,24px) scale(.97);pointer-events:none;transition:opacity .35s var(--lala-ease),transform .45s var(--lala-ease)}
.lala-toast.is-on{opacity:1;transform:translate(-50%,0) scale(1);pointer-events:auto}
.lala-toast-img{width:52px;height:52px;border-radius:12px;object-fit:cover;flex:none;background:rgb(255 255 255 / .5);box-shadow:0 0 0 1px rgb(255 255 255 / .6)}
.lala-toast-check{display:grid;place-items:center}
.lala-toast-check::before{content:"";width:22px;height:22px;background:var(--lala-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 5 5 9-10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 5 5 9-10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.lala-toast-txt{display:grid;gap:2px;min-width:0;flex:1}
.lala-toast-txt span{font-size:12px;font-weight:600;color:var(--lala-ok);display:flex;align-items:center;gap:6px}
.lala-toast-txt span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lala-ok)}
.lala-toast-txt b{font-family:var(--lala-display);font-size:18px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lala-toast a.lala-toast-view{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--lala-accent);color:var(--lala-on-accent);font-size:13px;font-weight:600;text-decoration:none;transition:background .2s}
.lala-toast a.lala-toast-view:hover{background:var(--lala-ink);color:var(--lala-bg)}
.lala-toast-x{flex:none;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--lala-muted);cursor:pointer;display:grid;place-items:center}
.lala-toast-x::before{content:"";width:11px;height:11px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1 1l10 10M11 1 1 11' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1 1l10 10M11 1 1 11' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.lala-toast-x:hover{background:rgb(255 255 255 / .5);color:var(--lala-ink)}
@media (max-width:520px){.lala-toast-txt b{font-size:16px}.lala-toast a.lala-toast-view{padding:0 12px}}
@media (prefers-reduced-motion:reduce){.lala-toast{transition:opacity .2s}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.lala-toast{background:var(--lala-surface)}}

/* Header text follows the theme on every page (Elementor's global link colour would otherwise win on Elementor pages) */
body.lala .site-header.lala-header :is(.lala-hd-menu a,.lala-hd-lang,.lala-hd-lang span,.lala-hd-actions > div > a,.lala-hd-actions .search-icon,.lala-hd-theme){color:var(--lala-ink)!important}
body.lala .site-header.lala-header :is(.lala-hd-actions .svg-icon,.lala-hd-actions .svg-icon svg){color:var(--lala-ink)!important;fill:currentColor}
body.lala .site-header.lala-header .lala-hd-menu a:hover,body.lala .site-header.lala-header .lala-hd-menu .current-menu-item > a{border-color:var(--lala-ink)}
body.lala a.lala-promo,body.lala a.lala-promo:hover{color:var(--lala-ink)!important}

/* Footer text and icons follow the theme on every page (Elementor's global link colour would otherwise win) */
body.lala .site-footer.lala-footer,body.lala .site-footer.lala-footer :is(a,span,p,li){color:var(--lala-ink)!important}
body.lala .site-footer.lala-footer h4,body.lala .site-footer.lala-footer .lala-fbar,body.lala .site-footer.lala-footer .lala-fbar span{color:var(--lala-muted)!important}
body.lala .site-footer.lala-footer .lala-fbar a{color:var(--lala-ink)!important}
body.lala .site-footer.lala-footer .lala-social a{color:var(--lala-ink)!important;border-color:var(--lala-line)!important;transition:background .25s,color .25s,border-color .25s,transform .25s var(--lala-ease)}
body.lala .site-footer.lala-footer .lala-social a:hover{background:var(--lala-ink)!important;border-color:var(--lala-ink)!important;color:var(--lala-bg)!important;transform:translateY(-2px)}
body.lala .site-footer.lala-footer .lala-social .lala-i{width:19px;height:19px;stroke:currentColor;stroke-width:1.6}
body.lala .site-footer.lala-footer .lala-logo-mark{background:var(--lala-ink)!important}

/* Konte puts overflow:hidden on body and #page, which stops position:sticky (policy index, Our Story photo).
   clip still prevents sideways scrolling without creating a scroll container. */
body.lala,body.lala #page{overflow-x:clip!important;overflow-y:visible!important}

/* Language switch: just the globe; the other language's name slides out on hover / keyboard focus */
body.lala .site-header.lala-header .lala-hd-lang{gap:0;padding-inline:12px;overflow:hidden;white-space:nowrap;transition:background .25s,gap .35s var(--lala-ease),padding .35s var(--lala-ease)}
body.lala .site-header.lala-header .lala-hd-lang span{display:inline-block;max-width:0;opacity:0;transition:max-width .4s var(--lala-ease),opacity .25s}
body.lala .site-header.lala-header .lala-hd-lang:hover,body.lala .site-header.lala-header .lala-hd-lang:focus-visible{gap:7px;padding-inline:12px 14px}
body.lala .site-header.lala-header .lala-hd-lang:hover span,body.lala .site-header.lala-header .lala-hd-lang:focus-visible span{max-width:90px;opacity:1}

/* Account dropdown in the header (logged in): a rounded card that follows the theme */
body.lala .site-header.lala-header .header-account .account-links{background:transparent!important;border:0!important;box-shadow:none!important;padding-top:10px}
body.lala .site-header.lala-header .header-account .account-links ul{min-width:210px;margin:0;padding:8px!important;list-style:none;border-radius:18px;background:var(--lala-surface)!important;border:1px solid var(--lala-line);box-shadow:0 22px 48px -18px rgb(43 31 51 / .35)}
body.lala .site-header.lala-header .header-account .account-links li{margin:0;padding:0;border:0}
body.lala .site-header.lala-header .header-account .account-links a{display:block;padding:10px 14px;border-radius:12px;color:var(--lala-ink)!important;font-family:var(--lala-body);font-size:14px;font-weight:500;line-height:1.3;text-decoration:none;background:none;transition:background .2s,color .2s}
body.lala .site-header.lala-header .header-account .account-links a::after,body.lala .site-header.lala-header .header-account .account-links a::before{display:none!important}
body.lala .site-header.lala-header .header-account .account-links a:hover{background:var(--lala-accent-soft);color:var(--lala-accent)!important}
body.lala .site-header.lala-header .header-account .account-links .account-link--customer-logout{margin-top:4px;padding-top:4px;border-top:1px solid var(--lala-line)}
body.lala .site-header.lala-header .header-account .account-links .account-link--customer-logout a{color:var(--lala-sale)!important}
html[data-theme="dark"] body.lala .site-header.lala-header .header-account .account-links ul{box-shadow:0 22px 48px -18px rgb(0 0 0 / .6)}
/* mobile menu button: transparent like the other header icons (the theme paints buttons black) */
body.lala .site-header.lala-header button.lala-hd-burger,body.lala .site-header.lala-header button.lala-hd-burger:hover,body.lala .site-header.lala-header button.lala-hd-burger:focus{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--lala-ink)!important}
body.lala .site-header.lala-header button.lala-hd-burger:hover{background:var(--lala-accent-soft)!important}
body.lala .site-header.lala-header .lala-hd-burger span{background:var(--lala-ink)!important}

/* ---------- mobile side menu ---------- */
body.lala #mobile-menu.lmm .backdrop{background:rgb(30 20 36 / .45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body.lala #mobile-menu.lmm .panel{display:flex;flex-direction:column;gap:22px;width:min(88vw,420px)!important;max-width:none;padding:calc(18px + var(--lala-top)) 22px calc(22px + env(safe-area-inset-bottom,0px))!important;overflow-y:auto;overflow-x:hidden;
  background:linear-gradient(165deg,color-mix(in srgb,var(--lala-surface) 88%,transparent),color-mix(in srgb,var(--lala-bg) 80%,transparent))!important;-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);
  border-inline-end:1px solid rgb(255 255 255 / .6);border-radius:0 32px 32px 0;box-shadow:30px 0 80px -30px rgb(43 31 51 / .45);color:var(--lala-ink);font-family:var(--lala-body)}
html[dir="rtl"] body.lala #mobile-menu.lmm .panel{border-radius:32px 0 0 32px}
.lmm-glow{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.lmm-glow i{position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(50px);opacity:.45;animation:lmm-float 12s ease-in-out infinite alternate}
.lmm-glow i:nth-child(1){top:-80px;right:-90px;background:#E79AAE}
.lmm-glow i:nth-child(2){top:40%;left:-120px;background:#9C8CC8;animation-delay:-4s}
.lmm-glow i:nth-child(3){bottom:-100px;right:-60px;background:#F2A88E;animation-delay:-8s}
@keyframes lmm-float{to{transform:translate(30px,40px) scale(1.15)}}
.lmm-top{display:flex;align-items:center;justify-content:space-between}
.lmm-logo .lala-logo-mark{width:104px}
body.lala .lmm button.lmm-close,body.lala .lmm button.lmm-close:hover{position:relative;width:46px;height:46px;padding:0;border-radius:50%!important;border:1px solid var(--lala-line)!important;background:var(--lala-surface)!important;cursor:pointer;transition:transform .35s var(--lala-ease)}
body.lala .lmm button.lmm-close:hover{transform:rotate(90deg)}
.lmm-close span{position:absolute;left:50%;top:50%;width:16px;height:1.6px;margin:-.8px 0 0 -8px;background:var(--lala-ink);transform:rotate(45deg)}
.lmm-close span+span{transform:rotate(-45deg)}
.lmm-nav{display:grid;margin-top:6px}
body.lala .lmm a.lmm-link{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:14px 4px;border-bottom:1px solid var(--lala-line);color:var(--lala-ink)!important;text-decoration:none}
.lmm-n{font-size:12px;font-weight:600;color:var(--lala-accent);letter-spacing:.06em}
.lmm-t{font-family:var(--lala-display);font-size:38px;font-weight:500;line-height:1}
html[lang^="ar"] .lmm-t{font-size:30px;line-height:1.3}
.lmm-arrow{width:34px;height:34px;border-radius:50%;background:var(--lala-accent-soft);-webkit-mask:none;position:relative;transition:transform .35s var(--lala-ease),background .3s}
.lmm-arrow::after{content:"";position:absolute;inset:0;background:var(--lala-ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 17h10M18 13l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 17h10M18 13l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat}
html[dir="rtl"] .lmm-arrow{transform:scaleX(-1)}
body.lala .lmm a.lmm-link:hover .lmm-arrow,body.lala .lmm a.lmm-link:active .lmm-arrow{background:var(--lala-accent)}
body.lala .lmm a.lmm-link:hover .lmm-arrow::after{background:var(--lala-on-accent)}
.lmm-label{display:block;margin-bottom:10px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lala-muted)}
.lmm-dots{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
body.lala .lmm-dots a{display:grid;justify-items:center;gap:5px;text-decoration:none;color:var(--lala-muted)!important;font-size:10px}
.lmm-dots i{width:34px;height:34px;border-radius:50%;background:var(--sc);box-shadow:inset 0 -4px 8px rgb(0 0 0 / .14),0 6px 14px -8px var(--sc);transition:transform .3s var(--lala-ease)}
.lmm-dots a:active i{transform:scale(.9)}
.lmm-dots span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body.lala .lmm a.lmm-promo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 16px 20px;border-radius:22px;text-decoration:none;color:var(--lala-on-accent)!important;background:linear-gradient(120deg,var(--lala-accent),color-mix(in srgb,#E79AAE 70%,var(--lala-accent)));box-shadow:0 18px 34px -18px var(--lala-accent)}
.lmm-promo span{font-size:14px}
.lmm-promo b{font-family:var(--lala-display);font-size:22px;font-weight:600;margin-inline-end:4px}
.lmm-promo .amount,.lmm-promo bdi,.lmm-promo .woocommerce-Price-currencySymbol{color:inherit!important;font-size:inherit!important}
.lmm-promo .lmm-arrow{background:rgb(255 255 255 / .22)}
.lmm-promo .lmm-arrow::after{background:#fff}
.lmm-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
body.lala .lmm a.lmm-tile{position:relative;display:grid;justify-items:center;gap:6px;padding:16px 6px 14px;border-radius:20px;border:1px solid var(--lala-line);background:color-mix(in srgb,var(--lala-surface) 80%,transparent);color:var(--lala-ink)!important;text-decoration:none;font-size:12.5px;font-weight:500}
.lmm-tile .lala-i{width:22px;height:22px}
.lmm-tile em{position:absolute;top:8px;inset-inline-end:10px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--lala-accent);color:var(--lala-on-accent);font-style:normal;font-size:10px;font-weight:600;line-height:18px;text-align:center}
.lmm-tile em.is-zero,.lmm-tile em:empty{display:none}
.lmm-foot{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:14px;border-top:1px solid var(--lala-line)}
body.lala .lmm .lala-hd-lang{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--lala-line);color:var(--lala-ink)!important;text-decoration:none;font-size:13px}
body.lala .lmm .lala-hd-lang span{max-width:none!important;opacity:1!important}
body.lala .lmm button.lmm-theme{width:42px;height:42px;border:1px solid var(--lala-line)!important;border-radius:50%!important;background:transparent!important}
.lmm-social{display:flex;gap:4px;margin-inline-start:auto}
body.lala .lmm-social a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--lala-ink)!important}
.lmm-social .lala-i{width:18px;height:18px}
/* entrance: items rise in one after another when the menu opens */
#mobile-menu.lmm .lmm-link,#mobile-menu.lmm .lmm-scents,#mobile-menu.lmm .lmm-promo,#mobile-menu.lmm .lmm-tiles,#mobile-menu.lmm .lmm-foot{opacity:0;transform:translateX(-24px);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
html[dir="rtl"] #mobile-menu.lmm .lmm-link,html[dir="rtl"] #mobile-menu.lmm .lmm-scents,html[dir="rtl"] #mobile-menu.lmm .lmm-promo,html[dir="rtl"] #mobile-menu.lmm .lmm-tiles,html[dir="rtl"] #mobile-menu.lmm .lmm-foot{transform:translateX(24px)}
#mobile-menu.lmm.open .lmm-link,#mobile-menu.lmm.open .lmm-scents,#mobile-menu.lmm.open .lmm-promo,#mobile-menu.lmm.open .lmm-tiles,#mobile-menu.lmm.open .lmm-foot{opacity:1;transform:none;transition-delay:calc(.12s + var(--i) * .06s)}
@media (prefers-reduced-motion:reduce){.lmm-glow i{animation:none}#mobile-menu.lmm *{transition:none!important}}
html[data-theme="dark"] body.lala #mobile-menu.lmm .panel{border-color:rgb(255 255 255 / .1);background:linear-gradient(165deg,color-mix(in srgb,var(--lala-surface) 92%,transparent),color-mix(in srgb,var(--lala-bg) 88%,transparent))!important}
html[data-theme="dark"] .lmm-glow i{opacity:.25}
body.lala .lmm .lmm-logo{display:block;line-height:0}
body.lala .lmm .lmm-logo .lala-logo-mark{display:block;width:104px;height:32px;background:var(--lala-ink)!important}
body.lala #mobile-menu.lmm .lmm-foot a.lala-hd-lang{border:1px solid var(--lala-line)!important;padding:0 14px!important;gap:6px!important;min-width:0}
body.lala #mobile-menu.lmm .lmm-foot a.lala-hd-lang span{display:inline!important;max-width:none!important;opacity:1!important}
body.lala #mobile-menu.lmm .lmm-foot button.lmm-theme{display:inline-grid;place-items:center;color:var(--lala-ink)!important}

/* phones: logo sits beside the menu button; icons share one centre line on the other side */
@media (max-width:900px){
  .lala-hd{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:6px}
  .lala-hd-burger{justify-self:start;margin-inline-start:-8px}
  .lala-hd-logo{margin:0;justify-self:start}
  .lala-hd-actions{justify-self:end;align-items:center;gap:0}
  .lala-hd-actions>div,.lala-hd-actions>.lala-lang{display:flex;align-items:center;height:44px}
  .lala-hd-actions>div>a,.lala-hd-actions .lala-hd-lang,.lala-hd-actions .lala-hd-theme{min-width:40px;width:40px;height:44px;min-height:44px;padding:0!important;margin:0;display:inline-flex;align-items:center;justify-content:center;line-height:1}
  .lala-hd-actions .header-cart .counter{top:3px;inset-inline-end:0}
}
@media (max-width:400px){.lala-hd-logo .lala-logo-mark{width:88px}}

/* language: tap the globe on a phone to choose EN or AR */
.lala-lang{position:relative;display:inline-flex;align-items:center}
.lala-lang-pop{position:absolute;top:calc(100% + 6px);inset-inline-end:-6px;z-index:5;display:flex;gap:4px;padding:5px;border-radius:999px;background:var(--lala-surface);border:1px solid var(--lala-line);box-shadow:0 18px 40px -16px rgb(43 31 51 / .35);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.96);transform-origin:top right;transition:opacity .25s,transform .3s var(--lala-ease),visibility 0s .3s}
.lala-lang.is-open .lala-lang-pop{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .3s var(--lala-ease)}
body.lala .lala-lang-pop a{display:grid;place-items:center;min-width:44px;height:36px;padding:0 12px;border-radius:999px;font-family:"Montserrat",var(--lala-body);font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--lala-ink)!important;text-decoration:none;transition:background .2s,color .2s}
body.lala .lala-lang-pop a:hover{background:var(--lala-accent-soft)}
body.lala .lala-lang-pop a.is-on{background:var(--lala-accent);color:var(--lala-on-accent)!important}
@media (min-width:901px) and (hover:hover){.lala-lang-pop{display:none}}
html[data-theme="dark"] .lala-lang-pop{box-shadow:0 18px 40px -16px rgb(0 0 0 / .6)}
/* the theme's cart icon sits a few px low; centre it with the other header icons */
body.lala .site-header.lala-header .lala-hd-actions .header-cart .svg-icon{display:flex;align-items:center;justify-content:center;margin:0!important;top:0!important;vertical-align:middle;line-height:0}
body.lala .site-header.lala-header .lala-hd-actions .header-cart .svg-icon svg{display:block;margin:0}
/* phones / touch: the globe never slides out the language name; the EN / AR chooser does the job */
@media (max-width:900px),(hover:none){
  body.lala .site-header.lala-header .lala-hd-lang span,body.lala .site-header.lala-header .lala-hd-lang:hover span,body.lala .site-header.lala-header .lala-hd-lang:focus span,body.lala .site-header.lala-header .lala-hd-lang:focus-visible span{display:none!important}
  body.lala .site-header.lala-header .lala-hd-lang:hover,body.lala .site-header.lala-header .lala-hd-lang:focus-visible{gap:0;padding-inline:0!important}
}
/* account icon: same size and centre line as the other header icons */
body.lala .site-header.lala-header .lala-hd-actions .header-account > a{display:inline-flex;align-items:center;justify-content:center;line-height:0}
body.lala .site-header.lala-header .lala-hd-actions .header-account .svg-icon{display:flex;align-items:center;justify-content:center;margin:0!important;top:0!important;line-height:0}
body.lala .site-header.lala-header .lala-hd-actions .header-account .svg-icon svg{display:block;width:20px!important;height:20px!important;margin:0}

/* ---------- account card (signed in) ---------- */
body.lala .site-header.lala-header .lacc-wrap{position:relative}
body.lala .site-header.lala-header .lacc-wrap > a{position:relative}
.lacc-dot{position:absolute;top:10px;inset-inline-end:9px;width:8px;height:8px;border-radius:50%;background:var(--lala-ok,#3f8f6a);box-shadow:0 0 0 2px var(--lala-bg)}
body.lala .site-header.lala-header .lacc{position:absolute;top:100%;inset-inline-end:-8px;left:auto;z-index:20;display:block!important;width:290px;padding-top:12px!important;background:transparent!important;border:0!important;box-shadow:none!important;opacity:0;visibility:hidden;transform:translateY(8px) scale(.98);transform-origin:top right;transition:opacity .25s,transform .35s var(--lala-ease),visibility 0s .35s}
html[dir="rtl"] body.lala .site-header.lala-header .lacc{transform-origin:top left}
body.lala .site-header.lala-header .lacc-wrap:hover .lacc,body.lala .site-header.lala-header .lacc-wrap:focus-within .lacc{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .35s var(--lala-ease)}
.lacc-card{position:relative;overflow:hidden;padding:10px;border-radius:24px;background:var(--lala-surface);border:1px solid var(--lala-line);box-shadow:0 30px 60px -24px rgb(43 31 51 / .4)}
.lacc-card::before{content:"";position:absolute;inset:0 0 auto 0;height:96px;background:linear-gradient(135deg,color-mix(in srgb,var(--lala-accent) 22%,transparent),color-mix(in srgb,#E79AAE 22%,transparent));pointer-events:none}
.lacc-hi{position:relative;display:flex;align-items:center;gap:12px;padding:14px 12px 16px;font-family:var(--lala-body)}
.lacc-av{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:var(--lala-accent);color:var(--lala-on-accent);font-family:var(--lala-display);font-size:22px;font-weight:600;box-shadow:0 0 0 3px var(--lala-surface),0 10px 20px -10px var(--lala-accent)}
.lacc-hi > span:last-child{display:grid;line-height:1.2;min-width:0}
.lacc-hi small{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lala-accent)}
.lacc-hi b{font-family:var(--lala-display);font-size:22px;font-weight:600;color:var(--lala-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.lala .site-header.lala-header .lacc ul{position:relative;min-width:0;margin:0!important;padding:0!important;list-style:none;border:0!important;border-radius:0;background:none!important;box-shadow:none!important;display:grid;gap:2px}
body.lala .site-header.lala-header .lacc li{margin:0;padding:0;border:0}
body.lala .site-header.lala-header .lacc li a{display:flex!important;align-items:center;gap:12px;padding:8px 10px!important;border-radius:14px!important;font-family:var(--lala-body);font-size:14px!important;font-weight:500;color:var(--lala-ink)!important;text-decoration:none;background:none;transition:background .2s,transform .25s var(--lala-ease)}
body.lala .site-header.lala-header .lacc li a::before,body.lala .site-header.lala-header .lacc li a::after{display:none!important}
body.lala .site-header.lala-header .lacc li a:hover{background:var(--lala-accent-soft)!important;color:var(--lala-ink)!important;transform:translateX(3px)}
html[dir="rtl"] body.lala .site-header.lala-header .lacc li a:hover{transform:translateX(-3px)}
.lacc-ico{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:var(--lala-accent-soft);color:var(--lala-accent);transition:background .2s,color .2s}
.lacc-ico svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.lala .site-header.lala-header .lacc li a:hover .lacc-ico{background:var(--lala-accent);color:var(--lala-on-accent)}
.lacc-label{flex:1;min-width:0}
.lacc-pill{min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:var(--lala-sale);color:#fff;font-style:normal;font-size:11px;font-weight:700;line-height:22px;text-align:center}
.lacc-pill.is-soft{background:var(--lala-accent-soft);color:var(--lala-accent)}
body.lala .site-header.lala-header .lacc ul.lacc-out{margin-top:6px!important;padding-top:6px!important;border-top:1px dashed var(--lala-line)!important}
body.lala .site-header.lala-header .lacc .account-link--customer-logout a{color:var(--lala-sale)!important}
body.lala .site-header.lala-header .lacc .account-link--customer-logout .lacc-ico{background:color-mix(in srgb,var(--lala-sale) 12%,transparent);color:var(--lala-sale)}
body.lala .site-header.lala-header .lacc .account-link--customer-logout a:hover{background:color-mix(in srgb,var(--lala-sale) 10%,transparent)!important}
body.lala .site-header.lala-header .lacc .account-link--customer-logout a:hover .lacc-ico{background:var(--lala-sale);color:#fff}
html[data-theme="dark"] .lacc-card{box-shadow:0 30px 60px -24px rgb(0 0 0 / .6)}
html[data-theme="dark"] body.lala .lacc-hi b{color:var(--lala-ink)!important}
@media (prefers-reduced-motion:reduce){body.lala .site-header.lala-header .lacc{transition:none}}
body.lala .site-header.lala-header .header-account .account-links.lacc ul{min-width:0;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
body.lala .site-header.lala-header .header-account .account-links.lacc ul.lacc-out{margin-top:6px!important;padding-top:6px!important;border-top:1px dashed var(--lala-line)!important}
body.lala .site-header.lala-header .header-account .account-links.lacc .account-link--customer-logout{margin:0!important;padding:0!important;border:0!important}

/* ---------- one toast for every message: kinds ---------- */
.lala-toast.is-wish .lala-toast-txt span{color:var(--lala-sale)}
.lala-toast.is-wish .lala-toast-txt span::before{background:var(--lala-sale)}
.lala-toast.is-wish .lala-toast-check::before{background:var(--lala-sale);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20s-7-4.5-7-10a4 4 0 0 1 7-2.5A4 4 0 0 1 19 10c0 5.5-7 10-7 10Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20s-7-4.5-7-10a4 4 0 0 1 7-2.5A4 4 0 0 1 19 10c0 5.5-7 10-7 10Z'/%3E%3C/svg%3E")}
.lala-toast.is-info .lala-toast-txt span{color:var(--lala-accent)}
.lala-toast.is-info .lala-toast-txt span::before{background:var(--lala-accent)}
.lala-toast.is-info .lala-toast-check::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5v.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5v.01'/%3E%3C/svg%3E")}
.lala-toast.is-error .lala-toast-txt span{color:var(--lala-sale);white-space:normal;line-height:1.35}
.lala-toast.is-error .lala-toast-txt span::before{background:var(--lala-sale);flex:none}
.lala-toast.is-error .lala-toast-check::before{background:var(--lala-sale);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v6M12 16.5v.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v6M12 16.5v.01'/%3E%3C/svg%3E")}
.lala-toast-txt span:only-child{font-family:var(--lala-display);font-size:17px;font-weight:600;color:var(--lala-ink)}
.lala-toast-txt span:only-child::before{display:none}
.lala-toast:not(:has(.lala-toast-txt b)) .lala-toast-txt span{font-size:15px;font-weight:600;color:var(--lala-ink)}
/* notices taken over by the toast leave the page; errors that stay get the same calm card */
.lala-notice-gone{display:none!important}
body.lala .woocommerce-notices-wrapper :is(.woocommerce-message,.woocommerce-info,.woocommerce-error),body.lala .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error){position:relative;display:block;margin:0 0 18px!important;padding:16px 20px 16px 58px!important;border:1px solid var(--lala-line)!important;border-radius:18px!important;background:var(--lala-surface)!important;color:var(--lala-ink)!important;font-family:var(--lala-body);font-size:14px;line-height:1.5;box-shadow:0 16px 36px -28px rgb(43 31 51 / .35);list-style:none}
html[dir="rtl"] body.lala .woocommerce-notices-wrapper :is(.woocommerce-message,.woocommerce-info,.woocommerce-error),html[dir="rtl"] body.lala .woocommerce :is(.woocommerce-message,.woocommerce-info,.woocommerce-error){padding:16px 58px 16px 20px!important}
body.lala :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) > .svg-icon,body.lala :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) .message-icon{display:none!important}
body.lala :is(.woocommerce-notices-wrapper,.woocommerce) :is(.woocommerce-message,.woocommerce-info,.woocommerce-error)::before{content:""!important;position:absolute!important;top:50%!important;left:20px!important;right:auto!important;width:24px!important;height:24px!important;margin-top:-12px;border:0!important;border-radius:50%;background:var(--lala-ok)!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E") center/contain no-repeat;color:transparent!important;font-size:0!important}
html[dir="rtl"] body.lala :is(.woocommerce-notices-wrapper,.woocommerce) :is(.woocommerce-message,.woocommerce-info,.woocommerce-error)::before{left:auto!important;right:20px!important}
body.lala :is(.woocommerce-notices-wrapper,.woocommerce) .woocommerce-info::before{background:var(--lala-accent)!important}
body.lala :is(.woocommerce-notices-wrapper,.woocommerce) .woocommerce-error::before{background:var(--lala-sale)!important}
body.lala :is(.woocommerce-notices-wrapper,.woocommerce) .woocommerce-error{border-color:color-mix(in srgb,var(--lala-sale) 35%,var(--lala-line))!important}
body.lala :is(.woocommerce-notices-wrapper,.woocommerce) :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) a{color:var(--lala-accent)!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}
body.lala :is(.woocommerce-notices-wrapper,.woocommerce) :is(.woocommerce-message,.woocommerce-info,.woocommerce-error) a.button{float:right;margin:-6px 0 -6px 12px;padding:0 16px!important;min-height:36px;line-height:36px;border-radius:999px!important;background:var(--lala-accent)!important;color:var(--lala-on-accent)!important;text-decoration:none}
body.lala .woocommerce-error li{margin:0;padding:0}
/* the empty-cart / empty-wishlist lines keep their own big centred style */
body.lala .cart-empty.woocommerce-info,body.lala .wcboost-wishlist .wishlist-empty{padding:50px 0 20px!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.lala .cart-empty.woocommerce-info::before,body.lala .wcboost-wishlist .woocommerce-info::before{display:none!important}
/* account card fixes: the greeting band owns its gradient (no white sheet over it); one wishlist count only */
.lacc-card::before{display:none}
.lacc-hi{margin:-10px -10px 8px;padding:20px 20px 18px;background:linear-gradient(135deg,color-mix(in srgb,var(--lala-accent) 20%,var(--lala-surface)),color-mix(in srgb,#E79AAE 20%,var(--lala-surface)));border-bottom:1px solid var(--lala-line)}
body.lala .site-header.lala-header .lacc li > .counter{display:none!important}
body.lala .site-header.lala-header .lala-hd-actions .lacc li a .wishlist-counter{position:static!important;display:inline-block;min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:var(--lala-sale)!important;color:#fff!important;font-size:11px;font-weight:700;line-height:22px;text-align:center}
body.lala .site-header.lala-header .lala-hd-actions .lacc li a .wishlist-counter.is-zero,body.lala .site-header.lala-header .lala-hd-actions .lacc li a .wishlist-counter:empty{display:none!important}
body.lala .site-header.lala-header .lacc li a{overflow:hidden}
body.lala .site-header.lala-header .lala-hd-actions .header-account .account-links.lacc li > .counter,body.lala .site-header.lala-header .lala-hd-actions .header-account .account-links.lacc li > span.counter{display:none!important}
body.lala .site-header.lala-header .header-account .account-links.lacc .lacc-card > ul:first-of-type{padding-top:4px!important}

/* visitor currency */
.lala-px-local{display:inline-block;margin-inline-start:6px;font-size:.78em;font-weight:500;color:var(--lala-muted);white-space:nowrap}
.lala-fx-note{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--lala-muted);text-align:center}
del .lala-px-conv{opacity:.85}

/* Prices: the dirham plugin's font only has the symbol (A, D, E), so the digits need the site font after it.
   Sections that want the display font for a price set --lala-price-font. */
html body .woocommerce-Price-amount.amount,html body .woocommerce-Price-currencySymbol,html body .wc-block-formatted-money-amount{font-family:'igNewAEDSymbolFont',var(--lala-price-font,var(--lala-body)),sans-serif!important}
.lala-price-display{--lala-price-font:var(--lala-display)}
body.lala #mobile-menu.lmm .lmm-tiles{grid-template-columns:repeat(2,1fr)}
body.lala div.lala-promo{display:block;padding:9px 16px;background:var(--lala-accent-soft);color:var(--lala-ink);font-family:var(--lala-body);font-size:13px;font-weight:500;line-height:1.4;text-align:center}

/* Arabic: the big page titles were sized for short Latin words (FAQ, Shop, Why?); Arabic words are longer and taller */
html[lang^="ar"] body.lala :is(.lfq-title,.lsp-title){font-size:clamp(46px,7vw,96px)!important;line-height:1.25!important;letter-spacing:0!important}
html[lang^="ar"] body.lala .lst-why{font-size:clamp(44px,6vw,84px)!important;line-height:1.25!important}
html[lang^="ar"] body.lala :is(.lct-title,.lwl-title){font-size:clamp(42px,6vw,80px)!important;line-height:1.25!important}
html[lang^="ar"] body.lala :is(.lin3-title,.lala-hero h1,.lala-h){line-height:1.3!important}
