:root {
	--atr-green: #10b83f;
	--atr-green-dark: #079932;
	--atr-yellow: #ffbf12;
	--atr-yellow-dark: #e8a000;
	--atr-ink: #070c16;
	--atr-muted: #667085;
	--atr-border: #e8edf1;
	--atr-soft: #f7faf9;
	--atr-shadow: 0 14px 32px rgba(7, 12, 22, 0.08);
	--atc-green: var(--atr-green);
	--atc-green-dark: var(--atr-green-dark);
	--atc-yellow: var(--atr-yellow);
	--atc-ink: var(--atr-ink);
	--atc-muted: var(--atr-muted);
	--atc-border: var(--atr-border);
	--atc-bg: #f5f7fa;
	--atc-shadow: var(--atr-shadow);
}

body.aletrent-category-page {
	margin: 0;
	background: var(--atc-bg);
	color: var(--atc-ink);
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 100;
}

.aletrent-category-site,
.aletrent-category-site * {
	box-sizing: border-box;
	letter-spacing: 0;
}

.aletrent-category-site a {
	color: inherit;
	text-decoration: none;
}

.aletrent-category-site img {
	display: block;
	max-width: 100%;
}

.atc-shell {
	/* Public pages must use homepage shell metrics. */
	width: min(1220px, calc(100% - 48px));
	max-width: 1220px;
	margin: 0 auto;
}

.atc-header {
	position: sticky;
	top: 0;
	z-index: 50;
	border-bottom: 1px solid var(--atc-border);
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(14px);
}

.admin-bar .atc-header {
	top: 32px;
}

.atc-header__inner {
	display: grid;
	grid-template-columns: 210px minmax(360px, 1fr) auto;
	gap: 26px;
	align-items: center;
	min-width: 0;
	min-height: 76px;
}

.atc-logo img {
	width: 174px;
	height: auto;
}

.atc-logo strong {
	color: var(--atc-green);
	font-size: 25px;
	font-weight: 900;
}

.atc-search {
	display: grid;
	grid-template-columns: 1fr 54px;
	min-width: 0;
	height: 48px;
	overflow: hidden;
	border: 1px solid var(--atc-border);
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 10px 24px rgba(7, 12, 22, 0.05);
}

.atc-search input {
	width: 100%;
	height: 100%;
	border: 0;
	outline: 0;
	padding: 0 18px;
	font: inherit;
	font-weight: 500;
}

.atc-search button {
	display: grid;
	place-items: center;
	border: 0;
	background: var(--atc-green);
	cursor: pointer;
}

