/** Shopify CDN: Minification failed

Line 179:0 Unexpected "}"

**/
/* =========================================================
   COLLECTION PRODUCT TITLES & PRICES
   ========================================================= */

.collection .card > .card__content > .card__information {
  text-align: center;
}

.collection .card > .card__content > .card__information .card__heading {
  text-align: center;
  font-weight: 400;
  line-height: 1.35;
}

.collection .card > .card__content > .card__information .price {
  justify-content: center;
  text-align: center;
}

/* =========================================================
   FEATURED COLLECTION PRODUCT TITLES & PRICES
   ========================================================= */

.featured-collection-custom .card__information {
  text-align: center;
}

.featured-collection-custom .card__heading {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.35;
}

.featured-collection-custom .card-information {
  text-align: center;
}

.featured-collection-custom .rating {
  justify-content: center;
}

.featured-collection-custom .price {
  justify-content: center;
}

/* =========================================================
   HEADER NESTED SUBMENU – HOVER & CLICKABLE PARENT
   ========================================================= */

.header-submenu-parent {
  position: relative;
}

.header-submenu-parent > .header__submenu--nested {
  display: none;
  position: absolute;
  top: -1px;
  left: 100%;
  min-width: 250px;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  opacity: 1;
  z-index: 1000;
}

/* MADSPEED7 — Main Navigation Dropdown — Auto Width */
@media screen and (min-width: 990px) {
  .header__inline-menu > ul.list-menu--inline > li > header-menu > details > .header__submenu {
    width: max-content !important;
    min-width: 0 !important;
  }

  .header__inline-menu > ul.list-menu--inline > li > header-menu > details > .header__submenu > li > a {
    white-space: nowrap !important;
  }
}

.header-submenu-parent:hover > .header__submenu--nested {
  display: block;
}

.header__menu-item--submenu-parent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  cursor: pointer;
}

.header__menu-item-link {
  flex: 1;
  text-decoration: none;
}

.header__menu-item--submenu-parent .svg-wrapper {
  flex-shrink: 0;
}

.header-submenu-parent:hover > .header__menu-item--submenu-parent {
  background-color: rgba(0, 0, 0, 0.04);
}

/* =========================================================
   NESTED SUBMENU CARET & WIDTH
   ========================================================= */

.header-submenu-parent > .header__menu-item--submenu-parent {
  position: relative;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding-right: 4rem;
}

/* =========================================================
   HEADER NESTED SUBMENU CARET
   ========================================================= */

.header-submenu-parent > a.header__menu-item--submenu-parent > svg.icon-caret {
  width: 16px !important;
  height: 10px !important;
  min-width: 16px !important;
  min-height: 10px !important;
  max-width: 16px !important;
  max-height: 10px !important;
  flex: 0 0 16px !important;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg) !important;
  margin: 0 !important;
}

.header-submenu-parent > .header__menu-item--submenu-parent > span {
  flex: 1;
}

/* =========================================================
   MOBILE FILTER – LEFT DRAWER & ALWAYS EXPANDED
   ========================================================= */

@media screen and (max-width: 749px) {
  .mobile-facets__inner {
    margin-left: 0 !important;
    margin-right: auto !important;
    border-width: 0 var(--drawer-border-width) 0 0 !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .js .mobile-facets__wrapper .disclosure-has-popup:not(.menu-opening) .mobile-facets__inner {
    transform: translateX(-105vw) !important;
  }

  .js .mobile-facets__wrapper .disclosure-has-popup.menu-opening .mobile-facets__inner {
    transform: translateX(0) !important;
  }
}


  /* ---------------------------------------------------------
     MOVE THE CLOSE X INSIDE THE TOP-RIGHT OF THE LEFT DRAWER
     --------------------------------------------------------- */

  .mobile-facets__close {
    right: auto !important;
    left: min(calc(100vw - 9.4rem), 33.1rem) !important;
  }

}


  /* =========================================================
   MADSPEED7 — Mobile Announcement Bar
   ========================================================= */

