.card:not(.card--horizontal):has(.card__hover-add) .card__inner{position:relative;z-index:2}.card:not(.card--horizontal):has(.card__hover-add)>.card__content{position:relative;z-index:1}.card__inner:has(.card__hover-add)>.card__content{pointer-events:none}.card__inner:has(.card__hover-add)>.card__content .card__badge{pointer-events:auto}.card__inner:has(.card__hover-add){isolation:isolate}.card__hover-add{position:absolute;z-index:3;left:50%;bottom:clamp(.8rem,2vw,1.4rem);transform:translate(-50%);max-width:calc(100% - 2.4rem);pointer-events:none;opacity:0;transition:opacity .2s ease}@media(hover:hover)and (pointer:fine){.product-card-wrapper:hover .card__hover-add,.product-card-wrapper:focus-within .card__hover-add{opacity:1;pointer-events:auto}}@media(hover:none),(pointer:coarse){.card__hover-add{opacity:1;pointer-events:auto}}.card__hover-add .quick-add-modal{pointer-events:auto}.card__hover-add-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:4px;margin:0;padding-left:clamp(12px,2vw,20px);padding-right:clamp(12px,2vw,20px);padding-top:0;padding-bottom:0;width:max-content;max-width:min(186px,100%);height:clamp(44px,12vw,50px);min-height:clamp(44px,12vw,50px);cursor:pointer;font-family:var(--font-body-family);font-size:clamp(12px,1.5vw,15px);font-weight:400;line-height:1;letter-spacing:0;text-transform:uppercase;color:rgb(var(--color-foreground));background:#ffffff85;border:1px solid #e5e5e5;border-radius:7px;box-shadow:0 9px 14px #0000001a}@media screen and (min-width:750px){.card__hover-add-button{height:50px;min-height:50px;max-width:186px;padding:0 20px;font-size:15px;letter-spacing:1px;gap:6px}}.card__hover-add-button:hover{background:#fff;border-color:#e5e5e5;box-shadow:0 9px 14px #0000001a}.card__hover-add-button:focus-visible{background:#fff;outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.card__hover-add-button:disabled{cursor:not-allowed;opacity:.55}.card__hover-add-button .card__hover-add-icon{order:-1;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:clamp(16px,4.5vw,20px);height:clamp(16px,4.5vw,20px);aspect-ratio:1 / 1}.card__hover-add-button .card__hover-add-icon .icon{width:100%;height:100%;aspect-ratio:1 / 1;display:block}@media screen and (min-width:750px){.card__hover-add-button .card__hover-add-icon{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-collection-hover-add.css.map */