/* Template barbershop Styles */
:root {
            --barber-black: #050505;
            --barber-dark: #0f0f0f;
            --barber-accent: #c4a484;
            --barber-footer: #1a120f;
            --barber-font-title: 'Oswald', sans-serif;
            --barber-font-body: 'Montserrat', sans-serif;
        }
        body { background-color: var(--barber-black); color: #ffffff; font-family: var(--barber-font-body); line-height: 1.6; font-weight: 300; }
        h1, h2, h3, h4, .font-title { font-family: var(--barber-font-title); text-transform: uppercase; letter-spacing: 2px; font-weight: 700; }
        .text-accent { color: var(--barber-accent); }
        .navbar-barber { padding: 25px 0; transition: 0.4s; background: transparent; }
        .navbar-barber.scrolled { background: rgba(10, 10, 10, 0.95); padding: 15px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
        .navbar-barber .nav-link { color: rgba(255, 255, 255, 0.7) !important; font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; margin: 0 15px; transition: 0.3s; }
        .navbar-barber .nav-link:hover { color: var(--barber-accent) !important; }
        .btn-barber { background: var(--barber-accent); color: #000000; border-radius: 0; padding: 12px 30px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; font-family: var(--barber-font-title); transition: 0.3s; }
        .btn-barber:hover { background: transparent; color: #ffffff; outline: 1px solid #ffffff; }
        .py-barber { padding: 120px 0; }
        .section-header { margin-bottom: 80px; text-align: center; }
        .section-header h2 { font-size: 3.5rem; margin-bottom: 15px; position: relative; display: inline-block; }
        .section-header h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 50px; height: 3px; background: var(--barber-accent); }
        #preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 99999; display: flex; align-items: center; justify-content: center; transition: 0.5s; }
        .loader-barber { width: 80px; height: 80px; border: 3px solid #333; border-top: 3px solid #fff; border-radius: 50%; animation: spin 1s linear infinite; }
        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }