.car_details{padding-top:20px;padding-bottom:var(--section-padding);grid-template-columns:100%;grid-template-areas:"gallery_container""car_details_info""car_details_description";gap:40px;display:grid}@media (max-width:768px){.car_details{gap:24px;padding-top:16px}}@media (max-width:480px){.car_details{gap:20px;padding-top:12px}}.car_details_skeleton{display:none}.gallery_container{text-align:center;grid-area:gallery_container;width:100%;height:100%;margin:auto}.main_swiper{width:100%;margin-bottom:10px}.main_swiper img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}.thumb_swiper{width:100%;height:120px}.thumb_swiper .swiper-slide{opacity:.4;cursor:pointer}.thumb_swiper .swiper-slide img{object-fit:cover;width:100%;height:100%}.thumb_swiper .swiper-slide-thumb-active{opacity:1}.swiper-button-next,.swiper-button-prev{background:#fffc;border-radius:50%;color:var(--primary-text-color)!important;width:40px!important;height:40px!important}.swiper-button-next:after,.swiper-button-prev:after{font-size:20px!important}.car_details_info{background:var(--secondary-bg-color);border-radius:16px;grid-area:car_details_info;padding:24px;box-shadow:0 4px 20px #0000000d}@media (max-width:768px){.car_details_info{border-radius:12px;padding:16px}}@media (max-width:480px){.car_details_info{border-radius:10px;padding:10px;box-shadow:0 2px 12px #0000000d}}@media (max-width:360px){.car_details_info{padding:8px}}.car_details_info_title{color:var(--primary-text-color);margin-bottom:24px;font-family:Rubik;font-size:36px;font-weight:800;line-height:1.2}.car_details_info_item{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.car_details_info_item:last-child{border-bottom:none}.car_details_info_item_title{color:var(--primary-text-color);font-family:Rubik;font-size:16px;font-weight:500}.car_details_info_item_text{color:var(--secondary-text-color);font-family:Rubik;font-size:16px;font-weight:400}.car_details_info_price{background:var(--link-color);text-align:center;border-radius:12px;margin-top:24px;padding:15px 10px}.car_details_info_price_title{color:#fff;font-family:Rubik;font-size:16px;font-weight:700}.car_details_info_price_text{color:#fffc;font-family:Rubik;font-size:14px;font-weight:400}.car_details_info_button{color:#fff;background:var(--button-bg-color);cursor:pointer;text-align:center;border:none;border-radius:12px;width:100%;margin-top:24px;padding:16px;font-family:Rubik;font-size:18px;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.car_details_info_button:hover{background:var(--button-hover-bg-color)}.car_details_info_button:active{background:var(--button-active-bg-color)}:root[data-theme=dark]{--button-shadow:#0000004d;--button-hover-shadow:#0006;--button-active-shadow:#00000059;--button-shine:#ffffff26}:root[data-theme=light],:root:not([data-theme]){--button-shadow:#2ab4e94d;--button-hover-shadow:#2ab4e966;--button-active-shadow:#2ab4e94d;--button-shine:#ffffff4d}@keyframes button-shine{0%{opacity:0;left:-200%}20%{opacity:.6;left:-120%}to{opacity:0;left:100%}}.car_details_description{grid-area:car_details_description}.car_details_description_title{letter-spacing:0%;color:var(--primary-text-color);margin-bottom:10px;font-family:Rubik;font-size:18px;font-weight:700;line-height:21.94px}.car_details_description_text{letter-spacing:0%;color:var(--primary-text-color);font-family:Rubik;font-size:16px;font-weight:400;line-height:17.07px}.car_details_discount_timer{text-align:center;border-radius:8px;width:100%;max-width:350px;margin:20px auto;padding:15px 20px;transition:all .3s}.discount_label{text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:14px;font-weight:500}.discount_timer{color:var(--link-color);border:2px solid var(--link-color);background-color:#fff;border-radius:50px;padding:10px 25px;font-size:20px;font-weight:600;transition:background-color .3s,transform .2s;display:inline-block}.timer{letter-spacing:1px;font-family:Rubik,sans-serif}@media (min-width:768px){.car_details{gap:30px;padding-top:30px}.thumb_swiper{height:100px}.car_details_info_title{font-size:32px}.car_details_info_price_title{font-size:24px}}@media (min-width:1024px){.car_details_skeleton{background-color:var(--secondary-bg-color);grid-template-columns:auto auto;gap:50px;margin:50px 0;padding:50px;display:grid}.car_details{gap:35px;padding-top:35px}.thumb_swiper{height:110px}.car_details_info_title{font-size:34px}}@media (min-width:1280px){.car_details{grid-template-columns:50% calc(50% - 40px);grid-template-areas:"gallery_container car_details_info""gallery_container car_details_description";gap:40px;padding-top:40px}}@keyframes skeleton-loading{0%{background-position:0 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#bebebe33 25%,#8181813d 37%,#bebebe33 63%) 0 0/400% 100%;border-radius:4px;animation:1.4s infinite skeleton-loading}.car_details_skeleton{grid-template-columns:1fr;gap:40px;padding:20px 0;display:grid}.skeleton_gallery{flex-direction:column;gap:20px;display:flex}.skeleton_image{border-radius:16px;width:100%;height:400px}.skeleton_thumbnails{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.skeleton_thumbnail{border-radius:8px;width:100%;height:100px}.skeleton_info{background:var(--secondary-bg-color);border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 4px 20px #0000000d}.skeleton_title{width:60%;height:36px}.skeleton_item{width:100%;height:20px}.skeleton_price{width:40%;height:30px;margin-top:20px}.skeleton_button{border-radius:12px;width:100%;height:50px;margin-top:20px}@media (min-width:1024px){.car_details_skeleton{grid-template-columns:1fr 1fr;gap:50px}}.gallery-navigation{z-index:10;pointer-events:none;justify-content:space-between;padding:0 20px;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.gallery-button{cursor:pointer;pointer-events:auto;width:40px;height:40px;color:var(--link-color);background:#ffffff4d;border:none;justify-content:center;align-items:center;transition:all .3s;display:flex}.gallery-button:hover{background:var(--link-color);color:#fff;transform:scale(1.1)}.gallery-button:active{transform:scale(.95)}.gallery-button svg{width:30px;height:30px}@media (min-width:768px){.gallery-navigation{padding:0 30px}.gallery-button{width:48px;height:48px}}@media (min-width:1024px){.gallery-navigation{padding:0 40px}.gallery-button{width:56px;height:56px}}.car_not_found{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;display:flex}.back_to_catalog_btn{background-color:var(--button-bg-color);color:var(--button-text-color);cursor:pointer;border:none;border-radius:8px;margin-top:24px;padding:12px 24px;font-weight:500;transition:all .3s}.back_to_catalog_btn:hover{background-color:var(--button-hover-bg-color)}
