*{box-sizing:border-box}body{margin:0;background:#070707;color:#fff;font-family:Arial,sans-serif;background-image:radial-gradient(#222 1px,transparent 1px);background-size:5px 5px}header{height:92px;display:flex;align-items:center;gap:50px;padding:12px 4%;border-bottom:1px solid #222;background:#080808}.logo{font-size:23px;font-weight:900;line-height:.8;transform:skew(-6deg)}.logo b,h1,em{color:#f36b12}.logo i{color:#f36b12}nav{flex:1;text-align:center;font-weight:900;font-style:italic}.text,.btn,.outline{color:#fff;text-decoration:none;font-weight:900;border:1px solid #f36b12;padding:11px 20px}.text,.btn{background:#f36b12}.hero{min-height:455px;display:grid;grid-template-columns:44% 56%;overflow:hidden;border-bottom:1px solid #333}.hero .copy{padding:30px 4%;z-index:2}.hero h2{font-size:48px;line-height:.95;margin:0}.hero h1{font-size:92px;line-height:.8;margin:8px 0 18px;font-style:italic}.hero h3{font-size:22px}.hero img{width:100%;height:455px;object-fit:cover;filter:contrast(1.12) saturate(1.2);mask-image:linear-gradient(to right,transparent,#000 25%)}.icons{font-size:12px;line-height:2;margin:18px 0 25px}.outline{margin-left:10px;background:#090909}section{border-bottom:1px solid #444}#gallery{padding:15px 3%}.title{display:flex;justify-content:space-between;align-items:center}.title h2,.how>h2,.twocol h2{font-style:italic}.title h2{border-bottom:3px solid #f36b12}.six{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.six img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid #f36b12;border-radius:7px;filter:saturate(1.25) contrast(1.08)}.cats{text-align:center;color:#f36b12;font-weight:bold;padding:13px}.how{padding:8px 4% 20px}.how>h2{text-align:center;font-size:30px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;text-align:center}.steps b{font-size:26px;color:#f36b12}.steps p{font-size:14px}.twocol{display:grid;grid-template-columns:1.05fr .95fr}.why,.restore{padding:18px 4%;min-height:330px}.why{position:relative}.why p{font-weight:bold}.why p::first-letter{color:#f36b12}.bike{position:absolute;right:20px;bottom:20px;color:#888;text-align:center;border:1px dashed #555;padding:40px 20px}.ba{display:flex;align-items:center;gap:10px}.ba figure{margin:0;position:relative;flex:1}.ba img{width:100%;height:230px;object-fit:cover;border:1px solid #f36b12}.ba figcaption{position:absolute;top:5px;left:5px}.ba>b{font-size:34px;color:#f36b12}.ready{display:flex;justify-content:space-around;align-items:center;padding:28px 4%}.ready>h2{font-size:48px;font-style:italic}.ready em{font-size:58px}footer{display:flex;justify-content:space-around;align-items:center;padding:20px 4%;background:#050505}
@media(max-width:700px){header{height:70px;padding:10px 15px}header nav{display:none}.text{margin-left:auto;font-size:11px;padding:8px}.hero{grid-template-columns:1fr;position:relative;min-height:610px}.hero img{position:absolute;inset:0;width:100%;height:100%;opacity:.42;mask-image:linear-gradient(to bottom,#000 20%,transparent 90%)}.hero .copy{padding:32px 20px}.hero h2{font-size:38px}.hero h1{font-size:72px}.hero h3{font-size:18px}.outline{display:inline-block;margin:10px 0}.six{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.six img{min-width:42vw;scroll-snap-align:start}.title span{font-size:11px}.cats{overflow-x:auto;white-space:nowrap;text-align:left}.steps{grid-template-columns:1fr}.steps div{border-bottom:1px solid #333;padding:10px 30px}.twocol{grid-template-columns:1fr}.bike{position:static;margin-top:20px}.ba img{height:190px}.ready{display:block;text-align:center}.ready>h2{font-size:38px}.ready em{font-size:44px}footer{display:grid;gap:15px;text-align:center}.hero .btn{display:inline-block}}

/* Dedicated gallery page */
header nav a{color:#fff;text-decoration:none}
header nav a:hover,header nav a.nav-active,.view-gallery-link,.cats a{color:#f36b12}
.logo-link{color:#fff;text-decoration:none}
.view-gallery-link{text-decoration:none;font-weight:900}
.cats a{text-decoration:none}
.gallery-page{max-width:1500px;margin:0 auto;padding:0 3% 50px}
.gallery-hero{text-align:center;padding:55px 15px 28px;border-bottom:0}
.gallery-hero .eyebrow{font-weight:900;letter-spacing:.14em;color:#f36b12;margin:0}
.gallery-hero h1{font-size:62px;font-style:italic;margin:8px 0}
.gallery-hero h1 em{font-style:inherit}
.gallery-hero p{color:#ccc}
.gallery-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:16px 0 26px;position:sticky;top:0;background:#070707;z-index:10}
.gallery-filter{appearance:none;border:1px solid #f36b12;background:#0b0b0b;color:#fff;font-weight:900;padding:11px 15px;cursor:pointer}
.gallery-filter.active,.gallery-filter:hover{background:#f36b12}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:12px}
.gallery-card{border:1px solid #2d2d2d;background:#0b0b0b;padding:0;cursor:pointer;overflow:hidden;border-radius:7px;min-height:260px}
.gallery-card.gallery-wide{grid-column:span 2}
.gallery-card img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(1.06) contrast(1.03);transition:transform .2s ease}
.gallery-card:hover img{transform:scale(1.025)}
.gallery-card[hidden]{display:none!important}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:25px;z-index:1000}
.lightbox[aria-hidden="false"]{display:flex}
.lightbox img{max-width:94vw;max-height:90vh;object-fit:contain}
.lightbox-close{position:absolute;right:18px;top:12px;border:0;background:transparent;color:#fff;font-size:46px;cursor:pointer}
.no-scroll{overflow:hidden}
@media(max-width:900px){
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery-card,.gallery-card.gallery-wide{grid-column:span 1;min-height:230px}
}
@media(max-width:620px){
  .gallery-page{padding:0 12px 35px}
  .gallery-hero{padding-top:34px}
  .gallery-hero h1{font-size:45px}
  .gallery-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;top:0;padding:10px 0 14px}
  .gallery-filter{flex:0 0 auto;font-size:11px}
  .gallery-grid{grid-template-columns:1fr 1fr;gap:7px}
  .gallery-card,.gallery-card.gallery-wide{min-height:170px;aspect-ratio:1/1}
}

/* Brand gauge mark + trust updates */
.brand-lockup{display:flex!important;align-items:center;gap:9px}
.brand-words{line-height:.86}
.gauge-mark{width:42px;height:25px;border:3px solid #f36b12;border-bottom:0;border-radius:44px 44px 0 0;position:relative;display:inline-block;flex:0 0 auto}
.gauge-mark:before{content:"";position:absolute;left:5px;right:5px;bottom:1px;height:2px;background:#fff;opacity:.75}
.gauge-needle{position:absolute;width:19px;height:2px;background:#fff;left:19px;bottom:2px;transform:rotate(-45deg);transform-origin:left center}
.gauge-needle:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#f36b12;left:-3px;top:-2px}
.gauge-flame{position:absolute;color:#f36b12;font-size:18px;font-weight:900;right:-4px;top:-12px;transform:rotate(-25deg)}
.hero-trust{display:flex;gap:12px;flex-wrap:wrap;margin-top:17px}
.hero-trust span{border-left:3px solid #f36b12;padding:7px 11px;background:#111;font-size:12px;font-weight:800;letter-spacing:.04em}
.hero-trust b{color:#f36b12}

/* Refined two-color Bagger Gauges emblem */
.custom-gauge-mark{
  width:46px;height:46px;border:3px solid #fff;border-radius:50%;
  position:relative;display:inline-block;flex:0 0 46px;box-sizing:border-box;
  background:#080808;
}
.custom-gauge-mark:after{
  content:"";position:absolute;left:7px;right:7px;bottom:7px;height:2px;background:#fff;opacity:.9
}
.cg-tick{position:absolute;width:2px;height:7px;background:#fff;left:20px;top:4px;transform-origin:2px 18px}
.cg-t1{transform:rotate(-48deg)} .cg-t2{transform:rotate(0deg)} .cg-t3{transform:rotate(48deg)}
.cg-needle{position:absolute;width:18px;height:3px;background:#f36b12;left:21px;top:22px;transform:rotate(-42deg);transform-origin:left center;border-radius:3px}
.cg-hub{position:absolute;width:7px;height:7px;background:#fff;border:2px solid #f36b12;border-radius:50%;left:17px;top:18px;z-index:2}
.cg-flame{position:absolute;left:9px;bottom:7px;width:13px;height:19px;background:#f36b12;border-radius:70% 15% 65% 45%;transform:rotate(22deg);z-index:1}
.cg-flame:before{content:"";position:absolute;width:8px;height:13px;background:#f36b12;left:6px;top:-5px;border-radius:70% 15% 70% 35%;transform:rotate(17deg)}
.cg-flame i{position:absolute;width:5px;height:9px;background:#080808;left:5px;bottom:1px;border-radius:70% 20% 70% 40%}

/* Cleaner premium motorsports-style hero headline */
.hero h1{
  font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue Condensed",Impact,sans-serif;
  font-stretch:condensed;
  font-weight:900;
  letter-spacing:-.035em;
  line-height:.91;
  text-transform:uppercase;
}
.hero h1 em,.hero h1 b{letter-spacing:-.045em}
@media(max-width:620px){
  .custom-gauge-mark{width:39px;height:39px;flex-basis:39px}
  .hero h1{letter-spacing:-.045em;line-height:.94}
}

/* Approved Bagger Gauges logo */
.logo-image-link{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}
.site-logo{display:block;width:min(300px,29vw);height:auto;object-fit:contain}
.footer-logo-wrap{display:flex;align-items:center}
.footer-logo{display:block;width:220px;max-width:100%;height:auto}
@media(max-width:760px){
  .site-logo{
    width:152px;
    max-height:54px;
    object-fit:cover;
    object-position:center 42%;
  }
  .footer-logo{width:165px}
}
@media(max-width:430px){
  .site-logo{width:132px;max-height:48px}
}

.restore{display:flex;align-items:center}.restore-banner{width:100%;height:auto;display:block;border:1px solid #333;border-radius:8px}

/* Final small refinement: cleaner Kustom Harley-Davidson Gauges headline */
.hero .copy h2{
  font-family:"Arial Narrow","Helvetica Neue Condensed",Arial,sans-serif;
  font-weight:700;
  letter-spacing:.055em;
  line-height:1.02;
  text-transform:uppercase;
}

/* 2026 homepage final-pass updates */
body{overflow-x:hidden} header nav a{padding-bottom:5px} header nav a.nav-active{border-bottom:2px solid #f36b12}.eyebrow{color:#f36b12;font-size:11px;font-weight:900;letter-spacing:.14em}.hero{position:relative;grid-template-columns:44% 56%;min-height:500px}.hero .copy{padding-top:34px}.hero-slider{position:relative;min-height:500px;background:#111;overflow:hidden}.hero-slider:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#070707 0%,rgba(7,7,7,.48) 13%,transparent 42%)}.hero-slide{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;opacity:0;transition:opacity .8s ease,transform 5.8s ease;filter:saturate(1.12) contrast(1.07)!important;mask-image:none!important;transform:scale(1.025)}.hero-slide.active{opacity:1;transform:scale(1.06)}.hero-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:40px;height:54px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.38);color:#fff;font-size:35px;cursor:pointer}.hero-prev{left:18px}.hero-next{right:18px}.hero-dots{position:absolute;z-index:5;right:24px;bottom:18px;display:flex;gap:7px}.hero-dot{width:9px;height:9px;border-radius:50%;border:1px solid #fff;background:rgba(0,0,0,.4);padding:0;cursor:pointer}.hero-dot.active{background:#f36b12;border-color:#f36b12}.hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hero-actions .outline{margin-left:0}.hero-trust{grid-column:1/2}.services{padding:40px 4% 46px;background:#090909}.section-heading{max-width:900px;margin:0 auto 24px;text-align:center}.section-heading h2{font-size:36px;font-style:italic;margin:6px 0 10px}.section-heading p:last-child{color:#bbb}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1400px;margin:0 auto}.service-grid article{background:#111;border:1px solid #292929;border-top:3px solid #f36b12;padding:24px 20px;min-height:210px}.service-grid h3{margin-top:0}.service-grid p{color:#ccc;line-height:1.45}.service-grid strong{display:block;color:#f36b12;margin-top:16px}.service-grid small{display:block;color:#aaa;margin-top:8px;line-height:1.35}.fitment{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 4%;background:#0d0d0d}.fitment>div{max-width:1050px}.fitment h2{margin:5px 0 8px;font-style:italic}.fitment p:last-child{color:#c9c9c9;line-height:1.5}.fitment .outline{white-space:nowrap;margin:0}.why{min-height:330px}.why p{margin:14px 0}.twocol .bike{display:none}footer a{color:#fff;text-decoration:none}footer a:hover{color:#f36b12}
@media(max-width:1000px){header{gap:24px}header nav{font-size:12px}.service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){header .site-logo{width:145px}.hero{display:block;min-height:690px}.hero-slider{position:absolute;inset:0;min-height:690px}.hero-slider:before{background:linear-gradient(180deg,rgba(7,7,7,.18),rgba(7,7,7,.78) 58%,#070707 96%)}.hero .copy{position:relative;z-index:6;min-height:690px;padding-top:280px}.hero-slide{opacity:0!important}.hero-slide.active{opacity:.58!important}.hero h2{font-size:33px}.hero h1{font-size:66px}.hero-arrow{top:190px}.hero-dots{bottom:auto;top:330px;right:20px}.hero-trust{margin-top:14px}.service-grid{grid-template-columns:1fr}.section-heading h2{font-size:28px}.fitment{display:block}.fitment .outline{display:inline-block;margin-top:14px}.twocol{grid-template-columns:1fr}.ready>h2{font-size:34px}footer{grid-template-columns:1fr}.hero-actions{display:block}.hero-actions .outline{margin-top:10px}.text{font-size:10px}.six img{min-width:46vw}}

/* Master hero: original single image */
.hero-main-image{width:100%;height:500px;object-fit:cover;filter:contrast(1.12) saturate(1.2);mask-image:linear-gradient(to right,transparent,#000 25%)}
@media(max-width:700px){.hero-main-image{position:absolute;inset:0;width:100%;height:100%;opacity:.42;mask-image:linear-gradient(to bottom,#000 20%,transparent 90%);object-fit:cover}.hero .copy{position:relative;z-index:2;padding-top:32px}}


/* Search-friendly Harley model-code and FAQ sections */
.model-code-section,.seo-faq{padding:42px 4%;background:#080808}.model-code-section{border-top:1px solid #222}.model-code-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1400px;margin:0 auto}.model-code-grid article{background:#111;border:1px solid #2a2a2a;border-top:3px solid #f36b12;padding:20px}.model-code-grid h3{margin:0 0 12px;color:#fff}.model-code-grid ul{margin:0;padding-left:18px;color:#ccc;line-height:1.65}.seo-faq{background:#0b0b0b}.seo-faq>details{max-width:1050px;margin:10px auto;border:1px solid #292929;background:#111;padding:0 18px}.seo-faq summary{cursor:pointer;font-weight:900;padding:17px 0;color:#fff}.seo-faq details p{color:#c9c9c9;line-height:1.55;margin:0 0 18px}.seo-faq summary::marker{color:#f36b12}@media(max-width:1000px){.model-code-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.model-code-grid{grid-template-columns:1fr}.model-code-section,.seo-faq{padding:34px 14px}}


/* Official Bagger Gauges social links */
.social-links{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}
.social-links a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #2b2b2b;border-radius:999px;background:#0d0d0d;color:#fff;text-decoration:none;font-size:13px;font-weight:900}
.social-links a:hover{border-color:#f36b12;color:#f36b12}
.social-icon{display:inline-flex;width:23px;height:23px;align-items:center;justify-content:center;border-radius:50%;background:#f36b12;color:#fff;font-size:14px;font-style:normal;line-height:1}
@media(max-width:700px){.social-links{margin-top:2px}.social-links a{min-width:145px;justify-content:center}}


/* Hero social links: fills the open trust-panel space without changing the hero layout */
.hero-socials{margin-top:18px;max-width:560px;padding-top:14px;border-top:1px solid #292929}
.hero-social-title{color:#f36b12;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:10px}
.hero-social-buttons{display:flex;gap:10px;flex-wrap:wrap}
.hero-social-buttons a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #333;background:#101010;color:#fff;text-decoration:none;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.hero-social-buttons a:hover{border-color:#f36b12;color:#f36b12}
.hero-social-buttons span{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;background:#f36b12;color:#fff;font-size:15px;line-height:1}
@media(max-width:700px){.hero-socials{margin-top:15px;padding-top:12px}.hero-social-buttons{gap:7px;flex-wrap:nowrap}.hero-social-buttons a{padding:8px 9px;font-size:10px;gap:5px}.hero-social-buttons span{width:21px;height:21px;font-size:13px}}