/* Scoped directory and homepage maker strip. Native brand filters stay static. */
.ar-maker-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:24px}
.ar-maker-heading h2{margin:0;font-size:20px}
.ar-maker-controls{display:flex;gap:8px}
.ar-maker-motion{min-height:44px;padding:8px 12px;background:#fff;border:1px solid #d9dde3;border-radius:8px;color:#485362;font:600 12px 'AR360 Sans',Arial,sans-serif;cursor:pointer}
.ar-maker-motion:focus-visible{outline:3px solid var(--ar-red);outline-offset:3px}.ar-maker-motion:disabled{opacity:.5;cursor:default}
.ar-maker-track::-webkit-scrollbar{display:none}
.ar-maker-controls[hidden]{display:none}
.ar-maker-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d9dde3;border-radius:8px;background:#fff;color:#252b36;cursor:pointer}
.ar-maker-arrow:hover:not(:disabled){border-color:var(--ar-red);color:var(--ar-red)}
.ar-maker-arrow:disabled{opacity:.35;cursor:default}
.ar-maker-arrow .ar-icon{width:18px;height:18px}
.ar-maker-track.ar-brands{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:none;scrollbar-width:none;padding:6px 2px;margin-top:12px}
.ar-maker-track .ar-brand-card{flex:0 0 calc((100% - 64px)/5);height:98px;min-width:150px;scroll-snap-align:start;display:grid;place-items:center;border:1px solid #e2e5ea;border-radius:10px;background:#fff;padding:20px}
.ar-maker-track .ar-brand-card img{width:100%;height:48px;object-fit:contain}
.ar-maker-track:focus-visible,.ar-maker-arrow:focus-visible,.ar-directory a:focus-visible,.ar-directory input:focus-visible,.ar-directory button:focus-visible{outline:3px solid var(--ar-red);outline-offset:3px}
.ar-directory{padding-top:28px;padding-bottom:48px}
.ar-directory-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#626b79;margin-bottom:20px}
.ar-directory-breadcrumb a{color:inherit;text-decoration:none}
.ar-directory-breadcrumb a:hover{color:var(--ar-red)}
.ar-directory-breadcrumb .ar-icon{width:14px;height:14px}
.ar-directory-title{margin:0;font-size:clamp(25px,3vw,34px);line-height:1.2}
.ar-directory-intro{margin:12px 0 22px;color:#626b79;max-width:760px;line-height:1.6}
.ar-directory-vehicle{display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px solid #e2e5ea;border-radius:12px;background:#f8f9fb;margin-bottom:22px}
.ar-directory-vehicle .ar-icon{width:28px;height:28px;flex-shrink:0;color:var(--ar-red)}
.ar-directory-vehicle>div{flex:1;min-width:0}
.ar-directory-vehicle strong{display:block;font-size:15px}
.ar-directory-vehicle p{margin:4px 0 0;color:#626b79;font-size:13px}
.ar-directory-vehicle a{white-space:nowrap}
.ar-directory-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0 20px}
.ar-directory-search{display:flex;align-items:center;gap:12px;width:min(100%,520px);border:1px solid #d5dbe3;border-radius:9px;background:#fff;padding:0 14px;min-height:48px}
.ar-directory-search .ar-icon{width:20px;height:20px;color:#687385;flex-shrink:0}
.ar-directory-search input{width:100%;min-width:0;border:0;background:transparent;padding:13px 0;font:inherit;color:#252b36}
.ar-directory-count{color:#626b79;font-size:13px;white-space:nowrap}
.ar-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ar-directory-card{border:1px solid #e2e5ea;border-radius:12px;background:#fff;overflow:hidden;transition:border-color .15s}
.ar-directory-card:hover{border-color:#c3cbd5}
.ar-directory-card>a{display:block;text-decoration:none;color:#252b36;padding:16px}
.ar-directory-picture{display:grid;place-items:center;height:124px;margin-bottom:14px;background:#f8f9fb;border-radius:8px}
.ar-directory-picture img{width:100%;height:112px;object-fit:contain;padding:8px}
.ar-directory-picture>.ar-icon{width:50px;height:50px;color:var(--ar-red)}
.ar-directory-card strong{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;line-height:1.4}
.ar-directory-card strong .ar-icon{width:18px;height:18px;flex-shrink:0;color:var(--ar-red)}
.ar-directory-card small{display:block;margin-top:6px;color:#626b79;font-size:12px}
.ar-directory-hits{display:grid;border-top:1px solid #edf0f4;padding:8px 16px 12px;gap:6px}
.ar-directory-hits a{font-size:13px;line-height:1.4;color:#394455;padding:4px 0;text-decoration:none}
.ar-directory-hits a:hover{color:var(--ar-red);text-decoration:underline}
.ar-directory-status{padding:28px 0;color:#626b79;line-height:1.6}
.ar-directory-empty{padding:24px;border:1px dashed #d5dbe3;border-radius:12px;color:#626b79}
.ar-directory-brand{display:flex;align-items:center;gap:12px;padding:12px 16px;border-left:3px solid var(--ar-red);background:#fff4f4;margin:0 0 20px;font-size:14px}
.ar-directory-brand>span{flex:1}
.ar-directory-maker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:20px 0}
.ar-directory-maker{display:grid;gap:8px;place-items:center;text-decoration:none;color:#252b36;border:1px solid #e2e5ea;border-radius:10px;background:#fff;padding:16px 10px;font-size:12px}
.ar-directory-maker img{width:100%;height:40px;object-fit:contain}
.ar-directory-maker[aria-current="true"]{border-color:var(--ar-red);background:#fff4f4}
.ar-directory-auto{border-top:1px solid #e2e5ea;margin-top:38px;padding-top:30px}
.ar-directory-auto h2{margin:0;font-size:22px}
.ar-directory-auto>p{color:#626b79;font-size:14px;margin:10px 0 18px}
.ar-auto-brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:16px}
.ar-auto-brand-grid a{display:flex;align-items:center;justify-content:center;min-height:46px;text-decoration:none;font-size:13px;font-weight:600;border:1px solid #e2e5ea;border-radius:8px;padding:8px;color:#394455;background:#fff;text-align:center}
.ar-auto-brand-grid a:hover{border-color:var(--ar-red);color:var(--ar-red)}
.ar-brand-query-note{display:flex;align-items:center;gap:12px;font-size:14px;background:#fff4f4;border-left:3px solid var(--ar-red);padding:12px 16px;margin:16px 0}
.ar-brand-query-note span{flex:1}
@media(max-width:1100px){.ar-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ar-directory-maker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ar-auto-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ar-maker-track .ar-brand-card{flex-basis:calc((100% - 48px)/4)}}
@media(max-width:767px){.ar-directory{padding-top:20px}.ar-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ar-directory-tools{align-items:stretch;flex-direction:column;gap:10px}.ar-directory-vehicle{padding:14px;flex-wrap:wrap}.ar-directory-vehicle>a{margin-left:42px}.ar-directory-picture{height:96px}.ar-directory-picture img{height:92px}.ar-directory-card>a{padding:12px}.ar-directory-card strong{font-size:14px}.ar-directory-maker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ar-auto-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ar-maker-heading h2{font-size:18px}.ar-maker-track.ar-brands{gap:12px}.ar-maker-track .ar-brand-card{flex-basis:152px;min-width:152px;height:86px;padding:16px}.ar-directory-brand,.ar-brand-query-note{flex-wrap:wrap}}
@media(max-width:360px){.ar-auto-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-directory-card strong{font-size:13px}.ar-directory-card>a{padding:10px}}
@media(prefers-reduced-motion:reduce){.ar-directory-card{transition:none}}

/* R24: previous illustrated directory; complete R23 menu preserved. */
.ar-nav{z-index:10}
.ar-category-menu{top:100%;width:min(870px,calc(100vw - 2 * var(--ar-gutter)));padding:18px;z-index:11;max-height:75vh;overflow:auto;border-radius:0 0 12px 12px}
.ar-category-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding:0 8px}
.ar-category-menu-heading strong{font-size:15px}
.ar-category-menu-heading a{padding:6px;font-size:12px;color:var(--ar-red)}
.ar-category-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ar-category-menu .ar-menu-category{display:flex;align-items:center;gap:10px;padding:10px 8px;min-height:68px;font-size:13px;line-height:1.4;border:1px solid transparent}
.ar-menu-category img{width:48px;height:44px;object-fit:contain;flex-shrink:0}
.ar-menu-category span{flex:1}
.ar-menu-category .ar-icon{width:14px;height:14px;flex-shrink:0;color:var(--ar-red)}
.ar-category-menu .ar-menu-category:hover{border-color:#e1e6ec;background:#f7f8fa}
.ar-category-menu a:focus-visible{outline:3px solid var(--ar-red);outline-offset:2px}
.ar-category-menu-car{border-top:1px solid #e1e6ec;padding:12px 8px 0;margin:12px 0 0;color:#626b79;font-size:12px}
@media(max-width:1100px){.ar-category-menu{width:min(760px,calc(100vw - 2 * var(--ar-gutter)))}}

/* Category choices lead; full fluid, tyre and maintenance data follow the directory. */
#categorie,#marchi,#ar-directory-vehicle-data{scroll-margin-top:20px}
.ar-directory-selection-context{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin:4px 0 10px;color:#667382;font-size:13px;line-height:1.6}
.ar-directory-selection-context[hidden]{display:none}.ar-directory-selection-context .ar-text-link{font-size:12px;min-height:32px;display:inline-flex;align-items:center}
.ar-directory-vehicle-data{margin-top:36px;padding-top:28px;border-top:1px solid #e0e6ec;min-width:0}
.ar-directory-vehicle-data:has(>.ar-vehicle-fluids[hidden]):has(>.ar-vehicle-data-grid[hidden]){display:none}
@media(max-width:899px){.ar-directory-sidebar details>summary{min-height:44px;display:flex;align-items:center;justify-content:space-between}.ar-directory-layout{gap:18px}.ar-directory-selection-context{font-size:12px}.ar-directory-vehicle-data{margin-top:26px;padding-top:22px}}
