/* ==========================================
   NEXORA MENU
   PART 1
========================================== */

/* Overlay */

#nxmOverlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    backdrop-filter:blur(6px);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:9998;
}

#nxmOverlay.show{
    opacity:1;
    visibility:visible;
}

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

#nxmSideMenu{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;

    margin:0;
    padding:0;

    background:#f8f4e8;

    overflow-y:auto;
    overflow-x:hidden;

    -webkit-overflow-scrolling:touch;

    transform:translateX(-100%);
    transition:.35s ease;

    z-index:9999;

    scrollbar-width:none;
}

#nxmSideMenu.open{
    transform:translateX(0);
}

#nxmSideMenu::-webkit-scrollbar{
    width:0;
}

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

.nxm-header{

    position:sticky;
    top:0;

    display:flex;
    justify-content:center;
    align-items:center;

    padding:14px 22px;

    background:#f8f4e8;

    border-bottom:1px solid rgba(0,0,0,.08);

    z-index:1000;
}

/* Close Button */

.nxm-close-btn{

    position:absolute;
    left:20px;

    width:48px;
    height:48px;

    border:none;
    border-radius:50%;

    background:rgba(0,0,0,.04);

    color:#17365d;

    font-size:22px;

    cursor:pointer;

    transition:.3s;
}

.nxm-close-btn:hover{

    background:#17365d;
    color:#fff;

}

/* Brand */

.nxm-brand{

    text-align:center;
}

.nxm-brand h1{

    margin:0;

    font-family:"Cormorant Garamond",serif;

    font-size:2rem;

    font-weight:600;

    letter-spacing:2px;

    color:#17365d;

}

.nxm-brand span{

    display:block;

    margin-top:4px;

    font-family:"Poppins",sans-serif;

    font-size:.7rem;

    letter-spacing:6px;

    text-transform:uppercase;

    color:#9b7641;

}

/* Divider */

.nxm-divider{

    width:90%;

    margin:auto;

    border:none;

    border-top:1px solid rgba(0,0,0,.08);

}

/* ==========================================
   CONTENT
========================================== */

.nxm-content{

    position:relative;

    padding:30px 0 70px;

    z-index:2;

}

/* Tagline */

.nxm-tagline{

    margin:0 40px 42px;

    text-transform:uppercase;

    letter-spacing:2px;

    font-family:"Poppins",sans-serif;

    font-size:11px;

    color:#9b7641;

}

/* Navigation */

.nxm-navigation{

    display:flex;

    flex-direction:column;

}
/* ==========================================
   NEXORA MENU
   PART 2
========================================== */

/* Editorial Sections */

.nxm-section{

    position:relative;

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    justify-content:center;

    width:100%;

    padding:0 42px;

    margin:0 0 45px;

}

/* Editorial Heading */

.nxm-link{

    position:relative;

    display:block;

    margin:0 0 12px;

    padding-left:40px;

    font-family:"Cormorant Garamond",serif;

    font-size:1rem;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:2px;

    line-height:1.2;

    color:#16335d;

    text-decoration:none;

    transition:.3s;

}

.nxm-link:hover{

    color:#b88b2a;

    padding-left:48px;

}

/* Description */

.nxm-text{

    margin-left:40px;

    max-width:330px;

    font-family:"Poppins",sans-serif;

    font-size:1rem;

    line-height:1.8;

    color:#676767;

}

/* Notification Counter */

.nxm-counter{

    display:inline-block;

    margin-left:8px;

    padding:2px 8px;

    border-radius:20px;

    background:#0B6DFF;

    color:#fff;

    font-size:.72rem;

    font-weight:600;

    vertical-align:middle;

}

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

.nxm-link::before{

    position:absolute;

    left:0;

    top:50%;

    transform:translateY(-50%);

    width:28px;

    text-align:right;

    color:#b88b2a;

    font-weight:700;

}

/* Numbers */

.nxm-section:nth-of-type(1) .nxm-link::before{content:"01";}
.nxm-section:nth-of-type(2) .nxm-link::before{content:"02";}
.nxm-section:nth-of-type(3) .nxm-link::before{content:"03";}
.nxm-section:nth-of-type(4) .nxm-link::before{content:"04";}
.nxm-section:nth-of-type(5) .nxm-link::before{content:"05";}
.nxm-section:nth-of-type(6) .nxm-link::before{content:"06";}
.nxm-section:nth-of-type(7) .nxm-link::before{content:"07";}
.nxm-section:nth-of-type(8) .nxm-link::before{content:"08";}
.nxm-section:nth-of-type(9) .nxm-link::before{content:"09";}
.nxm-section:nth-of-type(10) .nxm-link::before{content:"10";}
.nxm-section:nth-of-type(11) .nxm-link::before{content:"11";}
.nxm-section:nth-of-type(12) .nxm-link::before{content:"12";}
.nxm-section:nth-of-type(13) .nxm-link::before{content:"13";}
.nxm-section:nth-of-type(14) .nxm-link::before{content:"14";}

/* ==========================================
   Editorial Divider
========================================== */

.nxm-section::after{

    content:"";

    display:block;

    width:72%;

    height:1px;

    margin:32px auto 0;

    background:linear-gradient(
        to right,
        transparent,
        rgba(184,139,42,.22),
        rgba(184,139,42,.45),
        rgba(184,139,42,.22),
        transparent
    );

}

.nxm-section:last-of-type::after{

    display:none;

}
/* ==========================================
   NEXORA MENU
   PART 3
========================================== */

/* ==========================================
   INSTALL BUTTON
========================================== */

.nxm-install-btn{

    display:block;

    width:220px;

    margin:55px auto;

    padding:14px 0;

    border:2px solid #17365d;

    border-radius:12px;

    background:transparent;

    font-family:"Poppins",sans-serif;

    font-size:.82rem;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#17365d;

    cursor:pointer;

    transition:.35s ease;

}

.nxm-install-btn:hover{

    background:#17365d;

    color:#fff;

}

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

.nxm-footer{

    margin:50px 0 80px;

    padding-top:35px;

    border-top:1px solid rgba(0,0,0,.08);

    text-align:center;

}

.nxm-footer p{

    margin:0;

    font-family:"Poppins",sans-serif;

    font-size:.85rem;

    letter-spacing:4px;

    color:#9b7641;

    text-transform:uppercase;

}

.nxm-footer small{

    display:block;

    margin-top:12px;

    font-family:"Poppins",sans-serif;

    font-size:.72rem;

    color:#888;

}

/* ==========================================
   DECORATION WRAPPER
========================================== */

