/** Shopify CDN: Minification failed

Line 7:0 Unexpected "{"
Line 7:1 Expected identifier but found "%"

**/
{%- assign fonts_type_body_family = settings.type_body.family | append: ',' | append: settings.type_body.fallback_families -%}
* {
  box-sizing: border-box;
}
:root {
  --page-width: 1474px;
  --container-inline-padding: 22px;

  /* Font Sizes */
  --theme-heading_1-font: 700 58px/1 var(--heading-font-family);
  --theme-heading_1-letter-spacing: -2px;

  --theme-heading_2-font: 700 48px/1 var(--heading-font-family);
  --theme-heading_2-letter-spacing: -1px;

  --theme-heading_3-font: 700 34px/1 var(--heading-font-family);
  --theme-heading_3-letter-spacing: -2.0px;

  --theme-heading_4-font: 700 28px/1 var(--heading-font-family);
  --theme-heading_4-letter-spacing: -1.7px;

  --theme-heading_5-font: 700 26px/1 var(--heading-font-family);
  --theme-heading_5-letter-spacing: -1.6px;

  --theme-heading_6-font: 700 24px/1 var(--heading-font-family);
  --theme-heading_6-letter-spacing: -1.4px;

  --theme-heading_7-font: 700 22px/1.2 var(--heading-font-family);
  --theme-heading_7-letter-spacing: -1.3px;

  --theme-heading_8-font: 700 20px/1.4 var(--heading-font-family);
  --theme-heading_8-letter-spacing: -0.4px;

  --theme-heading_9-font: 700 18px/1.2 var(--heading-font-family);
  --theme-heading_9-letter-spacing: -0.5px;

  --theme-heading_10-font: 700 16px/1 var(--heading-font-family);
  --theme-heading_10-letter-spacing: -0.3px;

  --theme-body-font: 400 16px/1.4 var(--body-font-family);
  --theme-body-letter-spacing: -0.3px;

  --theme-body_small-font: 400 14px/18px var(--body-font-family);
  --theme-body_small-letter-spacing: 0;

  --responsive-small-heading:15px;
  --responsive-text:14px;
  --responsive-small-text:12px;


  /* Colors */
  --white: #fff;
  --body_color: #232323;
  --navy_blue_color: #1F265B;

  --white_rgb: 255,255,255;
  --body_color_rgb: 35,35,35;
}
@media screen and (max-width: 767px) {
  :root {
    --theme-heading_1-font: 700 40px/1 var(--heading-font-family);
    --theme-heading_1-letter-spacing: -1px;

    --theme-heading_2-font: 700 32px/1 var(--heading-font-family);
    --theme-heading_2-letter-spacing: -0.5px;

    --theme-heading_4-font: 700 17px/1.3 var(--heading-font-family);
    --theme-heading_4-letter-spacing: 0;

    --theme-heading_8-font: 700 16px/22.6px var(--heading-font-family);
    --theme-heading_8-letter-spacing: -0.3px;

    --theme-heading_10-font: 700 12px/14px var(--heading-font-family);
    --theme-heading_10-letter-spacing: -0.6px;

    --theme-body-font: 400 14px/1.4 var(--body-font-family);
    --theme-body-letter-spacing: -0.3px;
  }
}
/* COMMON CSS Start */
.site-main {
  display: block;
}
.site-main::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 999;
  opacity: 0.4;
  display: none;
}
body:has(.atc-banner--container[data-animation-state="open"]) .site-main::before,
body:has(.navmenu-submenu.navmenu-meganav[data-animation-state="open"]) .site-main::before,
body:has(.site-header .site-navigation .navmenu[data-animation-state="open"]) .site-main::before {
  display: block;
}
.page-container {
  width: 100%;
  max-width: var(--page-width);
  padding-inline: var(--container-inline-padding);
  margin-inline: auto;
}
.theme-heading_1 {
  font: var(--theme-heading_1-font);
  letter-spacing: var(--theme-heading_1-letter-spacing);
}
.theme-heading_2 {
  font: var(--theme-heading_2-font);
  letter-spacing: var(--theme-heading_2-letter-spacing);
}
.theme-heading_3 {
  font: var(--theme-heading_3-font);
  letter-spacing: var(--theme-heading_3-letter-spacing);
}
.theme-heading_4 {
  font: var(--theme-heading_4-font);
  letter-spacing: var(--theme-heading_4-letter-spacing);
}
.theme-heading_5 {
  font: var(--theme-heading_5-font);
  letter-spacing: var(--theme-heading_5-letter-spacing);
}
.theme-heading_6 {
  font: var(--theme-heading_6-font);
  letter-spacing: var(--theme-heading_6-letter-spacing);
}
.theme-heading_7 {
  font: var(--theme-heading_7-font);
  letter-spacing: var(--theme-heading_7-letter-spacing);
}
.theme-heading_8 {
  font: var(--theme-heading_8-font);
  letter-spacing: var(--theme-heading_8-letter-spacing);
}
.theme-heading_9 {
  font: var(--theme-heading_9-font);
  letter-spacing: var(--theme-heading_9-letter-spacing);
}
.theme-heading_10 {
  font: var(--theme-heading_10-font);
  letter-spacing: var(--theme-heading_10-letter-spacing);
}
.theme-body-text {
  font: var(--theme-body-font);
  letter-spacing: var(--theme-body-letter-spacing);
}
.theme-body-small {
  font: var(--theme-body_small-font);
  letter-spacing: var(--theme-body_small-letter-spacing);
}

h2, .h2 { font: var(--theme-heading_1-font); letter-spacing: var(--theme-heading_1-letter-spacing); }
h3, .h3 { font: var(--theme-heading_2-font); letter-spacing: var(--theme-heading_2-letter-spacing); }
h5, .h5 { font: var(--theme-heading_8-font); letter-spacing: var(--theme-heading_8-letter-spacing); }
h6, .h6 { font: var(--theme-heading_10-font); letter-spacing: var(--theme-heading_10-letter-spacing); }
body, p, a, span { font-size: var(--theme-body-font); letter-spacing: var(--theme-body-letter-spacing); }

.theme-button {
  padding: 21px 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -1.1px;
  border-radius: 5px;
  font-family: var(--heading-font-family);
}
.button-secondary {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -1.1px;
  border-radius: 5px;
  font-family: var(--heading-font-family);
}
.section-title-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 36px;
}
.section-title-wrapper .section-header-content {
  text-align: left;
}
.section-title-wrapper.header_cta .section-header-content {
  max-width: 75%;
}
.section-title-wrapper .section--title {
  text-transform: uppercase;
  margin: 0;
}
.section-title-wrapper.show_divider .section--title {
  padding-left: 44px;
  position: relative;
}
.section-title-wrapper.show_divider .section--title::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 3px;
  background-color: var(--body_color);
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.section-title-wrapper .section--description {
    font-family: var(--body-font-family);
    font-weight: 400;
    margin-top: 20px;
}
.section-title-wrapper .section-description {
  margin: 15px 0 0;
  max-width: 500px;
}
.section-title-wrapper .theme-button {
  margin: 0;
}
.section-title-wrapper .section-cta.button-outline {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0.02px;
  font-family: var(--heading-font-family);
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .section-title-wrapper.header_cta .section-header-content {
    max-width: 100%;
  }
}
/* COMMON CSS End */

