.collection-motion-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-5px 0 20px}
.collection-motion-tools p{font-size:12px;line-height:1.5;color:#52665a;margin:0;max-width:48ch}
/* A smaller visible capsule keeps the full 44px button available to touch and focus. */
.collection-pause{appearance:none;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:44px;min-height:44px;padding:6px 10px;border:0;border-radius:999px;background:transparent;color:#173d2b;font:inherit;font-size:11px;line-height:1.4;font-weight:600;cursor:pointer}
.collection-pause::before{content:"";position:absolute;inset:6px 0;z-index:-1;pointer-events:none;border:1px solid #b4c5b9;border-radius:inherit;background:#fff}
.collection-pause:hover::before{background:#f0f5f1;border-color:#567d65}
.collection-pause:focus-visible{outline:3px solid #326c4b;outline-offset:3px}
.collection-pause:disabled{cursor:default;color:#52665a}
.collection-pause:disabled::before{background:#f5f7f4;border-color:#d4ded6}
[data-rotating-collection] img{transition:opacity .42s ease;pointer-events:none}
.collection-motion-paused [data-rotating-collection] img{transition:none}
[data-rotating-collection] .collection-image-next{will-change:opacity}
@media(max-width:600px){.collection-motion-tools{gap:12px;align-items:flex-start;margin-top:0}.collection-motion-tools p{font-size:11px;max-width:30ch}}
@media(max-width:360px){.collection-motion-tools{flex-direction:column;gap:8px}.collection-motion-tools p{max-width:none}}
@media(prefers-reduced-motion:reduce){[data-rotating-collection] img{transition:none!important}}

@media(max-width:640px){[data-rotating-collection]{min-height:128px}}