/* Stock homepage visual hierarchy and responsive layout. */
html.ta-page-stock-homepage {
	zoom: 1 !important;
	background: var(--bg);
	box-sizing: border-box;
}

html.ta-page-stock-homepage *,
html.ta-page-stock-homepage *::before,
html.ta-page-stock-homepage *::after {
	box-sizing: border-box;
}

html.ta-page-stock-homepage body {
	overflow-x: hidden;
	font-size: 15px;
}

html.ta-page-stock-homepage .container {
	width: min(100%, 1800px);
	max-width: 1800px;
	margin: 0 auto;
	padding: 16px;
}

/* Instrument hero */
html.ta-page-stock-homepage .stock-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(250px, 300px);
	column-gap: 12px;
	row-gap: 6px;
	margin-bottom: 12px;
	padding: 8px 16px 6px;
	border: 1px solid var(--box-border);
	border-radius: var(--radius-md);
	background: var(--bg);
	box-shadow: none;
	direction: rtl;
}

html.ta-page-stock-homepage .stock-hero__main {
	grid-column: 1;
	grid-row: 1;
}

html.ta-page-stock-homepage .stock-kpis {
	grid-column: 1;
	grid-row: 2;
}

html.ta-page-stock-homepage .stock-hero__main {
	display: grid;
	grid-template-columns: minmax(260px, 1.1fr) minmax(350px, 0.9fr);
	gap: 16px;
	align-items: center;
}

html.ta-page-stock-homepage .stock-identity {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-rows: auto auto;
	column-gap: 12px;
	row-gap: 4px;
	align-items: center;
	min-width: 0;
}

html.ta-page-stock-homepage .stock-identity__eyebrow,
html.ta-page-stock-homepage .stock-identity__title-row,
html.ta-page-stock-homepage .stock-hero__actions,
html.ta-page-stock-homepage .stock-links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

html.ta-page-stock-homepage .stock-identity__eyebrow {
	grid-column: 2;
	grid-row: 1;
	gap: 8px;
	margin-bottom: 0;
}

html.ta-page-stock-homepage .stock-chip {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 4px 10px;
	border: 1px solid var(--btn-border);
	border-radius: 999px;
	background: var(--btn-bg-sec);
	color: var(--btn-text-sec);
	font-size: 13px;
	line-height: 1.4;
}

html.ta-page-stock-homepage .stock-chip--link:hover {
	border-color: var(--tbl-header);
	background: var(--btn-hover-sec);
	color: var(--btn-text-sec);
}

html.ta-page-stock-homepage .stock-chip--link {
	gap: 6px;
}

html.ta-page-stock-homepage .stock-chip__link-icon {
	font-size: 11px;
	opacity: 0.72;
}

html.ta-page-stock-homepage .stock-identity__title-row {
	grid-column: 1;
	grid-row: 1;
	gap: 12px;
}

html.ta-page-stock-homepage #stock-page-title {
	margin: 0;
	color: var(--text-main);
	font-size: clamp(24px, 2.3vw, 34px);
	font-weight: 800;
	line-height: 1.25;
}

html.ta-page-stock-homepage .stock-identity__name {
	grid-column: 1;
	grid-row: 2;
	margin: 0;
	color: var(--text-sec);
	font-size: 15px;
	font-weight: 500;
}

html.ta-page-stock-homepage .stock-identity__update {
	display: block;
	grid-column: 2;
	grid-row: 2;
	margin-top: 0;
	color: var(--text-sec);
	font-size: 13px;
	font-weight: 600;
}

html.ta-page-stock-homepage .stock-status {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 5px 11px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
}

html.ta-page-stock-homepage .stock-status[data-tone="neutral"] {
	background: var(--bg-sec);
	color: var(--text-sec);
}

html.ta-page-stock-homepage .stock-status[data-tone="positive"] {
	background: rgba(34, 136, 34, 0.13);
	color: var(--text-greenx);
}

html.ta-page-stock-homepage .stock-status[data-tone="warning"] {
	background: rgba(216, 142, 20, 0.16);
	color: #a15c00;
}

html.ta-page-stock-homepage .stock-status[data-tone="negative"] {
	background: rgba(221, 0, 0, 0.1);
	color: var(--text-redx);
}

html.ta-page-stock-homepage .stock-quotes {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border-right: 1px solid var(--box-border);
	border-left: 1px solid var(--box-border);
}

html.ta-page-stock-homepage .stock-quote {
	min-width: 0;
	padding: 4px 12px;
	text-align: center;
}

html.ta-page-stock-homepage .stock-quote + .stock-quote {
	border-right: 1px solid var(--box-border);
}

html.ta-page-stock-homepage .stock-quote__label,
html.ta-page-stock-homepage .stock-kpi__label {
	display: block;
	color: var(--text-sec);
	font-size: 13px;
	font-weight: 600;
}

html.ta-page-stock-homepage .stock-quote__value-row {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 10px;
	direction: ltr;
}

html.ta-page-stock-homepage #hero-close,
html.ta-page-stock-homepage #hero-closing {
	color: var(--text-main);
	font-size: clamp(22px, 1.8vw, 32px);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}

html.ta-page-stock-homepage .stock-change {
	font-size: 15px;
	font-weight: 700;
}

html.ta-page-stock-homepage .stock-quote__unit,
html.ta-page-stock-homepage .stock-kpi small {
	color: var(--text-gray);
	font-size: 12px;
}

html.ta-page-stock-homepage .stock-hero__actions {
	display: grid;
	grid-column: 2;
	grid-row: 1 / 3;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
	align-self: stretch;
	width: 100%;
	max-width: 300px;
	gap: 6px;
}

html.ta-page-stock-homepage .stock-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: 100%;
	min-height: 32px;
	padding: 6px 10px;
	border: 1px solid var(--btn-border);
	border-radius: var(--radius-sm);
	background: var(--btn-bg-sec);
	color: var(--btn-text-sec);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.45;
	text-align: center;
}

html.ta-page-stock-homepage .stock-action:hover {
	background: var(--btn-hover-sec);
	color: var(--btn-text-sec);
	transform: translateY(-1px);
}

html.ta-page-stock-homepage .stock-action--primary {
	border-color: var(--btn-bg);
	background: var(--btn-bg);
	color: var(--btn-text);
}

html.ta-page-stock-homepage .stock-action--primary:hover {
	background: var(--btn-hover);
	color: var(--btn-text);
}

html.ta-page-stock-homepage .stock-kpis {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
	margin-top: 0;
}

html.ta-page-stock-homepage .stock-kpi {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto auto;
	column-gap: 8px;
	align-items: center;
	min-width: 0;
	padding: 1px 9px;
	border: 1px solid var(--tbl-border);
	border-radius: var(--radius-sm);
	background: var(--tbl-bg-odd);
}

html.ta-page-stock-homepage .stock-kpi__label {
	grid-column: 1;
	grid-row: 1 / 3;
}

html.ta-page-stock-homepage .stock-kpi__number,
html.ta-page-stock-homepage .stock-kpi__value {
	grid-column: 2;
	grid-row: 1;
}

html.ta-page-stock-homepage .stock-kpi small {
	grid-column: 2;
	grid-row: 2;
	text-align: left;
}

html.ta-page-stock-homepage .stock-kpi__value {
	display: flex;
	align-items: baseline;
	gap: 8px;
	direction: ltr;
}

html.ta-page-stock-homepage .stock-kpi__number,
html.ta-page-stock-homepage .stock-kpi__value strong {
	display: inline-block;
	margin-top: 0;
	color: var(--text-main);
	font-size: clamp(15px, 1vw, 18px);
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

html.ta-page-stock-homepage #hero-transfer,
html.ta-page-stock-homepage #hero-ratio {
	direction: rtl;
	unicode-bidi: plaintext;
}

html.ta-page-stock-homepage .stock-kpi__value span {
	font-size: 12px;
	font-weight: 700;
}

html.ta-page-stock-homepage .stock-kpi__range {
	display: flex;
	align-items: center;
	gap: 3px;
	direction: ltr;
}

html.ta-page-stock-homepage .stock-kpi--buy-percapita .stock-kpi__label,
html.ta-page-stock-homepage .stock-kpi--buy-percapita .stock-kpi__number {
	color: var(--text-greenx);
}

html.ta-page-stock-homepage .stock-kpi--sell-percapita .stock-kpi__label,
html.ta-page-stock-homepage .stock-kpi--sell-percapita .stock-kpi__number {
	color: var(--text-redx);
}

html.ta-page-stock-homepage .stock-more {
	grid-column: 1 / -1;
	margin-top: 5px;
}

html.ta-page-stock-homepage .stock-more__title {
	padding: 4px 2px;
	color: var(--btn-text-sec);
	font-size: 13px;
	font-weight: 700;
}

html.ta-page-stock-homepage .stock-more[open] {
	grid-column: 1 / -1;
}

html.ta-page-stock-homepage .stock-more summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 32px;
	padding: 4px 2px 0;
	color: var(--btn-text-sec);
	cursor: pointer;
	font-size: 13px;
	font-weight: 700;
	list-style: none;
}

html.ta-page-stock-homepage .stock-more summary::-webkit-details-marker {
	display: none;
}