@media screen and (max-width: 749px) {

  /* Hide announcement arrows */
  .announcement-bar-slider .slider-button {
    display: none !important;
  }

  /* Keep the announcement contained within the viewport */
  .announcement-bar,
  .announcement-bar-slider {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* Let Dawn's slider calculate its own slide widths */
  .announcement-bar-slider .slider {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .announcement-bar__message {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 2px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

}

/* MADSPEED7 — Mobile Logo Size */

@media screen and (max-width: 749px) {
  .header__heading-logo-wrapper {
    width: 150px !important;
    max-width: 150px !important;
  }

  .header__heading-logo {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    transform: none !important;
  }
}

/* =========================================================
   MADSPEED7 PRODUCT QUICK VIEW
   Professional product gallery
   ========================================================= */

.madspeed7-qv-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 30px;

  background: rgba(0, 0, 0, 0.58);

  box-sizing: border-box;
}


/* ---------------------------------------------------------
   Modal
   --------------------------------------------------------- */

.madspeed7-qv-modal {
  position: relative;

  width: min(1000px, 100%);
  max-height: calc(100vh - 60px);

  overflow: hidden;

  background: #ffffff;

  box-sizing: border-box;

  border-radius: 2px;
}

.madspeed7-qv-scroll {
  display: grid;
  grid-template-columns: 48% 52%;

  max-height: calc(100vh - 60px);

  overflow-y: auto;
  overflow-x: hidden;

  box-sizing: border-box;
}


/* ---------------------------------------------------------
   Quick View Close Button
   --------------------------------------------------------- */

.madspeed7-qv-close {
  position: absolute !important;

  top: 16px !important;
  right: 18px !important;

  width: 40px !important;
  height: 40px !important;

  padding: 0 !important;

  border: none !important;
  border-radius: 4px !important;

  background: #222222 !important;
  color: #ffffff !important;

  font-size: 26px !important;
  font-weight: 600 !important;

  line-height: 40px !important;
  text-align: center !important;

  cursor: pointer;

  z-index: 999999 !important;

  transition:
    background 0.2s ease,
    transform 0.2s ease,
    opacity 0.2s ease !important;
}

.madspeed7-qv-close:hover {
  background: #009FE3 !important;
  color: #ffffff !important;
  transform: scale(1.05) !important;
  opacity: 1 !important;
}


/* ---------------------------------------------------------
   Mobile Quick View Close Button
   --------------------------------------------------------- */

@media screen and (max-width: 749px) {

  .madspeed7-qv-close {
    top: 18px !important;
    right: 18px !important;

    width: 38px !important;
    height: 38px !important;

    border-radius: 4px !important;

    font-size: 25px !important;
    line-height: 38px !important;
  }

}


/* =========================================================
   PRODUCT IMAGE GALLERY
   ========================================================= */

.madspeed7-qv-image-wrapper {
  box-sizing: border-box;

  width: 100%;

  padding: 55px 35px 35px;

  display: flex;
  align-items: flex-start;
  justify-content: center;

  overflow: hidden;
}


/* ---------------------------------------------------------
   Gallery container
   --------------------------------------------------------- */

.madspeed7-qv-gallery {
  width: 100%;
  max-width: 450px;

  display: flex;
  flex-direction: column;
  align-items: center;

  box-sizing: border-box;
}


/* ---------------------------------------------------------
   Main image area
   --------------------------------------------------------- */

.madspeed7-qv-main-image-wrapper {
  position: relative;

  width: 100%;
  height: 430px;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  box-sizing: border-box;
}


/* ---------------------------------------------------------
   Main product image

   IMPORTANT:
   Keep these limits strong so large product images
   can never overflow the gallery.
   --------------------------------------------------------- */

.madspeed7-qv-main-image-wrapper
.madspeed7-qv-image {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 100% !important;
  max-height: 100% !important;

  object-fit: contain !important;

  margin: 0 !important;
}


/* ---------------------------------------------------------
   Image navigation arrows
   --------------------------------------------------------- */

.madspeed7-qv-image-prev,
.madspeed7-qv-image-next {
  position: absolute;

  top: 50%;
  transform: translateY(-50%);

  z-index: 5;

  width: 38px;
  height: 38px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid #d8d8d8;

  background: rgba(255, 255, 255, 0.95);

  color: #222222;

  font-size: 28px;
  font-weight: 300;

  line-height: 1;

  cursor: pointer;

  box-sizing: border-box;

  transition: background 0.2s ease;
}

.madspeed7-qv-image-prev {
  left: -5px;
}

.madspeed7-qv-image-next {
  right: -5px;
}

.madspeed7-qv-image-prev:hover,
.madspeed7-qv-image-next:hover {
  background: #f5f5f5;
}


/* ---------------------------------------------------------
   Thumbnail gallery
   --------------------------------------------------------- */

.madspeed7-qv-thumbnails {
  width: 100%;

  margin-top: 18px;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 8px;

  overflow-x: auto;

  padding: 2px 2px 6px;

  box-sizing: border-box;

  scrollbar-width: none;
}

.madspeed7-qv-thumbnails::-webkit-scrollbar {
  display: none;
}


/* ---------------------------------------------------------
   Individual thumbnail
   --------------------------------------------------------- */

.madspeed7-qv-thumbnail {
  flex: 0 0 64px;

  width: 64px;
  height: 64px;

  padding: 3px;

  border: 1px solid #d8d8d8;

  background: #ffffff;

  cursor: pointer;

  box-sizing: border-box;

  display: flex;
  align-items: center;
  justify-content: center;

  transition:
    border-color 0.2s ease,
    opacity 0.2s ease;
}

.madspeed7-qv-thumbnail img {
  display: block;

  width: 100%;
  height: 100%;

  max-width: 100%;
  max-height: 100%;

  object-fit: contain;
}

.madspeed7-qv-thumbnail:hover {
  border-color: #999999;
}

.madspeed7-qv-thumbnail.is-active {
  border-color: #222222;
}


/* =========================================================
   PRODUCT INFORMATION
   ========================================================= */

.madspeed7-qv-details {
  padding: 55px 55px 50px 25px;

  box-sizing: border-box;
}


.madspeed7-qv-title {
  margin: 0 40px 18px 0;

  color: #282a2d;

  font-size: 25px;
  font-weight: 600;

  line-height: 1.3;
}


.madspeed7-qv-price {
  margin-bottom: 28px;

  color: #282a2d;

  font-size: 20px;
  font-weight: 600;

  line-height: 1.4;
}


/* ---------------------------------------------------------
   Description
   --------------------------------------------------------- */

.madspeed7-qv-description {
  margin-bottom: 30px;

  color: #555555;

  font-size: 14px !important;
  line-height: 1.6 !important;
}

.madspeed7-qv-description p {
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.madspeed7-qv-description font {
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.madspeed7-qv-description span[style*="font-size"] {
  font-size: 14px !important;
}


/* Product description images should never overflow */

.madspeed7-qv-description img {
  max-width: 100% !important;
  height: auto !important;
}


/* Specification table */

.madspeed7-qv-description table {
  margin-top: 25px;

  width: 100%;

  font-size: 13px;

  border-collapse: collapse;
}


/* ---------------------------------------------------------
   View product button
   --------------------------------------------------------- */

.madspeed7-qv-product-link {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 48px;

  padding: 0 28px;

  background: #009FE3;
  color: #ffffff;

  text-decoration: none;

  font-size: 14px;
  font-weight: 600;

  box-sizing: border-box;

  transition: opacity 0.2s ease;
}

.madspeed7-qv-product-link:hover {
  color: #ffffff;
  opacity: 0.88;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 749px) {

  .madspeed7-qv-overlay {
    padding: 12px;
  }

  .madspeed7-qv-modal {
  width: 100% !important;
  max-width: 100% !important;

  max-height: calc(100svh - 32px) !important;

  overflow: hidden !important;
}

.madspeed7-qv-scroll {
  display: grid !important;
  grid-template-columns: 1fr !important;

  max-height: calc(100svh - 32px) !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;
}


  .madspeed7-candyrack-qv-modal {
    width: 100%;
    max-height: 80vh !important;
    display: block;
    overflow-y: auto;
    padding: 16px !important;
  }


  /* -------------------------------------------------------
     Mobile gallery
     ------------------------------------------------------- */

  .madspeed7-qv-image-wrapper {
padding: 28px 20px 8px !important;

    overflow: hidden;
  }


  .madspeed7-qv-gallery {
    width: 100%;
    max-width: 100%;
  }


  .madspeed7-qv-main-image-wrapper {
    width: 100%;
    height: 330px;

    overflow: hidden;
  }


  .madspeed7-qv-main-image-wrapper
  .madspeed7-qv-image {
    max-width: 100% !important;
    max-height: 100% !important;
  }


  .madspeed7-qv-image-prev,
  .madspeed7-qv-image-next {
    width: 34px;
    height: 34px;

    font-size: 24px;
  }


  .madspeed7-qv-image-prev {
    left: 2px;
  }


  .madspeed7-qv-image-next {
    right: 2px;
  }


  /* -------------------------------------------------------
     Mobile thumbnails
     ------------------------------------------------------- */

  .madspeed7-qv-thumbnails {
    margin-top: 12px;

    justify-content: flex-start;

    gap: 7px;
  }


  .madspeed7-qv-thumbnail {
    flex-basis: 58px;

    width: 58px;
    height: 58px;
  }


  /* -------------------------------------------------------
     Mobile information
     ------------------------------------------------------- */

  .madspeed7-qv-details {
    padding: 20px 25px 30px;
  }


  .madspeed7-qv-title {
    margin-right: 35px;
    margin-bottom: 14px;

    font-size: 21px;
  }


  .madspeed7-qv-price {
    margin-bottom: 20px;

    font-size: 18px;
  }


   .madspeed7-qv-description,
.madspeed7-qv-description p,
.madspeed7-qv-description font,
.madspeed7-qv-description span[style*="font-size"] {
  font-size: 13px !important;
  line-height: 1.6 !important;
}

  .madspeed7-qv-product-link {
    width: 100%;
  }

}

/* =========================================================
   MADSPEED7 — PRODUCT SPECIFICATION TABLES
   Applies automatically to ALL product descriptions
   ========================================================= */

.product__description table {
  width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin-top: 10px !important;
  font-size: 14px !important;
}

/* Table rows */
.product__description table tr:nth-child(odd) {
  background: #f1f1f1 !important;
}

.product__description table tr:nth-child(even) {
  background: #ffffff !important;
}

/* All table cells */
.product__description table td {
  padding: 8px !important;
  border: 0 !important;
  border-bottom: 1px solid #d9d9d9 !important;
  vertical-align: middle !important;
}

/* Left column — specification name */
.product__description table td:first-child {
  width: 40% !important;
  font-weight: 600 !important;
}

/* Right column — specification value */
.product__description table td:nth-child(2) {
  font-weight: 400 !important;
}

/* Last row */
.product__description table tr:last-child td {
  border-bottom: 0 !important;
}

/* =========================================================
   MADSPEED7 — PRODUCT DESCRIPTION TEXT
   Match specification table text size
   ========================================================= */

.product__description {
  font-size: 14px !important;
}

.product__description p {
  font-size: 14px !important;
}

/* MADSPEED7 — Mobile product description text */

@media screen and (max-width: 749px) {
  .product__description,
  .product__description p,
  .product__description table {
    font-size: 13px !important;
  }

  .product__description table td {
    font-size: 13px !important;
  }
}

/* =========================================================
   MADSPEED7 — COLLECTION QUICK VIEW
   Desktop: centred hover button
   Mobile: eye icon
   ========================================================= */

/* Make the product image area full width */

.card__inner .card__media {
  position: absolute !important;
  width: 100% !important;
  max-width: 100% !important;
}


/* Keep the Dawn image container full width */

.card__inner .card__media .media {
  width: 100% !important;
  max-width: 100% !important;

  aspect-ratio: 1 / 1 !important;

  overflow: hidden !important;
}


/* Make the product image fill the square correctly */

.card__inner .card__media img {
  width: 100% !important;
  height: 100% !important;

  max-width: 100% !important;

  object-fit: contain !important;
  object-position: center !important;

  display: block !important;
}


/* ---------------------------------------------------------
   Product card positioning
   --------------------------------------------------------- */

.card-wrapper.product-card-wrapper {
  position: relative !important;
}

.card-wrapper.product-card-wrapper .card__inner {
  position: relative !important;
  z-index: 1 !important;
}

.card-wrapper.product-card-wrapper .madspeed7-product-quick-view {
  z-index: 9999 !important;
}


/* ---------------------------------------------------------
   Quick View button — desktop
   --------------------------------------------------------- */

.madspeed7-product-quick-view {
  position: absolute !important;

  left: 50% !important;
  top: 50% !important;

  transform: translate(-50%, -50%) !important;

  z-index: 99999 !important;
  pointer-events: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 12px 24px !important;

  border: none !important;
  border-radius: 5px !important;

  background: rgba(255, 255, 255, 0.82) !important;
  color: #111111 !important;

  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;

  cursor: pointer !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;

  transition:
    opacity 0.2s ease,
    visibility 0.2s ease,
    background 0.2s ease !important;

  box-sizing: border-box !important;
}

/* ---------------------------------------------------------
   Desktop hover
   --------------------------------------------------------- */

.card-wrapper.product-card-wrapper:hover .madspeed7-product-quick-view {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}


/* ---------------------------------------------------------
   Quick View button hover
   --------------------------------------------------------- */

/* Quick View — desktop hover */
.card-wrapper.product-card-wrapper:hover .madspeed7-product-quick-view:hover {
  background: rgba(80, 80, 80, 0.72) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.95) !important;
}


/* ---------------------------------------------------------
   Desktop / mobile button contents
   --------------------------------------------------------- */

.madspeed7-qv-desktop-text {
  display: block !important;
}

.madspeed7-qv-mobile-icon {
  display: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 749px) {

  /* -------------------------------------------------------
     Mobile Quick View button
     Eye icon in top-right of image
     ------------------------------------------------------- */



  .madspeed7-product-quick-view {
    left: auto !important;
    top: auto !important;
bottom: 10px !important;

    right: 10px !important;
    bottom: auto !important;

    transform: none !important;

    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;

    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;

    padding: 0 !important;

    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 50% !important;

    background: rgba(255, 255, 255, 0.94) !important;
    color: #222222 !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12) !important;
  }


  /* Hide "Quick view" text on mobile */

  .madspeed7-qv-desktop-text {
    display: none !important;
  }


  /* Show eye icon on mobile */

  .madspeed7-qv-mobile-icon {
    display: block !important;

    width: 20px !important;
    height: 20px !important;

    flex: 0 0 20px !important;
  }


  .madspeed7-qv-mobile-icon svg {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
  }

}

/* =========================================================
   MADSPEED7 — QUICK VIEW CLICK FIX
   Prevent Dawn's full-card link overlay from covering
   the Quick View button
   ========================================================= */

@media screen and (min-width: 750px) {

  .card-wrapper.product-card-wrapper .card__heading .full-unstyled-link::after {
    pointer-events: none !important;
  }

  .card-wrapper.product-card-wrapper .madspeed7-product-quick-view {
    pointer-events: auto !important;
    z-index: 99999 !important;
  }

}

/* =========================================================
   MADSPEED7 — MOBILE QUICK VIEW CLICK FIX
   ========================================================= */

@media screen and (max-width: 749px) {

  .card-wrapper.product-card-wrapper
  .card__heading
  .full-unstyled-link::after {
    pointer-events: none !important;
  }

  .card-wrapper.product-card-wrapper
  .madspeed7-product-quick-view {
    pointer-events: auto !important;
    z-index: 99999 !important;
  }

}

/* MADSPEED7 — Product image pointer cursor */

.card-wrapper.product-card-wrapper .card__inner .card__media {
  cursor: pointer !important;
}

/* =========================================================
   DESKTOP QUICK VIEW — 5 THUMBNAILS PER ROW
   ========================================================= */

@media screen and (min-width: 750px) {

  .madspeed7-qv-thumbnails {
    width: 100% !important;

    margin-top: 18px !important;

    display: flex !important;
    flex-wrap: wrap !important;

    justify-content: flex-start !important;
    align-items: center !important;

    gap: 8px !important;

    overflow: visible !important;

    padding: 2px 2px 6px !important;

    box-sizing: border-box !important;
  }

  .madspeed7-qv-thumbnail {
    flex: 0 0 calc((100% - 32px) / 5) !important;
    width: calc((100% - 32px) / 5) !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;

    box-sizing: border-box !important;
  }

}

/* MADSPEED7 — Hide product image zoom icon */

.product__media-icon--lightbox {
  display: none !important;
}

/* =========================================================
   MADSPEED7 — PRODUCT IMAGE LIGHTBOX ARROWS
   Subtle transparent navigation arrows
   ========================================================= */

.product-media-modal__nav {
  width: 42px !important;
  height: 42px !important;

  padding: 0 !important;

  border: none !important;
  border-radius: 50% !important;

  background: rgba(0, 0, 0, 0.35) !important;
  color: #ffffff !important;

  font-size: 22px !important;
  line-height: 42px !important;

  opacity: 0.75 !important;

  box-shadow: none !important;

  transition:
    background 0.2s ease,
    opacity 0.2s ease !important;
}

/* Hover */
.product-media-modal__nav:hover {
  background: rgba(0, 0, 0, 0.55) !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

/* =========================================================
   MADSPEED7 — PRODUCT IMAGE LIGHTBOX
   Desktop base styling
   ========================================================= */

@media screen and (min-width: 750px) {

  .product-media-modal {
    background: rgba(0, 0, 0, 0.65) !important;
  }

  .product-media-modal__dialog {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

}

/* =========================================================
   MADSPEED7 — PRODUCT LIGHTBOX
   Clean desktop gallery with thumbnail column
   ========================================================= */

@media screen and (min-width: 750px) {

  /* -------------------------------------------------------
     LIGHTBOX WINDOW
     ------------------------------------------------------- */

  .product-media-modal__dialog {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;

    width: min(92vw, 1280px) !important;
    height: min(92vh, 900px) !important;
    max-width: 1280px !important;
    max-height: 92vh !important;

    margin: 0 !important;
    background: #fff !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* -------------------------------------------------------
     MAIN IMAGE AREA
     Dedicated space remains available for thumbnails
     ------------------------------------------------------- */

  .product-media-modal__content {
    position: relative !important;
    width: calc(100% - 125px) !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #fff !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* -------------------------------------------------------
     PRODUCT IMAGES
     ------------------------------------------------------- */

  .product-media-modal__content > img:not(.active) {
    display: none !important;
  }

  .product-media-modal__content > img.active {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  /* =======================================================
     DESKTOP THUMBNAIL COLUMN
     ======================================================= */

  .ms7-lightbox-thumbnails {
    position: absolute !important;
    top: 80px !important;
    right: 90px !important;
    bottom: 25px !important;

    width: 82px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;

    padding: 2px 3px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    z-index: 100 !important;
    box-sizing: border-box !important;
  }

  /* -------------------------------------------------------
     THUMBNAIL BUTTONS
     ------------------------------------------------------- */

  .ms7-lightbox-thumbnail {
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    flex: 0 0 74px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 3px !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 101 !important;
    box-sizing: border-box !important;

    transition:
      border-color 0.15s ease,
      opacity 0.15s ease !important;
  }

  .ms7-lightbox-thumbnail:hover {
    border-color: #999 !important;
  }

  .ms7-lightbox-thumbnail.is-active {
    border: 2px solid #ff5a1f !important;
  }

  .ms7-lightbox-thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    pointer-events: none !important;
  }

  /* -------------------------------------------------------
     THUMBNAIL SCROLLBAR
     ------------------------------------------------------- */

  .ms7-lightbox-thumbnails::-webkit-scrollbar {
    width: 4px !important;
  }

  .ms7-lightbox-thumbnails::-webkit-scrollbar-track {
    background: transparent !important;
  }

  .ms7-lightbox-thumbnails::-webkit-scrollbar-thumb {
    background: #ccc !important;
    border-radius: 4px !important;
  }

  /* =======================================================
     DESKTOP NAVIGATION ARROWS
     Explicitly position them relative to the lightbox dialog.
     This prevents Dawn's positioning from pulling the right
     arrow into the main image area.
     ======================================================= */

  .product-media-modal__nav {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 200 !important;
  }

  .product-media-modal__nav--previous {
    left: 190px !important;
  }

  .product-media-modal__nav--next {
    right: 190px !important;
  }

  /* -------------------------------------------------------
     CLOSE BUTTON
     ------------------------------------------------------- */

  .product-media-modal__toggle {
    right: 8px !important;
    z-index: 300 !important;
  }

}


/* =========================================================
   MADSPEED7 — MOBILE PRODUCT LIGHTBOX
   Keep the working mobile design unchanged
   ========================================================= */

@media screen and (max-width: 749px) {

  /* -------------------------------------------------------
     OUTER LIGHTBOX
     ------------------------------------------------------- */

  .product-media-modal {
    position: fixed !important;
    inset: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    background: rgba(0, 0, 0, 0.65) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* -------------------------------------------------------
     MOBILE LIGHTBOX WINDOW
     ------------------------------------------------------- */

  .product-media-modal__dialog {
    position: relative !important;

    width: calc(100vw - 32px) !important;
    height: 68vh !important;

    max-width: 520px !important;
    max-height: 92vh !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 16px !important;

    background: #fff !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* -------------------------------------------------------
     MAIN IMAGE AREA
     ------------------------------------------------------- */

  .product-media-modal__content {
    position: relative !important;

    width: calc(100% + 64px) !important;
    height: 100% !important;

    margin-left: -32px !important;
    margin-right: -32px !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #fff !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  /* -------------------------------------------------------
     HIDE NON-ACTIVE IMAGES
     ------------------------------------------------------- */

  .product-media-modal__content > img:not(.active) {
    display: none !important;
  }

  /* -------------------------------------------------------
     LARGE ACTIVE PRODUCT IMAGE
     ------------------------------------------------------- */

  .product-media-modal__content > img.active {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;
    max-height: 100% !important;

    margin: 0 !important;
    object-fit: contain !important;
    flex: 0 0 auto !important;

    transform: scale(1.10) !important;
    transform-origin: center center !important;
  }

  /* -------------------------------------------------------
     MOBILE NAVIGATION ARROWS
     ------------------------------------------------------- */

  .product-media-modal__nav {
    z-index: 200 !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    font-size: 22px !important;
  }

  .product-media-modal__nav--previous {
    left: 8px !important;
  }

  .product-media-modal__nav--next {
    right: 8px !important;
  }

  /* -------------------------------------------------------
     CLOSE BUTTON
     ------------------------------------------------------- */

  .product-media-modal__toggle {
    top: 8px !important;
    right: 8px !important;
    z-index: 300 !important;
  }

  /* -------------------------------------------------------
     THUMBNAILS
     ------------------------------------------------------- */

  .ms7-lightbox-thumbnails {
    display: none !important;
  }

}

/* MADSPEED7 — Hide announcement bar arrows */
.announcement-bar .slider-button--prev,
.announcement-bar .slider-button--next {
  display: none !important;
}

/* Collection page product titles */
.collection .card__heading {
  font-size: 14px !important;
}

/* MADSPEED7 - Collection Page Prices */

/* Main price */
.card-information .price-item--regular,
.card-information .price-item--sale {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}

/* "From" text */
.card-information .ms7-price-from {
  font-size: 13px !important;
  font-weight: 400 !important;
  margin-right: 4px !important;
}

/* Actual price */
.card-information .ms7-price-value {
  font-size: 16px !important;
  font-weight: 600 !important;
}

/* =========================================
   MS7 PRODUCT TITLE / SUBTITLE / CODE
   ========================================= */

.ms7-product-subtitle {
  display: block !important;
  margin-top: 8px !important;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0.6px;
  color: rgba(18, 18, 18, 0.55);
  text-transform: uppercase;
}

.ms7-product-divider {
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  background-color: rgba(18, 18, 18, 0.15) !important;
  margin: 5px 0 5px !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.ms7-product-code {
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.3px;
  color: rgba(18, 18, 18, 0.55);
}

@media screen and (max-width: 749px) {
  .ms7-product-subtitle {
    font-size: 12px;
  }

  .ms7-product-code {
    font-size: 11px;
  }
}

/* =========================================
   MS7 — PRODUCT DESCRIPTION TEXT
   Desktop: 14px
   Mobile: 13px
   ========================================= */

.ms7-product-description,
.ms7-product-tabs__content,
.ms7-product-accordions .accordion__content {
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Product description paragraphs, lists and inline elements */

.ms7-product-description p,
.ms7-product-description li,
.ms7-product-description font,
.ms7-product-description span,
.ms7-product-tabs__content p,
.ms7-product-tabs__content li,
.ms7-product-tabs__content font,
.ms7-product-tabs__content span,
.ms7-product-accordions .accordion__content p,
.ms7-product-accordions .accordion__content li,
.ms7-product-accordions .accordion__content font,
.ms7-product-accordions .accordion__content span {
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Specification tables */

.ms7-product-description table,
.ms7-product-tabs__content table,
.ms7-product-accordions .accordion__content table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-top: 10px !important;
}

.ms7-product-description table td,
.ms7-product-tabs__content table td,
.ms7-product-accordions .accordion__content table td {
  padding: 8px !important;
  border-bottom: 1px solid #ddd !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

/* Specification labels */

.ms7-product-description table td:first-child,
.ms7-product-tabs__content table td:first-child,
.ms7-product-accordions .accordion__content table td:first-child {
  font-weight: 600 !important;
}

.ms7-product-tabs__content,
.ms7-product-tabs__content * {
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Mobile */

@media screen and (max-width: 749px) {

  .ms7-product-description,
  .ms7-product-tabs__content,
  .ms7-product-accordions .accordion__content {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  .ms7-product-accordions .accordion__content,
.ms7-product-accordions .accordion__content * {
  font-size: 13px !important;
  line-height: 1.6 !important;
}

  .ms7-product-description p,
  .ms7-product-description li,
  .ms7-product-description font,
  .ms7-product-description span,
  .ms7-product-tabs__content p,
  .ms7-product-tabs__content li,
  .ms7-product-tabs__content font,
  .ms7-product-tabs__content span,
  .ms7-product-accordions .accordion__content p,
  .ms7-product-accordions .accordion__content li,
  .ms7-product-accordions .accordion__content font,
  .ms7-product-accordions .accordion__content span {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  .ms7-product-description table td,
  .ms7-product-tabs__content table td,
  .ms7-product-accordions .accordion__content table td {
    font-size: 13px !important;
  }

}

/* =========================================
   MS7 WHY OUR WHEELS
   ========================================= */

.ms7-why-our-wheels {
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Paragraphs */
.ms7-why-our-wheels p {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Section headings */
.ms7-why-our-wheels h4 {
  margin-top: 24px !important;
  margin-bottom: 12px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

/* First heading */
.ms7-why-our-wheels > h4:first-of-type {
  margin-top: 24px !important;
}

/* Dividers */
.ms7-why-our-wheels hr {
  margin: 24px 0 !important;
  border: 0 !important;
  border-top: 1px solid #e5e5e5 !important;
  height: 1px !important;
  background: none !important;
}

/* Mobile */
@media screen and (max-width: 749px) {

  .ms7-why-our-wheels {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  .ms7-why-our-wheels p {
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin-bottom: 14px !important;
  }

  .ms7-why-our-wheels h4 {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-top: 22px !important;
    margin-bottom: 10px !important;
  }

  .ms7-why-our-wheels hr {
    margin: 20px 0 !important;
  }
}

/* Space below product information before footer */
.product__info-container {
  padding-bottom: 40px !important;
}

 /* =========================================
    MS7 JUDGE.ME RATING
    ========================================= */

.ms7-product-rating {
  cursor: pointer;
  padding-top: 4px !important;
}

/* =========================================
   MS7 COLLECTION — JUDGE.ME RATING
   Mobile-safe product card rating
   ========================================= */

.ms7-collection-rating {
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  overflow: hidden !important;
}

.ms7-collection-rating .jdgm-prev-badge {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  transform: none !important;
}

/* =========================================
   MS7 COLLECTION — MOBILE RATING
   ========================================= */

@media screen and (max-width: 749px) {

  .ms7-collection-rating .jdgm-prev-badge {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .ms7-collection-rating .jdgm-prev-badge__stars {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    line-height: 1 !important;
  }

  .ms7-collection-rating .jdgm-prev-badge__stars .jdgm-star {
    font-size: 12px !important;
    line-height: 1 !important;
  }

  .ms7-collection-rating .jdgm-prev-badge__text {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin-left: 4px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

}

/* =========================================
   MS7 COLLECTION — DESKTOP JUDGE.ME RATING
   Smaller, centred stars and review text
   ========================================= */

@media screen and (min-width: 750px) {

  .ms7-collection-rating .jdgm-prev-badge {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  .ms7-collection-rating .jdgm-prev-badge__stars {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
  }

  .ms7-collection-rating .jdgm-prev-badge__stars .jdgm-star {
    font-size: 14px !important;
    line-height: 1 !important;
  }

  .ms7-collection-rating .jdgm-prev-badge__text {
    margin-left: 0 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

}




/* MADSPEED7 – Mobile Filter Drawer Cleanup */

@media screen and (max-width: 749px) {

  /* Hide Sort by inside the filter drawer */
  .mobile-facets__sort {
    display: none !important;
  }

  /* Hide Apply button — filters apply automatically */
  .mobile-facets__footer .button--primary {
    display: none !important;
  }

}

/* =========================================
   MADSPEED7 – Mobile Collection Toolbar
   Filter left / Sort right
   ========================================= */

@media screen and (max-width: 749px) {

  /* Show and position native Sort control */
  .facets-vertical-sort {
    display: block !important;
    position: absolute !important;
    top: 146px !important;
    right: 15px !important;
    width: auto !important;
    z-index: 10 !important;
  }

  .facets-vertical-sort .facet-filters {
    display: block !important;
  }

  /* Hide product count from the toolbar */
  #ProductCountDesktop,
  .product-count,
  .facets-vertical-sort .product-count-vertical {
    display: none !important;
  }

}

/* =========================================================
   MADSPEED7 — Mobile Filter & Sort
   Final alignment and styling
   ========================================================= */

@media screen and (max-width: 749px) {

  /* Keep the Sort field aligned with the mobile toolbar */
  .facet-filters__field {
    transform: translateY(-10px) !important;
  }

  /* Sort dropdown */
  .facet-filters__sort {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 32px 0 12px !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: 2px !important;
    background: #fff !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
  }

  /* Remove browser focus/selection outline */
  .facet-filters__sort:focus,
  .facet-filters__sort:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border-color: #d6d6d6 !important;
  }

  /* Keep Shopify's arrow slightly inside the box */
  .facet-filters__sort + .svg-wrapper {
    right: 10px !important;
    top: 17px !important;
  }

}

@media screen and (max-width: 749px) {

  /* Hide active filters from the collection toolbar */
  .active-facets.active-facets-mobile {
    display: none !important;
  }

  /* Keep active filters visible inside the filter drawer */
  .mobile-facets__inner .active-facets.active-facets-mobile {
    display: flex !important;
  }

}

@media screen and (max-width: 749px) {

  /* ACTIVE FILTERS CONTAINER */
  .mobile-facets__inner > .active-facets.active-facets-mobile {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;

  column-gap: 5px !important;
  row-gap: 2px !important;

  padding: 4px 12px 3px !important;
  margin: 0 !important;

  width: 100% !important;
  box-sizing: border-box !important;

  position: static !important;
  flex-shrink: 0 !important;
}

  /* RESET OUTER SPACING ON FILTER ITEMS */
  .mobile-facets__inner
  .active-facets.active-facets-mobile
  > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* INDIVIDUAL FILTER WRAPPERS */
  .mobile-facets__inner
  .active-facets.active-facets-mobile
  .active-facets__button {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  /* FILTER PILL */
  .mobile-facets__inner
  .active-facets.active-facets-mobile
  .active-facets__button-inner {
    display: inline-flex !important;
    align-items: center !important;

    min-height: 26px !important;
    height: 26px !important;

    /* Keeps text and X comfortably spaced */
    padding: 3px 9px !important;
    margin: 0 !important;

    line-height: 18px !important;
    box-sizing: border-box !important;
  }

  /* REMOVE ALL WRAPPER */
  .mobile-facets__inner
  .active-facets.active-facets-mobile
  facet-remove {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* REMOVE ALL BUTTON */
  .mobile-facets__inner
  .active-facets.active-facets-mobile
  .active-facets__button--light {
    display: inline-flex !important;
    align-items: center !important;

    min-height: 26px !important;
    height: 26px !important;

    margin: 0 !important;
    padding: 3px 7px !important;

    line-height: 18px !important;
    box-sizing: border-box !important;
  }
}

@media screen and (max-width: 749px) {

  /* =========================================
     MOBILE FILTER / SORT TOOLBAR
     ========================================= */

  .facets-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    box-sizing: border-box !important;
    gap: 8px !important;
  }

  /* FILTER - LEFT */
  .mobile-facets__open-wrapper {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* SORT - RIGHT */
  .facet-filters {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    flex: 1 1 auto !important;
    min-width: 0 !important;

    width: auto !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
  }

  /* SORT LABEL */
  .facet-filters__label {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    margin: 0 6px 0 0 !important;
    padding: 0 !important;
  }

  /* SORT FIELD */
  .facet-filters__field {
    display: flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* SORT DROPDOWN */
  .facet-filters__sort {
    width: clamp(120px, 43vw, 185px) !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }

  /* =========================================
     SMALL PHONES
     ========================================= */

  @media screen and (max-width: 359px) {

    .facets-container {
      gap: 5px !important;
    }

    .facet-filters__label {
      margin-right: 4px !important;
    }

    .facet-filters__sort {
      width: clamp(115px, 40vw, 145px) !important;
    }
  }

  /* =========================================
     VERY NARROW SCREENS
     ========================================= */

  @media screen and (max-width: 319px) {

    .facets-container {
      flex-wrap: wrap !important;
      row-gap: 6px !important;
    }

    .mobile-facets__open-wrapper {
      flex: 0 0 auto !important;
    }

    .facet-filters {
      flex: 0 0 auto !important;
      margin-left: auto !important;
    }

    .facet-filters__sort {
      width: 135px !important;
    }
  }
}

@media screen and (max-width: 749px) {

  /* Hide Sort by only when the mobile navigation drawer is open */
  body:has(details.menu-drawer-container[open]) .facet-filters {
    display: none !important;
  }

}

/* MADSPEED7 - Desktop Navigation Styling */
@media screen and (min-width: 990px) {

  /* Navigation background */
  .header__inline-menu > ul.list-menu--inline {
    background: #f7f7f7;
    border-radius: 8px;
    padding: 4px 8px;
    
    /* Move navigation slightly to the right */
    margin-left: 35px;
  }

  /* Navigation text */
  .header__inline-menu > ul.list-menu--inline > li > header-menu > details > summary {
    font-weight: 500;
  }

  /* Blue hover effect */
.header__inline-menu > ul.list-menu--inline > li > header-menu > details > summary:hover {
  color: #009FE3;
}

/* Blue dropdown arrow on hover */
.header__inline-menu > ul.list-menu--inline > li > header-menu > details > summary:hover .icon-caret {
  color: #009FE3;
}
}

/* =========================================================
   BEST SELLERS – MOVE VIEW ALL BUTTON ABOVE PRODUCTS
   ========================================================= */

.featured-collection-custom {
  display: flex !important;
  flex-direction: column !important;
}

.featured-collection-custom .collection__title {
  order: 1 !important;
  margin-bottom: 15px !important;
}

.featured-collection-custom .collection__view-all {
  order: 2 !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

.featured-collection-custom slider-component {
  order: 3 !important;
}

/* =========================================================
   SHOP WHEELS BY CATEGORY — CATEGORY IMAGE TITLES
   ========================================================= */

[class*="ai-category-card-title-"] {
  font-size: 17px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
}

/* =========================================================
   SHOP WHEELS BY CATEGORY — EXPLORE NOW + ARROW
   ========================================================= */

/* Explore Now text */
[class*="ai-category-card-subtitle-"] {
  font-size: 11px !important;
  line-height: 1.4 !important;
  letter-spacing: 1px !important;
  text-decoration: none !important;
  color: #ffffff !important;
}

/* Explore Now arrow */
[class*="ai-category-arrow-"] {
  width: 16px !important;
  height: 16px !important;
}

/* Spacing between Explore Now and arrow */
[class*="ai-category-card-subtitle-wrapper-"] {
  gap: 8px !important;
}

/* =========================================================
   SHOP WHEELS BY CATEGORY — MOBILE
   ========================================================= */

@media screen and (max-width: 749px) {

  /* Main section heading */
  [class*="ai-category-heading-"] {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

    /* Section supporting text */
  [class*="ai-category-subtitle-"] {
    font-size: 13px !important;
    line-height: 18px !important;
    font-family: Poppins, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    color: #666666 !important;
  }

  /* Category titles on images */
  [class*="ai-category-card-title-"] {
    font-size: 14px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
  }

  /* Explore Now text */
  [class*="ai-category-card-subtitle-"] {
    font-size: 9px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.7px !important;
    text-decoration: none !important;
  }

  /* Explore Now arrow */
  [class*="ai-category-arrow-"] {
    width: 12px !important;
    height: 12px !important;
  }

  /* Spacing between Explore Now and arrow */
  [class*="ai-category-card-subtitle-wrapper-"] {
    gap: 5px !important;
  }
}


/* =========================================================
   MOBILE NAVIGATION — 80% WIDTH DRAWER
   ========================================================= */

@media screen and (max-width: 749px) {

  #menu-drawer {
    width: 80vw !important;
    max-width: 80vw !important;
  }

}

/* =========================================================
   MOBILE NAVIGATION — MAIN MENU
   ========================================================= */

@media screen and (max-width: 749px) {

  /* Main menu items */
  #menu-drawer .menu-drawer__navigation > .menu-drawer__menu > li > details > summary.menu-drawer__menu-item {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  /* Divider lines between main menu items */
  #menu-drawer .menu-drawer__navigation > .menu-drawer__menu > li {
    border-bottom: 1px solid #e5e5e5 !important;
  }

}

/* =========================================================
   MOBILE NAVIGATION — SUBMENU ITEMS
   ========================================================= */

@media screen and (max-width: 749px) {

  /* Submenu links */
  #menu-drawer .menu-drawer__submenu .menu-drawer__menu-item {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

}

/* =========================================================
   MOBILE NAVIGATION — SUBMENU DIVIDER LINES
   ========================================================= */

@media screen and (max-width: 749px) {

  /* Divider lines between submenu items */
  #menu-drawer .menu-drawer__submenu .menu-drawer__menu > li {
    border-bottom: 1px solid #e5e5e5 !important;
  }

}

/* =========================================
   COLLECTION FILTERS
   MOBILE + DESKTOP
   Clean Compact Layout
   ========================================= */


/* =========================================
   MOBILE COLLECTION FILTER
   ========================================= */

@media screen and (max-width: 749px) {

    /* Make the drawer itself the only vertical scroll area */
  #FacetsWrapperMobile {
  overflow: visible !important;
  flex-grow: 0 !important;
  min-height: auto !important;
  height: auto !important;
}

#FacetsWrapperMobile.mobile-facets__main {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

  /* FILTER SECTION */
  #FacetsWrapperMobile .mobile-facets__details {
    margin: 0 !important;
    padding: 0 16px !important;
    border: 0 !important;
  }

  /* FILTER HEADING */
  #FacetsWrapperMobile .mobile-facets__summary {
    padding: 12px 0 9px !important;
    margin: 0 !important;
    min-height: auto !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.55);
  }

  #FacetsWrapperMobile .mobile-facets__summary > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  #FacetsWrapperMobile .mobile-facets__summary > div > span:first-child {
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1px;
    line-height: 1.3;
  }

  /* FILTER OPTIONS */
  #FacetsWrapperMobile .mobile-facets__submenu {
    padding: 0 !important;
    margin: 0 !important;
  }

  #FacetsWrapperMobile .mobile-facets__list {
    padding: 7px 0 12px !important;
    margin: 0 !important;
  }

  #FacetsWrapperMobile .mobile-facets__item {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* CHECKBOX ROW */
  #FacetsWrapperMobile .mobile-facets__label {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 5px 0 !important;
    margin: 0 !important;
    gap: 10px;
  }

  /* CHECKBOX SQUARE */
  #FacetsWrapperMobile .mobile-facets__label > svg:not(.icon-checkmark) {
    position: relative;
    flex: 0 0 16px;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
  }

  /* CHECKMARK */
  #FacetsWrapperMobile .mobile-facets__label > .icon-checkmark {
    position: absolute;
    left: 2px;
    top: 50%;
    width: 12px !important;
    height: 9px !important;
    transform: translateY(-50%);
    margin: 0 !important;
  }

  /* OPTION TEXT */
  #FacetsWrapperMobile .facet-checkbox__text {
    font-size: 14px !important;
    line-height: 1.35;
    margin: 0 !important;
  }

  #FacetsWrapperMobile .facet-checkbox__text-label {
    font-size: 14px !important;
  }

  /* FILTER COUNT */
  #FacetsWrapperMobile .facet-count {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: rgba(18, 18, 18, 0.45) !important;
    margin-left: 3px;
    letter-spacing: 0;
  }

  /* SPACE BETWEEN FILTER GROUPS */
  #FacetsWrapperMobile .mobile-facets__details + .mobile-facets__details {
    margin-top: 9px !important;
  }

  /* PRICE FILTER */
  #FacetsWrapperMobile .mobile-facets__details:first-child .facets__price {
    margin: 0 !important;
    padding: 4px 0 10px !important;
  }

  /* KEEP ALL FILTERS OPEN */
  #FacetsWrapperMobile .mobile-facets__details .mobile-facets__submenu {
    display: block !important;
  }

  /* DISABLE FILTER ACCORDION CLICK */
  #FacetsWrapperMobile .mobile-facets__details > summary {
    pointer-events: none !important;
    cursor: default !important;
  }

  /* REMOVE UNWANTED SORT-BY DIVIDER */
  #FacetsWrapperMobile [id^="Details-Mobile-SortBy"] .mobile-facets__summary {
    border-bottom: none !important;
  }

}


/* =========================================
   DESKTOP COLLECTION FILTER
   Clean + Spacious Layout
   ========================================= */

@media screen and (min-width: 750px) {

  /* FILTER SECTIONS */
  #FacetsWrapperDesktop .facets__disclosure-vertical {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }


  /* FILTER HEADING */
  #FacetsWrapperDesktop .facets__summary {
    padding: 10px 0 7px !important;
    margin: 0 !important;
    min-height: auto !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.55);
  }

  #FacetsWrapperDesktop .facets__summary > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  #FacetsWrapperDesktop .facets__summary-label,
  #FacetsWrapperDesktop .facets__summary > div > span:first-child {
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1px;
    line-height: 1.3;
  }


  /* OPTIONS AREA */
  #FacetsWrapperDesktop .facets__display-vertical {
    padding: 6px 0 17px !important;
    margin: 0 !important;
  }

  #FacetsWrapperDesktop .facets-wrap {
    margin: 0 !important;
    padding: 0 !important;
  }

  #FacetsWrapperDesktop .facets__list--vertical {
    margin: 0 !important;
    padding: 0 !important;
  }


  /* OPTION ROWS
     Leave Dawn checkbox positioning untouched */
  #FacetsWrapperDesktop .facets__item {
    margin: 0 !important;
    padding: 0 !important;
  }

  #FacetsWrapperDesktop .facets__label {
    margin: 0 !important;
    padding: 4px 0 !important;
    position: relative;
  }

  /* CHECKBOX + CHECKMARK
     Keep them together */

  #FacetsWrapperDesktop .facets__label > input[type="checkbox"] + svg {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px;
    margin-right: 10px !important;
  }

  #FacetsWrapperDesktop
  .facets__label
  > input[type="checkbox"]:checked
  ~ .svg-wrapper {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
    z-index: 2 !important;
  }

  #FacetsWrapperDesktop
  .facets__label
  > input[type="checkbox"]:checked
  ~ .svg-wrapper
  .icon-checkmark {
    width: 12px !important;
    height: 9px !important;
    margin: 0 !important;
    position: static !important;
  }


  /* OPTION TEXT */
  #FacetsWrapperDesktop .facet-checkbox__text {
    font-size: 14px !important;
    line-height: 1.35;
  }

  #FacetsWrapperDesktop .facet-checkbox__text-label {
    font-size: 14px !important;
  }


  /* SMALL GAP BEFORE NEXT FILTER */
  #FacetsWrapperDesktop
  .facets__disclosure-vertical
  + .facets__disclosure-vertical {
    margin-top: 6px !important;
  }


  /* PRICE FILTER */
  #FacetsWrapperDesktop
  .facets__disclosure-vertical:first-of-type
  .facets__display-vertical {
    padding: 5px 0 17px !important;
  }

  #FacetsWrapperDesktop .facets__header-vertical {
    padding: 0 0 7px !important;
    margin: 0 !important;
  }

}

