/* Footer refinement — blend illustration, edge-align columns, orange utility bar.
   Touches only #shopify-section-*__footer_m9NzUG (main footer) and
   #shopify-section-*__footer_utilities_jLGE8U (utility bar).

   Layering:
     1. Colors (blend surface) — universal
     2. Tablet+ baseline (>= 750px) — pre-existing flex row, left alone this pass
     3. Desktop-precise (>= 1024px) — reference-mockup geometry, this pass
     4. Utility bar — universal
     5. Mobile (<= 749px) — pre-existing stack, left alone this pass
*/

/* ============================================================ */
/* 1. Blend footer surface into the illustration                */
/* ============================================================ */
/* Illustration image bg is a flat #132a30 (sampled from four corners). */
.color-custom-sections--21163466162367__footer_m9NzUG,
.color-custom-sections--21163466162367__footer_m9NzUG .text-block {
  --color-background: #132a2f !important;
  --color-background-rgb: 19 42 47 !important;
}
.color-custom-AeXdhVlVrYzY1WnhQR__col_illustration,
.color-custom-AeXdhVlVrYzY1WnhQR__col_illustration .text-block {
  --color-background: #132a2f !important;
  --color-background-rgb: 19 42 47 !important;
}
.color-custom-AeXdhVlVrYzY1WnhQR__col_illustration {
  border: none !important;
  box-shadow: none !important;
}
.image-block--AK3hlcWV2RDF0Z0VIS__illustration_image {
  background: transparent !important;
}
.image-block--AK3hlcWV2RDF0Z0VIS__illustration_image .image-block__image {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* ============================================================ */
/* 2. Tablet+ baseline (>= 750px)                               */
/*    Pre-existing three-zone flex row. Left alone this pass.   */
/* ============================================================ */
@media (min-width: 750px) {
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 32px !important;
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    margin-inline: auto;
    padding-inline: 40px;
    min-height: 380px;
  }
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content > .group-block {
    flex: 1 1 0;
    min-width: 0;
    height: auto !important;
    align-self: stretch;
  }
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content > :first-child {
    align-self: center;
  }
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content > :last-child {
    align-self: center;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
  }
  .color-custom-AeXdhVlVrYzY1WnhQR__col_illustration {
    flex: 0 0 45% !important;
    align-self: center !important;
    height: auto !important;
    padding: 24px 0 !important;
    display: flex !important;
    justify-content: center !important;
  }
  .image-block--AK3hlcWV2RDF0Z0VIS__illustration_image {
    height: auto !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
  .image-block--AK3hlcWV2RDF0Z0VIS__illustration_image .image-block__image {
    width: clamp(480px, 42vw, 700px);
    height: auto;
    max-width: 100%;
    max-height: none !important;
    object-fit: contain;
    display: block;
  }
  /* Tighten type ~0.9x on tablet only (desktop overrides below with px). */
  #shopify-section-sections--21163466162367__footer_m9NzUG h3,
  #shopify-section-sections--21163466162367__footer_m9NzUG h4 {
    font-size: 0.9em !important;
  }
  #shopify-section-sections--21163466162367__footer_m9NzUG .text-block p,
  #shopify-section-sections--21163466162367__footer_m9NzUG li,
  #shopify-section-sections--21163466162367__footer_m9NzUG a:not(.button):not(.button-custom):not(.header-logo) {
    font-size: 0.9em !important;
  }
}

