/** Shopify CDN: Minification failed

Line 1717:27 Unexpected "#"

**/
.drawer__bottom__notes{
  display:none;
}
.cart__drawer .drawer__content{
  top:0px!important;
  background:white!important;
}
.cart__drawer .quantity__button{
      background: #E6E6E6;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    padding: 0!important;
    color: transparent;
}
.cart__drawer .quantity__button svg{
      position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cart__drawer .quantity__input{
      font-weight: bold;
    height: 30px;
    border: 0;
}
.cart__drawer .cart__items__row{
      padding: 20px 0 !important;
    padding-left: 15px !important;
}
.cart__drawer .cart__items__grid{
  border: 0!important;
    padding: 0!important;
    grid-row-gap: 0!important;
}

.cart__drawer .cart__items__title a{
      margin-bottom: 10px !important;
    display: block !important;
}
.cart__drawer .cart__items__title a div{
  margin-bottom:2px !important;
}

.cart__drawer .cart__item__right{
      position: relative;
}
.cart__drawer .cart__items__total{
          display: flex !important;
    position: absolute;
    bottom: 0;
    right: 35px;
    flex-direction: column-reverse;
}
.cart__drawer .cart__items__total del{
  font-size: 14px;
    opacity: .5;
    text-align: right;
}
.cart__drawer .cart__items__total div{
      margin: 0!important;
    font-size: 14px!important;
      text-align: right;
}
.cart__drawer .cart__items__title .copy--medium{
      font-size: 12px!important;
}
.cart__drawer .cart__items__title .copy--medium strong{
  font-size: 12px!important;
}
.cart__drawer .cart__items__meta p{
  font-size: 12px!important;
}
.cart__drawer .quantity__button:hover{
  color:transparent!important;
}
.cart__drawer .cart__message{
      padding: 15px !important;
    background: #ff6800 !important;
    /*display: none;  TEMP HIDE FREE SHIPPING CART MESSAGE */
}
.cart__drawer .cart__message-default, .cart__drawer .cart__message-success{
      text-align: center!important;
    width: 100%!important;
    font-size: 16px!important;
    font-weight: bold!important;
    color: white!important;
}

.cart__drawer .drawer__close{
      background: #e6e6e6!important;
    height: 30px!important;
    width: 30px!important;
    border-radius: 100%!important;
    padding: 0 !important;
    margin: 8px!important;
}
.cart__drawer .drawer__top{
      background: white!important;
}
.cart__drawer .drawer__bottom{
      background: #232323!important;
    color: white!important;
}

.cart__drawer .drawer__bottom .drawer__cart__subtotal{
      margin-bottom: 20px;
}
.cart__drawer .drawer__bottom .drawer__cart__subtotal span{
      font-size: 16px;
    font-weight: bold;
}
.cart__drawer  .drawer__bottom .drawer__bottom__meta{
  display:none;
}
.miniCart__buttonRow{
      display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.cart__drawer  .drawer__bottom form.cart{
  display: block;
    width: calc(50% - 10px);
}
.cart__drawer  .drawer__bottom form.cart button{
      background: #FF6800;
    border: 1px solid #FF6800;
    color: black;
    font-size: 16px;
}
.miniCart__editCart{
  display: flex;
    width: calc(50% - 10px);
    border: 1px solid #FF6800;
}
.miniCart__editCart span{
      margin: auto;
    text-transform: uppercase;
    font-size: 16px;
}
[data-scroll-locked] #reamazejs-container{
  display:none!important;
}

.miniCart__rec{
  background: #E6E6E6;
    margin-top: 20px;
}
.miniCart__recInner{
      padding: 20px;
}
.miniCart__recTitle{
      font-size: 14px;
    font-weight: 700;
}
.miniRecProd{
      background: white;
    padding: 20px;
  margin-top:20px;
}
.miniRecProd__inner{
      display: flex;
    justify-content: space-between;
}
.miniRecProd__imageWrapper{
      width: 70px;
    height: 70px;
}
.miniRecProd__image{
      width: 100%;
    height: 100%;
    object-fit: contain;
}
.miniRecProd__right{
  width: calc(100% - 90px);
}
.miniRecProd__flex{
      display: flex;
    justify-content: space-between;
}
.miniRecProd__textWrapper{
      width: calc(100% - 50px);
}
.miniRecProd__brand{
      font-size: 12px;
    margin-bottom: 5px;
}
.miniRecProd__title{
  font-size: 16px;
    font-weight: 700;
    line-height: 19px;
}
.miniRecProd__link{
      font-size: 12px;
    text-decoration: underline;
}
.miniRecProd__buttonWrapper{
      margin: auto 0;
}
.miniRecProd__addButton{
  padding: 0;
    border: 0;
}
.miniRecProd__addButtonIcon{
      width: 30px;
}
.miniRecProd__price{
  font-weight:700;
}
.cart__drawer .drawer__body div[data-cart-form]{
  background:white;
}
.cart__drawer .drawer__body{
      background: #e6e6e6;
}
.product-add-popdown{
  opacity:0!important;
}

.clyde-box:empty{
   display:none!important;
 }

.product-page .affirm-as-low-as{
  margin-top: 0;
    margin-bottom: 20px;
}

.pdpEDD{
      opacity: .4;
    margin-top: -20px;
    margin-left: 34px;
}
.pdpEDD p{
  margin-top:8px;
}
@media only screen and (max-width:767px){
  .product__headline .affirm-messaging{
    display:none;
  }
  .mobile-title .product__headline .affirm-messaging{
    display:block;
  }
  .mobile-title .pdpEDD{
    display:none;
  }
}


.template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search .cmTemplate_active .cm_vehicle-widget_title h2 {
  font-size: 16px;
}

.template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget_title p {
  display: none;
}

.template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget.cm_vehicle-widget__search {
    border-top: 5px solid #ff6800;
  border-bottom: 1px solid black;
}

.template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget_title  {
  margin: 0 !important;
  padding: 0 15px !important;
  width: 220px;
}

.template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search.cm_vehicle-widget__row .cm_vehicle-widget_dropdowns .cm_vehicle-widget_button__clear {
  position: static;
}

.template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget_dropdowns .cm_vehicle-widget_body {
  width: 100%;
  flex-direction: row;
}

.template-collection .shopify-section .cm_vehicle-widget__search .custom-double-banners .add-border {
  border-bottom: none;
}

  .template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__home .cm_vehicle-widget_select .cm_select_inner-select, .cm_vehicle-widget__search .cm_vehicle-widget_select .cm_select_inner-select::disabled {
  opacity: 1;
}

.template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search .cm_vehicle-widget_button__clear .search-text {
  display: none;
}

.template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__home .cm_vehicle-widget_select-container, .template-collection  .cm_vehicle-widget__search.cm_vehicle-widget__column .cm_vehicle-widget_select-container, .template-collection .cm_vehicle-widget__verify-fitment .cm_vehicle-widget_select-container {
        grid-template-columns: repeat(4, 4fr);
      overflow: hidden;
  }

.template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget_button__clear svg {
  margin: 0 15px !important;
}

.template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search.cm_vehicle-widget__column .cm_vehicle-widget_select:nth-last-child(-n+2) {
        margin-top: 0;
    }

.template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search.cm_vehicle-widget__row .cmTemplate_active {
        padding-bottom: 0;
    }

.template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search .cmTemplate_active, .template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search .cmTemplate_locked {
  justify-content: center;
}

.template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget_button.cm_vehicle-widget_button__go {
  display: flex;
  align-items: center;
  padding: 0 30px !important;
  width: fit-content !important;
}

.template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__column .cm_vehicle-widget_button-container {
  margin: 0 !important;
}

.template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__column .cm_vehicle-widget_dropdowns .cm_vehicle-widget_button-container .cm_vehicle-widget_button span {
  display: none !important;
}

.template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__home .cm_vehicle-widget_select, .cm_vehicle-widget__search .cm_vehicle-widget_select {
  border: none !important;
}

.template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search .cmTemplate_active, .cm_vehicle-widget__search .cmTemplate_locked {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media only screen and (max-width:1050px){
  .template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__home .cm_vehicle-widget_select-container, .template-collection  .cm_vehicle-widget__search.cm_vehicle-widget__column .cm_vehicle-widget_select-container, .template-collection .cm_vehicle-widget__verify-fitment .cm_vehicle-widget_select-container {
        grid-template-columns: repeat(1, 1fr);
      overflow: hidden;
  }

  .template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget_dropdowns .cm_vehicle-widget_body {
    width: unset;
  }
}

@media only screen and (max-width:610px){
  .template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search .cmTemplate_active, .cm_vehicle-widget__search .cmTemplate_locked {
    flex-direction: column;
  }
    
  .template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget_dropdowns .cm_vehicle-widget_body {
    flex-direction: column;
  }
  
    
  
  .template-collection .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search .cmTemplate_active .cm_vehicle-widget_title h2 {
    margin-top: 20px;
  }
}

.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search .cmTemplate_active .cm_vehicle-widget_title h2 {
  font-size: 16px;
}

.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget.cm_vehicle-widget__search {
    border-top: 5px solid #ff6800;
  border-bottom: 1px solid black;
}
.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget_dropdowns .cm_vehicle-widget_title p{
  display:none;
}
.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget_dropdowns .cm_vehicle-widget_title  {
  margin: 0 !important;
  padding: 0px 15px !important;
  width: 220px;
}
.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__query-title  {
  margin: 0 !important;
  padding: 30px 15px !important;
  width: 220px;
}

.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search.cm_vehicle-widget__row .cm_vehicle-widget_dropdowns .cm_vehicle-widget_button__clear {
  position: static;
}

.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget_dropdowns .cm_vehicle-widget_body {
  width: 100%;
  flex-direction: row;
}

.template-search .shopify-section .cm_vehicle-widget__search .custom-double-banners .add-border {
  border-bottom: none;
}

.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__home .cm_vehicle-widget_select .cm_select_inner-select, .cm_vehicle-widget__search .cm_vehicle-widget_select .cm_select_inner-select::disabled {
  opacity: 1;
}

.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search .cm_vehicle-widget_button__clear .search-text {
  display: none;
}

.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__home .cm_vehicle-widget_select-container, .template-search  .cm_vehicle-widget__search.cm_vehicle-widget__column .cm_vehicle-widget_select-container, .template-search .cm_vehicle-widget__verify-fitment .cm_vehicle-widget_select-container {
        grid-template-columns: repeat(4, 4fr);
      overflow: hidden;
  }

.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget_button__clear svg {
  margin: 0 15px !important;
}

.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search.cm_vehicle-widget__column .cm_vehicle-widget_select:nth-last-child(-n+2) {
        margin-top: 0;
    }

.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search.cm_vehicle-widget__row .cmTemplate_active {
        padding-bottom: 0;
    }

.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search .cmTemplate_active, .template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search .cmTemplate_locked {
  justify-content: center;
}

.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget_button.cm_vehicle-widget_button__go {
  display: flex;
  align-items: center;
  padding: 0 30px !important;
  width: fit-content !important;
}

.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__column .cm_vehicle-widget_button-container {
  margin: 0 !important;
}

.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__column .cm_vehicle-widget_dropdowns .cm_vehicle-widget_button-container .cm_vehicle-widget_button span {
  display: none !important;
}

.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__home .cm_vehicle-widget_select, .cm_vehicle-widget__search .cm_vehicle-widget_select {
  border: none !important;
}

.template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search .cmTemplate_active, .cm_vehicle-widget__search .cmTemplate_locked {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media only screen and (max-width:1050px){
  .template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__home .cm_vehicle-widget_select-container, .template-search  .cm_vehicle-widget__search.cm_vehicle-widget__column .cm_vehicle-widget_select-container, .template-search .cm_vehicle-widget__verify-fitment .cm_vehicle-widget_select-container {
        grid-template-columns: repeat(1, 1fr);
      overflow: hidden;
  }

  .template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget_dropdowns .cm_vehicle-widget_body {
    width: unset;
  }
}

@media only screen and (max-width:610px){
  .template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search .cmTemplate_active, .cm_vehicle-widget__search .cmTemplate_locked {
    flex-direction: column;
  }
    
  .template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget_dropdowns .cm_vehicle-widget_body {
    flex-direction: column;
  }
  
    
  
  .template-search .shopify-section .cm_vehicle-widget__search .cm_vehicle-widget__search .cmTemplate_active .cm_vehicle-widget_title h2 {
    margin-top: 20px;
  }
}

@media only screen and (max-width:1050px){
  .template-collection .custom-double-banners .add-border{
    border-bottom:0!important;
  }
  .template-search .custom-double-banners .add-border{
    border-bottom:0!important;
  }
  #cm_vehicle-widget__search .cm_vehicle-widget_dropdowns{
        flex-direction: column!important;
  }
  #cm_vehicle-widget__search .cm_vehicle-widget_dropdowns .cm_vehicle-widget_title{
        background: #FF6800;
    width: 100%!important;
    height: 50px;
    display: flex;
    position: relative;
    cursor:pointer;
  }
  #cm_vehicle-widget__search .cm_vehicle-widget_dropdowns .cm_vehicle-widget_title:after{
        content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxMSIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjMDIwMjAyIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiIGQ9Ik0xNCAzIDguMzc1IDkgMi43NSAzIiBvcGFjaXR5PSIuNyIvPjwvc3ZnPg==);
    position: absolute;
    width: 20px;
    height: 20px;
    filter: invert(1);
    background-repeat: no-repeat;
    background-position: center;
    right: 20px;
    top: calc(50% - 10px);
  }
  #cm_vehicle-widget__search .cm_vehicle-widget_dropdowns .cm_vehicle-widget_title h2{
    margin:auto 0!important;
    margin-bottom:auto!important;
  }
  #cm_vehicle-widget__search .cm_vehicle-widget_dropdowns.openAccordion .cm_vehicle-widget_title{
    background: none;
    border-bottom: 1px solid black;
  }
  #cm_vehicle-widget__search .cm_vehicle-widget_dropdowns.openAccordion .cm_vehicle-widget_title:after{
    filter:invert(0);
  }
  #cm_vehicle-widget__search .cm_vehicle-widget_body{
        flex-direction: column!important;
    width: 100%!important;
  }
  #cm_vehicle-widget__search .cm_select_toggle{
        border-bottom: 1px solid black;
  }
  #cm_vehicle-widget__search .cm_select_toggle .index{
        width: 20px!important;
    height: 20px!important;
    line-height: 20px!important;
    top: calc(50% - 10px)!important;
    font-weight: bold!important;
    font-size: 14px!important;
  }
  #cm_vehicle-widget__search .cm_select_inner-select{
        background-position: calc(100% - 21px) center !important;
  }
  #cm_vehicle-widget__search .cm_vehicle-widget_button-container{
        height: 50px!important;
  }
  #cm_vehicle-widget__search .cm_vehicle-widget__search .cm_vehicle-widget_button.cm_vehicle-widget_button__go{
        padding: 0 !important;
    width: calc(100% - 50px) !important;
    text-align: center !important;
    display: block !important;
    line-height: 50px !important;
  }
  #cm_vehicle-widget__search .cm_vehicle-widget_button__clear{
        width: 50px!important;
  }
  #cm_vehicle-widget__search .cm_vehicle-widget_button__clear-no-results{
        width: max-content !important;
    margin-top: 20px!important;
  }
}

