/* Humidity Dome Desk — Appily-OneHundredSeven PDP
   Propagation humidity dome · moisture-bar sizes · climate-strip origins · bench gutter buy.
   Prefix hd-* — not mg- / pf- / se- / ct- / prior product schemes. */

@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Public+Sans:wght@400;500;600;700;800&display=swap");

.page-a107-humiditydome {
  --hd-ink: #0F1E18;
  --hd-mute: #4A6356;
  --hd-bench: #F4FFF0;
  --hd-bench-warm: #FFF5E6;
  --hd-dome: #D4F4FF;
  --hd-moss: #1FA87A;
  --hd-moss-deep: #0E7A56;
  --hd-hot: #C4104A;
  --hd-hot-deep: #8F0C36;
  --hd-sky: #0077A8;
  --hd-sky-deep: #005A80;
  --hd-pollen: #FFD400;
  --hd-pollen-ink: #3A3000;
  --hd-soil: #163028;
  --hd-on-soil: #E8FFF4;
  --hd-surface: #FFFFFF;
  --hd-font-display: "Outfit", system-ui, sans-serif;
  --hd-font-ui: "Public Sans", system-ui, sans-serif;

  background:
    radial-gradient(ellipse 70% 40% at 80% 0%, rgba(255, 45, 111, 0.1), transparent 55%),
    radial-gradient(ellipse 60% 35% at 10% 20%, rgba(0, 163, 224, 0.12), transparent 50%),
    linear-gradient(180deg, var(--hd-bench) 0%, var(--hd-bench-warm) 42%, #EEFFF6 100%);
  color: var(--hd-ink);
  font-family: var(--hd-font-ui);
}

.page-a107-humiditydome .hd-main {
  padding-bottom: 3rem;
}

.page-a107-humiditydome .hd-kicker {
  margin: 0 0 0.35rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--hd-hot-deep);
}

/* —— Miss —— */
.page-a107-humiditydome .hd-miss {
  padding: 3rem 0;
  max-width: 36rem;
}
.page-a107-humiditydome .hd-miss h1 {
  font-family: var(--hd-font-display);
  font-weight: 800;
  letter-spacing: -0.02em;
}

