.bsid-overlay {
position: fixed !important;
inset: 0 !important;
width: 100vw !important;
height: 90vh !important;
z-index: 1000000 !important;
background: rgba(0, 0, 0, .55) !important;
display: flex !important;
align-items: flex-start !important;
justify-content: center !important;
padding: 16px !important;
}
.bsid-overlay .bsid-overlay-panel {
position: relative !important;
width: 100% !important;
max-width: 520px !important;
max-height: calc(90vh - 32px) !important;
background: #fff !important;
border-radius: var(--has-classic-forms, var(--theme-form-field-border-radius, 3px));
overflow: auto !important;
padding: 14px 14px 18px 14px !important;
}
.bsid-overlay .bsid-overlay-close {
position: sticky !important;
top: 0 !important;
margin-left: auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
border-radius: 999px !important;
border: 0 !important;
background: rgba(0, 0, 0, .08) !important;
cursor: pointer !important;
float: right !important;
z-index: 2 !important;
margin-bottom: 5px;
}
.bsid-overlay img {
width: 100% !important;
object-fit: contain !important;
background: #f5f5f5 !important;
border-radius: var(--has-classic-forms, var(--theme-form-field-border-radius, 3px));
margin-top: 6px !important;
}
.bsid-overlay h3.tootepealkiri {
font-family: var(--theme-font-family);
font-size: 1.25rem !important;
font-weight: 600 !important;
margin-top: 10px !important;
}
.bsid-overlay p.kirjeldus {
font-size: 0.95rem !important;
margin-top: 6px !important;
}
.bsid-overlay .bsid-actions {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 10px !important;
margin-top: 12px !important;
}
.bsid-overlay .bsid-actions a.button {
width: 100% !important;
text-align: center !important;
}
body.bsid-lock {
overflow: hidden !important;
touch-action: none !important;
}