/* ==========================================================================
   AVA header chrome + menus — Lane G fidelity pass (27 Sep 2026) on Lane A's A7/A8 build.
   Frames: 1:20702 shop · 1:20815 rewards (dark, "deals-new") · 1:21093 delivery · 1:20902 learn · 1:21283 about ·
   1:21400 mobile menu · 1:21463 / 1:21715 / 1:21802 / 1:21602 / 1:21993 mobile states · 1:30249 mobile search.
   Every number is a frame measurement (qa/laneG/chrome-spec.md §1–4). Desktop content box 80–1360 (1280).
   Panels are rendered by includes/menus.php inside Elementor Pro's Mega Menu widget (HFE header 41).
   ========================================================================== */

/* ---------- announcement bar: 44 tall, 11 px / 600 / 0.12 em ---------- */

body .elementor-41 .elementor-element.elementor-element-f26217d {
    --padding-top: 0;
    --padding-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 44px;
}

body .elementor-41 .elementor-element.elementor-element-2d61114 {
    font-family: 'Krub', sans-serif;
}

body .elementor-41 .elementor-element-2d61114 .ava-bar {
    font-family: 'Krub', sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #ffffff;
}

/* ---------- desktop header: 90 tall, logo 64 × 54, nav 15 px with 36 px gaps, button 172 × 44 ---------- */

body .elementor-41 .elementor-element.elementor-element-097cfb6 {
    --padding-top: 0;
    --padding-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

body .elementor-41 .elementor-element.elementor-element-a3024bd {
    --gap: 0;
    --row-gap: 0;
    --column-gap: 0;
    gap: 0;
    min-height: 90px;
    --align-items: center;
    align-items: center;
}

body .elementor-41 .elementor-element.elementor-element-51aec4b {
    --width: 112px;
    width: 112px;
    flex: 0 0 112px;
    --flex-grow: 0;
    --flex-shrink: 0;
}

body .elementor-41 .elementor-element-c60c944 .hfe-site-logo-container {
    line-height: 0;
}

body .elementor-41 .elementor-element-c60c944 .hfe-site-logo-container .hfe-site-logo-img {
    width: 64px;
    height: 54px;
    max-width: none;
}

body .elementor-41 .elementor-element.elementor-element-3a6ba16 {
    --width: auto;
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
}

body .elementor-41 .elementor-element-3fdc034 .e-n-menu-heading {
    --n-menu-heading-space-between: 36px;
    gap: 36px;
    height: 90px;
    align-items: center;
}

body .elementor-41 .elementor-element-3fdc034 .e-n-menu-heading > .e-n-menu-item {
    height: 90px;
}

body .elementor-41 .elementor-element-3fdc034 .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title {
    --n-menu-title-padding: 0;
    --n-menu-title-gap: 0;
    height: 90px;
    padding: 0;
    gap: 0;
}

body .elementor-41 .elementor-element-3fdc034 .e-n-menu-title-container {
    padding: 0;
}

body .elementor-41 .elementor-element-3fdc034 .e-n-menu-title-text {
    font-family: 'Krub', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
}

body .elementor-41 .elementor-element.elementor-element-dc49af0 {
    --width: auto;
    width: auto;
    flex: 0 0 auto;
    --gap: 0;
    --row-gap: 0;
    --column-gap: 0;
    gap: 0;
    margin-left: auto;
    --justify-content: flex-end;
    justify-content: flex-end;
}

body .elementor-41 .elementor-element.elementor-element-439fa0a a.elementor-button,
body .elementor-41 .elementor-element.elementor-element-439fa0a a.elementor-button:hover,
body .elementor-41 .elementor-element.elementor-element-439fa0a a.elementor-button:focus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 26px;
    border: 0;
    border-radius: 4px;
    font-family: 'Krub', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body .elementor-41 .elementor-element.elementor-element-439fa0a a.elementor-button {
    background-color: #FF4438;
    color: #ffffff;
}

body .elementor-41 .elementor-element.elementor-element-439fa0a a.elementor-button:hover,
body .elementor-41 .elementor-element.elementor-element-439fa0a a.elementor-button:focus {
    background-color: #151515;
    color: #ffffff;
}

body .elementor-41 .elementor-element.elementor-element-439fa0a a.elementor-button .elementor-button-text,
body .elementor-41 .elementor-element.elementor-element-439fa0a a.elementor-button .elementor-button-content-wrapper {
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.12em;
}

body .elementor-41 .elementor-element.elementor-element-b1435c9 {
    margin-left: 22px;
}

body .elementor-41 .elementor-element-b1435c9 .hfe-search-button-wrapper,
body .elementor-41 .elementor-element-b1435c9 .hfe-search-icon-toggle {
    width: 26px;
    height: 26px;
    line-height: 26px;
}

body .elementor-41 .elementor-element-b1435c9 .hfe-search-icon-toggle i.fa-search {
    width: 26px;
    height: 26px;
    line-height: 26px;
}

body .elementor-41 .elementor-element-b1435c9 .hfe-search-icon-toggle i.fa-search:before {
    font-size: 24px;
}

body .elementor-41 .elementor-element.elementor-element-ceeb7bf {
    margin-left: 30px;
}

/* cart: outline glyph 26 px bottom-left, red 16 px badge top-right (36 × 36 wrapper); Lane A's ava-store.js updates .hfe-cart-count */
.elementor-41 .elementor-element-ceeb7bf .hfe-cart-container,
.elementor-41 .elementor-element-27d2598 .hfe-cart-container {
    display: block;
    line-height: 0;
}

.elementor-41 .elementor-element-ceeb7bf .hfe-cart-menu-wrap-default,
.elementor-41 .elementor-element-27d2598 .hfe-cart-menu-wrap-default {
    position: relative;
    top: -3px;
    display: block;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.elementor-41 .elementor-element-ceeb7bf .hfe-cart-menu-wrap-default::before,
.elementor-41 .elementor-element-27d2598 .hfe-cart-menu-wrap-default::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 26px;
    height: 26px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a1 1 0 0 0 1 .8h9.8a1 1 0 0 0 1-.8L21 8H6.5'/%3E%3Ccircle cx='9.5' cy='20' r='1.2'/%3E%3Ccircle cx='17.5' cy='20' r='1.2'/%3E%3C/svg%3E") no-repeat center / contain;
}

.elementor-41 .elementor-element-ceeb7bf .hfe-cart-menu-wrap-default .hfe-cart-count,
.elementor-41 .elementor-element-27d2598 .hfe-cart-menu-wrap-default .hfe-cart-count {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    min-width: 16px !important;
    width: auto !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    border: 0 !important;
    border-radius: 999px;
    background: #FF4438 !important;
    color: #ffffff !important;
    font-family: 'Krub', sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px !important;
    max-height: 16px !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    text-align: center;
}

.elementor-41 .elementor-element-ceeb7bf .hfe-cart-menu-wrap-default .hfe-cart-count::after,
.elementor-41 .elementor-element-27d2598 .hfe-cart-menu-wrap-default .hfe-cart-count::after,
.elementor-41 .elementor-element-ceeb7bf .hfe-cart-menu-wrap-default .hfe-cart-count::before,
.elementor-41 .elementor-element-27d2598 .hfe-cart-menu-wrap-default .hfe-cart-count::before {
    display: none !important;
}

/* ---------- Elementor Pro mega menu: dropdown shell — opens at the header's bottom edge (y 134), 1 px #DCD8CA edges ---------- */

.elementor-41 .elementor-widget-mega-menu .e-n-menu-content {
    background: #ffffff;
    border-top: 1px solid #DCD8CA !important;
    border-bottom: 1px solid #DCD8CA !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    box-shadow: none;
    overflow: hidden;
}

.elementor-41 .elementor-widget-mega-menu .e-n-menu-content:has(.ava-mm--rewards) {
    background: #151515;
    border-color: #151515 !important;
}

.elementor-widget-mega-menu .e-n-menu-content > .e-con {
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-left: 0;
    --padding-right: 0;
    --margin-top: 0;
    --margin-bottom: 0;
}

.elementor-widget-mega-menu .e-n-menu-content .elementor-widget-shortcode {
    margin: 0;
}

.elementor-widget-mega-menu .e-n-menu-title.e-focus .e-n-menu-title-container,
.elementor-widget-mega-menu .e-n-menu-title:hover .e-n-menu-title-container,
.elementor-widget-mega-menu .e-n-menu-title[aria-expanded="true"] .e-n-menu-title-container {
    color: #FF4438;
}

/* Orchestrator 27 Sep (D35): every page frame draws the desktop nav white with no current item — Elementor's mega menu
   marks the parent title `e-current` on inner pages (About on Contact, etc.) and paints it with the widget's active colour.
   Only hover and the open panel are red (Lane G's rule above). */
body .elementor-41 .elementor-element-3fdc034 .e-n-menu-title.e-current:not([aria-expanded="true"]):not(:hover) .e-n-menu-title-container,
body .elementor-41 .elementor-element-3fdc034 .e-n-menu-title.e-current:not([aria-expanded="true"]):not(:hover) .e-n-menu-title-text {
    color: #FFFFFF;
}

/* ---------- panel grid ---------- */

.ava-mm {
    --mm-ink: #151515;
    --mm-muted: #6B685E;
    --mm-red: #FF4438;
    --mm-navy: #193E81;
    --mm-hair: #DCD8CA;
    position: relative;
    display: grid;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 26px 0 24px;
    box-sizing: border-box;
    column-gap: 0;
    font-family: 'Krub', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: var(--mm-ink);
    text-align: left;
}

.ava-mm *,
.ava-mm *::before,
.ava-mm *::after {
    box-sizing: border-box;
}

.ava-mm--delivery,
.ava-mm--learn,
.ava-mm--about {
    padding: 30px 0 19px;
}

/* the frame's 1 px #DCD8CA edges at y 134 and 460 (Elementor strips the dropdown's border; .ava-mm spans the whole dropdown) */
.ava-mm:not(.ava-mm--mobile):not(.ava-mm--rewards)::before,
.ava-mm:not(.ava-mm--mobile):not(.ava-mm--rewards)::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 100vw;
    height: 1px;
    transform: translateX(-50%);
    background: #DCD8CA;
    pointer-events: none;
}

.ava-mm:not(.ava-mm--mobile):not(.ava-mm--rewards)::after {
    top: auto;
    bottom: 0;
}

.ava-mm--delivery .ava-mm__col:not(.ava-mm__col--card),
.ava-mm--learn .ava-mm__col:not(.ava-mm__col--card),
.ava-mm--about .ava-mm__col:not(.ava-mm__col--card) {
    padding-top: 2px;
}

.ava-mm--shop     { grid-template-columns: 541fr 228fr 227fr 284fr; }
.ava-mm--rewards  { grid-template-columns: 332fr 664fr 284fr; }
.ava-mm--delivery { grid-template-columns: 332fr 332fr 332fr 284fr; }
.ava-mm--learn,
.ava-mm--about    { grid-template-columns: 249fr 249fr 249fr 249fr 284fr; }

