.esalon-component.esalon-card-product{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;padding:1rem;height:100%;width:100%;overflow:hidden;cursor:pointer}.esalon-component.esalon-card-product--picker-open{overflow:visible}.esalon-component.esalon-card-product--placeholder{opacity:.6}.esalon-component .esalon-card-product__media{position:relative;overflow:hidden;width:100%;aspect-ratio:1 / 1}.esalon-component .esalon-card-product__image{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .3s ease}.esalon-component.esalon-card-product--has-secondary:hover .esalon-card-product__image{opacity:0}.esalon-component .esalon-card-product__secondary-image{display:block;width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease}.esalon-component.esalon-card-product--has-secondary:hover .esalon-card-product__secondary-image{opacity:1}.esalon-component .esalon-card-product__placeholder{width:100%;aspect-ratio:1 / 1}.esalon-component .esalon-card-product__placeholder-svg{width:100%;height:100%;opacity:.5}.esalon-component .esalon-card-product__title-link:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.esalon-component .esalon-card-product__title-link{transition-property:color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;line-height:1.3}.esalon-component .esalon-card-product__badges{position:absolute;top:.5rem;left:.5rem;z-index:2;display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.esalon-component .esalon-product-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px}.esalon-component .esalon-product-badge--bordered{border-width:1px}.esalon-component .esalon-card-product__quick-add{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:8px 12px;text-align:center;transform:translateY(100%);opacity:0;transition:transform .3s ease,opacity .3s ease}.esalon-component.esalon-card-product:hover .esalon-card-product__quick-add{transform:translateY(0);opacity:1}.esalon-component .esalon-card-product__cart-icon{display:none}@media screen and (max-width:989px){.esalon-component .esalon-card-product__cart-icon{display:block;position:absolute;bottom:8px;right:8px;z-index:2}.esalon-component .esalon-card-product__cart-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background-color:var(--color-white, #fff);color:var(--color-regal-blue, rgb(19 68 106));cursor:pointer;box-shadow:0 1px 4px #0000001f;-webkit-appearance:none;appearance:none}.esalon-component .esalon-card-product__cart-icon-btn svg{width:20px;height:20px}.esalon-component .esalon-card-product__quick-add{display:none!important}}.esalon-component .esalon-card-product__info{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding-left:.5rem;padding-right:.5rem}@media screen and (max-width:749px){.esalon-component .esalon-card-product__info{padding-left:.25rem;padding-right:.25rem}}.esalon-component .esalon-card-product__flavor-text{margin-bottom:.5rem}.esalon-component .esalon-card-product__vendor{margin:0;font-size:10px}.esalon-component .esalon-card-product__title{margin:0;max-width:90%;margin-top:-.5rem}.esalon-component .esalon-card-product__variation{margin:0}.esalon-component .esalon-card-product__description{margin:0;max-width:90%}.esalon-component .esalon-card-product__price{margin-top:.25rem}.esalon-component .esalon-card-variant-picker{position:absolute;width:225px;min-height:130px;z-index:10;background:#fff;display:flex;flex-direction:column;gap:12px;padding:16px;overflow-y:auto;box-shadow:0 4px 24px #0003}.esalon-component .esalon-card-variant-picker__close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:none;cursor:pointer;color:var(--color-wild-watermelon, rgb(253 94 126));-webkit-appearance:none;appearance:none}.esalon-component .esalon-card-variant-picker__option-name{margin:0 0 8px;padding-right:20px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-regal-blue, rgb(19 68 106))}.esalon-component .esalon-card-variant-picker__options{display:flex;flex-wrap:wrap;gap:6px}.esalon-component .esalon-card-variant-picker__option-btn{padding:5px 10px;border:1px solid var(--color-regal-blue, rgb(19 68 106));border-radius:999px;background:#fff;color:var(--color-regal-blue, rgb(19 68 106));font-size:12px;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .15s ease,color .15s ease}.esalon-component .esalon-card-variant-picker__option-btn.is-selected{background:var(--color-regal-blue, rgb(19 68 106));color:#fff}.esalon-component .esalon-card-variant-picker__option-btn.is-sold-out{text-decoration:line-through;opacity:.45}.esalon-component .esalon-card-variant-picker__add-btn{margin-top:auto;padding:11px 16px;border-radius:999px;width:100%;border:none;background:var(--color-regal-blue, rgb(19 68 106));color:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-appearance:none;appearance:none}.esalon-component .esalon-card-variant-picker__add-btn:disabled{background:var(--color-cloudy, rgb(188 188 188));cursor:not-allowed}.esalon-component .esalon-badge-pill{height:28px;padding:2px 8px;display:inline-flex;align-items:center;justify-content:center}.esalon-component .esalon-badge-circle{width:32px;height:32px;padding:2px .75rem;display:inline-flex;align-items:center;justify-content:center}.esalon-component .esalon-badge-square{height:28px;padding:2px 8px;display:inline-flex;align-items:center;justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/18/assets/esalon-component-card-product.css.map */