@font-face{font-family:Alexandria;src:url('/ht_nossir_website/static/fonts/Alexandria.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--navy:#1E2A32;--navy2:#16212A;--cyan:#1FBCD6;--cyan-d:#1593A8;--ink:#1B252C;--muted:#6B7780;--line:#ECEEF0;--soft:#F3F4F6;--beige:#F7F5F0}
*{box-sizing:border-box}
html,body{margin:0;background:#fff;color:var(--ink);font-family:Alexandria,Tahoma,sans-serif;font-size:15px;line-height:1.7}
a{color:inherit;text-decoration:none}a:hover{color:var(--cyan-d)}
img{max-width:100%}
input,select,button,textarea{font:inherit;color:inherit}
.nx-wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.nx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* header */
.nx-header{background:#fff;border-bottom:1px solid var(--line)}
.nx-hrow{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;padding:14px 0}
.nx-brand{display:flex;align-items:center;gap:10px}
.nx-brand img{width:78px;height:78px;object-fit:contain}
.nx-brand b{font-size:22px!important}
.nx-spin{animation:nxspin 12s linear infinite;will-change:transform;filter:drop-shadow(0 4px 10px rgba(31,188,214,.35))}
@keyframes nxspin{to{transform:rotate(360deg)}}
.nx-brand:hover .nx-spin{animation-duration:3s}
.nx-brand b{display:block;font-weight:800;font-size:18px;color:var(--navy);line-height:1.2}
.nx-brand small{display:block;font-size:11px;color:var(--muted)}
.nx-search{flex:1 1 380px;display:flex;align-items:center;gap:10px;background:var(--soft);border-radius:10px;padding:0 6px 0 16px;height:48px}
[dir=rtl] .nx-search{padding:0 16px 0 6px}
.nx-search input{flex:1;border:none;background:transparent;outline:none;font-size:14px;min-width:0}
.nx-search button{border:none;background:var(--navy);color:#fff;border-radius:8px;height:36px;padding:0 16px;cursor:pointer;font-weight:600}
.nx-tools{display:flex;align-items:center;gap:20px;font-size:14px}
.nx-cart{position:relative;display:flex;align-items:center;gap:6px;font-weight:600}
.nx-badge{background:var(--cyan);color:#0F2027;font-size:11px;font-weight:700;border-radius:20px;padding:0 7px;line-height:18px}
.nx-nav{display:flex;flex-wrap:wrap;gap:6px 26px;padding:0 0 12px;font-size:14px;font-weight:500}
.nx-notice{background:var(--navy);color:#fff;font-size:13px;text-align:center;padding:9px 16px}
/* hero */
.nx-hero{margin-top:22px;position:relative;overflow:hidden;border-radius:18px;background:var(--navy);color:#fff;display:flex;flex-direction:column}
.nx-hero .s1,.nx-hero .s2,.nx-hero .s3{position:absolute;top:-40px;height:640px;transform:rotate(24deg)}
.nx-hero .s1{left:34%;width:120px;background:var(--cyan)}
.nx-hero .s2{left:41%;width:34px;background:#fff;opacity:.9}
.nx-hero .s3{left:44.5%;width:14px;background:var(--cyan);opacity:.6}
[dir=ltr] .nx-hero .s1{left:auto;right:34%;transform:rotate(-24deg)}
[dir=ltr] .nx-hero .s2{left:auto;right:41%;transform:rotate(-24deg)}
[dir=ltr] .nx-hero .s3{left:auto;right:44.5%;transform:rotate(-24deg)}
.nx-hero-body{position:relative;display:flex;flex-wrap:wrap;align-items:center}
.nx-hero-text{flex:1 1 500px;padding:40px 44px 24px;min-width:0}
.nx-hero-text img.lg{width:76px;height:76px;margin-bottom:16px}
.nx-hero h1{margin:0;font-weight:800;font-size:clamp(30px,3.6vw,50px);line-height:1.35}
.nx-hl{display:inline-block;margin:10px 0 28px;background:var(--cyan);color:#102027;font-weight:800;font-size:clamp(28px,3.4vw,46px);line-height:1.35;padding:2px 26px 8px;border-radius:6px;transform:skewX(-8deg)}
.nx-hl span{display:inline-block;transform:skewX(8deg)}
.nx-feats{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.nx-feats li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 16px;border-inline-end:1px solid rgba(255,255,255,.25);text-align:center;font-size:13px;font-weight:500;line-height:1.4}
.nx-feats li:last-child{border:none}
.nx-feats svg{color:var(--cyan)}
.nx-hero-img{flex:1 1 460px;display:flex;justify-content:center;align-items:center;padding:24px 24px 12px}
.nx-hero-img img{width:100%;max-width:600px}
.nx-strip{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;background:var(--navy2);border-top:1px solid rgba(255,255,255,.08)}
.nx-strip a.go{display:flex;align-items:center;gap:10px;background:var(--cyan);color:#102027;font-weight:700;font-size:17px;padding:16px 30px}
.nx-strip .tx{flex:1;display:flex;align-items:center;gap:22px;padding:10px 28px;flex-wrap:wrap}
.nx-strip .tx span.c{color:var(--cyan);font-weight:600}
.nx-strip .tx span.l{flex:1;min-width:40px;height:2px;background:var(--cyan);opacity:.6}
.nx-strip .tx span.u{letter-spacing:4px;font-size:13px;font-weight:600;direction:ltr}
/* sections */
.nx-sec{padding:52px 0 20px;text-align:center}
.nx-sec h2,.nx-h2{margin:0;font-weight:800;font-size:30px;color:var(--navy);line-height:1.35}
.nx-sec>p,.nx-sub{margin:6px 0 32px;color:var(--muted)}
.nx-makes{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px 10px}
.nx-make{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:14px;border:1px solid transparent}
.nx-make:hover{border-color:var(--line);background:#fff}
.nx-make img{width:116px;height:70px;object-fit:contain}
.nx-make .nm{font-weight:600;font-size:13px}
.nx-make .ct{font-size:12px;color:var(--muted)}
.nx-make .rq{font-size:12px;color:var(--cyan-d);font-weight:600}
.nx-make .txt{height:70px;display:flex;align-items:center;font-weight:800;font-size:18px;color:var(--navy)}
.nx-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}
.nx-why div{display:flex;flex-direction:column;align-items:center;gap:8px}
.nx-why h3{margin:4px 0 0;font-size:19px;font-weight:700}
.nx-why p{margin:0;color:var(--muted);font-size:14px}
.nx-agencies{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.nx-agencies a{min-width:140px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;font-weight:800;font-size:18px;letter-spacing:1.5px;color:#3A4750;direction:ltr}
.nx-panel{background:var(--beige);border-radius:18px;padding:28px 24px 30px;margin:28px 0}
.nx-panel-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.nx-panel-h h2{margin:0;font-weight:800;font-size:24px;color:var(--navy)}
.nx-panel-h p{margin:2px 0 0;color:var(--muted);font-size:14px}
.nx-pill{background:var(--navy);color:#fff!important;padding:8px 20px;border-radius:40px;font-size:14px;font-weight:500}
.nx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px}
.nx-card{background:#fff;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:7px;border:1px solid var(--line)}
.nx-panel .nx-card{border-color:#fff}
.nx-card .im{display:block;width:100%;aspect-ratio:4/3;background:#fff}
.nx-card .im img{width:100%;height:100%;object-fit:contain}
.nx-card .pn{font-size:12px;color:var(--cyan-d);font-weight:600;direction:ltr;text-align:start}
[dir=rtl] .nx-card .pn{text-align:right}
.nx-card .nm{font-weight:700;font-size:15px;line-height:1.5}
.nx-card .ft{font-size:13px;color:var(--muted)}
.nx-card .ft bdi{direction:ltr}
.nx-card form{margin-top:auto;display:flex;gap:6px}
.nx-qty{width:54px;flex:0 0 54px;height:40px;border:1px solid var(--line);border-radius:8px;text-align:center}
.nx-btn{flex:1;white-space:nowrap;height:40px;border:none;border-radius:8px;background:var(--navy);color:#fff;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:0 16px}
.nx-btn:hover{background:#2B3A44;color:#fff}
.nx-btn.cy{background:var(--cyan);color:#102027}
.nx-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff}
.nx-dealer{position:relative;overflow:hidden;border-radius:18px;background:var(--navy);color:#fff;padding:44px 48px;margin:28px 0}
.nx-dealer .s1,.nx-dealer .s2{position:absolute;top:-60px;height:400px;transform:rotate(24deg)}
.nx-dealer .s1{left:12%;width:90px;background:var(--cyan)}
.nx-dealer .s2{left:18%;width:26px;background:#fff;opacity:.9}
[dir=ltr] .nx-dealer .s1{left:auto;right:12%;transform:rotate(-24deg)}
[dir=ltr] .nx-dealer .s2{left:auto;right:18%;transform:rotate(-24deg)}
.nx-dealer>div{position:relative;max-width:640px}
.nx-dealer h2{margin:0 0 6px;font-weight:800;font-size:34px;line-height:1.35}
.nx-dealer p{margin:0 0 24px;font-size:17px;color:rgba(255,255,255,.8)}
.nx-dealer .bt{display:flex;flex-wrap:wrap;gap:12px}
.nx-dealer .bt a{flex:0 0 auto;height:auto;padding:13px 28px;border-radius:40px;font-weight:700}
/* listing */
.nx-crumb{font-size:13px;color:var(--muted);margin:18px 0 0}
.nx-lhead{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:14px 0 22px}
.nx-lhead img{width:96px;height:64px;object-fit:contain}
.nx-lhead h1{margin:0;font-weight:800;font-size:30px;color:var(--navy)}
.nx-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;margin-bottom:26px}
.nx-chip{border:1px solid var(--line);border-radius:12px;padding:12px 8px;text-align:center;display:flex;flex-direction:column;gap:2px}
.nx-chip b{font-size:15px;direction:ltr;color:var(--navy)}
.nx-chip span{font-size:12px;color:var(--muted)}
.nx-chip.on{background:var(--navy);border-color:var(--navy)}
.nx-chip.on b,.nx-chip.on span{color:#fff}
.nx-layout{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;padding-bottom:56px}
.nx-side{flex:1 1 240px;max-width:290px;display:flex;flex-direction:column;gap:14px}
.nx-box{border:1px solid var(--line);border-radius:12px;padding:16px}
.nx-box .h{font-weight:700;margin-bottom:10px;display:flex;justify-content:space-between}
.nx-box a.it{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--soft);font-size:14px}
.nx-box a.it.on{font-weight:700;color:var(--cyan-d)}
.nx-box a.it span{color:var(--muted);font-size:12px}
.nx-main{flex:999 1 620px;min-width:0}
.nx-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px;gap:12px;flex-wrap:wrap}
.nx-pager{display:flex;justify-content:center;align-items:center;gap:14px;margin:28px 0 0;font-size:14px}
.nx-pager a{border:1px solid var(--line);border-radius:8px;padding:6px 14px}
.nx-empty{padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}
.nx-flash{background:#E7F7EF;color:#0B6B47;border-radius:10px;padding:10px 16px;margin:14px 0;font-weight:600}
.nx-err{background:#FDECEC;color:#9B1C1C;border-radius:10px;padding:10px 16px;margin:14px 0;font-weight:600}
/* product page */
.nx-prod{display:flex;flex-wrap:wrap;gap:36px;margin:18px 0 40px}
.nx-prod .gal{flex:1 1 420px;border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}
.nx-prod .gal img{width:100%;aspect-ratio:1/1;object-fit:contain}
.nx-prod .inf{flex:1 1 380px;min-width:0}
.nx-prod h1{margin:6px 0 14px;font-size:30px;font-weight:800;color:var(--navy);line-height:1.4}
.nx-spec{width:100%;border-collapse:collapse;margin:0 0 22px}
.nx-spec th,.nx-spec td{padding:12px 0;border-bottom:1px solid var(--line);text-align:start;font-size:15px}
.nx-spec th{color:var(--muted);font-weight:500;width:140px}
.nx-tags{display:flex;flex-wrap:wrap;gap:6px}
.nx-tags span{background:var(--soft);border-radius:20px;padding:2px 12px;font-size:13px}
.nx-addrow{display:flex;gap:10px;align-items:center}
.nx-addrow .nx-qty{height:48px;width:90px;flex:0 0 90px}
.nx-addrow .nx-btn{height:48px;font-size:16px}
/* forms */
.nx-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.nx-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}
.nx-form input,.nx-form textarea{height:46px;border:1px solid #D5DADE;border-radius:10px;padding:0 14px;background:#fff;color:var(--ink);font-size:15px}
.nx-form textarea{height:auto;padding:10px 14px;min-height:90px}
.nx-form .full{grid-column:1/-1}
.nx-hp{display:none!important}
.nx-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.nx-table th,.nx-table td{padding:12px;border-bottom:1px solid var(--line);text-align:start;vertical-align:middle;font-size:14px}
.nx-table th{background:#FAFBFB;color:var(--muted);font-weight:500;font-size:13px}
.nx-table img{width:64px;height:48px;object-fit:contain}
.nx-two{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start;margin:20px 0 56px}
.nx-two>.a{flex:999 1 560px;min-width:0}
.nx-two>.b{flex:1 1 340px;border:1px solid var(--line);border-radius:14px;padding:20px}
.nx-scroll{overflow-x:auto}
/* footer */
.nx-footer{background:var(--navy);color:rgba(255,255,255,.75);font-size:14px;margin-top:20px}
.nx-fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:34px;padding:52px 0 30px}
.nx-fgrid b{color:#fff;display:block;margin-bottom:8px}
.nx-fgrid a,.nx-fgrid span{display:block;padding:3px 0}
.nx-fbot{border-top:1px solid rgba(255,255,255,.1);padding:18px 0 26px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px}
@media (max-width:640px){
.nx-wrap{padding:0 16px}
.nx-hero-text{padding:28px 22px 16px}
.nx-feats li{padding:0 10px;font-size:12px}
.nx-dealer{padding:32px 24px}
.nx-hero .s1,.nx-hero .s2,.nx-hero .s3,.nx-dealer .s1,.nx-dealer .s2{display:none}
.nx-form{grid-template-columns:1fr}
.nx-side{max-width:none}
}

/* ---- photographic full-width banner ---- */
.nx-banner{position:relative;width:100%;background:#F6EBDD;overflow:hidden}
.nx-banner-img{width:100%;aspect-ratio:2400/960;max-height:700px;min-height:400px;background:url('/ht_nossir_website/static/img/hero-cairo.jpg?v=3') left bottom / cover no-repeat}
.nx-banner-copy{position:absolute;top:0;bottom:64px;right:3.5%;width:min(37%,620px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:start}
[dir=rtl] .nx-banner-copy{align-items:flex-start}
.nx-banner-copy h1{margin:0;font-weight:800;color:#13212B;font-size:clamp(28px,3.1vw,54px);line-height:1.3;text-shadow:0 1px 0 rgba(255,255,255,.6)}
.nx-brush{position:relative;display:inline-block;margin:12px 0 18px;padding:6px 34px 14px;color:#fff;font-weight:800;font-size:clamp(28px,3vw,52px);line-height:1.25}
.nx-brush::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#13A9C3,#1FBCD6 45%,#45D3E6);transform:skewX(-10deg) rotate(-1.5deg);border-radius:6px 18px 6px 22px;box-shadow:0 10px 26px rgba(21,147,168,.45);clip-path:polygon(2% 8%,12% 0,40% 6%,70% 0,98% 4%,100% 40%,97% 92%,70% 100%,40% 95%,10% 100%,0 70%)}
.nx-brush span{position:relative}
.nx-glass{list-style:none;margin:0;padding:12px;display:flex;flex-wrap:wrap;gap:8px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.75);border-radius:18px;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 18px 40px rgba(19,33,43,.16)}
.nx-glass li{flex:1 1 110px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;text-align:center;font-size:13px;font-weight:600;color:#13212B;line-height:1.35;border-radius:12px;background:rgba(255,255,255,.45)}
.nx-glass svg{color:#1593A8}
.nx-banner-strip{position:relative;height:64px;display:flex;align-items:center;gap:22px;background:linear-gradient(90deg,#13212B,#1E2A32);color:#fff;padding:0 0;overflow:hidden}
.nx-banner-strip .go{height:100%;display:flex;align-items:center;gap:10px;padding:0 34px;background:#1FBCD6;color:#0F2027;font-weight:800;font-size:18px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
[dir=rtl] .nx-banner-strip .go{clip-path:polygon(0 0,100% 0,100% 100%,14% 100%)}
[dir=ltr] .nx-banner-strip .go{clip-path:polygon(0 0,100% 0,86% 100%,0 100%)}
.nx-banner-strip .mk{display:flex;align-items:center;gap:6px}
.nx-banner-strip .mk img{height:40px;width:62px;object-fit:contain;background:#fff;border-radius:8px;padding:5px 8px}
.nx-banner-strip .c{color:#1FBCD6;font-weight:700;font-size:16px;white-space:nowrap}
.nx-banner-strip .l{flex:1;min-width:30px;height:2px;background:#1FBCD6;opacity:.7}
.nx-banner-strip .u{letter-spacing:5px;font-size:13px;font-weight:700;direction:ltr;padding:0 28px;white-space:nowrap}
@media (max-width:980px){
.nx-banner-img{aspect-ratio:auto;height:300px;min-height:0;background-position:6% 70%}
.nx-banner-copy{position:relative;width:auto;right:auto;bottom:auto;padding:20px 16px 90px;align-items:stretch;text-align:center}
.nx-brush{align-self:center}
.nx-banner-strip .mk,.nx-banner-strip .l,.nx-banner-strip .u{display:none}
}

/* origins ticker under the headline */
.nx-origins{width:100%;overflow:hidden;margin:0 0 20px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.nx-origins .trk{display:flex;gap:10px;width:max-content;direction:ltr;animation:nxmarq 26s linear infinite}
[dir=rtl] .nx-origins .trk{animation-name:nxmarqr}
@keyframes nxmarqr{from{transform:translateX(0)}to{transform:translateX(50%)}}
.nx-origins:hover .trk{animation-play-state:paused}
.nx-origins span{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:40px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);box-shadow:0 6px 16px rgba(19,33,43,.10);font-weight:700;font-size:15px;color:#13212B;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.nx-origins span::before{content:"";width:8px;height:8px;border-radius:50%;background:#1FBCD6;box-shadow:0 0 0 3px rgba(31,188,214,.22)}
@keyframes nxmarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.nx-origins .trk,.nx-spin{animation:none}}
/* header user */
.nx-user{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}
.nx-user b{color:var(--navy)}
.nx-in{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--navy)}
.nx-out{border:1px solid var(--line);border-radius:30px;padding:6px 16px;font-weight:600}
.nx-out:hover{border-color:#E06C5A;color:#C2412D}
/* login */
.nx-login{max-width:1040px;width:calc(100% - 32px);margin:48px auto;display:grid;grid-template-columns:1fr 1fr;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(19,33,43,.14);background:#fff}
.nx-login-art{position:relative;overflow:hidden;min-height:560px;background:radial-gradient(800px 420px at 40% 82%,#FFFFFF,#EEF1F3 75%)}
.nx-login-art .sl{position:absolute;top:0;height:120px;transform:skewX(-28deg)}
.nx-login-art .sl.a{left:-30px;width:70px;background:var(--navy)}
.nx-login-art .sl.b{left:52px;width:34px;background:var(--cyan)}
[dir=ltr] .nx-login-art .sl.a{left:auto;right:-30px;transform:skewX(28deg)}
[dir=ltr] .nx-login-art .sl.b{left:auto;right:52px;transform:skewX(28deg)}
.nx-login-art .lo{position:absolute;top:44px;inset-inline-start:44px;display:flex;align-items:center;gap:14px}
.nx-login-art .lo img{width:70px;height:70px}
.nx-login-art .lo b{display:block;font-size:24px;font-weight:800;color:var(--navy)}
.nx-login-art .lo span{font-size:13px;color:var(--cyan-d);font-weight:600}
.nx-login-art h3{position:absolute;top:146px;inset-inline-start:44px;inset-inline-end:44px;margin:0;font-size:clamp(24px,2.6vw,34px);font-weight:800;line-height:1.3;color:var(--navy)}
.nx-login-art h3 em{display:block;font-style:normal;color:var(--cyan)}
.nx-studio{position:absolute;left:-12%;bottom:-2%;width:118%;aspect-ratio:1611/811}
[dir=ltr] .nx-studio{left:auto;right:-6%}
.nx-studio img{position:absolute;inset:0;width:100%;height:100%}
.nx-studio .L,.nx-studio .sh,.nx-studio .ob,.nx-studio .sq{position:absolute;inset:0}
.nx-studio .L{display:none}
.nx-anim .nx-studio .L{display:block}
.nx-anim .nx-studio .still{display:none}
.nx-anim .nx-studio .ob,.nx-anim .nx-studio .sh{opacity:0}
.nx-studio .cs{position:absolute;height:7%;border-radius:50%;background:radial-gradient(closest-side,rgba(12,20,26,.55),rgba(12,20,26,.25) 55%,transparent);opacity:0;transform:translate(-50%,-50%)}
@keyframes nxup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.nx-anim .nx-login-art .lo{animation:nxup .6s 2.9s both}
.nx-anim .nx-login-art h3{animation:nxup .7s 3.1s both}
.nx-login-box{padding:48px 44px;display:flex;flex-direction:column;gap:8px}
.nx-login-box h1{margin:0;font-size:28px;font-weight:800;color:var(--navy)}
.nx-login-box p{margin:0 0 12px;color:var(--muted)}
.nx-login-box label{font-size:14px;font-weight:600;color:var(--navy);margin-top:6px}
.nx-login-box input[type=text],.nx-login-box input[type=password]{height:48px;border:1px solid #D9DEE2;border-radius:10px;padding:0 14px;font:inherit;font-size:16px;text-align:start}
.nx-login-box input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(31,188,214,.2)}
.nx-login-box .nx-btn{flex:none;height:50px;margin-top:14px;font-size:16px;background:var(--cyan);color:#0F2027;font-weight:800}
.nx-login-box small{color:var(--muted);margin-top:6px}
.nx-login-new{margin-top:18px;padding:18px;border-radius:14px;background:#EEFAFC;border:1px solid #BFEAF2;display:flex;flex-direction:column;gap:6px}
.nx-login-new b{font-size:17px;color:var(--navy)}
.nx-login-new span{font-size:14px;color:var(--muted)}
.nx-btn-o{margin-top:8px;height:50px;display:flex;align-items:center;justify-content:center;gap:10px;border:2px solid var(--navy);border-radius:10px;color:var(--navy);font-weight:800;font-size:16px;background:#fff;transition:.2s}
.nx-btn-o:hover{background:var(--navy);color:#fff}
.nx-err{background:#FDECEA;color:#B3261E;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600}
@media (max-width:820px){.nx-login{grid-template-columns:1fr;margin:20px auto}.nx-login-art{min-height:430px}.nx-login-art .lo{top:24px;inset-inline-start:22px}.nx-login-art h3{top:110px;inset-inline-start:22px}.nx-login-box{padding:28px 22px}.nx-brand img{width:60px;height:60px}}

/* header CTA: open a dealer account */
.nx-cta{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:40px;background:linear-gradient(100deg,#13A9C3,#1FBCD6 55%,#45D3E6);color:#0F2027!important;font-weight:800;font-size:15px;white-space:nowrap;box-shadow:0 8px 20px rgba(21,147,168,.35);transition:transform .2s,box-shadow .2s}
.nx-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(21,147,168,.45)}
@media (max-width:820px){.nx-cta{height:40px;padding:0 14px;font-size:14px}}
@media (max-width:820px){.nx-tools{gap:10px;width:100%;justify-content:space-between;font-size:13px}.nx-cta{height:38px;padding:0 12px;font-size:13px;gap:6px}.nx-cta svg,.nx-in svg{width:16px;height:16px}}

/* ===== dealer banner: service-center photo + Nossir parts */
.nx-dealer2{position:relative;overflow:hidden;border-radius:24px;margin:28px 0;min-height:460px;color:#fff;background:#0F1A21 url('/ht_nossir_website/static/img/bg-service.webp?v=1') center 45%/cover}
.nx-dealer2::before{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(15,26,33,.97) 0%,rgba(15,26,33,.88) 40%,rgba(15,26,33,.3) 64%,rgba(15,26,33,.05) 100%)}
[dir=ltr] .nx-dealer2::before{background:linear-gradient(90deg,rgba(15,26,33,.97) 0%,rgba(15,26,33,.9) 36%,rgba(15,26,33,.45) 62%,rgba(15,26,33,.15) 100%)}
.nx-dealer2::after{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:linear-gradient(90deg,transparent,#1FBCD6 40%,#45D3E6)}
.nx-dealer2 .sl{position:absolute;top:0;height:100%;transform:skewX(-24deg);opacity:.9}
.nx-dealer2 .sl.a{left:37%;width:10px;background:var(--cyan)}
.nx-dealer2 .sl.b{left:39.5%;width:3px;background:#fff;opacity:.5}
[dir=ltr] .nx-dealer2 .tx{padding:52px 24px 52px 56px}
[dir=ltr] .nx-dealer2 .sl.a{left:auto;right:37%}[dir=ltr] .nx-dealer2 .sl.b{left:auto;right:39.5%}
.nx-dealer2 .parts{position:absolute;left:-2%;bottom:-5%;width:min(52%,860px);filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}
[dir=ltr] .nx-dealer2 .parts{left:auto;right:-3%}
.nx-dealer2 .tx{position:relative;z-index:1;margin:0;box-sizing:border-box;width:50%;max-width:720px;padding:52px 56px 52px 24px;display:flex;flex-direction:column;align-items:flex-start}

.nx-dealer2 .k{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:5px;font-weight:600;color:#7FE3F2;direction:ltr;margin-bottom:14px}
.nx-dealer2 .k::before{content:"";width:40px;height:2px;background:var(--cyan)}
.nx-dealer2 h2{margin:0;font-size:clamp(26px,2.5vw,40px);font-weight:800;line-height:1.4}
.nx-dealer2 h2 em{display:block;font-style:normal;color:#45D3E6;margin-top:2px}
.nx-dealer2 p{margin:14px 0 24px;font-size:16px;line-height:1.8;color:rgba(255,255,255,.8);max-width:560px}
.nx-dealer2 .fe{list-style:none;margin:0 0 28px;padding:0;display:flex;width:100%;max-width:560px}
.nx-dealer2 .fe li{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:14px;font-weight:600;padding:0 8px}
.nx-dealer2 .fe li+li{border-inline-start:1px solid rgba(255,255,255,.18)}
.nx-dealer2 .fe svg{color:#45D3E6}
.nx-dealer2 .bt{display:flex;flex-wrap:wrap;gap:12px}
.nx-cta.big{height:54px;padding:0 26px;font-size:17px;gap:12px}
.nx-cta .ar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0F2027;color:#45D3E6;font-size:16px}
.nx-dealer2 .ghost{display:inline-flex;align-items:center;height:54px;padding:0 26px;border-radius:40px;border:1.5px solid rgba(255,255,255,.4);color:#fff;font-weight:700;font-size:16px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.nx-dealer2 .ghost:hover{background:#fff;color:#13212B}

/* ===== inner page hero */
.nx-phero{position:relative;overflow:hidden;border-radius:22px;margin:18px 0 24px;min-height:220px;display:flex;align-items:center;color:#fff;background:#0F1A21 url('/ht_nossir_website/static/img/bg-showroom.webp?v=1') center 60%/cover}
.nx-phero::before{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(15,26,33,.96) 0%,rgba(15,26,33,.82) 45%,rgba(15,26,33,.35) 100%)}
[dir=ltr] .nx-phero::before{background:linear-gradient(90deg,rgba(15,26,33,.96) 0%,rgba(15,26,33,.82) 45%,rgba(15,26,33,.35) 100%)}
.nx-phero::after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,transparent,#1FBCD6 40%,#45D3E6)}
.nx-phero .sl{position:absolute;top:0;height:100%;transform:skewX(-24deg)}
.nx-phero .sl.a{left:40%;width:8px;background:var(--cyan)}
.nx-phero .sl.b{left:42%;width:3px;background:#fff;opacity:.45}
[dir=ltr] .nx-phero .sl.a{left:auto;right:40%}[dir=ltr] .nx-phero .sl.b{left:auto;right:42%}
.nx-phero .parts{position:absolute;left:-2%;bottom:-18%;width:40%;filter:drop-shadow(0 24px 30px rgba(0,0,0,.5))}
[dir=ltr] .nx-phero .parts{left:auto;right:-2%}
.nx-phero .tx{position:relative;padding:30px 44px;max-width:62%}
.nx-phero .cr{font-size:13px;color:rgba(255,255,255,.65);margin-bottom:12px}
.nx-phero .cr a:hover{color:#7FE3F2}
.nx-phero .row{display:flex;align-items:center;gap:20px}
.nx-phero .lg{flex:0 0 auto;width:92px;height:92px;border-radius:20px;background:#fff;display:grid;place-items:center;box-shadow:0 14px 30px rgba(0,0,0,.35)}
.nx-phero .lg img{width:66px;height:66px;object-fit:contain}
.nx-phero small{display:block;font-size:14px;font-weight:600;color:#7FE3F2;margin-bottom:2px}
.nx-phero h1{margin:0;font-size:clamp(28px,3.2vw,44px);font-weight:800;line-height:1.15;letter-spacing:.3px}
.nx-phero .sb{display:block;margin-top:8px;font-size:15px;color:rgba(255,255,255,.78)}
@media (max-width:820px){
.nx-dealer2{min-height:0}
.nx-dealer2::before{background:linear-gradient(0deg,rgba(15,26,33,.97) 45%,rgba(15,26,33,.5))!important}
.nx-dealer2 .parts{position:relative;display:block;left:auto;right:auto;width:110%;margin:10px -5% -30px;bottom:auto}
.nx-dealer2 .tx{width:auto;max-width:none;padding:8px 22px 30px!important}
.nx-dealer2 .sl{display:none}
.nx-dealer2 .fe li{font-size:12px}
.nx-phero .parts,.nx-phero .sl{display:none}
.nx-phero .tx{max-width:none;padding:24px 22px}
.nx-phero .lg{width:68px;height:68px;border-radius:14px}.nx-phero .lg img{width:48px;height:48px}
}

/* =====================================================================
   v1.3 — design pass: type scale, hero scene, cards, rails, motion
   ===================================================================== */
:root{--head:#1E293B}
body{font-size:15px;color:#1F2933;-webkit-font-smoothing:antialiased}
.nx-wrap{max-width:1320px}
/* type scale: 700 instead of 800, calmer heading colour */
.nx-sec h2,.nx-h2{font-weight:700;font-size:28px;color:var(--head);letter-spacing:-.2px}
.nx-sec>p,.nx-sub{font-size:15px;margin:8px 0 34px}
.nx-panel-h h2{font-weight:700;font-size:24px;color:var(--head)}
.nx-why h3{font-size:18px;color:var(--head)}
.nx-sec{padding:64px 0 24px}

/* header: sticky, compacts on scroll */
.nx-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);transition:box-shadow .25s}
.nx-header .nx-hrow{transition:padding .25s}
.nx-header.sc{box-shadow:0 8px 24px rgba(19,33,43,.08)}
.nx-header.sc .nx-hrow{padding:8px 0}
.nx-header.sc .nx-brand img{width:54px;height:54px}
.nx-header .nx-brand img{transition:width .25s,height .25s}

/* hero: one rendered scene in a framed card */
.nx-hero3{position:relative;overflow:hidden;border-radius:24px;margin:22px 0 8px;background:#1b130e;color:#fff;box-shadow:0 30px 60px -30px rgba(19,33,43,.45)}
.nx-hero3 .bg{display:block}
.nx-hero3 .bg img{display:block;width:100%;aspect-ratio:2640/1056;object-fit:cover;min-height:440px}
.nx-hero3::before{content:"";position:absolute;inset:0 0 64px 0;z-index:1;pointer-events:none;background:linear-gradient(270deg,rgba(20,13,9,.88) 0%,rgba(20,13,9,.62) 30%,rgba(20,13,9,.12) 56%,rgba(20,13,9,0) 70%)}
[dir=ltr] .nx-hero3::before{background:linear-gradient(270deg,rgba(20,13,9,.88) 0%,rgba(20,13,9,.62) 30%,rgba(20,13,9,.12) 56%,rgba(20,13,9,0) 70%)}
.nx-hero3 .copy{position:absolute;z-index:2;top:0;bottom:64px;inset-inline-start:0;width:min(46%,620px);box-sizing:border-box;padding:40px 52px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
[dir=ltr] .nx-hero3 .copy{inset-inline-start:auto;right:0}
.nx-hero3 .k{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:5px;font-weight:600;color:#9BE8F4;direction:ltr;margin-bottom:12px}
.nx-hero3 .k::before{content:"";width:36px;height:2px;background:var(--cyan)}
.nx-hero3 h1{margin:0;font-weight:700;font-size:clamp(30px,3.3vw,50px);line-height:1.25;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.nx-hero3 .nx-brush{margin:10px 0 18px;font-size:clamp(28px,3vw,46px)}
.nx-hero3 .nx-origins{margin-bottom:18px}
.nx-hero3 .nx-origins span{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff;box-shadow:none}
.nx-hero3 .fe{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);width:100%}
.nx-hero3 .fe li{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;font-size:12.5px;font-weight:600;line-height:1.4;padding:0 6px;color:rgba(255,255,255,.92)}
.nx-hero3 .fe li+li{border-inline-start:1px solid rgba(255,255,255,.18)}
.nx-hero3 .fe svg{color:#45D3E6}
.nx-hero3 .bt{display:flex;flex-wrap:wrap;gap:12px}
.nx-hero3 .ghost,.nx-promo .ghost{display:inline-flex;align-items:center;height:54px;padding:0 26px;border-radius:40px;border:1.5px solid rgba(255,255,255,.45);color:#fff;font-weight:700;font-size:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.nx-hero3 .ghost:hover{background:#fff;color:#13212B}
.nx-hero3 .nx-banner-strip{position:relative;z-index:2}
/* old full-bleed banner is no longer used */
.nx-banner{display:none}

/* makes: lift on hover */
.nx-make{transition:transform .25s,box-shadow .25s,background .25s}
.nx-make:hover{transform:translateY(-4px);background:#fff;box-shadow:0 14px 30px -12px rgba(19,33,43,.22);border-color:transparent}
.nx-make img{transition:transform .3s}
.nx-make:hover img{transform:scale(1.06)}

/* agencies */
.nx-ag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.nx-ag{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:112px;border-radius:16px;background:#fff;border:1px solid #E8ECEF;transition:transform .25s,box-shadow .25s,border-color .25s}
.nx-ag:hover{transform:translateY(-3px);border-color:transparent;box-shadow:0 14px 30px -12px rgba(19,33,43,.22)}
.nx-ag img{max-width:72%;height:44px;object-fit:contain}
.nx-ag b{font-weight:800;font-size:17px;letter-spacing:2.5px;color:var(--head);direction:ltr;text-transform:uppercase;padding-bottom:6px;border-bottom:2px solid var(--cyan)}
.nx-ag span{font-size:12px;color:var(--muted)}

/* product cards */
.nx-card{border:0;border-radius:16px;padding:14px;gap:8px;box-shadow:0 1px 2px rgba(19,33,43,.06);transition:transform .25s,box-shadow .25s}
.nx-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -16px rgba(19,33,43,.28)}
.nx-card .im{aspect-ratio:1/1;border-radius:12px;overflow:hidden}
.nx-card .im img{transition:transform .35s}
.nx-card:hover .im img{transform:scale(1.05)}
.nx-card .nm{font-weight:600;font-size:14.5px;color:var(--head);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.nx-card .pn{font-size:11.5px;letter-spacing:.3px}
.nx-card form{gap:8px}
.nx-card .nx-qty{width:48px;flex:0 0 48px;border-color:#E3E8EC}
.nx-card .nx-btn{height:42px;border-radius:10px}

/* product rail (carousel) */
.nx-rail{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*14px)/5);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 14px;margin:-6px -2px 0}
.nx-rail::-webkit-scrollbar{display:none}
.nx-rail>.nx-card{scroll-snap-align:start}
.nx-row-nav{display:flex;align-items:center;gap:8px}
.nx-row-nav button{width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:var(--head);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(19,33,43,.12);transition:background .2s,color .2s}
.nx-row-nav button:hover{background:var(--navy);color:#fff}

/* quick-order promo: white studio with brand slashes */
.nx-promo{position:relative;overflow:hidden;border-radius:24px;margin:28px 0;min-height:380px;display:flex;align-items:center;background:radial-gradient(900px 420px at 30% 80%,#fff,#EEF1F3 75%);border:1px solid #EEF0F2}
.nx-promo .sl{position:absolute;top:0;height:62%;transform:skewX(-28deg)}
.nx-promo .sl.a{left:30px;width:110px;background:var(--navy)}
.nx-promo .sl.b{left:160px;width:70px;background:var(--cyan)}
[dir=ltr] .nx-promo .sl.a{left:auto;right:30px;transform:skewX(28deg)}[dir=ltr] .nx-promo .sl.b{left:auto;right:160px;transform:skewX(28deg)}
.nx-promo .parts{position:absolute;left:-2%;bottom:-6%;width:min(58%,820px);filter:drop-shadow(0 24px 24px rgba(0,0,0,.06))}
[dir=ltr] .nx-promo .parts{left:auto;right:-2%}
.nx-promo .tx{position:relative;z-index:1;margin:0;width:46%;box-sizing:border-box;padding:44px 56px;display:flex;flex-direction:column;align-items:flex-start}
.nx-promo .k{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:5px;font-weight:600;color:var(--cyan-d);direction:ltr;margin-bottom:12px}
.nx-promo .k::before{content:"";width:36px;height:2px;background:var(--cyan)}
.nx-promo h2{margin:0;font-weight:700;font-size:clamp(26px,2.6vw,40px);line-height:1.3;color:var(--head)}
.nx-promo h2 em{display:block;font-style:normal;color:var(--cyan)}
.nx-promo p{margin:12px 0 22px;color:#5B6770;font-size:16px;line-height:1.8;max-width:470px}

/* soft reveal */
.nx-rv-on .nx-rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.nx-rv-on .nx-rv.in{opacity:1;transform:none}

@media (max-width:1100px){.nx-rail{grid-auto-columns:calc((100% - 2*14px)/3)}.nx-hero3 .copy{width:56%}}
@media (max-width:820px){
.nx-hero3{border-radius:18px;margin-top:12px}
.nx-hero3 .bg img{min-height:0;aspect-ratio:auto;height:240px;object-position:22% 60%}
.nx-hero3::before{inset:0;background:linear-gradient(0deg,#1b130e 46%,rgba(27,19,14,.2) 70%,rgba(27,19,14,0))!important}
.nx-hero3 .copy{position:relative;width:auto;padding:0 20px 24px;margin-top:-30px;bottom:auto;right:auto}
.nx-hero3 .fe{grid-template-columns:repeat(2,1fr);row-gap:14px}
.nx-hero3 .fe li:nth-child(3){border-inline-start:0}
.nx-rail{grid-auto-columns:72%}
.nx-promo{flex-direction:column;align-items:stretch;min-height:0}
.nx-promo .parts{position:relative;width:110%;left:auto;right:auto;margin:16px -5% -20px;bottom:auto}
.nx-promo .tx{width:auto;padding:4px 22px 30px}
.nx-promo .sl{display:none}
.nx-ag-grid{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){.nx-make,.nx-card,.nx-ag,.nx-card .im img{transition:none}}
.nx-card{position:relative}
.nx-hero3 .copy{width:min(48%,640px);padding:30px 48px}
.nx-hero3 h1{font-size:clamp(26px,2.7vw,42px);white-space:nowrap}
.nx-hero3 .nx-brush{margin:8px 0 16px;font-size:clamp(24px,2.5vw,38px);padding:4px 30px 10px}
.nx-hero3 .nx-origins{margin-bottom:16px;width:100%}
.nx-hero3 .nx-origins span{padding:6px 14px;font-size:13px}
.nx-hero3 .fe{margin-bottom:20px}
.nx-hero3 .fe li{flex-direction:row;justify-content:center;gap:8px;font-size:12.5px;padding:2px 8px}
.nx-hero3 .fe svg{width:22px;height:22px;flex:0 0 22px}
.nx-hero3 .fe{grid-template-columns:repeat(2,1fr);row-gap:12px}
.nx-hero3 .fe li:nth-child(3){border-inline-start:0}
.nx-hero3 .fe li{justify-content:flex-start}
.nx-banner-strip .go{white-space:nowrap}
@media (max-width:820px){.nx-hero3 h1{white-space:normal}.nx-hero3 .copy{padding:0 20px 24px}}
@media (max-width:1500px){.nx-hero3 .nx-banner-strip .u{display:none}.nx-hero3 .nx-banner-strip .l{min-width:20px}}
@media (max-width:1180px){.nx-hero3 .nx-banner-strip .c,.nx-hero3 .nx-banner-strip .l{display:none}}
@media (max-width:820px){
.nx-hero3 .copy{position:relative;width:auto;inset:auto;padding:0 20px 26px;margin-top:-34px}
.nx-hero3 .k{letter-spacing:3px;font-size:10px;white-space:nowrap}
.nx-hero3 h1{white-space:normal;font-size:30px}
.nx-hero3 .nx-brush{font-size:26px}
.nx-hero3 .fe{grid-template-columns:1fr 1fr}
.nx-hero3 .fe li{font-size:12px}
}
@media (max-width:820px){.nx-header{position:relative}.nx-hero3 .nx-banner-strip{display:none}}

.nx-credit{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.6)}
.nx-credit b{color:#7FE3F2;font-weight:700;transition:color .2s}
.nx-credit:hover b{color:#fff}
/* v1.3.1 — daylight hero: no dark shading, text on a frosted glass card */
.nx-hero3{background:#cfe0f0}
.nx-hero3::before{display:none}
.nx-hero3 .copy{top:28px;bottom:92px;inset-inline-start:28px;width:min(44%,600px);padding:30px 36px;border-radius:22px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 24px 50px -20px rgba(19,33,43,.35)}
[dir=ltr] .nx-hero3 .copy{inset-inline-start:auto;right:28px}
.nx-hero3 h1{color:var(--head);text-shadow:none}
.nx-hero3 .k{color:var(--cyan-d)}
.nx-hero3 .nx-origins span{background:#fff;border-color:#E3EAEF;color:var(--head)}
.nx-hero3 .fe li{color:var(--head)}
.nx-hero3 .fe li+li{border-color:rgba(19,33,43,.15)}
.nx-hero3 .fe svg{color:var(--cyan-d)}
.nx-hero3 .ghost{border-color:var(--head);color:var(--head);background:rgba(255,255,255,.5)}
.nx-hero3 .ghost:hover{background:var(--head);color:#fff}
@media (max-width:820px){
.nx-hero3 .copy{position:relative;inset:auto;margin:-40px 12px 14px;width:auto;background:rgba(255,255,255,.92);padding:22px 18px}
}
.nx-hero3 .copy{width:min(40%,540px);padding:24px 28px;background:rgba(255,255,255,.5);backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3)}
.nx-hero3 h1{font-size:clamp(24px,2.4vw,38px)}
.nx-hero3 .nx-brush{font-size:clamp(22px,2.2vw,34px)}
@media (max-width:1180px){.nx-hero3 .copy{width:50%}}
@media (max-width:820px){
.nx-hero3 .copy{width:auto!important;margin:-40px 12px 14px!important;inset:auto!important;padding:22px 18px!important}
.nx-hero3 .bg img{height:260px}
}
/* v1.3.2 — bright hero: soft feathered panel (no hard frame) + separate glass tiles */
.nx-hero3 .copy{top:0;bottom:64px;inset-inline-start:0;width:min(50%,700px);padding:36px 56px 36px 40px;border:0;border-radius:0;box-shadow:none;
 background:radial-gradient(closest-side at 50% 50%,rgba(255,255,255,.82) 0%,rgba(255,255,255,.62) 55%,rgba(255,255,255,0) 100%);
 backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
 -webkit-mask-image:radial-gradient(closest-side at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side at 50% 50%,#000 62%,transparent 100%)}
[dir=ltr] .nx-hero3 .copy{inset-inline-start:auto;right:0;padding:36px 40px 36px 56px}
.nx-hero3 .copy{-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 70%,transparent 100%);background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.78) 0%,rgba(255,255,255,.6) 60%,rgba(255,255,255,0) 100%)}
.nx-hero3 .nx-glass{margin:0 0 20px;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;gap:10px;width:100%}
.nx-hero3 .nx-glass li{flex:1 1 90px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.95);border-radius:14px;padding:12px 6px;font-size:12.5px;color:var(--head);box-shadow:0 10px 24px -14px rgba(19,33,43,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.nx-hero3 .nx-glass svg{color:var(--cyan-d);width:28px;height:28px}
@media (max-width:820px){
.nx-hero3 .copy{-webkit-mask-image:none!important;mask-image:none!important;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.92) 28%)!important;margin:-60px 0 0!important;padding:40px 18px 22px!important;backdrop-filter:none}
.nx-hero3 .nx-glass li{flex:1 1 40%}
}
.nx-hero3 .copy{-webkit-mask-image:none!important;mask-image:none!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;width:min(46%,640px);padding:34px 52px 34px 30px;isolation:isolate}
[dir=ltr] .nx-hero3 .copy{padding:34px 30px 34px 52px}
.nx-hero3 .copy::before{content:"";position:absolute;z-index:-1;inset:-6% -14% -6% -18%;pointer-events:none;
 background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.86) 0%,rgba(255,255,255,.7) 45%,rgba(255,255,255,.35) 72%,rgba(255,255,255,0) 100%);
 backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
 -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%)}
[dir=ltr] .nx-hero3 .copy::before{inset:-6% -18% -6% -14%}
@media (max-width:820px){.nx-hero3 .copy{width:auto!important;padding:40px 18px 22px!important;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.94) 26%)!important}.nx-hero3 .copy::before{display:none}}
@media (max-width:1600px){.nx-hero3 .nx-banner-strip .u{display:none!important}}
.nx-hero3 .nx-banner-strip .c{overflow:hidden;text-overflow:ellipsis;min-width:0}
.nx-hero3 .nx-banner-strip .mk{flex:0 0 auto}
/* v1.4 — generated photo hero: text sits on the clear sky (right) */
.nx-hero3{background:#8ec3ee}
.nx-hero3 .bg img{object-position:left center}
.nx-hero3 .copy{width:min(40%,560px);padding:30px 44px 30px 20px}
.nx-hero3 .copy::before{background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.62) 0%,rgba(255,255,255,.45) 50%,rgba(255,255,255,0) 100%);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.nx-hero3 h1{color:#13212B}
@media (max-width:820px){.nx-hero3 .bg img{object-position:left center}}
/* v1.4 — dealer banner = one generated photo, text on the bright right side */
.nx-d3{background:#eef1f4 url('/ht_nossir_website/static/img/bg-dealer.webp?v=1') left center/cover no-repeat;color:var(--head);min-height:0;aspect-ratio:1983/793;display:flex;align-items:center}
.nx-d3::before{display:none}
.nx-d3::after{background:linear-gradient(90deg,transparent,#1FBCD6 40%,#45D3E6)}
.nx-d3 .tx{width:44%;margin-inline-start:0;margin-inline-end:auto;padding:40px 52px 40px 24px}
[dir=ltr] .nx-d3 .tx{margin-left:auto;margin-right:0;padding:40px 52px 40px 24px}
.nx-d3 .k{color:var(--cyan-d)}
.nx-d3 h2{color:var(--head)}
.nx-d3 h2 em{color:#13A9C3}
.nx-d3 p{color:#4A5862}
.nx-d3 .fe li{color:var(--head)}
.nx-d3 .fe li+li{border-color:rgba(19,33,43,.15)}
.nx-d3 .fe svg{color:var(--cyan-d)}
.nx-d3 .ghost{border-color:var(--head);color:var(--head);background:rgba(255,255,255,.6)}
.nx-d3 .ghost:hover{background:var(--head);color:#fff}
@media (max-width:1100px){.nx-d3{aspect-ratio:auto}}
@media (max-width:820px){
.nx-d3{display:block;background-size:auto 260px;background-position:left top;padding-top:250px;aspect-ratio:auto}
.nx-d3 .tx{width:auto;padding:22px 20px 28px!important;background:#fff}
}
/* =====================================================================
   v1.4 — generated photographs for every banner (text on the bright side)
   ===================================================================== */
.nx-ph{position:relative;overflow:hidden;border-radius:24px;margin:28px 0;min-height:0;display:flex;align-items:center;color:var(--head);background-color:#eef1f4;background-repeat:no-repeat;background-size:cover;background-position:left center;border:0}
.nx-ph::before,.nx-ph::after{display:none}
.nx-ph-dealer{background-image:url('/ht_nossir_website/static/img/bg-dealer.webp?v=1');aspect-ratio:1983/793}
.nx-ph-quick{background-image:url('/ht_nossir_website/static/img/bg-quick.webp?v=1');aspect-ratio:1632/656}
.nx-ph .tx{position:relative;z-index:1;width:43%;max-width:600px;margin:0 0 0 0;padding:36px 52px 36px 20px}
[dir=ltr] .nx-ph .tx{margin-left:auto;padding:36px 52px 36px 20px}
.nx-ph .k{color:var(--cyan-d)}
.nx-ph .k::before{background:var(--cyan)}
.nx-ph h2{color:var(--head)}
.nx-ph h2 em{color:#13A9C3}
.nx-ph p{color:#4A5862}
.nx-ph .fe li{color:var(--head)}
.nx-ph .fe li+li{border-color:rgba(19,33,43,.15)}
.nx-ph .fe svg{color:var(--cyan-d)}
.nx-ph .ghost{border-color:var(--head)!important;color:var(--head)!important;background:rgba(255,255,255,.6)!important}
.nx-ph .ghost:hover{background:var(--head)!important;color:#fff!important}
/* inner page hero */
.nx-phero2{background:#eef2f5 url('/ht_nossir_website/static/img/bg-inner.webp?v=1') left center/cover no-repeat;color:var(--head);aspect-ratio:2000/400;min-height:200px}
.nx-phero2::before{display:block;background:linear-gradient(270deg,rgba(240,245,248,.92) 0%,rgba(240,245,248,.75) 32%,rgba(240,245,248,0) 55%)}
[dir=ltr] .nx-phero2::before{background:linear-gradient(270deg,rgba(240,245,248,.92) 0%,rgba(240,245,248,.75) 32%,rgba(240,245,248,0) 55%)}
.nx-phero2 .tx{margin-inline-start:0;max-width:46%}
[dir=ltr] .nx-phero2 .tx{margin-left:auto}
.nx-phero2 .cr{color:#6B7780}
.nx-phero2 .cr a:hover{color:var(--cyan-d)}
.nx-phero2 h1{color:var(--head)}
.nx-phero2 small{color:var(--cyan-d)}
.nx-phero2 .sb{color:#4A5862}
.nx-phero2 .lg{box-shadow:0 10px 24px rgba(19,33,43,.14)}
/* login photo */
.nx-login-photo{min-height:0;background:#e9f3fb}
.nx-login-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media (max-width:1100px){.nx-ph{aspect-ratio:auto;min-height:380px}.nx-ph .tx{width:52%}}
@media (max-width:820px){
.nx-ph{display:block;aspect-ratio:auto;min-height:0;background-size:auto 240px;background-position:left top;padding-top:236px}
.nx-ph .tx{width:auto!important;max-width:none;padding:20px 20px 28px!important;background:#fff}
.nx-phero2{aspect-ratio:auto;min-height:0;background-size:auto 150px;background-position:left top;padding-top:146px;display:block}
.nx-phero2::before{display:none}
.nx-phero2 .tx{max-width:none;background:#fff}
.nx-login-photo{height:340px}
.nx-login-photo img{object-position:center 75%}
}
.nx-ph-dealer h2{font-size:clamp(24px,2.3vw,36px);line-height:1.3}
.nx-ph-dealer p{margin:10px 0 18px;font-size:15px}
.nx-ph-dealer .fe{margin-bottom:20px}

/* v1.8 — زرار «اسأل خبير» في الهيدر: بيفتح شباك البوت */
.nx-ask{position:relative;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 16px;border-radius:40px;border:0;background:#1E2A32;color:#fff;font:inherit;font-weight:800;font-size:15px;white-space:nowrap;cursor:pointer;box-shadow:0 8px 20px rgba(30,42,50,.22);transition:transform .2s,box-shadow .2s,background .2s}
.nx-ask:hover{transform:translateY(-2px);background:#26343e;box-shadow:0 12px 26px rgba(30,42,50,.32)}
.nx-ask:focus-visible{outline:3px solid #45D3E6;outline-offset:2px}
.nx-ask svg{color:#45D3E6}
.nx-ask .dot{position:absolute;top:7px;inset-inline-start:30px;width:8px;height:8px;border-radius:50%;background:#2BD576;box-shadow:0 0 0 2px #1E2A32;animation:nxAskPulse 2s infinite}
@keyframes nxAskPulse{0%,100%{box-shadow:0 0 0 2px #1E2A32,0 0 0 2px rgba(43,213,118,.5)}50%{box-shadow:0 0 0 2px #1E2A32,0 0 0 7px rgba(43,213,118,0)}}
@media (prefers-reduced-motion:reduce){.nx-ask .dot{animation:none}.nx-ask:hover{transform:none}}
@media (max-width:820px){.nx-ask{height:38px;padding:0 12px;font-size:13px;gap:6px}.nx-ask svg{width:16px;height:16px}.nx-ask .dot{top:5px;inset-inline-start:22px}}
.nx-promo-bt{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.nx-ask.big{height:54px;padding:0 24px 0 22px;font-size:17px;gap:10px}
.nx-ask.big .dot{top:10px;inset-inline-start:36px}
.nx-promo-or{margin:14px 0 0;font-size:14px;opacity:.85}
@media (max-width:820px){.nx-ask.big{height:48px;font-size:15px;padding:0 18px}.nx-ask.big .dot{top:8px;inset-inline-start:30px}}
@media (max-width:520px){.nx-ask:not(.big){width:38px;padding:0;justify-content:center}.nx-ask:not(.big) .t{display:none}.nx-ask:not(.big) .dot{top:4px;inset-inline-start:24px}}

/* ===== فيديو الافتتاح (أول ما الرئيسية تفتح، مرة واحدة في الزيارة) ===== */
.nx-intro{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;
  background:#cfe7f7 url(/ht_nossir_website/static/video/nossir_intro_bg_h.jpg?v=2) center/auto 100% no-repeat;transition:opacity .7s ease,visibility .7s}
.nx-intro[hidden]{display:none}
.nx-intro video{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)}
.nx-intro.out{opacity:0;visibility:hidden}
.nx-intro .skip{position:absolute;bottom:28px;inset-inline-end:28px;height:42px;padding:0 20px;border-radius:999px;
  border:1px solid rgba(30,42,50,.18);background:rgba(255,255,255,.72);color:#1E2A32;font:600 15px/1 inherit;
  font-family:inherit;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.nx-intro .skip:hover{background:#fff}
html.nx-intro-on,html.nx-intro-on body{overflow:hidden}
@media (max-aspect-ratio:6/7){
  .nx-intro{background-image:url(/ht_nossir_website/static/video/nossir_intro_bg_v.jpg?v=3);background-size:100% auto}
  .nx-intro video{height:auto;width:100%;max-height:100%;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 3%,#000 97%,transparent 100%);
            mask-image:linear-gradient(180deg,transparent 0,#000 3%,#000 97%,transparent 100%)}
  .nx-intro .skip{bottom:20px;inset-inline-end:16px}
}

/* ===== v2: متاح/غير متوفر، شكل القايمة، الفلاتر الجديدة، الأسعار ===== */
.nx-card .im{position:relative}
.nx-badge-st{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.nx-badge-st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.nx-badge-st.ok{background:#E3F6EC;color:#147A4B}
.nx-badge-st.no{background:#FDECEC;color:#A12A2A}
.nx-badge-st.sm{height:20px;font-size:11px;margin-top:4px}
.nx-card .im .nx-badge-st{position:absolute;top:8px;inset-inline-start:8px}
.nx-card.out .im img{opacity:.55;filter:grayscale(.35)}
.nx-card .bd{display:flex;flex-direction:column;gap:6px}
.nx-card .nt,.nx-note{font-size:12px;color:#8A5A00;background:#FFF6E0;border-radius:6px;padding:2px 8px;align-self:flex-start}
.nx-card .buy{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.nx-card .pr,.nx-price bdi{font-weight:800;color:var(--ink,#1E2A32);font-size:16px}
.nx-price{margin:6px 0 10px;font-size:15px;color:var(--muted)}
.nx-stline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 8px}
.nx-fits{display:flex;flex-wrap:wrap;gap:6px}
.nx-fits span{background:#F2F7F8;border-radius:6px;padding:3px 9px;font-size:13px}

/* شريط فوق النتايج: العدد + قايمة/مربعات */
.nx-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.nx-bar .cnt{font-weight:700;color:var(--muted)}
.nx-bar .vw{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.nx-bar .vw a{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:13px;font-weight:600;color:var(--muted)}
.nx-bar .vw a.on{background:#1E2A32;color:#fff}

/* شكل القايمة: سطر بعرض الشاشة — الصورة، الاسم والتفاصيل، وفي الآخر الكمية وأضف للطلب */
.nx-grid.nx-list{grid-template-columns:1fr;gap:10px}
.nx-list .nx-card{flex-direction:row;align-items:center;gap:16px;padding:10px 14px}
.nx-list .nx-card .im{width:112px;flex:0 0 112px;aspect-ratio:1/1}
.nx-list .nx-card .im .nx-badge-st{top:4px;inset-inline-start:4px;height:20px;font-size:11px;padding:0 7px}
.nx-list .nx-card .bd{flex:1 1 auto;min-width:0}
.nx-list .nx-card .buy{flex:0 0 auto;margin:0;align-items:flex-end}
.nx-list .nx-card .buy form{display:flex;gap:8px;align-items:center}
.nx-list .nx-card .buy .nx-qty{width:72px}
@media (max-width:640px){
  .nx-list .nx-card{flex-wrap:wrap;gap:10px}
  .nx-list .nx-card .im{width:84px;flex-basis:84px}
  .nx-list .nx-card .bd{flex:1 1 calc(100% - 100px)}
  .nx-list .nx-card .buy{flex:1 1 100%;align-items:stretch}
  .nx-list .nx-card .buy form{width:100%}
  .nx-list .nx-card .buy .nx-btn{flex:1}
}

/* «المتاح بس» */
.nx-toggle{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:12px;font-weight:700;font-size:14px}
.nx-toggle .sw{width:36px;height:20px;border-radius:999px;background:#D7DDE0;position:relative;transition:background .2s}
.nx-toggle .sw::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:inset-inline-start .2s}
.nx-toggle.on .sw{background:#1FBCD6}
.nx-toggle.on .sw::after{inset-inline-start:18px}

/* حساب تحت المراجعة / لازم دخول */
.nx-review{background:#FFF8E6;border:1px solid #F3DFA8;border-radius:12px;padding:16px 18px;margin:14px 0;display:flex;flex-direction:column;gap:4px}
.nx-review b{font-size:16px}
.nx-btn.ghost2{background:#fff;color:#1E2A32;border:1px solid var(--line)}

/* «القطعة مش موجودة؟» تحت النتايج */
.nx-missing{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:22px;padding:18px 20px;border-radius:14px;background:linear-gradient(90deg,#EAF8FB,#F5FBFC);border:1px solid #CDEEF4}
.nx-missing>div:first-child{display:flex;flex-direction:column;gap:4px}
.nx-missing b{font-size:16px}
.nx-missing span{color:var(--muted);font-size:14px}
.nx-missing .bt{display:flex;gap:10px;flex-wrap:wrap}
.nx-tools a,.nx-tools .nx-in{white-space:nowrap}
.nx-years{display:flex;flex-wrap:wrap;gap:6px}
.nx-years a{min-width:56px;text-align:center;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:600;background:#fff}
.nx-years a.on{background:#1E2A32;color:#fff;border-color:#1E2A32}

/* ---- v44: تأكيد الطلب مباشرة + «حسابي» + كشف الحساب ---- */
.nx-acc{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--navy);border:1px solid var(--line);border-radius:30px;padding:6px 14px}
.nx-acc:hover{border-color:var(--cyan);color:var(--cyan-d)}
.nx-total td{font-weight:800;color:var(--navy);background:#FAFBFB}
.nx-linkbtn{background:none;border:none;color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:4px;font-family:inherit}
.nx-linkbtn:hover{color:var(--navy)}
.nx-warnline{background:#FFF6E5;color:#7A4A00;border-radius:10px;padding:10px 16px;max-width:620px;margin:0 auto 20px;font-weight:600}
.nx-btn.sm{height:36px;font-size:13px;padding:0 14px;flex:0 0 auto}
.nx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 8px}
.nx-stat{border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:4px;background:#fff;position:relative;overflow:hidden}
.nx-stat::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--line)}
.nx-stat.due::before{background:var(--navy)}
.nx-stat.ok::before{background:var(--cyan)}
.nx-stat span{color:var(--muted);font-size:13px}
.nx-stat b{font-size:26px;font-weight:800;color:var(--navy);line-height:1.3}
.nx-stat small{font-size:12px;color:var(--muted)}
.nx-stat small.bad{color:#B3261E;font-weight:700}
.nx-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 6px;position:sticky;top:0;background:#fff;padding:10px 0;z-index:5}
.nx-tabs a{border:1px solid var(--line);border-radius:30px;padding:7px 18px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px}
.nx-tabs a:hover{border-color:var(--cyan);color:var(--cyan-d)}
.nx-tabs .n{background:var(--cyan);color:#0F2027;border-radius:20px;font-size:11px;padding:0 7px;line-height:18px}
.nx-acc-sec{margin:26px 0 8px;scroll-margin-top:70px}
.nx-acc-sec h2{margin:0 0 12px;font-size:21px;font-weight:800;color:var(--navy)}
.nx-acc-sec .nx-sub{margin:0}
.nx-doc .acts{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.nx-doc .acts form{margin:0}
.nx-st tr.op td:last-child,.nx-st tr.cl td:last-child{text-align:end;white-space:nowrap}
.nx-doc .why{color:#9A5B00;font-size:12px;max-width:220px}
.nx-mini{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:8px;height:34px;padding:0 12px;font-size:13px;font-weight:600;color:var(--navy);cursor:pointer;font-family:inherit;white-space:nowrap}
.nx-mini:hover{border-color:var(--cyan);color:var(--cyan-d)}
.nx-pillst{display:inline-block;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.nx-pillst.ok{background:#E7F7EF;color:#0B6B47}
.nx-pillst.wn{background:#FFF6E5;color:#7A4A00}
.nx-pillst.no{background:#FDECEA;color:#B3261E}
.nx-pillst.nt{background:var(--soft);color:var(--muted)}
.nx-range{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:0 0 14px}
.nx-range label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.nx-range input{height:36px;border:1px solid #D5DADE;border-radius:8px;padding:0 10px;font-family:inherit}
.nx-st td:nth-child(n+4),.nx-st th:nth-child(n+4){text-align:end;white-space:nowrap}
.nx-st tr.op td,.nx-st tr.cl td{background:#FAFBFB;font-weight:800;color:var(--navy)}
@media (max-width:820px){.nx-stats{grid-template-columns:1fr}.nx-stat b{font-size:22px}}
/* صفحة الطباعة */
body.nx-print{background:#fff}
.nx-print-page{max-width:980px;margin:0 auto;padding:28px 24px}
.nx-print-head{display:flex;align-items:center;gap:16px;border-bottom:3px solid var(--navy);padding-bottom:14px;margin-bottom:16px}
.nx-print-head img{width:64px;height:64px;object-fit:contain}
.nx-print-head div{flex:1}
.nx-print-head b{color:var(--muted);font-size:13px}
.nx-print-head h1{margin:0;font-size:24px;color:var(--navy)}
.nx-print-meta{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:13px}
.nx-print-meta th{color:var(--muted);font-weight:500;text-align:start;padding:4px 8px;white-space:nowrap}
.nx-print-meta td{font-weight:700;padding:4px 8px}
@media print{
  .nx-noprint,.nx-header,.nx-notice,.nx-footer,#khabeer-root{display:none!important}
  .nx-print-page{padding:0;max-width:none}
  .nx-table{border-radius:0}
  .nx-table th,.nx-table td{padding:6px 8px;font-size:12px}
  @page{size:A4;margin:14mm}
}
/* v46: التوقيع */
.nx-sign{border:1px solid var(--line);border-radius:12px;padding:0}
.nx-sign>summary{list-style:none;width:100%;height:50px;font-size:16px;border-radius:11px}
.nx-sign>summary::-webkit-details-marker{display:none}
.nx-sign[open]>summary{border-radius:11px 11px 0 0}
.nx-sign[open]{padding-bottom:14px}
.nx-sign>*:not(summary){margin-inline:14px}
.nx-sign>p{margin-top:12px;margin-bottom:8px}
.nx-pad{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.nx-pad>b{color:var(--navy);font-size:15px}
.nx-pad>small{color:var(--muted);font-size:13px}
.nx-pad .cv{position:relative;border:1.5px dashed #B9C2C8;border-radius:10px;background:#fff;touch-action:none}
.nx-pad canvas{display:block;width:100%;height:160px;cursor:crosshair;border-radius:10px;background:linear-gradient(transparent 118px,#E3E7EA 118px,#E3E7EA 119px,transparent 119px)}
.nx-pad .clr{position:absolute;top:8px;inset-inline-end:8px;height:28px}
.nx-pad .up{position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--navy);font-weight:600;cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:7px 14px;background:#fff;max-width:100%}
.nx-pad .up:hover,.nx-pad .up:focus-within{border-color:var(--cyan);color:var(--cyan-d)}
.nx-pad .up input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.nx-pad .up .fn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nx-pad .up.has{border-color:var(--cyan);background:#EAF9FC}
.nx-pad .nm{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.nx-pad .nm input{height:42px;border:1px solid #D5DADE;border-radius:10px;padding:0 12px;font-size:15px}
/* v48: الكتالوج للمسجّلين */
.nx-members{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:26px auto 0;max-width:640px}
.nx-members .nx-btn{flex:0 0 auto;height:48px;font-size:15px;padding:0 26px}