/** Shopify CDN: Minification failed

Line 6:0 Unexpected "8080"

**/
8080
form.needsclick.klaviyo-form.klaviyo-form-version-cid_1.kl-private-reset-css-Xuajs1{
  padding: 0px !important;
}
.footer__collapsible li{
  margin-bottom: 0px;
}

/*turning the inventory alert thing yellow if it's not in stock*/
li[data-incoming-inventory] .icon--inventory:before, li[data-incoming-inventory] .icon--inventory:after {
  background: red !important;
}

.ct-hidden{
  display:none;
}

a.btn.klaviyo-bis-trigger {
  width: 100% !important;
}


.shopify-policy__container {
  max-width: 65% !important;
  margin: auto;
  padding-top: 40px;
}


/*!
  BWH - 5/25/22
  CSS on account home for tagged customers
*/

.vip-customer-box{
  background:#fafafa;
  padding:20px;
  margin-bottom: 20px;
  display: flex;
  float: left;
  width: 100%;
  border: 1px solid #f2f2f2;
  align-items: center;
  clear: both;
}

.vip-customer-box img{
  vertical-align:text-bottom;
  margin: 0 10px;
  align-items: center;
}

.vip-customer-box-product-drop{
  background:#000000;
  padding:10px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  float: left;
  width: 100%;
  align-items: center;
  clear: both;
  color: #ffffff;
}

.fb-box {
  display: flex;
  flex-direction: row;
}

.fb-box-left {
  width: 80%;
  text-align: left;
  align-items: center;
  margin: 6px;
  padding: 10px
}

.fb-box-right {
  align-items: center;
  margin: 6px;
  padding: 10px
}

.big-text {
  font-weight: 900;
  font-size: 2.25rem;
  line-height: 145%;
}

.account-flex-container {
  display: flex;
  flex-wrap: wrap;
  background-color: #fafafa;
  border: 1px solid #f2f2f2;
  padding: 20px;
  margin-bottom: 20px;
  justify-content: center;
  align-items: center;
}
.account-flex-item-left {
  flex: 75%;
  padding: 5px;
  justify-content: center;
  align-items: center;
}
.account-flex-item-right {
  flex: 25%;
  padding: 5px;
  justify-content: center;
  align-items: center;
} 
/* Responsive layout - makes a one column layout instead of a two-column layout */
@media all and (max-width: 769px) {
  .account-flex-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    background-color: #fafafa;
    border: 1px solid #f2f2f2;
    padding: 20px;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
  }
  .account-flex-item-left {
    padding: 10px;
  }
  .account-flex-item-right {
    padding: 10px;
  }
  .fb-box {
    display: flex;
    flex-direction: column;
  }
}


/*!
  BWH - 5/25/22
  End CSS on account home for tagged csutomers
*/

.grid-product__tag.grid-product__tag--sold-out {
    color: #ffffff;
    background: #b6b6b6;
    padding: 6px;
    font-size:.85em;
}

@media only screen and (min-width:769px){
  .medium-up--three-fifths{width:70%;}
  .medium-up--two-fifths{width:30%;}
}


.jdgm-revs-tab-btn[position=right]{
  transform: rotate(0deg) !important;
}

.grid-product__price.no-price-display {
  display:  none;
}

/*Reader product PDP text block styles*/
.reader-pdp-info {
  font-size: .8em;
}

/* Out Of Stock Image Overlay */
.variant-input {
  position: relative;
}

.out-of-stock-image-overlay {
  position: absolute;
  bottom: 50%;
  color: #ed7006;
  font-size: 8px;
  text-align: center;
  margin: 0 auto;
  width: 90%;
  font-weight: bold;
}

.out-of-stock-image-overlay.hidden {
  display: none!important;
}

.shopify-payment-terms {
  display: inline-block;
}

/*
  Hide add to cart button if its disabled but dont completly hide it.
  JS relies on this button to hide the other payment buttons.
  Display: none will break payment buttons.
*/
.add-to-cart.btn--secondary[disabled] {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: -9999px;
}

a.btn.klaviyo-bis-trigger {
  padding-top: 14px;
  padding-bottom: 14px;
}

/* Hack to enlarge the swatches */
.color-swatch--small{
  width:25px;
  height:25px
}

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

.color-swatch--small{
    width:35px;
    height:35px
}
  }

/* Sport Prescription Collection Styles */

.sport-prescription-options {
  background: #000000;
  padding: 12px;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.sport-prescription-options-head {
  color: #000000;
  font-size: 32px;
  font-weight: bold;
  line-height: 66px;
}

#vip-ambassador-input {
  background: #ffffff;
  color: #999999;
  border: 1px dashed #ED7006;
  padding: 8px;
  margin: 2px;
  font-size: 90%;
}