html.ta-page-stock-homepage .stock-more__hint {
	color: var(--text-gray);
	font-size: 11px;
	font-weight: 400;
}

html.ta-page-stock-homepage .stock-more[open] .stock-more__hint {
	font-size: 0;
}

html.ta-page-stock-homepage .stock-more[open] .stock-more__hint::after {
	content: "بستن جزئیات";
	font-size: 11px;
}

html.ta-page-stock-homepage .stock-more__content {
	padding-top: 8px;
}

html.ta-page-stock-homepage .stock-facts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
}

html.ta-page-stock-homepage .stock-fact {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-width: 0;
	padding: 6px 11px;
	border-radius: var(--radius-sm);
	background: var(--bg-sec);
	font-size: 13px;
}

html.ta-page-stock-homepage .stock-fact span {
	color: var(--text-sec);
}

html.ta-page-stock-homepage .stock-fact strong {
	color: var(--text-main);
	font-size: 13px;
	font-variant-numeric: tabular-nums;
}

html.ta-page-stock-homepage .stock-links {
	gap: 8px;
	margin-top: 8px;
}

html.ta-page-stock-homepage .stock-links--primary {
	grid-column: 1 / -1;
	padding-top: 8px;
	border-top: 1px solid var(--tbl-border);
}

html.ta-page-stock-homepage .stock-links a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 28px;
	padding: 5px 10px;
	border: 1px solid var(--btn-border);
	border-radius: var(--radius-sm);
	background: var(--bg);
	color: var(--btn-text-sec);
	font-size: 13px;
}

html.ta-page-stock-homepage .stock-links a:hover {
	background: var(--btn-hover-sec);
}

/* Primary content */
html.ta-page-stock-homepage .stocks-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	align-items: start;
	direction: rtl;
}

html.ta-page-stock-homepage .stock-analysis-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	align-items: stretch;
	margin-top: 16px;
	direction: rtl;
}

html.ta-page-stock-homepage .stock-analysis-grid > * {
	min-width: 0;
	direction: rtl;
}

html.ta-page-stock-homepage .stock-analysis-grid .stock-client-types-card {
	height: 100%;
	margin: 0;
}

html.ta-page-stock-homepage .stock-main-column,
html.ta-page-stock-homepage .stock-details-column,
html.ta-page-stock-homepage .stocks-grid .stocks-parent {
	min-width: 0;
	direction: rtl;
}

html.ta-page-stock-homepage .stock-main-column {
	align-self: start;
}

html.ta-page-stock-homepage .stock-details-column {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

html.ta-page-stock-homepage .stock-card {
	margin: 0;
	padding: 14px 16px;
	border: 1px solid var(--box-border);
	border-radius: var(--radius-sm);
	background: var(--bg);
	box-shadow: none;
	overflow: hidden;
}

html.ta-page-stock-homepage .stock-orderbook-card,
html.ta-page-stock-homepage .stock-client-types-card,
html.ta-page-stock-homepage .stock-summary-card,
html.ta-page-stock-homepage .stock-orders-summary-card {
	overflow-x: hidden !important;
}

html.ta-page-stock-homepage .stock-summary-card,
html.ta-page-stock-homepage .stock-orderbook-card {
	margin: 0;
	height: auto;
}

html.ta-page-stock-homepage .stock-summary-card table + table {
	margin-top: 18px;
}

html.ta-page-stock-homepage .stock-card table {
	border-collapse: separate;
	border-spacing: 0;
}

/* Quiet table headers with stronger semantic cues only where they add meaning. */
html.ta-page-stock-homepage table thead th {
	border: 0;
	background: color-mix(in srgb, var(--tbl-header) 8%, var(--bg) 92%) !important;
	box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--tbl-header) 24%, transparent);
	color: var(--text-main) !important;
	font-weight: 700;
}

html.ta-page-stock-homepage table thead th:first-child {
	border-start-start-radius: 7px;
}

html.ta-page-stock-homepage table thead th:last-child {
	border-start-end-radius: 7px;
}

html.ta-page-stock-homepage #orders thead th.buy {
	background: color-mix(in srgb, var(--bg-buy) 10%, var(--bg) 90%) !important;
	box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--bg-buy) 42%, transparent);
	color: color-mix(in srgb, var(--bg-buy) 64%, var(--text-main) 36%) !important;
}

html.ta-page-stock-homepage #orders thead th.sell {
	background: color-mix(in srgb, var(--bg-sell) 10%, var(--bg) 90%) !important;
	box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--bg-sell) 42%, transparent);
	color: color-mix(in srgb, var(--bg-sell) 64%, var(--text-main) 36%) !important;
}

html.ta-page-stock-homepage .stock-orderbook-card table,
html.ta-page-stock-homepage .stock-client-types-card table,
html.ta-page-stock-homepage .stock-summary-card table,
html.ta-page-stock-homepage .stock-orders-summary-card table {
	width: 100% !important;
	min-width: 0 !important;
	table-layout: fixed;
}

html.ta-page-stock-homepage .stock-orderbook-card .wide {
	width: auto !important;
	min-width: 0 !important;
}

html.ta-page-stock-homepage .stock-orderbook-price__value,
html.ta-page-stock-homepage .stock-orderbook-price__percent {
	display: inline-block;
	font-variant-numeric: tabular-nums;
}

html.ta-page-stock-homepage .stock-orderbook-price__percent {
	font-size: 0.9em;
}

html.ta-page-stock-homepage .stock-session-visual {
	padding: 0 4px 16px;
	border-bottom: 1px solid var(--tbl-border);
}

html.ta-page-stock-homepage .stock-session-visual .candlestick-container {
	margin-top: 32px;
	margin-bottom: 40px;
}

html.ta-page-stock-homepage .stock-session-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 6px;
	direction: rtl;
}

html.ta-page-stock-homepage .stock-session-summary__item {
	display: grid;
	min-width: 0;
	gap: 4px;
	padding: 8px 10px;
	border: 1px solid var(--tbl-border);
	border-radius: var(--radius-sm);
	background: var(--tbl-bg-odd);
}

html.ta-page-stock-homepage .stock-session-summary__item > span {
	color: var(--text-sec);
	font-size: 12px;
	font-weight: 650;
}

html.ta-page-stock-homepage .stock-session-summary__item > div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	min-width: 0;
	gap: 5px;
}

html.ta-page-stock-homepage .stock-session-summary__item strong {
	color: var(--text-main);
	font-size: 15px;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

html.ta-page-stock-homepage .stock-session-summary__item small {
	color: var(--text-gray);
	font-size: 10px;
	white-space: nowrap;
}

html.ta-page-stock-homepage .stock-orderbook-heading {
	margin-top: 14px;
	margin-bottom: 10px;
}

html.ta-page-stock-homepage .stock-orderbook-heading__title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

html.ta-page-stock-homepage .stock-orderbook-legend {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--text-sec);
	font-size: 12px;
	font-weight: 600;
}

html.ta-page-stock-homepage .stock-orderbook-legend span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

html.ta-page-stock-homepage .stock-orderbook-thresholds {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 6px;
}

