@font-face {
  font-family: 'ZiHunFengHuaYaSong';
  src: url('/fonts/ZiHunFengHuaYaSong.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-loongandme-sharp-grotesk: var(--font-czoo-sharp-grotesk);
}

.font-loongandme-sharp-grotesk {
  font-family: var(--font-loongandme-sharp-grotesk, var(--font-czoo-sharp-grotesk)) !important;
}

.nav {
  position: relative;
}

.nav ul,
.nav li,
.lm-primary-nav ul,
.lm-primary-nav li {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.nav > div > ul,
.lm-primary-nav > div > ul {
  display: flex !important;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.5rem;
}

.nav .nav__item,
.lm-primary-nav .lm-nav-item {
  display: flex;
  flex: 0 0 auto;
}

.nav-offcanvas,
.lm-nav-drawer {
  display: none;
  margin: 0;
  max-width: none;
  max-height: none;
  border: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-100%);
}

.nav-offcanvas[open],
.lm-nav-drawer[open] {
  display: block;
}

.nav-offcanvas[data-state='open'],
.lm-nav-drawer[data-state='open'] {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.nav-offcanvas::backdrop,
.lm-nav-drawer::backdrop {
  background: rgba(0, 0, 0, 0.32);
}

#where-life-comes-to-life {
  font-family: 'ZiHunFengHuaYaSong', var(--font-loongandme-sharp-grotesk, var(--font-czoo-sharp-grotesk, serif));
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
}

#where-life-comes-to-life + div {
  font-family: 'ZiHunFengHuaYaSong', var(--font-loongandme-sharp-grotesk, var(--font-czoo-sharp-grotesk, serif));
  font-weight: 400;
}

#tickets-membership-experiences {
  font-family: 'ZiHunFengHuaYaSong', var(--font-loongandme-sharp-grotesk, var(--font-czoo-sharp-grotesk, serif));
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
}

#tickets-membership-experiences + div {
  font-family: 'ZiHunFengHuaYaSong', var(--font-loongandme-sharp-grotesk, var(--font-czoo-sharp-grotesk, serif));
  font-weight: 400;
}

.lm-page-header--home .lm-page-header__image,
.lm-page-header--home .page-header__image {
  position: absolute;
  inset: 0;
  display: flex;
}

.lm-page-header--home .lm-page-header__image::after,
.lm-page-header--home .page-header__image::after {
  content: '';
  position: absolute;
  inset: 0;
  background-position: bottom;
  background-size: cover;
  background-image:
    linear-gradient(180deg, rgba(0, 62, 64, 0) 13.84%, #003e40 62.21%),
    linear-gradient(180deg, rgba(0, 38, 24, 0) 28.57%, rgba(0, 37, 38, 0.624) 47.1%, rgba(0, 37, 38, 0.323) 73.55%, rgba(0, 37, 38, 0)),
    url('/images/page-header-home-background.svg');
  background-blend-mode: multiply;
  pointer-events: none;
}

.header,
.lm-site-header {
  padding-top: 16px !important;
}

.header__main,
.lm-header-shell {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  min-height: 56px;
  padding: 6px 8px;
  border-radius: 9999px !important;
  box-shadow: none;
}

.header__left,
.lm-header-start {
  display: flex;
  align-items: center;
  height: 100%;
  min-width: 0;
  flex: 1 1 auto;
}

.logo--header,
.lm-site-logo--header {
  display: flex;
  align-items: center;
  flex: 0 0 92px;
  width: 92px;
  height: 100%;
  align-self: stretch;
  margin-right: 6px;
}

.logo--header a,
.lm-site-logo--header a {
  display: flex;
  align-items: center;
  height: 100%;
}

.header__left > .nav,
.header__left > .lm-primary-nav,
.lm-header-start > .lm-primary-nav,
.lm-header-start > .nav {
  min-width: 0;
  margin-left: 0;
  flex: 0 1 auto;
}

.header__left > .nav > div,
.header__left > .lm-primary-nav > div,
.lm-header-start > .lm-primary-nav > div,
.lm-header-start > .nav > div {
  width: auto;
  max-width: none;
}

.header__left > .nav ul,
.header__left > .lm-primary-nav ul,
.lm-header-start > .lm-primary-nav ul,
.lm-header-start > .nav ul {
  width: 100% !important;
  flex-wrap: nowrap;
  justify-content: space-between !important;
}

.header__actions,
.lm-header-end {
  margin-left: auto;
  flex: 0 0 auto;
  justify-content: flex-end;
}

.brand,
.lm-site-brand,
.lm-brand {
  display: flex;
  align-items: center;
  height: 100%;
  text-decoration: none;
}

.brand__mark,
.lm-site-brand__mark,
.lm-brand__mark {
  display: block;
  width: 58px;
  height: auto;
}

.nav .nav__link,
.lm-primary-nav .lm-nav-link,
.lm-primary-nav .nav__link {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 12px !important;
  border-radius: 12px;
  line-height: 1;
  white-space: nowrap;
}

.nav__link.is-nav-open,
.lm-nav-link.is-nav-open {
  background: rgb(226, 229, 218);
  color: rgb(var(--color-primary-dark));
  box-shadow: none;
}

.lm-sticky-cta__btn,
.czoo-sticky-cta__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  padding: 0 7px 0 22px !important;
  border-radius: 9999px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  border-bottom: 0 !important;
}

