/** Shopify CDN: Minification failed

Line 4703:0 Unexpected "}"

**/
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@700&family=Hanken+Grotesk:wght@400;700&display=swap');

/* ================= HEADER ================= */

/*
  Scale the complete desktop header as one coordinated unit.

  Width compensation keeps the scaled header filling the viewport.
  Maximize switches to its mobile header below 1024px.
*/
@media (min-width: 1280px) {
  #x-header-content {
    zoom: 1;
    width: 100% !important;
    max-width: none !important;
  }
}

@media (min-width: 1180px) and (max-width: 1279px) {
  #x-header-content {
    zoom: 0.94;
    width: 106.383% !important;
    max-width: none !important;
  }
}

@media (min-width: 1100px) and (max-width: 1179px) {
  #x-header-content {
    zoom: 0.90;
    width: 111.112% !important;
    max-width: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1099px) {
  #x-header-content {
    zoom: 0.86;
    width: 116.28% !important;
    max-width: none !important;
  }
}

/* Restore the navigation's original dimensions before unit scaling */
body .section-header li.main-menu-item > div > a.link {
  color: #FFFFFF !important;
  font-family: inherit !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  transition: color 180ms ease !important;
}

/* About Us, Articles, Our Services and Contact Us */
body .section-header li.main-menu-item:nth-child(n+6) > div > a.link {
  color: #B8BDC7 !important;
}

/* All top-level links: AGD blue on hover, focus or open */
body .section-header li.main-menu-item:hover > div > a.link,
body .section-header li.main-menu-item > div > a.link:hover,
body .section-header li.main-menu-item > div > a.link:focus-visible,
body .section-header li.main-menu-item > div > a.link[aria-expanded="true"] {
  color: #2696BE !important;
}

/* All top-level links: AGD blue on hover, focus or open */
body .section-header li.main-menu-item:hover > div > a.link,
body .section-header li.main-menu-item > div > a.link:hover,
body .section-header li.main-menu-item > div > a.link:focus-visible,
body .section-header li.main-menu-item > div > a.link[aria-expanded="true"] {
  color: #2696BE !important;
}


/* LOGIN label next to account icon
   [Fixed Aug 2026: a stray "x" after margin-right's semicolon was
   killing this rule's font-size declaration.] */
shopify-account::after {
  content: "LOGIN";
  margin-left: -6px;
  margin-right: 16px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #fff;
}
shopify-account {
  display: inline-flex !important;
  align-items: center;
}

/* ╔═════════════════════════════════════════════════════════════════╗
   ║  AGD — CUSTOM.CSS · Maximize theme overrides                     ║
   ║                                                                  ║
   ║  ⚠ KEEP A BACKUP COPY OUTSIDE SHOPIFY. Maximize's monthly        ║
   ║    updates arrive as a new theme copy — this file must be        ║
   ║    re-created in the new version and re-linked in theme.liquid:  ║
   ║      {{ 'custom.css' | asset_url | stylesheet_tag }}             ║
   ║    (one line, just above </head>)                                ║
   ║                                                                  ║
   ║  ⚠ ARCHIVED BLOCKS — the CONTACT tile (f8xnXz) and 24HR tile     ║
   ║    (mjj63d) were removed Aug 2026 when the top grid was cut to   ║
   ║    3 tiles and those blocks were HIDDEN (not deleted) in the     ║
   ║    theme editor. Their CSS is kept in a separate archive file.   ║
   ║    Un-hide a block → paste its archived CSS back in.             ║
   ║                                                                  ║
   ║  ⚠ FOOTER — block (U) FOOTER NEWSLETTER was DELETED Aug 2026.    ║
   ║    It targeted ss_footer_3's built-in signup, which cannot be    ║
   ║    made to match the design: that section renders three          ║
   ║    IDENTICAL link columns bound to one menu, and the desired     ║
   ║    footer needs five DIFFERENT ones. CSS cannot create markup    ║
   ║    that is not there.                                            ║
   ║    ⇒ The footer is now a Custom Liquid section (.agd-ft) added   ║
   ║      to the Footer section group, with ss_footer_3 hidden.       ║
   ║    ⇒ Block (X) FOOTER TYPOGRAPHY is KEPT. It is scoped to        ║
   ║      [id*="ss_footer"], so it is harmless once that section is   ║
   ║      hidden, and still useful if it is ever restored.            ║
   ╚═════════════════════════════════════════════════════════════════╝ */

/* ═══════════════════════════════════════════════════════════════════
   A. MEGA MENU — white panel, sub-headings, title, position
   ═══════════════════════════════════════════════════════════════════
   WHAT:     1. All mega menu dropdown panels: white with dark text
                (header bar itself stays black).
             2. Special menu items styled as bold sub-group headings
                inside columns (the 5th-level workaround).
             3. Panel title ("RAINWATER") restyled dark + bold.
             4. Panel repositioned to open at the header's bottom
                edge instead of overlapping the black.
   WHERE:    Header → all mega menu blocks (Tabbed menu etc.).
             Applies to EVERY dropdown site-wide — Rainwater,
             Coping & Fascia, Architectural all inherit this.
   HOW:      The theme paints panels via .mega-menu__panel, which
             copies header colors ("background-header") through CSS
             variables --color-background / --color-text that all
             children read. We re-declare those variables on the
             panel so children recolor themselves.
   SUB-HEADING CONVENTION (set in Shopify admin → Content → Menus):
             Menu items become bold sub-group headings by URL:
             - URL ending "#h" → CLICKABLE heading
               (e.g. /collections/alumasc-aqualine#h)
             - URL of just "#" → NON-clickable heading
             Regular links = any normal URL. No CSS edits needed to
             add headings — just follow the URL convention.
             ⚠ URLs must be TYPED into the menu link field, not
               picked from the dropdown (the picker strips #h).
   ⚠ IF A THEME UPDATE BREAKS THIS: Omni may rename
             .mega-menu__panel. Symptom: dropdowns revert to black.
             Fix: inspect the open dropdown, find the element
             carrying the background color, update the selector
             throughout this file. (Also check whether Omni shipped
             a native dropdown-color setting — if so, delete
             section A §1–§2 and use the theme setting.)
   Created:  Aug 2026 · AGD Shopify rebuild (Maximize theme)
   ═══════════════════════════════════════════════════════════════════ */
/* (1) PANEL COLORS — white background, dark text. */
.mega-menu__panel {
  --color-background: 255 255 255 / 1.0;
  --color-text: 26 26 26 / 1.0;
  background-color: rgb(255 255 255);
  color: rgb(26 26 26);
}
/* (2) LINK COLORS — dark by default, blue on hover/active. */
.mega-menu__panel a {
  color: rgb(26 26 26) !important;
}
.mega-menu__panel a:hover,
.mega-menu__panel a[aria-current],
.mega-menu__panel .active a {
  color: rgb(37 99 235) !important;
}
/* (3) SUB-GROUP HEADINGS — bold dividers inside columns. */
.mega-menu__panel a[href$="#h"],
.mega-menu__panel a[href="#"] {
  font-weight: 700;
  color: rgb(17 17 17);
  margin-top: 14px;
  display: block;
}
/* (4) NON-CLICKABLE HEADINGS — disable pointer on "#" items only */
.mega-menu__panel a[href="#"] {
  pointer-events: none;
  cursor: default;
}
/* (5) PANEL TITLE ("RAINWATER") — solid black + bold. */
@media (min-width: 1024px) {
  .mega-menu__panel .menu-tab p.h5 {
    color: rgb(17 17 17) !important;
    font-weight: 700 !important;
  }
}
/* (6) DROPDOWN START POSITION — panel pushed to the header's bottom
       edge, with an invisible ::before bridge over the moved
       distance so hover doesn't break mid-cross. */
@media (min-width: 1024px) {
  .mega-menu__panel {
    --panel-drop: 25px;
    margin-top: var(--panel-drop) !important;
  }
  .mega-menu__panel::before {
    content: "";
    position: absolute;
    top: calc(-1 * var(--panel-drop));
    left: 0;
    right: 0;
    height: var(--panel-drop);
  }
}
/* ═══════════ END A: MEGA MENU core ═══════════ */

/* ═══════════════════════════════════════════════════════════════════
   J. USP COLUMNS (text columns with icons, under hero)
   ═══════════════════════════════════════════════════════════════════
   TARGET:   #shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp
             ⚠ Section id — removed + re-added = new id; re-inspect.
   WHAT:     Cream strip, full bleed, with a grey gap above separating
             it from the hero grid. PNG icon left, Antonio title +
             grey subtext right. Card 2 is white with a title glint.
   SCALING:  Each card is a CONTAINER (container-type: inline-size);
             sizes inside are cqw — a % of the card's own width — so
             icon, padding, gap and type shrink as ONE UNIT.
             ⚠ Do NOT reintroduce vw here.
   LAYOUT:   4-up ≥1100px · 2-up 768–1099px · stacked <768px.
   ⚠ TOP GAP — uses PADDING on the section, not margin.
     ▸ Gap dial: --usp-gap-top.
   ⚠ HAIRLINE BUG — DIAGNOSED Aug 2026. Cause: SUBPIXEL ROUNDING.
     Boundaries landed at y=751.6016 / 839.5234 — mid-pixel — and at
     DPR 2 the rasteriser blends the edge, letting the neighbours'
     grey bleed through. FIX: J0c overdraws both seams with 1px bars.
   ⚠ SHADOW — ABANDONED Aug 2026 after four attempts. Needs a Custom
     Liquid rebuild if ever wanted.
   ⚠ WARNINGS:
     - ⚠⚠ NEVER use [class*="icon"] here — matches BOTH
       .text-icon-column__item and .text-icon-column__item__text.
     - ⚠ flex-wrap:nowrap in J2 is LOAD-BEARING (theme wraps).
     - ⚠ NEVER set overflow:visible on .text-icon-column__container.
     - ⚠ GLINT needs background-COLOR as base or text goes INVISIBLE.
     - ⚠ GLINT TIMING LIVES IN TWO PLACES: J7 and J7b. Keep in sync.
     - ⚠ @keyframes agd-glint is defined here and USED BY blocks K
       and V. Deleting it breaks the price-match label and the
       utility bar's price-match link.
   ▸ DIALS:  (J0) colours, cqw ratios, --usp-gap-top
             (J3) per-icon scale · (J7) band width, speed, idle
   ═══════════════════════════════════════════════════════════════════ */
/* (J0) COLOURS + PROPORTIONS + TOP GAP */
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp {
  --usp-bg:       #F7F7F8;   /* page grey — matches neighbours */
  --usp-card:     #F5F3EF;   /* ◀ card fill AND strip bg */
  --usp-card-hi:  #FFFFFF;
  --usp-gap-top:  clamp(14px, 1.6vw, 23px);   /* ◀ gap above the strip */
  --usp-icon:     clamp(30px, 10cqw,  46px);  /* ◀ icon box */
  --usp-pad-y:    clamp(11px, 4.4cqw, 22px);  /* ◀ cell height */
  --usp-pad-x:    clamp(16px, 7cqw,   34px);
  --usp-gap:      clamp(11px, 4.4cqw, 20px);  /* ◀ icon → text gap */
  --usp-title:    clamp(13px, 4.3cqw, 20px);  /* ◀ title size */
  --usp-sub:      clamp(11px, 3.4cqw, 15px);  /* ◀ subtext size */
  --glint-base:   #111111;
  --glint-peak:   #ffffff;
  position: relative !important;
  padding-top: var(--usp-gap-top) !important;
  padding-bottom: 0 !important;
  background-color: var(--usp-card) !important;
  background-image: linear-gradient(
      to bottom,
      var(--usp-bg) 0,
      var(--usp-bg) var(--usp-gap-top),
      var(--usp-card) var(--usp-gap-top)) !important;
  background-repeat: no-repeat !important;
}
/* (J0b) WRAPPERS — same fill so no layer differs at the seam */
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column,
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__container {
  background: var(--usp-card) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* (J0c) ⚠ SEAM OVERDRAW — kills the subpixel hairlines. */
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp::before,
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp::before {
  top: -0.5px !important;
  background: var(--usp-bg) !important;
}
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp::after {
  bottom: -0.5px !important;
  background: var(--usp-card) !important;
}
/* (J1) STRIP — cards flush, no gaps */
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__blocks {
  position: relative !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-content: flex-start !important;
}
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item {
  container-type: inline-size !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
/* (J2) CARD — ⚠ nowrap keeps the icon beside the text */
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item > div {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;              /* ⚠ load-bearing */
  align-items: center !important;
  justify-content: flex-start !important;
  background: var(--usp-card) !important;
  border: 0 !important;
  border-right: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 0 !important;
  gap: var(--usp-gap) !important;
  padding: var(--usp-pad-y) var(--usp-pad-x) !important;
  height: 100% !important;
}
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item:last-child > div {
  border-right: 0 !important;
}
/* (J3) ICONS — PNGs from admin → Content → Files. */
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item > div::before {
  content: "" !important;
  flex: 0 0 auto !important;
  width: var(--usp-icon) !important;
  height: var(--usp-icon) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  opacity: 0.95 !important;
}
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item:nth-child(1) > div::before {
  background-image: url('/cdn/shop/files/next_day_delivery.png?v=1787794272') !important;
}
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item:nth-child(2) > div::before {
  background-image: url('/cdn/shop/files/agd_price_match_guarentee-removebg-preview_b9abc77c-4a61-493c-a5db-75374fe9d3ab.png?v=1773355048') !important;
  background-size: 125% !important;   /* ▸ this PNG has extra padding */
}
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item:nth-child(3) > div::before {
  background-image: url('/cdn/shop/files/wide_range_of_products.png?v=1787794390') !important;
}
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item:nth-child(4) > div::before {
  background-image: url('/cdn/shop/files/discount.png?v=1787794449') !important;
}
/* (J4) TEXT STACK — ⚠ exact class only */
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item__text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  text-align: left !important;
}
/* (J5) TITLE */
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .heading-medium,
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .heading-medium p,
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .heading-medium span {
  font-family: 'Antonio', sans-serif !important;
  font-weight: 700 !important;
  font-size: var(--usp-title) !important;
  color: #111 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  line-height: 1.15 !important;
  text-align: left !important;
  margin: 0 !important;
}
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .heading-medium {
  display: block !important;
  margin-bottom: clamp(2px, 1cqw, 5px) !important;
}
/* (J6) SUBTEXT */
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item__text .rte,
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item__text .rte p,
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item__text .rte span {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: var(--usp-sub) !important;
  font-weight: 400 !important;
  color: #6b7280 !important;
  line-height: 1.4 !important;
  text-align: left !important;
  margin: 0 !important;
}
/* (J7) HIGHLIGHT CARD + TEXT GLINT — 2nd column.
   TIMING: cycle × (100 − idle) = traverse. 11s @ 40% idle = 6.6s.
   ⚠ These keyframes are used by blocks K and V too. */
@keyframes agd-glint {
  0%, 40%  { background-position: 100% 0; }   /* ▸ idle time */
  100%     { background-position: 0% 0; }
}
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item:nth-child(2) > div {
  background: var(--usp-card-hi) !important;
  border-right-color: rgba(0,0,0,0.08) !important;
}
#shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item:nth-child(2) .heading-medium span {
  background-color: var(--glint-base) !important;   /* ⚠ base — do not remove */
  background-image: linear-gradient(
      105deg,
      transparent 48%,
      var(--glint-peak) 50%,
      transparent 52%) !important;                  /* ▸ band width */
  background-size: 500% 100% !important;
  background-repeat: no-repeat !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: agd-glint 11s linear infinite !important;   /* ▸ speed */
}
/* (J7b) PORTABLE GLINT — add class="agd-glint" to any element in a
   Custom Liquid section. ⚠ Keep timing in sync with J7. */
.agd-glint {
  --glint-base: #111111;
  --glint-peak: #ffffff;
  background-color: var(--glint-base) !important;
  background-image: linear-gradient(105deg,
      transparent 48%, var(--glint-peak) 50%, transparent 52%) !important;
  background-size: 500% 100% !important;
  background-repeat: no-repeat !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: agd-glint 11s linear infinite !important;   /* ▸ speed — match J7 */
}
/* (J8) TABLET — 2-up */
@media (min-width: 768px) and (max-width: 1099px) {
  #shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item {
    width: 50% !important;
  }
  #shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item:nth-child(2) > div,
  #shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item:nth-child(4) > div {
    border-right: 0 !important;
  }
  #shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item:nth-child(1) > div,
  #shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item:nth-child(2) > div {
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
  }
}
/* (J9) MOBILE — stacked. cqw ratios re-anchored to fixed sizes. */
@media (max-width: 767px) {
  #shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp {
    --usp-icon:  34px;
    --usp-pad-y: 12px;
    --usp-pad-x: 18px;
    --usp-gap:   13px;
    --usp-title: 15px;
    --usp-sub:   13px;
  }
  #shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item > div {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
  }
  #shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item:last-child > div {
    border-bottom: 0 !important;
  }
}
/* (J10) ACCESSIBILITY — solid text, no sweep */
@media (prefers-reduced-motion: reduce) {
  #shopify-section-template--31593151332683__text_columns_with_icons_qQEQCp .text-icon-column__item:nth-child(2) .heading-medium span,
  .agd-glint {
    animation: none !important;
    background-image: none !important;
    -webkit-text-fill-color: var(--glint-base) !important;
    color: var(--glint-base) !important;
  }
}
/* ═══════════ END J: USP columns ═══════════ */

/* ═══════════════════════════════════════════════════════
   B. MENU ICONS
   One line per product:  [menu link contains X] → show image
   1. Menu item must link to its real collection URL
   2. Upload image (admin → Content → Files), copy URL
   3. Copy a line below, change the handle + image URL
   ⚠ Handle must be unique ("alumasc-half-round", not "half-round")
   ═══════════════════════════════════════════════════════ */
/* Icon size/shape — applies to every icon line below */
.mega-menu__panel a[href*="alumasc-aqualine-half-round-guttering"]::before,
.mega-menu__panel a[href*="alumasc-aqualine-deep-run-guttering"]::before,
.mega-menu__panel a[href*="alumasc-aqualine-modern-guttering"]::before,
.mega-menu__panel a[href*="alumasc-aqualine-moulded-guttering"]::before,
.mega-menu__panel a[href*="alumasc-aqualine-box-guttering"]::before,
.mega-menu__panel a[href*="alumasc-ax-snapfix-beaded-half-round-guttering"]::before,
.mega-menu__panel a[href*="alumasc-ax-snapfix-deep-run-guttering"]::before,
.mega-menu__panel a[href*="alumasc-ax-snapfix-moulded-guttering"]::before,
.mega-menu__panel a[href*="alumasc-ax-moulded-guttering"]::before,
.mega-menu__panel a[href*="alumasc-gx-joggle-guttering"]::before,
.mega-menu__panel a[href*="alumasc-gx-smooth-guttering"]::before,
.mega-menu__panel a[href*="alumasc-gx-moulded-guttering"]::before,
.mega-menu__panel a[href*="alumasc-aluminium-flushjoint-circular-downpipes"]::before,
.mega-menu__panel a[href*="alumasc-aluminium-flushjoint-square-downpipes"]::before,
.mega-menu__panel a[href*="alumasc-aluminium-flushjoint-rectangular-downpipes"]::before,
.mega-menu__panel a[href*="alumasc-aluminium-flushjoint-hoppers"]::before,
.mega-menu__panel a[href*="alumasc-aluminium-swaged-circular-downpipes"]::before,
.mega-menu__panel a[href*="alumasc-aluminium-swaged-square-downpipes"]::before,
.mega-menu__panel a[href*="alumasc-aluminium-swaged-rectangular-downpipes"]::before,
.mega-menu__panel a[href*="alumasc-aluminium-swaged-hoppers"]::before,
.mega-menu__panel a[href*="alumasc-aluminium-guardian-circular-downpipes"]::before,
.mega-menu__panel a[href*="alumasc-aluminium-guardian-square-downpipes"]::before,
.mega-menu__panel a[href*="alumasc-aluminium-guardian-rectangular-downpipes"]::before,
.mega-menu__panel a[href*="alumasc-aluminium-guardian-hopper"]::before,
.mega-menu__panel a[href*="alumasc-cast-aluminium-half-round-guttering"]::before,
.mega-menu__panel a[href*="alumasc-cast-aluminium-beaded-half-round-guttering"]::before,
.mega-menu__panel a[href*="alumasc-cast-aluminium-beaded-deep-run-guttering"]::before,
.mega-menu__panel a[href*="alumasc-cast-aluminium-victorian-ogee-guttering"]::before,
.mega-menu__panel a[href*="alumasc-cast-aluminium-moulded-guttering"]::before,
.mega-menu__panel a[href*="alumasc-cast-aluminium-circular-downpipes"]::before,
.mega-menu__panel a[href*="alumasc-cast-aluminium-square-downpipes"]::before,
.mega-menu__panel a[href*="alumasc-cast-aluminium-rectangular-downpipes"]::before,
.mega-menu__panel a[href*="alumasc-cast-aluminium-hoppers"]::before,
.mega-menu__panel a[href*="alumasc-cast-iron-half-round-guttering"]::before,
.mega-menu__panel a[href*="alumasc-cast-iron-beaded-half-round-guttering"]::before,
.mega-menu__panel a[href*="alumasc-cast-iron-deep-half-round-guttering"]::before,
.mega-menu__panel a[href*="alumasc-cast-iron-victorian-ogee-guttering"]::before,
.mega-menu__panel a[href*="alumasc-cast-iron-notts-ogee-guttering"]::before,
.mega-menu__panel a[href*="alumasc-cast-iron-moulded-guttering"]::before,
.mega-menu__panel a[href*="alumasc-cast-iron-circular-downpipes"]::before,
.mega-menu__panel a[href*="alumasc-cast-iron-square-downpipes"]::before,
.mega-menu__panel a[href*="alumasc-cast-iron-rectangular-downpipes"]::before,
.mega-menu__panel a[href*="alumasc-cast-iron-hoppers"]::before,
.mega-menu__panel a[href*="alumasc-steel-half-round-guttering"]::before,
.mega-menu__panel a[href*="alumasc-steel-box-guttering"]::before,
.mega-menu__panel a[href*="alumasc-steel-circular-downpipes"]::before,
.mega-menu__panel a[href*="alumasc-steel-hoppers"]::before,
.mega-menu__panel a[href*="alumasc-copper-zinc-half-round-guttering"]::before,
.mega-menu__panel a[href*="alumasc-copper-zinc-circular-downpipes"]::before,
.mega-menu__panel a[href*="alumasc-copper-zinc-hoppers"]::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 4px;
  vertical-align: -6px;
  background: center / cover no-repeat;
}
/* One line per icon ▼ */
.mega-menu__panel a[href*="alumasc-aqualine-half-round-guttering"]::before { background-image: url('/cdn/shop/files/aqualine-halfround.png?v=1786076935'); }
.mega-menu__panel a[href*="alumasc-aqualine-deep-run-guttering"]::before   { background-image: url('/cdn/shop/files/aqualine-deeprun.png?v=1786076935'); }
.mega-menu__panel a[href*="alumasc-aqualine-modern-guttering"]::before { background-image: url('/cdn/shop/files/aqualine-modern.png?v=1786076935'); }
.mega-menu__panel a[href*="alumasc-aqualine-moulded-guttering"]::before   { background-image: url('/cdn/shop/files/aqualine-moulded.png?v=1786076935'); }
.mega-menu__panel a[href*="alumasc-aqualine-box-guttering"]::before { background-image: url('/cdn/shop/files/aqualine-modern.png?v=1786076935'); }
.mega-menu__panel a[href*="alumasc-ax-snapfix-beaded-half-round-guttering"]::before   { background-image: url('/cdn/shop/files/snapfix-beaded-halfround.png?v=1786076936'); }
.mega-menu__panel a[href*="alumasc-ax-snapfix-deep-run-guttering"]::before { background-image: url('/cdn/shop/files/snapfix-deep-run.png?v=1786076935'); }
.mega-menu__panel a[href*="alumasc-ax-snapfix-moulded-guttering"]::before   { background-image: url('/cdn/shop/files/snapfix-moulded.png?v=1786076935'); }
.mega-menu__panel a[href*="alumasc-ax-moulded-guttering"]::before { background-image: url('/cdn/shop/files/moulded.png?v=1786076935'); }
.mega-menu__panel a[href*="alumasc-gx-joggle-guttering"]::before   { background-image: url('/cdn/shop/files/joggle.png?v=1786076935'); }
.mega-menu__panel a[href*="alumasc-gx-smooth-guttering"]::before { background-image: url('/cdn/shop/files/smooth.png?v=1786076936'); }
.mega-menu__panel a[href*="alumasc-gx-moulded-guttering"]::before   { background-image: url('/cdn/shop/files/moulded.png?v=1786076935'); }
.mega-menu__panel a[href*="alumasc-aluminium-flushjoint-circular-downpipes"]::before { background-image: url('/cdn/shop/files/circular.png?v=1786076935'); }
.mega-menu__panel a[href*="alumasc-aluminium-flushjoint-square-downpipes"]::before   { background-image: url('/cdn/shop/files/square.png?v=1786076935'); }
.mega-menu__panel a[href*="alumasc-aluminium-flushjoint-rectangular-downpipes"]::before { background-image: url('/cdn/shop/files/guardian-rectangular.png?v=1786076935'); }
.mega-menu__panel a[href*="alumasc-aluminium-flushjoint-hoppers"]::before   { background-image: url('/cdn/shop/files/hopper_head_transparent.png?v=1786077896'); }
.mega-menu__panel a[href*="alumasc-aluminium-swaged-circular-downpipes"]::before { background-image: url('/cdn/shop/files/circular.png?v=1786076935'); }
.mega-menu__panel a[href*="alumasc-aluminium-swaged-square-downpipes"]::before   { background-image: url('/cdn/shop/files/square.png?v=1786076935'); }
.mega-menu__panel a[href*="alumasc-aluminium-swaged-rectangular-downpipes"]::before { background-image: url('/cdn/shop/files/guardian-rectangular.png?v=1786076935'); }
.mega-menu__panel a[href*="alumasc-aluminium-swaged-hoppers"]::before   { background-image: url('/cdn/shop/files/hopper_head_transparent.png?v=1786077896'); }
.mega-menu__panel a[href*="alumasc-aluminium-guardian-circular-downpipes"]::before { background-image: url('/cdn/shop/files/guardian-circular.png?v=1786076935'); }
.mega-menu__panel a[href*="alumasc-aluminium-guardian-square-downpipes"]::before   { background-image: url('/cdn/shop/files/guardian-square.png?v=1786076936'); }
.mega-menu__panel a[href*="alumasc-aluminium-guardian-rectangular-downpipes"]::before { background-image: url('/cdn/shop/files/guardian-rectangular.png?v=1786076935'); }
.mega-menu__panel a[href*="alumasc-aluminium-guardian-hopper"]::before   { background-image: url('/cdn/shop/files/hopper_head_transparent.png?v=1786077896'); }
.mega-menu__panel a[href*="alumasc-cast-aluminium-half-round-guttering"]::before   { background-image: url('/cdn/shop/files/heritage-halfround.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-cast-aluminium-beaded-half-round-guttering"]::before   { background-image: url('/cdn/shop/files/heritage-beaded-halfround.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-cast-aluminium-beaded-deep-run-guttering"]::before   { background-image: url('/cdn/shop/files/heritage-beaded-deep-run.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-cast-aluminium-victorian-ogee-guttering"]::before   { background-image: url('/cdn/shop/files/heritage-victorianogee.png?v=1786160960'); }
.mega-menu__panel a[href*="alumasc-cast-aluminium-moulded-guttering"]::before   { background-image: url('/cdn/shop/files/heritage-moulded.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-cast-aluminium-circular-downpipes"]::before   { background-image: url('/cdn/shop/files/heritage-circular.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-cast-aluminium-square-downpipes"]::before   { background-image: url('/cdn/shop/files/heritage-square.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-cast-aluminium-rectangular-downpipes"]::before   { background-image: url('/cdn/shop/files/heritage-rectangular.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-cast-aluminium-hoppers"]::before   { background-image: url('/cdn/shop/files/hopper_head_transparent_e64d043b-3e9a-4f02-a94d-7bf67050a891.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-cast-iron-half-round-guttering"]::before   { background-image: url('/cdn/shop/files/heritage-halfround.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-cast-iron-beaded-half-round-guttering"]::before   { background-image: url('/cdn/shop/files/heritage-beaded-halfround.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-cast-iron-deep-half-round-guttering"]::before   { background-image: url('/cdn/shop/files/heritage-beaded-deep-run.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-cast-iron-victorian-ogee-guttering"]::before   { background-image: url('/cdn/shop/files/heritage-victorianogee.png?v=1786160960'); }
.mega-menu__panel a[href*="alumasc-cast-iron-notts-ogee-guttering"]::before   { background-image: url('/cdn/shop/files/notts_ogee_transparent.png?v=1786569219'); }
.mega-menu__panel a[href*="alumasc-cast-iron-moulded-guttering"]::before   { background-image: url('/cdn/shop/files/heritage-moulded.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-cast-iron-circular-downpipes"]::before   { background-image: url('/cdn/shop/files/heritage-circular.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-cast-iron-square-downpipes"]::before   { background-image: url('/cdn/shop/files/heritage-square.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-cast-iron-rectangular-downpipes"]::before   { background-image: url('/cdn/shop/files/heritage-rectangular.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-cast-iron-hoppers"]::before   { background-image: url('/cdn/shop/files/hopper_head_transparent_e64d043b-3e9a-4f02-a94d-7bf67050a891.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-steel-half-round-guttering"]::before   { background-image: url('/cdn/shop/files/steel-halfround.png?v=1786570986'); }
.mega-menu__panel a[href*="alumasc-steel-box-guttering"]::before   { background-image: url('/cdn/shop/files/steel_box.png?v=1786570986'); }
.mega-menu__panel a[href*="alumasc-steel-circular-downpipes"]::before   { background-image: url('/cdn/shop/files/heritage-circular.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-steel-hoppers"]::before   { background-image: url('/cdn/shop/files/hopper_head_transparent_e64d043b-3e9a-4f02-a94d-7bf67050a891.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-copper-zinc-half-round-guttering"]::before   { background-image: url('/cdn/shop/files/steel-halfround.png?v=1786570986'); }
.mega-menu__panel a[href*="alumasc-copper-zinc-circular-downpipes"]::before   { background-image: url('/cdn/shop/files/heritage-circular.png?v=1786160959'); }
.mega-menu__panel a[href*="alumasc-copper-zinc-hoppers"]::before   { background-image: url('/cdn/shop/files/hopper_head_transparent_e64d043b-3e9a-4f02-a94d-7bf67050a891.png?v=1786160959'); }
/* ═══════════ END B ═══════════ */

/* ================= UTILITY BAR (base rules) ================= */
/* ⚠ The utility bar's TYPE + glint styling lives in block V near the
   end of this file. These two rules are structural only. */
/* Unclip email + phone — beat theme's inline Tailwind utilities */
a.phone-number.overflow-hidden,
.utility-bar-right .phone-number,
.phone-number, .phone-number *,
.email-address, .email-address * {
  overflow: visible !important;
  width: auto !important;
  max-width: none !important;
  clip-path: none !important;
}
/* Make contact details non-clickable */
.phone-number, .email-address {
  pointer-events: none !important;
  cursor: default !important;
}

/* ═══════════════════════════════════════════════════════════════════
   TOP PROMOTION GRID — tile inventory (LbpXiB)
   ═══════════════════════════════════════════════════════════════════
   As of Aug 2026 this grid runs THREE visible tiles:
     1. promotion__item-promotion_Bnq63M  → HERO        (block D)
     2. promotion__item-promotion_f3TfKg  → INSTALLATION (below)
     3. promotion__item-promotion_tJaFwz  → SIGNATURE   (block W)
   HIDDEN in the theme editor (CSS archived in a separate file):
     · promotion__item-promotion_f8xnXz   → CONTACT tile
     · promotion__item-promotion_mjj63d   → 24HR DELIVERY tile
   ⚠ Un-hide one → paste its archived block back into this file.
   ═══════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════
   INSTALLATION PARTNER TILE — image-swap hover banner
   ═══════════════════════════════════════════════════════════════════
   TARGET:   Tile ID class promotion__item-promotion_f3TfKg
             (converted from nth-child(2) Aug 2026 after it leaked
             onto the 2nd tile of the lower promotion grid).
             ⚠ Deleted + recreated block = NEW ID.
   REQUIRES: image assigned on the block (holds tile size);
             button link set (destination for whole-tile click).
   ⚠ LINK CHECK Aug 2026: this tile's button pointed at
     /products/alumasc-apex-heritage-4-5-notts-ogee-cast-iron-internal-stop-end-outlets
     — almost certainly a mis-click in the link picker. It should
     point at the enquiry / contact page. Fix in the theme editor.
   IMAGES:   resting → (1) only · hover → (2) AND (5), keep in sync.
   ═══════════════════════════════════════════════════════════════════ */
/* (1) RESTING image */
.promotion__item-promotion_f3TfKg .promotion-grid__item__media {
  background: url('/cdn/shop/files/Our_Installation_Partner_Stafford_Rainwater_Need_Installation.jpg?v=1786247330') no-repeat center / cover !important;
}
/* (2) HOVER image */
.promotion__item-promotion_f3TfKg:hover .promotion-grid__item__media {
  background-image: url('/cdn/shop/files/Our_Installation_Partner_Click_to_Enquire.jpg?v=1786247330') !important;
}
/* (3) Hide theme's own img (kept assigned for tile size) */
.promotion__item-promotion_f3TfKg .promotion-grid__item__media img {
  opacity: 0 !important;
}
/* (4) Content wrapper click-transparent; button stretched = whole tile clickable */
.promotion__item-promotion_f3TfKg .promotion-grid__item__content {
  top: 0 !important; bottom: 0 !important;
  left: 0 !important; right: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}
.promotion__item-promotion_f3TfKg custom-button,
.promotion__item-promotion_f3TfKg custom-button a.button {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important; height: 100% !important;
  min-height: 0 !important;
  opacity: 0 !important;
  pointer-events: auto !important;
  border: none !important;
  background: transparent !important;
}
/* (5) Preload hover image — matches (2). */
.promotion__item-promotion_f3TfKg::after {
  content: "";
  background: url('/cdn/shop/files/Our_Installation_Partner_Click_to_Enquire.jpg?v=1786247330');
  position: absolute;
  width: 0; height: 0;
  overflow: hidden;
}
/* ═══════════ END: installation partner tile ═══════════ */

/* ═══════════════════════════════════════════════════════════════════
   W. SIGNATURE RANGE TILE — full-tile image swap
   ═══════════════════════════════════════════════════════════════════
   TARGET:   Tile ID class promotion__item-promotion_tJaFwz
             (top promotion grid LbpXiB, 3rd tile)
   ⚠ HISTORY — READ BEFORE EDITING:
     Styled with bare .promotion-grid__promotion:nth-child(5) until
     Aug 2026. That leaked onto the 5th tile of EVERY 5+ tile grid.
     ⇒ NEVER use nth-child here. ID class only.
     ⚠ This tile has ALREADY changed ID once.
   REQUIRES (theme editor, on this block):
     - Image assigned — hidden by (W3) but it holds the tile's size.
     - Button label NOT blank. The theme drops the anchor entirely
       when the label is empty, and the anchor IS the click target.
     - Button link set — carries the whole-tile click.
   IMAGES:   resting → (W1) · hover → (W2) AND (W6). Keep in sync.
   ═══════════════════════════════════════════════════════════════════ */
/* (W1) RESTING image */
.promotion__item-promotion_tJaFwz .promotion-grid__item__media {
  background: url('/cdn/shop/files/agd_sig_range_new.png?v=1787804326') no-repeat center / cover !important;
}
/* (W2) HOVER image */
.promotion__item-promotion_tJaFwz:hover .promotion-grid__item__media {
  background-image: url('/cdn/shop/files/agd_sig_range_hover.png?v=1787804564') !important;
}
/* (W3) Hide theme's own img (kept assigned — holds tile size) */
.promotion__item-promotion_tJaFwz .promotion-grid__item__media img {
  opacity: 0 !important;
}
/* (W4) Content wrapper spans the tile, passes clicks through */
.promotion__item-promotion_tJaFwz .promotion-grid__item__content {
  top: 0 !important; bottom: 0 !important;
  left: 0 !important; right: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}
/* (W5) Button stretched invisibly = whole tile clickable */
.promotion__item-promotion_tJaFwz custom-button,
.promotion__item-promotion_tJaFwz custom-button a.button {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important; height: 100% !important;
  min-height: 0 !important;
  opacity: 0 !important;
  pointer-events: auto !important;
  border: none !important;
  background: transparent !important;
}
/* (W6) Preload hover image — must match (W2) */
.promotion__item-promotion_tJaFwz::after {
  content: "";
  background: url('/cdn/shop/files/agd_sig_range_hover.png?v=1787804564');
  position: absolute;
  width: 0; height: 0;
  overflow: hidden;
}
/* ═══════════ END W: signature range tile ═══════════ */

/* ═══════════════════════════════════════════════════════
   D. HERO BANNER FONTS (promotion grid — main tile)
   Headline: Antonio Bold · Eyebrow/Subtext: Grotesk kickers
   Fonts load via the @import at the VERY TOP of this file.
   ▸ DIALS: headline size (D2 clamp), eyebrow size (D3),
     subtext size (D4), and the two gaps (D3/D4 margins).
   ⚠ Tile ID class promotion__item-promotion_Bnq63M — if the
     block is deleted+recreated it gets a new ID; re-inspect.
   ═══════════════════════════════════════════════════════ */
.promotion__item-promotion_Bnq63M {
  --hero-heading-font: 'Antonio', sans-serif;
  --hero-text-font:    'Hanken Grotesk', sans-serif;
}
/* (D1) BASE — all tile text defaults to Grotesk */
.promotion__item-promotion_Bnq63M p,
.promotion__item-promotion_Bnq63M span {
  font-family: var(--hero-text-font) !important;
  font-weight: 400 !important;
}
/* (D2) HEADLINE — Antonio Bold. */
.promotion__item-promotion_Bnq63M .heading-large,
.promotion__item-promotion_Bnq63M .heading-large span {
  font-family: var(--hero-heading-font) !important;
  font-weight: 700 !important;
}
.promotion__item-promotion_Bnq63M .heading-large {
  font-size: clamp(1.9rem, 3vw, 4.1rem) !important;
  line-height: 1.05 !important;
  letter-spacing: 0.01em;
  margin: 0 !important;
}
/* (D3) EYEBROW ("THE UK'S HOME OF...") — kicker. */
.promotion__item-promotion_Bnq63M .subheading,
.promotion__item-promotion_Bnq63M .subheading span {
  font-size: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255 255 255 / 0.75) !important;
}
.promotion__item-promotion_Bnq63M .subheading {
  margin: 0 0 2px 0 !important;
  padding: 0 !important;
}
/* (D4) SUBTEXT ("The brands you spec...") — eyebrow's twin. */
.promotion__item-promotion_Bnq63M .rte,
.promotion__item-promotion_Bnq63M .rte p,
.promotion__item-promotion_Bnq63M .rte span {
  font-size: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255 255 255 / 0.75) !important;
}
.promotion__item-promotion_Bnq63M .rte {
  margin: 13px 0 0 0 !important;
  padding: 0 !important;
}
.promotion__item-promotion_Bnq63M .rte p {
  margin: 0 !important;
  padding: 0 !important;
}
/* (D5) BUTTONS — theme font, immune to kicker styling */
.promotion__item-promotion_Bnq63M .button,
.promotion__item-promotion_Bnq63M .button span,
.promotion__item-promotion_Bnq63M custom-button a {
  font-family: inherit !important;
  font-weight: inherit !important;
  letter-spacing: normal;
  text-transform: none;
}
/* (D6) SMALL SCREENS — one clean step-down */
@media (max-width: 767px) {
  .promotion__item-promotion_Bnq63M .subheading,
  .promotion__item-promotion_Bnq63M .subheading span { font-size: 12px !important; }
  .promotion__item-promotion_Bnq63M .rte,
  .promotion__item-promotion_Bnq63M .rte p,
  .promotion__item-promotion_Bnq63M .rte span { font-size: 13px !important; }
  .promotion__item-promotion_Bnq63M .subheading { margin-bottom: 8px !important; }
  .promotion__item-promotion_Bnq63M .rte { margin-top: 10px !important; }
}
/* ═══════════ END D ═══════════ */

/* ═══════════════════════════════════════════════════════════════════
   G. LOWER GRID TILE — image-swap hover banner (ADFBdG)
   ═══════════════════════════════════════════════════════════════════
   WHERE:    LOWER promotion grid (8WW6kV), not the top grid.
             Tile ID class promotion__item-promotion_ADFBdG
             ⚠ Deleted + recreated block = NEW ID.
   IMAGES:   resting → (G1) only · hover → (G2) AND (G5), keep in sync.
   ═══════════════════════════════════════════════════════════════════ */
/* (G1) RESTING image */
.promotion__item-promotion_ADFBdG .promotion-grid__item__media {
  background: url('/cdn/shop/files/signatureclub1_new.png?v=1786917948') no-repeat center / cover !important;
}
/* (G2) HOVER image */
.promotion__item-promotion_ADFBdG:hover .promotion-grid__item__media {
  background-image: url('/cdn/shop/files/signatureclub2new.png?v=1786917948') !important;
}
/* (G3) Hide theme's own img (kept assigned for tile size) */
.promotion__item-promotion_ADFBdG .promotion-grid__item__media img {
  opacity: 0 !important;
}
/* (G4) Content wrapper click-transparent; button stretched */
.promotion__item-promotion_ADFBdG .promotion-grid__item__content {
  top: 0 !important; bottom: 0 !important;
  left: 0 !important; right: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}
.promotion__item-promotion_ADFBdG custom-button,
.promotion__item-promotion_ADFBdG custom-button a.button {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important; height: 100% !important;
  min-height: 0 !important;
  opacity: 0 !important;
  pointer-events: auto !important;
  border: none !important;
  background: transparent !important;
}
/* (G5) Preload hover image — matches (G2) */
.promotion__item-promotion_ADFBdG::after {
  content: "";
  background: url('/cdn/shop/files/signatureclub2new.png?v=1786917948');
  position: absolute;
  width: 0; height: 0;
  overflow: hidden;
}
/* ═══════════ END G: lower grid tile ═══════════ */

/* ═══════════════════════════════════════════════════════════════════
   H. ANY BRAND / ANY SPEC / BESPOKE TILE — image-swap hover banner
   ═══════════════════════════════════════════════════════════════════
   TARGET:   Tile ID class promotion__item-promotion_DhfY7Y
             (LOWER promotion grid 8WW6kV).
             ⚠ Deleted + recreated block = NEW ID.
   IMAGES:   resting → (H1) only · hover → (H2) AND (H5), keep in sync.
   ═══════════════════════════════════════════════════════════════════ */
/* (H1) RESTING image */
.promotion__item-promotion_DhfY7Y .promotion-grid__item__media {
  background: url('/cdn/shop/files/anybrandbespoke1new.jpg?v=1786918555') no-repeat center / cover !important;
}
/* (H2) HOVER image */
.promotion__item-promotion_DhfY7Y:hover .promotion-grid__item__media {
  background-image: url('/cdn/shop/files/anybrandbespoke2new.jpg?v=1786918596') !important;
}
/* (H3) Hide theme's own img (kept assigned for tile size) */
.promotion__item-promotion_DhfY7Y .promotion-grid__item__media img {
  opacity: 0 !important;
}
/* (H4) Content wrapper click-transparent; button stretched */
.promotion__item-promotion_DhfY7Y .promotion-grid__item__content {
  top: 0 !important; bottom: 0 !important;
  left: 0 !important; right: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}
.promotion__item-promotion_DhfY7Y custom-button,
.promotion__item-promotion_DhfY7Y custom-button a.button {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important; height: 100% !important;
  min-height: 0 !important;
  opacity: 0 !important;
  pointer-events: auto !important;
  border: none !important;
  background: transparent !important;
}
/* (H5) Preload hover image — matches (H2) */
.promotion__item-promotion_DhfY7Y::after {
  content: "";
  background: url('/cdn/shop/files/anybrandbespoke2new.jpg?v=1786918596');
  position: absolute;
  width: 0; height: 0;
  overflow: hidden;
}
/* ═══════════ END H: any brand / bespoke tile ═══════════ */

#shopify-section-template--31593151332683__media_with_text_7e3LfP {
  background-color: #ffffff;
}

/* ═══════════════════════════════════════════════════════════════════
   K. TOP COLLECTIONS GRID (collection list, homepage)
   ═══════════════════════════════════════════════════════════════════
   TARGET:   #shopify-section-template--31593151332683__collection_list_hTWFHc
             ⚠ Section id — removed + re-added = new id; re-inspect.
   WHAT:     Antonio heading + injected subheading, divider +
             price-match promise row, uppercase card titles, count/
             price subtext per card, blue view-all below the grid,
             page-grey background.
   ⚠ THE PRICE-MATCH ROW IS REAL MARKUP, NOT A PSEUDO-ELEMENT.
     Injected by the hidden Custom Liquid feed section (FeNdtV) as
     div.agd-pm-row > span.agd-pm-label + span.agd-pm-text.
     WHY: a ::after holds ONE string with ONE style. This row needs a
     bold glinting label AND grey regular text side by side.
   ⚠ K4b IS FRAGILE. The view-all is absolute against
     .heading-content-spacing. Anything changing that element's HEIGHT
     moves the link.
   ⚠ CARD SUBTEXT depends on #agd-card-feed existing in FeNdtV. If
     that div is lost, all 16 lines vanish silently.
   ⚠ HEADING LEVEL: H2 per section settings.
   VERTICAL STACK (top → bottom) and which dial owns each gap:
     heading                    K5
       ↓ 4px                    K6 margin-top
     subheading                 K6
       ↓ K8 margin-bottom  ─┐
     divider ───────────      ├ THESE TWO MUST MATCH for the divider
       ↓ --pm-inner        ─┘  to sit centred between the two texts.
     PRICE MATCH row            K11
       ↓ --pm-below             K11
     grid                       K9
   ⚠ .agd-pm-label uses @keyframes agd-glint, defined in block J.
   ▸ DIALS:  grid→link gap = K4b bottom · heading→grid gap = K8 ·
     row gap = K9 · card subtext = K10 · subheading = K6 string ·
     PM row width/spacing = K11 (wording lives in FeNdtV).
   ═══════════════════════════════════════════════════════════════════ */
/* (K0) SECTION BACKGROUND — page grey */
#shopify-section-template--31593151332683__collection_list_hTWFHc {
  background: #F7F7F8 !important;
}
/* (K1) CARD TITLES */
#shopify-section-template--31593151332683__collection_list_hTWFHc .card-collection__title,
#shopify-section-template--31593151332683__collection_list_hTWFHc .card-collection__title a {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(10px, 0.95vw, 13px) !important;
  color: #111 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.25 !important;
  text-align: center;
}
/* (K2) CARD SPACING */
#shopify-section-template--31593151332683__collection_list_hTWFHc .card-collection__content {
  padding-top: clamp(6px, 0.6vw, 10px) !important;
  padding-bottom: clamp(4px, 0.4vw, 8px) !important;
}
/* (K3) SECTION PADDING — bottom reserve hosts the view-all */
@media (min-width: 768px) {
  #shopify-section-template--31593151332683__collection_list_hTWFHc {
    padding-top: clamp(10px, 1.2vw, 26px) !important;
    padding-bottom: clamp(64px, 5vw, 92px) !important;
  }
}
/* (K4) VIEW ALL — brand blue */
#shopify-section-template--31593151332683__collection_list_hTWFHc a.link-hover,
#shopify-section-template--31593151332683__collection_list_hTWFHc a.link-hover *,
#shopify-section-template--31593151332683__collection_list_hTWFHc custom-button,
#shopify-section-template--31593151332683__collection_list_hTWFHc .text-link-content,
#shopify-section-template--31593151332683__collection_list_hTWFHc .btn-text-link-default {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(10px, 0.95vw, 13px) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: #0470BA !important;
}
#shopify-section-template--31593151332683__collection_list_hTWFHc a.link-hover svg,
#shopify-section-template--31593151332683__collection_list_hTWFHc a.link-hover svg * {
  stroke: #0470BA !important;
  fill: #0470BA !important;
}
/* (K4b) VIEW ALL POSITION — ⚠ see fragility note above. */
@media (min-width: 768px) {
  #shopify-section-template--31593151332683__collection_list_hTWFHc .heading-content-spacing a.link-hover {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
  }
}
/* (K5) SECTION HEADING — Antonio */
#shopify-section-template--31593151332683__collection_list_hTWFHc h2.section-heading,
#shopify-section-template--31593151332683__collection_list_hTWFHc h2.section-heading span {
  font-family: 'Antonio', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
}
/* (K6) SUBHEADING — injected under the heading. ▸ Edit the string. */
#shopify-section-template--31593151332683__collection_list_hTWFHc h2.section-heading::after {
  content: "16 collections · 15,000+ SKUs · next-day options available";
  display: block;
  font-family: 'Hanken Grotesk', sans-serif;
  font-size: clamp(11px, 0.95vw, 14px);
  font-weight: 400;
  color: #6b7280;
  text-transform: none;
  letter-spacing: 0.01em;
  margin-top: 4px;                          /* ▸ heading → subheading */
}
/* (K8) SUBHEADING → DIVIDER
   ⚠ Must equal --pm-inner in K11 to keep the divider centred. */
