/**
 * 产品图片位（leto/image-slot）前台版式
 *
 * 占位框的虚线边框、比例来自每个块自身的「Additional CSS」（style.css 属性）；
 * 上传图片后 figure 沿用同一根类名（vehicle-shot-slot--{ratio}），
 * 这里把比例约束到 <img> 本身，保证图片与占位框同宽、同比，不被拉伸变形。
 */

.vehicle-shot-slot__img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 21 / 9;
    object-fit: cover;
}

.vehicle-shot-slot--tall .vehicle-shot-slot__img {
    aspect-ratio: 4 / 3;
}

/* 已上传图片：去掉占位的虚线边框与底色，恢复常规文档流，图注显示在图片下方。
   双类名提高优先级，确保覆盖块自定义 CSS 里的 aspect-ratio / border。 */
.vehicle-shot-slot.vehicle-shot-slot--filled {
    aspect-ratio: auto;
    border: 0;
    background: transparent;
    overflow: visible;
}