:root{--primary:#d32f2f;--ink:#1a1a1a;--muted:#626262;--paper:#f5f5f5;--line:#d8d8d8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.15}h1,h2{font-family:Oswald,'Arial Narrow',Arial,sans-serif;font-weight:500;letter-spacing:-1.5px}h2{font-size:clamp(34px,4.1vw,54px)}h3{font-size:23px;font-weight:500}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:5px}.container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.topbar{background:#242424;color:#bebebe;font-size:12px}.topbar .container{display:flex;justify-content:space-between;padding-block:10px}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:104px}.brand{display:flex;align-items:center;gap:13px;font:600 24px/1.2 Oswald,Arial,sans-serif;letter-spacing:1px}.brand small{display:block;font:10px Roboto,Arial,sans-serif;letter-spacing:3px;margin-top:7px}.brand-mark{background:var(--primary);color:#fff;padding:10px 11px;font-style:italic;letter-spacing:-4px;font-size:28px}.brand-mark span{position:relative;left:-2px}.header nav{display:flex;gap:30px;font-size:14px}.header nav a:hover,.text-link:hover{color:var(--primary)}.header-phone{font-size:18px;font-weight:700;white-space:nowrap}.header-phone small{display:block;font-size:11px;font-weight:400;text-align:right;color:var(--muted);margin-top:3px}.hero{position:relative;color:white;background:#232323 url('../../img/slide/work-01.jpg') center right/cover no-repeat;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#141414f7,#141414d1 42%,#14141420)}.hero-inner{min-height:575px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:65px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--primary);margin-bottom:21px}.hero .eyebrow{color:#e1e1e1;display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--primary)}h1{font-size:clamp(48px,6.4vw,84px);letter-spacing:-2px;line-height:1.06}h1 em{font-style:normal;color:#ef5350}.hero-description{max-width:470px;color:#cacaca;font-size:16px;line-height:1.8;margin:26px 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:51px;padding:14px 23px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:13px;font-weight:500;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:#b71c1c}.btn-outline{border:1px solid #6b6b6b;color:white}.btn-outline:hover{background:#ffffff16}.btn-dark{background:var(--ink);color:white;white-space:nowrap}.hero-note{font-size:11px;color:#aeaeae;margin-top:28px}.hero-label{display:flex;align-items:center;gap:17px;align-self:flex-end;margin-bottom:12px;padding:20px 24px;border-left:2px solid var(--primary);background:#1e1e1ecc;font-size:10px;letter-spacing:1.3px}.hero-label small{display:block;letter-spacing:0;font-size:13px;color:#bababa;margin-top:4px}.label-cross{font-size:35px;color:var(--primary)}.hero-bottom{display:flex;justify-content:space-between;padding-block:20px;border-top:1px solid #ffffff25;font-size:10px;letter-spacing:1.8px;color:#c7c7c7}.hero-bottom a span{margin-left:20px}.specialties{background:#e6e6e6}.specialties .container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:23px;font-size:11px;letter-spacing:1px;font-weight:600}.specialties b{color:var(--primary);font-size:20px;font-weight:400}.section{padding-block:92px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading>p{max-width:315px;color:var(--muted);font-size:14px;padding-bottom:5px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line)}.service-card{background:#f8f8f8;padding:27px 24px;display:flex;flex-direction:column;border-right:1px solid var(--line);transition:background .2s}.service-card:last-child{border-right:0}.service-card:hover{background:white}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;color:#767676;font-size:11px}.service-symbol{font-size:34px;color:var(--primary);line-height:1}.service-card h3{font:500 24px/1.3 Oswald,Arial,sans-serif}.service-card p{font-size:13px;color:var(--muted);margin-top:16px;line-height:1.8}.service-card ul{padding:0;list-style:none;font-size:11px;line-height:1.9;margin:18px 0 24px;color:#575757}.service-card li:before{content:'+';color:var(--primary);margin-right:8px}.service-card>a{border-top:1px solid var(--line);padding-top:19px;margin-top:auto;font-size:11px;font-weight:600;display:flex;justify-content:space-between;gap:10px}.service-card>a:hover{color:var(--primary)}.tuning{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:20px;padding:30px 32px;background:#e6e6e6}.tuning .eyebrow{display:block;margin-bottom:8px;font-size:9px}.tuning h3{font-size:21px}.tuning p{font-size:13px;color:var(--muted);max-width:620px;margin-top:10px}.problem-section{background:#282828;color:white;padding-block:68px}.problem-layout,.faq-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:85px}.problem-layout>div>p:not(.eyebrow){color:#bdbdbd;font-size:14px;margin-top:22px}.symptoms{display:flex;flex-wrap:wrap;gap:9px}.symptoms button{color:#dadada;background:transparent;border:1px solid #595959;border-radius:3px;padding:10px 14px;font-size:12px;cursor:pointer}.symptoms button:hover{border-color:#d6d6d6}.symptoms button[aria-pressed=true]{background:#ebebeb;color:#282828;border-color:#ebebeb}.symptom-result{border-left:2px solid var(--primary);padding-left:22px;margin-top:28px}.symptom-result h3{font-size:20px;line-height:1.4}.symptom-result p{font-size:13px;line-height:1.8;color:#bdbdbd;margin:12px 0 16px}.symptom-result a{font-size:12px;color:#ff8a80}.problem-layout .small-note{font-size:10px!important;color:#acacac!important}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gallery-grid img{width:100%;height:235px;object-fit:cover;transition:filter .2s}.gallery-grid a:hover img{filter:brightness(1.15)}.gallery-grid figcaption{display:flex;justify-content:space-between;font-size:13px;margin-top:15px}.gallery-grid figcaption>span:last-child{color:var(--primary)}.preparation{background:#e6e6e6}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:46px}.steps article{border-top:1px solid #c7c7c7;padding-top:20px}.steps article>span{font:30px Oswald,Arial,sans-serif;color:var(--primary)}.steps h3{font-size:19px;margin:18px 0 12px}.steps p{color:var(--muted);font-size:14px}.faq-layout>div>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:25px}.text-link{display:inline-block;border-bottom:1px solid #bbb;margin-top:6px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;font-size:16px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:var(--primary);font-size:23px;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:14px;color:var(--muted);line-height:1.8;padding:15px 30px 0 0}.contact-section{background:#1a1a1a;color:white;padding-block:80px}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.contact-layout h2{font-size:clamp(34px,3.9vw,50px)}.contact-layout>div>p:not(.eyebrow){margin:22px 0;color:#b5b5b5;font-size:14px}.big-phone{display:block;font:clamp(24px,3vw,37px) Oswald,Arial,sans-serif;margin-top:28px}.second-phone{display:block;color:#bdbdbd;margin:8px 0 24px;font-size:18px}.visit-card{background:#313131;border:1px solid #4a4a4a;padding:36px}.visit-card h3{font-size:27px;line-height:1.4}.visit-card>p:not(.eyebrow){margin:8px 0 25px!important;font-size:12px!important}.route-link{display:block;border-top:1px solid #4a4a4a;margin-top:20px;padding-top:20px;font-size:12px;color:#ff8a80}.footer{background:#191919;color:#9f9f9f;padding:45px 0 24px;font-size:12px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.footer h4{color:#e4e4e4;margin:0 0 14px;font-size:13px}.footer-about h4{font:22px Oswald,Arial,sans-serif;letter-spacing:1px}.footer-about h4 span{color:var(--primary);margin-left:5px}.footer-about p{max-width:380px;line-height:1.8}.footer ul{list-style:none;margin:0;padding:0}.footer li,.footer-contacts p{margin-bottom:6px}.footer a:hover{color:white}.footer-bottom{border-top:1px solid #363636;margin-top:35px;padding-top:22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 30px;font-size:10px}.footer-policy-links{display:flex;gap:10px;align-items:center}.footer-policy-links button{padding:0;background:none;border:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline}.footer-developer a{color:#d6d6d6}.cookie-consent{position:fixed;z-index:100;right:20px;bottom:20px;display:none;width:min(500px,calc(100% - 40px));background:#f8f8f8;color:var(--ink);border:1px solid var(--line);padding:22px;box-shadow:0 6px 35px #0003;font-size:12px}.cookie-consent.is-visible{display:block}.cookie-consent a{text-decoration:underline}.cookie-consent__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.cookie-consent__button{padding:10px 18px;min-height:42px;background:transparent;border:1px solid #b3b3b3;color:var(--ink);cursor:pointer}.cookie-consent__button--accept{background:var(--primary);border-color:var(--primary);color:white}.mobile-actions{display:none}.skip-link{position:fixed;top:-100px;left:20px;background:white;color:var(--ink);padding:10px;z-index:200}.skip-link:focus{top:10px}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.header nav{gap:18px}.header-phone{font-size:15px}.hero-label{display:none}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card:nth-child(2){border-right:0}.service-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.problem-layout,.faq-layout,.contact-layout{gap:40px}.gallery-grid img{height:190px}.specialties .container{font-size:9px;letter-spacing:.5px}.footer-grid{gap:35px}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.topbar .container{font-size:10px;justify-content:center}.header-inner{flex-wrap:wrap;gap:18px;padding:18px 0}.brand{font-size:20px}.brand-mark{font-size:25px}.header-phone{font-size:14px}.header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;font-size:12px}.header-phone small{font-size:9px}.hero-inner{min-height:510px;padding-block:50px}.hero:before{background:linear-gradient(90deg,#141414ed,#141414a6)}h1{font-size:clamp(46px,10vw,66px)}.hero-description{font-size:14px;max-width:420px}.hero-note{font-size:10px;max-width:290px}.hero-bottom{font-size:8px;letter-spacing:1px}.eyebrow{font-size:10px;letter-spacing:1.5px}.btn{padding:13px 17px;gap:15px;font-size:12px}.specialties .container{justify-content:center;padding-block:17px}.specialties .container>span:last-child,.specialties b:last-of-type{display:none}.section{padding-block:58px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;max-width:100%}.service-card{padding:22px 17px}.service-card h3{font-size:22px}.service-card ul{font-size:10px}.service-card p{font-size:12px}.card-top{margin-bottom:22px}.tuning{align-items:flex-start;flex-direction:column;padding:25px}.tuning .btn{width:100%}.problem-layout,.faq-layout,.contact-layout{grid-template-columns:1fr;gap:32px}.problem-section{padding-block:50px}.gallery-grid{grid-template-columns:1fr;gap:28px}.gallery-grid img{height:auto;aspect-ratio:16/9}.steps{grid-template-columns:1fr;gap:24px;margin-top:30px}.steps h3{margin-top:10px}.steps article{position:relative;padding-left:52px}.steps article>span{position:absolute;left:0;top:22px}.contact-section{padding-block:55px}.visit-card{padding:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-about{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom p{margin-bottom:10px}.footer{padding-bottom:90px}.mobile-actions{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#f5f5f5;border-top:1px solid var(--line);padding:9px 14px calc(9px + env(safe-area-inset-bottom));gap:10px}.mobile-actions a{flex:1;text-align:center;font-size:13px;font-weight:500;padding:10px;background:var(--primary);color:white}.mobile-actions a:last-child{background:#2a2a2a}.cookie-consent{bottom:calc(78px + env(safe-area-inset-bottom));right:12px;width:calc(100% - 24px);padding:17px}.contact-layout>div>p br{display:none}}
@media(max-width:380px){.service-grid{grid-template-columns:1fr}.service-card{border-right:0;border-bottom:1px solid var(--line)}.service-card:last-child{border-bottom:0}.actions .btn{width:100%}.hero-inner{padding-block:38px}.brand{font-size:18px}.header-phone{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Restored service descriptions */
.hero h1{font-size:clamp(36px,6vw,76px);letter-spacing:-1px}
.service-card .service-note{margin:0 0 24px;font-size:12px;color:var(--ink)}
.tuning ul{padding-left:20px;margin:14px 0;color:var(--muted);font-size:13px;line-height:1.8}
.tuning li::marker{color:var(--primary)}
.tuning .service-note{color:var(--ink);font-weight:500}

/* Roomy service cards and touch-friendly actions on phones. */
@media (max-width: 700px) {
    #services .section-heading {
        margin-bottom: 26px;
    }

    #services .section-heading .eyebrow {
        margin-bottom: 14px;
    }

    #services .section-heading h2 {
        font-size: clamp(32px, 8.5vw, 44px);
        line-height: 1.18;
        letter-spacing: -.8px;
    }

    #services .section-heading > p {
        margin-top: 16px;
        font-size: 15px;
        line-height: 1.65;
    }

    #services .service-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        border: 0;
    }

    #services .service-card {
        padding: 24px;
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 16px;
        box-shadow: 0 4px 16px #23232305;
    }

    #services .card-top {
        margin-bottom: 18px;
    }

    #services .service-symbol {
        display: grid;
        place-items: center;
        width: 48px;
        height: 48px;
        border-radius: 12px;
        background: #ffebee;
        font-size: 30px;
    }

    #services .card-top > span:last-child {
        font-size: 13px;
        letter-spacing: 2px;
    }

    #services .service-card h3 {
        font-size: 28px;
        line-height: 1.2;
    }

    #services .service-card p,
    #services .tuning p {
        font-size: 15px;
        line-height: 1.65;
    }

    #services .service-card ul {
        margin: 18px 0 20px;
        font-size: 14px;
        line-height: 1.55;
    }

    #services .service-card li {
        position: relative;
        padding: 8px 0 8px 22px;
    }

    #services .service-card li + li {
        border-top: 1px solid #ededed;
    }

    #services .service-card li::before {
        position: absolute;
        left: 0;
        margin: 0;
        font-weight: 700;
    }

    #services .service-card .service-note {
        margin: 0 0 22px;
        padding-left: 12px;
        border-left: 2px solid #ef9a9a;
        font-size: 13px;
        color: var(--muted);
    }

    #services .service-card > a {
        align-items: center;
        min-height: 52px;
        padding: 14px 16px;
        border: 0;
        border-radius: 10px;
        background: #2b2b2b;
        color: #fff;
        font-size: 14px;
        line-height: 1.4;
    }

    #services .service-card > a:hover,
    #services .service-card > a:active {
        background: #404040;
    }

    #services .service-card > a > span {
        flex-shrink: 0;
        font-size: 20px;
    }

    #services .tuning {
        margin-top: 20px;
        padding: 24px;
        gap: 24px;
        border-radius: 16px;
    }

    #services .tuning h3 {
        font-size: 25px;
        line-height: 1.25;
    }

    #services .tuning ul {
        font-size: 14px;
        line-height: 1.6;
    }

    #services .tuning li + li {
        margin-top: 8px;
    }

    #services .tuning .btn {
        min-height: 52px;
        border-radius: 10px;
        white-space: normal;
        font-size: 14px;
    }
}