html.ta-page-stock-homepage .stock-orderbook-thresholds span {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 4px 9px;
	border: 1px solid var(--tbl-border);
	border-radius: 999px;
	background: color-mix(in srgb, var(--bg-sec) 62%, var(--bg) 38%);
	color: var(--text-sec);
	font-size: 11px;
	font-weight: 650;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

html.ta-page-stock-homepage .stock-orderbook-insights {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 10px;
	border: 1px solid var(--tbl-border);
	border-radius: var(--radius-md);
	background: var(--bg-sec);
	overflow: hidden;
	direction: ltr;
}

html.ta-page-stock-homepage .stock-orderbook-insight {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 62px;
	gap: 5px;
	padding: 9px 8px 8px;
	text-align: center;
	direction: rtl;
}

html.ta-page-stock-homepage .stock-orderbook-insight + .stock-orderbook-insight {
	border-right: 1px solid var(--tbl-border);
}

html.ta-page-stock-homepage .stock-orderbook-insight > span {
	color: var(--text-sec);
	font-size: 11px;
	font-weight: 650;
}

html.ta-page-stock-homepage .stock-orderbook-insight > div {
	display: flex;
	align-items: baseline;
	justify-content: center;
	min-width: 0;
	gap: 4px;
	direction: ltr;
}

html.ta-page-stock-homepage .stock-orderbook-insight strong {
	color: var(--text-main);
	font-size: 14px;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

html.ta-page-stock-homepage .stock-orderbook-insight small {
	color: var(--text-gray);
	font-size: 9px;
}

html.ta-page-stock-homepage .stock-orderbook-insight--buy {
	grid-column: 3;
	grid-row: 1;
}

html.ta-page-stock-homepage .stock-orderbook-insight--balance {
	grid-column: 2;
	grid-row: 1;
}

html.ta-page-stock-homepage .stock-orderbook-insight--sell {
	grid-column: 1;
	grid-row: 1;
}

html.ta-page-stock-homepage .stock-orderbook-card .stock-orderbook-balance-column {
	width: 8%;
}

html.ta-page-stock-homepage .stock-orderbook-card tbody .stock-orderbook-balance-column {
	background: var(--bg-notri);
}

html.ta-page-stock-homepage .stock-orderbook-total-row td {
	padding-top: 14px;
	border-top: 8px solid var(--bg);
	background: var(--bg-sec) !important;
	font-weight: 750;
}

html.ta-page-stock-homepage .stock-orderbook-total-row .stock-orderbook-balance-column {
	background: var(--bg-notri) !important;
}

html.ta-page-stock-homepage .stock-orderbook-card th,
html.ta-page-stock-homepage .stock-orderbook-card td,
html.ta-page-stock-homepage .stock-client-types-card th,
html.ta-page-stock-homepage .stock-client-types-card td,
html.ta-page-stock-homepage .stock-summary-card th,
html.ta-page-stock-homepage .stock-summary-card td,
html.ta-page-stock-homepage .stock-orders-summary-card th,
html.ta-page-stock-homepage .stock-orders-summary-card td {
	padding-right: 3px;
	padding-left: 3px;
	overflow: hidden;
	font-size: clamp(11px, 0.76vw, 13px);
	white-space: nowrap;
}

html.ta-page-stock-homepage .stock-card caption,
html.ta-page-stock-homepage .stocks-parent caption {
	padding: 4px 4px 12px;
	color: var(--text-main);
	font-size: 16px;
	font-weight: 750;
	text-align: right;
}

html.ta-page-stock-homepage .stock-card th {
	height: 40px;
	padding: 8px 6px;
	font-size: 13px;
	font-weight: 650;
}

html.ta-page-stock-homepage .stock-card td {
	height: 38px;
	padding: 8px 6px;
	font-size: 14px;
	font-variant-numeric: tabular-nums;
}

html.ta-page-stock-homepage .stock-card tbody tr:nth-child(even) td {
	background: var(--tbl-bg-even);
}

html.ta-page-stock-homepage .stock-card tbody tr:hover td {
	background: var(--tbl-bg-hover);
}

html.ta-page-stock-homepage .stock-card__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 2px 4px 12px;
	border-bottom: 1px solid var(--tbl-border);
	color: var(--text-main);
	font-size: 15px;
}

html.ta-page-stock-homepage .stock-card__heading #ot {
	color: var(--text-sec);
	font-size: 13px;
}

html.ta-page-stock-homepage .stock-chart-card {
	display: flex !important;
	flex-direction: column;
	position: relative;
	height: clamp(645px, calc(72vh - 30px), 765px);
	min-height: 645px;
	padding: 8px !important;
	overflow: hidden !important;
}

html.ta-page-stock-homepage .stock-chart-card > div:first-child {
	flex: 1 1 0;
	height: 0;
	min-height: 0;
}

html.ta-page-stock-homepage .stock-chart-card #chart-parent,
html.ta-page-stock-homepage .stock-chart-card #chart {
	width: 100%;
	height: 100% !important;
	min-height: 0;
}

html.ta-page-stock-homepage .stock-chart-card #chart {
	position: relative;
	margin-right: 0 !important;
	margin-left: 0 !important;
	overflow: hidden;
}

html.ta-page-stock-homepage .stock-chart-card #legend0,
html.ta-page-stock-homepage .stock-chart-card #legend,
html.ta-page-stock-homepage .stock-chart-card #legend1 {
	position: absolute;
	right: 60px;
	z-index: 3;
	width: auto;
	margin-top: 0 !important;
	pointer-events: none;
}

html.ta-page-stock-homepage .stock-chart-card #legend0 {
	top: 8px;
}

html.ta-page-stock-homepage .stock-chart-card #legend {
	top: 28px;
}

html.ta-page-stock-homepage .stock-chart-card #legend1 {
	top: 48px;
}

html.ta-page-stock-homepage .stock-chart-controls {
	position: relative;
	z-index: 4;
	display: grid;
	flex: 0 0 auto;
	gap: 5px;
	padding: 7px 0 0;
	border-top: 1px solid var(--tbl-border);
	background: var(--bg);
}

html.ta-page-stock-homepage .stock-chart-controls .stock-chart-controls__group {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 !important;
	padding: 4px;
	gap: 4px;
	border: 1px solid color-mix(in srgb, var(--tbl-border) 78%, transparent);
	border-radius: calc(var(--radius-sm) + 2px);
	background: color-mix(in srgb, var(--bg-sec) 68%, var(--bg) 32%);
}

html.ta-page-stock-homepage .stock-chart-controls .btxx,
html.ta-page-stock-homepage .stock-chart-controls select {
	flex: 0 1 auto;
	width: auto;
	min-width: 82px;
	min-height: 33px;
	margin: 0;
	white-space: nowrap;
}

html.ta-page-stock-homepage .stock-chart-controls .btxx {
	padding: 5px 10px;
	border-color: transparent;
	background: transparent;
	font-size: 12px;
	cursor: pointer;
}

html.ta-page-stock-homepage .stock-chart-controls .btxx:hover {
	border-color: var(--btn-border);
	background: var(--btn-bg-sec);
	color: var(--btn-text-sec);
}

html.ta-page-stock-homepage .stock-chart-controls .btxx.selectedx,
html.ta-page-stock-homepage .stock-chart-controls .btxx.greenx,
html.ta-page-stock-homepage .stock-chart-controls .btxx.cyanx,
html.ta-page-stock-homepage .stock-chart-controls .btxx.pinkx {
	border-color: var(--btn-bg);
	background: var(--btn-bg);
	color: var(--btn-text);
}

html.ta-page-stock-homepage .stock-chart-controls select {
	max-width: 190px;
	padding: 4px 28px 4px 9px !important;
	border: 1px solid transparent;
	border-radius: var(--radius-sm);
	background-color: var(--bg);
	color: var(--text-main);
	font-family: inherit;
	font-size: 12px;
	cursor: pointer;
}

html.ta-page-stock-homepage .stock-chart-controls select:hover,
html.ta-page-stock-homepage .stock-chart-controls select:focus-visible {
	border-color: var(--btn-border);
	outline: none;
}

html.ta-page-stock-homepage .stock-chart-controls #timeframe {
	min-width: 92px;
}

html.ta-page-stock-homepage .stock-chart-controls #mainchart {
	min-width: 118px;
}

html.ta-page-stock-homepage .stock-chart-controls #ratiochart {
	flex: 1 1 145px;
	min-width: 132px;
	max-width: 220px;
}

html.ta-page-stock-homepage .stock-chart-select {
	position: relative;
	flex: 0 1 150px;
	min-width: 138px;
}

html.ta-page-stock-homepage .stock-chart-select__trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 33px;
	padding: 5px 10px;
	gap: 10px;
	border: 1px solid transparent;
	border-radius: var(--radius-sm);
	background: var(--bg);
	color: var(--text-main);
	font-family: inherit;
	font-size: 12px;
	cursor: pointer;
}

html.ta-page-stock-homepage .stock-chart-select__trigger:hover,
html.ta-page-stock-homepage .stock-chart-select__trigger:focus-visible,
html.ta-page-stock-homepage .stock-chart-select__trigger[aria-expanded="true"] {
	border-color: var(--btn-border);
	outline: none;
}

html.ta-page-stock-homepage .stock-chart-select__trigger.is-active {
	border-color: color-mix(in srgb, var(--btn-bg) 45%, var(--btn-border));
	color: var(--btn-text-sec);
}

html.ta-page-stock-homepage .stock-chart-select__chevron {
	color: var(--text-gray);
	font-size: 15px;
	line-height: 1;
	transition: transform 0.15s ease;
}

html.ta-page-stock-homepage .stock-chart-select__trigger[aria-expanded="true"] .stock-chart-select__chevron {
	transform: rotate(180deg);
}

html.ta-page-stock-homepage .stock-chart-select__menu {
	position: absolute;
	right: 0;
	bottom: calc(100% + 6px);
	z-index: 30;
	display: grid;
	width: 210px;
	padding: 6px;
	gap: 2px;
	border: 1px solid var(--box-border);
	border-radius: calc(var(--radius-sm) + 2px);
	background: var(--bg);
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.16);
}

html.ta-page-stock-homepage .stock-chart-select__menu[hidden] {
	display: none;
}

html.ta-page-stock-homepage .stock-chart-select__option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 34px;
	padding: 6px 9px;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: var(--text-main);
	font-family: inherit;
	font-size: 12px;
	text-align: right;
	cursor: pointer;
}

html.ta-page-stock-homepage .stock-chart-select__option::after {
	content: "";
	flex: 0 0 16px;
	color: var(--btn-bg);
	font-weight: 800;
	text-align: center;
}

html.ta-page-stock-homepage .stock-chart-select__option.is-selected::after {
	content: "✓";
}

html.ta-page-stock-homepage .stock-chart-select__option:hover,
html.ta-page-stock-homepage .stock-chart-select__option:focus-visible {
	background: var(--btn-bg-sec);
	outline: none;
}

html.ta-page-stock-homepage .stock-chart-select__option:disabled {
	opacity: 0.46;
	cursor: not-allowed;
}

html.ta-page-stock-homepage .stock-chart-select__option--action {
	color: var(--btn-text-sec);
	font-weight: 700;
}

