.brand-grid-section{text-align:center;padding-bottom:20px}.brand-grid-section h2{margin-bottom:30px;font-size:40px;color:#000}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.brand-grid__item{position:relative;overflow:hidden;border-radius:10px;height:185px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}.brand-grid__item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;z-index:2;transition:background .4s ease}.brand-grid__item:hover:before{background:linear-gradient(to top,rgba(255,0,0,.7),rgba(0,0,0,.1) 90%,transparent)}.brand-grid__bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;object-fit:cover;width:100%;height:100%;transition:transform .3s ease}.brand-grid__logo{position:relative;z-index:3;max-width:70%;max-height:70%}@media (max-width: 768px){.brand-grid{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;white-space:nowrap;margin:0 var(--gutter) 20px;grid-template-columns:none;scrollbar-width:none}.brand-grid::-webkit-scrollbar{display:none}.brand-grid__item{display:inline-flex;scroll-snap-align:start}.brand-grid__item:last-child{margin-right:0}.brand-grid-section{text-align:center;padding:0 0 20px}.custom-scrollbar{height:10px;background:#d3d3d3;margin:10px var(--gutter) 0;position:relative;overflow:hidden;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%,0 calc(100% + -0px))}.custom-scrollbar__thumb{height:100%;background:#d00020;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%,0 calc(100% + -0px));transition:background .3s ease;position:absolute;top:0;left:0;min-width:20px}.custom-scrollbar__thumb:hover{background:#c00}}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;position:relative}.model-grid a{display:block;padding:10px 15px;background-color:#f8f8f8;border-radius:5px;text-decoration:none;color:#000;font-size:20px;font-weight:500;transition:background-color .2s ease}.model-grid a:hover{background-color:#d000201a}.model-selection-section{margin-top:50px;margin-bottom:50px}.model-selection-section h3{color:#000;font-size:40px;margin-bottom:30px}#selectedMakeTitle{margin-bottom:50px}@media screen and (max-width:790px){.model-grid{display:grid;grid-template-columns:1fr;gap:5px}.model-selection-section h3{color:#000;font-size:30px;margin-bottom:10px}#selectedMakeTitle{margin-bottom:25px}}@media screen and (max-width:769px){.model-selection-section{margin-top:0}.breadcrumbs{margin-top:20px;margin-bottom:20px}.breadcrumbs a:link,.breadcrumbs a:visited{font-size:10px}}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #D00020;border-radius:50%;width:40px;height:40px;margin:40px auto;animation:spin .8s linear infinite}.year-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.year-grid a{display:block;padding:20px 15px;background-color:#f8f8f8;border-radius:5px;text-decoration:none;color:#000;font-size:20px;font-weight:500;transition:background-color .2s ease}.year-grid a:hover{background-color:#d000201a}.year-selection-section{margin-top:50px;margin-bottom:50px}@media screen and (max-width:1000px){.year-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;position:relative}}@media screen and (max-width: 790px){.year-grid a{text-align:center;font-size:14px;padding:10px}.year-selection-section{margin-top:0}.year-grid{grid-template-columns:repeat(3,1fr);gap:5px}.year-selection-section h3{font-size:24px;margin-bottom:15px}}.breadcrumbs{display:flex;align-items:center;font-size:14px;margin-top:27px;margin-bottom:50px}.breadcrumbs a:link,.breadcrumbs a:visited{color:#000;text-decoration:none}.breadcrumbs a:hover,.breadcrumbs a:active{color:#d00020;text-decoration:none}.breadcrumbs-separator{margin:0 10px;color:#bfbfbf}.year-selection-section_title{font-size:40px;color:#000;margin:0 0 50px}@media screen and (max-width:769px){.breadcrumbs{margin-top:20px;margin-bottom:20px}.breadcrumbs a:link,.breadcrumbs a:visited{font-size:10px}.year-selection-section_title{font-size:30px;color:#000;margin:0 0 15px}}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #D00020;border-radius:50%;width:40px;height:40px;margin:40px auto;animation:spin .8s linear infinite;position:absolute;top:calc(50% - 20px);left:calc(50% - 20px)}@keyframes spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/33/compiled_assets/styles.css.map */
