/* ============================================
 * 1) NEUTRALIZE / RESET NG LUMANG DESIGN
 *    (galing sa _properties-search.scss)
 * ============================================ */

#kvcoreidx-properties-search {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	z-index: auto !important;
}

.kv-quicksearch-bar {
	margin-bottom: 0 !important;
	border-top: 0 !important;
	padding-top: 0 !important;
}

.kv-quicksearch-bar .kv-properties-search-form {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

/* generic reset para sa dating layout */
.kv-properties-search,
.kv-properties-search-form,
.kv-properties-search-form .kv-properties-search-areas,
.kv-properties-search-form .kv-properties-search-filters,
.kv-properties-search-form .kv-properties-search-submit {
	margin: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

#kv-properties-alerts {
	display: none !important;
}

@media (max-width: 1200px) {
	#kvcoreidx-properties-search {
		margin-bottom: 0 !important;
	}
}

/* ============================================
 * 2) WHITE GLASS SHELL – MODERN CARD
 * ============================================ */

#gn-mf-kvcore-search-shell {
	position: relative;
	max-width: 1120px;
	width: 100%;
	margin: 2.5rem auto 3rem;
	padding: 1.75rem 2rem;
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 26px 60px rgba(15, 23, 42, 0.24);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(148, 163, 184, 0.35);
	overflow: visible;
	z-index: 30;
}

/* global box-sizing para sa loob ng shell */
#gn-mf-kvcore-search-shell,
#gn-mf-kvcore-search-shell * {
	box-sizing: border-box;
}

#gn-mf-kvcore-search-shell::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	background: linear-gradient(
		135deg,
		rgba(56, 189, 248, 0.14),
		rgba(129, 140, 248, 0.1),
		rgba(255, 255, 255, 0.2)
	);
	opacity: 0.9;
	z-index: -2;
}

#gn-mf-kvcore-search-shell::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: radial-gradient(
		circle at 0% 0%,
		rgba(255, 255, 255, 0.35),
		transparent 55%
	);
	opacity: 0.85;
	z-index: -1;
}

/* panatilihin ang structure sa loob pero alisin extra spacing */
#gn-mf-kvcore-search-shell #kvcoreidx-properties-search {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	z-index: 1;
}

/* ============================================
 * 3) MAIN FORM LAYOUT – MODERN FLEX
 * ============================================ */

#gn-mf-kvcore-search-shell .kv-properties-search-form {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
}

#gn-mf-kvcore-search-shell .kv-properties-search-form > .kv-form-group {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
	padding: 0;
	min-width: 0;
}

/* LOCATION / AREAS */

#gn-mf-kvcore-search-shell .kv-properties-search-areas {
	flex: 1 1 320px;
	min-width: 0;
}

#gn-mf-kvcore-search-shell .kv-multiple-select-container,
#gn-mf-kvcore-search-shell .kv-multiple-select-search-container {
	border-radius: 16px;
	background: rgba(248, 250, 252, 0.9);
	border: 1px solid rgba(148, 163, 184, 0.6);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
	padding: 0.35rem 0.9rem;
	display: flex;
	align-items: center;
	gap: 0.35rem;
	max-width: 100%;
}

#gn-mf-kvcore-search-shell .kv-multiple-select-token-container {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem;
	margin: 0.1rem 0;
	max-height: 80px;
	overflow-y: auto;
}

#gn-mf-kvcore-search-shell .kv-multiple-select-token-container .kv-multiple-select-token {
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.06);
	padding: 0.15rem 0.6rem;
	font-size: 0.75rem;
	color: #0f172a;
}

/* MAIN AREA INPUT + PLACEHOLDER */

#gn-mf-kvcore-search-shell .kv-multiple-select-search {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent;
	flex: 1 1 auto;
	min-width: 120px;
	padding: 0.35rem 0 0.35rem 0;
	font-size: 0.9rem;       /* base size – desktop */
	line-height: 1.3;
	color: #0f172a;
	letter-spacing: 0.01em;
}