/* Header CSS Start */
.announcement-bar {
  padding-block: 11px;
}
.announcement-bar .page-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  max-width: 110rem;
}
.announcement-bar .announcement-content {
  width: auto;
  max-width: 70%;
}
.announcement-bar .announcement-content .announcement-bar-text {
  width: 100%;
  max-width: unset;
  padding: 0;
}
.announcement-bar .announcement-content .announcement-bar-text {
  width: 100%;
  max-width: unset;
  padding: 0;
  font-family: var(--heading-font-family);
  text-transform: uppercase;
}
.announcement-navigation {
  display: flex;
  justify-content: flex-end;
}
.announcement-navmenu {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  height: 100%;
  padding: 0;
  gap: 20px;
  margin: 0;
  list-style: none;
}
.announcement-navmenu .navmenu-link {
  text-decoration: none;
}
.site-header-main {
padding-inline: var(--container-inline-padding);
padding-block: 16px;
}
.site-header .site-header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 110rem;
}
.site-header .site-header-main::before, .site-header .site-header-main::after { content: unset; }
.site-header .site-header-main .site-header-menu-toggle,
.site-header .site-header-main .site-header-mobile-search-button {
  display: none;
}
.site-header .site-header-main .site-header-main-content {
  width: 48%;
  margin: 0;
  flex: unset;
  justify-content: flex-start;
}
.site-header .site-header-main .site-header-logo {
  margin-right: 0px;
}
.site-header .site-navigation .navmenu {
  margin: 0;
}
.site-header .site-navigation .navmenu .navmenu-item {
  padding: 0;
}
.site-header .site-navigation .navmenu .navmenu-item .navmenu-link {
  padding: 10px 8px;
  font-family: var(--heading-font-family);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -.4px;
  outline: none;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.site-header .site-navigation .navmenu .navmenu-submenu .navmenu-item .navmenu-link {
  font-family: var(--body-font-family);
  font-weight: 400;
  font-size: 14px;
}
.site-header .site-navigation .navmenu .navmenu-item .navmenu-link .navmenu-icon {
  display: inline-flex;
  inset: auto;
  margin: 0;
}
.site-header .site-header-main .site-header-right {
  width: 55%;
  height: auto;
  align-items: center;
  justify-content: flex-end;
  --size: 55px;
}
.site-header .site-header-main .site-header-right .desktop-live-search {
  display: flex;
  flex: 1 1 auto;
}
.site-header .site-header-main .live-search {
  height: 55px;
  border: 1px solid var(--white);
  border-radius: 0;
  padding: 5px;
  position: relative;
  border-radius: 4px;
}
.site-header .site-header-main .live-search .live-search-form {
  position: relative;
  width: 100%;
  height: 100%;
  inset: auto;
  border-radius: 0;
  box-shadow: none;
  border: none;
}
.site-header .site-header-main .live-search .form-field {
  height: 100%;
}
.site-header .site-header-main .live-search .form-field-input {
  flex: unset;
  height: auto;
  width: calc(100% - 42px);
  background: transparent;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  color: var(--white);
  padding: 0 10px 0 5px;
  border: none;
  box-shadow: none;
  outline: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  text-transform: uppercase;
}
.site-header .site-header-main .live-search .form-field-input::placeholder {
  color: var(--white);
  opacity: 1;
}
.site-header .site-header-main .live-search .live-search-button {
  width: 42px;
  height: auto;
  flex: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  border-radius: 2px;
  padding: 4px;
}
.site-header .site-header-actions {
  flex: unset;
  margin: 0;
}
.site-header .site-header-right .site-header-cart,
.site-header .site-header-right .site-header-contact,
.site-header .site-header-actions .site-header-actions__account-link {
  position: relative;
  inset: auto;
  width: auto!important;
  height: auto!important;
  display: inline;
  margin: 0;
}
.site-header .site-header-actions .site-header-actions__account-link svg {
  width: auto;
  height: auto;
  max-width: unset;
  max-height: unset;
}
.site-header .site-header-right .site-header-contact .site-header-contact--button,
.site-header .site-header-right .site-header-contact .site-header-contact--button > a {
  display: inline-flex;
}
.site-header .site-header-right .site-header-contact .site-header-contact-icon {
  display: inline-flex;
  align-items: center;
  color: var(--white);
}
.site-header .site-header-right .site-header-cart--count {
  top: -10px;
  right: -10px;
}
.site-header > .live-search {
  display: none;
}
.site-header .live-search .live-search-form-field {
  text-overflow: ellipsis !important;
}
@media screen and (max-width: 1299px) {
  .announcement-navmenu {
    gap: 15px;
  }
  .announcement-bar-text-mobile.h6 {
    font-family: var(--heading-font-family);
  }
  .announcement-bar-text-mobile.h6 {
    font-size: 11px;
    line-height: 18px!important;
  }
  .announcement-bar {
    padding-block: 20px;
  }
  .site-header .site-header-main .site-header-main-content {
    width: 70%;
  }
  .site-header .site-header-main .site-header-right {
    width: 25%;
  }
 .site-header .mobile-live-search .live-search {
    display: flex;
    margin: 0;
    height: auto;
    align-items: center;
    justify-content: space-between;
    max-width: 110rem;
    padding: 0 var(--container-inline-padding) 16px;
    z-index: 9;
  }
  .site-header .live-search .live-search-form {
    position: relative;
    inset: auto;
    width: calc(100% - 30px);
    margin: auto;
    border: 1px solid rgba(var(--white_rgb),0.36);
    border-radius: 7px;
    padding: 6px 10px;
  }
  .site-header .live-search .live-search-form .form-field {
    justify-content: space-between;
    height: auto;
  }
  .site-header .live-search .live-search-form-field {
    background: transparent;
    color: var(--white);
    padding: 0;
    width: calc(100% - 60px);
    font-size: 12px;
    border: none;
    outline: none;
    box-shadow: none;
  }
  .site-header .live-search .live-search-form-field::placeholder {
    opacity: 1;
  }
  .site-header .live-search .live-search-button {
    width: auto;
    padding: 6px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .site-header .live-search .search-icon {
    width: 13px !important;
    height: auto !important;
  }
  .site-header .mobile-nav-content {
    padding-top: 50px;
  }
  .search-flydown {
    position: absolute;
    left: 0;
    top: 110%;
  }
}
@media screen and (max-width: 1023px) {
  .announcement-bar .page-container {
    justify-content: center;
  }
  .announcement-bar .announcement-content {
    max-width: 100%;
  }
  .announcement-bar .site-navigation-wrapper,
  .site-header .site-header-main .site-header-main-content .site-navigation-wrapper,
  .site-header .site-header-main .site-header-right .live-search,
  .site-header .site-header-main .site-header-right p,
  .site-mobile-nav .mobile-nav-panel .site-header-actions {
    display: none;
  }
  .site-header .site-header-main .site-header-menu-toggle,
  .site-header .site-header-main .site-header-right .site-header-actions {
    display: inline-flex;
  }
  .site-header .site-header-main .site-header-main-content,
  .site-header .site-header-main .site-header-right {
    width: auto;
  }
  .site-header .site-header-main .site-header-menu-toggle,
  .site-header .site-header-main .site-header-right,
  .site-header .site-header-main .site-header-main-content {
    flex: 1;
  }
  .site-header .site-header-menu-toggle {
    align-items: center;
    height: auto;
    position: relative;
    inset: auto;
  }
  .site-header .site-header-menu-toggle--button {
    padding: 0;
  }
  .site-header .site-header-menu-toggle .toggle-icon--bar {
    width: 28px;
    height: 4px;
    border-radius: 2px;
  }
  .site-header .site-header-main .site-header-right {
    display: flex;
  }
  .site-header-right ul.site-header-actions {
    margin-inline: 12px;
  }
  .site-header .site-header-right .site-header-contact,
  .site-header .site-header-right .site-header-contact .site-header-contact--button a {
    display: inline-flex;
  }
  .site-header .site-header-main .site-header-main-content {
    text-align: center;
    justify-content: center;
  }
  .site-header .site-header-main .site-header-logo {
    display: initial;
    margin: 0;
  }
}
/* Header CSS End */


/* Footer CSS Start */
.site-footer-wrapper .site-footer-item {
  max-width: 110rem;
}
.site-footer-block-title {
  font: var(--theme-heading_9-font);
  letter-spacing: var(--theme-heading_9-letter-spacing);
  text-transform: uppercase;
}
.site-footer-block-menu .navmenu-item .navmenu-link,
.site-footer-block-content ,
.site-footer-block-newsletter .site-footer-block-content,
.newsletter .form-field-title,
.newsletter .form-field-input {
  font-family: var(--heading-font-family);
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0;
}
.site-footer-navigation .navmenu-link {
  font-family: var(--heading-font-family);
}
.site-footer-block-newsletter .newsletter .button-primary {
  height: 100%;
}
.site-footer-navigation {
  margin-bottom: 10px;
}
.site-footer-item--information .navmenu .navmenu-item {
  border: none !important;
}
.site-footer-credits,
.site-footer-credits a {
  font-family: var(--heading-font-family);
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 0;
}
.site-footer-block-rich-text .site-footer-block-content {
  padding: 0;
}
.site-footer-block-rich-text .site-footer-block-content a {
  text-decoration: none;
}
@media screen and (max-width: 1023px) {
  .site-footer-block-rich-text .site-footer-block-title {
    padding-top: 1rem;
  }
}
@media screen and (max-width:767px){
  section.site-footer-wrapper {
    padding-block: 25px!important;
  }

  .site-footer-item.site-footer-item--information {
      margin-top: 0px;
      gap: 25px;
  }

  .site-footer__row {
      flex-direction: column;
      gap: 10px;
      align-items: flex-start;
  }

  .site-footer__row-inner-wrapper-left {
      text-align: left;
  }

  ul.payment-icons {
      justify-content: left;
      gap: 7px;
  }

  .payment-icons-item svg {
      width: 40px;
      height: 25px;
  }

  .site-footer-navigation {
      margin-bottom: 19px;
  }

  .site-footer-block-newsletter .newsletter {
      padding-bottom: 0px;
      border: none!impor;
  }
  .site-footer-block-rich-text h2.site-footer-block-title {
      padding-top: 15px;
  }
  .site-footer-block-item.site-footer-block-newsletter {
      border-bottom: none;
  }
  .site-footer-block-newsletter .newsletter .form-field {
      margin-top: 12px;
  }
  .site-footer-block-newsletter h2.site-footer-block-title {
    padding-bottom: 10px;
  }
  .site-footer-block-social-accounts .site-footer-block-content {
      padding-bottom: 25px;
  }
  .announcement-bar {
      padding-block: 2px;
  }
}
/* Footer CSS End */

/* Article Card CSS Start */
.article-card {
  text-decoration: none;
  background: var(--card-background);
  border-radius: 9px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.article-card > *:not(.article-media) {
  padding-inline: 15px;
}
.article-card .article-media {
  display: flex;
}
.article-card .article-media img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.24 / 1;
  object-fit: cover;
  object-position: center;
}
.article-card .article-title {
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -1.3px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 20px 0 28px;
  color: var(--heading-color);
}
.article-card .article-expect {
  margin-top: auto;
}
.article-card .article-expect {
  margin-block: auto 15px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  color: var(--content-color);
}
.article-card .article-expect span {
  font-family: var(--heading-font-family);
  text-transform: uppercase;
  font-weight: 700;
}
/* Article Card CSS End */

/*---- Home CSS Start ----*/
/* Hero Banner CSS Start */
.home-hero .slideshow-slide .slideshow-slide__content {
  position: absolute;
  padding: 0;
  width: 100%;
  max-width: var(--page-width);
  padding-inline: var(--container-inline-padding);
  margin-inline: auto;
  top: 12%;
  transform: translate(-50% , 0);
}
.home-hero .slideshow-slide .slideshow-slide__content .slideshow-wrapper {
  width: 57%;
  gap: 11px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.home-hero .slideshow-slide .slideshow-slide__content .slideshow-wrapper > * {
  margin: 0;
}
.slideshow-slide .slideshow-slide__content .slideshow-slide__rating {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.slideshow-slide .slideshow-slide__content .slideshow-slide__rating .slideshow-slide__rating_text {
  font-family: var(--heading-font-family);
  text-transform: uppercase;
  font-weight: 700;
  margin: 0;
}
.home-hero .slideshow-slide .slideshow-slide__content .slideshow-slide__heading {
  text-transform: uppercase;
}
.home-hero .slideshow-slide .slideshow-slide__content .slideshow-slide__subheading {
  width: 82%;
  font-size: var(--body-font-size);
  letter-spacing: var(--body-letter-spacing);
}
.home-hero .flickity-button {
  display: none;
}
@media screen and (max-width: 767px){
    .home-hero .slideshow-slide .slideshow-slide__content .slideshow-wrapper {
        width: 100%;
    }

    .slideshow-slide__content {
        text-align: unset;
    }
    .home-hero .slideshow-slide .slideshow-slide__content .slideshow-slide__subheading {
        width: 100%;
        font-size: 13px;
    }
    a.theme-button.slideshow-slide__button.slideshow-slide__button--primary {
        padding: 19px 17px;
        font-size: 17px;
        line-height: 17px!important;
    }
    .slideshow-slide .slideshow-slide__content .slideshow-slide__rating .slideshow-slide__rating_text {
        font-size: var(--responsive-small-text);
        letter-spacing:-0.2px;
    }
    .slideshow-slide__rating svg {width: 73px!important;}

   section.home-hero .slideshow-slide .slideshow-slide__content--flex-start.slideshow-slide__vertical_alignment--flex-start,
   section.home-hero .slideshow-slide .slideshow-slide__content--flex-end.slideshow-slide__vertical_alignment--flex-start,
   section.home-hero .slideshow-slide .slideshow-slide__content--center.slideshow-slide__vertical_alignment--flex-start{
      top: 26px !important;
    }
    a.theme-button.slideshow-slide__button.slideshow-slide__button--primary {
    align-self: flex-start;
}
  }
/* Hero Banner CSS End */

/* Hero Hero Search CSS Start */
.home-hero-search {
  margin-top: -180px;
  padding-bottom: 62px;
  position: relative;
}
.home-hero-search .easysearch-container {
  padding: 0 !important;
}
.home-hero-search .easysearch-main-holder {
  background: #1F265B !important;
  border-radius: 16px !important;
  padding: 25px 50px !important;
  box-shadow: none !important;
}
.home-hero-search .easysearch-holder {
    gap: 16px !important;
    max-width: unset;
    display: flex !important;
}
.home-hero-search .easysearch-holder .easysearch-select-holder {
    flex: 1;
    margin: 0 !important;
}
.home-hero-search .easysearch-holder .easysearch-actions-holder {
    width: 138px;
}
.home-hero-search .easysearch-holder .easysearch-actions-holder .easysearch-btn-holder {
    margin: 0;
    width: 100%;
}
.home-hero-search .easysearch-holder .easysearch-btn-search {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 66px;
    background: #DE2526 !important;
    opacity: 1;
    font: var(--theme-heading_10-font) !important;
    letter-spacing: var(--theme-heading_10-letter-spacing);
    text-transform: uppercase;
}
.home-hero-search .easysearch-holder label {
    display: none;
}
.home-hero-search .easysearch-holder .easysearch-btn-search:hover {
    background: #e13b3c;
    box-shadow: 0 3px 8px #0000001a;
}
.home-hero-search .easysearch-holder .easysearch-select-holder::before {
    content: '';
    position: absolute;
    bottom: auto;
    right: 20px;
    border-color: var(--white);
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}
  .home-hero-search .easysearch-holder select {
    background: transparent;
    border: 1px solid rgba(var(--white_rgb),0.36);
    border-radius: 12px;
    outline: none;
    box-shadow: none;
    padding: 20px 40px 20px 20px;
    font: var(--theme-heading_10-font) !important;
    letter-spacing: var(--theme-heading_10-letter-spacing);
    color: var(--white);
    text-transform: uppercase;
    opacity: 1 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    appearance: none;
  }

  .home-hero-search .easysearch-holder select[disabled] {
    opacity: 0.7 !important;
}
.home-hero-search .easysearch-holder select option {
    color: var(--body_color);
}
@media screen and (max-width: 767px) {
  .home-hero-search .easysearch-main-holder {
    padding: 15px !important;
  }
  .home-hero-search .easysearch-holder {
    gap: 11px 8px !important;
  }
  .home-hero-search .easysearch-holder .easysearch-actions-holder {
    width: calc(50% - 5.5px);
    margin: 0 auto;
  }
  .home-hero-search .easysearch-holder .easysearch-btn-search {
    min-height: 40px;
  }
  .home-hero-search .easysearch-holder select {
    border-radius: 7px;
    padding: 10px 30px 10px 10px;
    height: auto !important;
    min-height: 40px;
  }
  .home-hero-search .easysearch-holder .easysearch-select-holder::before {
    transform: translateY(-80%) rotate(45deg);
  }
}
/* Hero Hero Search CSS End */

/* Icon List Section CSS Start */
.highlights-banner .highlights-banner__block {
    width: calc(25% - 50px);
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.highlights-banner .highlights-banner__block .highlights-banner__icon {
    margin: 0 !important;
    --size: 80px;
    width: var(--size);
    height: var(--size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.highlights-banner .highlights-banner__block .highlights-banner__icon svg,
.highlights-banner .highlights-banner__block .highlights-banner__icon .highlights-banner__custom-icon {
    --icon_size: 32px;
    width: var(--icon_size);
    height: var(--icon_size);
    max-width: unset;
    max-height: unset;
    object-fit: contain !important;
}
.highlights-banner .highlights-banner__block .highlights-banner__text {
    padding: 0;
}
.highlights-banner .highlights-banner__block .highlights-banner__heading {
    margin-bottom: 10px;
    line-height: 1;
    letter-spacing: -1.1px;
}
.highlights-banner .highlights-banner__block .highlights-banner__text p {
    font-size: inherit;
}
@media screen and (max-width: 991px) {
  .highlights-banner .highlights-banner__block {
    width: 100%;
  }
}
@media (max-width:767px){
    .highlights-banner .highlights-banner__block {
        width: 100%;
        align-items: flex-start;
        gap: 10px;
        flex-direction: column;
    }
    .highlights-banner .footer-icon-strip .highlights-banner__block {
        align-items: center;
    }
    .highlights-banner .highlights-banner__block .highlights-banner__icon {
      --size: 56px!important;
      flex: none;
      max-width: -webkit-fill-available;
    }

    .highlights-banner .highlights-banner__block .highlights-banner__icon svg, .highlights-banner .highlights-banner__block .highlights-banner__icon .highlights-banner__custom-icon {
        --icon_size: 22px;
    }

    .highlights-banner__content.highlight-banner__count-4 {
        gap: 20px;
        padding: 18px 22px;
    }

    .highlights-banner__text {
        width: -webkit-fill-available;
    }
    .footer-icon-strip img.highlights-banner__custom-icon {
    width: 46px!important;
      height: 46px!important;
  }
  .highlights-banner .highlights-banner__block .highlights-banner__text p {
    font-size: var(--responsive-small-text)!important;
}
  .footer-icon-strip .highlights-banner__icon {
      height: fit-content;
  }
  .footer-icon-strip  .highlights-banner__content {
    padding-block: 40px!important;
}
}
/* Icon List Section CSS End */

/* Collection List Section CSS Start */
.collection-list--section .home-section--content {
  margin: 0;
  gap: 15px;
}
.collection-list--section .home-section--content .collection__item {
  height: 100%;
}
.collection-list--section .collection__item a {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  height: 100%;
  border-radius: 8px;
  padding: 10px;
  text-decoration: none;
}
.collection-list--section .collection__item img {
  width: 100%;
  max-width: 130px;
  aspect-ratio: 1.33 / 1;
  object-fit: contain !important;
}
.collection-list--section .collection__item .collection__item-info {
  margin-top: 15px;
  font-family: var(--heading-font-family);
  /* font-size: 13px;
  line-height: 18px; */
  letter-spacing: -0.8px;
  text-transform: uppercase;
}
.section-header-cta.cta-mobile {
    display: none;
}
@media (max-width:767px){
  .section-header-cta.cta-mobile {
    display: block;
  }
  .section-header-cta{
      display: none;
  }
  .collection-list__container  .section-header-content {
      text-align: center;
  }
  .shop-by-parts h3.section--title.h3 {
      max-width: 240px;
      margin: 0 auto;
  }
  .section-title-wrapper .section-description {
      font-size: var(--responsive-text);
      margin: 20px 0 0;
  }
  .section-title-wrapper {
      margin-bottom: 20px;
  }
  .collection-list__container a.theme-button.button-primary.collection-list__button {
      margin: 20px 0 0;
  }
  .collection-list--section .collection__item .collection__item-info {
    margin-top: 0;
  }
}

/* Collection List Section CSS End */


/* Collection Tab Section CSS Start */
.collection-tab--section .collection-tabs-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px;
  margin-bottom: 20px;
  flex-wrap: nowrap;
  overflow: hidden;
}
.collection-tab--section .collection-tabs-wrapper .collection-tab__button:not(.active) {
  display: none;
}
.collection-tab--section .collection-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  overflow-x: auto;
  white-space: nowrap;
  flex: 1;
  scroll-behavior: smooth;
}
.collection-tab--section .collection-tabs .collection-tab-link {
  border: 1px solid var(--body_color);
  border-radius: 6px;
  padding: 15px 36px;
  font-family: var(--heading-font-family);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  letter-spacing: -0.4px;
  background: transparent;
  cursor: pointer;
  flex: 0 0 auto;
  transition: all 0.3s ease-in-out;
}
.collection-tab--section .collection-tabs .collection-tab-link.current {
  background: #DE2526;
  border-color: #DE2526;
  color: #FFF;
}
.collection-tab--section .collection-tab-cta {
  flex-shrink: 0;
  white-space: nowrap;
}
.collection-tab--section .collection-tab-cta .theme-button:not(.collection-list__button) {
  color: var(--navy_blue_color);
  padding: 0;
  font-weight: 600;
}
.collection-tab--section .collection-tab-content-wrapper .tab-content:not(.current),
.collection-tab--section .collection-tab-content-wrapper .collection-tab-cta {
  display: none;
}
.collection-tab--section .tab-content .tab-content-filter {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 20px;
}
.collection-tab--section .tab-product-wrapper,
.collection-slider--section .collection-slider-content-wrapper {
  max-width: 100%;
  overflow: hidden;
}
.collection-tab--section .tab-product-wrapper .tab-product-swiper,
.collection-slider--section .collection-slider-content-wrapper .collection-product-swiper {
  max-width: var(--page-width);
  padding-inline: var(--container-inline-padding);
  overflow: visible;
}
.collection-tab--section .tab-product-wrapper .tab-product-swiper:not(.swiper-initialized),
.collection-slider--section .collection-slider-content-wrapper .collection-product-swiper:not(.swiper-initialized) {
  opacity: 0;
}
.collection-tab--section .tab-product-swiper .swiper-wrapper,
.collection-slider--section .collection-product-swiper .swiper-wrapper {
  align-items: stretch;
}
.collection-tab--section .tab-product-swiper .swiper-wrapper .swiper-slide,
.collection-slider--section .collection-product-swiper .swiper-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  height: auto;
}
.collection-tab--section .tab-product-swiper .productgrid--item,
.collection-slider--section .collection-product-swiper .productgrid--item {
  height: 100%;
}
.collection-tab--section .tab-swiper-navigation,
.collection-slider--section .collection-swiper-navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 26px;
}
.collection-tab--section .tab-swiper-navigation .swiper-button-next,
.collection-slider--section .collection-swiper-navigation .swiper-button-next {
  padding-left: 2px;
  padding-bottom: 2px;
}
.collection-tab--section .tab-swiper-navigation .swiper-button-prev,
.collection-slider--section .collection-swiper-navigation .swiper-button-prev {
  padding-right: 2px;
  padding-bottom: 2px;
}
.collection-tab--section .tab-swiper-navigation .swiper-pagination,
.collection-tab--section .tab-swiper-navigation .navigation-arrows,
.collection-slider--section .collection-swiper-navigation .swiper-pagination,
.collection-slider--section .collection-swiper-navigation .navigation-arrows {
  position: relative;
  inset: auto;
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.collection-tab--section .tab-swiper-navigation .swiper-pagination-bullet,
.collection-slider--section .collection-swiper-navigation .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background: #FFF !important;
  border: 1px solid #1F265B;
  margin: 0 !important;
  opacity: 1;
  transition: all 0.4s ease-in-out;
}
.collection-tab--section .tab-swiper-navigation .swiper-pagination-bullet.swiper-pagination-bullet-active,
.collection-slider--section .collection-swiper-navigation .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #1F265B !important;
}
.collection-tab--section .tab-swiper-navigation .swiper-arrow,
.collection-slider--section .collection-swiper-navigation .swiper-arrow {
  position: relative;
  inset: auto;
  opacity: 1;
  --size: 40px;
  width: var(--size);
  height: var(--size);
  border-radius: 100%;
  background: #1F265B;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.collection-tab--section .tab-swiper-navigation .swiper-arrow.swiper-button-disabled,
.collection-slider--section .collection-swiper-navigation .swiper-arrow.swiper-button-disabled {
  background: #D9D9D9;
}
.collection-tab--section .tab-swiper-navigation .swiper-arrow svg,
.collection-slider--section .collection-swiper-navigation .swiper-arrow svg {
  width: 10px;
  height: auto;
}
.section-mobile-cta {
  display: none;
}
@media screen and (max-width: 767px) {
  .collection-swiper-navigation .navigation-arrows {
      display: none !important;
  }
  .collection-swiper-navigation.page-container {
    justify-content: center;
  }
  .collection-tab--section .collection-tabs-wrapper .collection-tab-cta {
    display: none;
  }
  .collection-tab--section .collection-tab-content-wrapper .collection-tab-cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 17px;
    gap: 18px;
  }
  .collection-tab--section .collection-tab-content-wrapper .collection-tab-cta .section-header-cta {
    display: flex;
    justify-content: center;
  }
  .collection-tab--section .collection-tab-content-wrapper .collection-tab-cta .collection-list__button {
    margin: 0;
  }
  .collection-tab--section .collection-tabs .collection-tab-link {
    padding: 12px 19px;
    font-size: 16px;
  }
  .collection-tab--section .tab-swiper-navigation .navigation-arrows {
      display: none;
  }
  .collection-tab--section .tab-swiper-navigation {
      justify-content: center;
      margin-top: 17px;
  }
  .collection-tab--section .collection-tabs .collection-tab-link {
    padding: 12px 19px;
    font-size: 16px;
  }
  .section-mobile-cta {
    display: flex;
    justify-content: center;
    margin-top: 17px;
  }
}
/* Collection Tab Section CSS End */


/* Testimonial Section CSS Start */
.testimonial-slider--section .testimonial-wrapper {
    max-width: 100%;
    overflow: hidden;
}
.testimonial-slider--section .testimonial-swiper {
    max-width: var(--page-width);
    padding-inline: var(--container-inline-padding);
    overflow: visible;
}
.testimonial-slider--section .testimonial-swiper:not(.swiper-initialized) {
    opacity: 0;
}
.testimonial-slider--section .testimonial-swiper .swiper-wrapper {
    align-items: stretch;
}
.testimonial-slider--section .testimonial-swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    height: auto;
}
.swiper .swiper-pagination {
    position: relative;
    margin-top: 30px;
}
.swiper .swiper-pagination {
    position: relative;
    margin-top: 30px;
    background: rgba(var(--body_color_rgb),0.2);
    height: 2px;
    inset: auto;
}
.swiper .swiper-pagination .swiper-pagination-progressbar-fill {
    background: rgba(var(--body_color_rgb),0.8);
}
.testimonial-slider--section .testimonial-card {
    padding: 40px;
    background: var(--card-background);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    gap: 30px;
}
.testimonial-slider--section .testimonial-card .review-stars {
    display: flex;
}
.testimonial-slider--section .testimonial-card .review-stars svg {
    width: 24px;
    height: auto;
    color: var(--star-color);
}
.testimonial-slider--section .testimonial-card .review-title {
    margin-block: 30px 15px;
    text-transform: uppercase;
    color: var(--heading-color);
}
.testimonial-slider--section .testimonial-card .card-author {
    position: relative;
    padding-top: 30px;
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: var(--content-color);
}
.testimonial-slider--section .testimonial-card .card-author::before {
    position: absolute;
    content: "";
    width: 50px;
    max-width: 100%;
    height: 2px;
    background: var(--body_color);
    top: 0;
    left: 0;
    opacity: 0.2;
}
.testimonial-slider--section .testimonial-card .review-author {
    font-family: var(--heading-font-family);
    text-transform: uppercase;
    font-weight: 700;
    color: var(--heading-color);
}
.testimonial-slider--section .testimonial-card .reviewer-company {
    text-transform: uppercase;
    color: var(--content-color);
}
p.section--subtitle {
    /* font-family: var(--body-font-family);
    text-transform: uppercase;
    font-weight: 400; */
    display: flex;
    gap: 4px;
}

@media (max-width:767px){
  p.section--subtitle {
    text-align: left;
    /* font-size: var(--responsive-small-text) !important;
    letter-spacing: -0.2px; */
    align-items: center;
  }
  .section--subtitle svg {
    width: 70px !important;
  }
    .testimonial-slider--section .testimonial-card {
      padding: 30px 33px;
  }
  .testimonial-slider--section .testimonial-card .review-title {
      /* font-size: var(--responsive-small-heading); */
      margin-block: 22px 11px!important;
  }
  .swiper-slide .testimonial-card p {
      font-size: var(--responsive-small-text);
      margin: 0;
  }
  .testimonial-slider--section .testimonial-card {
      gap: 22px;
  }
  .testimonial-slider--section .testimonial-card .review-author {
      font-size: var(--responsive-small-text);
  }
  .testimonial-slider--section .testimonial-card .reviewer-company {
      font-size: 11px;
  }
  .testimonial-wrapper .swiper-pagination.page-container.swiper-pagination-progressbar.swiper-pagination-horizontal {
    margin-top: 20px;
    height: 2px;
}
}
/* Testimonial Section CSS End */

/* Why Contractors Section CSS Start */
.why-contractors .why-contractors-row {
  --extra-space: 123px;
  display: flex;
  gap: var(--extra-space);
}
.why-contractors-row .why-contractors-left {
  position: relative;
  flex: 0 0 444px;
  margin-right: var(--extra-space);
}
.why-contractors-row .why-contractors-left::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 1px;
  height: 100%;
  background-color: #dadada;
  right: calc(var(--extra-space) * -1);
}
.why-contractor-tab {
  padding: 0;
  margin: 0;
  list-style: none;
}
.why-contractors-left .why-contractor-tab li {
  cursor: pointer;
  transition: 0.3s;
  margin-bottom: 40px;
}
.why-contractors-left .why-contractor-tab li span{
  font-family: var(--heading-font-family);
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
  color: #232323;
  opacity: 0.3;
  transition: 0.3s;
  letter-spacing: -0.06em;
  text-transform: uppercase;
  display: block;
}
.why-contractors-left .why-contractor-tab li:last-child {
  margin-bottom: 0;
}
.why-contractors-left .why-contractor-tab li.active-tab {
  opacity: 1;
}
.why-contractor-tab-content .why-contractor-tab-content-description {
  margin-bottom: 30px;
}
.why-contractors-right p {
  font-size: 32px;
  line-height: 1.5;
  font-weight: 500;
  color: #232323;
  margin-top: 0;
  letter-spacing: -0.02em;
}
.why-contractors-right p:last-child {
  margin-bottom: 0;
}
.why-contractor-tab-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.why-contractors-btn-group {
  display: flex;
  align-items: center;
  gap: 48px;
  margin-top: auto;
}
.why-contractors .link-btn {
  font-family: var(--heading-font-family);
  font-weight: 800;
  font-size: 16px;
  line-height: 1.5;
  color: #232323;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 2px solid #222;
  transition: 0.3s;
}
.why-contractors .link-btn:hover {
  color: #d8232a;
  border-color: #d8232a;
}
.why-contractors .tab-content-item {
  display: none;
}
.why-contractors .tab-content-item.active {
  display: block;
  height: 100%;
}
.why-contractors li.active-tab span {
  color: #232323 !important;
  opacity: 100% !important;
}
.why-contractor-tab li:last-child span{
  margin-bottom: 0 !important;
}
@media screen and (max-width:991px) {
  .why-contractors .why-contractors-row {
    flex-direction: column;
    gap: 20px;
  }
  
  .why-contractors-row .why-contractors-left {
    flex: auto;
    margin: 0;
  }

  ul.why-contractor-tab {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    white-space: nowrap;
    flex: 1;
    scroll-behavior: smooth;
  }
  .why-contractors-btn-group {
    margin: 0;
  }
  .why-contractors-left .why-contractor-tab li {
    margin: 0px;
    padding: 22px 9px;
    background-color: #F5F5F5;
    border-radius: 12px;
    border: 1px solid transparent;
  }
  .why-contractors-row .why-contractors-left::after{
    display:none;
  }
  .why-contractors-left .why-contractor-tab li.active-tab {
    border: 1px solid;
  }
}
@media screen and (max-width:767px) {
  .why-contractors-left .why-contractor-tab li span{
    font-size: 19.4px;
  }
  .why-contractors-right p {
    font-size: 18px;
  }
  .why-contractors-btn-group {
    display: flex;
    gap: 48px;
    flex-wrap: wrap;
  }
}
@media screen and (max-width:340px){
  .why-contractors-btn-group {
    gap: 20px!important;
  }
}
/* Why Contractors Section CSS End */


