/* KAMET Commerce 1.1.4 — visible moving louvres in the 3D model */
.kc3d-hud{grid-template-columns:repeat(4,minmax(120px,1fr))!important;max-width:min(760px,calc(100% - 44px))!important}
.kc3d-side-intro{margin:0 0 17px;padding:15px 17px;border-left:3px solid var(--kc-blue);background:#edf8fc}
.kc3d-side-intro b,.kc3d-side-intro span{display:block}.kc3d-side-intro b{font-size:12px}.kc3d-side-intro span{margin-top:4px;color:var(--kc-muted);font-size:11px;line-height:1.45}
.kc3d-louvre-demo{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:48px;margin-top:13px;border:1px solid var(--kc-ink);background:#fff;color:var(--kc-ink);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .22s,color .22s}
.kc3d-louvre-demo i{position:relative;width:25px;height:18px;background:repeating-linear-gradient(0deg,transparent 0 3px,var(--kc-blue) 3px 5px)}
.kc3d-louvre-demo:hover{background:var(--kc-ink);color:#fff}
@media(max-width:760px){.kc3d-hud{grid-template-columns:1fr 1fr!important;max-width:calc(100% - 20px)!important;left:10px!important;top:10px!important}.kc3d-hud span:nth-child(2){border-right:0}.kc3d-hud span:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.15)}}