.hero-banner-container{background:linear-gradient(#fbbf24 0%,#1e3a8a 100%);flex-direction:column;width:100%;height:auto;min-height:600px;display:flex;position:relative}.hero-banner-container:before{content:"";z-index:0;background:linear-gradient(#0000004d 0%,#00000080 50%,#0009 100%);position:absolute;inset:0}.banner-text-overlay{text-align:center;z-index:1;width:100%;max-width:800px;padding:0 1rem;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.banner-headline{color:#fff;text-shadow:2px 2px 4px #000000b3;margin:0 0 1rem;font-size:3rem;font-weight:700;line-height:1.2}.banner-subtitle{color:#fff;text-shadow:1px 1px 3px #000000b3;margin:0;font-size:1.5rem;font-weight:500;line-height:1.4}@media (max-width:768px){.banner-headline{font-size:2rem}.banner-subtitle{font-size:1.125rem}}@media (max-width:480px){.banner-headline{font-size:1.5rem}.banner-subtitle{font-size:1rem}}@media (max-width:640px){.hero-banner-container{min-height:300px}}@media (min-width:641px) and (max-width:768px){.hero-banner-container{min-height:400px}}@media (min-width:769px) and (max-width:1024px){.hero-banner-container{min-height:500px}}@media (min-width:1025px){.hero-banner-container{min-height:450px}}.banner-overlay{z-index:2;position:relative}.app-header,.banner-overlay .brand-navigation{background-color:#0000}.banner-overlay .brand-nav-button span{color:#fff;font-weight:700}.home-page-container{justify-content:center;align-items:center;min-height:100vh;display:flex}.featured-header,.popular-makes-header,.recently-viewed-header{justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.featured-title,.popular-makes-title,.recently-viewed-title{color:#1f2937;margin:0;font-size:2rem;font-weight:700}.view-all-button{color:#1f2937;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s}.view-all-button:hover{color:#2563eb;text-decoration:underline}.recently-viewed-container,.favorites-container{width:100%}.recently-viewed-grid,.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;display:grid}@media (min-width:768px){.recently-viewed-grid,.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width:1024px){.recently-viewed-grid,.favorites-grid{grid-template-columns:repeat(3,1fr)}}.favorites-header{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1rem;display:flex}.favorites-title{color:#1f2937;margin:0;font-size:2rem;font-weight:700}.favorites-empty,.recently-viewed-empty{text-align:center;color:#6b7280;padding:2rem 1rem;font-size:1rem}.home-page-spinner{border-bottom:2px solid #3b82f6;width:8rem;height:8rem;animation:1s linear infinite spin}