/* shared/strip.css (MON-226) — product strip + the banner's styles live with
   their scripts; sizes and colours from the MON-226 spec (option V4). */
.mbt-strip{height:30px;box-sizing:border-box;background:#F8FAFB;border-bottom:1px solid #EAECF0;display:flex;align-items:center;gap:18px;padding:0 var(--mbt-strip-pad,24px);font:400 12px/1 'Inter',sans-serif;color:#667085;overflow:hidden;position:relative;z-index:101}
/* monby.ca styles every bare `nav` as its sticky header — undo what .mbt-strip doesn't set */
nav.mbt-strip{justify-content:flex-start;top:auto;-webkit-backdrop-filter:none;backdrop-filter:none;margin:0}
.mbt-strip a{position:relative;display:flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none;color:inherit}
.mbt-strip a:hover{color:#101828}
.mbt-strip a.mbt-cur{color:#101828;font-weight:600}
.mbt-strip a:focus-visible{outline:2px solid #3538CD;outline-offset:2px;border-radius:3px}
.mbt-fam{font-weight:700;color:#98A2B3;letter-spacing:.08em;font-size:10.5px;text-transform:uppercase;white-space:nowrap}
.mbt-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}
@media (max-width:768px){
  .mbt-strip{padding:0 var(--mbt-strip-pad-m,14px);gap:16px;font-size:11.5px;overflow:visible}
  .mbt-fam{display:none}
  /* 44px tap target while the strip still looks 30px tall */
  .mbt-strip a::after{content:'';position:absolute;left:-8px;right:-8px;top:-7px;bottom:-7px}
}