/* THE EASY RULES AS CSS (docs/EASY-WEB-RULES.md). Linked LAST on every page, so it wins.
   Gillian's customers are older and many are not at home online. On a phone (under 800px, where her
   header turns into the small one) this sheet makes the defaults big enough to use without knowing how
   to zoom: text 17px or more, every target 48px or more, a button that says Menu, and nothing that
   moves by itself. Desktop keeps her design as Brad set it. `node harvest/check-easy.mjs` measures
   every page against these rules; a number changed here is a number proven there. */

/* words that only a phone shows (the desktop header keeps its icons, under Brad's eye) */
.bd-cart-word { display: none; }

@media (max-width: 799px) {
  /* ---------- the header: one slim row, a button that says Menu, a cart that says Cart ---------- */
  #header .header-inner { padding-top: 8px !important; padding-bottom: 8px !important; min-height: 0 !important; align-items: center; }
  #header .header-title-logo img, #header .header-mobile-logo img { max-height: 52px !important; width: auto !important; }
  #header .header-title-logo a, #header .header-mobile-logo a { display: inline-flex; align-items: center; min-height: 48px; }
  #header .header-actions--left, #header .header-actions--right .header-actions-action--social, #header .header-display-mobile .header-actions-action--social { display: none !important; } /* four bare icons: they are words in the Menu now */

  .header-burger-btn { width: auto !important; height: 48px !important; min-width: 92px; padding: 0 20px !important; display: inline-flex !important; align-items: center; justify-content: center; border: 1.5px solid hsl(24 14% 20%) !important; border-radius: 999px !important; background: hsl(42 45% 98% / 0.92) !important; color: hsl(24 14% 14%) !important; font-family: inherit; font-size: 17px; font-weight: 700; letter-spacing: 0.02em; line-height: 1; }
  .header-burger-btn .burger-box, .header-burger-btn .burger-inner, .header-burger-btn svg { display: none !important; }
  .bd-menu-word { display: inline; }

  [data-bd-cart] { display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; min-height: 48px; min-width: 48px; padding: 0 10px; text-decoration: none !important; }
  [data-bd-cart] svg { width: 26px; height: auto; }
  [data-bd-cart] .icon-cart-quantity { display: none !important; } /* the number lives in the word now: "Cart (2)" */
  .bd-cart-word { display: inline; font-size: 17px; font-weight: 700; color: hsl(24 14% 14%); white-space: nowrap; }

  /* the open menu: ONE list of large rows */
  .header-menu.bd-menu-plain .header-menu-nav { display: none !important; }
  .bd-menu-list { position: relative; z-index: 2; display: block; width: 100%; max-height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 8px 6vw 40px; box-sizing: border-box; }
  .bd-menu-list a { display: flex; align-items: center; min-height: 58px; padding: 6px 4px; border-bottom: 1px solid hsl(33 20% 78%); font-family: "Libre Baskerville", Georgia, serif; font-size: 22px; line-height: 1.25; color: hsl(24 14% 14%) !important; text-decoration: none !important; }
  .bd-menu-list a.bd-menu-first { font-weight: 700; color: hsl(9 46% 34%) !important; }
  .bd-menu-list a.bd-menu-out { font-family: inherit; font-size: 18px; }
  .bd-menu-list a:focus-visible { outline: 3px solid hsl(9 46% 42%); outline-offset: 2px; }
  body.header--menu-open { overflow: hidden; }

  /* ---------- the announcement: one slim bar, readable, with a close you can hit ---------- */
  #header .header-announcement-bar-wrapper { padding-top: 6px !important; padding-bottom: 6px !important; }
  .bd-ann { padding: 0 !important; margin: 0 0 4px !important; }
  .bd-ann-pill { display: flex !important; width: 100%; max-width: none !important; box-sizing: border-box; border-radius: 12px !important; padding: 2px 2px 2px 14px !important; gap: 4px !important; text-align: left; }
  .bd-ann-pill a { flex: 1; display: flex; align-items: center; min-height: 44px; font-size: 16px !important; font-style: normal !important; line-height: 1.3 !important; }
  /* the close keeps a 44px place to press, and wears a lighter mark inside it (Brad, 24 Sep: the bar was too large) */
  .bd-ann-pill button { flex: 0 0 44px; width: 44px !important; height: 44px !important; font-size: 17px !important; background: transparent !important; }

  /* ---------- reading: 17px or more, and room between the lines ---------- */
  #page p:not(.sqsrte-large):not(.bd-was-heading), #page li, #page blockquote, #page td, #page th, #page dd, #page dt, #page figcaption, #page label, #page summary,
  #page .sqs-html-content, #page .sqs-block-html, #page .product-description, #page .ProductItem-details-excerpt,
  #footer-sections p:not(.bd-was-heading), #footer-sections li, #footer-sections a, footer p, footer li, footer a, .bd-foot-line, .bd-foot-line a {
    font-size: max(17px, 1em) !important; line-height: 1.65 !important;
  }
  #page p.sqsrte-large { font-size: max(19px, 1em) !important; line-height: 1.55 !important; }
  #page h4, #page h3, #page .bd-as-h3, #page .bd-as-h4 { font-size: max(20px, 1em); } /* a heading the search pass promoted keeps the floor of the level it had */
  #page small, #page .sqsrte-small, .bd-kicker, .bd-club-kicker, #page .blog-meta-item, #page time { font-size: 16px !important; letter-spacing: 0.06em; }

  /* ---------- pressing: 48px or more, and words big enough to read on the button ---------- */
  #page a.sqs-block-button-element, #page .sqs-block-button-element, .bd-btn, #page .list-item-content__button, #page .sqs-add-to-cart-button, #page button:not(.bd-cart-qty button),
  .bd-form-send, #page input[type="submit"] {
    min-height: 52px !important; font-size: 17px !important; line-height: 1.25 !important; padding-top: 12px !important; padding-bottom: 12px !important;
    display: inline-flex; align-items: center; justify-content: center; text-align: center; box-sizing: border-box;
  }
  #page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), #page select, #page textarea { min-height: 52px; font-size: 17px !important; box-sizing: border-box; }
  #page input[type="checkbox"], #page input[type="radio"] { width: 28px; height: 28px; }
  #page label.bd-check, #page .bd-check { display: flex; align-items: center; gap: 12px; min-height: 48px; }
  #page .product-quantity-input button { min-width: 48px; min-height: 48px; }
  #page select.variant-select { min-height: 52px; font-size: 17px !important; }
  /* a link that stands alone (a footer list, a list of pages) is a row, not a word */
  #footer-sections a, footer nav a, .bd-foot-nav a, .bd-foot-links a, #page .summary-title-link, #page .blog-more-link { display: inline-flex; align-items: center; min-height: 48px; }
  #footer-sections .bd-foot-legal a { font-size: 16px !important; min-height: 44px; opacity: 0.74; } /* her small print: the smallest the rules allow */
  #bd-cookie-choices { min-height: 48px; font-size: 17px !important; padding: 8px 14px; }
  /* the cookie box: two big worded buttons and words a person can read */
  #bd-consent p, #bd-consent h3, #bd-consent a { font-size: 16px !important; line-height: 1.5 !important; }
  #bd-consent .bd-consent-all, #bd-consent .bd-consent-min { min-height: 48px !important; font-size: 17px !important; padding: 10px 18px !important; }
  #bd-consent .bd-consent-row { gap: 10px !important; }
  /* the foot line was 12px at 60%: 3.63 to 1 */
  .bd-foot-line, .bd-foot-line a { opacity: 1 !important; color: hsl(24 12% 24%) !important; letter-spacing: 0.02em !important; }
  /* the form's small print (B1b matched their 12px sub-labels for parity; on a phone the reader wins) */
  .bd-form label, .bd-form legend, .bd-form label > span, .bd-form .bd-check span { font-size: 17px !important; line-height: 1.4 !important; }
  .bd-form .bd-req { font-size: 16px !important; }
  #page .product-quantity-input input { min-width: 56px; text-align: center; }
  #page .sqs-add-to-cart-button-wrapper, #page a.sqs-add-to-cart-button-wrapper { min-height: 52px !important; font-size: 17px !important; display: inline-flex; align-items: center; justify-content: center; }
  #page .sqs-add-to-cart-button-wrapper .add-to-cart-text, #page .add-to-cart-text { font-size: 17px !important; }
  #page .product-mark.sale, .product-mark.sale { background: hsl(9 46% 36%) !important; color: #fff !important; font-size: 16px !important; }
  audio { width: 100%; min-height: 54px; }

  /* her name in the hero is a pale sand (185 165 144) on cream: 2.14 to 1. A deeper sand of the same family reads at 3.4 to 1.
     Phones only for now: the desktop hero is Brad's eye. */
  [data-section-theme="light"] .sqsrte-text-color--accent, [data-section-theme="white"] .sqsrte-text-color--accent, [data-section-theme=""] .sqsrte-text-color--accent { color: rgb(146 122 98) !important; }

  /* ---------- calm: nothing moves by itself on a phone, and nothing stands in the doorway ---------- */
  #footer-sections h1, #footer-sections .bd-wordmark, #page h1, #page .bd-as-h1, .bd-glow, [class*="bd-ring"] { animation: none !important; } /* the ribbon loops, by Brad's choice (23 Sep) */
  #bd-veil { display: none !important; } /* a waiting screen for 2.6 seconds is a closed door to someone unsure */
  html.bd-veil-on, html.bd-veil-on body { overflow: auto !important; }
}

