/* PDR 3D Menü */
.pdr-3d-menu-wrap{
    position:relative;
    z-index:10040;
    isolation:isolate;
    width:100%;
    box-sizing:border-box;
    padding:8px 12px;
    background:linear-gradient(180deg, rgba(0,0,0,.94), rgba(14,14,14,.88));
    border-bottom:1px solid rgba(255,255,255,.06);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}
.pdr-3d-menu-auto-top{box-shadow:0 6px 20px rgba(0,0,0,.24)}
.pdr-3d-menu-inner{width:100%;margin:0 auto}
.pdr-3d-menu-nav{width:100%}
.pdr-3d-menu-nav{position:relative}
.pdr-3d-mobile-submenu-layer{display:none}
.pdr-3d-mobile-submenu-layer.is-open{display:block}
.pdr-3d-menu-slider{display:block;position:relative;width:100%}
.pdr-3d-menu-scroller{width:100%;overflow:visible}
.pdr-3d-menu-list{
    list-style:none;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin:0;
    padding:0;
}
.pdr-3d-menu-item{position:relative;margin:0;padding:0;flex:0 0 auto;z-index:1}
.pdr-3d-menu-item.is-open{z-index:10055}
.pdr-3d-menu-link{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:38px;
    padding:8px 18px;
    color:#fff !important;
    font-size:14px;
    font-weight:700;
    line-height:1;
    letter-spacing:.2px;
    text-decoration:none !important;
    text-transform:none;
    white-space:nowrap;
    transition:transform .20s ease, box-shadow .20s ease, background .20s ease, border-color .20s ease, filter .20s ease;
    will-change:transform;
}
button.pdr-3d-menu-link{cursor:pointer}
.pdr-3d-menu-link:hover,
.pdr-3d-menu-link:focus{color:#fff !important;transform:translateY(-1px);text-decoration:none !important}
.pdr-3d-menu-link:active{transform:translateY(0)}
.pdr-3d-menu-caret{font-size:12px;transition:transform .18s ease}
.pdr-3d-menu-item.is-open .pdr-3d-menu-caret{transform:rotate(180deg)}
.pdr-3d-menu-arrow{
    all:unset;
    box-sizing:border-box;
    display:none;
    position:relative;
    align-items:center;
    justify-content:center;
    width:36px;min-width:36px;height:36px;
    margin:0;
    cursor:pointer;
    color:#fff;
    border-radius:999px;
    background:none !important;
    background-image:none !important;
    box-shadow:none !important;
    user-select:none;
    -webkit-user-select:none;
    outline:none;
    flex:0 0 36px;
    transition:transform .18s ease, opacity .18s ease, filter .18s ease;
}
.pdr-3d-menu-arrow::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:999px;
    border:1.5px solid rgba(255,110,20,.78);
    background:transparent !important;
    box-shadow:0 0 0 1px rgba(255,115,0,.08), 0 0 16px rgba(255,90,0,.18);
}
.pdr-3d-menu-arrow span{
    position:relative;
    z-index:1;
    font-size:22px;
    font-weight:700;
    line-height:1;
    margin-top:-2px;
}
.pdr-3d-menu-arrow:hover,.pdr-3d-menu-arrow:focus{
    transform:translateY(-1px);
    background:transparent !important;
    box-shadow:none !important;
    outline:none;
}
.pdr-3d-menu-arrow:hover::before,.pdr-3d-menu-arrow:focus::before{
    border-color:rgba(255,145,60,.98);
    box-shadow:0 0 0 2px rgba(255,110,20,.14), 0 0 18px rgba(255,100,0,.28);
}
.pdr-3d-menu-arrow[disabled]{opacity:.26;cursor:default;transform:none;box-shadow:none !important}
.pdr-3d-menu-arrow[disabled]::before{border-color:rgba(255,110,20,.34);box-shadow:none}

