/* Location heading and arrival references follow the language direction. */
.location-head{grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:start;padding-block:34px 48px}
.location-head>h2{max-width:22ch;text-align:start}
.location-head>.section-label{width:clamp(190px,15vw,250px);padding-block-start:8px}
.location-main>*{min-width:0}
.location-description .address-box{margin-block:24px;padding-block:18px}
.location-description .location-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-block-start:24px;padding-block-start:22px;align-items:start}
.location-description .map-image,.location-description .map-context{min-width:0;border:1px solid var(--line);background:#0b132055}
.location-description .map-image img,.location-description .map-context img{width:100%;height:clamp(140px,11.5vw,190px);max-height:none}
.location-description .map-image img{object-fit:cover}
.location-description .map-image .map-label{position:static;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;padding:11px 12px;background:transparent;font-size:11px;line-height:1.5}
.location-description .map-label .arrow{margin-inline-start:0;flex-shrink:0;font-size:17px}
.location-description .map-context{display:flex;flex-direction:column;gap:0;align-items:stretch}
.location-description .map-context img{object-fit:contain;background:#fff;padding:10px}
.location-description .map-context figcaption{min-height:52px;display:flex;align-items:center;padding:11px 12px;font-size:10px;letter-spacing:.08em;line-height:1.5;color:var(--silver);text-transform:uppercase}
html[lang=ar] .location-description .map-image .map-label{font-size:13px;line-height:1.6}
html[lang=ar] .location-description .map-context figcaption{font-size:13px;letter-spacing:0;line-height:1.6}
@media(min-width:768px) and (max-width:1100px){
 .location-head{gap:28px}
 .location-head>.section-label{width:180px}
 .location-description .location-map{gap:12px}
 .location-description .map-image .map-label{font-size:10px;padding-inline:9px}
 .location-description .map-context figcaption{font-size:9px;padding-inline:9px}
 html[lang=ar] .location-description .map-image .map-label,html[lang=ar] .location-description .map-context figcaption{font-size:12px}
}
@media(max-width:767px){
 .location-head{grid-template-columns:1fr;gap:22px;padding-block:24px 34px}
 .location-head>.section-label{grid-row:1;width:100%;padding-block-start:0}
 .location-head>h2{grid-row:2;max-width:24ch}
 .location-description .location-map{gap:16px}
 .location-description .map-image img,.location-description .map-context img{height:clamp(150px,28vw,210px)}
 .location-description .map-image .map-label,.location-description .map-context figcaption{min-height:54px;font-size:10px;padding-inline:10px}
}
@media(max-width:420px){
 .location-description .location-map{grid-template-columns:1fr;gap:20px}
 .location-description .map-image img,.location-description .map-context img{height:210px}
 .location-description .map-image .map-label{font-size:11px}
 .location-description .map-context figcaption{font-size:10px}
}