.atc-search button img {
	width: 18px;
	height: 18px;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

.atc-actions {
	display: flex;
	align-items: center;
	gap: 16px;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 800;
}

.atc-post {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	padding: 0 16px;
	border-radius: 8px;
	background: var(--atc-green);
	color: #fff !important;
	box-shadow: 0 10px 22px rgba(16, 184, 63, 0.22);
}

.atc-main {
	padding: 22px 0 54px;
}

.atc-category-strip {
	position: relative;
	margin: 0 0 20px;
	padding: 0;
}

.atc-category-strip h1 {
	margin: 0 0 16px;
	color: var(--atc-ink);
	font-size: 18px;
	font-weight: 950;
	line-height: 1.2;
}

.atc-category-strip__rail {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
	gap: 14px 18px;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 2px 0 4px;
	scrollbar-width: none;
}

.atc-category-strip__rail::-webkit-scrollbar {
	display: none;
}

.atc-category-item {
	display: grid;
	grid-template-rows: 74px 38px;
	gap: 8px;
	justify-items: center;
	align-content: start;
	width: 100%;
	min-height: 120px;
	min-width: 0;
	color: var(--atc-ink);
	text-align: center;
}

.atc-category-item__media {
	display: grid;
	place-items: center;
	align-self: start;
	width: 74px;
	height: 74px;
	border-radius: 14px;
	background: #f3f5f8;
	transition: background 0.18s ease;
}

.atc-category-item.is-active .atc-category-item__media {
	background: #edf9f1;
}

.atc-category-item:hover .atc-category-item__media {
	background: #edf9f1;
}

.atc-category-item__media img {
	width: 58px;
	height: 58px;
	object-fit: contain;
}

.atc-category-item__media b {
	color: var(--atc-green);
	font-size: 30px;
	font-weight: 950;
}

.atc-category-item__label {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	overflow: hidden;
	width: 100%;
	max-width: 128px;
	height: 38px;
	color: var(--atc-ink);
	font-size: 13px;
	font-weight: 850;
	line-height: 1.18;
	text-wrap: balance;
}

.atc-category-item.is-active .atc-category-item__label {
	color: var(--atc-green-dark);
	font-weight: 850;
}

.atc-layout {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 22px;
	align-items: start;
	margin-top: 22px;
}

.aletrent-category-elementor .elementor-section,
.aletrent-category-elementor .elementor-container,
.aletrent-category-elementor .elementor-column,
.aletrent-category-elementor .elementor-widget-wrap,
.aletrent-category-elementor .elementor-widget,
.aletrent-category-elementor .elementor-widget-container,
.aletrent-category-elementor .elementor-shortcode {
	width: 100%;
	max-width: none;
}

.aletrent-category-elementor .elementor-section {
	margin: 0;
	padding: 0;
}

.aletrent-category-elementor > .elementor,
.aletrent-category-elementor > .elementor > .elementor-section > .elementor-container,
.aletrent-category-elementor > .elementor > .e-con,
.aletrent-category-elementor > .elementor > .elementor-element {
	width: 100%;
	max-width: 1220px;
	margin-right: auto;
	margin-left: auto;
}

.aletrent-category-elementor .elementor-widget-wrap,
.aletrent-category-elementor .elementor-widget-container {
	display: block;
	padding: 0 !important;
}

.aletrent-category-elementor .atc-elementor-layout {
	margin-top: 22px;
}

.aletrent-category-elementor .atc-elementor-layout > .elementor-container {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 22px;
	align-items: start;
}

.aletrent-category-elementor .atc-elementor-layout .elementor-column {
	width: 100% !important;
}

.atc-filter {
	position: sticky;
	top: 98px;
}

.admin-bar .atc-filter {
	top: 130px;
}

.atc-filter form {
	display: grid;
	gap: 0;
	padding: 0;
}

.atc-filter h2 {
	margin: 0 0 2px;
	font-size: 20px;
	font-weight: 950;
}

.atc-filter-categories {
	display: grid;
	gap: 4px;
	margin: 0 0 22px;
}

.atc-filter-categories strong {
	display: block;
	margin: 4px 0 8px;
	color: var(--atc-ink);
	font-size: 16px;
	font-weight: 950;
	line-height: 1.25;
}

.atc-filter-categories a {
	display: block;
	min-width: 0;
	padding: 7px 0 7px 14px;
	border-radius: 0;
	color: var(--atc-ink);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.25;
}

.atc-filter-categories a:hover,
.atc-filter-categories a.is-active {
	background: transparent;
	color: var(--atc-green-dark);
	font-weight: 900;
}

.atc-category-tree {
	display: grid;
	gap: 2px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.atc-category-tree li {
	margin: 0;
	min-width: 0;
}

.atc-category-tree .atc-category-tree {
	border-left: 1px solid var(--atc-border);
	display: none;
	margin: 2px 0 4px 14px;
	padding-left: 10px;
}

.atc-category-tree li.is-open > .atc-category-tree {
	display: grid;
}

.atc-filter-categories .atc-category-tree a {
	padding-left: 10px;
}

.atc-category-tree li.is-ancestor > a,
.atc-category-tree li.is-current > a {
	color: var(--atc-green-dark);
	font-weight: 900;
}

.atc-category-children {
	display: grid;
	gap: 4px;
	margin-top: 2px;
	padding-top: 4px;
}

.atc-category-children a {
	padding-left: 18px;
}

.atc-filter-categories .atc-filter-categories__back {
	padding-left: 0;
	color: var(--atc-ink);
	font-weight: 500;
}

.atc-filter-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 0 0 13px;
	border-bottom: 1px solid var(--atc-border);
}

.atc-filter-head strong {
	color: var(--atc-ink);
	font-size: 15px;
	font-weight: 500;
}

.atc-filter-head a {
	color: var(--atc-green);
	font-size: 14px;
	font-weight: 750;
}

.atc-filter-head a:hover {
	color: var(--atc-green-dark);
}

.atc-filter label {
	display: grid;
	gap: 6px;
	padding: 16px 0;
	border-bottom: 1px solid var(--atc-border);
}

.atc-filter span {
	color: #526071;
	font-size: 13px;
	font-weight: 800;
}

.atc-filter select,
.atc-filter input {
	width: 100%;
	height: 42px;
	border: 1px solid var(--atc-border);
	border-radius: 8px;
	background: #fff;
	color: var(--atc-ink);
	font: inherit;
	font-weight: 650;
	outline: 0;
	padding: 0 12px;
}

.atc-price-filter {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	padding: 16px 0;
	border-bottom: 1px solid var(--atc-border);
}

.atc-price-filter strong {
	grid-column: 1 / -1;
	color: #526071;
	font-size: 13px;
	font-weight: 800;
}

.atc-product-filter {
	display: grid;
	gap: 12px;
	padding: 16px 0;
	border-bottom: 1px solid var(--atc-border);
}

.atc-product-filter > strong {
	color: var(--atc-ink);
	font-size: 15px;
	font-weight: 500;
}

.atc-product-filter input[type="search"] {
	height: 40px;
	border: 1px solid var(--atc-border);
	border-radius: 10px;
	background: #fbfcfe;
}

.atc-product-filter__list {
	display: grid;
	gap: 10px;
}

.atc-product-filter__list a {
	display: grid;
	grid-template-columns: 18px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	color: var(--atc-ink);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.25;
}

.atc-product-filter__list a span {
	width: 18px;
	height: 18px;
	border: 1px solid #dce4ee;
	border-radius: 50%;
	background: #fff;
}

.atc-product-filter__list a:hover,
.atc-product-filter__list a.is-active {
	color: var(--atc-green-dark);
	font-weight: 850;
}

.atc-product-filter__list a.is-active span {
	border-color: var(--atc-green);
	box-shadow: inset 0 0 0 5px #fff;
	background: var(--atc-green);
}

.atc-reset,
.atc-empty a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 16px;
	border: 0;
	border-radius: 8px;
	background: var(--atc-green);
	color: #fff !important;
	cursor: pointer;
	font-size: 14px;
	font-weight: 900;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
}

