: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);
	--atg-green: var(--atr-green);
	--atg-green-dark: var(--atr-green-dark);
	--atg-yellow: var(--atr-yellow);
	--atg-ink: var(--atr-ink);
	--atg-muted: var(--atr-muted);
	--atg-border: var(--atr-border);
	--atg-bg: #f5f7fa;
	--atg-card: #ffffff;
	--atg-shadow: var(--atr-shadow);
}

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

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

.aletrent-generic-site {
	min-height: 100vh;
	background: var(--atg-bg);
	font-size: 14px;
	line-height: 1.42;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.atg-main {
	padding: 24px 0 58px;
}

.atg-hero,
.atg-panel,
.atg-profile {
	border: 1px solid var(--atg-border);
	border-radius: 8px;
	background: var(--atg-card);
	box-shadow: var(--atg-shadow);
}

.atg-hero {
	display: flex;
	justify-content: space-between;
	gap: 18px;
	align-items: center;
	margin-bottom: 22px;
	padding: 24px;
}

.atg-hero h1,
.atg-profile h1,
.atg-panel h1,
.atg-panel h2 {
	margin: 0;
	color: var(--atg-ink);
	font-size: 30px;
	font-weight: 900;
	line-height: 1.12;
}

.atg-hero p,
.atg-profile p,
.atg-panel p {
	margin: 8px 0 0;
	color: var(--atg-muted);
	font-weight: 550;
}

.atg-profile {
	display: grid;
	grid-template-columns: 86px minmax(0, 1fr) auto;
	gap: 18px;
	align-items: center;
	margin-bottom: 22px;
	padding: 24px;
}

.atg-avatar {
	display: grid;
	place-items: center;
	width: 86px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--atg-green);
	color: #fff;
	font-size: 34px;
	font-weight: 900;
}

.atg-profile__name {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.atg-verified {
	display: inline-grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--atg-green);
	color: #fff;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
}

.atg-profile__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 12px;
	color: var(--atg-muted);
	font-weight: 700;
}

.atg-profile__meta span {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0 10px;
	border: 1px solid var(--atg-border);
	border-radius: 8px;
	background: #f8fafc;
}

.atg-profile__stat {
	display: grid;
	place-items: center;
	min-width: 112px;
	min-height: 70px;
	border-radius: 8px;
	background: #eefaf2;
	color: var(--atg-green-dark);
	font-weight: 850;
	text-align: center;
}

.atg-profile__stat strong {
	display: block;
	font-size: 24px;
	line-height: 1;
}

.atg-section-title {
	margin: 0 0 16px;
	font-size: 20px;
	font-weight: 900;
}

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

.atg-section-head .atg-section-title {
	margin: 0;
}

.atg-section-head span {
	color: var(--atg-muted);
	font-weight: 800;
}

.atg-archive-filters {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 12px;
	align-items: end;
	margin-bottom: 22px;
	padding: 16px;
	border: 1px solid var(--atg-border);
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(7, 17, 31, 0.05);
}

.atg-archive-filters--simple {
	grid-template-columns: minmax(220px, 1fr) auto;
}

.atg-archive-filters label {
	display: grid;
	gap: 7px;
	min-width: 0;
	color: #344054;
	font-size: 12px;
	font-weight: 850;
}

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

.atg-archive-filters button {
	min-height: 42px;
	border: 0;
	border-radius: 8px;
	background: var(--atg-green);
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-weight: 900;
	padding: 0 18px;
}

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

.atg-listing-filter {
	align-self: start;
}

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

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

.atg-filter-categories strong a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
}

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

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

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

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

.atg-category-tree .atg-category-tree {
	display: none;
	margin: 0 0 6px 14px;
	padding-left: 10px;
	border-left: 1px solid #e5edf4;
}

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

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

.atg-category-tree .atg-category-tree a {
	color: #526071;
	font-size: 13px;
}

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

.atg-sidebar-filters {
	display: grid;
	gap: 0;
}

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

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

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

.atg-sidebar-filters label {
	display: grid;
	gap: 6px;
	padding: 16px 0;
	border-bottom: 1px solid var(--atg-border);
	color: #526071;
	font-size: 13px;
	font-weight: 800;
}

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

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

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

.atg-price-filter label {
	padding: 0;
	border-bottom: 0;
}

.atg-listing-results {
	min-width: 0;
}

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

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

