:root{color-scheme:light;--font-sans: "IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-md: .9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem;--line-height-tight: 1.2;--line-height-body: 1.55;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgb(20 18 16 / .06);--shadow-md: 0 8px 24px rgb(20 18 16 / .08);--shadow-hover: 0 14px 32px rgb(20 18 16 / .1);--container: 1180px;--header-height: 80px;--transition: .18s cubic-bezier(.22, 1, .36, 1);--color-bg: #f4f3f0;--color-surface: #ffffff;--color-surface-2: #eceae5;--color-text: #161412;--color-text-muted: #6b6560;--color-text-inverse: #f6f3ee;--color-border: #e3dfd8;--color-border-strong: #cfc8bc;--color-accent: #8c1c13;--color-accent-hover: #6f150f;--color-accent-soft: #f4e8e6;--color-gold: #9a7b4f;--color-gold-soft: #f3ece1;--color-success: #1f6b43;--color-success-soft: #e6f4ec;--color-warning: #8a5a12;--color-warning-soft: #f7eedc;--color-danger: #9b1c1c;--color-danger-soft: #f8e7e7;--color-info: #1f4e79;--color-info-soft: #e7eef6;--color-overlay: rgb(14 13 12 / .48);--color-skeleton: #e7e4de;--color-focus: #8c1c13}html[dir=rtl]{--font-sans: "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif}[data-theme=dark]{color-scheme:dark;--color-bg: #0e0d0c;--color-surface: #171513;--color-surface-2: #211e1b;--color-text: #f3efe8;--color-text-muted: #a39b92;--color-text-inverse: #161412;--color-border: #2c2824;--color-border-strong: #433e38;--color-accent: #c44536;--color-accent-hover: #d45a4c;--color-accent-soft: #2a1613;--color-gold: #c4a574;--color-gold-soft: #2a241b;--color-success: #5dba86;--color-success-soft: #14241c;--color-warning: #d4a054;--color-warning-soft: #2a2114;--color-danger: #e06a6a;--color-danger-soft: #2a1616;--color-info: #7aa4cb;--color-info-soft: #16202a;--color-overlay: rgb(0 0 0 / .62);--color-skeleton: #2a2622;--color-focus: #c44536;--shadow-sm: 0 1px 2px rgb(0 0 0 / .35);--shadow-md: 0 10px 28px rgb(0 0 0 / .4);--shadow-hover: 0 16px 36px rgb(0 0 0 / .45)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0}main,.app-shell>.page,.app-shell>.container{overflow-x:clip}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}input[type=email],input[type=password],input[type=url],input[type=number],input[type=tel],input[type=date],input[type=datetime-local],code,.copy-id-value{direction:ltr;unicode-bidi:isolate}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{cursor:pointer;background:none;border:0}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::selection{background:var(--color-accent-soft);color:var(--color-text)}.container{width:min(100% - 2rem,var(--container));margin-inline:auto;max-width:100%}.page{padding-block:var(--space-8)}.page-title{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);font-weight:600;letter-spacing:-.02em}.page-lead{margin-top:var(--space-2);color:var(--color-text-muted);max-width:42rem}.about-page{max-width:42rem}.about-page p{color:var(--color-text)}.stack{display:grid;gap:var(--space-4)}.row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;min-width:0}.action-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:stretch}.action-row>.btn{flex:1 1 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-muted{color:var(--color-text-muted)}.text-start{text-align:start}@media(max-width:720px){.container{width:min(100% - 1.5rem,var(--container))}.page{padding-block:var(--space-5)}.page-title{font-size:var(--font-size-xl);overflow-wrap:anywhere}.action-row>.btn{min-width:min(100%,9rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.5rem;padding-inline:var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.01em;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition),transform var(--transition)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn-sm{min-height:2rem;padding-inline:var(--space-3);font-size:var(--font-size-xs)}.btn-lg{min-height:2.875rem;padding-inline:var(--space-6)}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:0 8px 18px color-mix(in srgb,var(--color-accent) 32%,transparent)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text)}.btn-outline{background:transparent;border-color:var(--color-border-strong)}.btn-outline:hover:not(:disabled){border-color:var(--color-text)}.btn-ghost{background:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-surface-2)}.btn-danger{background:var(--color-danger);color:#fff}.btn-block{width:100%}.btn-icon{width:2.5rem;min-width:2.5rem;padding-inline:0}.btn svg,.nav-icon,.footer-contact-link svg,.filter-panel-title svg,.filter-chevron,.state-icon{width:1.1rem;height:1.1rem;flex-shrink:0}.btn-sm svg{width:1rem;height:1rem}.state-icon{width:2rem;height:2rem;color:var(--color-text-muted)}.filter-panel-title{display:inline-flex;align-items:center;gap:var(--space-2)}.filter-chevron{transition:transform var(--transition)}.filter-chevron.is-open{transform:rotate(180deg)}.footer-contact-link{display:inline-flex;align-items:center;gap:.4rem}html[dir=rtl] .flip-rtl{transform:scaleX(-1)}.field{display:grid;gap:var(--space-2)}.field-label{font-size:var(--font-size-sm);font-weight:500}.field-hint,.field-error{font-size:var(--font-size-xs)}.field-error{color:var(--color-danger)}.input,.textarea,.select{width:100%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);padding:.625rem .75rem;transition:border-color var(--transition),box-shadow var(--transition)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--color-danger)}.textarea{min-height:7.5rem;resize:vertical}.checkbox,.radio{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.checkbox input,.radio input{accent-color:var(--color-accent);width:1rem;height:1rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.card.pricing-card{height:100%}.card.pricing-card>.card-body{display:flex;flex-direction:column;height:100%;gap:var(--space-3)}.card.pricing-card-featured{border-color:var(--color-accent)}.pricing-price{font-size:var(--font-size-2xl);font-weight:650;letter-spacing:-.03em}.pricing-price .text-muted{font-size:var(--font-size-sm);font-weight:500;margin-inline-start:.35rem}.pricing-cta{margin-top:auto}.pricing-features{margin:0;padding:0;display:grid;gap:var(--space-3);flex:1;list-style:none}.pricing-features li{position:relative;padding-inline-start:1.15rem;color:var(--color-text)}.pricing-features li:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:.4rem;height:.4rem;border-radius:50%;background:var(--color-accent)}.card-body{padding:var(--space-4)}.card-identity{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-3);min-width:0}.card-identity .dealer-logo{flex:0 0 auto;width:3rem;height:3rem}.dealer-logo-fallback{display:grid;place-items:center;font-size:.95rem;font-weight:700;color:var(--color-text-muted)}.card-identity-text{flex:1;min-width:0}.card-title{margin:0;font-size:1rem;line-height:var(--line-height-tight);overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:calc(var(--line-height-tight) * 2em)}.card-meta{margin:.15rem 0 0;font-size:.8125rem;line-height:1.35;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:2.7em}.card-title.is-unspecified,.card-meta.is-unspecified{font-weight:400}.card-link{display:flex;flex-direction:column;color:inherit;height:100%}.card-link>.card{display:flex;flex-direction:column;flex:1;height:100%}.card-link .card-body.stack{display:flex;flex-direction:column;flex:1;min-height:0}.card-link .price,.card-link .card-body>.badge{margin-top:auto}.card-link:hover .card-title,.card:hover .card-title{color:var(--color-accent)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:var(--color-surface-2)}.badge-sale,.badge-active,.badge-available,.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-rent,.badge-info,.badge-pending{background:var(--color-info-soft);color:var(--color-info)}.badge-gold,.badge-featured{background:var(--color-gold-soft);color:var(--color-gold)}.badge-warning,.badge-rejected,.badge-expired{background:var(--color-warning-soft);color:var(--color-warning)}.badge-danger,.badge-banned,.badge-sold,.badge-hidden{background:var(--color-danger-soft);color:var(--color-danger)}.modal-backdrop{position:fixed;inset:0;z-index:40;background:var(--color-overlay);display:grid;place-items:center;padding:var(--space-4);animation:fade-backdrop .18s ease}.modal{width:min(100%,32rem);max-height:min(90dvh,40rem);overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);animation:pop-in .2s var(--transition)}.dropdown{position:relative;display:inline-flex}.dropdown-menu{position:absolute;inset-inline-start:0;top:calc(100% + 6px);z-index:20;min-width:12rem;max-width:min(18rem,calc(100vw - 2rem));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2);animation:pop-in .16s var(--transition)}.dropdown-item{display:block;width:100%;text-align:start;padding:.5rem .7rem;border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:background-color var(--transition)}.dropdown-item:hover,.dropdown-item[aria-current=true]{background:var(--color-surface-2)}.toast-region{position:fixed;inset-inline-end:var(--space-4);inset-inline-start:auto;bottom:var(--space-4);z-index:50;display:grid;gap:var(--space-2);width:min(100% - 2rem,22rem)}@media(max-width:720px){.toast-region{inset-inline:var(--space-3);width:auto}}.toast{background:var(--color-surface);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-info);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md);animation:toast-in .22s var(--transition);text-align:start}.toast-success{border-inline-start-color:var(--color-success)}.toast-error{border-inline-start-color:var(--color-danger)}.skeleton{background:linear-gradient(90deg,var(--color-skeleton) 0%,var(--color-surface-2) 50%,var(--color-skeleton) 100%);background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:var(--radius-md)}.state-box{display:grid;place-items:center;text-align:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted)}.pagination{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:center}.search-bar{display:flex;gap:var(--space-2)}.search-bar .input{flex:1}.filter-panel{display:grid;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.filter-panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.filter-panel-toggle{display:none}.filter-panel-fields{display:grid;gap:var(--space-4)}@media(min-width:1025px){.filter-panel{position:sticky;top:calc(var(--header-height) + var(--space-4))}.filter-panel-toggle{display:none}}@media(max-width:1024px){.filter-panel-title{display:none}.filter-panel-toggle{display:inline-flex}.filter-panel:not(.is-open) .filter-panel-fields{display:none}}.price{font-weight:650;letter-spacing:-.02em}.price-sale{font-size:var(--font-size-xl)}.gallery{display:grid;gap:var(--space-3)}.gallery-main{position:relative;display:grid;place-items:center;aspect-ratio:16 / 10;background:var(--color-surface-2);border-radius:var(--radius-lg);overflow:hidden}.gallery-main img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}.gallery-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}.gallery-thumbs button{position:relative;aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;padding:0;opacity:.72;transition:border-color var(--transition),opacity var(--transition),transform var(--transition)}.gallery-thumbs button:hover{opacity:1;transform:translateY(-1px)}.gallery-thumbs img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}.gallery-thumbs button[aria-current=true]{border-color:var(--color-accent);opacity:1}@media(max-width:720px){.gallery-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.modal{padding:var(--space-4)}.uploader-item{grid-template-columns:3.5rem 1fr}.uploader-item>:last-child{grid-column:1 / -1;justify-self:start}.card-grid .card-body,.swipe-row:not(.swipe-row-compact) .card-body{padding:var(--space-3);gap:var(--space-2)}.card-grid .card-identity .dealer-logo,.swipe-row:not(.swipe-row-compact) .card-identity .dealer-logo{width:2.25rem;height:2.25rem}.card-grid .card-title,.swipe-row:not(.swipe-row-compact) .card-title{font-size:.875rem}.card-grid .card-meta,.swipe-row:not(.swipe-row-compact) .card-meta{font-size:.75rem}}.uploader{display:grid;gap:var(--space-3)}.uploader-list{display:grid;gap:var(--space-2)}.uploader-item{display:grid;grid-template-columns:4.5rem 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.uploader-item img,.uploader-item-empty{width:4.5rem;height:3rem;object-fit:cover;max-width:none;border-radius:var(--radius-sm);background:var(--color-surface-2)}.cover-image-field .image-file-field img{width:100%;max-width:none;min-height:12rem;max-height:18rem;object-fit:cover}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.image-file-field img{width:100%;max-height:10rem;object-fit:cover;border-radius:var(--radius-md);background:var(--color-surface-2)}.logo-image-field{max-width:16rem}.logo-image-field img{width:8rem;height:8rem;max-height:none;object-fit:contain}.banner-image-field img{display:block;width:100%;height:auto;max-height:min(24rem,60vh);margin-inline:auto;object-fit:contain;object-position:center}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-backdrop{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page-enter{animation:fade-in .28s var(--transition)}.card-link,.card{transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.card-link:hover .card,a:hover>.card,.card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-hover)}.card-grid .card-link:hover .card,.card-grid a:hover>.card,.swipe-row .card-link:hover .card{transform:translateY(-4px)}.copy-id{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.copy-id-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.copy-id-value{font-size:var(--font-size-xs);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.25rem .5rem;overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}.page-enter,.modal-backdrop,.modal,.dropdown-menu,.toast,.hero>*,.auth-card{animation:none}.btn:hover:not(:disabled),.card-grid .card-link:hover .card,.swipe-row .card-link:hover .card,.gallery-thumbs button:hover,.card-link:hover .car-media img,.card-link:hover .dealer-card-media img,.chip:hover{transform:none}}.site-header{position:sticky;top:0;z-index:30;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);min-height:var(--header-height)}.site-header-inner{position:relative;min-height:var(--header-height);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);min-width:0}.logo{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;min-width:0}.site-header-inner .logo{order:1}.logo-mark{display:block;height:64px;width:auto;max-width:210px;object-fit:contain;background:#000;border-radius:var(--radius-md)}.logo-mark-footer{height:72px;max-width:240px}.nav-links{display:flex;gap:var(--space-5);font-size:var(--font-size-sm);font-weight:500;min-width:0}.site-header-inner .nav-links{order:2}.nav-links a{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding-block:.2rem;transition:color var(--transition)}.nav-links a:after{content:"";position:absolute;inset-inline:0;bottom:-.35rem;height:2px;border-radius:var(--radius-full);background:var(--color-accent);transform:scaleX(0);transition:transform var(--transition)}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--color-accent)}.nav-links a:hover:after,.nav-links a[aria-current=page]:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.site-header-inner .header-actions{order:3}.header-desktop-tools,.nav-mobile-tools{display:flex;align-items:center;gap:var(--space-1)}.nav-mobile-tools,.header-user-short{display:none}.header-user-full{display:inline;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-footer{margin-top:auto;border-top:1px solid var(--color-border);padding-block:var(--space-8);color:var(--color-text-muted);font-size:var(--font-size-sm)}.site-footer-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.site-footer-nav{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4)}.site-footer a{transition:color var(--transition)}.site-footer a:hover{color:var(--color-text)}.app-shell{min-height:100%;min-height:100svh;display:flex;flex-direction:column;width:100%;max-width:100%}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);align-items:stretch}.layout-split{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--space-6);align-items:start}.car-details{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:var(--space-6);align-items:start}.hero{display:grid;gap:var(--space-5);padding-block:var(--space-10) var(--space-8)}.hero>*{animation:rise-in .42s var(--transition) both}.hero>*:nth-child(2){animation-delay:60ms}.hero>*:nth-child(3){animation-delay:.11s}.hero>*:nth-child(4){animation-delay:.16s}.hero h1{font-size:var(--font-size-3xl);letter-spacing:-.03em;max-width:18ch;line-height:1.15;overflow-wrap:anywhere}.hero h1:after{content:"";display:block;width:3.25rem;height:3px;margin-top:var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-accent),var(--color-gold))}.hero p{max-width:40rem;color:var(--color-text-muted)}.section{display:grid;gap:var(--space-4);margin-bottom:var(--space-10)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:var(--space-3)}.section-head h2{min-width:0;overflow-wrap:anywhere}.section-head a{color:var(--color-accent);font-size:var(--font-size-sm);font-weight:600;transition:opacity var(--transition)}.section-head a:hover{opacity:.72}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;padding:.45rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-size:var(--font-size-sm);transition:border-color var(--transition),background-color var(--transition),color var(--transition),transform var(--transition)}.chip:hover{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent);transform:translateY(-1px)}.swipe-row{display:flex;gap:var(--space-4);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-block:var(--space-2) var(--space-3);scrollbar-width:thin;max-width:100%}.swipe-row>*{flex:0 0 16.75rem;width:16.75rem;scroll-snap-align:start}.swipe-row .card-link,.swipe-row .card{height:100%}.swipe-row-compact{gap:var(--space-2)}.swipe-row-compact>*{flex:0 0 auto;width:auto;max-width:100%}.swipe-row-compact .chip{white-space:nowrap}.dash-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);align-items:stretch}.stat-value{font-size:var(--font-size-2xl);font-weight:650;letter-spacing:-.03em}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table th,.data-table td{text-align:start;padding:.75rem .6rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.side-nav{display:grid;gap:var(--space-1)}.side-nav a,.side-nav button{text-align:start;padding:.55rem .75rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:background-color var(--transition),color var(--transition)}.side-nav a[aria-current=page],.side-nav a:hover,.side-nav button:hover{background:var(--color-surface-2)}.auth-card{width:min(100% - 2rem,26rem);margin:var(--space-16) auto;animation:fade-in .28s var(--transition)}.cta-banner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-4);background:linear-gradient(135deg,var(--color-accent-soft),var(--color-surface) 42%,var(--color-gold-soft));border-color:color-mix(in srgb,var(--color-gold) 35%,var(--color-border))}.cta-banner>div{min-width:0;flex:1 1 16rem}.menu-toggle{display:none}.car-media,.dealer-card-media{position:relative;background:var(--color-surface-2);overflow:hidden}.car-media{display:grid;place-items:center;aspect-ratio:16 / 10}.dealer-card-media{display:grid;place-items:center;aspect-ratio:16 / 7}.dealer-banner{display:flex;align-items:center;justify-content:center;width:100%;max-height:min(32rem,70vh);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-2);overflow:hidden}.car-media img,.dealer-card-media img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .48s var(--transition)}.dealer-banner img{display:block;width:100%;height:auto;max-height:min(32rem,70vh);object-fit:contain;object-position:center}.card-link:hover .car-media img,.card-link:hover .dealer-card-media img{transform:scale(1.045)}.dealer-logo{width:72px;height:72px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-surface-2);border:1px solid var(--color-border)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.how-to-page{max-width:46rem}.guide-list{display:grid;gap:var(--space-3);margin:0;padding:0}.guide-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:start}.guide-step-mark{display:grid;justify-items:center;gap:var(--space-2)}.guide-step-index{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--font-size-sm);font-weight:700}.guide-step-icon{width:1.15rem;height:1.15rem;color:var(--color-accent)}.guide-step h3{margin:0 0 var(--space-1);font-size:var(--font-size-md);font-weight:650}.guide-step p{margin:0}@media(max-width:1024px){:root{--header-height: 56px}.logo-mark{height:40px;max-width:128px}.app-shell{padding-top:var(--header-height)}.site-header{position:fixed;inset-inline:0;top:0;width:100%}.site-header,.site-header-inner{height:var(--header-height);min-height:var(--header-height);flex-wrap:nowrap;overflow:visible}.site-header-inner{position:static}.site-header-inner .header-actions{order:2}.header-desktop-tools,.header-user-full{display:none}.header-user-short{display:inline}.nav-links{display:none}.site-header-inner .nav-links{order:3}.nav-links.open{display:grid;position:absolute;inset-inline:0;top:100%;z-index:32;gap:0;margin:0;padding:var(--space-3) 1.25rem var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md)}.nav-links.open a{display:flex;padding:.75rem var(--space-3);font-size:var(--font-size-md);border-radius:var(--radius-md)}.nav-links.open a:after{display:none}.nav-mobile-tools{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-1);margin-top:var(--space-1);border-top:1px solid var(--color-border)}.menu-toggle{display:inline-flex;width:2.5rem;min-width:2.5rem;padding-inline:0}.card-grid,.dash-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-split,.car-details{grid-template-columns:1fr}.side-nav{display:flex;overflow-x:auto;overscroll-behavior-x:contain;gap:var(--space-1);padding-bottom:.15rem}.side-nav a,.side-nav button{white-space:nowrap;flex:0 0 auto}}@media(max-width:720px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.dash-grid,.pricing-grid,.form-grid{grid-template-columns:1fr}.hero{padding-block:var(--space-6) var(--space-5);gap:var(--space-4)}.hero h1{font-size:var(--font-size-2xl);max-width:none}.search-bar{flex-direction:column}.search-bar .btn{width:100%}.section-head{flex-direction:column;align-items:start;gap:var(--space-1)}.cta-banner .btn{width:100%}.site-footer{padding-block:var(--space-6)}.site-footer-top{flex-direction:column;align-items:start}.logo-mark-footer{height:48px;max-width:160px}.swipe-row:not(.swipe-row-compact){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none;gap:var(--space-3)}.swipe-row:not(.swipe-row-compact)>*{flex:none;width:auto;min-width:0}.swipe-row-compact{flex-wrap:wrap;overflow:visible;scroll-snap-type:none}.swipe-row-compact>*{flex:0 0 auto;width:auto}.chip{padding:.28rem .6rem;font-size:var(--font-size-xs)}.auth-card{margin-block:var(--space-8)}}@media(max-width:480px){.logo-mark{height:36px;max-width:108px}.header-actions .btn{padding-inline:.55rem}}
