.cart-drawer-recommendations{display:none;flex-direction:column;gap:1.6rem;min-height:0;overflow:auto;padding:2rem 1.6rem;border-right:.1rem solid #ececec;background:rgba(var(--color-foreground),.02);scrollbar-width:thin}.cart-drawer-recommendations:not([hidden]){display:flex}.cart-drawer-recommendations:empty,.cart-drawer-recommendations[hidden]{display:none}.cart-drawer-recommendations__slot[hidden]{display:none}.cart-drawer-recs__header{margin-bottom:.8rem}.cart-drawer-recs__heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:2rem;font-weight:600;line-height:1.25;letter-spacing:-.01em;text-transform:none}.cart-drawer-recs__subheading{margin:.6rem 0 0;font-size:1.3rem;line-height:1.45;color:rgba(var(--color-foreground),.65)}.cart-drawer-recs__list{display:flex;flex-direction:column;gap:1.6rem;margin:0;padding:0;overflow:visible}.cart-drawer-recs__item{flex:none;max-width:none;padding:0;border-bottom:0;scroll-snap-align:unset}.cart-drawer-rec-card{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1.4rem;align-items:start;min-height:0;padding:1.4rem;border:.1rem solid #ececec;border-radius:1.4rem;background:#fff;box-shadow:0 .2rem .8rem #0000000a;transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease}.cart-drawer-rec-card:hover{border-color:#e0e0e0;box-shadow:0 .8rem 2rem #00000014;transform:translateY(-.2rem)}.cart-drawer-rec-card__media{position:relative;display:block;width:9rem;height:9rem;overflow:hidden;border-radius:1rem;border:.1rem solid #ececec;background:rgba(var(--color-foreground),.04)}.cart-drawer-rec-card__image{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.cart-drawer-rec-card:hover .cart-drawer-rec-card__image{transform:scale(1.06)}.cart-drawer-rec-card__content{display:grid;gap:.6rem;align-content:start;min-width:0}.cart-drawer-rec-card__title{display:-webkit-box;overflow:hidden;margin:0;font-size:1.5rem;font-weight:600;line-height:1.35;letter-spacing:-.01em;text-decoration:none;color:rgb(var(--color-foreground));-webkit-box-orient:vertical;-webkit-line-clamp:2}.cart-drawer-rec-card__title:hover{text-decoration:underline;text-underline-offset:.2rem}.cart-drawer-rec-card__price{margin:.2rem 0 0}.cart-drawer-rec-card__price .price-item{font-size:1.4rem;font-weight:500}.cart-drawer-rec-card__price .price-item--regular{opacity:.55}.cart-drawer-rec-card__add{position:relative;display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;min-width:0;min-height:4.4rem;margin-top:.4rem;padding:.8rem 1.6rem;font-size:1.2rem;font-weight:600;line-height:1.2;letter-spacing:.03em;text-transform:none;text-decoration:none;color:rgb(var(--color-background));background:rgb(var(--color-foreground));border:.1rem solid rgb(var(--color-foreground));border-radius:1rem;cursor:pointer;transition:color .28s ease,background-color .28s ease,border-color .28s ease,transform .28s ease,box-shadow .28s ease}.cart-drawer-rec-card__add:hover{color:rgb(var(--color-foreground));background:transparent;transform:translateY(-.1rem);box-shadow:0 .4rem 1.2rem #0000001a}.cart-drawer-rec-card__add--secondary{color:rgb(var(--color-foreground));background:transparent;border-color:#ececec}.cart-drawer-rec-card__add--secondary:hover{color:rgb(var(--color-background));background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.cart-drawer-rec-card__add .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.cart-drawer-rec-card__add .loading__spinner .spinner{width:1.6rem;height:1.6rem}.cart-drawer-rec-card__add.loading .cart-drawer-rec-card__add-label{visibility:hidden}.cart-drawer-rec-card__add.loading .loading__spinner{display:flex}.cart-drawer-recs--skeleton .cart-drawer-recs__heading--skeleton,.cart-drawer-recs__skeleton-card{background:linear-gradient(90deg,rgba(var(--color-foreground),.06) 25%,rgba(var(--color-foreground),.1) 37%,rgba(var(--color-foreground),.06) 63%);background-size:400% 100%;animation:cart-drawer-recs-shimmer 1.2s ease-in-out infinite}.cart-drawer-recs--skeleton .cart-drawer-recs__heading--skeleton{width:16rem;height:2rem;margin-bottom:1.6rem;border-radius:.6rem}.cart-drawer-recs__list--skeleton{display:flex;flex-direction:column;gap:1.6rem}.cart-drawer-recs__skeleton-card{flex:none;max-width:none;width:100%;height:12.4rem;border-radius:1.4rem}@keyframes cart-drawer-recs-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.cart-drawer-rec-card,.cart-drawer-rec-card__image,.cart-drawer-rec-card__add{transition:none}.cart-drawer-rec-card:hover,.cart-drawer-rec-card:hover .cart-drawer-rec-card__image{transform:none}.cart-drawer-rec-card__add:hover{transform:none;box-shadow:none}.cart-drawer-recs--skeleton .cart-drawer-recs__heading--skeleton,.cart-drawer-recs__skeleton-card{animation:none}}@media screen and (max-width:989px){.cart-drawer-recommendations:not([hidden]){order:2;border-right:0;border-top:.1rem solid #ececec;max-height:min(28vh,22rem);min-height:0;padding:1.6rem 0;background:rgba(var(--color-foreground),.02);overflow-x:hidden;overflow-y:auto}.cart-drawer-recs__header{margin-bottom:1rem;padding:0}.cart-drawer-recs__heading{font-size:1.7rem}.cart-drawer-recs__subheading{margin-top:.4rem;font-size:1.2rem}.cart-drawer-recs__list{display:flex;flex-direction:column;gap:1.6rem;overflow:visible;scroll-snap-type:none;padding-bottom:0}.cart-drawer-recs__item{flex:none;max-width:none;width:100%;scroll-snap-align:unset}.cart-drawer-rec-card{grid-template-columns:8.4rem minmax(0,1fr);gap:1.2rem;padding:1.2rem}.cart-drawer-rec-card:hover{transform:none;box-shadow:0 .2rem .8rem #0000000a}.cart-drawer-rec-card__media{width:8.4rem;height:8.4rem}.cart-drawer-rec-card__title{font-size:1.4rem}.cart-drawer-rec-card__add,.cart-drawer-rec-card__add--secondary{width:100%;justify-self:stretch;margin-top:.6rem;min-height:4.4rem}}@media screen and (max-width:749px){.cart-drawer-rec-card{grid-template-columns:8rem minmax(0,1fr)}.cart-drawer-rec-card__media{width:8rem;height:8rem}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/cart-drawer-recommendations.css.map */