.atg-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(--atg-border);
	border-radius: 8px;
	background: #fff;
	color: var(--atg-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;
}

.atg-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);
}

.atg-sort-form label:hover,
.atg-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);
}

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

.atg-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;
}

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

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

.atg-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(--atg-border);
	border-radius: 10px;
	background: #fff;
	color: var(--atg-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);
}

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

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

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

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

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

.atg-store-profile {
	overflow: hidden;
	margin-bottom: 24px;
	border: 1px solid var(--atg-border);
	border-radius: 8px;
	background: #fff;
	box-shadow: var(--atg-shadow);
}

.atg-store-profile__cover {
	min-height: 220px;
	background: linear-gradient(135deg, #07111f 0%, #123923 100%);
}

.atg-store-profile__cover img {
	width: 100%;
	height: 280px;
	object-fit: cover;
}

.atg-store-profile__body {
	display: grid;
	grid-template-columns: 118px minmax(0, 1fr) 280px;
	gap: 22px;
	align-items: start;
	padding: 24px;
}

.atg-store-profile__logo {
	display: grid;
	place-items: center;
	width: 118px;
	aspect-ratio: 1;
	overflow: hidden;
	border: 4px solid #fff;
	border-radius: 8px;
	background: var(--atg-green);
	box-shadow: 0 12px 24px rgba(7, 17, 31, 0.14);
	transform: translateY(-58px);
}

.atg-store-profile__logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: #fff;
}

.atg-store-profile__logo span {
	color: #fff;
	font-size: 42px;
	font-weight: 950;
}

.atg-store-profile__main {
	min-width: 0;
}

.atg-store-profile__text {
	max-width: 680px;
	margin-top: 12px;
	color: var(--atg-muted);
	font-weight: 600;
}

.atg-store-profile__text > *:first-child {
	margin-top: 0;
}

.atg-store-profile__text > *:last-child {
	margin-bottom: 0;
}

.atg-store-profile__info {
	display: grid;
	gap: 10px;
	padding: 16px;
	border: 1px solid var(--atg-border);
	border-radius: 8px;
	background: #f8fafc;
}

.atg-store-profile__info span,
.atg-store-profile__info a {
	display: block;
	color: #344054;
	font-weight: 760;
	overflow-wrap: anywhere;
}

.atg-store-profile__info a {
	color: var(--atg-green-dark);
}

.atg-store-socials {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 2px;
}

.atg-store-socials a {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 6px 10px;
	border: 1px solid #dce7ef;
	border-radius: 8px;
	background: #fff;
	color: #14532d;
	font-size: 12px;
	font-weight: 850;
	line-height: 1;
}

.atg-store-socials a:hover {
	border-color: rgba(18, 178, 75, 0.42);
	background: #eefaf2;
}

.atg-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.atg-card {
	overflow: hidden;
	border: 1px solid var(--atg-border);
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(7, 17, 31, 0.06);
}

.atg-card__image {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	background: #eef2f6;
}

.atg-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.atg-card__image em,
.atg-card__type {
	position: absolute;
	top: 10px;
	padding: 5px 9px;
	border-radius: 6px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	text-shadow: none;
}

.atg-card__type {
	left: 10px;
	background: #f2c94c;
	color: #101725;
	text-transform: uppercase;
}

.atg-card__image em {
	right: 10px;
	background: #16a34a;
	color: #fff;
	font-style: normal;
}

.atg-card__body {
	padding: 12px;
}

.atg-card__body p {
	margin: 0 0 6px;
	color: var(--atg-ink);
	font-weight: 750;
}

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

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

.atg-card__body p small {
	color: #16a34a;
	font-weight: 750;
}

.atg-card__body h2 {
	margin: 0;
	font-size: 15px;
	font-weight: 750;
	line-height: 1.28;
}

.atg-card__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 8px;
	color: #7a8699;
	font-size: 12px;
	font-weight: 650;
}

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

.atg-card__meta > b {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	min-height: 18px;
	padding: 0 7px;
	border-radius: 5px;
	background: #16a34a;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	text-shadow: none;
	text-transform: uppercase;
}

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

.atg-store-card {
	overflow: hidden;
	border: 1px solid var(--atg-border);
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(7, 17, 31, 0.06);
}

