/* ============================================
   MEDIA QUERY BREAKPOINTS
   ============================================
   Mobile:    320px - 767px   (max-width: 767px)
   Tablet:   768px - 911px   (min-width: 768px and max-width: 911px)
   Desktop:  912px+           (min-width: 912px)
   ============================================ */

/* ============================================
   FONTS & BASE STYLES
   ============================================ */

@font-face {
  font-display: swap;
  font-family: boschsans;
  font-weight: 900;
  src:
    url(../tech/fonts/woff2/boschsans_black.woff2) format("woff2"),
    url(../tech/fonts/woff/boschsans_black.woff) format("woff");
}

html {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

/* GPU acceleration for smooth scrolling */
body {
  overscroll-behavior-y: none;
}
.O-Header__mainRow__item.O-Header__mainRow__toggle .M-Main-Navigation {
  display: none;
}
/* ============================================
   STAGE VIDEO COMPONENT
   ============================================ */

.M-Stage-Video {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  max-width: 100vw;
  margin: 0 auto;
  background-color: #000;
  height: 720px;
}

.M-Stage-Video__background {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1520px;
  max-height: 720px;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 0;
}

.M-Stage-Video__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.M-Stage-Video__content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 2rem;
  max-width: 1200px;
  width: 100%;
  margin-bottom: 3rem;
}

.M-Stage-Video__headline {
  color: var(--Schemes-Contrast-background-Plain-Enabled-front-default, #fff);
  text-align: center;
  font-size: 56px;
  font-weight: 900;
  line-height: 56px;
  letter-spacing: -0.33rem;
  margin: 0;
}

.M-Stage-Video__pause-btn {
  position: absolute;
  bottom: 16px;
  right: calc((100% - 1520px) / 2);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}

@media (max-width: 1519px) {
  .M-Stage-Video__pause-btn {
    right: 16px;
    bottom: 16px;
  }
}

.M-Stage-Video__pause-btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.M-Stage-Video__pause-btn svg {
  width: 20px;
  height: 20px;
}

.M-Stage-Video__pause-btn .M-Stage-Video__play-icon {
  display: none;
}

.M-Stage-Video__pause-btn[data-playing="false"] .M-Stage-Video__pause-icon {
  display: none;
}

.M-Stage-Video__pause-btn[data-playing="false"] .M-Stage-Video__play-icon {
  display: block;
}

@media (max-width: 992px) {
  .M-Stage-Video {
    height: 478px;
    min-height: 478px;
  }
  .M-Stage-Video__headline {
    font-size: 36px;
    line-height: 36px;
  }
  .M-Stage-Video__background {
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: cover;
  }
  .M-Stage-Video__content {
    margin-bottom: 2rem;
    padding: 2rem 1rem;
  }
}

/* ============================================
   COUNTDOWN COMPONENT
   ============================================ */

.countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 1.75rem;
  flex-wrap: wrap;
}

.countdown__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  width: 80px;
  height: 80px;
  background: rgba(0, 0, 0, 0.8);
  position: relative;
  overflow: hidden;
}

.countdown__value {
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  font-family: "boschsans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  padding-bottom: 20px;
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.1) 10%,
    rgba(0, 0, 0, 1) 25%,
    rgba(0, 0, 0, 1) 75%,
    rgba(0, 0, 0, 0.1) 90%,
    rgba(0, 0, 0, 0) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.1) 10%,
    rgba(0, 0, 0, 1) 25%,
    rgba(0, 0, 0, 1) 75%,
    rgba(0, 0, 0, 0.1) 90%,
    rgba(0, 0, 0, 0) 100%
  );
}

.countdown__digit {
  --value: 0;
  --scroll-height: 160px;
  display: inline-block;
  overflow: visible;
  height: var(--scroll-height);
  font-size: 36px;
  font-weight: 700;
  line-height: var(--scroll-height);
  color: #fff;
  position: relative;
}

