.complete-the-look-wrapper:empty{display:none}.complete-the-look{padding:60px 0;background-color:color-mix(in srgb,var(--color-paragraphs) 6%,var(--color-background));margin:0 calc(-1 * var(--page-gutter, 20px));width:calc(100% + 2 * var(--page-gutter, 20px));overflow:hidden}.complete-the-look__title{text-align:center;margin:0 0 40px;padding:0 20px;font-family:var(--font-heading-family);font-style:normal;font-weight:400;font-size:28px;color:var(--color-headings);letter-spacing:.02em}@media screen and (min-width:990px){.complete-the-look__title{font-size:32px;margin-bottom:50px}}.complete-the-look__grid{display:flex;gap:16px;padding:0 20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:20px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.complete-the-look__grid::-webkit-scrollbar{display:none}complete-the-look-product{display:flex;flex-direction:column;background:transparent;flex:0 0 200px;scroll-snap-align:start}@media screen and (min-width:750px){.complete-the-look__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,258px));gap:24px;padding:0 40px;max-width:1400px;margin:0 auto;justify-content:center;overflow-x:visible;scroll-snap-type:none}complete-the-look-product{flex:none;scroll-snap-align:none}}.complete-the-look__media{display:block;position:relative;overflow:hidden;background-color:color-mix(in srgb,var(--color-paragraphs) 10%,var(--color-background));margin-bottom:16px;aspect-ratio:3 / 4}.complete-the-look__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}@media(hover:hover)and (pointer:fine){.complete-the-look__media:hover img{transform:scale(1.03)}}.complete-the-look__info{margin-bottom:12px}.complete-the-look__info-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.complete-the-look__info-text{flex:1;min-width:0}.complete-the-look__vendor{margin:0 0 4px;font-size:11px;font-weight:500;color:var(--color-headings);text-transform:uppercase;letter-spacing:.08em}.complete-the-look__product-title{margin:0 0 6px;font-size:14px;font-family:var(--font-body-family);font-weight:400;color:var(--color-headings);line-height:1.4}.complete-the-look__product-title a{color:inherit;text-decoration:none}.complete-the-look__product-title a:hover{text-decoration:underline}.complete-the-look__price{margin:0;font-size:14px;font-weight:400;color:var(--color-paragraphs)}.complete-the-look__form{margin-top:auto;display:flex;flex-direction:column;gap:10px}.complete-the-look__size-select{position:relative}.complete-the-look__select{width:100%;height:48px;padding:0 40px 0 16px;font-size:14px;font-family:inherit;color:var(--color-paragraphs);background-color:var(--color-background);border:1px solid color-mix(in srgb,var(--color-paragraphs) 25%,transparent);border-radius:0;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .2s ease}.complete-the-look__select:hover{border-color:var(--color-headings)}.complete-the-look__select:focus{outline:none;border-color:var(--color-headings)}.complete-the-look__select option:disabled{color:color-mix(in srgb,var(--color-paragraphs) 40%,transparent)}.complete-the-look__select-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-headings)}.complete-the-look__add-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;padding:0 20px;font-size:12px;font-weight:500;font-family:inherit;text-transform:uppercase;letter-spacing:.1em;color:var(--color-background);background-color:var(--color-headings);border:none;cursor:pointer;transition:opacity .2s ease}.complete-the-look__add-btn:hover:not(:disabled){opacity:.85}.complete-the-look__add-btn:disabled{opacity:.5;cursor:not-allowed}.complete-the-look__add-btn svg{flex-shrink:0}.complete-the-look__add-btn span{white-space:nowrap}@media screen and (max-width:749px){.complete-the-look{padding:40px 0}.complete-the-look__title{font-size:22px;margin-bottom:24px}.complete-the-look__vendor{font-size:10px}.complete-the-look__product-title,.complete-the-look__price{font-size:13px}.complete-the-look__select,.complete-the-look__add-btn{height:44px}.complete-the-look__add-btn{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-complete-the-look.css.map */