.lm-sticky-cta__btn,
.lm-sticky-cta__btn span,
.czoo-sticky-cta__btn,
.czoo-sticky-cta__btn span {
  font-size: 16px !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  font-family: var(--font-loongandme-sharp-grotesk, var(--font-czoo-sharp-grotesk)) !important;
  font-weight: 700 !important;
  text-rendering: geometricPrecision !important;
}

.lm-sticky-cta__btn--secondary,
.czoo-sticky-cta__btn--secondary {
  padding: 0 22px !important;
  color: #002626 !important;
  background-color: #fff !important;
  border: 1px solid #fff !important;
  box-shadow: none;
  text-transform: uppercase !important;
  font-family: var(--font-loongandme-sharp-grotesk, var(--font-czoo-sharp-grotesk)) !important;
  font-weight: 700 !important;
  text-rendering: geometricPrecision !important;
  letter-spacing: 0.07em !important;
}

.lm-sticky-cta__btn--primary,
.czoo-sticky-cta__btn--primary {
  position: relative;
  padding: 0 7px 0 22px !important;
  color: #002626 !important;
  background-color: #fbff36 !important;
  border: 1px solid #00252626 !important;
  box-shadow: none;
  text-transform: uppercase !important;
  font-family: var(--font-loongandme-sharp-grotesk, var(--font-czoo-sharp-grotesk)) !important;
  font-weight: 700 !important;
  text-rendering: geometricPrecision !important;
  letter-spacing: 0.07em !important;
}

.lm-sticky-cta__btn--primary span,
.czoo-sticky-cta__btn--primary span {
  font-weight: 700 !important;
}

.lm-sticky-cta__btn--primary::after,
.czoo-sticky-cta__btn--primary::after {
  content: "";
  margin-left: 4px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 viewBox=%220 0 48 48%22%3E%3Cpath d=%22M31.6662 23.7059L19.17 36.666L16.2542 33.642L25.8346 23.7059L16.2542 13.7697L19.17 10.7457L31.6662 23.7059Z%22 fill=%22%23002626%22/%3E%3C/svg%3E');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  flex: 0 0 auto;
}

.lm-sticky-cta__btn--secondary:hover,
.lm-sticky-cta__btn--secondary:focus-visible,
.lm-sticky-cta__btn--secondary:active,
.czoo-sticky-cta__btn--secondary:hover,
.czoo-sticky-cta__btn--secondary:focus-visible,
.czoo-sticky-cta__btn--secondary:active {
  background-color: #fff !important;
  border-color: #fff !important;
}

.lm-sticky-cta__btn--primary:hover,
.lm-sticky-cta__btn--primary:focus-visible,
.lm-sticky-cta__btn--primary:active,
.czoo-sticky-cta__btn--primary:hover,
.czoo-sticky-cta__btn--primary:focus-visible,
.czoo-sticky-cta__btn--primary:active {
  background-color: #fbff36 !important;
  border-color: #00252626 !important;
}