.nxm-decor-wrap{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:2600px;

    overflow:visible;

    pointer-events:none;

    z-index:0;

}

/* Decoration Images */

.nxm-decor{

    position:absolute;

    opacity:.10;

    pointer-events:none;

    user-select:none;

    z-index:0;

}

/* Top Right */

.nxm-decor-1{

    top:140px;

    right:10px;

    width:170px;

}

/* Upper Left */

.nxm-decor-2{

    top:520px;

    left:10px;

    width:140px;

}

/* Middle Right */

.nxm-decor-3{

    top:930px;

    right:20px;

    width:170px;

}

/* Lower Left */

.nxm-decor-4{

    top:1380px;

    left:15px;

    width:150px;

}

/* Lower Right */

.nxm-decor-5{

    top:1830px;

    right:15px;

    width:170px;

}

/* Bottom Centre */

.nxm-decor-6{

    top:2280px;

    left:50%;

    transform:translateX(-50%);

    width:200px;

    opacity:.08;

}
/* ==========================================
   NEXORA MENU
   PART 4
========================================== */

/* ==========================================
   SCROLLBAR
========================================== */

#nxmSideMenu{
    scrollbar-width:none;
    -ms-overflow-style:none;
}

#nxmSideMenu::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
}

/* ==========================================
   LINK TRANSITIONS
========================================== */

.nxm-link,
.nxm-close-btn,
.nxm-install-btn{
    transition:
        color .3s ease,
        background .3s ease,
        border-color .3s ease,
        transform .3s ease;
}

.nxm-link:hover{
    color:#b88b2a;
}

.nxm-install-btn:hover{
    transform:translateY(-2px);
}

.nxm-close-btn:hover{
    transform:rotate(90deg);
}

/* ==========================================
   IMAGE QUALITY
========================================== */

.nxm-decor{
    -webkit-user-drag:none;
    user-select:none;
    object-fit:contain;
    will-change:transform;
}

/* ==========================================
   FOCUS STATES
========================================== */

.nxm-link:focus,
.nxm-close-btn:focus,
.nxm-install-btn:focus{

    outline:none;

    box-shadow:
        0 0 0 3px rgba(184,139,42,.18);

}

/* ==========================================
   MOBILE
========================================== */

@media (max-width:768px){

    .nxm-header{
        padding:16px 20px;
    }

    .nxm-brand h1{
        font-size:1.7rem;
    }

    .nxm-brand span{
        font-size:.62rem;
        letter-spacing:4px;
    }

    .nxm-tagline{

        margin:0 28px 34px;

        font-size:10px;

        letter-spacing:2px;

    }

    .nxm-section{

        padding:0 28px;

        margin:0 0 38px;

    }

    .nxm-link{

        padding-left:34px;

        font-size:.92rem;

        letter-spacing:1.5px;

    }

    .nxm-link::before{

        width:24px;

        font-size:.82rem;

    }

    .nxm-text{

        margin-left:34px;

        max-width:100%;

        font-size:.88rem;

        line-height:1.8;

    }

    .nxm-counter{

        font-size:.68rem;

        padding:2px 7px;

    }

    .nxm-install-btn{

        width:90%;

        max-width:260px;

        margin:45px auto;

        font-size:.76rem;

    }

    .nxm-footer{

        margin:45px 0 70px;

        padding:30px 20px 0;

    }

    .nxm-footer p{

        font-size:.78rem;

        letter-spacing:3px;

    }

    .nxm-footer small{

        font-size:.68rem;

    }

    /* Decorations */

    .nxm-decor-1{
        width:130px;
    }

    .nxm-decor-2{
        width:110px;
    }

    .nxm-decor-3{
        width:130px;
    }

    .nxm-decor-4{
        width:120px;
    }

    .nxm-decor-5{
        width:130px;
    }

    .nxm-decor-6{
        width:150px;
    }

}

/* ==========================================
   LARGE SCREENS
========================================== */

@media (min-width:1200px){

    .nxm-content{

        max-width:900px;

        margin:auto;

    }

}
.nxm-decor-wrap{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    overflow:hidden;

    pointer-events:none;

    z-index:0;

}
/* ==========================================
   DECORATIONS (MOVED UP)
========================================== */

.nxm-decor-wrap{

    position:absolute;

    top:0;
    left:0;

    width:100%;

    height:1500px;   /* was 2600px */

    overflow:visible;

    pointer-events:none;

    z-index:0;

}

/* Top Right */
.nxm-decor-1{

    top:90px;
    right:10px;
    width:170px;

}

/* Upper Left */
.nxm-decor-2{

    top:340px;
    left:10px;
    width:140px;

}

/* Middle Right */
.nxm-decor-3{

    top:640px;
    right:20px;
    width:170px;

}

/* Lower Left */
.nxm-decor-4{

    top:920px;
    left:15px;
    width:150px;

}

/* Lower Right */
.nxm-decor-5{

    top:1180px;
    right:15px;
    width:170px;

}

/* Bottom Centre */
.nxm-decor-6{

    top:1380px;
    left:50%;
    transform:translateX(-50%);
    width:200px;
    opacity:.08;

}
.nxm-link{

    margin:0 0 8px;

}

.nxm-text{

    margin:0 0 30px 40px;

    line-height:1.7;

}
.nxm-section{

    padding:0 40px;

    margin:0 0 38px;

}

.nxm-link{

    display:block;

    margin:0 0 10px;

    padding:0;

    text-align:left;

}

.nxm-text{

    margin:0;

    padding:0;

    text-align:left;

    max-width:none;

}
.nxm-navigation{

    display:flex;

    flex-direction:column;

    padding:0 28px;

}
.nxm-link{

    display:block;

    margin:0 0 8px;      /* Small gap to its description */

    padding:0;

    text-align:left;

}

.nxm-text{

    margin:0 0 26px;      /* Larger gap before next heading */

    padding:0;

    text-align:left;

    line-height:1.75;

}
/* ==========================================
   HERO MENU BUTTON
========================================== */

.hero-menu-btn{

    position:absolute;

    top:18px;

    left:18px;

    width:48px;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:none;

    border-radius:14px;

    background:#17365d;

    border:2px solid #c9a33d;

    color:#ffffff;

    font-size:1.2rem;

    cursor:pointer;

    box-shadow:0 8px 20px rgba(0,0,0,.22);

    transition:all .25s ease;

    z-index:50;

}

.hero-menu-btn:hover{

    background:#214b7d;

    transform:translateY(-2px);

}

.hero-menu-btn:active{

    transform:scale(.95);

}

