/*------------------------------------*\
   HERO CSS
\*------------------------------------*/

.main [data-module-template="heroes"] [data-unit-id] .unit-copy-wrapper { padding-left: 15px; padding-right: 15px; }




/* HERO 1 IPHONE-12-PRO */

/* SCREENS */

/* LOCAL FIXES */

.main [data-module-template="heroes"] [data-unit-id="iphone-12-pro"] .unit-copy-reg .cta-links a:last-child {
  margin-left: 0;
}

.main [data-module-template="heroes"] [data-unit-id="iphone-12-pro"] .tile-copy {
    font-size: 14px;
    margin-top: -10px;
    padding-bottom: 10px;
}

html.ac-ls-visible .main [data-module-template=heroes] [data-unit-id=iphone-12-pro] {
  --custom-height-l-tall: 843px;
  --custom-height-l: 615px;
  --custom-height-m-tall: 768px;
  --custom-height-m: 580px;
  --custom-height-s: 570px;
}

.main [data-module-template=heroes] [data-unit-id=iphone-12-pro] {
  --custom-height-l-tall: 773px;
  --custom-height-l: 670px;
  --custom-height-m-tall: 698px;
  --custom-height-m: 620px;
  --custom-height-s: 630px
}

.main [data-module-template=heroes] .unit-image-wrapper .unit-image.unit-image-iphone-12-pro-hero {
  background-position: center 145px
}

@media only screen and (max-device-width:1068px) and (orientation:landscape) {
  .main [data-module-template=heroes] .unit-image-wrapper .unit-image.unit-image-iphone-12-pro-hero {
    background-position: center 235px
  }
}

@media only screen and (max-width:734px) {
  .main [data-module-template=heroes] .unit-image-wrapper .unit-image.unit-image-iphone-12-pro-hero {
    background-position: center 255px
  }
}

/* END HERO 1 IPHONE-12-PRO */







/* HERO 2 IPHONE-12 */

/* SCREENS */

/* LOCAL FIXES */

.main [data-module-template="heroes"] [data-unit-id="iphone-12"] .unit-copy-reg .cta-links a:last-child {
  margin-left: 0;
}

.main [data-module-template="heroes"] [data-unit-id="iphone-12"] .tile-copy {
    font-size: 14px;
    margin-top: -10px;
    padding-bottom: 10px;
}

html.ac-ls-visible .main [data-module-template=heroes] [data-unit-id=iphone-12] {
  --custom-height-l-tall: 965px;
  --custom-height-l: 720px;
  --custom-height-m-tall: 885px;
  --custom-height-m: 670px;
  --custom-height-s: 570px
}

.main [data-module-template=heroes] [data-unit-id=iphone-12] {
  --custom-height-l-tall: 895px;
  --custom-height-l: 775px;
  --custom-height-m-tall: 815px;
  --custom-height-m: 710px;
  --custom-height-s: 630px
}

.main [data-module-template=heroes] [data-unit-id=iphone-12] .background {
  background: #fbfbfd
}

.main [data-module-template=heroes] .unit-image-wrapper .unit-image.unit-image-iphone-12-hero-alt {
  background-position: center 135px
}

@media only screen and (max-width:734px) {
  .main [data-module-template=heroes] .unit-image-wrapper .unit-image.unit-image-iphone-12-hero-alt {
    background-position: center 245px
  }
}

/* END HERO 2 IPHONE-12 */




/* HERO 3 IPAD-AIR */

/* SCREENS */

/* LOCAL FIXES */

/* END HERO 3 IPAD-AIR */




/*------------------------------------*\
  END HERO CSS
\*------------------------------------*/






/*------------------------------------*\
   PROMO CSS
\*------------------------------------*/



/* PROMO 1 IPAD-10.2 */

/* SCREENS */

.logo-image-ipad-logo-tile {
  background-image: url("/euro/home/b/titles_fr/ipad/logo-tile__ec23lf7d072a_large.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .logo-image-ipad-logo-tile {
    background-image: url("/euro/home/b/titles_fr/ipad/logo-tile__ec23lf7d072a_large_2x.png")
  }
}

@media only screen and (max-width: 1068px) {
  .logo-image-ipad-logo-tile {
    background-image: url("/euro/home/b/titles_fr/ipad/logo-tile__ec23lf7d072a_medium.png")
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .logo-image-ipad-logo-tile {
    background-image: url("/euro/home/b/titles_fr/ipad/logo-tile__ec23lf7d072a_medium_2x.png")
  }
}

@media only screen and (max-width: 734px) {
  .logo-image-ipad-logo-tile {
    background-image: url("/euro/home/b/titles_fr/ipad/logo-tile__ec23lf7d072a_small.png")
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .logo-image-ipad-logo-tile {
    background-image: url("/euro/home/b/titles_fr/ipad/logo-tile__ec23lf7d072a_small_2x.png")
  }
}

.main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-ipad-tile { background-image:url("/euro/home/b/screens_alt/images/promos/ipad/tile__cauwwcyyn9hy_large.jpg"); }
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-ipad-tile { background-image:url("/euro/home/b/screens_alt/images/promos/ipad/tile__cauwwcyyn9hy_large_2x.jpg"); }
 }
 @media only screen and (max-width: 1068px) {
.main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-ipad-tile { background-image:url("/euro/home/b/screens_alt/images/promos/ipad/tile__cauwwcyyn9hy_medium.jpg"); }
 }
 @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-ipad-tile { background-image:url("/euro/home/b/screens_alt/images/promos/ipad/tile__cauwwcyyn9hy_medium_2x.jpg"); }
 }
 @media only screen and (max-width: 734px) {
.main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-ipad-tile { background-image:url("/euro/home/b/screens_alt/images/promos/ipad/tile__cauwwcyyn9hy_small.jpg"); }
 }
 @media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
.main [data-module-template="promos"] .unit-image-wrapper .unit-image.unit-image-ipad-tile { background-image:url("/euro/home/b/screens_alt/images/promos/ipad/tile__cauwwcyyn9hy_small_2x.jpg"); }
 }



/* LOCAL FIXES */

/* END PROMO 1 IPAD-10.2 */





/* PROMO 2 MACBOOK-PRO */

/* SCREENS */

/* LOCAL FIXES */

/* END PROMO 2 MACBOOK-PRO */






/* PROMO 3 IMAC */

/* SCREENS */

/* LOCAL FIXES */

/* END PROMO 4 IMAC */






/* PROMO 4 AIRPODS-PRO */

/* SCREENS */


/* LOCAL FIXES */

/* END PROMO 4 AIRPODS-PRO */

/*------------------------------------*\
  END PROMO CSS
\*------------------------------------*/
