:root{--motion-looping-duration-ultra-slow:30s;--motion-easing-linear:cubic-bezier(0,0,1,1)}
/* Continuous linear motion; controls follow WCAG Pause, Stop, Hide. */
#featured{--pick-width:352px;--pick-gap:16px}
.pick-carousel{position:relative}
.pick-viewport{overflow-x:auto;overscroll-behavior-x:contain;border-radius:15px;padding:5px 0 9px;scrollbar-width:thin;scrollbar-color:#b6c2cb transparent}
.pick-track,.pick-group{display:flex;width:max-content;align-items:stretch}
.pick-group{gap:var(--pick-gap);padding-right:var(--pick-gap)}
#featured .quick{flex:0 0 var(--pick-width);width:var(--pick-width);min-height:144px;padding:18px;gap:16px;border-radius:15px;user-select:none}
#featured .quick img{width:76px;height:104px;flex-shrink:0;pointer-events:none}
#featured .quick b{font-size:14px;line-height:1.45;margin:6px 0 9px}
#featured .quick small{font-size:11px}
#featured .quick span{font-size:13px}
#featured .quick:focus-visible{outline-offset:-4px}
.pick-carousel.is-enhanced .pick-viewport{overflow:hidden;touch-action:pan-y pinch-zoom;cursor:grab}
.pick-carousel.is-dragging .pick-viewport{cursor:grabbing}
.pick-carousel.is-enhanced:after{content:"";pointer-events:none;position:absolute;right:0;top:5px;width:22px;height:144px;background:linear-gradient(90deg,transparent,var(--paper));border-radius:0 15px 15px 0}
.pick-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;min-height:44px}
.pick-hint{font-size:12px;color:var(--muted);margin:0;display:flex;align-items:center;gap:8px}
.pick-indicator{width:6px;height:6px;border-radius:50%;background:#b17b22;flex:none}
[data-state="paused"] .pick-indicator{background:#8795a2}
.pick-controls{display:flex;align-items:center;gap:7px;flex:none}
.pick-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;min-width:44px;border:1px solid #c8d2da;border-radius:50%;background:white;color:var(--ink);font-size:18px;line-height:1}
.pick-control:hover{border-color:#956319;background:#fff9eb}
.pick-control:disabled{opacity:.4;cursor:default}
.pick-toggle{border-radius:25px;padding:0 15px;font-size:12px;font-weight:700;min-width:102px}
.pick-toggle svg{width:14px;height:14px;fill:currentColor}
.pick-control.pick-toggle{width:112px;min-width:112px;flex:0 0 112px;white-space:nowrap}
.product-title{display:block;color:inherit;text-decoration:none;border-radius:4px}
.product-title:hover{text-decoration:underline;text-decoration-color:#b17b22;text-underline-offset:4px}
.hero-tile:focus-visible{outline:3px solid #ac6c00;outline-offset:5px}
.filter-clear{min-height:44px;padding:8px 12px;font-size:13px}
.pick-carousel.is-reduced .pick-viewport{overflow-x:auto;touch-action:auto;scroll-snap-type:x proximity}
.pick-carousel.is-reduced .quick{scroll-snap-align:start}
.pick-carousel.is-reduced:after{display:none}
@media(max-width:700px){
  #featured{--pick-width:280px;--pick-gap:12px}
  #featured .quick{min-height:144px;padding:15px;gap:12px}
  #featured .quick img{width:63px;height:96px}
  #featured .quick b{font-size:14px}
  .pick-toolbar{gap:12px;align-items:center}
  .pick-hint{font-size:11px;max-width:145px;line-height:1.5}
  .pick-controls{gap:5px}
  .pick-toggle{min-width:88px;padding-inline:10px}
  .pick-control{height:44px;min-width:44px}
}
@media(max-width:360px){#featured{--pick-width:258px}.pick-toolbar{flex-wrap:wrap;gap:6px}.pick-hint{max-width:none;font-size:11px;width:100%}.pick-controls{gap:5px;margin-left:auto}}
@media(prefers-reduced-motion:reduce){.pick-track{transform:none!important}}
