.child-hero{background:linear-gradient(180deg,#fbfaf8 0%,#f2f5f7 100%);padding:54px 0 68px}.child-grid{display:grid;grid-template-columns:1fr .9fr;gap:48px;align-items:center}.breadcrumbs{display:flex;gap:9px;align-items:center;font-size:12px;color:#7b8491;margin-bottom:24px}.breadcrumbs a:hover{color:var(--ink)}.breadcrumbs strong{color:var(--ink)}.child-hero h1{font-size:clamp(44px,6vw,70px);line-height:.98;letter-spacing:-3.5px;margin:0 0 18px}.child-intro{font-size:18px;color:var(--muted);max-width:610px;margin:0 0 25px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.child-photo{height:430px;border-radius:28px;overflow:hidden;box-shadow:0 25px 65px rgba(16,24,39,.16)}.child-photo img{width:100%;height:100%;object-fit:cover}.section-title{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.section-title h2{font-size:34px;letter-spacing:-1.4px;margin:0}.section-title p{max-width:460px;color:var(--muted);font-size:14px;margin:0}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.link-card{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;transition:.2s}.link-card:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(16,24,39,.08)}.link-card .num{font-size:10px;font-weight:900;letter-spacing:1.5px;color:var(--accent-dark)}.link-card h3{font-size:21px;margin:12px 0 6px;letter-spacing:-.6px}.link-card p{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 14px}.link-card b{font-size:12px}.soft-panel{background:#f5f7f8}.tool-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tool{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.tool strong{display:block;font-size:15px;margin-bottom:5px}.tool span{font-size:12px;color:var(--muted);line-height:1.45}.cta-panel{background:var(--dark);color:#fff;border-radius:24px;padding:42px 46px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-panel h2{font-size:34px;letter-spacing:-1.3px;margin:0 0 8px}.cta-panel p{color:#adb7c4;margin:0;max-width:680px}.cta-panel .primary-button{background:#fff;color:var(--ink);white-space:nowrap}.source-note{font-size:11px;color:#818b97;padding:0 0 28px}.source-note a{text-decoration:underline}.pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:10px;font-weight:900;letter-spacing:1px;color:#6d7682;margin-bottom:13px}
@media(max-width:900px){.child-grid{grid-template-columns:1fr}.child-photo{height:360px}.link-grid{grid-template-columns:1fr 1fr}.tool-row{grid-template-columns:1fr 1fr}.cta-panel{display:block}.cta-panel .primary-button{margin-top:20px;display:inline-flex}}
@media(max-width:560px){.child-hero{padding:38px 0 52px}.child-hero h1{letter-spacing:-2.5px}.child-intro{font-size:16px}.child-photo{height:300px;border-radius:21px}.link-grid,.tool-row{grid-template-columns:1fr}.section-title{display:block}.section-title h2{font-size:29px;margin-bottom:8px}.cta-panel{padding:30px 24px}.cta-panel h2{font-size:29px}}

/* BrownMetro Dubai Hotels UI refinement — v76 */
.child-hero{padding:62px 0 76px}
.child-grid{grid-template-columns:minmax(0,1.02fr) minmax(420px,.88fr);gap:56px}
.child-hero .pill{background:var(--bm-orange-soft);border-color:#ffd7ad;color:#9a4e00;box-shadow:0 6px 16px rgba(255,138,0,.08)}
.child-hero h1{max-width:680px;font-size:clamp(46px,6vw,72px);line-height:.96;letter-spacing:-3.8px}
.child-intro{font-size:19px;line-height:1.55;max-width:590px}
.child-photo{height:448px;position:relative}
.child-photo:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(15,23,42,.28));pointer-events:none}
.hero-actions{align-items:center}
.secondary-button{border:1px solid #d8dee7;background:#fff;color:var(--bm-navy);font-weight:800;box-shadow:0 7px 18px rgba(15,23,42,.05)}
.section-title{align-items:start}
.section-title>p{padding-top:5px}
.link-grid{gap:16px}
.link-card{min-height:205px;padding:24px;display:flex;flex-direction:column}
.link-card .num{font-size:10px;letter-spacing:1.7px}
.link-card h3{font-size:22px;margin-top:13px}
.link-card p{font-size:13.5px;line-height:1.58}
.link-card b{margin-top:auto;color:var(--bm-navy);font-size:12px}
.tool-row{gap:14px}
.tool{padding:20px;min-height:112px;box-shadow:0 8px 24px rgba(15,23,42,.035)}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.faq-list details{background:#fff;border:1px solid var(--bm-line);border-radius:16px;padding:0 18px}
.faq-list summary{padding:18px 24px 18px 0;font-weight:800;cursor:pointer;list-style:none;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:0;top:16px;color:#b85d00;font-size:20px}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{color:var(--bm-muted);font-size:13px;line-height:1.6;margin:0 0 18px}
.soft-panel{background:linear-gradient(180deg,#f5f7fa,#eef2f5)}
.cta-panel{padding:44px 48px}
@media(max-width:900px){
 .child-grid{grid-template-columns:1fr;gap:34px}
 .child-photo{height:380px}
 .faq-list{grid-template-columns:1fr}
}
@media(max-width:560px){
 .child-hero{padding:40px 0 52px}
 .child-hero h1{font-size:clamp(40px,13vw,54px);letter-spacing:-2.8px}
 .child-intro{font-size:16px}
 .child-photo{height:292px;border-radius:22px}
 .link-card{min-height:0;padding:21px}
 .tool{min-height:0}
 .faq-list details{padding:0 16px}
 .faq-list summary{padding:17px 22px 17px 0;font-size:14px}
 .cta-panel{padding:30px 24px}
}
@media(max-width:380px){
 .container{width:calc(100% - 28px)}
 .child-photo{height:255px}
 .child-hero h1{font-size:39px}
 .hero-actions{display:grid;grid-template-columns:1fr}
}


/* BrownMetro Dubai Neighborhoods UI refinement — v78 */
#choose .link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#choose .link-card{background:linear-gradient(180deg,#fff,#f9fafb);position:relative;overflow:hidden}
#choose .link-card:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--bm-orange);opacity:.9}
#choose .link-card .num{color:#9a4e00}
.section[id]{scroll-margin-top:90px}
.section[id]:not(#choose){position:relative}
.section[id]:not(#choose) .container{max-width:980px}
.section[id]:not(#choose) .section-title{margin-bottom:22px}
.section[id]:not(#choose) .section-title h2{font-size:36px}
.section[id]:not(#choose) .container>p{font-size:15px;line-height:1.8;color:#465161;max-width:850px}
.section[id]:not(#choose) .container>p strong{color:var(--bm-navy)}
.section[id]:not(#choose) .container>p+ p{margin-top:14px}
.section[id]:not(#choose):nth-of-type(even){background:#f7f9fb}
.section[id]:not(#choose):nth-of-type(even) .container{padding-top:4px}
.section[id]:not(#choose) .section-title>p{font-size:14px;line-height:1.65}
.section .tool-row .tool{transition:transform .2s ease,box-shadow .2s ease}
.section .tool-row .tool:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,23,42,.08)}
.cta-panel{background:linear-gradient(135deg,#0f172a 0%,#172033 100%);box-shadow:0 20px 50px rgba(15,23,42,.16)}
.cta-panel .primary-button{background:var(--bm-orange);color:#fff;border-color:var(--bm-orange)}
@media(max-width:900px){
 #choose .link-grid{grid-template-columns:1fr 1fr}
 .section[id]:not(#choose) .section-title h2{font-size:32px}
}
@media(max-width:560px){
 #choose .link-grid{grid-template-columns:1fr}
 .section[id]:not(#choose) .section-title h2{font-size:29px}
 .section[id]:not(#choose) .container>p{font-size:14px;line-height:1.7}
}
@media(max-width:380px){
 .section[id]:not(#choose) .section-title h2{font-size:28px}
}