.responsive-image{max-width:100%;height:auto;display:block;transition:opacity .3s ease}.responsive-image.loading{opacity:.6}.responsive-image.loaded{opacity:1}.car-thumbnail{width:100%;height:200px;object-fit:cover;border-radius:var(--border-radius-md);transition:transform .3s ease,box-shadow .3s ease}.car-thumbnail:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000026}.car-card-image{width:100%;height:250px;object-fit:cover;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.fullscreen-image{width:100%;height:100%;object-fit:contain;max-height:80vh}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:var(--space-6) 0}.gallery-main-image{grid-column:1 / -1;width:100%;height:400px;object-fit:cover;border-radius:var(--border-radius-lg);cursor:pointer;transition:transform .3s ease}.gallery-main-image:hover{transform:scale(1.02)}.gallery-thumbnails{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-2)}.gallery-thumbnail{width:100%;height:80px;object-fit:cover;border-radius:var(--border-radius-sm);cursor:pointer;opacity:.7;transition:opacity .3s ease,transform .3s ease}.gallery-thumbnail:hover,.gallery-thumbnail.active{opacity:1;transform:scale(1.05)}.image-placeholder{background:var(--color-background-light);border:2px dashed var(--color-border);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.placeholder-content{text-align:center;color:var(--color-text-tertiary)}.placeholder-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-2)}.placeholder-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lazy{opacity:0;transition:opacity .3s ease}.lazy.loaded{opacity:1}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.image-modal.active{opacity:1;visibility:visible}.image-modal-content{position:relative;max-width:90%;max-height:90%}.image-modal img{width:100%;height:100%;object-fit:contain}.image-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:var(--space-2)}.image-modal-close:hover{opacity:.7}@media (max-width: 768px){.gallery-main-image{height:250px}.gallery-thumbnails{grid-template-columns:repeat(4,1fr)}.gallery-thumbnail{height:60px}.car-thumbnail{height:150px}.car-card-image{height:200px}}@media (max-width: 480px){.gallery-main-image{height:200px}.gallery-thumbnails{grid-template-columns:repeat(3,1fr)}.gallery-thumbnail{height:50px}.car-thumbnail{height:120px}.car-card-image{height:150px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.responsive-image.fade-in{animation:fadeIn .5s ease-out}.image-position-main{border:2px solid var(--color-primary)}.image-position-gallery{border:1px solid var(--color-border)}.image-position-interior{border:1px solid var(--color-accent)}.image-position-exterior{border:1px solid var(--color-secondary)}.image-position-engine{border:1px solid var(--color-tertiary)}.image-hover-zoom{transition:transform .3s ease}.image-hover-zoom:hover{transform:scale(1.1)}.image-hover-overlay{position:relative;overflow:hidden}.image-hover-overlay:after{content:"";position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .3s ease}.image-hover-overlay:hover:after{opacity:1}.image-error{background:var(--color-background-light);border:2px dashed var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm);min-height:100px}.image-error:before{content:"⚠️";margin-right:var(--space-2)}