/* —— Crumbs —— */
.page-a107-humiditydome .hd-crumb {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
  padding: 1.1rem 0 0.4rem;
  font-size: 0.88rem;
  color: var(--hd-mute);
}
.page-a107-humiditydome .hd-crumb a {
  color: var(--hd-sky-deep);
  font-weight: 600;
  text-decoration: none;
}
.page-a107-humiditydome .hd-crumb a:hover { color: var(--hd-hot-deep); }
.page-a107-humiditydome .hd-crumb [aria-current="page"] {
  color: var(--hd-ink);
  font-weight: 700;
  max-width: 28ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* —— Awning mast (title + price plaque) —— */
.page-a107-humiditydome .hd-awning {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(11rem, 0.55fr);
  gap: 1.25rem 1.5rem;
  align-items: start;
  padding: 1.25rem 0 1.5rem;
}
.page-a107-humiditydome .hd-awning-stripe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 10px;
  border-radius: 4px;
  background: repeating-linear-gradient(
    90deg,
    var(--hd-hot) 0 18px,
    var(--hd-pollen) 18px 36px,
    var(--hd-sky) 36px 54px,
    var(--hd-moss) 54px 72px
  );
  box-shadow: 0 4px 0 rgba(15, 30, 24, 0.12);
}
.page-a107-humiditydome .hd-awning-copy,
.page-a107-humiditydome .hd-price-plaque {
  margin-top: 1.1rem;
  min-width: 0;
}
.page-a107-humiditydome .hd-awning h1 {
  margin: 0 0 0.55rem;
  font-family: var(--hd-font-display);
  font-size: clamp(1.55rem, 3.4vw, 2.35rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.12;
  color: var(--hd-ink);
}
.page-a107-humiditydome .hd-rating {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.45rem;
  margin-bottom: 0.4rem;
  font-size: 0.88rem;
  color: var(--hd-mute);
}
.page-a107-humiditydome .hd-star { color: #4A6356; }
.page-a107-humiditydome .hd-star.is-filled { color: var(--hd-hot); }
.page-a107-humiditydome .hd-stock {
  margin: 0 0 0.55rem;
  font-weight: 700;
  color: var(--hd-moss-deep);
}
.page-a107-humiditydome .hd-stock.is-out { color: var(--hd-hot-deep); }
.page-a107-humiditydome .hd-lede {
  margin: 0;
  max-width: 48ch;
  color: var(--hd-mute);
  line-height: 1.5;
}
.page-a107-humiditydome .hd-error {
  margin: 0.65rem 0 0;
  padding: 0.65rem 0.8rem;
  background: #FFE4EC;
  border: 2px solid var(--hd-hot-deep);
  border-radius: 0.55rem;
  color: var(--hd-hot-deep);
  font-weight: 700;
}

.page-a107-humiditydome .hd-price-plaque {
  background: var(--hd-soil);
  color: var(--hd-on-soil);
  border-radius: 1.1rem;
  padding: 1.15rem 1.2rem 1.25rem;
  border: 3px solid var(--hd-pollen);
  box-shadow: 6px 7px 0 rgba(15, 30, 24, 0.2);
  text-align: center;
}
.page-a107-humiditydome .hd-badge {
  display: inline-block;
  margin-bottom: 0.45rem;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  background: var(--hd-hot);
  color: #FFF5F8;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.page-a107-humiditydome .hd-price-plaque s {
  display: block;
  color: #C8D9CE;
  font-size: 0.95rem;
}
.page-a107-humiditydome .hd-price-plaque strong {
  display: block;
  font-family: var(--hd-font-display);
  font-size: clamp(1.7rem, 3vw, 2.2rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--hd-pollen);
  line-height: 1.1;
}
.page-a107-humiditydome .hd-price-note {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #C8D9CE;
}

/* —— Humidity dome gallery —— */
.page-a107-humiditydome .hd-dome-stage {
  padding: 0.5rem 0 1.75rem;
  text-align: center;
}
.page-a107-humiditydome .hd-dome {
  position: relative;
  width: min(100%, 28rem);
  margin: 0 auto;
}
.page-a107-humiditydome .hd-dome-glass {
  position: relative;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  background:
    radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.55), transparent 42%),
    linear-gradient(165deg, var(--hd-dome), #A8E4F8 55%, #7ED0F0);
  border: 5px solid var(--hd-soil);
  box-shadow:
    inset 0 -18px 40px rgba(0, 100, 140, 0.18),
    0 14px 0 rgba(15, 30, 24, 0.14),
    0 22px 40px rgba(0, 163, 224, 0.2);
}
.page-a107-humiditydome .hd-dome-mist {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    radial-gradient(circle at 40% 35%, rgba(255, 255, 255, 0.35), transparent 45%),
    radial-gradient(circle at 70% 60%, rgba(255, 255, 255, 0.2), transparent 40%);
  opacity: 0.45;
  transition: opacity 200ms ease;
}
.page-a107-humiditydome .hd-dome.is-misting .hd-dome-mist {
  animation: hdMistFlash 480ms ease;
}
@keyframes hdMistFlash {
  0% { opacity: 0.2; transform: scale(1); }
  35% { opacity: 0.95; transform: scale(1.06); }
  100% { opacity: 0.45; transform: scale(1); }
}
.page-a107-humiditydome .hd-dome-media {
  position: absolute;
  inset: 12%;
  border-radius: 50%;
  overflow: hidden;
  background: var(--hd-bench-warm);
  border: 3px solid rgba(22, 48, 40, 0.2);
}
.page-a107-humiditydome .hd-dome-face {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  transform: scale(1.08);
  transition: opacity 280ms ease, transform 380ms cubic-bezier(0.2, 0.85, 0.25, 1);
  pointer-events: none;
}
.page-a107-humiditydome .hd-dome-face.is-active {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
  z-index: 1;
}
.page-a107-humiditydome .hd-dome[data-face="1"] .hd-dome-face.is-active img {
  object-position: 55% 40%;
  transform: scale(1.22);
}
.page-a107-humiditydome .hd-dome[data-face="2"] .hd-dome-face.is-active img {
  object-position: 40% 70%;
  transform: scale(1.12);
}
.page-a107-humiditydome .hd-dome-face img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 380ms ease, object-position 380ms ease;
}

