/* ==================================================
   NEXORA GLOBAL DESKTOP STYLES
   Applies only to screens 1024px and above
================================================== */

@media screen and (min-width:1024px){

/* ==========================================
   GLOBAL
========================================== */

body{

    background:#f7f8fb;

}

img{

    max-width:100%;
    height:auto;

}

section,
header,
footer{

    width:100%;

}

/* ==========================================
   PAGE CONTAINERS
========================================== */

.premium-section,
.category-section,
.listing-row,
.spin-section,
.nxm-content,
.bluebridge-box,
.support-box,
.legal-page{

    max-width:1400px;
    margin-left:auto;
    margin-right:auto;

}

/* ==========================================
   PREMIUM HERO
========================================== */

.hero-premium-card{

    height:440px;

}

.hero-premium-overlay h2{

    font-size:34px;

}

.hero-premium-price{

    font-size:28px;

}

/* ==========================================
   CATEGORY CHIPS
========================================== */

.category-chip{

    font-size:16px;
    padding:14px 26px;

}

/* ==========================================
   PRODUCT GRID
========================================== */

.listing-row{

    display:grid;

    grid-template-columns:
    repeat(auto-fill,minmax(260px,1fr));

    gap:22px;

}

/* ==========================================
   HEADER
========================================== */

.nx-sticky-header{

    height:76px;

}

.sticky-logo{

    height:52px;

}

.sticky-icon{

    width:52px;
    height:52px;
    font-size:22px;

}

/* ==========================================
   MENU
========================================== */

#nxmSideMenu{

    max-width:420px;

}

/* ==========================================
   BUTTONS
========================================== */

button,
.hero-btn,
.spin-now-btn{

    min-height:52px;

    font-size:17px;

}

/* ==========================================
   MODALS
========================================== */

.support-box,
.bluebridge-box{

    max-width:700px;

}

/* ==========================================
   LEGAL PAGES
========================================== */

.legal-page{

    max-width:900px;

}

/* ==========================================
   FORMS
========================================== */

form{

    max-width:900px;
    margin:auto;

}

input,
select,
textarea{

    font-size:17px;

}

/* ==========================================
   FOOTER
========================================== */

footer{

    padding:60px 40px;

}

}