.cm_vehicle-widget__search .cmTemplate_locked{
  padding-bottom:40px!important;
  padding-top:40px!important;
}
.template-search .cm_vehicle-widget__search-container .cmTemplate_locked{
  flex-direction:column!important;
}
.PLPOnPage .cm_vehicle-widget_dropdowns{
  border-top:1px solid black !important;
  border-bottom:1px solid black !important;
}
.PLPOnPage .cm_vehicle-widget_dropdowns .cm_vehicle-widget_select-container{
  border-right:1px solid black !important;
}
.PLPOnPage .cm_vehicle-widget_dropdowns .cm_vehicle-widget_select-container .cm_vehicle-widget_select{
  border-left:1px solid black !important;
}

.custom-double-banners .add-border{
    min-height: 0px !important;
    height: auto;
    border-bottom: 3px solid #ff6800;
}
.custom-double-banners .add-border .brick__section .brick__block{
    height: auto;
  min-height: 0px !important;
  background: black;
}
.custom-double-banners .add-border .brick__section .brick__block .hero__content__wrapper{
      position: initial;
}
.custom-double-banners .add-border .brick__section .brick__block .brick__block__image .image__hero__frame{
  min-height: 0px !important;
}
.custom-double-banners .add-border .brick__section .brick__block .hero__content__wrapper .hero__content{
      padding: 40px 30px;
}
@media only screen and (min-width: 900px){
  .custom-header .header__logo{
          padding-top: 37px;
        padding-bottom: 37px;
  }
  #shopify-section-custom-header{
      --menu-height: 182px!important;
  }
}
@media only screen and (min-width: 900px){
  .template-search .main-content .pt2{
    padding-top: 64px!important;
  }
  .template-search .main-content .pb4{
    padding-bottom:128px!important;
  }
}