.pdr-3d-submenu-wrap{
    position:absolute;
    top:calc(100% + 10px);
    left:50%;
    transform:translateX(-50%) translateY(8px);
    min-width:240px;
    max-width:min(90vw, 340px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    z-index:10060;
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.pdr-3d-menu-item.is-open > .pdr-3d-submenu-wrap{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(-50%) translateY(0);
}
.pdr-3d-submenu-list{
    list-style:none;
    margin:0;
    padding:10px;
    border-radius:16px;
    background:linear-gradient(180deg, rgba(24,24,24,.98), rgba(5,5,5,.98));
    border:1px solid rgba(255,100,0,.28);
    box-shadow:0 18px 42px rgba(0,0,0,.46), 0 0 22px rgba(255,90,0,.18);
}
.pdr-3d-submenu-item + .pdr-3d-submenu-item{margin-top:8px}
.pdr-3d-submenu-link{
    display:flex;
    align-items:center;
    width:100%;
    min-height:40px;
    padding:10px 14px;
    text-decoration:none !important;
    color:#fff !important;
    font-size:13px;
    font-weight:700;
    line-height:1.2;
    border-radius:12px;
    background:linear-gradient(180deg, #202020 0%, #101010 100%);
    border:1px solid rgba(255,96,0,.22);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 4px 12px rgba(0,0,0,.22);
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.pdr-3d-submenu-link:hover,
.pdr-3d-submenu-link:focus{
    transform:translateY(-1px);
    background:linear-gradient(180deg, #ff6800 0%, #b73b00 100%);
    border-color:rgba(255,255,255,.10);
    box-shadow:0 0 16px rgba(255,104,0,.28), 0 10px 20px rgba(0,0,0,.22);
}

/* Design 1 */
.pdr-3d-menu-wrap.design-1 .pdr-3d-menu-link{background:linear-gradient(180deg,#2b2b2b 0%,#121212 100%);border:1px solid rgba(255,102,0,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 2px 10px rgba(0,0,0,.35)}
.pdr-3d-menu-wrap.design-1 .pdr-3d-menu-link{border-radius:8px}
.pdr-3d-menu-wrap.design-1 .pdr-3d-menu-link:hover{background:linear-gradient(180deg,#ff6a00 0%,#d94d00 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 4px 14px rgba(255,106,0,.28)}

/* Design 2 */
.pdr-3d-menu-wrap.design-2 .pdr-3d-menu-link{background:linear-gradient(180deg,rgba(255,115,0,.20), rgba(0,0,0,.34));border:1px solid rgba(255,115,0,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 0 14px rgba(255,102,0,.14)}
.pdr-3d-menu-wrap.design-2 .pdr-3d-menu-link{border-radius:999px}
.pdr-3d-menu-wrap.design-2 .pdr-3d-menu-link:hover{background:linear-gradient(180deg,rgba(255,115,0,.56), rgba(80,25,0,.84));box-shadow:0 0 18px rgba(255,102,0,.38), 0 4px 14px rgba(0,0,0,.28)}

/* Design 3 */
.pdr-3d-menu-wrap.design-3 .pdr-3d-menu-link{background:linear-gradient(180deg,#0d0d0d 0%,#000 100%);border:1px solid rgba(255,255,255,.08);border-bottom:2px solid #ff5a00;box-shadow:0 3px 10px rgba(0,0,0,.30)}
.pdr-3d-menu-wrap.design-3 .pdr-3d-menu-link{border-radius:6px}
.pdr-3d-menu-wrap.design-3 .pdr-3d-menu-link:hover{border-color:rgba(255,90,0,.55);background:linear-gradient(180deg,#1d1d1d 0%,#0c0c0c 100%);box-shadow:0 5px 16px rgba(255,90,0,.20)}

/* Design 4 */
.pdr-3d-menu-wrap.design-4 .pdr-3d-menu-link{background:linear-gradient(180deg,#ff6a00 0%,#c84000 100%);border:1px solid rgba(255,255,255,.10);box-shadow:0 0 0 1px rgba(255,255,255,.04), 0 6px 18px rgba(255,90,0,.28)}
.pdr-3d-menu-wrap.design-4 .pdr-3d-menu-link{border-radius:10px}
.pdr-3d-menu-wrap.design-4 .pdr-3d-menu-link:hover{filter:brightness(1.06);box-shadow:0 0 22px rgba(255,90,0,.38), 0 8px 20px rgba(0,0,0,.26)}

/* Design 5 */
.pdr-3d-menu-wrap.design-5 .pdr-3d-menu-link{background:linear-gradient(180deg,#1a1a1a 0%,#0f0f0f 100%);border:1px solid rgba(255,92,0,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 2px 8px rgba(0,0,0,.24)}
.pdr-3d-menu-wrap.design-5 .pdr-3d-menu-link{min-height:34px;padding:7px 16px;border-radius:5px}
.pdr-3d-menu-wrap.design-5 .pdr-3d-menu-link:hover{background:linear-gradient(180deg,#252525 0%,#111 100%);border-color:rgba(255,92,0,.66);box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 4px 12px rgba(255,92,0,.18)}

/* Design 6 */
.pdr-3d-menu-wrap.design-6 .pdr-3d-menu-link{background:linear-gradient(180deg,#2b1000 0%,#120700 100%);border:1px solid rgba(255,120,30,.50);box-shadow:inset 0 1px 0 rgba(255,255,255,.07), inset 0 -1px 0 rgba(0,0,0,.25), 0 5px 16px rgba(0,0,0,.30)}
.pdr-3d-menu-wrap.design-6 .pdr-3d-menu-link{border-radius:12px}
.pdr-3d-menu-wrap.design-6 .pdr-3d-menu-link:hover{background:linear-gradient(180deg,#ff6a00 0%,#8d3000 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 0 18px rgba(255,105,0,.30), 0 8px 18px rgba(0,0,0,.30)}


/* Submenu design match */
.pdr-3d-menu-wrap.design-1 .pdr-3d-submenu-link{background:linear-gradient(180deg,#2b2b2b 0%,#121212 100%);border:1px solid rgba(255,102,0,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 2px 10px rgba(0,0,0,.35)}
.pdr-3d-menu-wrap.design-1 .pdr-3d-submenu-link:hover,.pdr-3d-menu-wrap.design-1 .pdr-3d-submenu-link:focus{background:linear-gradient(180deg,#ff6a00 0%,#d94d00 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 4px 14px rgba(255,106,0,.28)}

.pdr-3d-menu-wrap.design-2 .pdr-3d-submenu-link{background:linear-gradient(180deg,rgba(255,115,0,.20), rgba(0,0,0,.34));border:1px solid rgba(255,115,0,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 0 14px rgba(255,102,0,.14)}
.pdr-3d-menu-wrap.design-2 .pdr-3d-submenu-link:hover,.pdr-3d-menu-wrap.design-2 .pdr-3d-submenu-link:focus{background:linear-gradient(180deg,rgba(255,115,0,.56), rgba(80,25,0,.84));box-shadow:0 0 18px rgba(255,102,0,.38), 0 4px 14px rgba(0,0,0,.28)}

.pdr-3d-menu-wrap.design-3 .pdr-3d-submenu-link{background:linear-gradient(180deg,#0d0d0d 0%,#000 100%);border:1px solid rgba(255,255,255,.08);border-bottom:2px solid #ff5a00;box-shadow:0 3px 10px rgba(0,0,0,.30)}
.pdr-3d-menu-wrap.design-3 .pdr-3d-submenu-link:hover,.pdr-3d-menu-wrap.design-3 .pdr-3d-submenu-link:focus{border-color:rgba(255,90,0,.55);background:linear-gradient(180deg,#1d1d1d 0%,#0c0c0c 100%);box-shadow:0 5px 16px rgba(255,90,0,.20)}

.pdr-3d-menu-wrap.design-4 .pdr-3d-submenu-link{background:linear-gradient(180deg,#ff6a00 0%,#c84000 100%);border:1px solid rgba(255,255,255,.10);box-shadow:0 0 0 1px rgba(255,255,255,.04), 0 6px 18px rgba(255,90,0,.28)}
.pdr-3d-menu-wrap.design-4 .pdr-3d-submenu-link:hover,.pdr-3d-menu-wrap.design-4 .pdr-3d-submenu-link:focus{filter:brightness(1.06);box-shadow:0 0 22px rgba(255,90,0,.38), 0 8px 20px rgba(0,0,0,.26)}

.pdr-3d-menu-wrap.design-5 .pdr-3d-submenu-link{background:linear-gradient(180deg,#1a1a1a 0%,#0f0f0f 100%);border:1px solid rgba(255,92,0,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 2px 8px rgba(0,0,0,.24)}
.pdr-3d-menu-wrap.design-5 .pdr-3d-submenu-link:hover,.pdr-3d-menu-wrap.design-5 .pdr-3d-submenu-link:focus{background:linear-gradient(180deg,#252525 0%,#111 100%);border-color:rgba(255,92,0,.66);box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 4px 12px rgba(255,92,0,.18)}

.pdr-3d-menu-wrap.design-6 .pdr-3d-submenu-link{background:linear-gradient(180deg,#2b1000 0%,#120700 100%);border:1px solid rgba(255,120,30,.50);box-shadow:inset 0 1px 0 rgba(255,255,255,.07), inset 0 -1px 0 rgba(0,0,0,.25), 0 5px 16px rgba(0,0,0,.30)}
.pdr-3d-menu-wrap.design-6 .pdr-3d-submenu-link:hover,.pdr-3d-menu-wrap.design-6 .pdr-3d-submenu-link:focus{background:linear-gradient(180deg,#ff6a00 0%,#8d3000 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 0 18px rgba(255,105,0,.30), 0 8px 18px rgba(0,0,0,.30)}

@media (min-width: 768px){
    .pdr-3d-menu-item-has-children:hover > .pdr-3d-submenu-wrap{opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(8px)}
    .pdr-3d-menu-item-has-children.is-open:hover > .pdr-3d-submenu-wrap{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
}


/* Mobil slider */
@media (max-width: 767px){
    .pdr-3d-menu-wrap{padding:8px 8px}
    .pdr-3d-menu-slider{
        display:grid;
        grid-template-columns:36px minmax(0,1fr) 36px;
        align-items:center;
        column-gap:8px;
        min-height:36px;
        padding:0;
    }
    .pdr-3d-menu-arrow{
        display:flex;
        position:relative;
        top:auto;
        left:auto;
        right:auto;
        transform:none !important;
        z-index:3;
    }
    .pdr-3d-menu-scroller{
        min-width:0;
        overflow-x:auto;
        overflow-y:hidden;
        scroll-behavior:smooth;
        scrollbar-width:none;
        -ms-overflow-style:none;
        -webkit-overflow-scrolling:touch;
        touch-action:pan-x;
        cursor:grab;
        scroll-snap-type:x mandatory;
    }
    .pdr-3d-menu-scroller:active{cursor:grabbing}
    .pdr-3d-menu-scroller::-webkit-scrollbar{display:none}
    .pdr-3d-menu-list{
        display:grid;
        grid-auto-flow:column;
        grid-auto-columns:var(--pdr-mobile-item-width, calc((100% - 16px) / 3));
        justify-content:unset;
        align-items:center;
        gap:8px;
        min-width:100%;
        padding:0;
        margin:0;
    }
    .pdr-3d-menu-item{
        scroll-snap-align:start;
        min-width:0;
    }
    .pdr-3d-menu-link{
        display:flex;
        width:100%;
        font-size:13px;
        min-height:36px;
        padding:8px 12px;
        overflow:hidden;
        text-overflow:clip;
    }
    .pdr-3d-menu-text{
        display:block;
        overflow:hidden;
        text-overflow:clip;
    }
    .pdr-3d-menu-wrap:not(.pdr-has-overflow) .pdr-3d-menu-arrow{display:none}
    .pdr-3d-submenu-wrap{display:none !important}
    .pdr-3d-mobile-submenu-layer{
        position:absolute;
        z-index:10070;
        padding-top:8px;
    }
    .pdr-3d-mobile-submenu-layer .pdr-3d-submenu-list{
        margin:0;
        padding:10px;
        border-radius:16px;
        background:linear-gradient(180deg, rgba(24,24,24,.98), rgba(5,5,5,.98));
        border:1px solid rgba(255,100,0,.28);
        box-shadow:0 18px 42px rgba(0,0,0,.46), 0 0 22px rgba(255,90,0,.18);
    }
    .pdr-3d-mobile-submenu-layer .pdr-3d-submenu-item + .pdr-3d-submenu-item{margin-top:8px}
    .pdr-3d-mobile-submenu-layer .pdr-3d-submenu-link{
        display:flex;
        align-items:center;
        width:100%;
        min-height:40px;
        padding:10px 14px;
        text-decoration:none !important;
        color:#fff !important;
        font-size:13px;
        font-weight:700;
        line-height:1.2;
        border-radius:12px;
    }
    .pdr-3d-menu-wrap.pdr-hide-on-mobile{display:none !important}
}