/* Blog Slider Section CSS Start */
.blog-slider--section .blog-wrapper {
    max-width: 100%;
    overflow: hidden;
}
.blog-slider--section .blog-wrapper .blog-swiper {
    max-width: var(--page-width);
    padding-inline: var(--container-inline-padding);
    overflow: visible;
}
.blog-slider--section .blog-wrapper .blog-swiper:not(.swiper-initialized) {
    opacity: 0;
}
.blog-swiper .swiper-wrapper {
    align-items: stretch;
}
.blog-swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    height: auto;
}
/* Blog Slider Section CSS End */

/* Review Badge Section CSS Start */
.review-badge--section .page-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}
.review-badge--section .page-container > div {
    width: 40%;
}
.review-badge--section .section-title-wrapper {
    margin-bottom: 20px;
}
.review-badge--section .section-header-content .theme-body-text {
    margin: 20px 0 0;
}
.review-badge--section .review-count {
    text-transform: uppercase;
}
.review-badge--section .badge-col {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 20px 40px;
}
.review-badge--section .badge-col .badge-media {
    width: calc(25% - 30px);
    height: auto;
    display: inline-flex;
}
.review-badge--section .badge-col .badge-media img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
}
/* Review Badge Section CSS End */
/*---- Home CSS End ----*/

