/*
Theme Name: NEXORA China Tech
Version: 1.0.0
Description: Bespoke responsive WooCommerce storefront matching the supplied NEXORA design.
Author: NEXORA
Text Domain: nexora
License: GPL-2.0-or-later
*/

:root{--r:#f04438;--k:#121316;--m:#74777d;--l:#e8e8e8;--s:#f6f6f4;--w:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Archivo,sans-serif;color:var(--k)}body.lock{overflow:hidden}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}img{width:100%;display:block}.wrap{max-width:var(--w);margin:auto;padding:0 24px}h1,h2,h3,.logo,.btn{font-family:"Space Grotesk",sans-serif}.fi{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}.fi:before{margin:0!important}#nx{--e-global-color-accent:var(--r);--e-global-color-primary:var(--k)}#nx a:focus,#nx button:focus,#nx input:focus{outline:0!important;box-shadow:none!important}#nx *{-webkit-tap-highlight-color:transparent}
.top{background:#111;color:#fff;font-size:10px}.top .wrap{height:33px;display:flex;align-items:center;justify-content:space-between}.header{height:74px;position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--l)}.head{height:100%;display:flex;align-items:center}.logo{font-size:27px;font-weight:700;letter-spacing:-2px}.logo b{color:var(--r)}.nav{margin:auto;display:flex;gap:28px;align-items:center}.nav>a,.navitem>a{font:600 12px "Space Grotesk";display:flex;gap:5px;align-items:center}.navitem{height:74px;display:flex;align-items:center;position:relative}.mega{position:absolute;top:72px;left:50%;transform:translate(-50%,10px);width:560px;background:#fff;border:1px solid var(--l);border-radius:12px;padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;box-shadow:0 20px 50px #0002;opacity:0;visibility:hidden;transition:.2s}.navitem:hover .mega,.navitem:focus-within .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}.mega b{font-size:10px}.mega a{display:block;font-size:10px;color:#777;padding:6px 0}.mega a:hover{color:var(--r)}.tools{display:flex}.tool{width:41px;height:41px;border:0;border-radius:50%;background:#fff;position:relative;display:inline-flex;align-items:center;justify-content:center}.tool:hover{background:#f2f2f2!important;color:#111!important}.count{position:absolute;right:0;top:0;min-width:16px;height:16px;border-radius:9px;background:var(--r);color:#fff;font-size:8px;display:grid;place-items:center}.menu{display:none}
.hero{height:575px;position:relative;overflow:hidden;background:#111}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:.6s}.slide.on{opacity:1;visibility:visible}.slide img{height:100%;object-fit:cover}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000d,#0008 38%,#0000 80%)}.copy{position:absolute;z-index:2;left:max(24px,calc((100% - 1192px)/2));top:50%;transform:translateY(-50%);color:#fff;max-width:540px}.ey{font-size:10px;font-weight:700;letter-spacing:.15em}.ey:before{content:"";display:inline-block;width:20px;height:2px;background:var(--r);margin:0 8px 3px 0}.copy h1{font-size:56px;line-height:1.02;letter-spacing:-2.6px;margin:14px 0}.copy p{font-size:13px;line-height:1.8;color:#ddd}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--r);color:#fff!important;padding:13px 18px;border-radius:5px;font-size:11px;font-weight:700;margin-top:8px}.btn:hover{background:#111!important}.hdots{position:absolute;z-index:3;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.hdots button{width:29px;height:4px;padding:0;border:0;border-radius:4px;background:#ffffff66}.hdots button.on{width:48px;background:#fff}
.trust{border-bottom:1px solid var(--l)}.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.trustitem{min-height:72px;display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid var(--l)}.trustitem:last-child{border:0}.trustitem i{font-size:19px;color:var(--r)}.trustitem b{font-size:10px;display:block}.trustitem small{font-size:8px;color:#888}
.sec{padding:68px 0}.soft{background:var(--s)}.sh{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.sh small{font-size:9px;color:var(--r);font-weight:700;letter-spacing:.13em}.sh h2{font-size:30px;margin:5px 0 0;letter-spacing:-1px}.sh p{font-size:11px;color:#777;margin:6px 0 0}.view{font-size:10px;font-weight:700;border-bottom:1px solid #111;padding-bottom:4px}.rail{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}.cat{flex:0 0 calc((100% - 54px)/4);height:310px;position:relative;border-radius:10px;overflow:hidden}.cat img{height:100%;object-fit:cover;transition:.4s}.cat:hover img{transform:scale(1.04)}.cat:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000b,#0000 65%)}.ct{position:absolute;z-index:2;left:18px;bottom:17px;color:#fff}.ct h3{margin:0 0 4px;font-size:18px}.ct span{font-size:9px}.product{flex:0 0 calc((100% - 54px)/4);border:1px solid var(--l);border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.pimg{height:300px;background:#f2f2f0;position:relative;overflow:hidden}.pimg img{height:100%;object-fit:cover;transition:.4s}.product:hover .pimg img{transform:scale(1.035)}.tag{position:absolute;left:10px;top:10px;background:#fff;padding:5px 8px;border-radius:20px;font-size:8px;font-weight:700}.wish{position:absolute;right:10px;top:10px;width:35px;height:35px;border:0;border-radius:50%;background:#fff}.wish.active{background:var(--r)!important;color:#fff!important}.quick{position:absolute;left:10px;right:10px;bottom:10px;height:40px;border:0;border-radius:5px;background:#111;color:#fff;font-size:10px;font-weight:700;opacity:0;transition:.2s}.product:hover .quick{opacity:1}.pb{padding:14px;display:flex;flex-direction:column;flex:1}.pb h3{font-size:13px;margin:0 0 5px}.pb p{font-size:9.5px;color:#777;line-height:1.55;margin:0 0 10px;min-height:30px}.price{font-size:12px;font-weight:700;margin-top:auto}.price s{color:#aaa;font-weight:400;margin-right:5px}.stars{font-size:9px;color:var(--r);margin-top:7px}.controls{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.dots{display:flex;gap:5px}.dots button{width:7px;height:7px;border:0;border-radius:8px;padding:0;background:#ccc}.dots button.on{width:26px;background:var(--r)}.arr{display:flex;gap:6px}.arr button{width:39px;height:39px;border:1px solid #ddd;border-radius:50%;background:#fff}.arr button:hover{background:#111!important;color:#fff!important}
.feature{display:grid;grid-template-columns:1.05fr .95fr;min-height:500px;background:#101214;color:#fff;border-radius:13px;overflow:hidden}.feature img{height:100%;object-fit:cover}.fc{padding:55px;display:flex;flex-direction:column;justify-content:center}.fc h2{font-size:40px;line-height:1.06;margin:12px 0}.fc p{font-size:12px;line-height:1.8;color:#b9bcbe}.specs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.spec{border:1px solid #333;border-radius:7px;padding:12px}.spec b{font-size:11px;display:block}.spec small{font-size:8px;color:#999}.review{flex:0 0 calc((100% - 36px)/3);border:1px solid var(--l);border-radius:10px;padding:22px}.review blockquote{font-size:12px;line-height:1.75;margin:14px 0 20px}.person{display:flex;gap:9px;align-items:center}.person img{width:40px;height:40px;border-radius:50%;object-fit:cover}.person b{font-size:10px}.person small{display:block;color:#888;font-size:8px}.faqgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.faqgrid h2{font-size:36px;margin:7px 0}.faqgrid>div:first-child p{font-size:11px;color:#777;line-height:1.7}.faq details{border-top:1px solid var(--l)}.faq details:last-child{border-bottom:1px solid var(--l)}.faq summary{list-style:none;padding:19px 0;display:flex;justify-content:space-between;cursor:pointer;font:600 12px "Space Grotesk"}.faq details p{font-size:10px;color:#777;line-height:1.7;margin:0;padding:0 35px 18px 0}
.footer{background:#111315;color:#fff}.ftop{padding:54px 0 40px}.fg{display:grid;grid-template-columns:1.45fr .7fr .7fr 1.05fr;gap:45px}.fb p,.fcol a,.fn p{font-size:10px;color:#9da0a3;line-height:1.9}.fb p{max-width:320px}.socials{display:flex;gap:7px;margin-top:16px}.socials a{width:37px;height:37px;border:1px solid #36383b;border-radius:50%;display:grid;place-items:center}.socials a:hover{background:var(--r)!important;color:#fff!important}.fcol h4,.fn h4{font:700 10px "Space Grotesk";letter-spacing:.1em}.fcol a{display:block;padding:3px 0}.nl{display:flex;background:#fff;border-radius:5px;padding:4px}.nl input{flex:1;min-width:0;height:36px;border:0;padding:0 9px;font-size:9px}.nl button{width:38px;border:0;border-radius:4px;background:var(--r);color:#fff}.fbot{border-top:1px solid #292b2e;padding:17px 0}.fbot .wrap{display:flex;justify-content:space-between;font-size:8px;color:#777}.fl{display:flex;gap:15px}
.scrim{position:fixed;inset:0;z-index:89;background:#0007;opacity:0;visibility:hidden;transition:.25s}.scrim.show{opacity:1;visibility:visible}.search{position:fixed;z-index:91;left:0;right:0;top:0;background:#fff;transform:translateY(-105%);transition:.32s;box-shadow:0 20px 50px #0002}.search.open{transform:none}.sin{max-width:var(--w);margin:auto;padding:26px 24px 30px}.ph{display:flex;justify-content:space-between;align-items:center}.ph h3{font-size:20px}.close{width:40px;height:40px;border:1px solid #ddd;border-radius:50%;background:#fff}.sf{display:flex;align-items:center;border-bottom:2px solid #111}.sf input{flex:1;min-width:0;height:55px;border:0;padding:0 13px}.sf button{height:40px;border:0;border-radius:4px;background:#111;color:#fff;padding:0 16px}.sr{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:19px}.si{display:flex;gap:9px;align-items:center;border:1px solid #eee;border-radius:7px;padding:8px;cursor:pointer}.si img{width:55px;height:64px;object-fit:cover}.si b{font-size:9px;display:block}.si small{font-size:8px;color:#777}.drawer{position:fixed;z-index:92;right:0;top:0;bottom:0;width:min(92vw,410px);background:#fff;transform:translateX(105%);transition:.32s;display:flex;flex-direction:column}.drawer.open{transform:none}.dh{height:70px;border-bottom:1px solid #eee;padding:0 19px;display:flex;align-items:center;justify-content:space-between}.dh h3{font-size:16px}.items{padding:17px 19px;overflow:auto;flex:1}.empty{text-align:center;padding:65px 10px;color:#888;font-size:11px}.di{display:grid;grid-template-columns:70px 1fr auto;gap:10px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #eee}.di img{width:70px;height:80px;object-fit:cover}.di h4{font-size:10px;margin:3px 0}.di b{font-size:10px}.qty{display:flex;margin-top:8px}.qty button{width:26px;height:26px;border:1px solid #ddd;background:#fff}.qty span{width:27px;text-align:center;line-height:26px;font-size:9px}.rm{border:0;background:none;color:#999}.df{padding:16px 19px 20px;border-top:1px solid #eee;background:#fafafa}.sub{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:11px}.checkout{width:100%;height:46px;border:0;border-radius:5px;background:var(--r);color:#fff;font-weight:700}.addw{border:0;background:#111;color:#fff;border-radius:4px;padding:7px 9px;font-size:8px;margin-top:7px}.toast{position:fixed;z-index:100;left:50%;bottom:22px;transform:translate(-50%,80px);opacity:0;background:#111;color:#fff;border-radius:30px;padding:10px 15px;font-size:9px;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}.mnav{display:none}
@media(max-width:900px){.nav{display:none}.menu{display:inline-flex}.hero{height:510px}.copy h1{font-size:45px}.cat,.product{flex-basis:calc((100% - 18px)/2)}.review{flex-basis:calc((100% - 18px)/2)}.feature{grid-template-columns:1fr}.feature>div:first-child{height:360px}.faqgrid{grid-template-columns:1fr;gap:24px}.fg{grid-template-columns:1fr 1fr}.fb,.fn{grid-column:1/-1}.sr{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap{padding:0 16px}.top{display:none}.header{height:70px;padding:7px 0;background:#f4f4f2;border:0}.head{height:56px;background:#fff;border:1px solid #e7e7e7;border-radius:13px;padding:0 8px 0 14px}.logo{font-size:21px}.user,.wtop{display:none}.tool{width:38px;height:38px}.menu{background:#111;color:#fff;border-radius:9px}.mnav{display:block;position:fixed;z-index:49;top:70px;left:10px;right:10px;background:#fff;border:1px solid #e7e7e7;border-radius:0 0 12px 12px;padding:7px;box-shadow:0 18px 38px #0002;opacity:0;visibility:hidden;transform:translateY(-7px);transition:.2s}.mnav.open{opacity:1;visibility:visible;transform:none}.mnav>a,.mg>button{width:100%;height:43px;border:0;border-bottom:1px solid #eee;background:#fff;padding:0 10px;display:flex;align-items:center;justify-content:space-between;font:600 10px "Space Grotesk";text-align:left}.ms{display:none;background:#f6f6f4;padding:5px 10px}.mg.open .ms{display:block}.ms a{display:block;padding:7px 4px;font-size:9px;color:#666}.hero{height:455px}.copy{left:20px;right:20px}.copy h1{font-size:36px}.copy p{font-size:11px}.trust .wrap{display:flex;overflow:auto}.trustitem{flex:0 0 78%;min-height:66px}.sec{padding:50px 0}.sh h2{font-size:24px}.sh p{font-size:9px}.cat,.product,.review{flex:0 0 100%!important;min-width:100%!important;max-width:100%!important;scroll-snap-stop:always}.cat{height:325px}.pimg{height:325px}.quick{opacity:1}.feature>div:first-child{height:300px}.fc{padding:27px 19px}.fc h2{font-size:30px}.faqgrid h2{font-size:29px}.fg{gap:28px 20px}.fbot .wrap{flex-direction:column;gap:8px}.fl{flex-wrap:wrap}.sin{padding:18px 16px 23px}.sr{display:flex;overflow:auto;scroll-snap-type:x mandatory}.si{flex:0 0 100%;scroll-snap-align:start}.drawer{width:94vw}}

/* V2 — exact icon centering, banner arrow navigation, About section */
#nx button,#nx .tool,#nx .close,#nx .wish,#nx .arr button,#nx .socials a,#nx .nl button,
#nx .trustitem i,#nx .faq summary i,#nx .qty button,#nx .rm{
  align-items:center!important;justify-content:center!important;
}
#nx .tool,#nx .close,#nx .wish,#nx .arr button,#nx .socials a,#nx .nl button,#nx .qty button,#nx .rm{
  display:inline-flex!important;padding:0!important;
}
#nx .fi{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:1em!important;height:1em!important;line-height:1!important;vertical-align:middle!important;position:static!important;transform:none!important}
#nx .fi:before{display:block!important;line-height:1!important;margin:0!important;padding:0!important}
#nx .drawer .close .fi,#nx .search .close .fi{font-size:18px!important}
#nx .drawer .rm .fi{font-size:15px!important}
#nx .drawer .qty button{line-height:1!important}
#nx .empty .fi{margin:0 auto 10px!important;width:32px!important;height:32px!important;font-size:24px!important}

.hero-arrows{position:absolute;z-index:5;left:max(24px,calc((100% - 1192px)/2));right:max(24px,calc((100% - 1192px)/2));top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none}
.hero-arrow{pointer-events:auto;width:54px;height:54px;border:0!important;background:transparent!important;color:#fff!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;opacity:.9;transition:.2s}
.hero-arrow .fi{font-size:36px!important;width:36px!important;height:36px!important}
.hero-arrow:hover{background:transparent!important;color:#fff!important;opacity:1;transform:scale(1.08)}
.hero-arrow.prev{margin-left:-72px}.hero-arrow.next{margin-right:-72px}

.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:58px;align-items:center}
.about-visual{height:500px;position:relative;border-radius:14px;overflow:hidden;background:#eee}
.about-visual img{height:100%;object-fit:cover}
.about-badge{position:absolute;right:18px;bottom:18px;background:#fff;border-radius:10px;padding:16px 18px;box-shadow:0 12px 30px #0002;max-width:185px}
.about-badge b{display:block;font:700 22px "Space Grotesk";color:var(--r)}
.about-badge span{font-size:9px;color:#777;line-height:1.5}
.about-copy>small{font-size:9px;color:var(--r);font-weight:700;letter-spacing:.13em}
.about-copy h2{font-size:40px;line-height:1.08;letter-spacing:-1.4px;margin:10px 0 15px}
.about-copy>p{font-size:12px;color:#6f7277;line-height:1.85;max-width:570px}
.about-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0 25px}
.about-point{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--l);border-radius:8px;padding:14px}
.about-point i{flex:0 0 30px;width:30px!important;height:30px!important;border-radius:50%;background:#fff1ef;color:var(--r);font-size:14px}
.about-point b{display:block;font:700 11px "Space Grotesk";margin:2px 0 3px}
.about-point span{font-size:8.5px;color:#888;line-height:1.5}

@media(max-width:1350px){.hero-arrow.prev{margin-left:0}.hero-arrow.next{margin-right:0}}
@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:30px}.about-visual{height:390px}.about-copy h2{font-size:34px}.hero-arrows{left:14px;right:14px}}
@media(max-width:600px){
 .hero-arrows{top:auto;bottom:49px;transform:none;left:18px;right:18px}
 .hero-arrow{width:44px;height:44px}
 .hero-arrow .fi{font-size:30px!important;width:30px!important;height:30px!important}
 .hdots{bottom:20px}
 .about-visual{height:315px}.about-badge{right:12px;bottom:12px;padding:12px 14px}
 .about-copy h2{font-size:29px}.about-points{grid-template-columns:1fr}
}



/* =========================================================
   V3 — PROFESSIONAL BALANCED MOBILE HEADER
   ========================================================= */
@media (max-width: 600px){

  #nx .header{
    height:72px!important;
    padding:8px 0!important;
    background:#f5f5f3!important;
    border-bottom:0!important;
  }

  #nx .header .wrap{
    padding:0 10px!important;
  }

  #nx .head{
    position:relative!important;
    height:56px!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:88px 1fr 88px!important;
    align-items:center!important;
    padding:0 7px!important;
    background:#fff!important;
    border:1px solid #e9e9e7!important;
    border-radius:14px!important;
    box-shadow:0 7px 24px rgba(0,0,0,.055)!important;
  }

  /* left side — menu */
  #nx .mobilemenu,
  #nx #menu{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    background:#111315!important;
    color:#fff!important;
    order:unset!important;
  }

  #nx .mobilemenu:hover,
  #nx #menu:hover,
  #nx .mobilemenu:focus,
  #nx #menu:focus{
    background:#111315!important;
    color:#fff!important;
  }

  #nx .mobilemenu .fi,
  #nx #menu .fi{
    width:18px!important;
    height:18px!important;
    font-size:18px!important;
    color:#fff!important;
  }

  /* true centered logo */
  #nx .head > .logo{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:center!important;
    margin:0!important;
    width:auto!important;
    font-size:21px!important;
    line-height:1!important;
    letter-spacing:-1.5px!important;
    white-space:nowrap!important;
  }

  /* right-side actions */
  #nx .head > .tools{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:2px!important;
    margin:0!important;
    width:auto!important;
  }

  /* menu is visually moved to the left grid column */
  #nx .head > .tools #menu,
  #nx .head > .tools .mobilemenu{
    position:absolute!important;
    left:7px!important;
    top:7px!important;
  }

  #nx .head .tool{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    padding:0!important;
    margin:0!important;
    border-radius:9px!important;
    background:transparent!important;
    color:#161719!important;
  }

  #nx .head .tool:hover,
  #nx .head .tool:focus{
    background:#f3f3f1!important;
    color:#161719!important;
  }

  #nx .head .tool .fi{
    width:18px!important;
    height:18px!important;
    font-size:18px!important;
  }

  /* keep only the useful mobile actions */
  #nx .head .user,
  #nx .head .wtop,
  #nx .head .wishlistTop{
    display:none!important;
  }

  #nx #searchOpen{
    display:inline-flex!important;
  }

  #nx #cartOpen{
    display:inline-flex!important;
  }

  #nx .head .count{
    top:1px!important;
    right:0!important;
    min-width:15px!important;
    height:15px!important;
    padding:0 3px!important;
    font-size:8px!important;
    border:2px solid #fff!important;
  }

  /* dropdown starts directly below floating header */
  #nx .mnav{
    top:72px!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    padding:8px!important;
    border:1px solid #e7e7e5!important;
    border-radius:0 0 14px 14px!important;
    background:#fff!important;
    box-shadow:0 20px 42px rgba(0,0,0,.14)!important;
  }

  #nx .mnav > a,
  #nx .mgroup > button,
  #nx .mg > button{
    min-height:46px!important;
    padding:0 12px!important;
    text-align:left!important;
  }
}

