/*
Theme Name: Mike
Theme URI: https://mikesensors.com
Author: Mike Sensor
Description: Clean, secure, SEO-ready WordPress theme for load cell & weighing/force sensor manufacturers. Simple homepage (Hero banner carousel, Product Categories, Featured Products, About, Inquiry) plus a custom Product post type, hierarchical categories, built-in inquiry form, security hardening and lightweight SEO. Light-blue industrial style, content modelled on mikesensor.com.
Version: 1.3.6
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mike
Tags: business, one-column, custom-logo, custom-menu, translation-ready
*/

/* Local Poppins (no Google Fonts dependency) */
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/poppins-400.woff2) format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/poppins-500.woff2) format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/poppins-600.woff2) format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/poppins-700.woff2) format('woff2');}


/* ============================================================
   LoadCell — Mike Sensor
   Visual language: light-blue industrial (浅蓝工业风). Bright
   blue primary (#00a8e8), deep-navy headings (#0b3a5b), light-blue
   blocks (#eaf6fe), a full-width big-image banner with a light
   scrim and deep-blue text, bordered product cards with a blue
   hover veil, and a dark blue-grey footer. Simple, full-width and
   English for the mikesensors.com export site.
   BREAKPOINTS: tablet 921px, mobile 544px
   ============================================================ */