/* Product Card CSS Start */
.productgrid--item {
  height: auto;
}
.productgrid--item .productitem {
  background: #FFF;
  border: 1px solid rgba(35,35,35,0.16);
  border-radius: 12px;
  box-shadow: none;
  padding: 15px;
  position: relative !important;
  height: auto !important;
}
.productgrid--item .productitem .productitem__container {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.productgrid-listview .productgrid--item .productitem .productitem__container {
  flex-direction: row;
}
.productgrid--item .productitem .productitem_topbar {
  margin: 0;
  display: flex;
  gap: 15px;
  position: absolute;
  top: 0;
  left: 0;
}
.productgrid-listview .productgrid--item .productitem .productitem_topbar {
  display: none;
}
.productgrid--item .productitem .productitem__badge {
  position: relative;
  inset: auto;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0;
  font-family: var(--heading-font-family);
  text-transform: uppercase;
  font-weight: 700;
  padding: 2px 12px;
  border-radius: 50px;
}
.productgrid--item .productitem .productitem__image-container {
  width: 100%;
  height: auto;
  border-radius: 12px;
  overflow: hidden;
}
.productgrid-listview .productgrid--item .productitem .productitem__image-container {
  width: 25%;
}
.productgrid--item .productitem .productitem--image {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  padding: 0;
}
.productgrid--item .productitem .productitem__image-container img,
.productgrid--item .productitem .productitem--image svg {
  width: 100%;
  height: auto;
  max-height: unset;
  object-fit: contain;
  aspect-ratio: 1.53 / 1;
  position: relative;
}
.productgrid--item .productitem .productitem--info {
  margin-block: 30px 10px;
}
.productgrid-listview .productgrid--item .productitem .productitem--info {
  width: 50%;
  margin: 0 50px 0 25px;
}
.productgrid--item .productitem .product__rating {
  margin: 0 0 5px;
}
.productgrid--item .productitem .product__rating .rating__count span {
  font-size: 13px;
  line-height: 1;
  letter-spacing: -0.3px;
  font-family: var(--heading-font-family);
  text-transform: uppercase;
  font-weight: 700;
}
.productgrid--item .productitem .productitem--title {
  margin: 0;
}
.productgrid--item .productitem .productitem--title a {
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: -0.5px;
  font-family: var(--heading-font-family);
  text-transform: uppercase;
  font-weight: 700;
}
.productgrid--item .productitem .productitem__price {
  margin-top: 10px;
}
.productgrid--item .productitem .productitem__price .money {
  font-size: 22px;
  line-height: 1.4;
  letter-spacing: -0.4px;
  font-family: var(--heading-font-family);
  text-transform: uppercase;
  font-weight: 700;
}
.productgrid--item .productitem .productitem__stock-level,
.productgrid--item .productitem .productitem--description {
  display: none;
}
.productgrid--item .productitem .productitem--actions {
  position: relative;
  inset: auto;
  opacity: 1;
  visibility: visible;
  margin: auto 0 0;
}
.productgrid-listview .productgrid--item .productitem .productitem--actions {
  margin: 0;
}
.productgrid--item .productitem .productitem--actions .productitem--action {
  padding: 0;
  flex: unset;
  margin: 0;
  width: 100%;
}
.productgrid--item .productitem .productitem--actions .productitem--action.quickshop-button {
  margin-bottom: 6px;
}
.productgrid--item .productitem .productitem--actions .theme-button {
  padding: 9px;
}
.productgrid--item .productitem .productitem--actions .theme-button .atc-button--text {
  font-size: 18px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -1.1px;
}
.productgrid-listview .productgrid--item .productitem .productitem--info > *:not(.price) {
  display: block;
  position: relative;
  inset: auto !important;
}
@media (max-width:767px){
    .productgrid--item .productitem .productitem--title a,
    .productgrid--item .productitem .productitem--actions .theme-button .atc-button--text {
    font-size: var(--responsive-small-heading);
  }
  .productgrid--item .productitem .productitem__price .money {
      font-size: 18px;
  }
  .productitem--vendor a {
      font-size: var(--responsive-small-text)!important;
  }
  .productgrid-listview .productgrid--item .productitem .productitem__container {
    display: grid;
    grid-template-columns: 25% 75%;
    grid-template-rows: auto minmax(0, 100%);
  }
  .productgrid-listview .productgrid--item .productitem .productitem__image-container {
    width: 100%;
  }
  .productgrid-listview .productgrid--item .productitem .productitem--info {
    width: auto;
    display: flex;
    flex-direction: column;
    margin: 0 0 0 25px;
  }
}

/* Product Card CSS End */

/*---- Collection CSS Start ----*/
.brand-search-container input#searchProducts,
.product-search-container .product-search-input {
  border-radius: 6px;
  border: 1px solid var(--body_color);
  width: 100%;
  padding: 16.50px 20px;
  color: #474747;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}
.productgrid--no-results-title {
  letter-spacing: 0;
}
/* Info Card Section CSS Start */
.info-card-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.info-card-wrapper .info-card {
    background: var(--card-background);
    border-radius: 10px;
    padding: 40px 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: var(--card_content_placement);
    align-items: var(--card_content_alignment);
    gap: var(--card_content_spacing);
}
.info-card-wrapper .info-card .card-media img {
    width: 67px;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
}
.info-card-wrapper .info-card .card-media.media__image {
    width: 100%;
}
.info-card-wrapper .info-card .card-media.media__image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1.67 / 1;
    object-fit: cover;
    border-radius: 10px;
}
.info-card-wrapper .info-card .card-title {
    font-size: 28px;
    line-height: 1;
    letter-spacing: -2px;
    margin: 0;
    max-width: 70%;
    text-transform: uppercase;
}
.info-card-wrapper .info-card .card-content {
  font-size: 18px;
  white-space: normal;
}
.info-card-wrapper .info-card .card-content > * {
    margin: 0 0 8px;
}
.info-card-wrapper .info-card .card-content > *:last-child {
  margin-bottom: 0;
}
.info-card-wrapper .info-card .card-content ul {
    padding: 0;
    list-style: none;
}
.info-card-wrapper .info-card .card-content ul li {
    padding-left: 16px;
    position: relative;
}
.info-card-wrapper .info-card .card-content ul li::before {
    position: absolute;
    content: "✔";
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    font-size: 14px;
}
.productgrid--utils.productgrid--utils-box-shadow {
    box-shadow: none;
}
@media screen and (min-width: 768px) and (max-width: 859px) {
  .layout--has-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-4 .productgrid--item {
    width: calc(33.3333333333% - 13.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .info-card-wrapper {
    gap: 12px;
  }
  .info-card-wrapper .info-card {
   padding: 23px 16px;
 }
  .info-card-wrapper .info-card .card-title {
    font-size: 18px;
    max-width: 100%;
 }
.info-card-wrapper .info-card .card-content {
    font-size: 12px;
  }
  .info-card-wrapper .info-card .card-media img {
    width: 38px;
  }
  .layout--has-sidebar:not(.productgrid-listview) .productgrid--items.products-per-row-4 .productgrid--item {
    width: calc(48% - 5px);
  }
  .pagination--container {
    margin-top: 1rem;
  }
}
/* Info Card Section CSS End */
/*---- Collection CSS End ----*/


/*---- FAQ Page CSS Start ----*/
.page-title .slideshow-slide__heading {
    max-width: 35rem;
    text-transform: uppercase;
}

.faq-hero .slideshow-slide__content.slideshow-slide__content--slide_WT7TRc.slideshow-slide__content--text-left {
    max-width: var(--page-width);
    padding-inline: var(--container-inline-padding);
    margin-inline: auto;
}

section.faq {
    padding-inline: 0;
}
.faq .page-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.faq .page-container .faq__section-header {
    width: 26%;
}
.faq .faq-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
}
.faq .page-container.show_title .faq-wrapper {
    width: 65%;
}
.faq .page-container .faq__categories {
    width: 32%;
}
.faq .page-container .faq-wrapper .faq__items {
    width: 100%;
}
.faq .faq-wrapper .faq__categories + .faq__items {
    width: 65%;
}
.faq .faq-wrapper .faq__categories {
    background: #F5f5f5;
    border-radius: 12px;
    padding: 20px 15px;
}
.faq .faq-wrapper .faq__categories .faq__categories-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
}
.faq .faq-wrapper .faq__categories .faq__categories-list-item-link {
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
}
.faq__warranty-link {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.faq__warranty-button {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding: 12px 20px;
    display: block;
    text-decoration: none;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
.faq__warranty-button:focus,
.faq__warranty-button:active,
.faq__warranty-button:hover {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
.faq .faq-wrapper .faq__heading {
    text-transform: uppercase;
}
.faq .faq-wrapper .faq__heading:not(:first-child) {
  margin-top: 34px;
}

@media (max-width:767px){
  .faq-hero.slideshow--height-small-mobile .slideshow-slide__image-wrapper {
    height: 342px;
  }
  .faq-hero .slideshow-slide__content.slideshow-slide__content--slide_WT7TRc.slideshow-slide__content--text-left {
    top: 33px;
    transform: translate(-50%, 0);
  }
  .faq .page-container .faq__section-header {
    width: 100%;
  }
  .faq .page-container.show_title .faq-wrapper {
      width: 100%;
  }
  h3.faq__section-heading.section-header__heading {
    font-size: 38px!important;
    margin-bottom: 10px;
  }
  .faq__summary-icon {
    right: 0px!important;
    width: 18px !important;
    height: 11px !important;
  }
  .faq .faq-wrapper {
    flex-direction: column;
  }
  .faq__categories.faq__categories--count-over-2 {
    display: none;
  }
  .faq .page-container:not(.show_title) .faq-wrapper .faq__items {
    width: 100%;
  }
  .faq .faq-wrapper .faq__heading {
      font-size: 36px !important;
      margin-bottom: 10px;
  }
  .faq .faq-wrapper .faq__heading:not(:first-child) {
    margin-top: 24px;
  }
}
/*---- FAQ Page CSS End ----*/


/*---- Blog Page CSS Start ----*/
.search--section {
  padding-bottom: 40px;
}
.section--canonical {
    margin-top: 0;
}
.blog--inner {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 40px;
  margin: 0;
}

@media (max-width:1023px){
  .blog--inner .article-card .article-title {
    font-size: 20px;
  }
  .blog--inner {
    grid-template-columns: repeat(3, 1fr);
  } 
}

@media (max-width:767px){
  .slideshow--height-medium-mobile.blog-hero .slideshow-slide__image-wrapper {
      height: 342px;
  }
  .home-hero.blog-hero .slideshow-slide .slideshow-slide__content {
    bottom: 27px !important;
    top: auto !important;
    height: auto;
  }
  .home-hero.blog-hero .slideshow-slide .slideshow-slide__content .slideshow-slide__content-wrapper {
    max-width: 327px;
    width: 100%;
  }
  .blog--inner {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .blog--inner .article-card .article-title {
    font-size: 14px;
    margin: 17px 0 17px;
  }
  .blog--inner .article-card .article-expect span {
      font-size: 10px;
  }
  .blog--inner .article-card > *:not(.article-media) {
    padding-inline: 10px;
  }
}
/*---- Blog Page CSS End ----*/


/*---- PDP CSS Start ----*/
.product--section .product__container {
    margin-block: 40px;
}
.product--section .breadcrumbs-container {
    display: none;
}
.product--section .product--outer {
    justify-content: space-between;
}
.product--section .product-gallery {
    width: 50%;
    padding: 0;
}
.product--section .product-gallery--viewer {
    border: 1px solid rgba(var(--body_color_rgb),0.2);
    border-radius: 16px;
}
.product--section .product-gallery--viewer .product-gallery--loaded-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product--section .product-gallery--navigation {
    padding: 0;
    margin: 0;
}
.product--section .product-gallery--navigation .gallery-navigation--scroller {
    margin: 15px -5px 0;
    padding: 0;
}
.product--section .product-gallery--navigation .product-gallery--media-thumbnail {
    box-shadow: none;
    margin: 0 5px;
    padding: 0;
    border-radius: 13px;
    overflow: hidden;
    border: 1px solid rgba(var(--body_color_rgb),0.2);
    width: calc(20% - 10px);
    height: auto;
    aspect-ratio: 1;
}
.product--section .product-gallery--navigation .product-gallery--media-thumbnail[data-gallery-selected=true] {
    border: 1px solid rgba(var(--body_color_rgb),1);
}
.product--section .product-icon-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    margin-top: 20px;
}
.product--section .product-icon-list .list-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: calc(33.33% - 33px);
}
.product--section .product-icon-list img {
    width: 40px;
    height: auto;
    min-width: 40px;
    aspect-ratio: 1;
    object-fit: contain;
}
.product--section .product-icon-list span {
    text-transform: uppercase;
}
.product--section .product-main {
    margin: 0;
    padding: 0;
}
.product--section .jdgm-prev-badge__text {
    font: var(--theme-heading_10-font);
    letter-spacing: var(--theme-heading_10-letter-spacing);
    text-transform: uppercase;
}
.product--section .jdgm-preview-badge .jdgm-qa-badge {
    display: none;
}
.product--section .product-title {
    margin: 0 0 20px;
    font: var(--theme-heading_2-font);
    letter-spacing: var(--theme-heading_2-letter-spacing);
}
.product--section .product-meta_details {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-auto-rows: auto;
    gap: 12px 30px;
    margin-bottom: 20px;
}
.product--section .product-meta_details .prod-meta {
    font: var(--theme-body-font);
    letter-spacing: var(--theme-body-letter-spacing);
    color: var(--body_color);
}
.product--section .product-meta_details .prod-meta .prod-meta_title,
.product--section .product-meta_details .prod-meta .product-stock-level__availability {
  font-weight: 700;
}
.product--section .product-meta_details .prod-meta .product-stock-level-wrapper {
    margin: 0;
}
.product--section .product-description {
    margin: 0 0 20px;
    font: var(--theme-heading_9-font);
    letter-spacing: var(--theme-heading_9-letter-spacing);
    font-family: var(--body-font-family);
    font-weight: 400;
}
.product--section .product-description ul {
    list-style: none;
    padding: 0;
}
.product--section .product-description ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 40px;
    font-weight: 600;
}
.product--section .product-description ul li:last-child {
    margin: 0;
}
.product--section .product-description ul li::before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("/cdn/shop/files/mdi_tick-circle.png");
    background-size: contain;
    top: 0;
    left: 0;
}
.product--section .product-form--regular {
    margin: 0;
}
.product--section .product-form--atc {
    margin-top: 10px;
}
.product--section .product-form--atc .product-form__actions {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 20px;
    align-items: center;
}
.product--section .product-pricing {
    margin: 30px 0 10px;
}
.product--section .product-pricing .price__current {
    margin: 0;
}
.product--section .product-pricing .money {
    font: var(--theme-heading_4-font);
    letter-spacing: var(--theme-heading_4-letter-spacing);
    font-family: var(--body-font-family);
}
.product--section .icon-tagline {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font: var(--theme-heading_10-font);
    letter-spacing: var(--theme-heading_10-letter-spacing);
    text-transform: uppercase;
}
.product--section .icon-tagline img {
    width: 20px;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
}
.product--section .key-details {
    padding: 0;
    margin: 20px 0;
}
.product--section .product-details .product-block--icon_list {
    display: none;
}
.product--section .product-block--request_quote {
    background: #F5F5F5;
    border: none;
    border-radius: 12px;
    padding: 20px;
}
.product--section .product-block--request_quote .product-request-form__disclosure {
    border-bottom: none;
}
.product--section .product-block--request_quote .product-request-form__heading {
    padding: 0;
    font: var(--theme-heading_10-font);
    letter-spacing: var(--theme-heading_10-letter-spacing);
    text-transform: uppercase;
}
.product--section .product-block--request_quote .product-request-form__disclosure[open] .product-request-form__heading {
    margin-bottom: 12px;
}
.product--section .product-block--request_quote .product-request-form__action {
    margin: 0;
}
#judgeme_product_reviews {
  max-width: var(--page-width);
  padding-inline: var(--container-inline-padding);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .product--section .product--outer {
    flex-wrap: wrap;
    gap: 16px;
  }
  .product--section .product-gallery,
  .product--section .product-main {
    width: 100%;
  }
  .product--section .product-gallery--viewer {
    width: 100%;
    height: auto !important;
    aspect-ratio: 1.31 / 1;
  }
  .product--section .product-gallery--viewer .product-gallery--image-background {
    position: relative;
    background: transparent !important;
  }
  .product--section .product-gallery--viewer .product-gallery--media {
    padding-bottom: 0;
    width: 100%;
    height: auto;
  }
  .product--section .product-gallery--viewer .product-gallery--loaded-image {
    position: relative !important;
    aspect-ratio: 1.31 / 1;
    padding: 25px 30px 60px;
  }
  .product--section .product-gallery--navigation {
    position: absolute;
    left: auto;
    right: auto;
    bottom: 30px;
  }
  .product--section .product-gallery--navigation .gallery-navigation--scroller {
    margin: 0;
    padding: 0;
    width: calc(100% - 20px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .product--section .product-gallery--navigation .product-gallery--media-thumbnail {
    margin: 0;
    border-radius: 15px;
    border: 1px solid #1F265B;
    width: 15px;
  }
  .product--section .product-gallery--navigation .product-gallery--media-thumbnail[data-gallery-selected=true] {
    background: #1F265B;
  }
  .product--section .product-gallery--navigation .product-gallery--media-thumbnail .product-gallery--media-thumbnail-img-wrapper {
    opacity: 0;
  }
  .product--section .product-gallery .product-icon-list {
    display: none;
  }
  .product--section .product-details .product-block--icon_list {
    display: block;
  }
  .product--section .product-icon-list {
    flex-direction: unset;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px 40px;
  }
  .product--section .product-icon-list .list-wrapper {
    width: calc(50% - 20px);
    justify-content: center;
  }
  .product--section .product-icon-list img {
    width: 34px;
    height: 34px;
    min-width: 34px;
  }
}

/* Specifications Section CSS Start */
.pdp_specification-tabs {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 2px solid #E0E0E0;
    gap: 0;
    margin-bottom: 0;
}
.pdp_specification-tabs .pdp_specification-tab {
    padding: 14px 24px;
    cursor: pointer;
    position: relative;
    background-color: #F8F8F8;
    border: 2px solid #E0E0E0;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    margin-right: 4px;
    margin-bottom: -2px;
    font-weight: 500;
    color: #666;
    transition: all 0.2s ease;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.pdp_specification-tabs .pdp_specification-tab:hover {
    background-color: #F0F0F0;
    color: #333;
    border-color: #D0D0D0;
}
.pdp_specification-tabs .pdp_specification-tab.active {
    font-weight: 600;
    background-color: #FFFFFF;
    color: #000;
    border-color: #E0E0E0;
    border-bottom-color: #FFFFFF;
    z-index: 1;
}
.pdp_specification-tabs .pdp_specification-tab.active::before {
    display: none;
}
@media (max-width: 768px) {
    .pdp_specification-tabs {
        flex-direction: column;
        border-bottom: none;
    }
    .pdp_specification-tabs .pdp_specification-tab {
        border: 2px solid #E0E0E0;
        border-radius: 4px;
        margin-right: 0;
        margin-bottom: 8px;
        width: 100%;
    }
    .pdp_specification-tabs .pdp_specification-tab.active {
        border-bottom-color: #E0E0E0;
    }
}
.product_specification__tabs .pdp_specification-tab-content {
    margin-top: 0;
    padding: 30px;
    border: 2px solid #E0E0E0;
    border-top: none;
    border-radius: 0 0 4px 4px;
    background-color: #FFFFFF;
    display: none;
}
@media (max-width: 768px) {
    .product_specification__tabs .pdp_specification-tab-content {
        border: 2px solid #E0E0E0;
        border-radius: 4px;
        margin-top: 0;
    }
}
.product_specification__tabs .tab-title {
    margin: 0 0 20px;
}
.product_specification__tabs .specification-tab__content .product-meta_details {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: auto;
    gap: 12px 30px;
    margin-bottom: 20px;
}
.product_specification__tabs .specification-tab__content .prod-meta {
    font: var(--theme-body-font);
    letter-spacing: var(--theme-body-letter-spacing);
    color: var(--body_color);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}
.product_specification__tabs .specification-tab__content .prod-meta .prod-meta_title {
    font-weight: 700;
    margin-right: 4px;
    min-width: 150px;
}
.product_specification__tabs .specification-tab__content .prod-meta img {
    width: 30px;
    height: auto;
}
.product_specification__tabs .specification-tab__content .policy-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.product_specification__tabs .specification-tab__content .policy-menu .policy-link {
    text-decoration: none;
    font-weight: 600;
    color: #176DB7;
}
.product_specification__tabs .specification-tab__content ul {
    list-style: disc;
    padding-left: 20px;
    margin: 0;
}
.product_specification__tabs .specification-tab__content ul li {
    margin-bottom: 8px;
    font: var(--theme-body-font);
    letter-spacing: var(--theme-body-letter-spacing);
    color: var(--body_color);
    line-height: 1.6;
}
.product_specification__tabs .pdp_specification-tabs--content .easysearch-ft-wrapper {
    width: 100%;
    max-width: unset;
}
.product_specification__tabs .easysearch-ft-title {
    display: none
}
.product_specification__tabs .easysearch-ft-widget table thead,
.product_specification__tabs .easysearch-ft-widget table tbody tr:nth-child(even) {
    background: #F1F1F1;
}
.product_specification__tabs .easysearch-ft-widget table thead th,
.product_specification__tabs .easysearch-ft-widget table tbody td {
    padding: 10px;
}
.product_specification__tabs .easysearch-ft-widget table tbody td:first-child {
    font-weight: 600;
}
.highlights-banner .PDP-specifications-icon-list .highlights-banner__content {
    justify-content: space-between;
    padding-inline: 0;
}
.highlights-banner .PDP-specifications-icon-list .highlights-banner__block,
.highlights-banner .PDP-specifications-icon-list .highlights-banner__block .highlights-banner__icon {
  align-items: flex-start;
}
.highlights-banner .PDP-specifications-icon-list .highlights-banner__block .highlights-banner__icon .highlights-banner__custom-icon {
  --icon_size: 46px;
}
/* Specifications Section CSS End */


/* image witn Feature Section CSS Start */
.image-with-features--section .page-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.image-with-features--section .page-container.reverse-position {
    flex-direction: row-reverse;
}
.image-with-features--section .image-col {
    width: 50%;
}
.image-with-features--section .image-col img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
    aspect-ratio: 1.53 / 1;
}
.image-with-features--section .image-col .section-title-wrapper {
    max-width: 75%;
}
.image-with-features--section .content-col {
    width: 43%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
}
.image-with-features--section .content-col .feature-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
}
.image-with-features--section .feature-item .feature-icon img {
    width: 86px;
    height: auto;
    aspect-ratio: 1;
}
.image-with-features--section .feature-item .feature-info .feature-title {
    font-size: 26px;
    line-height: 1;
    letter-spacing: -1.6px;
    margin: 0 0 20px;
    text-transform: uppercase;
}
.image-with-features--section .feature-item .feature-info .feature-content {
    margin: 0;
}
@media screen and (max-width: 767px) {
  .image-with-features--section .image-col {
    width: 100%;
  }
  .image-with-features--section .content-col {
    width: 100%;
    gap: 20px;
    margin-top: 20px;
  }
  .image-with-features--section .feature-item .feature-icon img {
    width: 39px;
  }
  .image-with-features--section .feature-item .feature-info .feature-title {
    font-size: 20px;
    letter-spacing: -1.2px;
    margin: 0 0 6px;
  }
  .PDP-info-card .info-card-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    white-space: nowrap;
    flex: 1;
    scroll-behavior: smooth;
    justify-content: flex-start;
  }
  .PDP-info-card .info-card-wrapper .info-card {
    flex: 0 0 auto;
    width: auto !important;
    max-width: calc(80dvw - calc(var(--container-inline-padding) * 2));
  }
  .highlights-banner .PDP-specifications-icon-list .highlights-banner__content {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* image witn Feature Section CSS End */
/*---- PDP CSS End ----*/


/*---- Contact Page CSS Start ----*/
.contact-support .contact-page-content {
    padding: 0;
    margin: 0;
    max-width: 100%;
}
.contact-support .contact-page-content .form-field {
    margin-bottom: 24px;
}
.product-request-form .form-field-title,
.contact-support .form-field label {
    position: relative;
    inset: auto;
    transform: unset;
    margin-bottom: 16px;
    display: block;
    font-weight: 600;
    color: var(--body_color);
    font-family: var(--body-font-family);
}
.product-request-form .form-field-title {
    margin-bottom: 6px;
}
.contact-support .form-field label .asterisk {
    margin-left: 4px;
}
.contact-support .form-field .form-field-input,
.product-request-form .form-field-input {
    padding: 17px 23px;
    border: 1px solid #DEDEDE;
    background: #F5F5F5;
    border-radius: 8px;
    box-shadow: none;
}
.product-request-form .form-field-input {
    background: #FFF;
}
.contact-support .form-field .form-field-input::placeholder {
    opacity: 0.5;
}
.contact-support .contact-page-content .form-action-row {
    margin: 0;
}
.contact-support .contact-page-content .contact-form-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 40px;
    text-transform: uppercase;
    border-radius: 8px;
}
/*---- Contact Page CSS End ----*/

/*---- Search Result Page CSS Start ----*/
.productgrid--search {
  width: 100%;
}
.productgrid--search .form-field {
    border: 1px solid var(--body_color);
    border-radius: 6px;
    padding: 6px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.productgrid--search .form-field .form-field-input {
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    padding: 0 0 0 15px;
    font: var(--theme-body_small-font);
    letter-spacing: var(--theme-body_small-letter-spacing);
    height: auto;
    width: calc(100% - 58px);
}
.productgrid--search .form-field .productgrid--search-button {
    position: relative;
    inset: auto;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #DE2526;
    border-radius: 6px;
    color: #FFF;
    margin: 0;
}
.productgrid--search .form-field .productgrid--search-button .search-icon {
    width: 21px;
    height: 21px;
}
/*---- Search Result Page CSS End ----*/

/*---- Article Detail Page CSS Start ----*/
.article-image {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.article-image::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
}
.article-image .article-title-wrapper {
    position: relative;
    padding-block: 50px;
}
.article-image .article-title-wrapper .article--title,
.article-image .article-title-wrapper .article--meta {
    color: var(--white);
}
.article--container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 50px;
}
.article--container .article--inner {
    width: 75%;
    max-width: unset;
    margin: 0;
    padding: 0;
}
.article--container .article--sidebar {
    width: 20%;
    position: relative;
    inset: auto;
    padding: 0;
}
.article--container .article--content * {
    letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .article--container .article--sidebar,
  .article--container .article--inner {
    width: 100%;
  }
  .article--container .share-buttons .share-buttons--list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
}
/*---- Article Detail Page CSS End ----*/

/*---- About Page CSS Start ----*/
.difference-highlight--section .page-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.difference-highlight--section .page-container.content-reverse {
    flex-direction: row-reverse;
}
.difference-highlight--section .highlight-info-wrapper {
    width: 50%;
    position: relative;
}
.difference-highlight--section .highlight-info-wrapper .highlight-badge {
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(27.61deg);
}
.difference-highlight--section .main_highlight_text {
    margin: 0 0 20px;
    font-size: clamp(11.25rem, 10.417vw + 6.25rem, 18.75rem); /* 768/1920 : 180/300 : 16 */
}
.difference-highlight--section .highlight-value-content {
    display: flex;
    flex-direction: column;
    font-family: var(--body-font-family);
    font-weight: 400;
}
.difference-highlight--section .highlight-content-wrapper {
    width: 40%;
}
.difference-highlight--section .section-header-content .section--description {
    font-family: var(--body-font-family);
    font-weight: 400;
    margin-top: 24px;
}
.difference-highlight--section .difference-item-lists {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    gap: 24px;
}
.difference-highlight--section .difference__item {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
}
.difference-highlight--section .difference__item img {
    --size: 32px;
    width: var(--size);
    height: var(--size);
    aspect-ratio: 1;
    object-fit: contain;
}
.difference-highlight--section .difference__item h4 {
    margin: 0 0 8px;
    text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .difference-highlight--section .page-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .difference-highlight--section .highlight-info-wrapper {
    width: 80%;
  }
  .difference-highlight--section .highlight-content-wrapper {
    width: 100%;
  }
  .difference-highlight--section .main_highlight_text {
    font-size: 8rem;
  }
  .difference-highlight--section .highlight-info-wrapper .highlight-badge {
    width: 100%;
    max-width: 96px;
    height: auto;
    aspect-ratio: 1;
    top: auto;
    bottom: 0;
    right: -20%;
  }
}
/*---- About Page CSS End ----*/



/* Custom Inner CSS Start */
/* Common heading css */

.btn svg {
    margin-left: 13px;
}
.button-primary {
    font-family: "Futura LT";
}
/* Common heading css  ends*/
.home-hero .slideshow-slide .slideshow-slide__content {
    height: -webkit-fill-available;
    top: 0px;
}
.home-hero .slideshow-slide .slideshow-slide__content--flex-start.slideshow-slide__vertical_alignment--flex-start,
.home-hero .slideshow-slide .slideshow-slide__content--flex-end.slideshow-slide__vertical_alignment--flex-start,
.home-hero .slideshow-slide .slideshow-slide__content--center.slideshow-slide__vertical_alignment--flex-start {
    top: 12% !important;
}
/* Header css starts */
.site-navigation-wrapper {
    display: block;
}
.utility-bar__disclosure--mobile {
    padding: 0;
}
.announcement-bar .site-navigation-wrapper,
.announcement-bar nav.site-navigation {
    background-color: transparent !important;
    flex: 1;
    justify-content: end;
}
.announcement-bar a.navmenu-link.navmenu-link-depth-1 {
    color: black;
    padding: 0px;
    font-family: var(--heading-font-family);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.4px;
    outline: none;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.announcement-bar ul.navmenu.navmenu-depth-1 {
    gap: 20px;
}
.announcement-currency {
    display: none;
}
.site-header-right p {
    margin: 0;
    margin-left: 8px;
    font-size: 14px;
}
.site-header-right p a {
    color: white;
    text-decoration: none;
}

.site-header-right a.site-header_account-link-anchor {
    align-items: center;
}

.site-header-right ul.site-header-actions {
    font-family: "DM Sans";
    font-weight: 400;
    margin-inline: 10px;
}
.site-header-right a.site-header-cart--button {
    padding: 0;
}
nav.site-navigation {
    padding-left: 10px;
    padding-right: 0px;
    margin-top: 0px !important;
}
.site-header .site-header-main .live-search {
    margin-right: 20px;
}
/* Header css Ends */

/* Footer highlight strip css */

span.highlights-banner__heading {
    margin-bottom: 15px;
    text-transform: uppercase;
}
.highlights-banner__icon {
    margin-bottom: 15px !important;
}

.highlights-banner__text p {
    font-weight: 400;
}

.highlights-banner__content.highlight-banner__count-4 {
    justify-content: space-between;
}
.footer-icon-strip .highlights-banner__icon {
    max-width: -webkit-fill-available;
}

.footer-icon-strip img.highlights-banner__custom-icon {
    --icon_size: 46px !important;
}
@media screen and (max-width: 991px) {
    .footer-icon-strip img.highlights-banner__custom-icon {
        --icon_size: 38px !important;
    }
}
@media screen and (min-width: 860px) {
    .highlight-banner__count-4 .highlights-banner__block {
        width: 20%;
    }
}

/* Footer highlight strip css Ends*/

/* FAQ section CSS  Starts*/
details.faq__details {
    padding: 19px 23px;
    background-color: #f5f5f5;
    margin-bottom: 11px;
    border-bottom: 0.6px solid #23232310;
    border-radius: 12px;
}
.faq__section-heading {
    font-size: 48px !important;
    line-height: 100% !important;
    font-family: "Futura LT" !important;
    letter-spacing: -3px !important;
    text-align: left;
}
summary.faq__summary {
    padding: 0;
    padding-right: 30px;
}
.faq__answer {
    padding-top: 10px;
}
.faq__summary-icon {
    height: 10px;
    width: 19px;
}

span.faq__summary-heading {
    font-size: 22px;
    text-transform: uppercase;
    font-family: "Futura LT";
    color: #232323;
    letter-spacing: -1px;
    line-height: 1.3;
}
@media screen and (min-width: 991px) {
    .faq-wrapper {
        display: flex;
        gap: 100px;
    }
    .faq-wrapper .faq__section-header {
        flex: 30%;
    }
    .faq-wrapper .faq__section-wrapper {
        flex: 70%;
    }
    .faq-wrapper h2.faq__section-heading {
        text-align: left;
    }
}
/* FAQ section CSS  Ends*/

/* Countdown timer css  Starts*/

.home-countdown .countdown-timer__caption {
    flex-direction: column;
    align-items: flex-start;
    max-width: 45%;
    gap: 22px;
}

.home-countdown img.countdown-timer__image-element {
    border-radius: 16px;
}

.home-countdown h3.countdown-timer__caption-heading {
    font-size: 56px;
    letter-spacing: -2px;
    text-transform: uppercase;
    margin-bottom: 0px;
    text-align: left;
}

.home-countdown h2.countdown__item-heading {
    font-size: 38px !important;
    line-height: 1 !important;
    letter-spacing: -2.9px !important;
}
.home-countdown .countdown__items {
    border: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.home-countdown .countdown__item:after {
    display: none;
}

.home-countdown span.countdown-timer__caption-sub-heading {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 29px;
    font-family: var(--heading-font-family);
}
.home-countdown .countdown {
    margin-top: 0px;
}
.home-countdown .countdown__item {
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 15px;
}
.home-countdown .countdown__item.countdown__item--days,
.home-countdown .countdown-timer__image.moible-image {
    display: none;
}

.home-countdown span.countdown__item-text {
    font-family: var(--heading-font-family);
}

.home-countdown .countdown__item .timer-separator {
    font-family: var(--heading-font-family);
    font-size: 38px;
    line-height: 1;
    letter-spacing: 0;
}
/* Countdown timer css  Ends*/

/* image with overlay text css starts */
/* .rsw-parts .pxs-image-with-text-background, .rsw-parts .pxs-image-with-text-overlay {
    border-radius: 24px;
} */

.rsw-parts h2.pxs-image-with-text-heading {
    text-transform: uppercase;
    margin-block: 16px;
}

.rsw-parts .pxs-image-with-text-content {
    width: 100%;
}

.rsw-parts .pxs-image-with-text-subheading.rte {
    width: 50%;
    margin: 0 auto;
}

.intro-rsw h2.pxs-image-with-text-heading.theme-heading_2 {
    margin: 22px auto;
}

.rsw-parts span.pxs-image-with-text-button {
    margin-top: 0px;
}

.rsw-parts span.pxs-image-with-text-caption-title {
    font-family: var(--heading-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 30px !important;
}

.intro-rsw .pxs-image-with-text-content-wrapper {
    padding-inline: 63px;
}

a.pxs-image-with-text-link.theme-button.button-primary {
    position: unset;
    width: auto;
    height: auto !important;
}

@media (max-width: 767px) {
    .rsw-parts .pxs-image-with-text-content-wrapper {
        padding-top: 120px !important;
    }
    .pxs-image-with-text-content p {
        font-size: var(--responsive-text);
    }
    .intro-rsw .pxs-image-with-text-content-wrapper {
        padding: 30px 20px !important;
    }

    .intro-rsw .pxs-image-with-text-content {
        max-width: 100% !important;
    }
}
/* image with overlay text css Ends */

/* feature categories css */

.feature-categories .collection__item a {
    padding: 57px 10px 34px;
    border-radius: 16px;
    justify-content: space-between;
    gap: 33px;
}
.feature-categories span.collection__item-info.collection__item-title {
    font-size: 20px !important;
    margin: 0px !important;
    letter-spacing: -1px;
}
/* .feature-categories p.section-description {
    display: none;
} */

/* feature categories css Ends*/

/* Mosaic section css Starts  */

.home-mosaic article.promo-block:first-child {
    border-top-left-radius: 12px;
}
.home-mosaic article.promo-block:nth-child(2) {
    border-top-right-radius: 12px;
}
.home-mosaic article.promo-block:nth-child(3) {
    border-bottom-left-radius: 12px;
}
.home-mosaic article.promo-block:nth-child(4) {
    border-bottom-right-radius: 12px;
}
.home-mosaic .promo-mosaic--inner {
    gap: 5px;
}
.home-mosaic span.button-primary.theme-button.promo-block--button {
    padding: 12px 20px;
    text-transform: uppercase;
    border-radius: 6px;
    margin-top: 12px;
}
.home-mosaic h2.promo-block--header {
    font-size: 34px !important;
    letter-spacing: -2px;
    text-transform: uppercase;
}

.home-mosaic p.promo-block--text {
    margin-top: 12px;
    font-size: var(--text-font-size-desktop, 16px) !important;
    font-weight: var(--text-font-weight, 400);
}
.home-mosaic p.promo-block--text {
    max-width: clamp(200px, 40vw, 40%) !important;
}
.home-mosaic .promo-block--button svg {
    margin-left: 7px;
}

@media (max-width: 767px) {
    .home-mosaic p.promo-block--text {
        font-size: var(--responsive-small-text) !important;
    }

    .home-mosaic span.button-primary.theme-button.promo-block--button {
        padding: 9px 15px;
        font-size: var(--responsive-text);
    }
}
/* Mosaic section css Ends  */

/* About page css  */
span.tag-line {
    font-size: 24px;
    text-transform: uppercase;
    font-family: var(--heading-font-family);
    letter-spacing: 1px;
    font-weight: 700;
}
.image-with-text__text p {
    margin-top: 0px;
}
h2.image-with-text__heading {
    margin-bottom: 0px;
    text-transform: uppercase;
}
.image-with-text__content-wrapper.image-with-text-text-alignment-left {
    display: flex;
    gap: 20px;
    flex-direction: column;
}
section.image-with-text {
    margin-top: 0 !important;
}

/* About page css  */

/* .promo-block--mobile-image {
  display: none;
} */
/* @media (max-width: 749px) {
  .promo-block--mobile-image {
    display: block!important;
  }
  .promo-block[style*="background-image"] {
    background-image: none !important;
  }
} */

/* Commoarcial Account */
.who-qualifies-ca .checklist-item p {
    font-size: 18px;
    padding-left: 10px;
    font-weight: 500;
    line-height: 1.4;
    font-family: "DM Sans";
}
.why-choose-ca .icon-box p.icon-description:empty {
    padding-bottom: 29px;
}
.how-it-works h3.icon-title.theme-heading_7 {
    text-transform: capitalize !important;
    font-family: "DM Sans";
}
.how-it-works .icon-box {
    position: relative;
    z-index: 1;
}

.how-it-works .icon-box::before {
    content: "";
    height: 140%;
    width: 10px;
    background-color: #1f265b;
    position: absolute;
    z-index: -1;
    left: 11px;
    top: 2px;
}
.how-it-works .icon-box:last-child::before {
    height: 40px;
}
@media screen and (max-width: 767px) {
    .commercial-hero.slideshow--height-medium-mobile .slideshow-slide__image-wrapper {
        height: 573px;
    }
    .who-qualifies-ca .checklist-item p{
        font-size: var(--responsive-text);
    }

    .checklist-item p{
        font-size: var(--responsive-text);
    }

    span.tag-line{
        font-size: 18px;
    }
}

/* Contact page */
.contact-hero h2.slideshow-slide__heading.h2 {
    text-transform: uppercase;
}
.contact-hero .slideshow-slide__subheading {
    font-size: 16px;
    line-height: 1.4;
}

/* customer review widget css start */

h2.jdgm-rev-widg__title {
    font-size: 48px;
    text-transform: uppercase;
}

a.jdgm-write-rev-link,
.jdgm-submit-question,
.jdgm-submit-rev {
    border-radius: 4px !important;
    background-color: #de2526 !important;
    font-size: 18px;
    text-transform: uppercase;
    border-color: #de2526 !important;
    font-family: var(--heading-font-family) !important;
}

a.jdgm-ask-question-btn,
.jdgm-cancel-question,
.jdgm-cancel-rev {
    border-radius: 4px !important;
    text-transform: uppercase;
    border-color: #de2526 !important;
    font-family: var(--heading-font-family);
    color: #de2526 !important;
}
.jdgm-form__fieldset {
    text-align: left;
}

.jdgm-form__title {
    font-size: 26px;
    line-height: 1;
    letter-spacing: -1.6px;
    text-transform: uppercase;
    font-family: var(--heading-font-family);
}
.jdgm-form .jdgm-form__fieldset label[for] {
    text-align: left;
    margin-left: 13px;
}
@media screen and (max-width: 767px) {
    h2.jdgm-rev-widg__title {
        font-size: 38px;
    }
}
/* customer review widget css Ends */

/* PDP page style starts*/

button.product-form--atc-button {
    text-transform: uppercase;
    background-color: #de2526;
    font-family: var(--heading-font-family);
    /* font-size: 24px; */
    line-height: 1;
    border-radius: 5px;
}
.product-form--atc-button:not(.disabled):hover {
    background: #de2526;
    border: 1px solid #de2526;
}
.quantity-selector__button {
    background-color: transparent;
    border-color: #cccccc !important;
    border-radius: 0px !important;
    padding: 16px 18.5px;
}
.quantity-selector__input {
    background-color: transparent;
    border-color: #cccccc !important;
    width: 48px;
    padding: 16px 0px;
    min-width: 48px;
}
label.quantity-selector__label {
    display: none;
}

.product-form__action-wrapper {
    align-items: flex-start !important;
}
/* PDP page style starts*/

.info-card {
    border: 0.6px solid #23232320;
}
h2.productgrid--sidebar-title,
.collection-filters__filter-title {
    letter-spacing: -1px !important;
    font-size: 18px !important;
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--heading-font-family);
}
collection-filters__filter-title {
    font-size: 15px !important;
}
.collection-filters__filter-link {
    padding-left: 0 !important;
    width: 100% !important;
}
.collection-filters__filter-list-item {
    width: 100% !important;
}
.collection-filters__filter-list {
    padding-left: 0 !important;
}

/* Filter Search Styling */
.collection-filters__search {
    margin-top: 16px;
    margin-bottom: 16px;
    position: relative;
}

.collection-filters__search-field {
    position: relative;
    display: flex;
    align-items: center;
}

.collection-filters__search-input {
    width: 100%;
    padding: 12px 40px 12px 40px;
    font-size: 14px;
    line-height: 1.4;
    font-family: inherit;
    color: #232323;
    background-color: #f8f8f8;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 16px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    transition: all 0.3s ease;
    outline: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.collection-filters__search-input::placeholder {
    color: #999;
    font-size: 14px;
}

.collection-filters__search-input:focus {
    background-color: #ffffff;
    border-color: #232323;
    box-shadow: 0 2px 8px rgba(35, 35, 35, 0.1);
    outline: none;
}

.collection-filters__search-input:hover:not(:focus) {
    border-color: #d0d0d0;
    background-color: #fafafa;
}

.collection-filters__search-clear {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #666;
    font-size: 20px;
    line-height: 1;
    padding: 0;
    border-radius: 4px;
    transition: all 0.2s ease;
    z-index: 1;
}

.collection-filters__search-clear:hover {
    background-color: #f0f0f0;
    color: #232323;
}

.collection-filters__search-clear:active {
    background-color: #e0e0e0;
}

.collection-filters__search-empty {
    margin-top: 12px;
    padding: 12px;
    text-align: center;
    color: #999;
    font-size: 14px;
    font-style: italic;
    background-color: #f8f8f8;
    border-radius: 6px;
    border: 1px dashed #e0e0e0;
}

/* Ensure filtered items are hidden */
.collection-filters__filter-list-item[hidden],
.collection-filters__filter-list-item--search-hidden,
.collection-filters__filter-list-item--collapsed {
    display: none !important;
}

/* Style the "See more" button */
.collection-filters__toggle {
    width: 100%;
    padding: 12px 16px;
    margin-top: 12px;
    font-size: 14px;
    font-family: var(--heading-font-family);
    font-weight: 500;
    color: #ffffff;
    background-color: #1F265B;
    border: 1px solid #1F265B;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: normal;
}

.collection-filters__toggle:hover {
    background-color: #0f1538;
    border-color: #0f1538;
    color: #ffffff;
}

.collection-filters__toggle:active {
    background-color: #0f1538;
}

.collection-filters__toggle:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #1F265B;
}

/* Fix collection grid container overflow */
.collection--section {
    max-width: 100%;
    overflow-x: hidden;
}

.collection--section .productgrid--outer {
    column-gap: 25px;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

/* Make filters extend full width */
.productgrid--sidebar {
    width: 100% !important;
    max-width: 100% !important;
}

.filter-form {
    width: 100% !important;
    max-width: 100% !important;
}

.collection-filters__filter-group {
    width: 100% !important;
    max-width: 100% !important;
}

.collection-filters__filter-content-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

.collection-filters__search {
    width: 100% !important;
    max-width: 100% !important;
}

.collection-filters__search-field {
    width: 100% !important;
    max-width: 100% !important;
}
.collection--description.rte {
    max-width: -webkit-fill-available;
}
h2.section-title {
    text-align: center;
    margin-top: 0px;
}

.productgrid--masthead {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    margin-top: 33px;
}

.productgrid--masthead figure.collection--image {
    width: 150px;
    min-width: 150px;
}

.productgrid--masthead .collection--image img {
    border-radius: 6px;
}

.productgrid--masthead h1.collection--title {
    margin-top: 0px;
    margin-bottom: 0px !important;
}

.productgrid--masthead .collection-content-wrapper p {
    font-size: 18px;
    line-height: 1.4;
    margin-top: 10px;
    margin-bottom: 0px;
}
.easysearch-widget.easysearch-main-widget {
    --layout-container-max-width: 1474px;
    --layout-container-gutter: 22px;
    max-width: var(--layout-container-max-width);
    padding-right: 22px;
    padding-left: 22px;
    margin-right: auto;
    margin-left: auto;
}
.easysearch-main-holder {
    max-width: -webkit-fill-available !important;
}

.easysearch-container {
    padding-top: 47px !important;
}
input#searchProducts {
    font-family: inherit;
}
span.productitem--vendor {
    position: absolute;
    top: 0px;
    left: 0px;
}
.productgrid--item .productitem .productitem--info {
    position: static;
}
.productitem--vendor a {
    font-family: "Futura LT";
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    color: #23232360;
}
.productitem__container:has(.productitem__badge--soldout) span.productitem--vendor {
    left: 90px !important;
    top: 5px;
}
.productitem__container:has(.productitem__badge--sale) span.productitem--vendor {
    left: 70px !important;
    top: 5px;
}
.easysearch-select-holder select {
    height: 67px !important;
}
.easysearch-holder {
    column-gap: 20px !important;
}
.productitem--sale .productitem__price .price__current {
    color: #232323;
    display: inline;
    float: left;
}

.price__compare-at.visible {
    font-size: 16px;
    color: #23232360;
    margin-left: 11px;
}

span.productitem__badge.productitem__badge--sale {
    line-height: 1.6 !important;
    padding: 2px 13px !important;
    border: 1px solid #232323;
}

.productitem__badge--sale span {
    font-size: 12px;
    line-height: 1.6 !important;
}
.productgrid--outer .pagination--item {
    height: 44px;
    min-width: 44px;
    background-color: #00000010;
    border-radius: 10px;
    font-family: "DM Sans";
    line-height: 25px;
    font-weight: 600;
}

.productgrid--outer .pagination--active span.pagination--item {
    background: #de2526;
    color: white;
}

.productgrid--outer .pagination--inner li:not(:last-child) {
    margin-right: 10px;
}

/* Responsive Start */

@media (min-width: 750px) and (max-width: 1499px) {
    .slideshow .flickity-viewport,
    .slideshow--height-large .slideshow-slide__image-wrapper {
        height: 650px !important;
    }
}

@media screen and (max-width: 767px) {
    h2,
    .h2 {
        font-size: 42px;
    }
    /* h3,
    .h3,
    .theme-heading_2 {
        font-size: 38px !important;
        line-height: 1;
    } */
    h2.faq__section-heading.section-header__heading {
        font-size: 38px !important;
    }
    span.faq__summary-heading {
        font-size: 14px;
    }
    details.faq__details {
        padding: 14px 12px 15px;
    }
    h2.faq__section-heading {
        text-align: left;
    }
    .home-countdown .countdown-timer__caption {
        max-width: 82%;
    }
    .home-countdown .countdown-timer__overlay {
        align-items: flex-start;
    }
    .home-countdown h3.countdown-timer__caption-heading {
        font-size: 38px;
    }
    .home-countdown h2.countdown__item-heading {
        font-size: 32px !important;
    }
    .home-countdown .countdown-timer__image.desktop-img {
        display: none;
    }
    .home-countdown .countdown-timer__image.moible-image {
        display: block;
    }

    .home-countdown .moible-image img {
        border-radius: 16px;
        width: 100%;
    }

    .feature-categories .collection__item a {
        padding: 30px 10px 13px;
        border-radius: 9px;
        justify-content: space-between;
        gap: 10px;
    }
    .feature-categories span.collection__item-info.collection__item-title {
        font-size: 16px !important;
        line-height: 1;
    }
    .feature-categories img {
        width: 55px !important;
        aspect-ratio: 1 / 1 !important;
    }
    .home-mosaic article.promo-block {
        border-radius: 12px;
    }
    .home-mosaic h2.promo-block--header {
        font-size: 24px !important;
    }
    .home-mosaic article.promo-block:first-child,
    .home-mosaic article.promo-block:first-child .promo-block--content,
    .home-mosaic article.promo-block:last-child,
    .home-mosaic article.promo-block:last-child .promo-block--content {
        min-height: 270px !important;
    }
    .home-mosaic article.promo-block:nth-child(2),
    .home-mosaic article.promo-block:nth-child(2) .promo-block--content,
    .home-mosaic article.promo-block:nth-child(3),
    .home-mosaic article.promo-block:nth-child(3) .promo-block--content {
        min-height: 240px !important;
    }

    .rsw-parts .pxs-image-with-text-subheading.rte {
        width: 100% !important;
    }
    .shopify-section--countdown-timer {
        margin-top: 27px;
    }
    .testimonial-text {
        padding: 11px 20px !important;
    }
    .testimonial-footer {
        padding: 7px 20px !important;
    }
    .jdgm-widget.jdgm-medals-wrapper {
        flex-direction: column !important;
    }
    .jdgm-medals {
        width: 100%!important;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    .jdgm-medals-wrapper--small .jdgm-medals {
        overflow: visible !important;
        max-width: 265px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .jdgm-medals-wrapper--small .jdgm-medal {
        width: 50px !important;
    }
    .jdgm-medals__container {
        padding: 0px !important;
        justify-content: center;
        width: 265px !important;
    }
    .jdgm-medals-wrapper--rebranding {
        gap: 0 !important;
    }
    .image-with-icon-text a.theme-button.button-primary.cta-button {
        align-self: flex-start !important;
    }
    .image-with-icon-text h2.main-heading {
        line-height: 1 !important;
    }
    .jdgm-medals-wrapper {
        padding-bottom: 25px !important;
    }
    .responsive-heading h2.rich-text-heading.rich-text-heading-large {
        font-size: 38px !important;
    }
    .slideshow-slide .slideshow-slide__content .slideshow-slide__rating {
        align-self: flex-start;
    }
    .productgrid--masthead .collection-content-wrapper p{
        font-size:var(--responsive-small-text);
    }
}

@media (max-width: 400px) {
    .jdgm-medals__container {
        width: 205px !important;
    }

    .jdgm-medal {
        width: 40px;
        height: auto;
    }
}

@media (min-width: 1100px) and (max-width: 1500px) {
    .site-header .site-navigation .navmenu .navmenu-item .navmenu-link {
        padding-inline: 5px !important;
        font-size: 13px !important;
    }
    .site-footer-item--information {
        margin-top: 0.25rem !important;
    }
}


/* Our Mission css Starts */

.our-mission .image-with-text__heading {
    font-size: var(--heading-font-size-desktop, 48px);
    font-weight: var(--heading-font-weight, 700);
    color: var(--heading-color, #333333);
    line-height: 1.2;
    margin: 0;
    text-align: var(--heading-text-align, left);
    text-transform: uppercase !important;
    letter-spacing: -2px;
}

.our-mission .image-with-text__text p {
    font-size: var(--text-font-size-desktop, 16px);
}

@media screen and (max-width: 767px) {
    .our-mission .image-with-text__heading {
        font-size: var(--heading-font-size-mobile, 32px);
    }
    
    .our-mission .image-with-text__text p {
        font-size: var(--text-font-size-mobile, 14px);
    }
}

/* Our Mission css Ends */

/* ===============================================
   Cart Save and Forward Styles
   =============================================== */

/* Hide subtotal on desktop */
.cart-title-total--large {
  display: none;
}

.cart-title-total--small {
  display: none;
}

/* Hide the cart-title-right container on desktop */
.cart-title-right {
  display: none;
}

/* Make form a flex container to align header and Share Cart on same line */
form[action="/cart"] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* Cart title takes remaining space */
.cart-title {
  flex: 1 1 auto;
  margin-right: 20px;
}

/* Cart Action Buttons - Inline with header */
.cart-action-buttons {
  padding: 0;
  flex: 0 0 auto;
  order: 0;
}

/* Cart items section takes full width below */
.cartitems--container {
  flex: 1 1 100%;
  width: 100%;
  order: 1;
}

/* Hide checkout button in header on desktop */
.cart-title-right .cart-title-button {
  display: none;
}

/* Share Cart Button - Red Outline Style */
.cart-save-forward__button--share-only {
  padding: 16px 32px;
  border: 2px solid #d32f2f;
  background-color: transparent;
  color: #d32f2f;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 4px;
  white-space: nowrap;
  height: auto;
  min-height: 48px;
}

.cart-save-forward__button--share-only:hover {
  background-color: #d32f2f;
  color: #ffffff;
  transform: translateY(-2px);
}

.cart-save-forward__button--share-only:active {
  transform: translateY(0);
}

.cart-save-forward__button--share-only svg,
.cart-save-forward__button--share-only .icon {
  width: 20px;
  height: 20px;
}

/* Modal Styles */
.cart-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px;
}

.cart-modal--hidden {
  display: none !important;
}

.cart-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  cursor: pointer;
}

.cart-modal__content {
  position: relative;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  max-width: 500px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  z-index: 1;
  animation: modalSlideIn 0.3s ease;
}

@keyframes modalSlideIn {
  from {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.cart-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #e0e0e0;
}

.cart-modal__title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #333333;
}

.cart-modal__close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666666;
  transition: color 0.2s ease;
}

.cart-modal__close:hover {
  color: #333333;
}

.cart-modal__close svg {
  width: 20px;
  height: 20px;
}

.cart-modal__body {
  padding: 24px;
}

.cart-modal__description {
  margin: 0 0 20px;
  color: #666666;
  font-size: 14px;
  line-height: 1.5;
}

.cart-modal__link-container {
  display: flex;
  gap: 10px;
  margin-bottom: 16px;
}

.cart-modal__link-input {
  flex: 1;
  padding: 12px 16px;
  border: 2px solid #e0e0e0;
  border-radius: 4px;
  font-size: 14px;
  font-family: monospace;
  background-color: #f9f9f9;
  color: #333333;
}

.cart-modal__link-input:focus {
  outline: none;
  border-color: #2196F3;
  background-color: #ffffff;
}

.cart-modal__copy-btn {
  white-space: nowrap;
  padding: 12px 20px;
}

/* Notification Styles */
.cart-notification {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 400px;
  z-index: 10001;
  animation: notificationSlideIn 0.3s ease;
}

.cart-notification--hidden {
  display: none !important;
}

@keyframes notificationSlideIn {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.cart-notification__content {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}

.cart-notification__icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  flex-shrink: 0;
}

.cart-notification--success .cart-notification__icon {
  background-color: #4CAF50;
  color: #ffffff;
}

.cart-notification--error .cart-notification__icon {
  background-color: #f44336;
  color: #ffffff;
}

.cart-notification__message {
  font-size: 14px;
  color: #333333;
  line-height: 1.4;
}

.cart-notification__close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999999;
  transition: color 0.2s ease;
  flex-shrink: 0;
}

.cart-notification__close:hover {
  color: #333333;
}

.cart-notification__close svg {
  width: 16px;
  height: 16px;
}

/* Responsive Styles */
@media screen and (max-width: 767px) {
  /* Hide app section on mobile cart page */
  #shopify-section-template--25737731375415__1733192835a91fb052 {
    display: none !important;
  }

  /* Reset form flex on mobile */
  form[action="/cart"] {
    display: flex;
    flex-direction: column;
  }

  /* Add space above cart title on mobile */
  .cart-title {
    padding-top: 20px;
    margin-top: 0;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    flex: none;
    order: 1;
  }

  .cart-title-left {
    order: 1;
    margin-bottom: 15px;
  }

  .cart-title-right {
    order: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .cart-title-total--large {
    width: 100%;
    margin-bottom: 15px;
    order: 1;
    display: block;
  }

  /* Hide checkout button in header on mobile */
  .cart-title-right .cart-title-button {
    display: none;
  }

  /* Center checkout button text on mobile */
  .cart-title-button,
  .cart-checkout .button-primary {
    text-align: center;
    justify-content: center;
  }

  /* Share Cart button full width and repositioned */
  .cart-action-buttons {
    padding: 0 0 15px 0;
    justify-content: stretch;
    flex: none;
    width: 100%;
    order: 2;
  }

  .cart-save-forward__button--share-only {
    width: 100% !important;
    margin: 0;
    flex: 1 1 100%;
  }

  /* Cart items below buttons */
  .cartitems--container {
    flex: none;
    width: 100%;
    order: 3;
  }

  /* Show checkout button below cart items on mobile */
  .cart-checkout .button-primary {
    width: 100%;
    margin: 20px 0 0 0;
  }

  .cart-save-forward__button--share-only {
    width: 100%;
    margin: 0;
  }

  .cart-modal {
    padding: 10px;
  }

  .cart-modal__content {
    max-height: 95vh;
  }

  .cart-modal__header {
    padding: 16px 20px;
  }

  .cart-modal__body {
    padding: 20px;
  }

  .cart-modal__link-container {
    flex-direction: column;
  }

  .cart-modal__copy-btn {
    width: 100%;
  }

  .cart-notification {
    bottom: 10px;
    right: 10px;
    left: 10px;
    max-width: none;
  }
}

/* ===============================================
   End Cart Save and Forward Styles
   =============================================== */

/* ===============================================
   ERP Portal Template Styles
   =============================================== */

.erp-portal-wrapper {
  width: 100%;
  max-width: 100%;
}

.erp-portal-container {
  width: 100%;
  max-width: var(--page-width, 1474px);
  margin: 0 auto;
  padding: 0 var(--container-inline-padding, 22px);
}

.erp-portal-header {
  text-align: center;
  margin-bottom: 20px;
  padding: 20px 0;
}

.erp-portal-title {
  font: var(--theme-heading_3-font);
  letter-spacing: var(--theme-heading_3-letter-spacing);
  margin: 0 0 10px 0;
}

.erp-portal-description {
  font-size: 16px;
  line-height: 1.5;
  color: #666;
  margin: 0;
}

.erp-portal-iframe-wrapper {
  position: relative;
  width: 100%;
  min-height: 80vh;
  background: #f5f5f5;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.erp-portal-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1;
  font-size: 18px;
  color: #666;
}

.erp-portal-iframe {
  width: 100%;
  height: 80vh;
  border: none;
  display: block;
  background: white;
}

.erp-portal-warning {
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 4px;
  padding: 15px;
  margin: 20px 0;
  text-align: center;
}

.erp-portal-warning p {
  margin: 0;
  color: #856404;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .erp-portal-iframe {
    height: 70vh;
  }
  
  .erp-portal-iframe-wrapper {
    min-height: 70vh;
  }
  
  .erp-portal-title {
    font-size: 24px;
  }
  
  .erp-portal-description {
    font-size: 14px;
  }
}

@media screen and (max-width: 480px) {
  .erp-portal-iframe {
    height: 60vh;
  }
  
  .erp-portal-iframe-wrapper {
    min-height: 60vh;
  }
  
  .erp-portal-container {
    padding: 0 15px;
  }
}

/* ===============================================
   End ERP Portal Template Styles
   =============================================== */

/* ===============================================
   Fix ProWear Menu Text - Remove Space
   =============================================== */
/* This CSS targets the ProWear menu item and replaces the text */
/* Note: The proper fix is to update the menu text in Shopify Admin:
   Navigation → Main Menu → Edit "PRO WEAR APPAREL" → Change to "PROWEAR APPAREL" */

/* Target menu links that might contain prowear */
.site-navigation a[href*="prowear"],
.site-navigation summary[data-href*="prowear"],
.site-navigation a[href*="pro-wear"],
.site-navigation summary[data-href*="pro-wear"] {
  visibility: hidden;
  position: relative;
}

.site-navigation a[href*="prowear"]::before,
.site-navigation summary[data-href*="prowear"]::before,
.site-navigation a[href*="pro-wear"]::before,
.site-navigation summary[data-href*="pro-wear"]::before {
  content: "PROWEAR APPAREL";
  visibility: visible;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* Ensure the icon remains visible if there's a dropdown */
.site-navigation summary[data-href*="prowear"] .navmenu-icon,
.site-navigation summary[data-href*="pro-wear"] .navmenu-icon {
  visibility: visible;
}
/* ===============================================
   End ProWear Menu Fix
   =============================================== */

/* ===============================================
   Enhanced Collection Filters
   =============================================== */

/* Active Filter Badge Banner */
.active-filters-banner {
  width: 100%;
  padding: 16px 0;
  margin-bottom: 20px;
}

.active-filters-banner__container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

/* Align Sort By with Active Filters */
.productgrid--wrapper > .productgrid--utils {
  order: -1;
  margin-bottom: 0;
}

.productgrid--wrapper {
  position: relative;
}

.productgrid--utils-container {
  position: absolute;
  top: 16px;
  right: 0;
  z-index: 10;
  width: auto;
  background: transparent;
  padding: 0;
  margin: 0;
}

.productgrid--utils.utils-sortby {
  margin: 0;
}

/* Adjust active filters banner to accommodate sort dropdown */
.active-filters-banner {
  padding-right: 250px;
}

.active-filters-banner__label {
  font-weight: 600;
  font-size: 14px;
  color: #333;
  margin-right: 8px;
}

.active-filters-banner__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
}

.active-filters-banner__item {
  margin: 0;
}

.active-filters-banner__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background-color: #1f265b;
  color: #ffffff;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: background-color 0.2s ease;
}