.page-a107-humiditydome .hd-vents {
  display: flex;
  justify-content: center;
  gap: 0.65rem;
  margin-top: -1.1rem;
  position: relative;
  z-index: 4;
  flex-wrap: wrap;
}
.page-a107-humiditydome .hd-vent {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  border: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
  color: var(--hd-ink);
  padding: 0.25rem;
}
.page-a107-humiditydome .hd-vent-dial {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  border: 3px solid var(--hd-soil);
  background:
    conic-gradient(from calc(var(--hd-vi, 0) * 40deg), var(--hd-sky), var(--hd-moss), var(--hd-hot), var(--hd-sky));
  box-shadow: 3px 3px 0 rgba(15, 30, 24, 0.18);
  transition: transform 280ms ease, box-shadow 200ms ease;
}
.page-a107-humiditydome .hd-vent.is-active .hd-vent-dial,
.page-a107-humiditydome .hd-vent:hover .hd-vent-dial {
  transform: rotate(72deg) scale(1.06);
  box-shadow: 4px 5px 0 rgba(15, 30, 24, 0.22);
}
.page-a107-humiditydome .hd-vent.is-active .hd-vent-dial {
  outline: 3px solid var(--hd-pollen);
  outline-offset: 2px;
}
.page-a107-humiditydome .hd-vent-label {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--hd-mute);
}
.page-a107-humiditydome .hd-vent.is-active .hd-vent-label {
  color: var(--hd-sky-deep);
}
.page-a107-humiditydome .hd-vent:focus-visible {
  outline: 3px solid var(--hd-pollen);
  outline-offset: 3px;
  border-radius: 0.5rem;
}
.page-a107-humiditydome .hd-dome-hint {
  margin: 0.85rem 0 0;
  font-size: 0.86rem;
  color: var(--hd-mute);
}

/* —— Bench options —— */
.page-a107-humiditydome .hd-bench {
  margin: 0 auto 1.75rem;
  padding: 1.35rem 1.25rem 1.4rem;
  background: var(--hd-surface);
  border: 3px solid var(--hd-soil);
  border-radius: 1.25rem;
  box-shadow: 7px 8px 0 rgba(15, 30, 24, 0.12);
}
.page-a107-humiditydome .hd-bench-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 1.35rem 1.5rem;
  margin-bottom: 1.25rem;
}
.page-a107-humiditydome .hd-size-bay,
.page-a107-humiditydome .hd-origin-bay {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
.page-a107-humiditydome .hd-size-bay legend,
.page-a107-humiditydome .hd-origin-bay legend {
  position: relative;
  padding: 0;
  margin: 0 0 0.75rem;
  font-family: var(--hd-font-display);
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--hd-ink);
}
.page-a107-humiditydome .hd-size-bay legend strong,
.page-a107-humiditydome .hd-origin-bay legend strong {
  color: var(--hd-moss-deep);
}

