/* ------------------------------------------------------------------------------------ */
.ds9__page .ds9__compare-items .ds9__cta {
   max-width: 118px;
}
.ds9__product[data-item="1"] .ds9__cta.ds9__product-cta {
      max-width: 134px;
  }
.ds9__page .ds9__compare-item-texture {
   min-height: 183px;
}
.ds9__page .ds9__product-media-value {
      width: 200px;
}
.ds9__page .ds9__product[data-item="2"]  .ds9__product-media-number {
      left: calc(50% +  ( 341 * var(--collectionRatio)));
}



@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.ds9__page .ds9__product[data-item="2"] .ds9__product-media-number {
      left: calc(52% + ( 224 * var(--collectionRatio)));
}
.ds9__page .ds9__compare-title {
      font-size: 33px;
}
.ds9__page .ds9__only-mobile {
      display: block;
  }
  .ds9__page .ds9__quickview-btn.ds9__only-desktop {
      display: none;
  }
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.ds9__page .ds9__product[data-item="2"]  .ds9__product-media-number {
      left: calc(50% +  ( 234 * var(--collectionRatio)));
}
.ds9__page .ds9__compare-title {
      font-size: 43px;
}
}

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
.ds9__page .ds9__product[data-item="2"]  .ds9__product-media-number {
      left: calc(50% +  ( 137 * var(--collectionRatio)));
}
.ds9__page .ds9__product-media-text {
      font-size: calc( 15 * var(--collectionRatio));
}
}


/*- ESTORE CSS UPDATE FOR V2-*/

.ds9__product-application-legal > sup:nth-child(1) {
      font-size: 9px;
}
p.ds9__product-application-legal{
      font-size: 12px !important;
}
/*- ESTORE CSS UPDATE FOR V2- HEADER VISUAL*/
.ds9__page .ds9__header-picto {
      left: calc(46% - calc(440 * var(--headerRatio)));
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .ds9__page .ds9__header-picto {
        left: calc(44% - calc(440 * var(--headerRatio))) !important;
    }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
      .ds9__page .ds9__header-media {
            width: 115% !important;
      }
      .ds9__page .ds9__header-picto {
        left: calc(54% - calc(440 * var(--headerRatio))) !important;
      }
}

@media (max-width: 480px) {
.ds9__page .ds9__header-picto {
    left: calc(121% - calc(440 * var(--headerRatio))) !important;
}
}