.product-page{
      padding-top: 60px;
}
.product-page .product-single .description-width{
      margin-top: 0;
}
.product-page .product-single .description-width .product__title .h3{
      font-size: 24px;
}
.product-page .product-single .description-width .product__price__main .h5{
  font-size: 25px;
}
.product-page .product-single .description-width .compare-at-price{
      font-size: 18px;
    padding-top: 0;
    margin-top: auto;
    padding-left: 10px;
}
.product-page .product-single .description-width .stamped-product-reviews-badge{
      margin-top: auto;
    padding-left: 20px;
}
.product-page .product-single .description-width .affirm-as-low-as{
      margin-top: 10px;
}
.product-page .product-single .description-width .product__submit{
      justify-content: space-between;
    width: 100%;
}
.product-page .product-single .description-width .quantity__wrapper{
      min-width: 104px;
    flex: none;
}
.product-page .product-single .description-width .quantity__wrapper label.btn.btn--text{
      display: none;
}
.product-page .product-single .description-width .product__submit__buttons{
      width: calc(100% - 130px);
    flex: none;
}
.product-page .product-single .description-width .quantity__wrapper .quantity__button{
      filter: saturate(0) brightness(3) invert(1);
}
.product-page .product-benefits .benefit{
      padding: 0;
    background: 0;
}
.product-page .product-benefits .benefit .icon{
      filter: invert(1) brightness(4) saturate(0);
    margin-right: 15px;
}
.product-page .product-contact{
  background: #E6E6E6;
    padding: 30px;
}
.product-page .product-contact .content-container{
      display: flex;
    border: 0;
    padding: 0;
}
.product-page .product-contact .content-container .copy{
      margin-left: 10px;
    margin-top: auto;
    margin-bottom:auto;
}
.product-page .product-contact .button-container{
      margin-top: 20px;
}
.product-page .product-contact .button-container .btn.btn--primary.chat{
    color: #FF6800;
    width: auto;
  padding: 7px 22px;
    background: white;
    padding-top: 9px;
}
.product-page .product-contact .button-container .btn.btn--primary.chat::before{
      background-image: url(/cdn/shop/files/Frame_145.svg?v=1734114818);
    background-size: contain;
    width: 20px;
    height: 20px;
    top: 1px;
    margin-right: 12px;
}
.product-page .product-contact .content-container .h5{
  margin-bottom: 0;
}
.product-page .product-contact .button-container .btn.btn--secondary.callback{
    border: 0;
    box-shadow: none;
    filter: invert(1);
    width: auto;
    margin-left: 15px;
  padding: 7px 22px;
    background: black;
    padding-top: 9px;
}
.product-page .product-contact .button-container .btn.btn--secondary.callback svg{
  margin-right: 10px;
    top: -5px;
}

.product-page .buyers-guide a em{
  color:#50CEFD;
}

