/* Optional four-angle product rotation; no change to default gallery */
.rv-rotation[hidden],.rv-rotation-view[hidden]{display:none!important}
.rv-rotation{width:100%;background:#fff;border:1px solid #efdce3;border-radius:22px;padding:14px}
.rv-rotation-view{height:clamp(340px,43vw,560px);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y;user-select:none;cursor:grab;background:#fff;border-radius:18px}
.rv-rotation-view:active{cursor:grabbing}
.rv-rotation-view img{display:block;max-height:100%;width:100%;object-fit:contain;pointer-events:none}
.rv-rotation-caption{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:rgba(75,24,48,.8);color:#fff;font-size:.8rem;font-weight:700;border-radius:30px;padding:8px 13px;white-space:nowrap}
.rv-rotation-nav{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:12px;color:#84546b;font-size:.82rem;text-align:center}
.rv-rotation-nav button{width:40px;height:40px;border:1px solid #ecc8d6;background:#fff3f7;border-radius:50%;color:#9f2f62;cursor:pointer;font-size:1.2rem;flex-shrink:0}
.rv-rotation-switch{display:flex;gap:6px;margin:12px 0;flex-wrap:wrap}
.rv-rotation-mode{border:1px solid #e8cad6;background:white;color:#82375b;padding:9px 16px;border-radius:999px;font-size:.85rem;font-weight:700;cursor:pointer}
.rv-rotation-mode.is-selected{background:#a52f64;border-color:#a52f64;color:white}
.rv-admin-rotation-views{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.rv-admin-rotation-view{min-width:0;background:#fff;border:1px solid #efdce3;border-radius:14px;padding:12px}
.rv-admin-rotation-view img{display:block;width:100%;height:145px;object-fit:contain;border-radius:10px;background:white}
.rv-admin-rotation-view input{width:100%;max-width:100%;font-size:.8rem}
@media(max-width:800px){.rv-admin-rotation-views{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.rv-rotation-view{height:350px}.rv-rotation-nav{font-size:.72rem}.rv-admin-rotation-views{grid-template-columns:1fr}}
.gallery > .main[hidden], .gallery > .thumbs[hidden]{display:none!important}

.rv-rotation-error{margin:10px 0;color:#a40040;font-size:.86rem}
.rv-rotation-view{overscroll-behavior-x:contain;-webkit-user-select:none}