/** Shopify CDN: Minification failed

Line 566:3 Unexpected "{"

**/
/* #D MODEL VIEWER */
.product-herofeaturesXXX model-viewer {
  z-index:999;
}
/****** JUNE 23 ******/

/* PRODUCT 3D */
.product-single .model-viewer__wrap-item {
  position: relative;
}
.product-single .custom-model__wrap model-viewer {
  width: 100%;  
}
.product-single .model-viewer__wrap-item model-viewer {
  height: 600px;
}
.product-single .model-viewer__wrap-item model-viewer .container {
  width: 630px;  
  height: 630px;
}
/* SECTION 3D */
.product-herofeaturesXXX .model-viewer__wrap-item {
  position: relative;
}
.product-herofeaturesXXX .custom-model__wrap model-viewer {
  width: 100%;  
}
.product-herofeaturesXXX .model-viewer__wrap-item model-viewer {
  height: 600px;
}
/* @media only screen and (max-width: 749px) { 
.product-herofeaturesXXX .model-viewer__wrap-item model-viewer {
  height: 200px;
}
} */
.product-herofeaturesXXX .model-viewer__wrap-item model-viewer .container {
  width: 630px;  
  height: 630px;
}
@media only screen and (max-width: 749px) { 
.product-herofeaturesXXX .model-viewer__wrap-item model-viewer .container {
  width: 200px;  
  height: 200px;
}
}


@media only screen and (max-width: 749px) { 
.product-herofeaturesXXX .model-viewer__wrap-item model-viewer {
  height: 400px;
  width: 100%;
}
}
/* 3D MODELS from url */
.product-herofeaturesXXX .product-herofeatures__model--desktopXXX.text-on-right {
  padding-right: 50%;
  /* border: 2px solid orange; */
  width: 100%;
}
.product-herofeaturesXXX .product-herofeatures__model--desktopXXX.text-on-left {
  padding-left: 50%;
  /* border: 2px solid pink; */
  width: 100%;
}


@media only screen and (max-width: 749px) { 
  .product-herofeaturesXXX .product-herofeatures__model--desktopXXX.text-on-right,
  .product-herofeaturesXXX .product-herofeatures__model--desktopXXX.text-on-left
{ 
    padding: 10px !important; 
} 
}




/* TEST PRODUCT VIDEO  */
.product-single .product-single__video {
  position: relative;
}
.product-single .custom-video__wrap video, .product-single .product-single__media iframe {
  width: 100%;  
}
.product-single .product-single__video video {
  height: 630px;
}
.product-single .product-single__video video source,
.product-single .product-single__video video img {
  width: 630px;  
  height: 630px;
}
.product-single .product-single__media iframe {
  /* height: auto; */
  border: 2px solid pink;
}


/* PRODUCT VIDEO IFRAME  */
.product-single .product-single__media { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; max-width: 630px; } 
.product-single .product-single__media iframe, 
.product-single .product-single__media object, 
.product-single .product-single__media embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media only screen and (min-width: 749px) { .product-single .product-single__media { padding-bottom: 215px !important; } }




















/*  IMAGE INTERSECTIONOBSERVER */

.fade-ins {
    opacity: 0;
    transform: translateY(75px);
    transition: opacity 900ms ease-in, transform 700ms ease-out;
}
.fade-ins.appear {
    opacity: 1;
    transform: translateY(0);
}

@media only screen and (max-width: 768px) {
  .fade-ins {
    opacity: 0;
    transform: translateY(45px);
    transition: opacity 900ms ease-in, transform 700ms ease-out;
}
    .fade-ins.appear {
    opacity: 1;
    transform: translateY(0);
}
}


/******* 10.06 23 JR *******/
/* BLOCK SIZES Grrrr */
/* Fix distorted slides was 100%. AUTO seems to fix shape 100%
keeps actual image on screen */

.product-herofeaturesXXX .product-herofeatures__img--desktopXXX {
    padding-bottom: 55%;  /* was 40%? */
}
.product-herofeaturesXXX .product-herofeatures__img--desktopXXX img {
	/* height: auto; prefer this but need to fix cutoff  */
  	height: 100%;
}

