.vehicle-detail-page{background:#f8fafc;min-height:100vh;padding-top:80px}.detail-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 0}.back-button{color:#1e293b;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;max-width:1400px;margin:0 auto;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.back-button:hover{color:#0f172a;gap:.75rem}.detail-container{max-width:1400px;margin:0 auto;padding:3rem 2rem}.image-gallery-section{grid-template-columns:1fr 150px;gap:1.5rem;margin-bottom:3rem;display:grid}.main-image-wrapper{background:#000;border-radius:16px;width:100%;height:600px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.main-image{object-fit:contain;width:100%;height:100%}.thumbnail-list{flex-direction:column;gap:1rem;max-height:600px;display:flex;overflow-y:auto}.thumbnail{cursor:pointer;border:3px solid #0000;border-radius:8px;flex-shrink:0;width:150px;height:110px;transition:all .3s;overflow:hidden}.thumbnail:hover{border-color:#cbd5e1;transform:scale(1.05)}.thumbnail.active{border-color:#1e293b}.thumbnail img{object-fit:cover;width:100%;height:100%}.vehicle-basic-info{background:#fff;border-radius:16px;margin-bottom:3rem;padding:2.5rem;box-shadow:0 4px 12px #00000014}.vehicle-title{color:#1e293b;margin-bottom:.5rem;font-size:2rem;font-weight:700}.vehicle-price{color:#1e293b;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.info-grid{background:#f8fafc;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;padding:2rem;display:grid}.info-item{align-items:center;gap:1rem;display:flex}.info-icon{color:#1e293b;font-size:1.5rem}.info-content{flex-direction:column;display:flex}.info-label{color:#64748b;margin-bottom:.25rem;font-size:.875rem}.info-value{color:#1e293b;font-size:1rem;font-weight:600}.action-buttons{gap:1rem;display:flex}.contact-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:1rem;font-size:1.125rem;font-weight:600;transition:all .3s}.contact-btn.primary{color:#fff;background:#1e293b}.contact-btn.primary:hover{background:#0f172a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.contact-btn.secondary{color:#1e293b;background:#fff;border:2px solid #1e293b}.contact-btn.secondary:hover{color:#fff;background:#1e293b;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.detail-tabs-section{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014}.tabs-nav-container{display:block}.tab-scroll-button{display:none}.tabs-header{background:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex}.tab-button{color:#64748b;cursor:pointer;background:0 0;border:none;flex:1;padding:1.25rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative}.tab-button:hover{color:#1e293b;background:#f1f5f9}.tab-button.active{color:#1e293b;background:#fff}.tab-button.active:after{content:"";background:#1e293b;height:3px;position:absolute;bottom:-2px;left:0;right:0}.tabs-content{padding:2.5rem}.tab-panel{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.panel-title{color:#1e293b;border-bottom:2px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.5rem;font-weight:700}.options-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.option-item{background:#f8fafc;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.option-check{color:#10b981;font-size:1.25rem;font-weight:700}.option-text{color:#1e293b;font-weight:500}.description-text{color:#64748b;white-space:pre-wrap;word-break:break-word;font-size:1rem;line-height:1.8}.photos-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.photo-item{cursor:pointer;border-radius:12px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.photo-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.photo-item img{object-fit:cover;width:100%;height:250px;display:block}.image-floating-modal{z-index:9999;background:#000000f2;justify-content:center;align-items:center;animation:.2s ease-in fadeIn;display:flex;position:fixed;inset:0}.floating-image-container{justify-content:center;align-items:center;max-width:90%;max-height:90%;display:flex;position:relative}.close-floating-btn{color:#fff;cursor:pointer;z-index:10001;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:-50px;right:0}.close-floating-btn:hover{background:#fff3;border-color:#ffffff80;transform:rotate(90deg)}.floating-image-wrapper{border-radius:8px;position:relative;overflow:hidden}.floating-image{object-fit:contain;max-width:90vw;max-height:85vh;animation:.3s ease-out zoomIn;display:block;box-shadow:0 20px 60px #00000080}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pdf-viewer-container{width:100%}.pdf-open-btn{color:#fff;background-color:#3b82f6;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-block}.inspection-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.inspection-item{background:#f8fafc;border-left:4px solid #10b981;border-radius:12px;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.inspection-label{color:#1e293b;font-size:1.125rem;font-weight:600}.inspection-value{border-radius:6px;padding:.5rem 1rem;font-size:1rem;font-weight:600}.inspection-value.good{color:#065f46;background:#d1fae5}.recommended-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.recommended-card{cursor:pointer;background:#fff;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 4px 12px #00000014}.recommended-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.recommended-card img{object-fit:cover;width:100%;height:200px}.recommended-info{padding:1.5rem}.recommended-name{color:#1e293b;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.recommended-details{color:#64748b;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.recommended-details .separator{color:#cbd5e1}.recommended-price{color:#1e293b;margin-top:.75rem;margin-bottom:0;font-size:1.25rem;font-weight:700}@media (max-width:1024px){.image-gallery-section{grid-template-columns:1fr}.thumbnail-list{flex-direction:row;max-height:none;overflow-x:auto}.thumbnail{width:120px;height:90px}.info-grid,.options-grid,.photos-grid,.recommended-grid{grid-template-columns:repeat(2,1fr)}.tabs-header{overflow-x:auto}.tab-button{white-space:nowrap;flex:none;min-width:150px}}@media (max-width:768px){.vehicle-detail-page{padding-top:60px}.detail-container{padding:2rem 1rem}.main-image-wrapper{height:400px}.vehicle-basic-info{padding:1.5rem}.vehicle-title{font-size:1.5rem}.vehicle-price{font-size:2rem}.info-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem .5rem}.info-item{text-align:center;background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .5rem}.info-icon{font-size:1.125rem}.info-label{font-size:.7rem}.info-value{font-size:.8rem;font-weight:700}.action-buttons{flex-direction:column}.tabs-content{padding:1.5rem}.panel-title{margin-bottom:1rem;padding-bottom:.5rem;font-size:1.125rem}.options-grid{grid-template-columns:1fr;gap:.625rem}.option-item{padding:.625rem}.option-check{font-size:1rem}.option-text{font-size:.875rem}.description-text{font-size:.875rem;line-height:1.6}.pdf-viewer-container embed{height:500px!important}.inspection-grid,.photos-grid{grid-template-columns:1fr}.recommended-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:none;gap:1rem;padding-bottom:1rem;display:flex;overflow-x:auto}.recommended-grid::-webkit-scrollbar{display:none}.recommended-card{scroll-snap-align:start;flex:0 0 calc(85% - .5rem);min-width:calc(85% - .5rem)}.recommended-card img{height:160px}.recommended-info{padding:1rem}.recommended-name{font-size:1rem}.recommended-details{margin-bottom:.375rem;font-size:.75rem}.recommended-price{margin-top:.5rem;font-size:1rem}.photo-item img{height:200px}.tabs-nav-container{background:#f8fafc;border-bottom:2px solid #e2e8f0;align-items:center;gap:.5rem;display:flex}.tab-scroll-button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin:.5rem;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000001a}.tab-scroll-button:hover{color:#fff;background:#1e293b;border-color:#1e293b;transform:scale(1.1)}.tab-scroll-button:active{transform:scale(.95)}.tabs-header{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:none;flex:1;position:relative;overflow:auto hidden}.tabs-header::-webkit-scrollbar{display:none}.tab-button{scroll-snap-align:start;min-width:28%;padding:.875rem 1.25rem;font-size:.85rem}.close-floating-btn{width:40px;height:40px;font-size:1.2rem;top:10px;right:10px}.floating-image{max-width:95vw;max-height:80vh}}