/** Shopify CDN: Minification failed

Line 2805:8 Unexpected "2.2"

**/
@font-face {
  font-family: 'Gilroy-Regular';
  src: url('https://cdn.shopify.com/s/files/1/0939/6276/files/Gilroy-Regular.woff2?v=1730196900') format('woff2'),
       url('https://cdn.shopify.com/s/files/1/0939/6276/files/Gilroy-Regular.woff?v=1730196900') format('woff');
}
@font-face {
 font-family: 'Gilroy-Bold';
  src: url('https://cdn.shopify.com/s/files/1/0939/6276/files/Gilroy-Bold.woff?v=1730197473') format('woff'),    
}
@font-face {
font-family: 'GT-America-Trialr';
  src: url('https://cdn.shopify.com/s/files/1/0939/6276/files/GT-America-Standard-Regular-Trial.otf?v=1730969312');
} 
body.catalyst_case .product-gallery__media-list-wrapper {
    display: none;
}
/* .main-breadcrumbs-container {
    display: none !Important;
} */
.img_container {
    display: none;
}
/* body.catalyst_case .catalyst_case .scroll-shadow.product-gallery__thumbnail-list-wrapper {
    display: none;
} */
.icon_slider_spacing.dynamic_slider_two.slick-initialized.slick-slider {
    display: none;
}
body.catalyst_case\ iphone-waterproof-case-total-protection p {
  font-family: 'GT-America-Trialr';
}
body.catalyst_case scroll-shadow.product-gallery__thumbnail-list-wrapper {
    display: none;
}
section.trusted-by-container {
    width: 100%;
    max-width: 1920px;
    padding: 60px 50px 0px 50px;
  margin: 0px auto;
}
section.faq_container.benefits .container {
  width: 100%;
    max-width: 1920px;
    padding: 70px 50px 70px 50px;
  margin: 0px auto;
   background: #F5F8F8;
}
.total_protection_spacing {
    width: 100%;
    max-width: 1920px;
    padding: 60px 50px 60px 50px;
      background: #F5F8F8;
    margin: 0px auto;
}
.video-header h2 {
    font-size: 50px;
     font-family: 'Gilroy-Bold';
    line-height: 60px;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
}
.top_txt h3 {
    font-family: Gilroy-Bold;
    font-size: 25px;
    font-weight: 800;
    line-height: 30px;
    text-align: left;
    text-transform: uppercase;
}
.txt--container {
    background: #f5f8f8;
    padding: 20px 20px 30px;
    border-radius: 0 0 16px 16px;
}
.trusted-by-spacing .top_txt p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    padding-top: 10px;
    color: #333;
}
.trusted-by-spacing .trusted-by-vid {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding-top: 50px;
}
.trusted-by-spacing .bottom_txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding-top: 20px;
}

.bottom_txt .author {
    display: flex;
    justify-content: normal;
    align-items: center;
    gap: 16px;
}
.bottom_txt .author img {
    width: 100%;
    max-width: 44px;
    height: 44px;
    object-fit: contain;
}
.bottom_txt .author span {
   font-family: 'Gilroy-Bold';
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    text-align: left;
    display: block;
    text-transform: uppercase;
}
.rating img {
    width: 100%;
    max-width: 100px;
    height: 40px;
    object-fit: contain;
}
.video-container .video-content {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.icon_slider_spacing .icon_block.slick-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 0 20px;
}

