.garage-page{box-sizing:border-box;width:100%;max-width:75%;margin:0 auto;padding-top:6rem;padding-bottom:4rem}.section-title{margin:6rem 0 4rem}.header-img-wrapper{border-radius:24px;width:100%;margin-top:2rem;overflow:hidden}.header-img{object-fit:cover;width:100%;height:auto;max-height:500px;display:block}.timeline-container{justify-content:space-between;gap:5%;width:100%;margin:0 auto;position:relative;flex-direction:row!important;align-items:flex-start!important;display:flex!important}.timeline-left{flex-shrink:0;width:30%;position:relative}.timeline-right{scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;flex-direction:column;align-items:flex-start;width:65%;height:100%;padding-top:1rem;padding-right:1.5rem;display:flex;position:absolute;top:0;right:0;overflow-y:auto}.timeline-right::-webkit-scrollbar{display:none}.line-track-container{z-index:1;width:2px;position:absolute;top:75px;bottom:75px;left:50%;transform:translate(-50%)}.line-bg{background:#333;position:absolute;inset:0}.line-progress{background:#fff;transition:height .3s ease-in-out;position:absolute;top:0;left:0;right:0}.timeline-item{z-index:2;cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center;height:150px;display:flex;position:relative}.t-thumb-col{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:45%;padding-right:.2rem;display:flex}.t-thumb-img{opacity:.5;width:150px;height:auto;transition:all .3s;display:block}.t-car-name{color:#fff;text-align:center;font-size:1.1rem;font-weight:700;transition:color .3s}.t-dot-col{justify-content:center;align-items:center;width:10%;display:flex}.t-dot{background:#222;border:2px solid #444;border-radius:50%;width:16px;height:16px;transition:all .3s}.t-dot.filled{box-shadow:none;background:#fff;border-color:#fff}.t-year-col{text-align:left;width:45%;padding-left:.5rem}.t-year{color:#ccc;font-size:1.1rem;font-weight:700;transition:color .3s}.timeline-item.active .t-thumb-img,.timeline-item:hover .t-thumb-img{opacity:1;transform:scale(1.1)}.timeline-item.active .t-car-name,.timeline-item.active .t-year{color:#f3ff14}.fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.car-desc-html{width:100%;margin-top:1.5rem}.car-desc-html p{color:#ccc;white-space:pre-wrap;text-align:left;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.6}.car-detail h2{margin-bottom:1.5rem;line-height:1.2}.car-desc-html strong,.car-desc-html b{color:#fff;font-weight:700}.detail-img{object-fit:cover;border-radius:24px;width:100%;max-width:650px;height:auto;margin:4rem auto 0;display:block}.stats-grid{cursor:default;-webkit-user-select:none;user-select:none;width:100%;max-width:650px;margin:3rem auto 0}.stats-cells{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.stat-card{background:#111;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:.6rem;padding:1.2rem 1rem 1rem;display:flex}.stat-icon{color:#ffffff59;font-size:22px;line-height:1}.stat-val{color:#f3ff14;letter-spacing:-.02em;word-break:break-word;font-weight:800;line-height:1.2}.stat-val.lg{font-size:1.55rem}.stat-val.md{font-size:1.1rem}.stat-val.sm{font-size:.88rem}.stat-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff47;font-size:.58rem;font-weight:700}.stat-row,.stat-dots,.stats-header,.stats-header-line,.stats-header-label,.stat-num,.stat-num-val{display:none}.detail-bottom-spacer{height:10rem}@media (max-width:768px){.stats-grid{width:100%;max-width:100%;margin:2rem 0 0}.stats-cells{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.stat-val.lg{font-size:1.25rem}.stat-val.md{font-size:1rem}.stat-val.sm{font-size:.82rem}.stat-label{font-size:.55rem}.stat-card{padding:1rem .85rem .85rem}.detail-bottom-spacer{height:3rem}}.mobile-close-btn,.mobile-overlay{display:none}@media (max-width:768px){.garage-page{max-width:100%;padding-top:5rem;padding-left:3%;padding-right:3%}.section-title{text-align:center;font-size:2rem}.timeline-container{flex-direction:column!important;align-items:center!important}.timeline-left{width:100%;max-width:380px;margin:0 auto;padding:0}.line-track-container{top:65px;bottom:65px;left:50%;display:block!important}.t-dot-col{justify-content:center;width:15%;display:flex!important}.timeline-item{justify-content:center;height:130px}.t-thumb-col{flex-direction:column;justify-content:center;align-items:center;width:42.5%;padding-right:.5rem;display:flex}.t-thumb-img{width:115px;margin-bottom:5px}.t-car-name{text-align:center;font-size:1rem}.t-year-col{justify-content:center;align-items:center;width:42.5%;padding-left:.5rem;display:flex}.t-year{margin:0;font-size:1.1rem}.timeline-right{z-index:100001;opacity:0;visibility:hidden;background-color:#121212;border:1px solid #ffffff1a;border-radius:20px;width:90%;height:auto;max-height:85vh;padding:3rem 1rem 2rem;transition:all .3s cubic-bezier(.165,.84,.44,1);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-45%)scale(.95)}.timeline-right.mobile-open{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.mobile-close-btn{color:#fff;cursor:pointer;z-index:10;background:0 0;border:none;padding:.5rem;display:block;position:absolute;top:15px;right:15px}.mobile-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100000;background:#000c;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}.car-detail h2{margin-bottom:1.5rem;padding:0 1rem}.car-detail .title{padding:0 1rem}.car-desc-html p{padding:0 1rem;font-size:1rem}.detail-img{width:calc(100% - 2rem);margin:2rem auto 0!important}}