.active-filters-banner__badge:hover {
  background-color: #0f1538;
  color: #ffffff;
}

.active-filters-banner__tag-text {
  text-transform: uppercase;
}

.active-filters-banner__remove-icon {
  display: inline-flex;
  align-items: center;
  width: 14px;
  height: 14px;
}

.active-filters-banner__remove-icon svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.active-filters-banner__clear-all {
  padding: 8px 16px;
  background-color: #f5f5f5;
  color: #333;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  transition: background-color 0.2s ease;
  margin-left: auto;
}

.active-filters-banner__clear-all:hover {
  background-color: #e0e0e0;
  color: #333;
}

/* Filter dropdown content padding */
.productgrid--sidebar-group.filter-group {
  padding: 16px 0;
}

/* Filter Search Input */
.filter-search-wrapper {
  position: relative;
  margin-bottom: 12px;
  padding: 0 16px;
}

.filter-search-input {
  width: 100%;
  padding: 10px 36px 10px 12px;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  font-size: 14px;
  font-family: var(--body-font-family);
  transition: border-color 0.2s ease;
}

.filter-search-input:focus {
  outline: none;
  border-color: #1f265b;
}

.filter-search-input::placeholder {
  color: #999;
}

.filter-search-icon {
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  pointer-events: none;
  color: #666;
}