/* =========================================
   DESKTOP COLLECTION FILTER
   Filter Count Styling
   ========================================= */

@media screen and (min-width: 750px) {

  #FacetsWrapperDesktop .facet-count {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: rgba(18, 18, 18, 0.45) !important;
    margin-left: 3px;
    letter-spacing: 0;
  }

}

/* =========================================================
   MADSPEED7 – Information Pages
   Applies only to:
   Payment, Delivery, Returns, Warranty,
   About Us and Contact Us
   ========================================================= */

/* Hide the automatically generated page title */

.ms7-info-page .main-page-title.page-title {
  display: none;
}


/* Information page headings */

.ms7-info-page .rte h2 {
  font-size: 16px;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 2rem;
}


/* Information page text and lists */

.ms7-info-page .rte p,
.ms7-info-page .rte li {
  font-size: 13px;
  line-height: 1.6;
}


/* Desktop: 2px larger */

@media screen and (min-width: 750px) {
  .ms7-info-page .rte h2 {
    font-size: 18px;
  }

  .ms7-info-page .rte p,
  .ms7-info-page .rte li {
    font-size: 15px;
  }
}


/* =========================================
   MADSPEED7 – Footer Typography
   ========================================= */

/* Footer links and Customer Service text */

.footer__content-top .footer-block__details-content a,
.footer__content-top .footer-block__brand-info .rte p {
  font-size: 13px !important;
}