.icon_slider_spacing .icon_block  img {
    width: 100%;
    max-width: 80px;
    height: 100px;
    object-fit: contain;
}
.icon_slider_container.dynamic_container_first {
    background: linear-gradient(268.95deg, #0078AD 23.38%, #1692C9 78.06%);
    width: 100%;
    max-width: 1920px;
    padding: 30px 0px;
  margin-top: 60px;
}
.icon_slider_spacing .icon_block p {
    font-size: 16px;
    line-height: 23px;
    text-align: left;
    color: #fff;
}
.total_protection_spacing .heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.total_protection_spacing h2 {
    width: 50%;
    font-size: 46px;
    font-family: Gilroy-Bold;
    line-height: 50px;
    text-align: left;
    text-transform: uppercase;
    color: #333;
 max-width: 500px;
}

  .total_protection_spacing p {
    width: 50%;
    font-weight: 400;
    font-size: 18px;
    color: #333;
    line-height: 24px;
}
.total_protection_spacing .img_center {
    display: flex;
    gap: 25px;
    padding-top: 50px;
}
.img_center_block img {
    border-radius: 20px;
    width: 100%;
}
body.catalyst_case .section.section--tight.section-blends.section-full {
    width: 100%;
    max-width: 1920px;
    padding: 0px 0px 0 45px;
    background-color: #fff !important;
  margin: 0px auto;
}
body.catalyst_case .section.section--tight product-gallery.product-gallery.product-gallery--desktop-grid.product-gallery--mobile-expanded {
    background-color: #fff;
    padding: 60px;
    border-radius: 24px;
    margin-top: 60px;
}
body.catalyst_case .section.section--tight safe-sticky.product-info {
    background-color: #fff;
    padding: 80px 90px 40px 40px;
}
body.catalyst_case .rating_img img {
    width: 100%;
    max-width: 153px;
    object-fit: contain;
    padding: 8px 0px;
}
body.catalyst_case .section.section--tight .rating_custom span.span_cls {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #333;
    font-size: 20px;
    font-family: 'GT-America-Trialr';
}
body.catalyst_case .section.section--tight safe-sticky.product-info .rating-with-text .text-lg {
    font-size: 40px;
    font-family: 'Gilroy-Bold';
    color: #333;
}
body.catalyst_case .section.section--tight .rating-with-text compare-at-price.text-subdued.line-through {
    font-size: 26px;
    color: #999;
    font-family: 'Gilroy-Bold';
    line-height: 30px;
}
body.catalyst_case .section.section--tight .product-info__price on-sale-badge.badge.badge--on-sale {
    background: #F44C0F;
    font-family: 'GT-America-Trialr';
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
}
body.catalyst_case .section.section--tight .product_desc_container .product_desc {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
  font-family: 'GT-America-Trialr';
}
body.catalyst_case .section.section--tight .product_desc_container button.read--more {
    color: #0078AD;
   font-size: 18px;
    line-height: 26px;
    font-weight: 400;
  font-family: 'GT-America-Trialr';
  text-transform: capitalize;
  font-weight: 700;
}
body.catalyst_case .section.section--tight .product {
    column-gap: 50px !important;
}
body.catalyst_case .section.section--tight .collect_class .rating_img img {
    width: 100%;
    max-width: 153px;
    object-fit: contain;
  padding:0;
}
body.catalyst_case .section.section--tight .collect_class {
    display: flex;
    justify-content: flex-start;
}

body.catalyst_case .section.section--tight .collect-img img {
    width: 100%;
    max-width: 100px;
}

body.catalyst_case .section.section--tight .collect_class_spacing  {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    gap: 10px;
}

body.catalyst_case .section.section--tight .collect_class_spacing a.product-item {
    background: #f2f2f2;
    padding: 20px 20px 40px 20px;
    border-radius: 12px;
    width: 33%;
    height: 100%;
}
body.catalyst_case .section.section--tight .collect_class_spacing h3 {
    font-family: GT-America-Trialr;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    color: #333;
    text-transform: uppercase;
     height: 100%;
    max-height: 40px; 
}
body.catalyst_case .section.section--tight .collect_class img.collect_img {
    width: 100%;
    border-radius: 16px;
    padding-top: 0px;
  width:100%;
  height:100%;
}
body.catalyst_case .collect_class_spacing p {
    font-size: 20px;
    line-height: 24px;
    padding-top: 0px;
    color: #333;
}
.model_find label {
    color: #000;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: GT-America-Trialr;
    line-height: 30px;
    display: block;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
}
.model_find label img{
    width: 24px;
    height: 24px;
}
body.catalyst_case select.collect--dropdown {
    border: 1px solid #333333;
    display: flex;
    justify-content: space-between;
    padding: 15px;
    border-radius: 16px;
    width: 100%;
    text-transform: uppercase;
    font-size: 17px;
    font-family: GT-America-Trialr;
    color: #000;
    line-height: 22px;
}
body.catalyst_case .rating_custom span.span_cls img {
    width: 100%;
    max-width: 100px;
    object-fit: contain;
}
body.catalyst_case .variant-picker__option-info variant-option-value {
    display: none;
}
body.catalyst_case .variant-picker__option-info legend.text-subdued {
    color: #000;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: GT-America-Trialr;
    line-height: 30px;
    display: block;
    padding-bottom: 15px;
}
body.catalyst_case .product-info__variant-picker fieldset.variant-picker__option.no-js\:hidden {
    display: flex;
    justify-content: flex-start;
    gap: 40px;
}

body.catalyst_case safe-sticky.product-info hr.product-info__separator {
    border: 0px;
}
body.catalyst_case .collection_bottom .text_heading p {
    font-size: 24px;
    font-weight: 600;
    line-height: 33.6px;
    text-align: left;
    text-transform: uppercase;
    color: #000;
    padding-bottom: 15px;
}
body.catalyst_case .product-card {
    background: #f2f2f2;
    padding: 10px;
    border-radius: 12px;
    width: 100%;
    height: 100%;
    min-height: 285px;
}
body.catalyst_case .collection_bottom_spacing {
    display: flex;
    gap: 10px;
}



body.catalyst_case button.button.button--xl div {
    font-size: 14px;
    text-transform: uppercase;
}
body.catalyst_case button.button.button--xl {
    background: #0078AD;
    width: 100%;
    padding: 5px 16px;
}
body.catalyst_case .product-card h3 {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    height: 100%;
    min-height: 40px;
}
body.catalyst_case .product-card span.current-price {
    font-size: 20px;
    line-height: 24px;
    padding-top: 13px;
    color: #333;
    display: block;
    padding-bottom: 15px;
}
body.catalyst_case .product-card .price {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #999;
    font-size: 16px;
}
body.catalyst_case .product-accordion .accordion-header h4 {
    color: #333;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    font-family: 'GT-America-Trialr';
}
body.catalyst_case .accordion-content.show ul li {
    font-size: 16px;
    color: #333;
    font-weight: 300;
    font-family: 'GT-America-Trialr';
    position: relative;
    padding-bottom: 5px;
    padding-left: 15px;
}
body.catalyst_case .accordion-content.show ul li:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 0px;
    width: 5px;
    height: 5px;
    background-color: #333;
    border-radius: 99px;
}
body.catalyst_case .accordion-content.show ul li {
    font-size: 16px;
    color: #333;
    font-weight: 300;
    font-family: GT-America-Trialr;
    position: relative;
    padding-bottom: 5px;
    padding-left: 15px;
}
body.catalyst_case .span_icon.active {
    background: #0078AD;
    border-radius: 99px;
    width: 100%;
    max-width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.catalyst_case .span_icon.active img.rotate {
    display: none;
}
body.catalyst_case .product-accordion .accordion-section {
    border-top: 1px solid #3333;
    border-bottom: 1px solid #3333;
}
body.catalyst_case .product-accordion .accordion-header {
    border-top: 0px !Important;
}
body.catalyst_case .product-info__buy-buttons button.button.button--xl {
    background-color: #F09C3A !important;
    padding: 15px 20px !important;
}
body.catalyst_case .product-info__buy-buttons button.button.button--xl div {
    font-size: 16px;
    color: #1A1A1A;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'GT-America-Trialr';
}
.icon_txt_container {
    background-color: #fff;
    display: flex;
    padding: 20px;
    border: 1px solid #3333334D;
    border-radius: 16px;
}
.bottom_icon_txt {
    display: flex;
    gap: 20px;
    padding-top: 60px;
}

/* .icon_txt_container .icon--txt {
    display: flex;
} */
.bottom_icon_txt .icon--txt .content p {
    width: 100%;
  font-size: 18px;
    line-height: 24px;
    padding-top: 5px;
}
.content {
    display: flex;
}
.icon--txt {
    display: flex;
  gap: 20px;
}
.icon_txt_container .left_img img {
    width: 100%;
    max-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    object-fit: contain;
}
.icon_txt_container .left_img {
    background: #0078ad;
    border-radius: 12px;
    width: 100%;
    max-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
}
.icon_txt_container .content span.arrow_img {
    background: #F5F8F8;
    width: 100%;
    max-width: 30px;
    height: 100%;
    max-height: 30px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon_txt_container span.arrow_img img {
    width: 100%;
    max-width: 20px;
    height: 20px;
}
.icon_txt_container .content h3 {
    color: #333333;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'GT-America-Trialr';
}
.faq-benefit-flex {
    display: flex;
    justify-content: center;
  gap: 25px;
}
.faq-benefit-flex .faq-section {
    width: 50%;
    background-color: #fff;
    border-radius: 16px;
    padding: 0px;
}
.faq-benefit-flex .right--img {
    background-color: #fff;
    border-radius: 16px;
    padding: 40px;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.faq-benefit-flex .faq-answer p {
    padding-left: 60px;
    font-size: 18px;
    line-height: 24px;
  padding: 5px 15px 60px 60px
}
.faq-column .faq-question {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #0078ad;
    border-radius: 10px 10px 0px 0px;
    padding: 20px 15px;
    border: 2px solid #FFFFFF;
  cursor: pointer;
}
.faq-column .faq-item {
    margin-bottom: -6px;
}
.faq-benefit-flex .faq-question h3 {
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'Gilroy-Bold';
    font-weight: 800;
    color: #fff;
    line-height: 32px;
}
.faq-benefit-flex .faq_txt span {
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'Gilroy-Bold';
    font-weight: 800;
    color: #fff;
   line-height: 32px;
}
.faq-benefit-flex .faq-item.active span {
    color: #333333;
}
.faq-benefit-flex .faq-item.active h3 {
    color: #333333;
}
.faq-benefit-flex .faq-item.active .faq-question {
    background-color: transparent;
  padding-bottom: 6px;
}
.faq-benefit-flex .faq-column .faq-item.active {
    padding-top: 5px;
}
.faq-benefit-flex .right--img h2 {
    font-size: 46px;
    text-transform: uppercase;
    font-family: Gilroy-Bold;
    font-weight: 800;
    color: #333;
    line-height: 50px;
    text-align: center;
}
.faq-benefit-flex .right--img img {
    width: 100%;
    max-width: 400px;
    margin: 0px auto;
}
.grid-product-cl .product--image img {
    width: 100%;
    border-radius: 12px;
}
.grid-product-cl {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16px;
}
section.custm_comparison_cover {
    width: 100%;
    max-width: 1920px;
    padding: 60px 50px 70px 50px;
    margin: 0 auto;
}
.compariosn_heading h2 {
    font-size: 46px;
    font-family: Gilroy-Bold;
    line-height: 50px;
    text-transform: uppercase;
    color: #333;
    padding-right: 26px;
    text-align: center;
}
section.custm_comparison_cover .container {
    padding: 0px;
    margin: 0px;
}
section.custm_comparison_cover .container .comparison_container_spacing thead tr th:nth-child(2) {
   background: #0078AD;
}
section.custm_comparison_cover .container .comparison_container_spacing table tbody tr td:nth-child(2) {
   background: #0078AD;
    color: #fff;
    border-bottom: none;
}
th.border--radius img {
    width: 100%;
    max-width: 150px;
    margin: 0px auto;
}
section.custm_comparison_cover .container .comparison_container_spacing thead tr th {
    border: none;
    border-top: transparent;
    border-bottom: transparent;
    font-size: 26px;
    font-weight: 700;
    color: #111;
    line-height: 36.4px;
    text-align: center;
    font-family: Gilroy-Bold;
}
section.custm_comparison_cover .container .comparison_container_spacing table tbody tr td img {
    width: 35px;
    height: 35px;
    margin: 0px auto;
}
section.custm_comparison_cover .container .comparison_container_spacing table tbody tr td {
    border-top-width: 0px;
    padding: 0px;
}
th.border--radius {
    border-radius: 14px 14px 0px 0px;
}
span.comp-title {
    display: block;
    font-size: 24px;
    font-weight: 600;
    line-height: 33.6px;
    text-align: left;
    opacity: 1;
    padding: 40px;
    margin-bottom: 20px;
    border-radius: 11px 0 0 11px;
    color: #333;
    text-transform: uppercase;
    background: #F5F8F8;
}
span.head-shaver-title {
    display: block;
    font-weight: 500;
    line-height: 28px;
    color: #0e1b4d;
    opacity: 1;
background: #E5F1F6;
    padding: 40px;
    margin-bottom: 20px;
    text-align: center;
}
span.skull-shaver-title {
    display: block;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    color: #111;
    opacity: 1;
    padding: 40px;
    margin-bottom: 20px;
    text-align: center;
    border-radius: 0 11px 11px 0;
    background: #F5F8F8;
}
.compariosn_heading {
    padding-bottom: 50px;
}
span.comp-title-day {
    background: #0078ad;
    padding: 40px;
}
section.faq-section.specification-faq .container {
    width: 100%;
    max-width: 1280px;
    padding: 20px 150px 50px 150px;
  margin: 0px auto;
}
section.faq-section.specification-faq {
    width: 100%;
    background: #F5F8F8;
}
section.faq-section.specification-faq .faq-column .faq-question {
    justify-content: space-between;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 30px;
    border-radius: 16px;
    cursor: pointer;
    border: 1px solid #C2C2C2;
    margin-bottom: 20px;
    background-color: transparent;
}
section.faq-section.specification-faq .faq-question h3 {
    font-size: 24px;
    line-height: 32px;
    font-family: GT-America-Trialr;
    font-weight: 600;
  text-transform: capitalize;
}
section.faq-section.specification-faq span.icon.rotate img {
    width: 100%;
    max-width: 16px;
}
section.faq-section.specification-faq .faq-item.active {
    border: 1px solid #C2C2C2;
    padding: 15px 30px;
    border-radius: 16px;
  margin-bottom: 20px;
}
section.faq-section.specification-faq .faq-item.active .faq-question {
    padding: 0px !important;
  border: 0px;
}
section.faq-section.specification-faq span.icon.rotate {
    border: 1px solid #3333334D;
    padding: 10px;
    border-radius: 99px;
}
section.faq-section.frequently-faq .container {
    width: 100%;
    max-width: 1280px;
    padding: 0px 150px;
  margin: 0px auto;
}
section.faq-section.frequently-faq {
    width: 100%;
    background: #fff;
    padding: 60px 0px;
}
section.faq-section.frequently-faq .custm-faq-cover h2 {
    font-size: 46px;
    font-family: Gilroy-Bold;
    line-height: 50px;
    text-transform: uppercase;
    color: #333;
    padding-right: 26px;
    text-align: center;
}
section.faq-section .faq-container {
    padding-top: 50px;
}
section.faq-section.frequently-faq .faq-item.active {
    border: 1px solid #C2C2C2;
    padding: 15px 30px;
    border-radius: 16px;
  margin-bottom: 20px;
}
section.faq-section.frequently-faq .faq-column .faq-question {
    justify-content: space-between;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 30px;
    border-radius: 16px;
    cursor: pointer;
    border: 1px solid #C2C2C2;
    margin-bottom: 20px;
    background-color: transparent;
}
section.faq-section.frequently-faq .faq-item.active .faq-question {
    padding: 0!important;
    border: 0px!important;
    margin-bottom: 0px;
}

section.faq-section.frequently-faq .faq-question h3 {
    font-size: 24px;
    line-height: 32px;
    font-family: GT-America-Trialr;
  font-weight: 600;
}
section.faq-section.frequently-faq .faq-question span.icon22 {
    color: #000;
    font-size: 40px;
}
section.faq-section.frequently-faq .faq-question span.icon {
    color: #000;
    font-size: 40px;
}
/* img.hidee {
    display: none !Important;
}
section.faq-section.frequently-faq span.icon.rotate .faq-item.active img.hidee {
    display: block !important;
} */
  .video-container {
    position: relative;
    width: 100%;
    height: 300px;
 
}

.video-content {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play-pause-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.play-pause-btn {
    background-color: transparent;
    border-radius: 50%;
    cursor: pointer;
    border: 5px solid #fff;
    position: relative;
    width: 100%;
    max-width: 70px;
    height: 70px;
}

.play-icon::before {
    content: '';
    font-size: 30px;
    color: #a51010;
    background-image: url(https://cdn.shopify.com/s/files/1/0078/7238/1018/files/Vector_15.png?v=1727777078);
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 10px;
    background-repeat: no-repeat;
    left: 19px;
}

.play-pause-btn .pause-icon::before {
    content: '';
    font-size: 15px;
    color: #a51010;
    background-image: url(https://cdn.shopify.com/s/files/1/0078/7238/1018/files/pause-icon-removebg-preview_1.png?v=1727779809);
    width: 100%;
    max-width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    top: 10px;
    background-repeat: no-repeat;
    left: 10px;
}
body.catalyst_case .product .featured_image_show {
    background: #FFFFFF;
    padding: 40px;
    border-radius: 16px;
}
body.catalyst_case .breadcrubs.page-width {
    padding: 35px 0px;
}
.main-breadcrumbs-container span.custom-bread-crumbs-list-title {
    font-size: 20px;
   font-family: 'GT-America-Trialr';
}
.main-breadcrumbs-container .product span.custom-bread-crumbs-list-title {
  text-transform:none;
}
.main-breadcrumbs-container {
    padding: 10px 0px 0px !Important;
}
.collection_bottom_spacing span.span__show {
    display: none;
}
/* .product-accordion.specification-faq-cv .accordion-section {
    width: 100%;
    max-width: 1280px;
    padding: 20px 150px 50px;
    margin: 0 auto;
}
.product-accordion.specification-faq-cv .accordion-section {
    border: 0px !important;
}
.accordion-header {
    border: 1px solid #C2C2C2;
    padding: 15px 30px;
    border-radius: 16px;
    margin-bottom: 20px;
} */

section.faq-section.specification-faq span.icon.rotate img {
    width: 100%;
    max-width: 16px;
}
section.faq-section.specification-faq .custm-faq-cover .faq-column .faq-item.active span.icon.rotate img.hidee {
    display: block;
}
section.faq-section.specification-faq .custm-faq-cover .faq-column .faq-item.active span.icon.rotate {
    display: block;
    background: #027AAF;
}
section.faq-section.specification-faq span.icon.rotate {
    border: 1px solid #3333334D;
    padding: 10px;
    border-radius: 99px;
}
section.faq-section.specification-faq .faq-item.active span.icon {
    display: none;
}
section.faq-section.specification-faq .faq-item.active img.show {
    display: none;
}
section.faq-section.specification-faq img.hidee {
    display: none;
}

.product-accordion.specification-faq-cc .accordion-section {
    width: 100%;
    max-width: 1280px;
    padding: 20px 150px 50px;
    margin: 0 auto;
}
.product-accordion.specification-faq-cc .product-accordion .accordion-section {
border: 0px;
}
section.faq-section.specification-faq .faq-answer p:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #333333;
    width: 4px;
    height: 4px;
    border-radius: 99px;
}
section.faq-section.specification-faq .faq-answer p {
    font-size: 17px;
    padding-bottom: 15px;
    font-weight: 400;
    position: relative;
    padding-left: 15px;
}
section.faq-section.specification-faq a.faq-click {
    text-decoration: underline;
}
  body.catalyst_case .section.section--tight h1.product-info__title.h2 {
    font-size: 36px;
    font-weight: 800;
    line-height: 46px;
    text-align: left;
    font-family: 'Gilroy-Bold';
    color: #333333;
    text-transform: uppercase;
}
body.catalyst_case .section--tight safe-sticky.product-info {
    width: 55%;
}
body.catalyst_case .section--tight .product {
    display: flex;
}

body.catalyst_case .section--tight .product-gallery {
    width: 45%;
  position: sticky;
  top: 0;
}
.product-card img {
    width: 100%;
}
  .collection_bottom .text_heading {
    padding-top: 15px;
}
.featured_image_show img {
    width: 100%;
}
section.faq-section.frequently-faq .container {
    max-width: 1280px;
    padding: 20px 150px 50px;
}
.dynamic_container_first .icon_slider_spacing.dynamic_slider_one.slick-initialized.slick-slider {
    width: 100%;
    max-width: 1920px;
    padding: 0 50px;
}
/* .grid-product-cl {
    padding-left: 50px;
} */
/*------------21-11-2024-----------------*/
.catalyst_case span.span__hide.btnn {
    display: none;
}
.normal_all_template {
    display: none;
}
.catalyst_case .collection_bottom_spacing span.span__hide.btnn {
    display: block;
}
.catalyst_case .product-info__complementary-products .justify-between p {
    font-size: 24px;
    font-weight: 600;
    line-height: 33.6px;
    text-align: left;
    text-transform: uppercase;
    color: #000;
    padding-bottom: 0;
}
/* .catalyst_case .product-info__complementary-products .horizontal-product-list {
    display: flex;
    gap: 10px;
    border: transparent;
    overflow-x: scroll;
  padding-bottom:5px;
} */
.catalyst_case .product-info__complementary-products .horizontal-product-list {
    display: flex;
    gap: 10px;
    border: transparent;
    overflow: hidden;
    padding-bottom: 5px;
}
/* .catalyst_case .product-info__complementary-products .horizontal-product-list .horizontal-product {
    background: #f2f2f2;
    padding: 10px;
    border-radius: 12px;
    width: 33%;
    height: 100%;
    min-height: 285px;
    align-items: flex-start;
    min-width: 33%;
} */
.catalyst_case .product-info__complementary-products .horizontal-product-list .horizontal-product {
    background: #f2f2f2;
    padding: 10px;
    border-radius: 12px;
    height: 100%;
    align-items: flex-start;
    flex: 0 0 calc(33.33% - 10px);
    max-width: calc(33.33% - 10px);
    box-sizing: border-box;
}
.product-info__variant-picker .variant-picker__option-values.wrap.gap-2 label.color-swatch.rounded-full {
    border: 0.5px solid #cccccc;
}
/* .catalyst_case .product-info__complementary-products .horizontal-product-list .horizontal-product .horizontal-product__info a span.reversed-link {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: available;
    text-overflow: ellipsis;
    margin-bottom: 22px;
} */

.catalyst_case .product-info__complementary-products .horizontal-product-list .horizontal-product .horizontal-product__info a span.reversed-link {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    display: inline; /* Use inline display to let the text flow naturally */
    -webkit-box-orient: initial; /* Not needed for inline display */
    -webkit-line-clamp: none; /* Disable line clamping */
    overflow: visible; /* Allow overflow to display fully */
    text-overflow: clip; /* Remove ellipsis */
    margin-bottom: 22px;
}

.catalyst_case .product-info__complementary-products .horizontal-product-list .horizontal-product img.horizontal-product__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.catalyst_case .product-info__complementary-products .horizontal-product-list p.text-sm.text-subdued {
    font-size: 20px;
    line-height: 24px;
    padding-top: 13px;
    color: #333;
    display: block;
    padding-bottom: 15px;
}
.catalyst_case .product-info__complementary-products .horizontal-product-list button.button {
    background: #0078AD;
    width: 100%;
    padding: 5px 16px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
  font-weight:400;
}
.catalyst_case .product-info__complementary-products .horizontal-product-list button.button .span__hide.btnn {
    display: block;
}
.catalyst_case .product-info__complementary-products .horizontal-product-list .horizontal-product .horizontal-product__info a span.reversed-link:hover {
    text-decoration: none;
    background-size: 100% 0px;
}
.catalyst_case ::-webkit-scrollbar {
    height: 5px;
    background: #f2f2f2 !important;
}
.catalyst_case ::-webkit-scrollbar-thumb {
    background: #605b5b;
}

section.faq-section.specification-faq .faq-answer p {
    padding-left: 0;
}
.specification-faq .faq-answer p:after {
    display: none;
}
section.faq-section.specification-faq .faq-answer ul li {
    margin-bottom: 10px;
}
section.faq-section.specification-faq .faq-answer p a {
    text-decoration: underline;
}
/*-------------27-11-2024------------------*/
/* body.catalyst_case .section.section--tight .collect_class_spacing{
  overflow-x: scroll;
} */
body.catalyst_case .section.section--tight .collect_class_spacing{
  overflow: hidden;
}
/* body.catalyst_case .section.section--tight .collect_class_spacing .product {
    background: #f2f2f2;
    border: .4px solid #33333333;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 0;
    width: 100%;
    min-width: 45%;
    margin-bottom: 15px;
} */
body.catalyst_case .section.section--tight .collect_class_spacing .product {
    background: #f2f2f2;
    border: .4px solid #33333333;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 0;
    width: 100%;
        flex: 0 0 calc(33.33% - 10px);
    max-width: calc(33.33% - 10px);
    margin-bottom: 15px;
}
body.catalyst_case .section.section--tight .collect_class_spacing .product h3 {
    font-family: 'GT-America-Trialr';
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
}
body.catalyst_case .section.section--tight .collect_class_spacing .product input[type="radio"] {
    display: none;
}
  #productsDisplay input[type="radio"]:checked+label {
     border: 1px solid black;
    border-radius: 12px;
  }
body.catalyst_case .section.section--tight .collect_class_spacing .product label {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
/*------------color-code-----------------*/
.variant-picker__option label[for="black"]{
  background:#000;
}
.variant-picker__option label[for="titanium-gray"]{
  background:#878681;
}
.variant-picker__option label[for="stealth-black"]{
  background:#424242;
}
.variant-picker__option label[for="clear"]{
  background:#F4FAFC ;
}
.variant-picker__option label[for="atlantic-blue"]{
  background:#008DA2;
}
.variant-picker__option label[for="midnight-black"]{
  background:#00040D;
}
.variant-picker__option label[for="ocean-blue"]{
  background:#4f42b5;
}
.variant-picker__option label[for="sky-blue"]{
  background:#87CEEB;
}
.variant-picker__option label[for="sage-green"]{
  background:#B2AC88;
}
.variant-picker__option label[for="midnight-black"]{
  background:#0D0D0D;
}
span.sr-only {
    font-family: 'GT-America-Trialr';
    font-size: 24px;
    font-weight: 500;
    line-height: 33.6px;
    text-align: left;
    text-transform: uppercase;
}

.product-info__liquid p#free_shipping_txt {
    font-family: 'GT-America-Trialr';
    font-size: 24px;
    font-weight: 500;
    line-height: 33.6px;
    text-align: left;
    text-transform: uppercase;
    color: #000;
}

.product-info__liquid {
    margin: 40px 0px 20px 0px;
}
section.faq-section .faq-container ul{
    list-style: disc;
}
 .tooltip {
  position: relative;
  display: inline-block;
  margin-left: 5px;
   /* border-bottom: 1px dotted black;*/
}

/* .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #F09C3A;
    color: #000;
    text-align: center;
    font-family: GT-America-Trialr;
    font-size: 12px;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 135%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
} */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #f09c3a;
    color: #000;
    text-align: center;
    font-family: GT-America-Trialr;
    font-size: 12px;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 135%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity .3s;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 20%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #F09C3A transparent transparent transparent;
}
/* .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #F09C3A transparent transparent transparent;
} */

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
/*------------media-query-start------------------*/
@media screen and (max-width: 767px) {
  body.catalyst_case .section.section--tight.section-blends.section-full {
    padding: 0 0 0 20px;
}
  .product-info__liquid p#free_shipping_txt {
    font-size: 18px;
    line-height: 24.6px;
  }
  .catalyst_case .product-info__complementary-products .horizontal-product-list button.button {
    padding: 5px 5px;
  }
  .faq-column .faq-item {
    margin-bottom: 0px;
}
  .product-accordion {
    margin: 25px auto 0;
}
  body.catalyst_case .product-info__variant-picker fieldset.variant-picker__option.no-js\:hidden {
    display: inline;
}
  label.color-swatch.rounded-full {
    max-width: 25px;
    height: 25px;
}
  body.catalyst_case .accordion-content.show ul li:after {
    top: 12px;
}
  .dynamic_container_first .icon_slider_spacing.dynamic_slider_one.slick-initialized.slick-slider {
    padding: 0 20px;
}
  .faq-section .container {
    width: 100%;
    max-width: 100% !important;
    padding: 0 20px !important;
}
 .trusted-by-spacing .vid-item {
    width: 100%;
}
  .icon_txt_container {
    width: 100%;
}
  .announcement-bar p.bold.text-xs {
    text-transform: uppercase;
    font-size: 10px;
}
  body.catalyst_case .section--tight .product-gallery {
    width: 100%;
    position: unset;
}
.variant-picker__option-values {
    gap: 0px !important;
    padding-top: 20px;
}
  /* span.span__hide {
    display: none;
} */
 .model_find label img {
    width: 18px;
    height: 18px;
}
  .faq-column .faq-question {
    padding: 20px 20px 20px 20px !Important;
}
  body.catalyst_case .section--tight .product {
    flex-wrap: wrap;
}
  body.catalyst_case .section--tight .product-gallery {
    width: 100%;
}
.grid-product-cl {
    gap: 9px;
    padding-left: 0px;
    padding-right: 20px;
}
  body.catalyst_case .section--tight safe-sticky.product-info {
    width: 100%;
}
body.catalyst_case .product .featured_image_show {
    border-radius: 0;
    background-color: transparent;
    padding: 0px 20px 15px 0px;
}
.main-breadcrumbs-container span.custom-bread-crumbs-list-title {
    font-size: 17px;
}
  .grid-product-cl .product--image img {
    width: 100%;
    border-radius: 6.36px;
}
body.catalyst_case .section.section--tight safe-sticky.product-info {
    padding: 24px 20px 0 0px;
  background-color: transparent;
}
body.catalyst_case .breadcrubs.page-width {
 display: none;
}
  body.catalyst_case .section.section--tight h1.product-info__title.h2 {
  font-size: 25px !important;
  line-height: 30px !important;
}
  body.catalyst_case .section.section--tight safe-sticky.product-info .rating-with-text .text-lg {
    font-size: 24px;
}
  body.catalyst_case .section.section--tight .rating-with-text compare-at-price.text-subdued.line-through {
    font-size: 20px;
}
  body.catalyst_case .section.section--tight .product-info .rating_custom {
    margin: 0px;
    padding-top: 15px;
}
  body.catalyst_case .section.section--tight .rating_custom span.span_cls {
    font-size: 16px;
}
  body.catalyst_case .section.section--tight .product_desc_container .product_desc {
    font-size: 16px;
    line-height: 22.4px;
}
  body.catalyst_case .section.section--tight .product_desc_container button.read--more {
    font-size: 16px;
}
  body.catalyst_case .section.section--tight .model_find label {
    font-size: 16px;
}
  .product-info .model_find {
    padding-right: 20px;
}
  body.catalyst_case select.collect--dropdown {
    font-size: 16px;
    line-height: 16px;
}
  body.catalyst_case .section.section--tight .collect_class {
    padding-right: 0px;
}
  body.catalyst_case .collect_class_spacing p {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}
  body.catalyst_case .variant-picker__option-info legend.text-subdued {
    font-size: 16px;
    line-height: 22.6px;
}
  body.catalyst_case .collection_bottom .text_heading p {
    font-size: 14px;
    line-height: 21px;
    color: #0078AD;
    padding-bottom: 10px;
}
  body.catalyst_case .collection_bottom .text_heading p:nth-child(2) {
    color: #000;
}
body.catalyst_case .product-card h3 {
    font-size: 10px;
    color: #000;
    height: 100%;
    min-height: 34px;
}
  body.catalyst_case .product-card span.current-price {
    font-size: 14px;
    padding-bottom: 8px;
}
  .collection_bottom .text_heading {
    padding-top: 0px;
}
.collect_acc span.span__hide {
    font-size: 10px;
    line-height: 14px;
    display: block;
}
body.catalyst_case .collection_bottom_spacing {
    gap: 5px;
    padding-top: 7px;
}
  body.catalyst_case button.button.button--xl {
    padding: 5px 7px;
}
  body.catalyst_case .product-info__buy-buttons button.button.button--xl div {
    font-size: 11px !important;
}
  span.original-price {
    font-size: 12px;
}
  span.span__hide {
    display: none;
}
  body.catalyst_case .section.section--tight .collect_class_spacing .product h3 {
    font-size: 10px;
    line-height: 13px;
    height: 100%;
    max-height: 34px;
    width: 100%;
}
  body.catalyst_case .product-accordion .accordion-header h4 {
    font-size: 18px;
    line-height: 24px;
}
  body.catalyst_case .accordion-content.show ul li {
    font-size: 15px;
    padding-left: 15px;
    line-height: 30px;
}
   body.catalyst_case .video-header h2 {
    font-size: 24px;
    line-height: 28.8px;
    text-align: center;
}
  section.trusted-by-container {
    padding: 40px 20px 0 20px !Important;
}
  .trusted-by-spacing .trusted-by-vid {
    gap: 20px;
    padding-top: 30px;
    flex-wrap: wrap;
}
 body.catalyst_case .video-container {
    height: 250px;
}
 body.catalyst_case .top_txt h3 {
    font-size: 18px;
    line-height: 21.6px;
}
  .trusted-by-spacing .top_txt p {
    font-size: 16px;
    line-height: 22.6px;
}
  .icon_slider_container.dynamic_container_first {
    padding: 30px 20px;
    margin-top: 35px;
}
  .icon_slider_spacing .icon_block.slick-slide {
    gap: 10px;
    padding: 0px;
}
  .icon_slider_spacing .icon_block img {
    max-width: 60px;
    height: 60px;
}
.icon_slider_spacing .icon_block p {
    font-size: 14px;
    line-height: 20px;
}
.total_protection_spacing .heading {
    flex-direction: column;
}
.total_protection_spacing h2 {
    font-size: 24px;
    line-height: 28.8px;
    text-align: center;
    width: 100%;
    padding: 0 45px;
}
.total_protection_case .total_protection_spacing {
    padding: 40px 20px 24px;
}
  .total_protection_spacing p {
    line-height: 23.4px;
    text-align: center;
    padding-top: 16px;
    width: 100%;
    font-size: 18px;
}
  body.catalyst_case .section.section--tight .collect_class_spacing a.product-item {
    min-height: 210px;
    padding: 20px 10px 20px 10px;
}
  body.catalyst_case .product-card {
    min-height: 248px;
}
  .bottom_icon_txt {
    padding-top: 30px;
    flex-wrap: wrap;
    gap: 16px;
}
  .total_protection_spacing .img_center {
    display: none !important;
}
.icon_txt_container .img_container {
    display: block;
    padding-bottom: 16px;
}
  .img_container img {
    width: 100%;
    border-radius: 16px;
    height: 208px;
    object-fit: cover;
    object-position: center;
}
.bottom_icon_txt .icon--txt {
    gap: 10px;
    border: 1px solid #3333334D;
    padding: 15px;
    border-radius: 12px;
    display: flex;
    align-items: center;
}
.icon_txt_container {
    border: 0px;
    flex-direction: column;
    background-color: transparent;
    padding: 0px;
  width: 100% !Important;
}
  .icon_txt_container .content h3 {
    font-size: 18px;
    line-height: 25.2px;
}
  .icon_txt_container .left_img {
    max-width: 70px;
    height: 70px;
    border-radius: 6.28px;
}
  .icon_txt_container span.arrow_img {
    display: none !important;
}
  .bottom_icon_txt .icon--txt .content p {
    font-size: 15px;
    line-height: 20px;
    padding-top: 5px;
    text-align: left;
}
  .faq-benefit-flex {
    flex-direction: column;
}
.faq-benefit-flex .faq-section {
    width: 100%;
}
  section.faq_container.benefits .container {
    padding: 16px 20px 16px !important;
}
  .faq-benefit-flex .faq-section {
    width: 100%;
    border-radius: 12px;
    padding: 0px;
}
  .faq-benefit-flex .faq-question h3, .faq-benefit-flex .faq_txt span {
    font-size: 18px;
    line-height: 26.4px;
    width: 100%;
    max-width: 200px;
}
  .faq-benefit-flex .faq-answer p {
    font-size: 16px;
    line-height: 22.4px;
    padding: 0px 15px 20px 20px;
}
   .faq-benefit-flex .faq-item h3 {
    font-size: 16px !important;
    line-height: 25px;
}
  .faq-benefit-flex .faq-item.active span, .faq-benefit-flex .faq-item.active h3 {
    font-size: 22px !important;
    line-height: 26.4px;
}
  section.custom_slider.manage_flex {
    padding: 20px 0px !Important;
}
  .span--txt {
    font-size: 16px !important;
}
  .faq-benefit-flex .right--img h2 {
    font-size: 24px;
    line-height: 28.8px;
}
  .faq-benefit-flex .right--img {
    border-radius: 16px;
    padding: 40px 20px;
    width: 100%;
}
  .faq-benefit-flex .right--img img {
    max-width: 279px;
    padding-top: 32px;
    height: 295px;
    object-fit: contain;
}
  section.custm_comparison_cover {
    padding: 24px 20px !Important;
}
  .compariosn_heading h2 {
    font-size: 24px;
    line-height: 28.8px;
    color: #333;
    padding: 0px 40px;
}

.comparison_container_spacing table {
    width: 100%;
    box-shadow: none;
    scrollbar-color: #0078AD lightblue;
    padding-bottom: 20px;
}
 .comparison_container_spacing thead tr th {
    width: 200px;
    overflow-x: auto;
    table-layout: fixed;
}
section.custm_comparison_cover .container .comparison_container_spacing thead tr th {
    font-size: 16px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 21px;
}
span.comp-title {
    font-size: 15px;
    padding: 15px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 21px;
}
  section.custm_comparison_cover .container .comparison_container_spacing table tbody tr td:nth-child(2) {
    padding: 0px 0px;
}
  section.custm_comparison_cover .container .comparison_container_spacing {
    width: 100%;
}
  .custm_comparison_cover .container {
    margin: 0px;
}
  .comparison_container_spacing table {
    white-space: nowrap;
    overflow-x: auto;
    display: block;
}
  
span.comp-title-day {
    padding: 0 100px;
    justify-content: center;
}
  section.custm_comparison_cover .container .comparison_container_spacing table tbody tr td img {
    width: 20px;
    height: 20px;
}
  span.head-shaver-title {
        padding: 20px;
  }
  span.skull-shaver-title {
    padding: 20px;
}

  section.faq-section .faq-container {
    padding-top: 24px;
}
  section.faq-section.specification-faq span.icon.rotate img {
    max-width: 10px;
}
  section.faq-section.specification-faq .faq-answer p {
    font-size: 16px;
    padding-bottom: 15px;
    padding-left: 15px;
    line-height: 22.4px;
}
  section.faq-section.specification-faq .faq-item.active {
    padding: 15px 20px;
}
  section.faq-section.specification-faq .faq-question h3 {
    font-size: 20px;
    line-height: 24px;
}
  .custm-faq-cover h2 {
    font-size: 24px !important;
    line-height: 28.8px !important;
    text-align: center;
}
section.faq-section.frequently-faq {
    padding: 40px 0;
    background: #F5F8F8;
}

  section.faq-section.frequently-faq .faq-question h3 {
    font-size: 17px;
    line-height: 22px;
}
  section.faq-section.frequently-faq .faq-item.active {
    padding: 15px 24px;
}
  section.faq-section.frequently-faq .container {
    padding: 0 20px;
}
  .catalyst_case .product-info__complementary-products .horizontal-product-list p.text-sm.text-subdued {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}
.catalyst_case .product-info__complementary-products .horizontal-product-list .horizontal-product .horizontal-product__info a span.reversed-link {
    font-size: 10px;
    line-height: 13px;
    width: 100%;
}
}
@media screen and (max-width: 360px) {
body.catalyst_case .product-info__buy-buttons button.button.button--xl div, span.original-price {
    font-size: 11px;
}
  .total_protection_spacing p {
    font-size: 17px;
}
.compariosn_heading h2 {
    padding: 0 20px;
}
}

@media screen and (min-device-width: 1025px) and (max-device-width: 1200px) {
body.catalyst_case .section.section--tight.section-blends.section-full {
    padding: 0px 40px;
}
  body.catalyst_case .section.section--tight safe-sticky.product-info {
    background-color: #fff;
    padding: 80px 20px 0 20px;
}
  section.trusted-by-container {
    padding: 100px 40px 0 40px;
}
  .total_protection_spacing {
    padding: 60px 40px 60px 40px;
}
  section.faq_container.benefits .container {
    padding: 70px 40px 70px 40px;
}
  section.custm_comparison_cover {
    padding: 60px 40px;
}
  section.faq_container.benefits .container {
    padding: 70px 40px;
}
  section.faq-section.specification-faq .container {
    padding: 20px 40px;
}
  section.faq-section.specification-faq .container {
    padding: 0px 40px;
}
section.faq-section.frequently-faq .container {
    padding: 0 40px;
}
  body.catalyst_case button.button.button--xl div {
    font-size: 12px;
}
  .span--txt {
    font-size: 20px;
}
  .icon_slider_container.dynamic_container_first {
    padding: 30px 40px;
}
  body.catalyst_case .section.section--tight.section-blends.section-full {
    padding-left: 40px;
}
  .video-container {
    height: 300px;
}
}

@media screen and (min-device-width: 1201px) and (max-device-width: 1250px) {
body.catalyst_case .section.section--tight safe-sticky.product-info {
    background-color: #fff;
    padding: 80px 80px 0 40px;
}
  body.catalyst_case .product-info__buy-buttons button.button.button--xl div {
    font-size: 15px;
}
  section.faq_container.benefits .container {
    padding: 70px 60px;
}
  section.custm_comparison_cover {
    padding: 60px 60px 70px 60px;
}
}

@media screen and (min-width: 1600px) {
.icon_slider_spacing .icon_block p {
    font-size: 22px;
    line-height: 30px;
}
  safe-sticky.product-info {
    top: 154px !important;
}
  .total_protection_spacing p {
    font-size: 20px;
}
  /* body.catalyst_case p {
  font-size: 20px !Important;
  } */
  .icon_txt_container .content h3 {
    font-size: 24px;
}
  .video-container {
    height: 300px;
}
}
@media screen and (min-width: 1440px) {
  .video-container {
    height: 300px;
}
}

@media screen and (min-width: 1500px) and (max-width: 1800px) {
    .icon_slider_container.dynamic_container_first {
        max-width: 100%;
    }
  body.catalyst_case .section.section--tight .collect_class img.collect_img {
    max-width: 100%;
}
  body.catalyst_case .product-info__buy-buttons button.button.button--xl div {
    font-size: 17px;
    padding-top: 3px;
}
body.catalyst_case .product-info__buy-buttons button.button.button--xl {
    max-width: 100%;
    margin: 0px auto;
    width: 100%;
}
  .video-container {
    height: 500px;
}
  .vid-item {
    width: 33%;
}
  section.trusted-by-container {
    max-width: unset;
    padding: 100px 50px 0 50px;
}
  .icon_slider_spacing .icon_block.slick-slide {
    justify-content: stretch;
}
  .total_protection_spacing {
    max-width: unset;
    padding: 60px 50px 60px 50px;
}
  .content {
    width: 100%;
    justify-content: space-between;
}
  .icon--txt {
    width: 100%;
}
  .icon_txt_container {
    width: 50%;
}
  section.faq_container.benefits .container {
    max-width: unset;
    padding: 70px 50px 70px 50px;
}
  section.custm_comparison_cover .container {
    width: 100%;
    margin: 0px auto;
}
  section.faq-section.specification-faq .container {
    max-width: unset;
    padding: 20px 50px 80px;
}
  section.custm_comparison_cover {
    max-width: unset;
    padding: 60px 50px 70px 50px;
}
section.faq-section.specification-faq .container {
    max-width: 80%;
    padding: 20px 50px 80px;
}

}

@media screen and (min-width: 2100px) and (max-width: 3200px) {
body.catalyst_case .section.section--tight .collect_class_spacing a.product-item {
    padding: 20px;
}
  .icon_slider_container.dynamic_container_first {
    max-width: 100% !Important;
    padding: 30px 120px;
}

}

section.faq-section.frequently-faq .container {
    max-width: 80%;
    padding: 0 50px;
}

@media screen and (min-width: 1800px) {
  body.catalyst_case .section.section--tight.section-blends.section-full {
    padding: 0px 0px 0 117px;
}
  body.catalyst_case .section.section--tight h1.product-info__title.h2 {
        font-size: 44px;
        line-height: 46.2px;
    }
  section.trusted-by-container {
    max-width: unset;
    padding: 60px 117px 0 117px;
}
}

@media screen and (min-width: 1900px) {
body.catalyst_case .section.section--tight.section-blends.section-full {
    padding: 0px 0px 0 165px;
}
    section.trusted-by-container {
    max-width: unset;
    padding: 60px 165px;
}
}

@media screen and (min-width: 1800px) {
.total_protection_spacing {
    max-width: 88%;
    padding: 60px 0px;
}
  section.faq_container.benefits .container {
    max-width: 88%;
    padding: 70px 0px;
}
  section.custm_comparison_cover {
  max-width: 88%;
    padding: 60px 0px;
}
  .icon_slider_container.dynamic_container_first {
    padding: 60px 165px;
}
}

@media screen and (min-width: 1900px) {
.total_protection_spacing {
    max-width: 83%;
    padding: 60px 0px;
}
    section.faq_container.benefits .container {
    max-width: 83%;
    padding: 70px 0px;
}
  section.custm_comparison_cover {
  max-width: 83%;
    padding: 60px 0px;
}  
    .icon_slider_container.dynamic_container_first {
    padding: 60px 165px;
}
}
@media screen and (min-width: 2000px) {
  .icon_slider_container.dynamic_container_first {
    max-width: 100%;
}
  section.trusted-by-container {
    max-width: 80%;
    padding: 60px 0px;
}
  .total_protection_spacing {
    max-width: 80%;
    padding: 60px 0px;
}
    .icon_slider_container.dynamic_container_first {
    padding: 60px 165px;
}
}
@media screen and (min-width: 2100px) {
section.trusted-by-container {
    max-width: 96%;
}
    .icon_slider_container.dynamic_container_first {
    max-width: 100% !Important;
    padding: 30px 120px;
}
    .icon_slider_container.dynamic_container_first {
    max-width: 96%;
}
}
@media screen and (min-width: 2200px) {
  section.trusted-by-container {
    max-width: 72% !important;
}
  .span--txt {
    font-size: 22px;
}
    .icon_slider_container.dynamic_container_first {
   max-width: 72% !important;
}
}
@media screen and (min-width: 2200px) and (max-width: 2600px) {
section.trusted-by-container {
    max-width: 96%;
}
    .icon_slider_container.dynamic_container_first {
    max-width: 100% !Important;
    padding: 30px 120px;
}
  .span--txt {
    font-size: 22px;
}
}
@media screen and (min-width: 360px) {
  .announcement-bar p.bold.text-xs {
    font-size: 9px;
}
}
@media screen and (max-width: 320px) {
.announcement-bar p.bold.text-xs {
    text-transform: uppercase;
    font-size: 8px;
}
  body.catalyst_case .product-info__buy-buttons button.button.button--xl div {
    font-size: 10px !important;
}
  .button--lg, .button--xl {
    font-size: 12px;
}
body.catalyst_case button.button.button--xl {
    padding: 4px 2px;
}
  body.catalyst_case .section.section--tight.section-blends.section-full {
    padding: 0 0 0 15px;
}
 body.catalyst_case button.button.button--xl div {
font-size: 12px !important;
}
}

@media screen and (max-width: 3200px) {
  .dynamic_container_first .icon_slider_spacing.dynamic_slider_one.slick-initialized.slick-slider {
    width: 100%;
    max-width: 1920px;
    padding: 0 50px;
    margin: 0px auto;
}
  .icon_slider_container.dynamic_container_first {
    max-width: 100% !important;
}
}

/*31/12/24  */
@media screen and (min-width: 2100px) and (max-width: 3000px){
#iphone-15-pro-max-influence-case .announcement-bar__wrapper.justify-center p.bold.text-xs {
    font-size: 14px;
}
body.catalyst_case .section.section--tight.section-blends.section-full {
    width: 100%;
    max-width: 100%;
}
  body.catalyst_case .section.section--tight safe-sticky.product-info {
    padding: 80px 120px 40px 40px;
}
  .catalyst_case .product-info__complementary-products .horizontal-product-list .horizontal-product .horizontal-product__info a span.reversed-link {
    font-size: 16px;
  }
  .catalyst_case .product-info__complementary-products .horizontal-product-list p.text-sm.text-subdued {
    font-size: 22px;
  }
  body.catalyst_case .product-accordion .accordion-header h4 {
    font-size: 22px;
  }
  .product-accordion .accordion-header img {
    width: 26px;
    height: 12px;
  }
   body.catalyst_case .trusted-by-spacing .trusted-by-vid {
    justify-content: center;
}
  body.catalyst_case .icon_slider_container.dynamic_container_first {
        padding: 50px 35px;
    }
  .span--txt {
    font-size: 21px;
  }
  span.comp-title-day {
    padding: 25px;
}
  div#trusted-vid-container .vid-item {
    width: 33%;
}
  .dynamic_container_first .icon_slider_spacing.dynamic_slider_one.slick-initialized.slick-slider {
        width: 100%;
        max-width: 100%;
  }
  .total_protection_spacing {
    background: none;
}
  section.total_protection_case {
    background: #f5f8f8;
}
  section.faq_container.benefits .container {
    background: none;
}
  section.faq_container.benefits {
    background: #f5f8f8;
}
  body.catalyst_case .section.section--tight.section-blends.section-full {
    width: 100%;
    max-width: 100%;
  }
  .horizontal-product__info .gap-0\.5 {
    gap: 0px;
    width: 100%;
}
  .announcement-bar p.bold.text-xs {
        font-size: 16px !important;
    }
    body.catalyst_case .section--tight .product-gallery {
    padding-bottom: 270px;
  }
  section.faq-section.specification-faq .container {
    width: 100%;
    max-width: 80%;
  }
}
@media screen and (min-width: 3000px) and (max-width: 3500px){
summary.text-with-icon.gap-2\.5.bold.link-faded-reverse {
    font-size: 20px;
}
  body.catalyst_case .section.section--tight h1.product-info__title.h2 {
        font-size: 64px !important;
        line-height: 67.2px !important;
    }
  div#trusted-vid-container .vid-item {
    width: 33%;
}
  .dynamic_container_first .icon_slider_spacing.dynamic_slider_one.slick-initialized.slick-slider {
        width: 100%;
        max-width: 100%;
  }
  .icon_slider_spacing .icon_block p {
        font-size: 34px;
        line-height: 35px;
    }
  .icon_slider_spacing .icon_block p {
        font-size: 34px;
        line-height: 35px;
    }
  .total_protection_spacing {
    background: none;
}
  section.total_protection_case {
    background: #f5f8f8;
}
  section.faq_container.benefits .container {
    background: none;
}
  section.faq_container.benefits {
    background: #f5f8f8;
}
  section.faq-section.specification-faq .container {
    max-width: 80%;
  }
  section.faq-section.specification-faq .faq-question h3 {
    font-size: 30px;
  }
  section.faq-section.specification-faq .faq-answer ul li {
    font-size: 20px;
}
  body.catalyst_case .product-accordion .accordion-header h4 {
    font-size: 24px;
  }
  body.catalyst_case .accordion-content.show ul li {
    font-size: 18px;
  }
  .product-accordion .accordion-header img {
    width: 26px;
    height: 14px;
  }
  body.catalyst_case .section.section--tight.section-blends.section-full {
    width: 100%;
    max-width: 100%;
  }
  .catalyst_case .product-info__complementary-products .horizontal-product-list .horizontal-product .horizontal-product__info a span.reversed-link {
    font-size: 18px;
  }
  .horizontal-product__info .gap-0\.5 {
    gap: 0px;
    width: 100%;
}
  .announcement-bar p.bold.text-xs {
        font-size: 16px !important;
    }
  body.catalyst_case .section--tight .product-gallery {
    padding-bottom: 270px;
  }
  .product-accordion .accordion-header img {
    width: 19px;
    height: 14px;
  }
}
@media screen and (min-width: 1900px) and (max-width: 2099px){
body.catalyst_case .section.section--tight.section-blends.section-full {
    width: 100%;
    max-width: 100%;
}
  .horizontal-product__info .gap-0\.5 {
    gap: var(--spacing-0-5);
    width: 100%;
}
  section.trusted-by-container .vid-item {
    width: 33.33%;
}
  .announcement-bar p.bold.text-xs {
        font-size: 12px;
    }
  section.faq-section.specification-faq .container {
    width: 100%;
    max-width: 80%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1299px){
  body.catalyst_case .section.section--tight h1.product-info__title.h2 {
    font-size: 28px;
  }
  span.comp-title-day {
    padding: 40px 15px;
}
  span.comp-title-day {
    padding: 40px 15px;
}
  .faq-flex .span--txt {
    font-size: 19px;
  }
  summary.text-with-icon.gap-2\.5.bold.link-faded-reverse {
    font-size: 12px;
}
  .product-info__liquid p#free_shipping_txt {
    font-size: 18px;
  }
  .catalyst_case .product-info__complementary-products .justify-between p {
    font-size: 20px;
  }
  .video-header h2 {
    font-size: 40px;
    line-height: 42px;
  }
  .trusted-by-spacing .top_txt p {
    font-size: 14px;
  }
  .icon_slider_spacing .icon_block p {
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1400px){
body.catalyst_case .section.section--tight h1.product-info__title.h2 {
    font-size: 28px;
}
  summary.text-with-icon.gap-2\.5.bold.link-faded-reverse {
    font-size: 12px;
}
  .model_find label {
    color: #000;
    font-size: 18px;
  }
  .product-info__liquid p#free_shipping_txt {
    font-size: 18px;
  }
  .bottom_txt .author span {
    font-size: 16px;
  }
  .span--txt {
    font-size: 22px;
  }
 .announcement-bar p.bold.text-xs {
        font-size: 11px;
    }
  .icon_slider_spacing .icon_block p {
    font-size: 13px;
  }
  .faq-flex .span--txt {
    font-size: 21px;
  }
}
.total_protection_spacing {
    background: none;
}
section.total_protection_case {
    background: #f5f8f8;
}
span.comp-title-day {
    background: #0078ad;
    padding: 40px 20px;
}
 @media screen and (min-width: 1800px) and (max-width: 1950px) {
  body.catalyst_case .section.section--tight h1.product-info__title.h2 {
        font-size: 44px;
        line-height: 47.2px;
    }
 }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  body.catalyst_case .breadcrubs.page-width {
    padding: 28px 0 0;
}
  .catalyst_case .product-info__complementary-products .horizontal-product-list button.button {
    padding: 5px 2px;
  }
  .prose.text-subdued p {
    font-size: 12px;
}
  .footer p.bold {
    font-size: 16px;
  }
  .footer_sec_main a.inline-block.link-faded.break-all {
    font-size: 12px;
}
  section.faq-section.frequently-faq .custm-faq-cover h2 {
    font-size: 40px;
  }
  section.faq-section.specification-faq .faq-answer ul li {
    font-size: 14px;
}
  .icon_slider_spacing .icon_block img {
    max-width: 50px !important;
  }
  .faq-flex  .span--txt {
    font-size: 16px !important;
  }
  span.comp-title {
    font-size: 20px;
  }
  span.comp-title-day {
    padding: 40px 16px !important;
}
  .bottom_txt .author span {
    font-size: 14px !important;
    line-height: 18px;
  }
  .trusted-by-spacing .top_txt p {
    font-size: 14px;
    line-height: 20px;
  }
  body.catalyst_case .product-accordion .accordion-header h4 {
    font-size: 16px;
  }
  body.catalyst_case .section.section--tight h1.product-info__title.h2 {
        line-height: 26px;
    }
  .video-header h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .main-breadcrumbs-container span.custom-bread-crumbs-list-title {
    font-size: 14px;
  }
  body.catalyst_case .accordion-content.show ul li {
    font-size: 14px;
  }
  .catalyst_case .product-info__complementary-products .justify-between p {
    font-size: 16px;
  }
  body.catalyst_case select.collect--dropdown {
    font-size: 14px;
  }
  .product-info__liquid p#free_shipping_txt {
    font-size: 14px;
    line-height: 23.6px;
  }
  body.catalyst_case .section.section--tight .rating_custom span.span_cls {
    font-size: 13px;
  }
  .model_find label {
    font-size: 16px;
  }
  body.catalyst_case .section.section--tight h1.product-info__title.h2 {
    font-size: 20px;
  }
  .faq-column .faq-question {
    padding: 20px 20px 20px 24px;
}
  .faq-benefit-flex .faq-section {
    padding: 20px;
}
  .faq-benefit-flex .faq-answer p {
    padding: 5px 15px 40px 60px;
}
span.comp-title-day {
    padding: 40px 15px;
} 
  body.catalyst_case .variant-picker__option-info legend.text-subdued {
    font-size: 18px;
  }
  .rating img {
    width: 100%;
    max-width: 60px;
  }
  .bottom_txt .author span {
    font-size: 12px;
    line-height: 16px;
  }
  .trusted-by-spacing .top_txt p {
    font-size: 13px;
    line-height: 20px;
  }
  body.catalyst_case .product-accordion .accordion-header h4 {
    font-size: 16px;
  }
  .video-header h2 {
    font-size: 40px;
  }
  .catalyst_case .product-info__complementary-products .justify-between p {
    font-size: 18px;
  }
  body.catalyst_case .accordion-content.show ul li {
    font-size: 14px;
  }