html.ta-page-stock-homepage .stock-chart-select__separator {
	height: 1px;
	margin: 3px 5px;
	background: var(--tbl-border);
}

html.ta-page-stock-homepage .stock-chart-select__hint {
	padding: 5px 8px 2px;
	color: var(--text-gray);
	font-size: 10px;
	line-height: 1.6;
}

html.ta-page-stock-homepage .stock-details-column > .stocks-parent {
	margin: 0;
}

html.ta-page-stock-homepage .stock-chart-advanced {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 4;
	border-radius: var(--radius-sm);
	background: var(--btn-bg) !important;
}

html.ta-page-stock-homepage .stock-chart-advanced a {
	color: var(--btn-text) !important;
}

html.ta-page-stock-homepage .titlex,
html.ta-page-stock-homepage .fund-titlex {
	display: flex;
	width: 100%;
	margin: 8px 0 0;
	gap: 6px;
	flex-wrap: wrap;
	align-items: center;
}

html.ta-page-stock-homepage .btxx {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 6px 10px;
	border: 1px solid var(--btn-border);
	border-radius: var(--radius-sm);
	background: var(--btn-bg-sec);
	color: var(--btn-text-sec);
	font-size: 13px;
	transition: background-color 0.15s, color 0.15s, border-color 0.15s;
}

html.ta-page-stock-homepage .btxx:hover,
html.ta-page-stock-homepage .btxx.selectedx {
	border-color: var(--btn-bg);
	background: var(--btn-bg);
	color: var(--btn-text);
}

html.ta-page-stock-homepage .titlex select,
html.ta-page-stock-homepage .fund-titlex select {
	min-height: 36px;
	padding: 5px 9px !important;
	border: 1px solid var(--btn-border);
	border-radius: var(--radius-sm);
	background: var(--bg-input);
	color: var(--text-main);
	font-family: inherit;
	font-size: 13px;
}

/* Client-type comparison chart */
html.ta-page-stock-homepage .stock-client-chart__heading {
	align-items: center;
	margin-bottom: 12px;
}

html.ta-page-stock-homepage .stock-client-chart__heading > div:first-child {
	display: grid;
	gap: 3px;
}

html.ta-page-stock-homepage .stock-client-chart__heading small {
	color: var(--text-gray);
	font-size: 12px;
	font-weight: 500;
}

html.ta-page-stock-homepage .stock-client-chart__tools {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 10px;
}

html.ta-page-stock-homepage .stock-client-chart__metrics {
	display: inline-grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding: 3px;
	border: 1px solid var(--btn-border);
	border-radius: 999px;
	background: var(--bg-sec);
}

html.ta-page-stock-homepage .stock-client-chart__metrics button {
	min-height: 30px;
	padding: 5px 11px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--text-sec);
	cursor: pointer;
	font-family: inherit;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

html.ta-page-stock-homepage .stock-client-chart__metrics button:hover,
html.ta-page-stock-homepage .stock-client-chart__metrics button.is-active {
	background: var(--btn-bg);
	color: var(--btn-text);
}

html.ta-page-stock-homepage .stock-client-chart__metrics button:focus-visible {
	outline: 2px solid var(--tbl-header);
	outline-offset: 2px;
}

html.ta-page-stock-homepage .stock-client-chart__legend {
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--text-sec);
	font-size: 12px;
}

html.ta-page-stock-homepage .stock-client-chart__legend span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

html.ta-page-stock-homepage .stock-client-chart__dot {
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 999px;
}

html.ta-page-stock-homepage .stock-client-chart__dot--buy {
	background: var(--bg-buy);
}

html.ta-page-stock-homepage .stock-client-chart__dot--sell {
	background: var(--bg-sell);
}

html.ta-page-stock-homepage .stock-client-chart {
	display: grid;
	gap: 10px;
}

html.ta-page-stock-homepage .stock-client-chart__axis,
html.ta-page-stock-homepage .stock-client-chart__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 78px minmax(0, 1fr);
	grid-template-areas: "sell group buy";
	column-gap: 8px;
	direction: ltr;
}

html.ta-page-stock-homepage .stock-client-chart__axis {
	align-items: center;
	padding: 0 8px;
	color: var(--text-gray);
	font-size: 11px;
	font-weight: 700;
}

html.ta-page-stock-homepage .stock-client-chart__axis-buy {
	grid-area: buy;
	text-align: left;
}

html.ta-page-stock-homepage .stock-client-chart__axis-sell {
	grid-area: sell;
	text-align: right;
}

html.ta-page-stock-homepage .stock-client-chart__axis-group {
	grid-area: group;
	text-align: center;
}

html.ta-page-stock-homepage .stock-client-chart__row {
	align-items: stretch;
}

html.ta-page-stock-homepage .stock-client-chart__row > h3 {
	display: flex;
	grid-area: group;
	align-self: center;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 34px;
	min-height: 34px;
	margin: 0;
	border: 1px solid var(--btn-border);
	border-radius: var(--radius-sm);
	background: var(--btn-bg-sec);
	color: var(--btn-text-sec);
	font-size: 13px;
	font-weight: 800;
	direction: rtl;
}

html.ta-page-stock-homepage .stock-client-chart__side {
	min-width: 0;
	padding: 9px 10px;
	border: 1px solid var(--tbl-border);
	border-radius: var(--radius-md);
	background: var(--tbl-bg-odd);
	direction: rtl;
}

html.ta-page-stock-homepage .stock-client-chart__side--buy {
	grid-area: buy;
}

html.ta-page-stock-homepage .stock-client-chart__side--sell {
	grid-area: sell;
}

html.ta-page-stock-homepage .stock-client-chart__bar-label {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 6px;
	color: var(--text-gray);
	font-size: 11px;
}

html.ta-page-stock-homepage .stock-client-chart__bar-label strong {
	color: var(--text-main);
	font-size: 13px;
	font-variant-numeric: tabular-nums;
	direction: ltr;
}

html.ta-page-stock-homepage .stock-client-chart[data-metric="per-capita"] .stock-client-chart__bar-label strong {
	direction: rtl;
	unicode-bidi: plaintext;
}

html.ta-page-stock-homepage .stock-client-chart__side--buy .stock-client-chart__bar-label {
	direction: ltr;
}

html.ta-page-stock-homepage .stock-client-chart__track {
	position: relative;
	height: 12px;
	border-radius: 999px;
	background: var(--bg-sec);
	overflow: hidden;
}

html.ta-page-stock-homepage .stock-client-chart__track > span {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 0;
	transition: width 0.35s ease;
}

html.ta-page-stock-homepage .stock-client-chart__side--buy .stock-client-chart__track > span {
	left: 0;
	border-radius: 0 999px 999px 0;
	background: linear-gradient(90deg, var(--tbl-header), var(--bg-buy));
}

html.ta-page-stock-homepage .stock-client-chart__side--sell .stock-client-chart__track > span {
	right: 0;
	border-radius: 999px 0 0 999px;
	background: linear-gradient(90deg, var(--bg-sell), #9a559a);
}

html.ta-page-stock-homepage .stock-client-chart__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 5px;
	margin: 8px 0 0;
}

html.ta-page-stock-homepage .stock-client-chart__stats > div {
	display: grid;
	min-width: 0;
	gap: 2px;
	text-align: center;
}

html.ta-page-stock-homepage .stock-client-chart__stats dt {
	color: var(--text-gray);
	font-size: 10px;
}

html.ta-page-stock-homepage .stock-client-chart__stats dd {
	min-width: 0;
	margin: 0;
	overflow: hidden;
	color: var(--text-main);
	font-size: 12px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	text-overflow: ellipsis;
	white-space: nowrap;
	direction: ltr;
}

/* The right-hand (buy) statistics intentionally mirror the left side. */
html.ta-page-stock-homepage .stock-client-chart__side--buy .stock-client-chart__stats {
	direction: ltr;
}

html.ta-page-stock-homepage .stock-client-chart__side--buy .stock-client-chart__stats > div,
html.ta-page-stock-homepage .stock-client-chart__side--buy .stock-client-chart__stats dt,
html.ta-page-stock-homepage .stock-client-chart__side--buy .stock-client-chart__stats dd {
	text-align: left;
}

html.ta-page-stock-homepage .stock-client-chart__row--total {
	padding-top: 10px;
	border-top: 1px dashed var(--box-border);
}

html.ta-page-stock-homepage .stock-client-chart__row--total > h3 {
	background: var(--bg-sec);
}

html.ta-page-stock-homepage .stock-ad-strip {
	position: relative;
	height: 96px;
	margin: 0 0 16px;
	padding: 6px;
	border: 1px solid var(--box-border);
	border-radius: var(--radius-md);
	background: color-mix(in srgb, var(--tbl-header) 2%, var(--bg) 98%);
	box-shadow: none;
	overflow: hidden;
}

html.ta-page-stock-homepage .stock-section-nav {
	display: flex;
	position: sticky;
	top: 8px;
	z-index: 35;
	align-items: center;
	width: 100%;
	margin: 0 0 16px;
	padding: 4px;
	gap: 4px;
	border: 1px solid var(--box-border);
	border-radius: var(--radius-sm);
	background: color-mix(in srgb, var(--bg) 94%, transparent);
	backdrop-filter: blur(10px);
	overflow-x: auto;
	scrollbar-width: thin;
}