/* ============================================================ */
/* 3. Desktop-precise (>= 1024px) — reference-mockup geometry   */
/*    Reference is 1600w. All values scale with viewport via vw */
/*    where useful; hard px caps at brand-tokens-tokens where   */
/*    the design shouldn't grow (arrow button, orange bar).     */
/* ============================================================ */
@media (min-width: 1024px) {
  /* Zone geometry (percentages of viewport at 1600w):
       left inset     10.5vw   (=168 at 1600, ≈170 spec)
       left col       19.5vw   (168→480)
       illustration   37.5vw   (480→1080, x-range from spec)
       gap            2.5vw    (1080→1120)
       right col      17vw     (1120→1392, ≈87vw end from spec)
       right inset    13vw     (1392→1600)
     10.5 + 19.5 + 37.5 + 2.5 + 17 + 13 = 100vw
  */
  /* Break the footer out of its .section--page-width parent so paddings
     are measured against the viewport, not the theme's inset container. */
  #shopify-section-sections--21163466162367__footer_m9NzUG .section.section--page-width,
  #shopify-section-sections--21163466162367__footer_m9NzUG .section-background {
    padding-inline: 0 !important;
    max-width: none !important;
    width: 100% !important;
    margin-inline: 0 !important;
  }
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    /* .section is a 3-col grid (margin|content|margin); span the whole row. */
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-inline: 0 !important;
    /* Columns pushed almost to viewport edges. */
    padding: 40px 2vw 0 2vw !important;
    /* Explicit height so the illustration bg fills the footer exactly.
       ≈624 at 1600w matches the image's own 1600×624 aspect exactly. */
    height: max(560px, 39vw) !important;
    min-height: max(560px, 39vw) !important;
    overflow: hidden !important;
    position: relative !important;
    /* Illustration as background — bulletproof, no wrapper cycles. */
    background-image: url('../assets/Footer-Design-Image-v2.png') !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
  /* Hide the original <img> and its wrappers — the bg-image on
     .footer-content is doing the job now. */
  .color-custom-AeXdhVlVrYzY1WnhQR__col_illustration {
    display: none !important;
  }
  /* Left column (Locate us + Get Help). Right-aligned so the text sits
     close to the illustration's left-side trace dots, mirroring the right
     column. Padding-top matches the right column so headings line up. */
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content > .group-block:nth-of-type(1) {
    flex: 0 0 24vw !important;
    align-self: flex-start !important;
    padding: 90px 0 0 0 !important;
    text-align: right !important;
    position: static !important;
  }
  /* Push all text-align + flex alignment inside left column to the right. */
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content > .group-block:nth-of-type(1),
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content > .group-block:nth-of-type(1) .text-block,
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content > .group-block:nth-of-type(1) .text-block--align-left,
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content > .group-block:nth-of-type(1) p,
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content > .group-block:nth-of-type(1) h4,
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content > .group-block:nth-of-type(1) h5 {
    text-align: right !important;
    --text-align: right !important;
  }
  /* Kill the inline left-padding on left-col text-blocks so nothing offsets. */
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content > .group-block:nth-of-type(1) .text-block {
    padding-inline-start: 0 !important;
  }
  /* Flex-column children need to align to the end (right edge). Also strip
     position:relative from the inner wrapper so absolutely-positioned
     descendants (General questions) can anchor to .footer-content. */
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content > .group-block:nth-of-type(1) .group-block-content,
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content > .group-block:nth-of-type(1) .layout-panel-flex {
    align-items: flex-end !important;
    --horizontal-alignment: flex-end !important;
    position: static !important;
  }
  /* Link buttons (Track your order etc.) — right-align them. */
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content > .group-block:nth-of-type(1) a {
    align-self: flex-end !important;
    text-align: right !important;
  }
  /* Push Get Help down so its heading aligns with Resources on the right. */
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content .group-block:has(> .group-block-content > .text-block--AYU9aTVkrZkt5dEdkN__gethelp_heading) {
    margin-top: 46px !important;
  }
  /* Hide the newsletter block entirely (heading + email input + consent).
     It's being moved to a new fold higher up on the page. */
  .text-block--Ac0pCVU40aWFxWWxpU__newsletter_heading,
  #shopify-section-sections--21163466162367__footer_m9NzUG .email-signup-block,
  .text-block--AQVhvcUlBQTRrU3FDM__newsletter_consent {
    display: none !important;
  }
  /* Fresh "General questions" block, inserted into the right column DOM
     above Resources. Matches Resources' heading/body styling. */
  #shopify-section-sections--21163466162367__footer_m9NzUG .mq-general-questions {
    margin: 0 0 24px 0;
    text-align: left;
  }
  #shopify-section-sections--21163466162367__footer_m9NzUG .mq-general-questions__heading {
    font-size: 16px;
    font-weight: var(--font-heading--weight);
    font-family: var(--font-heading--family);
    color: #ffffff;
    margin: 0 0 8px 0;
    line-height: 1.35;
    text-align: left;
  }
  #shopify-section-sections--21163466162367__footer_m9NzUG .mq-general-questions__email {
    font-size: 13px;
    font-family: var(--font-body--family);
    color: #c7d1ce;
    margin: 0;
    line-height: 1.45;
    text-align: left;
  }
  #shopify-section-sections--21163466162367__footer_m9NzUG .mq-general-questions__email a {
    color: #c7d1ce;
    text-decoration: underline;
    font-size: 13px;
  }
  /* MORPIQ brand mark centered at bottom of footer. Direct child of
     .footer-content (position: relative) so absolute positioning anchors
     cleanly to the footer, not any column. */
  #shopify-section-sections--21163466162367__footer_m9NzUG .mq-footer-brand-mark {
    position: absolute !important;
    left: 50% !important;
    bottom: 12px !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    z-index: 2 !important;
    pointer-events: none;
  }
  #shopify-section-sections--21163466162367__footer_m9NzUG .mq-footer-brand-mark img {
    display: block;
    height: 40px;
    width: auto;
    max-width: none;
  }
  /* Illustration column: promoted to a full-bleed background layer that spans
     the entire footer edge-to-edge. Text columns overlay on top via z-index. */
  .color-custom-AeXdhVlVrYzY1WnhQR__col_illustration {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 0 !important;
    display: block !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }
  /* Right column (newsletter + Resources). Sits on top of illustration bg. */
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content > .group-block:last-of-type {
    flex: 0 0 24vw !important;
    align-self: flex-start !important;
    margin-left: auto !important;
    padding: 90px 0 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    position: static !important;
  }
  /* Resources sub-group: push down so heading lands ~310px from footer top.
     Newsletter block above measures ~176px; +54 margin lands Resources at 310. */
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content > .group-block:last-of-type .group-block:has(h3) {
    margin-top: 54px !important;
  }
  /* Illustration image: fills the full-bleed layer edge-to-edge. Container
     aspect matches source (1920×814) via the footer's min-height, so no
     cropping needed and the composition stays intact. */
  /* Image: edge-to-edge horizontally (100vw). New source is 1600×624 —
     aspect ratio 2.564:1 which is very close to the footer content aspect
     (1600/624 = 2.564:1 exactly at 1600w), so no cropping needed at that
     viewport and only tiny excess at other widths. */
  .image-block--AK3hlcWV2RDF0Z0VIS__illustration_image {
    --ratio: auto !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;
    aspect-ratio: auto !important;
  }
  .image-block--AK3hlcWV2RDF0Z0VIS__illustration_image .image-block__image {
    --ratio: auto !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    aspect-ratio: 1600 / 624 !important;
    display: block !important;
  }
  /* The group-block__media-wrapper wraps the image inside the column; make sure
     it fills the whole layer too. */
  .color-custom-AeXdhVlVrYzY1WnhQR__col_illustration .group-block__media-wrapper,
  .color-custom-AeXdhVlVrYzY1WnhQR__col_illustration .group-block-content {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
  }

  /* Type scale — explicit px at desktop (13 body / 16 heading) */
  #shopify-section-sections--21163466162367__footer_m9NzUG h3,
  #shopify-section-sections--21163466162367__footer_m9NzUG h4 {
    font-size: 16px !important;
    line-height: 1.35 !important;
  }
  #shopify-section-sections--21163466162367__footer_m9NzUG .text-block p,
  #shopify-section-sections--21163466162367__footer_m9NzUG li,
  #shopify-section-sections--21163466162367__footer_m9NzUG a:not(.button):not(.button-custom):not(.header-logo),
  #shopify-section-sections--21163466162367__footer_m9NzUG button:not(.email-signup__button) {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  /* Consent (checkbox row) 13px per spec, with faux checkbox */
  .text-block--AQVhvcUlBQTRrU3FDM__newsletter_consent p {
    font-size: 13px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    line-height: 1.4 !important;
  }
  .text-block--AQVhvcUlBQTRrU3FDM__newsletter_consent .mq-checkbox {
    flex: 0 0 auto;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid rgba(199, 209, 206, 0.55);
    border-radius: 2px;
    margin-top: 2px;
    background: transparent;
  }

  /* Newsletter block — compact input + square arrow button */
  #shopify-section-sections--21163466162367__footer_m9NzUG .email-signup-block {
    width: 100% !important;
    max-width: 280px !important;
  }
  #shopify-section-sections--21163466162367__footer_m9NzUG .email-signup__input-group {
    --border-width: 1px !important;
    --border-radius: 6px !important;
    height: 40px !important;
  }
  #shopify-section-sections--21163466162367__footer_m9NzUG .email-signup__input {
    width: 230px !important;
    height: 40px !important;
    font-size: 13px !important;
    padding-inline: 12px !important;
  }
  #shopify-section-sections--21163466162367__footer_m9NzUG .email-signup__button {
    width: 40px !important;
    height: 40px !important;
    background-color: #F15A27 !important;
    border-color: #F15A27 !important;
    flex-shrink: 0 !important;
  }
}