@media (min-width: 1280px) {
  .header__main,
  .lm-header-shell {
    height: 60px;
    min-height: 60px;
    padding-left: 1rem;
    padding-right: 6px;
  }

  .logo--header,
  .lm-site-logo--header {
    margin-right: 10px;
  }

  .nav-toggle,
  .lm-nav-toggle {
    display: none !important;
  }

}

.footer .brand,
.footer .lm-site-brand,
.footer .lm-brand,
.lm-site-footer .brand,
.lm-site-footer .lm-site-brand,
.lm-site-footer .lm-brand {
  align-items: center;
}

.footer .logo--header,
.footer .logo--footer,
.footer .lm-site-logo--header,
.footer .lm-site-logo--footer,
.lm-site-footer .logo--header,
.lm-site-footer .logo--footer,
.lm-site-footer .lm-site-logo--header,
.lm-site-footer .lm-site-logo--footer {
  flex: 0 0 auto;
}

.footer .brand__mark,
.footer .lm-site-brand__mark,
.footer .lm-brand__mark,
.lm-site-footer .brand__mark,
.lm-site-footer .lm-site-brand__mark,
.lm-site-footer .lm-brand__mark {
  width: 62px;
  height: auto;
}

.lm-card-section .lm-card-section__viewport,
.lm-card-section .lm-carousel__viewport {
  overflow: visible;
}

.lm-card-section .lm-card-section__track,
.lm-card-section .lm-carousel__track {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  transform: none !important;
}

.lm-card-section .lm-card-section__slide,
.lm-card-section .lm-carousel__slide {
  min-width: 0 !important;
  width: auto !important;
  flex: none !important;
  padding: 0 !important;
}

.lm-card-section .lm-card-section__controls,
.lm-card-section .lm-carousel__controls {
  display: none !important;
}

.lm-card-section .lm-card-ticket {
  height: 100%;
}

.lm-card-ticket {
  --card-ticket-primary-color: rgb(var(--color-brand-lg-4));
  --card-ticket-secondary-color: rgb(var(--color-brand-lg-2));
}

.lm-card-ticket--green {
  --card-ticket-primary-color: rgb(var(--color-brand-lg-4));
  --card-ticket-secondary-color: rgb(var(--color-brand-lg-2));
}

.lm-card-ticket--pink {
  --card-ticket-primary-color: rgb(var(--color-brand-cr-4));
  --card-ticket-secondary-color: rgb(var(--color-brand-cr-2));
}

.lm-card-ticket--orange {
  --card-ticket-primary-color: rgb(var(--color-brand-en-4));
  --card-ticket-secondary-color: rgb(var(--color-brand-en-2));
}

.lm-card-ticket--blue {
  --card-ticket-primary-color: rgb(var(--color-brand-nt-3));
  --card-ticket-secondary-color: rgb(var(--color-brand-nt-1));
}

.lm-card-ticket__header {
  background-color: var(--card-ticket-primary-color);
}

.lm-card-ticket__content {
  color: var(--card-ticket-primary-color);
  background-color: var(--card-ticket-secondary-color);
}

.lm-card-ticket .button--custom {
  color: rgb(var(--color-primary-light));
  background-color: var(--card-ticket-primary-color);
}

.lm-card-testimonial {
  --card-testimonial-primary-color: rgb(var(--color-brand-lg-4));
  --card-testimonial-secondary-color: rgb(var(--color-brand-lg-1));
}

.lm-card-testimonial--green {
  --card-testimonial-primary-color: rgb(var(--color-brand-lg-4));
  --card-testimonial-secondary-color: rgb(var(--color-brand-lg-1));
}

.lm-card-testimonial--blue {
  --card-testimonial-primary-color: rgb(var(--color-brand-nt-4));
  --card-testimonial-secondary-color: rgb(var(--color-brand-nt-2));
}

.lm-card-testimonial--pink {
  --card-testimonial-primary-color: rgb(var(--color-brand-cr-4));
  --card-testimonial-secondary-color: rgb(var(--color-brand-cr-2));
}

