/* Compact price cards with a faster current beneath the featured products. */
#mg-vendor-ribbon-expanded .mg-value-ribbon{position:relative;margin:0;padding:22px 0 18px;border-top:1px solid #d5d9c729;background:linear-gradient(110deg,#06170ec9,#0a2115ad),#102016 url('/assets/asset-55d3f87073cb48d9.jpg') center 70%/cover}
#mg-vendor-ribbon-expanded .mg-value-ribbon-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 7%;margin-bottom:12px}
#mg-vendor-ribbon-expanded .mg-value-ribbon-heading h2{font:11px/1.6 MGMedium,Arial,sans-serif;letter-spacing:1.5px;color:#d5d9c7;margin:0}
#mg-vendor-ribbon-expanded .mg-value-ribbon-pause{border:0;background:transparent;color:#d5d9c7;min-height:44px;padding:8px 0;font-size:12px;white-space:nowrap}
#mg-vendor-ribbon-expanded .mg-value-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
#mg-vendor-ribbon-expanded .mg-value-viewport:focus-visible{outline-offset:-3px}
#mg-vendor-ribbon-expanded .mg-value-track{display:flex;width:max-content;animation:mg-value-drift-right var(--value-duration,75s) linear infinite;will-change:transform}
#mg-vendor-ribbon-expanded .mg-value-group{display:flex;align-items:stretch;gap:8px;list-style:none;flex:none;padding:4px 4px 9px;margin:0}
#mg-vendor-ribbon-expanded .mg-value-card{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:6px;flex:none;width:150px;min-height:68px;padding:6px;border:1px solid #cad6b83b;border-radius:11px;background:linear-gradient(125deg,#e7ecd30a,#08190e40);box-shadow:0 4px 12px #06120920}
#mg-vendor-ribbon-expanded .mg-value-item{flex:none;width:150px;list-style:none}
#mg-vendor-ribbon-expanded .mg-value-brand-name{font:400 15px/1.2 MGDisplay,Georgia,serif;color:#f4efdf;text-align:center;margin:0 0 7px;white-space:nowrap}
#mg-vendor-ribbon-expanded .mg-value-product{display:flex;align-items:center;justify-content:center;width:38px;height:54px;border-radius:6px;background:#fff;overflow:hidden}
#mg-vendor-ribbon-expanded .mg-value-product img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain}
#mg-vendor-ribbon-expanded .mg-value-card h3{font:8.8px/1.15 MGMedium,Arial,sans-serif;margin:0 0 3px;color:#e2e3d4}
#mg-vendor-ribbon-expanded .mg-value-price{display:flex;gap:3px;align-items:baseline;white-space:nowrap;margin:0;color:#ffad2f}
#mg-vendor-ribbon-expanded .mg-value-from{font:7px MGBook,Arial,sans-serif;color:#c4ceb6}
#mg-vendor-ribbon-expanded .mg-value-price strong{font:400 22px/1 MGDisplay,Georgia,serif;letter-spacing:-.5px}
#mg-vendor-ribbon-expanded .mg-value-unit{font:8px/1.2 MGBook,Arial,sans-serif;color:#c4ceb6;margin:3px 0 0}
#mg-vendor-ribbon-expanded .mg-value-ribbon-footer{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding:7px 7% 0;font-size:10px;line-height:1.7;color:#b7c1aa}
#mg-vendor-ribbon-expanded .mg-value-ribbon-footer p{margin:0;max-width:660px}
#mg-vendor-ribbon-expanded .mg-value-ribbon-footer a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:11px;white-space:nowrap;border-bottom:1px solid #a1ab91}
#mg-vendor-ribbon-expanded .mg-value-ribbon:is([data-playing=false],[data-visible=false],[data-page-hidden=true]) .mg-value-track{animation-play-state:paused}
/* Pausing retains the loop position and enables a manually scrollable row. */
#mg-vendor-ribbon-expanded .mg-value-ribbon[data-playing=false] .mg-value-track{animation:none;transform:none;will-change:auto}
#mg-vendor-ribbon-expanded .mg-value-ribbon[data-reduced-motion=true] .mg-value-group[aria-hidden=true]{display:none}
#mg-vendor-ribbon-expanded .mg-value-ribbon[data-playing=false] .mg-value-viewport{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#c4ceb655 transparent}
#mg-vendor-ribbon-expanded .mg-value-ribbon[data-playing=false] .mg-value-card{scroll-snap-align:center}
@keyframes mg-value-drift-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:680px){
 #mg-vendor-ribbon-expanded .mg-value-ribbon{padding-top:14px}
 #mg-vendor-ribbon-expanded .mg-value-ribbon-heading{gap:14px;margin-bottom:8px}
 #mg-vendor-ribbon-expanded .mg-value-ribbon-heading h2{font-size:10px;letter-spacing:1px;max-width:190px}
 #mg-vendor-ribbon-expanded .mg-value-ribbon-pause{font-size:12px}
 #mg-vendor-ribbon-expanded .mg-value-group{gap:8px;padding-inline:4px}
 #mg-vendor-ribbon-expanded .mg-value-item{width:141px}
 #mg-vendor-ribbon-expanded .mg-value-card{width:141px;min-height:68px;gap:5px;padding:6px 5px;grid-template-columns:36px minmax(0,1fr)}
 #mg-vendor-ribbon-expanded .mg-value-product{width:36px}
 #mg-vendor-ribbon-expanded .mg-value-brand-name{font-size:14px}
 #mg-vendor-ribbon-expanded .mg-value-ribbon-footer{flex-wrap:wrap;padding-top:10px;font-size:11px;gap:4px}
 #mg-vendor-ribbon-expanded .mg-value-ribbon-footer a{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 #mg-vendor-ribbon-expanded .mg-value-ribbon .mg-value-track{animation:none;transform:none;will-change:auto}
 #mg-vendor-ribbon-expanded .mg-value-ribbon .mg-value-group[aria-hidden=true]{display:none}
 #mg-vendor-ribbon-expanded .mg-value-ribbon .mg-value-viewport{overflow-x:auto;scrollbar-width:thin}
}

@media(hover:hover) and (pointer:fine){#mg-vendor-ribbon-expanded .mg-value-ribbon:hover .mg-value-track{animation-play-state:paused}}