.announcement-bar {
    display: none;
    position: relative;
    padding: 14.5px 0 15.5px;
    height: auto;
    margin-top: -44.9px;
    opacity: 0;
    visibility: hidden;
    border-bottom: 0.5px solid black;
    &.active {
        margin-top: 0 !important;
        opacity: 1;
        visibility: visible;
        transition: margin 0.3s ease;
    }
    @media(max-width: 640px){
        margin-top: -59.3px;
        padding-inline: calc(100vw*40/390);
    }
}
.announcement-bar__content {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    ul,
    p {
        display: inline-block;
        padding: 0 3px;
    }
}

body.index,
body.collection {
    .announcement-bar {
        display: block;
    }
}
