﻿:root{--navy:#081d49;--green:#0b781a;--pale:#ebf7eb;--white:#fefefe;--line:#dce5ec;--muted:#50657c;--panel:#f6f9fb;--track:#d9e2e9}*{box-sizing:border-box}body{margin:0;background:var(--white);color:var(--navy);font-family:"Noto Kufi Arabic","Open Sans",Arial,sans-serif;font-size:16px}svg.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.logo{width:282px;height:45px;object-fit:contain}nav{display:flex;align-items:center;gap:45px;font-weight:700;font-size:15px}.english{font-family:"Open Sans",sans-serif;border-right:1px solid var(--line);padding-right:28px}.back,.mobile-title,.mobile-icon,.count,.dots,.ptm-unit-hamburger{display:none}main{padding:0 30px 15px}.breadcrumb{height:51px;display:flex;align-items:center;gap:17px;font-size:12px;color:var(--muted)}.breadcrumb b{font-size:19px;font-weight:400}.breadcrumb span{font-family:"Open Sans",sans-serif}.gallery{height:319px;display:grid;grid-template-columns:1.88fr 1fr;gap:4px;position:relative}.hero{display:block;min-width:0}.hero img{width:100%;height:100%;object-fit:cover;border-radius:12px}.thumbnails{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;min-height:0}.thumbnails img{width:100%;height:100%;object-fit:cover;border-radius:4px;min-height:0}.more{position:relative;overflow:hidden;border-radius:5px}.more img{filter:brightness(.48)}.more span{position:absolute;bottom:12px;left:0;width:100%;display:flex;gap:12px;align-items:center;justify-content:center;color:white;font-size:14px}.content{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;margin-top:16px}.overview{height:181px;position:relative;padding-top:40px;text-align:right}.badge{position:absolute;top:0;right:7px;color:var(--green);background:var(--pale);border-radius:12px;display:flex;align-items:center;gap:9px;padding:4px 17px;font-size:15px;font-weight:700}.badge svg{width:22px;height:22px}h1{font-size:28px;line-height:1.8;margin:0;font-weight:700}h1 span[dir]{font-family:"Open Sans",sans-serif;font-size:31px}.location{margin:0;display:flex;align-items:center;gap:8px;font-size:16px}.location svg{width:20px;height:20px}.features{display:flex;gap:0;width:490px;margin-top:9px;align-items:center;font-size:17px}.features>span{display:flex;align-items:center;justify-content:center;gap:17px;flex:1;border-left:1px solid var(--line);line-height:27px}.features>span:last-child{border:0}.features svg{width:27px;height:27px}.headline-price{position:absolute;left:6px;top:57px;display:flex;gap:26px;align-items:center}.headline-price svg{width:31px;height:31px}.headline-price div{display:flex;flex-direction:column;font-size:17px;align-items:flex-end}.headline-price strong{display:flex;align-items:baseline;gap:7px}.amount{font-family:"Open Sans",Arial,sans-serif;font-weight:700;font-size:23px;white-space:nowrap}.headline-price .amount{font-size:33px}.currency{font-weight:400;font-size:17px}.payments{background:var(--pale);border-radius:11px;height:206px;padding:12px 20px}h2{font-size:18px;margin:0;font-weight:700}.payment-grid{display:grid;grid-template-columns:1.1fr 1.1fr 1fr .55fr;margin-top:23px}.payment{border-left:1px solid #c8dcd6;text-align:center;height:89px}.payment label{display:flex;align-items:center;justify-content:center;gap:14px;font-size:17px}.payment label svg{color:var(--green);width:27px;height:27px}.value{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px;flex-direction:row}.value small{width:100%;font-size:15px;line-height:1.3}.delivery{text-align:center}.delivery label{display:flex;align-items:center;justify-content:center;gap:14px;font-size:16px}.delivery svg{color:var(--green)}.delivery label strong{display:none}.desktop-year{display:block;font-family:"Open Sans",sans-serif;font-size:21px;margin-top:4px}.progress{display:flex;align-items:center;gap:20px;margin:11px 14px 0 18px}.track{background:var(--track);height:11px;border-radius:15px;flex:1;overflow:hidden;direction:ltr}.track i{display:block;width:18%;height:100%;border-radius:10px;background:var(--green)}.progress>span{font-size:15px;color:var(--green);white-space:nowrap}.progress b{color:var(--navy);font-family:"Open Sans",sans-serif}.mobile-percent,.total{display:none}.lower{display:grid;grid-template-columns:1fr 1.06fr;gap:15px;margin-top:14px}.report,.schedule{border:1px solid var(--line);border-radius:11px;padding:12px 18px;min-height:217px}.report h2{display:flex;align-items:center;gap:13px}.documents{margin:7px 9px 12px 0;font-size:15px;line-height:26px}.documents b{display:inline-block;width:17px;height:17px;margin-right:9px;vertical-align:middle}.documents b svg{width:100%;height:100%;display:block}.report footer{border-top:1px solid var(--line);padding-top:9px;font-size:13px;display:flex;align-items:center;gap:12px}.report-note,.report-button{display:none}table{width:100%;margin-top:10px;border:1px solid var(--line);border-spacing:0;border-radius:8px;overflow:hidden;font-size:16px}td{padding:8px 14px;text-align:right}td+td{text-align:center}thead{background:#eef3f7;font-size:14px}tbody{font-family:"Open Sans",sans-serif}tbody tr+tr td{border-top:1px solid var(--line)}aside{border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:15px 22px}.unit-code{position:relative;direction:ltr;border-bottom:1px solid var(--line);padding-bottom:16px}.unit-code label{display:block;color:#758397;font-size:14px;direction:rtl;text-align:left}.unit-code label svg{display:none}.unit-code strong{font-size:23px;font-family:"Open Sans",sans-serif}.unit-code .copy{margin-left:10px}.copy svg{width:20px;height:20px}.contact h2{margin:18px 0 14px;font-size:19px}.contact-buttons{display:flex;flex-direction:column;gap:12px}.contact-buttons a,.contact-buttons button{display:flex;align-items:center;justify-content:center;gap:17px;height:56px;border:1px solid var(--navy);border-radius:7px;background:var(--white);color:var(--navy);text-decoration:none;font-size:18px}.contact-buttons .whatsapp{color:var(--green);border-color:var(--green);font-weight:700}.contact-buttons .book{background:var(--green);border-color:var(--green);color:white}.fees{border-top:1px solid var(--line);margin-top:27px;padding-top:15px}.fees>div{display:flex;align-items:center;gap:16px;margin:12px 0 30px}.fees svg{box-sizing:content-box;background:#e7eff6;border:6px solid white;border-radius:50%;padding:7px}.fees p{margin:0;display:flex;flex-direction:column;font-size:14px;line-height:1.65}.fees strong{font-family:"Open Sans",sans-serif;font-size:21px}.fees span{color:#77879f}
@media(min-width:701px) and (max-width:1100px){.content{grid-template-columns:minmax(0,1fr) 270px;gap:15px}h1{font-size:20px}h1 span[dir]{font-size:23px}.headline-price{position:static;justify-content:flex-end}.overview{height:225px}.features{max-width:100%}.payment label{font-size:13px}.amount{font-size:19px}}
@media(max-width:700px){body{font-size:14px}header{height:54px;padding:0 20px;border:0}.logo{width:110px;height:35px}.back{display:block}.back svg{width:24px;height:24px;stroke-width:2.8}.ptm-unit-hamburger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:var(--navy)}.ptm-unit-hamburger svg{width:24px;height:24px}nav,.breadcrumb,.thumbnails,.desktop-title,.desktop-icon{display:none}.mobile-title,.mobile-icon{display:inline}main{padding:0}.gallery{height:194px;display:block}.hero{height:100%}.hero img{border-radius:0;object-fit:fill}.count{display:block;position:absolute;left:7px;bottom:9px;background:#202320;color:white;border-radius:20px;padding:3px 10px;font:700 12px/16px "Open Sans",sans-serif}.dots{display:flex;position:absolute;bottom:12px;left:50%;transform:translateX(-50%);gap:7px;direction:ltr}.dots i{width:6px;height:6px;border-radius:50%;background:#d6e0e5}.dots i:first-child{background:white;width:7px;height:7px}.content{display:block;margin:0}.overview{height:115px;padding:9px 14px 0}.badge{top:11px;right:auto;left:14px;border:1px solid var(--green);border-radius:6px;padding:4px 7px;gap:6px;font-size:15px;line-height:21px}.badge svg{width:20px;height:20px}h1{font-size:17px;line-height:30px;white-space:nowrap;letter-spacing:-.55px}h1 span[dir]{font-size:19px;letter-spacing:-.7px}.location{justify-content:flex-start;font-size:12px;font-weight:700;color:var(--muted);margin-top:1px;gap:5px}.location svg{width:16px;height:16px;fill:var(--muted);stroke:var(--white)}.features{margin-top:15px;width:100%;font-size:14px;font-weight:700;direction:rtl}.features>span{gap:8px;line-height:25px;border-color:var(--navy)}.features svg{height:24px;width:24px}.headline-price{display:none}.payments{height:285px;background:var(--white);border:1px solid var(--line);border-radius:6px;margin:0 12px;padding:9px 8px 0}.payments h2{font-size:18px;margin:0 1px 8px}.payment-grid{display:flex;flex-direction:column;margin:0}.payment{height:44px;border:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 7px}.payment label{font-size:13px;font-weight:700;gap:9px;white-space:nowrap}.payment label svg{color:var(--navy);width:20px;height:20px}.value{position:relative;flex-direction:row;gap:8px;align-items:baseline;flex-wrap:nowrap}.amount{font-size:20px;color:var(--green);letter-spacing:-.3px}.currency{font-size:13px}.payment .value{direction:rtl}.installment{height:50px}.installment .value{padding-bottom:13px}.value small{position:absolute;bottom:0;right:0;font-size:12px;white-space:nowrap;line-height:1.3}.delivery{height:31px;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 7px}.delivery label{font-size:13px;font-weight:700;gap:7px}.delivery label strong{display:inline;font-family:"Open Sans",sans-serif;order:1;margin-right:-4px}.delivery svg{color:var(--navy);height:21px;width:21px}.desktop-year{display:none}.progress{height:30px;margin:0 7px;gap:7px}.mobile-percent{display:block;font-size:13px}.track{height:9px}.track i{width:23.5%;border-radius:0}.progress>span{color:var(--navy);font-size:12px;direction:rtl;display:flex;gap:3px;flex-direction:row-reverse}.progress>span b{font-size:13px}.total{display:flex;border-top:1px solid var(--line);align-items:center;justify-content:space-between;height:45px;padding:0 7px}.total label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.total svg{height:22px;width:22px}.total .amount{color:var(--navy)}.lower{display:block;margin:12px 11px 0}.schedule{display:none}.report{height:61px;min-height:0;border:1px solid var(--green);background:#edfbed;padding:6px 12px;position:relative;border-radius:6px}.report h2{font-size:16px;gap:7px}.report h2 svg{width:23px;height:23px}.report h2{color:var(--green)}.report-note{display:block;font-size:10.5px;color:var(--muted);margin:-1px 24px 0 0;white-space:nowrap}.report-button{display:block;position:absolute;left:10px;top:14px;height:32px;padding:0 16px;color:var(--green);font-weight:700;font-size:13px;background:transparent;border:1px solid var(--green);border-radius:5px}.documents,.report footer{display:none}aside{border:0;border-radius:0;padding:0;background:transparent}.unit-code{margin:7px 11px 6px;height:36px;display:flex;direction:rtl;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:6px;padding:0 12px}.unit-code label{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:13px}.unit-code label svg{display:inline;width:18px;height:18px}.unit-code strong{font-size:14px}.copy{display:none}.contact{height:73px;background:#f2f6f9;padding:3px 10px 10px}.contact h2{text-align:center;font-size:11px;margin:0 0 4px;line-height:18px}.contact-buttons{flex-direction:row;gap:6px}.contact-buttons a{width:50%;height:37px;border:0;font-size:16px;font-weight:700;gap:10px;border-radius:4px}.contact-buttons .call{background:#0c315b;color:white}.contact-buttons .whatsapp{background:#0b820b;color:white}.contact-buttons svg{width:22px;height:22px}.contact-buttons .book,.fees{display:none}}
@media(max-width:380px){h1{font-size:16px}h1 span[dir]{font-size:17px}.badge{font-size:13px;padding:4px 5px}.report-note{font-size:10px}.report-button{padding:0 11px}}
/* Adjustments after the first screenshot comparison. */
.hero{min-height:0}.hero img{display:block}.more img{filter:brightness(.78)}.documents>div{display:flex;flex-direction:row-reverse;justify-content:flex-start;gap:12px}.documents b{margin:4px 0 0}.contact h2{margin-top:14px;margin-bottom:11px}.unit-code{padding-bottom:12px}.progress{margin-top:7px}.payment-grid{margin-top:20px}
@media(max-width:700px){.logo{width:190px;height:32px}.overview h1{font-size:16px;letter-spacing:-.75px}.overview h1 span[dir]{font-size:18px;letter-spacing:-1px}.badge{flex-direction:row-reverse;font-size:13px;line-height:21px;padding:3px 6px}.badge svg{width:17px;height:20px}.payments h2{font-size:16px;line-height:26px;margin-bottom:7px}.payment-grid{margin-top:0}.payment label{font-size:12px}.payment{padding:0 5px}.installment{height:49px}.delivery{height:31px}.progress{margin-top:0}.progress>span{flex-direction:row}.total{height:46px}.report h2{font-size:14px;line-height:27px}.report-note{font-size:10px;line-height:17px}.report-button{font-size:12px;padding:0 16px}.contact h2{margin:0 0 4px}.contact-buttons a{font-size:15px}.unit-code{padding:0 12px}.contact-buttons .whatsapp{flex-direction:row-reverse}}

/* Report + booking modals */
body.pt-modal-open{overflow:hidden}
.pt-modal-overlay{position:fixed;inset:0;background:#08123399;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}
.pt-modal{position:relative;background:var(--white);border-radius:12px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;padding:28px 26px 26px;box-shadow:0 20px 60px #0a1f4a33}
.pt-modal-x{position:absolute;top:16px;left:16px;width:32px;height:32px;border:0;border-radius:8px;background:var(--panel);display:flex;align-items:center;justify-content:center;color:var(--navy)}
.pt-modal-x svg{width:18px;height:18px}
.pt-modal h2{font-size:19px;line-height:1.5;margin:0 0 18px;padding-left:36px}
.pt-report-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:12px}
.pt-report-list li{display:flex;align-items:center;gap:10px;font-size:15px}
.pt-report-list svg{width:22px;height:22px;flex-shrink:0}
.pt-report-meta{font-size:13px;color:var(--muted);margin:4px 0 22px}
.pt-report-download{width:100%;height:50px;border:0;border-radius:10px;background:var(--navy);color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}
.pt-report-download svg{width:20px;height:20px}
.pt-book-body p{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 20px}
.pt-book-form{display:flex;flex-direction:column;gap:14px}
.pt-book-form label{display:block;font-size:14px;font-weight:700;color:var(--navy)}
.pt-book-form input{width:100%;height:47px;border:1px solid var(--line);border-radius:10px;margin-top:6px;padding:0 14px;font:inherit;font-size:15px;background:var(--panel);direction:rtl}
.pt-book-form input[type="tel"]{direction:ltr;text-align:right}
.pt-book-form label.pt-field-error input{border-color:#c22b2b}
.pt-book-submit{margin-top:6px;height:50px;border:0;border-radius:10px;background:var(--green);color:#fff;font-size:16px;font-weight:700}
.pt-book-success{text-align:center;padding:14px 4px 4px}
.pt-book-success svg{width:56px;height:56px;color:var(--green);margin-bottom:14px}
.pt-book-success h2{font-size:17px;line-height:1.6;padding-left:0}
.pt-book-close{margin-top:20px;width:100%;height:47px;border:0;border-radius:10px;background:var(--navy);color:#fff;font-size:15px;font-weight:700}
.pt-fallback-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(12px);background:var(--navy);color:#fff;padding:12px 20px;border-radius:10px;font-size:14px;opacity:0;transition:opacity .2s,transform .2s;z-index:2000;max-width:90vw;text-align:center}
.pt-fallback-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:600px){
.pt-modal{padding:22px 18px 20px;border-radius:10px}
.pt-modal h2{font-size:16px}
}
