/* Crops from the approved CHERRYSTONE reference. */
.cs-reference-defs{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  pointer-events:none;
}

.cs-reference-crop{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
}

.cs-home-hero-media .cs-reference-crop,
.cs-home-about-media .cs-reference-crop,
.cs-about-media .cs-reference-crop,
.cs-production-media .cs-reference-crop,
.cs-product-main-image .cs-reference-crop,
.cs-home-product-image .cs-reference-crop,
.cs-commerce-visual .cs-reference-crop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.cs-home-hero-media,
.cs-home-about-media,
.cs-about-media,
.cs-production-media,
.cs-product-main-image,
.cs-home-product-image,
.cs-commerce-visual{
  position:relative;
  overflow:hidden;
}

.cs-home-hero-media img,
.cs-home-about-media img,
.cs-about-media img,
.cs-production-media img,
.cs-product-main-image img{
  display:none!important;
}

/* Popular-model cards now contain real local theme images.
   They must remain visible; only legacy reference crops are disabled there. */
.cs-home-product-image .cs-reference-crop{
  display:none!important;
}

.cs-home-product-image > img{
  display:block!important;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
}

.cs-commerce-visual{
  background-image:none!important;
  background-color:#ddd2c6!important;
}

.cs-commerce-visual:before{
  display:none!important;
}

.cs-home-product-image,
.cs-commerce-visual,
.cs-product-main-image{
  background-color:#e1d8ce;
}

.cs-home-hero-media,
.cs-about-media,
.cs-home-about-media,
.cs-production-media{
  background:#e8dfd5;
}

.cs-reference-crop use{
  transform-box:fill-box;
}

@media(max-width:760px){
  .cs-home-hero-media .cs-reference-crop{
    width:100%;
    height:100%;
  }
}