@media only screen and (max-width:900px){
  .product-page .product-single .description-width .stamped-product-reviews-badge{
    width:100%;
  }

  .product-page #cm_verify-fitment-new .cm_vehicle-widget__verify-fitment .cm_vehicle-widget_dropdowns{
    width:100%;
  }
  .product-page .product-single .description-width .quantity__wrapper{
    margin:auto 0;
  }
  .product-page .product-contact{
        padding: 20px;
  }
  .product-page .product-contact .content-container{
        display: block;
    line-height: 20px;
  }
  .product-page .product-contact .content-container .h5{
        display: inline;
    font-size: 18px;
    padding-right: 4px;
  }
  .product-page .product-contact .content-container .copy{
        margin: 0;
    display: inline;
  }
  .product-page .product-contact .button-container{
        flex-direction: column;
  }
  .product-page .product-contact .button-container .btn.btn--primary.chat{
        text-align: left;
    display: block;
    margin-right: auto;
    margin-bottom:10px;
  }
  .product-page .product-contact .button-container .btn.btn--secondary.callback{
        margin: 0;
    margin-right: auto;
    margin-top: 10px;
    display: flex;
  }
  .product-page .product-contact .button-container .btn.btn--secondary.callback svg{
        display: block;
  }
  .product-page .product-contact .button-container .btn.btn--primary.chat:before{
    background-image: url(/cdn/shop/files/Frame_145.svg?v=1734114818);
    background-size: contain;
    width: 20px;
    height: 20px;
    top: 6px;
    left:1px;
    margin-right: 12px;
    content: "" !important;
    position: relative;
    display: inline-block !important;
    background-repeat: no-repeat;
  }
}
.product-page .product-contact .button-container .btn.btn--primary.chat, .product-page .product-contact .button-container .btn.btn--secondary.callback{
  transition:all .2s;
  border-bottom:2px solid transparent;
}
.product-page .product-contact .button-container .btn.btn--secondary.callback:hover, .product-page .product-contact .button-container .btn.btn--secondary.callback:hover svg *{
  color:white;
  fill:white;
}
.product-page .product-contact .button-container .btn.btn--primary.chat:hover, .product-page .product-contact .button-container .btn.btn--secondary.callback:hover{
  border:0;
  outline:none;
  box-shadow:none;
  border-bottom:2px solid currentcolor;
}

.product-page .product__headline .affirm-messaging{
      /*border-bottom: 1px solid #e6e6e6;*/
    margin-bottom: 10px;
}
.product-page .product__button--container .quantity__button--minus svg{
  stroke-width:1;
}
.product-page .product-contact .button-container .btn.btn--secondary.callback:before{
      content: "";
    position: relative;
    display: inline-block;
    background-image: ;
    background-repeat: no-repeat;
    background-image: url(/cdn/shop/files/Frame_146.png?v=1736454567);
    background-size: contain;
    width: 20px;
    height: 20px;
    top: 0px;
    margin-right: 12px;
    filter: invert(1);
}
.product-page .product-contact .button-container .btn.btn--secondary.callback svg{
  display:none!important;
}

@media only screen and (max-width:900px){
  .custom-product .product-page{
    padding-top:20px;
  }
  .custom-product .product__price__main .product__price.h5{
    font-size: 30px;
  }
  .custom-product .product__price__main .compare-at-price{
        font-size: 20px;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 10px;
  }
  .custom-section-related .product__grid__info .compare-at{
    margin-left:10px;
  }
  .table--overflow::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .table--overflow::-webkit-scrollbar:horizontal {
      height: 11px;
  }
  .table--overflow::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
  }
  .product-page .product-contact .button-container .btn.btn--primary.chat{
    padding-top:6px!important;
    padding-bottom:9px!important;
  }
}

.media__thumb--vid{
  background:black;
}
.media__thumb--vid > svg.icon{
  right:auto;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}

.smStickyBuy{
  display:none;
}
@media only screen and (max-width:1000px){
  .smStickyBuy{
    display:block;
    position:fixed;
    bottom:0;
    height: 74px;
    left:0;
    background: white;
    width: 100%;
    box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid white;
  }
  .smStickyBuy__inner{
        width: calc(100% - 40px);
    margin: auto;
    padding: 10px 0;
    
        height: 100%;
    display: flex;
    transition:all .2s;
  }
  .smStickyBuy__inner--chatLoaded{
    padding-right: 70px;
  }
  .smStickyBuy__button{
        background: #ff6800;
    width: 100%;
    margin: auto 0;
  }
  .smStickyBuy__button[disabled]{
    background:#999;
  }
  body #richpanel_messenger_iframe{
    z-index:100000000!important;
  }
}

