.elementor-2143 .elementor-element.elementor-element-e9e6729{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-c7f2865 *//*==========================================================
 NEXUS LUXURY HEADER
 Version: 2.0
 Part 1 - Foundation
==========================================================*/


/*==========================================================
01. ROOT VARIABLES
==========================================================*/

:root{

    --nx-primary:#301506;
    --nx-primary-light:#4A2410;
    --nx-accent:#FFB80C;

    --nx-white:#ffffff;
    --nx-black:#111111;

    --nx-text:#202020;
    --nx-text-light:#6F6F6F;

    --nx-border:rgba(255,255,255,.12);

    --nx-shadow:
    0 25px 60px rgba(0,0,0,.12);

    --nx-radius:24px;

    --nx-transition:.35s cubic-bezier(.4,0,.2,1);

}


/*==========================================================
02. RESET
==========================================================*/

*{

margin:0;
padding:0;
box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

overflow-x:hidden;

font-family:Manrope,sans-serif;

color:var(--nx-text);

background:#fff;

}

img{

display:block;

max-width:100%;

height:auto;

}

a{

text-decoration:none;

color:inherit;

}

ul{

list-style:none;

}


/*==========================================================
03. HEADER
==========================================================*/

.nx-header{

position:fixed;

top:0;

left:0;

width:100%;

height:95px;

z-index:99999;

background:transparent;

backdrop-filter:none;

-webkit-backdrop-filter:none;

transition:all .4s ease;

}

.nx-header::before{

content:"";

position:absolute;

inset:0;

background:transparent;

transition:.4s;

z-index:-1;

}


/*==========================================================
04. HEADER AFTER SCROLL
==========================================================*/

.nx-header.scrolled{

height:78px;

box-shadow:

0 12px 40px rgba(0,0,0,.08);

}

.nx-header.scrolled::before{

background:#ffffff;

backdrop-filter:blur(18px);

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

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

}


/*==========================================================
05. CONTAINER
==========================================================*/

.nx-container{

width:min(1450px,92%);

margin:auto;

height:100%;

display:flex;

align-items:center;

justify-content:space-between;

}


/*==========================================================
06. LOGO
==========================================================*/

.nx-logo{

display:flex;

align-items:center;

}

.nx-logo img{

height:82px;

transition:all .35s ease;

}

.nx-header.scrolled .nx-logo img{

height:56px;

}


/*==========================================================
07. NAVIGATION
==========================================================*/

.nx-nav{

height:100%;

}

.nx-menu{

display:flex;

align-items:center;

gap:42px;

height:100%;

}

.nx-item{

position:relative;

display:flex;

align-items:center;

height:100%;

}

.nx-item>a{

position:relative;

display:flex;

align-items:center;

gap:8px;

height:100%;

font-size:14px;

font-weight:700;

letter-spacing:1.3px;

text-transform:uppercase;

color:#ffffff;

transition:var(--nx-transition);

}


/*==========================================================
08. HEADER COLORS
==========================================================*/

/* Hero Section */

.nx-header:not(.scrolled) .nx-item>a{

color:#ffffff;

}

.nx-header:not(.scrolled) .nx-icon{

color:#ffffff;

}

.nx-header:not(.scrolled) svg{

stroke:#ffffff;

}


/* Scroll */

.nx-header.scrolled .nx-item>a{

color:#202020;

}

.nx-header.scrolled .nx-icon{

color:#202020;

}

.nx-header.scrolled svg{

stroke:#202020;

}


/*==========================================================
09. MENU HOVER
==========================================================*/

.nx-item>a::after{

content:"";

position:absolute;

left:0;

bottom:24px;

width:0;

height:2px;

background:var(--nx-accent);

transition:var(--nx-transition);

}

.nx-item:hover>a{

color:var(--nx-accent);

}

.nx-item:hover>a::after{

width:100%;

}


/*==========================================================
10. DROPDOWN ARROW
==========================================================*/

.nx-arrow{

transition:var(--nx-transition);

}

.nx-has-mega:hover .nx-arrow{

transform:rotate(180deg);

}

/*==========================================================
11. HEADER ACTIONS
==========================================================*/

.nx-actions{

display:flex;

align-items:center;

gap:14px;

}

.nx-icon,
.nx-cart{

position:relative;

width:44px;

height:44px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

cursor:pointer;

transition:var(--nx-transition);

color:inherit;

}

.nx-icon svg,
.nx-cart svg{

width:22px;

height:22px;

stroke:currentColor;

transition:var(--nx-transition);

}

.nx-icon:hover,
.nx-cart:hover{

background:rgba(255,184,12,.12);

color:var(--nx-accent);

transform:translateY(-3px);

}

.nx-cart span{

position:absolute;

top:3px;

right:3px;

width:18px;

height:18px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:var(--nx-accent);

color:#111;

font-size:10px;

font-weight:700;

box-shadow:

0 8px 18px rgba(255,184,12,.35);

}


/*==========================================================
12. MEGA MENU
==========================================================*/

.nx-has-mega{

position:static;

}

.nx-mega{

position:fixed;

top:95px;

left:50%;

transform:translate(-50%,20px);

width:min(1450px,92vw);

background:#fff;

border-radius:28px;

padding:60px;

border:1px solid rgba(0,0,0,.06);

box-shadow:

0 45px 90px rgba(0,0,0,.14);

opacity:0;

visibility:hidden;

pointer-events:none;

transition:

opacity .35s ease,

transform .35s ease;

z-index:999999;

overflow:hidden;

}

.nx-has-mega:hover>.nx-mega{

opacity:1;

visibility:visible;

pointer-events:auto;

transform:translate(-50%,0);

}


/*==========================================================
13. GRID
==========================================================*/

.nx-mega-inner{

display:grid;

grid-template-columns:

1fr

1fr

1fr

360px;

gap:60px;

align-items:flex-start;

}


/*==========================================================
14. COLUMN
==========================================================*/

.nx-col{

position:relative;

padding-right:30px;

display:flex;

flex-direction:column;

}

.nx-col:not(:last-child)::after{

content:"";

position:absolute;

top:0;

right:0;

width:1px;

height:100%;

background:#f2f2f2;

}

.nx-heading{

font-size:12px;

font-weight:800;

letter-spacing:3px;

text-transform:uppercase;

color:#999;

margin-bottom:28px;

}


/*==========================================================
15. LINKS
==========================================================*/

.nx-col a{

position:relative;

display:flex;

align-items:center;

padding:12px 0;

font-size:18px;

font-weight:600;

color:#1d1d1d;

transition:var(--nx-transition);

}

.nx-col a::before{

content:"";

position:absolute;

left:-18px;

top:50%;

width:0;

height:2px;

background:var(--nx-accent);

transform:translateY(-50%);

transition:var(--nx-transition);

}

.nx-col a:hover{

padding-left:18px;

color:var(--nx-accent);

}

.nx-col a:hover::before{

width:10px;

}


/*==========================================================
16. FEATURE CARD
==========================================================*/

.nx-feature{

position:relative;

background:#fafafa;

border-radius:24px;

overflow:hidden;

transition:var(--nx-transition);

}

.nx-feature::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:5px;

background:

linear-gradient(

90deg,

#FFB80C,

#FFD76A

);

}