.product-info__liquid p#free_shipping_txt {
    font-size: 16px;
}
  body.catalyst_case .section.section--tight h1.product-info__title.h2 {
    font-size: 20px;
  }
  body.catalyst_case select.collect--dropdown {
    font-size: 14px;
  }
  body.catalyst_case .section.section--tight .rating_custom span.span_cls {
    font-size: 16px;
  }
  .model_find label {
    font-size: 18px;
  }
    body.catalyst_case .section--tight .product {
    flex-wrap: wrap;
}
  body.catalyst_case .section--tight .product-gallery {
    width: 45%;
    position:unset;
}
  body.catalyst_case .section--tight safe-sticky.product-info {
    width: 45%;
}
  body.catalyst_case .section.section--tight.section-blends.section-full {
    padding: 0 0 0 20px;
}
  body.catalyst_case .product .featured_image_show {
    border-radius: 0;
    background-color: transparent;
    padding: 0 20px 15px 0;
}
  .featured_image_show img {
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
    height: 100%;
    object-fit: cover;
}
  .grid-product-cl {
    gap: 9px;
    padding-right: 20px;
}
  body.catalyst_case .section.section--tight safe-sticky.product-info {
    padding: 24px 20px 0 20px;
}
section.trusted-by-container {
    padding: 50px 20px 0px 20px;
}
  .trusted-by-spacing .trusted-by-vid {
    gap: 10px;
}
  .bottom_txt .author span {
    font-family: Gilroy-Bold;
    font-size: 14px;
    line-height: 18px;
}
  .top_txt h3 {
    font-size: 20px;
    line-height: 25px;
}
  .icon_slider_container.dynamic_container_first {
    padding: 30px 20px;
}
  .total_protection_spacing {
    padding: 60px 20px 60px 20px;
}
  .icon_txt_container .left_img {
    max-width: 70px;
    height: 70px;
}
  .icon_txt_container .content h3 {
    color: #333;
    font-size: 20px;
}
  section.faq_container.benefits .container {
    padding: 70px 20px 70px 20px;
}
  .faq-benefit-flex .right--img h2 {
    font-size: 30px;
    line-height: 39px;
}
section.custm_comparison_cover {
    padding: 60px 20px 50px;
}
  .compariosn_heading h2 {
    font-size: 40px;
}
section.faq-section.specification-faq .container {
    padding: 20px;
}
section.faq-section .faq-container {
    padding-top: 30px;
}
  section.faq-section.frequently-faq .container {
    padding: 0 20px;
}
  .total_protection_spacing h2 {
    font-size: 35px;
    line-height: 40px;
}
  .faq-benefit-flex .faq-question h3, .faq-benefit-flex .faq_txt span {
    font-size: 21px;
    line-height: 25px;
}
    body.catalyst_case button.button.button--xl div {
    font-size: 12px;
}
  body.catalyst_case .section--tight safe-sticky.product-info {
    width: 48%;
}
}
section#shopify-section-template--16193195540567__main {
    overflow: hidden;
}
   /* --------------------- Catalystproduct tempelate Comparison section background color------------- */
