/* Nik Pardazesh site theme — same tokens as the inventory system (warm paper, ink, signal yellow, Vazirmatn).
   Loaded after style.css; overrides the old colourful sections. Vazirmatn: SIL OFL (fonts/Vazirmatn-OFL.txt). */
@font-face{font-family:"Vazirmatn";src:url("../fonts/Vazirmatn-Variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{
  --bg:#EDEDE7;--panel:#FFFFFF;--sunk:#F5F5F0;--ink:#151513;--muted:#6A695F;--line:#D9D8CE;
  --yellow:#F5C400;--on-yellow:#151513;--yellow-soft:#FBEFB8;
  --side:#121210;--side-ink:#ECEBE3;--side-muted:#8F8E84;--side-line:#2A2A25;
  --shadow:0 1px 0 rgba(20,20,18,.04),0 8px 24px -12px rgba(20,20,18,.18);
  --f-body:"Vazirmatn",Tahoma,"Segoe UI",sans-serif;--f-mono:ui-monospace,"Cascadia Mono",Consolas,monospace;
  --r:10px;
  --haz:repeating-linear-gradient(-45deg,var(--ink) 0 6px,var(--yellow) 6px 12px);
}
html,body{background:var(--bg)!important;color:var(--ink)}
body,body *:not(.fa):not(svg):not(svg *){font-family:var(--f-body)!important}
body{font-size:15px;-webkit-font-smoothing:antialiased}
::selection{background:var(--yellow);color:var(--on-yellow)}

/* ---------- header ---------- */
#masthead,#nav{background:var(--panel)!important}
#masthead{border-bottom:1px solid var(--line);box-shadow:none!important}
#masthead:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;background:var(--haz);opacity:.9}
.masthead-nav a.zh-lnkMenu{color:var(--ink)!important;font-weight:600!important;font-size:14.5px!important;position:relative}
.masthead-nav a.zh-lnkMenu:after{content:"";position:absolute;right:0;left:0;bottom:-6px;height:2px;background:var(--yellow);transform:scaleX(0);transition:transform .2s}
.masthead-nav a.zh-lnkMenu:hover:after{transform:scaleX(1)}
.megamenu-section{background:var(--panel)!important;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
.megamenu-section .box1 a{border-radius:var(--r);border:1px solid transparent;transition:border-color .2s,background .2s}
.megamenu-section .box1 a:hover{background:var(--sunk)!important;border-color:var(--line)}
.megamenu-section .box1 p{color:var(--ink)!important;font-weight:700}
.mm-menu{background:var(--side)!important}
.mm-menu a,.mm-menu li{color:var(--side-ink)!important}
.megamenu-section-mob{background:var(--side-line)!important}
.m-nav-opener span{background:var(--ink)!important}

/* ---------- typography inside sections ---------- */
.descript h3{font-size:30px!important;font-weight:900!important;color:var(--ink)!important;letter-spacing:-.01em;line-height:1.4;margin-bottom:14px}
.descript h3:before{content:"";display:block;width:44px;height:6px;background:var(--haz);border-radius:2px;margin:0 0 14px auto}
.descript p{font-size:15px!important;line-height:2.05;color:#3d3c36!important}
.descript li{font-size:14.5px!important;line-height:1.9;color:#2b2a26!important;padding:3px 0}
.descript li:before{content:""!important;display:inline-block;width:7px;height:7px;background:var(--yellow);border-radius:1px;margin-left:10px!important;vertical-align:middle;box-shadow:0 0 0 1px var(--ink)}
@media (max-width:768px){.descript h3:before{margin:0 auto 12px}}

/* ---------- product sections: replace the rainbow backgrounds ---------- */
.vmax1,.iscan1,.vcode2,.vprog1,.bg11,.vprog3{background:var(--bg)!important;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px)!important;background-size:48px 48px!important;background-position:-1px -1px!important;position:relative}
.vmax1:after,.iscan1:after,.vcode2:after,.vprog1:after,.bg11:after,.vprog3:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(180deg,rgba(237,237,231,.55),rgba(237,237,231,.92));pointer-events:none}
.vmax1>.row,.iscan1>.row,.vcode2>.row,.vprog1>.row,.bg11>.row,.vprog3>.row{position:relative;z-index:1}
.vmax2,.vcode1,.iscan3,.bg12,.vprog2{background:var(--panel)!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.iscan2,.all_product{background:var(--sunk)!important}
.vprog1 h3,.vprog3 p,.vprog3 h3{color:var(--ink)!important}
.descript.vprog3 p{color:#3d3c36!important}

/* ---------- old buttons ---------- */
a[class*="btn-pri"],button[class*="btn-pri"]{border-radius:8px!important;font-weight:700!important;transition:filter .15s,background .15s!important}
a[class*="btn-pri"][class*="orange-50"],a[class*="btn-pri"][class*="blue-50"],button[class*="btn-pri"][class*="orange-50"]{background:var(--yellow)!important;border-color:var(--yellow)!important;color:var(--on-yellow)!important}
a[class*="btn-pri"][class*="orange-50"]:hover,a[class*="btn-pri"][class*="blue-50"]:hover{filter:brightness(.95)}
.descript a.btn-pri.btn-teal-50{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--panel)!important;border-radius:8px!important;padding:12px 32px!important}
.descript a.btn-pri.btn-teal-50:hover{background:#2a2a26!important;color:var(--yellow)!important}

/* ---------- "other products" band ---------- */
.white-header.bg10{background:var(--side)!important;padding-bottom:30px;position:relative}
.white-header.bg10:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--haz)}
.white-header.bg10 h3{color:var(--side-ink)!important;font-weight:900!important;font-size:26px!important;padding-top:20px}
.white-header .descript-bottom{background:#1b1b18;border:1px solid var(--side-line);border-radius:var(--r);margin:10px 1%;width:31.3%;padding:18px 12px;transition:border-color .2s,transform .2s}
.white-header .descript-bottom:hover{border-color:var(--yellow);transform:translateY(-3px)}
.white-header .descript-bottom h4{color:var(--side-ink)!important;font-weight:700!important;font-size:16px!important}
.white-header .descript-bottom img{max-width:100%;height:auto}
.white-header .descript-bottom a.btn-pri{background:transparent!important;border:1px solid var(--yellow)!important;color:var(--yellow)!important;padding:6px 18px!important}
.white-header .descript-bottom a.btn-pri:hover{background:var(--yellow)!important;color:var(--on-yellow)!important}
@media (max-width:767px){.white-header .descript-bottom{width:auto;margin:10px 14px}}

/* ---------- home ---------- */
.nk-box{background:var(--panel)!important;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.nk-box:hover{border-color:var(--ink);box-shadow:var(--shadow)}
.nk-box-content h4{color:var(--ink)!important;font-weight:800!important}
.nk-box-content p{color:var(--muted)!important;line-height:1.9}

/* ---------- footer ---------- */
.page-footer{background:var(--side)!important;color:var(--side-muted);position:relative;border-top:0}
.page-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--haz)}
.page-footer a,.page-footer p,.page-footer li{color:var(--side-muted)!important}
.page-footer a:hover{color:var(--yellow)!important}
.page-footer .copyrights{color:var(--side-muted)!important}
.page-footer .telegram{background:transparent!important;border:1px solid var(--side-line)!important;border-radius:var(--r)!important;transition:border-color .2s}
.page-footer .telegram:hover{border-color:var(--yellow)!important}
.page-footer .telegram span{color:var(--side-ink)!important;font-weight:600}
.bita,.bita a{color:#5d5c55!important}

/* ---------- floating contact button ---------- */
.np-fab-btn{background:var(--yellow)!important;color:var(--on-yellow)!important;border-radius:999px!important;box-shadow:0 10px 24px -10px rgba(20,20,18,.5)!important}
.np-fab-menu{border:1px solid var(--line)!important;border-radius:var(--r)!important}

/* ---------- update / download card (system "card") ---------- */
.vmax-upd{background:var(--panel)!important;border:1px solid var(--line);border-radius:var(--r)!important;box-shadow:var(--shadow)!important;padding:0!important;overflow:hidden;margin:20px 0 10px!important}
.vmax-upd-head{background:var(--sunk);border-bottom:1px solid var(--line)!important;padding:12px 16px!important;margin:0!important}
.vmax-upd-tag{background:var(--yellow)!important;color:var(--on-yellow)!important;font-size:12px!important;font-weight:700!important;padding:2px 10px!important;border-radius:999px!important;display:inline-flex;align-items:center;gap:6px}
.vmax-upd-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--on-yellow)}
.vmax-upd-head b{font-family:var(--f-mono)!important;font-size:13px!important;font-weight:600!important;direction:ltr;display:inline-flex;align-items:stretch;border:1px solid var(--ink);border-radius:4px;overflow:hidden;line-height:1.7;color:var(--ink)!important;white-space:nowrap}
.vmax-upd-head b:before{content:"VER";background:var(--ink);color:var(--panel);font-size:10px;letter-spacing:.06em;padding:0 6px;display:grid;place-items:center}
.vmax-upd-head b{padding:0 8px 0 0!important;gap:8px}
.vmax-upd>*:not(.vmax-upd-head){margin-left:16px!important;margin-right:16px!important}
.descript .vmax-upd-note{background:var(--yellow-soft)!important;border:1px dashed #d9ad00!important;border-right:1px dashed #d9ad00!important;border-radius:8px!important;margin-top:14px!important;font-size:14px!important;color:var(--ink)!important}
.vmax-upd h4{font-size:13px!important;font-weight:700!important;color:var(--muted)!important;letter-spacing:.02em;margin:18px 16px 6px!important;padding-bottom:6px;border-bottom:1px solid var(--line)}
.descript .vmax-upd li{border-bottom:1px solid var(--sunk)!important;color:var(--ink)!important;font-size:14px!important}
.descript .vmax-upd li:before{content:""!important;position:absolute;right:4px;top:13px;width:9px;height:5px;margin:0!important;background:none!important;box-shadow:none!important;border-left:2px solid var(--ok,#2B7A57);border-bottom:2px solid var(--ok,#2B7A57);border-radius:0;transform:rotate(-45deg)}
.vmax-upd-btn{background:var(--yellow)!important;color:var(--on-yellow)!important;border-radius:8px!important;padding:11px!important;margin-bottom:16px!important;font-weight:800!important;display:flex!important;align-items:center;justify-content:center;gap:8px}
.vmax-upd-btn:before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12m0 0-5-5m5 5 5-5M4 19h16'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12m0 0-5-5m5 5 5-5M4 19h16'/%3E%3C/svg%3E") center/contain no-repeat}
.vmax-upd-btn:hover{filter:brightness(.95);background:var(--yellow)!important}
.vmax-upd-btn+.vmax-upd-btn{margin-top:-6px!important}
.vmax-upd-btn.alt{background:var(--panel)!important;color:var(--ink)!important;border:1px solid var(--ink);font-weight:700!important}
.vmax-upd-btn.alt:hover{background:var(--sunk)!important;filter:none}

/* ================= page components (about / contact) ================= */
.np-pg{direction:rtl;text-align:right;color:var(--ink)}
.np-pg *{box-sizing:border-box}
.np-pg a{text-decoration:none!important}
.np-w{max-width:1180px;margin:0 auto;padding:0 20px}
.np-head{position:relative;background:var(--bg);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;border-bottom:1px solid var(--line);padding:56px 0 48px}
.np-head:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(237,237,231,.4),rgba(237,237,231,.95));pointer-events:none}
.np-head .np-w{position:relative;z-index:1}
.np-crumb{font-size:12.5px;color:var(--muted);margin-bottom:14px;display:flex;gap:8px;align-items:center}
.np-crumb a{color:var(--muted)!important}.np-crumb a:hover{color:var(--ink)!important}
.np-crumb i{font-style:normal;opacity:.5}
.np-head h1{font-size:40px;font-weight:900;letter-spacing:-.02em;line-height:1.35;margin:0 0 12px;max-width:820px;text-wrap:balance}
.np-head h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--yellow) 62%,var(--yellow) 92%,transparent 92%)}
.np-head p.lead{font-size:17px;line-height:2;color:var(--muted);max-width:720px;margin:0}
.np-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.np-b{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink)!important;font-weight:700;font-size:14.5px;line-height:1.4;transition:border-color .15s,filter .15s,background .15s;white-space:nowrap}
.np-b:hover{border-color:var(--ink)}
.np-b.pri{background:var(--yellow);border-color:var(--yellow);color:var(--on-yellow)!important}
.np-b.pri:hover{filter:brightness(.95)}
.np-b.dark{background:var(--ink);border-color:var(--ink);color:var(--panel)!important}
.np-b.dark:hover{background:#2a2a26}
.np-b svg{width:17px;height:17px;flex:none}
.np-sec2{padding:52px 0}
.np-sec2.alt{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.np-sh{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.np-sh h2{font-size:24px;font-weight:900;margin:0;letter-spacing:-.01em}
.np-sh p{margin:4px 0 0;color:var(--muted);font-size:14px}
.np-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.04em;margin-bottom:6px}
.np-eyebrow:before{content:"";width:22px;height:5px;background:var(--haz);border-radius:1px}
/* tiles */
.np-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.np-tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.np-tile .k{font-size:12.5px;color:var(--muted)}
.np-tile .v{font-size:30px;font-weight:900;line-height:1.3;font-variant-numeric:tabular-nums}
.np-tile .s{font-size:12.5px;color:var(--muted)}
.np-tile.hot{background:var(--ink);border-color:var(--ink);color:var(--panel)}
.np-tile.hot .v{color:var(--yellow)}.np-tile.hot .k,.np-tile.hot .s{color:#a9a89e}
/* card */
.np-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);min-width:0;overflow:hidden}
.np-card>h2{font-size:15px;font-weight:800;margin:0;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--sunk);display:flex;justify-content:space-between;align-items:center;gap:8px}
.np-card>h2 small{font-weight:500;color:var(--muted);font-size:12px}
.np-card .bd{padding:16px}
.np-card .bd p{font-size:15px;line-height:2.05;color:#3d3c36;margin:0 0 12px}
.np-card .bd p:last-child{margin:0}
.np-g2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:stretch}
.np-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
/* plate */
.np-plate{font-family:var(--f-mono)!important;font-size:13px;direction:ltr;unicode-bidi:isolate;display:inline-flex;align-items:stretch;border:1px solid var(--ink);border-radius:4px;overflow:hidden;line-height:1.75;white-space:nowrap;font-weight:600;color:var(--ink)!important;background:var(--panel)}
.np-plate i{font-style:normal;background:var(--ink);color:var(--panel);padding:0 6px;font-size:10px;display:grid;place-items:center;letter-spacing:.06em;font-family:var(--f-mono)!important}
.np-plate span{padding:0 8px;font-family:var(--f-mono)!important}
a.np-plate:hover{background:var(--yellow-soft)}
/* quad */
.np-quad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.np-quad>div{background:var(--panel);padding:20px 18px;display:flex;flex-direction:column;gap:6px}
.np-quad .n{font-family:var(--f-mono)!important;font-size:12px;color:var(--muted)}
.np-quad b{font-size:16px;font-weight:800}
.np-quad p{margin:0;font-size:14px;line-height:1.95;color:var(--muted)}
/* product cards */
.np-prods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.np-prod{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--ink)!important;transition:border-color .15s,box-shadow .15s,transform .15s}
.np-prod:hover{border-color:var(--ink);box-shadow:var(--shadow);transform:translateY(-2px)}
.np-prod .im{height:200px;display:flex;align-items:center;justify-content:center;background:var(--sunk);border-bottom:1px solid var(--line);padding:18px}
.np-prod .im img{max-height:100%;max-width:100%;width:auto;height:auto}
.np-prod .ft{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}
.np-prod .ft small{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.np-prod .go{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center;flex:none;transition:background .15s,border-color .15s}
.np-prod:hover .go{background:var(--yellow);border-color:var(--yellow)}
.np-prod .go svg{width:16px;height:16px}
/* list rows */
.np-rows{display:flex;flex-direction:column}
.np-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line);color:var(--ink)!important}
.np-row:last-child{border-bottom:0}
a.np-row:hover{background:var(--sunk)}
.np-row .ic{width:40px;height:40px;border-radius:8px;background:var(--sunk);border:1px solid var(--line);display:grid;place-items:center;flex:none}
.np-row .ic svg,.np-row .ic img{width:22px;height:22px}
.np-row .tx{flex:1;min-width:0}
.np-row .tx b{display:block;font-size:14.5px;font-weight:700}
.np-row .tx small{display:block;font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.np-row .ar{color:var(--muted);flex:none}
.np-row .ar svg{width:16px;height:16px}
.np-kv{display:grid;grid-template-columns:120px minmax(0,1fr);border-top:1px solid var(--line)}
.np-kv:first-child{border-top:0}
.np-kv>div{padding:14px 16px}
.np-kv>div:first-child{color:var(--muted);font-size:13px;background:var(--sunk);border-left:1px solid var(--line)}
.np-kv .plates{display:flex;flex-wrap:wrap;gap:8px}
.np-kv a.mail{color:var(--ink)!important;font-weight:700;direction:ltr;unicode-bidi:isolate;font-size:14.5px}
.np-kv a.mail:hover{background:var(--yellow-soft)}
.np-kv .sub{display:block;font-size:12.5px;color:var(--muted);margin-bottom:2px}
/* CTA band */
.np-cta2{background:var(--side);color:var(--side-ink);position:relative;padding:44px 0}
.np-cta2:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--haz)}
.np-cta2 .np-w{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.np-cta2 h2{font-size:24px;font-weight:900;margin:0 0 6px;color:var(--side-ink)}
.np-cta2 p{margin:0;color:var(--side-muted);font-size:14.5px}
.np-cta2 .np-b:not(.pri){background:transparent;border-color:var(--side-line);color:var(--side-ink)!important}
.np-cta2 .np-b:not(.pri):hover{border-color:var(--side-ink)}
.np-figure{background:var(--sunk);display:flex;align-items:center;justify-content:center;padding:24px;height:100%}
.np-figure img{max-width:100%;height:auto;max-height:300px}
@media (max-width:991px){
  .np-tiles,.np-quad{grid-template-columns:repeat(2,minmax(0,1fr))}
  .np-g2{grid-template-columns:1fr}
  .np-prods,.np-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  .np-head{padding:36px 0 32px}
  .np-head h1{font-size:28px}
  .np-head p.lead{font-size:15.5px}
  .np-sec2{padding:36px 0}
  .np-tile .v{font-size:24px}
  .np-prods,.np-g3,.np-quad{grid-template-columns:1fr}
  .np-kv{grid-template-columns:1fr}
  .np-kv>div:first-child{border-left:0;border-bottom:1px solid var(--line);padding:8px 16px}
  .np-acts .np-b{flex:1;justify-content:center}
  .np-cta2 .np-w>div:last-child{width:100%;display:flex;gap:10px}
  .np-cta2 .np-b{flex:1;justify-content:center}
}

.np-card.kvs{display:flex;flex-direction:column}
.np-card.kvs>.np-kv:last-child{flex:1}
.vmax-upd-btn small{white-space:nowrap;font-size:12.5px}

/* np-phero: product update section — image left, copy+download right */
.descript .np-phero{display:flex;gap:30px;align-items:flex-start}
.descript .np-phero-copy{flex:1 1 58%;min-width:0}
.descript .np-phero-copy>h3{margin-bottom:12px}
.descript .np-phero-media{flex:0 0 38%;align-self:flex-start;display:flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px;position:sticky;top:90px}
.descript .np-phero-media img{max-width:100%;height:auto}
@media (max-width:860px){.descript .np-phero{flex-direction:column;gap:18px}.descript .np-phero-media{position:static;order:-1;flex-basis:auto;width:100%}}