/* emil-design-eng + ui-ux-pro-max: existing proportions, legible controls, no layout shift. */
.db-storefront .hero-picture{position:relative}
.db-storefront #hero-video{position:absolute;inset:0 0 auto;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;opacity:0;pointer-events:none;border-radius:8px}
.db-storefront #hero-video[data-ready="true"]{opacity:1}
.db-storefront #hero-video[hidden]{display:none}
.db-storefront .hero-video-toggle{position:absolute;right:14px;top:14px;min-height:44px;padding:10px 15px;border:1px solid #ffffff8c;border-radius:999px;background:#252d29;color:#fff;font-family:inherit;font-size:13px;font-weight:500;line-height:1.3;cursor:pointer;box-shadow:0 2px 10px #0002}
.db-storefront .hero-video-toggle[hidden]{display:none}
.db-storefront .hero-video-toggle:hover{background:#111a15}
.db-storefront .hero-video-toggle:active{transform:scale(.97)}
.db-storefront .hero-video-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
.db-storefront .db-material-video-button{display:inline-flex;align-items:center;gap:9px;max-width:100%;min-height:44px;margin:10px 0 2px;padding:8px 12px;border:1px solid #767d7470;border-radius:8px;background:#f7f6f1;color:#25312a;font-family:inherit;font-size:13px;font-weight:600;line-height:1.45;text-align:left;white-space:normal;cursor:pointer}
.db-storefront .db-material-video-button::before{content:"▶";font-size:10px;flex:none}
.db-storefront .db-material-video-button:hover{background:#eaece5;border-color:#344a3c}
.db-storefront .db-material-video-button:active{transform:scale(.98)}
.db-storefront .db-material-video-button:focus-visible,.db-presentation-dialog button:focus-visible{outline:3px solid #355a43;outline-offset:3px}
.db-presentation-dialog{width:min(800px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);box-sizing:border-box;padding:24px;border:1px solid #d6d9d0;border-radius:18px;background:#faf9f4;color:#243027;overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 100px #0004;font-family:inherit}
.db-presentation-dialog::backdrop{background:#141c18bf}
.db-presentation-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.db-presentation-dialog__header p{font-size:11px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;color:#586457}
.db-presentation-dialog__header h2{margin:0;font:500 clamp(22px,3vw,32px)/1.15 "DM Serif Display",Georgia,serif;color:inherit}
.db-presentation-dialog__header button{display:flex;align-items:center;gap:10px;min-height:44px;flex:none;padding:10px 14px;border:1px solid #a0a79b;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer}
.db-presentation-dialog__header button:hover{background:#eaece5}
.db-presentation-dialog video{display:block;width:100%;height:auto;aspect-ratio:3/2;max-height:68dvh;object-fit:contain;background:#e7e4da;border-radius:10px}
.db-presentation-dialog>p{margin:14px 0 0;font-size:13px;line-height:1.55;color:#556052}
.db-presentation-dialog .db-presentation-status:empty{display:none}
@media(max-width:600px){.db-presentation-dialog{padding:16px;border-radius:14px}.db-presentation-dialog__header{gap:10px;margin-bottom:14px}.db-presentation-dialog__header button{padding:10px}.db-storefront .hero-video-toggle{top:10px;right:10px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.db-storefront .hero-video-toggle:active,.db-storefront .db-material-video-button:active{transform:none}}