.product.svelte-1866xsn{display:grid;grid-template-rows:auto 1fr;position:relative;clip-path:polygon(0 0,0 100%,100% 100%,100% 0);height:100%}.product.svelte-1866xsn:hover a:where(.svelte-1866xsn){color:var(--primary-color-1)}.product.svelte-1866xsn:hover .indisplay-label:where(.svelte-1866xsn){padding:.3rem 1rem}a.svelte-1866xsn{display:grid}.discount.svelte-1866xsn{--padding: 1.9rem;width:100%;background:var(--discount-color);color:#fff;transform:translate(-50%,-50%) rotate(-45deg);transform-origin:center;position:absolute;top:var(--padding);left:var(--padding);text-align:center;padding:4px 10px;z-index:2}.product-image.svelte-1866xsn{position:relative;background:var(--black-50);width:100%;margin:0 auto;aspect-ratio:1 / 1}.product-image.svelte-1866xsn img{--fail-background: var(--black-400);width:100%;height:100%;-o-object-fit:contain;object-fit:contain;aspect-ratio:1 / 1}.product-image.svelte-1866xsn .indisplay-label:where(.svelte-1866xsn){position:absolute;right:0;bottom:5px;padding:.3rem .6rem;background-color:var(--primary-color-1);color:#fff;transition:.3s all;box-shadow:var(--md-shadow-lvl-1)}.info.svelte-1866xsn{flex:1;display:flex;flex-direction:column;gap:5px;background:var(--black-50);width:100%;height:100%;scroll-snap-align:start;padding:6px;z-index:0}.info.svelte-1866xsn h2:where(.svelte-1866xsn){font-size:unset;font-weight:400;line-height:unset}.tags.svelte-1866xsn{display:flex;flex-wrap:wrap;gap:6px;max-height:21px;overflow:hidden}.name.svelte-1866xsn{font-weight:400;font-size:var(--body-2-font-size);line-height:var(--body-2-line-height);word-break:break-all}.price.svelte-1866xsn{display:flex;margin-top:auto}.price.svelte-1866xsn p:where(.svelte-1866xsn):nth-of-type(1){font-weight:700;font-size:var(--current-price-font-size);line-height:var(--current-price-line-height)}.price.svelte-1866xsn p:where(.svelte-1866xsn):nth-of-type(2){font-size:var(--original-price-font-size);text-decoration:line-through}.state.svelte-1866xsn{display:flex;gap:0 10px;justify-content:space-between}.state.svelte-1866xsn p:where(.svelte-1866xsn){font-size:var(--original-price-font-size);text-decoration:line-through;display:none}@media (max-width: 440px){.state.svelte-1866xsn p:where(.svelte-1866xsn){display:block}.price.svelte-1866xsn p:where(.svelte-1866xsn):nth-of-type(2){display:none}}