/*
Theme Name: MAXSIENO Gutenberg
Theme URI: https://maxsieno.com/
Author: MAXSIENO
Description: Responsive Gutenberg block theme for MAXSIENO power conversion and energy storage products.
Version: 1.2.0
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: maxsieno-gutenberg
*/

:root {
  --mx-red:#e31e24;
  --mx-orange:#ff5b00;
  --mx-green:#19b63c;
  --mx-blue:#071f68;
  --mx-title:#0a1f5c;
  --mx-text:#4a5568;
  --mx-soft:#f7fafc;
  --mx-border:#dfe7f1;
  --mx-shadow:0 6px 22px rgba(8,33,92,.09);
  --mx-width:95%;
}

html { scroll-behavior:smooth; overflow-x:hidden; }
body { margin:0; overflow-x:hidden; background:#fff; color:var(--mx-text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
*,*::before,*::after { box-sizing:border-box; }
img { max-width:100%; height:auto; }
a { transition:color .18s,background-color .18s,filter .18s,transform .18s; }
.mx-page-main,.mx-page-main>.wp-block-post-content { margin:0; padding:0; }
.mx-page-main>.wp-block-post-content>* { margin-block-start:0; margin-block-end:0; }
.mx-content-shell { width:var(--mx-width); max-width:none!important; margin-inline:auto!important; }
.mx-section { padding:30px 0; scroll-margin-top:100px; }
.mx-soft-section { background:var(--mx-soft); }
.mx-section-title { margin:0 0 22px; color:var(--mx-title); font-size:clamp(25px,2.1vw,36px); font-weight:800; letter-spacing:-.025em; line-height:1.18; }
.mx-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.mx-section-heading .mx-section-title { margin:0; }
.mx-section-link,.mx-text-link { color:#0759ed; font-size:14px; font-weight:800; text-decoration:none; white-space:nowrap; }
.mx-section-link:hover,.mx-text-link:hover { color:var(--mx-red); }
.mx-link-wrap { min-height:0!important; margin:0!important; padding:0!important; }
.mx-icon { display:grid; width:44px; height:44px; flex:0 0 44px; place-items:center; border-radius:10px; background:#ecf3ff; color:#0b3fa8; font-size:22px; line-height:1; }
.mx-icon-square { display:grid; width:40px; height:40px; flex:0 0 40px; place-items:center; border-radius:8px; color:#fff; font-size:20px; font-weight:800; }
.tone-blue .mx-icon-square,.mx-icon-square.tone-blue { background:linear-gradient(145deg,#1382ff,#0755e8); }
.tone-green .mx-icon-square,.mx-icon-square.tone-green { background:linear-gradient(145deg,#26bf56,#07802a); }
.tone-purple .mx-icon-square,.mx-icon-square.tone-purple { background:linear-gradient(145deg,#8951ef,#5120c3); }
.tone-orange .mx-icon-square,.mx-icon-square.tone-orange { background:linear-gradient(145deg,#ff7619,#f23a00); }

/* Header / footer */
.mx-site-header { position:sticky; z-index:1000; top:0; width:100%; border-bottom:1px solid #e2e8f0; background:rgba(255,255,255,.98); transition:box-shadow .2s; }
.mx-site-header.is-scrolled { box-shadow:0 4px 15px rgba(12,29,78,.1); }
.mx-header-inner { width:var(--mx-width); min-height:84px; margin-inline:auto!important; gap:18px; }
.mx-brand { min-width:210px; margin:0!important; }
.mx-brand p { margin:0; }
.mx-brand-name { color:var(--mx-red)!important; font-size:34px!important; font-weight:900!important; letter-spacing:-1.5px; line-height:.95!important; }
.mx-brand-name a { color:inherit!important; text-decoration:none; }
.mx-brand-name sup { position:relative; top:-.5em; font-size:10px; }
.mx-brand-tagline { margin-top:4px!important; color:#111!important; font-size:11px!important; font-weight:700; line-height:1!important; }
.mx-main-nav { flex:1; justify-content:flex-end; }
.mx-main-nav .wp-block-navigation__container { flex-wrap:nowrap; gap:18px!important; }
.mx-main-nav .wp-block-navigation-item__content { color:#090909; font-size:12px; font-weight:900; letter-spacing:.035em; text-decoration:none; white-space:nowrap; }
.mx-main-nav .wp-block-navigation-item__content:hover { color:#08a52c; }
.mx-main-nav .wp-block-navigation__submenu-icon { color:#08a52c; }
.mx-main-nav .wp-block-navigation__submenu-container { min-width:310px!important; padding:9px!important; border:1px solid #e1e8f1!important; border-radius:10px!important; background:#fff!important; box-shadow:0 18px 50px rgba(8,28,82,.15)!important; }
.mx-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content { width:100%; min-height:43px; padding:10px 11px!important; border-radius:7px; color:#09237e!important; font-size:14px; font-weight:750; letter-spacing:0; }
.mx-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background:#edf4ff; }
.mx-header-contact { flex:0 0 auto; margin:0!important; }
.mx-header-whatsapp .wp-block-button__link { display:grid; width:42px; min-width:42px; height:42px; padding:0!important; place-items:center; border:2px solid #0bb23c!important; border-radius:50%!important; color:#0bb23c!important; background:#fff!important; font-size:24px; font-weight:900; text-decoration:none; }
.mx-site-footer { width:100%; border-top:1px solid #e0e7ef; background:#fff; }
.mx-footer-inner { width:var(--mx-width); margin:0 auto!important; padding:17px 0 28px; }
.mx-footer-inner p { margin:2px 0; color:#607096; font-size:12px; line-height:1.35; }

/* Buttons */
.mx-buttons { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px!important; }
.mx-buttons .wp-block-button { flex:0 1 auto; }
.mx-buttons .wp-block-button__link { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:12px 22px!important; border:0!important; border-radius:8px!important; color:#fff!important; font-size:15px; font-weight:800; text-decoration:none; box-shadow:0 5px 14px rgba(10,31,92,.12); }
.mx-btn-orange .wp-block-button__link { background:linear-gradient(105deg,#ff6700,#ff4300)!important; }
.mx-btn-green .wp-block-button__link { background:linear-gradient(105deg,#12a636,#29c848)!important; }
.mx-buttons .wp-block-button__link:hover { filter:brightness(.93); }
.mx-buttons .wp-block-button__link:active { transform:scale(.98); }

/* Homepage */
.mx-home-shell { width:var(--mx-width); max-width:none!important; margin:0 auto!important; padding:30px 40px 0; background:#fff; }
.mx-home-shell h1,.mx-home-shell h2,.mx-home-shell h3,.mx-home-shell p { margin-block-start:0; }
.mx-home-section { padding:28px 0; scroll-margin-top:100px; }
.mx-home-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:15px; }
.mx-home-heading h2 { margin:0; color:#061d68; font-size:26px; font-weight:850; line-height:1.22; letter-spacing:-.02em; }
.mx-home-heading a { color:#0759ef; font-size:14px; font-weight:800; text-decoration:none; white-space:nowrap; }
.mx-home-hero-card { overflow:visible; border-radius:0 0 11px 11px; background:#fff; box-shadow:0 5px 22px rgba(8,33,92,.12); }
.mx-home-hero-visual { position:relative; width:100vw; height:clamp(460px,35vw,675px); margin-left:calc(50% - 50vw)!important; overflow:hidden; background:#c8e2ff url('assets/images/home-hero.webp') 57% center/cover no-repeat; }
.mx-home-hero-visual::after { position:absolute; z-index:1; inset:0; content:""; background:linear-gradient(90deg,rgba(4,31,91,.68),rgba(5,43,102,.16) 58%,transparent 78%); pointer-events:none; }
.mx-home-hero-visual .wp-block-image { width:100%; height:100%; margin:0!important; }
.mx-home-hero-visual .wp-block-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:57% center; }
.mx-home-hero-copy { position:absolute; z-index:2; top:13%; left:calc(10% + 40px); width:44%; color:#fff; }
.mx-home-hero-copy h1 { max-width:660px; margin:0; color:#fff; font-family:"Arial Narrow",Impact,Arial,sans-serif; font-size:clamp(44px,4vw,66px); font-weight:900; letter-spacing:.015em; line-height:1.04; text-shadow:0 2px 10px rgba(0,25,70,.38); }
.mx-home-hero-copy p { max-width:430px; margin:20px 0 0; color:#fff; font-size:18px; font-weight:800; letter-spacing:.025em; line-height:1.5; text-shadow:0 2px 8px rgba(0,25,70,.4); }
.mx-assurance-grid { display:grid; max-width:900px; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0 auto!important; padding:24px 12px 14px; }
.mx-assurance-item { display:flex; align-items:center; justify-content:center; gap:10px; color:#041b68; text-align:left; }
.mx-assurance-item .mx-symbol { color:#06277d; font-size:28px; }
.mx-assurance-item p { margin:0; color:#041b68; font-size:13px; font-weight:800; line-height:1.25; }
.mx-home-hero-actions { max-width:760px; justify-content:center; margin:0 auto!important; padding:0 14px 20px; }
.mx-home-hero-actions .wp-block-button { flex:1; }
.mx-home-hero-actions .wp-block-button__link { width:100%; }
.mx-explore-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.mx-explore-card { display:grid; min-height:160px; grid-template-columns:42px minmax(0,1fr); align-items:start; gap:12px; padding:17px 14px; border:1px solid #e2e9f2; border-radius:11px; background:#fff; box-shadow:0 3px 12px rgba(8,34,96,.07); }
.mx-explore-card h3,.mx-explore-card p { margin:0; }
.mx-explore-card h3 { color:#061d68; font-size:17px; line-height:1.25; }
.mx-explore-card p { min-height:58px; margin-top:7px; color:#14285d; font-size:14px; line-height:1.45; }
.mx-explore-card a { color:#0759f3; font-size:13px; font-weight:800; text-decoration:none; }
.mx-explore-card p.mx-link-wrap { min-height:0!important; margin-top:6px!important; }
.mx-benefit-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.mx-benefit-card { display:flex; min-width:0; min-height:312px; flex-direction:column; overflow:hidden; border:1px solid #e2e9f2; border-radius:11px; background:#fff; box-shadow:0 3px 13px rgba(8,34,96,.08); }
.mx-benefit-card>.wp-block-image { order:-1; width:100%; height:145px; margin:0!important; }
.mx-benefit-card>.wp-block-image img { display:block; width:100%; height:100%; object-fit:cover; }
.mx-benefit-copy { display:grid; grid-template-columns:42px minmax(0,1fr); gap:10px; padding:15px 13px; }
.mx-benefit-copy h3 { margin:0; color:#061d68; font-size:16px; line-height:1.28; }
.mx-benefit-copy p { margin:7px 0 0; color:#14285d; font-size:13px; line-height:1.48; }
.mx-about-grid { display:grid; grid-template-columns:1fr 1fr; align-items:stretch; gap:24px; }
.mx-about-copy { padding:20px 12px; }
.mx-about-copy .mx-kicker { margin:0 0 8px; color:#109037; font-size:13px; font-weight:900; letter-spacing:.08em; }
.mx-about-copy h2 { max-width:560px; margin:0 0 14px; color:#061d68; font-family:"Arial Narrow",Impact,Arial,sans-serif; font-size:38px; line-height:1.22; }
.mx-about-copy p:not(.mx-kicker) { max-width:580px; margin:0 0 11px; color:#21325b; font-size:15px; line-height:1.55; }
.mx-about-grid>.wp-block-image { height:500px; margin:0!important; }
.mx-about-grid>.wp-block-image img { width:100%; height:100%; border-radius:9px; object-fit:cover; }
.mx-about-button .wp-block-button__link { border-radius:4px!important; background:#1fa73e!important; }
.mx-home-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.mx-home-product-card { display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid #e4eaf1; border-radius:10px; background:#fff; box-shadow:0 3px 11px rgba(8,34,96,.08); }
.mx-home-product-card>.wp-block-image { width:100%; height:220px; margin:0!important; padding:5px; background:linear-gradient(#fafcff,#f5f7fa); }
.mx-home-product-card>.wp-block-image img { width:100%; height:100%; object-fit:contain; }
.mx-home-product-card h3 { min-height:50px; margin:0; padding:13px 12px 0; color:#061d68; font-size:19px; line-height:1.23; }
.mx-home-product-card p { min-height:62px; margin:0; padding:7px 12px; color:#303c5c; font-size:14px; line-height:1.45; }
.mx-home-product-card .mx-link-wrap a { display:block; padding:8px 12px; color:#061d68; font-size:14px; font-weight:800; text-decoration:none; }
.mx-home-product-card .mx-price-wrap { margin-top:auto!important; border-top:1px solid #edf0f5; }
.mx-home-product-card .mx-price-wrap a { padding:12px 12px 15px; color:#ff4b00; }
.mx-solution-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.mx-solution-card { overflow:hidden; border:1px solid #dfe6ef; border-radius:10px; background:#fff; box-shadow:0 3px 10px rgba(8,34,96,.07); }
.mx-solution-card>.wp-block-image { width:100%; height:155px; margin:0!important; }
.mx-solution-card>.wp-block-image img { display:block; width:100%; height:100%; object-fit:cover; }
.mx-solution-card>.mx-card-copy { padding:13px; }
.mx-solution-card h3 { margin:0; color:#061d68; font-size:17px; }
.mx-solution-card p { min-height:42px; margin:5px 0; color:#24345c; font-size:13px; line-height:1.42; }
.mx-solution-card a { color:#0759f3; font-size:13px; font-weight:800; text-decoration:none; }
.mx-solution-card .mx-link-wrap { margin-top:5px!important; }
.mx-home-source-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.mx-home-source-card { display:grid; min-height:205px; grid-template-columns:40px 48px minmax(0,1fr); grid-template-rows:auto 1fr; align-content:start; gap:12px; padding:16px; border-radius:9px; }
.mx-home-source-card.tone-green { background:linear-gradient(100deg,#effbf2,#f6fbf7); color:#078c32; }
.mx-home-source-card.tone-blue { background:linear-gradient(100deg,#eef4ff,#f7f9ff); color:#0759e9; }
.mx-home-source-card.tone-purple { background:linear-gradient(100deg,#f5efff,#fbf8ff); color:#6426cb; }
.mx-source-number { display:grid; width:38px; height:38px; place-items:center; border-radius:5px; background:currentColor; color:#fff; font-size:13px; font-weight:900; }
.mx-source-emoji { display:grid; width:46px; height:46px; place-items:center; border-radius:50%; background:#fff; font-size:22px; }
.mx-home-source-card h3 { margin:0; color:currentColor; font-size:17px; }
.mx-home-source-card p { margin:6px 0 0; color:#303e63; font-size:13px; line-height:1.5; }
.mx-source-arrow { grid-column:3; color:currentColor; font-size:24px; font-weight:800; }
.mx-factory-mini-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.mx-factory-mini-card { overflow:hidden; border:1px solid #e2e7ee; border-radius:8px; background:#fff; text-align:center; box-shadow:0 2px 9px rgba(8,34,96,.06); }
.mx-factory-mini-card>.wp-block-image { width:100%; height:190px; margin:0!important; }
.mx-factory-mini-card>.wp-block-image img { display:block; width:100%; height:100%; object-fit:cover; }
.mx-factory-mini-card h3 { margin:10px 4px 0; color:#061d68; font-size:16px; }
.mx-factory-mini-card p { min-height:65px; margin:6px 0 0; padding:0 8px 12px; color:#334064; font-size:13px; line-height:1.4; }
.mx-case-card { display:grid; grid-template-columns:68% 32%; overflow:hidden; border:1px solid #e1e7ef; border-radius:10px; background:#fff; box-shadow:0 3px 12px rgba(8,34,96,.08); }
.mx-case-image { position:relative; min-height:420px; }
.mx-case-image>.wp-block-image { width:100%; height:100%; margin:0!important; }
.mx-case-image>.wp-block-image img { width:100%; height:100%; object-fit:cover; }
.mx-case-country { position:absolute; top:14px; left:14px; margin:0!important; padding:5px 9px; border-radius:4px; background:#fff; color:#061d68; font-size:12px; font-weight:800; }
.mx-case-copy { padding:32px 28px; }
.mx-case-copy h3 { margin:0; color:#061d68; font-size:34px; line-height:1.2; }
.mx-case-copy ul { display:grid; gap:8px; margin:20px 0; padding-left:20px; color:#26365d; font-size:16px; }
.mx-case-copy a { color:#0759f3; font-weight:800; text-decoration:none; }
.mx-news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.mx-news-card { display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid #e3e8f0; border-radius:9px; background:#fff; box-shadow:0 3px 10px rgba(8,34,96,.06); }
.mx-news-card>.wp-block-image { width:100%; height:210px; margin:0!important; }
.mx-news-card>.wp-block-image img { width:100%; height:100%; object-fit:cover; }
.mx-news-card h3 { min-height:100px; margin:0; padding:14px 13px 5px; color:#061d68; font-size:16px; line-height:1.4; }
.mx-news-card a { margin-top:auto; padding:8px 13px 15px; color:#0759f3; font-size:13px; font-weight:800; text-decoration:none; }
.mx-compliance-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
.mx-compliance-item,.mx-document-link { display:flex; min-height:45px; align-items:center; justify-content:center; gap:7px; border:1px solid #e1e7ef; border-radius:6px; background:#fff; color:#061d68; font-size:14px; font-weight:800; text-align:center; }
.mx-documents-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; margin-top:5px; }
.mx-document-link { text-decoration:none; }
.mx-documents-grid .mx-link-wrap { display:flex; }
.mx-document-link { width:100%; }
.mx-growth-cta { position:relative; display:grid; min-height:310px; grid-template-columns:58% 42%; margin:3px -40px 0!important; overflow:hidden; padding:50px 70px; background:linear-gradient(120deg,#0936a3,#06227d 60%,#0a43b6); color:#fff; }
.mx-growth-cta h2 { margin:0; color:#fff; font-size:42px; line-height:1.14; }
.mx-growth-cta p { margin:13px 0 0; color:#fff; font-size:14px; }
.mx-growth-features { display:grid; max-width:600px; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:25px; }
.mx-growth-features p { margin:0; font-size:11px; font-weight:700; }
.mx-growth-cta>.wp-block-image { align-self:end; height:270px; margin:0!important; }
.mx-growth-cta>.wp-block-image img { width:125%; height:100%; object-fit:contain; mix-blend-mode:screen; transform:translateX(-10%); }

/* Product index */
.mx-index-hero { padding:58px 0; background:linear-gradient(115deg,#f3f8ff,#e7f1ff); }
.mx-index-hero .mx-eyebrow { margin:0 0 12px; color:var(--mx-red); font-size:14px; font-weight:900; letter-spacing:.16em; }
.mx-index-hero h1 { max-width:760px; margin:0; color:#062887; font-size:clamp(40px,4.3vw,66px); line-height:1.05; }
.mx-index-hero .mx-index-subtitle { max-width:700px; margin:20px 0 0; color:#1d2d50; font-size:18px; line-height:1.5; }
.mx-index-list { padding:35px 0 58px; }
.mx-index-link { display:flex; min-height:58px; align-items:center; justify-content:space-between; margin:0; padding:13px 15px; border-radius:8px; color:#062887; font-size:16px; font-weight:800; text-decoration:none; }
.mx-index-link:first-child,.mx-index-link:hover { background:#eaf2ff; }

/* Product category pages */
.mx-product-hero { background:linear-gradient(112deg,#f6f9fd,#edf5ff); }
.mx-product-hero-inner { display:grid; min-height:530px; grid-template-columns:1fr 1fr; align-items:center; gap:45px; padding:55px 0; }
.mx-product-hero-copy h1 { max-width:650px; margin:0; color:#0a1f5c; font-size:clamp(42px,4.3vw,68px); line-height:1.05; letter-spacing:-.035em; }
.mx-product-hero-copy>p { max-width:590px; margin:22px 0 0; color:#4a5568; font-size:18px; line-height:1.58; }
.mx-product-hero-media { margin:0!important; }
.mx-product-hero-media img { width:100%; max-height:470px; object-fit:contain; }
.mx-product-range { padding:48px 0; }
.mx-product-range-track { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.mx-product-range-track.count-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mx-product-range-track.count-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mx-product-card { display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid #e1e7ef; border-radius:12px; background:#fff; box-shadow:var(--mx-shadow); }
.mx-product-card>.wp-block-image { width:100%; height:250px; margin:0!important; padding:15px; background:linear-gradient(#fafcff,#f2f5f8); }
.mx-product-card>.wp-block-image img { width:100%; height:100%; object-fit:contain; }
.mx-product-card-copy { display:flex; min-height:180px; flex:1; flex-direction:column; padding:20px; }
.mx-product-card h3 { margin:0; color:#0a1f5c; font-size:21px; line-height:1.25; }
.mx-product-card p { margin:8px 0 0; color:#4a5568; font-size:14px; line-height:1.5; }
.mx-product-card .mx-product-specs { color:#2e4269; font-size:13px; font-weight:700; }
.mx-product-card a { margin-top:auto; padding-top:17px; color:#0759ed; font-size:14px; font-weight:800; text-decoration:none; }
.mx-product-card .mx-link-wrap { margin-top:auto!important; }
.mx-carousel-dots { display:none; }
.mx-choose-section { padding:46px 0; background:#f7fafc; }
.mx-choose-inner { max-width:1000px!important; }
.mx-choose-list { display:grid; gap:8px; }
.mx-choose-row { display:grid; min-height:78px; grid-template-columns:46px minmax(0,1fr) 24px; align-items:center; gap:17px; padding:13px 18px; border:1px solid #e4e9f0; border-radius:10px; background:#fff; color:inherit; text-decoration:none; transition:background .18s,transform .18s; }
.mx-choose-row:hover { background:#f1f6ff; transform:translateX(2px); }
.mx-choose-row h3 { margin:0; color:#0a1f5c; font-size:17px; }
.mx-choose-row p { margin:3px 0 0; color:#4a5568; font-size:14px; }
.mx-choose-arrow { color:#0a1f5c; font-size:22px; font-weight:800; text-align:right; }
.mx-highlights { padding:46px 0; }
.mx-highlights-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; padding:20px 22px; border-radius:16px; background:#eef5ff; }
.mx-highlight-card { display:grid; grid-template-columns:46px minmax(0,1fr); gap:14px; padding:15px 10px; }
.mx-highlight-card:not(:last-child) { border-right:1px solid #cbdcf8; }
.mx-highlight-card h3 { margin:0; color:#0a1f5c; font-size:18px; }
.mx-highlight-card p { margin:5px 0 0; color:#4a5568; font-size:14px; }
.mx-benefits-section { padding:46px 0; background:#f7fafc; }
.mx-benefits-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.mx-benefit-item { display:grid; min-height:132px; grid-template-columns:48px minmax(0,1fr); gap:16px; padding:22px; border:1px solid #e1e8f0; border-radius:12px; background:#fff; }
.mx-benefit-item h3 { margin:0; color:#0a1f5c; font-size:18px; }
.mx-benefit-item p { margin:7px 0 0; color:#4a5568; font-size:14px; }
.mx-factory-section { padding:48px 0; }
.mx-factory-showcase { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.mx-factory-card { position:relative; min-height:260px; overflow:hidden; border-radius:13px; }
.mx-factory-card:first-child { min-height:430px; grid-column:1/-1; }
.mx-factory-card>.wp-block-image { width:100%; height:100%; margin:0!important; }
.mx-factory-card>.wp-block-image img { display:block; width:100%; height:100%; object-fit:cover; }
.mx-factory-label { position:absolute; right:14px; bottom:14px; left:14px; margin:0!important; padding:12px 14px; border-radius:8px; background:rgba(255,255,255,.86); color:#0a1f5c; font-size:15px; font-weight:800; backdrop-filter:blur(5px); }
.mx-source-section { padding:46px 0; background:#f7fafc; }
.mx-source-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.mx-source-option { display:grid; min-height:132px; grid-template-columns:48px minmax(0,1fr); align-items:center; gap:15px; padding:22px; border-radius:14px; }
.mx-source-option.tone-green { background:linear-gradient(110deg,#e9f9ee,#f5fcf7); }
.mx-source-option.tone-blue { background:linear-gradient(110deg,#eaf1ff,#f5f8ff); }
.mx-source-option h3 { margin:0; color:#0a1f5c; font-size:20px; }
.mx-source-option p { margin:5px 0 8px; color:#4a5568; font-size:14px; }
.mx-source-option a { color:#0759ed; font-size:14px; font-weight:800; text-decoration:none; }
.mx-source-option .mx-link-wrap { margin-top:8px!important; }
.mx-certifications-section { padding:46px 0; }
.mx-certifications-panel { padding:22px; border:1px solid #e1e8f0; border-radius:13px; background:#fff; box-shadow:0 4px 16px rgba(8,33,92,.05); }
.mx-certifications-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.mx-certification { display:flex; min-height:62px; align-items:center; justify-content:center; gap:8px; border-radius:9px; background:#f7fafc; color:#0a1f5c; font-weight:800; }
.mx-certifications-note { margin:15px 0 0!important; color:#718096; font-size:12px; text-align:center; }

/* Inquiry block */
.mx-pricing-section { padding:48px 0; background:#f7fafc; }
.mx-inquiry-wrap { max-width:1050px; margin:0 auto; }
.mx-inquiry-wrap h2 { margin:0 0 22px; color:#0a1f5c; font-size:clamp(25px,2.1vw,36px); text-align:center; }
.mx-inquiry-form { padding:27px; border:1px solid #e1e8f0; border-radius:16px; background:#fff; box-shadow:var(--mx-shadow); }
.mx-inquiry-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px 24px; }
.mx-inquiry-field { display:grid; gap:7px; color:#0a1f5c; font-size:13px; font-weight:800; }
.mx-inquiry-field input,.mx-inquiry-field select { width:100%; min-height:48px; padding:11px 13px; border:1px solid #cfd8e5; border-radius:8px; outline:0; background:#fff; color:#23375e; font:inherit; font-weight:500; }
.mx-inquiry-field input:focus,.mx-inquiry-field select:focus { border-color:#ff8b43; box-shadow:0 0 0 3px #fed7aa; }
.mx-inquiry-submit-row { display:grid; grid-template-columns:1fr; gap:10px; margin-top:22px; }
.mx-inquiry-form.is-compact .mx-inquiry-submit-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mx-inquiry-submit,.mx-inquiry-whatsapp { min-height:50px; border:0; border-radius:8px; color:#fff; font-size:15px; font-weight:850; cursor:pointer; }
.mx-inquiry-submit { background:linear-gradient(105deg,#ff6500,#ff4300); }
.mx-inquiry-whatsapp { display:flex; align-items:center; justify-content:center; background:linear-gradient(105deg,#12a636,#29c848); text-decoration:none; }
.mx-inquiry-submit:hover,.mx-inquiry-whatsapp:hover { filter:brightness(.93); }
.mx-inquiry-submit:active,.mx-inquiry-whatsapp:active { transform:scale(.99); }
.mx-inquiry-status { margin:13px 0 0; padding:10px 12px; border-radius:7px; background:#eaf9ef; color:#087b2b; font-size:13px; }
.mx-inquiry-editor { padding:22px; border:2px dashed #b9c8dd; background:#f8fbff; }

/* FAQ / CTA */
.mx-faq-section { padding:48px 0; }
.mx-faq-inner { max-width:1000px!important; }
.mx-faq-list { display:grid; gap:8px; }
.mx-faq-list details { margin:0!important; padding:0 17px; border:1px solid #e1e8f0; border-radius:9px; background:#fff; }
.mx-faq-list summary { padding:17px 4px; color:#0a1f5c; font-size:15px; font-weight:800; cursor:pointer; }
.mx-faq-list details p { margin:0; padding:0 4px 17px; color:#4a5568; font-size:14px; }
.mx-bottom-cta { padding:52px 20px; background:linear-gradient(115deg,#061e65,#0b3da8); color:#fff; text-align:center; }
.mx-bottom-cta h2 { margin:0; color:#fff; font-size:clamp(30px,3vw,46px); }
.mx-bottom-cta>p { max-width:700px; margin:12px auto 0; color:#dce9ff; font-size:16px; }
.mx-bottom-cta .mx-buttons { justify-content:center; }
.mx-distributor-hero { padding:70px 0; background:linear-gradient(115deg,#eef5ff,#e2efff); text-align:center; }
.mx-distributor-hero h1 { max-width:800px; margin:0 auto; color:#0a1f5c; font-size:clamp(40px,4vw,64px); }
.mx-distributor-hero p { max-width:700px; margin:18px auto 0; color:#4a5568; font-size:18px; }
.mx-distributor-hero .mx-buttons { justify-content:center; }

/* Gutenberg editor: preserve practical widths while editing. */
.editor-styles-wrapper .mx-home-shell,.editor-styles-wrapper .mx-content-shell { width:94%!important; }
.editor-styles-wrapper .mx-home-hero-visual { width:100%!important; margin-left:0!important; }
.editor-styles-wrapper .mx-site-header { position:relative; }

@media (max-width:1190px) and (min-width:1024px) {
  .mx-main-nav .wp-block-navigation__container { gap:10px!important; }
  .mx-main-nav .wp-block-navigation-item__content { font-size:10px; letter-spacing:.015em; }
  .mx-brand { min-width:190px; }
  .mx-brand-name { font-size:30px!important; }
}

@media (min-width:640px) and (max-width:1023px) {
  :root { --mx-width:90%; }
  .mx-home-shell { padding:22px 24px 0; }
  .mx-home-section { padding:22px 0; }
  .mx-home-heading h2 { font-size:23px; }
  .mx-home-hero-visual { height:auto; aspect-ratio:16/7; }
  .mx-home-hero-copy { top:12%; left:calc(5% + 24px); width:52%; }
  .mx-home-hero-copy h1 { font-size:clamp(34px,5vw,54px); }
  .mx-home-hero-copy p { max-width:310px; font-size:15px; }
  .mx-assurance-item { flex-direction:column; text-align:center; }
  .mx-explore-grid,.mx-benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mx-benefit-card { display:grid; min-height:160px; grid-template-columns:1fr 34%; }
  .mx-benefit-card>.wp-block-image { order:0; height:100%; min-height:160px; }
  .mx-about-copy h2 { font-size:30px; }
  .mx-about-grid>.wp-block-image { height:420px; }
  .mx-home-product-card>.wp-block-image { height:180px; }
  .mx-solution-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mx-home-source-grid { grid-template-columns:1fr; }
  .mx-home-source-card { min-height:90px; grid-template-columns:36px 52px minmax(0,1fr) 34px; grid-template-rows:auto; align-items:center; }
  .mx-source-arrow { grid-column:4; }
  .mx-factory-mini-card>.wp-block-image { height:145px; }
  .mx-case-image { min-height:290px; }
  .mx-case-copy { padding:28px; }
  .mx-case-copy h3 { font-size:27px; }
  .mx-news-card>.wp-block-image { height:150px; }
  .mx-news-card h3 { font-size:14px; }
  .mx-growth-cta { min-height:280px; margin-inline:-24px!important; padding:38px 40px; }
  .mx-growth-cta h2 { font-size:34px; }
  .mx-product-hero-inner { min-height:430px; gap:28px; padding:40px 0; }
  .mx-product-hero-copy h1 { font-size:clamp(30px,4vw,44px); }
  .mx-product-hero-copy>p { font-size:16px; }
  .mx-product-range-track,.mx-product-range-track.count-2,.mx-product-range-track.count-3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (min-width:1024px) {
  :root { --mx-width:80%; }
  .mx-main-nav .wp-block-navigation__responsive-container-open { display:none!important; }
  .mx-main-nav .wp-block-navigation__responsive-container { display:flex!important; position:static!important; width:auto!important; }
}

@media (max-width:1023px) {
  .mx-header-inner { min-height:76px; }
  .mx-brand { min-width:0; }
  .mx-brand-name { font-size:30px!important; }
  .mx-header-contact { order:2; margin-left:auto!important; }
  .mx-main-nav { order:3; flex:0 0 auto; }
  .mx-main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) { display:none!important; visibility:hidden!important; pointer-events:none!important; }
  .mx-main-nav .wp-block-navigation__responsive-container-open { display:flex!important; width:42px; height:42px; align-items:center; justify-content:center; padding:0; color:#052676; }
  .mx-main-nav .wp-block-navigation__responsive-container.is-menu-open { position:fixed!important; z-index:100000!important; top:0!important; right:auto!important; bottom:0!important; left:0!important; display:flex!important; width:min(90vw,560px); height:100vh; height:100dvh; overflow-y:auto; padding:124px 38px 50px; visibility:visible!important; background:#fff; box-shadow:100vw 0 0 rgba(0,0,0,.4); pointer-events:auto!important; }
  .mx-main-nav .wp-block-navigation__responsive-container-close { top:38px; right:38px; display:grid; width:56px; height:56px; place-items:center; background:#df0e1d; color:#fff; }
  .mx-main-nav .wp-block-navigation__responsive-container-content { align-items:flex-start!important; padding-top:0!important; }
  .mx-main-nav .wp-block-navigation__container { width:100%; align-items:flex-start!important; gap:30px!important; }
  .mx-main-nav .wp-block-navigation-item { width:100%; align-items:flex-start; }
  .mx-main-nav .wp-block-navigation-item__content { color:#050505; font-family:"Arial Narrow",Impact,Arial,sans-serif; font-size:24px; letter-spacing:.05em; }
  .mx-main-nav .wp-block-navigation-submenu__toggle { justify-content:flex-start; gap:22px; }
  .mx-main-nav .wp-block-navigation-submenu>.wp-block-navigation-item__content,.mx-main-nav .wp-block-navigation-submenu>.wp-block-navigation-submenu__toggle { color:#09ad2e!important; }
  .mx-main-nav .wp-block-navigation__submenu-container { position:static!important; min-width:0!important; width:100%!important; margin-top:12px!important; padding:6px 0 0 18px!important; border:0!important; box-shadow:none!important; }
  .mx-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content { color:#09237e!important; font-family:inherit; font-size:15px; letter-spacing:0; }
}

@media (max-width:639px) {
  :root { --mx-width:95%; }
  body,.wp-site-blocks,.mx-page-main,.mx-page-main>.wp-block-post-content { width:100%; min-width:0; visibility:visible!important; opacity:1!important; }
  .wp-site-blocks { overflow-x:clip; }
  .mx-header-inner { min-height:72px; flex-wrap:nowrap!important; gap:9px!important; }
  .mx-brand { flex:1 1 auto; overflow:hidden; }
  .mx-brand-name { font-size:26px!important; white-space:nowrap; }
  .mx-brand-tagline { overflow:hidden; font-size:9px!important; white-space:nowrap; text-overflow:ellipsis; }
  .mx-header-contact { flex:0 0 36px; }
  .mx-main-nav { flex:0 0 42px; }
  .mx-header-whatsapp .wp-block-button__link { width:36px; min-width:36px; height:36px; font-size:21px; }
  .mx-main-nav .wp-block-navigation__responsive-container.is-menu-open { width:90vw; padding:112px 25px 42px; }
  .mx-main-nav .wp-block-navigation__responsive-container-close { top:35px; right:25px; width:50px; height:50px; }
  .mx-main-nav .wp-block-navigation__container { gap:27px!important; }
  .mx-main-nav .wp-block-navigation-item__content { font-size:22px; }
  .mx-footer-inner p { font-size:12px; }
  .mx-section { padding:24px 0; }
  .mx-section-title { margin-bottom:15px; font-size:23px; }
  .mx-section-heading { margin-bottom:14px; }
  .mx-section-link { font-size:12px; }
  .mx-home-shell { width:95%; padding:10px 0 0; }
  .mx-home-section { padding:18px 0; }
  .mx-home-heading { margin-bottom:10px; }
  .mx-home-heading h2 { font-size:18px; }
  .mx-home-heading a { font-size:12px; }
  .mx-home-hero-visual { height:378px; }
  .mx-home-hero-copy { top:26px; left:calc(2.5% + 14px); width:min(64%,260px); }
  .mx-home-hero-copy h1 { font-size:28px; line-height:1.18; }
  .mx-home-hero-copy p { max-width:180px; margin-top:12px; font-size:13px; }
  .mx-assurance-grid { gap:4px; padding:17px 8px 12px; }
  .mx-assurance-item { flex-direction:column; gap:6px; text-align:center; }
  .mx-assurance-item .mx-symbol { font-size:22px; }
  .mx-assurance-item p { font-size:10px; }
  .mx-home-hero-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:0 14px 15px; }
  .mx-home-hero-actions .wp-block-button__link { min-height:42px; padding:8px 5px!important; font-size:11px; }
  .mx-explore-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .mx-explore-card { min-height:117px; grid-template-columns:34px minmax(0,1fr); gap:9px; padding:13px 9px; }
  .mx-icon-square { width:34px; height:34px; font-size:17px; }
  .mx-explore-card h3 { font-size:14px; }
  .mx-explore-card p { min-height:52px; margin-top:5px; font-size:12px; }
  .mx-explore-card a { font-size:12px; }
  .mx-benefit-grid { grid-template-columns:1fr; gap:9px; }
  .mx-benefit-card { display:grid; min-height:113px; grid-template-columns:minmax(0,1fr) 33%; }
  .mx-benefit-card>.wp-block-image { order:0; height:100%; min-height:112px; }
  .mx-benefit-copy { grid-template-columns:36px minmax(0,1fr); gap:8px; padding:12px 8px 10px 10px; }
  .mx-benefit-copy h3 { font-size:14px; }
  .mx-benefit-copy p { font-size:12px; }
  .mx-about-grid { grid-template-columns:1fr; gap:14px; }
  .mx-about-copy { padding:5px 2px; }
  .mx-about-copy .mx-kicker { font-size:12px; }
  .mx-about-copy h2 { margin-bottom:12px; font-size:24px; }
  .mx-about-copy p:not(.mx-kicker) { margin-bottom:10px; font-size:14px; line-height:1.55; }
  .mx-about-grid>.wp-block-image { height:260px; min-height:0; }
  .mx-about-button .wp-block-button__link { min-height:40px; padding:9px 15px!important; font-size:12px; }
  .mx-home-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .mx-home-product-card>.wp-block-image { height:135px; padding:4px; }
  .mx-home-product-card h3 { min-height:43px; padding:9px 8px 0; font-size:14px; }
  .mx-home-product-card p { min-height:51px; padding:5px 8px; font-size:11px; }
  .mx-home-product-card .mx-link-wrap a { padding:6px 8px; font-size:12px; }
  .mx-home-product-card .mx-price-wrap a { padding:9px 8px 11px; }
  .mx-solution-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .mx-solution-card>.wp-block-image { height:88px; }
  .mx-solution-card>.mx-card-copy { padding:9px; }
  .mx-solution-card h3 { font-size:14px; }
  .mx-solution-card p { min-height:42px; font-size:12px; }
  .mx-solution-card a { font-size:12px; }
  .mx-home-source-grid { grid-template-columns:1fr; gap:7px; }
  .mx-home-source-card { min-height:66px; grid-template-columns:27px 38px minmax(0,1fr) 27px; grid-template-rows:auto; align-items:center; gap:8px; padding:9px 10px; }
  .mx-source-number { width:26px; height:26px; font-size:10px; }
  .mx-source-emoji { width:36px; height:36px; font-size:18px; }
  .mx-home-source-card h3 { font-size:12px; }
  .mx-home-source-card p { margin-top:3px; font-size:11px; line-height:1.4; }
  .mx-source-arrow { grid-column:4; font-size:20px; }
  .mx-factory-mini-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .mx-factory-mini-card>.wp-block-image { height:125px; }
  .mx-factory-mini-card h3 { margin-top:7px; font-size:13px; }
  .mx-factory-mini-card p { min-height:52px; padding:5px 6px 9px; font-size:11px; }
  .mx-case-card { grid-template-columns:1fr; }
  .mx-case-image { min-height:215px; }
  .mx-case-country { top:8px; left:8px; padding:3px 6px; font-size:9px; }
  .mx-case-copy { padding:16px 14px; }
  .mx-case-copy h3 { font-size:21px; }
  .mx-case-copy ul { gap:6px; margin:12px 0; padding-left:18px; font-size:13px; }
  .mx-case-copy a { font-size:13px; }
  .mx-news-grid { display:flex; gap:10px; overflow-x:auto; padding-bottom:5px; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .mx-news-grid::-webkit-scrollbar { display:none; }
  .mx-news-card { flex:0 0 82%; scroll-snap-align:start; }
  .mx-news-card>.wp-block-image { height:160px; }
  .mx-news-card h3 { min-height:76px; padding:11px 10px 5px; font-size:14px; }
  .mx-news-card a { padding:6px 10px 12px; font-size:12px; }
  .mx-compliance-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
  .mx-compliance-item,.mx-document-link { min-height:42px; gap:4px; font-size:11px; }
  .mx-growth-cta { min-height:0; grid-template-columns:1fr; margin-inline:calc((100vw - 100%) / -2)!important; padding:24px 5%; }
  .mx-growth-cta h2 { font-size:25px; }
  .mx-growth-cta p { margin-top:10px; font-size:13px; }
  .mx-growth-features { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:14px; }
  .mx-growth-features p { font-size:10px; }
  .mx-growth-cta>.wp-block-image { height:190px; margin-top:12px!important; }
  .mx-index-hero { padding:36px 0; }
  .mx-index-hero h1 { font-size:30px; }
  .mx-index-hero .mx-index-subtitle { margin-top:15px; font-size:16px; }
  .mx-index-list { padding:20px 0 34px; }
  .mx-index-link { min-height:50px; padding:10px 12px; font-size:14px; }
  .mx-product-hero-inner { display:flex; min-height:0; flex-direction:column; gap:14px; padding:16px 0 25px; }
  .mx-product-hero-media { order:-1; width:100%; }
  .mx-product-hero-media img { max-height:275px; }
  .mx-product-hero-copy h1 { font-size:30px; line-height:1.15; }
  .mx-product-hero-copy>p { margin-top:14px; font-size:15px; line-height:1.5; }
  .mx-product-hero-copy .mx-buttons { display:grid; grid-template-columns:1fr; gap:9px; margin-top:18px!important; }
  .mx-product-hero-copy .wp-block-button__link { width:100%; min-height:47px; }
  .mx-product-range { padding:27px 0; }
  .mx-product-range-track,.mx-product-range-track.count-2,.mx-product-range-track.count-3 { display:flex; gap:15px; overflow-x:auto; padding-bottom:5px; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .mx-product-range-track::-webkit-scrollbar { display:none; }
  .mx-product-card { flex:0 0 280px; scroll-snap-align:start; }
  .mx-product-card>.wp-block-image { height:200px; }
  .mx-product-card-copy { min-height:170px; padding:17px; }
  .mx-product-card h3 { font-size:19px; }
  .mx-carousel-dots { display:flex; justify-content:center; gap:6px; padding-top:13px; }
  .mx-carousel-dots .mx-dot { width:7px; height:7px; margin:0; border-radius:50%; background:#c8d3e2; }
  .mx-carousel-dots .mx-dot:first-child { width:18px; border-radius:6px; background:#0a1f5c; }
  .mx-choose-section,.mx-highlights,.mx-benefits-section,.mx-factory-section,.mx-source-section,.mx-certifications-section,.mx-pricing-section,.mx-faq-section { padding:27px 0; }
  .mx-choose-row { min-height:72px; grid-template-columns:40px minmax(0,1fr) 20px; gap:12px; padding:11px 12px; }
  .mx-choose-row h3 { font-size:15px; }
  .mx-choose-row p { font-size:13px; }
  .mx-highlights-grid { grid-template-columns:1fr; gap:0; padding:0 15px; }
  .mx-highlight-card { padding:14px 2px; }
  .mx-highlight-card:not(:last-child) { border-right:0; border-bottom:1px solid #cbdcf8; }
  .mx-benefits-grid { grid-template-columns:1fr; gap:9px; }
  .mx-benefit-item { min-height:110px; padding:15px; }
  .mx-factory-showcase { grid-template-columns:1fr; gap:10px; }
  .mx-factory-card,.mx-factory-card:first-child { min-height:0; grid-column:auto; aspect-ratio:1.65; }
  .mx-source-options { grid-template-columns:1fr; gap:11px; }
  .mx-source-option { min-height:118px; padding:15px; }
  .mx-certifications-panel { padding:14px 10px; }
  .mx-certifications-row { gap:5px; }
  .mx-certification { min-height:52px; font-size:11px; }
  .mx-inquiry-wrap h2 { margin-bottom:15px; font-size:23px; }
  .mx-inquiry-form { padding:17px 14px; }
  .mx-inquiry-fields { grid-template-columns:1fr; gap:13px; }
  .mx-inquiry-field input,.mx-inquiry-field select { min-height:45px; font-size:16px; }
  .mx-inquiry-form.is-compact .mx-inquiry-submit-row { grid-template-columns:1fr; }
  .mx-faq-list summary { font-size:14px; }
  .mx-bottom-cta { padding:28px 17px; }
  .mx-bottom-cta h2 { font-size:25px; }
  .mx-bottom-cta>p { font-size:14px; }
  .mx-bottom-cta .mx-buttons { display:grid; grid-template-columns:1fr; gap:9px; }
  .mx-distributor-hero { padding:42px 0; }
  .mx-distributor-hero h1 { font-size:30px; }
  .mx-distributor-hero p { font-size:15px; }
}

@media (max-width:782px) {
  body.admin-bar .mx-site-header { top:46px; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition:none!important; animation:none!important; }
}