/* Moisture-bar sizes */
.page-a107-humiditydome .hd-moisture {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
}
.page-a107-humiditydome .hd-bar button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  border: 3px solid var(--hd-soil);
  border-radius: 0.85rem;
  padding: 0.7rem 0.45rem 0.65rem;
  background: var(--hd-bench);
  cursor: pointer;
  font: inherit;
  color: var(--hd-ink);
  transition: background 180ms ease, transform 180ms ease, border-color 180ms ease;
}
.page-a107-humiditydome .hd-bar-track {
  display: block;
  width: 1.35rem;
  height: 4.5rem;
  border-radius: 999px;
  background: rgba(22, 48, 40, 0.12);
  border: 2px solid var(--hd-soil);
  overflow: hidden;
  position: relative;
}
.page-a107-humiditydome .hd-bar-soil {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 22%;
  background: linear-gradient(180deg, var(--hd-moss) 0%, #0A5C40 100%);
  transition: height 320ms cubic-bezier(0.2, 0.85, 0.25, 1);
}
.page-a107-humiditydome .hd-bar.is-active .hd-bar-soil,
.page-a107-humiditydome .hd-bar.is-rising .hd-bar-soil {
  height: var(--hd-fill, 66%);
}
.page-a107-humiditydome .hd-bar.is-rising .hd-bar-soil {
  animation: hdSoilRise 380ms cubic-bezier(0.2, 0.85, 0.25, 1);
}
@keyframes hdSoilRise {
  from { height: 18%; }
  to { height: var(--hd-fill, 66%); }
}
.page-a107-humiditydome .hd-bar-text {
  font-weight: 800;
  font-size: 0.88rem;
  text-align: center;
}
.page-a107-humiditydome .hd-bar.is-active button {
  background: #E0FFF2;
  border-color: var(--hd-moss-deep);
  box-shadow: 0 0 0 3px rgba(31, 168, 122, 0.35);
  transform: translateY(-3px);
}
.page-a107-humiditydome .hd-bar button:hover {
  transform: translateY(-2px);
}
.page-a107-humiditydome .hd-bar button:focus-visible {
  outline: 3px solid var(--hd-pollen);
  outline-offset: 2px;
}

/* Climate-strip origins */
.page-a107-humiditydome .hd-climate {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
  padding: 0.45rem;
  border-radius: 0.9rem;
  background: linear-gradient(90deg, #B8F0FF 0%, #FFE08A 50%, #FF8FB0 100%);
  border: 3px solid var(--hd-soil);
}
.page-a107-humiditydome .hd-zone {
  border: 2px solid transparent;
  border-radius: 0.55rem;
  padding: 0.85rem 0.4rem;
  font: inherit;
  font-weight: 800;
  font-size: 0.86rem;
  cursor: pointer;
  color: var(--hd-ink);
  background: rgba(255, 255, 255, 0.55);
  transition: background 180ms ease, transform 180ms ease, border-color 180ms ease;
}
.page-a107-humiditydome .hd-zone:hover {
  background: rgba(255, 255, 255, 0.85);
  transform: translateY(-2px);
}
.page-a107-humiditydome .hd-zone.is-active {
  background: var(--hd-pollen);
  color: var(--hd-pollen-ink);
  border-color: var(--hd-soil);
  box-shadow: 3px 3px 0 rgba(15, 30, 24, 0.18);
}
.page-a107-humiditydome .hd-zone:focus-visible {
  outline: 3px solid var(--hd-sky);
  outline-offset: 2px;
}

/* Bench gutter buy */
.page-a107-humiditydome .hd-gutter {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.85rem 1rem;
  align-items: end;
  padding: 1rem 1rem 1.05rem;
  border-radius: 0.9rem;
  background: linear-gradient(180deg, #E8FFF6, #D4F4FF);
  border: 3px dashed var(--hd-sky-deep);
}
.page-a107-humiditydome .hd-qty label {
  display: block;
  position: relative;
  margin-bottom: 0.35rem;
  font-weight: 800;
  font-size: 0.85rem;
}
.page-a107-humiditydome .hd-qty-box {
  display: inline-flex;
  align-items: center;
  border: 3px solid var(--hd-soil);
  border-radius: 0.55rem;
  overflow: hidden;
  background: #fff;
}
.page-a107-humiditydome .hd-qty-box button {
  border: 0;
  background: var(--hd-bench);
  width: 2.4rem;
  height: 2.5rem;
  font-size: 1.15rem;
  font-weight: 800;
  cursor: pointer;
  color: var(--hd-ink);
}
.page-a107-humiditydome .hd-qty-box input {
  width: 2.6rem;
  border: 0;
  text-align: center;
  font-weight: 800;
  background: #fff;
  color: var(--hd-ink);
}
.page-a107-humiditydome .hd-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  justify-content: flex-end;
}
.page-a107-humiditydome .hd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border: 0;
  border-radius: 0.65rem;
  padding: 0.85rem 1.2rem;
  font-family: var(--hd-font-display);
  font-weight: 800;
  font-size: 1rem;
  text-decoration: none;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease;
}
.page-a107-humiditydome .hd-btn--hot {
  background: var(--hd-hot);
  color: #FFF5F8;
  box-shadow: 0 4px 0 var(--hd-hot-deep);
}
.page-a107-humiditydome .hd-btn--hot::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 120%, rgba(255, 255, 255, 0.45), transparent 55%);
  transform: translateY(100%);
  transition: transform 280ms ease;
  z-index: -1;
}
.page-a107-humiditydome .hd-btn--hot:hover::before,
.page-a107-humiditydome .hd-btn--hot:focus-visible::before {
  transform: translateY(0);
}
.page-a107-humiditydome .hd-btn--sky {
  background: var(--hd-sky);
  color: #E8F8FF;
  box-shadow: 0 4px 0 var(--hd-sky-deep);
}
.page-a107-humiditydome .hd-btn:hover,
.page-a107-humiditydome .hd-btn:focus-visible {
  transform: translateY(-2px);
}
.page-a107-humiditydome .hd-btn:focus-visible {
  outline: 3px solid var(--hd-pollen);
  outline-offset: 3px;
}
.page-a107-humiditydome .hd-btn.is-disabled {
  opacity: 1;
  background: #9AABB0;
  color: #1A2428;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}
.page-a107-humiditydome .hd-meta {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.75rem;
  align-items: center;
  font-size: 0.86rem;
  color: var(--hd-mute);
}
.page-a107-humiditydome .hd-chip {
  display: inline-block;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: var(--hd-soil);
  color: var(--hd-on-soil);
  font-weight: 800;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
}

/* —— Trust mist cards —— */
.page-a107-humiditydome .hd-trust {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin-bottom: 1.75rem;
}
.page-a107-humiditydome .hd-trust article {
  padding: 1rem 1.05rem;
  border-radius: 0.9rem;
  background: rgba(255, 255, 255, 0.75);
  border: 2px solid rgba(22, 48, 40, 0.18);
  border-top: 4px solid var(--hd-sky);
}
.page-a107-humiditydome .hd-trust article:nth-child(2) { border-top-color: var(--hd-moss); }
.page-a107-humiditydome .hd-trust article:nth-child(3) { border-top-color: var(--hd-hot); }
.page-a107-humiditydome .hd-trust strong {
  display: block;
  font-family: var(--hd-font-display);
  font-weight: 800;
  margin-bottom: 0.35rem;
}
.page-a107-humiditydome .hd-trust p {
  margin: 0;
  font-size: 0.9rem;
  color: var(--hd-mute);
  line-height: 1.45;
}

/* —— Always-open clipboard notes —— */
.page-a107-humiditydome .hd-notes {
  display: grid;
  gap: 0.9rem;
  margin-bottom: 2rem;
}
.page-a107-humiditydome .hd-sheet {
  background: #FFFDF6;
  border: 2px solid var(--hd-soil);
  border-radius: 0.4rem 1rem 0.75rem 0.75rem;
  padding: 1.1rem 1.2rem 1.2rem;
  box-shadow: 4px 5px 0 rgba(15, 30, 24, 0.1);
}
.page-a107-humiditydome .hd-sheet h2 {
  margin: 0 0 0.65rem;
  font-family: var(--hd-font-display);
  font-size: 1.15rem;
  font-weight: 800;
}
.page-a107-humiditydome .hd-sheet ul {
  margin: 0;
  padding-left: 1.15rem;
  color: var(--hd-mute);
  line-height: 1.55;
}
.page-a107-humiditydome .hd-sheet li { margin-bottom: 0.35rem; }
.page-a107-humiditydome .hd-sheet table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.92rem;
}
.page-a107-humiditydome .hd-sheet th,
.page-a107-humiditydome .hd-sheet td {
  text-align: left;
  padding: 0.45rem 0.35rem;
  border-bottom: 1px dashed rgba(22, 48, 40, 0.2);
  vertical-align: top;
}
.page-a107-humiditydome .hd-sheet th {
  width: 38%;
  color: var(--hd-mute);
  font-weight: 700;
}

