:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--spacing-xxs: .25rem;--spacing-xs: .5rem;--spacing-s: .75rem;--spacing-m: 1rem;--spacing-l: 1.25rem;--spacing-xl: 1.75rem;--spacing-xxl: 2.5rem;--spacing-xxxl: 3.75rem;--primary-color: white;--secondary-color: black;--accent: #3737e3}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden}nav{width:100%;background-color:var(--primary-color);position:fixed;padding:var(--spacing-xxs);box-shadow:3px 5px 5px #0003;top:0;z-index:100}header{position:relative;background-color:var(--accent);margin-top:60px;min-height:500px;margin-bottom:var(--spacing-m)}section{width:80%;margin-bottom:var(--spacing-xxxl)}footer{background-color:var(--accent);min-height:50px;text-align:center;padding:var(--spacing-m)}.header__image{position:absolute;top:80%;right:5%;transform:translateY(-50%);min-width:30%;max-width:300px}.main-content-wrapper{display:flex;justify-content:center;margin:var(--spacing-xxl)}.car-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--spacing-l)}.car-card{background-color:var(--primary-color);border-radius:10px;padding:var(--spacing-l);text-decoration:none;color:inherit}.car-card__image{max-width:400px;width:100%;height:auto;border-radius:5px}.car-card__text{margin:0}.footer__text{color:#fff;font-weight:700}.footer__link{color:inherit}.shadow-border{box-shadow:0 1px 2px #00000012,0 2px 4px #00000012,0 4px 8px #00000012,0 8px 16px #00000012,0 16px 32px #00000012,0 32px 64px #00000012}@media (max-width: 1126px){.header__image{top:85%}}.nav-container{margin:0 var(--spacing-s);display:flex;align-items:center;justify-content:space-between}.nav__links{display:flex;gap:var(--spacing-s)}.nav__link-item{text-decoration:none;color:var(--accent);font-weight:700;font-size:var(--spacing-l)}.car-details-container{min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:sans-serif}.car-details__card{display:flex;flex:1 1 300px;gap:var(--spacing-s);align-items:center;border-radius:8px;padding:var(--spacing-l);max-width:900px;flex-wrap:wrap}.car-details__image{width:100%;height:auto;border-radius:8px}.car-details__info{font-size:var(--spacing-l)}.car-details__button{margin-top:var(--spacing-l);width:100%;text-align:center}@media (max-width: 768px){.car-details__card{flex-direction:column;text-align:center}}.error-container{display:flex;min-height:100vh;justify-content:center;flex-direction:column;align-items:center}.error-container__title{margin:var(--spacing-s);font-size:36px;color:var(--secondary-color)}.error-container__text{margin:0;color:var(--secondary-color);margin-bottom:var(--spacing-m)}.link-button{background-color:#fff;padding:var(--spacing-s) var(--spacing-m);border:solid 3px var(--accent);border-radius:5px;text-decoration:none;color:var(--accent);transition:background-color .2s ease-in-out}.link-button:hover{background-color:var(--accent);color:var(--primary-color);border-radius:10px}
