.fdscu-block {
margin: 1.5em 0;
padding: 1em 1.25em;
border: 1px solid #e0e0e0;
border-radius: 6px;
background: #fafafa;
}
.fdscu-hazard-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.75em;
margin-bottom: 0.75em;
}
.fdscu-pictograms {
display: flex;
flex-wrap: wrap;
gap: 0.4em;
}
.fdscu-pictogram {
display: inline-block;
width: 44px;
height: 44px;
}
.fdscu-pictogram svg {
width: 100%;
height: 100%;
display: block;
}
.fdscu-signal-word {
display: inline-block;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
padding: 0.25em 0.75em;
border-radius: 3px;
font-size: 0.9em;
}
.fdscu-signal-danger {
background: #d63638;
color: #fff;
}
.fdscu-signal-attention {
background: #dba617;
color: #fff;
}
.fdscu-allergens {
font-size: 0.92em;
font-style: italic;
color: #3c3c3c;
margin: 0 0 0.75em;
}
.fdscu-phrases {
margin-bottom: 0.75em;
font-size: 0.92em;
}
.fdscu-phrases-title {
font-weight: 600;
margin: 0 0 0.4em;
}
.fdscu-phrase-list {
margin: 0.5em 0 0;
padding-left: 1.25em;
}
.fdscu-phrase-list li {
margin-bottom: 0.25em;
}
.fdscu-ufi {
font-size: 0.92em;
margin: 0.5em 0;
}
.fdscu-ufi code {
background: #eee;
padding: 0.15em 0.5em;
border-radius: 3px;
}
.fdscu-fds-download {
margin: 0.75em 0 0;
} .fdscu-download-btn {
display: inline-block;
background-color: #2c3e50 !important;
color: #ffffff !important;
text-decoration: none !important;
padding: 0.75em 1.5em;
border-radius: 4px;
font-weight: 600;
font-size: 0.95em;
line-height: 1.4;
border: none;
}
.fdscu-download-btn:hover,
.fdscu-download-btn:focus {
background-color: #1a252f !important;
color: #ffffff !important;
}
.fdscu-download-btn::before {
content: "⬇ ";
}