.hero-menu-btn i{

    pointer-events:none;

}
.floating-menu-btn{

    position:fixed;

    top:22px;

    left:18px;

    width:58px;

    height:58px;

    border:none;

    border-radius:50%;

    background:rgba(255,255,255,.92);

    backdrop-filter:blur(14px);

    -webkit-backdrop-filter:blur(14px);

    box-shadow:0 10px 25px rgba(0,0,0,.18);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    color:#1b2f52;

    cursor:pointer;

    z-index:10000;

    transition:.25s;

}

.floating-menu-btn:active{

    transform:scale(.94);

}
#nxmSideMenu{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    overflow-x:hidden;
}

.nxm-content{
    overflow-x:hidden;
}
html,
body{
    overflow-x:hidden;
}
/* ==========================================
   MENU BACKGROUND OVERRIDE
========================================== */

#nxmSideMenu,
.nxm-header{
    background:#FCFCFC !important;
}

.nxm-divider{
    border-top:1px solid rgba(0,0,0,.06) !important;
}
.nxm-section-title{

margin-top:35px;
margin-bottom:18px;

font-size:13px;
font-weight:700;

letter-spacing:4px;
text-transform:uppercase;

color:#b08d45;

border-bottom:1px solid rgba(0,0,0,.08);

padding-bottom:10px;

}


.nxm-social-links{

display:flex;
gap:12px;
flex-wrap:wrap;

margin-top:15px;
margin-bottom:30px;

}


.nxm-social-links a{

padding:10px 18px;

border:1px solid #d4b15a;

border-radius:30px;

text-decoration:none;

color:#142b4f;

font-size:13px;

font-weight:600;

}
.support-modal{
    z-index:999999;
}
/* ==========================================
   REVERSE MARKETPLACE MODAL
========================================== */

.reverse-modal{
    position:fixed;
    inset:0;
    display:none;
    justify-content:center;
    align-items:center;
    padding:24px;
    background:rgba(10,18,35,.45);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    z-index:99999;
}

.reverse-modal.show{
    display:flex;
    animation:fadeReverse .25s ease;
}

.reverse-modal-box{
    width:100%;
    max-width:430px;
    background:#fff;
    border-radius:32px;
    padding:34px 26px 26px;
    box-shadow:0 28px 70px rgba(0,0,0,.25);
    animation:reversePop .3s ease;
}

/* Header */

.reverse-modal-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:26px;
}

.reverse-modal-header h2{
    margin:0;
    font-size:2rem;
    font-weight:800;
    color:#162B4D;
    display:flex;
    align-items:center;
    gap:14px;
}

.reverse-modal-header h2 i{
    color:#1F65F6;
}

/* Close Button */

#closeReverseModal{
    width:52px;
    height:52px;
    border:none;
    border-radius:50%;
    background:#F4F6FB;
    color:#162B4D;
    font-size:1.8rem;
    cursor:pointer;
}

/* Responses */

#reverseResponsesList{
    display:flex;
    flex-direction:column;
    gap:18px;
}

#reverseResponsesList .loading,
#reverseResponsesList .response-card{
    background:#F7F8FD;
    border:1px solid #E8EDF8;
    border-radius:22px;
    padding:22px;
}

#reverseResponsesList h3{
    margin:0 0 14px;
    font-size:1.45rem;
    font-weight:800;
    color:#162B4D;
    line-height:1.35;
}

#reverseResponsesList .reply-count{
    color:#2563EB;
    font-weight:700;
    font-size:1.12rem;
    margin-bottom:10px;
}

#reverseResponsesList .location{
    color:#6B7280;
    font-size:1rem;
}

/* Button generated inside JS */

#reverseResponsesList .open-btn{
    display:block;
    width:100%;
    margin-top:22px;
    height:62px;
    border:none;
    border-radius:18px;
    background:#2563EB;
    color:#fff;
    font-size:1.25rem;
    font-weight:800;
    cursor:pointer;
}

#reverseResponsesList .open-btn:hover{
    background:#0F56E0;
}

/* Animation */

@keyframes reversePop{

    from{
        opacity:0;
        transform:translateY(35px) scale(.95);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }

}

@keyframes fadeReverse{

    from{opacity:0;}

    to{opacity:1;}

}
/* ==========================================
   REVERSE MARKETPLACE MODAL OVERRIDE
========================================== */

.reverse-modal{

    position:fixed;

    inset:0;

    display:flex;

    justify-content:center;

    align-items:center;

    background:rgba(15,23,42,.55);

    backdrop-filter:blur(10px);

    z-index:999999;

}

.reverse-modal-box{

    width:min(92vw,430px);

    background:#fff;

    border:2px solid #C8A84B;

    border-radius:26px;

    padding:24px;

    box-shadow:0 20px 50px rgba(0,0,0,.28);

}

.reverse-modal-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

}

.reverse-modal-header h2{

    margin:0;

    color:#16385D;

    font-size:34px;

    font-weight:900;

    line-height:1.1;

}

#closeReverseModal{

    width:48px;

    height:48px;

    border:none;

    border-radius:50%;

    background:#f4f5fb;

    color:#16385D;

    font-size:26px;

    cursor:pointer;

}

#reverseResponsesList{

    background:#f8f9fd;

    border:1px solid #e8ebf2;

    border-radius:18px;

    padding:18px;

    margin-bottom:22px;

}

#reverseResponsesList .response-card{

    background:transparent;

    border:none;

    box-shadow:none;

    padding:0;

}

#reverseResponsesList .chat-btn{

    width:100%;

    height:56px;

    background:#16385D;

    border:2px solid #C8A84B;

    border-radius:16px;

    color:#fff;

    font-weight:800;

    box-shadow:0 10px 25px rgba(22,56,93,.25);

}
.reverse-modal{

    position:fixed;

    inset:0;

    display:none;

    justify-content:center;

    align-items:center;

    background:rgba(15,23,42,.55);

    backdrop-filter:blur(10px);

    z-index:999999;

}
/* ==========================================
   REVERSE MARKETPLACE MODAL FINAL OVERRIDE
========================================== */

.reverse-modal-header h2{
    font-family:"Outfit",sans-serif !important;
    font-size:28px !important;
    font-weight:800 !important;
    letter-spacing:-0.4px !important;
    color:#16385D !important;
    line-height:1.2 !important;
}

