/* Section headings (4 Nov 2026): "Curated perfume sets", "Scent of the day", "Find your signature scent in seconds", "Pay your way".
   One gold highlight sized to the text (not stretched across the page), centred, same gold as the other section headings.
   Rules target each heading by its id so later stylesheets cannot override them.
   Revert: delete this file or novamira-sandbox/aa-heading-fix.php. */

/* ---- centre every part of each section header ---- */
html body section.aa-sets .aa-sets__head,
html body section.aa-sotd .aa-sotd__head,
html body section.aa-sf .aa-sf__in,
html body section.aa-pay .aa-pay__in { text-align: center !important; }

/* ---- the highlighted heading ---- */
html body section.aa-sets .aa-sets__head #aa-sets-h,
html body section.aa-sets .aa-sets__head .aa-sets__title,
html body section.aa-sotd .aa-sotd__head #aa-sotd-h,
html body section.aa-sf .aa-sf__in #aa-sf-t,
html body section.aa-pay .aa-pay__in #aa-pay-h {
  position: relative !important;
  left: auto !important; right: auto !important;
  float: none !important;
  transform: none !important;
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 auto 18px !important;
  padding: 6px clamp(20px, 3.2vw, 38px) !important;
  text-align: center !important;
  text-indent: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif !important;
  font-weight: 600 !important;
  font-size: clamp(2.2rem, 4.6vw, 3.5rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -.01em !important;
  color: #0E0C09 !important;
  -webkit-text-fill-color: #0E0C09 !important;
  background: linear-gradient(180deg, #B89A5E 0%, #A68A4F 100%) !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}
/* Scent of the day: the thin underline is replaced by the highlight */
html body section.aa-sotd .aa-sotd__head #aa-sotd-h::after { display: none !important; }

/* ---- supporting lines stay centred under the heading ---- */
html body section.aa-sets .aa-sets__head .aa-sets__lead,
html body section.aa-sotd .aa-sotd__head .aa-sotd__sub,
html body section.aa-sf .aa-sf__sub,
html body section.aa-pay .aa-pay__sub { margin-left: auto !important; margin-right: auto !important; text-align: center !important; }
html body section.aa-sotd .aa-sotd__eyebrow { text-align: center !important; }
html body section.aa-sotd .aa-sotd__steps,
html body section.aa-sotd .aa-sotd__cities { justify-content: center !important; }

/* ---- Pay your way: tidier, evenly aligned, more professional ---- */
html body section.aa-pay { padding: clamp(44px, 5.4vw, 76px) 0 !important; }
html body section.aa-pay .aa-pay__eyebrow { display: flex !important; align-items: center; justify-content: center; gap: 12px; margin: 0 0 16px !important; font-size: 12.5px !important; }
html body section.aa-pay .aa-pay__in #aa-pay-h { font-size: clamp(2rem, 3.8vw, 2.8rem) !important; margin-bottom: 14px !important; }
html body section.aa-pay .aa-pay__sub { max-width: 40em !important; margin-bottom: 26px !important; font-size: clamp(15px, 1.4vw, 17px) !important; line-height: 1.6 !important; }
html body section.aa-pay .aa-pay__logos { display: flex !important; justify-content: center !important; flex-wrap: wrap; gap: 12px !important; margin: 0 0 34px !important; padding: 0 !important; }
html body section.aa-pay .aa-pay__logos .aa-pay-ico { width: 78px !important; height: 49px !important; border-radius: 6px !important; }
html body section.aa-pay .aa-pay__facts { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 16px !important; max-width: 1100px !important; margin: 0 auto !important; align-items: stretch !important; }
html body section.aa-pay .aa-pay__facts li { flex-direction: column !important; align-items: center !important; justify-content: flex-start; text-align: center !important; gap: 14px !important; padding: 24px 20px 26px !important; height: 100%; }
html body section.aa-pay .aa-pay__fi { width: 50px !important; height: 50px !important; }
html body section.aa-pay .aa-pay__ft { align-items: center !important; text-align: center !important; gap: 8px !important; }
html body section.aa-pay .aa-pay__ft strong { font-size: 12.5px !important; letter-spacing: .18em !important; }
html body section.aa-pay .aa-pay__ft span { font-size: 14.5px !important; line-height: 1.55 !important; }

@media (max-width: 1000px) {
  html body section.aa-pay .aa-pay__facts { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px) {
  html body section.aa-sets .aa-sets__head #aa-sets-h,
  html body section.aa-sets .aa-sets__head .aa-sets__title,
  html body section.aa-sotd .aa-sotd__head #aa-sotd-h,
  html body section.aa-sf .aa-sf__in #aa-sf-t,
  html body section.aa-pay .aa-pay__in #aa-pay-h {
    padding: 6px 18px !important;
    font-size: clamp(1.9rem, 8.4vw, 2.5rem) !important;
  }
  html body section.aa-pay .aa-pay__logos .aa-pay-ico { width: 64px !important; height: 40px !important; }
  html body section.aa-pay .aa-pay__facts { grid-template-columns: 1fr !important; }
}