.promotion-carousel { position: relative; width: 100%; background: #f3f8fc; }
.promotion-carousel .promotion-slide { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.promotion-carousel .promotion-slide[hidden] { display: none !important; }
.promotion-carousel .promotion-slide img { display: block; width: 100%; height: 100%; object-fit: contain; }
.promotion-carousel button { border: 0; cursor: pointer; font-family: inherit; }
.promotion-carousel .promotion-prev, .promotion-carousel .promotion-next { position: absolute; top: calc(50% - 25px); width: 44px; height: 50px; background: #14203366; color: white; font-size: 30px; border-radius: 5px; z-index: 2; }
.promotion-carousel .promotion-prev { left: 16px; }
.promotion-carousel .promotion-next { right: 16px; }
.promotion-carousel .promotion-dots { position: absolute; bottom: 18px; left: 0; right: 0; text-align: center; z-index: 2; }
.promotion-carousel .promotion-dot { width: 12px; height: 12px; border-radius: 50%; padding: 0; margin: 0 7px; background: #ffffff; box-shadow: 0 0 0 1px #42526a88; }
.promotion-carousel .promotion-dot[aria-pressed="true"] { background: #ff6a00; width: 28px; border-radius: 8px; }
.promotion-carousel.promotion-carousel-rw .promotion-dot[aria-pressed="true"] { background: #3285ff; }
.promotion-carousel button:focus-visible { outline: 3px solid #222; outline-offset: 3px; }

.promotion-home #content { padding-top: 180px; }