/* Small, optional pointer effects. Product images retain their contain layout. */
.crc-theme .home-products .product-photo:focus-visible,
.crc-theme .combo-card .product-photo:focus-visible{outline-offset:-4px}
.crc-theme .collection-card:focus-visible{outline-offset:4px}

@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .crc-theme .home-products .product-card,
  .crc-theme .combo-card{transition:transform .24s ease-out,box-shadow .24s ease-out}
  .crc-theme .home-products .product-photo img,
  .crc-theme .combo-card .product-photo img,
  .crc-theme .woocommerce ul.products li.product a img{transition:transform .24s ease-out}
  .crc-theme .home-products .product-card:hover,
  .crc-theme .home-products .product-card:focus-within,
  .crc-theme .combo-card:hover,
  .crc-theme .combo-card:focus-within{transform:translateY(-2px);box-shadow:0 10px 24px rgba(36,45,25,.12)}
  .crc-theme .home-products .product-card:hover .product-photo img,
  .crc-theme .home-products .product-card:focus-within .product-photo img,
  .crc-theme .combo-card:hover .product-photo img,
  .crc-theme .combo-card:focus-within .product-photo img,
  .crc-theme .woocommerce ul.products li.product a:hover img,
  .crc-theme .woocommerce ul.products li.product a:focus-visible img{transform:scale(1.015)}

  /* Landscape category images are already cropped, so do not enlarge them. */
  .crc-theme .collection-card{background:var(--crc-olive);transition:box-shadow .24s ease-out}
  .crc-theme .collection-card img{transition:opacity .24s ease-out}
  .crc-theme .collection-card small .icon{transition:transform .24s ease-out}
  .crc-theme .collection-card:hover,
  .crc-theme .collection-card:focus-visible{box-shadow:0 8px 22px rgba(36,45,25,.14)}
  .crc-theme .collection-card:hover img,
  .crc-theme .collection-card:focus-visible img{opacity:.94}
  .crc-theme .collection-card:hover small .icon,
  .crc-theme .collection-card:focus-visible small .icon{transform:translateX(4px)}

  .crc-theme .button,
  .crc-theme .woocommerce a.button,
  .crc-theme .woocommerce button.button{transition:filter .2s ease-out,background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}
}