:root {
  --sf-navy-950: #031a2d;
  --sf-navy-900: #06233d;
  --sf-navy-800: #0b3152;
  --sf-green-700: #007c4a;
  --sf-green-600: #00985b;
  --sf-green-500: #08ad68;
  --sf-ink: #000;
  --sf-body: #111;
  --sf-muted: #202020;
  --sf-border: #d9e4ec;
  --sf-surface: #f5f8fa;
  --sf-white: #fff;
  --sf-orange: #f36b21;
  --sf-shadow: 0 16px 40px rgba(5, 30, 53, .1);
  --sf-container: 1212px;
  --sf-home-container: 1212px;
  --sf-radius: 6px;
}

/* Final mobile header override: keep the navigation control visible above the
   custom logo and legacy responsive rules. */
@media (max-width: 899px) {
  body.sufeng-site .sufeng-header { position: relative; }
  body.sufeng-site .sufeng-mainbar > .sufeng-menu-toggle {
    position: absolute!important;
    top: 12px!important;
    right: 0!important;
    z-index: 9999!important;
    display: block!important;
    visibility: visible!important;
    opacity: 1!important;
    width: 44px!important;
    height: 44px!important;
    padding: 10px!important;
    border: 1px solid #007d4f!important;
    background: #008f5a!important;
  }
  body.sufeng-site .sufeng-menu-toggle i { background: #fff!important; }
}

@media (max-width: 980px) {
  body.sufeng-site .sufeng-commerce-main button.sufeng-category-drawer-toggle,
  body.sufeng-site .sufeng-commerce-main button.sufeng-category-drawer-close {
    color: #000!important;
    opacity: 1!important;
    visibility: visible!important;
  }
}

/* Definitive mobile override: this must remain the final stylesheet block. */
@media (max-width: 899px) {
  html,
  body.sufeng-site {
    width: 100%!important;
    max-width: 100%!important;
    overflow-x: hidden!important;
  }

  body.sufeng-site .sufeng-mainbar.sufeng-container {
    position: relative!important;
    display: flex!important;
    width: 100%!important;
    max-width: none!important;
    min-height: 68px!important;
    align-items: center!important;
    padding: 0 72px 0 16px!important;
  }

  body.sufeng-site .sufeng-brand {
    min-width: 0!important;
    max-width: 100%!important;
  }

  body.sufeng-site .sufeng-brand .custom-logo-link,
  body.sufeng-site .sufeng-brand .custom-logo {
    display: block!important;
    width: auto!important;
    max-width: min(220px, 100%)!important;
    height: auto!important;
  }

  body.sufeng-site .sufeng-mainbar.sufeng-container > button.sufeng-menu-toggle {
    position: absolute!important;
    top: 50%!important;
    right: 16px!important;
    z-index: 10001!important;
    display: block!important;
    width: 44px!important;
    height: 44px!important;
    margin: 0!important;
    padding: 10px!important;
    transform: translateY(-50%)!important;
    border: 1px solid #007d4f!important;
    border-radius: 4px!important;
    background: #008f5a!important;
    opacity: 1!important;
    visibility: visible!important;
  }

  body.sufeng-site .sufeng-mainbar.sufeng-container > button.sufeng-menu-toggle i {
    display: block!important;
    width: 100%!important;
    height: 2px!important;
    margin: 4px 0!important;
    background: #fff!important;
  }

  body.sufeng-site .sufeng-primary-nav {
    top: 68px!important;
    right: 16px!important;
    left: 16px!important;
    z-index: 10000!important;
    width: auto!important;
    max-width: none!important;
  }

  body.sufeng-site .sufeng-hero-intro,
  body.sufeng-site .sufeng-hero-intro__inner,
  body.sufeng-site .sufeng-hero-intro__inner > *,
  body.sufeng-site .sufeng-wholesale-hero,
  body.sufeng-site .sufeng-wholesale-hero__copy,
  body.sufeng-site .sufeng-wholesale-strip {
    min-width: 0!important;
    max-width: 100%!important;
  }

  body.sufeng-site .sufeng-hero-intro__inner {
    width: calc(100% - 32px)!important;
    margin-inline: auto!important;
  }

  body.sufeng-site .sufeng-hero-intro h1,
  body.sufeng-site .sufeng-wholesale-hero h1 {
    max-width: 100%!important;
    font-size: clamp(30px, 9vw, 40px)!important;
    overflow-wrap: anywhere!important;
    word-break: normal!important;
  }

body.sufeng-site .sufeng-hero-intro p,
body.sufeng-site .sufeng-wholesale-hero p,
body.sufeng-site .sufeng-wholesale-strip * {
    max-width: 100%!important;
    overflow-wrap: anywhere!important;
    word-break: normal!important;
  }

  body.sufeng-site .sufeng-wholesale-strip {
    width: calc(100% - 32px)!important;
    margin-inline: auto!important;
    overflow: hidden!important;
  }

  body.sufeng-site .cookie-notification {
    right: 12px!important;
    bottom: 12px!important;
    left: 12px!important;
    width: auto!important;
    max-width: none!important;
  }

  body.sufeng-site .cookie-notification .container {
    display: grid!important;
    width: 100%!important;
    max-width: none!important;
    grid-template-columns: 1fr!important;
    gap: 12px!important;
    padding: 16px!important;
  }

  body.sufeng-site .cookie-notification .ct-cookies-content {
    min-width: 0!important;
    max-width: 100%!important;
    overflow-wrap: anywhere!important;
  }

  body.sufeng-site .cookie-notification .ct-button-group {
    display: flex!important;
    flex-wrap: wrap!important;
    gap: 10px!important;
  }
}

/* Homepage B2B capability presentation: keep product-category destinations,
   remove storefront-style individual SKU panels from the homepage. */
.sufeng-product-range.sufeng-capabilities { display: none !important; }
.sufeng-capabilities__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.sufeng-capabilities__grid article { display: flex; min-height: 100%; flex-direction: column; overflow: hidden; border: 1px solid var(--sf-border); background: #fff; }
.sufeng-capabilities__grid img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: #edf2f5; }
.sufeng-capabilities__grid h3 { margin: 22px 22px 8px; color: var(--sf-ink); font-size: 20px; }
.sufeng-capabilities__grid p { margin: 0 22px 22px; color: var(--sf-muted); font-size: 14px; line-height: 1.55; }
.sufeng-capabilities__grid a { margin: auto 22px 22px; color: var(--sf-green-700); font-size: 14px; font-weight: 800; text-decoration: none; }
.sufeng-capabilities__grid a:hover { text-decoration: underline; }

@media (max-width: 960px) {
  .sufeng-capabilities__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .sufeng-capabilities__grid { grid-template-columns: 1fr; gap: 14px; }
  .sufeng-capabilities__grid h3 { margin: 18px 18px 7px; }
  .sufeng-capabilities__grid p { margin: 0 18px 18px; }
  .sufeng-capabilities__grid a { margin: auto 18px 18px; }
}

/* Mobile layout guardrails. This block intentionally stays last. */
@media (max-width: 899px) {
  html,
  body.sufeng-site {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  body.sufeng-site .sufeng-mainbar {
    position: relative!important;
    display: flex!important;
    width: 100%!important;
    max-width: none!important;
    min-height: 68px!important;
    align-items: center!important;
    padding: 0 72px 0 16px!important;
  }

  body.sufeng-site .sufeng-brand {
    min-width: 0!important;
    max-width: 100%!important;
  }

  body.sufeng-site .sufeng-brand .custom-logo-link,
  body.sufeng-site .sufeng-brand .custom-logo {
    display: block!important;
    width: auto!important;
    max-width: min(220px, 100%)!important;
    height: auto!important;
  }

  body.sufeng-site .sufeng-mainbar > button.sufeng-menu-toggle {
    position: absolute!important;
    top: 50%!important;
    right: 16px!important;
    z-index: 10001!important;
    display: block!important;
    width: 44px!important;
    height: 44px!important;
    margin: 0!important;
    padding: 10px!important;
    transform: translateY(-50%)!important;
    border: 1px solid #007d4f!important;
    border-radius: 4px!important;
    background: #008f5a!important;
    opacity: 1!important;
    visibility: visible!important;
  }

  body.sufeng-site .sufeng-mainbar > button.sufeng-menu-toggle i {
    display: block!important;
    width: 100%!important;
    height: 2px!important;
    margin: 4px 0!important;
    background: #fff!important;
  }

  body.sufeng-site .sufeng-primary-nav {
    top: 68px!important;
    right: 16px!important;
    left: 16px!important;
    z-index: 10000!important;
    width: auto!important;
    max-width: none!important;
  }

  body.sufeng-site .sufeng-hero-intro,
  body.sufeng-site .sufeng-hero-intro__inner,
  body.sufeng-site .sufeng-hero-intro__inner > *,
  body.sufeng-site .sufeng-wholesale-hero,
  body.sufeng-site .sufeng-wholesale-hero__copy,
  body.sufeng-site .sufeng-wholesale-strip {
    min-width: 0!important;
    max-width: 100%!important;
  }

  body.sufeng-site .sufeng-hero-intro__inner {
    width: calc(100% - 32px)!important;
    margin-inline: auto!important;
  }

  body.sufeng-site .sufeng-hero-intro h1,
  body.sufeng-site .sufeng-wholesale-hero h1 {
    max-width: 100%!important;
    font-size: clamp(30px, 9vw, 40px)!important;
    overflow-wrap: anywhere!important;
    word-break: normal!important;
  }

  body.sufeng-site .sufeng-hero-intro p,
  body.sufeng-site .sufeng-wholesale-hero p,
  body.sufeng-site .sufeng-wholesale-strip * {
    max-width: 100%!important;
    overflow-wrap: anywhere!important;
    word-break: normal!important;
  }

  body.sufeng-site .sufeng-wholesale-strip {
    width: calc(100% - 32px)!important;
    margin-inline: auto!important;
    overflow: hidden!important;
  }

  body.sufeng-site .cookie-notification {
    right: 12px!important;
    bottom: 12px!important;
    left: 12px!important;
    width: auto!important;
    max-width: none!important;
  }

  body.sufeng-site .cookie-notification .container {
    display: grid!important;
    width: 100%!important;
    max-width: none!important;
    grid-template-columns: 1fr!important;
    gap: 12px!important;
    padding: 16px!important;
  }

  body.sufeng-site .cookie-notification .ct-cookies-content {
    min-width: 0!important;
    max-width: 100%!important;
    overflow-wrap: anywhere!important;
  }

  body.sufeng-site .cookie-notification .ct-button-group {
    display: flex!important;
    flex-wrap: wrap!important;
    gap: 10px!important;
  }
}

/* Final white catalogue overrides: placed last to supersede legacy archive rules. */
body.sufeng-site .sufeng-commerce-main .sufeng-archive-intro {
  margin-bottom: 30px;
  padding: 34px 38px;
  border: 1px solid var(--sf-border);
  border-left: 5px solid var(--sf-green-600);
  background: #fff;
  color: var(--sf-ink)!important;
  box-shadow: 0 10px 28px rgba(6,35,61,.05);
}
body.sufeng-site .sufeng-commerce-main .sufeng-archive-intro h1 { color: var(--sf-ink)!important; font-size: 34px; }
body.sufeng-site .sufeng-commerce-main .sufeng-archive-intro p { color: #4d5b66!important; }
body.sufeng-site .sufeng-commerce-main .sufeng-archive-intro .sufeng-eyebrow { color: var(--sf-green-700)!important; }
body.sufeng-site .sufeng-commerce-main > .sufeng-product-archive-layout { display: grid; grid-template-columns: 272px minmax(0, 1fr); gap: 34px; }

/* Desktop category flyout, modelled on a compact product directory. */
@media (min-width: 981px) {
  .sufeng-product-archive-layout { grid-template-areas: "sidebar results" "inquiry results"; }
  .sufeng-product-sidebar { grid-area: sidebar; overflow: visible; }
  .sufeng-product-archive-results { grid-area: results; }
  .sufeng-sidebar-inquiry { grid-area: inquiry; }
  .sufeng-category-tree--sidebar > .sufeng-category-tree__level > .sufeng-category-tree__item { position: relative; }
  .sufeng-category-tree--sidebar > .sufeng-category-tree__level > .sufeng-category-tree__item > .sufeng-category-tree__row { min-height: 50px; }
  .sufeng-category-tree--sidebar > .sufeng-category-tree__level > .sufeng-category-tree__item > .sufeng-category-tree__row > a { padding: 13px 8px; font-size: 14px; }
  .sufeng-category-tree--sidebar > .sufeng-category-tree__level > .sufeng-category-tree__item > .sufeng-category-tree__panel {
    position: absolute;
    left: calc(100% + 14px);
    top: 0;
    z-index: 25;
    width: 270px;
    padding: 8px 14px;
    border: 1px solid var(--sf-border);
    border-left: 4px solid var(--sf-green-600);
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 16px 36px rgba(3, 26, 45, .16);
  }
  .sufeng-category-tree--sidebar > .sufeng-category-tree__level > .sufeng-category-tree__item > .sufeng-category-tree__panel::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 17px;
    border: 8px solid transparent;
    border-right-color: var(--sf-green-600);
  }
  .sufeng-category-tree--sidebar .sufeng-category-tree__item:hover > .sufeng-category-tree__row { background-color: var(--sf-green-700); }
  .sufeng-category-tree--sidebar .sufeng-category-tree__item:hover > .sufeng-category-tree__row > a { color: #fff!important; }
  .sufeng-category-tree--sidebar .sufeng-category-tree__item:hover > .sufeng-category-tree__row > .sufeng-category-tree__toggle::before,
  .sufeng-category-tree--sidebar .sufeng-category-tree__item:hover > .sufeng-category-tree__row > .sufeng-category-tree__toggle::after { background: #fff; }
  .sufeng-category-tree--sidebar .sufeng-category-tree__panel .sufeng-category-tree__panel {
    position: static;
    margin: 2px 0 6px 8px;
    padding-left: 10px;
    border: 0;
    border-left: 2px solid #dceee6;
    box-shadow: none;
  }
}

.sufeng-sidebar-inquiry { align-self: start; padding: 22px 20px; border: 1px solid var(--sf-border); border-radius: 6px; background: #fff; box-shadow: 0 12px 30px rgba(6,35,61,.06); }
.sufeng-sidebar-inquiry > span { color: var(--sf-green-700); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.sufeng-sidebar-inquiry h2 { margin: 6px 0 8px; font-size: 20px; }
.sufeng-sidebar-inquiry p { margin: 0 0 16px; color: #4d5b66!important; font-size: 13px; line-height: 1.55; }
.sufeng-sidebar-inquiry .button { display: flex; min-height: 44px; align-items: center; justify-content: center; width: 100%; color: #fff!important; text-decoration: none; }

/* The inquiry form is the only content retained in the quotation panel. */
.sufeng-wholesale-quote {
  grid-template-columns: minmax(0, 1fr)!important;
}

/* Keep the secondary product link with the primary inquiry action. */
body.sufeng-site .sufeng-commerce-main .sufeng-loop-specs { display: contents; }
body.sufeng-site .sufeng-commerce-main .sufeng-loop-specs dl {
  grid-column: 2;
  grid-row: 2 / 4;
  align-self: stretch;
}
body.sufeng-site .sufeng-commerce-main .sufeng-list-details {
  grid-column: 3;
  grid-row: 2;
  align-self: end;
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px 18px;
  border: 1px solid var(--sf-green);
  border-radius: 6px;
  background: var(--sf-green);
  color: #fff!important;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s ease, border-color .2s ease;
}
body.sufeng-site .sufeng-commerce-main .sufeng-list-details:hover,
body.sufeng-site .sufeng-commerce-main .sufeng-list-details:focus-visible {
  border-color: var(--sf-green-700);
  background: var(--sf-green-700);
  color: #fff!important;
}
body.sufeng-site .sufeng-commerce-main ul.products li.product .ct-woo-card-actions {
  grid-column: 3;
  grid-row: 3;
  align-self: start;
}

@media (max-width: 980px) {
  body.sufeng-site .sufeng-commerce-main > .sufeng-product-archive-layout { display: block; }
  body.sufeng-site .sufeng-commerce-main .sufeng-archive-intro { padding: 26px 22px; }
  body.sufeng-site .sufeng-commerce-main .sufeng-archive-intro h1 { font-size: 28px; }
  body.sufeng-site .sufeng-commerce-main .sufeng-category-drawer-toggle { color: var(--sf-ink)!important; }
  body.sufeng-site .sufeng-commerce-main .sufeng-category-drawer-close { color: var(--sf-ink)!important; }
}

@media (max-width: 760px) {
  body.sufeng-site .sufeng-commerce-main .sufeng-loop-specs { display: block; grid-column: 1; grid-row: auto; }
  body.sufeng-site .sufeng-commerce-main .sufeng-loop-specs dl { display: block; }
  body.sufeng-site .sufeng-commerce-main .sufeng-list-details,
  body.sufeng-site .sufeng-commerce-main ul.products li.product .ct-woo-card-actions {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
  }
}

/* Product-led primary navigation */
.sufeng-navbar { position: relative; }
.sufeng-primary-nav { min-height: 46px; }
.sufeng-primary-nav > .sufeng-nav-list { width: 100%; flex: none; justify-content: center; min-height: 46px; }
.sufeng-nav-list > li { position: static; display: flex; }
.sufeng-nav-list > li > a,
.sufeng-products-menu__trigger > a { min-height: 46px; padding: 0 25px; font-size: 13px; }
.sufeng-products-menu__trigger { display: flex; min-height: 46px; }
.sufeng-products-menu__trigger > a { padding-right: 5px; }
.sufeng-products-menu__toggle { position: relative; width: 30px; min-width: 30px; padding: 0; border: 0; background: transparent; color: var(--sf-ink); cursor: pointer; }
.sufeng-products-menu__toggle::after { content: ""; position: absolute; left: 8px; top: 17px; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .18s ease; }
.sufeng-products-menu.is-open .sufeng-products-menu__toggle::after { top: 21px; transform: rotate(225deg); }
.sufeng-mega-menu { position: absolute; left: 0; right: 0; top: 100%; z-index: 30; display: none; border-top: 1px solid var(--sf-border); border-bottom: 1px solid var(--sf-border); background: #fff; box-shadow: 0 18px 42px rgba(3, 26, 45, .16); }
.sufeng-products-menu:hover .sufeng-mega-menu,
.sufeng-products-menu:focus-within .sufeng-mega-menu,
.sufeng-products-menu.is-open .sufeng-mega-menu { display: block; }
.sufeng-mega-menu__grid { width: min(var(--sf-container), calc(100% - 48px)); display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0 auto; padding: 30px 0 24px; }
.sufeng-mega-menu__column { min-width: 0; padding: 0 24px; border-right: 1px solid var(--sf-border); }
.sufeng-mega-menu__column:first-child { padding-left: 0; }
.sufeng-mega-menu__column:last-child { padding-right: 0; border-right: 0; }
.sufeng-mega-menu__column h3 { margin: 0 0 14px; font-size: 15px; line-height: 1.25; }
.sufeng-mega-menu__column h3 a { color: var(--sf-navy-900); text-decoration: none; }
.sufeng-mega-menu__column ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.sufeng-mega-menu__column li { display: block; }
.sufeng-mega-menu__column li a { display: block; padding: 2px 0; border: 0; color: var(--sf-body); font-size: 13px; line-height: 1.35; text-decoration: none; white-space: normal; }
.sufeng-mega-menu__column li a:hover { color: var(--sf-green-700); }
.sufeng-mega-menu__footer { display: flex; justify-content: space-between; gap: 24px; padding: 14px max(24px, calc((100% - var(--sf-container)) / 2)); border-top: 1px solid var(--sf-border); background: var(--sf-surface); }
.sufeng-mega-menu__footer a { color: var(--sf-green-700); font-size: 13px; font-weight: 800; text-decoration: none; }

/* White product navigation system */
.sufeng-mega-menu__grid { grid-template-columns: 250px minmax(0, 1fr); gap: 34px; padding: 26px 0; }
.sufeng-mega-menu__heading { padding: 6px 28px 6px 0; border-right: 1px solid var(--sf-border); }
.sufeng-mega-menu__heading span,
.sufeng-product-sidebar__head span { display: block; margin-bottom: 6px; color: var(--sf-green-700); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.sufeng-mega-menu__heading strong { display: block; color: var(--sf-navy-900); font-size: 22px; line-height: 1.25; }
.sufeng-category-tree ul { margin: 0; padding: 0; list-style: none; }
.sufeng-category-tree__level { display: grid; gap: 2px; }
.sufeng-category-tree__row { display: flex; min-height: 42px; align-items: center; border-bottom: 1px solid #edf2f5; }
.sufeng-category-tree__row > a { flex: 1; padding: 10px 8px; color: var(--sf-ink)!important; font-size: 14px; font-weight: 750; line-height: 1.35; text-decoration: none; }
.sufeng-category-tree__row > a:hover { color: var(--sf-green-700)!important; }
.sufeng-category-tree__toggle { position: relative; width: 40px; min-width: 40px; height: 40px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.sufeng-category-tree__toggle::before,
.sufeng-category-tree__toggle::after { content: ""; position: absolute; left: 15px; top: 19px; width: 10px; height: 2px; background: var(--sf-green-700); transition: transform .18s ease; }
.sufeng-category-tree__toggle::after { transform: rotate(90deg); }
.sufeng-category-tree__toggle[aria-expanded="true"]::after { transform: rotate(0); }
.sufeng-category-tree__panel { padding: 2px 0 6px 14px; border-left: 2px solid #dceee6; }
.sufeng-category-tree__panel[hidden] { display: none!important; }
.sufeng-category-tree__level--1 .sufeng-category-tree__row > a { color: #303c46!important; font-size: 13px; font-weight: 700; }
.sufeng-category-tree__level--2 .sufeng-category-tree__row { min-height: 35px; border-bottom: 0; }
.sufeng-category-tree__level--2 .sufeng-category-tree__row > a { padding-block: 6px; color: #52606b!important; font-size: 12px; font-weight: 600; }
.sufeng-category-tree--mega > .sufeng-category-tree__level { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }

.sufeng-product-archive-layout { position: relative; display: grid; grid-template-columns: 272px minmax(0, 1fr); gap: 34px; align-items: start; }
.sufeng-product-sidebar { position: sticky; top: 18px; overflow: hidden; border: 1px solid var(--sf-border); border-radius: 6px; background: #fff; box-shadow: 0 12px 30px rgba(6, 35, 61, .06); }
.sufeng-product-sidebar__head { display: flex; align-items: flex-start; justify-content: space-between; padding: 22px 20px 14px; border-bottom: 1px solid var(--sf-border); }
.sufeng-product-sidebar__head h2 { margin: 0; color: var(--sf-navy-900); font-size: 20px; line-height: 1.25; }
.sufeng-category-tree--sidebar { padding: 8px 14px 14px; }
.sufeng-product-sidebar__all { display: flex; justify-content: space-between; padding: 15px 20px; border-top: 1px solid var(--sf-border); color: var(--sf-green-700)!important; font-size: 13px; font-weight: 850; text-decoration: none; }
.sufeng-product-archive-results { min-width: 0; }
.sufeng-category-drawer-toggle,
.sufeng-category-drawer-close,
.sufeng-category-drawer-overlay { display: none; }

/* The category page uses white depth instead of a dark banner. */
.sufeng-commerce-main { background: #fff; }
.sufeng-archive-intro { margin-bottom: 30px; padding: 34px 38px; border: 1px solid var(--sf-border); border-left: 5px solid var(--sf-green-600); background: #fff; box-shadow: 0 10px 28px rgba(6,35,61,.05); }
.sufeng-archive-intro,
.sufeng-archive-intro h1,
.sufeng-archive-intro p { color: var(--sf-ink)!important; }
.sufeng-archive-intro h1 { font-size: 34px; }
.sufeng-archive-intro .sufeng-eyebrow { color: var(--sf-green-700)!important; }
.sufeng-archive-intro p:last-child { color: #4d5b66!important; }
.sufeng-product-archive-results .sufeng-model-filter { margin-top: 0; }

@media (max-width: 899px) {
  .sufeng-mainbar { position: relative; padding-right: 60px; }
  .sufeng-menu-toggle {
    position: absolute;
    top: 12px;
    right: 0;
    z-index: 6;
    display: block!important;
  }
  .sufeng-primary-nav > .sufeng-nav-list { display: block; }
  .sufeng-nav-list > li, .sufeng-nav-list > li > a, .sufeng-products-menu__trigger { width: 100%; min-height: 42px; }
  .sufeng-nav-list > li > a, .sufeng-products-menu__trigger > a { padding: 0 12px; }
  .sufeng-products-menu { display: block!important; }
  .sufeng-products-menu__trigger > a { flex: 1; }
  .sufeng-products-menu__toggle { width: 44px; min-width: 44px; }
  .sufeng-products-menu__toggle::after { left: 17px; }
  .sufeng-products-menu:hover .sufeng-mega-menu,
  .sufeng-products-menu:focus-within .sufeng-mega-menu { display: none; }
  .sufeng-products-menu.is-open .sufeng-mega-menu { display: block; }
  .sufeng-mega-menu { position: static; border: 1px solid var(--sf-border); background: var(--sf-surface); box-shadow: none; }
  .sufeng-mega-menu__grid { width: 100%; grid-template-columns: 1fr; padding: 6px 14px 14px; }
  .sufeng-mega-menu__column, .sufeng-mega-menu__column:first-child, .sufeng-mega-menu__column:last-child { padding: 14px 0; border-right: 0; border-bottom: 1px solid var(--sf-border); }
  .sufeng-mega-menu__column:last-child { border-bottom: 0; }
  .sufeng-mega-menu__column h3 { margin-bottom: 8px; }
  .sufeng-mega-menu__column ul { gap: 4px; }
  .sufeng-mega-menu__column li a { min-height: 34px; padding: 7px 0; }
  .sufeng-mega-menu__footer { display: grid; padding: 14px; }
  .sufeng-mega-menu__grid { display: block; padding: 14px; }
  .sufeng-mega-menu__heading { padding: 4px 0 14px; border-right: 0; border-bottom: 1px solid var(--sf-border); }
  .sufeng-category-tree--mega > .sufeng-category-tree__level { grid-template-columns: 1fr; }
}

@media (max-width: 980px) {
  .sufeng-product-archive-layout { display: block; }
  .sufeng-category-drawer-toggle { display: flex; width: 100%; min-height: 48px; align-items: center; justify-content: space-between; margin-bottom: 18px; padding: 0 16px; border: 1px solid var(--sf-border); border-radius: 5px; background: #fff; color: var(--sf-ink); font-weight: 800; cursor: pointer; }
  .sufeng-category-drawer-toggle::after { content: "+"; color: var(--sf-green-700); font-size: 22px; font-weight: 500; }
  .sufeng-product-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 1002; width: min(86vw, 360px); max-height: 100vh; overflow-y: auto; border: 0; border-radius: 0; transform: translateX(-105%); transition: transform .22s ease; }
  .sufeng-product-sidebar.is-open { transform: translateX(0); }
  .sufeng-category-drawer-close { position: relative; display: block; width: 40px; height: 40px; border: 0; background: transparent; cursor: pointer; }
  .sufeng-category-drawer-close::before,
  .sufeng-category-drawer-close::after { content: ""; position: absolute; left: 10px; top: 19px; width: 20px; height: 2px; background: var(--sf-ink); transform: rotate(45deg); }
  .sufeng-category-drawer-close::after { transform: rotate(-45deg); }
  .sufeng-category-drawer-overlay { position: fixed; inset: 0; z-index: 1001; display: block; background: rgba(3, 26, 45, .42); }
  .sufeng-category-drawer-overlay[hidden] { display: none; }
  body.sufeng-drawer-open { overflow: hidden; }
  .sufeng-sidebar-inquiry { display: none; }
}

/* High-contrast typography on light surfaces. Dark sections keep their
   explicit white text declarations. */
body.sufeng-site { color: #111; }
.sufeng-main:not(.sufeng-home-main) h1,
.sufeng-main:not(.sufeng-home-main) h2,
.sufeng-main:not(.sufeng-home-main) h3,
.sufeng-main:not(.sufeng-home-main) h4,
.sufeng-main:not(.sufeng-home-main) p,
.sufeng-main:not(.sufeng-home-main) li,
.sufeng-main:not(.sufeng-home-main) dt,
.sufeng-main:not(.sufeng-home-main) dd,
.sufeng-commerce-main .woocommerce-loop-product__title,
.sufeng-commerce-main .woocommerce-loop-product__title a,
.sufeng-commerce-main .price,
.sufeng-commerce-main .sufeng-list-details,
.sufeng-primary-nav a,
.sufeng-header-actions a { color: #000!important; }
.sufeng-commerce-main .button,
.sufeng-commerce-main button,
.sufeng-hero .button,
.sufeng-footer a,
.sufeng-footer p,
.sufeng-footer li,
.sufeng-topbar,
.sufeng-topbar a { color: #fff!important; }

/* Preserve readable white typography in every intentional dark section. */
.sufeng-hero,
.sufeng-hero h1,
.sufeng-hero p,
.sufeng-hero li,
.sufeng-hero strong,
.sufeng-hero span,
.sufeng-archive-intro,
.sufeng-archive-intro h1,
.sufeng-archive-intro p,
.sufeng-wholesale-hero,
.sufeng-wholesale-hero h1,
.sufeng-wholesale-hero p,
.sufeng-wholesale-hero li,
.sufeng-wholesale-quote__aside,
.sufeng-wholesale-quote__aside h2,
.sufeng-wholesale-quote__aside p,
.sufeng-wholesale-quote__aside li,
.sufeng-blog-hero,
.sufeng-blog-hero h1,
.sufeng-blog-hero p { color: #fff!important; }
body.sufeng-site .sufeng-wholesale-main .sufeng-wholesale-hero,
body.sufeng-site .sufeng-wholesale-main .sufeng-wholesale-hero h1,
body.sufeng-site .sufeng-wholesale-main .sufeng-wholesale-hero p,
body.sufeng-site .sufeng-wholesale-main .sufeng-wholesale-hero li,
body.sufeng-site .sufeng-wholesale-main .sufeng-wholesale-hero strong,
body.sufeng-site .sufeng-wholesale-main .sufeng-wholesale-hero span { color: #fff!important; }
body.sufeng-site .sufeng-main.sufeng-blog-main .sufeng-blog-hero,
body.sufeng-site .sufeng-main.sufeng-blog-main .sufeng-blog-hero h1,
body.sufeng-site .sufeng-main.sufeng-blog-main .sufeng-blog-hero p { color: #fff!important; }

/* Product archives: large technical comparison rows. Homepage product blocks
   keep their compact card layout. */
.sufeng-commerce-main ul.products { display: grid!important; grid-template-columns: minmax(0, 1fr)!important; gap: 14px!important; }
.sufeng-commerce-main > .sufeng-container { width: min(1600px, calc(100% - 48px)); max-width: 1600px; }
.sufeng-commerce-main ul.products li.product {
  position: relative;
  width: 100%!important;
  min-height: 300px;
  display: grid!important;
  grid-template-columns: minmax(240px, 300px) minmax(300px, 1fr) minmax(210px, 250px);
  grid-template-rows: auto 1fr auto;
  column-gap: 30px;
  row-gap: 12px;
  align-items: start;
  padding: 20px!important;
  box-shadow: none;
}
.sufeng-commerce-main ul.products li.product > figure { grid-column: 1; grid-row: 1 / 4; width: 100%; height: 100%; margin: 0!important; }
.sufeng-commerce-main ul.products li.product > figure .ct-media-container { display: flex; width: 100%; height: 100%; min-height: 258px; align-items: center; justify-content: center; background: #f7f9fb; }
.sufeng-commerce-main ul.products li.product > figure img { width: 100%!important; height: 100%!important; max-height: 290px; margin: 0!important; aspect-ratio: 1 / 1!important; object-fit: contain!important; }
.sufeng-commerce-main ul.products li.product .woocommerce-loop-product__title { grid-column: 2; grid-row: 1; min-height: 0; margin: 0; font-size: 20px; line-height: 1.35; }
.sufeng-commerce-main ul.products li.product .price { grid-column: 3; grid-row: 1; margin: 0; color: var(--sf-navy-900); font-size: 23px; }
.sufeng-commerce-main ul.products li.product .entry-meta { display: none!important; }
.sufeng-commerce-main .sufeng-loop-specs { grid-column: 2; grid-row: 2 / 4; align-self: stretch; }
.sufeng-loop-specs dl { margin: 0 0 14px; border-top: 1px solid var(--sf-border); }
.sufeng-loop-specs dl div { display: grid; grid-template-columns: minmax(92px, 32%) 1fr; gap: 14px; padding: 7px 0; border-bottom: 1px solid var(--sf-border); }
.sufeng-loop-specs dt { color: var(--sf-muted); font-size: 13px; font-weight: 700; }
.sufeng-loop-specs dd { margin: 0; color: var(--sf-ink); font-size: 13px; font-weight: 650; }
.sufeng-loop-specs dl div:last-child dd { color: var(--sf-green); }
.sufeng-list-details { color: var(--sf-navy-900); font-size: 13px; font-weight: 800; text-decoration: none; }
.sufeng-commerce-main ul.products li.product .ct-woo-card-actions { grid-column: 3; grid-row: 2 / 4; width: 100%; align-self: end; }
.sufeng-loop-cart { display: grid; gap: 10px; width: 100%; }
.sufeng-loop-cart .quantity { display: flex; width: 100%; min-height: 44px; justify-content: center; border: 1px solid var(--sf-border); background: #fff; }
.sufeng-loop-cart .quantity input.qty { width: 100%; min-height: 42px; border: 0; text-align: center; }
.sufeng-loop-cart .button { width: 100%!important; min-height: 46px; margin: 0!important; }
.sufeng-commerce-main .sufeng-card-lead-time { grid-column: 3; grid-row: 2; }

@media (max-width: 1050px) {
  .sufeng-commerce-main ul.products li.product { grid-template-columns: 220px minmax(250px, 1fr) 190px; column-gap: 20px; }
  .sufeng-commerce-main ul.products li.product > figure .ct-media-container { min-height: 220px; }
}

@media (max-width: 760px) {
  .sufeng-commerce-main > .sufeng-container { width: calc(100% - 32px); }
  .sufeng-commerce-main ul.products li.product { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; gap: 14px; padding: 14px!important; }
  .sufeng-commerce-main ul.products li.product > figure,
  .sufeng-commerce-main ul.products li.product .woocommerce-loop-product__title,
  .sufeng-commerce-main ul.products li.product .price,
  .sufeng-commerce-main .sufeng-loop-specs,
  .sufeng-commerce-main ul.products li.product .ct-woo-card-actions,
  .sufeng-commerce-main .sufeng-card-lead-time { grid-column: 1; grid-row: auto; }
  .sufeng-commerce-main ul.products li.product > figure .ct-media-container { min-height: 0; aspect-ratio: 1 / 1; }
  .sufeng-commerce-main ul.products li.product > figure img { max-height: none; }
  .sufeng-commerce-main ul.products li.product .woocommerce-loop-product__title { font-size: 18px; }
  .sufeng-commerce-main ul.products li.product .price { font-size: 21px; }
  .sufeng-model-filter__options { grid-template-columns: 1fr!important; }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.sufeng-site {
  margin: 0;
  color: var(--sf-body);
  background: var(--sf-white);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  letter-spacing: 0;
  overflow-x: hidden;
}
body.sufeng-site :where(h1,h2,h3,h4,h5,h6,p,ul,ol) { letter-spacing: 0; }
body.sufeng-site :where(h1,h2,h3,h4,h5,h6) { color: var(--sf-ink); font-weight: 850; }
body.sufeng-site a { color: var(--sf-green-700); }
body.sufeng-site img { max-width: 100%; height: auto; }
.sufeng-container { width: min(var(--sf-container), calc(100% - 48px)); margin-inline: auto; }
.sufeng-main { min-height: 50vh; }
.sufeng-skip-link { position: fixed; left: 16px; top: -60px; z-index: 1000; padding: 10px 16px; background: #fff; color: var(--sf-ink); border: 2px solid var(--sf-green-600); }
.sufeng-skip-link:focus { top: 16px; }
.screen-reader-text { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }

/* Header */
.sufeng-header { position: relative; z-index: 100; background: #fff; color: var(--sf-ink); }
.sufeng-topbar { background: var(--sf-navy-950); color: #fff; font-size: 12px; font-weight: 700; }
.sufeng-topbar__inner { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.sufeng-topbar__services, .sufeng-topbar__contact { display: flex; align-items: center; gap: 28px; }
.sufeng-topbar a { color: #fff; text-decoration: none; }
.sufeng-mainbar { min-height: 72px; display: grid; grid-template-columns: 330px minmax(320px, 1fr) auto; align-items: center; gap: 28px; }
.sufeng-brand, .sufeng-brand > a { min-width: 0; display: flex; align-items: center; gap: 12px; color: var(--sf-ink); text-decoration: none; }
.sufeng-brand__mark { width: 46px; height: 46px; flex: 0 0 46px; border-radius: 7px; display: grid; place-items: center; background: var(--sf-green-600); color: #fff; font-size: 29px; font-weight: 900; }
.sufeng-brand strong { display: block; color: var(--sf-ink); font-size: 24px; line-height: 1.05; white-space: nowrap; }
.sufeng-brand small { display: block; margin-top: 4px; color: var(--sf-muted); font-size: 11px; line-height: 1.2; }
.sufeng-brand .custom-logo-link { display: flex; align-items: center; }
.sufeng-brand .custom-logo { width: auto; max-width: 280px; max-height: 54px; }
.sufeng-header-positioning { min-width: 0; display: flex; flex-direction: column; gap: 4px; padding-left: 24px; border-left: 1px solid var(--sf-border); color: var(--sf-muted); font-size: 13px; line-height: 1.35; }
.sufeng-header-positioning strong { color: var(--sf-ink); font-size: 14px; letter-spacing: .01em; }
.sufeng-search form { display: grid; grid-template-columns: 1fr 52px; height: 44px; margin: 0; border: 1px solid var(--sf-border); border-radius: var(--sf-radius); overflow: hidden; }
.sufeng-search input[type="search"] { min-width: 0; height: 42px; padding: 0 16px; border: 0; outline: 0; color: var(--sf-ink); background: #fff; font: inherit; font-size: 13px; }
.sufeng-search button { position: relative; width: 52px; height: 44px; border: 0; border-radius: 0; background: var(--sf-green-700); color: #fff; font-size: 0; cursor: pointer; }
.sufeng-search button::before { content: ""; position: absolute; left: 17px; top: 12px; width: 13px; height: 13px; border: 2px solid #fff; border-radius: 50%; }
.sufeng-search button::after { content: ""; position: absolute; left: 30px; top: 26px; width: 9px; height: 2px; background: #fff; transform: rotate(45deg); }
.sufeng-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 24px; white-space: nowrap; }
.sufeng-header-actions a { color: var(--sf-ink); text-decoration: none; font-size: 13px; font-weight: 750; }
.sufeng-header-actions .sufeng-header-inquiry { display: inline-flex; align-items: center; min-height: 42px; padding: 0 18px; border-radius: 4px; background: var(--sf-green-600); color: #fff!important; }
.sufeng-cart-link span { display: inline-grid; min-width: 20px; height: 20px; margin-left: 4px; place-items: center; border-radius: 50%; background: var(--sf-green-600); color: #fff; font-size: 11px; }
.sufeng-navbar { border-top: 1px solid #edf2f5; border-bottom: 1px solid var(--sf-border); }
.sufeng-primary-nav { min-height: 43px; display: flex; align-items: center; }

/* Wide, high-contrast desktop header. */
@media (min-width: 1200px) {
  .sufeng-header .sufeng-container {
    width: min(1680px, calc(100% - 64px));
  }
  .sufeng-mainbar {
    min-height: 82px;
    grid-template-columns: 360px minmax(420px, 1fr) auto;
    gap: 36px;
  }
  .sufeng-search input[type="search"] {
    font-size: 15px;
  }
  .sufeng-search button {
    border-left: 1px solid var(--sf-green-700);
    background: #fff;
    color: var(--sf-green-700);
  }
  .sufeng-search button::before {
    border-color: var(--sf-green-700);
  }
  .sufeng-search button::after {
    background: var(--sf-green-700);
  }
  .sufeng-header-actions .sufeng-header-inquiry {
    min-height: 46px;
    padding: 0 24px;
    border: 1px solid var(--sf-green-700);
    background: #fff;
    color: var(--sf-green-700)!important;
    font-size: 15px;
  }
  .sufeng-header-actions .sufeng-header-inquiry:hover,
  .sufeng-header-actions .sufeng-header-inquiry:focus-visible {
    background: #f2f8f5;
  }
  .sufeng-primary-nav > .sufeng-nav-list {
    justify-content: space-between;
  }
  .sufeng-nav-list > li > a,
  .sufeng-products-menu__trigger > a {
    min-height: 54px;
    padding: 0 30px;
    font-size: 16px;
    font-weight: 800;
  }
  .sufeng-products-menu__trigger {
    min-height: 54px;
  }
  .sufeng-products-menu__toggle {
    width: 34px;
    min-width: 34px;
  }
  .sufeng-products-menu__toggle::after {
    top: 20px;
  }
}
.sufeng-model-filter { grid-column: 1 / -1; width: 100%; margin: 0 0 24px; border: 1px solid var(--sf-border); background: #fff; }
.sufeng-model-filter summary { display: flex; min-height: 54px; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 18px; cursor: pointer; list-style: none; }
.sufeng-model-filter summary::-webkit-details-marker { display: none; }
.sufeng-model-filter__copy { display: grid; gap: 3px; color: var(--sf-navy-900); }
.sufeng-model-filter__copy span { color: var(--sf-green); font-size: 12px; font-weight: 800; }
.sufeng-model-filter__copy strong { font-size: 15px; }
.sufeng-model-filter__toggle { width: 10px; height: 10px; border-right: 2px solid var(--sf-navy-900); border-bottom: 2px solid var(--sf-navy-900); transform: rotate(45deg); transition: transform .2s ease; }
.sufeng-model-filter[open] .sufeng-model-filter__toggle { transform: rotate(225deg); }
.sufeng-model-filter__options { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 18px; border-top: 1px solid var(--sf-border); }
.sufeng-model-filter__options a { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 8px 16px; border: 1px solid #b9c9c3; background: #fff; color: var(--sf-navy-900); font-weight: 750; text-decoration: none; }
.sufeng-model-filter__options a:hover, .sufeng-model-filter__options a.is-active { border-color: var(--sf-green); background: var(--sf-green); color: #fff; }
.sufeng-model-filter__options small { display: grid; place-items: center; min-width: 22px; min-height: 22px; border-radius: 50%; background: rgba(0, 31, 55, .08); color: inherit; font-size: 11px; }
.sufeng-model-filter__options a.is-active small { background: rgba(255, 255, 255, .2); }
.sufeng-all-categories { min-width: 150px; color: var(--sf-ink); text-decoration: none; font-size: 13px; font-weight: 800; }
.sufeng-all-categories::before { content: "☰"; margin-right: 12px; font-size: 17px; }
.sufeng-nav-list { flex: 1; display: flex; align-items: stretch; min-width: 0; min-height: 43px; margin: 0; padding: 0; list-style: none; }
.sufeng-nav-list li { display: flex; margin: 0; }
.sufeng-nav-list a { display: flex; align-items: center; padding: 0 13px; border-bottom: 2px solid transparent; color: var(--sf-ink); text-decoration: none; font-size: 12px; font-weight: 750; white-space: nowrap; }
.sufeng-nav-list a:hover, .sufeng-nav-list .current-menu-item > a { color: var(--sf-green-700); border-bottom-color: var(--sf-green-700); }
.sufeng-eu-button { min-height: 34px; display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; border-radius: var(--sf-radius); background: var(--sf-green-700); color: #fff!important; text-decoration: none; font-size: 12px; font-weight: 850; white-space: nowrap; }
.sufeng-menu-toggle { display: none; width: 44px; height: 44px; padding: 10px; border: 1px solid var(--sf-border); background: #fff; }
.sufeng-menu-toggle i { display: block; height: 2px; margin: 4px 0; background: var(--sf-ink); }

/* Shared sections */
.sufeng-eyebrow { margin: 0 0 8px; color: var(--sf-green-700); font-size: 12px; font-weight: 850; text-transform: uppercase; }
.sufeng-section { padding: 64px 0; }
.sufeng-section--surface { background: var(--sf-surface); }
.sufeng-section-heading { max-width: 720px; margin-bottom: 30px; }
.sufeng-section-heading h2 { margin: 0 0 10px; font-size: 34px; line-height: 1.15; }
.sufeng-section-heading p { margin: 0; color: var(--sf-muted); }
.sufeng-button, body.sufeng-site .wp-block-button__link, body.sufeng-site .button, body.sufeng-site button.button, body.sufeng-site input.button {
  display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 0 20px; border: 1px solid var(--sf-green-700); border-radius: var(--sf-radius); background: var(--sf-green-700); color: #fff; text-decoration: none; font-weight: 800; font-size: 14px; cursor: pointer;
}
.sufeng-button:hover, body.sufeng-site .wp-block-button__link:hover, body.sufeng-site .button:hover { background: var(--sf-green-600); color: #fff; }
.sufeng-button--outline { background: #fff; color: var(--sf-green-700); }
.sufeng-button-row { display: flex; flex-wrap: wrap; gap: 12px; }

/* Homepage */
.sufeng-home-main > .wp-block-group { margin-block: 0; }
.sufeng-home-main { --sf-home-container: 1212px; }
.sufeng-home-main .sufeng-section > .wp-block-group.sufeng-container,
.sufeng-home-main .sufeng-section .sufeng-container.sufeng-split {
  width: min(var(--sf-home-container), calc(100% - 96px))!important;
  max-width: var(--sf-home-container)!important;
  margin-left: auto!important;
  margin-right: auto!important;
}
.sufeng-home-main > .sufeng-benefits {
  width: min(var(--sf-home-container), calc(100% - 96px))!important;
  max-width: none!important;
  margin-left: auto!important;
  margin-right: auto!important;
}

@media (min-width: 1200px) {
  .sufeng-home-main { --sf-home-container: 1760px; }
}
.sufeng-hero { min-height: 600px; display: flex; align-items: center; margin: 0; background-color: var(--sf-navy-950); background-image: url("../images/sufeng-hero-1920x600.webp"); background-position: center; background-size: cover; color: #fff; }
.sufeng-hero > .wp-block-group__inner-container { width: min(var(--sf-container), calc(100% - 48px)); margin-inline: auto; }
.sufeng-hero-copy { width: 470px; max-width: 45%; margin-left: max(36px, calc((100vw - 1680px) / 2))!important; margin-right: auto!important; }
.sufeng-hero h1 { margin: 0 0 16px; color: #fff; font-size: 50px; line-height: 1.07; }
.sufeng-hero-list { display: grid; gap: 7px; margin: 0 0 24px; padding: 0; list-style: none; }
.sufeng-hero-list li { position: relative; padding-left: 22px; color: #fff; font-size: 15px; font-weight: 650; }
.sufeng-hero-list li::before { content: ""; position: absolute; left: 0; top: 7px; width: 10px; height: 6px; border-left: 2px solid #00d67d; border-bottom: 2px solid #00d67d; transform: rotate(-45deg); }
.sufeng-hero-trust { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 26px; }
.sufeng-hero-trust strong, .sufeng-hero-trust span { display: block; color: #fff; }
.sufeng-hero-trust strong { font-size: 13px; }
.sufeng-hero-trust span { margin-top: 2px; font-size: 11px; opacity: .85; }
.sufeng-benefits { position: relative; z-index: 2; width: min(var(--sf-container), calc(100% - 48px)); display: grid; grid-template-columns: repeat(6, 1fr); margin: 14px auto 0!important; padding: 0; border: 1px solid rgba(138,184,214,.26); border-radius: var(--sf-radius); background: var(--sf-navy-900); box-shadow: 0 16px 34px rgba(3,26,45,.2); overflow: hidden; }
.sufeng-benefit { min-height: 92px; display: flex; align-items: center; gap: 12px; padding: 18px 18px; border-right: 1px solid rgba(138,184,214,.22); }
.sufeng-benefit:last-child { border-right: 0; }
.sufeng-benefit::before { content: ""; display: block; width: 30px; height: 30px; flex: 0 0 30px; background: #00d67d; -webkit-mask: var(--sf-benefit-icon) center / contain no-repeat; mask: var(--sf-benefit-icon) center / contain no-repeat; }
.sufeng-benefit:nth-child(1) { --sf-benefit-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V8l7-4 7 4v13M9 21v-5h6v5M5 11h14M8 8v3M12 8v3M16 8v3'/%3E%3C/svg%3E"); }
.sufeng-benefit:nth-child(2) { --sf-benefit-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3zM14 9h3l3 3v4h-6zM7 18a2 2 0 1 0 0 .01M17 18a2 2 0 1 0 0 .01'/%3E%3C/svg%3E"); }
.sufeng-benefit:nth-child(3) { --sf-benefit-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-14-4L4 9M4 4v5h5M4 13a8 8 0 0 0 14 4l2-2M20 20v-5h-5'/%3E%3C/svg%3E"); }
.sufeng-benefit:nth-child(4) { --sf-benefit-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='10' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3M12 14v2'/%3E%3C/svg%3E"); }
.sufeng-benefit:nth-child(5) { --sf-benefit-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 19 6v5c0 4.8-3.1 8.1-7 10-3.9-1.9-7-5.2-7-10V6zM9 12l2 2 4-4'/%3E%3C/svg%3E"); }
.sufeng-benefit:nth-child(6) { --sf-benefit-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l3 3v15H6zM15 3v4h4M9 13l2 2 4-4M9 18h6'/%3E%3C/svg%3E"); }
.sufeng-benefit:has(.sufeng-benefit__icon)::before { display: none; }
.sufeng-benefit__icon { width: 30px; height: 30px; flex: 0 0 30px; color: #00d67d; }
.sufeng-benefit__icon svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.9; }
.sufeng-benefit strong { display: block; color: #fff; font-size: 13px; line-height: 1.2; }
.sufeng-benefit span { display: block; margin-top: 3px; color: rgba(219,235,247,.78); font-size: 11px; line-height: 1.25; }
.sufeng-category-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.sufeng-category-card { min-height: 356px; display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; border: 1px solid var(--sf-border); border-radius: var(--sf-radius); background: #fff; box-shadow: 0 12px 30px rgba(6,35,61,.08); text-decoration: none; transition: transform .18s ease, box-shadow .18s ease; }
.sufeng-category-card:hover { transform: translateY(-3px); box-shadow: var(--sf-shadow); }
.sufeng-category-card__copy { padding: 22px 20px 14px; }
.sufeng-category-card h3 { margin: 0 0 9px; color: var(--sf-ink); font-size: 23px; line-height: 1.12; }
.sufeng-category-card p { margin: 0; color: var(--sf-body); font-size: 13px; }
.sufeng-category-card figure { align-self: end; margin: 0; padding: 0 14px; }
.sufeng-category-card img { width: 100%; height: 145px; display: block; object-fit: contain; object-position: center bottom; }
.sufeng-category-card__action { min-height: 42px; display: flex; align-items: center; justify-content: space-between; margin: 14px 18px 18px; padding: 0 14px; border: 1px solid #9aabb9; border-radius: var(--sf-radius); color: var(--sf-ink); font-size: 13px; font-weight: 800; }
.sufeng-category-card__action::after { content: "→"; color: var(--sf-green-700); font-size: 18px; }
.sufeng-product-range__header { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 26px; }
.sufeng-product-range__header h2 { max-width: 840px; margin: 5px 0 10px; color: var(--sf-ink); font-size: clamp(32px,3.2vw,48px); line-height: 1.08; }
.sufeng-product-range__header p:last-child { max-width: 820px; margin: 0; color: var(--sf-body); }
.sufeng-product-range__all { flex: 0 0 auto; padding: 12px 16px; border: 1px solid var(--sf-green-700); border-radius: 4px; color: var(--sf-green-700); font-weight: 800; text-decoration: none; }
.sufeng-product-tabs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 24px; }
.sufeng-product-tabs button { min-height: 52px; padding: 10px 16px; border: 1px solid var(--sf-border); border-radius: 5px; background: #fff; color: var(--sf-ink); font: inherit; font-size: 15px; font-weight: 800; cursor: pointer; }
.sufeng-product-tabs button[aria-selected="true"] { border-color: var(--sf-green-700); background: var(--sf-green-700); color: #fff; box-shadow: 0 8px 20px rgba(0,134,82,.18); }
.sufeng-product-panel[hidden] { display: none!important; }
.sufeng-range-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.sufeng-range-card { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--sf-border); border-radius: 6px; background: #fff; box-shadow: 0 12px 30px rgba(6,35,61,.07); }
.sufeng-range-card__image { aspect-ratio: 1/.86; display: grid; place-items: center; padding: 16px; background: #f7f9fa; overflow: hidden; }
.sufeng-range-card__image img { width: 100%; height: 100%; display: block; object-fit: contain; }
.sufeng-range-card__body { flex: 1; display: flex; flex-direction: column; padding: 20px; }
.sufeng-range-card h3 { min-height: 48px; margin: 0 0 12px; color: var(--sf-ink); font-size: 18px; line-height: 1.3; }
.sufeng-range-card p { margin: 0 0 16px; color: var(--sf-body); font-size: 13px; line-height: 1.55; }
.sufeng-range-card dl { margin: 0 0 18px; }
.sufeng-range-card dl div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--sf-border); font-size: 12px; }
.sufeng-range-card dt { color: var(--sf-muted); font-weight: 700; }
.sufeng-range-card dd { margin: 0; color: var(--sf-ink); font-weight: 800; }
.sufeng-range-card__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: auto; }
.sufeng-range-card__actions a { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 8px 10px; border: 1px solid var(--sf-green-700); border-radius: 4px; color: var(--sf-green-700); font-size: 12px; font-weight: 850; text-align: center; text-decoration: none; }
.sufeng-range-card__actions a.is-primary { background: var(--sf-green-700); color: #fff; }
.sufeng-product-section .products { margin-bottom: 0!important; }
.sufeng-application-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.sufeng-application-grid--feature { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 178px); }
.sufeng-solutions-heading { max-width: none; display: flex; align-items: end; justify-content: space-between; gap: 28px; }
.sufeng-solutions-heading > div { max-width: 790px; }
.sufeng-solutions-heading .sufeng-button { flex: 0 0 auto; margin-bottom: 2px; }
.sufeng-application { min-height: 210px; display: flex; flex-direction: column; justify-content: flex-end; padding: 22px; border-radius: var(--sf-radius); background: linear-gradient(180deg, rgba(3,26,45,.04), rgba(3,26,45,.95)), var(--sf-image) center/cover no-repeat; color: #fff; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.sufeng-application:hover, .sufeng-application:focus-visible { transform: translateY(-3px); box-shadow: 0 14px 28px rgba(7,29,53,.2); }
.sufeng-application-grid--feature .sufeng-application { min-height: 0; height: 100%; }
.sufeng-application--feature { grid-column: span 2; grid-row: span 2; }
.sufeng-application--feature h3 { font-size: 27px; }
.sufeng-application h3 { margin: 0 0 5px; color: #fff; font-size: 20px; }
.sufeng-application p { margin: 0; color: #dce9f3; font-size: 12px; }
.sufeng-application__tag { display: inline-flex; width: fit-content; margin-bottom: auto; padding: 5px 8px; border: 1px solid rgba(255,255,255,.45); border-radius: 3px; background: rgba(3,26,45,.42); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.sufeng-application__cta { margin-top: 10px; color: #9fe8c1; font-size: 11px; font-weight: 850; text-transform: uppercase; }
.sufeng-application__cta b { margin-left: 4px; font-size: 15px; }
.sufeng-case-studies { background: #f5f8fa; }
.sufeng-case-studies__heading { max-width: 760px; }
.sufeng-case-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.sufeng-case-grid article { position: relative; min-height: 250px; overflow: hidden; border: 1px solid var(--sf-border); background: #102b43; }
.sufeng-case-grid img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.sufeng-case-grid article::after { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3,26,45,.02) 30%, rgba(3,26,45,.9) 100%); content: ""; pointer-events: none; }
.sufeng-case-grid article:hover img { transform: scale(1.04); }
.sufeng-case-grid article > div { position: absolute; z-index: 1; right: 20px; bottom: 18px; left: 20px; color: #fff; }
.sufeng-case-grid span { display: block; margin-bottom: 5px; color: #9fe8c1; font-size: 10px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.sufeng-case-grid h3 { margin: 0; color: #fff; font-size: 19px; line-height: 1.2; }
.sufeng-case-studies__cta { margin-top: 26px; text-align: center; }
@media (max-width: 899px) { .sufeng-case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) { .sufeng-case-grid { grid-template-columns: 1fr; gap: 14px; } .sufeng-case-grid article { min-height: 230px; } }
.sufeng-split { display: grid; grid-template-columns: 1fr 1.12fr; align-items: stretch; overflow: hidden; border-radius: var(--sf-radius); background: var(--sf-navy-900); color: #fff; }
.sufeng-split__copy { padding: 46px; }
.sufeng-split h2 { margin: 0 0 12px; color: #fff; font-size: 34px; }
.sufeng-split p { color: #d7e5ef; }
.sufeng-split figure { min-height: 360px; margin: 0; }
.sufeng-split figure img { width: 100%; height: 100%; object-fit: cover; }
.sufeng-eu-warehouse { border: 1px solid var(--sf-border); background: #fff; color: var(--sf-ink); }
.sufeng-eu-warehouse h2 { color: var(--sf-ink); }
.sufeng-eu-warehouse p { color: var(--sf-muted); }
.sufeng-process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; counter-reset: process; }
.sufeng-process-card { min-height: 180px; padding: 24px; border: 1px solid var(--sf-border); border-radius: var(--sf-radius); background: #fff; counter-increment: process; }
.sufeng-process-card::before { content: "0" counter(process); display: block; margin-bottom: 28px; color: var(--sf-green-600); font-size: 13px; font-weight: 900; }
.sufeng-process-card h3 { margin: 0 0 8px; font-size: 19px; }
.sufeng-process-card p { margin: 0; color: var(--sf-muted); font-size: 13px; }
.sufeng-quality-visual { display: grid; grid-template-columns: 1.12fr .88fr; align-items: stretch; margin-top: 28px; overflow: hidden; border-radius: var(--sf-radius); background: var(--sf-navy-900); }
.sufeng-quality-visual figure { min-height: 310px; margin: 0; }
.sufeng-quality-visual img { width: 100%; height: 100%; object-fit: cover; }
.sufeng-quality-visual__copy { padding: 38px; color: #dce8f0; }
.sufeng-quality-visual__copy h3 { margin: 0 0 12px; color: #fff; font-size: 27px; }
.sufeng-quality-visual__copy p { margin: 0; color: #d5e4ee; }
.sufeng-quality-visual__copy small { display: block; margin-top: 18px; color: #9eb8ca; font-size: 11px; }
.sufeng-support-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.sufeng-support-card { padding: 26px; border-left: 3px solid var(--sf-green-600); background: #fff; box-shadow: 0 10px 30px rgba(6,35,61,.08); }
.sufeng-support-card h3 { margin: 0 0 8px; font-size: 20px; }
.sufeng-support-card p { margin: 0; color: var(--sf-muted); }
.sufeng-support-split { display: grid; grid-template-columns: .82fr 1.18fr; align-items: stretch; margin-top: 30px; border: 1px solid var(--sf-border); border-radius: var(--sf-radius); overflow: hidden; background: #fff; }
.sufeng-support-split__copy { padding: 36px; background: #fff; }
.sufeng-support-split__copy h3 { margin: 0 0 10px; font-size: 27px; }
.sufeng-support-split__copy p { margin: 0; color: var(--sf-muted); }
.sufeng-support-split figure { min-height: 300px; margin: 0; }
.sufeng-support-split img { width: 100%; height: 100%; object-fit: cover; }
.sufeng-faq-list { display: grid; gap: 10px; }
.sufeng-faq-list details { padding: 18px 20px; border: 1px solid var(--sf-border); border-radius: var(--sf-radius); background: #fff; }
.sufeng-faq-list summary { cursor: pointer; color: var(--sf-ink); font-weight: 800; }
.sufeng-faq-list details p { margin: 12px 0 0; color: var(--sf-muted); }
.sufeng-certifications-heading { max-width: 820px; margin: 0 auto 38px; text-align: center; }
.sufeng-certifications-heading h2 { margin: 0 0 12px; color: var(--sf-ink); font-size: 38px; line-height: 1.15; }
.sufeng-certifications-heading p { margin: 0; color: var(--sf-muted); font-size: 16px; }
.sufeng-certifications-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.sufeng-certification-card { min-width: 0; max-width: 100%; min-height: 330px; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; padding: 32px 24px; border: 1px solid var(--sf-border); border-radius: 8px; background: #fff; box-shadow: 0 10px 28px rgba(5,30,53,.08); text-align: center; }
.sufeng-certification-mark { min-height: 100px; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; color: #075eae; font-size: 48px; font-weight: 900; line-height: 1; }
.sufeng-certification-mark--ce { color: var(--sf-navy-950); font-size: 76px; letter-spacing: 0; }
.sufeng-certification-mark--iso { width: 104px; height: 104px; min-height: 104px; border: 4px solid #075eae; border-radius: 50%; font-size: 35px; }
.sufeng-certification-card h3 { margin: 0 0 12px; color: var(--sf-ink); font-size: 19px; }
.sufeng-certification-card p { margin: 0; color: var(--sf-muted); font-size: 13px; line-height: 1.65; }
.sufeng-certifications-heading h2, .sufeng-certifications-heading p, .sufeng-certification-card h3, .sufeng-certification-card p, .sufeng-certifications-note { max-width: 100%; white-space: normal!important; overflow-wrap: anywhere; }
.sufeng-certifications-note { max-width: 860px; margin: 24px auto 0; color: var(--sf-muted); font-size: 12px; text-align: center; }

/* Wholesale page */
.sufeng-wholesale { background: #fff; }
.sufeng-wholesale-hero { min-height: 470px; display: flex; align-items: center; background: var(--sf-navy-950) var(--sf-image) center/cover no-repeat; color: #fff; }
.sufeng-wholesale-hero__copy { width: min(510px, 46%); padding-block: 56px; }
.sufeng-wholesale-hero h1 { margin: 0 0 14px; color: #fff; font-size: 48px; line-height: 1.06; }
.sufeng-wholesale-hero p { max-width: 460px; margin: 0; color: #dce8f0; font-size: 17px; }
.sufeng-wholesale-hero .sufeng-button { color: #fff!important; }
.sufeng-wholesale-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 28px 0; }
.sufeng-wholesale-points div { padding-left: 25px; position: relative; font-size: 13px; font-weight: 800; }
.sufeng-wholesale-points div::before { content: ""; position: absolute; left: 0; top: 2px; width: 13px; height: 13px; border: 2px solid var(--sf-green-500); border-radius: 50%; }
.sufeng-wholesale-points span { display: block; margin-top: 3px; color: #bad0df; font-size: 11px; font-weight: 500; }
.sufeng-wholesale-strip { width: min(var(--sf-container), calc(100% - 48px)); display: grid; grid-template-columns: repeat(5, 1fr); margin: 0 auto; border: 1px solid var(--sf-border); border-top: 0; background: #fff; box-shadow: 0 12px 30px rgba(5,30,53,.07); }
.sufeng-wholesale-strip div { min-height: 78px; padding: 19px 18px; border-right: 1px solid var(--sf-border); }
.sufeng-wholesale-strip div:last-child { border-right: 0; }
.sufeng-wholesale-strip strong { display: block; color: var(--sf-ink); font-size: 13px; }
.sufeng-wholesale-strip span { display: block; margin-top: 4px; color: var(--sf-muted); font-size: 11px; }
.sufeng-wholesale-section { padding: 68px 0; }
.sufeng-wholesale-section--surface { background: var(--sf-surface); }
.sufeng-wholesale-heading { max-width: 730px; margin-bottom: 30px; }
.sufeng-wholesale-heading h2 { margin: 0 0 8px; font-size: 34px; line-height: 1.15; }
.sufeng-wholesale-heading p { margin: 0; color: var(--sf-muted); }
.sufeng-wholesale-capability { display: grid; grid-template-columns: .78fr 1.22fr; gap: 42px; align-items: center; }
.sufeng-wholesale-audience { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
.sufeng-wholesale-audience li { position: relative; padding-left: 28px; }
.sufeng-wholesale-audience li::before { content: ""; position: absolute; left: 0; top: 5px; width: 14px; height: 14px; border: 2px solid var(--sf-green-600); border-radius: 3px; }
.sufeng-wholesale-audience strong { display: block; color: var(--sf-ink); font-size: 16px; }
.sufeng-wholesale-audience span { display: block; margin-top: 3px; color: var(--sf-muted); font-size: 13px; }
.sufeng-wholesale-capability figure { margin: 0; overflow: hidden; border-radius: var(--sf-radius); }
.sufeng-wholesale-capability img { width: 100%; min-height: 400px; object-fit: cover; }
.sufeng-wholesale-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.sufeng-wholesale-step { position: relative; min-height: 180px; padding: 23px; border: 1px solid var(--sf-border); border-radius: var(--sf-radius); background: #fff; }
.sufeng-wholesale-step:not(:last-child)::after { content: "→"; position: absolute; top: 50%; right: -13px; z-index: 1; color: var(--sf-navy-800); font-size: 22px; font-weight: 900; }
.sufeng-wholesale-step b { display: block; margin-bottom: 22px; color: var(--sf-green-600); font-size: 14px; }
.sufeng-wholesale-step h3 { margin: 0 0 8px; font-size: 18px; }
.sufeng-wholesale-step p { margin: 0; color: var(--sf-muted); font-size: 13px; }
.sufeng-wholesale-data { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 32px; }
.sufeng-wholesale-data article { padding: 24px; border: 1px solid var(--sf-border); border-radius: var(--sf-radius); background: #fff; }
.sufeng-wholesale-data h3 { margin: 0 0 14px; font-size: 18px; }
.sufeng-wholesale-data ul { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.sufeng-wholesale-data li { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 8px; border-bottom: 1px solid #edf2f5; color: var(--sf-muted); font-size: 12px; }
.sufeng-wholesale-data li:last-child { padding-bottom: 0; border: 0; }
.sufeng-wholesale-data li strong { color: var(--sf-ink); }
.sufeng-wholesale-quote { display: grid; grid-template-columns: .76fr 1.24fr; align-items: stretch; border: 1px solid var(--sf-border); border-radius: var(--sf-radius); background: #fff; overflow: hidden; }
.sufeng-wholesale-quote__aside { display: flex; flex-direction: column; padding: 38px; background: var(--sf-navy-900); color: #fff; }
.sufeng-wholesale-quote__aside h2 { margin: 0 0 12px; color: #fff; font-size: 29px; line-height: 1.14; }
.sufeng-wholesale-quote__aside p { margin: 0; color: #d5e4ee; }
.sufeng-wholesale-quote__aside ul { display: grid; gap: 10px; margin: 24px 0; padding: 0; list-style: none; }
.sufeng-wholesale-quote__aside li { position: relative; padding-left: 22px; color: #fff; font-size: 13px; }
.sufeng-wholesale-quote__aside li::before { content: "✓"; position: absolute; left: 0; color: var(--sf-green-500); font-weight: 900; }
.sufeng-wholesale-quote__aside figure { margin: auto 0 0; }
.sufeng-wholesale-quote__aside img { width: 100%; max-height: 188px; object-fit: cover; border-radius: 4px; }
.sufeng-wholesale-quote__form { padding: 32px; }
.sufeng-wholesale-quote__form .sufeng-quote-form { padding: 0; border: 0; border-radius: 0; box-shadow: none; }
.sufeng-wholesale-quote__form .sufeng-quote-form__intro h2 { font-size: 30px; }
.sufeng-wholesale-contact { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 30px; }
.sufeng-wholesale-contact a { min-height: 126px; padding: 22px; border: 1px solid var(--sf-border); border-radius: var(--sf-radius); background: #fff; color: var(--sf-ink); text-decoration: none; }
.sufeng-wholesale-contact strong, .sufeng-wholesale-contact span { display: block; }
.sufeng-wholesale-contact strong { font-size: 17px; }
.sufeng-wholesale-contact span { margin-top: 7px; color: var(--sf-muted); font-size: 13px; }
.sufeng-wholesale-note { margin-top: 16px; color: var(--sf-muted); font-size: 11px; }

/* Pages */
.sufeng-content-main { padding: 58px 0 80px; background: var(--sf-surface); }
.sufeng-content-shell { max-width: 980px; }
.sufeng-page { overflow: hidden; border: 1px solid var(--sf-border); border-radius: var(--sf-radius); background: #fff; }
.sufeng-page-header { padding: 44px 48px 32px; border-bottom: 1px solid var(--sf-border); }
.sufeng-page-header h1 { margin: 0; font-size: 42px; line-height: 1.12; }
.sufeng-page-content { padding: 40px 48px 54px; }
.sufeng-page-content h2 { margin-top: 36px; font-size: 28px; }
.sufeng-page-content h3 { margin-top: 28px; font-size: 21px; }
.sufeng-page-content a { font-weight: 700; }
.sufeng-content-section { padding: 0 0 24px; border-bottom: 1px solid var(--sf-border); }
.sufeng-content-section + .sufeng-content-section { padding-top: 24px; }
.sufeng-content-section:last-child { padding-bottom: 0; border-bottom: 0; }
.sufeng-content-section h2 { margin-top: 0; }
.sufeng-empty-state { padding: 100px 0; text-align: center; }
.sufeng-empty-state h1 { font-size: 48px; margin: 0 0 12px; }
.sufeng-empty-state .sufeng-button-row { justify-content: center; margin-top: 24px; }
.sufeng-search-results { display: grid; gap: 16px; }
.sufeng-search-result { padding: 24px; border: 1px solid var(--sf-border); background: #fff; }
.sufeng-search-result h2 { margin: 0; font-size: 22px; }

/* WooCommerce */
.sufeng-commerce-main { padding: 40px 0 72px; }
.sufeng-archive-intro { width: 100%; margin-bottom: 32px; padding: 34px; border-radius: var(--sf-radius); background: var(--sf-navy-900); color: #fff; }
.sufeng-archive-intro h1 { margin: 0 0 10px; color: #fff; font-size: 36px; }
.sufeng-archive-intro p:last-child { max-width: 780px; margin-bottom: 0; color: #d7e5ef; }
body.sufeng-site .woocommerce ul.products { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 20px; margin: 0; }
body.sufeng-site .woocommerce ul.products::before, body.sufeng-site .woocommerce ul.products::after { display: none; }
body.sufeng-site .woocommerce ul.products li.product { width: auto!important; min-width: 0; display: flex; flex-direction: column; margin: 0!important; padding: 14px; border: 1px solid var(--sf-border); border-radius: var(--sf-radius); background: #fff; box-shadow: 0 10px 28px rgba(6,35,61,.07); }
body.sufeng-site .woocommerce ul.products li.product a.woocommerce-LoopProduct-link { position: relative; flex: 1; color: inherit; text-decoration: none; }
body.sufeng-site .woocommerce ul.products li.product img { width: 100%; aspect-ratio: 1.15; margin: 0 0 14px; object-fit: contain; background: #f7f9fb; }

/* Keep every product detail image in the same square canvas, regardless of
 * source orientation from supplier image libraries. */
body.sufeng-site.single-product .woocommerce-product-gallery .ct-media-container {
    width: 100%;
    aspect-ratio: 1 / 1 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #f7f9fb;
}

body.sufeng-site.single-product .woocommerce-product-gallery .ct-media-container > img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    object-position: center;
}
body.sufeng-site .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 48px; padding: 0; color: var(--sf-ink); font-size: 15px; line-height: 1.3; }
body.sufeng-site .woocommerce ul.products li.product .price { color: var(--sf-ink); font-size: 18px; font-weight: 850; }
body.sufeng-site .woocommerce ul.products li.product .button { width: 100%; margin-top: 12px; }
.sufeng-product-badge { position: absolute; z-index: 3; top: 10px; left: 10px; display: inline-flex; min-height: 24px; align-items: center; padding: 0 8px; border-radius: 4px; color: #fff; font-size: 10px; font-weight: 850; }
.sufeng-product-badge--stock { background: var(--sf-green-700); }
.sufeng-product-badge--quote { left: auto; right: 10px; background: var(--sf-orange); }
.sufeng-card-lead-time { margin: 0; color: var(--sf-muted); font-size: 12px; }
.sufeng-product-support { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 22px; border: 1px solid var(--sf-border); background: var(--sf-border); }
.sufeng-product-support div { padding: 13px; background: #fff; }
.sufeng-product-support strong, .sufeng-product-support span { display: block; }
.sufeng-product-support strong { color: var(--sf-ink); font-size: 12px; }
.sufeng-product-support span { margin-top: 3px; color: var(--sf-muted); font-size: 11px; }
.sufeng-spec-table { width: 100%; border-collapse: collapse; }
.sufeng-spec-table th, .sufeng-spec-table td { padding: 13px 16px; border: 1px solid var(--sf-border); text-align: left; }
.sufeng-spec-table th { width: 32%; background: var(--sf-surface); color: var(--sf-ink); }
.sufeng-document-notice { padding: 24px; border-left: 3px solid var(--sf-green-600); background: var(--sf-surface); }
.sufeng-document-notice h2 { margin-top: 0; }
body.sufeng-site .woocommerce-message, body.sufeng-site .woocommerce-info, body.sufeng-site .woocommerce-error { border-color: var(--sf-green-600); background: var(--sf-surface); color: var(--sf-body); }
body.sufeng-site table.shop_table { border-color: var(--sf-border); border-radius: var(--sf-radius); }
body.sufeng-site .woocommerce-checkout input.input-text, body.sufeng-site .woocommerce-checkout textarea, body.sufeng-site .woocommerce-account input.input-text { min-height: 44px; border: 1px solid #aebdca; border-radius: 4px; }

/* Footer */
.sufeng-footer { background: var(--sf-navy-950); color: #bdd0df; }
.sufeng-footer .sufeng-container { width: min(1680px, calc(100% - 72px)); max-width: 1680px; }
.sufeng-footer a { color: #bdd0df; text-decoration: none; }
.sufeng-footer a:hover { color: #fff; }
.sufeng-footer-newsletter { border-bottom: 1px solid rgba(190,211,228,.18); }
.sufeng-footer-newsletter__inner { min-height: 116px; display: grid; grid-template-columns: 1.15fr .95fr auto; align-items: center; gap: 28px; }
.sufeng-footer-newsletter h2 { margin: 0 0 4px; color: #fff; font-size: 20px; }
.sufeng-footer-newsletter p { margin: 0; color: #aebfd0; font-size: 12px; }
.sufeng-footer-newsletter form { height: 42px; display: grid; grid-template-columns: 1fr auto; overflow: hidden; border-radius: var(--sf-radius); background: #fff; }
.sufeng-footer-newsletter input { min-width: 0; padding: 0 14px; border: 0; color: var(--sf-ink); }
.sufeng-footer-newsletter button { border: 0; border-radius: 0; background: var(--sf-green-700); color: #fff; padding: 0 18px; font-weight: 800; }
.sufeng-payment-marks { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.sufeng-payment-marks > span { min-width: 58px; height: 31px; display: inline-flex; align-items: center; justify-content: center; padding: 0 8px; border-radius: 4px; background: #fff; color: #101828; font-size: 11px; font-weight: 900; }
.sufeng-payment-marks .visa { color: #1434cb; font-size: 14px; font-style: italic; }
.sufeng-payment-marks .mastercard i, .sufeng-payment-marks .mastercard i::after { width: 19px; height: 19px; display: block; border-radius: 50%; background: #eb001b; }
.sufeng-payment-marks .mastercard i { position: relative; transform: translateX(-5px); }
.sufeng-payment-marks .mastercard i::after { content: ""; position: absolute; left: 11px; background: rgba(247,158,27,.9); }
.sufeng-payment-marks .paypal { color: #003087; }
.sufeng-payment-marks .gpay { color: #4285f4; }
.sufeng-footer-grid { display: grid; grid-template-columns: repeat(4, 1fr) 1.35fr; gap: 72px; padding: 34px 0 28px; }
.sufeng-footer-grid h2 { margin: 0 0 12px; color: #fff; font-size: 14px; }
.sufeng-footer-links { margin: 0; padding: 0; list-style: none; }
.sufeng-footer-links li { margin: 0 0 6px; }
.sufeng-footer-links a, .sufeng-footer-company { font-size: 12px; }
.sufeng-footer-company p { margin: 0 0 9px; }
.sufeng-footer-company > a { display: block; margin-top: 5px; }
.sufeng-footer-bottom { min-height: 64px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 24px; border-top: 1px solid rgba(190,211,228,.18); font-size: 11px; }
.sufeng-footer-bottom p { margin: 0; }
.sufeng-footer-bottom nav { display: flex; gap: 18px; }
.sufeng-footer-contact { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.sufeng-footer-contact a { display: inline-flex; min-height: 38px; align-items: center; padding: 0 14px; border: 1px solid rgba(255,255,255,.32); color: #fff; text-decoration: none; }
.sufeng-footer-contact a:hover,
.sufeng-footer-contact a:focus-visible { border-color: #00c879; color: #fff; }
.sufeng-policy-page { padding-top: clamp(36px,6vw,80px); padding-bottom: clamp(52px,7vw,96px); }
.sufeng-policy-page > * { width: min(840px,100%); margin-inline: auto; }
.sufeng-policy-page h1 { margin-bottom: 12px; color: #071a2f; }
.sufeng-policy-page h2 { margin-top: 36px; margin-bottom: 10px; color: #071a2f; font-size: clamp(22px,2.4vw,30px); }
.sufeng-policy-page p,
.sufeng-policy-page li { color: #2f4358; line-height: 1.75; }
.sufeng-policy-page a { color: #007a4d; }
.sufeng-certs { display: flex; gap: 8px; }
.sufeng-certs span { min-width: 48px; height: 24px; display: inline-grid; place-items: center; border: 1px solid rgba(190,211,228,.28); border-radius: 3px; }

@media (max-width: 1180px) {
  .sufeng-footer .sufeng-container { width: min(var(--sf-container), calc(100% - 48px)); }
  .sufeng-footer-grid { gap: 34px; }
  .sufeng-topbar__services span:nth-child(4) { display: none; }
  .sufeng-mainbar { grid-template-columns: 290px minmax(280px,1fr) auto; gap: 18px; }
  .sufeng-brand strong { font-size: 21px; }
  .sufeng-nav-list a { padding-inline: 9px; }
  .sufeng-category-grid { grid-template-columns: repeat(3,1fr); }
  .sufeng-range-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sufeng-application-grid { grid-template-columns: repeat(3,1fr); }
  .sufeng-application-grid--feature { grid-template-rows: repeat(2, 170px); }
  .sufeng-benefits { grid-template-columns: repeat(3,1fr); }
  .sufeng-benefit:nth-child(3) { border-right: 0; }
  .sufeng-benefit:nth-child(-n+3) { border-bottom: 1px solid rgba(138,184,214,.22); }
  body.sufeng-site .woocommerce ul.products { grid-template-columns: repeat(3,1fr); }
  .sufeng-footer-newsletter__inner { grid-template-columns: 1fr 1fr; padding-block: 24px; }
  .sufeng-payment-marks { justify-content: flex-start; grid-column: 1 / -1; }
  .sufeng-wholesale-strip { grid-template-columns: repeat(3, 1fr); }
  .sufeng-wholesale-strip div:nth-child(3) { border-right: 0; }
  .sufeng-wholesale-strip div:nth-child(-n+3) { border-bottom: 1px solid var(--sf-border); }
}

@media (max-width: 899px) {
  .sufeng-container { width: min(100% - 32px, var(--sf-container)); }
  .sufeng-home-main .sufeng-section > .wp-block-group.sufeng-container,
  .sufeng-home-main .sufeng-section .sufeng-container.sufeng-split {
    width: calc(100% - 32px)!important;
  }
  .sufeng-topbar__inner { justify-content: center; }
  .sufeng-topbar__services { gap: 18px; }
  .sufeng-topbar__services span:nth-child(n+3), .sufeng-topbar__contact { display: none; }
  .sufeng-mainbar { min-height: 68px; grid-template-columns: 1fr auto auto; }
  .sufeng-header-positioning { display: none; }
  .sufeng-header-actions a:first-child { display: none; }
  .sufeng-menu-toggle { display: block; }
  .sufeng-navbar { border-top: 0; }
  .sufeng-primary-nav { position: absolute; left: 16px; right: 16px; top: 104px; display: none; padding: 14px; border: 1px solid var(--sf-border); background: #fff; box-shadow: var(--sf-shadow); }
  .sufeng-primary-nav.is-open { display: block; }
  .sufeng-all-categories, .sufeng-eu-button { width: 100%; min-height: 42px; }
  .sufeng-nav-list { display: block; }
  .sufeng-nav-list li, .sufeng-nav-list a { width: 100%; min-height: 42px; }
  .sufeng-hero { min-height: 560px; background-position: 61% center; }
  .sufeng-hero::before { content: ""; position: absolute; inset: 0; background: rgba(3,26,45,.42); }
  .sufeng-hero { position: relative; }
  .sufeng-hero > .wp-block-group__inner-container { position: relative; z-index: 1; width: min(100% - 32px,var(--sf-container)); }
  .sufeng-hero-copy { width: 520px; max-width: 78%; }
  .sufeng-hero-copy { margin-left: 16px!important; margin-right: 16px!important; }
  .sufeng-hero h1 { font-size: 42px; }
  .sufeng-category-grid, .sufeng-application-grid { grid-template-columns: repeat(2,1fr); }
  .sufeng-product-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sufeng-process-grid, .sufeng-support-grid { grid-template-columns: repeat(2,1fr); }
  .sufeng-split { grid-template-columns: 1fr; }
  .sufeng-split figure { min-height: 300px; }
  .sufeng-application-grid--feature { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 170px); }
  .sufeng-quality-visual, .sufeng-support-split { grid-template-columns: 1fr; }
  .sufeng-certifications-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.sufeng-site .woocommerce ul.products { grid-template-columns: repeat(2,1fr); }
  .sufeng-footer-grid { grid-template-columns: repeat(2,1fr); }
  .sufeng-footer-company { grid-column: 1 / -1; }
  .sufeng-footer-bottom { grid-template-columns: 1fr; padding: 20px 0; }
  .sufeng-wholesale-hero { min-height: 500px; background-position: 60% center; }
  .sufeng-wholesale-hero::before { content: ""; position: absolute; inset: 0; background: rgba(3,26,45,.38); }
  .sufeng-wholesale-hero { position: relative; }
  .sufeng-wholesale-hero .sufeng-container { position: relative; z-index: 1; }
  .sufeng-wholesale-hero__copy { width: min(560px, 72%); }
  .sufeng-wholesale-capability { grid-template-columns: 1fr; }
  .sufeng-wholesale-steps, .sufeng-wholesale-data { grid-template-columns: repeat(2, 1fr); }
  .sufeng-wholesale-step:nth-child(2)::after { display: none; }
  .sufeng-wholesale-quote { grid-template-columns: 1fr; }
  .sufeng-wholesale-quote__aside figure { margin-top: 26px; }
}

@media (max-width: 599px) {
  .sufeng-footer-contact { justify-content: flex-start; }
}

.sufeng-blog-hero { padding: 72px 0 62px; background: var(--sf-navy-900); color: #fff; }
.sufeng-blog-hero h1 { max-width: 900px; margin: 8px 0 16px; color: #fff; font-size: clamp(38px, 4vw, 58px); line-height: 1.08; }
.sufeng-blog-hero p:last-child { max-width: 820px; margin: 0; color: #d7e5ef; font-size: 18px; }
.sufeng-blog-section { padding: 64px 0 84px; background: #f5f8fa; }
.sufeng-blog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.sufeng-blog-card { display: flex; min-height: 320px; overflow: hidden; border: 1px solid var(--sf-border); border-radius: var(--sf-radius); background: #fff; box-shadow: var(--sf-shadow); }
.sufeng-blog-card__image { flex: 0 0 40%; min-height: 100%; }
.sufeng-blog-card__image img { width: 100%; height: 100%; object-fit: cover; }
.sufeng-blog-card__body { display: flex; flex: 1; flex-direction: column; padding: 30px; }
.sufeng-blog-card__meta, .sufeng-article-meta { color: var(--sf-text-muted); font-size: 13px; }
.sufeng-blog-card h2 { margin: 8px 0 14px; font-size: 25px; line-height: 1.2; }
.sufeng-blog-card h2 a { color: var(--sf-navy-900); }
.sufeng-blog-card .sufeng-text-link { margin-top: auto; color: var(--sf-green-700); font-weight: 700; }
.sufeng-article-main { padding: 56px 0 84px; background: #f5f8fa; }
.sufeng-article-shell { max-width: 980px; }
.sufeng-article { overflow: hidden; border: 1px solid var(--sf-border); border-radius: var(--sf-radius); background: #fff; box-shadow: var(--sf-shadow); }
.sufeng-article-header { padding: 54px 64px 30px; }
.sufeng-article-header h1 { max-width: 840px; margin: 8px 0 18px; font-size: clamp(38px, 5vw, 58px); line-height: 1.08; }
.sufeng-article-image { margin: 0; }
.sufeng-article-image img { display: block; width: 100%; max-height: 520px; object-fit: cover; }
.sufeng-article-content { padding: 24px 64px 60px; color: #15293a; font-size: 18px; line-height: 1.75; }
.sufeng-article-content h2 { margin-top: 42px; color: var(--sf-navy-900); font-size: 31px; }
.sufeng-article-content h3 { margin-top: 30px; color: var(--sf-navy-900); font-size: 23px; }
.sufeng-article-content table { width: 100%; border-collapse: collapse; }
.sufeng-article-content th, .sufeng-article-content td { padding: 13px; border: 1px solid var(--sf-border); text-align: left; vertical-align: top; }
.sufeng-article-content th { background: #edf4f7; }
.sufeng-article-cta { padding: 36px 64px 44px; background: var(--sf-navy-900); color: #fff; }
.sufeng-article-cta h2 { margin: 0 0 8px; color: #fff; }
.sufeng-article-cta p { color: #d7e5ef; }

@media (max-width: 599px) {
  html, body.sufeng-site { max-width: 100%; overflow-x: hidden; }
  .sufeng-site-header, .sufeng-mainbar, .sufeng-blog-main, .sufeng-blog-card { min-width: 0; max-width: 100%; }
  .sufeng-header-actions { display: none; }
  .sufeng-blog-hero { padding: 48px 0 42px; }
  .sufeng-blog-hero .sufeng-container, .sufeng-blog-card__body { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
  .sufeng-blog-hero h1 { font-size: 36px; }
  .sufeng-blog-hero h1, .sufeng-blog-hero p, .sufeng-blog-card h2, .sufeng-blog-card p { overflow-wrap: anywhere; }
  .sufeng-blog-grid { grid-template-columns: 1fr; }
  .sufeng-blog-card { display: block; }
  .sufeng-blog-card__image { display: block; min-height: 210px; }
  .sufeng-article-main { padding: 24px 0 50px; }
  .sufeng-article-header { padding: 34px 22px 22px; }
  .sufeng-article-header h1 { font-size: 36px; }
  .sufeng-article-content { padding: 18px 22px 42px; font-size: 16px; }
  .sufeng-article-content .wp-block-table { overflow-x: auto; }
  .sufeng-article-cta { padding: 30px 22px 36px; }
  .sufeng-topbar__services span:nth-child(2) { display: none; }
  .sufeng-mainbar { grid-template-columns: 1fr auto auto; gap: 10px; }
  .sufeng-brand__mark { width: 40px; height: 40px; flex-basis: 40px; font-size: 25px; }
  .sufeng-brand strong { font-size: 18px; }
  .sufeng-brand small { display: none; }
  .sufeng-header-actions { gap: 8px; }
  .sufeng-header-actions a { font-size: 12px; }
  .sufeng-primary-nav { top: 104px; }
  .sufeng-model-filter { align-items: stretch; flex-direction: column; margin-bottom: 22px; padding: 16px; }
  .sufeng-model-filter__options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sufeng-model-filter__options a { justify-content: center; padding-inline: 10px; }
  .sufeng-hero { min-height: 510px; background-position: 62% center; }
  .sufeng-hero::before { background: rgba(3,26,45,.64); }
  .sufeng-hero-copy { max-width: 100%; }
  .sufeng-hero-copy { margin-left: 16px!important; margin-right: 16px!important; }
  .sufeng-hero h1 { font-size: 36px; }
  .sufeng-hero-trust { grid-template-columns: 1fr; gap: 9px; }
  /* Gutenberg emits a six-column layout class after this stylesheet. Keep each
     promise readable on phones instead of allowing the generated grid to squeeze it. */
  .sufeng-benefits {
    width: calc(100% - 32px)!important;
    grid-template-columns: minmax(0, 1fr)!important;
    gap: 0!important;
  }
  .sufeng-home-main > .sufeng-benefits { width: calc(100% - 32px)!important; }
  .sufeng-benefit {
    min-height: 76px;
    padding: 14px 16px;
    border-right: 0!important;
    border-bottom: 1px solid rgba(138,184,214,.22);
  }
  .sufeng-benefit:nth-last-child(-n+2) { border-bottom: 1px solid rgba(138,184,214,.22); }
  .sufeng-benefit:last-child { border-bottom: 0; }
  .sufeng-section { padding: 48px 0; }
  .sufeng-section-heading h2 { font-size: 29px; }
  .sufeng-category-grid, .sufeng-application-grid, .sufeng-process-grid, .sufeng-support-grid { grid-template-columns: 1fr; }
  .sufeng-product-range__header { align-items: flex-start; flex-direction: column; }
  .sufeng-product-range__header h2 { font-size: 31px; }
  .sufeng-product-tabs { display: flex; margin-inline: -16px; padding: 0 16px 5px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .sufeng-product-tabs::-webkit-scrollbar { display: none; }
  .sufeng-product-tabs button { min-width: 220px; flex: 0 0 220px; scroll-snap-align: start; }
  .sufeng-range-grid { display: flex; margin-inline: -16px; padding: 0 16px 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .sufeng-range-grid::-webkit-scrollbar { display: none; }
  .sufeng-range-card { min-width: min(84vw,340px); flex: 0 0 min(84vw,340px); scroll-snap-align: start; }
  .sufeng-certifications-heading { width: 100%; }
  .sufeng-certifications-heading h2 { font-size: 24px; }
  .sufeng-certifications-grid { width: 100%; grid-template-columns: minmax(0, 1fr); }
  .sufeng-certification-card { min-height: 280px; }
  .sufeng-application-grid--feature { grid-template-columns: 1fr; grid-template-rows: none; }
  .sufeng-application-grid--feature .sufeng-application, .sufeng-application--feature { min-height: 230px; grid-column: auto; grid-row: auto; }
  .sufeng-quality-visual figure, .sufeng-support-split figure { min-height: 240px; }
  .sufeng-quality-visual__copy, .sufeng-support-split__copy { padding: 28px 24px; }
  .sufeng-category-card { min-height: 330px; }
  .sufeng-split__copy { padding: 30px 24px; }
  .sufeng-split h2 { font-size: 29px; }
  .sufeng-page-header, .sufeng-page-content { padding: 28px 22px; }
  .sufeng-page-header h1 { font-size: 34px; }
  body.sufeng-site .woocommerce ul.products { grid-template-columns: 1fr 1fr; gap: 10px; }
  body.sufeng-site .woocommerce ul.products li.product { padding: 10px; }
  body.sufeng-site .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 58px; font-size: 13px; }
  .sufeng-product-support { grid-template-columns: 1fr; }
  .sufeng-footer-newsletter__inner { grid-template-columns: 1fr; }
  .sufeng-footer-newsletter form { grid-template-columns: 1fr; height: auto; }
  .sufeng-footer-newsletter input, .sufeng-footer-newsletter button { height: 42px; }
  .sufeng-footer-grid { grid-template-columns: 1fr; }
  .sufeng-footer-company { grid-column: auto; }
  .sufeng-footer-bottom nav { flex-wrap: wrap; }
  .sufeng-wholesale-hero { min-height: 520px; background-position: 64% center; }
  .sufeng-wholesale-hero::before { background: rgba(3,26,45,.62); }
  .sufeng-wholesale-hero__copy { width: 100%; padding-block: 40px; }
  .sufeng-wholesale-hero h1 { font-size: 37px; }
  .sufeng-wholesale-points { grid-template-columns: 1fr; gap: 9px; }
  .sufeng-wholesale-strip { width: calc(100% - 32px); grid-template-columns: 1fr 1fr; }
  .sufeng-wholesale-strip div { border-right: 1px solid var(--sf-border)!important; border-bottom: 1px solid var(--sf-border); }
  .sufeng-wholesale-strip div:nth-child(even) { border-right: 0!important; }
  .sufeng-wholesale-strip div:last-child { grid-column: 1 / -1; border-bottom: 0; }
  .sufeng-wholesale-section { padding: 48px 0; }
  .sufeng-wholesale-heading h2 { font-size: 29px; }
  .sufeng-wholesale-capability { gap: 26px; }
  .sufeng-wholesale-capability img { min-height: 250px; }
  .sufeng-wholesale-steps, .sufeng-wholesale-data, .sufeng-wholesale-contact { grid-template-columns: 1fr; }
  .sufeng-wholesale-step:not(:last-child)::after { display: none; }
  .sufeng-wholesale-quote__aside, .sufeng-wholesale-quote__form { padding: 26px 20px; }
}

/* Final mobile header override. */
@media (max-width: 899px) {
  body.sufeng-site .sufeng-header { position: relative; }
  body.sufeng-site .sufeng-mainbar > .sufeng-menu-toggle {
    position: absolute!important;
    top: 12px!important;
    right: 0!important;
    z-index: 9999!important;
    display: block!important;
    visibility: visible!important;
    opacity: 1!important;
    width: 44px!important;
    height: 44px!important;
    padding: 10px!important;
    border: 1px solid #007d4f!important;
    background: #008f5a!important;
  }
  body.sufeng-site .sufeng-menu-toggle i { background: #fff!important; }
  body.sufeng-site .sufeng-navbar {
    overflow: visible;
    background: transparent;
  }
  body.sufeng-site .sufeng-primary-nav {
    z-index: 9998;
    max-height: calc(100vh - 128px);
    overflow-y: auto;
  }
  body.sufeng-site .sufeng-primary-nav > .sufeng-nav-list {
    display: block!important;
    width: 100%!important;
  }
  body.sufeng-site .sufeng-nav-list > li,
  body.sufeng-site .sufeng-nav-list > li > a,
  body.sufeng-site .sufeng-products-menu__trigger {
    width: 100%!important;
  }
}

.sufeng-hero-intro {
  padding: 30px 0 32px;
  border-bottom: 1px solid var(--sf-border);
  background: #fff;
}
.sufeng-hero-intro__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 32px;
}
.sufeng-hero-intro h1 {
  max-width: 820px;
  margin: 0 0 8px;
  color: var(--sf-navy-950);
  font-size: clamp(30px, 3.1vw, 46px);
  line-height: 1.08;
}
.sufeng-hero-intro p {
  max-width: 820px;
  margin: 0;
  color: #425466;
  font-size: 17px;
  line-height: 1.55;
}
.sufeng-hero-intro__actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sufeng-hero-intro__actions a {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border: 1px solid var(--sf-green-700);
  border-radius: 5px;
  color: var(--sf-green-700);
  font-weight: 800;
  text-decoration: none;
}
.sufeng-hero-intro__actions a:first-child {
  background: var(--sf-green-700);
  color: #fff;
}

@media (max-width: 760px) {
  .sufeng-hero-intro {
    padding: 24px 0 26px;
  }
  .sufeng-hero-intro__inner {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .sufeng-hero-intro p {
    font-size: 15px;
  }
  .sufeng-hero-intro__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 981px) {
  body.sufeng-site .sufeng-product-sidebar { z-index: 60; overflow: visible; }
  body.sufeng-site .sufeng-category-tree--sidebar .sufeng-category-tree__item.is-flyout-open > .sufeng-category-tree__row { background: var(--sf-green-700)!important; }
  body.sufeng-site .sufeng-category-tree--sidebar .sufeng-category-tree__item.is-flyout-open > .sufeng-category-tree__row > a { color: #fff!important; }
  body.sufeng-site .sufeng-category-tree--sidebar .sufeng-category-tree__item.is-flyout-open > .sufeng-category-tree__row > .sufeng-category-tree__toggle::before,
  body.sufeng-site .sufeng-category-tree--sidebar .sufeng-category-tree__item.is-flyout-open > .sufeng-category-tree__row > .sufeng-category-tree__toggle::after { background: #fff!important; }
  body.sufeng-site .sufeng-category-tree--sidebar > .sufeng-category-tree__level > .sufeng-category-tree__item > .sufeng-category-tree__panel { z-index: 70; }
}

@media (max-width: 980px) {
  body.sufeng-site .sufeng-commerce-main button.sufeng-category-drawer-toggle,
  body.sufeng-site .sufeng-commerce-main button.sufeng-category-drawer-close {
    color: #000!important;
    opacity: 1!important;
    visibility: visible!important;
  }
}

/* Definitive mobile layout: keep this block last. */
@media (max-width: 899px) {
  html,
  body.sufeng-site {
    width: 100%!important;
    max-width: 100%!important;
    overflow-x: hidden!important;
  }

  body.sufeng-site .sufeng-mainbar.sufeng-container {
    position: relative!important;
    display: flex!important;
    width: 100%!important;
    max-width: none!important;
    min-height: 68px!important;
    align-items: center!important;
    padding: 0 72px 0 16px!important;
  }

  body.sufeng-site .sufeng-brand {
    min-width: 0!important;
    max-width: 100%!important;
  }

  body.sufeng-site .sufeng-brand .custom-logo-link,
  body.sufeng-site .sufeng-brand .custom-logo {
    display: block!important;
    width: auto!important;
    max-width: min(220px, 100%)!important;
    height: auto!important;
  }

  body.sufeng-site .sufeng-mainbar.sufeng-container > button.sufeng-menu-toggle {
    position: absolute!important;
    top: 50%!important;
    right: 16px!important;
    z-index: 10001!important;
    display: block!important;
    width: 44px!important;
    height: 44px!important;
    margin: 0!important;
    padding: 10px!important;
    transform: translateY(-50%)!important;
    border: 1px solid #007d4f!important;
    border-radius: 4px!important;
    background: #008f5a!important;
    opacity: 1!important;
    visibility: visible!important;
  }

  body.sufeng-site .sufeng-mainbar.sufeng-container > button.sufeng-menu-toggle i {
    display: block!important;
    width: 100%!important;
    height: 2px!important;
    margin: 4px 0!important;
    background: #fff!important;
  }

  body.sufeng-site .sufeng-primary-nav {
    top: 68px!important;
    right: 16px!important;
    left: 16px!important;
    z-index: 10000!important;
    width: auto!important;
    max-width: none!important;
  }

  body.sufeng-site .sufeng-hero-intro,
  body.sufeng-site .sufeng-hero-intro__inner,
  body.sufeng-site .sufeng-hero-intro__inner > *,
  body.sufeng-site .sufeng-wholesale-hero,
  body.sufeng-site .sufeng-wholesale-hero__copy,
  body.sufeng-site .sufeng-wholesale-strip {
    min-width: 0!important;
    max-width: 100%!important;
  }

  body.sufeng-site .sufeng-hero-intro__inner {
    width: calc(100% - 32px)!important;
    margin-inline: auto!important;
  }

  body.sufeng-site .sufeng-hero-intro h1,
  body.sufeng-site .sufeng-wholesale-hero h1 {
    max-width: 100%!important;
    font-size: clamp(30px, 9vw, 40px)!important;
    overflow-wrap: anywhere!important;
    word-break: normal!important;
  }

  body.sufeng-site .sufeng-hero-intro p,
  body.sufeng-site .sufeng-wholesale-hero p,
  body.sufeng-site .sufeng-wholesale-strip * {
    max-width: 100%!important;
    overflow-wrap: anywhere!important;
    word-break: normal!important;
  }

  body.sufeng-site .sufeng-wholesale-strip {
    width: calc(100% - 32px)!important;
    margin-inline: auto!important;
    overflow: hidden!important;
  }

  body.sufeng-site .cookie-notification {
    right: 12px!important;
    bottom: 12px!important;
    left: 12px!important;
    width: auto!important;
    max-width: none!important;
  }

  body.sufeng-site .cookie-notification .container {
    display: grid!important;
    width: 100%!important;
    max-width: none!important;
    grid-template-columns: 1fr!important;
    gap: 12px!important;
    padding: 16px!important;
  }

  body.sufeng-site .cookie-notification .ct-cookies-content {
    min-width: 0!important;
    max-width: 100%!important;
    overflow-wrap: anywhere!important;
  }

  body.sufeng-site .cookie-notification .ct-button-group {
    display: flex!important;
    flex-wrap: wrap!important;
    gap: 10px!important;
  }
}

/*
 * Final responsive accessibility and layout fixes.
 * Keep this block at the end of the file so legacy archive rules cannot
 * override the primary navigation or the homepage/wholesale introductions.
 */
@media (min-width: 900px) {
  body.sufeng-site .sufeng-hero-intro__inner {
    width: min(var(--sf-home-container), calc(100% - 96px))!important;
    max-width: var(--sf-home-container)!important;
    margin-inline: auto!important;
    grid-template-columns: minmax(0, 780px) auto!important;
    justify-content: space-between!important;
    gap: 48px!important;
  }

  body.sufeng-site .sufeng-hero-intro h1 {
    max-width: 780px!important;
    font-size: clamp(38px, 3.1vw, 50px)!important;
    line-height: 1.08!important;
  }
}

@media (max-width: 899px) {
  html,
  body.sufeng-site {
    width: 100%!important;
    max-width: 100%!important;
    overflow-x: hidden!important;
  }

  body.sufeng-site .sufeng-header,
  body.sufeng-site .sufeng-mainbar,
  body.sufeng-site .sufeng-navbar {
    overflow: visible!important;
  }

  body.sufeng-site .sufeng-mainbar.sufeng-container {
    position: relative!important;
    display: flex!important;
    width: 100%!important;
    max-width: none!important;
    min-height: 68px!important;
    align-items: center!important;
    padding: 0 72px 0 16px!important;
  }

  body.sufeng-site .sufeng-brand {
    min-width: 0!important;
    max-width: 100%!important;
  }

  body.sufeng-site .sufeng-brand .custom-logo-link,
  body.sufeng-site .sufeng-brand .custom-logo {
    display: block!important;
    width: auto!important;
    max-width: min(220px, 100%)!important;
    height: auto!important;
  }

  body.sufeng-site button.sufeng-menu-toggle {
    position: absolute!important;
    top: 50%!important;
    right: 16px!important;
    z-index: 10001!important;
    display: flex!important;
    width: 44px!important;
    height: 44px!important;
    margin: 0!important;
    padding: 0!important;
    transform: translateY(-50%)!important;
    align-items: center!important;
    justify-content: center!important;
    border: 1px solid #007d4f!important;
    border-radius: 4px!important;
    background: #008f5a!important;
    color: #fff!important;
    opacity: 1!important;
    visibility: visible!important;
  }

  body.sufeng-site button.sufeng-menu-toggle::before {
    content: "\2630"!important;
    display: block!important;
    color: #fff!important;
    font-family: Arial, sans-serif!important;
    font-size: 25px!important;
    font-weight: 400!important;
    line-height: 1!important;
  }

  body.sufeng-site button.sufeng-menu-toggle i {
    display: none!important;
  }

  body.sufeng-site .sufeng-primary-nav {
    top: 68px!important;
    right: 16px!important;
    left: 16px!important;
    z-index: 10000!important;
    width: auto!important;
    max-width: none!important;
    max-height: calc(100vh - 88px)!important;
    overflow-y: auto!important;
  }

  body.sufeng-site .sufeng-hero-intro,
  body.sufeng-site .sufeng-hero-intro__inner,
  body.sufeng-site .sufeng-hero-intro__inner > *,
  body.sufeng-site .sufeng-wholesale-hero,
  body.sufeng-site .sufeng-wholesale-hero .sufeng-container,
  body.sufeng-site .sufeng-wholesale-hero__copy,
  body.sufeng-site .sufeng-wholesale-strip,
  body.sufeng-site .sufeng-wholesale-strip > * {
    box-sizing: border-box!important;
    min-width: 0!important;
    max-width: 100%!important;
  }

  body.sufeng-site .sufeng-hero-intro__inner,
  body.sufeng-site .sufeng-wholesale-hero .sufeng-container,
  body.sufeng-site .sufeng-wholesale-strip {
    width: calc(100% - 32px)!important;
    margin-inline: auto!important;
  }

  body.sufeng-site .sufeng-hero-intro__inner {
    display: block!important;
  }

  body.sufeng-site .sufeng-hero-intro h1 {
    max-width: 100%!important;
    font-size: clamp(28px, 8vw, 34px)!important;
    line-height: 1.1!important;
    overflow-wrap: normal!important;
    word-break: normal!important;
    hyphens: none!important;
  }

  body.sufeng-site .sufeng-hero-intro p {
    max-width: 100%!important;
    font-size: 15px!important;
    line-height: 1.55!important;
    overflow-wrap: normal!important;
    word-break: normal!important;
    hyphens: none!important;
  }

  body.sufeng-site .sufeng-hero-intro__actions {
    margin-top: 20px!important;
  }

  body.sufeng-site .sufeng-wholesale-hero {
    width: 100%!important;
    min-height: 500px!important;
    overflow: hidden!important;
    background-position: 64% center!important;
  }

  body.sufeng-site .sufeng-wholesale-hero__copy {
    width: 100%!important;
    padding: 38px 0!important;
  }

  body.sufeng-site .sufeng-wholesale-hero h1 {
    max-width: 100%!important;
    font-size: clamp(30px, 8vw, 36px)!important;
    line-height: 1.08!important;
    overflow-wrap: normal!important;
    word-break: normal!important;
    hyphens: none!important;
  }

  body.sufeng-site .sufeng-wholesale-hero p,
  body.sufeng-site .sufeng-wholesale-strip * {
    max-width: 100%!important;
    overflow-wrap: normal!important;
    word-break: normal!important;
    hyphens: none!important;
  }

  body.sufeng-site .sufeng-wholesale-strip {
    grid-template-columns: 1fr!important;
    overflow: hidden!important;
  }

  body.sufeng-site .sufeng-wholesale-strip > div {
    grid-column: auto!important;
    border-right: 0!important;
    border-bottom: 1px solid var(--sf-border)!important;
  }

  body.sufeng-site .sufeng-wholesale-strip > div:last-child {
    border-bottom: 0!important;
  }

  body.sufeng-site .cookie-notification {
    right: 12px!important;
    bottom: 12px!important;
    left: 12px!important;
    box-sizing: border-box!important;
    width: auto!important;
    max-width: calc(100vw - 24px)!important;
  }

  body.sufeng-site .cookie-notification .container {
    display: grid!important;
    box-sizing: border-box!important;
    width: 100%!important;
    max-width: 100%!important;
    grid-template-columns: minmax(0, 1fr)!important;
    gap: 12px!important;
    padding: 16px!important;
  }

  body.sufeng-site .cookie-notification .ct-cookies-content {
    min-width: 0!important;
    width: 100%!important;
    max-width: 100%!important;
    overflow-wrap: normal!important;
    word-break: normal!important;
  }

  body.sufeng-site .cookie-notification .ct-button-group {
    display: flex!important;
    max-width: 100%!important;
    flex-wrap: wrap!important;
    gap: 10px!important;
  }
}
/* Full-width B2B About page */
body.page-id-1630 .sufeng-content-shell{max-width:none;padding:0}body.page-id-1630 .sufeng-page-header{display:none}body.page-id-1630 .sufeng-page{max-width:none}body.page-id-1630 .sufeng-page-content{max-width:none;margin:0}
.sufeng-about-contact{background:#fff!important;color:#073248!important;border-top:1px solid #d8e5df}.sufeng-about-contact p{color:#466275!important}.sufeng-about-contact .sufeng-header-inquiry{display:inline-flex;background:#008e5a;color:#fff}
/* Solutions page */
.sufeng-solutions-hero{background:#f2f8f5}.sufeng-solutions-hero__grid{display:grid;grid-template-columns:1fr 1fr;min-height:620px;align-items:center;gap:64px}.sufeng-solutions-hero h1,.sufeng-solutions-section h2,.sufeng-solutions-eu h2{margin:12px 0 22px;font-size:clamp(42px,5.6vw,80px);line-height:1.02;letter-spacing:-.06em}.sufeng-solutions-hero p,.sufeng-solutions-intro,.sufeng-solutions-eu p{max-width:680px;color:#466275;font-size:18px;line-height:1.65}.sufeng-solutions-hero figure{height:620px;margin:0;position:relative;overflow:hidden}.sufeng-solutions-hero img{width:100%;height:100%;object-fit:cover}.sufeng-solutions-hero figcaption{position:absolute;right:12px;bottom:12px;padding:6px 9px;background:#fff;color:#955b18;font-size:11px;font-weight:800}.sufeng-solutions-link{display:inline-flex;margin:26px 0 0 12px;padding:14px 18px;border:1px solid #c8dcd4;background:#fff;color:#073248;font-weight:800}.sufeng-solutions-section{padding:clamp(70px,9vw,130px) 0}.sufeng-solutions-section--mist{background:#f2f8f5}.sufeng-solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.sufeng-solutions-grid article{min-height:308px;padding:0 28px 28px;border:1px solid #d8e5df;position:relative;background:#fff}.sufeng-solutions-grid span{display:block;height:105px;margin:0 -28px 26px;background:linear-gradient(135deg,#dcefe5,#f7faf9);border-bottom:1px solid #d8e5df}.sufeng-solutions-grid article:nth-child(2n) span{background:linear-gradient(135deg,#dce8f1,#fff)}.sufeng-solutions-grid h3,.sufeng-solutions-steps h3{margin:0 0 12px;color:#073248;font-size:27px;letter-spacing:-.04em}.sufeng-solutions-grid p,.sufeng-solutions-steps p{margin:0;color:#527083;line-height:1.55}.sufeng-solutions-grid a{position:absolute;bottom:24px;color:#008e5a;font-weight:800}.sufeng-solutions-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px;border-top:1px solid #d8e5df;border-left:1px solid #d8e5df}.sufeng-solutions-steps article{padding:28px;border-right:1px solid #d8e5df;border-bottom:1px solid #d8e5df;background:#fff}.sufeng-solutions-steps b{color:#008e5a;font-size:13px}.sufeng-solutions-steps h3{margin-top:20px;font-size:23px}.sufeng-solutions-eu{padding:clamp(72px,9vw,130px) 0;background:#073248;color:#fff}.sufeng-solutions-eu h2{max-width:760px}.sufeng-solutions-eu p{color:#c7dce6}@media(max-width:760px){.sufeng-solutions-hero__grid,.sufeng-solutions-grid,.sufeng-solutions-steps{grid-template-columns:1fr}.sufeng-solutions-hero__grid{gap:0}.sufeng-solutions-hero__grid>div{padding:72px 0}.sufeng-solutions-hero figure{height:340px}.sufeng-solutions-link{margin-left:0}.sufeng-solutions-grid article{min-height:280px}}
body.sufeng-site .sufeng-solutions-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}body.sufeng-site .sufeng-solutions-grid>article{display:block!important;min-height:308px!important;padding:0 28px 28px!important;border:1px solid #d8e5df!important;background:#fff!important}body.sufeng-site .sufeng-solutions-grid>article>span{display:block!important;height:105px!important;margin:0 -28px 26px!important;background:linear-gradient(135deg,#dcefe5,#f7faf9)!important}body.sufeng-site .sufeng-solutions-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}@media(max-width:760px){body.sufeng-site .sufeng-solutions-grid,body.sufeng-site .sufeng-solutions-steps{grid-template-columns:1fr!important}}
body.page-id-32 .sufeng-solutions-hero{position:relative!important;min-height:760px!important;overflow:hidden!important;background:#f2f8f5!important}body.page-id-32 .sufeng-solutions-hero__grid{display:block!important;min-height:760px!important}body.page-id-32 .sufeng-solutions-hero__grid>div{position:relative!important;z-index:1!important;width:45%!important;padding:140px 48px 100px 0!important}body.page-id-32 .sufeng-solutions-hero figure{position:absolute!important;inset:0 0 0 45%!important;width:55%!important;height:760px!important;margin:0!important}body.page-id-32 .sufeng-solutions-hero img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}@media(max-width:760px){body.page-id-32 .sufeng-solutions-hero{min-height:0!important}body.page-id-32 .sufeng-solutions-hero__grid{min-height:0!important;display:grid!important;grid-template-columns:1fr!important}body.page-id-32 .sufeng-solutions-hero__grid>div{width:100%!important;padding:72px 0!important}body.page-id-32 .sufeng-solutions-hero figure{position:relative!important;inset:auto!important;width:100%!important;height:440px!important}}
.sufeng-about-hero,.sufeng-about-section,.sufeng-about-warehouse,.sufeng-about-contact{padding:clamp(64px,8vw,128px) 0}.sufeng-about-hero{background:linear-gradient(115deg,#eaf7f0,#fff 64%)}.sufeng-about-hero__grid,.sufeng-about-warehouse__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,6vw,86px);align-items:center}.sufeng-about-hero h1,.sufeng-about-section h2,.sufeng-about-warehouse h2,.sufeng-about-contact h2{margin:10px 0 20px;font-size:clamp(42px,5.7vw,80px);line-height:1.01;letter-spacing:-.06em}.sufeng-about-hero p,.sufeng-about-warehouse p,.sufeng-about-contact p{max-width:680px;color:#466275;font-size:clamp(17px,1.4vw,21px);line-height:1.65}.sufeng-about-hero figure,.sufeng-about-warehouse figure{position:relative;min-height:500px;margin:0;overflow:hidden}.sufeng-about-hero img,.sufeng-about-warehouse img{width:100%;height:100%;position:absolute;object-fit:cover}.sufeng-about-hero figcaption,.sufeng-about-warehouse figcaption{position:absolute;right:12px;bottom:12px;padding:6px 9px;background:#fff;color:#955b18;font-size:11px;font-weight:800}.sufeng-about-section{background:#fff}.sufeng-about-warehouse{background:#f2f8f5}.sufeng-about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.sufeng-about-cards article{padding:28px;border:1px solid #d8e5df;background:#fff}.sufeng-about-cards b{display:block;margin-bottom:10px;color:#073248;font-size:21px}.sufeng-about-cards p{margin:0;color:#557080;font-size:16px}.sufeng-about-cards small{color:#93601f;font-weight:750}.sufeng-about-warehouse .sufeng-about-cards{grid-template-columns:repeat(2,1fr)}.sufeng-about-contact{background:#062b43;color:#fff}.sufeng-about-contact p{color:#c7dce6}@media(max-width:760px){.sufeng-about-hero__grid,.sufeng-about-warehouse__grid,.sufeng-about-cards,.sufeng-about-warehouse .sufeng-about-cards{grid-template-columns:1fr}.sufeng-about-hero figure,.sufeng-about-warehouse figure{min-height:310px}.sufeng-about-hero h1,.sufeng-about-section h2,.sufeng-about-warehouse h2,.sufeng-about-contact h2{font-size:44px}}
/* Solution application visuals */
.sufeng-solutions-grid article>span{height:158px!important;overflow:hidden!important}
.sufeng-solutions-grid article>span>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
/* About and warehouse supporting visuals */
.sufeng-about-location-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.sufeng-about-location-visuals>.sufeng-about-visual{margin:0}.sufeng-about-location-visuals .sufeng-about-visual img{display:block;width:100%;height:240px;object-fit:cover}.sufeng-about-location-visuals .sufeng-about-visual figcaption{position:static;margin-top:8px}@media(max-width:760px){.sufeng-about-location-visuals{grid-template-columns:1fr}.sufeng-about-location-visuals .sufeng-about-visual img{height:220px}}
/* Full-bleed hero standard: copy the Contact page image proportion. */
body.sufeng-site .sufeng-solutions-hero,body.sufeng-site .sufeng-about-hero{position:relative!important;min-height:760px!important;overflow:hidden!important;background:#f2f8f5!important}
body.sufeng-site .sufeng-solutions-hero__grid,body.sufeng-site .sufeng-about-hero__grid{display:block!important;min-height:760px!important}
body.sufeng-site .sufeng-solutions-hero__grid>div,body.sufeng-site .sufeng-about-hero__grid>div:first-child{position:relative!important;z-index:1!important;width:45%!important;padding:140px 48px 100px 0!important}
body.sufeng-site .sufeng-solutions-hero figure,body.sufeng-site .sufeng-about-hero>.sufeng-container>figure,body.sufeng-site .sufeng-about-hero .sufeng-about-visual{position:absolute!important;inset:0 0 0 45%!important;width:55%!important;height:760px!important;margin:0!important;max-width:none!important}
body.sufeng-site .sufeng-solutions-hero figure img,body.sufeng-site .sufeng-about-hero .sufeng-about-visual img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body.sufeng-site .sufeng-about-hero .sufeng-about-visual figcaption{position:absolute!important;right:12px!important;bottom:12px!important;z-index:2!important}
@media(max-width:760px){body.sufeng-site .sufeng-solutions-hero,body.sufeng-site .sufeng-about-hero{min-height:0!important}body.sufeng-site .sufeng-solutions-hero__grid,body.sufeng-site .sufeng-about-hero__grid{display:grid!important;min-height:0!important;grid-template-columns:1fr!important}body.sufeng-site .sufeng-solutions-hero__grid>div,body.sufeng-site .sufeng-about-hero__grid>div:first-child{width:100%!important;padding:72px 0!important}body.sufeng-site .sufeng-solutions-hero figure,body.sufeng-site .sufeng-about-hero>.sufeng-container>figure,body.sufeng-site .sufeng-about-hero .sufeng-about-visual{position:relative!important;inset:auto!important;width:100%!important;height:420px!important}}
/* European warehouse block: one introduction, then one visual per location. */
.sufeng-warehouse-intro{max-width:760px}.sufeng-warehouse-intro h2{max-width:720px}.sufeng-warehouse-location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:42px}.sufeng-warehouse-location-grid article{overflow:hidden;border:1px solid #d8e5df;background:#fff}.sufeng-warehouse-location-grid .sufeng-about-visual{position:relative!important;display:block!important;height:300px!important;min-height:0!important;margin:0!important;overflow:hidden}.sufeng-warehouse-location-grid .sufeng-about-visual img{position:static!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}.sufeng-warehouse-location-grid .sufeng-about-visual figcaption{position:absolute!important;right:12px!important;bottom:12px!important}.sufeng-warehouse-location-grid article>div{padding:26px 28px 30px}.sufeng-warehouse-location-grid b{display:block;margin-bottom:8px;color:#073248;font-size:24px}.sufeng-warehouse-location-grid p{margin:0;max-width:500px;color:#557080;font-size:16px;line-height:1.6}.sufeng-warehouse-action{margin:30px 0 0}@media(max-width:760px){.sufeng-warehouse-location-grid{grid-template-columns:1fr;gap:18px}.sufeng-warehouse-location-grid .sufeng-about-visual{height:230px!important}}
/* B2B catalogue mode: safeguard against retail UI supplied by plugins or the parent theme. */
body.sufeng-site .woocommerce .price,body.sufeng-site .woocommerce .add_to_cart_button,body.sufeng-site .woocommerce .product_type_simple,body.sufeng-site .woocommerce form.cart,body.sufeng-site .sufeng-loop-cart,body.sufeng-site .ct-header-cart,body.sufeng-site .ct-cart-item{display:none!important}
/* 2026 B2B UI system — precision energy supply. */
:root{--sf-ui-navy:#073248;--sf-ui-green:#008e5a;--sf-ui-green-dark:#006d46;--sf-ui-ink:#102b3a;--sf-ui-muted:#5d7180;--sf-ui-mist:#f2f8f5;--sf-ui-line:#d7e5df;--sf-ui-white:#fff;--sf-ui-radius:2px}
body.sufeng-site{background:var(--sf-ui-white);color:var(--sf-ui-ink);font-feature-settings:"kern" 1,"liga" 1}
body.sufeng-site .sufeng-container{width:min(1280px,calc(100% - 64px))}
body.sufeng-site h1,body.sufeng-site h2,body.sufeng-site h3{color:var(--sf-ui-navy);text-wrap:balance}
body.sufeng-site h1{font-weight:850;letter-spacing:-.055em}body.sufeng-site h2{font-weight:820;letter-spacing:-.045em}body.sufeng-site p{color:var(--sf-ui-muted)}
body.sufeng-site .sufeng-eyebrow{display:flex;align-items:center;gap:9px;color:var(--sf-ui-green-dark);font-size:12px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}body.sufeng-site .sufeng-eyebrow::before{width:22px;height:2px;background:currentColor;content:""}
body.sufeng-site .sufeng-header-inquiry,body.sufeng-site .sufeng-quote-button,body.sufeng-site .sufeng-single-quote{min-height:48px;padding:14px 20px;border:1px solid var(--sf-ui-green);border-radius:var(--sf-ui-radius);background:var(--sf-ui-green);box-shadow:none;color:#fff!important;font-weight:800;letter-spacing:-.01em;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}body.sufeng-site .sufeng-header-inquiry:hover,body.sufeng-site .sufeng-quote-button:hover,body.sufeng-site .sufeng-single-quote:hover{border-color:var(--sf-ui-green-dark);background:var(--sf-ui-green-dark);transform:translateY(-1px)}

/* Header: compact B2B wayfinding, not retail navigation. */
body.sufeng-site .sufeng-topbar__services span{position:relative;letter-spacing:.015em}body.sufeng-site .sufeng-topbar__services span+span::before{position:absolute;left:-15px;top:50%;width:3px;height:3px;border-radius:50%;background:#7fd2ad;content:"";transform:translateY(-50%)}body.sufeng-site .sufeng-primary-nav{min-height:56px}body.sufeng-site .sufeng-nav-list>li>a,body.sufeng-site .sufeng-products-menu__trigger>a{position:relative;letter-spacing:-.01em}body.sufeng-site .sufeng-nav-list>li>a::after,body.sufeng-site .sufeng-products-menu__trigger>a::after{position:absolute;right:30px;bottom:0;left:30px;height:3px;background:var(--sf-ui-green);content:"";opacity:0;transform:scaleX(.35);transform-origin:center;transition:opacity .18s ease,transform .18s ease}body.sufeng-site .sufeng-nav-list>li>a:hover::after,body.sufeng-site .sufeng-nav-list>li.current-menu-item>a::after,body.sufeng-site .sufeng-products-menu.current-menu-item .sufeng-products-menu__trigger>a::after{opacity:1;transform:scaleX(1)}body.sufeng-site .sufeng-nav-list>li.current-menu-item>a,body.sufeng-site .sufeng-products-menu.current-menu-item .sufeng-products-menu__trigger>a{color:var(--sf-ui-green-dark)!important}@media (max-width:899px){body.sufeng-site .sufeng-primary-nav{min-height:0}body.sufeng-site .sufeng-nav-list>li>a::after,body.sufeng-site .sufeng-products-menu__trigger>a::after{display:none}body.sufeng-site .sufeng-nav-list>li.current-menu-item>a,body.sufeng-site .sufeng-products-menu.current-menu-item .sufeng-products-menu__trigger>a{border-left:3px solid var(--sf-ui-green);background:var(--sf-ui-mist)}}

/* Project inquiry component. */
body.sufeng-site .sufeng-quote-form{max-width:920px;padding:32px;border:1px solid var(--sf-ui-line);background:#fff}body.sufeng-site .sufeng-quote-form__intro{display:grid;gap:4px;margin:0 0 24px}body.sufeng-site .sufeng-quote-form__intro strong{color:var(--sf-ui-navy);font-size:20px}body.sufeng-site .sufeng-quote-form__intro span,body.sufeng-site .sufeng-quote-form__privacy{color:var(--sf-ui-muted);font-size:14px}body.sufeng-site .sufeng-quote-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin-bottom:24px}body.sufeng-site .sufeng-quote-form label{display:grid;gap:7px;color:var(--sf-ui-navy);font-size:14px;font-weight:800}body.sufeng-site .sufeng-quote-form input,body.sufeng-site .sufeng-quote-form select,body.sufeng-site .sufeng-quote-form textarea{width:100%;min-height:46px;padding:11px 12px;border:1px solid #b9cdc4;border-radius:0;background:#fff;color:var(--sf-ui-ink);font:inherit;font-size:16px;font-weight:400}body.sufeng-site .sufeng-quote-form textarea{resize:vertical;min-height:148px}body.sufeng-site .sufeng-quote-form input:focus,body.sufeng-site .sufeng-quote-form select:focus,body.sufeng-site .sufeng-quote-form textarea:focus{outline:2px solid var(--sf-ui-green);outline-offset:2px;border-color:var(--sf-ui-green)}body.sufeng-site .sufeng-quote-form__wide{grid-column:1/-1}body.sufeng-site .sufeng-form-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}body.sufeng-site .sufeng-form-notice{margin:0 0 20px;padding:12px 14px;border-left:3px solid #ae5a00;background:#fff6e9;color:#5c3600;font-weight:700}body.sufeng-site .sufeng-form-notice--success{border-left-color:var(--sf-ui-green);background:#edf8f2;color:#075b3d}body.sufeng-site .sufeng-quote-form__privacy{margin:14px 0 0}@media(max-width:680px){body.sufeng-site .sufeng-quote-form{padding:22px 18px}body.sufeng-site .sufeng-quote-form__grid{grid-template-columns:1fr}}
body.sufeng-site .sufeng-quote-form__context{display:flex;align-items:baseline;gap:10px;margin:-6px 0 24px;padding:12px 14px;border-left:3px solid var(--sf-ui-green);background:var(--sf-ui-mist)}body.sufeng-site .sufeng-quote-form__context strong{color:var(--sf-ui-navy);font-size:12px;letter-spacing:.04em;text-transform:uppercase}body.sufeng-site .sufeng-quote-form__context span{color:var(--sf-ui-muted);font-size:14px;font-weight:700}@media(max-width:680px){body.sufeng-site .sufeng-quote-form__context{align-items:flex-start;flex-direction:column;gap:5px}}

/* B2B homepage: requirement to route, with no retail-cart distractions. */
body.sufeng-site .sufeng-b2b-home{background:#fff}body.sufeng-site .sufeng-b2b-home__hero{overflow:hidden;background:var(--sf-ui-mist)}body.sufeng-site .sufeng-b2b-home__hero>.sufeng-container{display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);min-height:700px;align-items:stretch}body.sufeng-site .sufeng-b2b-home__hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:92px 58px 92px 0}body.sufeng-site .sufeng-b2b-home__hero h1{max-width:670px;margin:14px 0 22px;font-size:clamp(48px,5.2vw,82px);line-height:.96;letter-spacing:-.07em}body.sufeng-site .sufeng-b2b-home__hero p{max-width:570px;margin:0;font-size:18px;line-height:1.6}body.sufeng-site .sufeng-b2b-home__hero-visual{min-height:700px;margin:0}body.sufeng-site .sufeng-b2b-home__hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.sufeng-b2b-home__actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:32px}.sufeng-b2b-home__text-link{color:var(--sf-ui-green-dark)!important;font-weight:800;text-decoration:none}.sufeng-b2b-home__text-link span{margin-left:5px}.sufeng-b2b-home__proof{display:flex;flex-wrap:wrap;gap:8px 20px;margin:40px 0 0;padding:0;list-style:none;color:var(--sf-ui-navy);font-size:12px;font-weight:800}.sufeng-b2b-home__proof li{display:flex;align-items:center;gap:7px}.sufeng-b2b-home__proof li::before{width:7px;height:7px;border-radius:50%;background:var(--sf-ui-green);content:""}.sufeng-b2b-home__section{padding:112px 0}.sufeng-b2b-home__section--mist,.sufeng-b2b-home__method{background:#f7faf8}.sufeng-b2b-home__section-head{max-width:760px;margin-bottom:46px}.sufeng-b2b-home__section-head h2,.sufeng-b2b-home__support h2,.sufeng-b2b-home__closing h2{margin:12px 0 16px;font-size:clamp(34px,3.5vw,56px);line-height:1;letter-spacing:-.055em}.sufeng-b2b-home__section-head p{max-width:680px;margin:0;font-size:17px}.sufeng-b2b-home__method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--sf-ui-line)}.sufeng-b2b-home__method-grid article{min-height:258px;padding:28px 30px;border-right:1px solid var(--sf-ui-line);border-bottom:1px solid var(--sf-ui-line);background:#fff}.sufeng-b2b-home__method-grid article:first-child{border-left:1px solid var(--sf-ui-line)}.sufeng-b2b-home__method-grid b{color:var(--sf-ui-green-dark);font-size:13px;letter-spacing:.05em}.sufeng-b2b-home__method-grid h3{margin:62px 0 10px;font-size:25px;letter-spacing:-.035em}.sufeng-b2b-home__method-grid p{margin:0;font-size:15px}.sufeng-b2b-home__section-head--split{display:grid;grid-template-columns:1fr minmax(280px,420px);gap:40px;max-width:none;align-items:end}.sufeng-b2b-home__section-head--split p:last-child{padding-bottom:6px}.sufeng-b2b-home__product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sufeng-b2b-home__product-grid article{display:grid;grid-template-rows:184px 1fr;border:1px solid var(--sf-ui-line);background:#fff}.sufeng-b2b-home__product-grid img{width:100%;height:184px;object-fit:cover;background:#eff5f2}.sufeng-b2b-home__product-grid article>div{display:flex;flex-direction:column;align-items:flex-start;padding:24px}.sufeng-b2b-home__product-grid h3{margin:0 0 10px;font-size:24px;letter-spacing:-.04em}.sufeng-b2b-home__product-grid p{margin:0 0 22px;font-size:14px;line-height:1.55}.sufeng-b2b-home__product-grid a{margin-top:auto;color:var(--sf-ui-green-dark);font-size:14px;font-weight:850;text-decoration:none}.sufeng-b2b-home__support{background:var(--sf-ui-navy);color:#fff}.sufeng-b2b-home__support>.sufeng-container{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:96px;align-items:start}.sufeng-b2b-home__support .sufeng-eyebrow,.sufeng-b2b-home__support h2{color:#fff}.sufeng-b2b-home__support blockquote{max-width:650px;margin:32px 0;padding:0 0 0 22px;border-left:3px solid #78d3ab;color:#fff;font-size:25px;line-height:1.35;font-weight:750}.sufeng-b2b-home__support p{color:#d3e3dc}.sufeng-b2b-home__support-panels{display:grid;gap:12px}.sufeng-b2b-home__support-panels article{padding:24px;border:1px solid rgba(255,255,255,.22)}.sufeng-b2b-home__support-panels b{display:block;margin-bottom:8px;color:#fff;font-size:17px}.sufeng-b2b-home__support-panels p{margin:0;font-size:14px}.sufeng-b2b-home__closing{padding:118px 0;background:#f7faf8}.sufeng-b2b-home__closing>.sufeng-container{max-width:880px;margin-left:auto;margin-right:auto;text-align:center}.sufeng-b2b-home__closing .sufeng-eyebrow{justify-content:center}.sufeng-b2b-home__closing p{max-width:650px;margin:0 auto;font-size:17px}.sufeng-b2b-home__closing .sufeng-b2b-home__actions{justify-content:center}.sufeng-b2b-home__closing small{display:block;margin-top:22px;color:var(--sf-ui-muted)}@media(max-width:900px){body.sufeng-site .sufeng-b2b-home__hero>.sufeng-container{grid-template-columns:1fr;min-height:0}.sufeng-b2b-home__hero-copy{padding:76px 0 58px}.sufeng-b2b-home__hero-visual{min-height:480px}.sufeng-b2b-home__section{padding:78px 0}.sufeng-b2b-home__method-grid{grid-template-columns:1fr}.sufeng-b2b-home__method-grid article,.sufeng-b2b-home__method-grid article:first-child{min-height:0;border-left:1px solid var(--sf-ui-line)}.sufeng-b2b-home__method-grid h3{margin-top:26px}.sufeng-b2b-home__section-head--split,.sufeng-b2b-home__support>.sufeng-container{grid-template-columns:1fr;gap:42px}.sufeng-b2b-home__product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.sufeng-b2b-home__hero h1{font-size:50px}.sufeng-b2b-home__hero-visual{min-height:330px}.sufeng-b2b-home__product-grid{grid-template-columns:1fr}.sufeng-b2b-home__actions{gap:14px}.sufeng-b2b-home__section-head h2,.sufeng-b2b-home__support h2,.sufeng-b2b-home__closing h2{font-size:39px}}

/* Product archives: catalogue information becomes a project brief. */
body.sufeng-site .sufeng-archive-intro{border-left-color:var(--sf-ui-green);box-shadow:none}body.sufeng-site .sufeng-archive-intro__actions{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:24px;padding-top:20px;border-top:1px solid var(--sf-ui-line)}body.sufeng-site .sufeng-archive-intro__actions p{max-width:650px;margin:0;color:var(--sf-ui-muted);font-size:14px}body.sufeng-site .sufeng-sidebar-inquiry{border:1px solid var(--sf-ui-line);border-radius:0;background:var(--sf-ui-mist);box-shadow:none}body.sufeng-site .sufeng-sidebar-inquiry .button{border-radius:0;background:var(--sf-ui-green);color:#fff!important}@media(max-width:720px){body.sufeng-site .sufeng-archive-intro__actions{display:grid;justify-content:start}body.sufeng-site .sufeng-archive-intro__actions .sufeng-header-inquiry{width:100%;justify-content:center}}

/* Single product: a technical decision surface, not a checkout page. */
body.sufeng-site .single-product .sufeng-single-quote{display:inline-flex;align-items:center;justify-content:center;margin:22px 0 0}body.sufeng-site .single-product .sufeng-product-support{border:1px solid var(--sf-ui-line);border-radius:0;background:var(--sf-ui-mist);box-shadow:none}body.sufeng-site .single-product .sufeng-product-support>div{border-color:var(--sf-ui-line)}body.sufeng-site .single-product .sufeng-product-support strong{color:var(--sf-ui-navy)}body.sufeng-site .single-product .sufeng-product-support span{color:var(--sf-ui-muted)}body.sufeng-site .single-product .sufeng-spec-table th{color:var(--sf-ui-navy)}
body.sufeng-site .single-product .sufeng-product-matching-path{display:grid;gap:6px;margin-top:16px;padding:16px 18px;border-left:3px solid var(--sf-ui-green);background:var(--sf-ui-mist)}body.sufeng-site .single-product .sufeng-product-matching-path strong{color:var(--sf-ui-navy);font-size:14px}body.sufeng-site .single-product .sufeng-product-matching-path span{color:var(--sf-ui-muted);font-size:14px;line-height:1.55}
body.sufeng-site .single-product .wc-tabs{border-bottom:1px solid var(--sf-ui-line)}body.sufeng-site .single-product .wc-tabs li a{font-weight:800}body.sufeng-site .single-product .woocommerce-Tabs-panel{max-width:1000px;padding-top:42px}.sufeng-project-brief{padding:clamp(28px,4vw,48px);border:1px solid var(--sf-ui-line);background:var(--sf-ui-mist)}.sufeng-project-brief header{max-width:760px}.sufeng-project-brief h2{margin:12px 0 14px;font-size:clamp(30px,3.4vw,48px);line-height:1.05}.sufeng-project-brief header>p:last-child{margin:0;color:var(--sf-ui-muted);font-size:17px;line-height:1.6}.sufeng-project-brief__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px;border-top:1px solid var(--sf-ui-line);border-left:1px solid var(--sf-ui-line)}.sufeng-project-brief__grid article{min-height:215px;padding:24px;border-right:1px solid var(--sf-ui-line);border-bottom:1px solid var(--sf-ui-line);background:#fff}.sufeng-project-brief__grid span{display:block;margin-bottom:52px;color:var(--sf-ui-green-dark);font-size:12px;font-weight:850;letter-spacing:.07em}.sufeng-project-brief__grid h3{margin:0 0 10px;font-size:22px;letter-spacing:-.035em}.sufeng-project-brief__grid p{margin:0;color:var(--sf-ui-muted);font-size:15px;line-height:1.55}.sufeng-project-brief__grid p a{color:var(--sf-ui-green-dark);font-weight:750;text-decoration:none}.sufeng-project-brief .sufeng-single-quote{margin-top:28px}@media(max-width:720px){.sufeng-project-brief{padding:24px 18px}.sufeng-project-brief__grid{grid-template-columns:1fr}.sufeng-project-brief__grid article{min-height:0}.sufeng-project-brief__grid span{margin-bottom:20px}}
body.sufeng-site .sufeng-solutions-link{border-radius:var(--sf-ui-radius);background:transparent;color:var(--sf-ui-navy);font-weight:800}body.sufeng-site .sufeng-solutions-link:hover{border-color:var(--sf-ui-navy);background:#fff}
body.sufeng-site .sufeng-solutions-section,body.sufeng-site .sufeng-about-section{padding-block:clamp(64px,8vw,112px)}body.sufeng-site .sufeng-solutions-section--mist,body.sufeng-site .sufeng-about-warehouse{background:var(--sf-ui-mist)}
body.sufeng-site .sufeng-solutions-grid{gap:20px}body.sufeng-site .sufeng-solutions-grid>article,body.sufeng-site .sufeng-about-cards>article{border-color:var(--sf-ui-line);border-radius:var(--sf-ui-radius);box-shadow:none;transition:border-color .2s ease,transform .2s ease}body.sufeng-site .sufeng-solutions-grid>article:hover,body.sufeng-site .sufeng-about-cards>article:hover{border-color:#94bdad;transform:translateY(-3px)}
body.sufeng-site .sufeng-solutions-grid>article h3,body.sufeng-site .sufeng-about-cards>article b{color:var(--sf-ui-navy)}body.sufeng-site .sufeng-solutions-grid>article a{color:var(--sf-ui-green-dark)}
body.sufeng-site :focus-visible{outline:3px solid #66c69e!important;outline-offset:3px}@media(prefers-reduced-motion:reduce){body.sufeng-site *,body.sufeng-site *::before,body.sufeng-site *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:760px){body.sufeng-site .sufeng-container{width:min(100% - 32px,1280px)}body.sufeng-site .sufeng-solutions-section,body.sufeng-site .sufeng-about-section{padding-block:58px}body.sufeng-site .sufeng-eyebrow{font-size:11px}}

/* EU Warehouses: a compact operations brief with a single consistent image ratio. */
body.page-id-1632 .sufeng-about-hero{min-height:650px!important}body.page-id-1632 .sufeng-about-hero__grid{min-height:650px!important}body.page-id-1632 .sufeng-about-hero__grid>div:first-child{width:43%!important;padding:108px 54px 84px 0!important}body.page-id-1632 .sufeng-about-hero>.sufeng-container>.sufeng-about-visual{inset:0 0 0 43%!important;width:57%!important;height:650px!important}body.page-id-1632 .sufeng-about-section{padding-block:clamp(70px,7vw,100px)}body.page-id-1632 .sufeng-about-cards{margin-top:32px}body.page-id-1632 .sufeng-about-cards article{min-height:220px;padding:30px}body.page-id-1632 .sufeng-about-cards article b{margin-bottom:14px}body.page-id-1632 .sufeng-about-location-visuals{margin-top:22px;gap:20px}body.page-id-1632 .sufeng-about-location-visuals>div{overflow:hidden;border:1px solid var(--sf-ui-line);background:#fff}body.page-id-1632 .sufeng-about-location-visuals .sufeng-about-visual{margin:0}body.page-id-1632 .sufeng-about-location-visuals .sufeng-about-visual img{height:320px;object-fit:cover}body.page-id-1632 .sufeng-about-location-visuals .sufeng-about-visual figcaption{margin:0;padding:9px 12px;border-top:1px solid var(--sf-ui-line);background:#fff;color:#93601f;font-size:11px;font-weight:800}@media(max-width:760px){body.page-id-1632 .sufeng-about-hero{min-height:0!important}body.page-id-1632 .sufeng-about-hero__grid{min-height:0!important}body.page-id-1632 .sufeng-about-hero__grid>div:first-child{width:100%!important;padding:72px 0!important}body.page-id-1632 .sufeng-about-hero>.sufeng-container>.sufeng-about-visual{position:relative!important;inset:auto!important;width:100%!important;height:390px!important}body.page-id-1632 .sufeng-about-location-visuals .sufeng-about-visual img{height:240px}}
body.page-id-1632 .sufeng-about-cards article .sufeng-header-inquiry{display:inline-flex;margin-top:22px;padding:11px 14px;font-size:13px}@media(max-width:760px){body.page-id-1632 .sufeng-about-cards article .sufeng-header-inquiry{width:100%;justify-content:center}}

/* Contact: remove decorative blank blocks and place the inquiry form at the center of the page. */
body.page-id-32 .sufeng-solutions-hero{min-height:680px!important}body.page-id-32 .sufeng-solutions-hero__grid{min-height:680px!important}body.page-id-32 .sufeng-solutions-hero__grid>div{width:43%!important;padding:112px 54px 88px 0!important}body.page-id-32 .sufeng-solutions-hero figure{inset:0 0 0 43%!important;width:57%!important;height:680px!important}body.page-id-32 .sufeng-solutions-grid>article>span{display:none!important}body.page-id-32 .sufeng-solutions-grid>article{min-height:220px!important;padding:28px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}body.page-id-32 .sufeng-solutions-grid>article h3{margin-bottom:14px}body.page-id-32 .sufeng-solutions-grid>article p strong{color:var(--sf-ui-green-dark);font-size:18px}body.page-id-32 .sufeng-contact-form-wrap{max-width:960px;margin-top:34px;padding:clamp(22px,4vw,44px);border:1px solid var(--sf-ui-line);background:var(--sf-ui-mist)}body.page-id-32 .sufeng-contact-form-wrap .sufeng-quote-form{max-width:none;padding:0;border:0;background:transparent}@media(max-width:760px){body.page-id-32 .sufeng-solutions-hero{min-height:0!important}body.page-id-32 .sufeng-solutions-hero__grid{min-height:0!important}body.page-id-32 .sufeng-solutions-hero__grid>div{width:100%!important;padding:72px 0!important}body.page-id-32 .sufeng-solutions-hero figure{position:relative!important;inset:auto!important;width:100%!important;height:390px!important}body.page-id-32 .sufeng-solutions-grid>article{min-height:0!important}}
body.page-id-32 .sufeng-solutions-grid>article p strong a{color:inherit;text-decoration-color:#89baa6;text-underline-offset:3px}body.page-id-32 .sufeng-solutions-grid>article p strong a:hover{color:var(--sf-ui-green);text-decoration-color:currentColor}
body.page-id-32 #sufeng-contact-project-form{scroll-margin-top:96px}body.page-id-32 .sufeng-quote-form .sufeng-form-field-error{display:block;color:#a43f16;font-size:13px;font-weight:700;line-height:1.4}body.page-id-32 .sufeng-quote-form [aria-invalid="true"]{border-color:#a43f16!important;background:#fff8f4}body.page-id-32 a,body.page-id-32 button,body.page-id-32 input,body.page-id-32 select,body.page-id-32 textarea{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,142,90,.16)}

/* About Us: show a deliberate capability chain instead of a loose collection of cards. */
body.page-id-1630 .sufeng-about-hero{min-height:690px!important}body.page-id-1630 .sufeng-about-hero__grid{min-height:690px!important}body.page-id-1630 .sufeng-about-hero__grid>div:first-child{width:44%!important;padding:116px 56px 88px 0!important}body.page-id-1630 .sufeng-about-hero>.sufeng-container>.sufeng-about-visual{inset:0 0 0 44%!important;width:56%!important;height:690px!important}body.page-id-1630 .sufeng-about-section{padding-block:clamp(70px,7vw,108px)}body.page-id-1630 .sufeng-about-cards{gap:0;margin-top:36px;border-top:1px solid var(--sf-ui-line);border-left:1px solid var(--sf-ui-line)}body.page-id-1630 .sufeng-about-cards article{position:relative;min-height:235px;padding:30px;border:0;border-right:1px solid var(--sf-ui-line);border-bottom:1px solid var(--sf-ui-line)}body.page-id-1630 .sufeng-about-cards article::before{position:absolute;top:0;left:0;width:38px;height:3px;background:var(--sf-ui-green);content:""}body.page-id-1630 .sufeng-about-cards article b{margin-top:24px;margin-bottom:13px}body.page-id-1630 .sufeng-about-warehouse{padding-block:clamp(70px,7vw,108px)}body.page-id-1630 .sufeng-warehouse-location-grid{gap:20px;margin-top:34px}body.page-id-1630 .sufeng-warehouse-location-grid .sufeng-about-visual{height:340px!important}body.page-id-1630 .sufeng-about-contact{padding-block:clamp(70px,7vw,104px)}body.page-id-1630 .sufeng-about-contact .sufeng-about-location-visuals{display:grid;grid-template-columns:minmax(0,720px);max-width:720px;margin-top:30px}body.page-id-1630 .sufeng-about-contact .sufeng-about-location-visuals .sufeng-about-visual{margin:0}body.page-id-1630 .sufeng-about-contact .sufeng-about-location-visuals img{height:360px;object-fit:cover}@media(max-width:760px){body.page-id-1630 .sufeng-about-hero{min-height:0!important}body.page-id-1630 .sufeng-about-hero__grid{min-height:0!important}body.page-id-1630 .sufeng-about-hero__grid>div:first-child{width:100%!important;padding:72px 0!important}body.page-id-1630 .sufeng-about-hero>.sufeng-container>.sufeng-about-visual{position:relative!important;inset:auto!important;width:100%!important;height:390px!important}body.page-id-1630 .sufeng-about-cards{grid-template-columns:1fr}.sufeng-about-cards article{min-height:0!important}body.page-id-1630 .sufeng-warehouse-location-grid .sufeng-about-visual{height:240px!important}body.page-id-1630 .sufeng-about-contact .sufeng-about-location-visuals img{height:240px}}

/* Product catalogue: product selection cards, not retail product tiles. */
body.sufeng-site .woocommerce ul.products.columns-4{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}body.sufeng-site .woocommerce ul.products li.product{display:flex!important;flex-direction:column!important;min-height:100%!important;margin:0!important;padding:0 0 24px!important;border:1px solid var(--sf-ui-line)!important;background:#fff!important;box-shadow:none!important}body.sufeng-site .woocommerce ul.products li.product figure{margin:0 0 24px!important;padding:18px!important;border-bottom:1px solid var(--sf-ui-line)!important;background:var(--sf-ui-mist)!important}body.sufeng-site .woocommerce ul.products li.product .ct-media-container{display:block!important;aspect-ratio:4/3!important;background:#fff!important}body.sufeng-site .woocommerce ul.products li.product .ct-media-container img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:4/3!important;object-fit:contain!important;padding:8px!important;mix-blend-mode:multiply!important}body.sufeng-site .woocommerce ul.products li.product .woocommerce-loop-product__title{margin:0 24px 16px!important;color:var(--sf-ui-navy)!important;font-size:23px!important;line-height:1.15!important;letter-spacing:-.035em!important}body.sufeng-site .woocommerce ul.products li.product .entry-meta{display:none!important}body.sufeng-site .woocommerce ul.products li.product .sufeng-loop-specs{display:flex!important;flex:1!important;flex-direction:column!important;margin:0 24px!important}body.sufeng-site .woocommerce ul.products li.product .sufeng-loop-specs dl{margin:0 0 18px!important;border-top:1px solid var(--sf-ui-line)!important}body.sufeng-site .woocommerce ul.products li.product .sufeng-loop-specs dl>div{display:flex!important;justify-content:space-between!important;gap:12px!important;padding:9px 0!important;border-bottom:1px solid var(--sf-ui-line)!important}body.sufeng-site .woocommerce ul.products li.product .sufeng-loop-specs dt{color:var(--sf-ui-muted)!important;font-size:12px!important;font-weight:750!important;text-transform:uppercase!important}body.sufeng-site .woocommerce ul.products li.product .sufeng-loop-specs dd{margin:0!important;color:var(--sf-ui-navy)!important;font-size:13px!important;font-weight:800!important;text-align:right!important}body.sufeng-site .woocommerce ul.products li.product .sufeng-list-details{margin-top:auto!important;color:var(--sf-ui-green-dark)!important;font-size:14px!important;font-weight:850!important;text-decoration:none!important}body.sufeng-site .woocommerce ul.products li.product .ct-woo-card-actions{margin:18px 24px 0!important}body.sufeng-site .woocommerce ul.products li.product .sufeng-quote-button{display:flex!important;width:100%!important;align-items:center!important;justify-content:center!important;padding:13px 16px!important;font-size:14px!important}@media(max-width:980px){body.sufeng-site .woocommerce ul.products.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:600px){body.sufeng-site .woocommerce ul.products.columns-4{grid-template-columns:1fr!important}body.sufeng-site .woocommerce ul.products li.product figure{padding:14px!important}body.sufeng-site .woocommerce ul.products li.product .woocommerce-loop-product__title,body.sufeng-site .woocommerce ul.products li.product .sufeng-loop-specs,body.sufeng-site .woocommerce ul.products li.product .ct-woo-card-actions{margin-left:18px!important;margin-right:18px!important}}

/* Single product: a clean technical brief, with retail residue removed from the first screen. */
body.sufeng-site .single-product .product-entry-wrapper{gap:clamp(30px,5vw,72px)!important}body.sufeng-site .single-product .woocommerce-product-gallery .ct-media-container{display:block!important;aspect-ratio:1/1!important;padding:clamp(18px,3vw,38px)!important;border:1px solid var(--sf-ui-line)!important;background:var(--sf-ui-mist)!important}body.sufeng-site .single-product .woocommerce-product-gallery .ct-media-container img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:1/1!important;object-fit:contain!important;mix-blend-mode:multiply!important}body.sufeng-site .single-product .summary .product_title{margin-bottom:18px!important;font-size:clamp(34px,4vw,58px)!important;line-height:1.03!important;letter-spacing:-.055em!important}body.sufeng-site .single-product .woocommerce-product-details__short-description h5{margin:0!important;color:var(--sf-ui-muted)!important;font-size:17px!important;font-weight:500!important;line-height:1.65!important}body.sufeng-site .single-product .woocommerce-product-details__short-description h6{display:none!important}body.sufeng-site .single-product .product_meta{display:flex!important;gap:10px!important;margin-top:20px!important;padding-top:18px!important;border-top:1px solid var(--sf-ui-line)!important}.single-product .product_meta .sku_wrapper{display:inline-flex!important;gap:6px!important;align-items:center!important;padding:7px 10px!important;background:var(--sf-ui-mist)!important;color:var(--sf-ui-navy)!important;font-size:12px!important;font-weight:800!important}.single-product .product_meta .posted_in{display:none!important}body.sufeng-site .single-product .wc-tabs .reviews_tab,body.sufeng-site .single-product #tab-reviews{display:none!important}body.sufeng-site .single-product .woocommerce-Tabs-panel table{width:100%!important;overflow:hidden!important;border:1px solid var(--sf-ui-line)!important;border-collapse:collapse!important}body.sufeng-site .single-product .woocommerce-Tabs-panel table th,body.sufeng-site .single-product .woocommerce-Tabs-panel table td{padding:13px 16px!important;border:0!important;border-bottom:1px solid var(--sf-ui-line)!important;text-align:left!important}body.sufeng-site .single-product .woocommerce-Tabs-panel table th{width:34%!important;background:var(--sf-ui-mist)!important;color:var(--sf-ui-navy)!important;font-size:13px!important}body.sufeng-site .single-product .woocommerce-Tabs-panel table td{color:var(--sf-ui-muted)!important}@media(max-width:760px){body.sufeng-site .single-product .woocommerce-product-gallery .ct-media-container{max-width:560px!important;margin:auto!important}body.sufeng-site .single-product .summary .product_title{font-size:38px!important}body.sufeng-site .single-product .woocommerce-Tabs-panel table th{width:42%!important}}
body.sufeng-site .single-product .woocommerce-Tabs-panel--description>h2:first-child,body.sufeng-site .single-product .woocommerce-Tabs-panel--description>h2:first-child+table{display:none!important}body.sufeng-site .single-product .woocommerce-Tabs-panel--description>h3:first-of-type{margin-top:0!important;color:var(--sf-ui-navy)!important;font-size:clamp(28px,3vw,40px)!important;letter-spacing:-.045em!important}body.sufeng-site .single-product .woocommerce-Tabs-panel--description>p{max-width:780px!important;color:var(--sf-ui-muted)!important;font-size:17px!important;line-height:1.7!important}
body.sufeng-site .single-product .sufeng-product-matching-path{display:block!important;margin-top:22px!important;padding:18px!important;border-left:3px solid var(--sf-ui-green)!important;background:var(--sf-ui-mist)!important}body.sufeng-site .single-product .sufeng-product-matching-path>strong{display:block!important;margin-bottom:14px!important;color:var(--sf-ui-navy)!important;font-size:13px!important;letter-spacing:.045em!important;text-transform:uppercase!important}body.sufeng-site .single-product .sufeng-product-matching-path>div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border-top:1px solid var(--sf-ui-line)!important;border-left:1px solid var(--sf-ui-line)!important}body.sufeng-site .single-product .sufeng-product-matching-path>div>span{display:grid!important;gap:5px!important;padding:12px!important;border-right:1px solid var(--sf-ui-line)!important;border-bottom:1px solid var(--sf-ui-line)!important;color:var(--sf-ui-muted)!important;font-size:12px!important;line-height:1.45!important}body.sufeng-site .single-product .sufeng-product-matching-path b{color:var(--sf-ui-navy)!important;font-size:13px!important}@media(max-width:620px){body.sufeng-site .single-product .sufeng-product-matching-path>div{grid-template-columns:1fr!important}}

/* 404: route obsolete traffic back into the current B2B information architecture. */
body.sufeng-site .sufeng-404-page{padding:clamp(72px,11vw,150px) 0;background:var(--sf-ui-mist)}.sufeng-404-page__inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(38px,8vw,112px);align-items:center}.sufeng-404-page h1{max-width:680px;margin:14px 0 20px;font-size:clamp(46px,6vw,82px);line-height:.98;letter-spacing:-.065em}.sufeng-404-page__copy>p:last-of-type{max-width:640px;margin:0;color:var(--sf-ui-muted);font-size:18px;line-height:1.65}.sufeng-404-page__actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:32px}.sufeng-404-page__routes{display:grid;border-top:1px solid var(--sf-ui-line);border-left:1px solid var(--sf-ui-line)}.sufeng-404-page__routes a{display:grid;gap:7px;padding:25px 28px;border-right:1px solid var(--sf-ui-line);border-bottom:1px solid var(--sf-ui-line);background:#fff;color:var(--sf-ui-navy);text-decoration:none;transition:background-color .2s ease}.sufeng-404-page__routes a:hover{background:#edf8f2}.sufeng-404-page__routes b{font-size:20px;letter-spacing:-.03em}.sufeng-404-page__routes span{color:var(--sf-ui-muted);font-size:14px;line-height:1.5}@media(max-width:760px){.sufeng-404-page__inner{grid-template-columns:1fr;gap:42px}.sufeng-404-page h1{font-size:48px}.sufeng-404-page__actions{display:grid}.sufeng-404-page__actions a{justify-content:center}}

/* Solutions: application photos are decision cues, so give them a useful consistent frame. */
body.page-id-1249 .sufeng-solutions-grid>article{min-height:390px!important;padding-bottom:30px!important}body.page-id-1249 .sufeng-solutions-grid>article>span{height:auto!important;aspect-ratio:16/10!important;margin-bottom:28px!important;background:#e7f1ed!important}body.page-id-1249 .sufeng-solutions-grid>article>span>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}body.page-id-1249 .sufeng-solutions-grid>article h3{font-size:25px!important}@media(max-width:760px){body.page-id-1249 .sufeng-solutions-grid>article{min-height:0!important}body.page-id-1249 .sufeng-solutions-grid>article>span{aspect-ratio:16/9!important}}
@media(max-width:760px){body.page-id-1249 .sufeng-solutions-grid>article a{position:relative!important;bottom:auto!important;display:inline-flex!important;align-items:center!important;min-height:44px!important;margin-top:16px!important;padding:10px 0!important}}
/* Homepage mobile hero: keep the loaded product image as a full background layer. */
@media(max-width:760px){
  body.sufeng-site .sufeng-b2b-hero{min-height:0!important;background:#071d35!important}
  body.sufeng-site .sufeng-b2b-hero__image{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:260px!important;min-height:260px!important;max-height:none!important;object-fit:cover!important;object-position:62% center!important;filter:none!important}
  body.sufeng-site .sufeng-b2b-hero__overlay{display:none!important}
  body.sufeng-site .sufeng-b2b-hero__content{position:relative!important;z-index:1!important;min-height:0!important;margin-top:0!important;padding:42px 16px 56px!important;background:#071d35!important}
  body.sufeng-site .sufeng-b2b-hero h1,body.sufeng-site .sufeng-b2b-hero__summary{color:#fff!important}
  body.sufeng-site .sufeng-b2b-hero__actions .sufeng-button{color:#fff!important}
}
/* Desktop split heroes: visual panel must finish exactly with its hero section. */
body.sufeng-site .sufeng-b2b-hero__actions .sufeng-button{color:#fff!important}
body.sufeng-site .sufeng-b2b-hero h1{color:#fff!important}
body.sufeng-site .sufeng-b2b-hero__summary{color:#e7f0ed!important}
body.sufeng-site .sufeng-b2b-hero__points{color:#fff!important}
@media(min-width:761px){
  body.page-id-1249 .sufeng-solutions-hero>.sufeng-container>figure,
  body.page-id-1630 .sufeng-about-hero>.sufeng-container>.sufeng-about-visual,
  body.page-id-1632 .sufeng-about-hero>.sufeng-container>.sufeng-about-visual{height:100%!important}
  body.page-id-1249 .sufeng-solutions-hero>.sufeng-container>figure>img,
  body.page-id-1630 .sufeng-about-hero>.sufeng-container>.sufeng-about-visual>img,
  body.page-id-1632 .sufeng-about-hero>.sufeng-container>.sufeng-about-visual>img{height:100%!important}
}
/* Solutions cards: long technical copy must never overlap the card CTA. */
body.page-id-1249 .sufeng-solutions-grid>article{display:flex!important;flex-direction:column!important}
body.page-id-1249 .sufeng-solutions-grid>article>a{position:relative!important;bottom:auto!important;align-self:flex-start!important;min-height:44px!important;margin-top:18px!important;padding-top:0!important}

/* Header brand: preserve the supplied horizontal Sufeng wordmark at a readable size. */
body.sufeng-site .sufeng-brand .custom-logo-link>.custom-logo{width:auto!important;height:64px!important;max-height:64px!important;max-width:min(240px,calc(100vw - 112px))!important;object-fit:contain!important}
@media(max-width:760px){body.sufeng-site .sufeng-brand .custom-logo-link>.custom-logo{height:58px!important;max-height:58px!important;max-width:210px!important}}

/* Mobile B2B action rhythm: keep every non-homepage decision page readable and easy to act on. */
@media(max-width:760px){
  body.page-id-1249 .sufeng-solutions-hero h1,
  body.page-id-1630 .sufeng-about-hero h1,
  body.page-id-1632 .sufeng-about-hero h1,
  body.page-id-32 .sufeng-solutions-hero h1{font-size:clamp(42px,12vw,56px)!important;letter-spacing:-.06em!important}
  body.page-id-1249 .sufeng-solutions-hero p,
  body.page-id-1630 .sufeng-about-hero p,
  body.page-id-1632 .sufeng-about-hero p,
  body.page-id-32 .sufeng-solutions-hero p{font-size:16px!important;line-height:1.65!important}
  body.page-id-1249 .sufeng-solutions-hero .sufeng-solutions-link,
  body.page-id-1630 .sufeng-about-hero .sufeng-header-inquiry,
  body.page-id-1632 .sufeng-about-hero .sufeng-header-inquiry,
  body.page-id-32 .sufeng-solutions-hero .sufeng-header-inquiry,
  body.page-id-32 .sufeng-solutions-hero .sufeng-solutions-link{width:100%!important;justify-content:center!important;margin-inline:0!important}
  body.page-id-1249 .sufeng-solutions-grid>article,
  body.page-id-32 .sufeng-solutions-grid>article,
  body.page-id-1630 .sufeng-about-cards article,
  body.page-id-1632 .sufeng-about-cards article{padding:24px!important}
  body.page-id-1249 .sufeng-solutions-grid>article>span{margin-inline:-24px!important;margin-top:0!important;width:calc(100% + 48px)!important}
  body.page-id-1630 .sufeng-about-contact .sufeng-header-inquiry,
  body.page-id-1632 .sufeng-about-section .sufeng-header-inquiry,
  body.page-id-32 .sufeng-contact-form-wrap button[type="submit"]{width:100%!important;justify-content:center!important}
  body.page-id-32 .sufeng-contact-form-wrap{padding:24px 18px!important}
}