#vip-copy-button {
  text-align: right;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

#vip-copy-button svg {
  width: 20px;
  vertical-align: text-bottom;
}

/* FAQ Accordion Styles */

#faq-container {
  background: #f4f4f4;
  display: flex;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#faq {
  max-width: 75%;
  margin: auto;
  padding: 0 15px;
  text-align: left;
}

section.faq {
  padding-top: 2em;
  padding-bottom: 3em;
}

#faq .big-copy {
  font-size: 2rem;
  line-height: 1.85rem;
}

#faq ul {
  text-align: left;
}
.transition, p, ul li i:before, ul li i:after {
  transition: all 0.3s;
}

#faq .no-select, #faq h2 {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
}

#faq h1 {
  color: #000;
  margin-bottom: 30px;
  margin-top: 0;
}

#faq h2 {
  color: #ED7006;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-align: left;
  padding: 20px 35px 0 20px;
  text-transform: none;
  display: block;
  margin: 0;
  cursor: pointer;
  transition: .2s;
}

#faq p {
  color: #333;
  text-align: left;
  /* font-family: 'hm_light', sans-serif; */
  font-size: 1.15rem;
  line-height: 1.65rem;
  position: relative;
  overflow: hidden;
  /* max-height: 250px; */
  will-change: max-height;
  contain: layout;
  display: inline-block;
  opacity: 1;
  transform: translate(0, 0);
  margin: 15px 0px;
  padding: 0 65px 0 30px;
  transition: .3s opacity, .6s max-height;
  hyphens: auto;
  z-index: 2;
}

#faq ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
#faq ul li {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
  /*padding-bottom: 4px;*/
  /*padding-top: 18px;*/
  background: #fff;
  box-shadow: 0 3px 10px -2px rgba(0,0,0,0.1);
  -webkit-tap-highlight-color: transparent;
}
#faq ul li + li {
  margin-top: 15px;
}
#faq ul li:last-of-type {
  padding-bottom: 0;
}
#faq ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 28px;
  right: 15px;
}
#faq ul li i:before, ul li i:after {
  content: "";
  position: absolute;
  background-color: #ED7006;
  width: 3px;
  height: 9px;
}
#faq ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
#faq ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
#faq ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  touch-action: manipulation;
}
#faq ul li input[type=checkbox]:checked ~ h2 {
  color: #333333;
}
#faq ul li input[type=checkbox]:checked ~ p {
  /*margin-top: 0;*/
  max-height: 0;
  transition: .3s;
  opacity: 0;
  /*transform: translate(0, 50%);*/
}
#faq ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
#faq ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}
@media all and (max-width: 768px) {
  #faq-container {
    background: #f4f4f4;
    display: flex;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  #faq {
    max-width: 90%;
    margin: auto;
    padding: 0 8px;
    text-align: left;
  }
  #faq h2 {
    color: #ED7006;
    font-size: 1.25rem;
    line-height: 1.75rem;
    text-align: left;
    padding: 20px 55px 0 20px;
    text-transform: none;
    display: block;
    margin: 0;
    cursor: pointer;
    transition: .2s;
  }
  #faq p {
    color: #333;
    text-align: left;
    /* font-family: 'hm_light', sans-serif; */
    font-size: 1.15rem;
    line-height: 1.65rem;
    position: relative;
    overflow: hidden;
    /* max-height: 250px; */
    will-change: max-height;
    contain: layout;
    display: inline-block;
    opacity: 1;
    transform: translate(0, 0);
    margin: 15px 0px;
    padding: 0 30px 0 30px;
    transition: .3s opacity, .6s max-height;
    hyphens: auto;
    z-index: 2;
  }
}

/* End FAQ Accordion Styles */