.filter-search-icon svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

/* Filter Tag List */
.filter-tag-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.filter-item--hidden {
  display: none !important;
}

/* Fix filter header alignment */
.productgrid--sidebar-button h3.productgrid--sidebar-title {
  margin-top: 0;
  margin-bottom: 0;
}

.productgrid--sidebar-button .productgrid--sidebar-icon-wrapper {
  display: flex;
  align-items: center;
}

/* Add spacing between filter groups */
.productgrid--sidebar-item {
  margin-bottom: 24px;
}

.productgrid--sidebar-item:last-child {
  margin-bottom: 0;
}

/* Remove all underlines/borders from filters */
.productgrid--sidebar-section,
.productgrid--sidebar-item,
.productgrid--sidebar-button,
.productgrid--sidebar-group,
.filter-group {
  border: none !important;
  border-bottom: none !important;
  border-top: none !important;
}

/* Filter divider - 1px line between filter groups */
.filter-divider {
  height: 1px;
  background-color: #e5e5e5;
  margin: 16px 0;
  width: 100%;
}

/* Hide chevron icon from FILTERS heading */
.productgrid--sidebar-button--as-tags .productgrid--sidebar-icon-wrapper {
  display: none !important;
}

/* Show More Button */
.filter-show-more-wrapper {
  padding: 8px 16px;
  margin-top: 8px;
  border-top: 1px solid #e5e5e5;
}

