.addon-products{--addon-border: rgba(var(--color-foreground), .19);--addon-border-strong: rgba(var(--color-foreground), .28);--addon-muted: rgba(var(--color-foreground), .6);--addon-radius: var(--media-radius, 0);--addon-shadow: 0 1rem 2.6rem rgba(var(--color-shadow), .1);--addon-accent: rgb(var(--color-foreground));--addon-accent-soft: color-mix(in srgb, var(--addon-accent) 8%, transparent);display:block;color:rgb(var(--color-foreground))}.product__info-container .addon-products{margin:3rem 0}.cart__blocks .addon-products{margin-top:2.4rem;padding-top:2.4rem;border-top:.1rem solid rgba(var(--color-foreground),.08)}.addon-products__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem;margin-bottom:1.4rem}.addon-products__heading{margin:0;font-size:calc(var(--font-heading-scale) * 1.6rem);line-height:1.3;letter-spacing:.06rem}.addon-products__heading:focus{outline:none}.addon-products__empty{margin:0;padding:1.6rem;border:.1rem dashed var(--addon-border-strong);border-radius:var(--addon-radius);font-size:1.3rem;text-align:center;color:var(--addon-muted)}.addon-products__list{list-style:none;margin:0;padding:0}.addon-products--list .addon-products__list{display:grid;gap:1rem}.addon-products__item{position:relative;margin:0}.addon-products__item.is-open{z-index:3}.addon-products *{box-sizing:border-box}.addon-product{display:block;height:100%}.addon-product__form{position:relative;display:grid;grid-template-columns:7.2rem minmax(0,1fr) auto;align-items:flex-start;gap:1.2rem 1.4rem;height:100%;padding:1.2rem;background:rgb(var(--color-background));border:.1rem solid var(--addon-border);border-radius:var(--addon-radius);transition:border-color var(--duration-default) ease,box-shadow var(--duration-default) ease,transform var(--duration-default) ease}.addon-product:hover .addon-product__form,.addon-product:focus-within .addon-product__form{border-color:var(--addon-accent);box-shadow:var(--addon-shadow)}@media(prefers-reduced-motion:no-preference){.addon-product:hover .addon-product__form{transform:translateY(-.2rem)}}.addon-product__media{position:relative;display:block;width:100%;aspect-ratio:var(--addon-image-ratio, 1 / 1);overflow:hidden;border-radius:var(--addon-radius);background:rgba(var(--color-foreground),.04)}.addon-product__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-long) ease}@media(prefers-reduced-motion:no-preference){.addon-product:hover .addon-product__image{transform:scale(1.04)}}.addon-product--sold-out .addon-product__media{opacity:.55}.addon-product__info{display:flex;flex-direction:column;gap:.7rem;min-width:0}.addon-product__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-family:inherit;font-weight:inherit;font-size:1.4rem;line-height:1.35;letter-spacing:.03rem;color:rgb(var(--color-foreground))}.addon-product__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;font-size:1.4rem;letter-spacing:.06rem}.addon-product__price-compare{font-size:1.2rem;color:var(--addon-muted)}.addon-product__price-compare[hidden]{display:none}.addon-product__error{font-size:1.2rem;line-height:1.4;color:rgb(var(--color-foreground))}.addon-product__error[hidden]{display:none}.addon-product__error:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;margin-right:.6rem;border-radius:50%;font-size:1rem;font-weight:700;color:rgb(var(--color-background));background:rgb(var(--color-foreground))}.addon-select{position:relative;display:block;margin-top:.2rem}.addon-select__button{display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;min-height:3.6rem;padding:0 1.2rem;font-family:inherit;font-size:1.3rem;line-height:1.2;letter-spacing:.05rem;text-align:left;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.22);border-radius:var(--inputs-radius);cursor:pointer;transition:border-color var(--duration-default) ease,box-shadow var(--duration-default) ease}.addon-select__button:hover{border-color:rgba(var(--color-foreground),.55)}.addon-select__button:focus-visible{outline:0;border-color:var(--addon-accent);box-shadow:0 0 0 .1rem var(--addon-accent)}.addon-select__button[aria-expanded=true]{border-color:var(--addon-accent)}.addon-select__value{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.addon-select__button>.svg-wrapper{flex-shrink:0;width:1rem;height:.6rem;transition:transform var(--duration-default) ease}.addon-select__button>.svg-wrapper svg{display:block;width:100%;height:100%}.addon-select__button[aria-expanded=true]>.svg-wrapper{transform:rotate(180deg)}.addon-select__list{position:absolute;top:calc(100% + .4rem);left:0;right:0;z-index:5;margin:0;padding:.4rem 0;list-style:none;max-height:22rem;overflow-y:auto;overscroll-behavior:contain;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--popup-corner-radius, var(--inputs-radius));box-shadow:0 1.2rem 3rem rgba(var(--color-shadow),.14);animation:animateMenuOpen var(--duration-default) ease}.addon-select__list[hidden]{display:none}.addon-select__list:focus{outline:0}.addon-select--up .addon-select__list{top:auto;bottom:calc(100% + .4rem)}.addon-select__option{display:grid;grid-template-columns:1.2rem minmax(0,1fr) auto;align-items:center;gap:.9rem;margin:0;padding:.9rem 1.2rem;font-size:1.3rem;line-height:1.3;letter-spacing:.04rem;cursor:pointer;transition:background-color var(--duration-short) ease}.addon-select__option--active{background:var(--addon-accent-soft)}.addon-select__option[aria-selected=true]{font-weight:600}.addon-select__option[aria-disabled=true]{color:rgba(var(--color-foreground),.45);cursor:not-allowed}.addon-select__check{width:1.2rem;height:.9rem;visibility:hidden}.addon-select__check svg{display:block;width:100%;height:100%}.addon-select__option[aria-selected=true] .addon-select__check{visibility:visible}.addon-select__option-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.addon-select__option-price{display:inline-flex;align-items:baseline;gap:.6rem;white-space:nowrap;color:var(--addon-muted)}.addon-select__option[aria-selected=true] .addon-select__option-price{color:rgb(var(--color-foreground))}.addon-select__option-soldout{font-size:1rem;font-weight:400;letter-spacing:.1rem;text-transform:uppercase}.addon-product__button{position:relative;align-self:center;min-height:3.8rem;min-width:7.6rem;padding:0 1.6rem;font-size:1.2rem;letter-spacing:.1rem;white-space:nowrap;transition:background-color var(--duration-default) ease,color var(--duration-default) ease,opacity var(--duration-default) ease}.addon-product__button:disabled{cursor:not-allowed}.addon-product__button-added{display:inline-flex;align-items:center;gap:.6rem}.addon-product__button-added .svg-wrapper{width:1.2rem;height:.9rem}.addon-product__button-added svg{display:block;width:100%;height:100%}.addon-product__button.is-added{--color-button: var(--color-foreground);--color-button-text: var(--color-background);--alpha-button-background: 1}@media(prefers-reduced-motion:no-preference){.addon-product__button.is-added .addon-product__button-added{animation:addonAddedPop var(--duration-medium) ease}}@keyframes addonAddedPop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}.addon-product--checkbox .addon-product__form{cursor:pointer}.addon-products--list .addon-product--checkbox .addon-product__form{grid-template-columns:2.4rem 7.2rem minmax(0,1fr)}.addon-products--list .addon-product--checkbox .addon-product__check{grid-column:1;grid-row:1}.addon-products--list .addon-product--checkbox .addon-product__media{grid-column:2;grid-row:1}.addon-products--list .addon-product--checkbox .addon-product__info{grid-column:3;grid-row:1}.addon-product.is-selected .addon-product__form{border-color:var(--addon-accent);background:var(--addon-accent-soft)}.addon-product__check{position:relative;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;margin:0;cursor:pointer;transition:opacity var(--duration-default) ease}.addon-product__check--disabled{opacity:.45;cursor:not-allowed}.addon-product__check.loading{pointer-events:none}.addon-product__check-box{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:.1rem solid rgba(var(--color-foreground),.45);border-radius:max(.2rem,calc(var(--inputs-radius) / 3));background:rgb(var(--color-background));color:rgb(var(--color-background));transition:background-color var(--duration-default) ease,border-color var(--duration-default) ease,box-shadow var(--duration-default) ease}.addon-product:hover .addon-product__check-box{border-color:var(--addon-accent)}.addon-product__checkbox:focus-visible+.addon-product__check-box{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .3rem var(--addon-accent)}.addon-product__check-box svg{width:1.1rem;height:.85rem;opacity:0;transform:scale(.6);transition:opacity var(--duration-default) ease,transform var(--duration-default) ease}.addon-product__checkbox:checked+.addon-product__check-box{background:var(--addon-accent);border-color:var(--addon-accent)}.addon-product__checkbox:checked+.addon-product__check-box svg{opacity:1;transform:scale(1)}.addon-product__check .loading__spinner{position:static;display:none;width:1.8rem}.addon-product__check.loading .addon-product__check-box{display:none}.addon-product__check.loading .loading__spinner:not(.hidden){display:block}.addon-products__summary{margin:1.2rem 0 0;font-size:1.2rem;letter-spacing:.04rem;color:var(--addon-muted)}.addon-products__summary[hidden]{display:none}.addon-products--slider .addon-product--checkbox .addon-product__form{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.addon-products--slider .addon-product__check{position:absolute;top:1.6rem;left:1.6rem;z-index:2}.addon-products--slider .addon-product__check-box{box-shadow:0 .2rem .8rem rgba(var(--color-shadow),.15)}.addon-products--slider .addon-products__swiper{overflow:visible;clip-path:inset(-100vh 0);padding:.4rem 0;margin:-.4rem 0}@supports not (clip-path: inset(0)){.addon-products--slider .addon-products__swiper{overflow:hidden}.addon-products--overflow-visible .addon-products__swiper{overflow:visible}}.addon-products--slider .addon-products__list{display:flex}.addon-products--slider .swiper:not(.swiper-initialized) .addon-products__list{gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.addon-products--slider .swiper:not(.swiper-initialized) .addon-products__list::-webkit-scrollbar{display:none}.addon-products--slider .addon-products__item{flex-shrink:0;width:21rem;height:auto;scroll-snap-align:start}@media screen and (min-width:750px){.addon-products--slider .addon-products__item{width:23rem}}.addon-products--slider .addon-product__form{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:1.2rem;padding:1rem 1rem 1.2rem}.addon-products--slider .addon-product__media{border-radius:calc(var(--addon-radius) * .6)}.addon-products--slider .addon-product__info{padding:0 .2rem}.addon-products--slider .addon-product__button{width:100%}.addon-products__nav-group{display:flex;gap:.6rem;flex-shrink:0}.addon-products__nav{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;color:rgb(var(--color-foreground));background:transparent;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:50%;cursor:pointer;transition:border-color var(--duration-default) ease,background-color var(--duration-default) ease,opacity var(--duration-default) ease}.addon-products__nav:hover:not(:disabled):not(.swiper-button-disabled){border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.addon-products__nav:focus-visible{outline:0;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .4rem var(--addon-accent)}.addon-products__nav:disabled,.addon-products__nav.swiper-button-disabled{opacity:.3;cursor:default}.addon-products__nav .svg-wrapper{width:1rem;height:.6rem}.addon-products__nav svg{display:block;width:100%;height:100%}.addon-products__nav--prev .svg-wrapper{transform:rotate(90deg)}.addon-products__nav--next .svg-wrapper{transform:rotate(-90deg)}.addon-products .addon-products__pagination{--swiper-pagination-color: rgb(var(--color-foreground));--swiper-pagination-bullet-inactive-color: rgb(var(--color-foreground));--swiper-pagination-bullet-inactive-opacity: .25;--swiper-pagination-bullet-size: .6rem;--swiper-pagination-bullet-horizontal-gap: .3rem;position:static;display:flex;justify-content:center;margin-top:1.4rem;min-height:.6rem}.addon-products .addon-products__pagination:empty{display:none}.addon-products--locked .addon-products__nav-group,.addon-products--locked .addon-products__pagination{display:none}@media screen and (min-width:750px){.addon-products--list-2 .addon-products__list{grid-template-columns:repeat(2,minmax(0,1fr))}.addon-products--list-2 .addon-product__form{grid-template-columns:6.4rem minmax(0,1fr)}.addon-products--list-2 .addon-product--checkbox .addon-product__form{grid-template-columns:2.4rem 6.4rem minmax(0,1fr)}.addon-products--list-2 .addon-product__button{grid-column:1 / -1;width:100%}}@media screen and (max-width:479px){.addon-products--list .addon-product__form{grid-template-columns:6.4rem minmax(0,1fr)}.addon-products--list .addon-product--checkbox .addon-product__form{grid-template-columns:2.4rem 6.4rem minmax(0,1fr)}.addon-products--list .addon-product__button{grid-column:1 / -1;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-addon-products.css.map */