#shopify-section-template--31593151332683__collection_list_hTWFHc .heading-content-spacing {
  margin-bottom: 9px !important;            /* ◀ pair with --pm-inner */
  padding-bottom: 0 !important;
}
/* (K9) GRID ROW GAP */
#shopify-section-template--31593151332683__collection_list_hTWFHc [class*="gap-grid"] {
  row-gap: clamp(14px, 1.6vw, 26px) !important;
}
/* (K10) CARD SUBTEXT — injected by FeNdtV */
#shopify-section-template--31593151332683__collection_list_hTWFHc .agd-card-subtext {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: clamp(9px, 0.8vw, 12px) !important;
  font-weight: 400 !important;
  color: #6b7280 !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  line-height: 1.4 !important;
  text-align: center;
  margin-top: 3px;
}
/* (K11) PRICE MATCH ROW — divider + bold glinting label + explainer.
   Markup from FeNdtV. Reuses @keyframes agd-glint from block J. */
.agd-pm-row {
  --pm-line:  760px;                          /* ◀ divider width */
  --pm-above: 0px;                            /* ◀ keep 0 — K8 owns this gap */
  --pm-below: clamp(12px, 1.3vw, 22px);       /* ◀ row → grid */
  --pm-inner: 9px;                            /* ◀ pair with K8 margin-bottom */
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: clamp(8px, 1vw, 18px) !important;      /* ▸ label → text gap */
  border-top: 1px solid #ededee !important;   /* ▸ divider colour */
  width: 100% !important;
  max-width: var(--pm-line) !important;
  margin: var(--pm-above) auto var(--pm-below) !important;
  padding-top: var(--pm-inner) !important;
}
.agd-pm-label {
  --glint-base: #111111;   /* ◀ resting colour */
  --glint-peak: #ffffff;   /* ◀ sweep peak */
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: clamp(11px, 0.95vw, 14px) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;          /* ▸ tracking */
  white-space: nowrap !important;
  background-color: var(--glint-base) !important;   /* ⚠ do not remove */
  background-image: linear-gradient(105deg,
      transparent 48%, var(--glint-peak) 50%, transparent 52%) !important;
  background-size: 500% 100% !important;
  background-repeat: no-repeat !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: agd-glint 11s linear infinite !important;   /* ▸ match J7 */
}
.agd-pm-text {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: clamp(11px, 0.95vw, 14px) !important;
  font-weight: 400 !important;
  color: #6b7280 !important;
}
@media (prefers-reduced-motion: reduce) {
  .agd-pm-label {
    animation: none !important;
    background-image: none !important;
    -webkit-text-fill-color: var(--glint-base) !important;
    color: var(--glint-base) !important;
  }
}
/* (K7) SMALL SCREENS · Sep 2026: PM row centred (baseline align from
   K11 reads as left in column direction), card subtext (count + from
   price) hidden below 768px on both grids. */
@media (max-width: 767px) {
  #shopify-section-template--31593151332683__collection_list_hTWFHc .card-collection__title,
  #shopify-section-template--31593151332683__collection_list_hTWFHc .card-collection__title a {
    font-size: 11px !important;
  }
  #shopify-section-template--31593151332683__collection_list_hTWFHc .card-collection__content {
    padding-top: 6px !important;
    padding-bottom: 4px !important;
  }
  .agd-card-subtext { display: none !important; }        /* ▸ hides "N products · from £" on mobile, both grids */
  .agd-pm-row {
    --pm-line: 92%;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
    text-align: center !important;
  }
  .agd-pm-text { text-align: center !important; }
}
/* ═══════════ END K: top collections grid ═══════════ */

/* ═══════════════════════════════════════════════════════════════════
   N. MOST POPULAR RANGES GRID (collection list #2, homepage)
   ═══════════════════════════════════════════════════════════════════
   TARGET:   #shopify-section-template--31593151332683__collection_list_TdMjFb
             ⚠ Section id — removed + re-added = new id; re-inspect.
   ⚠ SHARED CLASSES WITH K: .agd-card-subtext, .agd-pm-row,
     .agd-pm-label, .agd-pm-text are styled ONCE in block K and used
     by BOTH grids. Do not redefine them here — edit K and both
     sections follow.
   ⚠ The PM row markup for this section is injected by FeNdtV.
   ▸ DIALS:  same as K — see K's header. Wording lives in FeNdtV.
   ═══════════════════════════════════════════════════════════════════ */
#shopify-section-template--31593151332683__collection_list_TdMjFb {
  background: #F7F7F8 !important;
}
#shopify-section-template--31593151332683__collection_list_TdMjFb .card-collection__title,
#shopify-section-template--31593151332683__collection_list_TdMjFb .card-collection__title a {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(10px, 0.95vw, 13px) !important;
  color: #111 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.25 !important;
  text-align: center;
}
#shopify-section-template--31593151332683__collection_list_TdMjFb .card-collection__content {
  padding-top: clamp(6px, 0.6vw, 10px) !important;
  padding-bottom: clamp(4px, 0.4vw, 8px) !important;
}
@media (min-width: 768px) {
  #shopify-section-template--31593151332683__collection_list_TdMjFb {
    padding-top: clamp(10px, 1.2vw, 26px) !important;
    padding-bottom: clamp(64px, 5vw, 92px) !important;
  }
}
#shopify-section-template--31593151332683__collection_list_TdMjFb a.link-hover,
#shopify-section-template--31593151332683__collection_list_TdMjFb a.link-hover *,
#shopify-section-template--31593151332683__collection_list_TdMjFb .text-link-content,
#shopify-section-template--31593151332683__collection_list_TdMjFb .btn-text-link-default {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(10px, 0.95vw, 13px) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: #0470BA !important;
}
#shopify-section-template--31593151332683__collection_list_TdMjFb a.link-hover svg,
#shopify-section-template--31593151332683__collection_list_TdMjFb a.link-hover svg * {
  stroke: #0470BA !important;
  fill: #0470BA !important;
}
/* VIEW ALL POSITION — ⚠ same fragility as K4b. */
@media (min-width: 768px) {
  #shopify-section-template--31593151332683__collection_list_TdMjFb .heading-content-spacing a.link-hover {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
  }
}
#shopify-section-template--31593151332683__collection_list_TdMjFb h2.section-heading,
#shopify-section-template--31593151332683__collection_list_TdMjFb h2.section-heading span {
  font-family: 'Antonio', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
}
#shopify-section-template--31593151332683__collection_list_TdMjFb h2.section-heading::after {
  content: "The ranges installers order most, from next-day stock to fully bespoke.";
  display: block;
  font-family: 'Hanken Grotesk', sans-serif;
  font-size: clamp(11px, 0.95vw, 14px);
  font-weight: 400;
  color: #6b7280;
  text-transform: none;
  letter-spacing: 0.01em;
  margin-top: 4px;
}
/* SUBHEADING → DIVIDER — ⚠ must equal --pm-inner in K11 (9px) */
#shopify-section-template--31593151332683__collection_list_TdMjFb .heading-content-spacing {
  margin-bottom: 9px !important;
  padding-bottom: 0 !important;
}
#shopify-section-template--31593151332683__collection_list_TdMjFb [class*="gap-grid"] {
  row-gap: clamp(14px, 1.6vw, 26px) !important;
}
@media (max-width: 767px) {
  #shopify-section-template--31593151332683__collection_list_TdMjFb .card-collection__title,
  #shopify-section-template--31593151332683__collection_list_TdMjFb .card-collection__title a {
    font-size: 11px !important;
  }
  #shopify-section-template--31593151332683__collection_list_TdMjFb .card-collection__content {
    padding-top: 6px !important;
    padding-bottom: 4px !important;
  }
}
/* ═══════════ END N: popular ranges grid ═══════════ */

/* ═══════════════════════════════════════════════════════════════════
   P. LOWER PROMOTION GRID (Signature Club / Bespoke / RAL tiles —
      the image-swap tiles from sections G & H live here)
   ═══════════════════════════════════════════════════════════════════
   TARGET:   #shopify-section-template--31593151332683__promotion_grid_8WW6kV
   RATIO:    1.64 — measured from the actual tile artwork
             (1564x952 / 1566x956, Aug 2026). If tile images are
             ever re-exported at different proportions, re-measure
             and update the ONE number in P3.
   ▸ DIALS:  frame color = P1 · tile gap = P2 · tile shape = P3.
   ═══════════════════════════════════════════════════════════════════ */
/* (P1) SECTION FRAME — page grey */
#shopify-section-template--31593151332683__promotion_grid_8WW6kV {
  background: #F7F7F8 !important;
  padding-top: clamp(14px, 1.6vw, 26px) !important;
  padding-bottom: clamp(14px, 1.6vw, 26px) !important;
}
/* (P2) TILE GAP */
#shopify-section-template--31593151332683__promotion_grid_8WW6kV [class*="gap-grid"],
#shopify-section-template--31593151332683__promotion_grid_8WW6kV .grid {
  gap: clamp(18px, 2vw, 32px) !important;
}
/* (P3) TILE SHAPE LOCK */
#shopify-section-template--31593151332683__promotion_grid_8WW6kV .promotion-grid__promotion {
  aspect-ratio: 1.64 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
#shopify-section-template--31593151332683__promotion_grid_8WW6kV .promotion-grid__promotion .promotion-grid__item__media {
  height: 100% !important;
}
/* ═══════════ END P: lower promotion grid ═══════════ */

/* ═══════════════════════════════════════════════════════════════════
   S. SHOP BY BRAND — promotion grid restyle (v7)
   TARGET:   #shopify-section-template--31593151332683__promotion_grid_wDdhmH
   ⚠ TWO THEME QUIRKS (both X-rayed Aug 2026 — do not "simplify"):
     1. The section title is h2.promotion-grid__heading.heading-medium
        — NOT .section-heading (that's the COLLECTION LIST sections).
        Porting selectors between section types silently fails.
     2. .heading-content-spacing appears TWICE: on the header AND on
        every tile's .promotion-grid__item__heading__wrapper. Rules
        on it alone hit both — S1 uses :not() to exclude the tiles.
   ANATOMY:  tile title = p.heading-medium.h2 > span
             tile meta  = div.rte > span > p
             button     = custom-button > a.button.button-primary
                          > span.button-text
   FADE FIX: theme wraps text in span.anm-fade-element which starts
             at opacity 0 and gets .is-visible from a scroll observer.
             Moving the content to position:static (S4) breaks that
             handoff, so the meta text stayed invisible. S10 forces
             these spans visible inside this section only.
   ▸ DIALS:  image ratio = S3 % · header = S1 · title = S5 ·
     meta = S6 · pill = S7 · grid gap = S8.
   ═══════════════════════════════════════════════════════════════════ */
/* (S0) SECTION FRAME */
#shopify-section-template--31593151332683__promotion_grid_wDdhmH {
  background: #F7F7F8 !important;
  padding-top: clamp(20px, 2.5vw, 40px) !important;
  padding-bottom: clamp(20px, 2.5vw, 40px) !important;
}
/* (S1) SECTION HEADER — Antonio, left-aligned. */
#shopify-section-template--31593151332683__promotion_grid_wDdhmH h2.promotion-grid__heading,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__heading,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__heading span {
  font-family: 'Antonio', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(18px, 1.6vw, 24px) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: #111 !important;
  text-align: left !important;
  margin: 0 !important;
}
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .heading-content-spacing:not(.promotion-grid__item__heading__wrapper) {
  text-align: left !important;
  margin-bottom: clamp(16px, 1.8vw, 28px) !important;
}
/* (S2) TILE — vertical stack */
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__promotion {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0 !important;
}
/* (S3) MEDIA BOX — ratio via padding-bottom.
   42.35% = 1 / 2.362 = wallpapers' native shape (1500x635). */
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__item__media {
  position: relative !important;
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 42.35% !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
  background: none !important;
}
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__item__media img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  filter: none !important;
}
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .scheme-image-overlay {
  display: none !important;
}
/* (S4) CAPTION ROW — content out of its absolute overlay into
   normal flow beneath the image, as a row. */
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__item__content {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 12px 0 0 0 !important;
  margin: 0 !important;
  gap: 12px !important;
  text-align: left !important;
  background: none !important;
  box-shadow: none !important;
  width: 100% !important;
  flex-wrap: nowrap !important;
  pointer-events: auto !important;
}
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__item__heading__wrapper {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: block !important;
  text-align: left !important;
  margin: 0 !important;
}
/* (S5) TILE TITLE — p.heading-medium.h2 + inner span */
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__item__content .heading-medium,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__item__content .heading-medium span,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__item__content p.heading-medium.h2 {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(12px, 0.95vw, 14px) !important;
  line-height: 1.25 !important;
  color: #111 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  text-align: left !important;
  margin: 0 0 3px 0 !important;
}
/* (S6) TILE META — div.rte and its span/p children */
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__item__content .rte,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__item__content .rte span,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__item__content .rte p {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: clamp(11px, 0.85vw, 13px) !important;
  font-weight: 400 !important;
  color: #6b7280 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* (S7) PILL BUTTON */
#shopify-section-template--31593151332683__promotion_grid_wDdhmH custom-button {
  flex: none !important;
  margin: 0 0 0 auto !important;
  background: none !important;
}
#shopify-section-template--31593151332683__promotion_grid_wDdhmH custom-button a.button,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH a.button.button-primary,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH a.promotion-grid_button {
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid #d1d5db !important;
  border-radius: 999px !important;
  padding: 6px 16px !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
  cursor: pointer !important;
}
#shopify-section-template--31593151332683__promotion_grid_wDdhmH custom-button a.button .button-text,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH a.button.button-primary .button-text {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: clamp(11px, 0.85vw, 13px) !important;
  font-weight: 600 !important;
  color: #111 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
#shopify-section-template--31593151332683__promotion_grid_wDdhmH custom-button a.button:hover,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH a.button.button-primary:hover {
  background: #111 !important;
  background-color: #111 !important;
  border-color: #111 !important;
}
#shopify-section-template--31593151332683__promotion_grid_wDdhmH custom-button a.button:hover .button-text,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH a.button.button-primary:hover .button-text {
  color: #ffffff !important;
}
#shopify-section-template--31593151332683__promotion_grid_wDdhmH custom-button a.button svg {
  display: none !important;
}
/* (S8) GRID GAPS */
#shopify-section-template--31593151332683__promotion_grid_wDdhmH [class*="gap-grid"],
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .grid {
  gap: clamp(18px, 2vw, 32px) !important;
}
/* (S10) FADE-IN OVERRIDE — scoped to this section only. */
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .anm-fade-element,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__item__content span {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  visibility: visible !important;
}
/* (S9) MOBILE */
@media (max-width: 767px) {
  #shopify-section-template--31593151332683__promotion_grid_wDdhmH .heading-content-spacing:not(.promotion-grid__item__heading__wrapper) {
    margin-bottom: 16px !important;
  }
  #shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__item__content {
    padding-top: 10px !important;
    gap: 8px !important;
  }
  #shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__item__content .heading-medium,
  #shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__item__content .heading-medium span {
    font-size: 13px !important;
  }
  #shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__item__content .rte,
  #shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__item__content .rte span,
  #shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion-grid__item__content .rte p {
    font-size: 12px !important;
  }
  #shopify-section-template--31593151332683__promotion_grid_wDdhmH custom-button a.button {
    padding: 5px 12px !important;
  }
  #shopify-section-template--31593151332683__promotion_grid_wDdhmH custom-button a.button .button-text {
    font-size: 12px !important;
  }
}

/* ╔═══════════════════════════════════════════════════════════════╗
   ║  (S11) TEMP · COMING SOON on brand tiles                       ║
   ║  AGD (gYkh6q) and ARP (HEJRiX) tiles: image + caption faded    ║
   ║  and greyscale, "Shop now" pill becomes an inert "Coming soon" ║
   ║  label, nothing in the tile is clickable.                      ║
   ║  TO REMOVE: delete this block. Nothing else references it.     ║
   ║  ⚠ Tile IDs change if a block is deleted + recreated; re-dump. ║
   ║  ▸ To add/remove a tile, add/remove its ID in each selector.   ║
   ╚═══════════════════════════════════════════════════════════════╝ */
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion__item-promotion_gYkh6q .promotion-grid__item__media,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion__item-promotion_gYkh6q .promotion-grid__item__heading__wrapper,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion__item-promotion_HEJRiX .promotion-grid__item__media,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion__item-promotion_HEJRiX .promotion-grid__item__heading__wrapper {
  opacity: .42;                                     /* ▸ matches the nav fade */
  filter: grayscale(1);
}
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion__item-promotion_gYkh6q .promotion-grid__item__media img,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion__item-promotion_HEJRiX .promotion-grid__item__media img { filter: grayscale(1); }
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion__item-promotion_gYkh6q a,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion__item-promotion_HEJRiX a { pointer-events: none !important; cursor: default !important; }
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion__item-promotion_gYkh6q custom-button a.button,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion__item-promotion_HEJRiX custom-button a.button {
  border-color: #D9D9DC !important;
  background: #F7F7F8 !important;
}
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion__item-promotion_gYkh6q custom-button a.button .button-text,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion__item-promotion_HEJRiX custom-button a.button .button-text { font-size: 0 !important; }
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion__item-promotion_gYkh6q custom-button a.button .button-text::before,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion__item-promotion_HEJRiX custom-button a.button .button-text::before {
  content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%;
  background: #8A8A8A; margin-right: 6px; vertical-align: middle;
}
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion__item-promotion_gYkh6q custom-button a.button .button-text::after,
#shopify-section-template--31593151332683__promotion_grid_wDdhmH .promotion__item-promotion_HEJRiX custom-button a.button .button-text::after {
  content: "Coming soon";                           /* ▸ label */
  font-family: 'Hanken Grotesk', sans-serif; font-size: 12px; font-weight: 600;
  color: #8A8A8A; vertical-align: middle;
}
/* ═══════════════ END (S11) TEMP · COMING SOON ═══════════════ */


/* ═══════════ END S: Shop by Brand ═══════════ */

/* ═══════════════════════════════════════════════════════════════════
   (T) FROM THE TRADE DESK — featured blog restyle (HOMEPAGE)
   ═══════════════════════════════════════════════════════════════════
   WHAT:     Antonio section header, "All articles →" top right, excerpt
             and meta line removed, compact grey-outline pill buttons.
   TARGET:   #shopify-section-…__featured_blog_kCnAcm
   ⚠ NOT THE BLOG INDEX. The blog page itself is a separate Custom
     Liquid section (.agd-td) on the blog template. This block styles
     the homepage teaser only.
   ⚠ WARNINGS:
     - SECTION ID IS HARDCODED.
     - Alpine-rendered (x-intersect → loadData). Cards exist only
       after scroll. Always verify AFTER scrolling to the section.
     - ⚠ The theme's heading block is EMPTY. Type the heading into
       the section's Heading field — CSS cannot create missing text.
     - Button label swapped via ::after + font-size:0. Screen readers
       still announce "Read now". Acceptable, not ideal.
   ▸ DIALS:  (T1) header font · (T4) card title size · (T7) button
   ═══════════════════════════════════════════════════════════════════ */
/* (T0) SECTION FRAME */
#shopify-section-template--31593151332683__featured_blog_kCnAcm {
  background: #FFFFFF !important;
}
#shopify-section-template--31593151332683__featured_blog_kCnAcm .section-blog-post {
  position: relative !important;
  padding-top: clamp(24px, 3vw, 48px) !important;
  padding-bottom: clamp(24px, 3vw, 48px) !important;
}
/* (T1) SECTION HEADING — Antonio uppercase, left. */
#shopify-section-template--31593151332683__featured_blog_kCnAcm .blog-post_heading-block,
#shopify-section-template--31593151332683__featured_blog_kCnAcm .blog-post_heading-block * {
  font-family: 'Antonio', sans-serif !important;    /* ◀ header font dial */
  font-weight: 700 !important;
  font-size: clamp(20px, 2vw, 30px) !important;     /* ▸ */
  text-transform: uppercase !important;
  letter-spacing: 0.01em !important;
  color: #111111 !important;
  text-align: left !important;
  margin: 0 !important;
}
#shopify-section-template--31593151332683__featured_blog_kCnAcm .heading-content-spacing {
  margin-bottom: clamp(14px, 1.6vw, 26px) !important;
  padding-right: 160px !important;   /* keeps heading clear of the top-right link */
}
/* (T2) GRID */
#shopify-section-template--31593151332683__featured_blog_kCnAcm .blog-post__list-items {
  gap: clamp(14px, 1.6vw, 28px) !important;   /* ▸ */
}
/* (T3) CARD IMAGE */
#shopify-section-template--31593151332683__featured_blog_kCnAcm .blog-post_card-image,
#shopify-section-template--31593151332683__featured_blog_kCnAcm .media-hyperlink {
  border-radius: 10px !important;   /* ▸ */
}
#shopify-section-template--31593151332683__featured_blog_kCnAcm .media-hyperlink {
  overflow: hidden !important;
}
/* (T4) CARD TITLE */
#shopify-section-template--31593151332683__featured_blog_kCnAcm .article-card_heading {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: clamp(15px, 1.15vw, 18px) !important;   /* ▸ */
  font-weight: 700 !important;
  line-height: 1.32 !important;
  text-transform: none !important;                   /* ⚠ theme uppercases these */
  letter-spacing: 0 !important;
  color: #111111 !important;
}
#shopify-section-template--31593151332683__featured_blog_kCnAcm .title-link:hover .article-card_heading {
  color: #0470BA !important;
}
/* (T5) META LINE — removed. */
#shopify-section-template--31593151332683__featured_blog_kCnAcm .title-link + div {
  display: none !important;
}
/* (T6) EXCERPT — removed per design */
#shopify-section-template--31593151332683__featured_blog_kCnAcm .blog-post_card-excerpt,
#shopify-section-template--31593151332683__featured_blog_kCnAcm .line-clamp-2 {
  display: none !important;
}
/* (T7) READ BUTTON — compact grey-outline pill */
#shopify-section-template--31593151332683__featured_blog_kCnAcm .blog-post_card-read-more {
  border: 1px solid #d1d5db !important;              /* ▸ grey outline */
  border-radius: 999px !important;
  padding: 6px 14px !important;                      /* ▸ tighter */
  min-height: 0 !important;                          /* ⚠ theme sets md:min-h-6 */
  line-height: 1 !important;
  background: #ffffff !important;
  text-decoration: none !important;
  align-items: center !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
}
#shopify-section-template--31593151332683__featured_blog_kCnAcm .blog-post_card-read-more .button-text {
  font-size: 0 !important;                           /* hides "Read now" */
  line-height: 1 !important;
  text-decoration: none !important;
}
#shopify-section-template--31593151332683__featured_blog_kCnAcm .blog-post_card-read-more .button-text::after {
  content: "Read article  →";
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: 12.5px !important;                      /* ▸ */
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #111111 !important;
  letter-spacing: 0 !important;
}
#shopify-section-template--31593151332683__featured_blog_kCnAcm .blog-post_card-read-more:hover {
  border-color: #111111 !important;
  background: #111111 !important;
}
#shopify-section-template--31593151332683__featured_blog_kCnAcm .blog-post_card-read-more:hover .button-text::after {
  color: #ffffff !important;
}
#shopify-section-template--31593151332683__featured_blog_kCnAcm .blog-post_card .gap-y-4 {
  gap: 12px !important;                              /* ▸ title → button gap */
}
/* (T8) VIEW-ALL → top-right "All articles →" */
#shopify-section-template--31593151332683__featured_blog_kCnAcm .blog-post_view-all {
  position: absolute !important;
  top: clamp(24px, 3vw, 48px) !important;
  right: 0 !important;
  z-index: 5 !important;
  margin: 0 !important;
  text-align: right !important;
}
#shopify-section-template--31593151332683__featured_blog_kCnAcm .blog-post_view-all .text-link-content {
  font-size: 0 !important;                           /* hides "View all posts" */
}
#shopify-section-template--31593151332683__featured_blog_kCnAcm .blog-post_view-all .text-link-content::after {
  content: "All articles  →";
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: 14px !important;                        /* ▸ */
  font-weight: 700 !important;
  color: #0470BA !important;
}
#shopify-section-template--31593151332683__featured_blog_kCnAcm .blog-post_view-all .text-link-arrow {
  display: none !important;
}
/* (T9) RESPONSIVE */
@media (max-width: 767px) {
  #shopify-section-template--31593151332683__featured_blog_kCnAcm .heading-content-spacing {
    padding-right: 0 !important;
  }
  #shopify-section-template--31593151332683__featured_blog_kCnAcm .blog-post_view-all {
    position: static !important;
    display: block !important;
    text-align: center !important;
    margin-top: 18px !important;
  }
}
/* ═══════════ END (T) FROM THE TRADE DESK ═══════════ */