/* ============================================================ */
/* 3.5 Newsletter fold — orange band above the footer            */
/* ============================================================ */
.mq-newsletter-fold {
  background-color: #F15A27;
  color: #131917;
  padding: 32px 4vw;
  width: 100%;
  box-sizing: border-box;
}
.mq-newsletter-fold__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 48px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.mq-newsletter-fold__copy {
  flex: 1 1 380px;
  max-width: 640px;
}
.mq-newsletter-fold__heading {
  font-family: var(--font-heading--family);
  font-weight: var(--font-heading--weight);
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.2;
  color: #ffffff;
  margin: 0;
}
.mq-newsletter-fold__sub {
  font-family: var(--font-body--family);
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.9);
  margin: 6px 0 0 0;
}
.mq-newsletter-fold__form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 0 1 440px;
  min-width: 300px;
}
.mq-newsletter-fold__field {
  position: relative;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 6px;
  overflow: hidden;
  height: 34px;
  padding: 0 3px 0 0;
}
.mq-newsletter-fold__field input {
  flex: 1 1 auto;
  border: none;
  outline: none;
  background: transparent;
  color: #ffffff;
  font-size: 13px;
  font-family: var(--font-body--family);
  padding: 0 12px;
  height: 100%;
  min-width: 0;
}
.mq-newsletter-fold__field input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.mq-newsletter-fold__field button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #ffffff;
  color: #F15A27;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.mq-newsletter-fold__field button:hover {
  background: rgba(255, 255, 255, 0.88);
}
.mq-newsletter-fold__field button svg {
  width: 15px;
  height: 15px;
  display: block;
}
.mq-newsletter-fold__consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: var(--font-body--family);
  font-size: 13px;
  line-height: 1.4;
  color: #ffffff;
  cursor: pointer;
}
.mq-newsletter-fold__check {
  flex: 0 0 auto;
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 2px;
  margin-top: 2px;
  background: transparent;
}
/* Newsletter signup submit status — appended by js/newsletter.js under form. */
.mq-newsletter-fold__status {
  margin: 4px 0 0 0;
  font-family: var(--font-body--family);
  font-size: 13px;
  line-height: 1.4;
  min-height: 18px;
}
.mq-newsletter-fold__status[data-status='loading'] { color: rgba(255, 255, 255, 0.85); }
.mq-newsletter-fold__status[data-status='success'] { color: #ffffff; font-weight: 600; }
.mq-newsletter-fold__status[data-status='error']   { color: #ffe4dc; }
@media (max-width: 749px) {
  .mq-newsletter-fold {
    padding: 28px 20px;
  }
  .mq-newsletter-fold__inner {
    gap: 28px;
  }
  .mq-newsletter-fold__form {
    width: 100%;
    flex-basis: auto;
  }
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* ============================================================ */
/* 4. Orange utility bar (universal)                            */
/* ============================================================ */
.color-custom-sections--21163466162367__footer_utilities_jLGE8U,
.color-custom-sections--21163466162367__footer_utilities_jLGE8U .text-block {
  --color-background: #F15A27 !important;
  --color-background-rgb: 241 90 39 !important;
  --color: #131917 !important;
  --color-rgb: 19 25 23 !important;
  --color-foreground: #131917 !important;
  --color-foreground-rgb: 19 25 23 !important;
}
#shopify-section-sections--21163466162367__footer_utilities_jLGE8U {
  background-color: #F15A27 !important;
  /* reveal.js gives every .shopify-section opacity:0 until IntersectionObserver
     fires, but this theme scrolls inside .page-wrapper so the observer never
     triggers for the utility bar. Force it visible. */
  opacity: 1 !important;
  transform: none !important;
}
#shopify-section-sections--21163466162367__footer_utilities_jLGE8U .utilities {
  min-height: 24px !important;
  height: 24px !important;
  padding-block: 0 !important;
  align-items: center;
}
#shopify-section-sections--21163466162367__footer_utilities_jLGE8U .footer-utilities__group-copyright,
#shopify-section-sections--21163466162367__footer_utilities_jLGE8U .footer-utilities__text,
#shopify-section-sections--21163466162367__footer_utilities_jLGE8U .mq-footer-links a {
  color: #131917 !important;
  font-size: 11px !important;
}
#shopify-section-sections--21163466162367__footer_utilities_jLGE8U .mq-footer-links {
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: 11px;
  line-height: 1;
}
#shopify-section-sections--21163466162367__footer_utilities_jLGE8U .mq-footer-links a {
  text-decoration: none;
}
#shopify-section-sections--21163466162367__footer_utilities_jLGE8U .mq-footer-links a:hover {
  text-decoration: underline;
}
#shopify-section-sections--21163466162367__footer_utilities_jLGE8U .mq-footer-links__sep {
  color: rgba(19, 25, 23, 0.35);
  font-weight: 300;
  padding-inline: 4px;
  user-select: none;
}