.atc-reset {
	background: #eef2f6;
	color: #344054 !important;
}

.atc-subcategories {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 16px;
}

.atc-subcategories a {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	padding: 0 14px;
	border: 1px solid var(--atc-border);
	border-radius: 999px;
	background: #fff;
	color: #344054;
	font-weight: 850;
	box-shadow: 0 8px 20px rgba(7, 17, 31, 0.04);
}

.atc-subcategories a.is-active {
	border-color: var(--atc-green);
	background: var(--atc-green);
	color: #fff;
}

.atc-results-toolbar {
	display: flex;
	justify-content: flex-end;
	margin: 0 0 18px;
}

.atc-premium-block {
	margin-bottom: 34px;
}

.atc-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 16px;
}

.atc-section-head--list {
	margin-top: 4px;
}

.atc-section-head h2 {
	margin: 0;
	color: var(--atc-ink);
	font-size: 22px;
	font-weight: 950;
	line-height: 1.15;
}

.atc-section-head a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0 13px;
	border: 1px solid var(--atc-border);
	border-radius: 8px;
	background: #fff;
	color: #344054;
	font-size: 13px;
	font-weight: 850;
	box-shadow: 0 8px 18px rgba(7, 17, 31, 0.05);
}

.atc-section-head a:hover,
.atc-section-head a:focus {
	border-color: rgba(16, 184, 63, 0.45);
	color: var(--atc-green);
}

.atc-sort-form {
	display: flex;
	justify-content: flex-end;
}