/* siguraduhin na same font-size ang placeholder
   at hindi mas malaki kaysa sa text */
#gn-mf-kvcore-search-shell .kv-multiple-select-search::placeholder {
	font-size: inherit;
	line-height: inherit;
	color: rgba(148, 163, 184, 0.95);
}

/* PRICE + BEDS/BATHS */

#gn-mf-kvcore-search-shell .kv-properties-search-price,
#gn-mf-kvcore-search-shell .kv-properties-search-beds-baths {
	flex: 0 0 180px;
	min-width: 0;
}

#gn-mf-kvcore-search-shell .kv-properties-search-price select,
#gn-mf-kvcore-search-shell .kv-properties-search-beds-baths select,
#gn-mf-kvcore-search-shell .kv-properties-search-price input,
#gn-mf-kvcore-search-shell .kv-properties-search-beds-baths input {
	width: 100%;
	border-radius: 16px;
	border: 1px solid rgba(148, 163, 184, 0.7);
	padding: 0.45rem 0.75rem;
	font-size: 0.85rem;
	color: #0f172a;
	background: rgba(248, 250, 252, 0.9);
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
	transition:
		box-shadow 200ms ease,
		transform 160ms ease,
		border-color 180ms ease,
		background-color 160ms ease;
}

#gn-mf-kvcore-search-shell .kv-properties-search-price select:focus,
#gn-mf-kvcore-search-shell .kv-properties-search-beds-baths select:focus,
#gn-mf-kvcore-search-shell .kv-properties-search-price input:focus,
#gn-mf-kvcore-search-shell .kv-properties-search-beds-baths input:focus {
	border-color: #38bdf8;
	box-shadow: 0 14px 30px rgba(56, 189, 248, 0.32);
	transform: translateY(-1px);
	background-color: #ffffff;
	outline: none;
}

/* FILTERS BUTTON */

#gn-mf-kvcore-search-shell .kv-properties-search-filters {
	flex: 0 0 160px;
	min-width: 0;
}

#gn-mf-kvcore-search-shell .kv-filters-control-container > button,
#gn-mf-kvcore-search-shell button.kv-filter-control {
	width: 100%;
	border-radius: 999px;
	border: 1px solid rgba(148, 163, 184, 0.9);
	background: linear-gradient(135deg, #ffffff, #e0f2fe);
	font-size: 0.8rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 0.6rem 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	color: #0f172a;
	box-shadow: 0 14px 35px rgba(15, 23, 42, 0.18);
	transition:
		transform 160ms ease,
		box-shadow 180ms ease,
		background 200ms ease,
		border-color 160ms ease;
}

#gn-mf-kvcore-search-shell .kv-filters-control-container > button::after,
#gn-mf-kvcore-search-shell button.kv-filter-control::after {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(
		circle at 0 0,
		rgba(255, 255, 255, 0.75),
		transparent 55%
	);
	opacity: 0;
	transition: opacity 200ms ease;
}

#gn-mf-kvcore-search-shell .kv-filters-control-container > button:hover,
#gn-mf-kvcore-search-shell button.kv-filter-control:hover {
	transform: translateY(-1px);
	box-shadow: 0 22px 45px rgba(15, 23, 42, 0.28);
	border-color: #38bdf8;
}

#gn-mf-kvcore-search-shell .kv-filters-control-container > button:hover::after,
#gn-mf-kvcore-search-shell button.kv-filter-control:hover::after {
	opacity: 1;
}

/* ============================================
 * 3.1) FILTERS DROPDOWN – WHITE GLASS CARD
 * ============================================ */

#gn-mf-kvcore-search-shell .kv-filters-container {
	background: rgba(255, 255, 255, 0.98) !important;
	border-radius: 18px;
	border: 1px solid rgba(148, 163, 184, 0.4);
	box-shadow: 0 30px 80px rgba(15, 23, 42, 0.35);
	padding: 1rem 1.25rem;
	color: #0f172a;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	animation: gn-mfk-filters-in 220ms ease-out;
	max-width: min(100vw - 2rem, 640px);
	width: 100%;
}

