/* 1. TOP BAR */
        .top-bar {
            background-color: #d4af37; 
            color: #1a1a1a;            
            padding: 8px 10%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 13px;
            font-weight: 500;
        }

        .top-left { display: flex; align-items: center; gap: 20px; }
        .top-left .item, .top-left .top-link { display: inline-flex; align-items: center; justify-content: center; gap: 6px; line-height: 1.2; }
        .top-left i { color: #000000; display: inline-block; font-size: 14px; transform: translateY(1px); }
        .top-right-socials { display: flex; gap: 12px; }
        .top-right-socials a { background-color: rgba(0, 0, 0, 0.15); width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 12px; transition: 0.3s; }
        .top-right-socials a:hover { background-color: #ffffff; color: #d4af37; }