/*
Theme Name: HAPCO Industrial Pro
Theme URI: https://example.com/
Author: Custom Theme Studio
Description: Responsive industrial technology WordPress theme with product categories, featured brands and contact sections.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: hapco-industrial
*/
:root{--red:#e10c16;--dark:#172333;--gray:#f5f6f8}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#26323b}a{text-decoration:none;color:inherit}.container{width:min(1140px,92%);margin:auto}.top{background:var(--red);color:white;padding:9px 0;font-size:12px}.top .container{display:flex;justify-content:space-between}.header{background:#fff;box-shadow:0 2px 10px #0001}.header .container{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font-family:Georgia,serif;font-size:37px;font-weight:bold;color:var(--red);line-height:.8}.logo small{display:block;font-size:13px;color:#5d7185;font-style:italic;margin-top:12px}.menu{display:flex;flex-wrap:wrap;gap:28px;font-weight:700;font-size:14px}.menu a:hover{color:var(--red)}.hero{min-height:480px;background:linear-gradient(90deg,#081521c9,#091c2a8c),url('assets/factory.jpg') center/cover;display:flex;align-items:center;text-align:center;color:white}.hero h1{font-size:clamp(35px,4vw,56px);margin:0 0 20px}.hero p{font-size:21px;line-height:1.6;max-width:730px;margin:0 auto 28px}.btn{display:inline-block;background:var(--red);color:white;padding:15px 34px;border-radius:5px;font-weight:700;border:0;cursor:pointer}.section{padding:65px 0}.section h2{font-size:29px;text-align:center;margin:0 0 32px}.section h2 span{color:var(--red)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{background:white;border:1px solid #e5e8ed;box-shadow:0 5px 18px #0000000c;border-radius:7px;overflow:hidden;text-align:center;transition:.2s}.product:hover{transform:translateY(-4px)}.product img{width:100%;height:190px;object-fit:cover}.product h3{font-size:15px;padding:12px;margin:0 0 7px}.product p{font-size:13px;color:#697481;padding:0 16px 16px;margin:0}.muted{background:var(--gray)}.brands{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.brand{min-height:140px;background:white;border-left:5px solid var(--red);padding:25px;display:flex;align-items:center;gap:22px}.brand strong{font-size:27px;color:#253647}.brand p{font-size:14px;color:#687784}.intro{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.intro img{width:100%;border-radius:8px}.intro h2{text-align:left}.intro p{line-height:1.9}.contact{background:#1d2936;color:#fff}.contact .grid{grid-template-columns:2fr 1fr}.contact input,.contact textarea{width:100%;padding:13px;margin:0 0 12px;border:1px solid #d8dde3;border-radius:4px;font:inherit}.contact textarea{height:100px}footer{background:#d9d9d9;padding:48px 0 0}footer .grid{grid-template-columns:repeat(4,1fr)}footer h3{font-size:18px}footer p,footer li{font-size:14px;line-height:1.9}footer ul{list-style:none;padding:0}footer li:before{content:'› ';color:var(--red)}.copyright{margin-top:35px;background:#f7f7f7;text-align:center;padding:15px;font-size:13px}@media(max-width:800px){.header .container{flex-direction:column;padding:20px 0}.menu{justify-content:center;gap:15px}.grid,.brands,.intro,.contact .grid,footer .grid{grid-template-columns:1fr 1fr}.hero{min-height:390px}}@media(max-width:540px){.grid,.brands,.intro,.contact .grid,footer .grid{grid-template-columns:1fr}.top .container{gap:10px}.hero p{font-size:16px}.section{padding:45px 0}}