/* ═══ CAR-GALLERY-DESKTOP.CSS — галерея страницы авто (ПК): hero + тумбы.
   Перенос из modules/gallery/gallery.css (распил 2026-09-27, значения 1:1).
   Лайтбокс ПК — car-lightbox/car-lightbox-desktop.css. Мобильная галерея —
   car-gallery.css (слайдер .gallery-carousel). ═══ */
@media (min-width:769px){
.car-gallery{width:630px;max-width:630px;border-radius:0;overflow:visible;background:transparent;display:flex;flex-direction:column;gap:16px}
.gallery-hero{position:relative;aspect-ratio:899 / 675;overflow:hidden;cursor:pointer;border-radius:8px}
.gallery-hero-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(58,58,58,0.5) 0%,rgba(74,74,74,0.5) 50%,rgba(58,58,58,0.5) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;z-index:1;pointer-events:none}
.gallery-hero-skeleton.hidden{display:none}
.gallery-hero-img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.gallery-hero-img.fade{opacity:0}
.gallery-nav{position:absolute;top:0;bottom:0;width:60px;border:none;border-radius:0;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.25s ease;z-index:3}
.gallery-nav svg{display:block}
.gallery-hero:hover .gallery-nav{opacity:1}
.gallery-nav:hover{opacity:1}
.gallery-nav:focus{outline:none}
.gallery-nav-prev{left:0;padding-left:16px}
.gallery-nav-next{right:0;padding-right:16px}
.gallery-thumbs{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;padding:16px;border-radius:12px;background:#283341;border:none;box-shadow:0 1px 4px 0px rgba(0,0,0,0.12),0 0px 1px rgba(0,0,0,0.08)}
.gallery-thumb{width:calc((100% - 8px * 5) / 6);aspect-ratio:4 / 3;border-radius:4px;overflow:hidden;cursor:pointer;padding:0;border:none;background:transparent;transition:all 0.2s ease;position:relative}
.gallery-thumb.active{transform:scale(0.92)}
.gallery-thumb-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(58,58,58,0.5) 0%,rgba(74,74,74,0.5) 50%,rgba(58,58,58,0.5) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;z-index:5;pointer-events:none}
.gallery-thumb-skeleton.hidden{display:none}
.gallery-thumb::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,0);pointer-events:none;transition:all 0.2s ease}
.gallery-thumb img{width:100%;height:100%;object-fit:cover}
.gallery-thumb:hover::after{background:rgba(0,0,0,0.3)}
.gallery-thumb.active::after{background:rgba(0,0,0,0.35);border-radius:0}
.gallery-thumb:focus{outline:none}
}
@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}