@media (max-width: 380px){
  #nx .head{
    grid-template-columns:78px 1fr 78px!important;
  }

  #nx .head > .logo{
    font-size:19px!important;
  }

  #nx .head .tool{
    width:35px!important;
    height:35px!important;
    min-width:35px!important;
  }

  #nx .head > .tools #menu,
  #nx .head > .tools .mobilemenu{
    width:38px!important;
    height:38px!important;
    top:8px!important;
  }
}


/* V4 — simplified header + trust marquee */
#nx .head .user,
#nx .head .wtop,
#nx .head .wishlistTop{
  display:none!important;
}
#nx .trust{
  overflow:hidden!important;
  border-bottom:1px solid var(--l)!important;
  background:#fff!important;
}
#nx .trust .wrap{
  max-width:none!important;
  width:100%!important;
  padding:0!important;
  overflow:hidden!important;
  display:block!important;
}
#nx .trust-track{
  width:max-content!important;
  display:flex!important;
  align-items:center!important;
  animation:nxTrustMarquee 24s linear infinite;
  will-change:transform;
}
#nx .trust:hover .trust-track{animation-play-state:paused}
#nx .trustitem{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:285px!important;
  min-height:72px!important;
  padding:0 34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  border-right:1px solid var(--l)!important;
  white-space:nowrap!important;
}
#nx .trustitem i{
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  font-size:20px!important;
}
#nx .trustitem b{font-size:10px!important}
#nx .trustitem small{font-size:8px!important}
@keyframes nxTrustMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media(max-width:600px){
  #nx .trust .wrap{padding:0!important}
  #nx .trustitem{
    min-width:245px!important;
    min-height:66px!important;
    padding:0 25px!important;
  }
  #nx .trust-track{animation-duration:19s}
}
@media(prefers-reduced-motion:reduce){
  #nx .trust-track{animation:none!important}
}



