/* --- DODATNI STILOVI SAMO ZA ABOUT PAGE --- */
        
        /* 1. PAGE HERO (Manji od indexa) */
        .page-hero {
            height: 60vh; /* Manja visina */
            position: relative;
            background-image: url('../images/hero2.png'); /* Stavi neku lepu sliku ovde */
            background-attachment: fixed; /* PARALLAX */
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            margin-bottom: 0;
        }

        .page-hero::before {
            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(10, 25, 47, 0.6); /* Dark overlay */
        }

        .page-hero-content { position: relative; z-index: 2; color: var(--white); }
        
        .page-title-main {
            font-family: 'Cinzel', serif; font-size: 4rem; font-weight: 700; letter-spacing: 5px; margin-bottom: 10px;
        }
        
        .page-subtitle {
            font-family: 'Pinyon Script', cursive; font-size: 2.5rem; color: var(--sand-gold);
        }

        /* 2. ZIG-ZAG CONTENT GRID */
        .content-section { padding: 100px 0; background-color: var(--white); overflow: hidden; }
        
        .content-container {
            width: 90%; max-width: 1300px; margin: 0 auto;
            display: flex; flex-direction: column; gap: 100px;
        }

        .content-row {
            display: flex; align-items: center; gap: 60px;
        }

        /* Obrni redosled za svaki drugi red */
        .content-row.reverse { flex-direction: row-reverse; }

        .content-text { flex: 1; }
        .content-img-wrapper { 
            flex: 1; position: relative; height: 500px; 
            box-shadow: 0 20px 50px rgba(0,0,0,0.15);
        }
        
        .content-img-wrapper img {
            width: 100%; height: 100%; object-fit: cover;
            border-radius: 4px;
        }

        /* Zlatni okvir oko slike (dekoracija) */
        .content-img-wrapper::after {
            content: ''; position: absolute; top: -20px; left: -20px;
            width: 100%; height: 100%; border: 2px solid var(--sand-gold);
            z-index: -1; transition: 0.3s;
        }
        
        .content-row.reverse .content-img-wrapper::after { top: -20px; left: auto; right: -20px; }

        .content-eyebrow {
            font-family: 'Pinyon Script', cursive; font-size: 2rem; color: var(--greek-blue); display: block; margin-bottom: 10px;
        }
        
        .content-heading {
            font-family: 'Cinzel', serif; font-size: 2.5rem; color: var(--deep-blue); margin-bottom: 25px; line-height: 1.3;
        }
        
        .content-p {
            font-family: 'Montserrat', sans-serif; font-size: 1rem; color: #555; line-height: 1.8; margin-bottom: 20px;
        }

        /* 3. STATS STRIP (Tamna sekcija) */
        .stats-section {
            background-color: var(--deep-blue);
            padding: 80px 0;
            color: var(--white);
            position: relative;
        }
        
        /* Pattern overlay za stats */
        .stats-section::before {
            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            background-image: url('images/form-pattern.png'); opacity: 0.05;
        }

        .stats-grid {
            display: grid; grid-template-columns: repeat(4, 1fr);
            width: 90%; max-width: 1400px; margin: 0 auto; position: relative; z-index: 2;
            text-align: center; gap: 40px;
        }

        .stat-item i { font-size: 3rem; color: var(--sand-gold); margin-bottom: 20px; }
        .stat-number { font-family: 'Cinzel', serif; font-size: 3rem; font-weight: 700; display: block; margin-bottom: 10px; }
        .stat-label { font-family: 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: 0.9rem; opacity: 0.8; }

        /* RESPONSIVE */
        @media (max-width: 992px) {
            .page-title-main { font-size: 3rem; }
            .content-row, .content-row.reverse { flex-direction: column; gap: 40px; }
            .content-img-wrapper { width: 100%; height: 350px; }
            .stats-grid { grid-template-columns: 1fr 1fr; gap: 50px; }
        }
        
        @media (max-width: 600px) {
            .stats-grid { grid-template-columns: 1fr; }
            .page-hero { height: 50vh; }
        }