.product-herofeatures__imgXXX .product-herofeatures__img--desktop-squareXXX {
	/* height: auto; prefer this but need to fix cutoff */
  	height: 100%;
    max-height:600px;
    max-width: 600px;
}
.product-herofeaturesXXX .product-herofeatures__video--desktopXXX--fullwidth video {
	/* height: auto; prefer this but need to fix cutoff */
  	height: 100%;
    width: 100%;
}
.product-herofeaturesXXX .product-herofeatures__video--desktopXXX video {
	/* height: auto; prefer this but need to fix cutoff */
  	max-height: 600px;
    max-width: 600px;
    width: 100%;
    height: 100%;
}
@media only screen and (max-width: 1400px) {
.product-herofeaturesXXX .product-herofeatures__video--desktopXXX video {
	/* height: auto; prefer this but need to fix cutoff */
  	max-height: 500px;
    max-width: 500px;
    width: 100%;/*test Mobile width*/
    height: 100%;/*test Mobile height*/
}
}
@media only screen and (max-width: 1200px) {
.product-herofeaturesXXX .product-herofeatures__video--desktopXXX video {
	/* height: auto; prefer this but need to fix cutoff */
  	max-height: 500px;
    max-width: 500px;
    width: 100%;/*test Mobile width*/
    height: 100%;/*test Mobile height*/
}
}
@media only screen and (max-width: 900px) {
.product-herofeaturesXXX .product-herofeatures__video--desktopXXX video {
	/* height: auto; prefer this but need to fix cutoff */
  	max-height: 800px;
    max-width: 800px;
    width: 100%;/*test Mobile width*/
    height: 100%;/*test Mobile height*/
}
}
/*** FLICKITY SLIDER SHARED STYLES 08.06.21 JR ***/
/* FLICKERTY STYLES*/
.featured-collection-slider000{
  width: 100%;
}
.featured-collection-sliderXXX{
  width:73.9%;/* 08.22 */
  margin: 0 auto;
  margin-top:1em;
  margin-bottom:6.250em;
}
@media only screen and (max-width: 1600px) {
.featured-collection-sliderXXX {
  width:84.9%;/* 08.22 */
}
}
@media only screen and (max-width: 1200px) {
.featured-collection-sliderXXX {
  width:85%;/* 08.22 */
}
}

/* Whole individual slide block */
.carousel-cellXXX {
    width:100%;
    margin-bottom: 5em;
}

.featured-collection-sliderXXX .carousel-cellXXX{
  width:25%;
 /*  padding: 0 15px; */ 
  display: block;
}
/* .flickity-button:disabled{
  pointer-events: all!important;
} */
@media screen and (max-width: 920px){
  .featured-collection-sliderXXX{
    padding-left: 15px;
    padding-right: 15px;
  }
  .featured-collection-sliderXXX .carousel-cellXXX{
    width:50%;
  }
}
@media screen and (max-width: 767px){
  .featured-collection-sliderXXX .carousel-cellXXX{
    width:100%;
    margin-bottom: 3em;
  }
}




/* IMAGE SWAP MEDIA QUERIES */
    @media screen and (min-width: 767px){
  .mobilesliderXXX {
    display: none; 
  }
}
  @media screen and (max-width: 767px){
  .desktopsliderXXX {
    display: none;
  }
}
/* PAGE RESET */  
.page-widthXXX {padding:0;}





/*** SHARED SLIDER SUPPORTING HEADINGS 08.06 ***/
.hero_features__titleXXX {
  width: 100%;
  margin: 0 auto;
}

.hero_features__titleXXX h3 {
  width: 100%;
/*margin: 0 auto; 
  max-width: 1404px;*/
  padding-left: 10.2em;
  font-weight: 500;
  font-size:1.5625rem;
  line-height:1.6875rem;
  color:#FFF;/* was color:#1C1C1C; */
  padding-top:2em;
  padding-bottom: 1em;
  text-align: left;
}

.hero_features__titleXXX h3 sup {
  font-size:60%;
}

@media screen and (max-width: 900px) {
  .hero_features__titleXXX h3 {
    width: 100%;
    margin: 0 auto;
    padding-left: 0.5em;
    font-weight: 500;
    font-size:1.375rem;
  	line-height:1.5rem;
  	color:#FFF;/* was color:#1C1C1C; */
    text-align: center;
    padding-left:0px;
  }
}