.prodIcons{
      background: white;
    padding-top: 65px;
    border-top: 1px solid rgba(217, 217, 217, 1);
    padding-bottom: 71px;
}
.prodIcons__inner{
      max-width: 1439px;
    margin: auto;
    width: calc(100% - 128px);
}
.prodIcons__flex{
  display: flex;
    justify-content: space-between;
    gap:10px;
}
.prodIcon{
      width: calc((100% - 30px) / 4);
}
.prodIcon__imageWrapper{
      width: 55px;
    height: 55px;
}
.prodIcon__image{
      width: 100%;
    height: 100%;
    object-fit: contain;
}
.prodIcon__lower{
      margin-top: 25px;
}
.prodIcon__title{
      font-size: 16px;
}
.prodIcon__text{
      font-size: 14px;
    margin-top: 8px;
}
.prodVidGallery{
      padding-top: 51px;
    background: linear-gradient(180deg, #000000 0%, #1D1D1D 100%);
    padding-bottom: 89px;
    max-height: 970px;
}
.prodVidGallery__inner{
      max-width: 1439px;
    margin: auto;
    width: calc(100% - 128px);
}
.prodVidGallery__title{
      color: white;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 41px;
    font-size: 24px;
    font-weight: bold;
}
.prodVidGallery__container{
      position: relative;
      z-index: 0;
}
.prodVidGallery__sliderWrapper{
  overflow:hidden;
}
.prodVidGallery__prev{
      position: absolute;
    padding: 0!important;
    top: 50%;
    z-index: 2;
    background: #ff6800;
    width: 48px;
    height: 48px;
    transform: translateY(-50%) rotate(180deg);
    left: -24px;
}
.prodVidGallery__prev svg{
     display: block;
    width: 1.6rem;
    height: 1.6rem;
    margin: auto;
}
.prodVidGallery__next{
      position: absolute;
    padding: 0!important;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    background: #ff6800;
    width: 48px;
    height: 48px;
    right: -24px;
}
.prodVidGallery__next svg{
  display: block;
    width: 1.6rem;
    height: 1.6rem;
    margin: auto;
}
/* .prodVid__clickableContainer{
      height: 0;
    width: 100%;
    padding-top: 150% !important;
    position: relative;
    border: 1px solid rgba(65, 65, 65, 1);
    max-height: 470px;
}  NOTE - HIDING AS PART OF CLS FIX BELOW */


/* NOTE - the following is part of a CLS reduction fix, replacing the original declaration above and removing the top padding hack */
.prodVid__clickableContainer {
    width: 100%;
    position: relative;
    border: 1px solid rgba(65, 65, 65, 1);
    aspect-ratio: 2 / 3;       /* equivalent to your old 150% padding-top */
    max-height: 470px;
    overflow: hidden;           /* prevents content from breaking out when max-height kicks in */
    display: block;             /* explicit block avoids any inline-sizing flash */
    contain: layout size;       /* tells the browser the box size is self-contained — no CLS */
}

.prodVid__placeholderBkg{
      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prodVid__overlay{
      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(0deg, black, transparent, transparent); NOTE: THIS OVERLAY WAS WAY TOO DARK */ 
}
.prodVid__textWrapper{
      padding: 40px 15px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
}
.prodVid__text{
      color: white;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
    white-space: normal;
    min-height:58px;
}
.prodVid__playButtonWrapper{
      position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.prodVid__playButton{
  width: 52px;
    height: 52px;
}
.prodRevsNew{
      padding: 70px 0;
    background: white;
    overflow:hidden;
    position: relative;
    z-index: 0;
}
.prodRevsNew__inner{
  max-width: 1439px;
    margin: auto;
    width: calc(100% - 128px);
}
.prodRevsNew__title{
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 36px;
}
.prodRevsNew__flex{
      display: flex;
    gap: 23px;
    justify-content: space-between;
}
.prodRevNew{
  width: calc((100% - 46px) / 3);
      border: 1px solid rgba(217, 217, 217, 1);
}
.prodRevNew__image{
        width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.prodRevNew__imageWrapper{
      position: relative;
    width: 100%;
    padding-top: 43%;
}
.prodRevNew__starWrapper{
      border-bottom: 1px solid rgba(217, 217, 217, 1);
    padding: 24px 0;
}
.prodRevNew__starFlex{
      display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: auto;
}
.prodRevNew__star{
      width: 18px;
    height: auto;
}
.prodRevNew__bottom{
      padding: 29px;
    padding-top: 27px;
    padding-bottom: 52px;
    text-align: center;
}
.prodRevNew__title{
      font-size: 16px;
    font-weight: bold;
    margin-bottom: 24px;
}
.prodRevNew__text{
      font-size: 14px;
    line-height: 20px;
}
.prodRevNew__name{
      margin-top: 42px;
    display: flex;
    justify-content: center;
}
.prodRevNew__nameText{
      font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    margin-right: 8px;
}
.prodRevNew__verifiedIcon{
      width: 16px;
    height: 16px;
}
.prodExpert{
      position: relative;
    padding-top: 148px;
    padding-bottom: 129px;
}
.prodExpert__backgroundWrapper{
      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
}
.prodExpert__background{
      width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.7;
}
.prodExpert__backgroundWrapper:after{
  content:'';
      width: 100%;
    height: 100%;
    background:linear-gradient(90deg, rgba(0,0,0,0.8), transparent);
    position:absolute;
    top:0;
    left:0;
}
.prodExpert__inner{
      position: relative;
    max-width: 1280px;
    margin: auto;
    width: calc(100% - 128px);
}
.prodExpert__wrapper{
      max-width: 519px;
    width: 100%;
    color: white;
}
.prodExpert__eyebrow{
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}
.prodExpert__quote{
      margin-top: 30px;
    font-style: italic;
    font-size: 16px;
    font-weight: 400;
    line-height: 167%;
}
.prodExpert__expertLockup{
      display: flex;
    margin-top: 40px;
}
.prodExpert__portrait{
      width: 114px;
      height:114px;
      border-radius:100%;
      overflow:hidden;
}
.prodExpert__resume{
      display: flex;
}
.prodExpert__resumeInner{
      margin: auto 0;
    padding-left: 20px;
}
.prodExpert__name{
      font-size: 16px;
    font-weight: bold;
}
.prodExpert__jobTitle{
  margin-top: 5px;
    font-size: 12px;
    font-weight: 400;
}
.prodExpert__experience{
      font-size: 12px;
    font-weight: bold;
}
.prodInfo{
      padding: 70px 0;
    background: white;
}
.prodInfo__inner{
  position: relative;
    max-width: 846px;
    margin: auto;
    width: calc(100% - 128px);
}
.prodInfo__title{
      text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 40px;
    margin: 20px 0;
}
.prodInfo__title h3{
      text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 40px;
    margin: 20px 0;
}
.prodInfo__accordionContainer{
      border-top: 1px solid rgb(217, 217, 217);
}
.prodAccordion{
      border-bottom: 1px solid rgb(217, 217, 217);
}
.prodAccordion__titleButton{
      height: 60px;
    padding: 0 !important;
    width: 100%;
}
.prodAccordion__titleFlex{
      width: 100%;
    display: flex;
    justify-content: space-between;
}
.prodAccordion__title{
      font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    font-size: 16px;
}
.prodAccordion__title h3 {
      font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    font-size: 16px;
    margin: 20px 0;
}
.prodAccordion__plus{
      width: 12px;
    height: 12px;
    position: relative;
    top:4px;
    margin: 20px;
}
.prodAccordion__plusBar{
      background: rgba(255, 93, 0, 1);
    width: 100%;
    height: 3px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}
.prodAccordion__plusBar--rotator{
      transform: translate(-50%, -50%) rotate(90deg);
      transition:all .2s;
}
.prodAccordion__shelfInner{
      padding-bottom: 30px;
}
.prodAccordion--active .prodAccordion__plusBar--rotator{
  transform: translate(-50%, -50%);
}
.prodCustomBuilds{
      background: linear-gradient(180deg, #000, #1d1d1d);
    padding-top: 53px;
    padding-bottom: 87px;
}
.prodCustomBuilds__inner{
      max-width: 1439px;
    margin: auto;
    width: calc(100% - 128px);
    display: flex;
    justify-content: space-between;
}
.prodCustomBuilds__left{
  width: 50%;
}
.prodCustomBuilds__imageWrapper{
      width: 100%;
}
.prodCustomBuilds__image{
      width: 100%;
}
.prodCustomBuilds__right{
      width: calc(50% - 40px);
    max-width: 519px;
    display: flex;
}
.prodCustomBuilds__textWrapper{
      margin: auto 0;
    color: white;
}
.prodCustomBuilds__eyebrow{
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.prodCustomBuilds__text{
      line-height: 167%;
    font-weight: 400;
}
.prodCustomBuilds__linkButton{
      display: block;
    margin-top: 30px;
    border: 1px solid white;
    max-width: max-content;
    padding: 12px 30px;
    min-width: 200px;
    text-align: center;
    transition:all .2s;
    background:black;
}
.prodCustomBuilds__linkButton:hover{
  color:black;
  background:white;
}
.prodInfo--faq{
      border-bottom: 1px solid rgb(217, 217, 217);
}

/* faq update for seo */

.prodInfo--faq h3 {
  margin: 0;
}

.prodInfo--faq .prodAccordion__plus {
  margin: 0 20px;
}

/* end faq update for seo */

.prodInfo__buttonRow{
      margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 9px;
}
.prodInfo__chatButton{
      width: 147px;
    display: flex;
    justify-content: center;
    color: rgba(255, 93, 0, 1);
    border: 1px solid rgba(255, 93, 0, 1);
    background:white;
    height: 42px;
    padding: 0px !important;
    transition:all .2s;
}
.prodInfo__chatButton:hover{
  background: rgba(255, 93, 0, 1);
  color:white;
}
.prodInfo__chatIcon{
      margin: auto 0;
    width: 21px;
    margin-right: 9px;
    transition:all .2s;
}
.prodInfo__chatButton:hover .prodInfo__chatIcon{
  filter:brightness(100);
}
.prodInfo__chatText{
      font-size: 14px;
    font-weight: bold;
    text-transform: none;
    margin: auto 0;
}
.prodInfo__callButton{
      width: 215px;
    display: flex;
    justify-content: center;
    color: black;
    border: 1px solid black;
    height: 42px;
    background:white;
    padding: 0px !important;
    transition:all .2s;
}
.prodInfo__callButton:hover{
  background:black;
  color:white;
}
.prodInfo__callIcon{
    margin: auto 0;
    width: 21px;
    margin-right: 9px;
    transition:all .2s;
}
.prodInfo__callButton:hover .prodInfo__callText{
  filter:brightness(100);
}
.prodInfo__callText{
      font-size: 14px;
    font-weight: bold;
    text-transform: none;
    margin: auto 0;
}
.template-product .custom-section-related{
      padding-top: 30px;
    background: white;
}
.prodGalleryPopup{
      position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    backdrop-filter: blur(2px);
}
.prodGalleryPopup__overlay{
      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .7;
}
.prodGalleryPopup__popup{
      position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 60px);
    max-width: 1250px;
}
.prodGalleryPopup__close{
      padding: 0 !important;
    position: absolute;
    font-size: 30px!important;
    font-weight:500!important;
    color: white;
    top: -40px;
    right: -40px;
}
.prodGalleryPopup__vidBucket{
  width: 100%;
    height: 0;
    padding-top: 56%;
    background: black;
}
.prodGalleryPopup__vidBucket .ssBtnDefault{
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
}
.prodGalleryPopup__vidBucket iframe{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.prodGalleryPopup__vidBucket video{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media only screen and (max-width:800px){
  .prodIcons__flex{
    flex-wrap: wrap;
    gap: 20px;
  }
  .prodIcon{
    width: calc((100% - 20px) / 2);
  }
   /*.prodVid__clickableContainer{
    max-height: 770px;  
    max-width: 502px;
    padding-top: 120% !important;
  } NOTE - CURRENTLY HIDING AGAIN - this makes a weird cropping of the thumbnails on mobile and creates an unnecessary aspect ratio change on mobile which makes setting a max height difficult  
    NOTE - CURRENTLY HIDING AS PART OF CLS FIX in the BELOW declaration */

    .prodVid__clickableContainer {
    max-height: 770px;
    max-width: 502px;
  }

  .prodRevsNew__flex{
    flex-direction: column;
  }
  .prodRevNew{
    width: 100%;
  }
  .prodExpert{
    padding-bottom: 90px;
    padding-top: 90px;
  }
  .prodExpert__background{
    opacity: .4;
  }
  .prodExpert__wrapper{
    max-width: none;
  }
  .prodCustomBuilds__inner{
    flex-direction: column;
  }
  .prodCustomBuilds__left{
        width: 100%;
    margin-bottom: 30px;
  }
  .prodCustomBuilds__right{
        width: 100%;
  }
  .prodRevsNew__inner, .prodIcons__inner, .prodVidGallery__inner, .prodExpert__inner, .prodInfo__inner, .prodCustomBuilds__inner{
      width: calc(100% - 40px);
  }
  .prodInfo__buttonRow{
    flex-direction: column;
  }
  .prodInfo__chatButton, .prodInfo__callButton{
        width: 100%;
  }
}
.prodAccordion__title{
    max-width: calc(100% - 30px);
    text-wrap: auto;
    text-align: left;
}

@media only screen and (max-width:800px){
  .prodVidGallery__inner{
    width: 100%;
  }
  .prodVidGallery__prev{
        left: 15px;
  }
  .prodVidGallery__next{
        right: 15px;
  }
  .prodVid{
    opacity:1;
    transition:all .2s;
  }
  .prodVid.swiper-slide-prev, .prodVid.swiper-slide-next{
    opacity:.5;
  }
}
.prodVidGallery{
      overflow: hidden;
}

.prodInfo .benefit .icon{
      aspect-ratio: 1 / 1;
}
.prodInfo .benefit .icon:before{
    content: "";
    display: block;
    width: 30px !important;
    height: 30px !important;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.prodAccordion__shelfInner h1{
  display:none;
}

/* =========================
   PRODUCT VIDEO MODAL FIX (layout position fix, unrelated to CLS fix)
   ========================= */

.prodGalleryPopup {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100dvh;
  z-index: 10000;
  backdrop-filter: blur(2px);
  display: none;
}

.prodGalleryPopup__overlay {
  position: absolute;
  inset: 0;
  background: black;
  opacity: .7;
}

.prodGalleryPopup__popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 60px);
  max-width: 1250px;
}

/* Close button */
.prodGalleryPopup__close {
  padding: 0 !important;
  position: absolute;
  font-size: 30px !important;
  font-weight: 500 !important;
  color: white;
  top: -40px;
  right: -40px;
  z-index: 2;
}

/* ===== VIDEO CONTAINER (FIXED) ===== */
.prodGalleryPopup__vidBucket {
  position: relative; /* CRITICAL FIX */
  width: 100%;
  height: 0;
  padding-top: 56.25%; /* 16:9 */
  background: black;
  overflow: hidden;
}

/* Target where iframe gets injected */
.prodGalleryPopup__iframeTarget {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* YouTube iframe + uploaded video */
.prodGalleryPopup__vidBucket iframe,
.prodGalleryPopup__vidBucket video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

/* =========================
   MOBILE FIXES
   ========================= */
@media only screen and (max-width: 767px) {

  .prodGalleryPopup {
    height: 100dvh;
  }

  .prodGalleryPopup__popup {
    width: calc(100% - 24px);
    max-width: none;
  }

  .prodGalleryPopup__close {
    top: -34px;
    right: 0;
  }

  .prodGalleryPopup__vidBucket {
    padding-top: 56.25%;
  }
}

.prodAccordion__shelfInner .h1 {
  display: none;
}

.prodAccordion__shelfInner #, .specs-content # {
  margin-bottom: 40px;
}


.prodAccordion__shelfInner {
  padding-top: 20px;
}

.specs-content .h1 {
  display: none;
}

/* ============================================================
   STICKY HEADER CLICK-BLOCKING FIX
   
   The .custom-header shopify section has position:sticky which
   reserves layout space, while the inner .js__header__stuck
   header also becomes position:fixed - causing the outer sticky
   shell to block clicks on content below it.
   
   Fix: make the sticky shell non-interactive outside its actual
   visible content area, and ensure the backfill div matches
   the true rendered header height.
============================================================ */

/* The outer Shopify section shell should never intercept clicks
   outside the visible header area */
#shopify-section-custom-header {
  pointer-events: none;
}

/* Re-enable clicks for everything inside the actual header */
#shopify-section-custom-header * {
  pointer-events: auto;
}

/* When sticky/scrolled, the header wrapper height must match
   only its actual content — no phantom height */
#shopify-section-custom-header .header__wrapper {
  height: fit-content;
}

/* Remove the remaining !important menu-height overrides 
   that are inside the media block — let JS control the value */
@media (max-width: 1299px) {
  #shopify-section-custom-header {
    --menu-height: 145px;
  }
}

@media (max-width: 899px) {
  #shopify-section-custom-header {
    --menu-height: 120px;
  }
}

@media (max-width: 899px) {
  #your-shopping-cart #shopify-section-custom-header {
    --menu-height: 68px;
  }
}

