/* ===== Promotions / Selected markets ===== */

/* Hero */
.pr-hero { position: relative; overflow: hidden; padding: 80px 0; border-bottom: 1px solid var(--c-line); }
.pr-hero__ghost { top: -20px; left: 0; right: 0; text-align: center; font-size: 240px; line-height: var(--lh-osw); color: var(--c-white); opacity: .03; }
.pr-hero__inner { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.pr-hero__content { width: 540px; flex: none; display: flex; flex-direction: column; gap: 24px; }
.pr-hero__title { display: flex; flex-direction: column; gap: 4px; }
.pr-hero__line { font-size: 88px; line-height: 84px; }
.pr-hero__text { font: 400 16px/1.5 var(--f-plex); color: var(--c-gray); }
.pr-hero__note { font: 400 13px/var(--lh-plex) var(--f-plex); color: var(--c-gray); opacity: .9; }
.pr-hero__actions { display: flex; }
.pr-hero__photo { width: 580px; height: 500px; flex: none; --shade: .3; }

/* Sports campaign */
.pr-sports { position: relative; overflow: hidden; padding: 80px 0; background: var(--c-paper); color: var(--c-ink); }
.pr-sports__inner { display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.pr-sports__photo { width: 580px; height: 500px; flex: none; --shade: .25; }
.pr-sports__photo .photo__label { top: 0; left: 0; padding: 8px 16px; font-size: 14px; letter-spacing: 0; }
.pr-sports__content { width: 560px; flex: none; display: flex; flex-direction: column; gap: 28px; }
.pr-sports__title { font: 700 56px/var(--lh-osw) var(--f-osw); color: #000; }
.pr-sports__text { font: 400 16px/1.5 var(--f-plex); color: var(--c-gray-2); }
.pr-sports__actions { display: flex; }

/* Category index */
.pr-index { border: 1px solid var(--c-ink); }
.pr-index__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; margin: -1px; }
.pr-index__cell { height: 56px; display: flex; align-items: center; gap: 12px; padding: 16px; background: #fff; border: 1px solid var(--c-ink); transition: background-color var(--t-fast) var(--ease); }
.pr-index__num { font: 700 14px/var(--lh-osw) var(--f-osw); color: var(--c-orange); transition: color var(--t-fast) var(--ease); }
.pr-index__label { font: 700 14px/var(--lh-osw) var(--f-osw); letter-spacing: 1px; color: #000; }
.pr-index__cell:hover { background: var(--c-orange); }
.pr-index__cell:hover .pr-index__num { color: var(--c-paper); }
.pr-index__cell:active { background: var(--c-orange-dark); }

/* Racing campaign */
.pr-racing { position: relative; overflow: hidden; padding: 80px 0; background: var(--c-bg); border-bottom: 1px solid var(--c-line); }
.pr-racing__inner { display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.pr-racing__content { width: 540px; flex: none; display: flex; flex-direction: column; gap: 28px; }
.pr-racing__title { display: flex; flex-direction: column; gap: 4px; font: 700 74px/var(--lh-osw) var(--f-osw); color: var(--c-paper); }
.pr-racing__line--accent { color: var(--c-orange); }
.pr-racing__text { font: 400 16px/1.5 var(--f-plex); color: var(--c-gray); }
.pr-racing__actions { display: flex; }
.pr-racing__photo { width: 580px; height: 500px; flex: none; --shade: .3; }

@media (max-width: 1099px) {
  .pr-hero, .pr-sports, .pr-racing { padding: 64px 0; }
  .pr-hero__ghost { font-size: 180px; }
  .pr-hero__inner, .pr-sports__inner, .pr-racing__inner { flex-direction: column; align-items: stretch; gap: 40px; }
  .pr-hero__content, .pr-sports__content, .pr-racing__content { width: 100%; }
  .pr-hero__line { font-size: 64px; line-height: 60px; }
  .pr-hero__photo, .pr-sports__photo, .pr-racing__photo { width: 100%; height: 400px; }
  .pr-sports__title { font-size: 44px; }
  .pr-racing__title { font-size: 56px; }
}

@media (max-width: 767px) {
  .pr-hero { padding: 40px 0; }
  .pr-hero__ghost { display: none; }
  .pr-hero__inner { gap: 24px; }
  .pr-hero__content { gap: 20px; }
  .pr-hero__title { gap: 2px; }
  .pr-hero__line { font-size: 48px; line-height: 48px; }
  .pr-hero__text { font-size: 15px; line-height: 22px; }
  .pr-hero__note { font-size: 13px; line-height: 18px; }
  .pr-hero__cta, .pr-sports__cta, .pr-racing__cta { width: 100%; height: 48px; padding: 0; }
  .pr-hero__photo, .pr-sports__photo, .pr-racing__photo { height: 240px; border-width: 2px; }

  .pr-sports { padding: 40px 0; }
  .pr-sports__inner { gap: 24px; }
  .pr-sports__photo .photo__label { font-size: 12px; }
  .pr-sports__content { gap: 16px; }
  .pr-sports__title { font-size: 38px; line-height: 42px; color: var(--c-ink); }
  .pr-sports__text { font-size: 15px; line-height: 22px; }
  .pr-index { border: 0; }
  .pr-index__grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 47px; gap: 0; margin: 0; padding: 1px 0 0 1px; }
  .pr-index__cell { height: 48px; margin: -1px 0 0 -1px; padding: 12px; gap: 8px; }
  .pr-index__cell:hover { position: relative; z-index: 1; }
  .pr-index__label { color: var(--c-ink); }

  .pr-racing { padding: 40px 0; }
  .pr-racing__inner { gap: 24px; }
  .pr-racing__content { gap: 16px; }
  .pr-racing__title { font-size: 44px; line-height: 44px; gap: 2px; }
  .pr-racing__text { font-size: 15px; line-height: 22px; }
}