.complementary-products-inline{margin-top:2rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-letter-spacing) * .1);line-height:var(--font-heading-line-height)}.complementary-products-inline__title{font-size:1.6rem;font-weight:var(--font-heading-weight);text-transform:uppercase;color:rgb(var(--color-foreground-title));margin-bottom:1.5rem}.complementary-products-inline__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.complementary-products-inline__list--horizontal{flex-direction:row;overflow-x:auto;gap:1.5rem;padding-bottom:1rem}.complementary-products-inline__list--horizontal .complementary-products-inline__item{min-width:280px;flex-shrink:0}.complementary-products-inline__list--grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media screen and (max-width:989px){.complementary-products-inline__list--grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.complementary-products-inline__list--grid{grid-template-columns:1fr}}.complementary-products-inline__item{display:flex;flex-direction:column;background-image:var(--primary-gradient);border-radius:.8rem;padding:1rem 1.5rem;gap:1.5rem;border:2px solid transparent;transition:all .3s ease,opacity .3s ease,transform .3s ease;opacity:1;transform:scale(1) translate(0);cursor:pointer}.complementary-products-inline__item--clickable{cursor:pointer}.complementary-products-inline__item--adding{opacity:0;transform:scale(.95) translate(-20px);pointer-events:none}.complementary-products-inline__item:hover{transform:translateY(-.3rem)}.complementary-products-inline__item-header{display:flex;align-items:center;gap:1.5rem}.complementary-products-inline__add-button{width:40px;height:40px;border-radius:50%;background:rgb(var(--color-background));border:2px solid var(--primary-color);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;transition:all .2s ease;font-family:inherit}.complementary-products-inline__add-button:hover{opacity:.8}.complementary-products-inline__plus-icon{width:20px;height:20px;color:var(--primary-color);transition:transform .2s ease}.complementary-products-inline__check-icon{width:20px;height:20px;color:#fff}.complementary-products-inline__add-button.added{background:var(--primary-color);border-color:var(--primary-color)}.complementary-products-inline__image{flex-shrink:0}.complementary-products-inline__image img{width:80px;height:80px;object-fit:cover;border-radius:.5rem}.complementary-products-inline__info{flex:1;display:flex;align-items:center;justify-content:space-between;gap:1rem}.complementary-products-inline__name{font-size:1.6rem;font-weight:var(--font-heading-weight);text-transform:uppercase;color:rgb(var(--color-foreground-title));line-height:1.3}.complementary-products-inline__price{font-size:1.4rem;font-weight:var(--font-heading-weight);color:rgb(var(--color-foreground-title));white-space:nowrap}.complementary-products-inline__variants{width:100%;margin-top:0;padding-top:0;border-top:1px solid transparent;overflow:hidden;max-height:0;opacity:0;transition:max-height .4s ease,opacity .4s ease,padding-top .4s ease,margin-top .4s ease,border-color .4s ease}.complementary-products-inline__variants.expanded{max-height:1000px;opacity:1;margin-top:1.5rem;padding-top:1.5rem;border-top-color:rgba(var(--color-foreground),.2)}.complementary-products-inline__variants-content{display:flex;flex-direction:column;gap:1.5rem}.complementary-products-inline__option{display:flex;flex-direction:column;gap:.8rem}.complementary-products-inline__option-label{font-size:1.2rem;font-weight:var(--font-heading-weight);text-transform:uppercase;color:rgb(var(--color-foreground-title))}.complementary-products-inline__color-swatches{display:flex;flex-wrap:wrap;gap:.8rem}.complementary-products-inline__variant-input{display:none}.complementary-products-inline__color-swatch{width:40px;height:40px;border-radius:50%;border:2px solid transparent;background-color:var(--swatch-color);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative}.complementary-products-inline__variant-input:checked+.complementary-products-inline__color-swatch{border-color:var(--primary-color);box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 4px var(--primary-color)}.complementary-products-inline__size-buttons{display:flex;flex-wrap:wrap;gap:.8rem}.complementary-products-inline__size-button{padding:.8rem 1.6rem;border:2px solid rgba(var(--color-foreground),.3);border-radius:.4rem;background:transparent;color:rgba(var(--color-foreground),.7);font-family:inherit;font-size:1.2rem;font-weight:var(--font-heading-weight);cursor:pointer;text-align:center;min-width:60px;transition:all .2s ease}.complementary-products-inline__size-button:hover{opacity:.8}.complementary-products-inline__variant-input:checked+.complementary-products-inline__size-button{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.complementary-products-inline__add-to-cart-button{padding:1.2rem 2.4rem;background:var(--primary-color);color:#fff;border:none;border-radius:.4rem;font-family:inherit;font-weight:var(--font-heading-weight);cursor:pointer;width:100%;margin-top:.5rem;transition:opacity .2s ease}.complementary-products-inline__add-to-cart-button:hover{opacity:.9}.complementary-products-inline__add-to-cart-button:disabled{opacity:.5;cursor:not-allowed}.drawer__inner{display:flex;flex-direction:column;height:100%;overflow:hidden}.drawer__header{flex-shrink:0}cart-drawer-items{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0}.complementary-products-cart-wrapper{padding:0 2rem 2rem}.drawer__footer{flex-shrink:0;margin-top:auto}.cart-footer__complementary{margin-top:1rem}@media screen and (max-width:749px){.cart-footer__complementary{padding-top:1rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/complementary-products.css.map */