/* ---------- PHONE POLISH (23 Sep): her desktop sizes, carried to a phone, shouted. Scaled down and placed. ----------
   Measured at 390px before this: "How" 143px, "About" 109px, every h1 46px (product titles wrapping over four lines),
   three 300px photo doors stacked into 1,214px, a button squeezed onto three lines, the hero photo cropped to an
   upside-down face, and the footer wordmark touching both edges. Body text and targets keep their floors above. */
@media (max-width: 799px) {
  /* her theme sizes every heading from these, as (value - 1) x 1.2% of the screen's height + 16px: 46px became 34 */
  :root { --heading-1-size-value: 2.8 !important; --heading-2-size-value: 2.2 !important; --heading-3-size-value: 1.7 !important; --heading-4-size-value: 1.45 !important; }
  #page h1, #page .bd-as-h1 { line-height: 1.12 !important; letter-spacing: -0.005em; text-wrap: balance; }
  #page h2, #page h3 { line-height: 1.2 !important; text-wrap: balance; }
  #page .sqs-html-content h1 { font-size: clamp(30px, 8.4vw, 34px) !important; }
  #page .sqs-html-content .bd-as-h1 { font-size: clamp(32px, 9vw, 36px) !important; }
  /* Squarespace's "scaled text" is sized by script to fill the width, which on a phone is a single shouted word */
  #page .sqsrte-scaled-text { font-size: clamp(34px, 10.4vw, 42px) !important; line-height: 1.08 !important; }
  /* (the footer's great name is NOT capped here: it runs edge to edge on a phone as on a desktop, fitted by bd-runtime.js.
     Brad, 24 Sep: "the footer gillian england text needs to be edge to edge") */
  /* a product's name is a label, not a poster */
  #page h1.product-title, #page .product-detail .product-title { font-size: clamp(26px, 7.4vw, 30px) !important; line-height: 1.2 !important; }

  /* her layout grid kept every row at the height it had for the old giant type, so shrinking the type left holes.
     On a phone each row is as tall as what is in it, and the blocks are spaced evenly (the same move the build
     already makes for one desktop section). */
  /* a picture or a film in a grid takes its height from the rows, so a section that holds one keeps its rows
     (v61 took them from every section and 12 pictures on 8 pages went flat, 23 Sep) */
  /* Home's help section sizes its own rows from the words (the builder's .bd-help rule), so on a phone, where her
     picture sits in rows of its own, the picture carries its own height */
  .bd-help .fluid-image-container { aspect-ratio: 4 / 5; height: auto !important; }
  /* the 5D course page: the course's cover is the page's picture, so on a phone it takes the width (it was 122px) */
  .fe-block-40262130f09b01fae7e4 { grid-column: 2 / -2 !important; }
  .fe-block-40262130f09b01fae7e4 .fluid-image-container { aspect-ratio: 990 / 1388; height: auto !important; max-height: 70vh; }
  #page .fluid-engine:not(:has(.fluid-image-container, .sqs-block-video, .video-block)) { grid-template-rows: none !important; grid-auto-rows: minmax(0, auto) !important; row-gap: 0 !important; min-height: 0 !important; }
  #page .fluid-engine > .fe-block { margin-bottom: 16px; }
  #page .fluid-engine > .fe-block:last-child { margin-bottom: 0; }
  /* and each section's own padding was sized for a desktop: 40px at most on a phone (her name's section keeps its
     padding, which is what lays her name over the foot of the hero photo) */
  #page .page-section.layout-engine-section:not([data-section-id="66b7a1f4cfd84d34ef2e4316"]) > .content-wrapper { padding-top: min(40px, 10vw) !important; padding-bottom: min(40px, 10vw) !important; }
  /* the ribbon sat 156px below the words above it: 54px of empty grid rows, then three paddings (Brad, 24 Sep:
     "too much space"). The rows close up and the section ends close under its last line. */
  #page .bd-help .fluid-engine { row-gap: 0 !important; padding-bottom: 0 !important; }
  #page .page-section.layout-engine-section.bd-help > .content-wrapper { padding-bottom: 12px !important; }
  #page .bd-help { padding-bottom: 0 !important; }
  #page .bd-help .bd-help-lede ~ p:empty, #page .bd-help .bd-help-lede ~ p:has(> br:only-child) { display: none; } /* her three spacer lines after the last words: 132px */
  /* blank lines at the end of any text box, marked by the builder (.bd-tail): on /videos seven of them were 300px of
     nothing between "What's an NPC?" and its button (24 Sep design pass). A desktop keeps them. */
  #page .sqs-html-content > p.bd-tail { display: none !important; }
  /* Up & Coming: on a desktop the club card is laid over the whole section, her pictures behind it. On a phone the
     section is one photo in 43 rows, and the card floated in the middle of them with 250px of nothing above it and more
     below (24 Sep design pass). Here the card sits under the photo and the rows end with it. */
  #page .fe-66fa9b81d69e966684e834d2 { grid-template-rows: repeat(8, minmax(24px, auto)) auto !important; }
  #page .fe-block-7454dceba93a834a6734 { grid-row: 9 !important; align-self: start !important; margin-top: 12px; }

  /* the hero photo whole, under the header, as a desktop shows it (Brad, 24 Sep: "the hero image is barely visible").
     It was a 210px box with 132px of it under the header. Cut to a phone's shape it is one large upside-down face
     (23 Sep), so it keeps its own shape instead, 1138 x 741 across the full width, and her name's mist rises over
     its foot only. --header-height is the template's own measure, so a closed bar still fits. */
  .bd-hero { min-height: calc(var(--header-height, 132px) + 100vw * 741 / 1138) !important; }
  .bd-hero .section-background img { object-fit: contain !important; object-position: 50% 100% !important; }
  .bd-lockup { margin-top: -56px !important; }
  .bd-lockup .section-background { background: linear-gradient(180deg, hsl(42 35.71% 94.51% / 0) 0px, hsl(42 35.71% 94.51%) 56px) !important; } /* solid by the photo's foot, or its edge shows */
  .bd-marquee { padding-top: 18px !important; padding-bottom: 18px !important; }


  /* a button says its words on one line, and the block it sits in may be as wide as the page */
  #page .sqs-block-button-element { white-space: nowrap; padding-left: 26px !important; padding-right: 26px !important; }
  #page .fe-block:has(> .sqs-block-button) { grid-column-end: -2 !important; }

  /* her three doors (About Gillian, Treatments, Shop): the photo, then its button beneath it, as on her desktop,
     at a size that lets all three sit in a screen and a half instead of three screens (Brad, 23 Sep) */
  .bd-doors .fluid-engine { flex-direction: column !important; flex-wrap: nowrap !important; align-items: center !important; gap: 28px !important; padding: 30px 6vw 38px !important; }
  .bd-doors .fe-block { flex-direction: column !important; align-items: center !important; flex: 0 0 auto !important; width: 100%; max-width: 260px !important; }
  .bd-doors .fe-block > .sqs-block:first-child { width: 220px !important; } /* 180 was a touch small (Brad, 24 Sep) */
  /* First Name above Last Name, each the full width: side by side, one label wrapped where the other did not and the
     boxes stood at two heights (Brad, 24 Sep, on his iPhone: "last name box is higher than the first name box") */
  .bd-form .bd-field-pair { grid-template-columns: 1fr !important; }
  .bd-door-btn { margin-top: 0 !important; padding-top: 14px !important; }
  .bd-door-btn .sqs-block-button-element { min-width: 180px; justify-content: center !important; }

  /* the treatments list: the drawing a little smaller, the treatment's name a little bigger, the gaps closed up */
  #page .user-items-list .list-item-media { width: 68% !important; max-width: 280px; margin: 0 auto 10px !important; }
  #page .user-items-list .list-item-media-inner { aspect-ratio: 16 / 10 !important; padding-bottom: 0 !important; height: auto !important; }
  #page .user-items-list .list-item-media-inner img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  #page .user-items-list .list-item-content__title { font-size: clamp(21px, 6vw, 24px) !important; line-height: 1.25 !important; }
  #page .user-items-list .user-items-list-simple { row-gap: 46px !important; gap: 46px !important; }
  #page .user-items-list .list-item { margin-bottom: 0 !important; padding-bottom: 0 !important; }
  #page .user-items-list-section, #page .user-items-list-section .content-wrapper { padding-top: 32px !important; }
}

