/* National Day strip extension. Kept separate so campaign-page styles stay untouched. */
.nd96-strip {
    display: block;
    position: relative;
    z-index: 51;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 16% 50%, rgba(255,255,255,.16) 0 2px, transparent 3px),
        linear-gradient(110deg, #064c35 0%, #087547 52%, #0a6544 100%);
    border-bottom: 1px solid rgba(255,255,255,.14);
    text-decoration: none;
}
.nd96-strip::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .12;
    background-image: repeating-linear-gradient(45deg, transparent 0 18px, rgba(255,255,255,.2) 18px 19px);
    pointer-events: none;
}
.nd96-strip__inner {
    position: relative;
    width: min(100% - 2rem, 1180px);
    min-height: 58px;
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: .55rem 0;
}
.nd96-strip__seal {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 1px solid rgba(255,255,255,.58);
    border-radius: 50%;
    color: #fff;
    font-family: Georgia, serif;
    font-size: 1.15rem;
    font-weight: 700;
}
.nd96-strip__copy { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.nd96-strip__copy strong { font-size: .95rem; font-weight: 700; }
.nd96-strip__copy small { margin-top: .18rem; color: rgba(255,255,255,.78); font-size: .7rem; }
.nd96-strip__azna { display: block; width: 120px; height: auto; flex: 0 0 auto; filter: drop-shadow(0 5px 12px rgba(0,0,0,.16)); }
.nd96-strip__action {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-inline-start: 1rem;
    padding: .55rem 1rem;
    border-radius: 999px;
    color: #064c35;
    background: #fff;
    font-size: .82rem;
    font-weight: 800;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
}
.nd96-strip:hover { color: #fff; text-decoration: none; }
.nd96-strip:hover .nd96-strip__action { transform: translateY(-1px); }

@media (max-width: 760px) {
    .nd96-strip__inner { justify-content: space-between; gap: .55rem; min-height: 52px; }
    .nd96-strip__seal { width: 34px; height: 34px; flex-basis: 34px; font-size: 1rem; }
    .nd96-strip__copy { flex: 1; }
    .nd96-strip__copy strong { font-size: .76rem; }
    .nd96-strip__copy small { display: none; }
    .nd96-strip__azna { width: 82px; }
    .nd96-strip__action { margin-inline-start: 0; padding: .48rem .7rem; font-size: .72rem; }
}

@media (max-width: 430px) {
    .nd96-strip__inner { width: min(100% - 1rem, 1180px); gap: .4rem; }
    .nd96-strip__copy strong { font-size: .68rem; line-height: 1.25; }
    .nd96-strip__azna { width: 66px; }
    .nd96-strip__action span { display: none; }
    .nd96-strip__action { width: 34px; height: 34px; justify-content: center; padding: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .nd96-strip__action { transition: none !important; }
}