:root{--xm-gold: #c8a456;--xm-gold-light: #d4b76a;--xm-gold-dark: #a8893e;--xm-background: #1a1f2e;--xm-background-secondary: #232838;--xm-background-tertiary: #2c3244;--xm-text: #f8f8f8;--xm-text-muted: #9ca3af;--xm-border: #ffffff1a}.vaihtoautot-container{max-width:1400px;margin:0 auto;padding:2rem 1rem}.filters-section{background:var(--xm-background-secondary);border:1px solid var(--xm-border);border-radius:12px;padding:2rem;margin-bottom:2rem}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.filters-title{font-size:1.25rem;font-weight:600;color:var(--xm-text);margin:0}.reset-filters-btn{background:transparent;border:1px solid var(--xm-gold);color:var(--xm-gold);padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.reset-filters-btn:hover{background:var(--xm-gold);color:var(--xm-background)}.filters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group-full{grid-column:1 / -1}.filter-label{font-size:.875rem;font-weight:500;color:var(--xm-text-muted)}.filter-input,.filter-select{background:var(--xm-background-tertiary);border:1px solid var(--xm-border);color:var(--xm-text);padding:.625rem .875rem;border-radius:8px;font-size:.9375rem;transition:all .3s ease}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--xm-gold);box-shadow:0 0 0 3px #c8a4561a}.filter-input::placeholder{color:#6b7280}.range-inputs{display:flex;gap:.5rem;align-items:center;width:100%}.filter-input-small{flex:1;min-width:0;width:100%}.range-separator{color:var(--xm-text-muted);font-weight:500;flex-shrink:0}.results-count{text-align:center;color:var(--xm-text-muted);font-size:.875rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--xm-border)}.results-count strong{color:var(--xm-gold);font-weight:600}.loading-state,.error-state,.empty-state,.no-results-state{text-align:center;padding:4rem 2rem}.spinner{width:48px;height:48px;border:4px solid var(--xm-background-tertiary);border-top-color:var(--xm-gold);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p,.error-state p,.empty-state p,.no-results-state p{color:var(--xm-text-muted);font-size:1rem;margin-top:1rem}.error-state{color:#ff6b6b}.fallback-link,.reset-filters-link{display:inline-block;background:var(--xm-gold);color:var(--xm-background);border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;margin-top:1rem;transition:all .3s ease;text-decoration:none}.fallback-link:hover,.reset-filters-link:hover{background:var(--xm-gold-light);transform:translateY(-2px);box-shadow:0 4px 12px #c8a4564d}.cars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.car-card{background:var(--xm-background-secondary);border:1px solid var(--xm-border);border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative;text-decoration:none;color:inherit;display:block}.car-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006;border-color:var(--xm-gold)}.car-card.featured{border-color:var(--xm-gold);box-shadow:0 0 0 1px var(--xm-gold)}.featured-badge{position:absolute;top:1rem;right:1rem;background:var(--xm-gold);color:var(--xm-background);padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:2;box-shadow:0 2px 8px #0000004d}.car-image-wrapper{position:relative;width:100%;padding-top:66.67%;background:var(--xm-background-tertiary);overflow:hidden}.car-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.car-card:hover .car-image{transform:scale(1.05)}.car-content{padding:1.5rem}.car-title{font-size:1.5rem;font-weight:700;color:var(--xm-text);margin:0 0 .75rem;line-height:1.3}.car-meta{display:flex;gap:.5rem;color:var(--xm-text-muted);font-size:.875rem;flex-wrap:wrap;margin-bottom:1rem}.car-meta span{display:flex;align-items:center}.car-price-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--xm-border)}.car-price{font-size:2rem;font-weight:800;color:var(--xm-gold);margin:0}.car-monthly-price{font-size:.875rem;color:var(--xm-text-muted);margin-top:.25rem}.car-highlights{font-size:.875rem;color:var(--xm-text-muted);line-height:1.6;margin-bottom:1rem;background:var(--xm-background-tertiary);padding:.75rem;border-radius:8px}.car-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--xm-gold);color:var(--xm-background);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9375rem;transition:all .3s ease}.car-card:hover .car-cta{background:var(--xm-gold-light);transform:translateY(-2px);box-shadow:0 4px 12px #c8a4564d}.arrow-icon{transition:transform .3s ease}.car-card:hover .arrow-icon{transform:translate(4px)}@media (max-width: 1024px){.cars-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.filters-grid{grid-template-columns:1fr 1fr}.filter-group-full{grid-column:1 / -1}}@media (max-width: 768px){.vaihtoautot-container{padding:1.5rem 1rem;overflow-x:hidden}.filters-section{padding:1.5rem 1rem;margin-bottom:1.5rem;margin-left:0;margin-right:0;width:100%;box-sizing:border-box}.filters-header{flex-direction:column;align-items:stretch;gap:.75rem}.filters-title{font-size:1.125rem;text-align:center}.reset-filters-btn{width:100%;padding:.625rem 1rem}.filters-grid{grid-template-columns:1fr;gap:1rem;width:100%}.filter-group-full{grid-column:1 / -1}.filter-group{width:100%}.filter-input,.filter-select{width:100%;box-sizing:border-box;font-size:16px}.range-inputs{display:flex;gap:.5rem;align-items:center;width:100%}.filter-input-small{flex:1;min-width:0;max-width:calc(50% - .5rem);font-size:16px}.range-separator{flex-shrink:0;padding:0 .25rem}.results-count{font-size:.875rem;padding:.75rem;margin-top:.75rem}.cars-grid{grid-template-columns:1fr;gap:1.5rem;width:100%}.car-card{width:100%;box-sizing:border-box}.car-title{font-size:1.25rem}.car-price{font-size:1.75rem}.car-meta{font-size:.8125rem}}@media (max-width: 375px){.vaihtoautot-container{padding:1rem .75rem}.filters-section{padding:1rem .75rem;border-radius:8px}.filters-title{font-size:1rem}.reset-filters-btn{padding:.5rem .75rem;font-size:.8125rem}.filter-label{font-size:.8125rem}.filter-input,.filter-select{padding:.5rem .75rem;font-size:16px}.filter-input-small{padding:.5rem;font-size:14px}.range-separator{font-size:.875rem;padding:0 .125rem}.car-content{padding:1rem}.car-title{font-size:1.125rem}.car-meta{font-size:.75rem;gap:.375rem}.car-price{font-size:1.5rem}.car-cta{padding:.625rem 1.25rem;font-size:.875rem}}.page-wrapper[data-astro-cid-j7pv25f6]{min-height:100vh;background:#1a1f2e;color:#fff}.page-header[data-astro-cid-j7pv25f6]{padding:3rem 1rem 2rem;background:linear-gradient(180deg,#232838,#1a1f2e);border-bottom:1px solid #ffffff1a}.header-content[data-astro-cid-j7pv25f6]{max-width:1400px;margin:0 auto;text-align:center;padding:0 1rem}.back-link[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;gap:.5rem;color:#c8a456;text-decoration:none;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;transition:all .3s ease}.back-link[data-astro-cid-j7pv25f6]:hover{color:#d4b76a;transform:translate(-4px)}.back-link[data-astro-cid-j7pv25f6] svg[data-astro-cid-j7pv25f6]{transition:transform .3s ease}.back-link[data-astro-cid-j7pv25f6]:hover svg[data-astro-cid-j7pv25f6]{transform:translate(-4px)}.main-title[data-astro-cid-j7pv25f6]{font-size:3rem;font-weight:800;color:#fff;margin:0 0 .75rem;letter-spacing:-.02em}.main-subtitle[data-astro-cid-j7pv25f6]{font-size:1.25rem;color:#999;margin:0;font-weight:400}.page-main[data-astro-cid-j7pv25f6]{min-height:400px}.page-footer[data-astro-cid-j7pv25f6]{padding:3rem 1rem 2rem;background:#232838;border-top:1px solid #ffffff1a;margin-top:4rem}.footer-content[data-astro-cid-j7pv25f6]{max-width:1400px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.footer-text[data-astro-cid-j7pv25f6]{color:#999;margin:0;font-size:.875rem}.footer-link[data-astro-cid-j7pv25f6]{color:#c8a456;text-decoration:none;transition:color .3s ease}.footer-link[data-astro-cid-j7pv25f6]:hover{color:#d4b76a;text-decoration:underline}.footer-powered[data-astro-cid-j7pv25f6]{color:#666;margin:0;font-size:.75rem}@media (max-width: 768px){.page-header[data-astro-cid-j7pv25f6]{padding:2rem 1rem 1.5rem}.header-content[data-astro-cid-j7pv25f6]{padding:0}.back-link[data-astro-cid-j7pv25f6]{font-size:.8125rem;margin-bottom:1rem}.main-title[data-astro-cid-j7pv25f6]{font-size:2rem;margin-bottom:.5rem}.main-subtitle[data-astro-cid-j7pv25f6]{font-size:1rem}.page-footer[data-astro-cid-j7pv25f6]{padding:2rem 1rem 1.5rem;margin-top:3rem}.footer-content[data-astro-cid-j7pv25f6]{padding:0}.footer-text[data-astro-cid-j7pv25f6]{font-size:.8125rem}.footer-powered[data-astro-cid-j7pv25f6]{font-size:.6875rem}}@media (max-width: 375px){.page-header[data-astro-cid-j7pv25f6]{padding:1.5rem .75rem 1.25rem}.main-title[data-astro-cid-j7pv25f6]{font-size:1.75rem}.main-subtitle[data-astro-cid-j7pv25f6]{font-size:.9375rem}.back-link[data-astro-cid-j7pv25f6]{font-size:.75rem}.page-footer[data-astro-cid-j7pv25f6]{padding:1.5rem .75rem 1.25rem}}