#shopify-section-template--16324798087277__comparison_rVPFGf {
  background: white;
}

/* ------------------------------------------Flag selector in header --------------------- */
.currency-wrapper {
  margin-top: 5px; /* Adjust spacing */
  display: inline-block;
}

.currency-converter select,
.currency-converter button {
  padding: 5px;
  font-size: 14px;
}


/* -------------------------------------------------------------------redirect link top---------------- */

#yeps-018c404a-755f-4e73-66f3-adf80f2b4b13 {
    --yeps-bg: red !important;
}


/* -------------------------------  hextom top  free shipping bar ------------------ */
#fsb_background {
  background: #1a1a1a !important;
}


@media screen and (max-width:800px){
 #shopify-section-template--16592569106541__collection_list_makg9d .collection-card__content+svg {
    display: none;
  
  }
}


@media (min-width: 992px) {
   #carousel-template--16592569106541__press .shopify-section--press press-carousel {
        padding-bottom: 0px;
    }
}

/* 
@media screen and (min-width: 800px) {
  .header__link-list .contents li:nth-last-child(2) {
   padding-left: 46px;
 
}
} */


/* @media screen and (min-width: 800px) {
  .header__link-list > ul.contents > li:nth-last-child(2) {
    padding-left: 40px;
  }
} */

