.stock-hero{background-color:#1a1a1a;align-items:center;min-height:60vh;display:flex;position:relative;overflow:hidden}.stock-hero-bg{z-index:1;background-position:50%;background-size:cover;transition:transform 8s;position:absolute;inset:0;transform:scale(1.05)}.stock-hero:hover .stock-hero-bg{transform:scale(1)}.stock-hero-overlay{z-index:2;background:linear-gradient(135deg,#000000e0 0%,#0000008c 50%,#000000c7 100%);position:absolute;inset:0}.stock-hero-top-accent{background:var(--theme-color);z-index:5;width:100%;height:4px;position:absolute;top:0;left:0}.stock-hero-glow{z-index:1;pointer-events:none;background:radial-gradient(#ac1c7a1f,#0000 70%);width:500px;height:180px;position:absolute;bottom:-80px;left:50%;transform:translate(-50%)}.stock-hero-container{z-index:3;width:100%;max-width:1200px;margin:0 auto;padding:100px 24px;position:relative}.stock-hero-tag{text-transform:uppercase;letter-spacing:2px;color:var(--theme-color);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50px;margin-bottom:16px;padding:6px 20px;font-size:.8rem;font-weight:600;display:inline-block}.stock-hero-title{color:#fff;letter-spacing:-.02em;max-width:700px;margin:0 0 12px;font-size:3.2rem;font-weight:800;line-height:1.15}.stock-hero-title span{color:var(--theme-color);display:inline-block;position:relative}.stock-hero-title span:after{content:"";background:var(--theme-color);opacity:.5;border-radius:2px;width:100%;height:3px;position:absolute;bottom:4px;left:0}.stock-hero-subtitle{color:#fffc;max-width:580px;margin:0 0 32px;font-size:1.1rem;line-height:1.7}.stock-hero-buttons{flex-wrap:wrap;gap:14px;display:flex}.stock-hero-btn{cursor:pointer;font-size:1rem;font-weight:700;font-family:var(--font-main);border:none;border-radius:50px;align-items:center;gap:10px;padding:14px 32px;text-decoration:none;transition:all .3s;display:inline-flex}.stock-hero-btn-primary{background:linear-gradient(135deg, var(--theme-color), #8a1560);color:#fff;box-shadow:0 4px 20px #ac1c7a59}.stock-hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ac1c7a80}.stock-hero-btn-secondary{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:2px solid #ffffff40}.stock-hero-btn-secondary:hover{background:#ffffff2e;border-color:#fff6;transform:translateY(-3px)}.stock-hero-stats{border-top:1px solid #ffffff1f;gap:40px;margin-top:40px;padding-top:32px;display:flex}.stock-hero-stat-item{flex-direction:column;display:flex}.stock-hero-stat-number{color:#fff;font-size:1.8rem;font-weight:800;line-height:1.1}.stock-hero-stat-number span{color:var(--theme-color)}.stock-hero-stat-label{color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:.8rem}.stock-filter-bar{border-bottom:1px solid var(--border-color);z-index:10;background:#fff;align-items:center;gap:12px;padding:30px 40px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0000000f}.stock-pills-row{scrollbar-width:none;-ms-overflow-style:none;flex:1;align-items:center;gap:8px;display:flex;overflow-x:auto}.stock-pills-row::-webkit-scrollbar{display:none}.stock-pill{color:#333;cursor:pointer;white-space:nowrap;font-size:13px;font-weight:500;font-family:var(--font-main);background:#fff;border:1.5px solid #ddd5c8;border-radius:50px;align-items:center;gap:7px;padding:9px 16px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.stock-pill:hover{border-color:var(--theme-color);color:var(--theme-color)}.stock-pill:hover .stock-pill-icon{color:var(--theme-color)}.stock-pill--active{background:var(--theme-color);border-color:var(--theme-color);color:#fff}.stock-pill--active .stock-pill-icon,.stock-pill--active .stock-pill-caret{color:#fff!important}.stock-pill--active:hover{color:#fff;background:#8f1565;border-color:#8f1565}.stock-pill--disabled,.stock-pill:disabled{opacity:.4;cursor:not-allowed}.stock-pill-icon{color:#888;font-size:12px;transition:color .2s}.stock-pill-caret{color:#aaa;font-size:10px;transition:transform .2s,color .2s}.stock-pill-caret.rotated{transform:rotate(180deg)}.stock-modal-overlay{z-index:1000;background:#0000007a;justify-content:center;align-items:center;padding:20px;animation:.2s overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.stock-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:480px;max-height:88vh;animation:.25s modalSlideUp;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000038}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.stock-modal-header{border-bottom:1px solid #f0e8d0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.stock-modal-title{color:#1a1a1a;margin:0;font-size:18px;font-weight:700}.stock-modal-close{color:#555;cursor:pointer;background:#f4f4f4;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .2s,color .2s;display:flex}.stock-modal-close:hover{background:var(--theme-color);color:#fff}.stock-modal-body{scrollbar-width:thin;scrollbar-color:#ddd transparent;flex:1;overflow-y:auto}.stock-modal-body::-webkit-scrollbar{width:5px}.stock-modal-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.stock-modal-filter{border-bottom:1px solid #f5ede0}.stock-modal-filter-btn{cursor:pointer;text-align:left;width:100%;font-family:var(--font-main);background:0 0;border:none;justify-content:space-between;align-items:center;padding:18px 24px;transition:background .15s;display:flex}.stock-modal-filter-btn:hover{background:#fdf8f2}.stock-modal-filter-left{align-items:center;gap:16px;display:flex}.stock-modal-filter-icon{color:#999;flex-shrink:0;font-size:18px}.stock-modal-filter-title{color:#1a1a1a;font-size:15px;font-weight:600;line-height:1.3}.stock-modal-filter-title.active{color:var(--theme-color)}.stock-modal-filter-sub{color:#bbb;margin-top:2px;font-size:12px}.stock-modal-chevron{color:#bbb;flex-shrink:0;font-size:12px;transition:transform .22s}.stock-modal-chevron.rotated{transform:rotate(180deg)}.stock-modal-options{scrollbar-width:thin;scrollbar-color:#ddd transparent;max-height:240px;padding:4px 24px 12px 58px;overflow-y:auto}.stock-modal-option{cursor:pointer;border-bottom:1px solid #f8f3ec;align-items:center;gap:12px;padding:10px 0;transition:opacity .15s;display:flex}.stock-modal-option:last-child{border-bottom:none}.stock-modal-option:hover{opacity:.75}.stock-modal-option.selected .stock-modal-option-label{color:var(--theme-color);font-weight:600}.stock-modal-checkbox{border:1.5px solid #ccc;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:border-color .15s,background .15s;display:flex}.stock-modal-checkbox.checked{background:var(--theme-color);border-color:var(--theme-color);color:#fff}.stock-modal-option-label{color:#333;text-transform:uppercase;letter-spacing:.04em;flex:1;font-size:13px;font-weight:500}.stock-modal-option-count{color:#bbb;flex-shrink:0;font-size:12px}.stock-modal-empty{color:#bbb;margin:0;padding:10px 0;font-size:13px}.stock-modal-footer{border-top:1px solid #f0e8d0;flex-shrink:0;gap:12px;padding:18px 24px;display:flex}.stock-modal-clear{color:#333;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-main);background:#f5f5f5;border:1.5px solid #ddd;border-radius:50px;flex:1;padding:13px;transition:background .2s}.stock-modal-clear:hover{background:#e8e8e8}.stock-modal-search{background:var(--theme-color);color:#fff;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-main);border:none;border-radius:50px;flex:1.6;padding:13px;transition:filter .2s}.stock-modal-search:hover{filter:brightness(1.1)}.stock-filters-btn{background:var(--theme-color);color:#fff;letter-spacing:.03em;cursor:pointer;white-space:nowrap;font-size:13px;font-weight:700;font-family:var(--font-main);border:none;border-radius:50px;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;transition:filter .2s,transform .15s;display:inline-flex}.stock-filters-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.stock-filters-btn:active{transform:translateY(0)}.stock-filters-btn--active{background:#1a1a1a}.stock-browse-section{background:#f0f2f5;padding:50px 32px 60px}.stock-browse-title{color:#1a1a1a;margin-bottom:28px;font-size:30px;font-weight:700;display:inline-block;position:relative}.stock-browse-title:after{content:"";background:var(--theme-color);border-radius:2px;width:50%;height:3px;margin-top:6px;display:block}.stock-browse-count{color:var(--muted-text);margin-left:6px;font-size:18px;font-weight:500}.stock-cards-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stock-cards-grid .mazda-card{width:100%;max-width:100%}.stock-no-results{text-align:center;color:var(--muted-text);background:#fff;border-radius:10px;padding:60px 20px;font-size:16px}@media (max-width:1200px){.stock-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.stock-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stock-hero-container{padding:70px 20px}.stock-hero-title{font-size:2.2rem}.stock-hero-subtitle{font-size:1rem}.stock-hero-stats{flex-wrap:wrap;gap:24px}.stock-filter-bar{padding:24px 20px;position:static}.stock-browse-section{padding:36px 20px 48px}}@media (max-width:480px){.stock-hero-title{font-size:1.8rem}.stock-hero-stats{gap:16px}.stock-hero-stat-number{font-size:1.4rem}.stock-cards-grid{grid-template-columns:1fr}}