:root{--cart-recommendations-desktop-width: 320px;--cart-recommendations-desktop-spacing: 16px;--cart-recommendations-mobile-card-width: 240px;--cart-recommendations-mobile-spacing: 12px}.cart-drawer__recommendations-desktop{position:fixed;top:0;right:48rem;width:var(--cart-recommendations-desktop-width, 320px);max-width:20rem;height:var(--viewport-height, 100vh);background-color:var(--color-body-background, #fff);border-right:.1rem solid var(--color-border-elements, #E6E2E1);box-shadow:-.4rem 0 1.6rem #0000000f;z-index:calc(var(--z-header, 800) - 1);display:flex;flex-direction:column;transform:translate(calc(100% + 48rem));opacity:0;visibility:hidden;overflow:hidden;transition:transform var(--duration-default, .3s) cubic-bezier(.25,.46,.45,.94),opacity var(--duration-default, .3s) cubic-bezier(.25,.46,.45,.94),visibility var(--duration-default, .3s)}.is-visible .cart-drawer__recommendations-desktop:not(.is-hidden){transform:translate(0);opacity:1;visibility:visible;z-index:calc(var(--z-header, 800) + 1)}.cart-drawer__recommendations-desktop.is-hidden,.cart-drawer__recommendations-desktop[hidden]{display:none!important}.cart-recommendations-desktop__head{padding:2.2rem 2rem 1.6rem;border-bottom:.1rem solid var(--color-border-elements, #E6E2E1);flex:0 0 auto;text-align:center}.cart-recommendations-desktop__title{margin:0;font-family:var(--font-heading-family, inherit);font-size:1.6rem!important;letter-spacing:var(--letter-spacing-small, .1rem);text-transform:uppercase;color:var(--color-heading-text, #000)}.cart-recommendations-desktop__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2rem 1.6rem}.cart-recommendations-desktop__items{display:flex;flex-direction:column;gap:var(--cart-recommendations-desktop-spacing, 16px)}.cart-recommendations-desktop__items>card-product{display:block;width:100%;padding-bottom:1.6rem;border-bottom:.1rem solid var(--color-border-elements, #E6E2E1)}.cart-recommendations-desktop__items>card-product:last-child{padding-bottom:0;border-bottom:0}.cart-recommendations-desktop__items .card-product__media{max-width:100%;margin:0 auto}.cart-drawer__recommendations-mobile{margin:2rem 0;padding:1.6rem 0;border-top:.1rem solid var(--color-border-elements, #E6E2E1);border-bottom:.1rem solid var(--color-border-elements, #E6E2E1)}.cart-drawer__recommendations-mobile.is-hidden,.cart-drawer__recommendations-mobile[hidden]{display:none!important}.cart-recommendations-mobile__head{margin-bottom:1.2rem}.cart-recommendations-mobile__title{margin:0}.cart-recommendations-mobile__body{position:relative}.cart-recommendations-mobile__items{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--cart-recommendations-mobile-spacing, 12px);padding:.4rem 0 1rem;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.cart-recommendations-mobile__items>card-product{display:block;flex:0 0 var(--cart-recommendations-mobile-card-width, 240px);width:var(--cart-recommendations-mobile-card-width, 240px);max-width:85vw;scroll-snap-align:start}.cart-recommendations-mobile__items .card-product__media{width:100%;max-width:none;margin:0 auto}.cart-recommendations-mobile__items .card-product__content{padding-right:0;padding-left:0}.cart-recommendations-mobile__items::-webkit-scrollbar{height:4px}.cart-recommendations-mobile__items::-webkit-scrollbar-track{background:transparent}.cart-recommendations-mobile__items::-webkit-scrollbar-thumb{background-color:var(--color-border-elements, #E6E2E1);border-radius:2px}@media screen and (min-width:990px){.cart-drawer__recommendations-mobile{display:none!important}}@media screen and (max-width:989px){.cart-drawer__recommendations-desktop{display:none!important}}.cart-recommendation-card--desktop{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding-bottom:1.6rem;border-bottom:.1rem solid var(--color-border-elements, #E6E2E1)}.cart-recommendation-card--desktop:last-child{border-bottom:none;padding-bottom:0}.cart-recommendation-card__media{position:relative;width:100%;max-width:220px;margin:0 auto 1.2rem;overflow:hidden;background-color:var(--color-image-background, #f7f7f7);display:block}.cart-recommendation-card__media.image-size--small{max-width:160px}.cart-recommendation-card__media.image-size--medium{max-width:220px}.cart-recommendation-card__media.image-size--large{max-width:270px}.cart-recommendation-card__media .media{padding-bottom:100%;position:relative;display:block;overflow:hidden}.cart-recommendation-card__media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-default, .3s)}.cart-recommendation-card--desktop:hover .cart-recommendation-card__media img{transform:scale(1.04)}.cart-recommendation-card__vendor{display:block;font-size:var(--font-size-static-extra-small, 1rem);text-transform:uppercase;letter-spacing:var(--letter-spacing-small, .1rem);color:var(--color-body-text, #60605e);margin-bottom:.4rem}.cart-recommendation-card__title{margin:0 0 .6rem;font-family:var(--font-heading-family, inherit);font-size:var(--font-size-static-small, 1.2rem)!important;line-height:var(--line-height-small, 1.3)!important;font-weight:400;color:var(--color-heading-text, #000);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.cart-recommendation-card__title a{color:inherit;text-decoration:none}.cart-recommendation-card__title a:hover{text-decoration:underline}.cart-recommendation-card__price{font-size:var(--font-size-static-small, 1.2rem);font-weight:500;color:var(--color-heading-text, #000);margin-bottom:.8rem;line-height:1.3}.cart-recommendation-card__price del{color:var(--color-body-text, #888);margin-right:.6rem}.cart-recommendation-card__price ins{color:var(--color-error, #D84339);text-decoration:none;font-weight:600}.cart-recommendation-card__action{margin-top:.2rem;position:relative;width:100%;display:block}.cart-recommendation-card__btn{background:none;border:none;border-bottom:.1rem solid currentColor;padding:.2rem 0 .4rem;font-family:var(--font-button-family, inherit);font-size:var(--font-size-static-extra-small, 1rem);letter-spacing:var(--letter-spacing-small, .1rem);text-transform:uppercase;font-weight:600;color:var(--color-heading-text, #000);cursor:pointer;transition:opacity var(--duration-short, .2s);display:inline-block}.cart-recommendation-card__btn:hover{opacity:.7}.cart-recommendation-card__btn:disabled,.cart-recommendation-card__btn.is-disabled{opacity:.4;cursor:not-allowed;border-bottom-color:transparent}.cart-recommendation-card__btn.is-loading{pointer-events:none;opacity:.6}.cart-recommendation-card--desktop .cart-recommendation-card__action{opacity:0;visibility:hidden;transform:translateY(.8rem);transition:opacity var(--duration-short, .2s),transform var(--duration-short, .2s),visibility var(--duration-short, .2s)}.cart-recommendation-card--desktop:hover .cart-recommendation-card__action,.cart-recommendation-card--desktop:focus-within .cart-recommendation-card__action{opacity:1;visibility:visible;transform:translateY(0)}.cart-recommendation-card--desktop .cart-recommendations__variants-list{justify-content:center;max-height:9rem;overflow-y:auto}.cart-recommendation-card--desktop .cart-recommendations__variant-pill{min-width:3.6rem}@media(hover:none){.cart-recommendation-card--desktop .cart-recommendation-card__action{opacity:1;visibility:visible;transform:none}}.cart-recommendation-card--mobile{flex:0 0 var(--cart-recommendations-mobile-card-width, 240px);scroll-snap-align:start;display:flex;flex-direction:row;align-items:center;padding:1rem;border:.1rem solid var(--color-border-elements, #E6E2E1);background-color:var(--color-body-background, #fff);position:relative}.cart-recommendation-card--mobile .cart-recommendation-card__media{width:8rem;flex:0 0 8rem;margin:0}.cart-recommendation-card--mobile .cart-recommendation-card__media .media{padding-bottom:120%}.cart-recommendation-card--mobile .cart-recommendation-card__details{flex:1 1 auto;min-width:0;padding-left:1.2rem;text-align:left}.cart-recommendation-card--mobile .cart-recommendation-card__title{margin-bottom:.4rem}.cart-recommendation-card--mobile .cart-recommendation-card__price{margin-bottom:.6rem}.cart-recommendation-card--mobile .cart-recommendation-card__action{text-align:left;position:static;width:auto}.cart-recommendation-card__btn--mobile{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:.1rem solid var(--color-border-elements, #E6E2E1);border-radius:50%;font-size:2rem;line-height:1;text-decoration:none}.cart-recommendation-card--mobile.is-loading{pointer-events:none}.cart-recommendation-card__badge{position:absolute;top:.6rem;left:.6rem;z-index:2;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05rem;padding:.2rem .6rem;background-color:var(--color-error, #D84339);color:#fff;border-radius:2px;line-height:1.2}.cart-recommendations__variants-popup{position:absolute;top:0;bottom:0;left:0;right:0;box-sizing:border-box;background-color:var(--color-body-background, #fff);border:.1rem solid var(--color-border-elements, #E6E2E1);box-shadow:0 -.4rem 1.2rem #00000014;padding:1.2rem;z-index:10;display:flex;flex-direction:column;gap:.8rem;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity var(--duration-short, .2s),transform var(--duration-short, .2s),visibility var(--duration-short, .2s);overflow-y:auto}.cart-recommendations__variants-popup.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.cart-recommendations__variants-head{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-static-extra-small, 1rem);text-transform:uppercase;letter-spacing:var(--letter-spacing-small, .1rem);color:var(--color-heading-text, #000);font-weight:600}.cart-recommendations__variants-close{background:none;border:none;cursor:pointer;font-size:1.6rem;line-height:1;padding:.2rem .4rem;color:var(--color-body-text, #60605e)}.cart-recommendations__variants-list{display:flex;flex-wrap:wrap;gap:.6rem;max-height:14rem;overflow-y:auto}.cart-recommendations__variant-pill{padding:.6rem 1rem;border:.1rem solid var(--color-border-elements, #E6E2E1);background-color:var(--color-body-background, #fff);color:var(--color-heading-text, #000);font-size:var(--font-size-static-extra-small, 1rem);cursor:pointer;border-radius:var(--input-border-radius, 0);transition:background-color var(--duration-short, .2s),border-color var(--duration-short, .2s)}.cart-recommendations__variant-pill:hover{background-color:var(--color-background-accent-1, #d1dedc);border-color:var(--color-heading-text, #000)}.cart-recommendations__variant-pill:disabled,.cart-recommendations__variant-pill.is-disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed;pointer-events:none}.cart-recommendations__variant-pill.is-loading{opacity:.6;pointer-events:none}.cart-recommendations__skeleton{display:flex;flex-direction:column;gap:1.6rem;width:100%}.cart-recommendations__skeleton--mobile{flex-direction:row}.cart-recommendations__skeleton-card{height:220px;background:linear-gradient(90deg,#f3ebe0 25%,#d1dedc,#f3ebe0 75%);background-size:200% 100%;animation:cartRecShimmer 1.5s infinite;border-radius:4px}.cart-recommendations__skeleton-card--mobile{width:240px;height:100px;background:linear-gradient(90deg,#f3ebe0 25%,#d1dedc,#f3ebe0 75%);background-size:200% 100%;animation:cartRecShimmer 1.5s infinite;border-radius:4px}@keyframes cartRecShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.cart-drawer__recommendations-desktop,.cart-recommendation-card__media img,.cart-recommendations__variants-popup{transition:none!important}.cart-recommendations__skeleton-card,.cart-recommendations__skeleton-card--mobile{animation:none!important}}.cart-recommendations-desktop__items .card-product__sizes-btn,.cart-recommendations-mobile__items .card-product__sizes-btn{padding:.6rem;min-height:2rem;min-width:2rem}.cart-recommendations-desktop__items .card-product .card-product__sizes-content ul,.cart-recommendations-mobile__items .card-product .card-product__sizes-content ul{padding:0;margin:0;list-style:none}.cart-recommendations-desktop__items .card-product__title,.cart-recommendations-mobile__items .card-product__title{font-size:1.2rem}.cart-recommendations-desktop__items .badge--transparent,.cart-recommendations-mobile__items .badge--transparent{padding:.2rem .4rem;background:#599b9c;color:#fff;letter-spacing:.05rem;line-height:1.2}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-cart-drawer-recommendations.css.map */