/* ==========================================================================
   PDP MOBILE/TABLET HEADER CLEARANCE FIX
   Ensures product page content clears the sticky header on
   mobile and tablet viewports.

   THIS FIX NEEDED TO BE ADDED TO EACH TEMPLATE TYPE - HENCE THE BELOW CSS
========================================================================== */

@media (max-width: 1299px) {
  .template-product .main-content {
    padding-top: 64px;
  }
}

@media (max-width: 899px) {
  .template-product .main-content {
    padding-top: 70px;
  }
}

@media (max-width: 1299px) {
  .template-collection .main-content {
    padding-top: 62px;
  }
}

@media (max-width: 899px) {
  .template-collection .main-content {
    padding-top: 68px;
  }
}

@media (max-width: 1299px) {
  .template-page .main-content {
    padding-top: 62px;
  }
}

@media (max-width: 899px) {
  .template-page .main-content {
    padding-top: 68px;
  }
}

@media (max-width: 1299px) {
  .template-blog .main-content {
    padding-top: 62px;
  }
}

@media (max-width: 899px) {
  .template-blog .main-content {
    padding-top: 68px;
  }
}

@media (max-width: 1299px) {
  .template-article .main-content {
    padding-top: 62px;
  }
}

@media (max-width: 899px) {
  .template-article .main-content {
    padding-top: 68px;
  }
}

