.product-media-dialog{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #dce7e3;border-radius:20px;background:#fff;color:#183b35;box-shadow:0 28px 90px #102d3540;font-family:inherit;overflow-y:auto;overscroll-behavior:contain}
.product-media-dialog::backdrop{background:#142e3c80;backdrop-filter:blur(4px)}
.product-media-dialog [hidden]{display:none!important}.product-media-dialog__header{display:flex;align-items:center;gap:14px;padding:22px 24px;border-bottom:1px solid #e2ebe7;background:#f6faf8}.product-media-dialog__header h2{font-size:22px;margin:3px 0 0;font-weight:800}.product-media-dialog__header small{font-size:12px;color:#56756c}.product-media-dialog__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#dcefe7;color:#087f74;font-size:24px}.product-media-close{margin-inline-start:auto;width:44px;height:44px;background:#fff;border:1px solid #dce7e3;border-radius:12px;color:#45665c}
.product-media-dialog__body{padding:22px 24px;display:grid;gap:14px}.product-media-dialog__body>p{font-size:14px;line-height:1.8;margin:0}.product-media-dialog label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.product-media-dialog input,.product-media-dialog select{width:100%;min-width:0;min-height:46px;border:1px solid #c8d9d2;border-radius:10px;background:#fff;padding:10px 12px;color:#244b40;font-size:15px}.product-media-dialog small{display:block;font-size:12px;line-height:1.8;color:#60786e;margin-top:5px}.product-media-dialog :is(input,select,button):focus-visible{outline:3px solid #087f74;outline-offset:3px}.product-media-dialog .btn{min-height:44px;border-radius:10px;font-size:13px}.product-media-dialog .btn-success{background:#087f74;border-color:#087f74}.product-media-dialog .btn-success:hover{background:#06695f}.product-media-dialog [aria-invalid=true]{border-color:#c03548}.product-media-error{color:#b42339;background:#fff1f3;padding:12px;border:1px solid #ffd2da;border-radius:10px;font-size:13px}
.product-media-preview{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed #bdcfc7;border-radius:14px;background:#f7faf8;overflow:hidden;color:#647f73;font-size:13px}.product-media-preview>i{font-size:36px;color:#659889}.product-media-preview img{max-width:100%;max-height:300px;object-fit:contain}.product-media-preview video,.product-media-preview iframe{width:100%;max-width:100%;aspect-ratio:16/9;border:0;min-height:200px}.product-media-dialog__footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid #e2ebe7;background:#fff}.product-media-dialog__footer>span{font-size:11px;color:#627b71}.product-media-dialog__footer>div{display:flex;gap:8px}
.shop-product-video{display:block;width:100%;max-width:100%;aspect-ratio:16/9;min-height:200px;border:0;border-radius:12px;margin-block:16px}.product-rich-editor__surface{overflow-wrap:anywhere}.product-rich-editor__surface iframe{max-width:100%}
@media(max-width:575px){.product-media-dialog{border-radius:16px;max-height:calc(100dvh - 20px)}.product-media-dialog__header{padding:16px}.product-media-dialog__body{padding:18px 16px}.product-media-dialog__header h2{font-size:20px}.product-media-dialog input,.product-media-dialog select{font-size:16px}.product-media-dialog__footer{padding:14px 16px;flex-wrap:wrap}.product-media-dialog__footer>div{width:100%}.product-media-dialog__footer .btn{flex:1}}

html:has(.product-media-dialog[open]){overflow:hidden}

.product-media-dialog__header{position:sticky;top:0;z-index:2}.product-media-dialog .btn-outline-secondary{background:#fff;color:#426a5c;border-color:#c5d8ce}.product-media-dialog .btn-outline-secondary:hover{background:#edf6f1;color:#1c5545}.product-media-preview img{max-height:220px}