/* Footer headings */

.footer__content-top .footer-block__heading {
  font-size: 15px !important;
}


/* Newsletter heading */

.footer-block--newsletter-custom .footer-block__heading {
  text-transform: uppercase;
  font-weight: 700;
}


/* =========================================
   MADSPEED7 – Desktop Footer
   ========================================= */

@media screen and (min-width: 750px) {

  /* Newsletter + social column */

  .footer-block--newsletter-custom {
    display: block !important;
    align-self: start !important;
    justify-self: start !important;
    height: fit-content !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 0 0 30px !important;
  }


  /* Newsletter */

  .footer-block--newsletter-custom .footer-block__newsletter {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .footer-block--newsletter-custom .footer__newsletter,
  .footer-block--newsletter-custom .newsletter-form {
    margin: 0 !important;
    padding: 0 !important;
  }


  /* Social section */

  .footer-block--newsletter-custom .footer-social-custom {
    display: block !important;
    width: 100% !important;
    margin: 24px 0 0 0 !important;
    padding: 0 0 10px 0 !important;
  }


  /* FOLLOW US heading */

  .footer-block--newsletter-custom .footer-social-custom .footer-block__heading {
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
  }


  /* Social icons */

  .footer-block--newsletter-custom .footer-social-custom .footer__list-social {
    display: flex !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  .footer-block--newsletter-custom .footer-social-custom .list-social__item {
    margin: 0 !important;
  }

  .footer-block--newsletter-custom .footer-social-custom .list-social__link {
  padding: 0.25rem 1rem 0.5rem 0 !important;
}


  /* Desktop accordion behaviour */

  .footer-mobile-accordion > summary {
    cursor: default;
  }

  .footer-mobile-accordion .footer-accordion-icon {
    display: none;
  }

  .footer-mobile-accordion .footer-block__details-content {
    display: block !important;
  }

}


/* =========================================
   MADSPEED7 – Footer Accordions
   ========================================= */

/* Hide mobile accordion by default */

.footer-mobile-accordion {
  display: none;
}

.footer-mobile-accordion > summary {
  list-style: none;
}

.footer-mobile-accordion > summary::-webkit-details-marker {
  display: none;
}


/* =========================================
   Desktop – show normal menus
   ========================================= */

@media screen and (min-width: 750px) {

  .footer-desktop-menu {
    display: block !important;
  }

  .footer-mobile-accordion {
    display: none !important;
  }

}


/* =========================================
   Mobile – show accordion only
   ========================================= */

@media screen and (max-width: 749px) {

  .footer-desktop-menu {
    display: none !important;
  }

  .footer-mobile-accordion {
    display: block !important;
  }

}


/* =========================================
   MADSPEED7 – Mobile Footer
   ========================================= */

@media screen and (max-width: 749px) {

  /* Remove unnecessary spacing around
     Shop and Information */

  .footer__blocks-wrapper .footer-block--menu {
    margin: 0 !important;
    padding: 0 !important;
  }


  /* Accordion heading */

  .footer-mobile-accordion > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;

    padding: 10px 0 !important;
    margin: 0 !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  }


  /* Plus / minus */

  .footer-mobile-accordion .footer-accordion-icon {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
  }

  .footer-mobile-accordion[open] .footer-accordion-icon {
    font-size: 0;
  }

  .footer-mobile-accordion[open] .footer-accordion-icon::after {
    content: "−";
    font-size: 20px;
    font-weight: 400;
  }


  /* Accordion links */

  .footer-mobile-accordion .footer-block__details-content {
    margin: 0 !important;
    padding: 6px 0 8px 0 !important;
  }

  .footer-mobile-accordion .list-menu__item--link {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }


  /* Reduce gap between Customer Service
     and Shop */

  .footer__blocks-wrapper .footer-block:not(.footer-block--menu) {
    margin-bottom: 1.5rem !important;
  }


  /* Customer Service body text */

  .footer__content-top .footer-block__brand-info .rte {
    color: rgba(255, 255, 255, 0.75) !important;
  }

  .footer__content-top .footer-block__brand-info .rte p {
    color: inherit !important;
  }


  /* Footer section headings */

  .footer__content-top .footer-block__heading {
    color: #ffffff !important;
    font-weight: 700 !important;
  }


  /* Customer Service heading */

  .footer__content-top .footer-block__brand-info > .footer-block__heading {
    color: #ffffff !important;
    font-weight: 700 !important;
  }


  /* Mobile social spacing */

  .footer-block--newsletter-custom .footer-social-custom .footer-block__heading {
    margin-bottom: 4px !important;
  }

  .footer-block--newsletter-custom .footer-social-custom .footer__list-social {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

}

/* =========================================
   MADSPEED7 – Best Sellers View All
   Mobile only
   ========================================= */

@media screen and (max-width: 749px) {

  .collection__view-all .button.button--secondary {
    width: 110px !important;
    height: 40px !important;
    min-width: 110px !important;
    min-height: 40px !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }

}

/* MADSPEED7 - Keep sticky header above Video Hero */
.shopify-section-group-header-group {
  z-index: 100 !important;
}

.quantity__rules-cart {
  display: none !important;
}

/* =========================================================
   MADSPEED7 — CANDY RACK CLEANED CSS
   =========================================================

   This is a cleaned/consolidated version of the supplied
   Candy Rack CSS.

   Notes:
   - Duplicate carousel, heading, image and navigation rules
     have been consolidated.
   - Existing visual values have been preserved wherever the
     supplied CSS had a clear effective value.
   - Legacy selectors are retained where they may be used by
     existing Candy Rack / MADSPEED7 JavaScript.
   - Experimental spacing rules that produced no result have
     been removed.
   - The invalid outer-panel padding declaration has been
     removed rather than replaced with a new visual value.
   ========================================================= */


/* =========================================================
   1. OUTER CANDY RACK SECTION
   ========================================================= */

.madspeed7-candyrack-section {
  background: #f4f4f4 !important;
  border-radius: 8px !important;
  padding: 24px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  box-sizing: border-box !important;
}

/* Current Candy Rack product-placement block */
html body [data-cr-block-id] {
  background: #eeeeee !important;
  border-radius: 10px !important;
  border: 1px solid #e2e2e2 !important;
  padding: 0 20px 5px !important;
  box-sizing: border-box !important;
}

/* MADSPEED7 - Candy Rack mobile side spacing */
@media screen and (max-width: 749px) {
  html body [data-cr-block-id] {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}


/* =========================================================
   2. CANDY RACK OFFERS CONTAINER
   ========================================================= */

html body .candyrack-ppp-checkbox-layout__offers {
  position: relative !important;
}


/* =========================================================
   3. PRODUCT LIST / CAROUSEL
   ========================================================= */

html body .candyrack-ppp-checkbox-layout__offers--list {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  box-sizing: border-box !important;
}

html body .candyrack-ppp-checkbox-layout__offers--list::-webkit-scrollbar {
  display: none !important;
}

/* Desktop: 2 cards */
@media screen and (min-width: 750px) {
  html body .candyrack-ppp-checkbox-layout__offers--list {
    padding-bottom: 4px !important;
  }

  html body
  .candyrack-ppp-checkbox-layout__offers--list
  .candyrack-ppp-checkbox-layout__offer {
    flex: 0 0 calc(50% - 6px) !important;
    width: calc(50% - 6px) !important;
    min-width: 0 !important;
    scroll-snap-align: start !important;
    box-sizing: border-box !important;
  }
}

/* Mobile: 1 card + small peek */
@media screen and (max-width: 749px) {
  html body .candyrack-ppp-checkbox-layout__offers--list {
    gap: 12px !important;
  }

  html body
  .candyrack-ppp-checkbox-layout__offers--list
  .candyrack-ppp-checkbox-layout__offer {
    flex: 0 0 calc(100% - 35px) !important;
    width: calc(100% - 35px) !important;
    min-width: 0 !important;
    scroll-snap-align: start !important;
    box-sizing: border-box !important;
  }
}


/* =========================================================
   4. NAVIGATION ARROWS
   ========================================================= */

html body .madspeed7-candyrack-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: auto !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 50 !important;
}

html body
.madspeed7-candyrack-nav
button.madspeed7-candyrack-prev,
html body
.madspeed7-candyrack-nav
button.madspeed7-candyrack-next {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  flex: 0 0 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #444444 !important;
  opacity: 1 !important;
  cursor: pointer !important;
  font-size: 0 !important;
  line-height: 1 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* Remove duplicate theme-generated arrow content */
html body
.madspeed7-candyrack-nav
button.madspeed7-candyrack-prev::before,
html body
.madspeed7-candyrack-nav
button.madspeed7-candyrack-prev::after,
html body
.madspeed7-candyrack-nav
button.madspeed7-candyrack-next::before,
html body
.madspeed7-candyrack-nav
button.madspeed7-candyrack-next::after {
  content: none !important;
  display: none !important;
}

html body .madspeed7-candyrack-nav button:hover {
  background: #f7f7f7 !important;
}

html body .madspeed7-candyrack-nav button:disabled {
  opacity: 0.35 !important;
  cursor: default !important;
}

html body
.madspeed7-candyrack-nav
button.madspeed7-candyrack-prev svg,
html body
.madspeed7-candyrack-nav
button.madspeed7-candyrack-next svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

@media screen and (max-width: 749px) {
  html body .madspeed7-candyrack-nav {
    height: 40px !important;
    gap: 6px !important;
    margin-bottom: 10px !important;
  }

  html body
  .madspeed7-candyrack-nav
  button.madspeed7-candyrack-prev,
  html body
  .madspeed7-candyrack-nav
  button.madspeed7-candyrack-next {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    flex-basis: 40px !important;
  }
}


/* =========================================================
   5. HEADING
   ========================================================= */

@media screen and (min-width: 750px) {
  html body .candyrack-ppp-checkbox-layout__offers--title {
    position: relative !important;
    top: 10px !important;
  }
}

@media screen and (max-width: 749px) {
  html body #offers-layout-block .candyrack-ppp-checkbox-layout__offers--title {
    position: relative !important;
    top: 10px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
  }
}


/* =========================================================
   6. PRODUCT IMAGE
   ========================================================= */

html body .candyrack-ppp-checkbox-layout__image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 100px is the effective value in the supplied stylesheet. */
html body
.candyrack-ppp-checkbox-layout__image
.candyrack-ppp-image-wrapper {
  width: 100px !important;
  height: 100px !important;
  max-width: 100px !important;
  max-height: 100px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body
.candyrack-ppp-checkbox-layout__image
.candyrack-ppp-image {
  width: 100px !important;
  height: 100px !important;
  max-width: 100px !important;
  max-height: 100px !important;
  object-fit: contain !important;
  display: block !important;
}


/* =========================================================
   7. OFFER CARD
   ========================================================= */

html body .candyrack-ppp-checkbox-layout__offer {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}


/* =========================================================
   8. INFO AREA
   ========================================================= */

html body .candyrack-ppp-checkbox-layout__info {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  padding: 0 16px 16px !important;
  box-sizing: border-box !important;
}


/* =========================================================
   9. PRODUCT TITLE
   ========================================================= */

html body .candyrack-ppp-checkbox-layout__info--product-name {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}


/* =========================================================
   10. QUICK VIEW LINK
   ========================================================= */

html body .candyrack-quick-view {
  display: table !important;
  width: fit-content !important;
  max-width: fit-content !important;
  margin: 10px 0 6px !important;
  padding: 0 0 1px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #444444 !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  color: #444444 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: color 0.15s ease, border-color 0.15s ease !important;
}

html body .candyrack-quick-view:hover {
  color: #009FE3 !important;
  border-bottom-color: #009FE3 !important;
}

/* Current MADSPEED7 Quick View link */
html body .madspeed7-quick-view {
  display: block !important;
  width: fit-content !important;
  margin: 6px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #444444 !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  color: #444444 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

html body .madspeed7-quick-view:hover {
  color: #009FE3 !important;
  border-bottom-color: #009FE3 !important;
}


/* =========================================================
   11. PRICE
   ========================================================= */

html body .candyrack-ppp-checkbox-layout__info--product-price {
  display: block !important;
  margin-top: 5px !important;
  margin-bottom: 10px !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

html body
.candyrack-ppp-checkbox-layout__info--product-price
.candyrack-ppp-currency-output {
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

html body .styles_offerPriceWrapper__107pldj8 {
  margin-top: -7px !important;
  margin-bottom: 4px !important;
}


/* =========================================================
   12. DESCRIPTION
   ========================================================= */

html body .candyrack-ppp-checkbox-layout__info--offer-description {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: #666666 !important;
}


/* =========================================================
   13. VARIANT SELECTOR
   ========================================================= */

html body .candyrack-ppp-checkbox-layout__info--offer-variant-selector {
  width: 100% !important;
  margin-top: 12px !important;
  box-sizing: border-box !important;
}

html body .candyrack-ppp-select-input {
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  border: 1px solid #cfcfcf !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #333333 !important;
  font-size: 14px !important;
  line-height: 40px !important;
  box-sizing: border-box !important;
}

html body .styles_selectWrapper__7a9ea20,
html body .styles_selectHandle__7a9ea24 {
  border-radius: 8px !important;
}


/* =========================================================
   14. HIDE NATIVE CANDY RACK CONTROLS
   ========================================================= */

html body
.candyrack-ppp-checkbox-layout__info--offer-quantity-selector {
  display: none !important;
}

html body .styles_checkboxWrapperNormal__1b8f7wn2 {
  display: none !important;
}

html body .styles_checkboxWrapperArea__1b8f7wn1 {
  opacity: 0 !important;
}

html body
.styles_offerProductCheckIcon__107pldjt,
html body
.styles_offerProductCheckIconHide__107pldju {
  display: none !important;
}


/* =========================================================
   15. LEGACY ACTION ROW / QUANTITY SYSTEM
   Retained for compatibility with existing JS.
   ========================================================= */

html body .cr-offer-action-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 8px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

html body .cr-offer-qty {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 76px !important;
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  height: 44px !important;
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

html body .cr-offer-qty-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 76px !important;
  min-width: 76px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #cfcfcf !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

html body .cr-offer-qty-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #333333 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  box-sizing: border-box !important;
}

html body .cr-offer-qty-btn:hover:not(:disabled) {
  background: #f5f5f5 !important;
}

html body .cr-offer-qty-btn:disabled {
  opacity: 0.45 !important;
  cursor: default !important;
  background: transparent !important;
}

html body .cr-offer-qty-input {
  flex: 0 0 28px !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  color: #333333 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 42px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body .cr-offer-qty-input::-webkit-inner-spin-button,
html body .cr-offer-qty-input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

html body .madspeed7-add-item-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #222222 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: center !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body .madspeed7-add-item-btn:hover:not(:disabled) {
  background: #333333 !important;
}

html body .madspeed7-add-item-btn:disabled {
  opacity: 0.65 !important;
  cursor: default !important;
}

html body .madspeed7-add-item-btn.is-selected {
  background: #222222 !important;
  color: #ffffff !important;
}

@media screen and (max-width: 749px) {
  html body .cr-offer-action-row {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  html body .cr-offer-qty {
    flex: 0 0 76px !important;
    width: 76px !important;
    min-width: 76px !important;
    margin-right: 8px !important;
  }

  html body .madspeed7-add-item-btn {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
  }
}


/* =========================================================
   16. CURRENT MADSPEED7 ACTION LAYOUT
   ========================================================= */

.styles_offerInputsWrapper__107pldjx {
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  column-gap: 8px !important;
  row-gap: 8px !important;
  align-items: center !important;
}

.styles_offerInputsWrapper__107pldjx
.candyrack-ppp-checkbox-layout__info--offer-variant-selector {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  width: 100% !important;
}

.styles_offerInputsWrapper__107pldjx .madspeed7-addon-quantity {
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: 76px !important;
  min-width: 76px !important;
  height: 44px !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
  border: 1px solid #d0d0d0 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: translateY(4px) !important;
}

.styles_offerInputsWrapper__107pldjx .madspeed7-add-item-button {
  grid-column: 2 !important;
  grid-row: 2 !important;
  background: #8f9499 !important;
  color: #ffffff !important;
  border: 1px solid #8f9499 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

/* Quantity symbols */
.styles_offerInputsWrapper__107pldjx
.madspeed7-addon-qty-minus::before {
  content: "−" !important;
  display: block !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: #222222 !important;
}

.styles_offerInputsWrapper__107pldjx
.madspeed7-addon-qty-plus::before {
  content: "+" !important;
  display: block !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: #222222 !important;
}

/* Quantity buttons */
.styles_offerInputsWrapper__107pldjx
.madspeed7-addon-qty-minus,
.styles_offerInputsWrapper__107pldjx
.madspeed7-addon-qty-plus {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #222222 !important;
}

.styles_offerInputsWrapper__107pldjx
.madspeed7-addon-qty-minus:hover,
.styles_offerInputsWrapper__107pldjx
.madspeed7-addon-qty-minus:focus,
.styles_offerInputsWrapper__107pldjx
.madspeed7-addon-qty-plus:hover,
.styles_offerInputsWrapper__107pldjx
.madspeed7-addon-qty-plus:focus {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.styles_offerInputsWrapper__107pldjx .madspeed7-addon-qty-minus {
  margin-left: 6px !important;
}

.styles_offerInputsWrapper__107pldjx .madspeed7-addon-qty-plus {
  margin-right: 6px !important;
}

.styles_offerInputsWrapper__107pldjx
.madspeed7-add-item-button:hover:not(:disabled) {
  background: #f7f7f7 !important;
  color: #222222 !important;
}

.styles_offerInputsWrapper__107pldjx
.madspeed7-add-item-button.is-selected,
.styles_offerInputsWrapper__107pldjx
.madspeed7-add-item-button[data-madspeed7-added="true"] {
  background: #222222 !important;
  color: #ffffff !important;
  border-color: #222222 !important;
}

.styles_offerInputsWrapper__107pldjx
.madspeed7-add-item-button[data-madspeed7-added="true"]:hover {
  background: #222222 !important;
  color: #ffffff !important;
  border-color: #222222 !important;
}


/* =========================================================
   17. EQUAL CARD HEIGHT / BOTTOM CONTROLS
   ========================================================= */

html body
.candyrack-ppp-checkbox-layout__offers--list
.candyrack-ppp-checkbox-layout__offer
.styles_offerInputsWrapper__107pldjx {
  margin-top: auto !important;
}


/* =========================================================
   18. FROM LABEL
   ========================================================= */

.madspeed7-from-label {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #777777 !important;
  margin-right: 3px !important;
}

html body
.madspeed7-show-from
.candyrack-ppp-currency-output::before {
  content: 'From';
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #777777 !important;
  margin-right: 4px !important;
}


/* =========================================================
   19. CANDY RACK QUICK VIEW — ORIGINAL / COMPATIBILITY
   ========================================================= */

html body .candyrack-qv-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  background: rgba(0, 0, 0, 0.58) !important;
  box-sizing: border-box !important;
}

html body .candyrack-qv-modal {
  position: relative !important;
  width: 100% !important;
  max-width: 820px !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  background: #ffffff !important;
  border-radius: 10px !important;
  padding: 32px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 320px) minmax(0, 1fr) !important;
  gap: 32px !important;
  box-sizing: border-box !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25) !important;
}

html body .candyrack-qv-close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #d5d5d5 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #222222 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

html body .candyrack-qv-close:hover {
  background: #222222 !important;
  border-color: #222222 !important;
  color: #ffffff !important;
}

html body .candyrack-qv-image {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-width: 0 !important;
}

html body .candyrack-qv-image-el {
  display: block !important;
  width: 100% !important;
  max-width: 320px !important;
  height: auto !important;
  object-fit: contain !important;
}

html body .candyrack-qv-content {
  min-width: 0 !important;
  padding-top: 4px !important;
}

html body .candyrack-qv-title {
  margin: 0 40px 18px 0 !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #222222 !important;
}

html body .candyrack-qv-description {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #444444 !important;
}

html body .candyrack-qv-description p:first-child {
  margin-top: 0 !important;
}

html body .candyrack-qv-description p:last-child {
  margin-bottom: 0 !important;
}

@media screen and (max-width: 749px) {
  html body .candyrack-qv-overlay {
    padding: 14px !important;
  }

  html body .candyrack-qv-modal {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 22px !important;
    max-height: 92vh !important;
  }

  html body .candyrack-qv-image-el {
    max-width: 240px !important;
    margin: 0 auto !important;
  }

  html body .candyrack-qv-title {
    font-size: 20px !important;
    margin-bottom: 14px !important;
  }
}


/* =========================================================
   20. MADSPEED7 CANDY RACK QUICK VIEW POPUP
   ========================================================= */

.madspeed7-candyrack-qv-modal {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  min-width: 100vw !important;
  min-height: 100vh !important;
  z-index: 2147483647 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 30px !important;
  box-sizing: border-box !important;
  background: rgba(0, 0, 0, 0.55) !important;
  pointer-events: auto !important;
}

.madspeed7-candyrack-qv-modal .madspeed7-qv-box {
  position: relative !important;
  width: min(820px, 100%) !important;
  max-height: 90vh !important;
  display: flex !important;
  align-items: center !important;
  gap: 40px !important;
  padding: 40px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  overflow: auto !important;
}

.madspeed7-candyrack-qv-modal .madspeed7-qv-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid #cccccc !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #222222 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  z-index: 10 !important;
}

.madspeed7-candyrack-qv-modal .madspeed7-qv-image {
  flex: 0 0 42% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.madspeed7-candyrack-qv-modal .madspeed7-qv-image img {
  display: block !important;
  width: 100% !important;
  max-width: 360px !important;
  height: auto !important;
  object-fit: contain !important;
}

.madspeed7-candyrack-qv-modal .madspeed7-qv-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.madspeed7-candyrack-qv-modal .madspeed7-qv-title {
  margin: 0 0 16px !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: #222222 !important;
}

.madspeed7-candyrack-qv-modal .madspeed7-qv-description {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #444444 !important;
}

@media screen and (max-width: 749px) {
  .madspeed7-candyrack-qv-modal .madspeed7-qv-box {
    width: 100% !important;
    height: 85dvh !important;
    max-height: 85dvh !important;
    flex-direction: column !important;
    gap: 20px !important;
    padding: 24px 20px !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
  }

  .madspeed7-candyrack-qv-modal .madspeed7-qv-close {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 26px !important;
    line-height: 36px !important;
  }

  .madspeed7-candyrack-qv-modal .madspeed7-qv-image {
    flex-basis: auto !important;
    width: 100% !important;
  }

  .madspeed7-candyrack-qv-modal .madspeed7-qv-image img {
    max-width: 260px !important;
  }

  .madspeed7-candyrack-qv-modal .madspeed7-qv-title {
    font-size: 20px !important;
    margin-bottom: 12px !important;
  }

  .madspeed7-candyrack-qv-modal .madspeed7-qv-description {
    font-size: 14px !important;
  }
}


/* =========================================================
   21. EMPTY CANDY RACK BLOCKS
   ========================================================= */

/* Hide the placement block when Candy Rack has no offer card. */
html body [data-cr-block-id]:not(:has(.candyrack-ppp-checkbox-layout__offer)) {
  display: none !important;
}


/* =========================================================
   END — MADSPEED7 CANDY RACK CLEANED CSS
   ========================================================= */

/* MADSPEED7 - Reduce Candy Rack outer spacing */
html body .styles_offerListWrapper__139gzde0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* MADSPEED7 — Mobile footer newsletter alignment */
@media screen and (max-width: 749px) {

  .footer-block--newsletter-custom {
    width: 100% !important;
    text-align: left !important;
    align-items: flex-start !important;
  }

  .footer-block--newsletter-custom .footer-block__heading {
    text-align: left !important;
  }

  .footer-block--newsletter-custom .footer-block__newsletter {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .footer-block--newsletter-custom .footer__newsletter,
  .footer-block--newsletter-custom .newsletter-form {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .footer-block--newsletter-custom .footer-social-custom {
    width: 100% !important;
    text-align: left !important;
  }

  .footer-block--newsletter-custom .footer-social-custom .footer-block__heading {
    text-align: left !important;
  }

  .footer-block--newsletter-custom .footer-social-custom .footer__list-social {
    justify-content: flex-start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

}

/* MADSPEED7 — Mobile newsletter heading spacing */
@media screen and (max-width: 749px) {

  .footer-block--newsletter-custom .footer-block__newsletter .footer-block__heading {
    margin-bottom: 6px !important;
  }

}

/* MADSPEED7 — Mobile Follow Us spacing */
@media screen and (max-width: 749px) {

  .footer-block--newsletter-custom .footer-social-custom .footer-block__heading {
    margin-bottom: 0 !important;
  }

  .footer-block--newsletter-custom .footer-social-custom .footer__list-social {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

}

/* =========================================================
   MADSPEED7 — PRODUCT FEATURE BADGES
   Top-left of product image
   ========================================================= */

/* Anchor the badge container to the product image */
.card__inner {
  position: relative !important;
}

.card__inner > .card__content {
  position: static !important;
}


/* Position the MADSPEED7 badge container */
.card__inner > .card__content > .card__badge {
  position: absolute !important;

  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;

  width: auto !important;
  height: auto !important;

  z-index: 6 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;

  gap: 3px !important;

  margin: 0 !important;
  padding: 0 !important;

  pointer-events: none !important;
}


/* =========================================================
   MADSPEED7 — PRODUCT FEATURE BADGES
   MATCHES ORIGINAL WHEELHUT BADGE DESIGN
   ========================================================= */

.card__inner > .card__content > .card__badge {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 3px !important;
}

.card__inner > .card__content > .card__badge .madspeed7-product-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 19px !important;
  padding: 3px 9px !important;

  border-radius: 999px !important;

  font-family: inherit !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.2px !important;

  white-space: nowrap !important;

  border: none !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important;

  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);

  color: #ffffff !important;
}


/* =========================================================
   BADGE COLOURS — ORIGINAL WHEELHUT
   ========================================================= */

/* BLUE — DT SWISS / PILLAR SPOKES */
.card__inner > .card__content > .card__badge .madspeed7-product-badge--blue {
  background: rgba(58, 123, 213, 0.85) !important;
  color: #ffffff !important;
}


/* GREEN — SHIMANO HUBS */
.card__inner > .card__content > .card__badge .madspeed7-product-badge--shimano {
  background: rgba(22, 163, 74, 0.88) !important;
  color: #ffffff !important;
}


/* ORANGE — HIGH END */
.card__inner > .card__content > .card__badge .madspeed7-product-badge--orange {
  background: rgba(254, 83, 43, 0.88) !important;
  color: #ffffff !important;
}


/* ORANGE — TOP SPECS */
.card__inner > .card__content > .card__badge .madspeed7-product-badge--premium {
  background: rgba(254, 83, 43, 0.88) !important;
  color: #ffffff !important;
}


/* DARK — WTB / MAVIC RIM */
.card__inner > .card__content > .card__badge .madspeed7-product-badge--rim {
  background: rgba(30, 30, 30, 0.85) !important;
  color: #ffffff !important;
}


/* =========================================================
   MOBILE — ORIGINAL WHEELHUT SIZING
   ========================================================= */

@media screen and (max-width: 749px) {

  .card__inner > .card__content > .card__badge {
    top: 6px !important;
    left: 6px !important;
    gap: 2px !important;
  }

  .card__inner > .card__content > .card__badge .madspeed7-product-badge {
    min-height: 13px !important;
    padding: 1px 5px !important;

    font-size: 9px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;

    border-radius: 999px !important;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important;
  }

}

/* =========================================================
   MADSPEED7 — LOW STOCK & SOLD OUT OVERLAYS
   Full-width overlay across bottom of product image
   ========================================================= */


/* Make sure the product card is the positioning reference */
.card__inner {
  position: relative !important;
}


/* =========================================================
   LOW STOCK OVERLAY
   ========================================================= */

.card__inner > .madspeed7-low-stock-overlay {
  position: absolute !important;

  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  width: 100% !important;
  height: 28px !important;

  z-index: 5 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-sizing: border-box !important;

  padding: 0 10px !important;
  margin: 0 !important;

  background: rgba(238, 238, 238, 0.90) !important;

  color: #333333 !important;

  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.3px !important;

  text-align: center !important;
  text-transform: uppercase !important;

  white-space: nowrap !important;

  pointer-events: none !important;
}


/* =========================================================
   SOLD OUT OVERLAY
   ========================================================= */

.card__inner > .madspeed7-sold-out-overlay {
  position: absolute !important;

  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  width: 100% !important;
  height: 28px !important;

  z-index: 6 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-sizing: border-box !important;

  padding: 0 10px !important;
  margin: 0 !important;

  background: rgba(238, 238, 238, 0.90) !important;

  color: #333333 !important;

  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.3px !important;

  text-align: center !important;
  text-transform: uppercase !important;

  white-space: nowrap !important;

  pointer-events: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 749px) {

  .card__inner > .madspeed7-low-stock-overlay,
  .card__inner > .madspeed7-sold-out-overlay {
    height: 22px !important;

    padding: 0 6px !important;

    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: 0.2px !important;
  }

}

/* =========================================================
   MADSPEED7 — COLLECTION PRICE STYLING
   Match Ella-style pricing
   ========================================================= */

/* Price container */
.card-information .price {
  text-align: center !important;
}

/* Keep the sale price area compact */
.card-information .price__sale {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* "From" */
.card-information .price__sale .from_text {
  display: inline-block !important;
  margin: 0 -1px 0 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: #8a8a8a !important;
  white-space: nowrap !important;
}

/* Crossed-out original price */
.card-information .price__sale > span > s.price-item--regular,
.card-information .price__sale > span > s.price-item--regular.price-item--regular {
  display: inline !important;
  margin: 0 7px 0 0 !important;
  padding: 0 !important;
  color: #9a9a9a !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: -0.2px !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: #9a9a9a !important;
}

/* Discounted price */
.card-information .price__sale .price-item--sale {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #111111 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.25px !important;
}

/* =========================================================
   MADSPEED7 — COLLECTION SAVING PILL
   ========================================================= */

/* Make the sale area a normal block */
.card-information .price__sale {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

/* Saving pill — own line, sized to text */
.card-information .madspeed7-price-saving {
  display: table !important;
  width: auto !important;
  margin: 5px auto 0 !important;
  padding: 3px 10px !important;
  background: #e7f4e8 !important;
  border-radius: 999px !important;
  color: #2e7d32 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.15px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* Mobile */
@media screen and (max-width: 749px) {
  .card-information .madspeed7-price-saving {
    margin-top: 4px !important;
    padding: 3px 8px !important;
    font-size: 11px !important;
  }
}

/* Keep normal/non-sale prices centred */
.card-information .price__regular {
  margin: 0 !important;
  padding: 0 !important;
}

.card-information .price__regular .price-item--regular {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.25px !important;
}

/* Mobile */
@media screen and (max-width: 749px) {

  .card-information .price__sale .from_text {
  font-size: 11px !important;
  letter-spacing: -0.2px !important;
}

  .card-information .price__sale > span > s.price-item--regular,
.card-information .price__sale > span > s.price-item--regular.price-item--regular {
  font-size: 13px !important;
  letter-spacing: -0.1px !important;
}

  .card-information .price__sale .price-item--sale {
  font-size: 15px !important;
  letter-spacing: -0.25px !important;
}

  .card-information .madspeed7-price-saving {
  margin-top: 4px !important;
  font-size: 11px !important;
  letter-spacing: -0.15px !important;
}

  .card-information .price__regular .price-item--regular {
  font-size: 15px !important;
  letter-spacing: -0.25px !important;
}
}

/* =========================================================
   MADSPEED7 — PRODUCT PAGE PRICE
   Ella-style pricing
   ========================================================= */

/* Hide Sale Badge – Product Page */
.product__info-container .price__badge-sale {
  display: none !important;
}

/* Product-page price area */
.product__info-container .price {
  margin: 0 !important;
  padding: 0 !important;
}

/* Keep regular price hidden when the product is discounted */
.product__info-container .price.price--on-sale .price__regular {
  display: none !important;
}

/* Sale price row */
.product__info-container .price.price--on-sale .price__sale {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Crossed-out original price */
.product__info-container .price.price--on-sale .price__sale > span > .price-item--regular {
  display: inline !important;
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  color: #9a9a9a !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: #9a9a9a !important;
}

/* Discounted price */
.product__info-container .price.price--on-sale .price-item--sale {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #111111 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

/* Saving text — its own line */
.product__info-container .price.price--on-sale .madspeed7-price-saving {
  display: block !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  margin: 5px 0 0 !important;
  padding: 0 !important;
  color: #5f5f5f !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

/* Saving amount in green */
.product__info-container .price.price--on-sale .madspeed7-saving-amount {
  color: #2e7d32 !important;
  font-weight: 600 !important;
}

/* Mobile */
@media screen and (max-width: 749px) {

  .product__info-container .price.price--on-sale .price__sale > span > .price-item--regular {
    font-size: 12px !important;
    margin-right: 6px !important;
  }

  .product__info-container .price.price--on-sale .price-item--sale {
    font-size: 15px !important;
  }

  .product__info-container .price.price--on-sale .madspeed7-price-saving {
    margin-top: 4px !important;
    font-size: 11px !important;
  }
}

.product__info-container .price.price--on-sale .madspeed7-price-saving {
  letter-spacing: 0 !important;
}


/* =========================================================
   MADSPEED7 — PRODUCT PAGE CUSTOMIZATION
   ========================================================= */

/* Product page price — no divider */
.product__info-container .price {
  margin-bottom: 18px !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

/* Divider below availability */
.ms7-product-inventory {
  margin-bottom: 18px !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid #e5e5e5 !important;
}

/* Hide Sold Out badge next to product price */
.product__info-container .price__badge-sold-out {
  display: none !important;
}

/* =========================================================
   MADSPEED7 — PRODUCT PAGE INVENTORY STATUS
   ========================================================= */

.ms7-product-inventory {
  font-size: 14px;
  line-height: 1.4;
}

.ms7-product-inventory__availability {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.ms7-product-inventory__label {
  font-weight: 400;
  color: #444444;
}

.ms7-product-inventory__status--in-stock {
  color: #218739 !important;
  font-weight: 600 !important;
}

.ms7-product-inventory__status--out-of-stock {
  color: #d32f2f !important;
  font-weight: 600 !important;
}

.ms7-product-inventory__low-stock {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.3;
  color: #d32f2f;
  font-weight: 500;
}

/* =========================================
   MADSPEED7 – Search Results Mobile Sort
   Search page only
   ========================================= */

@media screen and (max-width: 749px) {
  .template-search .facets-vertical-sort {
    position: absolute !important;
    top: 287px !important;
    right: 15px !important;
    width: auto !important;
    z-index: 0 !important;
  }

  .template-search .facets-vertical-sort .facet-filters {
    display: block !important;
  }

  .template-search .facets-vertical-sort .facet-filters__field {
    transform: none !important;
  }

  .template-search .facets-vertical-sort .product-count-vertical {
    display: none !important;
  }
}

/* From Price Styling */
.from_text {
  font-size: 13px !important;
  color: #999999 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  margin-right: 6px !important;
}

/* MADSPEED7 — Mobile From Price Size */
@media screen and (max-width: 749px) {
  .product__info-container .price .from_text {
    font-size: 12px !important;
  }
}

/* =========================================================
   MADSPEED7 — PREDICTIVE SEARCH PRICE STYLING
   Clean, compact pricing
   ========================================================= */

/* Price container */
.predictive-search .price {
  margin: 4px 0 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

/* Sale price row */
.predictive-search .price__sale {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* "From" */
.predictive-search .price__sale .from_text {
  display: inline-block !important;
  margin: 0 5px 0 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: #8a8a8a !important;
  letter-spacing: normal !important;
  white-space: nowrap !important;
}

/* Crossed-out original price */
.predictive-search .price__sale .price-item--regular {
  display: inline !important;
  margin: 0 7px 0 0 !important;
  padding: 0 !important;
  color: #9a9a9a !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: -0.2px !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: #9a9a9a !important;
}

/* Discounted price */
.predictive-search .price__sale .price-item--sale {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #111111 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.2px !important;
}

/* Savings — own line */
.predictive-search .madspeed7-price-saving {
  display: block !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  color: #2e7d32 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  white-space: nowrap !important;
}

/* =========================================================
   MADSPEED7 — CANDYRACK CART DRAWER SLIDER
   ========================================================= */

#candyrack-slider-cart .candyrack-slider-cart-offers-list {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  gap: 12px !important;
  scroll-behavior: smooth !important;
  scrollbar-width: none !important;
}

#candyrack-slider-cart .candyrack-slider-cart-offers-list::-webkit-scrollbar {
  display: none !important;
}

#candyrack-slider-cart .candyrack-slider-cart-offer-item-wrapper {
  flex: 0 0 82% !important;
  width: 82% !important;
  min-width: 82% !important;
  max-width: 82% !important;
}


/* =========================================================
   MADSPEED7 — CANDYRACK CART DRAWER
   ========================================================= */

#candyrack-slider-cart .candyrack-slider-cart-offers-wrapper {
  background: #d7efe0 !important;
}


/* =========================================================
   MADSPEED7 — CANDYRACK PRODUCT CARDS
   ========================================================= */

#candyrack-slider-cart .candyrack-slider-cart-offer-item-wrapper {
  display: grid !important;
  grid-template-columns: 92px 1fr !important;
  grid-template-rows: 1fr auto !important;
  column-gap: 10px !important;

  padding: 12px !important;
  box-sizing: border-box !important;

  min-height: 250px !important;
  height: auto !important;

  background: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

#candyrack-slider-cart .candyrack-slider-cart-offer-item-image-container {
  grid-column: 1 !important;
  grid-row: 1 !important;

  width: 92px !important;
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#candyrack-slider-cart .candyrack-slider-cart-offer-item-image {
  max-width: 72px !important;
max-height: 72px !important;

  width: auto !important;
  height: auto !important;
}


/* =========================================================
   PRODUCT CONTENT
   ========================================================= */

#candyrack-slider-cart .candyrack-slider-cart-offer-item-title-wrapper {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-height: 0 !important;
  height: auto !important;
  padding-top: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-self: start !important;
}


/* =========================================================
   VARIANT SELECTOR
   Pushes dropdown towards Add button
   ========================================================= */

#candyrack-slider-cart .candyrack-slider-cart-offer-item-wrapper {
  position: relative !important;
}

#candyrack-slider-cart .candyrack-slider-cart-offer-item-variant-select {
  position: absolute !important;
  left: 114px !important;
  right: 12px !important;
  bottom: 57px !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
}

#candyrack-slider-cart .candyrack-slider-cart-offer-item-add-button-wrapper {
  position: relative !important;
}

#candyrack-slider-cart .candyrack-slider-cart-offer-item-variant-select {
  width: calc(100% - 126px) !important;
  left: 114px !important;
  right: auto !important;
  box-sizing: border-box !important;
}


/* =========================================================
   ADD BUTTON
   ========================================================= */

#candyrack-slider-cart .candyrack-slider-cart-offer-item-add-button-wrapper {
  grid-column: 2 !important;
  grid-row: 2 !important;

  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;

  margin-top: 0 !important;

  align-self: end !important;
}

#candyrack-slider-cart .candyrack-slider-cart-offer-item-add-button {
  width: 100% !important;
  min-height: 38px !important;

  border-radius: 8px !important;
}


/* =========================================================
   PRODUCT TITLE
   ========================================================= */

#candyrack-slider-cart h3.OfferItem_OfferItemHeaderWrapper__19v2vaq3 {
  display: block !important;
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

#candyrack-slider-cart a.candyrack-slider-cart-offer-item-header {
  font-size: 13px !important;
  font-weight: 550 !important;
  line-height: 19.6px !important;
}

#candyrack-slider-cart .candyrack-slider-cart-offer-item-header a,
#candyrack-slider-cart .candyrack-slider-cart-offer-item-header.candyrack-slider-cart-offer-item-header {
  display: block !important;
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  white-space: normal !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}


/* =========================================================
   PRODUCT DESCRIPTION
   ========================================================= */

#candyrack-slider-cart .candyrack-slider-cart-offer-item-description {
  font-size: 12px !important;
  line-height: 1.4 !important;
}


/* =========================================================
   MADSPEED7 — CANDYRACK SLIDER ARROWS
   ========================================================= */

#candyrack-slider-cart .candyrack-slider-cart-offers-header-wrapper {
  position: relative !important;
}

#candyrack-slider-cart .ms7-candyrack-slider-nav {
  position: absolute !important;
  top: calc(50% - 10px) !important;
  right: 0 !important;

  transform: translateY(-50%) !important;

  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  margin: 0 !important;
}

#candyrack-slider-cart .ms7-candyrack-slider-button {
  width: 42px !important;
  height: 42px !important;

  padding: 0 !important;

  border-radius: 50% !important;
  border: 1px solid #cccccc !important;

  background: #ffffff !important;
  color: #777777 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 24px !important;
  line-height: 1 !important;

  text-align: center !important;
  text-indent: 0 !important;

  cursor: pointer !important;
}