/* ============================================================
   Baymard CRO quick wins — added 2026-07-20 (June-approved).
   Reversible: delete this block.
   ============================================================ */

/* --- #3 Highlight the user's current scope in the main nav ---
   95% of sites fail this; Baymard calls it a low-cost orientation
   cue. Applies to plain links, mega-menu triggers and drawer
   buttons alike (all carry aria-current="page" as of 2026-07-20).
   Ref: https://baymard.com/premium/blog/highlight-users-navigation-scope */
/* NB: real DOM is nav.header__link-list > ul.contents > li > details > summary.
   Scoped to the TOP-LEVEL li only — mega-menu sublinks also carry aria-current
   and must not be underlined. Selector corrected 2026-07-20 after DOM inspection. */
.header__link-list > ul > li > a[aria-current='page'],
.header__link-list > ul > li > details > summary[aria-current='page'],
.header__link-list > ul > li > button[aria-current='page'] {
  text-underline-offset: 6px;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  opacity: 1;
}

/* --- #8 Make it clear where hit areas in visual elements lead ---
   Tiles are already whole-<a> targets; this adds the VISIBLE
   affordance that image + heading are ONE target (Wayfair is
   Baymard's cited best practice).
   Ref: https://baymard.com/premium/blog/hit-areas-in-visual-elements */