/* Original workshop palette: dark metal, steel and red accents. */
:root {
    --metal-gradient: linear-gradient(145deg, #3a3a3a, #1e1e1e);
    --red-gradient: linear-gradient(145deg, #d32f2f, #b71c1c);
}

.header {
    background: var(--metal-gradient);
    color: #fff;
    border-bottom: 3px solid var(--primary);
}

.header-phone small { color: #c7c7c7; }
.header nav { border-color: #555; }
.header nav a:hover { color: #ff8a80; }
.brand small { color: #d0d0d0; }
.brand > span { color: #fff; }
.topbar { background: #191919; }
.hero { border-bottom: 3px solid var(--primary); }
.btn-primary, .cookie-consent__button--accept {
    background: var(--red-gradient);
    box-shadow: 0 4px 12px #0002;
}
.btn-primary:hover, .cookie-consent__button--accept:hover { background: #b71c1c; }
.btn, .symptoms button { border-radius: 6px; }
.specialties { background: linear-gradient(145deg, #e8e8e8, #d8d8d8); }
#services { background: #fff; }
#services .service-grid { border: 0; gap: 18px; }
#services .service-card {
    background: var(--metal-gradient);
    color: #fff;
    border: 1px solid #4a4a4a;
    border-top: 3px solid var(--primary);
    border-radius: 12px;
    box-shadow: 0 5px 15px #0002, inset 0 1px 2px #ffffff15;
}
#services .service-card:hover { border-color: #b44848; }
#services .service-card p,
#services .service-card ul,
#services .service-card .service-note { color: #d4d4d4; }
#services .card-top { color: #bdbdbd; }
#services .service-symbol { color: #ff7777; background: #ffffff0d; }
#services .service-card li::before { color: #ff7777; }
#services .service-card li + li { border-color: #505050; }
#services .service-card .service-note { border-color: #ef5350; }
#services .service-card > a {
    color: #ffaaaa;
    border-color: #555;
    font-size: 12px;
}
#services .service-card > a:hover { color: #fff; }
.problem-section, .contact-section { background: var(--metal-gradient); }
.problem-section .eyebrow, .contact-section .eyebrow { color: #ff8a80; }
.visit-card { background: #ffffff08; border-color: #555; border-radius: 12px; }
.symptoms button[aria-pressed=true] {
    background: var(--red-gradient);
    color: #fff;
    border-color: #ef5350;
}
.footer { background: #171717; }
.mobile-actions a, .mobile-actions a:last-child { background: var(--red-gradient); }
.mobile-actions a:last-child { background: var(--metal-gradient); }

@media (max-width: 700px) {
    #services .service-card > a {
        background: var(--red-gradient);
        color: #fff;
        font-size: 14px;
    }
    #services .service-card > a:hover,
    #services .service-card > a:active { background: #b71c1c; }
}
