.suggested-add-ons,.additional-products{container-name:suggested-add-ons-layout;container-type:inline-size;display:block;margin:2.8rem 0 2.4rem}.additional-products__fieldset{margin-bottom:.8rem;overflow:visible}.additional-products__viewport{box-sizing:border-box;max-width:100%;min-width:0;overflow:hidden;width:100%}.additional-products__grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;width:100%}.additional-products__item{min-width:0;position:relative;text-align:center}.additional-products__input{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}.additional-products__input[data-card-option]{bottom:0;clip:auto;clip-path:none;cursor:pointer;left:0;margin:0;opacity:0;position:absolute;right:0;top:0;height:auto;width:auto;z-index:2}.additional-products__input:checked+.additional-products__card{border-color:rgb(var(--color-foreground))}.additional-products__input:focus-visible+.additional-products__card{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55);outline:0}.additional-products__input:disabled+.additional-products__card{cursor:not-allowed}.additional-products__input:disabled+.additional-products__card>*{opacity:.4}.additional-products__none-card{border-color:transparent}.additional-products__none-label{align-items:center;color:rgba(var(--color-foreground),.7);display:flex;flex:1 1 auto;font-size:1.6rem;font-weight:700;justify-content:center;line-height:1.2}.additional-products__card .variant-card-picker__value{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal}.additional-products__image-placeholder{aspect-ratio:1;background:linear-gradient(135deg,rgba(var(--color-foreground),.08),rgba(var(--color-foreground),.02));display:block;flex:0 0 auto;height:auto;margin:-.8rem -.8rem 0;width:calc(100% + 1.6rem)}@media screen and (min-width:1200px){.additional-products__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.suggested-add-ons__content{margin-bottom:.8rem;padding:1.2rem .1rem 0}.suggested-add-ons__group{border:0;margin:0 0 .6rem;min-width:0;padding:0}.suggested-add-ons__group+.suggested-add-ons__group{margin-top:1.8rem}.suggested-add-ons__legend{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0;font-size:clamp(1.2rem,calc(.8cqw + .8rem),1.6rem);line-height:1.25}.suggested-add-ons__group-title{color:rgb(var(--color-foreground));font-weight:700}.suggested-add-ons__selected{color:rgba(var(--color-foreground),.65)}.suggested-add-ons__selected-state{color:rgba(var(--color-foreground),.5);font-size:.9em}.suggested-add-ons__options{display:flex;flex-direction:column;gap:.8rem}.suggested-add-ons__option{min-height:8rem;min-width:0;position:relative}.suggested-add-ons__option[hidden]{display:none}.suggested-add-ons__show-more{align-items:center;background:transparent;border:0;color:rgb(var(--color-foreground));cursor:pointer;display:flex;font:inherit;font-weight:500;gap:.5rem;justify-content:center;line-height:1.2;margin:.5rem auto 0;padding:.2rem;width:auto}.suggested-add-ons__show-more:after{border-bottom:.2rem solid currentColor;border-right:.2rem solid currentColor;content:"";height:.6rem;transform:translateY(-.2rem) rotate(45deg);width:.6rem}.suggested-add-ons__show-more:hover{opacity:.7}.suggested-add-ons__show-more[aria-expanded=true]:after{transform:translateY(.2rem) rotate(225deg)}.suggested-add-ons__none-option{height:1px;overflow:hidden;position:absolute;width:1px}.suggested-add-ons__input{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}.suggested-add-ons__card{align-items:center;--suggested-add-ons-card-padding: .9rem 1.1rem;--suggested-add-ons-surface: #fafafa;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.14);border-radius:1.2rem;box-sizing:border-box;cursor:pointer;container-type:inline-size;display:flex;flex-wrap:wrap;gap:1rem;height:100%;isolation:isolate;min-height:8rem;overflow:hidden;padding:var(--suggested-add-ons-card-padding);position:relative;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease,opacity var(--duration-short) ease}.suggested-add-ons__card .product-availability-badge{position:static;order:-1;flex:0 0 calc(100% + 2.2rem);align-self:stretch;width:auto;min-height:clamp(1.8rem,5cqw,2.2rem);margin:-.9rem -1.1rem .2rem;padding:clamp(.3rem,1.1cqw,.4rem) clamp(.5rem,1.8cqw,.7rem);border-radius:0;font-size:clamp(.68rem,3.8cqw,.82rem)!important;transform:none}@media screen and (max-width:749px){.suggested-add-ons__card .product-availability-badge{min-height:1.7rem;flex-basis:calc(100% + 1.8rem);margin:-.8rem -.9rem .1rem;padding:.25rem .4rem;font-size:.66rem!important}}.suggested-add-ons__card:hover{border-color:rgba(var(--color-foreground),.35)}.suggested-add-ons__input:checked+.suggested-add-ons__card{border:.2rem solid rgb(var(--color-foreground));box-shadow:none}.suggested-add-ons__input:checked+.suggested-add-ons__card .suggested-add-ons__card-check-inner{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.suggested-add-ons__card-check{align-items:center;align-self:center;display:flex;flex:0 0 5.2rem;justify-content:center;margin:0;position:relative;z-index:1}.suggested-add-ons__card-check-inner{align-items:center;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.22);border-radius:.7rem;box-sizing:border-box;display:flex;height:3.2rem;justify-content:center;position:relative;width:100%}.suggested-add-ons__card-check-inner:before{color:rgba(var(--color-foreground),.6);content:"+";font-size:1.8rem;font-weight:400;line-height:1}.suggested-add-ons__input:checked+.suggested-add-ons__card .suggested-add-ons__card-check-inner:after{border-bottom:.2rem solid rgb(var(--color-background));border-right:.2rem solid rgb(var(--color-background));content:"";height:.8rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-60%) rotate(45deg);width:.45rem}.suggested-add-ons__input:checked+.suggested-add-ons__card .suggested-add-ons__card-check-inner:before{content:""}.suggested-add-ons__input:focus-visible+.suggested-add-ons__card{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55);outline:0}.suggested-add-ons__input:disabled+.suggested-add-ons__card{cursor:not-allowed;opacity:.48}.suggested-add-ons__card-media{align-items:center;background:transparent;border-radius:.6rem;display:flex;flex:0 0 6rem;height:6rem;justify-content:center;overflow:hidden}.suggested-add-ons__image,.suggested-add-ons__image-placeholder{background:transparent;height:100%;object-fit:contain;width:100%}.suggested-add-ons__image-placeholder{background:linear-gradient(135deg,rgba(var(--color-foreground),.08),rgba(var(--color-foreground),.02))}.suggested-add-ons__card-title{color:rgb(var(--color-foreground));display:-webkit-box;flex:1 1 auto;font-size:clamp(1rem,calc(.7cqw + .65rem),1.4rem);font-weight:400;line-height:1.2;min-width:0;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.suggested-add-ons__card-price-block{align-items:flex-end;display:flex;flex:0 0 auto;flex-direction:column;gap:.2rem;text-align:right}.suggested-add-ons__card-price{color:rgb(var(--color-foreground));font-size:clamp(1.4rem,calc(.9cqw + 1rem),1.9rem);font-weight:700;line-height:1.2;white-space:nowrap}.suggested-add-ons__card-compare-price{color:#767676;font-size:clamp(1.1rem,calc(.6cqw + .75rem),1.5rem);font-weight:400;line-height:1.2;white-space:nowrap}.suggested-add-ons__unavailable{background:rgba(var(--color-background),.8);color:rgb(var(--color-foreground));display:none;font-size:.9rem;font-weight:700;left:50%;padding:.2rem .4rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.suggested-add-ons__input:disabled+.suggested-add-ons__card .suggested-add-ons__unavailable{display:block}@media screen and (max-width:749px){.suggested-add-ons__card{--suggested-add-ons-card-padding: .8rem .9rem;gap:.8rem;min-height:7.6rem}.suggested-add-ons__card-media{flex-basis:5.4rem;height:5.4rem}.suggested-add-ons__card-check{flex-basis:4.6rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-suggested-add-ons.css.map */