@media (min-width: 1440px) {
    .ava-mm--shop     { grid-template-columns: 541px 228px 227px 284px; }
    .ava-mm--rewards  { grid-template-columns: 332px 664px 284px; }
    .ava-mm--delivery { grid-template-columns: 332px 332px 332px 284px; }
    .ava-mm--learn,
    .ava-mm--about    { grid-template-columns: 249px 249px 249px 249px 284px; }
}

.ava-mm__col {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    padding: 0 24px 4px 0;
}

.ava-mm--learn .ava-mm__col:not(.ava-mm__col--card) {
    padding-bottom: 24px;
}

.ava-mm__col > .ava-mm__list,
.ava-mm__col > .ava-mm__split,
.ava-mm__col > .ava-mm__steps,
.ava-mm__col > .ava-mm__link--lead,
.ava-mm__col > .ava-mm__pills,
.ava-mm__col > .ava-mm__cards {
    align-self: stretch;
}

.ava-mm__col--card {
    padding: 0;
}

.ava-mm__col--card > * {
    width: 100%;
    align-self: stretch;
}

.ava-mm__eyebrow {
    margin: 0 0 9px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 13px;
    color: var(--mm-red);
}

.ava-mm__eyebrow--gap {
    margin-top: 18px;
}

.ava-mm__list--socials .ava-mm__link {
    padding: 8px 0 7px;
}

.ava-mm__list--socials li:last-child .ava-mm__link {
    padding-bottom: 0;
}

.ava-mm__list,
.ava-mm__list li,
.ava-mm__pills,
.ava-mm__pills li,
.ava-mm__cards,
.ava-mm__cards li,
.ava-mnav__popular ul,
.ava-mnav__popular li,
.ava-mnav__results ul,
.ava-mnav__results li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ava-mm__link {
    display: block;
    padding: 8px 0 9px;
    color: var(--mm-ink) !important;
    text-decoration: none !important;
    transition: color 0.15s ease;
}

.ava-mm--about .ava-mm__list--rich .ava-mm__link {
    padding: 9px 0 10px;
}

.ava-mm__link:hover,
.ava-mm__link:focus-visible {
    color: var(--mm-red) !important;
    outline: none;
}