/* Product Price Customizations - BWH 4/27/23 */
.discount-price-wrapper .money {
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: var(--typeBaseSize);
}
.discount-price-wrapper [data-productprice] {
  color: #4e4e4e;
}
.discount-price-wrapper [data-compareprice] {
  margin-bottom: 0px;
}
.ct-header-wrapper .discount-price-wrapper [data-productprice] {
  display: block;
}
.product-form.discount-notifier {
  font-weight: bold;
  color: #ffffff;
  background: #007ae9;
  /* background: var(--colorBtnPrimary); */
  font-size: .85rem;
  padding: 3px;
  text-align: center;
  margin: 5px;
  border-radius: 5px;
  display: inline;
}
.product-form.pdp-discount-notifier {
  font-weight: bold;
  color: var(--colorBtnPrimary);
  display: block;
  font-size: 1.05rem;
  padding-bottom: 10px;
}
.product-form.ambassador-discount-notifier {
  font-weight: 900;
  color: #ffffff;
  font-size: .85rem;
  background: var(--colorBtnPrimary);
  padding: 5px;
  text-align: center;
  margin: 5px;
  border-radius: 15px;
}
@media all and (max-width: 768px) {
  .product-form.ambassador-discount-notifier {
    font-weight: 900;
    color: #ffffff;
    display: block;
    font-size: .75rem;
    background: var(--colorBtnPrimary);
    padding: 4px;
    max-width: 245px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
/* WARRANTY Accordion Styles */

#warranty-container {
  background: #ffffff;
  display: flex;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#warranty {
  /* max-width: 1000px; */
  margin: auto;
  padding: 0 15px;
  text-align: left;
}

section.warranty {
  padding-top: 2em;
  padding-bottom: 3em;
}

#warranty ul {
  text-align: left;
}
.transition, p, ul li i:before, ul li i:after {
  transition: all 0.3s;
}

#warranty .no-select, #warranty h2 {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
}

#warranty h1 {
  color: #000;
  margin-bottom: 30px;
  margin-top: 0;
}

#warranty h2 {
  color: #ED7006;
  font-size: 125%;
  line-height: 115%;
  text-align: left;
  padding: 20px 15px 0;
  text-transform: none;
  display: block;
  margin: 0;
  cursor: pointer;
  transition: .2s;
  
}

#warranty p {
  color: #333;
  text-align: left;
  /* font-family: 'hm_light', sans-serif; */
  /* font-size: 14px; */
  line-height: 1.75em;
  position: relative;
  overflow: hidden;
  max-height: 250px;
  will-change: max-height;
  contain: layout;
  display: inline-block;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 5px;
  margin-bottom: 15px;
  padding: 0 45px 0 45px;
  transition: .3s opacity, .6s max-height;
  hyphens: auto;
  z-index: 2;
}

#warranty ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
#warranty ul li {
  position: relative;
  overflow: hidden;
  padding: 20px;
  margin: 0;
  /*padding-bottom: 4px;*/
  /*padding-top: 18px;*/
  background: #fff;
  box-shadow: 0 3px 10px -2px rgba(0,0,0,0.1);
  -webkit-tap-highlight-color: transparent;
}
#warranty ul li + li {
  margin-top: 15px;
}
#warranty ul li:last-of-type {
  padding-bottom: 0;
}
#warranty ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 28px;
  right: 15px;
}
#warranty ul li i:before, ul li i:after {
  content: "";
  position: absolute;
  background-color: #ED7006;
  width: 3px;
  height: 9px;
}
#warranty ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
#warranty ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
#warranty ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  touch-action: manipulation;
}
#warranty ul li input[type=checkbox]:checked ~ h2 {
  color: #000;
}
#warranty ul li input[type=checkbox]:checked ~ p {
  /*margin-top: 0;*/
  max-height: 0;
  transition: .3s;
  opacity: 0;
  /*transform: translate(0, 50%);*/
}
#warranty ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
#warranty ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}
.warranty-title {
  font-size: 120%;
  font-weight: bold;
}
/* End WARRANTY Accordion Styles */

/* Start stock theme style adjustments - BWH - 10/23 */
.h5,.h6,h5,h6{
  text-transform:uppercase;
  letter-spacing:0.07em;
  font-size:0.8em;
  margin-bottom:10px
}
.label,label:not(.variant__button-label):not(.text-label){
  text-transform:uppercase;
  letter-spacing:0.07em;
  font-size:0.8em;
  font-weight: bold;
}
[data-type_product_capitalize=true] .grid-product__title{
    text-transform:uppercase;
    font-size:calc(var(--typeBaseSize) - 2px);
    letter-spacing:0.1em
  }

