/* One shared canvas and social rail for every public page. */
body.wok-3d-shell:not(.route-landing):not(.route-home) {
    background:
        linear-gradient(180deg, rgba(5,5,4,.4), rgba(6,5,4,.68) 52%, rgba(7,6,5,.9)),
        linear-gradient(90deg, rgba(4,4,3,.38), transparent 24%, transparent 76%, rgba(4,4,3,.38)),
        url("/images/home/moradon-hero.png") center top / cover fixed no-repeat !important;
}

body.wok-3d-shell .social-media-bar {
    position:fixed !important;
    top:50% !important;
    left:0 !important;
    z-index:990 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:9px !important;
    width:58px !important;
    margin:0 !important;
    padding:13px 8px !important;
    box-sizing:border-box !important;
    transform:translateY(-50%) !important;
    background:linear-gradient(180deg,#12110e,#070706) !important;
    border:1px solid rgba(205,168,96,.26) !important;
    border-left:0 !important;
    border-radius:0 10px 10px 0 !important;
    box-shadow:8px 0 28px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,244,213,.025) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    filter:none !important;
}

body.wok-3d-shell .social-media-bar a,
body.wok-3d-shell .social-media-bar .fb-icon,
body.wok-3d-shell .social-media-bar .ig-icon,
body.wok-3d-shell .social-media-bar .yt-icon,
body.wok-3d-shell .social-media-bar .dc-icon {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 40px !important;
    width:40px !important;
    height:40px !important;
    margin:0 !important;
    padding:0 !important;
    color:#e6d5aa !important;
    font-size:15px !important;
    text-decoration:none !important;
    background:linear-gradient(145deg,#292217,#0b0a08) !important;
    border:1px solid rgba(215,185,111,.32) !important;
    border-radius:50% !important;
    box-shadow:0 7px 15px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,239,194,.04) !important;
    transform:none !important;
    transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease !important;
}

body.wok-3d-shell .social-media-bar a:hover {
    color:#fff1c5 !important;
    background:linear-gradient(145deg,#60451e,#1c1207) !important;
    border-color:rgba(231,198,117,.68) !important;
    transform:translateX(3px) !important;
}

@media (min-width:993px) {
    body.wok-3d-shell:not(.route-landing):not(.route-home) .cont-items {
        padding-left:clamp(74px,6vw,96px) !important;
    }
}

@media (max-width:992px) {
    body.wok-3d-shell .social-media-bar { display:none !important; }
}

@media (prefers-reduced-motion:reduce) {
    body.wok-3d-shell .social-media-bar a { transition:none !important; }
}