@charset "UTF-8";
/**
 *
 * Banner section
 *
 */
.section-banner.is-sticky {
  position: sticky;
  top: 0;
  z-index: 9999;
}
@media (max-width: 800px) {
  .section-banner.is-sticky {
    position: inherit;
    top: inherit;
    z-index: inherit;
  }
}

.section-banner.is-au-only {
  display: none;
}
.section-banner.is-au-only.is-country-verified {
  display: block;
}

.section-banner {
  --color-light: var(--color-blue-lighter);
  --color-main: var(--color-blue);
  --color-dark: var(--color-blue-dark);
  --banner-background-color: var(--color-light);
  --text-color: var(--color-dark);
  --cta-text-color: var(--color-main);
  --cta-text-color--hover: var(--color-dark);
  --cta-bg-color: var(--color-white);
  --cta-bg-color--hover: var(--cta-bg-color);
  --cta-border-color: var(--color-main);
  --cta-border-color--hover: var(--cta-border-color);
  --cta-border-width: 1px;
  --elements-bg-color: var(--color-dark);
  --elements-bg-opacity: .075;
  z-index: 100;
  position: relative;
  color: var(--text-color);
  font-size: 16px;
  padding: 6.2px;
  background-color: var(--banner-background-color, var(--color-white));
}
.section-banner[data-theme-color=purple] {
  --color-light: var(--color-purple-lighter);
  --color-main: var(--color-purple);
  --color-dark: var(--color-purple-dark);
}
.section-banner[data-theme-color=pink] {
  --color-light: var(--color-pink-lighter);
  --color-main: var(--color-pink);
  --color-dark: var(--color-pink-dark);
}
.section-banner[data-theme-color=coral] {
  --color-light: var(--color-coral-lighter);
  --color-main: var(--color-coral);
  --color-dark: var(--color-coral-dark);
}
.section-banner[data-theme-color=red] {
  --color-light: var(--color-red-lighter);
  --color-main: var(--color-red);
  --color-dark: var(--color-red-dark);
}
.section-banner[data-theme-color=orange] {
  --color-light: var(--color-orange-lighter);
  --color-main: var(--color-orange);
  --color-dark: var(--color-orange-dark);
}
.section-banner[data-theme-color=mustard] {
  --color-light: var(--color-mustard-lighter);
  --color-main: var(--color-mustard);
  --color-dark: var(--color-mustard-dark);
}
.section-banner[data-theme-color=green] {
  --color-light: var(--color-green-lighter);
  --color-main: var(--color-green);
  --color-dark: var(--color-green-dark);
}
.section-banner[data-theme-color=turquoise] {
  --color-light: var(--color-turquoise-lighter);
  --color-main: var(--color-turquoise);
  --color-dark: var(--color-turquoise-dark);
}
.section-banner[data-theme-color=blue] {
  --color-light: var(--color-blue-lighter);
  --color-main: var(--color-blue);
  --color-dark: var(--color-blue-dark);
}
.section-banner[data-theme-color=blue-magent] {
  --color-light: var(--color-blue-magent-lighter);
  --color-main: var(--color-blue-magent);
  --color-dark: var(--color-blue-magent-dark);
}
.section-banner[data-theme-color=blue-magent] {
  --color-light: var(--color-blue-darker);
  --color-main: var(--color-blue-darker);
  --color-dark: var(--color-blue-darker);
}
.section-banner[data-theme-type=white] {
  --banner-background-color: var(--color-main);
  --text-color: var(--color-white);
}
@media (max-width: 800px) {
  .section-banner[data-the-button-line] .container.container.container {
    gap: 4px;
    padding: 2px 0 13px;
  }
}
.section-banner[data-the-button-line] .section-banner__title {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 800px) {
  .section-banner[data-the-button-line] .section-banner__title {
    display: inline-block;
  }
}
.section-banner[data-the-button-line] .section-banner__cta--link {
  background-color: transparent;
  color: var(--color-white);
  border: none;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  justify-self: center;
  align-items: center;
  gap: 4px;
  padding-left: 4px;
  top: -2.1px;
  position: relative;
}
@media (max-width: 800px) {
  .section-banner[data-the-button-line] .section-banner__cta--link {
    font-size: 3.8vw;
    display: inline-flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    top: 0;
  }
}
.section-banner[data-the-button-line] .section-banner__cta--link:after {
  content: "";
  width: 24px;
  height: 13px;
  clip-path: path("m17.6.28 6.12 6.05c.37.37.37.97 0 1.34l-6.11 6.05a.97.97 0 0 1-1.36 0 .94.94 0 0 1 0-1.34l4.47-4.43H.96A.96.96 0 0 1 0 7c0-.52.43-.95.96-.95h19.76l-4.47-4.43a.94.94 0 0 1 0-1.34.97.97 0 0 1 1.36 0Z");
  display: block;
  background: #fff;
  transform: scale(0.7);
  top: 2px;
  position: relative;
  transition: 0.4s all;
}
.section-banner[data-the-button-line] .section-banner__cta--link:hover:after {
  transform: scale(0.7) translateX(7px);
}
.section-banner[data-the-button-line] .section-banner__cta--link span {
  text-decoration: underline;
  text-underline-offset: 0.25em;
  top: 2.2px;
  position: relative;
  font-size: 16px;
}
@media (max-width: 800px) {
  .section-banner[data-the-button-line] .section-banner__cta--link span {
    font-size: 3.8vw;
    top: 0;
  }
}
html.manu-open .section-banner, body.no-scroll .section-banner {
  display: none;
}
.section-banner .container {
  padding: 0 35px;
  width: 1440px;
  max-width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "title cta close";
  place-items: center start;
  gap: 6px;
}
@media (max-width: 1199px) {
  .section-banner .container {
    padding: 0 30px;
  }
}
@media (max-width: 991px) {
  .section-banner .container {
    padding: 0 20px;
  }
}
@media (max-width: 800px) {
  .section-banner .container {
    padding: 0;
    grid-template-areas: "title close" "cta close";
  }
}
.section-banner .container .mobile-break {
  display: none;
}
@media (max-width: 991px) {
  .section-banner .container .mobile-break {
    display: inline;
  }
}
.section-banner .container[data-align=center] {
  place-items: center;
  text-align: center;
  grid-template-columns: 1fr auto auto 1fr auto;
  grid-template-areas: ". title cta . close";
  gap: 12px;
}
@media (max-width: 800px) {
  .section-banner .container[data-align=center] {
    grid-template-areas: ". title . close" ". cta . close";
  }
}
.section-banner .container[data-disable-close-button] {
  grid-template-columns: 1fr auto;
  grid-template-areas: "title cta";
}
@media (max-width: 800px) {
  .section-banner .container[data-disable-close-button] {
    grid-template-areas: "title cta";
  }
}
.section-banner .container[data-disable-close-button][data-align=center] {
  grid-template-areas: ". title cta .";
  grid-template-columns: 1fr auto auto 1fr;
  position: relative;
  top: -3px;
}
@media (max-width: 800px) {
  .section-banner .container[data-disable-close-button][data-align=center] {
    grid-template-columns: 1fr auto 1fr;
    grid-template-areas: ". title ." ". cta .";
    top: 3px;
  }
}
.section-banner .container[data-disable-close-button] .section-banner__close {
  display: none;
}
.section-banner p {
  margin: 0;
  line-height: 1.25;
}
@media (max-width: 800px) {
  .section-banner p {
    padding: 0 12vw;
    font-size: 3.8vw;
  }
}
.section-banner p span {
  font-size: 22px;
  position: relative;
  top: 3px;
  padding: 0 3px;
}
.section-banner p span.flag {
  top: 0;
  padding: 0 5px;
}
@media (max-width: 800px) {
  .section-banner p span.flag {
    top: 0.5vw;
    padding: 0;
  }
}
@media (max-width: 800px) {
  .section-banner p span {
    font-size: 5.4vw;
    position: relative;
    top: 0.7vw;
    padding: 0 0.7vw;
  }
}
.section-banner a:not([class]) {
  color: inherit;
  text-decoration: underline;
}
.section-banner__title, .section-banner__titles {
  grid-area: title;
  font-weight: 500;
}
.section-banner__cta {
  grid-area: cta;
}
.section-banner__cta--link {
  background-color: var(--cta-bg-color);
  color: var(--cta-text-color);
  border: solid var(--cta-border-width) var(--cta-border-color, currentColor);
  border-radius: 99px;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 0.5em 2em;
  white-space: nowrap;
  justify-self: start;
}
@media (min-width: 801px) {
  .section-banner__cta--link {
    justify-self: center;
  }
}
.section-banner__cta--link:hover {
  color: var(--cta-text-color--hover);
  background-color: var(--cta-bg-color--hover, var(--cta-bg-color));
}
.section-banner__close {
  grid-area: close;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  display: grid;
  place-items: center;
  color: var(--text-color);
  line-height: 1;
  cursor: pointer;
  width: 1.25em;
  height: 1.25em;
  padding: 0;
  border-radius: 1.25em;
}
.section-banner__close:before {
  content: "×";
  line-height: 1;
  padding-top: 0.15em;
}
.section-banner__countdown {
  grid-area: countdown;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  min-height: 52px;
}
.section-banner__countdown.hidden {
  opacity: 0;
}
@media (min-width: 801px) {
  .section-banner__countdown {
    justify-self: end;
    gap: 12px;
  }
}
.section-banner__countdown--part {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 9px;
  position: relative;
}
.section-banner__countdown--part:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--elements-bg-color);
  opacity: var(--elements-bg-opacity);
  border-radius: 9px;
}
@media (max-width: 800px) {
  .section-banner__countdown--part {
    padding: 8px 12px;
  }
  .section-banner__countdown--part:after {
    border-radius: 0;
  }
  .section-banner__countdown--part:first-child:after {
    border-radius: 0 0 0 9px;
  }
  .section-banner__countdown--part:last-child:after {
    border-radius: 0 0 9px 0;
  }
}
.section-banner__countdown--number {
  font-size: 36px;
  font-weight: 600;
  line-height: 0.9;
  min-width: 1.35em;
  text-align: center;
}
@media (max-width: 800px) {
  .section-banner__countdown--number {
    font-size: 24px;
    line-height: 1;
  }
}
.section-banner__countdown--label {
  line-height: 0.9;
}
@media (max-width: 800px) {
  .section-banner__countdown--label {
    font-size: 12px;
    line-height: 1;
  }
}
.section-banner__coupon {
  justify-self: center;
  text-align: center;
  margin-top: 6px;
}
.section-banner__coupon--label {
  font-size: 14px;
}
.section-banner__coupon--code {
  font-weight: 700;
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
  color: var(--coupon-code-color);
}
.section-banner[data-site-banner-type=promotion] {
  padding-top: 0;
}
@media (min-width: 801px) {
  .section-banner[data-site-banner-type=promotion] {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.section-banner[data-site-banner-type=promotion] .container {
  grid-template-areas: "title countdown cta close";
  grid-template-columns: 1fr auto;
  -moz-column-gap: 32px;
  column-gap: 32px;
}
@media (max-width: 800px) {
  .section-banner[data-site-banner-type=promotion] .container {
    grid-template-areas: ". countdown close" "title title title" "cta cta cta";
    grid-template-columns: 24px 1fr 24px;
    justify-items: center;
    text-align: center;
    grid-template-rows: auto;
    gap: 9px;
  }
}
.section-banner[data-site-banner-type=promotion] .section-banner__title {
  font-weight: 700;
  align-self: end;
  line-height: 1.15;
  color: var(--title-color);
}
@media (min-width: 801px) {
  .section-banner[data-site-banner-type=promotion] .section-banner__title {
    font-size: 32px;
  }
}
@media (max-width: 800px) {
  .section-banner[data-site-banner-type=promotion] .section-banner__cta {
    justify-self: center;
  }
}
.section-banner[data-site-banner-type=promotion] .section-banner__close {
  position: relative;
}
.section-banner[data-site-banner-type=promotion] .section-banner__close:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--elements-bg-color);
  opacity: var(--elements-bg-opacity);
  border-radius: 99px;
}
.section-banner[data-site-banner-type=promotion] .section-banner__close:before {
  line-height: 0.5;
  padding: 0.35em 0;
}
@media (min-width: 1024px) {
  .section-banner[data-site-banner-type=promotion] .section-banner__close {
    margin-left: 72px;
  }
}

