/*
 * Charoal product framing v10 — 2026-08-20
 * Maximal safe product sizing in non-tobacco category previews, on white.
 */

html.charoal-redesign body.type-category:not(.id-712) .products-block .product .image,
html.charoal-redesign body.type-category:not(.id-712) #productsTop .product .image,
html.charoal-redesign body.type-category:not(.id-712) .products-related .product .image,
html.charoal-redesign body.type-category:not(.id-712) .products-alternative .product .image,
html.charoal-redesign body.type-category:not(.id-712) .products-inline .product .image,
html.charoal-redesign body.type-category:not(.id-712) .charoal-smart-result-card .image,
html.charoal-redesign body.type-category:not(.id-712) .charoal-smart-results-image {
  overflow: hidden !important;
  background: #fff !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html.charoal-redesign body.type-category:not(.id-712) .products-block .product .image::before,
html.charoal-redesign body.type-category:not(.id-712) .products-block .product .image::after,
html.charoal-redesign body.type-category:not(.id-712) #productsTop .product .image::before,
html.charoal-redesign body.type-category:not(.id-712) #productsTop .product .image::after,
html.charoal-redesign body.type-category:not(.id-712) .products-related .product .image::before,
html.charoal-redesign body.type-category:not(.id-712) .products-related .product .image::after,
html.charoal-redesign body.type-category:not(.id-712) .products-alternative .product .image::before,
html.charoal-redesign body.type-category:not(.id-712) .products-alternative .product .image::after,
html.charoal-redesign body.type-category:not(.id-712) .products-inline .product .image::before,
html.charoal-redesign body.type-category:not(.id-712) .products-inline .product .image::after,
html.charoal-redesign body.type-category:not(.id-712) .charoal-smart-result-card .image::before,
html.charoal-redesign body.type-category:not(.id-712) .charoal-smart-result-card .image::after,
html.charoal-redesign body.type-category:not(.id-712) .charoal-smart-results-image::before,
html.charoal-redesign body.type-category:not(.id-712) .charoal-smart-results-image::after {
  content: none !important;
  display: none !important;
}

html.charoal-redesign body.type-category:not(.id-712) .product .image img,
html.charoal-redesign body.type-category:not(.id-712) .charoal-smart-results-image img {
  padding: 0 !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  object-fit: contain !important;
}

html.charoal-redesign body.type-category:not(.id-712) .product .image img[data-charoal-framed-v10],
html.charoal-redesign body.type-category:not(.id-712) .charoal-smart-results-image img[data-charoal-framed-v10] {
  transform: var(--charoal-product-image-transform-v10) !important;
  transform-origin: 50% 50% !important;
  will-change: transform;
  transition: transform .24s ease !important;
}

html.charoal-redesign body.type-category:not(.id-712) .product > .p:hover .image img[data-charoal-framed-v10],
html.charoal-redesign body.type-category:not(.id-712) .charoal-smart-results-card:hover .charoal-smart-results-image img[data-charoal-framed-v10] {
  transform: var(--charoal-product-image-transform-hover-v10) !important;
}

@media (prefers-reduced-motion: reduce) {
  html.charoal-redesign body.type-category:not(.id-712) .product .image img[data-charoal-framed-v10],
  html.charoal-redesign body.type-category:not(.id-712) .charoal-smart-results-image img[data-charoal-framed-v10] {
    transition: none !important;
  }
}