/* layout sa loob ng filters */
#gn-mf-kvcore-search-shell .kv-filters-container .kv-row,
#gn-mf-kvcore-search-shell .kv-filters-container .kv-filters-field-container {
	margin-bottom: 0.75rem;
}

#gn-mf-kvcore-search-shell .kv-filters-container .kv-filters-field-container:last-child {
	margin-bottom: 0;
}

/* maliit na section titles */
#gn-mf-kvcore-search-shell .kv-filters-container .kv-filters-section-title {
	color: #64748b;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 0.35rem;
	font-weight: 500;
}

/* description text sa filters (kv-form-label-desc-text, etc.) */
#gn-mf-kvcore-search-shell .kv-filters-container .kv-form-label-desc-text {
	font-size: 0.78rem;
	color: #6b7280;
	margin-top: 0.2rem;
}

/* form labels / header ng pills / checkboxes */
#gn-mf-kvcore-search-shell .kv-filters-container .kv-form-label-button,
#gn-mf-kvcore-search-shell .kv-filters-container .kv-form-label-button.kv-form-label-border,
#gn-mf-kvcore-search-shell .kv-filters-container .kv-form-label-button-padding {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	border-radius: 999px;
	border: 1px solid rgba(148, 163, 184, 0.5);
	background: rgba(248, 250, 252, 0.9);
	padding: 0.3rem 0.85rem;
	font-size: 0.8rem;
	color: #0f172a;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
	transition:
		background 160ms ease,
		border-color 160ms ease,
		box-shadow 180ms ease,
		transform 140ms ease;
}

#gn-mf-kvcore-search-shell .kv-filters-container .kv-form-label-button:hover {
	background: #ffffff;
	border-color: #38bdf8;
	box-shadow: 0 12px 28px rgba(56, 189, 248, 0.25);
	transform: translateY(-1px);
}

/* icons (hal. fa fa-graduation-cap) sa loob ng labels */
#gn-mf-kvcore-search-shell .kv-filters-container .kv-form-label-button .fa {
	color: #38bdf8;
}

/* inputs / selects sa filters – light theme */
#gn-mf-kvcore-search-shell .kv-filters-container select,
#gn-mf-kvcore-search-shell .kv-filters-container input,
#gn-mf-kvcore-search-shell .kv-filters-container .kv-filters-field-container-col select {
	border-radius: 12px;
	border: 1px solid rgba(148, 163, 184, 0.7);
	background: rgba(248, 250, 252, 0.96);
	color: #0f172a;
	padding: 0.4rem 0.65rem;
	font-size: 0.8rem;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
	transition:
		border-color 160ms ease,
		box-shadow 180ms ease,
		background-color 160ms ease,
		transform 140ms ease;
	width: 100%;
}

#gn-mf-kvcore-search-shell .kv-filters-container select:focus,
#gn-mf-kvcore-search-shell .kv-filters-container input:focus,
#gn-mf-kvcore-search-shell .kv-filters-container .kv-filters-field-container-col select:focus {
	border-color: #38bdf8;
	background-color: #ffffff;
	box-shadow: 0 14px 32px rgba(56, 189, 248, 0.28);
	transform: translateY(-1px);
	outline: none;
}

/* checkboxes at switch-type labels */
#gn-mf-kvcore-search-shell .kv-filters-container .kv-filters-checkbox-label {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.25rem 0.75rem;
	border-radius: 999px;
	background: rgba(248, 250, 252, 0.9);
	border: 1px solid rgba(148, 163, 184, 0.4);
	font-size: 0.78rem;
	color: #0f172a;
	cursor: pointer;
	transition:
		background 160ms ease,
		border-color 160ms ease,
		box-shadow 180ms ease,
		transform 140ms ease;
}

#gn-mf-kvcore-search-shell .kv-filters-container .kv-filters-checkbox-label:hover {
	background: #ffffff;
	border-color: #38bdf8;
	box-shadow: 0 10px 26px rgba(56, 189, 248, 0.25);
	transform: translateY(-1px);
}

