product-card{container-type:inline-size;display:flex;flex-direction:column;height:100%}product-card .product-card__img-box{aspect-ratio:6/7;display:grid;flex:0;grid-template-areas:"card";grid-template-columns:1fr}product-card .product-card__img-box>img{display:block;grid-area:card;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}product-card .product-card__img-box>img[main-img]{z-index:0}product-card .product-card__img-box>img[hover-img]{opacity:0;transition:opacity .12s ease;z-index:1}product-card .product-card__details{display:flex;flex:1;flex-direction:column;font-size:max(.875rem,4.5cqi);padding-inline:16px}@media (min-width:768px){product-card .product-card__details{padding-inline:24px}}product-card .product-card__title{color:var(--color-gunmetal);font-family:Sanomat-LightItalic,sans-serif;font-size:1.6em;line-height:1.04}product-card .product-card__subtitle,product-card .product-card__title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400}product-card .product-card__subtitle{color:inherit;color:var(--color-olive);font-family:SanomatSans-Light,sans-serif;font-size:1.125em;margin-block:8px}product-card .product-card__subtitle span{display:inline-block;margin-bottom:8px;margin-left:auto;margin-right:auto}product-card .product-card__subtitle span:before{content:open-quote}product-card .product-card__subtitle span:after{content:close-quote}product-card .product-card__product-details{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-top:auto}product-card .product-card__description{color:var(--color-olive);flex:1 1 auto;font-size:.875em}product-card .product-card__description,product-card .product-card__price{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:SanomatSans-Regular,sans-serif;font-style:normal;font-weight:400}product-card .product-card__price{color:var(--color-gunmetal);flex:0 0 auto;font-size:1em}product-card .product-card__button{background-color:var(--color-gunmetal);border:1px solid var(--color-gunmetal);display:block;margin-top:12px;outline:none;overflow:hidden;position:relative;z-index:1}product-card .product-card__button span,product-card .product-card__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-offwhite);display:grid;font-family:SanomatSans-Light,sans-serif;font-size:1em;font-style:normal;font-weight:400;letter-spacing:1.5px;padding-inline:16px;place-content:center;text-transform:uppercase;transition:transform .48s;transition-timing-function:cubic-bezier(.19,1,.22,1)}@media (min-width:576px){product-card .product-card__button span,product-card .product-card__button:after{padding-inline:24px}}@media (min-width:768px){product-card .product-card__button span,product-card .product-card__button:after{padding-inline:32px}}product-card .product-card__button span{height:40px}product-card .product-card__button:after{content:attr(data-content);height:100%;left:0;position:absolute;top:0;transform:translate3d(0,100%,0);width:100%}product-card a{display:flex;flex-direction:column;height:100%}product-card a:focus-visible .product-card__img-box img[hover-img],product-card a:hover .product-card__img-box img[hover-img]{opacity:1}product-card a:focus-visible .product-card__button span,product-card a:hover .product-card__button span{transform:translate3d(0,-100%,0)}product-card a:focus-visible .product-card__button:after,product-card a:hover .product-card__button:after{transform:translateZ(0)}product-card[view=card] .product-card__img-box{border:1px dashed var(--color-gunmetal);border-radius:4px;overflow:hidden}product-card[view=card] .product-card__details{padding-top:16px}@media (min-width:768px){product-card[view=card] .product-card__details{padding-top:24px}}product-card[view=grid]{background-color:var(--color-palewhite)}product-card[view=grid] .product-card__details{padding-bottom:16px;padding-top:8px}@media (min-width:768px){product-card[view=grid] .product-card__details{padding-bottom:24px}}