/* ═══════════════════════════════════════════════════════════════════
   (U) NEWSLETTER BAND — sits above the footer
   ═══════════════════════════════════════════════════════════════════
   TARGET:   .agd-nl — a Custom Liquid section placed above
             ss_footer_3 in the Footer group.
   WHAT:     Full-bleed black band. Antonio heading + grey subline
             hard left, white input + blue Subscribe hard right.
   ⚠⚠ THE CSS LIVES HERE, NOT IN THE SECTION. A <style> tag inside
     the Custom Liquid was tried Aug 2026 and the theme swallowed
     it — the rules were in the DOM but nothing applied (display
     stayed block, background transparent, button browser-grey).
     Verified by console. Do not move this back into the section.
   ⚠⚠ FULL BLEED NEEDS THE WRAPPER PADDING ZEROED (U0b). The theme's
     own section wrapper carries page-width padding and a max-width;
     --nl-pad-x alone does NOT reach the edges, it only adds to the
     theme's inset. Both are needed.
   ⚠ CLASS-BASED, NOT ID-BASED. Unlike most blocks in this file this
     survives the section being deleted and re-added, since it keys
     off .agd-nl in the markup rather than a Shopify section id.
   ⚠ COMPOUND SELECTORS THROUGHOUT (.agd-nl .agd-nl-inner, not bare
     .agd-nl-inner). Bare single-class selectors lost to the theme's
     own rules — the same specificity trap that broke the About
     page's story kicker.
   ⚠ REPLACES the homepage newsletter section (newsletter_K3cDax) —
     delete that section or the homepage shows two signups.
   ⚠ ss_footer_3 has its OWN built-in signup at the bottom of the
     footer. Switch it off in that section's settings if possible;
     it cannot be restyled to match (no heading or subline fields —
     the text would have to be CSS content, invisible to crawlers).
   ▸ DIALS:  (U0) --nl-pad-y is THE slimness dial · --nl-pad-x is the
             edge gap (0 = hard to the viewport edge) · --nl-accent
             (U1) heading size · (U2) input width
   ═══════════════════════════════════════════════════════════════════ */
/* (U0) BAND */
.agd-nl {
  --nl-bg:     #000000;                     /* ◀ band colour */
  --nl-accent: #2563EB;                     /* ◀ subscribe button */
  --nl-muted:  #9CA3AF;                     /* ◀ subline grey */
  --nl-pad-y:  clamp(16px, 1.5vw, 24px);    /* ◀ THE slimness dial */
  --nl-pad-x:  clamp(16px, 2vw, 40px);      /* ◀ edge gap — 0 = flush */
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  background: var(--nl-bg) !important;
  font-family: 'Hanken Grotesk', system-ui, sans-serif !important;
}

/* (U0b) ⚠ THEME WRAPPERS — paint them black AND kill their page-width
   padding/max-width, or the band cannot reach the edges. */
.custom-liquid-section__wrapper:has(.agd-nl),
[class*="section--sections"]:has(.agd-nl),
[class*="section--template"]:has(.agd-nl),
[id^="shopify-section"]:has(.agd-nl) {
  background: var(--nl-bg) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
}

/* (U1) LAYOUT — text left, form right */
.agd-nl .agd-nl-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: clamp(18px, 3vw, 60px) !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  max-width: none !important;
  padding: var(--nl-pad-y) var(--nl-pad-x) !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
.agd-nl .agd-nl-text { flex: 1 1 auto !important; min-width: 0 !important; }
.agd-nl h2 {
  font-family: 'Antonio', sans-serif !important;
  font-size: clamp(19px, 1.8vw, 27px) !important;   /* ▸ heading size */
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.01em !important;
  line-height: 1.1 !important;
  color: #FFFFFF !important;
  margin: 0 0 3px 0 !important;
}
.agd-nl p.agd-nl-sub {
  font-size: clamp(12px, 0.95vw, 14px) !important;   /* ▸ */
  line-height: 1.4 !important;
  color: var(--nl-muted) !important;
  margin: 0 !important;
}

/* (U2) FORM */
.agd-nl form.agd-nl-form {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.agd-nl input[type="email"] {
  width: min(440px, 34vw) !important;   /* ▸ input width */
  background: #FFFFFF !important;
  color: #000000 !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;        /* ▸ input height */
  font-family: 'Hanken Grotesk', system-ui, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  height: auto !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}
.agd-nl input[type="email"]::placeholder { color: #6b7280 !important; opacity: 1 !important; }
.agd-nl input[type="email"]:focus {
  outline: 2px solid var(--nl-accent) !important;
  outline-offset: 2px !important;
}
.agd-nl button[type="submit"] {
  flex: 0 0 auto !important;
  background: var(--nl-accent) !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 10px 22px !important;        /* ▸ match input height */
  font-family: 'Hanken Grotesk', system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  height: auto !important;
  min-height: 0 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background 0.2s ease !important;
}
.agd-nl button[type="submit"]:hover { background: #1D4ED8 !important; }
.agd-nl p.agd-nl-ok { font-size: 14px !important; color: #a7f3d0 !important; margin: 0 !important; }

/* (U3) RESPONSIVE */
@media (max-width: 900px) {
  .agd-nl .agd-nl-inner { flex-direction: column !important; align-items: flex-start !important; }
  .agd-nl form.agd-nl-form { width: 100% !important; }
  .agd-nl input[type="email"] { width: 100% !important; flex: 1 1 auto !important; }
}
@media (max-width: 520px) {
  .agd-nl form.agd-nl-form { flex-direction: column !important; align-items: stretch !important; gap: 8px !important; }
  .agd-nl button[type="submit"] { width: 100% !important; }
}
/* ═══════════ END (U) NEWSLETTER BAND ═══════════ */

/* ═══════════════════════════════════════════════════════════════════
   (X) FOOTER TYPOGRAPHY — scoped, not global
   ═══════════════════════════════════════════════════════════════════
   WHAT:     Puts the third-party footer onto the house type stack.
             Antonio headings, Hanken Grotesk everything else.
   TARGET:   [id*="ss_footer"] only.
   ⚠ STATUS Aug 2026: ss_footer_3 is being REPLACED by a Custom
     Liquid footer (.agd-ft). Once that section is hidden this block
     matches nothing and is harmless — kept deliberately so the
     footer still looks right if it is ever restored.
   ⚠ WARNINGS:
     - ⚠ An earlier version of this block was UNSCOPED (body, p, span,
       div, a, input…) and broke the contact form. Never widen these
       selectors beyond the footer.
     - Anton ≠ Antonio (lookalike, no weight range) — kept as fallback.
     - Font only: family, weight, transform, spacing. No colour, size
       or layout, so it cannot shift the footer's structure.
   ▸ DIALS:  (X1) heading face · (X2) link case
   ═══════════════════════════════════════════════════════════════════ */
/* (X1) FOOTER HEADINGS — Antonio uppercase */
[id*="ss_footer"] h1,
[id*="ss_footer"] h2,
[id*="ss_footer"] h3,
[id*="ss_footer"] h4,
[id*="ss_footer"] h5,
[id*="ss_footer"] h6,
[id*="ss_footer"] [class*="footer-list-title"] {
  font-family: 'Antonio', 'Anton', sans-serif !important;   /* ▸ */
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.01em !important;
}
/* (X2) FOOTER LINKS + BODY — Hanken Grotesk */
[id*="ss_footer"] nav a,
[id*="ss_footer"] ul li a,
[id*="ss_footer"] ul li,
[id*="ss_footer"] div a,
[id*="ss_footer"] p,
[id*="ss_footer"] p a,
[id*="ss_footer"] small,
[id*="ss_footer"] label,
[id*="ss_footer"] input,
[id*="ss_footer"] button,
[id*="ss_footer"] [class*="footer-link"],
[id*="ss_footer"] [class*="footer-menu"] a,
[id*="ss_footer"] [class*="footer-nav"] a {
  font-family: 'Hanken Grotesk', system-ui, sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;        /* ▸ */
  letter-spacing: 0 !important;
}
/* (X3) COPYRIGHT + POLICY LINKS */
[id*="ss_footer"] [class*="copyright"],
[id*="ss_footer"] [class*="policy"] {
  font-family: 'Hanken Grotesk', system-ui, sans-serif !important;
}
/* (X4) EXCLUSIONS — never force a family onto icons or payment marks */
[id*="ss_footer"] svg,
[id*="ss_footer"] svg *,
[id*="ss_footer"] [class*="payment"],
[id*="ss_footer"] [class*="payment"] *,
[id*="ss_footer"] [class*="icon"] {
  font-family: inherit !important;
}
/* ═══════════ END (X) FOOTER TYPOGRAPHY ═══════════ */

/* ═══════════════════════════════════════════════════════════════════
   V. UTILITY BAR — house type, bold accents, price-match glint
   ═══════════════════════════════════════════════════════════════════
   TARGET:   #shopify-section-sections--31593151725899__utility_bar_kT8LkD
             ⚠ SECTIONS GROUP id (sections--…), not a template id —
             survives template changes, but delete + re-add mints a
             new one.
   ⚠⚠ IF THE BAR GOES BLACK: this block is missing, damaged, or the
     section id has changed. V0 is the ONLY thing painting it warm
     grey — without it the bar falls back to the theme colour scheme,
     which is dark. Re-run the paint command and check the id.
   WHAT:     Roboto 12.5px → Hanken Grotesk on a warm grey bar.
             Phone line and "Price Match Guarantee" bold; price match
             also carries the travelling glint.
   SCROLL:   NOT sticky — deliberately. Sticky was tried Aug 2026
             and rejected.
   ANATOMY (full path measured Aug 2026 — note nav-content):
             .utility-bar-left
              > ul.link-list
                > li.utility-block
                  > div.scroll-container         ← MARQUEE
                    > div.nav-content.overflow-hidden   ⚠ EASY TO MISS
                      > ul.link-list
                        > li × 4 > a.menu-link
             Link order: 0 Price Match · 1 Returns · 2 Warranties
                         3 Help & Support.
   ⚠ PRICE-MATCH TARGETING — four failed attempts, don't repeat:
     1. a[href*="price-match"] → FAILED. Every href is just "/".
     2. a:nth-of-type(3) → FAILED. Each <a> is alone in its <li>.
     3. li:nth-child(1) a → BLED ONTO ALL FOUR (outer li.utility-block
        is also nth-child(1)).
     4. .scroll-container > ul > … → MATCHED NOTHING (div.nav-content
        sits between, breaking the direct-child chain).
     ⇒ WORKING (verified, 1 match):
       .scroll-container ul > li:first-child > a
     ⚠ If menu order changes in admin → Content → Menus, update V3.
   ⚠ OTHER WARNINGS:
     - ⚠ MARQUEE IS INTENTIONAL. Do not add overflow/width rules to
       .scroll-container or .nav-content.
     - ⚠ GLINT ON A LIGHT BAR: --glint-base is DARK here. On a dark
       bar it must be light. Backwards = invisible text.
     - ⚠ @keyframes agd-glint lives in block J. Do not delete it.
   ▸ DIALS:  (V0) bar colour · (V1) font size · (V3) glint colours
   ═══════════════════════════════════════════════════════════════════ */
/* (V0) BAR — warm grey. ⚠ Removing this turns the bar black. */
#shopify-section-sections--31593151725899__utility_bar_kT8LkD {
  --v-bar-bg: #F5F3EF;   /* ◀ warm grey — matches USP card fill */
  --v-text:   #111111;   /* ◀ text colour on the light bar */
  background: var(--v-bar-bg) !important;
}
#shopify-section-sections--31593151725899__utility_bar_kT8LkD .utility-bar-sections--31593151725899__utility_bar_kT8LkD,
#shopify-section-sections--31593151725899__utility_bar_kT8LkD .section-divider {
  background: var(--v-bar-bg) !important;
}
/* (V1) BASE TYPE — Hanken Grotesk, dark on the light bar.
   font-weight:400 is a FAIL-SAFE: if V3 ever stops matching you
   get plain text, not everything bold. */
#shopify-section-sections--31593151725899__utility_bar_kT8LkD a,
#shopify-section-sections--31593151725899__utility_bar_kT8LkD span,
#shopify-section-sections--31593151725899__utility_bar_kT8LkD p,
#shopify-section-sections--31593151725899__utility_bar_kT8LkD li {
  font-family: 'Hanken Grotesk', system-ui, sans-serif !important;
  font-size: 12.5px !important;      /* ▸ */
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  color: var(--v-text) !important;
}
/* (V2) EXPERT SUPPORT / PHONE — bold */
#shopify-section-sections--31593151725899__utility_bar_kT8LkD .phone-number,
#shopify-section-sections--31593151725899__utility_bar_kT8LkD .phone-number span {
  font-family: 'Hanken Grotesk', system-ui, sans-serif !important;
  font-weight: 700 !important;
}
/* (V3) PRICE MATCH GUARANTEE — bold + glint.
   ⚠ Selector verified to match exactly 1 element. Do NOT tighten to
   "> ul" (nav-content breaks it) or loosen to a bare descendant. */
#shopify-section-sections--31593151725899__utility_bar_kT8LkD .scroll-container ul > li:first-child > a {
  --glint-base: #111111;   /* ◀ resting colour (dark, on light bar) */
  --glint-peak: #ffffff;   /* ◀ sweep peak */
  font-weight: 700 !important;
  background-color: var(--glint-base) !important;   /* ⚠ base — do not remove */
  background-image: linear-gradient(
      105deg,
      transparent 48%,
      var(--glint-peak) 50%,
      transparent 52%) !important;
  background-size: 500% 100% !important;
  background-repeat: no-repeat !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: agd-glint 11s linear infinite !important;   /* ▸ match J7 */
}
/* (V4) ACCESSIBILITY — solid text, no sweep */
@media (prefers-reduced-motion: reduce) {
  #shopify-section-sections--31593151725899__utility_bar_kT8LkD .scroll-container ul > li:first-child > a {
    animation: none !important;
    background-image: none !important;
    -webkit-text-fill-color: var(--glint-base) !important;
    color: var(--glint-base) !important;
  }
}
/* ═══════════ END V: utility bar ═══════════ */

/* ═══════════════════════════════════════════════════════════════════
   Y. CONTACT HERO — "Four ways in" (contact page)
   ═══════════════════════════════════════════════════════════════════
   TARGET:   #shopify-section-template--31593151463755__promotion_grid_pwnLKF
             Tile: .promotion__item-promotion_pEetzE
             ⚠ DIFFERENT TEMPLATE from the homepage (…463755 not
             …332683). Section id — delete + re-add = new id.
   WHAT:     Black rounded panel, Antonio headline, grey eyebrow +
             body, white primary button, outlined secondary.
   ⚠⚠ HEADLINE IS ONE LINE, DELIBERATELY. Full history so nobody
     retries these:
       1. CSS ::before with \A → gave two lines, but the text was
          INVISIBLE TO SEARCH ENGINES. An SEO audit Aug 2026 flagged
          it as the page's most prominent unreadable content.
       2. max-width in ch → cannot work here: line 2 ("One team
          behind them.") is LONGER than line 1 ("Four ways in."), and
          width-wrapping only makes lines that FIT.
       3. <br> in the Heading field → Shopify STRIPS HTML ON SAVE.
          Confirmed by fetching the raw server HTML.
     ⇒ The headline is now plain real text from the Heading field.
       NEVER put copy back into CSS content:.
     ⇒ If two lines are ever essential, the only routes left are
       splitting across two theme fields, or rewording so line 2 is
       SHORTER than line 1 (then max-width works).
   ⚠ The block has no heading-level setting, so the theme renders a
     <p>. A separate Custom Liquid injector promotes it to <h1> — the
     page had none. Remove that section and the page loses its H1.
   SCALING:  The PANEL is a container (container-type: inline-size);
             sizes inside are cqw, so the block scales as ONE UNIT.
             ⚠ Do NOT reintroduce vw here.
   ⚠ ONE GAP VALUE. --y-gap drives all three vertical gaps.
   ANATOMY (verified Aug 2026):
             .promotion-grid__promotion.promotion__item-promotion_pEetzE
              ├ .promotion-grid__item__media   ← broken image, hidden
              └ .promotion-grid__item__content
                 └ .promotion-grid__item__heading__wrapper
                      .heading-content-spacing   ⚠ adds big gaps
                    ├ p.subheading        ← eyebrow
                    ├ p.heading-medium.h2 ← headline (promoted to h1)
                    └ div.rte             ← body copy
                 └ custom-button × 2      ← Call / Live chat
   ⚠ OTHER WARNINGS:
     - ⚠ TEXT IS WHITE. Invisible before Y1 painted the panel black.
     - ⚠ SPACING COMES FROM THREE PLACES: the theme's
       .heading-content-spacing gap, plus margins on .subheading,
       .heading-medium and .rte. Y2b zeroes the theme's.
     - ⚠ A BROKEN IMAGE is assigned to this block. Y2 hides the media
       container; fix properly by clearing the image in the editor.
     - Content is pointer-events:none from the theme; buttons
       re-enable it. Don't add pointer-events to the wrapper.
   ▸ DIALS:  (Y0) colours + cqw ratios + --y-gap · (Y7) button size
   ═══════════════════════════════════════════════════════════════════ */
/* (Y0) SECTION FRAME + PROPORTIONS */
#shopify-section-template--31593151463755__promotion_grid_pwnLKF {
  --y-panel:   #111111;   /* ◀ panel colour */
  --y-radius:  clamp(10px, 1cqw, 18px);   /* ◀ corner radius */
  --y-muted:   #9CA3AF;   /* ◀ eyebrow + body grey */
  --y-pad-y:   clamp(14px, 2.1cqw, 34px);    /* ◀ panel padding top/bottom */
  --y-pad-x:   clamp(18px, 3.6cqw, 60px);    /* ◀ panel padding sides */
  --y-eyebrow: clamp(9px,  0.85cqw, 13px);   /* ◀ eyebrow size */
  --y-head:    clamp(22px, 3.6cqw,  48px);   /* ◀ headline size (one line) */
  --y-body:    clamp(12px, 1.15cqw, 16px);   /* ◀ body size */
  --y-btn:     clamp(11px, 1.05cqw, 15px);   /* ◀ button text size */
  --y-gap:     clamp(11px, 1.5cqw,  26px);   /* ◀ ALL THREE gaps */
  background: #FFFFFF !important;
  padding-top: clamp(6px, 0.7vw, 12px) !important;
  padding-bottom: clamp(6px, 0.7vw, 12px) !important;
}
/* (Y1) PANEL — ⚠ container-type makes cqw resolve against THIS panel */
#shopify-section-template--31593151463755__promotion_grid_pwnLKF .promotion__item-promotion_pEetzE {
  container-type: inline-size !important;
  background: var(--y-panel) !important;
  border-radius: var(--y-radius) !important;
  overflow: hidden !important;
  min-height: 0 !important;
  height: auto !important;
  padding: var(--y-pad-y) var(--y-pad-x) !important;
}
#shopify-section-template--31593151463755__promotion_grid_pwnLKF .promotion-grid__wrapper > div {
  grid-template-columns: 1fr !important;
}
/* (Y2) ⚠ HIDE THE BROKEN IMAGE — kept in the DOM for tile sizing */
#shopify-section-template--31593151463755__promotion_grid_pwnLKF .promotion-grid__item__media,
#shopify-section-template--31593151463755__promotion_grid_pwnLKF .scheme-image-overlay {
  display: none !important;
}
/* (Y2b) ⚠ KILL THE THEME'S OWN GAPS — source of the excess height */
#shopify-section-template--31593151463755__promotion_grid_pwnLKF .heading-content-spacing,
#shopify-section-template--31593151463755__promotion_grid_pwnLKF .promotion-grid__item__heading__wrapper {
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  row-gap: 0 !important;
}
/* (Y3) CONTENT — normal flow, left aligned */
#shopify-section-template--31593151463755__promotion_grid_pwnLKF .promotion-grid__item__content {
  position: static !important;
  transform: none !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  max-width: 88cqw !important;   /* ▸ copy measure, panel-relative */
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}
/* (Y4) EYEBROW */
#shopify-section-template--31593151463755__promotion_grid_pwnLKF .subheading,
#shopify-section-template--31593151463755__promotion_grid_pwnLKF .subheading span {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: var(--y-eyebrow) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;   /* ▸ tracking */
  line-height: 1.2 !important;
  color: var(--y-muted) !important;
}
#shopify-section-template--31593151463755__promotion_grid_pwnLKF .subheading {
  margin: 0 0 var(--y-gap) 0 !important;
}
/* (Y5) HEADLINE — ⚠ REAL TEXT from the Heading field. Selectors cover
   both p and h1 because the injector swaps the tag.
   NEVER add content: here — see the history in the block header. */
#shopify-section-template--31593151463755__promotion_grid_pwnLKF .heading-medium,
#shopify-section-template--31593151463755__promotion_grid_pwnLKF .heading-medium span,
#shopify-section-template--31593151463755__promotion_grid_pwnLKF h1.heading-medium,
#shopify-section-template--31593151463755__promotion_grid_pwnLKF p.heading-medium {
  font-family: 'Antonio', sans-serif !important;
  font-size: var(--y-head) !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  letter-spacing: 0.01em !important;
  color: #FFFFFF !important;
  text-transform: uppercase !important;
  max-width: none !important;
}
#shopify-section-template--31593151463755__promotion_grid_pwnLKF h1.heading-medium,
#shopify-section-template--31593151463755__promotion_grid_pwnLKF p.heading-medium {
  margin: 0 0 var(--y-gap) 0 !important;
}
/* (Y6) BODY COPY */
#shopify-section-template--31593151463755__promotion_grid_pwnLKF .rte,
#shopify-section-template--31593151463755__promotion_grid_pwnLKF .rte p,
#shopify-section-template--31593151463755__promotion_grid_pwnLKF .rte span {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: var(--y-body) !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  color: var(--y-muted) !important;
  margin: 0 !important;
}
#shopify-section-template--31593151463755__promotion_grid_pwnLKF .rte strong,
#shopify-section-template--31593151463755__promotion_grid_pwnLKF .rte a,
#shopify-section-template--31593151463755__promotion_grid_pwnLKF .rte strong * {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}
/* (Y7) BUTTONS — 1st white/filled, 2nd outlined.
   ▸ If they render the wrong way round, swap the nth-of-type numbers. */
#shopify-section-template--31593151463755__promotion_grid_pwnLKF custom-button {
  display: inline-block !important;
  margin: var(--y-gap) clamp(8px, 0.8cqw, 14px) 0 0 !important;
}
#shopify-section-template--31593151463755__promotion_grid_pwnLKF custom-button + custom-button {
  margin-top: var(--y-gap) !important;
}
#shopify-section-template--31593151463755__promotion_grid_pwnLKF custom-button a.button {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: var(--y-btn) !important;
  font-weight: 700 !important;
  border-radius: clamp(6px, 0.6cqw, 10px) !important;
  padding: clamp(8px, 0.8cqw, 12px) clamp(14px, 1.7cqw, 26px) !important;
  min-height: 0 !important;
  line-height: 1.15 !important;
  pointer-events: auto !important;    /* ⚠ theme sets none on parent */
  transition: background 0.2s ease, color 0.2s ease !important;
}
#shopify-section-template--31593151463755__promotion_grid_pwnLKF custom-button a.button .button-text,
#shopify-section-template--31593151463755__promotion_grid_pwnLKF custom-button a.button span {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: var(--y-btn) !important;
  font-weight: 700 !important;
}
/* primary — white fill */
#shopify-section-template--31593151463755__promotion_grid_pwnLKF custom-button:nth-of-type(1) a.button {
  background: #FFFFFF !important;
  border: 1px solid #FFFFFF !important;
}
#shopify-section-template--31593151463755__promotion_grid_pwnLKF custom-button:nth-of-type(1) a.button,
#shopify-section-template--31593151463755__promotion_grid_pwnLKF custom-button:nth-of-type(1) a.button * {
  color: #111111 !important;
}
#shopify-section-template--31593151463755__promotion_grid_pwnLKF custom-button:nth-of-type(1) a.button:hover {
  background: #e5e7eb !important;
  border-color: #e5e7eb !important;
}
/* secondary — outlined */
#shopify-section-template--31593151463755__promotion_grid_pwnLKF custom-button:nth-of-type(2) a.button {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.45) !important;
}
#shopify-section-template--31593151463755__promotion_grid_pwnLKF custom-button:nth-of-type(2) a.button,
#shopify-section-template--31593151463755__promotion_grid_pwnLKF custom-button:nth-of-type(2) a.button * {
  color: #FFFFFF !important;
}
#shopify-section-template--31593151463755__promotion_grid_pwnLKF custom-button:nth-of-type(2) a.button:hover {
  background: rgba(255,255,255,0.12) !important;
  border-color: #FFFFFF !important;
}
/* (Y8) MOBILE — panel goes near full-bleed, so the cqw ratios would
   over-scale; these re-anchor to fixed sizes. */
@media (max-width: 767px) {
  #shopify-section-template--31593151463755__promotion_grid_pwnLKF {
    --y-pad-y:   18px;
    --y-pad-x:   18px;
    --y-eyebrow: 10px;
    --y-head:    26px;
    --y-body:    13px;
    --y-btn:     13px;
    --y-gap:     14px;
    --y-radius:  12px;
  }
  #shopify-section-template--31593151463755__promotion_grid_pwnLKF .promotion-grid__item__content {
    max-width: 100% !important;
  }
  #shopify-section-template--31593151463755__promotion_grid_pwnLKF custom-button {
    display: block !important;
    width: 100% !important;
    margin-right: 0 !important;
  }
  #shopify-section-template--31593151463755__promotion_grid_pwnLKF custom-button a.button {
    display: block !important;
    text-align: center !important;
  }
}
/* ═══════════ END Y: contact hero ═══════════ */

/* ═══════════════════════════════════════════════════════════════════
   M. MEGA NAV — tabbed mega menu grammar (Rainwater first)  v1.5
   ═══════════════════════════════════════════════════════════════════
   TARGET:   .mega-menu__panel.tabbed-mega-menu__container, desktop
             header only (≥1024px). Class-based; applies to EVERY
             tabbed panel by design.
   REQUIRES: AGD · MEGA NAV section v3.1 (kicker + brand mark, titles
             + subs, counts, pills, status lines, frames + tags, brand
             strip, unavailable state, coming-soon TEMP, icon slots,
             static rail tabs + scroll reset, close pill).
   UNIT:     --mm-u = min(100vw/1440, 1px). ⚠ The header is ZOOMED
             0.94/0.90/0.86 between 1024 and 1279 (top of file); vw is
             not shrunk by zoom, so M0b DIVIDES the unit by the zoom
             factor in those bands. Keep M0b's breakpoints in sync
             with the HEADER zoom rules.
   ⚠ WARNINGS:
     - Block A owns panel + link colours (!important). M sets resting
       colours with !important where it must differ; hover stays A's.
     - Block A §3 (a[href$="#h"] margin-top) still fires on any group
       heading whose href ends in #h: drop #h from those admin links.
     - Rail ul and li are both -scale-x-100 (scrollbar-on-left trick).
     - M1's active-tab bar rides the theme's .hover-rect (assumed
       position:absolute; inset:0).
     - M2: inactive panes are `invisible absolute`; an absolutely
       positioned pane STILL adds to scroll height (scroll-to-white).
       They are display:none here. overscroll-behavior stops the wheel
       chaining to the page at the bottom (closed the panel).
     - Group li and range li BOTH carry .mega-menu__item.
     - M5c FRAME is a ::before pinned to the cell; the cell stretches
       to its grid row. NEVER frame with padding/negative margins.
     - ONE FADE VALUE (--mm-fade): sub, coming soon, unavailable.
     - M7 ICONS render only on a.agd-mm-ico (ICONS_ON). Until then M6
       holds block B's icons off.
     - NEVER add rules to .tabbed-mega-menu__container outside the
       @media block.
   ▸ DIALS:  M0 tokens + rail width · M1 rail type · M2 scrollbar ·
             M3 head + pills · M3b brand strip · M4 grid gaps · M5
             group rhythm + sub fade · M5b status size · M5c frame +
             tag · M5e note size · M5f mark height · M7 icon size ·
             M8 panel edge + drop · M9 close pill
   ═══════════════════════════════════════════════════════════════════ */
