/* Editorial and informational storefront pages. Keep this layer public-only:
   transaction, catalog, admin, and email interfaces have their own owners. */
body.storefront-clean {
  --mh-content-navy: var(--mh-navy, #24397e);
  --mh-content-text: var(--mh-text, #4c4d57);
  --mh-content-orange: var(--mh-orange, #ff5c00);
  --mh-content-muted: #747783;
  --mh-content-line: #e7e8eb;
  --mh-content-soft: #f5f6f7;
  color: var(--mh-content-text);
  font-family: "DM Sans", var(--mh-font-body, sans-serif);
}

body.storefront-clean :is(
  .page-wrap,
  .resources-page,
  .guides-page,
  .viktor-guide,
  .fc-page,
  .editorial-page,
  .solution-page,
  .knowledge-page
) {
  box-sizing: border-box;
}

body.storefront-clean :is(.page-wrap, .resources-page, .guides-page) {
  width: min(100%, 1500px);
  margin-inline: auto;
  padding-inline: clamp(18px, 4vw, 68px) !important;
}

body.storefront-clean .page-wrap {
  padding-block: clamp(32px, 5vw, 72px) !important;
}

body.storefront-clean :is(.breadcrumb, .fc-breadcrumb, .editorial-breadcrumb, .viktor-guide__crumb) {
  color: var(--mh-content-muted);
  font-family: "DM Sans", var(--mh-font-body, sans-serif);
  font-size: 0.8125rem;
  line-height: 1.6;
}

body.storefront-clean :is(.breadcrumb a, .fc-breadcrumb a, .editorial-breadcrumb a, .viktor-guide__crumb a) {
  color: var(--mh-content-navy);
  text-underline-offset: 3px;
}

body.storefront-clean :is(.breadcrumb a:hover, .fc-breadcrumb a:hover, .editorial-breadcrumb a:hover, .viktor-guide__crumb a:hover) {
  color: var(--mh-content-orange);
}

body.storefront-clean :is(.page-title, .page-wrap .page-title) {
  max-width: 900px;
  margin: 0 0 12px;
  color: var(--mh-content-navy);
  font-family: "DM Sans", var(--mh-font-body, sans-serif);
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 750;
  letter-spacing: -0.055em;
  line-height: 1.08;
}

body.storefront-clean :is(.page-subtitle, .page-wrap .page-subtitle) {
  max-width: 760px;
  margin: 0 0 36px;
  color: var(--mh-content-text);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  line-height: 1.7;
}

/* Editorial text stays legible across legal pages, buying guides, and policy copy. */
body.storefront-clean .page-wrap .content {
  max-width: 850px;
  color: var(--mh-content-text);
  font-size: 1rem;
  line-height: 1.8;
  overflow-wrap: anywhere;
}

body.storefront-clean .page-wrap .content :is(h2, h3, h4) {
  color: var(--mh-content-navy);
  font-family: "DM Sans", var(--mh-font-body, sans-serif);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.25;
}

body.storefront-clean .page-wrap .content h2 {
  margin: 36px 0 12px;
  font-size: clamp(1.3rem, 2vw, 1.65rem);
}

body.storefront-clean .page-wrap .content h3 {
  margin: 26px 0 10px;
  font-size: 1.17rem;
}

body.storefront-clean .page-wrap .content p {
  margin: 0 0 16px;
}

body.storefront-clean .page-wrap .content :is(ul, ol) {
  margin: 10px 0 20px;
  padding-inline-start: 1.5rem;
}

body.storefront-clean .page-wrap .content li {
  margin-block: 6px;
  padding-inline-start: 0.2rem;
}

body.storefront-clean .page-wrap .content a {
  color: var(--mh-content-navy);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

body.storefront-clean .page-wrap .content :is(img, iframe, video) {
  max-width: 100%;
}

body.storefront-clean .page-wrap .content :is(table, pre) {
  max-width: 100%;
  overflow-x: auto;
}

/* Long-form buying guides retain a quiet reading column, not a raised promo card. */
body.storefront-clean .viktor-guide {
  width: min(100%, 1500px);
  margin: 0 auto;
  padding: 24px clamp(18px, 4vw, 68px) 76px;
  color: var(--mh-content-text);
}

body.storefront-clean .viktor-guide__article {
  max-width: 880px;
  margin-inline: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

body.storefront-clean .viktor-guide__eyebrow {
  margin-bottom: 12px;
  color: var(--mh-content-muted);
  font-size: 0.76rem;
  font-weight: 650;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body.storefront-clean .viktor-guide h1 {
  max-width: 850px;
  margin: 0 0 22px;
  color: var(--mh-content-navy);
  font-size: clamp(2rem, 4.4vw, 3.5rem);
  font-weight: 750;
  letter-spacing: -0.055em;
  line-height: 1.08;
}

body.storefront-clean .viktor-guide__body {
  color: var(--mh-content-text);
  font-size: 1.04rem;
  line-height: 1.8;
}

body.storefront-clean .viktor-guide__body :is(h2, h3, h4) {
  color: var(--mh-content-navy);
  letter-spacing: -0.03em;
  line-height: 1.3;
}

body.storefront-clean .viktor-guide__body h2 { margin-top: 38px; font-size: 1.65rem; }
body.storefront-clean .viktor-guide__body h3 { margin-top: 30px; font-size: 1.3rem; }
body.storefront-clean .viktor-guide__body p { margin: 0 0 17px; }
body.storefront-clean .viktor-guide__body li { margin-block: 7px; }

/* Eleven editorial buying guides use .guide-wrap rather than .viktor-guide. */
body.storefront-clean .guide-wrap {
  width: min(100%, 1500px);
  margin-inline: auto;
  padding: 0 clamp(18px, 4vw, 68px) 72px;
  box-sizing: border-box;
  color: var(--mh-content-text);
  font-family: "DM Sans", var(--mh-font-body, sans-serif);
}

body.storefront-clean .guide-wrap .guide-breadcrumb { padding-block: 18px 24px; color: var(--mh-content-muted); }
body.storefront-clean .guide-wrap .guide-breadcrumb a { color: var(--mh-content-navy); }

body.storefront-clean .guide-wrap .guide-hero {
  position: relative;
  overflow: hidden;
  margin: 0 0 42px;
  padding: clamp(30px, 5vw, 64px) 0;
  border: 0;
  border-bottom: 1px solid var(--mh-content-line);
  border-radius: 0;
  background: #fff;
  color: var(--mh-content-text);
  box-shadow: none;
}

body.storefront-clean .guide-wrap .guide-hero::before,
body.storefront-clean .guide-wrap .guide-hero::after { display: none; }

body.storefront-clean .guide-wrap .guide-hero h1 {
  position: relative;
  max-width: 1000px;
  margin: 0 0 16px;
  color: var(--mh-content-navy);
  font-size: clamp(2.25rem, 5.3vw, 4rem);
  font-weight: 750;
  letter-spacing: -0.055em;
  line-height: 1.06;
  overflow-wrap: anywhere;
}

body.storefront-clean .guide-wrap .guide-lead {
  position: relative;
  max-width: 850px;
  margin: 0 0 26px;
  color: var(--mh-content-text);
  font-size: clamp(1rem, 1.6vw, 1.125rem);
  line-height: 1.75;
  overflow-wrap: anywhere;
}

body.storefront-clean .guide-wrap .guide-cta-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.storefront-clean .guide-wrap .guide-cta-bar :is(.guide-cta-primary, .guide-cta-secondary),
body.storefront-clean .guide-wrap .guide-cta-bar :is(.guide-cta-primary, .guide-cta-secondary):is(:hover, :focus-visible) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  max-width: 100%;
  padding: 10px 18px;
  border: 1px solid var(--mh-content-navy);
  border-radius: 3px;
  background: var(--mh-content-navy);
  color: #fff;
  box-shadow: none;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  backdrop-filter: none;
}

body.storefront-clean .guide-wrap .guide-cta-bar .guide-cta-secondary,
body.storefront-clean .guide-wrap .guide-cta-bar .guide-cta-secondary:is(:hover, :focus-visible) {
  background: #fff;
  color: var(--mh-content-navy);
}

body.storefront-clean .guide-wrap .guide-cta-bar .guide-cta-primary:is(:hover, :focus-visible) {
  border-color: #1d2e66;
  background: #1d2e66;
  color: #fff;
}

body.storefront-clean .guide-wrap .guide-cta-bar .guide-cta-secondary:is(:hover, :focus-visible) {
  border-color: var(--mh-content-orange);
  color: var(--mh-content-orange);
}

body.storefront-clean .guide-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
  align-items: start;
  gap: clamp(24px, 4vw, 48px);
  max-width: 1240px;
  margin-inline: auto;
}

body.storefront-clean .guide-main {
  min-width: 0;
  padding: clamp(20px, 3.5vw, 38px);
  border: 1px solid var(--mh-content-line);
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
  color: var(--mh-content-text);
  overflow-wrap: anywhere;
}

body.storefront-clean .guide-main :is(h2, h3) {
  color: var(--mh-content-navy);
  letter-spacing: -0.035em;
}

body.storefront-clean .guide-main h2 {
  margin: 34px 0 14px;
  padding: 0 0 0 12px;
  border-left: 3px solid var(--mh-content-navy);
  font-size: clamp(1.25rem, 2.1vw, 1.6rem);
  line-height: 1.32;
}

body.storefront-clean .guide-main h3 { font-size: 1.08rem; line-height: 1.4; }
body.storefront-clean .guide-main :is(p, ul, ol, li, .guide-faq .faq-ans) { color: var(--mh-content-text); line-height: 1.8; }
body.storefront-clean .guide-main :is(p, ul, ol) { overflow-wrap: anywhere; }
body.storefront-clean .guide-main a,
body.storefront-clean .guide-wrap :is(.guide-product-see-all, .guide-sidebar-box ul li a, .guide-related-card span) {
  color: var(--mh-content-navy);
  text-underline-offset: 3px;
}

body.storefront-clean .guide-fact { border: 1px solid var(--mh-content-line); border-radius: 2px; background: #fff; }
body.storefront-clean :is(.guide-fact-val, .guide-fact-label) { color: var(--mh-content-navy); }
body.storefront-clean .guide-table { border-radius: 0; overflow-wrap: anywhere; }
body.storefront-clean .guide-table th { background: var(--mh-content-navy); color: #fff; }
body.storefront-clean .guide-table td { border-color: var(--mh-content-line); color: var(--mh-content-text); }
body.storefront-clean .guide-table tr:nth-child(even) td { background: #f7f8fa; }
body.storefront-clean .guide-faq details { border-color: var(--mh-content-line); }
body.storefront-clean .guide-faq summary, body.storefront-clean .guide-faq summary::after { color: var(--mh-content-navy); }

body.storefront-clean .guide-product-section,
body.storefront-clean .guide-product-section-header,
body.storefront-clean .guide-product-card { min-width: 0; }

body.storefront-clean .guide-product-heading { color: var(--mh-content-navy); border-color: var(--mh-content-navy); }

body.storefront-clean .guide-product-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body.storefront-clean .guide-product-card {
  overflow-wrap: anywhere;
  border: 0;
  border-bottom: 1px solid var(--mh-content-line);
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

body.storefront-clean .guide-product-card:hover {
  border-color: var(--mh-content-line);
  background: #fff;
  box-shadow: none;
  transform: translateY(-2px);
}

body.storefront-clean .guide-product-img-wrap { height: clamp(112px, 14vw, 164px); background: #fff; }
body.storefront-clean .guide-product-img-wrap img { max-width: 100%; object-fit: contain; }
body.storefront-clean .guide-product-name { color: var(--mh-content-navy); overflow-wrap: anywhere; }
body.storefront-clean .guide-product-price { color: var(--mh-content-navy); }
body.storefront-clean .guide-product-cta, body.storefront-clean .guide-product-cta:hover {
  border-radius: 3px;
  background: var(--mh-content-navy);
  color: #fff;
}

body.storefront-clean .guide-product-no-img { color: transparent; font-size: 0; }
body.storefront-clean .guide-product-no-img::before {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1.5px solid var(--mh-content-navy);
  border-radius: 2px;
  content: "";
}

body.storefront-clean .guide-sidebar { position: sticky; top: 24px; min-width: 0; }

body.storefront-clean .guide-sidebar-box,
body.storefront-clean .guide-related {
  border: 1px solid var(--mh-content-line);
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
}

body.storefront-clean .guide-sidebar-box :is(h4, li a),
body.storefront-clean .guide-related h3 { color: var(--mh-content-navy); }

body.storefront-clean .guide-sidebar-cta {
  border: 1px solid var(--mh-content-line);
  border-radius: 2px;
  background: var(--mh-content-soft);
  color: var(--mh-content-navy);
  text-align: left;
}

body.storefront-clean .guide-sidebar-cta :is(h4, p) { color: var(--mh-content-text); }
body.storefront-clean .guide-sidebar-cta a,
body.storefront-clean .guide-sidebar-cta a:hover {
  border-radius: 3px;
  background: var(--mh-content-navy);
  color: #fff;
  text-align: center;
}

body.storefront-clean .guide-related-card,
body.storefront-clean .guide-related-card:hover {
  min-width: 0;
  border: 0;
  border-bottom: 1px solid var(--mh-content-line);
  border-radius: 0;
  background: #fff;
  color: var(--mh-content-text);
  box-shadow: none;
}

body.storefront-clean .guide-related-card small { color: var(--mh-content-text); overflow-wrap: anywhere; }

body.storefront-clean .guide-callout {
  border: 1px solid var(--mh-content-line);
  border-left: 3px solid var(--mh-content-navy);
  border-radius: 2px;
  background: var(--mh-content-soft);
  color: var(--mh-content-text);
}

body.storefront-clean .guide-callout strong { color: var(--mh-content-navy); }

/* Guide and resource collections: equal, unframed white tiles with aligned copy. */
body.storefront-clean .resources-page {
  padding-bottom: 70px !important;
}

body.storefront-clean .resources-page .resources-hero,
body.storefront-clean .guides-page .guides-page-hero {
  position: relative;
  margin: 22px 0 46px;
  padding: clamp(25px, 5vw, 58px) 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  color: var(--mh-content-text);
}

body.storefront-clean .resources-page :is(.resources-hero h1, .resources-hero p),
body.storefront-clean .guides-page .guides-page-hero :is(h1, p) {
  max-width: 840px;
  color: var(--mh-content-text);
}

body.storefront-clean .resources-page .resources-hero h1,
body.storefront-clean .guides-page .guides-page-hero h1 {
  margin: 0 0 14px;
  color: var(--mh-content-navy);
  font-size: clamp(2.25rem, 5.5vw, 4rem);
  font-weight: 750;
  letter-spacing: -0.055em;
  line-height: 1.06;
}

body.storefront-clean .resources-page .resources-hero p,
body.storefront-clean .guides-page .guides-page-hero p {
  max-width: 760px;
  font-size: 1.05rem;
  line-height: 1.75;
}

body.storefront-clean .resources-page :is(.resources-section, .resources-links) {
  margin-block: 36px;
}

body.storefront-clean .resources-page .resources-section h2,
body.storefront-clean .guides-page .guides-section-label {
  margin: 0 0 20px;
  color: var(--mh-content-navy);
  font-size: clamp(1.35rem, 2.4vw, 1.8rem);
  font-weight: 700;
  letter-spacing: -0.035em;
}

body.storefront-clean .resources-page .resources-grid,
body.storefront-clean .guides-page .guides-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px 22px;
}

body.storefront-clean .resources-page .resource-card,
body.storefront-clean .guides-page .guide-card {
  min-width: 0;
  min-height: 0;
  overflow-wrap: anywhere;
  padding: 22px 0;
  border: 0;
  border-bottom: 1px solid var(--mh-content-line);
  border-radius: 0;
  background: #fff;
  color: var(--mh-content-text);
  box-shadow: none;
  transition: transform 180ms ease;
}

body.storefront-clean .resources-page .resource-card:hover,
body.storefront-clean .guides-page .guide-card:hover {
  border-color: var(--mh-content-line);
  background: #fff;
  box-shadow: none;
  transform: translateY(-2px);
}

body.storefront-clean .resources-page .resource-card h3,
body.storefront-clean .guides-page .guide-card-title {
  color: var(--mh-content-navy);
  font-size: 1.12rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.4;
}

body.storefront-clean .resources-page .resource-card p,
body.storefront-clean .guides-page .guide-card-desc {
  color: var(--mh-content-text);
  font-size: 0.94rem;
  line-height: 1.65;
}

body.storefront-clean .resources-page .resource-card span,
body.storefront-clean .guides-page .guide-card-link {
  color: var(--mh-content-navy);
}

body.storefront-clean .resources-page .resources-link,
body.storefront-clean .resources-page .resources-link:hover {
  min-height: 68px;
  border: 0;
  border-bottom: 1px solid var(--mh-content-line);
  border-radius: 0;
  background: #fff;
  color: var(--mh-content-navy);
  box-shadow: none;
}

body.storefront-clean .resources-page .resources-link small {
  color: var(--mh-content-text);
}

body.storefront-clean .resources-page .resources-cta,
body.storefront-clean .guides-page .guides-resources {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-top: 48px;
  padding: clamp(22px, 4vw, 38px);
  border: 1px solid var(--mh-content-line);
  border-radius: 0;
  background: var(--mh-content-soft);
}

body.storefront-clean .resources-page .resources-cta :is(strong, p, a),
body.storefront-clean .guides-page .guides-resources :is(h2, p) {
  color: var(--mh-content-navy);
}

body.storefront-clean .resources-page .resources-cta a,
body.storefront-clean .guides-page .guides-resources-links .btn-primary-white,
body.storefront-clean .guides-page .guides-resources-links .btn-outline-white {
  flex: 0 0 auto;
  border: 1px solid var(--mh-content-navy);
  border-radius: 3px;
  background: var(--mh-content-navy);
  color: #fff;
}

body.storefront-clean .guides-page .guide-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-bottom: 14px;
  border: 1px solid var(--mh-content-line);
  border-radius: 50%;
  background: #fff;
  font-size: 0;
}

body.storefront-clean .guides-page .guide-card-icon::before {
  width: 12px;
  height: 12px;
  border: 1.5px solid var(--mh-content-navy);
  border-radius: 2px;
  content: "";
}

body.storefront-clean .guide-cta-secondary {
  font-size: 0;
}

body.storefront-clean .guide-cta-secondary::before {
  color: inherit;
  content: "Call 1-800-326-4403";
  font-size: 0.9rem;
}

body.storefront-clean .pt-icon {
  color: transparent;
  font-size: 0;
}

body.storefront-clean .pt-icon::before {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1.5px solid currentColor;
  border-color: var(--mh-content-navy);
  border-radius: 50%;
  content: "";
}

body.storefront-clean .guides-page .guides-resources-links a.btn-outline-white {
  font-size: 0;
  text-align: center;
}

body.storefront-clean .guides-page .guides-resources-links a.btn-outline-white::before {
  content: "1-800-326-4403";
  font-size: 0.9rem;
}

body.storefront-clean .resources-page .resources-cta a:hover,
body.storefront-clean .guides-page .guides-resources-links a:hover {
  border-color: var(--mh-content-orange);
  background: var(--mh-content-orange);
  color: #fff;
}

/* Keep the existing FAQ disclosure and its JavaScript untouched. */
body.storefront-clean .faq-section {
  max-width: 920px;
  margin: 38px 0;
}

body.storefront-clean .faq-section h2 {
  margin: 0 0 16px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--mh-content-line);
  color: var(--mh-content-navy);
  font-size: 1.35rem;
  letter-spacing: -0.025em;
}

body.storefront-clean .faq-q {
  min-height: 52px;
  align-items: center;
  gap: 16px;
  padding: 14px 0;
  border: 0;
  border-bottom: 1px solid var(--mh-content-line);
  border-radius: 0;
  background: #fff;
  color: var(--mh-content-navy);
  font-size: 1rem;
  line-height: 1.5;
}

body.storefront-clean .faq-q:hover,
body.storefront-clean .faq-q.open {
  border-color: var(--mh-content-line);
  background: #fff;
  color: var(--mh-content-navy);
}

body.storefront-clean .faq-q .arrow {
  color: var(--mh-content-muted);
}

body.storefront-clean .faq-a,
body.storefront-clean .faq-a.open {
  margin: 0;
  padding: 16px 20px 20px;
  border: 0;
  border-bottom: 1px solid var(--mh-content-line);
  border-radius: 0;
  background: #fff;
  color: var(--mh-content-text);
  font-size: 0.97rem;
  line-height: 1.8;
}

body.storefront-clean .faq-a a {
  color: var(--mh-content-navy);
  text-underline-offset: 3px;
}

body.storefront-clean .faq-contact {
  max-width: 920px;
  margin-top: 44px;
  padding: 30px 0;
  border: 0;
  border-top: 1px solid var(--mh-content-line);
  border-radius: 0;
  background: #fff;
  text-align: left;
}

body.storefront-clean .faq-contact .btn {
  border-radius: 3px;
  background: var(--mh-content-orange);
}

/* Locations, customer testimonials, careers, and business information. */
body.storefront-clean :is(.loc-list, .benefits-grid, .brands-grid, .sitemap-grid) {
  gap: 20px;
}

body.storefront-clean .loc-card {
  border-color: var(--mh-content-line);
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
}

body.storefront-clean .testimonial {
  padding: 24px 0;
  border: 0;
  border-bottom: 1px solid var(--mh-content-line);
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

body.storefront-clean :is(.testimonial .quote, .careers-quote) {
  color: var(--mh-content-text);
  line-height: 1.75;
}

body.storefront-clean :is(.testimonial .author, .sitemap-col h2) {
  color: var(--mh-content-navy);
}

body.storefront-clean .sitemap-col {
  min-width: 0;
  padding: 0 0 18px;
  border-bottom: 1px solid var(--mh-content-line);
  background: #fff;
}

body.storefront-clean .sitemap-col a {
  color: var(--mh-content-navy);
  overflow-wrap: anywhere;
  text-underline-offset: 3px;
}

body.storefront-clean :is(.benefit-card, .dept-card) {
  border: 0;
  border-bottom: 1px solid var(--mh-content-line);
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

body.storefront-clean :is(.benefit-card h2, .dept-card h2) {
  color: var(--mh-content-navy);
}

/* Image-led editorial hero panels keep readable white type on their real imagery. */
body.storefront-clean :is(.about-hero, .careers-hero, .dist-hero, .knowledge-hero) {
  overflow: hidden;
  border-radius: 0;
}

body.storefront-clean :is(.about-hero, .careers-hero, .dist-hero) :is(h1, h2, h3, p, .about-eyebrow, .careers-eyebrow, .dist-eyebrow) {
  color: #fff;
}

body.storefront-clean :is(.about-hero, .careers-hero, .dist-hero) :is(.btn-white, .btn-outline-white) {
  border-radius: 3px;
}

body.storefront-clean :is(.about-hero, .careers-hero, .dist-hero) .btn-white {
  background: #fff;
  color: var(--mh-content-navy);
}

body.storefront-clean :is(.about-hero, .careers-hero, .dist-hero) .btn-outline-white {
  border: 1px solid rgba(255, 255, 255, 0.75);
  background: transparent;
  color: #fff;
}

body.storefront-clean .cta-band {
  border: 1px solid var(--mh-content-line);
  border-radius: 0;
  background: var(--mh-content-soft);
  box-shadow: none;
}

body.storefront-clean .cta-band :is(h2, h3, p) {
  color: var(--mh-content-navy);
}

body.storefront-clean :is(.cta-band .btn-yellow, .cta-band .btn-navy, .cta-band .btn-primary) {
  border-radius: 3px;
  background: var(--mh-content-orange);
  color: #fff;
}

body.storefront-clean :is(.cta-band .btn-yellow, .cta-band .btn-navy, .cta-band .btn-primary):hover {
  background: #e65300;
}

body.storefront-clean .app-form {
  border: 1px solid var(--mh-content-line);
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
}

body.storefront-clean .app-form :is(input, select, textarea) {
  max-width: 100%;
  border-color: #c9cbd1;
  border-radius: 2px;
}

body.storefront-clean :is(.sec.alt, .cta-strip) {
  background: #fff;
}

body.storefront-clean :is(.sec-title, .svc-hub-hero h1, .cta-strip h2, .svc-card h2) {
  color: var(--mh-content-navy);
  font-weight: 750;
  letter-spacing: -0.045em;
}

body.storefront-clean .sec-title {
  font-size: clamp(1.8rem, 3.5vw, 2.65rem);
  line-height: 1.15;
}

body.storefront-clean :is(.sec-sub, .svc-hub-hero p, .cta-strip p) {
  max-width: 720px;
  color: var(--mh-content-text);
  line-height: 1.75;
}

body.storefront-clean .svc-hub-hero {
  background: #fff;
  color: var(--mh-content-text);
}

body.storefront-clean .svc-hub-hero-inner {
  max-width: 1500px;
  margin-inline: auto;
  padding-inline: clamp(18px, 4vw, 68px);
}

body.storefront-clean .svc-hub-eyebrow {
  color: var(--mh-content-muted);
}

body.storefront-clean .svc-hub-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px;
  max-width: 1500px;
  margin: 14px auto 56px;
  padding-inline: clamp(18px, 4vw, 68px);
}

body.storefront-clean .svc-card {
  min-width: 0;
  overflow: visible;
  border: 0;
  border-bottom: 1px solid var(--mh-content-line);
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  color: var(--mh-content-text);
  transition: transform 180ms ease;
}

body.storefront-clean .svc-card:hover {
  background: #fff;
  box-shadow: none;
  transform: translateY(-2px);
}

body.storefront-clean .svc-card-top,
body.storefront-clean .svc-card-body {
  background: #fff;
  color: var(--mh-content-text);
}

body.storefront-clean .svc-card-top {
  padding: 25px 28px 20px;
}

body.storefront-clean .svc-card-icon {
  border: 1px solid var(--mh-content-line);
  border-radius: 50%;
  background: #fff;
}

body.storefront-clean .svc-card-icon svg {
  stroke: var(--mh-content-navy);
}

body.storefront-clean .svc-card h2 {
  font-size: 1.35rem;
  line-height: 1.3;
}

body.storefront-clean .svc-card-top p {
  color: var(--mh-content-text);
  line-height: 1.7;
}

body.storefront-clean .svc-card-body {
  padding: 8px 28px 25px;
}

body.storefront-clean .svc-card-features li {
  border-color: var(--mh-content-line);
  color: var(--mh-content-text);
  font-size: 0.92rem;
}

body.storefront-clean .svc-card-features li::before {
  width: 8px;
  height: 8px;
  margin: 6px 5px 0;
  border-radius: 50%;
  background: var(--mh-content-navy);
  background-image: none;
}

body.storefront-clean .svc-card-link,
body.storefront-clean .btn-navy,
body.storefront-clean .btn-outline {
  border-radius: 3px;
}

body.storefront-clean .svc-card-link,
body.storefront-clean .btn-navy {
  background: var(--mh-content-navy);
  color: #fff;
}

body.storefront-clean .svc-card-link:hover,
body.storefront-clean .btn-navy:hover {
  background: #1d2e66;
}

body.storefront-clean .btn-outline {
  border-color: var(--mh-content-navy);
  color: var(--mh-content-navy);
}

body.storefront-clean .btn-outline:hover {
  background: var(--mh-content-navy);
  color: #fff;
}

body.storefront-clean .cta-strip {
  border-top: 1px solid var(--mh-content-line);
}

body.storefront-clean :is(.value-card, .sol-card, .why-row) {
  border-color: var(--mh-content-line);
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
}

body.storefront-clean :is(.value-card .icon, .why-row .check) {
  border: 1px solid var(--mh-content-line);
  border-radius: 50%;
  background: #fff;
}

body.storefront-clean .timeline::before {
  background: var(--mh-content-line);
}

body.storefront-clean .tl-dot {
  border-color: #fff;
  background: var(--mh-content-navy);
}

body.storefront-clean .inner {
  max-width: 1500px;
  padding-inline: clamp(18px, 4vw, 68px);
}

body.storefront-clean :is(.fc-page, .solution-page) {
  width: min(100%, 1500px);
  margin-inline: auto;
  padding-inline: clamp(18px, 4vw, 68px);
}

body.storefront-clean :is(.fc-breadcrumb, .fc-wrap) {
  min-width: 0;
}

body.storefront-clean .fc-wrap {
  max-width: none;
}

body.storefront-clean :is(.fc-section, .fc-calculator-section) {
  margin-block: 16px;
  padding-block: clamp(24px, 4vw, 44px);
}

body.storefront-clean :is(.fc-section-title h2, .fc-calculator-heading h2) {
  color: var(--mh-content-navy);
  font-size: clamp(1.45rem, 2.5vw, 2.15rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.2;
}

body.storefront-clean :is(.fc-section-title p, .fc-intro p, .fc-calculator-subtitle) {
  max-width: 820px;
  color: var(--mh-content-text);
  font-size: 1rem;
  line-height: 1.75;
}

body.storefront-clean :is(.fc-category-card, .fc-product-card, .fc-resource-grid > a) {
  border-color: var(--mh-content-line);
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

body.storefront-clean :is(.fc-category-card h3, .fc-product-card h3, .fc-resource-grid h3) {
  color: var(--mh-content-navy);
}

body.storefront-clean :is(.fc-category-image, .fc-product-photo, .fc-category-card img) {
  background-color: #fff;
}

body.storefront-clean :is(.fc-product-link, .fc-primary-button) {
  border-radius: 3px;
  background: var(--mh-content-navy);
  color: #fff;
}

body.storefront-clean :is(.fc-outline-button, .fc-finder, .fc-calculator) {
  border: 1px solid var(--mh-content-line);
  border-radius: 2px;
  box-shadow: none;
}

body.storefront-clean .fc-comparison thead tr {
  background: var(--mh-content-navy);
}

body.storefront-clean .fc-comparison :is(th, td) {
  overflow-wrap: anywhere;
}

body.storefront-clean .fc-comparison tbody tr:nth-child(even) {
  background: var(--mh-content-soft);
}

body.storefront-clean :is(.solution-page, .fc-page) :is(input, select, textarea, button) {
  font-family: inherit;
}

body.storefront-clean :is(.fc-page, .solution-page) button:disabled,
body.storefront-clean .fc-page :is(input, select, textarea):disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

/* Keep dialogs, forms, and all existing application controls keyboard-visible. */
body.storefront-clean :is(
  .page-wrap,
  .resources-page,
  .guides-page,
  .viktor-guide,
  .faq-contact,
  .fc-page,
  .solution-page,
  .editorial-page
) :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--mh-content-orange);
  outline-offset: 3px;
}

@media (min-width: 1100px) {
  body.storefront-clean :is(.resources-page .resources-grid, .guides-page .guides-grid) {
    column-gap: 32px;
    row-gap: 32px;
  }
}

@media (max-width: 900px) {
  body.storefront-clean :is(.resources-page .resources-grid, .guides-page .guides-grid, .sitemap-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.storefront-clean .svc-hub-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.storefront-clean .knowledge-columns {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }

  body.storefront-clean .knowledge-sidebar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 18px;
  }
}

@media (max-width: 600px) {
  body.storefront-clean :is(.resources-page, .guides-page) {
    padding-inline: 18px !important;
  }

  body.storefront-clean :is(.resources-page .resources-grid, .guides-page .guides-grid, .sitemap-grid, .knowledge-sidebar) {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  body.storefront-clean :is(.resources-page .resources-cta, .guides-page .guides-resources) {
    align-items: flex-start;
    flex-direction: column;
  }

  body.storefront-clean .resources-page .resources-cta a {
    white-space: normal;
  }

  body.storefront-clean .page-wrap .page-subtitle {
    margin-bottom: 26px;
  }

  body.storefront-clean .viktor-guide {
    padding: 18px 18px 48px;
  }

  body.storefront-clean .fc-page,
  body.storefront-clean .solution-page {
    padding-inline: 18px;
  }

  body.storefront-clean .fc-page .fc-table-scroll {
    max-width: calc(100vw - 36px);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  body.storefront-clean .fc-page .fc-calculator,
  body.storefront-clean .fc-page .fc-finder {
    min-width: 0;
    padding: 20px 16px;
  }

  body.storefront-clean .fc-page .fc-calc-form,
  body.storefront-clean .fc-page .fc-roi-form {
    grid-template-columns: minmax(0, 1fr);
  }

  body.storefront-clean .fc-page .fc-calc-form button {
    grid-column: 1;
  }

  body.storefront-clean .resources-page .resources-cta,
  body.storefront-clean .guides-page .guides-resources {
    padding: 20px;
  }
}

@media (max-width: 860px) {
  body.storefront-clean .guide-layout { grid-template-columns: minmax(0, 1fr); }
  body.storefront-clean .guide-sidebar { position: static; }
}

@media (max-width: 560px) {
  body.storefront-clean .guide-wrap { padding: 0 16px 44px; }
  body.storefront-clean .guide-wrap .guide-hero { margin-bottom: 24px; padding-block: 32px; }
  body.storefront-clean .guide-wrap .guide-cta-bar { align-items: stretch; flex-direction: column; }
  body.storefront-clean .guide-wrap .guide-cta-bar a { width: 100%; box-sizing: border-box; }
  body.storefront-clean .guide-main { padding: 20px 16px; }
  body.storefront-clean .guide-table { display: block; max-width: 100%; overflow-x: auto; }
  body.storefront-clean .guide-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  body.storefront-clean .guide-product-section-header { align-items: flex-start; flex-direction: column; gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  body.storefront-clean :is(.resources-page .resource-card, .guides-page .guide-card) {
    transition: none;
  }
}