/* V5 — restore wishlist; desktop menu hidden only */
#nx .head .wtop,
#nx .head .wishlistTop{
  display:inline-flex!important;
}

/* Desktop/tablet: no hamburger/menu icon */
@media (min-width: 901px){
  #nx .head #menu,
  #nx .head .menu,
  #nx .head .mobilemenu{
    display:none!important;
  }
}

/* Mobile: wishlist is useful and hamburger remains available */
@media (max-width: 600px){
  #nx .head .wtop,
  #nx .head .wishlistTop{
    display:inline-flex!important;
  }

  #nx .head #menu,
  #nx .head .menu,
  #nx .head .mobilemenu{
    display:inline-flex!important;
  }

  /* balanced mobile header with Menu left,
     logo centered, wishlist/search/cart on right */
  #nx .head{
    grid-template-columns:48px 1fr 118px!important;
  }

  #nx .head > .tools{
    gap:0!important;
  }

  #nx .head .tool{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }

  #nx .head .tool .fi{
    width:17px!important;
    height:17px!important;
    font-size:17px!important;
  }

  #nx .head > .tools #menu,
  #nx .head > .tools .mobilemenu{
    left:7px!important;
    width:40px!important;
    height:40px!important;
  }
}

@media (max-width: 380px){
  #nx .head{
    grid-template-columns:44px 1fr 105px!important;
  }

  #nx .head .tool{
    width:33px!important;
    height:33px!important;
    min-width:33px!important;
  }
}



