/* Mobile nav */
@media (max-width: 768px) {
    .main-nav {
        display: none; position: absolute; top: 100%; left: 0; right: 0;
        background: var(--qara-background); border-bottom: 1px solid var(--qara-border);
        padding: 16px 24px;
    }
    .main-nav.mobile-open { display: block; }
    .main-nav ul { flex-direction: column; gap: 12px; }
    .mobile-menu-toggle { display: block; background: none; border: none; cursor: pointer; color: var(--qara-foreground); }
}
@media (min-width: 769px) { .mobile-menu-toggle { display: none; } }

/* Scrolled header */
.site-header.scrolled { box-shadow: 0 2px 20px rgba(0,0,0,0.06); }

/* Hero cross icon */
.hero-cross { font-size: 48px; color: var(--qara-primary); margin-bottom: 24px; }

/* Scroll indicator */
.scroll-indicator {
    position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);
    width: 24px; height: 40px; border: 2px solid rgba(166,124,61,0.4);
    border-radius: 12px; display: flex; justify-content: center; padding-top: 8px;
}
.scroll-dot { width: 6px; height: 12px; background: var(--qara-primary); border-radius: 3px; animation: scroll-bounce 2s infinite; }
@keyframes scroll-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(8px); } }

/* Elementor overrides */
.elementor-page .site-main { padding-top: 80px; }