:root{--bg:#090b0d;--panel:#121518;--panel2:#181c20;--text:#f4f4f2;--muted:#a7adb3;--gold:#d1a93f;--line:#2b3035;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.topbar{height:72px;display:flex;align-items:center;padding:0 5%;gap:32px;position:sticky;top:0;background:#07090bf2;border-bottom:1px solid var(--line);z-index:20}.brand{font-size:24px;font-weight:800;font-style:italic}.brand b,.hero h1 span,.eyebrow{color:var(--gold)}nav{display:flex;gap:24px;margin-left:auto}.phone{font-weight:700}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:720px;display:flex;align-items:center;padding:80px 6%;position:relative;overflow:hidden;background-image:url('hero-cadillac.jpg');background-size:cover;background-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,8,.96) 0%,rgba(4,6,8,.82) 35%,rgba(4,6,8,.25) 70%,rgba(4,6,8,.12) 100%),linear-gradient(0deg,rgba(4,6,8,.85) 0%,transparent 38%)}.hero-info{position:absolute;z-index:2;left:6%;right:6%;bottom:28px;display:flex;gap:34px;align-items:center;color:#c9cdd0;font-size:13px}.hero-copy{max-width:700px;z-index:1}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.7px}.hero h1{font-size:64px;line-height:.98;text-transform:uppercase;margin:14px 0 20px;max-width:670px}.hero p{font-size:19px;color:#d4d6d8;line-height:1.55}.actions{display:flex;gap:14px;margin-top:30px}.btn{display:inline-block;border:0;background:var(--gold);color:#0b0d0f;padding:13px 20px;border-radius:6px;font-weight:800;cursor:pointer}.btn.outline{background:transparent;border:1px solid var(--gold);color:#fff}.trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust div{padding:23px 6%;border-right:1px solid var(--line)}.trust span{display:block;color:var(--muted);font-size:13px;margin-top:7px}.section{padding:76px 6%;max-width:1450px;margin:auto}.alt{max-width:none;background:#0e1114}.section-head{text-align:center;margin-bottom:35px}.section h2,.contact h2{font-size:36px;margin:8px 0}.section-head p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article,.price-grid div{background:var(--panel);border:1px solid var(--line);padding:25px;border-radius:9px}.cards p{color:var(--muted);line-height:1.6}.dealer{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:50px;max-width:1200px;margin:auto}.dealer p{color:var(--muted);font-size:17px;line-height:1.6}.dealer-badge{font-size:42px;font-weight:900;text-align:center;border:1px solid var(--gold);padding:45px 20px;border-radius:12px;color:var(--gold)}.dealer-badge small{font-size:12px;letter-spacing:2px}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.price-grid div{display:flex;flex-direction:column;gap:15px}.price-grid strong{color:var(--gold);font-size:21px}.booking-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:980px;margin:auto}.booking-form label,.stack label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.full{grid-column:1/-1}input,select,textarea{width:100%;background:#0b0e11;color:#fff;border:1px solid #343a40;border-radius:6px;padding:12px;font:inherit}.contact{padding:55px 6%;display:grid;grid-template-columns:1fr 1fr;max-width:1300px;margin:auto;border-top:1px solid var(--line)}footer{padding:20px 6%;color:var(--muted);border-top:1px solid var(--line);font-size:13px}.admin-bg{min-height:100vh;display:grid;place-items:center;background:#0b0d0f}.install-card{width:min(560px,92vw);background:#14181c;padding:30px;border:1px solid #2b3035;border-radius:12px}.stack{display:grid;gap:15px}.err,.ok{padding:12px;border-radius:6px;margin:12px 0}.err{background:#4a1616}.ok{background:#173c26}.muted{color:var(--muted)}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:#0c0f12}.admin-nav{padding:25px 18px;background:#101419;border-right:1px solid #282e33;display:flex;flex-direction:column;gap:7px}.admin-nav a{padding:12px;border-radius:6px;color:#cfd3d7}.admin-nav a:hover{background:#1a2026}.admin-logo{font-size:22px;font-weight:900;margin-bottom:20px}.admin-logo small{display:block;color:var(--gold);font-size:10px;letter-spacing:2px}.admin-main{padding:35px;min-width:0}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.dash-cards div,.panel{background:#14191e;border:1px solid #2b3238;border-radius:9px;padding:20px}.dash-cards span{display:block;color:#aeb4ba}.dash-cards strong{display:block;font-size:38px;color:var(--gold);margin-top:8px}.panel{margin-top:20px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #2c3339;padding:11px;font-size:14px}th{color:#aeb4ba}.low{background:#3c2218}.inline-form{display:flex;flex-wrap:wrap;gap:9px}.inline-form input{width:auto;flex:1 1 140px}.title-row{display:flex;justify-content:space-between;align-items:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.line-row{display:grid;grid-template-columns:130px 1fr 100px 120px 100px;gap:8px;margin:8px 0}.invoice-bg{background:#262b30;padding:30px;color:#17191b}.invoice-actions{max-width:900px;margin:0 auto 15px;display:flex;gap:10px}.invoice{max-width:900px;margin:auto;background:#fff;padding:42px 48px;box-shadow:0 10px 50px #0006}.invoice header{display:flex;justify-content:space-between;border-bottom:3px solid #c7a15a;padding-bottom:20px}.invoice header h1{margin:0;font-size:30px}.invoice header p{color:#6d7277}.inv-title{text-align:right;display:flex;flex-direction:column;font-size:16px}.inv-title b{font-size:30px}.inv-meta{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px 0}.inv-meta p{color:#5f656a;line-height:1.55}.datebar{display:flex;justify-content:space-between;background:#f1f2f2;padding:15px}.inv-section{margin-top:26px;border-bottom:2px solid #c7a15a;padding-bottom:8px}.invoice table th,.invoice table td{color:#17191b;border-color:#ddd}.totals{margin-left:auto;width:320px;margin-top:25px}.totals p{display:flex;justify-content:space-between}.grand{font-size:20px;border-top:2px solid #17191b;padding-top:12px}.grand b{color:#a17818}.payment{display:flex;gap:20px;align-items:center;margin-top:30px;padding-top:20px;border-top:1px solid #ddd}.qr-placeholder{width:100px;height:100px;border:4px dotted #333;display:grid;place-items:center;text-align:center;font-weight:900}.invoice footer{color:#666;border-top:1px solid #ddd;margin-top:25px;padding:15px 0 0}@media(max-width:850px){.topbar nav{display:none;position:absolute;left:0;right:0;top:72px;background:#0b0e11;padding:20px;flex-direction:column}.topbar nav.open{display:flex}.phone{display:none}.menu-toggle{display:block;margin-left:auto}.hero{min-height:520px}.hero h1{font-size:44px}.trust,.cards,.price-grid,.dealer,.contact,.dash-cards,.grid2{grid-template-columns:1fr}.trust div{border-right:0;border-bottom:1px solid var(--line)}.booking-form{grid-template-columns:1fr}.admin-shell{display:block}.admin-nav{position:relative}.line-row{grid-template-columns:1fr 1fr}.invoice-bg{padding:0}.invoice{padding:24px 18px}.inv-meta{grid-template-columns:1fr}.datebar{gap:15px;flex-direction:column}}@media print{.invoice-actions{display:none}.invoice-bg{background:white;padding:0}.invoice{box-shadow:none;max-width:none}.admin-nav{display:none}}

.brand-logo img{display:block;width:132px;height:auto;max-height:58px;object-fit:contain}
.service-category-cards{grid-template-columns:1fr 1fr;gap:16px}
.category-card{position:relative;display:flex;align-items:flex-end;min-height:270px;padding:0;overflow:hidden;background-size:cover;background-position:center;border-radius:9px}
.category-card .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.72))}
.category-card .content{position:relative;z-index:1;padding:24px;width:100%}
.category-card .content h3{margin:0;font-size:27px;text-shadow:0 2px 8px #000}
.card-exterior{background-image:url('service-exterior.jpg')}
.card-interior{background-image:url('service-interior.jpg')}
.card-polish{background-image:url('service-polish.jpg')}
.card-extras{background-image:url('service-headlight.jpg')}
.category-card:hover{transform:translateY(-2px);border-color:#d1a93f;transition:.18s ease}

#hinnakiri{max-width:1200px}
#hinnakiri .section-head{margin-bottom:42px}
.price-category{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:22px 25px;margin:0 0 16px;scroll-margin-top:92px}
.price-category h3{font-size:24px;margin:0 0 8px}
.price-list{border-top:1px solid var(--line)}
.price-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}
.price-row:last-child{border-bottom:0}
.price-row>span{font-weight:700}
.price-actions{display:flex;align-items:center;gap:28px}
.price-actions strong{color:var(--gold);white-space:nowrap}
.price-book{color:var(--gold);font-weight:800;white-space:nowrap}
.price-book:hover{text-decoration:underline}

.booking-section .section-head{margin-bottom:35px}
.booking-form label{position:relative}
.booking-form .required-star{color:#d6a62c;font-weight:800;margin-left:4px;line-height:1}
.booking-form label{gap:7px}
.booking-form .field-note{display:block;margin-top:7px;font-size:.82rem;opacity:.65}
.booking-form .booking-message{margin-top:14px;padding:12px 14px;border:1px solid rgba(214,166,44,.45);border-radius:8px;display:none}
.contact-list p{display:flex;align-items:baseline;gap:12px;margin:0 0 14px}
.contact-list p b{min-width:70px}
.footer-brand{display:flex;align-items:center;gap:18px}
.footer-brand img{width:132px;height:auto;max-height:48px;object-fit:contain}
footer>div:last-child a{display:none}
@media(max-width:850px){
 .service-category-cards{grid-template-columns:1fr}
 .category-card{min-height:230px}
 .price-row{align-items:flex-start;flex-direction:column}
 .price-actions{width:100%;justify-content:space-between;gap:15px}
 .footer-brand{align-items:flex-start;flex-direction:column;gap:8px}
}

/* Broneerimisvormi väljade päised: tekst ja kohustuslik tärn ühel real. */
.booking-form .field-label{
  display:flex;
  align-items:baseline;
  gap:4px;
  min-height:16px;
  line-height:1.2;
}
.booking-form label > input,
.booking-form label > select,
.booking-form label > textarea{
  margin-top:0;
}
.booking-form label{
  gap:7px;
}

@media(max-width:850px){
  .topbar{position:sticky}
  .menu-toggle{
    display:block;
    position:absolute;
    right:6%;
    top:50%;
    transform:translateY(-50%);
    margin:0;
    padding:0;
    width:auto;
    height:auto;
    font-size:25px;
    line-height:1;
  }
}

/* Ainult mobiilis: Cadillaci pilt ja tekst samas hero-alas. */
@media (max-width:850px){
  .hero{
    min-height:720px;
    height:auto;
    display:flex;
    align-items:center;
    background-image:url('hero-cadillac.jpg');
    background-size:cover;
    background-position:58% center;
    background-repeat:no-repeat;
    padding:65px 6% 105px;
  }
  .hero-overlay{
    background:
      linear-gradient(90deg,rgba(4,6,8,.88) 0%,rgba(4,6,8,.64) 52%,rgba(4,6,8,.22) 100%),
      linear-gradient(0deg,rgba(4,6,8,.72) 0%,transparent 50%);
  }
  .hero-copy{
    position:relative;
    z-index:1;
    width:100%;
    max-width:700px;
  }
}
@media (max-width:480px){
  .hero{
    min-height:700px;
    background-position:59% center;
    padding-top:65px;
    padding-bottom:110px;
  }
  .hero h1{font-size:clamp(36px,10vw,44px);}
  .hero p{font-size:17px;}
  .actions{flex-wrap:wrap;}
}

/* Säilita esimene mobiilivaade: pilt teksti taga, ilma mustade ribadeta.
   Veidi madalam hero tähendab cover-režiimis väiksemat pildi suurendust. */
@media (max-width:850px){
  .hero{min-height:620px;background-size:cover;background-position:53% center;padding-top:45px;padding-bottom:75px;}
}
@media (max-width:480px){
  .hero{min-height:610px;background-size:cover;background-position:53% center;padding-top:45px;padding-bottom:75px;}
}