#candyrack-slider-cart .ms7-candyrack-slider-button:hover {
  background: #f5f5f5 !important;
}

#candyrack-slider-cart .ms7-candyrack-chevron {
  width: 8px !important;
  height: 8px !important;

  border-top: 2px solid #777777 !important;
  border-right: 2px solid #777777 !important;

  display: block !important;
}

#candyrack-slider-cart .ms7-candyrack-chevron--left {
  transform: rotate(-135deg) !important;
}

#candyrack-slider-cart .ms7-candyrack-chevron--right {
  transform: rotate(45deg) !important;
}

#candyrack-slider-cart .ms7-candyrack-slider-button:disabled {
  background: #eeeeee !important;
  color: #c4c4c4 !important;
  border-color: #d8d8d8 !important;
  cursor: default !important;
  opacity: 1 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 749px) {

  #candyrack-slider-cart .candyrack-slider-cart-offers-header-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }

  #candyrack-slider-cart .candyrack-slider-cart-offers-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  #candyrack-slider-cart .ms7-candyrack-slider-nav {
    position: static !important;
    transform: none !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
  }

  #candyrack-slider-cart .ms7-candyrack-slider-button {
    width: 38px !important;
    height: 38px !important;
  }

}

#candyrack-slider-cart .candyrack-slider-cart-offer-item-add-button:disabled {
  background: #d3d3d3 !important;
  border-color: #d3d3d3 !important;
  color: #777777 !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