.atc-sort-form label {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 38px;
	padding: 0 38px 0 14px;
	border: 1px solid var(--atc-border);
	border-radius: 8px;
	background: #fff;
	color: var(--atc-ink);
	box-shadow: 0 8px 18px rgba(7, 17, 31, 0.06);
	font-size: 14px;
	font-weight: 750;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.atc-sort-form label::after {
	content: "";
	position: absolute;
	right: 14px;
	top: 50%;
	width: 8px;
	height: 8px;
	border-right: 2px solid #526071;
	border-bottom: 2px solid #526071;
	pointer-events: none;
	transform: translateY(-65%) rotate(45deg);
}

.atc-sort-form label:hover,
.atc-sort-form label:focus-within {
	border-color: rgba(16, 184, 63, 0.42);
	background: #fbfffc;
	box-shadow: 0 10px 24px rgba(16, 184, 63, 0.12);
}

.atc-sort-form__text {
	pointer-events: none;
}

.atc-sort-form select {
	position: absolute;
	inset: 0;
	width: 100%;
	min-width: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	outline: 0;
	cursor: pointer;
	padding: 0;
	opacity: 0;
}

.atc-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.atc-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	margin-top: 24px;
}

.atc-pagination .page-numbers {
	display: inline-grid;
	place-items: center;
	min-width: 38px;
	min-height: 38px;
	padding: 0 10px;
	border: 1px solid var(--atc-border);
	border-radius: 8px;
	background: #fff;
	color: #344054;
	font-weight: 850;
}

.atc-pagination .current {
	border-color: var(--atc-green);
	background: var(--atc-green);
	color: #fff;
}

.atc-card {
	position: relative;
	overflow: visible;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	transition: transform 0.2s ease;
}

.atc-card:hover {
	transform: translateY(-3px);
}

.atc-card__image {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 12px;
	background: #edf1f4;
}

.atc-card__image img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.atc-card__image span,
.atc-card__image em {
	position: absolute;
	top: 10px;
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 0 9px;
	border-radius: 6px;
	font-size: 11px;
	font-style: normal;
	font-weight: 700;
	text-shadow: none;
	text-transform: uppercase;
}

.atc-card__image span {
	left: 10px;
	background: var(--atc-green);
	color: #fff;
}

.atc-card__image span.is-rent {
	background: var(--atc-yellow);
	color: #101725;
}

.atc-card__image em {
	right: 10px;
	left: auto;
	background: var(--atc-green);
	color: #fff;
	text-transform: none;
}

.atc-card__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	justify-content: flex-end;
	min-height: 0;
	margin-top: 6px;
	padding: 0;
	border-radius: 0;
	background: transparent;
}

.atc-card__badges b {
	display: inline-flex;
	align-items: center;
	min-height: 23px;
	padding: 0 9px;
	border-radius: 6px;
	background: var(--atc-green);
	color: #fff;
	font-size: 11px;
	font-weight: 950;
	text-transform: uppercase;
}

.atc-card__badges b + b {
	background: #07111f;
}

.atc-card__badges img {
	width: 19px;
	height: 19px;
	aspect-ratio: auto;
	object-fit: contain;
	filter: drop-shadow(0 2px 4px rgba(7, 17, 31, 0.18));
}

.atc-card__body {
	display: grid;
	gap: 4px;
	padding: 8px 0 0;
}

.atc-card h2 {
	min-height: 40px;
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.22;
}

.atc-card p {
	margin: 0;
}

.atc-card p strong {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
	color: #020817;
	font-size: 19px;
	font-weight: 800;
	line-height: 1.05;
}

.atc-card p strong b {
	color: #182033;
	font-size: 0.82em;
	font-weight: 600;
	line-height: 1;
}

.atc-card p small {
	margin-left: 5px;
	color: var(--atc-green-dark);
	font-size: 13px;
	font-weight: 750;
}

.atc-card__body > span {
	color: var(--atc-muted);
	font-size: 13px;
	font-weight: 650;
}

.atc-card-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	min-height: 18px;
	margin-top: 3px;
	color: #7d89a3;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.2;
}

