/*
Theme Name: JX Powersports Audio
Description: Premium responsive powersports service theme.
Version: 1.0.0
*/
:root{--bg:#070707;--ink:#fafafa;--muted:#bbb7b3;--copper:#b56b38;--line:#302b27;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.top{text-align:center;padding:7px;background:linear-gradient(90deg,#382115,var(--copper),#382115);font-size:13px}.nav{position:sticky;top:0;z-index:9;background:#080808ee;border-bottom:1px solid var(--line)}.navin{height:84px;display:flex;align-items:center;gap:26px}.logo{width:155px;height:70px;object-fit:contain;margin-right:auto}.navlinks{display:flex;gap:22px}.btn{display:inline-block;padding:13px 22px;border-radius:99px;background:linear-gradient(110deg,#754225,var(--copper));font-weight:750}.hero{min-height:680px;display:grid;align-items:center;background:linear-gradient(90deg,#050505ed,#05050535),url('assets/lighting.jpg') center/cover}.hero>div{max-width:730px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:#d98a53;font-weight:800}.hero h1{font-size:clamp(48px,7vw,84px);line-height:1;letter-spacing:-.05em;margin:17px 0}.hero p{font-size:19px;color:#ddd}.section{padding:90px 0}.section h2{font-size:clamp(34px,5vw,55px);line-height:1.05}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#191715,#0d0d0d)}.card img{height:225px;width:100%;object-fit:cover}.card div{padding:24px}.muted{color:var(--muted)}.band{background:linear-gradient(120deg,#25150d,#101010 55%,#1b1917);border-block:1px solid #ffffff14}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery img{height:300px;width:100%;object-fit:cover;border-radius:18px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:35px}.form{padding:30px}.form input,.form select,.form textarea{width:100%;padding:14px;margin:6px 0 14px;background:#090909;border:1px solid #3d3733;border-radius:12px;color:white;font:inherit}.form textarea{height:130px}.footer{padding:55px 0 20px;background:#050505;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr 1fr;gap:45px}.footer-grid>div:nth-child(2){border-inline:1px solid var(--line);padding-inline:42px}.footer img{width:190px;height:110px;object-fit:contain}.footer h4{margin-top:0}.footer a{display:block;color:var(--muted);margin:6px 0}.legal{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;color:#888;font-size:13px}@media(max-width:800px){.navlinks{display:none}.grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}.footer-grid{gap:20px}.footer-grid>div:nth-child(2){padding-inline:18px}}@media(max-width:520px){.wrap{width:calc(100% - 28px)}.section{padding:65px 0}.grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.2fr .8fr 1fr;gap:9px;font-size:12px}.footer-grid>div:nth-child(2){padding-inline:8px}.footer img{width:105px;height:68px}.footer h4{font-size:14px}}
