*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#FFF9F2;color:#5A0F19;font-family:"DM Sans",sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.topbar{background:#5A0F19;color:#fff;text-align:center;padding:9px;font-size:10px;font-weight:800;letter-spacing:.15em}.logo{font:700 26px "Playfair Display",serif;letter-spacing:-.06em}.logo span,em{color:#8F1D2C;font-style:normal}header{height:76px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:#FFF9F2f2;backdrop-filter:blur(15px);border-bottom:1px solid #e8dde0}nav{display:flex;gap:30px}nav a{font-size:12px;font-weight:700;color:#605b61}.shop,.btn{background:#5A0F19;color:#fff;border-radius:99px}.shop{font-size:11px;padding:11px 17px;font-weight:800}.menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:calc(100vh - 110px);padding:55px 8%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}.eyebrow{color:#8F1D2C;font-size:10px;letter-spacing:.2em;font-weight:900;margin:0 0 15px}h1,h2{font-family:"Playfair Display",serif;line-height:1.02;letter-spacing:-.05em}h1{font-size:clamp(50px,6.5vw,88px);margin:0}h2{font-size:clamp(40px,5vw,64px);margin:0}.lead{color:#716c72;max-width:570px;font-size:15px;margin:24px 0 30px}.actions{display:flex;gap:25px;align-items:center}.btn{padding:14px 20px;font-size:12px;font-weight:800}.btn b{margin-left:20px}.link{font-size:12px;font-weight:800}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:35px}.chips span{font-size:10px;color:#716c72;border:1px solid #e8dde0;background:#fff;padding:7px 11px;border-radius:99px}.hero-art{height:610px;position:relative;display:flex;justify-content:center}.hero-photo{height:100%;width:min(450px,86%);border-radius:230px 230px 18px 18px;overflow:hidden;box-shadow:0 25px 60px #6e344220}.quote-card{position:absolute;right:-1%;bottom:43px;background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 12px 30px #0002;display:flex;flex-direction:column}.quote-card small{font-size:9px;color:#716c72}.quote-card strong{font-size:12px}.new-card{position:absolute;left:-30px;bottom:30px;background:#fff;padding:13px;border-radius:12px;box-shadow:0 12px 30px #0002;display:flex;align-items:center;gap:10px;font:600 13px "Playfair Display",serif}.new-card b{width:31px;height:31px;background:#8F1D2C;color:#fff;border-radius:50%;display:grid;place-items:center;font:800 10px "DM Sans"}.ticker{background:#8F1D2C;color:#fff;overflow:hidden;white-space:nowrap;padding:13px;font-size:10px;font-weight:900;letter-spacing:.2em}.ticker span{display:inline-block;animation:scroll 24s linear infinite}@keyframes scroll{to{transform:translateX(-30%)}}.section{padding:100px 8%}.heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.heading>p{max-width:410px;color:#716c72;font-size:13px}.center{justify-content:center;text-align:center}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filters button{border:1px solid #e8dde0;background:#fff;color:#716c72;padding:8px 15px;border-radius:99px;font-size:11px;font-weight:800;cursor:pointer}.filters button.active{background:#5A0F19;color:#fff}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.pic{height:455px;border-radius:14px;overflow:hidden;position:relative;background:#eee}.pic img{transition:.45s}.product:hover .pic img{transform:scale(1.04)}.pic>span{position:absolute;top:12px;left:12px;background:#fff;color:#8F1D2C;border-radius:99px;padding:7px 9px;font-size:8px;font-weight:900}.pic>span.dark{background:#5A0F19;color:#fff}.fav{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#fff;font-size:19px;cursor:pointer}.fav.active{background:#8F1D2C;color:#fff}.info{display:flex;justify-content:space-between;gap:10px;padding:13px 3px}.info h3{font-size:13px;margin:0}.info p{font-size:10px;color:#716c72;margin:2px 0}.info>b{font-size:12px}.product.hide{display:none}.islamic-note{padding:90px 10%;display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#F8E9E0;align-items:center}.islamic-note p:not(.eyebrow){color:#716c72;font-size:14px;max-width:530px;margin-top:22px}.dua{font:500 25px/1.45 "Playfair Display",serif;border-left:2px solid #8F1D2C;padding-left:30px}.split{display:grid;grid-template-columns:1fr 1fr;background:#F4E2D4}.split-img{height:690px}.split-copy{padding:80px 11%;display:flex;flex-direction:column;justify-content:center}.split-copy>p:not(.eyebrow){color:#716c72;font-size:14px;max-width:470px;margin:23px 0 30px}.moods{border-top:1px solid #d8c6cb}.moods>div{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:17px 0;border-bottom:1px solid #d8c6cb}.moods b{color:#8F1D2C;font-size:10px}.moods strong,.moods small{display:block}.moods strong{font-size:13px}.moods small{font-size:10px;color:#716c72}.reason-grid,.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reason-grid div{background:#fff;border:1px solid #e8dde0;border-radius:15px;padding:29px}.reason-grid i{font-style:normal;font-size:25px}.reason-grid h3{font-size:15px;margin:13px 0 6px}.reason-grid p{font-size:12px;color:#716c72}.review-grid blockquote{margin:0;background:#fff;border:1px solid #e8dde0;border-radius:15px;padding:27px;min-height:210px;display:flex;flex-direction:column;color:#8F1D2C;letter-spacing:4px;font-size:10px}.review-grid p{font:500 18px/1.4 "Playfair Display",serif;color:#5A0F19;letter-spacing:0;margin:auto 0}.review-grid small{color:#716c72;letter-spacing:0}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%;background:#F8E9E0}.faqs details{border-top:1px solid #d8c9ce;padding:19px 0}.faqs details:last-child{border-bottom:1px solid #d8c9ce}.faqs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-size:13px;font-weight:800}.faqs summary::-webkit-details-marker{display:none}.faqs summary b{font-size:19px}.faqs p{font-size:12px;color:#716c72}footer{background:#5A0F19;color:#fff;padding:65px 8% 25px;display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:30px}footer>div{display:flex;flex-direction:column;gap:8px}footer b{font-size:10px;letter-spacing:.13em;text-transform:uppercase}footer p,footer a{font-size:11px;color:#aaa}.wa-link{color:#e7a0b5!important}.copy{grid-column:1/-1;border-top:1px solid #454247;padding-top:18px;color:#777;font-size:9px;margin-top:20px}.wa{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#20a85a;color:#fff;display:grid;place-items:center;z-index:50;box-shadow:0 10px 25px #0003}.wa>span{font-size:30px;transform:rotate(-20deg)}.wa em{position:absolute;right:68px;background:#5A0F19;color:#fff;padding:7px 10px;border-radius:7px;font:10px "DM Sans";white-space:nowrap;opacity:0;transition:.2s}.wa:hover em{opacity:1}.up{position:fixed;right:28px;bottom:93px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;box-shadow:0 5px 18px #0002;opacity:0;pointer-events:none}.up.show{opacity:1;pointer-events:auto}@media(max-width:900px){nav{gap:15px}.hero{padding:50px 6%;gap:4%}.hero-art{height:520px}.products{grid-template-columns:repeat(2,1fr)}.section{padding:80px 6%}}@media(max-width:700px){header{height:68px}.menu{display:block}.shop{display:none}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#FFF9F2;padding:20px 7%;flex-direction:column;border-bottom:1px solid #e8dde0}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:48px 6%}.hero-art{height:470px;margin-top:20px}.hero-photo{width:78%}.new-card{left:0}.quote-card{right:0}.heading{display:block}.heading>p{margin-top:15px}.islamic-note{grid-template-columns:1fr;gap:35px;padding:70px 8%}.dua{font-size:21px}.split{grid-template-columns:1fr}.split-img{height:450px}.split-copy{padding:65px 8%}.reason-grid,.review-grid{grid-template-columns:1fr}.faq{grid-template-columns:1fr;gap:35px}footer{grid-template-columns:1fr 1fr;padding:55px 7%}}@media(max-width:450px){h1{font-size:48px}.products{gap:12px}.pic{height:285px}.info{display:block}.info>b{display:block;margin-top:5px}.wa{right:15px;bottom:16px}.wa em{display:none}footer{grid-template-columns:1fr}.copy{grid-column:auto}}
.collection-note{font-size:11px;color:#8F1D2C;margin:-8px 0 20px;font-weight:700}

.collection-note{font-size:11px;color:#8F1D2C;margin:-8px 0 20px;font-weight:700}
.products{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:450px){.products{grid-template-columns:1fr 1fr}}

/* Mora Abaya image fix */
.pic img{background:#f3eeee}

/* MaiMORA Red & Gold Edition */
:root{--mm-red:#8F1D2C;--mm-deep:#5A0F19;--mm-gold:#C9A227;--mm-gold-light:#E8D49A}
body{background:#FFF9F2}
.topbar{background:linear-gradient(90deg,var(--mm-deep),var(--mm-red),var(--mm-deep));border-bottom:2px solid var(--mm-gold)}
header{background:rgba(255,249,242,.94);border-bottom:1px solid var(--mm-gold-light)}
.logo span,.eyebrow,em{color:var(--mm-red)}
.shop,.btn,.filters button.active{background:var(--mm-red);border:1px solid var(--mm-gold)}
.ticker{background:linear-gradient(90deg,var(--mm-deep),var(--mm-red),#B88A1A,var(--mm-red),var(--mm-deep));}
.hero{background:radial-gradient(circle at 88% 12%,rgba(201,162,39,.18),transparent 30%),radial-gradient(circle at 8% 80%,rgba(143,29,44,.08),transparent 28%)}
.hero-photo{border:3px solid rgba(201,162,39,.65)}
.new-card b{background:var(--mm-red);border:2px solid var(--mm-gold)}
.quote-card{border-left:3px solid var(--mm-gold)}
.chips span{border-color:var(--mm-gold-light)}
.islamic-note{background:linear-gradient(135deg,#F8E9E0,#FFF7E8 55%,#F5E1D8);border-top:1px solid var(--mm-gold-light);border-bottom:1px solid var(--mm-gold-light)}
.dua{border-left-color:var(--mm-gold)}
.split{background:linear-gradient(135deg,#F4E2D4,#FFF3DF)}
.reason-grid div,.review-grid blockquote{border-color:var(--mm-gold-light)}
.faq{background:linear-gradient(135deg,#F8E9E0,#FFF7E8)}
footer{background:linear-gradient(135deg,#5A0F19,#8F1D2C 55%,#6E1320);border-top:3px solid var(--mm-gold)}
.wa-link{color:#E8D49A!important}
.copy{border-top-color:rgba(232,212,154,.35)}
.pic>span{color:var(--mm-red)}
.collection-note{color:var(--mm-red)}
.fav.active{background:var(--mm-red)}
@media(max-width:700px){nav{background:#FFF9F2}}
