/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./dev/scss/_new/productCard/_index.scss ***!
  \******************************************************************************************************************************************************************************************************/
product-card-component,product-card-component .image{display:block;position:relative}product-card-component .image{background-color:var(--gray1)}product-card-component .image img{aspect-ratio:3/4;background-color:var(--gray1);object-fit:contain;pointer-events:none}product-card-component .image a{display:block}product-card-component .image .hover img{bottom:0;left:auto;object-fit:cover;opacity:0;pointer-events:all;position:absolute;right:0;top:0;transition:opacity .35s ease;z-index:5}@media (max-width:960px){product-card-component .image .hover img{display:none}}@media (min-width:960px){product-card-component .image:hover img:last-of-type{opacity:1;transition:opacity .35s ease}}product-card-component .content{padding-top:.625rem;padding-inline:.9375rem}product-card-component .content a{display:block}product-card-component .content price-component{justify-content:start}