.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 6.5px 0;font-family:"News Gothic Std","Helvetica",sans-serif;font-size:14px;font-weight:400;line-height:120%;letter-spacing:.42px;text-transform:unset;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}@media only screen and (min-width: 769px){.card-product .product-title{margin:0 0 6px 0;font-size:20px}}.card-product .card__inner .summary{flex-direction:row;gap:8px}.card-product .card__inner .product-title,.card-product .card__inner .product-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-product .card__inner .product-description{font-family:"News Gothic Condensed","Avenir Next Condensed",sans-serif;font-size:11px;line-height:normal;letter-spacing:.55px;text-transform:uppercase;margin-bottom:6px;min-height:28px}.drawer .card-product .card__inner .product-description{min-height:40px}.card-product .card__inner .card__innerTopContainer{position:relative}.card-product .card__inner .card__innerTopContainer .quick-add{position:absolute;bottom:32px;right:15.5px;color:#000}.card-product .card__inner .card__innerTopContainer .quick-add .button{padding:0}.card-product .card__inner .card__innerBottomContainer{display:flex;flex-direction:column;justify-content:space-between}.card-product .card__inner .card__innerBottomContainer .product-title a{display:block}.card-product .card__inner .card__innerBottomContainer .card__innerBottomContainer--bottom{margin-top:auto}.card-product .image-container{position:relative;margin-bottom:16px}.card-product .image-container img,.card-product .image-container video{border-radius:16px !important;background-color:#d9d9d9}@media only screen and (min-width: 769px){.card-product .product-title{line-height:120%;letter-spacing:.6px}}.apothia-rating{font-family:"News Gothic Condensed","Avenir Next Condensed",sans-serif;font-size:10px;line-height:normal;letter-spacing:.5px;text-decoration:underline;text-transform:uppercase;display:flex;align-items:center;justify-content:start;gap:5px}