.lgg-single--page:has(.promotions) .lgg-single__body{ padding: 0} .promotions{ grid-template-rows: auto auto 1fr} .promotions__spacer{ height: 0.5rem} .promotions-content.page{ background-color: #081950; height: auto; min-height: 0; padding: 0; width: 100%} .promotions-content> ul{ display: grid; gap: 0.25rem; grid-auto-flow: dense; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0} .promotions-content> ul> .alert{ grid-column: 1 / -1} .promotions-content> .alert, .promotions-content> .loading-observer{ margin: 0.5rem} .promotion{ background-color: #030a12; display: grid; gap: 0.5rem; overflow: hidden; padding: 0.5rem; position: relative} .promotion__title{ color: inherit; display: block; padding-right: 1.5rem; text-decoration: none} .promotion__title h2{ display: -webkit-box; font-size: 0.875rem; font-weight: 700; height: 2lh; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; margin: 0; overflow: hidden} .promotion__title h4{ color: #0e34d5; font-size: 0.625rem; height: 1lh; margin: 0} .promotion> p{ display: -webkit-box; font-size: 0.75rem; font-weight: 700; height: 7lh; -webkit-box-orient: vertical; -webkit-line-clamp: 7; line-clamp: 7; margin: 0; overflow: hidden} .promotion__controls{ display: grid; gap: 0.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: start} .promotion--highlight{ grid-column: 1 / -1} .promotion--highlight .promotion__title h2{ height: 1lh; -webkit-line-clamp: 1; line-clamp: 1} .promotion--highlight> p{ height: 3lh; -webkit-line-clamp: 3; line-clamp: 3} .promotion--highlight .promotion__controls{ grid-template-columns: 1fr repeat(2, minmax(0, 1fr)) 1fr} .promotion--highlight .promotion__controls .btn--accent{ grid-column: 2 / 3} .promotion--highlight .promotion__controls .btn.detail{ grid-column: 3 / 4} .promotion--highlight .promotion__controls .btn.detail:only-child{ grid-column: 2 / 4} .promotion__flag{ position: absolute; right: 0; top: 0; width: 2rem; z-index: 2} .promotion__flag div{ display: flex; justify-content: flex-end; padding: 0.3125rem 0.25rem 0.25rem} .promotion__flag::before{ border-radius: 5px 0 0 5px; content: ""; height: 0.1875rem; position: absolute; right: 0; width: 2rem} .promotion__flag.exclusive::before{ background-color: #f2a20f} .promotion__flag.network::before{ background-color: #0a46a6} .promotion-detail{ background-color: #081950} .promotion-detail .loading-observer{ padding: 0.5rem} .promotion-detail__current{ min-height: 14rem} .promotion-detail__current.is-ready{ min-height: 0} .promotion-detail__current> .promotion-detail__summary, .promotion-detail__current> p.promotion-detail__summary{ font-size: 0.75rem; font-weight: 700; line-height: 1.45; margin: 0; padding: 0 0.5rem} .promotion-detail .promotion-banner{ padding: 0 0.5rem} .promotion-detail .promotion-banner.promotion-banner--highlight a, .promotion-detail .promotion-banner a{ padding-bottom: 46.34146%} .promotion-detail .promotion-detail__content{ box-sizing: border-box; color: hsla(0, 0%, 100%, 0.88); line-height: 1.5; max-width: 100%; overflow: visible; overflow-x: auto; -webkit-overflow-scrolling: touch; word-break: break-word} .promotion-detail .promotion-detail__content + .promotion-detail__content, .promotion-detail .promotion-detail__rules{ border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin-top: 0.25rem; padding-top: 0.75rem} .promotion-detail .promotion-detail__content h2, .promotion-detail .promotion-detail__content h3, .promotion-detail .promotion-detail__content h4{ color: #fff; font-size: 0.8125rem; font-weight: 700; line-height: 1.35; margin: 0.75rem 0 0.375rem} .promotion-detail .promotion-detail__content>:first-child{ margin-top: 0} .promotion-detail .promotion-detail__content div{ margin-bottom: 0.375rem} .promotion-detail .promotion-detail__content p{ margin: 0 0 0.5rem} .promotion-detail .promotion-detail__content img{ display: block; height: auto; margin: 0.5rem auto; max-width: 100%} .promotion-detail .promotion-detail__content ul{ list-style: disc inside; margin: 0 0 0.5rem; padding-left: 0.25rem} .promotion-detail .promotion-detail__content table{ display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch} .promotion-detail .promotion-detail__content table td, .promotion-detail .promotion-detail__content table th{ font-size: 0.6875rem; word-break: break-word} .promotion-detail__actions{ padding: 0 0.5rem 0.75rem} .promotion-detail--d .promotion-list{ min-width: 0} .promotion-detail--d .promotion-list__item{ color: inherit; text-decoration: none} @media(min-width: 1024px){ .promotions> .page-nav.page-nav--grid{ align-items: center; display: grid; grid-template-columns: auto 1fr} .promotion-detail--d{ min-height: 24rem} .promotion-detail--d .promotion-detail__current{ min-height: 0}}