.navigation-promo a .content-over-media {
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.navigation-promo a:hover .content-over-media,
.navigation-promo a:focus-visible .content-over-media {
  box-shadow: 0 0 0 2px rgb(0 0 0 / 0.55);
}
/* Keyboard users must see the whole tile (image + label) as one target. */
.navigation-promo a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
  border-radius: 12px;
}

/* Respect reduced-motion preferences (WCAG 2.3.3). */
@media (prefers-reduced-motion: reduce) {
  .navigation-promo a .content-over-media {
    transition: none;
  }
}
   WCAG 2.2 AA remediation — 2026-07-20
   Findings + method: cro-research/WCAG22-FINDINGS.md
   Scanner: shopify-audit/wcag22-scan.mjs (axe-core 4.12.1 proposer +
   deterministic DOM verification). Overrides live here, never in theme.css,
   so a theme update cannot silently revert them.
   ========================================================================== */

/* --- 1.4.3 Contrast (AA) -------------------------------------------------
   Footer background darkened #0076a8 -> #005a80 in settings_data.json. That
   single change lifts the opacity-derived footer tokens, which are white
   composited over the background:
     .link-faded   (70%)  3.28 -> 4.57:1
     .text-subdued (85%)  4.10 -> 5.95:1
     footer_text_color    5.05 -> 7.57:1
   Only the .5-opacity label needed a token change; see below. */