@media (min-width: 1024px) {

/* (M0) UNIT + TOKENS */
.mega-menu__panel.tabbed-mega-menu__container {
  --mm-u:      min(calc(100vw / 1440), 1px);        /* ▸ 1440 anchor */
  --mm-ink:    #111111;
  --mm-muted:  #8A8A8A;
  --mm-body:   #3A3A3A;                             /* ▸ range link colour */
  --mm-line:   #E6E6E6;
  --mm-fill:   #F1F1F1;                             /* ▸ active tab fill */
  --mm-frame:  #F5F3EF;                             /* ▸ featured cell fill (warm grey) */
  --mm-green:  #1F7A3A;
  --mm-amber:  #B4640A;
  --mm-red:    #B42318;
  --mm-lead:   #0470BA;
  --mm-fade:   .42;                                 /* ▸ shared fade: sub, soon, unavailable */
  --mm-rail-w: calc(324 * var(--mm-u));             /* ▸ rail width */
}
.mega-menu__panel.tabbed-mega-menu__container .tabbed-mega-menu__list {
  padding: calc(28 * var(--mm-u)) 0 calc(28 * var(--mm-u)) calc(28 * var(--mm-u)) !important;
  gap: calc(36 * var(--mm-u)) !important;
}

/* (M1) RAIL */
.mega-menu__panel.tabbed-mega-menu__container .menu-tab {
  width: var(--mm-rail-w) !important;
  flex: 0 0 var(--mm-rail-w) !important;
}
.mega-menu__panel.tabbed-mega-menu__container .menu-tab > div:first-child { padding: 0 !important; }
.mega-menu__panel.tabbed-mega-menu__container .menu-tab > div:first-child > div {
  border: 0 !important;
  padding: 0 calc(20 * var(--mm-u)) calc(18 * var(--mm-u)) !important;
}
.mega-menu__panel.tabbed-mega-menu__container .menu-tab p.h5 {
  font-family: 'Antonio', sans-serif !important;
  font-size: calc(26 * var(--mm-u)) !important;     /* ▸ rail title */
  letter-spacing: .03em !important;
  line-height: 1 !important;
  margin: 0 !important;
}
.mega-menu__panel.tabbed-mega-menu__container .tabbed-mega-menu-list {
  padding-right: calc(8 * var(--mm-u)) !important;
  overscroll-behavior: contain;
}
.mega-menu__panel.tabbed-mega-menu__container li.menu-item {
  border-radius: 0 !important;
  border-bottom: 1px solid var(--mm-line) !important;
}
.mega-menu__panel.tabbed-mega-menu__container li.menu-item .sub-menu {
  padding: calc(15 * var(--mm-u)) calc(16 * var(--mm-u)) calc(15 * var(--mm-u)) calc(20 * var(--mm-u)) !important;
}
.mega-menu__panel.tabbed-mega-menu__container li.menu-item a.link > span:first-child {
  font-family: 'Antonio', sans-serif !important;
  font-weight: 700 !important;
  font-size: calc(15 * var(--mm-u)) !important;     /* ▸ tab label */
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}
.mega-menu__panel.tabbed-mega-menu__container li.menu-item .icon-child {
  width: calc(18 * var(--mm-u)) !important;
  height: calc(18 * var(--mm-u)) !important;
  color: #9A9A9A !important;
}
.mega-menu__panel.tabbed-mega-menu__container a.agd-mm-rail-static { cursor: default !important; }
.mega-menu__panel.tabbed-mega-menu__container a.agd-mm-rail-static,
.mega-menu__panel.tabbed-mega-menu__container a.agd-mm-rail-static > span { opacity: 1 !important; }
.mega-menu__panel.tabbed-mega-menu__container li.menu-item .hover-rect {
  position: absolute !important; inset: 0 !important;
  background: var(--mm-fill) !important;
  border-radius: calc(6 * var(--mm-u)) !important;
}
.mega-menu__panel.tabbed-mega-menu__container li.menu-item .hover-rect::before {
  content: "";
  position: absolute;
  left: calc(12 * var(--mm-u));
  top: calc(14 * var(--mm-u)); bottom: calc(14 * var(--mm-u));
  width: 2px;
  background: var(--mm-ink);
}

/* (M2) CONTENT PANE (see header warning on inactive panes + chaining) */
.mega-menu__panel.tabbed-mega-menu__container .tabbed-menu_content {
  border-left: 1px solid var(--mm-line);
  padding: 0 calc(28 * var(--mm-u)) 0 calc(36 * var(--mm-u)) !important;
  margin: 0 !important;
  gap: 0 !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #B9B9BC transparent;             /* ▸ thumb */
}
.mega-menu__panel.tabbed-mega-menu__container .tabbed-menu_content::-webkit-scrollbar { width: 8px; }   /* ▸ */
.mega-menu__panel.tabbed-mega-menu__container .tabbed-menu_content::-webkit-scrollbar-track { background: #F1F1F1; border-radius: 999px; }
.mega-menu__panel.tabbed-mega-menu__container .tabbed-menu_content::-webkit-scrollbar-thumb { background: #B9B9BC; border-radius: 999px; }
.mega-menu__panel.tabbed-mega-menu__container .tabbed-menu_content::-webkit-scrollbar-thumb:hover { background: #8A8A8A; }
.mega-menu__panel.tabbed-mega-menu__container .tabbed-menu_menu-list > .tabbed-mega-menu:not(.is-open) { display: none !important; }

/* (M3) PANE HEAD: title + brand pills */
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-head {
  display: flex; align-items: center; flex-wrap: wrap;
  gap: calc(22 * var(--mm-u));
  padding: 0 0 calc(18 * var(--mm-u));
  margin: 0 0 calc(24 * var(--mm-u));               /* ▸ head → grid */
  border-bottom: 1px solid var(--mm-line);
}
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-pane-title {
  font-family: 'Antonio', sans-serif !important;
  font-weight: 700 !important;
  font-size: calc(22 * var(--mm-u)) !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  color: var(--mm-ink) !important;
  margin: 0 !important;
}
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-pills { display: flex; flex-wrap: wrap; gap: calc(8 * var(--mm-u)); }
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-pill {
  display: inline-flex; align-items: center; gap: calc(6 * var(--mm-u));
  height: calc(36 * var(--mm-u));
  padding: 0 calc(15 * var(--mm-u));
  border: 1px solid #D9D9DC; border-radius: 999px;
  background: #FFFFFF; background-image: none !important;
  font-family: 'Antonio', sans-serif; font-weight: 700;
  font-size: calc(13 * var(--mm-u));
  letter-spacing: .06em; text-transform: uppercase; line-height: 1;
  color: var(--mm-ink);
  cursor: pointer;
  transition: border-color .12s ease, background-color .12s ease, color .12s ease;
}
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-pill span {
  font-family: 'Hanken Grotesk', sans-serif; font-weight: 400;
  font-size: calc(12 * var(--mm-u)); letter-spacing: 0;
  color: var(--mm-muted);
}
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-pill:hover { border-color: #8A8A8A; }
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-pill.is-active { background: var(--mm-ink); border-color: var(--mm-ink); color: #FFFFFF; }
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-pill.is-active span { color: rgba(255,255,255,.6); }

/* (M3b) BRAND STRIP: under the head while a brand pill is active */
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-brand {
  display: none; align-items: center;
  gap: calc(18 * var(--mm-u));
  padding: calc(12 * var(--mm-u)) calc(16 * var(--mm-u));
  margin: calc(-12 * var(--mm-u)) 0 calc(24 * var(--mm-u));
  background: #F7F7F8;                              /* ▸ */
  border: 1px solid var(--mm-line);
  border-radius: calc(8 * var(--mm-u));
  font-family: 'Hanken Grotesk', sans-serif;
}
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-brand.is-on { display: flex; }
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-brand b {
  flex: 0 0 auto;
  font-family: 'Antonio', sans-serif; font-weight: 700;
  font-size: calc(14 * var(--mm-u)); letter-spacing: .06em; text-transform: uppercase;
  color: var(--mm-ink);
}
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-brand p { flex: 1 1 auto; margin: 0; font-size: calc(13 * var(--mm-u)); color: #4A4A4A; }

/* (M4) GRID */
.mega-menu__panel.tabbed-mega-menu__container .tabbed-mega-menu > ul.grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: calc(40 * var(--mm-u)) calc(44 * var(--mm-u)) !important;   /* ▸ row / column */
}
.mega-menu__panel.tabbed-mega-menu__container .tabbed-mega-menu > ul.grid > li.mega-menu__item { gap: 0 !important; }
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-hidden { display: none !important; }

/* (M5) GROUP: mark + kicker · title (+sub) + count · status · links */
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-kicker {
  display: flex; align-items: center; gap: calc(8 * var(--mm-u));
  font-family: 'Antonio', sans-serif; font-weight: 600;
  font-size: calc(11 * var(--mm-u));
  letter-spacing: .14em; text-transform: uppercase; line-height: 1;
  color: var(--mm-muted);
  padding-bottom: calc(8 * var(--mm-u));
  border-bottom: 1px solid var(--mm-line);
  margin-bottom: calc(12 * var(--mm-u));
}
/* (M5f) BRAND MARK in the kicker row (BRANDS.logo / logoAlt) */
.mega-menu__panel.tabbed-mega-menu__container .agd-brand-mark { flex: 0 0 auto; height: calc(16 * var(--mm-u)); }   /* ▸ mark height */
.mega-menu__panel.tabbed-mega-menu__container .agd-brand-mark img { height: 100%; width: auto; max-width: calc(72 * var(--mm-u)); object-fit: contain; display: block; }
.mega-menu__panel.tabbed-mega-menu__container .tabbed-mega-menu .h6 { margin: 0 !important; }
.mega-menu__panel.tabbed-mega-menu__container a.agd-mm-h {
  display: flex !important; align-items: baseline !important; justify-content: space-between !important;
  gap: calc(10 * var(--mm-u));
  font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 700 !important;
  font-size: calc(15 * var(--mm-u)) !important;
  line-height: 1.3 !important; letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--mm-ink) !important;
  background-image: none !important;
  text-decoration: none !important;
}
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-sub { color: inherit; font: inherit; opacity: var(--mm-fade); }
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-count {
  font-family: 'Hanken Grotesk', sans-serif; font-weight: 400;
  font-size: calc(12 * var(--mm-u));
  color: var(--mm-muted);
}
/* (M5b) STATUS LINE: card grammar, one step quieter */
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-status {
  display: inline-flex; align-items: center; gap: calc(6 * var(--mm-u));
  margin-top: calc(8 * var(--mm-u));
  font-family: 'Hanken Grotesk', sans-serif; font-weight: 500;
  font-size: calc(12 * var(--mm-u));                /* ▸ */
  line-height: 1.2;
}
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-status i {
  width: calc(6 * var(--mm-u)); height: calc(6 * var(--mm-u));
  border-radius: 50%; background: currentColor; flex: 0 0 auto;
}
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-status.is-in   { color: var(--mm-green); }
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-status.is-lead { color: var(--mm-lead); }
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-status.is-mto  { color: var(--mm-amber); }
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-status.is-out  { color: var(--mm-red); }
.mega-menu__panel.tabbed-mega-menu__container ul.last-level-menu { margin-top: calc(16 * var(--mm-u)) !important; }
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-status + ul.last-level-menu { margin-top: calc(12 * var(--mm-u)) !important; }
.mega-menu__panel.tabbed-mega-menu__container ul.last-level-menu > li { margin-top: calc(7 * var(--mm-u)) !important; }   /* ▸ link rhythm */
.mega-menu__panel.tabbed-mega-menu__container ul.last-level-menu > li:first-child { margin-top: 0 !important; }
.mega-menu__panel.tabbed-mega-menu__container ul.last-level-menu a.link {
  display: inline-flex !important; align-items: center; gap: calc(10 * var(--mm-u));
  font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 400 !important;
  font-size: calc(14 * var(--mm-u)) !important;
  line-height: 1.35 !important;
  color: var(--mm-body) !important;
  background-image: none !important;
  text-decoration: none !important;
}
/* (M5c) FRAME + TAG: featured cells. Cell stretches to its grid row,
   so the pinned ::before frame runs to the row height and sibling
   featured cells come out identical. Tag = ink pill on the frame's
   top-right edge; its presence promotes the frame border to ink.
   Both hide when a brand pill is active (.agd-mm-filtered). */
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-hi {
  position: relative; isolation: isolate;
  align-self: stretch;
  height: 100% !important;
}
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-hi::before {
  content: "";
  position: absolute; z-index: -1;
  inset: calc(-14 * var(--mm-u)) calc(-16 * var(--mm-u)) calc(-16 * var(--mm-u));   /* ▸ outset */
  background: var(--mm-frame);
  border: 1px solid var(--mm-line);
  border-radius: calc(8 * var(--mm-u));
}
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-hi.agd-mm-has-tag::before { border-color: var(--mm-ink); }
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-hi .agd-mm-kicker { border-color: #DDD9D2; }
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-x {
  position: absolute; z-index: 1;
  top: calc(-14 * var(--mm-u) - 1px);
  right: calc(-16 * var(--mm-u) - 1px);
  transform: translateY(-50%);
  padding: calc(4 * var(--mm-u)) calc(9 * var(--mm-u));
  border-radius: 999px;
  background: var(--mm-ink); color: #FFFFFF;
  font-family: 'Antonio', sans-serif; font-weight: 700;
  font-size: calc(10 * var(--mm-u));                /* ▸ tag size */
  letter-spacing: .06em; text-transform: uppercase; line-height: 1;
  white-space: nowrap;
}
.mega-menu__panel.tabbed-mega-menu__container .tabbed-mega-menu.agd-mm-filtered .agd-mm-hi::before,
.mega-menu__panel.tabbed-mega-menu__container .tabbed-mega-menu.agd-mm-filtered .agd-mm-x { display: none; }

/* ╔═══════════════════════════════════════════════════════════════╗
   ║  (M5d) TEMP · COMING SOON                                      ║
   ║  Partner of the TEMP block in AGD · MEGA NAV. Delete together. ║
   ╚═══════════════════════════════════════════════════════════════╝ */
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-soon > div {
  opacity: var(--mm-fade);
  pointer-events: none;
}
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-soon a { cursor: default !important; }
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-status.is-soon { color: var(--mm-muted); }
/* ═══════════════ END (M5d) TEMP · COMING SOON ═══════════════ */

/* (M5e) UNAVAILABLE ONLINE: unavailable:'note' ranges. Cell fades,
   links inert, note + Contact link below at full strength. */
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-unav > div {
  opacity: var(--mm-fade);
  pointer-events: none;
}
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-unav a { cursor: default !important; }
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-status.is-unav { color: var(--mm-muted); }
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-note {
  margin: calc(12 * var(--mm-u)) 0 0;
  font-family: 'Hanken Grotesk', sans-serif;
  font-size: calc(12.5 * var(--mm-u));              /* ▸ */
  line-height: 1.4;
  color: #6B6B6B;
}
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-note a {
  color: var(--mm-lead) !important; font-weight: 700;
  background-image: none !important;
  cursor: pointer !important; pointer-events: auto;
}

/* (M7) PROFILE ICONS: only on links the section flagged (ICONS_ON) */
.mega-menu__panel.tabbed-mega-menu__container ul.last-level-menu a.link.agd-mm-ico::before {
  content: "" !important;
  display: block !important;
  flex: 0 0 auto;
  width: calc(22 * var(--mm-u)); height: calc(22 * var(--mm-u));   /* ▸ icon size */
  margin: 0 !important;
  border-radius: calc(4 * var(--mm-u));
  background: var(--agd-ico) center / contain no-repeat !important;
  opacity: .9;
}

/* (M8) PANEL CHROME: visible bottom edge + soft drop */
.mega-menu__panel.tabbed-mega-menu__container {
  border-bottom: 1px solid #D9D9DC !important;      /* ▸ edge */
  box-shadow: 0 18px 40px rgba(17,17,17,.10) !important;   /* ▸ drop */
}

/* (M9) CLOSE PILL: small solid pill, bottom-right. Escape closes too.
   The section holds the panel shut (.agd-mm-closed) until the pointer
   leaves the nav item, otherwise the theme's hover re-opens it. */
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-close {
  position: absolute; z-index: 5;
  bottom: calc(14 * var(--mm-u)); right: calc(18 * var(--mm-u));   /* ▸ */
  display: inline-flex; align-items: center; gap: calc(6 * var(--mm-u));
  height: calc(26 * var(--mm-u));                   /* ▸ pill height */
  padding: 0 calc(11 * var(--mm-u));
  border: 0; border-radius: 999px;
  background: var(--mm-ink); background-image: none !important;
  color: #FFFFFF;
  font-family: 'Antonio', sans-serif; font-weight: 700;
  font-size: calc(11 * var(--mm-u));                /* ▸ */
  letter-spacing: .08em; text-transform: uppercase; line-height: 1;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(17,17,17,.14);
  transition: background-color .12s ease;
}
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-close:hover { background: #2563EB; }
.mega-menu__panel.tabbed-mega-menu__container .agd-mm-close svg { display: block; width: calc(9 * var(--mm-u)); height: calc(9 * var(--mm-u)); }
.mega-menu__panel.tabbed-mega-menu__container.agd-mm-closed { display: none !important; }

/* (M10) SHOP BY BRAND: card grid. Cards are server-rendered by the
   section into #agd-brand-cards (hidden) and MOVED into the column
   panel by decorateBrandPanel(). The theme's link list is hidden, not
   removed, so its links stay in the DOM. .agd-sbb-soon is the TEMP
   coming-soon line on a card. */
.mega-menu__panel.column-mega-menu {
  --mm-u: min(calc(100vw / 1440), 1px);
  border-bottom: 1px solid #D9D9DC !important;
  box-shadow: 0 18px 40px rgba(17,17,17,.10) !important;
}
.mega-menu__panel.column-mega-menu .column-mega-menu-container { padding: calc(28 * var(--mm-u)) calc(32 * var(--mm-u)) calc(32 * var(--mm-u)) !important; display: block !important; }
.mega-menu__panel.column-mega-menu .column-mega-menu-container.agd-sbb-on > .column-menu__link-list { display: none !important; }
.mega-menu__panel.column-mega-menu .agd-sbb-head {
  display: flex; align-items: baseline; gap: calc(18 * var(--mm-u));
  padding-bottom: calc(18 * var(--mm-u)); margin-bottom: calc(22 * var(--mm-u));
  border-bottom: 1px solid #E6E6E6;
}
.mega-menu__panel.column-mega-menu .agd-sbb-title { margin: 0; font-family: 'Antonio', sans-serif; font-weight: 700; font-size: calc(22 * var(--mm-u)); letter-spacing: .04em; text-transform: uppercase; color: #111111; }
.mega-menu__panel.column-mega-menu .agd-sbb-head .agd-sbb-line { margin: 0; font-family: 'Hanken Grotesk', sans-serif; font-size: calc(13 * var(--mm-u)); color: #6B6B6B; }
.mega-menu__panel.column-mega-menu .agd-sbb { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(18 * var(--mm-u)); }   /* ▸ columns */
.mega-menu__panel.column-mega-menu .agd-sbb-card {
  position: relative; display: flex; flex-direction: column; gap: calc(12 * var(--mm-u));
  padding: calc(20 * var(--mm-u)) calc(20 * var(--mm-u)) calc(18 * var(--mm-u));
  background: #FFFFFF; border: 1px solid #E6E6E6; border-radius: calc(10 * var(--mm-u));
  text-decoration: none !important; background-image: none !important;
  transition: border-color .15s ease, transform .15s ease;
}
.mega-menu__panel.column-mega-menu .agd-sbb-card:hover { border-color: #111111; transform: translateY(-2px); }
.mega-menu__panel.column-mega-menu .agd-sbb-card.is-agd { background: #F5F3EF; border-color: #111111; }
.mega-menu__panel.column-mega-menu .agd-sbb-logo { height: calc(34 * var(--mm-u)); display: flex; align-items: center; }   /* ▸ logo height */
.mega-menu__panel.column-mega-menu .agd-sbb-logo img { height: 100%; width: auto; max-width: calc(150 * var(--mm-u)); object-fit: contain; object-position: left; }
.mega-menu__panel.column-mega-menu .agd-sbb-name { font-family: 'Hanken Grotesk', sans-serif; font-weight: 700; font-size: calc(16 * var(--mm-u)); line-height: 1.25; color: #111111 !important; }
.mega-menu__panel.column-mega-menu .agd-sbb-card .agd-sbb-line { flex: 1 1 auto; font-family: 'Hanken Grotesk', sans-serif; font-size: calc(13 * var(--mm-u)); line-height: 1.45; color: #4A4A4A !important; }
.mega-menu__panel.column-mega-menu .agd-sbb-cta { font-family: 'Antonio', sans-serif; font-weight: 700; font-size: calc(12 * var(--mm-u)); letter-spacing: .08em; text-transform: uppercase; color: #0470BA !important; }
.mega-menu__panel.column-mega-menu b.agd-sbb-x {
  position: absolute; top: -1px; right: calc(14 * var(--mm-u)); transform: translateY(-50%);
  padding: calc(4 * var(--mm-u)) calc(9 * var(--mm-u)); border-radius: 999px;
  background: #111111; color: #FFFFFF;
  font-family: 'Antonio', sans-serif; font-weight: 700; font-size: calc(10 * var(--mm-u));
  letter-spacing: .06em; text-transform: uppercase; line-height: 1;
}
.mega-menu__panel.column-mega-menu .agd-sbb-card.is-soon { pointer-events: none; cursor: default; }
.mega-menu__panel.column-mega-menu .agd-sbb-card.is-soon > *:not(.agd-sbb-x):not(.agd-sbb-soon) { opacity: .42; }
.mega-menu__panel.column-mega-menu .agd-sbb-soon { display: inline-flex; align-items: center; gap: calc(6 * var(--mm-u)); font-family: 'Hanken Grotesk', sans-serif; font-weight: 500; font-size: calc(12 * var(--mm-u)); color: #8A8A8A; }
.mega-menu__panel.column-mega-menu .agd-sbb-soon i { width: calc(6 * var(--mm-u)); height: calc(6 * var(--mm-u)); border-radius: 50%; background: currentColor; }
.mega-menu__panel.column-mega-menu .agd-mm-close {
  position: absolute; z-index: 5; bottom: calc(14 * var(--mm-u)); right: calc(18 * var(--mm-u));
  display: inline-flex; align-items: center; gap: calc(6 * var(--mm-u)); height: calc(26 * var(--mm-u)); padding: 0 calc(11 * var(--mm-u));
  border: 0; border-radius: 999px; background: #111111; color: #FFFFFF;
  font-family: 'Antonio', sans-serif; font-weight: 700; font-size: calc(11 * var(--mm-u)); letter-spacing: .08em; text-transform: uppercase; line-height: 1;
  cursor: pointer; box-shadow: 0 4px 12px rgba(17,17,17,.14);
}
.mega-menu__panel.column-mega-menu .agd-mm-close svg { display: block; width: calc(9 * var(--mm-u)); height: calc(9 * var(--mm-u)); }
.mega-menu__panel.column-mega-menu.agd-mm-closed { display: none !important; }

} /* end @media ≥1024 */

/* (M0b) UNIT COMPENSATION inside the header zoom bands. ⚠ Same
   breakpoints and factors as the HEADER rules at the top of the file. */
@media (min-width: 1180px) and (max-width: 1279px) { .mega-menu__panel.tabbed-mega-menu__container { --mm-u: min(calc(100vw / 1440 / 0.94), 1px); } }
@media (min-width: 1100px) and (max-width: 1179px) { .mega-menu__panel.tabbed-mega-menu__container { --mm-u: min(calc(100vw / 1440 / 0.90), 1px); } }
@media (min-width: 1024px) and (max-width: 1099px) { .mega-menu__panel.tabbed-mega-menu__container { --mm-u: min(calc(100vw / 1440 / 0.86), 1px); } }

/* (M6) ICON HOLD: block B profile icons off until every range has
   one. Keyed on the handle prefix like block B. DELETE THIS RULE
   when ICONS_ON goes true in the section. */
.mega-menu__panel a[href*="alumasc-"]::before {
  content: none !important;
  display: none !important;
}
/* ═══════════ END M: mega nav ═══════════ */

/* ═══════════════════════════════════════════════════════════════════
   N. MOBILE NAV — drawer restyle (<1024px)  v0.5
   ═══════════════════════════════════════════════════════════════════
   TARGET:   #x-header-mobile (the theme's lg:hidden mobile header).
   ANATOMY (dump-verified Sep 2026): #x-header-mobile > .modal-container
             > nav.main-nav-mobile > .mobile-header-toolbar (welcome +
             login strip) + #menu-navigation > scroll div >
             #menu-level-0 > .main-menu-lv0 > ul.h5 > li (level 0:
             div.menu-link > p > span > span, or > a for plain links)
             + .main-nav-mobile-bottom > .main-nav-mobile-toolbar > ul
             > li (4 links) + li.utility-block ×2 (phone, email).
             Level 1: .mobile-menu-drawer nested directly in a level-0
             li; its header is the FIRST li of its ul. Level 2: drawer
             nested in a level-1 li; header is a div before ul.grid.
             The theme reuses ids menu-level-1/2 on every drawer:
             classes only.
   ⚠ The theme paints links to the current page (href="/") white and
     everything else in the scheme's dim colour; N sets its own.
   ⚠ The desktop UTILITY BAR base rules make .phone-number and
     .email-address pointer-events:none site-wide; N1c re-enables.
   ⚠ N3 uses the doubled class (.agd-mn.agd-mn) to out-rank the
     theme's mobile menu rules; the tag is a <b> for the same reason.
   ⚠ EVERYTHING in N lives inside the @media block. N2/N3 once sat
     outside it and leaked onto desktop.
   ▸ DIALS:  N1 row type · N1b secondary colour · N1c band fill · N2
             header title · N3 cell padding, mark height, link rows
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 1023px) {

/* (N0) WELCOME / LOGIN STRIP: removed. Login stays reachable from the
   header icon. Delete this rule to restore. */
#x-header-mobile .mobile-header-toolbar { display: none !important; }

/* (N1) LEVEL 0 SHEET: white, big five in ink, chevrons, hairlines */
#x-header-mobile #menu-navigation { background: #FFFFFF !important; color: #111111; }
#x-header-mobile #menu-level-0 {
  --mn-ink:   #111111;
  --mn-muted: #8A8A8A;                              /* ▸ secondary link colour */
  --mn-line:  #E6E6E6;
  background: #FFFFFF !important;
}
#x-header-mobile .main-menu-lv0 { padding: 6px 16px 10px !important; border: 0 !important; }
#x-header-mobile .main-menu-lv0 > ul > li { border-bottom: 1px solid var(--mn-line); }
#x-header-mobile .main-menu-lv0 .menu-link { padding: 0 !important; opacity: 1 !important; color: var(--mn-ink) !important; }
#x-header-mobile .main-menu-lv0 .menu-link p,
#x-header-mobile .main-menu-lv0 .menu-link > a { padding: 15px 0 !important; }   /* ▸ row height */
#x-header-mobile .main-menu-lv0 .menu-link span {
  font-family: 'Antonio', sans-serif !important; font-weight: 700 !important;
  font-size: 17px !important;                       /* ▸ row type */
  letter-spacing: .04em; text-transform: uppercase;
  color: var(--mn-ink) !important; opacity: 1 !important; padding: 0 !important;
}
#x-header-mobile .main-menu-lv0 .icon-caret-mobile { color: #9A9A9A !important; width: 12px !important; }

/* (N1b) SECONDARY PAGES (items 6+): same type, muted, no rules */
#x-header-mobile .main-menu-lv0 > ul > li:nth-child(n+6) { border-bottom: 0; }
#x-header-mobile .main-menu-lv0 > ul > li:nth-child(n+6) .menu-link span { color: var(--mn-muted) !important; }
#x-header-mobile .main-menu-lv0 > ul > li:nth-child(n+6) .menu-link > a { padding: 11px 0 !important; }
#x-header-mobile .main-menu-lv0 > ul > li:nth-child(6) { margin-top: 14px; }

/* (N1c) UTILITY BAND: warm off-white, phone + email first */
#x-header-mobile .main-nav-mobile-bottom {
  background: #F5F3EF !important;                   /* ▸ band fill */
  margin: 18px 0 0 !important;
  padding: 14px 16px 20px !important;
  border-top: 1px solid #E6E6E6;
}
#x-header-mobile .main-nav-mobile-toolbar ul { display: flex; flex-direction: column; }
#x-header-mobile .main-nav-mobile-toolbar li.utility-block { order: -1; }
#x-header-mobile .main-nav-mobile-toolbar li.utility-block:last-child {
  margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #E3DFD8;
}
#x-header-mobile .main-nav-mobile-bottom .menu-link {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: 14px !important;
  color: #3A3A3A !important; opacity: 1 !important;
  padding: 7px 0 !important;
}
#x-header-mobile .main-nav-mobile-bottom .utility-block .menu-link { font-weight: 700 !important; color: var(--mn-ink) !important; pointer-events: auto !important; }
#x-header-mobile .main-nav-mobile-bottom .utility-block .menu-link span { pointer-events: auto !important; }
#x-header-mobile .main-nav-mobile-bottom .icon svg { color: var(--mn-ink); }

/* (N2) LEVEL 1 SHEET (material list) */
#x-header-mobile .main-menu-lv0 > ul > li > .mobile-menu-drawer {
  --mn-ink:   #111111;
  --mn-muted: #8A8A8A;
  --mn-line:  #E6E6E6;
  background: #FFFFFF !important;
  color: var(--mn-ink);
  overflow-x: hidden !important;
}
#x-header-mobile .main-menu-lv0 > ul > li > .mobile-menu-drawer > ul {
  padding: 0 16px 24px !important;
  overflow-x: hidden !important;
}
/* header row (first li; ul is flex-wrap so width is explicit) */
#x-header-mobile .main-menu-lv0 > ul > li > .mobile-menu-drawer > ul > li:first-child {
  position: sticky; top: 0; z-index: 2;
  width: calc(100% + 32px) !important; flex: 0 0 calc(100% + 32px) !important;
  margin: 0 -16px;
  padding: 6px 16px 8px !important;
  display: flex; align-items: center; gap: 8px;
  background: #FFFFFF;
  border: 0 !important; border-bottom: 1px solid var(--mn-line) !important; border-radius: 0 !important;
}
#x-header-mobile .main-menu-lv0 > ul > li > .mobile-menu-drawer > ul > li:first-child > span:first-child {
  flex: 0 0 auto; max-width: none !important; display: flex; align-items: center;
}
#x-header-mobile .main-menu-lv0 > ul > li > .mobile-menu-drawer > ul > li:first-child [aria-label="Back"] {
  display: flex !important; align-items: center; justify-content: center;
  width: 36px !important; height: 36px !important;              /* ▸ tap target */
  padding: 0 !important; margin-left: -6px;
  color: var(--mn-ink) !important;
}
#x-header-mobile .main-menu-lv0 > ul > li > .mobile-menu-drawer > ul > li:first-child [aria-label="Back"] svg { width: 14px !important; height: 14px !important; }
#x-header-mobile .main-menu-lv0 > ul > li > .mobile-menu-drawer > ul > li:first-child a.h5 {
  pointer-events: none;
  flex: 1 1 auto; min-width: 0;
  text-align: left !important;
  padding: 12px 0 12px 4px !important;
}
#x-header-mobile .main-menu-lv0 > ul > li > .mobile-menu-drawer > ul > li:first-child a.h5 span {
  font-family: 'Antonio', sans-serif !important; font-weight: 700 !important;
  font-size: 20px !important;                       /* ▸ header title */
  letter-spacing: .04em; text-transform: uppercase; white-space: nowrap;
  color: var(--mn-ink) !important; opacity: 1 !important;
}
#x-header-mobile .main-menu-lv0 > ul > li > .mobile-menu-drawer > ul > li:first-child > *:last-child:not(a) { display: none; }
/* material rows */
#x-header-mobile .main-menu-lv0 > ul > li > .mobile-menu-drawer > ul > li:not(:first-child) > div {
  border: 0 !important; border-bottom: 1px solid var(--mn-line) !important; border-radius: 0 !important;
  padding: 0 !important; opacity: 1 !important;
}
#x-header-mobile .main-menu-lv0 > ul > li > .mobile-menu-drawer > ul > li:not(:first-child) > div > p,
#x-header-mobile .main-menu-lv0 > ul > li > .mobile-menu-drawer > ul > li:not(:first-child) > div > a { padding: 15px 0 !important; flex: 1 1 auto; }
#x-header-mobile .main-menu-lv0 > ul > li > .mobile-menu-drawer > ul > li:not(:first-child) > div span {
  font-family: 'Antonio', sans-serif !important; font-weight: 700 !important;
  font-size: 17px !important;                       /* ▸ row type */
  letter-spacing: .04em; text-transform: uppercase;
  color: var(--mn-ink) !important; opacity: 1 !important; padding: 0 !important;
}
#x-header-mobile .main-menu-lv0 > ul > li > .mobile-menu-drawer > ul > li:not(:first-child) > div .icon-caret-mobile,
#x-header-mobile .main-menu-lv0 > ul > li > .mobile-menu-drawer > ul > li:not(:first-child) > div > span:last-child { color: #9A9A9A !important; width: 12px !important; }
#x-header-mobile .main-menu-lv0 > ul > li > .mobile-menu-drawer > ul > li:last-child > div { border-bottom: 0 !important; }

/* (N3) LEVEL 2 SHEET (range groups). Markup from decorateMobile(). */
#x-header-mobile .agd-mn.agd-mn {
  --mn-ink:   #111111; --mn-muted: #8A8A8A; --mn-body: #3A3A3A;
  --mn-line:  #E6E6E6; --mn-frame: #F5F3EF;
  --mn-green: #1F7A3A; --mn-lead:  #0470BA; --mn-amber: #B4640A; --mn-red: #B42318;
  --mn-fade:  .42;                                  /* ▸ matches desktop --mm-fade */
  background: #FFFFFF !important; color: var(--mn-ink);
  overflow-x: hidden !important; padding: 0 !important; left: 0 !important;
  width: 100% !important; box-sizing: border-box;
}
#x-header-mobile .agd-mn.agd-mn * { min-width: 0; box-sizing: border-box; }
/* header row */
#x-header-mobile .agd-mn.agd-mn > div:first-child {
  position: sticky; top: 0; z-index: 2; background: #FFFFFF;
  border: 0 !important; border-bottom: 1px solid var(--mn-line) !important; border-radius: 0 !important;
  margin: 0; padding: 6px 16px 8px !important;
  display: flex; align-items: center; gap: 8px;
}
#x-header-mobile .agd-mn.agd-mn > div:first-child > span:first-child { flex: 0 0 auto; max-width: none !important; display: flex; align-items: center; }
#x-header-mobile .agd-mn.agd-mn > div:first-child [aria-label="Back"] {
  display: flex !important; align-items: center; justify-content: center;
  width: 36px !important; height: 36px !important; padding: 0 !important; margin-left: -6px;
  color: var(--mn-ink) !important;
}
#x-header-mobile .agd-mn.agd-mn > div:first-child [aria-label="Back"] svg { width: 14px !important; height: 14px !important; }
#x-header-mobile .agd-mn.agd-mn > div:first-child a.h5 { pointer-events: none; flex: 1 1 auto; min-width: 0; text-align: left !important; padding: 12px 0 12px 4px !important; }
#x-header-mobile .agd-mn.agd-mn > div:first-child a.h5 span {
  font-family: 'Antonio', sans-serif !important; font-weight: 700 !important;
  font-size: 20px !important;                       /* ▸ header title */
  letter-spacing: .04em; text-transform: uppercase; white-space: nowrap;
  color: var(--mn-ink) !important; opacity: 1 !important;
}
/* chips + brand line */
#x-header-mobile .agd-mn.agd-mn > .agd-mn-chips { display: flex; gap: 8px; overflow-x: auto; padding: 12px 16px 4px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
#x-header-mobile .agd-mn.agd-mn > .agd-mn-chips::-webkit-scrollbar { display: none; }
#x-header-mobile .agd-mn.agd-mn .agd-mn-chip {
  flex: 0 0 auto; height: 32px; padding: 0 13px;
  border: 1px solid #D9D9DC; border-radius: 999px; background: #FFFFFF;
  color: var(--mn-ink) !important;
  font-family: 'Antonio', sans-serif !important; font-weight: 700; font-size: 12px !important;
  letter-spacing: .06em; text-transform: uppercase;
  display: inline-flex; align-items: center; gap: 6px;
}
#x-header-mobile .agd-mn.agd-mn .agd-mn-chip span { font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 400 !important; font-size: 11px !important; letter-spacing: 0; color: var(--mn-muted) !important; }
#x-header-mobile .agd-mn.agd-mn .agd-mn-chip.is-active { background: var(--mn-ink); border-color: var(--mn-ink); color: #FFFFFF !important; }
#x-header-mobile .agd-mn.agd-mn .agd-mn-chip.is-active span { color: rgba(255,255,255,.6) !important; }
#x-header-mobile .agd-mn.agd-mn > .agd-mn-brand { display: none; margin: 8px 16px 0; font-family: 'Hanken Grotesk', sans-serif !important; font-size: 13px !important; line-height: 1.4; color: #4A4A4A !important; }
#x-header-mobile .agd-mn.agd-mn > .agd-mn-brand.is-on { display: block; }
/* cards */
#x-header-mobile .agd-mn.agd-mn > ul.grid { display: flex !important; flex-direction: column; gap: 12px !important; padding: 14px 16px 24px !important; margin: 0 !important; width: 100% !important; }
#x-header-mobile .agd-mn.agd-mn > ul.grid > li {
  position: relative; width: 100%; overflow: visible !important;
  padding: 14px 14px 16px;                          /* ▸ cell padding */
  background: #FFFFFF; border: 1px solid var(--mn-line); border-radius: 8px;
}
#x-header-mobile .agd-mn.agd-mn > ul.grid > li.agd-mn-hidden { display: none; }
#x-header-mobile .agd-mn.agd-mn > ul.grid > li.agd-mn-hi { background: var(--mn-frame); border-color: var(--mn-ink); }
#x-header-mobile .agd-mn.agd-mn.agd-mn-filtered > ul.grid > li.agd-mn-hi { background: #FFFFFF; border-color: var(--mn-line); }
#x-header-mobile .agd-mn.agd-mn.agd-mn-filtered b.agd-mn-x { display: none !important; }
/* kicker + brand mark */
#x-header-mobile .agd-mn.agd-mn .agd-mn-kicker {
  display: flex; align-items: center; gap: 8px;
  font-family: 'Antonio', sans-serif !important; font-weight: 600 !important; font-size: 11px !important;
  letter-spacing: .14em; text-transform: uppercase; color: var(--mn-muted) !important;
  padding-bottom: 7px; border-bottom: 1px solid var(--mn-line); margin-bottom: 10px;
}
#x-header-mobile .agd-mn.agd-mn .agd-brand-mark { flex: 0 0 auto; height: 16px; }   /* ▸ mark height */
#x-header-mobile .agd-mn.agd-mn .agd-brand-mark img { height: 100%; width: auto; max-width: 72px; object-fit: contain; display: block; }
#x-header-mobile .agd-mn.agd-mn > ul.grid > li.agd-mn-hi .agd-mn-kicker { border-color: #DDD9D2; padding-right: 130px; }
/* title + sub + count */
#x-header-mobile .agd-mn.agd-mn a.agd-mn-h, #x-header-mobile .agd-mn.agd-mn a.agd-mn-h span {
  font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 700 !important; font-size: 16px !important;
  text-transform: none !important; letter-spacing: 0 !important; color: var(--mn-ink) !important; opacity: 1 !important;
}
#x-header-mobile .agd-mn.agd-mn a.agd-mn-h { display: flex !important; justify-content: space-between; align-items: baseline; gap: 10px; }
#x-header-mobile .agd-mn.agd-mn .agd-mn-sub { color: inherit !important; font: inherit !important; opacity: var(--mn-fade) !important; }
#x-header-mobile .agd-mn.agd-mn .agd-mn-count { font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 400 !important; font-size: 12px !important; color: var(--mn-muted) !important; }
/* status */
#x-header-mobile .agd-mn.agd-mn .agd-mn-status { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 500 !important; font-size: 12px !important; text-transform: none !important; letter-spacing: 0; }
#x-header-mobile .agd-mn.agd-mn .agd-mn-status i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
#x-header-mobile .agd-mn.agd-mn .agd-mn-status.is-in   { color: var(--mn-green) !important; }
#x-header-mobile .agd-mn.agd-mn .agd-mn-status.is-lead { color: var(--mn-lead) !important; }
#x-header-mobile .agd-mn.agd-mn .agd-mn-status.is-mto  { color: var(--mn-amber) !important; }
#x-header-mobile .agd-mn.agd-mn .agd-mn-status.is-out  { color: var(--mn-red) !important; }
#x-header-mobile .agd-mn.agd-mn .agd-mn-status.is-soon,
#x-header-mobile .agd-mn.agd-mn .agd-mn-status.is-unav { color: var(--mn-muted) !important; }
/* link rows: full-width, hairline, chevron, 44px tap target */
#x-header-mobile .agd-mn.agd-mn ul.last-level-menu { margin-top: 8px !important; }
#x-header-mobile .agd-mn.agd-mn ul.last-level-menu > li { margin: 0 !important; border-top: 1px solid #EEEEEE; }
#x-header-mobile .agd-mn.agd-mn ul.last-level-menu > li:first-child { border-top: 0; }
#x-header-mobile .agd-mn.agd-mn ul.last-level-menu a {
  display: flex !important; align-items: center; gap: 10px;
  min-height: 44px; padding: 9px 0 !important;      /* ▸ row height */
  font-family: 'Hanken Grotesk', sans-serif !important; font-size: 15px !important; line-height: 1.35;
  color: var(--mn-ink) !important; opacity: 1 !important; text-transform: none !important; white-space: normal;
}
#x-header-mobile .agd-mn.agd-mn ul.last-level-menu a::after {
  content: ""; margin-left: auto; flex: 0 0 auto;
  width: 7px; height: 7px;
  border-right: 1.5px solid #B9B9BC; border-bottom: 1.5px solid #B9B9BC;
  transform: rotate(-45deg);
}
/* tag */
#x-header-mobile .agd-mn.agd-mn b.agd-mn-x {
  position: absolute !important; top: 12px !important; right: 12px !important;
  display: inline-flex !important; align-items: center; height: 20px !important;
  padding: 0 9px !important; margin: 0 !important; border-radius: 999px !important;
  background: var(--mn-ink) !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important;
  font-family: 'Antonio', sans-serif !important; font-weight: 700 !important; font-size: 10px !important;
  letter-spacing: .06em !important; text-transform: uppercase !important; line-height: 1 !important; white-space: nowrap !important; width: auto !important;
}
/* coming soon + unavailable: same fade as desktop, links inert */
#x-header-mobile .agd-mn.agd-mn > ul.grid > li.agd-mn-soon > div,
#x-header-mobile .agd-mn.agd-mn > ul.grid > li.agd-mn-unav > div { opacity: var(--mn-fade); pointer-events: none; }
#x-header-mobile .agd-mn.agd-mn .agd-mn-note { margin: 12px 0 0; font-family: 'Hanken Grotesk', sans-serif !important; font-size: 12.5px !important; line-height: 1.4; color: #6B6B6B !important; }
#x-header-mobile .agd-mn.agd-mn .agd-mn-note a { color: var(--mn-lead) !important; font-weight: 700; pointer-events: auto; }
/* icons when ICONS_ON */
#x-header-mobile .agd-mn.agd-mn ul.last-level-menu a.agd-mn-ico::before {
  content: "" !important; display: block !important; flex: 0 0 auto;
  width: 22px; height: 22px; border-radius: 4px;
  background: var(--agd-ico) center / contain no-repeat !important; opacity: .9;
}

