.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}button.card-media{border:0;background:transparent;padding:0;margin:0;width:100%;color:inherit;text-align:inherit;font:inherit;cursor:pointer}.card-media figure{border-radius:calc(var(--card-border-radius) / 1.5);overflow:hidden}.card-body{padding:var(--card-body-padding)}.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%}@media (hover: hover){.card--product .media>*{transition:transform .4s ease-in-out;transform-origin:var(--card-zoom-x, 50%) var(--card-zoom-y, 50%)}.card--product.is-zoomed .media>*{transform:scale(1.5)}.card.on-hover.is-hovered .card-hover-images>*:first-child>*{opacity:0}.card.on-hover.is-hovered .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{border-radius:var(--card-banner-radius-tl, 0) var(--card-banner-radius-tr, 0) var(--card-banner-radius-br, 0) var(--card-banner-radius-bl, 0);overflow:hidden}.card--banner .card-media{height:100%;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;display:block;line-height:0;--card-banner-media-scale: 1.08;--card-banner-media-bleed: 20px}.card--banner .media,.card--banner .media img{height:100%}.card--banner .media{top:calc(var(--card-banner-media-bleed) * -.5);width:calc(100% + var(--card-banner-media-bleed));height:calc(100% + var(--card-banner-media-bleed));position:absolute;overflow:hidden;border-radius:inherit}.card--banner .card-media figure,.card--banner .card-media .media{border-radius:inherit!important}.card--banner .card-media>.media.natural>*{height:100%!important}.card--banner .media img{position:absolute;top:calc(var(--card-banner-media-bleed) * -.5);left:calc(var(--card-banner-media-bleed) * -.5);width:calc(100% + var(--card-banner-media-bleed));height:calc(100% + var(--card-banner-media-bleed));min-width:calc(100% + var(--card-banner-media-bleed));min-height:calc(100% + var(--card-banner-media-bleed));object-fit:cover;object-position:center;transform:translateZ(0) scale(var(--card-banner-media-scale));transform-origin:center center;backface-visibility:hidden;will-change:transform}.card--banner .card-media>.media>img,.card--banner .card-media>.media>picture,.card--banner .card-media>.media>picture>img{position:absolute;top:calc(var(--card-banner-media-bleed) * -.5);left:calc(var(--card-banner-media-bleed) * -.5);width:calc(100% + var(--card-banner-media-bleed))!important;height:calc(100% + var(--card-banner-media-bleed))!important;min-width:calc(100% + var(--card-banner-media-bleed));min-height:calc(100% + var(--card-banner-media-bleed));object-fit:cover;transform:translateZ(0) scale(var(--card-banner-media-scale));transform-origin:center center;backface-visibility:hidden;will-change:transform}.card--banner .card-media>.media>img,.card--banner .card-media>.media>picture,.card--banner .card-media>.media>picture>img,.card--banner .media video{max-width:none;margin-left:0;margin-right:0}.card--banner .video{transform:translateZ(0) scale(var(--card-banner-media-scale));transform-origin:center center;backface-visibility:hidden;will-change:transform}.card--banner .video{height:100%;width:100%;object-fit:cover}.card--banner .card-media{border-radius:var(--card-banner-radius-tl, 0) var(--card-banner-radius-tr, 0) var(--card-banner-radius-br, 0) var(--card-banner-radius-bl, 0);overflow:hidden}.card--banner .card-media-overlay{padding:var(--card-banner-overlay-edge-top-mobile, 16px) var(--card-banner-overlay-edge-right-mobile, 16px) var(--card-banner-overlay-edge-bottom-mobile, 16px) var(--card-banner-overlay-edge-left-mobile, 16px);color:var(--card-banner-overlay-text-color, var(--color-foreground))}.card--banner .card-banner__overlay-inner{background:var(--card-banner-overlay-bg, transparent);border-radius:var(--card-banner-overlay-radius-tl, 0) var(--card-banner-overlay-radius-tr, 0) var(--card-banner-overlay-radius-br, 0) var(--card-banner-overlay-radius-bl, 0);padding:max(8px,calc(var(--card-banner-overlay-padding-mobile, 16px) * .45)) max(10px,calc(var(--card-banner-overlay-padding-mobile, 16px) * .7));width:100%;max-width:100%;box-sizing:border-box}.card--banner .card-banner__overlay-inner.is-fit-text{display:inline-block;width:auto;width:fit-content;inline-size:max-content;max-width:100%;max-inline-size:100%;padding:max(6px,calc(var(--card-banner-overlay-padding-mobile, 16px) * .28)) max(8px,calc(var(--card-banner-overlay-padding-mobile, 16px) * .38))}.card--banner .card-banner__overlay-inner.is-fit-text .card-banner__overlay-title,.card--banner .card-banner__overlay-inner.is-fit-text .card-banner__overlay-text{width:auto!important;max-width:100%}.card--banner .card-banner__overlay-inner.is-fit-text.is-auto-fit-text{padding:max(6px,calc(var(--card-banner-overlay-padding-mobile, 16px) * .24)) max(7px,calc(var(--card-banner-overlay-padding-mobile, 16px) * .32))}.card--banner .card-banner__overlay-title,.card--banner .card-banner__overlay-text{margin:0;display:block;white-space:normal;overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual;font-family:var(--card-banner-font-family, inherit);font-weight:var(--card-banner-font-weight, inherit);font-style:var(--card-banner-font-style, normal);line-height:var(--card-banner-line-height, 1.2);letter-spacing:var(--card-banner-letter-spacing, 0);text-transform:var(--card-banner-text-transform, none)}.card--banner .card-banner__overlay-title{font-size:calc(var(--card-banner-heading-size-mobile, 26px) * var(--card-banner-auto-fit-scale, 1));color:var(--card-banner-heading-color, var(--card-banner-overlay-text-color, var(--color-foreground)));background:var(--card-banner-heading-bg, transparent);display:inline-block}.card--banner .card-banner__overlay-text{font-size:calc(var(--card-banner-body-size-mobile, 16px) * var(--card-banner-auto-fit-scale, 1));color:var(--card-banner-body-color, var(--card-banner-overlay-text-color, var(--color-foreground)))}.card--banner .card-banner__overlay-title+.card-banner__overlay-text{margin-top:.25em}@media only screen and (min-width: 768px){.card--banner .card-media{--card-banner-media-bleed: 28px}.card--banner .card-media-overlay{padding:var(--card-banner-overlay-edge-top-desktop, 28px) var(--card-banner-overlay-edge-right-desktop, 28px) var(--card-banner-overlay-edge-bottom-desktop, 28px) var(--card-banner-overlay-edge-left-desktop, 28px)}.card--banner .card-banner__overlay-title{font-size:calc(var(--card-banner-heading-size-desktop, 38px) * var(--card-banner-auto-fit-scale, 1))}.card--banner .card-banner__overlay-text{font-size:calc(var(--card-banner-body-size-desktop, 22px) * var(--card-banner-auto-fit-scale, 1))}.card--banner .card-banner__overlay-inner.is-fit-text.is-auto-fit-text{padding:max(8px,calc(var(--card-banner-overlay-padding-desktop, 28px) * .2)) max(9px,calc(var(--card-banner-overlay-padding-desktop, 28px) * .3))}.card--banner .card-banner__overlay-inner.is-fit-text{padding:max(8px,calc(var(--card-banner-overlay-padding-desktop, 28px) * .24)) max(10px,calc(var(--card-banner-overlay-padding-desktop, 28px) * .34))}}@media only screen and (max-width: 767px){.card--banner .card-media-overlay{padding:var(--card-banner-overlay-edge-top-mobile, 12px) var(--card-banner-overlay-edge-right-mobile, 0px) var(--card-banner-overlay-edge-bottom-mobile, 12px) var(--card-banner-overlay-edge-left-mobile, 0px)}.card--banner .card-banner__overlay-inner{width:100%}.card--banner .card-banner__overlay-inner.is-fit-text{width:fit-content}.card--banner.sm-down-all-cols .card-media{position:relative}}@media only screen and (min-width: 768px) and (max-width: 1023px){.card--banner.sm-md-all-cols .card-media{position:relative}}@media only screen and (min-width: 1024px){.card--banner.md-all-cols .card-media{position:relative}}.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--default:not(.layout--thumbnail) .hotspot{position:absolute!important;top:20px;right:20px}.layout--thumbnail{--thumbnail-width: 90px;display:grid;grid-template-columns:var(--thumbnail-width) auto 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 .hotspot{margin-left:auto;margin-right:16px;width:30px;height:30px}.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}@media only screen and (max-width: 767px){.sm-down-layout--thumbnail{--thumbnail-width: 90px;display:grid;grid-template-columns:var(--thumbnail-width) auto auto;align-items:center}.sm-down-layout--thumbnail .card-body{text-align:left;padding:min(16px,var(--card-body-padding))}.sm-down-layout--thumbnail .flex{justify-content:flex-start!important}.sm-down-layout--thumbnail .card-media-overlay,.sm-down-layout--thumbnail .card-vendor,.sm-down-layout--thumbnail .swatches{display:none}.sm-down-layout--thumbnail .card-body .badges{display:flex}}@media only screen and (min-width: 768px){.sm-layout--thumbnail{--thumbnail-width: 90px;display:grid;grid-template-columns:var(--thumbnail-width) auto auto;align-items:center}.sm-layout--thumbnail .card-body{text-align:left;padding:min(16px,var(--card-body-padding))}.sm-layout--thumbnail .flex{justify-content:flex-start!important}.sm-layout--thumbnail .card-media-overlay,.sm-layout--thumbnail .card-vendor,.sm-layout--thumbnail .swatches{display:none}.sm-layout--thumbnail .card-body .badges{display:flex}}.options-availability{gap:8px}.variant-option-title{position:relative;padding:2px 6px;background:var(--color-background);color:var(--color-foreground);text-align:center;min-width:30px;border-radius:var(--button-border-radius)}.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)}.card quick-buy{position:absolute;opacity:0;pointer-events:none;transition:all .3s ease-in;--quick-buy-offset: var(--card-body-padding)}.card--traditional quick-buy{--quick-buy-offset: 0}quick-buy.full-width{left:var(--quick-buy-offset);right:var(--quick-buy-offset)}quick-buy.position--top{top:var(--quick-buy-offset)}quick-buy.position--middle{top:50%;transform:translateY(-50%)}quick-buy.position--bottom{bottom:var(--quick-buy-offset)}quick-buy.position--top-left{top:var(--quick-buy-offset);left:var(--quick-buy-offset)}quick-buy.position--top-center{top:var(--quick-buy-offset);left:50%;transform:translate(-50%)}quick-buy.position--top-right{top:var(--quick-buy-offset);right:var(--quick-buy-offset)}quick-buy.position--middle-left{top:50%;left:var(--quick-buy-offset);transform:translateY(-50%)}quick-buy.position--middle-center{top:50%;left:50%;transform:translate(-50%) translateY(-50%)}quick-buy.position--middle-right{top:50%;right:var(--quick-buy-offset);transform:translateY(-50%)}quick-buy.position--bottom-left{bottom:var(--quick-buy-offset);left:var(--quick-buy-offset)}quick-buy.position--bottom-center{bottom:var(--quick-buy-offset);left:50%;transform:translate(-50%)}quick-buy.position--bottom-right{bottom:var(--quick-buy-offset);right:var(--quick-buy-offset)}.card quick-buy .btn{display:block!important}@media (hover:hover){.card:hover quick-buy{opacity:1;pointer-events:auto}}.card quick-buy:focus-within{opacity:1;pointer-events:auto;bottom:var(--card-body-padding)}.quick-buy_icon{display:none;pointer-events:none}.layout--thumbnail quick-buy{position:relative;align-self:center;opacity:1;width:auto;margin-left:auto;margin-right:16px;pointer-events:auto;left:auto!important;bottom:auto!important;top:auto!important;right:auto!important;transform:none!important}.layout--thumbnail quick-buy .btn{padding:10px!important;width:44px;height:44px;display:flex!important;justify-content:center;align-items:center}.layout--thumbnail .quick-buy_text{display:none}.layout--thumbnail .quick-buy_icon{display:flex}@media only screen and (max-width: 767px){.sm-down-layout--thumbnail quick-buy{position:relative;align-self:center;opacity:1;width:auto;margin-left:auto;margin-right:16px;left:auto!important;bottom:auto!important;top:auto!important;right:auto!important;transform:none!important}.sm-down-layout--thumbnail quick-buy .btn{padding:10px!important;width:44px;height:44px;display:flex!important;justify-content:center;align-items:center}.sm-down-layout--thumbnail .quick-buy_text{display:none}.sm-down-layout--thumbnail .quick-buy_icon{display:flex}}@media only screen and (min-width: 768px){.sm-layout--thumbnail quick-buy{position:relative;align-self:center;opacity:1;width:auto;margin-left:auto;margin-right:16px;left:auto!important;bottom:auto!important;top:auto!important;right:auto!important;transform:none!important}.sm-layout--thumbnail quick-buy .btn{padding:10px!important;width:44px;height:44px;display:flex!important;justify-content:center;align-items:center}.sm-layout--thumbnail .quick-buy_text{display:none}.sm-layout--thumbnail .quick-buy_icon{display:flex}}.card-media-overlay{padding-top:10px;padding-left:0}.card-body{--card-body-padding: 0 0 5px}.card-title{font-size:1.4rem;flex-basis:66%}.title-price-container{display:flex;justify-content:space-between}.metafield-single_line_text_field,.metafield-string{font-size:1.25rem}.card--collection .card-body .link-text{font-size:1.2rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);padding-top:10px}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-card.css.map */