/* XLabAPK featured banner: uncropped artwork, theme-aware details, responsive layout. */
.xl-featured-section { padding: 14px 0 24px; }
.xl-featured-section .xl-slider {
  max-width: 1120px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--xl-border, #e1e4e8);
  border-radius: 22px;
  background: var(--xl-surface, #fff);
  box-shadow: 0 14px 36px rgb(15 23 42 / 10%);
}
.xl-featured-section .xl-slider-track { align-items: stretch; gap: 0; }
.xl-featured-section .xl-slider-card {
  height: auto; overflow: hidden; border: 0; border-radius: 0;
  background: transparent;
}
.xl-featured-section .xl-slider-card::after { display: none; }
.xl-play-featured-shell {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: var(--xl-surface, #fff);
}
.xl-featured-section .xl-slider-link {
  position: relative;
  order: 0;
  display: block;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  overflow: hidden;
  aspect-ratio: auto;
  border-radius: 0;
  background: var(--xl-bg-alt, #f1f3f5);
  text-decoration: none;
}
.xl-play-featured-artwork {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  overflow: hidden;
  background: var(--xl-bg-alt, #f1f3f5);
  isolation: isolate;
}
.xl-play-featured-artwork::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(0deg, rgb(10 12 18 / 14%), transparent 38%);
}
/* Let the selected banner source determine its own height. This prevents cropping and artificial side gutters. */
.xl-play-featured-artwork .xl-slider-picture {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
.xl-play-featured-artwork .xl-slider-img {
  position: static;
  inset: auto;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.xl-play-featured-artwork .xl-slider-fallback {
  position: relative;
  display: block;
  width: 100%;
  min-height: clamp(180px, 48vw, 420px);
}
.xl-play-featured-copy { order: 1; }
.xl-play-featured-copy {
  position: relative;
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 18px;
  padding: 18px 22px;
  border-top: 1px solid var(--xl-border, #e1e4e8);
  background: var(--xl-surface, #fff);
  color: var(--xl-text, #20242c);
}
.xl-play-featured-eyebrow { display: none; }
.xl-play-featured-copy::before {
  position: absolute;
  inset: 14px auto 14px 0;
  width: 3px;
  border-radius: 0 4px 4px 0;
  background: var(--xl-accent, #e11d48);
  content: "";
}
.xl-play-featured-app-row {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  gap: 13px;
}
.xl-play-featured-icon-link {
  display: block;
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  overflow: hidden;
  border: 1px solid var(--xl-border, #e1e4e8);
  border-radius: 14px;
  background: var(--xl-bg-alt, #f1f3f5);
  text-decoration: none;
  box-shadow: 0 3px 10px rgb(15 23 42 / 8%);
}
.xl-featured-section .xl-slider-icon {
  display: block; width: 100%; height: 100%; overflow: hidden;
  border: 0; border-radius: inherit; box-shadow: none;
}
.xl-featured-section .xl-slider-app-icon {
  display: block; width: 100%; height: 100%; object-fit: cover;
}
.xl-play-featured-app-copy {
  display: flex; min-width: 0; flex: 1 1 auto;
  flex-direction: column; align-items: flex-start; gap: 5px;
}
.xl-play-featured-app-title {
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  color: var(--xl-text, #20242c);
  font-size: clamp(1.08rem, 1.8vw, 1.45rem);
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.xl-play-featured-app-title:hover { color: var(--xl-accent, #e11d48); }
.xl-play-featured-developer {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: var(--xl-text-secondary, #687180);
  font-size: .9rem;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.xl-play-featured-action {
  display: inline-flex;
  min-height: 44px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 20px;
  border: 1px solid #d31349;
  border-radius: 12px;
  background: linear-gradient(110deg, #ed1853, #c91148);
  color: #fff;
  font-size: .92rem;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 5px 14px rgb(237 24 83 / 20%);
  transition: transform .18s ease, box-shadow .18s ease;
}
.xl-play-featured-action svg { width: 17px; height: 17px; }
.xl-play-featured-action:hover { color: #fff; transform: translateY(-1px); box-shadow: 0 8px 20px rgb(237 24 83 / 28%); }
.xl-play-featured-action:focus-visible,
.xl-play-featured-app-title:focus-visible,
.xl-play-featured-icon-link:focus-visible,
.xl-featured-section .xl-slider-link:focus-visible {
  outline: 2px solid var(--xl-accent, #e11d48); outline-offset: 3px;
}
.xl-featured-section .xl-slider-nav {
  z-index: 5;
  top: 50%;
  width: 38px; height: 38px;
  border: 1px solid rgb(255 255 255 / 30%);
  border-radius: 50%;
  background: rgb(18 19 24 / 72%);
  color: #fff;
  box-shadow: 0 4px 14px rgb(0 0 0 / 20%);
  transform: translateY(-50%);
  backdrop-filter: blur(8px);
}
.xl-featured-section .xl-slider-nav--prev { left: 12px; right: auto; }
.xl-featured-section .xl-slider-nav--next { right: 12px; }
.xl-featured-section .xl-slider-dots {
  position: absolute; z-index: 5;
  right: 18px; bottom: auto; top: 16px; left: auto;
  display: flex; justify-content: flex-end; gap: 7px; padding: 0;
}
.xl-featured-section .xl-slider-dot { width: 6px; height: 6px; background: rgb(255 255 255 / 62%); }
.xl-featured-section .xl-slider-dot.is-active { width: 19px; background: #ed1853; }
.xl-featured-section .xl-slider-dot:focus-visible { outline-color: #ff7197; }
html[data-theme="dark"] .xl-featured-section .xl-slider,
html[data-theme="dark"] .xl-play-featured-shell,
html[data-theme="dark"] .xl-play-featured-copy {
  background: var(--xl-surface, #292a2d);
}
html[data-theme="dark"] .xl-featured-section .xl-slider {
  border-color: var(--xl-border, #45464a);
  box-shadow: 0 16px 38px rgb(0 0 0 / 24%);
}
html[data-theme="dark"] .xl-play-featured-copy { border-top-color: var(--xl-border, #45464a); }
html[data-theme="dark"] .xl-play-featured-artwork,
html[data-theme="dark"] .xl-featured-section .xl-slider-link,
html[data-theme="dark"] .xl-play-featured-icon-link {
  background: var(--xl-bg, #202124);
}
html[data-theme="dark"] .xl-play-featured-app-title { color: var(--xl-text, #f1f3f4); }
html[data-theme="dark"] .xl-play-featured-developer { color: var(--xl-text-secondary, #bdc1c6); }
@media (min-width: 768px) {
  .xl-featured-section { padding-top: 16px; padding-bottom: 30px; }
  .xl-play-featured-copy { padding: 20px 26px; }
  .xl-play-featured-icon-link { width: 64px; height: 64px; flex-basis: 64px; }
}
@media (max-width: 767px) {
  .xl-featured-section { padding-top: 10px; padding-bottom: 20px; }
  .xl-featured-section .xl-play-featured-artwork {
    aspect-ratio: 16 / 9;
  }
  .xl-featured-section .xl-play-featured-artwork .xl-slider-picture {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .xl-featured-section .xl-play-featured-artwork .xl-slider-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .xl-featured-section .xl-slider { border-radius: 19px; }
  .xl-play-featured-copy { order: 1; gap: 11px; padding: 14px 13px 15px; }
  .xl-play-featured-copy::before { inset: 12px auto 12px 0; width: 2px; }
  .xl-play-featured-app-row { gap: 10px; }
  .xl-play-featured-icon-link { width: 50px; height: 50px; flex-basis: 50px; border-radius: 12px; }
  .xl-play-featured-app-title { font-size: .98rem; }
  .xl-play-featured-developer { font-size: .8rem; }
  .xl-play-featured-action { min-height: 38px; gap: 7px; padding: 0 12px; border-radius: 10px; font-size: .8rem; }
  .xl-play-featured-action svg { width: 15px; height: 15px; }
  .xl-featured-section .xl-slider-nav { width: 32px; height: 32px; }
  .xl-featured-section .xl-slider-dots { top: 11px; right: 12px; }
}
@media (max-width: 380px) {
  .xl-featured-section .xl-slider { border-radius: 16px; }
  .xl-play-featured-copy { order: 1; gap: 8px; padding: 12px 10px 13px; }
  .xl-play-featured-app-row { gap: 8px; }
  .xl-play-featured-icon-link { width: 44px; height: 44px; flex-basis: 44px; border-radius: 10px; }
  .xl-play-featured-app-title { font-size: .9rem; }
  .xl-play-featured-developer { font-size: .73rem; }
  .xl-play-featured-action { min-height: 35px; padding: 0 9px; font-size: .74rem; }
}
@media (prefers-reduced-motion: reduce) {
  .xl-play-featured-action, .xl-play-featured-artwork .xl-slider-img { transition: none; }
}
 

/* Featured slider interaction refresh: native horizontal snap, side preview and timed dots. */
.xl-featured-section .xl-slider {
  overflow: hidden;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.xl-featured-section .xl-slider-track {
  display: flex;
  align-items: stretch;
  gap: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 8px 6% 15px;
  scroll-padding-inline: 6%;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  transform: none !important;
  transition: none !important;
}
.xl-featured-section .xl-slider-track::-webkit-scrollbar { display: none; }
.xl-featured-section .xl-slider-card {
  flex: 0 0 88%;
  min-width: 0;
  height: auto;
  overflow: visible;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  opacity: .56;
  transform: scale(.965);
  transform-origin: center center;
  transition: opacity .32s ease, transform .32s ease;
}
.xl-featured-section .xl-slider-card.is-active {
  opacity: 1;
  transform: scale(1);
}
.xl-featured-section .xl-play-featured-shell {
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--xl-border, #e1e4e8);
  border-radius: 20px;
  background: var(--xl-surface, #fff);
  box-shadow: 0 8px 22px rgb(15 23 42 / 8%);
}
.xl-featured-section .xl-play-featured-meta {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
}
.xl-featured-section .xl-play-featured-meta .xl-play-featured-developer {
  flex: 0 1 auto;
}
.xl-featured-section .xl-slider-nav {
  top: 34%;
}
.xl-featured-section .xl-slider-dots {
  position: relative !important;
  inset: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 0;
  padding: 2px 0 12px;
}
.xl-featured-section .xl-slider-dot {
  position: relative;
  display: block;
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: color-mix(in srgb, var(--xl-text-secondary, #687180) 48%, transparent);
  opacity: .58;
  cursor: pointer;
  transition: width .28s ease, opacity .28s ease, background-color .28s ease;
}
.xl-featured-section .xl-slider-dot.is-active {
  flex-basis: 27px;
  width: 27px;
  background: color-mix(in srgb, var(--xl-accent, #e11d48) 12%, var(--xl-bg-alt, #f1f3f5));
  opacity: 1;
}
.xl-featured-section .xl-slider-dot.is-active::after {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--xl-accent, #e11d48);
  content: "";
  transform: scaleX(0);
  transform-origin: left center;
  animation: xl-slider-dot-progress var(--xl-slider-interval, 5000ms) linear forwards;
}
.xl-featured-section .xl-slider.is-paused .xl-slider-dot.is-active::after {
  animation-play-state: paused;
}
.xl-featured-section .xl-slider[data-autoplay="false"] .xl-slider-dot.is-active::after {
  animation: none;
  transform: scaleX(1);
}
.xl-featured-section .xl-slider-dot:focus-visible {
  outline: 2px solid var(--xl-accent, #e11d48);
  outline-offset: 3px;
}
@keyframes xl-slider-dot-progress {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}
html[data-theme="dark"] .xl-featured-section .xl-play-featured-shell {
  border-color: var(--xl-border, #45464a);
  background: var(--xl-surface, #292a2d);
  box-shadow: 0 8px 24px rgb(0 0 0 / 22%);
}
html[data-theme="dark"] .xl-featured-section .xl-slider-dot.is-active {
  background: color-mix(in srgb, var(--xl-accent, #e11d48) 18%, var(--xl-surface, #292a2d));
}
@media (max-width: 767px) {
  .xl-featured-section .xl-slider-track {
    gap: 11px;
    padding: 7px 6% 13px;
    scroll-padding-inline: 6%;
  }
  .xl-featured-section .xl-slider-card { flex-basis: 88%; }
  .xl-featured-section .xl-play-featured-shell { border-radius: 17px; }
  .xl-featured-section .xl-slider-nav { top: 31%; }
  .xl-featured-section .xl-slider-dots { padding-bottom: 10px; }
  .xl-featured-section .xl-play-featured-meta { gap: 5px 7px; }
}
@media (prefers-reduced-motion: reduce) {
  .xl-featured-section .xl-slider-track { scroll-behavior: auto; }
  .xl-featured-section .xl-slider-card,
  .xl-featured-section .xl-slider-dot { transition: none; }
  .xl-featured-section .xl-slider-dot.is-active::after { animation: none; transform: scaleX(1); }
}



/* Uniform cinematic hero frame — keep every featured slide the same height. */
.xl-featured-section .xl-slider {
  max-width: 1120px;
  margin: 0 auto;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.xl-featured-section .xl-slider-track {
  display: flex;
  align-items: stretch;
  gap: 13px;
  padding: 10px 5.5% 0;
  scroll-padding-inline: 5.5%;
  background: transparent;
}
.xl-featured-section .xl-slider-card {
  flex: 0 0 89%;
  min-width: 0;
  height: auto;
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  opacity: .48;
  transform: scale(.975);
  transition: opacity .28s ease, transform .28s ease;
}
.xl-featured-section .xl-slider-card.is-active {
  opacity: 1;
  transform: scale(1);
}
.xl-featured-section .xl-play-featured-shell {
  display: block;
  height: auto;
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.xl-featured-section .xl-slider-link {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 0;
  border-radius: 20px;
  outline-offset: 4px;
  background: transparent !important;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 12px 28px rgb(0 0 0 / 24%);
  -webkit-tap-highlight-color: transparent;
}
.xl-featured-section .xl-play-featured-artwork {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  overflow: hidden;
  aspect-ratio: 2 / 1 !important;
  isolation: isolate;
  background:
    radial-gradient(ellipse at 50% 30%, rgb(225 29 72 / 20%), transparent 55%),
    #11131a;
}
.xl-featured-section .xl-play-featured-artwork::before {
  display: none !important;
}
.xl-featured-section .xl-play-featured-artwork::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  content: "";
  background: linear-gradient(
    180deg,
    rgb(7 9 15 / 0%) 25%,
    rgb(7 9 15 / 5%) 43%,
    rgb(7 9 15 / 28%) 57%,
    rgb(7 9 15 / 76%) 78%,
    rgb(7 9 15 / 96%) 100%
  );
}
.xl-featured-section .xl-play-featured-artwork .xl-slider-picture {
  position: absolute !important;
  inset: 0;
  display: block;
  width: 100%;
  height: 100% !important;
  overflow: hidden;
}
.xl-featured-section .xl-play-featured-artwork .xl-slider-img {
  position: absolute !important;
  inset: 0;
  display: block;
  width: 100% !important;
  max-width: none;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center 42%;
}
.xl-featured-section .xl-play-featured-artwork .xl-slider-fallback {
  position: absolute;
  inset: 0;
  min-height: 0;
  background:
    radial-gradient(ellipse at 50% 35%, rgb(225 29 72 / 25%), transparent 55%),
    linear-gradient(145deg, #252731, #0d1018);
}
.xl-featured-section .xl-play-featured-copy {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  min-width: 0;
  align-items: flex-end;
  gap: 0;
  padding: clamp(92px, 11vw, 132px) clamp(18px, 3vw, 32px) clamp(18px, 2.5vw, 26px);
  border: 0;
  background: transparent !important;
  color: #fff;
}
.xl-featured-section .xl-play-featured-copy::before {
  display: none;
}
.xl-featured-section .xl-play-featured-app-row {
  display: flex;
  min-width: 0;
  width: 100%;
  align-items: center;
  gap: 14px;
}
.xl-featured-section .xl-play-featured-icon-link {
  display: block;
  flex: 0 0 68px;
  width: 68px;
  height: 68px;
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / 26%);
  border-radius: 17px;
  background: rgb(255 255 255 / 10%);
  box-shadow: 0 6px 18px rgb(0 0 0 / 28%);
}
.xl-featured-section .xl-slider-icon,
.xl-featured-section .xl-slider-app-icon {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: inherit;
  object-fit: cover;
}
.xl-featured-section .xl-play-featured-app-copy {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.xl-featured-section .xl-play-featured-app-title {
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  color: #fff;
  font-size: clamp(1.12rem, 2.4vw, 1.72rem);
  font-weight: 850;
  line-height: 1.13;
  letter-spacing: -.025em;
  text-decoration: none;
  text-shadow: 0 2px 14px rgb(0 0 0 / 42%);
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.xl-featured-section .xl-play-featured-meta {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 10px;
}
.xl-featured-section .xl-play-featured-developer {
  max-width: 100%;
  overflow: hidden;
  color: rgb(255 255 255 / 86%);
  font-size: .86rem;
  font-weight: 560;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 1px 8px rgb(0 0 0 / 35%);
}
.xl-featured-section .xl-slider-link:focus-visible {
  outline: 3px solid var(--xl-accent, #e11d48);
  outline-offset: 4px;
}
.xl-featured-section .xl-slider-nav {
  top: 50%;
  opacity: .9;
}
.xl-featured-section .xl-slider-dots {
  position: relative !important;
  inset: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 0;
  padding: 11px 0 1px;
}
.xl-featured-section .xl-slider-dot {
  position: relative;
  display: block;
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: color-mix(in srgb, var(--xl-text-secondary, #687180) 55%, transparent);
  opacity: .58;
  cursor: pointer;
  transition: width .28s ease, opacity .28s ease, background-color .28s ease;
}
.xl-featured-section .xl-slider-dot.is-active {
  flex-basis: 28px;
  width: 28px;
  background: color-mix(in srgb, var(--xl-accent, #e11d48) 15%, var(--xl-bg-alt, #f1f3f5));
  opacity: 1;
}
.xl-featured-section .xl-slider-dot.is-active::after {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--xl-accent, #e11d48);
  content: "";
  transform: scaleX(0);
  transform-origin: left center;
  animation: xl-slider-dot-progress var(--xl-slider-interval, 5000ms) linear forwards;
}
.xl-featured-section .xl-slider.is-paused .xl-slider-dot.is-active::after {
  animation-play-state: paused;
}
.xl-featured-section .xl-slider[data-autoplay="false"] .xl-slider-dot.is-active::after {
  animation: none;
  transform: scaleX(1);
}
html[data-theme="dark"] .xl-featured-section .xl-slider,
html[data-theme="dark"] .xl-featured-section .xl-slider-track,
html[data-theme="dark"] .xl-featured-section .xl-slider-card,
html[data-theme="dark"] .xl-featured-section .xl-play-featured-shell {
  border: 0;
  background: transparent;
  box-shadow: none;
}
html[data-theme="dark"] .xl-featured-section .xl-slider-link {
  background: transparent;
  box-shadow: 0 12px 28px rgb(0 0 0 / 35%);
}
@media (min-width: 768px) {
  .xl-featured-section .xl-slider-track { padding: 14px 5.5% 0; }
  .xl-featured-section .xl-play-featured-artwork { aspect-ratio: 2.05 / 1 !important; }
  .xl-featured-section .xl-play-featured-copy { padding-right: 36px; padding-left: 36px; }
}
@media (max-width: 767px) {
  .xl-featured-section { padding-top: 6px; padding-bottom: 14px; }
  .xl-featured-section .xl-slider-track {
    gap: 11px;
    padding: 7px 5.5% 0;
    scroll-padding-inline: 5.5%;
  }
  .xl-featured-section .xl-slider-card { flex-basis: 89%; }
  .xl-featured-section .xl-play-featured-artwork {
    aspect-ratio: 16 / 9 !important;
  }
  .xl-featured-section .xl-slider-link { border-radius: 18px; }
  .xl-featured-section .xl-play-featured-copy {
    padding: 72px 14px 14px;
  }
  .xl-featured-section .xl-play-featured-app-row { gap: 10px; }
  .xl-featured-section .xl-play-featured-icon-link {
    flex-basis: 54px;
    width: 54px;
    height: 54px;
    border-radius: 14px;
  }
  .xl-featured-section .xl-play-featured-app-title {
    font-size: clamp(.94rem, 4vw, 1.15rem);
  }
  .xl-featured-section .xl-play-featured-developer { font-size: .73rem; }
  .xl-featured-section .xl-slider-nav {
    top: 44%;
    width: 32px;
    height: 32px;
  }
  .xl-featured-section .xl-slider-dots { padding-top: 10px; }
}
@media (max-width: 380px) {
  .xl-featured-section .xl-play-featured-copy { padding: 62px 11px 12px; }
  .xl-featured-section .xl-play-featured-app-row { gap: 8px; }
  .xl-featured-section .xl-play-featured-icon-link {
    flex-basis: 48px;
    width: 48px;
    height: 48px;
  }
  .xl-featured-section .xl-play-featured-developer { font-size: .68rem; }
}
@media (prefers-reduced-motion: reduce) {
  .xl-featured-section .xl-slider-card,
  .xl-featured-section .xl-slider-link,
  .xl-featured-section .xl-slider-dot { transition: none; }
}

 
/* Rounded, larger featured banner polish: consistent clipping and zero ambient shadow. */
.xl-featured-section .xl-slider {
  max-width: 1240px;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.xl-featured-section .xl-slider-track {
  gap: 12px;
  padding: 10px 3.5% 0;
  scroll-padding-inline: 3.5%;
}
.xl-featured-section .xl-slider-card {
  flex: 0 0 93%;
  overflow: visible;
  opacity: .5;
  transform: scale(.985);
}
.xl-featured-section .xl-slider-card.is-active {
  opacity: 1;
  transform: scale(1);
}
.xl-featured-section .xl-slider-link {
  position: relative;
  display: block;
  overflow: hidden !important;
  border: 1px solid rgb(15 23 42 / 10%);
  border-radius: 24px !important;
  clip-path: inset(0 round 24px);
  -webkit-clip-path: inset(0 round 24px);
  isolation: isolate;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}
.xl-featured-section .xl-play-featured-artwork {
  overflow: hidden;
  border-radius: inherit !important;
  background: #11131a;
}
.xl-featured-section .xl-play-featured-artwork .xl-slider-picture,
.xl-featured-section .xl-play-featured-artwork .xl-slider-img {
  border-radius: inherit;
}
html[data-theme="dark"] .xl-featured-section .xl-slider-link {
  overflow: hidden !important;
  border: 1px solid rgb(255 255 255 / 13%);
  border-radius: 24px !important;
  clip-path: inset(0 round 24px);
  -webkit-clip-path: inset(0 round 24px);
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] .xl-featured-section .xl-play-featured-artwork {
  border-radius: inherit !important;
}
@media (min-width: 768px) {
  .xl-featured-section .xl-slider-track {
    gap: 14px;
    padding: 12px 3.5% 0;
    scroll-padding-inline: 3.5%;
  }
  .xl-featured-section .xl-slider-card { flex-basis: 93%; }
}
@media (max-width: 767px) {
  .xl-featured-section .xl-slider-track {
    gap: 10px;
    padding: 7px 3.5% 0;
    scroll-padding-inline: 3.5%;
  }
  .xl-featured-section .xl-slider-card { flex-basis: 93%; }
  .xl-featured-section .xl-slider-link {
    border-radius: 22px !important;
    clip-path: inset(0 round 22px);
    -webkit-clip-path: inset(0 round 22px);
  }
  html[data-theme="dark"] .xl-featured-section .xl-slider-link {
    border-radius: 22px !important;
    clip-path: inset(0 round 22px);
    -webkit-clip-path: inset(0 round 22px);
  }
}
@media (max-width: 380px) {
  .xl-featured-section .xl-slider-link,
  html[data-theme="dark"] .xl-featured-section .xl-slider-link {
    border-radius: 20px !important;
    clip-path: inset(0 round 20px);
    -webkit-clip-path: inset(0 round 20px);
  }
}