/* .floating-label was opacity .5 = 2.40:1 in the footer AND 3.34:1 on white
   body forms — failing on BOTH surfaces, site-wide, not just the footer.
   .7 matches the theme's existing .link-faded step: 4.57:1 / 6.41:1. */
.floating-label.floating-label {
  opacity: 0.7;
}

/* Colour-swatch "+N" overflow link renders #808080 at 10px on the white
   product card = 3.94:1 (verified live on both stores). #757575 = 4.61:1.
   The element also carries .text-subdued, which sets colour at equal
   specificity; custom-style.css loads BEFORE theme.css, so the class is
   repeated to win on specificity rather than resorting to !important. */
.color-swatch__view-more.color-swatch__view-more {
  color: #757575;
}

/* Stamped review empty-state (lifestyle) #777777 = 4.47:1 — just under. */
.stamped-empty-state.stamped-empty-state,
.stamped-empty-state.stamped-empty-state div {
  color: #757575;
}

/* --- 2.4.11 Focus Not Obscured (Minimum, AA) -----------------------------
   Bottom-fixed overlays (vanchat bubble/sales-card, and the theme's own
   mobile facet filter) entirely hide focused controls. Measured occupancy of
   the bottom viewport edge (measure-overlays.mjs):
     vanus-view-sales-card-out-view  309px (case) / 369px (lifestyle)
     vanus-custom-bubble             164px
     vc-animation-container           90px
     facets__floating-filter          86px (case) / 64px (lifestyle)
   Reserve the largest measured band so focus scrolls clear of it. */
html {
  scroll-padding-block-end: 380px;
}

/* Ensure the end of the document can always scroll above the persistent
   launcher, so footer controls are never trapped beneath it. */
@media screen and (max-width: 999px) {
  body {
    padding-block-end: 96px;
  }
}

/* The theme's own floating facet filter is ours to fix directly: let focused
   content scroll clear of it rather than sitting under it. */
.facets__floating-filter {
  scroll-margin-block-end: 96px;
}

/* --- 2.5.8 Target Size (Minimum, AA) -------------------------------------
   Carousel dot controls measured under 24x24. Grow the hit area without
   changing the painted dot. */
.tap-area,
button.tap-area,
a.tap-area {
  min-width: 24px;
  min-height: 24px;
}

/* --- 2.4.7 / 2.4.13 Focus Appearance --------------------------------------
   Guarantee a visible focus indicator on interactive elements that the theme
   leaves to the UA default. */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