.ava-mm__link:focus-visible .ava-mm__link-title {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ava-mm__link-title {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: inherit;
}

.ava-mm__link-sub {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    color: var(--mm-muted);
}

.ava-mm__link--lead {
    padding-top: 8px;
}

.ava-mm__link--lead .ava-mm__link-title {
    font-weight: 600;
}

.ava-mm__list--plain li {
    padding: 8px 0 9px !important;
}

.ava-mm__list--plain .ava-mm__link-title {
    display: block;
}

.ava-mm__split {
    display: grid;
    grid-template-columns: 270px 1fr;
}

.ava-mm__more {
    display: inline-block;
    margin-top: auto;
    padding-top: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: var(--mm-red) !important;
    text-decoration: none !important;
}

.ava-mm__more + .ava-mm__more {
    display: block;
    margin-top: 0;
    padding-top: 12px;
}

/* the delivery questions are in-flow list rows (pitch 37), not bottom-aligned */
.ava-mm--delivery .ava-mm__more,
.ava-mm--delivery .ava-mm__more + .ava-mm__more {
    display: block;
    margin-top: 0;
    padding: 8px 0 9px;
}

.ava-mm__more:hover,
.ava-mm__more:focus-visible {
    color: var(--mm-ink) !important;
    outline: none;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.ava-mm__more--caps {
    padding-top: 0;
    padding-bottom: 1px;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.ava-mm__empty {
    margin: 8px 0;
    font-size: 14px;
    line-height: 20px;
    color: var(--mm-muted);
}

/* the NEW column's post titles wrap at 160 px like the frame */
.ava-mm__col--new .ava-mm__link-title {
    max-width: 160px;
    line-height: 24px;
}

.ava-mm__col--new .ava-mm__link-sub {
    max-width: 160px;
    line-height: 18px;
}

/* steps (delivery) */

.ava-mm__steps {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ava-mm__steps li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0 9px !important;
    margin: 0 !important;
}

.ava-mm__step-n {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--mm-red);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

/* deals card inside the SHOP panel (red block with a list) */

.ava-mm__deals {
    display: flex;
    flex-direction: column;
    min-height: 277px;
    padding: 15px;
    border-radius: 12px;
    background: var(--mm-red);
    color: #ffffff;
}

.ava-mm__deals .ava-mm__eyebrow {
    color: #ffffff;
    margin-bottom: 10px;
}

.ava-mm__deals .ava-mm__link {
    padding: 8px 0 9px;
    color: #ffffff !important;
}

.ava-mm__deals .ava-mm__link:hover .ava-mm__link-title,
.ava-mm__deals .ava-mm__link:focus-visible .ava-mm__link-title {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ava-mm__deals .ava-mm__link-title {
    font-weight: 600;
}

.ava-mm__deals .ava-mm__link-sub {
    color: rgba(255, 255, 255, 0.85);
}

.ava-mm__more--card {
    margin-top: auto;
    padding: 4px 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    color: #ffffff !important;
}

.ava-mm__more--card:hover,
.ava-mm__more--card:focus-visible {
    color: #ffffff !important;
}

/* promo cards: 284 × 277/278, padding 15, media 75, chip 22, title 22/700, copy 13/20, CTA 12/700 caps */

.ava-mm__card {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 278px;
    padding: 15px;
    border-radius: 12px;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.ava-mm--shop .ava-mm__card,
.ava-mm--rewards .ava-mm__card {
    min-height: 277px;
}

.ava-mm__card:hover,
.ava-mm__card:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(21, 21, 21, 0.18);
    outline: none;
}

.ava-mm__card.is-red   { background: var(--mm-red); }
.ava-mm__card.is-navy  { background: var(--mm-navy); }
.ava-mm__card.is-black { background: #151515; }
.ava-mm__card.is-white { background: #ffffff; color: #151515 !important; }

.ava-mm__card-media {
    display: block;
    height: 75px;
    margin-bottom: 13px;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

.ava-mm__card.is-white .ava-mm__card-media {
    background: #151515;
}

.ava-mm--about .ava-mm__card-media {
    margin-bottom: 18px;
    background: #0E0E0E;
}

.ava-mm__card-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ava-mm__chip {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 12px;
    border-radius: 999px;
    background: #0E0E0E;
    color: #ffffff;
    font-size: 9px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.ava-mm__card.is-black .ava-mm__chip,
.ava-mm__card.is-white .ava-mm__chip {
    background: var(--mm-red);
}

.ava-mm__card.is-white .ava-mm__chip {
    margin-left: 5px;
    font-size: 8px;
}

.ava-mm__card.is-white .ava-mm__card-title {
    margin-top: 8px;
}

.ava-mm__card.is-white .ava-mm__card-copy {
    margin-top: 12px;
}

.ava-mm__card-title {
    display: block;
    margin-top: 10px;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
}

.ava-mm--about .ava-mm__card-title {
    margin-top: 19px;
}

.ava-mm__card-copy {
    display: block;
    margin-top: 14px;
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
}

.ava-mm--about .ava-mm__card-copy {
    margin-top: 18px;
}

.ava-mm__card.is-white .ava-mm__card-copy {
    color: #505050;
}

.ava-mm__card-cta {
    display: block;
    margin-top: auto;
    padding-top: 12px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* rewards panel: dark, rings bottom-right, white text, muted subs */

.ava-mm--rewards {
    color: #ffffff;
}

.ava-mm--rewards::before {
    content: "";
    position: absolute;
    top: -26px;
    bottom: -24px;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: #151515;
    z-index: 0;
}

.ava-mm--rewards .ava-mm__link,
.ava-mm--rewards .ava-mm__link-title {
    color: #ffffff !important;
}

.ava-mm--rewards .ava-mm__link:hover,
.ava-mm--rewards .ava-mm__link:focus-visible {
    color: var(--mm-red) !important;
}

.ava-mm__rings {
    position: absolute;
    z-index: 0;
    left: 830px;
    top: 114px;
    width: 400px;
    height: 400px;
    fill: none;
    stroke: #505050;
    stroke-width: 5;
    pointer-events: none;
}

/* narrower desktops keep the proportions */

@media (max-width: 1340px) {
    .ava-mm {
        padding-left: 32px;
        padding-right: 32px;
    }
    .ava-mm--rewards::before {
        top: -26px;
    }
    .ava-mm__split {
        grid-template-columns: 1fr 1fr;
    }
    .ava-mm__rings {
        left: auto;
        right: 260px;
    }
}

/* ---------- mobile variant of a panel (inside the drawer accordions; frames 1:21463 … 1:21993) ---------- */

.ava-mm--mobile {
    display: block;
    max-width: 323px;
    margin: 0;
    padding: 0;
}

.ava-mm--mobile::before {
    display: none;
}

.ava-mm--mobile .ava-mm__col {
    padding: 0;
    margin-top: 9px;
    z-index: 1;
}

.ava-mm--mobile.ava-mm--shop .ava-mm__col {
    margin-top: 16px;
}

.ava-mm--mobile.ava-mm--shop .ava-mm__col:nth-of-type(3) {
    margin-top: 14px;
}

.ava-mm--mobile.ava-mm--delivery .ava-mm__col:nth-of-type(3) {
    margin-top: 15px;
}

.ava-mm--mobile.ava-mm--rewards .ava-mm__col {
    margin-top: 6px;
}

.ava-mm--mobile .ava-mm__deals .ava-mm__eyebrow {
    margin-bottom: 13px;
}

.ava-mm--mobile .ava-mm__more--card {
    margin-top: auto;
}

.ava-mm--mobile .ava-mm__col:first-of-type {
    margin-top: 0;
}

.ava-mm--mobile .ava-mm__col--card {
    margin-top: 14px;
}

.ava-mm--mobile .ava-mm__split {
    grid-template-columns: 1fr 1fr;
}

.ava-mm--mobile .ava-mm__more {
    margin-top: 10px;
    padding-top: 0;
}

.ava-mm--mobile .ava-mm__col--new .ava-mm__link-title,
.ava-mm--mobile .ava-mm__col--new .ava-mm__link-sub {
    max-width: none;
    line-height: 20px;
}

.ava-mm--mobile .ava-mm__col--new .ava-mm__link-sub {
    line-height: 15px;
}

/* category cards 2 × n, 156 × 51, gap 12 */
.ava-mm__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 12px;
    margin-top: 8px !important;
}

.ava-mm__cardlink {
    display: flex;
    align-items: center;
    height: 51px;
    padding: 0 16px;
    border: 1px solid #DCD8CA;
    border-radius: 8px;
    background: #ffffff;
    color: #151515 !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none !important;
}

.ava-mm__cardlink:hover,
.ava-mm__cardlink:focus-visible {
    border-color: #151515;
    outline: none;
}

/* pills 29 tall, 11 px / 500, padding 14, gap 8 / 10 */
.ava-mm__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin-top: 6px !important;
}

.ava-mm__pills--q {
    margin-top: 10px !important;
}

.ava-mm__pills--hoods {
    row-gap: 0;
}

.ava-mm__pills--hoods > li {
    margin-bottom: 8px !important;
}

.ava-mm__pills--hoods > li.ava-mm__pills-break {
    flex-basis: 100%;
    height: 0;
    margin: 0 !important;
}

.ava-mm__pill {
    display: inline-flex;
    align-items: center;
    height: 29px;
    padding: 0 14px;
    border: 1px solid #DCD8CA;
    border-radius: 999px;
    background: #ffffff;
    color: #151515 !important;
    font-size: 11px;
    font-weight: 500;
    line-height: 27px;
    white-space: nowrap;
    text-decoration: none !important;
}

.ava-mm__pill--red {
    color: #FF4438 !important;
}

.ava-mm__pill:hover,
.ava-mm__pill:focus-visible {
    border-color: #151515;
    outline: none;
}

.ava-mm--mobile .ava-mm__deals {
    max-width: 320px;
    min-height: 285px;
}

.ava-mm--mobile .ava-mm__list--hours {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 0;
}

.ava-mm--mobile.ava-mm--rewards .ava-mm__link-sub {
    font-size: 12px;
}

.ava-mm--mobile.ava-mm--rewards .ava-mm__col--benefits .ava-mm__link,
.ava-mm--mobile.ava-mm--rewards .ava-mm__col:nth-of-type(2) .ava-mm__link {
    padding: 9px 0 10px;
}

.ava-mm--mobile .ava-mm__rings {
    left: auto;
    right: -220px;
    top: 136px;
}

/* ---------- mobile header (HFE header 41 mobile row): 55 tall, hamburger 20 × 14 at x 20, logo 36 tall, search 18, cart 22 ---------- */

body .elementor-41 .elementor-element.elementor-element-17c4dd7 {
    min-height: 55px;
    --padding-top: 0;
    --padding-bottom: 0;
    --padding-left: 20px;
    --padding-right: 17px;
    padding: 0 17px 0 20px;
    --align-items: center;
    align-items: center;
    --gap: 0;
    gap: 0;
}

body .elementor-41 .elementor-element-17c4dd7 .elementor-widget,
body .elementor-41 .elementor-element-17c4dd7 .elementor-widget-container {
    margin: 0;
    padding: 0;
    line-height: 0;
}

body .elementor-41 .elementor-element.elementor-element-17c4dd7 > .e-con-inner,
body .elementor-41 .elementor-element.elementor-element-17c4dd7 {
    height: 55px;
}

body .elementor-41 .elementor-element.elementor-element-7bcf2dc,
body .elementor-41 .elementor-element.elementor-element-430d1a5,
body .elementor-41 .elementor-element.elementor-element-493da55 {
    --padding-top: 0;
    --padding-right: 0;
    --padding-bottom: 0;
    --padding-left: 0;
    padding: 0;
    --flex-direction: row;
    flex-direction: row;
    --flex-wrap: nowrap;
    flex-wrap: nowrap;
}

body .elementor-41 .elementor-element.elementor-element-7bcf2dc {
    --width: 78px;
    width: 78px;
    flex: 0 0 78px;
    --justify-content: flex-start;
    justify-content: flex-start;
}

body .elementor-41 .elementor-element.elementor-element-493da55 {
    --width: auto;
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
    --justify-content: center;
    justify-content: center;
    --align-items: center;
    align-items: center;
}

body .elementor-41 .elementor-element-af9a256 .hfe-site-logo-container {
    line-height: 0;
    text-align: center;
}

body .elementor-41 .elementor-element-af9a256 .hfe-site-logo-container .hfe-site-logo-img {
    width: auto;
    height: 36px;
    max-width: none;
}

body .elementor-41 .elementor-element.elementor-element-430d1a5 {
    --width: 78px;
    width: 78px;
    flex: 0 0 78px;
    --justify-content: flex-end;
    justify-content: flex-end;
    --gap: 0;
    gap: 0;
    --align-items: center;
    align-items: center;
}

body .elementor-41 .elementor-element-9655c4a .hfe-search-button-wrapper,
body .elementor-41 .elementor-element-9655c4a .hfe-search-icon-toggle,
body .elementor-41 .elementor-element-9655c4a .hfe-search-icon-toggle i.fa-search {
    width: 18px;
    height: 18px;
    line-height: 18px;
}

body .elementor-41 .elementor-element.elementor-element-27d2598 {
    margin-left: 21px;
}

.elementor-41 .elementor-element-27d2598 .hfe-cart-menu-wrap-default {
    width: 22px;
    height: 24px;
}

.elementor-41 .elementor-element-27d2598 .hfe-cart-menu-wrap-default::before {
    width: 18px;
    height: 18px;
}

.elementor-41 .elementor-element-27d2598 .hfe-cart-menu-wrap-default .hfe-cart-count {
    min-width: 12px;
    height: 12px;
    padding: 0 3px;
    font-size: 8px;
    line-height: 12px;
}

/* hamburger: 20 × 14 glyph at x 20 inside a 44 px tap target */
.ava-mnav__toggle {
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0 0 0 -12px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #DCD8CA;
    cursor: pointer;
}

.ava-mnav__toggle svg {
    width: 20px;
    height: 14px;
}

.ava-mnav__toggle:hover,
.ava-mnav__toggle:focus-visible {
    background: transparent;
    color: #ffffff;
    outline: none;
}

.ava-mnav__toggle:focus-visible {
    box-shadow: 0 0 0 2px #FF4438;
}

/* ---------- drawer (frame 1:21400: bar 72, status 40, rows 56, license 38, CTA 65) ---------- */

html.ava-mnav-open,
html.ava-mnav-open body {
    overflow: hidden;
}

.ava-mnav {
    position: fixed;
    inset: 0;
    z-index: 100002;
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #ffffff;
    font-family: 'Krub', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #151515;
    box-sizing: border-box;
}

.ava-mnav[hidden] {
    display: none;
}

.ava-mnav *,
.ava-mnav *::before,
.ava-mnav *::after {
    box-sizing: border-box;
}

.ava-mnav__bar {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    height: 72px;
    padding: 0 23px 0 20px;
    border-bottom: 1px solid #DCD8CA;
    background: #EDEBE1;
}

.ava-mnav__close,
.ava-mnav__tool {
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #151515;
    cursor: pointer;
    text-decoration: none;
}

.ava-mnav__close {
    margin-left: -2px;
}

.ava-mnav__close svg {
    width: 14px;
    height: 14px;
}

.ava-mnav__close:hover,
.ava-mnav__close:focus-visible,
.ava-mnav__tool:hover,
.ava-mnav__tool:focus-visible {
    background: transparent;
    color: #FF4438;
    outline: none;
}

.ava-mnav__close:focus-visible,
.ava-mnav__tool:focus-visible {
    box-shadow: 0 0 0 2px #151515;
}

.ava-mnav__logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    line-height: 0;
}

.ava-mnav__logo img {
    height: 40px;
    width: auto;
}

.ava-mnav__logo-text {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.ava-mnav__tools {
    display: flex;
    align-items: center;
    gap: 13px;
}

.ava-mnav__tool svg {
    width: 18px;
    height: 18px;
}

.ava-mnav__cart {
    position: relative;
    width: 19px;
    height: 24px;
}

.ava-mnav__cart svg {
    width: 19px;
    height: 19px;
    margin-top: 3px;
}

.ava-mnav__cart .ava-cart-count {
    position: absolute;
    top: -2px;
    right: -6px;
    min-width: 12px;
    height: 12px;
    padding: 0 3px;
    border-radius: 999px;
    background: #FF4438;
    color: #ffffff;
    font-size: 8px;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
}

.ava-mnav__cart .ava-cart-count[data-count="0"] {
    display: none;
}

.ava-mnav__status {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    height: 40px;
    padding: 0 20px;
    background: #EDEBE1;
    font-size: 13px;
    line-height: 1;
    color: #6B685E;
}

.ava-mnav__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FF4438;
}

.ava-mnav__status.is-open .ava-mnav__dot {
    background: #2EA85D;
}

.ava-mnav__body {
    flex: 1 0 auto;
}

.ava-mnav[data-view="search"] .ava-mnav__status,
.ava-mnav__body[hidden],
.ava-mnav__search[hidden],
.ava-mnav__panel[hidden],
.ava-mnav__recent[hidden],
.ava-mnav__results[hidden],
.ava-mnav__popular[hidden] {
    display: none;
}

.ava-mnav__item {
    border-bottom: 1px solid #DCD8CA;
}

.ava-mnav__row {
    -webkit-appearance: none;
    appearance: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 55px;
    padding: 0 20px;
    border: 0;
    border-radius: 0;
    background: #ffffff;
    color: #151515;
    font-family: inherit;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: left;
    cursor: pointer;
}

.ava-mnav__row:hover,
.ava-mnav__row:focus-visible {
    background: #ffffff;
    color: #151515;
    outline: none;
}

.ava-mnav__row:focus-visible {
    box-shadow: inset 0 0 0 2px #FF4438;
}

.ava-mnav__row svg {
    width: 16px;
    height: 16px;
    transition: transform 0.2s ease;
}

.ava-mnav__row[aria-expanded="true"] {
    color: #FF4438;
}

.ava-mnav__row[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.ava-mnav__panel {
    position: relative;
    overflow: hidden;
    padding: 16px 20px 16px;
    background: #EDEBE1;
    border-top: 1px solid #DCD8CA;
}

#ava-mnav-panel-shop {
    padding-bottom: 10px;
}

#ava-mnav-panel-rewards {
    padding: 14px 20px 8px;
    background: #151515;
    border-top-color: #151515;
}

#ava-mnav-panel-about {
    padding-bottom: 20px;
}

.ava-mnav__footer {
    flex-shrink: 0;
    margin-top: auto;
}

.ava-mnav__license {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    height: 38px;
    padding: 0 20px;
    background: #151515;
    color: #ffffff;
    font-size: 12px;
    line-height: 1;
}

.ava-mnav__license strong {
    font-weight: 700;
}

.ava-mnav__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    background: #FF4438;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none !important;
}

.ava-mnav__cta:hover,
.ava-mnav__cta:focus-visible {
    background: #151515;
    outline: none;
}

/* ---------- search view (1:30249) ---------- */

.ava-mnav__search {
    flex: 1 0 auto;
    padding: 16px 20px 20px;
    background: #ffffff;
}

.ava-mnav__search-form {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 21px;
}

.ava-mnav__search-field {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    height: 42px;
    padding: 0 12px 0 14px;
    border: 1.5px solid #FF4438;
    border-radius: 8px;
    background: #ffffff;
    color: #6B685E;
}

.ava-mnav__search-field svg {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    color: #151515;
}

.ava-mnav__search-field::after {
    content: "";
    width: 2px;
    height: 30px;
    margin: 0 10px;
    background: #FF4438;
    order: 1;
}

.ava-mnav__search-field input {
    order: 2;
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: inherit;
    font-size: 13px;
    color: #151515;
}

.ava-mnav__search-field input:focus {
    outline: none;
}

.ava-mnav__search-field input::placeholder {
    color: #807D75;
}

.ava-mnav__cancel {
    -webkit-appearance: none;
    appearance: none;
    flex-shrink: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #FF4438;
    font-family: inherit;
    font-size: 19px;
    font-weight: 500;
    cursor: pointer;
}

.ava-mnav__cancel:hover,
.ava-mnav__cancel:focus-visible {
    background: transparent;
    color: #151515;
    outline: none;
    text-decoration: underline;
}

.ava-mnav__eyebrow {
    margin: 0 0 11px;
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #A09E98;
}

.ava-mnav__popular .ava-mnav__eyebrow,
.ava-mnav__results .ava-mnav__eyebrow {
    margin-bottom: 12px;
    color: #807D75;
}

.ava-mnav__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 10px;
    margin-bottom: 22px;
}

.ava-mnav__chip {
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 32px;
    padding: 0 12px 0 14px;
    border: 1px solid #DBD9C9;
    border-radius: 999px;
    background: #ffffff;
    color: #151515;
    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}

.ava-mnav__chip:hover,
.ava-mnav__chip:focus-visible {
    border-color: #151515;
    background: #ffffff;
    color: #151515;
    outline: none;
}

.ava-mnav__chip-x {
    display: inline-flex;
    color: #6D6D6D;
}

.ava-mnav__chip-x svg {
    width: 10px;
    height: 10px;
}

.ava-mnav__popular li,
.ava-mnav__results li {
    border-bottom: 1px solid #DBD9C9;
}

.ava-mnav__popular a,
.ava-mnav__results a {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 47px;
    padding: 0;
    color: #151515 !important;
    font-size: 15px;
    line-height: 1;
    text-decoration: none !important;
}

.ava-mnav__results a {
    height: auto;
    min-height: 56px;
    padding: 6px 0;
}

.ava-mnav__popular a svg {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    color: #FF4438;
}

.ava-mnav__popular a:hover,
.ava-mnav__popular a:focus-visible,
.ava-mnav__results a:hover,
.ava-mnav__results a:focus-visible {
    color: #FF4438 !important;
    outline: none;
}

.ava-mnav__results img,
.ava-mnav__thumb {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 6px;
    object-fit: cover;
    background: #E7DDC6;
}

.ava-mnav__rname {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.25;
}

.ava-mnav__rprice {
    display: block;
    margin-top: 2px;
    font-size: 13px;
    color: #6B685E;
}

.ava-mnav__all {
    display: inline-block;
    margin-top: 14px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #151515 !important;
    text-decoration: none !important;
}

.ava-mnav__none {
    margin: 4px 0 16px;
    font-size: 15px;
    color: #6B685E;
}

@media (min-width: 1025px) {
    .ava-mnav__toggle,
    .ava-mnav {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ava-mm__card,
    .ava-mnav__row svg {
        transition: none;
    }
}

/* ---------- kit resets ----------
   Elementor's theme style (.elementor-kit-7 button, button:hover, button:focus) paints every <button> red with
   white uppercase text and a 4px radius (A1 globals). The drawer's controls are not CTAs: reset them at (0,3,1)+. */

.ava-mnav.ava-mnav button.ava-mnav__row,
.ava-mnav.ava-mnav button.ava-mnav__row:hover,
.ava-mnav.ava-mnav button.ava-mnav__row:focus,
.ava-mnav.ava-mnav button.ava-mnav__row:active {
    background: #ffffff;
    color: #151515;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0 20px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    line-height: 1;
}

.ava-mnav.ava-mnav button.ava-mnav__row:focus-visible {
    box-shadow: inset 0 0 0 2px #FF4438;
}

.ava-mnav.ava-mnav button.ava-mnav__row[aria-expanded="true"],
.ava-mnav.ava-mnav button.ava-mnav__row[aria-expanded="true"]:hover,
.ava-mnav.ava-mnav button.ava-mnav__row[aria-expanded="true"]:focus {
    background: #ffffff;
    color: #FF4438;
}

.ava-mnav.ava-mnav button.ava-mnav__close,
.ava-mnav.ava-mnav button.ava-mnav__tool,
.ava-mnav.ava-mnav button.ava-mnav__close:hover,
.ava-mnav.ava-mnav button.ava-mnav__tool:hover,
.ava-mnav.ava-mnav button.ava-mnav__close:focus,
.ava-mnav.ava-mnav button.ava-mnav__tool:focus,
.ava-mnav.ava-mnav button.ava-mnav__close:active,
.ava-mnav.ava-mnav button.ava-mnav__tool:active {
    background: transparent;
    color: #151515;
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    padding: 0;
    width: 24px;
    height: 24px;
    letter-spacing: 0;
    text-transform: none;
}

.ava-mnav.ava-mnav button.ava-mnav__tool:hover {
    color: #FF4438;
}

.ava-mnav.ava-mnav button.ava-mnav__close:hover,
.ava-mnav.ava-mnav button.ava-mnav__close:focus,
.ava-mnav.ava-mnav button.ava-mnav__close:focus-visible {
    color: #151515;
}

.ava-mnav.ava-mnav button.ava-mnav__close:focus-visible,
.ava-mnav.ava-mnav button.ava-mnav__tool:focus-visible {
    box-shadow: 0 0 0 2px #151515;
}

.ava-mnav.ava-mnav button.ava-mnav__tool[aria-expanded="true"] {
    color: #FF4438;
}

.ava-mnav.ava-mnav button.ava-mnav__cancel,
.ava-mnav.ava-mnav button.ava-mnav__cancel:hover,
.ava-mnav.ava-mnav button.ava-mnav__cancel:focus,
.ava-mnav.ava-mnav button.ava-mnav__cancel:active {
    background: transparent;
    color: #FF4438;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1;
}

.ava-mnav.ava-mnav button.ava-mnav__cancel:hover,
.ava-mnav.ava-mnav button.ava-mnav__cancel:focus-visible {
    color: #151515;
    text-decoration: underline;
}

.ava-mnav.ava-mnav button.ava-mnav__chip,
.ava-mnav.ava-mnav button.ava-mnav__chip:hover,
.ava-mnav.ava-mnav button.ava-mnav__chip:focus,
.ava-mnav.ava-mnav button.ava-mnav__chip:active {
    background: #ffffff;
    color: #151515;
    border: 1px solid #DBD9C9;
    border-radius: 999px;
    box-shadow: none;
    padding: 0 12px 0 14px;
    height: 32px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1;
}

.ava-mnav.ava-mnav button.ava-mnav__chip:hover,
.ava-mnav.ava-mnav button.ava-mnav__chip:focus-visible {
    border-color: #151515;
}

button.ava-mnav__toggle.ava-mnav__toggle,
button.ava-mnav__toggle.ava-mnav__toggle:hover,
button.ava-mnav__toggle.ava-mnav__toggle:focus,
button.ava-mnav__toggle.ava-mnav__toggle:active {
    background: transparent;
    color: #DCD8CA;
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    padding: 0;
    width: 44px;
    height: 44px;
}

button.ava-mnav__toggle.ava-mnav__toggle:hover,
button.ava-mnav__toggle.ava-mnav__toggle:focus-visible {
    color: #ffffff;
}

button.ava-mnav__toggle.ava-mnav__toggle:focus-visible {
    box-shadow: 0 0 0 2px #FF4438;
}

/* dropdown carets stay hidden on desktop (Lane A) */
@media (min-width: 1025px) {
    body .elementor-widget-n-menu .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-dropdown-icon,
    body .elementor-widget-mega-menu .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-dropdown-icon {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
    .elementor-widget-mega-menu .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title {
        position: relative;
    }
    body .elementor-widget-n-menu .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-dropdown-icon:focus-visible,
    body .elementor-widget-mega-menu .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-dropdown-icon:focus-visible {
        position: static;
        width: auto;
        height: auto;
        margin: 0 0 0 4px;
        clip: auto;
        overflow: visible;
    }
}

/* ==========================================================================
   >>> Lane V1 - Figma MCP token pass (27 Sep 2026)
   Every value below comes from get_design_context on the node named in the comment (fileKey JG57QVYqQd9c4YxrkWxUic).
   It supersedes the PNG-measured Lane G numbers above wherever they differ (qa/laneV1/tokens-chrome.md lists each delta).
   Line heights are Figma's rendered line boxes: Figma rounds size x line-height per line (16 x 1.55 = 24.8 -> 25,
   13 x 1.35 -> 18, 12 x 1.2 -> 14, 13 x 1.2 -> 16, 15 x 1.55 -> 23, 11 x 1.2 -> 13), so the px values reproduce the frame geometry.
   ========================================================================== */

/* announcement 1:20703 - 12 px / 600 / 0.96 px (0.08 em) on the 44 px bar */
body .elementor-41 .elementor-element-2d61114 .ava-bar {
    font-size: 12px;
    letter-spacing: 0.08em;
}

/* header 1:20705 - 92 tall incl. a 3 px white bottom stroke (inside: the row still centres on y 90) */
body .elementor-41 .elementor-element.elementor-element-097cfb6 {
    box-shadow: inset 0 -3px 0 #FFFFFF;
}

body .elementor-41 .elementor-element.elementor-element-a3024bd {
    min-height: 92px;
}

body .elementor-41 .elementor-element.elementor-element-51aec4b {
    --width: 111.17px;
    width: 111.17px;
    flex: 0 0 111.17px;
}

/* logo 1:20707 - 63.17 x 53.97 */
body .elementor-41 .elementor-element-c60c944 .hfe-site-logo-container .hfe-site-logo-img {
    width: 63.17px;
    height: 53.97px;
}

/* nav 1:20726 - 15 px / 600 / line 1 / 0.3 px, gap 34 */
body .elementor-41 .elementor-element-3fdc034 .e-n-menu-heading {
    --n-menu-heading-space-between: 34px;
    gap: 34px;
    height: 92px;
}

body .elementor-41 .elementor-element-3fdc034 .e-n-menu-heading > .e-n-menu-item,
body .elementor-41 .elementor-element-3fdc034 .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title {
    height: 92px;
}

body .elementor-41 .elementor-element-3fdc034 .e-n-menu-title-text {
    letter-spacing: 0.3px;
}

/* SHOP THE MENU 1:20733 - 172 x 45, radius 3, padding 15 26, 15 px / 600 / line 1 / 0.3 px */
body .elementor-41 .elementor-element.elementor-element-439fa0a a.elementor-button,
body .elementor-41 .elementor-element.elementor-element-439fa0a a.elementor-button:hover,
body .elementor-41 .elementor-element.elementor-element-439fa0a a.elementor-button:focus {
    height: 45px;
    padding: 0 26px;
    border-radius: 3px;
    font-size: 15px;
    line-height: 45px;
    letter-spacing: 0.3px;
}

body .elementor-41 .elementor-element.elementor-element-439fa0a a.elementor-button .elementor-button-text,
body .elementor-41 .elementor-element.elementor-element-439fa0a a.elementor-button .elementor-button-content-wrapper {
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0.3px;
}

/* actions 1:20732 - gap 12: button 1076-1248, search box 1260-1304 (glyph from 1270), cart box 1316-1360 */
body .elementor-41 .elementor-element.elementor-element-b1435c9 {
    margin-left: 20px;
}

/* cart badge 1:20745 - 14 x 14, digit 9 px / 600 / 0.72 px */
.elementor-41 .elementor-element-ceeb7bf .hfe-cart-menu-wrap-default .hfe-cart-count {
    min-width: 14px !important;
    height: 14px !important;
    max-height: 14px !important;
    padding: 0 3px !important;
    font-size: 9px;
    font-weight: 600;
    line-height: 14px !important;
    letter-spacing: 0.72px;
}

/* ---------- desktop panels (1:20748 shop / 1:20861 rewards / 1:21139 delivery / 1:20948 learn / 1:21329 about) ---------- */

.elementor-41 .elementor-widget-mega-menu .e-n-menu-content {
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.08);
}

.elementor-41 .elementor-widget-mega-menu .e-n-menu-content:has(.ava-mm--rewards) {
    box-shadow: none;
}

/* shop / rewards: 325 tall, padding 24; delivery / learn / about: padding-top 28, the 277 row ends 20 above the edge */
.ava-mm {
    padding-top: 24px;
    padding-bottom: 24px;
}

.ava-mm--delivery,
.ava-mm--learn,
.ava-mm--about {
    padding-top: 28px;
    padding-bottom: 20px;
}

/* the dark full-bleed layer covers the panel box only (Lane G's -26 px top painted over the header's bottom and its white stroke) */
.ava-mm--rewards::before {
    top: 0;
    bottom: 0;
}

.ava-mm__col,
.ava-mm--learn .ava-mm__col:not(.ava-mm__col--card),
.ava-mm--delivery .ava-mm__col:not(.ava-mm__col--card),
.ava-mm--about .ava-mm__col:not(.ava-mm__col--card) {
    padding: 0 24px 0 0;
}

.ava-mm__col--card {
    padding: 0;
}

/* eyebrows: shop 12 / 600 / 0.12 px - rewards + deals card 12 / 600 / 0.24 px - delivery / learn / about 13 / 600 / 0.26 px
   (learn NEW + about AT THE SHOP 12 / 0.12 px); 14 px to the list (about 16) */
.ava-mm__eyebrow {
    margin: 0 0 14px;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.12px;
}

.ava-mm--rewards .ava-mm__eyebrow,
.ava-mm__deals .ava-mm__eyebrow,
.ava-mm--mobile.ava-mm--shop .ava-mm__eyebrow {
    letter-spacing: 0.24px;
}

.ava-mm--delivery .ava-mm__eyebrow,
.ava-mm--learn .ava-mm__eyebrow,
.ava-mm--about .ava-mm__eyebrow {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.26px;
}

.ava-mm--about .ava-mm__eyebrow {
    margin-bottom: 16px;
}

.ava-mm--learn .ava-mm__col--new .ava-mm__eyebrow,
.ava-mm--about .ava-mm__col--events .ava-mm__eyebrow {
    margin-bottom: 14px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.12px;
}

/* lists: rows are the text boxes, 12 px apart (about 14, connect + socials 10) */
.ava-mm .ava-mm__list,
.ava-mm .ava-mm__steps {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
}

.ava-mm--about .ava-mm__list {
    gap: 14px;
}

.ava-mm--about .ava-mm__col--connect .ava-mm__list {
    gap: 10px;
}

.ava-mm .ava-mm__link,
.ava-mm--about .ava-mm__list--rich .ava-mm__link,
.ava-mm .ava-mm__deals .ava-mm__link,
.ava-mm .ava-mm__list--socials .ava-mm__link,
.ava-mm .ava-mm__list--socials li:last-child .ava-mm__link,
.ava-mm .ava-mm__link--lead {
    padding: 0;
}

.ava-mm .ava-mm__list--plain li,
.ava-mm .ava-mm__steps li {
    padding: 0 !important;
}

/* link title 16 / 600 / 25 - sub 13 / 400 / 18, 2 px apart */
.ava-mm__link-title {
    font-weight: 600;
    line-height: 25px;
}

.ava-mm__link-sub {
    margin-top: 2px;
    line-height: 18px;
}

.ava-mm__deals .ava-mm__link-sub {
    color: #ffffff;
}

/* delivery: the lead link, then the steps (22 px red circles, digit 12 / 600), 12 apart */
.ava-mm .ava-mm__link--lead {
    margin-bottom: 12px;
}

.ava-mm__step-n {
    font-size: 12px;
    font-weight: 600;
}

/* "more" links 16 / 600 / 25 red - bottom-aligned in shop / rewards / about, in flow in delivery (12) and learn (43 / 14) */
.ava-mm__more,
.ava-mm__more + .ava-mm__more,
.ava-mm__more--caps {
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0;
}

.ava-mm__more--caps {
    text-transform: uppercase;
}

.ava-mm--delivery .ava-mm__more,
.ava-mm--delivery .ava-mm__more + .ava-mm__more {
    padding: 0;
    margin-top: 12px;
}

.ava-mm--learn:not(.ava-mm--mobile) .ava-mm__col:nth-child(2) .ava-mm__more {
    margin-top: 43px;
}

.ava-mm--learn .ava-mm__col--new .ava-mm__list {
    gap: 14px;
}

.ava-mm--learn:not(.ava-mm--mobile) .ava-mm__col--new .ava-mm__more {
    margin-top: 14px;
}

.ava-mm__col--new .ava-mm__link-title {
    line-height: 25px;
}

/* about CONNECT 1:21361: Connect on top, FOLLOW US ON SOCIALS pinned to the bottom of the 278 column */
.ava-mm--about:not(.ava-mm--mobile) .ava-mm__col--connect .ava-mm__eyebrow--gap {
    margin-top: auto;
}

/* SHOP deals card 1:20799 - 284 x 277, radius 16, padding 15 (its 1.5 px red stroke is the fill colour) */
.ava-mm__deals {
    min-height: 277px;
    padding: 15px;
    border-radius: 16px;
}

.ava-mm__deals .ava-mm__eyebrow {
    margin-bottom: 14px;
}

.ava-mm__more--card {
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
}

/* promo cards 1:20894 / 1:21193 / 1:21002 / 1:21392 - radius 16, padding 15, media 75 radius 10, 12 apart (rewards 10) */
.ava-mm__card,
.ava-mm--shop .ava-mm__card,
.ava-mm--rewards .ava-mm__card {
    min-height: 277px;
    border-radius: 16px;
}

.ava-mm__card-media {
    margin-bottom: 12px;
    border-radius: 10px;
}

.ava-mm__chip,
.ava-mm__card.is-white .ava-mm__chip {
    height: 22px;
    margin-left: 0;
    padding: 5px 12px;
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    letter-spacing: 0.1px;
}

.ava-mm__card-title,
.ava-mm__card.is-white .ava-mm__card-title,
.ava-mm--about .ava-mm__card-title {
    margin-top: 12px;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
}

.ava-mm__card-copy,
.ava-mm__card.is-white .ava-mm__card-copy,
.ava-mm--about .ava-mm__card-copy {
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
}

.ava-mm__card-cta {
    padding-top: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 13px;
    letter-spacing: 0.26px;
}

/* rewards card (white): 10 px gaps, ink #151515 */
.ava-mm__card.is-white .ava-mm__card-media {
    margin-bottom: 10px;
}

.ava-mm__card.is-white .ava-mm__card-title,
.ava-mm__card.is-white .ava-mm__card-copy {
    margin-top: 10px;
}

.ava-mm__card.is-white .ava-mm__card-copy {
    color: #151515;
}

/* about card 1:21392: the five blocks are spread over the card (justify-between) */
.ava-mm--about .ava-mm__card {
    justify-content: space-between;
}

.ava-mm--about .ava-mm__card-media,
.ava-mm--about .ava-mm__card-title,
.ava-mm--about .ava-mm__card-copy,
.ava-mm--about .ava-mm__card-cta {
    margin: 0;
}

/* ---------- mobile header (about-mobile S1 Header 1:20324): 56 tall incl. a 1 px white bottom stroke ---------- */

body .elementor-41 .elementor-element.elementor-element-17c4dd7,
body .elementor-41 .elementor-element.elementor-element-17c4dd7 > .e-con-inner {
    min-height: 56px;
    height: 56px;
}

body .elementor-41 .elementor-element.elementor-element-17c4dd7 {
    box-shadow: inset 0 -1px 0 #FFFFFF;
}

/* cart badge 1:20356 - 14 x 14, 9 px / 600 / 0.72 px */
.elementor-41 .elementor-element-27d2598 .hfe-cart-menu-wrap-default .hfe-cart-count {
    min-width: 14px !important;
    height: 14px !important;
    max-height: 14px !important;
    padding: 0 3px !important;
    font-size: 9px;
    font-weight: 600;
    line-height: 14px !important;
    letter-spacing: 0.72px;
}

/* ---------- drawer (1:21400) ---------- */

/* the 72 px bar carries a 1 px #DCD8CA stroke on every side (inside in Figma): padding 19 / 22 keeps the x at 23, search at 299, cart at 333 */
.ava-mnav__bar {
    padding: 0 22px 0 19px;
    border: 1px solid #DCD8CA;
}

/* status strip 1:21432 - padding 10 20, gap 8, 9 px dot, 13 / 400 / 20 */
.ava-mnav__status {
    gap: 8px;
    height: 40px;
    padding: 10px 20px;
    line-height: 20px;
}

.ava-mnav__dot {
    flex-shrink: 0;
    width: 9px;
    height: 9px;
}

/* the address is its own flex item: take the 8 px gap back to one space ("11 PM · 1280 1st Ave" is one text run in 1:21497) */
.ava-mnav__addr {
    margin-left: -4.6px;
}

/* rows 1:21437 - 18 / 700 / 22, padding 17 20, 1 px #DCD8CA under each row */
.ava-mnav.ava-mnav button.ava-mnav__row,
.ava-mnav.ava-mnav button.ava-mnav__row:hover,
.ava-mnav.ava-mnav button.ava-mnav__row:focus,
.ava-mnav.ava-mnav button.ava-mnav__row:active {
    line-height: 22px;
}

/* an open row has no rule after its panel (the next row follows the cream panel directly, 1:21463) */
.ava-mnav__item:has(> .ava-mnav__row[aria-expanded="true"]) {
    border-bottom: 0;
}

/* license 1:21458 - 12 / 18, padding 10 20 - CTA 1:21461 - 65 tall, 14 px / 600 / 0.14 px */
.ava-mnav__license {
    padding: 10px 20px;
    line-height: 18px;
}

.ava-mnav__cta {
    font-size: 14px;
    letter-spacing: 0.14px;
}

/* panels: shop 16 20 18 (1:21503) - delivery / rewards / learn / about 14 20 16 (1:21850 / 1:21759 / 1:21654 / 1:22049) */
.ava-mnav__panel,
#ava-mnav-panel-shop {
    padding: 16px 20px 18px;
}

#ava-mnav-panel-delivery,
#ava-mnav-panel-rewards,
#ava-mnav-panel-learn,
#ava-mnav-panel-about {
    padding: 14px 20px 16px;
}

.ava-mm.ava-mm--mobile,
.ava-mm--delivery.ava-mm--mobile,
.ava-mm--learn.ava-mm--mobile,
.ava-mm--about.ava-mm--mobile {
    max-width: 335px;
    padding: 0;
}

/* blocks 14 apart everywhere */
.ava-mm--mobile .ava-mm__col,
.ava-mm--mobile.ava-mm--shop .ava-mm__col,
.ava-mm--mobile.ava-mm--shop .ava-mm__col:nth-of-type(3),
.ava-mm--mobile.ava-mm--delivery .ava-mm__col:nth-of-type(3),
.ava-mm--mobile.ava-mm--rewards .ava-mm__col,
.ava-mm--mobile .ava-mm__col--card {
    margin-top: 14px;
    padding: 0;
}

.ava-mm--mobile .ava-mm__col:first-of-type {
    margin-top: 0;
}

.ava-mm--mobile .ava-mm__deals .ava-mm__eyebrow {
    margin-bottom: 14px;
}

/* "more" links follow their list by 14 (learn QUICK ANSWERS / NEW), about AT THE SHOP by 16 */
.ava-mm--mobile .ava-mm__more:not(.ava-mm__more--card) {
    margin-top: 14px;
    padding: 0;
}

.ava-mm--mobile.ava-mm--about .ava-mm__col--events .ava-mm__more {
    margin-top: 16px;
}

/* SHOP deals card 1:21559 is justify-between: All deals sits on the card's bottom padding */
.ava-mm.ava-mm--mobile .ava-mm__more--card {
    margin-top: auto;
}

.ava-mm--mobile .ava-mm__col--new .ava-mm__link-title {
    line-height: 25px;
}

.ava-mm--mobile .ava-mm__col--new .ava-mm__link-sub {
    line-height: 18px;
}

/* SHOP category tiles 1:21507 - 157 x 53, radius 10, padding 15 16, 15 / 600 / 23, 10 apart */
.ava-mm--mobile .ava-mm__cards {
    grid-template-columns: repeat(2, 157px);
    gap: 10px;
    margin-top: 0 !important;
}

.ava-mm__cardlink {
    height: 53px;
    padding: 0 15px;
    border-radius: 10px;
    font-weight: 600;
    line-height: 23px;
}

/* pills 1:21530 - 29 tall, padding 8 14 (1 px stroke inside), 11 / 600 / 13 / 0.11 px, 8 apart both ways */
.ava-mm__pills {
    gap: 8px;
    margin-top: 0 !important;
}

.ava-mm__pills--q {
    margin-top: 14px !important;
}

/* neighbourhood pills keep Lane G's forced break (li margins instead of row-gap); the last row's margin is taken back */
.ava-mm .ava-mm__pills--hoods {
    row-gap: 0;
    margin-bottom: -8px !important;
}

.ava-mm__pill {
    height: 29px;
    padding: 0 13px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: 0.11px;
}

/* SHOP deals card 1:21559 - 321 x 277, radius 16 */
.ava-mm--mobile .ava-mm__deals {
    max-width: 321px;
    min-height: 277px;
}

/* REWARDS 1:21759 - every gap 14, subs 12 / 400 / 16 */
.ava-mm--mobile.ava-mm--rewards .ava-mm__list {
    gap: 14px;
}

.ava-mm--mobile.ava-mm--rewards .ava-mm__link-sub {
    line-height: 16px;
}

.ava-mm--mobile.ava-mm--rewards .ava-mm__col--benefits .ava-mm__link,
.ava-mm--mobile.ava-mm--rewards .ava-mm__col:nth-of-type(2) .ava-mm__link {
    padding: 0;
}

/* ABOUT 1:22049 - hours as a 147 / 174 grid with 14 px gaps; the mobile frame has no FOLLOW US block (D34) */
.ava-mm--mobile .ava-mm__list--hours {
    display: grid !important;
    grid-template-columns: 147px 174px;
    gap: 14px;
}

.ava-mm--mobile .ava-mm__eyebrow--gap,
.ava-mm--mobile .ava-mm__list--socials {
    display: none !important;
}

.ava-mm--mobile .ava-mm__col--events {
    max-width: 160px;
}

/* ---------- search view 1:30280 ---------- */

.ava-mnav__search {
    padding: 16px 20px 16px;
}

.ava-mnav__search-form {
    margin-bottom: 20px;
}

/* field 1:30282 - radius 10, padding 12 14 inside a 1.5 px inner stroke (CSS: 12.5 + 1.5), icon 18, 10 px, caret 2 x 18, 10 px, placeholder 14 / 400 #807D75 */
.ava-mnav__search-field {
    padding: 0 12.5px;
    border-radius: 10px;
}

.ava-mnav__search-field::after {
    height: 18px;
}

.ava-mnav__search-field input {
    font-size: 14px;
}

/* Cancel 1:30288 - 14 / 600 red */
.ava-mnav.ava-mnav button.ava-mnav__cancel,
.ava-mnav.ava-mnav button.ava-mnav__cancel:hover,
.ava-mnav.ava-mnav button.ava-mnav__cancel:focus,
.ava-mnav.ava-mnav button.ava-mnav__cancel:active {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

/* RECENT / POPULAR SEARCHES 1:30290 / 1:30305 - 11 / 600 / 0.44 px #807D75, 10 to the chips / rows */
.ava-mnav__eyebrow,
.ava-mnav__popular .ava-mnav__eyebrow,
.ava-mnav__results .ava-mnav__eyebrow {
    margin: 0 0 10px;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.44px;
    color: #807D75;
}

/* recent chips 1:30292 - 33 tall, padding 8 12 8 14 (stroke inside), radius 20, 13 / 600, x 11 px #807D75, 8 apart */
.ava-mnav__chips {
    gap: 8px;
    margin-bottom: 20px;
}

.ava-mnav.ava-mnav button.ava-mnav__chip,
.ava-mnav.ava-mnav button.ava-mnav__chip:hover,
.ava-mnav.ava-mnav button.ava-mnav__chip:focus,
.ava-mnav.ava-mnav button.ava-mnav__chip:active {
    gap: 8px;
    height: 33px;
    padding: 0 11px 0 13px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
}

.ava-mnav__chip-x {
    color: #807D75;
}

/* popular rows 1:30307 - 48 tall (padding 14, 15 / 400 / 20), icon 17, gap 12, a rule between rows (none after the last) */
.ava-mnav__popular li {
    border-bottom: 0;
    border-top: 1px solid #DBD9C9;
}

.ava-mnav__popular li:first-child {
    border-top: 0;
}

.ava-mnav__popular a {
    gap: 12px;
    height: 47px;
    line-height: 20px;
}

.ava-mnav__popular li:first-child a {
    height: 48px;
}

.ava-mnav__popular a svg {
    width: 17px;
    height: 17px;
}

/* REWARDS panels: Figma draws the brand contour vector (1:20893 desktop / 1:21761 mobile, 479.57 x 858.01, white at 25 %),
   the same asset as the home LOVE Club band - not concentric rings. The drawn rings stay in the markup, hidden. */
.ava-mm__rings {
    display: none;
}

.ava-mm--rewards:not(.ava-mm--mobile)::before {
    background: #151515 url("img/ava-contour.svg") no-repeat left calc(50vw + 198px) top -211px / 479.57px 858.01px;
}

#ava-mnav-panel-rewards {
    background: #151515 url("img/ava-contour.svg") no-repeat 169px -116px / 479.57px 858.01px;
}

/* D36 (1): the announcement bar renders wherever the mobile header is used (<= 1024: header 41 container f26217d no
   longer hidden on tablet / mobile); home-mobile 238:110569 - 28 tall, 10 / 600 / 12 / 0.8 px, centred, one line;
   the mobile header starts below it */
@media (max-width: 1024px) {
    body .elementor-41 .elementor-element.elementor-element-f26217d {
        --min-height: 28px;
        min-height: 28px;
        height: 28px;
        padding: 0;
    }
    body .elementor-41 .elementor-element-2d61114 .ava-bar {
        font-size: 10px;
        line-height: 28px;
        letter-spacing: 0.8px;
        white-space: nowrap;
    }
}

/* <<< Lane V1 */

/* >>> Auditor A header icons - the Figma glyphs (desktop 238:107597 / 1:20732: search group 25.86 x 25.44 whose circle box starts
   at 1270,78, cart frame 32 x 32 centred in the 44 box 1316-1360; mobile S1 Header 1:20324: search group 17 x 16.47 in the 28 box
   293-321 (circle box from 299.4), bag frame 24 x 24 at 2,2 of the 28 box 329-357, badge 14 at 15,0). Font Awesome glyph hidden. */
body .elementor-41 .elementor-element-b1435c9 .hfe-search-icon-toggle i.fa-search {
    width: 27px !important; height: 27px !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.864' height='25.4433' viewBox='0 0 25.864 25.4433' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.75' cy='10.75' r='10'/%3E%3Cpath d='M18.75 17.9147L25.114 24.2786'/%3E%3C/svg%3E") no-repeat 1.25px 0.25px / 25.864px 25.4433px;
}
body .elementor-41 .elementor-element-b1435c9 .hfe-search-icon-toggle i.fa-search:before { content: none !important; display: none !important; }
.elementor-41 .elementor-element-ceeb7bf .hfe-cart-menu-wrap-default::before {
    left: -2px; bottom: -1px; width: 32px; height: 32px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 8H28L26 20H10L8 8Z'/%3E%3Cpath d='M12.0002 28.5333C13.0311 28.5333 13.8669 27.6976 13.8669 26.6666C13.8669 25.6357 13.0311 24.8 12.0002 24.8C10.9693 24.8 10.1335 25.6357 10.1335 26.6666C10.1335 27.6976 10.9693 28.5333 12.0002 28.5333Z'/%3E%3Cpath d='M24.0002 28.5333C25.0311 28.5333 25.8669 27.6976 25.8669 26.6666C25.8669 25.6357 25.0311 24.8 24.0002 24.8C22.9693 24.8 22.1335 25.6357 22.1335 26.6666C22.1335 27.6976 22.9693 28.5333 24.0002 28.5333Z'/%3E%3Cpath d='M8.00024 8L6.6669 4H2.6669'/%3E%3C/svg%3E") no-repeat center / 32px 32px;
}
@media (max-width: 1024px) {
    body .elementor-41 .elementor-element-9655c4a .hfe-search-icon-toggle i.fa-search {
        width: 18px !important; height: 18px !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.0045' height='16.4728' viewBox='0 0 17.0045 16.4728' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.11364' cy='7.11364' r='6.36364'/%3E%3Cpath d='M12.2047 11.673L16.2545 15.7228'/%3E%3C/svg%3E") no-repeat 1.6px 1px / 17.0045px 16.4728px;
    }
    body .elementor-41 .elementor-element-9655c4a .hfe-search-icon-toggle i.fa-search:before { content: none !important; display: none !important; }
    .elementor-41 .elementor-element-27d2598 .hfe-cart-menu-wrap-default::before {
        left: -5px; bottom: -3px; width: 24px; height: 24px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7H18L17 20H7L6 7Z'/%3E%3Cpath d='M9 7C9 6.20435 9.31607 5.44129 9.87868 4.87868C10.4413 4.31607 11.2044 4 12 4C12.7956 4 13.5587 4.31607 14.1213 4.87868C14.6839 5.44129 15 6.20435 15 7'/%3E%3C/svg%3E") no-repeat center / 24px 24px;
    }
    .elementor-41 .elementor-element-27d2598 .hfe-cart-menu-wrap-default .hfe-cart-count {
        left: 8px !important; right: auto !important; top: 1px !important;
        min-width: 14px !important; height: 14px !important; max-height: 14px !important; padding: 0 3px !important;
        font-size: 9px !important; font-weight: 600 !important; line-height: 14px !important; letter-spacing: 0.72px !important;
    }
}
/* <<< Auditor A header icons */

/* >>> Auditor A drawer bar icons - Figma 1:21402: close 24 box at 17,23 (12 px cross, 2 px), search 22 box at 296,24, cart 22 box at 332,24 (1.83 px strokes) */
.ava-mnav .ava-mnav__close svg, .ava-mnav .ava-mnav__tools .ava-mnav__tool svg { display: none !important; }
.ava-mnav.ava-mnav button.ava-mnav__close { background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M6 6L18 18M18 6L6 18' stroke='%23151515' stroke-width='2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") no-repeat -1px -1px / 24px 24px !important; }
.ava-mnav.ava-mnav button.ava-mnav__tool[data-mnav="search"] { background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M10.0833 16.5C13.6272 16.5 16.5 13.6272 16.5 10.0833C16.5 6.53951 13.6272 3.66667 10.0833 3.66667C6.53951 3.66667 3.66667 6.53951 3.66667 10.0833C3.66667 13.6272 6.53951 16.5 10.0833 16.5Z' stroke='%23151515' stroke-width='1.83333' stroke-linecap='round'/%3E%3Cpath d='M19.25 19.25L15.5833 15.5833' stroke='%23151515' stroke-width='1.83333' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0 / 22px 22px !important; }
.ava-mnav .ava-mnav__tools a.ava-mnav__cart { width: 22px !important; margin-left: -1px; background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M5.5 5.5H19.25L17.875 13.75H6.875L5.5 5.5Z' stroke='%23151515' stroke-width='1.83333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.25 19.6167C8.95877 19.6167 9.53333 19.0421 9.53333 18.3333C9.53333 17.6246 8.95877 17.05 8.25 17.05C7.54123 17.05 6.96667 17.6246 6.96667 18.3333C6.96667 19.0421 7.54123 19.6167 8.25 19.6167Z' stroke='%23151515' stroke-width='1.83333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5 19.6167C17.2088 19.6167 17.7833 19.0421 17.7833 18.3333C17.7833 17.6246 17.2088 17.05 16.5 17.05C15.7912 17.05 15.2167 17.6246 15.2167 18.3333C15.2167 19.0421 15.7912 19.6167 16.5 19.6167Z' stroke='%23151515' stroke-width='1.83333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.5 5.5L4.58333 2.75H1.83333' stroke='%23151515' stroke-width='1.83333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0 / 22px 22px !important; }
/* measured against 1:21402 ink: nudge the three glyphs onto the frame positions */
.ava-mnav.ava-mnav button.ava-mnav__close { transform: translate(1px, 1px); }
.ava-mnav.ava-mnav button.ava-mnav__tool[data-mnav="search"], .ava-mnav .ava-mnav__tools a.ava-mnav__cart { transform: translate(3px, 1px); }
/* <<< Auditor A drawer bar icons */

/* >>> Auditor A announcement fit (<= 1024): the bar never widens the page; menus.php fits each message (tracking, then size) and this clips as the last guard */
@media (max-width: 1024px) {
    body .elementor-41 .elementor-element-2d61114 .ava-bar,
    body .elementor-41 .elementor-element-2d61114 .ava-bar__item { overflow: hidden; max-width: 100vw; }
    body .elementor-41 .elementor-element-2d61114 .ava-bar__item > a,
    body .elementor-41 .elementor-element-2d61114 .ava-bar__item > span { display: inline-block; max-width: calc(100vw - 24px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; }
}
/* <<< Auditor A announcement fit */

/* >>> FIXROUND-home-chrome (29 Sep 2026) */
/* social rows without a URL render as plain text (no "#" links) */
.ava-mm__link:not([href]) { cursor: default; }
.ava-mm__link:not([href]):hover .ava-mm__link-title { color: inherit; }
/* header icon frames 1:20735 / 1:20739 are 44 x 44 layout boxes (search 1260,68; cart 1316,68): the hit boxes grow to 44
   with equal negative margins, so the glyphs and the row do not move; the cart glyph/badge offsets follow the padding box */
@media (min-width: 1025px) {
    body .elementor-41 .elementor-element-b1435c9 .hfe-search-icon-toggle { display: block; vertical-align: top; box-sizing: content-box; padding: 9px; margin: -9px; position: relative; top: -5px; } /* the wrapper's line box takes 5 px of the negative top margin */
    .elementor-41 .elementor-element-ceeb7bf .hfe-cart-menu-wrap-default { box-sizing: content-box; padding: 1px 0 7px 8px; margin: -1px 0 -7px -8px; }
    .elementor-41 .elementor-element-ceeb7bf .hfe-cart-menu-wrap-default::before { left: 6px; bottom: 6px; }
}
/* ABOUT > AT THE SHOP 1:21384: item text box 160 wide, as the LEARN NEW column */
.ava-mm--about:not(.ava-mm--mobile) .ava-mm__col--events .ava-mm__list { max-width: 160px; }
/* <<< FIXROUND-home-chrome */

/* >>> LEFTOVER-chrome (29 Sep 2026) */
/* keyboard focus: the mega-menu dropdown toggles and the header search field get the site ring (2 px #FF4438, offset 2) */
body .elementor-widget-n-menu .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-dropdown-icon:focus-visible,
body .elementor-widget-mega-menu .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-dropdown-icon:focus-visible {
    outline: 2px solid #FF4438 !important;
    outline-offset: 2px !important;
}
body .elementor-41 .hfe-search-form__input:focus-visible,
body .elementor-41 input[type="search"]:focus-visible {
    outline: 2px solid #FF4438 !important;
    outline-offset: 2px !important;
}
/* HFE breadcrumbs: the visible text is span.hfe-breadcrumbs-text, so it follows its link's hover / focus colour on every page */
body .hfe-breadcrumbs a:hover .hfe-breadcrumbs-text,
body .hfe-breadcrumbs a:focus .hfe-breadcrumbs-text,
body .hfe-breadcrumbs a:focus-visible .hfe-breadcrumbs-text {
    /* Final recheck (30 Sep): red text on cream was 2.86:1; the crumb keeps its resting colour and gets a red underline */
    text-decoration: underline !important; text-decoration-color: #FF4438 !important;
    text-decoration-thickness: 2px !important; text-underline-offset: 3px !important;
}
/* ORCHESTRATOR (29 Sep 03:35): per-page pixel rules pin the crumb text colour with one :not(#id); three ids here so hover / focus always wins */
html body:not(#v2x):not(#fxc):not(#crh) .hfe-breadcrumbs a:hover span.hfe-breadcrumbs-text,
html body:not(#v2x):not(#fxc):not(#crh) .hfe-breadcrumbs a:focus span.hfe-breadcrumbs-text,
html body:not(#v2x):not(#fxc):not(#crh) .hfe-breadcrumbs a:focus-visible span.hfe-breadcrumbs-text {
    /* Final recheck (30 Sep): red text on cream was 2.86:1; the crumb keeps its resting colour and gets a red underline */
    text-decoration: underline !important; text-decoration-color: #FF4438 !important;
    text-decoration-thickness: 2px !important; text-underline-offset: 3px !important;
}
/* <<< LEFTOVER-chrome */
/* >>> LEFTOVER2-chrome (29 Sep 2026) */
/* Mobile REWARDS drawer panel = frame 1:21915 (D34): cream #EDEBE1 like the other drawer panels, padding 14 20 16, one list
   14 apart, titles 16 / 600 ink, only "Join now" has the 12 / 400 #6B685E sub (2 below). The dark band (.ava-mm--rewards::before,
   #151515 + contour on #ava-mnav-panel-rewards) stays on the desktop panel only. */
#ava-mnav-panel-rewards {
    padding: 14px 20px 16px;
    background: #EDEBE1 none;
    border-top-color: #DCD8CA;
}
#ava-mnav-panel-rewards .ava-mm--mobile.ava-mm--rewards {
    color: #151515;
}
#ava-mnav-panel-rewards .ava-mm--mobile.ava-mm--rewards::before {
    content: none;
    display: none;
}
#ava-mnav-panel-rewards .ava-mm--mobile.ava-mm--rewards .ava-mm__link {
    padding: 0;
    color: #151515 !important;
}
#ava-mnav-panel-rewards .ava-mm--mobile.ava-mm--rewards .ava-mm__link-title {
    color: inherit !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
}
#ava-mnav-panel-rewards .ava-mm--mobile.ava-mm--rewards .ava-mm__link:hover,
#ava-mnav-panel-rewards .ava-mm--mobile.ava-mm--rewards .ava-mm__link:focus-visible {
    color: #FF4438 !important;
}
#ava-mnav-panel-rewards .ava-mm--mobile.ava-mm--rewards .ava-mm__list {
    gap: 14px;
}
#ava-mnav-panel-rewards .ava-mm--mobile.ava-mm--rewards .ava-mm__link-sub {
    margin-top: 2px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #6B685E;
}
/* <<< LEFTOVER2-chrome */
/* >>> AUDIT-chrome (29 Sep) */
/* C4 header search (desktop HFE widget b1435c9): the open field is a white box laid exactly over the SHOP THE MENU button
   (y 68-113, so no red edge of the button shows above it), with ink text, the #6B685E hint and an ink magnifier. The toggle
   keeps its rest position when the field opens (it rose 5 px). Escape / empty submit / hint text: ava-menus.js AUDIT-chrome. */