#candyrack-slider-cart .candyrack-slider-cart-offer-price-wrapper {
  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;
}

#candyrack-slider-cart .ms7-candyrack-from-label,
#candyrack-slider-cart .candyrack-slider-cart-offer-price-crossed {
  font-size: 12px !important;
  font-weight: 400 !important;
}

#candyrack-slider-cart .candyrack-slider-cart-offer-price-discounted {
  font-size: 15px !important;
  font-weight: 650 !important;
}



#candyrack-slider-cart .candyrack-slider-cart-item-product-details-variant {
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #777777 !important;
  margin: 2px 0 4px !important;
}

/* CandyRack cart item — selected variant */

#candyrack-slider-cart .candyrack-slider-cart-item-product-details-variant {
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #777777 !important;
  margin: 2px 0 4px !important;
}

/* CandyRack cart item — discount pill */

#candyrack-slider-cart .candyrack-slider-cart-item-product-details-discount {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  margin: 2px 0 0 !important;
  padding: 2px 7px !important;
  border-radius: 10px !important;
  background: #f1f1f1 !important;
  color: #666666 !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
}

#candyrack-slider-cart .candyrack-slider-cart-item-product-details-discount svg {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
}

#candyrack-slider-cart .candyrack-slider-cart-item-product-details-discount-amount {
  font-size: 11px !important;
  font-weight: 500 !important;
}

/* CandyRack cart item — quantity selector */

#candyrack-slider-cart .candyrack-slider-cart-item-product-details-quantity-controls {
  display: flex !important;
  align-items: center !important;
  width: 90px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border: 1px solid #d6d6d6 !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#candyrack-slider-cart .candyrack-slider-cart-item-product-details-quantity-button-minus,
#candyrack-slider-cart .candyrack-slider-cart-item-product-details-quantity-button-plus {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #444444 !important;
}

#candyrack-slider-cart .candyrack-slider-cart-item-product-details-quantity-input {
  flex: 1 1 auto !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #333333 !important;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

#candyrack-slider-cart .candyrack-slider-cart-item-product-details-quantity-input::-webkit-inner-spin-button,
#candyrack-slider-cart .candyrack-slider-cart-item-product-details-quantity-input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

#candyrack-slider-cart .candyrack-slider-cart-item-product-details-quantity-button-minus svg,
#candyrack-slider-cart .candyrack-slider-cart-item-product-details-quantity-button-plus svg {
  width: 14px !important;
  height: 14px !important;
}

#candyrack-slider-cart .candyrack-slider-cart-item-product-details-quantity-button:not(:disabled):hover {
  background: #f5f5f5 !important;
}

#candyrack-slider-cart .candyrack-slider-cart-item-product-details-quantity-button:disabled {
  background: transparent !important;
}

/* =========================================================
   MADSPEED7 — CANDYRACK CART MOBILE CARD LAYOUT
   Image → Title → Price → Description → Variant → Add
   ========================================================= */

@media screen and (max-width: 749px) {

  #candyrack-slider-cart .candyrack-slider-cart-offer-item-wrapper {
  display: flex !important;
  flex-direction: column !important;
  row-gap: 5px !important;
    width: 82% !important;
    min-width: 82% !important;
    max-width: 82% !important;
    min-height: 320px !important;
    height: auto !important;
    padding: 14px !important;
    box-sizing: border-box !important;
  }

  /* Product image */

  #candyrack-slider-cart .candyrack-slider-cart-offer-item-image-container {
  width: 100% !important;
  height: 75px !important;
  min-height: 75px !important;
  max-height: 75px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 75px !important;
}

  #candyrack-slider-cart .candyrack-slider-cart-offer-item-image {
  max-width: 70px !important;
  max-height: 70px !important;
  width: auto !important;
  height: auto !important;
}

  /* Product information */

  #candyrack-slider-cart .candyrack-slider-cart-offer-item-title-wrapper {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
  }

  /* Variant selector */

  #candyrack-slider-cart .candyrack-slider-cart-offer-item-variant-select {
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 61px !important;
  width: auto !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

  /* Add button */

  #candyrack-slider-cart .candyrack-slider-cart-offer-item-add-button-wrapper {
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  align-self: stretch !important;
}

  #candyrack-slider-cart .candyrack-slider-cart-offer-item-add-button {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
  }

}

