/* Desktop galleries retain the uploaded composition instead of stretching to the booking panel. */
@media(min-width:1100px){
 body.boat-collection-refresh .bo-service-section .tx-service>.bo-service-carousel{align-self:start;justify-self:center;width:calc(100% - 36px);margin:24px 18px;min-height:0;height:auto;aspect-ratio:4/3;border:1px solid #c1dce0;border-radius:17px;background:#e5f1f2;box-shadow:0 8px 24px #073f5212;overflow:hidden}
 body.boat-collection-refresh .bo-service-section .tx-service>.bo-service-carousel>.bo-service-slide img{width:100%;height:100%;object-fit:contain;object-position:center!important}
 body.boat-collection-refresh .bo-service-section .bo-service-arrow{width:38px;height:38px;font-size:27px}
 body.boat-collection-refresh .bo-service-section .bo-service-prev{left:10px}
 body.boat-collection-refresh .bo-service-section .bo-service-next{right:10px}
}

.bo-desktop-overview{display:none}
@media(min-width:1100px){
 body.boat-collection-refresh .bo-service-section .tx-service{grid-template-rows:auto 1fr;align-items:start}
 body.boat-collection-refresh .bo-service-section .tx-service>.bo-service-carousel{grid-column:1;grid-row:1;margin-bottom:18px}
 body.boat-collection-refresh .bo-service-section .tx-service>.tx-service-copy{grid-column:2;grid-row:1/span 2}
 body.boat-collection-refresh .bo-service-section .bo-desktop-overview{display:block;grid-column:1;grid-row:2;align-self:start;margin:0 18px 24px;padding:0 0 8px;min-width:0}
 .bo-desktop-overview>.tx-kicker{display:block;font-size:10px;letter-spacing:1.6px;text-align:center}
 .bo-desktop-overview h3{font:28px/1.15 Georgia,serif;text-align:center;margin:8px 0 18px;color:#073f52}
 .bo-desktop-overview h3 em{font-family:CoastalHand,cursive;font-size:1.3em;color:#168799;font-weight:600}
 .bo-desktop-overview dl{margin:0;border:1px solid #b8d7dc;border-radius:13px;overflow:hidden}
 .bo-desktop-overview dl>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:14px;align-items:center;padding:11px 15px;background:#fff}
 .bo-desktop-overview dl>div:nth-child(even){background:#e7f3f4}
 .bo-desktop-overview dt{font:700 12px/1.5 Arial,sans-serif;color:#073f52}
 .bo-desktop-overview dd{font:13px/1.5 Arial,sans-serif;color:#40646f;margin:0}
}

@media(min-width:1100px){
 .bo-desktop-overview .bo-tour-details{margin-top:20px}
 .bo-desktop-overview .bo-tour-details .dp-modes{gap:8px}
 .bo-desktop-overview .bo-tour-details .dp-modes>label{padding:12px 10px;grid-template-columns:22px minmax(0,1fr);gap:3px 7px;min-height:75px}
 .bo-desktop-overview .bo-tour-details .dp-modes strong{font-size:13px}
 .bo-desktop-overview .bo-tour-details .dp-modes>label>span{font-size:10px}
 .bo-desktop-overview .bo-tour-details .dp-modes svg{width:22px;height:22px}
 .bo-desktop-overview .bo-tour-details .dp-details-panel{padding:17px 18px}
 .bo-desktop-overview .bo-tour-details h3{text-align:left;font:600 22px/1.2 Georgia,serif;margin:0 0 10px}
 .bo-desktop-overview .bo-tour-details p,.bo-desktop-overview .bo-tour-details li{font-size:13px;line-height:1.65}
}

/* Keep the interactive tour details available below the desktop breakpoint. */
@media (max-width: 1099px) {
  body.boat-collection-refresh .bo-service-section .bo-desktop-overview {
    display: block;
    grid-column: 1 / -1;
    grid-row: 3;
    min-width: 0;
    padding: 18px;
  }

  .bo-desktop-overview > dl,
  .bo-desktop-overview > .tx-kicker {
    display: none;
  }

  .bo-desktop-overview > h3 {
    margin: 0 0 12px;
  }

  .bo-desktop-overview .bo-tour-details .dp-modes > label {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    justify-items: center;
    padding: 8px 4px;
    text-align: center;
  }

  .bo-desktop-overview .bo-tour-details .dp-modes > label > svg {
    grid-row: auto;
  }

  .bo-desktop-overview .bo-tour-details .dp-modes > label > span {
    display: none;
  }
}