/* article-detail.css → article-detail-02-media-min-width-769px.css */

@media (min-width: 769px) {
  .news-compass-detail-page .news-detail-inner-pad .rv-body .rv-img-banner {
    width: calc(100% + 96px + 2 * var(--article-bleed-x, 16px));
    max-width: none;
    margin-left: calc(-48px - var(--article-bleed-x, 16px));
    margin-right: calc(-48px - var(--article-bleed-x, 16px));
    border-radius: 0;
    box-sizing: border-box;
  }
  .news-compass-detail-page .news-detail-inner-pad .rv-body .rv-img-strip {
    margin-left: calc(-48px - var(--article-bleed-x, 16px));
    margin-right: calc(-48px - var(--article-bleed-x, 16px));
    padding-left: calc(48px + var(--article-bleed-x, 16px));
    padding-right: calc(48px + var(--article-bleed-x, 16px));
    box-sizing: border-box;
  }
  .news-compass-detail-page .news-detail-inner-pad .rv-body .rv-img-pair img:first-child:last-child {
    width: calc(100% + 96px + 2 * var(--article-bleed-x, 16px));
    max-width: none;
    margin-left: calc(-48px - var(--article-bleed-x, 16px));
    margin-right: calc(-48px - var(--article-bleed-x, 16px));
    border-radius: 0;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  .news-compass-detail-page .news-detail-inner-pad .rv-body .rv-img-banner,
  .news-compass-detail-page .news-detail-inner-pad .rv-body .rv-img-pair img:first-child:last-child {
    width: calc(100% + 2 * (var(--article-bleed-x, 10px) + var(--rv-body-pad-x, 7px)));
    max-width: none !important;
    margin-left: calc(-1 * (var(--article-bleed-x, 10px) + var(--rv-body-pad-x, 7px)));
    margin-right: calc(-1 * (var(--article-bleed-x, 10px) + var(--rv-body-pad-x, 7px)));
    border-radius: 0 !important;
    box-sizing: border-box;
  }
}

@media (min-width: 769px) {
  .news-compass-detail-page.catalog-page-inner {
    padding-top: 0 !important;
  }
  .news-compass-detail-page .rental-main-info .rv-hero {
    margin-bottom: 0 !important;
    width: 100%;
    max-width: none;
    border-radius: 20px 20px 0 0;
  }
  .news-compass-detail-page .rental-main-info .rv-hero img {
    border-radius: 0;
  }
}

.compass-ad-mobile-dock {
  display: none;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .compass-ad-mobile-dock.compass-ad-mobile-dock--active {
    display: block;
  }
  .compass-ad-mobile-dock--active .ad-strip-card {
    width: 100%;
    max-width: none;
    min-height: 118px;
  }
  .news-compass-detail-page #compassAdMobileDock2.compass-ad-mobile-dock--active {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 1.45rem -10px 1rem !important;
    width: calc(100% + 20px) !important;
    max-width: none !important;
  }
  .news-compass-detail-page #compassAdMobileDock3.compass-ad-mobile-dock--active {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 1rem -10px 1.1rem !important;
    width: calc(100% + 20px) !important;
    max-width: none !important;
  }
  .catalog-page-like-listing.compass-ad-strip--empty-mobile {
    display: none !important;
  }
}