/*
Theme Name: Automotive Fasteners Rebuild
Author: Drive Convert Measure
Description: Custom industrial WordPress theme for Automotive Fasteners.
Version: 1.0.0
Text Domain: automotive-fasteners
*/
:root{--red:#b5121b;--dark:#17191c;--steel:#363b41;--light:#f3f4f5;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#222;background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:var(--red)}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{background:var(--dark);color:#fff;font-size:.92rem}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.topbar a{color:#fff;text-decoration:none}.site-header{background:#fff;border-bottom:4px solid var(--red);position:sticky;top:0;z-index:10;box-shadow:0 3px 12px #0002}.header-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 0}.brand{display:flex;align-items:center;gap:14px;color:var(--dark);text-decoration:none}.mark{display:grid;place-items:center;width:62px;height:48px;background:var(--dark);color:#fff;font-size:1.55rem;font-weight:900;border-left:8px solid var(--red);transform:skew(-8deg)}.brand strong{display:block;font-size:1.35rem;letter-spacing:.02em}.brand small{display:block;color:#666}.nav ul{display:flex;gap:6px;align-items:center;list-style:none;margin:0;padding:0}.nav a{display:block;padding:11px 12px;color:#222;text-decoration:none;font-weight:700;font-size:.94rem}.nav a:hover{color:var(--red)}.btn{display:inline-block;background:var(--red);color:#fff!important;text-decoration:none;padding:13px 20px;border-radius:3px;font-weight:800;border:2px solid var(--red)}.btn.alt{background:transparent;border-color:#fff}.hero{color:#fff;background:linear-gradient(90deg,#111e,#1119),linear-gradient(135deg,#4c5158,#17191c);padding:90px 0}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:55px;align-items:center}.eyebrow{color:#ff5860;text-transform:uppercase;font-weight:900;letter-spacing:.16em}.hero h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1;margin:.15em 0}.hero p{font-size:1.2rem;max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.statbox{background:#fff;color:#222;padding:28px;border-top:7px solid var(--red);box-shadow:0 14px 35px #0005}.stat{padding:14px 0;border-bottom:1px solid #ddd}.stat:last-child{border:0}.stat strong{font-size:2rem;color:var(--red);display:block}.section{padding:70px 0}.section.gray{background:var(--light)}.section.dark{background:var(--dark);color:#fff}.section h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;margin:.15em 0 .6em}.lede{font-size:1.16rem;max-width:850px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.card{background:#fff;color:#222;padding:28px;border-top:5px solid var(--red);box-shadow:0 6px 22px #0001}.card h3{margin-top:0}.card a{font-weight:800}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#555}.feature{background:#24272b;padding:25px}.feature strong{display:block;color:#ff5860;font-size:1.08rem}.page-hero{background:var(--dark);color:#fff;padding:55px 0;border-bottom:6px solid var(--red)}.content{padding:55px 0;max-width:900px}.content h2,.content h3{line-height:1.2}.content li{margin:.45em 0}.locations{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.location{padding:22px;border:1px solid #ddd;border-top:5px solid var(--red)}.location h3{margin-top:0}.cta{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--red);color:#fff;padding:35px}.site-footer{background:#111;color:#ccc;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.site-footer h3{color:#fff}.site-footer a{color:#fff}.copyright{border-top:1px solid #444;margin-top:30px;padding-top:18px;font-size:.9rem}.mobile-toggle{display:none}.screen-reader-text{position:absolute;left:-9999px}@media(max-width:900px){.hero-grid,.footer-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr)}.locations{grid-template-columns:repeat(2,1fr)}.mobile-toggle{display:block}.nav{display:none}.nav.open{display:block;position:absolute;top:100%;left:0;right:0;background:#fff;padding:15px 20px;box-shadow:0 8px 15px #0003}.nav.open ul{display:block}.header-row{position:relative}}@media(max-width:600px){.topbar .wrap{display:block}.hero{padding:60px 0}.grid,.features,.locations{grid-template-columns:1fr}.cta{display:block}.cta .btn{margin-top:18px}.wrap{width:min(var(--max),calc(100% - 28px))}}