/* Start Activity Tag Cloud Landing Page Elements - BWH - 3/24 */
.activity-tag-cloud-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  background-color: #000000;
  padding: 8rem;
  background-image: url('/cdn/shop/files/landing-page-hero-multisport-cover.jpg?v=1709824204');
  background-size: cover;
  margin-bottom: 2rem;
}
.activity-tag-cloud-list p {
  color: #fff;
  font-size: 4rem;
  margin-bottom: 4rem;
}
.activity-tag-cloud-list-column {
  flex-direction: column;
  width: 100%;
}
.activity-tag-cloud-list-row {
  display: flex;
  flex-basis: auto;
  flex-grow: 1;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  /*justify-content: center;*/
}
.activity-tag-cloud-list-item {
  -webkit-flex: 1 auto;
  flex: 1 auto;
  padding: 0.25rem;
  text-align: center;
}
.activity-tag-cloud-list-item a {
  display: block;
  background-color: #ffffff;
  text-decoration: underline;
  padding: 0.5rem 1rem;
  /*border-radius: 3px; */
  color: #000000;
  font-weight: bold;
}
@media all and (max-width: 768px) {
  .activity-tag-cloud-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  background-color: #000000;
  padding: 7rem;
  background-image: url('/cdn/shop/files/landing-page-hero-multisport-mobile.jpg?v=1709824240');
  background-size: cover;
  margin-bottom: 2rem;
  }
  .activity-tag-cloud-list p {
    color: #fff;
    font-size: 4rem;
    margin-bottom: 4rem;
  }
  .activity-tag-cloud-list-column {
    flex-direction: column;
    width: 100%;
  }
  .activity-tag-cloud-list-row {
    display: flex;
    flex-basis: auto;
    flex-grow: 1;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    /*justify-content: center;*/
  }
  .activity-tag-cloud-list-item {
    -webkit-flex: 1 auto;
    flex: 1 auto;
    padding: 0.25rem;
    text-align: center;
  }
  .activity-tag-cloud-list-item a {
    display: block;
    background-color: #ffffff;
    text-decoration: underline;
    padding: 0.5rem 1rem;
    /*border-radius: 3px; */
    color: #000000;
    font-weight: bold;
  }
}
/* End Activity Cloud Landing Page Elements - BWH - 3/24 */

/* Start Outlet Product Filter Elements - BWH - 3/24 */
.outlet-filter-row {
  display: flex;
}
.outlet-filter-callout-row {
  margin-top: 20px;
  border-left: 10px solid #ED7006;
  background-color: #f1f1f1;
  padding: 10px;
  letter-spacing: 0.02rem;
  font-size: 1.25em;
  line-height: 1.95em;
}
.outlet-wrapper {
  display: flex;
  flex-direction: row;
  margin: auto;
}
.outlet-container-col {
  flex: 1;
  padding: 20px;
  font-size: 1.25rem;
  line-height: 1.95rem;
}
.outlet-container-left-column {
  justify-content: center;
  align-content: center;
  width: 120px;
  padding: 5px;
}
@media (max-width: 768px) {
  .outlet-filter-row {
    display: flex;
  }
  .outlet-filter-callout-row {
    margin-top: 20px;
    border-left: 6px solid #ED7006;
    background-color: #efefef;
    padding: 10px;
    width: 100%;
  }
  .outlet-wrapper {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .outlet-container-col {
    flex: 1;
    padding: 10px;
    font-size: 1.15rem;
    line-height: 1.55rem;
    text-align: center;
  }
  .outlet-container-left-column {
    max-width: 100%;
    text-align: center;
  }
}

/* end Outlet Product Filter Elements - BWH - 3/24 */

/* Start New Customer Orange Box Offer Elements - BWH - 3/24 */
.new-cust-offer {
  display: inline-flex;
  flex-grow: 1;
  max-width: 1000px;
  padding: 20px;
  justify-content: center;
  border-radius: 10px;
  background-color: #ed7006;
}
.new-cust-offer-row {
  display: flex;
  flex-direction: row;
  padding: 0px;
  width: 100%;
  color: #ffffff;
}
.new-cust-offer-column1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 45%;
  padding: 10px;
  text-align: center;
}
.new-cust-offer-column2 {
  display: flex;
  flex-direction: column;
  width: 55%;
  padding: 10px;
  text-align: center;
}
@media all and (max-width: 768px) {
	.new-cust-offer {
	  display: inline-flex;
	  flex-grow: 1;
	  max-width: 1000px;
	  padding: 0px;
	  justify-content: center;
	  border-radius: 10px;
	  background-color: #ed7006;
	}
	.new-cust-offer-row {
	  display: flex;
	  flex-direction: row;
	  padding: 0px;
	  width: 100%;
      flex-direction: column;
      color: #ffffff;
	}
	.new-cust-offer-column1 {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  width: 100%;
	  padding: 10px;
	  text-align: center;
	}
	.new-cust-offer-column2 {
	  display: flex;
	  flex-direction: column;
	  width: 100%;
	  padding: 10px;
	}
}
/* End New Customer Orange Box Offer Elements - BWH - 3/24 */

/* Pre-order notification box on PDP for Kelion Team Zoot */

