.complete-look-container{max-width:1120px;margin:0 auto;padding:20px}@media (max-width: 749px){.complete-look-container{padding:20px 0}}.complete-look-heading{font:var(--condensed-text-2xl-bold);text-transform:uppercase;color:var(--dark-blue);text-align:left;max-width:1120px;margin:0 auto;padding:0 20px 12px}.complete-look-grid{--cl-gap: 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--cl-gap)}@media (max-width: 749px){.complete-look-grid{flex-wrap:nowrap;overflow-x:auto;gap:12px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:0 12px 8px;scroll-padding-left:12px;justify-content:flex-start}}.complete-look-card{position:relative;background:#fff;overflow:hidden;transition:transform .3s ease;flex:0 0 calc((100% - (3 * var(--cl-gap))) / 4);max-width:calc((100% - (3 * var(--cl-gap))) / 4);scroll-snap-align:start}@media (max-width: 749px){.complete-look-card{flex:0 0 66.6667%;max-width:66.6667%}}.complete-look-card-content{display:flex;flex-direction:column;height:100%}.complete-look-card-image-container{position:relative;width:100%;overflow:hidden;aspect-ratio:1}.complete-look-card-image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.complete-look-card-image.visible{opacity:1}.complete-look-card-image-placeholder{width:100%;height:100%;background:#f4f4f4;display:flex;align-items:center;justify-content:center}.complete-look-card-image-placeholder svg{width:80%;height:80%;opacity:.3}.complete-look-card-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff50;border:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .3s ease;z-index:2}.complete-look-card:hover .complete-look-card-arrow{opacity:1}.complete-look-card-arrow-prev{left:10px}.complete-look-card-arrow-next{right:10px}@media (max-width: 749px){.complete-look-card-arrow{display:none}}.complete-look-card-info{padding:12px;display:flex;flex-direction:column;gap:8px;justify-content:space-between;height:201px}.complete-look-card-title-price{gap:8px;display:flex;flex-direction:column}.complete-look-card-link{text-decoration:none;color:inherit}.complete-look-card-title{font:var(--normal-text-s-regular);margin:0;color:var(--dark-blue);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.complete-look-card-price{display:flex;align-items:center;gap:8px;margin:0}.complete-look-card-current-price{font:var(--normal-text-s-regular);margin:4px 0 0;color:var(--dark-blue)}.complete-look-card-compare-price{font:var(--normal-text-xs-regular);color:var(--color-foreground);text-decoration:line-through}.complete-look-card-controls{display:flex;gap:12px;align-items:stretch;flex-direction:column}.complete-look-card-size-select{flex:1;padding:8px;border:1px solid var(--dark-blue);border-radius:4px;background:#fff;color:var(--dark-blue);font:var(--normal-text-s-regular)}.complete-look-card-size-select:before{content:"";height:24px;width:24px;display:block;position:absolute;top:50%;right:10px;transform:translateY(-50%);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cg clip-path='url(%23a)'%3e%3cpath fill='%23181733' d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h24v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")!important}.complete-look-card-size-select:disabled{opacity:.6}.complete-look-card-add-to-cart{width:100%;padding:12px;background:var(--yellow);color:var(--dark-blue);border:none;border-radius:4px;font:var(--normal-text-s-semibold);text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s ease}.complete-look-card-add-to-cart:hover{background:var(--dark-blue);color:#fff}.complete-look-card-add-to-cart:disabled{opacity:.45;cursor:not-allowed;background:#e2e2e2;color:#777}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media (max-width: 749px){.complete-look-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 12px 8px;scroll-padding-left:12px}.complete-look-card{flex:0 0 66.6667%;max-width:66.6667%;scroll-snap-align:start;scroll-snap-stop:always}}@media (max-width: 749px){.complete-look-card:last-child{scroll-snap-align:end;scroll-margin-right:12px}}.complete-look-card-error{color:var(--orange-dark);font:var(--normal-text-xs-regular);margin-top:4px;position:absolute;bottom:119px;right:10px;width:100px;text-align:right}@media (max-width: 749px){.complete-look-grid{scrollbar-width:none}.complete-look-grid::-webkit-scrollbar{display:none}}.complete-look-scrollbar{width:100%;padding:8px 12px 0;box-sizing:border-box;display:block}.complete-look-scrollbar-track{width:100%;height:2px;background:#1817334d;border-radius:9999px;position:relative;overflow:hidden}.complete-look-scrollbar-thumb{content:" ";position:absolute;left:0;top:0;height:100%;background:#181733;border-radius:9999px;width:24px;transform:translate(0);will-change:transform,width;display:block!important}@media (min-width: 750px){.complete-look-scrollbar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/complete-look.css.map */