.car-page-container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:40px;padding:40px 10px 20px;box-sizing:border-box}.car-card{width:360px;background-color:#1c1c1e;border-radius:20px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:transform .4s ease,box-shadow .4s ease}.car-card:not(.active):hover,.car-card.active{transform:scale(1.02);box-shadow:0 10px 30px #0000004d,0 0 20px #eb8023b9}.card-flipper{display:flex;width:200%;transition:transform .6s cubic-bezier(.22,1,.36,1);transform:translate(0)}.car-card.active .card-flipper{transform:translate(-50%)}.car-trigger,.car-details{width:50%;flex-shrink:0;box-sizing:border-box}.car-trigger{cursor:pointer;position:relative}.car-trigger:after{content:"";font-family:"Font Awesome 6 Free",sans-serif;font-weight:900;position:absolute;top:50%;right:10px;bottom:100px;transform:translateY(-50%);font-size:2.5rem;color:#eb8023;opacity:.4;transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:5}.car-card:hover .car-trigger:after{opacity:1;transform:translateY(-50%) scale(1.05)}.car-image{width:100%;height:auto;display:block}.car-info{padding:20px 25px 25px}.car-title{font-size:2rem;font-weight:700;color:#eb8023;margin:0 0 5px}.car-subtitle{font-size:.8rem;font-weight:600;color:#b0b0b0;text-transform:uppercase;letter-spacing:1px;margin:0 0 20px}.car-stats{display:flex;justify-content:space-between;align-items:flex-start;background-color:#0003;border-radius:10px;padding:20px 15px;margin-top:20px}.stat{display:flex;flex-direction:column;align-items:center;text-align:center;flex-basis:30%;position:relative}.stat:not(:first-child):before{display:none}.stat i{font-size:1.5rem;color:#eb8023;margin-bottom:10px}.stat-label{font-size:.7rem;color:#a0a0a0;text-transform:uppercase;margin-bottom:6px}.stat-value{font-size:1.1rem;font-weight:700;color:#fff}.car-details{padding:25px;background-color:#1c1c1e;border-left:3px solid #EB8023;cursor:pointer;overflow-y:auto;max-height:500px;position:relative}.car-details:before{content:"";font-family:"Font Awesome 6 Free",sans-serif;font-weight:900;position:absolute;top:10px;left:10px;font-size:1.5rem;color:#eb8023;opacity:.4;transition:opacity .3s ease;z-index:5}.car-card:hover .car-details:before{opacity:.8}.details-list{list-style:none;padding:0;margin:0;border-top:none}.details-list li{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#fff;padding:12px 5px;border-bottom:1px solid rgba(255,255,255,.08)}.details-list li:last-child{border-bottom:none}.details-list li span{font-weight:600;color:#a0a0b0;text-transform:uppercase;font-size:.75rem;padding-right:15px;flex-shrink:0}.car-description{font-size:.9rem;color:silver;line-height:1.6;padding-top:15px;margin-top:15px;border-top:1px solid rgba(255,255,255,.15)}.modal-open-button-container{position:absolute;top:20px;right:20px;z-index:6}.modal-open-btn{display:block;width:auto;padding:10px 15px;font-size:.8rem;font-weight:700;color:#1c1c1e;background-color:#fcaf17;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d}.modal-open-btn:hover{background-color:#152950;color:#fcaf17;box-shadow:0 0 15px #eb8023b3}.modal-open-btn i{margin-right:8px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;z-index:1000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal-content{position:relative;background-color:#1c1c1e;border:1px solid #FCAF17;border-radius:15px;padding:30px;width:90%;max-width:1000px;z-index:1001;box-shadow:0 10px 40px #00000080;animation:fadeIn .3s ease-out}.modal-content h2{color:#fcaf17;margin-top:0;margin-bottom:25px;text-align:center;font-size:1.8rem}.modal-close-btn{position:absolute;top:15px;right:20px;font-size:2.5rem;font-weight:700;color:#aaa;cursor:pointer;transition:color .2s ease,transform .2s ease}.modal-close-btn:hover{color:#fcaf17;transform:scale(1.1)}.modal-slider-container{position:relative;overflow:hidden;border-radius:10px}.modal-slider-wrapper{display:flex;width:200%;transition:transform .5s cubic-bezier(.25,1,.5,1);transform:translate(0)}.modal-slide{width:50%;flex-shrink:0;position:relative}.modal-slide img{width:100%;height:auto;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.modal-nav{position:absolute;top:0;transform:translateY(0);height:100%;width:25%;z-index:10;background-color:transparent;border:none;border-radius:0;color:#fcaf17;font-size:2.5rem;cursor:pointer;display:flex;align-items:center;opacity:0;transition:all .3s ease}.modal-nav:hover{background-color:transparent;color:#fcaf17;opacity:1}.modal-nav-left{left:0;justify-content:flex-start;padding-left:30px;background:linear-gradient(to right,#fcb01729,transparent)}.modal-nav-right{right:0;justify-content:flex-end;padding-right:30px;background:linear-gradient(to left,#fcb01729,transparent)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #eb8023b3}70%{transform:scale(1.1);box-shadow:0 0 0 12px #eb802300}to{transform:scale(1);box-shadow:0 0 #eb802300}}.hotspot{position:absolute;transform:translate(-50%,-50%);z-index:10}.hotspot.hotspot-active{z-index:11}.hotspot-icon{width:30px;height:30px;background-color:#eb8023;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;cursor:pointer;border:2px solid white;box-shadow:0 2px 5px #0000004d;animation:pulse 2s infinite;transition:transform .3s ease}.hotspot-icon:hover{transform:scale(1.2);animation-play-state:paused}.hotspot-popup{display:none;position:absolute;bottom:140%;left:50%;transform:translate(-50%);width:230px;padding:16px;background-color:#14141ee6;color:#f5f5f5;border-radius:8px;box-shadow:0 8px 25px #00000080;z-index:20;font-size:.95rem;line-height:1.5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hotspot-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:rgba(20,20,30,.9) transparent transparent transparent}.hotspot-popup.visible{display:block;animation:fadeIn .3s ease-out}.hotspot-popup h3{margin:0 0 8px;padding-bottom:5px;font-size:1.1rem;font-weight:700;color:#eb8023;border-bottom:1px solid #EB8023}.hotspot-popup p{margin:0}.hotspot-close{position:absolute;top:8px;right:12px;font-size:22px;font-weight:400;color:#ccc;cursor:pointer;transition:color .2s ease,transform .2s ease}.hotspot-close:hover{color:#fff;transform:scale(1.1)}.hotspot-popup.align-right{left:0;transform:translate(0)}.hotspot-popup.align-right:after{left:15px;transform:translate(0)}.hotspot-popup.align-left{left:auto;right:0;transform:translate(0)}.hotspot-popup.align-left:after{left:auto;right:15px;transform:translate(0)}@media(max-width:900px){.car-page-container{flex-direction:column;align-items:center;padding:20px 10px}.car-card{width:90%;max-width:420px}.car-details{max-height:600px}}