.goods-carousel { width: min(100%, 600px); margin: 26px auto 0; touch-action: pan-y; }
.goods-carousel:focus-visible { outline: 1px solid #eeede7; outline-offset: 8px; }
.goods-page { margin: 0 0 24px; }
.goods-page img { display: block; width: 100%; height: auto; aspect-ratio: 1153 / 1536; object-fit: contain; }
.goods-carousel.is-ready .goods-pages { display: grid; }
.goods-carousel.is-ready .goods-page { grid-area: 1 / 1; margin: 0; }
.goods-page[hidden] { display: none; }
.goods-controls { display: flex; align-items: center; justify-content: center; gap: 24px; padding-top: 18px; color: #c6c8c5; font-size: .85rem; font-variant-numeric: tabular-nums; letter-spacing: .12em; }
.goods-controls[hidden] { display: none; }
.goods-controls button { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #555c57; border-radius: 50%; background: transparent; color: #eeede7; font-size: 1.2rem; cursor: pointer; }
.goods-controls button:hover { background: #ffffff10; }
.goods-controls button:focus-visible { outline: 2px solid #eeede7; outline-offset: 3px; }
@media (max-width: 600px) { .goods-carousel { margin-top: 22px; } }