/* Explicit areas keep long addresses and opening hours within their columns. */
.contacts .contacts-row {
  display:grid;
  grid-template-columns:274px minmax(150px,.8fr) minmax(0,1.5fr) minmax(225px,1fr);
  grid-template-areas:"heading heading heading heading" "action phone address hours";
  gap:36px 28px;
  margin:0;
  align-items:start;
}
.contacts .contacts-row>div {min-width:0;max-width:none;margin:0;padding:0;}
.contacts .header-col {grid-area:heading;}
.contacts .header-col .section-header {margin:0;line-height:1.2;}
.contacts .button-col {grid-area:action;text-align:left!important;}
.contacts .button-col .btn {width:100%;justify-content:center;padding-left:16px;padding-right:16px;}
.contacts .phone-col {grid-area:phone;}
.contacts .address-col {grid-area:address;}
.contacts .clock-col {grid-area:hours;}
.contacts .contacts-header {margin-bottom:12px;line-height:1.4;}
.contacts .contacts-info {line-height:1.55;overflow-wrap:anywhere;}
.contacts .contacts-info nobr {white-space:normal;}
.contacts .clock-col>p:last-child {margin:8px 0 0;line-height:1.5;overflow-wrap:anywhere;}
.contacts .clock-col a {color:#c94d20;}
.contacts .map-row {margin-top:48px;}
.torra-location-map [class*="ground-pane"] {filter:grayscale(1);}
.torra-location-map.torra-api-map {background:#ededed;}
@media(max-width:1179px) {
  .contacts .contacts-row {
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:"heading action" "phone address" "hours hours";
    gap:28px 32px;
  }
  .contacts .button-col {justify-self:end;width:274px;max-width:100%;}
}
@media(max-width:767px) {
  .contacts .contacts-row {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"heading" "phone" "address" "hours" "action";
    gap:24px;
  }
  .contacts .button-col {width:100%;justify-self:stretch;}
  .contacts .contacts-header {margin-bottom:7px;}
  .contacts .map-row {margin-top:32px;}
}