:root{
  --brand:#00a8e8;          /* primary bright blue */
  --brand-dk:#0090c8;
  --brand-dkr:#0b3a5b;
  --accent:#00a8e8;         /* blue accent / hover veil */
  --accent-ovl:rgba(0,168,232,.85);
  --ink:#0b3a5b;            /* deep-blue headings */
  --body:#4b5b6b;           /* body copy */
  --muted:#7d8da0;
  --nav-bg:#ffffff;         /* light navigation */
  --pale:#eaf6fe;           /* light-blue block */
  --pale2:#f2f8fc;          /* lighter blue-grey */
  --line:#d6e6f2;
  --line-soft:#e6f1fa;
  --white:#fff;
  --footer:#0e2f4a;         /* dark blue-grey footer */
  --footer-dk:#0a2136;
  --radius:3px;
  --shadow:0 6px 24px rgba(9,44,71,.10);
  --maxw:1200px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Poppins','Microsoft YaHei',Arial,Helvetica,sans-serif;
  font-size:16px;line-height:1.7;color:var(--body);
  background:var(--white);-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{text-decoration:none;color:var(--brand);transition:color .25s,background .25s,border-color .25s;}
a:hover{color:var(--brand-dk);}
h1,h2,h3,h4,h5,h6{color:var(--ink);font-weight:600;line-height:1.35;}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.widefat{max-width:1440px;margin:0 auto;padding:0 24px;}
.wrap{padding:0;}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
section[id],div[id]{scroll-margin-top:130px;}

/* ---------- Buttons ---------- */
.cta-btn{
  display:inline-block;background:var(--brand);color:#fff;
  border:1px solid var(--brand);border-radius:var(--radius);
  padding:12px 28px;font-size:14px;font-weight:500;line-height:1.2;
  cursor:pointer;text-align:center;transition:all .25s;
}
.cta-btn:hover{background:var(--brand-dk);border-color:var(--brand-dk);color:#fff;}
.cta-btn.ghost{background:transparent;color:#fff;border-color:#fff;}
.cta-btn.ghost:hover{background:#fff;color:var(--brand);}
.cta-btn.ghost-dark{background:transparent;color:var(--brand);border-color:var(--brand);}
.cta-btn.ghost-dark:hover{background:var(--brand);color:#fff;}

/* ============================================================
   TOP BAR
   ============================================================ */
.topbar{background:var(--brand);color:#fff;font-size:13px;}
.topbar .container{display:flex;justify-content:space-between;align-items:center;min-height:40px;flex-wrap:wrap;gap:8px;}
.topbar .contact span{margin-right:22px;display:inline-flex;align-items:center;gap:6px;}
.topbar .contact a{color:#fff;}
.topbar .contact a:hover{color:#fff;opacity:.8;}
.topbar .social{display:flex;gap:14px;align-items:center;}
.topbar .social a{color:#fff;opacity:.8;display:inline-flex;}
.topbar .social a:hover{opacity:1;}
.topbar .social svg{width:15px;height:15px;fill:currentColor;}

/* ============================================================
   HEADER + NAV  (dark #333 bar, brand-blue hover fill)
   ============================================================ */
.header{background:#fff;border-bottom:1px solid var(--line-soft);position:sticky;top:0;z-index:100;transition:box-shadow .3s;}
.header.scrolled{box-shadow:0 4px 18px rgba(0,0,0,.09);}
.header .container{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px;}
.logo{display:flex;align-items:center;gap:12px;color:var(--ink);}
.logo img{width:auto;max-height:56px;display:block;}
.logo-badge{width:46px;height:46px;border-radius:4px;background:var(--brand);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;letter-spacing:.5px;}
.logo-name{font-size:22px;font-weight:700;color:var(--brand);line-height:1.1;}
.logo-name small{display:block;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:3px;}

.nav{display:block;}
.nav-menu{list-style:none;display:flex;align-items:stretch;gap:0;}
.nav-menu>li{position:relative;}
.nav-menu>li>a{
  display:flex;align-items:center;min-width:100px;justify-content:center;position:relative;
  padding:0 18px;height:82px;color:var(--ink);font-size:15px;font-weight:600;
  background:transparent;white-space:nowrap;transition:color .25s;
}
.nav-menu>li>a::after{content:"";position:absolute;left:18px;right:18px;bottom:22px;height:3px;
  background:var(--brand);border-radius:2px;transform:scaleX(0);transition:transform .25s;}
.nav-menu>li>a:hover,
.nav-menu>li.current-menu-item>a,
.nav-menu>li.current-menu-ancestor>a{color:var(--brand);}
.nav-menu>li>a:hover::after,
.nav-menu>li.current-menu-item>a::after,
.nav-menu>li.current-menu-ancestor>a::after{transform:scaleX(1);}
/* dropdown */
.nav-menu ul{list-style:none;position:absolute;left:0;top:100%;min-width:200px;background:#fff;
  box-shadow:var(--shadow);border-top:2px solid var(--accent);opacity:0;visibility:hidden;
  transform:translateY(8px);transition:all .3s;z-index:60;}
.nav-menu li:hover>ul,.nav-menu li:focus-within>ul{opacity:1;visibility:visible;transform:translateY(0);}
.nav-menu ul li{border-top:1px solid var(--line-soft);}
.nav-menu ul li:first-child{border-top:none;}
.nav-menu ul a{display:block;height:auto;min-width:0;justify-content:flex-start;padding:11px 18px;
  color:var(--ink);background:#fff;font-size:14px;}
.nav-menu ul a:hover{background:var(--brand);color:#fff;}

.header-actions{display:flex;align-items:center;gap:14px;}
.search-wrap{position:relative;display:flex;align-items:center;}
.icon-btn{background:none;border:none;cursor:pointer;color:var(--ink);width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);}
.icon-btn:hover{background:var(--pale);color:var(--brand);}
.icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;}
.search-input{position:absolute;right:0;top:50%;transform:translateY(-50%) scaleX(0);transform-origin:right;
  width:210px;height:40px;border:1px solid var(--line);border-radius:var(--radius);padding:0 12px;
  font-size:14px;background:#fff;transition:transform .25s;opacity:0;}
.search-input:focus{outline:none;border-color:var(--brand);}
.search-wrap.open .search-input{transform:translateY(-50%) scaleX(1);opacity:1;}
.hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--ink);width:40px;height:40px;}
.hamburger svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2;}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;background:var(--brand);color:#fff;overflow:hidden;}
.hero:not(.has-bg){background:linear-gradient(115deg,var(--brand) 0%,var(--brand-dkr) 100%);}
.hero.has-bg{background:#0a3b5c center/cover no-repeat;}
.hero.has-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,59,92,.86) 0%,rgba(10,59,92,.55) 45%,rgba(10,59,92,.12) 100%);}
.hero .container{position:relative;z-index:2;padding:92px 24px;}
.hero-tag{display:inline-block;background:var(--accent);color:#fff;font-size:12px;font-weight:600;letter-spacing:1.5px;
  text-transform:uppercase;padding:6px 14px;border-radius:2px;margin-bottom:18px;}
.hero h1{color:#fff;font-size:42px;font-weight:700;line-height:1.22;max-width:780px;}
.hero .sub{color:rgba(255,255,255,.9);font-size:18px;max-width:640px;margin:18px 0 30px;}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;}
.hero-badges{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:38px;}
.hero-badge{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.92);}
.hero-badge svg{width:22px;height:22px;fill:none;stroke:var(--accent);stroke-width:2;flex:none;}
.hero-badge b{color:#fff;font-size:18px;display:block;font-weight:700;line-height:1.1;}

/* ============================================================
   HERO BANNER CAROUSEL (mikesensor.com full-width big-image)
   ============================================================ */
.banner{position:relative;width:100%;height:550px;overflow:hidden;background:var(--pale);}
.banner-track{list-style:none;margin:0;padding:0;height:100%;}
.banner-slide{position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:0;visibility:hidden;transition:opacity .8s ease;z-index:1;}
.banner-slide.is-active{opacity:1;visibility:visible;z-index:2;}
.banner-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(234,246,254,.94) 0%,rgba(234,246,254,.72) 40%,rgba(234,246,254,0) 75%);}
.banner-cap{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.banner-cap h1,.banner-cap .banner-cap-t{color:var(--ink);font-size:44px;font-weight:700;line-height:1.2;max-width:760px;margin:0 0 26px;}
.banner-cap .banner-cap-t{font-size:22px;}
.banner-cap .cta-btn{font-size:15px;padding:14px 32px;}
.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:48px;
  border:none;border-radius:50%;background:rgba(0,168,232,.9);color:#fff;font-size:30px;line-height:1;
  cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s;backdrop-filter:blur(2px);}
.banner-arrow:hover{background:var(--brand-dk);}
.banner-arrow.prev{left:22px;}
.banner-arrow.next{right:22px;}
.banner-dots{list-style:none;position:absolute;left:0;right:0;bottom:22px;z-index:5;margin:0;padding:0;
  display:flex;gap:10px;justify-content:center;}
.banner-dots li{width:11px;height:11px;border-radius:50%;background:rgba(11,58,91,.28);cursor:pointer;transition:all .25s;}
.banner-dots li:hover{background:var(--brand);}
.banner-dots li.is-active{background:var(--brand);width:28px;border-radius:6px;}
.banner:not(.has-nav) .banner-arrow,.banner:not(.has-nav) .banner-dots{display:none;}

/* ============================================================
   SECTIONS + CENTERED TITLE (index_title)
   ============================================================ */
.section{padding:72px 0;}
.section.pale{background:var(--pale);}
.section-head{text-align:center;max-width:760px;margin:0 auto 46px;}
.section-head .eyebrow{color:var(--brand);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;}
.section-head h2{font-size:28px;font-weight:700;color:var(--ink);display:inline-block;position:relative;padding-bottom:18px;}
.section-head h2::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:64px;height:3px;background:var(--brand);}
.section-head h2::before{content:"";position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);
  width:140px;height:1px;background:var(--line);}
.section-head p{color:var(--body);font-size:16px;margin-top:6px;}

/* ============================================================
   PRODUCT CATEGORY CARDS
   ============================================================ */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.cat-card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:all .4s;}
.cat-card:hover{border-color:var(--brand);box-shadow:0 12px 32px rgba(0,60,130,.12);transform:translateY(-4px);}
.cat-card .img-ph{position:relative;height:170px;background:var(--pale2);overflow:hidden;display:flex;align-items:center;justify-content:center;}
.cat-card .img-ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.cat-card:hover .img-ph img{transform:scale(1.08);}
.cat-initial{font-size:46px;font-weight:700;color:var(--brand);opacity:.35;}
.cat-body{padding:16px 18px;text-align:center;}
.cat-body h3{font-size:16px;color:var(--ink);margin-bottom:4px;}
.cat-card:hover .cat-body h3{color:var(--brand);}
.cat-count{font-size:13px;color:var(--muted);}
.cat-more{text-align:center;margin-top:40px;}

/* ============================================================
   FEATURED / PRODUCT CARDS  (white bordered + green hover veil)
   ============================================================ */
.product-grid{display:grid;gap:24px;}
.product-grid.cols-4{grid-template-columns:repeat(4,1fr);}
.product-grid.cols-3{grid-template-columns:repeat(3,1fr);}
.product-grid.cols-2{grid-template-columns:repeat(2,1fr);}
.product-grid.cols-1{grid-template-columns:1fr;}
.product-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:16px;transition:all .4s;display:flex;flex-direction:column;}
.product-card:hover{border-color:var(--brand);box-shadow:0 12px 32px rgba(0,60,130,.12);transform:translateY(-4px);}
.product-thumb{position:relative;display:block;height:200px;overflow:hidden;background:var(--pale2);margin-bottom:14px;}
.product-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.product-card:hover .product-thumb img{transform:scale(1.1);}
.product-thumb::after{content:"";position:absolute;inset:0;background:var(--accent-ovl);
  opacity:0;transition:opacity .4s;}
