.complementary-products .cartb{width:100%;min-width:auto}.complementary-products__container .title-wrapper-with-link{margin-bottom:10px;justify-content:unset}.wbcompinner .card__heading{font-size:calc(var(--font-body-scale) * 16px)}.wbcompinner .wbprotype{font-size:calc(var(--font-body-scale) * 14px);margin-top:8px;margin-bottom:0}.wbcompinner .wbvariantbadges{display:none}product-recommendations:not(.is-accordion) .complementary-products__container{margin-top:3rem}.complementary-products__container>details[open]{padding-bottom:1.5rem}.complementary-slide{--shadow-padding-sides: calc((var(--shadow-horizontal-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));--shadow-padding-sides-negative: calc((var(--shadow-horizontal-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible))}.complementary-products .wbimgblock .placeholder-svg{padding:5px 0}.complementary-products .price .badge{margin:0}.complementary-products,.complementary-products__container,.complementary-products .pcard,.complementary-products .card-wrapper,.complementary-products .card,.complementary-products .card__inner{overflow:visible!important}.complementary-products ul,.complementary-products .grid,.complementary-products .slider,.complementary-products .complementary-slider{overflow:visible!important;padding-top:20px;margin-top:-20px}.complementary-products slider-component,.complementary-products slider-component>ul,.complementary-products slider-component li{overflow:visible!important}.complementary-products details>*:not(summary){overflow:visible!important}.complementary-products .slider.slider--desktop,.complementary-products .slider.slider--tablet{overflow-x:auto!important;overflow-y:visible!important}.complementary-products .grid__item,.complementary-products .slider__slide,.complementary-products .complementary-slide{overflow:visible!important}.complementary-products details,.complementary-products .product__accordion,.complementary-products .accordion{overflow:visible!important}product-recommendations.complementary-products,.product__info-container product-recommendations,.product__info-wrapper product-recommendations{overflow:visible!important}.product__info-container,.product__info-wrapper,.product__info-wrapper>*,.product__accordion,.product__accordion>*{overflow:visible!important}aside.product__accordion,aside:has(.complementary-products){overflow:visible!important}.complementary-products .amount__badge-sale:before{content:"";position:absolute;top:-30%;left:-150%;width:45%;height:160%;background:linear-gradient(120deg,#fff0,#ffffffe6,#fff0);opacity:0;pointer-events:none;filter:blur(2px);animation:percent-amount-shine 3s infinite ease-in-out;animation-delay:.2s}.complementary-slide.complementary-slide--standard>ul{gap:calc(var(--grid-mobile-vertical-spacing) + 8px)}.comp-product .complementary-products .product__media-item:not(.is-active){display:block}.comp-product .complementary-products .wbproduct-container .product__media-item:not(:first-child){display:none}.comp-product .slider.slider--mobile{scroll-padding-left:0}.complementary-products .wbhomevendor,.product__info-container .complementary-products .price{margin-top:8px}.complementary-products .slider-buttons{column-gap:5px}.complementary-products slider-component,.complementary-products slider-component.slider-arrow--inline{padding:0 25px;position:relative}.complementary-products slider-component button.slider-button.slider-button--prev,.complementary-products .slider-arrow--inline button.slider-button.slider-button--prev{position:absolute;top:50%;transform:translateY(-50%);left:-20px;z-index:10}.complementary-products slider-component button.slider-button.slider-button--next,.complementary-products .slider-arrow--inline button.slider-button.slider-button--next{position:absolute;top:50%;transform:translateY(-50%);right:-20px;z-index:10}.complementary-products slider-component button.slider-button:hover:not([disabled]),.complementary-products .slider-arrow--inline button.slider-button:hover:not([disabled]){transform:translateY(-50%) scale(1.08)}.complementary-products slider-component button.slider-button:active:not([disabled]),.complementary-products .slider-arrow--inline button.slider-button:active:not([disabled]){transform:translateY(-50%) scale(.95)}.complementary-products slider-component .slider-button[disabled],.complementary-products .slider-arrow--inline .slider-button[disabled]{opacity:0;pointer-events:none}.complementary-products .product-form__submit{margin-bottom:0}@media screen and (min-width: 768px){.complementary-slide>ul{gap:var(--grid-desktop-vertical-spacing)}.complementary-slide.complementary-slide--standard>ul{gap:calc(var(--grid-desktop-vertical-spacing) + 8px)}}@media screen and (min-width: 768px){.complementary-products .complementary-slider,.complementary-products .grid{--complementary-gap: 12px;gap:var(--complementary-gap);flex-wrap:nowrap}.complementary-products .slider--desktop.grid--2-col-desktop .slider__slide,.complementary-products .grid--2-col-desktop .grid__item,.complementary-products .complementary-slider.grid--2-col-desktop .complementary-slide{width:calc((100% - 1 * var(--complementary-gap)) / 2)!important;min-width:calc((100% - 1 * var(--complementary-gap)) / 2)!important;max-width:calc((100% - 1 * var(--complementary-gap)) / 2)!important;flex:0 0 calc((100% - 1 * var(--complementary-gap)) / 2)!important}.complementary-products .slider--desktop.grid--3-col-desktop .slider__slide,.complementary-products .grid--3-col-desktop .grid__item,.complementary-products .complementary-slider.grid--3-col-desktop .complementary-slide{width:calc((100% - 2 * var(--complementary-gap)) / 3)!important;min-width:calc((100% - 2 * var(--complementary-gap)) / 3)!important;max-width:calc((100% - 2 * var(--complementary-gap)) / 3)!important;flex:0 0 calc((100% - 2 * var(--complementary-gap)) / 3)!important}.complementary-products .slider--desktop.grid--4-col-desktop .slider__slide,.complementary-products .grid--4-col-desktop .grid__item,.complementary-products .complementary-slider.grid--4-col-desktop .complementary-slide{width:calc((100% - 3 * var(--complementary-gap)) / 4)!important;min-width:calc((100% - 3 * var(--complementary-gap)) / 4)!important;max-width:calc((100% - 3 * var(--complementary-gap)) / 4)!important;flex:0 0 calc((100% - 3 * var(--complementary-gap)) / 4)!important}.complementary-products .slider--desktop.grid--5-col-desktop .slider__slide,.complementary-products .grid--5-col-desktop .grid__item,.complementary-products .complementary-slider.grid--5-col-desktop .complementary-slide{width:calc((100% - 4 * var(--complementary-gap)) / 5)!important;min-width:calc((100% - 4 * var(--complementary-gap)) / 5)!important;max-width:calc((100% - 4 * var(--complementary-gap)) / 5)!important;flex:0 0 calc((100% - 4 * var(--complementary-gap)) / 5)!important}.complementary-products .complementary-slider{display:flex;scroll-snap-type:x mandatory;overflow-x:hidden!important}.complementary-products .complementary-slide{scroll-snap-align:start}}.complementary-products summary{display:flex;position:relative;line-height:1;padding:0;cursor:pointer;list-style:none}.complementary-products summary::-webkit-details-marker{display:none}.complementary-products>.summary__title,.complementary-products .summary__title.title-wrapper-with-link{display:flex;flex:1;gap:12px;align-items:center;font-weight:600;font-size:14px;letter-spacing:-.01em;color:#1e293b;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:14px 18px;margin:6px 0 20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;position:relative;overflow:hidden;line-height:1}.complementary-products>.summary__title:before,.complementary-products .summary__title.title-wrapper-with-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,132,254,.05),transparent);transition:left .5s ease}.complementary-products summary:hover .summary__title:before{left:100%}.complementary-products summary:hover .summary__title,.complementary-products summary:hover .summary__title.title-wrapper-with-link{border-color:#0084fe26;box-shadow:0 4px 12px #0084fe14,0 2px 4px #0000000a;transform:translateY(-1px)}.complementary-products details[open] .summary__title,.complementary-products details[open] .summary__title.title-wrapper-with-link{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0084fe33;color:#0369a1}.complementary-products>.summary__title .icon-accordion,.complementary-products .summary__title .icon-accordion,.complementary-products .accordionicon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:10px;padding:6px;margin-right:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.complementary-products>.summary__title .icon-accordion svg,.complementary-products .summary__title .icon-accordion svg,.complementary-products .accordionicon svg{width:18px;height:18px;fill:#64748b;transition:all .3s ease}.complementary-products summary:hover .icon-accordion,.complementary-products summary:hover .accordionicon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);transform:scale(1.05)}.complementary-products summary:hover .icon-accordion svg,.complementary-products summary:hover .accordionicon svg{fill:#0084fe}.complementary-products details[open] .icon-accordion,.complementary-products details[open] .accordionicon{background:linear-gradient(135deg,#0084fe,#0369a1);box-shadow:0 2px 8px #0084fe4d;transform:rotate(90deg)}.complementary-products details[open] .icon-accordion svg,.complementary-products details[open] .accordionicon svg{fill:#fff}.complementary-products .summary__title+.icon-caret,.complementary-products .icon-caret{height:10px;width:10px;margin-right:4px;transition:transform .3s cubic-bezier(.4,0,.2,1);fill:#94a3b8}.complementary-products summary:hover .icon-caret{fill:#0084fe}.complementary-products details[open]>summary .icon-caret{transform:rotate(180deg);fill:#0369a1}.complementary-products__container{animation:accordionSlideDown .3s ease-out}@keyframes accordionSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.accordion+product-recommendations .accordion,product-recommendations.is-accordion+.accordion{margin-top:0;border-top:none}@media (max-width: 767px){.complementary-products>.summary__title,.complementary-products .summary__title.title-wrapper-with-link{padding:12px 14px;border-radius:12px;gap:10px;font-size:13px;margin-left:.75rem;margin-right:.75rem}.complementary-products>.summary__title .icon-accordion,.complementary-products .summary__title .icon-accordion,.complementary-products .accordionicon{width:28px;height:28px;min-width:28px;border-radius:8px}.complementary-products>.summary__title .icon-accordion svg,.complementary-products .summary__title .icon-accordion svg,.complementary-products .accordionicon svg{width:16px;height:16px}.complementary-products .amount__badge-sale{font-size:.75rem;padding:.1rem .5rem;display:flex;align-items:center;justify-content:center;font-size:1.1rem}}.complementary-products__container .card--horizontal .card__inner{max-width:20%}@media screen and (min-width: 768px) and (max-width: 1200px){.complementary-products__container .card--horizontal .card__inner{max-width:25%}}.complementary-products__container .card--card.card--media>.card__content{margin-top:0}.complementary-products__container .card--card .card__inner .card__media{border-radius:calc(var(--border-radius) - var(--border-width) - var(--image-padding))}.complementary-products__container .card--horizontal .quick-add{margin:0;max-width:20rem}.complementary-products__container .quick-add__submit .icon-plus{width:1.2rem}.complementary-products__container .icon-wrap{display:flex}.complementary-products .sold-out-message:not(.hidden)+.icon-wrap{display:none}.complementary-products__container .quick-add__submit:not(.animate-arrow) .icon-wrap{transition:transform var(--duration-short) ease}.complementary-products__container .quick-add__submit:not(.animate-arrow):hover .icon-wrap{transform:rotate(90deg)}.complementary-products__container .quick-add__submit:after,.complementary-products__container .quick-add__submit:hover:after{box-shadow:none}.complementary-products__container .card--horizontal .quick-add,.complementary-products__container .card__badge{justify-self:var(--text-alignment)}.product--no-media .complementary-products__container .price{text-align:var(--text-alignment)}@media screen and (min-width: 768px){.complementary-products__container .price--on-sale .price-item--regular{font-size:1.3rem}}@media screen and (max-width: 767px){.complementary-products .slider--tablet{scroll-padding-left:1.5rem}.complementary-products slider-component,.complementary-products slider-component.slider-arrow--inline{padding:0 20px}.complementary-products slider-component button.slider-button.slider-button--prev,.complementary-products .slider-arrow--inline button.slider-button.slider-button--prev{left:-18px}.complementary-products slider-component button.slider-button.slider-button--next,.complementary-products .slider-arrow--inline button.slider-button.slider-button--next{right:-18px}.complementary-products .slider-buttons button{width:34px;height:34px;background:rgba(var(--color-base-background-2))}}@media screen and (max-width: 767px){.complementary-products slider-component,.complementary-products slider-component.slider-arrow--inline{padding:0}.complementary-products slider-component .slider-button,.complementary-products .slider-buttons,.complementary-products .slider-arrow--inline .slider-button{display:none}.complementary-products .slider,.complementary-products .slider--mobile{scroll-padding-left:0}.complementary-products .slider:after,.complementary-products .slider--mobile:after{padding-left:0}product-recommendations.complementary-products{margin-left:-1.5rem;margin-right:-1.5rem;width:calc(100% + 3rem)}.complementary-products .complementary-slider,.complementary-products .grid,.complementary-products ul{padding-left:0;padding-right:0}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/component-complementary-products.css.map */