.nx-feature:hover{

transform:translateY(-8px);

box-shadow:

0 35px 70px rgba(0,0,0,.14);

}

.nx-feature-image{

overflow:hidden;

}

.nx-feature-image img{

width:100%;

transition:.45s;

}

.nx-feature:hover img{

transform:scale(1.08);

}

.nx-feature-content{

padding:28px;

}


/*==========================================================
17. BADGE
==========================================================*/

.nx-badge{

display:inline-flex;

align-items:center;

padding:8px 16px;

border-radius:999px;

background:var(--nx-accent);

color:#111;

font-size:11px;

font-weight:800;

letter-spacing:2px;

margin-bottom:16px;

}


/*==========================================================
18. TITLE
==========================================================*/

.nx-feature h3{

font-size:28px;

line-height:1.2;

margin-bottom:14px;

color:#111;

}

.nx-feature p{

font-size:15px;

line-height:1.7;

color:#666;

margin-bottom:24px;

}


/*==========================================================
19. BUTTON
==========================================================*/

.nx-btn{

position:relative;

display:inline-flex;

align-items:center;

gap:12px;

padding:14px 24px;

border-radius:999px;

background:#111;

color:#fff;

font-weight:700;

overflow:hidden;

transition:var(--nx-transition);

}

.nx-btn::before{

content:"";

position:absolute;

top:0;

left:-120%;

width:100%;

height:100%;

background:

linear-gradient(

90deg,

transparent,

rgba(255,255,255,.35),

transparent

);

transition:.7s;

}

.nx-btn:hover{

background:var(--nx-accent);

color:#111;

transform:translateY(-3px);

}

.nx-btn:hover::before{

left:120%;

}

.nx-btn svg{

width:18px;

height:18px;

transition:var(--nx-transition);

}

.nx-btn:hover svg{

transform:translateX(5px);

}
/*==========================================================
20. MOBILE TOGGLE
==========================================================*/

.nx-toggle{

display:none;

width:44px;

height:44px;

background:none;

border:none;

cursor:pointer;

padding:0;

z-index:100001;

}

.nx-toggle span{

display:block;

width:28px;

height:2px;

margin:6px auto;

background:currentColor;

transition:var(--nx-transition);

}

.nx-toggle.active span:nth-child(1){

transform:translateY(8px) rotate(45deg);

}

.nx-toggle.active span:nth-child(2){

opacity:0;

}

.nx-toggle.active span:nth-child(3){

transform:translateY(-8px) rotate(-45deg);

}


/*==========================================================
21. MOBILE NAVIGATION
==========================================================*/

