:root{--hayat-sky: #73b8e3;--hayat-sky-rgb: 115, 184, 227;--hayat-navy: #132b4b;--hayat-navy-rgb: 19, 43, 75;--hayat-navy-hover: #0c1e36;--hayat-white: #ffffff;--hayat-tint: #f2f9fd;--hayat-card: #e3f2fb;--hayat-card-rgb: 227, 242, 251;--hayat-line: #c7e4f5;--hayat-line-rgb: 199, 228, 245;--hayat-link: #1f6fa3;--hayat-link-rgb: 31, 111, 163;--hayat-muted: #b3ada3;--hayat-muted-rgb: 179, 173, 163;--hayat-lemon: #ffd23f;--hayat-lemon-light: #ffe580;--hayat-lemon-rgb: 255, 210, 63;--hayat-orange: #ff9f1c;--hayat-cross: #d9483b;--hayat-font: "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--hayat-weight-regular: 400;--hayat-weight-semibold: 600;--hayat-weight-bold: 700;--hayat-h1: clamp(32px, 22px + 3.2vw, 52px);--hayat-h2: clamp(26px, 19px + 2.2vw, 40px);--hayat-h3: 18px;--hayat-text: 16px;--hayat-small: 14px;--hayat-line-height: 1.8;--hayat-line-height-heading: 1.4;--hayat-radius-pill: 999px;--hayat-radius-card: 20px;--hayat-radius-media: 16px;--hayat-radius-small: 10px;--hayat-shadow: 0 18px 40px -24px rgba(var(--hayat-navy-rgb), .3);--hayat-gutter: 16px;--hayat-container: 1180px;--hayat-section-space: 64px;--hayat-space-1: 8px;--hayat-space-2: 16px;--hayat-space-3: 24px;--hayat-space-4: 40px;--hayat-ease: .3s ease;--hayat-header-height: 64px}@media screen and (min-width:750px){:root{--hayat-gutter: 32px;--hayat-section-space: 96px;--hayat-text: 17px;--hayat-header-height: 76px}}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hayat-header-height) + 12px)}.hayat-container{display:block;width:100%;max-width:calc(var(--hayat-container) + var(--hayat-gutter) * 2);margin-inline:auto;padding-inline:var(--hayat-gutter)}.hayat-container>*,.hayat-grid>*{min-width:0}.hayat-section{padding-block:var(--hayat-section-space);font-family:var(--hayat-font);color:var(--hayat-navy);overflow-wrap:break-word}.hayat-section--tint{background:var(--hayat-tint)}.hayat-h1,.hayat-h2,.hayat-h3{margin:0;font-family:var(--hayat-font);font-weight:var(--hayat-weight-bold);line-height:var(--hayat-line-height-heading);letter-spacing:0;color:var(--hayat-navy)}.hayat-h1{font-size:var(--hayat-h1);line-height:1.3}.hayat-h2{font-size:var(--hayat-h2)}.hayat-h3{font-size:var(--hayat-h3);font-weight:var(--hayat-weight-semibold);line-height:1.5}.hayat-text{margin:0;font-size:var(--hayat-text);line-height:var(--hayat-line-height);color:var(--hayat-navy)}.hayat-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.85em 1.75em;border:0;border-radius:var(--hayat-radius-pill);font-family:var(--hayat-font);font-size:16px;font-weight:var(--hayat-weight-semibold);line-height:1.2;letter-spacing:0;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--hayat-ease),color var(--hayat-ease),box-shadow var(--hayat-ease),transform var(--hayat-ease)}.hayat-btn:hover{transform:translateY(-1px)}.hayat-btn:focus-visible{outline:2px solid var(--hayat-link);outline-offset:3px}.hayat-btn--primary{background:linear-gradient(180deg,var(--hayat-lemon-light),var(--hayat-lemon));color:var(--hayat-navy);box-shadow:inset 0 1px #ffffff8c,0 6px 16px -6px rgba(var(--hayat-lemon-rgb),.85),0 0 22px -6px rgba(var(--hayat-lemon-rgb),.6);transition:box-shadow .25s ease,transform .25s ease}.hayat-btn--primary:hover,.hayat-btn--primary:active{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff8c,0 10px 22px -6px rgba(var(--hayat-lemon-rgb),.95),0 0 32px -4px rgba(var(--hayat-lemon-rgb),.75)}.hayat-btn--secondary{background:var(--hayat-navy);color:var(--hayat-white)}.hayat-btn--secondary:hover{background:var(--hayat-navy-hover)}.hayat-btn--outline{background:transparent;color:var(--hayat-navy);box-shadow:inset 0 0 0 1.5px var(--hayat-navy)}.hayat-btn--outline:hover{background:var(--hayat-navy);color:var(--hayat-white)}.hayat-btn--small{min-height:40px;padding:.6em 1.2em;font-size:15px}.hayat-btn--block{width:100%}.hayat-cta{display:grid;justify-items:start;gap:10px;margin-top:28px}.hayat-cta--center{justify-items:center;text-align:center}.hayat-cta__btn{min-width:min(100%,240px)}.hayat-cta__note{display:inline-flex;align-items:center;gap:6px;margin:0;color:rgba(var(--hayat-navy-rgb),.72);font-family:var(--hayat-font);font-size:13px;font-weight:var(--hayat-weight-semibold);line-height:1.5}.hayat-cta__note .hayat-icon{color:var(--hayat-link)}.hayat-badge{display:inline-flex;align-items:center;padding:3px 11px;border-radius:var(--hayat-radius-pill);background:var(--hayat-orange);color:var(--hayat-navy);font-family:var(--hayat-font);font-size:13px;font-weight:var(--hayat-weight-bold);line-height:1.6;white-space:nowrap}.hayat-stock{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:var(--hayat-radius-pill);background:var(--hayat-card);color:var(--hayat-navy);font-family:var(--hayat-font);font-size:13px;font-weight:var(--hayat-weight-bold);line-height:1.6}.hayat-stock--out{background:#f3f2ef}.hayat-stock__dot{position:relative;flex:none;width:9px;height:9px;border-radius:50%;background:var(--hayat-link)}.hayat-stock__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--hayat-sky);animation:hayat-stock-pulse 1.8s ease-out infinite}@keyframes hayat-stock-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2.6);opacity:0}}.hayat-icon{display:inline-block;flex:none;width:1.25em;height:1.25em;vertical-align:middle}.hayat-placeholder{display:grid;place-content:center;justify-items:center;gap:8px;padding:var(--hayat-space-3);border:1.5px dashed var(--hayat-line);border-radius:var(--hayat-radius-media);background:var(--hayat-card);color:var(--hayat-link);font-family:var(--hayat-font);font-size:var(--hayat-small);line-height:1.5;text-align:center}.hayat-placeholder .hayat-icon{width:30px;height:30px}.hayat-head{display:grid;gap:12px;margin-bottom:28px}.hayat-head--center{justify-items:center;text-align:center}.hayat-head__intro{max-width:36em}@media screen and (min-width:750px){.hayat-head{margin-bottom:40px}}.hayat-scroller{--scroller-item: 78%;display:grid;grid-auto-flow:column;grid-auto-columns:var(--scroller-item);gap:12px;margin-inline:calc(var(--hayat-gutter) * -1);padding-inline:var(--hayat-gutter);padding-bottom:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--hayat-gutter);scrollbar-width:none}.hayat-scroller::-webkit-scrollbar{display:none}.hayat-scroller>*{scroll-snap-align:start}.hf-body{fill:var(--hayat-white);stroke:var(--hayat-navy);stroke-opacity:.7;stroke-width:1}.hf-ribs path{fill:var(--hayat-tint);stroke:var(--hayat-navy);stroke-opacity:.45;stroke-width:.7}.hf-line{fill:none;stroke:var(--hayat-navy);stroke-opacity:.35;stroke-width:1;stroke-linecap:round}.hf-brand{fill:var(--hayat-navy);font-family:var(--hayat-font);font-size:6.6px;font-weight:var(--hayat-weight-semibold)}.hayat-rain{--rain: rgba(var(--hayat-sky-rgb), .75);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hayat-rain--light{--rain: rgba(var(--hayat-link-rgb), .45)}.hayat-rain span{position:absolute;top:-60px;left:var(--x);width:1.5px;height:var(--l, 22px);border-radius:2px;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--rain));opacity:var(--o, .6);animation:hayat-rain-fall var(--d, 1.6s) linear infinite;animation-delay:var(--delay, 0s)}.hayat-rain span:nth-child(1){--x: 4%;--l: 20px;--d: 1.5s;--delay: -.2s;--o: .5}.hayat-rain span:nth-child(2){--x: 11%;--l: 28px;--d: 1.9s;--delay: -1.1s}.hayat-rain span:nth-child(3){--x: 17%;--l: 16px;--d: 1.3s;--delay: -.7s;--o: .45}.hayat-rain span:nth-child(4){--x: 24%;--l: 24px;--d: 1.7s;--delay: -1.5s}.hayat-rain span:nth-child(5){--x: 31%;--l: 18px;--d: 1.4s;--delay: -.4s;--o: .5}.hayat-rain span:nth-child(6){--x: 37%;--l: 30px;--d: 2s;--delay: -1.8s}.hayat-rain span:nth-child(7){--x: 44%;--l: 20px;--d: 1.6s;--delay: -.9s;--o: .45}.hayat-rain span:nth-child(8){--x: 50%;--l: 26px;--d: 1.8s;--delay: -.1s}.hayat-rain span:nth-child(9){--x: 57%;--l: 16px;--d: 1.35s;--delay: -1.3s;--o: .5}.hayat-rain span:nth-child(10){--x: 63%;--l: 24px;--d: 1.75s;--delay: -.6s}.hayat-rain span:nth-child(11){--x: 70%;--l: 19px;--d: 1.45s;--delay: -1.7s;--o: .45}.hayat-rain span:nth-child(12){--x: 76%;--l: 28px;--d: 1.95s;--delay: -.3s}.hayat-rain span:nth-child(13){--x: 82%;--l: 17px;--d: 1.4s;--delay: -1s;--o: .5}.hayat-rain span:nth-child(14){--x: 88%;--l: 25px;--d: 1.7s;--delay: -1.6s}.hayat-rain span:nth-child(15){--x: 93%;--l: 20px;--d: 1.55s;--delay: -.8s;--o: .45}.hayat-rain span:nth-child(16){--x: 98%;--l: 22px;--d: 1.85s;--delay: -1.4s}@keyframes hayat-rain-fall{0%{transform:translateZ(0)}to{transform:translate3d(0,110vh,0)}}.hayat-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hayat-bubbles span{position:absolute;bottom:-30px;left:var(--x);width:var(--s);height:var(--s);border:1px solid rgba(var(--hayat-sky-rgb),.45);border-radius:50%;background:radial-gradient(circle at 32% 30%,#ffffffb3,rgba(var(--hayat-card-rgb),.25) 60%,rgba(var(--hayat-line-rgb),.15));opacity:0;animation:hayat-bubble-rise var(--d) linear infinite;animation-delay:var(--delay)}.hayat-bubbles span:nth-child(1){--x: 6%;--s: 12px;--d: 14s;--delay: -2s}.hayat-bubbles span:nth-child(2){--x: 24%;--s: 18px;--d: 18s;--delay: -9s}.hayat-bubbles span:nth-child(3){--x: 47%;--s: 9px;--d: 12s;--delay: -5s}.hayat-bubbles span:nth-child(4){--x: 69%;--s: 16px;--d: 16s;--delay: -12s}.hayat-bubbles span:nth-child(5){--x: 90%;--s: 11px;--d: 15s;--delay: -7s}@keyframes hayat-bubble-rise{0%{transform:translateZ(0);opacity:0}15%{opacity:.9}85%{opacity:.6}to{transform:translate3d(10px,-420px,0);opacity:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hayat-btn,.hayat-btn:hover{transition:none;transform:none}.hayat-bubbles,.hayat-rain{display:none}.hayat-stock__dot:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hayat-base.css.map */