/* Adapters for existing business hooks; scoped to opted-in template pages. */
.xl-ui .hidden,.xl-ui [hidden]{display:none!important}.xl-ui{overflow-x:clip}.xl-ui .xl-nav-item{position:relative;min-width:0}.xl-ui .xl-nav-submenu{display:none;position:absolute;z-index:50;top:100%;left:0;min-width:160px;padding:12px;background:var(--bg-page);box-shadow:0 8px 24px #0002;border-radius:8px}.xl-ui .xl-nav-item:hover .xl-nav-submenu,.xl-ui .xl-nav-item:focus-within .xl-nav-submenu{display:grid;gap:12px}.xl-ui .xl-header-user{max-width:130px;display:flex;align-items:center;gap:8px}.xl-ui .xl-header-user img{width:32px;height:32px;object-fit:cover;border-radius:50%}.xl-ui .xl-header-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xl-ui .xl-header-actions{position:relative}.xl-ui .xl-video-grid,.xl-ui .xl-star-grid{list-style:none;padding:0}.xl-ui .xl-video-item,.xl-ui .xl-star-item{list-style:none;min-width:0}.xl-ui .xl-news{min-width:0}.xl-ui .xl-tags{flex-wrap:wrap}.xl-ui .xl-pagination-wrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin:32px 0}.xl-ui .xl-pagination{margin-top:0}.xl-ui .xl-page-jump{display:flex;align-items:center;gap:12px}.xl-ui .xl-page-jump input{width:64px;text-align:center;background:var(--bg-surface);border:0;border-radius:20px;padding:8px}.xl-ui .xl-page-jump button{padding:8px 24px;border-radius:24px}.xl-ui .xl-list-empty{text-align:center;padding:48px}.xl-ui .xl-notification-popover{position:fixed;right:auto;width:560px;z-index:200;background:transparent;color:var(--text-primary);padding:0;border-radius:0}.xl-ui .xl-notification-popover header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.xl-ui .xl-notification-popover article{padding:16px;background:var(--bg-page);border-radius:12px;margin:12px 0}.xl-ui .xl-notification-popover h3{font-size:16px;margin:0 0 8px}.xl-ui .xl-notification-popover button{cursor:pointer}.xl-ui .xl-notification-popover .notification-actor-card img{max-width:100%}.xl-ui .xl-social button,.xl-ui .xl-social a{display:inline-flex;align-items:center;justify-content:center}.xl-ui .xl-footer img{max-width:100%}.xl-ui .xl-demo-label{font-size:12px;color:var(--text-secondary);margin:8px 0}.xl-ui .xl-legacy-extra{margin:24px 0}.xl-ui .xl-list-content .movie-category-tabs{margin:0}.xl-ui .xl-body-content{overflow-wrap:anywhere}.xl-ui .xl-body-content img{max-width:100%;height:auto}@media(max-width:640px){.xl-ui .xl-header-user span{display:none}.xl-ui .xl-nav{overflow-x:auto;justify-content:space-between}.xl-ui .xl-nav-submenu{position:fixed;top:auto;left:16px;right:16px}.xl-ui .xl-pagination-wrap{gap:12px;font-size:12px}}

.xl-ui .xl-hero-caption{position:absolute;left:8%;top:25%;max-width:45%;color:#fff;font-size:clamp(24px,4vw,58px);text-shadow:0 2px 12px #0008}.xl-ui .xl-hero-stage[hidden]{display:none}.xl-ui .xl-hero-thumbs{overflow-x:auto}.xl-ui .xl-hero-thumbs .xl-thumb{flex-shrink:0}.xl-ui .xl-section-title small{font-size:12px;color:var(--xl-muted,#777);font-weight:400}.xl-ui .xl-follow{display:flex;align-items:center;justify-content:center}.xl-ui .xl-search-tabs{display:flex;gap:20px;margin-top:16px}.xl-ui .xl-search-tabs button{padding:8px 18px;border:0;background:transparent;color:inherit;border-radius:20px}.xl-ui .xl-search-tabs button.is-active{background:var(--xl-primary,#3479f6);color:white}.xl-ui .xl-history-items a,.xl-ui .xl-history-items button{border:0;border-radius:20px;background:var(--xl-surface,#f4f5f8);color:inherit;padding:8px 16px}.xl-ui .xl-search-hot{margin-bottom:32px}

.xl-ui [data-xl-hero] .xl-hero-stage{width:100%;height:100%;left:0;transform:none}.xl-ui [data-xl-hero] .xl-hero-photo{width:100%!important;max-width:100%!important;height:100%;left:0;top:0;object-fit:cover}.xl-ui [data-xl-hero] .xl-watch{left:8%;top:auto;bottom:160px}.xl-ui .xl-notification-popover .notification-actor-card{padding:0;margin:0;border:0;background:transparent}.xl-ui .xl-notification-popover .notification-video-card{background:var(--bg-surface);border-radius:12px;overflow:hidden}.xl-ui .xl-notification-popover .notification-video-card img{object-fit:cover}.xl-ui .xl-nav{display:flex;justify-content:space-around}.xl-ui .xl-nav-item{flex:1}.xl-ui .xl-nav-submenu{background:var(--bg-surface)}.xl-ui .xl-nav-submenu a{white-space:nowrap;padding-inline:12px;font-size:14px;height:auto}@media(max-width:640px){.xl-ui [data-xl-hero] .xl-hero-caption{left:6%;top:20%;max-width:80%}.xl-ui [data-xl-hero] .xl-watch{left:6%;bottom:130px;height:44px;font-size:16px}.xl-ui .xl-nav-item{flex:none;min-width:72px}.xl-ui .xl-header-actions .xl-round{width:32px;height:32px}}

.xl-ui #app-footer.xl-footer{z-index:0;background:var(--bg-surface);color:var(--text-primary);padding:48px 0}.xl-ui .xl-article-comments .xl-film-comment-body{grid-column:2}.xl-ui .xl-article-main .article p{margin:0 0 .6em}@media(max-width:640px){.xl-ui #app-footer.xl-footer{padding:32px 0}}

.xl-ui .xl-content-badge{position:absolute;top:8px;left:8px;border-radius:4px;background:var(--brand-blue-default);color:#fff;font-size:12px;padding:2px 8px}.xl-ui .xl-video-date{font-size:12px;color:var(--text-tertiary)}

.xl-ui .xl-actor .xl-follow[aria-pressed="true"]{background:var(--bg-page);color:var(--text-secondary)!important;border:1px solid var(--border-default)}.xl-ui .xl-actor .xl-follow:disabled{opacity:.65;cursor:wait}.xl-ui .xl-actor-follow-error{font-size:12px;color:var(--text-secondary);overflow-wrap:anywhere}

/* Reserve the tag row even when empty; align follow buttons across each card row. */
.xl-ui .xl-actor>.xl-tags{min-height:28px}.xl-ui .xl-actor>.xl-follow{margin-top:auto}
@media(max-width:640px){.xl-ui .xl-actor>.xl-tags{min-height:24px}}

/* Figma leaves 100px between the final links block and desktop footer. */
.xl-ui[data-page_key="home"] .xl-home-content{padding-bottom:100px}
.xl-ui[data-page_key="home"] .xl-home-content>.dx-home-partner-links:last-child{margin-bottom:0}
@media(max-width:640px){.xl-ui[data-page_key="home"] .xl-home-content{padding-bottom:24px}}

/* Figma homepage: heading above seven compact columns at the 1300px content width. */
.xl-ui[data-page_key="home"] .dx-home-partner-links {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  margin-top: 32px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.xl-ui[data-page_key="home"] .dx-home-partner-links__title {
  margin: 0;
  padding: 0;
  color: var(--text-primary);
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.xl-ui[data-page_key="home"] .dx-home-partner-links__title::before,
.xl-ui[data-page_key="home"] .dx-home-partner-links__title::after { display: none; }
.xl-ui[data-page_key="home"] .dx-home-partner-links__list { min-width: 0; gap: 8px 16px; }
.xl-ui[data-page_key="home"] .dx-home-partner-links__item { width: 170px; max-width: 100%; }
.xl-ui[data-page_key="home"] .dx-home-partner-links__link {
  display: flex;
  gap: 8px;
  max-width: 100%;
  min-height: 24px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  transition: color .15s ease;
}
.xl-ui[data-page_key="home"] .dx-home-partner-links__img {
  flex-basis: 18px;
  width: 18px;
  height: 18px;
  margin: 0;
  border-radius: 4px;
  background: var(--bg-emphasis);
}
.xl-ui[data-page_key="home"] .dx-home-partner-links__link:hover {
  color: var(--brand-blue-default);
  background: transparent;
}
.xl-ui[data-page_key="home"] .dx-home-partner-links__link:focus-visible {
  /* common.min.css resets a:focus with !important; restore keyboard focus locally. */
  outline: 2px solid var(--brand-blue-default) !important;
  outline-offset: 3px;
}
@media(max-width:640px) {
  .xl-ui[data-page_key="home"] .dx-home-partner-links__title { font-size: 20px; line-height: 28px; }
  .xl-ui[data-page_key="home"] .dx-home-partner-links__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
  .xl-ui[data-page_key="home"] .dx-home-partner-links__item { width: auto; }
  .xl-ui[data-page_key="home"] .dx-home-partner-links__link { min-height: 44px; }
}
@media(prefers-reduced-motion:reduce) {
  .xl-ui[data-page_key="home"] .dx-home-partner-links__link { transition: none; }
}

/* Match the supplied footer template: 48px monochrome circles, 16px gaps. */
.xl-ui .xl-footer .xl-share { flex-wrap: wrap; gap: 16px; }
.xl-ui .xl-footer .xl-share > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
}
.xl-ui .xl-footer .xl-share img { display: block; width: 48px; height: 48px; }
.xl-ui .xl-footer .xl-share > a:focus-visible {
  outline: 2px solid var(--brand-blue-default) !important;
  outline-offset: 3px;
}

/* Notifications stay in the header popover; only the message area scrolls. */
.xl-ui .xl-notification-popover{display:flex;flex-direction:column;overflow:visible;gap:0;--nm-text:var(--text-primary);--nm-muted:var(--text-tertiary);--nm-border:transparent;--nm-surface:var(--bg-page);--nm-tint:var(--bg-surface);--nm-blue:var(--brand-blue-default)}
.xl-ui .xl-notification-popover .xl-notification-card{margin:0;padding:24px}
.xl-ui .xl-notification-popover .notification-detail{margin:0;padding:0;background:transparent}
.xl-ui .xl-notification-popover .notification-detail h1{font-size:18px;line-height:1.5;margin:0 0 8px}
.xl-ui .xl-notification-popover .notification-detail time,.xl-ui .xl-notification-popover .notification-kind{font-size:12px;color:var(--text-tertiary)}
.xl-ui .xl-notification-popover .notification-text{white-space:normal;overflow-wrap:anywhere}
.xl-ui .xl-notification-popover .notification-actor-card{display:block;color:var(--text-primary)}
.xl-ui .xl-notification-popover .xl-notification-author h3{white-space:normal;overflow-wrap:anywhere}
.xl-ui .xl-notification-popover .xl-notification-avatar{mask:none;-webkit-mask:none;background:var(--bg-surface)}
.xl-ui .xl-notification-popover .xl-notification-avatar img{object-fit:cover}
.xl-ui .xl-notification-popover .xl-notification-content{color:var(--text-primary)}
.xl-ui .xl-notification-popover .xl-notification-cover{height:auto;align-self:stretch}
.xl-ui .xl-notification-popover .xl-notification-copy{gap:12px;padding:16px;justify-content:center}
.xl-ui .xl-notification-popover .xl-notification-meta svg{width:20px;height:20px;flex:none}
.xl-ui .xl-notification-popover .xl-notification-copy h4{line-height:25px}
.xl-ui .xl-notification-popover .xl-notification-error:empty,.xl-ui .xl-notification-popover .xl-notification-more:empty{display:none}
.xl-ui .xl-notification-popover .xl-notification-error{color:var(--state-danger,#e44545);font-size:14px;margin:0 0 12px}
.xl-ui .xl-notification-popover .xl-notification-more{text-align:center;color:var(--text-tertiary);font-size:12px;flex:none;margin:0}
@media(max-width:640px){.xl-ui .xl-notification-popover .xl-notification-card{padding:16px}.xl-ui .xl-notification-popover .xl-notification-copy{padding:12px;gap:8px}.xl-ui .xl-notification-popover .xl-notification-copy h4{line-height:20px}.xl-ui .xl-notification-popover .xl-notification-author{flex-wrap:nowrap}.xl-ui .xl-notification-popover .xl-notification-meta{column-gap:4px}.xl-ui .xl-notification-popover .xl-notification-meta i{margin-inline:2px}}

/* Shared shortcuts and customer-service chooser. */
.xl-desktop-backtop-icon{display:none}
.xl-home .xl-desktop-floating{position:fixed;right:20px;bottom:80px;z-index:120;display:flex;flex-direction:column;gap:8px;width:40px}
.xl-home .xl-desktop-floating>a,.xl-home .xl-desktop-floating>.dx-backtop{position:static!important;inset:auto!important;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;min-width:40px;height:52px;min-height:0;padding:10px 0;border:0;border-radius:20px;background:linear-gradient(-33.554938264159574deg,var(--brand-gradient-default-end) 11.981%,var(--brand-gradient-default-start) 88.437%);color:var(--text-on-brand)!important;text-align:center;text-decoration:none;font:600 12px/16px var(--font-ui);box-shadow:none;text-shadow:none;filter:none;animation:none;transform:none}
.xl-home .xl-desktop-floating>.dx-backtop{height:40px;padding:0;background:var(--brand-blue-default);border-radius:50%;opacity:1;visibility:hidden;pointer-events:none}
.xl-home.is-backtop-visible .xl-desktop-floating>.dx-backtop{visibility:visible;pointer-events:auto}
.xl-home .xl-desktop-floating>.dx-backtop img{display:block;width:24px;height:24px}
.xl-home .xl-desktop-floating .xl-desktop-backtop-icon{display:block;flex:none}
.xl-home .xl-desktop-floating>a:hover,.xl-home .xl-desktop-floating>.dx-backtop:hover{filter:brightness(1.06);transform:none;box-shadow:none}
.xl-desktop-floating>a:focus-visible,.xl-desktop-floating>button:focus-visible{outline:2px solid var(--brand-blue-default);outline-offset:3px}
.xl-home.modal-open .xl-desktop-floating{visibility:hidden;pointer-events:none}
.xl-home.modal-open .xl-desktop-floating>.dx-backtop{visibility:hidden;pointer-events:none}
@media(max-width:640px){.xl-h5-shell-enabled .xl-desktop-floating{display:none!important}}
.xl-support{position:relative;width:40px;flex:none}
.xl-home .xl-support-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:52px;padding:10px 0;border:0;border-radius:20px;background:linear-gradient(-33.554938264159574deg,var(--brand-gradient-default-end) 11.981%,var(--brand-gradient-default-start) 88.437%);color:var(--text-on-brand);font:600 12px/16px var(--font-ui);cursor:pointer}
.xl-home .xl-support-panel{position:absolute;right:52px;bottom:-4px;box-sizing:border-box;width:288px;max-width:calc(100vw - 88px);padding:16px;border-radius:12px;background:var(--bg-surface);color:var(--text-primary);display:flex;flex-direction:column;gap:8px;text-align:left}
.xl-support-panel[hidden]{display:none!important}
.xl-support-panel:after{content:'';position:absolute;right:-9px;bottom:18px;width:10px;height:16px;background:var(--bg-surface);-webkit-mask:url('/static/web/images/redesign/support-pointer.svg') center/10px 16px no-repeat;mask:url('/static/web/images/redesign/support-pointer.svg') center/10px 16px no-repeat}
.xl-home .xl-support-panel h2{margin:0 0 4px;font:600 16px/22px var(--font-ui)}
.xl-home .xl-support-option{display:flex;align-items:center;gap:12px;min-height:56px;width:100%;padding:0;border-radius:8px;background:none;color:var(--text-primary);text-decoration:none;text-align:left}
.xl-support-icon{display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--bg-page)}
.xl-support-icon img{display:block;width:20px;height:20px}
.xl-support-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.xl-support-copy strong{font:600 16px/22px var(--font-ui)}
.xl-support-copy>span{font:400 12px/18px var(--font-ui);color:var(--text-tertiary)}
.xl-support-toggle:hover,.xl-support-option:hover{filter:brightness(1.06)}
.xl-support-toggle:focus-visible,.xl-support-option:focus-visible{outline:2px solid var(--brand-blue-default);outline-offset:3px}

/* Shared article cards keep their design height regardless of source image ratio. */
body.xl-ui .xl-news{height:176px;min-height:0}
body.xl-ui .xl-news-image{position:relative;height:100%;overflow:hidden}
body.xl-ui .xl-news-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.xl-ui .xl-news-copy{justify-content:flex-start;gap:8px;overflow-wrap:anywhere;flex:1;min-height:0;overflow:hidden}
body.xl-ui .xl-news-copy>a,body.xl-ui .xl-news-copy>p,body.xl-ui .xl-news-copy>.xl-tags{flex-shrink:0}
body.xl-ui .xl-news-copy>p{margin:0}
body.xl-ui .xl-news-copy>p{margin-top:auto}
body.xl-ui .xl-news h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;max-height:none}
@media(max-width:640px){
 body.xl-ui .xl-news{height:calc(150 * var(--xl-h5-unit));min-height:0}
 body.xl-ui .xl-news-copy{padding:calc(12 * var(--xl-h5-unit));gap:calc(8 * var(--xl-h5-unit))}
 body.xl-ui .xl-news h3{font-size:calc(14 * var(--xl-h5-unit));line-height:calc(20 * var(--xl-h5-unit));max-height:calc(60 * var(--xl-h5-unit))}
 body.xl-ui .xl-news-copy>p{font-size:calc(12 * var(--xl-h5-unit));line-height:calc(17 * var(--xl-h5-unit))}
 body.xl-ui .xl-news-copy>.xl-tags{height:calc(24 * var(--xl-h5-unit))}
 body.xl-ui .xl-news-copy>.xl-tags>*{font-size:calc(12 * var(--xl-h5-unit));line-height:calc(18 * var(--xl-h5-unit));height:calc(24 * var(--xl-h5-unit));padding:calc(3 * var(--xl-h5-unit)) calc(8 * var(--xl-h5-unit))}
 body.xl-ui .xl-h5-home-article-copy h3,body.xl-ui .xl-h5-article-copy h3{-webkit-line-clamp:3}
}

/* Hide tags until measured, preserving natural widths and a stable single row. */
.xl-ui :is(.xl-video,.xl-star,.xl-actor,.xl-news-copy,.xl-video-card) .xl-tags{flex-wrap:nowrap;min-width:0;overflow:hidden}
.xl-ui :is(.xl-video,.xl-star,.xl-actor,.xl-news-copy,.xl-video-card) .xl-tags>*{flex:0 0 auto;max-width:none;visibility:hidden}
.xl-ui .xl-tags>[data-card-tag-overflow]{visibility:hidden!important}

/* Desktop page scrolling keeps its native flow; the translucent handle overlays content. */
html.xl-overlay-scrollbar{scrollbar-width:none;scrollbar-gutter:auto}
html.xl-overlay-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}
.xl-page-scrollbar{position:fixed;z-index:1000;inset:0 0 0 auto;width:10px;touch-action:none;background:transparent;cursor:default}
.xl-page-scrollbar[hidden]{display:none!important}
.xl-page-scrollbar-thumb{position:absolute;top:0;right:2px;width:6px;border-radius:4px;background:rgba(126,125,141,.45)}
.xl-page-scrollbar:hover .xl-page-scrollbar-thumb{background:rgba(126,125,141,.75)}
.xl-page-scrollbar:focus-visible{outline:2px solid var(--brand-blue-default);outline-offset:-2px}
@media(max-width:640px){.xl-page-scrollbar{display:none}}