#reverseResponsesList .chat-btn,
.reverse-modal .chat-btn{
    width:100% !important;
    height:56px !important;
    background:#16385D !important;   /* Navy Blue */
    color:#fff !important;
    border:2px solid #C8A84B !important;
    border-radius:16px !important;
    font-family:"Outfit",sans-serif !important;
    font-size:18px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    box-shadow:0 8px 22px rgba(22,56,93,.25) !important;
}
.reverse-modal,
.reverse-modal *{
    font-family: Inter, Arial, Helvetica, sans-serif !important;
}
.reverse-open-all{

    width:100%;
    margin-top:12px;
    padding:16px;
    border:none;
    border-radius:18px;

    background:linear-gradient(135deg,#0b6dff,#0057d9);

    color:#fff;

    font-size:16px;
    font-weight:700;

}
.reverse-open-all{

    width:100%;
    margin-top:12px;
    padding:16px;

    border:2px solid #C8A84B;

    border-radius:18px;

    background:#16385D;

    color:#fff;

    font-size:16px;
    font-weight:700;

    box-shadow:0 10px 25px rgba(22,56,93,.25);

}
/* ==========================================
   HERO FLOATING MENU BUTTON
========================================== */

.hero-menu-btn{

    position:fixed;

    top:12px;          /* Float over the ticker */

    left:18px;

    width:58px;

    height:58px;

    border:none;

    border-radius:18px;

    background:#17365D;

    border:2px solid #C9A33D;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:26px;

    box-shadow:0 12px 30px rgba(0,0,0,.28);

    z-index:100001;

}
/* ==========================================
   NEXORA MENU PREMIUM BADGE
========================================== */

.nxm-premium-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin-left:10px;

    padding:3px 9px;

    border-radius:999px;

    background:linear-gradient(
        135deg,
        #D4AF37,
        #F6D365
    );

    color:#0B1F3A;

    font-size:10px;

    font-weight:700;

    letter-spacing:.6px;

    text-transform:uppercase;

    box-shadow:
        0 3px 10px rgba(212,175,55,.35);

    vertical-align:middle;

    user-select:none;

}
.nxm-activity-counter{

display:inline-flex;
align-items:center;
justify-content:center;

padding:3px 12px;

margin-left:10px;

border-radius:999px;

background:#0B6DFF;

color:#fff;

font-size:11px;

font-weight:700;

white-space:nowrap;

}
#nxmSideMenu,
.nxm-header{

    background:#FCFCFC !important;

}
.nxm-social-links{

    display:flex;
    gap:12px;
    flex-wrap:wrap;

    margin-top:15px;
    margin-bottom:30px;

    padding:0 28px;

    box-sizing:border-box;

}
.nxm-follow-title{

    padding-left:28px;

    margin-top:35px;
    margin-bottom:18px;

    font-size:13px;
    font-weight:700;

    letter-spacing:4px;
    text-transform:uppercase;

    color:#b08d45;

}

/* ==========================================
   REMOVE PRODUCT IMAGE OVERLAY COMPLETELY
   ========================================== */

.nx-gradient{
    display:none !important;
}

.nx-image-wrap{
    position:relative;
    overflow:hidden;
    background:#fff !important;
}

.nx-image{
    width:100%;
    height:100%;
    object-fit:cover;
    filter:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
    background:#fff !important;
}

.nx-image:not([src]),
.nx-image[src=""]{
    visibility:hidden;
}

.service-listing-card{
    display:flex;
    gap:14px;
    padding:12px;
    background:#fff;
    border-radius:16px;
    align-items:flex-start;
    text-decoration:none;
    color:inherit;
    margin-bottom:12px;
}

.service-image{
    width:88px;
    height:88px;
    border-radius:14px;
    object-fit:cover;
    flex-shrink:0;
}

.service-info{
    flex:1;
}

.service-info h3{
    margin:0 0 6px;
    font-size:17px;
    font-weight:700;
}

.service-description{
    color:#666;
    font-size:14px;
    line-height:1.4;
    margin-bottom:8px;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.service-price{
    color:#0B6DFF;
    font-weight:700;
}
.service-listing-card{
    grid-column:1 / -1;

    display:flex;
    gap:14px;
    align-items:flex-start;

    width:100%;
}
.service-listing-card{
    display:flex;
    gap:12px;
    align-items:flex-start;
    width:100%;
    grid-column:1 / -1;
    padding:12px;
    background:#fff;
    border-radius:14px;
    text-decoration:none;
    color:inherit;
}

.service-image{
    width:90px;
    height:90px;
    object-fit:cover;
    border-radius:12px;
    flex-shrink:0;
}

.service-info{
    flex:1;
}

.service-description{
    margin:6px 0;
    color:#666;
}

.service-price{
    font-weight:700;
    color:#0B6DFF;
}

.service-card{
    display:flex;
    align-items:flex-start;
    gap:12px;
    grid-column:1/-1;
    padding:12px;
    text-decoration:none;
    color:inherit;
}

.service-thumb{
    width:90px;
    height:90px;
    border-radius:12px;
    object-fit:cover;
    flex-shrink:0;
}

.service-content{
    flex:1;
}

.service-title{
    font-weight:700;
    font-size:16px;
    margin-bottom:6px;
}

.service-description{
    color:#666;
    font-size:14px;
    margin-bottom:8px;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.service-price{
    color:#0B6DFF;
    font-weight:700;
}
.service-listing-card{
    grid-column:1 / -1;      /* span both columns */
    display:flex;
    align-items:flex-start;
}
/* ==========================================
   CARELINK SEARCH BAR
========================================== */

.global-search .search-wrapper{
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(15,23,42,.08) !important;
    border-radius:22px !important;
    box-shadow:0 12px 28px rgba(15,23,42,.08) !important;
}

.global-search .search-wrapper input{
    background:transparent !important;
    color:#151A2D !important;
}

.global-search .search-wrapper input::placeholder{
    color:#8B95A7 !important;
}

.global-search .search-wrapper i{
    color:#8B95A7 !important;
}

.global-search .search-wrapper:focus-within{
    border-color:#4DA3FF !important;
    box-shadow:
        0 14px 34px rgba(15,23,42,.10),
        0 0 0 4px rgba(77,163,255,.12) !important;
}

/* ==========================================================
   NEXORA MENU — CYBERMUSE-INSPIRED FINAL VISUAL LAYER
========================================================== */

:root{
    --cm-bg:#08070c;
    --cm-dark:#141118;
    --cm-white:#fff;
    --cm-champagne:#eadfcf;
    --cm-gold:#d4af37;
    --cm-muted:rgba(255,255,255,.62);
    --cm-line:rgba(255,255,255,.11);
}

#nxmOverlay{
    background:rgba(0,0,0,.82) !important;
    backdrop-filter:blur(14px) !important;
}

#nxmSideMenu{
    background:
        radial-gradient(circle at 88% 8%,rgba(141,118,255,.10),transparent 28%),
        radial-gradient(circle at 10% 72%,rgba(212,175,55,.07),transparent 28%),
        linear-gradient(135deg,#08070c,#17121c 60%,#211b20) !important;
    color:#fff !important;
}

/* HEADER */
.nxm-header{
    padding:16px 22px !important;
    background:rgba(8,7,12,.92) !important;
    border-bottom:1px solid var(--cm-line) !important;
    backdrop-filter:blur(18px) !important;
}

.nxm-close-btn{
    width:44px !important;
    height:44px !important;
    border:1px solid var(--cm-line) !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.055) !important;
    color:#fff !important;
}

