.recently-viewed .swiper-slide {
    display: flex;
    height: auto;
  }
  .recently-viewed input {
    display: none;
  }
  .recently-viewed input + label {
    display: inline-block;
  }
  .recently-viewed input ~ .tab {
    display: none;
  }
  .recently-viewed #tab1:checked ~ .tab.content1,
  .recently-viewed #tab2:checked ~ .tab.content2,
  .recently-viewed #tab3:checked ~ .tab.content3 {
    display: block;
  }
  .recently-viewed input + label {
    padding: 4px 12px;
    position: relative;
    top: 1px;
    font-family: var(--font-sans);
    font-weight: normal;
    opacity: 0.5;
    cursor: pointer;
  }
  .recently-viewed input + label:first-of-type {
    padding-left: 0;
  }
  .recently-viewed input:checked + label {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-22);
    letter-spacing: 1.32;
    opacity: 1;
    transition: 0.3s all;
  }
  .recently-viewed input ~ .tab {
    padding: 12px 0;
  }
  .recently-viewed .custom-select {
    display: none;
  }
  .recently-viewed .heading-md {
    text-decoration: underline;
  }
  .recently-viewed .heading-lg {
    font-family: var(--font-sans);
    text-transform: uppercase;
    text-decoration: none;
  }
  @media only screen and (max-width: 767.98px) {
    .recently-viewed .heading-md {
      font-size: 24px;
    }
    .recently-viewed input, .recently-viewed label {
      display: none !important;
    }
    .recently-viewed .custom-select {
      position: relative;
      display: block;
    }
    .recently-viewed .custom-select .select-chevron {
      content: "HELLO";
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      z-index: 1;
      pointer-events: none;
    }
    .recently-viewed .custom-select select {
      width: 100%;
      border: none;
      padding: 10px 0;
      background: transparent;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
    }
    .recently-viewed .custom-select select:focus-visible {
      outline: none;
    }
    .recently-viewed .custom-select select option {
      padding: 5px 10px;
    }
  }
  .recently-viewed .page-width {
    position: relative;
  }
  .recently-viewed .page-width .recently-viewed-button {
    position: absolute;
    top: -20px;
    right: 5rem;
  }
  @media only screen and (max-width: 767.98px) {
    .recently-viewed .page-width .pipe {
      display: none;
    }
  }
  .recently-viewed .page-width .recently-viewed-button {
    padding: 15px 30px;
  }
  @media only screen and (max-width: 767.98px) {
    .recently-viewed .page-width .recently-viewed-button {
      display: none;
    }
  }
  
  body.new-style-pdp .works-well-with{
    background: #F6F4F1 0% 0% no-repeat padding-box;
    /* margin-left: -15px;
    margin-right: -15px; */
    padding-right: 0;
    margin-bottom: 25px;
    padding-left: 0;
  }
  
  body.new-style-pdp .works-well-with input + label:first-of-type {
    margin-left: var(--grid-desktop-horizontal-spacing);
  }
  
  body.new-style-pdp .works-well-with .tab slider-component ul.slider {
    scroll-padding-left: var(--grid-desktop-horizontal-spacing);
  }

  body.new-style-pdp .works-well-with .tab slider-component ul.slider li.grid__item.slider__slide:first-of-type {
    margin-left: var(--grid-desktop-horizontal-spacing);
  }
  
  @media screen and ( min-width: 990px ) {
    
    body.new-style-pdp .works-well-with .tab slider-component ul.slider li.grid__item.slider__slide {
      width: calc( ( 100% - ( var(--grid-desktop-horizontal-spacing, 0px) * 3 ) ) / 2 );
      max-width: calc( ( 100% - ( var(--grid-desktop-horizontal-spacing, 0px) * 3 ) ) / 2 );
    }
    body.new-style-pdp .works-well-with .tab slider-component.slider-component-full-width .slider--desktop:after {
      padding-left: var(--grid-desktop-horizontal-spacing);
    }
    
  }
  
  @media screen and ( min-width: 1300px ) {
    
    body.new-style-pdp #MainContent .recently-viewed input + label:first-of-type {
      padding: 4px 12px;
    }
    
    body.new-style-pdp .works-well-with .tab slider-component ul.slider li.grid__item.slider__slide {
      width: calc( ( 100% - ( var(--grid-desktop-horizontal-spacing, 0px) * 4 ) ) / 3 );
      max-width: calc( ( 100% - ( var(--grid-desktop-horizontal-spacing, 0px) * 4 ) ) / 3 );
    }
    body.new-style-pdp .works-well-with .tab slider-component.slider-component-full-width .slider--desktop:after {
      padding-left: var(--grid-desktop-horizontal-spacing);
    }
    
  }

    @media screen and ( max-width: 990px ) {
      .slider-buttons { 
        display: none !important; 
      }
    }

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

    body.new-style-pdp .works-well-with .tab slider-component ul.slider {
      scroll-padding-left: var(--grid-mobile-horizontal-spacing);
    }
    
    body.new-style-pdp .works-well-with .tab slider-component ul.slider li.grid__item.slider__slide {
      width: calc( ( 100% - ( var(--grid-mobile-horizontal-spacing, 0px) * 4 ) ) / 3 );
      max-width: calc( ( 100% - ( var(--grid-mobile-horizontal-spacing, 0px) * 4 ) ) / 3 );
    }
    body.new-style-pdp .works-well-with .tab slider-component.slider-component-full-width .slider--desktop:after {
      padding-left: var(--grid-mobile-horizontal-spacing);
    }
    
    body.new-style-pdp .works-well-with input + label:first-of-type {
      margin-left: var(--grid-mobile-horizontal-spacing);
    }
    
    body.new-style-pdp .works-well-with .tab slider-component ul.slider li.grid__item.slider__slide:first-of-type {
      margin-left: var(--grid-mobile-horizontal-spacing);
    }
    
  }

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

    body.new-style-pdp .works-well-with .tab slider-component ul.slider {
      scroll-padding-left: var(--grid-mobile-horizontal-spacing);
    }

    body.new-style-pdp .works-well-with .tab slider-component.slider-component-full-width .slider--desktop:after {
      padding-left: var(--grid-desktop-horizontal-spacing);
    }
    
    body.new-style-pdp .works-well-with .tab slider-component ul.slider li.grid__item.slider__slide {
      width: calc( ( 100% - ( var(--grid-mobile-horizontal-spacing, 0px) * 3 ) ) / 1.5 );
      max-width: calc( ( 100% - ( var(--grid-mobile-horizontal-spacing, 0px) * 3 ) ) / 1.5 );
    }
    
  }

  /* @media only screen and (min-width: 750px) {
    body.new-style-pdp .works-well-with{
      margin-right: calc(var(--layout-space-6) * -1);
      margin-left: 0;
    }
  }

  @media only screen and (min-width: 1430px) {
    body.new-style-pdp .works-well-with{
      margin-right: calc( (50vw - 680px) * -1);
      margin-left: 0;
    }
  } */

  body.new-style-pdp .works-well-with .slider{
    overflow-y:visible;
  }

  body.new-style-pdp .works-well-with .slider .card__label span {
    font-size: var(--text-size-verytiny) !important;
  }

  body.new-style-pdp .works-well-with .slider-buttons {
    margin-right: 15px;
    padding: 0;
    position: absolute;
    top: -60px;
    right: 0;
  }
  
  @media only screen and (min-width: 750px) {
    body.new-style-pdp .works-well-with .slider-buttons {
      /* margin-right: 18rem; */
    }
  }
  
  body.new-style-pdp .works-well-with .slider-buttons .slider-button {
    background-color: transparent;
    color: rgb(var(--color-base-black)) !important;
    padding: 0;
    width: 2rem;
  }

  body.new-style-pdp .works-well-with .slider-buttons .slider-counter.caption{
    display:none;
  }
  
  body.new-style-pdp .works-well-with .slider-buttons .slider-button .icon{
    height: 17px !important;
    width: 17px !important;
  }

  body.new-style-pdp .works-well-with .heading-lg{
    font: normal normal normal 16px/21px Roboto;
    color: #000000;
    padding:4px;
    margin-bottom:12px;
  }

  body.new-style-pdp .works-well-with label{
    opacity: 1;
  }

  body.new-style-pdp .works-well-with input:checked + label .heading-lg{
    font-weight:bold;
    border-bottom: 1px solid #000000;
  }

  body.new-style-pdp .works-well-with .heading-md{
    font-size: var(--text-size-s);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
  }

  @media only screen and (min-width: 750px) {
    body.new-style-pdp .works-well-with .heading-md{
      font-size: var(--text-size-base);
    }  
  }

  body.new-style-pdp .works-well-with product-card{
    padding:0;
  }

  body.new-style-pdp .works-well-with product-card .card__information{
    flex-wrap:wrap;
    width:100%;
  }

  body.new-style-pdp .works-well-with product-card .card__information > .card-information {
    display: none;
    visibility: collapse;
  }

  body.new-style-pdp .works-well-with product-card .card--standard > .card__content{
    display:flex;
    flex-direction: column;
    justify-content: space-between;
  }

  body.new-style-pdp .works-well-with product-card .card--standard > .card__content .card__information{
    flex-wrap:wrap;
  }

  body.new-style-pdp .works-well-with product-card .button.button--secondary {
    padding: 0 var(--layout-space-5);
    min-height: 30px;
    margin-bottom: var(--layout-space-4);
  }

  @media only screen and (min-width: 750px) {
    body.new-style-pdp .works-well-with product-card .button.button--secondary {
      margin-bottom: 0;
    }  
  }

  body.new-style-pdp .works-well-with product-card .product-form__submit {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 30px;
  }

  body.new-style-pdp .works-well-with product-card .product-form__submit:hover {
    background-color: rgb(var(--color-base-black));
    color: rgb(var(--color-base-white));
  }

  body.new-style-pdp .works-well-with .slider .grid__item{
    max-width: 220px;
    width: calc(40% - var(--grid-desktop-horizontal-spacing) / 4);
  }

  body.new-style-pdp .works-well-with .slider .grid__item h3 a{
    font: normal normal bold 14px/17px Roboto;
  }

  body.new-style-pdp .works-well-with .slider .grid__item .card__type{
    font: normal normal normal 14px/19px Roboto;
  }

  @media only screen and (max-width: 1200px) {
    body.new-style-pdp .works-well-with .product-form__submit{
      padding:0;
      
    }
    body.new-style-pdp .works-well-with .product-form__submit span{
      white-space: wrap;
    }
  }

  @media only screen and (max-width: 767.98px) {
    body.new-style-pdp .works-well-with{
      padding-top:20px;
    }
    /*
    body.new-style-pdp .works-well-with .slider .grid__item{
      width: calc(70% - var(--grid-mobile-horizontal-spacing) / 4);
    }
    */
    body.new-style-pdp .works-well-with input ~ .tab{
      padding-top:0;
    }
    body.new-style-pdp .works-well-with .slider-buttons {
      padding: 0;
      position: absolute;
      top: -60px;
      right: 0;
    }
  }

@media only screen and (max-width: 767.98px) {
    body.new-style-pdp .works-well-with .custom-select {
        display: none;
    }

    body.new-style-pdp .works-well-with label {
        display: inline-block !important;
    }
}