.desktop-menu
.primary-menu
> .bbox-mega-item{
    position:static;

    --bbox-mega-cols:3;
}

.desktop-menu
.primary-menu
> .bbox-mega-cols-2{
    --bbox-mega-cols:2;
}

.desktop-menu
.primary-menu
> .bbox-mega-cols-4{
    --bbox-mega-cols:4;
}

.desktop-menu
.primary-menu
> .bbox-mega-cols-5{
    --bbox-mega-cols:5;
}

.desktop-menu
.bbox-mega-item
> .sub-menu{
    display:none;

    position:absolute;

    inset-block-start:
        calc(100% + 10px);

    left:50%;
    right:auto;

    transform:
        translateX(-50%)
        translateY(5px);

    width:
        min(
            calc(100vw - 48px),
            var(--bbox-container,1360px)
        );

    max-width:
        var(--bbox-container,1360px);

    min-width:760px;

    max-height:
        min(68vh,620px);

    overflow-y:auto;

    overscroll-behavior:contain;

    grid-template-columns:
        repeat(
            var(--bbox-mega-cols),
            minmax(0,1fr)
        );

    align-items:start;

    gap:12px;

    margin:0;

    padding:18px;

    list-style:none;

    background:
        radial-gradient(
            circle at 50% -30%,
            rgba(225,181,62,.11),
            transparent 42%
        ),
        linear-gradient(
            150deg,
            rgba(255,255,255,.995),
            rgba(250,247,239,.995)
        );

    border:
        1px solid
        rgba(207,158,34,.44);

    border-radius:22px;

    box-shadow:
        0 34px 90px rgba(15,18,23,.17),
        0 7px 22px rgba(160,111,8,.055),
        inset 0 1px 0 rgba(255,255,255,.98);

    z-index:
        var(--bbox-layer-menu);

    opacity:0;

    transition:
        opacity .16s ease,
        transform .16s ease;
}

.desktop-menu
.bbox-mega-item
> .sub-menu:before{
    display:none;
}

.desktop-menu
.bbox-mega-item:not(.bbox-menu-enhanced):hover
> .sub-menu,

.desktop-menu
.bbox-mega-item:not(.bbox-menu-enhanced):focus-within
> .sub-menu,

.desktop-menu
.bbox-mega-item.bbox-menu-open
> .sub-menu{
    display:grid;

    opacity:1;

    transform:
        translateX(-50%)
        translateY(0);
}

.desktop-menu
.bbox-mega-item
> .sub-menu
> li{
    position:relative;

    min-width:0;
    min-height:100%;

    display:block;

    padding:13px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(249,245,234,.92)
        );

    border:
        1px solid
        rgba(228,211,169,.82);

    border-radius:16px;

    box-shadow:
        0 8px 24px
        rgba(40,32,14,.035);
}

.desktop-menu
.bbox-mega-item
> .sub-menu
> li
> a{
    position:relative;

    display:block;

    margin:
        0
        0
        7px;

    padding:
        7px
        10px
        10px;

    color:#171b22;

    background:transparent;

    border:0;
    border-radius:10px;

    font-size:13.5px;
    font-weight:900;
    line-height:1.75;

    text-decoration:none;
}

.desktop-menu
.bbox-mega-item
> .sub-menu
> li
> a:after{
    content:"";

    position:absolute;

    inset-inline-start:10px;
    inset-block-end:2px;

    width:34px;
    height:2px;

    border-radius:99px;

    background:
        linear-gradient(
            90deg,
            #d9a829,
            #f1cf72
        );
}

.desktop-menu
.bbox-mega-item
> .sub-menu
> li:hover
> a{
    color:#8b6205;
}

.desktop-menu
.bbox-mega-item
> .sub-menu
.sub-menu{
    position:static;

    display:block !important;

    width:auto;

    min-width:0;
    max-width:none;

    margin:0;
    padding:0;

    background:transparent;

    border:0;
    border-radius:0;

    box-shadow:none;
}

