.card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--card-border-radius);color:var(--color-card-foreground);background:var(--color-card-background)}.card-media{position:relative;overflow:hidden;anchor-name:--card-media-anchor}.card-media figure{border-radius:calc(var(--card-border-radius) / 1.5);overflow:hidden}.card-body{padding:var(--card-body-padding);flex-grow:1;anchor-name:--card-body-anchor}.card-media-overlay{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;padding:var(--card-body-padding)}.card-hover-images{position:relative;overflow:hidden}.card-hover-images>*:last-child{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%}.card-number{position:absolute;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;top:1rem;left:1rem;z-index:1;border-radius:10rem;background:var(--color-button-background);color:var(--color-button-foreground);border:1px solid}@media(hover:hover){.card .media>*{transition:transform .4s ease-in-out}.card:hover .media>*{transform:scale(1.1)}.card.on-hover:hover .card-hover-images>*:first-child>*{opacity:0}.card.on-hover:hover .card-hover-images>*:last-child{opacity:1}}.card.bg-gradient{--color-card-background: var(--gradient-card-background) }.card.bg-transparent{--color-card-background: transparent}.card--traditional{background:transparent;color:inherit}.card--traditional .card-media{border-radius:var(--card-border-radius);background:var(--color-card-background)}.card--traditional .card-body{padding:var(--card-body-padding) 0}.card--banner .card-media{height:100%;width:100%;position:relative}.card--banner .media,.card--banner .media img,.card--banner .external-video-container{height:100%}.card--banner .external-video-container{width:100%}.card--banner video,.card--banner external-video{height:100%;width:100%;object-fit:cover}.card--testimonial .quotation-mark{height:35%}.card--collection .badges{position:absolute;top:var(--card-body-padding)}.card--collection .vertical-top .badges{top:auto;bottom:var(--card-body-padding)}.card--product.content--none .card-body,.card--product.content--name-only .card-body>*:not(.card-title),.card--product.content--name-and-price .card-body>*:not(.card-title,.price){display:none}.card--product .card-title{text-transform:var(--card--product-title-transform)}.layout--thumbnail{--thumbnail-width: 80px;display:grid;grid-template-columns:var(--thumbnail-width) auto;align-items:center}.layout--thumbnail .card-body{text-align:left;padding:min(16px,var(--card-body-padding))}.layout--thumbnail .flex{justify-content:flex-start!important}.layout--thumbnail .card-media-overlay,.layout--thumbnail .card-vendor,.layout--thumbnail .swatches{display:none}.layout--thumbnail .quick-buy-or-add{margin-top:0!important;padding:0!important;position:absolute;top:calc(50% - 22px);right:1.2rem;z-index:1}.card-body .badges{margin-bottom:8px;display:none}.layout--thumbnail .card-body .badges{display:flex}.card-body ul{list-style:inside disc}.card-body ul li::marker{margin-right:4px}.options-availability{gap:8px}.variant-option-title{position:relative;padding:.2rem .6rem;background:var(--color-background);color:var(--color-foreground);text-align:center;min-width:3rem;border-radius:var(--button-border-radius)}.card--traditional .variant-option-title{background:var(--color-background-alt)}.variant-option-title.unavailable{opacity:.45}.variant-option-title.unavailable:after{display:block;content:"";position:absolute;left:50%;top:0;bottom:0;transform:rotate(-45deg);border-left:solid 1px var(--color-foreground)}.quick-buy-icon{display:none}.card--product:not(.card--product-upsell) .quick-buy-or-add{margin-top:auto}.card--product:not(.card--product-upsell).card--default .quick-buy-or-add{padding:0 var(--card-body-padding) var(--card-body-padding)}.quick-buy--hover .card:not(.layout--thumbnail) .quick-buy-or-add{position:absolute;padding:0;bottom:calc(anchor(bottom) + var(--card-body-padding));left:var(--card-body-padding);opacity:0;transform:translateY(50%);transition:all .4s ease-in-out;width:calc(100% - var(--card-body-padding) * 2);position-anchor:--card-media-anchor}.quick-buy--hover .card:not(.layout--thumbnail):hover .quick-buy-or-add{opacity:1;transform:translateY(0)}@media(hover:none)and (pointer:coarse){.quick-buy--hover .card:not(.layout--thumbnail) .quick-buy-or-add{transform:none;opacity:1;left:auto;right:var(--card-body-padding);width:auto}.quick-buy--hover .card:not(.layout--thumbnail) .quick-buy-or-add .btn{padding:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.quick-buy--hover .card:not(.layout--thumbnail) .quick-buy-or-add .btn .quick-buy-text{display:none}.quick-buy--hover .card:not(.layout--thumbnail) .quick-buy-or-add .btn .quick-buy-icon{display:block;position:relative}.quick-buy--hover .card:not(.layout--thumbnail) .quick-buy-or-add .btn .quick-buy-icon svg{display:block}.quick-buy--hover .card:not(.layout--thumbnail) .quick-buy-or-add .btn .quick-buy-icon .icon-plus{position:absolute;width:12px;height:12px;right:0;bottom:0;stroke-width:2px;background:var(--color-button-foreground);color:var(--color-button-background);border-radius:12px}}.icon-btn--quick-buy{padding:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.icon-btn--quick-buy .quick-buy-text{display:none}.icon-btn--quick-buy .quick-buy-icon{display:block;position:relative}.icon-btn--quick-buy .quick-buy-icon svg{display:block}.icon-btn--quick-buy .quick-buy-icon .icon-plus{position:absolute;width:12px;height:12px;right:0;bottom:0;stroke-width:2px;background:var(--color-button-foreground);color:var(--color-button-background);border-radius:12px}.card--ht2{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--ht2-card-bg, #faf9f6);border-radius:var(--ht2-card-radius, 0)}.card--ht2 .ht2-card__media-wrap{position:relative;margin-bottom:max(0px,calc(var(--ht2-btn-offset-bottom, -16px) * -1))}.card--ht2 .ht2-card__media{position:relative;display:block;overflow:hidden}.card--ht2 .ht2-card__media .media{border-radius:0}.card--ht2 .ht2-card__badges{position:absolute;top:12px;right:12px;z-index:2;display:flex;gap:6px}.badge.badge--percent-only{background:var(--ht2-badge-bg, #ee1c80);color:var(--ht2-badge-text, #ffffff);border-radius:999px;padding:5px 11px;font-family:Roboto,sans-serif;font-weight:700;font-size:var(--ht2-badge-size, 21px);text-transform:none;letter-spacing:normal;line-height:1.2;min-width:44px;text-align:center;box-sizing:border-box}.card--ht2 .ht2-card__rating{padding:10px 16px 0}.card--ht2 .ht2-card__body{padding:10px 16px 16px;display:flex;flex-direction:column;gap:6px;flex-grow:1}.card--ht2 .ht2-card__title{margin:0}.card--ht2 .ht2-card__title a{color:var(--ht2-title-color, #565294);text-decoration:none;font-size:var(--ht2-title-size, 29px);line-height:1.15;display:block}.card--ht2 .ht2-card__title a:hover{text-decoration:underline}.card--ht2 .ht2-card__row{display:flex;align-items:center;gap:12px;margin-top:auto}.card--ht2 .ht2-card__price-group{display:flex;align-items:center;gap:8px;width:100%;min-width:0}.card--ht2 .ht2-card__price-current{color:var(--ht2-price-color, #ee1c80);font-size:var(--ht2-price-size, 35px);line-height:1;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.card--ht2 .ht2-card__price-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0}.card--ht2 .ht2-card__price-compare{color:var(--ht2-compare-color, #a5a5a5);font-size:var(--ht2-compare-size, 19px);line-height:1.2;text-decoration:line-through;text-align:right}.card--ht2 .ht2-card__unit-price{color:var(--ht2-unit-color, #a5a5a5);font-size:var(--ht2-unit-size, 18px);line-height:1.2;text-align:right}.card--ht2 .ht2-card__quick-buy-wrap{position:absolute;right:var(--ht2-btn-offset-right, 12px);bottom:var(--ht2-btn-offset-bottom, -16px);z-index:3}.card--ht2 .ht2-card__atc-btn{position:relative;flex-shrink:0;width:var(--ht2-btn-size, 52px);height:var(--ht2-btn-size, 52px);padding:0;border:none;border-radius:50%;background:var(--ht2-btn-bg, #565294);color:var(--ht2-btn-icon, #ffffff);box-shadow:0 4px 10px #0000002e;display:flex;align-items:center;justify-content:center;cursor:pointer}.card--ht2 .ht2-card__atc-btn:disabled{cursor:not-allowed;opacity:.5}.card--ht2 .ht2-card__atc-icon{display:flex;width:calc(var(--ht2-btn-size, 52px) * .42);height:calc(var(--ht2-btn-size, 52px) * .42)}.card--ht2 .ht2-card__atc-icon svg{display:block;width:100%;height:100%}.card--ht2 .ht2-card__atc-btn.loading .ht2-card__atc-icon{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/60/assets/component-card.css.map */
