/* =========================================================
		   MARKETBHAV - MANDI BHAV PAGE
		   Maximum page width: 1080px
		   Scoped styles: .mb-page
		========================================================= */

		.mb-page {
			--mb-green: #33a94f;
			--mb-green-dark: #27883e;
			--mb-green-light: #eef9f1;
			--mb-green-mid: #4caf50;
			--mb-orange: #f79220;
			--mb-orange-dark: #df7710;
			--mb-orange-light: #fff5e8;
			--mb-text: #252525;
			--mb-gray: #58585a;
			--mb-muted: #70757a;
			--mb-border: #e5e7eb;
			--mb-surface: #ffffff;
			--mb-page-bg: #f7f9f7;
			--mb-shadow: 0 3px 12px rgba(0, 0, 0, .05);

			width: 100%;
			max-width: 1080px;
			min-width: 0;
			margin: 0 auto;
			padding: 16px 20px 28px;
			box-sizing: border-box;
			color: var(--mb-text);
			background: var(--mb-surface);
			font-family: "Roboto", Arial, sans-serif;
			font-size: 15px;
			line-height: 1.55;
			overflow-wrap: break-word;
		}

		.mb-page *,
		.mb-page *::before,
		.mb-page *::after {
			box-sizing: border-box;
		}

		.mb-page h1,
		.mb-page h2,
		.mb-page h3,
		.mb-page p {
			margin-top: 0;
		}

		.mb-page p {
			margin-bottom: 12px;
		}

		.mb-page a {
			color: var(--mb-green-dark);
			text-decoration: none;
		}

		.mb-page a:hover {
			color: var(--mb-orange-dark);
		}

		.mb-page button,
		.mb-page input,
		.mb-page select {
			max-width: 100%;
			font: inherit;
		}

		.mb-page button {
			cursor: pointer;
		}

		.mb-page button:focus-visible,
		.mb-page a:focus-visible,
		.mb-page select:focus-visible {
			outline: 2px solid var(--mb-orange);
			outline-offset: 3px;
		}

		.mb-page .mb-muted {
			color: var(--mb-muted);
		}

		

		/* =========================================================
		   PAGE CONTAINER AND SECTIONS
		   All inner containers stay within the 1080px page.
		========================================================= */

		.mb-page .mb-homepage {
			width: 100%;
			min-width: 0;
			color: var(--mb-text);
			background: transparent;
		}

		.mb-page .mb-container {
			width: 100%;
			max-width: 100%;
			min-width: 0;
			margin: 0 auto;
			padding: 0;
		}

		.mb-page .mb-section {
			width: 100%;
			min-width: 0;
			margin: 0;
			padding: 0;
		}

		.mb-page .mb-section + .mb-section {
			border-top: 1px solid #f0f1f0;
		}

		.mb-page .mb-section-head {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			justify-content: space-between;
			gap: 12px;
			margin-bottom: 18px;
		}

		.mb-page .mb-section-title-wrap {
			flex: 1 1 auto;
			min-width: 0;
		}

		.mb-page .mb-section-title {
			margin: 0;
			color: var(--mb-gray);
			font-size: 22px;
			font-weight: 800;
			line-height: 1.35;
		}

		.mb-page .mb-section-title::after {
			content: "";
			display: block;
			width: 44px;
			height: 3px;
			margin-top: 8px;
			border-radius: 4px;
			background: var(--mb-green);
		}

		.mb-page .mb-section-subtitle {
			margin: 8px 0 0;
			color: var(--mb-muted);
			font-size: 15px;
			line-height: 1.65;
		}

		/* View-all button */

		.mb-page .mb-view-all {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 6px;
			min-height: 40px;
			max-width: 100%;
			padding: 8px 13px;
			border: 1px solid var(--mb-green);
			border-radius: 7px;
			background: #fff;
			color: var(--mb-green-dark);
			font-size: 14px;
			font-weight: 700;
			line-height: 1.4;
			text-align: center;
			white-space: normal;
			transition: background .2s ease, color .2s ease;
		}

		.mb-page .mb-view-all:hover {
			background: var(--mb-green);
			color: #fff;
		}

		/* =========================================================
		   COMMON CARD
		========================================================= */

		.mb-page .mb-card,
		.mb-page .mb-state-card,
		.mb-page .mb-state-mandi-card {
			min-width: 0;
			border: 1px solid var(--mb-border);
			border-radius: 10px;
			background: #fff;
			box-shadow: var(--mb-shadow);
			transition: border-color .2s ease, box-shadow .2s ease,
						transform .2s ease;
		}

		.mb-page .mb-card:hover,
		.mb-page .mb-state-card:hover,
		.mb-page .mb-state-mandi-card:hover {
			border-color: rgba(51, 169, 79, .45);
			box-shadow: 0 5px 16px rgba(0, 0, 0, .08);
		}

		/* =========================================================
		   MANDI RATE CARDS
		========================================================= */

		.mb-page .mb-mandi-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 14px;
			width: 100%;
			min-width: 0;
		}

		.mb-page .mb-mandi-card {
			padding: 15px;
			overflow: hidden;
		}

		.mb-page .mb-mandi-top {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			gap: 10px;
		}

		.mb-page .mb-mandi-crop {
			flex: 1 1 auto;
			min-width: 0;
		}

		.mb-page .mb-mandi-crop h3 {
			margin: 0;
			color: var(--mb-gray);
			font-size: 16px;
			font-weight: 700;
			line-height: 1.45;
			overflow-wrap: anywhere;
		}

		.mb-page .mb-mandi-crop h3 a {
			color: var(--mb-gray);
		}

		.mb-page .mb-mandi-crop h3 a:hover {
			color: var(--mb-green-dark);
		}

		.mb-page .mb-mandi-location {
			margin-top: 5px;
			color: var(--mb-muted);
			font-size: 13px;
			line-height: 1.5;
		}

		.mb-page .mb-mandi-location a {
			color: var(--mb-muted);
		}

		.mb-page .mb-mandi-location a:hover {
			color: var(--mb-green-dark);
		}

		.mb-page .mb-mandi-date {
			flex: 0 0 auto;
			max-width: 100%;
			padding: 4px 7px;
			border-radius: 5px;
			background: var(--mb-green-light);
			color: var(--mb-green-dark);
			font-size: 12px;
			font-weight: 700;
			line-height: 1.4;
		}

		.mb-page .mb-price-row {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 9px;
			margin-top: 15px;
		}

		.mb-page .mb-price-box {
			min-width: 0;
			padding: 10px;
			border-radius: 7px;
			background: #f6f7f6;
		}

		.mb-page .mb-price-label {
			display: block;
			margin-bottom: 3px;
			color: var(--mb-muted);
			font-size: 12px;
			line-height: 1.45;
		}

		.mb-page .mb-price-value {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 4px;
			margin-top: 2px;
			color: var(--mb-gray);
			font-size: 16px;
			font-weight: 800;
			line-height: 1.4;
			font-variant-numeric: tabular-nums;
			overflow-wrap: anywhere;
		}

		.mb-page .mb-price-min .mb-price-value {
			color: var(--mb-green-dark);
		}

		.mb-page .mb-price-max .mb-price-value {
			color: var(--mb-orange-dark);
		}

		.mb-page .mb-price-arrow {
			font-size: 16px;
			font-weight: 900;
		}

		.mb-page .mb-mandi-footer {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			justify-content: space-between;
			gap: 5px 10px;
			margin-top: 12px;
			color: var(--mb-muted);
			font-size: 12px;
			line-height: 1.5;
		}

		/* =========================================================
		   STATE GRID
		========================================================= */

		.mb-page .mb-state-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 12px;
			width: 100%;
			min-width: 0;
		}

		.mb-page .mb-state-card {
			display: flex;
			align-items: center;
			gap: 10px;
			padding: 13px;
		}

		.mb-page .mb-state-code {
			display: none;
			flex: 0 0 42px;
			width: 42px;
			color: var(--mb-orange-dark);
			font-size: 22px;
			font-weight: 800;
			line-height: 1;
		}

		.mb-page .mb-state-info {
			flex: 1 1 auto;
			min-width: 0;
		}

		.mb-page .mb-state-info strong {
			display: block;
			color: var(--mb-gray);
			font-size: 15px;
			font-weight: 700;
			line-height: 1.45;
			overflow-wrap: anywhere;
		}

		.mb-page .mb-state-info span {
			display: block;
			margin-top: 4px;
			color: var(--mb-orange-dark);
			font-size: 13px;
		}

		.mb-page .mb-state-info span b {
			color: var(--mb-green-dark);
		}

		.mb-page .mb-state-count {
			flex: 0 0 auto;
			text-align: center;
		}

		.mb-page .mb-state-count strong {
			display: block;
			color: var(--mb-green-dark);
			font-size: 19px;
			line-height: 1.2;
		}

		.mb-page .mb-state-count span {
			display: block;
			margin-top: 3px;
			color: var(--mb-muted);
			font-size: 11px;
		}

		/* =========================================================
		   MANDI LIST GRID
		========================================================= */

		.mb-page .mb-state-mandi-grid {
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			gap: 12px;
			width: 100%;
			min-width: 0;
		}

		.mb-page .mb-state-mandi-card {
			display: flex;
			align-items: center;
			min-width: 0;
			padding: 13px;
		}

		.mb-page .mb-state-mandi-info {
			flex: 1 1 auto;
			min-width: 0;
		}

		.mb-page .mb-state-mandi-info strong {
			display: block;
			color: var(--mb-gray);
			font-size: 15px;
			font-weight: 700;
			line-height: 1.45;
			overflow-wrap: anywhere;
		}

		.mb-page .mb-state-mandi-info span {
			display: block;
			margin-top: 4px;
			color: var(--mb-orange-dark);
			font-size: 14px;
		}

		.mb-page .mb-state-mandi-info span b {
			color: var(--mb-green-dark);
		}

		/* =========================================================
		   EXPAND ALL / SHOW LESS
		========================================================= */

		.mb-page #kdMandiGrid .mb-crop-hidden {
			display: none !important;
		}

		.mb-page #kdMandiGrid.mb-mandi-expanded .mb-crop-hidden {
			display: block !important;
		}

		.mb-page .mb-mandi-expand-wrap {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			margin: 20px 0 4px;
		}

		.mb-page .mb-mandi-expand-btn {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-height: 42px;
			max-width: 100%;
			padding: 10px 22px;
			border: 1px solid var(--mb-green);
			border-radius: 7px;
			background: var(--mb-green);
			color: #fff;
			font-size: 14px;
			font-weight: 700;
			line-height: 1.4;
			text-align: center;
			transition: background .2s ease, border-color .2s ease;
		}

		.mb-page .mb-mandi-expand-btn:hover {
			border-color: var(--mb-green-dark);
			background: var(--mb-green-dark);
			color: #fff;
		}

		/* =========================================================
		   SEARCH PANEL / OPTIONAL PAGE COMPONENTS
		========================================================= */

		.mb-page .mb-search-panel {
			margin-bottom: 18px;
			padding: 16px;
			border: 1px solid var(--mb-border);
			border-top: 3px solid var(--mb-green);
			border-radius: 10px;
			background: #f8fbf8;
		}

		.mb-page .mb-search-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
			align-items: end;
			gap: 12px;
		}

		.mb-page .mb-form-group {
			min-width: 0;
		}

		.mb-page .mb-form-group label {
			display: block;
			margin-bottom: 6px;
			font-size: 14px;
			font-weight: 700;
		}

		.mb-page .mb-form-group select {
			display: block;
			width: 100%;
			min-width: 0;
			min-height: 42px;
			padding: 9px 11px;
			border: 1px solid #d4ddd4;
			border-radius: 7px;
			background: #fff;
			color: var(--mb-text);
		}

		.mb-page .mb-btn {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 7px;
			min-height: 40px;
			padding: 8px 15px;
			border: 1px solid transparent;
			border-radius: 7px;
			font-size: 14px;
			font-weight: 700;
			line-height: 1.4;
			text-align: center;
		}

		.mb-page .mb-btn-primary {
			background: var(--mb-green);
			color: #fff;
		}

		.mb-page .mb-btn-primary:hover {
			background: var(--mb-green-dark);
			color: #fff;
		}

		.mb-page .mb-btn-outline {
			border-color: var(--mb-green);
			background: #fff;
			color: var(--mb-green-dark);
		}

		.mb-page .mb-btn-outline:hover {
			background: var(--mb-green-light);
		}

		/* =========================================================
		   OPTIONAL PRICE CARDS / TABLES
		========================================================= */

		.mb-page .mb-page-title {
			margin-bottom: 8px;
			font-size: 28px;
			font-weight: 800;
			line-height: 1.35;
		}

		.mb-page .mb-intro {
			margin-bottom: 14px;
			color: var(--mb-muted);
			font-size: 15px;
			line-height: 1.7;
		}

		.mb-page .mb-updated {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 8px;
			margin-bottom: 18px;
			color: var(--mb-muted);
			font-size: 14px;
		}

		.mb-page .mb-live-dot {
			width: 9px;
			height: 9px;
			flex: 0 0 9px;
			border-radius: 50%;
			background: var(--mb-green-mid);
		}

		.mb-page .mb-price-grid,
		.mb-page .mb-highlight-grid {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 14px;
			margin-bottom: 24px;
		}

		.mb-page .mb-price-card,
		.mb-page .mb-highlight-card {
			min-width: 0;
			padding: 18px;
			border: 1px solid var(--mb-border);
			border-radius: 10px;
			background: #fff;
			box-shadow: var(--mb-shadow);
		}

		.mb-page .mb-price-card {
			border-left: 4px solid var(--mb-green);
			background: linear-gradient(135deg, #fff 45%, #f0fbf2 100%);
		}

		.mb-page .mb-price-card.mb-price-min {
			border-left-color: var(--mb-orange);
			background: linear-gradient(135deg, #fff 45%, #fff8ec 100%);
		}

		.mb-page .mb-price-card .mb-price-label {
			font-size: 14px;
			font-weight: 700;
		}

		.mb-page .mb-price-card .mb-price-value {
			margin: 0 0 5px;
			color: var(--mb-green-dark);
			font-size: 27px;
			line-height: 1.35;
		}

		.mb-page .mb-price-card.mb-price-min .mb-price-value {
			color: var(--mb-orange-dark);
		}

		.mb-page .mb-price-unit {
			color: var(--mb-muted);
			font-size: 14px;
		}

		.mb-page .mb-table-wrap {
			width: 100%;
			overflow-x: auto;
			border: 1px solid var(--mb-border);
			border-radius: 9px;
			background: #fff;
			-webkit-overflow-scrolling: touch;
		}

		.mb-page .mb-data-table {
			width: 100%;
			min-width: 600px;
			border-collapse: collapse;
			font-size: 14px;
			text-align: left;
		}

		.mb-page .mb-data-table th {
			padding: 12px;
			border-bottom: 1px solid #dce9de;
			background: #edf7ef;
			color: #254b2a;
			font-weight: 700;
			white-space: nowrap;
		}

		.mb-page .mb-data-table td {
			padding: 11px 12px;
			border-bottom: 1px solid #edf0ed;
			vertical-align: middle;
		}

		.mb-page .mb-data-table tbody tr:nth-child(even) {
			background: #fafcfa;
		}

		.mb-page .mb-data-table tbody tr:hover {
			background: #f0f8f1;
		}

		.mb-page .mb-data-table tbody tr:last-child td {
			border-bottom: 0;
		}

		.mb-page .mb-number {
			white-space: nowrap;
			font-variant-numeric: tabular-nums;
		}

		.mb-page .mb-price-positive {
			color: var(--mb-green-dark);
			font-weight: 700;
		}

		.mb-page .mb-date {
			color: var(--mb-muted);
			white-space: nowrap;
		}

		/* =========================================================
		   OPTIONAL BROWSE / RELATED LINKS
		========================================================= */

		.mb-page .mb-browse-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 12px;
		}

		.mb-page .mb-browse-card {
			display: flex;
			align-items: center;
			gap: 11px;
			min-width: 0;
			padding: 13px;
			border: 1px solid var(--mb-border);
			border-radius: 9px;
			background: #fff;
			transition: border-color .2s ease, background .2s ease;
		}

		.mb-page .mb-browse-card:hover {
			border-color: #a9d5af;
			background: #f5fbf6;
		}

		.mb-page .mb-browse-icon {
			display: flex;
			align-items: center;
			justify-content: center;
			flex: 0 0 36px;
			width: 36px;
			height: 36px;
			border-radius: 8px;
			background: var(--mb-green-light);
			color: var(--mb-green-dark);
			font-size: 15px;
			font-weight: 800;
		}

		.mb-page .mb-browse-content {
			flex: 1 1 auto;
			min-width: 0;
		}

		.mb-page .mb-browse-content strong,
		.mb-page .mb-browse-content span {
			display: block;
		}

		.mb-page .mb-browse-content strong {
			color: var(--mb-text);
			font-size: 14px;
			line-height: 1.45;
		}

		.mb-page .mb-browse-content span {
			margin-top: 3px;
			color: var(--mb-muted);
			font-size: 13px;
		}

		.mb-page .mb-browse-arrow {
			flex: 0 0 auto;
			color: var(--mb-green);
			font-size: 17px;
			font-weight: 700;
		}

		.mb-page .mb-view-all {
			flex-shrink: 0;
		}

		.mb-page .mb-related {
			margin-bottom: 20px;
			padding-top: 20px;
			border-top: 1px solid var(--mb-border);
		}

		.mb-page .mb-related h3 {
			margin-bottom: 12px;
			font-size: 18px;
		}

		.mb-page .mb-related-links {
			display: flex;
			flex-wrap: wrap;
			gap: 9px;
		}

		.mb-page .mb-related-links a {
			display: inline-flex;
			align-items: center;
			max-width: 100%;
			padding: 8px 11px;
			border: 1px solid var(--mb-border);
			border-radius: 7px;
			background: #fff;
			font-size: 14px;
		}

		.mb-page .mb-related-links a:hover {
			border-color: var(--mb-green);
			background: var(--mb-green-light);
		}

		/* =========================================================
		   RESPONSIVE: SMALL DESKTOP / TABLET
		========================================================= */

		@media (min-width: 769px) and (max-width: 1080px) {
			.mb-page {
				padding-right: 18px;
				padding-left: 18px;
			}

			.mb-page .mb-mandi-grid {
				grid-template-columns: repeat(3, minmax(0, 1fr));
			}

			.mb-page .mb-state-grid {
				grid-template-columns: repeat(3, minmax(0, 1fr));
			}

			.mb-page .mb-state-mandi-grid {
				grid-template-columns: repeat(3, minmax(0, 1fr));
			}

			.mb-page .mb-search-grid {
				grid-template-columns: repeat(3, minmax(0, 1fr));
			}

			.mb-page .mb-search-grid .mb-btn {
				grid-column: 1 / -1;
				justify-self: start;
			}
		}

		/* =========================================================
		   RESPONSIVE: MOBILE AND SMALL TABLETS
		========================================================= */

		@media (max-width: 768px) {
			.mb-page {
				padding: 13px 14px 22px;
			}

			.mb-page .mb-section {
				padding: 0;
			}

			.mb-page .mb-section-head {
				gap: 12px;
				margin-bottom: 15px;
			}

			.mb-page .mb-section-title {
				font-size: 20px;
			}

			.mb-page .mb-section-subtitle {
				font-size: 14px;
			}

			.mb-page .mb-mandi-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 11px;
			}

			.mb-page .mb-mandi-card {
				padding: 12px;
			}

			.mb-page .mb-mandi-crop h3 {
				font-size: 15px;
			}

			.mb-page .mb-mandi-date {
				font-size: 11px;
			}

			.mb-page .mb-price-row {
				gap: 7px;
			}

			.mb-page .mb-price-box {
				padding: 8px;
			}

			.mb-page .mb-price-value {
				font-size: 15px;
			}

			.mb-page .mb-state-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 10px;
			}

			.mb-page .mb-state-mandi-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 10px;
			}

			.mb-page .mb-state-card,
			.mb-page .mb-state-mandi-card {
				padding: 11px;
			}

			.mb-page .mb-search-grid {
				grid-template-columns: minmax(0, 1fr);
			}

			.mb-page .mb-search-grid .mb-btn {
				width: 100%;
			}

			.mb-page .mb-price-grid,
			.mb-page .mb-highlight-grid {
				grid-template-columns: minmax(0, 1fr);
			}

			.mb-page .mb-browse-grid {
				grid-template-columns: repeat(2, minmax(0, 1fr));
			}

			.mb-page .mb-page-title {
				font-size: 25px;
			}
		}

		/* =========================================================
		   RESPONSIVE: NARROW MOBILE
		========================================================= */

		@media (max-width: 480px) {
			.mb-page {
				padding: 11px 12px 20px;
				font-size: 15px;
			}

			.mb-page .mb-breadcrumb {
				gap: 5px;
				margin-bottom: 14px;
				padding-bottom: 10px;
				font-size: 13px;
			}

			.mb-page .mb-section-title {
				font-size: 19px;
			}

			.mb-page .mb-mandi-grid {
				grid-template-columns: minmax(0, 1fr);
				gap: 11px;
			}

			.mb-page .mb-mandi-card {
				padding: 14px;
			}

			.mb-page .mb-mandi-crop h3 {
				font-size: 16px;
			}

			.mb-page .mb-price-value {
				font-size: 16px;
			}

			.mb-page .mb-state-grid,
			.mb-page .mb-state-mandi-grid {
				grid-template-columns: minmax(0, 1fr);
			}

			.mb-page .mb-state-card,
			.mb-page .mb-state-mandi-card {
				padding: 13px;
			}

			.mb-page .mb-browse-grid {
				grid-template-columns: minmax(0, 1fr);
			}

			.mb-page .mb-page-title {
				font-size: 23px;
			}

			.mb-page .mb-price-card,
			.mb-page .mb-highlight-card {
				padding: 15px;
			}

			.mb-page .mb-mandi-expand-btn {
				width: 100%;
				max-width: 300px;
			}
		}

		/* =========================================================
		   REDUCED MOTION
		========================================================= */

		@media (prefers-reduced-motion: reduce) {
			.mb-page *,
			.mb-page *::before,
			.mb-page *::after {
				scroll-behavior: auto !important;
				transition-duration: .01ms !important;
				animation-duration: .01ms !important;
				animation-iteration-count: 1 !important;
			}
		}