:where(.modal,.drawer,.popover,.header-search){z-index:1000000}.cart-drawer::part(overlay){z-index:0}.cart-drawer::part(content){z-index:2}.cart-drawer::part(recommendations){display:none}@media screen and (min-width:1000px){.cart-drawer::part(recommendations){display:flex;position:absolute;inset-block:0;inset-inline-start:0;width:calc(100% - var(--drawer-max-width));z-index:1;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s cubic-bezier(.645,.045,.355,1)}.cart-drawer[open]::part(recommendations){opacity:1}}.cart-drawer-recommendations--desktop{pointer-events:none;width:100%;max-width:780px;padding-inline:35px;gap:16px}.cart-drawer-recommendations--desktop:not([hidden]){display:flex;justify-content:center;align-items:stretch;background-color:transparent}.cart-drawer-recommendations--desktop .product-card,.cart-drawer-recommendations--desktop .cart-drawer-recommendations__skeleton{pointer-events:auto;display:flex;flex-direction:column;flex:0 0 calc((100% - 32px) / 3);width:calc((100% - 32px) / 3);min-width:0;height:auto;padding:12px;gap:20px;background:#fff;position:relative;box-sizing:border-box}.cart-drawer-recommendations--desktop .product-card__figure{flex:0 0 auto;width:100%;aspect-ratio:4 / 5;position:relative}.cart-drawer-recommendations--desktop .product-card__figure>product-form{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cart-drawer-recommendations--desktop .product-card__media{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cart-drawer-recommendations--desktop .product-card__image{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}.cart-drawer-recommendations--desktop .product-title,.cart-drawer-recommendations--desktop .product-title.h6{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;font-size:12px;line-height:1.3;font-weight:400;min-height:2.6em}.cart-drawer-recommendations--desktop .product-card__info{padding:0;gap:8px;flex:0 0 auto;width:100%}.cart-drawer-recommendations--desktop .product-card__info .v-stack{gap:4px}.cart-drawer-recommendations--desktop .product-card__info .price-list,.cart-drawer-recommendations--desktop .product-card__info .price-list *,.cart-drawer-recommendations--desktop .product-card__info .rating-badge,.cart-drawer-recommendations--desktop .product-card__info .smallcaps{font-size:12px;line-height:1.3}.cart-drawer-recommendations--desktop .product-card__quick-add-button{width:32px;height:32px;padding:0;display:grid;place-items:center;background:#fff;color:#1c1c1c;opacity:1;transform:none;pointer-events:auto;inset-block-end:8px;inset-inline-end:8px}.cart-drawer-recommendations--desktop .product-card__quick-add-button svg{width:12px;height:12px}.cart-drawer-recommendations--mobile{container-type:inline-size;container-name:cart-recs-mobile;background:#dadada;margin-block-start:calc(-1 * var(--drawer-footer-padding-block));margin-inline:calc(-1 * var(--drawer-footer-padding-inline));margin-block-end:var(--drawer-footer-padding-block);width:calc(100% + (2 * var(--drawer-footer-padding-inline)));max-width:none;padding-block:20px;padding-inline-start:20px;box-sizing:border-box;overflow:hidden}.cart-drawer-recommendations--mobile:not([hidden]){display:block}.cart-drawer-recommendations__scroller{display:flex;align-items:stretch;gap:8px;width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow-x:auto;overscroll-behavior-x:contain;padding-inline-end:20px;scroll-padding-inline:0 20px;-webkit-overflow-scrolling:touch}.cart-recommendation-card,.cart-drawer-recommendations--mobile .cart-drawer-recommendations__skeleton{box-sizing:border-box;flex:0 0 calc(100cqi - 48px);width:calc(100cqi - 48px);max-width:calc(100cqi - 48px);min-width:0;scroll-snap-align:start}.cart-recommendation-card{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:12px;padding:12px;padding-inline-end:48px;background:#fff;color:#1c1c1c;position:relative;min-height:104px}.cart-recommendation-card__action product-form,.cart-recommendation-card__action form{display:grid}.cart-recommendation-card__media{width:64px;height:80px;overflow:hidden;flex-shrink:0}.cart-recommendation-card__image{width:64px;height:80px;object-fit:cover;object-position:center;display:block}.cart-recommendation-card__content{display:grid;align-content:start;justify-items:start;gap:4px;min-width:0}.cart-recommendation-card__title,.cart-recommendation-card__content .price-list,.cart-recommendation-card__content .price-list *,.cart-recommendation-card__content .rating-badge,.cart-recommendation-card__content .smallcaps{font-size:12px;line-height:1.3}.cart-recommendation-card__content .rating-badge__stars svg{width:10px;height:10px}.cart-recommendation-card__title{color:inherit}.cart-recommendation-card__content .price-list{justify-content:start}.cart-recommendation-card__action{position:absolute;inset-inline-end:12px;inset-block-end:12px}.cart-recommendation-card__add{width:32px;height:32px;padding:0;display:grid;place-items:center;background:#1c1c1c;color:#fff;cursor:pointer;flex-shrink:0}.cart-recommendation-card__add svg{width:12px;height:12px}.cart-drawer-recommendations__skeleton{background:#fff;position:relative}.cart-drawer-recommendations--desktop .cart-drawer-recommendations__skeleton:before{content:"";display:block;aspect-ratio:4 / 5;width:100%}.cart-drawer-recommendations--mobile .cart-drawer-recommendations__skeleton{min-height:104px;background:#fff}.cart-drawer-recommendations[aria-busy=true] .product-card,.cart-drawer-recommendations[aria-busy=true] .cart-recommendation-card,.cart-drawer-recommendations[aria-busy=true] .cart-drawer-recommendations__skeleton{pointer-events:none}.cart-drawer-recommendations[aria-busy=true] .product-card:after,.cart-drawer-recommendations[aria-busy=true] .cart-recommendation-card:after,.cart-drawer-recommendations[aria-busy=true] .cart-drawer-recommendations__skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001f;pointer-events:none;z-index:2}@media screen and (min-width:1000px){.cart-drawer-recommendations--mobile{display:none!important}}@media screen and (max-width:999px){.cart-drawer::part(recommendations){display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/cart-drawer-recommendations.css.map */