.lm-card-testimonial--orange {
  --card-testimonial-primary-color: rgb(var(--color-brand-en-4));
  --card-testimonial-secondary-color: rgb(var(--color-brand-en-2));
}

.lm-card-testimonial {
  color: var(--card-testimonial-primary-color);
  background-color: var(--card-testimonial-secondary-color);
}

:is(.lm-testimonial-carousel, .lm-testimonial-carousel__slide) .lm-card-testimonial__content {
  min-height: 320px;
}

:is(
  .lm-regular-carousel__track,
  .lm-regular-carousel .lm-carousel__track,
  .lm-testimonial-carousel__track,
  .lm-testimonial-carousel .lm-carousel__track,
  .lm-backboard-carousel__track,
  .lm-backboard-carousel__panel .lm-carousel__track
) {
  display: flex;
  align-items: stretch;
  gap: 24px;
  transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

:is(
  .lm-regular-carousel__viewport,
  .lm-regular-carousel .lm-carousel__viewport,
  .lm-testimonial-carousel__viewport,
  .lm-testimonial-carousel .lm-carousel__viewport,
  .lm-backboard-carousel__viewport,
  .lm-backboard-carousel .lm-carousel__viewport,
  :is(.lm-feature-carousel-section .lm-feature-carousel, .lm-feature-carousel) .lm-carousel__viewport,
  :is(.lm-feature-carousel, .brand-feature-carousel) .lm-carousel__viewport
) {
  overflow: hidden;
  touch-action: pan-y;
  cursor: grab;
  user-select: none;
}

:is(
  .lm-regular-carousel__slide,
  .lm-regular-carousel .lm-carousel__slide,
  .lm-testimonial-carousel__slide,
  .lm-testimonial-carousel .lm-carousel__slide,
  .lm-backboard-carousel__slide,
  .lm-backboard-carousel .lm-carousel__slide
) {
  flex: 0 0 calc((100% - 48px) / 3);
  min-width: 0;
  width: auto;
  padding: 0;
}

.lm-carousel__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
}

.lm-carousel__dot {
  appearance: none;
  width: 0.625rem;
  height: 0.625rem;
  padding: 0;
  border: 0;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.34);
  cursor: pointer;
  transition:
    transform 180ms ease,
    background-color 180ms ease,
    opacity 180ms ease;
}

.lm-carousel__dot:hover,
.lm-carousel__dot:focus-visible {
  background: rgba(255, 255, 255, 0.62);
  outline: none;
}

.lm-carousel__dot--selected {
  background: rgba(255, 255, 255, 0.96);
  transform: scale(1.14);
}

:is(
  .lm-regular-carousel .lm-carousel.is-dragging .lm-carousel__viewport,
  .lm-testimonial-carousel .lm-carousel.is-dragging .lm-carousel__viewport,
  .lm-backboard-carousel .lm-carousel.is-dragging .lm-carousel__viewport,
  :is(.lm-feature-carousel-section .lm-feature-carousel, .lm-feature-carousel).is-dragging .lm-carousel__viewport
) {
  cursor: grabbing;
}

.embla__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
}

.embla__dot {
  appearance: none;
  width: 0.625rem;
  height: 0.625rem;
  padding: 0;
  border: 0;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.34);
  cursor: pointer;
  transition:
    transform 180ms ease,
    background-color 180ms ease,
    opacity 180ms ease;
}

.embla__dot:hover,
.embla__dot:focus-visible {
  background: rgba(255, 255, 255, 0.62);
  outline: none;
}

.embla__dot--selected {
  background: rgba(255, 255, 255, 0.96);
  transform: scale(1.14);
}

/* Legacy carousel fallbacks for old root classes, old embla structure, and old card class names. */
.lm-testimonial-carousel .card-testimonial__content {
  min-height: 320px;
}

