:root{--ink:#29282a;--pink:#efdfe1;--sand:#f7f4f1;--line:#dfdbd7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Kufi Arabic",sans-serif;font-size:13px}.demo{background:#272628;color:#fff;text-align:center;font-size:8px;padding:8px}header{height:80px;background:#f6f0ef;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 8%;position:sticky;top:0;z-index:8}.logo{font:800 29px "DM Sans",sans-serif;letter-spacing:.2em;color:#252527;text-decoration:none}.logo span{color:#d99aa5}.menu,header nav a,.actions button{border:0;background:none;font:600 11px "Noto Kufi Arabic",sans-serif;color:#242426;cursor:pointer}.menu{justify-self:center}.menu b{font-weight:600;margin-right:5px}.actions{justify-self:end;display:flex;gap:13px;align-items:center}.actions button{font:600 15px "DM Sans",sans-serif}.actions .bag{font-size:10px}.bag i{font-style:normal;background:#d9a4ae;border-radius:50%;color:white;font-size:8px;padding:2px 5px;margin-right:3px}nav{display:none}.hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:610px;background:#f7f4f1;direction:ltr}.hero-image{overflow:hidden}.hero-image img,.campaign>img{width:100%;height:100%;object-fit:cover;display:block}.hero-copy{direction:rtl;align-self:center;padding:45px 10%;}.label{font:700 9px "DM Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px}.hero h1,.statement h2,.head h2,.campaign h2,.signup h2{font-size:clamp(39px,5.3vw,77px);font-weight:600;letter-spacing:-.075em;line-height:1.03;margin:0 0 24px}.hero h1 em,.campaign h2 em{font-family:Georgia,serif;font-weight:400}.hero-copy>p:not(.label),.campaign p:not(.label){max-width:350px;color:#777174;line-height:2.2;font-size:11px;margin-bottom:27px}.pill{display:inline-flex;align-items:center;gap:20px;text-decoration:none;color:#2a292a;border-radius:30px;background:#d8a1ab;padding:13px 19px;font-size:10px;font-weight:700}.pill span,.head a span{font-size:18px}.statement{padding:130px 14%;text-align:center;max-width:1120px;margin:auto}.statement h2{font-size:clamp(29px,3.8vw,55px);line-height:1.25}.statement a,.head a{color:#222;text-decoration:none;border-bottom:1px solid #222;padding-bottom:7px;font-size:10px;font-weight:700}.featured{padding:0 5% 110px}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.head h2{font-size:44px;margin:0}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.products a{color:inherit;text-decoration:none}.products article>div{height:370px;background:var(--sand);position:relative;overflow:hidden}.products img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}.products article:hover img{transform:scale(1.045)}.products button{position:absolute;bottom:12px;right:12px;left:12px;border:0;padding:11px;background:#fff;font:600 10px "Noto Kufi Arabic",sans-serif;opacity:0;transform:translateY(10px);transition:.25s;cursor:pointer}.products article:hover button{opacity:1;transform:none}.products h3{font-size:11px;margin:12px 0 4px}.products p{font:500 10px "DM Sans",sans-serif;color:#777;margin:0}.campaign{display:grid;grid-template-columns:1fr 1fr;min-height:590px;background:#dce8eb;direction:rtl}.campaign-copy{padding:85px 14%;align-self:center}.campaign h2{font-size:clamp(39px,4.8vw,70px);margin-bottom:22px}.dark{background:#2a292c;color:white}.categories{padding:110px 5%;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.categories a{height:420px;position:relative;overflow:hidden;color:white;text-decoration:none}.categories img{height:100%;width:100%;object-fit:cover;transition:.5s}.categories a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0008,transparent 55%)}.categories a:hover img{transform:scale(1.05)}.categories span{position:absolute;z-index:1;right:18px;bottom:15px;font-size:17px;font-weight:700}.categories b{margin-right:16px;font-size:20px}.benefits{background:#f7f4f1;padding:75px 8%;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;text-align:center}.benefits i{font-style:normal;font:30px "DM Sans",sans-serif}.benefits h3{font-size:12px;margin:12px 0 4px}.benefits p{font-size:9px;color:#777;margin:0}.signup{text-align:center;padding:115px 20px}.signup h2{font-size:clamp(35px,4vw,60px);margin-bottom:35px}.signup form{margin:auto;max-width:500px;border-bottom:1px solid #222;display:flex}.signup input{border:0;outline:0;flex:1;padding:13px 0;background:transparent;font:11px "Noto Kufi Arabic",sans-serif}.signup button{border:0;background:none;font:700 11px "Noto Kufi Arabic",sans-serif;cursor:pointer}.signup button span{font-size:18px;margin-right:12px}.signup small{display:block;color:#888;font-size:8px;margin-top:15px}footer{padding:43px 8% 18px;background:#28272a;color:#fff;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}footer .logo,footer a,footer span{color:white}footer div{display:flex;flex-direction:column;gap:8px}footer div a,footer span{font-size:9px;text-decoration:none}footer p{grid-column:span 3;border-top:1px solid #5c5a5f;padding-top:16px;color:#afabb0;font:9px "DM Sans",sans-serif}.toast{position:fixed;bottom:20px;right:20px;background:#28272a;color:#fff;padding:12px 16px;opacity:0;transform:translateY(10px);transition:.25s;font-size:10px;z-index:10}.toast.show{opacity:1;transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:750px){header{height:66px;padding:0 18px}.logo{font-size:22px}.actions{gap:8px}.actions button:nth-child(2){display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-image{height:410px;order:2}.hero-copy{padding:65px 30px 45px}.hero h1{font-size:52px}.statement{padding:80px 25px}.featured{padding:0 16px 75px}.head h2{font-size:33px}.products{grid-template-columns:1fr 1fr;gap:22px 10px}.products article>div{height:245px}.products h3{font-size:9px}.campaign{grid-template-columns:1fr}.campaign>img{height:400px}.campaign-copy{padding:60px 30px}.categories{grid-template-columns:1fr;padding:70px 16px;gap:12px}.categories a{height:330px}.benefits{grid-template-columns:1fr 1fr;padding:55px 20px}.signup{padding:80px 20px}footer{grid-template-columns:1fr 1fr;padding:35px 20px 16px}footer>div:last-of-type{grid-column:span 2}footer p{grid-column:span 2}}
.hero{position:relative}.watermark{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none;font:700 clamp(22px,3vw,38px) "DM Sans",sans-serif;letter-spacing:.1em;color:#191918;background:rgba(255,255,255,.68);border:1px solid rgba(25,25,24,.22);backdrop-filter:blur(7px);border-radius:999px;padding:13px 30px;white-space:nowrap}