@media only screen and (max-width: 1000px)
{
    /* Structure */
        html { font-size: 16px; }

        .dsk { display: none !important; }
        .mob { display: flex !important; }
        
        .m-wbk { min-width: 100% !important; width: 100% !important; }
        .m-wrp { flex-wrap: wrap !important; }

        .mwc   { max-width: calc(100% - 2rem); column-gap: 1rem; }
        .mgap  { column-gap: 1rem; }

        .m-co-04 { width: calc((((100vw - 2rem) - 3rem) / 4) * 4  + (1rem * (4 - 1)));  }
        .m-co-03 { width: calc((((100vw - 2rem) - 3rem) / 4) * 3  + (1rem * (3 - 1)));  }
        .m-co-02 { width: calc((((100vw - 2rem) - 3rem) / 4) * 2  + (1rem * (2 - 1)));  }
        .m-co-01 { width: calc((((100vw - 2rem) - 3rem) / 4) * 1  + (1rem * (1 - 1)));  }

        .m-order-1 { order: 1; }
        .m-order-2 { order: 2; }
        .m-order-3 { order: 3; }
        .m-order-4 { order: 4; }

        /* Deprecated */
            .m-col-04 { width: 100.00%; }
            .m-col-03 { width: 075.00%; }
            .m-col-02 { width: 050.00%; }
            .m-col-01 { width: 25.00%;  }
        /**/
    /**/

    /* Typography */
        /* Deprecated */
            .tx1.rbt { font-size: 3.0rem; line-height: 090%; font-weight: 700; }
            .tx2.rbt { font-size: 2.0rem; line-height: normal; font-weight: 700; }
            .tx3.rbt { font-size: 1.5rem; line-height: 090%; font-weight: 700; }
            .tx4.rbt { font-size: 1.0rem; line-height: 090%; font-weight: 700; }
            .tx5.rbt { font-size: 0.7rem; line-height: 090%; font-weight: 700; }
        /**/

        .hero    { font-size: 3.63rem; line-height: 110%; font-weight: 700; }

        .tx1.jst { font-size: 2.75rem; line-height: 110%; font-weight: 700; }
        .tx2.jst { font-size: 2.00rem; line-height: 110%; font-weight: 700; }
        .tx3.jst { font-size: 1.50rem; line-height: 110%; font-weight: 700; }
        .tx4.jst { font-size: 1.13rem; line-height: 110%; font-weight: 700; }
        .tx5.jst { font-size: 1.00rem; line-height: 110%; font-weight: 700; }

        .m-fcent     { text-align: center; }
        .m-fleft     { text-align: left; }
        .m-fright    { text-align: right; }
        .m-fjustify  { text-align: justify; }

        .txbtn { font-family: Roboto; font-size: 0.875rem; line-height: 24px; font-weight: 400; }
        .txnav { font-family: Jost;   font-size: 0.875rem; line-height: 150%; font-weight: 700; }
        
        .tx-lrg { font-family: Roboto; font-size: 1.130rem; line-height: 150%; font-weight: 400; }
        .tx-reg { font-family: Roboto; font-size: 1.000rem; line-height: 150%; font-weight: 400; }
        .tx-sml { font-family: Roboto; font-size: 0.875rem; line-height: 175%; font-weight: 400; }
        .tx-tny { font-family: Roboto; font-size: 0.750rem; line-height: 200%; font-weight: 400; }

        /* Arkham */    
            .ds1_ark { font-family: Teutonic; font-size: 4.50rem; line-height: 110%; font-weight: 700; }

            .tx1_ark { font-family: Teutonic; font-size: 2.75rem; line-height: 110%; font-weight: 700; }
            .tx2_ark { font-family: Teutonic; font-size: 2.00rem; line-height: 110%; font-weight: 700; }
            .tx3_ark { font-family: Teutonic; font-size: 1.50rem; line-height: 110%; font-weight: 700; }
            .tx4_ark { font-family: Teutonic; font-size: 1.13rem; line-height: 110%; font-weight: 700; }
            .tx5_ark { font-family: Teutonic; font-size: 1.00rem; line-height: 110%; font-weight: 700; }
    
            .aux_ttl_ark { font-family: MyOldRemington; font-size: 2.25rem;  line-height: auto; font-weight: 400; }
            .aux_txt_ark { font-family: MyOldRemington; font-size: 1.125rem; line-height: 24px; font-weight: 400; }
        /**/

         /* Free Mini Pack */  
            .ds1_fmp { font-family: Cinzel; font-size: 3.25rem; line-height: 110%; font-weight: 700; }

            .tx1_fmp { font-family: Cinzel; font-size: 3rem; line-height: 110%; font-weight: 700; }
            .tx2_fmp { font-family: Cinzel; font-size: 2rem; line-height: 110%; font-weight: 700; }
            .tx3_fmp { font-family: Cinzel; font-size: 1.5rem; line-height: 110%; font-weight: 700; }
    
            .fmp-sml { font-family: Sarabun; font-size: 0.875rem; line-height: 175%; font-weight: 300; }
         /**/
    /**/

    /* bundleNavigation */
        .bundleNavGrid > div > div:last-child { display:none; }

        .bundleNavAll { padding-right: 1rem; padding-left: 1rem; width: 75px !important; text-align: center; }
        .bundleNavAll span { padding-bottom: 0.50rem; }

        .bundleNavigation img { display: none; }
        .bundleNavigation a   { justify-content: center !important; height: 8rem !important; }
        .bundleNavNext span { text-align: right; }
    /**/

    /* mainFoot */
        .footBar   { height: auto !important; padding: 1rem 0 !important; }
        .footTexts { order: 2; width: 100%; justify-content: center; }
        .footLogo  { width: var(--spc-7) !important; }
    /**/

    /* myLoots */
        .lootsFilter { height: 100dvh; position: fixed; top: 0; left: -100%; z-index: 100; padding: 1rem; transition: left 0.3s; overflow-y: scroll; }
        .lootsFilter.openDraw { left: 0%; transition: left 0.3s; }

        .lootsDisplay .listingItem { width: calc(50% - (1rem/2)) !important; }
        .lootsFilterCont .ctaMain.mob { bottom: 0; position: sticky; }

        body.openDraw { overflow: hidden; }
    /**/

    /* objectExplorer */
        .objectExplorer { gap: 1rem; min-height: unset !important; }
        .objectExplorerActual { height: auto !important; }
        .explorerViewer { height: 25rem; margin: var(--spc-4) 0; }
        .explorerGroups { height: auto; }

        .groupsRow { overflow-x: scroll; }
        .groupItem { width: fit-content; white-space: nowrap; }
        .groupItem .compCheckchip { flex-wrap: nowrap; }
        .groupItem .compCheckchip[active="true"] > .compCheckchipIcon { width: auto; }
        .groupsItem img { aspect-ratio: 1 / 1; }

        .downloadDraw { width: 100%; height: 100%; position: fixed; left: -100%; top: 0; z-index: 100; padding: 1rem; transition: left 0.3s; }
        .downloadDraw.openDraw { left: 0%; transition: left 0.3s; }
        .downloadDraw, .downloadDraw > div { gap: 1rem; margin: 0; }

        #downloadButtonWrap { position: absolute; bottom: 1rem; }
    /**/

    /* loreSection */
        .loreSection 
        { 
            background-size: 100% !important; 
            background-position-y: top !important; 
            background-color: #141414 !important; 
            position: relative; 
        }
        .loreSection::after 
        { 
            content: ""; width: 100%; aspect-ratio: 16 / 9;
            position: absolute; left: 0; top: 0; z-index: 1;
            box-shadow: 0px -50px 50px #141414 inset;
        }
        .loreSection > div { position: relative; z-index: 2; }
        .loreSection svg { width: 1.5rem; }
    /**/

    /* cartDrawer */
        .cartDrawer.active { right: 0%; }
        .cartDrawer { width: 100%; right: -100%; }
        
        .cartItem { padding-left: var(--spc-0); padding-right: var(--spc-0);  padding-top: var(--spc-2); padding-bottom: var(--spc-2);}
        .cartDrawer .cartItem .cartItemName span { width: 15rem; }

        .myCartSection .cartPromo > div { width: 100%; }
    /**/

    /* Components */
        /* compCommHighlightModal */
            .HighlightModalContent { padding: var(--spc-4) !important; gap: var(--spc-4) !important; }
        /**/
    /**/
}