#block-call-to-order,
#block-call-to-order .container-wrap,
#block-call-to-order .block-content,
#block-call-to-order .field-item {
  text-align: center !important;
}
#block-call-to-order .field-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.1rem !important;
  width: 100% !important;
  margin: 0 auto !important;
}
#block-call-to-order p.call-phone,
#block-call-to-order .call-phone,
#block-call-to-order p {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
  width: 100% !important;
}
#block-call-to-order strong.text-sm,
#block-call-to-order .text-sm {
  display: block !important;
  width: 100% !important;
  margin: 0 0 0.1rem !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}
#block-call-to-order a.call-phone-link,
#block-call-to-order .call-phone a {
  display: block !important;
  width: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}
.header-item.header-right,
.header-right {
  display: block !important;
  visibility: visible !important;
  text-align: center !important;
}
.header-info,
.header-info .header-info-container {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 0.35rem 1.25rem !important;
}
.header-info .header-info-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 0 !important;
}

@media (max-width: 767.98px) {
  .navbar.header-center > .container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    position: relative !important;
    padding: 0.5rem 1rem !important;
    box-sizing: border-box !important;
  }
  .header-side.navbar-brand {
    width: auto !important;
    max-width: calc(100% - 5.75rem) !important;
    flex: 1 1 auto !important;
    order: 1 !important;
    text-align: left !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 5.5rem 0 0 !important;
    min-height: 56px;
  }
  #block-martis-branding .container-wrap,
  .site-branding .container-wrap,
  .site-branding {
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .brand.logo {
    margin: 0 !important;
  }
  .brand.site-name {
    text-align: left !important;
    align-items: flex-start !important;
  }
  .header-main-wrap,
  .header-item.header-main,
  .header-main {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    order: 2 !important;
    margin: 0.15rem 0 0 !important;
    padding: 0.25rem 0 !important;
    text-align: left !important;
  }
  .header-right-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    order: 3 !important;
    margin: 0.15rem 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: static !important;
  }
  .header-item.header-right,
  .header-right {
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }
  .header-element {
    position: absolute !important;
    top: 0.5rem !important;
    right: 1rem !important;
    z-index: 30 !important;
  }
  .header-info .header-info-item--phone {
    display: none !important;
  }
  .header-info,
  .header-info .header-info-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    gap: 0.5rem 0.75rem !important;
  }
  .header-info .header-info-item {
    margin: 0 !important;
  }
  .header-info .header-info-item--location {
    flex: 1 1 auto !important;
    justify-content: flex-start !important;
    text-align: left !important;
    max-width: 58% !important;
  }
  .header-info .header-info-item--hours {
    flex: 0 1 auto !important;
    justify-content: flex-end !important;
    text-align: right !important;
    max-width: 42% !important;
  }
  .header-info .header-info-item--location .header-info-desc {
    text-align: left !important;
  }
  .header-info .header-info-item--hours .header-info-desc {
    text-align: right !important;
  }
  .header-info .header-info-desc {
    font-size: 0.72rem !important;
    line-height: 1.3 !important;
  }
  .header-info .header-info-desc span,
  .header-info .header-info-desc strong {
    display: block !important;
  }
  .header-info .header-info-item i {
    font-size: 1rem !important;
    margin-right: 0.35rem !important;
  }
}
#content-wide-top .block-block-content .field-item > h1,
#content-wide-top .block-block-content .field-body > h1,
#content-wide-top [id*="frontpagetitle"] h1,
#content-wide-top [id*="pagetitle"] h1,
#block-martis-frontpagetitle h1,
[id^="block-martis-frontpagetitle"] h1 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0.75rem auto 1rem !important;
  padding: 0.85rem 1.15rem !important;
  background-color: #b781e3 !important;
  background: #b781e3 !important;
  color: #ffffff !important;
  border: 2px solid #000000 !important;
  border-radius: 5px !important;
  text-align: center !important;
  font-size: 1.65rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.01em !important;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000 !important;
  word-wrap: break-word !important;
  overflow-wrap: anywhere !important;
  hyphens: auto !important;
  z-index: 2 !important;
  position: relative !important;
}
#content-wide-top [id*="frontpagetitle"],
#content-wide-top [id*="pagetitle"],
#block-martis-frontpagetitle,
[id^="block-martis-frontpagetitle"] {
  margin-top: 0.35rem !important;
  margin-bottom: 0.5rem !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  max-width: 100% !important;
  overflow: visible !important;
}

#content-wide-top [id*="frontpagetitle"] .container-wrap,
#content-wide-top [id*="pagetitle"] .container-wrap,
#block-martis-frontpagetitle .container-wrap,
[id^="block-martis-frontpagetitle"] .container-wrap {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 991.98px) {
  #content-wide-top .block-block-content .field-item > h1,
  #content-wide-top .block-block-content .field-body > h1,
  #content-wide-top [id*="frontpagetitle"] h1,
  #content-wide-top [id*="pagetitle"] h1,
  #block-martis-frontpagetitle h1,
  [id^="block-martis-frontpagetitle"] h1 {
    font-size: 1.35rem !important;
    padding: 0.75rem 0.9rem !important;
    margin: 0.5rem auto 0.85rem !important;
    line-height: 1.35 !important;
  }
}

@media (max-width: 575.98px) {
  #content-wide-top .block-block-content .field-item > h1,
  #content-wide-top .block-block-content .field-body > h1,
  #content-wide-top [id*="frontpagetitle"] h1,
  #content-wide-top [id*="pagetitle"] h1,
  #block-martis-frontpagetitle h1,
  [id^="block-martis-frontpagetitle"] h1 {
    font-size: 1.15rem !important;
    padding: 0.65rem 0.75rem !important;
    margin: 0.4rem auto 0.75rem !important;
    line-height: 1.35 !important;
  }

  #content-wide-top [id*="frontpagetitle"],
  #content-wide-top [id*="pagetitle"],
  #block-martis-frontpagetitle,
  [id^="block-martis-frontpagetitle"] {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  #block-call-to-order a.call-phone-link,
  #block-call-to-order .call-phone a {
    font-size: 1.15rem !important;
  }
}

.footer-bottom .jd-site-footer {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.footer-bottom .jd-site-footer,
.footer-bottom .jd-site-footer p,
.footer-bottom .jd-site-footer a,
.footer-bottom .jd-site-footer li {
  color: #ccc;
}

.footer-bottom .jd-site-footer a {
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-bottom .jd-site-footer a:hover,
.footer-bottom .jd-site-footer a:focus {
  color: #b781e3;
}

.footer-bottom .footer-bottom-first,
.footer-bottom .footer-bottom-first .block {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}

footer.jd-site-footer .jd-footer__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 575.98px) {
  footer.jd-site-footer .jd-footer__grid,
  .footer-bottom .jd-site-footer .jd-footer__grid,
  .footer-bottom .jd-site-footer > .row:first-of-type {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  footer.jd-site-footer .jd-footer__col {
    width: 100%;
    max-width: 100%;
  }
}
.footer-bottom .jd-site-footer .jd-footer__grid,
.footer-bottom .jd-site-footer > .row:first-of-type {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.75rem 1.5rem;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 2rem;
  padding: 0;
}

.footer-bottom .jd-site-footer .jd-footer__col {
  min-width: 0;
  text-align: center;
}

.footer-bottom .jd-site-footer .headin5_amrc {
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 0.75rem;
  padding-top: 0;
}

.footer-bottom .jd-site-footer .jd-footer__col p {
  margin: 0 0 0.5rem;
  font-size: 12px;
  line-height: 1.5;
}

.footer-bottom .jd-site-footer .footer_ul_amrc {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-bottom .jd-site-footer .footer_ul_amrc li {
  padding: 0 0 0.35rem;
  text-align: center !important;
}

.footer-bottom .jd-site-footer .footer_ul_amrc li a {
  display: inline-block;
  font-size: 13px;
  line-height: 1.4;
}
.footer-bottom .jd-site-footer .jd-footer__bottom {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: 0 0 1rem;
  text-align: center;
  box-sizing: border-box;
}

.footer-bottom .jd-site-footer .jd-footer__blog-link,
.footer-bottom .jd-site-footer .jd-footer__forum-link,
.footer-bottom .jd-site-footer .jd-footer__careers-link {
  font-size: 12px;
  margin: 0;
  text-align: center;
}

.footer-bottom .jd-site-footer .jd-footer__careers-link {
  margin-bottom: 1.25rem;
}

.footer-bottom .jd-site-footer .logo-container,
.footer-bottom .jd-site-footer .jd-footer__payments {
  background-image: url("https://www.antistat.com/wp-content/uploads/2017/03/Credit-Card-Logos-Payment-Black-Revolver-copy.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100px;
  height: 95px;
  margin: 0 auto 1rem;
}

.footer-bottom .jd-site-footer .social_footer_ul {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.75rem 1rem;
  list-style: none;
  margin: 0 auto !important;
  margin-bottom: 1rem !important;
  padding: 0 !important;
  scale: none !important;
  float: none !important;
}

#footer .footer-bottom footer.jd-site-footer ul.social_footer_ul {
  margin-bottom: 1rem !important;
  margin-top: 0 !important;
}

.footer-bottom .jd-site-footer .social_footer_ul li {
  float: none !important;
  padding: 0 !important;
  margin: 0;
}

.footer-bottom .jd-site-footer .social_footer_ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  overflow: visible !important;
  border: 2px solid rgba(255, 255, 255, 0.15);
}

.footer-bottom .jd-site-footer .social_footer_ul img {
  width: 100%;
  height: 100%;
  max-width: 44px;
  max-height: 44px;
  object-fit: cover;
  display: block;
  padding: 0 !important;
  scale: 2 !important;
}

.footer-bottom .jd-site-footer .copyright-footer {
  font-size: 15px;
  margin: 0.75rem auto !important;
  text-align: center;
  max-width: 100%;
}

.footer-bottom .jd-site-footer .jd-footer__credit a {
  text-decoration: underline;
}

.footer-bottom .jd-site-footer .jd-footer__disclaimer {
  font-size: 12px;
  margin: 0.5rem auto 1rem;
  line-height: 1.45;
  max-width: 100%;
}

.footer-bottom .jd-site-footer .jd-footer__reviews {
  margin-top: 0.5rem;
  text-align: center;
}

.footer-bottom .jd-site-footer .jd-footer__reviews p {
  margin: 0 0 0.65rem;
  font-size: 13px;
}

.footer-bottom .jd-site-footer .jd-footer__btn-trailer {
  display: inline-block;
  background-color: #1877f2;
  border-radius: 5px;
  border: none;
  color: #fff;
  cursor: pointer;
  margin: 0 0.5rem 0.5rem 0;
  padding: 0.55rem 1rem;
  font-size: 13px;
  line-height: 1.35;
  text-align: center;
  white-space: normal;
  max-width: 100%;
  box-sizing: border-box;
}

.footer-bottom .jd-site-footer img.protest {
  display: block;
  width: min(280px, 100%) !important;
  height: auto;
  max-width: 100%;
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  background-color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 50% !important;
  box-sizing: border-box;
}
.footer-bottom .jd-site-footer .jd-footer__col p,
.footer-bottom .jd-site-footer .jd-footer__col--about p {
  margin: 0 0 0.5rem !important;
  padding: 0 !important;
  line-height: 1.5 !important;
}
.footer-bottom .jd-site-footer .jd-footer__col a[href^="tel:"],
.footer-bottom .jd-site-footer .jd-footer__col a[href^="mailto:"],
.footer-bottom .jd-site-footer .jd-footer__col a[href*="email-protection"],
#footer .footer-bottom footer.jd-site-footer a[href^="tel:"],
#footer .footer-bottom footer.jd-site-footer a[href^="mailto:"],
#footer .footer-bottom footer.jd-site-footer a[href*="email-protection"] {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  line-height: inherit !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  vertical-align: baseline;
}
.footer-bottom .jd-site-footer .footer_ul_amrc.service-areas {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem 1rem;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0.5rem auto 0 !important;
  margin-left: 0 !important;
  padding: 0;
  column-count: unset !important;
}

.footer-bottom .jd-site-footer .footer_ul_amrc.service-areas li {
  margin: 0;
  text-align: center;
}

.footer-bottom .jd-site-footer .footer_ul_amrc.service-areas li a {
  font-weight: 500;
  border-bottom: 1px solid transparent;
}

.footer-bottom .jd-site-footer .footer_ul_amrc.service-areas li a:hover,
.footer-bottom .jd-site-footer .footer_ul_amrc.service-areas li a:focus {
  color: #b781e3;
  border-bottom-color: #b781e3;
}
@media (min-width: 576px) {
  .footer-bottom .jd-site-footer .jd-footer__grid,
  .footer-bottom .jd-site-footer > .row:first-of-type {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-bottom .jd-site-footer .footer_ul_amrc.service-areas {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .footer-bottom .jd-site-footer .jd-footer__grid,
  .footer-bottom .jd-site-footer > .row:first-of-type {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2rem;
  }

  .footer-bottom .jd-site-footer .jd-footer__col {
    text-align: left;
  }

  .footer-bottom .jd-site-footer .headin5_amrc {
    text-align: left;
  }
}
.footer-bottom .jd-site-footer .row.justify-content-center,
.footer-bottom .jd-site-footer > .row {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

.footer-bottom .col-5.text-center {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  flex: none !important;
}
@media (max-width: 991.98px) {
  #footer .footer-bottom footer.jd-site-footer .jd-footer__grid,
  .footer-bottom footer.jd-site-footer .jd-footer__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-bottom: 3rem !important;
  }

  .footer-bottom footer.jd-site-footer .jd-footer__blog-link,
  #footer .footer-bottom footer.jd-site-footer .jd-footer__blog-link,
  .footer-bottom footer.jd-site-footer .jd-footer__forum-link,
  #footer .footer-bottom footer.jd-site-footer .jd-footer__forum-link,
  .footer-bottom footer.jd-site-footer .jd-footer__careers-link,
  #footer .footer-bottom footer.jd-site-footer .jd-footer__careers-link {
    display: flex !important;
    justify-content: center !important;
  }

  .footer-bottom footer.jd-site-footer .jd-footer__blog-link,
  #footer .footer-bottom footer.jd-site-footer .jd-footer__blog-link,
  .footer-bottom footer.jd-site-footer .jd-footer__forum-link,
  #footer .footer-bottom footer.jd-site-footer .jd-footer__forum-link {
    margin-bottom: 0.25rem !important;
  }

  .footer-bottom footer.jd-site-footer .jd-footer__careers-link,
  #footer .footer-bottom footer.jd-site-footer .jd-footer__careers-link {
    margin-bottom: 1.5rem !important;
  }

  #footer .footer-bottom footer.jd-site-footer .logo-container,
  #footer .footer-bottom footer.jd-site-footer .jd-footer__payments,
  .footer-bottom footer.jd-site-footer .logo-container,
  .footer-bottom footer.jd-site-footer .jd-footer__payments {
    margin: 0 auto 1.5rem !important;
  }

  .footer-bottom .jd-site-footer .footer_ul_amrc li a {
    font-size: 12px !important;
  }

  .footer-bottom .jd-site-footer .jd-footer__col p {
    font-size: 10px !important;
  }

  #footer .footer-bottom footer.jd-site-footer img.protest,
  .footer-bottom .jd-site-footer img.protest {
    scale: 0.5 !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 50% !important;
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  footer.footer.jd-site-footer,
  .footer-bottom footer.jd-site-footer {
    margin-top: 2rem !important;
  }
  .footer-bottom .jd-site-footer .jd-footer__col p {
    margin-bottom: 0.35rem !important;
  }
  .footer-bottom .jd-site-footer .jd-footer__col a[href^="tel:"],
  .footer-bottom .jd-site-footer .jd-footer__col a[href^="mailto:"],
  .footer-bottom .jd-site-footer .jd-footer__col a[href*="email-protection"] {
    display: inline !important;
    padding: 0 !important;
    min-height: 0 !important;
  }
}

#footer .footer-bottom footer.jd-site-footer .footer_ul_amrc li {
  text-align: center !important;
}

#footer .footer-bottom footer.jd-site-footer ul.social_footer_ul {
  display: flex !important;
  scale: 1 !important;
  margin-bottom: 1rem !important;
  margin-top: 0 !important;
  float: none !important;
}

#footer .footer-bottom footer.jd-site-footer .social_footer_ul li a {
  overflow: visible !important;
}

#footer .footer-bottom footer.jd-site-footer .social_footer_ul img {
  scale: 2 !important;
}

#footer .footer-bottom footer.jd-site-footer img.protest {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: min(280px, 100%) !important;
  background-color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 50% !important;
}

#footer .footer-bottom footer.jd-site-footer .footer_ul_amrc.service-areas {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
}

@media (max-width: 991.98px) {
  #footer .footer-bottom footer.jd-site-footer .jd-footer__grid {
    margin-bottom: 3rem !important;
  }

  #footer .footer-bottom footer.jd-site-footer ul.social_footer_ul {
    margin-top: 0 !important;
  }
}

@media (min-width: 992px) {
  #footer .footer-bottom footer.jd-site-footer img.protest,
  .footer-bottom .jd-site-footer img.protest {
    scale: 0.5 !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 50% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #footer .footer-bottom footer.jd-site-footer .jd-footer__blog-link,
  #footer .footer-bottom footer.jd-site-footer .jd-footer__forum-link,
  #footer .footer-bottom footer.jd-site-footer .jd-footer__careers-link,
  .footer-bottom footer.jd-site-footer .jd-footer__blog-link,
  .footer-bottom footer.jd-site-footer .jd-footer__forum-link,
  .footer-bottom footer.jd-site-footer .jd-footer__careers-link {
    display: flex !important;
    justify-content: center !important;
    width: 100%;
  }

  #footer .footer-bottom footer.jd-site-footer .jd-footer__blog-link a,
  #footer .footer-bottom footer.jd-site-footer .jd-footer__forum-link a,
  #footer .footer-bottom footer.jd-site-footer .jd-footer__careers-link a {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  footer.footer.jd-site-footer,
  #footer .footer-bottom footer.jd-site-footer {
    margin-top: 3rem !important;
  }
}
.path-frontpage #footer .footer-bottom,
.path-frontpage #footer .footer-bottom .container,
.path-frontpage #footer .footer-bottom .footer-bottom-first,
.path-frontpage .footer-bottom .jd-site-footer {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}
.path-frontpage #footer .footer-bottom .container {
  margin-left: auto !important;
  margin-right: auto !important;
}
.path-frontpage #wrapper #footer .footer-bottom footer.jd-site-footer img.protest,
.path-frontpage .footer-bottom .jd-site-footer img.protest {
  margin-left: auto !important;
  margin-right: auto !important;
  background-color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 50% !important;
}
.path-frontpage .footer .container .row.justify-content-center .col-5.text-center p {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.partners-page,
.node--type-partners {
  max-width: 72rem;
  width: 100%;
  margin: 0 auto;
  padding: 1.25rem 1rem 2.5rem;
  box-sizing: border-box;
  color: #1a1a1a;
}

.partner-page-shell {
  display: block;
}
.partner-hero {
  display: grid;
  grid-template-columns: minmax(140px, 200px) minmax(0, 1fr);
  gap: 1.5rem 2rem;
  align-items: start;
  padding: 1.5rem 1.5rem 1.75rem;
  margin-bottom: 1.75rem;
  background: #ffffff;
  border: 2px solid #000;
  border-radius: 16px;
  box-sizing: border-box;
}

.partner-hero__logo-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.partner-hero__logo.logo-circle,
.partner-hero .logo-circle {
  width: 160px !important;
  height: 160px !important;
  min-width: 160px !important;
  min-height: 160px !important;
  max-width: 160px !important;
  max-height: 160px !important;
  border-radius: 50% !important;
  border: 2px solid #000 !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: 0.55rem !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
  box-sizing: border-box !important;
  aspect-ratio: 1 / 1 !important;
}
.partner-hero__logo img,
.partner-hero .logo-circle img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

.partner-hero__eyebrow {
  display: inline-block;
  margin: 0 0 0.55rem;
  padding: 0.28rem 0.75rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #3b0a5c;
  background: #f3e8ff;
  border: 1px solid #e9d5ff;
  border-radius: 999px;
}

.partners-page h1.node-name-title.partner-hero__title {
  margin: 0 0 0.75rem !important;
  padding: 0 !important;
  font-size: clamp(1.5rem, 2.5vw, 2.1rem) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  background: none !important;
  text-shadow: none !important;
}

.partner-hero__deck {
  margin: 0 0 1.15rem;
  padding: 0;
  font-size: 1.05rem;
  line-height: 1.55;
  color: #1a1a1a;
  max-width: 42rem;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.partner-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 0.65rem;
  align-items: center;
}

.partner-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  border: 2px solid #000;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none !important;
  line-height: 1.2;
  box-sizing: border-box;
  transition: background 0.15s ease, color 0.15s ease, transform 0.1s ease;
}

.partner-cta:hover,
.partner-cta:focus-visible {
  outline: 2px solid #7b2cbf;
  outline-offset: 2px;
}

.partner-cta--primary {
  background: #7b2cbf;
  color: #fff !important;
}

.partner-cta--primary:hover {
  background: #5a1f8f;
  color: #fff !important;
}

.partner-cta--secondary {
  background: #1a1a1a;
  color: #fff !important;
}

.partner-cta--secondary:hover {
  background: #333;
  color: #fff !important;
}

.partner-cta--ghost {
  background: #fff;
  color: #7b2cbf !important;
}

.partner-cta--ghost:hover {
  background: #f3e8ff;
  color: #5a1f8f !important;
}
.partner-body {
  padding: 0.25rem 0.15rem 1.5rem;
  font-size: 1.02rem;
  line-height: 1.65;
  color: #222;
}

.partner-body p {
  margin: 0 0 1rem;
}

.partner-body h2,
.partner-body h3 {
  margin: 1.5rem 0 0.65rem;
  color: #1a1a1a;
  font-weight: 700;
  line-height: 1.3;
}

.partner-body h2 {
  font-size: 1.35rem;
  border-bottom: 2px solid #f3e8ff;
  padding-bottom: 0.35rem;
}

.partner-body h3 {
  font-size: 1.15rem;
  color: #7b2cbf;
}

.partner-body ul,
.partner-body ol {
  margin: 0 0 1.1rem;
  padding-left: 1.35rem;
}

.partner-body li {
  margin-bottom: 0.4rem;
}

.partner-body a {
  color: #7b2cbf;
  font-weight: 600;
  text-underline-offset: 2px;
}
.partner-related {
  margin-top: 0.5rem;
  padding: 1.25rem 1.35rem;
  border: 2px solid #000;
  border-radius: 12px;
  background: #faf8fc;
}

.partner-related__title {
  margin: 0 0 0.75rem !important;
  font-size: 1.15rem !important;
  color: #1a1a1a !important;
  font-weight: 700 !important;
}

.partner-related__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
}

.partner-related__list li {
  margin: 0;
}

.partner-related__list a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0.35rem 0.75rem;
  border: 1px solid #7b2cbf;
  border-radius: 999px;
  color: #7b2cbf !important;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none !important;
  background: #fff;
}

.partner-related__list a:hover,
.partner-related__list a:focus-visible {
  background: #7b2cbf;
  color: #fff !important;
}
.partner-teaser-card {
  text-align: center;
}

.partner-teaser-link {
  text-decoration: none !important;
  color: inherit;
}

.partner-teaser-title {
  display: block;
  margin-top: 0.5rem;
  font-weight: 600;
  color: #7b2cbf;
}
@media (max-width: 767.98px) {
  .partners-page,
  .node--type-partners {
    padding: 0.75rem 0.65rem 2rem;
  }

  .partner-hero {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    padding: 1.15rem 1rem 1.35rem;
    gap: 1rem;
  }

  .partner-hero__main {
    width: 100%;
  }

  .partner-hero__deck {
    margin-left: auto;
    margin-right: auto;
  }

  .partner-cta-row {
    justify-content: center;
  }

  .partner-hero__logo.logo-circle,
  .partner-hero .logo-circle {
    width: 130px;
    height: 130px;
  }

  .partner-related__list {
    flex-direction: column;
    align-items: stretch;
  }

  .partner-related__list a {
    justify-content: center;
  }
}
@media (max-width: 767.98px) {
  
  .partners-page .partner-hero__logo.logo-circle {
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    min-height: 140px !important;
    max-width: 140px !important;
    max-height: 140px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    background: #fff !important;
  }
}


body[class*="-automotive-services"]:not(.page-node-type-service),
body[class*="-marine-and-rv-services"]:not(.page-node-type-service) {
  --jd-hub-purple: #7b2cbf;
  --jd-hub-purple-deep: #5a1f8f;
  --jd-hub-purple-dark: #3b0a5c;
  --jd-hub-purple-mid: #6716aa;
  --jd-hub-leaf: #b781e3;
  --jd-hub-soft: #f3e8ff;
  --jd-hub-mist: #faf8fc;
  --jd-hub-ink: #1a0a24;
}

html body[class*="-automotive-services"]:not(.page-node-type-service) .jd-hub-intro,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) .jd-hub-intro {
  max-width: 46rem;
  margin: 0.35rem auto -0.25rem;
  padding: 1.15rem 1.35rem 1.25rem;
  background: var(--jd-hub-mist);
  border: 2px solid #000;
  border-radius: 12px;
  box-sizing: border-box;
  text-align: left;
  color: var(--jd-hub-ink);
}


html body[class*="-automotive-services"]:not(.page-node-type-service) .jd-hub-intro__deck,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) .jd-hub-intro__deck {
  margin: 0 0 0.85rem;
  font-size: 1.05rem;
  line-height: 1.55;
  color: #222;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) .jd-hub-intro__list,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) .jd-hub-intro__list {
  margin: 0 0 1rem;
  padding-left: 1.25rem;
  list-style: disc;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) .jd-hub-intro__list li,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) .jd-hub-intro__list li {
  margin: 0 0 0.45rem;
  font-size: 0.98rem;
  line-height: 1.45;
  color: #333;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) .jd-hub-intro__list strong,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) .jd-hub-intro__list strong {
  color: var(--jd-hub-purple);
  font-weight: 700;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) .jd-hub-intro__cta,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) .jd-hub-intro__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 0.65rem;
  margin: 0;
  align-items: center;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) .jd-hub-intro__btn,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) .jd-hub-intro__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.5rem 1.05rem;
  border: 2px solid #000;
  border-radius: 6px;
  background: var(--jd-hub-purple);
  color: #fff !important;
  font-weight: 600;
  font-size: 0.92rem;
  text-decoration: none !important;
  line-height: 1.2;
  box-sizing: border-box;
  transition: background 0.15s ease, color 0.15s ease;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) .jd-hub-intro__btn:hover,
html body[class*="-automotive-services"]:not(.page-node-type-service) .jd-hub-intro__btn:focus-visible,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) .jd-hub-intro__btn:hover,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) .jd-hub-intro__btn:focus-visible {
  background: var(--jd-hub-purple-deep);
  color: #fff !important;
  outline: 2px solid var(--jd-hub-leaf);
  outline-offset: 2px;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) .jd-hub-intro__btn--ghost,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) .jd-hub-intro__btn--ghost {
  background: #fff;
  color: var(--jd-hub-purple) !important;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) .jd-hub-intro__btn--ghost:hover,
html body[class*="-automotive-services"]:not(.page-node-type-service) .jd-hub-intro__btn--ghost:focus-visible,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) .jd-hub-intro__btn--ghost:hover,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) .jd-hub-intro__btn--ghost:focus-visible {
  background: var(--jd-hub-soft);
  color: var(--jd-hub-purple-deep) !important;
}

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 h2.service-title,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 h2.service-title {
  margin: 0.65rem 0 0.55rem !important;
  font-size: clamp(1.15rem, 2.2vw, 1.4rem) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: center !important;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 h2.service-title a,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 h2.service-title a,
html body[class*="-automotive-services"]:not(.page-node-type-service) .feat-container.service-teaser.service-teaser2 h2.service-title a,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) .feat-container.service-teaser.service-teaser2 h2.service-title a {
  color: #1a0a24 !important;
  color: var(--jd-hub-ink, #1a0a24) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  transition: color 0.15s ease;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 h2.service-title a:hover,
html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 h2.service-title a:focus-visible,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 h2.service-title a:hover,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 h2.service-title a:focus-visible {
  color: var(--jd-hub-purple) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 a.jd-service-cta,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 a.jd-service-cta,
html body[class*="-automotive-services"]:not(.page-node-type-service) .feat-container.service-teaser.service-teaser2 a.jd-service-cta,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) .feat-container.service-teaser.service-teaser2 a.jd-service-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  margin: 0.35rem auto 0.25rem !important;
  padding: 0.55rem 1.15rem !important;
  background: #7b2cbf !important;
  background: var(--jd-hub-purple, #7b2cbf) !important;
  color: #fff !important;
  border: 2px solid #000 !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-align: center !important;
  box-sizing: border-box !important;
  transition: background 0.15s ease, transform 0.1s ease;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 .post-content,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 .post-content {
  text-align: center !important;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 a.jd-service-cta:hover,
html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 a.jd-service-cta:focus-visible,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 a.jd-service-cta:hover,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 a.jd-service-cta:focus-visible {
  background: var(--jd-hub-purple-deep) !important;
  color: #fff !important;
  outline: 2px solid var(--jd-hub-leaf) !important;
  outline-offset: 2px !important;
}

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 .post-content .mb-3,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 .post-content .mb-3 {
  margin-bottom: 0.75rem !important;
  font-size: 0.95rem !important;
  line-height: 1.5 !important;
  color: #333 !important;
  text-align: center !important;
}
@media (max-width: 991.98px) {
  
  html body[class*="-automotive-services"]:not(.page-node-type-service) .jd-hub-intro,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) .jd-hub-intro {
    margin: 0.25rem 0.5rem 1.35rem;
    padding: 1rem 1rem 1.1rem;
    max-width: none;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) .jd-hub-intro__cta,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) .jd-hub-intro__cta {
    flex-direction: column;
    align-items: stretch;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) .jd-hub-intro__btn,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) .jd-hub-intro__btn {
    width: 97%;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 a.jd-service-cta,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 a.jd-service-cta {
    width: calc(100% - 1rem) !important;
    max-width: 22rem !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 h2.service-title,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 h2.service-title {
    font-size: 1.15rem !important;
    padding: 0 0.35rem !important;
  }
}

#block-martis-views-block-testimonials-block-1 {
  border: 0 !important;
  padding-top: 2.5rem !important;
  padding-bottom: 1.5rem !important;
  margin-top: 0.75rem !important;
  margin-bottom: 1.25rem !important;
  max-width: 100%;
  overflow-x: clip;
  box-sizing: border-box;
}

#block-martis-views-block-testimonials-block-1 .block-title-wrap.clearfix {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

#block-martis-views-block-testimonials-block-1 .block-subtitle {
  margin-bottom: 1.25rem !important;
}

#block-martis-views-block-testimonials-block-1 .block-content.clearfix {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 100%;
}

#block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_main_testimonials-block_1,
#block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  display: block !important;
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  background: transparent !important;
  justify-content: center !important;
  display: flex !important;
}

#block-martis-views-block-testimonials-block-1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

#block-martis-views-block-testimonials-block-1 .views_slideshow_cycle_slide {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border-radius: 16px !important;
}
#block-martis-views-block-testimonials-block-1 .views_slideshow_cycle_slide .views-row,
#block-martis-views-block-testimonials-block-1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-row {
  display: grid !important;
  width: 100% !important;
  max-width: 1140px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  flex-direction: unset !important;
  flex-wrap: unset !important;
  align-items: stretch !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  grid-template-areas: none !important;
  column-gap: 1rem !important;
  row-gap: 0.75rem !important;
  padding: 0.75rem !important;
}

@media (min-width: 992px) {
  #block-martis-views-block-testimonials-block-1 .views_slideshow_cycle_slide .views-row,
  #block-martis-views-block-testimonials-block-1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-row {
    column-gap: 1.5rem !important;
    row-gap: 0 !important;
    padding: 1rem 1.25rem !important;
  }
}
#block-martis-views-block-testimonials-block-1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-field,
#block-martis-views-block-testimonials-block-1 .views_slideshow_cycle_slide .views-field {
  margin: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  order: unset !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  float: none !important;
}

#block-martis-views-block-testimonials-block-1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-field .field-content,
#block-martis-views-block-testimonials-block-1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-field .views-label {
  margin: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  padding-left: 0 !important;
}
#block-martis-views-block-testimonials-block-1 .views-field.views-field-field-image {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  padding: 0.65rem 0.6rem 0.25rem !important;
  border: 0 !important;
  border-radius: 12px 12px 0 0 !important;
  background: #fff !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

#block-martis-views-block-testimonials-block-1 .views-field.views-field-title {
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: block !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  flex-direction: unset !important;
  align-items: unset !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
  color: #1a1a1a !important;
  margin: 0 !important;
  padding: 0.25rem 0.6rem 0.65rem !important;
  border: 0 !important;
  border-radius: 0 0 12px 12px !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

#block-martis-views-block-testimonials-block-1 .views-field.views-field-body {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border: 2px solid #000 !important;
  border-radius: 12px !important;
  padding: 2rem 0.5rem !important;
  background: rgba(123, 44, 191, 0.18) !important;
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

#block-martis-views-block-testimonials-block-1 .views-field.views-field-field-rating {
  grid-column: 1 !important;
  grid-row: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  height: 100% !important;
  align-self: stretch !important;
  padding: 0rem !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-sizing: border-box !important;
  margin-top: 0 !important;
  min-height: 0 !important;
}

#block-martis-views-block-testimonials-block-1 .views-field.views-field-field-vehicle-detailed {
  grid-column: 2 !important;
  grid-row: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  align-self: stretch !important;
  padding: 0rem !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-sizing: border-box !important;
  margin-top: 0 !important;
  min-height: 0 !important;
}
#block-martis-views-block-testimonials-block-1 .views-label {
  display: block !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: #7b2cbf !important;
  margin: 0 0 0.35rem !important;
}

#block-martis-views-block-testimonials-block-1 .views-field.views-field-title .views-label-title,
#block-martis-views-block-testimonials-block-1 .views-field.views-field-title .field-content {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
}

#block-martis-views-block-testimonials-block-1 h2.views-label.views-label-field-image,
#block-martis-views-block-testimonials-block-1 div.views-label.views-label-field-image,
#block-martis-views-block-testimonials-block-1 .views-label.views-label-field-image {
  display: none !important;
  font-size: clamp(2rem, 3.5vw, 3rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin: 0.15rem 0 0.5rem !important;
  padding: 0 0.25rem !important;
  text-align: center !important;
  color: #7b2cbf !important;
  -webkit-text-stroke: 1.5px rgba(0, 0, 0, 0.28);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  overflow: visible !important;
  white-space: nowrap;
}

#block-martis-views-block-testimonials-block-1 .views-field.views-field-body .views-label-body {
  font-size: 0.95rem !important;
  margin-bottom: 0.5rem !important;
  text-align: center !important;
}

#block-martis-views-block-testimonials-block-1 .views-field.views-field-body .field-content {
  display: block !important;
  text-align: left !important;
  color: #222 !important;
}

#block-martis-views-block-testimonials-block-1 .views-field.views-field-body .field-content p {
  display: block !important;
  margin: 0 !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  text-align: left !important;
}

#block-martis-views-block-testimonials-block-1 .views-field.views-field-field-rating .views-label-field-rating,
#block-martis-views-block-testimonials-block-1 .views-field.views-field-field-vehicle-detailed .views-label-field-vehicle-detailed {
  text-align: center !important;
}

#block-martis-views-block-testimonials-block-1 .views-field.views-field-field-rating .field-content,
#block-martis-views-block-testimonials-block-1 .views-field.views-field-field-vehicle-detailed .field-content {
  display: flex !important;
  flex: 1 1 auto !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 0 !important;
}

#block-martis-views-block-testimonials-block-1 .views-field.views-field-field-rating img {
  max-width: 200px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 auto !important;
  display: block !important;
}

#block-martis-views-block-testimonials-block-1 .views-field.views-field-field-vehicle-detailed img {
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 120px !important;
  max-height: 220px !important;
  object-fit: cover !important;
  margin: 0 auto !important;
  display: block !important;
  border: 2px solid #000 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}
#block-martis-views-block-testimonials-block-1 .views-field-field-image .field-content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 auto !important;
}

#block-martis-views-block-testimonials-block-1 .views-field-field-image .field-content img {
  width: 110px !important;
  height: 110px !important;
  max-width: 110px !important;
  max-height: 110px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  border: 2px solid #000 !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  margin: 0 auto !important;
  display: block !important;
}
#block-martis-views-block-testimonials-block-1 .views-slideshow-controls-top.clearfix {
  display: inline-grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto !important;
  justify-items: center !important;
  align-items: center !important;
  gap: 0.5rem !important;
  border-bottom: 2px solid #f3e8ff !important;
  padding: 0 0 0.85rem !important;
  margin-left: auto !important;
  width: 100% !important;
}

#block-martis-views-block-testimonials-block-1 #views_slideshow_slide_counter_testimonials-block_1,
#block-martis-views-block-testimonials-block-1 .views_slideshow_slide_counter {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  min-width: 0 !important;
  text-align: center !important;
  justify-self: center !important;
  grid-row: 1 !important;
  order: unset !important;
}

#block-martis-views-block-testimonials-block-1 #views_slideshow_controls_text_testimonials-block_1,
#block-martis-views-block-testimonials-block-1 .views_slideshow_controls_text {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  grid-row: 2 !important;
  justify-self: center !important;
}

#block-martis-views-block-testimonials-block-1 .views-slideshow-controls-top.clearfix a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  min-width: 44px !important;
  padding: 0.45rem 0.9rem !important;
  background-color: #7b2cbf !important;
  border: 2px solid #000 !important;
  border-radius: 5px !important;
  color: #fff !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

#block-martis-views-block-testimonials-block-1 .views-slideshow-controls-top.clearfix a:hover,
#block-martis-views-block-testimonials-block-1 .views-slideshow-controls-top.clearfix a:focus-visible {
  background-color: #6716aa !important;
  outline: 2px solid #fff !important;
  outline-offset: 2px !important;
}
@media (max-width: 991.98px) {
  #block-martis-views-block-testimonials-block-1 {
    padding-top: 2.5rem !important;
    padding-bottom: 1rem !important;
  }

  #block-martis-views-block-testimonials-block-1 .views_slideshow_cycle_slide .views-row,
  #block-martis-views-block-testimonials-block-1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto auto minmax(0, 1fr) !important;
    column-gap: 0.45rem !important;
    row-gap: 0.45rem !important;
    padding: 0.45rem !important;
  }

  #block-martis-views-block-testimonials-block-1 .views-field.views-field-field-image {
    padding: 0.45rem 0.4rem 0.2rem !important;
  }

  #block-martis-views-block-testimonials-block-1 .views-field.views-field-title {
    padding: 0.2rem 0.4rem 0.45rem !important;
  }

  #block-martis-views-block-testimonials-block-1 .views-field.views-field-field-rating,
  #block-martis-views-block-testimonials-block-1 .views-field.views-field-field-vehicle-detailed {
    margin-top: 0 !important;
    padding: 0rem !important;
  }

  #block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_main_testimonials-block_1,
  #block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 {
    overflow: visible !important;
    height: auto !important;
    margin-bottom: 0 !important;
    background: transparent !important;
  }

  #block-martis-views-block-testimonials-block-1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] {
    overflow: visible !important;
    height: auto !important;
  }

  #block-martis-views-block-testimonials-block-1 .views-field.views-field-body {
    padding: 2rem 0.5rem !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
  }

  #block-martis-views-block-testimonials-block-1 .views-field.views-field-body .field-content,
  #block-martis-views-block-testimonials-block-1 .views-field.views-field-body .field-content p {
    text-align: center !important;
    font-size: 0.85rem !important;
    line-height: 1.45 !important;
  }

  #block-martis-views-block-testimonials-block-1 h2.views-label.views-label-field-image,
#block-martis-views-block-testimonials-block-1 div.views-label.views-label-field-image,
#block-martis-views-block-testimonials-block-1 .views-label.views-label-field-image {
    font-size: clamp(1.35rem, 5vw, 2rem) !important;
  }

  #block-martis-views-block-testimonials-block-1 .views-field-field-image .field-content img {
    width: 96px !important;
    height: 96px !important;
    max-width: 96px !important;
    max-height: 96px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #block-martis-views-block-testimonials-block-1 .views-field.views-field-field-rating img {
    max-width: min(100%, 140px) !important;
  }

  #block-martis-views-block-testimonials-block-1 .views-field.views-field-field-vehicle-detailed img {
    min-height: 100px !important;
    max-height: 130px !important;
  }

  #block-martis-views-block-testimonials-block-1 .views-slideshow-controls-top.clearfix {
    gap: 0.4rem !important;
    padding-bottom: 0.65rem !important;
    margin-bottom: 0.5rem !important;
  }

  #block-martis-views-block-testimonials-block-1 .views-label {
    font-size: 0.75rem !important;
  }

  #block-martis-views-block-testimonials-block-1 .views-field.views-field-title .field-content {
    font-size: 0.9rem !important;
  }
  #block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-field.views-field-title,
  #block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-field.views-field-field-image,
  #block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-field.views-field-field-rating,
  #block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-field.views-field-body,
  #block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-field.views-field-field-vehicle-detailed {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  #block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_main_testimonials-block_1 .views-field,
  #block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_main_testimonials-block_1 .views-label,
  #block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_main_testimonials-block_1 .views-field .field-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    max-width: 100% !important;
  }
}
@media (min-width: 992px) {
  #block-martis-views-block-testimonials-block-1 .views-field.views-field-body .field-content,
  #block-martis-views-block-testimonials-block-1 .views-field.views-field-body .field-content p {
    text-align: center !important;
  }

  #block-martis-views-block-testimonials-block-1 .views-field.views-field-title .views-label-title,
  #block-martis-views-block-testimonials-block-1 .views-field.views-field-title .field-content {
    text-align: center !important;
  }

  #block-martis-views-block-testimonials-block-1 .views-field.views-field-field-vehicle-detailed img {
    max-height: 260px !important;
    min-height: 140px !important;
  }

  #block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-field.views-field-title,
  #block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-field.views-field-field-image,
  #block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-field.views-field-field-rating,
  #block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-field.views-field-body,
  #block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-field.views-field-field-vehicle-detailed {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    max-width: 100% !important;
  }

  #block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_main_testimonials-block_1 .views-field,
  #block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_main_testimonials-block_1 .views-field .field-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
  }
}
#block-martis-views-block-testimonials-block-1 .views-slideshow-controls-top.clearfix,
#block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_main_testimonials-block_1 .views-slideshow-controls-top.clearfix {
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
}

#block-martis-views-block-testimonials-block-1 #views_slideshow_slide_counter_testimonials-block_1,
#block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_main_testimonials-block_1 .views_slideshow_slide_counter {
  text-align: center !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 .views-field.views-field-title,
#block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-field.views-field-title,
#block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 .views-field.views-field-title .views-label-title,
#block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 .views-field.views-field-title .field-content,
#block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-field.views-field-title .views-label-title,
#block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 [id^="views_slideshow_cycle_div_testimonials-block_1_"] .views-field.views-field-title .field-content {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}
#block-martis-views-block-testimonials-block-1 .testimonial-author-link,
#block-martis-views-block-testimonials-block-1 .views-field.views-field-title .testimonial-author-link,
#block-martis-views-block-testimonials-block-1 .views-field.views-field-title .field-content a.testimonial-author-link,
.testimonial-title .testimonial-author-link,
.node-name-title .testimonial-author-link {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  text-decoration: underline !important;
  text-underline-offset: 0.16em !important;
  text-decoration-thickness: 1.5px !important;
  font-weight: 700 !important;
}
html body:is(.path-frontpage, .path-taxonomy) #wrapper #block-martis-views-block-testimonials-block-1 #views_slideshow_cycle_teaser_section_testimonials-block_1 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
}
html body:is(.path-frontpage, .path-taxonomy) #wrapper #block-martis-views-block-testimonials-block-1 .views_slideshow_cycle_slide {
  grid-area: 1 / 1;
  min-width: 0;
}

a.skip-link.visually-hidden.focusable:focus,
a.skip-link.visually-hidden.focusable:active,
a.visually-hidden.focusable.skip-link:focus,
a.visually-hidden.focusable.skip-link:active {
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 100000;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0;
  padding: 0.75rem 1.25rem;
  background: #000;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}
.header a[href^="tel:"],
.header a[href^="mailto:"],
.header-top a[href^="tel:"],
.header-top a[href^="mailto:"],
.jd-site-footer a[href^="tel:"],
.jd-site-footer a[href^="mailto:"],
footer a[href^="tel:"],
footer a[href^="mailto:"] {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 10px 4px;
  margin: -20px 0;
}
main#main-content {
  display: block;
  outline: none;
}

.hub-intro {
  max-width: 48rem;
  margin: 0.75rem auto 1.5rem;
  padding: 1rem 1.1rem 1.15rem;
  background: #f5f0fa;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-left: 4px solid #7b2cbf;
  border-radius: 10px;
  color: #1a1a1a;
  font-size: 1.05rem;
  line-height: 1.6;
}

.hub-intro p {
  margin: 0 0 0.85rem;
  color: #1a1a1a;
}

.hub-intro h2 {
  margin: 1.1rem 0 0.55rem;
  font-size: clamp(1.15rem, 2.5vw, 1.4rem);
  font-weight: 700;
  color: #3b0a5c;
  line-height: 1.3;
}

.hub-intro ul {
  margin: 0 0 1rem 1.15rem;
  padding: 0;
}

.hub-intro li {
  margin-bottom: 0.4rem;
}

.hub-intro__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 0.65rem;
  margin: 1rem 0 0 !important;
  align-items: center;
}

.hub-intro__btn,
.hub-intro a.button {
  display: inline-block;
  padding: 0.55rem 0.95rem;
  border-radius: 6px;
  border: 2px solid #000;
  background: #7b2cbf;
  color: #fff !important;
  font-weight: 600;
  text-decoration: none !important;
  line-height: 1.25;
}

.hub-intro__btn--secondary,
.hub-intro a.button.hub-intro__btn--secondary {
  background: #fff;
  color: #3b0a5c !important;
}
.hub-intro__btn--consult,
.hub-intro a.hub-intro__btn--consult,
.hub-intro a.button.hub-intro__btn.hub-intro__btn--consult {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #9b4dd4 0%, #6716aa 55%, #3b0a5c 100%) !important;
  color: #fff !important;
  border: 2px solid #000 !important;
  border-radius: 999px !important;
  font-size: 1.05rem;
  font-weight: 800;
  padding: 0.75rem 1.35rem !important;
  box-shadow: 0 3px 0 #000, 0 8px 18px rgba(123, 44, 191, 0.35);
}

.hub-intro__btn--consult:hover,
.hub-intro a.hub-intro__btn--consult:hover,
.hub-intro a.button.hub-intro__btn.hub-intro__btn--consult:hover {
  filter: brightness(1.05);
  transform: translateY(-2px);
}

.hub-intro__btn:hover,
.hub-intro a.button:hover {
  filter: brightness(0.95);
}
.hub-intro__links .hub-intro__btn--secondary {
  display: none !important;
}
#content-wide-top .block-block-content .field-item > h1 + .hub-intro,
#content-wide-top .block-block-content .field-item .hub-intro {
  text-align: left;
}

@media (min-width: 768px) {
  .hub-intro {
    padding: 1.25rem 1.5rem 1.35rem;
    margin-bottom: 1.75rem;
    font-size: 1.08rem;
  }
}

@media (max-width: 575.98px) {
  .hub-intro {
    margin-left: 0;
    margin-right: 0;
    border-radius: 8px;
    font-size: 1rem;
  }

  .hub-intro__links {
    flex-direction: column;
    align-items: stretch;
  }

  .hub-intro__btn,
  .hub-intro a.button {
    text-align: center;
    width: 100%;
  }
}
.view-header .partners-listing-intro.hub-intro,
html body[class*="-partners"] .view-header .partners-listing-intro.hub-intro {
  display: block !important;
  max-width: 48rem !important;
  margin: 0.5rem auto 1.75rem !important;
  padding: 1.25rem 1.35rem 1.35rem !important;
  background: #ffffff !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  border: 1px solid #e9d5ff !important;
  border-left: 5px solid #6716aa !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(59, 10, 92, 0.08) !important;
  box-sizing: border-box !important;
}

html body[class*="-partners"] .view-header .partners-listing-intro .hub-intro__deck,
.view-header .partners-listing-intro .hub-intro__deck {
  margin: 0 0 0.85rem !important;
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
}

html body[class*="-partners"] .view-header .partners-listing-intro .hub-intro__links,
.view-header .partners-listing-intro .hub-intro__links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.55rem 0.65rem !important;
  margin-top: 0.85rem !important;
}
.view-header .hub-intro__deck,
html body[class*="-partners"] .view-header .hub-intro__deck {
  display: block !important;
  max-width: 48rem !important;
  margin: 0.5rem auto 0.5rem !important;
  padding: 1.15rem 1.25rem !important;
  background: #ffffff !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  border: 1px solid #e9d5ff !important;
  border-left: 5px solid #6716aa !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(59, 10, 92, 0.06) !important;
  box-sizing: border-box !important;
}

html body[class*="-partners"] .view-header .hub-intro__links,
html body[class*="-partners"] .partners-listing-view .view-header .hub-intro__links,
.view-header .hub-intro__links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.55rem 0.65rem !important;
  margin: 0.75rem auto 0 !important;
  max-width: 48rem !important;
}

html body[class*="-partners"] .view-header .hub-intro__btn,
html body[class*="-partners"] .partners-listing-view .view-header .hub-intro__btn,
.view-header .hub-intro__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0.5rem 1.1rem !important;
  border: 2px solid #000 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #6716aa 0%, #7b2cbf 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  font-size: 0.95rem !important;
}

html body[class*="-partners"] .view-header .hub-intro__btn--ghost,
html body[class*="-partners"] .partners-listing-view .view-header .hub-intro__btn--ghost,
.view-header .hub-intro__btn--ghost {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0.5rem 1.1rem !important;
  border: 2px solid #000 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #5b21b6 !important;
  -webkit-text-fill-color: #5b21b6 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  font-size: 0.95rem !important;
}
.partners-page {
  color: #1a1a1a;
}

.partners-page .partner-page-shell {
  max-width: 1100px;
  margin: 0 auto 2rem;
  padding: 0 0.25rem 1rem;
}

.partners-page .partner-hero {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  align-items: start;
  padding: 1.25rem 1.15rem 1.35rem;
  margin-bottom: 1.5rem;
  background: linear-gradient(165deg, #f3faf6 0%, #ffffff 55%, #f8faf9 100%);
  border: 2px solid #000;
  border-radius: 18px;
  box-shadow: 0 8px 0 rgba(0, 0, 0, 0.06);
}

.partners-page .partner-hero__logo-wrap {
  display: flex;
  justify-content: center;
}

.partners-page .logo-circle,
.partners-page .partner-hero__logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 200px);
  max-width: 200px;
  min-height: 140px;
  padding: 1rem;
  border: 2px solid #000;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 4px 0 #000;
}

.partners-page .logo-circle img,
.partners-page .partner-hero__logo img {
  max-width: 100%;
  height: auto;
  display: block;
}

.partners-page .partner-hero__eyebrow {
  margin: 0 0 0.4rem;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7b2cbf;
}

.partners-page h1.node-name-title,
.partners-page .partner-hero__title {
  margin: 0 0 0.65rem;
  font-size: clamp(1.55rem, 4vw, 2.15rem);
  line-height: 1.2;
  font-weight: 800;
  color: #2e1065 !important;
  -webkit-text-fill-color: #2e1065 !important;
}

.partners-page .partner-hero__deck {
  margin: 0 0 1.1rem;
  font-size: 1.05rem;
  line-height: 1.55;
  color: #2a2a2a;
  max-width: 38rem;
}

.partners-page .partner-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 0.65rem;
  align-items: center;
}

.partners-page .partner-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 1.15rem;
  border: 2px solid #000;
  border-radius: 999px;
  font-weight: 800;
  font-size: 0.98rem;
  line-height: 1.2;
  text-decoration: none !important;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.partners-page .partner-cta--primary {
  background: linear-gradient(180deg, #9b4dd4 0%, #7b2cbf 55%, #6716aa 100%);
  color: #fff !important;
  box-shadow: 0 3px 0 #000, 0 8px 16px rgba(123, 44, 191, 0.28);
}

.partners-page .partner-cta--secondary {
  background: #fff;
  color: #2e1065 !important;
  box-shadow: 0 2px 0 #000;
}

.partners-page .partner-cta--ghost {
  background: transparent;
  color: #3b0a5c !important;
  border-style: dashed;
}

.partners-page .partner-cta:hover {
  transform: translateY(-2px);
  filter: brightness(1.03);
}

.partners-page .partner-body-wrap {
  padding: 0 0.15rem;
}

.partners-page .partner-body {
  max-width: 72rem;
  width: 100%;
  font-size: 1.08rem;
  line-height: 1.7;
  color: #1a1a1a !important;
}

.partners-page .partner-body p {
  margin: 0 0 1rem;
  color: #1a1a1a;
}

.partners-page .partner-body h2 {
  margin: 1.75rem 0 0.65rem;
  padding-left: 0.75rem;
  border-left: 4px solid #7b2cbf;
  font-size: clamp(1.2rem, 2.5vw, 1.45rem);
  font-weight: 800;
  line-height: 1.3;
  color: #2e1065 !important;
}

.partners-page .partner-body ul,
.partners-page .partner-body ol {
  margin: 0 0 1.1rem 1.25rem;
  padding: 0;
}

.partners-page .partner-body li {
  margin-bottom: 0.45rem;
}

.partners-page .partner-body a {
  color: #3b0a5c !important;
  font-weight: 700;
  text-decoration: underline;
}

.partners-page .partner-page-footer {
  margin-top: 2rem;
  padding: 1.15rem 1rem;
  border-top: 2px solid rgba(0, 0, 0, 0.12);
  background: #f5f0fa;
  border-radius: 12px;
}

.partners-page .partner-teaser {
  text-align: center;
}

.partners-page .partner-teaser__title {
  margin-top: 0.5rem;
  font-weight: 700;
  color: #2e1065;
}
@media (min-width: 768px) {
  .partners-page .partner-hero {
    grid-template-columns: minmax(200px, 260px) minmax(0, 1fr);
    gap: 1.75rem 2rem;
    padding: 1.75rem 1.75rem 1.85rem;
  }

  .partners-page .partner-hero__logo-wrap {
    justify-content: flex-start;
  }

  .partners-page .logo-circle,
  .partners-page .partner-hero__logo {
    width: 100%;
    max-width: 240px;
    min-height: 180px;
  }

  .partners-page .partner-body {
    font-size: 1.1rem;
  }
}
@media (max-width: 767.98px) {
  .partners-page .partner-page-shell {
    padding-left: 0;
    padding-right: 0;
  }

  .partners-page .partner-hero {
    border-radius: 14px;
    padding: 1.1rem 0.95rem 1.2rem;
  }

  .partners-page .partner-cta-row {
    flex-direction: column;
    align-items: stretch;
  }

  .partners-page .partner-cta {
    width: 100%;
    text-align: center;
  }

  .partners-page .partner-body {
    font-size: 1.02rem;
  }

  .partners-page .logo-circle,
  .partners-page .partner-hero__logo {
    max-width: 160px;
    min-height: 120px;
  }
}
.partners-page .partners-content {
  align-items: flex-start;
}

.partners-page .partner-website-btn {
  display: none;
}

/**
 * chrome-layout-fix.css
 * Loaded LAST (after theme Custom CSS) via martis_get_late_theme_css().
 * Fixes:
 *  - Header logo + site name + slogan alignment (desktop + mobile)
 *  - Header info visibility/alignment across pages
 *  - City-page carousel CTA staying inside the slide image on mobile
 *  - Promo modal skip/close actually hiding the dialog
 */

/* ==========================================================================
   1) Site branding: logo + name + slogan
   ========================================================================== */

#block-martis-branding.site-branding,
.site-branding#block-martis-branding,
.header-side.navbar-brand .site-branding,
.navbar-brand .site-branding {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  max-width: 100% !important;
}

#block-martis-branding .container-wrap,
.site-branding .container-wrap {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.55rem 0.75rem !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Kill fragile absolute/negative-margin brand layout */
#block-martis-branding .brand.logo,
.site-branding .brand.logo,
.brand.logo {
  display: block !important;
  position: relative !important;
  float: none !important;
  flex: 0 0 auto !important;
  max-width: 72px !important;
  width: auto !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  line-height: 1 !important;
}

#block-martis-branding .brand.logo a,
.site-branding .brand.logo a,
.site-branding-logo {
  display: block !important;
  line-height: 0 !important;
}

#block-martis-branding .brand.logo img,
.site-branding .brand.logo img,
.site-branding-logo img {
  display: block !important;
  width: 100% !important;
  max-width: 72px !important;
  height: auto !important;
  scale: 1 !important;
  transform: none !important;
}

#block-martis-branding .brand.site-name,
.site-branding .brand.site-name,
.brand.site-name {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  position: relative !important;
  float: none !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  font-size: 1.05rem !important;
  line-height: 1.2 !important;
}

.site-branding-name,
.site-branding-name a,
.brand.site-name a {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 1.15rem !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

/* Slogan base — match JD appearance (light under name) */
.site-branding-slogan,
.brand.site-name .site-branding-slogan,
.header .brand.site-name .site-branding-slogan {
  display: block !important;
  visibility: visible !important;
  opacity: 0.9 !important;
  color: #ffffff !important;
  font-size: 0.8rem !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  margin: 0.15rem 0 0 !important;
  margin-bottom: 0 !important;
  max-width: none !important;
  width: auto !important;
  white-space: nowrap !important;
  text-wrap: nowrap !important;
  text-shadow: -1px -1px 0 #000, 0 0 0 #000, 0 0 0 #000, 0 0 0 #000 !important;
}

/* Desktop brand row sits cleanly in the green header bar */
@media (min-width: 768px) {
  .navbar.header-center > .container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  .header-side.navbar-brand {
    display: flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    max-width: 42% !important;
    min-width: 0 !important;
  }

  .header-main-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .header-right-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
  }

  .header-info,
  .header-info .header-info-container {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
}

/* Mobile: brand left 1rem; location left + hours right; Contact Us phone below */
@media (max-width: 767.98px) {
  .navbar.header-center > .container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    position: relative !important;
    padding: 0.5rem 1rem !important;
    box-sizing: border-box !important;
  }

  .header-side.navbar-brand {
    width: auto !important;
    max-width: calc(100% - 5.75rem) !important;
    flex: 1 1 auto !important;
    order: 1 !important;
    display: flex !important;
    justify-content: flex-start !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 5.5rem 0 0 !important;
    min-height: 56px;
  }

  #block-martis-branding .container-wrap,
  .site-branding .container-wrap {
    justify-content: flex-start !important;
    width: 100% !important;
    text-align: left !important;
  }

  #block-martis-branding .brand.site-name,
  .site-branding .brand.site-name,
  .brand.site-name {
    align-items: flex-start !important;
    text-align: left !important;
  }

  #block-martis-branding .brand.logo,
  .site-branding .brand.logo,
  .brand.logo {
    max-width: 58px !important;
    margin: 0 !important;
  }

  #block-martis-branding .brand.logo img,
  .site-branding-logo img {
    max-width: 58px !important;
  }

  .site-branding-name a {
    font-size: 1.05rem !important;
  }

  /* Mobile slogan: JD size/weight/nowrap so it stays one line under the name */
  .site-branding-slogan,
  .brand.site-name .site-branding-slogan,
  .header .brand.site-name .site-branding-slogan {
    font-size: 0.72rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    margin-top: 0.1rem !important;
    margin-bottom: 0 !important;
    opacity: 0.9 !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    max-width: none !important;
    width: max-content !important;
  }

  #block-martis-branding .brand.site-name,
  .header .brand.site-name,
  .site-branding .brand.site-name {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
  }

  .header-item.header-main,
  .header-main,
  .header-main-wrap {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    order: 2 !important;
    justify-content: flex-start !important;
    text-align: left !important;
    margin: 0.15rem 0 0 !important;
    padding: 0.25rem 0 !important;
  }

  .header-info {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .header-info .header-info-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 0.5rem 0.75rem !important;
  }

  .header-info .header-info-item--phone {
    display: none !important;
  }

  .header-info .header-info-item--location {
    flex: 1 1 auto !important;
    max-width: 58% !important;
    justify-content: flex-start !important;
  }

  .header-info .header-info-item--hours {
    flex: 0 1 auto !important;
    max-width: 42% !important;
    justify-content: flex-end !important;
  }

  .header-info .header-info-item--location .header-info-desc {
    text-align: left !important;
  }

  .header-info .header-info-item--hours .header-info-desc {
    text-align: right !important;
  }

  .header-info .header-info-desc span,
  .header-info .header-info-desc strong {
    display: block !important;
  }

  .header-right-wrap {
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    opacity: 1 !important;
    order: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 0.15rem 0 0 !important;
    padding: 0 !important;
    position: static !important;
  }

  .header-item.header-right,
  .header-right {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .header-element {
    position: absolute !important;
    top: 0.5rem !important;
    right: 1rem !important;
    z-index: 30 !important;
  }
}

/* ==========================================================================
   2) City page slide carousel — keep CTA inside the image on mobile
   ========================================================================== */

.slide-carousel .slide-carousel-hero {
  position: relative !important;
  overflow: hidden !important;
}

.slide-carousel .slide-content-wrap,
.slide-carousel .slide-carousel-hero .slide-content-wrap {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  /* Keep overlay content clipped to the hero image bounds */
  overflow: hidden !important;
  z-index: 3 !important;
  transform: none !important;
  text-align: center !important;
}

.slide-carousel .container.slide-wrap,
.slide-carousel .slide-content,
.slide-carousel .slide-content-main,
.slide-carousel .slide-carousel-hero .container.slide-wrap,
.slide-carousel .slide-carousel-hero .slide-content,
.slide-carousel .slide-carousel-hero .slide-content-main {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Desktop/base: center field-items inside content-wrap (appearance only) */
.slide-carousel .slide-content-main,
.slide-carousel .slide-content-main.float-center,
.slide-carousel .slide-content-main.float-center.text-left {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}
.slide-carousel .slide-content-wrap .field-items,
.slide-carousel .slide-content-wrap .field-item,
.slide-carousel .heading-text,
.slide-carousel .heading-text .field-item,
.slide-carousel .pre-heading-text,
.slide-carousel .pre-heading-text .field-item,
.slide-carousel .slide-content-body,
.slide-carousel .slide-content-body .field-item {
  text-align: center !important;
}

.slide-carousel .nav.menu.alt-button.mt-4.slide-button,
.slide-carousel .slide-button {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  margin-top: 0.65rem !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 4 !important;
}

.slide-carousel a.button.slide-button-link {
  display: inline-block !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  word-break: break-word !important;
  text-align: center !important;
}

/* Owl nav arrows: stay over the image, not pushed below it */
.slide-carousel.owl-carousel .owl-nav button.owl-prev,
.slide-carousel.owl-carousel .owl-nav button.owl-next,
.slide-block .owl-next,
.slide-block .owl-prev {
  margin-top: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

@media (max-width: 1000px) {
  .slide-carousel.owl-carousel .owl-nav button.owl-prev,
  .slide-carousel.owl-carousel .owl-nav button.owl-next,
  .owl-next,
  .owl-prev {
    margin-top: 0 !important;
  }
}

@media (max-width: 767.98px) {
  /* Match martis-custom: aspect hero + full overlay text with Y-scroll */
  .slide-carousel .slide-carousel-hero {
    min-height: 260px !important;
    max-height: none !important;
    height: 0 !important;
    padding-bottom: 68% !important;
    overflow: hidden !important;
  }

  .slide-carousel .slide-carousel-hero .slide-image img,
  .slide-carousel .slide-carousel-hero .slide-image picture img {
    min-height: 0 !important;
    max-height: none !important;
    object-fit: cover !important;
  }

  .slide-carousel .slide-content-wrap,
  .slide-carousel .slide-carousel-hero .slide-content-wrap {
    padding: 0.55rem 0.75rem !important;
    overflow: hidden !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
  }

  .slide-carousel .container.slide-wrap,
  .slide-carousel .slide-carousel-hero .container.slide-wrap {
    top: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Scroll lives on .slide-content; main is auto-margin centered (JD) */
  .slide-carousel .slide-content,
  .slide-carousel .slide-carousel-hero .slide-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
  }

  .slide-carousel .slide-content-main,
  .slide-carousel .slide-carousel-hero .slide-content-main,
  .slide-carousel .slide-content-main.float-center,
  .slide-carousel .slide-content-main.float-center.text-left {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-height: none !important;
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    pointer-events: auto !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .slide-carousel .pre-heading-text {
    font-size: 0.78rem !important;
    margin-bottom: 0.2rem !important;
    text-align: center !important;
  }

  .slide-carousel .heading-text,
  .slide-carousel .heading-text .field-item,
  .slide-carousel .slide-h1 {
    font-size: clamp(1rem, 4.6vw, 1.45rem) !important;
    line-height: 1.15 !important;
    margin: 0 0 0.25rem !important;
    text-align: center !important;
  }

  .slide-carousel .slide-content-body,
  .hero .slide-content-body,
  .slide-content .slide-button {
    font-size: 0.78rem !important;
    line-height: 1.35 !important;
    margin-top: 0.2rem !important;
    text-align: center !important;
  }

  /* Full body copy on mobile carousel — never clamp lines */
  .slide-carousel .slide-content-body,
  .slide-carousel .owl-item .slide-content-body,
  .hero.slide-carousel .slide-content-body {
    max-height: none !important;
    overflow: visible !important;
  }
  .slide-carousel .pre-heading-text .field-items,
  .slide-carousel .pre-heading-text .field-item,
  .slide-carousel .heading-text .field-item,
  .slide-carousel .slide-content-body .field-item {
    text-align: center !important;
  }

  .slide-carousel .nav.menu.alt-button.mt-4.slide-button,
  .slide-carousel .slide-button {
    margin-top: 0.4rem !important;
    max-width: 100% !important;
  }

  .slide-carousel a.button.slide-button-link {
    font-size: 0.78rem !important;
    padding: 0.42rem 0.85rem !important;
    line-height: 1.2 !important;
    max-width: min(100%, 18rem) !important;
  }

  /* Additional content stays below hero; do not let it look like a broken CTA */
  .slide-carousel .slide-additional-content {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 480px) {
  .slide-carousel .slide-carousel-hero {
    min-height: 240px !important;
    max-height: none !important;
  }

  .slide-carousel .slide-content-body,
  .slide-carousel .owl-item .slide-content-body {
    max-height: none !important;
    overflow: visible !important;
  }

  .slide-carousel a.button.slide-button-link {
    font-size: 0.74rem !important;
    padding: 0.38rem 0.7rem !important;
  }
}

/* ==========================================================================
   3) Promo modal — Skip / Close must hide (custom_css forced display:block)
   ========================================================================== */

/* Default: hidden. Only visible when Bootstrap .show is present. */
#js-modal-page-show-modal.modal,
#js-modal-page-show-modal {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#js-modal-page-show-modal.modal.show,
#js-modal-page-show-modal.show {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 1050 !important;
}

#js-modal-page-show-modal.modal.fade:not(.show),
#js-modal-page-show-modal.fade:not(.show) {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Keep dialog usable when open */
#js-modal-page-show-modal.show .modal-page-dialog,
#js-modal-page-show-modal.show .modal-page-content {
  pointer-events: auto !important;
}

#js-modal-page-show-modal .modal-header-right .close,
#js-modal-page-show-modal .js-modal-page-left-button,
#js-modal-page-show-modal .js-modal-page-ok-button,
#js-modal-page-show-modal [data-dismiss="modal"] {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Ensure close "×" is tappable and not covered */
#js-modal-page-show-modal .modal-header-right .close {
  min-width: 2.5rem !important;
  min-height: 2.5rem !important;
  line-height: 1 !important;
  opacity: 1 !important;
  color: #fff !important;
}

/* Backdrop should not trap the page if modal is closed */
body:not(.modal-open) .modal-backdrop {
  display: none !important;
}

/* Keep additional-content slide nav visible in carousels (late override) */
.slide-carousel .slide-additional-nav {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 0 1rem !important;
  z-index: 5 !important;
  pointer-events: auto !important;
}
.slide-carousel .slide-additional-nav__btn {
  pointer-events: auto !important;
  cursor: pointer !important;
  display: inline-flex !important;
}

/* ==========================================================================
   Mobile hamburger + menu readability + carousel center (late override)
   Wins over theme custom_css cascade.
   ========================================================================== */
@media (max-width: 767.98px) {
  /* Hamburger 3-line button: dark green, white icon, no jump/rotate */
  .header .header-element .navbar-toggler.nav-button,
  button.navbar-toggler.nav-button,
  .navbar-toggler.nav-button.collapsed,
  .navbar-toggler.nav-button[aria-expanded="true"],
  .navbar-toggler.nav-button[aria-expanded="false"] {
    background: #3b0a5c !important;
    background-color: #3b0a5c !important;
    border: 2px solid #000 !important;
    color: #ffffff !important;
    transform: none !important;
    -webkit-transform: none !important;
    top: auto !important;
    margin-top: 0 !important;
  }
  .navbar-toggler.nav-button i,
  .navbar-toggler.nav-button .ti-menu,
  .navbar-toggler.nav-button [class*="ti-"],
  .header .header-element .navbar-toggler.nav-button i {
    color: #ffffff !important;
  }

  /*
   * Open main menu — match JD structure:
   * dark panel + light pill links (JD purple/#b781e3 → CY dark green/#b781e3)
   * active-trail = lighter green; links centered on mobile.
   */
  #main-menu.collapse.show,
  #main-menu.show,
  .header #main-menu.collapse.show,
  .header #main-menu.show,
  #main-menu.navbar-collapse.collapse.show {
    display: block !important;
    background: #3b0a5c !important;
    background-color: #3b0a5c !important;
    color: #ffffff !important;
    padding: 0.5rem 0.75rem 0.75rem !important;
  }
  #main-menu.show .primary-menu,
  #main-menu.show .mega-menu,
  #main-menu.show .mega-menu > ul,
  #main-menu.show ul.menu.menu-parent,
  #main-menu.show .nav.menu.menu-parent,
  #block-martis-main-menu ul.nav.menu.menu-parent {
    background: transparent !important;
    background-color: transparent !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #main-menu.show .menu-item,
  #main-menu.collapse.show .menu-item,
  #main-menu.show li.menu-item,
  #main-menu .menu-item,
  #block-martis-main-menu .menu-item {
    background: transparent !important;
    background-color: transparent !important;
    border-bottom: 0 !important;
    list-style: none !important;
    margin: 0 0 0.4rem !important;
    padding: 0 !important;
    width: 100% !important;
  }
  /* Light-green link pills (JD light-purple equivalent) */
  #wrapper #main-menu.show a,
  #wrapper .header #main-menu.show .mega-menu > ul > li > a,
  #wrapper .header #main-menu.show .main-menu .nav > li > a,
  #wrapper .header #main-menu.show a,
  #main-menu.show .mega-menu > ul > li > a,
  #main-menu.show .main-menu .nav > li > a,
  #main-menu.show a,
  #main-menu.show .menu-item a,
  #block-martis-main-menu .menu-item a {
    color: #ffffff !important;
    background-color: #b781e3 !important;
    background: #b781e3 !important;
    border-radius: 10px !important;
    border: 2px solid #000 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0.65rem 1rem !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-decoration: none !important;
    font-weight: 600 !important;
  }
  /* Active trail / current page — lighter green (JD lighter purple) */
  #main-menu.show .menu-item--active-trail > a,
  #main-menu.show li.menu-item--active-trail > a,
  #main-menu.show .menu-item--active-trail a.is-active,
  #main-menu.show a.is-active,
  #block-martis-main-menu .menu-item--active-trail > a,
  #block-martis-main-menu a.is-active {
    background-color: #c9a0e8 !important;
    background: #c9a0e8 !important;
    color: white !important;
    -webkit-text-fill-color: white !important;
    border-color: #000 !important;
  }
  #main-menu.show a:hover,
  #main-menu.show a:focus,
  #block-martis-main-menu .menu-item a:hover,
  #block-martis-main-menu .menu-item a:focus {
    background-color: #c9a0e8 !important;
    background: #c9a0e8 !important;
    color: #ffffff !important;
    text-decoration: none !important;
  }

  /* Carousel overlay: true center in hero (X + Y) — match reference layout site */
  .slide-carousel .slide-content-wrap,
  .slide-carousel .slide-carousel-hero .slide-content-wrap,
  .slide-carousel .container.slide-wrap,
  .slide-carousel .slide-carousel-hero .container.slide-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .slide-carousel .slide-content,
  .slide-carousel .slide-carousel-hero .slide-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  .slide-carousel .slide-content-main,
  .slide-carousel .slide-carousel-hero .slide-content-main,
  .slide-carousel .slide-content-main.float-center,
  .slide-carousel .slide-content-main.float-center.text-left,
  .slide-carousel .slide-content-main.text-left {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: auto !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    overflow: visible !important;
  }
  .slide-carousel .slide-content-wrap .field-items,
  .slide-carousel .slide-content-wrap .field-item,
  .slide-carousel .heading-text .field-item,
  .slide-carousel .pre-heading-text .field-item {
    text-align: center !important;
  }
}

/* ==========================================================================
   Mobile: clearance + login spacing, cart/hamburger alignment
   Late override (beats theme custom_css margin-top: 2.5rem on account menu)
   ========================================================================== */
@media (max-width: 767.98px) {
  /* --- Header-top: clearance centered, login just below --- */
  .header-top.dark-header-top,
  .path-frontpage .header-top.dark-header-top,
  .page-node-243 .header-top.dark-header-top {
    text-align: center !important;
    padding: 0.45rem 0.75rem 0.55rem !important;
  }
  .header-top.dark-header-top .container > .row,
  .header-top.dark-header-top .col-md-6 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .header-top.dark-header-top .header-top-first {
    margin: 0 0 0.2rem !important;
    padding: 0 !important;
    text-align: center !important;
  }
  .header-top.dark-header-top .header-top-second {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    min-height: 0 !important;
  }
  .header-top.dark-header-top .region.region-header-top-first,
  .header-top.dark-header-top .region.region-header-top-second {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  /* Hide empty cookies shell so it does not add gap under clearance */
  .header-top #block-martis-cookiesui:empty,
  .header-top #block-martis-cookiesui:not(:has(.cookiesjsr-banner.active)),
  .header-top #cookiesjsr:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  /*
   * Clearance / promo line — true horizontal center.
   * Beats custom_css: #block-clearance-sales p { margin-left: 1.5rem }
   * and div#block-clearance-sales { width: 150% }.
   */
  .header-top #block-clearance-sales,
  .header-top div#block-clearance-sales,
  .header-top #block-clearance-sales .container-wrap,
  .header-top #block-clearance-sales .block-content,
  .header-top #block-clearance-sales .field-item,
  .header-top #block-clearance-sales p,
  .header-top.dark-header-top #block-clearance-sales,
  .header-top.dark-header-top #block-clearance-sales p,
  .header-top.dark-header-top #block-clearance-sales .field-item {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 1rem !important;
    margin-bottom: 0.35rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    float: none !important;
    box-sizing: border-box !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
  .header-top .header-top-first,
  .header-top .region-header-top-first,
  .header-top #block-clearance-sales {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  /* Kill custom_css nav#block-martis-useraccountmenu { margin-top: 2.5rem } on mobile */
  .header-top nav#block-martis-useraccountmenu,
  .path-frontpage .header-top nav#block-martis-useraccountmenu,
  .page-node-243 .header-top nav#block-martis-useraccountmenu,
  body .header-top nav#block-martis-useraccountmenu {
    margin-top: 0.2rem !important;
    margin-bottom: -0.5rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    width: auto !important;
    display: flex !important;
    justify-content: center !important;
  }
  .header-top.dark-header-top .header-top-second {
    padding-top: 0 !important;
  }
  .header-top a.dropdown-toggle.header-icon.account-icon,
  .header-top a.header-icon.account-icon,
  .path-frontpage .header-top a.dropdown-toggle.header-icon.account-icon,
  .page-node-243 .header-top a.dropdown-toggle.header-icon.account-icon {
    display: inline-block !important;
    margin: 0.15rem auto 0 !important;
    vertical-align: middle !important;
    position: relative !important;
    top: 0 !important;
  }
  .header-top button.jd-account-menu__trigger,
  .path-frontpage .header-top button.jd-account-menu__trigger,
  .page-node-243 .header-top button.jd-account-menu__trigger {
    margin: 0.15rem auto 0 !important;
    position: relative !important;
    top: 0 !important;
    vertical-align: middle !important;
  }
  /* Hide empty gtranslate shell on mobile if height 0 still reserves flow */
  .header-top #block-martis-gtranslate:empty,
  .header-top #block-martis-gtranslate .gtranslate_wrapper:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
  }

  /* --- Cart + hamburger: same row height, icons centered --- */
  .header .header-element {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.45rem !important;
    height: 44px !important;
    min-height: 44px !important;
  }
  .header .header-element .header-cart,
  .header .header-element .header-element-item.header-cart,
  .header .header-element .navbar-toggler.nav-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    vertical-align: middle !important;
    align-self: center !important;
  }
  .header .header-cart .cart-block--summary,
  .header .header-cart .cart-block--summary a,
  .header .header-element-item.header-cart .cart-block--summary a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    min-height: 40px !important;
    min-width: 40px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
  }
  .header .header-cart .cart-block--summary i,
  .header .header-cart .cart-block--summary i.ti-shopping-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    line-height: 1 !important;
    font-size: 1.15rem !important;
  }
  .header .header-element .navbar-toggler.nav-button {
    width: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    line-height: 1 !important;
  }
  /* Icon glyph centered in hamburger button */
  .header .header-element .navbar-toggler.nav-button i,
  .header .header-element .navbar-toggler.nav-button .ti-menu,
  .header .header-element .navbar-toggler.nav-button [class*="ti-"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-size: 1.2rem !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
  }
  .header .header-element .navbar-toggler.nav-button i::before,
  .header .header-element .navbar-toggler.nav-button .ti-menu::before {
    display: block !important;
    margin: 0 auto !important;
    line-height: 1 !important;
    position: static !important;
  }
}

/* Final cart/hamburger mid-line lock on mobile */
@media (max-width: 767.98px) {
  .header .header-element > .header-cart,
  .header .header-element > .header-element-item,
  .header .header-element > .navbar-toggler.nav-button {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
    top: 0 !important;
  }
  .header .header-cart .container-wrap,
  .header .header-cart .block-content,
  .header .header-cart .cart--cart-block,
  .header .header-cart .cart-block--summary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 45px !important;
    min-height: 45px !important;
    line-height: 1 !important;
  }
  .header .header-cart .cart-block--summary a {
    height: 40px !important;
    min-height: 40px !important;
  }
}

/* ==========================================================================
   2026-07-25 playbook polish (late — beats theme custom_css)
   Green brand chrome only: #3b0a5c / #2d0847
   ========================================================================== */

/* --- Kill Bootstrap SVG hamburger ::before (custom_css may re-add) --- */
button.navbar-toggler.nav-button::before,
button.navbar-toggler.nav-button::after,
.navbar-toggler.nav-button::before,
.navbar-toggler.nav-button::after,
.header .header-element .navbar-toggler.nav-button::before,
.header .header-element .navbar-toggler.nav-button::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  border: 0 !important;
}

/* Smaller centered Themify hamburger glyph only */
@media (max-width: 767.98px) {
  .header .header-element .navbar-toggler.nav-button i.ti-menu,
  .header .header-element .navbar-toggler.nav-button .ti-menu,
  button.navbar-toggler.nav-button i.ti-menu {
    font-size: 1.05rem !important;
    line-height: 1 !important;
  }
  .header .header-element .navbar-toggler.nav-button i.ti-menu::before,
  button.navbar-toggler.nav-button i.ti-menu::before {
    content: "\e68e" !important;
    display: block !important;
    font-size: inherit !important;
  }
}

/* --- Log in caret: inside pill border (static, not absolute) --- */
.header-top a.account-icon,
.header-top a.dropdown-toggle.header-icon.account-icon,
.header-top.dark-header-top a.account-icon,
.path-frontpage .header-top a.account-icon,
body .header-top a.dropdown-toggle.header-icon.account-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.3rem !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  padding: 0.12rem 0.55rem !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}
.header-top a.account-icon::after,
.header-top a.dropdown-toggle.header-icon.account-icon::after,
.header-top.dark-header-top a.account-icon::after,
body .header-top a.dropdown-toggle.header-icon.account-icon::after {
  position: static !important;
  display: inline-block !important;
  margin: -4px 0 0 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  transform: rotate(45deg) !important;
  -webkit-transform: rotate(45deg) !important;
  width: 0.38rem !important;
  height: 0.38rem !important;
  border-style: solid !important;
  border-width: 0 1.5px 1.5px 0 !important;
  border-color: currentColor !important;
  vertical-align: middle !important;
  content: "" !important;
  flex: 0 0 auto !important;
}

/* Clearance sales centered on mobile */
@media (max-width: 767.98px) {
  .header-top #block-clearance-sales,
  .header-top div#block-clearance-sales,
  .header-top #block-clearance-sales .field-item,
  .header-top #block-clearance-sales p,
  .header-top .header-top-first {
    text-align: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Always kill clearance left-shift from custom_css (mobile + desktop) */
.header-top #block-clearance-sales p,
.header-top.dark-header-top #block-clearance-sales p,
header.header #block-clearance-sales p,
div#block-clearance-sales p {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 1rem !important;
  text-align: center !important;
}
header.header div#block-clearance-sales,
.header-top div#block-clearance-sales {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* --- Cart + hamburger: 4rem band, vertically centered with brand --- */
@media (max-width: 767.98px) {
  .header .header-element {
    position: absolute !important;
    top: 0.5rem !important;
    right: 1rem !important;
    height: 4rem !important;
    min-height: 4rem !important;
    max-height: 4rem !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.45rem !important;
    z-index: 30 !important;
  }
  /* Do NOT set position:relative on .header-right-wrap */
  .header .header-right-wrap {
    position: static !important;
  }
}

/* Mobile header rows: full container width only (no calc+min-width flex explosion) */
@media (max-width: 767.98px) {
  body .header .navbar > .container > .header-main-wrap,
  body .header .header-main-wrap,
  body.path-taxonomy .header-main-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: static !important;
    box-sizing: border-box !important;
  }

  body .header .navbar > .container > .header-right-wrap,
  body .header .header-right-wrap,
  body.path-taxonomy .header-side.header-right-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0.45rem 0 0.25rem !important;
    position: static !important;
    box-sizing: border-box !important;
  }
}

/* --- Header info 50/50 with new classes + divider --- */
@media (max-width: 767.98px) {
  .header-info .header-info-container,
  .header .header-info .header-info-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 0 !important;
  }
  .header-info .header-info-item,
  .header-info .header-info-location,
  .header-info .header-info-hours,
  .header-info .header-info-item--location,
  .header-info .header-info-item--hours {
    flex: 1 1 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .header-info .header-info-location,
  .header-info .header-info-item--location {
    padding-right: 0.65rem !important;
    border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
  }
  .header-info .header-info-hours,
  .header-info .header-info-item--hours {
    padding-left: 0.65rem !important;
  }
  .header-info .header-info-item--phone {
    display: none !important;
  }
  .header-info .header-info-location .header-info-desc,
  .header-info .header-info-item--location .header-info-desc {
    text-align: left !important;
  }
  .header-info .header-info-hours .header-info-desc,
  .header-info .header-info-item--hours .header-info-desc {
    text-align: right !important;
  }
  .header-info .header-info-hours-label {
    display: block !important;
    text-transform: uppercase !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.04em !important;
    font-weight: 700 !important;
    opacity: 0.9 !important;
    margin-bottom: 0.15rem !important;
  }
  /* Day + time in fixed columns so Mon-Thurs / Fri-Sat times align (JD) */
  .header-info .header-info-hours-row {
    display: grid !important;
    grid-template-columns: 5.75rem max-content !important;
    column-gap: 0.35rem !important;
    align-items: baseline !important;
    justify-content: end !important;
    width: max-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }
  .header-info .header-info-label,
  .header-info .header-info-city,
  .header-info .header-info-areas {
    display: block !important;
  }
  .header-info .header-info-hours-row .header-info-day,
  .header-info .header-info-hours-row .header-info-time {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
  }
  .header-info .header-info-hours-row .header-info-day {
    text-align: right !important;
    white-space: nowrap !important;
  }
  .header-info .header-info-hours-row .header-info-time {
    text-align: left !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }
  /* Hide legacy icons if any remain */
  .header-info > .header-info-container > .header-info-item > i[class*="ti-"] {
    display: none !important;
  }
}

/* Tablet+ header-info 50/50 grid (desktop refined further at min-width 992) */
@media (min-width: 768px) {
  .header-info .header-info-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
    width: 100% !important;
    gap: 0 !important;
  }
  .header-info .header-info-item,
  .header-info .header-info-location,
  .header-info .header-info-item--location,
  .header-info .header-info-hours,
  .header-info .header-info-item--hours {
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .header-info .header-info-location,
  .header-info .header-info-item--location,
  .header-info .header-info-hours,
  .header-info .header-info-item--hours {
    flex: unset !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
  }
  .header-info .header-info-location,
  .header-info .header-info-item--location {
    padding-right: 1.5rem !important;
    padding-left: 0.25rem !important;
    border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
    justify-content: flex-end !important;
  }
  .header-info .header-info-hours,
  .header-info .header-info-item--hours {
    padding-left: 1.5rem !important;
    padding-right: 0.25rem !important;
    justify-content: flex-start !important;
  }
  .header-info .header-info-location .header-info-desc,
  .header-info .header-info-item--location .header-info-desc {
    text-align: right !important;
  }
  .header-info .header-info-hours .header-info-desc,
  .header-info .header-info-item--hours .header-info-desc {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  .header-info .header-info-hours-label {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
  }
  /* Times grid centered under OUR HOURS */
  .header-info .header-info-hours-row {
    display: grid !important;
    grid-template-columns: max-content max-content !important;
    column-gap: 0.4rem !important;
    align-items: baseline !important;
    justify-content: center !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }
  .header-info .header-info-hours-row .header-info-day,
  .header-info .header-info-hours-row .header-info-time {
    display: block !important;
    margin: 0 !important;
  }
  .header-info .header-info-hours-row .header-info-day {
    text-align: right !important;
  }
  .header-info .header-info-hours-row .header-info-time {
    text-align: left !important;
    font-weight: 600 !important;
  }
  .header-info .header-info-item--phone {
    display: none !important;
  }
}

/* --- Contact Us strip: extra top pad, tight bottom, no empty min-height --- */
@media (max-width: 767.98px) {
  .header #block-call-to-order,
  .header #block-call-to-order .container-wrap,
  .header #block-call-to-order .block-content,
  .header .header-right .block-content {
    min-height: 0 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  .header #block-call-to-order .block-content,
  .header #block-call-to-order .field-item,
  .header .header-right .field-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 0 !important;
    padding-bottom: 0.35rem !important;
    text-align: center !important;
  }
  .header #block-call-to-order .text-sm,
  .header #block-call-to-order strong.text-sm,
  .header .header-right strong.text-sm {
    margin: 0 !important;
    display: block !important;
  }
  .header #block-call-to-order p,
  .header .header-right p {
    margin: 0 !important;
    line-height: 1.2 !important;
  }
  .header #block-call-to-order .call-phone,
  .header .call-phone {
    margin-top: 0.15rem !important;
  }
}

/* --- Hide legacy Owl on-image arrows (keep .slide-additional-nav) --- */
.slide-carousel .owl-nav,
.slide-carousel.owl-carousel .owl-nav,
.hero.slide-carousel .owl-nav,
.slide-carousel .owl-nav button,
.slide-carousel .owl-prev,
.slide-carousel .owl-next,
.slide-carousel.owl-carousel .owl-nav button.owl-prev,
.slide-carousel.owl-carousel .owl-nav button.owl-next,
.slide-block .owl-prev,
.slide-block .owl-next {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Additional-nav pills: primary green */
.slide-carousel .slide-additional-nav__btn,
.hero.slide-carousel .slide-additional-nav__btn {
  background: #3b0a5c !important;
  background-color: #3b0a5c !important;
  border: 2px solid #000 !important;
  color: #fff !important;
}
.slide-carousel .slide-additional-nav__btn:hover,
.slide-carousel .slide-additional-nav__btn:focus {
  background: #2d0847 !important;
  background-color: #2d0847 !important;
  color: #fff !important;
}

/* Carousel overlay: Y-scroll on .slide-content; main uses margin auto (reference layout site) */
@media (max-width: 768px) {
  .slide-carousel .slide-carousel-hero {
    position: relative !important;
    overflow: hidden !important;
    height: 0 !important;
    padding-bottom: 68% !important;
  }
  .slide-carousel .slide-content-wrap,
  .slide-carousel .slide-carousel-hero .slide-content-wrap,
  .slide-carousel .container.slide-wrap,
  .slide-carousel .slide-carousel-hero .container.slide-wrap {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    transform: none !important;
  }
  .slide-carousel .slide-content,
  .slide-carousel .slide-carousel-hero .slide-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
    pointer-events: auto !important;
    min-height: 0 !important;
    text-align: center !important;
  }
  .slide-carousel .slide-content-main,
  .slide-carousel .slide-carousel-hero .slide-content-main,
  .slide-carousel .slide-content-main.float-center,
  .slide-carousel .slide-content-main.float-center.text-left,
  .slide-carousel .slide-content-main.text-left {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    float: none !important;
    width: 100% !important;
  }
  .slide-carousel .pre-heading-text .field-items,
  .slide-carousel .pre-heading-text .field-item,
  .slide-carousel .heading-text .field-item,
  .slide-carousel .slide-content-body .field-item {
    text-align: center !important;
    width: 100% !important;
  }
  .slide-carousel .slide-content-body {
    max-height: none !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    display: block !important;
  }
  .slide-carousel .slide-carousel-hero + .slide-additional-content,
  .slide-carousel .owl-item .slide-additional-content {
    margin-top: 1rem !important;
  }
}

/* Green hamburger + open menu (reinforce) */
@media (max-width: 767.98px) {
  button.navbar-toggler.nav-button,
  .navbar-toggler.nav-button {
    background: #3b0a5c !important;
    background-color: #3b0a5c !important;
    border: 2px solid #000 !important;
    color: #fff !important;
  }
  #main-menu.collapse.show,
  #main-menu.show {
    background: #3b0a5c !important;
    color: #fff !important;
  }
}

/* ==========================================================================
   Mobile header + carousel — match reference layout site (verified via CDP metrics)
   Do NOT use min-width: calc(100% + 2rem) on flex children — it collapses the
   .navbar > .container to ~32px and hides brand/info/contact on mobile.
   ========================================================================== */

/* Header-top borders */
.header-top.dark-header-top,
.header .header-top {
  border-top: 2px solid #000 !important;
  border-bottom: 2px solid #000 !important;
}

/* Kill custom_css green pill backgrounds on CONTACT US */
.header #block-call-to-order,
.header #block-call-to-order *,
.header #block-call-to-order p,
.header #block-call-to-order strong,
.header #block-call-to-order a,
.header #block-call-to-order .text-sm,
.header #block-call-to-order .call-phone {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.header #block-call-to-order,
.header #block-call-to-order > .container-wrap,
.header #block-call-to-order > .container-wrap > .block-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.header #block-call-to-order .field-item,
.header #block-call-to-order .field.field-body.field-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.15rem !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

.header #block-call-to-order p,
.header #block-call-to-order .call-phone {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  text-align: center !important;
  color: #fff !important;
  line-height: 1.2 !important;
}

.header #block-call-to-order strong.text-sm,
.header #block-call-to-order .text-sm {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}

.header #block-call-to-order a.call-phone-link,
.header #block-call-to-order .call-phone a {
  display: block !important;
  width: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  color: #fff !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}

.header #block-header-info2 .row,
.header #block-header-info2 .layout,
.header #block-header-info2 .layout__region,
.header #block-header-info2 .container-wrap,
.header #block-header-info2 .block-content,
.header #block-header-info2 .block-layout-builder {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
}

@media (max-width: 991.98px) {
  /*
   * CRITICAL: theme custom_css sets .navbar.header-center { padding-left/right: 25rem }
   * (400px each side). On mobile that collapses the content box to ~0–32px and hides
   * brand / city-hours / CONTACT US. Johnny Detail does not do this.
   */
  .header .navbar.header-center,
  .navbar.header-center,
  header.header .navbar.header-center {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .header .navbar.header-center > .container,
  .navbar.header-center > .container,
  header.header .navbar.header-center > .container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0.5rem 1rem 0.65rem !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
}

@media (max-width: 767.98px) {
  /* Shell already zeroed above; keep layout rows full-width */

  /* Row 1: brand left, room for cart/hamburger on right */
  .header .header-side.navbar-brand,
  .navbar.header-center .header-side.navbar-brand {
    display: flex !important;
    order: 1 !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 6rem) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 5.5rem 0 0 !important;
    min-height: 56px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header .site-branding,
  .header .site-branding .container-wrap,
  .header #block-martis-branding .container-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 0.55rem !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header .brand.logo,
  .header .brand.logo img,
  .header .site-branding-logo img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 56px !important;
    width: 56px !important;
    height: auto !important;
  }

  .header .site-branding-name a,
  .header .brand.site-name a {
    display: inline-block !important;
    visibility: visible !important;
    color: #fff !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  /* Mobile slogan = JD: 0.72rem, weight 400, opacity 0.9, single line */
  .header .site-branding-slogan,
  .header .brand.site-name .site-branding-slogan,
  .header #block-martis-branding .site-branding-slogan {
    display: block !important;
    visibility: visible !important;
    color: #ffffff !important;
    font-size: 0.72rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    margin-top: 0.1rem !important;
    margin-bottom: 0 !important;
    opacity: 0.9 !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    width: max-content !important;
    max-width: none !important;
    text-shadow: -1px -1px 0 #000, 0 0 0 #000, 0 0 0 #000, 0 0 0 #000 !important;
  }

  .header .brand.site-name {
    overflow: visible !important;
    width: auto !important;
    max-width: none !important;
  }

  /* Cart + hamburger absolute top-right */
  .header .header-element {
    position: absolute !important;
    top: 0.5rem !important;
    right: 1rem !important;
    left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    z-index: 40 !important;
    width: auto !important;
    height: 56px !important;
  }

  /* Row 2: city + hours — full width of container (like JD ~358px content) */
  .header .header-main-wrap,
  .header .navbar > .container > .header-main-wrap,
  body .header .header-main-wrap,
  body.path-taxonomy .header .header-main-wrap {
    display: block !important;
    order: 2 !important;
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0.35rem 0 0 !important;
    padding: 0.35rem 0 0.15rem !important;
    box-sizing: border-box !important;
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
  }

  .header .header-main-wrap .header-item.header-main,
  .header .header-item.header-main,
  .header .header-main,
  .header .region-header,
  .header #block-header-info2 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header .header-info {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0.35rem 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #fff !important;
  }

  .header .header-info .header-info-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .header .header-info .header-info-item--phone {
    display: none !important;
  }

  .header .header-info .header-info-location,
  .header .header-info .header-info-item--location,
  .header .header-info .header-info-hours,
  .header .header-info .header-info-item--hours {
    display: flex !important;
    flex: 1 1 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header .header-info .header-info-location,
  .header .header-info .header-info-item--location {
    padding-right: 0.65rem !important;
    border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
    justify-content: flex-start !important;
  }

  .header .header-info .header-info-hours,
  .header .header-info .header-info-item--hours {
    padding-left: 0.65rem !important;
    justify-content: flex-end !important;
  }

  .header .header-info .header-info-desc,
  .header .header-info .header-info-desc span,
  .header .header-info .header-info-desc strong,
  .header .header-info .header-info-label,
  .header .header-info .header-info-city,
  .header .header-info .header-info-areas,
  .header .header-info .header-info-hours-label {
    display: block !important;
    color: #fff !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 0.72rem !important;
    line-height: 1.3 !important;
  }

  .header .header-info .header-info-item--location .header-info-desc {
    text-align: left !important;
  }

  .header .header-info .header-info-item--hours .header-info-desc {
    text-align: right !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    width: 100% !important;
  }

  .header .header-info .header-info-hours-label {
    text-transform: uppercase !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    margin-bottom: 0.15rem !important;
    text-align: right !important;
    width: 100% !important;
  }

  /* Align Mon-Thurs / Fri-Sat times in one column (match JD) */
  .header .header-info .header-info-hours-row {
    display: grid !important;
    grid-template-columns: 5.75rem max-content !important;
    column-gap: 0.35rem !important;
    align-items: baseline !important;
    justify-content: end !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 0 0 auto !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }

  .header .header-info .header-info-hours-row .header-info-day,
  .header .header-info .header-info-hours-row .header-info-time {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
    color: #fff !important;
    font-size: 0.72rem !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header .header-info .header-info-hours-row .header-info-day {
    text-align: right !important;
    white-space: nowrap !important;
  }

  .header .header-info .header-info-hours-row .header-info-time {
    text-align: left !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  /* Row 3: CONTACT US + phone, full width centered (JD) */
  .header .header-right-wrap,
  .header .navbar > .container > .header-right-wrap,
  .header .header-side.header-right-wrap,
  body .header .header-right-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    order: 3 !important;
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0.15rem 0 0 !important;
    padding: 0.45rem 0 0.25rem !important;
    box-sizing: border-box !important;
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-align: center !important;
    overflow: visible !important;
  }

  .header .header-right-wrap .header-item.header-right,
  .header .header-item.header-right,
  .header .header-right,
  .header .region-header-right {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header #block-call-to-order,
  .header #block-call-to-order .field-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .header #block-call-to-order a.call-phone-link {
    font-size: 1.15rem !important;
  }
}

/* Desktop: keep header info + contact visible */
@media (min-width: 768px) {
  .header .navbar.header-center > .container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .header .header-main-wrap,
  .header .header-right-wrap,
  .header .header-info,
  .header #block-call-to-order {
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    max-height: none !important;
  }

  .header .header-main-wrap {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    align-items: center !important;
  }

  .header .header-right-wrap {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }
}

/* --- Mobile carousel: true vertical center (JD mainCenterOffset ~ 0) --- */
@media screen and (max-width: 768px) {
  .slide-carousel .slide-carousel-hero,
  .hero.slide-carousel .slide-carousel-hero {
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 68% !important;
    min-height: 260px !important;
    overflow: hidden !important;
  }

  .slide-carousel .slide-carousel-hero .slide-image,
  .slide-carousel .slide-carousel-hero .slide-image img,
  .slide-carousel .slide-carousel-hero .slide-image picture,
  .slide-carousel .slide-carousel-hero .slide-image picture img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .slide-carousel .slide-carousel-hero .slide-content-wrap,
  .slide-carousel .slide-content-wrap,
  .hero.slide-carousel .slide-content-wrap {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.55rem 0.75rem !important;
    box-sizing: border-box !important;
    transform: none !important;
    overflow: hidden !important;
    z-index: 2 !important;
    pointer-events: none !important;
  }

  .slide-carousel .container.slide-wrap,
  .slide-carousel .slide-carousel-hero .container.slide-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
  }

  .slide-carousel .slide-content,
  .slide-carousel .slide-carousel-hero .slide-content,
  .slide-carousel .owl-item .slide-content,
  .slide-carousel .owl-item.active .slide-content,
  .hero.slide-carousel .slide-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    text-align: center !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  /* Higher specificity than margin-top:0 !important cancelers */
  .slide-carousel .slide-carousel-hero .slide-content .slide-content-main,
  .slide-carousel .slide-carousel-hero .slide-content .slide-content-main.float-center,
  .slide-carousel .slide-carousel-hero .slide-content .slide-content-main.float-center.text-left,
  .slide-carousel .slide-content .slide-content-main.float-center.text-left,
  .slide-carousel .owl-item .slide-content-main.float-center.text-left,
  .slide-carousel .slide-content-main,
  .slide-carousel .slide-content-main.float-center,
  .slide-carousel .slide-content-main.float-center.text-left,
  .slide-carousel .slide-content-main.text-left {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    float: none !important;
    transform: none !important;
    overflow: visible !important;
    text-align: center !important;
    padding: 0.25rem 0.35rem !important;
    box-sizing: border-box !important;
    pointer-events: auto !important;
    gap: 0.35rem !important;
  }

  .slide-carousel .pre-heading-text,
  .slide-carousel .heading-text,
  .slide-carousel .slide-content-body,
  .slide-carousel .heading-text .field-item,
  .slide-carousel .pre-heading-text .field-item,
  .slide-carousel .slide-button {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
  }

  .slide-carousel .nav.menu.alt-button.mt-4.slide-button,
  .slide-carousel .slide-button {
    display: flex !important;
    justify-content: center !important;
    margin-top: 0.35rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Nuclear: hours day/time column alignment (beats any leftover display:block/inline) */
@media (max-width: 991.98px) {
  header.header .header-info .header-info-desc .header-info-hours-row,
  header.header .header-info-hours .header-info-hours-row,
  header.header span.header-info-hours-row {
    display: grid !important;
    grid-template-columns: 5.75rem max-content !important;
    column-gap: 0.35rem !important;
    align-items: baseline !important;
    justify-content: end !important;
    width: max-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }
  header.header .header-info-hours-row > .header-info-day,
  header.header .header-info-hours-row > .header-info-time,
  header.header .header-info-hours-row > span.header-info-day,
  header.header .header-info-hours-row > strong.header-info-time {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }
  header.header .header-info-hours-row > .header-info-day,
  header.header .header-info-hours-row > span.header-info-day {
    text-align: right !important;
    white-space: nowrap !important;
  }
  header.header .header-info-hours-row > .header-info-time,
  header.header .header-info-hours-row > strong.header-info-time {
    text-align: left !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }
}

/* ==========================================================================
   Mobile main menu: JD purple-pill pattern → Johnny Detail purple pills
   Panel #3b0a5c (dark) · links #b781e3 (light) · active #c9a0e8 (lighter)
   Centered labels, black border, 10px radius — same structure as JD.
   ========================================================================== */
@media (max-width: 991.98px) {
  #wrapper .header #main-menu.show,
  #wrapper #main-menu.show,
  #wrapper .header #main-menu.collapse.show,
  #wrapper #main-menu.collapse.show {
    background-color: #3b0a5c !important;
    background: #3b0a5c !important;
    padding: 1rem 0.75rem 0.85rem !important;
  }

  #wrapper .header #main-menu.show ul.nav.menu.menu-parent,
  #wrapper #main-menu.show ul.nav.menu.menu-parent,
  #wrapper #block-martis-main-menu ul.nav.menu.menu-parent {
    background: transparent !important;
    background-color: transparent !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #wrapper .header #main-menu.show li.menu-item,
  #wrapper #main-menu.show li.menu-item,
  #wrapper #block-martis-main-menu li.menu-item {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 0 !important;
    margin: 0 0 0.4rem !important;
    padding: 0 !important;
    width: 100% !important;
  }

  #wrapper #main-menu.show a,
  #wrapper .header #main-menu.show a,
  #wrapper .header #main-menu.show .mega-menu > ul > li > a,
  #wrapper .header #main-menu.show .main-menu .nav > li > a,
  #wrapper #main-menu.show .menu-item a,
  #wrapper #block-martis-main-menu .menu-item a {
    background-color: #b781e3 !important;
    background: #b781e3 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    border: 2px solid #000 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0.65rem 1rem !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    font-weight: 600 !important;
    text-decoration: none !important;
  }

  #wrapper #main-menu.show .menu-item--active-trail > a,
  #wrapper #main-menu.show li.menu-item--active-trail > a,
  #wrapper #main-menu.show a.is-active,
  #wrapper #block-martis-main-menu .menu-item--active-trail > a,
  #wrapper #block-martis-main-menu a.is-active {
    background-color: #c9a0e8 !important;
    background: #c9a0e8 !important;
    color: white !important;
    -webkit-text-fill-color: white !important;
    border: 2px solid #000 !important;
  }

  #wrapper #main-menu.show a:hover,
  #wrapper #main-menu.show a:focus,
  #wrapper #block-martis-main-menu .menu-item a:hover {
    background-color: #c9a0e8 !important;
    background: #c9a0e8 !important;
    color: #ffffff !important;
  }
}

/* ==========================================================================
   DESKTOP header + main menu (city pages + homepage)
   Match reference layout site/cypress-tx layout, Johnny Detail purple theme.
   Root cause of crush: custom_css .navbar.header-center { padding: 0 25rem }
   ========================================================================== */
@media (min-width: 992px) {
  /* Kill 25rem side padding that collapses brand/info/contact into a pile */
  .header .navbar.header-center,
  .navbar.header-center,
  header.header .navbar.header-center {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .header .navbar.header-center > .container,
  .navbar.header-center > .container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0.65rem 1rem !important;
    box-sizing: border-box !important;
    gap: 0.75rem 1rem !important;
  }

  /* Brand — left */
  .header .header-side.navbar-brand,
  .navbar.header-center .header-side.navbar-brand {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 280px !important;
    min-width: 200px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    order: 1 !important;
  }

  .header .site-branding .container-wrap,
  .header #block-martis-branding .container-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.55rem 0.75rem !important;
    width: auto !important;
  }

  .header .brand.logo,
  .header .brand.logo img {
    max-width: 64px !important;
    width: 64px !important;
    height: auto !important;
    flex: 0 0 auto !important;
  }

  .header .brand.site-name {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
  }

  .header .site-branding-name a {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    color: #fff !important;
  }

  .header .site-branding-slogan {
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    opacity: 0.9 !important;
    white-space: nowrap !important;
    color: #fff !important;
    margin-top: 0.1rem !important;
  }

  /* City / hours — center flex grow (JD: location | hours) */
  .header .header-main-wrap,
  .header .navbar > .container > .header-main-wrap {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0.5rem !important;
    order: 2 !important;
    overflow: visible !important;
  }

  .header .header-main-wrap .header-item.header-main,
  .header .header-main,
  .header .region-header,
  .header #block-header-info2,
  .header #block-header-info2 .container-wrap,
  .header #block-header-info2 .block-content,
  .header #block-header-info2 .layout,
  .header #block-header-info2 .layout__region,
  .header #block-header-info2 .row,
  .header #block-header-info2 .block-layout-builder {
    display: block !important;
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto;
    padding: 0 !important;
    background: transparent !important;
  }

  /*
   * header-info — ALL desktop pages (home, city/taxonomy, service, etc.):
   * CSS grid 1fr|1fr so the divider is always dead-center between
   * location and hours. Equal padding either side of the border.
   * Do not rely on page-specific padding-left: 2rem hacks.
   */
  .header .header-info,
  .header .header-main-wrap .header-info,
  body.path-taxonomy .header .header-info {
    display: block !important;
    width: 100% !important;
    max-width: 520px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #fff !important;
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
  }

  /* Kill path-taxonomy / products negative margins that shrink the info slot */
  .path-taxonomy .header .header-main-wrap,
  .path-products .header .header-main-wrap,
  .path-product .header .header-main-wrap,
  .page-node-type-service .header .header-main-wrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .header .header-info .header-info-container,
  .path-taxonomy .header .header-info .header-info-container,
  .page-node-type-service .header .header-info .header-info-container,
  .path-frontpage .header .header-info .header-info-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .header .header-info .header-info-item--phone,
  .path-taxonomy .header .header-info .header-info-item--phone,
  .page-node-type-service .header .header-info .header-info-item--phone {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  /*
   * Kill theme + custom_css spacing that shove hours off mid:
   * custom_css: .header .header-info .header-info-item.header-info-location { margin-right: 3rem !important }
   * style.css:  .header-info .header-info-item { margin-left: 40px }
   * custom_css: flex 1 1 auto + justify center on items
   */
  .header .header-info .header-info-item,
  .header .header-info .header-info-location,
  .header .header-info .header-info-item--location,
  .header .header-info .header-info-hours,
  .header .header-info .header-info-item--hours,
  .header .header-info .header-info-item.header-info-location,
  .header .header-info .header-info-item.header-info-item--location,
  .header .header-info .header-info-item.header-info-hours,
  .header .header-info .header-info-item.header-info-item--hours,
  .header .header-info .header-info-item:first-child,
  .header .header-info .header-info-item:nth-child(2),
  .path-taxonomy .header .header-info .header-info-item,
  .path-taxonomy .header .header-info .header-info-item.header-info-location,
  .page-node-type-service .header .header-info .header-info-item,
  .page-node-type-service .header .header-info .header-info-item.header-info-location {
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
  }

  /* Each grid cell = exactly half; content hugs the center divider */
  .header .header-info .header-info-location,
  .header .header-info .header-info-item--location,
  .header .header-info .header-info-hours,
  .header .header-info .header-info-item--hours,
  .path-taxonomy .header .header-info .header-info-location,
  .path-taxonomy .header .header-info .header-info-item--location,
  .path-taxonomy .header .header-info .header-info-hours,
  .path-taxonomy .header .header-info .header-info-item--hours,
  .page-node-type-service .header .header-info .header-info-location,
  .page-node-type-service .header .header-info .header-info-item--location,
  .page-node-type-service .header .header-info .header-info-hours,
  .page-node-type-service .header .header-info .header-info-item--hours {
    flex: unset !important;
    flex-grow: unset !important;
    flex-shrink: unset !important;
    flex-basis: unset !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  /* Location — right half of left cell, equal pad to divider */
  .header .header-info .header-info-location,
  .header .header-info .header-info-item--location,
  .path-taxonomy .header .header-info .header-info-location,
  .path-taxonomy .header .header-info .header-info-item--location,
  .page-node-type-service .header .header-info .header-info-location,
  .page-node-type-service .header .header-info .header-info-item--location {
    padding-right: 1.5rem !important;
    padding-left: 0.25rem !important;
    border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
    justify-content: flex-end !important;
  }

  /*
   * Hours — left half of right cell, SAME pad as location so content
   * sits centered about the divider (replaces fragile page-only 2rem).
   */
  .header .header-info .header-info-hours,
  .header .header-info .header-info-item--hours,
  .path-taxonomy .header .header-info .header-info-hours,
  .path-taxonomy .header .header-info .header-info-item--hours,
  .page-node-type-service .header .header-info .header-info-hours,
  .page-node-type-service .header .header-info .header-info-item--hours {
    padding-left: 1.5rem !important;
    padding-right: 0.25rem !important;
    border-right: 0 !important;
    justify-content: flex-start !important;
  }

  .header .header-info .header-info-item--location .header-info-desc,
  .header .header-info .header-info-location .header-info-desc {
    text-align: right !important;
    width: auto !important;
    max-width: 100% !important;
  }

  /* Hours column: stack label + rows, center label over the hours block */
  .header .header-info .header-info-item--hours .header-info-desc,
  .header .header-info .header-info-hours .header-info-desc,
  .path-taxonomy .header .header-info .header-info-item--hours .header-info-desc,
  .page-node-type-service .header .header-info .header-info-item--hours .header-info-desc {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .header .header-info .header-info-desc,
  .header .header-info .header-info-desc span,
  .header .header-info .header-info-desc strong {
    color: #ffffff !important;
    font-size: 0.82rem !important;
    line-height: 1.3 !important;
  }

  .header .header-info .header-info-hours-label,
  .path-taxonomy .header .header-info .header-info-hours-label,
  .page-node-type-service .header .header-info .header-info-hours-label {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    margin: 0 0 0.2rem 0 !important;
    padding: 0 !important;
  }

  /* Desktop hours: day/time grid, centered under OUR HOURS */
  .header .header-info .header-info-hours-row,
  .path-taxonomy .header .header-info .header-info-hours-row,
  .page-node-type-service .header .header-info .header-info-hours-row {
    display: grid !important;
    grid-template-columns: max-content max-content !important;
    column-gap: 0.4rem !important;
    justify-content: center !important;
    justify-items: start !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    white-space: nowrap !important;
  }

  .header .header-info .header-info-hours-row .header-info-day {
    display: block !important;
    text-align: right !important;
  }

  .header .header-info .header-info-hours-row .header-info-time {
    display: block !important;
    text-align: left !important;
    font-weight: 600 !important;
  }

  /* Contact + cart — right */
  .header .header-right-wrap,
  .header .header-side.header-right-wrap,
  .header .navbar > .container > .header-right-wrap {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    max-width: none !important;
    min-width: 200px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0.75rem !important;
    order: 3 !important;
    position: static !important;
  }

  .header .header-item.header-right,
  .header .header-right,
  .header .region-header-right {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .header #block-call-to-order,
  .header #block-call-to-order > .container-wrap,
  .header #block-call-to-order > .container-wrap > .block-content,
  .header #block-call-to-order .field-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 10rem !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    text-align: center !important;
  }

  .header #block-call-to-order *,
  .header #block-call-to-order p,
  .header #block-call-to-order strong,
  .header #block-call-to-order a {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .header #block-call-to-order .text-sm,
  .header #block-call-to-order strong.text-sm {
    display: block !important;
    width: 100% !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #fff !important;
    opacity: 0.9 !important;
    text-align: center !important;
    margin: 0 0 0.2rem !important;
    line-height: 1.2 !important;
  }

  .header #block-call-to-order a.call-phone-link,
  .header #block-call-to-order .call-phone a,
  .header #block-call-to-order .call-phone {
    display: block !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-align: center !important;
    text-decoration: none !important;
    margin: 0 auto !important;
    white-space: nowrap !important;
    line-height: 1.25 !important;
    letter-spacing: 0.01em !important;
  }

  /* Cart sits next to contact — JD style */
  .header .header-right-wrap .cart-block,
  .header .header-right-wrap .block-commerce-cart,
  .header .header-element .cart-block-wrap,
  .header .header-right-wrap .cart--cart-block {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
  }

  .header .header-element {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .header .header-element .navbar-toggler {
    display: none !important; /* desktop: horizontal menu */
  }

  /* ---- Desktop primary nav bar (JD big pills → CY green) ----
   * Live JD desktop (reference layout site): dark purple bar, LARGE pills
   * pad ~11px 18px, min-height 44px, border 2px solid #000, radius 10px,
   * gap ~7–9px, flex-start, ul pad ~8px 14px. Map purple→CY green.
   * Homepage + city pages. (Mobile keeps its own green pill treatment.) */
  .header-menu,
  .header-menu .nav-menu,
  .navbar.nav-menu,
  .primary-menu,
  #main-menu.primary-menu,
  #main-menu.navbar-collapse,
  #main-menu.col-md-12,
  #main-menu.main-menu {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #3b0a5c !important; /* JD bar #3b0a5c → CY dark green */
    background-color: #3b0a5c !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
    float: none !important;
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .header-menu .nav-menu:before {
    display: none !important;
  }

  /* Desktop menu is always "open" (not hamburger) */
  #main-menu.collapse,
  #main-menu.navbar-collapse.collapse,
  #main-menu.navbar-collapse {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
  }

  /*
   * JD pill row: center-aligned, wrap, gap ~0.45rem 0.55rem,
   * container padding ~8px 14px, max-width content.
   */
  #main-menu .primary-menu,
  #main-menu .mega-menu,
  #main-menu .mega-menu > ul,
  #main-menu ul.nav.menu.menu-parent,
  #block-martis-main-menu ul.nav.menu.menu-parent,
  .header-menu ul.nav.menu.menu-parent,
  .header-menu .mega-menu > ul,
  .header-menu .nav-menu .mega-menu > ul,
  .primary-menu ul.nav.menu.menu-parent,
  .primary-menu .mega-menu > ul {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important; /* JD: center pills on desktop */
    gap: 0.45rem 0.55rem !important; /* JD ~7.2px 8.8px */
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0.5rem 0.85rem !important; /* JD ~8px 13.6px */
    min-height: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    list-style: none !important;
    box-sizing: border-box !important;
  }

  #main-menu li.menu-item,
  #block-martis-main-menu li.menu-item,
  .header-menu .mega-menu > ul > li,
  .header-menu .nav-menu .mega-menu > ul > li,
  ul.nav.menu.menu-parent > li.menu-item {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 0 !important;
    width: auto !important;
    float: none !important;
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /*
   * Desktop nav links — BIG JD-style pills, CY green:
   * JD: pad 11.2px 18.4px, minH 44px, h~45px, fs 15.2px, br 10px,
   * border 2px solid #000, bg #6716aa / active #c9a0e8.
   * CY:  #b781e3 / active #c9a0e8.
   */
  #wrapper #main-menu a,
  #wrapper #main-menu .menu-item a,
  #wrapper #main-menu .mega-menu > ul > li > a,
  #wrapper #main-menu .main-menu .nav > li > a,
  #wrapper #block-martis-main-menu .menu-item a,
  #wrapper .header-menu ul.nav.menu.menu-parent > li.menu-item > a,
  #wrapper .header-menu .mega-menu > ul > li > a,
  #wrapper .header-menu .nav-menu .mega-menu > ul > li > a,
  #wrapper .primary-menu ul.nav.menu.menu-parent > li.menu-item > a,
  .header-menu .mega-menu > ul > li > a,
  .header-menu .nav-menu .mega-menu > ul > li > a,
  .primary-menu .main-menu .nav > li > a,
  .primary-menu .mega-menu > ul > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-height: 2.75rem !important; /* ~44px JD */
    height: auto !important;
    padding: 0.7rem 1.15rem !important; /* ~11px 18px JD */
    margin: 0 !important;
    background: #b781e3 !important; /* JD #6716aa → CY mid green */
    background-color: #b781e3 !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    text-align: center !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important; /* ~15.2px JD */
    line-height: 1.25 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    letter-spacing: normal !important;
  }

  /* Active trail — lighter pill (JD #c9a0e8 → CY #c9a0e8) */
  #wrapper #main-menu .menu-item--active-trail > a,
  #wrapper #main-menu a.is-active,
  #wrapper #main-menu .mega-menu > ul > li > a.is-active,
  #wrapper #main-menu .mega-menu > ul > li.menu-item--active-trail > a,
  #wrapper #block-martis-main-menu .menu-item--active-trail > a,
  #wrapper #block-martis-main-menu a.is-active,
  #wrapper .header-menu ul.nav.menu.menu-parent > li.menu-item--active-trail > a,
  #wrapper .header-menu .mega-menu > ul > li.menu-item--active-trail > a,
  #wrapper .header-menu .nav-menu .mega-menu > ul > li.menu-item--active-trail > a {
    background: #c9a0e8 !important;
    background-color: #c9a0e8 !important;
    color: white !important;
    -webkit-text-fill-color: white !important;
    border: 2px solid #000000 !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
  }

  #wrapper #main-menu a:hover,
  #wrapper #main-menu a:focus,
  #wrapper #main-menu .mega-menu > ul > li > a:hover,
  #wrapper #main-menu .mega-menu > ul > li > a:focus,
  #wrapper #block-martis-main-menu .menu-item a:hover,
  #wrapper .header-menu ul.nav.menu.menu-parent > li.menu-item > a:hover,
  #wrapper .header-menu .mega-menu > ul > li > a:hover,
  #wrapper .header-menu .nav-menu .mega-menu > ul > li > a:hover {
    background: #b781e3 !important;
    background-color: #b781e3 !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
    border-radius: 10px !important;
    text-decoration: none !important;
  }
}


/* ==========================================================================
   SERVICE PAGES (node type: service) — JD layout, CY greens
   Shared content column aligned with pricing/blog gutters (~15px mobile).
   Overrides brittle custom_css rem hacks (23rem widths, -54.5rem mt, pb:22rem,
   overflow scroll on brag, stacked region/cards padding that narrows mobile).
   Applies to all published service nodes (city + generic).
   ========================================================================== */

/* ---- Shared content column (twocol hero + body cards) ---- */
/* Outer node shell: full width of main column, NO side pad (children own gutter) */

/* Shared content column: single gutter on twocol + cards only */

/* Body field block: full width, no extra pad (cards wrapper owns gutter) */

/* Nested cards wrapper: only one horizontal gutter (on the wrapper itself) */

/* Region shell: full width, NO nested side pad (children use --service-gutter) */

/* Twocol layout specifics */

/* Kill custom_css block:last-child -50rem on service pages */

/* ---- service-brag comparison table ---- */

/* No horizontal scroll — fit table to content column */

/* ---- Cards / summary / H1: same width column (kill custom 23rem offsets) ---- */

/* main-grid cards share full column on single-column (mobile) */

/* ---- Teaser icon (circular badge) ---- */

/* ---- Hero image block ---- */

/* ---- Text BG overlay (CREATE / EXPERIENCES etc.) ---- */

/* ==========================================================================
   DESKTOP service layout (≥992px)
   Two-column hero: image left | brag right; icon badge at column join.
   Cards column matches twocol outer width (same gutter / max).
   ========================================================================== */
@media (min-width: 992px) {

  /* Slightly roomier H1 on desktop */
}

/* ==========================================================================
   TABLET / MOBILE service layout (<992px)
   Stack: image → icon → brag → cards. Match pricing/blog width (~15px gutter).
   ========================================================================== */
@media (max-width: 991.98px) {
  /* Full-bleed main column so service content matches pricing/blog width.
     Scope to page content only — do not strip header .container padding. */
  .fontyourface.cyb-site-animate.page-node-265.path-node.page-node-type-service.page-automotive-services-auto-detailing .region-content,
  .fontyourface.cyb-site-animate.page-node-274.path-node.page-node-type-service.page-marine-and-rv-services-boat-detailing .region-content,
  .fontyourface.cyb-site-animate.page-node-600.path-node.page-node-type-service.page-houston-tx-automotive-services-motorcycle-detailing .region-content,
  .fontyourface.cyb-site-animate.page-node-601.path-node.page-node-type-service.page-jersey-village-tx-automotive-services-motorcycle-detailing.modal-open .region-content {
    margin-top: -2.5rem !important;
  }
  /* Onecol body layout: no extra region side pad from custom_css */

  /* Icon: centered under image */

  /* Brag: full shared column width, no scroll */

  /* Slightly tighter cell type so full table fits without scroll */

  /* Cards / summary / h1 — full shared column, aligned */

  /* Override per-node inline @media 640 padding that was too tight */
}

/* Extra-small: slightly smaller icon; keep full shared width */

/* ---- First region stacking: image + text-bg share one cell; icon below ---- */

/* ==========================================================================
   SERVICE PAGES — pricing instruction spacing under service cards
   Kill custom_css negative pulls so .nnc-pricing-instruction-container sits
   ~1rem below the last service card (desktop + mobile, all service nodes).
   Root cause: .layout--onecol margin-bottom:-64px + instruction margin-top:-1.5rem
   ========================================================================== */

/* Layout Builder onecol was pulling content-wide up into the cards */

/* Pricing region flush under main; 1rem comes from instruction margin-top */

@media (max-width: 991.98px) {

  /* Slightly larger gap on mobile so instruction text is fully visible */
}


/* Kill custom_css scale:2 on service flexslider images (overflows into blog title) */

/* Restore visible direction nav outside clipped viewport */

/* ==========================================================================
   SERVICE PAGES — blog FlexSlider direction nav (flex-nav-prev / next)
   Default FlexSlider parks prev at left:-50px (off-canvas) until hover, and
   .flex-disabled uses opacity:0 + z-index:-1. Force visible, in-bounds arrows
   on service page blog blocks.
   ========================================================================== */

/* Icon glyphs via flexslider font */

/* Disabled still visible but muted (single-slide edge case) */


/* ==========================================================================
   SERVICE PAGES — blog block title vs slider (mobile overlap)
   Force a real column stack so title and flexslider cannot share vertical space.
   Also kill custom_css negative title margins (-2rem / -6rem).
   ========================================================================== */

/* ==========================================================================
   SERVICE PAGES — tighten content-wide-top → twocol layout gap to ~1rem
   Empty post-content + empty Layout Builder onecol (bs-m-3) were adding ~50px
   before the hero twocol. Hide those and pin twocol margin-top to 1rem.
   ========================================================================== */

/* Empty chrome above hero (layout builder leftovers) */

/* Empty onecol regions with only empty basic blocks (not the body onecol) */

/* Bootstrap utility leftovers on empty LB blocks */

/* ==========================================================================
   SERVICE PAGES — FINAL mobile blog title/slider separation + spacing polish
   Must load last: custom_css teaser margin-bottom:-4rem/-64px and flexslider
   overflow:visible were still allowing the slider to paint over the title.
   ========================================================================== */

/* Keep direction nav clickable above clipped slides */

@media (max-width: 991.98px) {

  /* Mobile pricing: ensure full heading clearance under last card */
}

/* Ensure ~1rem between content-wide-top and main/twocol */

/* ==========================================================================
   SERVICE PAGES — final spacing pass (2026-07-29)
   1) Blog: custom_css sets
      .region.region-content-wide div.views-element-container { margin-top:-4rem }
      which beats earlier blog rules on specificity and pulls the flexslider
      ~64px into the block title on mobile (measured gap ≈ -44 with 20px flex gap).
   2) Top gap: .page-wrapper { margin-top:-10px } + container 1rem → net 6px.
      Zero page-wrapper pull so container 1rem is a true 1rem under content-wide-top.
   3) Mobile pricing: keep larger clearance under service cards; no top clip.
   ========================================================================== */

/* --- (1) Kill content-wide views-element-container -4rem pull (blog slider) --- */

/* Blog title stays above slider; extra mobile breathing room */

@media (max-width: 991.98px) {

  /* --- (3) Mobile pricing instruction: slightly larger gap, no top clip --- */
}

/* --- (2) content-wide-top → twocol: true 1rem (kill page-wrapper -10px) --- */

/* Keep twocol flush to the container top so the only gap is the 1rem above */

/* ==========================================================================
   SERVICE PAGES — pricing + blog tighten & center (2026-07-29 pass 2)
   - Mobile pricing: max 1rem from last card to instruction/tabs (was ~2.5–3rem)
   - Blog title: less space above (desktop+mobile) and slightly less below (mobile)
   - Blog block + title: center horizontally (was left-pinned in full-width region)
   ========================================================================== */

/* Kill residual space after last service card before content-wide/pricing.
   Separate rules (no :has() list) so one invalid selector cannot drop the set. */

/* --- Pricing instruction: 1rem max above, tight below to tabs/buttons --- */

/* --- Blog block: center title + slider; tighten vertical spacing --- */

/* Kill content-wide block padding that adds space above blog title */

/* Previous pricing block bottom pad was adding to blog title top gap */

@media (max-width: 991.98px) {
  /* Pull blog title up under pricing: kill residual package bottom pad */

  /* Blog block: same side gutters as service cards/pricing (~0.95rem), full column width */

  /* post-image stays slightly narrower but still centered in the same column */
}

/* ==========================================================================
   SERVICE PAGES — blog teaser post-image / post-content polish
   - .post-content + .post-image: 2px solid black border
   - post-image slightly narrower than post-content, rounder corners
   - image → content gap ≤ 1rem (desktop + mobile)
   ========================================================================== */

/* post-content: full teaser width + black border */

/* post-image: black border, slightly narrower than post-content, matching radius.
   Parent clips the photo so border-radius looks clean (no square corners peeking). */

/* Kill custom_css negative image pulls that collapse image into content */

/* ==========================================================================
   SERVICE PAGES — blog title pull-up + image/button overlap (no clip)
   Mobile: pull title tighter under pricing. Image slightly overlaps post-content
   (like read-more). Read-more stays overlapping content but fully visible
   (flexslider overflow:hidden was clipping ~12px of the button).
   ========================================================================== */

/* Image sits above content and overlaps it slightly */

/* Desktop: same full image as mobile (scaled up, same position) */

/* Read More: keep original position (custom_css style), not pulled up.
   Slight hang below content via negative margin-bottom; overflow visible so no clip. */

/* Stop flexslider from clipping the button when it hangs slightly below */

/* Tighten blog block bottom → "Want to customize a package?" block */

/* Direction nav still above slides */

@media (max-width: 991.98px) {
  /* Slightly tighter again under pricing (iPhone) */

  /* Original read-more placement on mobile — do not pull up */

  /* Tighten customize-package block after blog */
}

/* ==========================================================================
   BLOG PAGES (/blog listing + blog nodes) — match service-page blog teasers
   - 2px solid black on .post-content + .post-image
   - Image slightly narrower than content, centered over it
   - Full image visible; mobile column centered
   ========================================================================== */

/* Stack teaser so image centers over post-content (like service pages) */

/* Image: like service blog teasers — ~92% width, centered, slight drop + overlap */

/* Full image visible: natural aspect ratio */

/* Desktop: same centered narrower image as service teasers */

/* Listing grid: stop teasers stacking into each other
   (custom_css: article.blog-post-teaser.post-row { margin-bottom: -4rem }) */

/* Shared item reset (mobile stack + desktop grid) */

/* Desktop: horizontal multi-column grid (left→right, then next row).
   View is alignment:vertical (CSS columns); override to real CSS grid so
   cards read as a row grid instead of a single tall stack. */

/* Mobile: single-column stack — tighter gap between posts */
@media (max-width: 991.98px) {

  /* Symmetric page gutters so teasers aren't shoved right */
}

/* ==========================================================================
   BLOG FULL POST + LISTING — Johnny Detail purple + white palette
   Keep existing class names (.post-body, .region.region-content, .field-body,
   .blog-post-teaser, .post-content, etc.). Late-loaded so it beats theme
   custom_css mid-green chips + blue links / white-on-light wrap.

   Palette (readable + engaging variety):
     Forest   #3b0a5c  — page title ink, deepest accents
     Brand    #6716aa  — h2 gradient end, strong, FAQ Q
     Mid      #7b2cbf  — h3 chips, link hover
     Leaf     #b781e3  — h4 chips, list left rail
     Mint     #c9a0e8  — soft accents / gradients
     Soft     #f3e8ff  — primary body paragraph chips
     Mist     #f5f0fa  — alternating body / near-white panels
     White    #ffffff  — list cards, meta pills
     Ink      #1a0a24  — body text (near-black green)
     Link     #5b21b6  — underlined links on light chips
   ========================================================================== */

/* --- Full node: base body --- */

/* --- Body paragraphs: soft mint panels + deep ink (long-form readable) ---
   Left rail stays leaf/mint accent; top/right/bottom use soft mint (not heavy forest). */

/* Subtle rhythm: every other body paragraph is near-white mist */

/* Nested text in body paragraphs (not FAQ) */

/* --- Headings: layered greens + white (visual hierarchy) --- */

/* h2 — forest→brand gradient, white type (primary section) */

/* h3 — solid brand mid green, white type */

/* h4 — mint leaf chip, deep forest text (light-on-soft contrast) */

/* --- Lists: white cards + leaf accent rail (contrast vs soft-green paragraphs) --- */

/* Ordered list accent uses brand green rail */

/* --- Strong / emphasis --- */

/* --- Links: deep forest on light panels (not blue) --- */

/* --- Blockquotes: mist panel + mint rail --- */

/* --- Code: deep forest + mint text --- */

/* --- FAQ accordion: forest Q + soft-green A (light borders — no heavy green bottom) --- */

/* FAQ answer wrapper: even air above/below answer chip (not bottom-heavy) */

/* Answer panel: soft fill + mint rail; even internal padding */

/* Space between FAQ items lives on the question (not uneven answer bottom) */

/* --- Full-post title / meta --- */

/* Full-post tags strip */

/* --- Blog listing teasers --- */

/* Teaser card: brand gradient, white copy */

/* Meta pills: white chips, dark ink */

/* Read more: mint → forest gradient */

/* Tags on listing */

/* --- Mobile: same palette, slightly tighter spacing --- */
@media (max-width: 991.98px) {

  /* FAQ answers mobile: even top/bottom air, no bottom-heavy stack */
}

/* ==========================================================================
   Browse by Brand — full content width, multi-col grid
   Align L/R with content above; wider cards; mobile 2×N
   Block: #block-martis-views-block-product-categories-block-block-1 (+ --2)
   Appears on /products, brand/category taxonomy, product-related pages
   ========================================================================== */

/* Kill Bootstrap row gutters + justify-center that left empty side space
   and stacked mobile cards as a single centered column */
#block-martis-views-block-product-categories-block-block-1 .container-wrap,
#block-martis-views-block-product-categories-block-block-1--2 .container-wrap,
body.path-taxonomy [id*="product-categories-block-block-1"] .container-wrap {
  width: 100% !important;
  max-width: 1220px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

#block-martis-views-block-product-categories-block-block-1 .grid-wrapper,
#block-martis-views-block-product-categories-block-block-1--2 .grid-wrapper,
body.path-taxonomy [id*="product-categories-block-block-1"] .grid-wrapper,
#block-martis-views-block-product-categories-block-block-1 .row.grid-wrapper,
#block-martis-views-block-product-categories-block-block-1--2 .row.grid-wrapper {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  row-gap: 1rem !important;
  column-gap: 1rem !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 1.5rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  justify-content: stretch !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}

#block-martis-views-block-product-categories-block-block-1 .grid-wrapper > .grid-item,
#block-martis-views-block-product-categories-block-block-1--2 .grid-wrapper > .grid-item,
body.path-taxonomy [id*="product-categories-block-block-1"] .grid-wrapper > .grid-item {
  /* Override Bootstrap col-6 / col-lg-3 flex basis so grid cells fill */
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  flex-basis: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  box-sizing: border-box !important;
}

/* Slightly larger logo frame on wider cards (desktop default) — all product surfaces */
#block-martis-views-block-product-categories-block-block-1 .views-field-field-brand-logo .field-item,
#block-martis-views-block-product-categories-block-block-1 .views-field-field-brand-logo .field-content,
#block-martis-views-block-product-categories-block-block-1--2 .views-field-field-brand-logo .field-item,
#block-martis-views-block-product-categories-block-block-1--2 .views-field-field-brand-logo .field-content,
body.path-taxonomy [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-item,
body.path-taxonomy [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-content {
  width: 130px !important;
  height: 130px !important;
  max-width: 130px !important;
  max-height: 130px !important;
}

/* Mobile / tablet: 2-column brand grid, full content width gutters */
@media (max-width: 991.98px) {
  #block-martis-views-block-product-categories-block-block-1 .container-wrap,
  #block-martis-views-block-product-categories-block-block-1--2 .container-wrap,
  body.path-taxonomy [id*="product-categories-block-block-1"] .container-wrap {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0.85rem !important;
    padding-right: 0.85rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #block-martis-views-block-product-categories-block-block-1 .grid-wrapper,
  #block-martis-views-block-product-categories-block-block-1--2 .grid-wrapper,
  body.path-taxonomy [id*="product-categories-block-block-1"] .grid-wrapper,
  #block-martis-views-block-product-categories-block-block-1 .row.grid-wrapper,
  #block-martis-views-block-product-categories-block-block-1--2 .row.grid-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
    row-gap: 0.75rem !important;
    column-gap: 0.75rem !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #block-martis-views-block-product-categories-block-block-1 .grid-wrapper > .grid-item,
  #block-martis-views-block-product-categories-block-block-1--2 .grid-wrapper > .grid-item,
  body.path-taxonomy [id*="product-categories-block-block-1"] .grid-wrapper > .grid-item {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    padding: 0.85rem 0.65rem 0.9rem !important;
  }

  /* Logo scale for ~half-width mobile cards — all product surfaces */
  #block-martis-views-block-product-categories-block-block-1 .views-field-field-brand-logo .field-item,
  #block-martis-views-block-product-categories-block-block-1 .views-field-field-brand-logo .field-content,
  #block-martis-views-block-product-categories-block-block-1--2 .views-field-field-brand-logo .field-item,
  #block-martis-views-block-product-categories-block-block-1--2 .views-field-field-brand-logo .field-content,
  body.path-taxonomy [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-item,
  body.path-taxonomy [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-content {
    width: 96px !important;
    height: 96px !important;
    max-width: 96px !important;
    max-height: 96px !important;
    padding: 0.4rem !important;
  }

  #block-martis-views-block-product-categories-block-block-1 .views-field-name a,
  #block-martis-views-block-product-categories-block-block-1--2 .views-field-name a {
    font-size: 0.95rem !important;
  }

  #block-martis-views-block-product-categories-block-block-1 .views-field-description__value,
  #block-martis-views-block-product-categories-block-block-1--2 .views-field-description__value {
    font-size: 0.75rem !important;
    line-height: 1.35 !important;
  }
}

/* Mid desktop: 3 cols when content is a bit tight */
@media (min-width: 992px) and (max-width: 1199.98px) {
  #block-martis-views-block-product-categories-block-block-1 .grid-wrapper,
  #block-martis-views-block-product-categories-block-block-1--2 .grid-wrapper,
  body.path-taxonomy [id*="product-categories-block-block-1"] .grid-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* ==========================================================================
   Taxonomy page H1 titles — even top/bottom gaps (match front page)
   City pages use frontpagetitle* blocks + breadcrumbs; product brand/category
   use commerce-content-h1. Beat custom_css #wrapper … margin-bottom:-1rem.
   ========================================================================== */

/* Breadcrumbs: tight, symmetric padding so they don't inflate only the top */
html body.path-taxonomy #wrapper #block-breadcrumbs,
html body.path-taxonomy #block-breadcrumbs,
html body.path-taxonomy .block-system-breadcrumb-block {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0rem !important;
  padding-bottom: 0.5rem !important;
}

html body.path-taxonomy #wrapper #block-breadcrumbs .breadcrumb,
html body.path-taxonomy #block-breadcrumbs .breadcrumb,
html body.path-taxonomy .breadcrumb {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0rem !important;
  padding-bottom: 0.35rem !important;
}

html body.path-taxonomy .breadcrumb ul {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* City / service-area title blocks (frontpagetitle* / pagetitle*) */
html body.path-taxonomy #wrapper [id*="frontpagetitle"],
html body.path-taxonomy #wrapper [id*="pagetitle"],
html body.path-taxonomy #wrapper #content-wide-top [id*="frontpagetitle"],
html body.path-taxonomy #wrapper #content-wide-top [id*="pagetitle"] {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/*
 * H1 badge — equal air above and below.
 * Specificity must beat:
 *   #wrapper #content-wide-top .block-block-content .field-item > h1 { margin-bottom:-1rem }
 *   .path-taxonomy .row.layout.layout--onecol h1 { margin-bottom:-1rem }
 */
html body.path-taxonomy #wrapper #content-wide-top [id*="frontpagetitle"] h1,
html body.path-taxonomy #wrapper #content-wide-top [id*="pagetitle"] h1,
html body.path-taxonomy #wrapper #content-wide-top .block-block-content .field-item > h1,
html body.path-taxonomy #wrapper #content-wide-top .block-block-content .field-body > h1,
html body.path-taxonomy #wrapper [id*="frontpagetitle"] h1,
html body.path-taxonomy #wrapper [id*="pagetitle"] h1,
html body.path-taxonomy #wrapper .row.layout.layout--onecol h1,
html body.path-taxonomy .row.layout.layout--onecol h1 {
  margin-top: 0.75rem !important;
  margin-bottom: 0rem !important;
}

/* Next sibling after title (slider / content) — same air as top, no pull-up */
html body.path-taxonomy #wrapper [id*="frontpagetitle"] + .block,
html body.path-taxonomy #wrapper [id*="pagetitle"] + .block,
html body.path-taxonomy #wrapper [id*="frontpagetitle"] + .views-element-container,
html body.path-taxonomy #wrapper [id*="pagetitle"] + .views-element-container,
html body.path-taxonomy #wrapper #content-wide-top [id*="frontpagetitle"] + .block,
html body.path-taxonomy #wrapper #content-wide-top [id*="pagetitle"] + .block {
  margin-top: 0.75rem !important;
}

/* Product brand / category taxonomy listing H1s */
html body.path-taxonomy #wrapper .commerce-content-header.brand-listing-h1,
html body.path-taxonomy #wrapper .commerce-content-header.category-listing-h1,
html body.path-taxonomy #wrapper .commerce-content-header,
html body.path-taxonomy .commerce-content-header.brand-listing-h1,
html body.path-taxonomy .commerce-content-header.category-listing-h1,
html body.path-taxonomy .commerce-content-header {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body.path-taxonomy #wrapper .commerce-content-header .commerce-content-h1,
html body.path-taxonomy #wrapper h1.commerce-content-h1,
html body.path-taxonomy .commerce-content-header .commerce-content-h1,
html body.path-taxonomy h1.commerce-content-h1 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Mobile: keep even gaps, slightly tighter like front */
@media (max-width: 991.98px) {
  html body.path-taxonomy #wrapper #block-breadcrumbs,
  html body.path-taxonomy #block-breadcrumbs,
  html body.path-taxonomy .block-system-breadcrumb-block {
    padding-top: 0rem !important;
    padding-bottom: 0.4rem !important;
  }

  html body.path-taxonomy #wrapper [id*="frontpagetitle"],
  html body.path-taxonomy #wrapper [id*="pagetitle"],
  html body.path-taxonomy #wrapper #content-wide-top [id*="frontpagetitle"],
  html body.path-taxonomy #wrapper #content-wide-top [id*="pagetitle"] {
    margin-top: 0.6rem !important;
    margin-bottom: 0.6rem !important;
  }

  html body.path-taxonomy #wrapper #content-wide-top [id*="frontpagetitle"] h1,
  html body.path-taxonomy #wrapper #content-wide-top [id*="pagetitle"] h1,
  html body.path-taxonomy #wrapper #content-wide-top .block-block-content .field-item > h1,
  html body.path-taxonomy #wrapper #content-wide-top .block-block-content .field-body > h1,
  html body.path-taxonomy #wrapper [id*="frontpagetitle"] h1,
  html body.path-taxonomy #wrapper [id*="pagetitle"] h1,
  html body.path-taxonomy #wrapper .row.layout.layout--onecol h1,
  html body.path-taxonomy .row.layout.layout--onecol h1 {
    margin-top: 0.6rem !important;
    margin-bottom: 0.6rem !important;
  }

  html body.path-taxonomy #wrapper [id*="frontpagetitle"] + .block,
  html body.path-taxonomy #wrapper [id*="pagetitle"] + .block,
  html body.path-taxonomy #wrapper [id*="frontpagetitle"] + .views-element-container,
  html body.path-taxonomy #wrapper [id*="pagetitle"] + .views-element-container,
  html body.path-taxonomy #wrapper #content-wide-top [id*="frontpagetitle"] + .block,
  html body.path-taxonomy #wrapper #content-wide-top [id*="pagetitle"] + .block {
    margin-top: 0.6rem !important;
  }

  html body.path-taxonomy #wrapper .commerce-content-header.brand-listing-h1,
  html body.path-taxonomy #wrapper .commerce-content-header.category-listing-h1,
  html body.path-taxonomy #wrapper .commerce-content-header,
  html body.path-taxonomy .commerce-content-header {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}

@media (max-width: 575.98px) {
  html body.path-taxonomy #wrapper #content-wide-top [id*="frontpagetitle"] h1,
  html body.path-taxonomy #wrapper #content-wide-top [id*="pagetitle"] h1,
  html body.path-taxonomy #wrapper #content-wide-top .block-block-content .field-item > h1,
  html body.path-taxonomy #wrapper #content-wide-top .block-block-content .field-body > h1,
  html body.path-taxonomy #wrapper [id*="frontpagetitle"] h1,
  html body.path-taxonomy #wrapper [id*="pagetitle"] h1,
  html body.path-taxonomy #wrapper .row.layout.layout--onecol h1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0rem !important;
  }

  html body.path-taxonomy #wrapper [id*="frontpagetitle"],
  html body.path-taxonomy #wrapper [id*="pagetitle"] {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  html body.path-taxonomy #wrapper [id*="frontpagetitle"] + .block,
  html body.path-taxonomy #wrapper [id*="pagetitle"] + .block,
  html body.path-taxonomy #wrapper #content-wide-top [id*="frontpagetitle"] + .block {
    margin-top: 0.5rem !important;
  }
}

/* ==========================================================================
   Store / product pages — search block, H1, catalog results
   Widen + align with brand grid content width; clear brand↔search overlap;
   tighten excessive margins (custom_css: search width 55%/92%, mt -2rem/-4rem,
   commerce-content-header mt -4rem/-6.5rem, catalog margin-left 2rem).
   ========================================================================== */

/* --- Brand block: clear bottom space before search --- */

html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2 {
  margin-bottom: 1.25rem !important;
  padding-bottom: 0.25rem !important;
}

/* --- Product search exposed form block: full content width, no pull-up --- */

html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search,
html body.path-taxonomy #block-martis-exposedformproduct-catalogproduct-catalog-search {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 1220px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: -0.5rem !important; /* was -2rem / -4rem — clear brand overlap */
  margin-bottom: -0.5rem !important; /* was 4rem / 6rem — tighten */
  padding-left: 0.85rem !important;
  padding-right: 0.85rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

/* Inner form fills the block */

html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .container-wrap,
html body.path-taxonomy #wrapper #views-exposed-form-product-catalog-product-catalog-search,
html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .views-exposed-form {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Also cover product_search_form block id variants */

html body.path-taxonomy #wrapper #block-martis-product-search-form {
  width: 100% !important;
  max-width: 1220px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 1.25rem !important;
  margin-bottom: 1rem !important;
  padding-left: 0.85rem !important;
  padding-right: 0.85rem !important;
  box-sizing: border-box !important;
}

/* --- H1 / listing title header: full width, no negative pull into search --- */

html body.path-taxonomy #wrapper .commerce-content-header,
html body.path-taxonomy #wrapper .commerce-content-header.brand-listing-h1,
html body.path-taxonomy #wrapper .commerce-content-header.category-listing-h1,
html body.path-taxonomy .commerce-content-header {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 1rem !important; /* kill -4rem / -6.5rem */
  margin-bottom: 1rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  box-sizing: border-box !important;
}


html body.path-taxonomy #wrapper .commerce-content-header .commerce-content-h1,
html body.path-taxonomy #wrapper h1.commerce-content-h1,
html body.path-taxonomy h1.commerce-content-h1 {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* --- Product catalog / filtered results: full content width, aligned ---
   Stack chrome vertically: switch-icon (top) → teaser grid (full width) → pager (bottom).
   Previous display:flex without flex-direction:column laid header/grid/pager in a ROW,
   which left switch-icon on the left and pager on the right, squeezing the grid. */

html body.path-taxonomy #wrapper .product-catalog,
html body.path-taxonomy #wrapper .view-product-catalog,
html body.path-taxonomy #wrapper .view-id-product_catalog,
html body.path-taxonomy #wrapper .view-brand-product-listings,
html body.path-taxonomy #wrapper .view-product-category-listings,
html body.path-taxonomy .product-catalog {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important; /* kill path-taxonomy margin-left: 2rem */
  margin-right: 0 !important;
  margin-top: 0.5rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}

/* Catalog children: full width stack (header / grid / pager / footer) */

html body.path-taxonomy #wrapper .product-catalog > .view-header,
html body.path-taxonomy #wrapper .view-product-catalog > .view-header,
html body.path-taxonomy #wrapper .view-brand-product-listings > .view-header,
html body.path-taxonomy #wrapper .view-product-category-listings > .view-header,
html body.path-taxonomy #wrapper .product-catalog > .view-filters,
html body.path-taxonomy #wrapper .product-catalog > .view-content,
html body.path-taxonomy #wrapper .product-catalog > .grid-wrapper,
html body.path-taxonomy #wrapper .product-catalog > .row.grid-wrapper,
html body.path-taxonomy #wrapper .product-catalog > nav.pager,
html body.path-taxonomy #wrapper .product-catalog > .pager,
html body.path-taxonomy #wrapper .product-catalog > .pagerer-container,
html body.path-taxonomy #wrapper .product-catalog > .view-footer {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  float: none !important;
  box-sizing: border-box !important;
}

/* Switch-icon bar: above the grid, full width — never under sort form */

html body.path-taxonomy #wrapper .product-catalog > .view-header,
html body.path-taxonomy #wrapper .view-product-catalog > .view-header,
html body.path-taxonomy #wrapper .view-brand-product-listings > .view-header,
html body.path-taxonomy #wrapper .view-product-category-listings > .view-header {
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0.5rem !important;
  padding-bottom: 0.15rem !important;
  clear: both !important;
  overflow: visible !important;
  background: transparent !important;
}


html body.path-taxonomy #wrapper .product-catalog .switch-icon,
html body.path-taxonomy #wrapper .view-product-catalog .switch-icon {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.5rem !important;
  margin: 0 0 0.35rem 0 !important;
  position: relative !important;
  z-index: 3 !important;
  min-height: 42px !important;
}

/* Catalog sort form: own row BELOW switch-icon (was white overlay covering icons) */

html body.path-taxonomy #wrapper .product-catalog > form.views-exposed-form,
html body.path-taxonomy #wrapper .product-catalog > .views-exposed-form,
html body.path-taxonomy #wrapper .view-product-catalog > form.views-exposed-form {
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  float: none !important;
  clear: both !important;
  margin-top: 0.35rem !important;
  margin-bottom: 0.85rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: 0.35rem !important;
  padding-bottom: 0.35rem !important;
  box-sizing: border-box !important;
  background: transparent !important; /* avoid white sheet over switch */
}


html body.path-taxonomy #wrapper .product-catalog .view-content.grid-wrapper,
html body.path-taxonomy #wrapper .view-product-catalog .view-content.grid-wrapper,
html body.path-taxonomy #wrapper .view-brand-product-listings .view-content.grid-wrapper,
html body.path-taxonomy #wrapper .view-product-category-listings .view-content.grid-wrapper,
html body.path-taxonomy #wrapper .product-catalog > .row.grid-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
}

/* Pager + result footer: below grid, full width, centered controls.
   Neutralizes custom_css negative margins that assumed side-by-side chrome. */

html body.path-taxonomy #wrapper .product-catalog > nav.pager,
html body.path-taxonomy #wrapper .product-catalog > .pager,
html body.path-taxonomy #wrapper .product-catalog .pagerer-container,
html body.path-taxonomy #wrapper .view-product-catalog > nav.pager,
html body.path-taxonomy #wrapper .view-brand-product-listings > nav.pager,
html body.path-taxonomy #wrapper .view-product-category-listings > nav.pager {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: -3rem !important;
  margin-bottom: -0.25rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: 0.25rem !important;
  text-align: center !important;
  clear: both !important;
  float: none !important;
}


html body.path-taxonomy #wrapper .product-catalog .pager__items,
html body.path-taxonomy #wrapper .product-catalog ul.pager__items {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
}


html body.path-taxonomy #wrapper .product-catalog > .view-footer,
html body.path-taxonomy #wrapper .view-product-catalog > .view-footer {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0.5rem !important;
  margin-bottom: -2rem !important;
  text-align: center !important;
  clear: both !important;
  float: none !important;
}

/* Main content column on these pages — use full available width */

html body.path-taxonomy #wrapper .col-md-9.left-content.main-content,
html body.path-taxonomy #wrapper .region-content {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Page container alignment with brand grid */

html body.path-taxonomy #wrapper .page-wrapper > .container {
  max-width: 1220px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Mobile: same widen + clear gaps, slightly tighter */
@media (max-width: 991.98px) {
  
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 {
    margin-bottom: 1rem !important;
  }

  
  html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search,
  html body.path-taxonomy #block-martis-exposedformproduct-catalogproduct-catalog-search {
    width: 92% !important;
    max-width: 100% !important;
    margin-top: 1rem !important;
    margin-bottom: 0.85rem;
    margin-left: 1rem !important;
    margin-right: 0 !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    padding-bottom: 0.5rem !important;
  }

  
  html body.path-taxonomy #wrapper .commerce-content-header,
  html body.path-taxonomy .commerce-content-header {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  
  html body.path-taxonomy #wrapper .product-catalog,
  html body.path-taxonomy .product-catalog {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  
  html body.path-taxonomy #wrapper .page-wrapper > .container {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    max-width: 100% !important;
  }
}

/* Mobile polish: keep H1/catalog inside viewport (no -3px bleed) */
@media (max-width: 991.98px) {
  
  html body.path-taxonomy #wrapper .region-content,
  html body.path-taxonomy #wrapper .col-md-9.left-content.main-content {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  
  html body.path-taxonomy #wrapper .commerce-content-header,
  html body.path-taxonomy #wrapper .product-catalog {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Brand taxonomy: H1 is inside catalog view — keep header spacing tight */
  html body.path-taxonomy #wrapper .product-catalog .commerce-content-header,
  html body.path-taxonomy #wrapper .view-product-catalog .commerce-content-header,
  html body.path-taxonomy #wrapper .view-brand-product-listings .commerce-content-header,
  html body.path-taxonomy #wrapper .view-product-category-listings .commerce-content-header {
    margin-top: 0.5rem !important;
    margin-bottom: 0.75rem !important;
  }
}

/* ==========================================================================
   SERVICE PAGES — layered green + white content palette (2026-07-30)
   Keep class names (.service-cards-wrapper, .card, .summary-box, .process-step,
   .num, .main-grid). Beat per-node field_service_css + custom_css + martis-custom
   with body.page-node-type-service specificity.

   Palette (same family as blog, card-first layout):
     Forest   #3b0a5c  — borders, H1 ink, deepest accents
     Brand    #6716aa  — strong, summary rail, price accents
     Mid      #7b2cbf  — h3 chips, link hover, process nums
     Leaf     #b781e3  — list / paragraph left rails
     Mint     #c9a0e8  — soft accents, underlines, summary p rail
     Soft     #f3e8ff  — paragraph chips, pricing soft fills
     Mist     #f5f0fa  — wrapper background
     White    #ffffff  — cards, list items
     Ink      #1a0a24  — body copy
     Link     #5b21b6  — links on light panels
   ========================================================================== */

/* Wrapper canvas */

/* Page title — beat custom_css .row.layout.layout--onecol h1 leaf-green chip.
   Forest→brand gradient + white type (readable, matches card h2 hierarchy). */

/* FAQ section title (plain h2 under cards, often inline color:#000) */

/* Content + FAQ cards (same .card class)
   Soft mint outline on top/right/bottom; brand left rail (match blog body cards). */

/* Card h2 — forest→brand gradient chip */

/* Card h3 — mid green (FAQ questions + subheads) */

/* Paragraph chips inside cards — soft sides + leaf rail (same as blog p) */

/* List items: white chips + soft outline + leaf rail (match blog li) */

/* Summary hero box — soft outline + brand left rail */

/* Process steps — soft outline + leaf rail (match blog list chips) */

/* Circled step numbers — true optical vertical + horizontal center */

/* FAQ accordion (if present on any service) — light rails, no heavy green bars */

/* CTA card (often last centered card) */

/* ==========================================================================
   SERVICE PAGES — pricing block: readable type, borders, centered org tabs
   Beats custom_css white-on-purple + heavy black text-shadow on light fills.
   ========================================================================== */

/* ---- Org-type tabs: flex-centered label text, clear active/inactive ---- */

/* ---- Pricing card shell + borders ---- */

/* Timeline chip under package title */

/* Package price strip — high contrast mint on forest; kill animatecss transform leftovers */

/* Content body: soft fill + dark ink, NO black text-shadow */

/* Kill custom_css * text-shadow that ruins light-panel readability */

/* Pricing CTA buttons */

/* CTA images (SCHEDULE NOW) — keep crisp, no ghost text-shadow on parent */

/* ==========================================================================
   SERVICE PAGES — blog teaser block colors (match blog listing palette)
   ========================================================================== */

/* Teaser body: forest gradient + white type (like path-blog) */

/* Meta pills: white chips, forest ink */

/* Read more: mint → forest */

/* Image frame border matches green system */

/* Tags + comments row on green teaser body */

/* Mobile: keep readable type + spacing for cards / FAQ / pricing / tabs */

/* ==========================================================================
   SERVICE PAGES — package tabs↔content gap + full-width title/price (2026-07-30)
   - Tighten space between org-type tabs and package cards (esp. mobile)
   - Package title strip = same full width as price strip (not a narrow chip)
   - Blog teaser colors match service green system end-to-end
   ========================================================================== */

/* ---- Kill custom_css gaps: tabs → packages ---- */

/* Mobile slideshow packages — same tight top gap */

/* ---- Package title + price: identical full width of card ---- */

/* Title strip: full width of card (= price width), not a centered chip */

/* Timeline under title — also full width */

/* Price strip: same full width as title */

/* Content container full width under price */

/* ---- Mobile: even tighter tabs→packages + wider full-bleed titles ---- */
@media (max-width: 991.98px) {

  /* Packages use full content width on mobile */
}

/* ==========================================================================
   SERVICE PAGES — blog teaser block: match service green system
   (full card, title, meta, tags, read-more — beat residual custom_css)
   ========================================================================== */

/* NO outer frame on the teaser article — only image + post-content carry chrome */

/* Image frame: border + radius must match; clip img so corners aren’t “off” */

/* Body panel under image */

/* ==========================================================================
   SERVICE blog teaser — final shell + image fix (no outer frame)
   ========================================================================== */

/* custom_css often set .post-content-wrap { background: #b781e382; border: 2px solid black } */

/* ==========================================================================
   SERVICE cards — soft non-left borders (match blog body cards) final pass
   ========================================================================== */

/* ==========================================================================
   TEAM pages — soft non-left borders (match blog + service cards)
   Listing: body.path-team.page-team (.team-teaser / .team-content)
   Individual: body.page-node-type-team (.profile-cards-wrapper cards / FAQ)
   Left rail stays brand/leaf; top/right/bottom use soft mint #e9d5ff
   ========================================================================== */

/* ---- Team listing teasers (/team) ---- */

/* Listing grid items that wrap teasers */

/* ---- Individual team node content cards ---- */

/* FAQ cards on individual team bios */

/* Summary boxes if present on team bios */

/* Paragraph / list chips inside team profile cards (match blog p/li) */

/* Summary box paragraphs: mint left rail */

/* Team body lists / bio chips when present outside profile wrapper */

/* Kill heavy black 4px/2px frames from inline profile CSS + custom_css */

/* ==========================================================================
   TEAM listing + individual — layered green + white palette (2026-07-30)
   Match blog/service: white/mist cards, forest gradient headers, soft chips,
   dark ink body, soft mint outlines + brand/leaf left rails.
   Beats inline .profile-cards-wrapper style + custom_css mid-green shells.
   ========================================================================== */

/* ---------- Listing H1 / page title (content region only — never bare body h1) ---------- */

/* ---------- Listing teaser cards ---------- */

/* Name pill on listing */

/* Bio excerpt on listing — dark ink, readable (no universal * selector) */

/* Photo ring */

/* Social icons on listing */

/* ---------- Individual team header ---------- */

/* ---------- Profile cards wrapper canvas ---------- */

/* Outer wrapping .card that sometimes wraps all sections — flatten to transparent */

/* Content cards + nested cards — white shells, soft outline, brand rail */

/* Card headings — forest gradient chips, white type */

/* FAQ section title (plain h2) */

/* Body text chips inside cards */

/* Links — brand green, not purple */

/* FAQ cards — white shell, soft rail */

/* Summary box if used */

/* team-body residual text (outside profile cards) */

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

/* Flatten outer wrapping .card around all profile sections (no double frame) */

/* Inner section cards keep the white + soft-rail look */

/* FAQ grid should not sit in a solid green outer box */

/* Ensure profile wrapper itself is mist, not lavender from inline CSS */

/* Kill any remaining outer green shell around team profile content */

/* Direct child .card of wrapper = structural shell only (not a content card) */

/* Content cards one level deeper keep palette */

/* ==========================================================================
   TEAM fix pass — no outer box, banner/listing layout, header isolation
   2026-07-30
   ========================================================================== */

/* ---- NEVER let team palette leak into site chrome ---- */

/* Undo any accidental green gradient on non-content headings in chrome */

/* Narrow listing H1 — content only, never bare body h1 */

/* ==========================================================================
   INDIVIDUAL — kill outer content box completely
   ========================================================================== */

/* Content cards only (nested), not the structural shell */

/* ==========================================================================
   INDIVIDUAL — banner (avatar + name + socials)
   Structure: .team-header > .col-sm-5.figure > .team-thumb + .team-meta
   ========================================================================== */

/* Inner banner bar — full content width */

/* Kill custom_css absolute / negative meta offsets */

/* Detail column full width under banner on all breakpoints for cleaner stack */

/* ==========================================================================
   LISTING /team — teaser layout (desktop + mobile)
   Structure: .team-teaser > .team-thumb(img+social) + .team-meta(name,pos,bio)
   ========================================================================== */

/* Thumb column: photo + socials stacked, no absolute */

/* Photo frame only — never apply circle frame to social <a> icons */

/* Socials under avatar (inside thumb in markup) — plain icons, not photo frames */

/* Meta column */

/* Name pill — not overlaying avatar */

/* Do not recolor every descendant (was leaking) — only content text */

/* ==========================================================================
   MOBILE
   ========================================================================== */
@media (max-width: 991.98px) {
  /* Listing H1 */

  /* Listing teaser: stack avatar → socials → name → role → bio */

  /* Individual banner: full width, stack on small screens */

  /* Content cards full width, no outer shell */
}

/* Individual banner: keep avatar fully inside bar; kill leftover offsets */

/* Listing: ensure social icons never get photo-frame sizing from any leftover rule */

/* ==========================================================================
   TEAM polish 2026-07-30b — animation kill, banner, outer shell, listing,
   header isolation (must stay last in this file)
   ========================================================================== */

/* ---- Kill Animate.css heartBeat (scales name over the avatar) ---- */

/* ---- Header isolation (never restyle site chrome on team routes) ---- */

/* Do not force white / forest ink onto header descendants
html body.path-team .header a,
html body.path-team .header span,
html body.path-team .header strong,
html body.path-team .header .call-phone-link,
html body.path-team .header #block-call-to-order,
html body.path-team .header-info .header-info-title,
html body.path-team .header-info .header-info-desc,
html body.page-node-type-team #main-content a,
html body.page-node-type-team #main-content  span,
html body.page-node-type-team #main-content strong,
html body.page-node-type-team #main-content  .call-phone-link,
html body.page-node-type-team #main-content  #block-call-to-order,
html body.page-node-type-team .header-info .header-info-title,
html body.page-node-type-team .header-info .header-info-desc {
  /* leave cascade; only clear accidental team fills
  -webkit-text-fill-color: unset;
  text-shadow: none;
}
*/

/* ---- Individual: no outer content shell ---- */

/* Structural outer shell only (wrapper that only contains other cards) */

/* Real content cards (nested or direct with heading) keep single soft frame */

/* ---- Individual banner: solid flex, avatar never covers name ---- */

/* ---- Listing /team ---- */

/* Name pill on the h4 only — link inside stays transparent (avoids double frame) */

/* ---- Mobile ---- */
@media (max-width: 991.98px) {

  /* Individual banner stacks cleanly full-bleed of content column */
}


/* Team individual — center "Frequently Asked Questions" on all breakpoints */

/* ==========================================================================
   Service pages — center service-brag heading + "Want to customize a package?"
   (same treatment as team FAQ heading)
   ========================================================================== */

/* service-brag comparison card header / title / subtitle */

/* "Want to customize a package?" CTA block titles (all variants) */

/* Also center body intro text under that heading for a consistent CTA band */

/* ==========================================================================
   Service pages — engaging color polish for service-brag + customize CTA
   Palette: Forest #3b0a5c · Brand #6716aa · Mid #7b2cbf · Leaf #b781e3
            Mint #c9a0e8 · Soft #f3e8ff · Mist #f5f0fa · Border #e9d5ff · Ink #1a0a24
   ========================================================================== */

/* ---- service-brag comparison card shell ---- */

/* Header band — forest gradient, white title */

/* Subtitle as soft mint chip on the green header */

/* Table container */

/* Table headers — soft mint band, brand ink */

/* Johnny Detail recommended column header — solid brand green */

/* Feature labels as soft mint pills */

/* Johnny Detail column body cells — soft green wash */

/* Body cells / borders */

/* Checkmarks stronger brand green */

/* Badges — keep readable with brand-adjacent tones */

/* Footer trust strip */

/* ==========================================================================
   "Want to customize a package?" CTA — rich forest band + clear button
   ========================================================================== */

/* Title */

/* Decorative rule under title */

/* Body copy — high-contrast soft mint */

/* Primary CTA button — solid white/mint, forest text, strong border */

/* Mobile polish */

/* ==========================================================================
   Service CTA + brag fixes — center title for real, kill white gap, RECOMMENDED
   fully visible in cell (desktop + mobile)
   ========================================================================== */

/* ---- Customize package: full-width centered title (no left shrink-wrap) ---- */

/* Title stack — full width, true center (defeat clearfix + shrink-wrap) */

/* Kill clearfix pseudo-elements that break centering as flex items */

/* Decorative rule stays after title wrap (re-declare after clearfix kill) */

/* Kill white gap under CTA before footer */

/* If footer follows immediately, no spacer strip */

/* ==========================================================================
   RECOMMENDED badge — inside green column, centered, fully visible
   ========================================================================== */

/* Place RECOMMENDED as first line inside the cell (static flow, not clipped absolute) */

/* Hide legacy absolute ::after that clips off-cell */

/* Trust footer fully visible + centered in card */

/* Mobile tighten */
@media (max-width: 991.98px) {

  /* RECOMMENDED fully in cell on narrow columns */
}

/* ==========================================================================
   Customize CTA — beat #content-wide flex title-wrap (spec 1,5,0)
   ========================================================================== */

/* Also center body + button under full-width stack */

/* Keep green band flush to footer — no white strip */

/* RECOMMENDED: ensure badge stays inside green header cell on all widths */

/* Mobile RECOMMENDED + JOHNNY DETAIL: fit fully inside green cell */

/* ==========================================================================
   service-brag thead labels — vertical center + tight top/bottom padding
   KEY SERVICE FEATURES | JOHNNY DETAIL | OTHER AGENCIES | DIY / IN-HOUSE
   ========================================================================== */

/* First column also centered vertically; keep readable label */

/* Johnny Detail col — same tight padding as siblings (badge + label still stack) */

/* Kill legacy inline/body padding that forced 32px top on headers */

/* service-brag: thinner green top border above the 4 header cells */

/* Header row separator under the 4 labels — match: thin brand green */

/* Soften vertical dividers between headers to soft mint (not heavy black) */

/* ==========================================================================
   SERVICE PAGES — content-wide blog block showcase (desktop + mobile)
   Targets:
     body.page-node-type-service #content-wide [id*="views-block-blog"].block
     body.page-node-type-service .region.region-content-wide [id*="views-block-blog"].block
   Creative green + white palette (engaging, on-brand). Late-loaded.
   ========================================================================== */

/* --- Block shell: soft mist panel frames the whole insights carousel ---
   CENTERED on desktop + mobile (margin auto + calc width for gutters).
   Vertical: slightly tighter under pricing, slightly roomier above next block
   so the *visual* air matches (pricing residual bottom vs CTA top chrome).
   ========================================================================== */

/* Pricing package block: no extra bottom pad (blog owns the 1rem gap) */

/* Next block after blog (e.g. traditional detailing CTA): no extra top pad */

/* --- Block title: forest chip + white type + mint underline --- */

/* --- Slider / content area inside shell --- */

/* Teaser article stays frameless; card chrome lives on image + post-content */

/* --- Image frame: dual-tone ring (mint outer feel via shadow + forest edge) --- */

/* --- Content card: richer forest gradient + white hierarchy --- */

/* Title on card */

/* Excerpt — soft mint-white for secondary hierarchy */

/* Meta pills — crisp white on green card */

/* Tags as white pills */

/* Read more CTA — mint → forest, pill shape */

/* FlexSlider direction nav — green circular controls */

/* Desktop: roomier shell; centered; balanced visual gaps */

/* Mobile: centered, pricing-matched width (not left-pinned full-bleed) */
@media (max-width: 991.98px) {

  /* Container-wrap: no extra side pad (block already has gutter margins) */

  /* Pricing → blog: keep bottom of pricing flush so only blog margin-top = 1rem */
}

/* --------------------------------------------------------------------------
   FINAL pass: center blog block + balanced gaps (beats earlier left-pin / -1.2rem)
   -------------------------------------------------------------------------- */

/* Parent content-wide: center flex children if it becomes a flex column */

@media (max-width: 991.98px) {

  /* Double-gutter fix: earlier rules put gutter on container-wrap too */
}

/* ==========================================================================
   BASIC POLICY PAGES — layered green + white palette (2026-08-01)
   Scopes: page-privacy, page-terms-and-conditions, page-bookings-refunds
   Wrappers: .privacy-cards-wrapper | .terms-cards-wrapper | .policy-cards-wrapper
   Beats residual custom_css + older node styles. Match service/team cards.
   ========================================================================== */


.privacy-cards-wrapper,
.terms-cards-wrapper,
.policy-cards-wrapper {
  background: #f5f0fa !important;
  background-color: #f5f0fa !important;
  color: #1a0a24 !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}


.privacy-cards-wrapper h1,
.terms-cards-wrapper h1,
.policy-cards-wrapper h1 {
  background: linear-gradient(135deg, #3b0a5c 0%, #6716aa 55%, #7b2cbf 100%) !important;
  background-color: #3b0a5c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-align: center !important;
  font-weight: 800 !important;
  border: 2px solid #000 !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 10px rgba(59, 10, 92, 0.22) !important;
  padding: 0.75rem 1rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
  text-shadow: none !important;
}


.privacy-cards-wrapper .card,
.terms-cards-wrapper .card,
.policy-cards-wrapper .card,
.privacy-cards-wrapper .summary-box,
.terms-cards-wrapper .summary-box,
.policy-cards-wrapper .summary-box,
.privacy-cards-wrapper .faq-card,
.terms-cards-wrapper .faq-card,
.policy-cards-wrapper .faq-card {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #1a0a24 !important;
  border-top: 1px solid #e9d5ff !important;
  border-right: 1px solid #e9d5ff !important;
  border-bottom: 1px solid #e9d5ff !important;
  border-left: 5px solid #6716aa !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 14px -4px rgba(59, 10, 92, 0.1) !important;
}


.privacy-cards-wrapper .summary-box,
.policy-cards-wrapper .summary-box {
  border-left-width: 6px !important;
}


.privacy-cards-wrapper .card h2,
.terms-cards-wrapper .card h2,
.policy-cards-wrapper .card h2,
.privacy-cards-wrapper .summary-box h2,
.policy-cards-wrapper .summary-box h2 {
  background: linear-gradient(135deg, #3b0a5c 0%, #6716aa 55%, #7b2cbf 100%) !important;
  background-color: #3b0a5c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  display: inline-block !important;
  max-width: 100% !important;
  padding: 0.5rem 1rem !important;
  border-radius: 8px !important;
  border: 2px solid #000 !important;
  font-weight: 800 !important;
  box-shadow: 0 3px 10px rgba(59, 10, 92, 0.2) !important;
  text-shadow: none !important;
}


.privacy-cards-wrapper .card h3,
.terms-cards-wrapper .card h3,
.policy-cards-wrapper .card h3,
.privacy-cards-wrapper .faq-card h3,
.terms-cards-wrapper .faq-card h3,
.policy-cards-wrapper .faq-card h3 {
  background: #7b2cbf !important;
  background-color: #7b2cbf !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  display: inline-block !important;
  max-width: 100% !important;
  padding: 0.4rem 0.9rem !important;
  border-radius: 7px !important;
  border: 2px solid #000 !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 6px rgba(123, 44, 191, 0.2) !important;
  text-shadow: none !important;
}


.privacy-cards-wrapper .card p,
.terms-cards-wrapper .card p,
.policy-cards-wrapper .card p,
.privacy-cards-wrapper .card li,
.terms-cards-wrapper .card li,
.policy-cards-wrapper .card li,
.privacy-cards-wrapper .summary-box p,
.policy-cards-wrapper .summary-box p,
.privacy-cards-wrapper .faq-card p,
.terms-cards-wrapper .faq-card p,
.policy-cards-wrapper .faq-card p {
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  background: #f3e8ff !important;
  background-color: #f3e8ff !important;
  border-top: 1px solid #e9d5ff !important;
  border-right: 1px solid #e9d5ff !important;
  border-bottom: 1px solid #e9d5ff !important;
  border-left: 4px solid #b781e3 !important;
  border-radius: 8px !important;
  line-height: 1.65 !important;
}


.privacy-cards-wrapper .summary-box p,
.policy-cards-wrapper .summary-box p {
  border-left-color: #c9a0e8 !important;
}


.privacy-cards-wrapper a,
.terms-cards-wrapper a,
.policy-cards-wrapper a {
  color: #5b21b6 !important;
  -webkit-text-fill-color: #5b21b6 !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}

/* FAQ section plain h2 under cards */

/* ==========================================================================
   HOME + CITY MARKETING PAGES — layered green palette (2026-08-01)
   Home: body.path-frontpage
   Cities: body.page-houston-tx | page-katy-tx | page-cypress-tx |
           page-spring-tx | page-tomball-tx | page-jersey-village-tx
   Avoid bare path-taxonomy (shared with product catalog).
   ========================================================================== */

/* ---- Frontpage / city H1 title chips ---- */

/* ---- Slide additional content (SEO packs under carousel) ---- */

/* Benefit / step lists */

/* Trust badges */

/* Slide pack CTAs */

/* Slide pack nav buttons */
/* DISABLED 20260919 Row8 mobile bounce — white/8px chip fought purple SoT pills
html body.path-frontpage .slide-additional-nav__btn,
html body.page-houston-tx .slide-additional-nav__btn,
html body.page-katy-tx .slide-additional-nav__btn,
html body.page-cypress-tx .slide-additional-nav__btn,
html body.page-spring-tx .slide-additional-nav__btn,
html body.page-tomball-tx .slide-additional-nav__btn,
html body.page-jersey-village-tx .slide-additional-nav__btn {
  background: #ffffff !important;
  color: #3b0a5c !important;
  border: 2px solid #6716aa !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}
*/

/* ---- Testimonials block (home + cities share block id pattern) ---- */

/* ---- Partners block titles (home + city partner block ids) ---- */

/* Section spacing: slider → testimonials → partners */

/* END home-city-policy-palette-2026-08-01 */

/* ==========================================================================
   POLICY PAGES — beat legacy custom_css solid-green p / purple Last Updated
   custom_css still has: .region.region-content p { bg #6716aa; color white }
   and purple inline Last Updated (#4c1d95). Late CSS wins with html body + #wrapper.
   ========================================================================== */

/* Nuclear override: all card/summary/faq p+li stay soft+ink (not custom_css leaf/brand solid) */

/* FAQ cards white shell (not solid brand from custom_css) */

/* Wrapper canvas mist (custom_css unsets background) */

/* END policy custom_css beaters */

/* ==========================================================================
   SERVICE HUB LISTINGS — refined palette + original teaser chrome (2026-08-01)
   Goals: fewer borders, restore CREATE/EXPERIENCES + SECURE PLATFORMS text-bg,
   circular icons in original positions, centered Read More, mobile centering.
   Scope: path-automotive-services | path-marine-and-rv-services | page-*-tx-*-services
   Exclude: page-node-type-service (leaf nodes already styled)
   ========================================================================== */

/* Tokens */

/* ---- H1 title chip (single border, not double frames) ---- */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper #content-wide-top .field-body > h1,
html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper #content-wide-top .block-block-content .field-item > h1,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper #content-wide-top .field-body > h1,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper #content-wide-top .block-block-content .field-item > h1 {
  background: linear-gradient(135deg, #3b0a5c 0%, #6716aa 55%, #7b2cbf 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  border: 2px solid #000 !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 10px rgba(59, 10, 92, 0.18) !important;
  padding: 0.75rem 1.1rem !important;
  text-align: center !important;
  width: auto !important;
  max-width: min(960px, calc(100% - 2.25rem)) !important;
  margin: 0.5rem auto 0rem;
  display: block !important;
  line-height: 1.3 !important;
  box-sizing: border-box !important;
  margin-bottom: 0rem;
}

/* ---- Teaser card: soft shell, ONE light edge (no stacked borders) ---- */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 {
  position: relative !important;
  display: block !important;
  background: #ffffff !important;
  color: #1a0a24 !important;
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 16px -4px rgba(59, 10, 92, 0.14) !important;
  overflow: visible !important;
  padding: 0.5rem 0.5rem 0.75rem !important;
  margin: 0 auto 1.25rem !important;
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 0 !important;
}

/* Soft left accent only (no multi-side borders) */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2::before,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.65rem !important;
  bottom: 0.65rem !important;
  width: 4px !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #6716aa, #b781e3) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* ---- Image: no extra black frame ---- */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-image,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-image {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  border: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #1a0a24 !important;
  box-shadow: none !important;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-image img,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 auto !important;
}

/* ---- text-bg: restore CREATE / EXPERIENCES, SECURE / PLATFORMS overlay ---- */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg {
  position: absolute !important;
  left: 0.75rem !important;
  top: 18% !important;
  right: auto !important;
  width: auto !important;
  max-width: 58% !important;
  margin: 0 !important;
  padding: 0.55rem 0.7rem !important;
  background: rgba(123, 44, 191, 0.55) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
  z-index: 4 !important;
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  pointer-events: none !important;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .field-field-text-bg,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .field-field-text-bg {
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  width: auto !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-items,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-items {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 0.15rem !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
}

/* Word stack: CREATE / EXPERIENCES — large stroke type like before */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-item,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-item {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: clamp(1.15rem, 2.2vw, 1.65rem) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #c9a0e8 !important;
  -webkit-text-stroke: 1px #ffffff !important;
  text-shadow:
    -1px -1px 0 #3b0a5c,
     1px -1px 0 #3b0a5c,
    -1px  1px 0 #3b0a5c,
     1px  1px 0 #3b0a5c,
     0 2px 6px rgba(0, 0, 0, 0.35) !important;
  opacity: 0.95 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-item:nth-child(2),
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-item:nth-child(2) {
  padding-top: 0.15rem !important;
  margin-left: 0.35rem !important;
}

/* ---- Service icon: circular, original bottom-right over image style ---- */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon {
  position: absolute !important;
  top: auto !important;
  right: 0.85rem !important;
  left: auto !important;
  bottom: auto !important;
  /* Sit over lower-right of image area (matches prior listing chrome) */
  margin: 0 !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  width: 5.25rem !important;
  height: 5.25rem !important;
  max-width: 28% !important;
  border: 2px solid #000 !important;
  border-radius: 50% !important;
  background-color: #6716aa !important;
  background: linear-gradient(204deg, #c9a0e8, #7b2cbf) !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.28) !important;
  z-index: 5 !important;
  padding: 0.35rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  transform: none !important;
  scale: 1 !important;
  /* Position after image starts: use top relative to card; image is first block */
  top: clamp(9.5rem, 42%, 14rem) !important;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon img,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  margin: 0 !important;
  scale: 1 !important;
  max-width: 100% !important;
  display: block !important;
}

/* ---- Post content panel (description + title + CTA) ---- */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content {
  position: relative !important;
  background: #f5f0fa !important;
  background-color: #f5f0fa !important;
  border: 0 !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: none !important;
  margin: 0.65rem 0.15rem 0.15rem !important;
  padding: 0.85rem 0.75rem 1rem !important;
  text-align: center !important;
  color: #1a0a24 !important;
  width: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Title: simple weight, no extra chip border stack */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content h4,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content h4 {
  margin: 0 0 0.55rem !important;
  text-align: center !important;
  line-height: 1.3 !important;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content h4 a,
html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content h4 a span,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content h4 a,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content h4 a span {
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  display: inline !important;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content h4 a:hover,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content h4 a:hover {
  color: #7b2cbf !important;
  -webkit-text-fill-color: #7b2cbf !important;
}

/* Description: soft fill, NO heavy multi-border rails */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content .mb-3,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content .mb-3 {
  margin: 0 auto 0.75rem !important;
  max-height: 10rem !important;
  overflow-y: auto !important;
  text-align: left !important;
  max-width: 100% !important;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content .mb-3 .field-body,
html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content .mb-3 .field-item,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content .mb-3 .field-body,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content .mb-3 .field-item {
  background: #f3e8ff !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 0.65rem 0.8rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  text-align: left !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 0 !important;
  height: auto !important;
}

/* Read More — centered pill (single border) */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content > a,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content > a {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0.35rem auto 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content > a strong,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content > a strong {
  display: inline-block !important;
  margin: 0 auto !important;
  background: linear-gradient(135deg, #3b0a5c 0%, #6716aa 55%, #7b2cbf 100%) !important;
  background-color: #7b2cbf !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #000 !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  box-shadow: 0 2px 6px rgba(59, 10, 92, 0.2) !important;
  padding: 0.45rem 1.15rem !important;
  animation: none !important;
  -webkit-animation: none !important;
  text-align: center !important;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content > a:hover strong,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content > a:hover strong {
  background: linear-gradient(135deg, #6716aa 0%, #7b2cbf 100%) !important;
  color: #ffffff !important;
}

/* Grid: centered columns */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .page-wrapper .grid-item,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .page-wrapper .grid-item,
html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .region-content .grid-item,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .region-content .grid-item {
  display: flex !important;
  justify-content: center !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  box-sizing: border-box !important;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .breadcrumb a,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .breadcrumb a {
  color: #5b21b6 !important;
}

/* ---- Mobile: center everything, fix icon/text-bg scale ---- */
@media (max-width: 767.98px) {
  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper #content-wide-top .field-body > h1,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper #content-wide-top .field-body > h1 {
    width: calc(100% - 1rem) !important;
    max-width: 100% !important;
    font-size: 1.15rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0.4rem 0.4rem 0.65rem !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .page-wrapper .grid-item,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .page-wrapper .grid-item {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
    justify-content: center !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg {
    left: 0.55rem !important;
    top: 14% !important;
    max-width: 62% !important;
    padding: 0.4rem 0.5rem !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-item,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-item {
    font-size: 1.05rem !important;
    letter-spacing: 0.08em !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon {
    width: 4.25rem !important;
    height: 4.25rem !important;
    right: 0.65rem !important;
    top: clamp(8.5rem, 38vw, 12rem) !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content {
    text-align: center !important;
    margin-left: 0.1rem !important;
    margin-right: 0.1rem !important;
    padding: 0.75rem 0.65rem 0.9rem !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content > a,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content > a {
    justify-content: center !important;
    width: 100% !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content > a strong,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content > a strong {
    min-width: 8.5rem !important;
  }
}

/* Desktop icon nudge: align lower-right of hero image */
@media (min-width: 768px) {
  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon {
    width: 5.5rem !important;
    height: 5.5rem !important;
    right: 0.75rem !important;
    top: clamp(10.5rem, 28%, 15.5rem) !important;
  }
}

/* END hub-listing-palette-2026-08-01-v3 */

/* Hub v3 polish: plain titles (no solid green title chips) + cookie-free mobile QA */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content h4,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content h4,
html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content h4 a,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content h4 a {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #3b0a5c !important;
  color: #3b0a5c !important;
}

/* Ensure teaser card itself doesn't get double outline from custom_css */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser2 .post-content,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser2 .post-content {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
}

/* END hub-v3-title-polish */

/* ==========================================================================
   HUB LISTINGS v4 — bigger overlay type + icons, minimal borders, true center
   ========================================================================== */

/* Shared hub teaser scope shorthand via repeated selectors */

/* Card: minimal original-style border (single soft black + radius) */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 {
  border: 2px solid #1a0a24 !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 14px -4px rgba(59, 10, 92, 0.16) !important;
  background: #ffffff !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Soft left rail only (keep light accent, not a second heavy frame) */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2::before,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2::before {
  width: 3px !important;
  left: 2px !important;
  top: 0.75rem !important;
  bottom: 0.75rem !important;
  opacity: 0.85 !important;
}

/* Image: subtle inner edge, no thick black box */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-image,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-image {
  border: 1px solid rgba(26, 10, 36, 0.2) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* Post panel: light original border (minimal) */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content {
  border: 1px solid #e9d5ff !important;
  border-radius: 10px !important;
  background: #f5f0fa !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0.75rem !important;
}

/* Description chip: single soft edge */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content .mb-3 .field-item,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content .mb-3 .field-item {
  border: 1px solid #7424b8 !important;
  border-radius: 8px !important;
}

/* ---- Overlay text: bigger, upper-left inset (not flush, not vertical center) ---- */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg {
  position: absolute !important;
  /* inset from left ~8–10% of card — not edge, not center */
  left: 8% !important;
  right: auto !important;
  top: 11% !important;
  transform: none !important;
  max-width: 55% !important;
  width: auto !important;
  padding: 0.65rem 0.85rem !important;
  background: rgba(103, 22, 170, 0.52) !important;
  backdrop-filter: blur(9px) !important;
  -webkit-backdrop-filter: blur(9px) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.22) !important;
  z-index: 4 !important;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-item,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-item {
  font-size: clamp(1.45rem, 2.6vw, 2rem) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #c9a0e8 !important;
  -webkit-text-stroke: 1.15px #ffffff !important;
  text-shadow:
    -1px -1px 0 #3b0a5c,
     1px -1px 0 #3b0a5c,
    -1px  1px 0 #3b0a5c,
     1px  1px 0 #3b0a5c,
     0 3px 8px rgba(0, 0, 0, 0.4) !important;
  opacity: 0.98 !important;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-item:nth-child(2),
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-item:nth-child(2) {
  padding-top: 0.2rem !important;
  margin-left: 0.45rem !important;
}

/* ---- Service icon: larger (~25% of card), lower-right over image (pleasing) ---- */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon {
  position: absolute !important;
  width: 26% !important;
  max-width: 7.25rem !important;
  min-width: 5.75rem !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  /* Lower-right of image, slightly inset — original pleasing spot */
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: 6% !important;
  /* Sit on lower third of image area */
  top: 52% !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  border: 2px solid #000 !important;
  border-radius: 50% !important;
  background: linear-gradient(204deg, #c9a0e8 0%, #7b2cbf 55%, #6716aa 100%) !important;
  background-color: #6716aa !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.32) !important;
  z-index: 6 !important;
  padding: 0.4rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  scale: 1.15 !important;
  transform: none !important;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon img,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  margin: 0 !important;
  scale: 1 !important;
}

/* Grid: force center alignment of cards (desktop + mobile) */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .page-wrapper .row,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .page-wrapper .row,
html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .region-content .row,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .region-content .row {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: -0.5rem;
  margin-bottom: -1rem;
}


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .page-wrapper .grid-item,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .page-wrapper .grid-item,
html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .region-content .grid-item,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .region-content .grid-item,
html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .page-wrapper [class*="col-"],
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .page-wrapper [class*="col-"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Read More stays centered */

html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content > a,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content > a {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ---- Mobile: true center + scale type/icon ---- */
@media (max-width: 767.98px) {
  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .page-wrapper,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .page-wrapper {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .page-wrapper .container,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .page-wrapper .container {
    max-width: 100% !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .page-wrapper .grid-item,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .page-wrapper .grid-item,
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .page-wrapper [class*="col-"],
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .page-wrapper [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: center !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg {
    left: 5% !important;
    top: 10% !important;
    max-width: 100% !important;
    padding: 0.55rem 0.7rem !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-item,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-item {
    font-size: 1.35rem !important;
    letter-spacing: 0.12em !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon {
    width: 28% !important;
    min-width: 5.5rem !important;
    max-width: 6.5rem !important;
    right: 7% !important;
    top: 48% !important;
    scale: 1.2 !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .post-content {
    text-align: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0.65rem !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper #content-wide-top .field-body > h1,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper #content-wide-top .field-body > h1 {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}

/* Desktop: slightly larger type + icon sit lower-right of image */
@media (min-width: 768px) {
  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-item,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-item {
    font-size: clamp(1.55rem, 1.8vw, 2.05rem) !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon {
    width: 27% !important;
    max-width: 7.75rem !important;
    min-width: 6.25rem !important;
    right: 5.5% !important;
    top: 50% !important;
    scale: 1.2 !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg {
    left: 7.5% !important;
    top: 10% !important;
  }
}

/* END hub-listing-v4 */

/* ==========================================================================
   HUB v4.1 — pin larger icons to IMAGE lower-right (not mid-card %)
   text-bg stays upper-left inset; mobile cards stay centered
   ========================================================================== */


html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon,
html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon {
  /* Original-ish: absolute from card top, over lower image, big circle */
  top: 10.25rem !important;
  right: 0.85rem !important;
  left: auto !important;
  bottom: auto !important;
  width: 6.75rem !important;
  height: 6.75rem !important;
  min-width: 6.75rem !important;
  max-width: 6.75rem !important;
  scale: 1.22 !important;
  margin: 0 !important;
}

/* Desktop 3-col: image is wider; drop icon a bit further down the photo */
@media (min-width: 992px) {
  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon {
    top: 10.5rem !important;
    right: 0rem !important;
    width: 7.25rem !important;
    height: 7.25rem !important;
    min-width: 7.25rem !important;
    max-width: 7.25rem !important;
    scale: 1 !important;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991.98px) {
  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon {
    top: 12.5rem !important;
    right: 0.9rem !important;
    width: 6.5rem !important;
    height: 6.5rem !important;
    min-width: 6.5rem !important;
    max-width: 6.5rem !important;
    scale: 1.2 !important;
  }
}

/* Mobile: larger icon on image, left-inset overlay text bigger */
@media (max-width: 767.98px) {
  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .service-icon {
    top: 10.75rem !important;
    right: 0.7rem !important;
    width: 6.25rem !important;
    height: 6.25rem !important;
    min-width: 6.25rem !important;
    max-width: 6.25rem !important;
    scale: 1.25 !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg {
    left: 9% !important;
    top: 9% !important;
    max-width: 68% !important;
    padding: 0.6rem 0.75rem !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-item,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-item {
    font-size: 1.5rem !important;
    letter-spacing: 0.13em !important;
  }

  /* Center the whole mobile column hard */
  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .page-wrapper .main-content,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .page-wrapper .main-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Desktop overlay type a touch larger + left inset */
@media (min-width: 768px) {
  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg {
    left: 5% !important;
    top: 9% !important;
    max-width: 100% !important;
    padding: 0.7rem 0.9rem !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-item,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .service-teaser .text-bg .field-item {
    font-size: clamp(1.65rem, 1.9vw, 2.15rem) !important;
    letter-spacing: 0.15em !important;
  }
}

/* END hub-v4.1-icon-pin */

/* ==========================================================================
   HUB v4.2 — mobile cards full usable width (was ~22.5rem / too narrow)
   ========================================================================== */

@media (max-width: 767.98px) {
  /* Kill the artificial narrow cap */
  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* Columns / grid items: full width of content area */
  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .page-wrapper .grid-item,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .page-wrapper .grid-item,
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .region-content .grid-item,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .region-content .grid-item,
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .page-wrapper [class*="col-"],
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .page-wrapper [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Page container: modest side gutters only */
  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .page-wrapper > .container,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .page-wrapper > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .page-wrapper,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .page-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Title chip also uses full width comfortably */
  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper #content-wide-top .field-body > h1,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper #content-wide-top .field-body > h1 {
    width: calc(100% - 0.5rem) !important;
    max-width: 100% !important;
  }
}

/* END hub-v4.2-mobile-width */

/* ==========================================================================
   HUB v4.3 — FORCE full mobile width (col-md-9 + container + teaser)
   Root cause: layout is col-md-9 main column; earlier caps at 22.5rem; gutters.
   ========================================================================== */

@media (max-width: 991.98px) {
  /* Main column: use full row (no 75% leftover from md-9) */
  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .row.content-layout,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .row.content-layout {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .col-md-9.left-content.main-content,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .col-md-9.left-content.main-content,
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .left-content.main-content,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .left-content.main-content {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Hide empty/side chrome if it steals width on hubs */
  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .content-layout > .col-md-3,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .content-layout > .col-md-3,
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .region-sidebar-second,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .region-sidebar-second {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .page-wrapper > .container,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .page-wrapper > .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .container-wrap,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .container-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .feat-container.service-teaser.service-teaser2 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 767.98px) {
  /* Even tighter gutters on true phones */
  
  html body[class*="-automotive-services"]:not(.page-node-type-service) #wrapper .page-wrapper > .container,
  html body[class*="-marine-and-rv-services"]:not(.page-node-type-service) #wrapper .page-wrapper > .container {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

/* END hub-v4.3-full-width */

/* ==========================================================================
   STORE + PRODUCT PAGES — layered green palette (2026-08-01)
   Scopes: path-products, path-product, path-store, path-taxonomy (brand/cat
   under /products/*), page-store-home
   Match hub/service: mist canvas, white cards, forest H1 chips, soft borders,
   mobile full width. Beat solid-green category shells + custom_css widths.
   ========================================================================== */


body[class*="page-products"] {
  --shop-forest: #3b0a5c;
  --shop-brand: #6716aa;
  --shop-mid: #7b2cbf;
  --shop-leaf: #b781e3;
  --shop-mint: #c9a0e8;
  --shop-soft: #f3e8ff;
  --shop-mist: #f5f0fa;
  --shop-ink: #1a0a24;
  --shop-link: #5b21b6;
  --shop-border: #e9d5ff;
}

/* ---- Page H1: forest gradient chip (listing + product) ---- */

html body.path-taxonomy #wrapper h1.commerce-content-h1,
html body.path-taxonomy #wrapper .commerce-content-header .commerce-content-h1 {
  background: linear-gradient(135deg, #3b0a5c 0%, #6716aa 55%, #7b2cbf 100%) !important;
  background-color: #3b0a5c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  border: 2px solid #000 !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 10px rgba(59, 10, 92, 0.2) !important;
  padding: 0.7rem 1.05rem !important;
  text-align: center !important;
  display: block !important;
  width: auto !important;
  max-width: min(960px, 100%) !important;
  margin: 0.5rem auto 1rem !important;
  line-height: 1.3 !important;
  box-sizing: border-box !important;
}


html body.path-taxonomy #wrapper .commerce-content-header {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
}

/* ---- Categories block: mist shell, not solid green slab ---- */

html body.path-taxonomy #wrapper .view-product-categories-block {
  background: #f5f0fa !important;
  background-image: none !important;
  border: 1px solid #e9d5ff !important;
  border-left: 4px solid #6716aa !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px -4px rgba(59, 10, 92, 0.1) !important;
  color: #1a0a24 !important;
}


html body.path-taxonomy #wrapper .view-product-categories-block .product-categories-block__title {
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  font-weight: 800 !important;
  text-align: left !important;
}


html body.path-taxonomy #wrapper .view-product-categories-block .view-header {
  border-bottom: 2px solid #e9d5ff !important;
  border-image: none !important;
}

/* Parent category cards: light green shell (readable mint surface) */

html body.path-taxonomy #wrapper .product-category-parent {
  background: #faf5ff !important;
  background-image: none !important;
  color: #1a0a24 !important;
  border: 1px solid #e9d5ff !important;
  border-left: 5px solid #6716aa !important;
  border-radius: 12px !important;
  box-shadow: 0 3px 10px rgba(59, 10, 92, 0.08) !important;
  padding: 0.85rem 0.95rem !important;
}


html body.path-taxonomy #wrapper .product-category-parent__link a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  background: transparent !important;
}


html body.path-taxonomy #wrapper .product-category-parent__description {
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  opacity: 1 !important;
  background: #f3e8ff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 0.45rem 0.65rem !important;
  margin-top: 0.35rem !important;
}

/* Child category descriptions in Browse by Category (full text, no clamp) */

html body.path-taxonomy #wrapper .product-category-child__description,
html body.path-taxonomy #wrapper .view-product-categories-block .product-category-child__description {
  display: block !important;
  margin: 0.25rem 0 0.15rem !important;
  padding: 0.4rem 0.55rem !important;
  font-size: clamp(0.7rem, 1.65vw, 0.78rem) !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  background: #f3e8ff !important;
  border: 0 !important;
  border-radius: 8px !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  white-space: normal !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  text-overflow: unset !important;
  word-wrap: break-word !important;
  overflow-wrap: anywhere !important;
}


html body.path-taxonomy #wrapper .product-category-child__header {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.15rem !important;
  width: 100% !important;
}

/* Category listing page H1 deck (parent + child term pages) */

html body.path-taxonomy #wrapper .category-listing-description,
html body.path-taxonomy #wrapper .commerce-content-header.category-listing-h1 .category-listing-description {
  display: block !important;
  margin: 1.55rem auto 0 auto !important;
  padding: 0.65rem 0.85rem !important;
  max-width: 52rem !important;
  font-size: clamp(0.9rem, 2vw, 1.02rem) !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  background: #f3e8ff !important;
  border: 2px solid #6716aa !important;
  border-radius: 10px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35) !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  white-space: normal !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}

/* Child links: soft pills, not solid dark green bars */

html body.path-taxonomy #wrapper .product-category-children .product-category-child a {
  background: #f5f0fa !important;
  background-image: none !important;
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  border: 1px solid #e9d5ff !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}


html body.path-taxonomy #wrapper .product-category-children .product-category-child a:hover {
  background: #f3e8ff !important;
  border-color: #6716aa !important;
  color: #3b0a5c !important;
}

/* Brand logo grid cards */

html body.path-taxonomy #wrapper [id*="product-categories-block"] .grid-item > div {
  background: #ffffff !important;
  border: 1px solid #e9d5ff !important;
  border-radius: 12px !important;
  box-shadow: 0 3px 10px rgba(59, 10, 92, 0.08) !important;
}


html body.path-taxonomy #wrapper [id*="product-categories-block"] .views-field-name a {
  color: #3b0a5c !important;
  font-weight: 800 !important;
}

/* ---- Product teaser cards (catalog results) ---- */

html body.path-taxonomy #wrapper .product-teaser,
html body.path-taxonomy .product-teaser {
  border: 1px solid #e9d5ff !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px -4px rgba(59, 10, 92, 0.12) !important;
  overflow: hidden !important;
}


html body.path-taxonomy #wrapper .product-teaser:hover {
  border-color: #c9a0e8 !important;
  border-left-color: #6716aa !important;
  box-shadow: 0 8px 20px -6px rgba(59, 10, 92, 0.18) !important;
}


html body.path-taxonomy #wrapper .product-teaser .product-title a,
html body.path-taxonomy #wrapper a.product-title-link {
  color: #3b0a5c !important;
  font-weight: 800 !important;
}


html body.path-taxonomy #wrapper .product-teaser .product-price {
  color: #6716aa !important;
  font-weight: 800 !important;
}


html body.path-taxonomy #wrapper .product-teaser .button,
html body.path-taxonomy #wrapper .product-teaser-learn-more {
  background: linear-gradient(135deg, #3b0a5c 0%, #6716aa 55%, #7b2cbf 100%) !important;
  background-color: #6716aa !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #000 !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  text-align: center !important;
}

/* Short description soft chip */

html body.path-taxonomy #wrapper .product-teaser .field-field-short-description .field-item {
  background: #f3e8ff !important;
  color: #1a0a24 !important;
  border: 1px solid #7424b8 !important;
  border-radius: 8px !important;
  margin-bottom: 1.5rem !important;
}

/* ---- Search form ---- */

html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search {
  background: #f5f0fa !important;
  border: 1px solid #e9d5ff !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(59, 10, 92, 0.06) !important;
}


html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .form-submit,
html body.path-taxonomy #wrapper #edit-submit-product-catalog {
  background: linear-gradient(135deg, #3b0a5c 0%, #6716aa 55%, #7b2cbf 100%) !important;
  background-color: #6716aa !important;
  color: #ffffff !important;
  border: 2px solid #000 !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
}

/* ---- Shop benefit / icon boxes (store + products top) ---- */

/* ---- Product detail (path-product) ---- */

/* ---- Store listing pages ---- */

/* ---- Mobile / tablet: full width like hubs ---- */
@media (max-width: 991.98px) {
  
  html body.path-taxonomy #wrapper .col-md-9.left-content.main-content {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  
  html body.path-taxonomy #wrapper .region-sidebar-second {
    display: none !important;
  }

  
  html body.path-taxonomy #wrapper .page-wrapper > .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important;
  }

  
  html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  
  html body.path-taxonomy #wrapper h1.commerce-content-h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 1.2rem !important;
  }

  
  html body.path-taxonomy #wrapper .product-teaser {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Mobile / tablet: 2-column product teaser grid (was forced 1-col 100%).
     Use calc(50% - half-gap) so row gap from custom_css does not force wrap. */
  
  html body.path-taxonomy #wrapper .product-catalog .grid-wrapper,
  html body.path-taxonomy #wrapper .view-product-catalog .grid-wrapper,
  html body.path-taxonomy #wrapper .view-brand-product-listings .grid-wrapper,
  html body.path-taxonomy #wrapper .view-product-category-listings .grid-wrapper {
    gap: 0.5rem !important;
    row-gap: 0.65rem !important;
    column-gap: 0.5rem !important;
  }

  
  html body.path-taxonomy #wrapper .product-catalog .grid-wrapper > .grid-item,
  html body.path-taxonomy #wrapper .view-product-catalog .grid-wrapper > .grid-item,
  html body.path-taxonomy #wrapper .view-brand-product-listings .grid-wrapper > .grid-item,
  html body.path-taxonomy #wrapper .view-product-category-listings .grid-wrapper > .grid-item {
    flex: 0 0 calc(50% - 0.25rem) !important;
    max-width: calc(50% - 0.25rem) !important;
    width: calc(50% - 0.25rem) !important;
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 767.98px) {
  
  html body.path-taxonomy #wrapper .page-wrapper > .container {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

/* END store-product-palette-2026-08-01 */

/* ==========================================================================
   STORE/PRODUCT polish v2 (audit 2026-08-01)
   1) Drop extra outer border on taxonomy category shell
   2) Restore green brand logo cards (were forced white)
   3) Align search block full width/height on brand + category pages
   ========================================================================== */

/* 1) Taxonomy "Browse by Category" shell — no outer frame (inner cards keep rail) */

html body.path-taxonomy #wrapper .view-product-categories-block {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Keep parent cards as layered cards (soft mint edge, brand rail — no heavy black) */

html body.path-taxonomy #wrapper .product-category-parent {
  border: 1px solid #e9d5ff !important;
  border-left: 5px solid #6716aa !important;
  box-shadow: 0 3px 10px rgba(59, 10, 92, 0.08) !important;
}

/* 2) Brand logo grid — restore green gradient cards (commerce-material intent) */

html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .grid-wrapper > .grid-item,
html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .grid-wrapper .grid-item {
  background: linear-gradient(165deg, #4c1d95 0%, #3b0a5c 55%, #2d0847 100%) !important;
  background-color: #3b0a5c !important;
  border: 2px solid #000 !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28), 0 2px 6px rgba(59, 10, 92, 0.2) !important;
  padding: 1.1rem 0.85rem 1.15rem !important;
  overflow: hidden !important;
}

/* Undo white override on brand card children wrappers */

html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .grid-item > div {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Brand name on green card = white for contrast */

html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-name a,
html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-name {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
}

/* Logo plate stays white (readable logos) */

html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-item {
  background: #ffffff !important;
  border: 2px solid #000 !important;
}

/* Description text under brand if present */

html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-description__value {
  color: #f3e8ff !important;
  -webkit-text-fill-color: #f3e8ff !important;
}

/* 3) Search block — same content width as H1 / catalog on all product surfaces */

html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search,
html body.path-taxonomy #block-martis-exposedformproduct-catalogproduct-catalog-search {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  padding: 0.75rem 2rem !important;
  background: #f5f0fa !important;
  border: 1px solid #e9d5ff !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(59, 10, 92, 0.06) !important;
}


html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .container-wrap,
html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .views-exposed-form,
html body.path-taxonomy #wrapper #views-exposed-form-product-catalog-product-catalog-search {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Match search row height: inputs fill, submit aligned */

html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .form-item,
html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .form-actions {
  margin-bottom: 0.35rem !important;
  vertical-align: middle !important;
}


html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search input.form-text,
html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search input[type="text"] {
  width: 80% !important;
  max-width: 100% !important;
  min-height: 2.75rem !important;
  box-sizing: border-box !important;
  border: 1px solid #e9d5ff !important;
  border-radius: 8px !important;
  display: flex !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .form-submit,
html body.path-taxonomy #wrapper #edit-submit-product-catalog {
  min-height: 2.75rem !important;
  width: 30% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Kill leftover 92% search widths on product surfaces (older chrome rules) */
@media (max-width: 991.98px) {
  
  html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search,
  html body.path-taxonomy #block-martis-exposedformproduct-catalogproduct-catalog-search {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0.65rem !important;
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important;
  }

  /* Align H1 + search + catalog to same content column */
  
  html body.path-taxonomy #wrapper .commerce-content-header {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

/* Soften shopicon outer group if it got a black frame (benefit tiles keep their own border) */

/* END store-product-polish-v2 */

/* ==========================================================================
   STORE/PRODUCT polish v3 — shopicon border, titles, category radius, search
   ========================================================================== */

/* ---- 1) Next-day Shipping group: NO outer border ---- */

html body.path-taxonomy #wrapper #block-martis-shopiconbox {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}


html body.path-taxonomy #wrapper #block-martis-shopiconbox .field-item,
html body.path-taxonomy #wrapper #block-martis-shopiconbox .field-item > div,
html body.path-taxonomy #wrapper #block-martis-shopiconbox .box-icon-section {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Individual benefit tiles keep their own green chrome only */

html body.path-taxonomy #wrapper #block-martis-shopiconbox .box-icon-item {
  border-radius: 16px !important;
}

/* ---- 2) Browse by Category + Browse by Brand titles: centered, readable, even pad ---- */

html body.path-taxonomy #wrapper .view-product-categories-block .view-header,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 .view-header,
html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .view-header {
  text-align: center !important;
  margin: 1.25rem auto 1.1rem !important;
  padding: 0.85rem 0.75rem !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-image: none !important;
  background: transparent !important;
  box-shadow: none !important;
}


html body.path-taxonomy #wrapper .view-product-categories-block .product-categories-block__title,
html body.path-taxonomy #wrapper [id*="product-categories-block"] .product-categories-block__title,
html body.path-taxonomy #wrapper h2.product-categories-block__title {
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  text-shadow: none !important;
  background: transparent !important;
  text-align: center !important;
  margin: 0 auto !important;
  padding: 0.35rem 0.5rem !important;
  padding-left: 0.5rem !important; /* kill icon indent that looked like white text/icon */
  font-weight: 800 !important;
  font-size: clamp(1.25rem, 3vw, 1.55rem) !important;
  line-height: 1.3 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
}

/* Remove folder/icon pseudo that can read as white glyph beside title */

html body.path-taxonomy #wrapper .view-product-categories-block .product-categories-block__title::before,
html body.path-taxonomy #wrapper [id*="product-categories-block"] .product-categories-block__title::before,
html body.path-taxonomy #wrapper h2.product-categories-block__title::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

/* ---- 3) Category parent cards: proper border-radius all around ---- */

html body.path-taxonomy #wrapper .product-category-parent {
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid #e9d5ff !important;
  border-left: 5px solid #6716aa !important;
}


html body.path-taxonomy #wrapper .product-category-parent__header {
  border-radius: 10px !important; /* header is inside rounded parent */
  margin-bottom: 1rem !important;
}

/* ---- 4) Browse by Brand block: match category section chrome ---- */

html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1,
html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] {
  margin-top: 0.5rem;
  margin-bottom: 1.25rem !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Brand cards already green; ensure radius + black border consistent */

html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .grid-wrapper .grid-item {
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* ---- 5) Search for Available Products: readable title (not white) ---- */

html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .block-title,
html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search h2.block-title,
html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .block-title-content,
html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .block-title-wrap {
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  text-shadow: none !important;
  background: transparent !important;
  text-align: center !important;
  margin: 0.35rem auto 0.65rem !important;
  padding: 0.25rem 0.5rem !important;
  font-weight: 800 !important;
}

/* Search block slightly narrower to match content column */

html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search,
html body.path-taxonomy #block-martis-exposedformproduct-catalogproduct-catalog-search {
  width: min(100%, 920px) !important;
  max-width: min(100%, 920px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

@media (max-width: 991.98px) {
  
  html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search {
    width: calc(100% - 1rem) !important;
    max-width: calc(100% - 1rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Category grid even spacing under centered title */

html body.path-taxonomy #wrapper .view-product-categories-block .product-categories-list {
  margin-top: 0.35rem !important;
  margin-bottom: 1rem !important;
}

/* END store-product-polish-v3 */

/* ==========================================================================
   store-product-polish-v4 — 2026-08-01
   - Readable "Search products" label (kill custom_css white)
   - Narrow Search submit (not full width)
   - Stylish bottom border under Browse by Category / Brand
   - Even vertical title spacing between adjacent blocks
   ========================================================================== */

/* ---- 1) Search products label: forest ink, never white ---- */

html body.path-taxonomy #wrapper #views-exposed-form-product-catalog-product-catalog-search .control-label,
html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .control-label,
html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search label.control-label,
html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search label[for="edit-keys"],
html body.path-taxonomy #wrapper #views-exposed-form-product-catalog-product-catalog-search label[for="edit-keys"] {
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  text-shadow: none !important;
  background: transparent !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  justify-content: center !important;
}

/* Search block title (h2) — reinforce forest; beat animate white */

html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .block-title.animate__animated,
html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search h2.block-title.animate__animated.animate__pulse {
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
}

/* ---- 2) Narrow Search button (not 100% width) ---- */

html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .form-actions,
html body.path-taxonomy #wrapper #views-exposed-form-product-catalog-product-catalog-search .form-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0.15rem !important;
}


html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .form-submit,
html body.path-taxonomy #wrapper #edit-submit-product-catalog--2,
html body.path-taxonomy #wrapper #edit-actions--2 #edit-submit-product-catalog--2,
html body.path-taxonomy #wrapper #views-exposed-form-product-catalog-product-catalog-search input.form-submit {
  width: auto !important;
  min-width: 7.5rem !important;
  max-width: 10rem !important;
  flex: 0 0 auto !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}

/* ---- 3) Stylish bottom border under Browse by Category + Browse by Brand ---- */

html body.path-taxonomy #wrapper .view-product-categories-block .view-header,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 .view-header,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2 .view-header,
html body.path-taxonomy #wrapper [id*="product-categories-block"] .view-header {
  text-align: center !important;
  /* Even vertical: same air above title as below (to the cards) */
  margin: 0.65rem auto 0.65rem !important;
  padding: 0.55rem 0.75rem 0.7rem !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  /* soft mint rail + gold accent underline (stylish, not solid black) */
  border-image: linear-gradient(
    90deg,
    transparent 0%,
    #e9d5ff 12%,
    #6716aa 38%,
    #c9a227 50%,
    #6716aa 62%,
    #e9d5ff 88%,
    transparent 100%
  ) 1 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Title itself: compact, centered, forest; kill custom_css 3rem bottom on brand */

html body.path-taxonomy #wrapper .view-product-categories-block .product-categories-block__title,
html body.path-taxonomy #wrapper [id*="product-categories-block"] .product-categories-block__title,
html body.path-taxonomy #wrapper h2.product-categories-block__title,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2 .product-categories-block__title,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 .product-categories-block__title {
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  text-shadow: none !important;
  background: transparent !important;
  text-align: center !important;
  margin: 0 auto 0 !important;
  margin-bottom: 0 !important; /* kill custom_css margin-bottom: 3rem */
  padding: 0.2rem 0.5rem 0.35rem !important;
  font-weight: 800 !important;
  font-size: clamp(1.25rem, 3vw, 1.55rem) !important;
  line-height: 1.25 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: -3rem !important;
}

/* Content under titles sits close (matches top gap of header) */

html body.path-taxonomy #wrapper .view-product-categories-block .product-categories-list {
  margin-top: 0.55rem !important;
  margin-bottom: 0.85rem !important;
}


html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 .grid-wrapper,
html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .grid-wrapper,
html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .view-content {
  margin-top: 0.55rem !important;
}

/* Section blocks: balanced spacing between shop-icons / category / brand / search */

html body.path-taxonomy #wrapper #block-martis-views-block-product-categories {
  margin-top: -3rem !important;
  margin-bottom: 0.5rem !important;
}


html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1,
html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] {
  margin-top: -2rem;
  margin-bottom: 0.75rem !important;
}


html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search {
  margin-top: 0.5rem !important;
  margin-bottom: 1rem !important;
}

/* Mobile: keep label readable, button narrow, borders + title spacing */
@media (max-width: 991.98px) {
  
  html body.path-taxonomy #wrapper #views-exposed-form-product-catalog-product-catalog-search .control-label,
  html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .control-label {
    color: #1a0a24 !important;
    -webkit-text-fill-color: #1a0a24 !important;
    font-size: 0.95rem !important;
  }

  
  html body.path-taxonomy #wrapper #edit-submit-product-catalog--2,
  html body.path-taxonomy #wrapper #edit-actions--2 #edit-submit-product-catalog--2 {
    width: auto !important;
    min-width: 7rem !important;
    max-width: 9.5rem !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  
  html body.path-taxonomy #wrapper .view-product-categories-block .view-header,
  html body.path-taxonomy #wrapper [id*="product-categories-block"] .view-header {
    margin: 0.5rem auto 0.5rem !important;
    padding: 0.45rem 0.5rem 0.6rem !important;
    border-bottom: 2px solid transparent !important;
    border-image: linear-gradient(
      90deg,
      transparent 0%,
      #e9d5ff 10%,
      #6716aa 36%,
      #c9a227 50%,
      #6716aa 64%,
      #e9d5ff 90%,
      transparent 100%
    ) 1 !important;
  }

  
  html body.path-taxonomy #wrapper h2.product-categories-block__title {
    margin-bottom: 0 !important;
    font-size: clamp(1.15rem, 4.5vw, 1.4rem) !important;
  }
}

/* END store-product-polish-v4 */

/* store-product-polish-v4.1 — reliable title underline (not border-image only) */

html body.path-taxonomy #wrapper .view-product-categories-block .view-header,
html body.path-taxonomy #wrapper [id*="product-categories-block"] .view-header {
  border-bottom: 0 !important;
  border-image: none !important;
  position: relative !important;
  padding-bottom: 0.85rem !important;
}


html body.path-taxonomy #wrapper .view-product-categories-block .view-header::after,
html body.path-taxonomy #wrapper [id*="product-categories-block"] .view-header::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 0.15rem !important;
  width: min(18rem, 72%) !important;
  height: 3px !important;
  border-radius: 3px !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #e9d5ff 8%,
    #6716aa 32%,
    #c9a227 50%,
    #6716aa 68%,
    #e9d5ff 92%,
    transparent 100%
  ) !important;
  box-shadow: 0 1px 0 rgba(59, 10, 92, 0.12) !important;
  pointer-events: none !important;
}

/* END store-product-polish-v4.1 */

/* store-product-polish-v4.2 — single underline only (kill dual border-image + ::after) */

html body.path-taxonomy #wrapper .view-product-categories-block .view-header,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 .view-header,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2 .view-header,
html body.path-taxonomy #wrapper [id*="product-categories-block"] .view-header {
  border: 0 !important;
  border-bottom: 0 !important;
  border-image: none !important;
  border-image-source: none !important;
  border-image-slice: 0 !important;
  box-shadow: none !important;
}

/* Keep one stylish bar only via ::after (already defined in v4.1) */

html body.path-taxonomy #wrapper .view-product-categories-block .view-header::after,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 .view-header::after,
html body.path-taxonomy #wrapper [id*="product-categories-block"] .view-header::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 0.15rem !important;
  width: min(18rem, 72%) !important;
  height: 3px !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-image: none !important;
  border-radius: 3px !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #e9d5ff 8%,
    #6716aa 32%,
    #c9a227 50%,
    #6716aa 68%,
    #e9d5ff 92%,
    transparent 100%
  ) !important;
  box-shadow: 0 1px 0 rgba(59, 10, 92, 0.12) !important;
  pointer-events: none !important;
}

/* Also neutralize mobile re-application of border-image from v4 */
@media (max-width: 991.98px) {
  
  html body.path-taxonomy #wrapper .view-product-categories-block .view-header,
  html body.path-taxonomy #wrapper [id*="product-categories-block"] .view-header {
    border: 0 !important;
    border-bottom: 0 !important;
    border-image: none !important;
    border-image-source: none !important;
  }
}

/* END store-product-polish-v4.2 */

/* ==========================================================================
   blog-listing-palette-v1 — 2026-08-01
   SCOPE: /blog listing ONLY (body.path-blog.page-blog)
   Do NOT restyle page-node-type-blog full articles or service blog blocks.
   - H1 chrome + single gold/green underline
   - Search block readable (kill white title/label)
   - Teasers: service-style green cards, engaging meta/tags/Read More
   - Grid rhythm + pager
   ========================================================================== */

/* ---- Page shell ---- */

/* ---- H1 (blog listing title block) ---- */

/* Single stylish underline under H1 (not dual border) */

/* ---- Search Blog Posts (mirror product search polish) ---- */

/* ---- Teaser cards: match service blog block language (listing only) ---- */

/* Image frame: forest edge + soft lift (service polish) */

/* Content: green gradient card like service teasers */

/* Meta chips: white on green */

/* Tags */

/* Read More: service mint→forest pill, centered */

/* Grid: slightly roomier cards on listing */

/* ---- Pager ---- */

/* Hide empty sidebar frame if present */

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

/* END blog-listing-palette-v1 */

/* ==========================================================================
   blog-listing-teaser-v2 — 2026-08-01
   /blog LISTING teasers only (path-blog.page-blog)
   - Wider 2–3 col grid (not cramped 4-col stubs)
   - 16:9 image hero, service-like panel + radial green
   - Declutter: hide comments, tags row, field labels
   - Meta: date + category chips horizontal
   - Read More: pill CTA pinned bottom, equal card heights
   - Desktop + mobile engagement polish
   ========================================================================== */

/* ---- Grid: prefer 2–3 readable columns ---- */

/* ---- Card shell ---- */

/* ---- Image hero 16:9 ---- */

/* ---- Content panel ---- */

/* Hide Drupal field labels on listing cards */

/* Title */

/* Excerpt: 3 lines */

/* ---- Meta: only date + category, horizontal chips ---- */

/* Hide low-value meta on listing */

/* Nested field chrome inside category chip */

/* ---- Tags: hide on listing (reduce noise) ---- */

/* ---- Read More: pill CTA pinned to bottom ---- */

/* Focus rings */

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

/* END blog-listing-teaser-v2 */

/* ==========================================================================
   blog-listing-teaser-v2.1 — 2026-08-01
   Fixes from feedback:
   - Raise images; stop overlap into blog title (less negative margin)
   - Center date + category (+ author when shown)
   - Center Read More aesthetically (desktop + mobile)
   - Restore author + tags (were hidden in v2 declutter; now compact + centered)
   ========================================================================== */

/* Image higher, clear of title: positive gap under image, no deep overlap */

/* Content panel sits fully below image (no title tucked under photo) */

/* Title safe from any residual overlap */

/* ---- Meta: restore author; center all chips ---- */

/* Show author again; keep comments hidden (low value / "0 comments") */

/* ---- Tags: restore compact centered row ---- */

/* Hide "Tags:" label + tag icon noise; keep pill links */

/* ---- Read More: centered, aesthetic ---- */

/* Mobile refinements */

/* END blog-listing-teaser-v2.1 */

/* blog-listing: center teaser titles on /blog */

/* END blog title center */

/* ==========================================================================
   blog-listing-pager-v1 — 2026-08-01
   Fix pagerer on /blog: no overlap, centered stack, green pill buttons
   Desktop + mobile
   ========================================================================== */

/* Container: block, full width, centered content, no weird table/neg margins */

/* Panes: stack vertically (label above numbers), not table-row overlap */

/* Hide empty center pane if any */

/* Nav + list: horizontal centered flex */

/* "Page X of Y" chip */

/* Page number / next / last links */

/* Active page */

/* Hide "Current page" / "Page" visually-hidden span glitches if not hidden */

/* Next / last slightly wider for chevrons */

/* Generic pager fallback (if pagerer absent) */

/* Mobile */

/* END blog-listing-pager-v1 */

/* ==========================================================================
   STOREFRONT CONTENT RAIL + CATALOG CHROME (2026-08-01)
   Unify left/right edges for: search, H1, categories, brands, catalog grid.
   Desktop: full ~1220px rail (kill 92% search width / H1 side margins).
   Mobile: shared inset matching container padding.
   ========================================================================== */

/* --- Desktop/shared: one content rail max-width --- */

html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search,
html body.path-taxonomy #block-martis-exposedformproduct-catalogproduct-catalog-search {
  width: 100% !important;
  max-width: 1220px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  float: none !important;
}


html body.path-taxonomy #wrapper .commerce-content-header,
html body.path-taxonomy #wrapper .commerce-content-header.brand-listing-h1,
html body.path-taxonomy #wrapper .commerce-content-header.category-listing-h1,
html body.path-taxonomy .commerce-content-header {
  width: 100% !important;
  max-width: 1220px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  float: none !important;
}


html body.path-taxonomy #wrapper .commerce-content-header .commerce-content-h1,
html body.path-taxonomy #wrapper h1.commerce-content-h1,
html body.path-taxonomy h1.commerce-content-h1 {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Catalog shell on same rail as search/H1 (fill parent content column) */

html body.path-taxonomy #wrapper .product-catalog,
html body.path-taxonomy #wrapper .view-product-catalog,
html body.path-taxonomy #wrapper .view-brand-product-listings,
html body.path-taxonomy #wrapper .view-product-category-listings {
  width: 100% !important;
  max-width: 1220px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Brand + category browse blocks: same horizontal rail as catalog */

html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2,
html body.path-taxonomy #wrapper .view-product-categories-block {
  width: 100% !important;
  max-width: 1220px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .grid-wrapper,
html body.path-taxonomy #wrapper .view-product-categories-block .product-categories-list__items {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Product detail: align shared search only (do not force product H1 full rail) */

/* --- Mobile rail: shared inset, full width of container --- */
@media (max-width: 991.98px) {
  
  html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search,
  html body.path-taxonomy #block-martis-exposedformproduct-catalogproduct-catalog-search {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    /* Stay inside content rail — do not full-bleed past region padding */
    left: auto !important;
    right: auto !important;
    position: relative !important;
    box-sizing: border-box !important;
  }

  /* If search was pulled outside region width, clamp to same as catalog */
  
  html body.path-taxonomy #wrapper .region-content > #block-martis-exposedformproduct-catalogproduct-catalog-search {
    width: 100% !important;
    max-width: 100% !important;
  }

  
  html body.path-taxonomy #wrapper .commerce-content-header,
  html body.path-taxonomy #wrapper .commerce-content-header.brand-listing-h1,
  html body.path-taxonomy #wrapper .commerce-content-header.category-listing-h1,
  html body.path-taxonomy .commerce-content-header {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  
  html body.path-taxonomy #wrapper .product-catalog,
  html body.path-taxonomy #wrapper .view-product-catalog {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1,
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2,
  html body.path-taxonomy #wrapper .view-product-categories-block {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Keep region-content padding as the single inset source */
  
  html body.path-taxonomy #wrapper .region-content,
  html body.path-taxonomy #wrapper .col-md-9.left-content.main-content {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  
  html body.path-taxonomy #wrapper .page-wrapper > .container {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  /* Switch + sort form stack: extra clear space on small screens */
  
  html body.path-taxonomy #wrapper .product-catalog > .view-header {
    margin-bottom: 0.65rem !important;
    min-height: 46px !important;
  }

  
  html body.path-taxonomy #wrapper .product-catalog > form.views-exposed-form {
    margin-top: 0.5rem !important;
    margin-bottom: 0.75rem !important;
    background: transparent !important;
  }
}

/* END storefront-content-rail-2026-08-01 */

/* List mode (switch-icon): full-width rows override 2-col */
@media (max-width: 991.98px) {
  
  html body.path-taxonomy #wrapper .product-catalog .grid-wrapper > .grid-item.list-grid {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* Search lives in region-content-wide-top (full-bleed). Constrain to content rail. */

html body.path-taxonomy #wrapper .region-content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search,
html body.path-taxonomy .content-wide #block-martis-exposedformproduct-catalogproduct-catalog-search {
  width: 100% !important;
  max-width: 1190px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

@media (max-width: 991.98px) {
  
  html body.path-taxonomy #wrapper .region-content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search,
  html body.path-taxonomy .content-wide #block-martis-exposedformproduct-catalogproduct-catalog-search {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    box-sizing: border-box !important;
  }

  /* Inner form fill padded block */
  
  html body.path-taxonomy #wrapper .region-content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search .container-wrap,
  html body.path-taxonomy #wrapper .region-content-wide-top #views-exposed-form-product-catalog-product-catalog-search {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

/* ==========================================================================
   store-product-polish-v5 — 2026-08-01
   1) path-product: Browse by Category / Brand match /products styling
   2) path-product: product-post clear of search block (no overlap)
   3) /products (+ listings): wider content rail — kill 920px search shrink,
      reduce double padding so catalog matches brand/category width
   ========================================================================== */

/* ---- 1) Browse by Category / Brand titles + cards on product detail too ---- */

/* Brand cards on product pages — same green cards as /products */

/* ---- 2) product-post: clear search block — kill negative pull ---- */

/* Search on product pages: solid bottom margin so content can't ride under it */

/* Main/content after search on product detail */

/* Commerce product shell spacing under search */

/* ---- 3) Wider rail on storefront pages (undo 920px shrink + double pad) ---- */

html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search,
html body.path-taxonomy #block-martis-exposedformproduct-catalogproduct-catalog-search {
  width: 100% !important;
  max-width: 1220px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Catalog fills main content width (desktop) */

html body.path-taxonomy #wrapper .product-catalog,
html body.path-taxonomy #wrapper .view-product-catalog,
html body.path-taxonomy #wrapper .view-brand-product-listings,
html body.path-taxonomy #wrapper .view-product-category-listings {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Page container: allow full 1220 content */

html body.path-taxonomy #wrapper .page-wrapper > .container {
  max-width: 1280px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}


html body.path-taxonomy #wrapper .col-md-9.left-content.main-content,
html body.path-taxonomy #wrapper .region-content {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  box-sizing: border-box !important;
}

@media (max-width: 991.98px) {
  /* Single inset source — wider usable catalog */
  
  html body.path-taxonomy #wrapper .page-wrapper > .container {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    max-width: 100% !important;
  }

  
  html body.path-taxonomy #wrapper .col-md-9.left-content.main-content,
  html body.path-taxonomy #wrapper .region-content {
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  
  html body.path-taxonomy #wrapper .product-catalog {
    width: 100% !important;
    max-width: 100% !important;
  }

  
  html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  /* product-post mobile clearance */
}

/* END store-product-polish-v5 */

/* Clamp mobile storefront columns — prevent l < 0 bleed after pad tighten */
@media (max-width: 991.98px) {
  
  html body.path-taxonomy #wrapper .col-md-9.left-content.main-content,
  html body.path-taxonomy #wrapper .region-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  
  html body.path-taxonomy #wrapper .product-catalog {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ==========================================================================
   store-product-grid-fullwidth-v1 — 2026-08-01
   Product teaser .row.grid-noppading.justify-content-center.grid-wrapper
   must span full content width edge-to-edge matching H1 (not a narrow
   centered 3-col cluster from flex 25% + gap).
   ========================================================================== */

/* Align catalog + H1 on same rail */

html body.path-taxonomy #wrapper .commerce-content-header,
html body.path-taxonomy #wrapper .product-catalog {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}


html body.path-taxonomy #wrapper h1.commerce-content-h1,
html body.path-taxonomy #wrapper .commerce-content-header .commerce-content-h1 {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Full-width product teaser grid — CSS grid so 4 equal cols fill edge-to-edge */

html body.path-taxonomy #wrapper .product-catalog .row.grid-noppading.justify-content-center.grid-wrapper,
html body.path-taxonomy #wrapper .product-catalog .row.grid-wrapper,
html body.path-taxonomy #wrapper .product-catalog .view-content.grid-wrapper,
html body.path-taxonomy #wrapper .view-product-catalog .grid-wrapper,
html body.path-taxonomy #wrapper .view-brand-product-listings .grid-wrapper,
html body.path-taxonomy #wrapper .view-product-category-listings .grid-wrapper {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.85rem !important;
  row-gap: 1rem !important;
  column-gap: 0.85rem !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  justify-content: stretch !important;
  justify-items: stretch !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
  /* kill Bootstrap row negative margins */
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Grid items fill their tracks — ignore Bootstrap col-6/col-lg-3 flex */

html body.path-taxonomy #wrapper .product-catalog .grid-wrapper > .grid-item,
html body.path-taxonomy #wrapper .product-catalog .row.grid-wrapper > .grid-item,
html body.path-taxonomy #wrapper .product-catalog .row.grid-noppading.justify-content-center.grid-wrapper > .col-6,
html body.path-taxonomy #wrapper .product-catalog .grid-wrapper > .col-6.col-sm-6.col-md-4.col-lg-3.grid-item,
html body.path-taxonomy #wrapper .view-product-catalog .grid-wrapper > .grid-item,
html body.path-taxonomy #wrapper .view-brand-product-listings .grid-wrapper > .grid-item,
html body.path-taxonomy #wrapper .view-product-category-listings .grid-wrapper > .grid-item {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  flex-basis: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  float: none !important;
}

/* Teaser card fills cell */

html body.path-taxonomy #wrapper .product-catalog .grid-wrapper .grid-item > .product-teaser-wrap {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
}

/* List mode: single column full width */

html body.path-taxonomy #wrapper .product-catalog .grid-wrapper > .grid-item.list-grid {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Tablet: 3 columns */
@media (max-width: 991.98px) {
  
  html body.path-taxonomy #wrapper .product-catalog .row.grid-noppading.justify-content-center.grid-wrapper,
  html body.path-taxonomy #wrapper .product-catalog .row.grid-wrapper,
  html body.path-taxonomy #wrapper .product-catalog .grid-wrapper,
  html body.path-taxonomy #wrapper .view-product-catalog .grid-wrapper,
  html body.path-taxonomy #wrapper .view-brand-product-listings .grid-wrapper,
  html body.path-taxonomy #wrapper .view-product-category-listings .grid-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.65rem !important;
    column-gap: 0.65rem !important;
    row-gap: 0.75rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  
  html body.path-taxonomy #wrapper .product-catalog .grid-wrapper > .grid-item {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Keep H1 + catalog + grid aligned to same edges */
  
  html body.path-taxonomy #wrapper .commerce-content-header,
  html body.path-taxonomy #wrapper .product-catalog,
  html body.path-taxonomy #wrapper h1.commerce-content-h1 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Very small phones: still 2-col full width */
@media (max-width: 575.98px) {
  
  html body.path-taxonomy #wrapper .product-catalog .grid-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.5rem !important;
  }
}

/* END store-product-grid-fullwidth-v1 */

/* Align product catalog + H1 to identical region edges (kill 1220 cap mismatch) */

html body.path-taxonomy #wrapper .region-content > .commerce-content-header,
html body.path-taxonomy #wrapper .region-content .commerce-content-header,
html body.path-taxonomy #wrapper .region-content .product-catalog,
html body.path-taxonomy #wrapper .region-content .views-element-container .product-catalog {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}


html body.path-taxonomy #wrapper .region-content h1.commerce-content-h1,
html body.path-taxonomy #wrapper .region-content .commerce-content-header .commerce-content-h1 {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}


html body.path-taxonomy #wrapper .region-content .product-catalog .row.grid-wrapper,
html body.path-taxonomy #wrapper .region-content .product-catalog .grid-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Main content column: no extra side margin that offsets catalog vs H1 */

html body.path-taxonomy #wrapper .col-md-9.left-content.main-content {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  box-sizing: border-box !important;
}


html body.path-taxonomy #wrapper .region-content {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 991.98px) {
  
  html body.path-taxonomy #wrapper .col-md-9.left-content.main-content,
  html body.path-taxonomy #wrapper .page-wrapper > .container {
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  
  html body.path-taxonomy #wrapper .region-content,
  html body.path-taxonomy #wrapper .product-catalog,
  html body.path-taxonomy #wrapper .commerce-content-header,
  html body.path-taxonomy #wrapper .product-catalog .grid-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Kill .container-wrap 1220px cap that shrinks product-catalog vs H1 */

html body.path-taxonomy #wrapper .region-content .container-wrap,
html body.path-taxonomy #wrapper .lc-main-content .container-wrap,
html body.path-taxonomy #wrapper .block-system-main-block .container-wrap,
html body.path-taxonomy #wrapper .region-content .block-content,
html body.path-taxonomy #wrapper .region-content .views-element-container {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}


html body.path-taxonomy #wrapper .region-content .product-catalog,
html body.path-taxonomy #wrapper .region-content .product-catalog .grid-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* H1 header same full region width */

html body.path-taxonomy #wrapper .region-content .commerce-content-header {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Final alignment: kill Bootstrap negative row margins so grid L/R = H1 L/R */

html body.path-taxonomy #wrapper .region-content .row,
html body.path-taxonomy #wrapper .product-catalog .row,
html body.path-taxonomy #wrapper .content-layout.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


html body.path-taxonomy #wrapper .col-md-9.left-content.main-content {
  padding-left: 0.85rem !important;
  padding-right: 0.85rem !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}


html body.path-taxonomy #wrapper .region-content .product-catalog,
html body.path-taxonomy #wrapper .region-content .commerce-content-header,
html body.path-taxonomy #wrapper .region-content .container-wrap,
html body.path-taxonomy #wrapper .region-content .views-element-container {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  position: relative !important;
  box-sizing: border-box !important;
}


html body.path-taxonomy #wrapper .region-content .product-catalog .grid-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ==========================================================================
   storefront-mobile-rail-v1 + title-chrome-v1 — 2026-08-01
   1) Mobile: brand grid / search / product teaser share one edge-to-edge rail
   2) Browse by Category + Brand: reliable underline + even gaps (all paths)
   ========================================================================== */

/* ---- Canonical title chrome (wins over earlier v3/v4 conflicts) ---- */

html body.path-taxonomy #wrapper .view-product-categories-block .view-header,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 .view-header,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2 .view-header,
html body.path-taxonomy #wrapper [id*="product-categories-block"] .view-header {
  text-align: center !important;
  position: relative !important;
  margin: 0.75rem auto 0.65rem !important;
  padding: 0.55rem 0.75rem 0.95rem !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-image: none !important;
  background: transparent !important;
  box-shadow: none !important;
}


html body.path-taxonomy #wrapper .view-product-categories-block .view-header::after,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 .view-header::after,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2 .view-header::after,
html body.path-taxonomy #wrapper [id*="product-categories-block"] .view-header::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 0.2rem !important;
  width: min(18rem, 72%) !important;
  height: 3px !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #e9d5ff 8%,
    #6716aa 32%,
    #c9a227 50%,
    #6716aa 68%,
    #e9d5ff 92%,
    transparent 100%
  ) !important;
  box-shadow: 0 1px 0 rgba(59, 10, 92, 0.12) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}


html body.path-taxonomy #wrapper .view-product-categories-block .product-categories-block__title,
html body.path-taxonomy #wrapper [id*="product-categories-block"] .product-categories-block__title,
html body.path-taxonomy #wrapper h2.product-categories-block__title,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 .product-categories-block__title,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2 .product-categories-block__title {
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  text-shadow: none !important;
  background: transparent !important;
  text-align: center !important;
  margin: 0 auto !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0 !important;
  padding: 0.25rem 0.5rem 0.4rem !important;
  font-weight: 800 !important;
  font-size: clamp(1.25rem, 3vw, 1.55rem) !important;
  line-height: 1.25 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Kill title ::before icons */

html body.path-taxonomy #wrapper .product-categories-block__title::before,
html body.path-taxonomy #wrapper [id*="product-categories-block"] .product-categories-block__title::before {
  content: none !important;
  display: none !important;
}

/* Even gap: title → cards */

html body.path-taxonomy #wrapper .view-product-categories-block .product-categories-list {
  margin-top: 0.55rem !important;
  margin-bottom: 0.85rem !important;
}


html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 .grid-wrapper,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2 .grid-wrapper,
html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .grid-wrapper {
  margin-top: 0.55rem !important;
  margin-bottom: 1rem !important;
}

/* Section block spacing (no huge negative pull) */

html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2 {
  margin-top: -5.5rem !important;
  margin-bottom: 0.85rem !important;
}

/* ---- Mobile shared rail: brand grid ≈ search ≈ teaser (L~14, W~full-inset) ---- */
@media (max-width: 991.98px) {
  /* Content-wide host for brand block + search */
  
  html body.path-taxonomy #wrapper .region-content-wide-top,
  html body.path-taxonomy #wrapper .content-wide {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

   html body.path-taxonomy #wrapper #content-wide-bottom {
    margin-top: -0.5rem !important;
  }

  /* Shared horizontal inset token ≈ brand grid (14px on 390) */
  
  html body.path-taxonomy #wrapper .page-wrapper > .container {
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  
  html body.path-taxonomy #wrapper .col-md-9.left-content.main-content,
  html body.path-taxonomy #wrapper .region-content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* Brand + category blocks: same inset as main content */
  
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1,
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2,
  html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"],
  html body.path-taxonomy #wrapper .view-product-categories-block {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
    box-sizing: border-box !important;
  }

  
  html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .container-wrap,
  html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .grid-wrapper,
  html body.path-taxonomy #wrapper .view-product-categories-block .product-categories-list__items {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Search: same rail (content-wide-top full bleed → pad to match brand) */
  
  html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search,
  html body.path-taxonomy #wrapper .region-content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
    box-sizing: border-box !important;
  }

  
  html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .container-wrap,
  html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .views-exposed-form {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Catalog + teaser grid: match brand/search rail (no extra nested pad) */
  
  html body.path-taxonomy #wrapper .region-content .container-wrap,
  html body.path-taxonomy #wrapper .region-content .views-element-container,
  html body.path-taxonomy #wrapper .region-content .block-content,
  html body.path-taxonomy #wrapper .region-content .product-catalog,
  html body.path-taxonomy #wrapper .region-content .commerce-content-header {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  
  html body.path-taxonomy #wrapper .product-catalog .grid-wrapper,
  html body.path-taxonomy #wrapper .product-catalog .row.grid-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* H1 same rail */
  
  html body.path-taxonomy #wrapper h1.commerce-content-h1,
  html body.path-taxonomy #wrapper .commerce-content-header {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

/* END storefront-mobile-rail-v1 + title-chrome-v1 */

/* ==========================================================================
   category-width-match-brand-v1 — 2026-08-01
   Browse by Category was narrower than Browse by Brand on mobile because
   padding was applied both on the outer block and .view-product-categories-block.
   Match brand block: pad outer shell once; view/list fill 100%.
   Also force path-product category chrome parity with /products.
   ========================================================================== */

/* Outer category block = same full-bleed shell as brand block */

html body.path-taxonomy #wrapper #block-martis-views-block-product-categories,
html body.path-taxonomy #wrapper .block-views-blockproduct-categories-block-block-product-categories {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Nested view + containers fill the shell (no second inset) */

html body.path-taxonomy #wrapper #block-martis-views-block-product-categories .container-wrap,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories .views-element-container,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories .view-product-categories-block,
html body.path-taxonomy #wrapper .view-product-categories-block {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}


html body.path-taxonomy #wrapper .view-product-categories-block .product-categories-list,
html body.path-taxonomy #wrapper .view-product-categories-block .product-categories-list__items,
html body.path-taxonomy #wrapper .view-product-categories-block .view-content {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Category parent cards fill rail */

html body.path-taxonomy #wrapper .product-category-parent {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* path-product: full category card chrome (same as /products) */

@media (max-width: 991.98px) {
  /* Single shared inset on outer category + brand shells only */
  
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories,
  html body.path-taxonomy #wrapper .block-views-blockproduct-categories-block-block-product-categories,
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1,
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2,
  html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
    box-sizing: border-box !important;
  }

  /* CRITICAL: strip padding we previously put on the category VIEW itself */
  
  html body.path-taxonomy #wrapper .view-product-categories-block,
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories .view-product-categories-block,
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories .views-element-container,
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories .views-element-container.row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Kill Bootstrap row negative margins on category wrapper */
  
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories .row,
  html body.path-taxonomy #wrapper .view-product-categories-block .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  
  html body.path-taxonomy #wrapper .view-product-categories-block .product-categories-list__items,
  html body.path-taxonomy #wrapper .product-category-parent {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Brand grid inside padded shell — full content width of shell */
  
  html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .grid-wrapper,
  html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .container-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
}

/* END category-width-match-brand-v1 */

/* ==========================================================================
   category-desktop-rail-v1 — 2026-08-01
   Desktop only: Browse by Category was forced max-width 100% / full viewport
   by category-width-match-brand-v1. Cap it to the same 1220px centered rail
   as Browse by Brand. Mobile (≤991.98) rules stay unchanged.
   ========================================================================== */
@media (min-width: 992px) {
  
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories,
  html body.path-taxonomy #wrapper .block-views-blockproduct-categories-block-block-product-categories {
    width: 100% !important;
    max-width: 1220px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    box-sizing: border-box !important;
  }

  
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories .container-wrap,
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories .views-element-container,
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories .view-product-categories-block,
  html body.path-taxonomy #wrapper .view-product-categories-block {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  
  html body.path-taxonomy #wrapper .view-product-categories-block .product-categories-list,
  html body.path-taxonomy #wrapper .view-product-categories-block .product-categories-list__items {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Keep brand block on the same 1220 rail for alignment */
  
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1,
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2 {
    max-width: 1220px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

/* END category-desktop-rail-v1 */

/* ==========================================================================
   path-product category/brand parity with listing pages — 2026-08-01
   Product detail pages were missing path-products/path-taxonomy soft-pill
   category chrome (mint child chips, padded parents, description chips).
   Brand cards already mostly match; lock remaining tokens.
   ========================================================================== */

/* Parent cards: same as listing (light green shell) */

/* Parent title link: match listing (white on green header when present; forest fallback) */

/* If header is not green-filled, forest text is more readable — header bar itself */


html body.path-taxonomy #wrapper .product-category-parent__header {
  background: linear-gradient(135deg, #6716aa 0%, #3b0a5c 100%) !important;
  border-radius: 10px !important;
  padding: 0.45rem 0.65rem !important;
  margin-bottom: 0.55rem !important;
}


html body.path-taxonomy #wrapper .product-category-parent__link a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
}

/* Description chip */

/* Child chips: soft mint pills — same size/padding as listing (0.9rem 1rem) */

/* Also lock listing child geometry so path-product and path-taxonomy stay identical */

html body.path-taxonomy #wrapper .view-product-categories-block .product-category-child a,
html body.path-taxonomy #wrapper .product-category-children .product-category-child a {
  display: flex !important;
  align-items: center !important;
  gap: 0.55em !important;
  padding: 0.9rem 1rem !important;
  margin: 0 0 0 -0.25rem !important;
  min-height: 2.5rem !important;
  box-sizing: border-box !important;
}

/* Active child: soft mint + stronger green rail (no gold) */

/* Active ancestor parent card — brand green rail, not gold */

/* Children list spacing */

/* Brand grid on product pages — same green cards as listing */

/* END path-product-category-brand-parity-v1 */

/* ==========================================================================
   product-breadcrumb-parity-v1 — 2026-08-01
   Product URLs now mirror category hierarchy; keep breadcrumb chrome consistent
   desktop + mobile (wrap, colors, spacing).
   ========================================================================== */

html body.path-taxonomy #wrapper #block-breadcrumbs,
html body.path-taxonomy #wrapper .breadcrumb {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}


html body.path-taxonomy #wrapper .breadcrumb ul {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.15rem 0.35rem !important;
  margin: 0 auto !important;
  padding: 0.5rem 0.75rem !important;
  list-style: none !important;
  max-width: 1220px !important;
  box-sizing: border-box !important;
}


html body.path-taxonomy #wrapper .breadcrumb li {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.9rem !important;
  line-height: 1.35 !important;
  color: #3b0a5c !important;
}


html body.path-taxonomy #wrapper .breadcrumb a {
  color: #5b21b6 !important;
  -webkit-text-fill-color: #5b21b6 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}


html body.path-taxonomy #wrapper .breadcrumb a:hover {
  color: #6716aa !important;
  -webkit-text-fill-color: #6716aa !important;
  text-decoration: underline !important;
}

/* Current product title (last crumb, often no link) */

@media (max-width: 767.98px) {
  
  html body.path-taxonomy #wrapper .breadcrumb ul {
    justify-content: center !important;
    padding: 0.5rem 0.65rem !important;
    gap: 0.1rem 0.3rem !important;
  }

  
  html body.path-taxonomy #wrapper .breadcrumb li {
    font-size: 0.85rem !important;
  }
}
/* END product-breadcrumb-parity-v1 */

/* ==========================================================================
   storefront-pagerer-and-overflow-v1 — 2026-08-01
   1) Match /blog pagerer green-pill style on /products + taxonomy storefronts
   2) Kill mobile scroll-in-column: overflow-x:hidden was computing overflow-y:auto
      on .col-md-9.left-content.main-content — force overflow visible like blog
   3) Neutralize shop-icon negative margins that widen body ~15px on mobile
   ========================================================================== */

/* --- Mobile overflow: no nested scroll column, no body horizontal bleed --- */

html body.path-taxonomy #wrapper .col-md-9.left-content.main-content,
html body.path-taxonomy #wrapper .region-content {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  max-height: none !important;
  height: auto !important;
}


html body.path-taxonomy {
  overflow-x: clip !important; /* clip page-level bleed without creating scroll containers */
}


html body.path-taxonomy #wrapper,
html body.path-taxonomy #wrapper .page-wrapper {
  overflow-x: clip !important;
  max-width: 100vw !important;
}

@media (max-width: 991.98px) {
  /* Override earlier overflow-x:hidden on main/catalog at mobile */
  
  html body.path-taxonomy #wrapper .col-md-9.left-content.main-content,
  html body.path-taxonomy #wrapper .region-content,
  html body.path-taxonomy #wrapper .product-catalog,
  html body.path-taxonomy #wrapper .commerce-content-header {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Shop icon box was margin-right: -15px → body ~405px wide at 390vw */
  
  html body.path-taxonomy #wrapper #block-martis-shopiconbox,
  html body.path-taxonomy #wrapper #block-martis-shopiconbox .container-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    box-sizing: border-box !important;
  }

  /* Kill bootstrap row negative margins inside storefront main */
  
  html body.path-taxonomy #wrapper .col-md-9.left-content.main-content .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
}

/* --- Pagerer: same green pills as /blog on storefront --- */

html body.path-taxonomy #wrapper .pagerer-container,
html body.path-taxonomy #wrapper .product-catalog .pagerer-container,
html body.path-taxonomy #wrapper .view-brand-product-listings .pagerer-container,
html body.path-taxonomy #wrapper .view-product-category-listings .pagerer-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 1.75rem auto 2rem !important;
  padding: 0.75rem 0.5rem 1rem !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  text-align: center !important;
}

html body.path-taxonomy #wrapper .pagerer-container .pagerer-panes {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 1rem auto -3rem auto !important;
  padding: 0 !important;
  gap: 0.65rem !important;
  float: none !important;
} 

html .page-products-brand #wrapper .pagerer-container .pagerer-panes {
  margin-top: -3rem !important;
  margin-bottom: 0rem !important;
}


html body.path-taxonomy #wrapper .pagerer-container .pagerer-left-pane,
html body.path-taxonomy #wrapper .pagerer-container .pagerer-center-pane,
html body.path-taxonomy #wrapper .pagerer-container .pagerer-right-pane {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  text-align: center !important;
}


html body.path-taxonomy #wrapper .pagerer-container .pagerer-center-pane:empty {
  display: none !important;
}


html body.path-taxonomy #wrapper .pagerer-container nav.pager,
html body.path-taxonomy #wrapper .pagerer-container .pager,
html body.path-taxonomy #wrapper .product-catalog > nav.pager,
html body.path-taxonomy #wrapper nav.pager {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  float: none !important;
}


html body.path-taxonomy #wrapper .pagerer-container ul.pager__items,
html body.path-taxonomy #wrapper .pagerer-container .js-pager__items,
html body.path-taxonomy #wrapper nav.pager ul.pager__items,
html body.path-taxonomy #wrapper .product-catalog ul.pager__items {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.4rem !important;
  list-style: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  float: none !important;
  text-align: center !important;
}


html body.path-taxonomy #wrapper .pagerer-container .pager__item,
html body.path-taxonomy #wrapper nav.pager .pager__item {
  display: inline-flex !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  background: transparent !important;
  border: 0 !important;
}

/* "Page X of Y" chip */

html body.path-taxonomy #wrapper .pagerer-container .pagerer-prefix span,
html body.path-taxonomy #wrapper .pagerer-container .pager__item.pagerer-prefix span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f3e8ff !important;
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  border: 1px solid #e9d5ff !important;
  border-radius: 999px !important;
  padding: 0.4rem 0.95rem !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  line-height: 1.2 !important;
  box-shadow: 0 1px 4px rgba(59, 10, 92, 0.08) !important;
  margin: 0 !important;
}


html body.path-taxonomy #wrapper .pagerer-container .pagerer-prefix b {
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  font-weight: 800 !important;
}

/* Page number / next / last links */

html body.path-taxonomy #wrapper .pagerer-container .pager__item a,
html body.path-taxonomy #wrapper .pagerer-container .pager__item > span,
html body.path-taxonomy #wrapper nav.pager .pager__item a,
html body.path-taxonomy #wrapper .product-catalog .pager__item a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 2.65rem !important;
  min-height: 2.65rem !important;
  padding: 0.4rem 0.75rem !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background: #f5f0fa !important;
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  border: 1.5px solid #e9d5ff !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-align: center !important;
  box-shadow: 0 1px 3px rgba(59, 10, 92, 0.08) !important;
  transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease !important;
}


html body.path-taxonomy #wrapper .pagerer-container .pager__item a:hover,
html body.path-taxonomy #wrapper nav.pager .pager__item a:hover {
  background: #f3e8ff !important;
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  border-color: #6716aa !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
}

/* Active page */

html body.path-taxonomy #wrapper .pagerer-container .pager__item.is-active a,
html body.path-taxonomy #wrapper .pagerer-container .pager__item.is-active > span,
html body.path-taxonomy #wrapper nav.pager .pager__item.is-active a,
html body.path-taxonomy #wrapper .product-catalog .pager__item.is-active a {
  background: linear-gradient(135deg, #3b0a5c 0%, #6716aa 55%, #7b2cbf 100%) !important;
  background-color: #6716aa !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #000 !important;
  box-shadow: 0 2px 8px rgba(59, 10, 92, 0.22) !important;
  pointer-events: none !important;
}


html body.path-taxonomy #wrapper .pagerer-container .pager__item .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


html body.path-taxonomy #wrapper .pagerer-container .pager__item--next a,
html body.path-taxonomy #wrapper .pagerer-container .pager__item--last a,
html body.path-taxonomy #wrapper .pagerer-container .pager__item--previous a,
html body.path-taxonomy #wrapper .pagerer-container .pager__item--first a {
  min-width: 2.75rem !important;
  font-size: 1.05rem !important;
}

/* Kill custom_css negative pull on storefront pagerer */

html body.path-taxonomy #wrapper .pagerer-container {
  margin-top: 1.75rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-bottom: 0.75rem !important;
}

@media (max-width: 767.98px) {
  
  html body.path-taxonomy #wrapper .pagerer-container {
    margin: 1.35rem auto 1.75rem !important;
    padding: 0.5rem 0.35rem 0.85rem !important;
  }

  
  html body.path-taxonomy #wrapper .pagerer-container .pagerer-panes {
    gap: 0.55rem !important;
  }

  
  html body.path-taxonomy #wrapper .pagerer-container ul.pager__items {
    gap: 0.3rem !important;
    max-width: 100% !important;
    padding: 0 0.25rem !important;
  }

  
  html body.path-taxonomy #wrapper .pagerer-container .pager__item a {
    min-width: 2.45rem !important;
    min-height: 2.45rem !important;
    padding: 0.35rem 0.55rem !important;
    font-size: 0.9rem !important;
    border-radius: 9px !important;
  }

  
  html body.path-taxonomy #wrapper .pagerer-container .pagerer-prefix span {
    font-size: 0.85rem !important;
    padding: 0.35rem 0.8rem !important;
  }
}
/* END storefront-pagerer-and-overflow-v1 */

/* ==========================================================================
   storefront-mobile-container-shop-v1 — 2026-08-01
   - Kill horizontal overflow from .container / .row on products storefront
   - Shop icon box: same edge-to-edge rail width as Browse by Category
   - Category parent cards: light green (also reinforced here for path-product)
   ========================================================================== */

/* Light green parent cards (all storefront paths) */

html body.path-taxonomy #wrapper .product-category-parent {
  background: #faf5ff !important;
  background-color: #faf5ff !important;
  background-image: none !important;
}

@media (max-width: 991.98px) {
  /* Page containers: no bleed, shared inset, no nested scroll */
  
  html body.path-taxonomy #wrapper .page-wrapper {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: clip !important;
    box-sizing: border-box !important;
  }

  
  html body.path-taxonomy #wrapper .view-product-categories-block .product-categories-block__title,
  html body.path-taxonomy #wrapper [id*="product-categories-block"] .product-categories-block__title,
  html body.path-taxonomy #wrapper h2.product-categories-block__title,
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 .product-categories-block__title,
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2 .product-categories-block__title {
    margin-top: 1rem !important;
  }

  
  html body.path-taxonomy #wrapper .page-wrapper > .container,
  html body.path-taxonomy #wrapper .container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
    overflow-x: clip !important;
    box-sizing: border-box !important;
  }

  /* Bootstrap rows inside storefront must not use -15px gutters */
  
  html body.path-taxonomy #wrapper .page-wrapper > .container > .row,
  html body.path-taxonomy #wrapper .row.content-layout {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  
  html body.path-taxonomy #wrapper .page-wrapper > .container > .row > [class*="col-"],
  html body.path-taxonomy #wrapper .row.content-layout > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    margin-top: 0rem !important;
  }

  /* Main content: no overflow-x:hidden (computes to overflow-y:auto) */
  
  html body.path-taxonomy #wrapper .col-md-9.left-content.main-content,
  html body.path-taxonomy #wrapper .region-content {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ---- Shop icon box = same outer rail as Browse by Category ---- */
  
  html body.path-taxonomy #wrapper #block-martis-shopiconbox {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* Match category outer shell pad (0.875rem) */
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
    box-sizing: border-box !important;
  }

  
  html body.path-taxonomy #wrapper #block-martis-shopiconbox .container-wrap,
  html body.path-taxonomy #wrapper #block-martis-shopiconbox .block-content,
  html body.path-taxonomy #wrapper #block-martis-shopiconbox .field-item,
  html body.path-taxonomy #wrapper #block-martis-shopiconbox .field-body {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Critical: inner Bootstrap .container was ~358px inset — force full rail */
  
  html body.path-taxonomy #wrapper #block-martis-shopiconbox .container,
  html body.path-taxonomy #wrapper #block-martis-shopiconbox .container.box-icon-section,
  html body.path-taxonomy #wrapper #block-martis-shopiconbox .box-icon-section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Shop icon rows/cols fill the rail */
  
  html body.path-taxonomy #wrapper #block-martis-shopiconbox .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  
  html body.path-taxonomy #wrapper #block-martis-shopiconbox [class*="col-"] {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  /* Align category outer shell pad with shop (same 0.875rem) */
  
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories,
  html body.path-taxonomy #wrapper .block-views-blockproduct-categories-block-block-product-categories {
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}
/* END storefront-mobile-container-shop-v1 */

/* ==========================================================================
   product-post-brand-rail-v1 — 2026-08-01
   product-post edge-to-edge matches Browse by Brand block
   Desktop: shared centered 1220px rail
   Mobile: full viewport width with same 0.875rem side inset as brand
   ========================================================================== */

/* Desktop/shared: main column full container width so post can share brand rail */

/* product-post = brand block outer geometry (1220 centered desktop) */

/* Keep brand block on the same 1220 rail (already is; lock it) */

@media (max-width: 991.98px) {
  /* Full-bleed page shell like content-wide brand region */

  html body.path-taxonomy #wrapper .pagerer-container .pagerer-panes {
    margin: 1rem auto -3rem auto !important;
  }

  /* product-post full width = brand block (390 @ 390vw), same side inset 0.875rem */
}

@media (min-width: 992px) {
  /* Desktop: zero container pad so product-post and brand share exact 1220 edges */
}
/* END product-post-brand-rail-v1 */

/* ==========================================================================
   product-post-search-category-width-v1 — 2026-08-01
   product-post + product search: a bit narrower, match Browse by Category
   content rail (category outer 1220 with 12px sides → content 1196 desktop;
   mobile 14px sides → content 362 @ 390vw).
   ========================================================================== */

/* Desktop/tablet+: same content width as category inner rail */

/* Mobile: match category shell (full width + 0.875rem / 14px sides) */
@media (max-width: 991.98px) {

  html body.path-taxonomy #wrapper .pagerer-container .pagerer-panes {
    margin-bottom: -1rem !important;
  }
}
/* END product-post-search-category-width-v1 */

/* ==========================================================================
   product-post-search-category-width-v2 — force 1196 (category content rail)
   Higher specificity + last-wins over earlier max-width: 1220 search rules
   ========================================================================== */

@media (max-width: 991.98px) {
  /* Match category outer: 100% width, 14px sides (content 362 @ 390) */
}
/* END product-post-search-category-width-v2 */

/* ==========================================================================
   mobile-search-post-match-category-v1 — 2026-08-01
   Mobile: product-post + search outer box = category/brand content rail
   (cat cards sit at left 14 / width 362 @ 390vw — not full 390).
   Apply on path-product, path-products, path-taxonomy.
   ========================================================================== */
@media (max-width: 991.98px) {
  /* Search on product detail, product listing, brand & taxonomy */
  
  html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search,
  html body.path-taxonomy #wrapper .region-content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search,
  html body.path-taxonomy #block-martis-exposedformproduct-catalogproduct-catalog-search {
    width: calc(100% - 1.75rem) !important; /* 0.875rem * 2 = category side inset */
    max-width: calc(100% - 1.75rem) !important;
    margin-left: 0.875rem !important;
    margin-right: 0.875rem !important;
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important;
    padding-top: 0.65rem !important;
    padding-bottom: 0.65rem !important;
    box-sizing: border-box !important;
    float: none !important;
  }

  /* Search inner form fills the narrowed shell */
  
  html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .container-wrap,
  html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .views-exposed-form,
  html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search form {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* product-post on product nodes only — same outer rail as category cards */

  /* Ancestors must not force full-bleed wider than the post */
}
/* END mobile-search-post-match-category-v1 */

/* ==========================================================================
   product-pdp-short-desc-h1-mobile-v1 — 2026-08-01
   1) Short description: card-style callout (desktop + mobile)
   2) Mobile: stop text bleeding outside product-post card
   3) Mobile: narrower product H1 chip
   ========================================================================== */

/* ---- Short description callout (product detail only) ---- */

/* Hide field label "Short Description" — the callout is self-evident */

/* ---- Product card: keep all text inside the white shell ---- */

/* Kill negative horizontal row pull that bleeds text past the card edge */

/*
 * Long description (body tab) — restore designed palette.
 * Do NOT paint every div/span/li flat gray (that flattened feature chips).
 * Only fix true white-on-white from custom_css while keeping list cards.
 */

/* Feature list chips — mint cards, dark readable text (designed look) */

/* Strong emphasis: forest green (readable) — not white-on-white */

/* Desktop short-desc + H1 refinements */

/* Mobile / tablet product detail polish */
@media (max-width: 991.98px) {

  html body.path-taxonomy #wrapper .product-catalog ul.pager__items {
    margin-bottom: -3rem !important;
  }
  /* Narrower H1 chip — not edge-to-edge of the card */

  /* Extra inner inset so copy never sits on the card border */

  /* Stock / meta chips wrap cleanly inside card */

  /* Tabs: no negative pull under content; keep text in pane */

  /* Variation / add-to-cart form full width without overflow */

  /* Add to cart: full-width pill, centered label (beats custom_css width:50%) */
}
/* END product-pdp-short-desc-h1-mobile-v1 */

/* ==========================================================================
   storefront-mobile-menu-width-v2 — 2026-08-01
   Keep homepage-like header-info inset (1rem sides on navbar container) on
   taxonomy/brand/products, while still full-bleeding the open hamburger menu
   to viewport width (same ~366px pills as homepage).
   v1 zeroed container pad and pushed header-info flush to the screen edge.
   ========================================================================== */
@media (max-width: 991.98px) {
  /* Restore homepage side inset for brand / header-info / contact row */
  
  html body.path-taxonomy #wrapper .page-wrapper > .container > .row > [class*="col-"],
  html body.path-taxonomy #wrapper .row.content-layout > [class*="col-"] {
    margin-top: 1.5rem !important;
  }
  html body.path-taxonomy #wrapper .header .navbar > .container,
  html body.path-taxonomy #wrapper .header .navbar > .container.p-0,
  html body.path-taxonomy header.header .navbar > .container {
    padding-left: 1rem !important;  /* match homepage ~16px */
    padding-right: 1rem !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  html .page-products-brand #wrapper .pagerer-container .pagerer-panes {
    margin-top: -1rem !important;
    margin-bottom: 1rem !important;
  }


  /* header-main-wrap + header-info: same content rail as homepage */
  html body.path-taxonomy #wrapper .header .header-main-wrap,
  html body.path-taxonomy #wrapper .header .navbar > .container > .header-main-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.path-taxonomy #wrapper .header .header-info,
  html body.path-taxonomy #wrapper .header .header-main-wrap .header-info {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.path-taxonomy #wrapper .header .header-info .header-info-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    box-sizing: border-box !important;
  }

  /* Kill custom_css margin-right: 3rem that skews location vs hours on storefront */
  html body.path-taxonomy #wrapper .header .header-info .header-info-item,
  html body.path-taxonomy #wrapper .header .header-info .header-info-location,
  html body.path-taxonomy #wrapper .header .header-info .header-info-item--location,
  html body.path-taxonomy #wrapper .header .header-info .header-info-hours,
  html body.path-taxonomy #wrapper .header .header-info .header-info-item--hours {
    flex: 1 1 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.path-taxonomy #wrapper .header .header-info .header-info-location,
  html body.path-taxonomy #wrapper .header .header-info .header-info-item--location {
    padding-right: 0.65rem !important;
    padding-left: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  html body.path-taxonomy #wrapper .header .header-info .header-info-hours,
  html body.path-taxonomy #wrapper .header .header-info .header-info-item--hours {
    padding-left: 0.65rem !important;
    padding-right: 0 !important;
    border-right: 0 !important;
    justify-content: flex-end !important;
    text-align: right !important;
  }

  html body.path-taxonomy #wrapper .header .header-right-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /*
   * Open hamburger: escape the 1rem container pad so pills match homepage
   * (~366 @ 390). Prefer calc breakout over 100vw+transform (parent overflow).
   */
  html body.path-taxonomy #wrapper #main-menu.show,
  html body.path-taxonomy #wrapper #main-menu.collapse.show,
  html body.path-taxonomy #wrapper .header #main-menu.show {
    width: calc(100% + 2rem) !important; /* container pad 1rem * 2 */
    max-width: none !important;
    min-width: calc(100% + 2rem) !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: -1rem !important;
    margin-right: -1rem !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    box-sizing: border-box !important;
  }

  /* Allow menu to paint outside padded container */
  html body.path-taxonomy #wrapper .header .navbar > .container,
  html body.path-taxonomy #wrapper .header .navbar,
  html body.path-taxonomy #wrapper .header {
    overflow: visible !important;
  }

  html body.path-taxonomy #wrapper #main-menu.show li.menu-item,
  html body.path-taxonomy #wrapper #main-menu.show .menu-item {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.path-taxonomy #wrapper #main-menu.show a,
  html body.path-taxonomy #wrapper #main-menu.show .menu-item a {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Desktop / tablet: keep header-info centered rail like homepage */
@media (min-width: 992px) {
  html body.path-taxonomy #wrapper .header .header-info {
    width: 100% !important;
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.path-taxonomy #wrapper .header .header-info .header-info-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 0 !important;
  }

  html body.path-taxonomy #wrapper .header .header-info .header-info-location,
  html body.path-taxonomy #wrapper .header .header-info .header-info-item--location {
    margin: 0 !important;
    padding-right: 1.5rem !important;
    padding-left: 0.25rem !important;
    border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
    justify-content: flex-end !important;
  }

  html body.path-taxonomy #wrapper .header .header-info .header-info-hours,
  html body.path-taxonomy #wrapper .header .header-info .header-info-item--hours {
    margin: 0 !important;
    padding-left: 1.5rem !important;
    padding-right: 0.25rem !important;
    border-right: 0 !important;
    justify-content: flex-start !important;
  }
}
/* END storefront-mobile-menu-width-v2 */

/* ==========================================================================
   blog-h1-green-badge-v1 — 2026-08-01
   All blog H1s: Johnny Detail purple badge aesthetic (front/city title pattern).
   - Full post page title (.post-title h1)
   - /blog listing title block (#block-martis-blogh1title)
   - Any stray h1 in post body
   Beats global h1 { color:#fff } and theme custom_css.
   ========================================================================== */

/* ---- Full blog post page H1 ---- */

/* Title text often wrapped in <span> by theme / custom CSS */

/* Meta under H1: keep green chips readable on light page */

/* ---- Listing page H1 (/blog) — same badge language as front/city titles ---- */

/* Kill soft mint + dual underline from earlier listing palette; solid badge wins */

/* ---- In-body h1 (rare; align with section heading chips) ---- */

/* ---- Mobile: tighter type / padding, keep badge readable ---- */

/* END blog-h1-green-badge-v1 */

/* ==========================================================================
   product-category-active-green-v1 — 2026-08-01
   Active product categories: green mint theme only (no gold).
   Align /products + taxonomy listings with product-node active chips.
   ========================================================================== */

/* Active child chips — listing / category / store / product */

html body.path-taxonomy #wrapper .product-category-children .product-category-child.is-active a,
html body.path-taxonomy #wrapper .view-product-categories-block .product-category-children .product-category-child.is-active a {
  background: #f3e8ff !important;
  background-image: none !important;
  border: 1px solid #6716aa !important;
  border-left: 3px solid #6716aa !important;
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

/* Active parent link underline — green, not gold */

html body.path-taxonomy #wrapper .product-category-parent.is-active .product-category-parent__link a,
html body.path-taxonomy #wrapper .view-product-categories-block .product-category-parent.is-active .product-category-parent__link a {
  box-shadow: inset 0 -2px 0 0 #7b2cbf !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Active-ancestor parent card rail — green */

html body.path-taxonomy #wrapper .product-category-parent.is-active-ancestor,
html body.path-taxonomy #wrapper .view-product-categories-block .product-category-parent.is-active-ancestor {
  border-left-color: #6716aa !important;
  background: #faf5ff !important;
  background-image: none !important;
}


html body.path-taxonomy #wrapper .product-category-parent.is-active-ancestor .product-category-parent__link a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

/* Hover underline on parent titles — green */

html body.path-taxonomy #wrapper .product-category-parent__link a:hover,
html body.path-taxonomy #wrapper .product-category-parent__link a:focus-visible {
  box-shadow: inset 0 -2px 0 0 #c9a0e8 !important;
}

/* END product-category-active-green-v1 */

/* ==========================================================================
   browse-by-brand-logo-parity-v1 — 2026-08-01
   Product nodes, taxonomy (category + brand), store: match /products/
   Browse by Brand logo frames + img object-fit on desktop and mobile.
   Nested media markup: .field-content > div > .field > .field-item > img
   ========================================================================== */

/* Shared scopes: listing + PDP + taxonomy brand/category + store */

html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 .views-field-field-brand-logo,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2 .views-field-field-brand-logo {
  order: -1 !important;
  margin: 0 0 0.75rem !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Outer + nested wrappers shrink-wrap the white plate (not full card width) */

html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-content,
html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-content > div,
html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field.field-field-media-image,
html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-field-media-image {
  width: 130px !important;
  height: 130px !important;
  max-width: 130px !important;
  max-height: 130px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

/* White logo plate — desktop matches /products/ (130×130) */

html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-item,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 .views-field-field-brand-logo .field-item,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2 .views-field-field-brand-logo .field-item {
  width: 130px !important;
  height: 130px !important;
  max-width: 130px !important;
  max-height: 130px !important;
  margin: 0 auto !important;
  padding: 0.55rem !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 2px solid #000000 !important;
  border-radius: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box !important;
  float: none !important;
  position: relative !important;
}

/* Hide media field label if it ever unhides */

html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-label {
  display: none !important;
}

/* The img itself — contain inside white plate (kill 480×479 intrinsic blowout) */

html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo img,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 .views-field-field-brand-logo img,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2 .views-field-field-brand-logo img,
html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-item img,
html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo picture,
html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo picture img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  scale: 1 !important;
  transform: none !important;
  float: none !important;
  position: static !important;
}

/* Mobile / tablet — match /products/ 96×96 plate + tighter pad */
@media (max-width: 991.98px) {
  
  html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-content,
  html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-content > div,
  html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field.field-field-media-image,
  html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-field-media-image,
  html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-item,
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 .views-field-field-brand-logo .field-item,
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2 .views-field-field-brand-logo .field-item {
    width: 96px !important;
    height: 96px !important;
    max-width: 96px !important;
    max-height: 96px !important;
  }

  
  html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-item,
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 .views-field-field-brand-logo .field-item {
    padding: 0.4rem !important;
    border-radius: 14px !important;
  }

  
  html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo img,
  html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo picture,
  html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-field-brand-logo picture img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

/* END browse-by-brand-logo-parity-v1 */

/* ==========================================================================
   blog-full-post-meta-v1 — 2026-08-01
   Full blog article meta row (date / author / category / comments)
   Green-themed chips under the H1, readable on desktop + mobile.
   ========================================================================== */

/* Meta row under H1 */

/* Individual chips */

/* Icons */

/* Text / links / nested fields inside chips */

/* Category field nesting (kill label + block layout) */

/* Soft hover lift on chips */

/* Mobile: allow wrap, slightly smaller chips */

/* END blog-full-post-meta-v1 */

/* ==========================================================================
   pdp-content-experience-v1 — 2026-08-01
   All product-node content: green system, scannable body, interactive sections,
   polished buy column + tabs + reviews. Desktop + mobile.
   ========================================================================== */

/* ---- Shell ---- */

/* ---- Stock / price row ---- */

/* ---- Ratings ---- */

/* ---- Meta chips (SKU / brand / category) ---- */

/* ---- Variation + ATC ---- */

/* ---- Wishlist / compare icons ---- */

/* ---- Tabs chrome ---- */

/* Jump chips (built by JS) */

/* ---- Description panel title ---- */

/* ---- Body sections (preprocess or JS-wrapped) ---- */

/* Overview / generic paragraphs in description */

/* Best-for callout */

/* h3 inside body (when not using section toggles as sole heading) */

/* Feature + specs lists (keep check chips, refine hover) */

/* Specs section denser cards */

/* Phone CTA emphasis */

/* ---- Reviews tab ---- */

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

/* END pdp-content-experience-v1 */

/* ==========================================================================
   product-tax-brand-desc-no-truncate-v1 — 2026-08-01
   Full brand/category description content (no clamp/ellipsis/server trim).
   2026-08-09: Browse by Brand — Cyber-style fixed panel + Y-axis scroll.
   ========================================================================== */


html body.path-taxonomy #wrapper .product-category-parent__description,
html body.path-taxonomy #wrapper .view-product-categories-block .product-category-parent__description {
  display: block !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: normal !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  word-wrap: break-word !important;
  overflow-wrap: anywhere !important;
}

/* Browse by Brand card descriptions — full text in DOM; fixed equal-height
   panel with Y-axis scroll (matches the storefront brand cards). Beats
   theme custom_css line-clamp:3 via late inline CSS + higher specificity. */

html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-description__value,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 .views-field-description__value,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2 .views-field-description__value,
html body.path-taxonomy #wrapper [id*="product-categories-block"] .grid-item .views-field-description__value {
  display: block !important;
  order: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 5.5rem !important;
  max-height: 5.5rem !important;
  min-height: 5.5rem !important;
  margin: 0.35rem 0 0 !important;
  padding: 0.45rem 0.55rem 0.5rem !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(103, 22, 170, 0.55) rgba(243, 232, 255, 0.95) !important;
  text-overflow: unset !important;
  white-space: normal !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  word-wrap: break-word !important;
  overflow-wrap: anywhere !important;
  box-sizing: border-box !important;
  /* Bordered panel — readable on purple brand cards */
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  font-size: 0.8rem !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  background: #f3e8ff !important;
  background-color: #f3e8ff !important;
  background-image: none !important;
  border: 2px solid #6716aa !important;
  border-radius: 10px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35) !important;
}


html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-description__value .field-content,
html body.path-taxonomy #wrapper [id*="product-categories-block"] .grid-item .views-field-description__value .field-content,
html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-description__value .field-content * {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: normal !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  word-wrap: break-word !important;
  overflow-wrap: anywhere !important;
}

/* WebKit scrollbar polish on brand desc Y-scroller (purple) */

html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-description__value::-webkit-scrollbar {
  width: 6px !important;
}

html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-description__value::-webkit-scrollbar-thumb {
  background: rgba(103, 22, 170, 0.55) !important;
  border-radius: 6px !important;
}

html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-description__value::-webkit-scrollbar-track {
  background: rgba(243, 232, 255, 0.95) !important;
  border-radius: 6px !important;
}

@media (max-width: 991.98px) {
  
  html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .views-field-description__value,
  html body.path-taxonomy #wrapper [id*="product-categories-block"] .grid-item .views-field-description__value {
    height: 4.75rem !important;
    max-height: 4.75rem !important;
    min-height: 4.75rem !important;
    font-size: 0.75rem !important;
    line-height: 1.35 !important;
    padding: 0.4rem 0.5rem !important;
    border-width: 2px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
}

/* END product-tax-brand-desc-no-truncate-v1 */

/* ==========================================================================
   browse-category-no-motion-v1 — 2026-08-01
   Browse by Category parents + children: no lift/slide on hover or active.
   ========================================================================== */


html body.path-taxonomy #wrapper .view-product-categories-block .product-category-parent,
html body.path-taxonomy #wrapper .view-product-categories-block .product-category-parent:hover,
html body.path-taxonomy #wrapper .view-product-categories-block .product-category-parent.is-active,
html body.path-taxonomy #wrapper .view-product-categories-block .product-category-parent.is-active-ancestor {
  transform: none !important;
  translate: none !important;
}


html body.path-taxonomy #wrapper .view-product-categories-block .product-category-parent__link a,
html body.path-taxonomy #wrapper .view-product-categories-block .product-category-parent__link a:hover,
html body.path-taxonomy #wrapper .view-product-categories-block .product-category-parent__link a:focus-visible {
  transform: none !important;
  translate: none !important;
}

/* Children: lock padding so hover/active never slide text left/right */

html body.path-taxonomy #wrapper .view-product-categories-block .product-category-child a,
html body.path-taxonomy #wrapper .product-category-children .product-category-child a,
html body.path-taxonomy #wrapper .view-product-categories-block .product-category-child a:hover,
html body.path-taxonomy #wrapper .product-category-children .product-category-child a:hover,
html body.path-taxonomy #wrapper .view-product-categories-block .product-category-child a:focus-visible,
html body.path-taxonomy #wrapper .view-product-categories-block .product-category-child.is-active a,
html body.path-taxonomy #wrapper .product-category-children .product-category-child.is-active a {
  transform: none !important;
  translate: none !important;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
  /* Stable padding — no side shift (overrides older padding-left hover bumps) */
  padding-top: 0.9rem !important;
  padding-bottom: 0.9rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Active rail via inset shadow so border-width does not reflow layout */

html body.path-taxonomy #wrapper .view-product-categories-block .product-category-child.is-active a,
html body.path-taxonomy #wrapper .product-category-children .product-category-child.is-active a {
  border-left-width: 1px !important;
  box-shadow: inset 3px 0 0 0 #6716aa !important;
}

/* END browse-category-no-motion-v1 */

/* ==========================================================================
   pdp-jump-scroll-offset-v1 — 2026-08-01
   Jump chips (Key Features / Specs / Best for) clear sticky Description/Reviews.
   scroll-margin reserves space under sticky tab bar (esp. mobile).
   ========================================================================== */

@media (max-width: 991.98px) {

  /* Keep sticky Description/Reviews under admin/header if present */
}

/* END pdp-jump-scroll-offset-v1 */

/* ==========================================================================
   breadcrumb-global-v1 — 2026-08-01
   Sitewide breadcrumb chrome — full-bleed edge-to-edge bar, roomy type/padding.
   Policy: current page is last non-linked segment; green system; mobile wrap.
   ========================================================================== */

/* Full viewport width strip (break out of boxed page columns) */
html body #wrapper #block-breadcrumbs,
html body #wrapper .block-system-breadcrumb-block,
html body #wrapper .region-breadcrumb #block-breadcrumbs,
html body #wrapper .region-breadcrumb .block-system-breadcrumb-block {
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: auto !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0.65rem !important;
  padding: 0 !important;
  background: #f3e8ff !important;
  border: 0 !important;
  border-top: 1px solid #e9d5ff !important;
  border-bottom: 2px solid #6716aa !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  z-index: 2 !important;
}

/* No inner max-width rail — content uses full bar width */
html body #wrapper #block-breadcrumbs .container-wrap,
html body #wrapper .block-system-breadcrumb-block .container-wrap,
html body #wrapper #block-breadcrumbs .block-content,
html body #wrapper .block-system-breadcrumb-block .block-content {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

html body #wrapper .breadcrumb,
html body #wrapper nav.breadcrumb {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0.85rem 1.35rem !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Prefer ol.breadcrumb__list; keep ul for legacy */
html body #wrapper .breadcrumb ul,
html body #wrapper .breadcrumb ol,
html body #wrapper .breadcrumb .breadcrumb__list {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.25rem 0.2rem !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  justify-content: center !important;
}

html body #wrapper .breadcrumb li,
html body #wrapper .breadcrumb .breadcrumb__item {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  position: relative !important;
  float: none !important;
  margin: 0 !important;
  padding: 0.25rem 0.15rem !important;
  max-width: 100% !important;
  font-size: 1.05rem !important;
  line-height: 1.45 !important;
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  box-sizing: border-box !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

/* Kill absolute chevrons from style.css that break on wrap */
html body #wrapper .breadcrumb li:after,
html body #wrapper .breadcrumb li::after,
html body #wrapper .breadcrumb .breadcrumb__item:after,
html body #wrapper .breadcrumb .breadcrumb__item::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* Flex-safe separators */
html body #wrapper .breadcrumb li + li::before,
html body #wrapper .breadcrumb .breadcrumb__item + .breadcrumb__item::before {
  content: "›" !important;
  display: inline-block !important;
  margin: 0 0.45rem 0 0.2rem !important;
  color: #7b2cbf !important;
  -webkit-text-fill-color: #7b2cbf !important;
  font-weight: 800 !important;
  font-size: 1.05em !important;
  line-height: 1 !important;
  speak: none;
}

html body #wrapper .breadcrumb a,
html body #wrapper .breadcrumb .breadcrumb__link {
  color: #5b21b6 !important;
  -webkit-text-fill-color: #5b21b6 !important;
  font-weight: 700 !important;
  font-size: inherit !important;
  text-decoration: none !important;
  text-shadow: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0.15rem 0.1rem !important;
}

html body #wrapper .breadcrumb a:hover,
html body #wrapper .breadcrumb a:focus-visible,
html body #wrapper .breadcrumb .breadcrumb__link:hover,
html body #wrapper .breadcrumb .breadcrumb__link:focus-visible {
  color: #6716aa !important;
  -webkit-text-fill-color: #6716aa !important;
  text-decoration: underline !important;
  text-underline-offset: 0.14em !important;
}

/* Current page leaf — non-linked */
html body #wrapper .breadcrumb li:last-child,
html body #wrapper .breadcrumb .breadcrumb__item--current,
html body #wrapper .breadcrumb li.active,
html body #wrapper .breadcrumb .active,
html body #wrapper .breadcrumb .breadcrumb__current {
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  font-weight: 800 !important;
  font-size: inherit !important;
  background: transparent !important;
  text-decoration: none !important;
}

html body #wrapper .breadcrumb li:last-child a,
html body #wrapper .breadcrumb .breadcrumb__item--current a {
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  font-weight: 800 !important;
  pointer-events: none !important;
  text-decoration: none !important;
  cursor: default !important;
}

/* Tablet / mobile: still edge-to-edge, bigger type + padding */
@media (max-width: 991.98px) {
  html body #wrapper #block-breadcrumbs,
  html body #wrapper .block-system-breadcrumb-block {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 50% !important;
    margin-left: -50vw !important;
    margin-bottom: 0.75rem !important;
  }

  html body #wrapper #block-breadcrumbs .container-wrap,
  html body #wrapper .block-system-breadcrumb-block .container-wrap,
  html body #wrapper #block-breadcrumbs .block-content,
  html body #wrapper .block-system-breadcrumb-block .block-content {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body #wrapper .breadcrumb,
  html body #wrapper nav.breadcrumb {
    padding: 0.95rem 1rem !important;
  }

  html body #wrapper .breadcrumb li,
  html body #wrapper .breadcrumb .breadcrumb__item {
    font-size: 1.02rem !important;
    line-height: 1.45 !important;
    padding: 0.3rem 0.1rem !important;
  }

  html body #wrapper .breadcrumb li + li::before,
  html body #wrapper .breadcrumb .breadcrumb__item + .breadcrumb__item::before {
    margin: 0 0.4rem 0 0.15rem !important;
    font-size: 1.1em !important;
  }
}

@media (max-width: 575.98px) {
  html body #wrapper .breadcrumb,
  html body #wrapper nav.breadcrumb {
    padding: 1rem 0.9rem !important;
  }

  html body #wrapper .breadcrumb li,
  html body #wrapper .breadcrumb .breadcrumb__item {
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }

  /* Long PDP product titles wrap fully inside the trail */
  html body #wrapper .breadcrumb li:last-child,
  html body #wrapper .breadcrumb .breadcrumb__item--current {
    flex: 1 1 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  html body #wrapper .breadcrumb li:last-child::before,
  html body #wrapper .breadcrumb .breadcrumb__item--current::before {
    /* Keep separator with previous line on wrap when current takes full row */
  }
}

/* END breadcrumb-global-v1 */

/* breadcrumb-fullbleed-v2 — force edge-to-edge over older product parity rails */

html body.path-taxonomy #wrapper #block-breadcrumbs,
html body #wrapper #block-breadcrumbs {
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


html body.path-taxonomy #wrapper .breadcrumb ul,
html body.path-taxonomy #wrapper .breadcrumb ol,
html body #wrapper .breadcrumb ul,
html body #wrapper .breadcrumb ol,
html body #wrapper .breadcrumb .breadcrumb__list {
  max-width: none !important;
  width: 100% !important;
  justify-content: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 0.5rem !important;
}


html body.path-taxonomy #wrapper .breadcrumb,
html body #wrapper .breadcrumb {
  max-width: none !important;
  width: 100% !important;
}

/* END breadcrumb-fullbleed-v2 */

/* ==========================================================================
   breadcrumb-unify-all-v3 — 2026-08-01
   Force product-style full-bleed, large-type crumbs on ALL pages
   (services, blog, city, node, marketing, etc.).
   Beats martis-custom: last-child display:none, grey bar, -25px margin,
   small padding; and content-wide-top clipping.
   ========================================================================== */

/* Parent region must allow full-bleed (no clip) */
html body #wrapper #content-wide-top,
html body #wrapper .content-wide.region-content-wide-top,
html body #wrapper #main-content > #content-wide-top,
html body #wrapper section#content-wide-top.content-wide,
html body #wrapper .region.region-content-wide-top {
  overflow: visible !important;
  max-width: none !important;
}

html body #wrapper #content-wide-top > .region,
html body #wrapper .region.region-content-wide-top {
  overflow: visible !important;
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Full-bleed bar — every path (services use path-node / path-automotive-services) */
html body #wrapper #block-breadcrumbs,
html body #wrapper .block-system-breadcrumb-block,
html body.path-taxonomy #wrapper #block-breadcrumbs {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: auto !important;
  transform: none !important;
  margin: 0 0 0.75rem !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  padding: 0 !important;
  background: #f3e8ff !important;
  background-color: #f3e8ff !important;
  border: 0 !important;
  border-top: 1px solid #e9d5ff !important;
  border-bottom: 2px solid #6716aa !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  z-index: 5 !important;
  float: none !important;
  clear: both !important;
  text-align: left !important;
}

html body #wrapper #block-breadcrumbs .container-wrap,
html body #wrapper #block-breadcrumbs .container-wrap.clearfix,
html body #wrapper .block-system-breadcrumb-block .container-wrap,
html body #wrapper #block-breadcrumbs .block-content,
html body #wrapper #block-breadcrumbs .block-content.clearfix {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
}

/* Nav strip inside block */
html body #wrapper .breadcrumb,
html body #wrapper nav.breadcrumb,
html body.path-taxonomy #wrapper .breadcrumb {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 0.95rem 1.35rem !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-align: left !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

html body #wrapper .breadcrumb ul,
html body #wrapper .breadcrumb ol,
html body #wrapper .breadcrumb .breadcrumb__list,
html body.path-taxonomy #wrapper .breadcrumb ul {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.2rem 0.15rem !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  box-sizing: border-box !important;
  justify-content: center !important;
}

/* Items: ALWAYS show (kill martis-custom display:none on last-child) */
html body #wrapper .breadcrumb li,
html body #wrapper .breadcrumb ul li,
html body #wrapper .breadcrumb ol li,
html body #wrapper .breadcrumb .breadcrumb__item,
html body #wrapper .breadcrumb ul li:last-child,
html body #wrapper .breadcrumb ol li:last-child,
html body #wrapper .breadcrumb li:last-child,
html body #wrapper .breadcrumb .breadcrumb__item--current {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  float: none !important;
  position: relative !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0.3rem 0.15rem !important;
  padding-right: 0.15rem !important;
  max-width: 100% !important;
  font-size: 1.08rem !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  box-sizing: border-box !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  text-align: left !important;
}

/* Kill absolute chevrons / custom after rules */
html body #wrapper .breadcrumb li::after,
html body #wrapper .breadcrumb ul li::after,
html body #wrapper .breadcrumb li:after,
html body #wrapper .breadcrumb ul li:after,
html body #wrapper .breadcrumb li:last-child::after,
html body #wrapper .breadcrumb ul li:last-child::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
}

html body #wrapper .breadcrumb li + li::before,
html body #wrapper .breadcrumb .breadcrumb__item + .breadcrumb__item::before {
  content: "›" !important;
  display: inline-block !important;
  visibility: visible !important;
  margin: 0 0.5rem 0 0.2rem !important;
  color: #7b2cbf !important;
  -webkit-text-fill-color: #7b2cbf !important;
  font-weight: 800 !important;
  font-size: 1.1em !important;
  line-height: 1 !important;
}

html body #wrapper .breadcrumb a,
html body #wrapper .breadcrumb .breadcrumb__link,
html body #wrapper .breadcrumb ul li a {
  display: inline !important;
  color: #5b21b6 !important;
  -webkit-text-fill-color: #5b21b6 !important;
  font-weight: 700 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  text-decoration: none !important;
  text-shadow: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0.2rem 0.15rem !important;
  margin: 0 !important;
}

html body #wrapper .breadcrumb a:hover,
html body #wrapper .breadcrumb a:focus-visible {
  color: #6716aa !important;
  -webkit-text-fill-color: #6716aa !important;
  text-decoration: underline !important;
}

/* Current leaf always visible + bold */
html body #wrapper .breadcrumb li:last-child,
html body #wrapper .breadcrumb .breadcrumb__item--current,
html body #wrapper .breadcrumb .breadcrumb__current,
html body #wrapper .breadcrumb ul li:last-child {
  display: inline-flex !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  font-weight: 800 !important;
  font-size: inherit !important;
}

html body #wrapper .breadcrumb .breadcrumb__current {
  display: inline !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  font-weight: 800 !important;
  font-size: inherit !important;
}

@media (max-width: 991.98px) {
  html body #wrapper #block-breadcrumbs,
  html body #wrapper .block-system-breadcrumb-block {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    left: 50% !important;
    margin-left: -50vw !important;
    margin-bottom: 0.85rem !important;
  }

  html body #wrapper .breadcrumb,
  html body #wrapper nav.breadcrumb {
    padding: 1.05rem 1.05rem !important;
    margin: 0 !important;
  }

  html body #wrapper .breadcrumb li,
  html body #wrapper .breadcrumb ul li,
  html body #wrapper .breadcrumb .breadcrumb__item,
  html body #wrapper .breadcrumb li:last-child,
  html body.path-taxonomy #wrapper .breadcrumb li {
    display: inline-flex !important;
    font-size: 1.05rem !important;
    line-height: 1.5 !important;
    padding: 0.35rem 0.12rem !important;
  }

  html body #wrapper .breadcrumb li + li::before {
    margin: 0 0.45rem 0 0.15rem !important;
    font-size: 1.15em !important;
  }
}

@media (max-width: 575.98px) {
  html body #wrapper .breadcrumb {
    padding: 1.1rem 0.95rem !important;
  }

  html body #wrapper .breadcrumb li,
  html body #wrapper .breadcrumb ul li,
  html body #wrapper .breadcrumb .breadcrumb__item,
  html body #wrapper .breadcrumb li:last-child {
    display: inline-flex !important;
    font-size: 1.02rem !important;
    line-height: 1.5 !important;
  }

  html body #wrapper .breadcrumb li:last-child,
  html body #wrapper .breadcrumb .breadcrumb__item--current {
    display: inline-flex !important;
    flex: 1 1 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}

/* END breadcrumb-unify-all-v3 */

/* ==========================================================================
   Service node blog teaser .post-meta centering (mobile fix)
   Theme custom_css forces margin-left: 2rem on
   #content-wide [id*="views-block-blog"] .post-meta which shifts the flex
   row off-center to the left. Kill that and center on all breakpoints.
   ========================================================================== */


/* ==========================================================================
   PACK EXTRACT 2026-08-12 (shop-icon-border-fix-v1 through city-hub-breadcrumb-v1)
   Remapped green→purple. Latest named block wins. Do not replace earlier chrome.
   ========================================================================== */
/* ===== PACK EXTRACT: Aug 12 blocks: shop-icon-border-fix-v1 through city-hub-breadcrumb-v1  (CY lines 27508-30873) ===== */
/* ==========================================================================
   shop-icon-border-fix-v1 — 2026-08-12
   Title became <p class="box-icon-title"> for heading hierarchy, so it
   inherited .box-desc p inner chrome (nested black frames). Scope pills
   to the body copy only and even the section/tile borders on storefronts.
   ========================================================================== */


html body.path-taxonomy #wrapper #block-martis-shopiconbox {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  box-sizing: border-box !important;
}


html body.path-taxonomy #wrapper #block-martis-shopiconbox .container.box-icon-section,
html body.path-taxonomy #wrapper #block-martis-shopiconbox .box-icon-section {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  margin-top: 0.75rem !important;
  margin-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.25rem !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}


html body.path-taxonomy #wrapper #block-martis-shopiconbox .field-item,
html body.path-taxonomy #wrapper #block-martis-shopiconbox .field-item > div,
html body.path-taxonomy #wrapper #block-martis-shopiconbox .container-wrap {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Title is a <p> now — do not paint the inner pill on it */

html body.path-taxonomy #wrapper #block-martis-shopiconbox .box-icon-title {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 0 0.65rem !important;
  margin: 0 0 0.35rem !important;
  min-height: 0 !important;
  color: #fff !important;
  font-weight: 700 !important;
}


html body.path-taxonomy #wrapper #block-martis-shopiconbox .box-desc p:not(.box-icon-title) {
  background: #7b2cbf !important;
  border: 2px solid #000 !important;
  border-radius: 16px !important;
  padding: 0.85rem 1rem !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}


html body.path-taxonomy #wrapper #block-martis-shopiconbox .box-icon-item {
  border: 2px solid #000 !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

@media (max-width: 991.98px) {
  
  html body.path-taxonomy #wrapper #block-martis-shopiconbox .container.box-icon-section,
  html body.path-taxonomy #wrapper #block-martis-shopiconbox .box-icon-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0.35rem !important;
  }

  
  html body.path-taxonomy #wrapper #block-martis-shopiconbox .box-icon-items {
    margin-bottom: 0.85rem !important;
  }

  
  html body.path-taxonomy #wrapper #block-martis-shopiconbox .box-icon-item {
    min-height: 0 !important;
    padding: 1.25rem 1rem !important;
  }
   html body.path-taxonomy #wrapper #block-martis-shopiconbox .box-icon-item {
    width: 97% !important;
  }
}

/* END shop-icon-border-fix-v1 */

/* ==========================================================================
   blog-term-listing-v2 — 2026-08-12
   Category + tag taxonomy pages: match /blog teaser chips. Global .post-meta
   { border + gray box } was wrapping date/author/category in one form-like frame.
   ========================================================================== */


html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-meta,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.4rem !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0.45rem 0 0.5rem !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-meta-item,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-meta-item {
  display: inline-flex !important;
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 100% !important;
  align-items: center !important;
  gap: 0.28rem !important;
  margin: 0 !important;
  padding: 0.22rem 0.6rem !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #3b0a5c !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  box-sizing: border-box !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-meta-item *,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-meta-item * {
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  width: auto !important;
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-meta-item i,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-meta-item i {
  display: inline-block !important;
  font-size: 0.72rem !important;
  line-height: 1 !important;
  margin-right: 0.15rem !important;
}

/* Category field wrappers must not stretch the chip into a full-width box */

html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-meta-item .field,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-meta-item .field-item {
  display: inline !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}


html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-meta-item.post-comment {
  display: none !important;
}

/* Tags: chips only, no "Tags:" label */

html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.3rem !important;
  margin: 0.2rem 0 0.35rem !important;
  padding: 0.45rem 0 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: transparent !important;
}


html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-tags > i,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-tags .tags-label {
  display: none !important;
}


html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-tags a {
  display: inline-flex !important;
  background: #ffffff !important;
  color: #6716aa !important;
  -webkit-text-fill-color: #6716aa !important;
  border: 1px solid #3b0a5c !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 0.68rem !important;
  padding: 0.14rem 0.5rem !important;
  text-decoration: none !important;
}

/* Hide leftover RSS "Subscribe to …" */

html body.path-taxonomy.vocabulary-category #wrapper .feed-icons,
html body.path-taxonomy.vocabulary-tags #wrapper .feed-icons {
  display: none !important;
}

/* Term body copy under intro: quiet subtitle, not a third card */

html body.path-taxonomy.vocabulary-tags #wrapper .view-header .taxonomy-term {
  max-width: 40rem !important;
  margin: 0.15rem auto 1.15rem !important;
  padding: 0 1rem !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


html body.path-taxonomy.vocabulary-tags #wrapper .view-header .taxonomy-term p {
  margin: 0 !important;
  color: #3d5c4a !important;
  -webkit-text-fill-color: #3d5c4a !important;
  font-size: 0.95rem !important;
  line-height: 1.5 !important;
  font-style: italic !important;
  text-align: center !important;
}


html body.path-taxonomy.vocabulary-tags #wrapper #block-martis-exposedformblog-searchblog-search .form-item {
  width: 100% !important;
  max-width: 36rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


html body.path-taxonomy.vocabulary-category #wrapper #block-martis-exposedformblog-searchblog-search input.form-text,
html body.path-taxonomy.vocabulary-tags #wrapper #block-martis-exposedformblog-searchblog-search input.form-text {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Search: don't clip the placeholder on mobile */
@media (max-width: 767.98px) {
  
  html body.path-taxonomy.vocabulary-category #wrapper #block-martis-exposedformblog-searchblog-search input.form-text,
  html body.path-taxonomy.vocabulary-tags #wrapper #block-martis-exposedformblog-searchblog-search input.form-text {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  
  html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-meta-item {
    font-size: 0.72rem !important;
    padding: 0.2rem 0.5rem !important;
  }
}

/* END blog-term-listing-v2 */

/* ==========================================================================
   blog-term-listing-v3 — 2026-08-12
   Match /blog: white page shell, ~1rem header/footer gap, smaller meta chips
   and the same compact tag pills on category + tag taxonomy pages.
   ========================================================================== */


html body.path-taxonomy.vocabulary-category #wrapper .page-wrapper,
html body.path-taxonomy.vocabulary-tags #wrapper .page-wrapper,
html body.path-taxonomy.vocabulary-category #wrapper .page-wrapper > .container,
html body.path-taxonomy.vocabulary-tags #wrapper .page-wrapper > .container {
  background: #ffffff !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 1rem !important;
  box-sizing: border-box !important;
}

/* Search lives in content-wide-top (outside page-wrapper) — keep it on the same white shell */

html body.path-taxonomy.vocabulary-category #wrapper .region-content-wide-top,
html body.path-taxonomy.vocabulary-tags #wrapper .region-content-wide-top {
  background: #ffffff !important;
  background-color: #ffffff !important;
  padding-top: 1rem !important;
  padding-bottom: 0.35rem !important;
  margin: 0 !important;
}


html body.path-taxonomy.vocabulary-tags #wrapper .view-taxonomy-term {
  background: #ffffff !important;
  background-color: #ffffff !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .region.region-content,
html body.path-taxonomy.vocabulary-tags #wrapper .region.region-content,
html body.path-taxonomy.vocabulary-category #wrapper #main-content,
html body.path-taxonomy.vocabulary-tags #wrapper #main-content {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Meta chips — same size as /blog (date + category + author) */

html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-meta-item,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-meta-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.25rem !important;
  padding: 0.22rem 0.55rem !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  border: 1.5px solid #3b0a5c !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  white-space: nowrap !important;
  width: auto !important;
  max-width: 100% !important;
  flex: 0 1 auto !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-meta-item *,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-meta-item * {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
}


html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-meta-item i {
  font-size: 0.68rem !important;
}

/* Tags — same compact pills as /blog */

html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-tags a,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-tags a,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .tags-list a {
  display: inline-flex !important;
  background: #ffffff !important;
  color: #6716aa !important;
  -webkit-text-fill-color: #6716aa !important;
  border: 1px solid #3b0a5c !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 0.7rem !important;
  line-height: 1.2 !important;
  padding: 0.18rem 0.5rem !important;
  margin: 0 !important;
  text-decoration: none !important;
}


html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-tags a:hover {
  background: #f3e8ff !important;
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
}

@media (max-width: 767.98px) {
  
  html body.path-taxonomy.vocabulary-category #wrapper .page-wrapper,
  html body.path-taxonomy.vocabulary-tags #wrapper .page-wrapper {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    padding-left: 0.85rem !important;
    padding-right: 0.85rem !important;
  }

  
  html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-meta-item {
    font-size: 0.72rem !important;
    padding: 0.22rem 0.55rem !important;
  }
}

/* END blog-term-listing-v3 */

/* ==========================================================================
   blog-term-listing-v4 — 2026-08-12
   1) Category post tags: field wrappers were block, so pills stacked.
      Match /blog horizontal chip row.
   2) Breadcrumbs: keep a single wrapping trail like /blog. Do not force
      current crumbs to 100% width (that stacked Category/Tag + term).
   ========================================================================== */

/* ---- Category (and tag) post-tag chips = /blog ---- */

/* ---- Breadcrumbs: one wrapping trail like /blog ---- */

/* END blog-term-listing-v4 */

/* ==========================================================================
   blog-term-listing-v5 — 2026-08-12
   Category post tags still stacked: Drupal .field / .field-items / .field-item
   stay block even when .post-tags is flex. Use display:contents so the <a>
   pills become flex children of .post-tags (same row as /blog + tag archives).

   Breadcrumbs: global ≤575px rule forces .breadcrumb__item--current to 100%
   width. Easy Breadcrumb marks both Category/Tag AND the term as current, so
   the trail becomes three rows. Keep a single wrapping mint trail like /blog.
   ========================================================================== */


html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-tags,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-tags {
  display: flex !important;
  flex-flow: row wrap !important;
  justify-content: center !important;
  align-items: center !important;
  align-content: center !important;
  gap: 0.3rem !important;
  width: 100% !important;
  margin: 0.25rem auto 0.35rem !important;
  padding: 0.55rem 0 0.15rem !important;
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: transparent !important;
  text-align: center !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-tags > i,
html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-tags .tags-label,
html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-tags .field-label,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-tags > i,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-tags .tags-label,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-tags .field-label {
  display: none !important;
}

/* Unwrap Drupal field chrome so pills sit on one wrapping row */

html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-tags .tags-list,
html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-tags .field,
html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-tags .field-items,
html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-tags .field-item,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-tags .tags-list,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-tags .field,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-tags .field-items,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-tags .field-item {
  display: contents !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  background: transparent !important;
  border: 0 !important;
  column-count: auto !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-tags a,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-tags a {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  background: #ffffff !important;
  color: #6716aa !important;
  -webkit-text-fill-color: #6716aa !important;
  border: 1px solid #3b0a5c !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 0.7rem !important;
  line-height: 1.2 !important;
  padding: 0.18rem 0.5rem !important;
  margin: 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  float: none !important;
}

/* ---- Breadcrumbs: same mint trail as /blog, never a 100% current row ---- */

html body.path-taxonomy.vocabulary-category #wrapper #block-breadcrumbs,
html body.path-taxonomy.vocabulary-tags #wrapper #block-breadcrumbs {
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  background: #f3e8ff !important;
  border-top: 1px solid #e9d5ff !important;
  border-bottom: 2px solid #6716aa !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .breadcrumb,
html body.path-taxonomy.vocabulary-tags #wrapper .breadcrumb {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0.85rem 1.35rem !important;
  background: transparent !important;
  border: 0 !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .breadcrumb .breadcrumb__list,
html body.path-taxonomy.vocabulary-tags #wrapper .breadcrumb .breadcrumb__list {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.15rem 0.2rem !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .breadcrumb .breadcrumb__item,
html body.path-taxonomy.vocabulary-tags #wrapper .breadcrumb .breadcrumb__item,
html body.path-taxonomy.vocabulary-category #wrapper .breadcrumb .breadcrumb__item--current,
html body.path-taxonomy.vocabulary-tags #wrapper .breadcrumb .breadcrumb__item--current {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 1 auto !important;
  flex-grow: 0 !important;
  flex-shrink: 1 !important;
  flex-basis: auto !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0.2rem 0.1rem !important;
  font-size: 1.05rem !important;
  line-height: 1.4 !important;
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .breadcrumb .breadcrumb__item + .breadcrumb__item::before,
html body.path-taxonomy.vocabulary-tags #wrapper .breadcrumb .breadcrumb__item + .breadcrumb__item::before {
  content: "›" !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 0.4rem 0 0.15rem !important;
  font-size: 1.1em !important;
  line-height: 1 !important;
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .breadcrumb .breadcrumb__current,
html body.path-taxonomy.vocabulary-tags #wrapper .breadcrumb .breadcrumb__current {
  font-weight: 700 !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
}

@media (max-width: 767.98px) {
  
  html body.path-taxonomy.vocabulary-category #wrapper .breadcrumb,
  html body.path-taxonomy.vocabulary-tags #wrapper .breadcrumb {
    padding: 0.75rem 0.9rem !important;
  }

  
  html body.path-taxonomy.vocabulary-category #wrapper .breadcrumb li,
  html body.path-taxonomy.vocabulary-tags #wrapper .breadcrumb li,
  html body.path-taxonomy.vocabulary-category #wrapper .breadcrumb .breadcrumb__item--current,
  html body.path-taxonomy.vocabulary-tags #wrapper .breadcrumb .breadcrumb__item--current {
    flex: 0 1 auto !important;
    flex-grow: 0 !important;
    flex-basis: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    font-size: 0.95rem !important;
  }
}

/* Beat breadcrumb-global-v1 + unify-v3 100% current-row (≤575px) */
@media (max-width: 575.98px) {
  
  html body.path-taxonomy.vocabulary-category #wrapper .breadcrumb .breadcrumb__item--current,
  html body.path-taxonomy.vocabulary-tags #wrapper .breadcrumb .breadcrumb__item--current {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 1 !important;
    flex-basis: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    font-size: 0.95rem !important;
  }
}

/* END blog-term-listing-v5 */

/* ==========================================================================
   blog-term-listing-v6 — 2026-08-12
   1) Kill white band above #block-breadcrumbs on category + tag
      (bar lives in #page-title > .container; #page-title is #f7f7f7).
   2) Category .post-image = /blog + tag desktop card-cap.
   3) Category + tag mobile .post-image = /blog mobile.
   ========================================================================== */


html body.path-taxonomy.vocabulary-category #wrapper #page-title,
html body.path-taxonomy.vocabulary-tags #wrapper #page-title {
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  padding-top: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  background: #f3e8ff !important;
  background-color: #f3e8ff !important;
  border: 0 !important;
  box-shadow: none !important;
}


html body.path-taxonomy.vocabulary-category #wrapper #page-title > .container,
html body.path-taxonomy.vocabulary-tags #wrapper #page-title > .container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}


html body.path-taxonomy.vocabulary-category #wrapper #block-breadcrumbs,
html body.path-taxonomy.vocabulary-tags #wrapper #block-breadcrumbs {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ---- Category post-image = /blog / tag desktop card-cap ---- */

html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-thumb,
html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-media {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0.4rem !important;
  order: 0 !important;
  position: relative !important;
  z-index: 3 !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-image {
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 0 0.65rem !important;
  padding: 0 !important;
  border: 3px solid #3b0a5c !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  background: #1a0a24 !important;
  box-shadow: 0 4px 14px rgba(59, 10, 92, 0.2) !important;
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-image img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Align tag desktop image margin with /blog card-cap */

html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-image {
  margin-top: 0 !important;
  margin-bottom: 0.65rem !important;
}

@media (max-width: 767.98px) {
  
  html body.path-taxonomy.vocabulary-category #wrapper #page-title,
  html body.path-taxonomy.vocabulary-tags #wrapper #page-title {
    margin: 0 !important;
    padding: 0 !important;
  }

  
  html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-media,
  html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-media {
    padding: 0 0.15rem !important;
  }

  
  html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-image,
  html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-image {
    margin: 0.25rem 0 0.55rem !important;
    border-radius: 12px !important;
  }
}

/* END blog-term-listing-v6 */

/* ==========================================================================
   blog-term-listing-v6.1 — 2026-08-12
   Desktop still showed a white strip above the mint bar. #content-wide-top
   sits ABOVE #page-title in page.html.twig and v3 gave it 1rem white padding.
   Collapse that shell (search already renders below the crumbs).
   ========================================================================== */


html body.path-taxonomy.vocabulary-category #wrapper #content-wide-top,
html body.path-taxonomy.vocabulary-tags #wrapper #content-wide-top {
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
}


html body.path-taxonomy.vocabulary-category #wrapper #header,
html body.path-taxonomy.vocabulary-tags #wrapper #header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Category image stack: same attached card-cap as tag /blog */

/* END blog-term-listing-v6.1 */

/* ==========================================================================
   blog-term-listing-v6.2 — 2026-08-12
   Theme .content-wide .block { padding-top: 10–45px } and
   .content-wide .container-wrap { padding-top: 15px } sit on the breadcrumb
   block (it lives in #content-wide-top). That is the white strip.
   ========================================================================== */

/* Attach category images to the green card like /blog */

/* END blog-term-listing-v6.2 */

/* ==========================================================================
   blog-term-listing-v7 — 2026-08-12
   Flush menu→breadcrumb (theme .content-wide .block pad), category image =
   tag//blog card-cap, mobile teasers full width like /blog.
   Also chrome for /blog/category and /blog/tag index pages.
   ========================================================================== */


html body.path-taxonomy.vocabulary-category #wrapper #main-content,
html body.path-taxonomy.vocabulary-tags #wrapper #main-content,
html body.path-taxonomy.vocabulary-category #wrapper #content-wide-top,
html body.path-taxonomy.vocabulary-tags #wrapper #content-wide-top {
  padding: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  margin-top: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
}


html body.path-taxonomy.vocabulary-category #wrapper #header,
html body.path-taxonomy.vocabulary-tags #wrapper #header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Category post-image = tag desktop card-cap */

html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-thumb,
html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-media {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0.4rem !important;
  order: 0 !important;
  position: relative !important;
  z-index: 3 !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-image {
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  margin: 0 0 0 !important;
  padding: 0 !important;
  border: 3px solid #3b0a5c !important;
  border-radius: 14px 14px 0 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  background: #1a0a24 !important;
  box-shadow: none !important;
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 0 !important;
}

@media (max-width: 767.98px) {
  
  html body.path-taxonomy.vocabulary-category #wrapper .page-wrapper,
  html body.path-taxonomy.vocabulary-tags #wrapper .page-wrapper,
  html body.path-taxonomy.vocabulary-category #wrapper .page-wrapper > .container,
  html body.path-taxonomy.vocabulary-tags #wrapper .page-wrapper > .container {
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
  }

  
  html body.path-taxonomy.vocabulary-category #wrapper .blog-tag-listing-view,
  html body.path-taxonomy.vocabulary-tags #wrapper .blog-tag-listing-view {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  
  html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser,
  html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser {
    width: 100% !important;
    max-width: 100% !important;
  }

  
  html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-media,
  html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-media {
    padding: 0 0.15rem !important;
  }
}

/* ---- Index pages: /blog/category and /blog/tag ---- */

/* END blog-term-listing-v7 */

/* ==========================================================================
   blog-term-listing-v7.1 — 2026-08-12
   100vw / left:50% / -50vw broke when #content-wide-top padding was zeroed
   (bar sat on the right, white on the left). Use a simple 100% bar.
   Keep search as a centered card; do not strip its padding.
   ========================================================================== */


html body.path-taxonomy.vocabulary-category #wrapper #content-wide-top,
html body.path-taxonomy.vocabulary-tags #wrapper #content-wide-top {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}


html body.path-taxonomy.vocabulary-category #wrapper #block-breadcrumbs,
html body.path-taxonomy.vocabulary-tags #wrapper #block-breadcrumbs {
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  transform: none !important;
  background: #f3e8ff !important;
  border-top: 1px solid #e9d5ff !important;
  border-bottom: 2px solid #6716aa !important;
}

/* END blog-term-listing-v7.1 */

/* ==========================================================================
   blog-term-listing-v8 — 2026-08-12
   Category/tag/index breadcrumb bars were thinner than /blog.
   Keep #block-breadcrumbs padding:0 (avoids theme .content-wide .block gap)
   but restore /blog nav + item padding and type size.
   ========================================================================== */


html body.path-taxonomy.vocabulary-category #wrapper .breadcrumb,
html body.path-taxonomy.vocabulary-tags #wrapper .breadcrumb {
  padding: 0.95rem 1.35rem !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .breadcrumb ol,
html body.path-taxonomy.vocabulary-tags #wrapper .breadcrumb ol {
  padding: 0 !important;
  gap: 0.2rem 0.15rem !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .breadcrumb li,
html body.path-taxonomy.vocabulary-tags #wrapper .breadcrumb li {
  padding: 0.3rem 0.15rem !important;
  font-size: 1.08rem !important;
  line-height: 1.45 !important;
}

@media (max-width: 767.98px) {
  
  html body.path-taxonomy.vocabulary-category #wrapper .breadcrumb,
  html body.path-taxonomy.vocabulary-tags #wrapper .breadcrumb {
    padding: 0.95rem 1rem !important;
  }

  
  html body.path-taxonomy.vocabulary-category #wrapper .breadcrumb li,
  html body.path-taxonomy.vocabulary-tags #wrapper .breadcrumb li {
    padding: 0.3rem 0.1rem !important;
    font-size: 1.02rem !important;
    line-height: 1.45 !important;
  }
}

/* END blog-term-listing-v8 */

/* ==========================================================================
   blog-term-listing-v9 — 2026-08-12
   Term pages still looked thin: older
   html body.path-taxonomy #wrapper #block-breadcrumbs .breadcrumb
   { padding-top:0; padding-bottom:0.35rem } has TWO IDs and beat v8.
   Match /blog with higher-specificity longhands.
   ========================================================================== */

/* END blog-term-listing-v9 */

/* ==========================================================================
   blog-term-index-v10 — 2026-08-12
   /blog/category and /blog/tag: real H1 + intro, 2-col cards with
   term descriptions. Do not change per-term archive listing CSS.
   ========================================================================== */

/* END blog-term-index-v10 */

/* ==========================================================================
   blog-term-index-v11 — 2026-08-12
   Restyle /blog/category and /blog/tag to match /blog + term archives:
   green listing H1 badge, mint intro panel, white directory cards.
   Scoped to body.page-blog-term-index only.
   ========================================================================== */

/* END blog-term-index-v11 */

/* ==========================================================================
   blog-term-index-v11.1 — 2026-08-12
   Beat Martis custom_css .region.region-content p { bg #6716aa; color #fff }
   so the intro reads like term-archive .blog-tag-intro, not green boxes.
   ========================================================================== */

/* END blog-term-index-v11.1 */

/* ==========================================================================
   blog-term-teaser-v12 — 2026-08-12
   /blog/category/* and /blog/tag/* post cards = /blog overlap stack.
   Beats v7 16:9 card-cap (3px green, detached image).
   Do not apply to page-blog-term-index directory cards.
   ========================================================================== */


html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-image,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-image {
  width: 92% !important;
  max-width: 92% !important;
  aspect-ratio: auto !important;
  height: auto !important;
  max-height: none !important;
  margin: 0.55rem auto -0.95rem !important;
  padding: 0 !important;
  border: 2px solid #000000 !important;
  border-radius: 1.35rem !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  background: transparent !important;
  box-shadow: none !important;
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
}


html body.path-taxonomy.vocabulary-category #wrapper .blog-post-teaser .post-image img,
html body.path-taxonomy.vocabulary-tags #wrapper .blog-post-teaser .post-image img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 1.2rem !important;
  margin: 0 !important;
  padding: 0 !important;
  scale: 1 !important;
  transform: none !important;
}

/* END blog-term-teaser-v12 */

/* ==========================================================================
   blog-chrome-v13 — 2026-08-12
   /blog intro under search; 1rem crumb/footer edges; tighter stack on
   /blog, /blog/category, /blog/tag, and term archives.
   ========================================================================== */


html body.path-taxonomy.vocabulary-category #wrapper .view-header .taxonomy-term,
html body.path-taxonomy.vocabulary-tags #wrapper .view-header .taxonomy-term {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* END blog-chrome-v13 */

/* ==========================================================================
   blog-chrome-v14 — 2026-08-12
   Even 1rem gaps on /blog, indexes, and term archives.
   Mobile /blog buttons: flex was beaten by .intro p { display:block },
   so they stacked with no gap.
   ========================================================================== */

/* END blog-chrome-v14 */

/* ==========================================================================
   blog-chrome-v15 — 2026-08-12
   /blog/category: search 2rem top; listing views -2rem bottom (desktop).
   Center hero on desktop; left-align card descriptions on mobile.
   Same rhythm on /blog, /blog/tag, and term archives.
   ========================================================================== */

/* END blog-chrome-v15 */

/* --- Clearance sales link + intro (existing JD header) --- */
.header-top #block-clearance-sales a.clearance-499-link,
.header-top.dark-header-top #block-clearance-sales a.clearance-499-link,
header.header #block-clearance-sales a.clearance-499-link,
div#block-clearance-sales a.clearance-499-link {
  color: inherit !important;
  text-decoration: underline !important;
  text-underline-offset: 0.15em !important;
  font-weight: 700 !important;
}
.header-top #block-clearance-sales a.clearance-499-link:hover,
.header-top.dark-header-top #block-clearance-sales a.clearance-499-link:hover,
header.header #block-clearance-sales a.clearance-499-link:hover {
  color: #22c55e !important;
}

/* ==========================================================================
   city-hub-breadcrumb-v1 — 2026-08-12
   /{city}/ hubs are path-taxonomy. Older two-ID rule
   html body.path-taxonomy #wrapper #block-breadcrumbs .breadcrumb
   { padding-top:0; padding-bottom:0.35rem } still wins over unify-v3,
   so city crumbs look thinner than /blog and /blog/category|tag.
   Clone blog-term-listing-v9 padding/type. Scope to exact page-*-tx
   hubs so /{city}/partners and /{city}/web-services stay untouched.
   ========================================================================== */

/* END city-hub-breadcrumb-v1 */


/* ==========================================================================
   blog-term-archive-h1-v1 — 2026-08-12
   TVI term archives have no page-title block. Match /blog H1 chip + intro.
   ========================================================================== */
html body.path-taxonomy #wrapper .blog-tag-listing-view .blog-term-archive-hero,
html body.path-taxonomy #wrapper .view-taxonomy-term .blog-term-archive-hero {
  margin: 0 0 1.15rem !important;
  padding: 0 !important;
}
html body.path-taxonomy #wrapper .blog-tag-listing-view h1.blog-term-archive-h1,
html body.path-taxonomy #wrapper .view-taxonomy-term h1.blog-term-archive-h1 {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 0.75rem !important;
  padding: 0.85rem 1.15rem !important;
  background: #6716aa !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #000 !important;
  border-radius: 5px !important;
  text-align: center !important;
  font-size: 1.65rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-shadow: none !important;
}
html body.path-taxonomy #wrapper .blog-tag-listing-view .blog-term-archive-intro,
html body.path-taxonomy #wrapper .view-taxonomy-term .blog-term-archive-intro {
  margin: 0 0 1rem !important;
  padding: 0 0.15rem !important;
  color: #1a0a24 !important;
  font-size: 1.05rem !important;
  line-height: 1.55 !important;
  background: transparent !important;
  border: 0 !important;
}
@media (max-width: 767px) {
  html body.path-taxonomy #wrapper .blog-tag-listing-view h1.blog-term-archive-h1,
  html body.path-taxonomy #wrapper .view-taxonomy-term h1.blog-term-archive-h1 {
    font-size: 1.35rem !important;
    padding: 0.7rem 0.85rem !important;
  }
}
/* END blog-term-archive-h1-v1 */

/* ==========================================================================
   blog-term-archive-chrome-v2 — 2026-08-12
   Match /blog H1 badge + lilac search card on category/tag archives.
   ========================================================================== */
html body.path-taxonomy[class*="page-blog-"] #wrapper .blog-tag-listing-view h1.blog-term-archive-h1,
html body.path-taxonomy[class*="page-blog-"] #wrapper .view-taxonomy-term h1.blog-term-archive-h1 {
  display: block !important;
  width: auto !important;
  max-width: 56rem !important;
  margin: 0.75rem auto 1rem !important;
  padding: 0.85rem 1.35rem !important;
  background: linear-gradient(180deg, #b781e3 0%, #6716aa 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #000 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

html body.path-taxonomy[class*="page-blog-"] #wrapper #block-martis-exposedformblog-searchblog-search {
  background: #faf5ff !important;
  background-color: #faf5ff !important;
  color: #1a0a24 !important;
  border: 1px solid #e9d5ff !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  padding: 1.25rem 1.35rem 1.1rem !important;
  max-width: 52rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
html body.path-taxonomy[class*="page-blog-"] #wrapper #block-martis-exposedformblog-searchblog-search .block-title,
html body.path-taxonomy[class*="page-blog-"] #wrapper #block-martis-exposedformblog-searchblog-search h2 {
  background: transparent !important;
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  border: 0 !important;
  text-shadow: none !important;
}
html body.path-taxonomy[class*="page-blog-"] #wrapper #block-martis-exposedformblog-searchblog-search label,
html body.path-taxonomy[class*="page-blog-"] #wrapper #block-martis-exposedformblog-searchblog-search .form-item {
  color: #1a0a24 !important;
  background: transparent !important;
}
/* END blog-term-archive-chrome-v2 */

/* ===== JD2 EXTRACT-chrome-post-jd.css ===== */
/* JD2: remapped Cyberlytics green → Johnny Detail purple. Do not paste leftover CY greens. */
/* JD2 EXTRACT — chrome-layout-fix.css blocks added after JD/ pack */
   partners-listing-v1 — 2026-08-08
   /partners + /{city}/partners listing pages (Views page displays).
   Scoped so full partner nodes + homepage slideshow stay untouched.
   ========================================================================== */

/* Page canvas */
html body.path-partners:not(.page-node-type-partners) #wrapper .region.region-content,
html body[class*="-partners"]:not(.page-node-type-partners) #wrapper .region.region-content {
  background: #f5f0fa !important;
}

/* H1 chip */

html body[class*="-partners"]:not(.page-node-type-partners) .partners-listing-h1 {
  display: block !important;
  width: 100% !important;
  max-width: 48rem !important;
  margin: 0.75rem auto 1rem !important;
  padding: 0.85rem 1.2rem !important;
  box-sizing: border-box !important;
  text-align: center !important;
  font-weight: 800 !important;
  font-size: clamp(1.25rem, 2.6vw, 1.75rem) !important;
  line-height: 1.3 !important;
  background: linear-gradient(135deg, #3b0a5c 0%, #6716aa 55%, #7b2cbf 100%) !important;
  background-color: #3b0a5c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #000 !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 12px rgba(59, 10, 92, 0.22) !important;
}

/* Intro card */

html body[class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro.hub-intro {
  display: block !important;
  max-width: 48rem !important;
  margin: 0.5rem auto 1.75rem !important;
  padding: 1.25rem 1.35rem 1.35rem !important;
  background: #ffffff !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  border: 1px solid #e9d5ff !important;
  border-left: 5px solid #6716aa !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(59, 10, 92, 0.08) !important;
  box-sizing: border-box !important;
}


html body[class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__deck {
  margin: 0 0 0.85rem !important;
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
}


html body[class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.55rem 0.65rem !important;
  margin-top: 0.85rem !important;
}


html body[class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0.5rem 1.1rem !important;
  border: 2px solid #000 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #6716aa 0%, #7b2cbf 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  font-size: 0.95rem !important;
}


html body[class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__btn--ghost {
  background: #ffffff !important;
  color: #5b21b6 !important;
  -webkit-text-fill-color: #5b21b6 !important;
}

/* Grid spacing */

html body[class*="-partners"]:not(.page-node-type-partners) .view-partners .row {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
  justify-content: center !important;
}


html body[class*="-partners"]:not(.page-node-type-partners) .view-partners .partners-listing-col,
html body[class*="-partners"]:not(.page-node-type-partners) .view-partners [class*="col-"] {
  padding: 0.65rem !important;
  margin-bottom: 0.5rem !important;
}

/* Partner cards on listing only */

html body[class*="-partners"]:not(.page-node-type-partners) .partner-teaser--card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  height: 100% !important;
  min-height: 16rem !important;
  margin: 0 !important;
  padding: 1.25rem 1rem 1.15rem !important;
  background: #ffffff !important;
  border-top: 1px solid #e9d5ff !important;
  border-right: 1px solid #e9d5ff !important;
  border-bottom: 1px solid #e9d5ff !important;
  border-left: 5px solid #6716aa !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 14px rgba(59, 10, 92, 0.1) !important;
  box-sizing: border-box !important;
  text-align: center !important;
  translate: 0 0;
  transition: translate 0.18s ease, box-shadow 0.18s ease !important;
}


html body[class*="-partners"]:not(.page-node-type-partners) .partner-teaser--card:hover {
  translate: 0 -3px !important;
  box-shadow: 0 8px 20px rgba(59, 10, 92, 0.14) !important;
}


html body[class*="-partners"]:not(.page-node-type-partners) .partner-teaser__link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
}


html body[class*="-partners"]:not(.page-node-type-partners) .partner-teaser__logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 7.5rem !important;
  height: 7.5rem !important;
  margin: 0 auto 0.85rem !important;
  padding: 0.65rem !important;
  background: #f5f0fa !important;
  border: 2px solid #e9d5ff !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}


html body[class*="-partners"]:not(.page-node-type-partners) .partner-teaser__logo img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}


html body[class*="-partners"]:not(.page-node-type-partners) .partner-teaser__title,
html body[class*="-partners"]:not(.page-node-type-partners) .partner-teaser__title a {
  margin: 0 0 0.75rem !important;
  padding: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
}


html body[class*="-partners"]:not(.page-node-type-partners) .partner-teaser__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: auto !important;
  min-height: 2.5rem !important;
  padding: 0.45rem 1.15rem !important;
  border: 2px solid #000 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #6716aa 0%, #7b2cbf 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  text-decoration: none !important;
}


html body[class*="-partners"]:not(.page-node-type-partners) .partner-teaser__cta:hover {
  background: #3b0a5c !important;
  color: #ffffff !important;
}

/* Hide teaser body dump if teaser mode still prints body */

html body[class*="-partners"]:not(.page-node-type-partners) .partner-teaser .field-body {
  display: none !important;
}

@media (max-width: 767.98px) {
  
  html body[class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__links {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  
  html body[class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__btn {
    width: 100% !important;
  }
  
  html body[class*="-partners"]:not(.page-node-type-partners) .partners-listing-h1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
    max-width: none !important;
    font-size: 1.15rem !important;
  }
}

/* END partners-listing-v1 */

/* ==========================================================================
   partners-listing-v2 — readable text + centered H1 (mobile + desktop)
   Covers hub path-partners and city page-*-partners.
   ========================================================================== */

/* Shared scope helper classes used below */

html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) {
  --pl-ink: #1a0a24;
  --pl-ink-soft: #2e1065;
  --pl-forest: #3b0a5c;
  --pl-brand: #6716aa;
}

/* Content region: page content should be white on partner listing pages */

html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper #main-content,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .region.region-content,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .main-content,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .content-layout {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .views-element-container,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-view {
  background: #ffffff !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-view .view-header {
  background: #ffffff !important;
  border: 1px solid #e8f0ec !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(59, 10, 92, 0.08) !important;
  padding: 1.2rem 1.3rem 1.4rem !important;
  margin-bottom: 1.1rem !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-view .view-header h1 {
  margin-top: 0 !important;
}

/* Center H1 chip hard (desktop + mobile) */

html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-h1,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) h1.partners-listing-h1,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .view-header h1 {
  display: block !important;
  width: calc(100% - 1.5rem) !important;
  max-width: 46rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0.85rem !important;
  margin-bottom: 1.1rem !important;
  padding: 0.9rem 1.25rem !important;
  box-sizing: border-box !important;
  text-align: center !important;
  justify-self: center !important;
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  font-weight: 800 !important;
  font-size: clamp(1.2rem, 2.5vw, 1.7rem) !important;
  line-height: 1.3 !important;
  letter-spacing: 0.01em !important;
  background: linear-gradient(135deg, #3b0a5c 0%, #6716aa 55%, #7b2cbf 100%) !important;
  background-color: #3b0a5c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  border: 2px solid #000 !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 12px rgba(59, 10, 92, 0.22) !important;
  word-wrap: break-word !important;
  overflow-wrap: anywhere !important;
}

/* Force white type on H1 children (beats fill leaks) */

html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-h1 * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
}

/* Intro: readable dark ink on white (never white-on-white) */

html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro.hub-intro,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .view-header .partners-listing-intro {
  display: block !important;
  width: calc(100% - 1.5rem) !important;
  max-width: 46rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 1.75rem !important;
  padding: 1.25rem 1.35rem 1.4rem !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  border: 1px solid #e9d5ff !important;
  border-left: 5px solid #6716aa !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(59, 10, 92, 0.08) !important;
  box-sizing: border-box !important;
  text-align: left !important;
  opacity: 1 !important;
  filter: none !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro p,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__deck,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro span,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro li {
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  font-size: 1.05rem !important;
  line-height: 1.62 !important;
  font-weight: 500 !important;
}

/* Card titles: dark forest, not white/pale */

html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser--card {
  background: #ffffff !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser__title,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser__title a,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser__title span {
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  text-align: center !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  background: transparent !important;
}

/* CTA keeps white-on-green intentionally */

html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser__cta {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Center the view content column on all sizes */

html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .view-partners {
  width: 100% !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  box-sizing: border-box !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .view-partners .view-header {
  text-align: center !important;
  width: 100% !important;
}

/* Mobile: full usable width, centered H1, readable intro */
@media (max-width: 991.98px) {
  
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-h1 {
    width: calc(100% - 1rem) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 1.18rem !important;
    padding: 0.8rem 0.95rem !important;
    text-align: center !important;
  }

  
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro {
    width: calc(100% - 1rem) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 1.1rem 1rem 1.15rem !important;
  }

  
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro p,
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__deck {
    font-size: 1.02rem !important;
    line-height: 1.58 !important;
    color: #1a0a24 !important;
    -webkit-text-fill-color: #1a0a24 !important;
  }

  
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser__title {
    font-size: 1.02rem !important;
    color: #3b0a5c !important;
    -webkit-text-fill-color: #3b0a5c !important;
  }
}

@media (max-width: 575.98px) {
  
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-h1 {
    font-size: 1.08rem !important;
    padding: 0.72rem 0.8rem !important;
  }
}

/* END partners-listing-v2 */


/* ==========================================================================
   partners-listing-v3 — fix unreadable intro (green-on-green)
   ========================================================================== */


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro.hub-intro,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .view-header .partners-listing-intro {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
}

/* Kill any green chip/box on intro paragraphs */

html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro p,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__deck,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__deck p,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro > div:not(.hub-intro__links) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  text-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0.85rem !important;
  font-size: 1.06rem !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Explicit ink on every text node inside intro */

html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro * {
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
}

/* Restore white type on CTA buttons only */

html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__btn:not(.hub-intro__btn--ghost) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #6716aa 0%, #7b2cbf 100%) !important;
  border: 2px solid #000 !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__btn--ghost {
  color: #5b21b6 !important;
  -webkit-text-fill-color: #5b21b6 !important;
  background: #ffffff !important;
  border: 2px solid #000 !important;
}

/* H1 stays white-on-green and centered */

html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-h1 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-h1 * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* END partners-listing-v3 */

   Service node blog teasers — mobile post-tags
   Beat Custom CSS column-gap: 7rem + clearfix floats.
   ========================================================================== */
@media (max-width: 767.98px) {
}



/* ==========================================================================
   JD3 EXTRACT merge — 2026-08-15
   Term-index hover lock (do not kill fadeIn mid-play) + blog team carousel H2.
   Partners 2-col / white canvas live in partners-listing.css + high-intent-cta.css.
   ========================================================================== */

/* ==========================================================================
   Catalog nav — accordions + brand Load more (win over custom CSS grid)
   ========================================================================== */


html body.path-taxonomy #wrapper .view-product-categories-block .product-category-children[hidden] {
  display: none !important;
}


html body.path-taxonomy #wrapper .view-product-categories-block .product-category-parent.is-open > .product-category-children:not([hidden]) {
  display: grid !important;
}


html body.path-taxonomy #wrapper [id*="product-categories-block-block-1"] .grid-item[hidden] {
  display: none !important;
}


html body.path-taxonomy #wrapper .catalog-brand-load-more-wrap {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 1rem 0 0.25rem !important;
  float: none !important;
  text-align: center !important;
}


html body.path-taxonomy #wrapper .catalog-brand-load-more {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  margin: 0 auto !important;
  padding: 0.55rem 1.25rem !important;
  border: 2px solid #000 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #9b4dd4 0%, #6716aa 55%, #3b0a5c 100%) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 800 !important;
  box-shadow: 0 3px 0 #000, 0 8px 18px rgba(123, 44, 191, 0.35) !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) {
  --pl-ink: #1a0a24;
  --pl-forest: #3b0a5c;
  --pl-brand: #6716aa;
  --pl-mist: #f5f0fa;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper #main-content,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .region.region-content,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .main-content,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .content-layout {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #1a0a24 !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .views-element-container,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-view {
  background: transparent !important;
  background-color: transparent !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-view .view-header {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 0.35rem !important;
  text-align: center !important;
  width: 100% !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .view-partners {
  width: 100% !important;
  max-width: 1190px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  box-sizing: border-box !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-h1,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) h1.partners-listing-h1,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .view-header h1 {
  display: block !important;
  width: 100% !important;
  max-width: 52rem !important;
  margin: 0.85rem auto 1.1rem !important;
  padding: 0.9rem 1.25rem !important;
  box-sizing: border-box !important;
  text-align: center !important;
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  font-weight: 800 !important;
  font-size: clamp(1.25rem, 2.6vw, 1.75rem) !important;
  line-height: 1.3 !important;
  letter-spacing: 0.01em !important;
  background: linear-gradient(135deg, #3b0a5c 0%, #6716aa 55%, #7b2cbf 100%) !important;
  background-color: #3b0a5c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  border: 2px solid #000 !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 12px rgba(59, 10, 92, 0.22) !important;
  word-wrap: break-word !important;
  overflow-wrap: anywhere !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-h1 * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro.hub-intro,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .view-header .partners-listing-intro,
html body[class*="-partners"]:not(.page-node-type-partners) .view-header .partners-listing-intro.hub-intro {
  display: block !important;
  width: 100% !important;
  max-width: 52rem !important;
  margin: 0.5rem auto 1.75rem !important;
  padding: 1.25rem 1.35rem 1.4rem !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  border: 1px solid #e9d5ff !important;
  border-left: 5px solid #6716aa !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 14px rgba(59, 10, 92, 0.08) !important;
  box-sizing: border-box !important;
  text-align: left !important;
  opacity: 1 !important;
  filter: none !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro p,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__deck,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__deck p {
  display: block !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  text-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 0.85rem !important;
  max-width: none !important;
  font-size: 1.05rem !important;
  line-height: 1.62 !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__links,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .view-header .hub-intro__links {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.55rem 0.65rem !important;
  margin: 0.95rem 0 0 !important;
  max-width: none !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__btn--ghost,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .view-header .hub-intro__btn--ghost {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.75rem !important;
  padding: 0.5rem 1.15rem !important;
  border: 2px solid #000 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #5b21b6 !important;
  -webkit-text-fill-color: #5b21b6 !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  text-decoration: none !important;
  box-shadow: 0 2px 0 #000 !important;
  box-sizing: border-box !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__btn--ghost:hover {
  background: #f5f0fa !important;
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  transform: translateY(-1px);
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .row.grid-noppading.grid-wrapper,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .view-partners .row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  column-gap: 0px !important;
  row-gap: 0px !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .partners-listing-col.col-12.col-sm-12.col-md-6.col-lg-4.grid-item,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-view .partners-listing-col,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .view-partners .partners-listing-col,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .view-partners [class*="col-"] {
  padding: 0 !important;
  margin: 0 !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser--card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 16rem !important;
  margin: 0 !important;
  padding: 1.25rem 1rem 1.15rem !important;
  background: #ffffff !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  border-top: 1px solid #e9d5ff !important;
  border-right: 1px solid #e9d5ff !important;
  border-bottom: 1px solid #e9d5ff !important;
  border-left: 5px solid #6716aa !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 14px rgba(59, 10, 92, 0.1) !important;
  box-sizing: border-box !important;
  text-align: center !important;
  translate: 0 0;
  transition: translate 0.18s ease, box-shadow 0.18s ease !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser--card:hover {
  translate: 0 -3px !important;
  box-shadow: 0 8px 20px rgba(59, 10, 92, 0.14) !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser__link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser__logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 7.5rem !important;
  height: 7.5rem !important;
  margin: 0 auto 0.85rem !important;
  padding: 0.65rem !important;
  background: white !important;
  border: 2px solid #e9d5ff !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser__logo img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser__title,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser__title a,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser__title span {
  margin: 0 0 0.65rem !important;
  padding: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  text-decoration: none !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  text-shadow: none !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser__summary {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 16rem !important;
  margin: 0 0 0.85rem !important;
  padding: 0 !important;
  background: #ffffff !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-align: center !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser .field-body {
  display: none !important;
}

 html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .row.grid-noppading.grid-wrapper {
  margin-top: -1.5rem !important;
  margin-bottom: -0.5rem !important;
}

@media (max-width: 767.98px) {
  
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .view-partners {
    padding-left: 1.35rem !important;
    padding-right: 1.35rem !important;
  }
   html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .row.grid-noppading.grid-wrapper {
    margin-top: 1rem !important;
    margin-bottom: 0rem !important;
  }

   html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser--card {
    width: 105% !important;
    margin-left: -0.5rem !important;
    margin-top: -1rem !important;
  }

  
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-h1,
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) h1.partners-listing-h1 {
    width: 100% !important;
    max-width: 52rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0.8rem 0.95rem !important;
    font-size: 1.15rem !important;
  }

  
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro,
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro.hub-intro {
    width: 100% !important;
    max-width: 52rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 1.1rem 1.05rem 1.2rem !important;
  }

  
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro p,
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__deck {
    font-size: 1.02rem !important;
    line-height: 1.58 !important;
  }

  
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__links,
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .view-header .hub-intro__links {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__btn,
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partners-listing-intro .hub-intro__btn--ghost {
    width: 100% !important;
    max-width: 100% !important;
  }

  
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .view-partners .row {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }

  
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .row.grid-noppading.grid-wrapper {
    column-gap: 1rem !important;
    row-gap: 1rem !important;
  }

  
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .view-partners .partners-listing-col,
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .view-partners [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser__cta {
    width: 100% !important;
  }
}

.featured-products-embed,
.view-product-category-listings .featured-products-embed,
.view-product-catalog .featured-products-embed {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0.75rem 0 1.35rem !important;
  padding: 0 !important;
}

.featured-products-embed .view-product-catalog-basic,
.featured-products-embed .view-item {
  width: 100%;
  max-width: 100%;
}

.featured-products-embed .featured-products-embed__title,
.featured-products-embed .view-header,
.featured-products-embed h2.block-title,
.featured-products-embed .view-product-catalog-basic .view-header {
  position: relative;
  margin: 0 0 0.85rem;
  padding: 0 0 0.5rem;
  font-size: clamp(1.15rem, 2.5vw, 1.45rem);
  font-weight: 700;
  line-height: 1.3;
  color: var(--commerce-purple-dark);
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, var(--commerce-purple) 0%, var(--commerce-purple-light) 45%, transparent 100%) 1;
}

.featured-products-embed .fps {
  position: relative;
  width: 100%;
}

.featured-products-embed .fps__viewport {
  overflow: hidden;
  overscroll-behavior-inline: contain;
  width: 100%;
  cursor: grab;
  touch-action: pan-y pinch-zoom;
  -webkit-user-select: none;
  user-select: none;
}

.featured-products-embed .fps__viewport:active {
  cursor: grabbing;
}

.featured-products-embed .fps__track {
  display: flex;
  align-items: stretch;
  will-change: transform;
}

.featured-products-embed .fps__slide {
  box-sizing: border-box;
  min-width: 0;
  padding-bottom: 12px;
}

.featured-products-embed .fps a,
.featured-products-embed .fps img,
.featured-products-embed img {
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
}

.featured-products-embed .product-teaser-wrap,
.featured-products-embed .product-teaser,
.featured-products-embed .product-teaser:hover,
.featured-products-embed .product-teaser:focus,
.featured-products-embed .fps__slide:hover .product-teaser {
  height: 100%;
  max-width: 100%;
  overflow: visible !important;
  transform: none !important;
  transition: box-shadow 0.2s ease, border-color 0.2s ease !important;
  box-shadow: var(--commerce-card-shadow) !important;
}

.featured-products-embed .product-teaser:hover {
  box-shadow: var(--commerce-card-shadow-hover) !important;
  transform: none !important;
}

.featured-products-embed .product-teaser .product-price,
.featured-products-embed .product-price {
  color: var(--commerce-purple) !important;
}

.featured-products-embed .fps__nav {
  position: absolute !important;
  top: 42% !important;
  transform: translateY(-50%) !important;
  z-index: 6 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  border-radius: 50% !important;
  border: 1px solid rgba(103, 22, 170, 0.28) !important;
  background: rgba(255, 255, 255, 0.95) !important;
  color: var(--commerce-purple-dark) !important;
  box-shadow: 0 4px 14px rgba(91, 33, 182, 0.18) !important;
  font-size: 1.65rem !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
}

.featured-products-embed .fps__prev {
  left: 0.75rem !important;
  right: auto !important;
}

.featured-products-embed .fps__next {
  right: 0.75rem !important;
  left: auto !important;
}

.featured-products-embed .fps__nav:hover,
.featured-products-embed .fps__nav:focus {
  background: var(--commerce-purple) !important;
  color: #fff !important;
  border-color: var(--commerce-purple) !important;
}

@media (max-width: 767px) {
  .featured-products-embed {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .featured-products-embed .fps__nav {
    width: 2.1rem !important;
    height: 2.1rem !important;
    font-size: 1.4rem !important;
    top: 38% !important;
  }
}

html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search,
html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search,
html body.path-taxonomy #wrapper #block-martis-exposedformblog-searchblog-search,
html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search {
  display: block !important;
  width: 100% !important;
  max-width: 52rem !important;
  margin: 0.75rem auto 1.15rem !important;
  padding: 1rem 1.15rem 2.1rem !important;
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #f3e8ff !important;
  border-left: 5px solid #6716aa !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(26, 10, 36, 0.06) !important;
  box-sizing: border-box !important;
}

html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search .container-wrap,
html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search .container-wrap,
html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search .block-content,
html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search .block-content {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-shadow: none !important;
  border: 0 !important;
}

html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search .block-title-wrap,
html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search .block-title-wrap,
html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search .block-title-content,
html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search .block-title-content,
html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search h2.block-title,
html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search h2.block-title,
html body.path-taxonomy #wrapper #block-martis-exposedformblog-searchblog-search h2.block-title,
html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search h2.block-title {
  display: block !important;
  width: 100% !important;
  margin: 0 0 0.65rem !important;
  padding: 0 !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  font-size: 1.08rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  text-shadow: none !important;
  animation: none !important;
  animation-name: none !important;
  transform: none !important;
}

html body #wrapper #content-wide-top #views-exposed-form-blog-search-blog-search,
html body #wrapper #content-wide-top #views-exposed-form-product-catalog-product-catalog-search,
html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search .views-exposed-form,
html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search .views-exposed-form {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: 0.65rem !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search .form-item,
html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search .form-item,
html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search .form-item-keys,
html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search .form-item-keys {
  flex: 1 1 16rem !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search .control-label,
html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search .control-label,
html body #wrapper #content-wide-top #views-exposed-form-blog-search-blog-search label,
html body #wrapper #content-wide-top #views-exposed-form-product-catalog-product-catalog-search label,
html body.path-taxonomy #wrapper #block-martis-exposedformblog-searchblog-search .control-label,
html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .control-label {
  display: block !important;
  margin: 0 0 0.3rem !important;
  padding: 0 !important;
  background: transparent !important;
  color: #10231a !important;
  -webkit-text-fill-color: #10231a !important;
  font-size: 0.86rem !important;
  font-weight: 650 !important;
  text-align: left !important;
  text-shadow: none !important;
  justify-content: flex-start !important;
}

html body #wrapper #content-wide-top #views-exposed-form-blog-search-blog-search input.form-text,
html body #wrapper #content-wide-top #views-exposed-form-product-catalog-product-catalog-search input.form-text,
html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search input[type="text"],
html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search input[type="text"],
html body #wrapper #content-wide-top #edit-keys,
html body.path-taxonomy #wrapper #views-exposed-form-blog-search-blog-search input.form-text,
html body.path-taxonomy #wrapper #views-exposed-form-product-catalog-product-catalog-search input.form-text {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 2.85rem !important;
  margin: 0 !important;
  padding: 0.75rem 0.95rem !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #e9d5ff !important;
  border-radius: 12px !important;
  color: #10231a !important;
  -webkit-text-fill-color: #10231a !important;
  font-size: 1rem !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body #wrapper #content-wide-top #views-exposed-form-blog-search-blog-search input.form-text:focus,
html body #wrapper #content-wide-top #views-exposed-form-product-catalog-product-catalog-search input.form-text:focus,
html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search input[type="text"]:focus,
html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search input[type="text"]:focus {
  outline: none !important;
  border-color: #6716aa !important;
  box-shadow: 0 0 0 3px rgba(103, 22, 170, 0.18) !important;
}

html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search .form-actions,
html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search .form-actions,
html body #wrapper #content-wide-top #views-exposed-form-blog-search-blog-search .form-actions,
html body #wrapper #content-wide-top #views-exposed-form-product-catalog-product-catalog-search .form-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search .form-submit,
html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search .form-submit,
html body #wrapper #content-wide-top #edit-submit-blog-search,
html body #wrapper #content-wide-top [id^="edit-submit-product-catalog"] {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  width: auto !important;
  min-width: 8.75rem !important;
  max-width: none !important;
  min-height: 2.85rem !important;
  height: auto !important;
  writing-mode: horizontal-tb !important;
  top: 0.3rem;
}

@media (max-width: 767.98px) {
  html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search,
  html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search,
  html body.path-taxonomy #wrapper #block-martis-exposedformblog-searchblog-search,
  html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search {
    width: auto !important;
    max-width: none !important;
    margin: 0.5rem 1.35rem 2rem !important;
    padding: 0.9rem 0.85rem 0.95rem !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
  }

  html body #wrapper #content-wide-top #views-exposed-form-blog-search-blog-search,
  html body #wrapper #content-wide-top #views-exposed-form-product-catalog-product-catalog-search {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.55rem !important;
  }

  html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search .form-item,
  html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search .form-item,
  html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search .form-actions,
  html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search .form-actions {
    width: 100% !important;
    flex: 1 1 auto !important;
  }

  html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search .form-actions,
  html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search .form-actions {
    justify-content: stretch !important;
  }
}

html body:not(.page-products-search) #wrapper #views-exposed-form-product-catalog-product-catalog-search .form-item-sort-by,
html body:not(.page-products-search) #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .form-item-sort-by,
html body:not(.page-products-search) #wrapper #views-exposed-form-product-catalog-product-catalog-search .js-form-item-sort-by {
  display: none !important;
}


html body.path-taxonomy #wrapper #views-exposed-form-product-category-listings-page-category,
html body.path-taxonomy #wrapper #views-exposed-form-brand-product-listings-page-brand,
html body.path-taxonomy #wrapper .product-catalog > form.views-exposed-form:not(#views-exposed-form-product-catalog-product-catalog-search) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 0.65rem 0.75rem !important;
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 30% !important;
  float: none !important;
  clear: both !important;
  margin: 0.35rem 0 1rem !important;
  padding: 0.9rem 1.1rem 0.95rem !important;
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #e9d5ff !important;
  border-left: 5px solid #6716aa !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(26, 10, 36, 0.06) !important;
  box-sizing: border-box !important;
}


html body.path-taxonomy #wrapper #views-exposed-form-product-category-listings-page-category .form-item-sort-by,
html body.path-taxonomy #wrapper #views-exposed-form-brand-product-listings-page-brand .form-item-sort-by,
html body.path-taxonomy #wrapper .product-catalog > form.views-exposed-form .form-item-sort-by {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  flex: 0 1 22rem !important;
  width: 100% !important;
  max-width: 24rem !important;
  min-width: 12rem !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


html body.path-taxonomy #wrapper #views-exposed-form-product-category-listings-page-category label,
html body.path-taxonomy #wrapper #views-exposed-form-brand-product-listings-page-brand label,
html body.path-taxonomy #wrapper .product-catalog > form.views-exposed-form .form-item-sort-by label {
  display: block !important;
  margin: 0 0 0.3rem !important;
  padding: 0 !important;
  background: transparent !important;
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
  font-size: 0.86rem !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-shadow: none !important;
}

html body.path-taxonomy #wrapper #views-exposed-form-product-category-listings-page-category .chosen-container,
html body.path-taxonomy #wrapper #views-exposed-form-product-category-listings-page-category .nice-select,
html body.path-taxonomy #wrapper #views-exposed-form-brand-product-listings-page-brand .chosen-container,
html body.path-taxonomy #wrapper #views-exposed-form-brand-product-listings-page-brand .nice-select {
  display: none !important;
}


html body.path-taxonomy #wrapper #views-exposed-form-product-category-listings-page-category .select-wrapper,
html body.path-taxonomy #wrapper #views-exposed-form-brand-product-listings-page-brand .select-wrapper,
html body.path-taxonomy #wrapper .product-catalog > form.views-exposed-form .form-item-sort-by .select-wrapper {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


html body.path-taxonomy #wrapper #views-exposed-form-product-category-listings-page-category .select-wrapper::after,
html body.path-taxonomy #wrapper #views-exposed-form-brand-product-listings-page-brand .select-wrapper::after,
html body.path-taxonomy #wrapper .product-catalog > form.views-exposed-form .form-item-sort-by .select-wrapper::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: 0.95rem !important;
  width: 0.45rem !important;
  height: 0.45rem !important;
  margin-top: -0.32rem !important;
  border-right: 2px solid #3b0a5c !important;
  border-bottom: 2px solid #3b0a5c !important;
  transform: rotate(45deg) !important;
  pointer-events: none !important;
}


html body.path-taxonomy #wrapper #views-exposed-form-product-category-listings-page-category select,
html body.path-taxonomy #wrapper #views-exposed-form-brand-product-listings-page-brand select,
html body.path-taxonomy #wrapper .product-catalog > form.views-exposed-form .form-item-sort-by select {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 2.85rem !important;
  margin: 0 !important;
  padding: 0.65rem 2.2rem 0.65rem 0.95rem !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #e9d5ff !important;
  border-radius: 12px !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}


html body.path-taxonomy #wrapper #views-exposed-form-product-category-listings-page-category select:focus,
html body.path-taxonomy #wrapper #views-exposed-form-brand-product-listings-page-brand select:focus {
  outline: none !important;
  border-color: #6716aa !important;
  box-shadow: 0 0 0 3px rgba(103, 22, 170, 0.18) !important;
}


html body.path-taxonomy #wrapper #views-exposed-form-product-category-listings-page-category .form-actions,
html body.path-taxonomy #wrapper #views-exposed-form-brand-product-listings-page-brand .form-actions,
html body.path-taxonomy #wrapper .product-catalog > form.views-exposed-form .form-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 767.98px) {
  
  html body.path-taxonomy #wrapper #views-exposed-form-product-category-listings-page-category,
  html body.path-taxonomy #wrapper #views-exposed-form-brand-product-listings-page-brand,
  html body.path-taxonomy #wrapper .product-catalog > form.views-exposed-form:not(#views-exposed-form-product-catalog-product-catalog-search) {
    flex-direction: column !important;
    align-items: stretch !important;
    width: auto !important;
    max-width: none !important;
    margin: 0.35rem 1.35rem 1rem !important;
    padding: 0.9rem 0.85rem 0.95rem !important;
    border-radius: 14px !important;
  }

  
  html body.path-taxonomy #wrapper #views-exposed-form-product-category-listings-page-category .form-item-sort-by,
  html body.path-taxonomy #wrapper #views-exposed-form-brand-product-listings-page-brand .form-item-sort-by,
  html body.path-taxonomy #wrapper .product-catalog > form.views-exposed-form .form-item-sort-by,
  html body.path-taxonomy #wrapper .product-catalog > form.views-exposed-form .form-actions {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  
  html body.path-taxonomy #wrapper #views-exposed-form-product-category-listings-page-category .form-submit,
  html body.path-taxonomy #wrapper #views-exposed-form-brand-product-listings-page-brand .form-submit,
  html body.path-taxonomy #wrapper .product-catalog > form.views-exposed-form .form-submit {
    width: 100% !important;
  }
}





.team-social .ti-twitter-alt::before {
  scale: 1.15;
}

html body .node--type-slide.jd-service-slide {
  --jd-violet-950: #200432;
  --jd-violet-900: #2d0645;
  --jd-violet-850: #390858;
  --jd-violet-800: #490b70;
  --jd-violet-700: #65109d;
  --jd-violet-600: #7f20bd;
  --jd-violet-500: #9635d2;
  --jd-violet-400: #b55ee8;
  --jd-violet-300: #d5a4f5;
  --jd-violet-200: #e8cff9;
  --jd-violet-100: #f4e8fc;
  --jd-violet-50: #fbf7fe;

  --jd-ink-950: #1f1723;
  --jd-ink-800: #33293a;
  --jd-ink-650: #514657;
  --jd-ink-500: #706477;

  --jd-white: #ffffff;
  --jd-surface: #fdfbfe;
  --jd-surface-soft: #f7f1fb;

  --jd-line: rgba(74, 11, 112, 0.13);
  --jd-line-strong: rgba(103, 16, 157, 0.25);

  --jd-radius-sm: 12px;
  --jd-radius-md: 18px;
  --jd-radius-lg: 24px;

  --jd-shadow-soft:
    0 10px 28px rgba(44, 5, 67, 0.08);

  --jd-shadow-card:
    0 20px 55px rgba(44, 5, 67, 0.13);

  --jd-shadow-deep:
    0 24px 60px rgba(36, 4, 55, 0.22);
}

html body
.node--type-slide.jd-service-slide
.slide-additional-content,
html body
.node--type-slide.jd-service-slide
.slide-additional-content.container,
html body
.node--type-slide.jd-service-slide
.slide-additional-content.container.py-5 {
  width: 100% !important;
  max-width: none !important;

  margin-right: auto !important;
  margin-left: auto !important;

  padding-top: 3rem !important;
  padding-right: 15px !important;
  padding-bottom: 3rem !important;
  padding-left: 15px !important;

  background: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  overflow: visible !important;
  overflow-wrap: anywhere;

  box-sizing: border-box !important;
}


@media (min-width: 576px) {
  html body
  .node--type-slide.jd-service-slide
  .slide-additional-content,
  html body
  .node--type-slide.jd-service-slide
  .slide-additional-content.container,
  html body
  .node--type-slide.jd-service-slide
  .slide-additional-content.container.py-5 {
    max-width: 540px !important;
  }
}


@media (min-width: 768px) {
  html body
  .node--type-slide.jd-service-slide
  .slide-additional-content,
  html body
  .node--type-slide.jd-service-slide
  .slide-additional-content.container,
  html body
  .node--type-slide.jd-service-slide
  .slide-additional-content.container.py-5 {
    max-width: 720px !important;
  }
}


@media (min-width: 992px) {
  html body
  .node--type-slide.jd-service-slide
  .slide-additional-content,
  html body
  .node--type-slide.jd-service-slide
  .slide-additional-content.container,
  html body
  .node--type-slide.jd-service-slide
  .slide-additional-content.container.py-5 {
    max-width: 960px !important;
  }
}


@media (min-width: 1200px) {
  html body
  .node--type-slide.jd-service-slide
  .slide-additional-content,
  html body
  .node--type-slide.jd-service-slide
  .slide-additional-content.container,
  html body
  .node--type-slide.jd-service-slide
  .slide-additional-content.container.py-5 {
    max-width: 81.5% !important;
  }
}
html body
.node--type-slide.jd-service-slide
.slide-additional-content__inner {
  width: 100% !important;
  max-width: none !important;

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

  box-sizing: border-box !important;
}

html body
.node--type-slide.jd-service-slide
.slide-seo {
  position: relative !important;

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

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

  overflow: hidden !important;

  color: var(--jd-ink-950) !important;

  background:
    radial-gradient(
      circle at 7% -5%,
      rgba(181, 94, 232, 0.14),
      transparent 28%
    ),
    radial-gradient(
      circle at 100% 100%,
      rgba(101, 16, 157, 0.08),
      transparent 31%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fbf8fd 100%
    ) !important;

  border:
    1px solid rgba(72, 11, 108, 0.14) !important;

  border-radius:
    var(--jd-radius-lg) !important;

  isolation: isolate !important;
}
html body
.node--type-slide.jd-service-slide
.slide-seo::before {
  content: "" !important;

  position: absolute !important;

  top: 0 !important;
  left: 0 !important;
  right: 0 !important;

  height: 4px !important;

  background:
    linear-gradient(
      90deg,
      #5e0d91 0%,
      #a53fe0 48%,
      #d084f5 100%
    ) !important;

  z-index: 5 !important;
}
html body
.node--type-slide.jd-service-slide
.slide-seo::after {
  content: "" !important;

  position: absolute !important;

  width: 260px !important;
  height: 260px !important;

  right: -120px !important;
  top: 82px !important;

  pointer-events: none !important;

  background:
    radial-gradient(
      circle,
      rgba(174, 77, 226, 0.12) 0%,
      rgba(174, 77, 226, 0) 70%
    ) !important;

  z-index: -1 !important;
}

html body
.node--type-slide.jd-service-slide
.slide-additional-content
.slide-seo
.section-title {
  position: relative !important;

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

  width: 100% !important;

  margin: 0 !important;

  padding:
    clamp(1.35rem, 3vw, 2rem)
    clamp(1.25rem, 4vw, 2.4rem) !important;

  overflow: hidden !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  background:
    radial-gradient(
      circle at 88% 10%,
      rgba(222, 163, 250, 0.20),
      transparent 29%
    ),
    linear-gradient(
      118deg,
      #2e0548 0%,
      #4c0875 42%,
      #7414ac 74%,
      #8d25c8 100%
    ) !important;

  border: 0 !important;
  border-bottom:
    1px solid rgba(224, 181, 245, 0.22) !important;

  border-radius: 0 !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;

  font-size:
    clamp(1.7rem, 3vw, 2.6rem) !important;

  font-weight:
    800 !important;

  line-height:
    1.12 !important;

  letter-spacing:
    -0.025em !important;

  text-wrap:
    balance;

  z-index: 2 !important;
}
html body
.node--type-slide.jd-service-slide
.slide-additional-content
.slide-seo
.section-title::before {
  content: "" !important;

  flex: 0 0 auto !important;

  width: 5px !important;
  height: clamp(2.2rem, 5vw, 3rem) !important;

  margin-right: 0.85rem !important;

  background:
    linear-gradient(
      180deg,
      #e4b9fa 0%,
      #b858ea 100%
    ) !important;

  border-radius:
    999px !important;

  box-shadow:
    0 0 18px rgba(205, 119, 244, 0.36) !important;
}


html body
.node--type-slide.jd-service-slide
.slide-additional-content
.slide-seo
.section-title::after {
  content: "" !important;

  position: absolute !important;

  left: clamp(1.25rem, 4vw, 2.4rem) !important;
  right: clamp(1.25rem, 4vw, 2.4rem) !important;
  bottom: 0 !important;

  height: 1px !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(223, 173, 247, 0.42),
      transparent
    ) !important;
}

html body
.node--type-slide.jd-service-slide
.slide-seo__grid {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1.18fr)
    minmax(300px, 0.82fr) !important;

  gap:
    clamp(1.5rem, 3vw, 2.4rem) !important;

  align-items:
    stretch !important;

  padding:
    clamp(1.35rem, 3vw, 2.2rem) !important;
}


html body
.node--type-slide.jd-service-slide
.slide-seo__column {
  min-width: 0 !important;
}


html body
.node--type-slide.jd-service-slide
.slide-seo p {
  max-width: 70ch !important;

  margin:
    0 0 1rem !important;

  color:
    var(--jd-ink-800) !important;

  font-size:
    1rem !important;

  line-height:
    1.7 !important;
}
html body
.node--type-slide.jd-service-slide
.slide-seo-lead {
  position: relative !important;

  margin:
    0 0 1.45rem !important;

  padding:
    0 0 0 1.1rem !important;

  color:
    #35273c !important;

  background:
    transparent !important;

  border:
    0 !important;

  border-left:
    3px solid var(--jd-violet-500) !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;

  font-size:
    clamp(1.04rem, 1.5vw, 1.12rem) !important;

  line-height:
    1.72 !important;
}
html body
.node--type-slide.jd-service-slide
.slide-seo-steps-title {
  display: flex !important;
  align-items: center !important;

  margin:
    1.65rem 0 0.85rem !important;

  padding:
    0 !important;

  color:
    var(--jd-violet-800) !important;
  -webkit-text-fill-color:
    var(--jd-violet-800) !important;

  background:
    transparent !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;

  font-size:
    1.1rem !important;

  font-weight:
    800 !important;

  line-height:
    1.3 !important;

  letter-spacing:
    0.01em !important;
}


html body
.node--type-slide.jd-service-slide
.slide-seo-steps-title::after {
  content: "" !important;

  flex:
    1 1 auto !important;

  height:
    1px !important;

  margin-left:
    0.85rem !important;

  background:
    linear-gradient(
      90deg,
      rgba(127, 32, 189, 0.34),
      rgba(127, 32, 189, 0)
    ) !important;
}

html body
.node--type-slide.jd-service-slide
.seo-benefits {
  counter-reset:
    jd-service-step;

  display:
    grid !important;

  gap:
    0.72rem !important;

  margin:
    0 !important;

  padding:
    0 !important;

  list-style:
    none !important;
}


html body
.node--type-slide.jd-service-slide
.seo-benefits li {
  counter-increment:
    jd-service-step;

  position:
    relative !important;

  display:
    flex !important;

  align-items:
    center !important;

  min-height:
    58px !important;

  margin:
    0 !important;

  padding:
    0.8rem 1rem 0.8rem 3.9rem !important;

  overflow:
    hidden !important;

  color:
    #34293a !important;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.96),
      rgba(248, 241, 252, 0.94)
    ) !important;

  border:
    1px solid rgba(95, 20, 139, 0.14) !important;

  border-radius:
    14px !important;

  box-shadow:
    0 7px 18px rgba(46, 5, 70, 0.055) !important;

  line-height:
    1.48 !important;

  transition:
    transform 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease !important;
}


html body
.node--type-slide.jd-service-slide
.seo-benefits li::before {
  content:
    counter(jd-service-step, decimal-leading-zero) !important;

  position:
    absolute !important;

  left:
    0.85rem !important;

  top:
    50% !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  width:
    2.25rem !important;

  height:
    2.25rem !important;

  color:
    #ffffff !important;
  -webkit-text-fill-color:
    #ffffff !important;

  background:
    linear-gradient(
      145deg,
      #8f2ccc 0%,
      #5b0d8c 100%
    ) !important;

  border:
    1px solid #3a0759 !important;

  border-radius:
    11px !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.20),
    0 4px 11px rgba(70, 8, 103, 0.17) !important;

  font-size:
    0.73rem !important;

  font-weight:
    800 !important;

  letter-spacing:
    0.04em !important;

  transform:
    translateY(-50%) !important;
}


html body
.node--type-slide.jd-service-slide
.seo-benefits li::after {
  content: "" !important;

  position:
    absolute !important;

  top:
    0 !important;

  left:
    0 !important;

  width:
    3px !important;

  height:
    100% !important;

  background:
    linear-gradient(
      180deg,
      var(--jd-violet-400),
      var(--jd-violet-700)
    ) !important;

  opacity:
    0 !important;

  transition:
    opacity 160ms ease !important;
}


html body
.node--type-slide.jd-service-slide
.seo-benefits li:hover {
  border-color:
    rgba(126, 32, 189, 0.30) !important;

  box-shadow:
    0 12px 26px rgba(46, 5, 70, 0.10) !important;

  transform:
    translateY(-2px) !important;
}


html body
.node--type-slide.jd-service-slide
.seo-benefits li:hover::after {
  opacity:
    1 !important;
}

html body
.node--type-slide.jd-service-slide
.slide-seo__column--details {
  position:
    relative !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-self:
    stretch !important;

  min-width:
    0 !important;

  padding:
    clamp(1.15rem, 2.5vw, 1.55rem) !important;

  overflow:
    hidden !important;

  color:
    #ffffff !important;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(195, 104, 239, 0.19),
      transparent 34%
    ),
    linear-gradient(
      155deg,
      #2a0641 0%,
      #3a0759 42%,
      #4d0b73 100%
    ) !important;

  border:
    1px solid rgba(225, 181, 246, 0.20) !important;

  border-radius:
    20px !important;

  box-shadow:
    var(--jd-shadow-deep),
    inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
}


html body
.node--type-slide.jd-service-slide
.slide-seo__column--details::before {
  content: "" !important;

  position:
    absolute !important;

  top:
    0 !important;
  left:
    0 !important;
  right:
    0 !important;

  width:
    auto !important;

  height:
    4px !important;

  background:
    linear-gradient(
      90deg,
      #9f36da 0%,
      #d281f6 100%
    ) !important;
}
html body
.node--type-slide.jd-service-slide
.slide-seo__column--details p,
html body
.node--type-slide.jd-service-slide
.slide-seo__column--details > p {
  max-width:
    none !important;

  margin:
    0 0 0.85rem !important;

  padding:
    0.9rem 0.95rem !important;

  color:
    #7929b8 !important;
  -webkit-text-fill-color:
    #7929b8 !important;

  background:
    rgb(242, 230, 250) !important;

  border:
    1px solid rgba(233, 202, 249, 0.14) !important;

  border-left:
    3px solid rgba(197, 108, 239, 0.78) !important;

  border-radius:
    12px !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;

  font-size:
    0.94rem !important;

  line-height:
    1.62 !important;
}

html body
.node--type-slide.jd-service-slide
.trust-badges {
  display:
    flex !important;

  flex-wrap:
    wrap !important;

  gap:
    0.46rem !important;

  margin:
    0.35rem 0 1rem !important;

  padding:
    0 !important;

  list-style:
    none !important;
}


html body
.node--type-slide.jd-service-slide
.trust-badges .badge {
  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  min-height:
    31px !important;

  padding:
    0.35rem 0.68rem !important;

  color:
    #ffffff !important;
  -webkit-text-fill-color:
    #882dbd !important;

  background:
    rgb(242, 230, 250) !important;

  border:
    2px solid rgb(217, 160, 246) !important;

  border-radius:
    999px !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;

  font-size:
    0.76rem !important;

  font-weight:
    700 !important;

  line-height:
    1.15 !important;

  letter-spacing:
    0.01em !important;

  white-space:
    nowrap !important;
}

html body
.node--type-slide.jd-service-slide
.slide-seo-focus {
  position:
    relative !important;

  margin:
    0.2rem 0 0 !important;

  padding:
    0.95rem 1rem !important;

  color:
    #ffffff !important;
  -webkit-text-fill-color:
    #ffffff !important;

  background:
    linear-gradient(
      135deg,
      rgba(180, 91, 229, 0.18),
      rgba(255, 255, 255, 0.06)
    ) !important;

  border:
    1px solid rgba(231, 197, 247, 0.16) !important;

  border-radius:
    13px !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

html body
.node--type-slide.jd-service-slide
.slide-seo__action {
  display:
    flex !important;

  justify-content:
    center !important;

  width:
    100% !important;

  margin:
    0 !important;

  padding:
    0 clamp(1.35rem, 3vw, 2.2rem)
    clamp(1.4rem, 3vw, 2rem) !important;
}


html body
.node--type-slide.jd-service-slide
.slide-additional-content
a.slide-seo-cta,
html body
.node--type-slide.jd-service-slide
.slide-additional-content
.slide-seo-cta {
  position:
    relative !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  width:
    min(100%, 440px) !important;

  max-width:
    440px !important;

  min-height:
    54px !important;

  margin:
    0 !important;

  padding:
    0.8rem 1.5rem !important;

  overflow:
    hidden !important;

  color:
    #ffffff !important;
  -webkit-text-fill-color:
    #ffffff !important;

  background:
    linear-gradient(
      105deg,
      #430866 0%,
      #7014a8 45%,
      #9d34d7 100%
    ) !important;

  border:
    1px solid #2d0645 !important;

  border-radius:
    14px !important;

  box-shadow:
    0 4px 0 #26043a,
    0 12px 27px rgba(74, 10, 109, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;

  font-size:
    0.98rem !important;

  font-weight:
    800 !important;

  line-height:
    1.2 !important;

  letter-spacing:
    0.01em !important;

  white-space:
    normal !important;

  text-align:
    center !important;

  text-decoration:
    none !important;

  transition:
    transform 150ms ease,
    box-shadow 150ms ease,
    background 150ms ease !important;
}


html body
.node--type-slide.jd-service-slide
.slide-additional-content
a.slide-seo-cta::before,
html body
.node--type-slide.jd-service-slide
.slide-additional-content
.slide-seo-cta::before {
  content: "" !important;

  position:
    absolute !important;

  top:
    0 !important;

  left:
    -55% !important;

  width:
    45% !important;

  height:
    100% !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.18),
      transparent
    ) !important;

  transform:
    skewX(-18deg) !important;

  transition:
    left 320ms ease !important;
}


html body
.node--type-slide.jd-service-slide
.slide-additional-content
a.slide-seo-cta:hover,
html body
.node--type-slide.jd-service-slide
.slide-additional-content
.slide-seo-cta:hover {
  color:
    #ffffff !important;
  -webkit-text-fill-color:
    #ffffff !important;

  background:
    linear-gradient(
      105deg,
      #510a79 0%,
      #8620bd 48%,
      #ae48e2 100%
    ) !important;

  box-shadow:
    0 5px 0 #26043a,
    0 16px 34px rgba(74, 10, 109, 0.31),
    inset 0 1px 0 rgba(255, 255, 255, 0.21) !important;

  transform:
    translateY(-2px) !important;
}


html body
.node--type-slide.jd-service-slide
.slide-additional-content
a.slide-seo-cta:hover::before,
html body
.node--type-slide.jd-service-slide
.slide-additional-content
.slide-seo-cta:hover::before {
  left:
    120% !important;
}


html body
.node--type-slide.jd-service-slide
.slide-additional-content
a.slide-seo-cta:active,
html body
.node--type-slide.jd-service-slide
.slide-additional-content
.slide-seo-cta:active {
  box-shadow:
    0 2px 0 #26043a,
    0 8px 17px rgba(74, 10, 109, 0.22) !important;

  transform:
    translateY(1px) !important;
}


html body
.node--type-slide.jd-service-slide
.slide-additional-content
a.slide-seo-cta:focus-visible,
html body
.node--type-slide.jd-service-slide
.slide-additional-content
.slide-seo-cta:focus-visible {
  outline:
    3px solid #f2b84b !important;

  outline-offset:
    4px !important;
}

@media (max-width: 991.98px) {
  html body
  .node--type-slide.jd-service-slide
  .slide-seo__grid {
    grid-template-columns:
      1fr !important;

    gap:
      1.15rem !important;
  }

  html body
  .node--type-slide.jd-service-slide
  .slide-seo__column--details {
    min-height:
      auto !important;
  }
}

@media (max-width: 767.98px) {
  html body
  .node--type-slide.jd-service-slide
  .slide-seo {
    border-radius:
      18px !important;
  }

  html body
  .node--type-slide.jd-service-slide
  .slide-additional-content
  .slide-seo
  .section-title {
    padding:
      1.2rem 1.05rem !important;

    font-size:
      clamp(1.45rem, 7vw, 1.9rem) !important;
  }

  html body
  .node--type-slide.jd-service-slide
  .slide-additional-content
  .slide-seo
  .section-title::before {
    width:
      4px !important;

    height:
      2.2rem !important;

    margin-right:
      0.65rem !important;
  }

  html body
  .node--type-slide.jd-service-slide
  .slide-seo__grid {
    gap:
      1rem !important;

    padding:
      1rem !important;
  }

  html body
  .node--type-slide.jd-service-slide
  .slide-seo-lead {
    margin-bottom:
      1.2rem !important;

    padding-left:
      0.85rem !important;
  }

  html body
  .node--type-slide.jd-service-slide
  .seo-benefits {
    gap:
      0.58rem !important;
  }

  html body
  .node--type-slide.jd-service-slide
  .seo-benefits li {
    min-height:
      54px !important;

    padding:
      0.72rem 0.78rem 0.72rem 3.45rem !important;

    border-radius:
      12px !important;

    font-size:
      0.93rem !important;
  }

  html body
  .node--type-slide.jd-service-slide
  .seo-benefits li::before {
    left:
      0.7rem !important;

    width:
      2rem !important;

    height:
      2rem !important;

    border-radius:
      9px !important;

    font-size:
      0.68rem !important;
  }

  html body
  .node--type-slide.jd-service-slide
  .slide-seo__column--details {
    padding:
      1rem !important;

    border-radius:
      16px !important;
  }

  html body
  .node--type-slide.jd-service-slide
  .trust-badges {
    gap:
      0.38rem !important;
  }

  html body
  .node--type-slide.jd-service-slide
  .trust-badges .badge {
    min-height:
      29px !important;

    padding:
      0.32rem 0.58rem !important;

    font-size:
      0.71rem !important;
  }

  html body
  .node--type-slide.jd-service-slide
  .slide-seo__action {
    padding:
      0 1rem 1.1rem !important;
  }

  html body
  .node--type-slide.jd-service-slide
  .slide-additional-content
  a.slide-seo-cta,
  html body
  .node--type-slide.jd-service-slide
  .slide-additional-content
  .slide-seo-cta {
    width:
      100% !important;

    max-width:
      none !important;

    min-height:
      52px !important;

    border-radius:
      12px !important;
  }
}

@media (max-width: 359.98px) {
  html body
  .node--type-slide.jd-service-slide
  .slide-additional-content
  .slide-seo
  .section-title {
    padding:
      1rem 0.9rem !important;

    font-size:
      1.35rem !important;
  }

  html body
  .node--type-slide.jd-service-slide
  .slide-seo__grid {
    padding:
      0.8rem !important;
  }

  html body
  .node--type-slide.jd-service-slide
  .seo-benefits li {
    padding-right:
      0.6rem !important;

    font-size:
      0.88rem !important;
  }

  html body
  .node--type-slide.jd-service-slide
  .trust-badges .badge {
    white-space:
      normal !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body
  .node--type-slide.jd-service-slide *,

  html body
  .node--type-slide.jd-service-slide *::before,

  html body
  .node--type-slide.jd-service-slide *::after {
    scroll-behavior:
      auto !important;

    transition-duration:
      0.01ms !important;

    animation-duration:
      0.01ms !important;
  }
}

.header-item.header-right,
.header-right {
  display: block !important;
  visibility: visible !important;
  text-align: center !important;
}
.header-info,
.header-info .header-info-container {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 0.35rem 1.25rem !important;
}
.header-info .header-info-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 0 !important;
}

@media (max-width: 767.98px) {
  .navbar.header-center > .container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    position: relative !important;
    padding: 0.5rem 1rem !important;
    box-sizing: border-box !important;
  }
  .header-side.navbar-brand {
    width: auto !important;
    max-width: calc(100% - 5.75rem) !important;
    flex: 1 1 auto !important;
    order: 1 !important;
    text-align: left !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 5.5rem 0 0 !important;
    min-height: 56px;
  }
  #block-martis-branding .container-wrap,
  .site-branding .container-wrap,
  .site-branding {
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .brand.logo {
    margin: 0 !important;
  }
  .brand.site-name {
    text-align: left !important;
    align-items: flex-start !important;
  }
  .header-main-wrap,
  .header-item.header-main,
  .header-main {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    order: 2 !important;
    margin: 0.15rem 0 0 !important;
    padding: 0.25rem 0 !important;
    text-align: left !important;
  }
  .header-right-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    order: 3 !important;
    margin: 0.15rem 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: static !important;
  }
  .header-item.header-right,
  .header-right {
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }
  .header-element {
    position: absolute !important;
    top: 0.5rem !important;
    right: 1rem !important;
    z-index: 30 !important;
  }
  .header-info .header-info-item--phone {
    display: none !important;
  }
  .header-info,
  .header-info .header-info-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    gap: 0.5rem 0.75rem !important;
  }
  .header-info .header-info-item {
    margin: 0 !important;
  }
  .header-info .header-info-item--location {
    flex: 1 1 auto !important;
    justify-content: flex-start !important;
    text-align: left !important;
    max-width: 58% !important;
  }
  .header-info .header-info-item--hours {
    flex: 0 1 auto !important;
    justify-content: flex-end !important;
    text-align: right !important;
    max-width: 42% !important;
  }
  .header-info .header-info-item--location .header-info-desc {
    text-align: left !important;
  }
  .header-info .header-info-item--hours .header-info-desc {
    text-align: right !important;
  }
  .header-info .header-info-desc {
    font-size: 0.72rem !important;
    line-height: 1.3 !important;
  }
  .header-info .header-info-desc span,
  .header-info .header-info-desc strong {
    display: block !important;
  }
  .header-info .header-info-item i {
    font-size: 1rem !important;
    margin-right: 0.35rem !important;
  }
}
#content-wide-top .block-block-content .field-item > h1,
#content-wide-top .block-block-content .field-body > h1,
#content-wide-top [id*="frontpagetitle"] h1,
#content-wide-top [id*="pagetitle"] h1,
#block-martis-frontpagetitle h1,

/* --- from chrome-layout-fix.css: early mobile header + header-info --- */
/**
 * chrome-layout-fix.css
 * Loaded LAST (after theme Custom CSS) via martis_get_late_theme_css().
 * Fixes:
 *  - Header logo + site name + slogan alignment (desktop + mobile)
 *  - Header info visibility/alignment across pages
 *  - City-page carousel CTA staying inside the slide image on mobile
 *  - Promo modal skip/close actually hiding the dialog
 */

/* ==========================================================================
   1) Site branding: logo + name + slogan
   ========================================================================== */

#block-martis-branding.site-branding,
.site-branding#block-martis-branding,
.header-side.navbar-brand .site-branding,
.navbar-brand .site-branding {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  max-width: 100% !important;
}

#block-martis-branding .container-wrap,
.site-branding .container-wrap {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.55rem 0.75rem !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
#block-martis-branding .brand.logo,
.site-branding .brand.logo,
.brand.logo {
  display: block !important;
  position: relative !important;
  float: none !important;
  flex: 0 0 auto !important;
  max-width: 72px !important;
  width: auto !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  line-height: 1 !important;
}

#block-martis-branding .brand.logo a,
.site-branding .brand.logo a,
.site-branding-logo {
  display: block !important;
  line-height: 0 !important;
}

#block-martis-branding .brand.logo img,
.site-branding .brand.logo img,
.site-branding-logo img {
  display: block !important;
  width: 100% !important;
  max-width: 72px !important;
  height: auto !important;
  scale: 1 !important;
  transform: none !important;
}

#block-martis-branding .brand.site-name,
.site-branding .brand.site-name,
.brand.site-name {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  position: relative !important;
  float: none !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  font-size: 1.05rem !important;
  line-height: 1.2 !important;
}

.site-branding-name,
.site-branding-name a,
.brand.site-name a {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 1.15rem !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.site-branding-slogan,
.brand.site-name .site-branding-slogan,
.header .brand.site-name .site-branding-slogan {
  display: block !important;
  visibility: visible !important;
  opacity: 0.9 !important;
  color: #ffffff !important;
  font-size: 0.8rem !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  margin: 0.15rem 0 0 !important;
  margin-bottom: 0 !important;
  max-width: none !important;
  width: auto !important;
  white-space: nowrap !important;
  text-wrap: nowrap !important;
  text-shadow: -1px -1px 0 #000, 0 0 0 #000, 0 0 0 #000, 0 0 0 #000 !important;
}
@media (min-width: 768px) {
  .navbar.header-center > .container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  .header-side.navbar-brand {
    display: flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    max-width: 42% !important;
    min-width: 0 !important;
  }

  .header-main-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .header-right-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
  }

  .header-info,
  .header-info .header-info-container {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
}
@media (max-width: 767.98px) {
  .navbar.header-center > .container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    position: relative !important;
    padding: 0.5rem 1rem !important;
    box-sizing: border-box !important;
  }

  .header-side.navbar-brand {
    width: auto !important;
    max-width: calc(100% - 5.75rem) !important;
    flex: 1 1 auto !important;
    order: 1 !important;
    display: flex !important;
    justify-content: flex-start !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 5.5rem 0 0 !important;
    min-height: 56px;
  }

  #block-martis-branding .container-wrap,
  .site-branding .container-wrap {
    justify-content: flex-start !important;
    width: 100% !important;
    text-align: left !important;
  }

  #block-martis-branding .brand.site-name,
  .site-branding .brand.site-name,
  .brand.site-name {
    align-items: flex-start !important;
    text-align: left !important;
  }

  #block-martis-branding .brand.logo,
  .site-branding .brand.logo,
  .brand.logo {
    max-width: 58px !important;
    margin: 0 !important;
  }

  #block-martis-branding .brand.logo img,
  .site-branding-logo img {
    max-width: 58px !important;
  }

  .site-branding-name a {
    font-size: 1.05rem !important;
  }
  .site-branding-slogan,
  .brand.site-name .site-branding-slogan,
  .header .brand.site-name .site-branding-slogan {
    font-size: 0.72rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    margin-top: 0.1rem !important;
    margin-bottom: 0 !important;
    opacity: 0.9 !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    max-width: none !important;
    width: max-content !important;
  }

  #block-martis-branding .brand.site-name,
  .header .brand.site-name,
  .site-branding .brand.site-name {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
  }

  .header-item.header-main,
  .header-main,
  .header-main-wrap {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    order: 2 !important;
    justify-content: flex-start !important;
    text-align: left !important;
    margin: 0.15rem 0 0 !important;
    padding: 0.25rem 0 !important;
  }

  .header-info {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .header-info .header-info-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 0.5rem 0.75rem !important;
  }

  .header-info .header-info-item--phone {
    display: none !important;
  }

  .header-info .header-info-item--location {
    flex: 1 1 auto !important;
    max-width: 58% !important;
    justify-content: flex-start !important;
  }

  .header-info .header-info-item--hours {
    flex: 0 1 auto !important;
    max-width: 42% !important;
    justify-content: flex-end !important;
  }

  .header-info .header-info-item--location .header-info-desc {
    text-align: left !important;
  }

  .header-info .header-info-item--hours .header-info-desc {
    text-align: right !important;
  }

  .header-info .header-info-desc span,
  .header-info .header-info-desc strong {
    display: block !important;
  }

  .header-right-wrap {
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    opacity: 1 !important;
    order: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 0.15rem 0 0 !important;
    padding: 0 !important;
    position: static !important;
  }

  .header-item.header-right,
  .header-right {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .header-element {
    position: absolute !important;
    top: 0.5rem !important;
    right: 1rem !important;
    z-index: 30 !important;
  }
}
@media (max-width: 767.98px) {
  .header-top.dark-header-top,
  .path-frontpage .header-top.dark-header-top,
  .page-node-243 .header-top.dark-header-top {
    text-align: center !important;
    padding: 0.45rem 0.75rem 0.55rem !important;
  }
  .header-top.dark-header-top .container > .row,
  .header-top.dark-header-top .col-md-6 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .header-top.dark-header-top .header-top-first {
    margin: 0 0 0.2rem !important;
    padding: 0 !important;
    text-align: center !important;
  }
  .header-top.dark-header-top .header-top-second {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    min-height: 0 !important;
  }
  .header-top.dark-header-top .region.region-header-top-first,
  .header-top.dark-header-top .region.region-header-top-second {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .header-top #block-martis-cookiesui:empty,
  .header-top #block-martis-cookiesui:not(:has(.cookiesjsr-banner.active)),
  .header-top #cookiesjsr:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .header-top #block-clearance-sales,
  .header-top div#block-clearance-sales,
  .header-top #block-clearance-sales .container-wrap,
  .header-top #block-clearance-sales .block-content,
  .header-top #block-clearance-sales .field-item,
  .header-top #block-clearance-sales p,
  .header-top.dark-header-top #block-clearance-sales,
  .header-top.dark-header-top #block-clearance-sales p,
  .header-top.dark-header-top #block-clearance-sales .field-item {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0.35rem !important;
    margin-bottom: 0.35rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    float: none !important;
    box-sizing: border-box !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
  .header-top .header-top-first,
  .header-top .region-header-top-first,
  .header-top #block-clearance-sales {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .header-top nav#block-martis-useraccountmenu,
  .path-frontpage .header-top nav#block-martis-useraccountmenu,
  .page-node-243 .header-top nav#block-martis-useraccountmenu,
  body .header-top nav#block-martis-useraccountmenu {
    margin-top: 0.2rem !important;
    margin-bottom: -0.5rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    width: auto !important;
    display: flex !important;
    justify-content: center !important;
  }
  .header-top.dark-header-top .header-top-second {
    padding-top: 0 !important;
  }
  .header-top a.dropdown-toggle.header-icon.account-icon,
  .header-top a.header-icon.account-icon,
  .path-frontpage .header-top a.dropdown-toggle.header-icon.account-icon,
  .page-node-243 .header-top a.dropdown-toggle.header-icon.account-icon {
    display: inline-block !important;
    margin: 0.15rem auto 0 !important;
    vertical-align: middle !important;
    position: relative !important;
    top: 0 !important;
  }
  .header-top button.jd-account-menu__trigger,
  .path-frontpage .header-top button.jd-account-menu__trigger,
  .page-node-243 .header-top button.jd-account-menu__trigger {
    margin: 0.15rem auto 0 !important;
    position: relative !important;
    top: 0 !important;
    vertical-align: middle !important;
  }
  .header-top #block-martis-gtranslate:empty,
  .header-top #block-martis-gtranslate .gtranslate_wrapper:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
  }
  .header .header-element {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.45rem !important;
    height: 44px !important;
    min-height: 44px !important;
  }
  .header .header-element .header-cart,
  .header .header-element .header-element-item.header-cart,
  .header .header-element .navbar-toggler.nav-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    vertical-align: middle !important;
    align-self: center !important;
  }
  .header .header-cart .cart-block--summary,
  .header .header-cart .cart-block--summary a,
  .header .header-element-item.header-cart .cart-block--summary a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    min-height: 40px !important;
    min-width: 40px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
  }
  .header .header-cart .cart-block--summary i,
  .header .header-cart .cart-block--summary i.ti-shopping-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    line-height: 1 !important;
    font-size: 1.15rem !important;
  }
  .header .header-element .navbar-toggler.nav-button {
    width: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    line-height: 1 !important;
  }
  .header .header-element .navbar-toggler.nav-button i,
  .header .header-element .navbar-toggler.nav-button .ti-menu,
  .header .header-element .navbar-toggler.nav-button [class*="ti-"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-size: 1.2rem !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
  }
  .header .header-element .navbar-toggler.nav-button i::before,
  .header .header-element .navbar-toggler.nav-button .ti-menu::before {
    display: block !important;
    margin: 0 auto !important;
    line-height: 1 !important;
    position: static !important;
  }
}
@media (max-width: 767.98px) {
  .header .header-element > .header-cart,
  .header .header-element > .header-element-item,
  .header .header-element > .navbar-toggler.nav-button {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
    top: 0 !important;
  }
  .header .header-cart .container-wrap,
  .header .header-cart .block-content,
  .header .header-cart .cart--cart-block,
  .header .header-cart .cart-block--summary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 45px !important;
    min-height: 45px !important;
    line-height: 1 !important;
  }
  .header .header-cart .cart-block--summary a {
    height: 40px !important;
    min-height: 40px !important;
  }
}
@media (max-width: 767.98px) {
  .header .header-element .navbar-toggler.nav-button i.ti-menu,
  .header .header-element .navbar-toggler.nav-button .ti-menu,
  button.navbar-toggler.nav-button i.ti-menu {
    font-size: 1.05rem !important;
    line-height: 1 !important;
  }
  .header .header-element .navbar-toggler.nav-button i.ti-menu::before,
  button.navbar-toggler.nav-button i.ti-menu::before {
    content: "\e68e" !important;
    display: block !important;
    font-size: inherit !important;
  }
}
@media (max-width: 767.98px) {
  .header-top #block-clearance-sales,
  .header-top div#block-clearance-sales,
  .header-top #block-clearance-sales .field-item,
  .header-top #block-clearance-sales p,
  .header-top .header-top-first {
    text-align: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 767.98px) {
  .header .header-element {
    position: absolute !important;
    top: 0.5rem !important;
    right: 1rem !important;
    height: 4rem !important;
    min-height: 4rem !important;
    max-height: 4rem !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.45rem !important;
    z-index: 30 !important;
  }
  .header .header-right-wrap {
    position: static !important;
  }
}
@media (max-width: 767.98px) {
  body .header .navbar > .container > .header-main-wrap,
  body .header .header-main-wrap,
  body.path-taxonomy .header-main-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: static !important;
    box-sizing: border-box !important;
  }

  body .header .navbar > .container > .header-right-wrap,
  body .header .header-right-wrap,
  body.path-taxonomy .header-side.header-right-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0.45rem 0 0.25rem !important;
    position: static !important;
    box-sizing: border-box !important;
  }
}
@media (max-width: 767.98px) {
  .header-info .header-info-container,
  .header .header-info .header-info-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 0 !important;
  }
  .header-info .header-info-item,
  .header-info .header-info-location,
  .header-info .header-info-hours,
  .header-info .header-info-item--location,
  .header-info .header-info-item--hours {
    flex: 1 1 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .header-info .header-info-location,
  .header-info .header-info-item--location {
    padding-right: 0.65rem !important;
    border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
  }
  .header-info .header-info-hours,
  .header-info .header-info-item--hours {
    padding-left: 0.65rem !important;
  }
  .header-info .header-info-item--phone {
    display: none !important;
  }
  .header-info .header-info-location .header-info-desc,
  .header-info .header-info-item--location .header-info-desc {
    text-align: left !important;
  }
  .header-info .header-info-hours .header-info-desc,
  .header-info .header-info-item--hours .header-info-desc {
    text-align: right !important;
  }
  .header-info .header-info-hours-label {
    display: block !important;
    text-transform: uppercase !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.04em !important;
    font-weight: 700 !important;
    opacity: 0.9 !important;
    margin-bottom: 0.15rem !important;
  }
  .header-info .header-info-hours-row {
    display: grid !important;
    grid-template-columns: 5.75rem max-content !important;
    column-gap: 0.35rem !important;
    align-items: baseline !important;
    justify-content: end !important;
    width: max-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }
  .header-info .header-info-label,
  .header-info .header-info-city,
  .header-info .header-info-areas {
    display: block !important;
  }
  .header-info .header-info-hours-row .header-info-day,
  .header-info .header-info-hours-row .header-info-time {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
  }
  .header-info .header-info-hours-row .header-info-day {
    text-align: right !important;
    white-space: nowrap !important;
  }
  .header-info .header-info-hours-row .header-info-time {
    text-align: left !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }
  .header-info > .header-info-container > .header-info-item > i[class*="ti-"] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .header-info .header-info-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
    width: 100% !important;
    gap: 0 !important;
  }
  .header-info .header-info-item,
  .header-info .header-info-location,
  .header-info .header-info-item--location,
  .header-info .header-info-hours,
  .header-info .header-info-item--hours {
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .header-info .header-info-location,
  .header-info .header-info-item--location,
  .header-info .header-info-hours,
  .header-info .header-info-item--hours {
    flex: unset !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
  }
  .header-info .header-info-location,
  .header-info .header-info-item--location {
    padding-right: 1.5rem !important;
    padding-left: 0.25rem !important;
    border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
    justify-content: flex-end !important;
  }
  .header-info .header-info-hours,
  .header-info .header-info-item--hours {
    padding-left: 1.5rem !important;
    padding-right: 0.25rem !important;
    justify-content: flex-start !important;
  }
  .header-info .header-info-location .header-info-desc,
  .header-info .header-info-item--location .header-info-desc {
    text-align: right !important;
  }
  .header-info .header-info-hours .header-info-desc,
  .header-info .header-info-item--hours .header-info-desc {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  .header-info .header-info-hours-label {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
  }
  .header-info .header-info-hours-row {
    display: grid !important;
    grid-template-columns: max-content max-content !important;
    column-gap: 0.4rem !important;
    align-items: baseline !important;
    justify-content: center !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }
  .header-info .header-info-hours-row .header-info-day,
  .header-info .header-info-hours-row .header-info-time {
    display: block !important;
    margin: 0 !important;
  }
  .header-info .header-info-hours-row .header-info-day {
    text-align: right !important;
  }
  .header-info .header-info-hours-row .header-info-time {
    text-align: left !important;
    font-weight: 600 !important;
  }
  .header-info .header-info-item--phone {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .header #block-call-to-order,
  .header #block-call-to-order .container-wrap,
  .header #block-call-to-order .block-content,
  .header .header-right .block-content {
    min-height: 0 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  .header #block-call-to-order .block-content,
  .header #block-call-to-order .field-item,
  .header .header-right .field-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 0 !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.15rem !important;
    text-align: center !important;
  }
  .header #block-call-to-order .text-sm,
  .header #block-call-to-order strong.text-sm,
  .header .header-right strong.text-sm {
    margin: 0 !important;
    display: block !important;
  }
  .header #block-call-to-order p,
  .header .header-right p {
    margin: 0 !important;
    line-height: 1.2 !important;
  }
  .header #block-call-to-order .call-phone,
  .header .call-phone {
    margin-top: 0.15rem !important;
  }
}
.header-top.dark-header-top,
.header .header-top {
  border-top: 2px solid #000 !important;
  border-bottom: 2px solid #000 !important;
}
.header #block-call-to-order,
.header #block-call-to-order *,
.header #block-call-to-order p,
.header #block-call-to-order strong,
.header #block-call-to-order a,
.header #block-call-to-order .text-sm,
.header #block-call-to-order .call-phone {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.header #block-call-to-order,
.header #block-call-to-order > .container-wrap,
.header #block-call-to-order > .container-wrap > .block-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.header #block-call-to-order .field-item,
.header #block-call-to-order .field.field-body.field-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.15rem !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

.header #block-call-to-order p,
.header #block-call-to-order .call-phone {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  text-align: center !important;
  color: #fff !important;
  line-height: 1.2 !important;
}

.header #block-call-to-order strong.text-sm,
.header #block-call-to-order .text-sm {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}

.header #block-call-to-order a.call-phone-link,
.header #block-call-to-order .call-phone a {
  display: block !important;
  width: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  color: #fff !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}

.header #block-header-info2 .row,
.header #block-header-info2 .layout,
.header #block-header-info2 .layout__region,
.header #block-header-info2 .container-wrap,
.header #block-header-info2 .block-content,
.header #block-header-info2 .block-layout-builder {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
}

@media (max-width: 991.98px) {
  .header .navbar.header-center,
  .navbar.header-center,
  header.header .navbar.header-center {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .header .navbar.header-center > .container,
  .navbar.header-center > .container,
  header.header .navbar.header-center > .container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0.5rem 1rem 0.65rem !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
}

@media (max-width: 767.98px) {
  .header .header-side.navbar-brand,
  .navbar.header-center .header-side.navbar-brand {
    display: flex !important;
    order: 1 !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 6rem) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 5.5rem 0 0 !important;
    min-height: 56px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header .site-branding,
  .header .site-branding .container-wrap,
  .header #block-martis-branding .container-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 0.55rem !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header .brand.logo,
  .header .brand.logo img,
  .header .site-branding-logo img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 56px !important;
    width: 56px !important;
    height: auto !important;
  }

  .header .site-branding-name a,
  .header .brand.site-name a {
    display: inline-block !important;
    visibility: visible !important;
    color: #fff !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }
  .header .site-branding-slogan,
  .header .brand.site-name .site-branding-slogan,
  .header #block-martis-branding .site-branding-slogan {
    display: block !important;
    visibility: visible !important;
    color: #ffffff !important;
    font-size: 0.72rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    margin-top: 0.1rem !important;
    margin-bottom: 0 !important;
    opacity: 0.9 !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    width: max-content !important;
    max-width: none !important;
    text-shadow: -1px -1px 0 #000, 0 0 0 #000, 0 0 0 #000, 0 0 0 #000 !important;
  }

  .header .brand.site-name {
    overflow: visible !important;
    width: auto !important;
    max-width: none !important;
  }
  .header .header-element {
    position: absolute !important;
    top: 0.5rem !important;
    right: 1rem !important;
    left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    z-index: 40 !important;
    width: auto !important;
    height: 56px !important;
  }
  .header .header-main-wrap,
  .header .navbar > .container > .header-main-wrap,
  body .header .header-main-wrap,
  body.path-taxonomy .header .header-main-wrap {
    display: block !important;
    order: 2 !important;
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0.35rem 0 0 !important;
    padding: 0.35rem 0 0.15rem !important;
    box-sizing: border-box !important;
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
  }

  .header .header-main-wrap .header-item.header-main,
  .header .header-item.header-main,
  .header .header-main,
  .header .region-header,
  .header #block-header-info2 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header .header-info {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0.35rem 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #fff !important;
  }

  .header .header-info .header-info-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .header .header-info .header-info-item--phone {
    display: none !important;
  }

  .header .header-info .header-info-location,
  .header .header-info .header-info-item--location,
  .header .header-info .header-info-hours,
  .header .header-info .header-info-item--hours {
    display: flex !important;
    flex: 1 1 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header .header-info .header-info-location,
  .header .header-info .header-info-item--location {
    padding-right: 0.65rem !important;
    border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
    justify-content: flex-start !important;
  }

  .header .header-info .header-info-hours,
  .header .header-info .header-info-item--hours {
    padding-left: 0.65rem !important;
    justify-content: flex-end !important;
  }

  .header .header-info .header-info-desc,
  .header .header-info .header-info-desc span,
  .header .header-info .header-info-desc strong,
  .header .header-info .header-info-label,
  .header .header-info .header-info-city,
  .header .header-info .header-info-areas,
  .header .header-info .header-info-hours-label {
    display: block !important;
    color: #fff !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 0.72rem !important;
    line-height: 1.3 !important;
  }

  .header .header-info .header-info-item--location .header-info-desc {
    text-align: left !important;
  }

  .header .header-info .header-info-item--hours .header-info-desc {
    text-align: right !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    width: 100% !important;
  }

  .header .header-info .header-info-hours-label {
    text-transform: uppercase !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    margin-bottom: 0.15rem !important;
    text-align: right !important;
    width: 100% !important;
  }
  .header .header-info .header-info-hours-row {
    display: grid !important;
    grid-template-columns: 5.75rem max-content !important;
    column-gap: 0.35rem !important;
    align-items: baseline !important;
    justify-content: end !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 0 0 auto !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }

  .header .header-info .header-info-hours-row .header-info-day,
  .header .header-info .header-info-hours-row .header-info-time {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
    color: #fff !important;
    font-size: 0.72rem !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header .header-info .header-info-hours-row .header-info-day {
    text-align: right !important;
    white-space: nowrap !important;
  }

  .header .header-info .header-info-hours-row .header-info-time {
    text-align: left !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }
  .header .header-right-wrap,
  .header .navbar > .container > .header-right-wrap,
  .header .header-side.header-right-wrap,
  body .header .header-right-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    order: 3 !important;
    flex: 0 0 100% !important;
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0.15rem 0 0 !important;
    padding: 0.45rem 0 0.25rem !important;
    box-sizing: border-box !important;
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-align: center !important;
    overflow: visible !important;
  }

  .header .header-right-wrap .header-item.header-right,
  .header .header-item.header-right,
  .header .header-right,
  .header .region-header-right {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header #block-call-to-order,
  .header #block-call-to-order .field-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .header #block-call-to-order a.call-phone-link {
    font-size: 1.15rem !important;
  }
}
@media (min-width: 768px) {
  .header .navbar.header-center > .container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .header .header-main-wrap,
  .header .header-right-wrap,
  .header .header-info,
  .header #block-call-to-order {
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    max-height: none !important;
  }

  .header .header-main-wrap {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    align-items: center !important;
  }

  .header .header-right-wrap {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }
}
@media screen and (max-width: 768px) {
  .slide-carousel .slide-carousel-hero,
  .hero.slide-carousel .slide-carousel-hero {
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 68% !important;
    min-height: 260px !important;
    overflow: hidden !important;
  }

  .slide-carousel .slide-carousel-hero .slide-image,
  .slide-carousel .slide-carousel-hero .slide-image img,
  .slide-carousel .slide-carousel-hero .slide-image picture,
  .slide-carousel .slide-carousel-hero .slide-image picture img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .slide-carousel .slide-carousel-hero .slide-content-wrap,
  .slide-carousel .slide-content-wrap,
  .hero.slide-carousel .slide-content-wrap {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.55rem 0.75rem !important;
    box-sizing: border-box !important;
    transform: none !important;
    overflow: hidden !important;
    z-index: 2 !important;
    pointer-events: none !important;
  }

  .slide-carousel .container.slide-wrap,
  .slide-carousel .slide-carousel-hero .container.slide-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
  }

  .slide-carousel .slide-content,
  .slide-carousel .slide-carousel-hero .slide-content,
  .slide-carousel .owl-item .slide-content,
  .slide-carousel .owl-item.active .slide-content,
  .hero.slide-carousel .slide-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    text-align: center !important;
    pointer-events: auto !important;
    transform: none !important;
  }
  .slide-carousel .slide-carousel-hero .slide-content .slide-content-main,
  .slide-carousel .slide-carousel-hero .slide-content .slide-content-main.float-center,
  .slide-carousel .slide-carousel-hero .slide-content .slide-content-main.float-center.text-left,
  .slide-carousel .slide-content .slide-content-main.float-center.text-left,
  .slide-carousel .owl-item .slide-content-main.float-center.text-left,
  .slide-carousel .slide-content-main,
  .slide-carousel .slide-content-main.float-center,
  .slide-carousel .slide-content-main.float-center.text-left,
  .slide-carousel .slide-content-main.text-left {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    float: none !important;
    transform: none !important;
    overflow: visible !important;
    text-align: center !important;
    padding: 0.25rem 0.35rem !important;
    box-sizing: border-box !important;
    pointer-events: auto !important;
    gap: 0.35rem !important;
  }

  .slide-carousel .pre-heading-text,
  .slide-carousel .heading-text,
  .slide-carousel .slide-content-body,
  .slide-carousel .heading-text .field-item,
  .slide-carousel .pre-heading-text .field-item,
  .slide-carousel .slide-button {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
  }

  .slide-carousel .nav.menu.alt-button.mt-4.slide-button,
  .slide-carousel .slide-button {
    display: flex !important;
    justify-content: center !important;
    margin-top: 0.35rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 991.98px) {
  header.header .header-info .header-info-desc .header-info-hours-row,
  header.header .header-info-hours .header-info-hours-row,
  header.header span.header-info-hours-row {
    display: grid !important;
    grid-template-columns: 5.75rem max-content !important;
    column-gap: 0.35rem !important;
    align-items: baseline !important;
    justify-content: end !important;
    width: max-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }
  header.header .header-info-hours-row > .header-info-day,
  header.header .header-info-hours-row > .header-info-time,
  header.header .header-info-hours-row > span.header-info-day,
  header.header .header-info-hours-row > strong.header-info-time {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }
  header.header .header-info-hours-row > .header-info-day,
  header.header .header-info-hours-row > span.header-info-day {
    text-align: right !important;
    white-space: nowrap !important;
  }
  header.header .header-info-hours-row > .header-info-time,
  header.header .header-info-hours-row > strong.header-info-time {
    text-align: left !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }
}
@media (min-width: 992px) {
  .header .navbar.header-center,
  .navbar.header-center,
  header.header .navbar.header-center {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .header .navbar.header-center > .container,
  .navbar.header-center > .container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0.65rem 1rem !important;
    box-sizing: border-box !important;
    gap: 0.75rem 1rem !important;
  }
  .header .header-side.navbar-brand,
  .navbar.header-center .header-side.navbar-brand {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 280px !important;
    min-width: 200px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    order: 1 !important;
  }

  .header .site-branding .container-wrap,
  .header #block-martis-branding .container-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.55rem 0.75rem !important;
    width: auto !important;
  }

  .header .brand.logo,
  .header .brand.logo img {
    max-width: 64px !important;
    width: 64px !important;
    height: auto !important;
    flex: 0 0 auto !important;
  }

  .header .brand.site-name {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
  }

  .header .site-branding-name a {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    color: #fff !important;
  }

  .header .site-branding-slogan {
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    opacity: 0.9 !important;
    white-space: nowrap !important;
    color: #fff !important;
    margin-top: 0.1rem !important;
  }
  .header .header-main-wrap,
  .header .navbar > .container > .header-main-wrap {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0.5rem !important;
    order: 2 !important;
    overflow: visible !important;
  }

  .header .header-main-wrap .header-item.header-main,
  .header .header-main,
  .header .region-header,
  .header #block-header-info2,
  .header #block-header-info2 .container-wrap,
  .header #block-header-info2 .block-content,
  .header #block-header-info2 .layout,
  .header #block-header-info2 .layout__region,
  .header #block-header-info2 .row,
  .header #block-header-info2 .block-layout-builder {
    display: block !important;
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto;
    padding: 0 !important;
    background: transparent !important;
  }
  .header .header-info,
  .header .header-main-wrap .header-info,
  body.path-taxonomy .header .header-info {
    display: block !important;
    width: 100% !important;
    max-width: 520px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #fff !important;
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
  }
  .path-taxonomy .header .header-main-wrap,
  .path-products .header .header-main-wrap,
  .path-product .header .header-main-wrap,
  .page-node-type-service .header .header-main-wrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .header .header-info .header-info-container,
  .path-taxonomy .header .header-info .header-info-container,
  .page-node-type-service .header .header-info .header-info-container,
  .path-frontpage .header .header-info .header-info-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .header .header-info .header-info-item--phone,
  .path-taxonomy .header .header-info .header-info-item--phone,
  .page-node-type-service .header .header-info .header-info-item--phone {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  .header .header-info .header-info-item,
  .header .header-info .header-info-location,
  .header .header-info .header-info-item--location,
  .header .header-info .header-info-hours,
  .header .header-info .header-info-item--hours,
  .header .header-info .header-info-item.header-info-location,
  .header .header-info .header-info-item.header-info-item--location,
  .header .header-info .header-info-item.header-info-hours,
  .header .header-info .header-info-item.header-info-item--hours,
  .header .header-info .header-info-item:first-child,
  .header .header-info .header-info-item:nth-child(2),
  .path-taxonomy .header .header-info .header-info-item,
  .path-taxonomy .header .header-info .header-info-item.header-info-location,
  .page-node-type-service .header .header-info .header-info-item,
  .page-node-type-service .header .header-info .header-info-item.header-info-location {
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
  }
  .header .header-info .header-info-location,
  .header .header-info .header-info-item--location,
  .header .header-info .header-info-hours,
  .header .header-info .header-info-item--hours,
  .path-taxonomy .header .header-info .header-info-location,
  .path-taxonomy .header .header-info .header-info-item--location,
  .path-taxonomy .header .header-info .header-info-hours,
  .path-taxonomy .header .header-info .header-info-item--hours,
  .page-node-type-service .header .header-info .header-info-location,
  .page-node-type-service .header .header-info .header-info-item--location,
  .page-node-type-service .header .header-info .header-info-hours,
  .page-node-type-service .header .header-info .header-info-item--hours {
    flex: unset !important;
    flex-grow: unset !important;
    flex-shrink: unset !important;
    flex-basis: unset !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }
  .header .header-info .header-info-location,
  .header .header-info .header-info-item--location,
  .path-taxonomy .header .header-info .header-info-location,
  .path-taxonomy .header .header-info .header-info-item--location,
  .page-node-type-service .header .header-info .header-info-location,
  .page-node-type-service .header .header-info .header-info-item--location {
    padding-right: 1.5rem !important;
    padding-left: 0.25rem !important;
    border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
    justify-content: flex-end !important;
  }
  .header .header-info .header-info-hours,
  .header .header-info .header-info-item--hours,
  .path-taxonomy .header .header-info .header-info-hours,
  .path-taxonomy .header .header-info .header-info-item--hours,
  .page-node-type-service .header .header-info .header-info-hours,
  .page-node-type-service .header .header-info .header-info-item--hours {
    padding-left: 1.5rem !important;
    padding-right: 0.25rem !important;
    border-right: 0 !important;
    justify-content: flex-start !important;
  }

  .header .header-info .header-info-item--location .header-info-desc,
  .header .header-info .header-info-location .header-info-desc {
    text-align: right !important;
    width: auto !important;
    max-width: 100% !important;
  }
  .header .header-info .header-info-item--hours .header-info-desc,
  .header .header-info .header-info-hours .header-info-desc,
  .path-taxonomy .header .header-info .header-info-item--hours .header-info-desc,
  .page-node-type-service .header .header-info .header-info-item--hours .header-info-desc {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .header .header-info .header-info-desc,
  .header .header-info .header-info-desc span,
  .header .header-info .header-info-desc strong {
    color: #ffffff !important;
    font-size: 0.82rem !important;
    line-height: 1.3 !important;
  }

  .header .header-info .header-info-hours-label,
  .path-taxonomy .header .header-info .header-info-hours-label,
  .page-node-type-service .header .header-info .header-info-hours-label {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    margin: 0 0 0.2rem 0 !important;
    padding: 0 !important;
  }
  .header .header-info .header-info-hours-row,
  .path-taxonomy .header .header-info .header-info-hours-row,
  .page-node-type-service .header .header-info .header-info-hours-row {
    display: grid !important;
    grid-template-columns: max-content max-content !important;
    column-gap: 0.4rem !important;
    justify-content: center !important;
    justify-items: start !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    white-space: nowrap !important;
  }

  .header .header-info .header-info-hours-row .header-info-day {
    display: block !important;
    text-align: right !important;
  }

  .header .header-info .header-info-hours-row .header-info-time {
    display: block !important;
    text-align: left !important;
    font-weight: 600 !important;
  }
  .header .header-right-wrap,
  .header .header-side.header-right-wrap,
  .header .navbar > .container > .header-right-wrap {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    max-width: none !important;
    min-width: 200px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0.75rem !important;
    order: 3 !important;
    position: static !important;
  }

  .header .header-item.header-right,
  .header .header-right,
  .header .region-header-right {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .header #block-call-to-order,
  .header #block-call-to-order > .container-wrap,
  .header #block-call-to-order > .container-wrap > .block-content,
  .header #block-call-to-order .field-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 10rem !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    text-align: center !important;
  }

  .header #block-call-to-order *,
  .header #block-call-to-order p,
  .header #block-call-to-order strong,
  .header #block-call-to-order a {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .header #block-call-to-order .text-sm,
  .header #block-call-to-order strong.text-sm {
    display: block !important;
    width: 100% !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #fff !important;
    opacity: 0.9 !important;
    text-align: center !important;
    margin: 0 0 0.2rem !important;
    line-height: 1.2 !important;
  }

  .header #block-call-to-order a.call-phone-link,
  .header #block-call-to-order .call-phone a,
  .header #block-call-to-order .call-phone {
    display: block !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .header .header-main,
  .header .header-right,
  .header .header-main-wrap,
  .header .region-header,
  .header .region-header-right,
  .header #block-header-info2,
  .header #block-call-to-order,
  .header [id^="block-martis-headerinfo"],
  .header [id*="headerinfo"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .header .header-main-wrap,
  .header .header-main,
  .header .header-item.header-main {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    order: 2 !important;
    padding: 0.25rem 0 0 !important;
    margin: 0.15rem 0 0 !important;
    text-align: left !important;
  }
  .header .header-right-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    order: 3 !important;
    padding: 0.15rem 0 0 !important;
    position: static !important;
  }
  .header .header-info .header-info-item--phone {
    display: none !important;
  }
  .header .header-info,
  .header .header-info-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 0.5rem 0.75rem !important;
    margin: 0 !important;
    text-align: left !important;
  }
  .header .header-info-item {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .header .header-info-item--location,
  .header .header-info-location {
    flex: 1 1 50% !important;
    max-width: 50% !important;
    justify-content: flex-start !important;
    padding-right: 0.65rem !important;
    border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
    box-sizing: border-box !important;
  }
  .header .header-info-item--hours,
  .header .header-info-hours {
    flex: 1 1 50% !important;
    max-width: 50% !important;
    justify-content: flex-end !important;
    padding-left: 0.65rem !important;
    box-sizing: border-box !important;
  }
  .header .header-info-item--location .header-info-desc,
  .header .header-info-location .header-info-desc {
    text-align: left !important;
  }
  .header .header-info-item--hours .header-info-desc,
  .header .header-info-hours .header-info-desc {
    text-align: right !important;
  }
  .header .header-info-desc span,
  .header .header-info-desc strong {
    display: block !important;
  }
  .header .header-info-hours-label {
    display: block !important;
    text-transform: uppercase !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    margin-bottom: 0.15rem !important;
  }
  .header .header-info-hours-row {
    display: grid !important;
    grid-template-columns: 5.75rem max-content !important;
    column-gap: 0.35rem !important;
    align-items: baseline !important;
    justify-content: end !important;
    width: max-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }
  .header .header-info-hours-row .header-info-day,
  .header .header-info-hours-row .header-info-time {
    display: block !important;
    margin: 0 !important;
  }
  .header .header-info-hours-row .header-info-day {
    text-align: right !important;
  }
  .header .header-info-hours-row .header-info-time {
    text-align: left !important;
    font-weight: 600 !important;
  }
  .header .header-right,
  .header .header-right .block,
  .header .header-right .block-content,
  .header #block-call-to-order,
  .header #block-call-to-order .container-wrap,
  .header #block-call-to-order .block-content {
    width: 100% !important;
    text-align: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .header #block-call-to-order .block-content,
  .header #block-call-to-order .field-item,
  .header .header-right .field-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 0 !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.15rem !important;
  }
  .header #block-call-to-order strong.text-sm,
  .header .header-right strong.text-sm {
    margin: 0 !important;
  }
  .header .header-right p,
  .header #block-call-to-order p {
    margin: 0 !important;
    line-height: 1.2 !important;
  }
  .header .header-right h4 {
    font-size: 1.1rem !important;
    margin: 0 !important;
    line-height: 1.25 !important;
  }
  .header .header-right .text-sm,
  .header .header-right strong.text-sm {
    display: block !important;
    font-size: 0.72rem !important;
    margin: 0 0 2px !important;
  }
  .header .navbar.header-center {
    position: relative !important;
  }
  .header .navbar.header-center > .container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0.65rem 1rem !important;
    box-sizing: border-box !important;
  }
}
header.header,
.header,
.header-top,
.header-wrap,
.header-menu,
.header-center,
.navbar.header-center,
.layout-wrap > header {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
  overflow: visible !important;
}
.header-wrap .navbar.header-center,
.navbar-brand,
.region-branding,
.site-branding,
.brand.logo {
  display: block !important;
  visibility: visible !important;
}

.header-main-wrap {
  display: flex !important;
  align-items: center !important;
  visibility: visible !important;
}
@media (min-width: 768px) {
  .header-main,
  .header-right {
    display: block !important;
    visibility: visible !important;
  }
  .header-right-wrap {
    display: flex !important;
    visibility: visible !important;
  }
  .nav-button.navbar-toggler {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .header-main,
  .header-item.header-main {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
  }
  .navbar-toggler.nav-button {
    display: inline-block !important;
    visibility: visible !important;
    z-index: 1001 !important;
  }
}
.header-menu,
.header-menu .nav-menu,
.navbar.nav-menu,
#main-menu,
#main-menu.navbar-collapse,
.primary-menu,
.region-main-menu,
.main-menu-wrap,
.mega-menu {
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
}
.header-menu .nav-menu,
.navbar.nav-menu,
.primary-menu,
#main-menu.primary-menu {
  background-color: #3b0a5c !important;
  background: #3b0a5c !important;
}
@media (min-width: 768px) {
  #main-menu.navbar-collapse,
  .navbar-expand-md .navbar-collapse,
  .navbar-expand-md #main-menu {
    display: flex !important;
    flex-basis: auto !important;
    height: auto !important;
  }
}
@media (max-width: 767.98px) {
  #main-menu.navbar-collapse.collapse:not(.show) {
    display: none !important;
  }
  #main-menu.navbar-collapse.collapse.show,
  #main-menu.navbar-collapse.show {
    display: block !important;
    background-color: #3b0a5c !important;
    background: #3b0a5c !important;
    padding: 0.5rem 0 !important;
    color: #ffffff !important;
  }
  #main-menu.navbar-collapse.show .menu-item,
  #main-menu.show .menu-item {
    background: transparent !important;
    background-color: transparent !important;
  }
  #main-menu.navbar-collapse.show a,
  #main-menu.show a {
    color: #ffffff !important;
  }
  .navbar-toggler.nav-button,
  button.navbar-toggler.nav-button {
    background: #3b0a5c !important;
    background-color: #3b0a5c !important;
    border: 2px solid #000 !important;
    transform: none !important;
  }
  .navbar-toggler.nav-button i,
  .navbar-toggler.nav-button [class*="ti-"] {
    color: #ffffff !important;
  }
  button.navbar-toggler.nav-button[aria-expanded="true"],
  button.navbar-toggler.nav-button[aria-expanded="false"] {
    transform: none !important;
  }
}
.header-menu .collapse,
.primary-menu.collapse,
#main-menu {
  color: #ffffff !important;
}
.header-menu a,
.primary-menu a,
#main-menu a,
.mega-menu > ul > li > a,
.main-menu .menu-item a,
.region-main-menu .menu a {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

.header-menu .menu-item,
.primary-menu .menu-item,
#main-menu .menu-item {
  display: list-item !important;
  visibility: visible !important;
}

.mega-menu > ul {
  display: flex !important;
  flex-wrap: wrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0.35rem 0.75rem !important;
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 767.98px) {
  .mega-menu > ul {
    display: block !important;
  }
  .mega-menu > ul > li > a {
    color: #ffffff !important;
    padding: 0.65rem 1rem !important;
  }
}
.container-wrap.clearfix.mega-menu.main-menu-wrap,
.container-wrap.clearfix.menu-wrap {
  max-width: 100% !important;
  width: 100% !important;
}
.layout-wrap {
  overflow: visible !important;
}
footer.footer,
#footer,
.footer,
.footer-bottom,
.region-footer-bottom-first,
.jd-site-footer,
.jd-footer__grid {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
}

footer.footer,
#footer.footer {
  background-color: #19212c !important;
  color: #ffffff !important;
}

.footer .text-light,
.footer.text-light,
.footer.text-light *,
.jd-site-footer,
.jd-site-footer *,
.jd-footer__grid,
.jd-footer__grid *,
.footer-bottom,
.footer-bottom * {
  color: #ffffff !important;
}

.footer a,
.jd-site-footer a,
.footer-bottom a {
  color: #f3e8ff !important;
  text-decoration: underline;
}
.header-top.dark-header-top {
  display: block !important;
  visibility: visible !important;
  background-color: #6716aa !important;
  color: #fff !important;
}
.header-top.dark-header-top * {
  color: #fff;
}
.header-item.header-main,
.header-main,
.region-header,
.header-main-wrap {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
  overflow: visible !important;
}
@media (min-width: 768px) {
  .header-main-wrap {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
}
@media (max-width: 767.98px) {
  .header-main-wrap,
  .header-item.header-main,
  .header-main,
  .region-header {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    min-width: 0 !important;
  }
}
.header-item.header-right,
.header-right,
.header-right-wrap {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#block-call-to-order,
#block-call-to-order .container-wrap,
#block-call-to-order .block-content,
#block-call-to-order .field-item,
#block-call-to-order *,
#block-call-to-order p,
#block-call-to-order strong,
#block-call-to-order a {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#block-call-to-order,
#block-call-to-order .container-wrap,
#block-call-to-order .block-content,
#block-call-to-order .field-item {
  text-align: center !important;
}
#block-call-to-order .field-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.15rem !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 !important;
}
#block-call-to-order p,
#block-call-to-order p.call-phone {
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  width: 100% !important;
  color: #ffffff !important;
}
#block-call-to-order strong.text-sm,
#block-call-to-order .text-sm {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}
#block-call-to-order a.call-phone-link,
#block-call-to-order .call-phone a {
  display: block !important;
  text-align: center !important;
  margin: 0 auto !important;
  width: auto !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}

.header-item.header-right {
  text-align: center !important;
}

@media (min-width: 768px) {
  .header-right-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }
  .header-item.header-right {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .header-info .header-info-container {
    justify-content: center !important;
    align-items: center !important;
  }
}
.header-info,
.header-info .header-info-container {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 100% !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 0.35rem 1.25rem;
}

.header-info .header-info-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  margin-left: 0 !important;
  max-width: 100%;
}

.header-info .header-info-item i {
  display: inline-block !important;
  font-size: 22px !important;
  margin-right: 10px !important;
  color: #fff !important;
  flex: 0 0 auto;
}

.header-info .header-info-desc {
  display: block !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

.header-info .header-info-desc span,
.header-info .header-info-desc strong,
.header-info .header-info-desc a {
  display: block !important;
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.45) !important;
}

.header-info .header-info-desc a.header-info-phone {
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
}

.header-info .header-info-desc a.header-info-phone:hover {
  text-decoration: underline !important;
}
.navbar.header-center {
  overflow: visible !important;
}
.navbar.header-center > .container {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  box-sizing: border-box !important;
}
@media (max-width: 767.98px) {
  .navbar.header-center > .container {
    justify-content: flex-start !important;
    align-items: center !important;
    position: relative !important;
    padding: 0.5rem 1rem !important;
    box-sizing: border-box !important;
  }

  .header-side.navbar-brand {
    width: auto !important;
    max-width: calc(100% - 5.75rem) !important;
    flex: 1 1 auto !important;
    order: 1 !important;
    text-align: left !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 5.5rem 0 0 !important;
  }
  #block-martis-branding .container-wrap,
  .site-branding .container-wrap,
  .site-branding {
    justify-content: flex-start !important;
    text-align: left !important;
  }
  .header-item.header-main,
  .header-main,
  .header-main-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    order: 2 !important;
    margin: 0.15rem 0 0 !important;
    padding: 0.25rem 0 !important;
    text-align: left !important;
  }
  .header-right-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    order: 3 !important;
    margin: 0.15rem 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: static !important;
  }
  .header-item.header-right,
  .header-right {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  .header-element {
    position: absolute !important;
    top: 0.5rem !important;
    right: 1rem !important;
    z-index: 30 !important;
  }
  #block-call-to-order {
    width: 100% !important;
    margin: 0 auto !important;
  }
  #block-call-to-order strong.text-sm,
  #block-call-to-order .text-sm {
    font-size: 0.7rem !important;
  }
  #block-call-to-order a.call-phone-link {
    font-size: 1.15rem !important;
  }
  .header-info .header-info-item--phone {
    display: none !important;
  }

  .header-info {
    width: 100% !important;
    margin: 0 !important;
  }
  .header-info .header-info-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 0.5rem 0.75rem !important;
    width: 100% !important;
  }
  .header-info .header-info-item {
    margin: 0 !important;
  }
  .header-info .header-info-item--location {
    flex: 1 1 auto !important;
    max-width: 58% !important;
    justify-content: flex-start !important;
  }
  .header-info .header-info-item--hours {
    flex: 0 1 auto !important;
    max-width: 42% !important;
    justify-content: flex-end !important;
  }
  .header-info .header-info-item--location .header-info-desc {
    text-align: left !important;
  }
  .header-info .header-info-item--hours .header-info-desc {
    text-align: right !important;
  }
  .header-info .header-info-desc {
    font-size: 0.72rem !important;
    line-height: 1.3 !important;
  }
  .header-info .header-info-desc span,
  .header-info .header-info-desc strong {
    display: block !important;
  }
}
@media (max-width: 767.98px) {
  .header-main,
  .header-item.header-main {
    display: block !important;
  }
}
@media (max-width: 767.98px) {
  .header .header-element .navbar-toggler.nav-button,
  button.navbar-toggler.nav-button,
  .navbar-toggler.nav-button.collapsed,
  .navbar-toggler.nav-button[aria-expanded="true"],
  .navbar-toggler.nav-button[aria-expanded="false"] {
    background: #3b0a5c !important;
    background-color: #3b0a5c !important;
    border: 2px solid #000 !important;
    color: #ffffff !important;
    transform: none !important;
    -webkit-transform: none !important;
    top: auto !important;
    margin-top: 0 !important;
  }
  .navbar-toggler.nav-button i,
  .navbar-toggler.nav-button .ti-menu,
  .navbar-toggler.nav-button [class*="ti-"],
  .header .header-element .navbar-toggler.nav-button i {
    color: #ffffff !important;
  }
  #main-menu.collapse.show,
  #main-menu.show,
  .header #main-menu.collapse.show,
  .header #main-menu.show,
  #main-menu.navbar-collapse.collapse.show {
    display: block !important;
    background: #3b0a5c !important;
    background-color: #3b0a5c !important;
    color: #ffffff !important;
    padding: 0.5rem 0.75rem 0.75rem !important;
  }
  #main-menu.show .primary-menu,
  #main-menu.show .mega-menu,
  #main-menu.show .mega-menu > ul,
  #main-menu.show ul.menu.menu-parent,
  #main-menu.show .nav.menu.menu-parent,
  #block-martis-main-menu ul.nav.menu.menu-parent {
    background: transparent !important;
    background-color: transparent !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #main-menu.show .menu-item,
  #main-menu.collapse.show .menu-item,
  #main-menu.show li.menu-item,
  #main-menu .menu-item,
  #block-martis-main-menu .menu-item {
    background: transparent !important;
    background-color: transparent !important;
    border-bottom: 0 !important;
    list-style: none !important;
    margin: 0 0 0.4rem !important;
    padding: 0 !important;
    width: 100% !important;
  }
  #wrapper #main-menu.show a,
  #wrapper .header #main-menu.show .mega-menu > ul > li > a,
  #wrapper .header #main-menu.show .main-menu .nav > li > a,
  #wrapper .header #main-menu.show a,
  #main-menu.show .mega-menu > ul > li > a,
  #main-menu.show .main-menu .nav > li > a,
  #main-menu.show a,
  #main-menu.show .menu-item a,
  #block-martis-main-menu .menu-item a {
    color: #ffffff !important;
    background-color: #b781e3 !important;
    background: #b781e3 !important;
    border-radius: 10px !important;
    border: 2px solid #000 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0.65rem 1rem !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-decoration: none !important;
    font-weight: 600 !important;
  }
  #main-menu.show .menu-item--active-trail > a,
  #main-menu.show li.menu-item--active-trail > a,
  #main-menu.show .menu-item--active-trail a.is-active,
  #main-menu.show a.is-active,
  #block-martis-main-menu .menu-item--active-trail > a,
  #block-martis-main-menu a.is-active {
    background-color: #c9a0e8 !important;
    background: #c9a0e8 !important;
    color: white !important;
    -webkit-text-fill-color: white !important;
    border-color: #000 !important;
  }
  #main-menu.show a:hover,
  #main-menu.show a:focus,
  #block-martis-main-menu .menu-item a:hover,
  #block-martis-main-menu .menu-item a:focus {
    background-color: #c9a0e8 !important;
    background: #c9a0e8 !important;
    color: #ffffff !important;
    text-decoration: none !important;
  }
  .slide-carousel .slide-content-wrap,
  .slide-carousel .slide-carousel-hero .slide-content-wrap,
  .slide-carousel .container.slide-wrap,
  .slide-carousel .slide-carousel-hero .container.slide-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .slide-carousel .slide-content,
  .slide-carousel .slide-carousel-hero .slide-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  .slide-carousel .slide-content-main,
  .slide-carousel .slide-carousel-hero .slide-content-main,
  .slide-carousel .slide-content-main.float-center,
  .slide-carousel .slide-content-main.float-center.text-left,
  .slide-carousel .slide-content-main.text-left {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: auto !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    overflow: visible !important;
  }
  .slide-carousel .slide-content-wrap .field-items,
  .slide-carousel .slide-content-wrap .field-item,
  .slide-carousel .heading-text .field-item,
  .slide-carousel .pre-heading-text .field-item {
    text-align: center !important;
  }
}
button.navbar-toggler.nav-button::before,
button.navbar-toggler.nav-button::after,
.navbar-toggler.nav-button::before,
.navbar-toggler.nav-button::after,
.header .header-element .navbar-toggler.nav-button::before,
.header .header-element .navbar-toggler.nav-button::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  border: 0 !important;
}
@media (max-width: 767.98px) {
  .header .header-element .navbar-toggler.nav-button i.ti-menu,
  .header .header-element .navbar-toggler.nav-button .ti-menu,
  button.navbar-toggler.nav-button i.ti-menu {
    font-size: 1.05rem !important;
    line-height: 1 !important;
  }
  .header .header-element .navbar-toggler.nav-button i.ti-menu::before,
  button.navbar-toggler.nav-button i.ti-menu::before {
    content: "\e68e" !important;
    display: block !important;
    font-size: inherit !important;
  }
}
.header-top a.account-icon,
.header-top a.dropdown-toggle.header-icon.account-icon,
.header-top.dark-header-top a.account-icon,
.path-frontpage .header-top a.account-icon,
body .header-top a.dropdown-toggle.header-icon.account-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.3rem !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  padding: 0.12rem 0.55rem !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}
.header-top a.account-icon::after,
.header-top a.dropdown-toggle.header-icon.account-icon::after,
.header-top.dark-header-top a.account-icon::after,
body .header-top a.dropdown-toggle.header-icon.account-icon::after {
  position: static !important;
  display: inline-block !important;
  margin: -4px 0 0 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  transform: rotate(45deg) !important;
  -webkit-transform: rotate(45deg) !important;
  width: 0.38rem !important;
  height: 0.38rem !important;
  border-style: solid !important;
  border-width: 0 1.5px 1.5px 0 !important;
  border-color: currentColor !important;
  vertical-align: middle !important;
  content: "" !important;
  flex: 0 0 auto !important;
}
@media (max-width: 767.98px) {
  .header-top #block-clearance-sales,
  .header-top div#block-clearance-sales,
  .header-top #block-clearance-sales .field-item,
  .header-top #block-clearance-sales p,
  .header-top .header-top-first {
    text-align: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
.header-top #block-clearance-sales p,
.header-top.dark-header-top #block-clearance-sales p,
header.header #block-clearance-sales p,
div#block-clearance-sales p {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 1rem !important;
  text-align: center !important;
}
header.header div#block-clearance-sales,
.header-top div#block-clearance-sales {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (max-width: 767.98px) {
    .header-menu {
        margin-left: 0;
        margin-right: 0;
    }
    .mega-menu > ul > li {
        width: 100%;
        display: block;
        margin-top: unset;
        margin-bottom: unset;
    }
    .navbar.navbar-expand-md.nav-menu {
        margin-right: 0;
        max-width: 100%;
    }
    .mega-menu {
        text-indent: 1px;
    }
    .mega-menu > ul > li a:hover {
        text-decoration: underline;
    }
    button.navbar-toggler.nav-button[aria-expanded="true"],
    button.navbar-toggler.nav-button[aria-expanded="false"],
    button.navbar-toggler.nav-button {
        transform: none !important;
        padding-top: 0 !important;
        transition: background-color 0.15s ease, border-color 0.15s ease;
    }

    div#user-account-block-wrap li.menu-item {
        border-bottom: 0;
    }
    footer.footer .row.justify-content-center {
        width: 100%;
        margin-bottom: -25px;
    }
    .col-5.text-center {
        padding-right: 10px;
        padding-left: 10px;
        margin-left: -10px;
    }
    .region.region-header-top-first .block-content.clearfix {
        margin-left: -6px;
        font-size: 14px;
        text-align: center;
        margin-right: -6px;
    }
    #main-menu .menu-item,
    #main-menu li.menu-item,
    .header #main-menu .menu-item,
    .primary-menu .menu-item {
        background-color: transparent !important;
        background: transparent !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
    }
    .main-menu .nav > li > a,
    .mega-menu > ul > li > a,
    #main-menu a,
    #main-menu .menu-item a {
        color: #ffffff !important;
        line-height: 1.35;
        width: 100%;
        text-align: left;
    }
    .mega-menu > ul {
        margin-top: -unset;
        margin-bottom: unset;
    }
    .primary-menu .main-menu {
        padding: unset;
        padding-top: 15px;
    }
    footer.footer a,
    footer.footer p {
        font-size: x-small;
    }
    ul.social_footer_ul a {
        font-size: revert;
    }
    div#block-clearance-sales {
        width: 100%;
    }
    .region.region-header-top-first {
        width: unset;
        margin-top: unset;
    }
    .region.region-header-top-second {
        padding-bottom: unset;
        margin-top: unset;
    }
    .owl-next,
    .owl-prev {
        margin-top: 0 !important;
    }
    .page-node-type-team .row.content-layout {
        margin-top: -35px;
        margin-bottom: -17px;
    }
    #block-martis-main-menu .menu-item:last-child {
        border-bottom: 2px solid black !important;
    }
}

.navbar-toggler.nav-button {
  border: 2px solid #000;
  background-color: #3b0a5c;
  color: #fff;
}
.navbar-toggler.nav-button i,
.navbar-toggler.nav-button .ti-menu {
  color: #fff;
}

#block-martis-branding {
  margin-top: 5px;
}
.logo-container {
  margin-top: 2.5rem;
}
.mega-menu > ul {
margin-top: -15px;
margin-bottom: unset;
border-bottom: 2px solid black;
}
 .col-5.text-center {
    padding-right: 10px;
    padding-left: 10px;
    justify-content: center;
    display: block;
  }
li.menu-item {
    border-bottom: 2px solid white !important;
  }
.menu-item:nth-child(1) {
  margin-top: -2px !important;
}
.menu-item:last-child {
  border-top: 0 !important;
}

    #block-martis-main-menu .menu.menu-parent .menu-item:first-child {
  border-top: 0 !important;
}
 
.nnc-pricing-tab {
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.pricing-table {
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}
#block-home09-slider {
  border-bottom: 0px solid black;
}
.logo-container {
  margin-top: 0rem;
}
a.button.slide-button-link {
  background-image: unset !important;
}
@media (max-width: 767.98px) {
  .header .header-element .navbar-toggler.nav-button i,
  .header .header-element .navbar-toggler.nav-button .ti-menu,
  .header .header-element .navbar-toggler.nav-button [class*="ti-"] {
    pointer-events: none !important;
    font-size: 1.25rem !important;
    line-height: 1 !important;
    color: #ffffff !important;
  }
  .header #main-menu.collapse.show,
  .header #main-menu.show,
  #main-menu.collapse.show,
  #main-menu.show {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    width: 100% !important;
    position: relative !important;
    z-index: 20 !important;
    background: #3b0a5c !important;
    background-color: #3b0a5c !important;
    color: #ffffff !important;
    padding: 0.5rem 0.75rem 0.75rem !important;
  }
  .header #main-menu.collapse:not(.show),
  #main-menu.collapse:not(.show) {
    display: none !important;
  }
  .header .header-menu,
  .header .navbar.nav-menu,
  .header .primary-menu {
    overflow: visible !important;
    max-height: none !important;
    background: transparent !important;
  }
  .header .primary-menu .main-menu,
  .header .mega-menu > ul,
  .header #main-menu .mega-menu > ul,
  .header #main-menu ul.menu,
  .header #main-menu ul.nav.menu.menu-parent,
  #block-martis-main-menu ul.nav.menu.menu-parent {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .header #main-menu .menu-item,
  .header #main-menu li.menu-item,
  #block-martis-main-menu .menu-item {
    background: transparent !important;
    background-color: transparent !important;
    border-bottom: 0 !important;
    list-style: none !important;
    margin: 0 0 0.4rem !important;
    padding: 0 !important;
    width: 100% !important;
  }
  #wrapper .header #main-menu.show a,
  #wrapper .header #main-menu.show .menu-item a,
  #wrapper .header #main-menu.show .mega-menu > ul > li > a,
  #wrapper .header #main-menu.show .main-menu .nav > li > a,
  .header #main-menu.show a,
  .header #main-menu.show .menu-item a,
  .header #main-menu.show .mega-menu > ul > li > a,
  .header #main-menu.show .main-menu .nav > li > a,
  #block-martis-main-menu .menu-item a {
    color: #ffffff !important;
    background: #b781e3 !important;
    background-color: #b781e3 !important;
    border-radius: 10px !important;
    border: 2px solid #000 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0.65rem 1rem !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    box-sizing: border-box !important;
  }
  .header #main-menu.show .menu-item--active-trail > a,
  .header #main-menu.show li.menu-item--active-trail > a,
  .header #main-menu.show a.is-active,
  #block-martis-main-menu .menu-item--active-trail > a,
  #block-martis-main-menu a.is-active {
    background: #c9a0e8 !important;
    background-color: #c9a0e8 !important;
    color: white !important;
    -webkit-text-fill-color: white !important;
  }
  .header #main-menu.show a:hover,
  .header #main-menu.show a:focus {
    background: #c9a0e8 !important;
    background-color: #c9a0e8 !important;
    color: #ffffff !important;
  }
  .slide-block .hero.slide-carousel,
  .slide-carousel.owl-carousel,
  .hero.slide-carousel {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    display: block !important;
    touch-action: pan-y pinch-zoom;
  }
  .slide-carousel.owl-carousel .owl-stage-outer {
    width: 100% !important;
  }
  .slide-carousel.owl-carousel .owl-stage {
    touch-action: pan-y;
  }
  .slide-carousel.owl-carousel .owl-item {
    float: left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
   Applied on /products, taxonomy term pages, and product pages
   ============================================ */
.commerce-content-header {
  margin: 0 0 clamp(1rem, 2.5vw, 1.5rem);
  padding: clamp(0.85rem, 2vw, 1.15rem) clamp(1rem, 2.5vw, 1.35rem);
  background: linear-gradient(135deg, #fdf8f0 0%, #faf7f2 100%);
  border-left: 4px solid #7b2cbf;
  border-radius: 10px;
  box-shadow: 0 4px 18px rgba(123, 44, 191, 0.08);
}

.commerce-content-h1,
h1.commerce-product-h1 {
  margin: 0;
  color: #6716aa;
  font-size: clamp(1.45rem, 3.8vw, 2.15rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0.01em;
}

.path-product h1.commerce-product-h1 {
  margin-bottom: 15px !important;
}

.views-element-container .view-product-categories-block,
.block-views-blockproduct-categories-block-block-product-categories .view-product-categories-block,
body .view-product-categories-block {
  --cat-purple: #7b2cbf;
  --cat-purple-dark: #6716aa;
  --cat-purple-light: #b781e3;
  --cat-gold: #C9A227;
  --cat-gold-light: #D4AF37;
  --cat-bg: #FAF7F2;
  --cat-bg-inner: #FDF8F0;
  --cat-shadow: 0 4px 18px rgba(123, 44, 191, 0.1);
  --cat-shadow-hover: 0 6px 22px rgba(123, 44, 191, 0.14);
  --cat-radius: 10px;
  --cat-accent-width: 4px;

  margin: clamp(0.65rem, 2vw, 1rem) 0;
  padding: clamp(0.85rem, 2.5vw, 1.15rem) clamp(0.85rem, 2.5vw, 1.25rem);
  background: linear-gradient(135deg, var(--cat-bg-inner) 0%, var(--cat-bg) 100%);
  border: 1px solid rgba(123, 44, 191, 0.1);
  border-left: var(--cat-accent-width) solid var(--cat-purple);
  border-radius: var(--cat-radius);
  box-shadow: var(--cat-shadow);
}
.view-product-categories-block .view-header {
  margin-bottom: clamp(0.55rem, 1.5vw, 0.75rem);
  padding-bottom: clamp(0.45rem, 1.2vw, 0.6rem);
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, var(--cat-gold) 0%, var(--cat-gold-light) 45%, transparent 100%) 1;
}

.view-product-categories-block .product-categories-block__title {
  position: relative;
  margin: 0;
  padding-left: 1.65rem;
  font-size: clamp(1.05rem, 2.8vw, 1.3rem);
  font-weight: 700;
  line-height: 1.3;
  color: var(--cat-purple);
  letter-spacing: 0.01em;
}

.view-product-categories-block .product-categories-block__title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1.15rem;
  height: 1.15rem;
  transform: translateY(-52%);
  background-color: var(--cat-purple);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.view-product-categories-block .product-categories-list {
  margin: 0;
}

.view-product-categories-block .product-categories-list__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(0.65rem, 1.8vw, 0.9rem);
  list-style: none;
  margin: 0;
  padding: 0;
}

.view-product-categories-block .product-categories-list__items > li {
  margin: 0;
  padding: 0;
}
.view-product-categories-block .product-category-parent {
  margin: 0;
  padding: clamp(0.65rem, 1.6vw, 0.85rem);
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid rgba(92, 45, 145, 0.12);
  border-left: 3px solid var(--cat-purple);
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(92, 45, 145, 0.06);
  transition: box-shadow 0.22s ease, border-color 0.22s ease;
}

.view-product-categories-block .product-category-parent:hover {
  border-color: rgba(92, 45, 145, 0.2);
  box-shadow: 0 3px 10px rgba(92, 45, 145, 0.1);
}

.view-product-categories-block .product-category-parent__header {
  margin-bottom: 0.35rem;
}

.view-product-categories-block .product-category-parent__link a {
  display: block;
  padding: clamp(0.2rem, 0.6vw, 0.3rem) 0;
  min-height: 2.5rem;
  font-size: clamp(0.98rem, 2.4vw, 1.08rem);
  font-weight: 700;
  color: #ffffff !important;
  -webkit-text-fill-color: var(--jd-shop-deep, #3b0a5c) !important;
  text-decoration: none !important;
  line-height: 1.35;
  transition: color 0.22s ease, box-shadow 0.22s ease;
}

.view-product-categories-block .product-category-parent__description {
  margin: 0.1rem 0 0;
  padding: 0;
  font-size: clamp(0.72rem, 1.7vw, 0.8rem);
  line-height: 1.45;
  color: white;
}
.view-product-categories-block .product-category-children {
  list-style: none;
  margin: 0;
  padding: 0.15rem 0 0;
  border-top: 1px solid rgba(233, 213, 255, 0.9);
  border-radius: 10px !important;
}

.view-product-categories-block .product-category-children .product-category-child {
  position: relative;
  margin: 0 0 0.45rem;
  padding-left: 0;
}

.view-product-categories-block .product-category-child__header {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.view-product-categories-block .product-category-child__description {
  margin: 0;
  padding: 0.35rem 0.5rem;
  font-size: clamp(0.68rem, 1.6vw, 0.76rem);
  line-height: 1.4;
  color: #1a0a24;
  background: #f3e8ff;
  border-radius: 8px;
}

.view-product-categories-block .product-category-children .product-category-child a {
  display: block;
  padding: clamp(0.4rem, 1.1vw, 0.48rem) clamp(0.3rem, 0.9vw, 0.45rem);
  margin-left: -0.25rem;
  min-height: 2.75rem;
  font-size: clamp(0.86rem, 2.1vw, 0.93rem);
  font-weight: 400;
  color: #5a5348 !important;
  text-decoration: none !important;
  line-height: 1.4;
  border-radius: 6px;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
  transform: none;
}
.view-product-categories-block .product-category-parent__link a:hover,
.view-product-categories-block .product-category-parent__link a:focus-visible {
  color: var(--cat-purple-dark) !important;
  box-shadow: inset 0 -2px 0 0 var(--cat-purple);
  outline: none;
  transform: none;
}

.view-product-categories-block .product-category-children .product-category-child a:hover,
.view-product-categories-block .product-category-children .product-category-child a:focus-visible {
  color: var(--cat-purple) !important;
  background-color: rgba(123, 44, 191, 0.08);
  padding-left: clamp(0.4rem, 1.1vw, 0.48rem);
  outline: none;
  transform: none;
}
.view-product-categories-block .product-category-parent.is-active .product-category-parent__link a {
  color: var(--cat-purple-dark) !important;
  box-shadow: inset 0 -2px 0 0 var(--cat-purple);
  transform: none;
}

.view-product-categories-block .product-category-parent.is-active-ancestor {
  border-left-color: var(--cat-purple);
  background: rgba(123, 44, 191, 0.06);
  transform: none;
}

.view-product-categories-block .product-category-parent.is-active-ancestor .product-category-parent__link a {
  color: var(--cat-purple) !important;
  font-weight: 700;
  transform: none;
}

.view-product-categories-block .product-category-children .product-category-child.is-active a {
  font-weight: 700;
  color: var(--cat-purple-dark) !important;
  background-color: #f3e8ff;
  border: 1px solid var(--cat-purple-dark);
  border-left: 1px solid var(--cat-purple-dark);
  box-shadow: inset 3px 0 0 0 var(--cat-purple-dark);
  padding-left: clamp(0.4rem, 1.1vw, 0.48rem);
  transform: none;
}

.view-product-categories-block .product-category-parent,
.view-product-categories-block .product-category-parent:hover,
.view-product-categories-block .product-category-parent__link a,
.view-product-categories-block .product-category-children .product-category-child a {
  transform: none;
}
@media (min-width: 768px) {
  .view-product-categories-block {
    padding: 1.15rem 1.25rem 1.2rem;
  }

  .view-product-categories-block .product-categories-list__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
  }

  .view-product-categories-block .product-category-children .product-category-child a {
    min-height: 2.5rem;
  }

  .region-sidebar-first .view-product-categories-block,
  .region-sidebar-second .view-product-categories-block,
  aside .view-product-categories-block {
    position: sticky;
    top: 5.5rem;
    max-height: calc(100vh - 6.5rem);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(92, 45, 145, 0.25) transparent;
  }

  .region-sidebar-first .view-product-categories-block .product-categories-list__items,
  .region-sidebar-second .view-product-categories-block .product-categories-list__items,
  aside .view-product-categories-block .product-categories-list__items {
    grid-template-columns: 1fr;
  }

  .region-sidebar-first .view-product-categories-block::-webkit-scrollbar,
  .region-sidebar-second .view-product-categories-block::-webkit-scrollbar,
  aside .view-product-categories-block::-webkit-scrollbar {
    width: 5px;
  }

  .region-sidebar-first .view-product-categories-block::-webkit-scrollbar-thumb,
  .region-sidebar-second .view-product-categories-block::-webkit-scrollbar-thumb,
  aside .view-product-categories-block::-webkit-scrollbar-thumb {
    background: rgba(92, 45, 145, 0.25);
    border-radius: 4px;
  }
}
@media (min-width: 1024px) {
  .view-product-categories-block {
    padding: 1.2rem 1.35rem 1.25rem;
  }

  .view-product-categories-block .product-category-parent__link a {
    font-size: 1.08rem;
  }

  .view-product-categories-block .product-categories-list__items {
    gap: 1rem;
  }
}
@media (max-width: 767px) {
  .view-product-categories-block {
    padding: 0.85rem 0.9rem;
    border-left-width: 3px;
  }

  .view-product-categories-block .product-categories-block__title {
    padding-left: 1.5rem;
    font-size: 1.05rem;
  }

  .view-product-categories-block .product-category-children .product-category-child a {
    min-height: 2.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .view-product-categories-block .product-category-parent__link a {
    min-height: 2.75rem;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
  }
}
.view-product-category-listings .view-header,
.view-brand-product-listings .view-header {
  margin-bottom: 1rem;
}

.view-product-category-listings .view-header .taxonomy-term,
.view-brand-product-listings .view-header .taxonomy-term {
  margin-bottom: 0.5rem;
}

.view-product-category-listings .view-header .field--name-description,
.view-brand-product-listings .view-header .field--name-description {
  font-size: 0.95rem;
  line-height: 1.5;
  color: #555;
  margin-bottom: 0.75rem;
}

.view-product-category-listings .view-header .field--name-field-image,
.view-product-category-listings .view-header .field--name-field-icon-image {
  display: none;
}

.view-brand-product-listings .view-header .field--name-field-brand-logo {
  max-width: 220px;
  margin-bottom: 0.75rem;
}

.view-brand-product-listings .view-header .field--name-field-brand-logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.view-brand-product-listings .brand-listing-h1,
.view-id-brand_product_listings .brand-listing-h1,
.view-product-category-listings .category-listing-h1,
.view-id-product_category_listings .category-listing-h1 {
  margin-bottom: 0.75rem;
}

.view-product-category-listings .product-category-empty,
.view-brand-product-listings .brand-product-empty {
  padding: 2rem 0;
  text-align: center;
  color: #666;
}

#block-martis-views-block-product-categories-block-block-1--2 .grid-wrapper > .grid-item,
#block-martis-views-block-product-categories-block-block-1 .grid-wrapper > .grid-item,
.path-products .view-product-categories-block .grid-wrapper > .grid-item,
.path-products [id*="product-categories-block"] .grid-wrapper > .grid-item {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 1.25rem !important;
}
#block-martis-views-block-product-categories-block-block-1--2 .grid-wrapper .grid-item,
#block-martis-views-block-product-categories-block-block-1 .grid-wrapper .grid-item,
.path-products [id*="product-categories-block"] .grid-wrapper .grid-item {
  background: linear-gradient(165deg, #4c1d95 0%, #3b0a5c 55%, #2d0847 100%) !important;
  border: 2px solid #000 !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28), 0 2px 6px rgba(59, 10, 92, 0.2) !important;
  padding: 1.1rem 0.85rem 1.15rem !important;
  box-sizing: border-box !important;
  translate: 0 0;
  transition: translate 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden !important;
}

#block-martis-views-block-product-categories-block-block-1--2 .grid-wrapper .grid-item:hover,
#block-martis-views-block-product-categories-block-block-1 .grid-wrapper .grid-item:hover,
.path-products [id*="product-categories-block"] .grid-wrapper .grid-item:hover {
  translate: 0 -4px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.38), 0 6px 14px rgba(59, 10, 92, 0.3) !important;
}
#block-martis-views-block-product-categories-block-block-1--2 .grid-item,
#block-martis-views-block-product-categories-block-block-1 .grid-item,
.path-products [id*="product-categories-block"] .grid-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

#block-martis-views-block-product-categories-block-block-1--2 .views-field-field-brand-logo,
#block-martis-views-block-product-categories-block-block-1 .views-field-field-brand-logo,
.path-products [id*="product-categories-block"] .views-field-field-brand-logo,
.path-product [id*="product-categories-block"] .views-field-field-brand-logo,
.path-taxonomy [id*="product-categories-block"] .views-field-field-brand-logo,
.path-store [id*="product-categories-block"] .views-field-field-brand-logo {
  order: -1 !important;
  margin: 0 0 0.75rem !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  border: 0 !important;
}
#block-martis-views-block-product-categories-block-block-1--2 .views-field-field-brand-logo .field-item,
#block-martis-views-block-product-categories-block-block-1 .views-field-field-brand-logo .field-item,
.path-products [id*="product-categories-block"] .views-field-field-brand-logo .field-item,
.path-product [id*="product-categories-block"] .views-field-field-brand-logo .field-item,
.path-taxonomy [id*="product-categories-block"] .views-field-field-brand-logo .field-item,
.path-store [id*="product-categories-block"] .views-field-field-brand-logo .field-item,
#block-martis-views-block-product-categories-block-block-1--2 .views-field-field-brand-logo .field-content,
#block-martis-views-block-product-categories-block-block-1 .views-field-field-brand-logo .field-content,
.path-products [id*="product-categories-block"] .views-field-field-brand-logo .field-content,
.path-product [id*="product-categories-block"] .views-field-field-brand-logo .field-content,
.path-taxonomy [id*="product-categories-block"] .views-field-field-brand-logo .field-content,
.path-store [id*="product-categories-block"] .views-field-field-brand-logo .field-content {
  width: 110px !important;
  height: 110px !important;
  max-width: 110px !important;
  max-height: 110px !important;
  margin: 0 auto !important;
  padding: 0.55rem !important;
  background: #ffffff !important;
  border: 2px solid #000 !important;
  border-radius: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box !important;
}

#block-martis-views-block-product-categories-block-block-1--2 .views-field-field-brand-logo img,
#block-martis-views-block-product-categories-block-block-1 .views-field-field-brand-logo img,
.path-products [id*="product-categories-block"] .views-field-field-brand-logo img,
.path-product [id*="product-categories-block"] .views-field-field-brand-logo img,
.path-taxonomy [id*="product-categories-block"] .views-field-field-brand-logo img,
.path-store [id*="product-categories-block"] .views-field-field-brand-logo img,
#wrapper #block-martis-views-block-product-categories-block-block-1--2 .views-field-field-brand-logo img,
#wrapper #block-martis-views-block-product-categories-block-block-1 .views-field-field-brand-logo img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  border-radius: 0 !important;
}
#block-martis-views-block-product-categories-block-block-1--2 .views-field-name,
#block-martis-views-block-product-categories-block-block-1 .views-field-name,
.path-products [id*="product-categories-block"] .views-field-name {
  order: 0 !important;
  width: 100% !important;
  margin: 0 0 0.35rem !important;
}

#block-martis-views-block-product-categories-block-block-1--2 .views-field-name a,
#block-martis-views-block-product-categories-block-block-1 .views-field-name a,
.path-products [id*="product-categories-block"] .views-field-name a,
#block-martis-views-block-product-categories-block-block-1--2 .views-field-name .field-content,
.path-products [id*="product-categories-block"] .views-field-name .field-content {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  text-decoration: none !important;
  line-height: 1.25 !important;
}

#block-martis-views-block-product-categories-block-block-1--2 .views-field-description__value,
#block-martis-views-block-product-categories-block-block-1 .views-field-description__value,
.path-products [id*="product-categories-block"] .views-field-description__value {
  order: 1 !important;
  width: 100% !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 0.82rem !important;
  line-height: 1.4 !important;
}

#block-martis-views-block-product-categories-block-block-1--2 .views-field-description__value .field-content,
.path-products [id*="product-categories-block"] .views-field-description__value .field-content {
  color: rgba(255, 255, 255, 0.88) !important;
}
#block-martis-views-block-product-categories-block-block-1--2 .views-field-field-brand-logo .field-item {
  border-radius: 16px !important;
  width: 110px !important;
  height: 110px !important;
}
.path-products .grid-wrapper > .grid-item:has(.views-field-field-brand-logo) {
  background: linear-gradient(165deg, #4c1d95 0%, #3b0a5c 55%, #2d0847 100%);
  border: 2px solid #000;
  border-radius: 20px;
  padding: 1.1rem 0.85rem 1.15rem;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}
#block-martis-views-block-product-categories-block-block-1 .container-wrap,
#block-martis-views-block-product-categories-block-block-1--2 .container-wrap,
body.path-taxonomy [id*="product-categories-block-block-1"] .container-wrap {
  width: 100% !important;
  max-width: 1220px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

#block-martis-views-block-product-categories-block-block-1 .grid-wrapper,
#block-martis-views-block-product-categories-block-block-1--2 .grid-wrapper,
body.path-taxonomy [id*="product-categories-block-block-1"] .grid-wrapper,
#block-martis-views-block-product-categories-block-block-1 .row.grid-wrapper,
#block-martis-views-block-product-categories-block-block-1--2 .row.grid-wrapper {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  row-gap: 1rem !important;
  column-gap: 1rem !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 1.5rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  justify-content: stretch !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}

#block-martis-views-block-product-categories-block-block-1 .grid-wrapper > .grid-item,
#block-martis-views-block-product-categories-block-block-1--2 .grid-wrapper > .grid-item,
body.path-taxonomy [id*="product-categories-block-block-1"] .grid-wrapper > .grid-item {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  flex-basis: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  box-sizing: border-box !important;
}
#block-martis-views-block-product-categories-block-block-1 .views-field-field-brand-logo .field-item,
#block-martis-views-block-product-categories-block-block-1 .views-field-field-brand-logo .field-content,
#block-martis-views-block-product-categories-block-block-1--2 .views-field-field-brand-logo .field-item,
#block-martis-views-block-product-categories-block-block-1--2 .views-field-field-brand-logo .field-content,
body.path-taxonomy [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-item,
body.path-taxonomy [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-content {
  width: 130px !important;
  height: 130px !important;
  max-width: 130px !important;
  max-height: 130px !important;
}
@media (max-width: 991.98px) {
  #block-martis-views-block-product-categories-block-block-1 .container-wrap,
  #block-martis-views-block-product-categories-block-block-1--2 .container-wrap,
  body.path-taxonomy [id*="product-categories-block-block-1"] .container-wrap {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0.85rem !important;
    padding-right: 0.85rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #block-martis-views-block-product-categories-block-block-1 .grid-wrapper,
  #block-martis-views-block-product-categories-block-block-1--2 .grid-wrapper,
  body.path-taxonomy [id*="product-categories-block-block-1"] .grid-wrapper,
  #block-martis-views-block-product-categories-block-block-1 .row.grid-wrapper,
  #block-martis-views-block-product-categories-block-block-1--2 .row.grid-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
    row-gap: 0.75rem !important;
    column-gap: 0.75rem !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #block-martis-views-block-product-categories-block-block-1 .grid-wrapper > .grid-item,
  #block-martis-views-block-product-categories-block-block-1--2 .grid-wrapper > .grid-item,
  body.path-taxonomy [id*="product-categories-block-block-1"] .grid-wrapper > .grid-item {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    padding: 0.85rem 0.65rem 0.9rem !important;
  }
  #block-martis-views-block-product-categories-block-block-1 .views-field-field-brand-logo .field-item,
  #block-martis-views-block-product-categories-block-block-1 .views-field-field-brand-logo .field-content,
  #block-martis-views-block-product-categories-block-block-1--2 .views-field-field-brand-logo .field-item,
  #block-martis-views-block-product-categories-block-block-1--2 .views-field-field-brand-logo .field-content,
  body.path-taxonomy [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-item,
  body.path-taxonomy [id*="product-categories-block-block-1"] .views-field-field-brand-logo .field-content {
    width: 96px !important;
    height: 96px !important;
    max-width: 96px !important;
    max-height: 96px !important;
    padding: 0.4rem !important;
  }

  #block-martis-views-block-product-categories-block-block-1 .views-field-name a,
  #block-martis-views-block-product-categories-block-block-1--2 .views-field-name a {
    font-size: 0.95rem !important;
  }

  #block-martis-views-block-product-categories-block-block-1 .views-field-description__value,
  #block-martis-views-block-product-categories-block-block-1--2 .views-field-description__value {
    font-size: 0.75rem !important;
    line-height: 1.35 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #block-martis-views-block-product-categories-block-block-1 .grid-wrapper,
  #block-martis-views-block-product-categories-block-block-1--2 .grid-wrapper,
  body.path-taxonomy [id*="product-categories-block-block-1"] .grid-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
html body.path-taxonomy #wrapper #block-breadcrumbs,
html body.path-taxonomy #block-breadcrumbs,
html body.path-taxonomy .block-system-breadcrumb-block {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0rem !important;
  padding-bottom: 0.5rem !important;
}

html body.path-taxonomy #wrapper #block-breadcrumbs .breadcrumb,
html body.path-taxonomy #block-breadcrumbs .breadcrumb,
html body.path-taxonomy .breadcrumb {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0rem !important;
  padding-bottom: 0.35rem !important;
}

html body.path-taxonomy .breadcrumb ul {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
html body.path-taxonomy #wrapper [id*="frontpagetitle"],
html body.path-taxonomy #wrapper [id*="pagetitle"],
html body.path-taxonomy #wrapper #content-wide-top [id*="frontpagetitle"],
html body.path-taxonomy #wrapper #content-wide-top [id*="pagetitle"] {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
html body.path-taxonomy #wrapper #content-wide-top [id*="frontpagetitle"] h1,
html body.path-taxonomy #wrapper #content-wide-top [id*="pagetitle"] h1,
html body.path-taxonomy #wrapper #content-wide-top .block-block-content .field-item > h1,
html body.path-taxonomy #wrapper #content-wide-top .block-block-content .field-body > h1,
html body.path-taxonomy #wrapper [id*="frontpagetitle"] h1,
html body.path-taxonomy #wrapper [id*="pagetitle"] h1,
html body.path-taxonomy #wrapper .row.layout.layout--onecol h1,
html body.path-taxonomy .row.layout.layout--onecol h1 {
  margin-top: 0.75rem !important;
  margin-bottom: 0rem !important;
}
html body.path-taxonomy #wrapper [id*="frontpagetitle"] + .block,
html body.path-taxonomy #wrapper [id*="pagetitle"] + .block,
html body.path-taxonomy #wrapper [id*="frontpagetitle"] + .views-element-container,
html body.path-taxonomy #wrapper [id*="pagetitle"] + .views-element-container,
html body.path-taxonomy #wrapper #content-wide-top [id*="frontpagetitle"] + .block,
html body.path-taxonomy #wrapper #content-wide-top [id*="pagetitle"] + .block {
  margin-top: 0.75rem !important;
}
html body.path-taxonomy #wrapper .commerce-content-header.brand-listing-h1,
html body.path-taxonomy #wrapper .commerce-content-header.category-listing-h1,
html body.path-taxonomy #wrapper .commerce-content-header,
html body.path-taxonomy .commerce-content-header.brand-listing-h1,
html body.path-taxonomy .commerce-content-header.category-listing-h1,
html body.path-taxonomy .commerce-content-header {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body.path-taxonomy #wrapper .commerce-content-header .commerce-content-h1,
html body.path-taxonomy #wrapper h1.commerce-content-h1,
html body.path-taxonomy .commerce-content-header .commerce-content-h1,
html body.path-taxonomy h1.commerce-content-h1 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 991.98px) {
  html body.path-taxonomy #wrapper #block-breadcrumbs,
  html body.path-taxonomy #block-breadcrumbs,
  html body.path-taxonomy .block-system-breadcrumb-block {
    padding-top: 0rem !important;
    padding-bottom: 0.4rem !important;
  }

  html body.path-taxonomy #wrapper [id*="frontpagetitle"],
  html body.path-taxonomy #wrapper [id*="pagetitle"],
  html body.path-taxonomy #wrapper #content-wide-top [id*="frontpagetitle"],
  html body.path-taxonomy #wrapper #content-wide-top [id*="pagetitle"] {
    margin-top: 0.6rem !important;
    margin-bottom: 0.6rem !important;
  }

  html body.path-taxonomy #wrapper #content-wide-top [id*="frontpagetitle"] h1,
  html body.path-taxonomy #wrapper #content-wide-top [id*="pagetitle"] h1,
  html body.path-taxonomy #wrapper #content-wide-top .block-block-content .field-item > h1,
  html body.path-taxonomy #wrapper #content-wide-top .block-block-content .field-body > h1,
  html body.path-taxonomy #wrapper [id*="frontpagetitle"] h1,
  html body.path-taxonomy #wrapper [id*="pagetitle"] h1,
  html body.path-taxonomy #wrapper .row.layout.layout--onecol h1,
  html body.path-taxonomy .row.layout.layout--onecol h1 {
    margin-top: 0.6rem !important;
    margin-bottom: 0.6rem !important;
  }

  html body.path-taxonomy #wrapper [id*="frontpagetitle"] + .block,
  html body.path-taxonomy #wrapper [id*="pagetitle"] + .block,
  html body.path-taxonomy #wrapper [id*="frontpagetitle"] + .views-element-container,
  html body.path-taxonomy #wrapper [id*="pagetitle"] + .views-element-container,
  html body.path-taxonomy #wrapper #content-wide-top [id*="frontpagetitle"] + .block,
  html body.path-taxonomy #wrapper #content-wide-top [id*="pagetitle"] + .block {
    margin-top: 0.6rem !important;
  }

  html body.path-taxonomy #wrapper .commerce-content-header.brand-listing-h1,
  html body.path-taxonomy #wrapper .commerce-content-header.category-listing-h1,
  html body.path-taxonomy #wrapper .commerce-content-header,
  html body.path-taxonomy .commerce-content-header {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}

@media (max-width: 575.98px) {
  html body.path-taxonomy #wrapper #content-wide-top [id*="frontpagetitle"] h1,
  html body.path-taxonomy #wrapper #content-wide-top [id*="pagetitle"] h1,
  html body.path-taxonomy #wrapper #content-wide-top .block-block-content .field-item > h1,
  html body.path-taxonomy #wrapper #content-wide-top .block-block-content .field-body > h1,
  html body.path-taxonomy #wrapper [id*="frontpagetitle"] h1,
  html body.path-taxonomy #wrapper [id*="pagetitle"] h1,
  html body.path-taxonomy #wrapper .row.layout.layout--onecol h1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0rem !important;
  }

  html body.path-taxonomy #wrapper [id*="frontpagetitle"],
  html body.path-taxonomy #wrapper [id*="pagetitle"] {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  html body.path-taxonomy #wrapper [id*="frontpagetitle"] + .block,
  html body.path-taxonomy #wrapper [id*="pagetitle"] + .block,
  html body.path-taxonomy #wrapper #content-wide-top [id*="frontpagetitle"] + .block {
    margin-top: 0.5rem !important;
  }
}

html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1,
html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1--2 {
  margin-bottom: 1.25rem !important;
  padding-bottom: 0.25rem !important;
}

html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search,
html body.path-taxonomy #block-martis-exposedformproduct-catalogproduct-catalog-search {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 1220px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
  padding-left: 0.85rem !important;
  padding-right: 0.85rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .container-wrap,
html body.path-taxonomy #wrapper #views-exposed-form-product-catalog-product-catalog-search,
html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .views-exposed-form {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

html body.path-taxonomy #wrapper #block-martis-product-search-form {
  width: 100% !important;
  max-width: 1220px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 1.25rem !important;
  margin-bottom: 1rem !important;
  padding-left: 0.85rem !important;
  padding-right: 0.85rem !important;
  box-sizing: border-box !important;
}

html body.path-taxonomy #wrapper .commerce-content-header,
html body.path-taxonomy #wrapper .commerce-content-header.brand-listing-h1,
html body.path-taxonomy #wrapper .commerce-content-header.category-listing-h1,
html body.path-taxonomy .commerce-content-header {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  box-sizing: border-box !important;
}


html body.path-taxonomy #wrapper .commerce-content-header .commerce-content-h1,
html body.path-taxonomy #wrapper h1.commerce-content-h1,
html body.path-taxonomy h1.commerce-content-h1 {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

html body.path-taxonomy #wrapper .product-catalog,
html body.path-taxonomy #wrapper .view-product-catalog,
html body.path-taxonomy #wrapper .view-id-product_catalog,
html body.path-taxonomy #wrapper .view-brand-product-listings,
html body.path-taxonomy #wrapper .view-product-category-listings,
html body.path-taxonomy .product-catalog {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0.5rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}

html body.path-taxonomy #wrapper .product-catalog > .view-header,
html body.path-taxonomy #wrapper .view-product-catalog > .view-header,
html body.path-taxonomy #wrapper .view-brand-product-listings > .view-header,
html body.path-taxonomy #wrapper .view-product-category-listings > .view-header,
html body.path-taxonomy #wrapper .product-catalog > .view-filters,
html body.path-taxonomy #wrapper .product-catalog > .view-content,
html body.path-taxonomy #wrapper .product-catalog > .grid-wrapper,
html body.path-taxonomy #wrapper .product-catalog > .row.grid-wrapper,
html body.path-taxonomy #wrapper .product-catalog > nav.pager,
html body.path-taxonomy #wrapper .product-catalog > .pager,
html body.path-taxonomy #wrapper .product-catalog > .pagerer-container,
html body.path-taxonomy #wrapper .product-catalog > .view-footer {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  float: none !important;
  box-sizing: border-box !important;
}

html body.path-taxonomy #wrapper .product-catalog > .view-header,
html body.path-taxonomy #wrapper .view-product-catalog > .view-header,
html body.path-taxonomy #wrapper .view-brand-product-listings > .view-header,
html body.path-taxonomy #wrapper .view-product-category-listings > .view-header {
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0.5rem !important;
  padding-bottom: 0.15rem !important;
  clear: both !important;
  overflow: visible !important;
  background: transparent !important;
}


html body.path-taxonomy #wrapper .product-catalog .switch-icon,
html body.path-taxonomy #wrapper .view-product-catalog .switch-icon {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.5rem !important;
  margin: 0 0 0.35rem 0 !important;
  position: relative !important;
  z-index: 3 !important;
  min-height: 42px !important;
}

html body.path-taxonomy #wrapper .product-catalog > form.views-exposed-form,
html body.path-taxonomy #wrapper .product-catalog > .views-exposed-form,
html body.path-taxonomy #wrapper .view-product-catalog > form.views-exposed-form {
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  float: none !important;
  clear: both !important;
  margin-top: 0.35rem !important;
  margin-bottom: 0.85rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: 0.35rem !important;
  padding-bottom: 0.35rem !important;
  box-sizing: border-box !important;
  background: transparent !important;
}


html body.path-taxonomy #wrapper .product-catalog .view-content.grid-wrapper,
html body.path-taxonomy #wrapper .view-product-catalog .view-content.grid-wrapper,
html body.path-taxonomy #wrapper .view-brand-product-listings .view-content.grid-wrapper,
html body.path-taxonomy #wrapper .view-product-category-listings .view-content.grid-wrapper,
html body.path-taxonomy #wrapper .product-catalog > .row.grid-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
}

html body.path-taxonomy #wrapper .product-catalog > nav.pager,
html body.path-taxonomy #wrapper .product-catalog > .pager,
html body.path-taxonomy #wrapper .product-catalog .pagerer-container,
html body.path-taxonomy #wrapper .view-product-catalog > nav.pager,
html body.path-taxonomy #wrapper .view-brand-product-listings > nav.pager,
html body.path-taxonomy #wrapper .view-product-category-listings > nav.pager {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: -1rem !important;
  margin-bottom: -0.25rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: 0.25rem !important;
  text-align: center !important;
  clear: both !important;
  float: none !important;
}


html body.path-taxonomy #wrapper .product-catalog .pager__items,
html body.path-taxonomy #wrapper .product-catalog ul.pager__items {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
}


html body.path-taxonomy #wrapper .product-catalog > .view-footer,
html body.path-taxonomy #wrapper .view-product-catalog > .view-footer {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0.5rem !important;
  margin-bottom: 1rem !important;
  text-align: center !important;
  clear: both !important;
  float: none !important;
}

html body.path-taxonomy #wrapper .col-md-9.left-content.main-content,
html body.path-taxonomy #wrapper .region-content {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

html body.path-taxonomy #wrapper .page-wrapper > .container {
  max-width: 1220px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
@media (max-width: 991.98px) {
  
  html body.path-taxonomy #wrapper #block-martis-views-block-product-categories-block-block-1 {
    margin-bottom: 1rem !important;
  }

  
  html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search,
  html body.path-taxonomy #block-martis-exposedformproduct-catalogproduct-catalog-search {
    width: 92% !important;
    max-width: 100% !important;
    margin-top: 1rem !important;
    margin-bottom: 0.85rem;
    margin-left: 1rem !important;
    margin-right: 0 !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    padding-bottom: 0.5rem !important;
  }

  
  html body.path-taxonomy #wrapper .commerce-content-header,
  html body.path-taxonomy .commerce-content-header {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  
  html body.path-taxonomy #wrapper .product-catalog,
  html body.path-taxonomy .product-catalog {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  
  html body.path-taxonomy #wrapper .page-wrapper > .container {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    max-width: 100% !important;
  }
}
@media (max-width: 991.98px) {
  
  html body.path-taxonomy #wrapper .region-content,
  html body.path-taxonomy #wrapper .col-md-9.left-content.main-content {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  
  html body.path-taxonomy #wrapper .commerce-content-header,
  html body.path-taxonomy #wrapper .product-catalog {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  html body.path-taxonomy #wrapper .product-catalog .commerce-content-header,
  html body.path-taxonomy #wrapper .view-product-catalog .commerce-content-header,
  html body.path-taxonomy #wrapper .view-brand-product-listings .commerce-content-header,
  html body.path-taxonomy #wrapper .view-product-category-listings .commerce-content-header {
    margin-top: -1.5rem !important;
    margin-bottom: 1.75rem !important;
    margin-left: -1rem !important;
    width: 109% !important;
    max-width: 109% !important;
  }
}
#block-martis-calltoorder,
#block-contact-us,
#block-calltoorder,
#block-call-to-order {
}
@media (max-width: 991.98px) {
  .header-right,
  .header-right-wrap,
  #block-call-to-order,
  .region-header-right {
    display: block !important;
    visibility: visible !important;
  }
}
html body.path-taxonomy [id*="product-categories-block"] a.is-active,
html body.path-taxonomy .product-category-parent.is-active > a,
html body.path-taxonomy .product-category-child a.is-active {
  color: #6716aa !important;
  border-color: #6716aa !important;
}
html body.path-taxonomy [id*="product-categories-block"] a:hover {
  transform: none !important;
  translate: none !important;
}
@media (max-width: 991.98px) {
  #main-menu.show,
  #main-menu.collapse.show,
  #main-menu.in {
    background-color: #3b0a5c !important;
    background: #3b0a5c !important;
  }
  #main-menu.show .menu-item,
  #main-menu.show .nav-item,
  #main-menu.show li,
  #main-menu.show a {
    background-color: transparent !important;
    background: transparent !important;
  }
  #main-menu.show a,
  #main-menu.show .menu-item a {
    color: #ffffff !important;
  }
  #main-menu.show a:hover,
  #main-menu.show a.is-active,
  #main-menu.show .menu-item--active-trail > a {
    color: #c9a0e8 !important;
  }
}
.nav-button,
button.navbar-toggle,
.navbar-toggler,
#header .nav-button {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  background-color: #3b0a5c !important;
  border: 2px solid #000 !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.nav-button i,
.nav-button .ti-menu,
.navbar-toggler i {
  transform: none !important;
  transition: opacity 0.15s ease !important;
  color: #fff !important;
}
.nav-button[aria-expanded="true"] i,
.nav-button.open i {
  transform: none !important;
}
html body #wrapper .cart-block--summary,
html body #wrapper .header-cart .cart-block--summary,
html body #wrapper .header-element-item.header-cart .cart-block--summary,
html body #wrapper .cart--cart-block .cart-block--summary {
  border: 0 !important;
  border-color: transparent !important;
}
@media (max-width: 991.98px) {
  .header-cart,
  .cart-block--summary,
  .header-element.header-cart {
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
  }
}

#content-wide-top .block.slide-block,
#content-wide-top .block.slide-block.fullwidth {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#content-wide-top .block.slide-block .container-wrap {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.slide-block .hero.slide-carousel,
.slide-carousel.owl-carousel,
.hero.slide-carousel,
#content-wide-top .block.slide-block .hero.slide-carousel {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  height: auto !important;
}

.slide-carousel.owl-carousel .owl-stage-outer,
.slide-block .hero.slide-carousel .owl-stage-outer {
  height: auto !important;
}

.slide-carousel.owl-carousel .owl-item.active,
.slide-carousel.owl-carousel .owl-item.active > .node--type-slide {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.slide-carousel .slide-additional-content,
.slide-carousel .owl-item .slide-additional-content,
.hero.slide-carousel .slide-additional-content,
.slide-block .hero.slide-carousel .slide-additional-content,
.slide-carousel .slide-additional-content--bleed,
.slide-carousel .slide-additional-content.container,
.slide-carousel .owl-item .slide-additional-content.container,
.slide-carousel .slide-additional-content.container.py-5 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  box-sizing: border-box !important;
  z-index: 3 !important;
  clear: both !important;
  float: none !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.slide-carousel .slide-additional-content__inner {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
.slide-carousel .slide-carousel-hero,
.slide-carousel .slide-carousel-hero .slide-image {
  width: 100% !important;
  max-width: 100% !important;
}
@media (min-width: 768px) {
  .header #main-menu.navbar-collapse,
  .header #main-menu.collapse,
  .header #main-menu.collapse:not(.show),
  #main-menu.navbar-collapse,
  #main-menu.collapse,
  #main-menu.collapse:not(.show),
  .navbar-expand-md #main-menu,
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto !important;
    height: auto !important;
    max-height: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    position: relative !important;
  }

  .header .header-menu,
  .header .navbar.nav-menu,
  .header .primary-menu,
  .header .region-main-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .header .navbar-toggler.nav-button {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .header #main-menu.navbar-collapse,
  .header #main-menu.collapse,
  .header #main-menu.collapse:not(.show),
  #main-menu.navbar-collapse,
  .navbar-expand-md #main-menu {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .header .region-main-menu,
  .header .container-wrap.clearfix.mega-menu.main-menu-wrap,
  .header .container-wrap.clearfix.menu-wrap,
  .header .mega-menu.main-menu-wrap,
  .header .main-menu-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
  }

  .header #main-menu ul.menu.menu-parent,
  .header #main-menu ul.nav.menu.menu-parent,
  .header #block-martis-main-menu ul.menu.menu-parent,
  .header #block-martis-main-menu ul.nav.menu.menu-parent,
  .header .mega-menu > ul.menu.menu-parent,
  .header .mega-menu.main-menu-wrap > ul.menu.menu-parent,
  .header .container-wrap.menu-wrap > ul.nav.menu.menu-parent,
  .header .container-wrap.menu-wrap > ul.menu.menu-parent,
  .header [id^="block-martis-menu"] ul.nav.menu.menu-parent,
  .header [id^="block-martis-menu"] ul.menu.menu-parent,
  .header #block-martis-houston-menu ul.nav.menu.menu-parent,
  .header #block-martis-menukaty ul.nav.menu.menu-parent,
  .header #block-martis-spring-menu ul.nav.menu.menu-parent,
  .header #block-martis-tomball-menu ul.nav.menu.menu-parent,
  .header #block-martis-jerseyvillagemenu ul.nav.menu.menu-parent,
  .header #block-martis-menu-cypress ul.nav.menu.menu-parent {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    width: 100% !important;
  }

  .header #main-menu .menu-item,
  .header #main-menu li.menu-item,
  .header #block-martis-main-menu .menu-item,
  .header #block-martis-main-menu li.menu-item,
  .header [id^="block-martis-menu"] .menu-item,
  .header [id^="block-martis-menu"] li.menu-item,
  .header #block-martis-houston-menu .menu-item,
  .header #block-martis-menukaty .menu-item,
  .header .mega-menu > ul > li.menu-item {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: none !important;
    justify-content: center !important;
  }

  .header #main-menu .menu-item > a,
  .header #main-menu a,
  .header #block-martis-main-menu .menu-item > a,
  .header #block-martis-main-menu a,
  .header [id^="block-martis-menu"] .menu-item > a,
  .header [id^="block-martis-menu"] a,
  .header .mega-menu > ul > li > a {
    width: auto !important;
    display: inline-flex !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}
:root {
  --jd-header-rail-max: 1140px;
  --jd-header-rail-pad-x: 1rem;
  --jd-header-rail-pad-y-desktop: 0.65rem;
  --jd-header-rail-pad-y-mobile: 0.5rem;
}
.header .header-right-wrap,
.header .header-side.header-right-wrap,
.header .navbar > .container > .header-right-wrap,
.header .header-main-wrap,
.header .navbar > .container > .header-main-wrap,
.header .header-side.navbar-brand,
body.path-taxonomy .header .header-right-wrap,
body.path-taxonomy .header .header-main-wrap {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (min-width: 992px) {
  .header .navbar.header-center > .container,
  .navbar.header-center > .container,
  header.header .navbar.header-center > .container,
  html body.path-taxonomy .header .navbar.header-center > .container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: var(--jd-header-rail-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: var(--jd-header-rail-pad-y-desktop) var(--jd-header-rail-pad-x) !important;
    box-sizing: border-box !important;
    gap: 0.75rem 1rem !important;
  }

  .header .header-side.navbar-brand,
  .header .header-right-wrap,
  .header #block-call-to-order,
  .header #block-martis-branding .container-wrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .header .header-side.navbar-brand {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .header .header-right-wrap,
  .header .header-side.header-right-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
    justify-content: flex-end !important;
  }
}

@media (max-width: 767.98px) {
  .header .navbar.header-center > .container,
  .navbar.header-center > .container,
  header.header .navbar.header-center > .container {
    padding: var(--jd-header-rail-pad-y-mobile) var(--jd-header-rail-pad-x) !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .header .header-element {
    right: var(--jd-header-rail-pad-x) !important;
  }

  .header .header-main-wrap,
  .header .header-right-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .header .navbar.header-center > .container,
  .navbar.header-center > .container {
    padding-left: var(--jd-header-rail-pad-x) !important;
    padding-right: var(--jd-header-rail-pad-x) !important;
    max-width: var(--jd-header-rail-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}
.slide-carousel .slide-carousel-hero {
  position: relative !important;
  overflow: hidden !important;
}
.slide-carousel .pre-heading-text,
.slide-carousel .pre-heading-text--carousel,
.slide-carousel .pre-heading-text .field-items,
.slide-carousel .slide-content,
.slide-carousel .container.slide-wrap {
  position: static !important;
}

.slide-carousel .slide-carousel-hero .slide-content-wrap {
  position: absolute !important;
  inset: 0 !important;
}
.slide-carousel .slide-carousel-hero .slide-content-main {
  position: static !important;
  z-index: 4 !important;
}
.slide-carousel .pre-heading-text,
.slide-carousel .pre-heading-text--carousel {
  width: 100% !important;
  text-align: center !important;
  z-index: 4 !important;
}

.slide-carousel .pre-heading-text .field-items {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

.slide-carousel .pre-heading-text .field-items > .field-item:first-child,
.slide-carousel .pre-heading-text .field-items > div:first-child {
  position: relative !important;
  z-index: 5 !important;
  display: block !important;
  width: 100% !important;
  max-width: 36rem !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  opacity: 1 !important;
  letter-spacing: normal !important;
  -webkit-text-stroke: 0 !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: 0 1px 0 black, 0 -1px 0 black, 1px 0 0 black, -1px 0 0 black, 0 0 6px black !important;
  color: inherit !important;
}
.slide-carousel .owl-item.active .field.field-field-pre-heading-text.field-type-string.field-label-hidden.field-items > div:nth-child(2),
.slide-carousel .owl-item.active .field.field-field-pre-heading-text .field-items > .field-item:nth-child(2),
.slide-carousel .owl-item.active .pre-heading-text .field-item.animate__animated,
.slide-carousel .owl-item.active .pre-heading-text .field-item.animate__jello,
.slide-carousel .owl-item.active .field-field-pre-heading-text .animate__jello,
.slide-carousel .owl-item.active .field-field-pre-heading-text .animate__animated.animate__jello.animate__delay-2s.animate__slow.animate__infinite,
.hero.slide-carousel:not(.owl-loaded) > .node--type-slide:first-child .field.field-field-pre-heading-text .field-items > .field-item:nth-child(2),
.hero.slide-carousel:not(.owl-loaded) > .node--type-slide:first-child .field.field-field-pre-heading-text .field-items > div:nth-child(2) {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 20%;
  bottom: auto !important;
  margin: -5rem auto 0 !important;
  padding: 0 !important;
  width: max-content !important;
  max-width: 100% !important;
  display: block !important;
  text-align: center !important;
  white-space: nowrap !important;
  font-size: 10rem;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: 0.5rem !important;
  opacity: 0.35 !important;
  z-index: 1 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  -webkit-text-stroke: 2px #000 !important;
  paint-order: stroke fill !important;
  text-shadow:
    -5px 3px 3px black,
    0 1px 0 black,
    1px 0 0 black,
    -1px 0 0 black,
    0 0 1px black !important;
  pointer-events: none !important;
  float: none !important;
  visibility: visible !important;
  animation-play-state: running !important;
}
.slide-carousel .owl-item:not(.active) .field.field-field-pre-heading-text .field-items > .field-item:nth-child(2),
.slide-carousel .owl-item:not(.active) .field.field-field-pre-heading-text .field-items > div:nth-child(2),
.slide-carousel .owl-item:not(.active) .pre-heading-text .field-item.animate__jello {
  display: none !important;
  visibility: hidden !important;
  animation: none !important;
  pointer-events: none !important;
}
.slide-carousel .pre-heading-text .field-items > .field-item:first-child,
.slide-carousel .heading-text,
.slide-carousel .slide-content-body,
.slide-carousel .slide-button {
  position: relative !important;
  z-index: 5 !important;
}
@media (max-width: 1000px) {
  .slide-carousel .owl-item.active .field.field-field-pre-heading-text .field-items > .field-item:nth-child(2),
  .slide-carousel .owl-item.active .field.field-field-pre-heading-text .field-items > div:nth-child(2),
  .slide-carousel .owl-item.active .pre-heading-text .field-item.animate__jello,
  .slide-carousel .owl-item.active .field-field-pre-heading-text .animate__jello,
  .hero.slide-carousel:not(.owl-loaded) > .node--type-slide:first-child .field.field-field-pre-heading-text .field-items > .field-item:nth-child(2),
  .hero.slide-carousel:not(.owl-loaded) > .node--type-slide:first-child .field.field-field-pre-heading-text .field-items > div:nth-child(2) {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    margin: -1.5rem auto 0 !important;
    font-size: 3rem !important;
    letter-spacing: 0.35rem !important;
    opacity: 0.35 !important;
    -webkit-text-stroke: 2px #000 !important;
    font-weight: 400 !important;
    max-width: 100% !important;
    text-align: center !important;
  }
}

@media (max-width: 767.98px) {
  .slide-carousel .owl-item.active .field.field-field-pre-heading-text .field-items > .field-item:nth-child(2),
  .slide-carousel .owl-item.active .field.field-field-pre-heading-text .field-items > div:nth-child(2),
  .slide-carousel .owl-item.active .pre-heading-text .field-item.animate__jello,
  .slide-carousel .owl-item.active .field-field-pre-heading-text .animate__jello,
  .hero.slide-carousel:not(.owl-loaded) > .node--type-slide:first-child .field.field-field-pre-heading-text .field-items > .field-item:nth-child(2),
  .hero.slide-carousel:not(.owl-loaded) > .node--type-slide:first-child .field.field-field-pre-heading-text .field-items > div:nth-child(2) {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    margin: -0.3rem auto 0 !important;
    letter-spacing: 0.05rem !important;
    opacity: 0.35 !important;
    -webkit-text-stroke: 0.4px #000 !important;
    font-weight: 400 !important;
    max-width: 100% !important;
    text-align: center !important;
  }
}
.slide-carousel .slide-carousel-hero .slide-content-wrap,
.hero.slide-carousel .slide-carousel-hero .slide-content-wrap,
#wrapper .slide-carousel .slide-content-wrap {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 0.75rem 1rem !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 3 !important;
}
.slide-carousel .container.slide-wrap,
.slide-carousel .slide-carousel-hero .container.slide-wrap,
.hero.slide-carousel .container.slide-wrap,
#wrapper .slide-carousel .container.slide-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  height: auto !important;
  max-height: 100% !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  position: relative !important;
  box-sizing: border-box !important;
}
.slide-carousel .slide-content,
.slide-carousel .slide-content-main,
.slide-carousel .slide-content-main.float-center,
.slide-carousel .slide-content-main.text-left,
.slide-carousel .slide-content-main.text-center,
.slide-carousel .slide-content-main.float-center.text-left,
.slide-carousel .slide-content-main.float-center.text-center,
#wrapper .slide-carousel .slide-content-main {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
}

.slide-carousel .pre-heading-text,
.slide-carousel .pre-heading-text--carousel,
.slide-carousel .heading-text,
.slide-carousel .slide-content-body,
.slide-carousel .pre-heading-text .field-items,
.slide-carousel .heading-text .field-item,
.slide-carousel .heading-text .heading-text-content,
.slide-carousel .slide-content-body p,
.slide-carousel .slide-content-body .field-item,
#wrapper .slide-carousel .pre-heading-text,
#wrapper .slide-carousel .heading-text {
  text-align: center !important;
  width: 100% !important;
  max-width: 36rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  box-sizing: border-box !important;
}
.slide-carousel .pre-heading-text .field-items > .field-item:first-child,
.slide-carousel .pre-heading-text .field-items > div:first-child {
  text-align: center !important;
  width: 100% !important;
  max-width: 36rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  box-sizing: border-box !important;
}
.slide-carousel .pre-heading-text .field-items,
.slide-carousel .pre-heading-text--carousel .field-items {
  display: block !important;
  position: static !important;
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
  min-height: 1.2em !important;
}
.slide-carousel .pre-heading-text .field-items > .field-item:nth-child(2),
.slide-carousel .pre-heading-text .field-items > div:nth-child(2),
.slide-carousel .pre-heading-text .field-item.animate__animated,
.slide-carousel .pre-heading-text .field-item.animate__jello,
.slide-carousel .field-field-pre-heading-text .field-item:nth-child(2) {
  -webkit-animation-name: jello !important;
  animation-name: jello !important;
  -webkit-animation-duration: 2s !important;
  animation-duration: 2s !important;
  -webkit-animation-delay: 2s !important;
  animation-delay: 2s !important;
  -webkit-animation-timing-function: ease-in-out !important;
  animation-timing-function: ease-in-out !important;
  -webkit-animation-iteration-count: infinite !important;
  animation-iteration-count: infinite !important;
  -webkit-animation-fill-mode: both !important;
  animation-fill-mode: both !important;
}

.slide-carousel .slide-button,
.slide-carousel .nav.menu.alt-button.mt-4.slide-button,
#wrapper .slide-carousel .slide-button {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.slide-carousel a.button.slide-button-link {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 767.98px) {
  .slide-carousel .slide-carousel-hero .slide-content-wrap,
  .hero.slide-carousel .slide-content-wrap {
    padding: 0.55rem 0.85rem !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .slide-carousel .container.slide-wrap {
    max-width: 100% !important;
    height: 100% !important;
  }

  .slide-carousel .slide-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  .slide-carousel .slide-content-main,
  .slide-carousel .slide-content-main.float-center.text-left,
  .slide-carousel .slide-content-main.float-center.text-center {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    align-items: center !important;
  }
}
.slide-carousel .owl-item.active .slide-carousel-hero .slide-content-wrap,
.hero.slide-carousel:not(.owl-loaded) > .node--type-slide:first-child .slide-carousel-hero .slide-content-wrap {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
}

.slide-carousel .owl-item.active .slide-carousel-hero .container.slide-wrap,
.slide-carousel .owl-item.active .slide-carousel-hero .slide-content,
.slide-carousel .owl-item.active .slide-carousel-hero .slide-content-main {
  position: static !important;
}

.slide-carousel .owl-item.active .field.field-field-pre-heading-text .field-items > .field-item:nth-child(2),
.slide-carousel .owl-item.active .field.field-field-pre-heading-text .field-items > div:nth-child(2) {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
@media (max-width: 767.98px) {
  .slide-carousel .owl-item.active .field.field-field-pre-heading-text .field-items > .field-item:nth-child(2),
  .slide-carousel .owl-item.active .field.field-field-pre-heading-text .field-items > div:nth-child(2),
  .slide-carousel .owl-item.active .pre-heading-text .field-item.animate__jello,
  .slide-carousel .owl-item.active .field-field-pre-heading-text .animate__jello,
  .hero.slide-carousel:not(.owl-loaded) > .node--type-slide:first-child .field.field-field-pre-heading-text .field-items > .field-item:nth-child(2),
  .hero.slide-carousel:not(.owl-loaded) > .node--type-slide:first-child .field.field-field-pre-heading-text .field-items > div:nth-child(2) {
    margin-top: -0.3rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    letter-spacing: 0.05rem !important;
    -webkit-text-stroke: 0.4px #000 !important;
  }
}

:where(#wrapper) .jd-account-menu {
  --jd-account-deep: #3b0a5c;
  --jd-account-purple: #6817aa;
  --jd-account-bright: #8d3bd1;
  --jd-account-violet: #a855f7;
  --jd-account-lilac: #ead7ff;
  --jd-account-soft: #f7efff;
  --jd-account-ink: #1a0924;
  --jd-account-panel: #16071f;
  --jd-account-panel-2: #250b34;
  --jd-account-border: rgba(207, 146, 255, 0.42);
  --jd-account-panel-top: 4rem;

  display: inline-block;
  position: relative;
  width: auto;
  z-index: 90;
}

:where(#wrapper) .jd-account-menu__inner {
  position: relative;
  width: auto;
}

:where(#wrapper) .jd-account-menu__trigger {
  appearance: none;
  align-items: center;

  background: linear-gradient(
    135deg,
    #a45ae2 0%,
    var(--jd-account-bright) 35%,
    var(--jd-account-purple) 68%,
    var(--jd-account-deep) 100%
  ) !important;

  border: 2px solid #16031f !important;
  border-radius: 999px !important;

  box-shadow:
    0 2px 0 rgba(0, 0, 0, 0.9),
    0 8px 22px rgba(59, 10, 92, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;

  color: #fff !important;
  cursor: pointer;

  display: inline-flex !important;

  font: inherit;
  font-size: 0.94rem;
  font-weight: 800;

  gap: 0.5rem;
  justify-content: center;

  line-height: 1.2;

  margin: 0 !important;

  min-height: 44px;
  min-width: 44px;

  padding: 0.38rem 0.82rem 0.42rem 0.48rem !important;

  position: relative;

  text-align: center;
  text-decoration: none;
  text-shadow: none !important;

  transform: translateY(0);

  transition:
    background 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;

  white-space: nowrap;
}

:where(#wrapper) .jd-account-menu__trigger:hover,
:where(#wrapper) .jd-account-menu__trigger[aria-expanded="true"] {
  background: linear-gradient(
    135deg,
    #b868f1 0%,
    #9b4cdb 36%,
    #7420b8 68%,
    #4a0d76 100%
  ) !important;

  border-color: #16031f !important;

  box-shadow:
    0 2px 0 rgba(0, 0, 0, 0.9),
    0 11px 26px rgba(59, 10, 92, 0.38),
    0 0 0 3px rgba(168, 85, 247, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;

  color: #fff !important;
  transform: translateY(-1px);
}

:where(#wrapper) .jd-account-menu__trigger:active {
  box-shadow:
    0 1px 0 #000,
    0 5px 12px rgba(59, 10, 92, 0.25) !important;

  transform: translateY(1px);
}

:where(#wrapper) .jd-account-menu__trigger:focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: 2px;
}

:where(#wrapper) .jd-account-menu__icon {
  background: rgba(255, 255, 255, 0.13) !important;

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

  box-sizing: content-box !important;

  fill: none !important;

  flex: 0 0 1.1rem !important;

  height: 1.1rem !important;
  width: 1.1rem !important;

  margin: 0 !important;
  padding: 0.27rem !important;

  scale: none !important;

  stroke: currentColor !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 2.1 !important;

  transform: none !important;
}

:where(#wrapper) .jd-account-menu__icon path {
  fill: none !important;
  scale: none !important;
  transform: none !important;
}

:where(#wrapper) .jd-account-menu__label {
  margin: 0 !important;
}

:where(#wrapper) .jd-account-menu__chevron {
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;

  flex: 0 0 auto;

  height: 0.4rem;
  width: 0.4rem;

  margin: -0.15rem 0.05rem 0 0;

  transform: rotate(45deg);

  transition: transform 160ms ease;
}

:where(#wrapper)
  .jd-account-menu__trigger[aria-expanded="true"]
  .jd-account-menu__chevron {
  margin-top: 0.15rem;
  transform: rotate(225deg);
}

:where(#wrapper) .jd-account-menu__panel {
  background: linear-gradient(
    160deg,
    #260b36 0%,
    #1b0826 42%,
    #120619 100%
  ) !important;

  border: 2px solid #1b0325 !important;
  border-radius: 1.15rem !important;

  box-shadow:
    0 5px 0 rgba(18, 2, 26, 0.92),
    0 20px 50px rgba(45, 6, 71, 0.42),
    0 0 32px rgba(141, 59, 209, 0.14) !important;

  color: #fff !important;

  max-height: min(30rem, calc(100vh - 6rem));
  max-height: min(30rem, calc(100dvh - 6rem));

  max-width: calc(100vw - 2rem);

  overflow: hidden auto !important;

  padding: 0 !important;

  position: absolute;

  right: 0;
  top: calc(100% + 0.65rem);

  width: clamp(21rem, 27vw, 24rem) !important;

  z-index: 91;
}

:where(#wrapper) .jd-account-menu__panel::before {
  background: #55147a;

  border-left: 2px solid #1b0325;
  border-top: 2px solid #1b0325;

  content: "";

  height: 0.8rem;
  width: 0.8rem;

  position: absolute;

  right: 1.35rem;
  top: -0.5rem;

  transform: rotate(45deg);

  z-index: 3;
}

:where(#wrapper) .jd-account-menu__panel[hidden] {
  display: none !important;
}

:where(#wrapper) .jd-account-menu__panel-header {
  align-items: center !important;

  background:
    radial-gradient(
      circle at 8% 0%,
      rgba(215, 157, 255, 0.26),
      transparent 42%
    ),
    radial-gradient(
      circle at 92% 110%,
      rgba(168, 85, 247, 0.18),
      transparent 48%
    ),
    linear-gradient(
      135deg,
      #5d1a84 0%,
      #43125f 47%,
      #2d0b40 100%
    ) !important;

  border-bottom:
    1px solid rgba(215, 157, 255, 0.28) !important;

  display: flex !important;

  gap: 0.9rem !important;

  min-height: 96px;

  overflow: hidden;

  padding: 1.25rem 1.35rem !important;

  position: relative;
}

:where(#wrapper) .jd-account-menu__panel-header::after {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(213, 163, 255, 0.84),
    transparent
  );

  bottom: 0;

  content: "";

  height: 1px;

  left: 1.2rem;
  right: 1.2rem;

  position: absolute;
}

:where(#wrapper) .jd-account-menu__panel-icon {
  align-items: center !important;

  background: linear-gradient(
    145deg,
    rgba(190, 111, 255, 0.24),
    rgba(96, 28, 139, 0.3)
  ) !important;

  border: 1px solid rgba(218, 170, 255, 0.34) !important;
  border-radius: 0.9rem !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 7px 18px rgba(49, 6, 72, 0.26) !important;

  color: #fff !important;

  display: flex !important;

  flex: 0 0 3rem !important;

  height: 3rem !important;
  width: 3rem !important;

  max-height: 3rem !important;
  max-width: 3rem !important;

  min-height: 3rem !important;
  min-width: 3rem !important;

  justify-content: center !important;

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

  position: relative;

  z-index: 1;
}

:where(#wrapper) .jd-account-menu__panel-icon svg {
  background: none !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  display: block !important;

  fill: none !important;

  flex: 0 0 1.45rem !important;

  height: 1.45rem !important;
  width: 1.45rem !important;

  max-height: 1.45rem !important;
  max-width: 1.45rem !important;

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

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

  scale: none !important;

  stroke: currentColor !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 1.9 !important;

  transform: none !important;
}

:where(#wrapper) .jd-account-menu__panel-icon svg path {
  fill: none !important;
  scale: none !important;
  transform: none !important;
}

:where(#wrapper) .jd-account-menu__panel-heading {
  display: flex !important;
  flex: 1 1 auto;

  flex-direction: column !important;
  justify-content: center;

  min-width: 0;

  position: relative;

  z-index: 1;
}

:where(#wrapper) .jd-account-menu__eyebrow {
  color: #fff !important;

  display: block !important;

  font-size: 0.82rem !important;
  font-weight: 800 !important;

  letter-spacing: 0.065em !important;
  line-height: 1.3 !important;

  margin: 0 0 0.25rem !important;

  text-transform: uppercase !important;
}

:where(#wrapper) .jd-account-menu__panel-description {
  color: #ead8f8 !important;

  display: block !important;

  font-size: 0.82rem !important;
  font-weight: 400 !important;

  line-height: 1.4 !important;

  margin: 0 !important;
}

:where(#wrapper) .jd-account-menu__links {
  background: linear-gradient(
    180deg,
    rgba(136, 52, 190, 0.11),
    rgba(62, 16, 85, 0.04) 65%,
    transparent 100%
  ) !important;

  display: block !important;

  padding: 0.85rem !important;
}

:where(#wrapper)
  .header-top.dark-header-top
  .jd-account-menu__links ul,
:where(#wrapper) .jd-account-menu__links ul,
:where(#wrapper) .jd-account-menu__links ul.menu,
:where(#wrapper) .jd-account-menu__links .menu,
#wrapper
  .header
  .jd-account-menu__links
  > ul.nav.menu.menu-parent {

  align-items: stretch !important;

  background: transparent !important;

  display: grid !important;

  float: none !important;

  gap: 0.65rem !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  list-style: none !important;

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

  width: 100% !important;
}

:where(#wrapper)
  .header-top.dark-header-top
  .jd-account-menu__links
  li.menu-item,
:where(#wrapper) .jd-account-menu__links li,
:where(#wrapper) .jd-account-menu__links li.menu-item,
:where(#wrapper) .jd-account-menu__links .menu-item,
#wrapper
  .header
  .jd-account-menu__links
  > ul.nav.menu.menu-parent
  > li.menu-item {

  background: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;

  display: block !important;

  flex: none !important;
  float: none !important;

  list-style: none !important;

  margin: 0 !important;

  max-width: none !important;
  min-width: 0 !important;

  padding: 0 !important;

  width: 100% !important;
}

:where(#wrapper)
  .jd-account-menu__links
  li:last-child:nth-child(odd),
:where(#wrapper)
  .jd-account-menu__links
  .menu-item:last-child:nth-child(odd) {

  grid-column: 1 / -1 !important;

  justify-self: center !important;

  width: calc(50% - 0.325rem) !important;
}

:where(#wrapper)
  .header-top.dark-header-top
  .jd-account-menu__links a,
:where(#wrapper) .jd-account-menu__links a,
:where(#wrapper) .jd-account-menu__links li a,
:where(#wrapper) .jd-account-menu__links .menu-item a {

  align-items: center !important;

  background: linear-gradient(
    145deg,
    rgba(120, 43, 172, 0.5),
    rgba(70, 20, 100, 0.48)
  ) !important;

  border: 1px solid rgba(197, 126, 247, 0.3) !important;
  border-radius: 0.82rem !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 5px 14px rgba(37, 4, 54, 0.16) !important;

  box-sizing: border-box !important;

  color: #f9efff !important;

  display: flex !important;

  font-size: 0.95rem !important;
  font-weight: 700 !important;

  gap: 0 !important;

  justify-content: center !important;

  line-height: 1.25 !important;

  margin: 0 !important;

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

  padding: 0.7rem 0.85rem !important;

  text-align: center !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  text-shadow: none !important;

  transform: none;

  transition:
    background 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    color 160ms ease,
    transform 160ms ease;

  white-space: normal !important;

  width: 100% !important;
}

:where(#wrapper) .jd-account-menu__links a::before,
:where(#wrapper) .jd-account-menu__links a::after {
  content: none !important;
  display: none !important;
}

:where(#wrapper)
  .header-top.dark-header-top
  .jd-account-menu__links a:hover,
:where(#wrapper)
  .header-top.dark-header-top
  .jd-account-menu__links a:focus-visible,
:where(#wrapper) .jd-account-menu__links a:hover,
:where(#wrapper) .jd-account-menu__links a:focus-visible {

  background: linear-gradient(
    135deg,
    #9147ce 0%,
    #6a2798 100%
  ) !important;

  border-color:
    rgba(220, 163, 255, 0.72) !important;

  box-shadow:
    0 8px 20px rgba(78, 14, 117, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;

  color: #fff !important;

  outline: none !important;

  text-decoration: none !important;

  transform: translateY(-2px);
}

:where(#wrapper)
  .jd-account-menu__links a:focus-visible {

  outline: 2px solid #e0b6ff !important;
  outline-offset: 2px !important;
}

:where(#wrapper)
  .jd-account-menu__links a.is-active,
:where(#wrapper)
  .jd-account-menu__links li.active > a,
:where(#wrapper)
  .jd-account-menu__links
  .menu-item--active-trail > a {

  background: linear-gradient(
    135deg,
    #a050df 0%,
    #762cab 100%
  ) !important;

  border-color:
    rgba(225, 174, 255, 0.78) !important;

  box-shadow:
    0 7px 20px rgba(102, 30, 151, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;

  color: #fff !important;
}

:where(#wrapper)
  .jd-account-menu__links li:last-child a,
:where(#wrapper)
  .jd-account-menu__links .menu-item:last-child a {

  background: linear-gradient(
    145deg,
    rgba(102, 31, 145, 0.4),
    rgba(59, 15, 84, 0.42)
  ) !important;

  border-color:
    rgba(190, 112, 247, 0.25) !important;

  color: #edd5ff !important;
}

:where(#wrapper)
  .jd-account-menu__links li:last-child a:hover,
:where(#wrapper)
  .jd-account-menu__links li:last-child a:focus-visible,
:where(#wrapper)
  .jd-account-menu__links .menu-item:last-child a:hover,
:where(#wrapper)
  .jd-account-menu__links .menu-item:last-child a:focus-visible {

  background: linear-gradient(
    135deg,
    #863ec0 0%,
    #5d2186 100%
  ) !important;

  border-color:
    rgba(216, 157, 255, 0.62) !important;

  color: #fff !important;
}

@media (max-width: 991.98px) {

  :where(#wrapper) .jd-account-menu__trigger {
    min-height: 44px;
  }

  :where(#wrapper) .jd-account-menu__panel {
    bottom: auto;

    left:
      max(0.75rem, env(safe-area-inset-left));

    max-height:
      calc(
        100vh -
        var(--jd-account-panel-top) -
        0.75rem
      );

    max-height:
      calc(
        100dvh -
        var(--jd-account-panel-top) -
        0.75rem
      );

    max-width: none;

    position: fixed;

    right:
      max(0.75rem, env(safe-area-inset-right));

    top: var(--jd-account-menu-panel-top, 5.5rem) !important;

    width: auto !important;
  }

  :where(#wrapper)
    .jd-account-menu__panel::before {
    display: none;
  }
}

@media (max-width: 480px) {

  :where(#wrapper)
    .jd-account-menu__panel-header {

    gap: 0.75rem !important;

    min-height: 88px;

    padding: 1rem !important;
  }

  :where(#wrapper)
    .jd-account-menu__panel-icon {

    flex-basis: 2.75rem !important;

    height: 2.75rem !important;
    width: 2.75rem !important;

    max-height: 2.75rem !important;
    max-width: 2.75rem !important;

    min-height: 2.75rem !important;
    min-width: 2.75rem !important;
  }

  :where(#wrapper)
    .jd-account-menu__eyebrow {

    font-size: 0.75rem !important;
  }

  :where(#wrapper)
    .jd-account-menu__panel-description {

    font-size: 0.78rem !important;
  }

  :where(#wrapper)
    .jd-account-menu__links {

    padding: 0.7rem !important;
  }

  :where(#wrapper)
    .jd-account-menu__links ul,
  :where(#wrapper)
    .jd-account-menu__links ul.menu,
  :where(#wrapper)
    .jd-account-menu__links .menu,
  #wrapper
    .header
    .jd-account-menu__links
    > ul.nav.menu.menu-parent {

    gap: 0.5rem !important;
  }

  :where(#wrapper)
    .jd-account-menu__links a {

    font-size: 0.88rem !important;

    min-height: 50px !important;

    padding: 0.62rem 0.55rem !important;
  }

  :where(#wrapper)
    .jd-account-menu__links
    li:last-child:nth-child(odd),
  :where(#wrapper)
    .jd-account-menu__links
    .menu-item:last-child:nth-child(odd) {

    width: calc(50% - 0.25rem) !important;
  }
}

@media (prefers-reduced-motion: reduce) {

  :where(#wrapper) .jd-account-menu__trigger,
  :where(#wrapper) .jd-account-menu__chevron,
  :where(#wrapper) .jd-account-menu__links a {
    transition: none !important;
  }
}
header.header,
.header,
.header-top,
.header-wrap,
.header-menu,
.header-center,
.navbar.header-center,
.layout-wrap > header {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
  overflow: visible !important;
}
.header-wrap .navbar.header-center,
.navbar-brand,
.region-branding,
.site-branding,
.brand.logo {
  display: block !important;
  visibility: visible !important;
}

.header-main-wrap {
  display: flex !important;
  align-items: center !important;
  visibility: visible !important;
}
@media (min-width: 768px) {
  .header-main,
  .header-right {
    display: block !important;
    visibility: visible !important;
  }
  .header-right-wrap {
    display: flex !important;
    visibility: visible !important;
  }
  .nav-button.navbar-toggler {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .header-main,
  .header-item.header-main {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
  }
  .navbar-toggler.nav-button {
    display: inline-block !important;
    visibility: visible !important;
    z-index: 1001 !important;
  }
}
.header-menu,
.header-menu .nav-menu,
.navbar.nav-menu,
#main-menu,
#main-menu.navbar-collapse,
.primary-menu,
.region-main-menu,
.main-menu-wrap,
.mega-menu {
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
}
.header-menu .nav-menu,
.navbar.nav-menu,
.primary-menu,
#main-menu.primary-menu {
  background-color: #3b0a5c !important;
  background: #3b0a5c !important;
}
@media (min-width: 768px) {
  #main-menu.navbar-collapse,
  .navbar-expand-md .navbar-collapse,
  .navbar-expand-md #main-menu {
    display: flex !important;
    flex-basis: auto !important;
    height: auto !important;
  }
}
@media (max-width: 767.98px) {
  #main-menu.navbar-collapse.collapse:not(.show) {
    display: none !important;
  }
  #main-menu.navbar-collapse.collapse.show,
  #main-menu.navbar-collapse.show {
    display: block !important;
    background-color: #3b0a5c !important;
    background: #3b0a5c !important;
    padding: 0.5rem 0 !important;
    color: #ffffff !important;
  }
  #main-menu.navbar-collapse.show .menu-item,
  #main-menu.show .menu-item {
    background: transparent !important;
    background-color: transparent !important;
  }
  #main-menu.navbar-collapse.show a,
  #main-menu.show a {
    color: #ffffff !important;
  }
  .navbar-toggler.nav-button,
  button.navbar-toggler.nav-button {
    background: #3b0a5c !important;
    background-color: #3b0a5c !important;
    border: 2px solid #000 !important;
    transform: none !important;
  }
  .navbar-toggler.nav-button i,
  .navbar-toggler.nav-button [class*="ti-"] {
    color: #ffffff !important;
  }
  button.navbar-toggler.nav-button[aria-expanded="true"],
  button.navbar-toggler.nav-button[aria-expanded="false"] {
    transform: none !important;
  }
}
.header-menu .collapse,
.primary-menu.collapse,
#main-menu {
  color: #ffffff !important;
}
.header-menu a,
.primary-menu a,
#main-menu a,
.mega-menu > ul > li > a,
.main-menu .menu-item a,
.region-main-menu .menu a {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

.header-menu .menu-item,
.primary-menu .menu-item,
#main-menu .menu-item {
  display: list-item !important;
  visibility: visible !important;
}

.mega-menu > ul {
  display: flex !important;
  flex-wrap: wrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0.35rem 0.75rem !important;
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 767.98px) {
  .mega-menu > ul {
    display: block !important;
  }
  .mega-menu > ul > li > a {
    color: #ffffff !important;
    padding: 0.65rem 1rem !important;
  }
}
.container-wrap.clearfix.mega-menu.main-menu-wrap,
.container-wrap.clearfix.menu-wrap {
  max-width: 100% !important;
  width: 100% !important;
}
.layout-wrap {
  overflow: visible !important;
}
footer.footer,
#footer,
.footer,
.footer-bottom,
.region-footer-bottom-first,
.jd-site-footer,
.jd-footer__grid {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
}

footer.footer,
#footer.footer {
  background-color: #19212c !important;
  color: #ffffff !important;
}

.footer .text-light,
.footer.text-light,
.footer.text-light *,
.jd-site-footer,
.jd-site-footer *,
.jd-footer__grid,
.jd-footer__grid *,
.footer-bottom,
.footer-bottom * {
  color: #ffffff !important;
}

.footer a,
.jd-site-footer a,
.footer-bottom a {
  color: #f3e8ff !important;
  text-decoration: underline;
}
.header-top.dark-header-top {
  display: block !important;
  visibility: visible !important;
  background-color: #6716aa !important;
  color: #fff !important;
}
.header-top.dark-header-top * {
  color: #fff;
}
.header-item.header-main,
.header-main,
.region-header,
.header-main-wrap {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
  overflow: visible !important;
}
@media (min-width: 768px) {
  .header-main-wrap {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
}
@media (max-width: 767.98px) {
  .header-main-wrap,
  .header-item.header-main,
  .header-main,
  .region-header {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    min-width: 0 !important;
  }
}
.header-item.header-right,
.header-right,
.header-right-wrap {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#block-call-to-order,
#block-call-to-order .container-wrap,
#block-call-to-order .block-content,
#block-call-to-order .field-item,
#block-call-to-order *,
#block-call-to-order p,
#block-call-to-order strong,
#block-call-to-order a {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#block-call-to-order,
#block-call-to-order .container-wrap,
#block-call-to-order .block-content,
#block-call-to-order .field-item {
  text-align: center !important;
}
#block-call-to-order .field-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.15rem !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 !important;
}
#block-call-to-order p,
#block-call-to-order p.call-phone {
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  width: 100% !important;
  color: #ffffff !important;
}
#block-call-to-order strong.text-sm,
#block-call-to-order .text-sm {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}
#block-call-to-order a.call-phone-link,
#block-call-to-order .call-phone a {
  display: block !important;
  text-align: center !important;
  margin: 0 auto !important;
  width: auto !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}

.header-item.header-right {
  text-align: center !important;
}

@media (min-width: 768px) {
  .header-right-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }
  .header-item.header-right {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .header-info .header-info-container {
    justify-content: center !important;
    align-items: center !important;
  }
}
.header-info,
.header-info .header-info-container {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 100% !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 0.35rem 1.25rem;
}

.header-info .header-info-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  margin-left: 0 !important;
  max-width: 100%;
}

.header-info .header-info-item i {
  display: inline-block !important;
  font-size: 22px !important;
  margin-right: 10px !important;
  color: #fff !important;
  flex: 0 0 auto;
}

.header-info .header-info-desc {
  display: block !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

.header-info .header-info-desc span,
.header-info .header-info-desc strong,
.header-info .header-info-desc a {
  display: block !important;
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.45) !important;
}

.header-info .header-info-desc a.header-info-phone {
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
}

.header-info .header-info-desc a.header-info-phone:hover {
  text-decoration: underline !important;
}
.navbar.header-center {
  overflow: visible !important;
}
.navbar.header-center > .container {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  box-sizing: border-box !important;
}
@media (max-width: 767.98px) {
  .navbar.header-center > .container {
    justify-content: flex-start !important;
    align-items: center !important;
    position: relative !important;
    padding: 0.5rem 1rem !important;
    box-sizing: border-box !important;
  }

  .header-side.navbar-brand {
    width: auto !important;
    max-width: calc(100% - 5.75rem) !important;
    flex: 1 1 auto !important;
    order: 1 !important;
    text-align: left !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 5.5rem 0 0 !important;
  }
  #block-martis-branding .container-wrap,
  .site-branding .container-wrap,
  .site-branding {
    justify-content: flex-start !important;
    text-align: left !important;
  }
  .header-item.header-main,
  .header-main,
  .header-main-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    order: 2 !important;
    margin: 0.15rem 0 0 !important;
    padding: 0.25rem 0 !important;
    text-align: left !important;
  }
  .header-right-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    order: 3 !important;
    margin: 0.15rem 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: static !important;
  }
  .header-item.header-right,
  .header-right {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  .header-element {
    position: absolute !important;
    top: 0.5rem !important;
    right: 1rem !important;
    z-index: 30 !important;
  }
  #block-call-to-order {
    width: 100% !important;
    margin: 0 auto !important;
  }
  #block-call-to-order strong.text-sm,
  #block-call-to-order .text-sm {
    font-size: 0.7rem !important;
  }
  #block-call-to-order a.call-phone-link {
    font-size: 1.15rem !important;
  }
  .header-info .header-info-item--phone {
    display: none !important;
  }

  .header-info {
    width: 100% !important;
    margin: 0 !important;
  }
  .header-info .header-info-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 0.5rem 0.75rem !important;
    width: 100% !important;
  }
  .header-info .header-info-item {
    margin: 0 !important;
  }
  .header-info .header-info-item--location {
    flex: 1 1 auto !important;
    max-width: 58% !important;
    justify-content: flex-start !important;
  }
  .header-info .header-info-item--hours {
    flex: 0 1 auto !important;
    max-width: 42% !important;
    justify-content: flex-end !important;
  }
  .header-info .header-info-item--location .header-info-desc {
    text-align: left !important;
  }
  .header-info .header-info-item--hours .header-info-desc {
    text-align: right !important;
  }
  .header-info .header-info-desc {
    font-size: 0.72rem !important;
    line-height: 1.3 !important;
  }
  .header-info .header-info-desc span,
  .header-info .header-info-desc strong {
    display: block !important;
  }
}
@media (max-width: 767.98px) {
  .header-main,
  .header-item.header-main {
    display: block !important;
  }
}
@media (max-width: 767.98px) {
  .header .header-element .navbar-toggler.nav-button,
  button.navbar-toggler.nav-button,
  .navbar-toggler.nav-button.collapsed,
  .navbar-toggler.nav-button[aria-expanded="true"],
  .navbar-toggler.nav-button[aria-expanded="false"] {
    background: #3b0a5c !important;
    background-color: #3b0a5c !important;
    border: 2px solid #000 !important;
    color: #ffffff !important;
    transform: none !important;
    -webkit-transform: none !important;
    top: auto !important;
    margin-top: 0 !important;
  }
  .navbar-toggler.nav-button i,
  .navbar-toggler.nav-button .ti-menu,
  .navbar-toggler.nav-button [class*="ti-"],
  .header .header-element .navbar-toggler.nav-button i {
    color: #ffffff !important;
  }
  #main-menu.collapse.show,
  #main-menu.show,
  .header #main-menu.collapse.show,
  .header #main-menu.show,
  #main-menu.navbar-collapse.collapse.show {
    display: block !important;
    background: #3b0a5c !important;
    background-color: #3b0a5c !important;
    color: #ffffff !important;
    padding: 0.5rem 0.75rem 0.75rem !important;
  }
  #main-menu.show .primary-menu,
  #main-menu.show .mega-menu,
  #main-menu.show .mega-menu > ul,
  #main-menu.show ul.menu.menu-parent,
  #main-menu.show .nav.menu.menu-parent,
  #block-martis-main-menu ul.nav.menu.menu-parent {
    background: transparent !important;
    background-color: transparent !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #main-menu.show .menu-item,
  #main-menu.collapse.show .menu-item,
  #main-menu.show li.menu-item,
  #main-menu .menu-item,
  #block-martis-main-menu .menu-item {
    background: transparent !important;
    background-color: transparent !important;
    border-bottom: 0 !important;
    list-style: none !important;
    margin: 0 0 0.4rem !important;
    padding: 0 !important;
    width: 100% !important;
  }
  #wrapper #main-menu.show a,
  #wrapper .header #main-menu.show .mega-menu > ul > li > a,
  #wrapper .header #main-menu.show .main-menu .nav > li > a,
  #wrapper .header #main-menu.show a,
  #main-menu.show .mega-menu > ul > li > a,
  #main-menu.show .main-menu .nav > li > a,
  #main-menu.show a,
  #main-menu.show .menu-item a,
  #block-martis-main-menu .menu-item a {
    color: #ffffff !important;
    background-color: #b781e3 !important;
    background: #b781e3 !important;
    border-radius: 10px !important;
    border: 2px solid #000 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0.65rem 1rem !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-decoration: none !important;
    font-weight: 600 !important;
  }
  #main-menu.show .menu-item--active-trail > a,
  #main-menu.show li.menu-item--active-trail > a,
  #main-menu.show .menu-item--active-trail a.is-active,
  #main-menu.show a.is-active,
  #block-martis-main-menu .menu-item--active-trail > a,
  #block-martis-main-menu a.is-active {
    background-color: #c9a0e8 !important;
    background: #c9a0e8 !important;
    color: white !important;
    -webkit-text-fill-color: white !important;
    border-color: #000 !important;
  }
  #main-menu.show a:hover,
  #main-menu.show a:focus,
  #block-martis-main-menu .menu-item a:hover,
  #block-martis-main-menu .menu-item a:focus {
    background-color: #c9a0e8 !important;
    background: #c9a0e8 !important;
    color: #ffffff !important;
    text-decoration: none !important;
  }
  .slide-carousel .slide-content-wrap,
  .slide-carousel .slide-carousel-hero .slide-content-wrap,
  .slide-carousel .container.slide-wrap,
  .slide-carousel .slide-carousel-hero .container.slide-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .slide-carousel .slide-content,
  .slide-carousel .slide-carousel-hero .slide-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  .slide-carousel .slide-content-main,
  .slide-carousel .slide-carousel-hero .slide-content-main,
  .slide-carousel .slide-content-main.float-center,
  .slide-carousel .slide-content-main.float-center.text-left,
  .slide-carousel .slide-content-main.text-left {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: auto !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    overflow: visible !important;
  }
  .slide-carousel .slide-content-wrap .field-items,
  .slide-carousel .slide-content-wrap .field-item,
  .slide-carousel .heading-text .field-item,
  .slide-carousel .pre-heading-text .field-item {
    text-align: center !important;
  }
}
button.navbar-toggler.nav-button::before,
button.navbar-toggler.nav-button::after,
.navbar-toggler.nav-button::before,
.navbar-toggler.nav-button::after,
.header .header-element .navbar-toggler.nav-button::before,
.header .header-element .navbar-toggler.nav-button::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  border: 0 !important;
}
@media (max-width: 767.98px) {
  .header .header-element .navbar-toggler.nav-button i.ti-menu,
  .header .header-element .navbar-toggler.nav-button .ti-menu,
  button.navbar-toggler.nav-button i.ti-menu {
    font-size: 1.05rem !important;
    line-height: 1 !important;
  }
  .header .header-element .navbar-toggler.nav-button i.ti-menu::before,
  button.navbar-toggler.nav-button i.ti-menu::before {
    content: "\e68e" !important;
    display: block !important;
    font-size: inherit !important;
  }
}
.header-top a.account-icon,
.header-top a.dropdown-toggle.header-icon.account-icon,
.header-top.dark-header-top a.account-icon,
.path-frontpage .header-top a.account-icon,
body .header-top a.dropdown-toggle.header-icon.account-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.3rem !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  padding: 0.12rem 0.55rem !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}
.header-top a.account-icon::after,
.header-top a.dropdown-toggle.header-icon.account-icon::after,
.header-top.dark-header-top a.account-icon::after,
body .header-top a.dropdown-toggle.header-icon.account-icon::after {
  position: static !important;
  display: inline-block !important;
  margin: -4px 0 0 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  transform: rotate(45deg) !important;
  -webkit-transform: rotate(45deg) !important;
  width: 0.38rem !important;
  height: 0.38rem !important;
  border-style: solid !important;
  border-width: 0 1.5px 1.5px 0 !important;
  border-color: currentColor !important;
  vertical-align: middle !important;
  content: "" !important;
  flex: 0 0 auto !important;
}
@media (max-width: 767.98px) {
  .header-top #block-clearance-sales,
  .header-top div#block-clearance-sales,
  .header-top #block-clearance-sales .field-item,
  .header-top #block-clearance-sales p,
  .header-top .header-top-first {
    text-align: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
.header-top #block-clearance-sales p,
.header-top.dark-header-top #block-clearance-sales p,
header.header #block-clearance-sales p,
div#block-clearance-sales p {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 1rem !important;
  text-align: center !important;
}
header.header div#block-clearance-sales,
.header-top div#block-clearance-sales {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (max-width: 767.98px) {
    .header-menu {
        margin-left: 0;
        margin-right: 0;
    }
    .mega-menu > ul > li {
        width: 100%;
        display: block;
        margin-top: unset;
        margin-bottom: unset;
    }
    .navbar.navbar-expand-md.nav-menu {
        margin-right: 0;
        max-width: 100%;
    }
    .mega-menu {
        text-indent: 1px;
    }
    .mega-menu > ul > li a:hover {
        text-decoration: underline;
    }
    button.navbar-toggler.nav-button[aria-expanded="true"],
    button.navbar-toggler.nav-button[aria-expanded="false"],
    button.navbar-toggler.nav-button {
        transform: none !important;
        padding-top: 0 !important;
        transition: background-color 0.15s ease, border-color 0.15s ease;
    }

    div#user-account-block-wrap li.menu-item {
        border-bottom: 0;
    }
    footer.footer .row.justify-content-center {
        width: 100%;
        margin-bottom: -25px;
    }
    .col-5.text-center {
        padding-right: 10px;
        padding-left: 10px;
        margin-left: -10px;
    }
    .region.region-header-top-first .block-content.clearfix {
        margin-left: -6px;
        font-size: 14px;
        text-align: center;
        margin-right: -6px;
    }
    #main-menu .menu-item,
    #main-menu li.menu-item,
    .header #main-menu .menu-item,
    .primary-menu .menu-item {
        background-color: transparent !important;
        background: transparent !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
    }
    .main-menu .nav > li > a,
    .mega-menu > ul > li > a,
    #main-menu a,
    #main-menu .menu-item a {
        color: #ffffff !important;
        line-height: 1.35;
        width: 100%;
        text-align: left;
    }
    .mega-menu > ul {
        margin-top: -unset;
        margin-bottom: unset;
    }
    .primary-menu .main-menu {
        padding: unset;
        padding-top: 15px;
    }
    footer.footer a,
    footer.footer p {
        font-size: x-small;
    }
    ul.social_footer_ul a {
        font-size: revert;
    }
    div#block-clearance-sales {
        width: 100%;
    }
    .region.region-header-top-first {
        width: unset;
        margin-top: unset;
    }
    .region.region-header-top-second {
        padding-bottom: unset;
        margin-top: unset;
    }
    .owl-next,
    .owl-prev {
        margin-top: 0 !important;
    }
    .page-node-type-team .row.content-layout {
        margin-top: -35px;
        margin-bottom: -17px;
    }
    #block-martis-main-menu .menu-item:last-child {
        border-bottom: 2px solid black !important;
    }
}

.navbar-toggler.nav-button {
  border: 2px solid #000;
  background-color: #3b0a5c;
  color: #fff;
}
.navbar-toggler.nav-button i,
.navbar-toggler.nav-button .ti-menu {
  color: #fff;
}

#block-martis-branding {
  margin-top: 5px;
}
.logo-container {
  margin-top: 2.5rem;
}
.mega-menu > ul {
margin-top: -15px;
margin-bottom: unset;
border-bottom: 2px solid black;
}
 .col-5.text-center {
    padding-right: 10px;
    padding-left: 10px;
    justify-content: center;
    display: block;
  }
li.menu-item {
    border-bottom: 2px solid white !important;
  }
.menu-item:nth-child(1) {
  margin-top: -2px !important;
}
.menu-item:last-child {
  border-top: 0 !important;
}

    #block-martis-main-menu .menu.menu-parent .menu-item:first-child {
  border-top: 0 !important;
}
@media (max-width: 767.98px) {
  .header .header-element .navbar-toggler.nav-button i,
  .header .header-element .navbar-toggler.nav-button .ti-menu,
  .header .header-element .navbar-toggler.nav-button [class*="ti-"] {
    pointer-events: none !important;
    font-size: 1.25rem !important;
    line-height: 1 !important;
    color: #ffffff !important;
  }
  .header #main-menu.collapse.show,
  .header #main-menu.show,
  #main-menu.collapse.show,
  #main-menu.show {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    width: 100% !important;
    position: relative !important;
    z-index: 20 !important;
    background: #3b0a5c !important;
    background-color: #3b0a5c !important;
    color: #ffffff !important;
    padding: 0.5rem 0.75rem 0.75rem !important;
  }
  .header #main-menu.collapse:not(.show),
  #main-menu.collapse:not(.show) {
    display: none !important;
  }
  .header .header-menu,
  .header .navbar.nav-menu,
  .header .primary-menu {
    overflow: visible !important;
    max-height: none !important;
    background: transparent !important;
  }
  .header .primary-menu .main-menu,
  .header .mega-menu > ul,
  .header #main-menu .mega-menu > ul,
  .header #main-menu ul.menu,
  .header #main-menu ul.nav.menu.menu-parent,
  #block-martis-main-menu ul.nav.menu.menu-parent {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .header #main-menu .menu-item,
  .header #main-menu li.menu-item,
  #block-martis-main-menu .menu-item {
    background: transparent !important;
    background-color: transparent !important;
    border-bottom: 0 !important;
    list-style: none !important;
    margin: 0 0 0.4rem !important;
    padding: 0 !important;
    width: 100% !important;
  }
  #wrapper .header #main-menu.show a,
  #wrapper .header #main-menu.show .menu-item a,
  #wrapper .header #main-menu.show .mega-menu > ul > li > a,
  #wrapper .header #main-menu.show .main-menu .nav > li > a,
  .header #main-menu.show a,
  .header #main-menu.show .menu-item a,
  .header #main-menu.show .mega-menu > ul > li > a,
  .header #main-menu.show .main-menu .nav > li > a,
  #block-martis-main-menu .menu-item a {
    color: #ffffff !important;
    background: #b781e3 !important;
    background-color: #b781e3 !important;
    border-radius: 10px !important;
    border: 2px solid #000 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0.65rem 1rem !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    box-sizing: border-box !important;
  }
  .header #main-menu.show .menu-item--active-trail > a,
  .header #main-menu.show li.menu-item--active-trail > a,
  .header #main-menu.show a.is-active,
  #block-martis-main-menu .menu-item--active-trail > a,
  #block-martis-main-menu a.is-active {
    background: #c9a0e8 !important;
    background-color: #c9a0e8 !important;
    color: white !important;
    -webkit-text-fill-color: white !important;
  }
  .header #main-menu.show a:hover,
  .header #main-menu.show a:focus {
    background: #c9a0e8 !important;
    background-color: #c9a0e8 !important;
    color: #ffffff !important;
  }


}






html body .header-top #block-clearance-sales a,
html body #block-clearance-sales a {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-weight: 850 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 2px !important;
}

.team-social .ti-twitter-alt::before {
  scale: 1;
}

[id^="block-martis-views-block-partners-block-"] {
  border: 2px solid #000 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  padding: 1rem 0 1.5rem !important;
  margin-bottom: 0.75rem !important;
  max-width: 100%;
  overflow-x: clip;
  box-sizing: border-box;
}

[id^="block-martis-views-block-partners-block-"] .block-title-wrap.clearfix {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

[id^="block-martis-views-block-partners-block-"] .block-subtitle {
  margin-bottom: 1.25rem !important;
}

[id^="block-martis-views-block-partners-block-"] .block-content.clearfix {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 100%;
}

[id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_cycle_main_partners-block_"],
[id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_cycle_teaser_section_partners-block_"] {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

[id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_cycle_div_partners-block_"] {
  height: auto !important;
  min-height: 0 !important;
}

[id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border-radius: 16px !important;
}
[id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-row,
[id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-row.views-row-0,
[id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-row.views-row-1 {
  display: grid !important;
  width: 100% !important;
  max-width: 1140px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  flex-direction: unset !important;
  flex-wrap: unset !important;
}
[id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-row,
[id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-row.views-row-0,
[id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-row.views-row-1 {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  grid-template-areas:
    "title"
    "logo"
    "link"
    "body" !important;
  column-gap: 0 !important;
  row-gap: 0.75rem !important;
  align-items: stretch !important;
  justify-items: center !important;
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 1.15rem 1.25rem 1.35rem !important;
}

@media (min-width: 992px) {
  [id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-row,
  [id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-row.views-row-0,
  [id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-row.views-row-1 {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "title"
      "logo"
      "link"
      "body" !important;
    max-width: 960px !important;
    padding: 1.35rem 1.5rem 1.5rem !important;
    row-gap: 0.85rem !important;
  }
}
[id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_cycle_div_partners-block_"] .views-field:not(.views-field-body),
[id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-field:not(.views-field-body) {
  margin: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  order: unset !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  float: none !important;
}

[id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
[id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-field.views-field-body {
  margin: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  order: unset !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  float: none !important;
}

[id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_cycle_div_partners-block_"] .views-field .field-content,
[id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_cycle_div_partners-block_"] .views-field .views-label {
  margin: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  padding-left: 0 !important;
}
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-title {
  grid-area: title !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
  color: #1a1a1a !important;
  text-align: center !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-title .views-label-title,
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-title .field-content {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image {
  grid-area: logo !important;
  display: block !important;
  text-align: center !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-link {
  grid-area: link !important;
  display: block !important;
  order: unset !important;
  text-align: center !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-body {
  grid-area: body !important;
  align-self: start !important;
  height: auto !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border: 2px solid #000 !important;
  border-radius: 12px !important;
  padding: 1.75rem 1.5rem 2rem !important;
  background: rgba(123, 44, 191, 0.18) !important;
  box-sizing: border-box !important;
  position: relative !important;
}
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .field-content::before {
  content: '\201C';
  font-size: 2rem;
  line-height: 1;
  color: #7b2cbf;
  position: absolute;
  top: 0.2rem;
  left: 0.15rem;
  margin: 0;
  transform: none;
  pointer-events: none;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .field-content::after {
  content: '\201D';
  font-size: 2rem;
  line-height: 1;
  color: #7b2cbf;
  position: absolute;
  bottom: 0.1rem;
  right: 0.15rem;
  pointer-events: none;
}
[id^="block-martis-views-block-partners-block-"] .views-label {
  display: block !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: #7b2cbf !important;
  margin: 0 0 0.35rem !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-title .views-label-title {
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
}

[id^="block-martis-views-block-partners-block-"] .views-label.views-label-title {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-title .field-content {
  display: block !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  text-align: center !important;
}

[id^="block-martis-views-block-partners-block-"] h2.views-label.views-label-field-image.partner,
[id^="block-martis-views-block-partners-block-"] div.views-label.views-label-field-image.partner,
[id^="block-martis-views-block-partners-block-"] .views-label.views-label-field-image.partner {
  font-size: clamp(2.25rem, 3.5vw, 3.25rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin: 0.15rem 0 0.5rem !important;
  padding: 0 0.25rem !important;
  text-align: center !important;
  color: #7b2cbf !important;
  -webkit-text-stroke: 1.5px rgba(0, 0, 0, 0.28);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  overflow: visible !important;
  white-space: nowrap;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .views-label-body {
  font-size: 0.95rem !important;
  margin-bottom: 0.5rem !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .field-content {
  display: block !important;
  text-align: center !important;
  color: #222 !important;
  position: relative !important;
  padding: 0.85rem 1.35rem 1.15rem !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .field-content p {
  display: block !important;
  margin: 0 0 0.75rem !important;
  padding: 0 !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .field-content p:last-child {
  margin-bottom: 0 !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .field-content h2 {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  margin: 0.5rem 0 0.65rem !important;
  line-height: 1.35 !important;
  color: #1a1a1a !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .field-content p a {
  display: inline !important;
  font-weight: 600 !important;
  color: #7b2cbf !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

[id^="block-martis-views-block-partners-block-"] .views-label.views-label-field-link {
  display: block !important;
  white-space: normal !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 0 0.35rem !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-link .field-content {
  display: block !important;
  font-size: 0.85rem !important;
  width: 100% !important;
  max-width: 100% !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-link .field-content a {
  display: inline !important;
  color: #7b2cbf !important;
  font-weight: 600 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  padding: 0 !important;
  margin: 0 !important;
}
[id^="block-martis-views-block-partners-block-"] .views-field-field-image .field-content,
[id^="block-martis-views-block-partners-block-"] .views-field-field-image .media {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 140px !important;
  height: 140px !important;
  min-width: 140px !important;
  min-height: 140px !important;
  max-width: 140px !important;
  max-height: 140px !important;
  margin: 0.25rem auto !important;
  padding: 0.55rem !important;
  background: #ffffff !important;
  border: 2px solid #000 !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  box-shadow: 0 3px 10px rgba(59, 10, 92, 0.12) !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field-field-image .field-content img,
[id^="block-martis-views-block-partners-block-"] .views-field-field-image .media__element {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  display: block !important;
}
[id^="block-martis-views-block-partners-block-"] .views-slideshow-controls-top.clearfix {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto !important;
  justify-items: center !important;
  align-items: center !important;
  gap: 0.5rem !important;
  border-bottom: 2px solid #f3e8ff !important;
  padding: 0 0 0.85rem !important;
  margin: 0 0 0.65rem !important;
  width: 100% !important;
}

[id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_slide_counter_partners-block_"],
[id^="block-martis-views-block-partners-block-"] .views_slideshow_slide_counter {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  min-width: 0 !important;
  text-align: center !important;
  justify-self: center !important;
  grid-row: 1 !important;
  order: unset !important;
  flex: unset !important;
}

[id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_controls_text_partners-block_"],
[id^="block-martis-views-block-partners-block-"] .views_slideshow_controls_text {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  grid-row: 2 !important;
  justify-self: center !important;
}

[id^="block-martis-views-block-partners-block-"] .views-slideshow-controls-top.clearfix a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  min-width: 44px !important;
  padding: 0.45rem 0.9rem !important;
  background-color: #7b2cbf !important;
  border: 2px solid #000 !important;
  border-radius: 5px !important;
  color: #fff !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

[id^="block-martis-views-block-partners-block-"] .views-slideshow-controls-top.clearfix a:hover,
[id^="block-martis-views-block-partners-block-"] .views-slideshow-controls-top.clearfix a:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 2px !important;
}
@media (max-width: 991.98px) {
  [id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-row,
  [id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-row.views-row-0,
  [id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-row.views-row-1 {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    grid-template-areas:
      "title"
      "logo"
      "link"
      "body" !important;
    column-gap: 0 !important;
    row-gap: 0.55rem !important;
    align-items: stretch !important;
    padding: 0.5rem 0.5rem !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-field:not(.views-field-body) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-field.views-field-body {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-title {
    grid-area: title !important;
    grid-row: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-title .views-label-title,
  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-title .field-content {
    display: block !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image {
    grid-area: logo !important;
    grid-row: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: block !important;
    text-align: center !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-label.views-label-field-image {
    display: block !important;
    text-align: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image .field-content {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image .media,
  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image .media.media--blazy {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-link {
    grid-area: link !important;
    grid-row: auto !important;
    text-align: center !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-body {
    grid-area: body !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 1.5rem 1.25rem 1.75rem !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .field-content {
    padding: 0.75rem 1.1rem 1rem !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .field-content::before {
    top: 0.65rem !important;
    left: 0.15rem !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-slideshow-controls-top.clearfix {
    gap: 0.4rem !important;
    padding-bottom: 0.65rem !important;
    margin-bottom: 0.5rem !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .field-content,
  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .field-content p {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field-field-image .field-content img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 120px !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-title .field-content,
  [id^="block-martis-views-block-partners-block-"] .views-label.views-label-title,
  [id^="block-martis-views-block-partners-block-"] .views-label.views-label-field-image,
  [id^="block-martis-views-block-partners-block-"] .views-label.views-label-field-link {
    display: block !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-link .field-content,
  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-link .field-content a {
    text-align: center !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .field-content,
  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .field-content p,
  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .field-content h2 {
    text-align: center !important;
  }

  [id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_slide_counter_partners-block_"] {
    flex: unset !important;
    order: unset !important;
  }
}
@media (min-width: 992px) {
  [id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-row {
    padding: 1.25rem 1rem !important;
    column-gap: 2rem !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image {
    text-align: center !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-title,
  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-title .views-label-title,
  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-title .field-content {
    text-align: center !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-link,
  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-link .views-label-field-link,
  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-link .field-content,
  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-link .field-content a {
    text-align: center !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  [id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide {
    transition: none !important;
  }
}
#block-martis-views-block-partners-block-1,
#block-martis-views-block-partners-block-2,
#block-martis-views-block-partners-block-3,
#block-martis-views-block-partners-block-4,
#block-martis-views-block-partners-block-5,
#block-martis-views-block-partners-block-6,
#block-martis-views-block-partners-block-7 {
  overflow-x: clip;
}

#block-martis-views-block-partners-block-1 .views_slideshow_cycle_slide .views-row,
#block-martis-views-block-partners-block-2 .views_slideshow_cycle_slide .views-row,
#block-martis-views-block-partners-block-3 .views_slideshow_cycle_slide .views-row,
#block-martis-views-block-partners-block-4 .views_slideshow_cycle_slide .views-row,
#block-martis-views-block-partners-block-5 .views_slideshow_cycle_slide .views-row,
#block-martis-views-block-partners-block-6 .views_slideshow_cycle_slide .views-row,
#block-martis-views-block-partners-block-7 .views_slideshow_cycle_slide .views-row {
  display: grid !important;
}

#block-martis-views-block-partners-block-1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field:not(.views-field-body),
#block-martis-views-block-partners-block-2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field:not(.views-field-body),
#block-martis-views-block-partners-block-3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field:not(.views-field-body),
#block-martis-views-block-partners-block-4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field:not(.views-field-body),
#block-martis-views-block-partners-block-5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field:not(.views-field-body),
#block-martis-views-block-partners-block-6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field:not(.views-field-body),
#block-martis-views-block-partners-block-7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field:not(.views-field-body),
#block-martis-views-block-partners-block-1 [id^="views_slideshow_cycle_teaser_section_partners-block_"] .views-field:not(.views-field-body),
#block-martis-views-block-partners-block-2 [id^="views_slideshow_cycle_teaser_section_partners-block_"] .views-field:not(.views-field-body),
#block-martis-views-block-partners-block-3 [id^="views_slideshow_cycle_teaser_section_partners-block_"] .views-field:not(.views-field-body),
#block-martis-views-block-partners-block-4 [id^="views_slideshow_cycle_teaser_section_partners-block_"] .views-field:not(.views-field-body),
#block-martis-views-block-partners-block-5 [id^="views_slideshow_cycle_teaser_section_partners-block_"] .views-field:not(.views-field-body),
#block-martis-views-block-partners-block-6 [id^="views_slideshow_cycle_teaser_section_partners-block_"] .views-field:not(.views-field-body),
#block-martis-views-block-partners-block-7 [id^="views_slideshow_cycle_teaser_section_partners-block_"] .views-field:not(.views-field-body) {
  margin: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  position: static !important;
}

#block-martis-views-block-partners-block-1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
#block-martis-views-block-partners-block-2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
#block-martis-views-block-partners-block-3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
#block-martis-views-block-partners-block-4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
#block-martis-views-block-partners-block-5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
#block-martis-views-block-partners-block-6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
#block-martis-views-block-partners-block-7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
#block-martis-views-block-partners-block-1 [id^="views_slideshow_cycle_teaser_section_partners-block_"] .views-field.views-field-body,
#block-martis-views-block-partners-block-2 [id^="views_slideshow_cycle_teaser_section_partners-block_"] .views-field.views-field-body,
#block-martis-views-block-partners-block-3 [id^="views_slideshow_cycle_teaser_section_partners-block_"] .views-field.views-field-body,
#block-martis-views-block-partners-block-4 [id^="views_slideshow_cycle_teaser_section_partners-block_"] .views-field.views-field-body,
#block-martis-views-block-partners-block-5 [id^="views_slideshow_cycle_teaser_section_partners-block_"] .views-field.views-field-body,
#block-martis-views-block-partners-block-6 [id^="views_slideshow_cycle_teaser_section_partners-block_"] .views-field.views-field-body,
#block-martis-views-block-partners-block-7 [id^="views_slideshow_cycle_teaser_section_partners-block_"] .views-field.views-field-body {
  margin: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  position: relative !important;
}

#block-martis-views-block-partners-block-1 .views-field.views-field-body,
#block-martis-views-block-partners-block-2 .views-field.views-field-body,
#block-martis-views-block-partners-block-3 .views-field.views-field-body,
#block-martis-views-block-partners-block-4 .views-field.views-field-body,
#block-martis-views-block-partners-block-5 .views-field.views-field-body,
#block-martis-views-block-partners-block-6 .views-field.views-field-body,
#block-martis-views-block-partners-block-7 .views-field.views-field-body {
  width: 100% !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

#block-martis-views-block-partners-block-1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .field-content,
#block-martis-views-block-partners-block-2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .field-content,
#block-martis-views-block-partners-block-3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .field-content,
#block-martis-views-block-partners-block-4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .field-content,
#block-martis-views-block-partners-block-5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .field-content,
#block-martis-views-block-partners-block-6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .field-content,
#block-martis-views-block-partners-block-7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .field-content,
#block-martis-views-block-partners-block-1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .views-label,
#block-martis-views-block-partners-block-2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .views-label,
#block-martis-views-block-partners-block-3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .views-label,
#block-martis-views-block-partners-block-4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .views-label,
#block-martis-views-block-partners-block-5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .views-label,
#block-martis-views-block-partners-block-6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .views-label,
#block-martis-views-block-partners-block-7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .views-label {
  margin: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  padding-left: 0 !important;
}

#block-martis-views-block-partners-block-1 [id^="views_slideshow_slide_counter_partners-block_"],
#block-martis-views-block-partners-block-2 [id^="views_slideshow_slide_counter_partners-block_"],
#block-martis-views-block-partners-block-3 [id^="views_slideshow_slide_counter_partners-block_"],
#block-martis-views-block-partners-block-4 [id^="views_slideshow_slide_counter_partners-block_"],
#block-martis-views-block-partners-block-5 [id^="views_slideshow_slide_counter_partners-block_"],
#block-martis-views-block-partners-block-6 [id^="views_slideshow_slide_counter_partners-block_"],
#block-martis-views-block-partners-block-7 [id^="views_slideshow_slide_counter_partners-block_"] {
  text-align: center !important;
  justify-self: center !important;
  order: unset !important;
  margin-top: 0 !important;
}

@media (min-width: 992px) {
  #block-martis-views-block-partners-block-1 .views_slideshow_cycle_slide .views-row,
  #block-martis-views-block-partners-block-2 .views_slideshow_cycle_slide .views-row,
  #block-martis-views-block-partners-block-3 .views_slideshow_cycle_slide .views-row,
  #block-martis-views-block-partners-block-4 .views_slideshow_cycle_slide .views-row,
  #block-martis-views-block-partners-block-5 .views_slideshow_cycle_slide .views-row,
  #block-martis-views-block-partners-block-6 .views_slideshow_cycle_slide .views-row,
  #block-martis-views-block-partners-block-7 .views_slideshow_cycle_slide .views-row {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 280px;
  }

  #block-martis-views-block-partners-block-1 .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-2 .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-3 .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-4 .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-5 .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-6 .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-7 .views-field.views-field-field-image {
    min-height: 140px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
#block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-body,
#block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-body,
#block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-body,
#block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-body,
#block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-body,
#block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-body,
#block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-body,
#block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field,
#block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field,
#block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field,
#block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field,
#block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field,
#block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field,
#block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field {
  margin: 0 !important;
}

#block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-body,
#block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-body,
#block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-body,
#block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-body,
#block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-body,
#block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-body,
#block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-body {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#block-martis-views-block-partners-block-1 .views-field.views-field-body .field-content,
#block-martis-views-block-partners-block-2 .views-field.views-field-body .field-content,
#block-martis-views-block-partners-block-3 .views-field.views-field-body .field-content,
#block-martis-views-block-partners-block-4 .views-field.views-field-body .field-content,
#block-martis-views-block-partners-block-5 .views-field.views-field-body .field-content,
#block-martis-views-block-partners-block-6 .views-field.views-field-body .field-content,
#block-martis-views-block-partners-block-7 .views-field.views-field-body .field-content,
#block-martis-views-block-partners-block-1 .views-field.views-field-body .field-content p,
#block-martis-views-block-partners-block-2 .views-field.views-field-body .field-content p,
#block-martis-views-block-partners-block-3 .views-field.views-field-body .field-content p,
#block-martis-views-block-partners-block-4 .views-field.views-field-body .field-content p,
#block-martis-views-block-partners-block-5 .views-field.views-field-body .field-content p,
#block-martis-views-block-partners-block-6 .views-field.views-field-body .field-content p,
#block-martis-views-block-partners-block-7 .views-field.views-field-body .field-content p,
#block-martis-views-block-partners-block-1 .views-field.views-field-body .field-content h2,
#block-martis-views-block-partners-block-2 .views-field.views-field-body .field-content h2,
#block-martis-views-block-partners-block-3 .views-field.views-field-body .field-content h2,
#block-martis-views-block-partners-block-4 .views-field.views-field-body .field-content h2,
#block-martis-views-block-partners-block-5 .views-field.views-field-body .field-content h2,
#block-martis-views-block-partners-block-6 .views-field.views-field-body .field-content h2,
#block-martis-views-block-partners-block-7 .views-field.views-field-body .field-content h2 {
  text-align: center !important;
}

#block-martis-views-block-partners-block-1 .views-field.views-field-field-image,
#block-martis-views-block-partners-block-2 .views-field.views-field-field-image,
#block-martis-views-block-partners-block-3 .views-field.views-field-field-image,
#block-martis-views-block-partners-block-4 .views-field.views-field-field-image,
#block-martis-views-block-partners-block-5 .views-field.views-field-field-image,
#block-martis-views-block-partners-block-6 .views-field.views-field-field-image,
#block-martis-views-block-partners-block-7 .views-field.views-field-field-image {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  overflow: visible !important;
}

#block-martis-views-block-partners-block-1 .views-slideshow-controls-top.clearfix,
#block-martis-views-block-partners-block-2 .views-slideshow-controls-top.clearfix,
#block-martis-views-block-partners-block-3 .views-slideshow-controls-top.clearfix,
#block-martis-views-block-partners-block-4 .views-slideshow-controls-top.clearfix,
#block-martis-views-block-partners-block-5 .views-slideshow-controls-top.clearfix,
#block-martis-views-block-partners-block-6 .views-slideshow-controls-top.clearfix,
#block-martis-views-block-partners-block-7 .views-slideshow-controls-top.clearfix {
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  gap: 0.5rem !important;
  display: inline-grid !important;
}
#block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-field-link,
#block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-field-link,
#block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-field-link,
#block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-field-link,
#block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-field-link,
#block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-field-link,
#block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-field-link,
#block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-link,
#block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-link,
#block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-link,
#block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-link,
#block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-link,
#block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-link,
#block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-link {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

#block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-label.views-label-field-link,
#block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-label.views-label-field-link,
#block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-label.views-label-field-link,
#block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-label.views-label-field-link,
#block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-label.views-label-field-link,
#block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-label.views-label-field-link,
#block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-label.views-label-field-link,
#block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-label.views-label-field-link,
#block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 [id^="views_slideshow_cycle_div_partners-block_"] .views-label.views-label-field-link,
#block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 [id^="views_slideshow_cycle_div_partners-block_"] .views-label.views-label-field-link,
#block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 [id^="views_slideshow_cycle_div_partners-block_"] .views-label.views-label-field-link,
#block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 [id^="views_slideshow_cycle_div_partners-block_"] .views-label.views-label-field-link,
#block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 [id^="views_slideshow_cycle_div_partners-block_"] .views-label.views-label-field-link,
#block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 [id^="views_slideshow_cycle_div_partners-block_"] .views-label.views-label-field-link {
  display: block !important;
  justify-content: unset !important;
  white-space: normal !important;
  padding: 0 !important;
  margin: 0 0 0.35rem !important;
}

#block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-field-link .field-content,
#block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-field-link .field-content,
#block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-field-link .field-content,
#block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-field-link .field-content,
#block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-field-link .field-content,
#block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-field-link .field-content,
#block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-field-link .field-content,
#block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-field-link .field-content a,
#block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-field-link .field-content a,
#block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-field-link .field-content a,
#block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-field-link .field-content a,
#block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-field-link .field-content a,
#block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-field-link .field-content a,
#block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-field-link .field-content a,
#block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_main_partners-block_"] .views-field.views-field-field-link .field-content a,
#block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 [id^="views_slideshow_cycle_main_partners-block_"] .views-field.views-field-field-link .field-content a,
#block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 [id^="views_slideshow_cycle_main_partners-block_"] .views-field.views-field-field-link .field-content a,
#block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 [id^="views_slideshow_cycle_main_partners-block_"] .views-field.views-field-field-link .field-content a,
#block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 [id^="views_slideshow_cycle_main_partners-block_"] .views-field.views-field-field-link .field-content a,
#block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 [id^="views_slideshow_cycle_main_partners-block_"] .views-field.views-field-field-link .field-content a,
#block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 [id^="views_slideshow_cycle_main_partners-block_"] .views-field.views-field-field-link .field-content a {
  display: inline !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  padding: 0 !important;
  margin: 0 !important;
}

#block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-body,
#block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-body,
#block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-body,
#block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-body,
#block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-body,
#block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-body,
#block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-body {
  align-self: start !important;
  height: auto !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-body .field-content,
#block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-body .field-content,
#block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-body .field-content,
#block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-body .field-content,
#block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-body .field-content,
#block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-body .field-content,
#block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-body .field-content,
#block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-body .field-content p,
#block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-body .field-content p,
#block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-body .field-content p,
#block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-body .field-content p,
#block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-body .field-content p,
#block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-body .field-content p,
#block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-body .field-content p {
  display: block !important;
  justify-content: unset !important;
  height: auto !important;
  min-height: 0 !important;
}

#block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-title,
#block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-title,
#block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-title,
#block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-title,
#block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-title,
#block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-title,
#block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-title,
#block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-title .field-content,
#block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-title .field-content,
#block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-title .field-content,
#block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-title .field-content,
#block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-title .field-content,
#block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-title .field-content,
#block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-title .field-content {
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-width: 991.98px) {
  #block-martis-views-block-partners-block-1 .views_slideshow_cycle_slide .views-row,
  #block-martis-views-block-partners-block-2 .views_slideshow_cycle_slide .views-row,
  #block-martis-views-block-partners-block-3 .views_slideshow_cycle_slide .views-row,
  #block-martis-views-block-partners-block-4 .views_slideshow_cycle_slide .views-row,
  #block-martis-views-block-partners-block-5 .views_slideshow_cycle_slide .views-row,
  #block-martis-views-block-partners-block-6 .views_slideshow_cycle_slide .views-row,
  #block-martis-views-block-partners-block-7 .views_slideshow_cycle_slide .views-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "title"
      "logo"
      "link"
      "body" !important;
    column-gap: 0 !important;
    row-gap: 0.55rem !important;
    padding: 0.5rem !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: clip !important;
  }

  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field:not(.views-field-body),
  #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field:not(.views-field-body),
  #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field:not(.views-field-body),
  #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field:not(.views-field-body),
  #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field:not(.views-field-body),
  #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field:not(.views-field-body),
  #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field:not(.views-field-body),
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field:not(.views-field-body),
  #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field:not(.views-field-body),
  #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field:not(.views-field-body),
  #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field:not(.views-field-body),
  #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field:not(.views-field-body),
  #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field:not(.views-field-body),
  #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field:not(.views-field-body) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: auto !important;
    right: auto !important;
    position: static !important;
    grid-column: 1 / -1 !important;
  }

  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-body,
  #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-body,
  #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-body,
  #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-body,
  #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-body,
  #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-body,
  #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-body,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
  #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
  #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
  #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
  #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
  #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
  #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    position: relative !important;
    grid-column: 1 / -1 !important;
  }

  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-body,
  #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-body,
  #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-body,
  #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-body,
  #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-body,
  #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-body,
  #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-body {
    grid-area: body !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    align-self: stretch !important;
  }

  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-field-link,
  #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-field-link,
  #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-field-link,
  #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-field-link,
  #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-field-link,
  #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-field-link,
  #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-field-link {
    grid-area: link !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-field-image {
    grid-area: logo !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
  }

  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-title,
  #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-title,
  #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-title,
  #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-title,
  #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-title,
  #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-title,
  #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-title {
    grid-area: title !important;
    margin-left: 0 !important;
    text-align: center !important;
  }
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_main_partners-block_1,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 {
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-bottom: 0 !important;
  }

  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] {
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
  }

  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-label,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-label,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field .field-content,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .field-content {
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-label.views-label-title,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-label.views-label-field-image,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-label.views-label-title,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-label.views-label-field-image {
    display: block !important;
    text-align: center !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-title .field-content,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-title .field-content {
    display: block !important;
    text-align: center !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-field-image .media,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .media {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
  }

  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-body,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-label,
  #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-label,
  #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-label,
  #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-label,
  #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-label,
  #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-label,
  #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-label,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-label,
  #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 [id^="views_slideshow_cycle_div_partners-block_"] .views-label,
  #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 [id^="views_slideshow_cycle_div_partners-block_"] .views-label,
  #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 [id^="views_slideshow_cycle_div_partners-block_"] .views-label,
  #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 [id^="views_slideshow_cycle_div_partners-block_"] .views-label,
  #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 [id^="views_slideshow_cycle_div_partners-block_"] .views-label,
  #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 [id^="views_slideshow_cycle_div_partners-block_"] .views-label {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-title .field-content,
  #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-title .field-content,
  #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-title .field-content,
  #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-title .field-content,
  #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-title .field-content,
  #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-title .field-content,
  #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-title .field-content,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-title .field-content,
  #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-title .field-content,
  #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-title .field-content,
  #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-title .field-content,
  #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-title .field-content,
  #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-title .field-content,
  #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-title .field-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-field-image .media,
  #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-field-image .media,
  #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-field-image .media,
  #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-field-image .media,
  #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-field-image .media,
  #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-field-image .media,
  #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-field-image .media,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .media,
  #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .media,
  #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .media,
  #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .media,
  #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .media,
  #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .media,
  #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .media {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
  }

  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_main_partners-block_1 .views-field,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_main_partners-block_1 .views-label,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_main_partners-block_1 .views-field .field-content,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_main_partners-block_1 .views-field.views-field-title,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_main_partners-block_1 .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_main_partners-block_1 .views-field.views-field-field-link,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_main_partners-block_1 .views-field.views-field-body {
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    max-width: 100% !important;
  }

  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_main_partners-block_1 .views-field.views-field-field-image .media,
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_main_partners-block_1 .views-field.views-field-field-image .field-content {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-title,
  #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-title,
  #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-title,
  #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-title,
  #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-title,
  #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-title,
  #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-title {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image,
  #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image {
    margin-left: 0;
    margin-right: 0 !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
  #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
  #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
  #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
  #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
  #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
  #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding: 1.25rem 1.25rem 1.4rem !important;
    position: relative !important;
  }
}
[id^="block-martis-views-block-partners-block-"] .views-label.views-label-title,
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-title .views-label.views-label-title,
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-title .field-content,
[id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_cycle_teaser_section_partners-block_"] .views-label.views-label-title,
[id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_cycle_teaser_section_partners-block_"] .views-field.views-field-title .views-label.views-label-title,
[id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_cycle_teaser_section_partners-block_"] .views-field.views-field-title .field-content,
[id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_cycle_teaser_section_partners-block_"] [id^="views_slideshow_cycle_div_partners-block_"] .views-label.views-label-title,
[id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_cycle_teaser_section_partners-block_"] [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-title .views-label.views-label-title,
[id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_cycle_teaser_section_partners-block_"] [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-title .field-content {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-title,
[id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_cycle_teaser_section_partners-block_"] .views-field.views-field-title,
[id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_cycle_teaser_section_partners-block_"] [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

html body #block-martis-views-block-partners-block-1 .views-field.views-field-body,
html body #block-martis-views-block-partners-block-2 .views-field.views-field-body,
html body #block-martis-views-block-partners-block-3 .views-field.views-field-body,
html body #block-martis-views-block-partners-block-4 .views-field.views-field-body,
html body #block-martis-views-block-partners-block-5 .views-field.views-field-body,
html body #block-martis-views-block-partners-block-6 .views-field.views-field-body,
html body #block-martis-views-block-partners-block-7 .views-field.views-field-body {
  position: relative !important;
  overflow: visible !important;
  padding: 1.35rem 1.5rem 1.5rem !important;
  box-sizing: border-box !important;
}
html body #block-martis-views-block-partners-block-1 .views-field.views-field-body::before,
html body #block-martis-views-block-partners-block-2 .views-field.views-field-body::before,
html body #block-martis-views-block-partners-block-3 .views-field.views-field-body::before,
html body #block-martis-views-block-partners-block-4 .views-field.views-field-body::before,
html body #block-martis-views-block-partners-block-5 .views-field.views-field-body::before,
html body #block-martis-views-block-partners-block-6 .views-field.views-field-body::before,
html body #block-martis-views-block-partners-block-7 .views-field.views-field-body::before,
html body #block-martis-views-block-partners-block-1 .views-field.views-field-body::after,
html body #block-martis-views-block-partners-block-2 .views-field.views-field-body::after,
html body #block-martis-views-block-partners-block-3 .views-field.views-field-body::after,
html body #block-martis-views-block-partners-block-4 .views-field.views-field-body::after,
html body #block-martis-views-block-partners-block-5 .views-field.views-field-body::after,
html body #block-martis-views-block-partners-block-6 .views-field.views-field-body::after,
html body #block-martis-views-block-partners-block-7 .views-field.views-field-body::after {
  content: none !important;
  display: none !important;
}
html body #block-martis-views-block-partners-block-1 .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-2 .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-3 .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-4 .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-5 .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-6 .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-7 .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body .field-content,
html body #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body .field-content {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 1.1rem 1.4rem 1.2rem !important;
  padding-left: 1.4rem !important;
  padding-right: 1.4rem !important;
  padding-top: 1.1rem !important;
  padding-bottom: 1.2rem !important;
}
html body #block-martis-views-block-partners-block-1 .views-field.views-field-body .field-content::before,
html body #block-martis-views-block-partners-block-2 .views-field.views-field-body .field-content::before,
html body #block-martis-views-block-partners-block-3 .views-field.views-field-body .field-content::before,
html body #block-martis-views-block-partners-block-4 .views-field.views-field-body .field-content::before,
html body #block-martis-views-block-partners-block-5 .views-field.views-field-body .field-content::before,
html body #block-martis-views-block-partners-block-6 .views-field.views-field-body .field-content::before,
html body #block-martis-views-block-partners-block-7 .views-field.views-field-body .field-content::before {
  content: "\201C" !important;
  display: block !important;
  position: absolute !important;
  top: 0.2rem !important;
  left: 0.2rem !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  font-size: 2rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: #7b2cbf !important;
  z-index: 2 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body #block-martis-views-block-partners-block-1 .views-field.views-field-body .field-content::after,
html body #block-martis-views-block-partners-block-2 .views-field.views-field-body .field-content::after,
html body #block-martis-views-block-partners-block-3 .views-field.views-field-body .field-content::after,
html body #block-martis-views-block-partners-block-4 .views-field.views-field-body .field-content::after,
html body #block-martis-views-block-partners-block-5 .views-field.views-field-body .field-content::after,
html body #block-martis-views-block-partners-block-6 .views-field.views-field-body .field-content::after,
html body #block-martis-views-block-partners-block-7 .views-field.views-field-body .field-content::after {
  content: "\201D" !important;
  display: block !important;
  position: absolute !important;
  top: auto !important;
  left: auto !important;
  bottom: 0.15rem !important;
  right: 0.2rem !important;
  width: auto !important;
  height: auto !important;
  font-size: 2rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: #7b2cbf !important;
  z-index: 2 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

@media (max-width: 991.98px) {
  html body #block-martis-views-block-partners-block-1 .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-2 .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-3 .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-4 .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-5 .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-6 .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-7 .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body,
  html body #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-body {
    padding: 1.25rem 1.25rem 1.4rem !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    position: relative !important;
    overflow: visible !important;
  }

  html body #block-martis-views-block-partners-block-1 .views-field.views-field-body .field-content,
  html body #block-martis-views-block-partners-block-2 .views-field.views-field-body .field-content,
  html body #block-martis-views-block-partners-block-3 .views-field.views-field-body .field-content,
  html body #block-martis-views-block-partners-block-4 .views-field.views-field-body .field-content,
  html body #block-martis-views-block-partners-block-5 .views-field.views-field-body .field-content,
  html body #block-martis-views-block-partners-block-6 .views-field.views-field-body .field-content,
  html body #block-martis-views-block-partners-block-7 .views-field.views-field-body .field-content,
  html body #block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-body .field-content,
  html body #block-martis-views-block-partners-block-2 #views_slideshow_cycle_teaser_section_partners-block_2 .views-field.views-field-body .field-content,
  html body #block-martis-views-block-partners-block-3 #views_slideshow_cycle_teaser_section_partners-block_3 .views-field.views-field-body .field-content,
  html body #block-martis-views-block-partners-block-4 #views_slideshow_cycle_teaser_section_partners-block_4 .views-field.views-field-body .field-content,
  html body #block-martis-views-block-partners-block-5 #views_slideshow_cycle_teaser_section_partners-block_5 .views-field.views-field-body .field-content,
  html body #block-martis-views-block-partners-block-6 #views_slideshow_cycle_teaser_section_partners-block_6 .views-field.views-field-body .field-content,
  html body #block-martis-views-block-partners-block-7 #views_slideshow_cycle_teaser_section_partners-block_7 .views-field.views-field-body .field-content {
    padding: 1rem 1.2rem 1.1rem !important;
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
    padding-top: 1rem !important;
    padding-bottom: 1.1rem !important;
  }

  html body #block-martis-views-block-partners-block-1 .views-field.views-field-body .field-content::before,
  html body #block-martis-views-block-partners-block-2 .views-field.views-field-body .field-content::before,
  html body #block-martis-views-block-partners-block-3 .views-field.views-field-body .field-content::before,
  html body #block-martis-views-block-partners-block-4 .views-field.views-field-body .field-content::before,
  html body #block-martis-views-block-partners-block-5 .views-field.views-field-body .field-content::before,
  html body #block-martis-views-block-partners-block-6 .views-field.views-field-body .field-content::before,
  html body #block-martis-views-block-partners-block-7 .views-field.views-field-body .field-content::before {
    top: 0.15rem !important;
    left: 0.15rem !important;
    font-size: 1.85rem !important;
  }

  html body #block-martis-views-block-partners-block-1 .views-field.views-field-body .field-content::after,
  html body #block-martis-views-block-partners-block-2 .views-field.views-field-body .field-content::after,
  html body #block-martis-views-block-partners-block-3 .views-field.views-field-body .field-content::after,
  html body #block-martis-views-block-partners-block-4 .views-field.views-field-body .field-content::after,
  html body #block-martis-views-block-partners-block-5 .views-field.views-field-body .field-content::after,
  html body #block-martis-views-block-partners-block-6 .views-field.views-field-body .field-content::after,
  html body #block-martis-views-block-partners-block-7 .views-field.views-field-body .field-content::after {
    bottom: 0.1rem !important;
    right: 0.15rem !important;
    font-size: 1.85rem !important;
  }
}
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-title a,
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-title h3 a {
  color: #1a1a1a !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-title a:hover,
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-title a:focus-visible {
  color: #7b2cbf !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

[id^="block-martis-views-block-partners-block-"] a.partner-slide-logo-link {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-decoration: none !important;
}

[id^="block-martis-views-block-partners-block-"] a.partner-slide-logo-link:hover img,
[id^="block-martis-views-block-partners-block-"] a.partner-slide-logo-link:focus-visible img {
  box-shadow: 0 0 0 3px #7b2cbf !important;
}
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .field-content {
  font-size: 0.95rem !important;
  line-height: 1.5 !important;
}
.partners-brands-block .block-title a.partners-block-title-link,
#block-martis-views-block-partners-block-1 .block-title a.partners-block-title-link,
#block-martis-views-block-partners-block-2 .block-title a.partners-block-title-link,
#block-martis-views-block-partners-block-3 .block-title a.partners-block-title-link,
#block-martis-views-block-partners-block-4 .block-title a.partners-block-title-link,
#block-martis-views-block-partners-block-5 .block-title a.partners-block-title-link,
#block-martis-views-block-partners-block-6 .block-title a.partners-block-title-link,
#block-martis-views-block-partners-block-7 .block-title a.partners-block-title-link {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  text-decoration: none !important;
  border-bottom: 2px solid transparent;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.partners-brands-block .block-title a.partners-block-title-link:hover,
.partners-brands-block .block-title a.partners-block-title-link:focus-visible,
#block-martis-views-block-partners-block-1 .block-title a.partners-block-title-link:hover,
#block-martis-views-block-partners-block-2 .block-title a.partners-block-title-link:hover,
#block-martis-views-block-partners-block-3 .block-title a.partners-block-title-link:hover,
#block-martis-views-block-partners-block-4 .block-title a.partners-block-title-link:hover,
#block-martis-views-block-partners-block-5 .block-title a.partners-block-title-link:hover,
#block-martis-views-block-partners-block-6 .block-title a.partners-block-title-link:hover,
#block-martis-views-block-partners-block-7 .block-title a.partners-block-title-link:hover {
  color: #6716aa !important;
  -webkit-text-fill-color: #6716aa !important;
  border-bottom-color: #6716aa;
  text-decoration: none !important;
}
.path-frontpage #block-martis-views-block-partners-block-1 .views-element-container,
.path-frontpage #wrapper #block-martis-views-block-partners-block-1 .views-element-container,
#block-martis-views-block-partners-block-1 .views-element-container,
#block-martis-views-block-partners-block-2 .views-element-container,
#block-martis-views-block-partners-block-3 .views-element-container,
#block-martis-views-block-partners-block-4 .views-element-container,
#block-martis-views-block-partners-block-5 .views-element-container,
#block-martis-views-block-partners-block-6 .views-element-container,
#block-martis-views-block-partners-block-7 .views-element-container,
[id^="block-martis-views-block-partners-block-"] .views-element-container {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#block-martis-views-block-partners-block-1 .views_slideshow_cycle_slide .views-row,
#block-martis-views-block-partners-block-2 .views_slideshow_cycle_slide .views-row,
#block-martis-views-block-partners-block-3 .views_slideshow_cycle_slide .views-row,
#block-martis-views-block-partners-block-4 .views_slideshow_cycle_slide .views-row,
#block-martis-views-block-partners-block-5 .views_slideshow_cycle_slide .views-row,
#block-martis-views-block-partners-block-6 .views_slideshow_cycle_slide .views-row,
#block-martis-views-block-partners-block-7 .views_slideshow_cycle_slide .views-row,
[id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  grid-template-areas:
    "title"
    "logo"
    "link"
    "body" !important;
  column-gap: 0 !important;
  row-gap: 0.8rem !important;
  align-items: stretch !important;
  justify-items: center !important;
  width: 100% !important;
  max-width: 960px !important;
  margin: 0 auto !important;
  padding: 1.25rem 1.15rem 1.4rem !important;
  box-sizing: border-box !important;
}

[id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide {
  background: #ffffff !important;
  border-radius: 16px !important;
}
[id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-field,
[id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-field.views-field-title,
[id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-field.views-field-field-image,
[id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-field.views-field-field-link,
[id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-field.views-field-body {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  justify-self: stretch !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-title { grid-area: title !important; }
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image { grid-area: logo !important; }
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-link { grid-area: link !important; }
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-body {
  grid-area: body !important;
  grid-row: auto !important;
}
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-body,
#block-martis-views-block-partners-block-1 .views-field.views-field-body,
#block-martis-views-block-partners-block-2 .views-field.views-field-body,
#block-martis-views-block-partners-block-3 .views-field.views-field-body,
#block-martis-views-block-partners-block-4 .views-field.views-field-body,
#block-martis-views-block-partners-block-5 .views-field.views-field-body,
#block-martis-views-block-partners-block-6 .views-field.views-field-body,
#block-martis-views-block-partners-block-7 .views-field.views-field-body {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0.25rem 0 0 !important;
  padding: 1.35rem 1.35rem 1.5rem !important;
  background: #ffffff !important;
  border: 1px solid #e9d5ff !important;
  border-left: 5px solid #6716aa !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(59, 10, 92, 0.08) !important;
  box-sizing: border-box !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .field-content,
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .field-content p,
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-body .field-content h2 {
  text-align: left !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
}
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image .field-content,
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image .media,
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image .media.media--blazy,
[id^="block-martis-views-block-partners-block-"] a.partner-slide-logo-link,
#block-martis-views-block-partners-block-1 .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-1 .views-field.views-field-field-image .media,
#block-martis-views-block-partners-block-2 .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-2 .views-field.views-field-field-image .media,
#block-martis-views-block-partners-block-3 .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-4 .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-5 .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-6 .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-7 .views-field.views-field-field-image .field-content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 140px !important;
  height: 140px !important;
  min-width: 140px !important;
  min-height: 140px !important;
  max-width: 140px !important;
  max-height: 140px !important;
  margin: 0.25rem auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0.55rem !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 2px solid #000 !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  box-shadow: 0 3px 10px rgba(59, 10, 92, 0.12) !important;
  aspect-ratio: 1 / 1 !important;
}
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image .field-content img,
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image .media img,
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image .media__element,
[id^="block-martis-views-block-partners-block-"] a.partner-slide-logo-link img,
#block-martis-views-block-partners-block-1 .views-field.views-field-field-image img,
#block-martis-views-block-partners-block-2 .views-field.views-field-field-image img,
#block-martis-views-block-partners-block-3 .views-field.views-field-field-image img,
#block-martis-views-block-partners-block-4 .views-field.views-field-field-image img,
#block-martis-views-block-partners-block-5 .views-field.views-field-field-image img,
#block-martis-views-block-partners-block-6 .views-field.views-field-field-image img,
#block-martis-views-block-partners-block-7 .views-field.views-field-field-image img,
html #wrapper [id^="block-martis-views-block-partners-block-"] .views-field-field-image .field-content img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: block !important;
  box-shadow: none !important;
  aspect-ratio: auto !important;
}
html #wrapper [id^="block-martis-views-block-partners-block-"] .views-field-field-image .field-content img,
[id^="block-martis-views-block-partners-block-"] [id^="views_slideshow_cycle_div_partners-block_"] .views-field img,
[id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-field img {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media (max-width: 991.98px) {
  [id^="block-martis-views-block-partners-block-"] .views_slideshow_cycle_slide .views-row {
    max-width: 100% !important;
    padding: 0.85rem 0.75rem 1.1rem !important;
    row-gap: 0.65rem !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image .field-content,
  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image .media,
  [id^="block-martis-views-block-partners-block-"] a.partner-slide-logo-link,
  #block-martis-views-block-partners-block-1 .views-field.views-field-field-image .field-content,
  #block-martis-views-block-partners-block-1 .views-field.views-field-field-image .media {
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    max-width: 120px !important;
    max-height: 120px !important;
    aspect-ratio: 1 / 1 !important;
  }

  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image .field-content img,
  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image .media img,
  [id^="block-martis-views-block-partners-block-"] .views-field-field-image .field-content img {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
}
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image,
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image .views-label {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
}
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image .field-content,
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image .media,
[id^="block-martis-views-block-partners-block-"] a.partner-slide-logo-link {
  width: 140px !important;
  height: 140px !important;
  min-width: 140px !important;
  min-height: 140px !important;
  max-width: 140px !important;
  max-height: 140px !important;
  border-radius: 50% !important;
  border: 2px solid #000 !important;
  background: #fff !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding: 0.55rem !important;
}

[id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image img,
[id^="block-martis-views-block-partners-block-"] a.partner-slide-logo-link img {
  border-radius: 0 !important;
  border: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 991.98px) {
  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image .field-content,
  [id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image .media,
  [id^="block-martis-views-block-partners-block-"] a.partner-slide-logo-link {
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    max-width: 120px !important;
    max-height: 120px !important;
  }
}
#block-martis-views-block-partners-block-1 .views-field-field-image .field-content,
#block-martis-views-block-partners-block-2 .views-field-field-image .field-content,
#block-martis-views-block-partners-block-3 .views-field-field-image .field-content,
#block-martis-views-block-partners-block-4 .views-field-field-image .field-content,
#block-martis-views-block-partners-block-5 .views-field-field-image .field-content,
#block-martis-views-block-partners-block-6 .views-field-field-image .field-content,
#block-martis-views-block-partners-block-7 .views-field-field-image .field-content,
[id^="block-martis-views-block-partners-block-"] .views-field.views-field-field-image > .field-content {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  aspect-ratio: auto !important;
}
#block-martis-views-block-partners-block-1 .views-field-field-image a.partner-slide-logo-link,
#block-martis-views-block-partners-block-2 .views-field-field-image a.partner-slide-logo-link,
#block-martis-views-block-partners-block-3 .views-field-field-image a.partner-slide-logo-link,
#block-martis-views-block-partners-block-4 .views-field-field-image a.partner-slide-logo-link,
#block-martis-views-block-partners-block-5 .views-field-field-image a.partner-slide-logo-link,
#block-martis-views-block-partners-block-6 .views-field-field-image a.partner-slide-logo-link,
#block-martis-views-block-partners-block-7 .views-field-field-image a.partner-slide-logo-link,
[id^="block-martis-views-block-partners-block-"] a.partner-slide-logo-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 140px !important;
  height: 140px !important;
  min-width: 140px !important;
  min-height: 140px !important;
  max-width: 140px !important;
  max-height: 140px !important;
  margin: 0.25rem auto !important;
  padding: 0.55rem !important;
  border: 2px solid #000 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  box-shadow: 0 3px 10px rgba(59, 10, 92, 0.12) !important;
}
#block-martis-views-block-partners-block-1 .views-field-field-image a.partner-slide-logo-link .media,
#block-martis-views-block-partners-block-2 .views-field-field-image a.partner-slide-logo-link .media,
#block-martis-views-block-partners-block-3 .views-field-field-image a.partner-slide-logo-link .media,
#block-martis-views-block-partners-block-4 .views-field-field-image a.partner-slide-logo-link .media,
#block-martis-views-block-partners-block-5 .views-field-field-image a.partner-slide-logo-link .media,
#block-martis-views-block-partners-block-6 .views-field-field-image a.partner-slide-logo-link .media,
#block-martis-views-block-partners-block-7 .views-field-field-image a.partner-slide-logo-link .media,
[id^="block-martis-views-block-partners-block-"] a.partner-slide-logo-link .media {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

#block-martis-views-block-partners-block-1 .views-field-field-image img,
#block-martis-views-block-partners-block-2 .views-field-field-image img,
#block-martis-views-block-partners-block-3 .views-field-field-image img,
#block-martis-views-block-partners-block-4 .views-field-field-image img,
#block-martis-views-block-partners-block-5 .views-field-field-image img,
#block-martis-views-block-partners-block-6 .views-field-field-image img,
#block-martis-views-block-partners-block-7 .views-field-field-image img,
[id^="block-martis-views-block-partners-block-"] .views-field-field-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 991.98px) {
  #block-martis-views-block-partners-block-1 .views-field-field-image a.partner-slide-logo-link,
  #block-martis-views-block-partners-block-2 .views-field-field-image a.partner-slide-logo-link,
  #block-martis-views-block-partners-block-3 .views-field-field-image a.partner-slide-logo-link,
  #block-martis-views-block-partners-block-4 .views-field-field-image a.partner-slide-logo-link,
  #block-martis-views-block-partners-block-5 .views-field-field-image a.partner-slide-logo-link,
  #block-martis-views-block-partners-block-6 .views-field-field-image a.partner-slide-logo-link,
  #block-martis-views-block-partners-block-7 .views-field-field-image a.partner-slide-logo-link,
  [id^="block-martis-views-block-partners-block-"] a.partner-slide-logo-link {
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    max-width: 120px !important;
    max-height: 120px !important;
  }
}
#block-martis-views-block-partners-block-1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .field-content,
#block-martis-views-block-partners-block-2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .field-content,
#block-martis-views-block-partners-block-3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .field-content,
#block-martis-views-block-partners-block-4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .field-content,
#block-martis-views-block-partners-block-5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .field-content,
#block-martis-views-block-partners-block-6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .field-content,
#block-martis-views-block-partners-block-7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field .field-content {
}
#block-martis-views-block-partners-block-1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-1 #views_slideshow_cycle_teaser_section_partners-block_1 .views-field.views-field-field-image .field-content,
#block-martis-views-block-partners-block-1 #views_slideshow_cycle_main_partners-block_1 .views-field.views-field-field-image .field-content {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: none !important;
  min-width: 0 !important;
  height: fit-content !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 none transparent !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  aspect-ratio: auto !important;
}
#block-martis-views-block-partners-block-1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image a.partner-slide-logo-link,
#block-martis-views-block-partners-block-2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image a.partner-slide-logo-link,
#block-martis-views-block-partners-block-3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image a.partner-slide-logo-link,
#block-martis-views-block-partners-block-4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image a.partner-slide-logo-link,
#block-martis-views-block-partners-block-5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image a.partner-slide-logo-link,
#block-martis-views-block-partners-block-6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image a.partner-slide-logo-link,
#block-martis-views-block-partners-block-7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image a.partner-slide-logo-link {
  display: flex !important;
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  min-height: 120px !important;
  max-width: 120px !important;
  max-height: 120px !important;
  border: 2px solid #000 !important;
  border-radius: 50% !important;
  background: #fff !important;
  padding: 0.5rem !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0.25rem auto !important;
}

@media (min-width: 992px) {
  #block-martis-views-block-partners-block-1 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image a.partner-slide-logo-link,
  #block-martis-views-block-partners-block-2 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image a.partner-slide-logo-link,
  #block-martis-views-block-partners-block-3 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image a.partner-slide-logo-link,
  #block-martis-views-block-partners-block-4 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image a.partner-slide-logo-link,
  #block-martis-views-block-partners-block-5 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image a.partner-slide-logo-link,
  #block-martis-views-block-partners-block-6 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image a.partner-slide-logo-link,
  #block-martis-views-block-partners-block-7 [id^="views_slideshow_cycle_div_partners-block_"] .views-field.views-field-field-image a.partner-slide-logo-link {
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    min-height: 140px !important;
    max-width: 140px !important;
    max-height: 140px !important;
  }
}

html body #wrapper .jd-hub-intro,
html body #wrapper .hub-intro,
html body #wrapper .partners-listing-intro.hub-intro {
  max-width: 46rem !important;
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

html body #wrapper .jd-hub-intro__cta,
html body #wrapper .hub-intro__cta,
html body #wrapper .hub-intro__links,
html body #wrapper .partners-listing-intro .hub-intro__links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.55rem 0.65rem !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0.15rem 0 0 !important;
}

html body #wrapper a.jd-hub-intro__btn,
html body #wrapper a.hub-intro__btn,
html body #wrapper .jd-hub-intro a.button,
html body #wrapper .hub-intro a.button,
html body #wrapper .jd-hub-intro__cta a,
html body #wrapper .partners-listing-intro a.hub-intro__btn,
html body #wrapper .partners-hub__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.85rem !important;
  padding: 0.7rem 1.4rem !important;
  border: 2px solid #000 !important;
  border-radius: 999px !important;
  background: #6716aa !important;
  background-image: none !important;
  background-color: #6716aa !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.98rem !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: 100% !important;
  opacity: 1 !important;
}

html body #wrapper a.jd-hub-intro__btn:hover,
html body #wrapper a.hub-intro__btn:hover,
html body #wrapper a.jd-hub-intro__btn:focus-visible,
html body #wrapper a.hub-intro__btn:focus-visible,
html body #wrapper .partners-listing-intro a.hub-intro__btn:hover,
html body #wrapper .partners-hub__btn:hover {
  background: #3b0a5c !important;
  background-color: #3b0a5c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  filter: none !important;
  outline: 2px solid #b781e3 !important;
  outline-offset: 2px !important;
}

html body #wrapper a.jd-hub-intro__btn--ghost,
html body #wrapper a.hub-intro__btn--ghost,
html body #wrapper .partners-listing-intro a.hub-intro__btn--ghost,
html body #wrapper .partners-hub__btn--ghost {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
}

html body #wrapper a.jd-hub-intro__btn--ghost:hover,
html body #wrapper a.hub-intro__btn--ghost:hover,
html body #wrapper a.jd-hub-intro__btn--ghost:focus-visible,
html body #wrapper a.hub-intro__btn--ghost:focus-visible {
  background: #f3e8ff !important;
  color: #3b0a5c !important;
  -webkit-text-fill-color: #3b0a5c !important;
}

@media (max-width: 767.98px) {
  html body #wrapper #content-wide-top .row.layout,
  html body #wrapper #content-wide-top .layout.layout--onecol,
  html body #wrapper #content-wide-top .layout__region,
  html body #wrapper #content-wide-top .layout__region--content,
  html body #wrapper .view-header .row.layout,
  html body #wrapper .view-header .layout__region--content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body #wrapper .jd-hub-intro,
  html body #wrapper .hub-intro,
  html body #wrapper .partners-listing-intro.hub-intro {
    width: calc(100% - 2rem) !important;
    max-width: calc(100% - 2rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  
  html body[class*="-partners"] #wrapper .view-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body #wrapper .jd-hub-intro__cta,
  html body #wrapper .hub-intro__cta,
  html body #wrapper .hub-intro__links,
  html body #wrapper .partners-listing-intro .hub-intro__links {
    justify-content: stretch !important;
    width: 100% !important;
  }

  html body #wrapper a.jd-hub-intro__btn,
  html body #wrapper a.hub-intro__btn,
  html body #wrapper .jd-hub-intro a.button,
  html body #wrapper .hub-intro a.button,
  html body #wrapper .jd-hub-intro__cta a,
  html body #wrapper .partners-listing-intro a.hub-intro__btn,
  html body #wrapper .partners-hub__btn {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 767.98px) {
  article.blog-post-teaser.post-row {
    margin-bottom: 0rem !important;
  }
  .page-node-type-blog #block-martis-views-block-team-team-carousel-2 {
    margin-top: -4rem !important;
  }
}



html body .slide-additional-content a.slide-seo-cta,
html body .slide-additional-content a.button.slide-seo-cta,
html body .slide-additional-content a.button.btn-lg.slide-seo-cta,
html body .slide-carousel a.button.slide-button-link,
html body .hero.slide-carousel a.button.slide-button-link,
html body.cyb-form-landing .webform-button--submit,
html body.cyb-form-landing .webform-button--next,
html body.cyb-form-landing .webform-button--previous,
html body.cyb-form-landing .webform-button--draft,
html body.cyb-form-landing .webform-button--preview,
html body.cyb-form-landing .webform-ajax-form-wrapper input.webform-button--submit,
html body.cyb-form-landing .webform-ajax-form-wrapper input.webform-button--next,
html body.cyb-form-landing .webform-ajax-form-wrapper input.webform-button--previous,
html body.cyb-form-landing .webform-ajax-form-wrapper input.webform-button--draft,
html body.cyb-form-landing .webform-ajax-form-wrapper input.webform-button--preview,
html body.cyb-form-landing form.webform-submission-form input.webform-button--submit,
html body.cyb-form-landing form.webform-submission-form input.webform-button--next,
html body.cyb-form-landing form.webform-submission-form input.webform-button--previous,
html body.cyb-form-landing form.webform-submission-form input.webform-button--draft,
html body.cyb-form-landing form.webform-submission-form input.webform-button--preview,
html body .webform-submission-form .webform-button--submit,
html body .webform-submission-form .webform-button--next,
html body .webform-submission-form .webform-button--previous,
html body .webform-submission-form .webform-button--draft,
html body .webform-submission-form .webform-button--preview,
html body.path-taxonomy.vocabulary-category .blog-post-teaser a.read-more,
html body.path-taxonomy.vocabulary-tags .blog-post-teaser a.read-more,
html body.path-taxonomy #wrapper .product-teaser-learn-more,
html body.path-taxonomy #wrapper .btn.product-teaser-learn-more,
html body.path-taxonomy #wrapper a.btn.btn-outline-primary.product-teaser-learn-more,
html body.path-taxonomy #wrapper .product-teaser-actions a.product-teaser-learn-more,
html body.path-taxonomy #wrapper .product-select a.button,
html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .form-submit,
html body.path-taxonomy #wrapper #views-exposed-form-product-catalog-product-catalog-search input.form-submit,
html body.path-taxonomy #wrapper .views-exposed-form input.form-submit,
html body.path-taxonomy #wrapper #views-exposed-form-blog-search-blog-search .form-submit {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  width: auto !important;
  min-width: min(100%, 12.5rem) !important;
  max-width: 100% !important;
  min-height: 2.85rem !important;
  margin: 0 !important;
  padding: 0rem 1.35rem !important;
  border: 2px solid #000 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #9b4dd4 0%, #6716aa 55%, #3b0a5c 100%) !important;
  background-color: #7b2cbf !important;
  background-image: linear-gradient(180deg, #9b4dd4 0%, #6716aa 55%, #3b0a5c 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: var(--jd-font-display) !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  font-style: normal !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35) !important;
  white-space: normal !important;
  word-break: break-word !important;
  box-shadow:
    0 3px 0 #000,
    0 8px 18px rgba(123, 44, 191, 0.35) !important;
  cursor: pointer !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
  box-sizing: border-box !important;
}

html body .slide-additional-content a.slide-seo-cta:hover,
html body .slide-additional-content a.button.slide-seo-cta:hover,
html body .slide-additional-content a.button.btn-lg.slide-seo-cta:hover,
html body .slide-carousel a.button.slide-button-link:hover,
html body .hero.slide-carousel a.button.slide-button-link:hover,
html body.cyb-form-landing .webform-button--submit:hover,
html body.cyb-form-landing .webform-button--next:hover,
html body.cyb-form-landing .webform-button--previous:hover,
html body.cyb-form-landing .webform-button--draft:hover,
html body.cyb-form-landing .webform-button--preview:hover,
html body.cyb-form-landing .webform-ajax-form-wrapper input.webform-button--submit:hover,
html body.cyb-form-landing .webform-ajax-form-wrapper input.webform-button--next:hover,
html body.cyb-form-landing .webform-ajax-form-wrapper input.webform-button--previous:hover,
html body.cyb-form-landing .webform-ajax-form-wrapper input.webform-button--draft:hover,
html body.cyb-form-landing .webform-ajax-form-wrapper input.webform-button--preview:hover,
html body .webform-submission-form .webform-button--submit:hover,
html body .webform-submission-form .webform-button--next:hover,
html body .webform-submission-form .webform-button--previous:hover,
html body .webform-submission-form .webform-button--draft:hover,
html body .webform-submission-form .webform-button--preview:hover,
html body.path-taxonomy #wrapper .product-teaser-learn-more:hover,
html body.path-taxonomy #wrapper .btn.product-teaser-learn-more:hover,
html body.path-taxonomy #wrapper .product-select a.button:hover,
html body.path-taxonomy #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .form-submit:hover,
html body.path-taxonomy #wrapper #views-exposed-form-product-catalog-product-catalog-search input.form-submit:hover,
html body.path-taxonomy #wrapper #views-exposed-form-blog-search-blog-search .form-submit:hover,
html body .slide-additional-content a.slide-seo-cta:focus-visible,
html body .slide-carousel a.button.slide-button-link:focus-visible,
html body.cyb-form-landing .webform-button--submit:focus-visible,
html body.cyb-form-landing .webform-button--next:focus-visible,
html body.cyb-form-landing .webform-button--previous:focus-visible,
html body.cyb-form-landing .webform-button--draft:focus-visible,
html body.cyb-form-landing .webform-button--preview:focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #a855f7 0%, #7b2cbf 50%, #6716aa 100%) !important;
  background-image: linear-gradient(180deg, #a855f7 0%, #7b2cbf 50%, #6716aa 100%) !important;
  filter: brightness(1.05) !important;
  transform: translateY(-2px) scale(1.03) !important;
  box-shadow:
    0 4px 0 #000,
    0 12px 22px rgba(123, 44, 191, 0.45) !important;
  text-decoration: none !important;
}

html body .slide-additional-content a.slide-seo-cta:active,
html body .slide-carousel a.button.slide-button-link:active,
html body.cyb-form-landing .webform-button--submit:active,
html body.cyb-form-landing .webform-button--next:active,
html body.cyb-form-landing .webform-button--previous:active,
html body.cyb-form-landing .webform-button--draft:active,
html body.cyb-form-landing .webform-button--preview:active,
html body .webform-submission-form .webform-button--submit:active,
html body .webform-submission-form .webform-button--next:active,
html body .webform-submission-form .webform-button--previous:active,
html body .webform-submission-form .webform-button--draft:active,
html body .webform-submission-form .webform-button--preview:active,
html body.path-taxonomy #wrapper .product-teaser-learn-more:active {
  transform: translateY(1px) scale(1) !important;
  box-shadow:
    0 1px 0 #000,
    0 4px 10px rgba(123, 44, 191, 0.28) !important;
}

html body .slide-additional-content a.slide-seo-cta:focus-visible,
html body .slide-carousel a.button.slide-button-link:focus-visible,
html body.cyb-form-landing .webform-button--submit:focus-visible,
html body.cyb-form-landing .webform-button--next:focus-visible,
html body.cyb-form-landing .webform-button--previous:focus-visible,
html body.cyb-form-landing .webform-button--draft:focus-visible,
html body.cyb-form-landing .webform-button--preview:focus-visible {
  outline: 3px solid #c9a227 !important;
  outline-offset: 3px !important;
}

html body .slide-additional-content .text-md-end a.slide-seo-cta,
html body .slide-carousel .slide-button {
  overflow: visible !important;
}


html body.path-taxonomy.vocabulary-category .blog-post-teaser .post-link,
html body.path-taxonomy.vocabulary-tags .blog-post-teaser .post-link {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}


html body.path-taxonomy #wrapper .product-teaser-actions {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}


html body.path-taxonomy #wrapper .product-teaser-learn-more,
html body.path-taxonomy #wrapper .product-select a.button {
  width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 767.98px) {
  html body .slide-additional-content a.slide-seo-cta,
  html body .slide-additional-content a.button.slide-seo-cta,
  html body[class*="page-"] .slide-additional-content a.slide-seo-cta,
  html body .slide-carousel a.button.slide-button-link,
  html body.cyb-form-landing .webform-button--submit,
  html body.cyb-form-landing .webform-button--next,
  html body.cyb-form-landing .webform-button--previous,
  html body.cyb-form-landing .webform-button--draft,
  html body.cyb-form-landing .webform-button--preview,
  html body .webform-submission-form .webform-button--submit,
  html body .webform-submission-form .webform-button--next,
  html body .webform-submission-form .webform-button--previous,
  html body .webform-submission-form .webform-button--draft,
  html body .webform-submission-form .webform-button--preview,
  html body.path-taxonomy .blog-post-teaser a.read-more,
  html body.path-taxonomy #wrapper .product-teaser-learn-more {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0.85rem 1rem !important;
    font-size: 1.08rem !important;
  }
}

html body.cyb-form-landing fieldset[data-drupal-selector="edit-how-should-we-contact-you-"],
html body.cyb-form-landing fieldset[data-drupal-selector="edit-preferred-contact"],
html body.cyb-form-landing fieldset[data-drupal-selector="edit-preferred-contact-method"],
html body.cyb-form-landing fieldset[data-drupal-selector="edit-how-should-we-contact-you-"] .fieldset-wrapper,
html body.cyb-form-landing fieldset[data-drupal-selector="edit-preferred-contact"] .fieldset-wrapper,
html body.cyb-form-landing fieldset[data-drupal-selector="edit-preferred-contact-method"] .fieldset-wrapper {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
}

html body.cyb-form-landing div[class="js-webform-radios webform-options-display-one-column radios"],
html body.cyb-form-landing .js-webform-radios.webform-options-display-one-column.radios {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)) !important;
  justify-items: stretch !important;
  gap: 0.55rem !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body.cyb-form-landing #edit-preferred-contact-method.webform-options-display-one-column,
html body.cyb-form-landing #edit-preferred-contact-method {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.cyb-form-landing div[class="js-webform-radios webform-options-display-one-column radios"] .form-item,
html body.cyb-form-landing .js-webform-radios.webform-options-display-one-column .form-item {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  flex: 1 1 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.cyb-form-landing div[class="js-webform-radios webform-options-display-one-column radios"] label.option,
html body.cyb-form-landing div[class="js-webform-radios webform-options-display-one-column radios"] .control-label.option {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 2.85rem !important;
  margin: 0 !important;
  padding: 0.7rem 0.75rem !important;
  background: #ffffff !important;
  border: 1px solid #c5d4cb !important;
  border-radius: 12px !important;
  color: #10231a !important;
  -webkit-text-fill-color: #10231a !important;
  font-weight: 700 !important;
}

html body.cyb-form-landing div[class="js-webform-radios webform-options-display-one-column radios"] input:checked + label.option {
  background: #6716aa !important;
  border: 2px solid #000 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body.cyb-form-landing #edit-how-should-we-contact-you-,
html body.cyb-form-landing #edit-preferred-contact {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.55rem !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body.cyb-form-landing #edit-preferred-contact-method {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.55rem !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body.cyb-form-landing #edit-how-should-we-contact-you- input.form-radio,
html body.cyb-form-landing #edit-preferred-contact input.form-radio,
html body.cyb-form-landing #edit-preferred-contact-method input.form-radio {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
}

html body.cyb-form-landing #edit-how-should-we-contact-you- label.option,
html body.cyb-form-landing #edit-preferred-contact label.option,
html body.cyb-form-landing #edit-preferred-contact-method label.option {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 2.85rem !important;
  padding: 0.7rem 0.75rem !important;
  background: #ffffff !important;
  border: 1px solid #c5d4cb !important;
  border-radius: 12px !important;
  color: #10231a !important;
  -webkit-text-fill-color: #10231a !important;
  font-weight: 700 !important;
}

html body.cyb-form-landing #edit-how-should-we-contact-you- input.form-radio:checked + label,
html body.cyb-form-landing #edit-preferred-contact input.form-radio:checked + label,
html body.cyb-form-landing #edit-preferred-contact-method input.form-radio:checked + label {
  background: #6716aa !important;
  border: 2px solid #000 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body.cyb-form-landing .js-webform-checkboxes,
html body.cyb-form-landing .form-checkboxes,
html body.cyb-form-landing fieldset.webform-type-checkboxes .js-webform-checkboxes,
html body.cyb-form-landing fieldset.webform-type-webform-checkboxes .js-webform-checkboxes {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)) !important;
  justify-items: stretch !important;
  gap: 0.55rem !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body.cyb-form-landing .js-webform-checkboxes > .form-item,
html body.cyb-form-landing .form-checkboxes > .form-item {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.cyb-form-landing .js-webform-checkboxes input.form-checkbox,
html body.cyb-form-landing .form-checkboxes input.form-checkbox {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
}

html body.cyb-form-landing .js-webform-checkboxes label.option,
html body.cyb-form-landing .form-checkboxes label.option,
html body.cyb-form-landing .js-webform-checkboxes label.control-label.option,
html body.cyb-form-landing .form-checkboxes label.control-label.option {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 2.85rem !important;
  margin: 0 !important;
  padding: 0.7rem 0.75rem !important;
  background: #ffffff !important;
  border: 1px solid #c5d4cb !important;
  border-radius: 12px !important;
  color: #10231a !important;
  -webkit-text-fill-color: #10231a !important;
  font-family: var(--jd-font-display) !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-shadow: none !important;
  cursor: pointer !important;
}

html body.cyb-form-landing .js-webform-checkboxes input.form-checkbox:checked + label.option,
html body.cyb-form-landing .form-checkboxes input.form-checkbox:checked + label,
html body.cyb-form-landing .js-webform-checkboxes .form-item:has(input:checked) label.option,
html body.cyb-form-landing .form-checkboxes .form-item:has(input:checked) label.option {
  background: #6716aa !important;
  border: 2px solid #000 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}

html body.cyb-form-landing .messages.messages--error,
html body.cyb-form-landing .form-item--error-message,
html body.cyb-form-landing .form-item--error-message.alert {
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  font-family: var(--jd-font-display) !important;
}

html body.cyb-form-landing .form-item-terms,
html body.cyb-form-landing .js-form-item-terms,
html body.cyb-form-landing .webform-type-checkbox.form-item-terms,
html body.cyb-form-landing .fieldset-wrapper .form-item.form-item-terms,
html body.cyb-form-landing .fieldset-wrapper .js-form-item.form-item-terms,
html body.cyb-form-landing .webform-ajax-form-wrapper .form-item-terms,
html body.cyb-form-landing .webform-ajax-form-wrapper .fieldset-wrapper .form-item.form-item-terms {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin-top: 0.35rem !important;
  padding: 0.9rem 1rem 0.9rem 2.85rem !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #c5d4cb !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

html body.cyb-form-landing .form-item-terms input.form-checkbox,
html body.cyb-form-landing .js-form-item-terms input.form-checkbox {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
}

html body.cyb-form-landing .form-item-terms label.option,
html body.cyb-form-landing .js-form-item-terms label.option,
html body.cyb-form-landing .form-item-terms label {
  display: block !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #10231a !important;
  -webkit-text-fill-color: #10231a !important;
  font-family: var(--jd-font-display) !important;
  font-weight: 550 !important;
  line-height: 1.45 !important;
  text-align: left !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

html body.cyb-form-landing .form-item-terms label::before,
html body.cyb-form-landing .js-form-item-terms label::before {
  content: "" !important;
  position: absolute !important;
  left: 1rem !important;
  top: 1.05rem !important;
  width: 1.15rem !important;
  height: 1.15rem !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1.5px solid #c5d4cb !important;
  border-radius: 4px !important;
}

html body.cyb-form-landing .form-item-terms input:checked + label::before,
html body.cyb-form-landing .js-form-item-terms input:checked + label::before {
  background: #6716aa !important;
  border: 2px solid #000 !important;
  box-shadow: inset 0 0 0 2px #ffffff !important;
}

@media (max-width: 767.98px) {
  html body.cyb-form-landing #edit-how-should-we-contact-you-,
  html body.cyb-form-landing #edit-preferred-contact,
  html body.cyb-form-landing #edit-preferred-contact-method,
  html body.cyb-form-landing .js-webform-radios,
  html body.cyb-form-landing .js-webform-checkboxes,
  html body.cyb-form-landing .form-checkboxes {
    grid-template-columns: 1fr !important;
  }
}
html body #wrapper .hub-intro a.button.hub-intro__btn.hub-intro__btn--consult,
html body #wrapper .hub-intro a.hub-intro__btn--consult,
html body.path-taxonomy #wrapper .hub-intro a.button.hub-intro__btn--consult,
html body[class*="-automotive-services"] #wrapper .hub-intro a.button.hub-intro__btn--consult,
html body[class*="-marine-and-rv-services"] #wrapper .hub-intro a.button.hub-intro__btn--consult {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  width: auto !important;
  min-width: min(100%, 12.5rem) !important;
  max-width: 100% !important;
  min-height: 2.85rem !important;
  margin: 0 !important;
  padding: 0.75rem 1.35rem !important;
  border: 2px solid #000 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #9b4dd4 0%, #6716aa 55%, #3b0a5c 100%) !important;
  background-color: #7b2cbf !important;
  background-image: linear-gradient(180deg, #9b4dd4 0%, #6716aa 55%, #3b0a5c 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: var(--jd-font-display) !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  font-style: normal !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35) !important;
  white-space: normal !important;
  box-shadow:
    0 3px 0 #000,
    0 8px 18px rgba(123, 44, 191, 0.35) !important;
  cursor: pointer !important;
  transform: none !important;
  filter: none !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
  box-sizing: border-box !important;
}

html body #wrapper .hub-intro a.button.hub-intro__btn.hub-intro__btn--consult::after,
html body #wrapper .hub-intro a.hub-intro__btn--consult::after,
html body.path-taxonomy #wrapper .hub-intro a.button.hub-intro__btn--consult::after,
html body[class*="-automotive-services"] #wrapper .hub-intro a.button.hub-intro__btn--consult::after,
html body[class*="-marine-and-rv-services"] #wrapper .hub-intro a.button.hub-intro__btn--consult::after {
  content: " →" !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
}

html body #wrapper .hub-intro a.button.hub-intro__btn.hub-intro__btn--consult:hover,
html body #wrapper .hub-intro a.hub-intro__btn--consult:hover,
html body #wrapper .hub-intro a.button.hub-intro__btn.hub-intro__btn--consult:focus-visible,
html body.path-taxonomy #wrapper .hub-intro a.button.hub-intro__btn--consult:hover,
html body[class*="-automotive-services"] #wrapper .hub-intro a.button.hub-intro__btn--consult:hover,
html body[class*="-marine-and-rv-services"] #wrapper .hub-intro a.button.hub-intro__btn--consult:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #a855f7 0%, #7b2cbf 50%, #6716aa 100%) !important;
  background-image: linear-gradient(180deg, #a855f7 0%, #7b2cbf 50%, #6716aa 100%) !important;
  filter: brightness(1.05) !important;
  transform: translateY(-2px) scale(1.03) !important;
  box-shadow:
    0 4px 0 #000,
    0 12px 22px rgba(123, 44, 191, 0.45) !important;
  text-decoration: none !important;
}


html body[class*="-automotive-services"] #wrapper .hub-intro .hub-intro__links,
html body[class*="-marine-and-rv-services"] #wrapper .hub-intro .hub-intro__links {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  text-align: center !important;
}


html body[class*="-automotive-services"] #wrapper .hub-intro a.hub-intro__btn--consult,
html body[class*="-marine-and-rv-services"] #wrapper .hub-intro a.hub-intro__btn--consult {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 767.98px) {
  html body #wrapper .hub-intro a.button.hub-intro__btn.hub-intro__btn--consult,
  html body #wrapper .hub-intro a.hub-intro__btn--consult,
  html body.path-taxonomy #wrapper .hub-intro a.button.hub-intro__btn--consult,
  html body[class*="-automotive-services"] #wrapper .hub-intro a.button.hub-intro__btn--consult,
  html body[class*="-marine-and-rv-services"] #wrapper .hub-intro a.button.hub-intro__btn--consult {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0.85rem 1rem !important;
    font-size: 1.05rem !important;
  }

  html body #wrapper .hub-intro .hub-intro__links {
    width: 100% !important;
  }
}

html body #wrapper #content-wide-top #block-martis-exposedformblog-searchblog-search .form-submit,
html body #wrapper #content-wide-top #block-martis-exposedformproduct-catalogproduct-catalog-search .form-submit,
html body #wrapper #content-wide-top #edit-submit-blog-search,
html body #wrapper #content-wide-top [id^="edit-submit-product-catalog"] {
  min-width: 8.75rem !important;
  width: auto !important;
  max-width: none !important;
  flex-shrink: 0 !important;
}

html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .partners-listing-intro .hub-intro__btn:not(.hub-intro__btn--ghost),
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .view-header .hub-intro__btn:not(.hub-intro__btn--ghost),
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .partner-teaser__cta {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  width: auto !important;
  min-width: min(100%, 12.5rem) !important;
  max-width: 100% !important;
  min-height: 2.85rem !important;
  margin: 0 !important;
  padding: 0.75rem 1.35rem !important;
  border: 2px solid #000 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #9b4dd4 0%, #6716aa 55%, #3b0a5c 100%) !important;
  background-color: #7b2cbf !important;
  background-image: linear-gradient(180deg, #9b4dd4 0%, #6716aa 55%, #3b0a5c 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: var(--jd-font-display) !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  font-style: normal !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35) !important;
  white-space: normal !important;
  box-shadow:
    0 3px 0 #000,
    0 8px 18px rgba(123, 44, 191, 0.35) !important;
  cursor: pointer !important;
  transform: none !important;
  filter: none !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
  box-sizing: border-box !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .partner-teaser__cta {
  min-width: 0 !important;
  min-height: 2.5rem !important;
  margin-top: auto !important;
  padding: 0.5rem 1.15rem !important;
  font-size: 0.95rem !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .partners-listing-intro .hub-intro__btn:not(.hub-intro__btn--ghost)::after,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .view-header .hub-intro__btn:not(.hub-intro__btn--ghost)::after,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .partner-teaser__cta::after {
  content: " →" !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .partners-listing-intro .hub-intro__btn:not(.hub-intro__btn--ghost):hover,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .view-header .hub-intro__btn:not(.hub-intro__btn--ghost):hover,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .partner-teaser__cta:hover,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .partner-teaser__cta:focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #a855f7 0%, #7b2cbf 50%, #6716aa 100%) !important;
  background-image: linear-gradient(180deg, #a855f7 0%, #7b2cbf 50%, #6716aa 100%) !important;
  filter: brightness(1.05) !important;
  transform: translateY(-2px) scale(1.03) !important;
  box-shadow:
    0 4px 0 #000,
    0 12px 22px rgba(123, 44, 191, 0.45) !important;
  text-decoration: none !important;
}

@media (max-width: 767.98px) {
  
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .partners-listing-intro .hub-intro__btn:not(.hub-intro__btn--ghost),
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .view-header .hub-intro__btn:not(.hub-intro__btn--ghost),
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .partner-teaser__cta {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0.85rem 1rem !important;
    font-size: 1.05rem !important;
  }
}

html body.path-taxonomy #wrapper #views-exposed-form-product-category-listings-page-category .form-submit,
html body.path-taxonomy #wrapper #views-exposed-form-brand-product-listings-page-brand .form-submit,
html body.path-taxonomy #wrapper .product-catalog > form.views-exposed-form:not(#views-exposed-form-product-catalog-product-catalog-search) .form-submit {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 8.75rem !important;
  max-width: 100% !important;
  min-height: 2.85rem !important;
  margin: 0 !important;
  padding: 0.75rem 1.35rem !important;
  border: 2px solid #000 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #9b4dd4 0%, #6716aa 55%, #3b0a5c 100%) !important;
  background-color: #7b2cbf !important;
  background-image: linear-gradient(180deg, #9b4dd4 0%, #6716aa 55%, #3b0a5c 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: var(--jd-font-display) !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35) !important;
  box-shadow:
    0 3px 0 #000,
    0 8px 18px rgba(123, 44, 191, 0.35) !important;
  cursor: pointer !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
  box-sizing: border-box !important;
}


html body.path-taxonomy #wrapper #views-exposed-form-product-category-listings-page-category .form-submit:hover,
html body.path-taxonomy #wrapper #views-exposed-form-brand-product-listings-page-brand .form-submit:hover,
html body.path-taxonomy #wrapper .product-catalog > form.views-exposed-form:not(#views-exposed-form-product-catalog-product-catalog-search) .form-submit:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #a855f7 0%, #7b2cbf 50%, #6716aa 100%) !important;
  background-image: linear-gradient(180deg, #a855f7 0%, #7b2cbf 50%, #6716aa 100%) !important;
  filter: brightness(1.05) !important;
  transform: translateY(-2px) scale(1.03) !important;
  box-shadow:
    0 4px 0 #000,
    0 12px 22px rgba(123, 44, 191, 0.45) !important;
}
@media (max-width: 767.98px) {
  html body.cyb-form-landing #edit-how-should-we-contact-you-,
  html body.cyb-form-landing #edit-preferred-contact,
  html body.cyb-form-landing #edit-preferred-contact-method,
  html body.cyb-form-landing #edit-preferred-contact-method.webform-options-display-one-column,
  html body.cyb-form-landing .js-webform-radios,
  html body.cyb-form-landing .js-webform-radios.webform-options-display-one-column.radios,
  html body.cyb-form-landing .js-webform-checkboxes,
  html body.cyb-form-landing .form-checkboxes,
  html body.cyb-form-landing fieldset[aria-invalid="true"] .js-webform-radios,
  html body.cyb-form-landing fieldset[aria-invalid="true"] .js-webform-checkboxes,
  html body.cyb-form-landing fieldset[aria-invalid="true"] .form-checkboxes {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767.98px) {
  
  html body.path-taxonomy #wrapper #views-exposed-form-product-category-listings-page-category .form-submit,
  html body.path-taxonomy #wrapper #views-exposed-form-brand-product-listings-page-brand .form-submit,
  html body.path-taxonomy #wrapper .product-catalog > form.views-exposed-form:not(#views-exposed-form-product-catalog-product-catalog-search) .form-submit {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0.85rem 1rem !important;
    font-size: 1.05rem !important;
  }
}
@media (max-width: 1000px) {
  
  html body.path-taxonomy #wrapper #views-exposed-form-product-category-listings-page-category,
  html body.path-taxonomy #wrapper #views-exposed-form-brand-product-listings-page-brand,
  html body.path-taxonomy #wrapper .product-catalog > form.views-exposed-form:not(#views-exposed-form-product-catalog-product-catalog-search) {
    margin-top: 1.5rem !important;
    margin-bottom: -1rem !important;
    margin-right: auto !important;
    margin-left: 0rem !important;
  }
}

html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper #main-content,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .region.region-content,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .main-content,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .content-layout {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .row.grid-noppading.grid-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  column-gap: 0px !important;
  row-gap: 0px !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .partners-listing-col.col-12.col-sm-12.col-md-6.col-lg-4.grid-item,
html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .row.grid-noppading.grid-wrapper > .grid-item {
  flex: 0 1 calc(50% - 10px) !important;
  max-width: calc(50% - 10px) !important;
  width: calc(50% - 10px) !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-bottom: -2rem !important;
}

@media (max-width: 767.98px) {
  
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .partners-listing-col.col-12.col-sm-12.col-md-6.col-lg-4.grid-item,
  html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) #wrapper .row.grid-noppading.grid-wrapper > .grid-item {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: -1rem !important;
  }
}

html body.path-taxonomy.vocabulary-category .blog-post-teaser a.read-more:hover,
html body.path-taxonomy.vocabulary-tags .blog-post-teaser a.read-more:hover {
  background: linear-gradient(180deg, #9b4dd4 0%, #6716aa 55%, #3b0a5c 100%) !important;
  background-color: #7b2cbf !important;
  background-image: linear-gradient(180deg, #9b4dd4 0%, #6716aa 55%, #3b0a5c 100%) !important;
  filter: none !important;
}


html body[class*="page-"][class*="-partners"]:not(.page-node-type-partners) .partner-teaser__summary {
  background: #ffffff !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #1a0a24 !important;
  -webkit-text-fill-color: #1a0a24 !important;
}

html body .animate__animated:not([data-cyb-done]),
html body .animate__animated:not([data-cyb-done]) *,
html body .animate__animated:not([data-cyb-done]) *::before,
html body .animate__animated:not([data-cyb-done]) *::after {
  pointer-events: none !important;
}

html body header .animate__animated,
html body header .animate__animated *,
html body .header .animate__animated,
html body .header .animate__animated *,
html body #main-menu .animate__animated,
html body #main-menu .animate__animated * {
  pointer-events: auto !important;
}




html body .webform-submission-form {
  --jd-wf-deep: #3b0a5c;
  --jd-wf-purple: #6716aa;
  --jd-wf-violet: #9d4edd;
  --jd-wf-accent: #9d4edd;
  --jd-wf-accent-deep: #7b2cbf;
  --jd-wf-accent-soft: #e9d5ff;
  --jd-wf-lilac: #f3e8ff;
  --jd-wf-mist: #faf5ff;
  --jd-wf-ink: #211029;
  --jd-wf-body: #475569;
  --jd-wf-muted: #64748b;
  --jd-wf-border: #e7d4fa;
  --jd-wf-border-strong: #d7b5f3;
  --jd-wf-danger: #b4234d;
  --jd-wf-danger-soft: #fff1f5;
  --jd-wf-success: #166534;
  --jd-wf-success-soft: #f0fdf4;
  --jd-wf-shadow: 0 22px 55px rgba(59, 10, 92, 0.11);
  --jd-wf-shadow-soft: 0 12px 30px rgba(59, 10, 92, 0.075);
  --jd-wf-radius: 24px;
  --jd-wf-radius-small: 15px;
  --jd-wf-gutter: 1.5rem;
  --jd-wf-stack: 1.25rem;
  --jd-wf-label: 0.5rem;
  --jd-wf-font: var(--jd-font-text);
}


html body #wrapper form.webform-submission-form.jd-public-webform {
  position: relative !important;
  isolation: isolate;
  overflow: visible !important;
  margin-top: var(--jd-wf-gutter) !important;
  margin-bottom: var(--jd-wf-gutter) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0 0 var(--jd-wf-gutter) !important;
  background: rgba(255, 255, 255, 0.97) !important;
  border: 1px solid var(--jd-wf-border) !important;
  border-radius: var(--jd-wf-radius) !important;
  box-shadow: var(--jd-wf-shadow) !important;
  color: var(--jd-wf-body) !important;
  font-family: var(--jd-wf-font) !important;
  margin-bottom: -2rem !important;
  margin-top: -0.5rem !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form fieldset {
  min-width: 0 !important;
  margin: 0 0 var(--jd-wf-stack) !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--jd-wf-ink) !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form fieldset > legend {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 1.15rem !important;
  padding: 0 0 0.72rem !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--jd-wf-border) !important;
  color: var(--jd-wf-ink) !important;
  text-align: left !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .fieldset-legend,
html body:not(.path-admin) #wrapper .webform-submission-form fieldset > legend > span {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--jd-wf-ink) !important;
  -webkit-text-fill-color: var(--jd-wf-ink) !important;
  font-size: 1.06rem !important;
  font-weight: 820 !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .jd-form-grid.jd-form-grid--2 > .fieldset-wrapper,
html body:not(.path-admin) #wrapper .webform-submission-form .webform-wizard-page.jd-form-grid.jd-form-grid--2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: var(--jd-wf-stack) !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .jd-form-grid > .fieldset-wrapper > *,
html body:not(.path-admin) #wrapper .webform-submission-form .webform-wizard-page.jd-form-grid > * { min-width: 0 !important; }

html body:not(.path-admin) #wrapper .webform-submission-form .jd-form-span-all,
html body:not(.path-admin) #wrapper .webform-submission-form .jd-form-grid > .fieldset-wrapper > .jd-form-span-all,
html body:not(.path-admin) #wrapper .webform-submission-form .webform-wizard-page.jd-form-grid > .jd-form-span-all,
html body:not(.path-admin) #wrapper .webform-submission-form .jd-form-grid > .fieldset-wrapper > fieldset.form-composite {
  grid-column: 1 / -1 !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-item {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 var(--jd-wf-stack) !important;
  padding: 0 !important;
  color: var(--jd-wf-body) !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .jd-form-grid .form-item { margin-bottom: 0 !important; }

html body:not(.path-admin) #wrapper .webform-submission-form .form-item > label:not(.option),
html body:not(.path-admin) #wrapper .webform-submission-form .form-item > .control-label:not(.option),
html body:not(.path-admin) #wrapper .webform-submission-form .webform-element-label {
  display: block !important;
  width: 100% !important;
  margin: 0 0 var(--jd-wf-label) !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--jd-wf-ink) !important;
  -webkit-text-fill-color: var(--jd-wf-ink) !important;
  font-size: 0.94rem !important;
  font-weight: 780 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-shadow: none !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-required::after {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 0 0.16rem !important;
  background: none !important;
  color: var(--jd-wf-accent-deep) !important;
  content: "*" !important;
  font-size: 1em !important;
  font-weight: 900 !important;
  vertical-align: baseline !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .description,
html body:not(.path-admin) #wrapper .webform-submission-form .webform-element-description,
html body:not(.path-admin) #wrapper .webform-submission-form .form-item .help-block {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0.48rem 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--jd-wf-muted) !important;
  -webkit-text-fill-color: var(--jd-wf-muted) !important;
  font-size: 0.82rem !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .description p,
html body:not(.path-admin) #wrapper .webform-submission-form .webform-element-description p {
  margin: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form input[type="text"],
html body:not(.path-admin) #wrapper .webform-submission-form input[type="email"],
html body:not(.path-admin) #wrapper .webform-submission-form input[type="tel"],
html body:not(.path-admin) #wrapper .webform-submission-form input[type="number"],
html body:not(.path-admin) #wrapper .webform-submission-form input[type="url"],
html body:not(.path-admin) #wrapper .webform-submission-form input[type="search"],
html body:not(.path-admin) #wrapper .webform-submission-form input[type="password"],
html body:not(.path-admin) #wrapper .webform-submission-form input[type="date"],
html body:not(.path-admin) #wrapper .webform-submission-form input[type="time"],
html body:not(.path-admin) #wrapper .webform-submission-form input[type="datetime-local"],
html body:not(.path-admin) #wrapper .webform-submission-form select,
html body:not(.path-admin) #wrapper .webform-submission-form textarea {
  -webkit-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 3.35rem !important;
  margin: 0 !important;
  padding: 0.82rem 1rem !important;
  background: #fff !important;
  background-image: none !important;
  border: 1.5px solid var(--jd-wf-border-strong) !important;
  border-radius: 13px !important;
  box-shadow: 0 2px 4px rgba(59, 10, 92, 0.025), inset 0 1px 2px rgba(59, 10, 92, 0.025) !important;
  color: var(--jd-wf-ink) !important;
  -webkit-text-fill-color: var(--jd-wf-ink) !important;
  caret-color: var(--jd-wf-accent-deep) !important;
  font-family: var(--jd-wf-font) !important;
  font-size: 1rem !important;
  font-weight: 550 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-shadow: none !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form textarea {
  min-height: 8.5rem !important;
  resize: vertical !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .select-wrapper {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form select {
  padding-right: 2.8rem !important;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--jd-wf-purple) 50%),
    linear-gradient(135deg, var(--jd-wf-purple) 50%, transparent 50%) !important;
  background-position: calc(100% - 1.18rem) 50%, calc(100% - 0.82rem) 50% !important;
  background-repeat: no-repeat !important;
  background-size: 0.38rem 0.38rem, 0.38rem 0.38rem !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .select-wrapper::after { display: none !important; }

html body:not(.path-admin) #wrapper .webform-submission-form input::placeholder,
html body:not(.path-admin) #wrapper .webform-submission-form textarea::placeholder {
  color: #8c7b99 !important;
  -webkit-text-fill-color: #8c7b99 !important;
  opacity: 1 !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form input[type="text"]:hover,
html body:not(.path-admin) #wrapper .webform-submission-form input[type="email"]:hover,
html body:not(.path-admin) #wrapper .webform-submission-form input[type="tel"]:hover,
html body:not(.path-admin) #wrapper .webform-submission-form input[type="number"]:hover,
html body:not(.path-admin) #wrapper .webform-submission-form input[type="url"]:hover,
html body:not(.path-admin) #wrapper .webform-submission-form select:hover,
html body:not(.path-admin) #wrapper .webform-submission-form textarea:hover { border-color: #c694eb !important; }

html body:not(.path-admin) #wrapper .webform-submission-form input:focus,
html body:not(.path-admin) #wrapper .webform-submission-form select:focus,
html body:not(.path-admin) #wrapper .webform-submission-form textarea:focus { outline: 0 !important; }

html body:not(.path-admin) #wrapper .webform-submission-form input[type="text"]:focus-visible,
html body:not(.path-admin) #wrapper .webform-submission-form input[type="email"]:focus-visible,
html body:not(.path-admin) #wrapper .webform-submission-form input[type="tel"]:focus-visible,
html body:not(.path-admin) #wrapper .webform-submission-form input[type="number"]:focus-visible,
html body:not(.path-admin) #wrapper .webform-submission-form input[type="url"]:focus-visible,
html body:not(.path-admin) #wrapper .webform-submission-form input[type="search"]:focus-visible,
html body:not(.path-admin) #wrapper .webform-submission-form input[type="password"]:focus-visible,
html body:not(.path-admin) #wrapper .webform-submission-form input[type="date"]:focus-visible,
html body:not(.path-admin) #wrapper .webform-submission-form input[type="time"]:focus-visible,
html body:not(.path-admin) #wrapper .webform-submission-form input[type="datetime-local"]:focus-visible,
html body:not(.path-admin) #wrapper .webform-submission-form select:focus-visible,
html body:not(.path-admin) #wrapper .webform-submission-form textarea:focus-visible {
  background: #fff !important;
  border-color: var(--jd-wf-purple) !important;
  box-shadow: 0 0 0 4px rgba(157, 78, 221, 0.2), 0 7px 20px rgba(103, 22, 170, 0.1) !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form input:-webkit-autofill,
html body:not(.path-admin) #wrapper .webform-submission-form textarea:-webkit-autofill,
html body:not(.path-admin) #wrapper .webform-submission-form select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: var(--jd-wf-ink) !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form input:disabled,
html body:not(.path-admin) #wrapper .webform-submission-form select:disabled,
html body:not(.path-admin) #wrapper .webform-submission-form textarea:disabled,
html body:not(.path-admin) #wrapper .webform-submission-form input[readonly],
html body:not(.path-admin) #wrapper .webform-submission-form textarea[readonly] {
  background: #f2edf6 !important;
  border-color: #ded3e7 !important;
  color: #766b7e !important;
  -webkit-text-fill-color: #766b7e !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .js-webform-radios,
html body:not(.path-admin) #wrapper .webform-submission-form .js-webform-checkboxes {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .js-webform-radios .form-item,
html body:not(.path-admin) #wrapper .webform-submission-form .js-webform-checkboxes .form-item,
html body:not(.path-admin) #wrapper .webform-submission-form .form-type-radio {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-type-radio input.form-radio {
  position: absolute !important;
  z-index: 1 !important;
  top: 0.8rem !important;
  left: 0.8rem !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-type-radio label.option {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 3.4rem !important;
  margin: 0 !important;
  padding: 0.72rem 0.9rem 0.72rem 2.75rem !important;
  background: linear-gradient(145deg, #fff 0%, #faf4ff 100%) !important;
  border: 1.5px solid var(--jd-wf-border) !important;
  border-radius: 13px !important;
  box-shadow: 0 4px 12px rgba(59, 10, 92, 0.04) !important;
  color: var(--jd-wf-deep) !important;
  -webkit-text-fill-color: var(--jd-wf-deep) !important;
  cursor: pointer !important;
  font-size: 0.91rem !important;
  font-weight: 760 !important;
  line-height: 1.3 !important;
  text-align: left !important;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease, background 0.16s ease !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-type-radio label.option::before {
  position: absolute !important;
  top: 50% !important;
  left: 0.95rem !important;
  box-sizing: border-box !important;
  width: 1.18rem !important;
  height: 1.18rem !important;
  background: #fff !important;
  border: 2px solid #bd91df !important;
  border-radius: 50% !important;
  content: "" !important;
  transform: translateY(-50%) !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-type-radio input:checked + label.option {
  background: linear-gradient(135deg, var(--jd-wf-lilac), #f3e8ff) !important;
  border-color: var(--jd-wf-purple) !important;
  box-shadow: 0 0 0 3px rgba(157, 78, 221, 0.16), 0 8px 18px rgba(59, 10, 92, 0.09) !important;
  color: var(--jd-wf-deep) !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-type-radio input:checked + label.option::before {
  background: var(--jd-wf-purple) !important;
  border-color: var(--jd-wf-purple) !important;
  box-shadow: inset 0 0 0 3px #fff !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-type-radio input:focus-visible + label.option {
  outline: 3px solid rgba(157, 78, 221, 0.48) !important;
  outline-offset: 2px !important;
  border-color: var(--jd-wf-purple) !important;
}

@media (hover: hover) and (pointer: fine) {
  html body:not(.path-admin) #wrapper .webform-submission-form .form-type-radio label.option:hover {
    border-color: #bb80e7 !important;
    box-shadow: 0 8px 18px rgba(59, 10, 92, 0.085) !important;
    transform: translateY(-1px) !important;
  }
}

html body:not(.path-admin) #wrapper .webform-submission-form .webform-type-webform-radios-other .webform-radios-other-input,
html body:not(.path-admin) #wrapper .webform-submission-form .webform-type-webform-checkboxes-other .webform-checkboxes-other-input {
  grid-column: 1 / -1 !important;
  margin-top: 0.75rem !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-type-checkbox {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1.35rem minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 0.15rem 0.85rem !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 1.35rem !important;
  padding: 1rem 1.05rem !important;
  background: linear-gradient(145deg, #fff, #fbf6ff) !important;
  border: 1.5px solid var(--jd-wf-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 15px rgba(59, 10, 92, 0.045) !important;
  text-align: left !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-type-checkbox input.form-checkbox {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  inset: auto !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 1.28rem !important;
  min-width: 1.28rem !important;
  height: 1.28rem !important;
  min-height: 1.28rem !important;
  margin: 0.12rem 0 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 2px solid #ae82ce !important;
  border-radius: 0.34rem !important;
  box-shadow: none !important;
  cursor: pointer !important;
  opacity: 1 !important;
  transform: none !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-type-checkbox input.form-checkbox::after {
  position: absolute !important;
  top: 0.08rem !important;
  left: 0.34rem !important;
  display: none !important;
  width: 0.38rem !important;
  height: 0.7rem !important;
  border: solid #fff !important;
  border-width: 0 0.16rem 0.16rem 0 !important;
  content: "" !important;
  transform: rotate(45deg) !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-type-checkbox input.form-checkbox:checked {
  background: linear-gradient(145deg, var(--jd-wf-purple), var(--jd-wf-accent-deep)) !important;
  border-color: var(--jd-wf-purple) !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-type-checkbox input.form-checkbox:checked::after { display: block !important; }

html body:not(.path-admin) #wrapper .webform-submission-form .form-type-checkbox input.form-checkbox:focus-visible {
  outline: 3px solid rgba(157, 78, 221, 0.48) !important;
  outline-offset: 3px !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-type-checkbox label.option {
  position: static !important;
  inset: auto !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--jd-wf-ink) !important;
  -webkit-text-fill-color: var(--jd-wf-ink) !important;
  cursor: pointer !important;
  font-size: 0.9rem !important;
  font-weight: 650 !important;
  line-height: 1.55 !important;
  text-align: left !important;
  transform: none !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-type-checkbox:has(input:checked) {
  background: linear-gradient(135deg, var(--jd-wf-lilac), #fff1fd) !important;
  border-color: #bf81ea !important;
  box-shadow: 0 0 0 3px rgba(157, 78, 221, 0.13), 0 8px 18px rgba(59, 10, 92, 0.07) !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-type-checkbox a {
  color: var(--jd-wf-purple) !important;
  -webkit-text-fill-color: var(--jd-wf-purple) !important;
  font-weight: 800 !important;
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 2px !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-managed-file {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.75rem !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 5.5rem !important;
  margin: 0 !important;
  padding: 1rem !important;
  background: linear-gradient(145deg, #fff, #faf5ff) !important;
  border: 1.5px dashed #be8ee2 !important;
  border-radius: 14px !important;
  color: var(--jd-wf-body) !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form input[type="file"] {
  box-sizing: border-box !important;
  display: block !important;
  flex: 1 1 18rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 2.9rem !important;
  margin: 0 !important;
  padding: 0.35rem !important;
  background: #fff !important;
  border: 1px solid var(--jd-wf-border) !important;
  border-radius: 11px !important;
  color: var(--jd-wf-body) !important;
  -webkit-text-fill-color: var(--jd-wf-body) !important;
  font-family: var(--jd-wf-font) !important;
  font-size: 0.86rem !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form input[type="file"]::file-selector-button {
  min-height: 2.25rem !important;
  margin-right: 0.75rem !important;
  padding: 0.45rem 0.8rem !important;
  background: var(--jd-wf-lilac) !important;
  border: 1px solid #b87fdf !important;
  border-radius: 8px !important;
  color: var(--jd-wf-deep) !important;
  font-family: var(--jd-wf-font) !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form input[type="file"]:focus-visible {
  outline: 3px solid rgba(157, 78, 221, 0.45) !important;
  outline-offset: 2px !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-managed-file .form-submit,
html body:not(.path-admin) #wrapper .webform-submission-form .form-managed-file .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 7.5rem !important;
  min-height: 2.55rem !important;
  margin: 0 !important;
  padding: 0.5rem 0.9rem !important;
  background: #fff !important;
  border: 1.5px solid var(--jd-wf-purple) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: var(--jd-wf-purple) !important;
  -webkit-text-fill-color: var(--jd-wf-purple) !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  transform: none !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .file,
html body:not(.path-admin) #wrapper .webform-submission-form .file a,
html body:not(.path-admin) #wrapper .webform-submission-form .file-size {
  color: var(--jd-wf-deep) !important;
  -webkit-text-fill-color: var(--jd-wf-deep) !important;
  overflow-wrap: anywhere !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .image-preview img,
html body:not(.path-admin) #wrapper .webform-submission-form .form-managed-file img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 11px !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form input.error,
html body:not(.path-admin) #wrapper .webform-submission-form select.error,
html body:not(.path-admin) #wrapper .webform-submission-form textarea.error,
html body:not(.path-admin) #wrapper .webform-submission-form [aria-invalid="true"] {
  background-color: var(--jd-wf-danger-soft) !important;
  border-color: var(--jd-wf-danger) !important;
  box-shadow: 0 0 0 3px rgba(180, 35, 77, 0.12) !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-item--error-message,
html body:not(.path-admin) #wrapper .webform-submission-form .form-item--error-message strong {
  display: block !important;
  width: 100% !important;
  margin: 0.5rem 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--jd-wf-danger) !important;
  -webkit-text-fill-color: var(--jd-wf-danger) !important;
  font-size: 0.82rem !important;
  font-weight: 750 !important;
  line-height: 1.45 !important;
}


html body #wrapper .messages .btn-close::before,
html body #wrapper [data-drupal-messages] .btn-close::before {
  content: "\00d7";
  font-size: 1.65rem;
  font-weight: 700;
  line-height: 1;
}

html body:not(.path-admin) #wrapper .webform-submission-form .form-actions.webform-actions {
  position: static !important;
  inset: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--jd-wf-stack) !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 62rem !important;
  margin: 0 auto !important;
  padding: 0 var(--jd-wf-gutter) var(--jd-wf-gutter) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  margin-top: -1.5rem !important;
}
html .cyb-form-landing.path-webform.page-form-99-cent-basic #wrapper .webform-submission-form .form-actions.webform-actions {
  margin-top: 1.5rem !important;
}
html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--next,
html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--submit {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: min(100%, 13rem) !important;
  max-width: 100% !important;
  min-height: 3rem !important;
  margin: 0 !important;
  padding: 0.65rem 1.4rem !important;
  background: linear-gradient(135deg, var(--jd-wf-deep) 0%, var(--jd-wf-purple) 58%, #ad3acb 100%) !important;
  background-color: var(--jd-wf-purple) !important;
  background-image: linear-gradient(135deg, var(--jd-wf-deep) 0%, var(--jd-wf-purple) 58%, #ad3acb 100%) !important;
  border: 2px solid #1c0829 !important;
  border-radius: 999px !important;
  box-shadow: 0 3px 0 #1c0829, 0 9px 20px rgba(103, 22, 170, 0.26) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  cursor: pointer !important;
  font-family: var(--jd-wf-font) !important;
  font-size: 0.92rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.28) !important;
  transform: none !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--previous,
html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--draft,
html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--preview {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: min(100%, 11rem) !important;
  max-width: 100% !important;
  min-height: 3rem !important;
  margin: 0 !important;
  padding: 0.65rem 1.25rem !important;
  background: linear-gradient(145deg, #fff, var(--jd-wf-lilac)) !important;
  background-image: linear-gradient(145deg, #fff, var(--jd-wf-lilac)) !important;
  border: 1.5px solid #a867d4 !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 14px rgba(59, 10, 92, 0.08) !important;
  color: var(--jd-wf-deep) !important;
  -webkit-text-fill-color: var(--jd-wf-deep) !important;
  cursor: pointer !important;
  font-family: var(--jd-wf-font) !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-shadow: none !important;
  transform: none !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--next:hover,
  html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--submit:hover {
    filter: brightness(1.08) !important;
    box-shadow: 0 4px 0 #1c0829, 0 13px 25px rgba(103, 22, 170, 0.34) !important;
    transform: translateY(-2px) !important;
  }

  html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--previous:hover,
  html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--draft:hover,
  html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--preview:hover {
    background: #fff1fd !important;
    box-shadow: 0 8px 18px rgba(59, 10, 92, 0.12) !important;
    transform: translateY(-1px) !important;
  }
}

html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--next:focus-visible,
html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--submit:focus-visible,
html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--previous:focus-visible,
html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--draft:focus-visible,
html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--preview:focus-visible {
  outline: 4px solid rgba(157, 78, 221, 0.52) !important;
  outline-offset: 4px !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--next:active,
html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--submit:active {
  box-shadow: 0 1px 0 #1c0829, 0 5px 12px rgba(103, 22, 170, 0.22) !important;
  transform: translateY(2px) !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form input[type="submit"]:disabled,
html body:not(.path-admin) #wrapper .webform-submission-form .button:disabled {
  background: #ded4e5 !important;
  background-image: none !important;
  border-color: #b9acbf !important;
  box-shadow: none !important;
  color: #6f6575 !important;
  -webkit-text-fill-color: #6f6575 !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
  transform: none !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .ajax-progress,
html body:not(.path-admin) #wrapper .webform-submission-form .ajax-progress-throbber {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  margin: 0.35rem !important;
  color: var(--jd-wf-deep) !important;
  font-size: 0.82rem !important;
  font-weight: 750 !important;
}

html body:not(.path-admin) #wrapper .webform-submission-form .ajax-progress .throbber {
  width: 1.15rem !important;
  height: 1.15rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 2px solid #d9b8ef !important;
  border-top-color: var(--jd-wf-accent-deep) !important;
  border-radius: 50% !important;
  animation: jd-wf-spin 0.75s linear infinite !important;
}

@keyframes jd-wf-spin { to { transform: rotate(360deg); } }

@media (max-width: 767.98px) {
  
  html body .webform-submission-form {
    --jd-wf-gutter: 1rem;
    --jd-wf-stack: 1rem;
  }

  html body:not(.path-admin) #wrapper .webform-submission-form .jd-form-grid.jd-form-grid--2 > .fieldset-wrapper,
  html body:not(.path-admin) #wrapper .webform-submission-form .webform-wizard-page.jd-form-grid.jd-form-grid--2 {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: var(--jd-wf-stack) !important;
  }

  html body:not(.path-admin) #wrapper .webform-submission-form .jd-form-span-all,
  html body:not(.path-admin) #wrapper .webform-submission-form .jd-form-grid > .fieldset-wrapper > .jd-form-span-all,
  html body:not(.path-admin) #wrapper .webform-submission-form .webform-wizard-page.jd-form-grid > .jd-form-span-all { grid-column: auto !important; }

  html body:not(.path-admin) #wrapper .webform-submission-form input[type="text"],
  html body:not(.path-admin) #wrapper .webform-submission-form input[type="email"],
  html body:not(.path-admin) #wrapper .webform-submission-form input[type="tel"],
  html body:not(.path-admin) #wrapper .webform-submission-form input[type="number"],
  html body:not(.path-admin) #wrapper .webform-submission-form input[type="url"],
  html body:not(.path-admin) #wrapper .webform-submission-form input[type="search"],
  html body:not(.path-admin) #wrapper .webform-submission-form input[type="password"],
  html body:not(.path-admin) #wrapper .webform-submission-form input[type="date"],
  html body:not(.path-admin) #wrapper .webform-submission-form input[type="time"],
  html body:not(.path-admin) #wrapper .webform-submission-form input[type="datetime-local"],
  html body:not(.path-admin) #wrapper .webform-submission-form select,
  html body:not(.path-admin) #wrapper .webform-submission-form textarea { min-height: 3.25rem !important; font-size: 16px !important; }

  html body:not(.path-admin) #wrapper .webform-submission-form .form-actions.webform-actions {
    flex-direction: column !important;
    gap: var(--jd-wf-stack) !important;
    padding-right: var(--jd-wf-gutter) !important;
    padding-left: var(--jd-wf-gutter) !important;
  }

  html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--next,
  html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--submit,
  html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--previous,
  html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--draft,
  html body:not(.path-admin) #wrapper .webform-submission-form .webform-button--preview {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 3.1rem !important;
  }
}

@media (max-width: 479.98px) {
  html body:not(.path-admin) #wrapper .webform-submission-form .js-webform-radios,
  html body:not(.path-admin) #wrapper .webform-submission-form .js-webform-checkboxes {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.6rem !important;
  }

  html body:not(.path-admin) #wrapper .webform-submission-form .form-type-radio label.option {
    min-height: 3.3rem !important;
    padding: 0.62rem 0.65rem 0.62rem 2.25rem !important;
    font-size: 0.84rem !important;
  }

  html body:not(.path-admin) #wrapper .webform-submission-form .form-type-radio label.option::before { left: 0.7rem !important; }
  html body:not(.path-admin) #wrapper .webform-submission-form .form-type-checkbox { padding: 0.9rem !important; }

  html body:not(.path-admin) #wrapper .webform-submission-form .form-managed-file {
    align-items: stretch !important;
    padding: 0.8rem !important;
  }

  html body:not(.path-admin) #wrapper .webform-submission-form input[type="file"]::file-selector-button {
    display: block !important;
    width: 100% !important;
    margin: 0 0 0.5rem !important;
  }
}

@media (max-width: 339.98px) {
  html body:not(.path-admin) #wrapper .webform-submission-form .js-webform-radios,
  html body:not(.path-admin) #wrapper .webform-submission-form .js-webform-checkboxes { grid-template-columns: minmax(0, 1fr) !important; }
}

@media (max-width: 767.98px) {

  .vehicle-capture {
    margin-bottom: -2rem !important;
  }
}

html body #wrapper .jd-vehicle-photos .jd-vehicle-photo-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: clamp(0.85rem, 2.5vw, 1.15rem) !important;
  box-sizing: border-box !important;
}

html body #wrapper .jd-vehicle-photo-card > label,
html body #wrapper .jd-vehicle-photo-card .control-label {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 0.35rem !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 0.5rem !important;
  padding: 0 !important;
  text-align: center !important;
}

html body #wrapper .jd-vehicle-photo-card .jd-vehicle-photo-name {
  display: inline-block !important;
  text-align: center !important;
  margin-right: auto !important;
}

html body #wrapper .jd-vehicle-photo-card .jd-vehicle-photo-angle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0.15rem 0.5rem !important;
  border-radius: 999px !important;
}

html body #wrapper .jd-vehicle-photo-card .form-managed-file {
  box-sizing: border-box !important;
  width: auto !important;
  margin: 0.35rem 0.25rem !important;
  padding: 0.85rem !important;
  border: 1.5px dashed #be8ee2 !important;
  border-radius: 12px !important;
}

html body #wrapper .jd-vehicle-photo-card .description,
html body #wrapper .jd-vehicle-photo-card .description * {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0.5rem auto 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

html body #wrapper .messages,
html body #wrapper .webform-message,
html body #wrapper .task-bar.alert,
html body #wrapper [data-drupal-messages] {
  overflow: visible !important;
  pointer-events: auto !important;
  z-index: 40 !important;
}

html body #wrapper .messages button.close,
html body #wrapper .messages .btn-close,
html body #wrapper .webform-message button.close,
html body #wrapper .webform-message .btn-close,
html body #wrapper .webform-message .js-webform-message__link,
html body #wrapper [data-drupal-messages] button.close,
html body #wrapper [data-drupal-messages] .btn-close,
html body #wrapper .alert-dismissable .close,
html body #wrapper .alert-dismissible .btn-close,
html body #wrapper .button--dismiss {
  position: absolute !important;
  top: 0.45rem !important;
  right: 0.45rem !important;
  z-index: 50 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.75rem !important;
  min-width: 2.75rem !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}


html body:not(.path-admin) #wrapper form.jd-careers-application {
  background: #fff !important;
  border: 1px solid var(--jd-careers-border, #e2d4ec) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 44px rgba(59, 10, 92, 0.1) !important;
  box-sizing: border-box !important;
  color: var(--jd-careers-ink, #241438) !important;
  display: block !important;
  float: none !important;
  height: auto !important;
  margin: 2rem auto !important;
  max-width: 1200px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: clamp(1rem, 3vw, 2rem) !important;
  position: relative !important;
  width: 100% !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application *,
html body:not(.path-admin) #wrapper form.jd-careers-application *::before,
html body:not(.path-admin) #wrapper form.jd-careers-application *::after {
  box-sizing: border-box;
}
html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress {
  background: linear-gradient(180deg, #fff 0%, var(--jd-careers-wash, #faf5ff) 100%) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--jd-careers-border, #e2d4ec) !important;
  border-radius: 16px 16px 0 0 !important;
  display: block !important;
  float: none !important;
  height: auto !important;
  margin: 0 0 1.5rem !important;
  max-width: 100% !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 1.25rem 1rem 1rem !important;
  position: relative !important;
  width: 100% !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker {
  align-items: flex-start !important;
  display: flex !important;
  float: none !important;
  justify-content: space-between !important;
  margin: 0 auto !important;
  max-width: 64rem !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative !important;
  width: 100% !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-step {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--jd-careers-muted, #62596b) !important;
  display: flex !important;
  flex: 1 1 0 !important;
  flex-direction: column !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 0.2rem !important;
  position: relative !important;
  text-align: center !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-step::before {
  background: #e7d8f3 !important;
  border: 0 !important;
  content: "" !important;
  display: block !important;
  height: 3px !important;
  left: -50% !important;
  position: absolute !important;
  right: 50% !important;
  top: 1rem !important;
  width: auto !important;
  z-index: 0 !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-step:first-child::before {
  display: none !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-step.is-active::before,
html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-step.is-complete::before {
  background: linear-gradient(90deg, var(--jd-careers-purple, #6716aa), var(--jd-careers-purple-light, #9d4edd)) !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-marker {
  align-items: center !important;
  background: #fff !important;
  border: 2px solid #cfa8ed !important;
  border-radius: 50% !important;
  box-shadow: 0 3px 10px rgba(59, 10, 92, 0.08) !important;
  color: var(--jd-careers-purple, #6716aa) !important;
  display: inline-flex !important;
  flex: 0 0 2.05rem !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  height: 2.05rem !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 0 0.45rem !important;
  min-width: 2.05rem !important;
  padding: 0 !important;
  position: relative !important;
  width: 2.05rem !important;
  z-index: 1 !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-marker::before,
 .webform-progress-tracker .progress-marker::after {
  content: none !important;
  display: none !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-step.is-active .progress-marker {
  background: linear-gradient(145deg, var(--jd-careers-purple-dark, #3b0a5c), var(--jd-careers-purple, #6716aa)) !important;
  border-color: var(--jd-careers-purple-dark, #3b0a5c) !important;
  box-shadow: 0 0 0 4px rgba(157, 78, 221, 0.17), 0 7px 16px rgba(59, 10, 92, 0.22) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-step.is-complete .progress-marker {
  background: var(--jd-careers-soft, #f3e8ff) !important;
  border-color: var(--jd-careers-purple, #6716aa) !important;
  color: var(--jd-careers-purple-dark, #3b0a5c) !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-text,
html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-title {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  display: block !important;
  font-size: clamp(0.67rem, 1vw, 0.78rem) !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  margin: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  padding: 0 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-step.is-active .progress-title {
  color: var(--jd-careers-purple-dark, #3b0a5c) !important;
  font-weight: 850 !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress__status {
  align-items: center !important;
  background: var(--jd-careers-soft, #f3e8ff) !important;
  border: 1px solid #e6cafa !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  clip: auto !important;
  clip-path: none !important;
  color: var(--jd-careers-purple-dark, #3b0a5c) !important;
  display: flex !important;
  float: none !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  gap: 0.35rem !important;
  height: auto !important;
  justify-content: center !important;
  margin: 0.85rem auto 0 !important;
  max-width: 100% !important;
  min-height: 2rem !important;
  overflow: visible !important;
  padding: 0.35rem 0.8rem !important;
  position: static !important;
  text-align: center !important;
  text-shadow: none !important;
  white-space: normal !important;
  width: max-content !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress__summary {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress__percentage {
  color: var(--jd-careers-purple, #6716aa) !important;
  font-weight: 850 !important;
  margin: 0 !important;
}
html body:not(.path-admin) #wrapper form.jd-careers-application .jd-job-form-intro {
  background: var(--jd-careers-wash, #faf5ff) !important;
  border: 1px solid var(--jd-careers-border, #e2d4ec) !important;
  border-radius: 16px !important;
  color: var(--jd-careers-ink, #241438) !important;
  margin: 0 0 1.5rem !important;
  padding: clamp(1rem, 3vw, 1.5rem) !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application :is(.form-item, fieldset, .fieldset-wrapper, .form-wrapper) {
  max-width: 100% !important;
  min-width: 0 !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .form-item {
  margin-bottom: 1.15rem !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application :is(label, legend, .fieldset-legend) {
  color: var(--jd-careers-ink, #241438) !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  text-shadow: none !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application :is(.description, .webform-element-description, .help-block) {
  color: var(--jd-careers-muted, #62596b) !important;
  line-height: 1.5 !important;
  margin-top: 0.4rem !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  text-shadow: none !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application :is(
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="url"],
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  select,
  textarea
) {
  background: #fff !important;
  border: 1.5px solid #d7b9eb !important;
  border-radius: 12px !important;
  color: var(--jd-careers-ink, #241438) !important;
  display: block !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0.75rem 0.9rem !important;
  text-shadow: none !important;
  width: 100% !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application :is(
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="url"],
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  select
) {
  min-height: 3.25rem !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application textarea {
  min-height: 8rem !important;
  resize: vertical !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application :is(input, select, textarea):focus {
  border-color: var(--jd-careers-purple, #6716aa) !important;
  box-shadow: 0 0 0 4px rgba(157, 78, 221, 0.2) !important;
  outline: 0 !important;
}
html body:not(.path-admin) #wrapper form.jd-careers-application :is(.nice-select, .chosen-container) {
  display: none !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .select-wrapper {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block !important;
  margin: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  position: relative !important;
  width: 100% !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .select-wrapper::before,
html body:not(.path-admin) #wrapper form.jd-careers-application .select-wrapper::after {
  content: none !important;
  display: none !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application select {
  appearance: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application [data-webform-key="assessment"] .js-webform-radios {
  grid-template-columns: minmax(0, 1fr) !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application :is(.js-webform-radios, .js-webform-checkboxes) {
  max-width: 100% !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application :is(.js-webform-radios, .js-webform-checkboxes) label.option {
  height: auto !important;
  min-height: 3.25rem !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application :is(.form-managed-file, .webform-document-file) {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  width: 100% !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .form-managed-file {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application input[type="file"] {
  max-width: 100% !important;
  min-height: 2.75rem !important;
  overflow: hidden !important;
  width: 100% !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application :is(.webform-multiple-table-responsive, .webform-multiple-table, .webform-custom-composite) {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .webform-signature-pad,
html body:not(.path-admin) #wrapper form.jd-careers-application .webform-signature-pad canvas {
  max-width: 100% !important;
  touch-action: none;
}

html body:not(.path-admin) #wrapper form.jd-careers-application :is(.webform-preview, .webform-submission-data) {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application :is(.messages--error, .form-item--error-message) {
  border-radius: 10px !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}
html body:not(.path-admin) #wrapper form.jd-careers-application .form-actions.webform-actions {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--jd-careers-border, #e2d4ec) !important;
  box-shadow: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  justify-content: center !important;
  margin: 1.5rem auto 0 !important;
  max-width: 100% !important;
  padding: 1.25rem 0 0 !important;
  position: static !important;
  transform: none !important;
  width: 100% !important;
}

html body:not(.path-admin) #wrapper form.jd-careers-application .form-actions.webform-actions :is(input, button) {
  min-height: 3rem !important;
}

@media (max-width: 767.98px) {
  html body:not(.path-admin) #wrapper form.jd-careers-application {
    border-radius: 18px !important;
    margin: 1rem auto !important;
    max-width: 103% !important;
    padding: 0.75rem !important;
    width: 103% !important;
    margin-left: -0.25rem !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress {
    margin-bottom: 1rem !important;
    padding: 1rem 0.5rem 0.8rem !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker {
    align-items: flex-start !important;
    display: flex !important;
    margin: 0 auto !important;
    overflow: visible !important;
    padding: 0 0 2.35rem !important;
    position: relative !important;
    width: 100% !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker::before {
    background: #e7d8f3 !important;
    content: "" !important;
    display: block !important;
    height: 3px !important;
    left: 5.55% !important;
    position: absolute !important;
    right: 5.55% !important;
    top: 0.78rem !important;
    z-index: 0 !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-step,
  html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-step.is-active {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    position: static !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-step::before {
    display: none !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-marker {
    flex-basis: 1.55rem !important;
    font-size: 0.68rem !important;
    height: 1.55rem !important;
    margin: 0 !important;
    min-width: 1.55rem !important;
    width: 1.55rem !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-text {
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-step.is-active .progress-text {
    clip: auto !important;
    clip-path: none !important;
    color: var(--jd-careers-purple-dark, #3b0a5c) !important;
    display: block !important;
    font-size: 0.82rem !important;
    font-weight: 850 !important;
    height: auto !important;
    left: 0 !important;
    line-height: 1.3 !important;
    max-width: 100% !important;
    overflow: visible !important;
    position: absolute !important;
    right: 0 !important;
    text-align: center !important;
    top: 1.95rem !important;
    white-space: normal !important;
    width: 100% !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress__status {
    display: flex !important;
    margin-top: 0.35rem !important;
    max-width: 100% !important;
    width: max-content !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application .jd-job-form-intro {
    border-radius: 14px !important;
    margin-bottom: 1rem !important;
    padding: 1rem !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application .jd-job-form-intro h2 {
    font-size: clamp(1.65rem, 9vw, 2.15rem) !important;
    overflow-wrap: anywhere !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application :is(.js-webform-radios, .js-webform-checkboxes) {
    gap: 0.7rem !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application .form-actions.webform-actions {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 0.85rem !important;
    padding-top: 1rem !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application .form-actions.webform-actions :is(
    .webform-button--next,
    .webform-button--preview,
    .webform-button--submit
  ) {
    order: 1 !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application .form-actions.webform-actions .webform-button--previous {
    order: 2 !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application .form-actions.webform-actions .webform-button--draft {
    order: 3 !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application .form-actions.webform-actions :is(input, button) {
    margin: 0 !important;
    max-width: 100% !important;
    min-height: 3.1rem !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 379.98px) {
  html body:not(.path-admin) #wrapper form.jd-careers-application {
    padding: 0.6rem !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker .progress-marker {
    flex-basis: 1.4rem !important;
    font-size: 0.62rem !important;
    height: 1.4rem !important;
    min-width: 1.4rem !important;
    width: 1.4rem !important;
  }

  html body:not(.path-admin) #wrapper form.jd-careers-application .webform-progress-tracker::before {
    top: 0.7rem !important;
  }
}

html body:not(.path-admin) > .task-bar.cyberlytics-message-stack,
html body:not(.path-admin) #wrapper .task-bar.cyberlytics-message-stack {
  animation: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  clear: both !important;
  display: block !important;
  float: none !important;
  inset: auto !important;
  margin: 0.75rem auto !important;
  max-width: 1180px !important;
  opacity: 1 !important;
  padding: 0 1rem !important;
  position: relative !important;
  transform: none !important;
  visibility: visible !important;
  width: 100% !important;
  z-index: 40 !important;
}

html body:not(.path-admin) .task-bar.cyberlytics-message-stack > [data-drupal-messages] {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

html body:not(.path-admin) .task-bar.cyberlytics-message-stack .messages {
  background-image: none !important;
  border: 1px solid #d7bceb !important;
  border-left: 5px solid #6716aa !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 30px rgba(59, 10, 92, 0.12) !important;
  box-sizing: border-box !important;
  color: #3b0a5c !important;
  display: block !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  min-height: 64px !important;
  overflow-wrap: anywhere !important;
  padding: 1rem 3.75rem 1rem 3.65rem !important;
  position: relative !important;
  text-align: left !important;
  width: 100% !important;
}
html body:not(.path-admin) #wrapper .task-bar.cyberlytics-message-stack > [data-drupal-messages] > .messages {
  border: 1px solid #d7bceb !important;
  border-left: 5px solid #6716aa !important;
  color: #3b0a5c !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 1rem 3.75rem 1rem 3.65rem !important;
  width: 100% !important;
}

html body:not(.path-admin) .task-bar.cyberlytics-message-stack .messages + .messages {
  margin-top: 0.65rem !important;
}

html body:not(.path-admin) .task-bar.cyberlytics-message-stack .messages::before {
  align-items: center !important;
  background: #6716aa !important;
  border-radius: 50% !important;
  color: #fff !important;
  content: "\2713" !important;
  display: inline-flex !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  height: 2rem !important;
  justify-content: center !important;
  left: 1rem !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 1rem !important;
  width: 2rem !important;
}

html body:not(.path-admin) .task-bar.cyberlytics-message-stack .messages::after {
  content: none !important;
  display: none !important;
}

html body:not(.path-admin) .task-bar.cyberlytics-message-stack .messages--status {
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%) !important;
}

html body:not(.path-admin) #wrapper .task-bar.cyberlytics-message-stack > [data-drupal-messages] > .messages--status {
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%) !important;
  color: #3b0a5c !important;
}

html body:not(.path-admin) .task-bar.cyberlytics-message-stack .messages--warning {
  background: linear-gradient(135deg, #fffdf7 0%, #fff5d9 100%) !important;
  border-color: #e2c878 !important;
  border-left-color: #a96f00 !important;
  color: #57410b !important;
}

html body:not(.path-admin) #wrapper .task-bar.cyberlytics-message-stack > [data-drupal-messages] > .messages--warning {
  background: linear-gradient(135deg, #fffdf7 0%, #fff5d9 100%) !important;
  border-color: #e2c878 !important;
  border-left-color: #a96f00 !important;
  color: #57410b !important;
}

html body:not(.path-admin) .task-bar.cyberlytics-message-stack .messages--warning::before {
  background: #a96f00 !important;
  content: "!" !important;
}

html body:not(.path-admin) .task-bar.cyberlytics-message-stack .messages--error {
  background: linear-gradient(135deg, #fffafa 0%, #fff0ef 100%) !important;
  border-color: #e7b9b5 !important;
  border-left-color: #a93631 !important;
  color: #6e2724 !important;
  -webkit-text-fill-color: #6e2724 !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}

html body:not(.path-admin) #wrapper .task-bar.cyberlytics-message-stack > [data-drupal-messages] > .messages--error {
  background: linear-gradient(135deg, #fffafa 0%, #fff0ef 100%) !important;
  border-color: #e7b9b5 !important;
  border-left-color: #a93631 !important;
  color: #6e2724 !important;
  -webkit-text-fill-color: #6e2724 !important;
}

html body:not(.path-admin) .task-bar.cyberlytics-message-stack .messages--error::before {
  background: #a93631 !important;
  content: "\00d7" !important;
  font-size: 1.35rem !important;
}

html body:not(.path-admin) .task-bar.cyberlytics-message-stack :is(.messages__list, .messages__item) {
  background: transparent !important;
  border: 0 !important;
  color: inherit !important;
  margin-block: 0 !important;
}

html body:not(.path-admin) .task-bar.cyberlytics-message-stack .messages__list {
  padding-inline-start: 1.25rem !important;
}

html body:not(.path-admin) .task-bar.cyberlytics-message-stack a {
  color: #6716aa !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.18em !important;
}

html body:not(.path-admin) .task-bar.cyberlytics-message-stack a:hover {
  color: #3b0a5c !important;
}

html body:not(.path-admin) .task-bar.cyberlytics-message-stack .cyberlytics-message-dismiss {
  align-items: center !important;
  appearance: none !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid currentColor !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  color: inherit !important;
  cursor: pointer !important;
  display: inline-flex !important;
  font: inherit !important;
  font-size: 1.45rem !important;
  height: 2.5rem !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-height: 2.5rem !important;
  min-width: 2.5rem !important;
  opacity: 0.76 !important;
  padding: 0 0 0.1rem !important;
  position: absolute !important;
  right: 0.9rem !important;
  text-shadow: none !important;
  top: 0.75rem !important;
  width: 2.5rem !important;
  z-index: 2 !important;
}

html body:not(.path-admin) .task-bar.cyberlytics-message-stack .cyberlytics-message-dismiss:hover {
  background: #fff !important;
  opacity: 1 !important;
}

html body:not(.path-admin) .task-bar.cyberlytics-message-stack .cyberlytics-message-dismiss:focus-visible {
  box-shadow: 0 0 0 4px rgba(103, 22, 170, 0.2) !important;
  outline: 2px solid currentColor !important;
  outline-offset: 2px !important;
  opacity: 1 !important;
}

@media (max-width: 767.98px) {
  html body:not(.path-admin) > .task-bar.cyberlytics-message-stack,
  html body:not(.path-admin) #wrapper .task-bar.cyberlytics-message-stack {
    margin: 0.5rem auto !important;
    padding: 0 0.5rem !important;
  }

  html body:not(.path-admin) .task-bar.cyberlytics-message-stack .messages {
    border-left-width: 4px !important;
    border-radius: 12px !important;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    min-height: 60px !important;
    padding: 0.85rem 3.25rem 0.85rem 3.65rem !important;
  }

  html body:not(.path-admin) #wrapper .task-bar.cyberlytics-message-stack > [data-drupal-messages] > .messages {
    padding: 0.85rem 3.25rem 0.85rem 3.65rem !important;
  }

  html body:not(.path-admin) .task-bar.cyberlytics-message-stack .messages::before {
    height: 1.8rem !important;
    left: 0.75rem !important;
    top: 0.85rem !important;
    width: 1.8rem !important;
  }

  html body:not(.path-admin) .task-bar.cyberlytics-message-stack .cyberlytics-message-dismiss {
    height: 2.75rem !important;
    min-height: 2.75rem !important;
    min-width: 2.75rem !important;
    right: 0.45rem !important;
    top: 0.45rem !important;
    width: 2.75rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body:not(.path-admin) .task-bar.cyberlytics-message-stack,
  html body:not(.path-admin) .task-bar.cyberlytics-message-stack * {
    animation: none !important;
    scroll-behavior: auto !important;
    transition: none !important;
  }
}



html body:not(.path-admin) #wrapper #content-wide-bottom {
  overflow: visible;
}

html body:not(.path-admin) #wrapper #content-wide-bottom .region.region-content-wide-bottom {
  border-top: 2px solid #000;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup {
  --jd-newsletter-purple-dark: #3b0a5c;
  background: linear-gradient(135deg, #3b0a5c 0%, #6716aa 52%, #7929b8 100%);
  color: #fff;
  margin: 0;
  padding: clamp(2.25rem, 5vw, 4.25rem) 1rem;
  position: relative;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup::before {
  background: rgba(255, 255, 255, 0.12);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup > * {
  position: relative;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup > .container-wrap {
  display: grid;
  gap: 0.8rem clamp(2rem, 6vw, 5rem);
  grid-template-columns: minmax(260px, 0.85fr) minmax(420px, 1.15fr);
  margin: 0 auto;
  max-width: 1170px;
  width: 100%;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .block-title-wrap {
  grid-column: 1;
  margin: 0;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .block-title {
  color: #fff !important;
  font-size: clamp(1.75rem, 3vw, 2.55rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.12;
  margin: 0;
  max-width: 520px;
  text-align: left;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .block-content {
  grid-column: 2;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup form {
  display: grid;
  gap: 0.85rem;
  margin: 0;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup form > .field--name-subscriptions:empty {
  display: none;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup form > .form-item-message {
  align-self: start;
  color: #fff;
  font-size: 1.05rem;
  line-height: 1.65;
  margin: 0;
  max-width: 510px;
  left: 0rem !important;
  position: relative !important;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup label,
html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .form-item__label {
  color: #fff !important;
  display: block;
  font-weight: 700;
  margin-bottom: 0.4rem;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup input[type="email"] {
  background: #fff !important;
  border: 2px solid rgba(255, 255, 255, 0.8) !important;
  border-radius: 8px !important;
  box-sizing: border-box;
  color: #24102f !important;
  min-height: 48px;
  padding: 0.75rem 0.9rem !important;
  width: 100%;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup input[type="email"]:focus {
  border-color: #f3e8ff !important;
  box-shadow: 0 0 0 4px rgba(243, 232, 255, 0.28) !important;
  outline: 2px solid transparent;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup input[type="checkbox"] {
  accent-color: var(--jd-newsletter-purple-dark);
  flex: 0 0 22px;
  height: 22px;
  margin: 0.15rem 0.6rem 0 0;
  min-width: 22px;
  width: 22px;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .form-type-checkbox {
  align-items: flex-start;
  display: flex;
  margin: 0;
  text-align: left;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .form-type-checkbox label {
  flex: 1 1 auto;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
  text-align: left !important;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .description {
  color: #f3e8ff !important;
  font-size: 0.84rem;
  line-height: 1.45;
  margin-top: 0.4rem;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup a {
  color: #fff !important;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .form-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem 1.15rem !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .form-submit {
  background: #fff !important;
  border: 2px solid #fff !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: var(--jd-newsletter-purple-dark) !important;
  -webkit-text-fill-color: var(--jd-newsletter-purple-dark) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: normal !important;
  line-height: 48px !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-height: 48px;
  padding: 0.7rem 1.4rem !important;
  text-transform: none !important;
  transform: none !important;
  width: auto !important;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .form-submit:hover {
  background: #f3e8ff !important;
  border-color: #f3e8ff !important;
  color: var(--jd-newsletter-purple-dark) !important;
  -webkit-text-fill-color: var(--jd-newsletter-purple-dark) !important;
  transform: none !important;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup input:focus-visible,
html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup a:focus-visible,
html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup button:focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: 3px !important;
}

html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .form-item--error-message,
html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .form-item__error-message {
  background: #fff;
  border-left: 4px solid #b42318;
  color: #7a271a !important;
  font-weight: 700;
  margin-top: 0.5rem;
  padding: 0.65rem 0.75rem;
}

@media (max-width: 767px) {
  html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup {
    padding: 2.25rem 1rem 2.5rem;
  }

  html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup > .container-wrap {
    display: block;
  }

  html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .block-title {
    margin-bottom: 0.8rem;
  }

  html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup form > .form-item-message {
    margin: 0 0 1.35rem;
    max-width: none;
    width: auto;
    left: 0rem !important;
  }

  html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup form > * + * {
    margin-top: 0.9rem;
  }

  html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .form-actions,
  html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .form-submit {
    width: 100% !important;
  }

  html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .form-actions {
    align-items: stretch !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    margin: 0 !important;
  }

  html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .form-submit {
    font-size: 12px !important;
    line-height: normal !important;
  }

  html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .form-actions a {
    align-items: center;
    align-self: flex-start;
    display: inline-flex;
    min-height: 48px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .form-item-johnnydetail-consent {
    align-items: flex-start;
    box-sizing: border-box;
    justify-content: flex-start;
    margin-inline: 0 auto !important;
    max-width: none;
    padding-inline: 0 !important;
    text-align: left !important;
    width: 100%;
  }

  html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .form-item-johnnydetail-consent > label.control-label {
    align-self: flex-start;
    margin-inline: 0 auto !important;
    text-align: left !important;
    width: 100%;
  }

  html body:not(.path-admin) #wrapper #block-martis-johnny-detail-newsletter-signup .form-item-johnnydetail-consent > input.form-checkbox {
    margin: 0.15rem 0.6rem 0 0 !important;
  }
}



@font-face {
  font-display: swap;
  font-family: "flexslider-icon-fixed";
  font-style: normal;
  font-weight: 400;
  src: url("/themes/martis/assets/lib/themify-icons/fonts/flexslider-icon-fixed.woff2") format("woff2");
}

html body .flex-direction-nav a::before,
html body .flex-pauseplay a::before {
  font-family: "flexslider-icon-fixed" !important;
  font-style: normal;
  font-weight: 400;
}

html body.jd-storefront-page #wrapper {
  --jd-shop-deep: #3b0a5c;
  --jd-shop-purple: #6716aa;
  --jd-shop-violet: #9d4edd;
  --jd-shop-mid: #c77dff;
  --jd-shop-lilac: #f3e8ff;
  --jd-shop-mist: #faf5ff;
  --jd-shop-ink: #1a0a24;
  --jd-shop-muted: #5c5470;
  --jd-shop-border: #e9d5ff;
  --jd-shop-danger: #a12632;
  --jd-shop-radius: 18px;
  --jd-shop-radius-sm: 12px;
  --jd-shop-shadow: 0 14px 38px rgba(59, 10, 92, 0.1);
  --jd-shop-shadow-hover: 0 18px 42px rgba(59, 10, 92, 0.16);
  background: #ffffff;
  color: var(--jd-shop-ink);
}

html body.jd-storefront-page #wrapper :is(#page-wrapper, #page-wrapper-content, .product-page) {
  background: #ffffff !important;
}

html body.jd-storefront-page #wrapper :is(.main-content, .region-content, .jd-storefront-main) {
  float: none !important;
  margin-inline: auto !important;
  max-width: 100% !important;
  min-width: 0;
  width: 100% !important;
}

html body.jd-storefront-page #wrapper :is(#page-wrapper, #page-wrapper-content) > .container,
html body.jd-storefront-page #wrapper .jd-storefront-intro > .container {
  max-width: 78rem !important;
  margin-top: -1.5rem !important;
}

html body.jd-storefront-page #wrapper .content-layout {
  display: block !important;
  margin-inline: 0 !important;
}

html body.jd-storefront-page #wrapper .content-layout > .sidebar {
  display: none !important;
}

html body.jd-storefront-page #wrapper .jd-storefront-intro {
  background: #ffffff;
  padding: clamp(1.4rem, 3vw, 2.4rem) 0 0;
}

html body.jd-storefront-page #wrapper .commerce-content-header {
  background: linear-gradient(135deg, #ffffff 0%, var(--jd-shop-mist) 100%) !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-left: 6px solid var(--jd-shop-violet) !important;
  border-radius: var(--jd-shop-radius) !important;
  box-shadow: var(--jd-shop-shadow) !important;
  color: var(--jd-shop-ink) !important;
  margin: 0 0 clamp(1.4rem, 3vw, 2.2rem) !important;
  max-width: none !important;
  overflow: hidden;
  padding: clamp(1.25rem, 2.8vw, 2rem) clamp(1.15rem, 3vw, 2rem) !important;
  position: relative;
  transform: none !important;
}

html body.jd-storefront-page #wrapper .commerce-content-header::after {
  background: radial-gradient(circle, rgba(157, 78, 221, 0.14) 1px, transparent 1.5px);
  background-size: 18px 18px;
  content: '';
  inset: 0 0 0 62%;
  opacity: 0.7;
  pointer-events: none;
  position: absolute;
}

html body.jd-storefront-listing #wrapper .region-content .commerce-content-header {
  background: linear-gradient(135deg, #ffffff 0%, var(--jd-shop-mist) 100%) !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-left: 6px solid var(--jd-shop-violet) !important;
  border-radius: var(--jd-shop-radius) !important;
  box-shadow: var(--jd-shop-shadow) !important;
  margin: 0 0 1rem !important;
  max-width: none !important;
  padding: clamp(1.25rem, 2.8vw, 2rem) !important;
  width: 100% !important;
}

html body.jd-storefront-listing #wrapper .product-category-listing-description {
  background: var(--jd-shop-mist) !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-left: 4px solid var(--jd-shop-violet) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  color: var(--jd-shop-muted) !important;
  margin: 0 0 2rem !important;
  max-width: none !important;
  padding: 1rem 1.15rem !important;
  width: 100% !important;
}

html body.jd-storefront-listing #wrapper .product-category-listing-description p {
  -webkit-text-fill-color: var(--jd-shop-muted) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--jd-shop-muted) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.jd-storefront-page #wrapper :is(.commerce-content-h1, h1.commerce-product-h1),
html body.jd-storefront-page #wrapper .commerce-content-header h1.commerce-content-h1 {
  -webkit-text-fill-color: var(--jd-shop-deep) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--jd-shop-deep) !important;
  display: block !important;
  font-size: clamp(1.55rem, 3.2vw, 2.25rem) !important;
  font-weight: 850 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.18 !important;
  margin: 0 !important;
  max-width: 56rem;
  padding: 0 !important;
  position: relative;
  text-align: left !important;
  text-shadow: none !important;
  text-transform: none !important;
  z-index: 1;
}

html body.jd-storefront-landing #wrapper #content-wide-top {
  background: #ffffff !important;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0 0 clamp(2rem, 4vw, 3.5rem) !important;
}

html body.jd-storefront-landing #wrapper #content-wide-top > .block {
  margin: 0 !important;
}

html body.jd-storefront-landing #wrapper #content-wide-top > .block > .container-wrap,
html body.jd-storefront-landing #wrapper #content-wide-top > .block > .container-wrap > .block-content,
html body.jd-storefront-landing #wrapper #content-wide-top > .block .container {
  margin-inline: auto !important;
  max-width: 78rem !important;
  padding-inline: 15px !important;
  width: 100% !important;
}

html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .field-body > link,
html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .field-body > style {
  display: none !important;
}

html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-icon-section {
  padding-block: 0 !important;
}

html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-icon-section .row {
  display: grid !important;
  gap: 1rem !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 0 !important;
}

html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-icon-items {
  display: block !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: auto !important;
}

html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-icon-item {
  align-items: flex-start !important;
  background: #ffffff !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: var(--jd-shop-radius) !important;
  box-shadow: 0 8px 24px rgba(59, 10, 92, 0.08) !important;
  color: var(--jd-shop-ink) !important;
  display: grid !important;
  gap: 0.8rem !important;
  grid-template-columns: 52px minmax(0, 1fr);
  min-height: 8.5rem !important;
  overflow: visible;
  padding: 1.2rem !important;
  text-align: left !important;
  transform: none !important;
}

html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-icon-item:hover {
  border-color: var(--jd-shop-mid) !important;
  box-shadow: var(--jd-shop-shadow-hover) !important;
  transform: translateY(-2px) !important;
}

html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-icon-item::before,
html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-icon-item::after {
  display: none !important;
}

html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-icon {
  align-items: center !important;
  background: var(--jd-shop-lilac) !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 14px !important;
  display: flex !important;
  height: 52px !important;
  justify-content: center !important;
  margin: 0 !important;
  width: 52px !important;
}

html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-icon .material-icons {
  color: var(--jd-shop-purple) !important;
  font-size: 1.75rem !important;
}

html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-desc {
  display: block !important;
  min-width: 0;
}

html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-icon-title,
html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-icon-item h3,
html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-icon-item h4,
html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-icon-item h5 {
  color: var(--jd-shop-deep) !important;
  -webkit-text-fill-color: var(--jd-shop-deep) !important;
  display: block !important;
  font-size: 1rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  margin: 0 0 0.4rem !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-desc p:not(.box-icon-title) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--jd-shop-muted) !important;
  font-size: 0.84rem !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

html body.jd-storefront-page #wrapper .product-categories-block__title,
html body.jd-storefront-page #wrapper .featured-products-embed__title {
  color: var(--jd-shop-deep) !important;
  font-size: clamp(1.35rem, 2.6vw, 1.8rem) !important;
  font-weight: 850 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
  margin: 0 0 1.2rem !important;
  padding: 0 0 0.65rem !important;
  position: relative;
  text-align: left !important;
  text-transform: none !important;
}

html body.jd-storefront-landing #wrapper #content-wide-top {
  padding-top: 0 !important;
}

html body.jd-storefront-page #wrapper .product-categories-block__title::after,
html body.jd-storefront-page #wrapper .featured-products-embed__title::after {
  background: var(--jd-shop-violet);
  border-radius: 999px;
  bottom: 0;
  content: '';
  height: 3px;
  left: 0;
  position: absolute;
  width: 64px;
}

html body.jd-storefront-page #wrapper .product-categories-block__title::before {
  display: none !important;
}

html body.jd-storefront-landing #wrapper .product-categories-list__items {
  display: grid !important;
  gap: 1rem !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.jd-storefront-landing #wrapper .product-category-parent {
  align-self: start;
  background: #ffffff !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-left: 4px solid var(--jd-shop-violet) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 22px rgba(59, 10, 92, 0.07) !important;
  margin: 0 !important;
  overflow: hidden;
  padding: 0 !important;
  transform: none !important;
}

html body.jd-storefront-landing #wrapper .product-category-parent:hover,
html body.jd-storefront-landing #wrapper .product-category-parent.is-active-ancestor {
  border-color: var(--jd-shop-mid) !important;
  border-left-color: var(--jd-shop-violet) !important;
  box-shadow: var(--jd-shop-shadow) !important;
  transform: none !important;
}

html body.jd-storefront-landing #wrapper .product-category-parent__header {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--jd-shop-ink) !important;
  padding: 1rem !important;
}

html body.jd-storefront-landing #wrapper .product-category-parent__heading {
  align-items: center;
  display: flex !important;
  gap: 0.7rem;
  justify-content: space-between;
}

html body.jd-storefront-landing #wrapper .product-category-parent__link a {
  color: #ffffff !important;
  -webkit-text-fill-color: var(--jd-shop-deep) !important;
  font-size: 1rem !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}

html body.jd-storefront-landing #wrapper .product-category-parent__link a:hover {
  color: var(--jd-shop-violet) !important;
}

html body.jd-storefront-landing #wrapper .product-category-parent__toggle {
  align-items: center;
  background: var(--jd-shop-lilac) !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 9px !important;
  color: var(--jd-shop-purple) !important;
  display: inline-flex;
  flex: 0 0 42px;
  height: 42px;
  justify-content: center;
  padding: 0 !important;
  width: 42px;
}

html body.jd-storefront-landing #wrapper .product-category-parent__toggle:hover,
html body.jd-storefront-landing #wrapper .product-category-parent__toggle:focus-visible {
  background: var(--jd-shop-violet) !important;
  border-color: var(--jd-shop-violet) !important;
  color: #ffffff !important;
  outline: 3px solid rgba(157, 78, 221, 0.18) !important;
}

html body.jd-storefront-landing #wrapper .product-category-parent__description {
  background: var(--jd-shop-mist) !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: var(--jd-shop-muted) !important;
  font-size: 0.82rem !important;
  line-height: 1.48 !important;
  margin: 0.8rem 0 0 !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0.8rem !important;
}

html body.jd-storefront-landing #wrapper .product-category-children {
  background: var(--jd-shop-mist) !important;
  border: 0 !important;
  border-top: 1px solid var(--jd-shop-border) !important;
  border-radius: 0 !important;
  display: grid;
  gap: 0.55rem;
  list-style: none !important;
  margin: 0 !important;
  padding: 0.9rem !important;
}

html body.jd-storefront-landing #wrapper .product-category-children[hidden] {
  display: none !important;
}

html body.jd-storefront-landing #wrapper .product-category-child {
  background: #ffffff !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 10px !important;
  margin: 0 !important;
  padding: 0.75rem !important;
}

html body.jd-storefront-landing #wrapper .product-category-child a {
  color: var(--jd-shop-purple) !important;
  font-size: 0.84rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

html body.jd-storefront-landing #wrapper .product-category-child__description {
  color: var(--jd-shop-muted) !important;
  font-size: 0.76rem !important;
  line-height: 1.45 !important;
  margin: 0.45rem 0 0 !important;
}
html body.jd-storefront-landing #wrapper [id*='product-categories-block-block-1'] .grid-wrapper {
  display: grid !important;
  gap: 1rem !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 !important;
  padding: 0 !important;
}

html body.jd-storefront-landing #wrapper [id*='product-categories-block-block-1'] .grid-item {
  background: #ffffff !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 22px rgba(59, 10, 92, 0.07) !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 240px;
  overflow: hidden;
  padding: 1rem !important;
  width: auto !important;
}

html body.jd-storefront-landing #wrapper [id*='product-categories-block-block-1'] .grid-item:hover {
  border-color: var(--jd-shop-mid) !important;
  box-shadow: var(--jd-shop-shadow) !important;
  transform: translateY(-2px) !important;
}

html body.jd-storefront-landing #wrapper [id*='product-categories-block-block-1'] .views-field-field-brand-logo {
  order: -2 !important;
}

html body.jd-storefront-landing #wrapper [id*='product-categories-block-block-1'] .views-field-field-brand-logo .field-item {
  align-items: center !important;
  background: var(--jd-shop-mist) !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 11px !important;
  display: flex !important;
  height: 88px !important;
  justify-content: center !important;
  margin: 0 0 0.8rem !important;
  padding: 0.7rem !important;
  width: 100% !important;
}

html body.jd-storefront-landing #wrapper [id*='product-categories-block-block-1'] .views-field-field-brand-logo img {
  border: 0 !important;
  border-radius: 0 !important;
  height: 100% !important;
  max-height: 64px !important;
  max-width: 150px !important;
  object-fit: contain !important;
  padding: 0 !important;
  width: auto !important;
}

html body.jd-storefront-landing #wrapper [id*='product-categories-block-block-1'] .views-field-name {
  order: -1 !important;
}

html body.jd-storefront-landing #wrapper [id*='product-categories-block-block-1'] .views-field-name a {
  color: var(--jd-shop-deep) !important;
  display: inline-block;
  font-size: 1rem !important;
  font-weight: 850 !important;
  margin-bottom: 0.45rem !important;
  text-decoration: none !important;
}

html body.jd-storefront-landing #wrapper [id*='product-categories-block-block-1'] .views-field-description__value {
  background: transparent !important;
  border: 0 !important;
  color: var(--jd-shop-muted) !important;
  font-size: 0.78rem !important;
  line-height: 1.48 !important;
  max-height: 5.8em !important;
  overflow: hidden !important;
  padding: 0 !important;
}

html body.jd-storefront-page #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.jd-storefront-page #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search > .container-wrap {
  background: #ffffff !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-left: 5px solid var(--jd-shop-violet) !important;
  border-radius: var(--jd-shop-radius) !important;
  box-shadow: var(--jd-shop-shadow) !important;
  margin-inline: auto !important;
  max-width: 72rem !important;
  padding: 1.2rem !important;
}

html body.jd-storefront-page #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .block-title-wrap {
  margin: 0 0 0.8rem !important;
  padding: 0 !important;
}

html body.jd-storefront-page #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search .block-title {
  animation: none !important;
  color: var(--jd-shop-deep) !important;
  font-size: 1.05rem !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  text-transform: none !important;
}

html body.jd-storefront-page #wrapper #views-exposed-form-product-catalog-product-catalog-search {
  align-items: end !important;
  display: grid !important;
  gap: 0.8rem !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.jd-storefront-page #wrapper #views-exposed-form-product-catalog-product-catalog-search .form-item {
  margin: 0 !important;
}

html body.jd-storefront-page #wrapper #views-exposed-form-product-catalog-product-catalog-search label {
  color: var(--jd-shop-ink) !important;
  display: block !important;
  font-size: 0.83rem !important;
  font-weight: 800 !important;
  margin: 0 0 0.4rem !important;
}

html body.jd-storefront-page #wrapper #views-exposed-form-product-catalog-product-catalog-search input[type='text'] {
  background: #ffffff !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
  color: var(--jd-shop-ink) !important;
  font-size: 1rem !important;
  height: 50px !important;
  padding: 0 1rem !important;
  width: 100% !important;
}

html body.jd-storefront-page #wrapper #views-exposed-form-product-catalog-product-catalog-search input[type='text']:focus {
  border-color: var(--jd-shop-violet) !important;
  box-shadow: 0 0 0 3px rgba(157, 78, 221, 0.17) !important;
  outline: none !important;
}

html body.jd-storefront-page #wrapper #views-exposed-form-product-catalog-product-catalog-search .form-submit {
  background: var(--jd-shop-violet) !important;
  border: 1px solid var(--jd-shop-violet) !important;
  border-radius: 11px !important;
  box-shadow: 0 8px 18px rgba(14, 108, 62, 0.2) !important;
  color: #ffffff !important;
  font-size: 0.9rem !important;
  font-weight: 850 !important;
  height: 50px !important;
  min-width: 140px !important;
  padding: 0 1.4rem !important;
  text-transform: none !important;
}

html body.jd-storefront-page #wrapper #views-exposed-form-product-catalog-product-catalog-search .form-submit:hover {
  background: var(--jd-shop-purple) !important;
  border-color: var(--jd-shop-purple) !important;
}

html body.jd-storefront-page #wrapper .product-catalog,
html body.jd-storefront-page #wrapper .product-search-page,
html body.jd-storefront-page #wrapper :is(.view-brand-product-listings, .view-product-category-listings) {
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 auto !important;
  max-width: 78rem !important;
  padding: 0 !important;
}

html body.jd-storefront-page #wrapper #page-wrapper {
  padding-block: clamp(1.6rem, 4vw, 3.4rem) !important;
}

html body.jd-storefront-landing #wrapper #page-wrapper {
  border-top: 1px solid #8e51aa69;
  margin-top: -2rem !important;
}

html body.jd-storefront-page #wrapper .product-catalog > .view-header,
html body.jd-storefront-page #wrapper .product-search-page > .view-header {
  align-items: center;
  display: flex !important;
  justify-content: flex-end;
  margin: 0 0 1rem !important;
  min-height: 44px;
  padding: 0 !important;
}

html body.jd-storefront-page #wrapper .switch-icon {
  display: inline-flex !important;
  gap: 0.45rem;
  margin: 0 !important;
}

html body.jd-storefront-page #wrapper .switch-icon span {
  align-items: center;
  background: #ffffff !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 9px !important;
  color: var(--jd-shop-muted) !important;
  cursor: pointer;
  display: inline-flex !important;
  font-size: 1rem !important;
  height: 42px !important;
  justify-content: center;
  margin: 0 !important;
  width: 42px !important;
}

html body.jd-storefront-page #wrapper .switch-icon span.active,
html body.jd-storefront-page #wrapper .switch-icon span:hover {
  background: var(--jd-shop-lilac) !important;
  border-color: var(--jd-shop-violet) !important;
  color: var(--jd-shop-purple) !important;
}

html body.jd-storefront-page #wrapper .switch-icon :is(.list-switch, .grid-switch)::before {
  content: '' !important;
  display: block !important;
  font-family: inherit !important;
  height: 16px;
  width: 18px;
}

html body.jd-storefront-page #wrapper .switch-icon .list-switch::before {
  background: repeating-linear-gradient(to bottom, currentColor 0 2px, transparent 2px 6px);
}

html body.jd-storefront-page #wrapper .switch-icon .grid-switch::before {
  background:
    linear-gradient(to right, currentColor 0 42%, transparent 42% 58%, currentColor 58%),
    linear-gradient(to bottom, transparent 0 42%, #ffffff 42% 58%, transparent 58%);
  border: 1px solid currentColor;
}

html body.jd-storefront-page #wrapper .view-product-catalog .grid-wrapper,
html body.jd-storefront-page #wrapper .product-catalog .grid-wrapper,
html body.jd-storefront-page #wrapper .product-search-page .grid-wrapper,
html body.jd-storefront-page #wrapper .view-brand-product-listings .grid-wrapper,
html body.jd-storefront-page #wrapper .view-product-category-listings .grid-wrapper {
  display: grid !important;
  gap: 1.25rem !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 !important;
  padding: 0 !important;
}

html body.jd-storefront-page #wrapper .view-product-catalog .grid-wrapper > .grid-item,
html body.jd-storefront-page #wrapper .product-catalog .grid-wrapper > .grid-item,
html body.jd-storefront-page #wrapper .product-search-page .grid-wrapper > .grid-item,
html body.jd-storefront-page #wrapper .view-brand-product-listings .grid-wrapper > .grid-item,
html body.jd-storefront-page #wrapper .view-product-category-listings .grid-wrapper > .grid-item {
  display: block !important;
  float: none !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0;
  padding: 0 !important;
  width: auto !important;
}

html body.jd-storefront-page #wrapper .product-teaser-wrap {
  background: #ffffff !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-left: 4px solid var(--jd-shop-violet) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(59, 10, 92, 0.08) !important;
  display: flex !important;
  height: 100% !important;
  margin: 0 !important;
  min-height: 100%;
  overflow: hidden !important;
  padding: 0 !important;
  transform: none !important;
  transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease !important;
  width: 100% !important;
  max-width: none !important;
}

html body.jd-storefront-page #wrapper .product-teaser-wrap:hover {
  border-color: var(--jd-shop-mid) !important;
  border-left-color: var(--jd-shop-violet) !important;
  box-shadow: var(--jd-shop-shadow-hover) !important;
  transform: translateY(-2px) !important;
}

html body.jd-storefront-page #wrapper .product-teaser {
  background: #ffffff !important;
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column !important;
  height: auto !important;
  margin: 0 !important;
  min-height: 100%;
  padding: 0 !important;
  width: 100% !important;
}

html body.jd-storefront-page #wrapper .product-teaser-bg,
html body.jd-storefront-page #wrapper .product-teaser-wrap::before {
  display: none !important;
}

html body.jd-storefront-page #wrapper .product-teaser-container {
  background: #ffffff !important;
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column !important;
  min-height: 100%;
  width: 100% !important;
}

html body.jd-storefront-page #wrapper .product-teaser-image,
html body.jd-storefront-page #wrapper .product-image {
  align-items: center !important;
  background: white !important;
  border: 0 !important;
  border-bottom: 1px solid var(--jd-shop-border) !important;
  display: flex !important;
  flex: 0 0 220px !important;
  height: 220px !important;
  justify-content: center !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0.8rem !important;
  position: relative;
  width: 100% !important;
}

html body.jd-storefront-page #wrapper .product-image :is(.field, .field-items, .field-item, a, picture) {
  align-items: center !important;
  display: flex !important;
  height: 100% !important;
  justify-content: center !important;
  margin: 0 !important;
  width: 100% !important;
}

html body.jd-storefront-page #wrapper .product-image .field-item:not(:first-child) {
  display: none !important;
}

html body.jd-storefront-page #wrapper .product-image img {
  border: 0 !important;
  border-radius: 10px !important;
  display: block !important;
  height: 100% !important;
  margin: 0 auto !important;
  max-height: 196px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  padding: 0 !important;
  transform: none !important;
  width: 100% !important;
}

html body.jd-storefront-page #wrapper .product-badge {
  left: 0.75rem !important;
  position: absolute !important;
  top: 0.75rem !important;
  z-index: 2;
}

html body.jd-storefront-page #wrapper .product-badge .badge-label {
  background: var(--jd-shop-deep) !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  padding: 0.35rem 0.65rem !important;
}

html body.jd-storefront-page #wrapper .product-image .product-icon-wrap {
  bottom: 0.7rem !important;
  display: flex !important;
  gap: 0.45rem;
  left: 0.7rem !important;
  margin: 0 !important;
  opacity: 1 !important;
  position: absolute !important;
  transform: none !important;
  visibility: visible !important;
  z-index: 2;
}

html body.jd-storefront-page #wrapper .product-image .product-icon:not(.product-view):empty {
  display: none !important;
}

html body.jd-storefront-page #wrapper .product-image .product-view a {
  align-items: center;
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 999px !important;
  color: var(--jd-shop-purple) !important;
  display: inline-flex !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  gap: 0.35rem;
  min-height: 36px;
  padding: 0.45rem 0.7rem !important;
  text-decoration: none !important;
}

html body.jd-storefront-page #wrapper .product-image .product-view a > i {
  border: 2px solid currentColor;
  border-radius: 50%;
  display: inline-block !important;
  font-family: inherit !important;
  height: 12px;
  position: relative;
  width: 12px;
}

html body.jd-storefront-page #wrapper .product-image .product-view a > i::before {
  content: '' !important;
}

html body.jd-storefront-page #wrapper .product-image .product-view a > i::after {
  background: currentColor;
  bottom: -4px;
  content: '';
  height: 5px;
  position: absolute;
  right: -3px;
  transform: rotate(-45deg);
  width: 2px;
}

html body.jd-storefront-page #wrapper .product-meta-wrap {
  background: #ffffff !important;
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column !important;
  min-height: 0;
  padding: 1rem !important;
}

html body.jd-storefront-page #wrapper .product-meta {
  background: transparent !important;
  border: 0 !important;
  color: var(--jd-shop-ink) !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.jd-storefront-page #wrapper .product-title {
  margin: 0 !important;
}

html body.jd-storefront-page #wrapper .product-title a,
html body.jd-storefront-page #wrapper .product-title-link {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--jd-shop-ink) !important;
  display: -webkit-box !important;
  font-size: 1rem !important;
  font-weight: 820 !important;
  line-height: 1.35 !important;
  min-height: 2.7em;
  overflow: hidden;
  text-decoration: none !important;
}

html body.jd-storefront-page #wrapper .product-title a:hover,
html body.jd-storefront-page #wrapper .product-title-link:hover {
  color: var(--jd-shop-violet) !important;
}

html body.jd-storefront-page #wrapper .product-ratings {
  color: #d18400 !important;
  margin: 0.55rem 0 0 !important;
  min-height: 1.25rem;
}

html body.jd-storefront-page #wrapper .product-ratings .vote-form input[type='submit'] {
  display: none !important;
}

html body.jd-storefront-page #wrapper .product-price-wrap {
  align-items: baseline !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0.55rem 0 0 !important;
  justify-content: center !important;
}

html body.jd-storefront-page #wrapper .product-price,
html body.jd-storefront-page #wrapper .field-price {
  color: var(--jd-shop-purple) !important;
  font-size: 1.12rem !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

html body.jd-storefront-page #wrapper .product-price::first-line {
  color: var(--jd-shop-purple) !important;
}

html body.jd-storefront-page #wrapper .product-old-price {
  color: var(--jd-shop-muted) !important;
  font-size: 0.82rem !important;
}

html body.jd-storefront-page #wrapper .product-teaser-short-desc {
  border: 0 !important;
  margin: 0.7rem 0 0 !important;
  padding: 0 !important;
}

html body.jd-storefront-page #wrapper .product-teaser-short-desc .field-label {
  display: none !important;
}

html body.jd-storefront-page #wrapper .product-teaser-short-desc .field-item {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: var(--jd-shop-muted) !important;
  display: -webkit-box !important;
  font-size: 0.8rem !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  max-height: none !important;
  overflow: auto !important;
  padding-top: 0.5rem !important;
}

html body.jd-storefront-page #wrapper .product-variation-wrap {
  background: var(--jd-shop-mist) !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 12px !important;
  margin: auto 0 0 !important;
  padding: 0.8rem !important;
}

html body.jd-storefront-page #wrapper .product-teaser .commerce-order-item-add-to-cart-form {
  align-items: end;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 0.6rem;
  grid-template-columns: minmax(82px, 0.7fr) minmax(110px, 1.3fr);
  margin: 0 !important;
  padding: 0 !important;
}

html body.jd-storefront-page #wrapper .commerce-order-item-add-to-cart-form :is(.field--name-purchased-entity, .field--name-unit-price),
html body.jd-storefront-page #wrapper .product-add-cart > .field > .field-label,
html body.jd-storefront-page #wrapper .product-add-cart .field-variations > .field-label {
  display: none !important;
}

html body.jd-storefront-page #wrapper .product-teaser .field--name-quantity {
  margin: 0 !important;
}

html body.jd-storefront-page #wrapper .product-teaser .field--name-quantity label {
  color: var(--jd-shop-muted) !important;
  display: block !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  margin: 0 0 0.35rem !important;
}

html body.jd-storefront-page #wrapper .product-teaser .field--name-quantity input[type='number'] {
  background: #ffffff !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 9px !important;
  color: var(--jd-shop-ink) !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 2rem 0 0.7rem !important;
  width: 100% !important;
}

html body.jd-storefront-page #wrapper .product-teaser .quantity-nav {
  height: 44px !important;
  right: 0 !important;
}

html body.jd-storefront-page #wrapper .product-teaser .quantity-button {
  align-items: center;
  background: var(--jd-shop-lilac) !important;
  border-color: var(--jd-shop-border) !important;
  color: var(--jd-shop-purple) !important;
  display: flex !important;
  justify-content: center;
}

html body.jd-storefront-page #wrapper .product-teaser .form-actions {
  margin: 0 !important;
}

html body.jd-storefront-page #wrapper .product-teaser :is(.button--add-to-cart, .form-submit),
html body.jd-storefront-page #wrapper .product-teaser-actions a {
  align-items: center;
  border-radius: 10px !important;
  display: inline-flex !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  justify-content: center;
  line-height: 1.2 !important;
  min-height: 44px;
  padding: 0.7rem 0.8rem !important;
  text-decoration: none !important;
  text-transform: none !important;
  width: 100% !important;
}

html body.jd-storefront-page #wrapper .product-teaser :is(.button--add-to-cart, .form-submit) {
  background: var(--jd-shop-violet) !important;
  border: 1px solid var(--jd-shop-violet) !important;
  box-shadow: none !important;
  color: #ffffff !important;
  height: 44px !important;
}

html body.jd-storefront-page #wrapper .product-teaser :is(.button--add-to-cart, .form-submit):hover {
  background: var(--jd-shop-purple) !important;
  border-color: var(--jd-shop-purple) !important;
}

html body.jd-storefront-page #wrapper .product-teaser-actions {
  margin: auto 0 0 !important;
  padding-top: 0.7rem !important;
}

html body.jd-storefront-page #wrapper .product-teaser-actions a {
  background: #ffffff !important;
  border: 1px solid var(--jd-shop-violet) !important;
  color: var(--jd-shop-purple) !important;
}

html body.jd-storefront-page #wrapper .product-teaser-actions a:hover {
  background: var(--jd-shop-lilac) !important;
  color: var(--jd-shop-deep) !important;
}
html body.jd-storefront-page #wrapper .grid-item.list-grid {
  grid-column: 1 / -1;
}

html body.jd-storefront-page #wrapper .grid-item.list-grid .product-teaser-container {
  display: grid !important;
  grid-template-columns: minmax(200px, 28%) minmax(0, 1fr) !important;
}

html body.jd-storefront-page #wrapper .grid-item.list-grid .product-image {
  border-bottom: 0 !important;
  border-right: 1px solid var(--jd-shop-border) !important;
  height: 100% !important;
  min-height: 240px;
}

html body.jd-storefront-page #wrapper .pager {
  margin: 2rem 0 0 !important;
  padding: 0 !important;
}

html body.jd-storefront-page #wrapper .pager__items {
  align-items: center;
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.45rem;
  justify-content: center;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

html body.jd-storefront-page #wrapper .pager__item {
  margin: 0 !important;
  padding: 0 !important;
}

html body.jd-storefront-page #wrapper .pager__item a {
  align-items: center;
  background: #ffffff !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 9px !important;
  color: var(--jd-shop-purple) !important;
  display: inline-flex;
  font-weight: 800 !important;
  justify-content: center;
  min-height: 42px;
  min-width: 42px;
  padding: 0.55rem 0.75rem !important;
  text-decoration: none !important;
}

html body.jd-storefront-page #wrapper .pager__item.is-active a,
html body.jd-storefront-page #wrapper .pager__item a:hover {
  background: var(--jd-shop-violet) !important;
  border-color: var(--jd-shop-violet) !important;
  color: #ffffff !important;
}

html body.jd-storefront-page #wrapper .view-empty {
  background: var(--jd-shop-mist) !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: var(--jd-shop-radius) !important;
  color: var(--jd-shop-muted) !important;
  margin: 1rem 0 !important;
  padding: 2rem !important;
  text-align: center;
}

html body.jd-storefront-product #wrapper #page-wrapper-content {
  padding-block: clamp(1.5rem, 4vw, 3rem) !important;
}

html body.jd-storefront-product #wrapper .product-post {
  background: #ffffff !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: var(--jd-shop-radius) !important;
  box-shadow: var(--jd-shop-shadow) !important;
  margin: 0 auto !important;
  max-width: 78rem !important;
  overflow: hidden;
  padding: clamp(1rem, 2.6vw, 2rem) !important;
}

html body.jd-storefront-product #wrapper .product-post::after {
  display: none !important;
}

html body.jd-storefront-product #wrapper .product-post > .row {
  display: grid !important;
  gap: clamp(1.4rem, 3vw, 2.6rem);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  margin: 0 !important;
}

html body.jd-storefront-product #wrapper .product-post > .row::before,
html body.jd-storefront-product #wrapper .product-post > .row::after {
  display: none !important;
}

html body.jd-storefront-product #wrapper :is(.product-image-wrap, .product-content-wrap) {
  float: none !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0;
  padding: 0 !important;
  width: auto !important;
}

html body.jd-storefront-product #wrapper .product-gallery {
  display: grid;
  gap: 0.85rem;
}

html body.jd-storefront-product #wrapper .product-gallery-main {
  align-items: center;
  aspect-ratio: 1 / 1;
  display: flex !important;
  justify-content: center;
  min-height: 0 !important;
  overflow: hidden;
  padding: 1rem !important;
}

html body.jd-storefront-product #wrapper .product-gallery-main-img {
  border: 0 !important;
  border-radius: 12px !important;
  display: block !important;
  height: 100% !important;
  max-height: 31rem !important;
  max-width: 100% !important;
  object-fit: contain !important;
  padding: 0 !important;
  width: 100% !important;
}

html body.jd-storefront-product #wrapper .product-gallery-thumbs {
  display: grid !important;
  gap: 0.65rem !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0 !important;
  overflow-x: auto;
  padding: 0.15rem !important;
}

html body.jd-storefront-product #wrapper .product-gallery-thumb {
  align-items: center;
  aspect-ratio: 1;
  background: #ffffff !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 10px !important;
  display: flex !important;
  justify-content: center;
  min-height: 54px;
  overflow: hidden;
  padding: 0.3rem !important;
}

html body.jd-storefront-product #wrapper .product-gallery-thumb:is(:hover, :focus-visible, [aria-current='true']) {
  border-color: var(--jd-shop-violet) !important;
  box-shadow: 0 0 0 3px rgba(157, 78, 221, 0.15) !important;
  outline: 2px solid transparent !important;
}

html body.jd-storefront-product #wrapper .product-gallery-thumb img {
  height: 100% !important;
  object-fit: contain !important;
  width: 100% !important;
}

html body.jd-storefront-product #wrapper .product-content-wrap {
  align-self: start;
  background: #ffffff !important;
  color: var(--jd-shop-ink) !important;
}

html body.jd-storefront-product #wrapper h1.commerce-product-h1 {
  border: 0 !important;
  color: var(--jd-shop-deep) !important;
  font-size: clamp(1.7rem, 3.2vw, 2.35rem) !important;
  margin: 0 0 1rem !important;
  padding: 0 !important;
}

html body.jd-storefront-product #wrapper .product-stock {
  align-items: center;
  background: var(--jd-shop-mist) !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 12px !important;
  color: var(--jd-shop-ink) !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.45rem 0.7rem;
  margin: 0 0 1rem !important;
  padding: 0.85rem 1rem !important;
}

html body.jd-storefront-product #wrapper .product-stock .field-label {
  color: var(--jd-shop-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  margin: 0 !important;
}

html body.jd-storefront-product #wrapper .stock-value {
  border-radius: 999px !important;
  font-size: 0.75rem !important;
  font-weight: 850 !important;
  padding: 0.3rem 0.6rem !important;
}

html body.jd-storefront-product #wrapper .in-stock .available-stock {
  background: var(--jd-shop-lilac) !important;
  color: var(--jd-shop-purple) !important;
}

html body.jd-storefront-product #wrapper .out-of-stock .out-of-stock {
  background: #fff0f1 !important;
  color: var(--jd-shop-danger) !important;
}

html body.jd-storefront-product #wrapper .product-stock .product-price {
  color: var(--jd-shop-purple) !important;
  font-size: 1.35rem !important;
  font-weight: 900 !important;
  margin: 0 0 0 auto !important;
}

html body.jd-storefront-product #wrapper .product-short-description {
  background: #ffffff !important;
  border: 0 !important;
  color: var(--jd-shop-muted) !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  margin: 0 0 1rem !important;
  padding: 0 !important;
}

html body.jd-storefront-product #wrapper .product-short-description .field-label {
  display: none !important;
}

html body.jd-storefront-product #wrapper .product-meta {
  background: var(--jd-shop-mist) !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 12px !important;
  display: grid !important;
  gap: 0 !important;
  margin: 0 0 1rem !important;
  padding: 0.3rem 1rem !important;
}

html body.jd-storefront-product #wrapper .product-meta:has(.product-icon-wrap:empty),
html body.jd-storefront-product #wrapper .product-meta:has(.product-icon:empty) {
  display: none !important;
}

html body.jd-storefront-product #wrapper .product-meta-item {
  border-bottom: 1px solid #dfece4 !important;
  color: var(--jd-shop-ink) !important;
  display: grid !important;
  font-size: 0.84rem !important;
  gap: 0.7rem;
  grid-template-columns: minmax(72px, 0.32fr) minmax(0, 1fr);
  margin: 0 !important;
  padding: 0.7rem 0 !important;
}

html body.jd-storefront-product #wrapper .product-meta-item :is(.field-label, .field-item) {
  margin: 0 !important;
  padding: 0 !important;
}

html body.jd-storefront-product #wrapper .product-meta-item .field-label {
  color: var(--jd-shop-muted) !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
}

html body.jd-storefront-product #wrapper .product-meta-item a {
  color: var(--jd-shop-purple) !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}

html body.jd-storefront-product #wrapper .product-variation-wrap {
  background: var(--jd-shop-mist) !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 14px !important;
  margin: 0 !important;
  padding: 1rem !important;
}

html body.jd-storefront-product #wrapper .product-variation-selector {
  margin: 0 0 0.8rem !important;
}

html body.jd-storefront-product #wrapper .product-variation-selector label,
html body.jd-storefront-product #wrapper .product-add-cart .field--name-quantity label {
  color: var(--jd-shop-ink) !important;
  display: block !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  margin: 0 0 0.4rem !important;
}

html body.jd-storefront-product #wrapper .variation-switcher {
  background: #ffffff !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 10px !important;
  color: var(--jd-shop-ink) !important;
  height: 48px !important;
  padding: 0 0.85rem !important;
  width: 100% !important;
}

html body.jd-storefront-product #wrapper .commerce-order-item-add-to-cart-form {
  align-items: end;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 0.8rem;
  grid-template-columns: minmax(100px, 0.55fr) minmax(170px, 1.45fr);
  margin: 0 !important;
  padding: 0 !important;
}

html body.jd-storefront-product #wrapper .product-add-cart .field--name-quantity {
  margin: 0 !important;
}

html body.jd-storefront-product #wrapper .product-add-cart input[type='number'] {
  background: #ffffff !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 10px !important;
  color: var(--jd-shop-ink) !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 2.2rem 0 0.8rem !important;
  width: 100% !important;
}

html body.jd-storefront-product #wrapper .product-add-cart .form-actions {
  margin: 0 !important;
}

html body.jd-storefront-product #wrapper .button--add-to-cart {
  align-items: center;
  background: var(--jd-shop-violet) !important;
  border: 1px solid var(--jd-shop-violet) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 18px rgba(14, 108, 62, 0.2) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 0.95rem !important;
  font-weight: 850 !important;
  height: 48px !important;
  justify-content: center;
  margin: 0 !important;
  padding: 0 1.2rem !important;
  text-transform: none !important;
  width: 100% !important;
}

html body.jd-storefront-product #wrapper .button--add-to-cart:hover {
  background: var(--jd-shop-purple) !important;
  border-color: var(--jd-shop-purple) !important;
}

html body.jd-storefront-product #wrapper .margin-top-50.product-info {
  margin: clamp(1.5rem, 4vw, 2.5rem) 0 0 !important;
}

html body.jd-storefront-product #wrapper .product-info .nav-tabs {
  border: 0 !important;
  display: flex !important;
  gap: 0.55rem;
  list-style: none !important;
  margin: 0 0 0.8rem !important;
  padding: 0 !important;
}

html body.jd-storefront-product #wrapper .product-info .nav-tabs li {
  margin: 0 !important;
}

html body.jd-storefront-product #wrapper .product-info .nav-tabs a {
  background: #ffffff !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 10px !important;
  color: var(--jd-shop-purple) !important;
  display: inline-flex !important;
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  min-height: 44px;
  padding: 0.7rem 1rem !important;
}

html body.jd-storefront-product #wrapper .product-info .nav-tabs :is(li.active a, a.active, a:hover) {
  background: var(--jd-shop-violet) !important;
  border-color: var(--jd-shop-violet) !important;
  color: #ffffff !important;
}

html body.jd-storefront-product #wrapper .product-info .tab-content {
  background: var(--jd-shop-mist) !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 14px !important;
  color: var(--jd-shop-ink) !important;
  padding: clamp(1rem, 2.8vw, 1.8rem) !important;
}

html body.jd-storefront-product #wrapper .product-info .tab-pane {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--jd-shop-ink) !important;
  padding: 0 !important;
  border-top-left-radius: 10px !important;
}

html body.jd-storefront-product #wrapper .product-info .tab-pane::before {
  display: none !important;
}

html body.jd-storefront-product #wrapper .product-tab-item,
html body.jd-storefront-product #wrapper .product-tab-item * {
  color: var(--jd-shop-ink) !important;
}

html body.jd-storefront-product #wrapper .product-tab-item :is(h2, h3, h4) {
  border: 0 !important;
  color: var(--jd-shop-deep) !important;
  font-weight: 850 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.3 !important;
  margin: 1.4rem 0 0.6rem !important;
  padding: 0 !important;
}

html body.jd-storefront-product #wrapper .product-tab-item > h2:first-child {
  margin-top: 0 !important;
}

html body.jd-storefront-product #wrapper .product-tab-item :is(p, li) {
  color: var(--jd-shop-muted) !important;
  font-size: 0.96rem !important;
  line-height: 1.7 !important;
}

html body.jd-storefront-product #wrapper .product-tab-item a {
  color: var(--jd-shop-purple) !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

html body.jd-storefront-product #wrapper .comment-form {
  background: #ffffff !important;
  border: 1px solid var(--jd-shop-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  padding: 1rem !important;
}

html body.jd-storefront-product #wrapper #block-martis-related-products-pdp {
  margin: clamp(2rem, 5vw, 4rem) auto 0 !important;
  max-width: 78rem;
}

html body.jd-storefront-page #wrapper :is(a, button, input, select, textarea):focus-visible {
  outline: 3px solid rgba(157, 78, 221, 0.24) !important;
  outline-offset: 2px !important;
}

html body.jd-storefront-page #wrapper :is(button, input[type='submit'], .button)[disabled],
html body.jd-storefront-page #wrapper :is(button, input[type='submit'], .button).is-disabled {
  cursor: not-allowed !important;
  opacity: 0.55 !important;
  transform: none !important;
}

@media (max-width: 1199px) {
  html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-icon-section .row,
  html body.jd-storefront-landing #wrapper [id*='product-categories-block-block-1'] .grid-wrapper,
  html body.jd-storefront-page #wrapper .view-product-catalog .grid-wrapper,
  html body.jd-storefront-page #wrapper .product-catalog .grid-wrapper,
  html body.jd-storefront-page #wrapper .product-search-page .grid-wrapper,
  html body.jd-storefront-page #wrapper .view-brand-product-listings .grid-wrapper,
  html body.jd-storefront-page #wrapper .view-product-category-listings .grid-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  html body.jd-storefront-landing #wrapper .product-categories-list__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html body.jd-storefront-product #wrapper .product-post > .row {
    grid-template-columns: 1fr !important;
  }

  html body.jd-storefront-product #wrapper .product-gallery-main {
    max-height: 35rem;
  }
}

@media (max-width: 767px) {
  html body.jd-storefront-page #wrapper .jd-storefront-intro {
    padding: 1rem 0 0 !important;
  }

  html body.jd-storefront-page #wrapper .commerce-content-header {
    border-left-width: 4px !important;
    border-radius: 14px !important;
    margin-bottom: 1rem !important;
    padding: 1.1rem !important;
  }

  html body.jd-storefront-page #wrapper .commerce-content-header::after {
    inset: 0 0 0 48%;
  }

  html body.jd-storefront-landing #wrapper #content-wide-top {
    gap: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 2rem !important;
  }

  html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-icon-section .row,
  html body.jd-storefront-landing #wrapper .product-categories-list__items,
  html body.jd-storefront-landing #wrapper [id*='product-categories-block-block-1'] .grid-wrapper,
  html body.jd-storefront-page #wrapper .view-product-catalog .grid-wrapper,
  html body.jd-storefront-page #wrapper .product-catalog .grid-wrapper,
  html body.jd-storefront-page #wrapper .product-search-page .grid-wrapper,
  html body.jd-storefront-page #wrapper .view-brand-product-listings .grid-wrapper,
  html body.jd-storefront-page #wrapper .view-product-category-listings .grid-wrapper {
    grid-template-columns: 1fr !important;
  }

  html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-icon-item {
    grid-template-columns: 48px minmax(0, 1fr);
    padding: 1rem !important;
  }

  html body.jd-storefront-landing #wrapper #block-martis-shopiconbox .box-icon {
    height: 48px !important;
    width: 48px !important;
  }

  html body.jd-storefront-landing #wrapper [id*='product-categories-block-block-1'] .grid-item {
    min-height: 0;
  }

  html body.jd-storefront-page #wrapper #block-martis-exposedformproduct-catalogproduct-catalog-search > .container-wrap {
    border-left-width: 4px !important;
    border-radius: 14px !important;
    padding: 1rem !important;
  }

  html body.jd-storefront-page #wrapper #views-exposed-form-product-catalog-product-catalog-search {
    grid-template-columns: 1fr !important;
  }

  html body.jd-storefront-page #wrapper #views-exposed-form-product-catalog-product-catalog-search .form-submit {
    min-width: 0 !important;
    width: 100% !important;
  }

  html body.jd-storefront-page #wrapper #page-wrapper,
  html body.jd-storefront-product #wrapper #page-wrapper-content {
    padding-block: 1.4rem 2.2rem !important;
  }

  html body.jd-storefront-page #wrapper .product-teaser-image,
  html body.jd-storefront-page #wrapper .product-image {
    flex-basis: 240px !important;
    height: 240px !important;
  }

  html body.jd-storefront-page #wrapper .grid-item.list-grid .product-teaser-container {
    display: flex !important;
  }

  html body.jd-storefront-page #wrapper .grid-item.list-grid .product-image {
    border-bottom: 1px solid var(--jd-shop-border) !important;
    border-right: 0 !important;
    min-height: 0;
  }

  html body.jd-storefront-product #wrapper .product-post {
    border-radius: 14px !important;
    padding: 1rem !important;
  }

  html body.jd-storefront-product #wrapper .product-gallery-thumbs {
    grid-template-columns: repeat(4, minmax(68px, 1fr));
  }

  html body.jd-storefront-product #wrapper .product-stock .product-price {
    flex-basis: 100%;
    margin: 0.35rem 0 0 !important;
  }

  html body.jd-storefront-product #wrapper .commerce-order-item-add-to-cart-form {
    grid-template-columns: 1fr;
  }

  html body.jd-storefront-product #wrapper .product-info .nav-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }

  html body.jd-storefront-product #wrapper .product-info .nav-tabs a {
    justify-content: center;
    width: 100%;
  }

  html body.jd-storefront-page.jd-storefront-listing #wrapper .product-catalog > .row.grid-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.jd-storefront-page.jd-storefront-listing #wrapper .product-catalog > .row.grid-wrapper > .grid-item {
    flex: 0 0 auto !important;
    grid-column: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.jd-storefront-page #wrapper *,
  html body.jd-storefront-page #wrapper *::before,
  html body.jd-storefront-page #wrapper *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

@media (max-width: 767.98px) {
  html body.jd-storefront-page #wrapper .product-catalog .grid-wrapper.row,
  html body.jd-storefront-page #wrapper .product-search-page .grid-wrapper.row,
  html body.jd-storefront-page #wrapper .view-brand-product-listings .grid-wrapper.row,
  html body.jd-storefront-page #wrapper .view-product-category-listings .grid-wrapper.row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.jd-storefront-page #wrapper .product-catalog .grid-wrapper > .grid-item,
  html body.jd-storefront-page #wrapper .product-search-page .grid-wrapper > .grid-item,
  html body.jd-storefront-page #wrapper .view-brand-product-listings .grid-wrapper > .grid-item,
  html body.jd-storefront-page #wrapper .view-product-category-listings .grid-wrapper > .grid-item {
    flex: 0 0 100% !important;
    grid-column: 1 / -1 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}


html body.path-taxonomy #wrapper .view-product-categories-block .product-category-parent__link a.taxonomy-category-icon::before,
html body.jd-storefront-page #wrapper .view-product-categories-block .product-category-parent__link a.taxonomy-category-icon::before,
.view-product-categories-block .product-category-parent__link a.taxonomy-category-icon::before {
  background: #6716aa !important;
  background-color: #6716aa !important;
}


html body.path-taxonomy #wrapper .product-category-parent__link a,
html body.jd-storefront-page.path-taxonomy #wrapper .product-category-parent__link a,
html body.jd-storefront-landing #wrapper .product-category-parent__link a {
  color: #ffffff !important;
  -webkit-text-fill-color: var(--jd-shop-deep) !important;
}
html body.jd-storefront-page #wrapper [id*='product-categories-block-block-1'] .grid-wrapper {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 991.98px) {
  html body.jd-storefront-page #wrapper [id*='product-categories-block-block-1'] .grid-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body.jd-storefront-page #wrapper .product-catalog > .view-header, html body.jd-storefront-page #wrapper .product-search-page > .view-header {
    margin: 1rem 0rem auto !important;
    justify-content: left !important;
  }
}

html body.jd-storefront-page #wrapper .product-categories-block__title,
html body.jd-storefront-page #wrapper .featured-products-embed__title {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}

html body.jd-storefront-page #wrapper .product-categories-block__title::after,
html body.jd-storefront-page #wrapper .featured-products-embed__title::after {
  content: none !important;
  display: none !important;
}

html body.jd-storefront-page #wrapper #views-exposed-form-product-catalog-product-catalog {
  align-items: end !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  justify-content: center !important;
  margin: 0.35rem auto 1.15rem !important;
  max-width: 44rem !important;
  width: min(100%, 44rem) !important;
}

html body.jd-storefront-page #wrapper #views-exposed-form-product-catalog-product-catalog .form-item {
  flex: 1 1 18rem !important;
  margin: 0 !important;
  min-width: 0 !important;
}

html body.jd-storefront-page #wrapper #views-exposed-form-product-catalog-product-catalog .form-actions {
  flex: 0 1 9rem !important;
  margin: 0 !important;
}

html body.jd-storefront-page #wrapper #views-exposed-form-product-catalog-product-catalog .form-submit {
  margin: 0 !important;
  min-height: 48px !important;
  width: 100% !important;
}

html body.jd-storefront-page #wrapper .product-title,
html body.jd-storefront-page #wrapper .product-title a,
html body.jd-storefront-page #wrapper .product-title-link {
  color: var(--jd-shop-deep) !important;
  -webkit-text-fill-color: var(--jd-shop-deep) !important;
  text-align: center !important;
}

html body.jd-storefront-page #wrapper .grid-item.list-grid .product-price-wrap,
html body.jd-storefront-page #wrapper .grid-item.list-grid .product-price {
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
}

html body.jd-storefront-page #wrapper .product-catalog > .pagerer-container,
html body.jd-storefront-page #wrapper :is(.view-brand-product-listings, .view-product-category-listings) > .pagerer-container {
  clear: both !important;
  display: flex !important;
  margin: 1.5rem auto 2rem !important;
  padding: 0 !important;
  position: static !important;
  width: 100% !important;
}

html body.path-taxonomy #wrapper .pagerer-container .pagerer-panes {
  margin-bottom: -5rem !important;
}

html body.jd-storefront-page #wrapper .pagerer-container .pagerer-panes {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  margin: 0 auto !important;
  padding: 0 !important;
  position: static !important;
  width: 100% !important;
}

html body.jd-storefront-page #wrapper .pagerer-container :is(.pagerer-left-pane, .pagerer-center-pane, .pagerer-right-pane) {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  width: 100% !important;
}

html body.jd-storefront-page #wrapper .pagerer-container .pagerer-center-pane:empty {
  display: none !important;
}

html body.jd-storefront-product #wrapper .product-gallery-thumbs {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  overflow: visible !important;
  width: 100% !important;
}

html body.jd-storefront-product #wrapper .product-gallery-thumb {
  flex: 0 0 clamp(4rem, 7vw, 4.8rem) !important;
  width: clamp(4rem, 7vw, 4.8rem) !important;
}

html body.jd-storefront-product #wrapper .product-variation-wrap {
  background: linear-gradient(145deg, #ffffff 0%, var(--jd-shop-mist) 52%, var(--jd-shop-lilac) 100%) !important;
  border-color: rgba(103, 22, 170, 0.22) !important;
  border-top: 4px solid var(--jd-shop-violet) !important;
  box-shadow: 0 12px 28px -22px rgba(59, 10, 92, 0.55) !important;
  padding: clamp(0.9rem, 2vw, 1.15rem) !important;
}

html body.jd-storefront-product #wrapper .commerce-order-item-add-to-cart-form {
  align-items: end !important;
  display: grid !important;
  gap: 0.65rem !important;
  grid-template-columns: minmax(88px, 0.42fr) minmax(0, 1fr) !important;
}

html body.jd-storefront-product #wrapper .product-add-cart :is(input[type='number'], .button--add-to-cart) {
  height: 48px !important;
  min-height: 48px !important;
}

html body.jd-storefront-product #wrapper .product-add-cart .button--add-to-cart {
  margin-top: 0 !important;
}

html body.jd-storefront-product #wrapper .product-add-cart .commerce-order-item-add-to-cart-form .form-actions {
  align-self: start !important;
  margin: 1.75rem 0 0 !important;
}

html body.jd-storefront-product #wrapper .product-info .tab-content {
  background: #ffffff !important;
  border-color: rgba(103, 22, 170, 0.18) !important;
  box-shadow: 0 16px 38px -30px rgba(59, 10, 92, 0.55) !important;
}

html body.jd-storefront-product #wrapper .product-tab-item > h2.margin-bottom-20 {
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  font-size: clamp(0.82rem, 1.8vw, 0.95rem) !important;
  letter-spacing: 0.08em !important;
  padding: 0.55rem 0.9rem !important;
  text-transform: uppercase !important;
}

html body.jd-storefront-product #wrapper .product-post .pdp-section {
  background: #ffffff !important;
  border: 1px solid rgba(103, 22, 170, 0.18) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px -22px rgba(59, 10, 92, 0.6) !important;
  margin-bottom: 0.85rem !important;
}

html body.jd-storefront-product #wrapper .product-post .pdp-section__toggle {
  background: linear-gradient(135deg, #ffffff 0%, var(--jd-shop-mist) 100%) !important;
  border: 0 !important;
  color: var(--jd-shop-deep) !important;
  -webkit-text-fill-color: var(--jd-shop-deep) !important;
  font-size: 0.95rem !important;
  min-height: 52px !important;
  padding: 0.7rem 0.75rem 0.7rem 1rem !important;
  text-transform: none !important;
}

html body.jd-storefront-product #wrapper .product-post .pdp-section:not(.is-collapsed) .pdp-section__toggle {
  background: linear-gradient(135deg, var(--jd-shop-deep), var(--jd-shop-purple)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-radius: 0 !important;
}

html body.jd-storefront-product #wrapper .product-post .pdp-section__toggle::after {
  align-items: center !important;
  background: var(--jd-shop-lilac) !important;
  border-radius: 50% !important;
  color: var(--jd-shop-purple) !important;
  display: inline-flex !important;
  height: 32px !important;
  justify-content: center !important;
  width: 32px !important;
  -webkit-text-fill-color: var(--jd-shop-purple) !important;
}

html body.jd-storefront-product #wrapper .product-post .pdp-section:not(.is-collapsed) .pdp-section__toggle::after {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.jd-storefront-product #wrapper .product-post .pdp-section__toggle:focus-visible {
  box-shadow: inset 0 0 0 3px rgba(157, 78, 221, 0.32) !important;
  outline: 3px solid rgba(59, 10, 92, 0.35) !important;
  outline-offset: 2px !important;
}

html body.jd-storefront-product #wrapper .product-post .pdp-section__body {
  background: var(--jd-shop-mist) !important;
  border-top: 1px solid rgba(103, 22, 170, 0.14) !important;
  padding: clamp(0.85rem, 2.2vw, 1.2rem) !important;
  margin-bottom: -0.5rem !important;
}

html body.jd-storefront-product #wrapper .product-post .pdp-section__body > p,
html body.jd-storefront-product #wrapper .product-post #product-detail .product-tab-item p {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 0 0.9rem !important;
  padding: 0 !important;
}

@media (max-width: 767.98px) {
  html body.jd-storefront-page #wrapper .product-catalog > .pagerer-container,
  html body.jd-storefront-page #wrapper :is(.view-brand-product-listings, .view-product-category-listings) > .pagerer-container {
    margin: 1.5rem auto 4rem !important;
  }
  html body.jd-storefront-landing #wrapper #block-martis-views-block-product-categories .product-categories-list__items {
    gap: 0.7rem !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.jd-storefront-landing #wrapper #block-martis-views-block-product-categories .product-category-parent {
    border-left-width: 3px !important;
    min-width: 0 !important;
  }

  html body.jd-storefront-landing #wrapper #block-martis-views-block-product-categories .product-category-parent.is-open {
    grid-column: 1 / -1 !important;
  }

  html body.jd-storefront-landing #wrapper #block-martis-views-block-product-categories .product-category-parent__header {
    padding: 0.75rem !important;
  }

  html body.jd-storefront-landing #wrapper #block-martis-views-block-product-categories .product-category-parent__link a {
    font-size: 0.82rem !important;
    overflow-wrap: anywhere !important;
  }

  html body.jd-storefront-landing #wrapper #block-martis-views-block-product-categories .product-category-parent__description {
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    display: -webkit-box !important;
    font-size: 0.72rem !important;
    overflow: hidden !important;
  }

  html body.jd-storefront-page #wrapper #views-exposed-form-product-catalog-product-catalog {
    display: grid !important;
    grid-template-columns: 1fr !important;
    margin: 0.15rem auto 1rem !important;
    width: 100% !important;
  }

  html body.jd-storefront-page #wrapper #views-exposed-form-product-catalog-product-catalog .form-actions {
    width: 100% !important;
  }

  html body.jd-storefront-page #wrapper .pagerer-container .pagerer-panes {
    gap: 0.6rem !important;
  }

  html body.jd-storefront-product #wrapper .commerce-order-item-add-to-cart-form {
    grid-template-columns: minmax(88px, 0.42fr) minmax(0, 1fr) !important;
  }

  html body.jd-storefront-product #wrapper .product-add-cart .commerce-order-item-add-to-cart-form .form-actions {
    transform: translateY(1.75rem) !important;
  }

  html body.jd-storefront-product #wrapper .product-post .pdp-section__body {
    padding: 0.8rem !important;
  }

  html body.jd-storefront-product #wrapper .product-post #product-detail .product-tab-item p {
    font-size: 0.94rem !important;
    padding: 0 !important;
  }
}


html body.path-taxonomy #wrapper #block-martis-shopiconbox .box-desc,
html body.path-taxonomy #wrapper #block-martis-shopiconbox .box-icon-title,
html body.path-taxonomy #wrapper #block-martis-shopiconbox .box-desc p:not(.box-icon-title) {
  text-align: left !important;
}


html body.path-taxonomy #wrapper #block-martis-shopiconbox .box-desc {
  align-items: flex-start !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
}

@media (max-width: 767.98px) {
  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu.show,
  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu.collapse.show {
    background: #3b0a5c !important;
    box-sizing: border-box !important;
    margin-top: 0 !important;
    padding: 0.5rem 0.75rem 0.75rem !important;
  }

  html body:is(.path-products, .page-service-city) #wrapper .header #main-menu.show,
  html body:is(.path-products, .page-service-city) #wrapper .header #main-menu.collapse.show {
    left: auto !important;
    margin-left: -1rem !important;
    margin-right: -1rem !important;
    max-width: none !important;
    min-width: calc(100% + 2rem) !important;
    right: auto !important;
    transform: none !important;
    width: calc(100% + 2rem) !important;
  }

  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu.show ul.menu.menu-parent,
  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu.collapse.show ul.menu.menu-parent {
    background: transparent !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu.show li.menu-item,
  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu.collapse.show li.menu-item {
    background: transparent !important;
    border: 0 !important;
    list-style: none !important;
    margin: 0 0 0.4rem !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu.show li.menu-item:last-child,
  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu.collapse.show li.menu-item:last-child {
    margin-bottom: 0 !important;
  }

  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu.show li.menu-item > a,
  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu.collapse.show li.menu-item > a {
    align-items: center !important;
    background: #b781e3 !important;
    border: 2px solid #000 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    color: #fff !important;
    display: flex !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    justify-content: center !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    min-height: 2.75rem !important;
    padding: 0.65rem 1rem !important;
    text-align: center !important;
    text-decoration: none !important;
    width: 100% !important;
  }

  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu.show li.menu-item--active-trail > a,
  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu.show a.is-active {
    background: #c9a0e8 !important;
    color: #fff !important;
    font-weight: 700 !important;
  }

  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu.show li.menu-item > a:hover,
  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu.show li.menu-item > a:focus-visible {
    background: #c9a0e8 !important;
    color: #fff !important;
  }
}

@media (min-width: 768.01px) {
  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu,
  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu .region-main-menu,
  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu nav,
  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu .menu-wrap,
  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu .main-menu-wrap {
    max-width: 100% !important;
    width: 100% !important;
  }

  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu ul.menu.menu-parent {
    align-items: stretch !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.4rem !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu li.menu-item {
    border: 0 !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu li.menu-item > a {
    align-items: center !important;
    background: #b781e3 !important;
    border: 2px solid #000 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    color: #fff !important;
    display: inline-flex !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    justify-content: center !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    min-height: 2.75rem !important;
    padding: 0.7rem 1.15rem !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    width: auto !important;
  }

  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu li.menu-item--active-trail > a,
  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu a.is-active,
  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu li.menu-item > a:hover,
  html body:is(.path-frontpage, .path-products, .page-service-city) #wrapper .header #main-menu li.menu-item > a:focus-visible {
    background: #c9a0e8 !important;
    color: #fff !important;
  }
}
html body:not(.path-admin) #wrapper .header #main-menu,
html body:not(.path-admin) #wrapper .header #main-menu .region-main-menu,
html body:not(.path-admin) #wrapper .header #main-menu nav.block {
  box-sizing: border-box !important;
  margin: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  width: 100% !important;
}

@media (min-width: 768.01px) {
  html body:not(.path-admin) #wrapper .header #main-menu,
  html body:not(.path-admin) #wrapper .header #main-menu .region-main-menu {
    align-items: center !important;
    display: block !important;
    justify-content: initial !important;
  }

  html body:not(.path-admin) #wrapper .header #main-menu nav.block {
    display: inline-block !important;
  }

  html body:not(.path-admin) #wrapper .header #main-menu :is(.main-menu-wrap, .menu-wrap) {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    max-width: 100% !important;
    padding: 0.5rem 0.85rem !important;
    width: 100% !important;
  }

  html body:not(.path-admin) #wrapper .header #main-menu ul.menu.menu-parent {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.45rem 0.55rem !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0.5rem 0.85rem !important;
    width: 100% !important;
  }

  html body:not(.path-admin) #wrapper .header #main-menu li.menu-item {
    align-items: center !important;
    border: 0 !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body:not(.path-admin) #wrapper .header #main-menu li.menu-item > a {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    justify-content: center !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    min-height: 2.75rem !important;
    padding: 0.7rem 1.15rem !important;
    text-align: center !important;
    white-space: nowrap !important;
    width: auto !important;
  }
}

@media (max-width: 768px) {
  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu.collapse:not(.show) {
    display: none !important;
  }

  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu.show,
  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu.collapse.show {
    left: auto !important;
    margin-bottom: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    padding: 0.5rem 0.75rem 0.85rem !important;
    right: auto !important;
    transform: none !important;
    width: 100vw !important;
  }

  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu.show :is(.main-menu-wrap, .menu-wrap),
  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu.show nav.block,
  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu.show ul.menu.menu-parent {
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu.show nav.block {
    margin-top: 0.5rem !important;
  }

  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu.show li.menu-item {
    background: transparent !important;
    border: 0 !important;
    display: list-item !important;
    list-style: none !important;
    margin: 0 0 0.4rem !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu.show li.menu-item:last-child {
    margin-bottom: 0.4rem !important;
  }

  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu.show li.menu-item > a {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    justify-content: center !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0.65rem 1rem !important;
    text-align: center !important;
    width: 100% !important;
  }
}
@media (min-width: 768.01px) and (max-width: 991.98px) {
  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu {
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 0 0 15px !important;
  }

  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu .region-main-menu,
  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu nav.block,
  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu :is(.main-menu-wrap, .menu-wrap) {
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu nav.block {
    display: inline-block !important;
    margin: 8px -15px 0 0 !important;
    max-width: none !important;
    padding: 15px 0 0 !important;
    width: calc(100% + 15px) !important;
  }

  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu ul.menu.menu-parent {
    align-items: stretch !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0.5rem 0 0 !important;
    padding: 0.35rem 1.25rem 0.35rem 0.75rem !important;
    width: 100% !important;
  }

  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu li.menu-item {
    display: list-item !important;
    margin: 0 0 0.4rem !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu li.menu-item > a {
    display: flex !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    min-height: 0 !important;
    padding: 0.65rem 1rem !important;
    white-space: normal !important;
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 768px) {
  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu.show,
  html body:not(.gin--navigation):not(.path-admin) #wrapper .header #main-menu.collapse.show {
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
  }
}

html body #wrapper .header .header-top {
  margin: 0 !important;
}

html body #wrapper .header .header-top .header-top-first,
html body #wrapper .header .header-top .region-header-top-first,
html body #wrapper .header .header-top #block-clearance-sales,
html body #wrapper .header .header-top #block-clearance-sales .container-wrap,
html body #wrapper .header .header-top #block-clearance-sales .block-content,
html body #wrapper .header .header-top #block-clearance-sales .layout,
html body #wrapper .header .header-top #block-clearance-sales .layout__region,
html body #wrapper .header .header-top #block-clearance-sales .block-layout-builder,
html body #wrapper .header .header-top #block-clearance-sales .field-item {
  box-sizing: border-box !important;
  display: block !important;
  float: none !important;
  left: auto !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: static !important;
  right: auto !important;
  transform: none !important;
  width: 100% !important;
}
html body #wrapper .header .header-top #block-martis-cookiesui:not(:has(.cookiesjsr-banner.active)) {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #wrapper .header .header-top #block-clearance-sales p {
  box-sizing: border-box !important;
  margin: 1.5rem 0 0.25rem !important;
  max-width: 100% !important;
  padding: 0 !important;
  position: static !important;
  text-align: center !important;
  transform: none !important;
  width: 100% !important;
}
@media (max-width: 767.98px) {
  html body #wrapper .header .header-top,
  html body.path-taxonomy #wrapper .header .header-top {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body #wrapper .header .header-top > .container {
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    width: 100% !important;
  }

  html body #wrapper .header .header-top > .container > .row,
  html body #wrapper .header .header-top .col-md-6 {
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  html body #wrapper .header .header-top #block-clearance-sales p {
    inline-size: 100% !important;
    margin: 0.35rem 0 0.15rem !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    padding: 0 0.25rem !important;
    text-align: center !important;
  }

  html body #wrapper .header .header-top #block-clearance-sales .field-item {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
  }
}
@media (orientation: landscape) and (min-width: 768px) and (max-width: 1180px),
  (orientation: landscape) and (min-width: 1181px) and (max-width: 1366px) and (pointer: coarse) {
  html body #wrapper .header .header-top .header-top-first,
  html body #wrapper .header .header-top .region-header-top-first,
  html body #wrapper .header .header-top #block-clearance-sales,
  html body #wrapper .header .header-top #block-clearance-sales .field-item,
  html body #wrapper .header .header-top #block-clearance-sales p {
    text-align: left !important;
  }
}





html body[class*="path-"] #wrapper.jd-maintenance-page {
  --jd-maintenance-purple-950: #25033d;
  --jd-maintenance-purple-900: #3b0a5c;
  --jd-maintenance-purple-700: #6716aa;
  --jd-maintenance-purple-500: #9d4edd;
  --jd-maintenance-purple-100: #f3e8ff;
  --jd-maintenance-ink: #2b1738;
  --jd-maintenance-muted: #6c5d74;
  --jd-maintenance-border: rgba(103, 22, 170, 0.15);
  min-height: 100vh;
  min-height: 100svh;
  padding: clamp(1.5rem, 4vw, 3.5rem);
  background:
    radial-gradient(circle at 12% 18%, rgba(157, 78, 221, 0.17), transparent 30%),
    radial-gradient(circle at 88% 82%, rgba(103, 22, 170, 0.12), transparent 32%),
    linear-gradient(145deg, #fcf9ff 0%, var(--jd-maintenance-purple-100) 52%, #fdfbff 100%);
  color: var(--jd-maintenance-ink);
  font-family: var(--jd-font-text);
}

html body[class*="path-"] #wrapper.jd-maintenance-page,
html body[class*="path-"] #wrapper.jd-maintenance-page * {
  box-sizing: border-box;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: min(100%, 70rem);
  min-height: calc(100vh - clamp(3rem, 8vw, 7rem));
  min-height: calc(100svh - clamp(3rem, 8vw, 7rem));
  margin: 0 auto;
  outline: none;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(19rem, 0.85fr);
  overflow: hidden;
  border: 1px solid var(--jd-maintenance-border);
  border-radius: 1.75rem;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 1.75rem 5rem rgba(59, 10, 92, 0.17);
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__content {
  position: relative;
  z-index: 2;
  align-self: center;
  min-width: 0;
  padding: clamp(2.25rem, 4vw, 3.5rem);
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__brand {
  display: flex;
  align-items: center;
  margin: 0 0 clamp(2rem, 3vw, 2.625rem);
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  gap: 0.85rem;
  text-align: left;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__logo {
  display: block;
  flex: 0 0 auto;
  width: 3.75rem;
  height: 3.75rem;
  padding: 0.2rem;
  border: 1px solid rgba(103, 22, 170, 0.13);
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 0.65rem 1.5rem rgba(59, 10, 92, 0.1);
  object-fit: contain;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__brand-copy {
  display: grid;
  min-width: 0;
  gap: 0.1rem;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__site-name,
html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__slogan {
  margin: 0;
  padding: 0;
  background: transparent;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__site-name {
  color: var(--jd-maintenance-purple-950);
  font-size: 1.18rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__slogan {
  color: var(--jd-maintenance-muted);
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.4;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__status {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  margin: 0 0 1.25rem;
  padding: 0.45rem 0.8rem;
  border: 1px solid rgba(103, 22, 170, 0.2);
  border-radius: 999px;
  background: var(--jd-maintenance-purple-100);
  color: var(--jd-maintenance-purple-700);
  font-size: 0.74rem;
  font-weight: 800;
  gap: 0.55rem;
  letter-spacing: 0.09em;
  line-height: 1;
  text-transform: uppercase;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__status-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--jd-maintenance-purple-500);
  box-shadow: 0 0 0 0.3rem rgba(157, 78, 221, 0.13);
  animation: jd-maintenance-pulse 2.2s ease-in-out infinite;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__title {
  max-width: 39rem;
  margin: 0 0 1.25rem;
  color: var(--jd-maintenance-purple-950);
  font-size: clamp(2.35rem, 5vw, 4.3rem);
  font-weight: 800;
  letter-spacing: -0.055em;
  line-height: 0.98;
  text-wrap: balance;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__highlighted {
  margin: 0 0 1.25rem;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__message {
  max-width: 39rem;
  margin: 0;
  color: var(--jd-maintenance-muted);
  font-size: clamp(1rem, 1.5vw, 1.08rem);
  line-height: 1.7;
  text-align: left;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__message > :first-child {
  margin-top: 0;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__message > :last-child {
  margin-bottom: 0;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__contact {
  margin: 1.75rem 0 0;
  padding-top: 1.35rem;
  border-top: 1px solid rgba(59, 10, 92, 0.12);
  text-align: left;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__contact-heading {
  margin: 0 0 0.8rem;
  padding: 0;
  color: var(--jd-maintenance-ink);
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.4;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__actions {
  display: flex;
  align-items: stretch;
  margin: 0;
  font-style: normal;
  gap: 0.7rem;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 3rem;
  padding: 0.75rem 1rem;
  border: 2px solid var(--jd-maintenance-purple-700);
  border-radius: 0.75rem;
  font-size: 0.86rem;
  font-weight: 800;
  gap: 0.5rem;
  line-height: 1.25;
  text-decoration: none;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__action svg {
  flex: 0 0 auto;
  width: 1.1rem;
  height: 1.1rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__action span {
  min-width: 0;
  overflow-wrap: anywhere;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__action--primary {
  background: var(--jd-maintenance-purple-700);
  box-shadow: 0 0.7rem 1.5rem rgba(103, 22, 170, 0.2);
  color: #fff;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__action--secondary {
  background: #fff;
  color: var(--jd-maintenance-purple-700);
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__action:hover {
  border-color: var(--jd-maintenance-purple-950);
  box-shadow: 0 0.9rem 1.8rem rgba(59, 10, 92, 0.22);
  color: #fff;
  text-decoration: none;
  transform: translateY(-2px);
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__action--primary:hover {
  background: var(--jd-maintenance-purple-950);
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__action--secondary:hover {
  background: var(--jd-maintenance-purple-700);
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__action:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgba(157, 78, 221, 0.55);
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__visual {
  position: relative;
  display: grid;
  min-height: 34rem;
  overflow: hidden;
  background: linear-gradient(145deg, var(--jd-maintenance-purple-950), var(--jd-maintenance-purple-700));
  color: #fff;
  place-items: center;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__visual::before,
html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__visual::after {
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 50%;
  content: "";
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__visual::before {
  top: -7rem;
  right: -6.25rem;
  width: 18.75rem;
  height: 18.75rem;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__visual::after {
  bottom: -9rem;
  left: -6.5rem;
  width: 22.5rem;
  height: 22.5rem;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__glow {
  position: absolute;
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  filter: blur(0.25rem);
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__illustration {
  position: relative;
  z-index: 1;
  width: min(82%, 22rem);
  height: auto;
  overflow: visible;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__orbit,
html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__connection,
html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__vehicle,
html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__vehicle-detail,
html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__sparkle {
  fill: none;
  stroke: rgba(255, 255, 255, 0.82);
  stroke-linecap: round;
  stroke-linejoin: round;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__orbit--outer {
  stroke-dasharray: 4 11;
  stroke-width: 1.5;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__orbit--inner {
  stroke: rgba(255, 255, 255, 0.14);
  stroke-width: 24;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__connection {
  stroke-width: 2;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__node {
  fill: #fff;
  stroke: rgba(255, 255, 255, 0.3);
  stroke-width: 8;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__vehicle {
  fill: rgba(255, 255, 255, 0.1);
  stroke: #fff;
  stroke-width: 2.75;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__vehicle-detail {
  stroke: #fff;
  stroke-width: 3;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__sparkle {
  fill: rgba(255, 255, 255, 0.1);
  stroke: #fff;
  stroke-width: 2.5;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__sparkle--two {
  opacity: 0.8;
}

html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__visual-label {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
  z-index: 2;
  color: rgba(255, 255, 255, 0.84);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.4;
  text-align: center;
  text-transform: uppercase;
}

@keyframes jd-maintenance-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0.25rem rgba(157, 78, 221, 0.1);
  }
  50% {
    box-shadow: 0 0 0 0.5rem rgba(157, 78, 221, 0.18);
  }
}

@media (max-width: 820px) {
  html body[class*="path-"] #wrapper.jd-maintenance-page {
    padding: 1.5rem;
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance {
    min-height: calc(100vh - 3rem);
    min-height: calc(100svh - 3rem);
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__card {
    grid-template-columns: 1fr;
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__content {
    padding: clamp(2rem, 8vw, 3.25rem);
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__brand {
    margin-bottom: 2.25rem;
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__visual {
    min-height: 16rem;
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__illustration {
    width: min(58%, 15rem);
  }
}

@media (max-width: 575.98px) {
  html body[class*="path-"] #wrapper.jd-maintenance-page {
    padding: max(0.875rem, env(safe-area-inset-top)) max(0.875rem, env(safe-area-inset-right)) max(0.875rem, env(safe-area-inset-bottom)) max(0.875rem, env(safe-area-inset-left));
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance {
    min-height: calc(100vh - 1.75rem);
    min-height: calc(100svh - 1.75rem);
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__card {
    border-radius: 1.25rem;
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__content {
    padding: 1.75rem 1.5rem 2rem;
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__brand {
    margin-bottom: 1.875rem;
    gap: 0.75rem;
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__logo {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 0.875rem;
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__site-name {
    font-size: 1.05rem;
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__title {
    font-size: clamp(2.15rem, 12vw, 3rem);
    line-height: 1.02;
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__message {
    font-size: 0.96rem;
    line-height: 1.65;
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__actions {
    flex-direction: column;
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__action {
    width: 100%;
    min-height: 3.15rem;
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__visual {
    min-height: 14rem;
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__illustration {
    width: 12.5rem;
  }
}

@media (max-height: 700px) and (min-width: 821px) {
  html body[class*="path-"] #wrapper.jd-maintenance-page {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__content {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__brand {
    margin-bottom: 1.75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__status-dot {
    animation: none;
  }

  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__action {
    transition: none;
  }
}

@media (forced-colors: active) {
  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__card,
  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__action,
  html body[class*="path-"] #wrapper.jd-maintenance-page .jd-maintenance__status {
    border: 2px solid CanvasText;
  }
}

:is(html body.path-forum, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper {
  --jd-forum-purple: #3b0a5c;
  --jd-forum-violet: #6716aa;
  --jd-forum-accent: #9d4edd;
  --jd-forum-soft: #faf5ff;
  --jd-forum-mid: #c9a0e8;
  --jd-forum-ink: #25162f;
  --jd-forum-muted: #6b5b75;
  --jd-forum-border: #e7d9ef;
  --jd-forum-wash: #f3e8ff;
}

:is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper .main-content,
:is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper .region-content {
  min-width: 0;
  width: 100%;
}
:is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper #page-wrapper,
:is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper .page-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: visible !important;
}

:is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper #page-wrapper > .container,
:is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper .page-wrapper > .container {
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1220px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important;
}

:is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper .row.content-layout {
  margin-left: -15px !important;
  margin-right: -15px !important;
  max-width: none !important;
  width: auto !important;
}

:is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper .jd-forum-main,
:is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper .main-content.jd-forum-main,
:is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper [class*="col-"].jd-forum-main {
  box-sizing: border-box !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 100% !important;
}

:is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper .jd-forum-main .container-wrap,
:is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper .jd-forum-main .block > .container-wrap {
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

:is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper .jd-forum-main > .region-content > .block-system-main-block {
  margin-bottom: 40px;
  padding-top: 30px;
}

.jd-forum-topic__discussion {
  margin-top: -1rem !important;
}

:is(html body.path-forum, html body.page-node-type-forum) #wrapper .jd-forum__button,
:is(html body.path-forum, html body.page-node-type-forum) #wrapper a.jd-forum__button {
  align-items: center;
  background: #fff !important;
  border: 2px solid #fff !important;
  border-radius: 10px !important;
  color: var(--jd-forum-purple) !important;
  display: inline-flex;
  font-size: 0.94rem;
  font-weight: 800;
  justify-content: center;
  line-height: 1.25;
  min-height: 44px;
  padding: 0.65rem 1rem !important;
  text-decoration: none !important;
  -webkit-text-fill-color: var(--jd-forum-purple) !important;
}

:is(html body.path-forum, html body.page-node-type-forum) #wrapper .jd-forum__button--secondary,
:is(html body.path-forum, html body.page-node-type-forum) #wrapper a.jd-forum__button--secondary {
  background: transparent !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

:is(html body.path-forum, html body.page-node-type-forum) #wrapper .jd-forum__button:is(:hover, :focus-visible) {
  box-shadow: 0 0 0 4px rgba(243, 232, 255, 0.45) !important;
  transform: translateY(-1px);
}

:is(html body.path-forum, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper :is(.node-forum-form, .comment-comment-forum-form) {
  background: #fff;
  border: 1px solid var(--jd-forum-border);
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(59, 10, 92, 0.07);
  padding: clamp(1rem, 3vw, 1.5rem);
}

:is(html body.path-forum, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper :is(.node-forum-form, .comment-comment-forum-form) :is(input[type="text"], textarea, select) {
  background: #fff !important;
  border: 2px solid #d4b6e8 !important;
  border-radius: 8px !important;
  color: var(--jd-forum-ink) !important;
  min-height: 44px;
  width: 100%;
  -webkit-text-fill-color: var(--jd-forum-ink) !important;
}

:is(html body.path-forum, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper :is(.node-forum-form, .comment-comment-forum-form) :is(input, textarea, select):focus-visible {
  border-color: var(--jd-forum-accent) !important;
  box-shadow: 0 0 0 4px rgba(157, 78, 221, 0.16) !important;
  outline: 0;
}

:is(html body.path-forum, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper :is(.node-forum-form, .comment-comment-forum-form) .form-actions .button,
:is(html body.path-forum, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper input.form-submit {
  background: var(--jd-forum-violet) !important;
  border: 2px solid var(--jd-forum-violet) !important;
  border-radius: 9px !important;
  color: #fff !important;
  min-height: 44px;
  padding: 0.65rem 1rem !important;
  -webkit-text-fill-color: #fff !important;
}

:is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper .jd-forum-main, :is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper .main-content.jd-forum-main, :is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper [class*="col-"].jd-forum-main {
  margin-top: -1.5rem !important;
  margin-bottom: 3.5rem !important;
}

.node.node--type-forum.jd-forum-topic.node--sticky.jd-forum-topic--sticky.node--view-mode-full {
  margin-bottom: -4rem !important;
}

.node.node--type-forum.jd-forum-topic.node--view-mode-full {
  margin-bottom: -4rem !important;
}

@media (max-width: 767.98px) {
  :is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper #page-wrapper > .container,
  :is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper .page-wrapper > .container {
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .node.node--type-forum.jd-forum-topic.node--sticky.jd-forum-topic--sticky.node--view-mode-full {
    margin-bottom: -5.5rem !important;
  }
  .node.node--type-forum.jd-forum-topic.node--view-mode-full {
  margin-bottom: -5.5rem !important;
}

  :is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper .jd-forum-main .container-wrap, :is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper .jd-forum-main .block > .container-wrap {
    margin-top: 0rem;
    margin-bottom: 4rem !important;
  }

  :is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper .row.content-layout {
    margin-left: -15px !important;
    margin-right: -15px !important;
    width: auto !important;
  }

  :is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper .jd-forum-main,
  :is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper .main-content.jd-forum-main,
  :is(html body.path-forum, html body.path-forum.path-taxonomy, html body.page-node-type-forum, html body.path-node-add-forum) #wrapper [class*="col-"].jd-forum-main {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(html body.path-forum, html body.page-node-type-forum) #wrapper .jd-forum__button {
    transition: none !important;
  }
}



html body #klaro {
  position: relative;
  z-index: 2147483647;
}

html body #klaro .klaro.klaro-theme-martis {
  --jd-purple-dark: #3b0a5c;
  --jd-purple-primary: #6716aa;
  --jd-purple-accent: #9d4edd;
  --jd-purple-light: #f3e8ff;
  --jd-purple-soft: #faf5ff;
  --jd-text-dark: #1f2937;
  --jd-text-muted: #4b5563;
  --jd-border-color: #e9d5ff;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
  z-index: 2147483647;
}
html body #klaro .klaro.klaro-theme-martis .cookie-notice:not(.cookie-modal-notice) {
  left: 50% !important;
  right: auto !important;
  bottom: max(1rem, env(safe-area-inset-bottom)) !important;
  width: min(calc(100% - 2rem), 72rem) !important;
  max-width: 72rem !important;
  max-height: min(78vh, 42rem);
  margin: 0;
  overflow: auto;
  overscroll-behavior: contain;
  transform: translateX(-50%);
  border: 2px solid var(--jd-purple-primary);
  border-radius: 14px;
  background: #ffffff;
  color: var(--jd-text-dark);
  box-shadow: 0 18px 48px rgba(59, 10, 92, 0.28);
  -webkit-overflow-scrolling: touch;
}

html body #klaro .klaro.klaro-theme-martis .cookie-notice .cn-body {
  display: block;
  padding: 1rem 1rem max(1rem, env(safe-area-inset-bottom));
}

html body #klaro .klaro.klaro-theme-martis .cookie-notice .cn-body h1,
html body #klaro .klaro.klaro-theme-martis .cookie-notice .cn-body h2,
html body #klaro .klaro.klaro-theme-martis .cookie-notice .cn-body h3,
html body #klaro .klaro.klaro-theme-martis .cookie-notice .cn-body .cn-title {
  display: block;
  margin: 0;
  color: var(--jd-purple-dark);
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.25;
}

html body #klaro .klaro.klaro-theme-martis .cookie-notice .cn-body p {
  max-width: 68ch;
  margin: 0.5rem 0 0;
  color: var(--jd-text-muted);
  font-size: 0.9375rem;
  line-height: 1.55;
}

html body #klaro .klaro.klaro-theme-martis .cookie-notice .cn-body a {
  color: var(--jd-purple-primary);
  font-weight: 700;
  text-underline-offset: 2px;
}

html body #klaro .klaro.klaro-theme-martis .cookie-notice .cn-body .cn-ok {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  gap: 0.6rem;
  margin: 0.85rem 0 0;
}

html body #klaro .klaro.klaro-theme-martis .cookie-notice .cn-body .cn-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  gap: 0.6rem;
  margin: 0;
}

html body #klaro .klaro.klaro-theme-martis .cookie-notice .cn-body .cn-ok > *,
html body #klaro .klaro.klaro-theme-martis .cookie-notice .cn-learn-more {
  margin: 0;
}
html body #klaro .klaro.klaro-theme-martis .cm-btn,
html body #klaro .klaro.klaro-theme-martis .cn-learn-more {
  display: inline-flex;
  width: 100% !important;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0.65rem 1rem !important;
  border: 2px solid var(--jd-purple-primary) !important;
  border-radius: 9px !important;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease,
    color 160ms ease, box-shadow 160ms ease;
}

html body #klaro .klaro.klaro-theme-martis .cm-btn.cm-btn-success,
html body #klaro .klaro.klaro-theme-martis .cm-btn.cm-btn-success-var {
  background: var(--jd-purple-primary) !important;
  color: #ffffff !important;
}

html body #klaro .klaro.klaro-theme-martis .cm-btn.cm-btn-decline,
html body #klaro .klaro.klaro-theme-martis .cm-btn.cm-btn-danger {
  background: #ffffff !important;
  color: var(--jd-purple-dark) !important;
}

html body #klaro .klaro.klaro-theme-martis .cm-btn.cm-btn-info,
html body #klaro .klaro.klaro-theme-martis .cn-learn-more {
  background: var(--jd-purple-light) !important;
  color: var(--jd-purple-dark) !important;
}

html body #klaro .klaro.klaro-theme-martis .cm-btn:hover,
html body #klaro .klaro.klaro-theme-martis .cn-learn-more:hover {
  border-color: var(--jd-purple-dark) !important;
  box-shadow: 0 4px 12px rgba(103, 22, 170, 0.24);
}

html body #klaro .klaro.klaro-theme-martis a:focus-visible,
html body #klaro .klaro.klaro-theme-martis button:focus-visible,
html body #klaro .klaro.klaro-theme-martis input:focus-visible + .cm-list-label .slider,
html body #klaro .klaro.klaro-theme-martis .cm-modal:focus-visible {
  outline: 3px solid var(--jd-purple-accent) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 2px var(--jd-purple-dark) !important;
}
html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-bg {
  background: rgba(30, 10, 50, 0.72);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-modal.cm-klaro {
  display: flex;
  flex-direction: column;
  width: min(calc(100% - 2rem), 48rem);
  max-width: 48rem;
  max-height: min(90vh, 52rem);
  border: 2px solid var(--jd-purple-primary);
  border-radius: 14px;
  background: #ffffff;
  color: var(--jd-text-dark);
  box-shadow: 0 24px 64px rgba(30, 10, 50, 0.4);
  overflow: hidden;
}

html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-header {
  flex: 0 0 auto;
  padding: 1.15rem 3.75rem 1rem 1.25rem;
  border-bottom: 1px solid var(--jd-border-color);
  background: var(--jd-purple-soft);
}

html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-header h1,
html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-header h2 {
  margin: 0;
  color: var(--jd-purple-dark);
  font-size: clamp(1.4rem, 3vw, 1.85rem);
  line-height: 1.2;
}

html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-body {
  flex: 1 1 auto;
  padding: 1rem 1.25rem;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-modal p,
html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-modal strong,
html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-modal li {
  color: var(--jd-text-dark);
}

html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-list-description,
html body #klaro .klaro.klaro-theme-martis .cookie-modal p.purposes {
  color: var(--jd-text-muted);
}

html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-switch-container,
html body #klaro .klaro.klaro-theme-martis .cookie-modal li.cm-purpose,
html body #klaro .klaro.klaro-theme-martis .cookie-modal li.cm-service {
  margin-top: 0.65rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-color: var(--jd-border-color);
  border-radius: 8px;
}

html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-footer {
  flex: 0 0 auto;
  padding: 0.9rem 1.25rem max(0.9rem, env(safe-area-inset-bottom));
  border-top: 1px solid var(--jd-border-color);
  background: var(--jd-purple-soft);
}

html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-footer-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  justify-content: flex-end;
}

html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-footer-buttons .cm-btn {
  width: auto !important;
}

html body #klaro .klaro.klaro-theme-martis .cookie-modal .hide {
  top: 0.9rem;
  right: 0.9rem;
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  border-radius: 50%;
  background: #ffffff;
}

html body #klaro .klaro.klaro-theme-martis .cookie-modal .hide svg {
  stroke: var(--jd-text-dark);
}

html body #klaro .klaro.klaro-theme-martis .cm-list-input:checked + .cm-list-label .slider,
html body #klaro .klaro.klaro-theme-martis .cm-list-input.required:checked + .cm-list-label .slider,
html body #klaro .klaro.klaro-theme-martis .cm-list-input.only-required + .cm-list-label .slider {
  background-color: var(--jd-purple-primary) !important;
}
html body #klaro_toggle_dialog,
html body button.klaro_toggle_dialog {
  position: fixed !important;
  right: max(1.25rem, env(safe-area-inset-right)) !important;
  bottom: max(1.25rem, env(safe-area-inset-bottom)) !important;
  left: auto !important;
  display: inline-flex !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 2px solid #ffffff !important;
  border-radius: 50% !important;
  background: var(--jd-purple-primary, #6716aa) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(59, 10, 92, 0.35) !important;
  cursor: pointer !important;
  z-index: 2147483646 !important;
  transition: background-color 160ms ease, transform 160ms ease,
    box-shadow 160ms ease !important;
}

html body #klaro_toggle_dialog::after,
html body button.klaro_toggle_dialog::after {
  content: "\1F36A";
  font-size: 22px;
  line-height: 1;
}

html body #klaro_toggle_dialog:hover,
html body button.klaro_toggle_dialog:hover {
  background: var(--jd-purple-dark, #3b0a5c) !important;
  transform: scale(1.08) !important;
  box-shadow: 0 6px 18px rgba(59, 10, 92, 0.45) !important;
}

html body #klaro_toggle_dialog:focus-visible,
html body button.klaro_toggle_dialog:focus-visible {
  outline: 3px solid var(--jd-purple-accent, #9d4edd) !important;
  outline-offset: 3px !important;
}

html body #gt_float_wrapper,
html body .gtranslate_wrapper {
  z-index: 2147483645 !important;
}

@media (min-width: 768px) {
  html body #klaro .klaro.klaro-theme-martis .cookie-notice:not(.cookie-modal-notice) {
    left: auto !important;
    right: max(1.25rem, env(safe-area-inset-right)) !important;
    bottom: max(1.25rem, env(safe-area-inset-bottom)) !important;
    width: min(calc(100% - 2.5rem), 30rem) !important;
    max-width: 30rem !important;
    transform: none;
    border-width: 1px;
    border-radius: 16px;
    box-shadow: 0 22px 56px rgba(59, 10, 92, 0.24),
      0 4px 14px rgba(103, 22, 170, 0.12);
  }

  html body #klaro .klaro.klaro-theme-martis .cookie-notice .cn-body {
    padding: 1.35rem;
  }

  html body #klaro .klaro.klaro-theme-martis .cookie-notice .cn-body h2 {
    padding-right: 2.25rem;
    font-size: 1.5rem;
  }

  html body #klaro .klaro.klaro-theme-martis .cookie-notice .cn-body p {
    max-width: none;
    margin-top: 0.55rem;
  }

  html body #klaro .klaro.klaro-theme-martis .cookie-notice .cn-body .cn-ok {
    gap: 0.65rem;
    margin-top: 1rem;
  }

  html body #klaro .klaro.klaro-theme-martis .cookie-notice .cn-body .cn-buttons {
    gap: 0.65rem;
  }
}

@media (max-width: 767.98px) {
  html body #klaro .klaro.klaro-theme-martis .cookie-notice:not(.cookie-modal-notice) {
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    border-width: 2px 0 0;
    border-radius: 14px 14px 0 0;
  }

  html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-modal.cm-klaro {
    top: 0;
    width: 100%;
    max-width: none;
    height: 100dvh;
    max-height: 100dvh;
    border-width: 0;
    border-radius: 0;
    transform: none;
  }

  html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-header,
  html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-body,
  html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-footer {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-footer-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }

  html body #klaro .klaro.klaro-theme-martis .cookie-modal .cm-footer-buttons .cm-btn {
    width: 100% !important;
  }

  html body #klaro_toggle_dialog,
  html body button.klaro_toggle_dialog {
    right: max(1rem, env(safe-area-inset-right)) !important;
    bottom: max(1rem, env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 339.98px) {
  html body #klaro .klaro.klaro-theme-martis .cookie-notice .cn-body .cn-buttons {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body #klaro .klaro.klaro-theme-martis *,
  html body #klaro .klaro.klaro-theme-martis *::before,
  html body #klaro .klaro.klaro-theme-martis *::after,
  html body #klaro_toggle_dialog,
  html body button.klaro_toggle_dialog {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing { container: jd-sharing / inline-size; clear: both; box-sizing: border-box; width: 100%; max-width: 100%; margin: 24px 0; padding: 16px; border: 1px solid #e1c9f1; border-radius: 16px; background: #faf5ff; font-size: 14px; text-align: left; }
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing-title { margin: 0 0 12px; padding: 0; border: 0; background: none; color: #3b0a5c; font: inherit; font-size: 16px; font-weight: 750; line-height: 1.4; text-transform: none; }
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing .rrssb-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; }
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing .rrssb-buttons li { display: block; float: none; width: auto; min-width: 0; height: auto; margin: 0; padding: 0; border: 0; background: none; list-style: none; }
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing li::before, html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing li::after { content: none; }
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing .rrssb-copy { grid-column: 1 / -1; }
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing .jd-share-action { display: flex; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box; width: 100%; min-width: 0; min-height: 48px; height: auto; margin: 0; padding: 10px 4px; border: 1px solid #d8b4ed; border-radius: 10px; background: #fff; color: #3b0a5c; box-shadow: none; font: inherit; font-size: 14px; font-weight: 700; line-height: 1.4; text-transform: none; text-decoration: none; letter-spacing: 0; cursor: pointer; transition: background-color .15s ease; }
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing .jd-share-copy { background: #6716aa; border-color: #6716aa; color: #fff; }
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing .jd-share-action:hover { background: #f3e8ff; border-color: #6716aa; }
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing .jd-share-copy:hover { background: #3b0a5c; }
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing .jd-share-action:focus-visible { outline: 3px solid #9d4edd; outline-offset: 3px; }
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing .rrssb-icon { position: static; display: block; flex: 0 0 18px; width: 18px; height: 18px; margin: 0; padding: 0; }
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing span.rrssb-icon { background: currentColor; mask: var(--jd-share-icon) center / contain no-repeat; }
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing .rrssb-text { position: static; display: inline; width: auto; height: auto; padding: 0; overflow: visible; clip: auto; color: inherit; font: inherit; line-height: 1.4; white-space: nowrap; }
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing-status { margin: 10px 0 0; color: #3b0a5c; overflow-wrap: anywhere; }
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing-status:empty, html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing-fallback[hidden] { display: none; }
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing-fallback { display: block; margin-top: 12px; color: #3b0a5c; }
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing-fallback input { box-sizing: border-box; width: 100%; min-height: 48px; margin-top: 6px; border: 1px solid #6716aa; border-radius: 8px; background: white; color: #3b0a5c; }
@container jd-sharing (min-width: 600px) {
  html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing .rrssb-buttons { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing .rrssb-copy { grid-column: auto; }
}
@container jd-sharing (max-width: 200px) {
  html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing .rrssb-buttons { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 575px) {
  html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing { padding: 12px; border-radius: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing .jd-share-action { transition: none; }
}
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing,
html body:is(.path-node, .path-product, .path-webform) #wrapper .jd-sharing * { text-shadow: none !important; -webkit-text-stroke: 0; -webkit-text-fill-color: currentColor; }



html body.fontyourface {
  --jd-font-text: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --jd-font-display: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-family: var(--jd-font-text);
}

html body.fontyourface :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-family: var(--jd-font-display);
}


.tour-button.js-tour-start-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: #6716aa;
  border: 2px solid #3b0a5c;
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.3;
  margin: 12px 0;
  min-height: 44px;
  padding: 0.55rem 1.15rem;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(59, 10, 92, 0.15);
  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}


.tour-button.js-tour-start-button:hover {
  background: #3b0a5c;
  border-color: #240539;
  color: #fff;
  box-shadow: 0 6px 16px rgba(59, 10, 92, 0.25);
}


.tour-button.js-tour-start-button:focus-visible {
  background: #3b0a5c;
  outline: 2px solid #9d4edd;
  outline-offset: 2px;
  color: #fff;
}
.shepherd-element.shepherd-enabled,
.shepherd-enabled.shepherd-element,
.shepherd-element.drupal-tour {
  z-index: 503;
  width: 360px !important;
  max-width: min(380px, calc(100vw - 24px)) !important;
  min-width: 0 !important;
  border: 1px solid #ead7ff !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 18px 42px -6px rgba(59, 10, 92, 0.25), 0 4px 14px -2px rgba(59, 10, 92, 0.08) !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.shepherd-element .shepherd-content,
.shepherd-has-title .shepherd-content {
  border-radius: 13px !important;
  background: #fff !important;
}
.shepherd-element .shepherd-header,
.shepherd-has-title .shepherd-content .shepherd-header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  background: #3b0a5c !important;
  border-radius: 13px 13px 0 0 !important;
  padding: 0.8rem 1rem !important;
  margin: 0 !important;
}
.shepherd-element .shepherd-title,
.shepherd-has-title .shepherd-content .shepherd-title {
  color: #fff !important;
  font-family: inherit !important;
  font-size: 1.0625rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 auto !important;
}
.shepherd-element .shepherd-cancel-icon,
.shepherd-has-title .shepherd-content .shepherd-cancel-icon,
.shepherd-header .shepherd-cancel-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
  transition: background-color 0.15s ease, transform 0.15s ease !important;
}

.shepherd-element .shepherd-cancel-icon span,
.shepherd-has-title .shepherd-content .shepherd-cancel-icon span {
  display: block !important;
  line-height: 1 !important;
  margin-top: -2px !important;
}

.shepherd-element .shepherd-cancel-icon:hover,
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover {
  background: rgba(255, 255, 255, 0.3) !important;
  color: #fff !important;
}

.shepherd-element .shepherd-cancel-icon:focus,
.shepherd-element .shepherd-cancel-icon:focus-visible,
.shepherd-header .shepherd-cancel-icon:focus,
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:focus {
  outline: 2px solid #fff !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}
.shepherd-element .shepherd-text,
.shepherd-content .shepherd-text {
  padding: 0.95rem 1.1rem 0.65rem !important;
  color: #1a0924 !important;
  font-family: inherit !important;
  font-size: 0.9375rem !important;
  line-height: 1.55 !important;
}

.shepherd-element .shepherd-text p {
  margin: 0 0 0.55rem 0 !important;
  color: inherit !important;
}

.shepherd-element .shepherd-text p:last-child {
  margin-bottom: 0 !important;
}
.shepherd-element .tour-progress,
.shepherd-text .tour-progress {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  margin-top: 0.65rem !important;
  padding: 0.2rem 0.65rem !important;
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
  color: #6716aa !important;
  background: #f3e8ff !important;
  border: 1px solid #ead7ff !important;
  border-radius: 9999px !important;
  line-height: 1.3 !important;
  box-sizing: border-box !important;
}

.shepherd-element .tour-progress a.tour-recap-link,
.shepherd-text .tour-progress a.tour-recap-link {
  color: #6716aa !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

.shepherd-element .tour-progress a.tour-recap-link:hover,
.shepherd-text .tour-progress a.tour-recap-link:hover {
  color: #3b0a5c !important;
}
.shepherd-element .shepherd-footer,
.shepherd-content .shepherd-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.5rem !important;
  padding: 0.75rem 1rem 0.85rem !important;
  background: #faf5ff !important;
  border-top: 1px solid #f3e8ff !important;
  border-radius: 0 0 13px 13px !important;
}
.shepherd-element .shepherd-footer .shepherd-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  min-width: 72px !important;
  padding: 0.45rem 1rem !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  border: 1px solid transparent !important;
  margin: 0 !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
}
.shepherd-element .shepherd-footer .button--primary.shepherd-button,
.shepherd-element .shepherd-footer .shepherd-button:not(.shepherd-button-secondary) {
  background: #6716aa !important;
  border-color: #55108d !important;
  color: #fff !important;
}

.shepherd-element .shepherd-footer .button--primary.shepherd-button:hover,
.shepherd-element .shepherd-footer .shepherd-button:not(.shepherd-button-secondary):hover {
  background: #3b0a5c !important;
  border-color: #240539 !important;
  color: #fff !important;
}

.shepherd-element .shepherd-footer .button--primary.shepherd-button:focus-visible,
.shepherd-element .shepherd-footer .shepherd-button:not(.shepherd-button-secondary):focus-visible {
  outline: 2px solid #9d4edd !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}
.shepherd-element .shepherd-footer .shepherd-button.shepherd-button-secondary {
  background: #f3e8ff !important;
  border: 1px solid #d8b4fe !important;
  color: #3b0a5c !important;
}

.shepherd-element .shepherd-footer .shepherd-button.shepherd-button-secondary:hover {
  background: #ead7ff !important;
  border-color: #c084fc !important;
  color: #3b0a5c !important;
}

.shepherd-element .shepherd-footer .shepherd-button.shepherd-button-secondary:focus-visible {
  outline: 2px solid #9d4edd !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}
.shepherd-element[data-popper-placement^='bottom'] > .shepherd-arrow::before {
  background: #3b0a5c !important;
  border-top: 1px solid #3b0a5c !important;
  border-left: 1px solid #3b0a5c !important;
  border-right: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.shepherd-element[data-popper-placement^='top'] > .shepherd-arrow::before {
  background: #faf5ff !important;
  border-right: 1px solid #ead7ff !important;
  border-bottom: 1px solid #ead7ff !important;
  border-top: none !important;
  border-left: none !important;
  box-shadow: 2px 2px 4px rgba(59, 10, 92, 0.12) !important;
}

.shepherd-element[data-popper-placement^='left'] > .shepherd-arrow::before {
  background: #fff !important;
  border-top: 1px solid #ead7ff !important;
  border-right: 1px solid #ead7ff !important;
  box-shadow: 2px -2px 4px rgba(59, 10, 92, 0.12) !important;
}

.shepherd-element[data-popper-placement^='right'] > .shepherd-arrow::before {
  background: #fff !important;
  border-bottom: 1px solid #ead7ff !important;
  border-left: 1px solid #ead7ff !important;
  box-shadow: -2px 2px 4px rgba(59, 10, 92, 0.12) !important;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible {
  opacity: 0.5 !important;
}
@media only screen and (max-width: 767px) {
  .shepherd-element.shepherd-enabled,
  .shepherd-enabled.shepherd-element,
  .shepherd-element.drupal-tour {
    width: calc(100vw - 28px) !important;
    max-width: 360px !important;
    min-width: 0 !important;
  }
}

@media only screen and (max-width: 480px) {
  .tour-button.js-tour-start-button {
    font-size: 0.875rem;
    padding: 0.45rem 0.9rem;
    min-height: 40px;
  }

  .shepherd-element.shepherd-enabled,
  .shepherd-enabled.shepherd-element,
  .shepherd-element.drupal-tour {
    width: calc(100vw - 20px) !important;
    max-width: 350px !important;
    min-width: 0 !important;
  }

  .shepherd-element .shepherd-title,
  .shepherd-has-title .shepherd-content .shepherd-title {
    font-size: 1rem !important;
  }

  .shepherd-element .shepherd-header,
  .shepherd-has-title .shepherd-content .shepherd-header {
    padding: 0.7rem 0.85rem !important;
  }

  .shepherd-element .shepherd-text,
  .shepherd-content .shepherd-text {
    padding: 0.8rem 0.85rem 0.55rem !important;
    font-size: 0.875rem !important;
  }

  .shepherd-element .shepherd-footer,
  .shepherd-content .shepherd-footer {
    padding: 0.65rem 0.85rem 0.75rem !important;
    gap: 0.4rem !important;
  }

  .shepherd-element .shepherd-footer .shepherd-button {
    min-width: 64px !important;
    padding: 0.4rem 0.8rem !important;
    font-size: 0.8125rem !important;
  }
}

@media only screen and (max-width: 375px) {
  .shepherd-element.shepherd-enabled,
  .shepherd-enabled.shepherd-element,
  .shepherd-element.drupal-tour {
    width: calc(100vw - 16px) !important;
    max-width: 340px !important;
  }

  .shepherd-element .shepherd-header,
  .shepherd-has-title .shepherd-content .shepherd-header {
    padding: 0.65rem 0.75rem !important;
  }

  .shepherd-element .shepherd-text,
  .shepherd-content .shepherd-text {
    padding: 0.75rem 0.75rem 0.5rem !important;
  }

  .shepherd-element .shepherd-footer,
  .shepherd-content .shepherd-footer {
    padding: 0.6rem 0.75rem 0.7rem !important;
  }
}



html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper .slide-carousel .owl-item.active
  .field.field-field-pre-heading-text.field-type-string.field-label-hidden.field-items
  > .field-item:nth-child(2),
html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper .slide-carousel .owl-item.active
  .field.field-field-pre-heading-text.field-type-string.field-label-hidden.field-items
  > div:nth-child(2),
html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper .slide-carousel .owl-item.active
  .pre-heading-text .field-item.animate__jello,
html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper .slide-carousel .owl-item.active
  .field-field-pre-heading-text .animate__jello,
html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper .hero.slide-carousel:not(.owl-loaded)
  > .node--type-slide:first-child
  .field.field-field-pre-heading-text .field-items > .field-item:nth-child(2),
html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper .hero.slide-carousel:not(.owl-loaded)
  > .node--type-slide:first-child
  .field.field-field-pre-heading-text .field-items > div:nth-child(2) {
  position: fixed !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  z-index: -1 !important;
  display: block !important;
  width: max-content !important;
  max-width: none !important;
  margin-top: -7rem !important;
  margin-left: -0.5rem !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  font-family: "Source Sans 3", system-ui, sans-serif !important;
  font-size: 10rem !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.5rem !important;
  text-transform: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  -webkit-text-stroke: 2px #000000 !important;
  paint-order: stroke fill !important;
  opacity: 0.35 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow:
    -5px 3px 3px black,
    0 1px 0 black,
    1px 0 0 black,
    -1px 0 0 black,
    0 0 1px black !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  transform: none !important;
  float: none !important;
  visibility: visible !important;
}
html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper .slide-carousel .owl-item:not(.active)
  .field.field-field-pre-heading-text .field-items > .field-item:nth-child(2),
html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper .slide-carousel .owl-item:not(.active)
  .field.field-field-pre-heading-text .field-items > div:nth-child(2),
html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper .slide-carousel .owl-item:not(.active)
  .pre-heading-text .field-item.animate__jello {
  display: none !important;
  visibility: hidden !important;
  animation: none !important;
  pointer-events: none !important;
}
@media (max-width: 1000px) {
  html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper .slide-carousel .owl-item.active
    .field.field-field-pre-heading-text .field-items > .field-item:nth-child(2),
  html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper .slide-carousel .owl-item.active
    .field.field-field-pre-heading-text .field-items > div:nth-child(2),
  html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper .slide-carousel .owl-item.active
    .pre-heading-text .field-item.animate__jello,
  html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper .slide-carousel .owl-item.active
    .field-field-pre-heading-text .animate__jello {
    font-size: 10rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.5rem !important;
    -webkit-text-stroke: 2px #000000 !important;
    opacity: 0.35 !important;
    position: fixed !important;
    top: auto !important;
    margin-top: -7rem !important;
    margin-left: -0.5rem !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    z-index: -1 !important;
  }
}
@media (max-width: 767.98px) {
  html body:is(.path-frontpage, .path-taxonomy) #wrapper .slide-carousel
    .field.field-field-pre-heading-text.field-type-string.field-label-hidden.field-items
    .field-item:nth-child(2),
  html body:is(.path-frontpage, .path-taxonomy) #wrapper .slide-carousel
    .field.field-field-pre-heading-text.field-type-string.field-label-hidden.field-items
    div:nth-child(2),
  html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper
    .slide-carousel .owl-item.active
    .field.field-field-pre-heading-text .field-items > .field-item:nth-child(2),
  html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper
    .slide-carousel .owl-item.active
    .field.field-field-pre-heading-text .field-items > div:nth-child(2),
  html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper
    .slide-carousel .owl-item.active .pre-heading-text .field-item.animate__jello,
  html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper
    .slide-carousel .owl-item.active .field-field-pre-heading-text .animate__jello,
  html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper #content-wide-top .block.slide-block .owl-item
    .pre-heading-text .field-items > .field-item:nth-child(2),
  html body:is(.path-frontpage, .path-taxonomy, .page-service-city) #wrapper #content-wide-top .block.slide-block .owl-item
    .pre-heading-text .field-items > div:nth-child(2),
  html body #wrapper .slide-carousel .pre-heading-text--carousel .field-item:nth-child(2),
  html body #wrapper .slide-carousel .pre-heading-text--carousel .field-items > div:nth-child(2),
  html body #wrapper .slide-carousel .pre-heading-text .field-item:nth-child(2),
  html body #wrapper .slide-carousel .pre-heading-text .field-items > div:nth-child(2),
  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .owl-item.active
    .field-field-pre-heading-text .field-item:nth-child(2),
  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .owl-item.active
    .field-field-pre-heading-text .field-items > div:nth-child(2),
  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .owl-item.active
    .pre-heading-text .animate__jello {
    font-size: 2rem !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    line-height: 1.25 !important;
    opacity: 0.5 !important;
    margin: 0 !important;
    -webkit-text-stroke: 2px #000000 !important;
    -webkit-text-fill-color: #ffffff !important;
    color: #ffffff !important;
    text-shadow:
      -5px 3px 3px black,
      0 1px 0 black,
      1px 0 0 black,
      -1px 0 0 black,
      0 0 1px black !important;
    top: auto !important;
    position: fixed !important;
    z-index: -1 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    transform: none !important;
  }
}
html body #wrapper
  .field.field-field-pre-heading-text.field-type-string.field-label-hidden.field-items
  div:nth-child(2),
html body #wrapper
  .field.field-field-pre-heading-text.field-type-string.field-label-hidden.field-items
  .field-item:nth-child(2) {
  margin-left: -0.5rem !important;
}

@media (max-width: 767.98px) {
  html body #wrapper
    .field.field-field-pre-heading-text.field-type-string.field-label-hidden.field-items
    div:nth-child(2),
  html body #wrapper
    .field.field-field-pre-heading-text.field-type-string.field-label-hidden.field-items
    .field-item:nth-child(2) {
    margin-left: 0 !important;
  }
}

html body .node--type-slide,
html body .slide-carousel .node--type-slide {
  --jd-nav-deep: #3b0a5c;
  --jd-nav-mid: #6716aa;
  --jd-nav-bright: #8d3bd1;
  --jd-nav-hot: #a855f7;
  --jd-nav-ink: #1a0a24;
  --jd-nav-gold: #f2b84b;
  --jd-nav-radius-bar: 24px;
}
html body .node--type-slide .slide-additional-nav {
  display: none !important;
}
html body .slide-carousel .node--type-slide .slide-additional-nav,
html body .hero.slide-carousel .node--type-slide .slide-additional-nav,
html body .slide-carousel .slide-additional-content > .slide-additional-nav,
html body .slide-carousel .slide-additional-content--bleed > .slide-additional-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 0.85rem !important;
  margin: 0 !important;
  padding: 0.95rem clamp(1rem, 2.5vw, 1.4rem) !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: var(--jd-nav-radius-bar) var(--jd-nav-radius-bar) 0 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 5 !important;
  pointer-events: auto !important;
}
html body .slide-carousel .slide-additional-nav__btn,
html body .hero.slide-carousel .slide-additional-nav__btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  min-width: 132px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0.66rem 1rem !important;
  overflow: hidden !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(
    180deg,
    var(--jd-nav-bright) 0%,
    var(--jd-nav-mid) 52%,
    var(--jd-nav-deep) 100%
  ) !important;
  border: 2px solid var(--jd-nav-ink) !important;
  border-radius: 999px !important;
  box-shadow:
    0 4px 0 var(--jd-nav-ink),
    0 10px 22px rgba(59, 10, 92, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
  font-family: "Plus Jakarta Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition:
    transform 150ms ease,
    box-shadow 150ms ease,
    background 150ms ease,
    border-color 150ms ease !important;
}

html body .slide-carousel .slide-additional-nav__prev,
html body .hero.slide-carousel .slide-additional-nav__prev {
  justify-content: flex-start !important;
  padding-left: 0.72rem !important;
  padding-right: 1.05rem !important;
}

html body .slide-carousel .slide-additional-nav__next,
html body .hero.slide-carousel .slide-additional-nav__next {
  justify-content: flex-end !important;
  padding-left: 1.05rem !important;
  padding-right: 0.72rem !important;
}
html body .slide-carousel .slide-additional-nav__icon,
html body .hero.slide-carousel .slide-additional-nav__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: rgba(255, 255, 255, 0.13) !important;
  border: 1px solid rgba(255, 255, 255, 0.38) !important;
  border-radius: 50% !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  font-size: 1.55rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

html body .slide-carousel .slide-additional-nav__label,
html body .hero.slide-carousel .slide-additional-nav__label {
  display: inline-block !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
html body .slide-carousel .slide-additional-nav__btn::after,
html body .hero.slide-carousel .slide-additional-nav__btn::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -65% !important;
  width: 48% !important;
  height: 100% !important;
  pointer-events: none !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.18),
    transparent
  ) !important;
  transform: skewX(-18deg) !important;
  transition: left 320ms ease !important;
}
html body .slide-carousel .slide-additional-nav__btn:hover,
html body .hero.slide-carousel .slide-additional-nav__btn:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(
    180deg,
    var(--jd-nav-hot) 0%,
    var(--jd-nav-bright) 52%,
    var(--jd-nav-mid) 100%
  ) !important;
  border-color: var(--jd-nav-ink) !important;
  box-shadow:
    0 5px 0 var(--jd-nav-ink),
    0 14px 28px rgba(59, 10, 92, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  transform: translateY(-2px) !important;
}

html body .slide-carousel .slide-additional-nav__btn:hover::after,
html body .hero.slide-carousel .slide-additional-nav__btn:hover::after {
  left: 120% !important;
}
html body .slide-carousel .slide-additional-nav__btn:active,
html body .hero.slide-carousel .slide-additional-nav__btn:active {
  box-shadow:
    0 2px 0 var(--jd-nav-ink),
    0 7px 15px rgba(59, 10, 92, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  transform: translateY(1px) !important;
}
html body .slide-carousel .slide-additional-nav__btn:focus-visible,
html body .hero.slide-carousel .slide-additional-nav__btn:focus-visible {
  outline: 3px solid var(--jd-nav-gold) !important;
  outline-offset: 4px !important;
}
html body .slide-carousel .slide-additional-nav__btn:disabled,
html body .hero.slide-carousel .slide-additional-nav__btn:disabled {
  opacity: 0.48 !important;
  cursor: not-allowed !important;
  box-shadow: 0 2px 0 rgba(26, 10, 36, 0.65) !important;
  transform: none !important;
}
html body .slide-carousel .owl-nav,
html body .slide-carousel .owl-nav button,
html body .slide-carousel .owl-prev,
html body .slide-carousel .owl-next {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
@media (max-width: 767.98px) {
  html body .slide-carousel .node--type-slide .slide-additional-nav,
  html body .hero.slide-carousel .node--type-slide .slide-additional-nav,
  html body .slide-carousel .slide-additional-content > .slide-additional-nav,
  html body .slide-carousel .slide-additional-content--bleed > .slide-additional-nav {
    gap: 0.55rem !important;
    padding: 0.72rem 0.78rem !important;
  }

  html body .slide-carousel .slide-additional-nav__btn,
  html body .hero.slide-carousel .slide-additional-nav__btn {
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0.55rem 0.62rem !important;
    border-radius: 999px !important;
  }

  html body .slide-carousel .slide-additional-nav__icon,
  html body .hero.slide-carousel .slide-additional-nav__icon {
    flex-basis: 28px !important;
    width: 28px !important;
    height: 28px !important;
    font-size: 1.4rem !important;
  }

  html body .slide-carousel .slide-additional-nav__label,
  html body .hero.slide-carousel .slide-additional-nav__label {
    font-size: 0.78rem !important;
  }
}
@media (max-width: 576px) {
  html body .slide-carousel .slide-additional-nav__btn,
  html body .hero.slide-carousel .slide-additional-nav__btn {
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0.55rem 0.62rem !important;
    gap: 0.55rem !important;
    border-radius: 999px !important;
  }
}

@media (max-width: 767.98px) {
  html body .slide-carousel .slide-additional-nav__btn,
  html body .hero.slide-carousel .slide-additional-nav__btn,
  html body .slide-carousel .slide-additional-nav__label,
  html body .hero.slide-carousel .slide-additional-nav__label {
    white-space: nowrap !important;
  }
}
html body:is(.path-taxonomy, .page-service-city) .slide-carousel .slide-additional-nav__btn,
html body:is(.path-taxonomy, .page-service-city) .hero.slide-carousel .slide-additional-nav__btn {
  background: linear-gradient(180deg, #8d3bd1 0%, #6716aa 52%, #3b0a5c 100%) !important;
  background-color: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #1a0a24 !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}
@media (max-width: 767.98px) {
  html body:is(.path-frontpage, .path-taxonomy, .page-service-city) .slide-carousel .slide-additional-nav,
  html body:is(.path-frontpage, .path-taxonomy, .page-service-city) .hero.slide-carousel .slide-additional-nav {
    gap: 0.55rem !important;
    padding: 0.72rem 0.78rem !important;
  }
  html body:is(.path-frontpage, .path-taxonomy, .page-service-city) .slide-carousel .slide-additional-nav__btn,
  html body:is(.path-frontpage, .path-taxonomy, .page-service-city) .hero.slide-carousel .slide-additional-nav__btn {
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0.55rem 0.62rem !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 767.98px) {
  html body .slide-carousel .slide-additional-content--bleed > .slide-additional-nav,
  html body .slide-carousel .slide-additional-content > .slide-additional-nav,
  html body .slide-carousel .node--type-slide .slide-additional-nav,
  html body .hero.slide-carousel .node--type-slide .slide-additional-nav {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 21.5rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 0.75rem !important;
    padding: 0.72rem 0.94rem !important;
    box-sizing: border-box !important;
  }

  html body .slide-carousel .slide-additional-nav__btn,
  html body .hero.slide-carousel .slide-additional-nav__btn,
  html body:is(.path-frontpage, .path-taxonomy, .page-service-city)
    .slide-carousel .slide-additional-nav__btn,
  html body:is(.path-frontpage, .path-taxonomy, .page-service-city)
    .hero.slide-carousel .slide-additional-nav__btn {
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    width: auto !important;
    max-width: 8.75rem !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0.55rem 0.7rem !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }
}

html body.jda-account-page[class*="path-"] #wrapper,
html body.jda-account-page[class*="path-"] #wrapper,
html body.jda-account-page[class*="path-"] #wrapper {
  --jda-deep: #3b0a5c;
  --jda-purple: #6716aa;
  --jda-accent: #9d4edd;
  --jda-border: #e5d6ef;
  --jda-soft: #faf5ff;
  --jda-text: #30253a;
}
html body.jda-account-page[class*="path-"] #wrapper .jda-account-nav,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-nav {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 0 0 1.5rem;
  padding: .75rem;
  border: 1px solid var(--jda-border);
  border-radius: 1rem;
  background: #fff;
}
html body.jda-account-page[class*="path-"] #wrapper .jda-account-nav a,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: .65rem 1rem;
  border-radius: .65rem;
  color: var(--jda-deep);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}
html body.jda-account-page[class*="path-"] #wrapper .jda-account-nav a:hover,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-nav a[aria-current="page"],
html body.jda-account-page[class*="path-"] #wrapper .jda-account-nav a[aria-current="page"] {
  background: var(--jda-purple);
  color: #fff;
}
html body.jda-account-page[class*="path-"] #wrapper .jda-profile,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form,
html body.jda-account-page[class*="path-"] #wrapper .jda-access-denied {
  width: 100%;
  max-width: 1120px;
  min-width: 0;
  margin: 0 auto 2rem;
  border: 1px solid var(--jda-border);
  border-radius: 1.25rem;
  background: #fff;
  box-shadow: 0 8px 30px rgb(59 10 92 / 6%);
  color: var(--jda-text);
  overflow-wrap: anywhere;
}
html body.jda-account-page[class*="path-"] #wrapper .jda-profile__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding: clamp(1.25rem, 3vw, 2.5rem);
  background: linear-gradient(120deg, #faf5ff, #f3e8ff);
  border-radius: 1.25rem 1.25rem 0 0;
  border-bottom: 1px solid var(--jda-border);
}
html body.jda-account-page[class*="path-"] #wrapper .jda-profile h2 {
  margin: .35rem 0 .5rem;
  color: var(--jda-deep);
  font-size: clamp(1.55rem, 3vw, 2.25rem);
  line-height: 1.2;
}
html body.jda-account-page[class*="path-"] #wrapper .jda-eyebrow {
  color: var(--jda-purple);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 0;
}
html body.jda-account-page[class*="path-"] #wrapper .jda-profile__since { margin: 0; color: #675570; }
html body.jda-account-page[class*="path-"] #wrapper .jda-profile__actions,
html body.jda-account-page[class*="path-"] #wrapper .jda-access-denied__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
html body.jda-account-page[class*="path-"] #wrapper .jda-button,
html body.jda-account-page[class*="path-"] #wrapper .jda-access-denied__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: .75rem 1.2rem;
  border: 1px solid var(--jda-purple);
  border-radius: .75rem;
  background: var(--jda-purple);
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}
html body.jda-account-page[class*="path-"] #wrapper .jda-button--secondary,
html body.jda-account-page[class*="path-"] #wrapper .jda-access-denied__button:not(.jda-access-denied__button--primary) { color: var(--jda-purple); background: #fff; }
html body.jda-account-page[class*="path-"] #wrapper .jda-profile__details,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form,
html body.jda-account-page[class*="path-"] #wrapper .jda-access-denied__card { padding: clamp(1.25rem, 3vw, 2.5rem); }
html body.jda-account-page[class*="path-"] #wrapper .jda-profile__details h3 { margin: 0 0 1.5rem; color: var(--jda-deep); font-size: 1.25rem; }
html body.jda-account-page[class*="path-"] #wrapper .jda-profile__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 2rem; }
html body.jda-account-page[class*="path-"] #wrapper .jda-profile__fields .field { min-width: 0; margin: 0; }
html body.jda-account-page[class*="path-"] #wrapper .jda-profile__fields .field__label { color: #675570; font-size: .8rem; font-weight: 700; margin-bottom: .35rem; }
html body.jda-account-page[class*="path-"] #wrapper .jda-profile__fields img { max-width: 120px; height: auto; border-radius: .75rem; }
html body.jda-account-page[class*="path-"] #wrapper .auth-user-form { max-width: none; padding: 0; margin: 0; background: transparent; box-shadow: none; }
html body.jda-account-page[class*="path-"] #wrapper .auth-user-form .form-header:empty,
html body.jda-account-page[class*="path-"] #wrapper .auth-user-form--footer:empty { display: none; }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form fieldset,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form fieldset { min-width: 0; margin: 1.25rem 0; padding: 1.25rem; border: 1px solid var(--jda-border); border-radius: .8rem; background: var(--jda-soft); }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form legend,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form legend { width: auto; padding: 0 .4rem; color: var(--jda-deep); font-weight: 700; font-size: 1.05rem; }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .form-item,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .form-item { min-width: 0; margin: 0 0 1.1rem; }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form label,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form label { display: block; color: var(--jda-deep); font-weight: 650; margin-bottom: .45rem; }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]), select, textarea),
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]), select, textarea) {
  box-sizing: border-box; width: 100%; max-width: 100%; min-height: 46px; padding: .7rem .8rem; border: 1px solid #ab93bc; border-radius: .5rem; background: #fff; color: var(--jda-text); font-size: 16px;
}
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .description,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .description { color: #675570; font-size: .875rem; line-height: 1.5; margin-top: .4rem; }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form :is(.button, input[type="submit"]),
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form :is(.button, input[type="submit"]) { min-height: 46px; border-radius: .65rem; padding: .7rem 1.25rem; background: var(--jda-purple); color: #fff; border: 1px solid var(--jda-purple); white-space: normal; }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .form-actions,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 1.5rem; }
html body.jda-account-page[class*="path-"] #wrapper :is(.jda-account-nav, .jda-profile, .jda-account-form) :focus-visible,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form :focus-visible,
html body.jda-account-page[class*="path-"] #wrapper .jda-access-denied :focus-visible { outline: 3px solid var(--jda-accent); outline-offset: 3px; }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .password-strength,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .password-confirm { width: 100%; max-width: 100%; }
html body.jda-account-page[class*="path-"] #wrapper .tfa-qr-code img { max-width: min(100%, 280px); height: auto; }
html body.jda-account-page[class*="path-"] #wrapper .tfa-secret-key { font-family: monospace; letter-spacing: .1em; }
html body.jda-account-page[class*="path-"] #wrapper .tfa-copy-secret { margin: .5rem 0; min-height: 44px; padding: .5rem 1rem; border: 1px solid var(--jda-purple); border-radius: .5rem; background: #fff; color: var(--jda-purple); }
html body.jda-account-page[class*="path-"] #wrapper .jda-access-denied__mark { color: var(--jda-purple); font-size: 2rem; font-weight: 800; }
html body.jda-account-page[class*="path-"] #wrapper .jda-access-denied h2 { color: var(--jda-deep); font-size: clamp(1.4rem, 3vw, 2rem); }
html body.jda-account-page[class*="path-"] #wrapper .jda-access-denied__help { margin-top: 1.5rem; }
@media (max-width: 600px) {
  html body.jda-account-page[class*="path-"] #wrapper .jda-profile__fields { grid-template-columns: minmax(0, 1fr); }
  html body.jda-account-page[class*="path-"] #wrapper .jda-profile__actions { width: 100%; }
  html body.jda-account-page[class*="path-"] #wrapper .jda-profile__actions a { flex: 1 1 100%; }
  html body.jda-account-page[class*="path-"] #wrapper .jda-account-nav { padding: .5rem; gap: .25rem; }
  html body.jda-account-page[class*="path-"] #wrapper .jda-account-nav a { padding: .55rem .7rem; font-size: 14px; }
  html body.jda-account-page[class*="path-"] #wrapper .jda-account-form fieldset { padding: .9rem; }
  html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .form-actions > * { max-width: 100%; }
}
html body.jda-account-page[class*="path-"] #wrapper :is(.jda-profile, .jda-access-denied) p {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  padding: 0 !important; color: var(--jda-text); border-radius: 0;
}
html body.jda-account-page[class*="path-"] #wrapper :is(.jda-profile, .jda-access-denied) :is(h2,h3) {
  display: block !important; visibility: visible; background: none; color: var(--jda-deep);
}
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form select.chosen-original-select { width: 1px !important; max-width: 1px !important; min-width: 0 !important; }
html body.jda-account-page[class*="path-"] #wrapper .jda-page-title {
  display: block !important; margin: 0 0 1.2rem; color: #3b0a5c !important;
  font-size: clamp(1.5rem, 3vw, 2.2rem); line-height: 1.2;
}
html body.jda-account-page[class*="path-"] #wrapper .block-page-title-block { display: none; }
html body.jda-account-page[class*="path-"] #wrapper .jda-profile__header { border: 0 !important; border-bottom: 1px solid #e5d6ef !important; }
html body.jda-account-page[class*="path-"] #wrapper .jda-profile__header p,
html body.jda-account-page[class*="path-"] #wrapper .jda-access-denied p { color: #594764 !important; background: none !important; border: 0 !important; padding: 0 !important; text-shadow: none !important; }
html body.jda-account-page[class*="path-"] #wrapper .jda-profile__header .jda-eyebrow { color: #6716aa !important; }
html body.jda-account-page[class*="path-"] #wrapper .jda-profile__label { display: block; margin-bottom: .4rem; color: #675570; font-size: .85rem; font-weight: 700; }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .form-item,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .field--widget,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .field--type-address,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .field--type-image,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .field--type-string,
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .field--type-telephone {
  background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; text-align: left !important;
}
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form label { text-align: left !important; color: #3b0a5c !important; }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .address-container-inline { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 1rem; }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .address-container-inline > .form-item { display: block; margin-right: 0; }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .chosen-container { max-width: 100%; width: 100% !important; }
html body.jda-account-page[class*="path-"] #wrapper .jda-access-denied h1 { display: block !important; color: #3b0a5c; font-size: clamp(1.5rem, 3vw, 2rem); }
@media (max-width: 600px) {
  html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .address-container-inline { grid-template-columns: minmax(0, 1fr); }
}
html body.jda-account-page[class*="path-"] #wrapper .main-content .region-content table { max-width: 100%; border-collapse: collapse; border: 1px solid #e5d6ef; background: #fff; }
html body.jda-account-page[class*="path-"] #wrapper .main-content .region-content :is(th,td) { padding: .85rem; text-align: left; overflow-wrap: anywhere; }
html body.jda-account-page[class*="path-"] #wrapper .main-content .region-content th { background: #f3e8ff; color: #3b0a5c; }
@media (max-width: 600px) {
  html body.jda-account-page[class*="path-"] #wrapper .main-content .region-content table { display: block; overflow-x: auto; }
}
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form p {
  background: transparent !important; border: 0 !important; border-radius: 0 !important;
  padding: 0 !important; color: #594764 !important; line-height: 1.6;
}
html body.jda-account-page[class*="path-"] #wrapper .jda-tfa-form { max-width: 800px; }
html body.jda-account-page[class*="path-"] #wrapper .jda-tfa-form :is(h2,h3) { font-size: 1.3rem; line-height: 1.4; }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .form-actions { margin-bottom: 0 !important; padding-bottom: 0 !important; }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form { display: flow-root; }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .form-actions { position: static !important; float: none !important; clear: both; transform: none !important; }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .form-actions > .button { position: static !important; float: none !important; margin: 0 !important; transform: none !important; }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .form-item:has(> .shwpd) { position: relative; }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .shwpd { position: absolute; top: 2rem; right: .5rem; float: none; margin: 0; width: 36px; height: 36px; background-position: center; }
html body.jda-account-page[class*="path-"] #wrapper .jda-account-form .chosen-container-single .chosen-single { min-height: 46px; line-height: 44px; font-size: 16px; border: 1px solid #ab93bc; border-radius: .5rem; background: #fff; }

html body #wrapper #content-wide-top #block-breadcrumbs {
  --jd-breadcrumb-purple: #6716aa;
  --jd-breadcrumb-deep: #3b0a5c;
  --jd-breadcrumb-ink: #3b0a5c;
  --jd-breadcrumb-accent: #9d4edd;
  --jd-breadcrumb-accent-light: #e9d5ff;
  --jd-breadcrumb-lilac: #f3e8ff;
  --jd-breadcrumb-border: #e9d5ff;
  background: var(--jd-breadcrumb-lilac) !important;
  border: 0 !important;
  border-bottom: 2px solid var(--jd-breadcrumb-purple) !important;
  border-top: 1px solid var(--jd-breadcrumb-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  clear: both !important;
  display: block !important;
  float: none !important;
  left: 50% !important;
  margin: 0 0 clamp(.8rem, 2vw, 1.15rem) -50vw !important;
  max-width: 100vw !important;
  min-width: 100vw !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative !important;
  right: auto !important;
  text-align: left !important;
  transform: none !important;
  visibility: visible !important;
  width: 100vw !important;
  z-index: 5 !important;
}

html body #wrapper #content-wide-top #block-breadcrumbs > .container-wrap,
html body #wrapper #content-wide-top #block-breadcrumbs > .block-content,
html body #wrapper #content-wide-top #block-breadcrumbs > .container-wrap > .block-content {
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
  float: none !important;
  margin: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
}

html body #wrapper #content-wide-top #block-breadcrumbs nav.breadcrumb {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
  margin: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  padding: .7rem clamp(.8rem, 3vw, 2rem) !important;
  text-align: left !important;
  width: 100% !important;
}

html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__list {
  align-items: center !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-flow: row wrap !important;
  gap: .3rem .2rem !important;
  justify-content: center !important;
  list-style: none !important;
  margin: 0 auto !important;
  max-width: 1280px !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__item,
html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__item:last-child,
html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__item--current,
html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__item--label {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
  color: var(--jd-breadcrumb-ink) !important;
  display: inline-flex !important;
  flex: 0 1 auto !important;
  flex-flow: row nowrap !important;
  float: none !important;
  font-size: .9rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  opacity: 1 !important;
  padding: 0 !important;
  position: relative !important;
  text-align: left !important;
  visibility: visible !important;
  width: auto !important;
}
html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__item::before,
html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__item::after {
  background: none !important;
  border: 0 !important;
  content: none !important;
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__link,
html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__label,
html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__current {
  align-items: center !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  font-size: inherit !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-height: 38px !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  padding: .42rem .58rem !important;
  text-align: left !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: normal !important;
  word-break: normal !important;
}

html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__link {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--jd-breadcrumb-purple) !important;
  font-weight: 760 !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease !important;
  -webkit-text-fill-color: var(--jd-breadcrumb-purple) !important;
}

html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__link:hover {
  background: rgba(255, 255, 255, .86) !important;
  border-color: var(--jd-breadcrumb-border) !important;
  box-shadow: none !important;
  color: var(--jd-breadcrumb-deep) !important;
  text-decoration: none !important;
  transform: none !important;
  -webkit-text-fill-color: var(--jd-breadcrumb-deep) !important;
}

html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__link:focus-visible {
  background: #f3e8ff !important;
  border-color: var(--jd-breadcrumb-accent) !important;
  box-shadow: 0 0 0 4px rgba(157, 78, 221, .2) !important;
  color: var(--jd-breadcrumb-deep) !important;
  outline: 3px solid var(--jd-breadcrumb-deep) !important;
  outline-offset: 2px !important;
  text-decoration: none !important;
  -webkit-text-fill-color: var(--jd-breadcrumb-deep) !important;
}

html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__label {
  background: transparent !important;
  border-color: transparent !important;
  color: #552078 !important;
  font-weight: 750 !important;
  -webkit-text-fill-color: #552078 !important;
}

html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__current {
  background: rgba(255, 255, 255, .86) !important;
  border-color: var(--jd-breadcrumb-border) !important;
  box-shadow: 0 3px 12px rgba(59, 10, 92, .08) !important;
  color: var(--jd-breadcrumb-deep) !important;
  font-weight: 850 !important;
  -webkit-text-fill-color: var(--jd-breadcrumb-deep) !important;
}

@media (max-width: 767.98px) {
  html body #wrapper #content-wide-top #block-breadcrumbs {
    margin-bottom: .8rem !important;
  }

  html body #wrapper #content-wide-top #block-breadcrumbs nav.breadcrumb {
    padding: .72rem .7rem !important;
  }

  html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__list {
    gap: .2rem .08rem !important;
    justify-content: flex-start !important;
  }

  html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__item,
  html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__item:last-child,
  html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__item--current,
  html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__item--label {
    flex: 0 1 auto !important;
    font-size: .84rem !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: auto !important;
  }

  html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__link,
  html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__label,
  html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__current {
    min-height: 44px !important;
    padding: .5rem .66rem !important;
  }

  html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__item--current {
    flex: 1 0 100% !important;
    width: 100% !important;
  }

  html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__current {
    width: 100% !important;
  }

}

@media (max-width: 359.98px) {
  html body #wrapper #content-wide-top #block-breadcrumbs nav.breadcrumb {
    padding-inline: .5rem !important;
  }

  html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__item,
  html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__item:last-child {
    font-size: .8rem !important;
  }

  html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__link,
  html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__label,
  html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__current {
    padding-inline: .58rem !important;
  }
}

@media (max-width: 767.98px) {
  html body.jd-storefront-product #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__item,
  html body.jd-storefront-product #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__item:last-child,
  html body.jd-storefront-product #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__item--current {
    font-size: 0.86rem !important;
    line-height: 1.35 !important;
    padding: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body #wrapper #content-wide-top #block-breadcrumbs .breadcrumb__link {
    transition: none !important;
  }
}
html body.jd-storefront-landing #wrapper #content-wide-top {
  padding-top: 0 !important;
}

html body #wrapper .related-grid {
  --jd-related-ink: #24112f;
  --jd-related-purple-deep: #3b0a5c;
  --jd-related-purple: #6716aa;
  --jd-related-violet: #9d4edd;
  --jd-related-orchid: #9d4edd;
  --jd-related-orchid-dark: #7b2cbf;
  --jd-related-pink-light: #e9d5ff;
  --jd-related-lilac: #f3e8ff;
  --jd-related-lilac-deep: #d8b4fe;
  background:
    radial-gradient(circle at 8% 0%, rgba(157, 78, 221, 0.12), transparent 28%),
    radial-gradient(circle at 94% 100%, rgba(157, 78, 221, 0.1), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #fcf9ff 100%) !important;
  border: 2px solid black !important;
  border-radius: 10px !important;
  box-shadow:
    0 24px 55px -38px rgba(59, 10, 92, 0.46),
    0 8px 24px -18px rgba(59, 10, 92, 0.24) !important;
  box-sizing: border-box !important;
  isolation: isolate;
  margin: 3rem 0 2.25rem !important;
  max-width: 100% !important;
  padding: clamp(1.2rem, 2.8vw, 2.35rem) !important;
  position: relative !important;
  width: 100% !important;
}

html body #wrapper .related-grid *,
html body #wrapper .related-grid *::before,
html body #wrapper .related-grid *::after {
  box-sizing: border-box;
}

html body #wrapper .related-grid .related-grid__header {
  background: transparent !important;
  border: 0 !important;
  margin: 0 auto clamp(1.35rem, 2.5vw, 2rem) !important;
  max-width: 46rem !important;
  padding: 0 !important;
  text-align: center !important;
}

html body #wrapper .related-grid .related-grid__kicker {
  align-items: center !important;
  background: rgba(157, 78, 221, 0.13) !important;
  border: 1px solid rgba(123, 44, 191, 0.28) !important;
  border-radius: 999px !important;
  color: var(--jd-related-purple) !important;
  display: inline-flex !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.2 !important;
  margin: 0 0 0.65rem !important;
  min-height: 2rem !important;
  padding: 0.38rem 0.8rem !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

html body #wrapper .related-grid .related-grid__title {
  background: transparent !important;
  border: 0 !important;
  color: var(--jd-related-purple-deep) !important;
  font-size: clamp(1.5rem, 3vw, 2.15rem) !important;
  font-weight: 850 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.12 !important;
  margin: 0 auto 0.5rem !important;
  max-width: 40rem !important;
  padding: 0 !important;
  text-align: center !important;
  text-wrap: balance;
}

html body #wrapper .related-grid .related-grid__lead {
  background: transparent !important;
  border: 0 !important;
  color: #594b63 !important;
  font-size: clamp(0.92rem, 1.5vw, 1.02rem) !important;
  line-height: 1.55 !important;
  margin: 0 auto !important;
  max-width: 38rem !important;
  padding: 0 !important;
  text-align: center !important;
}

html body #wrapper .related-grid .related-grid__items {
  align-items: stretch !important;
  column-count: auto !important;
  column-width: auto !important;
  display: grid !important;
  gap: clamp(1rem, 2vw, 1.4rem) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

html body #wrapper .related-grid .related-grid__items > * {
  float: none !important;
  height: 100% !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
html body #wrapper .related-grid a:focus-visible {
  outline: 3px solid var(--jd-related-orchid) !important;
  outline-offset: 3px !important;
}

@media (min-width: 768px) {
  html body #wrapper .related-grid--products .related-grid__items,
  html body #wrapper .related-grid--articles .related-grid__items {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 992px) {
  html body #wrapper .related-grid--products .related-grid__items,
  html body #wrapper .related-grid--articles .related-grid__items {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1200px) {
  html body #wrapper .related-grid--products .related-grid__items {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  .path-product .main-content {
    margin-top: -1rem !important;
    margin-bottom: -2.5rem !important;
  }
  html body #wrapper .related-grid {
    border-radius: 20px !important;
    margin: 2.25rem 0 2rem !important;
    padding: 1.2rem 0.9rem 1.35rem !important;
  }

  html body #wrapper .related-grid .related-grid__header {
    margin-bottom: 1.25rem !important;
    padding: 0 0.25rem !important;
  }

  html body #wrapper .related-grid .related-grid__items {
    gap: 1.15rem !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body #wrapper .related-grid *,
  html body #wrapper .related-grid *::before,
  html body #wrapper .related-grid *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}



html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .slide-carousel-hero,
html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .slide-image {
  background: #1a0a24 !important;
}

html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .slide-image :is(picture, img) {
  height: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
}
html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .seo-benefits li {
  padding-left: 4.25rem !important;
}

html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .seo-benefits li::before {
  left: 0.85rem !important;
}

@media (max-width: 767.98px) {

  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .slide-carousel,
  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .owl-stage-outer,
  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .owl-stage,
  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .owl-item {
    max-height: none !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y pinch-zoom !important;
  }
  html body:is(.path-frontpage, .page-service-city.path-taxonomy) #wrapper .slide-block .slide-carousel {
    overflow-x: clip !important;
    overflow-y: visible !important;
  }

  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block :is(.node--type-slide, .slide-additional-content, .slide-additional-content__inner) {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y pinch-zoom !important;
  }

  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .slide-additional-content {
    touch-action: pan-y pinch-zoom !important;
  }

  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .slide-carousel-hero {
    aspect-ratio: 1536 / 819 !important;
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }

  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .slide-content-wrap {
    overflow: hidden !important;
    background: linear-gradient(90deg, rgba(26, 10, 36, 0.88), rgba(59, 10, 92, 0.58), rgba(26, 10, 36, 0.32)) !important;
  }

  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .slide-content {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    overscroll-behavior: auto !important;
    scrollbar-width: none !important;
    touch-action: pan-y pinch-zoom !important;
    pointer-events: none !important;
  }

  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .slide-content :is(a, button, input, select, textarea, [role='button']) {
    pointer-events: auto !important;
  }

  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .slide-content::-webkit-scrollbar {
    display: none !important;
  }

  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .slide-content-main {
    margin-block: auto !important;
    max-width: min(92vw, 38rem) !important;
    gap: 0.2rem !important;
    padding: 0.35rem 0.75rem !important;
  }

  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block :is(.slide-h1, .heading-text) {
    font-size: clamp(0.95rem, 4.5vw, 1.35rem) !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere !important;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.95) !important;
  }

  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .slide-content-body {
    font-size: clamp(0.68rem, 2.8vw, 0.82rem) !important;
    line-height: 1.28 !important;
    margin-inline: auto !important;
    max-width: 34rem !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.95) !important;
  }

  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .slide-button {
    margin-top: 0.3rem !important;
  }

  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .slide-button-link {
    font-size: 0.7rem !important;
    line-height: 1.2 !important;
    padding: 0.38rem 0.7rem !important;
    white-space: normal !important;
  }
  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .owl-item.active .field-field-pre-heading-text .field-item:nth-child(2),
  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .owl-item.active .field-field-pre-heading-text .field-items > div:nth-child(2),
  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .owl-item.active .pre-heading-text .animate__jello {
    animation: none !important;
    bottom: auto !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    left: 0 !important;
    letter-spacing: 0.14em !important;
    line-height: 1.2 !important;
    margin: 0 auto !important;
    opacity: 0.35 !important;
    position: absolute !important;
    right: 0 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9) !important;
    top: 0.75rem !important;
    transform: none !important;
    -webkit-text-stroke: 0 !important;
    width: max-content !important;
  }
  
  html body #wrapper .slide-carousel .pre-heading-text--carousel .field-item:nth-child(2),
  html body #wrapper .slide-carousel .pre-heading-text--carousel .field-items > div:nth-child(2),
  html body #wrapper .slide-carousel .pre-heading-text .field-item:nth-child(2),
  html body #wrapper .slide-carousel .pre-heading-text .field-items > div:nth-child(2) {
    animation: none !important;
    bottom: auto !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    left: 0 !important;
    letter-spacing: 0.14em !important;
    line-height: 1.2 !important;
    margin: 0 auto !important;
    opacity: 0.35 !important;
    position: absolute !important;
    right: 0 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9) !important;
    top: 0.75rem !important;
    transform: none !important;
    -webkit-text-stroke: 0 !important;
    width: max-content !important;
  }
  html body:is(.path-frontpage, .page-service-city.path-taxonomy) #wrapper .slide-block .slide-carousel.martis-mobile-axis-gate,
  html body:is(.path-frontpage, .page-service-city.path-taxonomy) #wrapper .slide-block .slide-carousel.martis-mobile-axis-gate * {
    -ms-touch-action: pan-y !important;
    touch-action: pan-y pinch-zoom !important;
  }

  html body:is(.path-frontpage, .page-service-city.path-taxonomy) #wrapper .slide-block .slide-carousel.martis-mobile-axis-gate img {
    -webkit-user-drag: none;
    user-select: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body:is(.path-frontpage, .page-service-city) #wrapper .slide-block .field-field-pre-heading-text .field-item:nth-child(2) {
    animation: none !important;
  }
}



:root,
html {
  --menu-deep: #3b0a5c;
  --menu-brand: #6716aa;
  --menu-mid: #6716aa;
  --menu-leaf: #b781e3;
  --menu-hover: #c9a0e8;
  --menu-active: #d8b4fe;
  --menu-soft: #f3e8ff;
  --menu-ink: #1a0a24;
  --menu-on-accent: #ffffff;
  --menu-border: #000000;
  --menu-focus: #8d3bd1;
  --menu-duration: 200ms;
  --menu-radius: 10px;
}

:root {
  --menu-deep: #111111;
  --menu-brand: #555555;
  --menu-mid: #666666;
  --menu-leaf: #888888;
  --menu-hover: #999999;
  --menu-active: #aaaaaa;
  --menu-soft: #f5f5f5;
  --menu-ink: #111111;
  --menu-on-accent: #ffffff;
  --menu-border: #000000;
  --menu-focus: var(--menu-brand);
  --menu-duration: 200ms;
  --menu-ease: ease;
  --menu-radius: 10px;
  --menu-pad-y: 0.65rem;
  --menu-pad-x: 1rem;
  --menu-gap: 0.4rem;
  --menu-underline: 2px;
  --menu-min-tap: 44px;
}
:is(
  .header #main-menu,
  .header #block-martis-main-menu,
  .header [id^="block-martis-menu"],
  .header #block-martis-houston-menu,
  .header #block-martis-jerseyvillagemenu,
  .header #block-martis-spring-menu,
  .header #block-martis-tomball-menu,
  .header #block-martis-menukaty,
  .header #block-martis-menu-cypress,
  .header .mega-menu,
  .header .primary-menu
) {
  --_accent: var(--menu-brand);
}
@media (min-width: 768px) {

  .header #main-menu ul.menu.menu-parent,
  .header #main-menu ul.nav.menu.menu-parent,
  .header #block-martis-main-menu ul.nav.menu.menu-parent,
  .header [id^="block-martis-menu"] ul.nav.menu.menu-parent,
  .header .mega-menu > ul.menu.menu-parent {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .header #main-menu .menu-item,
  .header #block-martis-main-menu .menu-item,
  .header [id^="block-martis-menu"] .menu-item,
  .header .mega-menu > ul > li.menu-item {
    flex: 0 1 auto;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    background: transparent;
  }

  .header #main-menu .menu-item > a,
  .header #block-martis-main-menu .menu-item > a,
  .header [id^="block-martis-menu"] .menu-item > a,
  .header .mega-menu > ul > li > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--menu-min-tap);
    padding: var(--menu-pad-y) var(--menu-pad-x);
    color: var(--menu-on-accent) !important;
    background: transparent;
    border: 0 solid transparent;
    border-radius: var(--menu-radius);
    text-decoration: none;
    white-space: nowrap;
    box-shadow: inset 0 0 0 0 transparent;
    transition:
      color var(--menu-duration) var(--menu-ease),
      background-color var(--menu-duration) var(--menu-ease),
      box-shadow var(--menu-duration) var(--menu-ease),
      border-color var(--menu-duration) var(--menu-ease),
      opacity var(--menu-duration) var(--menu-ease);
  }
  .header #main-menu .menu-item > a:hover,
  .header #block-martis-main-menu .menu-item > a:hover,
  .header [id^="block-martis-menu"] .menu-item > a:hover,
  .header .mega-menu > ul > li > a:hover {
    color: var(--menu-on-accent) !important;
    background-color: var(--menu-hover) !important;
    box-shadow: inset 0 calc(-1 * var(--menu-underline)) 0 0 var(--menu-on-accent) !important;
  }
  .header #main-menu .menu-item--active-trail > a,
  .header #main-menu .menu-item--active-trail > a:hover,
  .header #main-menu a.is-active,
  .header #block-martis-main-menu .menu-item--active-trail > a,
  .header #block-martis-main-menu a.is-active,
  .header [id^="block-martis-menu"] .menu-item--active-trail > a,
  .header .mega-menu > ul > li.menu-item--active-trail > a {
    color: var(--menu-on-accent) !important;
    background-color: var(--menu-active) !important;
    font-weight: 700 !important;
    box-shadow: inset 0 calc(-1 * var(--menu-underline)) 0 0 var(--menu-on-accent) !important;
  }
  .header #main-menu .menu-item > a:focus-visible,
  .header #block-martis-main-menu .menu-item > a:focus-visible,
  .header [id^="block-martis-menu"] .menu-item > a:focus-visible,
  .header .mega-menu > ul > li > a:focus-visible {
    outline: 3px solid var(--menu-focus);
    outline-offset: 2px;
  }
}
@media (max-width: 767.98px) {
  #main-menu.collapse.show,
  #main-menu.show,
  .header #main-menu.collapse.show,
  .header #main-menu.show,
  #main-menu.navbar-collapse.collapse.show {
    display: block !important;
    color: var(--menu-on-accent) !important;
    padding: 0.5rem 0.75rem 0.85rem;
  }

  #main-menu.show .menu-item,
  #main-menu.collapse.show .menu-item,
  #block-martis-main-menu .menu-item,
  .header [id^="block-martis-menu"] .menu-item {
    width: 100%;
    margin: 0 0 var(--menu-gap);
    padding: 0;
    list-style: none;
    background: transparent;
    border-bottom: 0;
  }

  #main-menu.show .menu-item > a,
  #main-menu.show a,
  #block-martis-main-menu .menu-item > a,
  .header [id^="block-martis-menu"] .menu-item > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: var(--menu-min-tap);
    padding: 0.75rem 1rem;
    color: var(--menu-on-accent) !important;
    background: var(--menu-leaf) !important;
    background-color: var(--menu-leaf) !important;
    border: 2px solid var(--menu-border);
    border-radius: var(--menu-radius);
    text-decoration: none;
    text-align: center;
    transition:
      background-color var(--menu-duration) var(--menu-ease),
      color var(--menu-duration) var(--menu-ease),
      border-color var(--menu-duration) var(--menu-ease);
  }
  #main-menu.show .menu-item > a:active,
  #block-martis-main-menu .menu-item > a:active {
    background-color: var(--menu-hover) !important;
  }

  #main-menu.show .menu-item--active-trail > a,
  #main-menu.show a.is-active,
  #block-martis-main-menu .menu-item--active-trail > a,
  #block-martis-main-menu a.is-active {
    background: var(--menu-active) !important;
    background-color: var(--menu-active) !important;
    color: var(--menu-on-accent) !important;
    font-weight: 700 !important;
  }

  #main-menu.show .menu-item > a:focus-visible,
  #block-martis-main-menu .menu-item > a:focus-visible {
    outline: 3px solid var(--menu-focus);
    outline-offset: 2px;
  }
  .navbar-toggler.nav-button[aria-expanded="true"] {
    outline: 2px solid var(--menu-focus);
    outline-offset: 2px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .header #main-menu .menu-item > a,
  .header #block-martis-main-menu .menu-item > a,
  .header [id^="block-martis-menu"] .menu-item > a,
  .header .mega-menu > ul > li > a,
  #main-menu.show .menu-item > a {
    transition: none !important;
  }
}



@media (min-width: 768px) {
  html body:not(.path-admin) #wrapper .header #main-menu li.menu-item:not(.menu-item--active-trail) > a,
  html body:not(.path-admin) #wrapper .header #block-martis-main-menu li.menu-item:not(.menu-item--active-trail) > a,
  html body:not(.path-admin) #wrapper .header [id^="block-martis-menu"] li.menu-item:not(.menu-item--active-trail) > a,
  html body:not(.path-admin) #wrapper .header .mega-menu > ul > li:not(.menu-item--active-trail) > a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    font-synthesis: weight style small-caps !important;
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    line-height: 1.25 !important;
    text-shadow: #6716aa -1.1px -1.1px 0, #000 0 0 0, #000 0 0 0, #000 0 0 0 !important;
    background: #b781e3 !important;
    background-color: #b781e3 !important;
  }

  html body:not(.path-admin) #wrapper .header #main-menu li.menu-item > a:hover,
  html body:not(.path-admin) #wrapper .header #main-menu li.menu-item > a:focus,
  html body:not(.path-admin) #wrapper .header #main-menu li.menu-item > a:focus-visible,
  html body:not(.path-admin) #wrapper .header #block-martis-main-menu li.menu-item > a:hover,
  html body:not(.path-admin) #wrapper .header #block-martis-main-menu li.menu-item > a:focus,
  html body:not(.path-admin) #wrapper .header #block-martis-main-menu li.menu-item > a:focus-visible,
  html body:not(.path-admin) #wrapper .header [id^="block-martis-menu"] li.menu-item > a:hover,
  html body:not(.path-admin) #wrapper .header [id^="block-martis-menu"] li.menu-item > a:focus,
  html body:not(.path-admin) #wrapper .header [id^="block-martis-menu"] li.menu-item > a:focus-visible,
  html body:not(.path-admin) #wrapper .header .mega-menu > ul > li > a:hover,
  html body:not(.path-admin) #wrapper .header .mega-menu > ul > li > a:focus {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 600 !important;
    background: #c9a0e8 !important;
    background-color: #c9a0e8 !important;
  }

  html body:not(.path-admin) #wrapper .header #main-menu li.menu-item--active-trail > a,
  html body:not(.path-admin) #wrapper .header #main-menu li.menu-item--active-trail > a:hover,
  html body:not(.path-admin) #wrapper .header #main-menu li.menu-item--active-trail > a:focus,
  html body:not(.path-admin) #wrapper .header #main-menu a.is-active,
  html body:not(.path-admin) #wrapper .header #block-martis-main-menu li.menu-item--active-trail > a,
  html body:not(.path-admin) #wrapper .header [id^="block-martis-menu"] li.menu-item--active-trail > a,
  html body:not(.path-admin) #wrapper .header .mega-menu > ul > li.menu-item--active-trail > a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 700 !important;
    text-shadow: #6716aa -1.1px -1.1px 0, #000 0 0 0, #000 0 0 0, #000 0 0 0 !important;
    background: #d8b4fe !important;
    background-color: #d8b4fe !important;
  }
}

@media (max-width: 767.98px) {
  html body:not(.path-admin) #wrapper #main-menu.show li.menu-item:not(.menu-item--active-trail) > a,
  html body:not(.path-admin) #wrapper #main-menu.collapse.show li.menu-item:not(.menu-item--active-trail) > a,
  html body:not(.path-admin) #wrapper #block-martis-main-menu li.menu-item:not(.menu-item--active-trail) > a,
  html body:not(.path-admin) #wrapper .header [id^="block-martis-menu"] li.menu-item:not(.menu-item--active-trail) > a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    font-synthesis: weight style small-caps !important;
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    line-height: 1.25 !important;
    text-shadow: #6716aa -1.1px -1.1px 0, #000 0 0 0, #000 0 0 0, #000 0 0 0 !important;
    background: #b781e3 !important;
    background-color: #b781e3 !important;
  }

  html body:not(.path-admin) #wrapper #main-menu.show li.menu-item > a:hover,
  html body:not(.path-admin) #wrapper #main-menu.show li.menu-item > a:focus,
  html body:not(.path-admin) #wrapper #main-menu.show li.menu-item > a:focus-visible,
  html body:not(.path-admin) #wrapper #main-menu.show li.menu-item > a:active,
  html body:not(.path-admin) #wrapper #main-menu.collapse.show li.menu-item > a:hover,
  html body:not(.path-admin) #wrapper #main-menu.collapse.show li.menu-item > a:focus,
  html body:not(.path-admin) #wrapper #main-menu.collapse.show li.menu-item > a:active {
    color: #ffffff !important;
    font-weight: 600 !important;
    background: #c9a0e8 !important;
    background-color: #c9a0e8 !important;
  }

  html body:not(.path-admin) #wrapper .header #main-menu.show li.menu-item.menu-item--active-trail > a,
  html body:not(.path-admin) #wrapper .header #main-menu.show li.menu-item.menu-item--active-trail > a:hover,
  html body:not(.path-admin) #wrapper .header #main-menu.show li.menu-item.menu-item--active-trail > a:focus,
  html body:not(.path-admin) #wrapper .header #main-menu.show li.menu-item.menu-item--active-trail > a:focus-visible,
  html body:not(.path-admin) #wrapper .header #main-menu.collapse.show li.menu-item.menu-item--active-trail > a,
  html body:not(.path-admin) #wrapper .header #main-menu.show a.is-active,
  html body:not(.path-admin) #wrapper .header #block-martis-main-menu li.menu-item.menu-item--active-trail > a,
  html body:not(.path-admin) #wrapper .header [id^="block-martis-menu"] li.menu-item.menu-item--active-trail > a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 700 !important;
    background: #d8b4fe !important;
    background-color: #d8b4fe !important;
  }
}