
/* V11 — approved menu + compact continuous product ribbon */
@media (max-width: 820px){
  .mv8-quick a .mv8-wa-icon{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:12px!important;background:rgba(24,199,119,.16)!important;border:1px solid rgba(70,235,158,.34)!important;color:#54efa8!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}
  .mv8-quick a .mv8-wa-icon i{font-size:20px!important;line-height:1!important;color:#54efa8!important;opacity:1!important;filter:none!important}
}
/* hero-adjacent product ribbon: one compact moving line on every viewport */
.product-marquee.product-ribbon{position:relative!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:none!important;min-height:48px!important;margin:0!important;padding:7px max(18px,calc((100vw - 1180px)/2))!important;background:linear-gradient(96deg,#061c3d 0%,#082f63 46%,#073c69 100%)!important;border:0!important;border-top:1px solid rgba(82,201,255,.2)!important;border-bottom:1px solid rgba(82,201,255,.22)!important;border-radius:0!important;box-shadow:0 12px 28px rgba(3,24,56,.12)!important;overflow:hidden!important;color:#fff!important}
.product-ribbon-label{display:flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important;color:#fff!important}
.product-ribbon-label span{font-size:9px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#69e7ff!important;font-weight:800!important;opacity:1!important}
.product-ribbon-label strong{font-size:12px!important;color:#fff!important;font-weight:800!important;opacity:1!important}
.product-ribbon-window{min-width:0!important;overflow:hidden!important;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)!important}
.product-ribbon .marquee-track{display:flex!important;width:max-content!important;will-change:transform!important;animation:mlsProductRibbonV11 31s linear infinite!important}
.product-ribbon .marquee-group{display:flex!important;align-items:center!important;gap:7px!important;padding-right:7px!important;flex:none!important}
.product-ribbon .marquee-group a{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:32px!important;padding:5px 10px!important;border-radius:999px!important;border:1px solid rgba(145,215,255,.18)!important;background:rgba(255,255,255,.075)!important;color:#f7fbff!important;text-decoration:none!important;font-size:10.5px!important;font-weight:750!important;white-space:nowrap!important;opacity:1!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
.product-ribbon .marquee-group a i{display:grid!important;place-items:center!important;width:20px!important;height:20px!important;border-radius:50%!important;background:linear-gradient(135deg,#20a8ff,#24d9c5)!important;color:#031d3e!important;font-style:normal!important;font-size:8px!important;font-weight:900!important;opacity:1!important}
.product-ribbon .marquee-group a:hover{background:rgba(40,189,255,.17)!important;border-color:rgba(87,222,255,.48)!important;transform:translateY(-1px)!important}
.product-ribbon-all{display:inline-flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important;color:#8cecff!important;text-decoration:none!important;font-size:10px!important;font-weight:850!important;opacity:1!important}
.product-ribbon:hover .marquee-track{animation-play-state:paused!important}
@keyframes mlsProductRibbonV11{to{transform:translateX(-50%)}}
@media(max-width:820px){
 .product-marquee.product-ribbon{grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important;min-height:43px!important;padding:5px 10px!important}
 .product-ribbon-label strong{display:none!important}.product-ribbon-label span{font-size:8px!important}.product-ribbon-all{display:none!important}
 .product-ribbon .marquee-track{animation-duration:27s!important}
 .product-ribbon .marquee-group{gap:6px!important;padding-right:6px!important}
 .product-ribbon .marquee-group a{min-height:29px!important;padding:4px 8px!important;font-size:9px!important}
 .product-ribbon .marquee-group a i{width:18px!important;height:18px!important;font-size:7px!important}
}
@media(prefers-reduced-motion:reduce){.product-ribbon .marquee-track{animation-play-state:paused!important}}