.desktop-menu
.bbox-mega-item
> .sub-menu
.sub-menu:before{
    display:none;
}

.desktop-menu
.bbox-mega-item
> .sub-menu
.sub-menu
> li{
    margin:1px 0;
}

.desktop-menu
.bbox-mega-item
> .sub-menu
.sub-menu
a{
    position:relative;

    display:block;

    padding:
        7px
        10px;

    border-radius:9px;

    color:#555b66;

    font-size:12px;
    font-weight:600;
    line-height:1.75;

    text-decoration:none;

    transition:
        color .16s ease,
        background .16s ease,
        padding .16s ease;
}

.desktop-menu
.bbox-mega-item
> .sub-menu
.sub-menu
a:before{
    content:"";

    position:absolute;

    inset-inline-start:1px;
    inset-block-start:50%;

    width:4px;
    height:4px;

    margin-top:-2px;

    border-radius:50%;

    background:#d4a126;

    opacity:.55;
}

.desktop-menu
.bbox-mega-item
> .sub-menu
.sub-menu
li:hover
> a,

.desktop-menu
.bbox-mega-item
> .sub-menu
.sub-menu
li:focus-within
> a{
    padding-inline-start:14px;

    color:#805b08;

    background:
        linear-gradient(
            90deg,
            rgba(219,176,59,.10),
            transparent
        );
}

.desktop-menu
.bbox-mega-item
> .sub-menu
> li
> .bbox-menu-toggle{
    display:none;
}

.bbox-menu-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:20px;

    margin-inline:5px;

    padding:
        2px
        7px;

    border:
        1px solid
        rgba(209,160,37,.25);

    border-radius:999px;

    background:
        linear-gradient(
            145deg,
            #fff5cf,
            #f2d274
        );

    color:#765304;

    font-size:9px;
    font-weight:900;
    line-height:1.4;
}

.bbox-menu-toggle{
    border:0;

    background:transparent;

    color:#9a6e0a;

    cursor:pointer;
}

.bbox-mega-banner{
    grid-column:
        1 / -1;

    overflow:hidden;

    margin-top:2px !important;
    padding:0 !important;

    background:#11161d !important;

    border:
        1px solid
        rgba(209,159,36,.42) !important;

    border-radius:15px !important;
}

.bbox-mega-banner a{
    display:block !important;

    margin:0 !important;
    padding:0 !important;
}

.bbox-mega-banner img{
    display:block;

    width:100%;
    height:auto;

    max-height:170px;

    object-fit:cover;
}

.primary-menu
.bbox-menu-open
> .sub-menu{
    display:block;
}

.desktop-menu
.bbox-mega-item.bbox-menu-open
> .sub-menu{
    display:grid;
}

.bbox-menu-trigger-click
.primary-menu
> li.bbox-menu-enhanced:not(.bbox-menu-open)
> .sub-menu{
    display:none;
}

.bbox-mega-style-card
> .sub-menu
> li{
    background:
        linear-gradient(
            145deg,
            #fff,
            #faf5e8
        );
}

.bbox-mega-style-compact
> .sub-menu
> li{
    padding:9px;
}

.bbox-mega-style-compact
> .sub-menu
> li
> a{
    font-size:12px;
}

.desktop-menu
.bbox-mega-item
> .sub-menu{
    scrollbar-width:thin;

    scrollbar-color:
        #d6aa3f
        #f5f0e5;
}

.desktop-menu
.bbox-mega-item
> .sub-menu::-webkit-scrollbar{
    width:7px;
}

.desktop-menu
.bbox-mega-item
> .sub-menu::-webkit-scrollbar-track{
    background:#f5f0e5;
}

.desktop-menu
.bbox-mega-item
> .sub-menu::-webkit-scrollbar-thumb{
    background:
        linear-gradient(
            #e3ba4a,
            #bd8611
        );

    border-radius:99px;
}