/** 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;
}


/* ---------------------------------------------------------------------------
   Tile scrim must not paint before its image.
   The s65/s69 caption scrim (.collection-card .content-over-media:before) has no
   dependency on the image being decoded, so a lazy tile shows the dark vignette
   over an empty tile first — the "shadow loads before the image" artefact.

   FAIL-CLOSED BY DESIGN: the scrim is visible by DEFAULT and is suppressed only
   while JS has positively marked the tile as still loading. If the script never
   runs, nothing is marked, the scrim stays on, and caption contrast is unaffected.
   The inverse (hide by default, reveal on load) would drop the scrim entirely on
   JS failure and re-open the WCAG caption-contrast failure s65/s69 closed.
   --------------------------------------------------------------------------- */
.collection-card .content-over-media:before {
  transition: opacity .25s ease-in-out;
}

.collection-card .content-over-media[media-loading]:before {
  opacity: 0;
}


/* ---------------------------------------------------------------------------
   Top-level header nav alignment.
   Items WITH a dropdown render as <summary class="text-with-icon …">, which the
   theme styles `display:flex; align-items:center` — giving a 24px box aligned
   with its siblings. A top-level item with NO dropdown (e.g. "Back to School
   Sale") is a plain <a> that never receives `text-with-icon`, so it falls back
   to `display:inline`: a 17px box sitting ~3px lower than every neighbour.
   Measured on both stores (lifestyle top=40 h=17 vs siblings top=37 h=24;
   case top=45 h=17 vs 42/24). Font size and family were already identical, so
   the mismatch is purely box/baseline. Match the theme's own rule.
   Selector carries its own specificity rather than relying on source order,
   because custom-style.css loads AFTER theme.css on case but BEFORE on lifestyle.
   --------------------------------------------------------------------------- */
.header__link-list a.link-faded-reverse:not(.text-with-icon) {
  display: flex;
  align-items: center;
}


/* ---------------------------------------------------------------------------
   vanchat sales-card constrain (lifestyle only — measured decision).
   The card is a genuinely visible fixed overlay (300x259, z-index 20, centered
   at left:60/right:30) that ENTIRELY buries ~10 real product links on mobile,
   failing WCAG 2.4.11 Focus Not Obscured (Minimum). Measured on live, post-consent.

   Approach: transform:scale toward the bottom-right (toward the widget launcher).
   Scaling shrinks the RENDERED box — and its hit-test footprint — proportionally
   WITHOUT reflowing or clipping the card's own content. The earlier max-height +
   overflow:auto attempt clipped the copy mid-sentence; this does not, because the
   card keeps its full intrinsic size and is only visually scaled.

   NOT applied to case: there the widget shows only the small greeting bubble and
   its 3 "obscured" elements are sr-only (invisible) — no benefit to reshaping it.

   HONEST LIMIT: this REDUCES how many elements the card buries; a fixed overlay
   still covers whatever remains under it. Only focus-yield (June declined) or not
   showing the card closes 2.4.11 fully. Sized by measurement, tunable.
   --------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .vanus-custom.vanus-view-sales-card-out-view {
    transform: scale(0.66);
    transform-origin: bottom right;
  }
}