.pre-order-box {
  padding: 10px;
  background-color: #efefef;
}
.pre-order-box h4 {
  color: #ed7006;
  font-weight: bold;
}
/* Override button CSS to add margin to top & bottom - BWH - 3/24 */
.btn--full {
  margin: 4px 0px 4px 0px;
}
/* END Override button CSS to add margin to top & bottom - BWH - 3/24 */

/* Start Assertion Bundle CSS Edits - BWH - 4/24 */

#ast-bundle-container {
/* border: 1px solid #000000; */
  background-color: #f1f1f1;
  padding: 20px;
}
#wing-bundle-image {
  background-color: #f1f1f1;
}
.ast-bundle {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 10px;
  margin-top: 5px;
  text-align: left;
  width: 100%;
}
.ast-bundle img {
  border: 1px solid #cccccc;
}
.ast-bundle-title {
  display: none;
}
.ast-field {
  border: 1px solid #808080;
  background-color: #ffffff;
  font-size: 85%;
}
.ast-bundle-fine-print {
  font-size: 85%;
  padding: 10px;
  text-align: center;
}
.ast-bundle-fine-print-emphasized {
  background: #fff4e7;
  font-size: .85rem;
  line-height: 1.45rem;
  padding: 10px;
  text-align: center;
}
.ast-bundle-header {
  margin-top: 20px;
  text-align: center;
  font-size: 1.25rem;
  margin-bottom: 5px;
}
@media all and (max-width: 768px) {
  #wing-bundle-image {
    background-color: #f1f1f1;
    margin-top: 26px;
  }
}
/* End Assertion Bundle CSS Edits - BWH - 4/24 */

/* Start Wingdream PDP CSS */

.landing-box {
  display: flex;
  align-content: center;
  justify-content: center;
}
.landing-box-wingdream {
  display: flex;
  align-content: center;
  justify-content: center;
  background: #f1f1f1;
  padding: 6px;
}

.landing-box-wingdream-copy {
  font-size: .95rem;
  font-weight: bold;
}

/* End Wingdream PDP CSS */


/* Begin Simple Accordian CSS (on customer discount page) */

  .so-tab {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 25px 0;
  }
  .so-tab label {
    position: relative;
    display: block;
    padding: 0 25px 0 0;
    margin-bottom: 15px;
    line-height: normal;
    cursor: pointer;
  }
  .so-tab input {
    position: absolute;
    opacity: 0;
    z-index: -1;
  }
  .so-tab-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s;
  }
  /* :checked */
  .so-tab input:checked ~ .so-tab-content {
    max-height: none;
  }
  /* Icon */
  .so-tab label::after {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
  }
  .so-tab input[type=checkbox] + label::after {
    content: "+";
  }
  .so-tab input[type=radio] + label::after {
    content: "\25BC";
  }
  .so-tab input[type=checkbox]:checked + label::after {
    transform: rotate(315deg);
  }
  .so-tab input[type=radio]:checked + label::after {
    transform: rotateX(180deg);
  }

/* End Simple Accordian CSS */

/* Start MTB Activity Page CSS */

.mtb-container {
  display: flex;
  flex-direction: row;
  margin: 20px;
  background: #efefef;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03);
  border-radius: 4px;
  overflow: hidden;
}
.mtb-text-column {
  display: flex;
  flex: 1;
  flex-direction: column;
  max-width: 75%;
  padding: 50px;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-style: italic;
}
.mtb-image-column img {
  display: block;
  padding: 20px;
  width: 300px;
}
.mtb-attr {
  padding-bottom: 1em;
  text-align: right;
}
@media all and (max-width: 768px) {
  .mtb-container {
  display: flex;
  flex-direction: column;
  margin: 20px;
  background: #efefef;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03);
  border-radius: 4px;
  overflow: hidden;
  }
  .mtb-text-column {
  display: flex;
  flex: 1;
  flex-direction: column;
  max-width: 100%;
  padding: 20px;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-style: italic;
  }
  .mtb-image-column img {
    display: block;
    padding: 20px;
    width: 100%;
  }
  .mtb-attr {
    padding-bottom: 1em;
    text-align: right;
  }
}
/* End MTB Activity Page CSS */

/* Start Life Time Grand Prix Landing Page CSS */
/* https://www.rudyprojectna.com/pages/rudy-project-life-time-grand-prix-partnership */