/* RADIO "PILLS" – WHITE THEME */

#gn-mf-kvcore-search-shell .kv-filters-radio-label {
	text-align: center;
	padding: 0.25rem 0.8rem;
	margin: 1px;
	border-radius: 999px;
	border: 1px solid rgba(148, 163, 184, 0.5);
	font-weight: 400;
	cursor: pointer;
	user-select: none;
	color: #0f172a;
	background: rgba(248, 250, 252, 0.96);
	transition:
		background 160ms ease,
		border-color 160ms ease,
		color 160ms ease,
		box-shadow 180ms ease,
		transform 140ms ease;
}

#gn-mf-kvcore-search-shell .kv-filters-radio-label:hover {
	background: #ffffff;
	border-color: #38bdf8;
	box-shadow: 0 10px 26px rgba(56, 189, 248, 0.25);
	transform: translateY(-1px);
}

#gn-mf-kvcore-search-shell [type="radio"]:checked + label.kv-filters-radio-label,
#gn-mf-kvcore-search-shell .kv-filters-radio-label.checked {
	background: #e0f2fe;
	border-color: #38bdf8;
	color: #0b1120;
	box-shadow: 0 12px 30px rgba(56, 189, 248, 0.35);
}

/* maliit na helper text sa ilalim ng ilang filters */
#gn-mf-kvcore-search-shell .kv-filters-container .help-block,
#gn-mf-kvcore-search-shell .kv-filters-container .kv-filters-hint {
	font-size: 0.75rem;
	color: #6b7280;
	margin-top: 0.15rem;
}

/* animation keyframes para sa dropdown */
@keyframes gn-mfk-filters-in {
	from {
		transform: translateY(6px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

/* ============================================
 * 3.2) SUBMIT BUTTON – PRIMARY CTA
 * ============================================ */

#gn-mf-kvcore-search-shell .kv-properties-search-submit {
	flex: 0 0 170px;
	display: flex;
	align-items: stretch;
	min-width: 0;
}

#gn-mf-kvcore-search-shell .kv-properties-search-submit #kv-filters-submit,
#gn-mf-kvcore-search-shell .kv-properties-search-submit button[type="submit"] {
	width: 100%;
	border-radius: 999px;
	border: none;
	padding: 0.85rem 1.4rem;
	background: linear-gradient(135deg, #0ea5e9, #2563eb);
	color: #f9fafb;
	font-size: 0.9rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	box-shadow: 0 22px 60px rgba(37, 99, 235, 0.55);
	transition:
		transform 150ms ease,
		box-shadow 180ms ease,
		background 200ms ease;
}

#gn-mf-kvcore-search-shell .kv-properties-search-submit #kv-filters-submit::before,
#gn-mf-kvcore-search-shell .kv-properties-search-submit button[type="submit"]::before {
	content: "";
	position: absolute;
	top: 0;
	left: -40%;
	width: 40%;
	height: 100%;
	background: linear-gradient(
		120deg,
		rgba(255, 255, 255, 0.85),
		transparent 60%
	);
	transform: translateX(-100%);
	opacity: 0;
}

#gn-mf-kvcore-search-shell .kv-properties-search-submit #kv-filters-submit:hover,
#gn-mf-kvcore-search-shell .kv-properties-search-submit button[type="submit"]:hover {
	transform: translateY(-1px);
	box-shadow: 0 28px 70px rgba(37, 99, 235, 0.7);
	background: linear-gradient(135deg, #38bdf8, #2563eb);
}

#gn-mf-kvcore-search-shell .kv-properties-search-submit #kv-filters-submit:hover::before,
#gn-mf-kvcore-search-shell .kv-properties-search-submit button[type="submit"]:hover::before {
	opacity: 1;
	transform: translateX(260%);
	transition:
		transform 480ms cubic-bezier(0.33, 1, 0.68, 1),
		opacity 160ms ease;
}

