/* Loading layouts reserve the same frames as the live catalogue and vehicle page. */
.skeleton-block{display:block;flex:none;background:#e7e8ec;border-radius:5px;animation:skeleton-pulse 1.7s ease-in-out infinite alternate}
.catalog-skeleton-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff}
.skeleton-photo{width:100%;aspect-ratio:4/3;border-radius:0;background:#e5e6ea}
.skeleton-card-body{padding:17px 16px 14px;flex:1}
.skeleton-title{height:18px;width:92%}
.skeleton-subtitle{height:11px;width:72%;margin-top:9px}
.skeleton-card-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-top:17px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.skeleton-label{width:61%;height:8px}
.skeleton-value{width:77%;height:12px;margin-top:7px}
.skeleton-card-price{margin-top:16px}
.skeleton-card-price .skeleton-label{width:65%}
.skeleton-price{height:22px;width:63%;margin-top:8px}
.skeleton-price-total{height:19px;width:77%}
.skeleton-card-action{height:36px;border-radius:10px;margin:0 16px 16px}
.detail-skeleton .detail-gallery{min-width:0}
.detail-skeleton .detail-gallery>.skeleton-details-panel{margin-top:0}
.vehicle-dialog .detail-skeleton-photo{aspect-ratio:4/3;border-radius:17px;background:#e5e6ea}
.vehicle-dialog .detail-image[aria-busy=true]{background:#e5e6ea}
.detail-skeleton-thumbs{display:flex;gap:8px;overflow:hidden;margin:14px 0 28px}
.detail-skeleton-thumb{width:84px;height:64px;border-radius:7px}
.detail-skeleton .detail-info{padding:24px}
.detail-skeleton .skeleton-title{height:28px;margin:17px 0 12px;width:88%}
.detail-skeleton .skeleton-subtitle{width:65%;height:13px;margin-top:12px}
.skeleton-badge{width:112px;height:25px;border-radius:13px}
.skeleton-detail-price{margin:27px 0 22px}
.skeleton-detail-price .skeleton-label{width:48%;height:10px}
.skeleton-detail-price .skeleton-price{width:68%;height:33px;margin-top:12px}
.skeleton-detail-action{width:100%;height:46px;border-radius:10px;margin-top:24px}
.skeleton-details-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px 20px;margin-top:20px}
.skeleton-details-panel>.skeleton-title{height:21px;width:48%;margin:0 0 22px}
.skeleton-detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.skeleton-detail-facts>div{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:48px;border-bottom:1px solid var(--line)}
.skeleton-detail-facts .skeleton-label{width:47%;height:11px}
.skeleton-detail-facts .skeleton-value{width:27%;height:12px;margin:0}
.skeleton-detail-note{margin-top:16px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px}
.skeleton-detail-note .skeleton-subtitle{height:12px;width:95%;margin:14px 0 0}
.skeleton-detail-note .skeleton-subtitle:last-child{width:72%}
.detail-skeleton .japan-detail-heading .skeleton-title{height:34px;width:73%;margin:0 0 12px}
.detail-skeleton .japan-detail-heading .skeleton-subtitle{width:41%;margin:0 0 15px}
.detail-skeleton .japan-detail-heading .skeleton-label{width:56%;height:11px}
.japan-detail .detail-skeleton-thumbs{margin:10px 0 20px}
.japan-detail .detail-skeleton-thumb{width:104px;height:78px}
.japan-detail .skeleton-details-panel{margin:0}
.japan-detail .skeleton-detail-facts{grid-template-columns:1fr}
.japan-detail.detail-skeleton .detail-info{padding:20px}
.japan-detail .skeleton-detail-price:first-child{margin-top:0}
.japan-detail .skeleton-details-panel>.skeleton-title{width:75%}
.japan-detail .skeleton-cost-panel{margin-top:20px}
.skeleton-cost-panel .skeleton-detail-facts{grid-template-columns:1fr}
.detail-pending-value{display:inline-block;vertical-align:middle;width:68px;max-width:100%;height:12px;margin:2px 0}
.detail-price .detail-pending-value{width:190px;height:32px}
.japan-original-price .detail-pending-value{width:110px;height:14px}
.detail-total-pending .skeleton-label{width:55%;height:10px}
.detail-total-pending .skeleton-price{height:28px;width:74%;margin:10px 0 14px}
.detail-pending-media .skeleton-block{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}
@keyframes skeleton-pulse{from{opacity:.58}to{opacity:1}}
@media(max-width:800px){.japan-detail .detail-skeleton-thumb{width:82px;height:62px}}
@media(max-width:600px){
    .skeleton-card-body{padding:19px 16px 18px}
    .skeleton-title{height:22px}
    .skeleton-card-facts{gap:17px 20px;padding:17px 0}
    .skeleton-card-facts .skeleton-label{height:9px}
    .skeleton-card-facts .skeleton-value{height:14px}
    .skeleton-card-action{height:44px}
    .detail-skeleton-thumbs{order:1;width:100%;margin:-8px 0 0}
    .detail-skeleton-thumb{width:76px;height:58px}
    .detail-skeleton .detail-sidebar{order:2;width:100%}
    .detail-skeleton .skeleton-details-panel{order:3;width:100%;margin-top:0}
    .skeleton-detail-facts{grid-template-columns:1fr}
    .detail-skeleton .japan-detail-heading .skeleton-title{height:28px;width:93%}
    .detail-skeleton .japan-detail-heading .skeleton-subtitle{width:61%}
    .detail-skeleton .japan-detail-heading .skeleton-label{width:85%}
    .japan-detail .detail-skeleton-thumbs{margin:-10px 0 0}
    .japan-detail .detail-skeleton-thumb{width:76px;height:58px}
    .japan-detail .skeleton-cost-panel{order:3;margin-top:0}
}
@media(prefers-reduced-motion:reduce){.skeleton-block{animation:none}}