/* Trade blocks: quick price search, category cards, average price cards,
   market side column and factory cards. Colours read --nv-st-* variables,
   which the widget colour controls set on the widget wrapper; the softer
   shades are mixed from them. */

.nv-qs,.nv-cats,.nv-psum,.nv-pside,.nv-facs,.nv-pmg{
  --_red:var(--nv-st-red,#D0202E);--_ink:var(--nv-st-ink,#16181D);--_muted:var(--nv-st-muted,#737985);
  --_card:var(--nv-st-card,#fff);--_soft:var(--nv-st-soft,#F6F7F9);--_line:var(--nv-st-line,#E4E6EA);
  --_up:var(--nv-st-up,#14A05A);--_down:var(--nv-st-down,#E0464F);--_r:var(--nv-st-radius,20px);
  --_line2:color-mix(in srgb,var(--_line) 55%,#fff);--_faint:color-mix(in srgb,var(--_muted) 60%,#fff);
  --_ink2:color-mix(in srgb,var(--_ink) 88%,#fff);--_red2:color-mix(in srgb,var(--_red) 80%,#000);
  --_up-soft:color-mix(in srgb,var(--_up) 11%,#fff);--_down-soft:color-mix(in srgb,var(--_down) 10%,#fff);
  direction:rtl;color:var(--_ink);line-height:1.6
}
.nv-qs *,.nv-cats *,.nv-psum *,.nv-pside *,.nv-facs *,.nv-pmg *{box-sizing:border-box}
.nv-qs a,.nv-cats a,.nv-psum a,.nv-pside a,.nv-facs a,.nv-pmg a{color:inherit;text-decoration:none}
.nv-qs button,.nv-qs input,.nv-pside button{font:inherit;color:inherit;margin:0}
.nv-qs button,.nv-pside button{cursor:pointer}
.nv-qs svg,.nv-cats svg,.nv-psum svg,.nv-pside svg,.nv-facs svg,.nv-pmg svg{flex:none}
.nv-num{font-feature-settings:"tnum";unicode-bidi:isolate}

/* change chip */
.nv-chg{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;line-height:1.6;border-radius:6px;padding:1px 6px;white-space:nowrap}
.nv-chg svg{width:8px;height:8px}
.nv-chg.is-up{color:var(--_up);background:var(--_up-soft)}
.nv-chg.is-down{color:var(--_down);background:var(--_down-soft)}
.nv-chg.is-flat{color:var(--_muted);background:var(--_line2)}

.nv-st-live{width:8px;height:8px;border-radius:50%;background:var(--_red);box-shadow:0 0 0 0 color-mix(in srgb,var(--_red) 70%,transparent);animation:nv-st-pulse 1.8s infinite;flex:none}
@keyframes nv-st-pulse{70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* ---------- quick product search ---------- */
.nv-qs{margin:0;background:var(--nv-st-card,rgba(255,255,255,.96));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--nv-st-radius,24px);padding:18px;box-shadow:0 30px 60px -24px rgba(22,24,29,.55)}
.nv-qs__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.nv-qs .nv-qs__title{margin:0;font-family:inherit;letter-spacing:0;font-size:15px;font-weight:800;line-height:1.6;display:flex;align-items:center;gap:8px;color:var(--_ink)}
.nv-qs__title svg{width:18px;height:18px;color:var(--_red)}
.nv-qs__tabs{display:flex;gap:4px;background:var(--_soft);border-radius:11px;padding:3px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.nv-qs__tabs::-webkit-scrollbar{display:none}
.nv-qs .nv-qs__tabs button{border:0;background:none;border-radius:9px;padding:5px 11px;font-size:12.5px;font-weight:600;line-height:1.6;color:var(--_muted);white-space:nowrap}
.nv-qs .nv-qs__tabs button:hover,.nv-qs .nv-qs__tabs button:focus{color:var(--_ink);background:none}
.nv-qs .nv-qs__tabs button.is-on{background:#fff;color:var(--_ink);box-shadow:0 2px 6px rgba(22,24,29,.08)}
.nv-qs__field{display:flex;align-items:center;gap:10px;height:58px;margin:0;border-radius:16px;background:var(--_soft);border:1.5px solid var(--_line2);padding-inline:16px 7px;transition:border-color .2s,background .2s;cursor:text}
.nv-qs__field:focus-within{border-color:var(--_ink);background:#fff}
.nv-qs__field>svg{width:20px;height:20px;color:var(--_muted)}
.nv-qs .nv-qs__field input{flex:1;min-width:0;border:0;background:none;outline:0;box-shadow:none;font-size:15px;height:100%;padding:0;color:var(--_ink)}
.nv-qs__field input::placeholder{color:var(--_faint);opacity:1}
.nv-qs__field input::-webkit-search-cancel-button{display:none}
.nv-qs .nv-qs__btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:44px;padding:0 18px;border-radius:12px;border:0;font-weight:700;font-size:14.5px;white-space:nowrap;background:var(--_red);color:#fff;box-shadow:0 12px 24px -12px color-mix(in srgb,var(--_red) 85%,transparent);transition:transform .2s,background .2s}
.nv-qs__btn svg{width:18px;height:18px}
.nv-qs .nv-qs__btn:hover,.nv-qs .nv-qs__btn:focus-visible{transform:translateY(-2px);background:var(--_red2);color:#fff}
.nv-qs__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}
.nv-qs__pop{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--_muted)}
.nv-qs__chip{font-size:12.5px;font-weight:600;line-height:1.6;border-radius:9px;padding:5px 11px;background:var(--_soft);border:1px solid var(--_line2);color:var(--_ink2)}
.nv-qs .nv-qs__chip:hover{border-color:var(--_ink2);color:var(--_ink2)}
.nv-st-upd{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--_muted);white-space:nowrap}
.nv-st-upd b{color:var(--_ink)}
.nv-st-upd .nv-st-live{width:7px;height:7px}

/* ---------- category cards ---------- */
.nv-cats{display:grid;grid-template-columns:repeat(var(--nv-cols,6),minmax(0,1fr));gap:var(--nv-gap,12px)}
.nv-cat{position:relative;display:grid;gap:10px;align-content:start;padding:18px;border-radius:var(--_r);background:var(--_card);border:1px solid var(--_line);overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;min-width:0}
.nv-cat:hover{border-color:var(--_red);transform:translateY(-3px);box-shadow:0 18px 30px -22px color-mix(in srgb,var(--_red) 60%,transparent)}
.nv-cat__ic{position:relative;width:52px;height:52px;border-radius:15px;background:var(--_soft);display:grid;place-items:center;color:var(--_ink);transition:background .2s,color .2s}
.nv-cat__ic svg{width:28px;height:28px}
.nv-cat:hover .nv-cat__ic{background:var(--_red);color:#fff}
.nv-cat__nm{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap}
.nv-cat__nm b{font-size:16px;font-weight:800;color:var(--_ink)}
.nv-cat__ct{font-size:11.5px;color:var(--_faint);white-space:nowrap}
.nv-cat__fr{position:relative;font-size:12px;color:var(--_muted);border-top:1px dashed var(--_line);padding-top:9px;display:flex;justify-content:space-between;align-items:center;gap:6px}
.nv-cat__fr .nv-num{font-weight:800;color:var(--_ink)}
.nv-cat__ask{font-weight:600}
.nv-cat__fr>svg{width:14px;height:14px}
.nv-cat__big{position:absolute;inset-inline-end:-14px;top:-14px;width:96px;height:96px;color:var(--_line2);opacity:.9;pointer-events:none}
.nv-cat__big svg{width:96px;height:96px}

/* ---------- average price cards ---------- */
.nv-psum{display:grid;grid-template-columns:repeat(var(--nv-cols,4),minmax(0,1fr));gap:var(--nv-gap,12px)}
.nv-ps{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:16px 18px;border-radius:var(--_r);background:var(--_card);border:1px solid var(--_line);align-items:center;min-width:0;transition:border-color .2s}
.nv-ps:hover{border-color:var(--_ink)}
.nv-ps__t{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--_ink2);min-width:0}
.nv-ps__t svg{width:18px;height:18px;color:var(--_red)}
.nv-ps__v{font-size:21px;font-weight:800;margin-top:4px;color:var(--_ink)}
.nv-ps__v small{font-size:11px;font-weight:500;color:var(--_muted);margin-inline-start:4px}
.nv-ps__spark{grid-row:1/4;grid-column:2;width:96px;height:46px}
.nv-ps__spark svg{display:block;width:96px;height:46px}
.nv-ps__m{font-size:11.5px;color:var(--_muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.nv-st-up-line{stroke:var(--_up)}
.nv-st-down-line{stroke:var(--_down)}
.nv-st-flat-line{stroke:var(--_faint)}

/* ---------- market side column ---------- */
.elementor-widget-navard-price-insights{container-type:inline-size}
.elementor-widget-navard-price-insights,.elementor-widget-navard-price-insights>.elementor-widget-container{height:100%}
.nv-pside{display:grid;gap:12px;grid-template-rows:auto auto 1fr;height:100%}
.nv-pside__card{background:var(--_card);border:1px solid var(--_line);border-radius:var(--nv-st-radius,24px);min-width:0}
.nv-mv{padding:16px}
.nv-mv__h{margin:0 0 10px;font-size:14px;font-weight:800;line-height:1.6;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--_ink)}
.nv-mv__h small{font-size:11px;font-weight:500;color:var(--_muted)}
.nv-mvr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:9px 0;border-top:1px dashed var(--_line2);align-items:center}
.nv-mv__h+.nv-mvr{border-top:0}
.nv-mvr__t{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nv-mvr:hover .nv-mvr__t{color:var(--_red)}
.nv-mvr__s{font-size:11px;color:var(--_muted)}
.nv-mvr__p{font-size:13.5px;font-weight:800;justify-self:end}
.nv-mvr .nv-chg{justify-self:end}
.nv-today{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.nv-today>div{border-radius:14px;padding:10px 8px;text-align:center;display:grid;gap:2px}
.nv-today b{font-size:20px;font-weight:800;line-height:1.5}
.nv-today small{font-size:11px;font-weight:600}
.nv-today .is-up{background:var(--_up-soft);color:var(--_up)}
.nv-today .is-down{background:var(--_down-soft);color:var(--_down)}
.nv-today .is-flat{background:var(--_soft);color:var(--_muted)}
.nv-chartc{padding:16px;display:flex;flex-direction:column;gap:8px}
.nv-chartc__hd{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.nv-chartc__hd b{font-size:13.5px}
.nv-rng{display:flex;gap:2px;background:var(--_soft);border-radius:9px;padding:2px}
.nv-pside .nv-rng button{border:0;background:none;font-size:11px;font-weight:700;line-height:1.6;color:var(--_muted);border-radius:7px;padding:3px 7px;white-space:nowrap}
.nv-pside .nv-rng button:hover{background:none;color:var(--_ink)}
.nv-pside .nv-rng button.is-on{background:#fff;color:var(--_ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.nv-chartc__big{font-size:22px;font-weight:800;display:flex;align-items:center;gap:8px}
.nv-chartc__ch{display:block;width:100%;flex:1;min-height:110px}
.nv-chartc__ch line{stroke:var(--_line2)}
.nv-chartc .nv-chartc__r:not(.is-on){display:none}
.nv-chartc g.is-up{color:var(--_up)}
.nv-chartc g.is-down{color:var(--_down)}
.nv-chartc g.is-flat{color:var(--_faint)}
/* a wide column lays the panels side by side, like the design under 1200px */
@container (min-width:720px){
  .nv-pside{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto}
}

/* ---------- factory cards ---------- */
.nv-facs{display:grid;grid-template-columns:repeat(var(--nv-cols,6),minmax(0,1fr));gap:var(--nv-gap,12px)}
.nv-fac{display:grid;gap:10px;align-content:start;padding:16px;border-radius:var(--_r);background:var(--_card);border:1px solid var(--_line);transition:border-color .2s;min-width:0}
.nv-fac:hover{border-color:var(--_ink)}
.nv-fac__lg{display:flex;align-items:center;gap:10px;min-width:0}
.nv-fac__mono{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--nv-display,inherit);font-size:19px;line-height:1;color:#fff;background:var(--nv-st-avatar,#2A2E36);flex:none}
.nv-fac__lg b{display:block;font-size:14px;line-height:1.5;color:var(--_ink)}
.nv-fac small{display:block;font-size:11px;color:var(--_muted)}
.nv-fac__pr{margin:0;font-size:12px;line-height:1.7;color:var(--_muted)}
.nv-fac__ln{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px;border-top:1px dashed var(--_line);padding-top:9px;margin-top:auto;color:var(--_muted)}
.nv-facs .nv-fac__ln a{color:var(--_red);font-weight:700;white-space:nowrap}

@media (max-width:767px){
  .nv-qs{padding:14px;border-radius:20px}
  .nv-qs__top{flex-wrap:wrap}
  .nv-qs__tabs{width:100%}
  .nv-qs__field{height:52px;padding-inline:12px 6px}
  .nv-qs .nv-qs__btn{padding-inline:14px}
  .nv-qs__btn span{display:none}
  .nv-cat{padding:12px;gap:8px}
  .nv-cat__ic{width:42px;height:42px}
  .nv-cat__ic svg{width:24px;height:24px}
  .nv-cat__nm b{font-size:14px}
  .nv-cats .nv-cat__fr,.nv-cats .nv-cat__big{display:none}
  .nv-ps{padding:12px;grid-template-columns:1fr}
  .nv-ps__spark{display:none}
  .nv-ps__v{font-size:17px}
  .nv-fac{padding:12px}
  .nv-cats,.nv-psum,.nv-facs{gap:var(--nv-gap,8px)}
}
@media (prefers-reduced-motion:reduce){
  .nv-st-live{animation:none}
  .nv-cat,.nv-qs__btn{transition:none}
}

/* products mega menu */
.nv-pmg{display:grid;grid-template-columns:250px 1fr;min-height:430px;background:var(--_card);border-radius:inherit;overflow:hidden}
.nv-pmg__cats{background:var(--_soft);padding:14px;display:grid;align-content:start;gap:2px;border-inline-end:1px solid var(--_line2)}
.nv-pmg .nv-pmg__cat{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;font-size:14px;font-weight:500;color:var(--_ink2);transition:background .15s,box-shadow .15s}
.nv-pmg__ci{width:34px;height:34px;border-radius:10px;background:var(--_card);border:1px solid var(--_line2);display:grid;place-items:center;flex:none;transition:background .15s,color .15s}
.nv-pmg__ci svg{width:20px;height:20px}
.nv-pmg__ct{margin-inline-start:auto;font-size:11px;color:var(--_faint)}
.nv-pmg .nv-pmg__cat:hover{background:var(--_card)}
.nv-pmg .nv-pmg__cat.is-on{background:var(--_card);color:var(--_ink);font-weight:700;box-shadow:0 6px 16px -10px rgba(22,24,29,.3)}
.nv-pmg__cat.is-on .nv-pmg__ci{background:var(--_red);border-color:var(--_red);color:#fff}
.nv-pmg__cat.is-on .nv-pmg__ct{color:var(--_red)}
.nv-pmg__pane{display:grid;grid-template-columns:1fr}
.nv-pmg.has-side .nv-pmg__pane{grid-template-columns:1fr 320px}
.nv-pmg__pane[hidden]{display:none}
.nv-pmg__body{padding:26px 28px;display:grid;align-content:start;gap:22px}
.nv-pmg__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.nv-pmg__title{display:block;font-size:24px;font-weight:800;line-height:1.35}
.nv-pmg__head span{display:block;font-size:12.5px;color:var(--_muted)}
.nv-pmg .nv-pmg__head a{font-size:13px;font-weight:700;color:var(--_red);display:flex;align-items:center;gap:6px;white-space:nowrap}
.nv-pmg__head a svg{width:14px;height:14px}
.nv-pmg__subs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.nv-pmg .nv-pmg__sub{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:12px;border:1px solid var(--_line2);font-size:13.5px;font-weight:500;transition:border-color .15s,background .15s}
.nv-pmg .nv-pmg__sub:hover{border-color:var(--_red);background:color-mix(in srgb,var(--_red) 6%,#fff)}
.nv-pmg__sub svg{width:12px;height:12px;color:var(--_faint)}
.nv-pmg__sub:hover svg{color:var(--_red)}
.nv-pmg__specs{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.nv-pmg__lbl{display:block;margin:0 0 9px;font-size:12px;font-weight:700;color:var(--_muted)}
.nv-pmg__chips{display:flex;flex-wrap:wrap;gap:6px}
.nv-pmg .nv-pmg__chip{padding:5px 11px;border-radius:999px;background:var(--_soft);border:1px solid var(--_line2);font-size:12px;font-weight:600;transition:border-color .15s,color .15s}
.nv-pmg .nv-pmg__chip:hover{border-color:var(--_red);color:var(--_red)}
.nv-pmg__side{border-inline-start:1px solid var(--_line2);padding:22px;display:grid;align-content:start;gap:12px;background:linear-gradient(180deg,var(--_card),var(--_soft))}
.nv-pmg__lbl2{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--_muted)}
.nv-pmg__lbl2 b{display:flex;align-items:center;gap:7px;color:var(--_ink);font-size:13.5px}
.nv-pmg__prices{display:grid;gap:6px}
.nv-pmg .nv-pmg__mp{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;padding:10px 12px;background:var(--_card);border:1px solid var(--_line2);border-radius:12px;transition:border-color .15s}
.nv-pmg .nv-pmg__mp:hover{border-color:var(--_line)}
.nv-pmg__mt{font-size:13px;font-weight:600}
.nv-pmg__mv{font-size:14px;font-weight:800;text-align:end}
.nv-pmg__ms{font-size:11px;color:var(--_muted)}
.nv-pmg__mp .nv-chg{justify-self:end}
.nv-pmg__none{margin:0;font-size:12.5px;color:var(--_muted)}
.nv-pmg__tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.nv-pmg .nv-pmg__tool{transition:background .2s,color .2s,border-color .2s;display:flex;align-items:center;gap:7px;padding:10px;white-space:nowrap;font-size:12px!important;border-radius:12px;background:var(--_ink);color:#fff;font-size:12.5px;font-weight:600}
.nv-pmg .nv-pmg__tool:hover,.nv-pmg .nv-pmg__tool:focus-visible{background:var(--_red);color:#fff}
.nv-pmg .nv-pmg__tool.is-line:hover,.nv-pmg .nv-pmg__tool.is-line:focus-visible{background:var(--_ink);border-color:var(--_ink);color:#fff}
.nv-pmg .nv-pmg__tool.is-line{background:var(--_card);color:var(--_ink);border:1px solid var(--_line)}
.nv-pmg__tool svg{width:17px;height:17px}
@media (max-width:1200px){.nv-pmg.has-side .nv-pmg__pane{grid-template-columns:1fr}.nv-pmg__side{display:none}}
@media (max-width:1024px){
  .nv-pmg{grid-template-columns:1fr;min-height:0}
  .nv-pmg__cats{border:0;background:none;padding:0}
  .nv-pmg__pane{display:none!important}
  .nv-pmg__cat .nv-pmg__ci{width:30px;height:30px}
}