#collections.ring-collection-carousel .product-grid,#custom-design-rings.ring-collection-carousel .product-grid{display:flex;gap:22px;grid-template-columns:none}
.ring-collection-carousel .product-grid>.product-card{flex:0 0 calc((100% - 88px)/5);min-width:0;scroll-snap-align:start}
.ring-collection-carousel .watch-carousel-track{padding-top:8px;padding-bottom:22px}
.ring-collection-carousel .product-photo{height:auto;aspect-ratio:1;padding:12px}
.ring-collection-carousel .product-info{padding:16px 12px}
#collections.ring-collection-carousel .product-info h3,#custom-design-rings.ring-collection-carousel .product-info h3{font-size:18px;line-height:1.4}
.ring-collection-carousel .product-grid>.product-card:focus-visible{outline-offset:-3px}
@media(max-width:1100px){#collections.ring-collection-carousel .product-grid,#custom-design-rings.ring-collection-carousel .product-grid{gap:16px}.ring-collection-carousel .product-grid>.product-card{flex-basis:calc((100% - 48px)/4)}}
@media(max-width:760px){#collections.ring-collection-carousel .product-grid,#custom-design-rings.ring-collection-carousel .product-grid{gap:14px}.ring-collection-carousel .product-grid>.product-card{flex-basis:min(240px,85vw)}}
@media(max-width:380px){#collections.ring-collection-carousel .product-grid,#custom-design-rings.ring-collection-carousel .product-grid{gap:10px}.ring-collection-carousel .product-grid>.product-card{flex-basis:min(224px,85vw)}}


.ring-collection-carousel .section-heading{align-items:center}
.ring-collection-carousel .section-heading .watch-carousel-controls{margin:0;flex-shrink:0}
@media(max-width:760px){.ring-collection-carousel .section-heading{gap:12px}.ring-collection-carousel .section-heading h2{font-size:clamp(26px,5.5vw,37px)}.ring-collection-carousel .section-heading .watch-carousel-controls{gap:6px}}
#collections.ring-collection-carousel .section-heading,#custom-design-rings.ring-collection-carousel .section-heading{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between}
.ring-collection-carousel .section-heading>div:first-child{flex:1;min-width:0}
#collections.ring-collection-carousel .section-heading .watch-carousel-controls,#custom-design-rings.ring-collection-carousel .section-heading .watch-carousel-controls{flex:0 0 auto;margin:0}