.car-detail-wrap{flex-direction:column;gap:48px;margin-bottom:48px;display:flex}.car-detail{flex-direction:row-reverse;justify-content:space-between;gap:16px;width:100%;display:flex}.car-detail-header{flex-direction:column;flex:0 0 calc(40% - 8px);gap:16px;padding:24px 0;display:flex}.car-detail-title{margin-bottom:unset;font-size:1.375rem;font-weight:500;line-height:2rem}.car-detail-price{justify-content:space-between;align-items:end;display:flex}.car-detail-price-payment{font-size:1.75rem;font-weight:600;line-height:2rem}.car-detail-price-credit{color:var(--color-text-secondary);font-size:1rem;font-weight:400}.car-detail-actions{justify-content:start;align-items:center;gap:8px;display:flex}.car-detail-contacts{flex-direction:column;gap:8px;display:flex}.car-detail-phone{text-align:center;width:100%;color:var(--color-text-on-color);background:var(--color-main-primary);border-radius:8px;padding:16px;font-size:1rem;font-weight:600;display:block}.car-detail-address{text-align:center;width:100%;color:var(--color-text-primary);background:var(--color-bg-secondary);border-radius:8px;padding:16px;font-size:1rem;font-weight:600;display:block}.car-detail-specs-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.car-detail-spec-item{border-bottom:1px solid var(--color-bg-secondary);flex-direction:column;margin:0 16px;padding:8px 0;display:flex}.spec-label{color:var(--color-text-secondary,#666);font-size:.75rem;font-weight:500}.spec-value{color:var(--color-text-primary,#333);font-size:1.125rem;font-weight:500}.car-detail-features{padding:0 8px}.car-detail-tags-list{flex-wrap:wrap;gap:8px;display:flex}.car-detail-tag{background:var(--color-bg-primary,#fff);color:var(--color-text-primary,#333);border:1px solid var(--color-border-hr,#e0e0e0);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}.car-detail-info{border:1px solid var(--color-border-hr);border-radius:var(--border-radius);overflow:hidden}.car-detail-tabs{border-bottom:1px solid var(--color-border-hr,#e0e0e0);display:flex}.car-detail-tab{color:var(--color-text-secondary,#666);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:16px 20px;font-size:16px;font-weight:500;transition:all .2s}.car-detail-tab:hover{color:var(--color-text-primary,#333)}.car-detail-tab.active{color:var(--color-text-primary,#007bff);border-bottom-color:var(--color-main-primary,#007bff)}.car-detail-tab-content{padding:24px}.car-detail-equipment{column-count:2;column-gap:16px}.equipment-group{break-inside:avoid;margin-bottom:16px;overflow:hidden}.equipment-group-title{color:var(--color-text-primary,#333);margin:0;padding:12px 16px;font-size:16px;font-weight:400}.equipment-list{margin:0;padding:0;list-style:none}.equipment-item{color:var(--color-text-secondary,#333);align-items:center;gap:8px;padding-left:18px;font-size:.9rem;font-weight:200;display:flex}.equipment-item:before{content:"-";color:var(--color-text-secondary,#666);font-size:18px}.equipment-item.key-equipment{font-weight:400}.key-badge{color:#ffc107;font-size:16px}.no-equipment{text-align:center;color:var(--color-text-secondary,#666);padding:40px 20px;font-style:italic}.car-detail-description-subtitle{color:var(--color-text-primary,#333);margin:0 0 16px;font-size:18px;font-weight:600}.car-detail-description-text{white-space:pre-line;color:var(--color-text-secondary,#333);font-size:16px;line-height:1.6}.car-detail-description-text p{margin:0 0 12px}.car-detail-description-text p:last-child{margin-bottom:0}.car-detail-images{flex:0 calc(60% - 8px)}.car-gallery{border-radius:var(--border-radius);position:relative;overflow:hidden}.gallery-main{aspect-ratio:12/9;position:relative;overflow:hidden}.main-slide-container{cursor:pointer;width:100%;height:100%;position:relative}.main-slide-img{object-fit:contain;width:100%;height:100%;transition:transform .3s}.main-slide-container:hover .main-slide-img{transform:scale(1.02)}.nav-arrow{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-arrow:hover{background:#000000b3;transform:translateY(-50%)scale(1.1)}.nav-arrow:active{transform:translateY(-50%)scale(.95)}.prev-arrow{left:16px}.next-arrow{right:16px}.gallery-thumbnails{border-top:1px solid var(--color-bg-primary);flex-wrap:wrap;gap:1px;display:flex}.thumbnail-item{cursor:pointer;opacity:.9;flex:1 0 calc(25% - 2px);height:auto;transition:all .2s;position:relative;overflow:hidden}.thumbnail-item:hover,.thumbnail-item.active{opacity:1}.thumbnail-item img{object-fit:cover;width:100%;height:100%}.remaining-counter{position:relative}.remaining-overlay{color:#fff;background:#000000b3;justify-content:center;align-items:center;font-size:2rem;font-weight:600;display:flex;position:absolute;inset:0}.scroll-container{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:8px;display:flex;overflow-x:auto}.scroll-container::-webkit-scrollbar{display:none}.scroll-slide{scroll-snap-align:start;aspect-ratio:12/9;border-radius:8px;flex:none;width:calc(100% - 32px);position:relative;overflow:hidden}.scroll-slide img{object-fit:cover;width:100%;height:100%}.mobile-counter{color:#fff;z-index:10;background:#000000b3;border-radius:16px;padding:4px 12px;font-size:14px;font-weight:500;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.car-detail-status{z-index:10;border-radius:4px;padding:6px 12px;font-size:14px;font-weight:500;position:absolute;top:16px;left:16px}.car-detail-status.sold{color:#fff;background:#000c}.car-detail-status.reserved{color:#fff;background:#ff9800e6}.gallery-modal{z-index:1000;background:#000000f2;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1300px;height:100%;padding:36px;display:flex;position:relative}.modal-close{color:#fff;cursor:pointer;z-index:1001;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{background:#fff3}.modal-main-image{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.modal-main-image img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%}.modal-arrow{color:#fff;cursor:pointer;z-index:1001;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.modal-arrow:hover{background:#fff3}.modal-arrow.prev-arrow{left:20px}.modal-arrow.next-arrow{right:20px}.modal-counter{color:#fff;background:#000c;border-radius:20px;padding:8px 16px;font-size:16px;font-weight:500;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.modal-thumbnails-scroll{height:80px;padding:0 20px;position:absolute;bottom:20px;left:0;right:0;overflow-x:hidden}.thumbnails-scroll-container{scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:8px;height:100%;padding:0 20px;display:flex;overflow-x:auto}.thumbnails-scroll-container::-webkit-scrollbar{height:4px}.thumbnails-scroll-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.thumbnails-scroll-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.thumbnails-scroll-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.modal-thumbnail{cursor:pointer;scroll-snap-align:start;border:2px solid #0000;border-radius:4px;flex:none;width:80px;height:60px;transition:all .2s;overflow:hidden}.modal-thumbnail:hover{border-color:#ffffff80}.modal-thumbnail.active{border-color:var(--color-main-primary)}.modal-thumbnail img{object-fit:cover;width:100%;height:100%}.car-detail-main-image-placeholder{aspect-ratio:12/9;background:var(--color-bg-secondary);border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex}.placeholder-icon{opacity:.3;font-size:48px}@media (max-width:768px){.car-detail-wrap{gap:16px}.car-detail{gap:unset;flex-direction:column-reverse}.car-detail-header{flex:none;width:100%;padding:16px 0}.car-detail-images{flex:none;width:100%}.gallery-main,.gallery-thumbnails,.nav-arrow{display:none}.modal-content{padding:20px}.modal-arrow{width:40px;height:40px}.modal-thumbnails-scroll{height:60px;padding:0 10px}.modal-thumbnail{width:60px;height:45px}.modal-counter{padding:4px 8px}.car-detail-equipment{column-count:1}}@media (max-width:480px){.scroll-slide{width:calc(100% - 16px)}.mobile-counter{padding:2px 8px;font-size:12px}}
