.beshare-product-media{max-width:1120px;margin:40px auto 64px;padding:0 24px;color:#222;scroll-margin-top:170px}
.beshare-product-media [hidden]{display:none!important}
.beshare-product-media__frame{position:relative;width:100%;margin:0 auto;background:#fff;aspect-ratio:var(--beshare-media-aspect,16/9)}
.beshare-product-media__frame--portrait{max-width:400px}
.beshare-product-media__frame--still,.beshare-product-media[data-media-state="fallback"] .beshare-product-media__frame{aspect-ratio:auto}
.beshare-product-media__overlay{position:absolute;top:22px;right:24px;z-index:1;max-width:70%;padding:0;text-align:right;background:transparent;border:0;box-shadow:none;pointer-events:none}
.beshare-product-media__overlay::before,.beshare-product-media__overlay::after{content:none}
.beshare-product-media__title{color:#fff;font-size:32px;line-height:1.2;margin:0;text-transform:none;text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 8px rgba(0,0,0,.45)}
.beshare-product-media__subtitle{color:#fff;font-size:16px;line-height:1.4;margin:6px 0 0;text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 8px rgba(0,0,0,.45)}
.beshare-product-media__video,.beshare-product-media__fallback{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.beshare-product-media__still{display:block;max-width:100%;max-height:720px;width:100%;height:auto;object-fit:contain;margin:0 auto}
.beshare-product-media__footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 20px;margin-top:12px;font-size:14px;line-height:1.5;color:#555}
.beshare-product-media__toggle{font:inherit;color:#174f38;background:#fff;border:1px solid #b9c5be;border-radius:4px;padding:8px 14px;min-height:44px;cursor:pointer}
.beshare-product-media__toggle:focus-visible{outline:3px solid #174f38;outline-offset:3px}
.beshare-product-media__noscript{font-size:14px;margin-top:12px}
@media(max-width:749px){.beshare-product-media{padding:0 16px;margin:28px auto 44px}.beshare-product-media__overlay{top:12px;right:12px;max-width:70%}.beshare-product-media__title{font-size:20px}.beshare-product-media__subtitle{font-size:12px;margin-top:3px}.beshare-product-media__footer{font-size:13px}.beshare-product-media__frame--portrait{max-width:360px}}
