/*------------------------------------------------------------------------------------------*/
.i-product-above-the-fold .product-info {
    max-width: 493px;
    flex-basis: 100% !important;
  }
  .discover-more-block__wrapper.display-flex.flex-wrap.justify-content-start{
    display: none !important;
  }
  .i-below-the-fold {
    display: none !important;
  }
  .finder-restartlink {
    background-color: transparent!important;
  }
  a:not(.cba-link-style) {
   background-color: none !important;
  }
  #RESULT-DATA #wrapper {
    padding-top: 0 !important;
  }

/* --- -----------this was on update css [debug] comment------------- --- */
body, html {
  overflow-x : clip !important;
}

#wrapper {
  padding-top: 155px !important;
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
  #wrapper {
    padding-top: 100px !important;
  }
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
  #wrapper {
    padding-top: 49px !important;
  }
}
@media (max-width: 480px) {
  #wrapper {
    padding-top: 87px !important;
}
  #main:not(.main-homepage) {
    padding-top: 66px;
  }
}

/* FAQ section */
ul.bullet-any-questions {
  list-style: disc !important;
  padding-inline-start: 40px !important;
}

@media (max-width: 480px) {
  .hide-mobile{
    display: none;
  }
  
}



/* CLARINS FINDER section */

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
  .LF-clarins-finder__item {
    width: 250px !important;
    min-height: 460px !important;
    margin: 0 auto !important;
  }

  .LF-clarins-finder__item-txt  {
    font-size: 12px;
  }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
  

  .LF-clarins-finder__item {
    width: 230px !important;
    min-height: 460px !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 480px) {
  .LF-clarins-finder__item {
    width: 260px !important;
    min-height: 505px !important;
  }
  #main:not(.main-homepage) {
      padding-left: 0;
      padding-right: 0;
  }
}
