/* ==========================================================================
   Necchi Srbija : dizajn sistem teme
   Jedan izvor stila za ceo sajt. Nijedna strana nema sopstvene stilove.
   Verzija 2.0 (2026-09-22)
   ========================================================================== */

:root{
 --red:#d71920; --red-d:#b0141a; --rose:#ffb3b7;
 --ink:#101010; --ink-2:#2a2a2a; --mute:#6f6a63;
 --paper:#f5f2ec; --line:#e4dfd6; --white:#fff;
 --serif:"Playfair Display",Georgia,serif;
 --sans:"Inter",system-ui,-apple-system,Arial,sans-serif;
 --ease:cubic-bezier(.2,.7,.2,1);
 --r-pill:999px; --r-lg:26px; --r-card:22px; --r-md:18px; --r-ico:14px;
 --wrap:1240px; --gut:32px;
}

/* ---------- baza ---------- */
body.nx{margin:0;font-family:var(--sans);color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.nx img{display:block;max-width:100%;height:auto}
body.nx a{color:inherit;text-decoration:none}
body.nx h1,body.nx h2,body.nx h3,body.nx h4{font-family:var(--serif);font-weight:500;margin:0;letter-spacing:-.01em;color:var(--ink)}
body.nx h1{font-size:clamp(40px,5vw,72px);line-height:1.02}
body.nx h2{font-size:clamp(32px,4vw,56px);line-height:1.06}
body.nx h3{font-size:clamp(22px,2.2vw,30px);line-height:1.16}
body.nx h2 em,body.nx h1 em,body.nx h3 em{font-style:italic;color:var(--red)}
body.nx p{margin:0 0 18px}
body.nx ::selection{background:var(--red);color:#fff}
.nx .wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.nx .sec{padding:120px 0}
.nx .sec.tight{padding:88px 0}
.nx .sec.paper{background:var(--paper)}
.nx .sec.dark{background:var(--ink);color:#fff}
.nx .sec.dark h1,.nx .sec.dark h2,.nx .sec.dark h3{color:#fff}
.nx .sec.dark h2 em,.nx .sec.dark h3 em{color:var(--rose)}
.nx .lead{font-size:18px;line-height:1.7;color:var(--ink-2);max-width:62ch}
.nx .sec.dark .lead{color:rgba(255,255,255,.78)}
.nx .center{text-align:center;margin-left:auto;margin-right:auto}

/* ---------- nadnaslov ---------- */
.nx .eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--red)}
.nx .eyebrow:before{content:"";width:28px;height:2px;background:var(--red)}
.nx .eyebrow.light{color:var(--rose)}
.nx .eyebrow.light:before{background:var(--rose)}

/* ---------- dugmad: jedan oblik za ceo sajt ---------- */
.nx .btn,
body.nx .woocommerce a.button,
body.nx .woocommerce button.button,
body.nx .woocommerce input.button,
body.nx button[type=submit],
body.nx input[type=submit]{
 display:inline-flex;align-items:center;justify-content:center;gap:12px;
 padding:17px 34px;font:600 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;
 border:1px solid var(--ink);border-radius:var(--r-pill);background:transparent;color:var(--ink);
 cursor:pointer;transition:.3s var(--ease)}
.nx .btn:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
.nx .btn.red,
body.nx .woocommerce a.button,
body.nx .woocommerce button.button,
body.nx button[type=submit],
body.nx input[type=submit]{background:var(--red);border-color:var(--red);color:#fff}
.nx .btn.red:hover,
body.nx .woocommerce a.button:hover,
body.nx .woocommerce button.button:hover,
body.nx button[type=submit]:hover{background:var(--red-d);border-color:var(--red-d);color:#fff;box-shadow:0 14px 30px -12px rgba(215,25,32,.7);transform:translateY(-2px)}
.nx .btn.ghost{border-color:rgba(255,255,255,.5);color:#fff}
.nx .btn.ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.nx .btn.sm{padding:12px 22px;font-size:12px}
.nx .btn svg{width:16px;height:16px;flex:none;transition:transform .3s}
.nx .btn:hover svg{transform:translateX(4px)}

/* ---------- ikonice ---------- */
.nx .ico{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;color:var(--red);border-radius:var(--r-ico);flex:none}
.nx .ico svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nx .ico.sm{width:40px;height:40px;border-radius:var(--r-ico)}
.nx .ico.sm svg{width:20px;height:20px}
.nx .ico.dark{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:var(--rose)}

/* ---------- animacije ---------- */
.nx [data-rv]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.nx [data-rv].in{opacity:1;transform:none}
.nx [data-rv="l"]{transform:translateX(-40px)}
.nx [data-rv="r"]{transform:translateX(40px)}
.nx [data-rv="s"]{transform:scale(.94)}
.nx .stagger>*{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.nx .stagger.in>*{opacity:1;transform:none}
.nx .stagger.in>*:nth-child(2){transition-delay:.1s}
.nx .stagger.in>*:nth-child(3){transition-delay:.2s}
.nx .stagger.in>*:nth-child(4){transition-delay:.3s}
.nx .stagger.in>*:nth-child(5){transition-delay:.4s}
.nx .stagger.in>*:nth-child(6){transition-delay:.5s}
.nx .stagger.in>*:nth-child(7){transition-delay:.6s}
.nx .stagger.in>*:nth-child(8){transition-delay:.7s}
@media(prefers-reduced-motion:reduce){.nx [data-rv],.nx .stagger>*{opacity:1!important;transform:none!important;transition:none!important}}

/* ---------- header teme ---------- */
body.nx .site-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:0}
body.nx .site-header .header-inner,
body.nx .site-header>div{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}
body.nx .site-header .site-branding img,body.nx .site-header .custom-logo{height:42px;width:auto}
body.nx .site-header .site-navigation ul{list-style:none;display:flex;gap:30px;align-items:center;margin:0;padding:0}
body.nx .site-header .site-navigation a{font:500 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);position:relative;padding:8px 0;display:inline-block}
body.nx .site-header .site-navigation a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:width .3s var(--ease)}
body.nx .site-header .site-navigation a:hover:after,body.nx .site-header .site-navigation .current-menu-item>a:after{width:100%}
body.nx .site-header .site-navigation .necchi-menu-cta>a{padding:13px 22px;background:var(--red);color:#fff;border-radius:var(--r-pill)}
body.nx .site-header .site-navigation .necchi-menu-cta>a:after{display:none}
body.nx .site-header .site-navigation .necchi-menu-cta>a:hover{background:var(--ink)}

/* ---------- footer teme ---------- */
body.nx .site-footer{background:var(--ink);color:rgba(255,255,255,.72);padding:72px 0 34px}
body.nx .site-footer a{color:rgba(255,255,255,.72)}
body.nx .site-footer a:hover{color:#fff}
body.nx .site-footer img{height:40px;width:auto;filter:grayscale(1) invert(1) contrast(1.2);mix-blend-mode:screen}
.nx .ftr-grid{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:44px}
.nx .ftr-grid h4{font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#fff;margin:0 0 18px}
.nx .ftr-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:14px}
.nx .ftr-grid p{font-size:14px;max-width:40ch;margin:18px 0 0}
.nx .ftr-legal{max-width:var(--wrap);margin:44px auto 0;padding:24px var(--gut) 0;border-top:1px solid rgba(255,255,255,.12);font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

/* ---------- hero na pocetnoj ---------- */
.nx .hero{position:relative;min-height:92vh;display:flex;align-items:center;color:#fff;overflow:hidden;background:#141210}
.nx .hero .bg{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;object-position:62% 45%;animation:nxkb 18s ease-in-out infinite alternate}
@keyframes nxkb{from{transform:scale(1) translate(0,0)}to{transform:scale(1.08) translate(-1.5%,-1%)}}
.nx .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,8,6,.9) 0%,rgba(10,8,6,.62) 45%,rgba(10,8,6,.15) 100%)}
.nx .hero .wrap{position:relative;z-index:2;padding:130px var(--gut) 110px;width:100%}
.nx .kicker{display:inline-flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;border:1px solid rgba(255,255,255,.22);border-radius:var(--r-pill);font:500 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.92);background:rgba(255,255,255,.06)}
.nx .kicker i{width:26px;height:26px;border-radius:50%;background:var(--red);display:grid;place-items:center}
.nx .kicker i svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2}
.nx .hero h1{font-size:clamp(44px,6.2vw,92px);max-width:14ch;font-weight:400;color:#fff;margin-top:26px}
.nx .hero h1 em{color:var(--rose)}
.nx .hero h1 .w{display:inline-block;overflow:hidden;vertical-align:bottom}
.nx .hero h1 .w span{display:inline-block;transform:translateY(110%);animation:nxup .9s var(--ease) forwards}
.nx .hero h1 .w:nth-child(2) span{animation-delay:.1s}
.nx .hero h1 .w:nth-child(3) span{animation-delay:.2s}
.nx .hero h1 .w:nth-child(4) span{animation-delay:.3s}
.nx .hero h1 .w:nth-child(5) span{animation-delay:.4s}
@keyframes nxup{to{transform:none}}
.nx .hero p{font-size:19px;max-width:54ch;color:rgba(255,255,255,.85);margin:30px 0 38px;opacity:0;animation:nxfade 1s .6s var(--ease) forwards}
.nx .actions{display:flex;gap:16px;flex-wrap:wrap}
.nx .hero .actions{opacity:0;animation:nxfade 1s .8s var(--ease) forwards}
@keyframes nxfade{to{opacity:1}}
.nx .hero .strip{position:absolute;left:0;right:0;bottom:0;z-index:3;border-top:1px solid rgba(255,255,255,.14);background:rgba(10,8,6,.45);backdrop-filter:blur(8px)}
.nx .hero .strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding:0 var(--gut)}
.nx .hero .strip div{display:flex;align-items:center;gap:14px;padding:20px 24px 20px 0;border-right:1px solid rgba(255,255,255,.12);font-size:13px;color:rgba(255,255,255,.8);line-height:1.35}
.nx .hero .strip div:last-child{border:0}
.nx .hero .strip b{display:block;font:500 15px/1.2 var(--sans);color:#fff}
.nx .scroll{position:absolute;right:40px;bottom:120px;z-index:3;color:rgba(255,255,255,.7);font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl;display:flex;gap:12px;align-items:center}
.nx .scroll:after{content:"";width:1px;height:56px;background:linear-gradient(#fff,transparent);animation:nxdrop 1.8s infinite}
@keyframes nxdrop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---------- hero na unutrasnjim stranama ---------- */
.nx .phero{position:relative;background:var(--ink);color:#fff;overflow:hidden;padding:150px 0 80px}
.nx .phero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.nx .phero:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,8,6,.92) 0%,rgba(10,8,6,.6) 60%,rgba(10,8,6,.3) 100%)}
.nx .phero .wrap{position:relative;z-index:2}
.nx .phero h1{color:#fff;margin-top:20px;max-width:18ch}
.nx .phero h1 em{color:var(--rose)}
.nx .phero p{color:rgba(255,255,255,.82);font-size:18px;max-width:58ch;margin-top:20px}
.nx .crumbs{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6);display:flex;gap:10px;flex-wrap:wrap}
.nx .crumbs a:hover{color:#fff}

/* ---------- glava sekcije ---------- */
.nx .head{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:end;margin-bottom:60px}
.nx .head.one{grid-template-columns:1fr;max-width:820px}
.nx .head h2{margin-top:22px}
.nx .head-row{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:54px;flex-wrap:wrap}

/* ---------- kartice prednosti ---------- */
.nx .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.nx .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.nx .grid2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.nx .feat{padding:34px 28px 36px;border:1px solid var(--line);border-radius:var(--r-card);background:#fff;transition:.4s var(--ease);position:relative;overflow:hidden}
.nx .feat:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#fff 0%,var(--paper) 100%);opacity:0;transition:.4s}
.nx .feat:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(0,0,0,.25);border-color:transparent}
.nx .feat:hover:before{opacity:1}
.nx .feat>*{position:relative}
.nx .feat h3{font:600 18px/1.3 var(--sans);margin:22px 0 10px}
.nx .feat p{margin:0;font-size:15px;color:var(--ink-2)}
.nx .feat .n{position:absolute;top:22px;right:26px;font:italic 400 28px/1 var(--serif);color:var(--line)}
.nx .sec.dark .feat{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
.nx .sec.dark .feat h3{color:#fff}
.nx .sec.dark .feat p{color:rgba(255,255,255,.75)}
.nx .sec.dark .feat .n{color:rgba(255,255,255,.14)}
.nx .sec.dark .feat:before{display:none}

/* ---------- kartice tipova masina ---------- */
.nx .type{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:520px;display:flex;flex-direction:column;justify-content:flex-end;padding:32px;background:#1c1a17;isolation:isolate}
.nx .type img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);z-index:-2}
.nx .type:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.55) 42%,rgba(0,0,0,.93) 100%);z-index:-1}
.nx .type:hover img{transform:scale(1.06)}
.nx .type .ico{margin-bottom:auto;align-self:flex-start}
.nx .type small{display:block;font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--rose);margin-bottom:12px}
.nx .type h3{color:#fff;margin-bottom:12px}
.nx .type p{margin:0 0 18px;font-size:15px;color:rgba(255,255,255,.82);max-width:38ch}
.nx .chips{display:flex;gap:8px;flex-wrap:wrap}
.nx .chips span,.nx .chips a{font:500 12px/1 var(--sans);padding:8px 12px;border:1px solid rgba(255,255,255,.25);border-radius:var(--r-pill);color:#fff}
.nx .chips a:hover{background:#fff;color:var(--ink)}
.nx .go{position:absolute;top:28px;right:28px;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;transition:.3s}
.nx .go svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.nx .type:hover .go{background:var(--red);color:#fff;transform:rotate(-45deg)}

/* ---------- traka sa brojevima ---------- */
.nx .band{background:var(--red);color:#fff;padding:56px 0}
.nx .band .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.nx .band b{display:block;font:400 54px/1 var(--serif)}
.nx .band span{font-size:14px;opacity:.92;display:block;margin-top:8px;max-width:24ch}

/* ---------- tehnologija ---------- */
.nx .pic{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5}
.nx .pic img{width:100%;height:100%;object-fit:cover}
.nx .pic.wide{aspect-ratio:4/3}
.nx .pic .tag{position:absolute;left:24px;bottom:24px;background:#fff;border-radius:var(--r-md);padding:16px 18px;display:flex;gap:14px;align-items:center;box-shadow:0 20px 40px -20px rgba(0,0,0,.4)}
.nx .pic .tag b{display:block;font:500 22px/1 var(--serif);color:var(--ink)}
.nx .pic .tag span{font-size:12px;color:var(--mute)}
.nx .list{list-style:none;padding:0;margin:36px 0 0;display:grid;gap:16px}
.nx .list li{display:flex;gap:18px;align-items:flex-start;padding:18px 20px;background:#fff;border-radius:var(--r-md);border:1px solid var(--line);transition:.3s}
.nx .list li:hover{transform:translateX(6px);border-color:var(--red)}
.nx .list b{display:block;font:600 15px/1.3 var(--sans);margin-bottom:4px}
.nx .list span{font-size:14px;color:var(--ink-2)}
.nx .list .ico{width:44px;height:44px}
.nx .list .ico svg{width:22px;height:22px}
.nx .sec.dark .list li{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
.nx .sec.dark .list b{color:#fff}
.nx .sec.dark .list span{color:rgba(255,255,255,.72)}

/* ---------- kartica modela ---------- */
.nx .cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.nx .cgrid.c3{grid-template-columns:repeat(3,1fr)}
.nx .pcard{border:1px solid var(--line);border-radius:var(--r-card);padding:22px;background:#fff;transition:.4s var(--ease);position:relative;display:flex;flex-direction:column;height:100%;text-align:left}
.nx .pcard:hover{transform:translateY(-8px);box-shadow:0 34px 60px -34px rgba(0,0,0,.3);border-color:transparent}
.nx .pcard .img{aspect-ratio:1;display:grid;place-items:center;background:#fff;border-radius:var(--r-md);overflow:hidden;margin-bottom:18px}
.nx .pcard .img img{width:88%;height:88%;object-fit:contain;transition:transform .6s var(--ease)}
.nx .pcard:hover .img img{transform:scale(1.06)}
.nx .pcard small{display:block;font:600 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.nx .pcard h3{font-size:22px;margin-bottom:8px}
.nx .pcard p{margin:0 0 20px;font-size:14px;color:var(--ink-2)}
.nx .pcard .foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.nx .pcard .meta{display:flex;gap:14px;font-size:12px;color:var(--mute);flex-wrap:wrap;min-width:0}
.nx .pcard .meta b{color:var(--ink);font-weight:600}
.nx .pcard .arr{position:static;flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:.3s;color:var(--ink)}
.nx .pcard .arr svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.nx .pcard:hover .arr{background:var(--red);color:#fff;border-color:var(--red)}

/* ---------- vremenska linija ---------- */
.nx .tl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.nx .tl div{border-top:1px solid rgba(255,255,255,.18);padding-top:14px}
.nx .tl b{display:block;font:400 26px/1 var(--serif);color:var(--rose);margin-bottom:6px}
.nx .tl span{font-size:13px;color:rgba(255,255,255,.7)}

/* ---------- kontakt ---------- */
.nx .info{list-style:none;padding:0;margin:32px 0 36px;display:grid;gap:14px;font-size:16px}
.nx .info li{display:flex;gap:14px;align-items:center}
.nx .map{aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:#e9e2d8}
.nx .map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(1) contrast(1.05)}

/* ---------- tabela specifikacija ---------- */
.nx .spec-card{border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;background:#fff}
.nx .spec{width:100%;border-collapse:collapse;font-size:15px;border:0}
.nx .spec th,.nx .spec td{text-align:left;padding:18px 24px;border:0;vertical-align:top;background:transparent}
.nx .spec th{font:600 11px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);width:34%;white-space:normal}
.nx .spec-head{margin-bottom:36px}
.nx .spec-head .lead{max-width:72ch}
.nx .spec th .thw{display:flex;align-items:center;gap:12px}
.nx .spec .sico{flex:none;display:block;line-height:0;color:var(--red)}
.nx .spec .sico svg{width:18px;height:18px;display:block;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.nx .spec th,.nx .spec td{padding:14px 16px}.nx .spec th{width:46%}}
.nx .spec td{color:var(--ink);font-weight:500}
.nx .spec tr{border-bottom:1px solid var(--line)}
.nx .spec tr:last-child{border-bottom:0}
.nx .spec tr:nth-child(odd){background:var(--paper)}
.nx .spec tr:hover{background:#fdf6f6}

/* ---------- cesta pitanja ---------- */
.nx .faq{display:grid;gap:14px;max-width:900px}
.nx .faq details{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:0 24px;transition:.3s}
.nx .faq details[open]{border-color:var(--red);box-shadow:0 24px 46px -34px rgba(0,0,0,.4)}
.nx .faq summary{list-style:none;cursor:pointer;padding:22px 0;font:600 17px/1.4 var(--sans);display:flex;justify-content:space-between;gap:20px;align-items:center}
.nx .faq summary::-webkit-details-marker{display:none}
.nx .faq summary:after{content:"";width:12px;height:12px;flex:none;border-right:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(45deg);transition:transform .3s}
.nx .faq details[open] summary:after{transform:rotate(-135deg)}
.nx .faq .a{padding:0 0 22px;color:var(--ink-2);font-size:15px;max-width:72ch}

/* ---------- WooCommerce: mreza proizvoda ---------- */
body.nx .woocommerce ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0;padding:0;list-style:none}
body.nx .woocommerce ul.products:before,body.nx .woocommerce ul.products:after{display:none}
body.nx .woocommerce ul.products li.product{width:auto;margin:0;float:none;padding:0;border:0;background:none;text-align:left;display:flex}
body.nx .woocommerce ul.products li.product .pcard{width:100%}
body.nx .woocommerce ul.products li.product .necchi-loop-details,body.nx .woocommerce ul.products li.product .necchi-loop-link{display:none}
body.nx .woocommerce .woocommerce-result-count,body.nx .woocommerce .woocommerce-breadcrumb{display:none}

/* ---------- WooCommerce: strana proizvoda ---------- */
.nx .p-hero{background:var(--ink);color:#fff;padding:140px 0 0;position:relative;overflow:hidden}
.nx .p-hero .grid{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:52px;align-items:center}
.nx .p-hero h1{color:#fff;font-size:clamp(32px,3.3vw,50px);margin:14px 0 0}
.nx .p-hero .sub{color:rgba(255,255,255,.8);font-size:18px;margin:20px 0 30px;max-width:52ch}
.nx .p-hero .gal{position:relative;min-width:0}
.nx .p-hero .grid>*{min-width:0}
.nx .p-hero .gal .main{background:#fff;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/3;display:grid;place-items:center;padding:3%}
.nx .p-hero .gal .main img{width:100%;height:100%;object-fit:contain}

.nx .p-hero .gal .main{cursor:zoom-in}
.nx .p-hero .gal .main img{transition:transform .5s var(--ease)}
.nx .p-hero .gal .main:hover img{transform:scale(1.9)}
@media(hover:none){.nx .p-hero .gal .main:hover img{transform:none}}
.nx .p-hero .gal .thumbs-wrap{display:flex;align-items:center;gap:10px;margin-top:16px}
.nx .p-hero .gal .thumbs{display:flex;gap:10px;overflow:hidden;scroll-behavior:smooth;flex:1 1 0;min-width:0;scrollbar-width:none}
.nx .p-hero .gal .thumbs::-webkit-scrollbar{display:none}
.nx .p-hero .gal .tnav{flex:none;width:auto;height:auto;padding:4px 2px;border:0;background:transparent;border-radius:0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.8;transition:opacity .25s var(--ease)}
.nx .p-hero .gal .tnav svg{width:22px;height:22px;display:block;stroke-width:2.2}
.nx .p-hero .gal .tnav:hover{opacity:1;background:transparent}
.nx .p-hero .gal .tnav[disabled]{opacity:.22;cursor:default}
.nx .p-hero .gal .tnav[disabled]:hover{opacity:.22}
.nx .p-hero .gal .thumbs button{flex:none;width:74px;height:74px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.2);background:#fff;padding:4px;cursor:pointer;transition:.3s}
.nx .p-hero .gal .thumbs button img{width:100%;height:100%;object-fit:contain}
.nx .p-hero .gal .thumbs button:hover,.nx .p-hero .gal .thumbs button.on{border-color:var(--red);transform:translateY(-3px)}
.nx .p-hero .quick{display:flex;gap:26px;flex-wrap:wrap;margin:0 0 34px;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.16)}
.nx .p-hero .quick div b{display:block;font:400 26px/1 var(--serif);color:#fff}
.nx .p-hero .quick div span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.nx .p-hero .strip{margin-top:60px;border-top:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03)}
.nx .p-hero .strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
@media(max-width:1100px){.nx .p-hero .strip .wrap{grid-template-columns:repeat(2,1fr)}.nx .p-hero .strip div:nth-child(2){border-right:0}.nx .p-hero .strip div:nth-child(3){padding-left:0}}
.nx .p-hero .strip div{display:flex;gap:14px;align-items:center;padding:22px 24px;border-right:1px solid rgba(255,255,255,.12);font-size:13px;color:rgba(255,255,255,.78)}
.nx .p-hero .strip div:first-child{padding-left:0}
.nx .p-hero .strip div:last-child{border:0}
.nx .p-hero .strip em{display:block;font:600 10px/1 var(--sans);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:7px}
.nx .p-hero .strip b{display:block;font:500 15px/1.2 var(--sans);color:#fff}
.nx .p-story{padding:110px 0}
.nx .p-story .grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.nx .p-story p{font-size:17px;color:var(--ink-2)}
.nx .p-kit{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 26px;font-size:14px;color:var(--ink-2)}
.nx .p-kit li{position:relative;padding-left:22px;line-height:1.5}
.nx .p-kit li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--red);opacity:.5}
.nx .p-buy{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:8px}
.nx .p-note{font-size:14px;color:var(--mute);max-width:46ch}

/* ---------- filter na katalogu ---------- */
.nx .filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}
.nx .filter a{font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:13px 22px;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink-2);transition:.3s}
.nx .filter a:hover{border-color:var(--ink);color:var(--ink)}
.nx .filter a.on{background:var(--ink);border-color:var(--ink);color:#fff}

/* ---------- CTA traka ---------- */
.nx .cta-band{background:var(--paper);padding:84px 0}
.nx .cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}
.nx .cta-band h2{font-size:clamp(28px,3vw,40px);max-width:20ch}

/* ---------- responzivno ---------- */
@media(max-width:1000px){
 :root{--gut:20px}
 .nx .sec{padding:76px 0}
 .nx .sec.tight{padding:60px 0}
 body.nx .site-header .site-header-inner,body.nx .site-header>div{min-height:68px}
 .nx .hero{min-height:auto;flex-direction:column;align-items:stretch}
 .nx .hero .wrap{padding:104px var(--gut) 56px}
 .nx .hero .strip{position:static;background:#0e0c0a;width:100%}
 .nx .hero .strip .wrap{grid-template-columns:1fr 1fr;padding:0 var(--gut)}
 .nx .hero .strip div{border:0;padding:16px 0}
 .nx .scroll{display:none}
 .nx .kicker{font-size:10px;letter-spacing:.1em;padding:6px 12px 6px 6px}
 .nx .kicker i{width:22px;height:22px}
 .nx .head,.nx .grid2{grid-template-columns:1fr;gap:24px}
 .nx .head{margin-bottom:34px}
 .nx .grid4{grid-template-columns:1fr 1fr}
 .nx .grid3,.nx .cgrid,.nx .cgrid.c3{grid-template-columns:1fr 1fr}
 .nx .type{min-height:420px}
 .nx .band .wrap{grid-template-columns:1fr 1fr}
 .nx .band b{font-size:40px}
 .nx .phero{padding:110px 0 60px}
 .nx .p-hero{padding:104px 0 0}
 .nx .p-hero .grid,.nx .p-story .grid{grid-template-columns:1fr;gap:34px}
 .nx .p-hero .strip .wrap{grid-template-columns:1fr}
 .nx .p-hero .strip div{border:0;padding:16px 0}
 .nx .ftr-grid{grid-template-columns:1fr 1fr}
 body.nx .woocommerce ul.products{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
 .nx .grid4,.nx .cgrid,.nx .cgrid.c3,.nx .grid3{grid-template-columns:1fr}
 .nx .hero .strip .wrap{grid-template-columns:1fr}
 .nx .p-kit{grid-template-columns:1fr}
 .nx .ftr-grid{grid-template-columns:1fr}
 body.nx .woocommerce ul.products{grid-template-columns:1fr}
}


/* ==========================================================================
   Elementor: globalne klase za nativne widgete
   Struktura i tekst se uredjuju u Elementoru, izgled dolazi odavde.
   ========================================================================== */

/* nadnaslov na Heading widgetu */
.nx .nx-eyebrow .elementor-heading-title{display:inline-flex;align-items:center;gap:10px;font:600 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--red)}
.nx .nx-eyebrow .elementor-heading-title:before{content:"";width:28px;height:2px;background:currentColor}
.nx .nx-eyebrow-light .elementor-heading-title{color:var(--rose)}

/* veliki naslov sekcije i uvodni tekst */
.nx .nx-h2 .elementor-heading-title{font-family:var(--serif);font-weight:500;font-size:clamp(32px,4vw,56px);line-height:1.06;letter-spacing:-.01em}
.nx .nx-h1 .elementor-heading-title{font-family:var(--serif);font-weight:400;font-size:clamp(44px,6.2vw,92px);line-height:1.0;letter-spacing:-.01em}
.nx .nx-h3 .elementor-heading-title{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.2vw,30px);line-height:1.16}
.nx .nx-h1 em,.nx .nx-h2 em,.nx .nx-h3 em{font-style:italic;color:var(--red)}
.nx .nx-dark .nx-h1 em,.nx .nx-dark .nx-h2 em,.nx .nx-dark .nx-h3 em{color:var(--rose)}
.nx .nx-lead{font-size:18px;line-height:1.7;color:var(--ink-2)}
.nx .nx-dark .nx-lead{color:rgba(255,255,255,.78)}
.nx .nx-dark .elementor-heading-title{color:#fff}

/* kartica na Icon Box widgetu */
.nx .nx-card{padding:34px 28px 36px;border:1px solid var(--line);border-radius:var(--r-card);background:#fff;transition:.4s var(--ease);height:100%}
.nx .nx-card:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(0,0,0,.25);border-color:transparent}
.nx .nx-card .elementor-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r-ico);color:var(--red);font-size:22px}
.nx .nx-card .elementor-icon-box-title{margin:22px 0 10px}
.nx .nx-card .elementor-icon-box-title,.nx .nx-card .elementor-icon-box-title a{font:600 18px/1.3 var(--sans);color:var(--ink)}
.nx .nx-card .elementor-icon-box-description{font-size:15px;line-height:1.6;color:var(--ink-2);margin:0}
.nx .nx-dark .nx-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
.nx .nx-dark .nx-card:hover{background:rgba(255,255,255,.07)}
.nx .nx-dark .nx-card .elementor-icon{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:var(--rose)}
.nx .nx-dark .nx-card .elementor-icon-box-title{color:#fff}
.nx .nx-dark .nx-card .elementor-icon-box-description{color:rgba(255,255,255,.75)}

/* stavka u traci poverenja i u listi tehnologije */
.nx .nx-strip .elementor-icon-box-wrapper{display:flex;align-items:center;gap:16px;text-align:left}
.nx .nx-strip .elementor-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:var(--r-ico);color:var(--rose);font-size:18px}
.nx .nx-strip .elementor-icon-box-title{margin:0 0 2px}
.nx .nx-strip .elementor-icon-box-title,.nx .nx-strip .elementor-icon-box-title a{font:500 15px/1.2 var(--sans);color:#fff}
.nx .nx-strip .elementor-icon-box-description{font-size:13px;color:rgba(255,255,255,.72);margin:0}
.nx .nx-row{padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;transition:.3s var(--ease)}
.nx .nx-row:hover{transform:translateX(6px);border-color:var(--red)}
.nx .nx-row .elementor-icon-box-wrapper{display:flex;gap:18px;align-items:flex-start;text-align:left}
.nx .nx-row .elementor-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r-ico);color:var(--red);font-size:20px}
.nx .nx-row .elementor-icon-box-title{margin:0 0 4px}
.nx .nx-row .elementor-icon-box-title,.nx .nx-row .elementor-icon-box-title a{font:600 15px/1.3 var(--sans);color:var(--ink)}
.nx .nx-row .elementor-icon-box-description{font-size:14px;color:var(--ink-2);margin:0}

/* kartica tipa masine: kontejner sa slikom u pozadini */
.nx .nx-imgcard{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:520px;transition:.4s var(--ease)}
.nx .nx-imgcard:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.55) 42%,rgba(0,0,0,.93) 100%);z-index:1;pointer-events:none}
.nx .nx-imgcard>*{position:relative;z-index:2}
.nx .nx-imgcard:hover{transform:translateY(-6px);box-shadow:0 34px 60px -34px rgba(0,0,0,.6)}
.nx .nx-imgcard .elementor-heading-title{color:#fff}
.nx .nx-imgcard .nx-lead,.nx .nx-imgcard .elementor-widget-text-editor{color:rgba(255,255,255,.85);font-size:15px}
.nx .nx-imgcard .nx-eyebrow .elementor-heading-title{color:var(--rose)}

/* brojevi na crvenoj traci */
.nx .nx-num .elementor-counter-number-wrapper{font:400 54px/1 var(--serif);color:#fff}
.nx .nx-num .elementor-counter-title{font:400 14px/1.5 var(--sans);color:rgba(255,255,255,.92);text-align:left;margin-top:8px}

/* cesta pitanja na Accordion widgetu */
.nx .nx-faq .elementor-accordion-item{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;margin-bottom:14px;overflow:hidden;transition:.3s}
.nx .nx-faq .elementor-tab-title{border:0;padding:22px 24px;font:600 17px/1.4 var(--sans);color:var(--ink)}
.nx .nx-faq .elementor-tab-title.elementor-active{color:var(--red)}
.nx .nx-faq .elementor-accordion-item:has(.elementor-active){border-color:var(--red);box-shadow:0 24px 46px -34px rgba(0,0,0,.4)}
.nx .nx-faq .elementor-tab-content{border:0;padding:0 24px 22px;font-size:15px;color:var(--ink-2);/*max-width:72ch;*/}
.nx .nx-faq .elementor-accordion-icon{color:var(--red)}

/* mreza proizvoda iz shortcode widgeta */
.nx .elementor-widget-shortcode ul.products{margin:0}
.nx .elementor-widget-shortcode .woocommerce{width:100%}

/* mapa */
.nx .nx-map iframe{border-radius:var(--r-lg);filter:grayscale(1) contrast(1.05)}

/* dugmad u Elementoru prate globalni oblik */
.nx .elementor-button{transition:.3s var(--ease)}
.nx .elementor-button:hover{transform:translateY(-2px)}
.nx .nx-btn-ghost .elementor-button{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff}
.nx .nx-btn-ghost .elementor-button:hover{background:#fff;color:var(--ink)}
.nx .nx-btn-line .elementor-button{background:transparent;border:1px solid var(--ink);color:var(--ink)}
.nx .nx-btn-line .elementor-button:hover{background:var(--ink);color:#fff}

@media(max-width:1000px){
 .nx .nx-imgcard{min-height:420px}
 .nx .nx-num .elementor-counter-number-wrapper{font-size:40px}
}

/* Elementor: poravnanja i sitni elementi */
.nx .nx-card .elementor-icon-box-wrapper,.nx .nx-row .elementor-icon-box-wrapper{text-align:left}
.nx .nx-card .elementor-icon-box-icon{margin-bottom:0;display:flex;justify-content:flex-start}
.nx .nx-card .elementor-icon-box-content{text-align:left}
.nx .nx-strip .elementor-icon-box-icon,.nx .nx-row .elementor-icon-box-icon{margin:0;flex:none}
body.nx .nx-strip .elementor-icon i,body.nx .nx-strip .elementor-icon svg{color:var(--rose)}
body.nx .nx-card .elementor-icon i,body.nx .nx-card .elementor-icon svg,body.nx .nx-row .elementor-icon i,body.nx .nx-row .elementor-icon svg{color:var(--red)}
body.nx .nx-dark .nx-card .elementor-icon i,body.nx .nx-dark .nx-card .elementor-icon svg{color:var(--rose)}
/* cipovi modela */
.nx .nx-chips,.nx .nx-chips p{margin:0;display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}
.nx .nx-chips span,.nx .nx-chips a{font:500 12px/1 var(--sans);padding:8px 12px;border:1px solid rgba(255,255,255,.25);border-radius:var(--r-pill);color:#fff;transition:.25s var(--ease)}
.nx .nx-chips a:hover{background:var(--red);border-color:var(--red);color:#fff}
.nx .nx-chips a.all{border-color:var(--rose);color:var(--rose)}
.nx .nx-chips a.all:hover{background:var(--rose);border-color:var(--rose);color:var(--ink)}
/* slike u sekcijama */
.nx .nx-pic img{border-radius:var(--r-lg);width:100%;object-fit:cover}
/* vremenska linija */
.nx .nx-tl{border-top:1px solid rgba(255,255,255,.18);padding-top:14px;gap:6px}
.nx .nx-tl-y .elementor-heading-title{font:400 26px/1 var(--serif);color:var(--rose)}
.nx .nx-tl-t p{font-size:13px;color:rgba(255,255,255,.7);margin:0}
/* kontakt lista */
.nx .nx-info .elementor-icon-list-item{font-size:16px;color:var(--ink-2)}
.nx .nx-info .elementor-icon-list-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:var(--r-ico);margin-right:14px}
body.nx .nx-info .elementor-icon-list-icon i{color:var(--red);font-size:16px}
/* kartica izbora */
.nx .nx-card-ico .elementor-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r-ico);font-size:22px}
body.nx .nx-card-ico .elementor-icon i{color:var(--red)}
.nx .nx-card-title .elementor-heading-title{font:600 18px/1.3 var(--sans);color:var(--ink)}
.nx .nx-card-text p{font-size:15px;color:var(--ink-2);margin:0}
.nx .nx-btn-sm .elementor-button{padding:12px 22px;font-size:12px}
/* mreza proizvoda iz shortcode-a */
.nx .nx-prodgrid ul.products{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.nx .nx-prodgrid ul.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.nx .nx-prodgrid ul.products{grid-template-columns:1fr}}

body.nx .woocommerce span.onsale{display:none}
body.nx .woocommerce ul.products li.product .button{display:none}
.nx .nx-band .e-con-inner{padding-left:20px;padding-right:20px}

/* mrvice u hero delu unutrasnjih strana */
.nx .nx-crumbs .elementor-heading-title{font:500 12px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.nx .nx-crumbs a{color:rgba(255,255,255,.62)}
.nx .nx-crumbs a:hover{color:#fff}
.nx .nx-prodgrid-3 ul.products{grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){.nx .nx-prodgrid-3 ul.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.nx .nx-prodgrid-3 ul.products{grid-template-columns:1fr}}

/* dugmad u Elementoru: boja prati globalnu boju iz Site Settings */
body.nx .elementor-button{background-color:var(--e-global-color-primary);color:#fff;border:1px solid var(--e-global-color-primary)}
body.nx .elementor-button:hover,body.nx .elementor-button:focus{background-color:#b0141a;border-color:#b0141a;color:#fff}
body.nx .nx-btn-ghost .elementor-button{background-color:transparent;border-color:rgba(255,255,255,.5);color:#fff}
body.nx .nx-btn-ghost .elementor-button:hover{background-color:#fff;border-color:#fff;color:var(--ink)}
body.nx .nx-btn-line .elementor-button{background-color:transparent;border-color:var(--ink);color:var(--ink)}
body.nx .nx-btn-line .elementor-button:hover{background-color:var(--ink);border-color:var(--ink);color:#fff}

/* naslov pitanja u harmonici prati Inter, ne Playfair */
body.nx .nx-faq .elementor-tab-title,body.nx .nx-faq .elementor-tab-title h1,body.nx .nx-faq .elementor-tab-title h2,body.nx .nx-faq .elementor-tab-title h3,body.nx .nx-faq .elementor-tab-title h4,body.nx .nx-faq .elementor-tab-title a{font:600 17px/1.4 var(--sans)!important;color:var(--ink);letter-spacing:0}
body.nx .nx-faq .elementor-tab-title.elementor-active,body.nx .nx-faq .elementor-tab-title.elementor-active h3,body.nx .nx-faq .elementor-tab-title.elementor-active a{color:var(--red)}
body.nx .nx-faq .elementor-tab-content p{margin:0}

/* mreza proizvoda prati broj kolona iz shortcode-a */
body.nx .woocommerce ul.products.columns-1{grid-template-columns:1fr}
body.nx .woocommerce ul.products.columns-2{grid-template-columns:repeat(2,1fr)}
body.nx .woocommerce ul.products.columns-3{grid-template-columns:repeat(3,1fr)}
body.nx .woocommerce ul.products.columns-4{grid-template-columns:repeat(4,1fr)}
body.nx .woocommerce ul.products.columns-5{grid-template-columns:repeat(5,1fr)}
body.nx .woocommerce ul.products.columns-6{grid-template-columns:repeat(6,1fr)}
@media(max-width:1000px){body.nx .woocommerce ul.products[class*=columns-]{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){body.nx .woocommerce ul.products[class*=columns-]{grid-template-columns:1fr}}
/* harmonika: svaka stavka ima punu ivicu, aktivna crvenu */
body.nx .nx-faq .elementor-accordion-item{border:1px solid var(--line)!important;border-radius:var(--r-md);overflow:hidden}
body.nx .nx-faq .elementor-accordion-item:has(.elementor-active){border-color:var(--red)!important}

/* ---------- Necchi SVG ikonice (linijske, viewBox 24) ---------- */
body.nx .elementor-icon svg:not(.e-font-icon-svg){width:1.3em;height:1.3em;fill:none;stroke:currentColor}
body.nx .elementor-icon svg:not(.e-font-icon-svg) *{stroke-width:1.5}

/* ---------- šifre artikla i izbor boje ---------- */
.nx .nx .p-hero .actions{align-items:center;gap:10px;margin-top:34px}
.nx .p-hero .actions .btn{padding:16px 24px}
.nx .p-hero .sku-opt{padding:16px 20px}
.nx .p-hero .skus-opts{display:flex;gap:10px;flex-wrap:wrap}
.nx .p-hero .sku-opt{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border:1px solid rgba(255,255,255,.3);background:transparent;border-radius:var(--r-pill);color:#fff;cursor:pointer;transition:.3s var(--ease)}
.nx .p-hero .sku-opt em{font:500 11px/1 var(--sans);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.nx .p-hero .sku-opt b{font:600 13px/1 var(--sans);letter-spacing:.14em}
.nx .p-hero .sku-opt:hover{border-color:#fff;transform:translateY(-2px)}
.nx .p-hero .sku-opt.on{background:var(--red);border-color:var(--red)}
.nx .p-hero .sku-opt.on em{color:rgba(255,255,255,.85)}

/* ---------- Tipovi masina na pocetnoj: puna sirina, pet kartica u redu, opis na hover ---------- */
.nx .e-con-inner:has(> .e-grid > .nx-imgcard){max-width:none;padding-left:48px;padding-right:48px}
.nx .e-grid:has(> .nx-imgcard){grid-template-columns:repeat(5,minmax(0,1fr))}
.nx .nx-imgcard .nx-lead{max-height:0;opacity:0;overflow:hidden;margin:0;transition:max-height .5s var(--ease),opacity .35s var(--ease),margin .5s var(--ease)}
.nx .nx-imgcard:hover .nx-lead,.nx .nx-imgcard:focus-within .nx-lead{max-height:18em;opacity:1;margin:0 0 18px}
@media(hover:none){.nx .nx-imgcard .nx-lead{max-height:none;opacity:1;margin:0 0 18px}}
@media(max-width:1500px){.nx .e-grid:has(> .nx-imgcard){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.nx .e-grid:has(> .nx-imgcard){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.nx .e-grid:has(> .nx-imgcard){grid-template-columns:1fr}.nx .e-con-inner:has(> .e-grid > .nx-imgcard){padding-left:20px;padding-right:20px}}

/* ---------- Univerzalan bocni padding kartica i pet boksova u nizu ---------- */
.nx .nx-imgcard,.nx .nx-card{padding-left:20px;padding-right:20px}
.nx .e-con-inner:has(> .e-grid > .nx-card){max-width:none;padding-left:48px;padding-right:48px}
.nx .e-grid:has(> .nx-card){grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1500px){.nx .e-grid:has(> .nx-card){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.nx .e-grid:has(> .nx-card){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.nx .e-grid:has(> .nx-card){grid-template-columns:1fr}.nx .e-con-inner:has(> .e-grid > .nx-card){padding-left:20px;padding-right:20px}}

/* ---------- Izdvojeni modeli: horizontalni slider ---------- */
body.nx .nx-prodslider ul.products{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:6px}
body.nx .nx-prodslider ul.products::-webkit-scrollbar{display:none}
body.nx .nx-prodslider ul.products li.product{flex:0 0 calc((100% - 72px)/4);scroll-snap-align:start}
@media(max-width:1100px){body.nx .nx-prodslider ul.products li.product{flex:0 0 calc((100% - 24px)/2)}}
@media(max-width:700px){body.nx .nx-prodslider ul.products li.product{flex:0 0 100%}}

/* ---------- Veleprodajna forma ---------- */
.nx .vp-forma{margin-top:38px}
.nx .vp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.nx .vp-polje{display:flex;flex-direction:column;gap:8px}
.nx .vp-polje.puna{grid-column:1/-1}
.nx .vp-polje>span{font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.nx .vp-polje em{font-style:normal;color:var(--red)}
.nx .vp-polje input,.nx .vp-polje textarea{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;font:400 15px/1.45 var(--sans);color:var(--ink);transition:.25s var(--ease)}
.nx .vp-polje input:focus,.nx .vp-polje textarea:focus{outline:0;border-color:var(--ink)}
.nx .vp-forma button{margin-top:26px}
.nx .vp-nota{margin-top:16px;font-size:13px;color:var(--mute);max-width:64ch}
.nx .vp-web{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.nx .vp-poruka{padding:15px 18px;border-radius:var(--r-md);margin:0 0 24px;font-size:15px}
.nx .vp-poruka.ok{background:rgba(0,0,0,.05);border:1px solid var(--line)}
.nx .vp-poruka.greska{background:rgba(215,25,32,.07);border:1px solid var(--rose);color:var(--red)}
@media(max-width:900px){.nx .vp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.nx .vp-grid{grid-template-columns:1fr}}

/* Podnozje: jedan red - levo autorska prava, u sredini Necchi logo, desno rockit potpis */
body.nx .site-footer .footer-inner{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:var(--container-max-width,1240px);margin:0 auto;padding:0 20px}
body.nx .site-footer .copyright,body.nx .site-footer .copyright p{display:contents}
body.nx .site-footer .nx-copy{order:1;flex:1 1 0;text-align:left}
body.nx .site-footer .site-branding{order:2;flex:0 0 auto}
body.nx .site-footer .nx-rockit{order:3;flex:1 1 0;display:inline-flex;align-items:center;justify-content:flex-end;opacity:1}
body.nx .site-footer .nx-rockit img{display:block;flex:0 0 auto;min-width:24px;width:24px;height:24px;filter:none;mix-blend-mode:normal}
@media(max-width:782px){body.nx .site-footer .footer-inner{flex-direction:column;gap:20px}body.nx .site-footer .site-branding{order:1}body.nx .site-footer .nx-copy{order:2;flex:0 0 auto}body.nx .site-footer .nx-rockit{order:3;flex:0 0 auto;justify-content:center}}