.car-modal{border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);scrollbar-width:none;z-index:100;border-radius:24px;width:min(90vw,640px);max-height:88vh;animation:.25s forwards car-modal-hide;overflow-y:auto;transform:translate(-50%,-50%)scale(1)}.car-modal::-webkit-scrollbar{display:none}.car-modal{background-color:var(--color-block);position:fixed;top:50%;left:50%}.car-modal[data-state=open]{animation:.25s forwards car-modal-show}.car-modal:focus{outline:none}.car-modal__overlay{z-index:100;background-color:color-mix(in srgb, var(--color-background) 80%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:.2s forwards car-modal-overlay-hide;position:fixed;inset:0}.car-modal__overlay[data-state=open]{animation:.2s forwards car-modal-overlay-show}.car-modal__close{z-index:2;width:36px;height:36px;color:var(--color-white);background-color:color-mix(in srgb, var(--color-black) 60%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:16px;right:16px}.car-modal__close:hover{opacity:.8}.car-modal__gallery{flex-direction:column;gap:8px;padding:16px;display:flex}.car-modal__main-image{background-color:var(--color-block);border-radius:16px;height:260px;position:relative;overflow:hidden}.car-modal__main-image img{object-fit:cover}.car-modal__arrow{border:1px solid var(--color-translucent-15-white);z-index:1;width:36px;height:36px;color:var(--color-white);background-color:color-mix(in srgb, var(--color-black) 35%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;justify-content:center;align-items:center;transition:background-color .2s,opacity .2s;display:flex;position:absolute;top:50%}.car-modal__arrow:hover{background-color:color-mix(in srgb, var(--color-black) 55%, transparent)}.car-modal__arrow--prev{left:12px;transform:translateY(-50%)}.car-modal__arrow--next{right:12px;transform:translateY(-50%)}.car-modal__thumbnails{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.car-modal__thumbnails::-webkit-scrollbar{display:none}.car-modal__thumbnail{cursor:pointer;background-color:var(--color-block);border:2px solid #0000;border-radius:12px;flex:0 0 72px;width:72px;height:64px;padding:0;transition:border-color .2s;position:relative;overflow:hidden}.car-modal__thumbnail img{object-fit:cover}.car-modal__thumbnail:hover{border-color:color-mix(in srgb, var(--color-accent) 50%, transparent)}.car-modal__thumbnail--active{border-color:var(--color-accent)}.car-modal__info{flex-direction:column;gap:12px;padding:0 24px 24px;display:flex}.car-modal__title{color:var(--color-text);font-size:20px;font-weight:600}.car-modal__specs{flex-direction:column;gap:8px;display:flex}.car-modal__spec{color:var(--color-text);align-items:center;gap:8px;font-size:14px;display:flex}.car-modal__cta{cursor:pointer;width:100%;color:var(--color-background);background-color:var(--color-accent);border:none;border-radius:12px;margin-top:4px;padding:14px 18px;font-size:14px;font-weight:500;transition:opacity .2s,transform .2s}.car-modal__cta:hover{opacity:.9}@media (max-width:768px){.car-modal{border-radius:24px 24px 0 0;width:100vw;max-height:92vh;animation-name:car-modal-sheet-hide;top:auto;bottom:0;left:0;transform:none}.car-modal[data-state=open]{animation-name:car-modal-sheet-show}}@keyframes car-modal-show{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes car-modal-hide{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.95)}}@keyframes car-modal-overlay-show{0%{opacity:0}to{opacity:1}}@keyframes car-modal-overlay-hide{0%{opacity:1}to{opacity:0}}@keyframes car-modal-sheet-show{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes car-modal-sheet-hide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(24px)}}
.cars-catalog__content{flex-direction:column;gap:40px;display:flex}.cars-catalog__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.cars-catalog__tabs{flex-wrap:wrap;gap:8px;display:flex}.cars-catalog__tab{border:1px solid var(--color-translucent-15-accent);color:var(--color-text);background-color:var(--color-background);border-radius:100px;padding:10px 20px;font-size:14px;transition:border-color .2s,color .2s,background-color .2s}.cars-catalog__tab:hover{border-color:var(--color-accent)}.cars-catalog__category{flex-direction:column;gap:20px;scroll-margin-top:100px;display:flex}.cars-catalog__category-title{color:var(--color-text);font-size:24px;font-weight:600}@media (max-width:768px){.cars-catalog__category-title{font-size:20px}}.cars-catalog__body{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:1360px){.cars-catalog__body{gap:16px}}@media (max-width:1024px){.cars-catalog__body{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cars-catalog__body{grid-template-columns:1fr}}.cars-catalog__card{border:1px solid var(--color-translucent-15-accent);background-color:var(--color-block);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:auto;padding:24px;transition:border-color .2s,transform .2s;display:flex}.cars-catalog__card:hover{border-color:var(--color-accent);transform:translateY(-4px)}.cars-catalog__card-image{background-color:var(--color-background);border-radius:16px;width:100%;height:200px;position:relative;overflow:hidden}.cars-catalog__card-image img{object-fit:cover}.cars-catalog__card-info{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.cars-catalog__card-info>p{font-weight:600}.cars-catalog__card-info>button{cursor:pointer;color:var(--color-background);background-color:var(--color-accent);border:none;padding:8px 18px;font-size:14px;font-weight:500;transition:opacity .2s,transform .2s}