.nxm-close-btn:hover{
    background:rgba(255,255,255,.09) !important;
    color:var(--cm-champagne) !important;
    transform:none !important;
}

.nxm-brand h1{
    font-family:"Poppins",sans-serif !important;
    font-size:1.2rem !important;
    font-weight:800 !important;
    letter-spacing:5px !important;
    color:#fff !important;
    text-transform:uppercase !important;
}

.nxm-brand span{
    margin-top:5px !important;
    font-size:.55rem !important;
    letter-spacing:4px !important;
    color:var(--cm-champagne) !important;
}

.nxm-divider{
    border-color:var(--cm-line) !important;
}

/* CONTENT */
.nxm-content{
    padding:34px 0 70px !important;
}

.nxm-tagline{
    margin:0 28px 34px !important;
    color:var(--cm-muted) !important;
    font-size:.58rem !important;
    letter-spacing:2.5px !important;
}

/* NAVIGATION */
.nxm-navigation{
    padding:0 24px !important;
}

.nxm-section{
    margin:0 !important;
    padding:0 !important;
}

.nxm-link{
    position:relative !important;
    display:flex !important;
    align-items:baseline !important;
    gap:14px !important;
    margin:0 !important;
    padding:17px 0 7px !important;
    border-top:1px solid var(--cm-line) !important;
    font-family:"Poppins",sans-serif !important;
    font-size:.9rem !important;
    font-weight:700 !important;
    letter-spacing:1.1px !important;
    line-height:1.3 !important;
    color:#fff !important;
    text-transform:uppercase !important;
}

.nxm-link:hover{
    color:var(--cm-champagne) !important;
    padding-left:0 !important;
}

.nxm-link::before{
    position:static !important;
    transform:none !important;
    width:26px !important;
    flex:0 0 26px !important;
    text-align:left !important;
    color:var(--cm-champagne) !important;
    font-size:.62rem !important;
    font-weight:700 !important;
    letter-spacing:.5px !important;
}

.nxm-text{
    margin:0 0 15px 40px !important;
    padding:0 0 16px !important;
    max-width:none !important;
    color:var(--cm-muted) !important;
    font-size:.74rem !important;
    line-height:1.7 !important;
}

.nxm-section::after{
    display:none !important;
}

/* COUNTER */
.nxm-counter{
    border-radius:0 !important;
    background:var(--cm-champagne) !important;
    color:#111 !important;
    font-size:.52rem !important;
    box-shadow:none !important;
}

/* SECTION TITLES */
.nxm-section-title{
    margin:34px 0 12px !important;
    padding-bottom:10px !important;
    border-bottom:1px solid var(--cm-line) !important;
    color:var(--cm-champagne) !important;
    font-size:.58rem !important;
    letter-spacing:3px !important;
}

/* SOCIAL LINKS */
.nxm-social-links{
    gap:8px !important;
}

.nxm-social-links a{
    padding:9px 13px !important;
    border:1px solid var(--cm-line) !important;
    border-radius:0 !important;
    background:rgba(255,255,255,.035) !important;
    color:#fff !important;
    font-size:.58rem !important;
}

/* INSTALL */
.nxm-install-btn{
    width:min(90%,320px) !important;
    margin:40px auto !important;
    padding:14px 18px !important;
    border:0 !important;
    border-radius:0 !important;
    background:#fff !important;
    color:#111 !important;
    box-shadow:none !important;
}

.nxm-install-btn:hover{
    background:var(--cm-champagne) !important;
    color:#111 !important;
    transform:none !important;
}

/* FOOTER */
.nxm-footer{
    margin:40px 0 60px !important;
    padding-top:28px !important;
    border-color:var(--cm-line) !important;
}

.nxm-footer p{
    color:var(--cm-champagne) !important;
}

.nxm-footer small{
    color:var(--cm-muted) !important;
}

/* DECORATIONS */
.nxm-decor{
    opacity:.035 !important;
    filter:grayscale(1) contrast(.8) !important;
}

/* FLOATING MENU BUTTON */
.hero-menu-btn,
.floating-menu-btn{
    border:1px solid var(--cm-line) !important;
    border-radius:50% !important;
    background:rgba(8,7,12,.86) !important;
    color:#fff !important;
    box-shadow:none !important;
    backdrop-filter:blur(14px) !important;
}

.hero-menu-btn:hover,
.floating-menu-btn:hover{
    background:rgba(255,255,255,.08) !important;
    transform:none !important;
}

/* MODALS INSIDE MENU */
.reverse-modal{
    background:rgba(0,0,0,.86) !important;
    backdrop-filter:blur(16px) !important;
}

.reverse-modal-box{
    border:1px solid var(--cm-line) !important;
    border-radius:0 !important;
    background:#141118 !important;
    color:#fff !important;
    box-shadow:0 30px 100px rgba(0,0,0,.55) !important;
}

.reverse-modal-header h2{
    color:#fff !important;
}

#closeReverseModal{
    border:1px solid var(--cm-line) !important;
    background:rgba(255,255,255,.055) !important;
    color:#fff !important;
}

#reverseResponsesList{
    border:1px solid var(--cm-line) !important;
    border-radius:0 !important;
    background:rgba(255,255,255,.035) !important;
}

#reverseResponsesList .response-card{
    background:transparent !important;
    color:#fff !important;
}

#reverseResponsesList .chat-btn,
.reverse-modal .chat-btn{
    border:0 !important;
    border-radius:0 !important;
    background:#fff !important;
    color:#111 !important;
    box-shadow:none !important;
}

/* MOBILE */
@media(max-width:768px){
    .nxm-header{
        padding:14px 16px !important;
    }

    .nxm-brand h1{
        font-size:1rem !important;
        letter-spacing:4px !important;
    }

    .nxm-navigation{
        padding:0 16px !important;
    }

    .nxm-link{
        font-size:.82rem !important;
        padding-top:15px !important;
    }

    .nxm-text{
        margin-left:40px !important;
        font-size:.7rem !important;
    }
}



