:root{--at-ink:#20241f;--at-light:#f3f0e5;--at-signal:#d5f353}
body[data-site="clicatelierauto"]{color:var(--at-ink);background:var(--at-light);--accent:#415718;--light:#eef3d6}
header{border-bottom:1px solid #c8c9ba}.brand,.nav-cta{color:var(--at-ink)}
.at-hero{margin:16px 22px 30px;overflow:hidden;background:var(--at-ink);color:var(--at-light);border-radius:10px}
.at-lead{display:grid;grid-template-columns:1.25fr .9fr;align-items:center;padding:clamp(24px,4.2vw,69px);gap:30px;background:linear-gradient(112deg,#232820 66%,#2d362c 66%)}
.at-copy{max-width:600px}.at-kicker{margin:0 0 16px;font:700 .75rem/1.25 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#d0dbb5}
.at-copy h1{max-width:none;margin:0;color:inherit;font:850 clamp(2.5rem,6.7vw,6.1rem)/.94 system-ui,sans-serif;letter-spacing:-.075em}.at-copy h1 em{display:inline;font:inherit;color:var(--at-signal)}.at-copy>p:last-child{max-width:47ch;margin:22px 0 0;color:#e0e4d8;line-height:1.55}
.at-drawing{padding:8px 12%;background:repeating-linear-gradient(0deg,transparent 0 19px,#ffffff15 19px 20px),repeating-linear-gradient(90deg,transparent 0 19px,#ffffff15 19px 20px);border:1px solid #a8b39859}
.at-drawing svg{display:block;width:100%;height:auto;--accent:#b8ce65}
.at-floor{display:grid;grid-template-columns:1.5fr 1fr;border-top:4px solid var(--at-signal);gap:0;align-items:start}
.at-search{padding:26px clamp(20px,4vw,58px)}.at-search h2{margin:0 0 13px;color:inherit;font:750 1.45rem/1.12 system-ui;letter-spacing:-.04em}
.at-search .finder{background:transparent;color:inherit;padding:0;border:0;border-radius:0}.at-search .finder input{background:#f7f7f0;border-radius:4px}.at-search .finder .button{background:var(--at-signal);border:0;color:#1d271a;border-radius:4px}.at-search .finder label,.at-search .finder .micro{color:#dce1ce}.at-search .finder-status{margin-bottom:0}.at-search .city-choice{color:#24301b}
.at-counter{padding:25px clamp(20px,3vw,45px);align-self:stretch;background:#31382e;margin:0;color:#f2f3e9;border:0}
.at-counter summary{display:flex;align-items:center;gap:13px;min-height:48px;cursor:pointer;list-style:none;font-weight:750;font-size:1.05rem}.at-counter summary::-webkit-details-marker{display:none}.at-meter{padding:4px 7px;border:1px solid #adb698;font:700 1.06rem ui-monospace,monospace;transform:rotate(-4deg);color:var(--at-signal)}.at-caret{margin-left:auto;color:var(--at-signal);font-size:1.6rem}.at-counter[open] .at-caret{transform:rotate(45deg)}.at-counter>p{font-size:.89rem;color:#dce3d1}
.at-inputs{display:flex;gap:10px}.at-inputs label{flex:1;min-width:0;font-weight:630;font-size:.79rem}.at-inputs input{width:100%;margin:5px 0 9px;padding:9px;background:white;color:#17201a;border:0;border-radius:3px}.at-calc,.at-transfer{border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--at-signal);font:650 .85rem/1.4 system-ui;padding:8px 0;text-align:left}.at-transfer[hidden]{display:none}
body[data-site="clicatelierauto"] .section-head h2{letter-spacing:-.055em;font-family:system-ui,sans-serif}.at-hero :focus-visible{outline:3px solid #99bdf5;outline-offset:3px}
@media(max-width:740px){.at-hero{margin:7px 10px 22px}.at-lead{padding:25px 20px;gap:16px;grid-template-columns:minmax(0,1fr) 32%}.at-copy h1{font-size:clamp(2.25rem,8vw,3.8rem)}.at-copy>p:last-child{font-size:.9rem;margin-top:14px}.at-drawing{padding:6px 0}.at-floor{grid-template-columns:1fr}.at-search,.at-counter{padding:20px}.at-counter summary{min-height:32px}.at-search .finder .micro{font-size:.68rem}}
@media(max-width:390px){.at-lead{grid-template-columns:1fr}.at-drawing{display:none}}
body[data-site="clicatelierauto"] .compact-services .services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:0;border:1px solid #a6ac9c;border-radius:5px;overflow:hidden}
body[data-site="clicatelierauto"] .compact-services .service-card{position:relative;min-height:126px;padding:17px 16px 28px;text-align:left;color:#263027;background:#f5f5ec;border:1px solid #c2c7b7;border-radius:0;box-shadow:none}
body[data-site="clicatelierauto"] .compact-services .service-card:is(:hover,[aria-pressed="true"]){background:#e3ecce}
body[data-site="clicatelierauto"] .compact-services .service-number{display:none}
body[data-site="clicatelierauto"] .prepare-drawer{border-radius:5px;border-left:5px solid #667844;background:#f7f7f1}
@media(max-width:720px){body[data-site="clicatelierauto"] .compact-services .services{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-site="clicatelierauto"] .compact-services .service-card{min-height:110px;padding:13px 13px 21px}}