.modern-vehicle-gallery{padding-bottom:4rem}.page-header-vehicles{text-align:center;margin-bottom:3rem;padding:2rem 1rem;background-color:var(--bg-secondary);border-radius:var(--border-radius-large);border:1px solid var(--border-color);position:relative;overflow:hidden}.page-header-vehicles:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,hsla(var(--accent-primary-hsl),.1),transparent 40%),linear-gradient(to left,hsla(var(--accent-secondary-hsl),.1),transparent 40%);opacity:.7;z-index:1}.page-header-vehicles>*{position:relative;z-index:2}.page-header-vehicles .page-header-icon{font-size:2.8rem;color:var(--accent-secondary);margin-bottom:.8rem;display:block;margin-left:auto;margin-right:auto;text-shadow:0 0 12px hsla(var(--accent-secondary-hsl),.4)}.page-header-vehicles .page-title{font-size:clamp(2rem,5vw,2.8rem);margin-bottom:.5rem}.page-header-vehicles .page-intro-text{font-size:1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.8rem;gap:1.8rem;padding-bottom:2rem}.vehicle-card{background-color:var(--bg-secondary);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 5px 10px hsla(var(--shadow-color-hsl),.1);position:relative;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer}.vehicle-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 10px 20px hsla(var(--shadow-color-hsl),.18);border-color:var(--accent-secondary)}.vehicle-card:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:2px;border-color:var(--accent-secondary)}.vehicle-card-image-wrapper{position:relative;width:100%;aspect-ratio:16/9;background-color:var(--bg-tertiary);overflow:hidden}.vehicle-card-image-wrapper .card-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease-out;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.vehicle-card:hover .vehicle-card-image-wrapper .card-image{transform:scale(1.08) translateZ(0)}.vehicle-card-nameplate{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,hsla(var(--bg-primary-hsl),.9) 0,hsla(var(--bg-primary-hsl),.7) 50%,hsla(var(--bg-primary-hsl),0) 100%);padding:2rem 1.2rem 1rem;text-align:left;transition:opacity .3s ease}.vehicle-card-name{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0;text-shadow:0 1px 4px hsla(var(--shadow-color-hsl),.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-card-type{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-weight:500}.car-modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);max-width:90vw;width:1200px;max-height:90vh}.car-modal-content .modal-header{background-color:var(--bg-tertiary)}.car-modal-content .modal-body{display:flex;flex-direction:column;padding:0;gap:0}.car-modal-image-container{width:100%;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;flex-grow:1;min-height:300px}.modal-main-image{max-width:100%;max-height:calc(90vh - 150px);object-fit:contain}.car-modal-content .modal-details{padding:1.5rem 2rem;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0;line-height:1.7}.car-modal-content .modal-details p{margin:0 0 .5rem;color:var(--text-secondary);font-size:1rem}.car-modal-content .modal-details p:last-child{margin-bottom:0}.car-modal-content .modal-details strong{color:var(--text-primary);font-weight:600;margin-right:.5em}.car-modal-content .modal-item-description{margin-top:1rem!important;color:var(--text-primary)!important;font-size:1.05rem!important}@media (max-width:992px){.vehicle-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.vehicle-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.2rem}}@media (max-width:480px){.vehicle-grid{grid-template-columns:1fr;gap:1.5rem}}