/* Stran avtoservisov uporablja obstoječo podobo Phoenix. */
:root { --auto-navbar-height:61px; --auto-header-height:85px; }
.breadcrumbs-poslovni { top:var(--auto-navbar-height); margin-top:0; }
.submenu-container { padding-top:var(--auto-header-height); }
.auto-page { --auto-ink:#153247; --auto-muted:#526879; --auto-blue:#00759b; --auto-orange:#c94b1b; --auto-line:#dce7ee; color:var(--auto-ink); font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.auto-page *, .auto-page *::before, .auto-page *::after { box-sizing:border-box; }
.auto-container { width:min(1180px,100% - 48px); margin-inline:auto; }
.auto-page h1,.auto-page h2,.auto-page h3,.auto-page p,.auto-page figure { margin:0; }
.auto-page h1,.auto-page h2,.auto-page h3 { color:var(--auto-ink); line-height:1.2; letter-spacing:-.025em; font-weight:750; }
.auto-page h1 { font-size:clamp(32px,3.35vw,46px); }
.auto-page h1 span { color:var(--auto-orange); }
.auto-page h2 { font-size:clamp(27px,2.7vw,36px); margin-bottom:20px; }
.auto-page h3 { font-size:21px; margin-bottom:12px; }
.auto-page p { color:var(--auto-muted); }
.auto-page a { color:var(--auto-blue); text-underline-offset:4px; }
.auto-page a:focus-visible,.auto-page button:focus-visible,.auto-page summary:focus-visible { outline:3px solid var(--auto-blue); outline-offset:4px; }
.auto-page [id] { scroll-margin-top:calc(var(--auto-header-height) + 20px); }
.auto-eyebrow { color:var(--auto-blue)!important; font-size:11px; font-weight:750; letter-spacing:.12em; margin-bottom:18px!important; }
.auto-hero { padding:54px 0; background:linear-gradient(110deg,#f8fbfd,#ecf7fc); border-bottom:1px solid var(--auto-line); }
.auto-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:center; }
.auto-lead { margin-top:23px!important; font-size:18px; line-height:1.65; max-width:550px; }
.auto-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:28px; }
.auto-page .auto-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:14px 20px; background:var(--auto-orange); border:1px solid var(--auto-orange); border-radius:7px; color:white; font-size:15px; font-weight:700; line-height:1.5; text-decoration:none; cursor:pointer; transition:background .2s; }
.auto-page .auto-button:hover { background:#a83b12; border-color:#a83b12; }
.auto-phone { white-space:nowrap; font-weight:700; }
.auto-note { font-size:13px; margin-top:14px!important; }
.auto-hero-visual { min-width:0; border-radius:12px; overflow:hidden; border:1px solid var(--auto-line); background:#fff; box-shadow:0 15px 40px #15324712; }
.auto-window-bar { padding:12px 16px; background:#153247; color:#fff; font-size:10px; letter-spacing:.09em; display:flex; align-items:center; gap:20px; }
.auto-window-bar span { color:#8ca7b8; letter-spacing:3px; }
.auto-image-link { display:block; }
.auto-image-link img { display:block; width:100%; height:auto; }
.auto-hero-visual .auto-image-link { padding:12px; }
.auto-hero-visual figcaption { padding:16px 20px 20px; font-size:14px; }
.auto-hero-visual figcaption span { display:block; color:var(--auto-muted); font-size:12px; margin-top:4px; }
.auto-jump { border-bottom:1px solid var(--auto-line); background:#fff; }
.auto-jump .auto-container { display:flex; flex-wrap:wrap; gap:26px; padding-block:16px; }
.auto-jump a { font-size:14px; font-weight:600; text-decoration:none; }
.auto-jump a:last-child { margin-left:auto; color:var(--auto-orange); }
.auto-section { padding:70px 0; }
.auto-section-heading { max-width:700px; margin-bottom:32px; }
.auto-section-heading>p:last-child { max-width:620px; }
.auto-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.auto-feature-grid article { padding:28px; border:1px solid var(--auto-line); border-radius:10px; }
.auto-number { display:block; font-size:11px; font-weight:750; letter-spacing:.07em; color:var(--auto-blue); margin-bottom:20px; }
.auto-feature-grid article p { font-size:15px; }
.auto-proof-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:center; margin-top:64px; }
.auto-proof { padding:18px; background:#f4f8fa; border:1px solid var(--auto-line); border-radius:10px; }
.auto-proof .auto-image-link img { height:260px; object-fit:contain; }
.auto-proof figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; font-size:12px; gap:8px; margin-top:15px; font-weight:600; }
.auto-proof figcaption span { color:var(--auto-blue); }
.auto-checks { list-style:none; padding:0; margin:20px 0; }
.auto-checks li { position:relative; padding-left:24px; margin-top:8px; color:var(--auto-muted); }
.auto-checks li::before { content:'✓'; position:absolute; left:0; color:var(--auto-blue); font-weight:bold; }
.auto-text-link { display:inline-block; font-weight:700; margin-top:16px; }
.auto-tinted { background:#f3f8fb; border-block:1px solid var(--auto-line); }
.auto-sales-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:70px; align-items:center; }
.auto-rental { padding:32px; border-radius:10px; background:white; border:1px solid var(--auto-line); }
.auto-rental a { display:inline-block; margin-top:18px; font-size:14px; font-weight:600; }
.auto-connected h2 { max-width:740px; }
.auto-related { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:28px; }
.auto-related a { padding:22px 0; border-top:2px solid var(--auto-line); text-decoration:none; }
.auto-related strong { color:var(--auto-ink); display:block; font-size:18px; }
.auto-related span { display:block; font-size:14px; margin-top:8px; }
.auto-demo { background:#153247; }
.auto-demo-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; }
.auto-demo h2,.auto-demo>div>div>p,.auto-demo-steps strong { color:#fff; }
.auto-demo .auto-eyebrow { color:#9cdff3!important; }
.auto-demo-steps { margin:30px 0; padding-left:23px; color:#9cdff3; }
.auto-demo-steps li { padding-left:9px; margin-bottom:20px; }
.auto-demo-steps strong,.auto-demo-steps span { display:block; }
.auto-demo-steps span { color:#bfd0dc; font-size:14px; margin-top:3px; }
.auto-demo .auto-direct { color:#bfd0dc; }
.auto-direct a { color:#fff; font-weight:700; }
.auto-form-card { min-width:0; padding:30px; background:#fff; border-radius:12px; }
.auto-form-intro { font-size:13px; margin-bottom:20px!important; }
.auto-form-card label { display:block; font-size:13px; font-weight:650; margin-bottom:6px; }
.auto-form-card label small { font-weight:400; color:var(--auto-muted); }
.auto-form-card label>span:not(:last-child) { color:var(--auto-orange); }
.auto-form-card input:not([type=checkbox]),.auto-form-card select,.auto-form-card textarea { display:block; width:100%; min-width:0; border:1px solid #9bafbd; border-radius:5px; padding:10px 12px; font:inherit; font-size:15px; color:var(--auto-ink); background:#fff; margin-bottom:16px; }
.auto-form-card input:focus-visible,.auto-form-card select:focus-visible,.auto-form-card textarea:focus-visible { outline:2px solid var(--auto-blue); outline-offset:2px; }
.auto-form-card textarea { resize:vertical; }
.auto-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.auto-form-card .auto-consent { display:flex; gap:10px; align-items:flex-start; font-weight:400; line-height:1.6; margin:2px 0 18px; }
.auto-consent input { margin-top:4px; flex-shrink:0; width:16px; height:16px; }
.auto-captcha { margin-bottom:18px; }
.auto-submit { width:100%; }
.auto-submit:disabled { opacity:.7; cursor:wait; }
.auto-form-note { font-size:12px; margin-top:12px!important; text-align:center; }
.auto-form-errors { border-left:3px solid #a62929; background:#fff3f3; color:#8e2525!important; padding:12px 15px; font-size:14px; margin-bottom:16px!important; }
.auto-form-errors ul { margin:8px 0 0; padding-left:18px; }
.auto-faq-layout { display:grid; grid-template-columns:.7fr 1.3fr; gap:70px; }
.auto-faq details { border-bottom:1px solid var(--auto-line); }
.auto-faq summary { position:relative; padding:19px 35px 19px 0; font-weight:650; cursor:pointer; list-style:none; }
.auto-faq summary::-webkit-details-marker { display:none; }
.auto-faq summary::after { content:'+'; position:absolute; right:4px; color:var(--auto-blue); font-size:22px; top:13px; }
.auto-faq details[open] summary::after { content:'−'; }
.auto-faq details p { padding:0 0 20px; font-size:15px; }
.auto-modal-image { display:block; width:100%; height:auto; }
.auto-page .auto-mobile-cta { display:none; }
@media(max-width:991px) {
  .auto-hero-grid { gap:28px; grid-template-columns:1.05fr .95fr; }
  .auto-page h1 { font-size:32px; }
  .auto-proof-grid,.auto-sales-grid,.auto-demo-grid,.auto-faq-layout { gap:32px; }
  .auto-feature-grid { gap:14px; }
  .auto-feature-grid article { padding:20px; }
  .auto-form-card { padding:22px; }
  .auto-form-grid { grid-template-columns:1fr; gap:0; }
}
@media(max-width:767px) {
  .auto-container { width:calc(100% - 36px); }
  .auto-hero { padding:34px 0; }
  .auto-hero-grid,.auto-proof-grid,.auto-sales-grid,.auto-demo-grid,.auto-faq-layout { grid-template-columns:1fr; }
  .auto-hero-grid { gap:30px; }
  .auto-page h1 { font-size:clamp(28px,7.7vw,38px); }
  .auto-lead { font-size:17px; }
  .auto-actions { gap:14px; }
  .auto-jump .auto-container { gap:10px 20px; }
  .auto-jump a:last-child { margin-left:0; }
  .auto-section { padding:44px 0; }
  .auto-feature-grid { grid-template-columns:1fr; }
  .auto-feature-grid article { padding:24px; }
  .auto-number { margin-bottom:12px; }
  .auto-proof-grid { margin-top:34px; }
  .auto-related { grid-template-columns:1fr; gap:0; }
  .auto-related a { padding:18px 0; }
  .auto-rental { padding:26px; }
  .auto-form-card { padding:20px; }
  .auto-captcha { min-height:78px; }
  .auto-captcha .g-recaptcha { transform:scale(.85); transform-origin:top left; width:258px; height:67px; }
  .auto-page { padding-bottom:70px; }
  .auto-page .auto-mobile-cta { display:flex; position:fixed; bottom:0; left:0; right:0; z-index:1025; justify-content:center; align-items:center; gap:16px; background:var(--auto-orange); color:#fff; text-decoration:none; font-size:15px; font-weight:700; padding:14px 12px calc(14px + env(safe-area-inset-bottom)); box-shadow:0 -3px 15px #15324718; }
  .auto-page.auto-form-visible .auto-mobile-cta { display:none; }
}
@media(prefers-reduced-motion:reduce) { .auto-page * { transition:none!important; scroll-behavior:auto!important; } }