/* her treatment pictures are circles at every width (Brad, 24 Sep: "they need to be circle"). The template's
   padding trick sized the box without its 1px ring, so it stood 3px taller than wide; a square box cannot. */
#page .user-items-list .list-item-media-inner[data-aspect-ratio="circle"] { aspect-ratio: 1 !important; height: auto !important; padding-bottom: 0 !important; }

/* ---------- the same promise at any width, for anyone who has asked for less motion ---------- */
@media (prefers-reduced-motion: reduce) {
  .bd-marquee-track, #footer-sections h1, #footer-sections .bd-wordmark, #page h1, #page .bd-as-h1, .bd-glow, [class*="bd-ring"] { animation: none !important; }
  * { scroll-behavior: auto !important; }
}

/* a page of hers with no header (her members' club page): a plain way home, at any width */
.bd-wayhome { display: flex; flex-wrap: wrap; gap: 0.6rem 1.4rem; padding: 0.6rem 6vw; background: hsl(42 45% 98%); border-bottom: 1px solid hsl(33 20% 78%); position: relative; z-index: 6; }
.bd-wayhome a { display: inline-flex; align-items: center; min-height: 48px; font-size: 17px; font-weight: 700; color: hsl(9 46% 34%) !important; text-decoration: underline; text-underline-offset: 4px; }

