/* Kings Garage - generated by build.py. Edit the source, not this file. */
:root{--bg:#0b0b0d;--card:#14141a;--line:#23232c;--orange:#ff5722;--gold:#ffd600;--ink:#eaeaf0;--dim:#9a9aa6;}
*{box-sizing:border-box;} body{margin:0;background:var(--bg);color:var(--ink);font-family:'Barlow',system-ui,sans-serif;}
img{max-width:100%;} .disp{font-family:'Black Han Sans','Arial Black',sans-serif;} .cond{font-family:'Barlow Condensed',sans-serif;}
a{color:inherit;text-decoration:none;} .wrap{max-width:1180px;margin:0 auto;padding:0 22px;}
.crown{width:34px;height:26px;display:block;} .crownwrap.big .crown{width:52px;height:40px;}
header{position:sticky;top:0;z-index:50;background:rgba(11,11,13,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;gap:18px;height:64px;} .brand{display:flex;align-items:center;gap:10px;}
.brand .kg{font-family:'Black Han Sans';font-size:1.3rem;line-height:1;display:block;} .brand .kg .g{color:var(--orange);}
.brand small{display:block;font-family:'Barlow Condensed';font-size:.6rem;letter-spacing:3px;color:var(--dim);text-transform:uppercase;}
.menu{margin-left:auto;display:flex;gap:20px;font-family:'Barlow Condensed';font-weight:700;text-transform:uppercase;letter-spacing:1px;}
.menu a:hover,.menu a.on{color:var(--orange);} .menu a.on{border-bottom:2px solid var(--orange);}
.callbtn{background:var(--orange);color:#0a0a0a;font-family:'Barlow Condensed';font-weight:800;padding:8px 15px;border-radius:8px;white-space:nowrap;}
.mobbar{display:none;}
@media(max-width:900px){.menu{display:none;} .callbtn{margin-left:auto;}
 .mobbar{display:flex;border-top:1px solid var(--line);}
 .mobbar a{flex:1;text-align:center;padding:11px 0;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.95rem;}
 .mobbar a:first-child{border-right:1px solid var(--line);color:var(--gold);}}
.hero{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background-position:center 32%;background-size:cover;}
.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,10,.95),rgba(8,8,10,.62) 48%,rgba(8,8,10,.25)),linear-gradient(0deg,rgba(8,8,10,.9),rgba(8,8,10,.15));}
.hero-in{position:relative;padding:70px 0;max-width:680px;}
.eyebrow{font-family:'Barlow Condensed';font-weight:800;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
h1{font-family:'Black Han Sans';font-size:clamp(2.4rem,6vw,4.4rem);line-height:1;margin:0 0 16px;text-transform:uppercase;}
h1 .o,.o{color:var(--orange);} p.lead{font-size:1.2rem;color:#d9d9e1;max-width:620px;margin:0 0 26px;}
.cta{display:flex;gap:14px;flex-wrap:wrap;}
.btn{font-family:'Barlow Condensed';font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:14px 24px;border-radius:10px;font-size:1.05rem;display:inline-block;}
.btn-p{background:var(--orange);color:#0a0a0a;} .btn-g{border:2px solid #555;color:#fff;}
.trust{margin-top:20px;color:var(--dim);font-family:'Barlow Condensed';letter-spacing:1px;} .trust b{color:var(--gold);}
.pagehead{padding:64px 0 40px;background:radial-gradient(ellipse at 20% 0%,#191119,#0b0b0d 70%);border-bottom:1px solid var(--line);}
.pagehead .neon{margin-bottom:14px;}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:40px 0;}
.step{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;}
.step .n{font-family:'Black Han Sans';color:var(--orange);font-size:1.6rem;}
.step h4{font-family:'Barlow Condensed';text-transform:uppercase;letter-spacing:1px;margin:.3rem 0;font-size:1.2rem;}
.step p{color:var(--dim);margin:0;}
@media(max-width:760px){.steps{grid-template-columns:1fr;}}
section.pad{padding:56px 0;}
.sec-head{display:flex;align-items:baseline;gap:14px;margin-bottom:8px;flex-wrap:wrap;}
.sec-head h2{font-family:'Black Han Sans';text-transform:uppercase;font-size:clamp(1.7rem,4vw,2.7rem);margin:0;}
.seeall{margin-left:auto;color:var(--gold);font-weight:700;letter-spacing:1px;text-transform:uppercase;}
.seeall:hover{color:var(--orange);}
.sec-sub{color:var(--dim);font-size:1.08rem;margin:0 0 26px;max-width:680px;}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr);}} @media(max-width:600px){.grid{grid-template-columns:1fr;}}
.tile{background:#0e0e12;border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative;display:flex;flex-direction:column;}
.tile-img{height:215px;overflow:hidden;background:#0b0b0e;padding:10px;position:relative;}
.tile-img img{width:100%;height:100%;object-fit:contain;display:block;}
.tile-meta{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-top:1px solid var(--line);}
.tile-name{font-family:'Barlow Condensed';font-weight:800;font-size:1.08rem;text-transform:uppercase;}
.tile-sz{color:var(--dim);font-size:.82rem;}
.tile-price{font-family:'Black Han Sans';color:var(--gold);font-size:1.25rem;text-align:right;white-space:nowrap;}
.tile-price span{display:block;font-family:'Barlow Condensed';font-weight:700;color:var(--dim);font-size:.58rem;letter-spacing:1px;}
/* "We install it" moved from the TOP-left to the BOTTOM-left of the photo.
   v5.2 flipped the SOLD ribbon to the top-left to clear the price badge, which
   put it straight on top of this one. No neon sign has sold yet, so the clash
   had never rendered - it was waiting for the first sale to look broken. */
.tile-badge{position:absolute;left:10px;bottom:10px;z-index:2;background:rgba(255,87,34,.94);color:#0a0a0a;font-family:'Barlow Condensed';font-weight:800;font-size:.7rem;letter-spacing:.5px;padding:4px 9px;border-radius:6px;}
/* Condition, stated on the tile itself. New vs vintage is the first thing a
   buyer wants to know on a $1,950 sign, and it was only being told to Google.
   Top-RIGHT, which is free on a neon tile - the price lives in the meta row. */
.cond-badge{position:absolute;top:10px;right:10px;z-index:2;font-family:'Barlow Condensed';font-weight:800;font-size:.68rem;letter-spacing:1px;text-transform:uppercase;padding:4px 9px;border-radius:6px;}
.cond-new{background:#3ecf8e;color:#04140d;}
.cond-vtg{background:rgba(9,9,12,.86);color:var(--gold);border:1px solid var(--line);}
.buy{display:block;margin-top:auto;text-align:center;padding:12px;background:#191921;border-top:1px solid var(--line);font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--gold);}
.buy:hover{background:var(--orange);color:#0a0a0a;}
.band{background:linear-gradient(120deg,#161018,#0e0e14);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.band-in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:56px 0;}
.band h2{font-family:'Black Han Sans';font-size:clamp(1.9rem,4.5vw,3rem);text-transform:uppercase;margin:0 0 14px;}
.band p{font-size:1.12rem;color:#cfcfd8;}
.pricebox{background:#0e0e12;border:1px solid var(--line);border-radius:14px;padding:22px;}
.pricebox .row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px dashed var(--line);}
.pricebox .row:last-child{border:0;} .pricebox .amt{font-family:'Black Han Sans';color:var(--gold);white-space:nowrap;}
@media(max-width:820px){.band-in{grid-template-columns:1fr;}}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media(max-width:820px){.gallery{grid-template-columns:repeat(2,1fr);}} @media(max-width:520px){.gallery{grid-template-columns:1fr;}}
.gitem{margin:0;border-radius:12px;overflow:hidden;position:relative;border:1px solid var(--line);}
.gitem img{width:100%;height:280px;object-fit:cover;display:block;}
.gitem figcaption{position:absolute;bottom:0;left:0;right:0;padding:12px 14px;font-family:'Barlow Condensed';font-weight:800;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);}
.gitem.build img{height:300px;} .gitem.build figcaption{padding:14px;}
.gitem.build .when{display:block;color:var(--gold);font-size:.72rem;letter-spacing:2px;margin-bottom:2px;}
.finds{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:900px){.finds{grid-template-columns:repeat(2,1fr);}} @media(max-width:600px){.finds{grid-template-columns:1fr;}}
.find{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative;display:flex;flex-direction:column;}
.find-ph{height:240px;display:flex;align-items:center;justify-content:center;background:#0b0b0e;overflow:hidden;position:relative;}
.find-ph img{width:100%;height:100%;object-fit:contain;padding:8px;}
/* SOLD sits top-LEFT so it never collides with the price badge, which now
   lives in the top-right corner of the photo. Status left, money right. */
.sold{position:absolute;top:26px;left:-38px;transform:rotate(-38deg);background:#e11;color:#fff;font-family:'Black Han Sans';letter-spacing:2px;padding:6px 46px;z-index:3;text-align:center;}
.find-meta{padding:14px 16px;} .find-name{font-family:'Barlow Condensed';font-weight:800;text-transform:uppercase;font-size:1.1rem;}
/* The condition line now owns the full width. It used to sit beside the price
   with no gap, so "Has some rust. More pictures upon request" ran straight
   into "$300" with the two touching. */
.find-row{display:flex;justify-content:space-between;gap:12px;margin-top:5px;color:var(--dim);font-size:.92rem;line-height:1.45;}
/* Price as a chip over the top-right of the photo - readable on any image,
   and it cannot crowd the wording because it is no longer in the text flow. */
.find-price{position:absolute;top:10px;right:10px;z-index:2;font-family:'Black Han Sans';color:var(--gold);font-size:1.15rem;line-height:1.1;background:rgba(9,9,12,.86);border:1px solid var(--line);border-radius:10px;padding:6px 11px;white-space:nowrap;}
.finds-note{color:var(--dim);} .finds-note b{color:var(--ink);}
/* Returns and condition, in plain words. The Product schema tells Google a
   return window exists; it has no field for "must be undamaged". This block is
   what Adam actually points at when a buyer argues, so it stays readable and
   on the page with the products, not buried in a footer link nobody opens. */
.returns{margin-top:34px;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:0;background:#101016;padding:20px 22px;}
.returns h3{font-family:'Barlow Condensed';font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:1.05rem;margin:0 0 10px;color:var(--gold);}
.returns p{color:var(--dim);font-size:.93rem;line-height:1.6;margin:0 0 11px;}
.returns p:last-child{margin-bottom:0;} .returns b{color:var(--ink);}
.vanshot{display:block;margin:0 0 52px;border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative;}
.vanshot.static{margin:44px 0;} .vanshot img{width:100%;height:auto;display:block;}
.vanshot figcaption{position:absolute;bottom:0;left:0;right:0;padding:16px 18px;font-family:'Barlow Condensed';font-weight:800;text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent);}
.vanshot figcaption span{color:var(--gold);}
.vanhead{background:radial-gradient(ellipse at 70% 0%,#1d1410,#0b0b0d 70%);}
.prov{background:linear-gradient(180deg,#0e0d12,#0b0b0d);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.provbody{max-width:760px;} .provbody p{font-size:1.16rem;line-height:1.62;color:#d2d2dc;margin:0 0 1.05rem;}
.provbody p:nth-child(2),.provbody p:nth-child(4){color:var(--gold);font-family:'Barlow Condensed';font-weight:700;font-size:1.3rem;letter-spacing:.5px;}
.provbody b{color:var(--ink);}
.provcall{margin-top:2rem!important;padding:22px 24px;border-left:3px solid var(--orange);background:#12121a;border-radius:0 10px 10px 0;font-size:1.08rem!important;color:#c9c9d4!important;}
.provcall b{color:var(--gold);}
.neon{font-family:'Monoton',cursive;font-size:2rem;text-shadow:0 0 5px currentColor,0 0 12px currentColor,0 0 26px currentColor;}
.cta-band{text-align:center;padding:60px 0;background:radial-gradient(ellipse at top,#1a1220,#0b0b0d);}
.cta-band h2{font-family:'Black Han Sans';font-size:clamp(1.7rem,4.5vw,2.8rem);text-transform:uppercase;margin:0 0 10px;}
.cta-band .neon{font-size:2.4rem;} .cta-band .sec-sub{margin-left:auto;margin-right:auto;}
.ig behold-widget{display:block;min-height:80px;}
.about{display:grid;grid-template-columns:60px 1fr;gap:20px;align-items:start;padding:50px 0;}
.about h3{font-family:'Black Han Sans';text-transform:uppercase;margin:0 0 8px;font-size:1.5rem;}
.about p{color:#cfcfd8;font-size:1.08rem;margin:.4rem 0;}
.about a{color:var(--gold);} .about a:hover{color:var(--orange);}
.sister{border-top:1px solid var(--line);background:linear-gradient(180deg,#0d0d11,#0b0b0d);padding-bottom:56px;}
.crosssell{display:block;position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.crosssell img{width:100%;height:auto;display:block;}
.crosssell .cs-copy{position:absolute;left:0;right:0;bottom:0;padding:20px 22px;font-family:'Barlow Condensed';font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:clamp(1rem,2.2vw,1.35rem);background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.55) 60%,transparent);}
.crosssell .cs-copy b{color:var(--orange);}
.crosssell:hover .cs-copy{color:var(--gold);}
.footnav .sisterlink{color:var(--gold);margin-top:4px;}
.footnav .sisterlink:hover{color:var(--orange);}
footer{border-top:1px solid var(--line);padding:34px 0;color:var(--dim);}
.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-start;}
.foot .kg{font-family:'Black Han Sans';color:var(--ink);font-size:1.2rem;} .foot .kg .g{color:var(--orange);}
.footnav{display:flex;flex-direction:column;gap:6px;text-transform:uppercase;letter-spacing:1px;font-weight:700;}
.footnav a:hover{color:var(--orange);}
.badgejunk{font-family:'Barlow Condensed';letter-spacing:2px;text-transform:uppercase;font-size:.75rem;}
.badgejunk a:hover{color:var(--orange);}
.phone{font-family:'Black Han Sans';color:var(--gold);font-size:1.3rem;display:block;}
.email{display:block;font-family:'Barlow Condensed';font-weight:700;letter-spacing:.5px;font-size:1rem;color:var(--ink);margin:3px 0 5px;}
.email:hover{color:var(--orange);}
.footlast{margin:26px 0 0;letter-spacing:1px;font-size:.9rem;}
@media(max-width:700px){.foot{flex-direction:column;} .foot>div:last-child{text-align:left!important;} .footnav{flex-direction:row;flex-wrap:wrap;gap:14px;}}

/* Desktop fallback panel for sms: links - see the comment in js/kg.js.
   Only ever shown on mouse-driven devices, where sms: does nothing. */
#kg-smsbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}
.kg-sms-back{position:absolute;inset:0;background:rgba(0,0,0,.72)}
.kg-sms-card{position:relative;background:var(--card,#14141a);border:1px solid var(--line,#26262f);
  border-radius:16px;padding:26px 26px 22px;max-width:400px;width:calc(100% - 40px);text-align:center;
  box-shadow:0 24px 60px rgba(0,0,0,.6)}
.kg-sms-x{position:absolute;top:8px;right:12px;background:none;border:0;color:var(--dim,#9a9aa6);
  font-size:1.6rem;line-height:1;cursor:pointer;padding:4px 8px}
.kg-sms-x:hover{color:var(--ink,#eaeaf0)}
.kg-sms-h{font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;
  letter-spacing:1px;font-size:1.12rem;color:var(--gold,#ffd600);margin-bottom:8px;padding:0 14px}
.kg-sms-p{color:var(--dim,#9a9aa6);font-size:.9rem;margin:0 0 18px}
.kg-sms-num{display:flex;align-items:center;justify-content:center;gap:12px;background:#0e0e14;
  border:1px solid var(--line,#26262f);border-radius:12px;padding:14px 16px;margin-bottom:14px}
.kg-sms-num span{font-size:1.35rem;font-weight:700;letter-spacing:.5px}
.kg-sms-copy{background:var(--orange,#ff5722);color:#0a0a0a;border:0;border-radius:9px;
  padding:9px 14px;font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;
  letter-spacing:.5px;cursor:pointer;font-size:.85rem}
.kg-sms-mail{display:inline-block;color:var(--orange,#ff5722);font-weight:600;font-size:.92rem;
  text-decoration:none}
.kg-sms-mail:hover{text-decoration:underline}