/* Customer-facing transaction and account pages. Loaded after legacy inline
   page styles by the shared storefront footer; admin and email stay untouched. */
body.storefront-clean {
  --mh-navy: #24397e;
  --mh-text: #4c4d57;
  --mh-orange: #ff5c00;
  --mh-muted: #737681;
  --mh-line: #e5e6e9;
  --mh-soft: #f6f7f8;
  --mh-success: #276749;
  --mh-success-bg: #edf7f1;
  --mh-error: #a83232;
  --mh-error-bg: #fff3f2;
  --mh-warning: #81551a;
  --mh-warning-bg: #fff8e9;
  font-family: "DM Sans Local", sans-serif;
  color: var(--mh-text);
}

@font-face {
  font-family: "DM Sans Local";
  src: url("/fonts/dm-sans-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

body.storefront-clean :is(
  .cart-wrap,.co-wrap,.co-page-head,.signin-wrap,.setup-wrap,.page-wrap,
  .oc-wrap,.shared-wrap,.contact-body,.quote-body,.cr-body,
  .newsletter-preferences,.cart-summary-col,.co-left,.co-sidebar
) {
  color: var(--mh-text);
  font-family: "DM Sans Local", sans-serif;
}

body.storefront-clean :is(.cart-page-title,.co-page-head h1,.signin-page-title,
  .setup-title,.page-title,.oc-header h1,.shared-head h1,.contact-form-wrap h2,
  .quote-form-wrap h2,.cr-form-wrap h2,.newsletter-preferences h1) {
  color: var(--mh-navy);
  font-weight: 750;
  letter-spacing: -.035em;
}

body.storefront-clean :is(.cart-wrap,.signin-wrap,.setup-wrap,.page-wrap,.oc-wrap,
  .shared-wrap,.contact-body,.quote-body,.cr-body) {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  box-shadow: none;
}

body.storefront-clean :is(.cart-wrap,.signin-wrap,.setup-wrap,.page-wrap,.oc-wrap,.shared-wrap) {
  padding: clamp(24px, 4vw, 58px) clamp(16px, 4vw, 64px) 64px;
}

/* Cart: an uncluttered purchasing worksheet with explicit line-item hierarchy. */
body.storefront-clean .cart-page-title { font-size: clamp(29px, 3.4vw, 42px); }
body.storefront-clean .cart-heading-row { gap: 16px 28px; margin-bottom: 28px; }
body.storefront-clean .cart-heading-row:after { color: var(--mh-muted); }
body.storefront-clean .cart-back-link,
body.storefront-clean .continue-shop { color: var(--mh-navy); }
body.storefront-clean .cart-items-col { border: 0; padding: 0; }
body.storefront-clean .cart-tbl { border-collapse: collapse; }
body.storefront-clean .cart-tbl thead th {
  color: var(--mh-muted);
  border-bottom: 1px solid var(--mh-line);
  font-size: 11px;
  letter-spacing: .07em;
}
body.storefront-clean .cart-tbl tbody td { border-bottom: 1px solid var(--mh-line); }
body.storefront-clean .ci-img-wrap { border: 0; border-radius: 0; background: #fff; }
body.storefront-clean .ci-name,
body.storefront-clean .ci-name a { color: var(--mh-navy); }
body.storefront-clean :is(.ci-sku,.cart-wrap .sum-row .label) { color: var(--mh-muted); }
body.storefront-clean .cart-qty-input,
body.storefront-clean .share-link-input,
body.storefront-clean .cart-promo-row input {
  border: 1px solid #c8cbd2;
  border-radius: 3px;
  color: var(--mh-text);
  background: #fff;
}
body.storefront-clean .cart-qty-input:focus,
body.storefront-clean .share-link-input:focus,
body.storefront-clean .cart-promo-row input:focus {
  outline: 2px solid color-mix(in srgb, var(--mh-navy) 24%, transparent);
  outline-offset: 1px;
  border-color: var(--mh-navy);
}
body.storefront-clean .cart-update-btn,
body.storefront-clean .share-cart-btn,
body.storefront-clean .share-native-btn {
  background: #fff;
  color: var(--mh-navy);
  border: 1px solid var(--mh-navy);
  border-radius: 3px;
}
body.storefront-clean .cart-update-btn:hover,
body.storefront-clean .share-cart-btn:hover,
body.storefront-clean .share-native-btn:hover { background: #f2f4fa; }
body.storefront-clean .cart-remove-btn { color: var(--mh-error); }
body.storefront-clean .cart-remove-btn:hover { color: #7c2222; }
body.storefront-clean .summary-card {
  border: 1px solid var(--mh-line);
  border-radius: 2px;
  box-shadow: none;
  background: #fff;
}
body.storefront-clean .summary-card-head {
  color: var(--mh-navy);
  background: #fff;
  border-bottom: 1px solid var(--mh-line);
  font-size: 18px;
}
body.storefront-clean .summary-card-body { padding: 22px; }
body.storefront-clean .sum-row.total { border-top: 1px solid var(--mh-line); color: var(--mh-navy); }
body.storefront-clean .sum-note,
body.storefront-clean .cart-summary-shipping {
  border-left: 0;
  background: #fff;
  color: var(--mh-muted);
}
body.storefront-clean .cart-summary-shipping { padding: 12px 0; border-top: 1px solid var(--mh-line); }
body.storefront-clean .cart-summary-shipping a { color: var(--mh-navy); font-weight: 700; }
body.storefront-clean .checkout-btn,
body.storefront-clean .empty-cart-shop,
body.storefront-clean .share-copy-btn,
body.storefront-clean .cart-promo-row button {
  background: var(--mh-navy);
  color: #fff;
  border: 1px solid var(--mh-navy);
  border-radius: 3px;
  box-shadow: none;
}
body.storefront-clean .checkout-btn:hover,
body.storefront-clean .empty-cart-shop:hover,
body.storefront-clean .share-copy-btn:hover,
body.storefront-clean .cart-promo-row button:hover { background: #1d2e66; color: #fff; }
body.storefront-clean .cart-checkout-action .checkout-btn:not([aria-disabled="true"]) { background: var(--mh-orange); border-color: var(--mh-orange); }
body.storefront-clean .cart-checkout-action .checkout-btn:not([aria-disabled="true"]):hover { background: #e65300; }
body.storefront-clean .checkout-btn[aria-disabled="true"] {
  background: #858994;
  border-color: #858994;
  box-shadow: none;
  cursor: not-allowed;
}
body.storefront-clean .cart-ineligible-notice,
body.storefront-clean .ci-eligibility {
  color: var(--mh-warning);
  background: var(--mh-warning-bg);
  border-color: #ead7a9;
}
body.storefront-clean .cart-action-message { color: var(--mh-error); background: var(--mh-error-bg); border-color: #edc6c2; }
body.storefront-clean .share-cart-panel { background: #f7f8fb; border: 1px solid var(--mh-line); border-radius: 2px; }
body.storefront-clean .share-feedback { color: var(--mh-success); }
body.storefront-clean .share-feedback.error { color: var(--mh-error); }
body.storefront-clean .empty-cart-box { background: #fff; border: 0; padding: clamp(56px, 9vw, 100px) 20px; }
body.storefront-clean .empty-cart-box h2 { color: var(--mh-navy); }

/* Checkout: form and order summary read as two calm, orderly work areas. */
body.storefront-clean .co-page-head {
  max-width: 1500px;
  margin: 0 auto;
  padding: 32px clamp(16px, 4vw, 64px) 0;
}
body.storefront-clean .co-page-head h1 { font-size: clamp(32px, 4vw, 46px); margin: 12px 0 0; }
body.storefront-clean :is(.co-back-link,.co-breadcrumb a,.co-terms a,.co-recaptcha a) { color: var(--mh-navy); }
body.storefront-clean .co-wrap {
  max-width: 1500px;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
  gap: clamp(28px, 5vw, 76px);
  padding: 24px clamp(16px, 4vw, 64px) 72px;
}
body.storefront-clean .co-section { border-color: var(--mh-line); padding: 28px 0; }
body.storefront-clean .co-section-hd { color: var(--mh-navy); font-size: 21px; }
body.storefront-clean .co-section-num { background: #f0f2f8; color: var(--mh-navy); border-radius: 2px; }
body.storefront-clean :is(.co-fg label,.co-fg .hint) { color: var(--mh-text); }
body.storefront-clean .co-fg input,
body.storefront-clean .co-fg select,
body.storefront-clean .co-fg textarea,
body.storefront-clean .promo-row input {
  border: 1px solid #c8cbd2;
  border-radius: 3px;
  background: #fff;
  color: var(--mh-text);
  box-shadow: none;
}
body.storefront-clean .co-fg :is(input,select,textarea):focus,
body.storefront-clean .promo-row input:focus {
  outline: 2px solid color-mix(in srgb, var(--mh-navy) 22%, transparent);
  outline-offset: 1px;
  border-color: var(--mh-navy);
  box-shadow: none;
}
body.storefront-clean .tax-exempt-box,
body.storefront-clean .ship-pending {
  background: #f7f8fa;
  border: 1px solid var(--mh-line);
  border-radius: 2px;
}
body.storefront-clean .ship-pending { border-style: dashed; color: var(--mh-muted); }
body.storefront-clean .ship-confirmed { background: #f6f7f9; border-color: var(--mh-line); border-radius: 2px; }
body.storefront-clean .ship-confirmed span { color: var(--mh-navy); }
body.storefront-clean .ship-opt { border-color: var(--mh-line); border-radius: 2px; }
body.storefront-clean .ship-opt:hover { border-color: var(--mh-navy); background: #f8f9fc; }
body.storefront-clean .ship-opt input,
body.storefront-clean .co-fg input[type=checkbox],
body.storefront-clean .co-fg input[type=radio] { accent-color: var(--mh-navy); }
body.storefront-clean .card-wrap { border-color: #c8cbd2; border-radius: 3px; }
body.storefront-clean .review-item { border-color: var(--mh-line); }
body.storefront-clean .review-item img { border: 0; border-radius: 0; }
body.storefront-clean .review-item .ri-name { color: var(--mh-navy); }
body.storefront-clean .ri-eligibility { color: var(--mh-warning); background: var(--mh-warning-bg); }
body.storefront-clean .co-ineligible-notice { color: var(--mh-warning); background: var(--mh-warning-bg); border-color: #ead7a9; }
body.storefront-clean .co-sidebar { top: 20px; }
body.storefront-clean .co-summary-box {
  border: 1px solid var(--mh-line);
  border-radius: 2px;
  padding: 24px;
  box-shadow: none;
  background: #fff;
}
body.storefront-clean .co-summary-box h3 { color: var(--mh-navy); }
body.storefront-clean .co-sum-row { color: var(--mh-text); }
body.storefront-clean .co-sum-row.total-row { border-top: 1px solid var(--mh-line); color: var(--mh-navy); }
body.storefront-clean .co-place-btn {
  min-height: 54px;
  background: var(--mh-orange);
  border: 1px solid var(--mh-orange);
  border-radius: 3px;
  box-shadow: none;
}
body.storefront-clean .co-place-btn:hover { background: #e65300; }
body.storefront-clean .co-place-btn:disabled { background: #858994; border-color: #858994; opacity: 1; cursor: not-allowed; }
body.storefront-clean :is(.promo-toggle,.discount-remove) { color: var(--mh-navy); }
body.storefront-clean .promo-row button { color: var(--mh-navy); border: 1px solid var(--mh-navy); border-radius: 3px; background: #fff; }
body.storefront-clean .co-msg.error { color: var(--mh-error); background: var(--mh-error-bg); border-color: #edc6c2; }
body.storefront-clean .co-empty { border: 0; background: #fff; }
body.storefront-clean .co-empty h2 { color: var(--mh-navy); }

/* Sign in, registration, invitation setup, and authenticated account surfaces. */
body.storefront-clean .signin-wrap { min-height: 0; }
body.storefront-clean .signin-page-title { font-size: clamp(32px, 4vw, 44px); }
body.storefront-clean .signin-panels { gap: clamp(20px, 3vw, 36px); }
body.storefront-clean .signin-panel,
body.storefront-clean .setup-card {
  border: 1px solid var(--mh-line);
  border-radius: 2px;
  box-shadow: none;
  padding: clamp(22px, 3vw, 34px);
}
body.storefront-clean .signin-panel-title { color: var(--mh-navy); border-color: var(--mh-line); }
body.storefront-clean :is(.signin-field label,.setup-field label) { color: var(--mh-text); }
body.storefront-clean :is(.signin-field input,.setup-field input) {
  border: 1px solid #c8cbd2;
  border-radius: 3px;
  background: #fff;
  color: var(--mh-text);
}
body.storefront-clean :is(.signin-field input,.setup-field input):focus {
  outline: 2px solid color-mix(in srgb, var(--mh-navy) 22%, transparent);
  outline-offset: 1px;
  border-color: var(--mh-navy);
  box-shadow: none;
}
body.storefront-clean .pw-toggle { color: var(--mh-navy); }
body.storefront-clean :is(.signin-btn,.setup-btn) {
  background: var(--mh-navy);
  border-radius: 3px;
  box-shadow: none;
}
body.storefront-clean :is(.signin-btn,.setup-btn):hover { background: #1d2e66; }
body.storefront-clean .create-btn { border-radius: 3px; color: var(--mh-navy); border-color: var(--mh-navy); }
body.storefront-clean :is(.signin-below a,.signout-link,.page-wrap a,.setup-wrap a) { color: var(--mh-navy); }
body.storefront-clean .page-wrap h1 { color: var(--mh-navy); font-size: clamp(30px, 3.5vw, 42px); letter-spacing: -.035em; }
body.storefront-clean .page-wrap form {
  border-color: var(--mh-line) !important;
  border-radius: 2px;
  box-shadow: none;
}
body.storefront-clean .page-wrap input,
body.storefront-clean .page-wrap textarea,
body.storefront-clean .page-wrap select {
  border-color: #c8cbd2 !important;
  border-radius: 3px;
  color: var(--mh-text);
  background-color: #fff;
}
body.storefront-clean .page-wrap input:disabled { color: #70727a; background: #f3f4f5 !important; cursor: not-allowed; }
body.storefront-clean .page-wrap button[type=submit] {
  border: 1px solid var(--mh-navy) !important;
  border-radius: 3px;
  background: var(--mh-navy) !important;
  color: #fff !important;
}
body.storefront-clean .page-wrap table { border-collapse: collapse; width: 100%; }
body.storefront-clean .page-wrap th {
  color: var(--mh-navy);
  background: #f6f7f9;
  border: 1px solid var(--mh-line);
  text-align: left;
}
body.storefront-clean .page-wrap td { border-color: var(--mh-line) !important; }
body.storefront-clean .page-wrap .empty-state,
body.storefront-clean .page-wrap .no-orders { border: 1px solid var(--mh-line); background: #fff; }
body.storefront-clean :is(.msg.error,.error-msg,[role=alert]) { color: var(--mh-error); }
body.storefront-clean :is(.msg.success,.success-msg) { color: var(--mh-success); }
/* Live regions communicate state, but the ARIA role alone is not success.
   Popup JS supplies this marker on its real submit outcome; footer messages
   intentionally remain body-neutral because its existing script sets text only. */
body.storefront-clean .newsletter-status[data-error="true"] { color: var(--mh-error); }
body.storefront-clean .newsletter-status[data-error="false"]:not(:empty) { color: var(--mh-success); }

/* Transaction completion, shared-cart states, and lead forms. */
body.storefront-clean .oc-wrap { max-width: 1500px; }
body.storefront-clean .oc-section-title { color: var(--mh-navy); border-color: var(--mh-line); }
body.storefront-clean .oc-summary-card { border-color: var(--mh-line); border-radius: 2px; box-shadow: none; }
body.storefront-clean .shared-wrap { max-width: 1500px; }
body.storefront-clean :is(.shared-head h1,.shared-state h1) { color: var(--mh-navy); }
body.storefront-clean :is(.shared-summary,.shared-item,.load-choice-box) {
  border-color: var(--mh-line);
  border-radius: 2px;
  box-shadow: none;
  background: #fff;
}
body.storefront-clean .load-choice input:checked + .load-choice-box { border-color: var(--mh-navy); background: #f5f6fa; }
body.storefront-clean .load-choice input:checked + .load-choice-box::before { border-color: var(--mh-navy); }
body.storefront-clean :is(.load-cart-btn,.shared-state a) { background: var(--mh-navy); border-radius: 3px; }
body.storefront-clean .shared-state-icon { background: #f2f3f7; color: var(--mh-navy); }
/* Lead pages use the same white-space-first title treatment as catalog pages.
   These are plain editorial headers; photo/dark media heroes remain untouched. */
body.storefront-clean :is(.contact-hero,.quote-hero,.cr-hero) {
  background: #fff;
  color: var(--mh-text);
  padding: clamp(34px, 5vw, 64px) 0 clamp(24px, 3vw, 38px);
}
body.storefront-clean :is(.contact-hero-inner,.quote-hero-inner,.cr-hero-inner) {
  max-width: 1500px;
  margin: 0 auto;
  padding-left: clamp(16px, 3.75vw, 58px);
  padding-right: clamp(16px, 3.75vw, 58px);
}
body.storefront-clean :is(.contact-hero h1,.quote-hero h1,.cr-hero h1) {
  max-width: 1050px;
  margin: 0 0 14px;
  color: var(--mh-navy);
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 750;
  line-height: 1.08;
  letter-spacing: -.04em;
  overflow-wrap: anywhere;
}
body.storefront-clean :is(.contact-hero p,.quote-hero p,.cr-hero p) {
  max-width: 680px;
  margin: 0;
  color: var(--mh-text);
  font-size: 15px;
  line-height: 1.65;
}
body.storefront-clean :is(.contact-body,.quote-body,.cr-body) {
  padding: clamp(28px, 4vw, 56px) clamp(16px, 4vw, 64px);
  background: #fff;
  box-shadow: none;
}
body.storefront-clean :is(.contact-form-wrap h2,.quote-form-wrap h2,.cr-form-wrap h2) { color: var(--mh-navy); }
body.storefront-clean :is(.contact-body .form-group input,.contact-body .form-group textarea,.contact-body .form-group select,
  .quote-body .form-group input,.quote-body .form-group textarea,.quote-body .form-group select,
  .cr-body .form-group input,.cr-body .form-group textarea,.cr-body .form-group select) {
  border-color: #c8cbd2;
  border-radius: 3px;
  color: var(--mh-text);
}
body.storefront-clean :is(.contact-body .form-group :is(input,textarea,select),
  .quote-body .form-group :is(input,textarea,select),.cr-body .form-group :is(input,textarea,select)):focus {
  outline: 2px solid color-mix(in srgb, var(--mh-navy) 22%, transparent);
  outline-offset: 1px;
  border-color: var(--mh-navy);
  box-shadow: none;
}
body.storefront-clean :is(.contact-body .form-submit,.quote-body .form-submit,.cr-body .form-submit) {
  background: var(--mh-navy);
  border-radius: 3px;
}
body.storefront-clean :is(.contact-body .form-submit,.quote-body .form-submit):hover { background: #1d2e66; }
body.storefront-clean .quote-product-context { background: #f6f7f9; border-color: var(--mh-line); color: var(--mh-text); }
body.storefront-clean :is(.contact-sidebar .info-card,.quote-sidebar .info-card,.cr-info-card) {
  background: #fff;
  border: 1px solid var(--mh-line);
  border-radius: 2px;
  box-shadow: none;
}
body.storefront-clean :is(.contact-sidebar .info-card h3,.quote-sidebar .info-card h3,.cr-info-card h3) { color: var(--mh-navy); border-color: var(--mh-line); }
body.storefront-clean :is(.contact-sidebar .info-row .detail a,.quote-sidebar .info-row .detail a,
  .contact-sidebar .dept-list a,.quote-sidebar .why-list li::before,.cr-info-row svg) { color: var(--mh-navy); }
body.storefront-clean .contact-sidebar .info-card[style*="background:var(--navy)"],
body.storefront-clean .quote-sidebar .info-card[style*="background:var(--navy)"] {
  background: var(--mh-navy) !important;
  border-color: var(--mh-navy);
  color: #fff;
}
body.storefront-clean .contact-sidebar .info-card[style*="background:var(--navy)"] h3,
body.storefront-clean .quote-sidebar .info-card[style*="background:var(--navy)"] h3 { color: #fff; }
body.storefront-clean .contact-sidebar .info-card[style*="background:var(--navy)"] a,
body.storefront-clean .quote-sidebar .info-card[style*="background:var(--navy)"] a { color: var(--mh-navy); }
body.storefront-clean .cr-digital { background: #f6f7f9; border-color: var(--mh-line); border-radius: 2px; }
body.storefront-clean .btn-outline-blue { color: var(--mh-navy); border-color: var(--mh-navy); border-radius: 3px; }
body.storefront-clean .newsletter-preferences {
  max-width: 760px !important;
  padding: clamp(34px, 6vw, 76px) 24px !important;
  color: var(--mh-text);
}
body.storefront-clean .newsletter-preferences h1 { font-size: clamp(30px, 4vw, 42px); }
body.storefront-clean .newsletter-preferences a { color: var(--mh-navy); }
body.storefront-clean .newsletter-preferences .btn-primary,
body.storefront-clean .newsletter-preferences button[type=submit] {
  background: var(--mh-navy);
  border-color: var(--mh-navy);
  border-radius: 3px;
}

body.storefront-clean :is(button,a,[role=button],input,select,textarea):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--mh-orange) 62%, white);
  outline-offset: 2px;
}
body.storefront-clean :is(button,a,[role=button]):disabled,
body.storefront-clean :is(button,a,[role=button])[aria-disabled=true] {
  opacity: .62;
  cursor: not-allowed;
}

@media (max-width: 900px) {
  body.storefront-clean .co-wrap { grid-template-columns: minmax(0,1fr); gap: 26px; }
  body.storefront-clean .co-sidebar { position: static; }
  body.storefront-clean .co-sidebar { order: 2; }
  body.storefront-clean .signin-panels { flex-direction: column; max-width: 620px; }
  body.storefront-clean .signin-panel { width: 100%; }
  body.storefront-clean :is(.contact-body,.quote-body,.cr-body) { grid-template-columns: minmax(0,1fr); gap: 32px; }
}
@media (max-width: 600px) {
  body.storefront-clean :is(.cart-wrap,.signin-wrap,.setup-wrap,.page-wrap,.oc-wrap,.shared-wrap) {
    padding: 24px 16px 40px;
  }
  body.storefront-clean .cart-heading-row { align-items: flex-start; }
  body.storefront-clean .cart-summary-col { width: 100%; }
  body.storefront-clean .summary-card { position: static; }
  body.storefront-clean .cart-tbl tbody tr { grid-template-columns: 64px minmax(0,1fr); gap: 7px 12px; }
  body.storefront-clean .co-page-head { padding: 22px 16px 0; }
  body.storefront-clean .co-wrap { padding: 18px 16px 42px; gap: 22px; }
  body.storefront-clean .co-sidebar { order: 0; }
  body.storefront-clean .co-section { padding: 22px 0; }
  body.storefront-clean .co-form-grid { grid-template-columns: minmax(0,1fr); }
  body.storefront-clean .co-form-grid .full { grid-column: 1; }
  body.storefront-clean .co-fg :is(input,select,textarea) { min-height: 44px; font-size: 16px; }
  body.storefront-clean .co-summary-box { padding: 18px; }
  body.storefront-clean :is(.contact-body,.quote-body,.cr-body) { padding: 28px 16px 38px; }
  body.storefront-clean :is(.contact-hero,.quote-hero,.cr-hero) { padding: 32px 0 22px; }
  body.storefront-clean :is(.contact-hero-inner,.quote-hero-inner,.cr-hero-inner,.breadcrumb) { padding-left: 16px; padding-right: 16px; }
  body.storefront-clean :is(.contact-hero h1,.quote-hero h1,.cr-hero h1) {
    font-size: clamp(32px, 8vw, 38px);
    margin-bottom: 12px;
  }
  body.storefront-clean :is(.contact-hero p,.quote-hero p,.cr-hero p) { font-size: 14px; }
  body.storefront-clean :is(.form-row,.signin-panels) { grid-template-columns: minmax(0,1fr); }
  body.storefront-clean .form-group :is(input,select,textarea) { min-height: 44px; font-size: 16px; }
  body.storefront-clean .page-wrap table { display: block; overflow-x: auto; max-width: 100%; }
  body.storefront-clean .page-wrap form { padding: 20px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.storefront-clean *, body.storefront-clean *::before, body.storefront-clean *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}