.product-thumb::before{content:"View";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:2;color:#fff;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;
  opacity:0;transition:opacity .4s;}
.product-card:hover .product-thumb::after{opacity:1;}
.product-card:hover .product-thumb::before{opacity:1;}
.product-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  color:var(--muted);font-weight:600;font-size:14px;padding:10px;text-align:center;}
.product-body{display:flex;flex-direction:column;flex:1;}
.product-model{font-size:12px;color:var(--brand);font-weight:600;letter-spacing:.5px;margin-bottom:4px;}
.product-body h3{font-size:16px;color:var(--ink);line-height:1.4;margin-bottom:6px;font-weight:600;}
.product-body h3 a{color:inherit;}
.product-card:hover .product-body h3{color:var(--brand);}
.product-cap{font-size:13px;color:var(--muted);margin-bottom:12px;}
.product-card .link{margin-top:auto;color:var(--brand);font-size:14px;font-weight:500;}
.product-card .link:hover{color:var(--brand-dk);}

/* ============================================================
   SPLIT / ABOUT
   ============================================================ */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.split-img{position:relative;}
.split-img .img-ph{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--pale2);}
.split-img .img-ph img{width:100%;height:auto;display:block;transition:transform .5s;}
.split-img:hover .img-ph img{transform:scale(1.05);}
.float-num{position:absolute;left:-24px;bottom:-24px;background:var(--brand);color:#fff;
  padding:20px 26px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;}
