.sm-wp-affiliate{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;width:min(100%,360px);margin:14px 0;padding:10px 14px;background:#111723;border:1px solid #354052;border-radius:14px;color:#f0f3f9;font-family:inherit}
.sm-wp-affiliate-label{font-size:12px;line-height:1.3;color:#cbd2e2;font-weight:650;max-width:100px}
.sm-wp-affiliate a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#fff;text-decoration:none;min-width:0}
.sm-wp-affiliate a img{display:block;object-fit:contain;width:155px;height:auto;aspect-ratio:3/1;max-width:100%;border:0}
.sm-wp-affiliate-cta{font-size:11px;color:#ffe2e8;white-space:nowrap;font-weight:700}
.sm-wp-affiliate a:hover .sm-wp-affiliate-cta{text-decoration:underline}
.sm-wp-affiliate a:focus-visible{outline:2px solid #ff6b93;outline-offset:4px;border-radius:5px}
.sm-wp-affiliate-row{display:flex;justify-content:flex-end;width:100%;clear:both}
.sm-wp-affiliate-row .sm-wp-affiliate{margin-left:auto;margin-right:0}
.sm-wp-cinema-fallback{margin:14px 0 22px auto}
.sm-wp-vod-partners-row{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px}
.sm-wp-vod-partners-row>.sm-wp-affiliate{margin-left:auto;align-self:flex-end}
.sm-wp-vod-fallback{margin-left:auto;margin-right:0;clear:both}
@media(max-width:700px){.sm-wp-affiliate{width:100%;max-width:100%;flex-wrap:wrap;justify-content:center;gap:8px;text-align:center}.sm-wp-affiliate-label{max-width:none;width:100%}.sm-wp-affiliate-row{justify-content:stretch}.sm-wp-vod-partners-row>.sm-wp-affiliate{margin-left:0}.sm-wp-vod-fallback,.sm-wp-cinema-fallback{margin-left:auto;margin-right:auto}}

/* 1.0.2: True second-row placement below the cinema-context bar.
   Header+description form the left column. Affiliate banner is the right.
   Unlike v1.0.1 this is IN FLOW, not position:absolute. */
.cmh-movie-page .sm-wp-screening-intro{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 310px!important;
  align-items:start!important;
  gap:14px 22px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 12px!important;
  padding:0!important;
  position:static!important;
}
.cmh-movie-page .sm-wp-screening-intro-copy{
  grid-column:1!important;
  min-width:0!important;
  max-width:100%!important;
}
.cmh-movie-page .sm-wp-screening-intro-copy > h2,
.cmh-movie-page .sm-wp-screening-intro-copy > h3{margin-top:0!important;}
.cmh-movie-page .sm-wp-screening-intro-copy > p{
  max-width:100%!important;
  margin-bottom:0!important;
  overflow-wrap:break-word;
}
.cmh-movie-page .sm-wp-screening-intro > .sm-wp-screening-partner{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:0!important;
  margin:0!important;
  clear:none!important;
  position:static!important;
  align-self:center!important;
  justify-content:flex-end!important;
}
.cmh-movie-page .sm-wp-screening-partner > .sm-wp-affiliate{
  width:100%!important;
  max-width:310px!important;
  box-sizing:border-box!important;
  margin:0!important;
  min-height:87px;
  padding:9px 11px!important;
  position:static!important;
}
.cmh-movie-page .sm-wp-screening-partner .sm-wp-affiliate-label{max-width:90px;font-size:11px}
.cmh-movie-page .sm-wp-screening-partner .sm-wp-affiliate a img{width:150px;max-width:100%}
.cmh-movie-page .sm-wp-cinema-fallback-row{position:static!important;margin-top:12px}
@media(min-width:801px) and (max-width:1040px){
  .cmh-movie-page .sm-wp-screening-intro{grid-template-columns:minmax(0,1fr) 268px!important;gap:14px!important}
  .cmh-movie-page .sm-wp-screening-partner > .sm-wp-affiliate{max-width:268px!important}
  .cmh-movie-page .sm-wp-screening-partner .sm-wp-affiliate a img{width:132px}
  .cmh-movie-page .sm-wp-screening-partner .sm-wp-affiliate-label{max-width:76px}
}
@media(max-width:800px){
  .cmh-movie-page .sm-wp-screening-intro{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  .cmh-movie-page .sm-wp-screening-intro-copy,
  .cmh-movie-page .sm-wp-screening-intro > .sm-wp-screening-partner{
    grid-column:1!important;
    grid-row:auto!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .cmh-movie-page .sm-wp-screening-intro > .sm-wp-screening-partner{justify-content:flex-start!important;}
  .cmh-movie-page .sm-wp-screening-partner > .sm-wp-affiliate{max-width:310px!important;min-height:0;}
}