/* ==========================================================
   NEXORA FINAL RESPONSIVE STANDARDIZATION
   Mobile • Tablet • Laptop/Desktop
   App-wide compatibility layer
========================================================== */

:root{
    --nx-r-bg:#08070c;
    --nx-r-bg2:#17121c;
    --nx-r-panel:rgba(255,255,255,.045);
    --nx-r-panel2:rgba(255,255,255,.075);
    --nx-r-line:rgba(255,255,255,.11);
    --nx-r-line-gold:rgba(234,223,207,.27);
    --nx-r-text:#fff;
    --nx-r-muted:rgba(255,255,255,.62);
    --nx-r-muted2:rgba(255,255,255,.78);
    --nx-r-champagne:#eadfcf;
    --nx-r-gold:#d4af37;
}

html{
    max-width:100%;
    overflow-x:hidden;
}

body{
    max-width:100%;
    overflow-x:hidden;
}

img,
video,
canvas,
svg{
    max-width:100%;
}

input,
select,
textarea,
button{
    max-width:100%;
}

/* prevent long text / urls from breaking layouts */
p,
h1,h2,h3,h4,h5,h6,
span,
a,
button,
input,
textarea,
select{
    overflow-wrap:anywhere;
}

/* generic centered desktop shell where present */
.page,
.container,
.content,
.main-content,
.page-container{
    box-sizing:border-box;
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:767px){

    html{
        font-size:15px;
    }

    body{
        width:100%;
    }

    .container,
    .page,
    .content,
    .main-content,
    .page-container{
        width:100%;
        max-width:100%;
    }

    /* touch targets */
    button,
    .btn,
    a.button,
    input,
    select{
        min-height:44px;
    }

    /* prevent modal overflow */
    .modal-content,
    .modal-box,
    .business-modal-content,
    .reverse-modal-box,
    .support-box,
    .bluebridge-box{
        max-width:100% !important;
    }

}


/* ==========================================================
   TABLET
========================================================== */

@media (min-width:768px) and (max-width:1199px){

    html{
        font-size:15.5px;
    }

    .container,
    .page,
    .content,
    .main-content,
    .page-container{
        width:min(100%,920px);
        margin-left:auto;
        margin-right:auto;
    }

}


/* ==========================================================
   LAPTOP / DESKTOP
========================================================== */

@media (min-width:1200px){

    html{
        font-size:16px;
    }

    .container,
    .page,
    .content,
    .main-content,
    .page-container{
        width:min(100%,1180px);
        margin-left:auto;
        margin-right:auto;
    }

}


/* ==========================================================
   nexora-menu.css — FINAL RESPONSIVE LAYER
========================================================== */

/* MOBILE */
@media (max-width:767px){

    #nxmSideMenu{
        width:100vw !important;
        max-width:100vw !important;
    }

    .nxm-header{
        padding:12px 14px !important;
    }

    .nxm-close-btn{
        left:14px !important;
        width:40px !important;
        height:40px !important;
    }

    .nxm-brand h1{
        font-size:1rem !important;
        letter-spacing:3.2px !important;
    }

    .nxm-brand span{
        font-size:.52rem !important;
        letter-spacing:3px !important;
    }

    .nxm-content{
        padding:24px 0 56px !important;
    }

    .nxm-tagline{
        margin:0 16px 28px !important;
    }

    .nxm-navigation{
        padding:0 16px !important;
    }

    .nxm-section{
        padding:0 !important;
        margin:0 !important;
    }

    .nxm-link{
        padding:14px 0 7px !important;
        font-size:.78rem !important;
        gap:10px !important;
    }

    .nxm-link::before{
        width:24px !important;
        flex-basis:24px !important;
        font-size:.55rem !important;
    }

    .nxm-text{
        margin-left:34px !important;
        padding-bottom:14px !important;
        font-size:.68rem !important;
        line-height:1.6 !important;
    }

    .nxm-decor-wrap,
    .nxm-decor{
        display:none !important;
    }
}

/* TABLET */
@media (min-width:768px) and (max-width:1199px){

    #nxmSideMenu{
        width:min(78vw,760px) !important;
        right:auto !important;
    }

    .nxm-header{
        padding:16px 22px !important;
    }

    .nxm-navigation{
        padding:0 28px !important;
    }

    .nxm-link{
        font-size:.92rem !important;
    }

    .nxm-text{
        max-width:560px !important;
        font-size:.76rem !important;
    }

    .nxm-decor{
        opacity:.03 !important;
    }
}

/* DESKTOP */
@media (min-width:1200px){

    #nxmSideMenu{
        width:min(48vw,720px) !important;
        right:auto !important;
    }

    .nxm-header{
        padding:18px 30px !important;
    }

    .nxm-navigation{
        padding:0 34px !important;
    }

    .nxm-link{
        font-size:.95rem !important;
    }

    .nxm-text{
        max-width:620px !important;
        font-size:.78rem !important;
    }
}
/* ==========================================================
   NEXORA MENU — FINAL RESPONSIVE SCROLL FIX
   PHONE • TABLET • LAPTOP • DESKTOP
========================================================== */

/* FULL MENU SHELL */

#nxmSideMenu{

    position:fixed !important;

    top:0 !important;
    left:0 !important;
    bottom:0 !important;

    width:100% !important;
    max-width:100% !important;

    height:100vh !important;
    height:100dvh !important;

    display:flex !important;
    flex-direction:column !important;

    padding:0 !important;
    margin:0 !important;

    overflow:hidden !important;

    box-sizing:border-box !important;

}


/* ==========================================================
   MENU HEADER
   ALWAYS REMAINS VISIBLE
========================================================== */

#nxmSideMenu .nxm-header{

    position:relative !important;

    top:auto !important;

    flex:0 0 auto !important;

    width:100% !important;

    z-index:20 !important;
}


/* DIVIDER MUST NOT GROW */

#nxmSideMenu .nxm-divider{

    flex:0 0 auto !important;

}


/* ==========================================================
   IMPORTANT:
   THIS IS THE PART THAT SCROLLS
========================================================== */

#nxmSideMenu .nxm-navigation{

    flex:1 1 auto !important;

    min-height:0 !important;

    width:100% !important;

    overflow-y:auto !important;
    overflow-x:hidden !important;

    -webkit-overflow-scrolling:touch !important;

    overscroll-behavior:contain !important;

    scrollbar-width:thin !important;

    padding:
        10px
        28px
        50px !important;

    box-sizing:border-box !important;
}