.quote-master-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
}
.quote-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  background-image: url("/cdn/shop/files/quotes-background.jpg?v=1739218240");
  width: 900px;
}
.quote-image {
  display: flex;
  justify-content: center;
}
.quote-container {
  font-size: 1.45rem;
  line-height: 1.85rem;
  padding: 20px 140px;
  font-style: italic;
}
.quote-right {
  text-align: center;
  font-style: normal;
}
.ltgpx-coupon-photo-box {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ltgpx-coupon-text {
  display: flex;
  flex-direction: column;
  padding: 40px;
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-top: 30px;
}
.ltgpx-body-copy {
  font-size: 1.25rem;
  line-height: 1.85rem;
}
.ltgpx-header-container {
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  padding-top: 20px;
}
.ltgpx-text-container {
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  padding: 10px;
}
.ltgpx-tagline {
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: 900;
}
.ltgpx-large-copy {
  font-size: 3.85rem;
  font-weight: 900;
  text-align: center;
  line-height: 3.65rem;
}
.ltgpx-prize-wrapper {
  display: block;
  text-align: center;
  padding: 60px 80px;
  background: #000000;
  color: #ffffff;
  max-width: 600px;
}
.ltgpx-prize-large {
  font-size: 3.25rem;
  font-weight: 900;
}
.ltgpx-prize-prizes {
  font-size: 2rem;
  line-height: 2.45rem;
}
.ltgpx-prize-body {
  font-size: 1.5rem;
  line-height: 2rem;
  display: flex;
  justify-items: center;
  align-items: center;
  flex-direction: column;
}
.ltgpx-klaviyo-wrapper {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  padding: 20px;
  max-width: 800px;
}
.ltgpx-small-text {
  font-size: 0.85rem;
  padding-top: 10px;
  padding-left: 10px;
}
.event-list-flex-container {
  display: flex;
  flex-direction: column;
  padding: 30px;
  background: #efefef;
}
.event-list-headers {
  font-size: 2rem;
  line-height: 2.25rem;
  font-weight: bolder;
}
.event-list-body {
  font-size: 1.15rem;
  line-height: 1.75rem;
  padding-left: 40px;
  padding-bottom: 40px;
}
.event-list-large-copy {
  font-size: 2.85rem;
  font-weight: 900;
  text-align: center;
  line-height: 2.65rem;
}
@media all and (max-width: 768px) {
  .quote-master-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
  }
  .quote-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    background-image: url("/cdn/shop/files/quotes-background.jpg?v=1739218240");
    max-width: 900px;
  }
  .quote-image {
    display: flex;
    justify-content: center;
  }
  .quote-container {
    font-size: 1.45rem;
    line-height: 1.85rem;
    padding: 30px;
    font-style: italic;
  }
  .quote-right {
    text-align: center;
    font-style: normal;
  }
  .ltgpx-coupon-photo-box {
    display: none;
  }
  .ltgpx-coupon-text {
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    line-height: 2.15rem;
    margin-top: 20px;
  }
  .ltgpx-tagline {
    font-size: 2rem;
    line-height: 2.25rem;
    text-transform: uppercase;
    font-weight: 900;
  }
  .ltgpx-large-copy {
    font-size: 3.25rem;
    font-weight: 900;
    text-align: center;
    line-height: 3.65rem;
  }
  .ltgpx-body-copy {
    font-size: 1.25rem;
    line-height: 1.85rem;
  }
  .ltgpx-header-container {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
    padding-top: 30px;
  }
  .ltgpx-text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    padding: 10px;
  }
  .ltgpx-klaviyo-wrapper {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    padding: 5px;
  }
  .ltgpx-prize-wrapper {
    display: block;
    padding: 40px;
    background: #000000;
    color: #ffffff;
    text-align: center;
    width: 100%;
  }
  .ltgpx-prize-large {
    font-size: 3rem;
    font-weight: 900;
  }
  .ltgpx-prize-prizes {
    font-size: 2rem;
    line-height: 2.25rem;
  }
  .ltgpx-prize-body {
    display: flex;
    justify-items: center;
    align-items: center;
    font-size: 1.25rem;
    line-height: 2rem;
  }
  .event-list-flex-container {
    display: flex;
    flex-direction: column;
    padding: 15px;
    background: #efefef;
  }
  .event-list-headers {
    font-size: 2rem;
    line-height: 2.25rem;
    font-weight: bolder;
  }
  .event-list-body {
    padding-left: 0px;
    padding-bottom: 20px;
  }
  .event-list-large-copy {
    font-size: 2.85rem;
    font-weight: 900;
    text-align: center;
    line-height: 2.65rem;
  }
}
/* End Life Time Grand Prix Landing Page CSS */
/* Start PDP Ambassador ToolTip CSS on the PDP */
.amb-tooltip {
  position: relative;
  display: inline-block;
  font-size: .85rem;
}

