/* Seasonal feature carousel: desktop shows 2 banners per view in the former homepage taste slot, mobile Web shows 1 per view after the support cards. Swipe (scroll-snap), arrows and dots move between pages. */
html:not(.meiai-native) #items .me-mobile-features{position:relative;margin:18px 0 4px}
html:not(.meiai-native) #items .me-mobile-features[hidden]{display:none}
#items .me-feature-track{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;outline:none}
#items .me-feature-track::-webkit-scrollbar{display:none}
#items .me-mobile-feature{flex:0 0 calc((100% - 24px) / 2);min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:block;border:0;border-radius:0;color:var(--text,#302c2a);text-decoration:none;text-align:left;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
#items .me-mobile-feature-art{display:block;width:100%;height:auto;aspect-ratio:1200/533;object-fit:contain;border:0;border-radius:0;background:#eeeae5}
#items .me-mobile-feature-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 1px 0;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.045em}
#items .me-mobile-feature-caption>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#items .me-mobile-feature-caption>span:last-child{font:16px/1 Arial,sans-serif;flex:none}
#items .me-mobile-feature:focus-visible{outline:2px solid #76627d;outline-offset:3px}
#items .me-mobile-feature:active{opacity:.88}
/* arrows (desktop) */
#items .me-feature-arrow{position:absolute;top:calc((100% - 30px) / 2 - 12px);width:40px;height:40px;border:1px solid #e8e2db;border-radius:50%;background:#fff;color:#3a3d42;font:22px/1 Arial,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(60,50,50,.12);padding:0 0 2px;transition:opacity .18s}
#items .me-feature-arrow--prev{left:-20px}
#items .me-feature-arrow--next{right:-20px}
#items .me-feature-arrow:disabled{opacity:0;pointer-events:none}
#items .me-feature-arrow[hidden]{display:none}
#items .me-feature-arrow:focus-visible{outline:2px solid #76627d;outline-offset:2px}
/* dots */
#items .me-feature-dots{display:flex;justify-content:center;gap:8px;padding:10px 0 0}
#items .me-feature-dots[hidden]{display:none}
#items .me-feature-dot{width:22px;height:4px;border:0;border-radius:4px;padding:0;background:#e4dfe6;cursor:pointer;transition:background .18s}
#items .me-feature-dot[aria-current="true"]{background:linear-gradient(90deg,#e69dad,#7abec8)}
#items .me-feature-dot:focus-visible{outline:2px solid #76627d;outline-offset:3px}
@media(min-width:1000px){
 #items .me-mobile-feature:nth-child(even){scroll-snap-align:none;scroll-snap-stop:normal}
}
@media(max-width:999px){
 html:not(.meiai-native) #items .me-mobile-features{margin:14px 0 0}
 #items .me-feature-track{gap:14px}
 #items .me-mobile-feature{flex:0 0 100%}
 #items .me-mobile-feature-caption{padding-top:7px;font-size:10px}
 #items .me-feature-arrow{display:none}
 #items .me-feature-dots{padding-top:8px}
 #items .me-feature-dot{width:16px;height:3px}
}
@media(prefers-reduced-motion:reduce){
 #items .me-feature-track{scroll-behavior:auto}
}
