.goes-well-with{background:var(--sh-bg-2);padding-bottom:4.3rem}@media screen and (min-width:743px){.goes-well-with{padding:0}}.goes-well-with:before,.goes-well-with:after{content:"";display:block;width:100%;height:10rem;position:relative;top:-2.2rem;left:0;z-index:2}.goes-well-with:before{background-image:url(goes-well-wave-1.svg);background-position:top}.goes-well-with:after{background-image:url(goes-well-wave-2.svg);background-position:bottom;bottom:-6rem;top:auto;height:3rem}@media screen and (min-width:744px){.goes-well-with:after{height:10rem;bottom:-2rem}}.goes-well-with__inner{margin:0 auto;padding:0 4rem;z-index:5;position:relative;margin-top:-4rem}@media screen and (min-width:1024px){.goes-well-with__inner{margin-top:auto}}.goes-well-with__title{text-align:center;margin:0 0 4.6rem;font-size:3.2rem;font-weight:900;line-height:4rem;letter-spacing:0;text-transform:uppercase;color:var(--sh-brown-10);font-family:var(--font-outfit)}@media screen and (min-width:743px){.goes-well-with__title{margin:0 0 5.4rem}}@media screen and (min-width:1024px){.goes-well-with__title{font-size:4rem;line-height:4.8rem}}.goes-well-with__title:has(+.goes-well-with__subtitle){margin-bottom:2.5rem}@media screen and (min-width:1024px){.goes-well-with__title:has(+.goes-well-with__subtitle){margin-bottom:2rem}}.goes-well-with__subtitle{text-align:center;margin:0 0 1.2rem;font-size:1.6rem;font-weight:500;line-height:2.4rem;letter-spacing:0;text-transform:none;color:var(--sh-brown-10);font-family:var(--font-poppins)}.goes-well-with__subtitle b,.goes-well-with__subtitle strong{font-weight:700}.goes-well-with__subtitle p{margin:0}@media screen and (min-width:743px){.goes-well-with__subtitle{margin-bottom:3rem}}@media screen and (min-width:1024px){.goes-well-with__subtitle{margin:0 0 5rem;font-size:2.4rem;line-height:3.2rem}}.goes-well-with__carousel{position:relative;display:flex;align-items:center;gap:1.6rem;width:100%}@media screen and (max-width:742px){.goes-well-with__carousel{flex-wrap:wrap;justify-content:center}}@media screen and (min-width:750px){.goes-well-with__carousel{gap:1.4rem}}.goes-well-with__swiper{flex:1;min-width:0;overflow:hidden;padding:1rem 0 0}@media screen and (min-width:743px){.goes-well-with__swiper{padding:1rem 2rem 0}}@media screen and (min-width:1024px){.goes-well-with__swiper{padding:1rem 2rem 0}}.goes-well-with__slide{box-sizing:border-box;height:auto}.goes-well-with__card{background:var(--sh-white);border-radius:2rem;box-shadow:0 0 24px #0000000a;padding:2.4rem;display:flex;flex-direction:column;align-items:center;height:100%;box-sizing:border-box}.goes-well-with__image-link{display:block;width:100%;text-decoration:none}.goes-well-with__image{display:block;width:100%;height:22.5rem;object-fit:contain;margin-bottom:.8rem}.goes-well-with__info{flex:1;width:100%;text-align:center;margin-bottom:2.4rem}.goes-well-with__product-title-link{text-decoration:none;color:inherit}.goes-well-with__product-title{margin:0 0 1.2rem;font-size:1.6rem;font-weight:700;line-height:2.1rem;letter-spacing:0;text-transform:uppercase;color:var(--sh-brown-10);font-family:var(--font-outfit);min-height:4.2rem;text-wrap-style:balance}.goes-well-with__price{margin:0;font-size:1.6rem;font-weight:500;line-height:2.1rem;color:var(--sh-orange-primary);font-family:var(--font-outfit)}.goes-well-with .price__badges{display:none!important}.goes-well-with__add-btn{display:block;width:100%}.goes-well-with__add-btn.is-loading{opacity:.6;pointer-events:none}.goes-well-with__add-btn--sold-out{opacity:.5;cursor:not-allowed}.goes-well-with__add-btn-text--desktop{display:none}@media screen and (min-width:1024px){.goes-well-with__add-btn-text--desktop{display:inline}}.goes-well-with__add-btn-text--compact{display:inline}@media screen and (min-width:1024px){.goes-well-with__add-btn-text--compact{display:none}}.goes-well-with__pagination{display:flex;justify-content:center;gap:0;width:100%;margin-top:2.3rem;border-radius:10rem;overflow:hidden}@media screen and (min-width:743px){.goes-well-with__pagination{display:none}}.goes-well-with__pagination-bullet{flex:1;height:.8rem;border-radius:0;background:#4e221533;transition:background .3s ease}.goes-well-with__pagination-bullet.is-active{background:var(--sh-orange-primary)}.goes-well-with__nav{flex-shrink:0;width:4rem;height:4rem;display:none;padding:0;border:none;background:transparent;color:var(--sh-gray-10);cursor:pointer;position:relative;top:-.9rem}@media screen and (min-width:743px){.goes-well-with__nav{display:flex;align-items:center;justify-content:center}}.goes-well-with__nav--next{transform:rotate(180deg)}.goes-well-with__nav svg{width:100%;height:100%}.goes-well-with__nav.swiper-button-disabled{opacity:.3;pointer-events:none}@media screen and (max-width:742px){.goes-well-with[data-mobile-layout=grid] .goes-well-with__swiper{overflow:visible}.goes-well-with[data-mobile-layout=grid] .swiper-wrapper{display:flex;flex-direction:column;gap:1.6rem;transform:none!important}.goes-well-with[data-mobile-layout=grid] .swiper-slide{width:100%!important;margin-left:0!important;margin-right:0!important}.goes-well-with[data-mobile-layout=grid] .goes-well-with__pagination{display:none}}.goes-well-with[data-bundle-tray-host] .bundle-constructor__progress-wrap{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;width:100%;max-width:53.6rem;margin:3.2rem auto 0;z-index:2;border-radius:1.6rem}@media screen and (min-width:1024px){.goes-well-with[data-bundle-tray-host] .bundle-constructor__progress-wrap{margin-top:6.4rem}}.goes-well-with[data-bundle-tray-host] .bundle-constructor__progress-wrap:before{display:none}.goes-well-with[data-bundle-tray-host] .bundle-constructor__progress-wrap--minimal{cursor:default;pointer-events:none}body.bundle-tray-open .goes-well-with[data-bundle-tray-host] .bundle-constructor__progress-wrap{position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;width:100%!important;max-width:min(100%,53.6rem)!important;margin-left:auto!important;margin-right:auto!important}@media screen and (max-width:989px){.goes-well-with[data-bundle-tray-host] .bundle-constructor__progress-wrap:not(.bundle-constructor__progress-wrap--minimal){width:100%!important;max-width:53.6rem!important;bottom:auto!important;left:auto!important;transform:none!important;margin:3.2rem auto 0!important;height:auto;overflow:visible}.goes-well-with[data-bundle-tray-host] .bundle-constructor__progress-wrap:not(.bundle-constructor__progress-wrap--minimal) .bundle-constructor__progress-wrap-action-buttons{display:flex!important}.goes-well-with[data-bundle-tray-host] .bundle-constructor__progress-wrap--minimal{width:100%!important;max-width:53.6rem!important;bottom:auto!important;left:auto!important;transform:none!important;margin:3.2rem auto 0!important;height:auto;overflow:visible}body.bundle-tray-open .goes-well-with[data-bundle-tray-host] .bundle-constructor__progress-wrap{bottom:auto!important;width:100%!important;max-width:min(100vw - 2.4rem,53.6rem)!important;padding:2.4rem!important}}@media screen and (max-width:742px){.goes-well-with[data-bundle-tray-host] .bundle-constructor__progress-wrap{position:sticky!important;bottom:env(safe-area-inset-bottom,0px)!important;z-index:12}body.bundle-tray-open .goes-well-with[data-bundle-tray-host] .bundle-constructor__progress-wrap--minimal{position:sticky!important;bottom:env(safe-area-inset-bottom,0px)!important}body.bundle-tray-open .goes-well-with[data-bundle-tray-host] .bundle-constructor__progress-wrap:not(.bundle-constructor__progress-wrap--minimal){position:relative!important;bottom:auto!important}}body.bundle-tray-overlay:before{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-goes-well-with.css.map */