.treat-card{--treat-swatch-size: var(--treat-card-option-size, 28px);--treat-swatch-gap: 8px;--treat-option-row-gap: 10px;--treat-pill-padding-y: 6px;--treat-pill-padding-x: 12px}.treat-card .treat-card__badges{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.treat-card .treat-card__badge{border-radius:0}.treat-card .treat-card__badge[hidden]{display:none}.treat-card .treat-card__badge--sale{--alpha-badge-border: 1}.treat-card .treat-card__compare{margin-inline-start:8px;opacity:.55}.treat-card .treat-card__options{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--treat-option-row-gap);width:100%}.treat-card .treat-card__price{margin-block:0;margin-inline-start:auto;font-weight:600;text-align:end;white-space:nowrap}.treat-card .treat-card-options__group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--treat-swatch-gap)}.treat-card .treat-card-options__swatch{width:var(--treat-swatch-size);height:var(--treat-swatch-size);padding:3px;border:1px solid rgba(var(--color-border-strong),.35);border-radius:0;background-color:var(--treat-swatch-color, transparent);background-image:var(--treat-swatch-image, none);background-position:center;background-origin:content-box;background-clip:content-box;background-size:contain;background-repeat:no-repeat;cursor:pointer;transition:border-color var(--duration-short, .15s) ease,box-shadow var(--duration-short, .15s) ease}.treat-card .treat-card-options__swatch:hover{border-color:rgb(var(--color-icon))}.treat-card .treat-card-options__swatch.is-selected{border-color:rgb(var(--color-border-strong));box-shadow:0 0 0 1px rgb(var(--color-border-strong));background-color:var(--treat-swatch-own, var(--treat-swatch-color, transparent));background-clip:padding-box}.treat-card .treat-card-options__swatch:focus-visible{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}.treat-card .treat-card-options__pill{display:inline-flex;align-items:center;justify-content:center;height:var(--treat-swatch-size);min-width:var(--treat-swatch-size);padding:0 var(--treat-pill-padding-x);border:1px solid rgb(var(--color-border-strong));border-radius:0;background-color:transparent;color:rgb(var(--color-foreground));cursor:pointer;font:inherit;transition:background-color var(--duration-short, .15s) ease,color var(--duration-short, .15s) ease}.treat-card .treat-card-options__pill:hover{background-color:rgba(var(--color-foreground),.06)}.treat-card .treat-card-options__pill.is-selected{background-color:rgb(var(--color-secondary-button-hover));border-color:rgb(var(--color-secondary-button-hover));color:rgb(var(--color-secondary-button-text-hover))}.treat-card .treat-card-options__pill:focus-visible{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}.treat-card .treat-card-options__pill[disabled]{opacity:.4;cursor:not-allowed}.treat-card .treat-card__buy,.treat-card .treat-card__buy .form{display:flex;flex-direction:column;gap:var(--treat-option-row-gap);width:100%}.treat-card .treat-card__media-secondary{opacity:0;transform:scale3d(1.08,1.08,1);transition:opacity .85s cubic-bezier(.4,0,.2,1),transform .85s cubic-bezier(.4,0,.2,1)}.treat-card .treat-card__media-secondary[hidden]{display:none}@media(hover:hover){.treat-card .card__inner:hover .treat-card__media-secondary{opacity:1;transform:none}}.treat-card .card__inner:has(.treat-card__media-link:focus-visible) .treat-card__media-secondary{opacity:1;transform:none}.treat-card .card__inner.is-touch-reveal .treat-card__media-secondary{opacity:1;transform:none}@media(hover:none){.treat-card .card__media img,.treat-card .treat-card__media-link{-webkit-touch-callout:none}}@media(prefers-reduced-motion:reduce){.treat-card .treat-card__media-secondary{transform:none;transition:none}}.treat-card .card__media img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.treat-card .card__heading a:after{content:none;display:none}.treat-card .treat-card__media-link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;-webkit-user-drag:none}.treat-card .card__heading a,.treat-card .card__heading a:hover,.treat-card .card__heading a:active{text-decoration:none}.treat-card .card__heading a{width:fit-content;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--treat-card-title-lines, 2);line-clamp:var(--treat-card-title-lines, 2);overflow:hidden;overflow-wrap:anywhere}@media screen and (min-width:990px){.treat-card[data-treat-title-fit] .card__heading a{display:block;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:none;line-clamp:none}}.treat-card .card__heading a:focus-visible{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:-2px;box-shadow:none}.treat-card .card__subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--treat-card-desc-lines, 2);line-clamp:var(--treat-card-desc-lines, 2);overflow:hidden}.treat-card{container-type:inline-size;--tc-gap-image: 16px;--tc-gap-image: clamp(10px, 5.2cqi, 22px);--tc-gap-title: 6px;--tc-gap-title: clamp(4px, 1.8cqi, 8px);--tc-gap-desc: 9px;--tc-gap-desc: clamp(6px, 3cqi, 12px);--tc-gap-button: 12px;--tc-gap-button: clamp(8px, 4.2cqi, 16px);--tc-button-height: 48px;--tc-button-height: clamp(44px, 17cqi, 66px);--treat-pill-padding-x: clamp(6px, 3.2cqi, 12px);--treat-swatch-gap: clamp(5px, 2.4cqi, 8px);--treat-option-row-gap: clamp(6px, 3cqi, 10px)}.treat-card .card>.card__content{display:flex;flex-direction:column;padding:var(--tc-gap-image) 0 0}.treat-card .card>.card__content>.card__information{display:flex;flex-direction:column;flex:1 1 auto;padding:0}.treat-card .card__heading{margin:0 0 var(--tc-gap-title)}.treat-card .card__information>.quick-add.treat-card__buy{margin:auto 0 0;padding-top:var(--tc-gap-desc)}.treat-card .treat-card__buy,.treat-card .treat-card__buy .form{gap:var(--tc-gap-button)}.treat-card .quick-add .card-variant-pills{margin:0}.treat-card .quick-add .button{min-height:var(--tc-button-height);--buttons-radius: 0;--buttons-radius-outset: 0;border-radius:0}.treat-card .quick-add .button:before,.treat-card .quick-add .button:after{border-radius:0}.grid__item:has(>product-component>.treat-card){display:flex;flex-direction:column}.grid__item>product-component:has(>.treat-card){display:flex;flex-direction:column;flex:1 1 auto;width:100%}.grid__item .treat-card.card-wrapper{display:flex;flex-direction:column;flex:1 1 auto;width:100%}.grid__item .treat-card.card-wrapper>.card{flex:1 1 auto}
/*# sourceMappingURL=/cdn/shop/t/3/assets/treat-card-product.css.map */