@media screen and (max-width: 749px) {
  #candyrack-slider-cart .candyrack-slider-cart-offer-item-title-wrapper {
    justify-content: flex-start !important;
  }
}

@media screen and (max-width: 749px) {
  #candyrack-slider-cart .candyrack-slider-cart-offer-item-wrapper {
    min-height: 320px !important;
  }
}

@media screen and (max-width: 380px) {
  #candyrack-slider-cart .candyrack-slider-cart-offer-item-wrapper {
    min-height: 350px !important;
  }
}

/* =========================================================
   MADSPEED7 — CANDYRACK CART DISCOUNT ROW
   ========================================================= */

#candyrack-slider-cart .ms7-candyrack-cart-discount-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

#candyrack-slider-cart .ms7-candyrack-cart-discount-label,
#candyrack-slider-cart .ms7-candyrack-cart-discount-value {
  color: #198754 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

#candyrack-slider-cart .ms7-candyrack-cart-discount-value {
  text-align: right !important;
}

/* =========================================================
   DELIVERY ESTIMATOR
   ========================================================= */

.estimator-message .estimator-instock-message > div {
  padding: 12px 16px !important;
  margin: 12px 0 !important;
  background: #f5f5f5 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 4px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 21px !important;
  font-weight: 400 !important;
  text-align: center !important;
  color: #555555 !important;
  box-sizing: border-box !important;
}

/* =========================================================
   PRODUCT FORM — FULL WIDTH BUTTONS
   ========================================================= */

.product-form__buttons {
  width: 100% !important;
  max-width: 100% !important;
}

.product-form__submit {
  width: 100% !important;
  max-width: 100% !important;
}

.shopify-payment-button {
  width: 100% !important;
  max-width: 100% !important;
}


/* Delivery estimator — mobile text size */
@media screen and (max-width: 749px) {
  .estimator-message .estimator-instock-message > div {
    font-size: 13px !important;
  }
}

/* MADSPEED7 — Collection Load More button */

.ms7-collection-load-more {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 30px 0 10px !important;
}

.ms7-collection-load-more__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 290px !important;
  height: 44px !important;
  padding: 0 20px !important;
  border: 1px solid #222222 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #111111 !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  cursor: pointer !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}

.ms7-collection-load-more__button:hover {
  background: #ffffff !important;
  color: #222222 !important;
}

.ms7-collection-load-more__button:disabled {
  opacity: 0.55 !important;
  cursor: wait !important;
}

/* MADSPEED7 — Collection product counter */

.ms7-collection-product-count {
  display: block !important;
  width: 100% !important;
  margin: 28px 0 12px !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #777777 !important;
  box-sizing: border-box !important;
}

/* MADSPEED7 — Collection Load More button — Mobile */
@media screen and (max-width: 749px) {
  .ms7-collection-load-more__button {
    width: 160px !important;
    height: 42px !important;
  }
}

/* Hide CandyRack "Show More" Button */
.candyrack-ppp-checkbox-layout__show-more-wrapper {
  display: none !important;
}

/* =========================================
   MS7 CANDY RACK QUICK VIEW
   CLOSE BUTTON WRAPPER
   ========================================= */

.madspeed7-candyrack-qv-modal .madspeed7-qv-close-wrapper {
  position: relative !important;
  width: min(820px, 100%) !important;
  max-height: 90vh !important;
}

/* =========================================================
   MADSPEED7 — CART + NEED HELP BOTTOM WIDGET
   DESKTOP + MOBILE
   ========================================================= */


/* =========================================================
   MAIN WIDGET — DESKTOP
   ========================================================= */

.ms7-floating-widget {
  position: fixed !important;

  right: 0 !important;
  bottom: 0 !important;

  display: flex !important;
  align-items: stretch !important;

  width: 250px !important;
  height: 50px !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;

  border-radius: 18px 0 0 0 !important;

  box-shadow: 0 -3px 15px rgba(0, 0, 0, 0.18) !important;

  z-index: 20 !important;
}


/* =========================================================
   CART — DESKTOP
   ========================================================= */

.ms7-floating-widget #ms7-floating-cart {
  position: relative !important;

  width: 105px !important;
  height: 50px !important;

  flex: 0 0 105px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;

  background: #111111 !important;
  color: #ffffff !important;

  border: none !important;
  border-radius: 0 !important;

  cursor: pointer !important;
}


/* =========================================================
   CART ICON
   ========================================================= */

.ms7-floating-widget .ms7-floating-cart-icon {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 34px !important;
  height: 34px !important;

  margin-left: 12px !important;
  margin-right: 7px !important;

  flex-shrink: 0 !important;
}

.ms7-floating-widget .ms7-floating-cart-icon svg {
  width: 24px !important;
  height: 24px !important;

  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}


/* =========================================================
   CART QUANTITY
   POSITIONED OVER TROLLEY
   ========================================================= */

.ms7-floating-widget #ms7-floating-cart-count {
  position: absolute !important;

  top: 5px !important;
  left: 37px !important;

  min-width: 18px !important;
  height: 18px !important;

  padding: 0 4px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-sizing: border-box !important;

  background: #009FE3 !important;
  color: #ffffff !important;

  border-radius: 50% !important;

  font-family: Poppins, sans-serif !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  z-index: 5 !important;
}


/* =========================================================
   CART LABEL
   ========================================================= */

.ms7-floating-widget #ms7-floating-cart .ms7-floating-widget-label {
  font-family: Poppins, sans-serif !important;

  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;

  color: #ffffff !important;

  white-space: nowrap !important;
}


/* =========================================================
   NEED HELP — DESKTOP
   ========================================================= */

.ms7-floating-help {
  position: relative !important;

  width: 145px !important;
  height: 50px !important;

  flex: 0 0 145px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 10px !important;

  background: #009FE3 !important;
  color: #ffffff !important;

  border: none !important;
  border-radius: 0 !important;

  cursor: pointer !important;
}


/* =========================================================
   NEED HELP ICON
   ========================================================= */

.ms7-floating-help-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex-shrink: 0 !important;

  margin: 0 !important;
}

.ms7-floating-help-icon svg {
  width: 24px !important;
  height: 24px !important;

  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}


/* =========================================================
   NEED HELP LABEL
   ========================================================= */

.ms7-floating-widget .ms7-floating-help .ms7-floating-widget-label {
  font-family: Poppins, sans-serif !important;

  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;

  color: #ffffff !important;

  white-space: nowrap !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.ms7-floating-widget #ms7-floating-cart:hover,
.ms7-floating-help:hover {
  opacity: 0.94 !important;
}


/* =========================================================
   MADSPEED7 — MOBILE CART + NEED HELP WIDGET
   210px × 40px — PROPORTIONALLY SCALED
   ========================================================= */

@media screen and (max-width: 749px) {

  .ms7-floating-widget {
    position: fixed !important;

    right: 0 !important;
    bottom: 0 !important;

    width: 210px !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    border-radius: 14px 0 0 0 !important;

    z-index: 20 !important;
  }


  /* =======================================================
     CART — MOBILE
     ======================================================= */

  .ms7-floating-widget #ms7-floating-cart {
    width: 88px !important;
    height: 40px !important;

    flex: 0 0 88px !important;

    padding: 0 !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }


  /* =======================================================
     CART ICON — MOBILE
     ======================================================= */

  .ms7-floating-widget .ms7-floating-cart-icon {
    width: 26px !important;
    height: 26px !important;

    margin-left: 9px !important;
    margin-right: 5px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .ms7-floating-widget .ms7-floating-cart-icon svg {
    width: 19px !important;
    height: 19px !important;
  }


  /* =======================================================
     CART QUANTITY — MOBILE
     OVERLAY ON TROLLEY
     ======================================================= */

  .ms7-floating-widget #ms7-floating-cart-count {
    position: absolute !important;

    top: 3px !important;
    left: 30px !important;

    min-width: 15px !important;
    height: 15px !important;

    padding: 0 3px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 7px !important;
    line-height: 1 !important;

    z-index: 5 !important;
  }


  /* =======================================================
     CART LABEL — MOBILE
     ======================================================= */

  .ms7-floating-widget #ms7-floating-cart .ms7-floating-widget-label {
    font-size: 11px !important;
    line-height: 1 !important;
    letter-spacing: 0.1px !important;
  }


  /* =======================================================
     NEED HELP — MOBILE
     ======================================================= */

  .ms7-floating-help {
    width: 122px !important;
    height: 40px !important;

    flex: 0 0 122px !important;

    padding: 0 !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 6px !important;
  }


  /* =======================================================
     HELP ICON — MOBILE
     ======================================================= */

  .ms7-floating-help-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .ms7-floating-help-icon svg {
    width: 19px !important;
    height: 19px !important;
  }


  /* =======================================================
     NEED HELP LABEL — MOBILE
     ======================================================= */

  .ms7-floating-widget .ms7-floating-help .ms7-floating-widget-label {
    font-size: 11px !important;
    line-height: 1 !important;
    letter-spacing: 0.1px !important;
  }

}

/* =========================================================
   MADSPEED7 — NEED HELP POPUP OVERLAY
   ========================================================= */

.ms7-help-popup {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: none;
  background: rgba(0, 0, 0, 0.55) !important;
  z-index: 10000 !important;
}

.ms7-help-popup__overlay {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  z-index: 1 !important;
}

.ms7-help-popup__box {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(520px, calc(100% - 30px)) !important;
  max-height: calc(100vh - 40px) !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  padding: 25px !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25) !important;
  z-index: 2 !important;
}

.ms7-help-popup__close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #111111 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.ms7-help-popup__content {
  width: 100% !important;
}

.ms7-help-popup__content h2 {
  margin: 0 0 5px !important;
  font-family: Poppins, sans-serif !important;
  font-size: 23px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #111111 !important;
}

.ms7-help-popup__intro {
  margin: 0 0 17px !important;
  font-family: Poppins, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: #666666 !important;
}

.ms7-help-form__field {
  margin-bottom: 10px !important;
}

.ms7-help-form__field label {
  display: block !important;
  margin-bottom: 4px !important;
  font-family: Poppins, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  color: #333333 !important;
}

.ms7-help-form__field label span {
  color: #d32f2f !important;
}

.ms7-help-form__field input,
.ms7-help-form__field textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 9px 11px !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  font-family: Poppins, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  color: #111111 !important;
}

.ms7-help-form__field textarea {
  min-height: 90px !important;
  resize: vertical !important;
}

.ms7-help-form__submit {
  width: 100% !important;
  min-height: 42px !important;
  margin-top: 2px !important;
  padding: 10px 20px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #111111 !important;
  color: #ffffff !important;
  font-family: Poppins, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  cursor: pointer !important;
}

.ms7-help-popup__whatsapp {
  margin-top: 13px !important;
}

.ms7-help-popup__whatsapp-divider {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
  font-family: Poppins, sans-serif !important;
  font-size: 10px !important;
  color: #999999 !important;
}

.ms7-help-popup__whatsapp-divider::before,
.ms7-help-popup__whatsapp-divider::after {
  content: "" !important;
  flex: 1 !important;
  height: 1px !important;
  background: #e5e5e5 !important;
}

.ms7-help-popup__whatsapp-button {
  width: 100% !important;
  min-height: 42px !important;
  padding: 10px 20px !important;
  border: 1px solid #25d366 !important;
  border-radius: 4px !important;
  background: #25d366 !important;
  color: #ffffff !important;
  font-family: Poppins, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media screen and (max-width: 749px) {

  .ms7-help-popup__box {
    width: calc(100% - 24px) !important;
    max-height: calc(100dvh - 24px) !important;
    padding: 25px 20px !important;
    border-radius: 10px !important;
  }

  .ms7-help-popup__close {
    top: 10px !important;
    right: 10px !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 24px !important;
  }

  .ms7-help-popup__content h2 {
    font-size: 21px !important;
    margin-bottom: 4px !important;
  }

  .ms7-help-popup__intro {
    margin-bottom: 15px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .ms7-help-form__field {
    margin-bottom: 9px !important;
  }

  .ms7-help-form__field label {
    margin-bottom: 4px !important;
    font-size: 11px !important;
  }

  .ms7-help-form__field input,
  .ms7-help-form__field textarea {
    padding: 8px 10px !important;
    font-size: 12px !important;
  }

  .ms7-help-form__field textarea {
    min-height: 80px !important;
  }

  .ms7-help-form__submit,
  .ms7-help-popup__whatsapp-button {
    min-height: 40px !important;
    font-size: 11px !important;
  }

  .ms7-help-popup__whatsapp {
    margin-top: 11px !important;
  }

  .ms7-help-popup__whatsapp-divider {
    margin-bottom: 9px !important;
  }
}

/* =========================================================
   MADSPEED7 — SUBTLE CUSTOMER REVIEWS TAB
   ========================================================= */

.jdgm-revs-tab-btn {
  background: #222222 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

.jdgm-revs-tab-btn:hover {
  background: #333333 !important;
  color: #ffffff !important;
}

@media screen and (max-width: 749px) {
  #menu-drawer {
    height: calc(
      var(--viewport-height, 100vh) -
      var(--header-bottom-position, 100%) +
      2px
    ) !important;
  }
}

/* =========================================================
   MADSPEED7 — PRODUCT ACTIONS
   CENTRED HORIZONTAL LAYOUT WITH SEPARATORS
   ========================================================= */

.ms7-product-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  border: none !important;
  box-sizing: border-box !important;
}


/* =========================================================
   THREE ACTION AREAS
   ========================================================= */

.ms7-product-actions > .ms7-product-action {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  box-sizing: border-box !important;
}

.ms7-product-actions > .ms7-product-action__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: 30px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 18px !important;
  box-sizing: border-box !important;
}


/* =========================================================
   SHARE
   ========================================================= */

.ms7-product-actions .share-button {
  width: auto !important;
  margin: 0 !important;
}

.ms7-product-actions .share-button__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #222222 !important;
  font-family: Poppins, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}


/* =========================================================
   EMAIL + COMPATIBILITY
   ========================================================= */

.ms7-product-actions .ms7-product-action__button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #222222 !important;
  font-family: Poppins, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}


/* =========================================================
   SEPARATORS
   IMPORTANT: KEEP THIS AFTER THE BUTTON BORDER RULES
   ========================================================= */

.ms7-product-actions > .ms7-product-action__button {
  border-left: 1px solid #d5d5d5 !important;
}


/* =========================================================
   HOVER
   ========================================================= */

.ms7-product-actions .share-button__button:hover,
.ms7-product-actions .ms7-product-action__button:hover {
  color: #555555 !important;
  text-decoration: none !important;
}


/* =========================================================
   ICONS
   ========================================================= */

.ms7-product-actions .share-button__button .icon-share,
.ms7-product-actions .ms7-product-action__icon {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  margin-right: 6px !important;
  flex-shrink: 0 !important;
}

.ms7-product-actions .ms7-product-action__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ms7-product-actions .ms7-product-action__icon svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 749px) {

  .ms7-product-actions {
    width: 100% !important;
    padding: 6px 0 !important;
  }

  .ms7-product-actions > .ms7-product-action {
    height: 30px !important;
    padding: 0 7px !important;
  }

  .ms7-product-actions > .ms7-product-action__button {
    height: 30px !important;
    padding: 0 7px !important;
  }

  .ms7-product-actions .share-button__button,
  .ms7-product-actions .ms7-product-action__button {
    min-height: 28px !important;
    font-size: 11px !important;
  }

  .ms7-product-actions .share-button__button .icon-share,
  .ms7-product-actions .ms7-product-action__icon {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    margin-right: 4px !important;
  }

  .ms7-product-actions .ms7-product-action__icon svg {
    width: 13px !important;
    height: 13px !important;
  }

}

