.card{position:relative;display:flex;flex-direction:column;height:100%;container-type:inline-size;background:rgb(var(--color-card-background));border-radius:var(--radius-card);padding:10px;overflow:visible}.card--border{border:1px solid rgb(var(--color-border))}.card--shadow{box-shadow:0 2px 10px #1d1d1b0f}@media(hover:hover){.card--shadow-hover:hover{box-shadow:var(--shadow-lift)}}.card--align-center .card__body{text-align:center;align-items:center}.card--align-right .card__body{text-align:right;align-items:flex-end}.card__media-wrap{position:relative;flex:none}.card__media{display:block;aspect-ratio:1 / var(--plate-ratio, 1);border-radius:var(--radius-image);overflow:hidden;padding:0}.card__image{width:100%;height:100%;object-fit:contain;object-position:center calc(50% + var(--plate-offset, 0%));padding:var(--plate-padding, 0)}.hws-plate--fill .card__image{object-fit:cover;padding:0}.card__image-hover{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:rgb(var(--color-plate));opacity:0;transition:opacity .18s var(--ease-out, ease-out);pointer-events:none}@media(hover:hover){.card:hover .card__image-hover,.card:focus-within .card__image-hover{opacity:1}}@media(hover:none){.card__image-hover{display:none}}.card__placeholder-svg{width:100%;height:100%;fill:rgb(var(--color-text) / .12)}.card__wishlist{position:absolute;top:12px;right:12px;z-index:3;width:var(--tap-min);height:var(--tap-min);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:var(--radius-button);color:rgb(var(--color-text))}.card__soldout{position:absolute;inset-inline:0;bottom:0;z-index:3;padding:10px 12px;background:rgb(var(--color-ink) / .9);color:rgb(var(--color-paper));font-size:12px;font-weight:600;letter-spacing:.04em;text-align:center}.card__quickshop-trigger{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;background:rgb(var(--color-background));opacity:1}@media(hover:hover){.card__quickshop-trigger{opacity:0;transform:translateY(6px);transition:opacity var(--dur-ui) ease,transform var(--dur-ui) ease}.card:hover .card__quickshop-trigger,.card__quickshop-trigger:focus-visible{opacity:1;transform:none}}.card__body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;padding:14px 14px 16px}.card__vendor{display:block;overflow:hidden;min-height:1em;font-family:var(--font-mono-family);font-size:var(--card-vendor-size);font-weight:600;line-height:1;letter-spacing:.12em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--color-clay))}.card__title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card__form,.card__variants,.card__variant-select,.card__shade-link,.card__quickshop-trigger,.card .compare-button{position:relative;z-index:2}.card .hws-badges{position:absolute;top:18px;left:18px;z-index:3;max-width:calc(100% - 84px);flex-wrap:nowrap;min-height:23px;align-items:center}@media screen and (max-width:749px){.card .hws-badges>*:nth-child(n+2){display:none}}.card__title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(3 * 1.35em);font-size:var(--card-title-size);font-weight:var(--card-title-weight);line-height:1.35;text-transform:var(--card-title-transform);color:rgb(var(--color-heading));text-decoration:none}.card__title:hover{text-decoration:underline;text-underline-offset:2px}.card__meta,.card__short{margin:0;font-size:var(--card-text-size);line-height:1.5;color:rgb(var(--color-text-muted))}.card__meta{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;min-height:1.5em}.card__signals{display:flex;align-items:center;gap:8px;margin-top:1px;min-height:var(--card-rating-height, 29px);overflow:hidden}.card__rating{display:flex;align-items:center;flex:none}.card__rating:empty{display:none}.card__body>.card__meta:empty{display:block}.card__properties{display:flex;flex-wrap:nowrap;overflow:hidden;min-width:0;gap:5px}.card__properties .hws-tag{min-height:22px;font-size:10px;letter-spacing:.03em}.card__price-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:10px}.card__price-row .price__current{--price-size: var(--card-price-size)}.card__price-row .price__compare{--price-compare-size: var(--card-compare-size)}.card__status{display:inline-flex;flex-direction:column;align-items:flex-start;gap:0;align-self:flex-start;margin-top:6px;min-height:2.7em;color:rgb(var(--color-success));font-size:var(--card-delivery-size, 13px);font-weight:600;line-height:1.35}.card__status-sep{display:none;color:rgb(var(--color-success) / .5)}@container (max-width: 259px){.card__price-row,.card__price-row .price{flex-wrap:nowrap}.card__price-row .price__compare{--price-compare-size: 11px}.card__status{min-height:1.35em}.card__status:has(.card__delivery) .card__stock,.card__status .card__status-sep{display:none}.card__status .card__delivery:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:currentColor}.card__properties .hws-tag:nth-child(n+2){display:none}}@container (min-width: 260px){.card__status{flex-direction:row;align-items:center;flex-wrap:wrap;gap:5px;min-height:1.35em;font-size:12px}.card__status .hws-status,.card__status .card__delivery{white-space:nowrap}.card__status-sep{display:inline}}.card__delivery{display:inline-flex;align-items:center;gap:6px;color:inherit;font:inherit}.card__status .hws-delivery{color:inherit;line-height:inherit}.card__status .hws-status{font:inherit}.hws-delivery{display:inline-flex;align-items:center;gap:6px;line-height:1.4}.hws-delivery svg{flex:none;opacity:.7}.card__form{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:6px;justify-content:flex-end}.card__variants{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0;min-inline-size:0;max-width:100%;min-height:36px;gap:6px;margin:0;padding:0;border:0}.card__variants::-webkit-scrollbar{display:none}.card__variant{flex:none;min-height:36px;padding:0 11px;background:rgb(var(--color-background));border:1px solid rgb(var(--color-border));border-radius:var(--radius-button);color:rgb(var(--color-text-muted));font-size:12px;font-weight:600;line-height:1}.card__variant:hover{border-color:rgb(var(--color-text));color:rgb(var(--color-text))}.card__variant.is-selected{background:rgb(var(--color-beige-accent));border-color:rgb(var(--color-text));color:rgb(var(--color-text))}.card__variant.is-unavailable{color:rgb(var(--color-text) / .45);border-style:dashed;text-decoration:line-through}.card__variant-select select{min-height:36px;padding-block:0;border-color:rgb(var(--color-text));font-size:13px;font-weight:600}.card__quick-add{display:flex;gap:8px;align-items:stretch;width:100%}.card__form--rows .card__quick-add{flex-direction:column}.card__form--columns .card__quick-add{flex-direction:row}.card__shade-link{--button-height: 48px}.card__add{--button-height: 48px;flex:1;width:100%;font-size:var(--card-button-size)}.card__add .btn__icon{display:none}.card__error{margin:0;font-size:12px;line-height:1.4;color:rgb(var(--color-danger))}.card__swatches,.swatches{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.swatch{display:block;width:22px;height:22px;border:1px solid rgb(var(--color-text) / .2);background-size:cover;background-position:center;cursor:pointer}.swatch--circle{border-radius:50%}.swatch--rectangle{border-radius:3px}.swatch.is-selected{outline:2px solid rgb(var(--color-text));outline-offset:2px}.swatches__more{font-size:12px;color:rgb(var(--color-text-muted))}.card__compare{position:absolute;bottom:8px;left:8px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;background:rgb(var(--color-background) / .92);border:1px solid rgb(var(--color-border));border-radius:var(--radius-button);font-size:11px;font-weight:600}.card--compact .card__body{gap:5px;padding:12px 12px 14px}.card--compact .card__title{-webkit-line-clamp:2}@media screen and (max-width:749px){.card__add--icon-mobile .btn__text{display:none}.card__add--icon-mobile .btn__icon{display:inline-flex}.card__add--icon-mobile{--button-height: 48px;background:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-label))}.card__signals{gap:5px}.card__signals:has(.card__properties .hws-tag) .hws-rating__count{display:none}.card__properties .hws-tag{min-height:20px;padding:3px 4px;font-size:9px;letter-spacing:0;border-radius:5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__shade-link{background:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-label))}.card__variants{display:none}}@media screen and (min-width:750px){.card__form--hover .card__quick-add{opacity:1}}@media screen and (max-width:749px){.product-grid .card__form{margin-top:auto;padding-top:12px}}.product-grid{display:grid;gap:var(--card-gap);grid-template-columns:repeat(var(--cols-mobile, 2),minmax(0,1fr));list-style:none;margin:0;padding:0}@media screen and (min-width:750px){.product-grid{grid-template-columns:repeat(var(--cols-tablet, 3),minmax(0,1fr))}}@media screen and (min-width:1200px){.product-grid{grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr))}}.product-grid--list .card{flex-direction:row}@media screen and (max-width:749px){.product-grid--list{grid-template-columns:minmax(0,1fr)}}.product-grid--list .card__media-wrap{width:34%;max-width:220px}@media screen and (max-width:749px){.product-grid--one-mobile{grid-template-columns:minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-product-card.css.map */