.filter-show-more-btn {
  width: 100%;
  padding: 8px 12px;
  background: transparent;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--body-font-family);
  text-align: center;
}

.filter-show-more-btn:hover {
  background-color: #f5f5f5;
  border-color: #1f265b;
  color: #1f265b;
}

.filter-show-more-btn:focus {
  outline: none;
  border-color: #1f265b;
}

/* Mobile Responsive Styles */
@media only screen and (max-width: 768px) {
  .active-filters-banner {
    padding: 12px 0;
    margin-bottom: 16px;
  }
  
  .active-filters-banner__container {
    gap: 8px;
  }
  
  .active-filters-banner__label {
    font-size: 13px;
    width: 100%;
    margin-bottom: 4px;
  }
  
  .active-filters-banner__badge {
    padding: 6px 10px;
    font-size: 12px;
    gap: 6px;
  }
  
  .active-filters-banner__remove-icon {
    width: 12px;
    height: 12px;
  }
  
  .active-filters-banner__remove-icon svg {
    width: 12px;
    height: 12px;
  }
  
  .active-filters-banner__clear-all {
    padding: 6px 12px;
    font-size: 12px;
    width: 100%;
    text-align: center;
    margin-left: 0;
    margin-top: 8px;
  }
  
  .filter-search-input {
    padding: 8px 32px 8px 10px;
    font-size: 13px;
  }
}