.atg-store-card__cover {
	display: block;
	aspect-ratio: 16 / 7;
	background: linear-gradient(135deg, #07111f 0%, #123923 100%);
}

.atg-store-card__cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.atg-store-card__body {
	display: grid;
	grid-template-columns: 74px minmax(0, 1fr);
	gap: 14px;
	padding: 14px;
}

.atg-store-card__logo {
	display: grid;
	place-items: center;
	width: 74px;
	aspect-ratio: 1;
	overflow: hidden;
	border: 1px solid var(--atg-border);
	border-radius: 8px;
	background: var(--atg-green);
	color: #fff;
	font-size: 28px;
	font-weight: 950;
}

.atg-store-card__logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: #fff;
}

.atg-store-card h2 {
	margin: 0;
	font-size: 17px;
	font-weight: 900;
	line-height: 1.2;
}

.atg-store-card p {
	margin: 8px 0 0;
	color: var(--atg-muted);
	font-weight: 600;
}

.atg-store-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.atg-store-card__meta span {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 9px;
	border-radius: 7px;
	background: #f1f5f9;
	color: #344054;
	font-size: 12px;
	font-weight: 800;
}

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

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

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

.atg-panel {
	padding: 28px;
}

.atg-panel .entry-content {
	margin-top: 18px;
	color: var(--atg-ink);
	font-weight: 500;
}

.atg-panel .entry-content > *:first-child {
	margin-top: 0;
}

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

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

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

.atg-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 16px;
	border-radius: 8px;
	background: var(--atg-green);
	color: #fff !important;
	font-weight: 850;
}

.aletrent-terms-page .atg-elementor-main {
	padding: 0 0 48px;
}

.aletrent-elementor-page .atg-elementor-main > .elementor > .elementor-section > .elementor-container,
.aletrent-elementor-page .atg-elementor-main > .elementor > .e-con,
.aletrent-elementor-page .atg-elementor-main > .elementor > .elementor-element {
	width: min(1220px, calc(100% - 48px));
	max-width: 1220px;
	margin-right: auto;
	margin-left: auto;
}

.aletrent-terms-page .elementor-section.atr-terms-hero > .elementor-container,
.aletrent-terms-page .elementor-section.atr-terms-content > .elementor-container {
	width: min(1220px, calc(100% - 48px));
	max-width: 1220px;
}

.aletrent-terms-page .atr-terms-hero .elementor-widget:not(:last-child) {
	margin-bottom: 8px;
}

.aletrent-terms-page .atr-terms-kicker .elementor-heading-title {
	letter-spacing: 0;
}

.aletrent-terms-page .atr-terms-title .elementor-heading-title {
	line-height: 1.08;
}

.aletrent-terms-page .atr-terms-intro p {
	max-width: 760px;
	margin: 0 0 8px;
}

.aletrent-terms-page .atr-terms-date p {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	margin: 4px 0 0;
	padding: 0 10px;
	border: 1px solid var(--atg-border);
	border-radius: 8px;
	background: #fff;
	color: var(--atg-muted);
}

.aletrent-terms-page .atr-terms-content .elementor-widget-wrap {
	display: grid;
	gap: 10px;
	align-content: start;
}

.aletrent-terms-page .atr-terms-rule {
	display: grid;
	gap: 7px;
	padding: 16px 18px;
	border: 1px solid var(--atg-border);
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 8px 22px rgba(7, 17, 31, 0.045);
}

.aletrent-terms-page .atr-terms-rule h2 {
	display: flex;
	gap: 10px;
	align-items: baseline;
	margin: 0;
	color: var(--atg-ink);
	font-size: 17px;
	font-weight: 900;
	line-height: 1.25;
}

.aletrent-terms-page .atr-terms-rule h2 span {
	flex: 0 0 auto;
	color: var(--atg-green-dark);
	font-size: 12px;
	font-weight: 900;
}

.aletrent-terms-page .atr-terms-rule p {
	margin: 0;
	color: #526071;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.58;
}

.aletrent-terms-page .atr-terms-rule p + p {
	margin-top: 2px;
}

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

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

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

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

	.atg-archive-filters,
	.atg-archive-filters--simple {
		grid-template-columns: 1fr 1fr;
	}

	.atg-profile {
		grid-template-columns: 72px minmax(0, 1fr);
	}

	.atg-avatar {
		width: 72px;
		font-size: 28px;
	}

	.atg-profile__stat {
		grid-column: 1 / -1;
		justify-items: start;
		place-items: center start;
		padding: 14px;
	}

	.atg-store-profile__body {
		grid-template-columns: 96px minmax(0, 1fr);
	}

	.atg-store-profile__logo {
		width: 96px;
		transform: translateY(-46px);
	}

	.atg-store-profile__info {
		grid-column: 1 / -1;
	}

	.aletrent-terms-page .elementor-section.atr-terms-hero > .elementor-container,
	.aletrent-terms-page .elementor-section.atr-terms-content > .elementor-container {
		width: min(1220px, calc(100% - 48px));
	}
}

