.main-product-card{display:flex;flex-direction:column;gap:12px}.card-product__hover--img{top:0;bottom:0;right:0;left:0;position:absolute;opacity:0;transition:all .3s ease}.main-product-card__hover:hover .card-product__hover--img{opacity:1}.main-product-card__image{position:relative}.main-product-card__image img{width:100%;height:auto;object-fit:contain;border-radius:12px}.main-product-card__badges{position:absolute;top:13px;right:13px;display:flex;gap:5px;align-items:center;flex-wrap:wrap}.main-product-card__badge{font-weight:700;font-size:14px;line-height:140%;letter-spacing:0;border-radius:3px;padding:0 9.5px;background-color:rgb(var(--background))}.main-product-card__info{display:flex;flex-direction:column;gap:6px}.main-product-card__info .pl-swatches-collection{justify-content:flex-start}.main-product-card__info .pl-swatches-collection__container{column-gap:6px}.main-product-card__info .pl-swatches-collection__swatch-wrapper--active{box-shadow:0 0 0 2px #334155}.main-product-card__info .pl-swatches-collection__swatch{width:22px;height:22px}.card-product__overlay-content .card-product__swatches{opacity:0;visibility:hidden;pointer-events:auto;margin-top:0;margin-right:3rem;transition:opacity var(--duration-default),visibility var(--duration-default)}.card-product__swatch{border-color:var(--color-light)}input.is-active+.card-product__swatch{border-color:var(--color-black);transform:none!important}input:disabled+.card-product__swatch{opacity:.6;border-color:var(--color-white)}.card-product__swatches-remaining{display:block;color:var(--color-heading-text-default);font-size:var(--font-size-static-extra-small);line-height:1.15;letter-spacing:var(--letter-spacing-small)}.card-product__sizes{position:absolute;bottom:0;left:0;right:0;z-index:2;text-align:right;color:var(--color-heading-text-default)}.card-product__overlay-content .card-product__sizes{position:absolute;bottom:0;left:0;right:0;opacity:0;visibility:hidden;transition:opacity var(--duration-default),visibility var(--duration-default)}.card-product__sizes-overlay{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;color:var(--color-heading-text-default);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:visibility var(--duration-short),opacity var(--duration-short)}.card-product__sizes-content.overlay-visible .card-product__sizes-overlay{opacity:1;visibility:inherit}.card-product{--duration-default: .2s;--color-popup-background: #fff;--color-popup-overlay: rgba(0, 0, 0, .5);--input-border-radius: 4px}.card-product__sizes-messages{text-align:left;position:absolute;bottom:0;left:0;width:100%;min-height:100%;padding:1rem;display:flex;align-items:center;justify-content:center;background-color:#fff;opacity:0;visibility:hidden;transition:visibility var(--duration-default),opacity var(--duration-default);box-shadow:0 -2px 2px #00000008;border-top-right-radius:24px;border-top-left-radius:24px}.card-product__sizes-messages.is-visible{opacity:1;visibility:inherit;z-index:1}.card-product__sizes-message{display:flex;align-items:center}.card-product__sizes-message svg{flex-shrink:0;margin-right:.8rem;width:20px;height:20px}.card-product__sizes-message p{margin:0}.card-product__sizes-btn-toggle{display:block;padding:6px;background-color:var(--color-popup-background);border-radius:var(--input-border-radius);margin:0 0 0 auto;box-shadow:0 0 0 1px #00000014}.card-product__sizes-btn-toggle svg{width:24px;height:24px;color:#334155}.card-product__sizes-btn-toggle svg path{stroke:currentColor}.card-product .card-product__sizes-content{display:none}.js-card-sizes-duplicate .card-product__sizes-content.is-visible{visibility:visible;transition-duration:0s}.js-card-sizes-duplicate .card-product__sizes-content.is-visible .card-product__sizes-items{transform:none}.js-card-sizes-duplicate .card-product__sizes-content{position:fixed;top:0;left:0;z-index:var(--z-modals);width:100%;height:100%;color:var(--color-heading-text);display:flex;align-items:flex-end;visibility:hidden;transition:visibility var(--duration-default)}.card-product__sizes-content{font-size:var(--font-size-static-small);line-height:var(--line-height-small);letter-spacing:var(--letter-spacing-medium);text-transform:uppercase}.js-card-sizes-duplicate{position:relative;z-index:11}.js-card-sizes-duplicate .card-product__sizes-content:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-popup-overlay);opacity:0;transition:opacity var(--duration-default);--duration-default: .2s;--color-popup-background: #fff;--color-popup-overlay: rgba(0, 0, 0, .5)}.list-unstyled{margin:0;padding:0;list-style:none}.js-card-sizes-duplicate .card-product__sizes-items{transform:translateY(100%);transition:transform var(--duration-default)}.js-card-sizes-duplicate .card-product__sizes-content ul{padding:2.1rem 1rem}.card-product__sizes-items{position:relative;z-index:2;flex:1}.card-product__sizes-items li.basic-button{max-width:100%}.card-product__sizes-content ul{display:flex;flex-wrap:wrap;justify-content:center;background-color:#fff;gap:8px;box-shadow:0 -2px 2px #00000008;border-top-right-radius:24px;border-top-left-radius:24px}.card-product__sizes-content li{display:flex;padding:0}.template-theme--mirage .card-product__sizes-content li{max-width:4.8rem}.card-product__sizes-btn{display:flex;align-items:center;justify-content:center;flex:1;transition:background-color var(--duration-default),color var(--duration-default),border var(--duration-default);border:1px solid rgba(51,65,85,1);color:#334155;border-radius:50ch;line-height:1;height:40px;aspect-ratio:1;font-size:11px;cursor:pointer}.card-product__sizes-btn.card-product__sizes-btn--text{aspect-ratio:unset;padding:8px 10px;height:auto}.card-product__sizes-btn.is-disabled{pointer-events:none;position:relative;background-color:transparent;background-image:repeating-linear-gradient(131deg,transparent 0%,transparent 48%,rgb(51 65 85 / 50%) 50%,transparent 52%,transparent 100%);opacity:.5}.card-product__content{display:block;text-align:center;padding:1.2rem .8rem 0}.card-product__title{margin:0 0 .8rem}.card-product:hover .card-product__sizes.is-active{opacity:1;visibility:visible;transform:none}.card-product__layout--compact .marquee-tags{position:relative}.card-product__layout--standard .marquee-tags{position:absolute;bottom:0;left:0}@media screen and (min-width:750px){.card-product__overlay-content{top:0;right:0;left:0}.card-product__layout--standard .card-product__overlay-content{top:unset;bottom:0;right:0;left:0}.card-product__sizes{bottom:0;left:0;right:0}}@media screen and (min-width:750px)and (hover:hover){.card-product__sizes-btn{border:1px solid rgba(51,65,85,.5);color:#33415580}.card-product__swatches,.card-product .card-product__sizes-content{display:block}.card-product__sizes-btn-toggle{display:none}.card-product__sizes{visibility:hidden;opacity:0;transform:translateY(1.6rem);transition:visibility var(--duration-default),opacity var(--duration-default),transform var(--duration-default)}.card-product .card-product__sizes-content ul{padding:.5rem}}@media(hover:hover){.card-product:hover .card-product__swatches,.card-product:hover .card-product__sizes{opacity:1;visibility:visible;transform:none}.card-product__sizes .card-product__sizes-btn:hover{border:1px solid rgba(51,65,85);color:#334155}}.js-card-sizes-duplicate .card-product__sizes-content:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-popup-overlay);opacity:0;transition:opacity var(--duration-default)}.js-card-sizes-duplicate .card-product__sizes-content.is-visible:after{opacity:1}.card-product__sizes-items .hidden{display:none!important}@media screen and (min-width:750px)and (hover:hover){.card-product__swatches,.card-product .card-product__sizes-content{display:block}.card-product__sizes-btn-toggle{display:none}.card-product__sizes{visibility:hidden;opacity:0;transform:translateY(1.6rem);transition:visibility var(--duration-default),opacity var(--duration-default),transform var(--duration-default)}.card-product .card-product__sizes-content ul{padding:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/main-product-card.css.map */