.product-add-ons{margin:2rem 0}.add-ons__heading{margin:0 0 1.5rem;font-size:1.8rem;font-weight:600;color:rgb(var(--color-heading))}.add-ons__list{display:flex;flex-direction:column;gap:1rem}.add-on-item{border:.1rem solid rgb(var(--color-border));border-radius:.8rem;transition:all var(--duration-default) ease;position:relative}.add-on-item:hover{border-color:rgba(var(--color-border),.8);box-shadow:0 .2rem .8rem rgba(var(--color-border),.2)}.add-on-checkbox:checked+.add-on-label{border-color:rgb(var(--color-button-background));background-color:rgba(var(--color-button-background),.05);transform:translateY(-2px);box-shadow:0 .4rem 1.2rem rgba(var(--color-button-background),.15)}.add-on-checkbox:checked+.add-on-label .add-on-checkbox-indicator{background-color:rgb(var(--color-button-background));color:rgb(var(--color-button-text))}.add-on-label{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;cursor:pointer;border-radius:.8rem;transition:all var(--duration-default) ease;border:.1rem solid transparent;position:relative}.add-on-content{display:flex;align-items:center;gap:1.2rem;flex:1}.add-on-image{flex-shrink:0;width:5rem;height:5rem;border-radius:.4rem;overflow:hidden;background-color:rgb(var(--color-background));border:.1rem solid rgb(var(--color-border))}.add-on-image img{width:100%;height:100%;object-fit:cover}.add-on-details{display:flex;flex-direction:column;gap:.4rem;flex:1}.add-on-title{font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground));line-height:1.4;margin-bottom:.2rem}.add-on-price{font-size:1.3rem;font-weight:600;color:#059669}.add-on-checkbox-indicator{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border:.2rem solid rgb(var(--color-border));border-radius:.4rem;transition:all var(--duration-default) ease;flex-shrink:0;margin-left:1rem}.add-on-checkbox-indicator .icon{width:1.4rem;height:1.4rem;opacity:0;transition:opacity var(--duration-default) ease}.add-on-checkbox:checked+.add-on-label .add-on-checkbox-indicator .icon{opacity:1}.add-on-quantity{display:none;align-items:center;gap:.5rem;margin-top:.8rem;padding-top:.8rem;border-top:.1rem solid rgba(var(--color-border),.3)}.add-on-checkbox:checked+.add-on-label .add-on-quantity{display:flex;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quantity-label{font-size:1.2rem;color:rgb(var(--color-foreground));margin-right:.5rem}.quantity-btn{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border:.1rem solid rgb(var(--color-border));background:rgb(var(--color-background));border-radius:.3rem;cursor:pointer;transition:all var(--duration-default) ease;font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground))}.quantity-btn:hover:not(:disabled){border-color:rgb(var(--color-button-background));background:rgba(var(--color-button-background),.1)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-input{width:4rem;height:2.4rem;text-align:center;border:.1rem solid rgb(var(--color-border));border-radius:.3rem;font-size:1.3rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.quantity-input:focus{outline:none;border-color:rgb(var(--color-button-background))}.add-ons__summary{margin-top:1.5rem;padding:1.5rem;background:rgba(var(--color-button-background),.05);border:.1rem solid rgba(var(--color-button-background),.2);border-radius:.8rem;display:none}.add-ons__summary.visible{display:block;animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.add-ons__summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.add-ons__summary-row:last-child{margin-bottom:0;padding-top:.8rem;border-top:.1rem solid rgba(var(--color-border),.3);font-weight:600}.add-ons__summary-label{font-size:1.3rem;color:rgb(var(--color-foreground))}.add-ons__summary-price{font-size:1.3rem;color:rgb(var(--color-button-background));font-weight:500}.add-ons__summary-total{font-size:1.5rem;font-weight:600;color:rgb(var(--color-heading))}.add-ons__savings{font-size:1.2rem;color:#059669;font-weight:500}.add-ons.loading{opacity:.6;pointer-events:none}.add-ons.loading .add-on-item{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media screen and (max-width: 749px){.add-ons__heading{font-size:1.6rem}.add-on-label{padding:1.2rem}.add-on-content{gap:1rem}.add-on-image{width:4rem;height:4rem}.add-on-title{font-size:1.3rem}.add-on-price{font-size:1.2rem}.add-on-checkbox-indicator{width:2.2rem;height:2.2rem}.add-ons__summary{padding:1.2rem}.add-ons__summary-row{font-size:1.2rem}.quantity-btn{width:2.2rem;height:2.2rem;font-size:1.2rem}.quantity-input{width:3.5rem;height:2.2rem;font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-product-add-ons.css.map */