:root{--paper:#fcf9f7;--ink:#3b2d28;--muted:#806b63;--rose:#cb8d7f;--rose-dark:#7c483e;--line:#e8ddd6;--blush:#f4e6e0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Almarai,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--rose-dark);outline-offset:5px}a,summary{-webkit-tap-highlight-color:transparent}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-100px;background:white;padding:14px;z-index:10}.skip:focus{top:10px}.site-header{height:116px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{width:166px;display:block}.brand img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.site-header nav{display:flex;gap:36px;font-size:14px}.site-header nav a{padding:12px 0}.header-contact{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:100px;padding:10px 18px;font-size:14px}.header-contact svg{width:18px;height:18px}.welcome{text-align:center;padding:40px 0 34px}.eyebrow{font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:12px}.eyebrow span{height:1px;width:24px;background:var(--rose)}h1{font-size:clamp(28px,3.3vw,44px);line-height:1.5;margin:12px 0 8px;letter-spacing:-1px}h1 em{font-style:normal;color:#a46557}.welcome p{font-size:16px;color:var(--muted);margin:0}.essentials{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.feature{border-radius:8px;padding:24px 30px;min-height:216px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-3px);box-shadow:0 12px 28px #6e443210}.shop{background:#ca8d7e;color:#35221e}.prices{background:#f0e9e1;border:1px solid #e7ddd3}.feature-top{display:flex;justify-content:space-between;align-items:center}.icon-box{display:grid;place-items:center;width:42px;height:42px;border:1px solid #3b2d282b;border-radius:50%}.english{font-family:Arial,sans-serif;letter-spacing:2px;font-size:11px;opacity:.8}.feature-bottom{display:flex;justify-content:space-between;gap:12px;align-items:end}.kicker{font-size:13px}.feature h2{font-size:25px;line-height:1.6;margin:4px 0 12px}.feature-action{display:flex;gap:16px;align-items:center;font-size:14px;font-weight:700}.feature-action svg{width:20px;height:20px}.feature-number{font-family:Georgia,serif;font-size:70px;line-height:.9;opacity:.1}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:32px 0 18px}.overline{font:10px Arial,sans-serif;letter-spacing:2px;color:var(--muted)}.section-heading h2{font-size:25px;margin:4px 0 0}.section-note{font-size:13px;color:var(--muted)}.branch-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.branch{background:#fffdfa;border:1px solid var(--line);border-radius:8px;overflow:hidden}.branch-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 20px}.branch-heading>div{display:flex;align-items:center;gap:9px}.branch-heading svg{color:#a46557;width:20px;height:20px}.branch h3{font-size:18px;margin:0}.branch-label{font-size:12px;color:var(--muted)}iframe{display:block;width:100%;height:220px;border:0;background:#eee9e4}.branch-details,.branch-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px}.branch-details p{font-size:14px;margin:0}.branch-details a{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--rose-dark);white-space:nowrap;min-height:36px}.branch-details svg{width:18px;height:18px}.branch-footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted);padding:10px 20px;flex-wrap:wrap}.branch-footer a{display:flex;align-items:center;gap:6px;min-height:32px;color:var(--rose-dark);font-size:13px}.branch-footer svg{width:16px;height:16px}.booking{display:flex;align-items:center;gap:24px;border-block:1px solid var(--line);padding:30px 0;margin-top:36px}.booking-icon{width:64px;height:64px;border-radius:50%;background:var(--blush);display:grid;place-items:center;color:var(--rose-dark)}.booking-icon svg{width:28px;height:28px}.booking h2{font-size:25px;margin:2px 0 0}.booking p{margin:4px 0 0;font-size:14px;color:var(--muted)}.button{display:flex;gap:24px;align-items:center;justify-content:center;background:var(--ink);color:#fff9f5;border-radius:4px;padding:13px 24px;margin-inline-start:auto;font-size:14px}.button:hover{background:var(--rose-dark)}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.social-grid>a{display:flex;align-items:center;gap:14px;min-height:94px;border:1px solid var(--line);border-radius:6px;padding:16px;transition:background .2s}.social-grid>a:hover{background:var(--blush)}.social-grid>a>svg:first-child{color:var(--rose-dark);width:23px;height:23px}.social-grid span{font-size:15px}.social-grid small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.small-arrow{width:17px;height:17px;margin-inline-start:auto}.store-support{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f5eee9;padding:22px 24px;margin-top:20px;border-radius:6px}.store-support strong{font-size:16px}.store-support p{font-size:13px;color:var(--muted);margin:4px 0 0}.store-support>a{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--rose-dark);white-space:nowrap;min-height:44px}.product-socials{padding:18px 0;color:var(--muted);font-size:14px}.product-socials summary{cursor:pointer;width:fit-content;min-height:44px;align-content:center}.product-socials>div{display:flex;gap:28px;flex-wrap:wrap}.product-socials a{display:flex;align-items:center;gap:8px;min-height:44px}.product-socials svg{width:19px;height:19px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0;margin-top:24px;font-size:12px;color:var(--muted)}footer>div{display:flex;flex-direction:column;gap:4px}footer strong{font-size:20px;color:var(--ink)}footer>div span{font:10px Arial,sans-serif;letter-spacing:1px}footer>a{display:flex;gap:8px;align-items:center;min-height:44px}footer svg{width:17px;height:17px}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{height:96px}.brand{width:136px}.site-header nav{gap:20px}.essentials{grid-template-columns:1fr 1fr;gap:12px}.feature{padding:20px;min-height:215px}.feature h2{font-size:21px}.feature-number{display:none}.english{font-size:9px;letter-spacing:1px}.social-grid{grid-template-columns:1fr 1fr}.branch-details{align-items:start;flex-direction:column;gap:2px}.branch-footer{min-height:80px}}@media(max-width:520px){.wrap{width:calc(100% - 32px)}.site-header{height:83px}.brand{width:114px}.site-header nav{display:none}.header-contact{font-size:12px;padding:8px 12px;gap:8px}.welcome{padding:24px 0 22px}.eyebrow{font-size:11px}h1{font-size:27px;letter-spacing:-.6px;margin:8px 0}.welcome p{font-size:14px}.feature{padding:16px;min-height:194px;border-radius:6px}.feature-top{align-items:start}.icon-box{width:32px;height:32px}.icon-box svg{width:18px;height:18px}.english{font-size:8px;letter-spacing:1px;max-width:70px;text-align:left;line-height:1.6}.kicker{font-size:11px;line-height:1.6;display:block;margin-top:14px}.feature h2{font-size:19px;line-height:1.6;margin:6px 0 10px}.feature-action{font-size:11px;gap:6px}.feature-action svg{width:16px}.section-heading{margin:24px 0 12px}.section-heading h2{font-size:23px}.section-note{font-size:11px}.overline{font-size:9px;letter-spacing:1.7px}.branch-grid{grid-template-columns:1fr 1fr;gap:12px}.branch-heading{padding:12px 10px}.branch-heading>div{gap:5px}.branch h3{font-size:15px}.branch-heading svg{width:16px;height:16px}.branch-label{display:none}iframe{height:178px}.branch-details{padding:10px;gap:3px}.branch-details p{font-size:11px;min-height:38px;line-height:1.8}.branch-details a{font-size:12px}.branch-footer{padding:10px;gap:6px;min-height:96px;align-content:start;line-height:1.8;font-size:11px}.branch-footer a{font-size:12px}.booking{gap:14px;flex-wrap:wrap;padding:22px 0;margin-top:26px}.booking-icon{width:46px;height:46px}.booking h2{font-size:23px}.booking p{font-size:12px}.button{width:100%;margin:2px 0 0;min-height:48px}.social-grid{gap:10px}.social-grid>a{padding:13px;gap:10px;min-height:83px}.social-grid span{font-size:13px}.social-grid small{font-size:11px}.social-grid .small-arrow{display:none}.store-support{padding:18px;display:block}.store-support strong{font-size:15px}.store-support p{font-size:12px}.store-support>a{margin-top:8px;font-size:13px}footer{flex-wrap:wrap;gap:12px;padding:22px 0}footer>span{width:100%;font-size:11px}.product-socials{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep essential actions legible on narrow phones. */
@media(max-width:520px){.feature-action{font-size:12px}.header-contact{font-size:13px}.branch-details p,.branch-footer{font-size:12px}.branch-details a,.branch-footer a{font-size:14px;min-height:44px}.social-grid span{font-size:14px}.social-grid small{font-size:12px}.store-support p{font-size:14px}.store-support>a{font-size:14px}.section-note{font-size:12px}.booking p{font-size:14px}.product-socials{font-size:14px}}

/* Quiet botanical atmosphere, using the artwork from the approved brochure. */
body{position:relative;isolation:isolate}
.botanical-background{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.botanical-background span{position:absolute;display:block;background:#957667;mask-repeat:no-repeat;mask-size:contain;mask-mode:luminance}
.botanical-background span:first-child{width:630px;height:660px;right:-290px;top:90px;opacity:.065;mask-image:url('assets/palm-mask.png');transform:rotate(-20deg)}
.botanical-background span:last-child{width:650px;height:680px;left:-320px;top:760px;opacity:.05;mask-image:url('assets/leaves-mask.png');transform:rotate(24deg)}
.header-contact{color:var(--rose-dark);background:#f2e3dd;border:1px solid #e8cfc5;border-radius:6px;min-height:44px;padding:10px 17px;gap:10px;line-height:1.4;font-weight:700;transition:background .2s,border-color .2s}
.header-contact:hover{background:#ead3ca;border-color:#d4aa9a}
.header-contact svg{width:21px;height:21px;display:block;overflow:visible}
svg:has(use[href="#wa"]) {
  fill: currentColor;
  stroke: none;
}
.spa-story{position:relative;display:grid;grid-template-columns:.75fr 1.65fr;gap:36px;align-items:center;padding:44px 36px;margin-top:40px;background:#f4ebe4;border:1px solid #eaded4;border-radius:8px;overflow:hidden}
.spa-story:before{content:"";position:absolute;width:400px;height:410px;right:-160px;bottom:-170px;background:#967561;opacity:.07;mask:url('assets/palm-mask.png') center/contain no-repeat;mask-mode:luminance;pointer-events:none}
.spa-copy{position:relative}.spa-copy h2{font-size:40px;line-height:1.6;margin:12px 0;letter-spacing:-1px}.spa-copy h2 em{font-style:normal;color:#a46557}.spa-copy p{font-size:15px;line-height:2;color:var(--muted);margin:0 0 24px}.spa-copy .button{width:fit-content;margin:0;background:var(--rose-dark);min-height:48px}.spa-copy .button:hover{background:var(--ink)}
.spa-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start;direction:rtl}.spa-photo{margin:0;min-width:0}.spa-photo a{display:block;overflow:hidden;border-radius:80px 80px 5px 5px;background:#e4d8ce;transition:transform .2s,box-shadow .2s}.spa-photo a:hover{transform:translateY(-3px);box-shadow:0 8px 20px #6e443218}.spa-photo img{display:block;width:100%;height:270px;object-fit:cover}.spa-photo.interior img{height:300px;object-position:center center}.spa-photo.dalka{margin-top:20px}.spa-photo.dalka img{height:270px;object-position:center center}.spa-photo.hospitality{margin-top:40px}.spa-photo.hospitality a{border-radius:5px}.spa-photo.hospitality img{height:250px;object-position:center 48%}.spa-photo figcaption{font-size:13px;margin-top:11px;color:var(--ink)}.spa-photo figcaption span{display:block;font-size:10px;color:var(--muted);margin-top:3px}
@media(max-width:800px){.spa-story{gap:22px;padding:26px 18px;grid-template-columns:.7fr 1.3fr}.spa-copy h2{font-size:28px}.spa-photo img{height:210px}.spa-photo.interior img{height:235px}.spa-photo.dalka{margin-top:14px}.spa-photo.dalka img{height:210px}.spa-photo.hospitality{margin-top:28px}.spa-photo.hospitality img{height:196px}.spa-photos{gap:10px}.spa-copy p{font-size:14px}}
@media(max-width:520px){.botanical-background span:first-child{width:390px;height:410px;right:-225px;top:80px;opacity:.075}.botanical-background span:last-child{width:440px;height:470px;left:-290px;top:900px;opacity:.06}.header-contact{padding:10px 12px;gap:8px;font-size:13px}.header-contact svg{width:20px;height:20px}.spa-story{display:flex;flex-direction:column;align-items:stretch;padding:24px 16px;gap:22px;margin-top:28px}.spa-copy h2{font-size:29px;line-height:1.5;margin:10px 0}.spa-copy h2 br{display:none}.spa-copy h2 em:before{content:' '}.spa-copy p{font-size:14px;margin-bottom:18px}.spa-copy .button{width:100%;font-size:14px}.spa-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.spa-photo img{height:185px}.spa-photo.interior img{height:205px}.spa-photo.dalka{margin-top:12px}.spa-photo.dalka img{height:185px}.spa-photo.hospitality{margin-top:24px}.spa-photo.hospitality img{height:173px}.spa-photo figcaption{font-size:11px}.spa-photo figcaption span{font-size:9px}.spa-story:before{width:290px;height:300px;bottom:auto;top:-90px;right:-120px;opacity:.055}}
/* A barely visible photograph of the real spa softens the page edges. */
.botanical-background:before{content:"";position:absolute;top:120px;left:-100px;width:510px;height:720px;background:url('assets/spa-interior.jpg') center top/cover no-repeat;filter:grayscale(1);opacity:.045;mask-image:linear-gradient(to right,#000,transparent 92%),linear-gradient(to bottom,transparent,#000 15%,#000 55%,transparent 90%);mask-composite:intersect}
.botanical-background span:first-child{opacity:.04}.botanical-background span:last-child{opacity:.035}.spa-story:before{opacity:.035}
@media(max-width:520px){.botanical-background:before{top:90px;left:-125px;width:330px;height:510px;opacity:.035}.botanical-background span:first-child{opacity:.05}}

/* Um Amal & Store Support styling */
.um-amal-section{margin-top:40px}
.um-amal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.um-amal-grid>a{display:flex;align-items:center;gap:14px;min-height:86px;border:1px solid var(--line);border-radius:6px;padding:16px;background:#fffdfa;transition:background .2s}
.um-amal-grid>a:hover{background:var(--blush)}
.um-amal-grid>a>svg:first-child{color:var(--rose-dark);width:23px;height:23px}
.um-amal-grid span{font-size:15px}
.um-amal-grid small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.store-support-section{margin-top:28px}
.store-support-section .store-support{margin-top:0}
@media(max-width:520px){.um-amal-section{margin-top:28px}.um-amal-grid{grid-template-columns:1fr;gap:10px}.um-amal-grid>a{padding:13px;gap:10px;min-height:74px}.um-amal-grid span{font-size:14px}}

.footer-branches{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink);text-align:left}
.footer-branches strong{font-size:13px;color:var(--rose-dark);margin-bottom:2px}
.footer-branches a{color:var(--ink);transition:color .2s}
.footer-branches a:hover{color:var(--rose-dark)}
@media(max-width:520px){.footer-branches{text-align:right;margin-top:8px}}

button:focus-visible{outline:3px solid var(--rose-dark);outline-offset:5px}
.wa-modal-close{min-width:44px;min-height:44px}
.wa-modal-content h3{padding-inline-end:38px}
@media(max-width:520px){.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.social-grid>a:last-child:nth-child(odd){grid-column:1/-1}.spa-photo figcaption{font-size:12px}.spa-photo figcaption span{font-size:10px}}

/* WhatsApp Modal & Social Grid adjustment */
.social-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
button.header-contact{font-family:inherit;cursor:pointer}
.wa-modal{border:none;border-radius:12px;padding:0;background:transparent;max-width:420px;width:calc(100% - 32px)}
.wa-modal::backdrop{background:rgba(59,45,40,0.5);backdrop-filter:blur(4px)}
.wa-modal-content{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;position:relative;text-align:right}
.wa-modal-close{position:absolute;top:14px;left:14px;background:none;border:none;font-size:24px;color:var(--muted);cursor:pointer;line-height:1}
.wa-modal-content h3{margin:0 0 8px;font-size:18px;color:var(--ink)}
.wa-modal-content p{margin:0 0 16px;font-size:13px;color:var(--muted)}
.wa-modal-options{display:flex;flex-direction:column;gap:10px}
.wa-modal-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:#fffdfa;transition:all .2s;color:var(--ink)}
.wa-modal-btn:hover{background:var(--blush);border-color:var(--rose)}
.wa-modal-btn svg{color:var(--rose-dark);width:22px;height:22px}
.wa-modal-btn strong{display:block;font-size:14px}
.wa-modal-btn small{font-size:12px;color:var(--muted)}