.asmin-related-variants { margin: 1rem 0; }
.asmin-related-variants__title { margin: 0 0 .5rem; font-size: 1rem; }
.asmin-related-variants__carousel { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .375rem; }
.asmin-related-variants__viewport { overflow-x: auto; scrollbar-width: thin; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; }
.asmin-related-variants__list { display: flex; gap: .5rem; width: max-content; margin: 0; padding: 0; list-style: none; }
.asmin-related-variants__item { flex: 0 0 82px; scroll-snap-align: start; }
.asmin-related-variants__link, .asmin-related-variants__current { display: grid; gap: .3rem; width: 100%; padding: .25rem; border: 1px solid #d9d9d9; border-radius: .35rem; color: inherit; text-align: center; text-decoration: none; }
.asmin-related-variants__link:hover, .asmin-related-variants__link:focus-visible { border-color: currentColor; outline: none; }
.asmin-related-variants__item.is-active .asmin-related-variants__current { border: 2px solid currentColor; background: rgba(0, 0, 0, .04); }
.asmin-related-variants__image { display: block; width: 76px; max-width: 76px; height: 76px; max-height: 76px; overflow: hidden; border-radius: .2rem; background: #f5f5f5; }
.asmin-related-variants__image img { display: block; width: 76px !important; max-width: 76px !important; height: 76px !important; max-height: 76px !important; object-fit: cover; }
.asmin-related-variants__name { display: -webkit-box; overflow: hidden; font-size: .75rem; line-height: 1.2; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.asmin-related-variants__control { display: grid; width: 2rem; height: 2rem; padding: 0; border: 1px solid #d9d9d9; border-radius: 50%; place-items: center; background: #fff; color: inherit; font-size: 1.5rem; line-height: 1; cursor: pointer; }
.asmin-related-variants__control:disabled { opacity: .35; cursor: default; }
@media (max-width: 767px) { .asmin-related-variants__carousel { display: block; } .asmin-related-variants__control { display: none; } .asmin-related-variants__viewport { padding-bottom: .125rem; } }