.card-product{display:block;height:100%}.card-product .card__inner{height:100%;display:flex;flex-direction:column}.card-product .card__inner .summary{flex-grow:1;display:flex;flex-direction:column}.card-product .image-container{margin:0 0 20px 0}.card-product .image-container .secondary{opacity:0;transition:all .2s ease-in-out}.card-product .image-container:hover:has(.secondary) .secondary{opacity:1}.card-product .image-container:hover:has(.secondary) .primary{z-index:-1}.card-product .product-title{flex-grow:1;margin:0 0 20px 0;font-family:"Avenir Next","Helvetica Neue",Arial,Roboto,sans-serif;font-size:20px;font-weight:400;line-height:32px;letter-spacing:normal;text-transform:none;color:var(--text-color)}.card-product .product-title a{text-decoration:none}.card-product .vendor{margin:0 0 8px 0;font-size:12px;text-transform:uppercase}.card-product .swatches{display:flex;gap:10px;margin:0 0 20px}.card-product .swatches .swatch{display:block;position:relative;width:20px;height:20px;background-color:var(--swatch--background);pointer-events:none;border-radius:3px}.card-product .swatches dusk-swatch{display:block;overflow:hidden;cursor:pointer;border-radius:3px}.card-product .swatches dusk-swatch[disabled]{position:relative}.card-product .swatches dusk-swatch[disabled]::before{content:"";height:1px;width:200%;position:absolute;background:#000;transform:translate(-25%, calc(20px / 2)) rotate(45deg)}.card-product .swatches dusk-swatch[disabled] .swatch{opacity:.4}.card-product .swatches dusk-swatch.active{outline:1px solid #000;outline-offset:1px}.card-product .button.has-price>span:first-child{flex-grow:1;display:flex;justify-content:space-between;align-items:center}.card-product.simple .card__inner{display:grid;grid-template-columns:120px 1fr;gap:10px}.card-product.simple .image-container{margin:0}.card-product.simple .summary{justify-content:center;gap:10px}.card-product.simple .product-title{margin:0;flex-grow:unset}.card-product .card__inner .summary{color:#1d1a1e}.card-product .card__inner .summary .image-container{margin-bottom:24px}.card-product .card__inner .summary .short-desc{margin-top:0;margin-bottom:12px;color:#56565c;font-size:12px;line-height:20px;flex-grow:1}.card-product .card__inner .summary a{text-decoration:none;flex-grow:1}.card-product .card__inner .summary .product-title{margin-top:0;margin-bottom:8px;font-size:12px;font-weight:500;line-height:20px}.card-product .card__inner .summary .quick-add button.has-price>span:first-child{justify-content:center;gap:8px}.card-product .card__inner .summary .quick-add button.has-price>span:first-child .price{display:flex;align-items:center}.card-product .card__inner .summary .quick-add button.has-price>span:first-child .price:before{content:"•";margin-right:8px}.card-product .card__inner .summary .quick-add button.has-price>span:first-child .price .price-from{font-size:12px;line-height:20px;text-transform:none}@media screen and (min-width: 920px){.card-product .card__inner .summary .product-title{margin-top:0;margin-bottom:8px;font-size:14px;font-weight:500;line-height:20px}.card-product .card__inner .summary .short-desc{font-size:14px;line-height:20px}}