/* Smell & Smile Natural A — Stage 6: Universal Image Control System */
[data-ss-image-control="true"]{position:relative;overflow:hidden}
[data-ss-image-control="true"] spz-img,
spz-img[data-ss-image-control="true"]{overflow:hidden}
[data-ss-image-control="true"] spz-img img,
[data-ss-image-control="true"] spz-img .i-spzhtml-fill-content,
spz-img[data-ss-image-control="true"] img,
spz-img[data-ss-image-control="true"] .i-spzhtml-fill-content,
[data-ss-image-control="true"]>img{
  -o-object-fit:var(--ss-img-pc-fit,cover)!important;
     object-fit:var(--ss-img-pc-fit,cover)!important;
  -o-object-position:var(--ss-img-pc-x,50%) var(--ss-img-pc-y,50%)!important;
     object-position:var(--ss-img-pc-x,50%) var(--ss-img-pc-y,50%)!important;
  transform:scale(var(--ss-img-pc-zoom,1));
  transform-origin:var(--ss-img-pc-x,50%) var(--ss-img-pc-y,50%);
  transition:transform .25s ease,object-position .25s ease;
  transition:transform .25s ease,object-position .25s ease,-o-object-position .25s ease;
}
[data-ss-image-control="true"][data-ss-image-height="true"]{height:var(--ss-img-pc-h)!important;min-height:0!important}
[data-ss-image-control="true"][data-ss-image-height="true"]>spz-img,
[data-ss-image-control="true"][data-ss-image-height="true"]>img{height:100%!important;width:100%!important}

/* Slideshow items use the existing carousel height and only need per-slide crop controls. */
.slideshow-carousel-item[data-ss-image-control="true"] spz-img img,
.slideshow-carousel-item[data-ss-image-control="true"] spz-img .i-spzhtml-fill-content{
  -o-object-fit:var(--ss-img-pc-fit,cover)!important;
     object-fit:var(--ss-img-pc-fit,cover)!important;-o-object-position:var(--ss-img-pc-x,50%) var(--ss-img-pc-y,50%)!important;object-position:var(--ss-img-pc-x,50%) var(--ss-img-pc-y,50%)!important;
  transform:scale(var(--ss-img-pc-zoom,1));transform-origin:var(--ss-img-pc-x,50%) var(--ss-img-pc-y,50%)
}

/* Catalog image controls: deliberately global to keep product grids visually consistent. */
.product-snippet-image-container spz-img img,
.product-snippet-image-container spz-img .i-spzhtml-fill-content,
.product-snippet-image-container img{
  -o-object-fit:var(--ss-product-image-fit,contain)!important;
     object-fit:var(--ss-product-image-fit,contain)!important;
  -o-object-position:50% 50%!important;
     object-position:50% 50%!important;
  transform:scale(var(--ss-product-image-zoom,1));
  transform-origin:center center;
}
.collection-item-image spz-img img,.collection-item-image img,
.collection-list-item-hero spz-img img,.collection-list-item-hero img,
.collection-mosaic-subitem-hero spz-img img,.collection-mosaic-subitem-hero img,
.collection-roll-item-hero spz-img img,.collection-roll-item-hero img,
.collection-sub-item-img spz-img img,.collection-sub-item-img img{
  -o-object-fit:var(--ss-collection-image-fit,cover)!important;
     object-fit:var(--ss-collection-image-fit,cover)!important;
  -o-object-position:50% 50%!important;
     object-position:50% 50%!important;
  transform:scale(var(--ss-collection-image-zoom,1));
  transform-origin:center center;
}

@media(max-width:749px){
  [data-ss-image-control="true"] spz-img img,
  [data-ss-image-control="true"] spz-img .i-spzhtml-fill-content,
  spz-img[data-ss-image-control="true"] img,
  spz-img[data-ss-image-control="true"] .i-spzhtml-fill-content,
  [data-ss-image-control="true"]>img{
    -o-object-fit:var(--ss-img-mobile-fit,var(--ss-img-pc-fit,cover))!important;
       object-fit:var(--ss-img-mobile-fit,var(--ss-img-pc-fit,cover))!important;
    -o-object-position:var(--ss-img-mobile-x,50%) var(--ss-img-mobile-y,50%)!important;
       object-position:var(--ss-img-mobile-x,50%) var(--ss-img-mobile-y,50%)!important;
    transform:scale(var(--ss-img-mobile-zoom,var(--ss-img-pc-zoom,1)));
    transform-origin:var(--ss-img-mobile-x,50%) var(--ss-img-mobile-y,50%);
  }
  [data-ss-image-control="true"][data-ss-image-height="true"]{height:var(--ss-img-mobile-h)!important}
  .slideshow-carousel-item[data-ss-image-control="true"] spz-img img,
  .slideshow-carousel-item[data-ss-image-control="true"] spz-img .i-spzhtml-fill-content{
    -o-object-fit:var(--ss-img-mobile-fit,cover)!important;
       object-fit:var(--ss-img-mobile-fit,cover)!important;-o-object-position:var(--ss-img-mobile-x,50%) var(--ss-img-mobile-y,50%)!important;object-position:var(--ss-img-mobile-x,50%) var(--ss-img-mobile-y,50%)!important;
    transform:scale(var(--ss-img-mobile-zoom,1));transform-origin:var(--ss-img-mobile-x,50%) var(--ss-img-mobile-y,50%)
  }
}
@media(prefers-reduced-motion:reduce){[data-ss-image-control="true"] img,[data-ss-image-control="true"] .i-spzhtml-fill-content{transition:none!important}}

.ss-category-card__icon .ss-stage6-category-image{width:var(--ss-cat-image-size)!important;height:var(--ss-cat-image-size)!important;transform:scale(var(--ss-cat-image-zoom,1))}
@media(max-width:749px){.ss-category-card__icon .ss-stage6-category-image{width:var(--ss-cat-image-size-mobile)!important;height:var(--ss-cat-image-size-mobile)!important}}