[lang=en-AU] .section-banner a:not([class]) {
  text-decoration: none;
  cursor: pointer;
}
[lang=en-AU] .section-banner a:not([class]):hover {
  text-decoration: underline;
}
[lang=en-AU] .section-banner a:not([class]):hover + .bannerArrow {
  transform: translateX(5px);
  transition: 0.3s all;
}
[lang=en-AU] .section-banner .bannerArrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M0.75 4.77298C0.335786 4.77298 3.62117e-08 5.10877 0 5.52298C-3.62117e-08 5.93719 0.335786 6.27298 0.75 6.27298L0.75 5.52298L0.75 4.77298ZM15.2803 6.05331C15.5732 5.76042 15.5732 5.28554 15.2803 4.99265L10.5074 0.21968C10.2145 -0.0732137 9.73959 -0.0732137 9.4467 0.21968C9.15381 0.512573 9.15381 0.987447 9.4467 1.28034L13.6893 5.52298L9.4467 9.76562C9.15381 10.0585 9.15381 10.5334 9.4467 10.8263C9.73959 11.1192 10.2145 11.1192 10.5074 10.8263L15.2803 6.05331ZM0.75 5.52298L0.75 6.27298L14.75 6.27298L14.75 5.52298L14.75 4.77298L0.75 4.77298L0.75 5.52298Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
  margin: 0;
  position: relative;
  top: 0;
  left: 4px;
  width: 18px;
  height: 11px;
  transform: translateX(0);
  transition: 0.3s all;
}
@media (max-width: 991px) {
  [lang=en-AU] .section-banner .bannerArrow {
    top: 1px;
  }
}
@media (max-width: 991px) {
  [lang=en-AU] .section-banner p {
    padding: 0 5vw;
    font-size: 3.8vw;
  }
}
/*# sourceMappingURL=section-banner.css.map */