card-product,quickview-opener{display:block}.card-product{color:var(--color-paragraphs);border-radius:var(--border-radius-card-product);overflow:hidden}.card-product__media{color:currentColor;border-radius:0 0 var(--border-radius-card-product) var(--border-radius-card-product)}.card-product__media [data-image-secondary]{display:none}@media (hover: hover) and (pointer: fine){.card-product__media [data-image-secondary]{display:inline}.card-product__media [data-image-secondary],.card-product__media:hover [data-image-primary]:not(:last-of-type){opacity:0;visibility:hidden}.card-product__media:hover [data-image-secondary],.card-product__media:hover.is-changed:not(.is-loading) [data-image-primary]{opacity:1;visibility:visible}.card-product__media.is-changed [data-image-secondary],.card-product__media:hover.is-changed [data-image-secondary]{display:none}}.card-product__media.is-loading [data-image-primary],.card-product__media.is-loading [data-image-secondary]{opacity:0;visibility:hidden}.card-product__title{color:var(--color-headings)}.card-product__meta{padding:0 var(--spacing-step)}.card-product__main{position:relative;z-index:1}.card-product__actions{width:100%;padding:var(--spacing-step);position:absolute;left:0;bottom:0;z-index:1;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-end}@media screen and (min-width: 990px){.card-product__actions:not(.card-product__actions--mobile-icon){display:block}}.card-product__callout{margin-top:var(--spacing-step)}.card-product__swatches{display:flex;flex-flow:row wrap}.card-product__swatch{margin-top:var(--spacing-step);margin-right:calc(var(--spacing-step) / 2)}.card-product__swatch--plus-more{line-height:calc(var(--font-body-scale) * 1.4)}@media (hover: hover) and (pointer: fine) and (min-width: 990px){.card-product__callout{margin-bottom:-5.6rem;transition:margin-bottom var(--duration-default) ease-out}.card-product:hover .card-product__callout{margin-bottom:0}.card-product__actions--mobile-icon:focus-within .card-product__callout button svg,.card-product__actions--mobile-icon:hover .card-product__callout button svg{right:auto!important;transform:translate(0)!important}}@media screen and (min-width: 990px){.card-product__actions--mobile-icon .card-product__callout button span{display:none}.card-product__actions--mobile-icon .card-product__callout button{min-width:0;height:auto;padding:1.2rem}.card-product__actions--mobile-icon .card-product__callout button svg{display:block!important;opacity:1;transform:translate(0)!important}}.card-product:focus-within .card-product__callout{margin-bottom:0}.card-product__badges{display:flex;flex-flow:row wrap;margin:0 calc(var(--spacing-step) / 2) calc(var(--spacing-step) * -1) 0;flex:1}.card-product__badge{margin-right:var(--spacing-step);margin-bottom:var(--spacing-step)}.card-product__button{font-size:0;min-width:0;padding:1.4rem;height:auto}.card-product__button svg{transform:none;opacity:1;display:block!important}@media screen and (min-width: 990px){.card-product__button{font-size:calc(var(--font-body-scale) * 1.4rem);min-width:12.8rem;height:4.8rem}.card-product__button.button--no-icon svg{display:none!important}.card-product__actions--mobile-icon .card-product__callout .card-product__button.button--no-icon svg{display:block!important}.card-product__button svg{opacity:0}}.card-product__main a.media{padding-top:149.97070884592853%!important}.card-product__main a.media img{top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.load-more_wrap{margin:25px auto 0;text-align:center}.load-more_wrap button,.load-more_wrap a{width:max-content;height:35px;background:#fff;border-radius:8px;border:1px solid #212121;cursor:pointer;display:flex;justify-content:center;gap:5px;align-items:center;color:rgba(var(--color-foreground),1);margin:0 auto;line-height:38px;padding:0 10px;text-decoration:none}.load-more_wrap button span,.load-more_wrap a span{font-size:14px;font-weight:600;font-family:var(--font-body-family);line-height:normal;text-align:center;letter-spacing:.2px;text-transform:capitalize}.loading-dots{display:flex;justify-content:center;align-items:center;font-size:20px}.dot{display:inline-block;width:8px;height:8px;margin:0 4px;border-radius:50%;background-color:#333;animation:bounce 1.4s infinite ease-in-out}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-card-product.css.map */