@media(max-width:1100px){

.nx-toggle{

display:block;

color:#fff;

}

.nx-header.scrolled .nx-toggle{

color:#111;

}

.nx-nav{

position:fixed;

top:78px;

left:-100%;

width:100%;

height:calc(100vh - 78px);

background:#ffffff;

overflow-y:auto;

padding:35px;

transition:.4s ease;

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

}

.nx-nav.nx-open{

left:0;

}

.nx-menu{

flex-direction:column;

align-items:flex-start;

gap:0;

height:auto;

}

.nx-item{

width:100%;

height:auto;

border-bottom:1px solid #f2f2f2;

}

.nx-item>a{

width:100%;

padding:18px 0;

justify-content:space-between;

color:#222;

}

.nx-mega{

position:relative;

top:0;

left:0;

width:100%;

transform:none;

opacity:1;

visibility:visible;

pointer-events:auto;

display:none;

padding:30px;

margin-top:15px;

border-radius:20px;

box-shadow:none;

}

.nx-has-mega.active>.nx-mega{

display:block;

}

.nx-mega-inner{

grid-template-columns:1fr;

gap:30px;

}

.nx-actions{

display:none;

}

}


/*==========================================================
22. SEARCH OVERLAY
==========================================================*/

.nx-search-overlay{

position:fixed;

inset:0;

display:flex;

align-items:center;

justify-content:center;

background:rgba(10,10,10,.82);

backdrop-filter:blur(18px);

opacity:0;

visibility:hidden;

transition:var(--nx-transition);

z-index:999999;

}

.nx-search-overlay.active{

opacity:1;

visibility:visible;

}

.nx-search-box{

width:min(700px,92vw);

background:#fff;

padding:26px;

border-radius:20px;

box-shadow:0 30px 80px rgba(0,0,0,.25);

}

.nx-search-box input{

width:100%;

border:none;

outline:none;

font-size:22px;

background:none;

}

.nx-search-close{

position:absolute;

top:40px;

right:40px;

font-size:34px;

cursor:pointer;

color:#fff;

}


/*==========================================================
23. CART DRAWER
==========================================================*/

.nx-cart-drawer{

position:fixed;

top:0;

right:-430px;

width:420px;

max-width:100%;

height:100vh;

background:#fff;

padding:30px;

overflow-y:auto;

box-shadow:-20px 0 60px rgba(0,0,0,.15);

transition:.35s ease;

z-index:999999;

}

.nx-cart-drawer.active{

right:0;

}

.nx-cart-close{

cursor:pointer;

font-size:34px;

margin-bottom:25px;

}

.nx-cart-title{

font-size:26px;

font-weight:700;

padding-bottom:20px;

margin-bottom:25px;

border-bottom:1px solid #ececec;

}


/*==========================================================
24. ACCOUNT MENU
==========================================================*/

.nx-account-wrap{

position:relative;

}

.nx-account-menu{

position:absolute;

top:60px;

right:0;

width:240px;

background:#fff;

border-radius:18px;

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

padding:15px 0;

opacity:0;

visibility:hidden;

transform:translateY(15px);

transition:var(--nx-transition);

}

.nx-account-menu.show{

opacity:1;

visibility:visible;

transform:translateY(0);

}

.nx-account-menu a{

display:block;

padding:14px 22px;

font-weight:600;

color:#222;

transition:var(--nx-transition);

}

.nx-account-menu a:hover{

padding-left:30px;

background:#fafafa;

color:var(--nx-accent);

}


/*==========================================================
25. UTILITIES
==========================================================*/

.nx-hide{

display:none !important;

}

.nx-show{

display:block !important;

}

.nx-text-center{

text-align:center;

}


/*==========================================================
26. RESPONSIVE
==========================================================*/

@media(max-width:992px){

.nx-logo img{

height:65px;

}

.nx-header.scrolled .nx-logo img{

height:50px;

}

}

@media(max-width:768px){

.nx-header{

height:80px;

}

.nx-header.scrolled{

height:70px;

}

.nx-container{

width:94%;

}

.nx-search-box{

padding:20px;

}

.nx-cart-drawer{

width:100%;

}

}

@media(max-width:480px){

.nx-logo img{

height:56px;

}

.nx-header.scrolled .nx-logo img{

height:46px;

}

.nx-search-box input{

font-size:18px;

}

}


/*==========================================================
27. PERFORMANCE
==========================================================*/

.nx-header,
.nx-nav,
.nx-mega,
.nx-btn,
.nx-icon,
.nx-cart,
.nx-feature,
.nx-col a{

will-change:transform,opacity;

backface-visibility:hidden;

-webkit-font-smoothing:antialiased;

}
body.nx-lock{

overflow:hidden;

}

/*=========================================
MOBILE HEADER FIX
=========================================*/

@media (max-width:1100px){

    .nx-container{

        display:flex;

        align-items:center;

        justify-content:space-between;

        width:100%;

        padding:0 20px;

    }

    .nx-logo{

        flex:0 0 auto;

    }

    .nx-logo img{

        height:58px;

    }

    .nx-nav{

        order:3;

    }

    .nx-actions{

        display:none;

    }

    .nx-toggle{

        display:flex;

        align-items:center;

        justify-content:center;

        margin-left:auto;

        color:#fff;

        position:relative;

        right:0;

        left:auto;

        transform:none;

    }

    .nx-header.scrolled .nx-toggle{

        color:#111;

    }

}/* End custom CSS */