html.ta-page-stock-homepage .stock-section-nav a {
	display: inline-flex;
	flex: 1 0 0;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 6px 11px;
	border-radius: 6px;
	color: var(--text-sec);
	font-size: 12px;
	font-weight: 750;
	text-align: center;
	white-space: nowrap;
}

html.ta-page-stock-homepage .stock-section-nav a:hover,
html.ta-page-stock-homepage .stock-section-nav a:focus-visible {
	background: var(--btn-bg-sec);
	color: var(--btn-text-sec);
}

html.ta-page-stock-homepage .stock-section-nav__split {
	display: none !important;
}

html.ta-page-stock-homepage #intro,
html.ta-page-stock-homepage #market-overview,
html.ta-page-stock-homepage #orderbook-card,
html.ta-page-stock-homepage #price-chart-card,
html.ta-page-stock-homepage #client-analysis,
html.ta-page-stock-homepage #supplementary-analysis,
html.ta-page-stock-homepage #momentums-pane {
	scroll-margin-top: 62px;
}

html.ta-page-stock-homepage .stock-ad-strip__items {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	height: 100%;
	gap: 8px;
}

html.ta-page-stock-homepage .stock-ad-strip__item {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	height: 100%;
	border: 1px solid color-mix(in srgb, var(--tbl-border) 76%, transparent);
	border-radius: var(--radius-sm);
	background: var(--bg);
	overflow: hidden;
}

html.ta-page-stock-homepage .stock-ad-strip__item:only-child {
	grid-column: 1 / -1;
	justify-self: center;
	width: min(100%, 860px);
}

html.ta-page-stock-homepage .stock-ad-strip__item:hover {
	border-color: color-mix(in srgb, var(--tbl-header) 24%, var(--tbl-border) 76%);
}

html.ta-page-stock-homepage .stock-ad-strip__item img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: contain;
}

html.ta-page-stock-homepage .stock-ad-strip__label {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 3;
	padding: 3px 7px;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.58);
	color: #fff;
	font-size: 10px;
}

/* Analysis navigation and panels */
html.ta-page-stock-homepage #risk-metrics-pane {
	height: 100%;
	margin: 0;
	padding: 16px;
	border: 1px solid var(--box-border);
	border-radius: var(--radius-sm);
	background: var(--bg);
	box-shadow: none;
	overflow: hidden;
}

html.ta-page-stock-homepage #risk-metrics-pane.rm-tooltips-enhanced thead th.tooltip .tooltiptext {
	display: none !important;
}

html.ta-page-stock-homepage .rm-floating-tooltip {
	--rm-tooltip-arrow-x: 50%;
	position: fixed;
	z-index: 2200;
	padding: 10px 12px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: var(--radius-sm);
	background: #06536f;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
	color: #fff;
	direction: rtl;
	font-family: iransansx, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.75;
	pointer-events: none;
	text-align: right;
}

html.ta-page-stock-homepage .rm-floating-tooltip[hidden] {
	display: none;
}

html.ta-page-stock-homepage .rm-floating-tooltip::before {
	content: "";
	position: absolute;
	left: var(--rm-tooltip-arrow-x);
	width: 0;
	height: 0;
	margin-left: -6px;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}

html.ta-page-stock-homepage .rm-floating-tooltip[data-placement="below"]::before {
	top: -7px;
	border-bottom: 7px solid #06536f;
}

html.ta-page-stock-homepage .rm-floating-tooltip[data-placement="above"]::before {
	bottom: -7px;
	border-top: 7px solid #06536f;
}

html.ta-page-stock-homepage .stock-analysis-grid #risk-metrics-pane .rm-header {
	align-items: flex-start;
	padding: 2px 4px 12px;
	border-bottom: 1px solid var(--tbl-border);
}

html.ta-page-stock-homepage .stock-analysis-grid #risk-metrics-pane .rm-table-wrap {
	max-width: 100%;
}

html.ta-page-stock-homepage .stock-analysis-grid #risk-metrics-pane #rm-view-summary:checked ~ .rm-table-wrap table,
html.ta-page-stock-homepage .stock-analysis-grid #risk-metrics-pane #rm-view-downside:checked ~ .rm-table-wrap table,
html.ta-page-stock-homepage .stock-analysis-grid #risk-metrics-pane #rm-view-drawdown:checked ~ .rm-table-wrap table {
	min-width: 0;
	table-layout: fixed;
}

html.ta-page-stock-homepage .controllers {
	display: flex !important;
	position: relative;
	top: auto;
	z-index: 10;
	width: 100%;
	margin: 16px 0 10px;
	padding: 7px;
	gap: 6px;
	border: 1px solid var(--box-border);
	border-radius: var(--radius-sm);
	background: var(--bg);
	box-shadow: none;
	overflow-x: auto;
}

html.ta-page-stock-homepage .ctrl {
	flex: 1 0 auto;
	min-height: 40px;
	margin: 0 !important;
	padding: 8px 14px !important;
	border: 1px solid transparent;
	border-radius: var(--radius-sm);
	background: transparent;
	color: var(--text-sec);
	font-family: inherit;
	font-size: 13px;
	font-weight: 650;
	cursor: pointer;
}

html.ta-page-stock-homepage .ctrl:hover {
	border-color: var(--btn-border);
	background: var(--btn-bg-sec) !important;
	color: var(--btn-text-sec) !important;
}

html.ta-page-stock-homepage .ctrl.plum,
html.ta-page-stock-homepage .ctrl[aria-selected="true"] {
	border-color: var(--btn-bg);
	background: var(--btn-bg) !important;
	color: var(--btn-text) !important;
}

html.ta-page-stock-homepage .pane {
	display: none;
	margin: 0;
	padding: 16px;
	background: var(--bg);
	overflow-x: auto;
}

html.ta-page-stock-homepage #periodical-pane {
	overflow-x: hidden;
}

html.ta-page-stock-homepage .stock-periodical-scroll {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scrollbar-gutter: stable;
}

html.ta-page-stock-homepage #cf {
	width: 100%;
	min-width: 1040px;
	table-layout: fixed;
}

html.ta-page-stock-homepage #cf th,
html.ta-page-stock-homepage #cf td {
	white-space: nowrap;
}

html.ta-page-stock-homepage #cf th:first-child,
html.ta-page-stock-homepage #cf td:first-child {
	position: sticky;
	right: 0;
	z-index: 2;
	width: 92px;
	box-shadow: -5px 0 8px -8px rgba(0, 0, 0, 0.55);
}

html.ta-page-stock-homepage #cf thead th:first-child {
	z-index: 3;
}

html.ta-page-stock-homepage #cf tbody td:first-child {
	background: var(--bg) !important;
	font-weight: 700;
}

html.ta-page-stock-homepage #cf tbody tr:nth-child(even) td:first-child {
	background: var(--tbl-bg-even) !important;
}

html.ta-page-stock-homepage #filters-pane,
html.ta-page-stock-homepage #momentums-pane {
	overflow-x: hidden;
}

/* Fund information */
html.ta-page-stock-homepage #funds-pane,
html.ta-page-stock-homepage #fund-performance-pane {
	overflow: hidden;
}

html.ta-page-stock-homepage .stock-funds-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
	padding: 2px 2px 12px;
	border-bottom: 1px solid var(--tbl-border);
}

html.ta-page-stock-homepage .stock-funds-heading > div {
	display: grid;
	gap: 3px;
}

html.ta-page-stock-homepage .stock-funds-heading strong {
	color: var(--text-main);
	font-size: 16px;
	font-weight: 800;
}

html.ta-page-stock-homepage .stock-funds-heading small,
html.ta-page-stock-homepage .stock-funds-heading > span {
	color: var(--text-gray);
	font-size: 12px;
	font-weight: 600;
}

html.ta-page-stock-homepage #funds-pane .gridf {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	width: 100%;
	margin: 0;
	gap: 16px;
}

html.ta-page-stock-homepage .stock-fund-panel {
	min-width: 0;
	margin: 0 !important;
	padding: 14px;
	border: 1px solid var(--box-border);
	border-radius: var(--radius-sm);
	background: var(--bg);
	box-shadow: none;
	overflow-x: auto;
}

html.ta-page-stock-homepage .stock-fund-panel--wide {
	grid-column: 1 / -1;
}

html.ta-page-stock-homepage .stock-fund-panel--industries {
	max-height: 360px;
	overflow-y: auto;
}

html.ta-page-stock-homepage #funds-pane table,
html.ta-page-stock-homepage #fund-performance-pane table {
	width: 100% !important;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

html.ta-page-stock-homepage #funds-pane #asset {
	min-width: 650px;
}

html.ta-page-stock-homepage #funds-pane #industriex {
	min-width: 520px;
}

html.ta-page-stock-homepage #fund-performance-pane #revenue {
	min-width: 860px;
}

html.ta-page-stock-homepage #funds-pane caption,
html.ta-page-stock-homepage #fund-performance-pane caption {
	padding: 2px 4px 13px;
	border-bottom: 1px solid var(--tbl-border);
	color: var(--text-main);
	font-size: 15px;
	font-weight: 800;
	text-align: right;
}