.atc-card-meta > span:first-child {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.atc-card-meta > b {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	min-height: 18px;
	padding: 0 7px;
	border-radius: 5px;
	background: var(--atc-green);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	text-shadow: none;
	text-transform: uppercase;
}

.atc-card-meta-icons {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 5px;
}

.atc-card-meta-icons img {
	width: 14px;
	height: 14px;
	object-fit: contain;
}

.atc-card-meta-icons b {
	color: var(--atc-green);
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
}

.atc-card__body > .atc-seller-line {
	display: flex;
	align-items: center;
	color: #111827;
	font-weight: 850;
}

.atr-verified-badge {
	display: inline-grid;
	place-items: center;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	border-radius: 50%;
	background: var(--atc-green);
	color: #fff;
	font-size: 11px;
	font-weight: 950;
	line-height: 1;
}

.atc-empty {
	display: grid;
	gap: 14px;
	justify-items: center;
	min-height: 202px;
	padding: 42px 28px;
	border: 1px solid var(--atc-border);
	border-radius: 8px;
	background: #fff;
	color: var(--atc-muted);
	text-align: center;
}

.atc-empty strong {
	color: var(--atc-ink);
	font-size: 22px;
	font-weight: 900;
}

.atc-empty p {
	max-width: 420px;
	margin: 0;
	color: #4b5565;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.55;
}

/* Mobile toolbar + bottom sheets (hidden on desktop). */
.atc-mobile-toolbar {
	display: none;
}

.atc-sheet__head,
.atc-sheet__foot,
.atc-sheet-backdrop {
	display: none;
}

.atc-mtb {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-width: 0;
	min-height: 40px;
	padding: 0 12px;
	border: 1px solid var(--atc-border);
	border-radius: 10px;
	background: #fff;
	color: var(--atc-ink);
	cursor: pointer;
	font: inherit;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.1;
	box-shadow: 0 6px 14px rgba(7, 17, 31, 0.05);
}

.atc-mtb svg {
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	color: var(--atc-green-dark, #0f8a3d);
}

.atc-mtb > span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.atc-mtb b {
	display: inline-grid;
	place-items: center;
	min-width: 19px;
	height: 19px;
	padding: 0 5px;
	border-radius: 10px;
	background: var(--atc-green);
	color: #fff;
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
}

.atc-mtb.has-count {
	border-color: rgba(16, 184, 63, 0.38);
	background: #f2fcf5;
}

.atc-sheet-apply {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 50px;
	border: 0;
	border-radius: 12px;
	background: var(--atc-green);
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-size: 16px;
	font-weight: 900;
}

@media (max-width: 1040px) {
	.atc-shell {
		width: min(1220px, calc(100% - 48px));
	}

	.atc-section-head h2 {
		font-size: 20px;
	}

	.atc-layout {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.aletrent-category-elementor .atc-elementor-layout > .elementor-container {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.atc-category-strip__rail {
		grid-auto-columns: 96px;
		grid-auto-flow: column;
		grid-template-columns: none;
		gap: 14px;
	}

	.atc-filter {
		position: static;
	}

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

	/* Header scrolls away; the compact toolbar below sticks instead. Relative rather
	   than static so it still owns a stacking context: the search suggestion dropdown
	   lives inside the header, and with no context of its own the whole header painted
	   under the sticky toolbar (z-index 60) no matter what the dropdown asked for. */
	body.aletrent-category-page .atr-mobile-header,
	body.aletrent-category-page .atr-header {
		position: relative;
		/* The admin-bar rule sets top:46px for the sticky case; on a relative box that
		   shifts the header down onto the toolbar instead of offsetting a sticky one. */
		top: auto;
		z-index: 70;
	}

	.atc-filter > .atc-filter-categories,
	.atc-filter > form {
		display: none;
	}

	/* Same shape as the listing archive: categories and filters share the top row,
	   sort gets its own right-aligned row directly above the cards. */
	.atc-mobile-toolbar {
		position: sticky;
		top: 0;
		z-index: 60;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		margin: 0 0 12px;
		padding: 8px 0 10px;
		background: rgba(255, 255, 255, 0.97);
		backdrop-filter: blur(14px);
		border-bottom: 1px solid rgba(232, 237, 241, 0.9);
	}

	.admin-bar .atc-mobile-toolbar {
		top: 46px;
	}

	.atc-sort-form--mobile {
		display: flex;
		grid-column: 1 / -1;
		justify-self: end;
	}

	.atc-sort-form--mobile label {
		min-height: 40px;
		padding: 0 30px 0 12px;
		border-radius: 10px;
		box-shadow: 0 6px 14px rgba(7, 17, 31, 0.05);
		font-size: 13px;
	}

	.atc-sort-form--mobile label::after {
		right: 11px;
		width: 7px;
		height: 7px;
	}

	.atc-results-toolbar {
		display: none;
	}

	/* Bottom sheets. */
	.atc-sheet {
		position: fixed;
		z-index: 120;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		flex-direction: column;
		max-height: 82dvh;
		border-radius: 18px 18px 0 0;
		background: #fff;
		box-shadow: 0 -18px 44px rgba(7, 12, 22, 0.22);
		transform: translateY(105%);
		visibility: hidden;
		transition: transform 0.24s ease, visibility 0.24s ease;
	}

	.atc-sheet.is-open {
		transform: translateY(0);
		visibility: visible;
	}

	.atc-sheet__head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		flex: 0 0 auto;
		padding: 16px 18px 12px;
		border-bottom: 1px solid var(--atc-border);
	}

	.atc-sheet__head strong {
		color: var(--atc-ink);
		font-size: 17px;
		font-weight: 900;
	}

	.atc-sheet__head button {
		display: grid;
		place-items: center;
		width: 34px;
		height: 34px;
		border: 0;
		border-radius: 50%;
		background: #f1f4f8;
		color: #344054;
		cursor: pointer;
		font-size: 14px;
		font-weight: 700;
		line-height: 1;
	}

	.atc-sheet__body {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 14px 18px calc(18px + env(safe-area-inset-bottom));
	}

	.atc-sheet .atc-filter-categories,
	.atc-sheet form {
		display: grid;
	}

	.atc-sheet__foot {
		display: block;
		position: sticky;
		bottom: 0;
		margin: 14px -18px calc(-18px - env(safe-area-inset-bottom));
		padding: 12px 18px calc(12px + env(safe-area-inset-bottom));
		background: #fff;
		border-top: 1px solid var(--atc-border);
	}

	.atc-sheet-backdrop {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 110;
		background: rgba(7, 12, 22, 0.45);
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.24s ease, visibility 0.24s ease;
	}

	.atc-sheet-backdrop.is-open {
		opacity: 1;
		visibility: visible;
	}

	html.atc-sheet-lock,
	html.atc-sheet-lock body {
		overflow: hidden;
	}

	/* Category list inside the sheet. */
	.atc-sheet .atc-filter-categories {
		margin: 0;
	}

	.atc-sheet .atc-filter-categories a {
		padding: 11px 0 11px 14px;
		border-bottom: 1px solid #f0f4f8;
		font-size: 15px;
	}

	/* Filter fields inside the sheet: prevent iOS focus zoom. */
	.atc-filter select,
	.atc-filter input {
		height: 46px;
		font-size: 16px;
	}
}

@media (max-width: 960px) {
	.atc-header__inner {
		grid-template-columns: 180px minmax(0, 1fr);
	}

	.atc-actions {
		grid-column: 1 / -1;
		justify-content: flex-end;
	}
}

@media (max-width: 620px) {
	.atc-shell {
		width: min(100% - 28px, 430px);
	}

	.atc-actions {
		display: none;
	}

	.atc-logo img {
		width: 148px;
	}

	/* The toolbar sticks to the top, so this lead-in only reads as a dead band between
	   the search header and the toolbar. Scoped so pages without one keep it. */
	.atc-main {
		padding-top: 14px;
	}

	.atc-main:has(> .atc-mobile-toolbar) {
		padding-top: 0;
	}

	.atc-category-strip {
		margin-right: -11px;
		margin-left: -11px;
		padding-right: 11px;
		padding-left: 11px;
	}

	/* Columns come from the 1040px block: two equal buttons, sort on its own row.
	   The old 52px third column lived on here and left a gap beside Filtrlər. */
	.atc-mobile-toolbar {
		margin-right: -14px;
		margin-left: -14px;
		padding-right: 14px;
		padding-left: 14px;
	}

	.atc-category-strip h1 {
		margin-bottom: 16px;
		font-size: 18px;
	}

	/* One swipeable row rather than a 4x2 block: the wrapped grid pushed the listings
	   most of a screen down before anyone saw one. Bleeds to the edges so the strip
	   reads as scrollable. */
	.atc-category-strip__rail {
		grid-auto-flow: column;
		grid-auto-columns: 84px;
		grid-template-columns: none;
		gap: 10px;
		margin-right: -11px;
		margin-left: -11px;
		padding: 2px 11px 6px;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x proximity;
		-webkit-overflow-scrolling: touch;
	}

	.atc-category-item {
		grid-template-rows: 62px auto;
		min-height: 100px;
		scroll-snap-align: start;
	}

	.atc-category-item__media {
		width: 62px;
		height: 62px;
		border-radius: 14px;
	}

	.atc-category-item__media img {
		width: 46px;
		height: 46px;
	}

	.atc-category-item__label {
		max-width: 100%;
		font-size: 11px;
	}

	.atc-section-head {
		gap: 10px;
	}

	.atc-section-head h2 {
		font-size: 18px;
	}

	.atc-section-head a {
		min-height: 32px;
		padding: 0 11px;
		font-size: 12px;
	}

	/* Always two listing cards per row on mobile. */
	.atc-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px 10px;
	}

	.atc-card__image img {
		aspect-ratio: 4 / 3;
	}

	.atc-card__body p strong,
	.atc-card p strong {
		font-size: 16px;
	}

	.atc-card h2 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		font-size: 12.5px;
	}

	.atc-card-meta {
		font-size: 11px;
	}

	.atc-card__image span,
	.atc-card__image em {
		top: 8px;
		min-height: 21px;
		padding: 0 7px;
		font-size: 10px;
	}
}

/* ---------------------------------------------------------------------------
 * Category drill-down inside the filter sheet (aletrent-catpicker.js).
 * Built by JS, so none of this exists when scripts are off — the plain nested
 * link list stays as-is there.
 * ------------------------------------------------------------------------ */

.atr-catpick__bar {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 10px;
	min-height: 34px;
}

.atr-catpick__back {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 0;
	border: 0;
	background: none;
	color: #0c8c33;
	cursor: pointer;
	font: inherit;
	font-size: 14px;
	font-weight: 850;
}

.atr-catpick__back[hidden] {
	display: none;
}

.atr-catpick__back span:first-child {
	font-size: 20px;
	line-height: 1;
}

.atr-catpick__title {
	font-size: 16px;
	font-weight: 950;
}

/* A parent opens instead of navigating, so it needs to look like it leads somewhere. */
.atr-catpick__parent > a::after {
	content: "›";
	float: right;
	margin-left: 10px;
	color: #97a3b4;
	font-size: 19px;
	line-height: 1;
}

.atr-catpick__all {
	display: block;
	width: 100%;
	padding: 9px 0 9px 14px;
	border: 0;
	background: none;
	color: #0c8c33;
	cursor: pointer;
	font: inherit;
	font-size: 14px;
	font-weight: 800;
	text-align: left;
}

.atr-catpick__all.is-selected,
.atr-catpick__bar + ul a.is-selected,
.atr-catpick__title ~ ul a.is-selected {
	color: #0a1220;
	font-weight: 950;
}

.atr-catpick__all.is-selected::before,
.atr-filter-selected::before {
	content: "";
}

/* Selected row gets a tick so a tap has visible feedback before Apply. */
a.is-selected::after,
.atr-catpick__all.is-selected::after {
	content: "✓";
	float: right;
	margin-left: 10px;
	color: #12b844;
	font-weight: 900;
}

.atr-catpick__parent > a.is-selected::after {
	content: "›";
	color: #97a3b4;
}

.atr-catpick__apply {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 48px;
	margin-top: 16px;
	border: 0;
	border-radius: 12px;
	background: #12b844;
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-size: 15px;
	font-weight: 900;
}

.atr-catpick__apply:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* The tree lists and the nav heading set their own display, which outranks the browser's
   [hidden] rule — without these the picker showed every level stacked at once and the old
   heading stayed on screen. Fourth time this trap has come up in this project. */
.atg-category-tree[hidden],
.atc-category-tree[hidden],
.atg-filter-categories > strong[hidden],
.atc-filter-categories > strong[hidden] {
	display: none;
}