body,html{height:100%;margin:0;padding:0}body{min-height:100vh;margin:0;font-family:Segoe UI,Arial,sans-serif;background:#faf9f7;color:#4a403a}.main{flex:1 0 auto;padding:0 1rem}#__next{min-height:100vh;display:flex;flex-direction:column}.header{background:#4b3b2bc2;color:#fff;padding:2.5rem 8rem;display:flex;align-items:center;justify-content:space-between}.header__logo-group{display:flex;align-items:baseline;gap:1rem}.header__logo-main{font-weight:700;font-size:2rem;letter-spacing:.0625rem}.header__city-icon{vertical-align:middle;margin-right:1rem;display:inline-block}.header__nav{margin-right:6rem}.header__nav a{color:#fff;margin-left:2rem;text-decoration:none;font-size:1rem}.header__city{font-size:1.2rem;color:#f5e9d8;opacity:.85}.location{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;margin-top:2rem}.location__button{background:#ede7df;border:none;cursor:pointer}.location__button,.location__input{padding:.7rem 1.2rem;border-radius:2rem;font-size:1rem}.location__input{border:.0625rem solid #d1cfc9;width:18.75rem}.brand-logos{display:flex;gap:3rem;flex-wrap:wrap;overflow-x:auto;overflow-y:visible;max-width:56.25rem;margin:0 auto 2rem;padding:1rem 0 1rem 1rem;align-items:center;justify-content:flex-start;scrollbar-width:auto;scrollbar-color:#ccc #faf9f7}.brand-logos::-webkit-scrollbar{height:1rem}.brand-logos::-webkit-scrollbar-thumb{background:#ccc;border-radius:.25rem}.brand-logos::-webkit-scrollbar-track{background:#faf9f7}.logo-wrapper{padding:.25rem;border:.125rem solid transparent;border-radius:.375rem;cursor:pointer;transition:transform .2s ease-in-out,border .2s ease-in-out,box-shadow .2s ease-in-out}.logo-wrapper:hover{transform:scale(1.05)}.logo-wrapper.selected{border-color:#4b3b2bc2;box-shadow:0 0 .375rem #462d00c2;transform:scale(1.1)}.logo-image{display:block;max-width:7.5rem;max-height:3.75rem;object-fit:contain}.map__container{width:100%;height:25rem;background:#e0dedb;border-radius:1rem;margin:0 auto;max-width:80rem;padding:1rem;display:flex;align-items:center;justify-content:center;color:#7c6f63;font-size:1.2rem}.footer{background:#4b3b2b;color:#fff;padding:2rem;display:flex;justify-content:space-between;align-items:flex-start;margin-top:3rem}.footer__brand{font-weight:700;font-size:1.2rem;margin-left:6rem}.footer__links{display:flex;gap:3rem;margin-right:6rem}.footer__links strong{display:block;margin-bottom:.5rem}.popup-content{max-height:12.5rem;overflow-y:auto}.popup-content ul{padding-left:1rem}.prediction-button{background:#ffffff;color:#000000;border:none;padding:.7rem 1.5rem;border-radius:2rem;font-size:1rem;cursor:pointer;transition:background .3s ease}.prediction-button:hover{background:#4b3b2b}@media (max-width:768px){.header{flex-direction:column;align-items:center;text-align:center;padding:1rem}.header__logo-group{gap:.25rem;margin-bottom:1rem}.header__logo-group,.header__nav{display:flex;flex-direction:column;align-items:center}.header__nav{margin:1rem 0;gap:.75rem}.header__nav a{margin-left:0}.header__logo-main{font-size:1.5rem}.header__city{display:flex;flex-direction:column;align-items:center;font-size:1rem;color:#f5e9d8;opacity:.9}.location{flex-direction:column;gap:.5rem}.location__input{width:100%;max-width:20rem}.brand-logos{gap:1rem;justify-content:center;padding:.5rem}.logo-image{max-width:5rem;max-height:2.5rem}.map__container{height:18rem;padding:.5rem}.footer{flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:1.5rem}.footer__brand{margin-left:0}.footer__links{margin-right:0;flex-direction:column;gap:1rem}.prediction-button{margin-top:1rem;display:block;text-align:center}}