.product-add-ons{background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1.2rem;display:block;padding:2rem}.product-add-ons__header,.product-add-ons__group-header,.product-add-ons__subtotal{width:100%}.product-add-ons__header{gap:1.6rem;line-height:1.375;margin-bottom:1.6rem}.product-add-ons__header-note,.product-add-ons__group-description,.product-add-ons__option-price{color:rgba(var(--color-foreground),.6)}.product-add-ons__header-note{flex:0 0 auto;font-size:1.3rem}.product-add-ons__groups{display:grid}.product-add-ons__group{border:0;min-inline-size:0;padding:0}.product-add-ons__group+.product-add-ons__group{border-top:.1rem solid rgba(var(--color-foreground),.12);margin-top:1.6rem;padding-top:1.6rem}.product-add-ons__group-header{gap:1.6rem}.product-add-ons__toggle-option{cursor:pointer}.product-add-ons__group-content{display:grid;flex:1 1 auto;gap:.2rem;min-width:0}.product-add-ons__group-title{font-size:1.5rem;line-height:1.333}.product-add-ons__group-description{font-size:1.3rem;line-height:1.385}.product-add-ons__group-description.overflow-hidden{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-add-ons__group-description .metafield-rich_text_field>*{margin:0}.product-add-ons__group-supporting{display:grid;gap:.4rem;margin-top:.2rem}.product-add-ons__details-opener{display:block;width:max-content}.product-add-ons__details-button{font-size:1.3rem;line-height:1.385}.product-add-ons__details-modal-content{max-width:72rem}.product-add-ons__details-modal-info{display:grid;gap:2rem;justify-items:center;padding:5.6rem 2.4rem 3.2rem;text-align:center}.product-add-ons__details-image{aspect-ratio:1;background:rgba(var(--color-foreground),.04);border-radius:.8rem;overflow:hidden;width:9.6rem}.product-add-ons__details-image img{height:100%;object-fit:contain;width:100%}.product-add-ons__details-title{letter-spacing:0}.product-add-ons__details-description{max-width:60rem;text-align:start;width:100%}.product-add-ons__details-close.popup-modal__toggle{background:rgba(var(--color-foreground),.06);border:0;border-radius:50%;inset-inline-end:1.6rem;position:absolute;top:1.6rem}.product-add-ons__group-action{flex:0 0 auto;gap:1.2rem}.product-add-ons__single-price{flex:0 0 auto;font-size:1.4rem;line-height:1.357}.product-add-ons__switch{background:rgba(var(--color-foreground),.12);border-radius:2.6rem;display:block;height:2.6rem;position:relative;transition:background-color .15s ease;width:4.4rem}.product-add-ons__switch:after{background:rgb(var(--color-background));border-radius:50%;box-shadow:0 .1rem .3rem rgba(var(--color-foreground),.2);content:"";height:2.2rem;inset-block-start:.2rem;inset-inline-start:.2rem;position:absolute;transition:transform .15s ease;width:2.2rem}.product-add-ons__toggle:checked+.product-add-ons__switch{background:rgb(var(--color-button))}.product-add-ons__toggle:checked+.product-add-ons__switch:after{transform:translate(1.8rem)}[dir=rtl] .product-add-ons__toggle:checked+.product-add-ons__switch:after{transform:translate(-1.8rem)}.product-add-ons__toggle:focus-visible+.product-add-ons__switch{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.product-add-ons__toggle:disabled+.product-add-ons__switch{cursor:not-allowed;opacity:.5}.product-add-ons__options{display:grid;margin-top:1.2rem}.product-add-ons__group--variants .product-add-ons__options--optional{display:grid;margin-top:0;max-height:0;opacity:0;transition:max-height .22s ease,margin-top .22s ease,opacity .16s ease}.product-add-ons__group--variants:has(.product-add-ons__toggle:checked) .product-add-ons__options--optional{margin-top:1.2rem;max-height:var(--product-add-ons-options-height, 60rem);opacity:1}.product-add-ons__group--single .product-add-ons__options{display:none}.product-add-ons__picker-content{display:grid;gap:1.2rem}.product-add-ons__option-group{border:0;min-inline-size:0;padding:0}.product-add-ons__option-group+.product-add-ons__option-group{margin-top:.4rem}.product-add-ons__option-label{margin-bottom:.8rem;gap:5px}.product-add-ons__option-values{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr))}.product-add-ons__option--chip{background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12);border-radius:.8rem;cursor:pointer;min-height:4.5rem;padding:1.2rem;position:relative;text-align:center}.product-add-ons__option--chip:has(.product-add-ons__value-input:checked){background:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.product-add-ons__option--chip:has(.product-add-ons__value-input:focus-visible){outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.product-add-ons__option-content{display:grid;gap:.2rem;min-width:0}.product-add-ons__option-title{font-size:1.4rem;line-height:1.357;overflow-wrap:anywhere}.product-add-ons__option-price{font-size:1.3rem;line-height:1.385}.product-add-ons__option--chip:has(.product-add-ons__value-input:checked) .product-add-ons__option-price{color:currentColor}.product-add-ons__option--disabled{cursor:not-allowed;opacity:.5}.product-add-ons__picker[aria-busy=true]{opacity:.6;pointer-events:none}.product-add-ons__unavailable{color:rgb(var(--color-error, var(--color-foreground)))}.product-add-ons__subtotal{border-top:.1rem solid rgba(var(--color-foreground),.12);font-size:1.4rem;gap:1.6rem;line-height:1.357;margin-top:1.6rem;padding-top:1.6rem}.product-add-ons__subtotal-price{color:rgb(var(--color-button));font-size:1.5rem;line-height:1.333}@media screen and (max-width:479px){.product-add-ons{padding:1.6rem}.product-add-ons__header,.product-add-ons__group-header{align-items:flex-start}.product-add-ons__option-values{grid-template-columns:repeat(auto-fit,minmax(min(9rem,100%),1fr))}}@media screen and (min-width:750px){.product-add-ons__option--chip{min-height:6.4rem}.product-add-ons__details-modal-content.popup-modal__content{border-start-end-radius:var(--popup-corner-radius);width:min(72rem,calc(100% - 8rem))}.product-add-ons__details-modal-info{padding:6.4rem 5.6rem 4.8rem}}@media(prefers-reduced-motion:reduce){.product-add-ons__group--variants .product-add-ons__options--optional{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-product-add-ons.css.map */