/* 4Q 123 Banner R10: one continuous pastel gradient, no internal card split. */
html body #home #promo-carousel.promo-strip,
html body #promo-carousel.promo-strip {
  background: linear-gradient(112deg,#fffbfb 0%,#fbf5f7 38%,#f6e9ef 74%,#f3e2eb 100%) !important;
  border: 1px solid rgba(153,107,130,.15) !important;
  border-radius: 17px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
html body #home #promo-carousel .promo-item,
html body #promo-carousel .promo-item,
html body #home #promo-carousel .promo-item.promo-launch,
html body #home #promo-carousel .promo-item.promo-why,
html body #home #promo-carousel .promo-item.promo-guide,
html body #promo-carousel .promo-item.theme-2,
html body #promo-carousel .promo-item.theme-3,
html body #promo-carousel .promo-item.sponsored {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html body #home #promo-carousel .promo-viewport,
html body #promo-carousel .promo-viewport,
html body #home #promo-carousel .promo-track,
html body #promo-carousel .promo-track,
html body #home #promo-carousel .promo-slide,
html body #promo-carousel .promo-slide,
html body #home #promo-carousel .promo-footer,
html body #promo-carousel .promo-footer {
  background: transparent !important;
  border: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
}
/* Hide legacy R5/R7/R8/R9 playback / previous-next / status UI entirely. */
html body #home #promo-carousel .promo-controls,
html body #promo-carousel .promo-controls,
html body #home #promo-carousel .promo-controls.r5-controls,
html body #promo-carousel .promo-controls.r5-controls,
html body #promo-carousel #promo-pause,
html body #promo-carousel .promo-pause,
html body #promo-carousel .promo-play-toggle,
html body #promo-carousel .promo-control,
html body #promo-carousel .promo-status,
html body #promo-carousel .promo-rotation,
html body #promo-carousel .promo-prev,
html body #promo-carousel .promo-next,
html body #promo-carousel .promo-arrow,
html body #promo-carousel .promo-navigation,
html body #promo-carousel #promo-count,
html body #promo-carousel button[aria-label*="일시정지"],
html body #promo-carousel button[aria-label*="재생"],
html body #promo-carousel button[aria-label*="이전 배너"],
html body #promo-carousel button[aria-label*="다음 배너"] {
  display: none !important;
  visibility: hidden !important;
}
/* No pseudo-element or icon arrows on CTA buttons/links. */
html body #promo-carousel .promo-cta::after,
html body #promo-carousel .promo-copy a::after,
html body #promo-carousel .promo-copy button::after,
html body #promo-carousel .promo-action::after,
html body #promo-carousel [data-promo-cta]::after {
  content: none !important;
  display: none !important;
}
html body #promo-carousel .promo-cta .cta-arrow,
html body #promo-carousel .promo-cta .icon-arrow,
html body #promo-carousel .promo-cta .arrow,
html body #promo-carousel .promo-copy a .cta-arrow,
html body #promo-carousel .promo-copy a .icon-arrow,
html body #promo-carousel .promo-copy a .arrow {display:none !important;}
/* Keep only the three position bars, with no separate solid footer band. */
html body #home #promo-carousel #promo-dots,
html body #promo-carousel #promo-dots,
html body #home #promo-carousel .promo-indicators,
html body #promo-carousel .promo-indicators {
  display: flex !important;
  visibility: visible !important;
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  gap: 7px !important;
  z-index: 10 !important;
}
html body #promo-carousel #promo-dots[hidden] {display:none !important;}
/* Preserve the Q ribbon artwork and its existing opacity; do not override ::after art. */
@media(max-width:750px){
  html body #home #promo-carousel.promo-strip,
  html body #promo-carousel.promo-strip {border-radius:15px !important;}
}