html.ta-page-stock-homepage #funds-pane table th,
html.ta-page-stock-homepage #fund-performance-pane table th {
	height: 38px;
	padding: 8px 7px;
	border: 0;
	background: color-mix(in srgb, var(--tbl-header) 7%, var(--bg) 93%) !important;
	box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--tbl-header) 18%, transparent);
	color: var(--text-main) !important;
	font-size: 12px;
	font-weight: 750;
}

html.ta-page-stock-homepage #funds-pane table td,
html.ta-page-stock-homepage #fund-performance-pane table td {
	height: 38px;
	padding: 8px 7px;
	border: 0;
	border-bottom: 1px solid color-mix(in srgb, var(--tbl-border) 72%, transparent);
	background: transparent;
	color: var(--text-main);
	font-size: 13px;
	font-variant-numeric: tabular-nums;
}

html.ta-page-stock-homepage #funds-pane #asset tr:nth-child(2) td {
	background: color-mix(in srgb, var(--tbl-header) 5%, var(--bg) 95%);
	color: var(--text-sec);
	font-size: 12px;
	font-weight: 750;
}

html.ta-page-stock-homepage #funds-pane #asset tr:last-child td {
	border-bottom: 0;
	background: color-mix(in srgb, var(--tbl-header) 5%, var(--bg) 95%);
	font-weight: 800;
}

html.ta-page-stock-homepage #funds-pane table tr:hover td,
html.ta-page-stock-homepage #fund-performance-pane table tr:hover td {
	background: var(--tbl-bg-hover);
}

html.ta-page-stock-homepage #funds-pane .funds-chart {
	overflow: hidden;
}

html.ta-page-stock-homepage .stock-fund-chart__toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--tbl-border);
}

html.ta-page-stock-homepage .stock-fund-chart__toolbar label {
	color: var(--text-main);
	font-size: 14px;
	font-weight: 750;
}

html.ta-page-stock-homepage .stock-fund-chart__toolbar select {
	width: min(100%, 360px);
	min-height: 38px;
	padding: 6px 10px;
	border: 1px solid var(--btn-border);
	border-radius: var(--radius-sm);
	background: var(--bg-input);
	color: var(--text-main);
	font-family: inherit;
	font-size: 12px;
}

html.ta-page-stock-homepage #funds-pane #fund-parent {
	width: 100%;
	height: 320px;
	margin: 0;
}

html.ta-page-stock-homepage .stock-momentums-section {
	margin: 16px 0 0;
	padding: 0 16px 16px;
	border: 1px solid var(--box-border);
	border-radius: var(--radius-sm);
	background: var(--bg);
	box-shadow: none;
}

html.ta-page-stock-homepage .stock-momentums-section:not([open]) {
	padding-bottom: 0;
}

html.ta-page-stock-homepage .stock-momentums-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 54px;
	cursor: pointer;
	list-style: none;
}

html.ta-page-stock-homepage .stock-momentums-summary::-webkit-details-marker {
	display: none;
}

html.ta-page-stock-homepage .stock-momentums-summary > span:first-child {
	display: grid;
	gap: 2px;
}

html.ta-page-stock-homepage .stock-momentums-title {
	color: var(--text-main);
	font-size: 16px;
	font-weight: 800;
}

html.ta-page-stock-homepage .stock-momentums-summary small {
	color: var(--text-gray);
	font-size: 11px;
	font-weight: 500;
}

html.ta-page-stock-homepage .stock-momentums-toggle {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--btn-text-sec);
	font-size: 0;
	font-weight: 750;
	white-space: nowrap;
}

html.ta-page-stock-homepage .stock-momentums-toggle::before {
	content: "جمع کردن نمودارها";
	font-size: 11px;
}

html.ta-page-stock-homepage .stock-momentums-toggle::after {
	content: "⌃";
	font-size: 15px;
}

html.ta-page-stock-homepage .stock-momentums-section:not([open]) .stock-momentums-toggle::before {
	content: "نمایش نمودارها";
}

html.ta-page-stock-homepage .stock-momentums-section:not([open]) .stock-momentums-toggle::after {
	content: "⌄";
}

html.ta-page-stock-homepage .stock-momentums-content {
	padding-top: 12px;
	border-top: 1px solid var(--tbl-border);
}

html.ta-page-stock-homepage #filters-title {
	display: block;
	margin-bottom: 14px;
	padding: 2px 2px 12px;
	border-bottom: 1px solid var(--tbl-border);
	color: var(--text-main);
	font-size: 16px;
	font-weight: 750;
}

html.ta-page-stock-homepage #filters-pane .filters-parent {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 12px;
	padding: 0;
}

html.ta-page-stock-homepage #filters-pane .filters-parent > span {
	display: flex !important;
	position: relative;
	align-items: center;
	justify-content: flex-start;
	min-height: 56px;
	margin: 0;
	padding: 11px 48px 11px 64px;
	border: 1px solid var(--tbl-border);
	border-radius: var(--radius-sm);
	background: var(--bg);
	box-shadow: none;
	color: var(--text-main);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.65;
	text-align: right;
	transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

html.ta-page-stock-homepage #filters-pane .filters-parent > span::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 17px;
	width: 10px;
	height: 10px;
	border-radius: 999px;
	transform: translateY(-50%);
}

html.ta-page-stock-homepage #filters-pane .filters-parent > span::after {
	position: absolute;
	top: 50%;
	left: 12px;
	min-width: 40px;
	padding: 3px 7px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 750;
	line-height: 1.5;
	text-align: center;
	transform: translateY(-50%);
}

html.ta-page-stock-homepage #filters-pane .filters-parent > .buy {
	border-color: color-mix(in srgb, var(--text-greenx) 18%, var(--tbl-border) 82%);
	background: color-mix(in srgb, var(--text-greenx) 4%, var(--bg) 96%) !important;
}

html.ta-page-stock-homepage #filters-pane .filters-parent > .buy::before {
	background: var(--text-greenx);
	box-shadow: 0 0 0 6px color-mix(in srgb, var(--text-greenx) 11%, transparent);
}

html.ta-page-stock-homepage #filters-pane .filters-parent > .buy::after {
	content: "خرید";
	background: color-mix(in srgb, var(--text-greenx) 10%, var(--bg) 90%);
	color: var(--text-greenx);
}

html.ta-page-stock-homepage #filters-pane .filters-parent > .sell {
	border-color: color-mix(in srgb, var(--text-redx) 18%, var(--tbl-border) 82%);
	background: color-mix(in srgb, var(--text-redx) 4%, var(--bg) 96%) !important;
}

html.ta-page-stock-homepage #filters-pane .filters-parent > .sell::before {
	background: var(--text-redx);
	box-shadow: 0 0 0 6px color-mix(in srgb, var(--text-redx) 10%, transparent);
}

html.ta-page-stock-homepage #filters-pane .filters-parent > .sell::after {
	content: "فروش";
	background: color-mix(in srgb, var(--text-redx) 10%, var(--bg) 90%);
	color: var(--text-redx);
}

html.ta-page-stock-homepage #filters-pane .filters-parent > span:hover {
	border-color: color-mix(in srgb, var(--tbl-header) 24%, var(--tbl-border) 76%);
	box-shadow: none;
	transform: none;
}

html.ta-page-stock-homepage .stock-momentums-history {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin-bottom: 12px;
	color: var(--text-sec);
	font-size: 12px;
}

html.ta-page-stock-homepage .stock-momentums-history select {
	min-height: 36px;
	padding: 6px 10px;
	border: 1px solid var(--btn-border);
	border-radius: var(--radius-sm);
	background: var(--bg-input);
	color: var(--text-main);
	font-family: inherit;
}

html.ta-page-stock-homepage #chart-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

html.ta-page-stock-homepage #chart-grid > .stocks-parent {
	min-width: 0;
	margin: 0;
	padding: 12px;
	border: 1px solid var(--tbl-border);
	border-radius: var(--radius-sm);
	background: var(--bg);
	box-shadow: none;
	overflow: hidden;
}

html.ta-page-stock-homepage #chart-grid .box {
	width: 100%;
	min-width: 0;
}

html.ta-page-stock-homepage #chart-grid .title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	min-height: 30px;
	gap: 4px;
	font-size: 13px;
	font-weight: 700;
}

html.ta-page-stock-homepage #chart-grid .btxx {
	min-height: 26px;
	padding: 3px 7px;
	border: 1px solid transparent !important;
	border-radius: 7px;
	background: transparent;
	color: var(--text-gray);
	box-shadow: none !important;
	font-family: inherit;
	font-size: 11px;
	font-weight: 600;
	cursor: pointer;
}

html.ta-page-stock-homepage #chart-grid .btxx:hover,
html.ta-page-stock-homepage #chart-grid .btxx:focus-visible {
	border-color: var(--btn-border) !important;
	background: color-mix(in srgb, var(--btn-bg-sec) 58%, transparent);
	color: var(--btn-text-sec);
	outline: none;
}

