/* ========================================
   MAXIMENUCK 116
   item147 only = mega menu
   all other dropdowns = classic simple menu
   ======================================== */

#maximenuck116 {
    position: relative;
    z-index: 99999;
    width: 100%;
    background: transparent;
}

#maximenuck116 > ul.maximenuck {
    position: relative !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#maximenuck116 ul,
#maximenuck116 li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#maximenuck116 .ckclr {
    display: none !important;
}

#maximenuck116 > ul.maximenuck > li.level1 {
    position: relative !important;
    margin: 0;
    padding: 0;
}

#maximenuck116 > ul.maximenuck > li.item147 {
    position: static !important;
}

/* remove default plugin arrows */
div#maximenuck116 ul.maximenuck li.level1.parent > a:after,
div#maximenuck116 ul.maximenuck li.level1.parent > span.separator:after,
div#maximenuck116 ul.maximenuck li.level1.parent > span.nav-header:after {
    display: none !important;
    content: none !important;
}

/* wrappers */
#maximenuck116 .titreck,
#maximenuck116 .titreck-text,
#maximenuck116 .titreck-title {
    display: block;
    text-indent: 0;
}

/* ========================================
   LEVEL 1
   ======================================== */

#maximenuck116 > ul.maximenuck > li.level1 > a,
#maximenuck116 > ul.maximenuck > li.level1 > span.separator,
#maximenuck116 > ul.maximenuck > li.level1 > span.nav-header {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 64px;
    padding: 15px 16px;
    margin: 0;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    color: #000 !important;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
    transition: color 0.22s ease;
    overflow: visible !important;
}

/* stable typography always */
#maximenuck116 > ul.maximenuck > li.level1 > a:hover,
#maximenuck116 > ul.maximenuck > li.level1 > span.separator:hover,
#maximenuck116 > ul.maximenuck > li.level1 > span.nav-header:hover,
#maximenuck116 > ul.maximenuck > li.level1:hover > a,
#maximenuck116 > ul.maximenuck > li.level1:hover > span.separator,
#maximenuck116 > ul.maximenuck > li.level1:hover > span.nav-header,
#maximenuck116 > ul.maximenuck > li.level1.current > a,
#maximenuck116 > ul.maximenuck > li.level1.active > a,
#maximenuck116 > ul.maximenuck > li.level1.current > span.separator,
#maximenuck116 > ul.maximenuck > li.level1.active > span.separator,
#maximenuck116 > ul.maximenuck > li.level1.current > span.nav-header,
#maximenuck116 > ul.maximenuck > li.level1.active > span.nav-header {
    background: transparent !important;
    color: #000 !important;
    font-weight: 300;
}

/* reset inner wrappers so they stop pushing upward */
#maximenuck116 > ul.maximenuck > li.level1 > a .titreck,
#maximenuck116 > ul.maximenuck > li.level1 > span.separator .titreck,
#maximenuck116 > ul.maximenuck > li.level1 > span.nav-header .titreck,
#maximenuck116 > ul.maximenuck > li.level1 > a .titreck-text,
#maximenuck116 > ul.maximenuck > li.level1 > span.separator .titreck-text,
#maximenuck116 > ul.maximenuck > li.level1 > span.nav-header .titreck-text,
#maximenuck116 > ul.maximenuck > li.level1 > a .titreck-title,
#maximenuck116 > ul.maximenuck > li.level1 > span.separator .titreck-title,
#maximenuck116 > ul.maximenuck > li.level1 > span.nav-header .titreck-title {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1;
    text-align: center;
}

/* underline lives on the clickable item, not inside the text */
#maximenuck116 > ul.maximenuck > li.level1 > a::after,
#maximenuck116 > ul.maximenuck > li.level1 > span.separator::after,
#maximenuck116 > ul.maximenuck > li.level1 > span.nav-header::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 8px;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: #AD976E;
    transform: translateX(-50%) scaleX(0);
    transform-origin: center;
    transition: transform 0.22s ease;
}

#maximenuck116 > ul.maximenuck > li.level1:hover > a::after,
#maximenuck116 > ul.maximenuck > li.level1:hover > span.separator::after,
#maximenuck116 > ul.maximenuck > li.level1:hover > span.nav-header::after,
#maximenuck116 > ul.maximenuck > li.level1.current > a::after,
#maximenuck116 > ul.maximenuck > li.level1.current > span.separator::after,
#maximenuck116 > ul.maximenuck > li.level1.current > span.nav-header::after,
#maximenuck116 > ul.maximenuck > li.level1.active > a::after,
#maximenuck116 > ul.maximenuck > li.level1.active > span.separator::after,
#maximenuck116 > ul.maximenuck > li.level1.active > span.nav-header::after {
    transform: translateX(-50%) scaleX(1);
}

/* ========================================
   ITEM 147 ONLY = FULL WIDTH MEGA
   ======================================== */

