.product-addons{margin-top:1.6rem}.product-addons__heading{margin-bottom:1.2rem}.product-addons__list{display:flex;flex-direction:column;gap:.8rem}.product-addons__item{display:flex;align-items:center;gap:1.2rem;padding:1.2rem;border:1px solid rgba(var(--color-border),1);border-radius:var(--border-radius);transition:border-color .2s ease,background-color .2s ease}.product-addons__item:hover{border-color:rgba(var(--color-foreground),.3)}.product-addons__item--selected{border-color:rgba(var(--color-foreground),.5);background-color:rgba(var(--color-foreground),.02)}.product-addons__item--unavailable{opacity:.5;pointer-events:none}.product-addons__checkbox{flex-shrink:0}.product-addons__label{display:flex;align-items:center;justify-content:center;cursor:pointer}.product-addons__checkbox-indicator{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:2px solid rgba(var(--color-foreground),.3);border-radius:.4rem;transition:all .2s ease}.product-addons__checkbox-indicator svg{width:1.2rem;height:1.2rem;opacity:0;transform:scale(.5);transition:all .2s ease}.product-addons__input:checked+.product-addons__label .product-addons__checkbox-indicator{background-color:rgba(var(--color-foreground),1);border-color:rgba(var(--color-foreground),1)}.product-addons__input:checked+.product-addons__label .product-addons__checkbox-indicator svg{opacity:1;transform:scale(1);color:rgba(var(--color-background),1)}.product-addons__input:focus-visible+.product-addons__label .product-addons__checkbox-indicator{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}.product-addons__image{flex-shrink:0;width:4rem;height:4rem;border-radius:var(--border-radius-sm, .4rem);overflow:hidden;background-color:rgba(var(--color-foreground),.05)}.product-addons__image img{width:100%;height:100%;object-fit:cover}.product-addons__image .placeholder-svg{width:100%;height:100%}.product-addons__details{flex-grow:1;min-width:0}.product-addons__title{display:block;font-size:var(--font-body-size-sm, 1.3rem);font-weight:var(--font-body-bold-weight, 600);line-height:1.3;color:rgba(var(--color-foreground),1);text-decoration:none;margin-bottom:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-addons__title:hover{text-decoration:underline}.product-addons__variant-select{margin:.4rem 0}.product-addons__select{width:100%;max-width:20rem;padding:.4rem 2.4rem .4rem .8rem;font-size:1.2rem;line-height:1.4;border:1px solid rgba(var(--color-border),1);border-radius:var(--border-radius-sm, .4rem);background-color:rgba(var(--color-background),1);color:rgba(var(--color-foreground),1);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:1rem}.product-addons__select:hover{border-color:rgba(var(--color-foreground),.3)}.product-addons__select:focus{outline:none;border-color:rgba(var(--color-foreground),.5)}.product-addons__select option:disabled{color:rgba(var(--color-foreground),.4)}.product-addons__price{display:flex;align-items:center;gap:.6rem;font-size:var(--font-body-size-sm, 1.3rem)}.product-addons__price--regular,.product-addons__price--sale{color:rgba(var(--color-foreground),1)}.product-addons__price--sale{color:rgb(var(--color-sale))}.product-addons__price--compare{color:rgba(var(--color-foreground),.5)}.product-addons__price--soldout{color:rgba(var(--color-foreground),.5);font-style:italic}.product-addons__quantity{flex-shrink:0}.product-addons__quantity .quantity{min-width:auto}.product-addons__quantity .quantity--small{height:3.2rem}.product-addons__quantity .quantity--small .quantity__button{width:2.8rem;padding:0}.product-addons__quantity .quantity--small .quantity__input{width:3.2rem;padding:0;font-size:1.2rem}.product-addons--collapsible .product-addons__list{--featured-height: auto;position:relative;max-height:var(--featured-height);overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.product-addons--collapsible:not(.product-addons--expanded) .product-addons__list:after{content:"";position:absolute;bottom:0;left:0;right:0;height:6rem;background:linear-gradient(to bottom,rgba(var(--color-background),0),rgba(var(--color-background),.7),rgba(var(--color-background),.95));pointer-events:none;z-index:1}.product-addons--expanded .product-addons__list{max-height:var(--full-height)!important}.product-addons__toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:.8rem;background:linear-gradient(180deg,rgba(var(--color-foreground),.02),rgba(var(--color-foreground),.06));border:1px dashed rgba(var(--color-foreground),.2);border-radius:var(--border-radius);cursor:pointer;transition:all .25s ease}.product-addons__toggle[hidden]{display:none}.product-addons__toggle-icon{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;background-color:rgba(var(--color-foreground),.08);color:rgba(var(--color-foreground),.6);transition:all .3s cubic-bezier(.4,0,.2,1)}.product-addons__toggle:hover .product-addons__toggle-icon{background-color:rgba(var(--color-foreground),.12);color:rgba(var(--color-foreground),.8)}.product-addons__toggle-icon svg{width:1.6rem;height:1.6rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.product-addons__toggle[aria-expanded=true] .product-addons__toggle-icon{background-color:rgba(var(--color-foreground),.12)}.product-addons__toggle[aria-expanded=true] .product-addons__toggle-icon svg{transform:rotate(45deg)}@media screen and (max-width: 767px){.product-addons__item{flex-wrap:wrap;gap:1rem;padding:1rem}.product-addons__checkbox{order:1}.product-addons__image{order:2;width:5rem;height:5rem}.product-addons__details{order:3;flex-basis:calc(100% - 8.2rem)}.product-addons__quantity{order:4;margin-left:auto}.product-addons__title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.product-addons__select{max-width:100%;font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-product-addons.css.map */