.hhmh {
  --hhmh-accent: #147568;
  --hhmh-accent-dark: #10584f;
  --hhmh-accent-soft: #eaf5f2;
  --hhmh-line: #dce4e3;
  --hhmh-ink: #192b2c;
  --hhmh-muted: #556368;
  --hhmh-canvas: #f5f7f7;
  color: var(--hhmh-ink);
  background: #fff;
  font-family: inherit;
  letter-spacing: 0;
}
.hhmh--justo { --hhmh-accent: #1768d2; --hhmh-accent-dark: #103f82; --hhmh-accent-soft: #edf4ff; }
body#module-hhmihogarweb-home #wrapper { background: #fff; padding: 0; }
body#module-hhmihogarweb-home #content-wrapper,
body#module-hhmihogarweb-home #content,
body#module-hhmihogarweb-home #wrapper > .container { margin: 0; max-width: none; padding: 0; width: 100%; }
body#module-hhmihogarweb-home .page-header,
body#module-hhmihogarweb-home .breadcrumb,
body#module-hhmihogarweb-home #left-column,
body#module-hhmihogarweb-home #right-column { display: none !important; }
.hhmh, .hhmh *, .hhmh *::before, .hhmh *::after { box-sizing: border-box; letter-spacing: 0; }
.hhmh [hidden] { display: none !important; }
.hhmh img { display: block; max-width: 100%; }
.hhmh :where(button, input, select, textarea) { font: inherit; }
.hhmh button, .hhmh a { -webkit-tap-highlight-color: transparent; }
.hhmh :is(button, a, input, select, textarea, summary):focus-visible { outline: 3px solid var(--hhmh-accent); outline-offset: 3px; }
.hhmh-shell { width: min(100%, 1220px); margin: auto; padding-inline: 28px; }
.hhmh-hero {
  position: relative;
  background: linear-gradient(90deg, rgba(8,37,35,.92), rgba(8,37,35,.78) 35%, rgba(8,37,35,.08) 75%), var(--hhmh-hero) center 54% / cover;
}
.hhmh--justo .hhmh-hero { background-image: linear-gradient(90deg, rgba(6,24,54,.94), rgba(6,24,54,.8) 35%, rgba(6,24,54,.06) 75%), var(--hhmh-hero); }
.hhmh-hero__inner { min-height: 230px; display: flex; align-items: center; padding-block: 34px; }
.hhmh-hero__copy { max-width: 610px; }
.hhmh-hero h1 { margin: 0 0 14px; color: #fff; font-size: 48px; line-height: 1.05; font-weight: 800; }
.hhmh-hero h1 span { color: #94e3cb; }
.hhmh--justo .hhmh-hero h1 span { color: #88c7ff; }
.hhmh-hero__lead { margin: 0 0 7px; color: #fff; font-size: 23px; line-height: 1.35; font-weight: 700; }
.hhmh-hero__support { margin: 0; color: #fff; font-size: 16px; line-height: 1.5; }
.hhmh-compare { padding: 26px 0 42px; scroll-margin-top: 150px; }
.hhmh-progress { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; list-style: none; margin: 0 0 28px; padding: 0; }
.hhmh-progress li { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 0 0 12px; border-bottom: 2px solid var(--hhmh-line); }
.hhmh-progress li > span { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #cbd6d4; }
.hhmh-progress li > div { min-width: 0; display: flex; align-items: baseline; gap: 8px; }
.hhmh-progress b { font-size: 12px; font-weight: 700; }
.hhmh-progress small { color: var(--hhmh-muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hhmh-progress li:is(.is-current, .is-complete) { border-color: var(--hhmh-accent); }
.hhmh-progress li:is(.is-current, .is-complete) > span { background: var(--hhmh-accent); }
.hhmh-service-picker > h2 { margin: 0 0 18px; font-size: 24px; line-height: 1.3; font-weight: 750; color: var(--hhmh-ink); }
.hhmh-services { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.hhmh-service { display: flex; align-items: center; justify-content: center; gap: 13px; min-width: 0; height: 86px; padding: 12px; background: #fff; border: 1px solid var(--hhmh-line); border-radius: 6px; color: var(--hhmh-ink); position: relative; cursor: pointer; transition: background .18s, border-color .18s, box-shadow .18s; }
.hhmh-service__visual { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; background: #f2f5f5; border-radius: 8px; }
.hhmh-service__visual img { width: 28px; height: 28px; object-fit: contain; }
.hhmh-service strong { font-size: 16px; line-height: 1.25; font-weight: 750; }
.hhmh-service:hover { background: var(--hhmh-canvas); border-color: var(--hhmh-accent); }
.hhmh-service.is-active { background: var(--hhmh-accent-soft); border-color: var(--hhmh-accent); box-shadow: inset 0 -3px var(--hhmh-accent); }
.hhmh-service.is-active .hhmh-service__visual { background: #fff; }
.hhmh-stage { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--hhmh-line); scroll-margin-top: 155px; }
.hhmh-stage__heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.hhmh-stage__heading h3 { color: var(--hhmh-ink); margin: 0; font-size: 21px; font-weight: 750; line-height: 1.3; }
.hhmh-count { display: none; }
.hhmh-companies { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; }
.hhmh-company { display: grid; place-items: center; height: 80px; min-width: 0; background: #fff; border: 1px solid var(--hhmh-line); border-radius: 6px; position: relative; padding: 15px; cursor: pointer; transition: border-color .18s, box-shadow .18s; }
.hhmh-company:hover { border-color: var(--company-color, var(--hhmh-accent)); box-shadow: 0 3px 12px #1a30210c; }
.hhmh-company.is-active { border-color: var(--company-color, var(--hhmh-accent)); box-shadow: inset 0 -3px var(--company-color, var(--hhmh-accent)); background: var(--company-soft, var(--hhmh-accent-soft)); }
.hhmh-company.is-active::after { content: ''; position: absolute; right: 8px; top: 8px; width: 12px; height: 12px; background: var(--company-color, var(--hhmh-accent)); mask: url('../img/icons/check.svg') center / contain no-repeat; -webkit-mask: url('../img/icons/check.svg') center / contain no-repeat; }
.hhmh-company__mark { display: grid; place-items: center; height: 42px; width: 100%; color: var(--company-color, var(--hhmh-accent)); font-size: 34px; font-weight: 750; }
.hhmh-company__logo { width: auto; max-width: 118px; height: auto; max-height: 40px; object-fit: contain; }
.hhmh-rate-filters { display: inline-flex; gap: 4px; padding: 4px; margin: 0 0 20px; border-radius: 6px; background: #edf1f2; max-width: 100%; }
.hhmh-rate-filter { min-height: 42px; min-width: 105px; padding: 8px 19px; border: 1px solid transparent; border-radius: 4px; background: transparent; color: var(--hhmh-muted); cursor: pointer; }
.hhmh-rate-filter strong { font-size: 15px; font-weight: 700; }
.hhmh-rate-filter small { display: none; }
.hhmh-rate-filter.is-active { background: #fff; color: var(--hhmh-accent-dark); border-color: #dce4e3; box-shadow: 0 2px 4px #1a30210c; }
.hhmh-rate-filter:disabled { opacity: .42; cursor: not-allowed; }
.hhmh-rate-filters--telco { display: flex; width: 100%; }
.hhmh-rate-filters--telco .hhmh-rate-filter { flex: 1; min-width: 0; min-height: 48px; }
.hhmh-rate-filters--telco .hhmh-rate-filter strong { display: block; line-height: 1.3; }
.hhmh-rates { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; align-items: start; }
.hhmh-rate { background: #fff; border: 1px solid var(--hhmh-line); border-radius: 8px; padding: 24px; min-width: 0; display: flex; flex-direction: column; position: relative; box-shadow: 0 4px 16px #19312c06; transition: border-color .18s, box-shadow .18s; }
.hhmh-rate.is-active { border-color: var(--hhmh-accent); box-shadow: 0 0 0 1px var(--hhmh-accent), 0 8px 24px #19312c0d; }
.hhmh-rate__top { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 14px; font-size: 12px; color: var(--hhmh-muted); }
.hhmh-rate__company { font-weight: 750; }
.hhmh-rate__status { color: var(--hhmh-accent-dark); font-weight: 700; }
.hhmh-rate h4 { color: var(--hhmh-ink); font-size: 21px; line-height: 1.3; font-weight: 750; margin: 0 0 9px; overflow-wrap: anywhere; }
.hhmh-rate__description { color: var(--hhmh-muted); font-size: 14px; line-height: 1.5; margin: 0 0 20px; }
.hhmh-rate__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; margin: 6px 0; }
.hhmh-rate__price strong { font-size: 32px; line-height: 1.15; font-weight: 800; color: #147047; overflow-wrap: anywhere; }
.hhmh-rate__price > span { font-size: 13px; color: var(--hhmh-muted); }
.hhmh-rate__price-old { flex-basis: 100%; color: var(--hhmh-muted); font-size: 14px; }
.hhmh-rate__tax { color: var(--hhmh-muted); font-size: 11px; line-height: 1.5; margin-bottom: 6px; }
.hhmh-rate__terms { display: block; border-top: 1px solid var(--hhmh-line); margin-top: 16px; padding-top: 9px; }
.hhmh-rate__term { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 12px; padding: 8px 0; border-bottom: 1px solid #edf1f1; font-size: 12px; line-height: 1.5; }
.hhmh-rate__term > span:first-child { color: var(--hhmh-muted); }
.hhmh-rate__term-values { display: flex; flex-direction: column; align-items: flex-end; text-align: right; overflow-wrap: anywhere; }
.hhmh-rate__term-values s { color: var(--hhmh-muted); font-size: 11px; }
.hhmh-rate__discounts { display: block; margin-top: 14px; }
.hhmh-rate__discount { display: block; border-left: 3px solid #79bca1; padding: 4px 0 4px 12px; margin: 10px 0; }
.hhmh-rate__discount-badge, .hhmh-rate__discount strong, .hhmh-rate__discount small { display: block; }
.hhmh-rate__discount-badge { color: #236547; font-size: 11px; margin-bottom: 3px; }
.hhmh-rate__discount strong { font-size: 13px; line-height: 1.45; }
.hhmh-rate__discount small { font-size: 12px; line-height: 1.5; color: var(--hhmh-muted); margin-top: 4px; }
.hhmh-rate__source { color: var(--hhmh-muted); font-size: 10px; line-height: 1.5; margin-top: 12px; overflow-wrap: anywhere; }
.hhmh-rates--dual { grid-template-columns: repeat(2,minmax(0,1fr)); }
.hhmh-rate__supplies { display: grid; grid-template-columns: minmax(0,1fr); gap: 22px; margin: 3px 0 12px; }
.hhmh-rates--dual .hhmh-rate__supplies { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.hhmh-rate__supply { min-width: 0; }
.hhmh-rate__supply h5 { margin: 0 0 12px; padding-bottom: 9px; border-bottom: 2px solid var(--company-color,var(--hhmh-accent)); color: var(--hhmh-ink); font-size: 16px; font-weight: 750; }
.hhmh-rate__price-group + .hhmh-rate__price-group { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--hhmh-line); }
.hhmh-rate__price-label { display: block; color: var(--hhmh-muted); font-size: 12px; font-weight: 650; margin-bottom: 7px; }
.hhmh-rate__unit-price { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding-block: 4px; }
.hhmh-rate__period { color: var(--hhmh-muted); font-size: 12px; flex-shrink: 0; }
.hhmh-rate__price-values { display: flex; flex-direction: column; align-items: flex-end; min-width: 0; margin-left: auto; }
.hhmh-rate__price-values s { color: var(--hhmh-muted); font-size: 11px; overflow-wrap: anywhere; }
.hhmh-rate__current-price { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; gap: 4px; }
.hhmh-rate__current-price strong { color: var(--hhmh-ink); font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
.hhmh-rate__current-price small { color: var(--hhmh-muted); font-size: 11px; }
.hhmh-rate__unit-price.is-consumption .hhmh-rate__current-price strong { font-size: 22px; color: #147047; }
.hhmh-rate.is-active { border-color: var(--company-color,var(--hhmh-accent)); box-shadow: 0 0 0 1px var(--company-color,var(--hhmh-accent)),0 8px 24px #19312c0d; }
.hhmh-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; border: 1px solid transparent; border-radius: 6px; padding: 11px 18px; font-size: 16px; font-weight: 750; line-height: 1.35; text-align: center; cursor: pointer; text-decoration: none !important; transition: background .18s, border-color .18s; }
.hhmh-button img { width: 19px; height: 19px; flex: 0 0 19px; }
.hhmh-button--primary { background: var(--hhmh-accent); color: #fff !important; }
.hhmh-button--primary:hover { background: var(--hhmh-accent-dark); }
.hhmh-button--outline { background: #fff; border-color: var(--hhmh-line); color: var(--hhmh-accent-dark) !important; }
.hhmh-button--outline:hover { border-color: var(--hhmh-accent); }
.hhmh-rate__select { margin-top: 22px; width: 100%; background: var(--hhmh-accent-soft); color: var(--hhmh-accent-dark); border-color: var(--hhmh-line); }
.hhmh-rate__select::after { content: ''; width: 17px; height: 17px; flex: 0 0 17px; background: currentColor; mask: url('../img/icons/chevron-right.svg') center / contain no-repeat; -webkit-mask: url('../img/icons/chevron-right.svg') center / contain no-repeat; }
.hhmh-rate__select:hover, .hhmh-rate.is-active .hhmh-rate__select { background: var(--hhmh-accent); border-color: var(--hhmh-accent); color: #fff; }
.hhmh-button:disabled { cursor: not-allowed; opacity: .5; }
.hhmh-text-action { background: transparent; border: 0; padding: 10px 0; font-size: 14px; font-weight: 700; color: var(--hhmh-accent-dark); cursor: pointer; }
.hhmh-loading, .hhmh-empty, .hhmh-rate-empty { grid-column: 1 / -1; padding: 24px 0; color: var(--hhmh-muted); font-size: 15px; line-height: 1.5; }
.hhmh-loading { min-height: 80px; }
.hhmh-rate-empty h4 { font-size: 20px; font-weight: 700; color: var(--hhmh-ink); margin: 0 0 8px; }
.hhmh-rate-empty p { margin: 0 0 18px; }
.hhmh-rate-empty__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.hhmh-action { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0 0; margin-top: 24px; border-top: 1px solid var(--hhmh-line); scroll-margin-top: 160px; }
.hhmh-action__summary { min-width: 0; }
.hhmh-action h3 { font-size: 18px; font-weight: 750; margin: 0 0 5px; color: var(--hhmh-ink); }
.hhmh-action p { font-size: 13px; margin: 0; color: var(--hhmh-muted); }
.hhmh-action__buttons { display: flex; gap: 10px; flex-shrink: 0; }
.hhmh-request { background: var(--hhmh-canvas); border-top: 1px solid var(--hhmh-line); padding: 38px 0; scroll-margin-top: 155px; }
.hhmh-request__layout { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.4fr); gap: 42px; align-items: start; }
.hhmh-request__intro h2 { font-size: 28px; line-height: 1.25; color: var(--hhmh-ink); font-weight: 750; margin: 0 0 12px; }
.hhmh-request__intro > p { font-size: 15px; line-height: 1.6; color: var(--hhmh-muted); margin-bottom: 20px; }
.hhmh-request__selection { display: flex; gap: 12px; align-items: center; padding: 15px 0; border-block: 1px solid var(--hhmh-line); }
.hhmh-request__selection > img { width: 28px; height: 28px; }
.hhmh-request__selection small, .hhmh-request__selection strong { display: block; }
.hhmh-request__selection small { color: var(--hhmh-muted); font-size: 12px; margin-bottom: 4px; }
.hhmh-request__selection strong { font-size: 15px; }
.hhmh-request__intro ul { padding: 0; list-style: none; display: grid; gap: 13px; margin: 22px 0; }
.hhmh-request__intro li { display: flex; align-items: center; gap: 9px; font-size: 13px; color: var(--hhmh-muted); }
.hhmh-request__intro li img { width: 18px; height: 18px; }
.hhmh-form-wrap { min-width: 0; }
.hhmh-login-note { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; border-bottom: 1px solid var(--hhmh-line); padding-bottom: 20px; margin-bottom: 24px; }
.hhmh-login-note > img { width: 24px; height: 24px; }
.hhmh-login-note > div { flex: 1; }
.hhmh-login-note strong { font-size: 14px; }
.hhmh-login-note p { font-size: 12px; color: var(--hhmh-muted); margin: 4px 0 0; }
.hhmh-form fieldset { border: 0; border-bottom: 1px solid var(--hhmh-line); margin: 0 0 24px; padding: 0 0 24px; }
.hhmh-form legend { font-size: 18px; font-weight: 750; color: var(--hhmh-ink); width: 100%; margin-bottom: 18px; padding: 0; }
.hhmh-fields { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; }
.hhmh-fields--two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.hhmh-fields--three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.hhmh-field--wide { grid-column: 1 / -1; }
.hhmh-form label { min-width: 0; }
.hhmh-form label > span { display: block; margin-bottom: 7px; font-size: 13px; font-weight: 700; }
.hhmh-form :is(input[type=text],input[type=email],input[type=tel],input[type=date],input[type=time],select,textarea) { width: 100%; max-width: 100%; min-height: 46px; padding: 11px; border: 1px solid #bac8c5; border-radius: 5px; background: #fff; color: var(--hhmh-ink); font-size: 16px; line-height: 1.5; }
.hhmh-form textarea { min-height: 110px; resize: vertical; }
.hhmh-form .is-invalid { border-color: #ab2525 !important; }
.hhmh-consents { display: grid; gap: 14px; margin-bottom: 22px; }
.hhmh-check { display: flex; align-items: flex-start; gap: 10px; }
.hhmh-check input { width: 19px; height: 19px; flex: 0 0 19px; margin: 1px 0 0; accent-color: var(--hhmh-accent); }
.hhmh-check > span { font-size: 13px !important; font-weight: 400 !important; line-height: 1.5; }
.hhmh-form__footer { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
.hhmh-form-error { color: #ab2525; font-size: 14px; margin-top: 12px; }
.hhmh-feedback { display: flex; gap: 14px; margin-block: 24px; padding-block: 18px; background: var(--hhmh-accent-soft); }
.hhmh-feedback > img { width: 24px; height: 24px; }
.hhmh-feedback p { margin: 5px 0 0; line-height: 1.5; }
.hhmh-feedback--error { background: #fff0f0; }
.hhmh-eligibility { margin-top: 16px; padding: 16px 0; border-bottom: 1px solid var(--hhmh-line); font-size: 13px; }
.hhmh-eligibility span { display: block; margin-top: 6px; }
.hhmh-how { border-top: 1px solid var(--hhmh-line); background: #f5f7f7; padding-block: 22px; }
.hhmh-how__steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.hhmh-how__steps > div { display: flex; align-items: center; gap: 10px; }
.hhmh-how__steps img { height: 24px; width: 24px; }
.hhmh-how__steps strong { font-size: 13px; font-weight: 650; }
@media (max-width: 1023px) {
  .hhmh-shell { padding-inline: 22px; }
  .hhmh-rates { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hhmh-action, .hhmh-action__buttons { flex-wrap: wrap; }
  .hhmh-companies { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .hhmh-request__layout { grid-template-columns: 1fr; gap: 26px; }
  .hhmh-rates--dual .hhmh-rate__supplies { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 767px) {
  .hhmh-shell { padding-inline: 16px; }
  .hhmh-hero { background-position: 61% center; }
  .hhmh-hero__inner { min-height: 168px; padding-block: 25px; }
  .hhmh-hero h1 { font-size: 36px; margin-bottom: 12px; }
  .hhmh-hero__lead { font-size: 18px; line-height: 1.3; }
  .hhmh-hero__support { font-size: 13px; }
  .hhmh-compare { padding-block: 18px 30px; }
  .hhmh-progress { gap: 12px; margin-bottom: 21px; }
  .hhmh-progress li { gap: 6px; padding-bottom: 8px; }
  .hhmh-progress li > div { display: block; }
  .hhmh-progress b { display: block; font-size: 11px; }
  .hhmh-progress small { display: block; font-size: 11px; margin-top: 3px; }
  .hhmh-service-picker > h2 { font-size: 19px; margin-bottom: 14px; }
  .hhmh-services { gap: 6px; }
  .hhmh-service { height: 94px; padding: 8px 4px; flex-direction: column; gap: 7px; }
  .hhmh-service__visual { background: transparent; width: 28px; height: 28px; flex-basis: 28px; border-radius: 0; }
  .hhmh-service.is-active .hhmh-service__visual { background: transparent; }
  .hhmh-service__visual img { width: 27px; height: 27px; }
  .hhmh-service strong { font-size: 12px; text-align: center; min-height: 30px; display: grid; place-content: center; }
  .hhmh-stage { margin-top: 22px; padding-top: 21px; scroll-margin-top: 82px; }
  .hhmh-stage__heading h3 { font-size: 19px; }
  .hhmh-stage__heading { margin-bottom: 13px; }
  .hhmh-companies { gap: 8px; }
  .hhmh-company { height: 68px; padding: 12px; }
  .hhmh-company__logo { max-width: 100%; max-height: 32px; }
  .hhmh-company__mark { font-size: 30px; height: 34px; }
  .hhmh-rate-filters { display: flex; }
  .hhmh-rate-filter { flex: 1; min-width: 0; padding-inline: 8px; }
  .hhmh-rate-filter strong { font-size: 14px; }
  .hhmh-rates { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .hhmh-rate { padding: 21px; }
  .hhmh-rate__unit-price.is-consumption .hhmh-rate__current-price strong { font-size: 24px; }
  .hhmh-rate h4 { font-size: 20px; }
  .hhmh-rate__price strong { font-size: 30px; }
  .hhmh-action { gap: 18px; }
  .hhmh-action__buttons { width: 100%; display: grid; grid-template-columns: 1fr; }
  .hhmh-request { padding-block: 28px; scroll-margin-top: 82px; }
  .hhmh-request__intro h2 { font-size: 24px; }
  .hhmh-fields--two, .hhmh-fields--three { grid-template-columns: minmax(0,1fr); }
  .hhmh-login-note .hhmh-button { width: 100%; }
  .hhmh-how__steps { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 14px; }
  .hhmh-how__steps strong { font-size: 12px; line-height: 1.4; }
  .hhmh-how__steps img { width: 22px; height: 22px; flex: 0 0 22px; }
}
@media (prefers-reduced-motion: reduce) { .hhmh *, .hhmh *::before, .hhmh *::after { transition: none !important; scroll-behavior: auto !important; } }