#maximenuck116 > ul.maximenuck > li.item147 > .floatck {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 36px 0 40px !important;
    background: #fff !important;
    border: 0 !important;
    box-shadow:
        0 26px 70px rgba(0, 0, 0, 0.12),
        0 10px 28px rgba(0, 0, 0, 0.06) !important;
    overflow: visible !important;
    box-sizing: border-box;
    z-index: 999999 !important;
}

#maximenuck116 > ul.maximenuck > li.item147 > .floatck > .maxidrop-main {
    width: min(1440px, calc(100vw - 80px)) !important;
    max-width: min(1440px, calc(100vw - 80px)) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 10px !important;
    align-items: start;
    float: none !important;
}

#maximenuck116 > ul.maximenuck > li.item147 > .floatck > .maxidrop-main > .maximenuck2 {
    position: relative;
    width: auto !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 10px 0 0;
}

#maximenuck116 > ul.maximenuck > li.item147 > .floatck > .maxidrop-main > .maximenuck2:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 1px;
    height: calc(100% - 12px);
    background: linear-gradient(
        to bottom,
        rgba(173,151,110,0) 0%,
        rgba(173,151,110,0.14) 18%,
        rgba(173,151,110,0.14) 82%,
        rgba(173,151,110,0) 100%
    );
}

/* ========================================
   ALL OTHER LEVEL 1 ITEMS = SIMPLE CLASSIC DROPDOWN
   ======================================== */

#maximenuck116 > ul.maximenuck > li.level1:not(.item147) > .floatck {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    width: 280px !important;
    min-width: 280px !important;
    max-width: 320px !important;
    margin-top: 0px !important;
    padding: 0 !important;
    background: #fff !important;
    border: 0 solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 0 !important;
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.12), 0 10px 28px rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
    box-sizing: border-box;
    z-index: 999999 !important;
}

#maximenuck116 > ul.maximenuck > li.level1:not(.item147) > .floatck > .maxidrop-main {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    float: none !important;
}

#maximenuck116 > ul.maximenuck > li.level1:not(.item147) > .floatck .maximenuck2 {
    width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#maximenuck116 > ul.maximenuck > li.level1:not(.item147) > .floatck .maximenuck2::after {
    display: none !important;
}

/* ========================================
   LEVEL 2 TITLES IN ITEM 147 MEGA
   stable weight always
   ======================================== */

#maximenuck116 li.item147 .level2 > a,
#maximenuck116 li.item147 .level2 > span.separator,
#maximenuck116 li.item147 .level2 > span.nav-header {
    position: relative;
    display: inline-block;
    margin: 0 0 18px;
    padding: 0 0 10px;
    color: #111;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0.01em;
    text-decoration: none;
    background: transparent;
    border: 0;
}

#maximenuck116 li.item147 .level2 > a:hover,
#maximenuck116 li.item147 .level2 > span.separator:hover,
#maximenuck116 li.item147 .level2 > span.nav-header:hover,
#maximenuck116 li.item147 .level2.active > a,
#maximenuck116 li.item147 .level2.active > span.separator,
#maximenuck116 li.item147 .level2.active > span.nav-header,
#maximenuck116 li.item147 .level2.current > a,
#maximenuck116 li.item147 .level2.current > span.separator,
#maximenuck116 li.item147 .level2.current > span.nav-header {
    color: #111;
    font-weight: 500;
}

#maximenuck116 li.item147 .level2 > a::after,
#maximenuck116 li.item147 .level2 > span.separator::after,
#maximenuck116 li.item147 .level2 > span.nav-header::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 42px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #AD976E 0%, rgba(173,151,110,0.18) 100%);
}

#maximenuck116 li.item147 .level2 > .floatck {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

#maximenuck116 li.item147 .level2 > .floatck > .maxidrop-main {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    float: none !important;
}

/* ========================================
   LEVEL 3 IN ITEM 147 MEGA
   ======================================== */

#maximenuck116 li.item147 .level3 > a,
#maximenuck116 li.item147 .level3 > span.separator,
#maximenuck116 li.item147 .level3 > span.nav-header {
    display: block;
    padding: 9px 0;
    color: #4d4d4d;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
    text-decoration: none;
    transition:
        color 0.22s ease,
        transform 0.22s ease;
}

#maximenuck116 li.item147 .level3 > a:hover,
#maximenuck116 li.item147 .level3 > span.separator:hover,
#maximenuck116 li.item147 .level3 > span.nav-header:hover,
#maximenuck116 li.item147 .level3.active > a,
#maximenuck116 li.item147 .level3.active > span.separator,
#maximenuck116 li.item147 .level3.active > span.nav-header,
#maximenuck116 li.item147 .level3.current > a,
#maximenuck116 li.item147 .level3.current > span.separator,
#maximenuck116 li.item147 .level3.current > span.nav-header {
    color: #AD976E;
    font-weight: 400;
    transform: translateX(4px);
}

/* ========================================
   SIMPLE CLASSIC DROPDOWN TYPOGRAPHY
   for all non-item147 items
   ======================================== */

#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > a,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > span.separator,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > span.nav-header,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3 > a,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3 > span.separator,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3 > span.nav-header {
    display: block;
    width: 100%;
    margin: 0;
    padding: 12px 18px;
    color: #111;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
    text-decoration: none;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #cecece;
    box-sizing: border-box;
    transition: background-color 0.18s ease, color 0.18s ease;
}

