/* HostingClown Final Mobile Layer - loaded after old CSS */
@media(max-width:760px){

    html, body{
        overflow-x:hidden !important;
        max-width:100% !important;
    }

    body{
        padding-bottom:76px !important;
    }

    .hc-header{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        background:#050505 !important;
        padding:18px 22px !important;
        min-height:78px !important;
        position:relative !important;
        z-index:9999 !important;
    }

    .hc-header .logo{
        display:block !important;
        color:#fff !important;
        font-size:28px !important;
        line-height:1 !important;
        max-width:245px !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-decoration:none !important;
    }

    .hc-header .logo span{
        color:#d4af37 !important;
    }

    .hamburger-btn{
        display:flex !important;
        width:48px !important;
        height:44px !important;
        align-items:center !important;
        justify-content:center !important;
        flex-direction:column !important;
        gap:6px !important;
        border:1px solid rgba(212,175,55,.55) !important;
        border-radius:14px !important;
        background:#050505 !important;
        cursor:pointer !important;
    }

    .hamburger-btn span{
        display:block !important;
        width:24px !important;
        height:3px !important;
        background:#d4af37 !important;
        border-radius:10px !important;
    }

    .hc-header .hc-main-nav{
        display:none !important;
    }

    body.hc-menu-open .hc-header .hc-main-nav{
        display:grid !important;
        position:absolute !important;
        top:86px !important;
        left:18px !important;
        right:18px !important;
        background:#050505 !important;
        border:1px solid rgba(212,175,55,.45) !important;
        border-radius:24px !important;
        padding:24px 20px !important;
        grid-template-columns:1fr 1fr !important;
        gap:18px !important;
        text-align:center !important;
        z-index:99999 !important;
    }

    .hc-header .hc-main-nav a,
    .hc-header .hc-main-nav button{
        color:#fff !important;
        font-weight:900 !important;
        font-size:18px !important;
        text-decoration:none !important;
        background:transparent !important;
    }

    .hc-mobile-bottom-nav{
        display:flex !important;
        position:fixed !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        width:100% !important;
        min-height:68px !important;
        background:#050505 !important;
        border-top:1px solid rgba(212,175,55,.45) !important;
        justify-content:space-around !important;
        align-items:center !important;
        padding:8px 6px calc(8px + env(safe-area-inset-bottom)) !important;
        z-index:2147483647 !important;
        box-shadow:0 -12px 28px rgba(0,0,0,.45) !important;
    }

    .hc-mobile-bottom-nav a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        color:#d4af37 !important;
        font-size:13px !important;
        font-weight:1000 !important;
        line-height:1 !important;
        text-decoration:none !important;
        padding:8px 4px !important;
    }

    .hc-site-footer,
    .site-footer,
    .hc-info-site-footer{
        padding-bottom:86px !important;
        margin-bottom:0 !important;
    }

    .hc-site-footer-bottom,
    .footer-bottom{
        margin-bottom:0 !important;
        padding-bottom:0 !important;
    }

    .hc-global-cart{
        bottom:90px !important;
        z-index:2147483646 !important;
    }

    .hc-cart-hero{
        padding-top:64px !important;
        padding-bottom:58px !important;
        margin-top:0 !important;
    }

    .hc-page-wrap{
        margin-top:32px !important;
    }
}

/* Mobile quick service menu pages */
@media(max-width:760px){
    .hc-info-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:18px !important;
    }
    .hc-info-grid > div{
        border:1px solid rgba(212,175,55,.35) !important;
        border-radius:22px !important;
        padding:22px !important;
        background:#fffdf8 !important;
    }
    .hc-info-grid h3{
        color:#d4af37 !important;
        font-size:24px !important;
        margin-bottom:10px !important;
    }
}

/* FINAL: mobile bottom nav tap submenus */
@media(max-width:760px){
    .hc-mobile-bottom-shell{
        display:block !important;
        position:fixed !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        width:100% !important;
        z-index:2147483647 !important;
        pointer-events:none !important;
    }

    .hc-mobile-bottom-shell .hc-mobile-bottom-nav{
        pointer-events:auto !important;
        position:relative !important;
        display:flex !important;
        width:100% !important;
        min-height:68px !important;
        background:#050505 !important;
        border-top:1px solid rgba(212,175,55,.45) !important;
        justify-content:space-around !important;
        align-items:center !important;
        padding:8px 6px calc(8px + env(safe-area-inset-bottom)) !important;
        box-shadow:0 -12px 28px rgba(0,0,0,.45) !important;
    }

    .hc-mobile-bottom-shell .hc-mobile-bottom-nav a,
    .hc-mobile-bottom-shell .hc-mobile-bottom-btn{
        border:0 !important;
        background:transparent !important;
        color:#d4af37 !important;
        font-size:13px !important;
        font-weight:1000 !important;
        line-height:1 !important;
        text-decoration:none !important;
        padding:8px 4px !important;
        font-family:inherit !important;
        cursor:pointer !important;
    }

    .hc-mobile-submenu{
        pointer-events:auto !important;
        position:absolute !important;
        left:14px !important;
        right:14px !important;
        bottom:78px !important;
        background:#050505 !important;
        border:1px solid rgba(212,175,55,.55) !important;
        border-radius:22px !important;
        padding:14px !important;
        box-shadow:0 -16px 36px rgba(0,0,0,.55) !important;
        display:grid !important;
        gap:10px !important;
        z-index:2147483647 !important;
    }

    .hc-mobile-submenu[hidden]{
        display:none !important;
    }

    .hc-mobile-submenu a{
        display:block !important;
        color:#fff !important;
        text-decoration:none !important;
        font-size:18px !important;
        font-weight:900 !important;
        padding:14px 16px !important;
        border-radius:14px !important;
        background:rgba(212,175,55,.10) !important;
        border:1px solid rgba(212,175,55,.25) !important;
    }
}