#catalog-banners{width:100%;min-width:0;margin:0 0 20px;position:relative;border-radius:14px;overflow:hidden;background:#f4f4f4}#catalog-banners[hidden],.hero[hidden]{display:none!important}.banner-stage a,.banner-stage picture{display:block;width:100%}.banner-stage picture{aspect-ratio:var(--desktop-ratio)}.banner-stage img{display:block;width:100%;height:auto;object-fit:contain}.banner-controls{display:flex;align-items:center;justify-content:center;gap:4px;padding:3px 8px;background:#fff;flex-wrap:wrap}.banner-controls button{min-width:32px;min-height:32px;padding:2px 8px;border:0;background:transparent;color:#555;font-size:24px;box-shadow:none}.banner-controls button[aria-current=true]{color:#c32626}.banner-controls button:focus-visible,#catalog-banners:focus-visible{outline:3px solid #c32626;outline-offset:-3px}.banner-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.banner-thumb{width:120px;height:60px;object-fit:contain}.banner-preview{margin:16px 0;max-width:100%}.banner-preview img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #ddd;margin-top:8px}.banner-preview.mobile img{max-width:390px}.banner-preview input{max-width:100%}@media(max-width:767px){.banner-stage picture{aspect-ratio:var(--mobile-ratio)}#catalog-banners{border-radius:10px;margin-bottom:14px}}
.public-main > #catalog-banners{padding:0}