html.ta-page-stock-homepage #chart-grid .btxx.is-active {
	border-color: color-mix(in srgb, var(--btn-bg) 34%, var(--btn-border)) !important;
	background: var(--btn-bg-sec);
	color: var(--btn-text-sec);
	box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--btn-bg) 72%, transparent) !important;
	font-weight: 750;
}

html.ta-page-stock-homepage #chart-grid .standby {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 27px;
	margin-right: auto;
	padding: 3px;
	border: 0 !important;
	border-radius: 7px;
	background: transparent;
	box-shadow: none !important;
}

html.ta-page-stock-homepage #chart-grid .expand {
	font-size: 12px;
}

html.ta-page-stock-homepage .grid-pivot-sup,
html.ta-page-stock-homepage .grid-pivot-res,
html.ta-page-stock-homepage .grid-item {
	min-height: 42px;
	padding: 10px 12px;
	border: 1px solid transparent;
	border-radius: var(--radius-sm);
	font-size: 13px;
}

html.ta-page-stock-homepage .grid-pivot-sup {
	border-color: rgba(44, 95, 158, 0.18);
	background: rgba(44, 95, 158, 0.1);
}

html.ta-page-stock-homepage .grid-pivot-res {
	border-color: rgba(191, 62, 79, 0.18);
	background: rgba(191, 62, 79, 0.1);
}

html.ta-page-stock-homepage .grid-item {
	background: var(--bg-sec);
}

html.ta-page-stock-homepage .plus {
	color: var(--text-greenx) !important;
}

html.ta-page-stock-homepage .minus {
	color: var(--text-redx) !important;
}

@media screen and (max-width: 1500px) {
	html.ta-page-stock-homepage .stock-orderbook-price {
		height: 44px !important;
		padding-top: 4px !important;
		padding-bottom: 4px !important;
		white-space: normal !important;
	}

	html.ta-page-stock-homepage .stock-orderbook-price__value,
	html.ta-page-stock-homepage .stock-orderbook-price__percent {
		display: block;
		width: 100%;
		line-height: 1.25;
		text-align: center;
	}
}

@media screen and (max-width: 1200px) {
	html.ta-page-stock-homepage .container {
		padding: 12px;
	}

	html.ta-page-stock-homepage .stock-hero__main {
		grid-column: 1 / -1;
		grid-template-columns: minmax(220px, 1fr) minmax(320px, 1.15fr);
	}

	html.ta-page-stock-homepage .stock-kpis {
		grid-column: 1 / -1;
	}

	html.ta-page-stock-homepage .stock-hero__actions {
		display: grid;
		grid-column: 1 / -1;
		grid-row: auto;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: none;
		align-self: auto;
		max-width: none;
		margin-top: 2px;
		padding-top: 8px;
		border-top: 1px solid var(--tbl-border);
	}

	html.ta-page-stock-homepage .stock-kpis {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	html.ta-page-stock-homepage .stock-action {
		width: auto;
	}

	html.ta-page-stock-homepage .stock-section-nav__combined {
		display: none !important;
	}

	html.ta-page-stock-homepage .stock-section-nav__split {
		display: inline-flex !important;
	}

	html.ta-page-stock-homepage .stock-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html.ta-page-stock-homepage .stocks-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	html.ta-page-stock-homepage .stocks-grid > .stock-main-column,
	html.ta-page-stock-homepage .stocks-grid > .stock-details-column {
		display: contents !important;
		order: initial !important;
	}

	html.ta-page-stock-homepage .stock-orderbook-card {
		order: 1 !important;
	}

	html.ta-page-stock-homepage .stock-chart-card {
		order: 2 !important;
	}

	html.ta-page-stock-homepage .stock-chart-card {
		height: 670px;
		min-height: 670px;
	}

	html.ta-page-stock-homepage #funds-pane .gridf {
		grid-template-columns: minmax(0, 1fr);
	}

	html.ta-page-stock-homepage .stock-fund-panel--wide {
		grid-column: auto;
	}

	html.ta-page-stock-homepage #chart-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media screen and (max-width: 980px) {
	html.ta-page-stock-homepage .stock-analysis-grid {
		grid-template-columns: minmax(0, 1fr);
	}

}

