/* WATZADU utility pages — cohesive mobile polish for Calculator, Articles,
 * About and Contact. Scoped body classes keep desktop and commerce pages intact. */
/* This element is added by the article archive template but becomes a visible
 * editorial section title only inside the mobile media query below. Keeping
 * the default here also protects the desktop view while async CSS is loading. */
body.wzd-articles-page .wzd-mobile-articles-heading { display: none; }

@media screen and (max-width: 768px) {
  body.wzd-calculator-page,
  body.wzd-articles-page,
  body.wzd-about-page,
  body.wzd-contact-page {
    --wzd-mobile-gutter: 16px;
    --wzd-mobile-section: 40px;
    --wzd-mobile-radius: 16px;
    --wzd-mobile-surface: #f8f5ef;
    overflow-x: clip;
    background: #fff;
  }

  body.wzd-calculator-page .wzd-container,
  body.wzd-articles-page .wzd-container,
  body.wzd-about-page .wzd-container,
  body.wzd-contact-page .wzd-container {
    width: 100%;
    max-width: 100%;
    padding-left: var(--wzd-mobile-gutter);
    padding-right: var(--wzd-mobile-gutter);
    box-sizing: border-box;
  }

  /* Shared compact hero */
  body.wzd-calculator-page .wzd-hero,
  body.wzd-articles-page .wzd-hero,
  body.wzd-about-page .wzd-hero,
  body.wzd-contact-page .wzd-hero {
    min-height: 0 !important;
    overflow: hidden;
    border-bottom: 1px solid #eee8e1;
  }

  body.wzd-calculator-page .wzd-hero-inner,
  body.wzd-articles-page .wzd-hero-inner,
  body.wzd-about-page .wzd-hero-inner,
  body.wzd-contact-page .wzd-hero-inner {
    min-height: 0 !important;
    padding: 18px var(--wzd-mobile-gutter) 26px !important;
  }

  body.wzd-calculator-page .wzd-hero-bread,
  body.wzd-articles-page .wzd-hero-bread,
  body.wzd-about-page .wzd-hero-bread,
  body.wzd-contact-page .wzd-hero-bread {
    margin: 0 0 12px;
    font-size: 12px;
  }

  body.wzd-calculator-page .wzd-hero-eyebrow,
  body.wzd-articles-page .wzd-hero-eyebrow,
  body.wzd-about-page .wzd-hero-eyebrow,
  body.wzd-contact-page .wzd-hero-eyebrow {
    margin: 0 0 10px;
    padding: 5px 10px;
    font-size: 11.5px;
    line-height: 1.2;
    letter-spacing: .01em;
  }

  body.wzd-calculator-page .wzd-hero-title,
  body.wzd-articles-page .wzd-hero-title,
  body.wzd-about-page .wzd-hero-title,
  body.wzd-contact-page .wzd-hero-title {
    max-width: 100%;
    margin: 0 0 10px !important;
    font-size: clamp(27px, 8vw, 34px) !important;
    line-height: 1.14 !important;
    letter-spacing: -.035em !important;
    text-wrap: balance;
  }

  body.wzd-calculator-page .wzd-hero-sub,
  body.wzd-articles-page .wzd-hero-sub,
  body.wzd-about-page .wzd-hero-sub,
  body.wzd-contact-page .wzd-hero-sub {
    max-width: 42rem;
    margin: 0 0 18px !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: #68686d;
  }

  body.wzd-calculator-page .wzd-hero-ctas,
  body.wzd-articles-page .wzd-hero-ctas,
  body.wzd-about-page .wzd-hero-ctas,
  body.wzd-contact-page .wzd-hero-ctas {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
  }

  body.wzd-calculator-page .wzd-hero-ctas .wzd-btn,
  body.wzd-articles-page .wzd-hero-ctas .wzd-btn,
  body.wzd-about-page .wzd-hero-ctas .wzd-btn,
  body.wzd-contact-page .wzd-hero-ctas .wzd-btn {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 10px 12px !important;
    justify-content: center;
    font-size: 13.5px !important;
    line-height: 1.25;
    white-space: normal;
    box-sizing: border-box;
  }

  body.wzd-calculator-page .wzd-hero-bg,
  body.wzd-articles-page .wzd-hero-bg,
  body.wzd-about-page .wzd-hero-bg,
  body.wzd-contact-page .wzd-hero-bg,
  body.wzd-calculator-page .wzd-hero-bg-img,
  body.wzd-articles-page .wzd-hero-bg-img,
  body.wzd-about-page .wzd-hero-bg-img,
  body.wzd-contact-page .wzd-hero-bg-img {
    background-position: 66% center;
    object-position: 66% center;
    opacity: .2 !important;
  }

  /* ── Calculator ───────────────────────────────────────────────────── */
  body.wzd-calculator-page .wzd-hero + .wzd-container {
    margin-top: 0 !important;
    padding-top: 16px;
    padding-bottom: 2px;
  }

  body.wzd-calculator-page .wzd-trust-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid #ebe5de;
    border-radius: var(--wzd-mobile-radius);
    background: #fff;
    box-shadow: none;
  }

  body.wzd-calculator-page .wzd-trust-strip > * {
    min-width: 0;
    min-height: 76px;
    padding: 12px !important;
    gap: 9px !important;
    border: 0 !important;
    border-right: 1px solid #eee8e1 !important;
    border-bottom: 1px solid #eee8e1 !important;
  }

  body.wzd-calculator-page .wzd-trust-strip > *:nth-child(2n) { border-right: 0 !important; }
  body.wzd-calculator-page .wzd-trust-strip > *:nth-last-child(-n + 2) { border-bottom: 0 !important; }
  body.wzd-calculator-page .wzd-trust-ic { width: 34px; height: 34px; font-size: 17px; }
  body.wzd-calculator-page .wzd-trust-t { font-size: 12.5px; line-height: 1.35; }
  body.wzd-calculator-page .wzd-trust-d { font-size: 10.5px; line-height: 1.4; }

  body.wzd-calculator-page .wzd-section.wzd-section--white {
    padding-top: 24px !important;
    padding-bottom: 48px !important;
  }

  body.wzd-calculator-page .wdc-howto {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    padding: 0;
    margin: 0 0 24px;
    overflow: hidden;
    border: 1px solid #ebe5de;
    border-radius: var(--wzd-mobile-radius);
    background: var(--wzd-mobile-surface);
  }

  body.wzd-calculator-page .wdc-howto-step {
    min-width: 0;
    min-height: 64px;
    padding: 10px 11px;
    gap: 8px;
    font-size: 11.5px;
    line-height: 1.35;
    border-right: 1px solid #e8e1d9;
    border-bottom: 1px solid #e8e1d9;
  }

  body.wzd-calculator-page .wdc-howto-step:nth-child(2n) { border-right: 0; }
  body.wzd-calculator-page .wdc-howto-step:nth-last-child(-n + 2) { border-bottom: 0; }
  body.wzd-calculator-page .wdc-howto-arr { display: none; }
  body.wzd-calculator-page .wdc-howto-n { width: 25px; height: 25px; font-size: 12px; }

  body.wzd-calculator-page .wdc-block { margin-bottom: 22px; }
  body.wzd-calculator-page .wdc-step-label {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
    color: #2e2e31;
  }

  body.wzd-calculator-page .wdc-search-box,
  body.wzd-calculator-page .wdc-selected-chip {
    min-height: 50px;
    padding: 9px 12px;
    border-width: 1px;
    border-radius: 14px;
  }

  body.wzd-calculator-page .wdc-search-input { font-size: 16px; }
  body.wzd-calculator-page .wdc-selected-chip { border-color: #dfd6cd; }
  body.wzd-calculator-page .wdc-chip-change { min-height: 36px; padding: 7px 12px; }
  body.wzd-calculator-page .wdc-sub-picker { margin: 12px -16px 14px; padding: 0 16px 8px; scrollbar-width: none; }
  body.wzd-calculator-page .wdc-sub-picker::-webkit-scrollbar { display: none; }
  body.wzd-calculator-page .wdc-sub-picker-scroll { gap: 8px; }
  body.wzd-calculator-page .wdc-sv-btn { min-width: 104px; max-width: 116px; padding: 8px; border-radius: 13px; }
  body.wzd-calculator-page .wdc-sv-thumb { width: 46px; height: 46px; }
  body.wzd-calculator-page .wdc-sv-name { font-size: 10.5px; word-break: normal; }

  body.wzd-calculator-page .wdc-cols { flex-direction: column; gap: 4px; }
  body.wzd-calculator-page .wdc-col-inputs { width: 100%; }
  body.wzd-calculator-page .wdc-col-viz { width: 100%; order: initial; position: static; }
  body.wzd-calculator-page .wdc-area-row { gap: 5px; }
  body.wzd-calculator-page .wdc-area-sep { padding-bottom: 13px; font-size: 14px; }
  body.wzd-calculator-page .wdc-sublabel { min-height: 31px; margin-bottom: 4px; font-size: 10.5px; line-height: 1.35; }
  body.wzd-calculator-page .wdc-input,
  body.wzd-calculator-page .wdc-select {
    min-height: 48px;
    padding: 9px 7px;
    border-width: 1px;
    border-radius: 12px;
    font-size: 16px;
  }

  body.wzd-calculator-page .wdc-presets { flex-wrap: nowrap; gap: 6px; margin-top: 10px; overflow-x: auto; scrollbar-width: none; }
  body.wzd-calculator-page .wdc-presets::-webkit-scrollbar { display: none; }
  body.wzd-calculator-page .wdc-presets-lbl { flex: none; }
  body.wzd-calculator-page .wdc-chip { flex: none; min-height: 36px; padding: 7px 11px; font-size: 11px; }
  body.wzd-calculator-page .wdc-toggle-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  body.wzd-calculator-page .wdc-toggle { min-height: 44px; padding: 8px 10px; justify-content: center; font-size: 12px; text-align: center; }
  body.wzd-calculator-page .wdc-pill-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  body.wzd-calculator-page .wdc-pill { min-height: 42px; padding: 7px 4px; border-radius: 11px; font-size: 11.5px; }
  body.wzd-calculator-page .wdc-hint { font-size: 11.5px; line-height: 1.55; }

  body.wzd-calculator-page .wdc-viz-wrap {
    height: auto;
    aspect-ratio: 16 / 9;
    max-height: none;
    border: 1px solid #eee8e1;
    border-radius: var(--wzd-mobile-radius);
    background: #faf8f5;
  }

  body.wzd-calculator-page .wdc-result-box {
    margin-top: 20px;
    padding: 18px 16px;
    border-width: 1px;
    border-radius: var(--wzd-mobile-radius);
    box-shadow: 0 8px 24px rgba(53, 34, 24, .07);
  }

  body.wzd-calculator-page .wdc-result-header { gap: 10px; margin-bottom: 12px; }
  body.wzd-calculator-page .wdc-result-big { font-size: 34px; }
  body.wzd-calculator-page .wdc-result-unit { font-size: 15px; }
  body.wzd-calculator-page .wdc-result-sqm { font-size: 22px; }
  body.wzd-calculator-page .wdc-result-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  body.wzd-calculator-page .wdc-result-item { min-width: 0; padding: 10px; }
  body.wzd-calculator-page .wdc-ri-val { font-size: 15px; line-height: 1.35; }
  body.wzd-calculator-page .wdc-advisory { padding: 12px; }
  body.wzd-calculator-page .wdc-adv-item { padding: 9px 10px; }

  body.wzd-calculator-page .wdc-cta-block { margin-top: 22px; padding-top: 18px; }
  body.wzd-calculator-page .wdc-cta-cat,
  body.wzd-calculator-page .wdc-btn-add,
  body.wzd-calculator-page #wdc-quote-link { min-height: 48px; border-radius: 14px; }
  body.wzd-calculator-page .wdc-faq-wrap,
  body.wzd-calculator-page .wdc-std-wrap { margin-top: 34px; }
  body.wzd-calculator-page .wdc-faq-heading { font-size: 18px; letter-spacing: -.01em; text-transform: none; color: #2e2e31; }
  body.wzd-calculator-page .wdc-faq-item { margin-bottom: 7px; border: 1px solid #ebe5de; background: #fff; }
  body.wzd-calculator-page .wdc-faq-q { min-height: 50px; padding: 12px 14px; font-size: 13px; }
  body.wzd-calculator-page .wdc-std-grid { gap: 10px; }
  body.wzd-calculator-page .wdc-std-card { padding: 16px; border-width: 1px; border-radius: var(--wzd-mobile-radius); }
  body.wzd-calculator-page .wzd-section--ivory { padding-top: 0 !important; padding-bottom: 40px !important; }

  /* ── Article archive ──────────────────────────────────────────────── */
  body.wzd-articles-page .wzd-hero-ctas { display: none; }
  body.wzd-articles-page .wzd-section.wzd-section--white {
    padding-top: 22px !important;
    padding-bottom: 44px !important;
  }

  body.wzd-articles-page .wzd-cat-tabs {
    display: flex;
    flex-wrap: nowrap !important;
    gap: 8px;
    margin: 0 -16px 24px !important;
    padding: 0 16px 6px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  body.wzd-articles-page .wzd-blog-chips {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    margin: 0 -16px 22px;
    padding: 0 16px 6px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  body.wzd-articles-page .wzd-blog-chips::-webkit-scrollbar { display: none; }
  body.wzd-articles-page .wzd-blog-chip {
    flex: 0 0 auto;
    min-width: max-content;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid #e5ddd5;
    border-radius: 999px;
    scroll-snap-align: start;
    font-size: 12.5px;
  }

  body.wzd-articles-page .wzd-feat {
    min-height: 0;
    height: 286px;
    margin-bottom: 14px;
    border-radius: var(--wzd-mobile-radius);
  }

  body.wzd-articles-page .wzd-feat-bg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f7f4ef;
  }

  body.wzd-articles-page .wzd-feat-body { padding: 16px; }
  body.wzd-articles-page .wzd-feat-title { font-size: 19px; line-height: 1.35; }
  body.wzd-articles-page .wzd-feat-excerpt { font-size: 12px; line-height: 1.5; -webkit-line-clamp: 2; }

  body.wzd-articles-page .wzd-cat-tabs::-webkit-scrollbar { display: none; }
  body.wzd-articles-page .wzd-cat-tab {
    flex: 0 0 auto;
    width: auto;
    min-width: max-content;
    min-height: 40px;
    padding: 8px 15px;
    border: 1px solid #e5ddd5;
    border-radius: 999px;
    scroll-snap-align: start;
    font-size: 13px;
  }

  body.wzd-articles-page .wzd-art-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
  body.wzd-articles-page .wzd-art {
    display: grid;
    grid-template-columns: minmax(122px, 42%) minmax(0, 1fr);
    min-height: 164px;
    overflow: hidden;
    border: 1px solid #e7dfd7;
    border-radius: var(--wzd-mobile-radius);
    background: #fff;
    box-shadow: 0 3px 12px rgba(53, 34, 24, .055);
  }

  body.wzd-articles-page .wzd-art-img {
    width: 100%;
    height: 100%;
    min-height: 164px;
    aspect-ratio: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f7f4ef;
  }

  body.wzd-articles-page .wzd-art-img::before { display: none; }
  body.wzd-articles-page .wzd-art-tag { top: 8px; left: 8px; max-width: calc(100% - 16px); padding: 4px 8px; font-size: 9.5px; }
  body.wzd-articles-page .wzd-art-body { min-width: 0; padding: 12px 12px 10px; }
  body.wzd-articles-page .wzd-art-title {
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 1.42;
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  body.wzd-articles-page .wzd-art-excerpt {
    margin: 0 0 8px;
    font-size: 11.5px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  body.wzd-articles-page .wzd-art-meta { gap: 5px; margin-top: auto; padding-top: 8px; font-size: 9.5px; }
  body.wzd-articles-page .wzd-art-meta span { margin-left: 4px !important; font-size: 10.5px !important; }
  body.wzd-articles-page .wzd-pagination { margin-top: 28px !important; gap: 6px; }
  body.wzd-articles-page .wzd-pagination .page-numbers { min-width: 42px; min-height: 42px; }
  body.wzd-articles-page .wzd-section.wzd-section--white .wzd-container > div[style*="margin-top:56px"] { margin-top: 34px !important; }

  /*
   * Mobile article archive — editorial feed.
   *
   * Article covers are authored images and many include their own headline.
   * Keep the artwork complete and place every UI label, title and summary in
   * a separate white reading surface below it; no text may sit on the cover.
   */
  body.wzd-articles-page .wzd-hero {
    background: #fffdf9;
  }

  body.wzd-articles-page .wzd-hero-inner {
    padding-bottom: 24px !important;
  }

  body.wzd-articles-page .wzd-hero-sub {
    margin-bottom: 0 !important;
    color: #66646a;
  }

  body.wzd-articles-page .wzd-section.wzd-section--white {
    padding-top: 18px !important;
    padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.wzd-articles-page .wzd-blog-chips {
    margin-bottom: 24px;
    padding-bottom: 8px;
  }

  body.wzd-articles-page .wzd-blog-chip {
    min-height: 42px;
    padding: 9px 15px;
    background: #fff;
    box-shadow: none;
  }

  /* The scoped white base above is intentionally more specific than the
   * desktop state rule, so repeat the selected state here. Without it the
   * active chip keeps white text on a white background. */
  body.wzd-articles-page .wzd-blog-chip.on {
    background: #8e2521;
    border-color: #8e2521;
    color: #fff;
  }

  body.wzd-articles-page .wzd-blog-chip.on i {
    color: #fff;
  }

  body.wzd-articles-page .wzd-blog-layout {
    display: block;
  }

  body.wzd-articles-page .wzd-blog-layout > aside {
    display: none;
  }

  body.wzd-articles-page .wzd-mobile-articles-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    margin: 2px 0 14px;
  }

  body.wzd-articles-page .wzd-mobile-articles-kicker {
    display: block;
    margin: 0 0 2px;
    color: #8e2521;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.35;
  }

  body.wzd-articles-page .wzd-mobile-articles-heading h2 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    color: #252428;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 1.2;
  }

  body.wzd-articles-page .wzd-mobile-articles-heading h2::before {
    width: 4px;
    height: 24px;
    border-radius: 99px;
    background: #8e2521;
    content: "";
  }

  body.wzd-articles-page .wzd-mobile-articles-status {
    flex: none;
    padding-bottom: 1px;
    color: #8e2521;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.4;
  }

  body.wzd-articles-page .wzd-feat {
    display: flex !important;
    flex-direction: column;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 18px;
    border: 1px solid #e7dfd7;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(53, 34, 24, .065);
  }

  body.wzd-articles-page .wzd-feat:hover {
    transform: none;
    border-color: #e0d5ca;
    box-shadow: 0 5px 18px rgba(53, 34, 24, .065);
  }

  body.wzd-articles-page .wzd-feat-bg {
    position: relative !important;
    inset: auto !important;
    z-index: auto !important;
    width: 100%;
    min-height: 0;
    aspect-ratio: 4 / 3;
    background-color: #f7f4ef;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    transform: none !important;
  }

  body.wzd-articles-page .wzd-feat-scrim {
    display: none !important;
  }

  body.wzd-articles-page .wzd-feat-body {
    position: relative !important;
    z-index: auto !important;
    display: block !important;
    width: 100%;
    max-width: none !important;
    min-height: 0 !important;
    padding: 16px 16px 17px !important;
    background: #fff;
  }

  body.wzd-articles-page .wzd-feat-tag {
    margin: 0 0 9px;
    padding: 5px 10px;
    background: #f8e9e6;
    color: #8e2521 !important;
    font-size: 10.5px;
    line-height: 1.25;
  }

  body.wzd-articles-page .wzd-feat-title {
    margin: 0 0 8px !important;
    color: #252428 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.33 !important;
    letter-spacing: -.018em;
  }

  body.wzd-articles-page .wzd-feat:hover .wzd-feat-title {
    color: #252428 !important;
  }

  body.wzd-articles-page .wzd-feat-excerpt {
    margin: 0 0 12px;
    color: #66646a;
    font-size: 13px;
    line-height: 1.62;
    -webkit-line-clamp: 2;
  }

  body.wzd-articles-page .wzd-feat-meta {
    gap: 7px 12px;
    margin: 0;
    padding-top: 11px;
    border-top: 1px solid #eee8e1;
    font-size: 11px;
  }

  body.wzd-articles-page .wzd-feat-meta-item:first-child {
    display: none;
  }

  body.wzd-articles-page .wzd-feat-cta {
    display: inline-flex;
    margin-top: 13px;
    padding: 0;
    background: transparent;
    box-shadow: none;
    color: #8e2521;
    font-size: 13px;
    line-height: 1.4;
  }

  body.wzd-articles-page .wzd-feat:hover .wzd-feat-cta {
    transform: none;
    background: transparent;
    box-shadow: none;
    color: #6e1c19;
  }

  body.wzd-articles-page .wzd-art-grid[style] {
    grid-template-columns: 1fr !important;
    gap: 14px;
  }

  body.wzd-articles-page .wzd-art {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border: 1px solid #e7dfd7;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(53, 34, 24, .045);
  }

  body.wzd-articles-page .wzd-art:hover {
    transform: none;
    box-shadow: 0 3px 12px rgba(53, 34, 24, .045);
  }

  body.wzd-articles-page .wzd-art-img {
    width: 100%;
    min-height: 0;
    aspect-ratio: 4 / 3 !important;
    border-bottom: 1px solid #eee8e1;
    background-color: #f7f4ef;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
  }

  body.wzd-articles-page .wzd-art-img::before,
  body.wzd-articles-page .wzd-art-tag {
    display: none !important;
  }

  body.wzd-articles-page .wzd-art-body {
    display: flex;
    flex: 1;
    min-width: 0;
    padding: 14px 15px 15px;
  }

  body.wzd-articles-page .wzd-art-title {
    min-height: 0;
    margin: 0 0 7px;
    color: #29282c;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 1.45;
    -webkit-line-clamp: 2;
  }

  body.wzd-articles-page .wzd-art-excerpt {
    min-height: 0;
    margin: 0 0 10px;
    color: #6b686d;
    font-size: 12.5px;
    line-height: 1.58;
    -webkit-line-clamp: 2;
  }

  body.wzd-articles-page .wzd-art-meta {
    gap: 7px 12px;
    margin-top: auto;
    padding-top: 10px;
    font-size: 10.5px;
  }

  body.wzd-articles-page .wzd-art-meta span {
    margin-left: 0 !important;
    font-size: inherit !important;
  }

  body.wzd-articles-page .wzd-pagination {
    margin-top: 28px !important;
  }

  /* ── About ───────────────────────────────────────────────────────── */
  body.wzd-about-page .wzd-section { padding-top: var(--wzd-mobile-section) !important; padding-bottom: var(--wzd-mobile-section) !important; }
  body.wzd-about-page .wzd-section-head--center {
    align-items: flex-start !important;
    text-align: left !important;
    margin-bottom: 22px;
  }
  body.wzd-about-page .wzd-section-title { font-size: 24px; line-height: 1.25; }
  body.wzd-about-page .wzd-section-sub { margin-top: 8px; font-size: 13.5px; line-height: 1.65; }
  body.wzd-about-page .wzd-why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body.wzd-about-page .wdc-about-why .wzd-why { min-width: 0; padding: 14px; border: 1px solid #ece5de; border-radius: 15px; gap: 7px; }
  body.wzd-about-page .wdc-about-why .wzd-why-ic { width: 38px; height: 38px; border-radius: 11px; font-size: 19px; box-shadow: none; }
  body.wzd-about-page .wdc-about-why .wzd-why h4 { font-size: 13px; line-height: 1.4; }
  body.wzd-about-page .wdc-about-why .wzd-why p { font-size: 11.5px; line-height: 1.55; }

  /* Do not compress a comparison or a purchase flow into narrow columns.
     These cards carry the key buying information, so a phone reads them as
     full-width steps rather than 10px side-by-side microcopy. */
  body.wzd-about-page .wdc-compare-grid { grid-template-columns: 1fr; gap: 14px; }
  body.wzd-about-page .wdc-compare-col { min-width: 0; padding: 20px 18px; border-radius: 16px; gap: 14px; }
  body.wzd-about-page .wdc-compare-title { font-size: 19px; }
  body.wzd-about-page .wdc-compare-badge { padding: 5px 10px; font-size: 11px; }
  body.wzd-about-page .wdc-compare-list { gap: 10px; }
  body.wzd-about-page .wdc-compare-list li { gap: 10px; font-size: 14px; line-height: 1.6; }
  body.wzd-about-page .wdc-compare-list li i { width: 22px; height: 22px; font-size: 13px; }
  body.wzd-about-page .wdc-compare-note { margin-top: 14px; padding: 12px 14px; font-size: 12.5px; }

  body.wzd-about-page .wdc-dropship-flow { grid-template-columns: 1fr; gap: 10px; margin-bottom: 20px; }
  body.wzd-about-page .wdc-dropship-step { min-width: 0; min-height: 0; padding: 22px 20px 20px; border: 1px solid #ebe5de; border-radius: 16px; gap: 10px; }
  body.wzd-about-page .wdc-dropship-arrow { display: flex; transform: rotate(90deg); padding: 2px 0; }
  body.wzd-about-page .wdc-dropship-num { top: 12px; right: 14px; width: 28px; height: 28px; font-size: 13px; }
  body.wzd-about-page .wdc-dropship-ic { width: 56px; height: 56px; margin-top: 4px; border-radius:14px; font-size: 28px; box-shadow: none; }
  body.wzd-about-page .wdc-dropship-step h3 { font-size: 17px; }
  body.wzd-about-page .wdc-dropship-step p { max-width: 31ch; font-size: 14px; line-height: 1.6; }
  body.wzd-about-page .wdc-dropship-cta { padding: 22px 20px; border-radius: 16px; gap: 14px; text-align: left; }
  body.wzd-about-page .wdc-dropship-cta > div:first-child { text-align: left; }
  body.wzd-about-page .wdc-dropship-cta strong { font-size: 17px; }
  body.wzd-about-page .wdc-dropship-cta span { font-size: 13.5px; line-height: 1.55; }
  body.wzd-about-page .wdc-dropship-cta .wzd-btn--outline { min-height: 48px; color: #fff !important; border-color: rgba(255,255,255,.8) !important; background: rgba(255,255,255,.12) !important; }

  body.wzd-about-page .wdc-cert-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  body.wzd-about-page .wdc-cert-card { min-width: 0; padding: 13px 6px; border-radius: 14px; }
  body.wzd-about-page .wdc-cert-ic { width: 40px; height: 40px; margin-bottom: 7px; font-size: 20px; }
  body.wzd-about-page .wdc-cert-no { font-size: 10.5px; }
  body.wzd-about-page .wdc-cert-name { font-size: 9.5px; line-height: 1.35; }

  body.wzd-about-page .wdc-about-story-v2 .wdc-story-grid { gap: 18px; }
  body.wzd-about-page .wdc-story-text p { font-size: 13.5px; line-height: 1.75; }
  body.wzd-about-page .wdc-story-mission { gap: 9px; }
  body.wzd-about-page .wdc-mission-item { padding: 14px; border: 1px solid #ece5de; border-radius: 14px; gap: 11px; }
  body.wzd-about-page .wdc-mission-ic { width: 38px; height: 38px; border-radius: 10px; font-size: 19px; box-shadow: none; }
  body.wzd-about-page .wdc-mission-item h3 { font-size: 14px; }
  body.wzd-about-page .wdc-mission-item p { font-size: 12px; line-height: 1.55; }

  /* Expert support: readable compact rows instead of three narrow columns. */
  body.wzd-about-page .wzd-info-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.wzd-about-page .wzd-info {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-areas:
      "icon title"
      "icon description";
    column-gap: 12px;
    row-gap: 3px;
    min-width: 0;
    padding: 14px;
    border: 1px solid #e8e1da;
    border-radius: 14px;
    box-shadow: 0 3px 12px rgba(53, 34, 24, .045);
    align-items: start;
  }

  body.wzd-about-page .wzd-info:hover {
    transform: none;
    box-shadow: 0 3px 12px rgba(53, 34, 24, .045);
  }

  body.wzd-about-page .wzd-info-ic {
    grid-area: icon;
    width: 44px;
    height: 44px;
    margin: 0;
    border-radius: 12px;
    font-size: 21px;
  }

  body.wzd-about-page .wzd-info-t {
    grid-area: title;
    min-width: 0;
    margin: 0;
    font-size: 14.5px;
    line-height: 1.4;
    overflow-wrap: normal;
    word-break: normal;
  }

  body.wzd-about-page .wzd-info-d {
    grid-area: description;
    min-width: 0;
    margin: 0;
    font-size: 12px;
    line-height: 1.55;
    overflow-wrap: normal;
    word-break: normal;
  }

  body.wzd-about-page .wdc-about-cta { padding: 20px 18px; gap: 16px; border-radius: 16px; text-align: left; }
  body.wzd-about-page .wdc-about-cta-info { gap: 7px; justify-content: start; }
  body.wzd-about-page .wdc-about-cta-info div { justify-content: flex-start; min-width: 0; overflow-wrap: anywhere; }
  body.wzd-about-page .wdc-about-cta-text h3 { font-size: 19px; }
  body.wzd-about-page .wdc-about-cta-text p { margin-bottom: 13px; font-size: 13px; }
  body.wzd-about-page .wdc-about-cta-btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  body.wzd-about-page .wdc-about-cta-btns .wzd-btn { min-height: 46px; padding: 10px; justify-content: center; font-size: 13px; }

  /* ── Contact ─────────────────────────────────────────────────────── */
  body.wzd-contact-page .wzd-section { padding-top: 38px !important; padding-bottom: 42px !important; }
  body.wzd-contact-page .wdc-ct-main { gap: 24px; }
  body.wzd-contact-page .wdc-ct-heading { margin-bottom: 16px; }
  body.wzd-contact-page .wdc-ct-heading h2 { margin-bottom: 5px; font-size: 23px; letter-spacing: -.025em; }
  body.wzd-contact-page .wdc-ct-heading p { font-size: 12.5px; line-height: 1.6; }
  body.wzd-contact-page .wdc-ct-channels { overflow: hidden; border: 1px solid #e7dfd7; border-radius: var(--wzd-mobile-radius); box-shadow: 0 4px 16px rgba(53, 34, 24, .055); }
  body.wzd-contact-page .wdc-ct-ch { min-height: 74px; padding: 11px 13px; gap: 11px; }
  body.wzd-contact-page .wdc-ct-ch-ic { width: 40px; height: 40px; font-size: 18px; }
  body.wzd-contact-page .wdc-ct-ch-body { min-width: 0; }
  body.wzd-contact-page .wdc-ct-ch-lbl { font-size: 10.5px; line-height: 1.4; }
  body.wzd-contact-page .wdc-ct-ch-val { max-width: 100%; font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
  body.wzd-contact-page .wdc-ct-ch-arr { font-size: 16px; }

  body.wzd-contact-page .wdc-ct-cta {
    position: static;
    max-width: none;
    padding: 20px 18px;
    overflow: hidden;
    border: 1px solid #e6ddd4;
    border-radius: var(--wzd-mobile-radius);
    background: var(--wzd-mobile-surface);
    color: #2e2e31;
    box-shadow: none;
  }

  body.wzd-contact-page .wdc-ct-cta-icon { width: 42px; height: 42px; margin-bottom: 12px; background: #fff; color: #8e2521; }
  body.wzd-contact-page .wdc-ct-cta h3 { margin-bottom: 5px; font-size: 22px; color: #2e2e31 !important; }
  body.wzd-contact-page .wdc-ct-cta p { margin-bottom: 14px; font-size: 12.5px; line-height: 1.6; color: #68686d; }
  body.wzd-contact-page .wdc-ct-checks { gap: 7px; margin-bottom: 16px; }
  body.wzd-contact-page .wdc-ct-checks li { font-size: 12.5px; color: #4f4f53; }
  body.wzd-contact-page .wdc-ct-checks li i { color: #8e2521; }
  body.wzd-contact-page .wdc-ct-cta-btn { min-height: 48px; background: #8e2521 !important; color: #fff !important; border-radius: 13px; }
  body.wzd-contact-page .wdc-ct-cta-btn:hover { background: #741d1a !important; color: #fff !important; }
  body.wzd-contact-page .wdc-ct-cta-line { min-height: 44px; margin-top: 7px; color: #286b43; }
  body.wzd-contact-page .wdc-ct-cta-line:hover { color: #286b43; background: rgba(6, 199, 85, .08); }

  body.wzd-contact-page .wdc-ct-bottom { gap: 30px; }
  body.wzd-contact-page .wdc-ct-sub-h { margin-bottom: 14px; font-size: 21px; }
  body.wzd-contact-page .wzd-faq details { margin-bottom: 7px; border: 1px solid #e7dfd7; border-radius: 13px; background: #fff; }
  body.wzd-contact-page .wzd-faq summary { min-height: 50px; padding: 12px 14px; font-size: 13px; }
  body.wzd-contact-page .wdc-ct-why-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  body.wzd-contact-page .wdc-ct-why-row { min-width: 0; padding: 13px 10px; gap: 8px; border: 1px solid #e8e1da; border-radius: 14px; background: #fff; }
  body.wzd-contact-page .wdc-ct-why-row > i { width: 32px; height: 32px; font-size: 16px; }
  body.wzd-contact-page .wdc-ct-why-row strong { font-size: 11.5px; line-height: 1.45; }
  body.wzd-contact-page .wdc-ct-why-row span { font-size: 10.5px; line-height: 1.45; }
}

@media screen and (max-width: 359px) {
  body.wzd-calculator-page .wzd-hero-ctas,
  body.wzd-articles-page .wzd-hero-ctas,
  body.wzd-about-page .wzd-hero-ctas,
  body.wzd-contact-page .wzd-hero-ctas,
  body.wzd-about-page .wdc-about-cta-btns { grid-template-columns: 1fr; }

  body.wzd-about-page .wdc-compare-grid { grid-template-columns: 1fr; }
  body.wzd-about-page .wdc-dropship-flow { grid-template-columns: 1fr; }
  body.wzd-calculator-page .wdc-result-grid { grid-template-columns: 1fr; }
}