/* ---------- "Where would you like to go?": the main places as words, on Home and on Start here ---------- */
.bd-places { max-width: 40rem; margin: 0 auto; padding: 1.2rem 6vw 0.4rem; text-align: left; }
.bd-places h2 { font-size: clamp(1.5rem, 5vw, 2rem); margin: 0 0 0.8rem; }
.bd-places ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.7rem; }
.bd-places a { display: grid; gap: 0.1rem; align-content: center; min-height: 64px; padding: 0.8rem 1.1rem; border: 1px solid hsl(33 20% 72%); border-radius: 10px; background: hsl(42 45% 98% / 0.85); text-decoration: none !important; color: hsl(24 14% 14%) !important; }
.bd-places a b { font-family: "Libre Baskerville", Georgia, serif; font-weight: 400; font-size: 1.3rem; line-height: 1.25; }
.bd-places a span { font-size: 1.05rem; line-height: 1.4; color: hsl(24 10% 28%); }
.bd-places a:hover, .bd-places a:focus-visible { border-color: hsl(9 46% 42%); }
.bd-places-home { display: none; }
@media (max-width: 799px) { .bd-places-home { display: block; } }
@media (min-width: 700px) { .bd-places ul { grid-template-columns: 1fr 1fr; } }

/* the Start here page */
.bd-start { max-width: 40rem; margin: 0 auto; padding: clamp(2.5rem, 7vw, 5rem) 6vw 1rem; text-align: left; }
.bd-start h1 { margin: 0 0 1rem; }
.bd-start p, .bd-start li { font-size: max(18px, 1.1rem); line-height: 1.7; }
.bd-start ol { padding-left: 1.4rem; margin: 0 0 1.6rem; }
.bd-start li { margin: 0 0 0.6rem; }
.bd-start h2 { font-size: clamp(1.4rem, 4.6vw, 1.8rem); margin: 2rem 0 0.6rem; }
/* Her theme lays every page section out as a row, so the guide and "Where would you like to go?" sat side by side at
   every width: on a phone the guide was 184px wide (Brad, 24 Sep: "the start here page needs correctly laying out").
   One column on a phone, the guide first. On a computer the guide and the places stand side by side, their tops
   level, and the places stay in view as the guide is read, one to a row so no name breaks in two. */