/* =========================================================
   V6 — MOBILE MENU CONSISTENCY + COMPLETE ELEMENTOR PINK FIX
   ========================================================= */

/* Neutralize Elementor/theme accent leakage inside NEXORA */
#nx{
  --e-global-color-accent:#f04438!important;
  --e-global-color-primary:#121316!important;
}

#nx a,
#nx button,
#nx summary,
#nx input,
#nx .fi,
#nx .fi:before{
  -webkit-tap-highlight-color:transparent!important;
}

/* Never allow Elementor pink/purple focus/active backgrounds */
.elementor #nx a:focus,
.elementor #nx a:active,
.elementor #nx button:focus,
.elementor #nx button:active,
.elementor #nx summary:focus,
.elementor #nx summary:active,
#nx a:focus,
#nx a:active,
#nx button:focus,
#nx button:active,
#nx summary:focus,
#nx summary:active{
  outline:none!important;
  box-shadow:none!important;
}

/* Close/cross and interface controls stay neutral */
#nx .close,
#nx .close:hover,
#nx .close:focus,
#nx .close:active,
#nx .rm,
#nx .rm:hover,
#nx .rm:focus,
#nx .rm:active{
  background:transparent!important;
  color:#121316!important;
}

#nx .close .fi,
#nx .close .fi:before,
#nx .rm .fi,
#nx .rm .fi:before{
  color:inherit!important;
}

