/* Home Page Specific Styles */

/* Override navigation styles for home page only - match other pages - DESKTOP ONLY */
@media screen and (min-width: 769px) {
    .nav-bottom {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 6px 0;
        position: absolute;
        bottom: -5px;
        left: 50%;
        transform: translateX(10%);
    }

    /* Override search box position for home page - match other pages */
    .header-search {
        display: flex;
        align-items: center;
        width: 580px;
        height: 36px;
        background: rgba(255,255,255,0.6);
        border-radius: 263px;
        padding: 0 14px;
        border: none;
        position: absolute;
        left: 50%;
        transform: translateX(10%);
        top: 30px;
    }

    /* Override logo position for home page - match other pages */
    .nav-top {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 6px 0;
        position: absolute;
        top: 50%;
        left: 200px;
        transform: translateY(-50%);
    }
}