product-card{display:flex;flex-direction:column;box-sizing:border-box}product-card .card-sku{font-size:1.3rem;font-weight:400;line-height:2rem;letter-spacing:1px;text-transform:uppercase;text-align:left;color:var(--black);margin-bottom:2.4rem}product-card .card-image{display:flex;align-items:center;justify-content:center;width:100%;height:auto;aspect-ratio:1/1;max-height:50rem;position:relative;isolation:isolate;background-color:var(--white);overflow:hidden}product-card .card-image>a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}product-card .card-image img{width:100%;height:100%;object-fit:contain}product-card:hover .card-image img:first-of-type{display:none}product-card .card-image img:last-of-type{display:none}product-card:hover .card-image img:last-of-type{display:block}product-card .card-image .card-action{display:flex;align-items:end;position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;padding:2rem;transform:translateY(2rem);transition:transform .15s ease,opacity .15s ease;opacity:0;pointer-events:none}product-card:hover .card-image .card-action{transform:translateY(0);opacity:1}product-card .card-image .card-action .btn{padding-block:1.2rem;pointer-events:none}product-card:hover .card-image .card-action .btn{pointer-events:all}product-card .card-content{flex:1;display:flex;flex-direction:column;margin-top:2rem}product-card .card-content .card-heading{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem}@media screen and (min-width: 1024px){product-card .card-content .card-heading{flex-direction:row;align-items:center;justify-content:space-between}}product-card .card-content .card-heading .title{font-size:1.8rem;font-weight:400;line-height:2.6rem;letter-spacing:1px;color:var(--black);text-transform:uppercase}@media screen and (min-width: 1024px){product-card .card-content .card-heading .title{font-size:1.4rem}}product-card .card-content .card-heading .card-price{font-size:2rem;font-weight:400;line-height:2.6rem;letter-spacing:2px;color:var(--black);text-transform:uppercase}@media screen and (min-width: 1024px){product-card .card-content .card-heading .card-price{font-size:2.4rem;line-height:100%}}product-card .card-content .color-selector{position:relative;isolation:isolate;display:flex;flex-wrap:wrap;align-items:center;margin-top:1.6rem}product-card .card-content .color-selector input{position:absolute;top:0;left:0;width:0;height:0;visibility:hidden;opacity:0;pointer-events:none}product-card .card-content .color-selector input:checked:not(:disabled)+label{border-color:var(--yellow-400)}product-card .card-content .color-selector input:disabled+label{pointer-events:none;opacity:.25}product-card .card-content .color-selector>:not(:last-child){margin-right:1.2rem}product-card .card-content .color-selector label{width:1.2rem;height:1.2rem;flex-shrink:0;border:0;cursor:pointer;position:relative;isolation:isolate;border-radius:5px}product-card .card-content .color-selector label:after{content:"";position:absolute;top:50%;left:50%;width:1.2rem;height:1.2rem;background:var(--background);background-size:cover;transform:translate(-50%,-50%)}product-card card-gallery{display:block;position:relative}@media screen and (min-width: 1024px){product-card card-gallery{display:none}}product-card card-gallery .slider .slide{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;position:relative}product-card card-gallery .slider .slide a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}product-card card-gallery .slider .slide img{width:100%;height:100%;object-fit:contain}product-card card-gallery .slider-controls{display:flex;align-items:center;justify-content:space-between;padding:.8rem;position:absolute;bottom:0;left:0;width:100%;z-index:10}product-card card-gallery .slider-controls .slider-button{flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer}product-card card-gallery .slider-controls .slider-button svg{width:4rem;height:4rem;flex-shrink:0}product-card card-gallery .slider-controls .slider-button.prev svg{transform:scale(-1)}product-card card-gallery .slider-controls .slider-button.prev svg path{transition:stroke .2s ease}product-card card-gallery .slider-controls .slider-button.swiper-button-disabled svg path{stroke:#645f6566}product-card .card-image{display:none}@media screen and (min-width: 1024px){product-card .card-image{display:block}}product-card .card-image card-variant-picker{display:flex;align-items:end;position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;padding:2rem;transform:translateY(2rem);transition:transform .15s ease,opacity .15s ease;opacity:0;pointer-events:none}product-card .card-image card-variant-picker.clickable{pointer-events:all}product-card:hover .card-image card-variant-picker,product-card .card-image card-variant-picker.clickable{transform:translateY(0);opacity:1}product-card .card-image card-variant-picker.btn{padding-block:1.2rem;pointer-events:none}product-card .card-image card-variant-picker .btn,product-card .card-image card-variant-picker .options-popover{pointer-events:all}product-card .card-image card-variant-picker .btn span{pointer-events:none}product-card .card-image card-variant-picker .options-popover{position:absolute;bottom:0;left:0;transform:translateY(100%);width:100%;background-color:var(--white);border-top:1px solid #ECECEC99;transition:transform .2s ease}product-card .card-image card-variant-picker .options-popover.open{transform:translateY(0)}product-card .card-image card-variant-picker .options-popover .option-title{font-size:1.8rem;font-weight:400;line-height:2.6rem;letter-spacing:1px;text-transform:uppercase;color:var(--black);text-align:center;padding:2.4rem;background-color:var(--white);position:sticky;top:0}product-card .card-image card-variant-picker .options-popover .options-list{display:grid;grid-template-columns:1fr;gap:1.6rem;list-style:none;padding:0;margin:0;padding:0 1.6rem 2.4rem;max-height:17rem;overflow-y:auto}product-card .card-image card-variant-picker .options-popover .options-list li input:checked+label{color:var(--red)}product-card .card-image card-variant-picker .options-popover .options-list li label{display:block;font-size:1.6rem;font-weight:500;line-height:2.4rem;letter-spacing:1px;color:var(--black);text-transform:uppercase;text-align:center;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-product-card.css.map */