/* Domača stran SeSplaca.si: slogi so omejeni na portalni prikaz domače strani. */
body.home-v2-ready { background: #f8fbf9; }
body.home-v2-ready main#uvod { overflow: hidden; background: linear-gradient(180deg, #fff 0, #f9fdfa 68%, #fff 100%); }
body.home-v2-ready .home-insights-section { display: none; }
body.home-v2-ready .site-header { position: relative; z-index: 20; background: rgba(255,255,255,.97); }
body.home-v2-ready .site-header .nav-wrap { gap: 18px; }
body.home-v2-ready .site-header .main-nav { flex: 0 1 auto; gap: 20px; }
body.home-v2-ready .site-header .main-nav a { font-size: 13px; }
body.home-v2-ready .site-header .header-actions { flex: 1 1 auto; justify-content: flex-end; }
.home-header-search { display: flex; flex: 1 1 230px; max-width: 270px; height: 39px; overflow: hidden; border: 1px solid #dce9e0; border-radius: 11px; background: #fbfdfb; }
.home-header-search input { width: 100%; min-width: 0; padding: 0 11px; border: 0; outline: 0; color: #203d48; background: transparent; font: 600 12px inherit; }
.home-header-search input::placeholder { color: #82949b; }
.home-header-search button { display: grid; width: 40px; border: 0; color: #0a7135; background: transparent; cursor: pointer; place-items: center; font-size: 19px; }
.home-header-search:focus-within { border-color: #13a34c; box-shadow: 0 0 0 3px rgba(19,163,76,.12); }
body.home-v2-ready .site-header .header-actions > .button { flex: 0 0 auto; white-space: nowrap; }

.home-portal-hero { min-height: 0!important; padding: 0!important; background: radial-gradient(circle at 86% 2%, rgba(153,218,182,.2), transparent 33%), linear-gradient(105deg, #fff 0%, #fbfefd 55%, #ebf7ef 100%)!important; }
.home-portal-hero-grid { display: grid; min-height: 410px; grid-template-columns: minmax(320px, .92fr) minmax(470px, 1.08fr); align-items: stretch; }
.home-portal-hero-copy { position: relative; z-index: 2; padding: 64px 0 46px; }
.home-portal-kicker { margin: 0 0 10px; color: #087838; font-size: 11px; font-weight: 850; letter-spacing: .085em; text-transform: uppercase; }
.home-portal-hero-copy h1 { max-width: 570px; margin: 0; color: #123642; font-size: clamp(45px, 5vw, 70px); line-height: .98; letter-spacing: -3.7px; }
.home-portal-hero-copy h1 em { color: #08a346; font-style: normal; }
.home-portal-hero-copy > p:not(.home-portal-kicker) { max-width: 510px; margin: 19px 0 25px; color: #314e5b; font-size: 17px; line-height: 1.48; }
.home-portal-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; }
.home-portal-hero-actions .button { min-height: 47px; padding: 0 20px; }
.home-portal-secondary { padding: 12px 4px; color: #0a7937; font-size: 14px; font-weight: 850; text-decoration: none; }
.home-portal-secondary:hover { color: #055829; text-decoration: underline; }
.home-portal-trust { display: flex; flex-wrap: wrap; gap: 15px; margin: 22px 0 0; padding: 0; color: #315862; font-size: 12px; font-weight: 700; list-style: none; }
.home-portal-trust li { display: flex; gap: 6px; align-items: center; }
.home-portal-trust a { color: inherit; text-decoration: none; }.home-portal-trust a:hover { color: #087838; text-decoration: underline; }.home-portal-trust a:focus-visible { outline: 2px solid #0a9e45; outline-offset: 3px; border-radius: 3px; }
.home-portal-trust li::before { display: grid; width: 16px; height: 16px; border-radius: 50%; color: #fff; content: "✓"; background: #0c9e45; place-items: center; font-size: 10px; }
.home-portal-hero-visual { position: relative; min-width: 0; overflow: hidden; }
.home-portal-hero-visual::before { position: absolute; z-index: 0; inset: 0 -17% 0 -6%; content: ""; background: radial-gradient(ellipse at 59% 53%, rgba(197,235,209,.96), rgba(238,248,241,.3) 51%, transparent 69%); }
.home-portal-hero-visual picture { position: absolute; z-index: 1; right: -63px; bottom: -23px; width: min(875px, 116%); }
.home-portal-hero-visual img { display: block; width: 100%; height: auto; }
.home-portal-hero-note { position: absolute; z-index: 2; right: 22%; bottom: 61px; display: flex; gap: 11px; align-items: center; min-width: 218px; padding: 14px 16px; border: 1px solid rgba(153,228,185,.3); border-radius: 15px; color: #effff3; background: rgba(8,50,43,.92); box-shadow: 0 14px 30px rgba(15,54,40,.18); text-decoration: none; transition: transform .2s ease, background .2s ease; }
.home-portal-hero-note:hover { background: #063c2f; transform: translateY(-2px); }
.home-portal-hero-note > span:first-child { display: grid; flex: 0 0 35px; width: 35px; height: 35px; border-radius: 50%; background: #09a94b; place-items: center; font-size: 18px; }
.home-portal-hero-note b,.home-portal-hero-note strong,.home-portal-hero-note small { display: block; }
.home-portal-hero-note b { margin-bottom: 2px; font-size: 10px; opacity: .84; }
.home-portal-hero-note strong { font-size: 17px; line-height: 1.1; }
.home-portal-hero-note small { margin-top: 4px; color: #c6e7d1; font-size: 9px; }

.home-portal-section { padding: 45px 0; }
.home-portal-heading { display: flex; gap: 20px; align-items: end; justify-content: space-between; margin-bottom: 20px; }
.home-portal-heading h2,.home-portal-library-head h2,.home-portal-category-title h2 { margin: 0; color: #143945; font-size: clamp(24px, 2.5vw, 32px); letter-spacing: -1.35px; }
.home-portal-heading > div > p:last-child,.home-portal-library-head > p { max-width: 620px; margin: 6px 0 0; color: #637784; font-size: 14px; line-height: 1.45; }
.home-portal-heading > a,.home-portal-category-title > a { flex: 0 0 auto; color: #087d38; font-size: 13px; font-weight: 850; text-decoration: none; }
.home-portal-heading > a:hover,.home-portal-category-title > a:hover { color: #075729; text-decoration: underline; }
.home-portal-featured { padding-top: 34px; }
.home-portal-categories { padding-top: 25px; padding-bottom: 28px; }
.home-portal-category-links { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; }
.home-portal-category-links a { display: grid; min-height: 94px; gap: 8px; align-content: center; justify-items: center; padding: 12px 8px; border: 1px solid #dcebe2; border-radius: 14px; color: #24444f; background: #fff; box-shadow: 0 6px 15px rgba(20,67,55,.04); font-size: 12px; font-weight: 800; text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.home-portal-category-links a:hover { border-color: #75c993; box-shadow: 0 11px 20px rgba(20,67,55,.1); transform: translateY(-2px); }
.home-portal-category-links span { display: grid; width: 35px; height: 35px; border-radius: 11px; background: #e6f8eb; place-items: center; font-size: 19px; }

.home-portal-calculator { padding-top: 24px; padding-bottom: 38px; }
.home-portal-calculator-card { display: grid; grid-template-columns: minmax(220px,.8fr) minmax(0,1.35fr); gap: 24px; align-items: center; padding: 29px 32px; border: 1px solid #ccead5; border-radius: 19px; background: radial-gradient(circle at 94% 6%,rgba(119,221,150,.24),transparent 29%),linear-gradient(125deg,#edf9f0,#fff 65%); box-shadow: 0 12px 27px rgba(16,94,49,.08); }
.home-portal-calculator-card h2 { margin: 0; color: #143945; font-size: clamp(25px,2.5vw,33px); letter-spacing: -1.3px; }
.home-portal-calculator-card > div > p:last-child { margin: 8px 0 0; color: #5e7580; font-size: 14px; line-height: 1.45; }
.home-portal-vehicle-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.home-portal-vehicle-options a { display: flex; min-height: 97px; gap: 9px; align-items: flex-start; padding: 15px 13px; border: 1px solid #d5eadd; border-radius: 14px; color: #23434d; background: rgba(255,255,255,.92); font-size: 22px; text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.home-portal-vehicle-options a:hover,.home-portal-vehicle-options a.is-selected { border-color: #10a149; box-shadow: 0 9px 17px rgba(11,140,61,.13); transform: translateY(-2px); }
.home-portal-vehicle-options strong,.home-portal-vehicle-options small { display: block; }
.home-portal-vehicle-options strong { margin-top: 1px; font-size: 14px; }
.home-portal-vehicle-options small { margin-top: 5px; color: #687f89; font-size: 11px; font-weight: 600; line-height: 1.28; }
.home-portal-calculator-note { grid-column: 2; margin: -10px 0 0; color: #55717a; font-size: 12px; }
.home-portal-featured-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
.home-portal-feature-card { display: flex; min-width: 0; overflow: hidden; flex-direction: column; border: 1px solid #dfebe3; border-radius: 17px; color: #173944; background: #fff; box-shadow: 0 9px 20px rgba(20,67,55,.06); text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.home-portal-feature-card:hover { border-color: rgba(7,160,71,.45); box-shadow: 0 15px 27px rgba(20,67,55,.12); transform: translateY(-3px); }
.home-portal-feature-card figure { position: relative; height: 136px; margin: 0; overflow: hidden; background: #e5f1ea; }
.home-portal-feature-card figure::after { position: absolute; right: 0; bottom: 0; left: 0; height: 42%; content: ""; background: linear-gradient(transparent, rgba(10,35,43,.3)); }
.home-portal-feature-card img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.home-portal-feature-card:hover img { transform: scale(1.045); }
.home-portal-feature-card figure span { position: absolute; z-index: 2; bottom: 10px; left: 11px; padding: 4px 7px; border-radius: 5px; color: #1a4751; background: rgba(255,255,255,.93); font-size: 9px; font-weight: 850; letter-spacing: .035em; text-transform: uppercase; }
.home-portal-feature-card > div { display: flex; flex: 1; flex-direction: column; padding: 14px; }
.home-portal-feature-card h3 { margin: 0; font-size: 17px; line-height: 1.18; letter-spacing: -.65px; }
.home-portal-feature-card p { margin: 8px 0 13px; color: #607784; font-size: 12px; line-height: 1.42; }
.home-portal-feature-card b,.home-portal-topic-card b,.home-portal-new-grid b { margin-top: auto; color: #08913f; font-size: 12px; }
.home-portal-feature-card i { font-style: normal; }

.home-portal-library { padding-top: 19px; }
.home-portal-library-head { display: flex; gap: 18px; align-items: baseline; justify-content: space-between; margin-bottom: 14px; }
.home-portal-library-head > p { text-align: right; }
.home-portal-search { display: flex; max-width: 520px; height: 48px; margin: 0 0 16px; overflow: hidden; border: 1px solid #d9e9df; border-radius: 13px; color: #087c37; background: #fff; box-shadow: 0 6px 16px rgba(20,67,55,.04); }
.home-portal-search > span { display: grid; width: 48px; place-items: center; font-size: 22px; }
.home-portal-search input { width: 100%; min-width: 0; border: 0; outline: 0; color: #213f4a; background: transparent; font: 650 14px inherit; }
.home-portal-search input::placeholder { color: #84969d; }
.home-portal-search button { width: 43px; border: 0; color: #6b8188; background: transparent; cursor: pointer; font: 500 25px/1 inherit; }
.home-portal-search:focus-within { border-color: #10a348; box-shadow: 0 0 0 3px rgba(16,163,72,.12); }
.home-portal-category-row { display: flex; gap: 10px; margin: 0 -4px 31px; padding: 4px; overflow-x: auto; scrollbar-width: thin; }
.home-portal-category-row button { display: grid; min-width: 116px; min-height: 75px; gap: 7px; padding: 11px 14px; border: 1px solid #dfece4; border-radius: 13px; color: #294752; background: #fff; box-shadow: 0 5px 13px rgba(29,68,56,.04); cursor: pointer; place-items: center; font: 800 12px inherit; transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease; }
.home-portal-category-row button:hover { border-color: #83c99c; transform: translateY(-2px); }
.home-portal-category-row button.is-active { border-color: #07953f; color: #fff; background: linear-gradient(135deg,#0cb24f,#06833a); box-shadow: 0 9px 17px rgba(8,139,59,.23); }
.home-portal-category-row span { font-size: 25px; line-height: 1; filter: saturate(1.12); }
.home-portal-category-title { display: flex; gap: 15px; align-items: baseline; justify-content: space-between; margin-bottom: 16px; }
.home-portal-category-title h2 { font-size: clamp(21px, 2.2vw, 28px); }
.home-portal-category-title em { color: #099543; font-style: normal; }
.home-portal-category-grid,.home-portal-search-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.home-portal-topic-card { display: flex; min-width: 0; min-height: 193px; flex-direction: column; padding: 17px; border: 1px solid #dfebe3; border-radius: 15px; color: #183e49; background: #fff; box-shadow: 0 6px 16px rgba(20,67,55,.045); text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.home-portal-topic-card:hover { border-color: rgba(7,160,71,.42); box-shadow: 0 12px 22px rgba(20,67,55,.1); transform: translateY(-2px); }
.home-portal-topic-card > span { display: grid; width: 36px; height: 36px; margin-bottom: 13px; border-radius: 10px; background: #e8f8ed; place-items: center; font-size: 19px; }
.home-portal-topic-card small { color: #087c37; font-size: 10px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.home-portal-topic-card h3 { margin: 6px 0 0; font-size: 16px; line-height: 1.23; letter-spacing: -.5px; }
.home-portal-topic-card p { margin: 7px 0 14px; color: #607784; font-size: 12px; line-height: 1.4; }
.home-portal-search-results { padding-top: 1px; }
.home-portal-search-results h2 { margin: 0 0 15px; color: #193e49; font-size: 22px; letter-spacing: -.9px; }
.home-portal-empty { margin: 17px 0 0; padding: 15px; border-radius: 11px; color: #526a77; background: #f0f8f2; font-size: 14px; }
.home-portal-empty a { color: #087b37; font-weight: 800; }

.home-portal-new { padding-top: 24px; }
.home-portal-new-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.home-portal-new-grid > a { min-height: 184px; padding: 19px; border: 1px solid #dcebe2; border-radius: 15px; color: #183e49; background: linear-gradient(145deg,#fff,#f7fcf8); box-shadow: 0 7px 18px rgba(20,67,55,.04); text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.home-portal-new-grid > a:hover { border-color: #8bcfa2; box-shadow: 0 13px 24px rgba(20,67,55,.09); transform: translateY(-2px); }
.home-portal-new-grid span { display: inline-block; margin-right: 8px; padding: 4px 7px; border-radius: 5px; color: #087a36; background: #e4f7e9; font-size: 9px; font-weight: 850; letter-spacing: .06em; }
.home-portal-new-grid time { color: #71848e; font-size: 10px; font-weight: 750; }
.home-portal-new-grid h3 { margin: 13px 0 0; font-size: 17px; line-height: 1.25; letter-spacing: -.5px; }
.home-portal-new-grid p { min-height: 32px; margin: 7px 0 13px; color: #607784; font-size: 12px; line-height: 1.38; }

.home-portal-facts { padding-top: 27px; background: radial-gradient(circle at 78% 30%, rgba(129,225,162,.17), transparent 31%), linear-gradient(110deg,#e9f8ed,#f7fcf9); }
.home-portal-facts .container { padding-top: 35px; padding-bottom: 35px; }
.home-portal-facts-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
.home-portal-facts article { display: grid; min-height: 120px; grid-template-columns: 37px 1fr; column-gap: 10px; padding: 17px; border: 1px solid rgba(255,255,255,.8); border-radius: 15px; background: rgba(255,255,255,.92); box-shadow: 0 7px 18px rgba(21,87,50,.06); }
.home-portal-facts-grid > a { display: grid; min-height: 133px; grid-template-columns: 37px 1fr; column-gap: 10px; padding: 17px; border: 1px solid rgba(255,255,255,.8); border-radius: 15px; color: inherit; background: rgba(255,255,255,.92); box-shadow: 0 7px 18px rgba(21,87,50,.06); text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.home-portal-facts-grid > a:hover { box-shadow: 0 12px 23px rgba(21,87,50,.11); transform: translateY(-2px); }
.home-portal-facts article > span { display: grid; width: 35px; height: 35px; border-radius: 10px; color: #087a36; background: #e1f6e7; place-items: center; font-size: 19px; }
.home-portal-facts-grid > a > span { display: grid; width: 35px; height: 35px; border-radius: 10px; color: #087a36; background: #e1f6e7; place-items: center; font-size: 19px; }
.home-portal-facts strong { align-self: center; color: #08a047; font-size: 23px; letter-spacing: -1.2px; }
.home-portal-facts p { grid-column: span 2; margin: 9px 0 0; color: #506c78; font-size: 11px; line-height: 1.4; }
.home-portal-facts-grid > a small { grid-column: span 2; margin-top: 6px; color: #087d38; font-size: 11px; font-weight: 850; }

.home-portal-how { padding-top: 38px; }
.home-portal-how ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.home-portal-how li { display: grid; grid-template-columns: 39px 1fr; gap: 11px; align-items: start; min-height: 105px; padding: 19px; border: 1px solid #dfebe3; border-radius: 15px; background: #fff; }
.home-portal-how li > span { display: grid; width: 35px; height: 35px; border-radius: 50%; color: #fff; background: #0a9b43; place-items: center; font-size: 13px; font-weight: 850; }
.home-portal-how strong { color: #163b48; font-size: 15px; }
.home-portal-how li p { margin: 5px 0 0; color: #637984; font-size: 12px; line-height: 1.45; }
.home-portal-method { display: grid; grid-template-columns: 155px 1fr auto; gap: 18px; align-items: center; margin-top: 14px; padding: 18px 20px; border-radius: 14px; color: #1e4b55; background: #edf8f0; }
.home-portal-method strong { font-size: 15px; }.home-portal-method p { margin: 0; color: #57717b; font-size: 12px; line-height: 1.45; }.home-portal-method a { color: #087d38; font-size: 12px; font-weight: 850; white-space: nowrap; }
.home-portal-faq { padding-top: 25px; }.home-portal-faq > .container > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 14px; }.home-portal-faq details { padding: 15px 16px; border: 1px solid #dfece4; border-radius: 13px; background: #fff; }.home-portal-faq summary { color: #204450; font-size: 13px; font-weight: 800; cursor: pointer; }.home-portal-faq details p { margin: 10px 0 0; color: #617883; font-size: 12px; line-height: 1.45; }.home-portal-faq p a { color: #087d38; font-weight: 800; }

.home-portal-tools { padding: 40px 0 10px; background: #fff; }
.home-portal-tools header { margin-bottom: 16px; }
.home-portal-tools h2 { margin: 0; color: #143945; font-size: clamp(24px,2.5vw,32px); letter-spacing: -1.3px; }
.home-portal-tools .container > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.home-portal-tools a { display: grid; min-height: 177px; grid-template-columns: 47px 1fr; column-gap: 13px; padding: 21px; border: 1px solid #d8ebe0; border-radius: 16px; color: #183e49; background: linear-gradient(135deg,#f4fbf6,#fff); box-shadow: 0 8px 19px rgba(20,67,55,.05); text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.home-portal-tools a:hover { border-color: #69c58b; box-shadow: 0 14px 26px rgba(20,67,55,.11); transform: translateY(-2px); }
.home-portal-tools a > span { display: grid; width: 44px; height: 44px; border-radius: 12px; background: #e1f6e7; place-items: center; font-size: 22px; }
.home-portal-tools h3 { align-self: center; margin: 0; font-size: 18px; line-height: 1.2; letter-spacing: -.6px; }
.home-portal-tools p { grid-column: span 2; margin: 9px 0 13px; color: #607784; font-size: 13px; line-height: 1.42; }
.home-portal-tools b { grid-column: span 2; margin-top: auto; color: #098e40; font-size: 13px; }
.home-portal-all { padding: 36px 0; background: linear-gradient(135deg,#f4fbf6,#e8f7ed); }
.home-portal-all .container { display: flex; gap: 25px; align-items: center; justify-content: space-between; min-height: 132px; padding: 25px 43px; border: 1px solid #cbe8d4; border-radius: 18px; color: #153f49; background: radial-gradient(circle at 100% 100%,rgba(104,222,139,.2),transparent 28%),#fff; box-shadow: 0 12px 26px rgba(20,80,51,.08); }
.home-portal-all .home-portal-kicker { color: #07883c; }
.home-portal-all h2 { margin: 0; color: #153f49; font-size: clamp(24px,2.7vw,32px); letter-spacing: -1.3px; }
.home-portal-all p:not(.home-portal-kicker) { margin: 6px 0 0; color: #58717a; font-size: 14px; }
.home-portal-all .button { flex: 0 0 auto; min-height: 46px; color: #fff; background: linear-gradient(105deg,#078a3d,#10aa4a); box-shadow: 0 8px 18px rgba(9,143,64,.18); }
.home-portal-all .button:hover { color: #fff; background: #087c37; }
.home-final-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 11px; align-items: center; }
.home-final-secondary { padding: 12px 4px; color: #f2fff5; font-size: 13px; font-weight: 800; text-decoration: none; }
.home-final-secondary:hover { color: #fff; text-decoration: underline; }

/* Vsi primarni gumbi na domači strani imajo enako, optično sredinsko poravnavo. */
body.home-v2-ready .button { display: inline-flex; gap: 8px; align-items: center; justify-content: center; box-sizing: border-box; line-height: 1.15; text-align: center; text-decoration: none; }
body.home-v2-ready .button > span { display: inline-block; flex: 0 0 auto; line-height: 1; }
body.home-v2-ready .home-final-secondary { color: #087a37; }
body.home-v2-ready .home-final-secondary:hover { color: #055a29; }
body.home-v2-ready .site-footer { margin-top: 0; border-top: 1px solid rgba(255,255,255,.1); background: linear-gradient(130deg,#073e31,#087d3a); }

/* Domača stran: kalkulator in E-vozila. */
body.home-v2-ready #kalkulator { scroll-margin-top: 28px; }
body.home-v2-ready .vehicle-step .field-help { margin-top: 0; }
body.home-v2-ready .vehicle-choice { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-top: 10px; }
body.home-v2-ready .vehicle-choice label { position: relative; min-width: 0; cursor: pointer; }
body.home-v2-ready .vehicle-choice input { position: absolute; opacity: 0; pointer-events: none; }
body.home-v2-ready .vehicle-choice span { display: grid; min-height: 56px; gap: 4px; align-content: center; justify-items: center; padding: 7px 4px; border: 1px solid #d7e9de; border-radius: 9px; color: #36545d; background: #fbfefc; font-size: 15px; text-align: center; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
body.home-v2-ready .vehicle-choice strong { display: block; font-size: 10px; }
body.home-v2-ready .vehicle-choice input:checked + span { border-color: #0c9d46; color: #087d38; background: #eaf9ee; box-shadow: inset 0 0 0 1px rgba(12,157,70,.1); }
body.home-v2-ready .vehicle-choice input:focus-visible + span { outline: 2px solid #087d38; outline-offset: 2px; }
body.home-v2-ready .home-public-charge { display: flex; gap: 8px; align-items: baseline; justify-content: space-between; margin-top: 7px; }
body.home-v2-ready .home-public-charge .field-help { margin: 0; }
body.home-v2-ready .home-public-charge strong { color: #087d38; }
body.home-v2-ready .text-button { flex: 0 0 auto; padding: 0; border: 0; color: #087d38; background: transparent; font: inherit; font-size: 10px; font-weight: 850; text-decoration: underline; cursor: pointer; }
body.home-v2-ready .public-charging-input { margin-top: 10px; }
body.home-v2-ready .home-primary-net { margin: 0 0 12px; padding: 16px 18px; border: 1px solid #bfe8cb; border-radius: 12px; color: #154332; background: linear-gradient(110deg,#edfdf1,#f9fffa); }
body.home-v2-ready .home-primary-net p { margin: 0 0 3px; color: #42655a; font-size: 12px; font-weight: 800; }
body.home-v2-ready .home-primary-net strong { display: block; color: #078b3c; font-size: clamp(25px,3vw,33px); letter-spacing: -1.2px; }
body.home-v2-ready .home-primary-net span { display: block; margin-top: 3px; color: #557169; font-size: 11px; }
body.home-v2-ready .home-next-steps { margin-top: 14px; padding: 20px 22px; border: 1px solid #d6ebe0; border-radius: 14px; background: #fff; box-shadow: 0 8px 18px rgba(20,67,55,.04); }
body.home-v2-ready .home-next-steps header { margin-bottom: 13px; }
body.home-v2-ready .home-next-steps .home-portal-kicker { margin-bottom: 3px; }
body.home-v2-ready .home-next-steps h2 { margin: 0; color: #163d48; font-size: 19px; letter-spacing: -.65px; }
body.home-v2-ready .home-next-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
body.home-v2-ready .home-next-links a { min-height: 79px; padding: 12px; border: 1px solid #dbece1; border-radius: 10px; color: #19434e; background: #fbfefc; text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
body.home-v2-ready .home-next-links a:hover { border-color: #6ac78d; box-shadow: 0 7px 16px rgba(15,110,55,.1); transform: translateY(-1px); }
body.home-v2-ready .home-next-links strong,body.home-v2-ready .home-next-links span { display: block; }
body.home-v2-ready .home-next-links strong { font-size: 12px; }
body.home-v2-ready .home-next-links span { margin-top: 5px; color: #0a8c3d; font-size: 10px; font-weight: 750; line-height: 1.28; }

.home-ev-showcase { padding-top: 38px; padding-bottom: 46px; background: linear-gradient(180deg,#f4fbf6 0,#fff 80%); }
.home-ev-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.home-ev-card { display: flex; min-width: 0; overflow: hidden; flex-direction: column; border: 1px solid #d8ebe0; border-radius: 16px; background: #fff; box-shadow: 0 8px 20px rgba(20,67,55,.055); }
.home-ev-card-image { display: block; height: 174px; overflow: hidden; background: radial-gradient(circle at 50% 15%,#f4fff6 0,#e1f4e6 62%,#d4ecdc 100%); }
.home-ev-card-image img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform .28s ease; }
.home-ev-card:hover .home-ev-card-image img { transform: scale(1.035); }
.home-ev-card-content { display: flex; flex: 1; flex-direction: column; padding: 15px; }
.home-ev-brand { margin: 0 0 3px; color: #098d3e; font-size: 10px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.home-ev-card h3 { margin: 0; color: #173e49; font-size: 20px; letter-spacing: -.75px; }
.home-ev-card h3 a { color: inherit; text-decoration: none; }
.home-ev-card h3 a:hover { color: #087d38; }
.home-ev-specs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 10px; margin: 14px 0 15px; }
.home-ev-specs div { min-width: 0; }
.home-ev-specs dt { color: #71838a; font-size: 10px; }
.home-ev-specs dd { margin: 2px 0 0; color: #204550; font-size: 12px; font-weight: 800; white-space: nowrap; }
.home-ev-card-cta { margin-top: auto; color: #078a3c; font-size: 12px; font-weight: 850; text-decoration: none; }
.home-ev-card-cta:hover { color: #055c2b; text-decoration: underline; }
.home-ev-guidance { display: flex; gap: 20px; align-items: center; justify-content: space-between; margin-top: 18px; padding: 19px 21px; border: 1px solid #cce8d5; border-radius: 15px; background: linear-gradient(105deg,#ecfaef,#fff 74%); }
.home-ev-guidance strong { color: #153d48; font-size: 17px; }
.home-ev-guidance p { margin: 4px 0 0; color: #5b747c; font-size: 12px; }
.home-ev-guidance > div:last-child { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 12px; align-items: center; }
.home-ev-guidance .button { min-height: 43px; padding: 0 16px; font-size: 12px; }
.home-ev-compare { color: #087d38; font-size: 12px; font-weight: 850; text-decoration: none; }
.home-ev-compare:hover { color: #075828; text-decoration: underline; }

body.home-v2-ready .calculator-section { padding-top: 49px; }
body.home-v2-ready .summary-section { padding-top: 7px; }
body.home-v2-ready .site-footer { margin-top: 0; }
body.home-v2-ready .site-footer .footer-grid { padding-top: 35px; }

body.home-v2-ready.dark { background: #102018; }
body.home-v2-ready.dark main#uvod { background: #102018; }
body.home-v2-ready.dark .home-portal-hero { background: linear-gradient(110deg,#14271b,#172f21)!important; }
body.home-v2-ready.dark .home-portal-hero-copy h1,body.home-v2-ready.dark .home-portal-heading h2,body.home-v2-ready.dark .home-portal-library-head h2,body.home-v2-ready.dark .home-portal-category-title h2,body.home-v2-ready.dark .home-portal-search-results h2 { color: #ecfff1; }
body.home-v2-ready.dark .home-portal-hero-copy > p:not(.home-portal-kicker),body.home-v2-ready.dark .home-portal-heading > div > p:last-child,body.home-v2-ready.dark .home-portal-library-head > p { color: #bfd2c4; }
body.home-v2-ready.dark .home-portal-feature-card,body.home-v2-ready.dark .home-portal-topic-card,body.home-v2-ready.dark .home-portal-new-grid > a,body.home-v2-ready.dark .home-portal-facts article,body.home-v2-ready.dark .home-portal-facts-grid > a,body.home-v2-ready.dark .home-portal-category-links a,body.home-v2-ready.dark .home-portal-how li,body.home-v2-ready.dark .home-portal-faq details { border-color: #2d5137; color: #edf8ef; background: #172b1d; }
body.home-v2-ready.dark .home-portal-feature-card p,body.home-v2-ready.dark .home-portal-topic-card p,body.home-v2-ready.dark .home-portal-new-grid p,body.home-v2-ready.dark .home-portal-facts p { color: #b7cabd; }
body.home-v2-ready.dark .home-portal-category-row button { border-color: #2d5137; color: #e6f7eb; background: #172b1d; }
body.home-v2-ready.dark .home-portal-category-row button.is-active { border-color: #13994b; background: #087d39; }
body.home-v2-ready.dark .home-portal-search { border-color: #2d5137; background: #172b1d; }
body.home-v2-ready.dark .home-portal-search input { color: #edf8ef; }
body.home-v2-ready.dark .home-portal-tools { background: #102018; }
body.home-v2-ready.dark .home-portal-tools h2 { color: #ecfff1; }
body.home-v2-ready.dark .home-portal-tools a { border-color: #2d5137; color: #edf8ef; background: #172b1d; }
body.home-v2-ready.dark .home-portal-tools p { color: #b7cabd; }
body.home-v2-ready.dark .home-portal-facts { background: #162a1b; }
body.home-v2-ready.dark .home-portal-category-links a,.home-v2-ready.dark .home-portal-calculator-card,.home-v2-ready.dark .home-portal-method { border-color: #2d5137; color: #edf8ef; background: #172b1d; }
body.home-v2-ready.dark .home-portal-calculator-card h2,.home-v2-ready.dark .home-portal-how strong,.home-v2-ready.dark .home-portal-faq summary { color: #ecfff1; }
body.home-v2-ready.dark .home-portal-calculator-card > div > p:last-child,.home-v2-ready.dark .home-portal-vehicle-options small,.home-v2-ready.dark .home-portal-how li p,.home-v2-ready.dark .home-portal-faq details p,.home-v2-ready.dark .home-portal-method p { color: #bfd2c4; }
body.home-v2-ready.dark .home-portal-vehicle-options a { border-color: #2d5137; color: #edf8ef; background: #1d3524; }
body.home-v2-ready.dark .home-primary-net,body.home-v2-ready.dark .home-next-steps,body.home-v2-ready.dark .home-ev-card { border-color: #2d5137; color: #edf8ef; background: #172b1d; }
body.home-v2-ready.dark .home-next-steps h2,body.home-v2-ready.dark .home-ev-card h3,body.home-v2-ready.dark .home-ev-guidance strong { color: #edf8ef; }
body.home-v2-ready.dark .home-next-links a { border-color: #2d5137; color: #edf8ef; background: #1d3524; }
body.home-v2-ready.dark .home-ev-showcase { background: #102018; }
body.home-v2-ready.dark .home-ev-specs dd { color: #e8f7ec; }
body.home-v2-ready.dark .home-ev-guidance { border-color: #2d5137; background: #172b1d; }
body.home-v2-ready.dark .vehicle-choice span { border-color: #2d5137; color: #e6f7eb; background: #1d3524; }

@media (max-width: 1160px) { body.home-v2-ready .site-header .main-nav { gap: 15px; }.home-header-search { max-width: 205px; }.home-portal-feature-card figure { height: 120px; }.home-portal-hero-note { right: 15%; }.home-portal-category-row button { min-width: 105px; } }
@media (max-width: 900px) { body.home-v2-ready .site-header .header-actions { flex: 0 0 auto; }.home-header-search { display: none; }.home-portal-hero-grid { grid-template-columns: 1fr; min-height: 0; }.home-portal-hero-copy { padding: 45px 0 20px; }.home-portal-hero-visual { height: 310px; }.home-portal-hero-visual picture { right: -22px; bottom: -8px; width: min(760px,111%); }.home-portal-hero-note { right: 9%; bottom: 40px; }.home-portal-section { padding: 35px 0; }.home-portal-featured-grid,.home-portal-category-grid,.home-portal-search-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.home-portal-feature-card figure { height: 158px; }.home-portal-category-links { grid-template-columns: repeat(3,minmax(0,1fr)); }.home-portal-calculator-card { grid-template-columns: 1fr; }.home-portal-calculator-note { grid-column: auto; margin: -8px 0 0; }.home-portal-how ol { grid-template-columns: 1fr; }.home-portal-faq > .container > div { grid-template-columns: 1fr; }.home-portal-facts-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.home-portal-category-row { margin-bottom: 24px; }.home-portal-all { padding: 24px 0 35px; }.home-portal-all .container { padding: 25px 29px; }.home-ev-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.home-next-links { grid-template-columns: 1fr; }.home-ev-guidance { align-items: flex-start; flex-direction: column; } }
@media (max-width: 570px) { .home-portal-hero-copy { padding-top: 35px; }.home-portal-hero-copy h1 { font-size: 47px; letter-spacing: -2.5px; }.home-portal-hero-copy > p:not(.home-portal-kicker) { margin: 16px 0 21px; font-size: 15px; }.home-portal-hero-actions { align-items: stretch; flex-direction: column; }.home-portal-hero-actions .button { width: 100%; }.home-portal-secondary { padding: 7px 4px; text-align: center; }.home-portal-trust { gap: 9px 13px; margin-top: 18px; font-size: 11px; }.home-portal-hero-visual { height: 236px; margin: 0 -14px; }.home-portal-hero-visual picture { right: -38px; bottom: 8px; width: 130%; }.home-portal-hero-note { right: 9px; bottom: 14px; min-width: 194px; padding: 10px 12px; }.home-portal-hero-note > span:first-child { flex-basis: 31px; width: 31px; height: 31px; font-size: 15px; }.home-portal-hero-note strong { font-size: 14px; }.home-portal-hero-note small { font-size: 8px; }.home-portal-section { padding: 28px 0; }.home-portal-heading,.home-portal-library-head,.home-portal-category-title { align-items: flex-start; flex-direction: column; gap: 9px; }.home-portal-heading > div > p:last-child,.home-portal-library-head > p { font-size: 13px; text-align: left; }.home-portal-featured-grid,.home-portal-category-grid,.home-portal-search-grid,.home-portal-new-grid { grid-template-columns: 1fr; }.home-portal-feature-card figure { height: 172px; }.home-portal-feature-card h3 { font-size: 18px; }.home-portal-category-links { grid-template-columns: repeat(2,minmax(0,1fr)); }.home-portal-category-links a { min-height: 78px; }.home-portal-vehicle-options { grid-template-columns: 1fr; }.home-portal-vehicle-options a { min-height: 72px; }.home-portal-calculator-card { padding: 22px; }.home-portal-method { grid-template-columns: 1fr; gap: 7px; padding: 17px; }.home-portal-category-row { gap: 8px; margin-right: -14px; margin-left: -14px; padding: 4px 14px 10px; }.home-portal-category-row button { min-width: 97px; min-height: 68px; padding: 9px; }.home-portal-category-row span { font-size: 22px; }.home-portal-topic-card { min-height: 174px; }.home-portal-facts .container { padding-top: 29px; padding-bottom: 29px; }.home-portal-facts-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }.home-portal-facts article,.home-portal-facts-grid > a { min-height: 133px; grid-template-columns: 1fr; padding: 13px; }.home-portal-facts strong { margin-top: 8px; font-size: 21px; }.home-portal-facts p { grid-column: auto; margin-top: 7px; font-size: 10px; }.home-portal-facts-grid > a small { grid-column: auto; }.home-portal-tools { padding-top: 29px; }.home-portal-tools .container > div { grid-template-columns: 1fr; }.home-portal-tools a { min-height: 0; }.home-portal-all .container { align-items: stretch; flex-direction: column; padding: 24px; }.home-portal-all .button { width: 100%; }.home-portal-new-grid > a { min-height: 0; }.home-portal-new-grid p { min-height: 0; }.home-final-actions { width: 100%; flex-direction: column; align-items: stretch; }.home-final-secondary { text-align: center; }.home-public-charge { align-items: flex-start; flex-direction: column; }.vehicle-choice { grid-template-columns: 1fr!important; }.vehicle-choice span { min-height: 44px!important; grid-template-columns: 19px 1fr; gap: 5px!important; align-items: center; justify-items: start!important; padding: 7px 10px!important; text-align: left!important; }.vehicle-choice strong { font-size: 11px!important; }.home-next-steps { padding: 17px 14px; }.home-ev-grid { display: flex; gap: 12px; margin-right: -14px; padding: 0 14px 8px 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; }.home-ev-card { flex: 0 0 min(86vw,340px); scroll-snap-align: start; }.home-ev-card-image { height: 180px; }.home-ev-guidance { gap: 15px; padding: 18px; }.home-ev-guidance > div:last-child { width: 100%; flex-direction: column; align-items: stretch; }.home-ev-guidance .button { width: 100%; }.home-ev-compare { text-align: center; } }

@media (prefers-reduced-motion: reduce) { .home-portal-feature-card,.home-portal-feature-card img,.home-portal-topic-card,.home-portal-new-grid > a,.home-portal-hero-note,.home-portal-category-row button { transition: none; } }

/* Povezava na modul Polnilnice; omejeno na domačo stran. */
.home-charging-intro { padding-top: 0; }
.home-charging-intro .container { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 27px 31px; border: 1px solid #c8ead5; border-radius: 18px; background: linear-gradient(112deg,#e8faf0 0%,#f9fffb 58%,#ddf5e7 100%); box-shadow: 0 12px 28px rgba(5,91,43,.07); }
.home-charging-intro h2 { margin: 3px 0 6px; color: #123c48; font-size: 25px; letter-spacing: -1px; }
.home-charging-intro p:not(.home-portal-kicker) { max-width: 650px; margin: 0; color: #5d747b; font-size: 14px; line-height: 1.55; }
.home-charging-intro .button { flex: 0 0 auto; min-height: 45px; padding: 0 20px; white-space: nowrap; }
body.home-v2-ready.dark .home-charging-intro .container { border-color: #2d5137; background: #172b1d; }
body.home-v2-ready.dark .home-charging-intro h2 { color: #ecfff1; }
body.home-v2-ready.dark .home-charging-intro p:not(.home-portal-kicker) { color: #bfd2c4; }

@media (max-width: 700px) { .home-charging-intro .container { align-items: flex-start; flex-direction: column; gap: 18px; padding: 23px; }.home-charging-intro h2 { font-size: 22px; }.home-charging-intro .button { width: 100%; } }