/* Consistent form metrics across Safari and Android Chrome. */ html { -webkit-text-size-adjust:100%; text-size-adjust:100%; } button,input,select,textarea { font-family:inherit; } @media(max-width:900px){ html:not(#label-a#label-b#label-c#label-d#label-e) #page-home .portal-category-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:none!important;grid-auto-rows:minmax(112px,auto)!important; height:auto!important;max-height:none!important; align-items:stretch!important; } html:not(#label-a#label-b#label-c#label-d#label-e) #page-home .portal-category { display:grid!important;grid-template-columns:minmax(0,1fr)!important; grid-template-rows:44px auto!important;justify-items:center!important; align-content:start!important;align-items:center!important; gap:8px!important;padding:12px 8px!important;min-width:0!important; height:auto!important;min-height:112px!important; text-align:center!important;font-size:12px!important;line-height:1.35!important; } html:not(#label-a#label-b#label-c#label-d#label-e) #page-home .portal-category :is(img,.veh-icon) { width:72px!important;height:44px!important;max-width:100%!important; object-fit:contain!important;margin:0!important;justify-self:center!important; } html:not(#label-a#label-b#label-c#label-d#label-e) #page-home .portal-category span { display:flex!important;align-items:center!important;justify-content:center!important; width:100%!important;min-width:0!important;min-height:2.7em!important; margin:0!important;padding:0!important;text-align:center!important; white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important; line-height:1.35!important;letter-spacing:normal!important; } .hsb-field,.hsb-field select,.hsb-field input { min-width:0;box-sizing:border-box; } .mobile-bottom-nav button { min-width:0;position:relative; } .mobile-bottom-nav button>span:not(.message-count-badge) { text-align:center;line-height:1.25;white-space:nowrap; } } /* Conversation content must never shrink or push adjacent columns wider. */ #page-inbox .inbox-grid{grid-template-columns:minmax(220px,280px) minmax(0,1fr)} #page-inbox :is(.inbox-sidebar,.inbox-main,.inbox-heading,.messages-area){min-width:0;min-height:0} #page-inbox .inbox-main{overflow:hidden} #page-inbox .inbox-heading{flex:1;overflow-wrap:anywhere} #page-inbox .inbox-main-head{flex-shrink:0;flex-wrap:wrap} #page-inbox .inbox-main-head>img{flex-shrink:0} #page-inbox .conv-item{padding-right:30px} #page-inbox :is(.conv-name,.conv-car,.conv-status){overflow-wrap:anywhere} #page-inbox .conv-time{position:static;margin-top:6px} #page-inbox .conv-dot{top:18px;right:12px} #page-inbox .conv-preview{max-width:100%} #page-inbox .messages-area{overflow-y:auto;overflow-x:hidden;gap:16px;overscroll-behavior:contain} #page-inbox .message-row{display:flex;flex-direction:column;flex:0 0 auto;min-width:0;width:100%} #page-inbox .msg-bubble{max-width:85%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;flex-shrink:0} #page-inbox .msg-meta{max-width:100%;overflow-wrap:anywhere;line-height:1.4} #page-inbox .msg-input-row{flex-shrink:0;align-items:flex-end} #page-inbox .msg-input{min-width:0;max-height:140px;font-size:16px} #page-inbox .msg-send-btn{flex-shrink:0;min-height:44px} #page-inbox .inbox-back{display:none} #page-inbox .lead-suggestions{flex:0 0 auto;max-height:25dvh;overflow:auto} #page-inbox .lead-suggestions summary{cursor:pointer;font-size:12px;font-weight:600;padding:4px 0} @media(max-width:760px){ #page-inbox .inbox-wrap{padding:58px 10px 12px} #page-inbox .inbox-grid{display:flex;flex-direction:column;height:calc(100dvh - 136px - env(safe-area-inset-bottom));min-height:300px} #page-inbox .inbox-sidebar{flex:1;max-height:none;border-right:0;border-bottom:0} #page-inbox .inbox-main{display:none;flex:1} #page-inbox.conversation-open .inbox-sidebar{display:none} #page-inbox.conversation-open .inbox-main{display:flex} #page-inbox .inbox-back{display:block;flex:0 0 100%;border:0;background:transparent;color:var(--accent);text-align:left;padding:4px 0 8px;font:inherit;font-weight:600;min-height:36px} #page-inbox .inbox-main-head{padding:10px 12px;gap:8px} #page-inbox .messages-area{padding:12px} #page-inbox .msg-bubble{max-width:92%} #page-inbox .msg-input-row{padding:10px;gap:6px} #page-inbox .bot-badge{display:none} } #dealer-import-dialog{width:min(1120px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--border,#d8e2ea);border-radius:16px;background:var(--card,#fff);color:var(--ink,#26343c);margin:auto;box-sizing:border-box;box-shadow:0 24px 90px #0004;font-family:inherit;font-size:14px;line-height:1.5} #dealer-import-dialog::backdrop{background:#122130b3}#dealer-import-dialog [hidden]{display:none!important}.di-shell{padding:26px}.di-shell header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.di-shell h2{margin:4px 0;font-size:28px}.di-shell h3{margin:24px 0 12px}.di-shell p{margin:7px 0}.di-kicker{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--accent,#58738f)} .di-shell button,.di-shell input,.di-shell select,.di-shell textarea{font:inherit;box-sizing:border-box;border:1px solid var(--border,#cbd5df);border-radius:8px;padding:10px;background:var(--surface,#f7f9fb);color:inherit;min-height:42px}.di-shell button{cursor:pointer}.di-shell button:disabled{cursor:default;opacity:.5}.di-shell button:focus-visible,.di-shell input:focus-visible,.di-shell select:focus-visible,.di-shell textarea:focus-visible{outline:2px solid #58738f;outline-offset:2px}.di-shell .di-primary{background:#58738f;color:white;border-color:#58738f;padding:12px 20px;font-weight:700}.di-shell header>button{font-size:24px;width:44px;flex:none}.di-settings,.di-mapping{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.di-shell label{display:flex;flex-direction:column;gap:5px;font-weight:600;min-width:0}.di-shell label small{font-weight:400;color:var(--ink-60,#596b76);overflow-wrap:anywhere}.di-shell label :is(input,select,textarea){width:100%}.di-upload{padding:22px;text-align:center;border:2px dashed var(--border,#c3cfdb);border-radius:12px;background:var(--surface,#f6f8fa)}.di-upload.dragging{border-color:#58738f}.di-upload label{cursor:pointer}.di-upload label b{font-size:20px}.di-upload label span{font-weight:400}.di-upload input{max-width:100%;margin:12px auto}.di-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:12px 0}.di-help{margin:14px 0}.di-help summary{cursor:pointer;font-weight:600}#di-message{padding:12px 14px;background:var(--surface,#edf3f8);border-radius:8px;overflow-wrap:anywhere}.di-row{display:flex;align-items:flex-start;gap:15px;padding:16px 0;border-bottom:1px solid var(--border,#d8e2ea)}.di-row-main{flex:1;min-width:0;overflow-wrap:anywhere}.di-row-main>span,.di-row-main>small{display:block}.di-row-main>strong{font-size:17px}.di-row-select{width:85px;flex:none}.di-shell input[type=checkbox]{width:19px;height:19px;min-height:19px;flex:none;accent-color:#58738f}.di-row-status{font-weight:700}.di-error{color:#b52e31}.di-warning{color:#866020}.di-published .di-row-status{color:#29704c}.di-shell .di-confirm{display:flex;flex-direction:row;align-items:flex-start;gap:10px;padding:18px 0;font-weight:400}.di-editor{width:100%}.di-editor textarea{resize:vertical}#di-stop{margin-top:15px}html[data-theme=dark] .di-error{color:#ff9c9c}html[data-theme=dark] .di-warning{color:#e3c581}html[data-theme=dark] .di-published .di-row-status{color:#8fddb5} @media(max-width:800px){.di-settings,.di-mapping{grid-template-columns:repeat(2,minmax(0,1fr))}.di-shell{padding:18px}} @media(max-width:480px){.di-settings,.di-mapping{grid-template-columns:1fr}.di-shell{padding:14px}.di-shell h2{font-size:23px}.di-row{flex-wrap:wrap;gap:10px}.di-row-select{width:62px}.di-row>button{margin-left:72px}.di-shell input,.di-shell select,.di-shell textarea{font-size:16px}.di-tools>button{flex:1}.di-shell>.di-primary,#di-publish{width:100%}} .di-thumb{width:96px;height:72px;object-fit:cover;float:right;margin:0 0 10px 12px;border-radius:7px;background:var(--surface)} @media(max-width:480px){.di-row{display:grid;grid-template-columns:1fr auto;gap:12px}.di-shell .di-row-select{grid-column:1;grid-row:1;flex-direction:row;align-items:center;width:auto}.di-row-main{grid-column:1/-1;grid-row:2}.di-row>button{grid-column:2;grid-row:1;margin:0}.di-editor{grid-column:1/-1}.di-thumb{width:82px;height:62px}} #di-progress{position:sticky;top:0;z-index:3;background:var(--card,#fff);padding:4px 0}#di-progress #di-stop{margin:0 0 8px}#di-preview{scroll-margin-top:100px} /* AvtoHub v179 - light-only cleanup and resilient mobile navigation. */ :root{color-scheme:light} html,html[data-theme]{color-scheme:light!important} .detail-view-count{display:inline-flex;margin-top:5px;color:#6a7880;font-size:11px;font-weight:650} .tco-controls input[type="number"]{width:100%;min-height:40px;margin-top:5px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--ink);font:inherit} .tco-disc a{color:var(--accent);font-weight:700} @media(min-width:768px){ html:not(#v179a#v179b#v179c#v179d#v179e#v179f#v179g#v179h).journey-preview #page-list .list-filters{ background:transparent!important; background-image:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; padding:0 22px 0 0!important; } html:not(#v179a#v179b#v179c#v179d#v179e#v179f#v179g#v179h).journey-preview #page-list .list-body{ align-items:start!important; } } @media(max-width:767px){ .cc-owner-note:not(.admin-mode-note){display:none!important} html:not(#v179a#v179b#v179c#v179d#v179e#v179f#v179g#v179h).journey-preview #page-list .list-filters.mobile-open{ inset:0!important; margin:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; } body:not(.publish-form-active):not(.mobile-keyboard) .mobile-bottom-nav{ display:grid!important; visibility:visible!important; opacity:1!important; } } /* Requested compact quick choices, scoped to the filter panel. */ .filter-quick-details{margin:8px 0 16px}.filter-quick-details>summary{cursor:pointer;font-weight:600;padding:10px 0;color:var(--ink)}#filter-quick-choices .filter-quick-buttons{display:flex!important;flex-wrap:wrap;gap:8px;overflow:visible;margin:8px 0;padding:0}#filter-quick-choices button{white-space:normal;min-height:38px;background:var(--surface,#fff);color:var(--ink);border:1px solid var(--border);border-radius:12px;padding:8px 12px}#final-review-improvements small{display:block;margin-top:10px}#publish-inline-preview{margin-top:20px} @media(max-width:760px){body.mobile-filters-open #main-nav{visibility:hidden;pointer-events:none}} #photo-privacy-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}#photo-privacy-tools[hidden]{display:none}#photo-privacy-tools select{min-width:0;max-width:100%;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink)} /* Vehicle detail: existing facts and actions, stronger hierarchy and gallery controls. */ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #page-detail :is(.back-btn,.cc-secondary,.credit-open-btn,.listing-check-actions button,.tco-box){background:var(--g-surface2)!important;color:var(--g-ink)!important;-webkit-text-fill-color:var(--g-ink)!important;border-color:var(--g-line)!important;box-shadow:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #page-detail :is(.credit-open-btn,.listing-check-actions button,.tco-box) :is(span,b,small,strong){color:var(--g-ink)!important;-webkit-text-fill-color:var(--g-ink)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #page-detail .gthumb.on{outline:2px solid #dc2626!important;border-color:#dc2626!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #page-detail .detail-brand{color:#dc2626!important;font-size:13px!important;font-weight:700!important;margin:0 0 6px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #page-detail .detail-name{font-size:32px!important;line-height:1.18!important;letter-spacing:0!important;margin:0 0 8px!important;color:var(--g-ink)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #page-detail .detail-key-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0 20px;color:var(--g-ink);font-size:14px} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #page-detail .gallery-stage{position:relative!important;aspect-ratio:16/10!important;height:auto!important;overflow:hidden!important;background:var(--g-surface)!important;border-radius:8px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #page-detail #gmain{position:relative!important;display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;margin:0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #page-detail :is(.gallery-nav,.gallery-count){z-index:3!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #page-detail .gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;color:var(--g-ink);font-size:13px;border-bottom:1px solid var(--g-line)} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #gallery-playback{width:44px!important;height:44px!important;padding:0!important;border:1px solid var(--g-line)!important;border-radius:6px!important;background:var(--g-surface2)!important;color:var(--g-ink)!important;font-size:19px;cursor:pointer} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #page-detail .listing-summary-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border-block:1px solid var(--g-line)!important;border-top:3px solid #dc2626!important;margin:22px 0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #page-detail .listing-summary-strip>div{padding:16px 12px!important;border:0!important;border-radius:0!important;background:transparent!important;min-width:0;overflow-wrap:anywhere} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #page-detail :is(.public-section-title,.desc-title){border-left:3px solid #dc2626!important;padding-left:12px!important;color:var(--g-ink)!important;font-size:19px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #page-detail .contact-card{border-top:3px solid #dc2626!important;background:var(--g-surface)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #page-detail .cc-price{color:#dc2626!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #page-detail .public-tech-row:nth-child(even){background:var(--g-surface)!important} @media(max-width:760px){ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #page-detail .detail-name{font-size:26px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#gallery) body #page-detail .listing-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important} } /* Anchored pickers, quiet listing hover and subtle moving road trails. */ @supports (appearance:base-select){ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine) body select:not([multiple]):not([size])::picker(select){position-area:block-end span-inline-end!important;position-try-fallbacks:none!important;margin:6px 0 0!important;max-height:min(340px,var(--pa-picker-space,50dvh))!important;overflow-y:auto!important;overscroll-behavior:contain;box-sizing:border-box!important} } html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine) body :is(.car-row,.car-card,.home-car-tile,.home-tile):hover{border-color:transparent!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine) body #body-type-grid .bt-media:after{background-image:linear-gradient(90deg,transparent,#8b9191 35%,#8b9191 65%,transparent),linear-gradient(90deg,transparent,#8b9191 35%,#8b9191 65%,transparent),linear-gradient(90deg,transparent,#8b9191 35%,#8b9191 65%,transparent)!important;background-size:18px 1px!important;background-repeat:repeat-x!important;background-position:0 1px,6px 5px,3px 9px} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine) body #body-type-grid .bt-card:is(:hover,:focus-visible) .bt-media:after{opacity:.22!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine)[data-pa-motion=full] body:not(.accessibility-reduce-motion) #body-type-grid .bt-card:is(:hover,:focus-visible) .bt-media:after{animation:paRoadTrail .7s linear infinite!important} @property --pa-trail-phase{syntax:"";inherits:false;initial-value:0px} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine) body #body-type-grid .bt-media:after{background-position:var(--pa-trail-phase) 1px,calc(var(--pa-trail-phase) + 6px) 5px,calc(var(--pa-trail-phase) + 3px) 9px!important} @keyframes paRoadTrail{to{--pa-trail-phase:18px}} /* ===================================================================== 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:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *),.g-val:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *){transition:none}.g-art:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *){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){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):where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *){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:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *),.g-live:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *),html:not(#ga#gb#gc#gd#ge#gf) body [id^="page-"]:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *){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 *:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *){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 *:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *){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):where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *){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:block!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} /* Both snapshots contain the full page; only the new snapshot is circle-clipped. */ ::view-transition-image-pair(root){isolation:isolate} ::view-transition-old(root),::view-transition-new(root){animation:none!important;mix-blend-mode:normal} @media(prefers-reduced-motion:reduce){ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#motion) body #mobile-menu:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *), html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#motion) body #mobile-menu *:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *){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(any-hover:hover) and (any-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} } @media(min-width:0px) and (min-width:0px){ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#lamps) body #body-type-grid .bt-card:hover .g-vehicle-lamps:where(html[data-pa-input="mouse"], html[data-pa-input="mouse"] *){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:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *){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:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *)::picker(select),html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body details:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *)::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):where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *){animation:none!important}} /* Wide desktop density; keep existing tablet and phone layouts unchanged. */ @media (min-width:1440px){ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#wide) body #main-nav{padding-inline:max(32px,calc((100vw - 1600px)/2 + 32px))!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#wide) body #home-scroll-video .home-hero-inner{max-width:1600px!important;box-sizing:border-box!important;padding:40px 32px 0!important;gap:24px 48px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#wide) body #home-scroll-video .home-hero-title{font-size:88px!important;letter-spacing:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#wide) body #home-scroll-video .g-gauge{width:360px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#wide) body #home-scroll-video .g-art{gap:20px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#wide) body #home-scroll-video .home-search-box{margin-top:16px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#wide) body .home-section-inner, html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#wide) body #page-list .list-page-wrap{max-width:1600px!important;width:100%!important;box-sizing:border-box!important;padding-inline:32px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#wide) body .home-section{padding-block:40px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#wide) body #sec-bodytypes{padding-block:40px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#wide) body .site-footer .footer-inner{max-width:1600px!important;width:100%!important;box-sizing:border-box!important;padding-inline:32px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#wide) body .site-footer .footer-bottom{max-width:1536px!important;width:calc(100% - 64px)!important;box-sizing:border-box!important} } /* Shared public pages use the same Grafit tokens and controls as the app. */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body #home-recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} @media(max-width:1000px){html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body #home-recent-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#gj#gk#pages) body #home-recent-grid{grid-template-columns:minmax(0,1fr)}} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body{--ink:var(--g-ink)!important;--ink-60:var(--g-mu)!important;--ink-40:var(--g-mu)!important;--accent:var(--g-acc)!important;--accent-light:var(--g-surface2)!important;--surface:var(--g-bg)!important;--surface-2:var(--g-surface2)!important;--card:var(--g-surface)!important;--border:var(--g-line)!important;--border-2:var(--g-line)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body {min-height:100dvh!important;display:flex!important;flex-direction:column!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body >main{flex:1!important;width:100%!important;box-sizing:border-box!important;background:var(--g-bg)!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body :is(.seo-page,.legal-wrap,.vin-tool){max-width:1000px!important;margin:0 auto!important;padding:48px 24px 64px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body .credit-page{max-width:1300px!important;margin:0 auto!important;padding:36px 24px 64px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body :is(h1,h2,h3){font-family:var(--g-font)!important;letter-spacing:0!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body main h1{font-size:36px!important;line-height:1.15!important;font-weight:600!important;margin-bottom:24px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body main :is(p,li){line-height:1.7!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body :is(.seo-cta,.legal-back,.vin-btn){background:var(--g-acc)!important;color:var(--g-acc-ink)!important;border:1px solid var(--g-line)!important;box-shadow:none!important;border-radius:8px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body :is(.seo-cta.secondary,.vin-secondary){background:var(--g-surface2)!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body :is(.vin-card,.vin-modal-card,.vehicle-data,.vehicle-field,.vin-result,.credit-result-option){background:var(--g-surface)!important;color:var(--g-ink)!important;border-color:var(--g-line)!important;border-radius:8px!important;box-shadow:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body :is(.vin-drop,.credit-result-option.is-selected){background: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#pages) body.public-page-body :is(.vin-intro,.vin-note,.vin-raw,.vehicle-field span,.vin-advanced summary){color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body :is(input:not([type=range]):not([type=color]),select,textarea){background:var(--g-surface)!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#pages) body.public-page-body .site-footer{margin-top:auto!important;background:var(--g-surface2)!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body .site-footer :is(a,p,span){color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body .site-footer .footer-col h2{font-size:12px!important;font-weight:700!important;text-transform:uppercase!important;margin:0 0 12px!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body .site-footer .footer-logo span{color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body :is(.legal-table,.credit-scenarios){overflow-wrap:anywhere!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body .pa-chat-layout{height:calc(100dvh - 72px)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body #pa-chat-root{flex:1!important;min-width:0!important} @media(max-width:640px){ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body :is(.seo-page,.legal-wrap,.vin-tool,.credit-page){padding:28px 16px 40px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body main h1{font-size:28px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#pages) body.public-page-body .pa-chat-layout{height:calc(100dvh - 64px)!important} } /* Vehicle-type picker: clean Grafit cards; technical metadata stays available to the form. */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-panel{ margin:18px 0 22px!important;padding:22px!important;border:1px solid var(--g-line)!important; border-radius:var(--g-r)!important;background:var(--g-surface)!important;box-shadow:var(--g-shadow)!important; } html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-head{padding:0 0 16px!important;border:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-head span{color:var(--g-mu)!important;font-size:10px!important;letter-spacing:.08em;text-transform:uppercase} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-head h3{margin:5px 0 0!important;font-size:24px!important;letter-spacing:-.03em!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-head p{margin-top:6px!important;color:var(--g-mu)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-tools{display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-table-head{display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-results{padding:0!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-card-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-card{ display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important; min-height:86px!important;padding:16px!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-sm)!important; background:var(--g-bg)!important;color:var(--g-ink)!important;transition:border-color .2s,background-color .2s,transform .2s!important; } html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-card:hover{background:var(--g-surface2)!important;border-color:var(--g-ink)!important;transform:translateY(-2px)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-card.selected{background:var(--g-surface2)!important;border-color:var(--g-ink)!important;box-shadow:inset 3px 0 var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-card>.vehicle-type-main{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:28px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-card>.vehicle-type-main b{font-size:15px!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important;color:var(--g-ink)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-card>.vehicle-type-main em{display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-card>[data-label]:not(.vehicle-type-main){display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-card .vehicle-type-choose{width:100%!important;min-height:40px!important;margin-top:auto!important;border:1px solid var(--g-line)!important;border-radius:999px!important;background:var(--g-surface)!important;color:var(--g-ink)!important;font-weight:700!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-card.selected .vehicle-type-choose{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#vehicle-picker) body .vehicle-type-dedup-note, html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-ai-more{margin:12px 0 0!important;color:var(--g-mu)!important;font-size:11px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-fallback{margin:16px -22px -22px!important;padding:14px 22px!important;border-top:1px solid var(--g-line)!important;background:var(--g-surface2)!important} @media(max-width:640px){ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-panel{padding:16px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-card-list{grid-template-columns:1fr!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-fallback{margin:16px -16px -16px!important;padding:14px 16px!important} } /* Shared brand image remains legible in both themes without changing navigation controls. */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#brand#logo) body #main-nav .nav-logo img, html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#brand#logo) body .footer-logo img{display:block!important;width:70px!important;height:38px!important;flex:0 0 auto!important;object-fit:contain!important;background:transparent!important;padding:4px!important;border:0!important;box-shadow:none!important;border-radius:0!important;transform:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#brand#logo) body .footer-logo span{display:inline!important} @media(max-width:760px){html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#brand#logo) body #main-nav .nav-logo img{width:44px!important;height:28px!important;padding:2px!important}} @media(max-width:359px){html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#brand#logo) body #main-nav .nav-logo{font-size:14px!important;gap:4px!important}html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#brand#logo) body #main-nav .nav-logo img{width:34px!important;height:24px!important}} /* Keep the navigation wordmark uncluttered; footer branding is unchanged. */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#brand#logo) body #main-nav .nav-logo img{display:none!important} /* Release QA: necessary engine choices remain visible in the compact picker. */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-card>[data-label]:has(.vt-sub){display:flex!important;flex-wrap:wrap!important;gap:6px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-card .vt-sub{background:var(--g-surface)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;padding:8px 10px!important;border-radius:4px!important;min-height:36px!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#vehicle-picker) body .vehicle-type-card .vt-sub.on{background:var(--g-ink)!important;color:var(--g-bg)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#release) body #page-detail :is(.gallery,.gallery-stage,.gallery-main,.gallery-thumbs,.gthumb,.gallery-placeholder){background:var(--g-surface)!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#release) body.publish-manual-entry #page-add :is(.publish-vin-entry,.vehicle-type-ai-more,[onclick*="goPage('vin')"]){display:none!important} html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#release) body #mobile-menu .g-mn-car{display:none!important} @media(min-width:761px){html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk#release) body #mobile-menu .g-mn-car[data-positioned="true"]{display:block!important;position:absolute!important;top:var(--g-menu-car-top)!important;bottom:auto!important;right:var(--g-menu-car-right)!important;width:var(--g-menu-car-width)!important;height:auto!important}} /* Roads homepage visual layer. */ /* Scoped visual layer. Existing form markup, handlers and theme remain intact. */ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #home-scroll-video .home-hero-inner{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;max-width:none!important;width:100%!important} .road-hero{position:relative;isolation:isolate;width:100%;min-height:520px;display:flex;align-items:flex-end;overflow:hidden;background:#213831;touch-action:pan-y} .road-scenes{position:absolute;inset:0;z-index:-2}.road-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease!important}.road-scene.active{opacity:1}.road-scenes:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.03) 85%)} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #home-scroll-video .road-hero .home-hero-top{width:100%!important;max-width:1536px!important;margin:0 auto!important;display:block!important;padding:65px 40px 80px!important;position:relative!important;z-index:1!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #home-scroll-video .road-hero :is(.home-hero-title,.home-hero-title span,.home-hero-title em,.home-hero-sub){color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 16px #0004;background:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #home-scroll-video .road-hero .home-hero-title{font-size:68px!important;line-height:1.04!important;max-width:720px!important;letter-spacing:0!important;font-weight:650!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #home-scroll-video .home-search-box{width:calc(100% - 64px)!important;max-width:1472px!important;margin:28px auto!important;border-radius:8px!important;box-shadow:none!important} .road-photo-label{position:absolute;top:28px;right:40px;font-size:12px;color:#fff;z-index:3;text-shadow:0 1px 5px #000} .road-controls{position:absolute;right:40px;bottom:28px;z-index:4;display:flex;gap:12px;align-items:center;color:#fff}.road-count{font-size:12px;font-variant-numeric:tabular-nums} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design .road-controls button{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:50%!important;background:#10221c80!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #ffffff60!important;box-shadow:none!important;font-size:17px!important} /* Restyle action buttons only; keep category tabs, swatches and tool icons unchanged. */ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design :is(.btn-primary,.nav-post-btn,.hsb-btn,.hsb-search-btn,.search-btn,.btn-submit){background:#d9ef9d!important;color:#172117!important;-webkit-text-fill-color:#172117!important;border-color:#d9ef9d!important;border-radius:6px!important;box-shadow:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design :is(.btn-primary,.nav-post-btn,.hsb-btn,.hsb-search-btn,.search-btn,.btn-submit):hover{background:#c8df87!important} @media(min-width:1800px){.road-hero{min-height:570px}} @media(max-width:760px){.road-hero{min-height:480px}.road-photo-label{top:18px;right:18px}.road-controls{right:18px;bottom:20px}html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #home-scroll-video .road-hero .home-hero-top{padding:80px 20px 105px!important}html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #home-scroll-video .road-hero .home-hero-title{font-size:44px!important}html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #home-scroll-video .home-search-box{width:calc(100% - 32px)!important;margin:20px auto!important}} @media(prefers-reduced-motion:reduce){.road-scene:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *){transition:none!important}} /* Design 31: unified charcoal surfaces and quieter listing cards. */ html[data-gtheme=dark]:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t){--g-bg:#111313!important;--g-surface:#1d2020!important;--g-ink:#f4f5f2!important;--g-mu:#a3aaa7!important;--g-line:#363b39!important} html[data-gtheme=dark]:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design :is(#page-home,#main-nav,.home-section,.home-section-gray,.home-section-inner,.site-footer,#sec-featured,#sec-bodytypes,#home-scroll-video){background:#111313!important;color:#f4f5f2!important} html[data-gtheme=dark]:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design :is(.home-search-box,#featured-grid .home-car-tile,#featured-grid .home-tile-body){background:#1d2020!important;color:#f4f5f2!important;border-color:#363b39!important} html[data-gtheme=dark]:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design .home-search-box :is(select,input){background:#111313!important;color:#f4f5f2!important;border-color:#363b39!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #featured-grid .ct-img .home-tile-badge{display:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #featured-grid .home-car-tile{border:1px solid var(--g-line)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #featured-grid .home-tile-body{padding:22px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #featured-grid .home-tile-tag{background:transparent!important;border:0!important;padding:0!important;color:var(--g-mu)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #body-type-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 36px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #body-type-grid .bt-card{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:24px!important;row-gap:8px!important;min-height:152px!important;padding:28px 0!important;border:0!important;border-bottom:1px solid var(--g-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;align-content:center!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #body-type-grid .bt-media{grid-column:1!important;grid-row:1/3!important;width:150px!important;height:85px!important;margin:0!important;align-self:center!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #body-type-grid .bt-card b{grid-column:2!important;grid-row:1!important;align-self:end!important;font-size:22px!important;line-height:1.2!important;color:var(--g-ink)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #body-type-grid .bt-hint{grid-column:2!important;grid-row:2!important;font-size:14px!important;color:var(--g-mu)!important;margin:0!important;align-self:start!important} .road-section-label{display:block;font-size:12px;font-weight:700;color:var(--g-acc);margin-bottom:16px} .road-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;transition:opacity 1s ease;pointer-events:none}.road-video.active{opacity:1}.road-scenes:after{z-index:2} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design :is(.nav-logo,.footer-logo,.nav-logo img,.footer-logo img,img[src*="prodajavto-brand"],img[src*="prodajavto-logo"]){background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;outline-offset:3px} @media(prefers-reduced-motion:reduce){.road-video:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *){transition:none}} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #sec-bodytypes{border-bottom:0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #sec-featured{border-top:0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #body-type-grid .bt-card:nth-last-child(-n+2){border-bottom:0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design .footer-logo img{display:none!important} body.roads-design .footer-logo::before{content:'';display:inline-block;width:64px;height:24px;flex-shrink:0;background:var(--g-acc);mask:url('/prodajavto-brand-20261007.png') center/contain no-repeat;-webkit-mask:url('/prodajavto-brand-20261007.png') center/contain no-repeat} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design .footer-logo span{color:var(--g-acc)!important;-webkit-text-fill-color:var(--g-acc)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #sec-bodytypes .home-section-sub{display:none!important} @media(max-width:760px){html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #body-type-grid{grid-template-columns:1fr!important}html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #body-type-grid .bt-card{grid-template-columns:110px minmax(0,1fr)!important;min-height:120px!important;column-gap:16px!important;padding:20px 0!important}html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #body-type-grid .bt-media{width:110px!important;height:65px!important}html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t) body.roads-design #body-type-grid .bt-card b{font-size:19px!important}} /* Keep the global image reveal effect from revealing every slide at once. */ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u) body .road-scenes .road-scene{opacity:0!important;transform:none!important;animation:none!important;transition:opacity 1s ease!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u) body .road-scenes .road-scene.active{opacity:1!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u) body .road-count{color:#fff!important;-webkit-text-fill-color:#fff!important} @media(prefers-reduced-motion:reduce){html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u) body .road-scenes .road-scene:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *){transition:none!important}} /* Preserve the vehicle focal point rather than the empty sky. */ .road-scenes .road-scene:nth-child(1){object-position:30% 85%!important} .road-scenes .road-scene:nth-child(2){object-position:52% 72%!important} .road-scenes .road-scene:nth-child(3){object-position:65% 82%!important} /* Sports hero: three-second crossfade and overlapping search. */ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v) body.roads-design .road-hero{min-height:650px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v) body.roads-design #home-scroll-video .road-hero .home-hero-top{padding-bottom:155px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v) body.roads-design #home-scroll-video .home-search-box{position:relative!important;z-index:5!important;margin:-64px auto 28px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v) body.roads-design .road-controls{bottom:86px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v) body.roads-design .road-scene,html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v) body.roads-design .road-sports-video{transition:opacity 900ms ease-in-out!important;object-position:center 60%!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v) body.roads-design .road-scene:nth-child(3){object-position:center 70%!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v) body.roads-design .road-sports-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:0!important;pointer-events:none} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v) body.roads-design .road-sports-video.active{opacity:1!important} @media(max-width:760px){html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v) body.roads-design .road-hero{min-height:570px!important}html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v) body.roads-design #home-scroll-video .home-search-box{margin:-32px auto 20px!important}html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v) body.roads-design .road-controls{bottom:52px!important}html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v) body.roads-design #home-scroll-video .road-hero .home-hero-top{padding-bottom:125px!important}} @media(prefers-reduced-motion:reduce){html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v) body.roads-design .road-scene:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *),html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v) body.roads-design .road-sports-video:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *){transition:none!important}} /* Photo-only hero; search stays in document flow. */ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w) body.roads-design .road-hero{min-height:500px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w) body.roads-design #home-scroll-video .home-search-box{margin:24px auto!important;z-index:1!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w) body.roads-design #home-scroll-video .road-hero .home-hero-top{padding-bottom:95px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w) body.roads-design .road-controls{bottom:24px!important} @media(max-width:760px){ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w) body.roads-design .road-hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:0!important;overflow:hidden!important;background:var(--g-bg,#111313)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w) body.roads-design .road-scenes{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;flex:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w) body.roads-design .road-scenes:after{display:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w) body.roads-design .road-scenes .road-scene{object-fit:cover!important;object-position:center!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w) body.roads-design #home-scroll-video .road-hero .home-hero-top{padding:20px 20px 62px!important;max-width:100%!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w) body.roads-design #home-scroll-video .road-hero .home-hero-title{font-size:32px!important;line-height:1.08!important;margin:12px 0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w) body.roads-design #home-scroll-video .road-hero :is(.home-hero-title,.home-hero-title span,.home-hero-title em,.home-hero-sub){color:var(--g-ink,#111111)!important;-webkit-text-fill-color:var(--g-ink,#111111)!important;text-shadow:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w) body.roads-design #home-scroll-video .road-hero .home-hero-sub{font-size:14px!important;line-height:1.5!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w) body.roads-design .road-controls{bottom:12px!important;right:20px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w) body.roads-design .road-photo-label{top:12px!important;right:12px!important;font-size:10px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w) body.roads-design #home-scroll-video .home-search-box{width:calc(100% - 24px)!important;margin:16px auto!important} } @media(max-width:760px){html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w) body.roads-design .road-count{color:var(--g-ink)!important;-webkit-text-fill-color:var(--g-ink)!important}} /* Fixed brand accent, photo-only automatic slideshow. */ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x){--g-acc:#dc2626!important;--g-acc-ink:#fff!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x) body :is(.g-pal,.road-controls){display:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x) body :is(.btn-primary,.nav-post-btn,.hsb-btn,.hsb-search-btn,.search-btn,.btn-submit,.seo-cta,.g-mn-post){background:#dc2626!important;border-color:#dc2626!important;color:#fff!important;-webkit-text-fill-color:#fff!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x) body :is(.nav-logo,.nav-logo span,.nav-logo em,.footer-logo span,.road-section-label){color:#dc2626!important;-webkit-text-fill-color:#dc2626!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x) body .road-scene{transition:opacity 1000ms ease-in-out!important} @media(max-width:760px){ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x) body.roads-design .road-scenes{aspect-ratio:4/3!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x) body.roads-design .road-scenes:after{display:block!important;inset:auto 0 0!important;height:72px!important;background:linear-gradient(to bottom,transparent,var(--g-bg))!important;pointer-events:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x) body.roads-design #home-scroll-video .road-hero .home-hero-top{padding:12px 20px 22px!important} } @media(prefers-reduced-motion:reduce){html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x) body .road-scene:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *){transition:none!important}} /* Shared vehicle coordinate system and consistent media dimensions. */ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y) body :is(.nav-logo,.nav-logo span,.nav-logo em,.footer-logo,.footer-logo span){color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 2px #0008} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y) body .footer-logo::before{background:#fff!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y) body.roads-design .road-hero{min-height:620px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y) body #body-type-grid .bt-card .bt-media{position:relative!important;height:56px!important;transform:none!important;transition:transform .65s ease!important;isolation:isolate} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y) body #body-type-grid .bt-card:is(:hover,:focus-visible) .bt-media{transform:translateX(-10px)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y) body #body-type-grid .bt-card .bt-media>:is(img,svg){transform:none!important;translate:none!important;height:56px!important;object-position:50% 100%!important;transition:opacity .25s ease!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y) body #body-type-grid .bt-card .bt-media>:is(img[src*="body-kombi"],.g-lamps-kombi){transform:scale(1.6)!important;transform-origin:50% 55%!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y) body #body-type-grid .bt-card .bt-media::after{transform:none!important;left:95%!important;right:auto!important;top:42%!important;width:24%!important;height:20%!important;transition:opacity .25s!important} @media(max-width:760px){html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y) body.roads-design .road-hero{min-height:0!important}html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y) body.roads-design .road-scenes{aspect-ratio:1/1!important;max-height:460px!important}html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y) body.roads-design .road-scene{object-position:60% center!important}} @media(prefers-reduced-motion:reduce){html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y) body #body-type-grid .bt-card .bt-media:where(html:not([data-pa-motion="full"]), html:not([data-pa-motion="full"]) *){transition:none!important}} /* Identical primary transitions independent of OS motion defaults. */ html[data-pa-motion="full"]:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z) body:not(.accessibility-reduce-motion) .road-scenes .road-scene{transition:opacity 1s ease-in-out!important;will-change:opacity} html[data-pa-motion="full"]:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z) body:not(.accessibility-reduce-motion) #mobile-menu{transition:clip-path .65s cubic-bezier(.4,0,.2,1),visibility 0s .65s!important} html[data-pa-motion="full"]:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z) body:not(.accessibility-reduce-motion) #mobile-menu.show{transition:clip-path .65s cubic-bezier(.4,0,.2,1),visibility 0s!important} html[data-pa-motion="full"]:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z) body:not(.accessibility-reduce-motion) #mobile-menu>:is(a,button){transition:opacity .55s ease,transform .65s ease!important} html[data-pa-motion="full"]:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z) body:not(.accessibility-reduce-motion) #mobile-menu.show>:is(a,button){transition-delay:calc(.08s + var(--i,0)*.05s)!important} html[data-pa-motion="full"]:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z) body:not(.accessibility-reduce-motion) :is(.reveal,.reveal-item){transition:opacity .65s ease,translate .65s ease,transform .65s ease!important} html[data-pa-motion="full"]:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z) body:not(.accessibility-reduce-motion) #body-type-grid .bt-card .bt-media{transition:transform .65s ease!important} html[data-pa-motion="full"]:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z) body:not(.accessibility-reduce-motion) #body-type-grid .g-vehicle-lamps{transition:opacity .25s ease!important} html[data-pa-motion="full"]:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z) body:not(.accessibility-reduce-motion) .g-l1,html[data-pa-motion="full"]:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z) body:not(.accessibility-reduce-motion) .home-hero-title em{animation:gRise .8s ease both!important} html[data-pa-motion="full"]:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z) body:not(.accessibility-reduce-motion) .home-hero-title em{animation-delay:.12s!important} html[data-pa-motion="full"]:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z) body:not(.accessibility-reduce-motion) [id^="page-"].active{animation:gRise .5s ease!important} html[data-pa-motion="reduced"] body .road-scenes .road-scene{transition:none!important} /* Mobile composition and reachable accessibility controls. */ @media(max-width:760px){ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix) body #main-nav .nav-accessibility-btn{display:inline-grid!important;width:32px!important;height:36px!important;min-width:32px!important;padding:0!important;flex:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix) body #main-nav .nav-right{gap:4px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix) body #main-nav .g-tools .g-ib{width:32px!important;min-width:32px!important;padding:0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix) body #main-nav .nav-post-btn{padding:10px!important;font-size:12px!important;min-width:0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix) body #main-nav .nav-logo{font-size:19px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix) body .accessibility-panel{position:fixed!important;top:70px!important;right:12px!important;left:auto!important;width:min(340px,calc(100vw - 24px))!important;max-height:calc(100dvh - 90px)!important;overflow:auto!important;z-index:10001!important;background:var(--g-surface)!important;color:var(--g-ink)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix) body.roads-design .road-hero{position:relative!important;display:flex!important;justify-content:flex-end!important;min-height:500px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix) body.roads-design .road-scenes{position:absolute!important;inset:0!important;aspect-ratio:auto!important;height:100%!important;max-height:none!important;z-index:-2!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix) body.roads-design .road-scenes:after{inset:0!important;height:100%!important;background:linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.28) 48%,rgba(0,0,0,.82) 100%)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix) body.roads-design #home-scroll-video .road-hero .home-hero-top{padding:180px 20px 34px!important;position:relative!important;z-index:1!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix) body.roads-design #home-scroll-video .road-hero :is(.home-hero-title,.home-hero-title span,.home-hero-title em,.home-hero-sub){color:white!important;-webkit-text-fill-color:white!important;text-shadow:0 2px 12px #0008!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix) body #page-home .home-section-head{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;gap:12px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix) body #page-home .home-section-title{margin:0!important;text-align:left!important;align-self:flex-start!important;width:100%!important;font-size:28px!important;line-height:1.15!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix) body #page-home .home-section-link{align-self:flex-start!important;margin:0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix) body #body-type-grid .bt-card{grid-template-columns:140px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:20px!important;row-gap:8px!important;min-height:128px!important;padding:24px 0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix) body #body-type-grid .bt-card b{line-height:1.3!important;overflow-wrap:break-word!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix) body #body-type-grid .bt-hint{line-height:1.5!important;overflow-wrap:break-word!important} } /* Photo copy has a fixed contrast pair; interface copy follows the theme. */ /* Account pages share the current site surfaces, typography and controls. */ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body :is(#page-my,#page-profile){background:var(--g-bg)!important;color:var(--g-ink)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body :is(.my-wrap,.profile-wrap){max-width:1280px!important;width:100%!important;box-sizing:border-box!important;margin:0 auto!important;padding:40px 32px 72px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body :is(.my-header,.profile-header-bar){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin:0 0 28px!important;flex-wrap:wrap!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body :is(.my-title,.profile-title){font-size:32px!important;line-height:1.15!important;letter-spacing:0!important;color:var(--g-ink)!important;margin:0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .profile-header-bar{justify-content:flex-start!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .profile-grid{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:40px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body :is(.profile-left,.profile-right,.profile-preview-box,.profile-section,.dash){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--g-ink)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .profile-left{padding:24px 0!important;align-self:start!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .profile-right{min-width:0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .profile-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;padding:0 0 12px!important;border-bottom:1px solid var(--g-line)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .profile-tab{min-width:0!important;padding:12px 8px!important;font-size:14px!important;white-space:normal!important;line-height:1.35!important;border-radius:6px!important;background:transparent!important;color:var(--g-ink)!important;border:1px solid transparent!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .profile-tab.on{background:var(--g-surface2)!important;border-color:var(--g-line)!important;box-shadow:inset 0 -2px #dc2626!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .profile-section{padding:0 0 24px!important;margin:0 0 24px!important;border-bottom:1px solid var(--g-line)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body :is(.profile-section-title,.profile-user-name,.my-card-name){font-size:20px!important;line-height:1.3!important;color:var(--g-ink)!important;letter-spacing:0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body :is(#page-profile,#page-my) :is(p,label,small,.profile-user-email,.profile-stat-l,.my-card-meta,.dash-l,.my-views-l,.dealer-toggle-sub){color:var(--g-mu)!important;-webkit-text-fill-color:var(--g-mu)!important;overflow-wrap:anywhere} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body #page-profile .fg{margin-bottom:18px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body #page-profile .fg>label{display:block!important;margin-bottom:7px!important;font-size:13px!important;font-weight:600!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body #page-profile .profile-input{box-sizing:border-box!important;width:100%!important;min-height:46px!important;background:var(--g-surface)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:6px!important;padding:12px!important;font-size:15px!important;box-shadow:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body :is(#page-profile,#page-my) button{font-family:var(--g-font)!important;font-size:14px!important;min-height:40px!important;padding:10px 14px!important;border:1px solid var(--g-line)!important;border-radius:6px!important;background:var(--g-surface)!important;background-image:none!important;color:var(--g-ink)!important;-webkit-text-fill-color:var(--g-ink)!important;box-shadow:none!important;line-height:1.35!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body :is(#page-profile,#page-my) :is(.btn-new,.profile-save-btn){background:#dc2626!important;border-color:#dc2626!important;color:#fff!important;-webkit-text-fill-color:#fff!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body #page-my .btn-delete,html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body #page-profile .profile-delete-request{border-color:#dc2626!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .profile-avatar{background:var(--g-surface2)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .profile-avatar-upload{background:#dc2626!important;color:#fff!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .profile-stats{width:100%!important;gap:20px!important;border-top:1px solid var(--g-line)!important;padding-top:20px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body :is(.profile-stat-n,.dash-n,.my-card-price,.my-views-n){color:var(--g-ink)!important;letter-spacing:0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .dash-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:16px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .dash-stat{background:var(--g-surface)!important;border:1px solid var(--g-line)!important;border-radius:6px!important;padding:20px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .dash-top{background:transparent!important;color:var(--g-ink)!important;padding:12px 0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .dash-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin:16px 0 24px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .my-card{display:grid!important;grid-template-columns:240px minmax(0,1fr)!important;gap:0!important;background:var(--g-surface)!important;border:1px solid var(--g-line)!important;border-radius:8px!important;overflow:hidden!important;margin:0 0 16px!important;box-shadow:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .my-card-img{width:100%!important;height:100%!important;min-height:210px!important;background:var(--g-surface2)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .my-card-img img{width:100%!important;height:100%!important;object-fit:cover!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .my-card-body{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important;padding:22px!important;align-items:start!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .my-card-price{font-size:23px!important;margin:8px 0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .my-card-actions{grid-column:1/-1!important;display:flex!important;flex-direction:row!important;gap:8px!important;flex-wrap:wrap!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .my-health{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:12px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .my-health span{background:var(--g-surface2)!important;color:var(--g-ink)!important;padding:5px 8px!important;border-radius:4px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .my-next-action{background:transparent!important;border:0!important;color:var(--g-mu)!important;padding:12px 0 0!important;font-size:13px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .profile-preview-box{border-top:1px solid var(--g-line)!important;padding:24px 0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .profile-preview-card{background:var(--g-surface)!important;border:1px solid var(--g-line)!important;border-radius:6px!important;color:var(--g-ink)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body #page-my .empty-state{background:transparent!important;border:0!important;padding:56px 20px!important;color:var(--g-ink)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body #page-home :is(#sec-recent,#home-recent-grid){display:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body #sec-featured .home-section-link{display:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body.roads-design .road-hero{align-items:flex-start!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body.roads-design #home-scroll-video .road-hero .home-hero-top{max-width:1536px!important;margin:0 auto!important;padding:48px 40px 150px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body.roads-design #home-scroll-video .road-hero .home-hero-title{font-size:80px!important;line-height:1.03!important;max-width:850px!important;margin:18px 0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body.roads-design #home-scroll-video .road-hero .home-hero-sub{font-size:20px!important;line-height:1.5!important;max-width:560px!important;margin:0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .road-hero .g-live{font-size:15px!important;line-height:1.3!important;padding:8px 14px!important;margin:0 0 16px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body.roads-design .road-scenes:after{background:linear-gradient(100deg,#000b 0%,#0005 55%,#0001 100%)!important} @media(max-width:760px){ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body :is(.my-wrap,.profile-wrap){padding:28px 16px 96px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body :is(.my-title,.profile-title){font-size:28px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .profile-grid{grid-template-columns:1fr!important;gap:24px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .profile-left{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;padding:0 0 20px!important;border-bottom:1px solid var(--g-line)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .profile-user-email{flex-basis:100%!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .profile-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body #page-profile [id$="-tab"]{padding:20px 0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .dash-stat{padding:14px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .my-card{grid-template-columns:1fr!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .my-card-img{aspect-ratio:16/9!important;min-height:0!important;height:auto!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .my-card-body{padding:16px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body .my-card-actions button{flex:1 1 120px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body.roads-design #home-scroll-video .road-hero .home-hero-top{padding:28px 20px 170px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body.roads-design #home-scroll-video .road-hero .home-hero-title{font-size:42px!important;line-height:1.06!important;margin:16px 0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body.roads-design #home-scroll-video .road-hero .home-hero-sub{font-size:17px!important;line-height:1.45!important;max-width:350px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account) body.roads-design .road-scenes:after{background:linear-gradient(to bottom,#000b 0%,#0007 55%,#0001 100%)!important} } /* Restore Grafit feedback without altering navigation or button handlers. */ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover) body #mobile-menu>.g-mn-post{color:#fff!important;-webkit-text-fill-color:#fff!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover) body #mobile-menu .g-mn-car{transform:none!important;opacity:0!important;transition:opacity .65s ease-out!important;animation:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover)[data-pa-motion=full] body:not(.accessibility-reduce-motion) #mobile-menu.show .g-mn-car[data-positioned=true]{opacity:1!important} @starting-style{html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover)[data-pa-motion=full] body:not(.accessibility-reduce-motion) #mobile-menu.show .g-mn-car[data-positioned=true]{opacity:0!important}} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover)[data-pa-motion=full] body:not(.accessibility-reduce-motion) :is(button,.nav-post-btn,.btn-primary,.btn-submit,.seo-cta,.btn-call,.btn-msg):not(.bt-card):not(.portal-category):not(.mobile-menu-btn){transition:translate .22s ease,scale .22s ease,filter .22s ease,background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,opacity .55s ease,transform .65s ease!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover) body :is(.nav-post-btn,.hsb-btn,.g-mn-post,.btn-primary,.btn-submit,.submit-btn,.btn-call,.btn-ai,.ai-search-btn,#publish-next,.seo-cta:not(.secondary),#install-banner .ib-install){position:relative!important;overflow:hidden!important;isolation:isolate} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover) body :is(.nav-post-btn,.hsb-btn,.g-mn-post,.btn-primary,.btn-submit,.submit-btn,.btn-call,.btn-ai,.ai-search-btn,#publish-next,.seo-cta:not(.secondary),#install-banner .ib-install)::after{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;display:block!important;pointer-events:none!important;border:0!important;background:linear-gradient(110deg,transparent 30%,#ffffff55 50%,transparent 70%)!important;opacity:1!important;transform:translateX(-115%)!important;transition:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover) body #main-nav .nav-post-btn .g-plus{display:inline-block!important;transition:transform .45s cubic-bezier(.2,.75,.2,1)!important;transform:rotate(0deg)} @media(any-hover:hover){ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover)[data-pa-motion=full] body:not(.accessibility-reduce-motion) :is(button,.nav-post-btn,.btn-primary,.btn-submit,.seo-cta,.btn-call,.btn-msg):not(.bt-card):not(.portal-category):not(.mobile-menu-btn):not(:disabled):not([aria-disabled=true]):hover{translate:0 -1px!important;filter:brightness(1.08)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover)[data-pa-motion=full] body:not(.accessibility-reduce-motion) :is(.nav-post-btn,.hsb-btn,.g-mn-post,.btn-primary,.btn-submit,.submit-btn,.btn-call,.btn-ai,.ai-search-btn,#publish-next,.seo-cta:not(.secondary),#install-banner .ib-install):not(:disabled):hover{box-shadow:0 5px 18px #dc262630!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover)[data-pa-motion=full] body:not(.accessibility-reduce-motion) :is(.nav-post-btn,.hsb-btn,.g-mn-post,.btn-primary,.btn-submit,.submit-btn,.btn-call,.btn-ai,.ai-search-btn,#publish-next,.seo-cta:not(.secondary),#install-banner .ib-install):not(:disabled):hover::after{transform:translateX(115%)!important;transition:transform .65s ease-out!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover)[data-pa-motion=full] body:not(.accessibility-reduce-motion) #main-nav .nav-post-btn:hover .g-plus{transform:rotate(90deg)!important} } @media(min-width:0px){ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover)[data-pa-motion=full] body:not(.accessibility-reduce-motion) :is(button,.nav-post-btn,.btn-primary,.btn-submit,.seo-cta,.btn-call,.btn-msg):not(.bt-card):not(.portal-category):not(.mobile-menu-btn):not(:disabled):not([aria-disabled=true]):hover:where(html[data-pa-input="mouse"], html[data-pa-input="mouse"] *){translate:0 -1px!important;filter:brightness(1.08)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover)[data-pa-motion=full] body:not(.accessibility-reduce-motion) :is(.nav-post-btn,.hsb-btn,.g-mn-post,.btn-primary,.btn-submit,.submit-btn,.btn-call,.btn-ai,.ai-search-btn,#publish-next,.seo-cta:not(.secondary),#install-banner .ib-install):not(:disabled):hover:where(html[data-pa-input="mouse"], html[data-pa-input="mouse"] *){box-shadow:0 5px 18px #dc262630!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover)[data-pa-motion=full] body:not(.accessibility-reduce-motion) :is(.nav-post-btn,.hsb-btn,.g-mn-post,.btn-primary,.btn-submit,.submit-btn,.btn-call,.btn-ai,.ai-search-btn,#publish-next,.seo-cta:not(.secondary),#install-banner .ib-install):not(:disabled):hover:where(html[data-pa-input="mouse"], html[data-pa-input="mouse"] *)::after{transform:translateX(115%)!important;transition:transform .65s ease-out!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover)[data-pa-motion=full] body:not(.accessibility-reduce-motion) #main-nav .nav-post-btn:hover .g-plus:where(html[data-pa-input="mouse"], html[data-pa-input="mouse"] *){transform:rotate(90deg)!important} } html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover)[data-pa-motion=full] body:not(.accessibility-reduce-motion) :is(button,.nav-post-btn,.btn-primary,.btn-submit,.seo-cta,.btn-call,.btn-msg):not(.bt-card):not(.portal-category):not(.mobile-menu-btn):not(:disabled):active{scale:.97!important;translate:0 0!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover)[data-pa-motion=full] body:not(.accessibility-reduce-motion) #mobile-menu.show>:is(a,button){transition:opacity .55s ease,transform .65s ease,translate .22s ease,filter .22s ease,background-color .22s ease,box-shadow .22s ease!important;transition-delay:calc(.08s + var(--i,0)*.05s),calc(.08s + var(--i,0)*.05s),0s,0s,0s,0s!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover)[data-pa-motion=reduced] body #mobile-menu.show .g-mn-car[data-positioned=true]{opacity:1!important;animation:none!important;transition:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover)[data-pa-motion=reduced] body :is(button,.nav-post-btn,.btn-primary,.btn-submit,.seo-cta,.btn-call,.btn-msg):not(.bt-card):not(.portal-category):not(.mobile-menu-btn),html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover)[data-pa-motion=reduced] body #main-nav .nav-post-btn .g-plus{transition:none!important;translate:none!important;scale:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover)[data-pa-motion=reduced] body :is(.nav-post-btn,.hsb-btn,.g-mn-post,.btn-primary,.btn-submit,.submit-btn,.btn-call,.btn-ai,.ai-search-btn,#publish-next,.seo-cta:not(.secondary),#install-banner .ib-install)::after{display:none!important} @media(max-width:760px){html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover) body #main-nav .nav-post-btn{gap:5px!important}html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover) body #main-nav .nav-post-btn .g-plus{width:12px!important;height:12px!important}} /* White dark-theme copy and short, consistent interaction transitions. */ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion)[data-gtheme=dark] body :is(select,input:not([type=button]):not([type=submit]),textarea){color:#fff!important;-webkit-text-fill-color:#fff!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion)[data-gtheme=dark],html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion)[data-gtheme=dark] body{--g-ink:#fff!important;--g-mu:#fff!important;--ink:#fff!important;--ink-60:#fff!important;--ink-40:#fff!important;--accent-mid:#fff!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion)[data-gtheme=dark] body :is(.bt-hint,.footer-tagline,.footer-bottom,.cr-location,.seller-location,.home-tile-meta,.ct-meta,.filter-label,.hsb-field>label){color:#fff!important;-webkit-text-fill-color:#fff!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion) body :is(button,a,input,select,textarea){transition-property:color,background-color,border-color,box-shadow;transition-duration:.18s;transition-timing-function:ease} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion)[data-pa-motion=full] body:not(.accessibility-reduce-motion) :is(.car-row,.car-card,.home-car-tile,.home-tile){transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease!important} @media(any-hover:hover){ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion)[data-pa-motion=full] body:not(.accessibility-reduce-motion) :is(.car-row,.car-card,.home-car-tile,.home-tile):hover{transform:translateY(-3px)!important;border-color:#dc2626!important;box-shadow:0 6px 20px #0002!important;background-color:var(--g-surface2)!important} } @media(min-width:0px){ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion)[data-pa-motion=full] body:not(.accessibility-reduce-motion) :is(.car-row,.car-card,.home-car-tile,.home-tile):hover:where(html[data-pa-input="mouse"], html[data-pa-input="mouse"] *){transform:translateY(-3px)!important;border-color:#dc2626!important;box-shadow:0 6px 20px #0002!important;background-color:var(--g-surface2)!important} } html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion) body :is(.car-row,.car-card,.home-car-tile,.home-tile):focus-within{border-color:#dc2626!important} @supports(appearance:base-select){ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion) body select:not([multiple]):not([size]),html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion) body select:not([multiple]):not([size])::picker(select){appearance:base-select!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion)[data-pa-motion=full] body:not(.accessibility-reduce-motion) select:not([multiple]):not([size])::picker(select){opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,display .18s allow-discrete,overlay .18s allow-discrete!important;background:var(--g-surface)!important;color:var(--g-ink)!important;border:1px solid var(--g-line)!important;border-radius:8px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion)[data-pa-motion=full] body:not(.accessibility-reduce-motion) select:not([multiple]):not([size]):open::picker(select){opacity:1;transform:translateY(0)} @starting-style{ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion)[data-pa-motion=full] body:not(.accessibility-reduce-motion) select:not([multiple]):not([size]):open::picker(select){opacity:0;transform:translateY(-4px)} } html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion) body select option:disabled{opacity:.45!important} } html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion)[data-pa-motion=full] body:not(.accessibility-reduce-motion) :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]),[role=listbox]:not([hidden])){animation:paQuickFade .18s ease both!important} @keyframes paQuickFade{from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion)[data-pa-motion=full] body:not(.accessibility-reduce-motion) details::details-content{transition:height .2s ease,opacity .18s ease,content-visibility .2s allow-discrete!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion)[data-pa-motion=reduced] body :is(.car-row,.car-card,.home-car-tile,.home-tile){transition:none!important;transform:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion)[data-pa-motion=reduced] body :is(.accessibility-panel,.vehicle-type-results,.lead-suggestions,.eq-suggest-panel,.equip-suggest-panel,.trim-picker,.category-picker,[role=listbox]){animation:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion)[data-pa-motion=reduced] body select::picker(select),html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion)[data-pa-motion=reduced] body details::details-content{transition:none!important} /* Search overlap, fitted vehicle effects and shared public-page polish. */ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish) body .accessibility-panel{border:1px solid var(--g-line)!important;box-shadow:0 12px 32px #0002!important;border-radius:8px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish) body .accessibility-panel>a{background:transparent!important;color:var(--g-ink)!important;-webkit-text-fill-color:var(--g-ink)!important;border:0!important;text-decoration:underline!important;text-underline-offset:3px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish) body.roads-design #home-scroll-video .home-search-box{position:relative!important;z-index:5!important;margin:-60px auto 24px!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish) body .road-photo-label{display:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish) body #body-type-grid .bt-card{overflow:visible!important;border-bottom:1px solid var(--g-line)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish) body #body-type-grid .bt-card .bt-media{width:140px!important;height:64px!important;overflow:visible!important;transform:none!important;translate:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish) body #body-type-grid .bt-card:is(:hover,:focus-visible) .bt-media{transform:translateX(var(--vehicle-nudge,-4px))!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish) body #body-type-grid .bt-media[data-fitted] > :is(img,.g-vehicle-lamps){position:absolute!important;left:var(--vehicle-image-left)!important;top:var(--vehicle-image-top)!important;right:auto!important;bottom:auto!important;width:var(--vehicle-image-width)!important;height:var(--vehicle-image-height)!important;max-width:none!important;max-height:none!important;margin:0!important;transform:none!important;translate:none!important;object-fit:contain!important;object-position:center!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish) body #body-type-grid .bt-media:after{left:var(--vehicle-trail-left,100%)!important;top:var(--vehicle-trail-top,50%)!important;right:auto!important;width:18px!important;height:10px!important;transform:none!important;translate:none!important;mask-image:none!important;-webkit-mask-image:none!important;transition:opacity .25s ease!important;z-index:0!important;pointer-events:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish) body #body-type-grid .bt-card:is(:hover,:focus-visible) .bt-media:after{opacity:.5!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish) body #body-type-grid .bt-card .bt-media:before{display:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish) body .accessibility-panel{position:fixed!important;inset:auto!important;left:var(--accessibility-left,12px)!important;top:var(--accessibility-top,72px)!important;width:var(--accessibility-width,340px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - var(--accessibility-top,72px) - 12px)!important;overflow:auto!important;box-sizing:border-box!important;z-index:10001!important;background:var(--g-surface)!important;color:var(--g-ink)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish) body.public-page-body main :is(h1,h2,h3,p,li,label,strong){color:var(--g-ink)!important;-webkit-text-fill-color:var(--g-ink)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish) body.public-page-body main a:not(.seo-cta):not(.vin-btn):not(.legal-back){color:var(--g-ink)!important;-webkit-text-fill-color:var(--g-ink)!important;text-decoration:underline;text-underline-offset:3px} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish) body.public-page-body :is(.seo-contact-box,.credit-card,.credit-summary,.credit-result-option,.legal-table th,.legal-table td){background:var(--g-surface)!important;color:var(--g-ink)!important;border-color:var(--g-line)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish) body.public-page-body :is(.seo-cta.secondary,.vin-secondary){background:var(--g-surface2)!important;color:var(--g-ink)!important;-webkit-text-fill-color:var(--g-ink)!important;border-color:var(--g-line)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish) body.public-page-body .site-footer{background:var(--g-bg)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish) body.public-page-body main .road-section-label{color:var(--g-mu)!important;-webkit-text-fill-color:var(--g-mu)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body :is(.nav-logo,.nav-logo span,.footer-logo,.footer-logo span){color:var(--g-ink)!important;-webkit-text-fill-color:var(--g-ink)!important;text-shadow:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body .footer-logo:before{background-color:var(--g-ink)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body.roads-design #home-scroll-video .road-hero :is(.home-hero-title,.home-hero-title span,.home-hero-title em,.home-hero-sub){color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 12px #0009!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body .road-hero .g-live{background:#171919!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#ffffff40!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body .road-hero .g-live *{color:inherit!important;-webkit-text-fill-color:inherit!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body #page-home :is(.home-section-title,.bt-card b,.portal-category){color:var(--g-ink)!important;-webkit-text-fill-color:var(--g-ink)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body #page-home :is(.bt-hint,.home-section-sub){color:var(--g-mu)!important;-webkit-text-fill-color:var(--g-mu)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body #main-nav :is(.g-ib,.nav-accessibility-btn,.mobile-menu-btn),html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body #nav-user-area .nav-link{color:var(--g-ink)!important;-webkit-text-fill-color:var(--g-ink)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body #main-nav .nav-post-btn{background:#dc2626!important;color:#fff!important;-webkit-text-fill-color:#fff!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body #mobile-menu>:is(a,button){color:var(--g-ink)!important;-webkit-text-fill-color:var(--g-ink)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body .accessibility-panel :is(strong,p,a,button){color:var(--g-ink)!important;-webkit-text-fill-color:var(--g-ink)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body .accessibility-panel button{background:var(--g-surface2)!important;border-color:var(--g-line)!important} @media(max-width:760px){ html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body.roads-design .road-hero{justify-content:flex-start!important;align-items:stretch!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body.roads-design #home-scroll-video .road-hero .home-hero-top{padding:38px 20px 210px!important;margin:0!important;text-align:left!important;align-self:stretch!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body.roads-design .road-scenes:after{background:linear-gradient(to bottom,rgba(0,0,0,.74) 0%,rgba(0,0,0,.62) 42%,rgba(0,0,0,.08) 78%,rgba(0,0,0,.28) 100%)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body .mobile-bottom-nav{background:var(--g-bg)!important;border-color:var(--g-line)!important;gap:5px!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body .mobile-bottom-nav button{background:var(--g-bg)!important;background-image:none!important;color:var(--g-ink)!important;-webkit-text-fill-color:var(--g-ink)!important;border:0!important;border-radius:6px!important;min-width:0!important;min-height:46px!important;box-shadow:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body .mobile-bottom-nav button:is(.on,.active){background:var(--g-surface2)!important;border:0!important;box-shadow:none!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body .mobile-bottom-nav button span{color:var(--g-ink)!important;-webkit-text-fill-color:var(--g-ink)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body .mobile-bottom-nav button svg{stroke:var(--g-ink)!important;fill:none!important;opacity:1!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast) body .mobile-bottom-nav button:focus-visible{outline:2px solid var(--g-ink)!important;outline-offset:2px!important} } html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#mobilefix#contrast#polish#motion#hover#account#refine#cleanup) body :is(.car-row,.car-card,.home-car-tile,.home-tile):is(:hover,:focus-within){border-color:var(--g-line)!important} html:not(#a#b#c#d#e#f#g#h#i#j#k#l#m#n#o#p#q#r#s#t#u#v#w#x#y#z#cleanup235) body #detail-content :is(.sb-add-link,.public-damage-estimate b,.public-damage-copy,.servicebook a){color:var(--g-ink)!important;-webkit-text-fill-color:var(--g-ink)!important} html:not(#menu2510#menu2511#menu2512#menu2513#menu2514#menu2515#menu2516#menu2517#menu2518#menu2519#menu25110#menu25111#menu25112#menu25113#menu25114#menu25115#menu25116#menu25117#menu25118#menu25119#menu25120#menu25121#menu25122#menu25123#menu25124#menu25125#menu25126#menu25127#menu25128#menu25129#menu25130#menu25131#menu25132#menu25133#menu25134#menu25135#menu25136#menu25137#menu25138#menu25139#menu25140#menu25141#menu25142#menu25143#menu25144#menu25145#menu25146#menu25147#menu25148#menu25149#menu25150#menu25151#menu25152#menu25153#menu25154#menu25155#menu25156#menu25157#menu25158#menu25159#menu25160#menu25161#menu25162#menu25163#menu25164#menu25165#menu25166#menu25167#menu25168#menu25169#menu25170#menu25171#menu25172#menu25173#menu25174#menu25175#menu25176#menu25177#menu25178#menu25179#menu25180#menu25181#menu25182#menu25183#menu25184#menu25185#menu25186#menu25187#menu25188#menu25189#menu25190#menu25191#menu25192#menu25193#menu25194#menu25195#menu25196#menu25197#menu25198#menu25199#menu251100#menu251101#menu251102#menu251103#menu251104#menu251105#menu251106#menu251107#menu251108#menu251109#menu251110#menu251111#menu251112#menu251113#menu251114#menu251115#menu251116#menu251117#menu251118#menu251119#menu251120#menu251121#menu251122#menu251123#menu251124#menu251125#menu251126#menu251127#menu251128#menu251129#menu251130#menu251131#menu251132#menu251133#menu251134#menu251135#menu251136#menu251137#menu251138#menu251139#menu251140#menu251141#menu251142#menu251143#menu251144#menu251145#menu251146#menu251147#menu251148#menu251149) body #mobile-menu>:is(a,button){transition-delay:0s!important} @media(prefers-reduced-motion:reduce){html:not(#menu2510#menu2511#menu2512#menu2513#menu2514#menu2515#menu2516#menu2517#menu2518#menu2519#menu25110#menu25111#menu25112#menu25113#menu25114#menu25115#menu25116#menu25117#menu25118#menu25119#menu25120#menu25121#menu25122#menu25123#menu25124#menu25125#menu25126#menu25127#menu25128#menu25129#menu25130#menu25131#menu25132#menu25133#menu25134#menu25135#menu25136#menu25137#menu25138#menu25139#menu25140#menu25141#menu25142#menu25143#menu25144#menu25145#menu25146#menu25147#menu25148#menu25149#menu25150#menu25151#menu25152#menu25153#menu25154#menu25155#menu25156#menu25157#menu25158#menu25159#menu25160#menu25161#menu25162#menu25163#menu25164#menu25165#menu25166#menu25167#menu25168#menu25169#menu25170#menu25171#menu25172#menu25173#menu25174#menu25175#menu25176#menu25177#menu25178#menu25179#menu25180#menu25181#menu25182#menu25183#menu25184#menu25185#menu25186#menu25187#menu25188#menu25189#menu25190#menu25191#menu25192#menu25193#menu25194#menu25195#menu25196#menu25197#menu25198#menu25199#menu251100#menu251101#menu251102#menu251103#menu251104#menu251105#menu251106#menu251107#menu251108#menu251109#menu251110#menu251111#menu251112#menu251113#menu251114#menu251115#menu251116#menu251117#menu251118#menu251119#menu251120#menu251121#menu251122#menu251123#menu251124#menu251125#menu251126#menu251127#menu251128#menu251129#menu251130#menu251131#menu251132#menu251133#menu251134#menu251135#menu251136#menu251137#menu251138#menu251139#menu251140#menu251141#menu251142#menu251143#menu251144#menu251145#menu251146#menu251147#menu251148#menu251149) body #mobile-menu{transition:none!important}} html:not(#menu2510#menu2511#menu2512#menu2513#menu2514#menu2515#menu2516#menu2517#menu2518#menu2519#menu25110#menu25111#menu25112#menu25113#menu25114#menu25115#menu25116#menu25117#menu25118#menu25119#menu25120#menu25121#menu25122#menu25123#menu25124#menu25125#menu25126#menu25127#menu25128#menu25129#menu25130#menu25131#menu25132#menu25133#menu25134#menu25135#menu25136#menu25137#menu25138#menu25139#menu25140#menu25141#menu25142#menu25143#menu25144#menu25145#menu25146#menu25147#menu25148#menu25149#menu25150#menu25151#menu25152#menu25153#menu25154#menu25155#menu25156#menu25157#menu25158#menu25159#menu25160#menu25161#menu25162#menu25163#menu25164#menu25165#menu25166#menu25167#menu25168#menu25169#menu25170#menu25171#menu25172#menu25173#menu25174#menu25175#menu25176#menu25177#menu25178#menu25179#menu25180#menu25181#menu25182#menu25183#menu25184#menu25185#menu25186#menu25187#menu25188#menu25189#menu25190#menu25191#menu25192#menu25193#menu25194#menu25195#menu25196#menu25197#menu25198#menu25199#menu251100#menu251101#menu251102#menu251103#menu251104#menu251105#menu251106#menu251107#menu251108#menu251109#menu251110#menu251111#menu251112#menu251113#menu251114#menu251115#menu251116#menu251117#menu251118#menu251119#menu251120#menu251121#menu251122#menu251123#menu251124#menu251125#menu251126#menu251127#menu251128#menu251129#menu251130#menu251131#menu251132#menu251133#menu251134#menu251135#menu251136#menu251137#menu251138#menu251139#menu251140#menu251141#menu251142#menu251143#menu251144#menu251145#menu251146#menu251147#menu251148#menu251149) body .accessibility-reduce-motion #mobile-menu{transition:none!important} /* Semantic status colors only. Keep Grafit layout, typography and surfaces. Match Grafit's existing high-specificity scope without recoloring the theme. */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .publish-progress button.done:not(.on) span { color: #15803d !important; background-color: #dcfce7 !important; } html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .document-autofilled-field:not(.document-ai-suggested-field)::after, html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body .registration-ocr-live.is-complete i::after { color: #15803d !important; background-color: #dcfce7 !important; -webkit-text-fill-color: #15803d !important; } html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .document-autofilled:not(.document-ai-suggested) { border-color: #22a65a !important; } html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .document-ai-suggested { border-color: #d98a20 !important; } html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .ai-field-confirm button { color: #a9660d !important; background-color: #fff7eb !important; border-color: #d98a20 !important; } html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add .ai-field-confirm button + button { color: #15803d !important; background-color: #dcfce7 !important; border-color: #22a65a !important; } html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add input[type=checkbox] { accent-color: #15803d !important; } html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add select option::checkmark { border-color: #15803d !important; } /* Only publishing spacing, own-listing cards and the cross-portal dialog. */ html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #registration-wizard-process { margin-top: 30px !important; margin-bottom: 12px !important; } html:not(#ga#gb#gc#gd#ge#gf#gg#gh#gi#gj#gk) body #page-add #add-opis { height: 330px !important; min-height: 330px !important; resize: vertical; line-height: 1.6 !important; } #page-my #my-list .my-card { display: grid; grid-template-columns: 180px minmax(0,1fr); overflow: hidden; border: 1px solid var(--g-line,#dce3e7); border-radius: 18px; background: var(--g-surface,#fff); margin-bottom: 18px; } #page-my #my-list .my-card-img { width: 100%; min-width: 0; min-height: 180px; height: 100%; display: grid; place-items: center; background: var(--g-surface2,#edf2f4); font-size: 38px; } #page-my #my-list .my-card-empty { display: grid; justify-items: center; gap: 10px; padding: 16px; color: var(--g-mu,#647784); text-align: center; } #page-my #my-list .my-card-empty small { font-size: 12px; font-weight: 500; } #page-my #my-list .my-card-img img { width: 100%; height: 100%; object-fit: cover; } #page-my #my-list .my-card-body { min-width: 0; padding: 22px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 16px 20px; align-items: start; } #page-my #my-list .my-card-summary { min-width: 0; } #page-my #my-list .my-card-name { font-size: 19px; font-weight: 750; line-height: 1.35; overflow-wrap: anywhere; } #page-my #my-list .my-card-price { margin: 6px 0; font-size: 22px; font-weight: 750; color: var(--g-ink,#17384b); } #page-my #my-list .my-card-meta { line-height: 1.6; font-size: 13px; color: var(--g-mu,#5d7080); } #page-my #my-list .my-health { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 8px; } #page-my #my-list .my-health span { padding: 5px 9px; border-radius: 7px; font-size: 11px; } #page-my #my-list .my-next-action { max-width: 62ch; line-height: 1.5; font-size: 12px; font-weight: 500; } #page-my #my-list .my-views-n { padding: 10px; min-width: 66px; border-radius: 10px; background: var(--g-surface2,#f2f6f8); text-align: center; font-size: 22px; } #page-my #my-list .my-views-l { margin-top: 3px; font-size: 10px; } #page-my #my-list .my-card-actions { grid-column: 1/-1; display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; padding-top: 14px; border-top: 1px solid var(--g-line,#e0e6eb); } #page-my #my-list .my-card-actions button { width: auto; min-height: 36px; padding: 8px 12px; border-radius: 8px; } #page-my #my-list .my-card-actions .btn-other-portals { background: #20648a; color: #fff; border: 1px solid #20648a; font-weight: 700; } html body dialog#portal-share-dialog { position: fixed !important; inset: 0 !important; margin: auto !important; height: fit-content !important; transform: none !important; box-sizing: border-box; width: min(860px,calc(100vw - 32px)); max-height: 92vh; padding: 26px; border: 1px solid var(--g-line,#d4e0e8); border-radius: 18px; background: var(--g-surface,#fff); color: var(--g-ink,#193647); box-shadow: 0 24px 90px #0005; overflow-y: auto; } #portal-share-dialog::backdrop { background: #102331aa; backdrop-filter: blur(4px); } #portal-share-dialog .portal-share-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; } #portal-share-dialog .portal-share-head span { font-size: 12px; color: var(--g-mu,#577182); } #portal-share-dialog h2 { margin: 6px 0 12px; font-size: clamp(19px,3vw,26px); line-height: 1.2; letter-spacing: -.025em; } #portal-share-dialog .portal-share-close { flex: 0 0 36px; width: 36px; height: 36px; border: 1px solid var(--g-line,#d4e0e8); border-radius: 50%; font-size: 24px; background: var(--g-surface2,#edf3f6); color: inherit; cursor: pointer; } #portal-share-dialog p, #portal-share-dialog small { font-size: 13px; line-height: 1.55; color: var(--g-mu,#577182); } #portal-share-dialog label { display: block; margin: 18px 0 8px; font-size: 13px; font-weight: 700; } #portal-share-dialog textarea { box-sizing: border-box; display: block; width: 100%; height: 42vh; min-height: 230px; padding: 16px; border: 1px solid var(--g-line,#c7d7e0); border-radius: 10px; background: var(--g-surface2,#f5f8fa); color: var(--g-ink,#193647); font-size: 14px; font-family: inherit; line-height: 1.6; resize: vertical; } #portal-share-dialog .portal-share-copy-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 14px 0; } #portal-share-dialog #portal-share-copy { padding: 12px 18px; border: 0; border-radius: 9px; background: #20648a; color: #fff; font-weight: 700; cursor: pointer; } #portal-share-dialog #portal-share-copy-status { color: #15803d; font-size: 13px; } #portal-share-dialog .portal-share-links { display: flex; flex-wrap: wrap; gap: 10px; padding: 16px 0; border-top: 1px solid var(--g-line,#d4e0e8); } #portal-share-dialog .portal-share-links a { padding: 11px 15px; border: 1px solid var(--g-line,#c7d7e0); border-radius: 9px; color: var(--g-ink,#193647); text-decoration: none; font-weight: 650; font-size: 14px; background: var(--g-surface2,#f5f8fa); } #portal-share-dialog :is(button,a,textarea):focus-visible { outline: 3px solid #58a5d0; outline-offset: 3px; } @media(max-width:650px) { #page-my #my-list .my-card { grid-template-columns: 1fr; } #page-my #my-list .my-card-img { min-height: 110px; height: 160px; } #page-my #my-list .my-card-body { padding: 16px; gap: 14px 10px; } #page-my #my-list .my-card-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); } #page-my #my-list .my-card-actions .btn-other-portals { grid-column: 1/-1; } #page-my #my-list .my-card-actions button { width: 100%; } #portal-share-dialog { padding: 18px; width: calc(100vw - 20px); max-height: 94vh; } #portal-share-dialog .portal-share-links a { flex: 1; text-align: center; } }