html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Vazirmatn', sans-serif;
            background: #F6F3EA;
            color: #17211B;
        }

        .hero-grid {
            background-image:
                linear-gradient(rgba(23, 33, 27, .04) 1px, transparent 1px),
                linear-gradient(90deg, rgba(23, 33, 27, .04) 1px, transparent 1px);
            background-size: 60px 60px;
        }

        .vertical-text {
            writing-mode: vertical-rl;
        }

        .image-hover img {
            transition: transform .7s ease;
        }

        .image-hover:hover img {
            transform: scale(1.05);
        }

        .line {
            width: 60px;
            height: 1px;
            background: #C6A15B;
        }

        .custom-scroll::-webkit-scrollbar {
            height: 4px;
        }

        .custom-scroll::-webkit-scrollbar-thumb {
            background: #68745A;
            border-radius: 10px;
        }

        /* ===== Mahdavi Festival visual upgrade ===== */
        :root {
            --mah-green: #287A49;
            --mah-green-dark: #174C32;
            --mah-green-soft: #E8F1E8;
            --mah-gold: #C8A45D;
            --mah-cream: #F8F6EF;
        }

        body {
            background:
                radial-gradient(circle at 8% 12%, rgba(40, 122, 73, .06), transparent 26rem),
                radial-gradient(circle at 92% 20%, rgba(200, 164, 93, .08), transparent 24rem),
                #F6F3EA;
        }

        .glass-header {
            box-shadow: 0 8px 30px rgba(23, 33, 27, .06);
        }

        .mah-pattern {
            background-image:
                radial-gradient(circle at 1px 1px, rgba(40, 122, 73, .12) 1px, transparent 1.5px);
            background-size: 22px 22px;
        }

        .mah-glow {
            box-shadow:
                0 30px 80px rgba(23, 76, 50, .16),
                0 0 0 1px rgba(200, 164, 93, .18);
        }

        .mah-card {
            transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
        }

        .mah-card:hover {
            transform: translateY(-7px);
            box-shadow: 0 20px 50px rgba(23, 33, 27, .12);
            border-color: rgba(40, 122, 73, .25);
        }

        .mah-logo {
            object-fit: contain;
            mix-blend-mode: multiply;
        }

        .section-kicker {
            letter-spacing: .02em;
        }

        .placeholder-image {
            position: relative;
            overflow: hidden;
            background:
                linear-gradient(135deg, rgba(40, 122, 73, .08), rgba(200, 164, 93, .13)),
                #F3F1E9;
        }

        .placeholder-image::after {
            content: "تصویر را اینجا قرار دهید";
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(23, 33, 27, .42);
            font-size: .9rem;
            font-weight: 600;
            border: 1px dashed rgba(40, 122, 73, .28);
            margin: 12px;
            border-radius: 1.25rem;
        }

        .new-info-badge {
            background: rgba(40, 122, 73, .10);
            color: #174C32;
            border: 1px solid rgba(40, 122, 73, .16);
        }

        .slogan-mark {
            position: relative;
        }

        .slogan-mark::before,
        .slogan-mark::after {
            content: "";
            position: absolute;
            width: 54px;
            height: 1px;
            background: #C8A45D;
            top: 50%;
        }

        .slogan-mark::before {
            right: calc(100% + 14px);
        }

        .slogan-mark::after {
            left: calc(100% + 14px);
        }

        @media (max-width: 640px) {

            .slogan-mark::before,
            .slogan-mark::after {
                display: none;
            }
        }