/* (N4) MOBILE SHOP BY BRAND: level-2 list → card rows, cloned from
   the server-rendered cards by decorateMobileBrands(). */
#x-header-mobile .agd-sbbm.agd-sbbm { background: #FFFFFF !important; color: #111111; overflow-x: hidden !important; padding: 0 !important; }
#x-header-mobile .agd-sbbm.agd-sbbm > ul { padding: 0 16px 24px !important; }
#x-header-mobile .agd-sbbm.agd-sbbm > ul > li:first-child {
  position: sticky; top: 0; z-index: 2; background: #FFFFFF;
  border: 0 !important; border-bottom: 1px solid #E6E6E6 !important; border-radius: 0 !important;
  margin: 0 -16px; padding: 6px 16px 8px !important;
  display: flex; align-items: center; gap: 8px; text-align: left;
}
#x-header-mobile .agd-sbbm.agd-sbbm > ul > li:first-child > span:first-child { flex: 0 0 auto; max-width: none !important; display: flex; align-items: center; }
#x-header-mobile .agd-sbbm.agd-sbbm > ul > li:first-child [aria-label="Back"] {
  display: flex !important; align-items: center; justify-content: center;
  width: 36px !important; height: 36px !important; padding: 0 !important; margin: 0 0 0 -6px !important;
  color: #111111 !important;
}
#x-header-mobile .agd-sbbm.agd-sbbm > ul > li:first-child [aria-label="Back"] svg { width: 14px !important; height: 14px !important; }
#x-header-mobile .agd-sbbm.agd-sbbm > ul > li:first-child > a {
  pointer-events: none; flex: 1 1 auto; padding: 12px 0 12px 4px !important;
  font-family: 'Antonio', sans-serif !important; font-weight: 700 !important; font-size: 20px !important;
  letter-spacing: .04em; text-transform: uppercase; color: #111111 !important; opacity: 1 !important;
}
#x-header-mobile .agd-sbbm.agd-sbbm > ul > li:not(:first-child) { border: 0 !important; border-radius: 0 !important; padding: 0 !important; margin-top: 12px; }
#x-header-mobile .agd-sbbm.agd-sbbm > ul > li:nth-child(2) { margin-top: 14px; }
#x-header-mobile .agd-sbbm.agd-sbbm .agd-sbbm-card {
  position: relative; display: flex !important; align-items: center; gap: 14px;
  padding: 14px 14px 14px 16px !important;
  background: #FFFFFF; border: 1px solid #E6E6E6; border-radius: 8px;
  text-decoration: none !important; opacity: 1 !important;
}
#x-header-mobile .agd-sbbm.agd-sbbm .agd-sbbm-card.is-agd { background: #F5F3EF; border-color: #111111; }
#x-header-mobile .agd-sbbm.agd-sbbm .agd-sbbm-logo { flex: 0 0 64px; height: 40px; display: flex; align-items: center; justify-content: center; }   /* ▸ logo slot */
#x-header-mobile .agd-sbbm.agd-sbbm .agd-sbbm-logo img { max-height: 40px; max-width: 64px; width: auto; height: auto; object-fit: contain; }
#x-header-mobile .agd-sbbm.agd-sbbm .agd-sbbm-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
#x-header-mobile .agd-sbbm.agd-sbbm .agd-sbbm-name { font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 700 !important; font-size: 16px !important; color: #111111 !important; text-transform: none !important; letter-spacing: 0 !important; }
#x-header-mobile .agd-sbbm.agd-sbbm .agd-sbbm-line { font-family: 'Hanken Grotesk', sans-serif !important; font-size: 12.5px !important; line-height: 1.35; color: #6B6B6B !important; text-transform: none !important; }
#x-header-mobile .agd-sbbm.agd-sbbm .agd-sbbm-chev { flex: 0 0 auto; width: 8px; height: 8px; border-right: 1.5px solid #B9B9BC; border-bottom: 1.5px solid #B9B9BC; transform: rotate(-45deg); }
#x-header-mobile .agd-sbbm.agd-sbbm b.agd-sbbm-x {
  position: absolute; top: -1px; right: 12px; transform: translateY(-50%);
  display: inline-flex; align-items: center; height: 20px; padding: 0 9px; border-radius: 999px;
  background: #111111 !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important;
  font-family: 'Antonio', sans-serif !important; font-weight: 700 !important; font-size: 10px !important;
  letter-spacing: .06em; text-transform: uppercase; line-height: 1; white-space: nowrap;
}
#x-header-mobile .agd-sbbm.agd-sbbm .agd-sbbm-card.is-soon { pointer-events: none; }
#x-header-mobile .agd-sbbm.agd-sbbm .agd-sbbm-card.is-soon > *:not(b) { opacity: .42; }
#x-header-mobile .agd-sbbm.agd-sbbm .agd-sbb-soon { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 500 !important; font-size: 12px !important; color: #8A8A8A !important; opacity: 1 !important; }
#x-header-mobile .agd-sbbm.agd-sbbm .agd-sbb-soon i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }

} /* end @media <1024 */
/* ═══════════ END N: mobile nav ═══════════ */


/* ╔═════════════════════════════════════════════════════════════════╗
   ║  PART 1 · SITE-WIDE + HOMEPAGE + CONTENT PAGES — INDEX           ║
   ║  (order as written above this line)                              ║
   ║                                                                  ║
   ║    HEADER · nav two-tone, LOGIN label                            ║
   ║    A  · mega menu panels                                         ║
   ║    J  · USP columns  ⚠ defines @keyframes agd-glint              ║
   ║    B  · mega menu product icons                                  ║
   ║    UTILITY BAR base · unclip phone/email                         ║
   ║    Installation partner tile (f3TfKg)                            ║
   ║    W  · signature range tile (tJaFwz)                            ║
   ║    D  · hero banner fonts (Bnq63M)                               ║
   ║    G  · lower grid tile (ADFBdG)                                 ║
   ║    H  · any brand / bespoke tile (DhfY7Y)                        ║
   ║    (unlabelled) · media_with_text_7e3LfP white background        ║
   ║    K  · top collections grid  ⚠ defines .agd-pm-* used by N      ║
   ║    N  · popular ranges grid                                      ║
   ║    P  · lower promotion grid                                     ║
   ║    S  · shop by brand                                            ║
   ║    T  · from the trade desk (homepage teaser)                    ║
   ║    U  · newsletter band (.agd-nl) ⚠ NOT the removed ss_footer    ║
   ║         version — the top banner note about U is STALE           ║
   ║    X  · footer typography (dormant once ss_footer_3 is hidden)   ║
   ║    V  · utility bar type + glint  ⚠ V0 paints the bar grey       ║
   ║    Y  · contact hero                                             ║
   ║                                                                  ║
   ║  CROSS-BLOCK DEPENDENCIES — deleting one breaks the other:       ║
   ║    @keyframes agd-glint  (J7)  ← used by J7b, K11, V3            ║
   ║    .agd-pm-row / -label / -text (K11) ← used by N                ║
   ║    .agd-card-subtext (K10) ← markup injected by FeNdtV           ║
   ╚═════════════════════════════════════════════════════════════════╝ */



/* ╔═════════════════════════════════════════════════════════════════╗
   ║                                                                  ║
   ║  PART 2 · COLLECTION + PRODUCT PAGES                             ║
   ║  Started chat 4, Aug 2026                                        ║
   ║                                                                  ║
   ║  Template IDs used in this part:                                 ║
   ║    Collection  template--31945516777803__                        ║
   ║    Product     (not yet built)                                   ║
   ║                                                                  ║
   ║  The Custom Liquid sections on these templates (CH collection    ║
   ║  header, BM shop by manufacturer, TS trust strip) carry their    ║
   ║  own <style> and are NOT in this file. Only restyles of          ║
   ║  Maximize's native sections live here.                           ║
   ║                                                                  ║
   ║  BLOCK INDEX (order as written below):                           ║
   ║    L  · collection listing (native main-collection restyle)      ║
   ║         ⚠ L4 selectors unverified pending toolbar dump           ║
   ║                                                                  ║
   ╚═════════════════════════════════════════════════════════════════╝ */

/* =====================================================================
   L · COLLECTION LISTING — native main-collection restyle  v13
   Target  : [id^="template--"][id$="__product-grid"]
             Matches ANY collection template's product grid. Branded +
             non-branded templates share this block BY DESIGN: an edit
             here changes EVERY collection page at once.
   Does    : L0 wrapper paint + THE UNIT · L6 LAYOUT · L7 grid column
             lock (5 wide / 4 narrow) · L1 hide fluff · L2 toolbar row +
             sort pill + chips · L3 sidebar filters (groups, rows,
             checkboxes, counts, size pills, price slider, NO inner
             scrollbar) · L4 injected elements · L5 injector section
             collapse · L8 pagination pills
   THE UNIT (L0): every size is calc(N * var(--l-u)); --l-u is
     min(100vw / 1440, 1px). Under 768px pinned to 1px.
     ⚠ Do NOT put raw px back on individual rules. Hairline borders are
       the only intentional 1px.
   Anatomy (verified Aug–Sep 2026):
     Section: #header-filter (toolbar, teleported) + .desktop-advanced-
       filter (empty) + .facet-filter-container (display:contents) >
       .facet-filter-wrapper (sidebar) + #ProductGridContainer.
     Toolbar: #FacetsWrapperBar > div (box) > div (left) + div (right >
       select-element.sorting-selector) ; then div#ActiveFilterTag.
     Sidebar form#FacetFiltersForm
       > div.overflow-auto.scrollbar-body.scrollbar.type-aside  ⚠ grows
         a BLACK horizontal scrollbar when open content overflows; L3
         forces overflow:visible.
         > #active-filter-tag > div > p.h5 ("Filter") ← Clear all injected
         > .active-filter-options > collapsible-tab.js-filter
             > button.facets__summary > span + [data-collapsible-tab-caret]
             > div[data-collapsible-tab-content]
                 > div (first: "0 selected" + .facet-reset row) ← hidden
                 > div.relative > ul > li > label > input.input-filter-
                   checkbox + span "Alumasc (62)" (count → .agd-fc)
       Price tab: .range-price-filter > .slider > .progress ;
         .range-input > input[type=range] ×2 + label.hidden ×2 ; then two
         boxes (div > £ + input.price-input) with a dash.
         ⚠ box / dash wrapper never dumped; targeted by :has().
     Pagination: nav.pagination > ul > li > a|p.block-text-button__
       wrapper (current = p.is-active[aria-current=page]; Prev/Next carry
       a rotated svg span + a p label the theme HIDES ≥640px via
       sm:opacity-0 sm:max-w-0 — L8 un-hides it).
     Param names: filter.v.price · filter.p.m.custom.brand / category /
       material / profile / shape / size_mm / length / angle / range
   Requires: the "AGD · COLLECTION INJECTOR" section v3 (count split).
   ⚠ DEPENDS ON @keyframes agd-glint from block J (J7).
   Warnings:
     - ⚠ --l-cols 5 ≥1200px, --l-cols-md 4 at 768-1199px. Card content
       ~200px at 5-up; listbox BUTTONS ellipsis; the picker panel's
       260px minimum (block PC) keeps the open list legible.
     - ⚠⚠ OPTION-ROW LABEL RULES MUST BE SCOPED TO li > label, or the
       price tab's label.hidden accessibility labels get un-hidden.
     - collapsible-hover-anm's rule is cross-origin; L3 neutralises tab,
       pseudo-elements and the summary ::before hit-area.
     - Size pills target [data-param-name="filter.p.m.custom.size_mm"].
     - Checked box colour overridden to #111 on input and label span.
     - Range thumb rules need both -webkit- and -moz- prefixes.
     - Card typography is NOT in this block; see block PC.
   Failed  : v7 32px gap. v8 un-hid price labels. v9 black line = styled
             horizontal scrollbar. v10 cols 5 overflowed selects (pre-
             listbox). v11 locked 3 cols; reverted to 5/4 by decision.
             v12 hardcoded template id; went inert on duplicated
             branded templates.
   Dials   : ▸ marked
   ===================================================================== */

/* L0 · wrapper + THE UNIT */
[id^="template--"][id$="__product-grid"],
[class*="__product-grid"] {
  --l-u:         min(calc(100vw / 1440), 1px);      /* ▸ 1px at 1440 (15" MacBook). Change 1440 to re-anchor. */
  --l-top:       calc(18 * var(--l-u));             /* ▸ gap under the trust strip */
  --l-sidebar-w: calc(240 * var(--l-u));            /* ▸ sidebar width */
  --l-gap:       calc(34 * var(--l-u));             /* ▸ sidebar → products */
  --l-row-pad:   calc(7 * var(--l-u));              /* ▸ toolbar padding above AND below content */
  --l-cols:      5;                                 /* ▸ product columns ≥1200px */
  --l-cols-md:   4;                                 /* ▸ product columns 768-1199px */
  --l-grid-gap:  calc(24 * var(--l-u));             /* ▸ product card gap */
  --l-rule:      #ECECEC;                           /* ▸ hairline colour */
  --l-sort:      10.4;                              /* ▸ sort pill font size in units */
  --l-green:     #1F7A3A;                           /* ▸ caret hover colour */
  --l-ink:       #111111;
  --l-muted:     #6B6B6B;                           /* ▸ counts, price end labels */
  --l-opt:       13;                                /* ▸ option text size in units */
  background: #FFFFFF !important;
  border-radius: 0 !important;
  padding-top: var(--l-top) !important;
}
@media (max-width: 767px) {
  [id^="template--"][id$="__product-grid"],
  [class*="__product-grid"] { --l-u: 1px; }
}

/* L6 · LAYOUT */
@media (min-width: 768px) {
  [id^="template--"][id$="__product-grid"] {
    display: grid !important;
    grid-template-columns: var(--l-sidebar-w) minmax(0, 1fr) !important;
    grid-template-rows: auto 1fr !important;
    column-gap: var(--l-gap) !important;
    row-gap: 0 !important;
    align-items: start !important;
  }
  [id^="template--"][id$="__product-grid"] > .facet-filter-container { display: contents !important; }
  [id^="template--"][id$="__product-grid"] > .desktop-advanced-filter { display: none !important; }
  [id^="template--"][id$="__product-grid"] .facet-filter-wrapper {
    grid-column: 1 !important; grid-row: 1 / span 2 !important;
    width: auto !important; flex-basis: auto !important; margin: 0 !important;
  }
  [id^="template--"][id$="__product-grid"] > #header-filter { grid-column: 2 !important; grid-row: 1 !important; margin: 0 !important; }
  [id^="template--"][id$="__product-grid"] #ProductGridContainer { grid-column: 2 !important; grid-row: 2 !important; min-width: 0 !important; }
}

/* L7 · product grid column lock: 5 wide, 4 on narrower desktops */
@media (min-width: 768px) {
  [id^="template--"][id$="__product-grid"] #ItemsGrid {
    grid-template-columns: repeat(var(--l-cols-md), minmax(0, 1fr)) !important;
    gap: var(--l-grid-gap) !important;
  }
}
@media (min-width: 1200px) {
  [id^="template--"][id$="__product-grid"] #ItemsGrid {
    grid-template-columns: repeat(var(--l-cols), minmax(0, 1fr)) !important;
  }
}

/* L1 · hide fluff. ⚠ #btn-filter (mobile drawer) stays. */
[id^="template--"][id$="__product-grid"] #btn-filter-aside,
[id^="template--"][id$="__product-grid"] #ProductCount_header,
[id^="template--"][id$="__product-grid"] button.btn-facets.w-9,
[id^="template--"][id$="__product-grid"] button.w-9.h-9,
[id^="template--"][id$="__product-grid"] .product-card__widget {
  display: none !important;
}

/* L2 · toolbar row */
[id^="template--"][id$="__product-grid"] #header-filter { min-height: 0 !important; }
[id^="template--"][id$="__product-grid"] #FacetsWrapperBar { padding: 0 0 calc(18 * var(--l-u)) !important; }
[id^="template--"][id$="__product-grid"] #FacetsWrapperBar > div:first-child {
  border: 0 !important;
  border-top: 1px solid var(--l-rule) !important;
  border-bottom: 1px solid var(--l-rule) !important;
  border-radius: 0 !important;
  padding: var(--l-row-pad) 0 !important;
  align-items: center !important;
  gap: calc(16 * var(--l-u)) !important;
}
[id^="template--"][id$="__product-grid"] #FacetsWrapperBar > div:first-child > div:first-child {
  flex: 1 1 auto !important; width: auto !important; min-width: 0 !important;
  display: flex !important; align-items: center !important;
}
[id^="template--"][id$="__product-grid"] #FacetsWrapperBar > div:first-child > div:last-child {
  flex: 0 0 auto !important; width: auto !important; padding: 0 !important;
  display: flex !important; align-items: center !important;
}
[id^="template--"][id$="__product-grid"] select-element.sorting-selector {
  display: inline-flex !important; align-items: center !important;
  gap: calc(4 * var(--l-u)) !important; width: auto !important;
  padding: calc(4.8 * var(--l-u)) calc(6.4 * var(--l-u)) calc(4.8 * var(--l-u)) calc(11.2 * var(--l-u)) !important;
  border: 0 !important; border-radius: 999px !important;
  background: rgba(17,17,17,.06) !important;
  font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 500 !important;
  font-size: calc(var(--l-sort) * var(--l-u)) !important; line-height: 1 !important;
  color: rgba(17,17,17,.72) !important; cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}
[id^="template--"][id$="__product-grid"] select-element.sorting-selector:hover { background: rgba(17,17,17,.10) !important; color: var(--l-ink) !important; }
[id^="template--"][id$="__product-grid"] select-element.sorting-selector > p {
  margin: 0 !important; font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 500 !important;
  font-size: inherit !important; line-height: 1 !important; color: inherit !important;
}
[id^="template--"][id$="__product-grid"] select-element.sorting-selector .select-button {
  display: inline-flex !important; align-items: center !important; gap: calc(6.4 * var(--l-u)) !important;
  padding: 0 !important; position: static !important;
}
[id^="template--"][id$="__product-grid"] select-element.sorting-selector .select-button__label {
  font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 500 !important; font-size: inherit !important;
  line-height: 1 !important; min-width: 0 !important; padding: 0 !important; color: inherit !important;
}
[id^="template--"][id$="__product-grid"] select-element.sorting-selector .select-arrow {
  position: static !important; transform: none !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  width: calc(12.8 * var(--l-u)) !important; height: calc(12.8 * var(--l-u)) !important;
  border-radius: 50% !important; background: rgba(17,17,17,.08) !important;
  flex: 0 0 auto !important; transition: transform .2s ease !important;
}
[id^="template--"][id$="__product-grid"] select-element.sorting-selector .select-arrow svg { width: calc(6.4 * var(--l-u)) !important; height: calc(6.4 * var(--l-u)) !important; display: block !important; }
[id^="template--"][id$="__product-grid"] select-element.sorting-selector .select-button[aria-expanded="true"] .select-arrow { transform: rotate(180deg) !important; }
[id^="template--"][id$="__product-grid"] select-element.sorting-selector .select-options-wrapper { margin-top: calc(8 * var(--l-u)) !important; }
[id^="template--"][id$="__product-grid"] li.sorting-option {
  font-family: 'Hanken Grotesk', sans-serif !important; font-size: calc(12 * var(--l-u)) !important;
  padding: calc(7 * var(--l-u)) calc(11 * var(--l-u)) !important; border-radius: calc(6 * var(--l-u)) !important;
}
[id^="template--"][id$="__product-grid"] li.sorting-option:hover { background: #F5F3EF !important; }
[id^="template--"][id$="__product-grid"] #ActiveFilterTag {
  border: 0 !important; margin: 0 !important; padding: calc(10 * var(--l-u)) 0 0 !important;
  min-height: 0 !important; flex-wrap: wrap !important; gap: calc(8 * var(--l-u)) !important;
  font-family: 'Hanken Grotesk', sans-serif !important; font-size: calc(13 * var(--l-u)) !important; color: var(--l-ink) !important;
}
[id^="template--"][id$="__product-grid"] #ActiveFilterTag:not(:has(*)) { display: none !important; }
[id^="template--"][id$="__product-grid"] #ActiveFilterTag a,
[id^="template--"][id$="__product-grid"] #ActiveFilterTag button {
  font-family: 'Hanken Grotesk', sans-serif !important; font-size: calc(13 * var(--l-u)) !important; background-image: none !important;
}

/* L3 · sidebar filters */
[id^="template--"][id$="__product-grid"] .facet-filter-wrapper {
  padding-right: calc(24 * var(--l-u)) !important;
  border-right: 1px solid var(--l-rule);
  background: transparent !important;
}
/* scrollbar fix: nothing in the sidebar should scroll */
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm > div {
  padding-right: 0 !important;
  overflow: visible !important;
  max-height: none !important;
  scrollbar-width: none !important;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm > div::-webkit-scrollbar { display: none !important; }
[id^="template--"][id$="__product-grid"] #active-filter-tag > div {
  align-items: baseline !important;
  margin: calc(var(--l-row-pad) + 1px) 0 calc(14 * var(--l-u)) !important;
}
[id^="template--"][id$="__product-grid"] #active-filter-tag p.h5 {
  font-family: 'Antonio', sans-serif !important; font-weight: 700 !important;
  font-size: calc(18 * var(--l-u)) !important;
  letter-spacing: .04em !important; text-transform: uppercase !important; color: var(--l-ink) !important; margin: 0 !important;
}

