/* CARSY v6.5 FINAL PRO Style */
html, body { height: 100%; margin: 0; padding: 0; font-family: 'Inter', sans-serif; display: flex; flex-direction: column; }
.carsy-header { height: 60px; background: #000; position: fixed; top: 0; width: 100%; z-index: 10000; display: flex; align-items: center; padding: 0 40px; box-sizing: border-box; }
.carsy-logo img { height: 24px; }
.carsy-menu { margin-left: auto; display: flex; }
.carsy-menu a { color: #fff !important; margin-left: 30px; text-decoration: none; font-weight: 500; font-size: 14px; transition: 0.2s; }
.carsy-menu a:hover { color: #ff6600 !important; }
.carsy-footer { background: #000; color: #888; text-align: center; padding: 20px 0; font-size: 11px; width: 100%; margin-top: auto; }
.cars-grid { flex: 1; padding: 100px 40px 40px; display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 30px; }
.car-card { position: relative; border-radius: 12px; overflow: hidden; cursor: pointer; height: 260px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); background: #f4f4f4; }
.car-card img { width: 100%; height: 100%; object-fit: cover; }
.badge { position: absolute; top: 15px; padding: 5px 12px; border-radius: 6px; color: #fff; font-weight: 700; font-size: 11px; z-index: 5; }
.badge.sold { background: #000; right: 15px; }
.badge.reserved { background: #007aff; right: 15px; }
.badge.incoming { background: #2ecc71; right: 15px; }
.badge.discount { background: #ff3b30; left: 15px; }
#carsy-modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.9); z-index: 20000; align-items: center; justify-content: center; backdrop-filter: blur(5px); }
.modal-inner { background: #fff; width: 95%; max-width: 1200px; height: 90vh; border-radius: 12px; display: flex; overflow: hidden; border: 1px solid #444; position: relative; }
.modal-gallery-side { flex: 1.5; background: #f0f0f0; display: flex; flex-direction: column; border-right: 1px solid #eee; overflow: hidden; }
.main-img-container { flex: 1; display: flex; align-items: center; justify-content: center; background: #fff; cursor: zoom-in; overflow: hidden; }
.main-img-container img { max-width: 100%; max-height: 100%; object-fit: contain; }
.thumb-strip { height: 80px; display: flex; gap: 5px; padding: 10px; overflow-x: auto; background: #fff; border-top: 1px solid #eee; }
.modal-info-side { flex: 1; padding: 35px; overflow-y: auto; background: #fff; display: flex; flex-direction: column; position: relative; }
.target-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 13px; margin-bottom: 25px; }
.info-label { font-size: 11px; text-transform: uppercase; color: #999; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 15px; font-weight: 700; }
.modal-footer-sticky { border-top: 1px solid #eee; padding: 15px 35px; background: #fff; margin-top: auto; }
#carsy-lightbox { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.95); z-index: 30000; align-items: center; justify-content: center; cursor: zoom-out; }
#carsy-lightbox img { max-width: 90%; max-height: 90%; object-fit: contain; }
.l-nav { position: absolute; top: 50%; width: 50px; height: 50px; background: rgba(255,255,255,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 30px; cursor: pointer; user-select: none; transition: 0.2s; z-index: 30001; transform: translateY(-50%); }
.l-nav:hover { background: rgba(255,255,255,0.3); }
#l-prev { left: 20px; }
#l-next { right: 20px; }
@media (max-width: 1000px) { .modal-inner { flex-direction: column; height: 100vh; border-radius: 0; overflow-y: auto; } .modal-gallery-side { height: 40%; flex: none; } .modal-info-side { padding: 20px; flex: none; } }