@media (max-width: 1299px) {
  .template-search .main-content {
    padding-top: 62px;
  }
}

@media (max-width: 899px) {
  .template-search .main-content {
    padding-top: 68px;
  }
}

@media (max-width: 1299px) {
  .template-index .main-content {
    padding-top: 62px;
  }
}

@media (max-width: 899px) {
  .template-index .main-content {
    padding-top: 138px;
  }
}

.theme__header {border-bottom: none;}

/* ==============================================================================
   Trust Items Section
   Shopify PDP – Why Shock Surplus
   Home Page Version of Widget "trust-items-home-page-section-wrapper" Overrides
   ============================================================================== */
 
/* --- Section wrapper --- */
.trust-item-section {
  width: 100%;
  background: #d9d9d9;
  background: linear-gradient(180deg,rgba(217, 217, 217, 1) 0%, rgba(255, 255, 255, 1) 100%);
  padding: 40px 0;
}

.trust-items-home-page-section-wrapper .trust-item-section {
  background: #fff;
  padding: 40px 0 20px 0;
}
 
/* --- Column: matches main page content column --- */
.trust-item-column {
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--page-gutter, 20px);
  padding-right: var(--page-gutter, 20px);
  
}

.trust-items-home-page-section-wrapper .trust-item-column {
  padding-left: 0;
  padding-right: 0;
}
 
/* --- Section heading (h2) --- */
.trust-item-section__heading,
.trust-item-column > h2 {
  margin-top: 0;
  margin-bottom: 40px;
  text-align: center;
  /* Inherit your theme's h2 styles — override as needed */
  font-size: 2.3rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #222;
}
 
/* --- Row container --- */
.trust-item-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0; /* use padding on children for gutters so border-box math is clean */
  margin-left: -12px;
  margin-right: -12px;
}

.trust-items-home-page-section-wrapper .trust-item-row {
  margin-left: 0;
  margin-right: 0;
}
 
/* --- Individual trust item --- */
.trust-item-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  padding: 20px 12px 6px 12px;
  box-sizing: border-box;
  background: #fff;
  margin: 0 .5%;
  border-radius: 3px;
 
  /* Desktop: 4 across */
  width: 24%;
}

.trust-items-home-page-section-wrapper .trust-item-wrap {
  padding: 0 12px 20px;
  margin: 0;
  width: 100%;
}
 
/* --- Icon wrapper --- */
.trust-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  /* width: 60px;
  height: 60px; */
  flex-shrink: 0;
  background: #f1f1f1;
  border-radius: 3px;
  flex: 1;
  flex-direction: column;
  aspect-ratio: 1 / 1;
}

.trust-items-home-page-section-wrapper .trust-icon-wrap {
  background: #fff;
  aspect-ratio: auto;
}
 
.trust-icon-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 5px;
  width: 50px;
  height: 50px;
}
 
/* --- Text wrapper --- */
.trust-text-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 3;
  text-align: left;
  padding-left: 10px;
}
 
/* --- Headings inside trust items --- */
.trust-text-wrap h3 {
  margin: 0;
  font-size: 1.6rem;      /* adjust to taste */
  font-weight: 600;
  line-height: 1.3;
  color: #333;
}
 
