@media (min-width: 981px) {
    .et-menu-nav > ul.et-menu > li.menu-item-has-children {
        position: relative;
    }

    .et-menu-nav > ul.et-menu > li.menu-item-has-children::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 12px;
        display: none;
        z-index: 9998;
    }

    .et-menu-nav > ul.et-menu > li.menu-item-has-children:hover::after {
        display: block;
    }

    .et-menu-nav > ul.et-menu > li.menu-item-has-children > ul.sub-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 9999;
    }

    .et-menu-nav > ul.et-menu > li.menu-item-has-children:hover > ul.sub-menu,
    .et-menu-nav > ul.et-menu > li.menu-item-has-children:focus-within > ul.sub-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

@media (max-width: 980px) {
    .et_pb_menu__menu.mobile-menu-open {
        display: block !important;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #ffffff !important;
        z-index: 9999;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
        border-top: 3px solid #999030;
        max-height: 80vh;
        overflow-y: auto;
    }

    .et_pb_menu__menu.mobile-menu-open nav.et-menu-nav > ul.et-menu {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        padding: 10px 0 !important;
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .et_pb_menu__menu.mobile-menu-open nav.et-menu-nav > ul.et-menu > li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #f0f0f0;
    }

    .et_pb_menu__menu.mobile-menu-open nav.et-menu-nav > ul.et-menu > li > a {
        display: block !important;
        padding: 12px 20px !important;
        font-family: 'Alata', Helvetica, Arial, Lucida, sans-serif !important;
        font-size: 15px !important;
        font-weight: normal !important;
        text-transform: uppercase !important;
        color: #000000 !important;
        letter-spacing: 2px !important;
        position: relative; 
    }

    .et_pb_menu__menu.mobile-menu-open .menu-item-has-children > a:after {
        content: "3" !important;
        font-family: 'ETmodules' !important;
        position: absolute !important;
        right: 20px !important;
        top: 50% !important;
        transform: translateY(-50%) rotate(-90deg) !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        transition: transform 0.3s ease !important;
    }

    .et_pb_menu__menu.mobile-menu-open .menu-item-has-children.open-sub > a:after {
        transform: translateY(-50%) rotate(0deg) !important;
    }

    .et_pb_menu__menu.mobile-menu-open .sub-menu {
        display: none !important;
        position: static !important;
        box-shadow: none !important;
        border-top: none !important;
        border-left: 3px solid #999030 !important;
        margin: 0 16px 10px 24px !important;
        padding: 4px 0 !important;
        background: #fafaf7 !important;
        border-radius: 0 6px 6px 0;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .et_pb_menu__menu.mobile-menu-open .menu-item-has-children.open-sub > .sub-menu {
        display: block !important;
        animation: fadeInSub 0.3s ease-out;
    }

    @keyframes fadeInSub {
        from { opacity: 0; transform: translateY(-5px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .et_pb_menu__menu.mobile-menu-open .sub-menu > li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: none !important;
    }

    .et_pb_menu__menu.mobile-menu-open .sub-menu > li > a {
        display: block !important;
        padding: 9px 16px !important;
        font-family: 'Alata', Helvetica, Arial, Lucida, sans-serif !important;
        font-size: 13.5px !important;
        font-weight: normal !important;
        text-transform: uppercase !important;
        color: #000000 !important;
        letter-spacing: 2px !important;
        white-space: normal !important;
    }

    .et_pb_menu__menu.mobile-menu-open .sub-menu > li > a:hover,
    .et_pb_menu__menu.mobile-menu-open .sub-menu > li > a:active {
        color: #999030 !important;
        background-color: #f1efe0 !important;
    }
}

@media (max-width: 980px) {
    .post-176 .et_pb_row_1,
    .page-id-176 .et_pb_row_1 {
        transform: none !important;
        width: 92% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 10px 0 !important;
    }

    .post-176 .et_pb_image,
    .page-id-176 .et_pb_image,
    .et_pb_image_0,
    .et_pb_image_1,
    .et_pb_image_2 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 15px auto !important;
        text-align: center !important;
    }

    .post-176 .et_pb_image .et_pb_image_wrap,
    .page-id-176 .et_pb_image .et_pb_image_wrap {
        display: block !important;
        width: 100% !important;
    }

    .post-176 .et_pb_image img,
    .page-id-176 .et_pb_image img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        border-radius: 8px !important;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    }
}