/* CHROME / EDGE / DESKTOP SCROLLBAR */

#nxmSideMenu .nxm-navigation::-webkit-scrollbar{

    width:7px !important;

}


#nxmSideMenu .nxm-navigation::-webkit-scrollbar-track{

    background:
    rgba(0,0,0,.03) !important;

}


#nxmSideMenu .nxm-navigation::-webkit-scrollbar-thumb{

    background:
    rgba(255,193,107,.75) !important;

    border-radius:0 !important;
}


/* ==========================================================
   SOCIAL AREA
   ALLOW IT TO FLOW WITH NAVIGATION
========================================================== */

#nxmSideMenu .nxm-follow-title,
#nxmSideMenu .nxm-social-links{

    flex-shrink:0 !important;

}


/* ==========================================================
   DECOR ART MUST NEVER BLOCK SCROLL OR CLICKS
========================================================== */

#nxmSideMenu .nxm-decor-wrap,
#nxmSideMenu .nxm-decor{

    pointer-events:none !important;

}


/* ==========================================================
   PHONE
========================================================== */

@media(max-width:767px){

    #nxmSideMenu{

        width:100% !important;

        height:100vh !important;
        height:100dvh !important;

    }


    #nxmSideMenu .nxm-navigation{

        padding:
            8px
            20px
            calc(
                45px +
                env(safe-area-inset-bottom)
            ) !important;

    }

}


/* ==========================================================
   TABLET
========================================================== */

@media(
    min-width:768px
)
and
(
    max-width:1199px
){

    #nxmSideMenu{

        width:min(78vw,720px) !important;

        right:auto !important;

        height:100vh !important;
        height:100dvh !important;

    }


    #nxmSideMenu .nxm-navigation{

        padding:
            12px
            32px
            60px !important;

    }

}


/* ==========================================================
   LAPTOP / DESKTOP
========================================================== */

@media(min-width:1200px){

    #nxmSideMenu{

        width:min(520px,42vw) !important;

        right:auto !important;

        height:100vh !important;
        height:100dvh !important;

    }


    #nxmSideMenu .nxm-navigation{

        padding:
            14px
            38px
            70px !important;

        overflow-y:auto !important;

    }

}


/* ==========================================================
   SHORT LAPTOP SCREENS
   IMPORTANT FOR 1366×768 ETC.
========================================================== */

@media(
    min-width:900px
)
and
(
    max-height:850px
){

    #nxmSideMenu .nxm-header{

        padding:
            9px
            20px !important;

    }


    #nxmSideMenu .nxm-brand h1{

        font-size:1.55rem !important;

    }


    #nxmSideMenu .nxm-brand span{

        font-size:.55rem !important;

        letter-spacing:4px !important;

    }


    #nxmSideMenu .nxm-section-title{

        margin-top:22px !important;

        margin-bottom:10px !important;

    }


    #nxmSideMenu .nxm-text{

        margin-bottom:18px !important;

        line-height:1.55 !important;

    }


    #nxmSideMenu .nxm-navigation{

        overflow-y:auto !important;

        min-height:0 !important;

        padding-bottom:55px !important;

    }

}
/* ==========================================================
   NEXORA MENU — TYPOGRAPHY & ALIGNMENT UPGRADE
   CLEAN • LARGE • PROFESSIONAL
========================================================== */


/* ==========================================================
   MAIN NAVIGATION WRAPPER
========================================================== */

#nxmSideMenu .nxm-navigation{

    display:flex !important;
    flex-direction:column !important;

    gap:0 !important;

    padding-top:18px !important;

}


/* ==========================================================
   SECTION TITLES
   MARKETPLACE / COMMUNITY / ACCOUNT / TRUST & SUPPORT
========================================================== */

#nxmSideMenu .nxm-section-title{

    display:block !important;

    width:100% !important;

    margin:
        34px
        0
        18px !important;

    padding:
        0
        0
        12px !important;

    color:#FFC16B !important;

    font-family:"Outfit",sans-serif !important;

    font-size:18px !important;

    font-weight:800 !important;

    line-height:1.2 !important;

    letter-spacing:2.5px !important;

    text-transform:uppercase !important;

    text-align:left !important;

    border-bottom:
        1px solid
        rgba(255,193,107,.28) !important;
}


/* FIRST SECTION DOES NOT NEED LARGE TOP GAP */

#nxmSideMenu
.nxm-navigation
.nxm-section-title:first-child{

    margin-top:10px !important;

}


/* ==========================================================
   MAIN MENU LINKS
========================================================== */

#nxmSideMenu .nxm-link{

    display:flex !important;

    align-items:center !important;

    justify-content:flex-start !important;

    width:100% !important;

    min-height:44px !important;

    margin:0 !important;

    padding:
        12px
        0
        7px !important;

    color:#FFFFFF !important;

    font-family:"Outfit",sans-serif !important;

    font-size:17px !important;

    font-weight:700 !important;

    line-height:1.3 !important;

    letter-spacing:.7px !important;

    text-transform:none !important;

    text-align:left !important;

    text-decoration:none !important;

    border:0 !important;

    background:transparent !important;

}


/* HOVER / ACTIVE */

#nxmSideMenu .nxm-link:hover{

    color:#FFC16B !important;

}


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

#nxmSideMenu .nxm-text{

    display:block !important;

    width:100% !important;

    margin:
        0
        0
        18px !important;

    padding:
        0
        0
        16px
        0 !important;

    color:
        rgba(255,255,255,.62) !important;

    font-family:"Outfit",sans-serif !important;

    font-size:13px !important;

    font-weight:400 !important;

    line-height:1.65 !important;

    letter-spacing:0 !important;

    text-align:left !important;

    border-bottom:
        1px solid
        rgba(255,255,255,.07) !important;

}


/* ==========================================================
   BADGES
========================================================== */

#nxmSideMenu .nxm-premium-badge,
#nxmSideMenu .nxm-counter,
#nxmSideMenu .nxm-activity-counter{

    margin-left:10px !important;

    padding:
        3px
        7px !important;

    background:#FFC16B !important;

    color:#111 !important;

    border-radius:0 !important;

    font-size:9px !important;

    font-weight:900 !important;

    letter-spacing:.5px !important;

}


/* ==========================================================
   FOLLOW NEXORA TITLE
========================================================== */

