/* Jaisandar 441 · Сыртқы сауда: карта, ел × өңір, рейтинг, PNG */

/* ---------- Өңірлер картасы: плитка + түсті карта ---------- */
:root body:not(#jai441) .j403-region-map.is-tiles { height: auto !important; padding: 10px 14px 4px; }
:root body:not(#jai441) .j403-region-map-wrap[data-view="tiles"] .j403-region-map-stage { min-width: 560px !important; }
:root body:not(#jai441) .j403-region-map-wrap[data-view="tiles"] .j403-region-map-scroll { overflow-x: auto; }
:root body:not(#jai441) .j403-region-map-wrap[data-view="map"] .j403-region-map { height: 560px !important; }
:root body:not(#jai441) .j441-map-legend {
  display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center;
  padding: 6px 16px 10px; font-size: 12px; color: #4f625b; font-variant-numeric: tabular-nums;
}
:root body:not(#jai441) .j441-map-legend span { display: inline-flex; align-items: center; gap: 6px; }
:root body:not(#jai441) .j441-map-legend i { width: 18px; height: 11px; border-radius: 3px; display: inline-block; box-shadow: inset 0 0 0 1px rgba(0,0,0,.06); }
:root body:not(#jai441) .j403-region-map-foot { font-size: 11.5px !important; line-height: 1.4; }
:root body:not(#jai441) .j403-region-view-switch button { font-size: 12px !important; letter-spacing: .02em; }

/* ---------- Тауар паспорты: воронка алынды, тізім толық енде ---------- */
:root body:not(#jai441) .j160-product-geo-grid { display: block !important; }
:root body:not(#jai441) .j160-product-geo-grid > .j160-funnel { display: none !important; }
:root body:not(#jai441) .j160-product-geo-grid > .j150-product-country-list { width: 100%; }
@media (min-width: 900px) {
  :root body:not(#jai441) .j150-product-country-list button[data-product-country] { grid-template-columns: minmax(0, 1.1fr) minmax(180px, auto) 56px !important; }
}

/* ---------- Ел × өңір үлесі ---------- */
.j441-share { margin: 16px 0 0; background: #fff; border: 1px solid #e3e9e7; border-radius: 18px; overflow: hidden; color: #17302a; font-family: Inter, "Segoe UI", Arial, sans-serif; }
.j441-share-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 16px 18px 8px; flex-wrap: wrap; }
.j441-share-head .t { display: grid; gap: 3px; min-width: 0; }
.j441-share-head .eyebrow { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #8a2846; }
.j441-share-head h4 { margin: 0; font-size: 18px; font-weight: 800; line-height: 1.2; }
.j441-share-head small { font-size: 12.5px; color: #5a6b65; }
.j441-share-controls { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 0 18px 10px; }
.j441-share-controls select { font: 600 14px Inter, Arial, sans-serif; color: #17302a; background: #fff; border: 1px solid #d3dfe3; border-radius: 10px; padding: 7px 10px; min-width: 210px; }
.j441-seg { display: inline-flex; gap: 2px; padding: 3px; background: #f1f4f3; border: 1px solid #dfe7e4; border-radius: 10px; }
.j441-seg button { border: 0; background: transparent; font: 600 13px Inter, Arial, sans-serif; color: #5a6b65; padding: 6px 12px; border-radius: 8px; cursor: pointer; }
.j441-seg button[aria-pressed="true"] { background: #fff; color: #17302a; box-shadow: 0 1px 3px rgba(16,40,58,.14); }
.j441-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 18px 12px; }
.j441-chips button { font: 600 12.5px Inter, Arial, sans-serif; color: #17302a; background: #f1f4f3; border: 1px solid #dfe7e4; border-radius: 999px; padding: 5px 11px; cursor: pointer; }
.j441-chips button[aria-pressed="true"] { background: #17302a; color: #fff; border-color: #17302a; }
.j441-share-body { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 18px; padding: 4px 18px 10px; align-items: start; }
@media (max-width: 900px) { .j441-share-body { grid-template-columns: minmax(0, 1fr); } }
.j441-share-map { overflow-x: auto; }
.j441-share-map svg { min-width: 520px; width: 100%; height: auto; display: block; }
.j441-share-note { margin-top: 10px; padding: 10px 12px; border-radius: 10px; background: #f4f6f5; font-size: 13px; line-height: 1.45; color: #4f625b; }
.j441-share-note b { color: #17302a; }
.j441-rank-title { font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #5a6b65; margin-bottom: 6px; }
.j441-rank { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.j441-rank li { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto auto; gap: 8px; align-items: center; padding: 6px 0; border-bottom: 1px dashed #e3e9e7; font-size: 13px; font-variant-numeric: tabular-nums; }
.j441-rank li:last-child { border-bottom: 0; }
.j441-rank .n { color: #8a9a96; font-size: 12px; text-align: right; }
.j441-rank .nm { display: grid; gap: 4px; min-width: 0; }
.j441-rank .nm b { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.j441-rank .bar { position: relative; height: 6px; border-radius: 3px; background: #eef2f1; }
.j441-rank .bar u { display: block; height: 100%; border-radius: 3px; }
.j441-rank .bar em { position: absolute; top: -3px; bottom: -3px; width: 2px; background: #17302a; opacity: .55; }
.j441-rank .v { font-weight: 800; text-align: right; }
.j441-rank .s { color: #5a6b65; font-size: 12px; text-align: right; white-space: nowrap; }
.j441-share-legend { display: flex; flex-wrap: wrap; gap: 6px 12px; font-size: 12px; color: #4f625b; margin-top: 8px; }
.j441-share-legend span { display: inline-flex; align-items: center; gap: 5px; }
.j441-share-legend i { width: 16px; height: 10px; border-radius: 3px; display: inline-block; }
.j441-share-foot { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 10px 18px 14px; border-top: 1px solid #e3e9e7; font-size: 11.5px; color: #5a6b65; }

/* ---------- PNG / Excel: бір стиль, бір орын ---------- */
:root body:not(#jai441) [data-trade-window] :is(.jtp-png, [data-product-panel-download], [data-product-geo-download], .j441-png) {
  min-height: 34px !important; padding: 0 12px !important; border-radius: 9px !important;
  font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important;
}
:root body:not(#jai441) .j441-png { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #006666; background: #006666; color: #fff; cursor: pointer; font-family: Inter, Arial, sans-serif; }
:root body:not(#jai441) .j441-png:hover { background: #005151; }
:root body:not(#jai441) .j441-png svg { width: 15px; height: 15px; }
:root body:not(#jai441) .j441-dup-hidden { display: none !important; }
/* Бір графикте екі Excel батырмасы болмасын (trade-152 + trade-premium) */
:root body:not(#jai441) .j152-excel:has(~ .jtp-excel), :root body:not(#jai441) .jtp-excel ~ .j152-excel { display: none !important; }
/* Плитка/карта көрінісінде ескі рейтинг блогы жасырылсын ([hidden] CSS-пен басылып қалатын) */
:root body:not(#jai441) .j381-region-layout[hidden] { display: none !important; }
:root body:not(#jai441) .j403-region-map-wrap[data-view="map"] .j403-region-map { height: 470px !important; }
/* Мобиль: ел жолы екі қатарға — атау/үлес, сосын сома/көлем */
@media (max-width: 640px) {
  :root body:not(#jai441) .j150-product-country-list button[data-product-country] { grid-template-columns: minmax(0, 1fr) auto !important; row-gap: 4px !important; }
  :root body:not(#jai441) .j150-product-country-list button[data-product-country] > span { grid-column: 1; grid-row: 1; }
  :root body:not(#jai441) .j150-product-country-list button[data-product-country] > em { grid-column: 2; grid-row: 1; }
  :root body:not(#jai441) .j150-product-country-list button[data-product-country] > strong { grid-column: 1 / -1; grid-row: 2; justify-items: start !important; display: flex !important; flex-wrap: wrap; gap: 2px 10px; align-items: baseline; }
}
.j441-share-controls .j441-month select { min-width: 170px; } /* 5.10.92 */