/* =========================================================
   MADSPEED7 — EMAIL THIS PRODUCT POPUP
   ========================================================= */

.ms7-email-product-popup {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: none;
  background: rgba(0, 0, 0, 0.55) !important;
  z-index: 10000 !important;
}

.ms7-email-product-popup__overlay {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  z-index: 1 !important;
}

.ms7-email-product-popup__box {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(440px, calc(100% - 30px)) !important;
  max-height: calc(100vh - 40px) !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  padding: 25px !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25) !important;
  z-index: 2 !important;
}

.ms7-email-product-popup__close {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #222222 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.ms7-email-product-popup__content {
  text-align: left;
}

.ms7-email-product-popup__content h2 {
  margin: 0 35px 10px 0 !important;
  font-family: Poppins, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #111111 !important;
}

.ms7-email-product-popup__intro {
  margin: 0 0 20px !important;
  font-family: Poppins, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #555555 !important;
}

.ms7-email-product-form label {
  display: block !important;
  margin: 0 0 6px !important;
  font-family: Poppins, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #222222 !important;
}

.ms7-email-product-form input {
  width: 100% !important;
  height: 44px !important;
  box-sizing: border-box !important;
  margin: 0 0 14px !important;
  padding: 0 12px !important;
  border: 1px solid #cccccc !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  font-family: Poppins, sans-serif !important;
  font-size: 13px !important;
  color: #222222 !important;
}

.ms7-email-product-form input:focus {
  outline: none !important;
  border-color: #999999 !important;
}

.ms7-email-product-form__submit {
  width: 100% !important;
  height: 44px !important;
  border: none !important;
  border-radius: 6px !important;
  background: #111111 !important;
  color: #ffffff !important;
  font-family: Poppins, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
  cursor: pointer !important;
}

.ms7-email-product-form__submit:hover {
  background: #333333 !important;
}

@media screen and (max-width: 749px) {
  .ms7-email-product-popup__box {
    width: calc(100% - 30px) !important;
    padding: 22px !important;
  }
}

/* =========================================================
   MADSPEED7 — COMPATIBILITY CHECK POPUP
   ========================================================= */

.ms7-compatibility-popup {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: none;
  background: rgba(0, 0, 0, 0.55) !important;
  z-index: 10000 !important;
}

.ms7-compatibility-popup__overlay {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  z-index: 1 !important;
}

.ms7-compatibility-popup__box {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(520px, calc(100% - 30px)) !important;
  max-height: calc(100vh - 40px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  padding: 25px !important;
  background: #ffffff !important;
  border-radius: 0 !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25) !important;
  z-index: 2 !important;
}

.ms7-compatibility-popup__close {
  position: absolute !important;
  top: 0 !important;
  right: -1px !important;
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #111111 !important;
  color: #ffffff !important;
  font-family: Arial, sans-serif !important;
  font-size: 25px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  z-index: 5 !important;
}

.ms7-compatibility-popup__close span {
  display: block !important;
  transform: translateY(-1px);
}

.ms7-compatibility-popup__content {
  width: 100% !important;
}

.ms7-compatibility-popup__content h2 {
  margin: 0 0 20px !important;
  padding: 0 35px 18px 0 !important;
  border-bottom: 1px solid #e5e5e5 !important;
  font-family: Poppins, sans-serif !important;
  font-size: 15px !important;
  line-height: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
  color: #222222 !important;
  text-align: center !important;
}

.ms7-compatibility-popup__intro {
  margin: 0 20px 22px !important;
  font-family: Poppins, sans-serif !important;
  font-size: 13px !important;
  line-height: 21px !important;
  font-weight: 400 !important;
  color: #666666 !important;
  text-align: center !important;
}

.ms7-compatibility-form {
  width: 100% !important;
}

.ms7-compatibility-form input[type="text"],
.ms7-compatibility-form input[type="email"],
.ms7-compatibility-form input[type="tel"],
.ms7-compatibility-form textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 10px !important;
  padding: 9px 12px !important;
  border: 1px solid #cccccc !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #222222 !important;
  font-family: Poppins, sans-serif !important;
  font-size: 13px !important;
  line-height: 20px !important;
  outline: none !important;
  box-shadow: none !important;
}

.ms7-compatibility-form input::placeholder,
.ms7-compatibility-form textarea::placeholder {
  color: #999999 !important;
  opacity: 1 !important;
}

.ms7-compatibility-form input:focus,
.ms7-compatibility-form textarea:focus {
  border-color: #999999 !important;
  box-shadow: none !important;
}

.ms7-compatibility-form textarea {
  min-height: 110px !important;
  resize: vertical !important;
}

.ms7-compatibility-form__submit {
  width: 100% !important;
  min-height: 45px !important;
  margin: 2px 0 12px !important;
  padding: 12px 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #222222 !important;
  color: #ffffff !important;
  font-family: Poppins, sans-serif !important;
  font-size: 13px !important;
  line-height: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  cursor: pointer !important;
}

.ms7-compatibility-form__submit:hover {
  background: #111111 !important;
}

.ms7-compatibility-form__whatsapp {
  width: 100% !important;
  min-height: 45px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  margin: 28px 0 0 !important;
  padding: 12px 20px !important;
  border-radius: 0 !important;
  background: #25d366 !important;
  color: #ffffff !important;
  font-family: Poppins, sans-serif !important;
  font-size: 13px !important;
  line-height: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  position: relative !important;
}

.ms7-compatibility-form__whatsapp::before {
  content: "";
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -15px !important;
  height: 1px !important;
  background: #e5e5e5 !important;
}

.ms7-compatibility-form__whatsapp::after {
  content: "OR";
  position: absolute !important;
  left: 50% !important;
  top: -25px !important;
  transform: translateX(-50%) !important;
  padding: 0 10px !important;
  background: #ffffff !important;
  color: #999999 !important;
  font-family: Poppins, sans-serif !important;
  font-size: 11px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
}

.ms7-compatibility-form__whatsapp:hover {
  background: #20bd5a !important;
  color: #ffffff !important;
}

.ms7-compatibility-form__whatsapp-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0 !important;
}

.ms7-compatibility-form__whatsapp-icon svg {
  width: 20px !important;
  height: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

@media screen and (max-width: 749px) {

  .ms7-compatibility-popup__box {
    width: calc(100% - 20px) !important;
    max-height: calc(100vh - 16px) !important;
    padding: 10px !important;
    border-radius: 0 !important;
  }

  .ms7-compatibility-popup__content h2 {
  font-size: 0 !important;
  line-height: 0 !important;
  margin-bottom: 10px !important;
  padding: 0 25px 10px 25px !important;
  text-align: center !important;
}

.ms7-compatibility-popup__content h2::before {
  content: "COMPATIBILITY CHECK";
  display: block !important;
  font-family: Poppins, sans-serif !important;
  font-size: 14px !important;
  line-height: 21px !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
  color: #222222 !important;
  text-align: center !important;
}

.ms7-compatibility-popup__content h2::after {
  content: "ASK AN EXPERT";
  display: block !important;
  font-family: Poppins, sans-serif !important;
  font-size: 14px !important;
  line-height: 21px !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
  color: #222222 !important;
  text-align: center !important;
}

  .ms7-compatibility-popup__intro {
    margin: 0 5px 11px !important;
    font-size: 12px !important;
    line-height: 17px !important;
  }

  .ms7-compatibility-form input[type="text"],
  .ms7-compatibility-form input[type="email"],
  .ms7-compatibility-form input[type="tel"],
  .ms7-compatibility-form textarea {
    font-size: 12px !important;
    margin-bottom: 5px !important;
    padding: 7px 10px !important;
  }

  .ms7-compatibility-form textarea {
    min-height: 70px !important;
  }

  .ms7-compatibility-form__submit {
    min-height: 40px !important;
    margin: 1px 0 8px !important;
    padding: 9px 15px !important;
    font-size: 12px !important;
  }

  .ms7-compatibility-form__whatsapp {
    min-height: 40px !important;
    margin-top: 22px !important;
    padding: 9px 15px !important;
    font-size: 12px !important;
  }

  .ms7-compatibility-form__whatsapp::before {
    top: -12px !important;
  }

  .ms7-compatibility-form__whatsapp::after {
    top: -21px !important;
    font-size: 10px !important;
    line-height: 18px !important;
  }

  .ms7-compatibility-popup__close {
    width: 30px !important;
    height: 30px !important;
  }

}


/* MADSPEED7 — Recently Viewed Heading — Mobile */
@media screen and (max-width: 749px) {
  .ms7-recently-viewed__title {
    font-size: 15px !important;
  }
}

/* =========================================================
   MADSPEED7 — FEATURED CATEGORIES — MOBILE ARROW POSITION
   ========================================================= */

@media screen and (max-width: 749px) {

  [class*="ai-category-nav-prev-"] {
    left: 10px !important;
  }

  [class*="ai-category-nav-next-"] {
    right: 10px !important;
  }

}

/* =========================================================
   MADSPEED7 — DISABLE DAWN CART DRAWER
   Candy Rack is the only cart drawer
   ========================================================= */

#CartDrawer {
  display: none !important;
}

/* =========================================================
   FEATURED CATEGORIES & FEATURED PRODUCTS — SUBTITLES
   ========================================================= */

/* Desktop — make both subtitles identical */
[class*="ai-category-subtitle-"],
.ms7-featured-intro .collection__description p {
  font-family: Poppins, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  letter-spacing: normal !important;
  color: #666666 !important;
}


/* =========================================================
   MOBILE — SLIGHTLY SMALLER SUBTITLES
   ========================================================= */

@media screen and (max-width: 749px) {

  /* Featured Categories subtitle */
  [class*="ai-category-subtitle-"] {
    font-size: 13px !important;
    line-height: 18px !important;
  }

  /* Featured Products heading */
  .ms7-featured-intro .title {
    font-size: 18px !important;
  }

  /* Featured Products subtitle */
  .ms7-featured-intro .collection__description p {
    font-size: 13px !important;
    line-height: 18px !important;
  }

}

/* =========================================================
   HOMEPAGE — FEATURED CATEGORIES / PRODUCTS SEPARATOR
   ========================================================= */

.featured-collection-custom {
  border-top: 1px solid #e5e5e5 !important;
}

/* =========================================================
   MADSPEED7 — PROMOTIONAL PRODUCT BADGES
   MATCHES ORIGINAL WHEELHUT DESIGN
   ========================================================= */

.madspeed7-promo-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 22px !important;
  padding: 5px 12px 6px !important;

  border-radius: 999px !important;

  box-sizing: border-box !important;

  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.2px !important;

  text-align: center !important;
  white-space: nowrap !important;

  color: #ffffff !important;
  background: #e14b3b !important;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}


/* =========================================================
   MOBILE — PROMOTIONAL BADGE
   ========================================================= */

@media screen and (max-width: 749px) {

  .madspeed7-promo-badge {
    min-height: 18px !important;

    padding: 4px 10px 5px !important;

    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.2px !important;

    border-radius: 999px !important;
  }

}

/* =========================================================
   MADSPEED7 — PROMOTIONAL BADGE POSITIONING
   CENTRED UNDER PRODUCT IMAGE
   TIGHT GAP BEFORE PRODUCT TITLE
   ========================================================= */

.madspeed7-promo-badge {
  display: flex !important;
  width: max-content !important;

  margin: 8px auto 6px !important;

  align-items: center !important;
  justify-content: center !important;
}


/* Remove Dawn's extra top spacing underneath
   the promotional badge */

.card__content > .madspeed7-promo-badge + .card__information {
  padding-top: 0 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 749px) {

  .madspeed7-promo-badge {
    margin: 8px auto 6px !important;
  }

}

/* =========================================================
   MADSPEED7 — SLOW MOVER DISCOUNT BADGE
   Light grey circular badge — Slow Mover only
   ========================================================= */

.madspeed7-slow-mover-badge {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 6 !important;

  width: 38px !important;
  height: 38px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;

  background: #fde8e8 !important;
  color: #222222 !important;

  border-radius: 50% !important;
  border: none !important;

  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;

  text-align: center !important;
  white-space: nowrap !important;
}

@media screen and (max-width: 749px) {

  .madspeed7-slow-mover-badge {
    top: auto !important;
    right: auto !important;
    bottom: 28px !important;
    left: 7px !important;

    width: 31px !important;
    height: 31px !important;
    font-size: 9.5px !important;
  }
}

/* =========================================================
   MADSPEED7 — SLOW MOVER PRICE SPACING
   Remove Dawn's normal bottom spacing from the actual price
   ========================================================= */

.product__info-container > .ms7-price-wrapper--slow-mover .price {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* =========================================================
   MADSPEED7 — SLOW MOVER OFFER
   Clean text-only styling — Product Page
   ========================================================= */

.product__info-container > .madspeed7-slow-mover-next-customer {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;

  margin-top: 4px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;

  background: none !important;
  border: none !important;
  border-radius: 0 !important;

  text-align: left !important;
}

/* Main offer line */
.product__info-container > .madspeed7-slow-mover-next-customer .madspeed7-slow-mover-offer {
  margin: 0 !important;
  padding: 0 !important;

  color: #fe532b !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

/* Discount percentage */
.product__info-container > .madspeed7-slow-mover-next-customer .madspeed7-slow-mover-offer strong {
  font-weight: 700 !important;
}

/* Next customer message */
.product__info-container > .madspeed7-slow-mover-next-customer .madspeed7-slow-mover-next {
  margin: 2px 0 0 0 !important;
  padding: 0 !important;

  color: #777777 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

/* =========================================================
   MADSPEED7 — SLOW MOVER MESSAGE SPACING — FINAL TEST
   ========================================================= */

.product__info-container .ms7-price-wrapper--slow-mover {
  margin-bottom: 0 !important;
}

.product__info-container .ms7-price-wrapper--slow-mover + .madspeed7-slow-mover-next-customer {
  margin-top: 0 !important;
}

/* =========================================================
   MADSPEED7 — SLOW MOVER OFFER DIVIDER
   Short separator between saving and special offer
   ========================================================= */

.product__info-container > .ms7-price-wrapper--slow-mover
  + .madspeed7-slow-mover-next-customer::before {
  content: "";
  display: block;
  width: 55px;
height: 1px;
margin: 5px 0 6px 0;
background: #d5d5d5;
}

/* -----------------------------------------------------------
   MADSPEED7 — CandyRack custom tyre message
   ----------------------------------------------------------- */

.ms7-candyrack-tyre-discount-message {
  display: block;
  font-weight: 600;
}

.ms7-candyrack-tyre-fitting-message {
  display: block;
}

/* -----------------------------------------------------------
   MADSPEED7 — CandyRack tyre dropdown positioning
   ----------------------------------------------------------- */

#candyrack-slider-cart
.candyrack-slider-cart-offer-item-wrapper:has(.ms7-candyrack-tyre-discount-message)
.candyrack-slider-cart-offer-item-title-wrapper {
  align-self: stretch !important;
}

#candyrack-slider-cart
.candyrack-slider-cart-offer-item-wrapper:has(.ms7-candyrack-tyre-discount-message)
.candyrack-slider-cart-offer-item-variant-select {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
}

.ms7-candyrack-tyre-save-text {
  color: #2e7d32 !important;
}

/* WheelHut – divider below Featured Products */
#collection-template--30250744349049__featured_collection_bjJWCq {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 35px;
  margin-bottom: 35px;
}

/* WheelHut – Judge.me Cards Carousel – Mobile Tidy Layout */
@media screen and (max-width: 749px) {

  .jdgm-cards-carousel {
    width: 100% !important;
    max-width: 100% !important;
    --width-xs: min(320px, calc(100vw - 40px)) !important;
  }

  .jdgm-cards-carousel .jdgm-header {
    width: 100% !important;
    max-width: 100% !important;
  }

  .jdgm-cards-carousel .jdgm-title {
    font-size: 19px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

}

/* WheelHut – Judge.me Carousel – Smaller Desktop Heading */
@media screen and (min-width: 750px) {

  .jdgm-cards-carousel .jdgm-title {
    font-size: 24px !important;
    line-height: 1.25 !important;
  }

}