/* group: no box, hairline below, no hover fill */
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm collapsible-tab.js-filter {
  border: 0 !important;
  border-bottom: 1px solid var(--l-rule) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: calc(16 * var(--l-u)) 0 !important;      /* ▸ group vertical rhythm */
  margin: 0 !important;
  transition: none !important;
  box-shadow: none !important;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm collapsible-tab.js-filter:hover,
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm collapsible-tab.js-filter:focus-within {
  background: transparent !important; box-shadow: none !important; border-color: var(--l-rule) !important;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm collapsible-tab.js-filter::before,
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm collapsible-tab.js-filter::after,
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm button.facets__summary::before,
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm button.facets__summary::after {
  background: transparent !important; box-shadow: none !important; opacity: 0 !important;
  animation: none !important; transition: none !important;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm button.facets__summary {
  font-family: 'Antonio', sans-serif !important; font-weight: 600 !important;
  font-size: calc(13 * var(--l-u)) !important;      /* ▸ group title */
  letter-spacing: .12em !important; text-transform: uppercase !important;
  color: #5A5A5A !important;
  padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important;
  transition: none !important;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm button.facets__summary:hover { color: #5A5A5A !important; background: transparent !important; }
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm [data-collapsible-tab-caret] {
  width: calc(9 * var(--l-u)) !important; height: calc(9 * var(--l-u)) !important;
  color: #9A9A9A !important;
  transition: color .15s ease, transform .3s ease !important;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm [data-collapsible-tab-caret] svg { width: 100% !important; height: 100% !important; display: block !important; }
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm button.facets__summary:hover [data-collapsible-tab-caret] { color: var(--l-green) !important; }

/* content: hide the "0 selected / Reset" row including its wrapper */
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm [data-collapsible-tab-content] > div:first-child:has(.facet-reset) { display: none !important; }
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm span.facets__selected,
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm button.facet-reset { display: none !important; }
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm [data-collapsible-tab-content] > div.relative { padding-top: calc(10 * var(--l-u)) !important; }
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm [data-collapsible-tab-content] ul { margin: 0 !important; padding: 0 !important; }
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm [data-collapsible-tab-content] li { margin: 0 0 calc(3 * var(--l-u)) !important; padding: 0 !important; }
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm [data-collapsible-tab-content] li:last-child { margin-bottom: 0 !important; }

/* option row: box · label · count right  ⚠ li > label ONLY (see header) */
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm [data-collapsible-tab-content] li > label {
  display: flex !important;
  align-items: center !important;
  gap: calc(9 * var(--l-u)) !important;
  min-height: calc(26 * var(--l-u)) !important;     /* ▸ row height */
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: calc(var(--l-opt) * var(--l-u)) !important;
  font-weight: 400 !important;
  color: var(--l-ink) !important;
  line-height: 1.2 !important;
  cursor: pointer;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm [data-collapsible-tab-content] li > label > span {
  flex: 1 1 auto !important; min-width: 0 !important;
  display: flex !important; align-items: baseline !important; justify-content: space-between !important;
  gap: calc(8 * var(--l-u)) !important;
  color: var(--l-ink) !important;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm [data-collapsible-tab-content] li > label:has(input:checked) > span { color: var(--l-ink) !important; font-weight: 700 !important; }
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm .agd-fc {
  flex: 0 0 auto !important;
  font-size: calc(12 * var(--l-u)) !important;      /* ▸ count */
  font-weight: 400 !important;
  color: var(--l-muted) !important;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm input.input-filter-checkbox {
  appearance: none !important; -webkit-appearance: none !important;
  width: calc(15 * var(--l-u)) !important;          /* ▸ box */
  height: calc(15 * var(--l-u)) !important;
  min-width: 0 !important; margin: 0 !important;
  border: 1.5px solid #C9C9CC !important;
  border-radius: calc(3.5 * var(--l-u)) !important;
  background-color: #FFFFFF !important;
  flex: 0 0 auto !important; position: relative !important; cursor: pointer;
  transition: background-color .12s ease, border-color .12s ease;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm input.input-filter-checkbox:hover { border-color: #8A8A8A !important; }
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm input.input-filter-checkbox:checked {
  background-color: var(--l-ink) !important; border-color: var(--l-ink) !important; color: #FFFFFF !important;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm input.input-filter-checkbox:checked::after {
  position: absolute !important; inset: 0 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  padding: 0 calc(2.5 * var(--l-u)) !important;
  color: #FFFFFF !important;
}

/* SIZE as pills */
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm collapsible-tab[data-param-name="filter.p.m.custom.size_mm"] [data-collapsible-tab-content] ul {
  display: flex !important; flex-wrap: wrap !important;
  gap: calc(6 * var(--l-u)) !important;             /* ▸ pill gap */
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm collapsible-tab[data-param-name="filter.p.m.custom.size_mm"] [data-collapsible-tab-content] li { margin: 0 !important; }
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm collapsible-tab[data-param-name="filter.p.m.custom.size_mm"] [data-collapsible-tab-content] li > label {
  position: relative !important;
  min-height: 0 !important;
  padding: calc(6 * var(--l-u)) calc(10 * var(--l-u)) !important;   /* ▸ pill size */
  border: 1px solid #D9D9DC !important;
  border-radius: calc(7 * var(--l-u)) !important;
  background: #FFFFFF !important;
  font-size: calc(12.5 * var(--l-u)) !important;    /* ▸ pill text */
  gap: 0 !important;
  transition: border-color .12s ease, background-color .12s ease, color .12s ease;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm collapsible-tab[data-param-name="filter.p.m.custom.size_mm"] [data-collapsible-tab-content] li > label:hover { border-color: #8A8A8A !important; }
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm collapsible-tab[data-param-name="filter.p.m.custom.size_mm"] [data-collapsible-tab-content] li > label:has(input:checked) {
  background: var(--l-ink) !important; border-color: var(--l-ink) !important;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm collapsible-tab[data-param-name="filter.p.m.custom.size_mm"] [data-collapsible-tab-content] li > label:has(input:checked) > span { color: #FFFFFF !important; font-weight: 500 !important; }
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm collapsible-tab[data-param-name="filter.p.m.custom.size_mm"] input.input-filter-checkbox {
  position: absolute !important; opacity: 0 !important; width: 0 !important; height: 0 !important; pointer-events: none !important;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm collapsible-tab[data-param-name="filter.p.m.custom.size_mm"] .agd-fc { display: none !important; }

/* PRICE: black track, hollow handles, end labels instead of boxes */
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm .range-price-filter { padding: calc(10 * var(--l-u)) calc(8 * var(--l-u)) 0 !important; }
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm .range-price-filter .slider {
  height: 3px !important; border-radius: 999px !important; background: #E5E5E5 !important;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm .range-price-filter .progress { background: var(--l-ink) !important; }
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm input[type="range"] { background: transparent !important; }
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important; appearance: none !important;
  width: calc(16 * var(--l-u)) !important; height: calc(16 * var(--l-u)) !important;
  border-radius: 50% !important; background: #FFFFFF !important;
  border: 2px solid var(--l-ink) !important; box-shadow: none !important;
  cursor: pointer; pointer-events: auto !important;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm input[type="range"]::-moz-range-thumb {
  width: calc(16 * var(--l-u)) !important; height: calc(16 * var(--l-u)) !important;
  border-radius: 50% !important; background: #FFFFFF !important;
  border: 2px solid var(--l-ink) !important; box-shadow: none !important;
  cursor: pointer; pointer-events: auto !important;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm div:has(> div > input.price-input) {
  display: flex !important; align-items: baseline !important; justify-content: space-between !important;
  gap: calc(8 * var(--l-u)) !important;
  margin: calc(8 * var(--l-u)) 0 0 !important; padding: 0 !important;
  color: transparent !important;
  font-size: calc(12 * var(--l-u)) !important;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm div:has(> input.price-input) {
  display: inline-flex !important; align-items: baseline !important;
  gap: calc(2 * var(--l-u)) !important;
  width: auto !important; min-width: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
  color: var(--l-muted) !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: calc(12 * var(--l-u)) !important;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm input.price-input {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: calc(12 * var(--l-u)) !important;
  color: var(--l-muted) !important;
  border: 0 !important; background: transparent !important;
  padding: 0 !important; margin: 0 !important;
  width: 6ch !important; height: auto !important; min-height: 0 !important;
  box-shadow: none !important; outline: none !important;
}
[id^="template--"][id$="__product-grid"] form#FacetFiltersForm input.price-input:focus { color: var(--l-ink) !important; }

/* L4 · injected elements */
[id^="template--"][id$="__product-grid"] .agd-pm-bar {
  display: flex; align-items: center; gap: calc(14 * var(--l-u)); min-width: 0;
  font-family: 'Hanken Grotesk', sans-serif;
}
[id^="template--"][id$="__product-grid"] .agd-pm-bar-label {
  --glint-base: #111111;
  --glint-peak: #ffffff;
  flex: 0 0 auto;
  font-family: 'Antonio', sans-serif; font-weight: 700;
  font-size: calc(13.6 * var(--l-u));
  letter-spacing: .1em; text-transform: uppercase;
  padding-right: calc(14 * var(--l-u));
  border-right: 1px solid #D9D9DC;
  line-height: 1; white-space: nowrap;
  background-color: var(--glint-base) !important;
  background-image: linear-gradient(105deg, transparent 48%, var(--glint-peak) 50%, transparent 52%) !important;
  background-size: 500% 100% !important;
  background-repeat: no-repeat !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: agd-glint 11s linear infinite !important;
}
[id^="template--"][id$="__product-grid"] .agd-pm-bar-text {
  flex: 1 1 auto; min-width: 0;
  font-size: calc(12.75 * var(--l-u)); line-height: 1.2; color: #4A4A4A;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
[id^="template--"][id$="__product-grid"] a.agd-clear-all {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: calc(14 * var(--l-u)) !important;
  font-weight: 400 !important; color: var(--l-muted) !important;
  text-decoration: underline !important; text-underline-offset: .15em;
  background-image: none !important;
}
[id^="template--"][id$="__product-grid"] a.agd-clear-all:hover { color: var(--l-ink) !important; }
@media (prefers-reduced-motion: reduce) {
  [id^="template--"][id$="__product-grid"] .agd-pm-bar-label {
    animation: none !important; background-image: none !important;
    -webkit-text-fill-color: var(--glint-base) !important; color: var(--glint-base) !important;
  }
}

/* L5 · injector section collapse */
[id^="shopify-section"]:has(.agd-col-inject) {
  display: block !important; height: 0 !important; min-height: 0 !important;
  padding: 0 !important; margin: 0 !important; overflow: hidden !important;
}

/* L8 · pagination pills: current black, others white hairline, Next/Prev
   as wider pills WITH their labels (theme hides the words on desktop;
   un-hidden here). Anatomy dump-verified Sep 2026. */
[id^="template--"][id$="__product-grid"] nav.pagination { margin-top: calc(26 * var(--l-u)); }   /* ▸ grid → pager gap */
[id^="template--"][id$="__product-grid"] nav.pagination ul { gap: calc(8 * var(--l-u)) !important; }
[id^="template--"][id$="__product-grid"] nav.pagination .block-text-button__wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: calc(40 * var(--l-u)) !important;      /* ▸ pill size */
  height: calc(40 * var(--l-u)) !important;
  padding: 0 calc(13 * var(--l-u)) !important;
  border: 1px solid #D9D9DC !important;             /* ▸ */
  border-radius: calc(10 * var(--l-u)) !important;
  background: #FFFFFF !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-weight: 600 !important;
  font-size: calc(13.5 * var(--l-u)) !important;    /* ▸ */
  line-height: 1 !important;
  color: #111111 !important;
  background-image: none !important;                /* lesson 4.7 */
  transition: border-color .12s ease;
  box-sizing: border-box;
}
[id^="template--"][id$="__product-grid"] nav.pagination a.block-text-button__wrapper:hover:not([aria-disabled="true"]) { border-color: #111111 !important; }
[id^="template--"][id$="__product-grid"] nav.pagination p.is-active {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #FFFFFF !important;
}
[id^="template--"][id$="__product-grid"] nav.pagination li a[aria-label="Previous"] p,
[id^="template--"][id$="__product-grid"] nav.pagination li a[aria-label="Next"] p {
  opacity: 1 !important;
  max-width: none !important;
  overflow: visible !important;
  margin: 0 !important;
  font-size: inherit !important;
  color: inherit !important;
}
[id^="template--"][id$="__product-grid"] nav.pagination li a[aria-label="Previous"] p { margin-left: calc(7 * var(--l-u)) !important; }
[id^="template--"][id$="__product-grid"] nav.pagination li a[aria-label="Next"] p { margin-right: calc(7 * var(--l-u)) !important; }
[id^="template--"][id$="__product-grid"] nav.pagination li a[aria-label="Previous"] span,
[id^="template--"][id$="__product-grid"] nav.pagination li a[aria-label="Next"] span { color: inherit !important; }
[id^="template--"][id$="__product-grid"] nav.pagination a[aria-disabled="true"] {
  opacity: .38 !important;
  border-color: #E6E6E6 !important;
  cursor: not-allowed !important;
}
[id^="template--"][id$="__product-grid"] nav.pagination a[aria-disabled="true"]:hover { border-color: #E6E6E6 !important; }

@media (max-width: 767px) {
  [id^="template--"][id$="__product-grid"] .agd-pm-bar { display: none; }
}
/* ═══════════ END L: collection listing ═══════════ */


/* =====================================================================
   PC · PRODUCT CARDS — native card restyle + injected pickers  v7.3
   Target  : :is(collection grid, product recommendations carousel)
             .product-card__wrapper — the dual host selector
             :is([id^="template--"][id$="__product-grid"],
                 [id^="shopify-section-"][id*="__product_recommendations"])
             matches ANY collection template AND the product page's
             recommendations carousel. All templates share this block
             BY DESIGN: an edit here changes EVERY surface at once.
   Does    : PC0 card frame · PC1 image well · PC2 vendor + title + card
             flex so the foot pins · PC4 status rows · PC5 selects ·
             PC5c custom listbox + swatch panel (image chips borderless
             rounded squares 20px, hex fallbacks bordered circles via
             .is-hex, panel min-width 260px) · PC6 price row · PC7
             actions · PC8 no-flash loading state
   Unit    : inherits --l-u from block L0. ⚠ On the product page there
             is no block L: --l-u is undefined there, so calc() falls
             back to browser default sizing. If rec-carousel cards look
             mis-scaled, define --l-u on the rec section (one rule in
             PP7a) — report before patching.
   Requires: the "AGD · CARD PICKERS" Custom Liquid section v9.6 in
             BOTH the collection template and the product template.
   Anatomy (verified Aug–Sep 2026):
     .product-card__wrapper[data-agd-built]
       > .product-card__image-container > … > img.product-card__image
       > .product-card__info-wrapper   (flex col, h-full)
           > .product-card__info       (theme h-full → PC2 makes it auto)
               > .product-card__vendor · .product-card__title.h5
               > .agd-pc-status (injected) > .agd-pc-stock ×2
               > .product-card__price / __inventory-wrapper (hidden PC8)
           > .product-card__widget-list-layout (hidden PC8)
           > .agd-pc (injected; flex:1)
               > .agd-pc-selects > .agd-lb-field (select = state element
                 + .agd-lb-btn listbox button) × n
               > .agd-pc-bottom (margin-top:auto)
                   > .agd-pc-price > .agd-pc-from .agd-pc-amount
                     .agd-pc-vat .agd-pc-compare .agd-pc-save
                   > .agd-pc-actions > .agd-pc-qty · button.agd-pc-add ·
                                       a.agd-pc-quote
     Listbox panel .agd-lb-panel is appended to <body> (escapes the
     card's overflow:hidden), z-index 70 (clears #maximize-popup z-60).
     Native select is the UI <768px; listbox button is the UI ≥768px.
   Warnings:
     - PC8 hides theme price / inventory / Options from FIRST PAINT on
       ALL cards in BOTH hosts; the injector's <noscript> and fetch-
       failure path restore it (noscript covers the grid host only).
     - ⚠ INTERIM: un-migrated Globo ranges add WITHOUT colour until
       their variant migration lands. Alumasc migrated.
     - Theme title is .h5 UPPERCASE; PC2 sets text-transform none.
     - ▸ --pc-price-colour: green is an experiment. #111111 to revert.
     - At 5 columns the listbox BUTTONS ellipsis (~200px card content);
       the panel's 260px minimum keeps the open list legible.
     - .agd-lb-panel and .agd-lb-dot rules are deliberately UNSCOPED:
       the panel lives on <body>; the dots also serve the product-page
       variant picker (PP INJECT).
     - Icon-tier chips carry their own texture; is-txt/is-met overlays
       apply only to hex-fallback dots.
   Failed  : v3 status drift · v4 flash + bare handoff text · v5 handoff
             + Globo swatch rules · v6 native selects only · v7.1 ringed
             14px circular chips, panel sized to button (overflowed at
             5-up) · v7.2 hardcoded-id fix but GRID-SCOPED: product-page
             recommendation cards built by CARD PICKERS v9.6 rendered
             UNSTYLED (double select text, bare buttons).
   Dials   : ▸ marked
   ===================================================================== */

/* PC0 · card frame */
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .product-card__wrapper {
  --pc-well:         #F1F1F1;                       /* ▸ image well */
  --pc-watermark:    none;                          /* ▸ url('…') or none */
  --pc-line:         #E6E6E6;                       /* ▸ card border */
  --pc-r:            calc(12 * var(--l-u));         /* ▸ corner radius */
  --pc-pad:          calc(16 * var(--l-u));         /* ▸ inner padding */
  --pc-green:        #1F7A3A;
  --pc-amber:        #B4640A;
  --pc-red:          #B42318;
  --pc-lead:         #0470BA;                       /* ▸ lead time row colour */
  --pc-price-colour: var(--pc-green);               /* ▸ EXPERIMENT: #111111 to revert */
  border: 1px solid var(--pc-line) !important;
  border-radius: var(--pc-r) !important;
  background: #FFFFFF !important;
  overflow: hidden !important;
  gap: 0 !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
}

/* PC1 · image well  (v7.3.4)
   THE RING SAGA, RESOLVED: the rec-carousel's darker "ring" was the
   img's OWN theme-painted background-color (241,241,241) multiplying
   against the well behind it in the padding zone: grey × grey = darker
   grey. Photo pixels covered the img bg inside, hence two tones.
   Collections were clean because their snippet leaves the img bg
   transparent. Fix: img background TRANSPARENT, always.
   (elementsFromPoint stack named it; blanket paints and pseudo kills
   from v7.3.2-.3 were dead ends and are removed here.) */
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .product-card__image-wrapper {
  border-radius: 0 !important;
  background-color: var(--pc-well) !important;
  background-image: var(--pc-watermark) !important;
  background-size: calc(160 * var(--l-u)) !important;
  background-repeat: repeat !important;
}
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .product-card__image {
  object-fit: contain !important;
  padding: calc(14 * var(--l-u)) !important;
  box-sizing: border-box !important;
  background-color: transparent !important;   /* ⚠ NEVER a colour: own-bg × multiply = darker ring */
  mix-blend-mode: multiply !important;
}

/* rec carousel (v7.3.6): the slider's compositing environment (scroll
   container + reveal transforms + rounded overflow) hits a documented
   class of mix-blend-mode composited-vs-normal divergence. isolation:
   isolate forces a contained blend group at the wrapper: the img can
   only blend against the wrapper's own well grey. */
[id^="shopify-section-"][id*="__product_recommendations"] .product-card__image-wrapper {
  isolation: isolate !important;
}

/* PC2 · info block: info stops growing, our block grows, foot pins */
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .product-card__info-wrapper {
  display: flex !important; flex-direction: column !important;
  height: 100% !important;
  padding: calc(12 * var(--l-u)) var(--pc-pad) var(--pc-pad) !important;
}
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .product-card__info {
  flex: 0 0 auto !important;
  height: auto !important;
  gap: 0 !important;
}
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .product-card__vendor {
  font-family: 'Antonio', sans-serif !important; font-weight: 600 !important;
  font-size: calc(11 * var(--l-u)) !important;      /* ▸ */
  letter-spacing: .12em !important; text-transform: uppercase !important;
  color: #8A8A8A !important;
  margin: 0 0 calc(4 * var(--l-u)) !important;
}
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .product-card__title,
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .product-card__title a {
  font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 700 !important;
  font-size: calc(15 * var(--l-u)) !important;      /* ▸ */
  line-height: 1.25 !important; letter-spacing: 0 !important;
  text-transform: none !important;                  /* ⚠ theme uppercases .h5 */
  color: #111111 !important;
  margin: 0 0 calc(6 * var(--l-u)) !important;
  background-image: none !important;               /* lesson 4.7 */
}

/* PC4 · status rows (inside .product-card__info, under the title) */
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-status { display: flex; flex-direction: column; gap: calc(4 * var(--l-u)); margin: 0 0 calc(10 * var(--l-u)); }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-stock {
  display: inline-flex; align-items: center; gap: calc(6 * var(--l-u));
  font-size: calc(12.5 * var(--l-u)); font-weight: 600;   /* ▸ */
  line-height: 1.2;
}
/* dot hardened !important: a theme rule in the rec carousel was
   beating background: currentColor (transparent dots) */
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-dot {
  width: calc(7 * var(--l-u)) !important;
  height: calc(7 * var(--l-u)) !important;
  border-radius: 50% !important;
  background: currentColor !important;
  flex: 0 0 auto !important;
}
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-stock.is-in   { color: var(--pc-green) !important; }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-stock.is-mto  { color: var(--pc-amber) !important; }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-stock.is-out  { color: var(--pc-red) !important; }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-stock.is-lead { color: var(--pc-lead) !important; }

/* our block: grows; bottom pins */
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc { display: flex; flex-direction: column; flex: 1 1 auto; gap: calc(8 * var(--l-u)); min-height: 0; }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-bottom { margin-top: auto; display: flex; flex-direction: column; gap: calc(8 * var(--l-u)); }
/* PC5 · selects (state elements; the UI on <768px) */
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-selects { display: flex; flex-direction: column; gap: calc(6 * var(--l-u)); }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) select.agd-pc-select {
  appearance: none; -webkit-appearance: none;
  width: 100%;
  height: calc(38 * var(--l-u));                    /* ▸ */
  padding: 0 calc(32 * var(--l-u)) 0 calc(12 * var(--l-u));
  border: 1px solid #D9D9DC !important;             /* ▸ */
  border-radius: calc(7 * var(--l-u)) !important;
  background-color: #FFFFFF !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23555' stroke-width='1.5'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right calc(12 * var(--l-u)) center !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: calc(13 * var(--l-u)) !important;      /* ▸ */
  color: #111111 !important;
  line-height: 1 !important;
  cursor: pointer;
  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) select.agd-pc-select:has(option[value=""]:checked) { color: #6B6B6B !important; }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) select.agd-pc-select:focus { outline: 2px solid #111111; outline-offset: 1px; }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) select.agd-pc-select:disabled {
  background-color: #F5F5F5 !important;
  color: #A0A0A0 !important;
  cursor: not-allowed;
}

/* PC5c · custom listbox (≥768px) + swatch dots */
@media (min-width: 768px) {
  :is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-lb-field > select.agd-pc-select { display: none !important; }
}
@media (max-width: 767px) {
  :is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-lb-field > .agd-lb-btn { display: none !important; }
}
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-lb-field { position: relative; }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-lb-btn {
  display: flex; align-items: center; gap: calc(8 * var(--l-u));
  width: 100%;
  height: calc(38 * var(--l-u));
  padding: 0 calc(12 * var(--l-u));
  border: 1px solid #D9D9DC !important;
  border-radius: calc(7 * var(--l-u)) !important;
  background: #FFFFFF !important; background-image: none !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: calc(13 * var(--l-u)) !important;
  color: #111111 !important;
  cursor: pointer; text-align: left;
  transition: border-color .12s ease;
}
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-lb-btn:hover { border-color: #8A8A8A !important; }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-lb-btn:focus-visible { outline: 2px solid #111111; outline-offset: 1px; }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-lb-btn .agd-lb-label {
  flex: 1 1 auto; min-width: 0;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  color: #6B6B6B;
}
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-lb-btn .agd-lb-label.is-set { color: #111111; }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-lb-btn .agd-lb-caret { flex: 0 0 auto; color: #555555; display: inline-flex; }

/* dots: shared by button and panel rows (UNSCOPED on purpose)
   Image chips: borderless rounded squares at the icon's own look.
   Hex dots (Mill + fallbacks): bordered circles, need an edge on white. */
.agd-lb-dot {
  flex: 0 0 auto;
  width: 20px; height: 20px;                        /* ▸ chip size */
  border-radius: 5px;
  border: 0;
  box-sizing: border-box;
}
.agd-lb-dot.is-hex {
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,.18);
}
.agd-lb-dot.is-txt { background-image: repeating-linear-gradient(135deg, rgba(255,255,255,.28) 0 2px, transparent 2px 4px); }
.agd-lb-dot.is-met { background-image: linear-gradient(135deg, rgba(255,255,255,.5), transparent 55%); }
.agd-lb-dot.is-none { visibility: hidden; }

/* panel: on <body>, above the theme's popup layer (z-60) */
.agd-lb-panel {
  position: fixed;
  z-index: 70;
  overflow-y: auto;
  min-width: 260px;                                 /* ▸ open list stays legible at 5-up card widths */
  background: #FFFFFF;
  border: 1px solid #E2E2E4;
  border-radius: 9px;                               /* ▸ raw px: panel is outside the section, no --l-u */
  box-shadow: 0 10px 30px rgba(17,17,17,.12);
  padding: 5px;
  font-family: 'Hanken Grotesk', sans-serif;
  outline: none;
}
.agd-lb-panel .agd-lb-opt {
  display: flex; align-items: center; gap: 9px;
  padding: 8px 10px;                                /* ▸ row size */
  border-radius: 6px;
  font-size: 13px;                                  /* ▸ */
  color: #111111;
  cursor: pointer;
  user-select: none;
}
.agd-lb-panel .agd-lb-opt:hover:not(.is-off),
.agd-lb-panel .agd-lb-opt.is-active { background: #F5F3EF; }
.agd-lb-panel .agd-lb-opt-label { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.agd-lb-panel .agd-lb-check { flex: 0 0 auto; color: #1F7A3A; font-weight: 700; }
.agd-lb-panel .agd-lb-opt.is-off { color: #B9B9BC; cursor: not-allowed; }
.agd-lb-panel .agd-lb-opt.is-off .agd-lb-dot { opacity: .35; }

/* PC6 · price row */
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-price {
  display: flex; align-items: baseline; flex-wrap: wrap;
  gap: calc(6 * var(--l-u));
  padding-top: calc(10 * var(--l-u));
  border-top: 1px solid var(--pc-line);
}
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-from { font-size: calc(12.5 * var(--l-u)); color: #6B6B6B; }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-amount {
  font-family: 'Antonio', sans-serif; font-weight: 700;
  font-size: calc(24 * var(--l-u));                 /* ▸ */
  line-height: 1;
  color: var(--pc-price-colour);
}
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-vat { font-size: calc(12 * var(--l-u)); color: #6B6B6B; }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-compare { font-size: calc(12.5 * var(--l-u)); color: #9A9A9A; text-decoration: line-through; }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-compare:empty,
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-save:empty { display: none; }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-save {
  font-family: 'Antonio', sans-serif; font-weight: 700;
  font-size: calc(11 * var(--l-u)); letter-spacing: .06em; text-transform: uppercase;
  color: var(--pc-green);
  background: #EAF5EC; border: 1px solid #CFE8D5;   /* ▸ */
  border-radius: calc(4 * var(--l-u));
  padding: calc(3 * var(--l-u)) calc(6 * var(--l-u));
  line-height: 1;
}

/* PC7 · actions */
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-actions { display: flex; align-items: stretch; gap: calc(8 * var(--l-u)); }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .agd-pc-qty {
  display: inline-flex; align-items: center;
  border: 1px solid #D9D9DC; border-radius: calc(7 * var(--l-u));
  height: calc(40 * var(--l-u));                    /* ▸ action row height */
  flex: 0 0 auto;
}
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) button.agd-pc-qty-btn {
  width: calc(28 * var(--l-u)); height: 100%;
  border: 0 !important; background: transparent !important; background-image: none !important;
  font-family: 'Hanken Grotesk', sans-serif !important; font-size: calc(15 * var(--l-u)) !important;
  color: #6B6B6B !important; cursor: pointer; padding: 0 !important; line-height: 1 !important;
}
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) button.agd-pc-qty-btn:hover { color: #111111 !important; }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) input.agd-pc-qty-in {
  width: calc(30 * var(--l-u)); height: 100%;
  border: 0 !important; background: transparent !important; padding: 0 !important; margin: 0 !important;
  text-align: center; font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 700 !important;
  font-size: calc(13 * var(--l-u)) !important; color: #111111 !important;
  -moz-appearance: textfield; appearance: textfield; outline: none !important; box-shadow: none !important;
}
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) input.agd-pc-qty-in::-webkit-outer-spin-button,
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) input.agd-pc-qty-in::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) button.agd-pc-add {
  flex: 1 1 auto; min-width: 0;
  display: inline-flex; align-items: center; justify-content: center;
  height: calc(40 * var(--l-u));
  border: 0 !important; border-radius: calc(7 * var(--l-u)) !important;
  background: #111111 !important; background-image: none !important;
  color: #FFFFFF !important;
  font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 700 !important;
  font-size: calc(13.5 * var(--l-u)) !important;
  padding: 0 calc(12 * var(--l-u)) !important;
  cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  transition: background-color .15s ease, opacity .15s ease;
}
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) button.agd-pc-add:hover:not(:disabled) { background: #2563EB !important; }   /* ▸ */
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) button.agd-pc-add:disabled { background: #E6E6E6 !important; color: #8A8A8A !important; cursor: not-allowed; }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) button.agd-pc-add.is-added { background: var(--pc-green) !important; }
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) a.agd-pc-quote {
  flex: 0 0 auto; display: inline-flex; align-items: center;
  height: calc(40 * var(--l-u));
  padding: 0 calc(14 * var(--l-u));
  border: 1px solid #D9D9DC; border-radius: calc(7 * var(--l-u));
  background: #FFFFFF; background-image: none !important;
  font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 700 !important;
  font-size: calc(13 * var(--l-u)) !important; color: #111111 !important;
  text-decoration: none !important;
}
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) a.agd-pc-quote:hover { border-color: #111111; }

/* PC8 · no-flash loading state */
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .product-card__price,
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .product-card__inventory-wrapper,
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .product-card__widget-list-layout,
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .product-card__form-wrapper {
  display: none !important;
}
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .product-card__wrapper:not([data-agd-built="1"]) .product-card__info::after {
  content: '';
  display: block;
  height: calc(120 * var(--l-u));                   /* ▸ skeleton height */
  margin-top: calc(6 * var(--l-u));
  border-radius: calc(7 * var(--l-u));
  background: linear-gradient(100deg, #F2F2F2 40%, #FAFAFA 50%, #F2F2F2 60%);
  background-size: 200% 100%;
  animation: agd-pc-shimmer 1.2s linear infinite;
}
@keyframes agd-pc-shimmer { to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) {
  :is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) .product-card__wrapper:not([data-agd-built="1"]) .product-card__info::after { animation: none; }
}

/* quick view: retired (decision Sep 2026), both hosts */
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) [class*="quick-view" i],
:is([id^="template--"][id$="__product-grid"], [id^="shopify-section-"][id*="__product_recommendations"]) [class*="quickview" i] {
  display: none !important;
}

/* Recommendation cards — remove theme hover quick-add control */
[id^="shopify-section-"][id*="__product_recommendations"] .product-card__image-container button,
[id^="shopify-section-"][id*="__product_recommendations"] .product-card__image-container [role="button"],
[id^="shopify-section-"][id*="__product_recommendations"] .product-card__image-container custom-button {
  display: none !important;
}

/* ═══════════ END PC: product cards ═══════════ */

/* =====================================================================
   PP · PRODUCT PAGE — frame + gallery + identity + buy + picker  v1.9.5
   Target  : .section-main-product (theme-stable class on the product
             shopify-section) · TEMPLATE-AGNOSTIC by construction:
             matches every product template incl. future branded ones.
   Does    : PP0 section frame · PP1 gallery (card image treatment:
             well ON THE SLIDE, real height on the container) · PP2
             identity (Antonio kicker + uppercase title, SKU) · PP2b
             injected badge + rating row · PP2c injected stock/lead
             banner · PP2d identity rhythm · PP3 price row · PP3c price
             extras (instalments hidden, ex VAT suffix, compare-at,
             Save badge restyle) · description type + Read more PILL ·
             PP4 buy row in the card grammar + centred payment icons +
             theme hover machinery disarmed · PP5 theme variant picker
             restyle (labels name-only) + swatch dot placement.
   Unit    : own --pp-u, same min(100vw/1440, 1px) anchor as L/PC.
   Requires: AGD · PP INJECT section v3 (badge, rating, status bar,
             picker dots, badge text rewrite) · AGD · SWATCH MAP
             section (HEADER GROUP, site-wide; dots degrade to none
             without it) · .agd-lb-dot base styles from block PC
             (UNSCOPED there).
   Anatomy (dump-verified Sep 2026):
     .section-main-product
       > .main-product__container > main-product
         > product-info.product-template__wrapper   ← two-column flex
           > div.product-template__media-wrapper
             > #MediaGallery__… .media-gallery__wrapper
               > .swiffy-slider.media-gallery__media-wrapper
                 .slider-item-ratio.slider-item-ratio-1/1
                 > .slider-container.media-gallery__container
                   display:grid · overflow:hidden · theme's 1:1 = a
                   padding-bottom hack HERE (padding: 0 0 570px) →
                   replaced with a real height (--pp-media-h).
                   > .slide-item.media-gallery__media-item (flex)
                     > img  ⚠ position:absolute → slide relative,
                       img inset-pinned. Audit-verified: img fills
                       well minus 2×28u exactly (parked issue closed
                       pending aesthetic sign-off).
           > #ProductTemplate__Content__… content column:
               .product-info__vendor > .flex > p «vendor» (+ badge)
               h1.product-title
               .product-info__identifier-wrapper > .flex >
                 .product-info__sku (+ .agd-pp-rating after)
               (+ .agd-pp-below > .agd-pp-statusbar injected after)
               .product-info__price-wrapper > .price__container >
                 .price-wrapper > span.price + span.compare-at-price +
                 .price-label («Save N%» via INJECT) +
                 shopify-payment-terms (hidden)
               .product-info__separator-wrapper
               collapsible-tab.product-info__description > .rte >
                 .truncate-container (clamp) · Read more = div.text-link
                 with Alpine handlers in a .flex row (NOT a button/a)
               .product-info__variant-picker > variant-picker >
                 select-element[data-option-name][data-picker-type=
                 "dropdown"]: legend .variant-option__name +
                 .variant-option__selected-value (hidden: name-only
                 labels) · .select-button > .select-button__label +
                 .select-arrow · .select-options-wrapper (h-0 closed) >
                 ul.select-options > li.select-option[data-value]
               .product-info__buy-buttons-wrapper > form >
                 .product-info__quantity-wrapper + div.grow (button)
               .product-info__payment-methods li.payment-method__item
       StickyAddToCart wrapper exists (untouched).
     Thumbnails NOT YET STYLED.
   Warnings:
     - ⚠ ex VAT ::after is a CLAIM: verify Settings → Taxes has
       "Include tax in prices" UNCHECKED (open item). If prices are
       inc VAT, fix BOTH surfaces (cards + here).
     - ⚠ swiffy transforms slides → multiply blends against the bg
       INSIDE the slide (.slide-item). Do not move the well up.
     - ⚠ img inset (28u) ↔ width/height subtraction (56u): tune BOTH.
     - PP3 price colour rides the green experiment; #111111 reverts.
     - PP4 disarms the theme's button hover machinery (gradient sweep
       pseudo-elements, transforms, inner-span animations). If a theme
       update changes the mechanism, re-dump the button's hover state.
     - Buy it now (dynamic checkout) NOT yet styled/hidden: decide.
     - PP5 styles the THEME's dropdown; dots arrive from PP INJECT v3
       reading window.AGD_SWATCHES.
     - Theme media width rides --product-info-media-width (▸ dial
       commented). Video slides excluded from multiply.
   Failed  : v1 well on wrapper (blend isolated, square inflated).
             v1.1 missed the padding-bottom ratio hack. v1.2 killed the
             hack without its height (570×0 clip). v1.4 title in Hanken
             (house: Antonio for headings). v1.6 price-match glint +
             LEAD TIME label (removed). v1.7 badge green + oversize.
             v1.7.2 rating ::before divider unrendered; rows tight.
             v1.8 ex VAT ::after landed after the badge. v1.9.1 Read
             more selectors guessed button/anchor; element is
             div.text-link (Alpine). v1.9.2 bordered-box Read more,
             re-cut as sort-pill grammar. v1.9.3 buy row 48u, icons
             left. v1.9.4 flat colours set but theme hover machinery
             not disarmed (gradient sweep on hover).
   Dials   : ▸ marked
   ===================================================================== */

/* PP · disable Maximize sticky add-to-cart bar */
sticky-add-to-cart,
.sticky-add-to-cart,
.sticky-add-to-cart__wrapper,
.sticky-atc,
.sticky-atc__wrapper,
#StickyAddToCart,
[id^="StickyAddToCart__Container"],
[x-data*="xStickyATC("] {
  display: none !important;
}

   /* PP0 · frame */
.section-main-product {
  --pp-u:    min(calc(100vw / 1440), 1px);          /* ▸ 1440 anchor */
  --pp-well: #F1F1F1;                               /* ▸ image well (matches PC) */
  --pp-line: #E6E6E6;                               /* ▸ hairline (matches PC) */
  --pp-r:    calc(12 * var(--pp-u));                /* ▸ radius (matches PC) */
  --pp-gut:  calc(48 * var(--pp-u));                /* ▸ column gutter */
  background: #FFFFFF !important;
}
@media (max-width: 767px) {
  .section-main-product { --pp-u: 1px; }
}
.section-main-product product-info.product-template__wrapper {
  gap: var(--pp-gut) !important;
  align-items: flex-start !important;
}

/* PP1 · gallery: clean, locked 1:1 image well
   The outer gallery establishes the square. The slider container and
   every slide fill that square. Images remain contained with consistent
   breathing room, regardless of the source image's proportions. */

.section-main-product .product-template__media-wrapper {
  margin-top: calc(46 * var(--pp-u)) !important;
  margin-bottom: calc(26 * var(--pp-u)) !important;
  min-width: 0;
}

/* Remove any theme background or spacing around the gallery */
.section-main-product .media-gallery__wrapper {
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

/* This element establishes the permanent square */
.section-main-product .media-gallery__media-wrapper {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  background: transparent !important;
}

/* Remove the theme's padding-bottom ratio hack */
.section-main-product .media-gallery__container {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  background: transparent !important;
}

/* Every gallery slide fills the square */
.section-main-product .slider-item-ratio .slide-item,
.section-main-product .slider-item-ratio-1\/1 .slide-item,
.section-main-product .slide-item.media-gallery__media-item {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  box-sizing: border-box !important;
}

/* Main image well — same visual grammar as the product cards */
.section-main-product .slide-item.media-gallery__media-item {
  background: var(--pp-well) !important;
  border: 1px solid var(--pp-line) !important;
  border-radius: var(--pp-r) !important;
  overflow: hidden !important;
}

/* Keep every source image contained and centred within the square */
.section-main-product .slide-item.media-gallery__media-item img {
  position: absolute !important;
  inset: calc(20 * var(--pp-u)) !important;
  width: calc(100% - 40 * var(--pp-u)) !important;
  height: calc(100% - 40 * var(--pp-u)) !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  mix-blend-mode: multiply;
  margin: 0 !important;
}

.section-main-product .slide-item.media-gallery__media-item video {
  mix-blend-mode: normal;
}

/* Desktop gallery width */
.section-main-product product-info.product-template__wrapper {
  --product-info-media-width: 46%;
}

/* Mobile gallery remains full-width and square */
@media (max-width: 767px) {
  .section-main-product product-info.product-template__wrapper {
    --product-info-media-width: 100%;
  }

  .section-main-product .product-template__media-wrapper {
    margin-top: 0 !important;
  }
}

/* PP2 · identity: vendor kicker → title → SKU */
.section-main-product .product-info__vendor,
.section-main-product .product-info__vendor p {
  font-family: 'Antonio', sans-serif !important; font-weight: 700 !important;
  font-size: calc(12 * var(--pp-u)) !important;     /* ▸ kicker */
  letter-spacing: .16em !important; text-transform: uppercase !important;
  color: #8A8A8A !important;
}
.section-main-product h1.product-title {
  font-family: 'Antonio', sans-serif !important; font-weight: 700 !important;
  font-size: calc(32 * var(--pp-u)) !important;     /* ▸ title size */
  line-height: 1.16 !important; letter-spacing: .01em !important;
  text-transform: uppercase !important;
  color: #111111 !important;
}
.section-main-product .product-info__sku {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: calc(12.5 * var(--pp-u)) !important;   /* ▸ */
  color: #8A8A8A !important;
  letter-spacing: .02em !important;
}

/* PP2b · injected identity elements (AGD · PP INJECT section) */
.section-main-product .product-info__vendor .flex {
  align-items: center !important;
  gap: calc(10 * var(--pp-u)) !important;
}
.section-main-product .product-info__vendor,
.section-main-product .product-info__vendor .flex { overflow: visible !important; }
.section-main-product .agd-pp-badge {
  display: inline-flex; align-items: center; gap: calc(6 * var(--pp-u));
  border: 1px solid #D9D9DC;                        /* ▸ neutral hairline */
  background: #FFFFFF;
  border-radius: 999px;
  padding: calc(2.5 * var(--pp-u)) calc(8 * var(--pp-u)) calc(2.5 * var(--pp-u)) calc(4.5 * var(--pp-u));
  font-family: 'Antonio', sans-serif !important; font-weight: 600;
  font-size: calc(9.5 * var(--pp-u));               /* ▸ badge text */
  letter-spacing: .1em; text-transform: uppercase;
  color: #111111;
  line-height: 1;
  transform: translateY(calc(-0.5 * var(--pp-u)));  /* ▸ optical alignment; tune ±2 */
}
.section-main-product .agd-pp-badge svg { width: calc(13 * var(--pp-u)); height: calc(13 * var(--pp-u)); flex: 0 0 auto; }
/* SKU · divider · rating on one row */
.section-main-product .product-info__identifier-wrapper .flex {
  align-items: center !important;
  gap: 0 !important;
}
.section-main-product .agd-pp-rating {
  display: inline-flex; align-items: center; gap: calc(6 * var(--pp-u));
  font-family: 'Hanken Grotesk', sans-serif;
  font-size: calc(12.5 * var(--pp-u));              /* ▸ */
  color: #4A4A4A;
  margin-left: calc(12 * var(--pp-u));
  padding-left: calc(12 * var(--pp-u));
  border-left: 1px solid #D9D9DC;
}
.section-main-product .agd-pp-rating .agd-pp-stars { color: #F5A623; letter-spacing: .05em; font-size: calc(13 * var(--pp-u)); }
.section-main-product .agd-pp-rating strong { color: #111111; font-weight: 700; }

/* PP2c · injected stock/lead banner (PP INJECT) */
.section-main-product .agd-pp-statusbar {
  display: inline-flex;
  align-items: center; gap: calc(12 * var(--pp-u));
  background: #FFFFFF;                              /* ▸ cell fill */
  border: 1px solid var(--pp-line);
  border-radius: calc(7 * var(--pp-u));
  padding: calc(7 * var(--pp-u)) calc(11 * var(--pp-u));   /* ▸ cell padding */
  font-family: 'Hanken Grotesk', sans-serif;
}
.section-main-product .agd-pp-stock {
  display: inline-flex; align-items: center; gap: calc(7 * var(--pp-u));
  font-weight: 700; font-size: calc(13.5 * var(--pp-u));   /* ▸ */
  line-height: 1.2;
}
.section-main-product .agd-pp-dot { width: calc(8 * var(--pp-u)); height: calc(8 * var(--pp-u)); border-radius: 50%; background: currentColor; flex: 0 0 auto; }
.section-main-product .agd-pp-stock.is-in   { color: #1F7A3A; }
.section-main-product .agd-pp-stock.is-mto  { color: #B4640A; }
.section-main-product .agd-pp-stock.is-out  { color: #B42318; }
.section-main-product .agd-pp-stock.is-lead { color: #0470BA; }

/* PP2d · identity column rhythm */
.section-main-product .product-info__vendor { margin-bottom: calc(8 * var(--pp-u)) !important; }
.section-main-product h1.product-title { margin-bottom: calc(10 * var(--pp-u)) !important; }
.section-main-product .product-info__identifier-wrapper { margin-bottom: calc(12 * var(--pp-u)) !important; }
.section-main-product .product-info__identifier-wrapper .flex { margin-bottom: 0 !important; }
.section-main-product .agd-pp-below { margin: 0 0 calc(18 * var(--pp-u)) !important; }

/* PP3 · price row: card grammar at page scale */
.section-main-product .price__container .price {
  font-family: 'Antonio', sans-serif !important; font-weight: 700 !important;
  font-size: calc(30 * var(--pp-u)) !important;     /* ▸ amount size */
  line-height: 1 !important;
  color: #1F7A3A !important;                        /* ▸ green experiment; #111111 to revert */
  align-items: baseline !important;
}
.section-main-product .product-info__price-wrapper { margin-bottom: calc(14 * var(--pp-u)) !important; }

/* PP3c · price extras */
.section-main-product shopify-payment-terms { display: none !important; }
.section-main-product .price-wrapper > span.price::after {
  content: 'ex VAT';                                /* ⚠ CLAIM GATE: verify Settings → Taxes = prices ex VAT */
  font-family: 'Hanken Grotesk', sans-serif;
  font-weight: 400;
  font-size: calc(12.5 * var(--pp-u));
  color: #6B6B6B;
  margin-left: calc(4 * var(--pp-u));
  letter-spacing: 0;
}
.section-main-product span.compare-at-price {
  font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 400 !important;
  font-size: calc(15 * var(--pp-u)) !important;
  color: #9A9A9A !important;
}
.section-main-product .price-label {
  --background-color-label: 234 245 236 !important; /* card SAVE tint #EAF5EC */
  --color-text-label: 31 122 58 !important;         /* #1F7A3A */
  font-family: 'Antonio', sans-serif !important; font-weight: 700 !important;
  font-size: calc(11 * var(--pp-u)) !important;
  letter-spacing: .06em !important; text-transform: uppercase !important;
  border: 1px solid #CFE8D5 !important;
  border-radius: calc(4 * var(--pp-u)) !important;
}
.section-main-product .price-label::before { display: none !important; }

/* separators to the house hairline */
.section-main-product .product-info__separator-wrapper {
  border-color: var(--pp-line) !important;
}

/* description: body type; theme's clamp kept */
.section-main-product .product-info__description .rte,
.section-main-product .product-info__description .truncate-text {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: calc(14 * var(--pp-u)) !important;     /* ▸ */
  line-height: 1.6 !important;
  color: #4A4A4A !important;
}
/* description Read more: pill in the collection sort-pill grammar
   (dump-verified: div.text-link with Alpine handlers). Toggles to
   "See less" in the same clothes. */
.section-main-product .product-info__description .text-link {
  display: inline-flex !important; align-items: center !important;
  margin: calc(8 * var(--pp-u)) 0 calc(2 * var(--pp-u)) !important;
  padding: calc(4.5 * var(--pp-u)) calc(11 * var(--pp-u)) !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(17,17,17,.06) !important;        /* ▸ pill fill */
  background-image: none !important;
  box-shadow: none !important;
  font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 500 !important;
  font-size: calc(11 * var(--pp-u)) !important;     /* ▸ */
  line-height: 1 !important;
  color: rgba(17,17,17,.72) !important;
  text-decoration: none !important;
  cursor: pointer;
  user-select: none;
  opacity: .85;                                     /* ▸ quiet until needed */
  transition: background-color .15s ease, color .15s ease, opacity .15s ease;
}
.section-main-product .product-info__description .text-link:hover {
  background: rgba(17,17,17,.10) !important;
  background-image: none !important;
  color: #111111 !important;
  opacity: 1;
}
.section-main-product .product-info__description .text-link::before,
.section-main-product .product-info__description .text-link::after { display: none !important; }

/* PP3d · price match guarantee line (glinting label, under the price) */
.section-main-product .agd-pp-pm {
  display: flex; align-items: baseline; gap: calc(9 * var(--pp-u));
  flex-wrap: wrap;
  margin: calc(-4 * var(--pp-u)) 0 calc(14 * var(--pp-u));   /* ▸ tucks under the price row */
}
.section-main-product .agd-pp-pm-label {
  flex: 0 0 auto;
  font-family: 'Antonio', sans-serif; font-weight: 700;
  font-size: calc(12 * var(--pp-u));                /* ▸ */
  letter-spacing: .1em; text-transform: uppercase;
  line-height: 1; white-space: nowrap;
  background-color: #111111;
  background-image: linear-gradient(105deg, transparent 48%, #ffffff 50%, transparent 52%);
  background-size: 500% 100%;
  background-repeat: no-repeat;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  animation: agd-pp-glint 11s linear infinite;
}
.section-main-product .agd-pp-pm-text {
  font-family: 'Hanken Grotesk', sans-serif;
  font-size: calc(12.5 * var(--pp-u));              /* ▸ */
  line-height: 1.4; color: #6B6B6B;
}
@keyframes agd-pp-glint { 0% { background-position: 120% 0; } 100% { background-position: -400% 0; } }
@media (prefers-reduced-motion: reduce) {
  .section-main-product .agd-pp-pm-label {
    animation: none; background-image: none;
    -webkit-text-fill-color: #111111; color: #111111;
  }
}

/* PP4 · buy row: qty + add button in the CARD grammar */
.section-main-product .product-info__buy-buttons-wrapper form {
  display: flex !important;
  align-items: stretch !important;
  gap: calc(8 * var(--pp-u)) !important;
  flex-wrap: wrap !important;
}
.section-main-product .product-info__quantity-wrapper {
  border: 1px solid #D9D9DC !important;
  border-radius: calc(7 * var(--pp-u)) !important;
  height: calc(44 * var(--pp-u)) !important;        /* ▸ buy row height */
  overflow: hidden;
  display: inline-flex !important; align-items: center !important;
  background: #FFFFFF !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}
.section-main-product .product-info__quantity-wrapper button {
  border: 0 !important; background: transparent !important; background-image: none !important;
  color: #6B6B6B !important; width: calc(32 * var(--pp-u)) !important; height: 100% !important;
  font-size: calc(15 * var(--pp-u)) !important; cursor: pointer; padding: 0 !important; line-height: 1 !important;
}
.section-main-product .product-info__quantity-wrapper button:hover { color: #111111 !important; }
.section-main-product .product-info__quantity-wrapper input {
  border: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important;
  width: calc(36 * var(--pp-u)) !important; height: 100% !important; text-align: center !important;
  font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 700 !important;
  font-size: calc(13.5 * var(--pp-u)) !important; color: #111111 !important;
  -moz-appearance: textfield; appearance: textfield; padding: 0 !important; margin: 0 !important;
}
.section-main-product .product-info__quantity-wrapper input::-webkit-outer-spin-button,
.section-main-product .product-info__quantity-wrapper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.section-main-product .product-info__form button[type="submit"],
.section-main-product .product-info__form .grow > button,
.section-main-product .product-info__form [name="add"] {
  height: calc(44 * var(--pp-u)) !important;
  width: 100% !important;
  border: 0 !important; border-radius: calc(7 * var(--pp-u)) !important;
  background: #111111 !important; background-image: none !important;
  color: #FFFFFF !important;
  font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 700 !important;
  font-size: calc(14 * var(--pp-u)) !important;
  letter-spacing: .01em !important;
  cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  transition: background-color .15s ease;
}
.section-main-product .product-info__form button[type="submit"]:hover:not(:disabled),
.section-main-product .product-info__form [name="add"]:hover:not(:disabled) { background: #2563EB !important; }   /* ▸ card hover blue */
.section-main-product .product-info__form button[type="submit"]:disabled { background: #E6E6E6 !important; color: #8A8A8A !important; }
/* disarm the theme's hover machinery: gradient sweep pseudo-elements,
   transforms, inner-span animations. Flat colour transition only. */
.section-main-product .product-info__form button[type="submit"],
.section-main-product .product-info__form [name="add"] {
  transform: none !important;
  animation: none !important;
}
.section-main-product .product-info__form button[type="submit"]::before,
.section-main-product .product-info__form button[type="submit"]::after,
.section-main-product .product-info__form [name="add"]::before,
.section-main-product .product-info__form [name="add"]::after {
  display: none !important;
  animation: none !important;
  transition: none !important;
}
.section-main-product .product-info__form button[type="submit"]:hover,
.section-main-product .product-info__form [name="add"]:hover {
  transform: none !important;
  background-image: none !important;
}
.section-main-product .product-info__form button[type="submit"] span,
.section-main-product .product-info__form [name="add"] span {
  background-image: none !important;
  transform: none !important;
  transition: none !important;
}
/* the container the button sits in grows to fill beside the qty */
.section-main-product .product-info__buy-buttons-wrapper .grow { flex: 1 1 auto !important; min-width: 0 !important; }

/* payment icons: centred under the buy row, quiet */
.section-main-product .product-info__payment-methods {
  margin-top: calc(10 * var(--pp-u)) !important;
}
.section-main-product .product-info__payment-methods ul,
.section-main-product .product-info__payment-methods .flex {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: calc(6 * var(--pp-u)) !important;
}
.section-main-product .payment-method__item svg {
  height: calc(20 * var(--pp-u)) !important; width: auto !important;
  opacity: .8;
}

/* PP5 · theme variant picker restyle + swatch dot placement
   (labels name-only; the selected value reads in the cell below) */
.section-main-product .variant-option__name,
.section-main-product .variant-option__name span:first-child {
  font-family: 'Antonio', sans-serif !important; font-weight: 600 !important;
  font-size: calc(11.5 * var(--pp-u)) !important;   /* ▸ option label */
  letter-spacing: .12em !important; text-transform: uppercase !important;
  color: #5A5A5A !important;
}
.section-main-product .variant-option__selected-value { display: none !important; }
.section-main-product .variant-option__wrapper .select-button {
  height: calc(44 * var(--pp-u)) !important;        /* ▸ */
  border: 1px solid #D9D9DC !important;
  border-radius: calc(7 * var(--pp-u)) !important;
  background: #FFFFFF !important;
  padding: 0 calc(14 * var(--pp-u)) !important;
  gap: calc(9 * var(--pp-u)) !important;
  justify-content: flex-start !important;
  transition: border-color .12s ease;
}
.section-main-product .variant-option__wrapper .select-button:hover { border-color: #8A8A8A !important; }
.section-main-product .variant-option__wrapper .select-button__label {
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: calc(13.5 * var(--pp-u)) !important;
  color: #111111 !important;
  flex: 1 1 auto !important;
}
.section-main-product .variant-option__wrapper .select-arrow { color: #555555 !important; }
.section-main-product .agd-vp-btndot { flex: 0 0 auto; }
/* the open panel */
.section-main-product .select-options-wrapper {
  border-radius: calc(9 * var(--pp-u)) !important;
  box-shadow: 0 10px 30px rgba(17,17,17,.12) !important;
  border: 1px solid #E2E2E4 !important;
  background: #FFFFFF !important;
  margin-top: calc(4 * var(--pp-u)) !important;
}
.section-main-product .select-options-wrapper:where(.h-0) { border: 0 !important; box-shadow: none !important; }
.section-main-product li.select-option {
  display: flex !important; align-items: center !important; gap: calc(9 * var(--pp-u)) !important;
  padding: calc(9 * var(--pp-u)) calc(12 * var(--pp-u)) !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
  font-size: calc(13 * var(--pp-u)) !important;
  color: #111111 !important;
}
.section-main-product li.select-option:hover { background: #F5F3EF !important; }
.section-main-product li.select-option.selected { background: #F5F3EF !important; font-weight: 700 !important; }

/* PP6 · accordions (v1.10.1): each tab = a bordered CELL in the card
   grammar (white, hairline, 7u radius, gapped), open state = darker
   border + tinted body panel. Injected by PP INJECT ≥v3.5. */
.section-main-product .agd-pp-accs {
  margin-top: calc(22 * var(--pp-u));               /* ▸ gap above the set */
  display: flex; flex-direction: column;
  gap: calc(8 * var(--pp-u));                       /* ▸ gap between cells */
}
.section-main-product details.agd-pp-acc {
  border: 1px solid #D9D9DC;                        /* ▸ cell border (input grey) */
  border-radius: calc(7 * var(--pp-u));
  background: #FFFFFF;
  overflow: hidden;
  margin: 0; padding: 0;
  transition: border-color .15s ease;
}
.section-main-product details.agd-pp-acc[open] { border-color: #8A8A8A; }
.section-main-product .agd-pp-acc summary {
  display: flex; align-items: center; gap: calc(10 * var(--pp-u));
  list-style: none; cursor: pointer;
  padding: calc(13 * var(--pp-u)) calc(14 * var(--pp-u));   /* ▸ row padding */
  background: #FFFFFF;
}
.section-main-product .agd-pp-acc summary:hover { background: #FAFAFA; }
.section-main-product .agd-pp-acc summary::-webkit-details-marker { display: none; }
.section-main-product .agd-pp-acc-title {
  font-family: 'Antonio', sans-serif; font-weight: 600;
  font-size: calc(12.5 * var(--pp-u));              /* ▸ */
  letter-spacing: .1em; text-transform: uppercase;
  color: #111111;
  flex: 0 0 auto;
}
.section-main-product .agd-pp-acc-hint {
  flex: 1 1 auto; min-width: 0;
  text-align: right;
  font-family: 'Hanken Grotesk', sans-serif;
  font-size: calc(12 * var(--pp-u));
  color: #8A8A8A;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.section-main-product .agd-pp-acc summary:not(:has(.agd-pp-acc-hint)) .agd-pp-acc-title { flex: 1 1 auto; }
.section-main-product .agd-pp-acc-plus {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: calc(20 * var(--pp-u)); height: calc(20 * var(--pp-u));
  border-radius: 50%;
  background: rgba(17,17,17,.05);
  font-family: 'Hanken Grotesk', sans-serif; font-weight: 400;
  font-size: calc(14 * var(--pp-u));
  color: #6B6B6B; line-height: 1;
  transition: transform .2s ease, background-color .15s ease;
}
.section-main-product details[open] .agd-pp-acc-plus { transform: rotate(45deg); background: rgba(17,17,17,.09); color: #111111; }
.section-main-product .agd-pp-acc-body {
  padding: calc(13 * var(--pp-u)) calc(14 * var(--pp-u));
  background: #F7F7F8;                              /* ▸ body tint (page grey) */
  border-top: 1px solid var(--pp-line);
  font-family: 'Hanken Grotesk', sans-serif;
  font-size: calc(13.5 * var(--pp-u));              /* ▸ */
  line-height: 1.6; color: #4A4A4A;
}
.section-main-product .agd-pp-acc-body p { margin: 0 0 calc(8 * var(--pp-u)); color: inherit; font-size: inherit; }
.section-main-product .agd-pp-acc-body p:last-child { margin-bottom: 0; }
.section-main-product .agd-pp-acc-lead {
  display: inline-block;
  background: #FFFFFF;
  border: 1px solid var(--pp-line);
  border-radius: calc(6 * var(--pp-u));
  padding: calc(6 * var(--pp-u)) calc(10 * var(--pp-u));
  margin-bottom: calc(10 * var(--pp-u)) !important;
}
.section-main-product .agd-pp-acc-lead strong { color: #111111; }
@media (prefers-reduced-motion: reduce) {
  .section-main-product .agd-pp-acc-plus { transition: none; }
}

/* PP7a · product recommendations: the section box (v1.11.4)
   Scoped by id fragment (template-agnostic: matches any product
   template's copy). Cards inside are styled by block PC (dual-host)
   and measure in --l-u, which block L defines on collection pages
   only: PP7a supplies BOTH units (--pp-u box, --l-u cards).
   ⚠ The theme's inner wrapper (.product-recommendations__wrapper)
   carries color-scheme-3 + its --color-background custom-prop system:
   the "dark ring" around cards was THIS showing through the gaps.
   Painted white with !important AND the custom prop overridden. */
[id^="shopify-section-"][id*="__product_recommendations"] {
  background: #F7F7F8;                              /* ▸ band fill (page grey; #F5F3EF for warm) */
  --l-u: min(calc(100vw / 1440), 1px);              /* unit for the PC cards */
}
[id^="shopify-section-"][id*="__product_recommendations"] > div,
[id^="shopify-section-"][id*="__product_recommendations"] .product-recommendations__wrapper {
  --pp-u: min(calc(100vw / 1440), 1px);
  padding: calc(30 * var(--pp-u)) calc(24 * var(--pp-u)) calc(34 * var(--pp-u)) !important;
  margin: calc(30 * var(--pp-u)) 0 0 !important;
  background: #FFFFFF !important;                   /* beats color-scheme-3 */
  --color-background: 255 255 255;                  /* and its custom-prop system */
  border: 1px solid #E6E6E6;
  border-radius: calc(12 * var(--pp-u));
  box-sizing: border-box;
}
@media (max-width: 767px) {
  [id^="shopify-section-"][id*="__product_recommendations"] { --l-u: 1px; }
  [id^="shopify-section-"][id*="__product_recommendations"] > div,
  [id^="shopify-section-"][id*="__product_recommendations"] .product-recommendations__wrapper { --pp-u: 1px; }
}

/* Product recommendations heading and supporting text */
[id^="shopify-section-"][id*="__product_recommendations"] h2 {
  margin: 0 0 calc(20 * var(--pp-u)) !important;
  color: #111111 !important;
  font-family: 'Antonio', sans-serif !important;
  font-size: clamp(22px, 2vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

/* CSS-generated supporting text */
[id^="shopify-section-"][id*="__product_recommendations"] h2::after {
  content: "Frequently bought with this product.";
  display: block;
  margin-top: calc(6 * var(--pp-u));
  color: #6B6B6B;
  font-family: 'Hanken Grotesk', sans-serif;
  font-size: clamp(13px, 1.1vw, 15px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
}

/* PP7b · recommendations cards: collection-card cosmetics, carousel
   tamed. Cards are the same .product-card__* markup as the grid
   (verified: 10 wrappers, 0 AGD flags = no picker leakage). */
[id^="shopify-section-"][id*="__product_recommendations"] .slide-item.product-recommendation__item {
  padding: 0 calc(6 * var(--pp-u)) !important;      /* ▸ inter-card gap */
  box-sizing: border-box;
}
[id^="shopify-section-"][id*="__product_recommendations"] .product-card__wrapper {
  background: #FFFFFF !important;
  border: 1px solid #E6E6E6 !important;
  border-radius: calc(12 * var(--pp-u)) !important;
  overflow: hidden !important;
  height: 100%;
}
/* Recommendation image well — precise targets only */
[id^="shopify-section-"][id*="__product_recommendations"] .product-card__image-container,
[id^="shopify-section-"][id*="__product_recommendations"] .product-card__image-wrapper,
[id^="shopify-section-"][id*="__product_recommendations"] .product-card__image-container a.link-product-variant {
  background-color: #F1F1F1 !important;
  background-image: none !important;
}

/* Keep the actual image transparent so multiply cannot create a ring */
[id^="shopify-section-"][id*="__product_recommendations"] img.product-card__image {
  background-color: transparent !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Prevent theme link treatments from highlighting product titles */
[id^="shopify-section-"][id*="__product_recommendations"] .product-card__title,
[id^="shopify-section-"][id*="__product_recommendations"] .product-card__title a {
  background: transparent !important;
  box-shadow: none !important;
}
}
[id^="shopify-section-"][id*="__product_recommendations"] .product-card__wrapper img {
  object-fit: contain !important;
  mix-blend-mode: multiply;
  padding: calc(12 * var(--pp-u)) !important;
  box-sizing: border-box !important;
}
/* title + price to the card voice */
[id^="shopify-section-"][id*="__product_recommendations"] .product-card__title {
  font-family: 'Hanken Grotesk', sans-serif !important; font-weight: 700 !important;
  font-size: calc(13 * var(--pp-u)) !important;     /* ▸ */
  line-height: 1.35 !important; color: #111111 !important;
}
[id^="shopify-section-"][id*="__product_recommendations"] .product-card__wrapper .price,
[id^="shopify-section-"][id*="__product_recommendations"] .product-card__price {
  font-family: 'Antonio', sans-serif !important; font-weight: 700 !important;
  font-size: calc(15 * var(--pp-u)) !important;
  color: #111111 !important;
}
/* Remove the overlaid left/right controls */
[id^="shopify-section-"][id*="__product_recommendations"] .indicator-arrow__button,
[id^="shopify-section-"][id*="__product_recommendations"] button.slider-nav,
[id^="shopify-section-"][id*="__product_recommendations"] .slider-nav button {
  display: none !important;
}

/* Native horizontal slider */
[id^="shopify-section-"][id*="__product_recommendations"] .slider-container {
  overflow-x: auto !important;
  padding-bottom: calc(18 * var(--pp-u)) !important;
  scrollbar-width: auto !important;
  scrollbar-color: #111111 #E6E6E6 !important;
  overscroll-behavior-inline: contain;
  scroll-snap-type: none !important;
  scroll-behavior: auto !important;
}

/* Disable Swiffy's card snapping */
[id^="shopify-section-"][id*="__product_recommendations"] .slider-container > * {
  scroll-snap-align: none !important;
  scroll-snap-stop: normal !important;
}

/* Chrome, Edge and Safari */
[id^="shopify-section-"][id*="__product_recommendations"] .slider-container::-webkit-scrollbar {
  display: block !important;
  height: 9px !important;
}

[id^="shopify-section-"][id*="__product_recommendations"] .slider-container::-webkit-scrollbar-track {
  background: #E6E6E6 !important;
  border-radius: 999px !important;
  margin-inline: 6px;
}

[id^="shopify-section-"][id*="__product_recommendations"] .slider-container::-webkit-scrollbar-thumb {
  min-width: 80px;
  background: #111111 !important;
  border: 2px solid #E6E6E6 !important;
  border-radius: 999px !important;
}

[id^="shopify-section-"][id*="__product_recommendations"] .slider-container::-webkit-scrollbar-thumb:hover {
  background: #2563EB !important;
}


/* ═══════════ END PP: product page (v1.9.5) ═══════════ */


/* ═══════════════════════════════════════════════════════════════════
   AGD CART DRAWER — COMPLETE CONSOLIDATED DESIGN
   Maximize theme
   ═══════════════════════════════════════════════════════════════════ */

#CartDrawer__Container {
  --agd-cart-black: #0B0B0B;
  --agd-cart-blue: #2696BE;
  --agd-cart-green: #2F7D42;
  --agd-cart-footer: #F4F3F1;
  --agd-cart-pill: #F0EFED;
  --agd-cart-border: #E2E2E2;
  --agd-cart-muted: #777777;

  width: min(612px, 100vw) !important;
  max-width: 612px !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  padding: 0 !important;
  background: #FFFFFF !important;
  border-radius: 14px 0 0 14px !important;
  overflow: hidden !important;
}

/* Dark page overlay */
#CartDrawer__Overlay {
  background: rgba(0, 0, 0, 0.48) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   CART HEADER
   ═══════════════════════════════════════════════════════════════════ */

#CartDrawer__Container .modal-title-container {
  flex: 0 0 80px !important;
  min-height: 80px !important;
  padding: 0 28px !important;
  color: #FFFFFF !important;
  background: var(--agd-cart-black) !important;
  border: 0 !important;
  border-radius: 14px 0 0 0 !important;
}

#CartDrawer__Container .modal-title-wrapper {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 80px !important;
}

#CartDrawer__Container .cart-drawer__title {
  margin: 0 !important;
  color: #FFFFFF !important;
  font-family: 'Antonio', sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
}

/* Centred circular close button */
#CartDrawer__Container #CloseCart {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #D7D7D7 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 0 !important;
  border-radius: 50% !important;
  line-height: 1 !important;
}

#CartDrawer__Container #CloseCart:hover {
  color: var(--agd-cart-blue) !important;
  background: rgba(255, 255, 255, 0.14) !important;
}

#CartDrawer__Container #CloseCart .button__close {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

#CartDrawer__Container #CloseCart svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  transform: none !important;
}

#CartDrawer__Container #CloseCart svg path {
  stroke: currentColor !important;
}

/* ═══════════════════════════════════════════════════════════════════
   DRAWER BODY AND SCROLLBAR
   ═══════════════════════════════════════════════════════════════════ */

#CartDrawer__Container .cart-drawer__body {
  min-height: 0 !important;
  background: #FFFFFF !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

#CartDrawer__Container .cart-drawer__items__wrapper {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 0 28px !important;
  background: #FFFFFF !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: auto !important;
  scrollbar-color: #BDBDBD #F1F1F1 !important;
}

#CartDrawer__Container
.cart-drawer__items__wrapper::-webkit-scrollbar {
  display: block !important;
  width: 9px !important;
}

#CartDrawer__Container
.cart-drawer__items__wrapper::-webkit-scrollbar-track {
  background: #F1F1F1 !important;
}

#CartDrawer__Container
.cart-drawer__items__wrapper::-webkit-scrollbar-thumb {
  background: #BDBDBD !important;
  border: 2px solid #F1F1F1 !important;
  border-radius: 999px !important;
}

#CartDrawer__Container
.cart-drawer__items__wrapper::-webkit-scrollbar-thumb:hover {
  background: #999999 !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PRODUCT ROWS
   ═══════════════════════════════════════════════════════════════════ */

#CartDrawer__Container .cart-item__wrapper {
  padding: 22px 0 !important;
  border-bottom: 1px solid var(--agd-cart-border) !important;
}

#CartDrawer__Container .cart-drawer-item__container {
  display: flex !important;
  align-items: flex-start !important;
  gap: 18px !important;
}

/* Product image */
#CartDrawer__Container .cart-drawer-item__image {
  width: 108px !important;
  height: 108px !important;
  flex: 0 0 108px !important;
}

#CartDrawer__Container .cart-drawer-item__image > a {
  display: block !important;
  width: 108px !important;
  height: 108px !important;
  aspect-ratio: 1 / 1 !important;
  padding: 7px !important;
  background: #F2F2F2 !important;
  border: 1px solid #D8D8D8 !important;
  border-radius: 9px !important;
  overflow: hidden !important;
}

#CartDrawer__Container .cart-drawer-item__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 5px !important;
}

/* Product information */
#CartDrawer__Container .cart-drawer-item__info {
  position: relative !important;
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 122px !important;
}

#CartDrawer__Container .cart-drawer-item__info > div:first-child {
  position: relative !important;
  width: 100% !important;
  min-height: 122px !important;
  padding: 0 0 52px !important;
}

/* Product title */
#CartDrawer__Container .cart-drawer-item__title {
  padding: 0 !important;
  margin: 0 0 8px !important;
}

#CartDrawer__Container .cart-drawer-item__title a {
  color: #111111 !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
}

#CartDrawer__Container .cart-drawer-item__title a:hover {
  color: var(--agd-cart-blue) !important;
}

/* Variant values as pills */
#CartDrawer__Container .cart-drawer-item__property {
  display: inline-block !important;
  width: auto !important;
  margin: 0 4px 5px 0 !important;
  padding: 4px 9px !important;
  color: #626262 !important;
  background: var(--agd-cart-pill) !important;
  border: 0 !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
}

#CartDrawer__Container .cart-drawer-item__property dt {
  display: none !important;
}

#CartDrawer__Container .cart-drawer-item__property dd {
  display: inline !important;
  margin: 0 !important;
  color: inherit !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PRODUCT PRICES
   Main price = complete line total, already ex VAT
   Small price = individual unit price, already ex VAT
   ═══════════════════════════════════════════════════════════════════ */

#CartDrawer__Container .cart-drawer-item__price-wrapper {
  position: absolute !important;
  right: 0 !important;
  bottom: 3px !important;
  padding: 0 !important;
  text-align: right !important;
}

#CartDrawer__Container .cart-drawer-item__price__wrapper {
  display: block !important;
}

#CartDrawer__Container .cart-drawer-item__final-price {
  display: block !important;
  color: #111111 !important;
  font-family: 'Antonio', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#CartDrawer__Container .agd-cart-price-tax-label {
  display: inline-block !important;
  margin-left: 3px !important;
  color: #707070 !important;
  font-family: inherit !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  vertical-align: baseline !important;
}

#CartDrawer__Container .agd-cart-item-price-meta {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 2px !important;
  margin-top: 5px !important;
  white-space: nowrap !important;
}

#CartDrawer__Container .agd-cart-each-price {
  display: block !important;
  color: #858585 !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Remove obsolete elements from earlier VAT version */
#CartDrawer__Container .agd-cart-ex-vat,
#CartDrawer__Container .agd-cart-total-ex-vat {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   QUANTITY AND REMOVE CONTROLS
   ═══════════════════════════════════════════════════════════════════ */

#CartDrawer__Container .cart-item__actions {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  width: fit-content !important;
  padding: 0 !important;
}

#CartDrawer__Container .cart-item__quantity {
  display: flex !important;
  width: 116px !important;
  height: 42px !important;
  justify-content: space-between !important;
  background: #FFFFFF !important;
  border: 1px solid #D4D4D4 !important;
  border-radius: 9px !important;
}

#CartDrawer__Container .cart-item__quantity button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  color: #555555 !important;
  opacity: 1 !important;
}

#CartDrawer__Container .cart-item__quantity button:hover {
  color: var(--agd-cart-blue) !important;
}

#CartDrawer__Container .cart-item__quantity input {
  height: 40px !important;
  padding: 0 !important;
  color: #111111 !important;
  background: transparent !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-align: center !important;
}

#CartDrawer__Container
.cart-item__actions > button:last-child {
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 0 0 10px !important;
  padding: 10px !important;
  color: #8C8C8C !important;
  background: transparent !important;
  opacity: 0.7 !important;
}

#CartDrawer__Container
.cart-item__actions > button:last-child:hover {
  color: #B42318 !important;
  opacity: 1 !important;
}

/* ═══════════════════════════════════════════════════════════════════
   CART NOTE AND DISCOUNT CONTROLS
   ═══════════════════════════════════════════════════════════════════ */

/* Main utility wrapper */
#CartDrawer__Container
cart-accordion.cart-drawer__custom-accordion__wrapper {
  flex: 0 0 auto !important;
  width: 100% !important;
  padding: 0 28px !important;
  color: #111111 !important;
  background: #FFFFFF !important;
  border: 0 !important;
  border-top: 1px solid var(--agd-cart-border) !important;
  border-radius: 0 !important;
}

/* ───────────────── CART NOTE ROW ───────────────── */

#CartDrawer__Container .cart-drawer__cart-note__wrapper {
  width: 100% !important;
  background: #FFFFFF !important;
  border: 0 !important;
  border-bottom: 1px solid var(--agd-cart-border) !important;
}

#CartDrawer__Container .cart-drawer__cart-note__header {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 54px !important;
  padding: 0 !important;
  gap: 10px !important;
  color: #111111 !important;
  background: transparent !important;
  cursor: pointer !important;
  transition:
    color 180ms ease,
    background-color 180ms ease !important;
}

#CartDrawer__Container .cart-drawer__cart-note__header:hover {
  color: var(--agd-cart-blue) !important;
}

/* Cart Note title */
#CartDrawer__Container
.cart-drawer__cart-note__header > div:first-child {
  color: inherit !important;
  font-family: 'Antonio', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
}

/* Note arrow/icon */
#CartDrawer__Container .cart-drawer__cart-note__header svg {
  width: 15px !important;
  height: 15px !important;
  color: currentColor !important;
  stroke: currentColor !important;
}

/* Expanded note content */
#CartDrawer__Container .cart-drawer__cart-note__content {
  width: 100% !important;
  background: #FFFFFF !important;
}

#CartDrawer__Container
.cart-drawer__cart-note__content > div {
  padding: 0 0 16px !important;
}

/* Note textarea */
#CartDrawer__Container #x-cart-note {
  display: block !important;
  width: 100% !important;
  min-height: 96px !important;
  max-height: 150px !important;
  margin: 0 !important;
  padding: 13px 14px !important;
  color: #111111 !important;
  background: #F7F7F7 !important;
  border: 1px solid #D5D5D5 !important;
  border-radius: 8px !important;
  outline: none !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  resize: vertical !important;
}

#CartDrawer__Container #x-cart-note::placeholder {
  color: #888888 !important;
  opacity: 1 !important;
}

#CartDrawer__Container #x-cart-note:hover {
  border-color: #B8B8B8 !important;
}

#CartDrawer__Container #x-cart-note:focus {
  border-color: var(--agd-cart-blue) !important;
  outline: 2px solid rgba(38, 150, 190, 0.14) !important;
  outline-offset: 1px !important;
}

/* ───────────────── DISCOUNT TRIGGER ROW ───────────────── */

/* Maximize wrapper surrounding the Discount trigger */
#CartDrawer__Container
cart-accordion.cart-drawer__custom-accordion__wrapper
> div:last-child {
  width: 100% !important;
  min-height: 54px !important;
  padding: 0 !important;
  color: #111111 !important;
  background: #FFFFFF !important;
  border: 0 !important;
}

/* Scroll/grid wrapper created by Maximize */
#CartDrawer__Container
cart-accordion.cart-drawer__custom-accordion__wrapper
> div:last-child
> div:first-child {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 54px !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Clickable Discount control */
#CartDrawer__Container
.cart-drawer__featured-discount-button {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 54px !important;
  gap: 9px !important;
  color: #111111 !important;
  background: transparent !important;
  font-family: 'Antonio', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: color 180ms ease !important;
}

#CartDrawer__Container
.cart-drawer__featured-discount-button:hover {
  color: var(--agd-cart-blue) !important;
}

/* Discount icon */
#CartDrawer__Container
.cart-drawer__featured-discount-button svg {
  width: 21px !important;
  height: 21px !important;
  color: currentColor !important;
  stroke: currentColor !important;
}

/* Add a clean chevron to the right */
#CartDrawer__Container
.cart-drawer__featured-discount-button::after {
  content: "";
  width: 8px;
  height: 8px;
  margin-left: auto;
  margin-right: 3px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(-45deg);
}

/* ═══════════════════════════════════════════════════════════════════
   OPEN DISCOUNT PANEL
   ═══════════════════════════════════════════════════════════════════ */

#CartDrawer__Container #CustomAccordionWrapper {
  width: calc(100% - 24px) !important;
  max-width: none !important;
  left: 12px !important;
  right: 12px !important;
  padding: 0 0 24px !important;
  gap: 18px !important;
  color: #111111 !important;
  background: #FFFFFF !important;
  border: 1px solid #D7D7D7 !important;
  border-radius: 14px !important;
  box-shadow:
    0 22px 55px rgba(0, 0, 0, 0.22),
    0 4px 14px rgba(0, 0, 0, 0.08) !important;
  overflow: hidden !important;
}

/* Black panel heading */
#CartDrawer__Container
#CustomAccordionWrapper > div:first-child {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 66px !important;
  padding: 0 24px !important;
  color: #FFFFFF !important;
  background: var(--agd-cart-black) !important;
}

/* Remove theme tab centring */
#CartDrawer__Container
#CustomAccordionWrapper > div:first-child > div:first-child {
  width: auto !important;
  padding: 0 !important;
  text-align: left !important;
}

#CartDrawer__Container
#CustomAccordionWrapper .scroll-container {
  display: block !important;
  overflow: visible !important;
}

#CartDrawer__Container
#CustomAccordionWrapper tab-animation {
  display: block !important;
  overflow: visible !important;
}

/* Discount panel heading */
#CartDrawer__Container #cartDrawerFieldDiscount {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  color: #FFFFFF !important;
  border: 0 !important;
}

#CartDrawer__Container
#cartDrawerFieldDiscount .block-text-button__container {
  display: block !important;
  color: #FFFFFF !important;
  font-family: 'Antonio', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
}