.amb-tooltip .amb-tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: black;
  color: #fff;
  text-align: center;
  /* border-radius: 6px; */
  font-size: .75rem;
  padding: 10px;
  margin: 5px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1000;
}

.amb-tooltip:hover .amb-tooltiptext {
  visibility: visible;
}
.ct-zippay-desktop {
  margin: 0 0 5px;
}
/* End PDP Ambassador ToolTip CSS on the PDP */

/* USAT Collection Page FAQ Accordion Styles */

#usat-faq-container {
  background: #f4f4f4;
  display: flex;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#usat-faq {
  max-width: 75%;
  margin: auto;
  padding: 0 15px;
  text-align: left;
}

section.faq {
  padding-top: 2em;
  padding-bottom: 3em;
}

#usat-faq .big-copy {
  color: #000000;
  font-size: 1.5rem;
  line-height: 1.85rem;
  text-align: left;
  padding: 20px 15px 0;
  text-transform: none;
  display: block;
  margin: 0;
  cursor: pointer;
  transition: .2s;
}

#usat-faq ul {
  text-align: left;
}
.transition, p, ul li i:before, ul li i:after {
  transition: all 0.3s;
}

#usat-faq .no-select, #usat-faq h2 {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
}

#usat-faq h1 {
  color: #000;
  margin-bottom: 5px;
  margin-top: 0;
}

#usat-faq h2 {
  color: #ED7006;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-align: left;
  padding: 20px 15px 0;
  text-transform: none;
  display: block;
  margin: 0;
  cursor: pointer;
  transition: .2s;
  
}

#usat-faq p {
  color: #333;
  text-align: left;
  /* font-family: 'hm_light', sans-serif; */
  font-size: 1.15rem;
  line-height: 2rem;
  position: relative;
  overflow: hidden;
  will-change: max-height;
  contain: layout;
  display: inline-block;
  opacity: 1;
  transform: translate(0, 0);
  margin: 15px 0px;
  padding: 0px 50px 0px 50px;
  transition: .3s opacity, .6s max-height;
  hyphens: auto;
  z-index: 2;
}

#usat-faq ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
#usat-faq ul li {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
  /*padding-bottom: 4px;*/
  /*padding-top: 18px;*/
  background: #fff;
  box-shadow: 0 3px 10px -2px rgba(0,0,0,0.1);
  -webkit-tap-highlight-color: transparent;
}
#usat-faq ul li + li {
  margin-top: 15px;
}
#usat-faq ul li:last-of-type {
  padding-bottom: 0;
}
#usat-faq ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 28px;
  right: 15px;
}
#usat-faq ul li i:before, ul li i:after {
  content: "";
  position: absolute;
  background-color: #ED7006;
  width: 3px;
  height: 9px;
}
#usat-faq ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
#usat-faq ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
#usat-faq ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  touch-action: manipulation;
}
#usat-faq ul li input[type=checkbox]:checked ~ h2 {
  color: #333333;
}
#usat-faq ul li input[type=checkbox]:checked ~ p {
  /*margin-top: 0;*/
  max-height: 0;
  transition: .3s;
  opacity: 0;
  /*transform: translate(0, 50%);*/
}
#usat-faq ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
#usat-faq ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}
/* End USAT Collection Page FAQ Accordion Styles */

/* Start Sunglass PDP Size Container Styles */
.size-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: #efefef;
  padding: 20px;
}
.size-container-white {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.size-container-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding: 10px;
}
.size-container-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  padding: 10px;
  font-size: 1.25rem;
  line-height: 1.65rem;
  justify-content: center;
  align-items: center;
}
.smaller {
  font-size: .95rem;
  line-height: 1.2rem;
  font-style: italic;
}
.eyewear-fit {
  display: flex;
  flex-direction: row;
  padding: 10px;
}
.size-container h2 {
  /* color: #cf2e26; */
  color: #ed7006;
}
@media all and (max-width: 768px) {
  .size-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .size-container-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding: 5px;
  }
  .size-container-column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    padding: 5px;
    justify-items: center;
    align-items: center;
  }
}

/* Start Collections List Container Styles */
.sale-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  /* background-image: url("/cdn/shop/files/sale-background_copy.webp?v=1749745164"); */
  background: #b31942;
  background-size: cover;
  background-repeat: none;
  padding: 10px;
}
.sale-copy {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 4rem;
  font-weight: 900;
  line-height: 4.25rem;
  color: #ffffff;
}
/* End Collections List Container Styles */

