/* CARS24.ba V57 — preview-inspired real listing style, TEST only.
   Only #results / .results-layout / V55 in-feed banners; preserves every existing form, API and user flow. */
:root{--c24-v57-accent:#f6a817;--c24-v57-card:#12171d;--c24-v57-border:#333c47;--c24-v57-photo:#202932;--c24-v57-text:#f5f7fa;--c24-v57-muted:#a9b7c5;--c24-v57-shadow:0 6px 20px rgba(0,0,0,.16)}
html[data-c24-theme="light"]{--c24-v57-card:#fff;--c24-v57-border:#d8e0e7;--c24-v57-photo:#edf1f5;--c24-v57-text:#172536;--c24-v57-muted:#5c6b7a;--c24-v57-shadow:0 6px 18px rgba(24,45,58,.07)}
/* The real catalogue keeps its functional sidebar and all advanced filters. */
body[data-page="browse"] .shell{max-width:1440px}
body[data-page="browse"] .results-layout{grid-template-columns:minmax(244px,268px) minmax(0,1fr);gap:20px;align-items:start}
body[data-page="browse"] .results-content{min-width:0}
body[data-page="browse"] .results-content #results.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-content:start}
body[data-page="browse"] #results > .card{display:flex;min-width:0;flex-direction:column;overflow:hidden;background:var(--c24-v57-card)!important;border:1px solid var(--c24-v57-border)!important;border-radius:15px;color:var(--c24-v57-text);box-shadow:var(--c24-v57-shadow);transition:transform .17s,border-color .17s}
body[data-page="browse"] #results > .card:hover{transform:translateY(-3px);border-color:#d79b28!important}
body[data-page="browse"] #results > .card:focus-visible{outline:3px solid var(--c24-v57-accent);outline-offset:3px}
body[data-page="browse"] #results > .card .card-img{width:100%;aspect-ratio:640/390;min-height:0;flex-shrink:0;background:var(--c24-v57-photo);overflow:hidden}
body[data-page="browse"] #results > .card .card-img img{display:block;width:100%;height:100%;object-fit:cover}
body[data-page="browse"] #results > .card .card-body{padding:13px 14px 15px;display:flex;flex:1;flex-direction:column}
body[data-page="browse"] #results > .card .price{color:var(--c24-v57-accent);font-size:22px;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.3px}
body[data-page="browse"] #results > .card h3{color:var(--c24-v57-text);font-size:15px;line-height:1.35;font-weight:700;margin:6px 0 13px;min-height:40px}
body[data-page="browse"] #results > .card .meta{display:flex;flex-wrap:wrap;gap:5px 10px;color:var(--c24-v57-muted);font-size:11px;line-height:1.45;margin-top:auto}
/* A full-width banner ALWAYS follows six actual vehicle cards, not simulated cards. */
body[data-page="browse"] #results > .c24-ad-infeed{grid-column:1/-1;width:100%;min-width:0;box-sizing:border-box;background:var(--c24-v57-card)!important;border:1px solid var(--c24-v57-border)!important;padding:10px;margin:0 0 3px;border-radius:15px;box-shadow:var(--c24-v57-shadow)}
body[data-page="browse"] #results > .c24-ad-infeed .c24-ad-label{font-size:10px;color:var(--c24-v57-muted);letter-spacing:.14em;margin:1px 4px 8px;font-weight:750}
body[data-page="browse"] #results > .c24-ad-infeed .c24-ad-link{display:block;position:relative;border:0;outline-offset:3px;overflow:hidden;border-radius:10px;min-height:0;background:#060a0e;color:#fff}
body[data-page="browse"] #results > .c24-ad-infeed .c24-ad-link picture{display:block}
body[data-page="browse"] #results > .c24-ad-infeed .c24-ad-link picture img{display:block;width:100%;aspect-ratio:1200/280;height:auto;max-height:none;object-fit:contain;background:#090d12}
body[data-page="browse"] #results > .c24-ad-infeed .c24-ad-brand{font-size:10px;letter-spacing:.02em}
body[data-page="browse"] #results > .c24-ad-infeed .c24-v57-house{display:none}
/* Only the CARS24 internal placement becomes the "Vaša reklama" recruitment banner.
   Advertisers' uploaded banners remain untouched and rotate as before. */
body[data-page="browse"] #results > .c24-v57-house-slot .c24-ad-brand,body[data-page="browse"] #results > .c24-v57-house-slot picture{display:none!important}
body[data-page="browse"] #results > .c24-v57-house-slot .c24-v57-house{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:172px;padding:24px 26px;overflow:hidden;background:radial-gradient(circle at 91% 42%,#50340f 0,transparent 39%),linear-gradient(110deg,#060a0e,#121920);color:#fff}
body[data-page="browse"] #results > .c24-v57-house-slot .c24-v57-house:before{content:"";position:absolute;width:360px;height:250px;right:-20px;top:-98px;border:2px solid #f6a81758;border-radius:50%;transform:rotate(-20deg);pointer-events:none}
.c24-v57-house-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;max-width:70%}
.c24-v57-house-tag{color:#ffb735;letter-spacing:.14em;font-size:10px;line-height:1.4;font-weight:800}
.c24-v57-house-headline{color:#fff;font-size:clamp(19px,2.15vw,28px);letter-spacing:-.02em;line-height:1.17;font-weight:800}
.c24-v57-house-desc{color:#bdc5ce;font-size:12px;line-height:1.4;margin-top:2px;margin-bottom:7px}
.c24-v57-house-cta{background:#f6a817;border-radius:7px;display:inline-block;padding:9px 13px;color:#101010;font-size:12px;line-height:1.25;font-weight:800}
body[data-page="browse"] #results > .c24-v57-house-slot .c24-v57-house-logo{z-index:1;position:relative;width:min(30%,182px);max-height:54px;object-fit:contain;height:auto;flex:0 0 auto;display:block}
@media(max-width:1210px){body[data-page="browse"] .results-layout{grid-template-columns:240px minmax(0,1fr);gap:18px}body[data-page="browse"] .results-content #results.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){body[data-page="browse"] .results-layout{display:block}body[data-page="browse"] .results-content #results.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:650px){body[data-page="browse"] .results-content #results.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body[data-page="browse"] #results > .card .card-body{padding:10px}body[data-page="browse"] #results > .card .price{font-size:18px}body[data-page="browse"] #results > .card h3{font-size:13px;min-height:37px}body[data-page="browse"] #results > .card .meta{font-size:10px}body[data-page="browse"] #results > .c24-v57-house-slot .c24-v57-house{min-height:164px;padding:17px;gap:12px}body[data-page="browse"] #results > .c24-v57-house-slot .c24-v57-house-logo{width:min(28%,120px)}.c24-v57-house-copy{max-width:75%}.c24-v57-house-headline{font-size:20px}.c24-v57-house-desc{font-size:11px}}
@media(max-width:390px){body[data-page="browse"] .results-content #results.grid{grid-template-columns:1fr}body[data-page="browse"] #results > .c24-v57-house-slot .c24-v57-house{flex-wrap:wrap}body[data-page="browse"] #results > .c24-v57-house-slot .c24-v57-house-logo{width:140px}.c24-v57-house-copy{max-width:100%}}
@media(prefers-reduced-motion:reduce){body[data-page="browse"] #results > .card{transition:none}}