/* Mobile menu — every row aligned identically to the LEFT */
@media(max-width:600px){

  #nx .mnav{
    text-align:left!important;
  }

  #nx .mnav > a,
  #nx .mg > button,
  #nx .mgroup > button{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:48px!important;
    padding:0 12px!important;
    margin:0!important;
    border:0!important;
    border-bottom:1px solid #eeeeec!important;
    border-radius:0!important;
    background:#fff!important;
    color:#17181b!important;
    text-align:left!important;
    font:600 10px "Space Grotesk",sans-serif!important;
    line-height:1.2!important;
  }

  /* Important: remove pink + black hover/active states */
  .elementor #nx .mnav > a:hover,
  .elementor #nx .mnav > a:focus,
  .elementor #nx .mnav > a:active,
  .elementor #nx .mg > button:hover,
  .elementor #nx .mg > button:focus,
  .elementor #nx .mg > button:active,
  #nx .mnav > a:hover,
  #nx .mnav > a:focus,
  #nx .mnav > a:active,
  #nx .mg > button:hover,
  #nx .mg > button:focus,
  #nx .mg > button:active{
    background:#fff!important;
    color:#17181b!important;
  }

  #nx .mnav > a *,
  #nx .mg > button *,
  #nx .mgroup > button *{
    color:inherit!important;
  }

  /* Keep arrows at right, labels at left */
  #nx .mnav > a > span{
    margin-left:auto!important;
    color:#777!important;
  }

  #nx .mg > button .fi,
  #nx .mgroup > button .fi{
    margin-left:auto!important;
    color:#777!important;
    font-size:12px!important;
  }

  /* Submenu: also strictly left aligned */
  #nx .ms,
  #nx .msub{
    width:100%!important;
    padding:5px 12px 7px!important;
    margin:0!important;
    background:#f7f7f5!important;
    border-radius:0!important;
    text-align:left!important;
  }

  #nx .ms a,
  #nx .msub a{
    display:block!important;
    width:100%!important;
    padding:9px 8px!important;
    margin:0!important;
    background:transparent!important;
    color:#666a70!important;
    text-align:left!important;
    font-size:9.5px!important;
    font-weight:500!important;
  }

  .elementor #nx .ms a:hover,
  .elementor #nx .ms a:focus,
  .elementor #nx .ms a:active,
  #nx .ms a:hover,
  #nx .ms a:focus,
  #nx .ms a:active{
    background:transparent!important;
    color:#17181b!important;
  }

  /* Open parent remains visible, not black/pink */
  #nx .mg.open > button,
  #nx .mgroup.open > button{
    background:#fff!important;
    color:#17181b!important;
  }

  /* Header icon buttons: remove Elementor accent states */
  .elementor #nx .head .tool:hover,
  .elementor #nx .head .tool:focus,
  .elementor #nx .head .tool:active,
  #nx .head .tool:hover,
  #nx .head .tool:focus,
  #nx .head .tool:active{
    background:transparent!important;
    color:#161719!important;
  }

  /* Hamburger is intentionally dark, all other header icons stay transparent */
  .elementor #nx .head #menu,
  .elementor #nx .head #menu:hover,
  .elementor #nx .head #menu:focus,
  .elementor #nx .head #menu:active,
  #nx .head #menu,
  #nx .head #menu:hover,
  #nx .head #menu:focus,
  #nx .head #menu:active{
    background:#111315!important;
    color:#fff!important;
  }

  /* No theme-generated pink selection/focus box */
  #nx .mnav *::selection{
    background:#e9e9e7!important;
    color:#17181b!important;
  }
}

