:where(li,div):has(>.card){container-type:inline-size}.card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:4px;background:var(--c-surface);color:#6b706e;font-size:14px;line-height:1.3}.card__media{position:relative;width:100%;background:var(--c-surface)}.card__media--square{aspect-ratio:1 / 1}.card__media--portrait{aspect-ratio:4 / 5}.card__media>img,.card__media>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .35s var(--ease)}.card__img--hover{opacity:0}@media(hover:hover){.card:hover .card__media--has-hover.hover-ready .card__img--main{opacity:0}.card:hover .card__media--has-hover.hover-ready .card__img--hover{opacity:1}}.card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card .card__badges{position:absolute;z-index:2;display:flex;flex-wrap:wrap;gap:4px;padding:16px;pointer-events:none}.card__badges--top-left{top:0;left:0}.card__badges--top-right{top:0;right:0;justify-content:flex-end}.card__badges--bottom-left{bottom:0;left:0}.card__badges--bottom-right{bottom:0;right:0;justify-content:flex-end}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;background:#d9d5c6;color:#070a09;font-size:14px;font-weight:800;line-height:1.3;text-transform:none;letter-spacing:0}.badge--sale{background:#d9d5c6;color:#070a09}.badge--dark{background:#070a09;color:#fbfaf3}.card__quick{position:absolute;z-index:3;left:16px;right:16px;bottom:16px;opacity:0;transform:translateY(16px);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.card .card__quick .btn{width:100%;min-width:0;min-height:32px;padding:6px 12px;border:1px solid #8c887a;border-radius:4px;background:#fbfaf3e6;color:#070a09;font-size:14px;font-weight:900;line-height:18px;text-transform:uppercase;box-shadow:none}.card .card__quick .btn:before{background:#fff}.card .card__quick .btn:hover{color:#070a09;border-color:#070a09}.card__quick-icon{display:none}@media(hover:hover){.card:hover .card__quick,.card:focus-within .card__quick{opacity:1;transform:none}}@media(hover:none){.card__quick{display:none}}.card__content{display:flex;flex-direction:column;flex:1;padding:8px 16px 16px;border-top:1px solid #dad5c4}.card__content>*{padding-block:4px}.card__rating,.card__rating .stars__count{font-size:14px}.card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.card__title{flex:1;min-width:0;margin:0;font-family:var(--font-body);font-size:16px;font-weight:800;line-height:1.02;letter-spacing:0;text-transform:none;color:#070a09}.card__title-link{position:static;color:inherit}.card__title-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card__price{flex:none;text-align:right}.card__price .price{display:inline-flex;flex-wrap:nowrap;align-items:baseline;justify-content:flex-end;gap:4px}.card__price .price__compare{order:0;font-size:14px;font-weight:400;color:#6b706e}.card__price .price__current{order:1;font-size:14px;font-weight:700;color:#6b706e}.card__price .price--sale .price__current{color:#6b706e}.card__price .price__badge{display:none}.card__meta{display:flex;flex-direction:row;justify-content:space-between;gap:16px;margin:0;font-size:14px;line-height:1.3}.card__spec{display:block;margin:0;padding:16px;border-top:1px solid #dad5c4;font-size:14px;line-height:1.3}@container (max-width: 219px){.card .card__badges{padding:4px}.badge{padding:2px 6px;font-size:12px}.card__content{padding:8px}.card__rating,.card__rating .stars__count{font-size:12px}.card__header{gap:4px}.card__title{font-size:12px;line-height:1.1}.card__price .price{flex-direction:column;align-items:flex-end;gap:0}.card__price .price__current{order:0;font-size:12px}.card__price .price__compare{order:1;font-size:11px}.card__meta{flex-direction:column;gap:4px;font-size:12px}.card__spec{display:none}}.card__swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.swatch-dot{position:relative;width:18px;height:18px;border-radius:50%;background:var(--swatch-img, var(--swatch, #ccc)) center / cover;box-shadow:inset 0 0 0 1px #0000001f}.swatch-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1px solid transparent;transition:border-color .2s}.swatch-dot[aria-pressed=true]:after,.swatch-dot:hover:after{border-color:var(--c-text)}.swatch-more{font-size:14px;color:var(--c-muted)}.product-grid{display:grid;grid-template-columns:repeat(var(--cols-m, 2),minmax(0,1fr));gap:8px}@media(min-width:750px){.product-grid{grid-template-columns:repeat(min(3,var(--cols-d, 4)),minmax(0,1fr));gap:12px}}@media(min-width:990px){.product-grid{grid-template-columns:repeat(var(--cols-d, 4),minmax(0,1fr));gap:16px}}@media(min-width:990px){.badge{padding:4px 8px;font-size:12px}}@container (max-width: 219px){.card__price .price__compare,.card__price .price__current{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/component-card.css.map */