.card-product{display:flex;flex-direction:column;width:calc(calc(100% - var(--space-sm)) / 2);row-gap:.62rem;position:relative}.card-product__media{position:relative}.card-product__media .product__badge{position:absolute;top:var(--space-sm);left:var(--space-sm);z-index:2;background-color:#f7f7f7;color:#00000080;border-color:#00000080;opacity:1}.card-product__media .product__badge:not(.product__badge--notify){color:#000;border-color:#000}.card-product__gallery{width:100%;height:auto;aspect-ratio:7 / 9;display:grid;grid-template:1fr / 1fr;overflow:hidden}.card-product__gallery--first{grid-row:1;grid-column:1;z-index:2;width:100%;height:100%;transition:opacity var(--easing-fast)}.card-product__gallery--first-image{aspect-ratio:7 / 9;background-color:#f7f7f7}.card-product__gallery--first-image.first-image--product img{aspect-ratio:7 / 9;object-fit:contain;mix-blend-mode:multiply;width:110%;height:110%;margin-top:-5%;margin-bottom:-5%;max-width:110%;min-width:110%}.card-product__gallery .swiper-wrapper{grid-row:1;grid-column:1}.swiper-wrapper{display:flex;flex-direction:row;scroll-snap-type:x mandatory;overflow-x:auto;overflow-y:hidden;width:100%;height:100%}.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-slide{width:100%;height:100%;scroll-snap-align:center;aspect-ratio:7 / 9}.card-product__image{width:100%;height:100%}.card-product__image .optimal-image-inner{overflow:hidden;background-color:#f7f7f7}.swiper-slide .card-product__image img{mix-blend-mode:multiply}.swiper-slide:nth-child(1) .card-product__image img,.swiper-slide:nth-child(2) .card-product__image.card-product__image-second-contain img{object-fit:contain;width:110%;height:110%;margin-top:-5%;margin-bottom:-5%;max-width:110%;min-width:110%;mix-blend-mode:multiply}.card-product__favorite{position:absolute;top:var(--space-sm);right:var(--space-sm);width:calc(1.2rem + var(--space-sm));height:calc(1.2rem + var(--space-sm));padding:var(--space-xs)}.card-product__favorite .icon{width:100%;height:100%;fill:rgb(var(--color-foreground));transition:all var(--easing-fast);transform-origin:center}.card-product__info{display:grid;row-gap:calc(var(--space-xs) / 2);column-gap:var(--space-sm);grid-template-columns:1fr auto}.card-product__title{font-weight:500;font-size:1rem;grid-row:1;grid-column:1}.card-product__price{grid-row:2;grid-column:1}.card-product__quick-add{grid-row:1 / 3;grid-column:2;margin-right:var(--space-xs)}.card-product__quick-add .icon{width:1.2rem;height:1.2rem;fill:rgb(var(--color-foreground));transform-origin:center;transition:all var(--easing-fast)}.card-product__colors{grid-row:3;grid-column:1;line-height:1}.card-product__favorite{pointer-events:auto;transition:all var(--easing-fast);z-index:9;opacity:1}.card-product__favorite:not(.is-favorite){opacity:1}@media screen and (min-width: 768px){.card-product{width:calc(calc(100vw - (2* var(--page-margin)) - 5 * var(--space-sm)) / 6)}.card-product__quick-add{opacity:0;pointer-events:none;transition:all var(--easing-fast)}.card-product__colors{opacity:0;font-weight:500;transition:opacity var(--easing-fast)}.card-product__favorite:not(.is-favorite){opacity:0}.card-product:hover .card-product__quick-add,.card-product:hover .card-product__favorite{opacity:1;pointer-events:auto;cursor:pointer}.card-product__quick-add:hover .icon,.card-product__favorite:hover .icon{transform:scale(.9)}.card-product:hover .card-product__colors,.card-product:focus-within .card-product__colors{opacity:1}.card-product:has(.swiper-wrapper>div):hover .card-product__gallery--first{opacity:0;pointer-events:none}}.story-card{width:100%;display:flex;flex-direction:column;row-gap:var(--space-sm)}.story-card__image,.story-card__image img{aspect-ratio:16 / 10;object-fit:cover}.story-card__title{font-size:1rem}
/*# sourceMappingURL=/cdn/shop/t/206/assets/card-product.css.map */