/* Edge-to-edge container styling */
.np-promo-banner-wrapper {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
background-color: #000000;
color: #ffffff;
padding: 8px 12px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
}
.np-promo-banner-row {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
text-align: center;
font-size: 13px;
font-weight: 800;
letter-spacing: 0.5px;
line-height: 1.3;
text-transform: uppercase;
}
.np-promo-banner-icon {
font-size: 15px;
vertical-align: middle;
}
/* Responsive styling for small viewports */
@media (max-width: 600px) {
.np-promo-banner-wrapper {
padding: 6px 8px;
}
.np-promo-banner-row {
font-size: 10.5px;
letter-spacing: 0.2px;
gap: 4px;
}
.np-promo-banner-icon {
font-size: 12px;
}
}