.showroom-hint { max-width:660px; margin:28px 0 24px; color:#526573; font-size:14px; line-height:1.7; }
.showroom-elements { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; list-style:none; padding:0; margin:0; }
.showroom-elements li { min-width:0; }
.showroom-elements a { display:flex; flex-direction:column; align-items:center; height:100%; padding:16px 12px 20px; background:#fff; border:1px solid #dce5ec; border-radius:14px; overflow:hidden; text-align:center; text-decoration:none; color:var(--ink); transition:border-color .2s,box-shadow .2s; }
.showroom-elements img { display:block; width:100%; max-width:140px; height:auto; aspect-ratio:1; object-fit:contain; border-radius:10px; filter:none; }
.element-name { display:block; font-size:14px; font-weight:600; line-height:1.45; margin:10px 0 12px; }
.element-link { display:block; margin-top:auto; font-size:11px; color:#426e8b; }
.showroom-elements a:hover { border-color:#4e84aa; box-shadow:0 8px 22px rgba(35,66,88,.09); }
.showroom-elements a:focus-visible { outline:3px solid #4e84aa; outline-offset:3px; }
@media(max-width:1000px) { .showroom-elements { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:650px) { .showroom-elements { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } }
@media(prefers-reduced-motion:reduce) { .showroom-elements a { transition:none; } }
@media(max-width:650px) {
  .twinmotion-embed-wrapper { aspect-ratio:auto; height:clamp(480px,145vw,620px); }
}
.video-section .video-embed { box-sizing:border-box; padding:8px; background:#fff; border:1px solid #bdcbd6; border-radius:10px; box-shadow:0 10px 30px rgba(17,35,52,.10); }
.video-section .video-embed iframe { inset:8px; width:calc(100% - 16px); height:calc(100% - 16px); }
@media(max-width:600px) { .video-section .video-embed { padding:5px; border-radius:7px; } .video-section .video-embed iframe { inset:5px; width:calc(100% - 10px); height:calc(100% - 10px); } }