.loading{text-align:center;color:#777;font-style:italic;margin-top:10px;background:none;left:0;right:0;}
.section{max-width:1200px;margin:20px auto;padding:0 20px;}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;}
.card{background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:15px;text-align:center;transition:transform .2s;}
.card:hover{transform:translateY(-4px);}
.card img{width:100%;height:180px;object-fit:contain;background:#f3f3f3;border-radius:8px;}
.car-images{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.car-images img{width:250px;height:150px;object-fit:cover;border-radius:8px;background:#f3f3f3;}
#spinner{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8);z-index:9999;align-items:center;justify-content:center;}
#spinner::after{content:"";width:60px;height:60px;border:6px solid #ccc;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
details.debug{max-width:1200px;margin:0 auto;padding:0 20px;}
details.debug summary{cursor:pointer;color:#444;font-weight:bold;}
pre#debug{background:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);font-family:monospace;font-size:12px;max-height:300px;overflow:auto;white-space:pre-wrap;}
.debug{display:none!important;}
.toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;background:#fff;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);max-width:1440px;margin-left:auto;margin-right:auto;}
.toolbar select{flex:1 1 calc(25% - 12px);padding:10px;font-size:15px;border:1px solid #ccc;border-radius:8px;min-width:180px;}
.section-part{min-height:50vh;max-width:1440px;margin:10px auto;padding:20px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);}
.headerinfo{width:300px;margin:0 auto 20px;}
@media(max-width:992px){.toolbar select{flex:1 1 calc(33.333% - 12px);}}
@media(max-width:768px){.toolbar select{flex:1 1 calc(50% - 12px);}}
@media(max-width:480px){.toolbar select{flex:1 1 100%;}}


.popup-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.popup {
  background: #fff;
  border-radius: 0;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  position: relative;
  display: flex;
  flex-direction: column;
}

.popup-content {
  display: flex;
  flex: 1;
  height: 100%;
  width: 100%;
}

.popup-image {
  flex: 1;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.popup-details {
  flex: 1;
  padding: 40px;
  overflow-y: auto;
}

.close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  background: none;
  border: none;
  font-size: 30px;
  cursor: pointer;
  z-index: 10;
}