.countdown__digit::before {
  content: "0\A 1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9";
  white-space: pre;
  display: block;
  text-align: center;
  line-height: var(--scroll-height);
  transform: translateY(calc(var(--value) * var(--scroll-height) * -1))
    translateZ(0);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.countdown__label {
  font-family: "boschsans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 400;
  text-transform: lowercase;
  letter-spacing: 0;
  color: #fff;
  line-height: 1;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.countdown__separator {
  display: none;
}

@media (min-width: 768px) {
  .countdown__item {
    width: 73px;
    height: 73px;
  }

  .countdown__value {
    padding-left: 16px;
    padding-right: 16px;
  }

  .countdown__digit {
    --scroll-height: 146px;
    font-size: 36px;
    line-height: var(--scroll-height);
  }

  .countdown__digit::before {
    line-height: var(--scroll-height);
  }
}

@media (min-width: 992px) {
  .countdown {
    gap: 1.5rem;
    margin-top: 3rem;
  }

  .countdown__item {
    width: 200px;
    height: 200px;
  }

  .countdown__digit {
    --scroll-height: 400px;
    font-size: 100px;
  }

  .countdown__value {
    padding-bottom: 40px;
  }

  .countdown__label {
    font-size: 16px;
    bottom: 35px;
  }
}

/* ============================================
   HEADER COMPONENT
   ============================================ */

.o-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}

.o-header.o-header--hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.o-header__top-container .e-container {
  max-width: 95rem;
  width: calc(100% - 4rem);
}

.o-header__top-container .e-container .o-header__top {
  max-width: calc(100% - 4rem);
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.o-header__quicklinks {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.o-header__quicklinks__text {
  display: flex;
  align-items: center;
  color: white;
}

.o-header .M-SocialShareIcons__icon {
  color: white;
}

.o-header .M-SocialShareIcons__icon .a-icon {
  color: white;
}

.o-header__top-container .M-SocialShareIcons__icon .a-icon {
  border: none;
}

@media (max-width: 911px) {
  .o-header__logo {
    height: 3rem;
    margin-left: -1rem;
    margin-right: -0.9375rem;
    outline-offset: -0.125rem;
    padding: 0.75rem 0.9375rem 0.75rem 1rem;
    width: 8.75rem;
  }
  .o-header__top-container .e-container .o-header__top {
    height: 3rem;
    justify-content: center;
  }

  .o-header__quicklinks {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 911px) {
  .o-header__top-container .e-container .o-header__top {
    justify-content: center;
  }

  .o-header__quicklinks {
    display: none;
  }
}

/* ============================================
   STICKY HEADER COMPONENT
   ============================================ */

.o-header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 11;
  transform: translateY(-100%) translateZ(0);
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.o-header-sticky::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI3MjAiIGhlaWdodD0iMzAwIj48c3R5bGU+LnN0N3tmaWxsOiM5NDFiMWV9PC9zdHlsZT48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS41NSAtMy4zKSI+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgeDE9IjExOC45OCIgeDI9Ijg0Mi4wOCIgeTE9Ii0zMi42NjMiIHkyPSItMzIuNjYzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzk1MjMzMSIvPjxzdG9wIG9mZnNldD0iLjAzNiIgc3RvcC1jb2xvcj0iIzkyMUMxRCIvPjxzdG9wIG9mZnNldD0iLjA4NSIgc3RvcC1jb2xvcj0iI0IwMjczOSIvPjxzdG9wIG9mZnNldD0iLjEyNCIgc3RvcC1jb2xvcj0iI0FEMUYyNCIvPjxzdG9wIG9mZnNldD0iLjE1MSIgc3RvcC1jb2xvcj0iI0M3MjAyNiIvPjxzdG9wIG9mZnNldD0iLjE3IiBzdG9wLWNvbG9yPSIjRDQyMDI3Ii8+PHN0b3Agb2Zmc2V0PSIuMTc2IiBzdG9wLWNvbG9yPSIjQ0MyNDMxIi8+PHN0b3Agb2Zmc2V0PSIuMTg5IiBzdG9wLWNvbG9yPSIjQjcyQjRDIi8+PHN0b3Agb2Zmc2V0PSIuMjA3IiBzdG9wLWNvbG9yPSIjOTUzMzcxIi8+PHN0b3Agb2Zmc2V0PSIuMjE0IiBzdG9wLWNvbG9yPSIjODgzNTdGIi8+PHN0b3Agb2Zmc2V0PSIuMjQ0IiBzdG9wLWNvbG9yPSIjODUzNjgxIi8+PHN0b3Agb2Zmc2V0PSIuMjY0IiBzdG9wLWNvbG9yPSIjNkYzNjhCIi8+PHN0b3Agb2Zmc2V0PSIuMjkxIiBzdG9wLWNvbG9yPSIjMzk0MjhGIi8+PHN0b3Agb2Zmc2V0PSIuMzI0IiBzdG9wLWNvbG9yPSIjMjMzRDdEIi8+PHN0b3Agb2Zmc2V0PSIuNDE4IiBzdG9wLWNvbG9yPSIjMzIyQzZGIi8+PHN0b3Agb2Zmc2V0PSIuNDk0IiBzdG9wLWNvbG9yPSIjMkEzODg1Ii8+PHN0b3Agb2Zmc2V0PSIuNTU4IiBzdG9wLWNvbG9yPSIjMUQ2MkExIi8+PHN0b3Agb2Zmc2V0PSIuNTciIHN0b3AtY29sb3I9IiMyNzZDQTUiLz48c3RvcCBvZmZzZXQ9Ii42MSIgc3RvcC1jb2xvcj0iIzQzOEVCMyIvPjxzdG9wIG9mZnNldD0iLjY0IiBzdG9wLWNvbG9yPSIjNTVBNUJDIi8+PHN0b3Agb2Zmc2V0PSIuNjU2IiBzdG9wLWNvbG9yPSIjNUNBRkJGIi8+PHN0b3Agb2Zmc2V0PSIuNjc4IiBzdG9wLWNvbG9yPSIjNTZBQkJEIi8+PHN0b3Agb2Zmc2V0PSIuNzA2IiBzdG9wLWNvbG9yPSIjNDM5RkI4Ii8+PHN0b3Agb2Zmc2V0PSIuNzM3IiBzdG9wLWNvbG9yPSIjMTg4RUFGIi8+PHN0b3Agb2Zmc2V0PSIuNzQzIiBzdG9wLWNvbG9yPSIjMDM4QkFFIi8+PHN0b3Agb2Zmc2V0PSIuNzkiIHN0b3AtY29sb3I9IiMwNjkyOTIiLz48c3RvcCBvZmZzZXQ9Ii44ODciIHN0b3AtY29sb3I9IiMwNUExNEIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMzkyN0UiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0wIDBoNzIzLjF2MzA2LjRIMHoiIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfMV8pIi8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgeDE9IjMyNS4wOCIgeDI9IjIzNS45OCIgeTE9Ii0xMDkuMjYiIHkyPSItMTA5LjI2IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzg5MzY4MCIvPjxzdG9wIG9mZnNldD0iLjMzNSIgc3RvcC1jb2xvcj0iIzg5MzY4MCIvPjxzdG9wIG9mZnNldD0iLjUwMiIgc3RvcC1jb2xvcj0iIzhEMzE2RCIvPjxzdG9wIG9mZnNldD0iLjg0IiBzdG9wLWNvbG9yPSIjOTAyOTREIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTAyNTQxIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMTc1LjEgMTUzLjIgMTE3IDMwNi40aDg5LjF6IiBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzJfKSIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfM18iIHgxPSI0NzguOTMiIHgyPSI0NDYuNTUiIHkxPSIxMjAuMjQiIHkyPSItODIuMjg0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzMyMkM2RiIvPjxzdG9wIG9mZnNldD0iLjI0MyIgc3RvcC1jb2xvcj0iIzMyMkM2RiIvPjxzdG9wIG9mZnNldD0iLjQ2IiBzdG9wLWNvbG9yPSIjMzAyRjcyIi8+PHN0b3Agb2Zmc2V0PSIuNzE2IiBzdG9wLWNvbG9yPSIjMkEzQTdFIi8+PHN0b3Agb2Zmc2V0PSIuOTkiIHN0b3AtY29sb3I9IiMxNTRBOTMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxMzRCOTQiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Im0yODguNCAxNTMuMiAyMi4zIDE1My4yaDQ3LjRWMGgtNDUuMnoiIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfM18pIi8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgeDE9IjI5NC4wOCIgeDI9IjM3Mi44OCIgeTE9Ii0zMi42NjMiIHkyPSItMzIuNjYzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzZGMzc4RCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzNBNDI5MSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0ibTE3NS4xIDE1My4yIDMxIDE1My4yIDQ3LjgtMTUzLjJMMjA5LjQgMHoiIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfNF8pIi8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF81XyIgeDE9IjQzMS44OCIgeDI9IjMyNS4wOCIgeTE9Ii0zMi42NjMiIHkyPSItMzIuNjYzIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzIzM0Q3RCIvPjxzdG9wIG9mZnNldD0iLjI0OSIgc3RvcC1jb2xvcj0iIzI5M0Q3RCIvPjxzdG9wIG9mZnNldD0iLjU0NSIgc3RvcC1jb2xvcj0iIzNBM0M4MCIvPjxzdG9wIG9mZnNldD0iLjg2MiIgc3RvcC1jb2xvcj0iIzUxM0I4NCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzVEM0E4NiIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0ibTI1My45IDE1My4yLTQ3LjggMTUzLjJoMTA0LjZsLTIyLjMtMTUzLjJMMzEyLjkgMEgyMDkuNHoiIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfNV8pIi8+PHBhdGggZD0iTTExNi4xIDBINTUuN3Y5NC44bDM0LjIgNTguNC0zNC4yIDU4LjR2OTQuOEgxMTdMOTUuMiAxNTMuMnoiIHN0eWxlPSJmaWxsOiNhZjIwMjQiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzZfIiB4MT0iMzI5LjExIiB4Mj0iMjMyLjY3IiB5MT0iNDMuOTM3IiB5Mj0iNDMuOTM3IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC0xMTguOTggMTIwLjU0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzg5MzY4MCIvPjxzdG9wIG9mZnNldD0iLjMzNSIgc3RvcC1jb2xvcj0iIzg5MzY4MCIvPjxzdG9wIG9mZnNldD0iLjUwMiIgc3RvcC1jb2xvcj0iIzhEMzE2RCIvPjxzdG9wIG9mZnNldD0iLjg0IiBzdG9wLWNvbG9yPSIjOTAyOTREIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTAyNTQxIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMTc1LjEgMTUzLjIgMjA5LjQgMGgtOTMuM3oiIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfNl8pIi8+PHBhdGggZmlsbD0iIzk0MWIxZSIgZD0iTTU1LjcgOTQuOFYwSDB6IiBjbGFzcz0ic3Q3Ii8+PHBhdGggZD0ibTU1LjcgMjExLjYgMzQuMi01OC40LTM0LjItNTguNHoiIHN0eWxlPSJmaWxsOiNiMTI3MzkiLz48cGF0aCBmaWxsPSIjOTQxYjFlIiBkPSJNNTUuNyAyMTEuNiAwIDMwNi40aDU1Ljd6IiBjbGFzcz0ic3Q3Ii8+PHBhdGggZD0iTTU1LjcgOTQuOCAwIDB2MzA2LjRsNTUuNy05NC44eiIgc3R5bGU9ImZpbGw6Izk1MjQzMiIvPjxwYXRoIGQ9Ik0xMTYuMSAwIDk1LjIgMTUzLjIgMTE3IDMwNi40bDU4LjEtMTUzLjJ6IiBzdHlsZT0iZmlsbDojZDQyMDI3Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF83XyIgeDE9Ijc0OC45NiIgeDI9Ijc0OC45NiIgeTE9IjEyMC40NCIgeTI9Ii0xODYuMDYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTExOC45OCAxMjAuNTQpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjOTRCRTU1Ii8+PHN0b3Agb2Zmc2V0PSIuMDQ0IiBzdG9wLWNvbG9yPSIjOTNCRDU4Ii8+PHN0b3Agb2Zmc2V0PSIuMzg5IiBzdG9wLWNvbG9yPSIjOEJCQzZBIi8+PHN0b3Agb2Zmc2V0PSIuNzE1IiBzdG9wLWNvbG9yPSIjODZCQzc1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjODRCQzc5Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNNjQxLjYgMjU5LjZjMS43LTI1LjQgMTAtNTQuNiAxOC44LTg1LjYgMS40LTUgMi44LTEwIDQuMi0xNS4xcS0yLjEtOC4yNS00LjItMTYuMmMtOC44LTMzLjMtMTctNjQuNy0xOC44LTkyLTEuNC0yMS4yIDEuNC0zNyA4LjktNTAuNmgtNDUuOWMtNy41IDE4LjMtMTAuMyAyOS4xLTguOSA1MC4zIDEuNyAyNy4zIDEwIDU4LjcgMTguOCA5MiAxMyA0OS4zIDI4IDEwNi4yIDIzLjIgMTY0LjJoMTIuOWMtNy42LTEyLjgtMTAuNC0yNy4zLTktNDciIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfN18pIi8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF84XyIgeDE9IjY1My43NiIgeDI9IjczMy40OSIgeTE9IjExNy4yOSIgeTI9Ii0xODQuNDUiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTExOC45OCAxMjAuNTQpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDhBMjRCIi8+PHN0b3Agb2Zmc2V0PSIuMTY4IiBzdG9wLWNvbG9yPSIjMEFBMTRFIi8+PHN0b3Agb2Zmc2V0PSIuNDA1IiBzdG9wLWNvbG9yPSIjMEI5RTU3Ii8+PHN0b3Agb2Zmc2V0PSIuNjgzIiBzdG9wLWNvbG9yPSIjMDk5QTY3Ii8+PHN0b3Agb2Zmc2V0PSIuOTkiIHN0b3AtY29sb3I9IiMwNDk0N0QiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwNDkzN0UiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik02MTQuNSAxNDIuM2MtOC44LTMzLjMtMTctNjQuNy0xOC44LTkyLTEuNC0yMS4yIDEuNC0zMiA4LjktNTAuM2gtMzUuNGM1LjcgNTMuOS0zLjggMTA2LjctMTMuNiAxNjYuOC01LjcgMzUtMTEuNyA3MS4zLTEzLjIgMTAwLjYtMS4xIDIxLjEuNCAzMi44IDEuOCAzOWg5My41YzQuOC01Ny45LTEwLjMtMTE0LjgtMjMuMi0xNjQuMSIgc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF84XykiLz48cGF0aCBkPSJNNjY0LjYgMTU4LjljLTEuNCA1LjEtMi44IDEwLjEtNC4yIDE1LjEtOC44IDMxLTE3IDYwLjItMTguOCA4NS42LTEuNCAxOS43IDEuNCAzNC4yIDkgNDYuOWgzM2M0LjItNTEuOC03LjItMTAyLjMtMTktMTQ3LjYiIHN0eWxlPSJmaWxsOiMxYzlhNDgiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzlfIiB4MT0iODEyLjgzIiB4Mj0iODEyLjgzIiB5MT0iMTIwLjU0IiB5Mj0iLTE4NS45NiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM2OUEwNjAiLz48c3RvcCBvZmZzZXQ9Ii4wNCIgc3RvcC1jb2xvcj0iIzYzOUQ1QyIvPjxzdG9wIG9mZnNldD0iLjIxOSIgc3RvcC1jb2xvcj0iIzRDOTQ0RiIvPjxzdG9wIG9mZnNldD0iLjQxOCIgc3RvcC1jb2xvcj0iIzM3OEU0NyIvPjxzdG9wIG9mZnNldD0iLjY1MSIgc3RvcC1jb2xvcj0iIzI5OEI0NCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzIzOEE0MyIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTY4MC41IDBjMTAuNyA1NS4zLTIuNSAxMTAuNC0xNS45IDE1OC45IDExLjcgNDUuMyAyMy4yIDk1LjggMTguOSAxNDcuNmgzOS42VjB6IiBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzlfKSIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMTBfIiB4MT0iNjUyLjQ1IiB4Mj0iNjUyLjQ1IiB5MT0iMTIwLjU0IiB5Mj0iLTE4NS44NiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwNUI1REMiLz48c3RvcCBvZmZzZXQ9Ii4yMiIgc3RvcC1jb2xvcj0iIzA0QjBENyIvPjxzdG9wIG9mZnNldD0iLjUzNyIgc3RvcC1jb2xvcj0iIzA1QTRDOSIvPjxzdG9wIG9mZnNldD0iLjkxMiIgc3RvcC1jb2xvcj0iIzA1OTFCNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzA1OENBRSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTU0Mi4zIDI2Ny40YzEuNS0yOS40IDcuNS02NS42IDEzLjItMTAwLjZDNTY1LjMgMTA2LjcgNTc0LjggNTQgNTY5LjEgMGgtNzAuOGMtMS40IDExLjQtMi45IDE5LjItMS44IDQxLjggMS41IDMxLjYgNy41IDcwLjUgMTMuMiAxMDguMiA4LjQgNTUuNCAxNi42IDEwOC44IDE1LjEgMTU2LjRINTQ0Yy0xLjMtNi4yLTIuOC0xNy45LTEuNy0zOSIgc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF8xMF8pIi8+PHBhdGggZD0iTTM3NS43IDE1My4yIDM1OC4xIDB2MzA2LjR6IiBzdHlsZT0iZmlsbDojMmEzODg2Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xMV8iIHgxPSI3NTEuMDUiIHgyPSI3OTYuNzEiIHkxPSItNC4zMjgiIHkyPSI3Ny4xMzYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTExOC45OCAxMjAuNTQpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNjJCMTZFIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjODdCOTU3Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNNjQxLjYgNTAuNmMxLjcgMjcuMyAxMCA1OC43IDE4LjggOTJxMi4xIDcuOTUgNC4yIDE2LjJDNjc4LjEgMTEwLjQgNjkxLjIgNTUuMyA2ODAuNSAwaC0zMGMtNy41IDEzLjYtMTAuMyAyOS40LTguOSA1MC42IiBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzExXykiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEyXyIgeDE9IjU1MC40IiB4Mj0iNjMxLjU5IiB5MT0iMTEzLjcxIiB5Mj0iLTE4OS4yOCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwNjlBRDQiLz48c3RvcCBvZmZzZXQ9Ii4zNTIiIHN0b3AtY29sb3I9IiMzMEEwQ0UiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1QkIwQzAiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik01MDkuOCAxNTBjLTUuNy0zNy43LTExLjctNzYuNi0xMy4yLTEwOC4yLTEuMS0yMi43LjQtMzAuNCAxLjgtNDEuOGgtNDEuNWMxLjUgNDAuMS0xLjUgODUuMy03IDE2MC44LTMuMSA0My41LTggMTEwLjUtNyAxNDUuN0g1MjVjMS40LTQ3LjctNi44LTEwMS4xLTE1LjItMTU2LjUiIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfMTJfKSIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMTNfIiB4MT0iNTA1LjMzIiB4Mj0iNTA1LjMzIiB5MT0iMTIwLjU0IiB5Mj0iLTE4NS44NiIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxRTQ1OEUiLz48c3RvcCBvZmZzZXQ9Ii4yNDEiIHN0b3AtY29sb3I9IiMxRjRGOTYiLz48c3RvcCBvZmZzZXQ9Ii43MjkiIHN0b3AtY29sb3I9IiMyQjZBQUIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzMzdCQjkiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0zNTguMSAzMDYuNGg1Ni41VjBoLTU2LjVsMTcuNiAxNTMuMnoiIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfMTNfKSIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMTRfIiB4MT0iNTU0LjkyIiB4Mj0iNTU0LjkyIiB5MT0iLTE4NS44NiIgeTI9IjEyMC41NCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMTE4Ljk4IDEyMC41NCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMzRjlBQzkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyMDYyQTIiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik00NDkuOSAxNjAuOGM1LjUtNzUuNSA4LjUtMTIwLjYgNy0xNjAuOGgtNDIuMmwtLjEgMzA2LjRoMjguM2MtMS0zNS4xIDMuOC0xMDIuMSA3LTE0NS42IiBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzE0XykiLz48L2c+PC9zdmc+);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 0.375rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.o-header-sticky.sticky-visible {
  transform: translateY(0) translateZ(0);
}

.o-header-sticky__container {
  padding: 6px 0 0;
}

.o-header-sticky__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.o-header-sticky__logo {
  display: inline-block;
  line-height: 0;
}

.o-header-sticky__nav {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.o-header-sticky__nav-wrapper {
  display: flex;
  align-items: center;
  flex: auto;
}

.o-header-sticky__nav-center {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.o-header-sticky__nav-right {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.o-header-sticky nav ul {
  margin: 0;
}

.o-header-sticky .M-AnchorNavigation {
  flex: auto;
}

/* Hide mobile newsletter on desktop */
.o-header-sticky .M-AnchorNavigation-Navigation__element.-mobile-newsletter {
  display: none;
}

/* Show desktop newsletter on desktop */
@media (min-width: 912px) {
  .o-header-sticky__nav-right {
    display: flex;
  }
}

/* Hide logo on tablet/mobile */
@media (max-width: 911px) {
  .o-header-sticky__logo {
    display: none;
  }

  .o-header-sticky__content {
    justify-content: flex-start;
  }

  /* Make navigation scrollable horizontally */
  .o-header-sticky .M-AnchorNavigation {
    flex: 1;
    width: 100%;
  }

  .o-header-sticky .M-AnchorNavigation-GradientContainer {
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  .o-header-sticky__nav-wrapper {
    flex: 1;
    width: 100%;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    scroll-behavior: smooth;
    padding: 0 1rem;
  }

  .o-header-sticky__nav-wrapper::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
  }

  .o-header-sticky__nav-center {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    min-width: max-content;
    gap: 0;
    padding: 0;
    margin: 0;
  }

  .o-header-sticky__nav-center .M-AnchorNavigation-Navigation__element {
    flex-shrink: 0;
    white-space: nowrap;
  }

  /* Hide gradient buttons on tablet/mobile */
  .o-header-sticky .M-AnchorNavigation-GradientButton {
    display: none;
  }

  /* Hide desktop newsletter on tablet/mobile */
  .o-header-sticky__nav-right {
    display: none;
  }

  /* Show mobile newsletter in center navigation */
  .o-header-sticky .M-AnchorNavigation-Navigation__element.-mobile-newsletter {
    display: flex;
    padding: 0;
  }

  /* Hide newsletter icon on tablet/mobile */
  .o-header-sticky
    .M-AnchorNavigation-Navigation__element.-mobile-newsletter
    .a-button__icon {
    display: none;
  }

  .o-header-sticky
    .M-AnchorNavigation-Navigation__element.-mobile-newsletter
    .a-button {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  /* Ensure all navigation items have consistent styling */
  .o-header-sticky .M-AnchorNavigation-Navigation__element {
    margin: 0;
  }

  .o-header-sticky .M-AnchorNavigation-Navigation__element button {
    white-space: nowrap;
  }
}

/* ============================================
   ANCHOR NAVIGATION COMPONENT
   ============================================ */

.M-AnchorNavigation__sticky {
  position: relative !important;
}

.M-AnchorNavigation.-sticky {
  box-shadow: none;
  margin-left: unset;
  padding-left: unset;
}

.M-AnchorNavigation__sticky .M-AnchorNavigation-Navigation {
  max-width: none;
}

.M-AnchorNavigation-Navigation {
  text-align: center;
}

.M-AnchorNavigation-Navigation__element {
  align-items: center;
}

.M-AnchorNavigation-Navigation__element button {
  align-items: center;
}

.o-header-sticky .M-AnchorNavigation-Navigation__element {
  position: relative;
  height: 62px;
}

.M-AnchorNavigation-Navigation__element.-secondary.M-AnchorNavigation-Navigation__element--active {
  background-color: transparent;
}

.M-AnchorNavigation-Navigation__element.-secondary:hover::after,
.M-AnchorNavigation-Navigation__element.-secondary.M-AnchorNavigation-Navigation__element--active::after,
.M-AnchorNavigation-Navigation__element.-desktop-newsletter.M-AnchorNavigation-Navigation__element--active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(
    --Schemes-Primary-background-Minor-accent-Enabled-front-default,
    #007bc0
  );
  width: calc(100% - 2rem);
  margin: 0 auto;
}

.M-AnchorNavigation-Separator[id] {
  scroll-margin-top: 80px;
}

.e-container.M-AnchorNavigation-GradientContainer {
  max-width: 95rem;
}

/* ============================================
   PARALLAX DIVIDER COMPONENT
   ============================================ */

.M-ParallaxDivider {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 48px;
  position: relative;
  overflow: hidden;
  max-width: 1824px;
  margin: 0 auto;
  padding-bottom: 48px;
}

.M-ParallaxDivider__animation-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 1824px;
}

.M-ParallaxDivider__background-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 32px;
  width: 100%;
  max-width: 114rem;
  position: relative;
  margin-bottom: -7%;
  z-index: 1;
}

.M-ParallaxDivider__background-text img {
  width: 100%;
  height: auto;
  max-width: 1442px;
}

.M-ParallaxDivider__hero-image {
  position: relative;
  width: 100%;
  max-width: 1824px;
  aspect-ratio: 210 / 70;
  margin-left: 3%;
  margin-bottom: -12%;
  z-index: 2;
  will-change: transform;
  transform-origin: center center;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  contain: layout style;
}

.M-ParallaxDivider__hero-image img {
  position: absolute;
  width: 100%;
  height: auto;
  aspect-ratio: 1824 / 815;
  top: 30%;
  left: 0;
  transform: translateY(-50%);
  object-fit: contain;
}

.M-ParallaxDivider__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 24px;
  max-width: 750px;
  width: 100%;
  text-align: center;
}

.M-ParallaxDivider__text p {
  font-family: "boschsans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #000;
  text-align: center;
  margin: 0;
}
.M-ParallaxDivider__text p.M-ParallaxDivider__text-paragraph {
  margin-top: 24px;
}

@media (max-width: 991px) {
  .M-ParallaxDivider__text p {
    font-size: 16px;
    line-height: 24px;
  }
}

/* ============================================
   RANDY SAVAGE PARALLAX DIVIDER VARIANT
   ============================================ */

.M-ParallaxDivider--savage {
  gap: 32px;
}

.M-ParallaxDivider__headline {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  max-width: 980px;
  width: 100%;
  text-align: center;
  padding: 0 24px;
  margin-bottom: -20px;
}

.M-ParallaxDivider__headline h2 {
  font-weight: 900;
  font-size: 68px;
  line-height: 68px;
  letter-spacing: -6px;
  text-transform: uppercase;
  margin: 0;
}

.M-ParallaxDivider__headline p {
  font-size: 24px;
  line-height: 34px;
  margin: 0;
}

.M-ParallaxDivider__animation-container--savage {
  padding: 0;
}

.M-ParallaxDivider__hero-image--savage {
  aspect-ratio: 481 / 540;
  max-width: 481px;
  width: 100%;
  margin: 240px auto -320px;
}

.M-ParallaxDivider__hero-image--savage img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: contain;
  object-position: center bottom;
}

@media (max-width: 911px) {
  .M-ParallaxDivider--savage {
    padding-top: 4rem;
    gap: 12px;
  }

  .M-ParallaxDivider__headline {
    gap: 12px;
    padding: 0 16px;
    max-width: 480px;
    min-width: 288px;
  }

  .M-ParallaxDivider__headline h2 {
    font-size: 36px;
    line-height: 36px;
    letter-spacing: -3px;
  }

  .M-ParallaxDivider__headline p {
    font-size: 16px;
    line-height: 24px;
  }

  .M-ParallaxDivider__hero-image--savage {
    max-width: 256px;
    aspect-ratio: 256 / 287;
    margin-top: 142px;
    margin-bottom: -192px;
  }
}

/* ============================================
   YOUTUBE SECTION
   ============================================ */
section[aria-label="Youtube"] {
  margin: 0 0 8rem 0;
}

section[aria-label="Youtube"] h2 {
  text-align: center;
  /* font-size: 68px;
  font-weight: 900;
  line-height: 68px;
  letter-spacing: -6px;*/
}
section[aria-label="Youtube"] .a-component-header {
  margin: 0;
}
section[aria-label="Youtube"] .M-IFrame__container {
  padding: 96px 0;
}

@media (max-width: 991px) {
  section[aria-label="Youtube"] h2 {
    font-size: 36px;
    line-height: 36px;
    letter-spacing: -3px;
    margin: 0 1rem;
  }
  section[aria-label="Youtube"] h2 br {
    display: none;
  }
  section[aria-label="Youtube"] .M-IFrame__container {
    padding: 48px 0;
  }
  section[aria-label="Youtube"] .e-container {
    margin: 0;
    width: 100%;
  }
}

/* ============================================
   SOCIAL SHARE ICONS COMPONENT
   ============================================ */

.M-SocialShareIcons__icons--leftAligned {
  display: inline-flex;
  gap: 12px;
}

.M-SocialShareIcons--inline .M-SocialShareIcons__label {
  margin: 0;
}

.M-SocialShareIcons__icon .a-icon {
  border: 1px solid
    var(--Schemes-Primary-background-Plain-Enabled-front-default, #000);
}

.o-footer__share .M-SocialShareIcons__icon .a-icon {
  border: 0;
}

/* ============================================
   PRODUCT HIGHLIGHT TEASER COMPONENT
   ============================================ */

section[aria-label="Phenomenal appliances"] .a-component-header {
  max-width: 706px;
  margin: 0px auto 196px;
}

.O-Product-Highlight-Teaser__item:first-of-type {
  display: block;
  grid-column: span 6;
}

@media (max-width: 991px) {
  section[aria-label="Phenomenal appliances"] .a-component-header {
    max-width: 100%;
    padding: 8px;
  }
  section[aria-label="Phenomenal appliances"] .a-component-header p {
    font-size: 16px;
    line-height: 24px;
  }
}

/* ============================================
   PRODUCT CAROUSEL COMPONENT
   ============================================ */

.M-ProductCarousel-Section {
  overflow: hidden;
  background: var(
    --Gradient-Home-Appliances,
    linear-gradient(180deg, #fff 0%, #eff1f2 61.55%)
  );
}

.M-ProductCarousel-Section--powertools {
  background: var(
    --Gradient-Power-Tools,
    linear-gradient(180deg, #003e64 0%, #001f32 90.75%)
  );
  margin: 0;
}

.M-ProductCarousel-Section--powertools .a-component-header,
.M-ProductCarousel-Section--powertools .M-ProductCarousel__slide__body p,
.M-ProductCarousel-Section--powertools .M-ProductCarousel__slide__body h3 {
  color: #fff;
}
.M-ProductCarousel-Section--powertools .M-ProductCarousel__slide__body span {
  color: #56b0ff;
}
.M-ProductCarousel-Section--powertools
  a.M-ProductCarousel__slide:hover
  .M-ProductCarousel__slide__link
  span {
  color: #9dc9ff;
}

.M-ProductCarousel-Section--powertools .M-ProductCarousel__slide__body {
  background: var(--PT-Blue, #003e64);
}

.M-ProductCarousel-Section .a-component-header {
  max-width: 706px;
  margin: 128px auto 96px;
}

.M-ProductCarousel {
  position: relative;
  margin-top: 196px;
  min-height: 815px;
}

.M-ProductCarousel__viewport {
  overflow: visible;
  width: 100%;
  height: 620px;
}

.M-ProductCarousel__track {
  display: flex;
  gap: 24px;
  transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: transform;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: layout style;
}

.M-ProductCarousel__slide {
  flex: 0 0 auto;
  width: 280px;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  transition:
    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.6s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.4s ease-out;
  transform: scale(0.9) translateY(0) translateZ(0);
  will-change: transform, width;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.M-ProductCarousel__slide.-active {
  width: 480px;
  opacity: 1;
  transform: scale(1) translateY(-100px) translateZ(0);
}

.M-ProductCarousel__slide .A-Image__figure {
  margin: 0;
}

.M-ProductCarousel__slide .A-Image__preloadWrapper {
  aspect-ratio: 4 / 3;
  padding-bottom: 0 !important;
}

.M-ProductCarousel__slide .A-Image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.M-ProductCarousel__slide__body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #fff;
  transition: padding 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  min-height: 208px;
}

.M-ProductCarousel__slide.-active .M-ProductCarousel__slide__body {
  padding: 32px;
}

.M-ProductCarousel__slide__body h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  color: #000;
  transition: font-size 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.M-ProductCarousel__slide.-active .M-ProductCarousel__slide__body h3 {
  font-size: 24px;
}

.M-ProductCarousel__slide__body p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  color: #333;
  transition:
    font-size 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.M-ProductCarousel__slide.-active .M-ProductCarousel__slide__body p {
  font-size: 16px;
}

.M-ProductCarousel__slide__body .a-list {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition:
    opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.M-ProductCarousel__slide.-active .M-ProductCarousel__slide__body .a-list {
  opacity: 1;
  max-height: 500px;
}

.M-ProductCarousel__slide__body .M-ProductCarousel__slide__link {
  margin-top: auto;
}

.M-ProductCarousel__slide__link span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #007bc0;
  font-size: 16px;
  font-weight: 500;
  transition: font-size 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.M-ProductCarousel__slide.-active .M-ProductCarousel__slide__link span {
  font-size: 16px;
}

.M-ProductCarousel__slide:hover .M-ProductCarousel__slide__link span {
  color: #005587;
}

.M-ProductCarousel__nav {
  position: relative;
  z-index: 10;
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease;
  flex-shrink: 0;
  padding: 0;
}

.M-ProductCarousel__nav:hover {
  background: transparent;
  box-shadow: none;
}

.M-ProductCarousel__nav .a-icon {
  font-size: 24px;
  color: #000;
  transition: color 0.2s ease;
}

.M-ProductCarousel-Section--powertools .M-ProductCarousel__nav .a-icon {
  color: #fff;
}

.M-ProductCarousel__nav:hover .a-icon {
  color: #007bc0;
}

.M-ProductCarousel__pagination {
  position: absolute;
  bottom: 128px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.M-ProductCarousel__pagination .a-page-indicator__container {
  display: flex;
  gap: 8px;
}

.M-ProductCarousel__pagination .a-page-indicator__indicator {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #71767c;
  border: none;
  cursor: pointer;
  padding: 0;
  transition:
    background-color 0.2s ease,
    transform 0.2s ease;
}

.M-ProductCarousel-Section--powertools
  .M-ProductCarousel__pagination
  .a-page-indicator__indicator {
  background: #a4abb3;
}

.M-ProductCarousel__pagination .a-page-indicator__indicator:hover {
  background: #999;
}

.M-ProductCarousel__pagination .a-page-indicator__indicator.-active {
  background: #007bc0;
  transform: scale(1.2);
}

.M-ProductCarousel-Section--powertools
  .M-ProductCarousel__pagination
  .a-page-indicator__indicator.-active {
  background: #0096e8;
}

@media (min-width: 768px) and (max-width: 911px) {
  .M-ProductCarousel {
    min-height: 620px;
  }

  .M-ProductCarousel__viewport {
    height: 540px;
  }
}

@media (max-width: 991px) {
  .M-ProductCarousel {
    margin-top: -128px;
    min-height: 695px;
  }
  .M-ProductCarousel-Section--powertools .M-ProductCarousel {
    margin-top: -28px;
  }

  .M-ProductCarousel__slide.-active {
    width: 300px;
  }
  .M-ProductCarousel__slide {
    width: 240px;
  }
  .M-ProductCarousel__slide .M-ProductCarousel__slide__body {
    min-height: 272px;
  }
  .M-ProductCarousel__slide.-active .M-ProductCarousel__slide__body {
    padding: 24px;
  }
  .M-ProductCarousel__slide.-active {
    width: 302px;
    transform: scale(1) translateY(-20px) translateZ(0);
  }
}

@media (max-width: 767px) {
  .M-ProductCarousel__viewport {
    height: 480px;
  }
}

@media (min-width: 1200px) {
  .M-ProductCarousel__slide {
    width: 320px;
  }

  .M-ProductCarousel__slide.-active {
    width: 560px;
  }

  .M-ProductCarousel__slide__body h3 {
    font-size: 20px;
  }

  .M-ProductCarousel__slide.-active .M-ProductCarousel__slide__body h3 {
    font-size: 28px;
  }
}

@media (min-width: 1440px) {
  .M-ProductCarousel__slide {
    width: 360px;
  }

  .M-ProductCarousel__slide.-active {
    width: 640px;
  }
}

/* ============================================
   PRODUCT OVERVIEW TEASER COMPONENT
   ============================================ */

.M-ProductOverviewTeaser {
  background: #fff;
  padding: 0;
  overflow-x: clip;
}

.M-ProductOverviewTeaser .e-container {
  max-width: 1164px;
  margin: 0 auto;
  padding: 0 24px;
}

.M-ProductOverviewTeaser__content {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 32px;
}

.M-ProductOverviewTeaser__image {
  flex: 0 0 auto;
  position: relative;
  width: 938px;
  max-width: none;
  margin-left: calc((100vw - 1164px) / -2 - 24px);
}

.M-ProductOverviewTeaser__image img {
  width: 100%;
  height: auto;
  display: block;
  right: -32px;
  position: relative;
}

.M-ProductOverviewTeaser__text {
  flex: 0 0 356px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.M-ProductOverviewTeaser__text > * {
  margin: 0;
}

.M-ProductOverviewTeaser__headline {
  max-width: 95%;
}

.M-ProductOverviewTeaser__text .M-ProductCarousel__slide__link {
  margin-top: 8px;
  margin-bottom: 0;
}

.M-ProductOverviewTeaser__subline {
  width: 70%;
}

.M-ProductOverviewTeaser .M-SocialShareIcons--inline {
  margin-top: 48px;
}

@media (max-width: 991px) {
  .M-ProductOverviewTeaser__content {
    flex-direction: column;
    align-items: center;
  }
  .M-ProductOverviewTeaser__subline {
    font-size: 16px;
    line-height: 24px;
    width: 100%;
  }

  .M-ProductOverviewTeaser .M-SocialShareIcons--inline {
    margin-top: 0;
  }

  .M-ProductOverviewTeaser__image {
    max-width: none;
    margin-left: 0%;
    order: 2;
  }
  .M-ProductOverviewTeaser--powertools .M-ProductOverviewTeaser__image {
    width: 120%;
    margin-left: -32px;
  }

  .M-ProductOverviewTeaser__text {
    flex: 0 0 auto;
    max-width: 500px;
    align-items: center;
    text-align: center;
    order: 1;
  }

  .M-ProductOverviewTeaser__headline {
    font-size: 24px;
    line-height: 34px;
  }
}

/* @media (max-width: 767px) {
  .M-ProductOverviewTeaser {
    padding: 48px 0;
  }

  .M-ProductOverviewTeaser__content {
    gap: 24px;
  }

  .M-ProductOverviewTeaser__image {
    width: 160%;
    margin-left: -60%;
  }

  .M-ProductOverviewTeaser .M-SocialShareIcons--inline {
    margin-top: 32px;
  }
} */

/* ============================================
   NEWSLETTER SECTION
   ============================================ */

.M-Newsletter {
  position: relative;
  background: var(
    --Schemes-Primary-background-Plain-Enabled-back-primary,
    #eff1f2
  );
  padding: 96px 0 8rem;
  overflow: hidden;
  margin-bottom: 0;
}

.M-Newsletter__container {
  max-width: 1520px;
  margin: 0 auto;
  padding: 0 32px;
}

.M-Newsletter__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 776px;
  margin: 0 auto 64px;
  gap: 24px;
}

.M-Newsletter__label {
  font-family: "boschsans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #000;
  margin: 0;
}

.M-Newsletter__headline {
  font-family: "boschsans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 68px;
  font-weight: 900;
  line-height: 68px;
  letter-spacing: -6px;
  text-transform: uppercase;
  color: #000;
  margin: 0;
}

.M-Newsletter__description {
  font-family: "boschsans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #000;
  margin: 0;
  max-width: 600px;
}

.M-Newsletter__button span {
  padding: 0.75rem 1rem;
}

.M-Newsletter__button:hover {
  background: var(
    --Schemes-Primary-background-Minor-accent-Hover-back-primary,
    #005587
  );
}

.M-Newsletter__button.is-hidden {
  display: none;
}

.M-Newsletter__form-placeholder section[aria-label="O_Form"] {
  margin: 0;
}

.M-Newsletter__form-placeholder {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition:
    max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.4s ease,
    margin-top 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  width: 100%;
  max-width: 600px;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.M-Newsletter__form-placeholder.is-visible {
  max-height: 2000px;
  opacity: 1;
  margin-top: 32px;
}

.M-Newsletter__image-container {
  position: relative;
  width: 100%;
  max-width: 1520px;
  margin: 0 auto;
  transition: margin-top 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.M-Newsletter__image-container.is-expanded {
  margin-top: 64px;
}

.M-Newsletter__image-container img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 911px) {
  .M-Newsletter {
    padding: 64px 0 0;
  }

  .M-Newsletter__container {
    padding: 0 24px;
  }

  .M-Newsletter__content {
    margin-bottom: 48px;
    gap: 16px;
  }

  .M-Newsletter__headline {
    font-size: 48px;
    line-height: 48px;
    letter-spacing: -4px;
  }

  .M-Newsletter__description {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (max-width: 767px) {
  .M-Newsletter {
    padding: 48px 0 0;
  }

  .M-Newsletter__container {
    padding: 0 16px;
  }

  .M-Newsletter__content {
    margin-bottom: 32px;
    gap: 12px;
  }

  .M-Newsletter__headline {
    font-size: 36px;
    line-height: 36px;
    letter-spacing: -3px;
  }

  .M-Newsletter__description {
    font-size: 16px;
    line-height: 24px;
  }

  .M-Newsletter__button {
    padding: 10px 20px;
    font-size: 14px;
  }

  .M-Newsletter__form-placeholder {
    padding: 0 16px;
  }

  .M-Newsletter__form-placeholder.is-visible {
    margin-top: 24px;
  }

  .M-Newsletter__image-container.is-expanded {
    margin-top: 48px;
  }
}

/* ============================================
   NEWSLETTER FORM
   ============================================ */

.M-Newsletter .mwf-form__wrapper .mwf-form {
  grid-column: span 12;
}

.M-Newsletter .mwf-form__wrapper .mwf-form .o-form {
  margin: 0;
}

.M-Newsletter .mwf-form__wrapper .mwf-form .o-form p strong {
  font-size: 24px;
  line-height: 34px;
}