.recs-rail--drawer{--recs-tile-width: 145px}.recs-rail{border-top:1px solid #e0e0e0;padding:1rem 0 1rem 1rem}.recs-rail__title{font-size:15px;font-weight:700;margin:0}.recs-rail__subtitle{font-size:13px;color:#555;margin:.25rem 0 .75rem}.recs-rail__rail{display:flex;gap:.75rem;margin:0;padding:0 1rem 0 0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}@media (hover: hover) and (pointer: fine){.recs-rail__rail{cursor:grab}}.recs-rail__rail::-webkit-scrollbar{display:none}.recs-rail__rail:focus-visible{outline:2px solid #000;outline-offset:2px}.recs-rail__tile{display:flex;flex-direction:column;flex:0 0 var(--recs-tile-width);width:var(--recs-tile-width);scroll-snap-align:start}.recs-rail__link{display:flex;flex-direction:column;gap:2px;margin-bottom:.5rem;color:inherit;text-decoration:none}.recs-rail__image{display:block;width:var(--recs-tile-width);height:var(--recs-tile-width);margin-bottom:.375rem;background:#f5f5f5}.recs-rail__image img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.recs-rail__callout{align-self:flex-start;padding:1px 4px;font-size:11px;font-weight:700;line-height:1.4}.recs-rail__brand{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recs-rail__name{display:-webkit-box;font-size:12px;line-height:1.3;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.recs-rail__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem;font-size:13px;font-weight:700}.recs-rail__price--offer{color:#17813a}.recs-rail__price--was{color:#999;font-weight:400}.recs-rail__add{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:36px;margin-top:auto;padding:0 .5rem;border:1px solid #000;border-radius:4px;background:#fff;color:#000;font-size:13px;line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none}.recs-rail__add:hover{background:#f5f5f5}.recs-rail__add:focus-visible{outline:2px solid #000;outline-offset:2px}.recs-rail__add:disabled{opacity:.5;cursor:progress}.recs-rail__add-icon{flex:0 0 auto;width:22px;height:22px;margin:-3px;fill:currentColor}.recs-rail__add--open,.recs-rail__add--open:hover{background:#000;color:#fff}.recs-rail__error{margin:.5rem 1rem 0 0;font-size:12px;color:#c00}.recs-rail__tile--selected .recs-rail__image{outline:2px solid #000;outline-offset:-2px}.recs-rail--pdp{--recs-tile-width: calc((100% - .5rem)*.4) ;margin-bottom:calc(80px + env(safe-area-inset-bottom));border-top:none;padding:0 0 0 1.5rem}.recs-rail--pdp .recs-shades{scroll-margin-bottom:calc(96px + env(safe-area-inset-bottom))}@media only screen and (min-width: 1024px){.recs-rail--pdp{--recs-tile-width: calc((100% - 3rem)/5) ;margin-bottom:4rem;padding:0}.recs-rail--pdp .recs-rail__rail{padding-right:0}.recs-rail--pdp .recs-rail__error,.recs-rail--pdp .recs-shades{margin-right:0}}.recs-rail--pdp .recs-rail__title{margin:0 0 1rem;font-size:24px;font-weight:600;text-transform:uppercase}@media only screen and (min-width: 1024px){.recs-rail--pdp .recs-rail__title{font-size:30px}}.recs-rail--pdp .recs-rail__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-right:1.5rem;margin-bottom:1rem}@media only screen and (min-width: 1024px){.recs-rail--pdp .recs-rail__header{padding-right:0}}.recs-rail--pdp .recs-rail__header .recs-rail__title{margin:0}.recs-rail--pdp .recs-rail__image{width:100%;height:auto;aspect-ratio:1/1;margin-bottom:.5rem}.recs-rail--pdp .recs-rail__image img{height:auto;aspect-ratio:1/1}.recs-rail--pdp .recs-rail__callout{font-size:12px}.recs-rail--pdp .recs-rail__brand,.recs-rail--pdp .recs-rail__name{font-size:14px}.recs-rail--pdp .recs-rail__price{font-size:15px}.recs-rail--pdp .recs-rail__add{height:40px;font-size:14px}.recs-rail__arrows{display:none}@media only screen and (min-width: 1024px){.recs-rail__arrows{display:flex;flex:0 0 auto;gap:.5rem}}.recs-rail__arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #000;border-radius:50%;background:#fff;color:#000;cursor:pointer}.recs-rail__arrow svg{width:28px;height:28px;fill:currentColor}.recs-rail__arrow:hover:not(:disabled){background:#f5f5f5}.recs-rail__arrow:focus-visible{outline:2px solid #000;outline-offset:2px}.recs-rail__arrow:disabled{opacity:.3;cursor:default}.recs-shades{position:relative;margin:.75rem 1rem 0 0;padding:.75rem;border:1px solid #000;background:#fff}.recs-shades__pointer{position:absolute;top:-7px;width:12px;height:12px;margin-left:-6px;border-top:1px solid #000;border-left:1px solid #000;background:#fff;transform:rotate(45deg)}.recs-shades__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.recs-shades__brand{display:block;font-size:12px;font-weight:700}.recs-shades__name{display:block;font-size:12px;line-height:1.3}.recs-shades__price{font-size:13px;font-weight:700;white-space:nowrap}.recs-shades__swatches{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem}.recs-shades__swatch{position:relative;width:30px;height:30px;padding:0;border:1px solid #ccc;border-radius:50%;background:#f5f5f5 center/cover no-repeat;cursor:pointer}.recs-shades__swatch--text{width:auto;min-width:30px;padding:0 .5rem;border-radius:999px;background:#fff;color:#000;font-size:11px}.recs-shades__swatch--checked{box-shadow:0 0 0 2px #fff,0 0 0 3px #000}.recs-shades__swatch--oos{opacity:.4;cursor:not-allowed;overflow:hidden}.recs-shades__swatch--oos:after{content:"";position:absolute;top:50%;left:-10%;width:120%;border-top:1px solid #000;transform:rotate(-45deg)}.recs-shades__more{padding:0;border:none;background:none;color:#000;font-size:12px;text-decoration:underline;cursor:pointer}.recs-shades__selected{margin:.75rem 0 0;font-size:12px}.recs-shades__add{width:100%;margin-top:.75rem;padding:.75rem;border:none;border-radius:4px;background:#000;color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;cursor:pointer}.recs-shades__add:disabled{opacity:.5;cursor:not-allowed}.recs-shades__add[aria-busy=true]{cursor:progress}.recs-shades__error{margin:.5rem 0 0;font-size:12px;color:#c00}