@media screen and (max-width: 900px) {
	html.ta-page-stock-homepage .topnav-left {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		flex: 0 0 100%;
		flex-wrap: nowrap;
		justify-content: space-between;
		gap: 2px;
		box-sizing: border-box;
	}

	html.ta-page-stock-homepage .topnav-left > * {
		min-width: 0;
	}

	html.ta-page-stock-homepage .topnav-left > .nav-icon-link {
		width: auto !important;
		max-width: max-content;
		flex: 0 0 auto;
		margin-inline: 0;
		padding-inline: 7px !important;
	}

	html.ta-page-stock-homepage .topnav-left > .shop-link {
		width: auto !important;
		min-width: 0;
		max-width: max-content;
		flex: 0 0 auto;
	}

	html.ta-page-stock-homepage .topnav-left > .user-profile-dropdown {
		min-width: 0;
		flex: 0 1 auto;
	}

	html.ta-page-stock-homepage .topnav-left .user-profile-dropdown .dropbtn,
	html.ta-page-stock-homepage .topnav-left > .login {
		min-width: 0;
		max-width: 140px;
		overflow: hidden;
		white-space: nowrap;
	}

	html.ta-page-stock-homepage .topnav-left .profile-link > span {
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

@media screen and (max-width: 760px) {
	html.ta-page-stock-homepage,
	html.ta-page-stock-homepage body {
		zoom: 1 !important;
		max-width: 100%;
	}

	html.ta-page-stock-homepage .container {
		padding: 8px;
	}

	html.ta-page-stock-homepage .stock-section-nav {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		top: 4px;
		margin-bottom: 10px;
		gap: 4px;
		overflow: hidden;
	}

	html.ta-page-stock-homepage .stock-section-nav a {
		display: inline-flex !important;
		justify-content: center;
		width: 100%;
		min-width: 0;
		min-height: 38px;
		padding: 5px 3px;
		font-size: 11px;
		line-height: 1.35;
		white-space: normal;
	}

	html.ta-page-stock-homepage .stock-section-nav a.stock-section-nav__combined {
		display: none !important;
	}

	html.ta-page-stock-homepage #intro,
	html.ta-page-stock-homepage #market-overview,
	html.ta-page-stock-homepage #orderbook-card,
	html.ta-page-stock-homepage #price-chart-card,
	html.ta-page-stock-homepage #client-analysis,
	html.ta-page-stock-homepage #supplementary-analysis,
	html.ta-page-stock-homepage #momentums-pane {
		scroll-margin-top: 106px;
	}

	html.ta-page-stock-homepage .stock-chart-controls {
		grid-template-columns: repeat(12, minmax(0, 1fr));
		gap: 4px;
		padding: 7px 4px 4px;
		border: 1px solid color-mix(in srgb, var(--tbl-border) 78%, transparent);
		border-radius: calc(var(--radius-sm) + 2px);
		background: color-mix(in srgb, var(--bg-sec) 68%, var(--bg) 32%);
	}

	html.ta-page-stock-homepage .stock-chart-controls .stock-chart-controls__group {
		display: contents;
	}

	html.ta-page-stock-homepage .stock-chart-controls #timeframe,
	html.ta-page-stock-homepage .stock-chart-controls #tpwchart,
	html.ta-page-stock-homepage .stock-chart-controls #tpachart {
		grid-row: 1;
		grid-column: span 4;
	}

	html.ta-page-stock-homepage .stock-chart-controls--fund #timeframe,
	html.ta-page-stock-homepage .stock-chart-controls--fund #tpwchart,
	html.ta-page-stock-homepage .stock-chart-controls--fund #tpachart,
	html.ta-page-stock-homepage .stock-chart-controls--fund #navchart {
		grid-row: 1;
		grid-column: span 3;
	}

	html.ta-page-stock-homepage .stock-chart-controls #mainchart,
	html.ta-page-stock-homepage .stock-chart-controls #ratiochart,
	html.ta-page-stock-homepage .stock-chart-controls #priceScaleControl {
		grid-row: 2;
		grid-column: span 4;
	}

	html.ta-page-stock-homepage .stock-chart-controls #analysis,
	html.ta-page-stock-homepage .stock-chart-controls #uptrendlines,
	html.ta-page-stock-homepage .stock-chart-controls #downtrendlines {
		grid-row: 3;
		grid-column: span 4;
	}

	html.ta-page-stock-homepage .stock-chart-controls .btxx,
	html.ta-page-stock-homepage .stock-chart-controls select,
	html.ta-page-stock-homepage .stock-chart-controls #timeframe,
	html.ta-page-stock-homepage .stock-chart-controls #mainchart,
	html.ta-page-stock-homepage .stock-chart-controls #ratiochart,
	html.ta-page-stock-homepage .stock-chart-controls #priceScaleControl {
		width: 100%;
		min-width: 0;
		max-width: none;
	}

	html.ta-page-stock-homepage .stock-chart-controls .btxx,
	html.ta-page-stock-homepage .stock-chart-controls select,
	html.ta-page-stock-homepage .stock-chart-select__trigger {
		min-height: 34px;
		padding-right: 6px !important;
		padding-left: 6px !important;
		font-size: 11px;
	}

	html.ta-page-stock-homepage .stock-chart-controls #priceScaleMenu {
		right: auto;
		left: 0;
		width: min(210px, calc(100vw - 36px));
	}

	html.ta-page-stock-homepage .stock-hero {
		display: block;
		padding: 9px 10px;
		border-radius: var(--radius-md);
	}

	html.ta-page-stock-homepage .stock-hero__main {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	html.ta-page-stock-homepage .stock-identity {
		display: block;
		grid-column: 1 / -1;
	}

	html.ta-page-stock-homepage .stock-identity__eyebrow {
		margin-bottom: 5px;
	}

	html.ta-page-stock-homepage .stock-identity__name {
		margin-top: 5px;
	}

	html.ta-page-stock-homepage .stock-identity__update {
		margin-top: 6px;
	}

	html.ta-page-stock-homepage .stock-quotes {
		grid-column: 1 / -1;
		padding: 8px 0;
		border: 0;
		border-top: 1px solid var(--tbl-border);
		border-bottom: 1px solid var(--tbl-border);
	}

	html.ta-page-stock-homepage .stock-quote__value-row {
		justify-content: flex-end;
	}

	html.ta-page-stock-homepage .stock-hero__actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 8px;
	}

	html.ta-page-stock-homepage .stock-action {
		width: 100%;
		min-height: 40px;
	}

	html.ta-page-stock-homepage .stock-kpis {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 6px;
	}

	html.ta-page-stock-homepage .stock-kpi {
		padding: 5px 8px;
	}

	html.ta-page-stock-homepage .stock-kpi__label {
		font-size: 12px;
	}

	html.ta-page-stock-homepage .stock-kpi__number,
	html.ta-page-stock-homepage .stock-kpi__value strong {
		font-size: 15px;
	}

	html.ta-page-stock-homepage .stock-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html.ta-page-stock-homepage .stock-links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html.ta-page-stock-homepage .stock-links a {
		justify-content: center;
		text-align: center;
	}

	html.ta-page-stock-homepage .stock-card,
	html.ta-page-stock-homepage .pane,
	html.ta-page-stock-homepage #risk-metrics-pane {
		padding: 10px;
		border-radius: var(--radius-sm);
	}

	html.ta-page-stock-homepage .stock-card table,
	html.ta-page-stock-homepage .pane table {
		font-size: 13px;
	}

	html.ta-page-stock-homepage #chart-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	html.ta-page-stock-homepage .stock-funds-heading,
	html.ta-page-stock-homepage .stock-fund-chart__toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	html.ta-page-stock-homepage .stock-fund-chart__toolbar select {
		width: 100%;
	}

	html.ta-page-stock-homepage .stock-fund-panel {
		padding: 10px;
	}

	html.ta-page-stock-homepage .stock-momentums-section {
		padding: 0 10px 10px;
	}

	html.ta-page-stock-homepage .stock-momentums-section:not([open]) {
		padding-bottom: 0;
	}

	html.ta-page-stock-homepage .stock-momentums-summary {
		min-height: 50px;
	}

	html.ta-page-stock-homepage .stock-momentums-summary small,
	html.ta-page-stock-homepage .stock-momentums-toggle::before {
		display: none;
	}

	html.ta-page-stock-homepage .stock-momentums-history {
		align-items: stretch;
		flex-direction: column;
	}

	html.ta-page-stock-homepage .stock-orderbook-card,
	html.ta-page-stock-homepage .stock-client-types-card {
		padding-right: 8px;
		padding-left: 8px;
	}

	html.ta-page-stock-homepage .stock-orderbook-card th,
	html.ta-page-stock-homepage .stock-orderbook-card td,
	html.ta-page-stock-homepage .stock-client-types-card th,
	html.ta-page-stock-homepage .stock-client-types-card td {
		height: 34px;
		padding: 5px 2px;
		font-size: 11px;
	}

	html.ta-page-stock-homepage .stock-session-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html.ta-page-stock-homepage .stock-session-summary__item {
		padding: 7px 8px;
	}

	html.ta-page-stock-homepage .stock-session-summary__item > span {
		font-size: 11px;
	}

	html.ta-page-stock-homepage .stock-session-summary__item strong {
		font-size: 14px;
	}

	html.ta-page-stock-homepage .stock-orderbook-insight {
		min-height: 58px;
		padding-right: 4px;
		padding-left: 4px;
	}

	html.ta-page-stock-homepage .stock-orderbook-insight > span {
		font-size: 10px;
	}

	html.ta-page-stock-homepage .stock-orderbook-insight strong {
		font-size: 13px;
	}

	html.ta-page-stock-homepage .stock-orderbook-card th:nth-child(2),
	html.ta-page-stock-homepage .stock-orderbook-card td:nth-child(2),
	html.ta-page-stock-homepage .stock-orderbook-card th:nth-child(7),
	html.ta-page-stock-homepage .stock-orderbook-card td:nth-child(7) {
		display: none;
	}

	html.ta-page-stock-homepage #orders th:nth-child(1),
	html.ta-page-stock-homepage #orders td:nth-child(1),
	html.ta-page-stock-homepage #orders th:nth-child(8),
	html.ta-page-stock-homepage #orders td:nth-child(8) {
		width: 14%;
	}

	html.ta-page-stock-homepage #orders th:nth-child(3),
	html.ta-page-stock-homepage #orders td:nth-child(3),
	html.ta-page-stock-homepage #orders th:nth-child(6),
	html.ta-page-stock-homepage #orders td:nth-child(6) {
		width: 17%;
	}

	html.ta-page-stock-homepage #orders th:nth-child(4),
	html.ta-page-stock-homepage #orders td:nth-child(4),
	html.ta-page-stock-homepage #orders th:nth-child(5),
	html.ta-page-stock-homepage #orders td:nth-child(5) {
		width: 19%;
	}

	html.ta-page-stock-homepage #filters-pane .filters-parent {
		grid-template-columns: minmax(0, 1fr);
	}

	html.ta-page-stock-homepage .controllers {
		top: auto;
		justify-content: flex-start;
		padding: 5px;
	}

	html.ta-page-stock-homepage .ctrl {
		flex: 0 0 auto;
		min-height: 42px;
		font-size: 12px;
	}

	html.ta-page-stock-homepage .grid-container-pivot {
		grid-template-columns: minmax(0, 1fr);
	}

	html.ta-page-stock-homepage .grid-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html.ta-page-stock-homepage .stock-chart-card {
		height: 570px;
		min-height: 570px;
	}

	html.ta-page-stock-homepage .stock-client-chart__axis,
	html.ta-page-stock-homepage .stock-client-chart__row {
		grid-template-columns: minmax(0, 1fr) 66px minmax(0, 1fr);
		column-gap: 5px;
	}

	html.ta-page-stock-homepage .stock-client-chart__row > h3 {
		height: 32px;
		min-height: 32px;
		font-size: 11px;
	}

	html.ta-page-stock-homepage .stock-client-chart__tools {
		justify-content: space-between;
		width: 100%;
	}

	html.ta-page-stock-homepage .stock-client-chart__side {
		padding: 8px 6px;
	}

	html.ta-page-stock-homepage .stock-client-chart__stats {
		grid-template-columns: minmax(0, 1fr);
		gap: 3px;
	}

	html.ta-page-stock-homepage .stock-client-chart__stats > div {
		grid-template-columns: auto minmax(0, 1fr);
		align-items: center;
		gap: 5px;
	}

	html.ta-page-stock-homepage .stock-client-chart__stats dd {
		text-align: left;
	}

	html.ta-page-stock-homepage .stock-ad-strip {
		height: 80px;
		margin-bottom: 10px;
		padding: 5px;
	}

	html.ta-page-stock-homepage .stock-ad-strip__items {
		gap: 5px;
	}

	html.ta-page-stock-homepage .stock-ad-strip__label {
		top: 6px;
		right: 6px;
		padding: 2px 5px;
		font-size: 9px;
	}
}

@media screen and (max-width: 440px) {
	html.ta-page-stock-homepage,
	html.ta-page-stock-homepage body {
		zoom: 1 !important;
	}

	html.ta-page-stock-homepage .stock-identity__title-row {
		align-items: flex-start;
		justify-content: space-between;
	}

	html.ta-page-stock-homepage .stock-card__heading {
		align-items: flex-start;
		flex-direction: column-reverse;
	}

	html.ta-page-stock-homepage .stock-orderbook-heading {
		align-items: stretch;
		flex-direction: column;
	}

	html.ta-page-stock-homepage .stock-orderbook-heading__title {
		justify-content: space-between;
	}

	html.ta-page-stock-homepage .stock-client-chart__heading {
		align-items: stretch;
		flex-direction: column;
	}

	html.ta-page-stock-homepage .stock-client-chart__tools {
		align-items: stretch;
		flex-direction: column;
	}

	html.ta-page-stock-homepage .stock-client-chart__legend {
		justify-content: center;
	}

	html.ta-page-stock-homepage .grid-container {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	html.ta-page-stock-homepage .stock-action,
	html.ta-page-stock-homepage .btxx,
	html.ta-page-stock-homepage .stock-client-chart__track > span {
		transition: none;
	}
}
