.card-product{display:block;height:100%;color:var(--color-highlight);text-align:center}.card-product .card__inner{border:3px solid var(--color-highlight);border-radius:20px;padding:24px 16px;height:100%;display:flex;flex-direction:column;transition:background-color .2s ease-in-out;position:relative}.card-product .card__inner:hover{background-color:rgb(from var(--color-highlight) r g b / 0.1)}.card-product .card__inner .summary{flex-grow:1;display:flex;flex-direction:column;gap:5px}.card-product .card__inner .summary .quick-add{margin-top:7px}.card-product .card__inner .summary .short-description{max-width:320px;margin:0 auto}@media only screen and (max-width: 768px){.card-product .card__inner .summary .short-description{font-size:12px}}.card-product .card__inner .tags{display:flex;gap:5px;flex-wrap:wrap;position:absolute;z-index:1;top:16px;left:16px;width:calc(100% - 32px)}@media only screen and (min-width: 769px){.card-product .card__inner .tags{top:24px;left:24px;width:calc(100% - 48px)}}.card-product .card__inner .tags .tag{background-color:#000;color:#fff;padding:8px 16px 6px;border-radius:40px}.card-product .image-container{margin:0 0 12px 0;aspect-ratio:unset}.card-product .image-container img{max-width:320px;position:relative;aspect-ratio:.81;object-fit:contain}.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 0 0}.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{background-color:var(--color-highlight) !important;border-color:var(--color-highlight) !important;padding:16px 10px}.card-product .button.has-price>span:first-child{flex-grow:1;display:flex;align-items:center;justify-content: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}@media only screen and (min-width: 769px){.card-product{border-width:3px}.card-product .card__inner{padding:40px 24px}.card-product .card__inner .summary .quick-add{margin-top:19px}.card-product .image-container{margin:0 0 24px 0}.card-product .button{padding:16px 40px}}