.float-num b{display:block;font-size:34px;font-weight:700;line-height:1;}
.float-num span{display:block;font-size:13px;opacity:.85;margin-top:4px;}
.split-txt .eyebrow{color:var(--brand);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;}
.split-txt h2{font-size:28px;color:var(--ink);margin-bottom:14px;}
.split-txt p{color:var(--body);margin-bottom:14px;}
.check-list{list-style:none;margin:18px 0 26px;}
.check-list li{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;color:var(--ink);font-size:15px;}
.check-list svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--accent);stroke-width:2.5;margin-top:2px;}
.about-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;}
.ab-badge{display:inline-flex;align-items:center;gap:8px;background:var(--pale);color:var(--brand-dk);
  font-size:13px;font-weight:500;padding:9px 16px;border-radius:var(--radius);border:1px solid var(--line-soft);}
.ab-badge svg{width:16px;height:16px;fill:none;stroke:var(--brand);stroke-width:2;}

/* ============================================================
   CTA BAND
   ============================================================ */
.cta-band{background:var(--brand);color:#fff;text-align:center;padding:64px 0;}
.cta-band h2{color:#fff;font-size:30px;margin-bottom:12px;}
.cta-band p{color:rgba(255,255,255,.9);font-size:17px;max-width:640px;margin:0 auto 26px;}
.cta-band .cta-btn{background:#fff;color:var(--brand);border-color:#fff;}
.cta-band .cta-btn:hover{background:var(--brand-dkr);color:#fff;border-color:var(--brand-dkr);}
.cta-band .cta-btn.ghost{background:transparent;color:#fff;border-color:#fff;}
.cta-band .cta-btn.ghost:hover{background:#fff;color:var(--brand);}

/* ============================================================
   INQUIRY / RFQ FORM
   ============================================================ */
.lc-inquiry .container{max-width:860px;}
.rfq-form-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow);}
.rfq-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;}
.rfq-form p{margin-bottom:18px;}
.rfq-form label{display:block;font-size:13px;color:var(--ink);font-weight:500;margin-bottom:6px;}
.rfq-form input,.rfq-form textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);
  padding:11px 13px;font-size:14px;font-family:inherit;color:var(--ink);background:#fff;transition:border .2s;}
.rfq-form input:focus,.rfq-form textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(19,102,153,.12);}
.rfq-form textarea{resize:vertical;}
.rfq-form .cta-btn{width:100%;}
.rfq-product-line{font-size:14px;color:var(--body);}
.rfq-product-line strong{color:var(--brand);}
.rfq-captcha{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.rfq-captcha label{margin:0;display:flex;align-items:center;gap:8px;}
.rfq-captcha-q{display:inline-block;background:var(--pale);color:var(--brand-dk);font-weight:700;font-size:15px;letter-spacing:1px;padding:6px 14px;border-radius:var(--radius);border:1px solid var(--line);}
.rfq-captcha input{width:120px;}
.rfq-error{background:#fdecea;color:#b3261e;border:1px solid #f5c6c0;border-radius:var(--radius);padding:12px 16px;margin-bottom:18px;font-size:14px;}
.lc-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden;}
.rfq-success{text-align:center;padding:24px;}
.rfq-success h3{color:var(--accent);font-size:22px;margin-bottom:8px;}
.rfq-success p{color:var(--body);}

/* ============================================================
   PAGE / ARCHIVE HERO + BREADCRUMB
   ============================================================ */
.archive-hero,.page-hero{background:linear-gradient(135deg,#eaf6fe 0%,#d5ecfb 100%);color:var(--ink);text-align:center;padding:64px 0 58px;position:relative;overflow:hidden;}
.page-hero.has-page-hero{background:#eaf6fe center/cover no-repeat;}
.page-hero.has-page-hero::before{content:"";position:absolute;inset:0;background:rgba(234,246,254,.82);}
.archive-hero .container,.page-hero .container{position:relative;z-index:2;}
.archive-hero h1,.page-hero h1{color:var(--ink);font-size:34px;font-weight:700;margin:0;}
.page-hero p{color:var(--body);max-width:680px;margin:10px auto 0;}
.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:14px;}
.breadcrumb a{color:var(--brand);}
.breadcrumb a:hover{color:var(--brand-dk);}
.section .breadcrumb,.content-wrap .breadcrumb{color:var(--muted);}
.section .breadcrumb a,.content-wrap .breadcrumb a{color:var(--brand);}
.bc-sep{margin:0 8px;opacity:.6;}
.bc-current{color:var(--ink);}

/* Slim breadcrumb bar (replaces the big banner on product archive / category) */
.archive-crumb{background:#fff;border-bottom:1px solid var(--line-soft);padding:16px 0;}
.archive-crumb .breadcrumb{margin:0;font-size:14px;color:var(--muted);}
.archive-crumb .breadcrumb a{color:var(--brand);}
.archive-crumb .breadcrumb a:hover{color:var(--brand-dk);}
.archive-crumb .bc-current{color:var(--ink);}
.archive-intro{color:var(--body);font-size:15px;line-height:1.8;max-width:820px;margin:0 auto 34px;text-align:center;}

/* ============================================================
   FILTER BAR (product archive)
   ============================================================ */
.filter-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px;}
.filter-chip{display:inline-block;padding:8px 20px;border:1px solid var(--line);border-radius:var(--radius);
  font-size:14px;color:var(--body);background:#fff;transition:all .25s;}
.filter-chip:hover{border-color:var(--brand);color:var(--brand);}
.filter-chip.active{background:var(--brand);border-color:var(--brand);color:#fff;}
/* Grouped filter (by top-level category) */
.filter-groups{display:flex;flex-direction:column;gap:16px;margin-bottom:44px;}
.filter-group{text-align:center;}
.filter-group-label{font-size:12px;font-weight:700;color:var(--brand);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;}
.filter-group-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}

/* ============================================================
   SINGLE PRODUCT
   ============================================================ */
.product-single .content-wrap{max-width:1100px;}
.product-top{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:20px;}
.product-media{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:18px;box-shadow:0 0 22px rgba(0,0,0,.06);}
.product-media img{width:100%;height:auto;object-fit:contain;}
.product-info h1.entry-title{color:var(--brand);font-size:30px;font-weight:700;line-height:1.25;margin-bottom:14px;}
.product-cats{margin-bottom:12px;}
.product-cats a{display:inline-block;font-size:12px;color:var(--brand);background:var(--pale);
  border-radius:2px;padding:4px 10px;margin:0 6px 6px 0;}
.product-model-line,.product-cap-line{font-size:15px;color:var(--body);margin-bottom:8px;}
.product-model-line strong,.product-cap-line strong{color:var(--ink);}
.product-excerpt{color:var(--body);font-size:15px;line-height:1.8;margin:16px 0;}
.product-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px;}
.product-trust{display:flex;align-items:center;gap:8px;margin-top:16px;color:var(--brand-dk);font-size:14px;font-weight:500;}
.product-trust svg{width:18px;height:18px;fill:none;stroke:var(--brand);stroke-width:2;flex:none;}
.product-desc{border-top:1px solid var(--line-soft);margin-top:44px;padding-top:34px;}
.product-desc h2,.related-title{font-size:24px;color:var(--ink);margin-bottom:22px;}
.related{margin-top:48px;}
.product-inquiry{margin-top:52px;}
.product-inquiry h2{font-size:24px;color:var(--ink);margin-bottom:20px;text-align:center;}

/* ============================================================
   ENTRY CONTENT (posts + imported product prose / spec tables)
   ============================================================ */
.entry-content,.product-desc{color:var(--body);font-size:16px;line-height:1.85;}
.entry-content h2,.product-desc h2{color:var(--ink);font-size:24px;margin:34px 0 14px;}
.entry-content h3,.product-desc h3{color:var(--ink);font-size:20px;margin:26px 0 12px;}
.entry-content h4,.product-desc h4{color:var(--ink);font-size:17px;margin:20px 0 10px;}
.entry-content p,.product-desc p{margin-bottom:16px;}
.entry-content ul,.entry-content ol,.product-desc ul,.product-desc ol{margin:0 0 18px 22px;}
.entry-content li,.product-desc li{margin-bottom:8px;}
.entry-content a,.product-desc a{color:var(--brand);}
.entry-content a:hover,.product-desc a:hover{text-decoration:underline;}
.entry-content img,.product-desc img{height:auto;margin:18px 0;border-radius:var(--radius);}
.entry-content blockquote,.product-desc blockquote{border-left:3px solid var(--brand);background:var(--pale);
  margin:22px 0;padding:16px 22px;color:var(--ink);font-style:normal;}
.entry-content hr,.product-desc hr{border:none;border-top:1px solid var(--line);margin:32px 0;}
/* spec / parameter tables (mikesensor import + generic) */
.entry-content table,.product-desc table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px;color:var(--body);}
.entry-content th,.entry-content td,.product-desc th,.product-desc td{border:1px solid #e9f2f9;padding:11px 14px;text-align:left;vertical-align:top;}
.entry-content thead th,.product-desc thead th{background:var(--brand);color:#fff;font-weight:600;border-color:var(--brand-dk);}
.entry-content tbody th,.product-desc tbody th{background:#f4fbff;color:var(--ink);font-weight:600;}
.entry-content tbody tr:nth-child(even),.product-desc tbody tr:nth-child(even){background:#f1f8fd;}
.entry-content tbody tr:nth-child(even) th,.product-desc tbody tr:nth-child(even) th{background:#dbebf7;}
.entry-content caption,.product-desc caption{caption-side:top;text-align:left;color:var(--ink);font-weight:600;padding:0 0 8px;}
/* On phones, reflow spec tables to 2 columns (label | value), stacking pairs. */
@media (max-width:600px){
  .entry-content table,.product-desc table{display:block;width:100%;}
  .entry-content caption,.product-desc caption{display:block;width:100%;}
  .entry-content thead,.entry-content tbody,.product-desc thead,.product-desc tbody{display:block;}
  .entry-content tr,.product-desc tr{display:grid;grid-template-columns:38% 62%;}
  .entry-content th,.entry-content td,.product-desc th,.product-desc td{display:block;}
}
/* spec-table motion (mikesensor.com style): fade-in on load, lift + shadow on hover, row highlight */
@keyframes mikeTableIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
.entry-content table,.product-desc table{transition:transform .3s ease,box-shadow .3s ease;animation:mikeTableIn .6s ease;}
.entry-content table:hover,.product-desc table:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,60,130,.12);}
.entry-content tbody tr,.product-desc tbody tr{transition:background .2s ease;}
/* Hover row: lighter tint + a visible blue border so the row is clearly outlined. */
.entry-content tbody tr:hover th,.entry-content tbody tr:hover td,.product-desc tbody tr:hover th,.product-desc tbody tr:hover td{background:#e8f6fe !important;border-color:#7fc6ee;}
.entry-content tbody tr:hover th:first-child,.product-desc tbody tr:hover th:first-child{border-left-width:2px;}
.entry-content tbody tr:hover td:last-child,.product-desc tbody tr:hover td:last-child{border-right-width:2px;}
@media (prefers-reduced-motion:reduce){
  .entry-content table,.product-desc table{animation:none;transition:none;}
  .entry-content table:hover,.product-desc table:hover{transform:none;}
}
.wire-red{color:#e53935!important;}
.wire-black{color:#263238!important;}
.wire-green{color:#2e7d32!important;}
.wire-white{color:#424242!important;}
.code,.entry-content code,.product-desc code{background:var(--pale2);color:var(--ink);padding:2px 6px;border-radius:3px;font-size:14px;}

/* ============================================================
   BLOG / POST ARCHIVE
   ============================================================ */
.archive-body{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.archive-grid article,.archive-body article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:all .4s;}
.archive-grid article:hover,.archive-body article:hover{border-color:var(--brand);box-shadow:var(--shadow);}
.archive-thumb{display:block;height:190px;overflow:hidden;background:var(--pale2);}
.archive-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
article:hover .archive-thumb img{transform:scale(1.07);}
.archive-meta,.blog-meta{font-size:13px;color:var(--muted);margin-bottom:8px;}
.blog-title,.entry-title{font-size:19px;color:var(--ink);margin-bottom:8px;}
a:hover>.blog-title,a:hover .entry-title{color:var(--brand);}
.blog-excerpt,.entry-summary{font-size:14px;color:var(--body);}
.archive-body>article .entry-inner,.archive-grid>article .entry-inner{padding:20px 24px;}
.entry-header{margin-bottom:20px;}
.single .entry-title,.post .entry-title{font-size:32px;color:var(--ink);}

/* ============================================================
   PAGINATION + POST NAV
   ============================================================ */
.pagination,.page-links{margin-top:44px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}
.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}
.pagination a,.pagination span,.page-links a,.page-links span{min-width:42px;height:42px;display:inline-flex;
  align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--radius);
  color:var(--body);font-size:14px;padding:0 12px;background:#fff;transition:all .25s;}
.pagination a:hover,.page-links a:hover{border-color:var(--brand);color:var(--brand);}
.pagination .current,.pagination span.current{background:var(--brand);border-color:var(--brand);color:#fff;}
.post-nav{display:flex;justify-content:space-between;gap:20px;margin-top:40px;border-top:1px solid var(--line-soft);padding-top:24px;}
.post-nav a{color:var(--brand);font-size:15px;max-width:45%;}
.post-nav-next{text-align:right;margin-left:auto;}
.post-nav-prev{margin-right:auto;}

/* ============================================================
   COMMENTS
   ============================================================ */
.comments-area{margin-top:44px;padding-top:34px;border-top:1px solid var(--line-soft);}
.comments-title{font-size:22px;margin-bottom:20px;}
.comment-list{list-style:none;}
.comment-list li{border-bottom:1px solid var(--line-soft);padding:16px 0;}
.comment-form label{display:block;font-size:13px;color:var(--ink);margin-bottom:6px;}
.comment-form input,.comment-form textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;margin-bottom:16px;font-family:inherit;}

/* ============================================================
   FOOTER (charcoal)
   ============================================================ */
.footer{background:var(--footer);color:rgba(255,255,255,.75);font-size:14px;padding-top:56px;}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px;padding-bottom:44px;}
.footer-title{color:#fff;font-size:17px;font-weight:600;margin-bottom:18px;position:relative;padding-bottom:12px;}
.footer-title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--accent);}
.footer p{line-height:1.9;margin-bottom:14px;}
.footer ul{list-style:none;}
.footer ul li{margin-bottom:11px;}
.footer a{color:rgba(255,255,255,.75);}
.footer a:hover{color:#fff;}
.footer-social{display:flex;gap:12px;margin-top:6px;}
.footer-social a{width:36px;height:36px;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius);
  display:inline-flex;align-items:center;justify-content:center;}
.footer-social a:hover{background:var(--brand);border-color:var(--brand);}
.footer-social svg{width:16px;height:16px;fill:currentColor;}
.footer-contact li{display:flex;align-items:flex-start;gap:10px;}
.footer-contact svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--accent);stroke-width:2;margin-top:3px;}
.footer-bottom{border-top:1px solid #555;padding:22px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.55);}
.footer .links{text-align:center;padding:0;}

/* ============================================================
   CUSTOM CODE BLOCKS
   ============================================================ */
.custom-block-title{font-size:24px;color:var(--ink);text-align:center;margin-bottom:24px;}
.custom-block--full{padding:0;}
.custom-block--full .section-head{padding-top:0;}

/* ============================================================
   FLOATING TOOLS + MODAL
   ============================================================ */
.to-top{position:fixed;right:22px;bottom:88px;z-index:80;width:46px;height:46px;border:none;border-radius:var(--radius);
  background:var(--brand);color:#fff;font-size:18px;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s;box-shadow:var(--shadow);}
.to-top.show{opacity:1;visibility:visible;}
.to-top:hover{background:var(--brand-dk);}
.quote-fab{position:fixed;right:0;bottom:150px;z-index:80;display:flex;align-items:center;gap:8px;
  background:var(--accent);color:#fff;border:none;border-radius:6px 0 0 6px;padding:13px 18px;font-size:14px;font-weight:600;
  cursor:pointer;box-shadow:var(--shadow);transition:padding .25s;}
.quote-fab:hover{padding-right:24px;}
.quote-fab svg{width:20px;height:20px;fill:#fff;}
.wa-fab{position:fixed;right:18px;bottom:32px;z-index:80;width:52px;height:52px;border-radius:50%;
  background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:transform .25s;}
.wa-fab:hover{transform:translateY(-3px);}
.wa-fab svg{width:28px;height:28px;fill:#fff;}

.yb-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s;}
.yb-modal.open{opacity:1;visibility:visible;}
.yb-modal-overlay{position:absolute;inset:0;background:rgba(10,40,60,.55);}
.yb-modal-box{position:relative;background:#fff;border-radius:var(--radius);max-width:560px;width:100%;
  max-height:90vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:translateY(16px);transition:transform .3s;}
.yb-modal.open .yb-modal-box{transform:translateY(0);}
.yb-modal-close{position:absolute;top:10px;right:14px;background:none;border:none;font-size:26px;line-height:1;color:var(--muted);cursor:pointer;}
.yb-modal-close:hover{color:var(--ink);}
.yb-modal-content{padding:28px;}
.yb-modal-content h3{font-size:22px;color:var(--ink);margin-bottom:16px;}

/* ============================================================
   WP ADMIN OPTION SCREENS
   ============================================================ */
.form-table{background:#fff;border:1px solid #ccd0d4;}
.form-table th{width:220px;}
.lc-media-btn{margin-top:6px;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1024px){
  .nav-menu>li>a{min-width:0;padding:0 12px;}
  .cat-grid{grid-template-columns:repeat(3,1fr);}
  .product-grid.cols-4{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:921px){
  .banner{height:430px;}
  .banner-cap h1{font-size:34px;}
  .header .container{min-height:66px;}
  .nav-menu>li>a{height:66px;}
  .split{grid-template-columns:1fr;gap:40px;}
  .float-num{left:auto;right:16px;}
  .product-top{grid-template-columns:1fr;gap:28px;}
  .archive-body{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr 1fr;gap:32px;}
  .cat-grid{grid-template-columns:repeat(2,1fr);}
  .product-grid.cols-4,.product-grid.cols-3{grid-template-columns:repeat(2,1fr);}
  .archive-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:720px){
  .hamburger{display:inline-flex;}
  .header-actions .cta-btn{display:none;}
  .nav{position:fixed;top:0;right:0;height:100%;width:82%;max-width:340px;background:#fff;z-index:120;
    box-shadow:-10px 0 30px rgba(0,0,0,.15);padding:70px 0 30px;overflow-y:auto;
    transform:translateX(100%);visibility:hidden;transition:transform .35s ease,visibility .35s;}
  .nav.open{transform:translateX(0);visibility:visible;}
  .nav-menu{flex-direction:column;align-items:stretch;}
  .nav-menu>li>a{height:auto;justify-content:flex-start;padding:14px 24px;min-width:0;}
  .nav-menu>li>a::after{display:none;}
  .nav-menu>li>a:hover,.nav-menu>li.current-menu-item>a{background:var(--pale);}
  .nav-menu ul{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:none;background:var(--pale2);}
  .nav-menu ul a{padding-left:40px;color:var(--ink);background:transparent;}
  .nav-menu ul a:hover{background:var(--brand);color:#fff;}
}
@media (max-width:544px){
  .container{padding:0 18px;}
  .banner{height:300px;}
  .banner-cap h1{font-size:24px;margin-bottom:16px;}
  .banner-cap .cta-btn{font-size:13px;padding:11px 22px;}
  .banner-arrow{display:none;}
  .topbar .container{justify-content:center;text-align:center;}
  .topbar .contact span{margin-right:14px;}
  .hero .container{padding:64px 18px;}
  .hero h1{font-size:30px;}
  .hero .sub{font-size:16px;}
  .section{padding:52px 0;}
  .section-head h2{font-size:23px;}
  .cat-grid,.product-grid.cols-4,.product-grid.cols-3,.product-grid.cols-2,.archive-grid{grid-template-columns:1fr;}
  .rfq-grid{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .cta-band h2{font-size:24px;}
  .archive-hero h1,.page-hero h1{font-size:26px;}
  .quote-fab span{display:none;}
}