/* ============================================================ */
/* 5. Mobile (<= 749px) — pre-existing stack, left alone         */
/* ============================================================ */
@media (max-width: 749px) {
  #shopify-section-sections--21163466162367__footer_m9NzUG .footer-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px;
    padding-inline: 20px;
  }
  .image-block--AK3hlcWV2RDF0Z0VIS__illustration_image .image-block__image {
    max-width: 80%;
    width: auto;
    height: auto;
    max-height: 260px;
    margin: 0 auto;
    display: block;
    object-fit: contain;
  }
  .color-custom-AeXdhVlVrYzY1WnhQR__col_illustration {
    padding: 16px 0 !important;
  }
  #shopify-section-sections--21163466162367__footer_utilities_jLGE8U .utilities {
    flex-direction: column;
    gap: 8px;
    text-align: center;
    padding-block: 14px !important;
  }
  #shopify-section-sections--21163466162367__footer_utilities_jLGE8U .mq-footer-links {
    justify-content: center;
    flex-wrap: wrap;
  }
}

/* ===== Mobile fixes (a11y audit items 1 + 7) ============================
   - Newsletter email input: bump font to 16px (kill iOS auto-zoom) and
     force min-height 44 on the input directly (parent uses align-items:
     center so height:100% doesn't stretch — need explicit min-height).
   - Newsletter submit button: keep 36×36 visual but add a 44×44 invisible
     hit area via ::before (audit constraint: no visual resize on icons).
   - Footer utility bar links (Track your order / Shipping policy / FAQs
     / Corporate gifting) are 26px tall — bump anchor padding for touch
     without changing text size. */
@media (max-width: 749px) {
  .mq-newsletter-fold__field {
    height: auto;
    min-height: 44px;
    align-items: stretch;                     /* let input fill vertically */
  }
  .mq-newsletter-fold__field input {
    font-size: 16px;
    min-height: 44px;
  }
  .mq-newsletter-fold__field button {
    width: 36px;
    height: 36px;
    position: relative;
    flex-shrink: 0;
    align-self: center;
  }
  .mq-newsletter-fold__field button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
  }
  #shopify-section-sections--21163466162367__footer_utilities_jLGE8U .mq-footer-links a {
    padding: 9px 6px;                         /* 26 + 9*2 = 44 tap height */
    display: inline-block;
  }
  /* Horizon-generated `.button-unstyled--*__link_*` anchors in the footer
     (Track your order / Shipping policy / FAQs / Corporate gifting) render
     as 26px-tall text links. Pseudo-element gives them a 44px tap surface
     without changing the visible text size. */
  footer a.button-unstyled[class*="__link_"],
  footer a[class*="button-unstyled--"][class*="__link_"] {
    position: relative;
  }
  footer a.button-unstyled[class*="__link_"]::before,
  footer a[class*="button-unstyled--"][class*="__link_"]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    min-width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
  }
}