.recently-viewed{border-top:1px solid #ddd;margin-top:10px;padding:35px 0 15px}.recent-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.recent-heading h2{margin:0;font-size:30px;line-height:1.2}.recent-clear{text-underline-offset:4px;font:inherit;color:#555;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:12px;text-decoration:underline}.recently-viewed>p{color:#666;padding:10px 0 25px;font-size:14px}.recent-carousel{position:relative}.recent-rail{--recent-columns:4;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--recent-columns) - 1)*24px)/var(--recent-columns));scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-rows:repeat(5,auto);gap:0 24px;padding:3px 0 12px;display:grid;overflow-x:auto}.recent-rail::-webkit-scrollbar{display:none}.recent-rail .product-card{scroll-snap-align:start;grid-row:span 5}.recent-arrow{z-index:2;color:#666;cursor:pointer;background:#efefefe8;border:0;border-radius:5px;width:44px;height:56px;font-size:43px;line-height:1;position:absolute;top:45%;transform:translateY(-50%)}.recent-prev{left:-20px}.recent-next{right:-20px}.recent-arrow:hover{color:#ffa509}.recently-viewed button:focus-visible,.recent-rail:focus-visible{outline-offset:3px;outline:2px solid #ffa509}@media (min-width:1101px){body[data-collection-columns="5"] .recent-rail{--recent-columns:5;grid-auto-columns:calc(20% - 16px);column-gap:20px}}@media (min-width:768px) and (max-width:1100px){.recent-rail{--recent-columns:3}}@media (min-width:768px) and (max-width:900px){.recent-rail{--recent-columns:2}}@media (max-width:767px){.recent-heading h2{font-size:25px}.recent-heading{gap:12px}.recent-rail{--recent-columns:2;grid-auto-columns:calc(50% - 7px);column-gap:14px}.recent-prev{left:-12px}.recent-next{right:-12px}.recent-arrow{width:30px;height:44px;font-size:33px}.recently-viewed{padding-top:28px}}@media (min-width:1101px){body[data-collection-columns="5"] .recent-rail .product-card-image img{width:85%}}@media (min-width:1101px) and (max-width:1430px){body[data-collection-columns="5"] .recent-rail .card-buy{flex-direction:column;align-items:stretch}body[data-collection-columns="5"] .recent-rail .card-buy button{width:100%}}
