:root{--hc-complementary-border-color: #13322B;--hc-complementary-border-radius: 18px;--hc-complementary-spacing-sm: 1rem;--hc-complementary-spacing-md: 1.5rem;--hc-complementary-spacing-lg: 2rem;--hc-complementary-spacing-xl: 2.4rem;--hc-complementary-image-size: 16rem;--hc-complementary-button-size: 40px}.hc-complementary-products__container{display:flex;flex-direction:column;gap:var(--hc-complementary-spacing-md)}.product__sale-box{padding:0}.hc-complementary-products__container>details[open]{padding-bottom:var(--hc-complementary-spacing-md)}.hc-complementary-products>.summary__title{display:flex;line-height:1;padding:var(--hc-complementary-spacing-md) 0}.product__info-container>hc-product-recommendations.is-accordion.accordion{margin:0}.hc-complementary-products>.summary__title .icon-accordion{fill:rgb(var(--color-foreground));height:calc(var(--font-heading-scale) * 2rem);margin-inline-end:calc(var(--font-heading-scale) * 1rem);width:calc(var(--font-heading-scale) * 2rem)}.hc-complementary-products__title-wrapper{padding:var(--hc-complementary-spacing-sm) var(--hc-complementary-spacing-md);border:2px solid var(--hc-complementary-border-color);border-radius:var(--hc-complementary-border-radius);margin-bottom:var(--hc-complementary-spacing-sm);margin-right:var(--hc-complementary-spacing-sm)}.hc-complementary-products__title{letter-spacing:-.54px;margin:0}.hc-complementary-products__add-all-btn{min-width:var(--hc-complementary-button-size);width:auto;height:var(--hc-complementary-button-size);border-radius:var(--hc-complementary-border-radius);background:rgba(var(--color-foreground),.02);color:rgb(var(--color-foreground));border:2px solid var(--hc-complementary-border-color);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;margin-bottom:var(--hc-complementary-spacing-sm);cursor:pointer;padding:0 1.2rem;position:relative;transition:opacity .2s ease,background-color .2s ease;white-space:nowrap}.hc-complementary-products__add-all-btn:hover:not(:disabled){background:rgba(var(--color-foreground),.05);transform:scale(1.05);transition:transform .1s ease,background-color .2s ease}.hc-complementary-products__add-all-btn:active:not(:disabled){transform:scale(.98);background:rgba(var(--color-foreground),.08)}.hc-complementary-products__add-all-btn:disabled{opacity:.5;cursor:not-allowed}.hc-complementary-products__add-all-btn.loading{pointer-events:none;opacity:.8}.hc-complementary-products__add-all-btn.loading>span{opacity:0;transition:opacity .2s ease}.hc-complementary-products__add-all-btn>.loading-overlay__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.hc-complementary-products__add-all-btn>.loading-overlay__spinner.hidden{display:none}.hc-complementary__item{display:grid;grid-template-columns:var(--hc-complementary-image-size) 1fr auto;grid-template-rows:auto;gap:var(--hc-complementary-spacing-sm);align-items:end;padding:var(--hc-complementary-spacing-md) 0}.hc-complementary__item__info--has-variants{grid-template-columns:var(--hc-complementary-image-size) 2fr 3fr}.hc-complementary__item__details{grid-column:2;grid-row:1;display:flex!important;flex-direction:column!important;gap:var(--hc-complementary-spacing-sm);justify-content:end;align-items:flex-start}.hc-complementary__item__info--media{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center}.hc-complementary__item__media-wrapper{display:block;width:var(--hc-complementary-image-size);height:var(--hc-complementary-image-size);border-radius:var(--hc-complementary-spacing-sm);overflow:hidden;background-color:rgba(var(--color-background-input));position:relative}.hc-complementary__item__background-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none;border-radius:var(--hc-complementary-spacing-sm)}.hc-complementary__item__media-wrapper>*:not(.hc-complementary__item__background-layer){position:relative;z-index:2}.hc-complementary__item__media-wrapper .media{position:relative;z-index:2;background-color:transparent;width:100%;height:100%}.hc-complementary__item__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.hc-complementary__item__media-wrapper:hover .hc-complementary__item__image{transform:scale(1.05)}.hc-complementary__item__name{display:flex;flex-direction:column;gap:.5rem;width:100%}.hc-complementary__item__title{font-weight:var(--font-heading-weight-semi-bold);font-size:1.8rem;line-height:1.3;margin:0;padding:0}.hc-complementary__item__title a{color:rgb(var(--color-foreground));text-decoration:none;transition:color .3s ease}.hc-complementary__item__title a:hover{color:rgb(var(--hc-primary-color))}.hc-complementary__item__price{font-size:1.4rem;font-weight:var(--font-body-weight-semi-bold);color:rgb(var(--color-foreground));margin:0;padding:0;width:100%}.hc-complementary__item__info--variant,.hc-complementary__item__quantity-row{display:flex;align-items:center;gap:var(--hc-complementary-spacing-sm);margin:0;padding:0;width:100%}.hc-complementary__item__quantity{display:flex;align-items:center;background:rgba(var(--color-foreground),.02);border:2px solid var(--hc-complementary-border-color);border-radius:16px;padding:.5rem 1rem;gap:.5rem;min-width:140px;width:fit-content;--add-height: auto !important;height:auto!important}.hc-complementary__item__quantity .quantity__input{width:60px;text-align:center;border:none!important;background:transparent!important;font-size:1.2rem;font-weight:var(--font-body-weight-semi-bold);outline:none!important;box-shadow:none!important;min-height:auto!important;height:auto!important;padding:0!important}.hc-complementary__item__quantity .quantity__input:focus{border:none!important;background:transparent!important;outline:none!important;box-shadow:none!important}.hc-complementary__item__quantity .quantity__buttons{display:flex;flex-direction:row-reverse;gap:4px}.hc-complementary__item__quantity .quantity__button{width:24px;height:24px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:background .2s ease}.hc-complementary__item__quantity .quantity__button:hover{background:rgba(var(--color-foreground),.1)}.hc-complementary__item__quantity .quantity__button svg{width:10px;height:10px}.hc-complementary__item__select{background:rgba(var(--color-foreground),.05);border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--hc-complementary-spacing-sm);padding:.5rem var(--hc-complementary-spacing-sm);font-size:1.1rem;min-width:120px;box-shadow:0 1px 2px rgb(var(--color-foreground),.05);line-height:calc(1 + .4 / var(--font-body-scale));--inputs-border-width: 0px}.hc-complementary__item__add-button{grid-column:3;grid-row:1 / -1;display:flex;align-items:center;justify-content:center}.hc-complementary__item__button{width:var(--hc-complementary-button-size);height:var(--hc-complementary-button-size);border-radius:var(--hc-complementary-spacing-sm);background:rgb(var(--hc-primary-color));color:#fff;border:1px solid rgba(var(--color-foreground),.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem;font-weight:700;padding:var(--hc-complementary-spacing-sm);min-width:4rem;min-height:4rem;--alpha-button-background: 1}.hc-complementary__item__button:hover{background:rgba(var(--hc-primary-color),.8)}.hc-complementary__item__button:disabled{background:rgba(var(--color-foreground),.2);cursor:not-allowed;transform:none}.hc-complementary__item__button .icon{width:1.8rem;height:1.8rem}.hc-complementary__separated-line{display:none}.hc-complementary__actions{margin-top:var(--hc-complementary-spacing-md);padding-top:var(--hc-complementary-spacing-md);display:flex;justify-content:space-between;align-items:center;grid-column:1/4}.hc-complementary__total{display:flex;flex-direction:column;gap:.5rem}.hc-complementary__total__label{font-size:.9rem;color:rgba(var(--color-foreground),.7);font-weight:var(--font-body-weight-semi-bold);margin-inline-end:var(--hc-complementary-spacing-sm)}.hc-complementary__total__price{font-size:1.6rem;font-weight:var(--font-body-weight-bold);color:rgb(var(--color-foreground))}.hc-complementary__actions .hc-drawer-btn{padding:var(--hc-complementary-spacing-sm) var(--hc-complementary-spacing-lg);border-radius:var(--hc-complementary-spacing-sm);font-weight:var(--font-body-weight-semi-bold);text-decoration:none;transition:all .3s ease;border:none;cursor:pointer}.hc-complementary__actions .hc-drawer-btn--primary{background:rgb(var(--hc-primary-color));color:#fff}.hc-complementary__actions .hc-drawer-btn--primary:hover{background:rgba(var(--hc-primary-color),.8)}.hc-complementary__actions .hc-drawer-btn--secondary{background:transparent;color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.2)}.hc-complementary-submit-btn{background:transparent;color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius);padding:1.2rem 2.4rem;font-size:1.4rem;font-weight:var(--font-body-weight-semi-bold);cursor:pointer;transition:background-color .3s ease,color .3s ease}.hc-complementary-submit-btn:hover{background:#ff4713;color:#fff;transform:none!important}.hc-complementary-submit-btn:disabled{opacity:.5;cursor:not-allowed}.hc-complementary__item .price{font-size:1.4rem;margin-top:.5rem}.hc-complementary__item .price-item.price-item--regular{border:2px solid var(--hc-complementary-border-color);border-radius:16px;padding:.8rem 1rem;background:rgba(var(--color-foreground),.02)}@media (min-width: 750px){.hc-complementary-products__title{font-size:calc(1.8rem * var(--font-heading-scale))}}@media (min-width: 1200px){.hc-complementary__item__info .select{max-width:12rem}}@media (min-width: 1366px){.hc-complementary__item__info .select{max-width:15rem}}@media (max-width: 1199px){.hc-complementary__item{grid-template-columns:calc(var(--hc-complementary-image-size) * .6) 1fr auto;gap:.75rem;padding:var(--hc-complementary-spacing-sm) 0}.hc-complementary__item__media-wrapper{width:calc(var(--hc-complementary-image-size) * .6);height:calc(var(--hc-complementary-image-size) * .6)}.hc-complementary__item__title{font-size:1.2rem}.hc-complementary__item__price{font-size:1.1rem}.hc-complementary__item__button{width:35px;height:35px;font-size:1rem}.hc-complementary__actions{flex-direction:column;gap:var(--hc-complementary-spacing-sm);align-items:stretch}.hc-complementary__actions .hc-drawer-btn{width:100%;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/hc-component-complementary-products.css.map */