:root{--ink:#163a3d;--ink2:#0c292f;--muted:#6e7774;--cream:#faf9f5;--sand:#f1efe8;--line:#dedfd7;--orange:#dd7956;--orangeDark:#c96142;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}html[dir=rtl] body{font-family:Tajawal,'DM Sans',sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.shell{width:min(1250px,calc(100% - 92px));margin:auto}.site-header{height:91px;position:relative;z-index:20;background:#fff;transition:.25s}.site-header.scrolled{box-shadow:0 4px 28px #163a3d10}.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:10px;align-items:center;color:#12373d;letter-spacing:-1.4px;font:800 24px/1 Manrope,sans-serif;white-space:nowrap}.brand>span{display:inline-block}.brand-accent{color:#ce7250}.brand small{letter-spacing:-.4px;font-size:10px;font-weight:700;margin-inline-start:2px}.nav-links{display:flex;align-items:center;gap:37px;font-size:13px;font-weight:700}.nav-links>a:not(.button){transition:color .2s}.nav-links>a:not(.button):hover{color:var(--orange)}.lang-switch{display:flex;align-items:center;gap:4px;padding:4px;border-radius:30px;background:#f4f4ef}.lang-switch a{padding:7px 9px;border-radius:20px;font-size:10px;line-height:1.4;color:#7b8783}.lang-switch a.active{color:white;background:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:21px;border:none;border-radius:8px;padding:15px 23px;font-size:13px;font-weight:800;line-height:1.2;min-height:52px;white-space:nowrap;transition:background .22s,transform .22s,box-shadow .22s}.button:hover{transform:translateY(-2px)}.button-dark{color:white;background:var(--ink)}.button-dark:hover{background:#28565a}.button-light{background:#f8f3e7;color:#17373a}.button-light:hover{background:white}.button-orange{background:var(--orange);color:white}.button-orange:hover{background:var(--orangeDark)}.button-outline{border:1px solid #b8c8bf;color:var(--ink);background:#fff}.nav-cta{padding:12px 18px;min-height:42px;font-size:12px;gap:18px}.mobile-toggle{display:none}.hero{height:min(730px,68vw);min-height:600px;position:relative;color:#fff;overflow:hidden;background:#173941}.hero-art{position:absolute;inset:0;background-image:url('/assets/img/hero-coast.svg');background-position:center 44%;background-size:cover;transform:scale(1.005)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,37,45,.89),rgba(10,39,43,.7) 32%,rgba(16,54,59,.08) 86%),linear-gradient(0deg,rgba(7,30,35,.35),transparent 50%)}.hero-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:8px}.hero-kicker{display:flex;align-items:center;gap:12px;font:700 11px Manrope,sans-serif;letter-spacing:2.8px;color:#d6e7dc}.pulse{height:7px;width:7px;background:#e6a875;border-radius:50%;box-shadow:0 0 0 6px #e6a87532}.hero h1{font:800 clamp(51px,5.15vw,86px)/1.11 Manrope,Tajawal,sans-serif;letter-spacing:-4px;max-width:800px;margin:25px 0 20px}.hero p{max-width:560px;color:#ecf2ecb8;line-height:1.8;font-size:16px;margin:0}.hero-actions{display:flex;gap:36px;align-items:center;margin-top:36px}.hero-text-link{font-size:13px;font-weight:800;display:flex;gap:14px;align-items:center;color:#faf8f4}.hero-text-link span{font-size:23px;font-weight:400}.hero-bottom{position:absolute;bottom:38px;inset-inline:0;display:flex;justify-content:space-between;align-items:center;font:700 10px Manrope,sans-serif;letter-spacing:1.6px;color:#ffffffcf}.hero-note span{padding:0 9px;opacity:.5}.hero-pagination{display:flex;gap:7px}.hero-pagination span{width:7px;height:7px;border-radius:100px;background:#ffffff70}.hero-pagination span:first-child{width:29px;background:white}.search-bar-section{position:relative;margin-top:-43px;z-index:4}.filter-panel{padding:17px 20px;background:white;border:1px solid #e9eae4;box-shadow:0 20px 45px #1e3f4721;border-radius:12px;display:grid;grid-template-columns:1.6fr 1fr 1fr auto;align-items:stretch;gap:0}.filter-field{padding:3px 23px;border-inline-end:1px solid #e9eae3;min-width:0}.filter-field:first-child{padding-inline-start:12px}.filter-field label{display:block;font-size:10px;font-weight:800;color:#88918d;letter-spacing:.65px;margin:0 0 7px;text-transform:uppercase}.filter-control{display:flex;align-items:center;gap:10px}.filter-control svg{flex-shrink:0;color:#8f9995}.filter-field input,.filter-field select{width:100%;padding:5px 1px;border:0;outline:0;background:white;color:var(--ink);font-size:13px;font-weight:600}.filter-field input::placeholder{color:#b5bcb8}.filter-panel .button{margin-inline-start:14px;padding-inline:25px}.section{padding:105px 0}.stays-section{padding-top:105px;padding-bottom:125px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:46px;gap:20px}.eyebrow{display:flex;gap:10px;align-items:center;font-size:10px;line-height:1.4;letter-spacing:2.3px;font-weight:800;color:var(--orangeDark);font-family:Manrope,Tajawal,sans-serif;text-transform:uppercase}.eyebrow-line{width:20px;height:1px;background:currentColor;display:inline-block}.section h2,.explore-header h2,.steps-layout h2,.cta-inner h2{font:800 clamp(34px,3.4vw,53px)/1.15 Manrope,Tajawal,sans-serif;letter-spacing:-1.9px}.section-top h2{margin:15px 0 13px}.dot{color:var(--orange)}.section-top p{color:var(--muted);font-size:14px;max-width:620px;line-height:1.75;margin:0}.result-number{display:flex;align-items:flex-end;gap:10px;padding-bottom:7px;color:#7b8681;font-size:11px;white-space:nowrap}.result-number strong{font:800 31px Manrope,sans-serif;color:var(--ink)}.stay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.stay-card{border-radius:13px;overflow:hidden;background:white;border:1px solid #e9eae5;box-shadow:0 5px 16px #29484c08;transition:transform .25s,box-shadow .25s;animation:riseIn .45s ease backwards;animation-delay:var(--delay)}.stay-card:hover{transform:translateY(-5px);box-shadow:0 23px 42px #29484c16}.stay-card-photo{height:233px;display:block;position:relative;overflow:hidden;background:#d9e3df}.stay-card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.stay-card:hover .stay-card-photo img{transform:scale(1.045)}.type-tag{position:absolute;top:17px;left:17px;padding:9px 12px;border-radius:5px;background:#fffdfa;color:var(--ink);font-size:10px;font-weight:800;box-shadow:0 3px 12px #20333d18}.stay-card-info{padding:25px 25px 23px}.stay-location{display:flex;align-items:center;gap:6px;color:var(--orangeDark);font-size:11px;font-weight:800}.stay-card h3{margin:12px 0 11px;font:800 21px/1.3 Manrope,Tajawal,sans-serif;letter-spacing:-.7px;min-height:28px}.stay-card h3 a:hover{color:var(--orangeDark)}.card-desc{height:63px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.6;color:#777e7b;font-size:12.5px;margin:0 0 14px}.tag-list{display:flex;gap:7px;flex-wrap:wrap;min-height:29px;align-content:flex-start}.tag-list span{font-size:10px;line-height:1.4;border-radius:4px;background:#f1f3ee;color:#697571;font-weight:700;padding:7px 9px}.stay-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edeee9;margin-top:21px;padding-top:17px;gap:10px}.price-display{font-size:12px;font-weight:800;color:var(--ink)}.round-arrow{width:35px;height:35px;border:1px solid #d8e2dd;border-radius:50%;display:grid;place-items:center;font-size:16px;transition:.2s}.round-arrow:hover{background:var(--ink);color:#fff}.filter-feedback{display:flex;gap:19px;align-items:center;margin:-15px 0 20px;color:var(--muted);font-size:13px}.filter-feedback a{text-decoration:underline;color:var(--orangeDark)}.empty-results{padding:65px;text-align:center;background:white;border:1px dashed #d7ded7;border-radius:15px;grid-column:1/-1}.empty-results span{font-size:48px}.empty-results h3{font-size:20px;font-weight:600;color:var(--muted)}.explore-section{padding:106px 0 112px;background:#10373d;color:white;position:relative;overflow:hidden}.explore-section:before{content:'';pointer-events:none;position:absolute;top:-50%;right:-20%;height:900px;width:900px;border-radius:50%;border:1px solid #ffffff0d;box-shadow:0 0 0 110px #ffffff04,0 0 0 220px #ffffff03}.explore-header{position:relative;max-width:620px}.light-eyebrow{color:#e0aa88}.explore-header h2{margin:20px 0 18px;max-width:580px}.explore-header p{color:#c2d3d2;font-size:14px;line-height:1.9;max-width:520px}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px;position:relative}.experience-card{background:#ffffff0b;border:1px solid #ffffff29;border-radius:10px;padding:29px 32px 34px;min-height:230px;transition:background .2s}.experience-card:hover{background:#ffffff19}.experience-index{font:800 12px Manrope,sans-serif;letter-spacing:1px;color:#b1d0ce}.experience-symbol{font:300 56px/1.1 Manrope,sans-serif;color:#dfa57f;margin-top:8px}.experience-card h3{font:800 19px Manrope,Tajawal,sans-serif;margin:12px 0 7px}.experience-card p{font-size:12.5px;line-height:1.8;color:#c2d6d2;margin:0}.steps-section{padding:110px 0}.steps-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:130px;align-items:center}.steps-layout h2{margin:20px 0 17px}.steps-layout p{font-size:14px;color:var(--muted);line-height:1.9;max-width:470px}.steps-list>div{border-bottom:1px solid #daddd4;display:grid;grid-template-columns:58px 1fr 30px;align-items:center;gap:10px;padding:22px 0}.steps-list>div:first-child{border-top:1px solid #daddd4}.steps-list span{font:700 12px Manrope,sans-serif;color:var(--orangeDark)}.steps-list h3{font:800 16px Manrope,Tajawal,sans-serif;letter-spacing:-.4px}.steps-icon{font-size:20px;color:var(--orange)}.bottom-cta{padding:95px 0 105px;text-align:center;background:#d58f69;color:#14383a}.cta-inner{display:flex;flex-direction:column;align-items:center}.bottom-cta .eyebrow{color:#fff9ec}.cta-inner h2{font-size:clamp(35px,4vw,58px);max-width:700px;margin:19px auto 12px}.cta-inner p{max-width:510px;font-size:14px;line-height:1.8;color:#21494a;margin-bottom:27px}.footer{background:#0c2b31;color:#fff;padding:77px 0 30px}.footer-top{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;padding-bottom:55px}.brand-footer{color:white}.brand-footer .brand-accent{color:#e2a386}.footer-top p{max-width:500px;font-size:13px;line-height:1.9;color:#acc2c0;margin-top:22px}.footer-mini{padding-left:45px;border-left:1px solid #34535a}.footer-mini .eyebrow{color:#e6b693;margin:0}.footer-mini p{margin:12px 0}.footer-mail{font-size:13px;color:#ffcfb6}.footer-bottom{border-top:1px solid #34535a;padding-top:26px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#a8bdbb;font-size:11px}.stay-detail{padding:36px 0 105px}.breadcrumb{display:flex;gap:14px;align-items:center;color:#8e9692;font-size:12px;margin-bottom:31px}.breadcrumb a{color:var(--orangeDark);font-weight:800}.detail-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.inline-tag{display:inline-flex;position:static;box-shadow:none;background:#eaf1ed;color:#38625f}.detail-header h1{font:800 clamp(34px,4.2vw,61px)/1.1 Manrope,Tajawal,sans-serif;letter-spacing:-2.3px;margin:17px 0}.detail-location{font-size:13px;color:#85918b;margin:0}.detail-price{font-weight:800;font-size:13px;background:white;border:1px solid #e4e8e0;padding:15px 21px;border-radius:8px;white-space:nowrap}.detail-gallery{display:grid;grid-template-columns:2fr 1fr;gap:13px;max-height:560px;border-radius:13px;overflow:hidden}.detail-gallery:has(:only-child){grid-template-columns:1fr}.detail-gallery .detail-main{height:100%;width:100%;object-fit:cover;min-height:400px;max-height:560px}.detail-side{display:grid;grid-template-rows:1fr 1fr;gap:13px;min-height:0}.detail-side img{width:100%;height:100%;max-height:274px;object-fit:cover}.detail-body{display:grid;grid-template-columns:1fr 350px;gap:80px;margin-top:66px}.detail-content h2{font:800 28px Manrope,Tajawal,sans-serif;letter-spacing:-1px;margin:19px 0}.detail-content p{font-size:15px;line-height:2;color:#697875;max-width:740px}.detail-content hr{border:0;border-top:1px solid #dce2da;margin:36px 0}.detail-highlights{display:flex;gap:12px;flex-wrap:wrap}.detail-highlights span{background:#edf3ed;padding:12px 14px;border-radius:8px;font-size:12px;color:#3f5e55;font-weight:700}.detail-highlights b{margin-inline-end:9px;color:#cc855d}.text-link{color:var(--orangeDark);font-size:13px;font-weight:800}.contact-card{align-self:start;background:white;border:1px solid #e6ebe4;border-radius:14px;padding:30px;box-shadow:0 15px 40px #13373b10;position:sticky;top:35px}.contact-card h3{font:800 25px Manrope,Tajawal,sans-serif;line-height:1.3;margin:15px 0}.contact-card>p{color:#748580;font-size:13px;line-height:1.8}.contact-card>strong{display:block;font-size:16px;margin:27px 0 17px}.contact-card .button{display:flex;width:100%;margin-top:10px}.contact-help{border-top:1px solid #e7ece7;padding-top:20px;margin-top:22px;font-size:11px;line-height:1.7;color:#81918a}.not-found{padding:110px 0;min-height:60vh}.not-found a{color:var(--orangeDark);font-weight:700}[dir=rtl] .type-tag{left:auto;right:17px}[dir=rtl] .footer-mini{border-left:0;border-right:1px solid #34535a;padding-left:0;padding-right:45px}[dir=rtl] .hero h1{letter-spacing:0}[dir=rtl] .section h2,[dir=rtl] .explore-header h2,[dir=rtl] .steps-layout h2{letter-spacing:0}
@keyframes riseIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.shell{width:min(100% - 48px,1100px)}.nav-links{gap:18px}.nav-cta{display:none}.hero{min-height:590px}.stay-grid{gap:17px}.stay-card-info{padding:22px 18px}.stay-card h3{font-size:18px}.steps-layout{gap:50px}.detail-body{gap:40px}}@media(max-width:760px){.shell{width:calc(100% - 34px)}.site-header{height:74px}.brand{font-size:21px}.brand img{width:37px;height:37px}.mobile-toggle{display:flex;flex-direction:column;gap:5px;background:#edf2ed;border:0;border-radius:8px;padding:11px}.mobile-toggle span{width:21px;height:2px;background:var(--ink)}.nav-links{position:absolute;left:0;right:0;top:74px;display:none;flex-direction:column;align-items:stretch;gap:0;background:white;padding:10px 22px 25px;box-shadow:0 15px 20px #15363b17}.nav-links.open{display:flex}.nav-links>a:not(.button){padding:14px 0;border-bottom:1px solid #eef0e9}.lang-switch{align-self:flex-start;margin-top:15px}.hero{height:635px;min-height:0}.hero-art{background-position:57% center}.hero-shade{background:linear-gradient(90deg,#10383dde,#14363ca6 75%,#183c3d66)}.hero-inner{justify-content:center;padding-bottom:15px}.hero h1{font-size:clamp(43px,11vw,66px);letter-spacing:-2.4px;line-height:1.12;max-width:510px}.hero p{font-size:14px;line-height:1.85}.hero-kicker{font-size:9px;letter-spacing:1.7px}.hero-actions{gap:23px;flex-wrap:wrap}.hero-bottom{bottom:25px}.search-bar-section{margin-top:-17px}.filter-panel{grid-template-columns:1fr 1fr;row-gap:13px;padding:18px;box-shadow:0 16px 27px #1e3f4712}.search-input-wrap{grid-column:1/-1;border-bottom:1px solid #e8eae4;padding-bottom:14px!important}.filter-field{padding:4px 9px;border-inline-end:0}.filter-field:nth-of-type(2){border-inline-end:1px solid #e8eae4}.filter-panel .button{grid-column:1/-1;margin:0}.stays-section{padding:76px 0 85px}.section-top{margin-bottom:33px}.section-top h2{font-size:36px;letter-spacing:-1.5px}.result-number{display:none}.stay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.stay-card-photo{height:185px}.stay-card-info{padding:18px 14px}.stay-card h3{font-size:17px}.tag-list span{font-size:9px}.price-display{font-size:11px}.stay-card-bottom{margin-top:15px}.explore-section{padding:75px 0}.explore-header h2{font-size:39px}.experience-grid{gap:11px;margin-top:34px}.experience-card{padding:22px 17px}.steps-section{padding:78px 0}.steps-layout{grid-template-columns:1fr;gap:25px}.bottom-cta{padding:75px 0}.footer{padding-top:55px}.footer-top{grid-template-columns:1fr;gap:23px;padding-bottom:37px}.footer-mini{border:0!important;padding:0!important}.detail-header{align-items:flex-start;flex-direction:column}.detail-gallery{max-height:420px}.detail-gallery .detail-main{min-height:300px}.detail-body{grid-template-columns:1fr;gap:35px}.contact-card{position:static}}@media(max-width:520px){.hero{height:590px}.hero h1{font-size:44px}.hero-actions .button{padding-inline:16px}.hero-text-link{font-size:12px}.stay-grid{grid-template-columns:1fr}.stay-card-photo{height:215px}.stay-card h3{font-size:20px}.stay-card-info{padding:22px 23px}.card-desc{height:auto;min-height:44px}.experience-grid{grid-template-columns:1fr}.experience-card{min-height:165px}.experience-symbol{font-size:42px}.experience-card h3{margin:4px 0}.section-top h2{font-size:34px}.detail-gallery{grid-template-columns:1fr}.detail-side{display:none}.detail-header h1{font-size:37px}.footer-bottom{font-size:10px}}
