/* Responsive Breakpoints & Mobile Optimization */
@media (max-width: 860px) {
    .layout-grid {
        flex-direction: column-reverse;
    }
    
    .sidebar-ad {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .silent-search-form .form-row {
        flex-direction: column;
        gap: 10px;
    }

    .col-btn {
        width: 100%;
    }

    .btn-search {
        width: 100%;
    }

    .pricing-strip {
        flex-direction: column;
        gap: 12px;
    }

    .locked-actions {
        flex-direction: column;
        gap: 8px;
    }

    .header {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }

    .nav {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
}