/* ALL */
.product-herofeatures__text-block-innerXXX {
  padding-right: 1.5em;
  padding-left: 1.5em;
  /***  background-color: white; TEMP ***/
  /*** border-radius: 5px; TEMP ***/
}
@media screen and (max-width: 900px) {
  .product-herofeatures__text-block-innerXXX {
    padding-right: .3em;
    padding-left: .3em;
  }
}
/*@media screen and (min-width: 768px) {
  .product-herofeatures__text-block-innerXXX {
    padding-left: 5em;
	padding-right: 5em;
   
  }
}*/
/* TEST new coords - text block widths - was 33.333333 08.22*/
@media only screen and (min-width: 75em){
     .product-herofeatures__text-blockXXX .col-lg-4 {
       -webkit-flex-basis: 43.33333%!important;
    -moz-flex-basis: 43.33333%!important;
    -ms-flex-preferred-size: 43.33333%!important;
      flex-basis: 43.33333%!important;
       max-width: 100%!important;
      }
    } 
@media only screen and (min-width: 75em){
     .product-herofeatures__text-blockXXX.text-on-right .row {
        /* margin-right: -9.5rem; */
     }
}
@media only screen and (min-width: 75em){
     .product-herofeatures__text-blockXXX.text-on-left .row {
        margin-right: 30rem;
     }
}




/*============ TEXT POSITIONS HERO  ============*/
/*** TEXT RIGHT ***/
.product-herofeaturesXXX .product-herofeatures__video--desktopXXX.text-on-right {
	position: relative;
    display: flex;
    justify-content: flex-start;
}

.product-herofeatures__text-blockXXX.text-on-right .row {
  display: flex;
  justify-content: flex-end;
}
/* .featured-collection-sliderXXX .carousel-cell .product-herofeatures__text-block.text-on-right .row:nth-child(odd) {
  justify-content: flex-end!important;
}
.featured-collection-sliderXXX .carousel-cell .product-herofeatures__text-block.text-on-right .row:nth-child(even) {
  justify-content: flex-start;
}  */
.product-herofeatures__text-blockXXX.text-on-right {
  flex-basis: 100%;
}
@media (min-width: 40rem) {
  .product-herofeatures__text-blockXXX.text-on-right {
    flex-basis: 33.3333%;
    text-align: left;
  }
}



/* * * * * * PAGE ACC Layout option = text-right-img-left = JR 24.04.2024 * * * * * */
.product-herofeaturesXXX .product-herofeatures__video--desktopXXX.text-right-img-left {
	position: relative;
    display: flex;
    justify-content: flex-start;
}

.product-herofeatures__text-blockXXX.text-right-img-left .row {
  display: flex;
  justify-content: flex-end;
}
/* .featured-collection-sliderXXX .carousel-cell .product-herofeatures__text-block.text-right-img-left .row:nth-child(odd) {
  justify-content: flex-end!important;
}
.featured-collection-sliderXXX .carousel-cell .product-herofeatures__text-block.text-right-img-left .row:nth-child(even) {
  justify-content: flex-start;
}  */
.product-herofeatures__text-blockXXX.text-right-img-left {
  flex-basis: 100%;
}
@media (min-width: 40rem) {
  .product-herofeatures__text-blockXXX.text-right-img-left {
    flex-basis: 33.3333%;
    text-align: left;
  }
}
/*** END text-right-img-left ***/




/*** TEXT CENTERED ***/
.product-herofeatures__text-blockXXX.text-centered .row {
  display: flex;
  justify-content: center;
}
.product-herofeatures__text-blockXXX.text-centered{
  flex-basis: 100%;
  max-width: 100%!important;
}

.text-centered.product-herofeatures__text-blockXXX .col-lg-4 {
  max-width: 460px!important;
}

@media (min-width: 40rem) {
  .product-herofeatures__text-blockXXX.text-centered {
    flex-basis: 33.3333%;
    text-align: left;
  }
}

/* * * * * * PAGE ACC Layout option = text-centered-img-bg = JR 24.04.2024 * * * * * */
.product-herofeatures__text-blockXXX.text-centered-img-bg .row {
  display: flex;
  justify-content: center;
}
.product-herofeatures__text-blockXXX.text-centered-img-bg {
  flex-basis: 100%;
  max-width: 100%!important;
}

