.fpan2-bar {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 0;
    row-gap: 6px;
    padding: 13px 20px;
    text-align: center;
    background:
        radial-gradient(circle at 15% 50%, rgba(255,255,255,0.06), transparent 28%),
        linear-gradient(135deg, #1e2a0e 0%, #2d3a14 55%, #36441a 100%);
    border-top: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.fpan2-bar::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,0.016) 0px,
            rgba(255,255,255,0.016) 1px,
            transparent 1px,
            transparent 10px
        );
    pointer-events: none;
}

.fpan2-item {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    color: #f0deaa;
}

.fpan2-item:not(:last-child)::after {
    content: "•";
    margin: 0 18px;
    color: #c8a84b;
    font-weight: 400;
}

@media (max-width: 991px) {
    .fpan2-bar { padding: 12px 18px; row-gap: 8px; }
    .fpan2-item { font-size: 14px; }
    .fpan2-item:not(:last-child)::after { margin: 0 14px; }
}
@media (max-width: 640px) {
    .fpan2-bar { padding: 11px 14px; row-gap: 8px; }
    .fpan2-item { font-size: 13px; line-height: 1.35; }
    .fpan2-item:not(:last-child)::after { margin: 0 10px; }
}
@media (max-width: 420px) {
    .fpan2-bar { padding: 10px 12px; row-gap: 6px; }
    .fpan2-item { font-size: 12.5px; }
    .fpan2-item:not(:last-child)::after { margin: 0 8px; }
}