/* ========================================
   COMPONENT PLACEHOLDERS (CLS Fix)
   ======================================== */
#header-placeholder {
    display: block;
    min-height: 190px;
    width: 100%;
    background:
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 0%, transparent 60%),
        /* Subtle center glow */
        radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        /* Dot matrix noise */
        linear-gradient(135deg, var(--main-color), var(--main-color-dark));
    /* Base gradient */
    background-size: 100% 100%, 30px 30px, 100% 100%;
    margin-bottom: 20px;
}

#footer-placeholder {
    display: block;
    min-height: 120px;
    width: 100%;
    background: linear-gradient(135deg, var(--main-color), var(--main-color-dark));
    margin-top: 50px;
}

@media (max-width: 768px) {
    #header-placeholder {
        min-height: 250px;
        /* Taller on mobile due to stacking */
    }
}