.commercial-header{position:fixed}
.commercial-hero{min-height:610px;padding:150px 5% 115px;background:linear-gradient(90deg,rgba(248,245,239,.98),rgba(248,245,239,.78) 40%,rgba(248,245,239,.08) 70%),linear-gradient(0deg,rgba(17,29,48,.22),rgba(17,29,48,.05)),url('assets/dubai-waterfront-hero.webp') center/cover;display:flex;align-items:center}
.commercial-hero-copy{max-width:610px}
.commercial-hero small,.commercial-heading small,.commercial-title-row small,.commercial-invest small,.commercial-owner-cta small{display:block;margin-bottom:12px;color:var(--gold-dark);font:600 12px var(--sans);letter-spacing:.17em;text-transform:uppercase}
.commercial-hero h1{margin:0;color:#083f35;font-size:66px;font-weight:600;line-height:.98}
.commercial-hero p{max-width:520px;margin:18px 0 0;color:#253044;font:500 16px/1.65 var(--sans)}
.commercial-hero .hero-lead{margin-top:22px;color:#172033;font-weight:700}
.commercial-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.commercial-hero-actions a,.commercial-hero-actions button,.commercial-title-row button,.commercial-card-grid button,.commercial-owner-cta button{min-height:48px;border:0;background:var(--green);color:#fff;padding:0 22px;font:700 12px var(--sans);letter-spacing:.06em;text-transform:uppercase}
.commercial-hero-actions button,.commercial-title-row button{border:1px solid var(--green);background:#fff;color:var(--green)}
.commercial-search{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:13px;max-width:1160px;margin:-50px auto 0;padding:56px 24px 24px;background:#fff;border:1px solid #ece8df;box-shadow:0 18px 54px rgba(17,29,48,.14)}
.commercial-search-tabs{position:absolute;left:24px;top:18px;display:flex;border:1px solid #d9d6cf}
.commercial-search-tabs button{height:34px;min-width:86px;border:0;border-right:1px solid #d9d6cf;background:#fff;color:var(--navy);font:700 11px var(--sans);letter-spacing:.05em;text-transform:uppercase}
.commercial-search-tabs button:last-child{border-right:0}.commercial-search-tabs button.active{background:var(--green);color:#fff}
.commercial-search label{color:#626975;font:700 10px var(--sans);letter-spacing:.08em;text-transform:uppercase}
.commercial-search select{display:block;width:100%;height:46px;margin-top:7px;border:1px solid #ddd9d0;background:#fff;color:var(--navy);padding:0 12px;font:600 13px var(--sans);text-transform:none}
.commercial-search>button{align-self:end;height:46px;border:0;background:var(--green);color:#fff;padding:0 20px;font:700 11px var(--sans);letter-spacing:.06em;text-transform:uppercase}
.commercial-section{padding:72px 4%}
.commercial-heading{text-align:center;max-width:820px;margin:0 auto 34px}.commercial-heading h2,.commercial-title-row h2,.commercial-invest h2,.commercial-bottom h2,.commercial-owner-cta h2{margin:0 0 12px;color:#173a32;font-size:36px;font-weight:600;line-height:1.08}.commercial-heading p{margin:0;color:#59616b;font:400 15px var(--sans)}
.commercial-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto}
.commercial-category-grid article,.commercial-card-grid article,.location-grid article{border:1px solid #e3dfd7;background:#fff;overflow:hidden}.commercial-category-grid img{width:100%;height:142px;object-fit:cover;display:block}.commercial-category-grid span{display:grid;place-items:center;width:43px;height:43px;margin:-21px 0 12px 16px;position:relative;border:4px solid #fff;border-radius:50%;background:var(--green);color:#f0cf9f;font:700 12px var(--sans)}.commercial-category-grid h3{margin:0 16px 8px;color:#172033;font:700 14px var(--sans);text-transform:uppercase}.commercial-category-grid p{margin:0 16px 18px;color:#5d6570;font:400 13px/1.55 var(--sans)}
.featured-commercial{padding-top:24px}.commercial-title-row{display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:1180px;margin:0 auto 26px}.commercial-title-row h2{margin-bottom:0}.commercial-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto}.commercial-image{position:relative;height:160px;overflow:hidden}.commercial-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.commercial-card-grid article:hover img{transform:scale(1.035)}.commercial-image span{position:absolute;left:12px;top:12px;padding:6px 9px;background:var(--green);color:#fff;font:700 9px var(--sans);letter-spacing:.08em;text-transform:uppercase}.commercial-card-grid article>div:last-child{padding:16px}.commercial-card-grid small{color:#6e747c;font:600 11px var(--sans)}.commercial-card-grid h3{min-height:50px;margin:7px 0 8px;font-size:22px;line-height:1.05}.commercial-card-grid strong{display:block;color:var(--navy);font:700 16px var(--sans)}.commercial-card-grid p{margin:9px 0 15px;color:#6c737c;font:500 12px var(--sans)}.commercial-card-grid button{width:100%;min-height:41px;padding:0 12px}
.commercial-invest{display:grid;grid-template-columns:.9fr 1.5fr;gap:44px;align-items:center;padding:44px 5%;background:var(--green);color:#fff}.commercial-invest small{color:#f0cf9f}.commercial-invest h2{color:#fff;font-size:30px}.commercial-invest p{margin:0;color:#d6e0dc;font:400 14px/1.65 var(--sans)}.commercial-invest dl{display:grid;grid-template-columns:repeat(4,1fr);margin:0}.commercial-invest dl>div{padding:12px 28px;border-left:1px solid rgba(240,207,159,.34);text-align:center}.commercial-invest dt{color:#f0cf9f;font:600 28px/1.05 var(--serif)}.commercial-invest dd{margin:8px 0 0;color:#fff;font:500 13px/1.45 var(--sans)}
.commercial-locations{background:var(--cream)}.location-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto}.location-grid img{display:block;width:100%;height:116px;object-fit:cover}.location-grid h3{margin:14px 14px 3px;color:#173a32;font:700 14px var(--sans);text-transform:uppercase}.location-grid p{margin:0 14px 16px;color:#5d6570;font:500 12px var(--sans)}
.commercial-service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1080px;margin:0 auto}.commercial-service-grid article{padding:0 28px;text-align:center;border-right:1px solid var(--line)}.commercial-service-grid article:last-child{border-right:0}.commercial-service-grid span{display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:13px;border:1px solid var(--green);border-radius:50%;color:var(--green);font:700 12px var(--sans)}.commercial-service-grid h3{margin:0 0 8px;font:700 14px var(--sans)}.commercial-service-grid p{margin:0;color:#5d6570;font:400 13px/1.55 var(--sans)}
.commercial-bottom{display:grid;grid-template-columns:.95fr 1.15fr .85fr;gap:22px;background:#fff}.commercial-guides,.commercial-faq,.commercial-owner-cta{padding:24px;border:1px solid #e3dfd7}.commercial-guides{background:var(--green);color:#fff}.commercial-guides h2,.commercial-owner-cta h2{font-size:28px}.commercial-guides h2{color:#fff}.commercial-guides details{border-bottom:1px solid rgba(255,255,255,.17)}.commercial-guides summary{position:relative;list-style:none;padding:13px 30px 13px 0;cursor:pointer;font:600 12px/1.35 var(--sans)}.commercial-guides summary:after{content:'+';position:absolute;right:0;top:13px;color:#f0cf9f}.commercial-guides details[open] summary:after{content:'-'}.commercial-guides p{margin:-3px 0 15px;color:#dce9e5;font:400 12px/1.6 var(--sans)}.commercial-faq details{border-bottom:1px solid #e8e4dd}.commercial-faq summary{position:relative;list-style:none;padding:14px 30px 14px 0;cursor:pointer;font:700 12px/1.4 var(--sans)}.commercial-faq summary:after{content:'+';position:absolute;right:0}.commercial-faq details[open] summary:after{content:'-'}.commercial-faq p{margin:0 0 14px;color:#5d6570;font:400 13px/1.6 var(--sans)}.commercial-owner-cta{background:linear-gradient(135deg,var(--green),#102b3d);color:#fff}.commercial-owner-cta small{color:#f0cf9f}.commercial-owner-cta h2{color:#fff}.commercial-owner-cta p,.commercial-owner-cta li{color:#e6ece9;font:500 13px/1.55 var(--sans)}.commercial-owner-cta ul{display:grid;gap:7px;margin:18px 0 24px;padding:0;list-style:none}.commercial-owner-cta li:before{content:'+';margin-right:9px;color:#f0cf9f}.commercial-owner-cta button{background:var(--gold);color:#173a32;width:100%}
#commercial-form textarea{width:100%;min-height:96px;border:1px solid #d8d9d7;padding:12px;background:#fff;color:var(--ink);resize:vertical;font:400 14px var(--sans)}
@media(max-width:1050px){.commercial-category-grid,.location-grid{grid-template-columns:repeat(3,1fr)}.commercial-card-grid{grid-template-columns:repeat(2,1fr)}.commercial-search{grid-template-columns:repeat(2,1fr)}.commercial-search>button{grid-column:1/-1}.commercial-invest,.commercial-bottom{grid-template-columns:1fr}.commercial-invest dl{grid-template-columns:repeat(2,1fr)}.commercial-service-grid{grid-template-columns:repeat(2,1fr);gap:28px}.commercial-service-grid article{border-right:0}}
@media(max-width:800px){.commercial-hero{min-height:590px;padding:122px 22px 90px;background:linear-gradient(90deg,rgba(248,245,239,.96),rgba(248,245,239,.62)),url('assets/dubai-waterfront-hero.webp') center/cover}.commercial-hero h1{font-size:48px}.commercial-search{margin:0;grid-template-columns:1fr;padding:62px 18px 20px;border-left:0;border-right:0}.commercial-search-tabs{left:18px}.commercial-section{padding:56px 20px}.commercial-title-row{display:block}.commercial-title-row button{margin-top:18px}.commercial-card-grid{grid-template-columns:1fr}.commercial-card-grid h3{min-height:auto}.commercial-invest{padding:42px 22px}.commercial-invest dl{grid-template-columns:1fr}.commercial-invest dl>div{border-left:0;border-top:1px solid rgba(240,207,159,.34)}.commercial-category-grid,.location-grid{grid-template-columns:repeat(2,1fr)}.commercial-bottom{padding-left:20px;padding-right:20px}}
@media(max-width:520px){.commercial-hero h1{font-size:39px}.commercial-hero-actions{display:grid}.commercial-hero-actions a,.commercial-hero-actions button{width:100%}.commercial-search-tabs{right:18px}.commercial-search-tabs button{min-width:0;flex:1}.commercial-category-grid,.location-grid,.commercial-service-grid{grid-template-columns:1fr}}
