<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>

<model-viewer
id="kia-cover-model"
src="ССЫЛКАНАМОДЕЛЬКУ"
ar
ar-modes="webxr scene-viewer quick-look"
camera-controls
touch-action="pan-y"
tone-mapping="neutral"
shadow-intensity="1"
auto-rotate
auto-rotate-delay="0"
min-camera-orbit="auto 84deg 5.219m"
max-camera-orbit="auto 84deg auto"
min-field-of-view="30deg"
bounds="tight"
style="width: 100%; height: 100%;">
</model-viewer>

<script>
const model = document.getElementById('kia-cover-model');

window.addEventListener('pointerup', () => {
if (model) {
model.autoRotate = false;
setTimeout(() => {
model.autoRotate = true;
}, 10);
}
});
</script>

<style>
.t1148__play-btn svg {
opacity: 0 !important;
}

.t1148__play-btn {
position: relative !important;
background: transparent !important;
}

.t1148__play-btn::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('ССЫЛКА') !important;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
z-index: 2;
pointer-events: none;
}
</style>