/* ===================================================================== AvtoHub · GRAFIT UI (samo videz, 1:1 po dizajnu Grafit) Spreminja SAMO videz. Ne posega v logiko, JavaScript aplikacije ali podatke. Naložena je zadnja v index.html (skupaj z grafit-ui.js za paleto in merilnik). Za vrnitev na prejšnji videz odstranite vrstice grafit-ui iz index.html. Močni selektorji html:not(#ga#gb#gc#gd#ge#gf) so namenoma, ker obstoječe datoteke uporabljajo html:not(#a#b#c#d) in !important. ===================================================================== */ /* ---------- žetoni: svetlo ---------- */ html:not(#ga#gb#gc#gd#ge#gf){ --g-bg:#f7f7f6;--g-surface:#ffffff;--g-surface2:#efefed;--g-ink:#111111;--g-mu:#6b6b68;--g-line:#e2e2df; --g-acc:#111111;--g-acc-ink:#ffffff;--g-needle:#e5484d;--g-shadow:0 12px 30px rgba(0,0,0,.08);--g-shadow-h:0 20px 44px rgba(0,0,0,.14); --g-font:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;--g-r:12px;--g-r-sm:8px;--g-ease:cubic-bezier(.2,.75,.2,1); --ink:var(--g-ink);--ink-60:var(--g-mu);--ink-40:var(--g-mu);--ink-20:var(--g-line); --surface:var(--g-bg);--surface-2:var(--g-surface2);--card:var(--g-surface);--border:var(--g-line);--border-2:var(--g-line); --accent:var(--g-acc);--accent-dark:var(--g-acc);--accent-light:var(--g-surface2);--accent-mid:var(--g-mu); --accent2:var(--g-acc);--accent2-dark:var(--g-acc);--accent2-light:var(--g-surface2);--green:var(--g-acc);--green-bg:var(--g-surface2); --action-blue:var(--g-acc);--action-blue-hover:var(--g-acc); --grad-hero:var(--g-bg);--grad-accent:var(--g-acc);--grad-accent2:var(--g-acc);--grad-card:var(--g-surface);--grad-surface:var(--g-bg);--grad-nav:var(--g-bg); color-scheme:light; } /* ---------- žetoni: temno ---------- */ html:not(#ga#gb#gc#gd#ge#gf)[data-gtheme=dark]{ --g-bg:#0f1011;--g-surface:#161718;--g-surface2:#1e1f21;--g-ink:#ededeb;--g-mu:#939390;--g-line:#29292b; --g-acc:#ededeb;--g-acc-ink:#0f1011;--g-shadow:0 12px 30px rgba(0,0,0,.35);--g-shadow-h:0 20px 44px rgba(0,0,0,.55);color-scheme:dark; } /* ---------- barve poudarka ---------- */ html:not(#ga#gb#gc#gd#ge#gf)[data-gaccent=modra]{--g-acc:#2563eb;--g-acc-ink:#fff}html:not(#ga#gb#gc#gd#ge#gf)[data-gtheme=dark][data-gaccent=modra]{--g-acc:#7aa2ff;--g-acc-ink:#0f1011} html:not(#ga#gb#gc#gd#ge#gf)[data-gaccent=zelena]{--g-acc:#16a34a;--g-acc-ink:#fff}html:not(#ga#gb#gc#gd#ge#gf)[data-gtheme=dark][data-gaccent=zelena]{--g-acc:#4ade80;--g-acc-ink:#0f1011} html:not(#ga#gb#gc#gd#ge#gf)[data-gaccent=oranzna]{--g-acc:#ea580c;--g-acc-ink:#fff}html:not(#ga#gb#gc#gd#ge#gf)[data-gtheme=dark][data-gaccent=oranzna]{--g-acc:#fb923c;--g-acc-ink:#0f1011} html:not(#ga#gb#gc#gd#ge#gf)[data-gaccent=rdeca]{--g-acc:#dc2626;--g-acc-ink:#fff}html:not(#ga#gb#gc#gd#ge#gf)[data-gtheme=dark][data-gaccent=rdeca]{--g-acc:#f87171;--g-acc-ink:#0f1011} html:not(#ga#gb#gc#gd#ge#gf)[data-gaccent=vijolicna]{--g-acc:#7c3aed;--g-acc-ink:#fff}html:not(#ga#gb#gc#gd#ge#gf)[data-gtheme=dark][data-gaccent=vijolicna]{--g-acc:#a78bfa;--g-acc-ink:#0f1011} html:not(#ga#gb#gc#gd#ge#gf)[data-gaccent=rumena]{--g-acc:#eab308;--g-acc-ink:#111}html:not(#ga#gb#gc#gd#ge#gf)[data-gtheme=dark][data-gaccent=rumena]{--g-acc:#facc15;--g-acc-ink:#111} html:not(#ga#gb#gc#gd#ge#gf)[data-gaccent=roza]{--g-acc:#db2777;--g-acc-ink:#fff}html:not(#ga#gb#gc#gd#ge#gf)[data-gtheme=dark][data-gaccent=roza]{--g-acc:#f472b6;--g-acc-ink:#0f1011} /* ---------- osnova ---------- */ html:not(#ga#gb#gc#gd#ge#gf) body{padding-top:72px!important;background:var(--g-bg)!important;color:var(--g-ink)!important;font-family:var(--g-font)!important;-webkit-font-smoothing:antialiased} html:not(#ga#gb#gc#gd#ge#gf) body :is(button,input,select,textarea){font-family:var(--g-font)!important} html:not(#ga#gb#gc#gd#ge#gf) body :is(.nav-logo,.nav-logo span,.home-hero-title,.home-section-title,.home-tile-name,.footer-logo,.seo-page-nav .brand,.filters-title,.cr-name,.cr-title,.ct-name,.ps-title,.detail-name,.add-title,.my-title,.inbox-sidebar-title,.packages-title,.modal-title,.settings-title,.profile-title,#intro-splash .intro-title,.home-board-copy h2,.cmp-title,.home-contact-band h2,.admin-title,.home-cta-text h2,.damage-text h2,.list-count){font-family:var(--g-font)!important;font-weight:600!important;letter-spacing:-.05em!important;font-style:normal!important} ::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal} /* ================= MENI (Grafit: logotip, orodja, meni čez cel zaslon) ================= */ html:not(#ga#gb#gc#gd#ge#gf) body #main-nav{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:40;height:72px!important;padding:0 max(clamp(16px,3vw,32px),calc((100vw - 1300px)/2 + 32px))!important;display:flex!important;align-items:center;gap:26px;background:var(--g-bg)!important;border-bottom:1px solid var(--g-line)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .nav-logo{display:flex!important;align-items:center;gap:10px;order:0} html:not(#ga#gb#gc#gd#ge#gf) body .nav-logo img{width:30px!important;height:30px!important;transition:transform .6s var(--g-ease)}html:not(#ga#gb#gc#gd#ge#gf) body .nav-logo:hover img{transform:rotate(-14deg) scale(1.08)} html:not(#ga#gb#gc#gd#ge#gf) body .nav-logo span{font-size:22px!important;line-height:1;color:var(--g-ink)!important;letter-spacing:-.05em!important} html:not(#ga#gb#gc#gd#ge#gf) body .nav-logo em{font-style:normal!important;color:var(--g-acc)!important;font-weight:600} html:not(#ga#gb#gc#gd#ge#gf) body .nav-center{display:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .nav-right{margin-left:auto;display:flex!important;align-items:center;gap:4px;order:2} html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu-btn{display:inline-grid!important;place-items:center;order:3;width:40px;height:40px;padding:0!important;border:0!important;border-radius:50%!important;background:none!important;color:var(--g-ink)!important;font-size:20px!important;cursor:pointer} html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu-btn:hover{background:var(--g-surface2)!important} html:not(#ga#gb#gc#gd#ge#gf) body .nav-post-btn{height:42px!important;display:inline-flex!important;align-items:center;padding:0 18px 0 16px!important;margin-left:4px;background:var(--g-acc)!important;background-image:none!important;color:var(--g-acc-ink)!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font-weight:700!important;transition:transform .25s var(--g-ease),filter .25s} html:not(#ga#gb#gc#gd#ge#gf) body .nav-post-btn:hover{transform:translateY(-1px);filter:brightness(1.1)} html:not(#ga#gb#gc#gd#ge#gf) body .nav-install-btn{background:none!important;color:var(--g-ink)!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font-weight:600} html:not(#ga#gb#gc#gd#ge#gf) body .nav-install-btn:hover{background:var(--g-surface2)!important} html:not(#ga#gb#gc#gd#ge#gf) body #nav-user-area :is(.nav-link,button,a){position:relative;background:none!important;background-image:none!important;color:var(--g-ink)!important;border:0!important;border-radius:999px!important;box-shadow:none!important;padding:8px 12px!important;font-weight:600!important} html:not(#ga#gb#gc#gd#ge#gf) body #nav-user-area :is(.nav-link,button,a)::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--g-ease)} html:not(#ga#gb#gc#gd#ge#gf) body #nav-user-area :is(.nav-link,button,a):hover::after{transform:scaleX(1);transform-origin:left} html:not(#ga#gb#gc#gd#ge#gf) body .nav-accessibility-btn{width:40px;height:40px;display:inline-grid!important;place-items:center;background:none!important;border:0!important;border-radius:50%!important;color:var(--g-ink)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .nav-accessibility-btn:hover{background:var(--g-surface2)!important} /* meni čez cel zaslon */ html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu{--g-mx:calc(100% - 44px);--g-my:36px;position:fixed!important;inset:0!important;z-index:39!important;display:grid!important;grid-template-columns:minmax(0,760px);align-content:start;gap:0;padding:96px max(clamp(16px,3vw,32px),calc((100vw - 1300px)/2 + 32px)) 60px!important;background:var(--g-bg)!important;border:0!important;box-shadow:none!important;overflow:auto;overflow-x:hidden;visibility:hidden;clip-path:circle(0 at var(--g-mx) var(--g-my));transition:clip-path .6s var(--g-ease),visibility 0s .6s!important;max-height:none!important;height:auto!important;transform:none!important;opacity:1!important} html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu.show{visibility:visible;clip-path:circle(var(--g-mr,150%) at var(--g-mx) var(--g-my));transition:clip-path .65s cubic-bezier(.4,0,.2,1)!important} html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu>:is(a,button){position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;width:100%;padding:16px 0!important;margin:0!important;background:none!important;border:0!important;border-bottom:1px solid var(--g-line)!important;border-radius:0!important;box-shadow:none!important;color:var(--g-ink)!important;font:600 clamp(32px,6vw,56px)/1 var(--g-font)!important;letter-spacing:-.05em!important;text-align:left;opacity:0;transform:translateY(26px);transition:opacity .5s,transform .7s var(--g-ease),color .25s,translate .35s var(--g-ease)!important;min-height:0!important;height:auto!important} html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu>:is(a,button)[data-g-desc]::after{content:attr(data-g-desc);grid-column:1/-1;font:400 15px/1.3 var(--g-font);letter-spacing:0;color:var(--g-mu)} html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu>:is(a,button)>span{font:inherit!important;color:inherit!important} html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu.show>:is(a,button){opacity:1;transform:none;transition-delay:calc(.18s + var(--i,0) * .07s)!important} html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu>:is(a,button):hover{color:var(--g-acc)!important;translate:10px 0} html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu>a.g-mn-post{justify-self:start;display:inline-flex!important;width:auto;margin-top:26px!important;height:48px;padding:0 22px!important;border:0!important;border-radius:999px!important;background:var(--g-acc)!important;color:var(--g-acc-ink)!important;font:700 15px/1 var(--g-font)!important;letter-spacing:0!important} html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu>a.g-mn-post:hover{translate:0 -1px;color:var(--g-acc-ink)!important} html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu>#mobile-install-btn{font:600 15px/1 var(--g-font)!important;letter-spacing:0!important;border:0!important;background:var(--g-surface2)!important;border-radius:999px!important;justify-self:start;width:auto;padding:14px 22px!important;margin-top:10px!important} html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu .g-mn-car{position:fixed;right:0;bottom:0;z-index:2;width:min(440px,70vw);transform:translateX(130%);transition:transform 1.2s .25s var(--g-ease);pointer-events:none;filter:drop-shadow(0 18px 14px rgba(0,0,0,.25))} html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu.show .g-mn-car{transform:none} html:not(#ga#gb#gc#gd#ge#gf) body.g-menu-open{overflow:hidden!important} /* gumb meni: tri črte -> X */ html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu-btn.g-burger{position:relative;font-size:0!important;line-height:0!important} html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu-btn.g-burger i{position:absolute;left:50%;top:50%;width:18px;height:2px;margin:-1px 0 0 -9px;border-radius:2px;background:currentColor;transition:transform .4s var(--g-ease),opacity .25s} html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu-btn.g-burger i:nth-child(1){transform:translateY(-6px)}html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu-btn.g-burger i:nth-child(3){transform:translateY(6px)} html:not(#ga#gb#gc#gd#ge#gf) body.g-menu-open .mobile-menu-btn.g-burger i:nth-child(1){transform:rotate(45deg)}html:not(#ga#gb#gc#gd#ge#gf) body.g-menu-open .mobile-menu-btn.g-burger i:nth-child(2){opacity:0;transform:scaleX(0)}html:not(#ga#gb#gc#gd#ge#gf) body.g-menu-open .mobile-menu-btn.g-burger i:nth-child(3){transform:rotate(-45deg)} html:not(#ga#gb#gc#gd#ge#gf) body .mobile-menu-btn:active{transform:scale(.92)} /* orodja: paleta in način */ .g-tools{display:flex;align-items:center;gap:4px} .g-ib{position:relative;width:40px;height:40px;display:inline-grid;place-items:center;flex:none;border:0;border-radius:50%;background:none;color:var(--g-ink);cursor:pointer;transition:background-color .25s,transform .25s var(--g-ease)} .g-ib:hover{background:var(--g-surface2)}.g-ib:active{transform:scale(.92)} .g-b-theme svg{grid-area:1/1;transition:transform .6s var(--g-ease),opacity .35s} html[data-gtheme=dark] .g-b-theme .g-i-moon,html:not([data-gtheme=dark]) .g-b-theme .g-i-sun{opacity:0;transform:rotate(90deg) scale(.4)} .g-pal{position:relative} .g-pal-pop{position:absolute;right:0;top:calc(100% + 10px);z-index:60;width:260px;display:grid;gap:10px;padding:16px;border-radius:16px;background:var(--g-surface);color:var(--g-ink);border:1px solid var(--g-line);box-shadow:0 20px 50px rgba(0,0,0,.2);font-family:var(--g-font);opacity:0;visibility:hidden;translate:0 -6px;transition:opacity .25s,translate .3s var(--g-ease),visibility 0s .3s} .g-pal.open .g-pal-pop{opacity:1;visibility:visible;translate:none;transition:opacity .25s,translate .3s var(--g-ease)} .g-pal-pop b{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--g-mu)} .g-pal-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px}.g-pal-mode button{padding:9px;border:1px solid var(--g-line);border-radius:10px;background:var(--g-surface2);color:var(--g-ink);cursor:pointer;font-weight:600}.g-pal-mode button.on{background:var(--g-ink);color:var(--g-bg);border-color:var(--g-ink)} .g-pal-sw{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.g-pal-sw button{aspect-ratio:1;padding:0;border-radius:50%;border:2px solid var(--g-surface);background:var(--c);box-shadow:0 0 0 1px var(--g-line);cursor:pointer;transition:transform .2s}.g-pal-sw button:hover{transform:scale(1.15)}.g-pal-sw button.on{box-shadow:0 0 0 2px var(--g-ink)} .g-pal-sw button[data-acc=""]{background:linear-gradient(135deg,#111 50%,#eee 50%)} .g-pal-c{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--g-line);border-radius:10px;cursor:pointer;font-weight:600}.g-pal-c.on{border-color:var(--g-ink)} .g-pal-c input{width:40px;height:28px;padding:0;border:0;background:none;cursor:pointer} /* ================= UVOD (Grafit: naslov levo, merilnik desno, iskalnik pod njim) ================= */ html:not(#ga#gb#gc#gd#ge#gf) body #home-scroll-video.home-hero{min-height:0!important;height:auto!important;padding:0 0 10px!important;margin:0!important;background:var(--g-bg)!important;color:var(--g-ink)!important;overflow:visible!important} html:not(#ga#gb#gc#gd#ge#gf) body #home-scroll-video.home-hero::before,html:not(#ga#gb#gc#gd#ge#gf) body #home-scroll-video.home-hero::after{display:none!important;background:none!important} html:not(#ga#gb#gc#gd#ge#gf) body #home-scroll-video .home-hero-bg{display:none!important} html:not(#ga#gb#gc#gd#ge#gf) body #home-scroll-video .home-hero-inner{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 52px;align-items:center;max-width:1300px!important;margin:0 auto!important;padding:88px clamp(16px,3vw,32px) 0!important;min-height:0!important;height:auto!important;transform:none!important} html:not(#ga#gb#gc#gd#ge#gf) body #home-scroll-video .home-hero-top{grid-column:1;margin:0!important;padding:0!important;position:static!important;min-height:0!important;display:block!important} html:not(#ga#gb#gc#gd#ge#gf) body #home-scroll-video .home-hero-top::before,html:not(#ga#gb#gc#gd#ge#gf) body #home-scroll-video .home-hero-top::after,html:not(#ga#gb#gc#gd#ge#gf) body #home-scroll-video .home-hero-inner::before,html:not(#ga#gb#gc#gd#ge#gf) body #home-scroll-video .home-hero-inner::after{display:none!important} html:not(#ga#gb#gc#gd#ge#gf) body #home-scroll-video .home-hero-text{max-width:none!important;padding:0!important;margin:0!important;text-align:left!important} html:not(#ga#gb#gc#gd#ge#gf) body #home-scroll-video .home-hero-title{margin:0!important;font-size:clamp(52px,7vw,114px)!important;line-height:.95!important;color:var(--g-ink)!important;text-shadow:none!important;animation:gRise .9s var(--g-ease) .15s both} html:not(#ga#gb#gc#gd#ge#gf) body #home-scroll-video .home-hero-title em{display:block;color:var(--g-mu)!important;font-style:normal!important;animation:gRise .9s var(--g-ease) .3s both} html:not(#ga#gb#gc#gd#ge#gf)[data-gaccent] body #home-scroll-video .home-hero-title em{color:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf) body #home-scroll-video .home-hero-sub{margin:18px 0 0!important;max-width:42ch;font-size:17px!important;line-height:1.55;color:var(--g-mu)!important;text-shadow:none!important;animation:gRise .9s var(--g-ease) .45s both} @keyframes gRise{from{opacity:0;transform:translateY(30px)}} /* merilnik */ .g-art{grid-column:2;grid-row:1;display:grid;justify-items:center;gap:40px;color:var(--g-ink);text-decoration:none;animation:gArt 1.1s var(--g-ease) .45s both} @keyframes gArt{from{opacity:0;transform:translateY(26px) scale(.97)}} .g-gauge{position:relative;width:min(100%,460px);aspect-ratio:1} .g-dial{display:block;width:100%;height:100%;overflow:visible} .g-trk{fill:none;stroke:var(--g-surface2);stroke-width:14;stroke-linecap:round} .g-val{fill:none;stroke:var(--g-acc);stroke-width:14;stroke-linecap:round;transition:stroke-dasharray 1.5s cubic-bezier(.34,1.25,.64,1);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--g-acc) 40%,transparent))} .g-tk{stroke:var(--g-mu);stroke-width:1.5}.g-tk.b{stroke:var(--g-ink);stroke-width:3} .g-tl{fill:var(--g-ink);font:700 16px var(--g-font);text-anchor:middle;dominant-baseline:central} .g-ndl{transform-box:view-box;transform-origin:150px 150px;transform:rotate(-135deg);transition:transform 1.5s cubic-bezier(.34,1.25,.64,1)} .g-ndl path{stroke:var(--g-needle);stroke-width:4.5;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(229,72,77,.6))}.g-ndl circle{fill:var(--g-ink);stroke:var(--g-needle);stroke-width:3} .g-gc{position:absolute;left:20%;right:20%;top:73%;display:grid;justify-items:center;text-align:center;gap:2px} .g-gc small{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g-mu)} .g-gv{font:600 clamp(26px,3vw,40px)/1.05 var(--g-font);letter-spacing:-.05em;color:var(--g-ink);font-variant-numeric:tabular-nums} .g-gn{font-weight:700;font-size:14px}.g-gs{font-style:normal;font-size:12px;color:var(--g-mu)} .g-gdots{display:flex;gap:8px}html:not(#ga#gb#gc#gd#ge#gf) body .g-gdots button{width:9px!important;height:9px!important;min-width:0!important;padding:0!important;border:0!important;border-radius:9px!important;cursor:pointer;background:var(--g-line)!important;box-shadow:none!important;transition:width .4s var(--g-ease),background-color .3s}html:not(#ga#gb#gc#gd#ge#gf) body .g-gdots button.on{width:26px!important;background:var(--g-acc)!important} @media (prefers-reduced-motion:reduce){.g-ndl,.g-val{transition:none}.g-art{animation:none!important}} /* ================= ISKALNIK (Grafit: bela kartica, vrste vozil v vrstici s podčrtajem) ================= */ html:not(#ga#gb#gc#gd#ge#gf) body #home-scroll-video .home-search-box{grid-column:1/-1;position:relative!important;z-index:5;margin:30px 0 0!important;padding:20px!important;display:grid;gap:18px;background:var(--g-surface)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:var(--g-shadow)!important;transform:none!important;animation:gRise .9s var(--g-ease) .65s both;max-width:none!important;width:100%!important} html:not(#ga#gb#gc#gd#ge#gf) body .hsb-tabs{display:flex;gap:0;border-bottom:1px solid var(--g-line);background:none!important;padding:0!important;border-radius:0!important} html:not(#ga#gb#gc#gd#ge#gf) body .hsb-tab{background:none!important;color:var(--g-mu)!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;margin-bottom:-1px;padding:10px 16px!important;font-weight:600!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .hsb-tab.on{color:var(--g-acc)!important;border-bottom-color:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf) body .portal-purpose{gap:6px} html:not(#ga#gb#gc#gd#ge#gf) body .portal-purpose button{background:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:999px!important;box-shadow:none!important;font-weight:700} html:not(#ga#gb#gc#gd#ge#gf) body .portal-purpose button.on{background:var(--g-acc)!important;color:var(--g-acc-ink)!important;border-color:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf) body .portal-category-grid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:0!important;border-bottom:1px solid var(--g-line);background:none!important;padding:0!important} html:not(#ga#gb#gc#gd#ge#gf) body .portal-category{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-height:0!important;height:auto!important;padding:10px 6px!important;margin-bottom:-1px;background:none!important;background-image:none!important;color:var(--g-ink)!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;box-shadow:none!important;font-weight:700!important;font-size:12.5px!important;line-height:1.2;text-align:center;transition:transform .25s var(--g-ease),color .25s,border-color .25s} html:not(#ga#gb#gc#gd#ge#gf) body .portal-category:hover{transform:translateY(-2px);background:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .portal-category.on{color:var(--g-acc)!important;border-bottom-color:var(--g-acc)!important;background:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .portal-category .portal-cat-art{height:36px!important;width:auto!important;max-width:100%;object-fit:contain;margin:0!important;filter:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .portal-category.on .portal-cat-art{animation:gHop .55s var(--g-ease)} @keyframes gHop{40%{transform:translateY(-6px)}} html:not(#ga#gb#gc#gd#ge#gf) body .portal-subcategories button{background:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:999px!important;box-shadow:none!important;font-weight:700} html:not(#ga#gb#gc#gd#ge#gf) body .portal-subcategories button.on{background:var(--g-acc)!important;color:var(--g-acc-ink)!important;border-color:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf) body .hsb-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 16px!important} html:not(#ga#gb#gc#gd#ge#gf) body .hsb-field{display:grid;gap:5px} html:not(#ga#gb#gc#gd#ge#gf) body .hsb-field label{font-size:11.5px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf) body :is(.hsb-select,.hsb-input){height:auto!important;padding:10px 12px!important;background-color:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-sm)!important;box-shadow:none!important;font-size:15px!important} html:not(#ga#gb#gc#gd#ge#gf) body :is(.hsb-select,.hsb-input):focus{border-color:var(--g-acc)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--g-acc) 18%,transparent)!important} html:not(#ga#gb#gc#gd#ge#gf) body .hsb-btn{height:46px!important;align-self:end;background:var(--g-acc)!important;background-image:none!important;color:var(--g-acc-ink)!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font-weight:700!important;transition:transform .25s var(--g-ease),filter .25s} html:not(#ga#gb#gc#gd#ge#gf) body .hsb-btn:hover{transform:translateY(-1px);filter:brightness(1.1)} html:not(#ga#gb#gc#gd#ge#gf) body .hsb-more-toggle{color:var(--g-acc)!important;background:none!important;border:0!important;font-weight:700} /* ================= OBLIKE VOZIL (Grafit: seznam v dveh stolpcih) ================= */ html:not(#ga#gb#gc#gd#ge#gf) body .home-section{background:var(--g-bg)!important;padding:64px 0 72px!important;border:0!important} html:not(#ga#gb#gc#gd#ge#gf) body .home-section-gray{background:var(--g-bg)!important;border-top:1px solid var(--g-line)!important} html:not(#ga#gb#gc#gd#ge#gf) body .home-section-inner{max-width:1300px!important;padding-inline:clamp(16px,3vw,32px)!important} html:not(#ga#gb#gc#gd#ge#gf) body .home-section-head{display:flex!important;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px!important} html:not(#ga#gb#gc#gd#ge#gf) body .home-section-title{margin:0!important;font-size:clamp(30px,3.8vw,50px)!important;line-height:1!important;color:var(--g-ink)!important;padding:0!important;border:0!important} html:not(#ga#gb#gc#gd#ge#gf) body .home-section-title::after{display:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .home-section-sub{margin:6px 0 0!important;color:var(--g-mu)!important;font-size:15px!important} html:not(#ga#gb#gc#gd#ge#gf) body .home-section-link{color:var(--g-acc)!important;font-weight:700!important;background:none!important;border:0!important;white-space:nowrap} html:not(#ga#gb#gc#gd#ge#gf) body .body-type-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 24px!important} html:not(#ga#gb#gc#gd#ge#gf) body .bt-card{display:grid!important;grid-template-columns:130px minmax(0,1fr)!important;grid-template-rows:auto auto;column-gap:16px;align-items:center;min-height:0!important;height:auto!important;padding:14px!important;text-align:left!important;background:none!important;background-image:none!important;color:var(--g-ink)!important;border:0!important;border-bottom:1px solid var(--g-line)!important;border-radius:0!important;box-shadow:none!important;transform:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .bt-card:hover{background:none!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .bt-card .bt-media{grid-row:span 2;display:block;width:130px;height:56px;margin:0!important;background:none!important;border:0!important;padding:0!important} html:not(#ga#gb#gc#gd#ge#gf) body .bt-card .bt-media :is(img,svg){width:100%!important;height:56px!important;object-fit:contain;transition:transform .7s var(--g-ease)} html:not(#ga#gb#gc#gd#ge#gf) body .bt-card:hover .bt-media :is(img,svg){transform:translateX(-10px)} html:not(#ga#gb#gc#gd#ge#gf) body .bt-card>b{align-self:end;margin:0!important;font-size:18px!important;font-weight:600!important;letter-spacing:-.05em;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf) body .bt-card .bt-hint{align-self:start;margin:0!important;font-size:12.5px!important;color:var(--g-mu)!important} /* ostali razdelki domače strani */ html:not(#ga#gb#gc#gd#ge#gf) body :is(.home-car-tile,.home-tile,.region-card,.how-step,.why-card){background:var(--g-surface)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:none!important;color:var(--g-ink)!important;transition:transform .4s var(--g-ease),box-shadow .4s} html:not(#ga#gb#gc#gd#ge#gf) body :is(.home-car-tile,.home-tile):hover{transform:translateY(-4px);box-shadow:var(--g-shadow-h)!important} html:not(#ga#gb#gc#gd#ge#gf) body .home-tile-price{color:var(--g-ink)!important;font-weight:600!important} html:not(#ga#gb#gc#gd#ge#gf) body .home-tile-brand{color:var(--g-mu)!important} /* ================= OGLASI (Grafit: filtri levo, kartice s tabelo) ================= */ html:not(#ga#gb#gc#gd#ge#gf) body .list-count{font-size:20px!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf) body .list-count :is(b,strong){color:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf) body :is(.list-search,.ai-search,#page-list select,#page-list input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color])){background:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-sm)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf) body #page-list :is(select,input):focus{border-color:var(--g-acc)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--g-acc) 18%,transparent)!important} html:not(#ga#gb#gc#gd#ge#gf) body .view-btn{width:40px;height:40px;background:var(--g-surface)!important;color:var(--g-mu)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-sm)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .view-btn.on{background:var(--g-ink)!important;color:var(--g-bg)!important;border-color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf) body .list-filters{background:var(--g-surface)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:none!important;padding:14px!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf) body .filters-title{font-size:20px!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf) body .filters-reset{padding:4px 12px!important;font-size:12px!important;font-weight:700!important;background:none!important;border:1px solid var(--g-line)!important;border-radius:999px!important} html:not(#ga#gb#gc#gd#ge#gf) body :is(.filter-label,.filter-label-row label,.filter-label-row span:first-child){font-size:11.5px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase;color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf) body :is(.ffold,.filter-quick-details)>summary{font-weight:700!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf) body .filter-smart-search{padding:14px!important;background:var(--g-surface2)!important;border-radius:var(--g-r-sm)!important;border:0!important} html:not(#ga#gb#gc#gd#ge#gf) body :is(.advanced-filters-toggle,.mm-add-btn,.filters-more-btn){background:none!important;color:var(--g-acc)!important;border:1px dashed var(--g-line)!important;border-radius:var(--g-r-sm)!important;box-shadow:none!important;font-weight:700} html:not(#ga#gb#gc#gd#ge#gf) body :is(.price-presets button,.eq-chip,.filter-quick-buttons button,.active-filter-chips button){background:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:999px!important;box-shadow:none!important;font-weight:700} html:not(#ga#gb#gc#gd#ge#gf) body :is(.price-presets button,.eq-chip,.filter-quick-buttons button):is(.on,.active,[aria-pressed=true]){background:var(--g-acc)!important;color:var(--g-acc-ink)!important;border-color:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf) body :is(.ai-search-btn,.filter-apply-btn){background:var(--g-acc)!important;background-image:none!important;color:var(--g-acc-ink)!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font-weight:700} html:not(#ga#gb#gc#gd#ge#gf) body :is(.filters-reset,.seller-loc,.algo-v,#sf-price-label,#sf-distance-label){color:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf) body .geo-btn{background:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important} html:not(#ga#gb#gc#gd#ge#gf) body .toggle-track{background:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf) body .dual-range-fill{background:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf) body .dual-range-track{background:var(--g-line)!important} html:not(#ga#gb#gc#gd#ge#gf) body .dual-range input[type=range]::-webkit-slider-thumb{background:var(--g-surface)!important;border:2px solid var(--g-acc)!important;box-shadow:0 2px 6px rgba(0,0,0,.2)!important} html:not(#ga#gb#gc#gd#ge#gf) body .dual-range input[type=range]::-moz-range-thumb{background:var(--g-surface)!important;border:2px solid var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf) body :is(.distance-range,.algo-row input[type=range],.list-filters input[type=checkbox],.list-filters input[type=radio]){accent-color:var(--g-acc)} /* kartica oglasa */ html:not(#ga#gb#gc#gd#ge#gf) body .car-row{background:var(--g-surface)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:none!important;overflow:hidden;transition:transform .4s var(--g-ease),box-shadow .4s} html:not(#ga#gb#gc#gd#ge#gf) body .car-row:hover{transform:translateY(-4px);box-shadow:var(--g-shadow-h)!important} html:not(#ga#gb#gc#gd#ge#gf) body .car-row .cr-img{background:var(--g-surface2)!important} html:not(#ga#gb#gc#gd#ge#gf) body .car-row .cr-img img[data-listing-main]{transition:transform 1s var(--g-ease)}html:not(#ga#gb#gc#gd#ge#gf) body .car-row:hover .cr-img img[data-listing-main]{transform:scale(1.06)} html:not(#ga#gb#gc#gd#ge#gf) body .cr-title{font-size:22px!important;line-height:1.1!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf) body .cr-spec-tbl{border-collapse:collapse!important;width:100%;font-size:13.5px!important;background:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .cr-spec-tbl tr{border-bottom:1px solid var(--g-line)!important;background:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .cr-spec-tbl :is(th,td){background:none!important;border:0!important;padding:5px 10px 5px 0!important} html:not(#ga#gb#gc#gd#ge#gf) body .cr-spec-tbl th,html:not(#ga#gb#gc#gd#ge#gf) body .cr-spec-tbl td:first-child{color:var(--g-mu)!important;font-weight:400!important;width:42%} html:not(#ga#gb#gc#gd#ge#gf) body .cr-spec-tbl td:last-child{color:var(--g-ink)!important;font-weight:700!important} html:not(#ga#gb#gc#gd#ge#gf) body .cr-fuel{background:var(--g-surface2)!important;color:var(--g-ink)!important;border:0!important;padding:1px 8px!important;border-radius:999px!important} html:not(#ga#gb#gc#gd#ge#gf) body :is(.cr-price-box,.cr-price-val){background:none!important;border:0!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .cr-price-val{font:600 26px var(--g-font)!important;letter-spacing:-.05em!important;color:var(--g-ink)!important;white-space:nowrap} html:not(#ga#gb#gc#gd#ge#gf) body .seller-av{width:30px;height:30px;background:var(--g-surface2)!important;color:var(--g-ink)!important;border:0!important;border-radius:50%!important;font-size:11px!important;font-weight:800!important} html:not(#ga#gb#gc#gd#ge#gf) body .seller-name{font-size:13px!important;font-weight:700!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf) body .seller-loc{font-size:12px!important} html:not(#ga#gb#gc#gd#ge#gf) body .btn-call{height:36px;padding:0 16px!important;background:var(--g-acc)!important;background-image:none!important;color:var(--g-acc-ink)!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font-weight:700!important} html:not(#ga#gb#gc#gd#ge#gf) body .btn-msg{height:36px;padding:0 16px!important;background:var(--g-surface2)!important;color:var(--g-ink)!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font-weight:700!important} html:not(#ga#gb#gc#gd#ge#gf) body :is(.btn-call,.btn-msg):hover{transform:translateY(-1px)} html:not(#ga#gb#gc#gd#ge#gf) body .listing-image-nav{background:rgba(255,255,255,.92)!important;color:#111!important;border:0!important;border-radius:50%!important} /* ================= OBJAVA ================= */ html:not(#ga#gb#gc#gd#ge#gf) body .add-wrap{background:transparent!important;border:0!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf) body #publish-start{background:var(--g-surface)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf) body #publish-start :is(h1,h2,h3){font-family:var(--g-font)!important;font-weight:600!important;letter-spacing:-.05em!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf) body .publish-start-options>button{background:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-sm)!important;box-shadow:none!important;transition:transform .25s var(--g-ease),border-color .2s,box-shadow .2s} html:not(#ga#gb#gc#gd#ge#gf) body .publish-start-options>button:hover{transform:translateY(-2px);border-color:var(--g-acc)!important;box-shadow:0 0 0 2px var(--g-acc) inset!important} html:not(#ga#gb#gc#gd#ge#gf) body .publish-start-options>button strong{color:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf) body :is(.publish-start-lead,.publish-document-note){color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf) body .publish-text-button{background:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:999px!important} html:not(#ga#gb#gc#gd#ge#gf) body :is(.btn-primary,.submit-btn,.btn-new,.msg-send-btn){background:var(--g-acc)!important;background-image:none!important;color:var(--g-acc-ink)!important;border:0!important;border-radius:999px!important;box-shadow:none!important} /* ================= NOGA IN PIŠKOTKI ================= */ html:not(#ga#gb#gc#gd#ge#gf) body .site-footer{background:var(--g-surface2)!important;color:var(--g-mu)!important;border-top:0!important} html:not(#ga#gb#gc#gd#ge#gf) body .site-footer :is(h4,.footer-logo){color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf) body .site-footer a:hover{color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf) body .cookie-banner{background:var(--g-ink)!important;color:var(--g-bg)!important;border-radius:16px!important;border:0!important} html:not(#ga#gb#gc#gd#ge#gf) body .cookie-banner :is(p,span,strong,b,h3,h4){color:var(--g-bg)!important} html:not(#ga#gb#gc#gd#ge#gf) body .cookie-banner button{background:transparent!important;color:var(--g-bg)!important;border:1px solid color-mix(in srgb,var(--g-bg) 30%,transparent)!important;border-radius:999px!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .cookie-banner button:last-child{background:var(--g-bg)!important;color:var(--g-ink)!important;border-color:var(--g-bg)!important} html:not(#ga#gb#gc#gd#ge#gf) body .cookie-banner a{color:var(--g-bg)!important} /* ================= TEMNI NAČIN: skupne površine ================= */ html:not(#ga#gb#gc#gd#ge#gf)[data-gtheme=dark] body :is(#page-list,#page-add,#page-home,.list-body,.add-wrap){background:transparent!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf)[data-gtheme=dark] body :is(.modal,.modal-box,.settings-panel,.accessibility-panel){background:var(--g-surface)!important;color:var(--g-ink)!important;border-color:var(--g-line)!important} /* ================= ODZIVNOST ================= */ @media (max-width:1020px){ html:not(#ga#gb#gc#gd#ge#gf) body #home-scroll-video .home-hero-inner{grid-template-columns:1fr;padding-top:60px!important} .g-art{grid-column:1;grid-row:auto} html:not(#ga#gb#gc#gd#ge#gf) body .portal-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} html:not(#ga#gb#gc#gd#ge#gf) body .hsb-row{grid-template-columns:1fr 1fr!important} html:not(#ga#gb#gc#gd#ge#gf) body .body-type-grid{grid-template-columns:1fr!important} html:not(#ga#gb#gc#gd#ge#gf) body .nav-install-btn{display:none!important} } @media (max-width:600px){ html:not(#ga#gb#gc#gd#ge#gf) body #main-nav{gap:12px} html:not(#ga#gb#gc#gd#ge#gf) body #nav-user-area{display:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .portal-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} html:not(#ga#gb#gc#gd#ge#gf) body .hsb-row{grid-template-columns:1fr!important} html:not(#ga#gb#gc#gd#ge#gf) body .nav-accessibility-btn{display:none!important} } @media (max-width:480px){html:not(#ga#gb#gc#gd#ge#gf) body .nav-post-btn{font-size:0!important;width:42px;padding:0!important;justify-content:center}html:not(#ga#gb#gc#gd#ge#gf) body .nav-post-btn::before{content:"+";font-size:20px}} html:not(#ga#gb#gc#gd#ge#gf) body .bt-card>:is(b,.bt-hint){justify-self:start!important;text-align:left!important;width:auto!important} html:not(#ga#gb#gc#gd#ge#gf) body .filter-smart-search{padding:12px!important;overflow:hidden}html:not(#ga#gb#gc#gd#ge#gf) body .ai-search-wrap{display:flex!important;gap:6px;min-width:0}html:not(#ga#gb#gc#gd#ge#gf) body .ai-search-wrap .ai-search{flex:1 1 auto;min-width:0!important;width:auto!important}html:not(#ga#gb#gc#gd#ge#gf) body .ai-search-btn{flex:none;padding:0 14px!important} /* pasica s piškotki: vedno temna, berljiva v obeh načinih */ html:not(#ga#gb#gc#gd#ge#gf) body .cookie-banner{background:#111!important;color:#fff!important;border:1px solid #2a2a2a!important} html:not(#ga#gb#gc#gd#ge#gf) body .cookie-banner :is(p,span,strong,b,h3,h4,a){color:#fff!important} html:not(#ga#gb#gc#gd#ge#gf) body .cookie-banner button{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important} html:not(#ga#gb#gc#gd#ge#gf) body .cookie-banner button:last-child{background:#fff!important;color:#111!important;border-color:#fff!important} html:not(#ga#gb#gc#gd#ge#gf) body .g-art :is(.g-gn,.g-gv){color:var(--g-ink)!important}html:not(#ga#gb#gc#gd#ge#gf) body .g-art :is(.g-gs,small){color:var(--g-mu)!important} /* ===== 30.9. Grafit: spodnji razdelki domace strani (zemljevid, koraki, poskodbe, zakaj, CTA, noga) ===== */ html:not(#ga#gb#gc#gd#ge#gf) body .region-wrap{background:var(--g-surface)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .region-map{color:var(--g-ink)!important;background:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .region-map .rm-roads{stroke:var(--g-line)!important;color:var(--g-line)!important} html:not(#ga#gb#gc#gd#ge#gf) body .region-map .rm-roads-dash{stroke:var(--g-mu)!important;color:var(--g-mu)!important;opacity:.6} html:not(#ga#gb#gc#gd#ge#gf) body .region-map .rm-pin circle{fill:var(--g-surface)!important;stroke:var(--g-ink)!important;stroke-width:2!important} html:not(#ga#gb#gc#gd#ge#gf) body .region-map .rm-pin .rm-dot{fill:var(--g-acc)!important;stroke:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .region-map .rm-pin text{fill:var(--g-ink)!important;font-family:var(--g-font)!important;font-weight:600!important} html:not(#ga#gb#gc#gd#ge#gf) body .region-map .rm-pin:hover circle{stroke:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf) body .region-note{color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf) body .region-chips button{background:var(--g-surface)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:999px!important;box-shadow:none!important;font-family:var(--g-font)!important;transition:background .25s var(--g-ease),color .25s,border-color .25s} html:not(#ga#gb#gc#gd#ge#gf) body .region-chips button:hover{background:var(--g-acc)!important;color:var(--g-acc-ink)!important;border-color:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf) body .how-card{background:var(--g-surface)!important;background-image:none!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:none!important;transition:transform .3s var(--g-ease),box-shadow .3s} html:not(#ga#gb#gc#gd#ge#gf) body .how-card:hover{transform:translateY(-3px);box-shadow:var(--g-shadow-h)!important} html:not(#ga#gb#gc#gd#ge#gf) body .how-art{background:var(--g-surface2)!important;background-image:none!important;color:var(--g-ink)!important;border-radius:var(--g-r-sm)!important} html:not(#ga#gb#gc#gd#ge#gf) body .how-art svg{stroke:var(--g-ink)!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf) body .how-art .hw-fill,html:not(#ga#gb#gc#gd#ge#gf) body .how-art .hw-fill-2{fill:var(--g-surface)!important;stroke:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf) body .how-art .hw-fill-accent{fill:var(--g-surface2)!important;stroke:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf) body .how-art .hw-accent{stroke:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf) body .how-art .hw-mute{stroke:var(--g-mu)!important;opacity:.6} html:not(#ga#gb#gc#gd#ge#gf) body .how-art .hw-solid{fill:var(--g-ink)!important;stroke:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf) body .how-art .hw-hole,html:not(#ga#gb#gc#gd#ge#gf) body .how-art .hw-hole2{fill:var(--g-surface)!important;stroke:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .how-step{background:var(--g-acc)!important;color:var(--g-acc-ink)!important;border:0!important;box-shadow:none!important;font-weight:700!important} html:not(#ga#gb#gc#gd#ge#gf) body .how-card h3,html:not(#ga#gb#gc#gd#ge#gf) body .why-card h3{color:var(--g-ink)!important;font-family:var(--g-font)!important;font-weight:600!important;letter-spacing:-.02em} html:not(#ga#gb#gc#gd#ge#gf) body .how-card p,html:not(#ga#gb#gc#gd#ge#gf) body .why-card p{color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf) body .damage-section{background:var(--g-bg)!important;background-image:none!important;border-top:1px solid var(--g-line)!important} html:not(#ga#gb#gc#gd#ge#gf) body .damage-art{background:var(--g-surface)!important;background-image:none!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .damage-art .dm-shadow{fill:var(--g-line)!important} html:not(#ga#gb#gc#gd#ge#gf) body .damage-art .dm-wheels rect,html:not(#ga#gb#gc#gd#ge#gf) body .damage-art .dm-mirror{fill:var(--g-mu)!important;stroke:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .damage-art .dm-body{fill:var(--g-surface2)!important;stroke:var(--g-ink)!important;stroke-width:2.5!important} html:not(#ga#gb#gc#gd#ge#gf) body .damage-art .dm-roof,html:not(#ga#gb#gc#gd#ge#gf) body .damage-art .dm-glass{fill:var(--g-surface)!important;stroke:var(--g-ink)!important;stroke-width:1.5!important} html:not(#ga#gb#gc#gd#ge#gf) body .damage-art .dm-line{stroke:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf) body .damage-art .dmg-ring{fill:none!important;stroke:var(--g-needle)!important;stroke-width:2.5!important} html:not(#ga#gb#gc#gd#ge#gf) body .damage-art .dmg-core{fill:var(--g-needle)!important;stroke:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .damage-kicker{background:var(--g-surface2)!important;color:var(--g-mu)!important;border:0!important;border-radius:999px!important;font-weight:700!important;letter-spacing:.12em!important} html:not(#ga#gb#gc#gd#ge#gf) body .damage-text h2{color:var(--g-ink)!important;font-family:var(--g-font)!important;font-weight:600!important;letter-spacing:-.04em!important} html:not(#ga#gb#gc#gd#ge#gf) body .damage-text p,html:not(#ga#gb#gc#gd#ge#gf) body .damage-list span{color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf) body .damage-list b{color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf) body .damage-list i{background:var(--g-needle)!important;box-shadow:none!important;border:0!important} html:not(#ga#gb#gc#gd#ge#gf) body :is(.damage-cta,.cta-primary){height:46px;padding:0 22px!important;background:var(--g-acc)!important;background-image:none!important;color:var(--g-acc-ink)!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font-family:var(--g-font)!important;font-weight:700!important;transition:transform .25s var(--g-ease),filter .25s} html:not(#ga#gb#gc#gd#ge#gf) body :is(.damage-cta,.cta-primary):hover{transform:translateY(-1px);filter:brightness(1.1)} html:not(#ga#gb#gc#gd#ge#gf) body .cta-ghost{height:46px;padding:0 22px!important;background:var(--g-surface2)!important;background-image:none!important;color:var(--g-ink)!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font-family:var(--g-font)!important;font-weight:700!important} html:not(#ga#gb#gc#gd#ge#gf) body .why-card{background:var(--g-surface)!important;background-image:none!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:none!important;transition:transform .3s var(--g-ease),box-shadow .3s} html:not(#ga#gb#gc#gd#ge#gf) body .why-card::before,html:not(#ga#gb#gc#gd#ge#gf) body .why-card::after{display:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .why-card:hover{transform:translateY(-3px);box-shadow:var(--g-shadow-h)!important} html:not(#ga#gb#gc#gd#ge#gf) body .why-ico{background:var(--g-surface2)!important;color:var(--g-ink)!important;border:0!important;border-radius:var(--g-r-sm)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .home-cta{background:var(--g-surface)!important;background-image:none!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .home-cta-art{color:var(--g-ink)!important;background:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .home-cta-raster{filter:grayscale(1) contrast(1.1)} html:not(#ga#gb#gc#gd#ge#gf) body .home-cta-text h2{color:var(--g-ink)!important;font-family:var(--g-font)!important;font-weight:600!important;letter-spacing:-.03em!important} html:not(#ga#gb#gc#gd#ge#gf) body .home-cta-text p{color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf) body .home-cta-section{background:var(--g-bg)!important} html:not(#ga#gb#gc#gd#ge#gf) body .site-footer{background:var(--g-surface2)!important;background-image:none!important;border-top:1px solid var(--g-line)!important;color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf) body .site-footer :is(a,button){color:var(--g-ink)!important;background:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .site-footer :is(h4,h5,.footer-col-title){color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf) body .footer-brand em,html:not(#ga#gb#gc#gd#ge#gf) body .footer-brand span{color:var(--g-acc)!important} /* ===== 30.9. Domaca stran 1:1 kot Grafit: samo uvod z merilnikom, iskalnik, oblike vozil in noga ===== */ html:not(#ga#gb#gc#gd#ge#gf) body #page-home :is(#sec-regions,#sec-how,#sec-damage,#sec-why,.home-cta-section,#sec-recent){display:none!important} html:not(#ga#gb#gc#gd#ge#gf) body #page-home #sec-bodytypes{border-top:0!important;padding-bottom:96px!important} /* ================= ANIMACIJE 1:1 GRAFIT ================= */ /* preklop teme: čist krog brez prelivanja barv */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile#theme).g-vt, html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile#theme).g-vt *, html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile#theme).g-vt *::before, html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile#theme).g-vt *::after{transition:none!important} ::view-transition-group(root){animation-duration:.65s} ::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2} /* glava: vstop, pomanjšanje ob drsenju, vrstica napredka */ @keyframes gHdIn{from{opacity:0;transform:translateY(-100%)}} html:not(#ga#gb#gc#gd#ge#gf) body #main-nav{animation:gHdIn .8s var(--g-ease) backwards;transition:height .35s var(--g-ease),box-shadow .35s,background-color .35s!important} html:not(#ga#gb#gc#gd#ge#gf) body #main-nav.g-scrolled{height:60px!important;box-shadow:0 8px 30px rgba(0,0,0,.08)!important} .g-hprog{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--g-acc);transform-origin:0 50%;transform:scaleX(0);pointer-events:none} /* značka nad naslovom */ .g-live{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;margin-bottom:22px;border-radius:999px;background:var(--g-surface);border:1px solid var(--g-line);color:var(--g-ink);font-size:13px;font-weight:700;animation:gRise .9s var(--g-ease) .15s both} .g-live i{width:8px;height:8px;border-radius:50%;background:var(--g-ink)} /* števec na merilniku */ .g-rl{display:inline-flex;height:1.2em;line-height:1.2;overflow:hidden;vertical-align:-.2em;font-variant-numeric:tabular-nums} .g-dg{display:inline-block;height:1.2em;overflow:hidden}.g-dg>span{display:block;line-height:1.2;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.g-ds{display:inline-block;white-space:pre} .g-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0} .g-gv{display:inline-block} /* oblike vozil: črte za avtom ob prehodu z miško */ html:not(#ga#gb#gc#gd#ge#gf) body .bt-card .bt-media{position:relative!important;isolation:isolate;overflow:visible!important} html:not(#ga#gb#gc#gd#ge#gf) body .bt-card .bt-media::after{content:""!important;display:block!important;position:absolute!important;right:0;left:auto;top:34%;bottom:auto;width:40%;height:30%;z-index:-1;background:repeating-linear-gradient(180deg,var(--g-acc) 0 2px,transparent 2px 8px)!important;opacity:0;transform:translateX(24px);transition:opacity .4s,transform .5s var(--g-ease)!important;-webkit-mask-image:linear-gradient(90deg,#000,transparent);mask-image:linear-gradient(90deg,#000,transparent);border:0!important;border-radius:0!important;pointer-events:none} html:not(#ga#gb#gc#gd#ge#gf) body .bt-card:hover .bt-media::after,html:not(#ga#gb#gc#gd#ge#gf) body .bt-card:focus-visible .bt-media::after{opacity:.55;transform:none} html:not(#ga#gb#gc#gd#ge#gf) body .bt-card{cursor:pointer} /* razkrivanje ob drsenju (stopničasto, kot .rv v Grafitu) */ html:not(#ga#gb#gc#gd#ge#gf).has-reveal body :is(.reveal,.reveal-item){--g-rvd:calc(var(--i,0) * 70ms);opacity:0!important;translate:0 30px;transform:none!important;filter:none!important;transition:opacity .7s var(--g-ease) var(--g-rvd),translate .8s var(--g-ease) var(--g-rvd),box-shadow .35s,border-color .35s,background-color .35s!important} html:not(#ga#gb#gc#gd#ge#gf).has-reveal body :is(.reveal,.reveal-item).is-in{opacity:1!important;translate:none} @media (prefers-reduced-motion:reduce){html:not(#ga#gb#gc#gd#ge#gf).has-reveal body :is(.reveal,.reveal-item){opacity:1!important;translate:none;transition:none!important}} /* menjava strani: nežen vstop (kot [data-view] v Grafitu) */ @keyframes gVin{from{opacity:0;translate:0 16px}} html:not(#ga#gb#gc#gd#ge#gf) body :is(#page-home,#page-list,#page-add,#page-detail,#page-my,#page-inbox,#page-packages,#page-vin,#page-dealer,#page-profile){animation:gVin .55s var(--g-ease)} /* sijaj čez glavne gumbe */ html:not(#ga#gb#gc#gd#ge#gf) body :is(.nav-post-btn,.hsb-btn){position:relative;overflow:hidden;isolation:isolate} html:not(#ga#gb#gc#gd#ge#gf) body :is(.nav-post-btn,.hsb-btn)::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.42) 50%,transparent 65%);transform:translateX(-110%);pointer-events:none} html:not(#ga#gb#gc#gd#ge#gf) body :is(.nav-post-btn,.hsb-btn):hover::after{transform:translateX(110%);transition:transform .8s var(--g-ease)} html:not(#ga#gb#gc#gd#ge#gf) body :is(.nav-post-btn,.hsb-btn):active{transform:scale(.97)} @media (prefers-reduced-motion:reduce){html:not(#ga#gb#gc#gd#ge#gf) body #main-nav,.g-live,html:not(#ga#gb#gc#gd#ge#gf) body [id^="page-"]{animation:none!important}} html:not(#ga#gb#gc#gd#ge#gf) body .menu-backdrop{display:none!important} html:not(#ga#gb#gc#gd#ge#gf) body .g-art .g-gv,html:not(#ga#gb#gc#gd#ge#gf) body .g-art .g-gv *{color:var(--g-ink)!important;opacity:1!important}html:not(#ga#gb#gc#gd#ge#gf) body .g-live,html:not(#ga#gb#gc#gd#ge#gf) body .g-live span{color:var(--g-ink)!important;opacity:1!important} /* ================= MENI: popravek (vrstice se ne stiskajo, velikost kot Grafit) ================= */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body .mobile-menu{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body .mobile-menu>*{flex:0 0 auto!important;max-width:760px} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body .mobile-menu>:is(a,button){min-height:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:14px 0!important;font-size:clamp(28px,3.6vw,46px)!important;line-height:1.05!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body .mobile-menu>:is(a,button)[data-g-desc]::after{margin-top:4px} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body .mobile-menu>a.g-mn-post{display:inline-flex!important;align-items:center;align-self:flex-start;height:48px!important;padding:0 22px!important;font-size:15px!important;line-height:1!important;margin-top:24px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body .mobile-menu>a.g-mn-post::after{content:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body .mobile-menu>#mobile-install-btn{display:inline-flex!important;align-self:flex-start;font-size:15px!important;padding:14px 22px!important} /* ================= OBJAVA OGLASA (Grafit: .start, .steps, .pub-form, .drop, .pnav) ================= */ @keyframes gStepIn{from{opacity:0;transform:translateX(24px)}} @keyframes gPop{40%{transform:scale(1.35)}70%{transform:scale(.9)}} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add{background:var(--g-bg)!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .add-wrap{max-width:1300px!important;margin:0 auto!important;padding:34px clamp(16px,3vw,32px) 64px!important;background:none!important;border:0!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add :is(h1,h2,h3,h4,b,strong,legend){color:inherit} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add :is(.add-title,#publish-start h2,.form-section-title,.final-review-head h3,.technical-summary-head h3){font-family:var(--g-font)!important;font-weight:600!important;letter-spacing:-.05em!important;color:var(--g-ink)!important} /* začetek: kako želiš začeti */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add #publish-start{display:grid;gap:10px;max-width:none!important;margin:0 0 18px!important;padding:20px!important;text-align:left!important;background:var(--g-surface)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:none!important;animation:gRise .6s var(--g-ease) both} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-start-kicker{font-size:12px!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add #publish-start h2{margin:0!important;font-size:clamp(26px,2.6vw,34px)!important;line-height:1.05!important;text-align:left!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add :is(.publish-start-lead,.publish-document-note){margin:0!important;color:var(--g-mu)!important;text-align:left!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-start-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;max-width:none!important;margin:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-start-options>button{display:grid!important;justify-items:start;align-content:start;gap:4px!important;min-height:0!important;padding:16px!important;text-align:left!important;background:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-sm)!important;box-shadow:none!important;cursor:pointer;transition:transform .25s var(--g-ease),border-color .25s,box-shadow .25s!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-start-options>button:hover{transform:translateY(-2px);border-color:var(--g-acc)!important;box-shadow:0 0 0 2px var(--g-acc) inset!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-start-options>button>i{display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-start-options>button b{font-size:17px!important;font-weight:700!important;color:var(--g-ink)!important;margin:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-start-options>button span{font-size:14px!important;color:var(--g-mu)!important;margin:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-start-options>button strong{margin-top:10px!important;font-size:14px!important;color:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add #publish-resume{justify-self:start;background:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:999px!important;padding:10px 18px!important;box-shadow:none!important} /* glava in kakovost */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .add-header{padding:0 0 14px!important;margin:0!important;background:none!important;border:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .add-title{margin:0 0 6px!important;font-size:clamp(36px,4.6vw,60px)!important;line-height:1!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .add-subtitle{margin:0!important;color:var(--g-mu)!important;font-size:16px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .ad-quality-box{padding:14px 16px!important;margin:0 0 14px!important;background:var(--g-surface)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:none!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .ad-quality-box :is(span,strong){color:var(--g-ink)!important}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .ad-quality-box small{color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .adq-bar{height:6px!important;border-radius:6px!important;background:var(--g-surface2)!important;overflow:hidden} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .adq-bar i{background:var(--g-acc)!important;border-radius:6px;transition:width .7s var(--g-ease)!important} /* koraki */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-step-label{font-size:14px!important;font-weight:700!important;color:var(--g-mu)!important;letter-spacing:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-progress{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important;margin:8px 0 18px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-progress button{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start!important;gap:8px!important;min-height:0!important;padding:10px!important;text-align:left;background:var(--g-surface)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-sm)!important;box-shadow:none!important;transition:border-color .3s,box-shadow .3s!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-progress button::after{content:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-progress button span{width:26px!important;height:26px!important;flex:none!important;display:grid!important;place-items:center;border:0!important;border-radius:50%!important;background:var(--g-surface2)!important;color:var(--g-ink)!important;font-weight:800!important;font-size:13px!important;transition:background-color .3s,color .3s!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-progress button b{display:block!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-progress button.on{border-color:var(--g-acc)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--g-acc) 18%,transparent)!important;background:var(--g-surface)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-progress button.on span{background:var(--g-acc)!important;color:var(--g-acc-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-progress button.done:not(.on) span{background:var(--g-ink)!important;color:var(--g-bg)!important;animation:gPop .45s var(--g-ease)} /* obrazec: bela kartica, korak drsi noter */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .add-form-columns{display:block!important;background:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .add-form-column{background:none!important;border:0!important;box-shadow:none!important;padding:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .form-section:not([hidden]){display:grid;gap:14px;margin:0 0 14px!important;padding:22px!important;background:var(--g-surface)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:none!important;animation:gStepIn .5s var(--g-ease)} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .form-section-title{display:flex!important;align-items:center;gap:10px;margin:0 0 4px!important;padding:0!important;border:0!important;font-size:24px!important;line-height:1.1!important;text-transform:none!important;background:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .form-section-title::before,html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .form-section-title::after{display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add :is(.publish-subsection-title,.category-specs-title,.listing-options-title,.listing-option-heading,.ai-panel-title,.eq-cat-title){font-family:var(--g-font)!important;font-weight:700!important;color:var(--g-ink)!important;letter-spacing:-.02em!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .fg>label,html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .first-registration-month-label{display:flex;align-items:center;gap:6px;margin-bottom:5px!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .frow{gap:12px 16px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){min-height:44px;padding:10px 12px!important;background:var(--g-surface2)!important;background-image:none!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-sm)!important;box-shadow:none!important;font:500 15px var(--g-font)!important;transition:border-color .2s,box-shadow .2s!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add select{-webkit-appearance:auto;appearance:auto} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add textarea{min-height:110px} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add :is(input,select,textarea):focus{border-color:var(--g-acc)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--g-acc) 18%,transparent)!important;outline:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add :is(input,textarea)::placeholder{color:var(--g-mu)!important;opacity:.85} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add input:is([type=checkbox],[type=radio]){accent-color:var(--g-acc)} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .field-help{width:20px!important;height:20px!important;min-width:0!important;padding:0!important;display:inline-grid!important;place-items:center;border-radius:50%!important;border:1px solid var(--g-line)!important;background:var(--g-surface2)!important;color:var(--g-ink)!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important;text-transform:none;letter-spacing:0} /* fotografije: okvir za povlečenje */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .upload-zone{display:grid!important;justify-items:center;gap:6px;padding:26px!important;text-align:center;background:var(--g-surface2)!important;border:2px dashed var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:none!important;transition:border-color .3s,background-color .3s!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .upload-zone:hover,html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .upload-zone.drag{border-color:var(--g-acc)!important;background:color-mix(in srgb,var(--g-acc) 6%,var(--g-surface2))!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .upload-text{font:600 22px/1.1 var(--g-font)!important;letter-spacing:-.04em!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add :is(.upload-sub,.publish-drop-hint){color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-drop-actions{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px!important;margin:10px 0 4px!important} /* gumbi (Grafit .btn / .b1 / .b2) */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add :is(.publish-drop-actions button,.publish-step-actions button,.publish-secondary-actions button,.final-review-actions button,.recognition-secondary,.recognize-vehicle-btn,.btn-ai,.equip-custom-btn,.damage-open-btn,.avtolog-upload-button,.history-current-vin-cta,.submit-btn,#publish-prev,#publish-next){display:inline-flex!important;align-items:center;justify-content:center;gap:6px;height:auto!important;min-height:44px!important;padding:0 22px!important;background:var(--g-surface2)!important;background-image:none!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:999px!important;box-shadow:none!important;font:700 15px var(--g-font)!important;letter-spacing:0!important;text-shadow:none!important;cursor:pointer;transition:transform .25s var(--g-ease),filter .25s,background-color .25s!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add :is(.publish-drop-actions button:first-child,#publish-next,.primary,.submit-btn,.btn-ai,.recognize-vehicle-btn){position:relative;overflow:hidden;isolation:isolate;background:var(--g-acc)!important;color:var(--g-acc-ink)!important;border-color:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add :is(.publish-drop-actions button:first-child,#publish-next,.submit-btn,.btn-ai)::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.42) 50%,transparent 65%);transform:translateX(-110%);pointer-events:none} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add :is(.publish-drop-actions button:first-child,#publish-next,.submit-btn,.btn-ai):hover::after{transform:translateX(110%);transition:transform .8s var(--g-ease)} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add button:not(:disabled):hover{transform:translateY(-1px)} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add button:not(:disabled):active{transform:scale(.97)} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add button:disabled{opacity:.45!important;cursor:default;transform:none!important} /* spodnja navigacija (Grafit .pnav) */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-step-controls{display:flex!important;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 0!important;padding:16px 0 0!important;background:none!important;border:0!important;border-top:1px solid var(--g-line)!important;box-shadow:none!important;position:static!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add :is(.publish-step-actions,.publish-secondary-actions,.final-review-actions){display:flex!important;flex-wrap:wrap;gap:8px!important;background:none!important;border:0!important;box-shadow:none!important} /* notranje plošče: mirne, Grafit sive */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add :is(.vehicle-type-panel,.history-provider-panel,.technical-summary-card,.damage-editor-card,.listing-option-panel,.ai-panel,.final-review-panel,.maintenance-questions,.equipment-vision-panel,.eq-suggest-panel,.publish-vin-entry,.generation-resolution,.technical-consistency-warning,.publish-validation-summary,.listing-options,.registration-ocr-live,.eq-cat,.history-provider-item){background:var(--g-surface2)!important;background-image:none!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-sm)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add :is(.vehicle-type-panel,.history-provider-panel,.technical-summary-card,.damage-editor-card,.listing-option-panel,.ai-panel,.final-review-panel,.maintenance-questions,.listing-options) :is(p,small,span:not(.eq-add)){color:inherit} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add :is(.eq-add,.listing-inline-check,.vehicle-type-results button,.maintenance-question-grid button){background:var(--g-surface)!important;background-image:none!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:999px!important;box-shadow:none!important;transition:border-color .2s,background-color .2s,color .2s!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add :is(.eq-add,.vehicle-type-results button,.maintenance-question-grid button):is(.on,.active,.selected,[aria-pressed=true]){background:var(--g-acc)!important;color:var(--g-acc-ink)!important;border-color:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .history-provider-item.recommended{border-color:var(--g-acc)!important;box-shadow:0 0 0 2px var(--g-acc) inset!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .img-previews{gap:10px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .img-previews>*{border-radius:var(--g-r-sm)!important;overflow:hidden;animation:gRise .5s var(--g-ease) both} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add #publish-save-state{color:var(--g-mu)!important;font-size:13px} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add a{color:var(--g-acc)} @media (max-width:900px){html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-progress{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media (max-width:600px){html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-progress{grid-template-columns:repeat(2,minmax(0,1fr))!important}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .publish-start-options{grid-template-columns:1fr!important}} @media (prefers-reduced-motion:reduce){html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add *{animation:none!important}} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add [hidden],html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu [hidden]{display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu a[href="/paketi.html"]{display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .add-form-columns{border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi) body #page-add .add-form-columns>*{max-width:none!important} /* ================= OBLIKE VOZIL 1:1 GRAFIT (.S-list .shp) ================= */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 24px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card{position:relative!important;display:grid!important;grid-template-columns:130px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:16px!important;row-gap:2px!important;align-items:center!important;min-height:0!important;height:auto!important;padding:14px!important;margin:0!important;overflow:hidden!important;text-align:left!important;background:none!important;background-image:none!important;border:0!important;border-bottom:1px solid var(--g-line)!important;border-radius:0!important;box-shadow:none!important;transform:none!important;cursor:pointer;transition:opacity .7s var(--g-ease) var(--g-rvd,0s),translate .8s var(--g-ease) var(--g-rvd,0s),border-color .35s,background-color .35s!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card:hover{transform:none!important;box-shadow:none!important;background:none!important;border-bottom-color:color-mix(in srgb,var(--g-acc) 45%,var(--g-line))!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card .bt-media{position:relative!important;isolation:isolate!important;grid-row:span 2!important;grid-column:1!important;display:block!important;width:130px!important;height:auto!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card .bt-media>:is(img,svg){display:block!important;width:100%!important;height:56px!important;max-width:none!important;object-fit:contain!important;margin:0!important;filter:none!important;transform:none!important;transition:transform .7s var(--g-ease)!important;animation:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card:hover .bt-media>:is(img,svg){transform:translateX(-10px)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card .bt-media::before{display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card .bt-media::after{content:""!important;display:block!important;position:absolute!important;left:auto!important;right:0!important;top:34%!important;bottom:auto!important;width:40%!important;height:30%!important;z-index:-1!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:repeating-linear-gradient(180deg,var(--g-acc) 0 2px,transparent 2px 8px)!important;opacity:0!important;transform:translateX(24px)!important;transition:opacity .4s,transform .5s var(--g-ease)!important;-webkit-mask-image:linear-gradient(90deg,#000,transparent)!important;mask-image:linear-gradient(90deg,#000,transparent)!important;pointer-events:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card:is(:hover,:focus-visible) .bt-media::after{opacity:.55!important;transform:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card>b{grid-column:2!important;align-self:end!important;justify-self:start!important;margin:0!important;font:600 18px/1.15 var(--g-font)!important;letter-spacing:-.05em!important;color:var(--g-ink)!important;text-align:left!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card .bt-hint{grid-column:2!important;align-self:start!important;justify-self:start!important;margin:0!important;font:400 12.5px/1.3 var(--g-font)!important;color:var(--g-mu)!important;text-align:left!important} @media (max-width:600px){html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid{grid-template-columns:1fr!important}} /* ================= MENI: animacije 1:1 Grafit (.mnav) ================= */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu>:is(a,button){opacity:0!important;transform:translateY(26px)!important;transition:opacity .5s,transform .7s var(--g-ease),color .25s,translate .35s var(--g-ease)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu.show>:is(a,button){opacity:1!important;transform:none!important;transition:opacity .5s calc(.18s + var(--i,0) * .07s),transform .7s var(--g-ease) calc(.18s + var(--i,0) * .07s),color .25s,translate .35s var(--g-ease)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu .g-mn-car{position:fixed!important;right:0!important;bottom:0!important;left:auto!important;top:auto!important;z-index:2!important;width:min(440px,70vw)!important;max-width:none!important;height:auto!important;opacity:1!important;animation:none!important;transform:translateX(130%)!important;transition:transform 1.2s var(--g-ease) .25s!important;pointer-events:none!important;filter:drop-shadow(0 18px 14px rgba(0,0,0,.25))!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu.show .g-mn-car{transform:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu,html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu>*,html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu.show,html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu.show>*{animation:none!important} /* ================= UVOD: časi 1:1 Grafit (.live .15s, .l1 .25s, .l2 .38s, .lead .52s, .art .45s, .finder .65s) ================= */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #home-scroll-video :is(.home-hero-text,.home-hero-top,.home-hero-inner){animation:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #home-scroll-video .g-live{animation:gRise .9s var(--g-ease) .15s both!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #home-scroll-video .home-hero-title{animation:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #home-scroll-video .home-hero-title{display:block} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #home-scroll-video .home-hero-title>.g-l1{display:block;animation:gRise .9s var(--g-ease) .25s both!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #home-scroll-video .home-hero-title em{display:block;animation:gRise .9s var(--g-ease) .38s both!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #home-scroll-video .home-hero-sub{animation:gRise .9s var(--g-ease) .52s both!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #home-scroll-video .g-art{animation:gArt 1.1s var(--g-ease) .45s both!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #home-scroll-video .home-search-box{animation:gRise .9s var(--g-ease) .65s both!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .portal-cat-art{animation:none!important;opacity:1!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .portal-category.on .portal-cat-art{animation:gHop .55s var(--g-ease)!important} /* glava: vrstni red kot Grafit (paleta, tema, dostopnost, Prijava, Objavi oglas, meni) */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #main-nav .nav-right>.g-tools{order:1} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #main-nav .nav-right>.nav-accessibility-btn{order:2} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #main-nav .nav-right>#nav-user-area{order:3} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #main-nav .nav-right>.nav-post-btn{order:4} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #main-nav .nav-right>.message-notification-status{order:0} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #main-nav .nav-right>.nav-install-btn{display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #main-nav .nav-right>.accessibility-panel{order:9} @media (prefers-reduced-motion:reduce){html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #home-scroll-video *{animation:none!important}} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #main-nav .mobile-menu-btn{margin-left:-22px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #main-nav .g-ib{color:var(--g-ink)!important;opacity:1!important} /* ================= BARVE APLIKACIJE = GRAFIT (svetlo in temno) ================= */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk){--ink:var(--g-ink)!important;--ink-60:var(--g-mu)!important;--ink-40:color-mix(in srgb,var(--g-mu) 75%,var(--g-bg))!important;--ink-20:var(--g-line)!important;--surface:var(--g-surface2)!important;--surface-2:var(--g-surface2)!important;--card:var(--g-surface)!important;--border:var(--g-line)!important;--border-2:color-mix(in srgb,var(--g-line) 80%,var(--g-ink))!important;--accent:var(--g-acc)!important;--accent-dark:var(--g-acc)!important;--accent-light:color-mix(in srgb,var(--g-acc) 10%,var(--g-surface))!important;--accent-mid:var(--g-mu)!important;--accent2:var(--g-acc)!important;--accent2-dark:var(--g-acc)!important;--accent2-light:color-mix(in srgb,var(--g-acc) 10%,var(--g-surface))!important;--green:var(--g-acc)!important;--green-bg:var(--g-surface2)!important;--grad-card:var(--g-surface)!important;--grad-surface:var(--g-surface2)!important;--grad-nav:var(--g-bg)!important;--grad-accent:var(--g-acc)!important;--grad-accent2:var(--g-acc)!important;--grad-hero:var(--g-bg)!important;--color-primary-bg:var(--g-acc)!important;--color-primary-text:var(--g-acc-ink)!important;--color-secondary-bg:var(--g-surface2)!important;--color-secondary-text:var(--g-ink)!important;--color-muted-text:var(--g-mu)!important;--color-border:var(--g-line)!important;--color-button-bg:var(--g-acc)!important;--color-button-text:var(--g-acc-ink)!important;--color-button-hover-bg:var(--g-acc)!important;--color-button-hover-text:var(--g-acc-ink)!important} /* ================= OBJAVA: postavitev 1:1 Grafit (.pub-body: obrazec + stranski predogled) ================= */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .add-form-column{display:block!important;position:relative} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .add-form-column::after{content:"";display:table;clear:both} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .g-pub-side{float:right;width:320px;margin:0 0 22px 22px;display:grid;gap:14px} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add #publish-progress[hidden]~.g-pub-side{display:none!important} /* en sam bel okvir za korak (kot .pub-form), naslov z okroglo številko (kot legend) */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .form-section:not([hidden]){margin:0!important;padding:8px 22px 14px!important;border:1px solid var(--g-line)!important;border-top:0!important;border-bottom:0!important;border-radius:0!important;background:var(--g-surface)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .form-section:not([hidden]):not(.form-section:not([hidden])~.form-section){padding-top:22px!important;border-top:1px solid var(--g-line)!important;border-radius:var(--g-r) var(--g-r) 0 0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .form-section:not([hidden]):not(.form-section:not([hidden])~.form-section) .form-section-title::before{content:var(--g-step,"1");display:grid!important;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--g-acc);color:var(--g-acc-ink);font:600 16px var(--g-font);letter-spacing:0} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .publish-validation-summary:not([hidden]){margin:0!important;border-left:1px solid var(--g-line)!important;border-right:1px solid var(--g-line)!important;border-radius:0!important;padding:10px 22px!important;background:var(--g-surface)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .publish-step-controls{margin:0 0 22px!important;padding:16px 22px 22px!important;background:var(--g-surface)!important;border:1px solid var(--g-line)!important;border-top:0!important;border-radius:0 0 var(--g-r) var(--g-r)!important;box-shadow:inset 0 1px 0 var(--g-line)!important} /* fotografije: mreža sličic kot .upl */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .img-previews{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:4px 0 0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .img-preview{position:relative!important;aspect-ratio:1!important;width:auto!important;height:auto!important;margin:0!important;overflow:hidden!important;border:0!important;border-radius:var(--g-r-sm)!important;background:var(--g-surface2)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .img-preview>img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;transition:transform .5s var(--g-ease)} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .img-preview:hover>img{transform:scale(1.05)} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .img-preview .main-img-badge{position:absolute!important;left:8px!important;bottom:8px!important;top:auto!important;right:auto!important;padding:3px 9px!important;border-radius:999px!important;background:var(--g-surface)!important;color:var(--g-ink)!important;font:700 11.5px var(--g-font)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .img-preview .img-del{position:absolute!important;top:8px!important;right:8px!important;left:auto!important;width:26px!important;height:26px!important;min-height:0!important;padding:0!important;display:grid!important;place-items:center;border:0!important;border-radius:50%!important;background:rgba(0,0,0,.6)!important;color:#fff!important;font-size:15px!important;line-height:1!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .img-preview :is(.img-damage-badge,.img-plate-edit,.img-quality-badge){border-radius:999px!important;background:var(--g-surface)!important;color:var(--g-ink)!important;border:0!important;font:700 11px var(--g-font)!important;min-height:0!important;padding:3px 8px!important;height:auto!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add #photo-privacy-tools:not([hidden]){display:flex!important;gap:8px;flex-wrap:wrap;margin-top:6px} /* stranski predogled (kot .pub-side .prev + .tips) */ .g-prev{display:grid;gap:6px;padding:14px;background:var(--g-surface);color:var(--g-ink);border:1px solid var(--g-line);border-radius:var(--g-r)} .g-prev.upd{animation:gFlash .7s var(--g-ease)}@keyframes gFlash{30%{box-shadow:0 0 0 3px var(--g-acc)}} .g-prev>small{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--g-mu)} .g-pimg{aspect-ratio:4/3;overflow:hidden;display:grid;place-items:center;border-radius:var(--g-r-sm);background:var(--g-surface2);color:var(--g-mu);font-size:13px;text-align:center;padding:0} .g-pimg img{width:100%;height:100%;object-fit:cover;display:block;animation:gRise .5s var(--g-ease)} .g-prev>b{font:600 20px/1.15 var(--g-font);letter-spacing:-.05em}.g-prev>span{color:var(--g-mu);font-size:13.5px}.g-prev>strong{font:600 24px var(--g-font);letter-spacing:-.05em;color:var(--g-acc)} .g-tips{display:grid;gap:8px;padding:16px;background:var(--g-surface2);color:var(--g-ink);border-radius:var(--g-r)} .g-tips b{font:600 17px var(--g-font);letter-spacing:-.04em}.g-tips ul{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--g-mu);font-size:14.5px;line-height:1.45} /* pregled in objava (okno na koncu) */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .final-review-panel{display:grid!important;gap:14px!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .final-review-head{display:flex!important;justify-content:space-between;align-items:end;gap:12px;padding:0!important;background:none!important;border:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .final-review-head span{display:block;font-size:12px!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .final-review-head h3{margin:4px 0 0!important;font:600 clamp(24px,2.4vw,32px)/1.05 var(--g-font)!important;letter-spacing:-.05em!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add #final-review-score{padding:6px 14px!important;border-radius:999px!important;background:var(--g-acc)!important;color:var(--g-acc-ink)!important;font:700 15px var(--g-font)!important;box-shadow:none!important;border:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .final-review-summary{display:grid!important;gap:2px;padding:14px 16px!important;background:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-sm)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .final-review-summary b{font:600 18px var(--g-font)!important;letter-spacing:-.04em;color:var(--g-ink)!important}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .final-review-summary span{color:var(--g-mu)!important;font-size:14px} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .final-review-improvements{display:grid!important;gap:10px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .final-review-improvements h3{margin:6px 0 0!important;font:600 22px var(--g-font)!important;letter-spacing:-.05em!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .final-review-improvements :is(p,small){margin:0!important;color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .review-fields-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 16px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .review-field-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end;gap:5px 8px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .review-field-card>label,html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add label.review-field-card{grid-column:1/-1;font-size:11.5px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--g-mu)!important;margin:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .review-field-card>:is(input,select){width:100%!important;min-width:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .review-field-card>button{min-height:44px!important;padding:0 18px!important;border-radius:999px!important;background:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;font:700 14px var(--g-font)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .review-field-card>button:hover{background:var(--g-acc)!important;color:var(--g-acc-ink)!important;border-color:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add #publish-inline-preview{padding:14px!important;background:var(--g-surface)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add #publish-inline-preview *{border-color:var(--g-line)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .final-review-actions{padding-top:4px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .submit-btn:not([hidden]){display:flex!important;width:100%!important;max-width:none!important;height:52px!important;margin:0 0 22px!important;font-size:16px!important} @media (max-width:980px){html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .g-pub-side{float:none;width:auto;margin:0 0 14px}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .img-previews{grid-template-columns:repeat(3,minmax(0,1fr))!important}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .review-fields-grid{grid-template-columns:1fr!important}} /* objava: AI obvestilo, predogled osnutka, izbira fotografij */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #listing-ai-status{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px!important;margin:0 0 14px!important;background:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-sm)!important;font-size:14px;animation:gRise .5s var(--g-ease) both} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #listing-ai-status button{min-height:34px!important;padding:0 14px!important;border-radius:999px!important;background:var(--g-acc)!important;color:var(--g-acc-ink)!important;border:0!important;font:700 13px var(--g-font)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add #publish-inline-preview{padding:0!important;overflow:hidden} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .draft-preview{background:var(--g-surface)!important;color:var(--g-ink)!important;border:0!important;border-radius:0!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .draft-preview :is(h1,h2,h3,h4,b,strong,li,p,span,div){color:inherit} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .draft-preview :is(small,.muted){color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add :is(.draft-preview-empty,.draft-preview-facts,.draft-preview-contact){background:var(--g-surface2)!important;color:var(--g-ink)!important;border:0!important;border-radius:var(--g-r-sm)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .draft-preview-empty{color:var(--g-mu)!important;border-radius:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .draft-preview img{border-radius:0} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .review-photo-card{display:grid!important;gap:6px} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add input[type=file]{width:100%;padding:8px!important;background:var(--g-surface2)!important;color:var(--g-mu)!important;border:1px dashed var(--g-line)!important;border-radius:var(--g-r-sm)!important;font:500 14px var(--g-font)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add input[type=file]::file-selector-button{margin-right:10px;padding:8px 16px;border:0;border-radius:999px;background:var(--g-acc);color:var(--g-acc-ink);font:700 13px var(--g-font);cursor:pointer} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add details>summary{cursor:pointer;font-weight:700;color:var(--g-ink)} /* obvestilo za namestitev + kartica fotografij v pregledu */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #install-banner{background:var(--g-surface)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:0 20px 50px rgba(0,0,0,.18)!important;font-family:var(--g-font)!important;animation:gRise .6s var(--g-ease) both} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #install-banner b{color:var(--g-ink)!important;font-weight:700!important}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #install-banner span:not(.ib-ic){color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #install-banner .ib-install{background:var(--g-acc)!important;color:var(--g-acc-ink)!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font-weight:700!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #install-banner button:not(.ib-install){background:none!important;color:var(--g-mu)!important;border:0!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .review-fields-grid>.review-photo-card{grid-column:1/-1!important;grid-template-columns:1fr!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .review-fields-grid>.review-photo-card input{text-transform:none;letter-spacing:0} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .site-footer :is(h3,h4,h5,h6,strong,.footer-title,.footer-col-title,.footer-heading){color:var(--g-mu)!important;opacity:1!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .site-footer :is(p,small,.footer-tagline,.footer-desc,.footer-brand p,.footer-copy){color:var(--g-mu)!important;opacity:1!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .site-footer a{color:var(--g-ink)!important;opacity:1!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .site-footer .footer-col h2{color:var(--g-mu)!important;opacity:1!important;font:700 12px var(--g-font)!important;letter-spacing:.14em!important;text-transform:uppercase} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .site-footer .footer-bottom span{color:var(--g-mu)!important;opacity:1!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .site-footer .footer-col button{color:var(--g-ink)!important;opacity:1!important;background:none!important;border:0!important;padding:0!important;font:inherit!important;text-decoration:none!important} /* ================= MERE 1:1 GRAFIT (izmerjeno pri 1440 px) ================= */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body{font-size:15px!important;line-height:1.55!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #main-nav .nav-post-btn{font:700 15px/1 var(--g-font)!important;padding:0 18px 0 14px!important;height:42px!important;gap:6px} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #main-nav #nav-user-area :is(.nav-link,button,a){font:600 15px/1.55 var(--g-font)!important;padding:8px 12px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #home-scroll-video .g-live{padding:6px 14px 6px 10px!important;font-size:13px!important;line-height:1.55!important;margin-bottom:22px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #home-scroll-video .home-hero-inner{grid-template-columns:minmax(0,503fr) minmax(0,681fr)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #home-scroll-video .home-search-box{margin-top:88px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .portal-category{gap:4px!important;min-height:77px!important;height:77px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .hsb-field{gap:5px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .hsb-field label{line-height:1.55!important;margin:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body :is(.hsb-select,.hsb-input){height:43px!important;min-height:43px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .hsb-btn{height:46px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #sec-bodytypes{padding-top:70px!important;padding-bottom:80px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #sec-bodytypes .home-section-head{margin-bottom:26px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card .bt-media{max-width:none!important;min-width:130px!important;flex:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card>b{line-height:1.55!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card .bt-hint{line-height:1.55!important} /* noga: kot .ft */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .site-footer{padding:44px 0 26px!important;font-size:14px!important;line-height:1.55!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .site-footer .footer-inner{display:grid!important;grid-template-columns:1.4fr repeat(3,1fr)!important;gap:24px!important;max-width:1236px!important;margin:0 auto!important;padding:0 clamp(16px,3vw,32px)!important;box-sizing:content-box} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .site-footer .footer-col h2{margin:0 0 10px!important;line-height:1.55!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .site-footer .footer-col :is(a,button){display:block!important;padding:3px 0!important;transition:color .2s,transform .25s var(--g-ease)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .site-footer .footer-col :is(a,button):hover{transform:translateX(3px)} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .site-footer .footer-tagline{margin:10px 0 0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .site-footer .footer-bottom{display:flex!important;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:1236px!important;margin:28px auto 0!important;padding:16px clamp(16px,3vw,32px) 0!important;box-sizing:content-box;border-top:1px solid var(--g-line)!important;font-size:12.5px!important} /* ================= OGLASI 1:1 GRAFIT (.otop, .obody, .side, .card.c-list) ================= */ @keyframes gSideIn{from{opacity:0;transform:translateX(-24px)}} @keyframes gCardIn{from{opacity:0;transform:translateY(30px)}} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-page-wrap{max-width:1300px!important;margin:0 auto!important;padding:0 clamp(16px,3vw,32px)!important;box-sizing:border-box} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-topbar{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px!important;max-width:none!important;margin:0 0 18px!important;padding:18px 0!important;background:none!important;border:0!important;border-bottom:1px solid var(--g-line)!important;box-shadow:none!important;position:static!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-topbar-left{margin-right:auto} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-count{font:600 20px/1.55 var(--g-font)!important;letter-spacing:-.05em!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-topbar-right{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list :is(.list-search,.list-sort){height:45px!important;min-height:43px!important;padding:10px 12px!important;background:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-sm)!important;font:400 15px var(--g-font)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-search{min-width:230px!important;width:230px!important}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-sort{height:43px!important;width:auto!important;min-width:156px} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .only-deals-btn{height:43px!important;padding:9px 14px!important;background:var(--g-surface)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:999px!important;font:700 15px var(--g-font)!important;box-shadow:none!important;transition:background-color .25s,color .25s,transform .2s!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .only-deals-btn:active{transform:scale(.96)}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .only-deals-btn.on{background:var(--g-acc)!important;color:var(--g-acc-ink)!important;border-color:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .view-btns{display:inline-flex!important;gap:4px!important;background:none!important;border:0!important;padding:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .view-btns button{width:40px!important;height:40px!important;padding:0!important;font-size:16px!important;background:var(--g-surface)!important;color:var(--g-mu)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-sm)!important;box-shadow:none!important;transition:background-color .25s,color .25s!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .view-btns button.on{background:var(--g-ink)!important;color:var(--g-bg)!important;border-color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-body{display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;gap:24px!important;max-width:none!important;margin:0!important;padding:0 0 64px!important;background:none!important} /* filtri v beli kartici */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters{position:sticky!important;top:84px!important;align-self:start;display:grid!important;grid-template-columns:minmax(0,1fr);gap:8px!important;max-height:calc(100vh - 100px);overflow:auto;overflow-x:hidden;width:auto!important;margin:0!important;padding:14px!important;background:var(--g-surface)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:none!important;animation:gSideIn .7s var(--g-ease) .1s backwards} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters :is(select,input:not([type=checkbox]):not([type=radio]):not([type=range])){height:43px!important;min-height:43px!important;padding:10px 12px!important;background:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-sm)!important;font:400 15px var(--g-font)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters :is(select,input):focus{border-color:var(--g-acc)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--g-acc) 18%,transparent)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters label{font-size:11.5px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters summary{padding:10px 0!important;font:700 15px var(--g-font)!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters :is(h2,h3){font:600 20px/1.55 var(--g-font)!important;letter-spacing:-.05em!important;color:var(--g-ink)!important} /* kartica oglasa */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list #listing-container{display:grid!important;gap:14px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;min-height:250px;margin:0!important;padding:0!important;overflow:hidden!important;background:var(--g-surface)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:none!important;cursor:pointer;animation:gCardIn .65s var(--g-ease) backwards;transition:transform .4s var(--g-ease),box-shadow .4s,border-color .4s!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row:nth-child(2){animation-delay:70ms}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row:nth-child(3){animation-delay:140ms}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row:nth-child(4){animation-delay:210ms}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row:nth-child(5){animation-delay:280ms}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row:nth-child(6){animation-delay:350ms}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row:nth-child(7){animation-delay:420ms}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row:nth-child(n+8){animation-delay:490ms} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row:hover{transform:translateY(-4px)!important;box-shadow:0 20px 44px rgba(0,0,0,.12)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-img{position:relative!important;width:auto!important;height:100%!important;min-height:250px;margin:0!important;padding:0!important;overflow:hidden!important;background:var(--g-surface2)!important;border-radius:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .listing-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .listing-media>img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;transition:transform 1s var(--g-ease)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row:hover .listing-media>img{transform:scale(1.06)} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .listing-image-nav{width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.92)!important;color:#111!important;font-size:18px!important;box-shadow:none!important;opacity:0;transition:opacity .25s,transform .25s var(--g-ease)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-img:hover .listing-image-nav{opacity:1} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .listing-thumb-strip{display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row :is(.cr-fav,.cr-compare){position:absolute!important;right:8px!important;left:auto!important;bottom:auto!important;z-index:3;width:34px!important;height:34px!important;padding:0!important;display:grid!important;place-items:center;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.92)!important;color:#222!important;font-size:15px!important;box-shadow:none!important;transition:transform .25s var(--g-ease),background-color .25s!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-fav{top:8px!important}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-compare{top:48px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row :is(.cr-fav,.cr-compare):hover{transform:scale(1.1)} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row :is(.cr-fav,.cr-compare):is(.on,.active,.saved){background:var(--g-acc)!important;color:var(--g-acc-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-views{position:absolute!important;left:8px!important;bottom:8px!important;top:auto!important;z-index:2;padding:2px 8px!important;border-radius:999px!important;background:rgba(0,0,0,.62)!important;color:#fff!important;font:700 11px var(--g-font)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-body{display:grid!important;grid-template-columns:minmax(0,1fr);align-content:start;gap:10px!important;padding:16px 18px!important;margin:0!important;background:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-title{margin:0!important;font:600 22px/1.5 var(--g-font)!important;letter-spacing:-.05em!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-mid{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;align-items:start} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-spec-tbl{width:100%!important;border-collapse:collapse!important;font-size:13.5px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-spec-tbl tr{border-bottom:1px solid var(--g-line)!important;background:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-spec-tbl th,html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-spec-tbl td:first-child:not(:last-child){width:42%;padding:5px 10px 5px 0!important;text-align:left;font-weight:400!important;color:var(--g-mu)!important;background:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-spec-tbl td:last-child{padding:5px 0!important;font-weight:700!important;color:var(--g-ink)!important;background:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-price-box{background:none!important;border:0!important;padding:0!important;text-align:right} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-price-val{font:600 26px/1.2 var(--g-font)!important;letter-spacing:-.05em!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-footer{display:flex!important;justify-content:space-between;align-items:center;gap:12px;margin:0!important;padding:0!important;border:0!important;background:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .seller-info{display:flex!important;align-items:center;gap:8px;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;text-align:left} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .seller-av{width:30px!important;height:30px!important;display:grid!important;place-items:center;border-radius:50%!important;background:var(--g-surface2)!important;color:var(--g-ink)!important;font:800 11px var(--g-font)!important;border:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .seller-name{font:700 13px var(--g-font)!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .seller-loc{font:400 12px var(--g-font)!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-actions{display:flex!important;gap:6px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row :is(.btn-call,.btn-msg){height:36px!important;min-height:36px!important;padding:0 16px!important;border:0!important;border-radius:999px!important;font:700 15px var(--g-font)!important;box-shadow:none!important;transition:transform .25s var(--g-ease),filter .25s!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .btn-call{background:var(--g-acc)!important;color:var(--g-acc-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .btn-msg{background:var(--g-surface2)!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row :is(.btn-call,.btn-msg):hover{transform:translateY(-1px)} @media (max-width:900px){html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-body{grid-template-columns:1fr!important}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters{position:static!important;max-height:none;overflow:visible}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row{grid-template-columns:200px minmax(0,1fr)!important}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-mid{grid-template-columns:1fr!important}} @media (max-width:600px){html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row{grid-template-columns:1fr!important}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-img{min-height:220px;aspect-ratio:4/3}} @media (prefers-reduced-motion:reduce){html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list :is(.car-row,.list-filters){animation:none!important}} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row>*{min-width:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-img{display:block!important;width:100%!important;max-width:none!important;flex:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .car-row .cr-body{position:relative;z-index:1} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .filter-smart-search{display:grid!important;gap:8px!important;padding:14px!important;margin:0!important;background:var(--g-surface2)!important;border:0!important;border-radius:var(--g-r-sm)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .filter-smart-copy{display:grid!important;gap:6px} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .filter-smart-copy b{font:600 15px/1.55 var(--g-font)!important;letter-spacing:-.03em;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .filter-smart-copy span{font-size:13px!important;line-height:1.55!important;color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .ai-search-wrap{display:flex!important;gap:6px!important;align-items:stretch} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .ai-search-wrap .ai-search{flex:1 1 auto!important;width:auto!important;min-width:0!important;background:var(--g-surface)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .ai-search-btn{flex:none!important;height:45px!important;padding:0 14px!important;border:0!important;border-radius:999px!important;background:var(--g-acc)!important;color:var(--g-acc-ink)!important;font:700 15px var(--g-font)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card .bt-media>img[src*="body-kombi"]{transform:scale(1.6)!important;transform-origin:50% 55%} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card:hover .bt-media>img[src*="body-kombi"]{transform:translateX(-10px) scale(1.6)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card::before,html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card::after{display:none!important;content:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .site-footer .footer-col a[href="paketi.html"],html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .site-footer .footer-col a[href="/paketi.html"]{display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .hsb-btn{font:700 15px var(--g-font)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card{font-size:15px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #body-type-grid .bt-card .bt-media{height:56px!important;line-height:0!important;font-size:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .site-footer .footer-col{display:block!important;gap:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .site-footer .footer-col :is(a,button){font-size:14px!important;line-height:1.55!important;margin:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .site-footer .footer-bottom{box-sizing:border-box!important;width:calc(100% - 2 * clamp(16px,3vw,32px))!important;max-width:1236px!important;margin:28px auto 0!important;padding:16px 0 0!important} /* ================= MENI 1:1 GRAFIT: povezave + vrstica gumbov (.mn-acts) + avto znotraj vsebine ================= */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu{flex-direction:row!important;flex-wrap:wrap!important;align-content:flex-start!important;align-items:flex-start!important;column-gap:10px!important;row-gap:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu>:is(a,button):not(.g-mn-act){flex:0 0 100%!important;max-width:none!important;width:100%!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu>.g-mn-act{flex:0 0 auto!important;display:inline-flex!important;align-items:center;gap:8px;width:auto!important;max-width:none!important;height:48px!important;min-height:48px!important;margin:30px 0 10px!important;padding:0 22px!important;border:0!important;border-radius:999px!important;background:var(--g-surface2)!important;color:var(--g-ink)!important;font:700 15px/1 var(--g-font)!important;letter-spacing:0!important;box-shadow:none!important;grid-template-columns:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu>.g-mn-act::after{content:none!important;display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu>.g-mn-act.g-mn-post{background:var(--g-acc)!important;color:var(--g-acc-ink)!important;position:relative;overflow:hidden;isolation:isolate} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu>.g-mn-act:is(.g-mn-post,.g-mn-inst)::before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu>.g-mn-act.g-mn-inst::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E")} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu>.g-mn-act:hover{color:inherit!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu>.g-mn-act.g-mn-post:hover{color:var(--g-acc-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu .g-mn-car{right:max(0px,calc((100vw - 1300px) / 2))!important;bottom:0!important;width:min(440px,70vw)!important} /* ================= ENOTNI GUMBI (Grafit .btn: dvig ob hoverju, stisk ob kliku, sijaj na glavnih) ================= */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body :is(.nav-post-btn,.hsb-btn,.g-mn-post,#publish-next,.submit-btn,.btn-call,.ai-search-btn,.btn-ai,.publish-drop-actions button:first-child,#install-banner .ib-install,#listing-ai-status button,.btn-msg,#publish-prev,.mobile-menu>.g-mn-act,.review-field-card>button,.filters-reset,.publish-drop-actions button,.final-review-actions button,.publish-step-actions button,.publish-secondary-actions button,#publish-resume,.only-deals-btn,.recognition-secondary,.recognize-vehicle-btn,.home-section-link,.equip-custom-btn,.damage-open-btn,.portal-purpose button,.portal-subcategories button){transition:translate .25s var(--g-ease),scale .25s var(--g-ease),filter .25s,background-color .25s,box-shadow .25s,color .25s,opacity .5s,transform .7s var(--g-ease)!important;filter:none!important;cursor:pointer} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body :is(.nav-post-btn,.hsb-btn,.g-mn-post,#publish-next,.submit-btn,.btn-call,.ai-search-btn,.btn-ai,.publish-drop-actions button:first-child,#install-banner .ib-install,#listing-ai-status button,.btn-msg,#publish-prev,.mobile-menu>.g-mn-act,.review-field-card>button,.filters-reset,.publish-drop-actions button,.final-review-actions button,.publish-step-actions button,.publish-secondary-actions button,#publish-resume,.only-deals-btn,.recognition-secondary,.recognize-vehicle-btn,.home-section-link,.equip-custom-btn,.damage-open-btn,.portal-purpose button,.portal-subcategories button):not(:disabled):hover{translate:0 -1px;filter:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body :is(.nav-post-btn,.hsb-btn,.g-mn-post,#publish-next,.submit-btn,.btn-call,.ai-search-btn,.btn-ai,.publish-drop-actions button:first-child,#install-banner .ib-install,#listing-ai-status button,.btn-msg,#publish-prev,.mobile-menu>.g-mn-act,.review-field-card>button,.filters-reset,.publish-drop-actions button,.final-review-actions button,.publish-step-actions button,.publish-secondary-actions button,#publish-resume,.only-deals-btn,.recognition-secondary,.recognize-vehicle-btn,.home-section-link,.equip-custom-btn,.damage-open-btn,.portal-purpose button,.portal-subcategories button):not(:disabled):active{scale:.97;translate:none} /* odstrani prejšnje ločene učinke (transform), da imajo vsi isti dvig */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body :is(.nav-post-btn,.hsb-btn,.btn-call,.btn-msg):hover{transform:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add button:not(:disabled):hover,html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add button:not(:disabled):active{transform:none!important} /* sijaj čez vse glavne (polne) gumbe */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body :is(.nav-post-btn,.hsb-btn,.g-mn-post,#publish-next,.submit-btn,.btn-call,.ai-search-btn,.btn-ai,.publish-drop-actions button:first-child,#install-banner .ib-install){position:relative!important;overflow:hidden!important;isolation:isolate} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body :is(.btn-call,.ai-search-btn,#install-banner .ib-install,.g-mn-post)::after{content:""!important;position:absolute!important;inset:0!important;display:block!important;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.42) 50%,transparent 65%)!important;transform:translateX(-110%);pointer-events:none;border:0!important;opacity:1!important;width:auto!important;height:auto!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body :is(.btn-call,.ai-search-btn,#install-banner .ib-install,.g-mn-post):hover::after{transform:translateX(110%);transition:transform .8s var(--g-ease)} /* ikonski gumbi (Grafit .ib) */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body :is(.g-ib,.nav-accessibility-btn,.mobile-menu-btn,.view-btns button,.cr-fav,.cr-compare){transition:background-color .25s,scale .25s var(--g-ease),translate .25s var(--g-ease),transform .25s var(--g-ease)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body :is(.g-ib,.nav-accessibility-btn,.mobile-menu-btn):hover{background:var(--g-surface2)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body :is(.g-ib,.nav-accessibility-btn,.mobile-menu-btn,.view-btns button):active{scale:.92} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu>:is(.g-mn-act,#g-zz){transition:opacity .5s,transform .7s var(--g-ease),translate .25s var(--g-ease),scale .25s var(--g-ease),background-color .25s,color .25s!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu.show>:is(.g-mn-act,#g-zz){transition:opacity .5s calc(.18s + var(--i,0) * .07s),transform .7s var(--g-ease) calc(.18s + var(--i,0) * .07s),translate .25s var(--g-ease),scale .25s var(--g-ease),background-color .25s,color .25s!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu>:is(a,button):not(.g-mn-act){padding:16px 0!important;font-size:clamp(32px,6vw,56px)!important;line-height:1!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu>:is(a,button):not(.g-mn-act)[data-g-desc]::after{font-size:13px!important;margin-top:2px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu>*:focus:not(:focus-visible){outline:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #main-nav .nav-post-btn .g-plus{width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .45s var(--g-ease)} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #main-nav .nav-post-btn:hover .g-plus{transform:rotate(90deg)} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu>*:focus,html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu>*:focus-visible{outline:none!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu>:is(a,button):not(.g-mn-act):focus-visible{color:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu>.g-mn-act:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--g-acc) 30%,transparent)!important} /* glava vedno vidna (kot Grafit), z vrstico napredka spodaj */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #main-nav,html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk).nav-up body #main-nav,html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #main-nav.is-scrolled{transform:none!important;translate:none!important;top:0!important;visibility:visible!important;opacity:1!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #main-nav .g-hprog{display:block!important;z-index:2} /* odprt meni: samo en drsnik (strani se ne da drsati, notranji drsnik skrit) */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk):has(body.g-menu-open),html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk):has(body.g-menu-open) body{overflow:hidden!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu{scrollbar-width:none!important;-ms-overflow-style:none} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu::-webkit-scrollbar{display:none!important;width:0!important;height:0!important} /* avto v meniju bolj levo, v celoti viden */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu .g-mn-car{right:max(56px,calc((100vw - 1300px) / 2 + 72px))!important;width:min(440px,62vw)!important} @media (max-height:820px){html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .mobile-menu .g-mn-car{width:min(340px,48vw)!important}} /* oglasi: stolpec levo = kartica Pametno iskanje + kartica Filtri */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .g-side-col{position:sticky;top:84px;align-self:start;display:grid;gap:14px;min-width:0;max-height:calc(100vh - 100px);overflow:auto;overflow-x:hidden;scrollbar-width:none;animation:gSideIn .7s var(--g-ease) .1s backwards} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .g-side-col::-webkit-scrollbar{display:none} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .g-side-col .list-filters{position:static!important;max-height:none!important;overflow:visible!important;animation:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .g-side-col .filter-smart-search{display:grid!important;gap:10px!important;padding:16px!important;margin:0!important;background:var(--g-surface)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .g-side-col .filter-smart-copy b{font:600 20px/1.3 var(--g-font)!important;letter-spacing:-.05em!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .g-side-col .ai-search-wrap .ai-search{background:var(--g-surface2)!important} @media (max-width:900px){html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .g-side-col{position:static;max-height:none;overflow:visible}} /* ================= FILTRI: kljukice in ostali elementi (svetlo + temno, Grafit .ck) ================= */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters label.filter-check{display:flex!important;align-items:center;gap:10px!important;padding:10px 12px!important;margin:0 0 6px!important;background:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-sm)!important;box-shadow:none!important;font:600 14px/1.35 var(--g-font)!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer;transition:border-color .25s,background-color .25s!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters label.filter-check:hover{border-color:color-mix(in srgb,var(--g-acc) 45%,var(--g-line))!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters label.filter-check:has(input:checked){border-color:var(--g-acc)!important;box-shadow:0 0 0 2px var(--g-acc) inset!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters label.filter-check *{color:inherit!important;text-transform:none!important;letter-spacing:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters input:is([type=checkbox],[type=radio]){width:18px!important;height:18px!important;min-height:0!important;padding:0!important;margin:0!important;flex:none;accent-color:var(--g-acc);background:none!important;border:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters input[type=range]{height:auto!important;min-height:0!important;padding:0!important;background:none!important;border:0!important;accent-color:var(--g-acc)} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters .algo-box{background:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-sm)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters .algo-box *{color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters :is(.algo-v,#sf-distance-help,small){color:var(--g-mu)!important;opacity:1!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters .algo-v{color:var(--g-ink)!important;font-weight:700} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters :is(.ffold-head,.ffold-title,.filter-group-title){color:var(--g-ink)!important;background:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-list .list-filters .filter-apply-btn{height:46px!important;border:0!important;border-radius:999px!important;background:var(--g-acc)!important;color:var(--g-acc-ink)!important;font:700 15px var(--g-font)!important;box-shadow:none!important} /* ================= TEMNI NAČIN: samodejno potemnjeni svetli deli (razred doda grafit-ui.js) ================= */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk)[data-gtheme=dark] .g-dk{background-color:var(--g-surface2)!important;background-image:none!important;color:var(--g-ink)!important;border-color:var(--g-line)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk)[data-gtheme=dark] :is(input,select,textarea).g-dk{background-color:var(--g-surface2)!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk)[data-gtheme=dark] .g-dkt{color:var(--g-ink)!important;opacity:1!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk)[data-gtheme=dark] .g-dk :is(small,.muted,.sub,.hint){color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk)[data-gtheme=dark] body #home-scroll-video .home-hero-title .g-l1{color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk)[data-gtheme=dark] :is(input,select,textarea,#g-zz).g-dk{background-color:var(--g-surface2)!important;color:var(--g-ink)!important;border-color:var(--g-line)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk)[data-gtheme=dark] :is(.g-dkl,#g-zz){color:var(--g-acc-ink)!important;opacity:1!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk)[data-gtheme=dark] :is(.g-dk,#g-zz){background-color:var(--g-surface2)!important;background-image:none!important;color:var(--g-ink)!important;border-color:var(--g-line)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk)[data-gtheme=dark] :is(.g-dkt,#g-zz){color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk)[data-gtheme=dark] :is(.g-dk,#g-zz) :is(small,.muted){color:var(--g-mu)!important} /* ================= SISTEMSKI SEZNAMI (select, datum, drsniki) v barvah teme ================= */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk){color-scheme:light!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk)[data-gtheme=dark]{color-scheme:dark!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body :is(select,input,textarea){color-scheme:inherit} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select option,html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select optgroup{background-color:var(--g-surface)!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select option:checked{background-color:var(--g-surface2)!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select option:disabled{color:var(--g-mu)!important} /* stikala (nastavitve) kot Grafit */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .toggle .toggle-track{background:var(--g-line)!important;border:0!important;box-shadow:none!important;transition:background-color .25s!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .toggle input:checked+.toggle-track,html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .toggle input:checked~.toggle-track{background:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .toggle .toggle-track::after,html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .toggle .toggle-track::before{background:var(--g-surface)!important;box-shadow:0 1px 3px rgba(0,0,0,.3)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body :is(.field-glossary-summary,#g-zz){color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .modal-body :is(p,li){color:var(--g-ink)} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .modal-body small{color:var(--g-mu)} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body :is(.form-input,#g-zz){background:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-sm)!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .form-input:focus{border-color:var(--g-acc)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--g-acc) 18%,transparent)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .form-input:-webkit-autofill{-webkit-text-fill-color:var(--g-ink)!important;box-shadow:0 0 0 100px var(--g-surface2) inset!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body li::marker{color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body :focus-visible{outline-color:var(--g-acc)!important} /* Mobile layout: override desktop grid tracks and legacy positioned navigation. */ @media(max-width:760px){ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .portal-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .portal-category{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:96px!important;padding:8px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .portal-category .portal-cat-art{height:40px!important;width:88px!important;object-fit:contain!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .portal-category span{font-size:12px!important;text-align:center!important;position:static!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #main-nav .g-burger i{position:absolute!important;left:50%!important;top:50%!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .nav-post-btn>:is(svg,span,.g-plus){display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px)!important;background:var(--g-surface)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body select:not([multiple]):not([size]){appearance:auto!important;-webkit-appearance:menulist!important;display:block!important} } @media(max-width:760px){ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .list-filters:not(.mobile-open){display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .list-filters.mobile-open{display:block!important;width:100%!important;max-width:none!important;position:static!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .list-body{grid-template-columns:minmax(0,1fr)!important} } @media(max-width:760px){ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #main-nav{display:flex!important;padding:0 12px!important;gap:8px!important;height:64px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #main-nav .nav-right{position:static!important;inset:auto!important;transform:none!important;margin-left:auto!important;gap:2px!important;flex:0 0 auto!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #main-nav .mobile-menu-btn{position:relative!important;margin:0!important;inset:auto!important;transform:none!important;order:5!important;width:36px!important;height:40px!important;flex:0 0 36px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .nav-logo{gap:6px!important;flex-shrink:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .nav-logo span{font-size:18px!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .nav-logo em{color:var(--g-acc)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .nav-logo img{width:26px!important;height:26px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .nav-post-btn{font-size:0!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;flex:0 0 36px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .nav-post-btn::before{content:'+'!important;display:block!important;font-size:24px!important;color:var(--g-acc-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .g-ib{width:32px!important;height:40px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #home-scroll-video .home-hero-inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:28px!important;padding:32px 16px!important;width:100%!important;min-height:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #home-scroll-video :is(.home-hero-top,.home-hero-text){width:100%!important;max-width:none!important;min-width:0!important;grid-column:1!important;grid-row:auto!important;padding:0!important;margin:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #home-scroll-video .home-hero-title{font-size:48px!important;line-height:1!important;max-width:none!important;width:100%!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #home-scroll-video .home-hero-sub{width:100%!important;max-width:38ch!important;font-size:16px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .g-art{grid-column:1!important;grid-row:auto!important;width:100%!important;min-width:0!important;display:grid!important;position:relative!important;inset:auto!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .g-gauge{width:280px!important;max-width:100%!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .home-search-box{grid-column:1!important;width:100%!important;margin:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body :is(.journey-filter-grid,.hsb-row,.publish-start-options){grid-template-columns:minmax(0,1fr)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #page-add .publish-start-options>button{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;height:auto!important;min-width:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #page-add .publish-start-options>button>*{position:static!important;grid-area:auto!important;width:auto!important;max-width:100%!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body :is(input,select,textarea){font-size:16px!important;max-width:100%!important;min-width:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .mobile-menu{inset:64px 0 0!important;width:100%!important;max-height:calc(100dvh - 64px)!important;overflow-y:auto!important} } /* Explicit mobile ordering keeps the live gauge above the search form. */ @media(max-width:760px){ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #home-scroll-video .home-hero-top{grid-row:1!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #home-scroll-video .g-art{grid-row:2!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #home-scroll-video .home-search-box{grid-row:3!important;min-width:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body :is(.nav-logo,.nav-logo b,.mobile-bottom-nav a,.mobile-bottom-nav button){color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .mobile-bottom-nav :is(a,button).active{background:var(--g-surface2)!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body :is(input,textarea)::placeholder{color:var(--g-mu)!important;opacity:1!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .g-gc{min-width:0;max-width:100%} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .g-gs{overflow-wrap:anywhere} } /* Leaflet image transforms must not be replaced by photo reveal animations. */ html body #map img{animation:none!important;translate:none!important;scale:none!important;filter:none!important} html body #map{isolation:isolate;z-index:0} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #map :is(.leaflet-popup-content-wrapper,.leaflet-popup-tip){background:var(--g-surface)!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #map .listing-map-card{display:flex!important;flex-direction:column;gap:6px;padding:8px 0;color:var(--g-ink)!important;text-decoration:none!important;min-width:0;border-bottom:1px solid var(--g-line)} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #map .listing-map-card img{width:100%!important;height:130px!important;object-fit:cover;border-radius:4px;display:block} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #map .listing-map-card :is(strong,b,span){color:var(--g-ink)!important;font-size:14px;line-height:1.4;overflow-wrap:anywhere} html body .listing-map-note{font-size:12px;color:var(--g-mu);margin:10px 0} /* Page sections share the canvas, including during theme transitions. */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #page-home :is(.home-section,.home-section-gray){background:var(--g-bg)!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #page-home :is(.home-section-inner,.home-section-head,#body-type-grid){background:transparent!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #page-home .home-section-title{color:var(--g-ink)!important;-webkit-text-fill-color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #page-home .home-section-sub{color:var(--g-mu)!important;-webkit-text-fill-color:var(--g-mu)!important} /* Action colors must remain paired while the theme transition is running. */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #main-nav .nav-post-btn{background:var(--g-acc)!important;color:var(--g-acc-ink)!important;-webkit-text-fill-color:var(--g-acc-ink)!important;opacity:1!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #main-nav .nav-post-btn *{color:inherit!important;-webkit-text-fill-color:inherit!important} @media(max-width:760px){ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .mobile-menu{padding:18px 18px calc(88px + env(safe-area-inset-bottom,0px))!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important;overscroll-behavior:contain;height:calc(100dvh - 64px)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .mobile-menu>:is(a,button){font-size:24px!important;line-height:1.2!important;letter-spacing:0!important;padding:12px 0!important;min-height:48px!important;max-width:100%!important;overflow-wrap:anywhere} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .mobile-menu>:is(a,button)[data-g-desc]::after{font-size:12px!important;line-height:1.4!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .mobile-menu>.g-mn-act{font-size:16px!important;padding:12px 16px!important;width:100%!important;margin:8px 0 0!important;box-sizing:border-box!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .mobile-menu .g-mn-car{display:none!important} } /* Theme controls retain their semantic colors through theme transitions. */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .g-pal-sw button{background:var(--c)!important;opacity:1!important;filter:none!important;border:2px solid var(--g-surface)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .g-pal-sw button[data-acc=""]{background:linear-gradient(135deg,#111 50%,#eee 50%)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #main-nav :is(.g-ib,.mobile-menu-btn,#nav-user-area a,#nav-user-area button){color:var(--g-ink)!important;opacity:1!important;-webkit-text-fill-color:currentColor!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #main-nav .g-burger i{background:currentColor!important;color:inherit!important;filter:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile)[data-gtheme=dark] body #main-nav :is(.g-ib,.mobile-menu-btn,#nav-user-area a,#nav-user-area button){color:#fff!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .g-pal-pop{background:var(--g-surface)!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body .g-pal-mode button{background:var(--g-surface2)!important;color:var(--g-ink)!important} /* Keep the requested gauge animation independent of page reveal effects. */ html body .g-art .g-ndl{transition:transform 1.5s cubic-bezier(.22,.61,.36,1)!important} html body .g-art .g-val{transition:stroke-dasharray 1.5s cubic-bezier(.22,.61,.36,1)!important} html body .g-art .g-dg>span{transition:transform 1.2s cubic-bezier(.22,.61,.36,1)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #main-nav .nav-logo img{display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #main-nav .nav-logo :is(span,em){color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #main-nav .nav-post-btn{justify-content:center!important;text-align:center!important;white-space:nowrap!important} @media(max-width:760px){ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #main-nav{gap:4px!important;padding-inline:10px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #main-nav .nav-post-btn{font-size:13px!important;width:auto!important;min-width:102px!important;height:38px!important;padding:0 10px!important;flex:0 0 auto!important;margin-left:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #main-nav .nav-post-btn::before{content:none!important;display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #main-nav .g-ib{width:28px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #main-nav .mobile-menu-btn{width:30px!important;flex-basis:30px!important} } @media(max-width:359px){ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #main-nav .nav-logo span{font-size:16px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#mobile) body #main-nav .g-ib{width:24px!important} } /* ================= SPUSTNI SEZNAMI: gladek fade in zdrs (Chrome/Edge 135+, drugje navaden seznam) ================= */ @supports (appearance:base-select){ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select:not([multiple]):not([size]),html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select:not([multiple]):not([size])::picker(select){appearance:base-select!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select:not([multiple]):not([size]){display:flex;align-items:center;gap:8px;cursor:pointer;background-image:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select:not([multiple]):not([size])::picker-icon{content:"";width:10px;height:10px;margin-left:auto;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.6;transition:transform .3s var(--g-ease),opacity .2s} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select:not([multiple]):not([size]):open::picker-icon{transform:translateY(2px) rotate(225deg);opacity:1} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select:not([multiple]):not([size])::picker(select){margin-top:6px;padding:6px;max-height:min(340px,60vh);overflow:auto;scrollbar-width:thin;background:var(--g-surface);color:var(--g-ink);border:1px solid var(--g-line);border-radius:var(--g-r);box-shadow:0 20px 50px rgba(0,0,0,.22);opacity:0;transform:translateY(-8px) scale(.98);transform-origin:50% 0;transition:opacity .22s var(--g-ease),transform .3s var(--g-ease),display .3s allow-discrete,overlay .3s allow-discrete} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select:not([multiple]):not([size]):open::picker(select){opacity:1;transform:none} @starting-style{html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select:not([multiple]):not([size]):open::picker(select){opacity:0;transform:translateY(-8px) scale(.98)}} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select:not([multiple]):not([size]) option{display:flex;align-items:center;gap:8px;padding:9px 12px!important;border-radius:var(--g-r-sm);background:transparent!important;color:var(--g-ink)!important;font:500 15px var(--g-font);cursor:pointer;transition:background-color .15s} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select:not([multiple]):not([size]) option:hover,html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select:not([multiple]):not([size]) option:focus-visible{background:var(--g-surface2)!important;outline:none} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select:not([multiple]):not([size]) option:checked{background:var(--g-surface2)!important;font-weight:700} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select:not([multiple]):not([size]) option::checkmark{content:"";width:6px;height:11px;margin-right:2px;border-right:2px solid var(--g-acc);border-bottom:2px solid var(--g-acc);transform:rotate(45deg) translateY(-2px);order:1;margin-left:auto} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select:not([multiple]):not([size]) option:disabled{color:var(--g-mu)!important;cursor:default} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select:not([multiple]):not([size]) optgroup{font:700 11.5px var(--g-font);letter-spacing:.06em;text-transform:uppercase;color:var(--g-mu);padding:8px 12px 4px} } /* ================= RAZDELKI (details): gladko odpiranje ================= */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body details{interpolate-size:allow-keywords} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body details::details-content{height:0;opacity:0;overflow:clip;transition:height .35s var(--g-ease),opacity .3s var(--g-ease),content-visibility .35s allow-discrete} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body details[open]::details-content{height:auto;opacity:1} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body details>summary::marker,html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body details>summary::-webkit-details-marker{transition:transform .3s} /* Viewport-sized overlay; content changes only on genuinely wide desktops. */ @media(min-width:761px){ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#viewport) body #mobile-menu{inset:0!important;width:100%!important;max-width:none!important;min-width:0!important;height:100vh!important;height:100dvh!important;max-height:none!important;margin:0!important;box-sizing:border-box!important} } @media(min-width:1601px){ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#viewport) body #mobile-menu{padding-inline:max(32px,calc((100% - 1920px)/2 + 32px))!important} } html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#theme) body #main-nav{background:var(--g-bg)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#theme) body .g-mn-post, html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#theme) body .g-mn-post *{color:var(--g-acc-ink)!important;-webkit-text-fill-color:currentColor!important} .g-theme-cover{position:fixed;inset:0;z-index:2147483646;pointer-events:none;contain:strict} @media(prefers-reduced-motion:reduce){ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#motion) body #mobile-menu, html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#motion) body #mobile-menu *{transition:none!important} } html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#motion) body.accessibility-reduce-motion #mobile-menu, html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#motion) body.accessibility-reduce-motion #mobile-menu *{transition:none!important} /* Lamp overlays share the artwork's contain geometry and hover movement. */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#lamps) body #body-type-grid .bt-media>.g-vehicle-lamps{position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;overflow:visible!important;opacity:0;transition:opacity .22s ease,transform .7s var(--g-ease)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#lamps) body #body-type-grid .bt-media>.g-lamps-kombi{transform:scale(1.6)!important;transform-origin:50% 55%!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#lamps) body #body-type-grid .bt-card:hover .g-lamps-kombi{transform:translateX(-10px) scale(1.6)!important} .g-vehicle-lamps .g-lamp-head{fill:#fffdf0;filter:drop-shadow(0 0 5px #d4eeff) drop-shadow(0 0 9px #d4eeff)} .g-vehicle-lamps .g-lamp-tail{fill:#ff483c;filter:drop-shadow(0 0 5px #ff2c20) drop-shadow(0 0 9px #ff2c20)} @media(hover:hover) and (pointer:fine){ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#lamps) body #body-type-grid .bt-card:hover .g-vehicle-lamps{opacity:1} } html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#lamps) body #body-type-grid .bt-card:is(:focus-visible,:active,.g-lights-pressed) .g-vehicle-lamps{opacity:1} @media(prefers-reduced-motion:reduce){ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#lamps) body #body-type-grid .bt-media>.g-vehicle-lamps{transition:none!important} } /* Admin verification stays in the browser top layer, above existing login UI. */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gk#mfa) body .admin-mfa-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:420px;max-height:calc(100dvh - 32px);margin:auto;padding:28px;border:1px solid var(--g-line);border-radius:8px;background:var(--g-surface)!important;color:var(--g-ink)!important;overflow:auto;box-shadow:0 20px 80px #0006} .admin-mfa-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gk#mfa) body .admin-mfa-dialog :is(h2,p,label){color:var(--g-ink)!important;letter-spacing:0} .admin-mfa-dialog h2{font-size:26px;margin:8px 0 12px;line-height:1.2} .admin-mfa-eyebrow{font-size:11px;font-weight:700} .admin-mfa-dialog p{font-size:14px;line-height:1.5;margin:12px 0} .admin-mfa-dialog label{display:block;font-size:13px;margin:16px 0 8px} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gk#mfa) body .admin-mfa-dialog :is(input,select){box-sizing:border-box;max-width:100%;width:100%;min-height:48px;background:var(--g-bg)!important;color:var(--g-ink)!important;border:1px solid var(--g-line);border-radius:6px;padding:12px;font:inherit} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#gl#gm#mfa) body .admin-mfa-dialog #admin-mfa-code{font-size:30px!important;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:0} .admin-mfa-actions{display:flex;gap:12px;margin-top:20px} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gk#mfa) body .admin-mfa-dialog button{flex:1;min-width:0;min-height:46px;border:1px solid var(--g-line);border-radius:6px;padding:10px;font-size:14px;font-weight:700;background:var(--g-bg)!important;color:var(--g-ink)!important;cursor:pointer} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gk#mfa) body .admin-mfa-dialog .admin-mfa-submit{background:var(--g-ink)!important;color:var(--g-bg)!important} .admin-mfa-dialog :disabled{opacity:.55;cursor:wait} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#gl#gm#mfa) body .admin-mfa-dialog [hidden]{display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gk#top) body #sec-featured{background:var(--g-bg)!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gk#top) body #featured-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gk#top) body #featured-grid .home-car-tile{min-width:0;background:var(--g-surface)!important;color:var(--g-ink)!important;border:1px solid var(--g-line);border-radius:8px;overflow:hidden} @media(max-width:1000px){html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gk#top) body #featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}} @media(max-width:520px){html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gk#top) body #featured-grid{grid-template-columns:minmax(0,1fr)}} /* ================= DRUGI SPUSTNI PANELI: nežen prihod ================= */ @keyframes gDrop{from{opacity:0;transform:translateY(-8px) scale(.98)}} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body :is(.accessibility-panel:not([hidden]),.vehicle-type-results:not(:empty),.lead-suggestions:not(:empty),.eq-suggest-panel:not([hidden]),.equip-suggest-panel:not([hidden]),.trim-picker:not([hidden]),.category-picker:not([hidden])){animation:gDrop .28s var(--g-ease) both;transform-origin:50% 0} @media (prefers-reduced-motion:reduce){html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body select::picker(select),html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body details::details-content{transition:none!important}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body :is(.accessibility-panel,.vehicle-type-results,.lead-suggestions,.eq-suggest-panel,.equip-suggest-panel,.trim-picker,.category-picker){animation:none!important}}