:is(
  .lm-regular-carousel,
  .lm-testimonial-carousel,
  .lm-backboard-carousel__panel
) .embla__container {
  transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

:is(
  .lm-regular-carousel,
  .lm-testimonial-carousel,
  .lm-backboard-carousel
) .embla__viewport,
:is(.lm-feature-carousel-section) :is(.lm-feature-carousel, .brand-feature-carousel) :is(.lm-carousel__viewport, .embla__viewport) {
  touch-action: pan-y;
  cursor: grab;
  user-select: none;
}

:is(
  .lm-regular-carousel,
  .lm-testimonial-carousel,
  .lm-backboard-carousel
) .embla.is-dragging .embla__viewport,
:is(
  .lm-regular-carousel,
  .lm-testimonial-carousel,
  .lm-backboard-carousel
) .lm-carousel.is-dragging .embla__viewport,
:is(.lm-feature-carousel-section) :is(.lm-feature-carousel, .brand-feature-carousel).is-dragging :is(.lm-carousel__viewport, .embla__viewport) {
  cursor: grabbing;
}

:is(
  .lm-promo-strip__viewport,
  .lm-promo-strip .lm-carousel__viewport,
  :is(.lm-feature-carousel, .brand-feature-carousel) .lm-carousel__viewport
) {
  overflow: visible;
}

.lm-promo-strip {
  --slide-spacing: 1.25rem;
  overflow: hidden;
}

:is(.lm-promo-strip__viewport, .lm-promo-strip .lm-carousel__viewport) {
  margin-left: calc(var(--slide-spacing) * -1);
  overflow: visible;
}

:is(.lm-promo-strip__track, .lm-promo-strip .lm-carousel__track) {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: var(--slide-spacing);
  width: max-content;
  will-change: transform;
  animation: promo-strip-scroll 34s linear infinite;
}

:is(.lm-promo-strip__slide, .lm-promo-strip .lm-carousel__slide) {
  min-width: 0 !important;
  width: 255px !important;
  flex: 0 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.lm-promo-strip :is(.lm-promo-strip__card, .lm-card-media--small) {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  flex-shrink: 0;
  width: 255px;
  aspect-ratio: 255 / 320;
  min-height: 320px;
}

.lm-promo-strip :is(.lm-promo-strip__card, .lm-card-media--small)::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 10%, rgba(0, 0, 0, 0.62) 100%);
  z-index: 1;
}

.lm-promo-strip :is(.lm-promo-strip__card, .lm-card-media--small)::after {
  content: attr(data-title);
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  z-index: 2;
  color: #fffcef;
  font-family: var(--font-loongandme-sharp-grotesk, var(--font-czoo-sharp-grotesk, inherit));
  font-size: 24px;
  line-height: 1.02;
  letter-spacing: -0.03em;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

.lm-promo-strip :is(.lm-promo-strip__card, .lm-card-media--small) :is(.lm-promo-strip__media, .lm-card-surface__image, .card__image) {
  position: absolute !important;
  inset: 0;
}

.lm-promo-strip :is(.lm-carousel__controls, .embla__controls) {
  display: none !important;
}

.lm-promo-strip:hover :is(.lm-promo-strip__track, .lm-carousel__track) {
  animation-play-state: paused;
}

@keyframes promo-strip-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.nav-mega,
.lm-nav-mega {
  position: absolute;
  top: calc(100% + 24px);
  left: 50%;
  width: min(1180px, calc(100vw - 96px));
  max-width: none;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(8px) scale(0.988);
  transform-origin: top center;
  transition:
    opacity 180ms ease,
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  z-index: 60;
}

.nav-indicator,
.lm-nav-indicator,
.NavigationMenuIndicator {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 61;
  display: flex;
  height: 18px;
  align-items: flex-end;
  justify-content: center;
  transition:
    opacity 160ms ease,
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  opacity: 0;
  pointer-events: none;
}

.nav-indicator[data-state='visible'],
.lm-nav-indicator[data-state='visible'],
.NavigationMenuIndicator[data-state='visible'] {
  opacity: 1;
}

.nav-indicator[data-state='hidden'],
.lm-nav-indicator[data-state='hidden'],
.NavigationMenuIndicator[data-state='hidden'] {
  opacity: 0;
}

.nav-indicator-icon,
.lm-nav-indicator-icon,
.NavigationMenuIndicatorIcon {
  position: relative;
  width: 60px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='12' viewBox='0 0 55 12'%3E%3Cpath d='M55 0L0 0C15.99 0 25.93 3.66 29.32 12C32.22 3.86 40.46 0 55 0Z' fill='%23f9f8eb'/%3E%3C/svg%3E\");
}

.lm-nav-drawer__submenu,
.nav-offcanvas__submenu {
  display: grid;
  gap: 10px;
  padding: 14px 0 10px 8px;
}

.lm-nav-drawer__submenu-link,
.nav-offcanvas__submenu-link {
  display: block;
  color: rgb(var(--color-primary-dark-1));
  font-size: 16px;
  line-height: 1.45;
  text-decoration: none;
}

.lm-nav-drawer__submenu-link--primary,
.nav-offcanvas__submenu-link--primary {
  font-weight: 700;
}

.accordion-item[data-state='open'] .icon--chevron-down,
.lm-accordion-item[data-state='open'] .icon--chevron-down {
  transform: rotate(180deg);
  transition: transform 180ms ease;
}

.accordion-item .icon--add,
.accordion-item .icon--subtract,
.lm-accordion-item .icon--add,
.lm-accordion-item .icon--subtract {
  flex-shrink: 0;
}

.accordion-item .icon--subtract,
.lm-accordion-item .icon--subtract {
  display: none;
}

.accordion-item[data-state='open'] .icon--add,
.lm-accordion-item[data-state='open'] .icon--add {
  display: none;
}

.accordion-item[data-state='open'] .icon--subtract,
.lm-accordion-item[data-state='open'] .icon--subtract {
  display: block;
}

.nav-mega.is-open,
.lm-nav-mega.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0) scale(1);
}