#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2:last-child > a,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2:last-child > span.separator,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2:last-child > span.nav-header,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3:last-child > a,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3:last-child > span.separator,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3:last-child > span.nav-header {
    border-bottom: 0;
}

#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > a::after,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > span.separator::after,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > span.nav-header::after,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3 > a::after,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3 > span.separator::after,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3 > span.nav-header::after {
    display: none !important;
}

#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > a:hover,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > span.separator:hover,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > span.nav-header:hover,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3 > a:hover,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3 > span.separator:hover,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3 > span.nav-header:hover,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2.active > a,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2.active > span.separator,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2.active > span.nav-header,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3.active > a,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3.active > span.separator,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3.active > span.nav-header {
    background: rgba(173, 151, 110, 0.08);
    color: #000;
    transform: none;
}

/* kill one specific hardcoded weight rule from old file */
div#maximenuck116 ul.maximenuck li.maximenuck.item148.level2.active > a.maximenuck span.titreck,
div#maximenuck116 ul.maximenuck li.maximenuck.item148.level2.active > span.separator span.titreck,
div#maximenuck116 ul.maximenuck li.maximenuck.item148.level2.active > span.nav-header span.titreck,
div#maximenuck116 ul.maximenuck2 li.maximenuck.item148.level2.active > a.maximenuck span.titreck,
div#maximenuck116 ul.maximenuck2 li.maximenuck.item148.level2.active > span.separator span.titreck,
div#maximenuck116 ul.maximenuck2 li.maximenuck.item148.level2.active > span.nav-header span.titreck {
    font-weight: inherit !important;
}

/* focus */
#maximenuck116 a:focus-visible,
#maximenuck116 span.separator:focus-visible,
#maximenuck116 span.nav-header:focus-visible {
    outline: 2px solid rgba(173, 151, 110, 0.35);
    outline-offset: 3px;
}



/* simple dropdown separators for non-mega items */
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .maximenuck2 > li + li {
    border-top: 1px solid #cecece;
}

#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > a,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > span.separator,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > span.nav-header,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3 > a,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3 > span.separator,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3 > span.nav-header {
    display: block;
    margin: 0;
    padding: 14px 22px !important;
    color: #111;
    background: transparent !important;
    text-decoration: none;
    transform: none !important;
}

#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > a,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > span.separator,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > span.nav-header {
    font-size: 15px;
    font-weight: 400 !important;
    line-height: 1.4;
}

#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3 > a,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3 > span.separator,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3 > span.nav-header {
    font-size: 14px;
    font-weight: 400 !important;
    line-height: 1.45;
    color: #4d4d4d;
}

#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > a:hover,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > span.separator:hover,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > span.nav-header:hover,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3 > a:hover,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3 > span.separator:hover,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level3 > span.nav-header:hover {
    background: rgba(173, 151, 110, 0.08) !important;
    color: #111 !important;
}

#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > a::after,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > span.separator::after,
#maximenuck116 > ul.maximenuck > li.level1:not(.item147) .level2 > span.nav-header::after {
    display: none !important;
}

/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 1360px) {
    #maximenuck116 > ul.maximenuck {
        gap: 10px;
    }

    #maximenuck116 > ul.maximenuck > li.level1 > a,
    #maximenuck116 > ul.maximenuck > li.level1 > span.separator,
    #maximenuck116 > ul.maximenuck > li.level1 > span.nav-header {
        min-height: 58px;
        padding: 13px 4px;
        font-size: 1.05rem;
        font-weight: 300;
    }

    #maximenuck116 > ul.maximenuck > li.item147 > .floatck > .maxidrop-main {
        width: calc(100vw - 48px) !important;
        max-width: calc(100vw - 48px) !important;
        gap: 20px !important;
    }

    #maximenuck116 > ul.maximenuck > li.item147 > .floatck > .maxidrop-main > .maximenuck2 {
        padding-right: 14px;
    }
}

@media (max-width: 1100px) {
    #maximenuck116 > ul.maximenuck > li.item147 > .floatck > .maxidrop-main {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    #maximenuck116 > ul.maximenuck > li.item147 > .floatck > .maxidrop-main > .maximenuck2::after {
        display: none;
    }
}

@media (max-width: 767px) {
    #maximenuck116 > ul.maximenuck > li.item147 > .floatck {
        position: absolute !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
        padding: 20px !important;
    }

    #maximenuck116 > ul.maximenuck > li.item147 > .floatck > .maxidrop-main {
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    #maximenuck116 > ul.maximenuck > li.level1:not(.item147) > .floatck {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }

    #maximenuck116 > ul.maximenuck > li.level1 > a,
    #maximenuck116 > ul.maximenuck > li.level1 > span.separator,
    #maximenuck116 > ul.maximenuck > li.level1 > span.nav-header {
        min-height: 54px;
        padding: 11px 4px;
        font-size: 1rem;
        font-weight: 300;
    }
}