@media (max-width: 640px) {
	.atg-shell {
		width: min(100% - 28px, 1220px);
	}

	.aletrent-elementor-page .atg-elementor-main > .elementor > .elementor-section > .elementor-container,
	.aletrent-elementor-page .atg-elementor-main > .elementor > .e-con,
	.aletrent-elementor-page .atg-elementor-main > .elementor > .elementor-element {
		width: min(100% - 28px, 1220px);
	}

	.atg-actions {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 10px;
		width: 100%;
		white-space: normal;
		font-size: 13px;
	}

	.atg-actions a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: center;
	}

	.atg-actions .atg-post {
		padding: 0 10px;
	}

	.atg-hero,
	.atg-profile,
	.atg-panel {
		padding: 18px;
	}

	.atg-hero {
		display: grid;
	}

	.atg-hero h1,
	.atg-profile h1,
	.atg-panel h1 {
		font-size: 24px;
	}

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

	.atg-card {
		border-radius: 10px;
	}

	.atg-card__body {
		padding: 9px 10px 11px;
	}

	.atg-card__body p strong {
		font-size: 16px;
	}

	.atg-card__body h2 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		min-height: 32px;
		font-size: 12.5px;
	}

	.atg-card__meta {
		margin-top: 6px;
		font-size: 11px;
	}

	.atg-card__image em,
	.atg-card__type {
		top: 8px;
		padding: 4px 7px;
		font-size: 10px;
	}

	.atg-store-grid,
	.atg-archive-filters,
	.atg-archive-filters--simple {
		grid-template-columns: 1fr;
	}

	.atg-section-head,
	.atg-store-profile__body {
		display: grid;
	}

	.atg-store-profile__cover,
	.atg-store-profile__cover img {
		min-height: 160px;
		height: 180px;
	}

	.atg-store-profile__body {
		grid-template-columns: 1fr;
		padding: 18px;
	}

	.atg-store-profile__logo {
		width: 88px;
		transform: translateY(-52px);
		margin-bottom: -44px;
	}

	.aletrent-terms-page .elementor-section.atr-terms-hero > .elementor-container,
	.aletrent-terms-page .elementor-section.atr-terms-content > .elementor-container {
		width: min(100% - 28px, 1220px);
	}

	.aletrent-terms-page .atr-terms-rule {
		padding: 14px;
	}

	.aletrent-terms-page .atr-terms-rule h2 {
		font-size: 16px;
	}
}

@media (max-width: 980px) {
	/* 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-generic-page .atr-mobile-header,
	body.aletrent-generic-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;
	}

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

	.atg-listing-filter {
		display: contents;
	}

	/* The toolbar sticks to the top of the viewport, so .atg-main's 24px lead-in only
	   shows as a dead grey band between the search header and the toolbar. Scoped with
	   :has() so pages without a toolbar keep their breathing room. */
	.atg-main:has(> .atg-mobile-toolbar) {
		padding-top: 0;
	}

	/* Sticky toolbar. Categories and filters share the top row; sort sits on its own
	   row, right-aligned, directly above the cards it reorders. Squeezing all three
	   into one row left sort as a bare glyph with no label. */
	.atg-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 .atg-mobile-toolbar {
		top: 46px;
	}

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

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

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

	.atg-listing-toolbar {
		display: none;
	}

	/* Bottom sheets. */
	.atg-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;
	}

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

	.atg-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(--atg-border);
	}

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

	.atg-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;
	}

	.atg-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));
	}

	.atg-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(--atg-border);
	}

	.atg-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;
	}

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

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

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

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

	.atg-category-tree .atg-category-tree a {
		font-size: 14px;
	}

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

	.atg-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
}

@media (max-width: 640px) {
	.atg-mobile-toolbar {
		margin-right: -14px;
		margin-left: -14px;
		padding-right: 14px;
		padding-left: 14px;
	}

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

}

/* ---------------------------------------------------------------------------
 * 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;
}