.mx-wheel{display:block;position:relative;overflow:hidden;background:#ededed;color:#111;padding:24px 3.2% 20px;font-family:Arial,Helvetica,sans-serif;margin:18px 0 30px}
.mx-wheel-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 30px}
.mx-wheel-pair>.mx-wheel{min-width:0;margin:0}
.mx-wheel__heading{display:flex;justify-content:space-between;align-items:end;gap:24px;position:relative;z-index:3}
.mx-wheel .mx-wheel__eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 7px}
.mx-wheel .mx-wheel__heading h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-weight:400;font-size:clamp(28px,3vw,42px);line-height:1;margin:0;letter-spacing:-.02em;text-transform:uppercase}
.mx-wheel__heading>a{font-size:10px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.mx-wheel__stage{height:clamp(260px,23vw,320px);position:relative;perspective:1100px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;outline-offset:-4px}
.mx-wheel__stage:active{cursor:grabbing}
.mx-wheel__stage:focus-visible{outline:1px solid #111}
.mx-wheel__floor{position:absolute;left:12%;right:12%;height:70px;bottom:8px;background:radial-gradient(ellipse,#00000012,transparent 68%);border-radius:50%;pointer-events:none}
.mx-wheel__item{position:absolute;left:50%;top:52%;width:clamp(180px,22vw,300px);height:88%;padding:0;border:0;background:transparent;opacity:0;pointer-events:none;will-change:transform;transform-origin:center;cursor:pointer;backface-visibility:hidden}
.mx-wheel__item img,.mx-wheel__placeholder{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}
.mx-wheel__item[data-front="true"]{cursor:pointer}
.mx-wheel__navigation{display:flex;align-items:center;justify-content:center;gap:18px;position:relative;z-index:3;margin:0 0 10px}
.mx-wheel__navigation button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #c5c5c5;border-radius:50%;background:transparent;transition:background .2s,color .2s}
.mx-wheel__navigation button:hover{background:#111;color:#fff;border-color:#111}
.mx-wheel__position{min-width:45px;text-align:center;font-size:10px;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.mx-wheel__panels{width:min(100%,430px);margin:auto;text-align:center;min-height:126px}
.mx-wheel product-card.mx-wheel__details{display:grid;gap:6px;grid-row:auto;align-content:start}
.mx-wheel product-card.mx-wheel__details[hidden]{display:none}
.mx-wheel .mx-wheel__vendor{margin:0;font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#666}
.mx-wheel__title{font-size:15px;font-weight:500;line-height:1.35;letter-spacing:.01em;text-transform:none}
.mx-wheel .price-list{font-size:13px;line-height:1.4;justify-content:center;min-height:19px}
.mx-wheel product-card .mx-card-controls{margin-top:8px}
.mx-wheel product-card .mx-card-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:10px}
.mx-wheel product-card .mx-card-size,.mx-wheel product-card .mx-card-add{height:44px;font-size:11px;background-color:#fff;border-color:#111}
.mx-wheel .mx-wheel__hint{margin:10px 0 0;text-align:center;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#686868}
.mx-wheel a:focus-visible,.mx-wheel button:focus-visible{outline:2px solid #111;outline-offset:4px}
.mx-wheel__empty{padding:30px;text-align:center}
.mx-wheel:not([data-ready]) .mx-wheel__item:first-of-type{opacity:1;transform:translate(-50%,-50%);pointer-events:auto}
@media(min-width:900px){.mx-wheel-pair>.mx-wheel{container-type:inline-size;padding:24px 24px 20px}.mx-wheel-pair .mx-wheel__heading{gap:16px}.mx-wheel-pair .mx-wheel__stage{height:clamp(280px,48cqw,340px)}.mx-wheel-pair .mx-wheel__item{width:clamp(210px,50cqw,310px);height:84%}}
@media(max-width:899px){.mx-wheel-pair{grid-template-columns:minmax(0,1fr);gap:18px}}
@media(max-width:699px){.mx-wheel{padding:20px 6% 20px;margin:8px 0 22px}.mx-wheel__heading{gap:10px}.mx-wheel__heading>a{font-size:8px}.mx-wheel .mx-wheel__heading h2{font-size:28px}.mx-wheel__stage{height:260px;margin:10px -6.8% 0;perspective:750px}.mx-wheel__item{width:210px;height:88%}.mx-wheel__navigation{margin-bottom:8px}.mx-wheel__panels{min-height:136px}.mx-wheel__title{font-size:13px}.mx-wheel .mx-wheel__hint{font-size:8px}.mx-wheel__floor{left:0;right:0}}
@media(max-width:699px){.mx-wheel-pair{margin:8px 0 22px;gap:12px}.mx-wheel-pair>.mx-wheel{margin:0}}
@media(prefers-reduced-motion:reduce){.mx-wheel__navigation button{transition:none}}