@media (min-width: 1025px) {
    body .elementor-41 .elementor-element-b1435c9 .hfe-input-focus .hfe-search-icon-toggle { top: 0; }
    body .elementor-41 .elementor-element-b1435c9 .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input {
        top: 0 !important; bottom: auto !important; margin: 0 !important; transform: none !important;
        height: 45px !important; min-height: 45px !important; box-sizing: border-box !important;
        padding: 0 44px 0 16px !important; border: 0 !important; box-shadow: none !important;
        background: #FFFFFF !important; color: #151515 !important; caret-color: #151515;
        font-size: 16px !important; line-height: 45px !important;
    }
    body .elementor-41 .elementor-element-b1435c9 .hfe-search-form__input::placeholder { color: #6B685E !important; opacity: 1 !important; }
    body .elementor-41 .elementor-element-b1435c9 .hfe-input-focus .hfe-search-icon-toggle i.fa-search {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.864' height='25.4433' viewBox='0 0 25.864 25.4433' fill='none' stroke='%23151515' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.75' cy='10.75' r='10'/%3E%3Cpath d='M18.75 17.9147L25.114 24.2786'/%3E%3C/svg%3E") !important;
    }
}
/* C10 (375): the cart links were 22 x 24; they grow to 24 x 24 with equal negative margins, so the glyphs and the row do not move */
@media (max-width: 1024px) {
    .elementor-41 .elementor-element-27d2598 a.hfe-cart-container { padding: 0 1px; margin: 0 -1px; }
}
.ava-mnav .ava-mnav__tools a.ava-mnav__cart { width: 24px !important; margin-left: -2px; margin-right: -1px; background-position: 1px 0 !important; }
/* <<< AUDIT-chrome */
/* >>> AUDIT group A (29 Sep) */
/* ACC-10: the age gate's "No, I'm under 21" link (popup 1465, #age-no) was 99.8 x 17 at 375. 4 px of padding above and below
   make its tap target 25 tall; the link is inline, so nothing moves (the equal negative margin keeps that true if it is ever
   made a block). The keyboard ring moves in by the same 4 px, so it sits where it did (ava-footer.css: 2 px #FF4438, offset 2).
   position + z-index: the divider under the link covered the bottom 5 px of that padding, so a tap there missed the link. */
html #elementor-popup-modal-1465 #age-no a { position: relative; z-index: 1; padding-top: 4px; padding-bottom: 4px; margin-top: -4px; margin-bottom: -4px; }
html #elementor-popup-modal-1465 #age-no a:focus-visible { outline-offset: -2px; }
/* P16 / S16 (375): focus lands on YES when the gate opens, and at <=767 the body copy ends exactly where the YES box starts
   (428.4), so the ring drawn 2 px outside the box covered the bottom of "...concentrates and more.". It is drawn just inside. */
@media (max-width: 767px) {
    html #elementor-popup-modal-1465 #age-yes:focus-visible { outline-offset: -4px; }
}
/* <<< AUDIT group A */

/* 30 Sep (client screenshot, phone): the drawer search showed a second red box and a second, red caret.
   - The header search focus ring above (body .elementor-41 input[type="search"]:focus-visible) also matched the drawer
     field, which sits inside the header template. The field's own red border is its focused look, so no extra ring.
   - ::after was the Figma mock's drawn text caret (1:30282). Next to the real caret it read as a red bar. Its 10 px stay
     as the gap between the icon and the text. */
body .elementor-41 .ava-mnav__search-field input[type="search"]:focus-visible,
.ava-mnav .ava-mnav__search-field input[type="search"]:focus-visible { outline: none !important; }
.ava-mnav .ava-mnav__search-field::after { content: none; }
.ava-mnav .ava-mnav__search-field input[type="search"] { margin-left: 10px; }
/* AUDIT2 2 Oct (chrome-home) */
/* CH-02 ABOUT mega card (frame 1:21392): its blocks are spread with justify-between, which only worked with the 75 px photo slot;
   since the empty slot is no longer printed (AUDIT-chrome C6) the title and copy floated (chip -> title cap 48, title -> copy 77;
   frame 23 / 42). Without a photo the card stacks from the top with the frame's rhythm and the CTA stays at the bottom. */
.ava-mm--about .ava-mm__card:not(:has(.ava-mm__card-media)) { justify-content: flex-start; }
.ava-mm--about .ava-mm__card:not(:has(.ava-mm__card-media)) .ava-mm__card-title { margin-top: 17px; }
.ava-mm--about .ava-mm__card:not(:has(.ava-mm__card-media)) .ava-mm__card-copy { margin-top: 18px; }
.ava-mm--about .ava-mm__card:not(:has(.ava-mm__card-media)) .ava-mm__card-cta { margin-top: auto; }
/* CH-06 drawer pills (1:21802 'Do we deliver to you? →' / 'Delivery FAQs →', 1:21463 'All brands →'): the space before the arrow
   collapses inside the inline-flex pill, so the arrow touched the text (5 px gap in the frame) and the next pill sat 4-6 px left */
.ava-mm__pill > span[aria-hidden="true"] { margin-left: 3px; }
/* CH-07 laptop widths (no frame; FIDELITY rule: keep the 1440 composition with a gutter): at 1025-1280 the header row had no side
   padding, so the logo sat at x 0 and the cart badge touched the right edge (page content 32-40, footer 40-80). Same box as 1440
   (80 / 1280 box) down to 1360, then a 40 px gutter. */
@media (min-width: 1025px) and (max-width: 1439px) {
    body .elementor-41 .elementor-element.elementor-element-097cfb6 {
        --padding-left: max(40px, calc((100% - 1280px) / 2));
        --padding-right: max(40px, calc((100% - 1280px) / 2));
        padding-left: max(40px, calc((100% - 1280px) / 2));
        padding-right: max(40px, calc((100% - 1280px) / 2));
    }
}
/* <<< AUDIT2 chrome-home */

/* >>> 13 Oct (user) header icons
   1. Profile icon after the cart (menus.php prints .ava-hdr-acct after cart widgets ceeb7bf / 27d2598): desktop 44 x 44 box 12 px
      after the cart box (like search -> cart), glyph 28; mobile glyph 22 after the cart, and the two 78 px side columns grow to
      110 px together so the logo stays centred. Hover red, like the nav.
   2. One cart glyph: the mobile header's bag becomes the desktop trolley (the drawer uses the same drawing, menus.php).
   3. Drawer SHOP THE MENU: white with ink text on hover / tap (it turned #151515 on the #151515 licence bar). */
.elementor-41 .ava-hdr-acct { display: flex; align-items: center; flex: 0 0 auto; line-height: 0; }
.elementor-41 .ava-hdr-acct__link { display: inline-flex; align-items: center; justify-content: center; color: #ffffff !important; text-decoration: none !important; }
.elementor-41 .ava-hdr-acct__link:hover, .elementor-41 .ava-hdr-acct__link:focus-visible { color: #FF4438 !important; }
.elementor-41 .ava-hdr-acct__link:focus-visible { outline: 2px solid #FF4438; outline-offset: 2px; }
.elementor-41 .ava-hdr-acct--d { margin-left: 12px; }
.elementor-41 .ava-hdr-acct--d .ava-hdr-acct__link { width: 44px; height: 44px; }
.elementor-41 .ava-hdr-acct--d svg { width: 28px; height: 28px; }
.elementor-41 .ava-hdr-acct--m { margin-left: 16px; }
.elementor-41 .ava-hdr-acct--m .ava-hdr-acct__link { width: 22px; height: 24px; }
.elementor-41 .ava-hdr-acct--m svg { width: 22px; height: 22px; }
@media (max-width: 1024px) {
    body .elementor-41 .elementor-element.elementor-element-7bcf2dc,
    body .elementor-41 .elementor-element.elementor-element-430d1a5 { --width: 110px; width: 110px; flex: 0 0 110px; }
    .elementor-41 .elementor-element-27d2598 .hfe-cart-menu-wrap-default::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 8H28L26 20H10L8 8Z'/%3E%3Ccircle cx='12' cy='26.67' r='1.87'/%3E%3Ccircle cx='24' cy='26.67' r='1.87'/%3E%3Cpath d='M8 8L6.67 4H2.67'/%3E%3C/svg%3E") no-repeat center / 24px 24px !important; }
}
.ava-mnav__acct { width: 22px; height: 24px; }
.ava-mnav__acct svg { width: 20px !important; height: 20px !important; }
.ava-mnav__cart svg { width: 20px !important; height: 20px !important; }
.ava-mnav__cta:hover,
.ava-mnav__cta:focus-visible,
.ava-mnav__cta:active { background: #ffffff !important; color: #151515 !important; outline: none; }
/* Header SHOP THE MENU (439fa0a): white with ink text on hover / focus, like the drawer CTA (#151515 vanished on the black bar). */
body .elementor-41 .elementor-element.elementor-element-439fa0a a.elementor-button:hover,
body .elementor-41 .elementor-element.elementor-element-439fa0a a.elementor-button:focus-visible { background-color: #ffffff; color: #151515; }
body .elementor-41 .elementor-element.elementor-element-439fa0a a.elementor-button:hover .elementor-button-text,
body .elementor-41 .elementor-element.elementor-element-439fa0a a.elementor-button:focus-visible .elementor-button-text { color: #151515; }
/* Drawer panels (Figma 1:21463 / 1:21802, 360 px frames, 20 px side padding): the content was capped at 335 px and the SHOP tiles
   fixed at 157 px, so on phones wider than 375 (393 / 430 px iPhones) every open panel left an empty strip on the right. Content
   now fills the panel inside its 20 px padding; the tiles are two equal columns 10 px apart. */
.ava-mm.ava-mm--mobile,
.ava-mm--delivery.ava-mm--mobile,
.ava-mm--learn.ava-mm--mobile,
.ava-mm--about.ava-mm--mobile { max-width: none; }
.ava-mm--mobile .ava-mm__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
/* <<< 13 Oct header icons */

/* >>> 13 Oct drawer-bar profile icon: the bar hides inline tool SVGs and paints background glyphs (Auditor A block above); the
   profile link keeps its own SVG, drawn at the bar's 22 px glyph size with the bar's ~1.83 px stroke, nudged like search / cart. */
.ava-mnav .ava-mnav__tools a.ava-mnav__tool.ava-mnav__acct { width: 22px; height: 24px; display: inline-flex; align-items: center; justify-content: center; transform: translate(3px, 1px); }
.ava-mnav .ava-mnav__tools a.ava-mnav__tool.ava-mnav__acct svg { display: block !important; width: 22px !important; height: 22px !important; stroke-width: 1.85; }
/* <<< 13 Oct drawer-bar profile icon */