.nav-mega__panel,
.lm-nav-mega__panel {
  display: grid;
  grid-template-columns: 280px minmax(240px, 0.82fr) minmax(390px, 1fr);
  gap: 30px;
  align-items: center;
  padding: 32px 34px 34px;
  background: rgb(var(--color-primary-light));
  border-radius: 28px;
  box-shadow: 0 14px 32px rgba(8, 34, 33, 0.1);
}

.nav-mega__image,
.lm-nav-mega__image {
  display: block;
  overflow: hidden;
  border-radius: 16px;
}

.nav-mega__image img,
.lm-nav-mega__image img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.nav-mega__copy,
.lm-nav-mega__copy {
  padding-right: 14px;
  border-right: 1px solid rgba(15, 52, 49, 0.14);
  color: rgb(var(--color-primary-dark-1));
}

.lm-nav-mega__copy h3,
.nav-mega__copy h3 {
  margin: 0 0 16px;
  font-family: var(--font-loongandme-sharp-grotesk, var(--font-czoo-sharp-grotesk, inherit));
  font-size: 23px;
  line-height: 1.14;
  letter-spacing: -0.03em;
}

.lm-nav-mega__copy p,
.nav-mega__copy p {
  margin: 0;
  max-width: 18ch;
  font-size: 15px;
  line-height: 1.45;
}

.lm-nav-mega__links,
.nav-mega__links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 28px;
  row-gap: 12px;
}

.lm-nav-mega__links a,
.nav-mega__links a {
  display: block;
  min-height: 0;
  padding: 4px 0;
  border-radius: 0;
  color: rgb(var(--color-primary-dark-1));
  text-decoration: none;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 500;
  transition:
    opacity 160ms ease,
    color 160ms ease,
    text-decoration-color 160ms ease;
}

.lm-nav-mega__links a:hover,
.lm-nav-mega__links a:focus-visible,
.nav-mega__links a:hover,
.nav-mega__links a:focus-visible {
  color: rgb(var(--color-primary-dark));
  outline: none;
  text-decoration: underline;
}

@media (max-width: 1535px) {
  .nav-mega,
  .lm-nav-mega {
    width: min(1180px, calc(100vw - 40px));
  }

  .nav-mega__panel,
  .lm-nav-mega__panel {
    grid-template-columns: 260px minmax(220px, 0.82fr) minmax(320px, 1fr);
    gap: 24px;
    padding: 28px 30px 30px;
  }

  :is(
.lm-promo-strip__track,
.lm-promo-strip .lm-carousel__track,
.lm-promo-strip .embla__container
  ) {
    animation-duration: 30s;
  }

  .lm-promo-strip :is(.lm-card-media--small, .card-media--small)::after {
    font-size: 20px;
  }

  .lm-promo-strip {
    --slide-spacing: 0.9rem;
  }
}