/* ============================================
 * 4) RESPONSIVE – LAHAT NG URI NG DEVICES
 * ============================================ */

/* Large tablets / small laptops */
@media (max-width: 1024px) {
	#gn-mf-kvcore-search-shell {
		margin: 1.8rem auto 2.5rem;
		padding: 1.4rem 1.5rem;
	}

	#gn-mf-kvcore-search-shell .kv-properties-search-price,
	#gn-mf-kvcore-search-shell .kv-properties-search-beds-baths,
	#gn-mf-kvcore-search-shell .kv-properties-search-filters,
	#gn-mf-kvcore-search-shell .kv-properties-search-submit {
		flex: 0 0 calc(50% - 0.75rem);
	}
}

/* Tablets & normal phones (portrait) */
@media (max-width: 768px) {
	#gn-mf-kvcore-search-shell {
		margin: 1.5rem auto 2rem;
		padding: 1.2rem 1.1rem;
		border-radius: 18px;
	}

	#gn-mf-kvcore-search-shell .kv-properties-search-form {
		flex-direction: column;
	}

	#gn-mf-kvcore-search-shell .kv-properties-search-areas,
	#gn-mf-kvcore-search-shell .kv-properties-search-price,
	#gn-mf-kvcore-search-shell .kv-properties-search-beds-baths,
	#gn-mf-kvcore-search-shell .kv-properties-search-filters,
	#gn-mf-kvcore-search-shell .kv-properties-search-submit {
		flex: 1 1 100%;
	}

	#gn-mf-kvcore-search-shell .kv-properties-search-submit {
		margin-top: 0.5rem;
	}

	#gn-mf-kvcore-search-shell .kv-multiple-select-search-container {
		padding: 0.3rem 0.7rem;
	}

	/* bawasan ng konti ang font size ng placeholder para magkasya pa rin */
	#gn-mf-kvcore-search-shell .kv-multiple-select-search {
		font-size: 0.85rem;
	}
}

/* Phones – small width */
@media (max-width: 480px) {
	#gn-mf-kvcore-search-shell {
		padding: 1rem 0.9rem 1.2rem;
		margin: 1.25rem auto 1.75rem;
	}

	#gn-mf-kvcore-search-shell .kv-filters-control-container > button,
	#gn-mf-kvcore-search-shell button.kv-filter-control {
		font-size: 0.75rem;
		padding-inline: 0.9rem;
	}

	#gn-mf-kvcore-search-shell .kv-properties-search-submit #kv-filters-submit,
	#gn-mf-kvcore-search-shell .kv-properties-search-submit button[type="submit"] {
		font-size: 0.8rem;
		padding: 0.8rem 1.1rem;
		letter-spacing: 0.06em;
	}

	#gn-mf-kvcore-search-shell .kv-filters-container {
		max-width: calc(100vw - 1.5rem);
		padding: 0.9rem 0.9rem;
	}

	/* mas maliit pa ng kaunti para mag-fit yung buong text
	   "Search an address, area, city, postal code or mls" */
	#gn-mf-kvcore-search-shell .kv-multiple-select-search {
		font-size: 0.8rem;
		min-width: 140px;
	}
}

/* Extra small phones (320px and below) */
@media (max-width: 360px) {
	#gn-mf-kvcore-search-shell {
		padding: 0.85rem 0.75rem 1rem;
	}

	#gn-mf-kvcore-search-shell .kv-multiple-select-container,
	#gn-mf-kvcore-search-shell .kv-multiple-select-search-container {
		padding-inline: 0.6rem;
	}

	#gn-mf-kvcore-search-shell .kv-multiple-select-search {
		min-width: 150px;
		font-size: 0.75rem; /* pinakaliit para magkasya pa rin yung placeholder */
	}

	#gn-mf-kvcore-search-shell .kv-filters-control-container > button,
	#gn-mf-kvcore-search-shell button.kv-filter-control {
		font-size: 0.72rem;
	}

	#gn-mf-kvcore-search-shell .kv-filters-container {
		max-width: calc(100vw - 1rem);
	}
}


