.ring-size-grid.grid{display:flex;gap:var(--gap);flex-wrap:wrap}.ring-size-image img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ring-size-steps .section-header{margin-bottom:48px}.ring-size-steps .ring-size-image{line-height:0;padding:24px;border-radius:50% 50% 0 0}.ring-size-steps .ring-size-card{display:flex;flex-direction:column;height:100%}.ring-size-steps .ring-size-card .ring-size-content{padding:8px 24px 24px;height:100%}.ring-size-steps .ring-size-card .ring-size-content h3{font-size:22px;line-height:1}.ring-size-steps a{color:#000}.grid-item-4 .grid__item{max-width:calc(25% - var(--gap) * 3 / 4);width:100%}@media screen and (min-width:1441px){.grid-item-5 .grid__item{max-width:calc(20% - var(--gap) * 4 / 5);width:100%}.grid-item-6 .grid__item{max-width:calc(16.66% - var(--gap) * 4 / 6);width:100%}}@media screen and (min-width:990px){.grid-item-3 .grid__item{max-width:calc(33.33% - var(--gap) * 2 / 3);width:100%}}@media screen and (min-width:768px){.grid-item-2 .grid__item{max-width:calc(50% - var(--gap) / 2);width:100%}}@media screen and (max-width:1440px){.grid-item-6 .grid__item{max-width:calc(20% - var(--gap) * 4 / 5);width:100%}}@media screen and (max-width:1024px){.grid-item-6 .grid__item{max-width:calc(33.33% - var(--gap) * 2 / 3);width:100%}}@media screen and (max-width:989px){.grid-item-3 .grid__item,.grid-item-4 .grid__item{max-width:calc(50% - var(--gap) / 2)}.ring-size-grid.grid{gap:var(--mobile-gap)}.grid-item-5 .grid__item,.grid-item-4 .grid__item{max-width:calc(25% - var(--mobile-gap) * 3 / 4);width:100%}.ring-size-steps .ring-size-card .ring-size-content h3{font-size:18px}.ring-size-steps .ring-size-card .ring-size-content{padding:8px 14px 24px}.ring-size-steps .ring-size-image{padding:14px}}@media screen and (max-width:767px){.ring-size-grid.grid{gap:var(--mobile-gap)}.grid-item-2 .grid__item,.grid-mobile-1 .grid__item{max-width:100%;width:100%}.grid-mobile-2 .grid__item{max-width:calc(50% - var(--mobile-gap) / 2)}.ring-size-steps .ring-size-card .ring-size-content h3{font-size:20px}.ring-size-steps .ring-size-card .ring-size-content{padding:8px 18px 18px}.ring-size-steps .ring-size-image{padding:18px}.ring-size-steps .section-header{margin-bottom:32px}.grid-item-5 .grid__item,.grid-item-4 .grid__item{max-width:calc(25% - var(--mobile-gap) * 3 / 4);width:100%}}@media screen and (max-width:640px){.grid-item-5 .grid__item,.grid-item-4 .grid__item{max-width:calc(50% - var(--mobile-gap) / 2)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ring-size-steps.css.map */