:root {
  --blue: #0631c7;
  --dark-blue: #081e59;
  --orange: #ff5208;
  --green: #04b52b;
  --ink: #071a50;
  --muted: #4b5876;
  --line: #dfe5f1;
  --soft: #f6f8fc;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  padding-bottom: 78px;
  overflow-x: hidden;
  color: var(--ink);
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.35;
}
body.menu-open { overflow: hidden; }
button, input, select { font: inherit; }
button { cursor: pointer; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
.entry-content { margin: 0; }
.entry-content > * { margin-block-start: 0; margin-block-end: 0; }
.page-width { width: 85%; margin-inline: auto; }
.section-anchor { scroll-margin-top: 80px; }
.site-main { min-height: 60vh; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  height: 68px;
  border-bottom: 1px solid #e8ebf3;
  background: rgba(255,255,255,.97);
  backdrop-filter: blur(12px);
}
.admin-bar .site-header { top: 32px; }
.header-inner { position: relative; display: flex; height: 100%; align-items: center; justify-content: space-between; }
.site-branding { position: relative; z-index: 2; display: flex; align-items: center; }
.custom-logo-link { display: block; }
.custom-logo { width: auto; max-width: 210px; max-height: 48px; object-fit: contain; }
.logo-wordmark {
  display: inline-flex;
  align-items: center;
  color: #0a37c8;
  font-size: clamp(22px, 2.6vw, 31px);
  font-weight: 900;
  letter-spacing: .035em;
  line-height: 1;
}
.logo-wordmark b { margin: 0 1px; color: var(--orange); font-size: .98em; font-style: italic; transform: skew(-10deg); }
.header-actions { position: relative; z-index: 2; display: flex; align-items: center; gap: 18px; }
.desktop-nav { position: absolute; left: 50%; display: flex; transform: translateX(-50%); }
.menu-list { display: flex; margin: 0; padding: 0; align-items: center; gap: clamp(12px, 1.25vw, 22px); list-style: none; }
.desktop-nav .menu-item { position: relative; }
.desktop-nav .menu-item > a {
  display: block;
  padding: 24px 0;
  color: var(--dark-blue);
  font-size: clamp(10px, .82vw, 14px);
  font-weight: 750;
  letter-spacing: .015em;
  white-space: nowrap;
}
.desktop-nav .menu-item > a:hover,
.desktop-nav .current-menu-item > a { color: var(--blue); }
.desktop-nav .sub-menu {
  position: absolute;
  top: calc(100% - 1px);
  left: -18px;
  display: grid;
  min-width: 245px;
  margin: 0;
  padding: 12px 18px;
  visibility: hidden;
  opacity: 0;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 0 0 9px 9px;
  background: #fff;
  box-shadow: 0 16px 35px rgba(8,30,89,.12);
  list-style: none;
  transform: translateY(8px);
  transition: .2s ease;
}
.desktop-nav .menu-item:hover > .sub-menu,
.desktop-nav .menu-item:focus-within > .sub-menu { visibility: visible; opacity: 1; transform: translateY(0); }
.desktop-nav .sub-menu a { display: block; padding: 8px 0; color: #27375f; font-size: 12px; font-weight: 700; }
.whatsapp-header { display: grid; width: 34px; height: 34px; place-items: center; color: #06ae4f; }
.whatsapp-header svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.menu-trigger { display: none; width: 36px; padding: 5px 2px; border: 0; background: transparent; }
.menu-trigger span { display: block; height: 2px; margin: 6px 0; border-radius: 4px; background: var(--dark-blue); }

.menu-overlay {
  position: fixed;
  inset: 0;
  z-index: 90;
  visibility: hidden;
  opacity: 0;
  background: rgba(0,0,0,.42);
  transition: opacity .28s ease, visibility .28s ease;
}
.menu-overlay.is-open { visibility: visible; opacity: 1; }
.mobile-drawer {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 100;
  display: flex;
  width: min(850px, 90vw);
  padding: clamp(46px, 7vw, 96px) clamp(36px, 6vw, 76px) 54px;
  flex-direction: column;
  overflow-y: auto;
  background: #fff;
  box-shadow: 24px 0 70px rgba(0,0,0,.18);
  transform: translateX(-102%);
  transition: transform .36s cubic-bezier(.72,0,.2,1);
}
.admin-bar .mobile-drawer { top: 32px; }
.mobile-drawer.is-open { transform: translateX(0); }
.drawer-head { display: flex; align-items: flex-start; justify-content: space-between; }
.drawer-logo {
  display: inline-flex;
  width: max-content;
  flex-wrap: wrap;
  color: #e31321;
  font-size: clamp(25px, 4vw, 43px);
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: 1;
}
.drawer-logo small { display: block; width: 100%; margin-top: 2px; color: #161616; font-size: .4em; font-weight: 500; letter-spacing: -.025em; }
.drawer-close { display: grid; width: clamp(58px, 9vw, 98px); height: clamp(58px, 9vw, 98px); place-items: center; color: #fff; border: 0; background: #e31321; font-size: clamp(20px, 3vw, 31px); font-weight: 900; }
.drawer-nav { margin-top: clamp(65px, 10vh, 105px); }
.drawer-nav .menu-list { display: flex; flex-direction: column; align-items: flex-start; gap: clamp(31px, 5.6vh, 56px); }
.drawer-nav .menu-item { width: 100%; }
.drawer-nav .menu-item > a {
  display: inline-block;
  padding: 0;
  color: #050505;
  font-family: Impact, "Arial Narrow", Arial, sans-serif;
  font-size: clamp(25px, 4vw, 43px);
  font-weight: 800;
  letter-spacing: .08em;
}
.drawer-nav .menu-item-has-children { position: relative; }
.drawer-nav .menu-item-has-children > a { color: var(--green); }
.submenu-toggle { position: absolute; top: -5px; left: min(335px, 52vw); display: grid; width: clamp(74px, 12vw, 108px); height: clamp(38px, 6vw, 52px); place-items: center; color: var(--green); border: 2px solid currentColor; border-radius: 99px; background: #fff; font-size: 24px; line-height: 1; transition: transform .25s ease; }
.submenu-toggle[aria-expanded="true"] { transform: rotate(180deg); }
.drawer-nav .sub-menu { display: grid; max-height: 0; margin: 0; padding: 0 0 0 18px; overflow: hidden; gap: 9px; list-style: none; transition: max-height .3s ease, margin .3s ease; }
.drawer-nav .sub-menu.is-open { max-height: 180px; margin-top: 17px; }
.drawer-nav .sub-menu a { color: #546078; font-family: Arial, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0; }

.hero { position: relative; height: clamp(430px, 28vw, 520px); overflow: hidden; background: #f7f9fc; }
.hero::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.94) 34%, rgba(255,255,255,.34) 59%, rgba(255,255,255,.08) 100%); }
.hero > .hero-photo { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; margin: 0; }
.hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 63%; }
.hero-content { position: relative; z-index: 2; height: 100%; }
.hero-copy { display: flex; width: 44%; height: 100%; padding: 34px 0; flex-direction: column; align-items: flex-start; justify-content: center; }
.hero-copy > * { margin-block: 0; }
.hero h1 { color: var(--dark-blue); font-size: clamp(38px, 3vw, 52px); line-height: 1.02; letter-spacing: -.035em; }
.hero p { margin: 13px 0 16px; color: #233661; font-size: clamp(15px, 1.3vw, 20px); line-height: 1.25; }
.hero-buttons { display: flex; width: clamp(230px, 28vw, 310px); flex-direction: column; gap: 9px; }
.hero-buttons .wp-block-button { width: 100%; }
.hero-buttons .wp-block-button__link { display: flex; min-height: 45px; padding: 11px 18px; align-items: center; justify-content: center; gap: 10px; border-radius: 8px; font-size: clamp(12px, 1.25vw, 16px); font-weight: 750; }
.hero-buttons .primary-button .wp-block-button__link { color: #fff; background: linear-gradient(90deg, #ff4304, #ff6500); }
.hero-buttons .whatsapp-button .wp-block-button__link { color: var(--blue); border: 1.5px solid var(--blue); background: #fff; }

.page-stack { display: grid; width: 85%; margin: 14px auto 0; gap: 16px; }
.trust-strip, .supply-panel, .compact-panel, .factory-panel, .support-card, .inquiry-panel {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 3px 13px rgba(5,30,90,.035);
}
.trust-strip { display: grid; padding: 13px 18px; grid-template-columns: repeat(4, 1fr); }
.trust-item { display: flex; min-height: 45px; padding: 0 23px; align-items: center; gap: 14px; color: var(--blue); border-right: 1px solid #e8ebf3; }
.trust-item:last-child { border-right: 0; }
.trust-item .wp-block-group { margin: 0; }
.trust-item p { margin: 0; color: #53617e; font-size: clamp(9px, .95vw, 12px); }
.trust-item strong { display: block; color: var(--dark-blue); font-size: clamp(11px, 1.2vw, 15px); }

.oem-icon { display: grid; width: 36px; height: 36px; flex: 0 0 auto; margin: 0; place-items: center; color: var(--blue); }
.oem-icon::before { font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: 400; line-height: 1; }
.icon-factory::before { content: "⚙"; }
.icon-quality::before, .icon-check::before, .icon-shield::before { content: "✓"; width: .9em; height: .9em; border: .07em solid currentColor; border-radius: 50%; text-align: center; line-height: .76em; }
.icon-globe::before { content: "◎"; }
.icon-truck::before { content: "⇢"; }
.icon-label::before { content: "◇"; }
.icon-box::before, .icon-package::before { content: "⬡"; }
.icon-logo::before { content: "M"; font-size: .86em; font-weight: 900; font-style: italic; }
.icon-manual::before, .icon-document::before { content: "▤"; }
.icon-battery::before { content: "▣"; }
.icon-inverter::before { content: "◉"; }
.icon-clipboard::before { content: "≣"; }
.icon-message::before { content: "…"; width: 1.05em; height: .8em; border: .07em solid currentColor; border-radius: .18em; text-align: center; line-height: .4em; }
.icon-settings::before { content: "⚙"; }
.icon-workers::before { content: "♙♙"; font-size: .68em; letter-spacing: -.18em; }
.icon-pin::before { content: "⌖"; }
.icon-download::before { content: "↓"; }

.supply-panel { overflow: hidden; }
.supply-grid { display: grid; grid-template-columns: 1fr 1fr; }
.supply-card { display: flex; min-height: 146px; padding: 18px 36px; align-items: center; justify-content: center; gap: 28px; }
.supply-card:first-child { border-right: 1px solid #e6e9f2; }
.supply-card > .oem-icon { width: 83px; height: 83px; border-radius: 50%; background: #eef2ff; }
.supply-card > .oem-icon::before { font-size: 43px; }
.supply-card h2 { margin: 0 0 6px; color: var(--blue); font-size: clamp(19px, 2vw, 26px); line-height: 1.03; }
.supply-card ul { margin: 0; padding-left: 17px; color: #10265e; font-size: clamp(11px, 1.2vw, 15px); line-height: 1.45; }
.stock-note { display: flex; min-height: 49px; padding: 8px 20px; align-items: center; justify-content: center; gap: 12px; color: var(--blue); background: #f7f8fc; }
.stock-note p { margin: 0; color: #16285a; font-size: clamp(11px, 1.15vw, 14px); line-height: 1.3; }
.stock-note .oem-icon { width: 24px; height: 24px; }
.stock-note .oem-icon::before { content: "ⓘ"; font-size: 22px; }

.compact-panel { position: relative; padding-top: 9px; }
.center-title { position: relative; z-index: 2; width: max-content; margin: -20px auto 6px !important; padding: 0 12px; color: var(--blue); background: #fff; font-size: clamp(18px, 2vw, 24px); line-height: 1; }
.custom-panel { margin-top: 4px; }
.custom-grid { display: grid; grid-template-columns: repeat(6, 1fr); }
.custom-item { display: flex; min-height: 111px; padding: 18px 8px 13px; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: var(--blue); border-right: 1px solid #e9ecf3; }
.custom-item:last-child { border-right: 0; }
.custom-item p { margin: 0; max-width: 100px; color: #0c2057; font-size: clamp(11px, 1.05vw, 14px); font-weight: 700; line-height: 1.1; text-align: center; }

.product-panel { overflow: visible; padding-top: 18px; }
.product-panel .center-title, .process-panel .center-title { position: absolute; top: 0; left: 50%; margin: 0 !important; padding: 1px 18px 2px; line-height: 1.05; transform: translate(-50%, -50%); }
.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.product-card { display: flex; min-height: 166px; padding: 10px 10px 12px; flex-direction: column; align-items: center; justify-content: flex-start; border-right: 1px solid #e9ecf3; }
.product-card:last-child { border-right: 0; }
.product-card .wp-block-image { display: grid; width: 100%; height: 124px; margin: 0; overflow: hidden; place-items: center; background: #fff; }
.product-card .wp-block-image img { width: 100%; height: 124px; object-fit: contain; }
.product-card.battery-product .wp-block-image { width: 83%; }
.product-card.inverter-product .wp-block-image { width: 67%; }
.product-card.system-product .wp-block-image { width: 90%; }
.product-card p { margin: 5px 0 0; color: var(--blue); font-size: clamp(13px, 1.35vw, 17px); font-weight: 700; line-height: 1.05; text-align: center; }

.process-panel { padding-top: 18px; padding-bottom: 4px; }
.process-grid { display: grid; grid-template-columns: repeat(6, 1fr); }
.process-item { position: relative; display: flex; min-height: 94px; padding: 15px 8px 10px; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: var(--blue); }
.process-item:not(:last-child)::after { content: "→"; position: absolute; top: 33px; right: -8px; color: var(--blue); font-size: 24px; }
.process-item p { margin: 0; max-width: 110px; color: #0d2159; font-size: clamp(10px, 1.05vw, 13px); font-weight: 700; line-height: 1.05; text-align: center; }

.factory-panel { padding: 14px 18px 12px; }
.factory-heading { margin-bottom: 10px; }
.factory-heading h2 { margin: 0; color: var(--dark-blue); font-size: clamp(21px, 2.4vw, 30px); line-height: 1.05; }
.factory-heading p { margin: 3px 0 0; color: #25355f; font-size: clamp(12px, 1.25vw, 15px); }
.factory-media { display: grid; grid-template-columns: 40% 60%; align-items: stretch; gap: 11px; }
.factory-main { position: relative; min-height: clamp(215px, 26vw, 315px); margin: 0; overflow: hidden; border-radius: 9px; }
.factory-main img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.factory-main::after { content: "▶"; position: absolute; top: 50%; left: 50%; display: grid; width: 62px; height: 62px; padding-left: 4px; place-items: center; color: #fff; border: 4px solid #fff; border-radius: 50%; background: rgba(255,255,255,.2); font-size: 24px; transform: translate(-50%, -50%); }
.factory-thumbs { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr 1fr; gap: 9px; }
.factory-thumb { display: grid; min-width: 0; margin: 0; grid-template-rows: 1fr 26px; overflow: hidden; border: 1px solid #e1e5ed; border-radius: 8px; background: #fff; }
.factory-thumb img { width: 100%; height: 100%; min-height: 0; object-fit: cover; }
.factory-thumb figcaption { display: grid; margin: 0; place-items: center; color: #10235b; background: #fff; font-size: clamp(9px, .95vw, 12px); font-weight: 700; font-style: normal; text-align: center; }
.factory-stats { display: grid; margin-top: 11px; grid-template-columns: repeat(5, 1fr); border: 1px solid #e1e5ee; border-radius: 9px; }
.stat-item { display: flex; min-height: 53px; padding: 7px 15px; align-items: center; justify-content: center; gap: 10px; color: var(--blue); border-right: 1px solid #e6e9f1; }
.stat-item:last-child { border-right: 0; }
.stat-item p { margin: 0; color: #20315d; font-size: clamp(8px, .8vw, 10px); }
.stat-item strong { display: block; color: var(--blue); font-size: clamp(12px, 1.25vw, 16px); }

.support-grid { display: grid; grid-template-columns: 45% 55%; gap: 16px; }
.support-card { min-height: 250px; padding: 14px 20px; }
.support-card h2 { margin: 0 0 10px; color: var(--blue); font-size: clamp(18px, 2vw, 24px); line-height: 1.05; text-align: center; }
.stock-body { display: grid; min-height: 154px; grid-template-columns: 38% 62%; align-items: center; }
.map-shape { position: relative; width: 116px; height: 144px; margin: 0 auto; background: #d9dde5; clip-path: polygon(29% 0,57% 6%,73% 23%,70% 41%,87% 54%,68% 75%,55% 100%,30% 89%,21% 66%,4% 47%,17% 25%); }
.map-shape::before { content: ""; position: absolute; top: 36px; left: 27px; width: 12px; height: 12px; border: 3px solid #fff; border-radius: 50%; background: var(--blue); box-shadow: 22px 23px 0 -3px #fff, 22px 23px 0 0 var(--blue), 27px 53px 0 -3px #fff, 27px 53px 0 0 var(--blue), 0 60px 0 -3px #fff, 0 60px 0 0 var(--blue); }
.country-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 14px; }
.country-list p { margin: 0; color: #172859; font-size: clamp(9px, 1vw, 12px); font-weight: 700; white-space: nowrap; }
.stock-support > p { margin: 2px 0 9px; color: #172859; font-size: clamp(10px, 1vw, 12px); text-align: center; }
.stock-support .wp-block-button { width: 84%; margin: 0 auto; }
.stock-support .wp-block-button__link { display: flex; min-height: 32px; padding: 5px 10px; align-items: center; justify-content: center; color: var(--blue); border: 1.5px solid var(--blue); border-radius: 6px; background: #fff; font-size: clamp(10px, 1.05vw, 13px); font-weight: 700; }
.support-items { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid #e5e8ef; border-left: 1px solid #e5e8ef; }
.support-item { display: flex; min-height: 69px; padding: 7px 4px; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: var(--blue); border-right: 1px solid #e5e8ef; border-bottom: 1px solid #e5e8ef; text-align: center; }
.support-item p { margin: 0; color: #172859; font-size: clamp(8px, .82vw, 10px); line-height: 1.1; }
.support-item.ce-mark strong { color: var(--blue); font-size: 24px; letter-spacing: -.08em; }

.inquiry-panel { padding: 8px 18px 13px; }
.inquiry-panel h2 { margin: 0 0 7px; color: var(--blue); font-size: clamp(17px, 1.8vw, 22px); text-align: center; }
.inquiry-panel form { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.inquiry-panel label { position: relative; display: flex; min-height: 35px; padding: 0 10px; align-items: center; gap: 7px; color: #60708f; border: 1px solid #dfe4ed; border-radius: 6px; background: #fff; }
.inquiry-panel input, .inquiry-panel select { width: 100%; color: #223258; border: 0; outline: 0; background: transparent; font-size: clamp(10px, 1vw, 12px); }
.inquiry-panel select { appearance: none; }
.inquiry-panel form > button { display: flex; min-height: 33px; grid-column: 1 / -1; align-items: center; justify-content: center; gap: 10px; color: #fff; border: 0; border-radius: 6px; background: linear-gradient(90deg, #ff4c04, #ff6500); font-size: clamp(11px, 1.1vw, 14px); font-weight: 750; }
.form-success, .form-error { margin: 8px 0 0; text-align: center; font-size: 11px; }
.form-success { color: #118a46; }
.form-error { color: #b42318; }

.sticky-cta { position: fixed; z-index: 45; left: 50%; bottom: 7px; display: grid; width: 85%; min-height: 64px; padding: 7px 22px; grid-template-columns: 1fr auto; align-items: center; gap: 22px; color: #fff; border-radius: 18px; background: linear-gradient(90deg, #052aaf, #0735b9, #042480); box-shadow: 0 12px 30px rgba(3,31,117,.25); transform: translateX(-50%); }
.sticky-cta > strong { font-size: clamp(16px, 1.9vw, 23px); text-align: right; }
.sticky-cta > div { display: flex; align-items: center; }
.sticky-cta a { display: flex; min-height: 37px; padding: 8px 19px; align-items: center; gap: 9px; color: #fff; border: 1px solid rgba(255,255,255,.3); background: transparent; font-size: clamp(10px, 1vw, 13px); font-weight: 700; }
.sticky-cta a:first-child { border-color: var(--orange); border-radius: 6px 0 0 6px; background: var(--orange); }
.sticky-cta a:last-child { border-radius: 0 6px 6px 0; }

.simple-hero { display: grid; min-height: 270px; padding: 48px 7.5%; place-items: center; color: #fff; background: linear-gradient(120deg, #071f61, #0631c7); text-align: center; }
.simple-hero h1 { margin: 0; color: #fff; font-size: clamp(36px, 5vw, 68px); }
.simple-page-content { width: 85%; max-width: 1120px; margin: 0 auto; padding: 70px 0 120px; }
.simple-page-content h2 { color: var(--dark-blue); }
.simple-page-content p { color: #4b5876; font-size: 18px; }
.standard-content { padding: 60px 0 130px; }

@media (max-width: 1100px) {
  .desktop-nav { display: none; }
  .menu-trigger { display: block; }
  .trust-item { padding-inline: 9px; gap: 8px; }
  .supply-card { padding-inline: 18px; gap: 15px; }
  .supply-card > .oem-icon { width: 62px; height: 62px; }
  .support-grid { gap: 8px; }
  .support-card { min-width: 0; padding-inline: 10px; }
}

@media (max-width: 700px) {
  body { padding-bottom: 72px; }
  .admin-bar .site-header { top: 46px; }
  .admin-bar .mobile-drawer { top: 46px; }
  .page-width, .page-stack { width: 85%; }
  .section-anchor { scroll-margin-top: 60px; }
  .site-header { height: 60px; }
  .header-actions { gap: 14px; }
  .logo-wordmark { font-size: 23px; }
  .custom-logo { max-width: 150px; max-height: 40px; }
  .whatsapp-header { width: 30px; height: 30px; }
  .whatsapp-header svg { width: 26px; height: 26px; }
  .menu-trigger { width: 32px; }
  .menu-trigger span { margin: 5px 0; }
  .mobile-drawer { width: 82vw; padding: 22px 20px 28px; }
  .drawer-logo { font-size: 19px; }
  .drawer-close { width: 40px; height: 40px; font-size: 16px; }
  .drawer-nav { margin-top: 30px; }
  .drawer-nav .menu-list { gap: 14px; }
  .drawer-nav .menu-item > a { font-size: 14px; line-height: 1.15; letter-spacing: .045em; }
  .drawer-nav .menu-item-has-children { display: grid; grid-template-columns: minmax(0, auto) 38px; align-items: center; justify-content: start; column-gap: 10px; }
  .submenu-toggle { position: static; width: 38px; height: 23px; grid-column: 2; grid-row: 1; border-width: 1.25px; font-size: 14px; }
  .drawer-nav .sub-menu { width: 100%; grid-column: 1 / -1; padding-left: 12px; gap: 6px; }
  .drawer-nav .sub-menu.is-open { max-height: 130px; margin-top: 9px; }
  .drawer-nav .sub-menu li { width: 100%; }
  .drawer-nav .sub-menu a { display: block; width: 100%; font-size: 9.5px; line-height: 1.25; text-align: left; }
  .hero { height: clamp(270px, 76vw, 320px); }
  .hero::after { background: linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.95) 36%, rgba(255,255,255,.34) 61%, rgba(255,255,255,.06) 100%); }
  .hero-copy { width: 53%; padding: 14px 0; }
  .hero h1 { font-size: clamp(18px, 6.5vw, 27px); }
  .hero p { margin: 6px 0 8px; font-size: clamp(7px, 2.35vw, 10px); }
  .hero-buttons { width: clamp(112px, 38vw, 148px); gap: 5px; }
  .hero-buttons .wp-block-button__link { min-height: 29px; padding: 5px 7px; gap: 4px; border-radius: 5px; font-size: clamp(6px, 1.9vw, 8px); }
  .page-stack { margin-top: 7px; gap: 9px; }
  .trust-strip, .supply-panel, .compact-panel, .factory-panel, .support-card, .inquiry-panel { border-radius: 8px; }
  .trust-strip { padding: 5px; }
  .trust-item { min-width: 0; min-height: 43px; padding: 3px; gap: 4px; }
  .trust-item .oem-icon { width: 14px; height: 14px; }
  .trust-item .oem-icon::before { font-size: 13px; }
  .trust-item .icon-quality::before,
  .trust-item .icon-check::before,
  .trust-item .icon-shield::before { width: 11px !important; height: 11px !important; border-width: 1.2px !important; font-size: 9px !important; line-height: 8px !important; }
  .trust-item strong { font-size: clamp(5px, 1.75vw, 7px); }
  .trust-item p { font-size: clamp(4px, 1.3vw, 5.5px); line-height: 1.1; }
  .supply-card { min-width: 0; min-height: 112px; padding: 10px; gap: 7px; }
  .supply-card > .oem-icon { width: 40px; height: 40px; }
  .supply-card > .oem-icon::before { font-size: 25px; }
  .supply-card h2 { margin-bottom: 3px; font-size: clamp(9px, 3vw, 12px); }
  .supply-card ul { padding-left: 10px; font-size: clamp(5.5px, 1.75vw, 7px); }
  .stock-note { min-height: 34px; padding: 5px 9px; gap: 6px; }
  .stock-note p { font-size: clamp(5.5px, 1.75vw, 7px); }
  .compact-panel { padding-top: 6px; }
  .center-title { margin-top: -13px !important; padding-inline: 7px; font-size: clamp(10px, 3.3vw, 13px); }
  .custom-item { min-width: 0; min-height: 70px; padding: 7px 2px; gap: 5px; }
  .custom-item .oem-icon { width: 18px; height: 18px; }
  .custom-item .oem-icon::before { font-size: 17px; }
  .custom-item p { font-size: clamp(5px, 1.55vw, 6.5px); }
  .product-panel { padding-top: 10px; }
  .product-panel .center-title, .process-panel .center-title { padding: 1px 8px 2px; }
  .product-card { min-width: 0; min-height: 103px; padding: 5px 3px 8px; }
  .product-card .wp-block-image, .product-card .wp-block-image img { height: 75px; }
  .product-card p { font-size: clamp(6px, 2vw, 8px); }
  .product-card.battery-product .wp-block-image { width: 92%; }
  .product-card.inverter-product .wp-block-image { width: 76%; }
  .product-card.system-product .wp-block-image { width: 98%; }
  .process-panel { padding-top: 10px; padding-bottom: 2px; }
  .process-grid { padding: 7px 6px 5px; grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 3px; }
  .process-item { min-width: 0; min-height: 66px; padding: 8px 3px 7px; gap: 5px; }
  .process-item:nth-child(-n+3) { border-bottom: 1px solid #eef1f6; }
  .process-item .oem-icon { width: 18px; height: 18px; }
  .process-item .oem-icon::before { font-size: 17px; }
  .process-item .icon-quality::before,
  .process-item .icon-check::before,
  .process-item .icon-shield::before { width: 13px !important; height: 13px !important; border-width: 1.3px !important; font-size: 10px !important; line-height: 10px !important; }
  .process-item p { width: 100%; font-size: clamp(5.8px, 1.65vw, 6.5px); line-height: 1.15; overflow-wrap: anywhere; }
  .process-item:not(:last-child)::after { top: 20px; right: -3px; font-size: 10px; }
  .process-item:nth-child(3)::after { display: none; }
  .factory-panel { padding: 8px; }
  .factory-heading { margin-bottom: 6px; }
  .factory-heading h2 { font-size: clamp(12px, 3.8vw, 15px); }
  .factory-heading p { margin-top: 1px; font-size: clamp(6px, 1.85vw, 7.5px); }
  .factory-media { grid-template-columns: 1fr; gap: 7px; }
  .factory-main { min-height: 0; aspect-ratio: 16 / 9; border-radius: 5px; }
  .factory-main::after { width: 34px; height: 34px; border-width: 2px; font-size: 13px; }
  .factory-thumbs { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(76px, auto)); gap: 5px; }
  .factory-thumb { min-height: 76px; grid-template-rows: 1fr 16px; border-radius: 4px; }
  .factory-thumb figcaption { font-size: clamp(5.5px, 1.55vw, 6.2px); }
  .factory-stats { margin-top: 7px; grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: 5px; }
  .stat-item { min-width: 0; min-height: 48px; padding: 5px 4px; flex-direction: row; gap: 6px; text-align: left; border-bottom: 1px solid #e6e9f1; }
  .stat-item:nth-child(even) { border-right: 0; }
  .stat-item:last-child { grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
  .stat-item .oem-icon { width: 15px; height: 15px; }
  .stat-item .oem-icon::before { font-size: 14px; }
  .stat-item .icon-quality::before,
  .stat-item .icon-check::before,
  .stat-item .icon-shield::before { width: 10px !important; height: 10px !important; border-width: 1.1px !important; font-size: 8px !important; line-height: 7px !important; }
  .stat-item strong { font-size: clamp(6px, 1.75vw, 7px); }
  .stat-item p { width: 100%; font-size: clamp(5px, 1.4vw, 5.6px); line-height: 1.15; overflow-wrap: anywhere; }
  .support-grid { grid-template-columns: 1fr; gap: 8px; }
  .support-card { min-height: 0; padding: 9px 8px; }
  .support-card h2 { margin-bottom: 7px; font-size: clamp(10px, 3.1vw, 12px); }
  .stock-body { min-height: 95px; grid-template-columns: 34% 66%; }
  .map-shape { width: 64px; height: 80px; }
  .map-shape::before { top: 19px; left: 14px; width: 7px; height: 7px; border-width: 2px; box-shadow: 13px 13px 0 -2px #fff, 13px 13px 0 0 var(--blue), 15px 29px 0 -2px #fff, 15px 29px 0 0 var(--blue), 0 33px 0 -2px #fff, 0 33px 0 0 var(--blue); }
  .country-list { min-width: 0; grid-template-columns: 1fr 1fr; gap: 7px 5px; }
  .country-list p { min-width: 0; font-size: clamp(5.8px, 1.8vw, 7px); line-height: 1.15; white-space: normal; overflow-wrap: anywhere; }
  .stock-support > p { margin: 4px 0 6px; font-size: clamp(6px, 1.8vw, 7px); }
  .stock-support .wp-block-button { width: 90%; }
  .stock-support .wp-block-button__link { min-height: 27px; padding: 4px; border-width: 1px; border-radius: 4px; font-size: clamp(6px, 1.8vw, 7px); }
  .support-items { overflow: hidden; }
  .support-item { min-width: 0; min-height: 52px; padding: 5px 2px; gap: 4px; overflow: hidden; }
  .support-item .oem-icon { width: 17px; height: 17px; }
  .support-item .oem-icon::before { font-size: 16px; }
  .support-item .icon-quality::before,
  .support-item .icon-check::before,
  .support-item .icon-shield::before { width: 11px !important; height: 11px !important; border-width: 1.1px !important; font-size: 8px !important; line-height: 8px !important; }
  .support-item p { width: 100%; padding-inline: 1px; font-size: clamp(5.5px, 1.65vw, 6.4px); line-height: 1.15; overflow-wrap: anywhere; }
  .support-item.ce-mark strong { font-size: 12px; }
  .inquiry-panel { padding: 5px 7px 7px; }
  .inquiry-panel h2 { margin-bottom: 4px; font-size: clamp(9px, 2.8vw, 11px); }
  .inquiry-panel form { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
  .inquiry-panel label { min-width: 0; min-height: 30px; padding: 0 6px; gap: 4px; border-radius: 4px; }
  .inquiry-panel input, .inquiry-panel select { min-width: 0; font-size: clamp(6.2px, 1.85vw, 7.2px); }
  .inquiry-panel form > button { min-height: 29px; border-radius: 4px; font-size: clamp(6.5px, 1.95vw, 7.6px); }
  .sticky-cta { width: 85%; min-height: 46px; padding: 4px 5px 4px 8px; gap: 4px; border-radius: 9px; }
  .sticky-cta > strong { font-size: clamp(5.4px, 1.65vw, 6.8px); line-height: 1.15; }
  .sticky-cta a { min-height: 29px; padding: 4px 5px; gap: 2px; font-size: clamp(4.1px, 1.16vw, 4.8px); white-space: nowrap; }
  .simple-hero { min-height: 180px; }
  .simple-page-content { padding: 38px 0 90px; }
  .simple-page-content p { font-size: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}