.product-add-ons{position:relative;width:100%;margin-top:2.4rem;margin-bottom:2.4rem;opacity:1;transition:opacity .3s ease-in-out}.product-add-ons.positioned{opacity:1}.product-add-ons__container{max-width:100%;padding-left:0;padding-right:0}.product-add-ons__header{margin-bottom:2.4rem}.product-add-ons__heading{font-size:2rem;font-weight:600;line-height:1.3;color:rgb(var(--color-foreground))}@media (min-width: 768px){.product-add-ons__heading{font-size:2.4rem}}.product-add-ons__wrapper{display:flex;flex-direction:column;gap:3rem}.product-add-ons__group{margin-bottom:1.6rem}.product-add-ons__group-title{font-size:1.8rem;font-weight:600;margin-bottom:1.6rem;color:rgb(var(--color-foreground))}.product-add-ons__required{color:rgb(var(--color-error, 220, 53, 69));margin-left:.4rem}.product-add-ons__grid{display:grid;grid-template-columns:1fr;gap:1.6rem;max-height:400px;overflow-y:auto;overflow-x:hidden;padding-right:.8rem;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.3) transparent}.product-add-ons__grid::-webkit-scrollbar{width:6px}.product-add-ons__grid::-webkit-scrollbar-track{background:transparent}.product-add-ons__grid::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.3);border-radius:3px}.product-add-ons__grid::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.5)}@media (min-width: 768px){.product-add-ons__grid{grid-template-columns:repeat(1,1fr);max-height:500px}}@media (min-width: 1024px){.product-add-ons__grid{grid-template-columns:repeat(1,1fr);max-height:600px}}.product-add-ons__item{width:100%}.product-add-ons__empty{text-align:center;padding:4rem 2rem;color:rgb(var(--color-foreground));opacity:.7}.product-add-on-card{position:relative;border:1px solid rgba(var(--color-foreground),.15);border-radius:.8rem;transition:all .3s ease;background:rgb(var(--color-background));overflow:hidden;height:100%}.product-add-on-card:hover{border-color:rgba(var(--color-foreground),.3);box-shadow:0 4px 12px #00000014}.product-add-on-card__label{display:block;cursor:pointer;width:100%;position:relative;height:100%}.product-add-on-card__radio{position:absolute;opacity:0;pointer-events:none}.product-add-on-card__content{display:flex;gap:1.6rem;padding:1.6rem;position:relative}.product-add-on-card__image{flex-shrink:0;width:8rem;height:8rem;border-radius:.4rem;overflow:hidden;background:rgba(var(--color-foreground),.05)}.product-add-on-card__image img{width:100%;height:100%;object-fit:cover}.product-add-on-card__info{flex:1;display:flex;flex-direction:column;gap:.8rem;min-width:0}.product-add-on-card__title{font-size:1.4rem;font-weight:500;line-height:1.4;color:rgb(var(--color-foreground));word-break:break-word}.product-add-on-card__price{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.product-add-on-card__price--regular,.product-add-on-card__price--sale{font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground))}.product-add-on-card__price--sale{color:rgb(var(--color-sale))}.product-add-on-card__price--compare{font-size:1.2rem;text-decoration:line-through;opacity:.6;color:rgb(var(--color-foreground))}.product-add-on-card__variants{width:100%}.product-add-on-card__variant-select{width:100%;padding:.8rem 1.2rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.3rem;cursor:pointer;transition:all .2s ease}.product-add-on-card__variant-select:hover{border-color:rgba(var(--color-foreground),.4)}.product-add-on-card__variant-select:focus{outline:none;border-color:rgb(var(--color-button));box-shadow:0 0 0 2px rgba(var(--color-button),.2)}.product-add-on-card__sold-out{font-size:1.2rem;color:rgb(var(--color-error, 220, 53, 69));font-weight:500}.product-add-on-card__checkmark{position:absolute;top:1.6rem;right:1.6rem;width:2.4rem;height:2.4rem;border:2px solid rgba(var(--color-foreground),.2);border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));transition:all .3s ease;pointer-events:none}.product-add-on-card__checkmark svg{width:1.4rem;height:1.4rem;opacity:0;transform:scale(0);transition:all .2s ease}.product-add-on-card__radio:checked~.product-add-on-card__content .product-add-on-card__checkmark{background:rgb(var(--color-button));border-color:rgb(var(--color-button))}.product-add-on-card__radio:checked~.product-add-on-card__content .product-add-on-card__checkmark svg{opacity:1;transform:scale(1);color:rgb(var(--color-button-text, 255, 255, 255))}.product-add-on-card__radio:checked~.product-add-on-card__content{background:rgba(var(--color-button),.05)}.product-add-on-card__radio:disabled~.product-add-on-card__content{opacity:.5;cursor:not-allowed}.product-add-ons__custom-input{padding:2rem;background:rgba(var(--color-foreground),.03);border-radius:.8rem;border:1px solid rgba(var(--color-foreground),.1)}.product-add-ons__radio-group{display:flex;flex-direction:column;gap:1.2rem;margin-top:1.2rem}.product-add-ons__radio-label{display:flex;align-items:center;padding:1.4rem 1.8rem;border:2px solid rgba(var(--color-foreground),.15);border-radius:.6rem;cursor:pointer;transition:all .2s ease;background:rgb(var(--color-background))}.product-add-ons__radio-label:hover{border-color:rgba(var(--color-foreground),.3)}.product-add-ons__custom-radio{margin-right:1.2rem;width:2rem;height:2rem;cursor:pointer;accent-color:rgb(var(--color-button))}.product-add-ons__custom-radio:checked+.product-add-ons__radio-text{font-weight:600}.product-add-ons__radio-label:has(.product-add-ons__custom-radio:checked){border-color:rgb(var(--color-button));background:rgba(var(--color-button),.05)}.product-add-ons__radio-text{font-size:1.5rem;color:rgb(var(--color-foreground))}.product-add-ons__summary{margin-top:2.4rem;padding:2rem;background:rgba(var(--color-foreground),.05);border-radius:.8rem;border:1px solid rgba(var(--color-foreground),.1)}.product-add-ons__summary-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.6rem}.product-add-ons__summary-text{font-size:1.4rem;color:rgb(var(--color-foreground))}.product-add-ons__summary-count{font-weight:700;color:rgb(var(--color-button))}.product-add-ons__summary-total{font-size:1.6rem;font-weight:700;color:rgb(var(--color-foreground))}.product-add-ons__summary-amount{color:rgb(var(--color-button))}.product-add-ons__error{margin-top:1.2rem;padding:1.2rem;background:rgba(var(--color-error, 220, 53, 69),.1);border:1px solid rgba(var(--color-error, 220, 53, 69),.3);border-radius:.4rem;color:rgb(var(--color-error, 220, 53, 69));font-size:1.4rem;font-weight:500}@media (max-width: 767px){.product-add-ons__grid{max-height:300px;padding-right:.4rem}.product-add-on-card__content{flex-direction:column;gap:1.2rem}.product-add-on-card__image{width:100%;height:16rem}.product-add-ons__summary-content{flex-direction:column;align-items:stretch;text-align:center}.product-add-ons__custom-input{padding:1.6rem}.product-add-ons__radio-label{padding:1.2rem 1.4rem}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.product-add-on-card__radio:checked~.product-add-on-card__content{animation:pulse .3s ease-out}
/*# sourceMappingURL=/cdn/shop/t/4/assets/product-add-ons.css.map */