.complete-the-kit{padding-top:clamp(3rem,7vw,6rem);padding-bottom:var(--section-py)}.complete-the-kit__head-wrap{margin-bottom:clamp(1.5rem,4vw,2.5rem)}.complete-the-kit__head{display:flex;flex-direction:column;gap:.5rem;max-width:50rem}.complete-the-kit__heading{margin:0}.complete-the-kit__heading em,.complete-the-kit__heading i{font-family:var(--font-body);font-style:italic;color:var(--accent);text-transform:none;letter-spacing:var(--tracking-normal)}.complete-the-kit__list--showcase{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--mobile-cols, 2),1fr);gap:var(--card-gap, 0)}@media(min-width:768px){.complete-the-kit__list--showcase{grid-template-columns:repeat(var(--desktop-cols, 4),1fr)}}.complete-the-kit__card{position:relative;display:block;overflow:hidden;background:var(--bg-elevated)}.complete-the-kit__card-link{display:block;text-decoration:none;color:inherit}.complete-the-kit__card-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;transition:transform var(--duration-slow) var(--ease-out)}.complete-the-kit__card:hover .complete-the-kit__card-image{transform:scale(1.03)}.complete-the-kit__card-info{padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:.25rem;background:var(--bg)}.complete-the-kit__card-title{margin:0;font-family:var(--font-body);font-size:var(--text-md);font-weight:500;color:var(--fg);text-decoration:none;line-height:1.3}a.complete-the-kit__card-title:hover{color:var(--accent)}.complete-the-kit__card-price{margin:0;font-family:var(--font-ui);font-size:var(--text-xs);color:var(--fg-muted);letter-spacing:var(--tracking-wide)}.complete-the-kit__card-overlay{position:absolute;top:0;left:0;right:0;aspect-ratio:1 / 1;width:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);pointer-events:none;z-index:2}@media(hover:hover)and (min-width:768px){.complete-the-kit__card:hover .complete-the-kit__card-overlay{opacity:1}.complete-the-kit__card:hover .complete-the-kit__card-overlay>*{pointer-events:auto}}.complete-the-kit__inner{max-width:36rem;display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,2.5rem)}.complete-the-kit[data-mode=carousel] .complete-the-kit__inner{max-width:none}.complete-the-kit__list{list-style:none;margin:0;padding:0}.complete-the-kit__row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.complete-the-kit__row:last-child{border-bottom:0}.complete-the-kit__thumb{display:block;width:80px;aspect-ratio:1 / 1;background:var(--bg-elevated);overflow:hidden}.complete-the-kit__thumb img{width:100%;height:100%;object-fit:cover;display:block}.complete-the-kit__thumb-empty{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--color-gray-200) 100%)}.complete-the-kit__info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.complete-the-kit__title{font-family:var(--font-body);font-size:var(--text-base);font-weight:500;line-height:1.3;color:var(--fg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--duration-fast) var(--ease-out)}.complete-the-kit__title:hover{color:var(--accent)}.complete-the-kit__price{margin:0;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wide);color:var(--fg-muted)}.complete-the-kit__form{margin:0}.complete-the-kit__add{display:inline-flex;align-items:center;justify-content:center;background:var(--btn-primary-bg);color:var(--color-white);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-widest);text-transform:uppercase;padding:.7rem 1rem;min-height:44px;border:1px solid var(--btn-primary-border);border-radius:var(--btn-radius);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.complete-the-kit__add:hover:not(:disabled):not(.is-loading){background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover)}.complete-the-kit__add:active:not(:disabled){background:var(--btn-primary-bg-active);transform:scale(.98)}.complete-the-kit__add:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.complete-the-kit__add:disabled{background:var(--btn-disabled-bg);border-color:var(--btn-disabled-border);color:var(--btn-disabled-fg);cursor:not-allowed}.complete-the-kit__add.is-loading{opacity:.7;pointer-events:none}.complete-the-kit__add.is-added{background:var(--color-pure-black);color:var(--accent)}.complete-the-kit__add--link{text-decoration:none}.complete-the-kit__hint{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--fg-subtle);border:1px dashed var(--line-strong);padding:1.5rem;text-align:center;margin:0}.complete-the-kit__carousel{position:relative;margin-inline:calc(-1 * var(--gutter))}.complete-the-kit__list--carousel{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:0 var(--gutter) 1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;list-style:none;margin:0}.complete-the-kit__list--carousel::-webkit-scrollbar{display:none}.complete-the-kit__row--card{flex:0 0 85%;scroll-snap-align:start;display:flex;flex-direction:column;gap:.75rem;border-bottom:0;padding:0}@media(min-width:768px){.complete-the-kit__row--card{flex:0 0 calc((100% - (var(--cards-desktop, 3) - 1) * 1rem) / var(--cards-desktop, 3))}}.complete-the-kit__thumb--card{width:100%;aspect-ratio:1 / 1;background:var(--bg-elevated);overflow:hidden}.complete-the-kit__thumb--card img{width:100%;height:100%;object-fit:cover;display:block}.complete-the-kit__info--card{padding:0 .25rem;gap:.25rem}.complete-the-kit__add--card{width:100%;margin-top:auto}.complete-the-kit__arrow{display:none;position:absolute;top:calc(50% - 1rem);z-index:2;width:40px;height:40px;border-radius:50%;background:var(--bg);border:1px solid var(--line-strong);color:var(--fg);cursor:pointer;align-items:center;justify-content:center;padding:0;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}@media(min-width:768px){.complete-the-kit__arrow{display:inline-flex}}.complete-the-kit__arrow--prev{left:.5rem}.complete-the-kit__arrow--next{right:.5rem}.complete-the-kit__arrow:hover:not(:disabled){background:var(--accent);color:var(--color-white);border-color:var(--accent)}.complete-the-kit__arrow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.complete-the-kit__arrow:disabled{opacity:.35;cursor:not-allowed}.complete-the-kit__dots{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.complete-the-kit__dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong);border:0;padding:0;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.complete-the-kit__dot:hover{background:var(--fg-muted)}.complete-the-kit__dot.is-active{background:var(--accent);transform:scale(1.3)}.complete-the-kit__dot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.complete-the-kit__title,.complete-the-kit__add,.complete-the-kit__arrow,.complete-the-kit__dot,.complete-the-kit__card-image,.complete-the-kit__card-overlay,.complete-the-kit__card-quick-add{transition:none}.complete-the-kit__card:hover .complete-the-kit__card-image{transform:none}.complete-the-kit__list--carousel{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-product-recommendations.css.map */