.card .image-field{position:relative}.card .image-field img{height:100%;object-fit:contain;object-position:center center;width:100%;display:block!important}.card .title-field+.vendor-field{margin-top:calc(4px * var(--responsive-scale));margin-bottom:calc(8px * var(--responsive-scale))}:is(.product-grid,.collection-grid) .wrapper-link:hover .image-field{border-color:var(--color-brand-1)!important}:is(.product-grid,.collection-grid) .wrapper-link:hover .image-field img{transform:scale(1.1)}:is(.product-grid,.collection-grid) .image-area+.body-area{margin-top:calc(var(--card-field-margin) * var(--responsive-scale))}:is(.product-grid,.collection-grid) .image-field{border:3px solid #000000;height:100%!important;position:relative;transition:border-color .5s cubic-bezier(.25,.46,.45,.94);overflow:hidden}:is(.product-grid,.collection-grid) .image-field:before{content:"";margin-top:100%;margin-bottom:-100%}:is(.product-grid,.collection-grid) .image-field:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";z-index:1}:is(.product-grid,.collection-grid) .image-field img{transition:transform .5s cubic-bezier(.25,.46,.45,.94)}:is(.product-grid,.collection-grid) .title-field{font-size:var(--h4-font-size);line-height:var(--h4-line-height);margin-bottom:0}:is(.product-grid,.collection-grid) .price-field{margin-top:0;color:rgba(var(--color-foreground),.75)}:is(.color-background-2 .product-grid,.color-background-2 .collection-grid) .image-field{border-color:#ccc}.product-list,.collection-list{padding-left:0;border:3px solid #000000}:is(.product-list,.collection-list) h2,:is(.product-list,.collection-list) h3{font-size:calc(var(--body-font-size) * var(--responsive-scale));letter-spacing:calc(var(--body-letter-spacing) * var(--responsive-scale));line-height:1.5;font-family:var(--body-font-family);font-weight:var(--body-font-weight);color:var(--color-text);font-style:var(--font-style)}:is(.product-list,.collection-list) .list-item{padding-bottom:calc(var(--row-gap) * var(--responsive-scale));padding-top:calc(var(--row-gap) * var(--responsive-scale));list-style:none}:is(.product-list,.collection-list) .list-item:nth-child(odd){background-color:#ddd}:is(.layout-1 .product-list,.layout-1 .collection-list) .list-item{padding-left:calc(var(--column-gap) * var(--responsive-scale));padding-right:calc(var(--column-gap) * var(--responsive-scale))}:is(.layout-2,.layout-3,.layout-4,.layout-5) .product-list,:is(.layout-2,.layout-3,.layout-4,.layout-5) .collection-list{display:table;width:100%}:is(:is(.layout-2,.layout-3,.layout-4,.layout-5) .product-list,:is(.layout-2,.layout-3,.layout-4,.layout-5) .collection-list) .list-item{display:table-row}:is(:is(.layout-2,.layout-3,.layout-4,.layout-5) .product-list,:is(.layout-2,.layout-3,.layout-4,.layout-5) .collection-list) .list-item>div{display:table-cell;padding:calc(var(--row-gap) * var(--responsive-scale)) calc(var(--column-gap) / 2 * var(--responsive-scale))}:is(:is(.layout-2,.layout-3,.layout-4,.layout-5) .product-list,:is(.layout-2,.layout-3,.layout-4,.layout-5) .collection-list) .list-item>div:first-child{padding-left:calc(var(--column-gap) * var(--responsive-scale))}:is(:is(.layout-2,.layout-3,.layout-4,.layout-5) .product-list,:is(.layout-2,.layout-3,.layout-4,.layout-5) .collection-list) .list-item>div:last-child{padding-right:calc(var(--column-gap) * var(--responsive-scale))}:is(:is(.layout-2,.layout-3,.layout-4,.layout-5) .product-list,:is(.layout-2,.layout-3,.layout-4,.layout-5) .collection-list) .product-number{white-space:nowrap}:is(:is(.layout-2,.layout-3,.layout-4,.layout-5) .product-list,:is(.layout-2,.layout-3,.layout-4,.layout-5) .collection-list) .product-price-vat-0,:is(:is(.layout-2,.layout-3,.layout-4,.layout-5) .product-list,:is(.layout-2,.layout-3,.layout-4,.layout-5) .collection-list) .product-price{text-align:right;white-space:nowrap}.product-count{opacity:.67}.article-card .title-field{margin-bottom:0}.article-card .title-field,.article-card .title-field a{font-weight:500!important}.page-card .title-field{margin-bottom:0}.page-card .title-field,.page-card .title-field a{font-weight:500!important}
/*# sourceMappingURL=/cdn/shop/t/67/assets/component-card.css.map */