/* Featured-product controls. Does not affect the admin/editor styles. */
.hero{position:relative}
.hero-rotation-bar{position:absolute;inset:12px 0 auto;z-index:3;display:flex;justify-content:flex-end;pointer-events:none}
.hero-rotation{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:6px 11px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:11px;line-height:1.5}
.hero-rotation:hover{border-color:var(--green);color:var(--green)}
.hero-rotation .icon{width:14px;height:14px}
.hero-rotation .rotation-play,.hero-rotation.is-paused .rotation-pause{display:none}
.hero-rotation.is-paused .rotation-play{display:block}
.hero-tabs{grid-template-columns:repeat(var(--hero-count,3),minmax(0,1fr))}
@media(prefers-reduced-motion:no-preference){.js .hero-slide.active{animation:lr-hero-enter .28s ease-out}@keyframes lr-hero-enter{from{opacity:.5}to{opacity:1}}}
@media(max-width:600px){.hero-rotation-bar{top:12px}.hero-rotation{min-height:34px;font-size:10px;padding:5px 9px}}
@media print{.hero-rotation-bar{display:none!important}}