/* Rx Shield Section Container Styles */
.rx-shield-div {
  margin-top: 10px;
  margin-bottom: 10px;
  background: #f1f1f1;
}
.rx-shield-div-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  align-content: center;
  align-items: center;
}
.rx-shield-div-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}
.rx-shield-div-column-text {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  padding: 40px;
}
.rx-shield-div-center {
  max-width: 450px;
  text-align: center;
}
.rx-shield-div-medium-copy {
  font-size: 1.95rem;
  line-height: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .rx-shield-div {
    margin-top: 15px;
    margin-bottom: 100px;
  }
  .rx-shield-div-row {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
  }
  .rx-shield-div-column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
  }
}
/* Lens Technology Page Styles */
.lens-container-wrapper {
  padding: 40px 15px;
  background: #f1f1f1;
}
.lens-copy-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin-bottom: 40px;
}
.lens-copy-button-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  margin-bottom: 40px;
  background: #2E2E2E;
}
.lens-copy-button-container .btn {
  background: #cccccc;
  color: #000000;
}
.lens-intro {
  height: 95px;
  padding: 0px 40px;
}
.rte>div {
  margin-bottom: 0px;
}
@media only screen and (max-width: 768px) {
  .lens-intro {
    padding:4px;
  }
}
/* Lens Collection Page Styles */
.lens-collection-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.lens-collection-text-column {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px;
  font-size: 1.25rem;
  line-height: 2rem;
}
.lens-collection-image-column {
  flex-direction: row;
  width: 500px;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .lens-collection-container {
    flex-direction: column-reverse;
  }
  .lens-collection-image-column {
    width: 100%;
  }
}
/* NEW AMBASSADOR LANDING PAGE - COMPONENT STYLES */
/* COMPONENT STYLES */
.amb-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
:root {
  --check-color: #28a745; /* ✅ Default checkmark color */
  --check-hover-color: #ed7006; /* 💡 Color on hover */
}
.success-checklist {
  display: flex;
  flex-direction: column;
  gap: 12px; /* space between rows */
  max-width: 500px;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.success-checklist .item {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer; /* make it feel interactive */
  transition: color 0.3s ease;
}

/* Icon as CSS background, using variable color */
.success-checklist .icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-color: var(--check-color);
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 0a12 12 0 1 0 12 12A12.013 12.013 0 0 0 12 0Zm-1.2 17.6-5.4-5.4 1.68-1.68 3.72 3.72 6.72-6.72 1.68 1.68Z'/></svg>") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 0a12 12 0 1 0 12 12A12.013 12.013 0 0 0 12 0Zm-1.2 17.6-5.4-5.4 1.68-1.68 3.72 3.72 6.72-6.72 1.68 1.68Z'/></svg>") no-repeat center / contain;
  transition: background-color 0.3s ease;
}

.success-checklist .text {
  font-size: 1.15rem;
  font-size: 1.15rem;
  font-weight: bold;
}
/* Bounce animation keyframes */
@keyframes pop {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.2); }
  70%  { transform: scale(0.95); }
  100% { transform: scale(1); }
}

/* Hover effect */
.success-checklist .item:hover .icon {
  background-color: var(--check-hover-color);
  animation: pop 0.25s ease forwards;
}
.success-checklist .item:hover .text {
  color: var(--check-hover-color);
}

/* Mobile: stack vertically & center */
@media (max-width: 480px) {
  .success-checklist .item {
    flex-direction: row;
    align-items: center;
    text-align: center;
    gap: 6px;
  }
}

.rp-amb-layout {
  display: flex;
  width: 100%;
  align-items: stretch; /* equal heights */
  gap: 10px;
}

.rp-amb-column {
  flex: 1 1 33.33%;
  box-sizing: border-box;
  padding: 10px;
  display: flex;
  flex-direction: column;
}

/* Image columns */
.rp-amb-left-column img,
.rp-amb-right-column img {
  flex: 1; /* fill height */
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

/* Middle column text centering */
.rp-amb-middle-column {
  justify-content: center;
}

/* Middle column image margin */
.rp-amb-middle-column img {
  margin-bottom: 20px;
}

/* Middle column image margin */
.rp-amb-text {
  font-size: 3rem;
  font-style: italic;
  font-weight: bold;
  padding-bottom: 10px;
}

/* Mobile: hide left image, stack text on top of right image */
@media (max-width: 768px) {
  .rp-amb-layout {
    flex-direction: column;
  }

  .rp-amb-left-column {
    display: none;
  }

  .rp-amb-middle-column {
    order: 1;
  }

  .rp-amb-right-column {
    order: 2;
    height: auto;
  }
}