.navigation-agromar-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    container-type: inline-size;
    background-color: white;
    position: relative;
}
.navigation-agromar-1 .content-wrapper-phone {
    display: none;
}
.navigation-agromar-1 .content-wrapper-pc {
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    padding: 1rem 0;
    width: 100%;
    max-width: 94.5rem;
}
.navigation-agromar-1 .content-wrapper-pc .nav-links {
    display: flex;
    gap: 4rem;
    width: 100%;
    padding-top: 1rem;
}
.navigation-agromar-1 .content-wrapper-pc .nav-links > a {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: #380d06;
    text-decoration: none;
}
.navigation-agromar-1 .content-wrapper-pc .nav-links .active {
    font-weight: 700;
    color: #d6350f;
}
.navigation-agromar-1 .content-wrapper-pc .logo {
    width: 15rem;
    height: 4rem;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.navigation-agromar-1 .content-wrapper-pc .contact-info {
    display: flex;
    gap: 2rem;
    justify-content: right;
}
.navigation-agromar-1 .content-wrapper-pc .contact-info .item-group {
    padding-top: 1rem;
    display: flex;
    gap: 0.5rem;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #380d06;
    list-style-type: none;
    text-decoration: none;
}
.navigation-agromar-1 .content-wrapper-pc .contact-info .item-group > img {
    height: 1rem;
    width: 1rem;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.navigation-agromar-1 .content-wrapper-pc .contact-info .socials {
    display: flex;
    gap: 1rem;
    padding-top: 0.75rem;
}
.navigation-agromar-1 .content-wrapper-pc .contact-info .socials > a > img {
    width: 1.5rem;
    height: 1.5rem;
}

@container (max-width: 100rem) {
    .navigation-agromar-1 .content-wrapper-pc {
        display: none;
    }
    .navigation-agromar-1 .content-wrapper-phone {
        display: flex;
        flex-direction: column;
        padding: 2rem 6rem 1.5rem;
        width: 100%;
        overflow-y: auto;
    }
    .navigation-agromar-1 .content-wrapper-phone .contact-info {
        display: flex;
        justify-content: space-between;
    }
    .navigation-agromar-1 .content-wrapper-phone .contact-info .left-part {
        display: flex;
        gap: 2rem;
    }
    .navigation-agromar-1
        .content-wrapper-phone
        .contact-info
        .left-part
        .item-group {
        padding-top: 0.375rem;
        display: flex;
        gap: 0.5rem;
        font-size: 1rem;
        line-height: 1.25rem;
        color: #380d06;
        text-decoration: none;
        list-style-type: none;
    }
    .navigation-agromar-1
        .content-wrapper-phone
        .contact-info
        .left-part
        .item-group
        > img {
        height: 1rem;
        width: 1rem;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
    }
    .navigation-agromar-1 .content-wrapper-phone .contact-info .socials {
        display: flex;
        gap: 1rem;
    }
    .navigation-agromar-1 .content-wrapper-phone .contact-info .socials > img {
        height: 2.25rem;
        width: 2.25rem;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
    }
    .navigation-agromar-1 .content-wrapper-phone .second-row {
        display: flex;
        justify-content: space-between;
        padding-top: 3.375rem;
    }
    .navigation-agromar-1 .content-wrapper-phone .second-row .logo {
        width: 15rem;
        height: 4rem;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: left;
        object-position: left;
    }
    .navigation-agromar-1 .content-wrapper-phone .second-row .hamburger-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        border: none;
        background-color: #d6350f;
    }
    .navigation-agromar-1
        .content-wrapper-phone
        .second-row
        .hamburger-btn
        > img {
        width: 1.25rem;
        height: 1.25rem;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .navigation-agromar-1
        .content-wrapper-phone
        .second-row
        .hamburger-btn
        .close {
        display: none;
    }
    .navigation-agromar-1
        .content-wrapper-phone
        .second-row
        .hamburger-btn
        .open {
        display: block;
    }
    .navigation-agromar-1 .content-wrapper-phone .expanded-part {
        display: none;
    }
    .navigation-agromar-1 .expanded {
        padding: 2rem 6rem 6rem;
        position: fixed;
        width: 100%;
        height: 100dvh;
        background-color: white;
        z-index: 20;
    }
    .navigation-agromar-1 .expanded .second-row .hamburger-btn {
        background-color: #380d06;
    }
    .navigation-agromar-1 .expanded .second-row .hamburger-btn .close {
        display: block;
    }
    .navigation-agromar-1 .expanded .second-row .hamburger-btn .open {
        display: none;
    }
    .navigation-agromar-1 .expanded .expanded-part {
        display: flex;
        flex-direction: column;
        padding-top: 7.625rem;
    }
    .navigation-agromar-1 .expanded .expanded-part .nav-links {
        display: flex;
        flex-direction: column;
        gap: 3rem;
    }
    .navigation-agromar-1 .expanded .expanded-part .nav-links > a {
        font-size: 1.5rem;
        line-height: 1.5rem;
        color: #380d06;
        font-weight: 500;
        text-decoration: none;
        width: 100%;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid rgba(56, 13, 6, 0.45);
    }
    .navigation-agromar-1 .expanded .expanded-part .nav-links .active {
        color: #d6350f;
        font-weight: 700;
        border-bottom: 2px solid #d6350f;
    }
    .navigation-agromar-1 .expanded .expanded-part .contact-info {
        padding-top: 10rem;
        padding-bottom: 6.25rem;
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
    .navigation-agromar-1 .expanded .expanded-part .contact-info .item-group {
        display: flex;
        gap: 1.25rem;
        font-size: 1.5rem;
        line-height: 1.875rem;
        font-weight: 500;
        color: #380d06;
        list-style-type: none;
        text-decoration: none;
    }
    .navigation-agromar-1
        .expanded
        .expanded-part
        .contact-info
        .item-group
        > img {
        width: 2rem;
        height: 2rem;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: left;
        object-position: left;
    }
    .navigation-agromar-1 .expanded .expanded-part .bottom-row {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-top: 3.5rem;
        border-top: solid 1px #5e120e;
        font-size: 2rem;
        line-height: 2rem;
        color: #380d06;
        font-weight: 400;
        gap: 2rem;
    }
    .navigation-agromar-1 .expanded .expanded-part .bottom-row .socials {
        display: flex;
        gap: 1.125rem;
        align-items: center;
    }
    .navigation-agromar-1 .expanded .expanded-part .bottom-row .socials > a {
        text-decoration: none;
    }
    .navigation-agromar-1
        .expanded
        .expanded-part
        .bottom-row
        .socials
        > a
        > img {
        width: 3rem;
        height: 3rem;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
    }
}
@container (max-width: 45rem) {
    .navigation-agromar-1 .content-wrapper-phone {
        padding: 1rem 1.25rem 1.5rem;
    }
    .navigation-agromar-1
        .content-wrapper-phone
        .contact-info
        .left-part
        .item-group {
        align-items: center;
        padding-top: 0;
        font-size: 0.875rem;
        line-height: 1rem;
    }
    .navigation-agromar-1
        .content-wrapper-phone
        .contact-info
        .left-part
        .item-group
        > img {
        height: 1.5rem;
        width: 1.5rem;
    }
    .navigation-agromar-1
        .content-wrapper-phone
        .contact-info
        .left-part
        .address {
        display: none;
    }
    .navigation-agromar-1 .content-wrapper-phone .contact-info .socials > img {
        height: 1.5rem;
        width: 1.5rem;
    }
    .navigation-agromar-1 .content-wrapper-phone .second-row {
        padding-top: 1.25rem;
    }
    .navigation-agromar-1 .content-wrapper-phone .second-row .logo {
        width: 11rem;
        height: 3rem;
    }
    .navigation-agromar-1 .content-wrapper-phone .second-row .hamburger-btn {
        width: 2rem;
        height: 2rem;
        background-color: #d6350f;
    }
    .navigation-agromar-1
        .content-wrapper-phone
        .second-row
        .hamburger-btn
        > img {
        width: 0.625rem;
        height: 0.625rem;
    }
    .navigation-agromar-1
        .content-wrapper-phone
        .second-row
        .hamburger-btn
        .close {
        display: none;
    }
    .navigation-agromar-1
        .content-wrapper-phone
        .second-row
        .hamburger-btn
        .open {
        display: block;
    }
    .navigation-agromar-1 .content-wrapper-phone .expanded-part {
        display: none;
    }
    .navigation-agromar-1 .expanded {
        padding: 3.5rem 1.25rem 2rem;
        position: fixed;
        width: 100%;
        height: 100dvh;
    }
    .navigation-agromar-1 .expanded .contact-info {
        display: none;
    }
    .navigation-agromar-1 .expanded .second-row .hamburger-btn {
        background-color: #380d06;
    }
    .navigation-agromar-1 .expanded .second-row .hamburger-btn .close {
        display: block;
    }
    .navigation-agromar-1 .expanded .second-row .hamburger-btn .open {
        display: none;
    }
    .navigation-agromar-1 .expanded .expanded-part {
        display: flex;
        padding-top: 6rem;
        justify-content: space-between;
        height: 100%;
    }
    .navigation-agromar-1 .expanded .expanded-part .nav-links {
        gap: 2rem;
    }
    .navigation-agromar-1 .expanded .expanded-part .nav-links > a {
        font-size: 1.25rem;
    }
    .navigation-agromar-1 .expanded .expanded-part .contact-info {
        display: none;
    }
    .navigation-agromar-1 .expanded .expanded-part .bottom-row {
        padding-top: 2rem;
        font-size: 1rem;
        line-height: 2rem;
        gap: 2rem;
    }
    .navigation-agromar-1 .expanded .expanded-part .bottom-row .socials {
        gap: 0.75rem;
    }
    .navigation-agromar-1
        .expanded
        .expanded-part
        .bottom-row
        .socials
        > a
        > img {
        width: 2rem;
        height: 2rem;
    }
}