:root {
 --color-beige: #FFFBF2;
}

/* Global
============================================================ */

/* Header
============================================================ */

/* Header top
------------------------------- */

.header-top {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-between;
    align-items: center;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding-block: 15px;
    padding-inline: 30px;
    border-bottom: 0;
}

.header-top .left,
.header-top .right {
    display: flex;
    align-items: center;
    gap: 30px;
}

.header-top .right {
    justify-content: flex-end;
}

.header-top .right .nav2 {
    display: flex;
    align-items: center;
}

.header-top .logo {
    text-align: center;
}

.header-top .logo h1 {
    margin: 0;
}

.header-top .logo img {
    width: 220px;
    height: auto;
}

@media (min-width: 769px) {
    .header-top .menu-toggle {
        display: none;
    }
}

@media (max-width: 768px) {
    .header-top .menu-toggle-btn {
        background: none;
        border: none;
        cursor: pointer;
    }

    .header-top .left {
        display: none;
    }
}

/* Header bottom
------------------------------- */

.header-bottom {
    background-color: var(--color-beige);
}

.header-bottom .nav2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 30px 0;
}

@media (min-width: 769px) {
    .header-bottom .menu-toggle,
    .header-bottom .nav1,
    .header-bottom .nav2,
    .header-bottom .search {
        display: none;
    }
}

@media (max-width: 768px) {
    .header-bottom {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100dvh;
        padding: 30px;
    }

    .header-bottom .menu-toggle-btn {
        background: none;
        border: none;
        cursor: pointer;
    }
}

/* Module ps_contactinfo
------------------------------- */

.header-top .left #_desktop_ps_contactinfo .contact,
.header-top .right #_desktop_ps_contactinfo .store-link,
.header-bottom .nav1 #_desktop_ps_contactinfo,
.header-bottom .nav2 #_desktop_ps_contactinfo .store-link span {
    display: none;
}

.header-bottom #_desktop_ps_contactinfo {
    flex-basis: calc(50% + 15px);
}

.header-bottom #_desktop_ps_contactinfo .ps-contactinfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

@media (max-width: 768px) {
    .header-top .right #_desktop_ps_contactinfo {
        display: none;
    }
}

/* Module ps_languageselector
------------------------------- */

#_desktop_ps_languageselector .form-select {
    font-size: 0.875rem;
    text-transform: capitalize;
    border: 1px solid #000;
    border-radius: 100px;
    padding: 8px 36px 8px 12px;
    background-color: transparent;
}

.header-bottom #_desktop_ps_languageselector {
    width: fit-content;
    margin-left: auto;
}

/* Module ps_searchbar
------------------------------- */

#ps_searchbar {
    margin-block: 0;
    min-width: unset;
    width: 200px;
}

.ps-searchbar__input {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #000;
    border-radius: 0;
    padding: 7px 45px;
}

@media (max-width: 768px) {
    .header-top .right #_desktop_ps_searchbar,
    .header-top .right #ps_searchbar_result,
    .header-top .right .ps-searchbar--mobile {
        display: none;
    }
}

/* Module ps_customersignin
------------------------------- */

@media (max-width: 768px) {
    .header-top .right #_desktop_ps_customersignin {
        display: none;
    }
}

/* Module ps_shoppingcart
------------------------------- */

.header-bottom .nav2 #_desktop_ps_shoppingcart {
    display: none;
}