/* VOZNI PARK PAGE */
.vp-layout { display:grid; grid-template-columns:1fr 230px; gap:30px; align-items:start; }
.vp-list { display:flex; flex-direction:column; }
.vp-card { display:grid; grid-template-columns:340px 1fr; border:1px solid #e5e5e5; margin-bottom:16px; background:#fff; transition:box-shadow .2s; }
.vp-card:hover { box-shadow:0 2px 12px rgba(0,0,0,.08); }
.vp-card__image { display:flex; align-items:center; justify-content:center; overflow:hidden; background:#f8f8f8; min-height:200px; }
.vp-card__image img { width:100%; height:100%; object-fit:contain; background-color: white; }
.vp-card__image-placeholder { font-size:4rem; color:#ccc; }
.vp-card__info { padding:20px 24px; display:flex; flex-direction:column; justify-content:center; }
.vp-card__name { font-size:22px; font-weight:800; color:#222; margin-bottom:0px; padding-bottom:12px; }
.vp-card__specs { margin-top:8px; border:1px solid #e8e8e8; }
.vp-spec-row { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid #e8e8e8; }
.vp-spec-row:last-child { border-bottom:none; }
.vp-spec { display:flex; align-items:center; gap:8px; padding:9px 10px; border-right:1px solid #e8e8e8; font-size:13px; color:#444; background:#fff; }
.vp-spec:nth-child(3n) { border-right:none; }
.vp-spec--empty { background:#fff; border-right:1px solid #e8e8e8; }
.vp-spec--empty:nth-child(3n) { border-right:none; }
.vp-spec__icon { color:#777; display:flex; align-items:center; flex-shrink:0; opacity:.75; font-size:14px; }
.vp-spec__val { font-weight:400; color:#444; }
.vp-sidebar { top:80px; align-self:start; }
.vp-upit-wrap { border:1px solid #ddd; background:#fff; }
.vp-upit-header { background:#f5f5f5; border-bottom:1px solid #ddd; padding:12px 16px; font-size:12px; font-weight:700; letter-spacing:1px; color:#888; text-transform:uppercase; }
.vp-upit-body { padding:16px; }
.vp-field { display:flex; flex-direction:column; margin-bottom:10px; }
.vp-field label { font-size:12px; font-weight:600; color:#333; margin-bottom:4px; }
.vp-field input,.vp-field select { width:100%; padding:7px 10px; font-size:13px; background:#fff; border:1px solid #ddd; border-radius:0; color:#333; appearance:none; -webkit-appearance:none; }
.vp-field input:focus,.vp-field select:focus { outline:none; border-color:#e8162d; }
.vp-submit { display:block; width:auto; margin-left:auto; padding:11px 28px; background:#e8162d; color:#fff; font-size:13px; font-weight:700; text-transform:uppercase; border:none; cursor:pointer; margin-top:6px; }
.vp-submit:hover { background:#c0101f; }
/* CF7 inside sidebar */
.vp-upit-body .wpcf7 label { font-size: 12px; font-weight: 600; color: #333; margin-bottom: 4px; }
.vp-upit-body .wpcf7 input[type="text"],
.vp-upit-body .wpcf7 input[type="email"],
.vp-upit-body .wpcf7 input[type="tel"],
.vp-upit-body .wpcf7 input[type="date"],
.vp-upit-body .wpcf7 input[type="number"],
.vp-upit-body .wpcf7 select,
.vp-upit-body .wpcf7 textarea { width: 100%; padding: 7px 10px; font-size: 13px; background: #fff; border: 1px solid #ddd; border-radius: 0; color: #333; }
.vp-upit-body .wpcf7 input:focus,
.vp-upit-body .wpcf7 select:focus,
.vp-upit-body .wpcf7 textarea:focus { outline: none; border-color: #e8162d; }
.vp-upit-body .wpcf7 p { margin-bottom: 10px; }
.vp-upit-body .wpcf7 input[type="submit"] { display: block; width: auto; margin-left: auto; padding: 11px 28px; background: #e8162d; color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; border: none; cursor: pointer; margin-top: 6px; }
.vp-upit-body .wpcf7 input[type="submit"]:hover { background: #c0101f; }
.vp-upit-body .inquiry-card { box-shadow: none; border: none; }
.vp-upit-body .inquiry-card__header { display: none; }
.vp-upit-body .inquiry-card__body { padding: 0; }
.vp-upit-body .cf7-row,
.vp-upit-body .upit-row,
.vp-upit-body .form-row-2 { grid-template-columns: 1fr; }

.vp-kontakt { border:1px solid #ddd; border-top:none; padding:16px; background:#fff; }
.vp-kontakt__title { font-size:11px; font-weight:700; letter-spacing:1px; color:#888; text-transform:uppercase; margin-bottom:10px; }
.vp-kontakt__tel { display:block; font-size:20px; font-weight:700; color:#e8162d; margin-bottom:4px; text-decoration:none; }
.vp-kontakt__email { display:block; font-size:12px; color:#666; text-decoration:none; }
.vp-kontakt__email:hover { color:#e8162d; }

/* Car cards (archive) */
.cars-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 24px; }
.car-card { background: #fff; border: 1px solid #e5e5e5; transition: box-shadow 0.2s; }
.car-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.1); }
.car-card__image { height: 210px; overflow: hidden; background: #f5f5f5; display: flex; align-items: center; justify-content: center; }
.car-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
.car-card:hover .car-card__image img { transform: scale(1.04); }
.car-card__body { padding: 16px 20px; }
.car-card__name { font-size: 16px; font-weight: 700; color: #222; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.car-specs-row { display: flex; gap: 8px; margin-bottom: 6px; flex-wrap: wrap; }
.car-spec-badge { background: #f5f5f5; border: 1px solid #e5e5e5; padding: 4px 10px; font-size: 11px; color: #555; font-weight: 600; }
.car-card__footer { padding: 12px 20px; background: #f9f9f9; border-top: 1px solid #eee; display: flex; justify-content: flex-end; }
.btn-inquiry { background: #e8162d; color: #fff; padding: 9px 22px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; border: none; cursor: pointer; transition: background 0.2s; font-family: inherit; }
.btn-inquiry:hover { background: #c0101f; }
.car-card-specs-icon { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #f0f0f0; margin-top: 8px; }
.car-card-spec-icon { display: flex; align-items: center; gap: 6px; padding: 7px 10px; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; font-size: 12px; color: #555; }
.car-card-spec-icon:nth-child(3n) { border-right: none; }
.car-card-spec-icon svg { color: #888; flex-shrink: 0; }

@media (max-width:1100px) { .vp-layout { grid-template-columns:1fr 200px; } .vp-card { grid-template-columns:260px 1fr; } }
@media (max-width:900px) {
  .vp-layout { grid-template-columns:1fr; }
  .vp-sidebar { position:static; max-height:none; overflow-y:visible; }
  .vp-card { grid-template-columns:200px 1fr; }
}
@media (max-width:768px) { .cars-grid { grid-template-columns: 1fr; } }
@media (max-width:600px) {
  .vp-card { grid-template-columns:1fr; }
  .vp-card__image { min-height:180px; }
  .vp-card__info { padding:0; }
  .vp-card__name { padding:16px 16px 12px; margin-bottom:0; }
  .vp-card__specs { border-left:0; border-right:0; margin-top:0; }
  .vp-spec { padding:7px 10px; font-size:12px; }
}