.bd-start-sec { display: block !important; padding-bottom: clamp(2.5rem, 6vw, 4.5rem); }
.bd-places-start { padding-top: 1.6rem; }
@media (min-width: 900px) {
  .bd-start-sec:has(.bd-places-start) { display: grid !important; grid-template-columns: minmax(0, 40rem) minmax(0, 21rem); column-gap: clamp(2.5rem, 5vw, 4.5rem); justify-content: center; align-items: start; padding: 0 5vw clamp(3rem, 6vw, 5rem); }
  .bd-start-sec:has(.bd-places-start) .bd-start { margin: 0; padding-left: 0; padding-right: 0; }
  .bd-places-start { position: sticky; top: 2rem; margin: 0; padding: clamp(2.5rem, 7vw, 5rem) 0 0; }
  .bd-places-start ul { grid-template-columns: 1fr; }
}
/* her legal pages (harvest/legal-pages.mjs): the Start here page's reading measure, with room for the cookie tables */
.bd-legal h2 { margin-top: 2.4rem; }
.bd-legal h3 { font-size: clamp(1.15rem, 3.8vw, 1.35rem); margin: 1.6rem 0 0.4rem; }
.bd-legal ul { padding-left: 1.4rem; margin: 0 0 1.4rem; }
.bd-legal .bd-legal-date { font-size: 1rem; opacity: 0.8; }
.bd-legal a { text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.bd-legal-scroll { overflow-x: auto; margin: 0 0 1.4rem; }
.bd-legal table { border-collapse: collapse; width: 100%; font-size: max(16px, 1rem); line-height: 1.5; }
.bd-legal th, .bd-legal td { text-align: left; vertical-align: top; padding: 0.6rem 0.6rem 0.6rem 0; border-bottom: 1px solid hsl(33 20% 84%); }
.bd-legal td:first-child { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 0.9em; overflow-wrap: anywhere; min-width: 6.5rem; }
.bd-field-agree a, .bd-form-privacy a { text-decoration: underline; text-underline-offset: 3px; } /* a link must look like one */
/* Gillian, 27 Sep: "a much smaller faded font ... it's there but we don't particularly want people directing it to it".
   On a computer it is the quietest line in the footer; on a phone it stops at the easy floor (16px, a 44px row, 4.5:1). */
.bd-foot-legal { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 1.2rem; font-size: 0.74rem; letter-spacing: 0.03em; }
.bd-foot-legal a { color: inherit; opacity: 0.62; text-decoration: none; transition: opacity 200ms ease; }
.bd-foot-legal a:hover, .bd-foot-legal a:focus-visible { opacity: 0.9; text-decoration: underline; text-underline-offset: 3px; }
/* Gillian, 27 Sep, 16:33: "for entertainment purposes only" at the bottom of the About page */
.bd-disclaimer { font-size: 0.8rem; letter-spacing: 0.04em; opacity: 0.72; text-align: center; margin: 2.2rem auto 0; padding: 0 6vw; }

/* the Restore, Refresh, Re-energise band on the home page: its small label and its quiet link were 11.8px and 14.1px
   on a phone (the phone map, 24 Sep). An older reader gets 16px; the label keeps its capitals with less spacing, so
   "Mystic Healing Therapies" still sits on one line at 375px. */
@media (max-width: 799px) {
  .bd-rrr-kicker { font-size: 1rem; letter-spacing: 0.12em; }
  .bd-rrr-quiet { font-size: 1rem; }
}

/* NO BUTTON CARRIES A SHADOW (Brad, 24 Sep: "none of the buttons on the site have a broken shadow, or a shadow at
   all"). The glass and copper buttons in the build's own sheet each drew one, deeper on hover, and where a box clipped
   it the edge showed as a broken line. Every kind of button on her pages, in every state; the focus ring stays. */
button, input[type="submit"], input[type="button"], a.sqs-block-button-element, .sqs-block-button-element,
.sqs-button-element--primary, .sqs-button-element--secondary, .sqs-button-element--tertiary, .sqs-add-to-cart-button,
.bd-btn, .bd-form-send, .bd-course-next, .list-item-content__button, #bd-cookie-choices, #bd-consent button,
.bd-cart-btn, [class*="button-element"], [class*="-button"] > a {
  box-shadow: none !important;
}