/* Desktop layout – single-row bar gaya ng screenshot */
@media (min-width: 1024px) {
	#gn-mf-kvcore-search-shell .kv-properties-search-form {
		flex-wrap: nowrap;
		gap: 0;
	}

	#gn-mf-kvcore-search-shell .kv-properties-search-form > .kv-form-group {
		border-right: 1px solid rgba(229, 231, 235, 0.9);
		margin: 0;
		padding: 0;
	}

	#gn-mf-kvcore-search-shell .kv-properties-search-form > .kv-form-group:last-child {
		border-right: none;
	}

	/* mas malaking space para sa main location field */
	#gn-mf-kvcore-search-shell .kv-properties-search-areas {
		flex: 2 1 260px;
	}

	/* mas compact na columns para sa type/beds/baths/price */
	#gn-mf-kvcore-search-shell .kv-properties-search-price,
	#gn-mf-kvcore-search-shell .kv-properties-search-beds-baths {
		flex: 1 1 140px;
	}

	#gn-mf-kvcore-search-shell .kv-properties-search-filters {
		flex: 0 1 120px;
	}

	#gn-mf-kvcore-search-shell .kv-properties-search-submit {
		flex: 0 1 140px;
	}
}

/* Ultra-wide monitors – konting lakas ng presence sa gitna */
@media (min-width: 1440px) {
	#gn-mf-kvcore-search-shell {
		margin-top: 3rem;
		margin-bottom: 3.25rem;
	}
}

/* GN MF – Search shell: full transparent + silver border */
div#gn-mf-kvcore-search-shell {
  position: relative;
  border-radius: 999px;                          /* pill shape */
  background: transparent !important;            /* WALANG fill talaga */
  border: 1px solid rgba(230, 230, 230, 0.95);   /* silver border */
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.35),         /* inner shine sa border */
    0 18px 45px rgba(0, 0, 0, 0.55);             /* soft drop shadow */
  backdrop-filter: none !important;              /* alisin blur para di mag-grey */
  -webkit-backdrop-filter: none !important;
  overflow: visible;
}

/* Alisin na yung dating shine-layer para di maglagay ng kulay sa loob */
div#gn-mf-kvcore-search-shell::before {
  content: none !important;
}
@media (max-width: 767.98px) {

  /* Glass shell: maliit lang na padding sa loob */
  #gn-mf-kvcore-search-shell .kv-quicksearch-bar {
    padding: 0.25rem 0.75rem 0.25rem !important;
    border-radius: 999px;
    overflow: hidden;
  }

  /* Form: column layout, walang built-in gap/margins */
  #gn-mf-kvcore-search-shell .kv-properties-search-form {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Tanggalin yung malaking padding ng message-container */
  #gn-mf-kvcore-search-shell .kv-properties-search-form .message-container {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
  }

  /* Linisin lahat ng form-group sa loob */
  #gn-mf-kvcore-search-shell .kv-properties-search-form .kv-form-group {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Pantay na maliit na gap sa pagitan ng 3 rows */
  #gn-mf-kvcore-search-shell
    .kv-properties-search-form
    .kv-form-group.kv-properties-search-areas,
  #gn-mf-kvcore-search-shell
    .kv-properties-search-form
    .kv-form-group.kv-properties-search-submit {
    margin-bottom: 4px !important; /* adjust kung gusto mo mas dikit */
  }

  /* Pantayin ang width + radius ng tatlong elemento */
  #gn-mf-kvcore-search-shell .kv-properties-search-form > .kv-form-group,
  #gn-mf-kvcore-search-shell .kv-properties-search-form > .kv-form-group > *,
  #gn-mf-kvcore-search-shell .kv-properties-search-form button,
  #gn-mf-kvcore-search-shell .kv-properties-search-form input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    border-radius: 999px !important;
  }

  /* Safety net: walang lalabas sa glass pill */
  #gn-mf-kvcore-search-shell {
    overflow: hidden;
  }
}