.clean-recommendations{background-color:#f3f3f3;padding-top:var(--space-200);padding-bottom:var(--space-80);display:block;position:relative}.clean-recommendations__header{display:flex;align-items:flex-end;justify-content:space-between;padding:0 var(--space-50);margin-bottom:64px}.clean-recommendations__title{font-family:Neue Haas Unica,sans-serif;font-weight:500;font-size:clamp(26px,3.33vw,64px);line-height:100%;letter-spacing:-.06em;color:#003165;margin:0}.clean-recommendations__arrows{display:flex;gap:8px}.clean-recommendations__arrow{width:var(--size-74);height:var(--size-60);border:1.5px solid rgba(0,49,101,.2);border-radius:4px;background:transparent;cursor:pointer;color:#003165;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;flex-shrink:0;padding:0}.clean-recommendations__arrow svg{width:11px;height:11px;display:block}.clean-recommendations__arrow:hover{background:#003165;border-color:#003165;color:#fff}.clean-recommendations__arrow:disabled{opacity:.3;cursor:default}.clean-recommendations__track-wrap{overflow-x:clip;overflow-y:visible}.clean-recommendations__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--space-50);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.clean-recommendations__track::-webkit-scrollbar{display:none}.clean-recommendations__track:before,.clean-recommendations__track:after{content:"";flex-shrink:0;width:calc(var(--space-50) - 16px)}.clean-recommendations__slide{flex-shrink:0;width:calc((100% - var(--space-50) * 2 - 16px * 3) / 4);scroll-snap-align:start;min-width:0}.clean-recommendations .minimal-card{position:relative;display:flex;flex-direction:column;width:100%;opacity:1;transform:translateY(0)}.clean-recommendations .minimal-card-image-wrapper{position:relative;width:100%;aspect-ratio:446 / 553;overflow:hidden;background-color:#0031650d;display:block!important;flex-shrink:0;border-radius:4px;text-decoration:none;color:inherit}.clean-recommendations .minimal-card-image-wrapper img{position:absolute;top:0;left:0;width:100%!important;height:100%!important;object-fit:cover;margin:0;padding:0;border:none;display:block!important;opacity:1!important;visibility:visible!important}.clean-recommendations .minimal-card-hover-img{opacity:0;transition:opacity .4s ease;z-index:1}@media(hover:hover){.clean-recommendations .minimal-card:hover .minimal-card-hover-img{opacity:1}}.clean-recommendations .minimal-badges{position:absolute;z-index:2;display:flex;flex-direction:column;gap:4px;top:10px;left:10px}.clean-recommendations .minimal-badge{padding:6px 12px;font-family:Neue Haas Unica,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:400;text-transform:none;letter-spacing:-.01em;border-radius:0;line-height:1.05}.clean-recommendations .clean-quick-add-wrapper{position:absolute;top:15px;right:15px;z-index:3;opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important}.clean-recommendations .clean-mini-add-btn{display:flex!important;align-items:center!important;justify-content:center!important;background:#003165!important;color:#fff!important;border:none!important;height:var(--size-50)!important;width:var(--size-50)!important;min-width:var(--size-50)!important;max-width:var(--size-50)!important;border-radius:4px!important;cursor:pointer!important;padding:0!important;transition:opacity .2s ease!important;flex-shrink:0!important}.clean-recommendations .clean-mini-add-btn .btn-icon{font-size:26px;line-height:1;display:flex;align-items:center;justify-content:center;pointer-events:none}@media(hover:hover){.clean-recommendations .clean-mini-add-btn:hover{opacity:.75!important}}.clean-recommendations .clean-mini-add-btn.loading{opacity:.5!important;pointer-events:none!important}.clean-recommendations .minimal-card-info{padding-top:12px;display:flex;flex-direction:column;flex-grow:1;min-width:0}.clean-recommendations .minimal-card-title{font-family:Neue Haas Unica,-apple-system,BlinkMacSystemFont,sans-serif!important;font-weight:400!important;font-size:clamp(13px,1.04vw,20px)!important;line-height:1.05!important;letter-spacing:-.03em!important;color:#003165!important;text-decoration:none!important;text-transform:none!important;margin:0 0 6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.clean-recommendations .minimal-card-price{font-family:Neue Haas Unica,sans-serif;font-size:clamp(13px,1.04vw,20px);font-weight:500;line-height:1.05;letter-spacing:-.03em;color:#003165;margin-bottom:8px;white-space:nowrap;display:flex;align-items:baseline;gap:8px}.clean-recommendations .minimal-card-price s{color:#00316566;font-size:clamp(12px,.94vw,18px);font-weight:400;letter-spacing:-.03em;line-height:1.05;text-decoration:line-through}.clean-recommendations .minimal-card-price .sale-price{color:#003165;font-weight:500}.clean-recommendations .card-swatches{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding:4px 0}.clean-recommendations .card-swatches a{display:block;width:16px;height:16px;border-radius:50%;flex-shrink:0;transition:transform .2s ease;box-sizing:border-box}@media(hover:hover){.clean-recommendations .card-swatches a:hover{transform:scale(1.2);z-index:2}}product-recommendations.clean-recommendations:has([data-has-recommendations=false]){display:none}@media screen and (max-width:989px){.clean-recommendations__slide{width:calc((100% - var(--space-50) - 16px * 2) / 3)}}@media screen and (max-width:749px){.clean-recommendations{padding-top:30px;padding-bottom:40px}.clean-recommendations__header{padding:0 var(--space-50);margin-bottom:24px}.clean-recommendations__title{font-size:clamp(22px,6vw,42px)}.clean-recommendations__arrows{display:none}.clean-recommendations__track{gap:12px;scroll-padding-left:var(--space-50)}.clean-recommendations__track:before,.clean-recommendations__track:after{width:calc(var(--space-50) - 12px)}.clean-recommendations__slide{width:min(58vw,220px)}.clean-recommendations .minimal-card-title,.clean-recommendations .minimal-card-price{font-size:clamp(12px,3.5vw,15px)!important}.clean-recommendations .minimal-card-price s{font-size:clamp(11px,3vw,13px)!important}}@media screen and (max-width:480px){.clean-recommendations__slide{width:min(72vw,200px)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/clean-product-recommendations.css.map */