/* Carniia visual refresh. Presentation only; existing controls and flows retained. */
:root{--ink:#172333;--muted:#68778b;--paper:#f4f6f9;--peacock:#0846ad;--gold:#e6ff00}body{background:#f4f6f9;color:#172333;-webkit-font-smoothing:antialiased}h1,h2,h3{color:#112846}h1{font-family:'DM Sans',Arial,sans-serif;text-transform:none;font-weight:700;letter-spacing:-1.5px}h2{letter-spacing:-.8px}p{line-height:1.65}.masthead{height:auto;min-height:88px;padding:16px 5%;background:#fff;border-bottom:1px solid #e6ebf1;gap:20px}.brand-logo{width:190px;height:55px}.brand small{color:#718096;font-size:10px;letter-spacing:.5px}.header-actions{gap:14px}.header-actions .page-button{border:1px solid #dbe3ee;border-radius:8px;padding:11px 19px;font-size:13px;font-weight:600}.header-actions #header-login{background:#0846ad;color:#fff;border-color:#0846ad;box-shadow:0 4px 12px #0846ad20}.language-switch{border:0;background:#f1f4f8;padding:4px}.language-switch button{font-size:12px}.view-switch select{height:42px;border-color:#dbe3ee;font-size:12px;border-radius:8px}.hero{height:420px;background:linear-gradient(180deg,#fff 65%,#edf3fa);padding-top:14px;border-bottom:1px solid #e0e8f1}.hero-copy{padding:18px 20px 0}.hero h1{font-size:clamp(30px,3.7vw,52px);line-height:1.12;font-weight:700;letter-spacing:-1.8px;color:#112846}.hero h1 em{color:#0846ad}.hero-copy>p:last-child{font-size:15px;color:#6b7788;margin:13px auto 0;max-width:750px}.hero .lineup{width:min(1100px,96%);height:250px;object-fit:contain}.hero-bottom{font-size:10px;letter-spacing:2.5px;padding:6px 12px 19px;color:#5a6c82}.hero-bottom b{color:#0846ad}.search-area{max-width:1450px;padding:38px 5% 0}.search-intro{margin-bottom:24px}.search-intro h2{font-size:32px;font-weight:700;color:#132d4c}.search-intro>p{color:#748297;font-size:13px}#vehicle-search,form.search-form{box-shadow:0 16px 45px #23385709}form{border-color:#e1e7ef;border-radius:16px;box-shadow:0 8px 30px #23385706;padding:26px}.vehicle-navigation-row{gap:22px}.types .vehicle-tab{transition:background .18s ease,color .18s ease}.types input:checked+.vehicle-tab{background:linear-gradient(145deg,#0b55c7,#073887);box-shadow:inset 0 1px 0 #ffffff35}.types .vehicle-tab svg{width:29px;height:29px}.types .vehicle-tab{font-size:13px;color:#67788a}.vehicle-advertisement{border-radius:14px;box-shadow:0 8px 24px #0846ad14}.single-search input[type=search]{height:66px;border:1px solid #d5dfeb;border-radius:10px;background:#fbfcfe;font-size:15px;color:#182d47}.inline-search-button{top:9px;right:9px;width:48px;height:48px;border-radius:8px;box-shadow:0 3px 8px #aabe1830}.sort-choice{margin-top:24px}.sort-choice legend{font-size:12px;color:#6a7b90;font-weight:500}.sort-buttons span,.filter-chip{font-size:12px;border-radius:7px}.connection-note{padding:25px 0;color:#4e627b}.connection-note strong{color:#213b5b}.search-results{padding-top:26px}.results-top{margin-bottom:20px}#results-heading{font-family:'DM Sans',Arial,sans-serif;letter-spacing:-1px}.vehicle-grid{gap:32px 26px;padding:18px 8px 12px;grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-card{position:relative;background:#fff;border:1px solid #e0e7ef;border-radius:16px;overflow:visible;box-shadow:0 8px 26px #162e4710;transition:transform .2s ease,box-shadow .2s ease;isolation:isolate}.vehicle-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #173b6220}.vehicle-photo{border-radius:15px 15px 0 0;overflow:hidden;background:linear-gradient(145deg,#edf2f7,#e2e9f2);aspect-ratio:16/10;height:auto;border-bottom:1px solid #e7edf4}.vehicle-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.vehicle-card:hover .vehicle-photo img{transform:scale(1.035)}.photo-placeholder{color:#8b9bae;font-size:13px;display:grid;place-items:center;height:100%;min-height:160px}.vehicle-card-body{padding:24px;display:flex;flex-direction:column;gap:0}.vehicle-year{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:#647891;margin:0 0 9px;font-weight:600}.vehicle-title{font-family:'DM Sans',Arial,sans-serif;font-size:23px;font-weight:700;line-height:1.25;letter-spacing:-.6px;margin:0 0 18px;color:#152d4a}.vehicle-price{position:absolute;top:17px;right:-9px;z-index:2;margin:0;padding:12px 17px;background:linear-gradient(145deg,#f1ff66,#e6ff00 65%,#c8df00);color:#073584;font-size:23px;font-weight:800;letter-spacing:-.7px;line-height:1.2;border:1px solid #f7ffa6;border-radius:9px 9px 3px 9px;box-shadow:0 5px 0 #8c9e12,0 10px 0 -3px #667509,0 16px 22px #142d4655;text-shadow:0 1px 0 #ffffffaa;transform:perspective(500px) rotateY(-7deg);max-width:88%;overflow-wrap:anywhere}.vehicle-price:after{content:'';position:absolute;right:-1px;bottom:-13px;width:0;height:0;border-left:9px solid #657713;border-bottom:8px solid transparent;z-index:-1}.vehicle-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:17px 0;margin:0 0 19px;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;list-style:none}.vehicle-facts li{color:#546a83;font-size:12px;line-height:1.5;background:none;border:0;padding:0;overflow-wrap:anywhere}.vehicle-facts li:before{content:'·';color:#0a56ba;font-weight:700;margin-right:7px}.vehicle-card .details-button{width:100%;border-radius:8px;min-height:43px;font-size:13px;font-weight:600;padding:11px 14px;border:1px solid #0846ad;background:#0846ad;color:white;margin:0 0 8px;box-shadow:none}.vehicle-card .details-button:last-child{background:#fff;color:#0846ad;margin-bottom:0;border-color:#cedbf0}.dealer-info{font-size:12px;background:#f3f7fc;border-radius:8px;padding:12px;color:#49647d;margin:0 0 15px}.page-button,.details-button{border-radius:8px}.registration{max-width:830px;margin:36px auto;padding:0 25px 40px}.registration h1{font-size:34px;line-height:1.3;margin:24px 0 16px}.registration>p{color:#667b91}.registration form{padding:30px}.registration-field{color:#344e6c;font-size:13px;font-weight:600;line-height:1.6;gap:8px}.registration input,.registration select,.registration textarea,.listings-page input,.listings-page select,.listings-page textarea{border-color:#d4deea;border-radius:8px;background:#fbfcfe;color:#182e48}.registration-field small{font-weight:400;color:#728297;font-size:11px}.login-actions{gap:12px;margin-top:20px}.listings-heading{padding-bottom:10px}.listings-heading h1{font-size:34px}.listings-area h2{font-size:27px;margin-bottom:18px}.admin-shell{max-width:1440px;color:#233b55}.admin-shell>header{padding:14px 0 22px;border-bottom:1px solid #dce4ee}.admin-shell h1{font-size:29px;letter-spacing:-.7px}.admin-shell #status{border-radius:9px;font-size:14px}.admin-shell #tabs{border:1px solid #dce5ef;border-radius:12px;background:#fff;padding:6px;gap:5px}.admin-shell #tabs button{border-radius:8px;font-size:12px;background:#f6f8fb;color:#62758c}.admin-shell #tabs button[aria-current=page],.admin-shell #tabs button[aria-selected=true],.admin-shell #tabs button.active{background:#0846ad;color:#fff}.admin-shell #rows>article{border:1px solid #e0e7f0;border-radius:13px;box-shadow:0 6px 18px #243b5307;padding:24px}.admin-shell #rows h2{font-size:23px;color:#193b61}.admin-shell button{border-radius:8px;font-size:13px}.admin-shell label{font-size:13px;color:#526b84}.admin-shell #detail{border-radius:16px;border-color:#dce5ef}.admin-shell input,.admin-shell select,.admin-shell textarea{border-color:#cfdae9;border-radius:8px;color:#19334f}dialog:not(#network-map-popup):not(.city-explorer){border-color:#d9e3ef;border-radius:16px;box-shadow:0 25px 90px #0f294638}#detail-heading{font-size:28px}footer{color:#78889b;border-top:0;font-size:11px}html[lang=ta] h1,html[lang=ta] h2,html[lang=ta] .vehicle-title{letter-spacing:0;line-height:1.6}html[lang=ta] .hero h1{font-size:clamp(23px,3vw,36px)}html[lang=ta] .vehicle-card .details-button{font-size:12px;white-space:normal}html[lang=ta] .vehicle-price{letter-spacing:0}@media(max-width:1000px){.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.masthead{flex-wrap:wrap}.header-actions{gap:9px}.hero{height:365px}.hero .lineup{height:205px}.vehicle-card-body{padding:20px}.vehicle-price{font-size:21px}}@media(max-width:600px){.masthead{padding:12px 5%;gap:13px}.brand-logo{width:150px;height:43px}.header-actions{width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px}.header-actions .page-button{font-size:11px;padding:9px 12px}.view-switch select{font-size:11px;padding:0 8px}.language-switch button{font-size:11px;padding:5px 8px}.hero{height:315px;padding-top:5px}.hero h1{font-size:29px;letter-spacing:-1px}.hero h1 br{display:block}.hero h1 em{margin-left:0}.hero-copy>p:last-child{font-size:12px;max-width:340px;line-height:1.6}.hero .lineup{width:100%;height:145px}.hero-bottom{font-size:8px;letter-spacing:1px}.search-area{padding:26px 5% 0}.search-intro h2{font-size:27px}form{padding:17px}.vehicle-grid{grid-template-columns:1fr;gap:30px;padding:14px 5px}.vehicle-price{font-size:24px;top:18px;right:-7px}.vehicle-title{font-size:24px}.vehicle-card-body{padding:23px}.registration{padding:0 18px 30px;margin-top:22px}.registration form{padding:20px}.registration h1{font-size:29px}.admin-shell h1{font-size:24px}.admin-shell #rows>article{padding:19px}.single-search input[type=search]{font-size:13px}.search-network-row{gap:8px}}@media(prefers-reduced-motion:reduce){.vehicle-card,.vehicle-photo img,.types .vehicle-tab{transition:none}.vehicle-card:hover{transform:none}.vehicle-card:hover .vehicle-photo img{transform:none}}
/* Floating price lettering without a badge or backing plate. */
.vehicle-card .vehicle-price{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;top:18px;right:14px;transform:none;color:#0757dc;font-size:clamp(17.25px,1.65vw,22.5px);font-weight:800;-webkit-text-stroke:0;text-shadow:0 1px 0 #d9f6ff,0 0 4px #54baff,0 0 11px #258cffaa,0 0 20px #258cff55}
.vehicle-card .vehicle-price:after{display:none}

/* Crisp prices: no neon blur; fine light edging separates text from photos. */
.vehicle-card .vehicle-price{color:#073584;text-shadow:1px 0 0 #fff,-1px 0 0 #fff,0 1px 0 #fff,0 -1px 0 #fff;-webkit-text-stroke:0}
#detail-body>.vehicle-price{position:static;transform:none;background:none;border:0;box-shadow:none;color:#073584;text-shadow:none;padding:14px 0;font-size:24px}
#detail-body>.vehicle-price:after{display:none}
#pagination{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 0 35px}.load-progress{font-size:13px;color:#5b708a}

/* Sticky, city-aware refinement panel beside scrolling inventory. */
.results-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:30px;align-items:start}.results-main{min-width:0}.important-filters{position:sticky;top:22px;background:#fff;border:1px solid #dce5f0;border-radius:22px;padding:24px;box-shadow:0 12px 35px #16395c0b;margin-top:18px;max-height:calc(100dvh - 44px);overflow-y:auto;scrollbar-width:thin}.important-filters[hidden]{display:none}.important-filters h3{font-size:20px;letter-spacing:-.5px;margin:0 0 7px}.filter-help{font-size:12px;color:#76869a;margin:0 0 22px}.side-filter-label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:12px;font-weight:600;color:#36516e}.side-filter-label select{height:43px;background:#f8fafd;border:1px solid #dbe5ef;border-radius:10px;font-size:12px;color:#254465;padding:0 11px}.important-filters>.page-button{width:100%;font-size:12px;background:#eef4fd;border:1px solid #cdddf1}.important-filters button:disabled{opacity:.45;cursor:default}.results-main .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.results-layout:has(.important-filters[hidden]){grid-template-columns:1fr}.results-layout:has(.important-filters[hidden]) .vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.results-layout{grid-template-columns:minmax(0,1fr) 210px;gap:17px}.important-filters{padding:18px}.results-main .vehicle-grid{grid-template-columns:1fr}}@media(max-width:620px){.results-layout{display:flex;flex-direction:column}.results-main{width:100%;order:2}.important-filters{position:static;order:1;width:100%;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:0 12px;border-radius:18px;margin-top:4px}.important-filters h3,.important-filters .filter-help,.important-filters>.page-button{grid-column:1/-1}.side-filter-label{min-width:0}.results-layout:has(.important-filters[hidden]) .vehicle-grid{grid-template-columns:1fr}}

/* Floating translucent filter dock; inventory keeps the full page width. */
.results-layout{display:block}.results-main .vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.important-filters{position:fixed;z-index:30;right:18px;top:50%;transform:translateY(-50%);width:210px;margin:0;padding:8px;border-radius:22px 22px 48px 22px;background:rgba(243,248,255,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid #c5d6eba6;box-shadow:0 14px 40px #15375824;max-height:80dvh;overflow-y:auto;display:block}.floating-filter-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:15px;background:#0846ad;color:white;padding:12px 14px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.floating-filter-toggle:after{content:'−';font-size:20px}.is-collapsed .floating-filter-toggle:after{content:'+'}.important-filters.is-collapsed{width:108px;border-radius:20px;padding:6px;overflow:hidden}.floating-filter-content[hidden]{display:none}.floating-categories{display:flex;flex-direction:column;margin:9px 0 18px;border-radius:14px 14px 35px 14px;overflow:hidden;border:1px solid #d0dceb}.floating-category{display:flex;align-items:center;gap:13px;width:100%;padding:13px 16px;border:0;border-bottom:1px solid #ffffffbd;background:#f2f5f899;color:#5f7084;font:inherit;font-size:12px;text-align:left;cursor:pointer}.floating-category:last-child{border-bottom:0}.floating-category svg{width:23px;height:23px;flex-shrink:0}.floating-category[aria-pressed=true]{background:#0846ad;color:white}.floating-category:hover{background:#dbe9fc}.floating-category[aria-pressed=true]:hover{background:#073b91}.floating-filter-content h3{font-size:15px;padding:0 8px}.floating-filter-content .filter-help{display:none}.floating-filter-content .side-filter-label{padding:0 8px;margin:14px 0;font-size:11px}.floating-filter-content>.page-button{width:calc(100% - 16px);margin:0 8px 15px;font-size:11px}.important-filters .side-filter-label select{background:#ffffffb8}body:not(.search-mode) .important-filters{display:none}@media(max-width:1000px){.results-main .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.results-layout{display:block}.results-main .vehicle-grid{grid-template-columns:1fr}.important-filters{right:10px;width:180px;max-height:72dvh;top:50%;padding:7px}.important-filters.is-collapsed{width:100px}.floating-category{padding:11px 12px}.floating-filter-content h3{font-size:14px}}

/* Compact refinement-only overlay. */
.important-filters{width:105px;padding:6px;border-radius:16px}.important-filters.is-collapsed{width:105px}.floating-filter-toggle{padding:9px 7px;font-size:11px;gap:4px}.floating-filter-content h3,.floating-filter-content .filter-help{display:none}.floating-filter-content .side-filter-label{padding:0 2px;margin:12px 0;font-size:10px;gap:5px}.important-filters .side-filter-label select{padding:0 4px;font-size:10px;height:36px;border-radius:7px}.floating-filter-content>.page-button{width:100%;margin:0 0 8px;padding:8px 3px;font-size:10px;white-space:normal}@media(max-width:620px){.important-filters,.important-filters.is-collapsed{width:90px}}
/* Frosted glass filter overlay with a legible fallback. */
.important-filters{background:rgba(244,249,255,.88);border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 32px rgba(22,49,82,.18),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.important-filters{background:rgba(239,247,255,.42)}}
.important-filters .side-filter-label{color:#173957}.important-filters .side-filter-label select{background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.85);color:#173957}.floating-filter-content>.page-button{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.85);color:#0846ad}

/* Drag the existing Filters title vertically; clicking still toggles the panel. */
.floating-filter-toggle{touch-action:none;user-select:none;cursor:grab}.filter-dragging{user-select:none}.filter-dragging .floating-filter-toggle{cursor:grabbing}

.sell-car-invitation{text-align:right}.sell-car-invitation p{color:#748297;font-size:13px;margin:0 0 10px}.sell-car-link{display:inline-flex;padding:10px 16px;border:1px solid #0846ad;border-radius:10px;color:#0846ad;font-weight:700;text-decoration:none}.sell-car-link:hover{background:#0846ad;color:white}@media(max-width:620px){.sell-car-invitation{text-align:left;margin-top:12px}}

body[data-guest-listing="true"] #add-listing[hidden]{display:none}