/* —— Related flats —— */
.page-a107-humiditydome .hd-related h2 {
  margin: 0 0 0.85rem;
  font-family: var(--hd-font-display);
  font-size: 1.35rem;
  font-weight: 800;
}
.page-a107-humiditydome .hd-flats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem;
}
.page-a107-humiditydome .hd-flat {
  display: grid;
  gap: 0.4rem;
  text-decoration: none;
  color: var(--hd-ink);
  background: #fff;
  border: 3px solid var(--hd-soil);
  border-radius: 0.85rem;
  padding: 0.55rem;
  box-shadow: 4px 4px 0 rgba(15, 30, 24, 0.1);
  transition: transform 180ms ease;
  min-width: 0;
}
.page-a107-humiditydome .hd-flat:hover {
  transform: translateY(-4px);
  border-color: var(--hd-moss-deep);
}
.page-a107-humiditydome .hd-flat img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 0.5rem;
  background: var(--hd-bench);
}
.page-a107-humiditydome .hd-flat strong {
  font-size: 0.9rem;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.page-a107-humiditydome .hd-flat span {
  font-weight: 800;
  color: var(--hd-hot-deep);
}

.page-a107-humiditydome .hd-foot-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem 1.25rem;
  padding-top: 0.5rem;
  font-weight: 700;
}
.page-a107-humiditydome .hd-foot-mini a {
  color: var(--hd-sky-deep);
  text-decoration: none;
}
.page-a107-humiditydome .hd-foot-mini a:hover { color: var(--hd-hot-deep); }