.text-centered-img-bg.product-herofeatures__text-blockXXX .col-lg-4 {
  max-width: 460px!important;
}

@media (min-width: 40rem) {
  .product-herofeatures__text-blockXXX.text-centered-img-bg {
    flex-basis: 33.3333%;
    text-align: left;
  }
}

@media screen and (max-width: 900px) {
  .text-centered-img-bg.product-herofeatures__text-blockXXX .col-lg-4  {
  max-width: 100%!important;
  }
}
/*** END text-centered-img-bg ***/

/*** TEXT LEFT ***/
.product-herofeaturesXXX .product-herofeatures__video--desktopXXX.text-on-left {
	position: relative;
    display: flex;
    justify-content: flex-end;
}
/* @media screen and (max-width: 900px) {
.product-herofeaturesXXX .product-herofeatures__video--desktopXXX.text-on-left {
	position: relative;
    display: flex;
    justify-content: flex-start;
}
} */
/* .product-herofeaturesXXX .product-herofeatures__model--desktopXXX.text-on-left {
	position: relative;
    display: flex;
    justify-content: flex-end;
    
} */

.product-herofeatures__text-blockXXX .text-on-left .row {
  display: flex;
  justify-content: flex-start;
  margin-left:5em;
}
.product-herofeatures__text-blockXXX .text-on-left {
  flex-basis: 100%;
}
@media (min-width: 40rem) {
  .product-herofeatures__text-blockXXX .text-on-left {
    flex-basis: 34em;/* 08.22 was 30em*/
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .product-herofeatures__text-blockXXX .text-on-left {
    flex-basis: 24em;/* 08.22 was 30em*/
  
  }
}


/* * * * * * PAGE ACC Layout option = text-left-img-right = JR 24.04.2024 * * * * * */
.product-herofeaturesXXX .product-herofeatures__video--desktopXXX.text-left-img-right {
	position: relative;
    display: flex;
    justify-content: flex-end;
}
/* @media screen and (max-width: 900px) {
.product-herofeaturesXXX .product-herofeatures__video--desktopXXX.text-left-img-right {
	position: relative;
    display: flex;
    justify-content: flex-start;
}
} */
/* .product-herofeaturesXXX .product-herofeatures__model--desktopXXX.text-left-img-right {
	position: relative;
    display: flex;
    justify-content: flex-end;
    
} */

.product-herofeatures__text-blockXXX .text-left-img-right .row {
  display: flex;
  justify-content: flex-start;
  margin-left:5em;
}
.product-herofeatures__text-blockXXX .text-left-img-right {
  flex-basis: 100%;
}
@media (min-width: 40rem) {
  .product-herofeatures__text-blockXXX .text-left-img-right {
    flex-basis: 34em;/* 08.22 was 30em*/
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .product-herofeatures__text-blockXXX .text-left-img-right {
    flex-basis: 24em;/* 08.22 was 30em*/
  
  }
}


@media (max-width: 768px) {
.product-herofeaturesXXX .product-herofeatures__img--mobileXXX img {
  display: block;
  }
   {
    background-color: pink!important;
  }
  .product-herofeaturesXXX .product-herofeatures__text-blockXXX {
    background-color: #f5f5f5;
  }


}
/*** END text-left-img-right ***/

.product-herofeatures__textXXX .btn, .product-herofeatures__textXXX .btn .btn-primary {
  background-color: white;
}
.product-herofeatures__textXXX .btn:hover, .product-herofeatures__textXXX .btn .btn-primary:hover { 
  background-color: #212121!important;
  color: white!important;
}
.product-herofeatures__text-blockXXX .product-herofeatures__textXXX a:hover {
 color: white!important;
}

/* ALL glossy features */
.product-herofeaturesXXX .product-herofeatures__text-blockXXX {
  align-items: flex-end;
  position: relative;
  padding-bottom: 4em;
}
@media (min-width: 900px) {
  .product-herofeaturesXXX .product-herofeatures__text-blockXXX {
    align-items: center;
    position: absolute;
    padding-bottom: 0em;
    z-index: 5;
  }
}


/* slider text left  */
.product-herofeaturesXXX .product-herofeatures__text-block-innerXXX.text-on-leftlight {
	margin-left:20%;
  	margin-right:0%; 
	color:#1c1c1c;  
}
.product-herofeaturesXXX .product-herofeatures__text-block-innerXXX.text-on-left {
	margin-left:20%;
  	margin-right:0%;
      color:#1c1c1c;   
}
  @media (min-width: 75em) {
  .product-herofeaturesXXX .product-herofeatures__text-block-innerXXX.text-on-left {
      margin-left:20%;
      margin-right:0%;
      color:#1c1c1c;  
  }
  }
  @media (min-width: 56.25em) {
  .product-herofeaturesXXX .product-herofeatures__text-block-innerXXX.text-on-left {
      margin-left:10%;
      margin-right:0%;
      color:#1c1c1c;  
  }
  }
 @media (max-width: 1200px) {
  .product-herofeaturesXXX .product-herofeatures__text-block-innerXXX.text-on-left {
      margin-left: -10px;/*08.22 was -50*/
      margin-right:0%;
      color:#1c1c1c;    
  }
  }
  @media (max-width: 37.5em) {
  .product-herofeaturesXXX .product-herofeatures__text-block-innerXXX.text-on-left {
      margin-left:auto;
      margin-right:auto;
      color:#1c1c1c;
  }
  }
  @media (max-width: 768px) {
  .product-herofeaturesXXX .product-herofeatures__text-block-innerXXX.text-on-left {
      margin-left:auto;
      margin-right:auto;
      color:#1c1c1c;
  }
  }

  @media (max-width: 426px) {
  .product-herofeaturesXXX .product-herofeatures__text-block-innerXXX.text-on-left {
      margin-left:auto;
      margin-right:auto;
      color:#1c1c1c;
  }
  }
  .product-herofeatures__texttext-on-leftXXX {
      margin-top: 0rem;
     /* max-width:450px;
      min-width:420px;*/
      font-size: 1.2rem;
      line-height: 1.5rem;
  	color:black;
  }
 .product-herofeatures__texttext-on-leftXXX p {
      margin-top: 0rem;
 }
  @media (max-width: 425px) {
  .product-herofeatures__texttext-on-leftXXX {
     /* max-width:300px;
      min-width:250px;*/
  }
  }



/* DESIGN STYLES */
.product-herofeatures__text-blockXXX .product-herofeatures__headingXXX {
  color: #212121;
  text-align: left;
  font-size: 2.2rem;
  line-height: 2.6rem;
  min-width: 400px;
  max-width: 470px;
/*   text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.1), 0px 8px 13px rgba(0, 0, 0, 0.1),
      0px 18px 23px rgba(0, 0, 0, 0.1);*/
}
/* .product-herofeatures__text-blockXXX .product-herofeatures__heading_lightXXX {
  color: #1c1c1c;
  text-align: left;
  font-size: 2.2rem;
  line-height: 2.6rem;
  min-width: 400px;
} */
.product-herofeatures__text-blockXXX .product-herofeatures__textXXX p {
	color: #1c1c1c;
	text-align: left;
    font-size: 1.2rem;
    line-height: 1.66rem;
	margin-top: 0em;
/*   	max-width: 490px;
	min-width:480px; */
/*	text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.1), 0px 8px 13px rgba(0, 0, 0, 0.1),
      0px 18px 23px rgba(0, 0, 0, 0.1); */
}
.product-herofeatures__text-blockXXX .product-herofeatures__textXXX a {
    color: #1c1c1c;
}
.product-herofeaturesXXX .product-herofeatures__textXXX {
  max-width: 470px;
}
.product-herofeaturesXXX .product-herofeatures__textXXX ul {
    width:100%;
    min-width: 80%!important;
    margin: 0 0 0.8125rem 1rem
}
.product-herofeaturesXXX .product-herofeatures__textXXX ul li {
    font-size: 1.2rem;
    line-height: 1.66rem;
}

@media screen and (max-width: 1400px) {
.product-herofeatures__text-blockXXX .product-herofeatures__heading_lightXXX {
  color: #1c1c1c;
  text-align: left;
    font-size: 2rem;
    line-height: 2.4rem;
    min-width: 400px;
    margin-top: 0em;
    margin-bottom: 0em;
  } 
}
@media screen and (max-width: 1200px) {
  .product-herofeatures__text-blockXXX .product-herofeatures__textXXX p {
    color: #1c1c1c;
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-top: 0em;
    
/*    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.1), 0px 8px 13px rgba(0, 0, 0, 0.1),
      0px 18px 23px rgba(0, 0, 0, 0.1); */
  }
  .product-herofeatures__text-blockXXX .product-herofeatures__textXXX a {
    color: #1c1c1c;
  }
}

@media screen and (max-width: 900px) {
  .product-herofeatures__text-blockXXX .product-herofeatures__headingXXX {
    color: #212121;
    text-shadow: none;
  }
  .product-herofeatures__text-blockXXX .product-herofeatures__textXXX p {
    color: #000;
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-top: 0em;
    text-shadow: none;
  }
  .product-herofeatures__text-blockXXX .product-herofeatures__textXXX a {
    color: black;
  }
}

  @media screen and (max-width: 768px) {
    .product-herofeatures__text-blockXXX .product-herofeatures__headingXXX {
      color: #212121;
      text-shadow: none;
      max-width: 580px;
      min-width: 250px;
      font-size: 2rem;
      line-height: 2.2rem;
    }
    .product-herofeatures__text-blockXXX .product-herofeatures__textXXX p {
      color: #000;
      text-align: left;
      font-size: 1.2rem;
      line-height: 1.8rem;
      max-width: 580px;
      min-width: 250px;
      margin-top: 0em;
      text-shadow: none;
    }
    .product-herofeatures__text-blockXXX .product-herofeatures__textXXX a {
      color: black;
    }
  }

  @media screen and (max-width: 425px) {
  .product-herofeatures__text-blockXXX .product-herofeatures__headingXXX {
      max-width: 300px;
      min-width: 230px; 
      font-size: 1.8rem;
      line-height: 2rem;
	  margin-top: 1em;
  }
    .product-herofeatures__text-blockXXX .product-herofeatures__textXXX p {
      line-height: 1.8rem;
  }
  }

  @media screen and (min-width: 426px) {
  .product-herofeatures__text-blockXXX .product-herofeatures__headingXXX sup{
      font-size:0.5em;	
  }
      .product-herofeatures__text-blockXXX .product-herofeatures__textXXX p sup {
      font-size:0.5em;
      line-height: 1rem;
  }
  }

  @media screen and (max-width: 425px) {
  .product-herofeatures__text-blockXXX .product-herofeatures__headingXXX sup{
      font-size:0.5em;	
  }
      .product-herofeatures__text-blockXXX .product-herofeatures__textXXX p sup {
      font-size:0.5em;
      line-height: 1rem;
  }
  }





/* move desktop text block in towards the middle */
@media only screen and (min-width: 93.75em) {
.product-herofeaturesXXX .product-herofeatures__text-blockXXX .container {
  /* margin-right: 15%; */
  width: 93.75em;
  min-width: 93.75em;
}
}
/* move dmobile text block in towards the middle */
@media screen and (max-width: 1200px) {
  .product-herofeaturesXXX .product-herofeatures__text-blockXXX .container {
   /* margin-right: 0%; */
  }
}
/* @media screen and (max-width: 1200px) {
  .product-herofeaturesXXX .product-herofeatures__text-blockXXX .container {
    margin-right: 8%;
  }
} */
@media screen and (max-width: 900px) {
  .product-herofeaturesXXX .product-herofeatures__text-blockXXX .container {
    margin-right: auto;
  }
}
@media screen and (max-width: 900px) {
  .product-herofeatures__textXXX {
    max-width: 590px;
  }
}

/* hide UI on 1 Slide  */
.flickity-page-dotsXXX li:only-child{
    display: none;
}

/* instigate scrollbar for long paragraphs */
@media screen and (max-width: 1400px) {
div.product-feature-overflow {
                margin:4px, 4px;
                padding:4px;
                padding-right:2em;
                width: 400px;
                height: 200px;
                overflow-x: hidden;
                overflow-y: auto;
}
}
@media screen and (max-width: 900px) {
div.product-feature-overflow {
                margin:4px, 4px;
                padding:4px;
                height: 400px;
                width: 100%;
                overflow: visible;
}
.product-herofeaturesXXX .product-herofeatures__textXXX {
    width: 100%;
    max-width: 100%;
  }
}