:root{--teal:#628791;--deep:#25434b;--cream:#fff5df;--paper:#f9f6ef;--line:#dbded7;--ink:#273b3f;--muted:#6b7878}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body.zainaz-store{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans Arabic','DM Sans',sans-serif;font-size:15px;line-height:1.8}html[lang=en] body{font-family:'DM Sans',sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:5px}button:disabled{cursor:not-allowed;opacity:.55}img{display:block;max-width:100%;object-fit:cover}.announcement{background:var(--teal);color:var(--cream);text-align:center;padding:8px 16px;font-size:12px;letter-spacing:.03em}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1400px;margin:auto;padding:23px 5%;}.brand{display:flex;align-items:center;gap:12px}.brand img{border-radius:50%}.brand>span{font-family:Georgia,serif;font-size:29px;letter-spacing:.01em;line-height:1.2}.brand small{display:block;font:10px 'Noto Sans Arabic',sans-serif;color:var(--muted);margin-top:4px}.header nav{display:flex;gap:35px;font-size:13px}.header-actions{display:flex;gap:22px;align-items:center}.header button{background:none;border:0;color:var(--ink);font-size:12px}.language{border-inline-end:1px solid var(--line)!important;padding-inline-end:22px}.bag{display:flex;gap:8px;align-items:center}.bag svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3}.bag b{border-radius:50%;background:var(--teal);color:#fff;font-size:10px;min-width:19px;height:19px;line-height:19px;text-align:center}.hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:6%;padding:35px 5% 70px;max-width:1400px;margin:auto}.hero-copy{padding:15px 0}.eyebrow{font:11px 'DM Sans',sans-serif;font-weight:600;letter-spacing:.2em;color:var(--teal);margin:0 0 20px}.hero h1{font-size:clamp(38px,4.6vw,68px);font-weight:500;line-height:1.4;letter-spacing:-.045em;margin:0 0 25px}.intro{font-size:15px;color:var(--muted);max-width:400px;margin:0 0 30px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--teal);color:white;padding:15px 25px;font-size:13px;border:0;transition:background .2s,transform .2s}.primary:hover{background:var(--deep);transform:translateY(-2px)}.primary>span:last-child{font-size:22px;line-height:1}.hero-note{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);margin-top:20px}.dot{width:6px;height:6px;border-radius:50%;background:var(--teal)}.hero-visual{position:relative;margin-top:25px}.hero-visual>img{width:100%;height:490px;aspect-ratio:1.15;object-fit:cover;border-radius:48% 48% 3px 3px}.round-note{position:absolute;top:25px;inset-inline-end:-24px;width:119px;height:119px;border-radius:50%;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(11deg);font-size:11px;border:1px solid #e5d9bf;box-shadow:0 6px 30px #263c3d0a}.round-note em{font-size:17px;font-style:normal}.round-note>span:last-child{font-size:20px;color:var(--teal)}.image-label{position:absolute;bottom:15px;left:20px;font:9px 'DM Sans',sans-serif;letter-spacing:.18em;color:var(--deep)}.ribbon{display:flex;gap:45px;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;padding:19px;background:var(--cream);color:var(--teal);font:15px Georgia,serif;letter-spacing:.16em}.ribbon i{font-size:24px;font-style:normal}.products-section{max-width:1260px;padding:80px 5%;margin:auto}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.section-heading h2,.how-title h2{font-size:clamp(28px,3.2vw,42px);font-weight:500;line-height:1.5;margin:0}.section-heading .eyebrow{margin-bottom:8px;letter-spacing:.03em}.section-heading>p{font-size:13px;color:var(--muted);margin:0}.products{display:grid;grid-template-columns:1fr 1fr;gap:35px}.product-image{position:relative;overflow:hidden;background:#ece9df}.product-image img{width:100%;aspect-ratio:1.2;object-fit:cover;transition:transform .7s ease}.product:hover img{transform:scale(1.035)}.flavor-label{position:absolute;top:20px;inset-inline-start:20px;background:var(--paper);padding:5px 12px;font:10px 'DM Sans',sans-serif;letter-spacing:.15em}.product-body{padding-top:22px}.product-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.product h3{font-size:23px;font-weight:500;margin:0}.product-price{font-size:15px;color:var(--deep);white-space:nowrap}.product p{color:var(--muted);font-size:13px;margin:7px 0 18px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.quantity{display:flex;align-items:center;border:1px solid var(--line);height:43px}.quantity button{background:transparent;border:0;width:36px;height:41px;color:var(--ink);font-size:20px}.quantity output{min-width:30px;text-align:center;font:14px 'DM Sans',sans-serif}.add{padding:10px 23px;background:transparent;border:1px solid var(--teal);color:var(--deep);font-size:12px;transition:.2s}.add:hover{background:var(--teal);color:white}.product-footnote{font-size:10px;color:var(--muted);margin:30px 0 0;max-width:820px}.how-section{background:#e8eeeb;display:grid;grid-template-columns:.8fr 1.8fr;gap:5%;padding:65px max(5%,calc((100vw - 1130px)/2))}.how-title .eyebrow{font-size:9px;letter-spacing:.12em}.steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;gap:25px}.steps>li>span{font:28px Georgia,serif;color:var(--teal);display:block;margin:10px 0 17px}.steps h3{font-size:16px;font-weight:500;margin:0 0 10px}.steps p{font-size:12px;color:var(--muted);margin:0}.closing{display:flex;align-items:center;flex-direction:column;padding:65px 20px;gap:10px}.closing img{border-radius:50%;margin-bottom:8px}.closing p{font-size:21px;text-align:center;margin:10px 0}.closing a{font-size:12px;border-bottom:1px solid var(--teal);padding-bottom:5px}footer{border-top:1px solid var(--line);padding:22px 5%;display:flex;justify-content:space-between;align-items:center;gap:22px;color:var(--muted);font-size:10px}footer p{margin:0}dialog{border:0;border-radius:3px;padding:30px;width:min(560px,calc(100vw - 24px));max-height:90dvh;overflow:auto;background:var(--paper);color:var(--ink);box-shadow:0 15px 90px #25434b38}dialog::backdrop{background:#172c327d;backdrop-filter:blur(4px)}.cart-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:10px}.cart-head .eyebrow{font-size:9px;margin:0}.cart-head h2{font-weight:500;font-size:26px;margin:8px 0 0}.close{border:0;background:transparent;font-size:29px;color:var(--ink)}.cart-row{display:grid;grid-template-columns:68px 1fr auto;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.cart-row img{width:68px;height:75px}.cart-row h3{font-size:14px;margin:0 0 6px;font-weight:500}.cart-row .quantity{height:32px;width:max-content}.cart-row .quantity button{height:30px;width:30px;font-size:16px}.cart-row .quantity output{font-size:12px}.remove{border:0;background:transparent;color:var(--muted);font-size:11px}.cart-row small{display:block;font-size:11px}.total{display:flex;justify-content:space-between;gap:12px;margin:20px 0;font-size:15px}#order-details label{display:block;margin:15px 0 6px;font-size:12px}input,textarea{width:100%;background:transparent;border:1px solid #bfcac6;padding:10px;border-radius:0;color:var(--ink)}textarea{resize:vertical}.checkout{width:100%;margin-top:22px}.checkout[aria-disabled=true]{opacity:.6;cursor:not-allowed;transform:none}.checkout-help{font-size:10px;color:var(--muted);margin:10px 0}.empty{padding:35px 15px;text-align:center;color:var(--muted)}.empty button{display:block;margin:20px auto 0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--deep);color:#fff;box-shadow:0 5px 25px #25434b30;padding:12px 24px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:100000;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.skip{position:absolute;top:-100px;left:10px;z-index:100000;background:var(--cream);padding:12px}.skip:focus{top:10px}[hidden]{display:none!important}.hero-copy{animation:reveal .8s both}.hero-visual{animation:reveal 1.1s both}@keyframes reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}html[lang=en] .hero h1{font-family:Georgia,serif;font-size:clamp(40px,4.8vw,73px);line-height:1.12;letter-spacing:-.035em}html[lang=en] .section-heading h2,html[lang=en] .how-title h2,html[lang=en] .closing p{font-family:Georgia,serif}html[lang=en] .hero h1{margin-bottom:28px}@media(min-width:1600px){.hero-visual>img{height:540px}}@media(max-width:800px){.header{padding:18px 5%}.header nav{gap:20px;font-size:11px}.hero{gap:5%;padding-top:15px}.hero-visual>img{height:380px}.round-note{width:95px;height:95px;inset-inline-end:-12px}.round-note em{font-size:14px}.hero h1{font-size:36px}.intro{font-size:12px}.how-section{grid-template-columns:1fr;gap:28px}.how-title h2 br{display:none}.steps{gap:20px}.product h3{font-size:19px}.product-price{font-size:12px}.product-bottom{gap:10px}.add{padding:10px 13px}.products{gap:22px}}@media(max-width:560px){.header{gap:10px}.brand>span{font-size:24px}.brand img{width:44px;height:44px}.brand small{font-size:8px}.header nav{display:none}.header-actions{gap:12px}.language{padding-inline-end:12px}.bag>span{display:none}.hero{grid-template-columns:1fr;padding:16px 6% 40px;gap:20px}.hero-copy{padding:10px 0 0}.hero h1{font-size:43px;line-height:1.3;margin-bottom:16px}.intro{font-size:13px;max-width:330px;margin-bottom:22px}.hero-visual{margin:0 12px 0 0}.hero-visual>img{height:auto;aspect-ratio:1.17}.round-note{top:18px;width:92px;height:92px}.hero-note{margin-bottom:0}.eyebrow{font-size:9px;margin-bottom:15px}.ribbon{font-size:12px;gap:22px;padding:12px}.products-section{padding:48px 6%}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:15px;font-size:12px}.section-heading h2{font-size:31px}.products{grid-template-columns:1fr;gap:35px}.product-image img{aspect-ratio:1.16}.product h3{font-size:23px}.product-price{font-size:14px}.product-bottom{justify-content:space-between}.add{min-width:160px}.how-section{padding:40px 6%}.steps{grid-template-columns:1fr;gap:22px}.steps li{display:grid;grid-template-columns:48px 1fr;column-gap:12px}.steps>li>span{grid-row:span 2;margin:0}.steps h3{margin-bottom:3px}.closing{padding:45px 20px}.closing p{font-size:18px}footer{flex-wrap:wrap;gap:10px}footer p{order:3;flex-basis:100%}dialog{padding:22px}.cart-row{gap:10px;grid-template-columns:55px 1fr auto}.cart-row img{width:55px;height:65px}.total{font-size:13px}html[lang=en] .hero h1{font-size:47px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.product-options{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 15px;margin:18px 0}.product-options label{font-size:12px}.product-options select{width:100%;padding:10px;background:transparent;border:1px solid var(--line);font:inherit;font-size:12px;color:var(--ink)}.price-guide{font-size:10px!important;color:var(--teal)!important}.totals{width:100%}.totals p{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:8px 0}.totals .saving{color:#37765b}.totals .grand-total{border-top:1px solid var(--line);padding-top:12px;font-size:15px}.cart-row small{margin-bottom:7px}