@media (max-width: 1279px) {
  .nav-mega,
  .lm-nav-mega {
    display: none;
  }

  :is(
    .lm-regular-carousel__slide,
    .lm-regular-carousel .lm-carousel__slide,
    .lm-testimonial-carousel__slide,
    .lm-testimonial-carousel .lm-carousel__slide,
    .lm-backboard-carousel__slide,
    .lm-backboard-carousel .lm-carousel__slide
  ) {
    flex-basis: calc((100% - 24px) / 2);
  }

}

@media (max-width: 767px) {
  .lm-site-logo--header {
    flex-basis: auto;
    width: auto;
  }

  .lm-site-brand__mark,
  .lm-brand__mark {
    width: 64px;
  }

  :is(
    .lm-regular-carousel__track,
    .lm-regular-carousel .lm-carousel__track,
    .lm-testimonial-carousel__track,
    .lm-testimonial-carousel .lm-carousel__track,
    .lm-backboard-carousel__track,
    .lm-backboard-carousel__panel .lm-carousel__track
  ) {
    gap: 16px;
  }

  :is(
    .lm-regular-carousel__slide,
    .lm-regular-carousel .lm-carousel__slide,
    .lm-testimonial-carousel__slide,
    .lm-testimonial-carousel .lm-carousel__slide,
    .lm-backboard-carousel__slide,
    .lm-backboard-carousel .lm-carousel__slide
  ) {
    flex-basis: 100%;
  }

  .lm-promo-strip {
    --slide-spacing: 0.75rem;
  }
}

.lm-feature-carousel-section .lm-feature-carousel {
  --brand-feature-gap: 0px;
  --brand-feature-slide-width: 100%;
  --brand-feature-overlap: 0px;
}

.lm-feature-carousel-section .lm-feature-carousel .lm-carousel__viewport {
  overflow: hidden !important;
  margin-left: 0 !important;
}

.lm-feature-carousel-section .lm-feature-carousel .lm-carousel__track {
  display: flex !important;
  align-items: stretch;
  gap: var(--brand-feature-gap) !important;
  width: 100%;
  transform: translate3d(0, 0, 0);
  transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.lm-feature-carousel-section .lm-feature-carousel .lm-carousel__slide {
  flex: 0 0 100% !important;
  min-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  position: relative;
  z-index: 1;
}

.lm-feature-carousel-section .lm-feature-carousel .lm-feature-carousel__frame,
.lm-feature-carousel-section .lm-feature-carousel .lm-carousel__slide > .relative.flex.justify-center {
  transform: scale(1);
  transform-origin: center center;
  opacity: 1;
  transition:
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 220ms ease,
    filter 220ms ease;
  filter: none;
}

.lm-feature-carousel-section .lm-feature-carousel .lm-carousel__slide.is-active .lm-feature-carousel__frame,
.lm-feature-carousel-section .lm-feature-carousel .lm-carousel__slide.is-active > .relative.flex.justify-center {
  transform: scale(1);
  opacity: 1;
  filter: none;
}

.lm-feature-carousel-section .lm-feature-carousel .lm-carousel__slide.is-before .lm-feature-carousel__frame,
.lm-feature-carousel-section .lm-feature-carousel .lm-carousel__slide.is-after .lm-feature-carousel__frame,
.lm-feature-carousel-section .lm-feature-carousel .lm-carousel__slide.is-before > .relative.flex.justify-center,
.lm-feature-carousel-section .lm-feature-carousel .lm-carousel__slide.is-after > .relative.flex.justify-center {
  transform: scale(1);
  opacity: 1;
}

.lm-feature-carousel-section .lm-feature-carousel .lm-carousel__slide.is-active {
  z-index: 2;
}

.lm-feature-carousel-section .lm-feature-carousel .lm-carousel__slide.is-before,
.lm-feature-carousel-section .lm-feature-carousel .lm-carousel__slide.is-after {
  z-index: 1;
}

.lm-feature-carousel__card,
.lm-feature-carousel-section .lm-feature-carousel .grid.gap-y-3 {
  max-width: 328px !important;
  margin: 0 auto;
  height: 100%;
}

@media (min-width: 1024px) {
  .lm-feature-carousel-section .lm-feature-carousel {
    --brand-feature-slide-width: 100%;
  }

  .lm-feature-carousel__card,
  .lm-feature-carousel-section .lm-feature-carousel .grid.gap-y-3 {
    max-width: 426px !important;
  }
}

.lm-feature-carousel-section .lm-feature-carousel .lm-carousel__controls {
  display: block !important;
}

.lm-feature-carousel-section .lm-feature-carousel .lm-carousel__buttons {
  display: none !important;
  opacity: 1 !important;
}

@media (min-width: 768px) {
  .lm-feature-carousel-section .lm-feature-carousel .lm-carousel__buttons {
    display: flex !important;
  }
}

.lm-feature-carousel-section .lm-feature-carousel .lm-carousel__button {
  transition:
    background-color 180ms ease,
    opacity 180ms ease;
}

.lm-feature-carousel-section .lm-feature-carousel .lm-carousel__button:disabled {
  opacity: 0.42 !important;
  pointer-events: none !important;
}

.lm-feature-carousel-section .lm-feature-carousel .lm-carousel__dots {
  margin-top: 1.5rem;
}

.lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) {
  --brand-feature-gap: 0px;
  --brand-feature-slide-width: 100%;
  --brand-feature-overlap: 0px;
}