/* Keep one title copy; remove Maximize's animated duplicates */
#CartDrawer__Container
#cartDrawerFieldDiscount
.block-text-button-text-active-invisible {
  display: block !important;
  position: static !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#CartDrawer__Container
#cartDrawerFieldDiscount
[class*="block-text-button-text-effect"] {
  display: none !important;
}

/* Remove the default animated underline */
#CartDrawer__Container
#CustomAccordionWrapper .tab-animation-underline::before,
#CartDrawer__Container
#CustomAccordionWrapper .tab-animation-underline::after,
#CartDrawer__Container
#cartDrawerFieldDiscount::before,
#CartDrawer__Container
#cartDrawerFieldDiscount::after {
  display: none !important;
}

/* Discount panel close button */
#CartDrawer__Container
#CustomAccordionWrapper button[aria-label*="close" i],
#CartDrawer__Container
#CustomAccordionWrapper .button__close {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  margin-left: auto !important;
  padding: 0 !important;
  color: #D7D7D7 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 0 !important;
  border-radius: 50% !important;
}

#CartDrawer__Container
#CustomAccordionWrapper button[aria-label*="close" i]:hover {
  color: var(--agd-cart-blue) !important;
}

/* Panel form area */
#CartDrawer__Container
#CustomAccordionWrapper > div:last-child {
  width: auto !important;
  margin: 0 24px !important;
}

/* Discount component */
#CartDrawer__Container #CustomAccordionWrapper coupon-code {
  display: block !important;
  width: 100% !important;
}

/* Input and button outer shell */
#CartDrawer__Container
#CustomAccordionWrapper coupon-code > div:first-child {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 3px !important;
  background: #FFFFFF !important;
  border: 1px solid #D3D3D3 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

#CartDrawer__Container
#CustomAccordionWrapper coupon-code > div:first-child:focus-within {
  border-color: var(--agd-cart-blue) !important;
  outline: 2px solid rgba(38, 150, 190, 0.14) !important;
  outline-offset: 1px !important;
}

/* Discount input */
#CartDrawer__Container #CartDrawer__DiscountField {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  padding: 0 13px !important;
  color: #111111 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 6px !important;
  outline: none !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 14px !important;
}

#CartDrawer__Container
#CartDrawer__DiscountField::placeholder {
  color: #858585 !important;
  opacity: 1 !important;
}

/* Apply button */
#CartDrawer__Container
#CustomAccordionWrapper coupon-code button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 104px !important;
  height: 42px !important;
  padding: 0 18px !important;
  color: #FFFFFF !important;
  background: var(--agd-cart-black) !important;
  border: 0 !important;
  border-radius: 7px !important;
  font-family: 'Antonio', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

#CartDrawer__Container
#CustomAccordionWrapper coupon-code button:hover {
  background: var(--agd-cart-blue) !important;
}

/* Discount status messages */
#CartDrawer__Container #CustomAccordionWrapper .coupon-failed,
#CartDrawer__Container #CustomAccordionWrapper .coupon-applied,
#CartDrawer__Container #CustomAccordionWrapper .coupon-correct {
  margin: 10px 0 0 !important;
  padding: 9px 11px !important;
  border-radius: 7px !important;
  font-family: inherit !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

#CartDrawer__Container #CustomAccordionWrapper .coupon-failed {
  color: #9F1C1C !important;
  background: #FFF0F0 !important;
  border: 1px solid #F3CACA !important;
}

#CartDrawer__Container #CustomAccordionWrapper .coupon-applied {
  color: #705400 !important;
  background: #FFF8D9 !important;
  border: 1px solid #EAD995 !important;
}

#CartDrawer__Container #CustomAccordionWrapper .coupon-correct {
  color: #226735 !important;
  background: #EDF8F0 !important;
  border: 1px solid #BFDCC7 !important;
}

/* ═══════════════════════════════════════════════════════════════════
   MOBILE NOTE AND DISCOUNT
   ═══════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {
  #CartDrawer__Container
  cart-accordion.cart-drawer__custom-accordion__wrapper {
    padding: 0 18px !important;
  }

  #CartDrawer__Container .cart-drawer__cart-note__header,
  #CartDrawer__Container
  .cart-drawer__featured-discount-button {
    min-height: 52px !important;
    font-size: 15px !important;
  }

  #CartDrawer__Container #x-cart-note {
    min-height: 90px !important;
  }

  #CartDrawer__Container #CustomAccordionWrapper {
    width: calc(100% - 16px) !important;
    left: 8px !important;
    right: 8px !important;
    padding-bottom: 18px !important;
    border-radius: 13px !important;
  }

  #CartDrawer__Container
  #CustomAccordionWrapper > div:first-child {
    min-height: 60px !important;
    padding: 0 18px !important;
  }

  #CartDrawer__Container
  #CustomAccordionWrapper > div:last-child {
    margin: 0 16px !important;
  }

  #CartDrawer__Container
  #CustomAccordionWrapper coupon-code > div:first-child {
    grid-template-columns: minmax(0, 1fr) 86px !important;
  }

  #CartDrawer__Container
  #CustomAccordionWrapper coupon-code button {
    min-width: 86px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   CART SUMMARY
   ═══════════════════════════════════════════════════════════════════ */

#CartDrawer__Container .cart-drawer__summary__wrapper {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  color: #111111 !important;
  background: var(--agd-cart-footer) !important;
  border: 0 !important;
  border-top: 1px solid var(--agd-cart-border) !important;
  border-radius: 0 !important;
}

#CartDrawer__Container .cart-drawer__summary__container {
  padding: 21px 28px 24px !important;
}

#CartDrawer__Container .cart-drawer__total {
  display: flex !important;
  align-items: flex-end !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#CartDrawer__Container .cart-drawer__total p:first-child {
  color: #111111 !important;
  font-family: 'Antonio', sans-serif !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
}

#CartDrawer__Container .cart-drawer__total p:last-child {
  color: #111111 !important;
  font-family: 'Antonio', sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

#CartDrawer__Container .cart-drawer__calculate-shipping {
  margin-top: 8px !important;
  color: var(--agd-cart-muted) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* ═══════════════════════════════════════════════════════════════════
   VIEW CART AND CHECKOUT
   ═══════════════════════════════════════════════════════════════════ */

#CartDrawer__Container .cart-drawer__actions {
  display: grid !important;
  grid-template-columns: 1fr 1.08fr !important;
  gap: 12px !important;
  padding-top: 18px !important;
}

#CartDrawer__Container .cart-drawer__actions custom-button {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

#CartDrawer__Container .cart-drawer__view-cart,
#CartDrawer__Container .cart-drawer__checkout {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 60px !important;
  padding: 0 20px !important;
  border-radius: 9px !important;
  font-family: 'Antonio', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

#CartDrawer__Container .cart-drawer__view-cart {
  color: #111111 !important;
  background: #FFFFFF !important;
  border: 1px solid #CFCFCF !important;
}

#CartDrawer__Container .cart-drawer__checkout {
  color: #FFFFFF !important;
  background: var(--agd-cart-black) !important;
  border: 1px solid var(--agd-cart-black) !important;
}

#CartDrawer__Container .cart-drawer__view-cart:hover {
  color: var(--agd-cart-blue) !important;
  border-color: var(--agd-cart-blue) !important;
}

#CartDrawer__Container .cart-drawer__checkout:hover {
  color: #FFFFFF !important;
  background: var(--agd-cart-blue) !important;
  border-color: var(--agd-cart-blue) !important;
}

/* Decorative checkout arrow */
#CartDrawer__Container .cart-drawer__checkout::after {
  content: "→";
  display: inline-block;
  margin-left: 10px;
  font-family: inherit;
  font-size: 19px;
  line-height: 1;
  pointer-events: none !important;
  transition: transform 180ms ease;
}

#CartDrawer__Container .cart-drawer__checkout:hover::after {
  transform: translateX(3px);
}