#nxmSideMenu .nxm-follow-title{

    margin:
        36px
        28px
        18px !important;

    padding-bottom:12px !important;

    color:#FFC16B !important;

    font-family:"Outfit",sans-serif !important;

    font-size:18px !important;

    font-weight:800 !important;

    letter-spacing:3px !important;

    text-transform:uppercase !important;

    border-bottom:
        1px solid
        rgba(255,193,107,.25) !important;

}


/* ==========================================================
   SOCIAL LINKS
========================================================== */

#nxmSideMenu .nxm-social-links{

    display:flex !important;

    flex-wrap:wrap !important;

    gap:10px !important;

    margin:
        0
        28px
        30px !important;

}


#nxmSideMenu .nxm-social-links a{

    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    min-height:42px !important;

    padding:
        0
        16px !important;

    border:
        1px solid
        rgba(255,255,255,.16) !important;

    border-radius:0 !important;

    background:
        rgba(255,255,255,.035) !important;

    color:#FFFFFF !important;

    font-size:12px !important;

    font-weight:700 !important;

    text-decoration:none !important;

}


/* ==========================================================
   MENU HEADER ALIGNMENT
========================================================== */

#nxmSideMenu .nxm-header{

    min-height:116px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    padding:
        18px
        24px !important;

}


#nxmSideMenu .nxm-brand{

    text-align:center !important;

}


#nxmSideMenu .nxm-brand h1{

    margin:0 !important;

    color:#FFFFFF !important;

    font-family:"Outfit",sans-serif !important;

    font-size:24px !important;

    font-weight:800 !important;

    letter-spacing:6px !important;

}


#nxmSideMenu .nxm-brand span{

    margin-top:6px !important;

    color:
        rgba(255,255,255,.68) !important;

    font-size:10px !important;

    font-weight:600 !important;

    letter-spacing:5px !important;

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px){

    #nxmSideMenu .nxm-navigation{

        padding-left:28px !important;
        padding-right:28px !important;

    }


    #nxmSideMenu .nxm-section-title{

        font-size:17px !important;

        letter-spacing:2.2px !important;

        margin-top:30px !important;

    }


    #nxmSideMenu .nxm-link{

        font-size:16px !important;

        padding-top:11px !important;

    }


    #nxmSideMenu .nxm-text{

        font-size:12.5px !important;

        line-height:1.6 !important;

        margin-bottom:16px !important;

    }


    #nxmSideMenu .nxm-follow-title{

        margin-left:28px !important;
        margin-right:28px !important;

        font-size:17px !important;

    }

}


/* ==========================================================
   TABLET
========================================================== */

@media(
    min-width:768px
)
and
(
    max-width:1199px
){

    #nxmSideMenu .nxm-navigation{

        padding-left:34px !important;
        padding-right:34px !important;

    }


    #nxmSideMenu .nxm-section-title{

        font-size:19px !important;

    }


    #nxmSideMenu .nxm-link{

        font-size:18px !important;

    }


    #nxmSideMenu .nxm-text{

        font-size:13.5px !important;

        max-width:90% !important;

    }

}


/* ==========================================================
   LAPTOP / DESKTOP
========================================================== */

@media(min-width:1200px){

    #nxmSideMenu .nxm-navigation{

        padding-left:40px !important;
        padding-right:40px !important;

    }


    #nxmSideMenu .nxm-section-title{

        font-size:20px !important;

        letter-spacing:3px !important;

    }


    #nxmSideMenu .nxm-link{

        font-size:18px !important;

    }


    #nxmSideMenu .nxm-text{

        font-size:14px !important;

        line-height:1.7 !important;

        max-width:420px !important;

    }


    #nxmSideMenu .nxm-follow-title{

        margin-left:40px !important;
        margin-right:40px !important;

        font-size:20px !important;

    }


    #nxmSideMenu .nxm-social-links{

        margin-left:40px !important;
        margin-right:40px !important;

    }

}
/* =====================================================
   STICKY HEADER LOGO — REDUCE CURRENT SIZE BY 30%
===================================================== */

#stickyHeader #nexoraLogo.sticky-logo{
    height:70px !important;
    max-height:none !important;
    width:auto !important;
    object-fit:contain !important;
}


/* MOBILE */

@media(max-width:600px){

    #stickyHeader #nexoraLogo.sticky-logo{
        height:61.6px !important;
        max-height:none !important;
        width:auto !important;
    }

}


/* ==========================================================
   NEXORA MENU — LARGE SCREEN MULTI-COLUMN LAYOUT
   FINAL DESKTOP OVERRIDE
========================================================== */

/* Tablets */
@media (min-width:768px) and (max-width:1199px){

    .nxm-content{
        width:min(100% - 48px,1000px) !important;
        max-width:1000px !important;
        margin:0 auto !important;
    }

    .nxm-navigation{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:0 26px !important;
        padding:0 !important;
    }

    .nxm-section{
        width:100% !important;
        min-width:0 !important;
        padding:0 18px !important;
        margin-bottom:30px !important;
    }

}


/* Desktop */
@media (min-width:1200px){

    #nxmSideMenu{
        overflow-y:auto !important;
    }

    .nxm-content{
        width:min(calc(100% - 80px),1500px) !important;
        max-width:1500px !important;
        margin:0 auto !important;
        padding:36px 0 70px !important;
    }

    .nxm-tagline{
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .nxm-navigation{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:0 34px !important;
        padding:0 !important;
        align-items:start !important;
    }

    .nxm-section{
        width:100% !important;
        min-width:0 !important;
        padding:0 18px !important;
        margin:0 0 30px !important;
    }

    .nxm-section::after{
        width:100% !important;
        margin-top:24px !important;
    }

    .nxm-link{
        margin:0 0 8px !important;
        padding:0 !important;
        font-size:.95rem !important;
    }

    .nxm-text{
        margin:0 !important;
        max-width:none !important;
        font-size:.88rem !important;
        line-height:1.65 !important;
    }

    .nxm-install-btn{
        grid-column:1 / -1;
    }

    .nxm-footer{
        width:min(calc(100% - 80px),1500px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

}


/* Large desktop / ultrawide */
@media (min-width:1700px){

    .nxm-content{
        max-width:1660px !important;
    }

    .nxm-navigation{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:0 38px !important;
    }

}

/* ==========================================
   HOMEPAGE SPONSORED CAROUSEL
   FLOAT DIRECTLY ON BODY BACKGROUND
========================================== */

.sponsored-feed-section{
    background:transparent !important;
    background-image:none !important;

    border:none !important;
    box-shadow:none !important;
}


/* Scrolling area must not create another container */
.sponsored-feed-viewport{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}


/* Cards row must also remain transparent */
.sponsored-feed-track{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}