.card-product{display:block;height:100%}.card-product .card__inner{height:100%;display:flex;flex-direction:column;position:relative;gap:16px}.card-product .card__inner .card-product__badges{display:flex;gap:4px;position:absolute;top:8px;left:8px;z-index:2}.card-product .card__inner .card-product__badges .card-product__badge{padding:4px 8px;background-color:#000;color:#f5f9fe;border-radius:24px;font-family:"ABC Whyte Inktrap Mono Unlicensed Trial";text-transform:uppercase;font-size:12px;font-weight:400;line-height:110%;line-height:normal}.card-product .card__inner .summary{flex-grow:1;display:flex;flex-direction:column;gap:8px}.card-product .card__inner .summary .rating{display:none}.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 .summary__titles{display:flex;align-items:center}.card-product .product-title{flex-grow:1;margin:0;font-family:"Oakes Grotesk";font-size:18px;font-weight:500;line-height:110%;letter-spacing:0em;text-transform:none;color:var(--text-color)}.card-product .product-title a{text-decoration:none}.card-product .price{margin:0;line-height:normal}.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:center;align-items:center}.card-product .button.has-price>span .price::before{content:" - "}.card-product.simple .card__inner{display:grid;grid-template-columns:120px 1fr;gap:16px}.card-product.simple .image-container{margin:0}.card-product.simple .summary{justify-content:space-between;gap:8px}.card-product.simple .product-title{margin:0;flex-grow:unset}.card-product.simple .button.has-price>span .price::before{content:" - "}@media only screen and (min-width: 769px){.card-product product-form .button.has-price>span .price{display:none}.card-product.simple .button{padding:12px;margin-top:0}.card-product.simple .button.has-price>span .price{display:block}.card-product.simple .button.has-price>span .price::before{content:" - "}.card-product.simple .button *{font-size:14px}.card-product:not(.simple) .quick-add{height:0;opacity:0;visibility:hidden;transition:all .2s ease-in-out}.card-product:not(.simple):hover .quick-add{height:52px;opacity:1;visibility:visible}}