/* Legacy feature carousel roots kept as a compact fallback group. */
.lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) :is(.lm-carousel__viewport, .embla__viewport) {
  overflow: hidden !important;
  margin-left: 0 !important;
}

.lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) :is(.lm-carousel__track, .embla__container) {
  display: flex !important;
  align-items: stretch;
  gap: var(--brand-feature-gap) !important;
  width: 100%;
  transform: translate3d(0, 0, 0);
  transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) :is(.lm-carousel__slide, .embla__slide) {
  flex: 0 0 100% !important;
  min-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  position: relative;
  z-index: 1;
}

.lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) :is(.lm-carousel__slide, .embla__slide) > .relative.flex.justify-center {
  transform: scale(1);
  transform-origin: center center;
  opacity: 1;
  transition:
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 220ms ease,
    filter 220ms ease;
  filter: none;
}

.lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) :is(.lm-carousel__slide, .embla__slide).is-active > .relative.flex.justify-center {
  transform: scale(1);
  opacity: 1;
  filter: none;
}

.lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) :is(.lm-carousel__slide, .embla__slide).is-before > .relative.flex.justify-center,
.lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) :is(.lm-carousel__slide, .embla__slide).is-after > .relative.flex.justify-center {
  transform: scale(1);
  opacity: 1;
}

.lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) :is(.lm-carousel__slide, .embla__slide).is-active {
  z-index: 2;
}

.lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) :is(.lm-carousel__slide, .embla__slide).is-before,
.lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) :is(.lm-carousel__slide, .embla__slide).is-after {
  z-index: 1;
}

.lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) .grid.gap-y-3 {
  max-width: 328px !important;
  margin: 0 auto;
  height: 100%;
}

@media (min-width: 1024px) {
  .lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) {
    --brand-feature-slide-width: 100%;
  }

  .lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) .grid.gap-y-3 {
    max-width: 426px !important;
  }
}

.lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) :is(.lm-carousel__controls, .embla__controls) {
  display: block !important;
}

.lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) :is(.lm-carousel__buttons, .embla__buttons) {
  display: none !important;
  opacity: 1 !important;
}

@media (min-width: 768px) {
  .lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) :is(.lm-carousel__buttons, .embla__buttons) {
    display: flex !important;
  }
}

.lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) :is(.lm-carousel__button, .embla__button) {
  transition:
    background-color 180ms ease,
    opacity 180ms ease;
}

.lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) :is(.lm-carousel__button, .embla__button):disabled {
  opacity: 0.42 !important;
  pointer-events: none !important;
}

.lm-feature-carousel-section :is(.lm-feature-carousel, .brand-feature-carousel) :is(.lm-carousel__dots, .embla__dots) {
  margin-top: 1.5rem;
}