/* Emphasized span inside h3 */
.trust-text-wrap h3 span {
  color: var(--trust-emphasis-color, #ff6900); /* Shock Surplus orange */
  font-weight: 700;
}
 
.trust-text-wrap h4 {
  margin: 0;
  font-size: 1.3rem;  /* ~13px */
  font-weight: 400;
  line-height: 1.4;
  color: var(--trust-subheading-color, #444);
}
 
/* ============================================================
   Responsive – Mobile - TRUST GRID
   ============================================================ */
 
@media screen and (min-width: 515px) {
  .trust-item-column {
    max-width: var(--page-width, 1439px); /* adjust to your theme's content column variable */
    width: calc(100% - 128px);
  }

  .trust-items-home-page-section-wrapper .trust-item-column {
    max-width: var(--page-width, 1800px); /* adjust to your theme's content column variable */
  }

  
}

@media screen and (min-width: 767px) {
  .trust-items-home-page-section-wrapper .trust-item-section {
    margin: -50px auto -70px auto;
    position: relative;
    z-index: 3;
  }
  .trust-items-home-page-section-wrapper .trust-item-section {
    max-width: var(--page-width, 1800px); /* adjust to your theme's content column variable */
     width: calc(100% - 80px);
     padding: 40px 0 0 0;
  }
}

@media screen and (min-width: 1200px) {
  .trust-items-home-page-section-wrapper .trust-item-wrap {
    width: 25%;
    padding: 0 12px 0;
  }
  .trust-items-home-page-section-wrapper .trust-item-section {
    padding: 20px 0 20px 0;
  }
}

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

  
 
  .trust-item-row {
    /* Keep flex-wrap so items break into rows */
  }
 
  /* Items 1 and 2: full width, stacked */
  .trust-item-wrap--1,
  .trust-item-wrap--2,
  .trust-item-wrap--3,
  .trust-item-wrap--4 {
    width: 100%;
    flex-direction: row;       /* icon left, text right on full-width mobile items */
    align-items: flex-start;
    text-align: left;
    gap: 16px;
    margin-bottom: 10px;
  }
 
  .trust-item-wrap--1 .trust-icon-wrap,
  .trust-item-wrap--2 .trust-icon-wrap {
    margin-bottom: 0;
    flex-shrink: 0;
  }
 
  /* Items 3 and 4: 50% wide, side by side */
  .trust-item-wrap--3,
  .trust-item-wrap--4 {
    /*width: 50%; NOT USING THIS ANYMORE - KEEPING ALL ITEMS 100% ON MOBILE NO SPECIAL TREATMENT FOR THE LAST TWO ITEMS */
  }
 
}
 
/* Tablet / mid-range optional breakpoint (uncomment if needed) */
/*
@media screen and (min-width: 750px) and (max-width: 989px) {
  .trust-item-wrap {
    width: 50%;
  }
}
*/
 
@media screen and (min-width: 750px) and (max-width: 1200px) {
  .trust-item-wrap {
    width: 48%;   /* two per row, accounting for the 1% margins on each side */
    margin-bottom: 10px;
  }
  .trust-items-home-page-section-wrapper .trust-item-wrap {
    width: 48%;
    margin-bottom: 10px;
    padding: 0 12px 10px;
  }
  .trust-icon-wrap img {
    width: 60px;
    height: 60px;
  }
  .trust-text-wrap {
    flex: 5;
    padding-left: 20px;
  }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  END TRUST GRID
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */




.cm_home .banner-filters .hero__content__wrapper {top: 0;} /* FIX ISSUE - no padding below YMMD finder on home page */

/* ==============================================================================
   
    BLOG - PRODUCT CTA - SLIM MINIMAL
   
   ============================================================================== */

/* ===== Shock Surplus Product CTA ===== */
.ss-product-cta {
  display: flex;
  align-items: stretch;
  background: #1f2226;
  /*border-left: 4px solid #ff6900;*/
  overflow: hidden;
  text-decoration: none;
  margin: 3rem 0;
}

.template-article .blog__article .ss-product-cta p {
    margin-bottom: 0;
}

.template-article .rte a.ss-product-cta:not(.btn) {
  text-decoration: none;
}

.ss-product-cta__img-wrap {
  flex: 0 0 220px;
  min-height: 150px;
  overflow: hidden;
  background: #1f2226;
  border: 4px solid #1f2226;
}

.ss-product-cta__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.ss-product-cta:hover .ss-product-cta__img-wrap img {
  transform: scale(1.04);
}

.ss-product-cta__body {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 28px;
  gap: 20px;
}

.ss-product-cta__text {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

/* Optional pre-heading (brand name) */
.ss-product-cta__pre {
  font-size: 11px !important;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ff6900;
  margin: 0;
}

.ss-product-cta__title {
  color: #ffffff;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  margin: 0;
}

/* Optional sub-heading (fitment) */
.ss-product-cta__sub {
  font-size: 13px !important;
  color: #8a9099;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 4px 0 0;
  font-weight: normal;
  text-decoration: none;
}

.ss-product-cta__btn {
  flex-shrink: 0;
  display: inline-block;
  background: #ff6900;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0;
  padding: 13px 22px;
  white-space: nowrap;
  transition: background 0.2s ease;
}

.ss-product-cta__btn i.fa {
  color: #fff;
}

.ss-product-cta__btn:hover {
  background: #e55e00;
  color: #ffffff;
}

/* Mobile */
@media (max-width: 640px) {
  .ss-product-cta {
    flex-direction: column;
  }

  .ss-product-cta__img-wrap {
  flex: 0 0 220px;
  min-height: 150px;
  overflow: hidden;
  background: #1f2226;
  padding: 4px 0 4px 0;
}

  .ss-product-cta__img-wrap {
    flex: none;
    width: 100%;
    height: 200px;
    padding: 4px 4px 0 4px;
  }

  .ss-product-cta__body {
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 20px;
    gap: 14px;
  }

  .ss-product-cta__title {
    font-size: 15px;
  }
}

/* ==============================================================================
       END BLOG - PRODUCT CTA - SLIM MINIMAL
============================================================================== */


/* The following repositions the custom build estimated deliver date div now that the custom build heading text and icon have been removed and that EDD status is being used on more than just custom builds */

.custom-product .stock-info.custom-build,
.custom-product .stock-info.custom-build-01,
.custom-product .stock-info.custom-build-02,
.custom-product .stock-info.custom-build-03,
.custom-product .stock-info.custom-build-04,
.custom-product .stock-info.custom-build-05,
.custom-product .stock-info.custom-build-06,
.custom-product .stock-info.custom-build-07 {
  margin-top: -3rem;
  margin-bottom: 2rem;
}




.smStickyBuy {
  /* display: none; */ /* HIDE STICKY ATC BUTTON IF ISSUES ARE PRESENT */
}


#pdp-product-details p {margin-bottom: 10px;}

#pdp-product-details h3 {margin-top: 30px;}