@media (max-width: 900px) {
  .page-a107-humiditydome .hd-awning {
    grid-template-columns: 1fr;
  }
  .page-a107-humiditydome .hd-price-plaque {
    justify-self: stretch;
  }
  .page-a107-humiditydome .hd-bench-grid {
    grid-template-columns: 1fr;
  }
  .page-a107-humiditydome .hd-gutter {
    grid-template-columns: 1fr;
  }
  .page-a107-humiditydome .hd-actions {
    justify-content: stretch;
  }
  .page-a107-humiditydome .hd-btn {
    flex: 1 1 auto;
  }
  .page-a107-humiditydome .hd-trust {
    grid-template-columns: 1fr;
  }
  .page-a107-humiditydome .hd-flats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .page-a107-humiditydome .hd-dome {
    width: min(100%, 20rem);
  }
  .page-a107-humiditydome .hd-actions {
    flex-direction: column;
  }
  .page-a107-humiditydome .hd-btn { width: 100%; }
  .page-a107-humiditydome .hd-flats {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-a107-humiditydome .hd-dome.is-misting .hd-dome-mist,
  .page-a107-humiditydome .hd-bar.is-rising .hd-bar-soil {
    animation: none !important;
  }
  .page-a107-humiditydome .hd-dome-face,
  .page-a107-humiditydome .hd-vent-dial,
  .page-a107-humiditydome .hd-btn--hot::before {
    transition: none !important;
  }
}