/*
 * News slider iframe page.
 * The iframe viewport itself is the design viewport, so the normal full-width
 * slider rules remain usable without a header/footer wrapper.
 */
html.secure-news-slider-embed-html,
html.secure-news-slider-embed-html body.secure-news-slider-embed-page {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  overflow-x: hidden !important;
}

body.secure-news-slider-embed-page .secure-news-slider-embed {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 24px 0 28px;
  overflow: hidden;
}

body.secure-news-slider-embed-page .secure-news-slider-block {
  margin-top: 0 !important;
}

/* Keep enough vertical room for the canonical card hover glow inside iframe. */
body.secure-news-slider-embed-page .secure-news-slider-block__viewport {
  padding-top: 20px !important;
  padding-bottom: 22px !important;
}

body.secure-news-slider-embed-page .secure-news-slider-empty {
  box-sizing: border-box;
  width: min(1000px, calc(100% - 40px));
  margin: 20px auto;
  padding: 30px 20px;
  text-align: center;
}

@media (max-width: 768px) {
  body.secure-news-slider-embed-page .secure-news-slider-embed {
    padding-top: 12px;
    padding-bottom: 18px;
  }

  body.secure-news-slider-embed-page .secure-news-slider-block__viewport {
    padding-top: 14px !important;
    padding-bottom: 18px !important;
  }
}


/* v2: service carousel parity - the slider owns its own 8px/18px visual gutter. */
body.secure-news-slider-embed-page .secure-news-slider-embed{
  padding:0!important;
}
body.secure-news-slider-embed-page .secure-news-slider-block__viewport{
  padding-top:8px!important;
  padding-bottom:18px!important;
}
@media(max-width:640px){
  body.secure-news-slider-embed-page .secure-news-slider-block__viewport{
    padding-top:6px!important;
    padding-bottom:18px!important;
  }
}