/* | RR_MOBILE_MENU_ICON_SIZE_AUTHORITY_V1 | Last-loaded storefront authority for the mobile/tablet hamburger icon. | Keeps the requested fi-rr-bars-staggered shape consistent on every page. */ @media (max-width: 1180px) { html body:not(.admin) header.rr-central-storefront-header .rr-mobile-tablet-nav-toggle, html body:not(.admin) .rr-central-storefront-header .rr-mobile-tablet-nav-toggle, html body:not(.admin) .rr-mobile-tablet-nav-toggle { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #1f2937 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 44px !important; font-size: 0 !important; line-height: 0 !important; cursor: pointer !important; -webkit-tap-highlight-color: transparent !important; } html body:not(.admin) header.rr-central-storefront-header .rr-mobile-tablet-nav-toggle > i.fi.fi-rr-bars-staggered, html body:not(.admin) .rr-central-storefront-header .rr-mobile-tablet-nav-toggle > i.fi.fi-rr-bars-staggered, html body:not(.admin) .rr-mobile-tablet-nav-toggle > i.fi.fi-rr-bars-staggered { position: relative !important; display: block !important; width: 32px !important; height: 26px !important; min-width: 32px !important; min-height: 26px !important; overflow: visible !important; color: currentColor !important; font-size: 0 !important; line-height: 0 !important; } html body:not(.admin) header.rr-central-storefront-header .rr-mobile-tablet-nav-toggle > i.fi.fi-rr-bars-staggered::before, html body:not(.admin) .rr-central-storefront-header .rr-mobile-tablet-nav-toggle > i.fi.fi-rr-bars-staggered::before, html body:not(.admin) .rr-mobile-tablet-nav-toggle > i.fi.fi-rr-bars-staggered::before { content: "" !important; display: none !important; } html body:not(.admin) header.rr-central-storefront-header .rr-mobile-tablet-nav-toggle > i.fi.fi-rr-bars-staggered::after, html body:not(.admin) .rr-central-storefront-header .rr-mobile-tablet-nav-toggle > i.fi.fi-rr-bars-staggered::after, html body:not(.admin) .rr-mobile-tablet-nav-toggle > i.fi.fi-rr-bars-staggered::after { content: "" !important; position: absolute !important; left: 2px !important; top: 4px !important; width: 27px !important; height: 3px !important; border-radius: 999px !important; background: currentColor !important; box-shadow: 7px 9px 0 currentColor, 0 18px 0 currentColor !important; } } /* | RR_MOBILE_HEADER_COMPACT_BALANCE_V1 | Keep the mobile header shorter with a slightly smaller brand and balanced icons. */ @media (max-width: 760px) { html body:not(.admin) header.header.site-header.rr-central-storefront-header[data-rr-central-header="1"], html body:not(.admin) header.rr-central-storefront-header, html body:not(.admin) .rr-central-storefront-header { padding-top: 5px !important; padding-bottom: 5px !important; } html body:not(.admin) header.rr-central-storefront-header .rr-central-header-shell, html body:not(.admin) .rr-central-storefront-header .rr-central-header-shell, html body:not(.admin) .rr-central-storefront-header > .container.header-inner.rr-central-header-shell, html body:not(.admin) .rr-central-storefront-header .container.header-inner.rr-central-header-shell { min-height: 54px !important; grid-template-columns: 46px minmax(0, 1fr) 46px !important; padding: 0 14px !important; gap: 6px !important; } html body:not(.admin) .rr-central-storefront-header .rr-central-header-brand .rr-storefront-brand, html body:not(.admin) .rr-central-storefront-header .rr-central-header-brand .brand-link, html body:not(.admin) .rr-central-storefront-header .rr-central-header-brand .logo { max-width: min(188px, calc(100vw - 132px)) !important; } html body:not(.admin) .rr-central-storefront-header .rr-storefront-brand-logo, html body:not(.admin) .rr-central-storefront-header .rr-central-header-brand img.rr-storefront-brand-logo { max-width: min(188px, calc(100vw - 132px)) !important; max-height: 40px !important; width: auto !important; height: auto !important; object-fit: contain !important; } html body:not(.admin) header.rr-central-storefront-header .rr-mobile-tablet-nav-toggle, html body:not(.admin) .rr-central-storefront-header .rr-mobile-tablet-nav-toggle, html body:not(.admin) .rr-mobile-tablet-nav-toggle, html body:not(.admin) .rr-central-storefront-header .rr-mobile-header-cart-link, html body:not(.admin) .rr-mobile-header-cart-link { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; flex: 0 0 40px !important; } html body:not(.admin) header.rr-central-storefront-header .rr-mobile-tablet-nav-toggle > i.fi.fi-rr-bars-staggered, html body:not(.admin) .rr-central-storefront-header .rr-mobile-tablet-nav-toggle > i.fi.fi-rr-bars-staggered, html body:not(.admin) .rr-mobile-tablet-nav-toggle > i.fi.fi-rr-bars-staggered { width: 29px !important; height: 23px !important; min-width: 29px !important; min-height: 23px !important; } html body:not(.admin) header.rr-central-storefront-header .rr-mobile-tablet-nav-toggle > i.fi.fi-rr-bars-staggered::after, html body:not(.admin) .rr-central-storefront-header .rr-mobile-tablet-nav-toggle > i.fi.fi-rr-bars-staggered::after, html body:not(.admin) .rr-mobile-tablet-nav-toggle > i.fi.fi-rr-bars-staggered::after { left: 2px !important; top: 3px !important; width: 24px !important; height: 2.6px !important; box-shadow: 6px 8px 0 currentColor, 0 16px 0 currentColor !important; } html body:not(.admin) .rr-central-storefront-header .rr-mobile-header-cart-icon, html body:not(.admin) .rr-mobile-header-cart-icon, html body:not(.admin) .rr-mobile-header-cart-icon svg { width: 31px !important; height: 31px !important; max-width: 31px !important; max-height: 31px !important; } html body:not(.admin) .rr-mobile-header-cart-badge { top: 1px !important; right: -1px !important; } }