/* Hide payment icons to match the target design */
#CartDrawer__Container
.cart-drawer__summary__container > div:has(> ul) {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   MOBILE CART DRAWER
   ═══════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {
  #CartDrawer__Container {
    width: 100vw !important;
    max-width: 100vw !important;
    border-radius: 0 !important;
  }

  #CartDrawer__Container .modal-title-container {
    min-height: 72px !important;
    flex-basis: 72px !important;
    padding: 0 18px !important;
    border-radius: 0 !important;
  }

  #CartDrawer__Container .modal-title-wrapper {
    height: 72px !important;
  }

  #CartDrawer__Container .cart-drawer__title {
    font-size: 23px !important;
  }

  #CartDrawer__Container .cart-drawer__items__wrapper {
    padding: 0 18px !important;
  }

  #CartDrawer__Container .cart-drawer-item__container {
    gap: 14px !important;
  }

  #CartDrawer__Container .cart-drawer-item__image,
  #CartDrawer__Container .cart-drawer-item__image > a {
    width: 92px !important;
    height: 92px !important;
    flex-basis: 92px !important;
  }

  #CartDrawer__Container .cart-drawer-item__info > div:first-child {
    min-height: 172px !important;
    padding: 0 0 96px !important;
  }

  #CartDrawer__Container .cart-drawer-item__title a {
    font-size: 14px !important;
  }

  #CartDrawer__Container .cart-item__actions {
    bottom: 46px !important;
  }

  #CartDrawer__Container .cart-drawer-item__price-wrapper {
    right: 0 !important;
    bottom: 0 !important;
  }

  #CartDrawer__Container
  details:has(textarea) > summary,
  #CartDrawer__Container
  [class*="cart-note"] summary,
  #CartDrawer__Container
  [class*="cart-note"] > button {
    padding: 0 18px !important;
  }

  #CartDrawer__Container textarea[name="note"],
  #CartDrawer__Container textarea[id*="note" i] {
    width: calc(100% - 36px) !important;
    margin: 0 18px 16px !important;
  }

  #CartDrawer__Container .cart-drawer__summary__container {
    padding: 20px 18px 22px !important;
  }

  #CartDrawer__Container .cart-drawer__total p:first-child {
    font-size: 18px !important;
  }

  #CartDrawer__Container .cart-drawer__total p:last-child {
    font-size: 25px !important;
  }

  #CartDrawer__Container .cart-drawer__actions {
    gap: 8px !important;
  }

  #CartDrawer__Container .cart-drawer__view-cart,
  #CartDrawer__Container .cart-drawer__checkout {
    height: 54px !important;
    padding: 0 12px !important;
    font-size: 15px !important;
  }
}

/* Cart product images — remove inner ring/double frame */
#CartDrawer__Container .cart-drawer-item__image > a {
  padding: 0 !important;
  background: #F2F2F2 !important;
  border: 1px solid #D8D8D8 !important;
  border-radius: 9px !important;
  overflow: hidden !important;
}

/* Remove any Maximize decorative border layers */
#CartDrawer__Container .cart-drawer-item__image > a::before,
#CartDrawer__Container .cart-drawer-item__image > a::after {
  display: none !important;
  content: none !important;
}

/* Let the image occupy the full tile */
#CartDrawer__Container .cart-drawer-item__image img {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  object-fit: contain !important;
}

/* ============================================================================
   AGD CART PAGE — MAXIMIZE THEME — CONSOLIDATED

   INSTALLATION
   Replace every previous AGD cart-page and cart-refinement CSS block with this
   single section. Keep it at the end of assets/custom.css.

   DEPENDENCY
   The Cart Custom Liquid enhancer creates the .agd-cart-* elements used here.
   Maximize still controls quantities, discounts, notes, removal and checkout.

   PRICING
   Storefront prices are ex VAT. The Custom Liquid enhancer calculates VAT and
   the VAT-inclusive total shown within the order summary.
   ============================================================================ */


/* ==========================================================================
   01. PAGE SHELL AND DESIGN TOKENS
   ========================================================================== */

#MainCart__Items {
  --agd-cart-blue: #2696be;
  --agd-cart-ink: #171717;
  --agd-cart-muted: #747474;
  --agd-cart-line: #dededc;
  --agd-cart-soft-line: #e5e5e3;
  --agd-cart-panel: #f6f6f4;
  --agd-cart-image: #f3f3f1;

  width: min(1680px, calc(100% - 64px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding-top: 40px !important;
  padding-bottom: 70px !important;
}


/* ==========================================================================
   02. PAGE HEADING AND CONTINUE SHOPPING
   ========================================================================== */

#MainCart__Items > .agd-cart-heading-row {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 24px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 0 24px !important;
}

#MainCart__Items .agd-cart-heading-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-width: 0 !important;
}

#MainCart__Items .agd-cart-eyebrow,
#MainCart__Items .agd-cart-column-label,
#MainCart__Items .agd-cart-product-kicker,
#MainCart__Items .agd-cart-card-title,
#MainCart__Items .agd-cart-summary-label {
  font-family: "Antonio", sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

#MainCart__Items .agd-cart-eyebrow {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 9px !important;
  color: var(--agd-cart-muted) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: 0.09em !important;
}

#MainCart__Items .agd-cart-eyebrow::before {
  width: 18px;
  height: 2px;
  flex: 0 0 18px;
  background: var(--agd-cart-blue);
  border-radius: 999px;
  content: "";
}

html body #MainCart__Items .agd-cart-heading-copy > h1,
html body #MainCart__Items .agd-cart-heading-copy > h1.h2,
html body #MainCart__Items h1.flex.items-center.h2 {
  margin: 0 !important;
  font-family: "Antonio", sans-serif !important;
  font-size: clamp(40px, 2.7vw, 50px) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-stretch: condensed !important;
  line-height: 1 !important;
  letter-spacing: -0.025em !important;
  text-transform: uppercase !important;
}

#MainCart__Items .agd-cart-subtitle {
  margin: 9px 0 0 !important;
  color: #707070 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

/* Continue Shopping button */

#MainCart__Items .agd-cart-heading-row > a,
#MainCart__Items .agd-cart-continue {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  margin: 0 0 2px !important;
  padding: 0 21px !important;
  background: #fff !important;
  border: 1px solid #cfcfcf !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #1b1b1b !important;
  font-family: "Antonio", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.055em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    background-color 0.2s ease !important;
}

#MainCart__Items .agd-cart-heading-row > a:hover,
#MainCart__Items .agd-cart-continue:hover {
  background: var(--agd-cart-blue) !important;
  border-color: var(--agd-cart-blue) !important;
  color: #fff !important;
}

#MainCart__Items .agd-cart-heading-row > a:focus-visible,
#MainCart__Items .agd-cart-continue:focus-visible {
  outline: 2px solid var(--agd-cart-blue) !important;
  outline-offset: 3px !important;
}


/* ==========================================================================
   03. MAIN TWO-COLUMN LAYOUT
   ========================================================================== */

#MainCart__Items .main-cart__wrapper {
  display: grid !important;
  grid-template-columns:
    minmax(0, 2.15fr)
    minmax(340px, 0.9fr) !important;
  align-items: start !important;
  gap: clamp(32px, 3vw, 54px) !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#MainCart__Items .main-cart__first,
#MainCart__Items .main-cart__secondary {
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#MainCart__Items .main-cart__secondary {
  position: sticky !important;
  top: calc(var(--height-header, 0px) + 20px) !important;
}


/* ==========================================================================
   04. PRODUCT TABLE AND COLUMN HEADINGS
   ========================================================================== */

#MainCart__Items #MainCart__GridItems {
  overflow: hidden !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: #fff !important;
  border: 1px solid var(--agd-cart-line) !important;
  border-radius: 12px !important;
}

#MainCart__Items form#cart {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#MainCart__Items .cart-items__header {
  min-height: 46px !important;
  margin: 0 !important;
  padding: 14px 18px !important;
  background: var(--agd-cart-panel) !important;
  border-bottom: 1px solid var(--agd-cart-line) !important;
  color: var(--agd-cart-muted) !important;
  font-family: "Antonio", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

#MainCart__Items .cart-items__header-product {
  width: 54% !important;
}

#MainCart__Items .cart-items__header-price {
  width: 14% !important;
}

#MainCart__Items .cart-items__header-quantity {
  width: 18% !important;
}

#MainCart__Items .cart-items__header-total {
  width: 14% !important;
}

#MainCart__Items .cart-items__body {
  border: 0 !important;
}


/* ==========================================================================
   05. PRODUCT ROWS
   ========================================================================== */

#MainCart__Items .cart-item__wrapper {
  border-color: var(--agd-cart-soft-line) !important;
  transition: background-color 0.2s ease !important;
}

#MainCart__Items .cart-item__wrapper:last-child {
  border-bottom: 0 !important;
}

#MainCart__Items .cart-item__wrapper:hover {
  background: #fbfbfa !important;
}

#MainCart__Items
  .cart-item__wrapper
  > div:not([id^="CartItem__Loading"]):not([id^="LineItemError"]) {
  padding: 18px !important;
}

#MainCart__Items .cart-item__wrapper > div > .w-full {
  align-items: center !important;
  gap: 16px !important;
}

#MainCart__Items .cart-item__content {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  width: 86% !important;
  min-width: 0 !important;
}


/* Product image */

#MainCart__Items .cart-item__image-wrapper {
  width: 112px !important;
  height: 112px !important;
  flex: 0 0 112px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#MainCart__Items .cart-item__image-wrapper > a,
#MainCart__Items .cart-item__image-wrapper > div,
#MainCart__Items .cart-item__image-wrapper .media {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--agd-cart-image) !important;
  border: 1px solid #d7d7d4 !important;
  border-radius: 9px !important;
}

#MainCart__Items .cart-item__image-wrapper a::before,
#MainCart__Items .cart-item__image-wrapper a::after {
  display: none !important;
  content: none !important;
}

#MainCart__Items .cart-item__image-wrapper img {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
}


/* Product information, unit price and quantity */

#MainCart__Items .cart-item__content > div:last-child {
  display: grid !important;
  grid-template-columns:
    minmax(230px, 1fr)
    120px
    150px !important;
  align-items: center !important;
  gap: 16px !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

#MainCart__Items
  .cart-item__content
  > div:last-child
  > div:first-child {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  align-self: center !important;
}

#MainCart__Items .agd-cart-product-kicker {
  display: block !important;
  margin: 0 0 6px !important;
  color: #7c7c7c !important;
  font-size: 10.5px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.085em !important;
}

#MainCart__Items .cart-item__title {
  max-width: 540px !important;
  margin: 0 0 9px !important;
  color: var(--agd-cart-ink) !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

#MainCart__Items .cart-item__title:hover {
  color: var(--agd-cart-blue) !important;
}


/* Variant pills */

#MainCart__Items .cart-item__properties {
  display: flex !important;
  flex-flow: row wrap !important;
  gap: 5px !important;
  padding: 0 !important;
  color: #4f4f4f !important;
}

#MainCart__Items .cart-item__property {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-height: 25px !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 4px 9px !important;
  background: #f0efed !important;
  border: 1px solid transparent !important;
  border-radius: 5px !important;
  color: #4f4f4f !important;
  font-size: 11.5px !important;
  line-height: 1.2 !important;
}

/* Keep variant labels accessible while visually hiding them. */

#MainCart__Items .cart-item__property dt {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#MainCart__Items .cart-item__property dd {
  margin: 0 !important;
}


/* Desktop unit price */

@media (min-width: 768px) {
  #MainCart__Items
    .cart-item__content
    > div:last-child
    > div:first-child
    .cart-item__price-wrapper,
  #MainCart__Items
    .cart-item__content
    > div:last-child
    > div:first-child
    .cart-item__price,
  #MainCart__Items
    .cart-item__content
    > div:last-child
    > div:first-child
    > .cart-item__final-price {
    display: none !important;
  }

  #MainCart__Items
    .cart-item__content
    > div:last-child
    > .cart-item__price-wrapper {
    display: flex !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
  }
}

#MainCart__Items .cart-item__price,
#MainCart__Items .cart-item__final-price,
#MainCart__Items .cart-item__final-line-price {
  color: var(--agd-cart-ink) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}


/* Quantity selector */

#MainCart__Items .cart-item__actions-wrapper {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: center !important;
}

#MainCart__Items .cart-item__quantity-wrapper {
  gap: 0 !important;
}

#MainCart__Items .cart-item__quantity {
  width: 126px !important;
  height: 44px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #d2d2cf !important;
  border-radius: 7px !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02) !important;
}

#MainCart__Items .cart-item__quantity-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 39px !important;
  height: 42px !important;
  color: #4c4c4c !important;
}

#MainCart__Items .cart-item__quantity-button:hover {
  background: #f5f8f9 !important;
  color: var(--agd-cart-blue) !important;
}

#MainCart__Items .cart-item__quantity-input {
  width: 46px !important;
  height: 42px !important;
  background: transparent !important;
  color: var(--agd-cart-ink) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}


/* ==========================================================================
   06. LINE TOTAL AND REMOVE BUTTONS

   Maximize renders two remove buttons:
   - One beside quantity for mobile
   - One beside the line total for desktop

   These rules ensure that only one is displayed at each viewport.
   ========================================================================== */

#MainCart__Items .cart-item__line-price-wrapper.w-1\/4,
#MainCart__Items
  .cart-item__content
  + .cart-item__line-price-wrapper {
  width: 14% !important;
  min-width: 135px !important;
  padding-top: 0 !important;
  align-items: center !important;
  align-self: center !important;
}

#MainCart__Items
  .cart-item__line-price-wrapper
  > .cart-item__line-price-wrapper {
  justify-content: flex-start !important;
}

#MainCart__Items .cart-item__remove {
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 0 0 6px !important;
  flex: 0 0 32px !important;
  border-radius: 50% !important;
  color: #929292 !important;
  transition:
    color 0.2s ease,
    background-color 0.2s ease !important;
}

#MainCart__Items .cart-item__remove:hover {
  background: #f1f1f1 !important;
  color: var(--agd-cart-ink) !important;
}

#MainCart__Items .cart-item__remove svg,
#MainCart__Items .cart-item__remove span,
#MainCart__Items .cart-item__remove span svg {
  width: 17px !important;
  height: 17px !important;
  max-width: 17px !important;
  max-height: 17px !important;
}

/* Desktop: hide the duplicate underneath the quantity selector. */

@media (min-width: 768px) {
  #MainCart__Items
    .cart-item__actions-wrapper
    .cart-item__remove {
    display: none !important;
  }

  /* Keep only the right-hand remove button beside line total. */

  #MainCart__Items
    .cart-item__content
    + .cart-item__line-price-wrapper
    > .cart-item__remove {
    display: flex !important;
  }
}


/* ==========================================================================
   07. DELIVERY AND ORDER-NOTE CARDS
   ========================================================================== */

#MainCart__Items .agd-cart-info-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  margin-top: 18px !important;
}

#MainCart__Items .agd-cart-info-card {
  position: relative !important;
  min-height: 122px !important;
  padding: 19px 20px !important;
  overflow: hidden !important;
  background: #f8f8f6 !important;
  border: 1px solid #dededb !important;
  border-radius: 10px !important;
}

#MainCart__Items .agd-cart-info-card::before {
  position: absolute;
  top: 0;
  left: 20px;
  width: 32px;
  height: 3px;
  background: var(--agd-cart-blue);
  border-radius: 0 0 3px 3px;
  content: "";
}

#MainCart__Items .agd-cart-card-title {
  margin: 0 0 10px !important;
  color: #6f6f6f !important;
  font-size: 11px !important;
  line-height: 1 !important;
  letter-spacing: 0.1em !important;
}

#MainCart__Items .agd-cart-delivery-copy {
  max-width: 600px !important;
  margin: 0 !important;
  color: #454545 !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
}


/* Order-note field moved by the Custom Liquid enhancer */

#MainCart__Items .agd-cart-note-card .main-cart__note {
  padding: 0 !important;
  border: 0 !important;
}

#MainCart__Items .agd-cart-note-card .main-cart__note__header {
  display: none !important;
}

#MainCart__Items
  .agd-cart-note-card
  .main-cart__note
  > div:not(.main-cart__note__header) {
  display: block !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#MainCart__Items .agd-cart-note-card #x-cart-note {
  display: block !important;
  width: 100% !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 110px !important;
  margin: 0 !important;
  padding: 12px 13px !important;
  resize: vertical !important;
  background: #fff !important;
  border: 1px solid #d7d7d4 !important;
  border-radius: 7px !important;
  color: #333 !important;
  font-size: 13.5px !important;
}

#MainCart__Items
  .agd-cart-note-card
  #x-cart-note::placeholder {
  color: #929292 !important;
  opacity: 1 !important;
}

#MainCart__Items .agd-cart-note-card #x-cart-note:focus {
  border-color: var(--agd-cart-blue) !important;
  outline: 2px solid rgba(38, 150, 190, 0.15) !important;
}


/* ==========================================================================
   08. CHECKOUT SUMMARY AND DISCOUNT CODE
   ========================================================================== */

#MainCart__Items #MainCart__Summary {
  padding: 0 !important;
  overflow: hidden !important;
  background: #f5f4f2 !important;
  border: 1px solid #dbdbd8 !important;
  border-radius: 13px !important;
}

#MainCart__Items #main-cart {
  padding: 24px !important;
}

#MainCart__Items .main-cart__custom-accordion-wrapper {
  margin: -4px 0 18px !important;
  padding-bottom: 12px !important;
  border-color: #d9d9d6 !important;
}

#MainCart__Items #MainCart__Summary .main-cart__note {
  border: 0 !important;
}

#MainCart__Items
  #MainCart__Summary
  .main-cart__discount-code {
  padding: 0 !important;
}

#MainCart__Items .main-cart__discount-code__header {
  min-height: 42px !important;
  padding: 10px 0 !important;
  color: #333 !important;
  font-family: "Antonio", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

#MainCart__Items #Cart__DiscountField {
  min-height: 42px !important;
  background: #fff !important;
  border-radius: 7px !important;
}

#MainCart__Items .main-cart__discount-code button {
  min-height: 38px !important;
  padding-inline: 16px !important;
  background: var(--agd-cart-ink) !important;
  border-color: var(--agd-cart-ink) !important;
  border-radius: 6px !important;
  color: #fff !important;
}

#MainCart__Items .main-cart__discount-code button:hover {
  background: var(--agd-cart-blue) !important;
  border-color: var(--agd-cart-blue) !important;
}


/* Enhanced ex-VAT and VAT total breakdown */

#MainCart__Items .agd-cart-summary-breakdown {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

#MainCart__Items .agd-cart-summary-line {
  display: flex !important;
  justify-content: space-between !important;
  gap: 20px !important;
  color: #555 !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}

#MainCart__Items .agd-cart-summary-line strong {
  color: var(--agd-cart-ink) !important;
  font-weight: 600 !important;
  text-align: right !important;
}

#MainCart__Items .agd-cart-grand-total {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin-top: 18px !important;
  padding-top: 18px !important;
  border-top: 1px solid #d8d8d5 !important;
}

#MainCart__Items .agd-cart-summary-label {
  color: var(--agd-cart-ink) !important;
  font-size: 17px !important;
  line-height: 1 !important;
  letter-spacing: 0.06em !important;
}

#MainCart__Items .agd-cart-grand-total-price {
  color: #090909 !important;
  font-family: "Antonio", sans-serif !important;
  font-size: clamp(32px, 3vw, 42px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

#MainCart__Items .agd-cart-total-caption {
  margin: 6px 0 0 !important;
  color: #858585 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* Hide Maximize's original total after the enhanced breakdown loads. */

#MainCart__Items .main-cart__total,
#MainCart__Items .main-cart__calculate-shipping {
  display: none !important;
}


/* ==========================================================================
   09. TRUSTPILOT AND GOOGLE REVIEW STRIP
   ========================================================================== */

#MainCart__Items .agd-cart-review-strip {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  min-height: 58px !important;
  margin: -24px -24px 18px !important;
  padding: 14px 18px !important;
  background: #fff !important;
  border-bottom: 1px solid #dededb !important;
  color: #222 !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

#MainCart__Items .agd-cart-review-score {
  color: #111 !important;
  font-family: "Antonio", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

#MainCart__Items .agd-cart-review-stars {
  color: #00b67a !important;
  font-size: 14px !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;
}

#MainCart__Items .agd-cart-review-copy {
  color: #858585 !important;
  font-size: 11px !important;
}

#MainCart__Items .agd-cart-review-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: #202020 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
}

#MainCart__Items .agd-cart-trustpilot-star {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 17px !important;
  height: 17px !important;
  background: #00b67a !important;
  border-radius: 2px !important;
  color: #fff !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

#MainCart__Items .agd-cart-google-mark {
  background: conic-gradient(
    from -45deg,
    #4285f4 0deg 90deg,
    #34a853 90deg 180deg,
    #fbbc05 180deg 270deg,
    #ea4335 270deg 360deg
  ) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  font-family: Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* Retired reassurance block beneath checkout. */

#MainCart__Items .agd-cart-reassurance {
  display: none !important;
}


/* ==========================================================================
   10. CHECKOUT BUTTON AND PAYMENT ICONS
   ========================================================================== */

#MainCart__Items .main-cart__actions {
  padding-top: 20px !important;
}

#MainCart__Items #MainCart__Checkout {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  min-height: 62px !important;
  background: #0a0a0a !important;
  border: 1px solid #0a0a0a !important;
  border-radius: 9px !important;
  color: #fff !important;
  font-family: "Antonio", sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

#MainCart__Items #MainCart__Checkout:hover {
  background: var(--agd-cart-blue) !important;
  border-color: var(--agd-cart-blue) !important;
}

#MainCart__Items .agd-checkout-arrow {
  font-family: Arial, sans-serif !important;
  font-size: 23px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

/* Accelerated Shop Pay remains hidden. */

#MainCart__Items .main-cart__dynamic-checkout-buttons {
  display: none !important;
}

#MainCart__Items .agd-cart-secure-copy {
  display: none !important;
}

/* Display Shopify's genuine payment-method SVG icons. */

#MainCart__Items .main-cart__payment-methods-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 18px 0 0 !important;
}

#MainCart__Items
  .main-cart__payment-methods-wrapper
  > * {
  width: 100% !important;
}

#MainCart__Items
  .main-cart__payment-methods-wrapper
  ul {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#MainCart__Items
  .main-cart__payment-methods-wrapper
  li {
  display: block !important;
  margin: 0 !important;
  line-height: 0 !important;
}

#MainCart__Items
  .main-cart__payment-methods-wrapper
  svg {
  display: block !important;
  width: 38px !important;
  height: 24px !important;
}


/* ==========================================================================
   11. RESPONSIVE — NARROW DESKTOP
   ========================================================================== */

@media (max-width: 1180px) {
  #MainCart__Items {
    width: min(100% - 40px, 1180px) !important;
  }

  #MainCart__Items .main-cart__wrapper {
    grid-template-columns:
      minmax(0, 1fr)
      360px !important;
    gap: 28px !important;
  }
}

@media (max-width: 1180px) and (min-width: 991px) {
  #MainCart__Items .cart-item__content {
    gap: 16px !important;
  }

  #MainCart__Items .cart-item__image-wrapper {
    width: 96px !important;
    height: 96px !important;
    flex-basis: 96px !important;
  }

  #MainCart__Items .cart-item__content > div:last-child {
    grid-template-columns:
      minmax(170px, 1fr)
      92px
      126px !important;
    gap: 10px !important;
  }
}


/* ==========================================================================
   12. RESPONSIVE — TABLET
   ========================================================================== */

@media (max-width: 990px) {
  #MainCart__Items .main-cart__wrapper {
    display: flex !important;
    flex-direction: column !important;
  }

  #MainCart__Items .main-cart__secondary {
    position: static !important;
  }
}


/* ==========================================================================
   13. RESPONSIVE — MOBILE
   ========================================================================== */

@media (max-width: 767px) {
  #MainCart__Items {
    width: calc(100% - 28px) !important;
    padding-top: 26px !important;
    padding-bottom: 45px !important;
  }

  #MainCart__Items > .agd-cart-heading-row {
    align-items: flex-end !important;
    gap: 14px !important;
    padding-bottom: 20px !important;
  }

  html body #MainCart__Items .agd-cart-heading-copy > h1,
  html body #MainCart__Items .agd-cart-heading-copy > h1.h2,
  html body #MainCart__Items h1.flex.items-center.h2 {
    font-size: 36px !important;
  }

  #MainCart__Items .agd-cart-heading-row > a,
  #MainCart__Items .agd-cart-continue {
    min-height: 42px !important;
    margin: 0 !important;
    padding-inline: 15px !important;
    font-size: 12px !important;
  }

  #MainCart__Items .cart-items__header {
    display: none !important;
  }

  #MainCart__Items #MainCart__GridItems {
    border-radius: 9px !important;
  }

  #MainCart__Items
    .cart-item__wrapper
    > div:not([id^="CartItem__Loading"]):not([id^="LineItemError"]) {
    padding: 14px !important;
  }

  #MainCart__Items .cart-item__wrapper > div > .w-full {
    display: grid !important;
    grid-template-columns:
      82px
      minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 14px 16px !important;
  }

  #MainCart__Items .cart-item__content {
    display: contents !important;
  }

  #MainCart__Items .cart-item__image-wrapper {
    grid-column: 1 !important;
    width: 82px !important;
    height: 82px !important;
    flex-basis: 82px !important;
  }

  #MainCart__Items .cart-item__content > div:last-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 9px !important;
  }

  #MainCart__Items .cart-item__title {
    font-size: 14px !important;
  }

  /* Use the mobile unit price inside the product-information block. */

  #MainCart__Items
    .cart-item__content
    > div:last-child
    > .cart-item__price-wrapper {
    display: none !important;
  }

  #MainCart__Items
    .cart-item__content
    > div:last-child
    > div:first-child
    .cart-item__price-wrapper {
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #MainCart__Items .cart-item__actions-wrapper {
    display: block !important;
  }

  #MainCart__Items .cart-item__quantity {
    width: 120px !important;
    height: 42px !important;
  }

  #MainCart__Items .cart-item__quantity-button,
  #MainCart__Items .cart-item__quantity-input {
    height: 40px !important;
  }

  #MainCart__Items .cart-item__line-price-wrapper.w-1\/4,
  #MainCart__Items
    .cart-item__content
    + .cart-item__line-price-wrapper {
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    justify-content: space-between !important;
  }

  #MainCart__Items
    .cart-item__line-price-wrapper
    > .cart-item__line-price-wrapper::before {
    margin-right: 8px;
    color: #777;
    content: "Line total";
    font-size: 12px;
    font-weight: 500;
  }

  /*
   * Mobile uses the remove control beside quantity. The separate line-total
   * remove control is hidden, ensuring there is still only one button.
   */

  #MainCart__Items
    .cart-item__actions-wrapper
    .cart-item__remove {
    display: flex !important;
  }

  #MainCart__Items
    .cart-item__content
    + .cart-item__line-price-wrapper
    > .cart-item__remove {
    display: none !important;
  }

  #MainCart__Items .agd-cart-info-grid {
    grid-template-columns: 1fr !important;
    margin-top: 14px !important;
  }

  #MainCart__Items .agd-cart-info-card {
    padding: 18px !important;
  }

  #MainCart__Items #main-cart {
    padding: 20px !important;
  }

  #MainCart__Items .agd-cart-review-strip {
    min-height: 54px !important;
    margin: -20px -20px 16px !important;
    padding: 13px 12px !important;
    gap: 5px !important;
  }

  #MainCart__Items .agd-cart-review-score {
    font-size: 17px !important;
  }

  #MainCart__Items .agd-cart-review-stars {
    font-size: 12px !important;
  }

  #MainCart__Items
    .main-cart__payment-methods-wrapper
    svg {
    width: 35px !important;
    height: 22px !important;
  }
}


/* ==========================================================================
   14. RESPONSIVE — SMALL MOBILE
   ========================================================================== */

@media (max-width: 520px) {
  #MainCart__Items > .agd-cart-heading-row {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  #MainCart__Items .agd-cart-heading-row > a,
  #MainCart__Items .agd-cart-continue {
    align-self: flex-start !important;
  }
}

/* ==========================================================================
   AGD FOOTER — STRUCTURAL LAYOUT ONLY

   PURPOSE
   - Keeps all footer text and links controlled by the Shopify section
   - Removes excessive empty space
   - Creates five clean columns on desktop
   - Places copyright/legal content and payment icons in a compact bottom bar
   - Hides the newsletter row to match the supplied reference

   Uses partial class selectors so it survives Shopify section-ID changes.
   ========================================================================== */


/* ==========================================================================
   01. OUTER FOOTER WIDTH AND SPACING
   ========================================================================== */

[class*="footer-sections--"] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

[class*="footer-sections--"] > [class*="-settings"] {
  width: min(1680px, calc(100% - 64px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding: 0 !important;
}


/* ==========================================================================
   02. MAIN FIVE-COLUMN FOOTER AREA
   Logo | Menu | Menu | Menu | Social
   ========================================================================== */

[class*="footer-third-top-sections--"] {
  display: grid !important;
  grid-template-columns:
    minmax(190px, 1.25fr)
    minmax(145px, 1fr)
    minmax(145px, 1fr)
    minmax(145px, 1fr)
    minmax(150px, 0.8fr) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: auto !important;
  align-items: start !important;
  column-gap: clamp(30px, 4vw, 72px) !important;
  row-gap: 24px !important;
  padding: 44px 0 36px !important;
  border-bottom: 1px solid rgba(128, 128, 128, 0.28) !important;
}


/* Reset Maximize/section column spans and padding */

[class*="footer-third-top-sections--"]
  > [class*="footer-second-top-item-sections--"] {
  grid-column: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}


/* ==========================================================================
   03. LOGO COLUMN
   ========================================================================== */

[class*="footer-third-top-sections--"]
  [class*="footer-logo-sections--"] {
  display: block !important;
  width: min(100%, 190px) !important;
  max-width: 190px !important;
  margin: 0 !important;
}

[class*="footer-third-top-sections--"]
  [class*="footer-logo-sections--"]
  img,
[class*="footer-third-top-sections--"]
  [class*="footer-logo-sections--"]
  svg {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}


/* ==========================================================================
   04. LINK COLUMNS
   ========================================================================== */

[class*="footer-third-top-sections--"]
  [class*="footer-list-title-sections--"] {
  margin: 0 0 14px !important;
  padding: 0 !important;
}

[class*="footer-third-top-sections--"]
  [class*="footer-list-sections--"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
}

[class*="footer-third-top-sections--"]
  [class*="footer-list-sections--"]
  li {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

[class*="footer-third-top-sections--"]
  [class*="footer-list-sections--"]
  li
  a {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.35 !important;
}


/* ==========================================================================
   05. SOCIAL COLUMN
   ========================================================================== */

[class*="footer-third-top-sections--"]
  [class*="footer-socials-text-sections--"] {
  margin: 0 0 16px !important;
  padding: 0 !important;
}

[class*="footer-third-top-sections--"]
  [class*="footer-main-socials-sections--"] {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

[class*="footer-third-top-sections--"]
  [class*="footer-main-social-sections--"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

[class*="footer-third-top-sections--"]
  [class*="footer-main-social-sections--"]
  svg {
  display: block !important;
  width: 25px !important;
  height: 25px !important;
}


/* ==========================================================================
   06. COMPACT BOTTOM BAR
   Copyright/legal content on the left, payment icons on the right.
   ========================================================================== */

[class*="footer-third-main-sections--"] {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 18px 0 !important;
  border: 0 !important;
}

[class*="footer-third-main-sections--"]
  [class*="footer-main-left-sections--"] {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 16px 28px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* Copyright/legal text appears first */

[class*="footer-third-main-sections--"]
  [class*="footer-copy-text-sections--"] {
  order: 1 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

[class*="footer-third-main-sections--"]
  [class*="footer-copy-text-sections--"]
  > * {
  margin: 0 !important;
}


/* Payment icons appear on the right */

[class*="footer-third-main-sections--"]
  [class*="footer-payments-sections--"] {
  order: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

[class*="footer-third-main-sections--"]
  [class*="footer-payment-sections--"] {
  flex: 0 0 38px !important;
  width: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
}

[class*="footer-third-main-sections--"]
  [class*="footer-payment-sections--"]
  svg {
  display: block !important;
  width: 38px !important;
  height: 24px !important;
}


/* ==========================================================================
   07. NEWSLETTER

   The desired footer does not include the newsletter row. The form remains
   configured in Shopify and can be restored later by removing this rule.
   ========================================================================== */

[class*="footer-third-main-sections--"]
  [class*="footer-main-right-sections--"] {
  display: none !important;
}


/* ==========================================================================
   08. TABLET
   Logo spans full width, followed by the remaining four columns.
   ========================================================================== */

@media (max-width: 1100px) {
  [class*="footer-sections--"] > [class*="-settings"] {
    width: min(100% - 40px, 1100px) !important;
  }

  [class*="footer-third-top-sections--"] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 28px !important;
    padding: 38px 0 32px !important;
  }

  [class*="footer-third-top-sections--"]
    > [class*="footer-second-top-item-sections--"]:first-child {
    grid-column: 1 / -1 !important;
  }

  [class*="footer-third-top-sections--"]
    [class*="footer-logo-sections--"] {
    width: 160px !important;
    max-width: 160px !important;
  }
}


/* ==========================================================================
   09. SMALL TABLET
   Two-column layout.
   ========================================================================== */

@media (max-width: 767px) {
  [class*="footer-sections--"] > [class*="-settings"] {
    width: calc(100% - 32px) !important;
  }

  [class*="footer-third-top-sections--"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 24px !important;
    row-gap: 30px !important;
    padding: 32px 0 28px !important;
  }

  [class*="footer-third-top-sections--"]
    > [class*="footer-second-top-item-sections--"]:first-child {
    grid-column: 1 / -1 !important;
  }

  [class*="footer-third-main-sections--"] {
    padding: 18px 0 22px !important;
  }

  [class*="footer-third-main-sections--"]
    [class*="footer-main-left-sections--"] {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }

  [class*="footer-third-main-sections--"]
    [class*="footer-payments-sections--"] {
    justify-content: flex-start !important;
  }
}


/* ==========================================================================
   10. MOBILE
   Single-column accordion-friendly structure without adding functionality.
   ========================================================================== */

@media (max-width: 520px) {
  [class*="footer-sections--"] > [class*="-settings"] {
    width: calc(100% - 28px) !important;
  }

  [class*="footer-third-top-sections--"] {
    grid-template-columns: 1fr !important;
    row-gap: 26px !important;
    padding: 28px 0 24px !important;
  }

  [class*="footer-third-top-sections--"]
    > [class*="footer-second-top-item-sections--"]:first-child {
    grid-column: auto !important;
  }

  [class*="footer-third-top-sections--"]
    [class*="footer-logo-sections--"] {
    width: 145px !important;
    max-width: 145px !important;
  }

  [class*="footer-third-top-sections--"]
    [class*="footer-list-title-sections--"] {
    margin-bottom: 11px !important;
  }

  [class*="footer-third-top-sections--"]
    [class*="footer-list-sections--"] {
    gap: 8px !important;
  }

  [class*="footer-third-main-sections--"]
    [class*="footer-payment-sections--"] {
    flex-basis: 35px !important;
    width: 35px !important;
  }

  [class*="footer-third-main-sections--"]
    [class*="footer-payment-sections--"]
    svg {
    width: 35px !important;
    height: 22px !important;
  }
}



/* ==========================================================================
   TEMP — COLLECTION PRODUCT CARD STOCK + LEAD TIME HIDDEN

   PURPOSE
   Product-card stock status and lead-time data is temporarily hidden until
   every product has accurate metafield data.

   SCOPE
   Collection product grids only. Product-page status and recommendation
   cards are unaffected.

   TO RESTORE
   Delete this complete block.
   ========================================================================== */

[id^="template--"][id$="__product-grid"] .agd-pc-status {
  display: none !important;
}

/* ==========================================================================
   TEMP — PRODUCT PAGE STOCK + LEAD TIME HIDDEN

   PURPOSE
   Hides unverified stock and lead-time information until the relevant
   metafields have been completed.

   HIDES
   1. Main product stock/lead-time banner
   2. Live lead-time line inside the Leadtimes accordion
   3. Stock/lead-time markers on recommendation product cards

   TO RESTORE
   Delete this complete block.
   ========================================================================== */

/* Main product-page stock and lead-time banner */
.section-main-product .agd-pp-below,
.section-main-product .agd-pp-statusbar {
  display: none !important;
}

/* Automatically inserted “Current lead time” accordion line */
.section-main-product .agd-pp-acc-lead {
  display: none !important;
}

/* Product cards inside Complete Your System recommendations */
[id^="shopify-section-"][id*="__product_recommendations"]
  .agd-pc-status {
  display: none !important;
}