:root{--rose:#a86f7e;--dark:#46333a;--cream:#fcf9f7;--blush:#f7edef;--line:#e8d9dc;--muted:#74686c}*{box-sizing:border-box}body{margin:0;font:16px/1.7 'Segoe UI',Arial,sans-serif;background:var(--cream);color:var(--dark)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.2;font-weight:500}h1{font-size:clamp(2.7rem,5vw,5rem);margin:20px 0}h2{font-size:clamp(2rem,3vw,3rem);margin:14px 0 24px}h3{font-size:1.5rem}p{color:var(--muted)}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{background:#fffdfc;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:Georgia,serif;color:var(--rose);font-size:1.55rem;white-space:nowrap}.brand small{display:block;font:10px/1.2 Arial;letter-spacing:2px;color:var(--muted)}.links{display:flex;gap:24px;align-items:center}.links a{font-size:14px}.links a.active{color:var(--rose);font-weight:700}.menu-toggle{display:none}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;color:var(--rose)}.hero{min-height:590px;display:flex;align-items:center;background:linear-gradient(115deg,#f8edf0 0%,#fdf8f6 55%,#e9d2d7 100%)}.hero-inner{padding:95px 0}.hero p{max-width:590px;font-size:19px}.hero em{font-weight:400;color:var(--rose)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;border:1px solid var(--rose);background:var(--rose);color:white;padding:13px 24px;border-radius:3px;font:600 13px Arial;letter-spacing:.4px;cursor:pointer;text-align:center}.btn:hover{background:#885362}.btn.outline{background:transparent;color:var(--rose)}.section{padding-top:90px;padding-bottom:90px}.about>p{max-width:780px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.features article,.panel,.package-card{background:white;border:1px solid var(--line);padding:27px}.features span{color:var(--rose);font-size:25px}.blush{background:var(--blush)}.contact-grid,.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}label{display:block;font-size:13px;font-weight:650;margin-bottom:16px}input,select,textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #dacbd0;border-radius:3px;background:#fff;color:var(--dark);font:inherit}textarea{resize:vertical}.site-footer{background:#49363d;color:white;padding:45px 0}.site-footer p{color:#dfcdd2}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-inner a{margin-right:14px}.page-head{background:var(--blush);padding:75px 0}.page-head h1{font-size:clamp(2.6rem,4vw,4.2rem)}.intro{max-width:850px;margin-bottom:30px}.intro.second{margin-top:80px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.package-card{padding:0;overflow:hidden}.package-card img{width:100%;height:220px;object-fit:cover;display:block;background:#eee1e4}.package-body{padding:24px}.package-body h3{margin:8px 0}.package-body ul{padding-left:20px;color:var(--muted);font-size:14px}.price{font-size:25px;font-weight:700;color:var(--rose);margin:10px 0 0}.small{font-size:12px}.package-card .btn{width:100%;margin-top:15px}.narrow{max-width:850px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{cursor:pointer;font-weight:650;font-size:17px}.location-grid iframe{border:0;width:100%;min-height:350px}.checkout{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:start}.checkout .panel{padding:32px}.check{display:flex;align-items:flex-start;gap:10px}.check input{width:auto;margin-top:5px}.summary{position:sticky;top:110px}.summary-line{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:11px 0}.summary-line strong{text-align:right}.qr-wrap{text-align:center;margin:25px 0;padding:20px;background:var(--blush)}#qr-image{max-width:100%;width:260px;max-height:290px;object-fit:contain}.qr-placeholder{border:2px dashed #c9a7b0;padding:55px 12px;color:var(--muted)}.text-link{color:var(--rose);text-decoration:underline}@media(max-width:800px){.menu-toggle{display:block;background:none;border:0;font-size:25px;color:var(--dark)}.links{display:none;position:absolute;top:81px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:20px;border-bottom:1px solid var(--line)}.links.open{display:flex}.features,.contact-grid,.location-grid,.checkout,.package-grid{grid-template-columns:1fr}.hero{min-height:500px}.section{padding-top:65px;padding-bottom:65px}.summary{position:static}}

/* Premium Dar Afiyah finish */
:root{--rose:#a9677e;--dark:#382a31;--cream:#fffaf8;--blush:#f7e9ec;--line:#e8d6d9;--muted:#76666d;--gold:#b99a69}
body{background:radial-gradient(ellipse at 90% 3%,#f8e8eb 0%,transparent 38%),#fffaf8;letter-spacing:.005em}
.site-header{background:rgba(255,250,249,.96);box-shadow:0 7px 32px rgba(73,35,48,.055);backdrop-filter:blur(16px)}
.brand{font-size:1.75rem;letter-spacing:.02em}.brand small{letter-spacing:2.8px;margin-top:3px}
.links a{padding:8px 4px;transition:color .2s}.links a:hover{color:var(--rose)}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 83% 24%,rgba(215,157,174,.55),transparent 42%),linear-gradient(118deg,#fff9f7 0%,#f9edf0 46%,#ead0d8 100%)}
.hero:after{content:'';position:absolute;width:520px;height:520px;right:-135px;bottom:-270px;border:1px solid rgba(255,255,255,.65);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.09),0 0 0 110px rgba(255,255,255,.07);pointer-events:none}
.hero-inner{position:relative;z-index:1}.hero h1{max-width:900px;letter-spacing:-.035em}.hero em{background:linear-gradient(115deg,#9d5d73,#bd8798,#997144);background-clip:text;-webkit-background-clip:text;color:transparent}
.eyebrow{color:#a47478;letter-spacing:3.4px}.eyebrow:before{content:'';display:inline-block;width:20px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}
.btn{border-radius:40px;padding:14px 27px;background:linear-gradient(120deg,#a3647b,#c18d9d);border:1px solid #ac7586;box-shadow:0 8px 19px rgba(140,76,96,.16);transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 13px 27px rgba(140,76,96,.23);background:linear-gradient(120deg,#94556a,#b17b8d)}.btn.outline{box-shadow:none;background:rgba(255,255,255,.45)}
.section{padding-top:105px;padding-bottom:105px}.blush{background:linear-gradient(140deg,#faeef0,#f7e7ea 55%,#fff7f4)}
.features article,.panel,.package-card{border:1px solid rgba(179,132,143,.19);border-radius:18px;box-shadow:0 14px 45px rgba(88,52,63,.07)}
.features article{padding:33px;background:linear-gradient(155deg,#fff,#fff9f8)}.features span{color:var(--gold)}
.page-head{background:radial-gradient(ellipse at 80% 15%,rgba(206,148,165,.35),transparent 55%),linear-gradient(115deg,#fff8f6,#f4e1e7);border-bottom:1px solid #efdee2}.page-head h1{letter-spacing:-.03em}
.package-grid{gap:27px}.package-card{transition:transform .25s,box-shadow .25s;background:#fff}.package-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(88,52,63,.14)}.package-card img{height:245px;background:linear-gradient(135deg,#f5e5e8,#ead2d8);color:#805b67;font:14px Arial}.package-card img.missing-photo{object-fit:contain;padding:40px}.package-body{padding:29px}.package-body h3{font-size:1.75rem}.price{font-size:29px;color:#9c6075}.package-body ul{line-height:2}.package-card .btn{margin-top:19px}
input,select,textarea{border-radius:9px;border:1px solid #e2ccd2;padding:13px 15px}input:focus,select:focus,textarea:focus{outline:2px solid #cba2ad;outline-offset:1px}.checkout .panel{padding:38px}.qr-wrap{border-radius:14px;background:linear-gradient(140deg,#f8e9ed,#fff9f7)}.qr-placeholder{border-radius:12px}.faq-list details{background:#fff;border:1px solid #eadce0;border-radius:12px;margin:12px 0;padding:19px 23px;box-shadow:0 8px 24px rgba(88,52,63,.035)}.faq-list summary{color:#61404d}.site-footer{background:linear-gradient(120deg,#36272f,#684553)}
@media(max-width:800px){.section{padding-top:70px;padding-bottom:70px}.checkout .panel{padding:24px}.package-card img{height:225px}}

/* Brand identity and photo-led hero */
.brand{display:inline-flex;align-items:center;gap:12px}.brand-logo{width:53px;height:53px;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 3px 16px #633c5020;padding:3px;flex-shrink:0}.brand span{display:block}.language-control{margin-left:10px}.language-control select{background:#fff9fb;color:#563647;border:1px solid #d9b9c4;border-radius:30px;padding:10px 14px;font:inherit;max-width:155px;cursor:pointer}.nav{gap:16px}.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,rgba(35,20,31,.44) 0%,rgba(62,35,49,.35) 30%,rgba(114,68,87,.58) 65%,#f7edf0 100%),url('hero.jpg') center center/cover no-repeat;min-height:660px;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,16,27,.45),transparent 90%);z-index:-1}.hero-inner{position:relative;z-index:1}.hero h1,.hero p,.hero .eyebrow{color:#fff!important;text-shadow:0 2px 22px #21101d55}.hero .btn.outline{color:#fff;border-color:#fff9;background:#ffffff18}.hero .btn.outline:hover{background:#ffffff33}.hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:155px;background:linear-gradient(0deg,#f7edf0,transparent);pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:750px){.brand-logo{width:40px;height:40px}.language-control select{max-width:105px;padding:8px 4px;font-size:12px}.hero{min-height:580px;background-position:60% center}.hero-inner{padding-top:55px;padding-bottom:110px}.nav{flex-wrap:wrap}.links{order:3}}

/* Dar Afiyah logo-inspired rose-gold visual system */
:root{--rose:#b14e67;--dark:#4b2837;--cream:#fff9f5;--blush:#f8e8e7;--line:#e8c9c7;--muted:#775962;--gold:#c78b59}
body{background:linear-gradient(145deg,#fffaf7 0%,#fff4f0 48%,#f8e8e7 100%);font-family:'Segoe UI',Arial,sans-serif}
.site-header{background:linear-gradient(105deg,#fffaf7 0%,#ffe8e1 50%,#fff6f2 100%);border-bottom:1px solid #e9c6b9;box-shadow:0 8px 35px #6e34401a}
.brand{color:#9c3854}.brand-logo{width:70px;height:70px;padding:2px;border-radius:50%;background:#fff1e9;box-shadow:0 0 0 2px #d79a7a,0 7px 22px #85425730}
.brand small{color:#80545c}.links a.active{color:#a83e5c}.links a:hover{color:#b14e67}
.hero{background:linear-gradient(90deg,rgba(48,17,30,.78),rgba(77,32,48,.43) 56%,rgba(80,36,47,.3)),linear-gradient(0deg,#f8e8e7 0%,transparent 35%),url('hero.jpg') center/cover no-repeat;min-height:690px}
.hero:after{background:linear-gradient(0deg,#fff7f2 0%,#f8e8e7b8 38%,transparent 100%);height:180px}
.hero .eyebrow{color:#ffdfc5!important}.hero h1 em{color:#ffe0c6!important}
.btn{background:linear-gradient(115deg,#a83e5c,#cf806e 70%,#c58b5e);border:1px solid #b65b66;border-radius:9px;box-shadow:0 8px 20px #963f5226;transition:transform .2s,box-shadow .2s}
.btn:hover{background:linear-gradient(115deg,#92344f,#b96d64);transform:translateY(-2px);box-shadow:0 12px 24px #963f5230}
.features article,.panel,.package-card{border:1px solid #eacdc3;border-radius:17px;box-shadow:0 16px 40px #824c4b13}
.package-card{transition:transform .25s,box-shadow .25s}.package-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px #824c4b24}
.package-card img{height:250px;background:linear-gradient(135deg,#f7d6ce,#e9b4ad,#d89b8f)}
.page-head,.blush{background:linear-gradient(125deg,#fff8f3 0%,#f7e4e4 52%,#efcbc3 100%)}
.price{color:#a73e59}.eyebrow{color:#aa5361}.site-footer{background:linear-gradient(120deg,#512b3a,#773e4d 65%,#975965)}
.language-control{flex-shrink:0}.language-control select{max-width:none;min-width:145px;border-color:#d6a899;background:#fff9f6;font-size:13px}
@media(max-width:900px){.nav{gap:10px}.links{gap:12px}.brand{font-size:1.35rem}.brand-logo{width:52px;height:52px}.language-control select{min-width:110px;max-width:135px}}
@media(max-width:750px){.nav{flex-wrap:nowrap}.brand{font-size:1.05rem}.brand small{font-size:8px;letter-spacing:1.2px}.brand-logo{width:42px;height:42px}.language-control{margin-left:auto}.language-control select{min-width:93px;max-width:115px;font-size:11px;padding:7px 5px}.menu-toggle{order:3}.links{top:80px}.hero{min-height:600px}}

/* Homepage story sections */
.story-section{max-width:1160px}.story-section>p{max-width:830px}.story-lead{font-size:1.18rem;line-height:1.9}.story-section h2 em,.section h2 em{color:#a35c73;font-weight:400}.story-highlight{margin-top:38px;padding:24px 30px;background:linear-gradient(115deg,#fae0e8,#fff7f4);border-left:4px solid #a65d76;border-radius:12px;font:italic 1.75rem Georgia,serif;color:#853b59}.story-highlight em{color:#b27389}.story-highlight span{display:block;font:600 .75rem Arial,sans-serif;letter-spacing:2px;margin-top:10px;text-transform:uppercase}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:38px 0}.story-grid article{background:#fffaf9;padding:26px;border:1px solid #ead0d9;border-radius:15px}.story-grid b{color:#a35c73;font-size:2rem}.story-grid h3{font-size:1.35rem;margin:8px 0}.story-grid p{margin:0}.story-quote{text-align:center;color:#934b66;font:italic 1.4rem Georgia,serif;margin:35px auto 0;max-width:750px}.story-quote span{display:block;font:normal .95rem Arial,sans-serif;margin-top:10px}.behind-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:32px 0}.behind-grid>div{border:1px solid #e8cdd5;background:white;padding:24px;border-radius:15px}.behind-grid span{display:block;color:#b67d90;font:600 .85rem Arial;margin-bottom:12px}.behind-grid strong{font:1.3rem Georgia,serif;color:#773b53}.behind-grid p{margin-bottom:0}.story-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.story-actions .outline{color:#9b5b72;background:transparent}@media(max-width:800px){.story-grid,.behind-grid{grid-template-columns:1fr}.story-highlight{font-size:1.4rem;padding:20px}.story-lead{font-size:1.06rem}}

.tier-section{margin:0 0 4rem}.tier-section .intro{margin-bottom:1.5rem}.tier-section .package-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tier-section .package-card{display:flex;flex-direction:column}.tier-section .package-body{flex:1;display:flex;flex-direction:column}.tier-section .package-body .btn{margin-top:auto}.tier-section .package-card img{display:none}

/* User-supplied room photography and poster-derived amenity photos */
.story-grid .amenity-photo{width:100%;height:170px;object-fit:cover;display:block;border-radius:11px;margin:0 0 15px;background:#f8e9ec}.tier-section .package-card img{display:block;height:185px;object-fit:cover}.tier-section .package-card .package-body{padding:22px}

/* Dar Afiyah supplied hero artwork: preserve existing typography and overlay */
.hero{background-image:linear-gradient(90deg,rgba(48,17,30,.78),rgba(77,32,48,.43) 56%,rgba(80,36,47,.3)),linear-gradient(0deg,#f8e8e7 0%,transparent 35%),url('hero.png');background-position:center center;background-size:cover}
@media(max-width:750px){.hero{background-position:58% center}}

/* Clean seamless fade from hero photo to page, without decorative circles */
.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;top:auto;width:auto;height:210px;border:0;border-radius:0;box-shadow:none;background:linear-gradient(to bottom,rgba(255,249,245,0) 0%,rgba(255,249,245,.32) 30%,rgba(255,249,245,.8) 70%,#fff9f5 100%);pointer-events:none;z-index:2}
.hero:before{border-radius:0;box-shadow:none}

.bank-payment{margin:25px 0;padding:23px;background:linear-gradient(135deg,#f9e9ed,#fff9f7);border:1px solid #efd5dd;border-radius:14px}.bank-payment h3{margin:7px 0}.bank-details{background:#fff;border-radius:10px;padding:10px 16px}.bank-details>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #efdee2;padding:11px 0}.bank-details>div:last-child{border:0}.bank-details span{color:#765b66}.bank-details strong{text-align:right;overflow-wrap:anywhere}.bank-copy{margin:15px 0 0}.receipt-label{margin-top:18px}.bank-payment input[type=file]{font-size:13px;background:#fff}@media(max-width:520px){.bank-details>div{display:block}.bank-details strong{display:block;text-align:left}}


/* Floating WhatsApp Button */
.floating-whatsapp {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 60px;
  height: 60px;
  background: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 18px rgba(0,0,0,0.25);
  z-index: 9999;
  text-decoration: none;
}

.floating-whatsapp:hover {
  transform: scale(1.08);
}

.floating-whatsapp svg {
  width: 34px;
  height: 34px;
  fill: white;
}