/* Smooth transitions for filter interactions */
[data-filter-link] {
  transition: background-color 0.2s ease, color 0.2s ease;
}

[data-filter-item] {
  transition: opacity 0.2s ease, height 0.2s ease;
}

/* ===============================================
   End Enhanced Collection Filters
   =============================================== */

/* ===============================================
   Sort By Dropdown Z-Index Fix
   =============================================== */
/* Ensure the sort dropdown container has proper z-index */
.productgrid--utils.utils-sortby {
    position: relative;
    z-index: 650 !important;
}

/* Ensure the select wrapper has proper z-index */
.utils-sortby-select--wrapper {
    position: relative;
    z-index: 650 !important;
}

/* Ensure the select dropdown options appear above product grid */
.utils-sortby-select--wrapper .form-field-select {
    position: relative;
    z-index: 650 !important;
}

/* Increase z-index for the entire utils container when sticky */
@media screen and (max-width: 859px) {
    .productgrid--utils.productgrid--utils-sticky {
        z-index: 650 !important;
    }
}

@media screen and (min-width: 860px) {
    .productgrid--utils-container {
        position: relative;
        z-index: 650;
    }
}
/* ===============================================
   End Sort By Dropdown Z-Index Fix
   =============================================== */

/* ===============================================
   Active Filters Left, Sort By Right Layout
   =============================================== */
@media screen and (min-width: 860px) {
    /* Create flex wrapper for the productgrid wrapper */
    .productgrid--wrapper {
        display: flex;
        flex-direction: column;
    }

    /* Create a flex row for active filters and sort utilities */
    .productgrid--wrapper > .active-filters-banner,
    .productgrid--wrapper > .productgrid--utils-sticky-intersection,
    .productgrid--wrapper > .productgrid--utils-container {
        order: 0;
    }

    /* Active filters on the left */
    .active-filters-banner {
        padding-right: 20px !important;
        margin-bottom: 20px !important;
        width: auto;
        flex: 0 1 auto;
        max-width: 65%;
    }

    .active-filters-banner__container {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    /* Wrapper for utilities and filters in same row */
    .productgrid--wrapper {
        position: relative;
    }

    .productgrid--utils-container {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
        margin-bottom: 0;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        padding-top: 16px;
    }

    /* Ensure product grid appears below both elements */
    .productgrid--items {
        margin-top: 20px;
        clear: both;
    }

    /* Allow filter list to wrap if needed */
    .active-filters-banner__list {
        flex-wrap: wrap;
        max-width: calc(100vw - 350px);
    }
}

/* Mobile - keep vertical stacking */
@media screen and (max-width: 859px) {
    .active-filters-banner {
        display: block;
        width: 100%;
        max-width: 100%;
        position: static !important;
    }

    .productgrid--utils-container {
        display: flex;
        width: 100%;
        position: static !important;
    }
}
/* ===============================================
   End Active Filters Left, Sort By Right Layout
   =============================================== */