body.tema-garaj {
	--garaj-bar: #ffffff;
	--garaj-accent: #0f6f73;
	--garaj-accent-ink: #fff;
	--garaj-paper: #f4f6f8;
	--garaj-line: #e1e4e8;
	background: var(--garaj-paper);
	color: #24303a;
	font-family: Arial, Helvetica, sans-serif;
}
body.tema-garaj.palet-lacivert {
	--garaj-accent: #1e4d8c;
}
body.tema-garaj.palet-yesil {
	--garaj-accent: #2f6b4f;
}

body.tema-garaj a { color: #1a3d66; }
body.tema-garaj a:hover { color: var(--garaj-accent); }

body.tema-garaj .header-s {
	height: auto !important;
	background: #fff !important;
	border-bottom: 1px solid var(--garaj-line);
}
body.tema-garaj #getFixed {
	width: 100% !important;
	max-width: 1170px;
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
}
body.tema-garaj .top-line a,
body.tema-garaj #getFixed a {
	color: #3a3a3a;
	font-size: 13px;
}
body.tema-garaj .logo img {
	max-height: 34px;
	width: auto;
}
body.tema-garaj .footerlogo img {
	max-height: 34px;
	width: auto;
}
body.tema-garaj #custom-search-input .form-control {
	height: 38px;
	border: 1px solid #b9b9b9;
	border-radius: 2px 0 0 2px;
	box-shadow: none;
	font-size: 14px;
}
body.tema-garaj #custom-search-input .btn,
body.tema-garaj .button20 {
	background: var(--garaj-accent) !important;
	border: 1px solid var(--garaj-accent) !important;
	color: var(--garaj-accent-ink) !important;
	border-radius: 2px !important;
	box-shadow: none !important;
	font-weight: 700;
}
body.tema-garaj #custom-search-input .btn {
	border-radius: 0 2px 2px 0 !important;
	height: 38px;
}
body.tema-garaj .button34 {
	background: #fff !important;
	color: #333 !important;
	border: 1px solid #b5b5b5 !important;
	border-radius: 2px !important;
	box-shadow: none !important;
	font-weight: 700;
}

body.tema-garaj .header-nav,
body.tema-garaj .header-nav__inner,
body.tema-garaj .header-nav .nav {
	background: #fff !important;
	box-shadow: none !important;
}
body.tema-garaj .header-nav {
	border-top: 1px solid var(--garaj-line) !important;
	border-bottom: 2px solid var(--garaj-accent) !important;
}
body.tema-garaj .header-nav .dropdown-toggle,
body.tema-garaj .header-nav a.dropdown-toggle {
	color: #24303a !important;
	font-size: 13px !important;
	letter-spacing: 0;
	padding-top: 11px !important;
	padding-bottom: 11px !important;
}
body.tema-garaj .header-nav .dropdown-menu {
	border-radius: 0;
	border: 1px solid #ccc;
	box-shadow: none;
}
body.tema-garaj .header-nav .dropdown-menu a {
	color: #222 !important;
	font-size: 13px;
}
body.tema-garaj .header-nav .dropdown-menu a font {
	color: #777 !important;
}

body.tema-garaj.vitrin-kapali .hero-wrapper-area,
body.tema-garaj.vitrin-kapali .home-categories {
	display: none !important;
}
body.tema-garaj.vitrin-acik .hero-wrapper-area {
	display: block !important;
}
body.tema-garaj.vitrin-acik .home-categories {
	display: block !important;
}
body.tema-garaj .hero-wrapper-area .card {
	border: 1px solid var(--garaj-line);
	border-radius: 2px;
	box-shadow: none;
	background: #fff;
}
body.tema-garaj .hero-wrapper-area .form-control,
body.tema-garaj .form-control {
	border-radius: 2px;
	box-shadow: none;
	border-color: #c5c5c5;
}

body.tema-garaj .home-categories,
body.tema-garaj .home-categories__container,
body.tema-garaj .home-categories__content {
	background: #fff !important;
}
body.tema-garaj .home-categories {
	padding: 8px 0 12px !important;
	margin: 0 !important;
	border: 1px solid var(--garaj-line);
}
body.tema-garaj .home-categories__container {
	width: 100% !important;
	max-width: 1170px;
	margin: 0 auto !important;
	position: static !important;
}
body.tema-garaj .home-categories__header {
	display: none !important;
	margin: 0 !important;
	height: 0 !important;
}
body.tema-garaj .home-categories__content {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 0 !important;
	width: auto !important;
	margin: 0 !important;
	align-items: stretch !important;
}
body.tema-garaj .home-categories__item {
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	flex: none !important;
	float: none !important;
	position: static !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.tema-garaj .home-category {
	display: flex !important;
	flex-direction: column !important;
	background: #fff !important;
	border: 0 !important;
	border-right: 1px solid var(--garaj-line) !important;
	border-bottom: 1px solid var(--garaj-line) !important;
	border-radius: 0 !important;
	width: auto !important;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 12px 14px 10px !important;
	box-sizing: border-box;
	box-shadow: none !important;
	overflow: visible !important;
	position: static !important;
}
body.tema-garaj .hero-wrapper-area .btn,
body.tema-garaj .hero-wrapper-area button,
body.tema-garaj .hero-wrapper-area input[type="submit"] {
	background: var(--garaj-accent) !important;
	border: 1px solid var(--garaj-accent) !important;
	color: var(--garaj-accent-ink) !important;
	border-radius: 2px !important;
	box-shadow: none !important;
	font-weight: 700;
}
body.tema-garaj .home-category__header {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	position: static !important;
	min-height: 0 !important;
	height: auto !important;
	margin: 0 0 6px !important;
	padding: 0 0 6px !important;
	border-bottom: 1px solid #eceff2 !important;
	color: #24303a !important;
	text-decoration: none;
}
body.tema-garaj .home-category__header__title {
	color: #24303a !important;
	font-size: 14px !important;
	text-align: left !important;
	margin: 0 !important;
	padding: 0 !important;
	display: inline !important;
}
body.tema-garaj .home-category__header__icon {
	position: static !important;
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0 8px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--garaj-accent) !important;
	font-size: 14px !important;
	line-height: 16px !important;
	float: none !important;
}
body.tema-garaj .home-category__content {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
}
body.tema-garaj .home-category__list {
	display: block !important;
	max-height: none !important;
	min-height: 0 !important;
	height: auto !important;
	overflow: visible !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.tema-garaj .home-category__list-item {
	line-height: 1.65 !important;
	margin: 0 !important;
	border: 0 !important;
}
body.tema-garaj .home-category__list-item__link {
	display: block;
	padding: 3px 12px;
	color: #333;
	font-size: 13px;
	text-decoration: none;
}
body.tema-garaj .home-category__list-item__link:hover {
	background: #f7f4ef;
	color: #111;
}
body.tema-garaj .home-category__cta {
	display: block !important;
	margin: auto 0 0 !important;
	padding: 6px 0 0 !important;
	border-top: 0 !important;
	color: var(--garaj-accent) !important;
	font-size: 12px;
}

body.tema-garaj .panel {
	border: 1px solid var(--garaj-line);
	border-radius: 2px;
	box-shadow: none;
	background: #fff;
}
body.tema-garaj .panel-heading {
	background: #fff;
	color: #1c1c1c;
	font-weight: 700;
	font-size: 15px;
	border-bottom: 2px solid var(--garaj-accent);
	border-radius: 0;
}
body.tema-garaj .panel-heading a {
	font-size: 12px;
	font-weight: 700;
}

/* Liste sayfası (kategori vb.): yatay satır görünümü */
body.tema-garaj.ilan-liste .category-content .panel-body .row > [class*="col-"],
body.tema-garaj.ilan-liste .fire-ads .panel-body .row > [class*="col-"],
body.tema-garaj.ilan-liste main .panel-body .row > [class*="col-"] {
	width: 100%;
	max-width: 100%;
	float: none;
	padding-left: 0;
	padding-right: 0;
}
body.tema-garaj.ilan-liste .category-content .adv2,
body.tema-garaj.ilan-liste .fire-ads .adv2 {
	display: grid;
	grid-template-columns: 148px minmax(0, 1fr) 130px;
	grid-template-areas: "foto baslik fiyat" "foto yer fiyat";
	column-gap: 12px;
	align-items: center;
	height: auto !important;
	min-height: 104px;
	margin: 0 0 8px;
	padding: 8px;
	background: #fff;
	border: 1px solid var(--garaj-line);
	border-radius: 2px;
	position: relative;
}
body.tema-garaj.ilan-liste .category-content .adv2 .image1,
body.tema-garaj.ilan-liste .fire-ads .adv2 .image1 { grid-area: foto; }
body.tema-garaj.ilan-liste .category-content .adv2 .image1 img,
body.tema-garaj.ilan-liste .fire-ads .adv2 .image1 img {
	width: 148px !important;
	height: 96px !important;
	object-fit: cover;
	display: block;
}
body.tema-garaj.ilan-liste .category-content .adv2 .adv2-title,
body.tema-garaj.ilan-liste .fire-ads .adv2 .adv2-title {
	grid-area: baslik;
	text-align: left !important;
	margin: 0 !important;
	white-space: normal !important;
	font-size: 15px !important;
}
body.tema-garaj.ilan-liste .category-content .adv2 .adv2-title a,
body.tema-garaj.ilan-liste .fire-ads .adv2 .adv2-title a { color: #1a1a1a; }
body.tema-garaj.ilan-liste .category-content .adv2 .listing-card__price,
body.tema-garaj.ilan-liste .fire-ads .adv2 .listing-card__price {
	grid-area: yer;
	text-align: left;
	color: #666;
	font-size: 12px;
	margin: 0;
}
body.tema-garaj.ilan-liste .category-content .adv2 hr,
body.tema-garaj.ilan-liste .fire-ads .adv2 hr { display: none; }

body.tema-garaj.ilan-kart .adv2 {
	background: #fff;
	border: 1px solid var(--garaj-line);
	border-radius: 2px;
	height: auto !important;
	margin-bottom: 12px;
	overflow: hidden;
}
body.tema-garaj.ilan-kart .adv2 .image1 img {
	width: 100% !important;
	height: 140px !important;
	object-fit: cover;
}

/* Vitrin ilan arası reklam (kart boyutu) */
body.tema-garaj .garaj-vitrin-ad {
	padding: 0 !important;
	border: 1px solid var(--garaj-line) !important;
	background: #fff !important;
	overflow: hidden !important;
}
body.tema-garaj .garaj-vitrin-ad .garaj-vitrin-ad__link {
	display: block !important;
	line-height: 0 !important;
}
body.tema-garaj .garaj-vitrin-ad img {
	display: block !important;
	width: 100% !important;
	height: 126px !important;
	object-fit: cover !important;
	margin: 0 !important;
}
body.tema-garaj .garaj-vitrin-ad::after {
	content: "Reklam";
	display: block;
	font-size: 10px;
	line-height: 1.2;
	color: #888;
	padding: 4px 6px 2px;
	text-align: left;
}

/* Ana sayfa reklam alanları */
body.tema-garaj .garaj-banner-ust {
	width: 100%;
	overflow: hidden;
}
body.tema-garaj .garaj-banner-ust img {
	display: block;
	width: 100% !important;
	height: auto !important;
	max-height: 220px;
	object-fit: contain;
	object-position: center;
	margin: 0 auto;
}
body.tema-garaj .garaj-banner-alt img {
	display: block;
	width: 100% !important;
	height: auto !important;
	max-height: 110px;
	object-fit: contain;
	object-position: center;
	margin: 0 auto;
}

/* style.css .adv2 { height:285px !important } ezmesi */
body.tema-garaj .adv2 {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
}

/* Ana sayfa vitrin: Sahibinden gibi foto + 1 satır başlık */
body.tema-garaj .garaj-tek-sira > .panel-body > .row,
body.tema-garaj .garaj-vitrin-grid > .panel-body > .row,
body.tema-garaj .panel.panel-default > .panel-body > .row.no-gutter {
	display: block !important;
	margin-left: -4px !important;
	margin-right: -4px !important;
	overflow: hidden;
}
body.tema-garaj .garaj-tek-sira > .panel-body > .row:after,
body.tema-garaj .garaj-vitrin-grid > .panel-body > .row:after,
body.tema-garaj .panel.panel-default > .panel-body > .row.no-gutter:after {
	content: "";
	display: table;
	clear: both;
}
body.tema-garaj .garaj-tek-sira > .panel-body > .row > [class*="col-"],
body.tema-garaj .garaj-vitrin-grid > .panel-body > .row > [class*="col-"],
body.tema-garaj .panel.panel-default > .panel-body > .row.no-gutter > [class*="col-"] {
	width: 16.666% !important;
	max-width: 16.666% !important;
	float: left !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
	box-sizing: border-box !important;
	margin-bottom: 8px !important;
	height: auto !important;
	min-height: 0 !important;
}
body.tema-garaj .garaj-tek-sira .adv2,
body.tema-garaj .garaj-vitrin-grid .adv2,
body.tema-garaj .panel.panel-default > .panel-body .adv2,
body.tema-garaj.ilan-liste .garaj-tek-sira .adv2,
body.tema-garaj.ilan-liste .garaj-vitrin-grid .adv2,
body.tema-garaj.ilan-liste .panel.panel-default > .panel-body .adv2,
body.tema-garaj.ilan-kart .garaj-tek-sira .adv2,
body.tema-garaj.ilan-kart .garaj-vitrin-grid .adv2 {
	display: block !important;
	float: none !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 0 6px !important;
	background: #fff !important;
	border: 1px solid var(--garaj-line) !important;
	border-radius: 2px !important;
	overflow: hidden !important;
	position: relative !important;
	box-shadow: none !important;
}
body.tema-garaj .garaj-tek-sira .adv2 .image1,
body.tema-garaj .garaj-vitrin-grid .adv2 .image1,
body.tema-garaj .panel.panel-default > .panel-body .adv2 .image1,
body.tema-garaj.ilan-liste .garaj-tek-sira .adv2 .image1,
body.tema-garaj.ilan-liste .garaj-vitrin-grid .adv2 .image1,
body.tema-garaj.ilan-liste .panel.panel-default > .panel-body .adv2 .image1 {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0 !important;
	grid-area: auto !important;
}
body.tema-garaj .garaj-tek-sira .adv2 .image1 img,
body.tema-garaj .garaj-vitrin-grid .adv2 .image1 img,
body.tema-garaj .panel.panel-default > .panel-body .adv2 .image1 img,
body.tema-garaj.ilan-liste .garaj-tek-sira .adv2 .image1 img,
body.tema-garaj.ilan-liste .garaj-vitrin-grid .adv2 .image1 img,
body.tema-garaj.ilan-liste .panel.panel-default > .panel-body .adv2 .image1 img {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	height: 100px !important;
	max-width: 100% !important;
	max-height: 100px !important;
	object-fit: cover !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}
body.tema-garaj .garaj-tek-sira .adv2 .adv2-title,
body.tema-garaj .garaj-vitrin-grid .adv2 .adv2-title,
body.tema-garaj .panel.panel-default > .panel-body .adv2 .adv2-title,
body.tema-garaj.ilan-liste .garaj-tek-sira .adv2 .adv2-title,
body.tema-garaj.ilan-liste .garaj-vitrin-grid .adv2 .adv2-title,
body.tema-garaj.ilan-liste .panel.panel-default > .panel-body .adv2 .adv2-title {
	display: block !important;
	position: relative !important;
	grid-area: auto !important;
	text-align: left !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	height: auto !important;
	max-height: 1.3em !important;
	margin: 6px 6px 0 !important;
	padding: 0 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}
body.tema-garaj .garaj-tek-sira .adv2 .adv2-title a,
body.tema-garaj .garaj-vitrin-grid .adv2 .adv2-title a,
body.tema-garaj .panel.panel-default > .panel-body .adv2 .adv2-title a,
body.tema-garaj.ilan-liste .garaj-tek-sira .adv2 .adv2-title a,
body.tema-garaj.ilan-liste .garaj-vitrin-grid .adv2 .adv2-title a,
body.tema-garaj.ilan-liste .panel.panel-default > .panel-body .adv2 .adv2-title a {
	display: block !important;
	font-weight: 400 !important;
	font-size: 12px !important;
	line-height: 1.3 !important;
	color: #333 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}
body.tema-garaj .garaj-tek-sira .adv2 .box_type,
body.tema-garaj .garaj-vitrin-grid .adv2 .box_type,
body.tema-garaj .panel.panel-default > .panel-body .adv2 .box_type,
body.tema-garaj .garaj-tek-sira .adv2 .listing-card__price,
body.tema-garaj .garaj-vitrin-grid .adv2 .listing-card__price,
body.tema-garaj .panel.panel-default > .panel-body .adv2 .listing-card__price,
body.tema-garaj .garaj-tek-sira .adv2 hr,
body.tema-garaj .garaj-vitrin-grid .adv2 hr,
body.tema-garaj .panel.panel-default > .panel-body .adv2 hr,
body.tema-garaj .garaj-tek-sira .adv2 .col-sm-12,
body.tema-garaj .garaj-vitrin-grid .adv2 .col-sm-12,
body.tema-garaj .panel.panel-default > .panel-body .adv2 .col-sm-12,
body.tema-garaj .garaj-tek-sira .adv2 .one-cikan,
body.tema-garaj .garaj-vitrin-grid .adv2 .one-cikan,
body.tema-garaj .panel.panel-default > .panel-body .adv2 .one-cikan,
body.tema-garaj .adv2 .one-cikan,
body.tema-garaj .one-cikan,
body.tema-garaj .adv2 .box_type[style*="position: absolute"],
body.tema-garaj .adv2 .box_type[style*="position:absolute"] {
	display: none !important;
}
@media (max-width: 991px) {
	body.tema-garaj .garaj-tek-sira > .panel-body > .row > [class*="col-"],
	body.tema-garaj .garaj-vitrin-grid > .panel-body > .row > [class*="col-"],
	body.tema-garaj .panel.panel-default > .panel-body > .row.no-gutter > [class*="col-"] {
		width: 33.333% !important;
		max-width: 33.333% !important;
	}
}
@media (max-width: 575px) {
	body.tema-garaj .garaj-tek-sira > .panel-body > .row > [class*="col-"],
	body.tema-garaj .garaj-vitrin-grid > .panel-body > .row > [class*="col-"],
	body.tema-garaj .panel.panel-default > .panel-body > .row.no-gutter > [class*="col-"] {
		width: 50% !important;
		max-width: 50% !important;
	}
	body.tema-garaj .garaj-tek-sira .adv2 .image1 img,
	body.tema-garaj .garaj-vitrin-grid .adv2 .image1 img,
	body.tema-garaj .panel.panel-default > .panel-body .adv2 .image1 img {
		height: 90px !important;
		max-height: 90px !important;
	}
}

body.tema-garaj .nb-footer {
	background: #fff;
	color: #3a4550;
	margin-top: 24px;
	border-top: 1px solid var(--garaj-line);
}
body.tema-garaj .nb-footer a { color: #24303a; }
body.tema-garaj .nb-footer .footer-title h2 {
	color: #24303a;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 2px solid var(--garaj-accent);
	display: inline-block;
	padding-bottom: 4px;
	margin-bottom: 8px;
}
body.tema-garaj #cookie-notice {
	background: #24303a !important;
	border-radius: 2px !important;
	box-shadow: none !important;
}
body.tema-garaj #cookie-notice button {
	background: var(--garaj-accent) !important;
	color: var(--garaj-accent-ink) !important;
	border-radius: 2px;
}

body.tema-garaj .mobil-menu,
body.tema-garaj .mobil-menuqq {
	background: #1f2a32 !important;
	color: #fff !important;
}
body.tema-garaj .mobil-menu li,
body.tema-garaj .mobil-menuqq li {
	background: transparent !important;
	color: #fff !important;
	border-bottom: 1px solid #2f3c46 !important;
}
body.tema-garaj .mobil-menu li a,
body.tema-garaj .mobil-menuqq li a,
body.tema-garaj .mobil-menu li a font,
body.tema-garaj .mobil-menuqq li a font {
	color: #fff !important;
}
body.tema-garaj .mobil-menu li:hover,
body.tema-garaj .mobil-menuqq li:hover {
	background: #2a3842 !important;
}
body.tema-garaj .mobile-nav {
	display: block !important;
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 56px !important;
	z-index: 10050 !important;
	background: #fff !important;
	border-top: 1px solid var(--garaj-line) !important;
	border-radius: 0 !important;
	box-shadow: 0 -2px 10px rgba(0,0,0,.06) !important;
	padding: 0 !important;
	padding-bottom: env(safe-area-inset-bottom, 0) !important;
}
body.tema-garaj .mobile-nav > .container {
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
	margin: 0 !important;
	height: 100%;
}
body.tema-garaj .mobile-nav .mobile-group {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	height: 56px !important;
	margin: 0 !important;
	padding: 0 4px !important;
	gap: 0 !important;
}
body.tema-garaj .mobile-nav .mobile-widget {
	flex: 1 1 0 !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	height: 56px !important;
	padding: 4px 2px !important;
	margin: 0 !important;
	border-radius: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 2px !important;
	text-decoration: none !important;
	background: transparent !important;
	box-sizing: border-box !important;
}
body.tema-garaj .mobile-nav .mobile-widget i {
	font-size: 18px !important;
	margin: 0 !important;
	line-height: 1 !important;
	color: #4a5560 !important;
	text-shadow: none !important;
}
body.tema-garaj .mobile-nav .mobile-widget span {
	display: block !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	line-height: 1.1 !important;
	color: #4a5560 !important;
	text-transform: none !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	max-width: 100%;
	text-align: center;
}
body.tema-garaj .mobile-nav .mobile-widget:hover,
body.tema-garaj .mobile-nav .mobile-widget:focus {
	background: #f3f7f7 !important;
}
body.tema-garaj .mobile-nav .mobile-widget:hover i,
body.tema-garaj .mobile-nav .mobile-widget:hover span,
body.tema-garaj .mobile-nav .mobile-widget:focus i,
body.tema-garaj .mobile-nav .mobile-widget:focus span {
	color: var(--garaj-accent) !important;
}
body.tema-garaj .mobile-nav .plus-btn {
	flex: 0 0 52px !important;
	width: 52px !important;
	height: 52px !important;
	margin-top: -18px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	background: var(--garaj-accent) !important;
	border: 3px solid #fff !important;
	box-shadow: 0 2px 8px rgba(15,111,115,.35) !important;
	justify-content: center !important;
}
body.tema-garaj .mobile-nav .plus-btn i {
	width: auto !important;
	height: auto !important;
	font-size: 22px !important;
	line-height: 1 !important;
	color: var(--garaj-accent-ink) !important;
	margin: 0 !important;
}
body.tema-garaj .mobile-nav .plus-btn span {
	display: none !important;
}
body.tema-garaj .mobile-nav .plus-btn:hover,
body.tema-garaj .mobile-nav .plus-btn:focus {
	background: var(--garaj-accent) !important;
	filter: brightness(1.05);
}
@media (min-width: 768px) {
	body.tema-garaj .mobile-nav {
		display: none !important;
	}
}
@media (max-width: 767px) {
	body.tema-garaj {
		padding-bottom: 64px !important;
	}
}
body.tema-garaj .bootstrap-select.form-control {
	width: 100% !important;
	height: auto !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}
body.tema-garaj .bootstrap-select > .dropdown-toggle {
	background: #fff !important;
	color: #24303a !important;
	border: 1px solid #c8cdd2 !important;
	border-radius: 2px !important;
	box-shadow: none !important;
}
body.tema-garaj .bootstrap-select .dropdown-menu,
body.tema-garaj .bootstrap-select .dropdown-menu.open,
body.tema-garaj .bootstrap-select .dropdown-menu.inner {
	background: #fff !important;
	color: #24303a !important;
	top: 100% !important;
	bottom: auto !important;
	left: 0 !important;
	right: auto !important;
	margin: 1px 0 0 !important;
	max-height: 220px !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	border: 1px solid #c8cdd2 !important;
	box-shadow: none !important;
	z-index: 3000 !important;
	transform: none !important;
}
body.tema-garaj .bootstrap-select .dropdown-menu li a,
body.tema-garaj .bootstrap-select .dropdown-menu li a span {
	color: #24303a !important;
	background: transparent !important;
	white-space: normal !important;
}
body.tema-garaj .bootstrap-select .dropdown-menu li a:hover,
body.tema-garaj .bootstrap-select .dropdown-menu li.selected a,
body.tema-garaj .bootstrap-select .dropdown-menu li.active a {
	background: #e7f2f2 !important;
	color: #24303a !important;
}

body.tema-garaj .garaj-home {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
	max-width: 1200px;
	margin: 12px auto 0;
	padding: 0 12px 24px;
	box-sizing: border-box;
}
body.tema-garaj .garaj-icerik {
	flex: 1 1 auto;
	min-width: 0;
}
body.tema-garaj .garaj-icerik > .container,
body.tema-garaj .garaj-icerik .hero-wrapper-area .container {
	width: 100% !important;
	max-width: none !important;
}
body.tema-garaj .garaj-home .header-nav {
	flex: 0 0 230px;
	width: 230px;
	position: relative;
	background: #fff !important;
	border: 1px solid var(--garaj-line) !important;
	border-bottom: 1px solid var(--garaj-line) !important;
	box-shadow: none !important;
	overflow: visible !important;
	z-index: 30;
}
body.tema-garaj .garaj-home .header-nav::before {
	content: "Kategoriler";
	display: block;
	padding: 10px 12px;
	font-size: 13px;
	font-weight: 700;
	color: #24303a;
	background: #fff;
	border-bottom: 2px solid var(--garaj-accent);
}
body.tema-garaj .garaj-home .header-nav__inner-container,
body.tema-garaj .garaj-home .header-nav__inner,
body.tema-garaj .garaj-home .header-nav .navbar-nav {
	display: block !important;
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #fff !important;
	overflow: visible !important;
}
body.tema-garaj .garaj-home .header-nav li.dropdown {
	float: none !important;
	display: block !important;
	width: 100% !important;
	position: relative !important;
	margin: 0 !important;
}
body.tema-garaj .garaj-home .header-nav a.dropdown-toggle {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	width: 100% !important;
	margin: 0 !important;
	padding: 9px 12px !important;
	color: #24303a !important;
	background: #fff !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	border-bottom: 1px solid #eef1f4;
	white-space: normal !important;
}
body.tema-garaj .garaj-home .header-nav li.dropdown:hover > a.dropdown-toggle {
	background: #f3f7f7 !important;
	color: var(--garaj-accent) !important;
}
body.tema-garaj .garaj-home .header-nav .caret {
	display: none !important;
}
body.tema-garaj .garaj-home .header-nav .dropdown-menu {
	display: block !important;
	position: static !important;
	float: none !important;
	width: 100% !important;
	min-width: 0 !important;
	max-height: none !important;
	overflow: visible !important;
	margin: 0 !important;
	padding: 0 0 6px !important;
	background: #fff !important;
	border: 0 !important;
	box-shadow: none !important;
	z-index: auto;
}
body.tema-garaj .garaj-home .header-nav .dropdown-menu > li {
	display: block !important;
	float: none !important;
	width: 100% !important;
}
body.tema-garaj .garaj-home .header-nav .dropdown-menu a {
	display: block;
	padding: 5px 12px 5px 22px;
	color: #4a5560 !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	white-space: normal;
	border: 0 !important;
}
body.tema-garaj .garaj-home .header-nav .dropdown-menu a:hover {
	background: #f3f7f7;
	color: var(--garaj-accent) !important;
	text-decoration: none;
}
body.tema-garaj .garaj-home .header-nav .dropdown-menu a span font {
	color: #8a949c !important;
}

body.tema-garaj .garaj-map {
	width: 100%;
	height: 360px;
	overflow: hidden;
	border: 1px solid var(--garaj-line);
	background: #eef1f4;
}
body.tema-garaj .garaj-map iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}
body.tema-garaj .garaj-map-link {
	margin: 8px 0 0;
	font-size: 13px;
}

@media (max-width: 991px) {
	body.tema-garaj .container,
	body.tema-garaj .container.top15 {
		width: auto !important;
		max-width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
	body.tema-garaj #getFixed {
		max-width: 100%;
	}
	body.tema-garaj .home-categories__content {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	body.tema-garaj .garaj-home {
		display: block;
		padding-left: 0;
		padding-right: 0;
	}
	body.tema-garaj .garaj-home .header-nav {
		width: 100%;
		margin-bottom: 12px;
	}
}

@media (max-width: 767px) {
	body.tema-garaj {
		overflow-x: hidden;
	}
	body.tema-garaj .header-s {
		height: auto !important;
		min-height: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	body.tema-garaj .header-s > .container {
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin: 0 !important;
		width: 100% !important;
		max-width: none !important;
	}
	body.tema-garaj .header-s .container > .container {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin: 0 !important;
		width: 100% !important;
	}
	body.tema-garaj form.visible-xs {
		margin-top: 8px !important;
		margin-bottom: 6px !important;
		padding: 0 10px !important;
	}

	body.tema-garaj .panel-heading {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		flex-wrap: nowrap;
		font-size: 13px !important;
		line-height: 1.2 !important;
		padding: 8px 10px !important;
		white-space: nowrap;
	}
	body.tema-garaj .panel-heading > .fa {
		margin-right: 4px;
		flex-shrink: 0;
	}
	body.tema-garaj .panel-heading .pull-right {
		float: none !important;
		margin-left: auto !important;
		flex-shrink: 0;
	}
	body.tema-garaj .panel-heading .pull-right a {
		font-size: 0 !important;
		white-space: nowrap;
	}
	body.tema-garaj .panel-heading .pull-right a::after {
		content: "Tümü";
		font-size: 11px !important;
		font-weight: 700;
	}
	body.tema-garaj .garaj-vitrin-grid > .panel-heading {
		font-size: 13px !important;
	}
	body.tema-garaj .navbar-header {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		min-height: 48px !important;
		height: 48px !important;
		padding: 0 10px !important;
		margin: 0 !important;
		background: #fff !important;
		border-bottom: 1px solid var(--garaj-line) !important;
		float: none !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}
	body.tema-garaj .navbar-header .ac-kapa,
	body.tema-garaj .navbar-header .ac-kapasag {
		position: relative !important;
		z-index: 2;
		float: none !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 36px !important;
		height: 36px !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 18px !important;
		line-height: 1 !important;
		color: #24303a !important;
		cursor: pointer;
	}
	body.tema-garaj .navbar-header .ac-kapa { order: 1; }
	body.tema-garaj .navbar-header .garaj-mlogo { order: 2; }
	body.tema-garaj .navbar-header .ac-kapasag { order: 3; margin-left: auto !important; }
	body.tema-garaj .garaj-mlogo {
		position: absolute !important;
		left: 50% !important;
		top: 50% !important;
		transform: translate(-50%, -50%) !important;
		margin: 0 !important;
		padding: 0 !important;
		text-align: center !important;
		line-height: 0 !important;
		z-index: 1;
		max-width: 58%;
	}
		body.tema-garaj .navbar-header .mobil-menu,
	body.tema-garaj .navbar-header .mobil-menuqq {
		top: 48px !important;
	}
	body.tema-garaj .garaj-mlogo img,
	body.tema-garaj .navbar-header .visible-xs img,
	body.tema-garaj .logo img {
		display: block !important;
		max-height: 22px !important;
		height: 22px !important;
		width: auto !important;
		max-width: 160px !important;
		margin: 0 auto !important;
		object-fit: contain !important;
	}
	body.tema-garaj .top-line,
	body.tema-garaj .header-s .pull-right {
		float: none !important;
		text-align: left;
		margin-top: 6px;
	}
	body.tema-garaj #custom-search-input {
		margin-top: 8px;
	}
	body.tema-garaj .button20,
	body.tema-garaj .button34 {
		display: inline-block;
		margin: 4px 4px 4px 0;
		font-size: 13px !important;
		padding: 8px 10px !important;
	}
	body.tema-garaj .home-categories__content {
		grid-template-columns: 1fr !important;
	}
	body.tema-garaj.ilan-liste .panel-body .row > [class*="col-"] {
		width: 50%;
		float: left;
		padding-left: 4px;
		padding-right: 4px;
	}
	body.tema-garaj .garaj-tek-sira > .panel-body > .row > [class*="col-"],
	body.tema-garaj .garaj-vitrin-grid > .panel-body > .row > [class*="col-"] {
		width: 50% !important;
		max-width: 50% !important;
	}
	body.tema-garaj.ilan-liste .garaj-tek-sira .adv2 .image1 img,
	body.tema-garaj .garaj-tek-sira .adv2 .image1 img,
	body.tema-garaj.ilan-liste .garaj-vitrin-grid .adv2 .image1 img,
	body.tema-garaj .garaj-vitrin-grid .adv2 .image1 img {
		height: 100px !important;
	}
	body.tema-garaj.ilan-liste .category-content .adv2,
	body.tema-garaj.ilan-liste .fire-ads .adv2 {
		display: block !important;
		min-height: 0 !important;
		height: auto !important;
		padding: 0 0 8px !important;
	}
	body.tema-garaj.ilan-liste .category-content .adv2 .image1 img,
	body.tema-garaj.ilan-liste .fire-ads .adv2 .image1 img {
		width: 100% !important;
		height: 110px !important;
	}
	body.tema-garaj.ilan-liste .category-content .adv2 .adv2-title,
	body.tema-garaj.ilan-liste .fire-ads .adv2 .adv2-title {
		text-align: center !important;
		font-size: 13px !important;
		padding: 6px;
	}
	body.tema-garaj.ilan-liste .category-content .adv2 .listing-card__price,
	body.tema-garaj.ilan-liste .fire-ads .adv2 .listing-card__price {
		text-align: center;
	}
	body.tema-garaj .ilan-title {
		font-size: 18px !important;
		line-height: 1.3;
		word-break: break-word;
	}
	body.tema-garaj .container.top15 .pull-right {
		float: none !important;
		display: block;
		margin: 6px 0 10px !important;
		text-align: left !important;
	}
	body.tema-garaj .container.top15 .col-md-8,
	body.tema-garaj .container.top15 .col-md-4,
	body.tema-garaj .container.top15 .col-sm-7,
	body.tema-garaj .container.top15 .col-sm-5 {
		width: 100% !important;
		float: none !important;
		padding-left: 0;
		padding-right: 0;
	}
	body.tema-garaj .nav-tabs > li {
		float: none;
		display: block;
		margin: 0 0 4px;
	}
	body.tema-garaj .nav-tabs > li > a {
		display: block;
		border-radius: 2px !important;
	}
	body.tema-garaj .card .col-sm-4 {
		width: 100% !important;
		float: none !important;
		text-align: center;
	}
	body.tema-garaj .fotorama,
	body.tema-garaj .fotorama__wrap {
		max-width: 100% !important;
	}
	body.tema-garaj .garaj-map {
		height: 240px;
	}
	body.tema-garaj .panel-body {
		padding: 10px !important;
	}
	body.tema-garaj .panel-body strong[style*="font-size:32px"],
	body.tema-garaj .panel-body strong[style*="font-size: 32px"] {
		font-size: 24px !important;
	}
	body.tema-garaj .progress-label-left,
	body.tema-garaj .progress-label-right {
		font-size: 14px !important;
	}
	body.tema-garaj .card .row > [class*="col-"] {
		width: 100%;
		float: none;
		margin-bottom: 12px;
	}
	body.tema-garaj table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	body.tema-garaj img {
		max-width: 100%;
		height: auto;
	}
	body.tema-garaj .breadcrumb,
	body.tema-garaj .kategori-yolu,
	body.tema-garaj .panel-body a {
		word-break: break-word;
	}
	body.tema-garaj .footer_sabit,
	body.tema-garaj .footer {
		padding: 16px 10px;
	}
}

/* Garaj AI arama — sağ alt sabit buton */
body.tema-garaj .garaj-ai-fab {
	position: fixed;
	right: 16px;
	bottom: 20px;
	z-index: 10040;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 12px 16px 12px 12px;
	border: 0;
	border-radius: 999px;
	background: var(--garaj-accent);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .01em;
	cursor: pointer;
	box-shadow: 0 8px 22px rgba(15, 111, 115, .35);
	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
body.tema-garaj .garaj-ai-fab:hover,
body.tema-garaj .garaj-ai-fab:focus {
	filter: brightness(1.06);
	box-shadow: 0 10px 26px rgba(15, 111, 115, .42);
	transform: translateY(-1px);
	outline: none;
}
body.tema-garaj .garaj-ai-fab__icon {
	display: inline-flex;
	width: 28px;
	height: 28px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(255,255,255,.18);
	color: #fff;
	font-size: 14px;
	line-height: 1;
}
body.tema-garaj .garaj-ai-fab__txt {
	white-space: nowrap;
}
body.tema-garaj.garaj-ai-open .garaj-ai-fab {
	visibility: hidden;
	pointer-events: none;
}
@media (max-width: 767px) {
	body.tema-garaj .garaj-ai-fab {
		right: 12px;
		bottom: calc(68px + env(safe-area-inset-bottom, 0px));
		padding: 11px 14px 11px 11px;
		font-size: 12px;
	}
	body.tema-garaj .garaj-ai-fab__icon {
		width: 24px;
		height: 24px;
		font-size: 12px;
	}
}
body.tema-garaj.garaj-ai-open { overflow: hidden; }
body.tema-garaj .garaj-ai-overlay {
	position: fixed;
	inset: 0;
	z-index: 100000;
	background: rgba(20,28,34,.45);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 12px;
}
body.tema-garaj .garaj-ai-overlay[hidden] { display: none !important; }
body.tema-garaj .garaj-ai-panel {
	width: 100%;
	max-width: 560px;
	max-height: min(88vh, 720px);
	background: #fff;
	border: 1px solid var(--garaj-line);
	border-radius: 14px 14px 8px 8px;
	box-shadow: 0 12px 40px rgba(0,0,0,.18);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
body.tema-garaj .garaj-ai-head {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 16px 10px;
	border-bottom: 1px solid var(--garaj-line);
}
body.tema-garaj .garaj-ai-badge {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	color: var(--garaj-accent);
	background: #e8f4f4;
	border-radius: 999px;
	padding: 3px 8px;
	margin-bottom: 4px;
}
body.tema-garaj .garaj-ai-head h3 {
	margin: 0 0 4px;
	font-size: 18px;
	color: #1c1c1c;
}
body.tema-garaj .garaj-ai-head p {
	margin: 0;
	font-size: 12px;
	color: #6a737c;
}
body.tema-garaj .garaj-ai-close {
	border: 0;
	background: transparent;
	font-size: 28px;
	line-height: 1;
	color: #6a737c;
	cursor: pointer;
	padding: 0 4px;
}
body.tema-garaj .garaj-ai-examples {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 10px 12px;
}
body.tema-garaj .garaj-ai-examples button {
	border: 1px solid var(--garaj-line);
	background: #f7f9fa;
	border-radius: 999px;
	padding: 6px 10px;
	font-size: 11px;
	color: #24303a;
	cursor: pointer;
	text-align: left;
}
body.tema-garaj .garaj-ai-chat {
	flex: 1 1 auto;
	overflow: auto;
	padding: 8px 12px 12px;
	background: #f4f6f8;
	min-height: 180px;
}
body.tema-garaj .garaj-ai-msg { margin-bottom: 10px; }
body.tema-garaj .garaj-ai-msg--user { text-align: right; }
body.tema-garaj .garaj-ai-bubble {
	display: inline-block;
	max-width: 92%;
	padding: 8px 11px;
	border-radius: 12px;
	font-size: 13px;
	line-height: 1.35;
	text-align: left;
	background: #fff;
	border: 1px solid var(--garaj-line);
	color: #24303a;
}
body.tema-garaj .garaj-ai-msg--user .garaj-ai-bubble {
	background: var(--garaj-accent);
	border-color: var(--garaj-accent);
	color: #fff;
}
body.tema-garaj .garaj-ai-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 6px;
}
body.tema-garaj .garaj-ai-chip {
	display: inline-block;
	background: #fff;
	border: 1px solid var(--garaj-line);
	border-radius: 999px;
	padding: 3px 8px;
	font-size: 11px;
	color: #24303a;
}
body.tema-garaj .garaj-ai-cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: 6px;
	margin-top: 8px;
}
body.tema-garaj .garaj-ai-card {
	display: flex;
	gap: 8px;
	align-items: center;
	background: #fff;
	border: 1px solid var(--garaj-line);
	border-radius: 8px;
	padding: 6px;
	text-decoration: none !important;
	color: #24303a !important;
}
body.tema-garaj .garaj-ai-card img {
	width: 56px;
	height: 42px;
	object-fit: cover;
	border-radius: 4px;
	flex: 0 0 auto;
}
body.tema-garaj .garaj-ai-card b {
	display: block;
	font-size: 12px;
	line-height: 1.25;
	max-height: 2.5em;
	overflow: hidden;
}
body.tema-garaj .garaj-ai-card em {
	display: block;
	font-style: normal;
	font-size: 12px;
	font-weight: 700;
	color: var(--garaj-accent);
	margin-top: 2px;
}
body.tema-garaj .garaj-ai-more {
	display: inline-block;
	margin-top: 8px;
	font-size: 12px;
	font-weight: 700;
	color: var(--garaj-accent) !important;
}
body.tema-garaj .garaj-ai-empty {
	margin-top: 8px;
	font-size: 12px;
	color: #6a737c;
}
body.tema-garaj .garaj-ai-form {
	display: flex;
	gap: 8px;
	padding: 10px 12px;
	border-top: 1px solid var(--garaj-line);
	background: #fff;
}
body.tema-garaj .garaj-ai-form input {
	flex: 1 1 auto;
	border: 1px solid #c8cdd2;
	border-radius: 8px;
	padding: 10px 12px;
	font-size: 14px;
}
body.tema-garaj .garaj-ai-form button {
	border: 0;
	border-radius: 8px;
	background: var(--garaj-accent);
	color: #fff;
	font-weight: 700;
	padding: 0 16px;
	cursor: pointer;
}
body.tema-garaj .garaj-ai-note {
	padding: 0 12px 10px;
	font-size: 10px;
	color: #8a949c;
}
@media (min-width: 768px) {
	body.tema-garaj .garaj-ai-overlay { align-items: center; }
	body.tema-garaj .garaj-ai-panel { border-radius: 14px; }
}
/* ========== İlan Ver (add2) profesyonel form ========== */
body.tema-garaj .garaj-add-wrap {
	max-width: 980px;
	margin: 0 auto 40px;
	padding-left: 12px;
	padding-right: 12px;
}
body.tema-garaj .garaj-add-hero {
	margin: 18px 0 14px;
	padding: 18px 20px;
	background:
		linear-gradient(135deg, rgba(15,111,115,.08), rgba(15,111,115,0) 55%),
		#fff;
	border: 1px solid var(--garaj-line);
	border-left: 4px solid var(--garaj-accent);
}
body.tema-garaj .garaj-add-hero h1 {
	margin: 0 0 6px;
	font-size: 22px;
	font-weight: 700;
	color: #1a2a33;
	letter-spacing: -.02em;
}
body.tema-garaj .garaj-add-hero p {
	margin: 0;
	font-size: 13px;
	line-height: 1.45;
	color: #5a6772;
}

body.tema-garaj .garaj-add-steps {
	list-style: none;
	margin: 0 0 18px;
	padding: 12px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	background: #fff;
	border: 1px solid var(--garaj-line);
}
body.tema-garaj .garaj-add-steps li {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	position: relative;
	min-width: 0;
	color: #8a949c;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
}
body.tema-garaj .garaj-add-steps li:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 14px;
	left: calc(50% + 18px);
	width: calc(100% - 36px);
	height: 2px;
	background: #d7dde3;
}
body.tema-garaj .garaj-add-step-num {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #eef1f4;
	color: #6a737c;
	font-size: 12px;
	z-index: 1;
	border: 2px solid #eef1f4;
}
body.tema-garaj .garaj-add-steps li.is-done .garaj-add-step-num {
	background: var(--garaj-accent);
	border-color: var(--garaj-accent);
	color: #fff;
}
body.tema-garaj .garaj-add-steps li.is-active .garaj-add-step-num {
	background: #fff;
	border-color: var(--garaj-accent);
	color: var(--garaj-accent);
	box-shadow: 0 0 0 3px rgba(15,111,115,.12);
}
body.tema-garaj .garaj-add-steps li.is-active,
body.tema-garaj .garaj-add-steps li.is-done {
	color: #24303a;
}
body.tema-garaj .garaj-add-step-label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

body.tema-garaj .garaj-add-sections {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
body.tema-garaj .garaj-add-flow .garaj-add-card,
body.tema-garaj .garaj-add-flow .panel.garaj-add-card {
	margin: 0 !important;
	border: 1px solid var(--garaj-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: visible;
}
body.tema-garaj .garaj-add-card--map,
body.tema-garaj .garaj-add-map {
	overflow: visible !important;
}
body.tema-garaj .garaj-add-map {
	min-height: 350px;
	background: #e9eef2;
	border: 1px solid var(--garaj-line);
}
body.tema-garaj .garaj-add-flow .garaj-add-card > .panel-heading {
	display: flex !important;
	align-items: center;
	gap: 8px;
	background: #f8fafb !important;
	border-bottom: 1px solid var(--garaj-line) !important;
	color: #1a2a33 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	padding: 12px 16px !important;
	white-space: normal !important;
}
body.tema-garaj .garaj-add-flow .garaj-add-card > .panel-heading .fa {
	color: var(--garaj-accent);
	width: 18px;
	text-align: center;
}
body.tema-garaj .garaj-add-flow .garaj-add-card > .panel-body {
	padding: 16px 16px 18px !important;
}
body.tema-garaj .garaj-add-flow .form-control,
body.tema-garaj .garaj-add-flow select.form-control,
body.tema-garaj .garaj-add-flow textarea.form-control {
	height: 40px;
	border: 1px solid #c8cdd2;
	border-radius: 2px;
	box-shadow: none;
	font-size: 14px;
	color: #24303a;
}
body.tema-garaj .garaj-add-flow textarea.form-control,
body.tema-garaj .garaj-add-flow .note-editor {
	height: auto;
	min-height: 120px;
}
body.tema-garaj .garaj-add-flow .form-control:focus {
	border-color: var(--garaj-accent);
	outline: 0;
	box-shadow: 0 0 0 3px rgba(15,111,115,.12);
}
body.tema-garaj .garaj-add-flow label {
	font-size: 13px;
	font-weight: 700;
	color: #3a4650;
	margin-bottom: 6px;
}
body.tema-garaj .garaj-add-flow iframe {
	border: 1px dashed #c8cdd2 !important;
	background: #fafbfc;
	min-height: 280px;
}
body.tema-garaj .garaj-add-map {
	border: 1px solid var(--garaj-line) !important;
	background: #f4f6f8;
}
body.tema-garaj .garaj-add-map-hint {
	margin: 0 0 10px;
	font-size: 13px;
	font-weight: 700;
	color: #3a4650;
	text-align: center;
}
body.tema-garaj .garaj-add-submit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 4px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid var(--garaj-line);
	border-top: 3px solid var(--garaj-accent);
	position: sticky;
	bottom: 0;
	z-index: 20;
}
body.tema-garaj .garaj-add-terms {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0;
	font-weight: 600;
	font-size: 13px;
	max-width: 60%;
}
body.tema-garaj .garaj-add-terms input {
	margin-top: 3px;
}
body.tema-garaj .garaj-add-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 16px;
	border: 1px solid transparent;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none !important;
	cursor: pointer;
	line-height: 1.2;
}
body.tema-garaj .garaj-add-btn--primary {
	background: var(--garaj-accent) !important;
	border-color: var(--garaj-accent) !important;
	color: #fff !important;
}
body.tema-garaj .garaj-add-btn--primary:hover {
	filter: brightness(.95);
	color: #fff !important;
}
body.tema-garaj .garaj-add-btn--ghost {
	background: #fff !important;
	border-color: #c8cdd2 !important;
	color: #24303a !important;
}
body.tema-garaj .garaj-add-btn--lg {
	min-width: 180px;
	padding: 12px 22px;
	font-size: 14px;
}
/* Uyarı ekranları */
body.tema-garaj .garaj-add-alert {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	margin: 28px auto;
	max-width: 720px;
	padding: 22px 22px 20px;
	background: #fff;
	border: 1px solid #f0d2d2;
	border-left: 4px solid #c0392b;
}
body.tema-garaj .garaj-add-alert__icon {
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fdecea;
	color: #c0392b;
	font-size: 18px;
}
body.tema-garaj .garaj-add-alert__body {
	flex: 1 1 auto;
	min-width: 0;
}
body.tema-garaj .garaj-add-alert__body h2 {
	margin: 2px 0 8px;
	font-size: 18px;
	font-weight: 700;
	color: #1a2a33;
}
body.tema-garaj .garaj-add-alert__body p {
	margin: 0 0 8px;
	font-size: 14px;
	line-height: 1.5;
	color: #4a5560;
}
body.tema-garaj .garaj-add-alert__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}

@media (max-width: 767px) {
	body.tema-garaj .garaj-add-hero {
		margin-top: 10px;
		padding: 14px;
	}
	body.tema-garaj .garaj-add-hero h1 { font-size: 18px; }
	body.tema-garaj .garaj-add-steps {
		padding: 10px 6px;
	}
	body.tema-garaj .garaj-add-step-label {
		font-size: 9px;
		letter-spacing: 0;
	}
	body.tema-garaj .garaj-add-submit {
		flex-direction: column;
		align-items: stretch;
		position: static;
	}
	body.tema-garaj .garaj-add-terms { max-width: 100%; }
	body.tema-garaj .garaj-add-btn--lg { width: 100%; }
	body.tema-garaj .garaj-add-alert {
		flex-direction: column;
		margin: 16px 0;
		padding: 16px;
	}
}

body.tema-garaj .garaj-add-flow .note-editor.note-frame {
	border: 1px solid #c8cdd2 !important;
	border-radius: 2px;
	box-shadow: none !important;
}

/* İletişim bilgileri — sıkı satırlar */
body.tema-garaj .garaj-contact {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	align-items: start;
}
body.tema-garaj .garaj-contact__prefs-title {
	display: block;
	font-size: 12px;
	font-weight: 700;
	color: #5a6772;
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: .03em;
}
body.tema-garaj .garaj-contact__radios {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
body.tema-garaj .garaj-contact__radio {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 8px 10px;
	border: 1px solid var(--garaj-line);
	background: #fff;
	font-size: 13px;
	font-weight: 600;
	color: #24303a;
	cursor: pointer;
	line-height: 1.2;
}
body.tema-garaj .garaj-contact__radio input {
	margin: 0;
	flex-shrink: 0;
}
body.tema-garaj .garaj-contact__radio:has(input:checked) {
	border-color: var(--garaj-accent);
	background: rgba(15,111,115,.05);
}
body.tema-garaj .garaj-contact__card {
	border: 1px solid var(--garaj-line);
	background: #f8fafb;
	padding: 10px 12px;
}
body.tema-garaj .garaj-contact__list {
	margin: 0;
	padding: 0;
}
body.tema-garaj .garaj-contact__row {
	display: grid;
	grid-template-columns: 88px 1fr;
	gap: 8px;
	align-items: baseline;
	padding: 4px 0;
	margin: 0;
	line-height: 1.25;
	border-bottom: 1px solid #e8ecf0;
}
body.tema-garaj .garaj-contact__row:last-of-type {
	border-bottom: 0;
	padding-bottom: 0;
}
body.tema-garaj .garaj-contact__row:first-child {
	padding-top: 0;
}
body.tema-garaj .garaj-contact__row dt {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	color: #6a737c;
}
body.tema-garaj .garaj-contact__row dd {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: #1a2a33;
	word-break: break-word;
}
body.tema-garaj .garaj-contact__edit {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
	padding: 6px 10px;
	border: 1px solid #c8cdd2;
	background: #fff;
	color: #24303a !important;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
	line-height: 1.2;
}
body.tema-garaj .garaj-contact__edit:hover {
	border-color: var(--garaj-accent);
	color: var(--garaj-accent) !important;
}
@media (max-width: 767px) {
	body.tema-garaj .garaj-contact {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	body.tema-garaj .garaj-contact__row {
		grid-template-columns: 72px 1fr;
	}
}

body.tema-garaj .garaj-map-fail {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 8px;
	min-height: 350px;
	padding: 24px;
	text-align: center;
	background: #f4f6f8;
	color: #24303a;
	border: 1px solid var(--garaj-line);
}
body.tema-garaj .garaj-map-fail strong {
	display: block;
	font-size: 15px;
	color: #a12622;
}
body.tema-garaj .garaj-map-fail span {
	font-size: 13px;
	line-height: 1.45;
	color: #5a6772;
}
body.tema-garaj .garaj-map-fail em {
	font-style: normal;
	font-weight: 700;
	color: #24303a;
}
/* ========== Kategori filtreleri (Sahibinden tarzı) ========== */
body.tema-garaj.ilan-liste #lef.panel,
body.tema-garaj #lef.panel {
	border: 1px solid var(--garaj-line);
	border-radius: 0;
	box-shadow: none;
	position: sticky;
	top: 12px;
}
body.tema-garaj #lef .panel-heading {
	background: #f7f9fa !important;
	border-bottom: 1px solid var(--garaj-line) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	padding: 10px 12px !important;
}
body.tema-garaj #lef .panel-body {
	padding: 10px 12px 14px !important;
}
body.tema-garaj #lef .form-group {
	margin-bottom: 10px;
}
body.tema-garaj #lef label,
body.tema-garaj #lef .qlabel {
	display: block;
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #3a4650 !important;
	margin-bottom: 4px !important;
}
body.tema-garaj #lef .form-control,
body.tema-garaj #lef select.form-control {
	height: 34px;
	border: 1px solid #c8cdd2;
	border-radius: 2px;
	box-shadow: none;
	font-size: 13px;
}
body.tema-garaj #lef .select {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eef1f4;
}
body.tema-garaj #lef .select:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
body.tema-garaj .category-content .list-group-item,
body.tema-garaj .category-nav li a,
body.tema-garaj .panel .sub1 a,
body.tema-garaj .panel .sub2 a,
body.tema-garaj .panel .sub3 a,
body.tema-garaj .panel li.sub1 > a,
body.tema-garaj .panel li.sub2 > a,
body.tema-garaj .panel li > a {
	font-size: 13px;
}
body.tema-garaj .panel li.sub1 > a,
body.tema-garaj .panel li.sub2 > a,
body.tema-garaj .panel li.sub3 > a,
body.tema-garaj .panel li.sub4 > a,
body.tema-garaj .panel li.sub5 > a {
	display: block;
	padding: 5px 0;
	color: #24303a !important;
	border-bottom: 1px solid #f0f2f4;
}
body.tema-garaj .panel li > a span {
	color: #8a949c;
	font-size: 11px;
	font-weight: 600;
}
body.tema-garaj #lef .btn,
body.tema-garaj #lef button[type="submit"] {
	background: var(--garaj-accent) !important;
	border-color: var(--garaj-accent) !important;
	color: #fff !important;
	font-weight: 700;
	border-radius: 2px !important;
	width: 100%;
	margin-top: 6px;
}
/* deep category columns (Sahibinden-like) */
.garaj-cat-cols{overflow-x:auto;white-space:nowrap;max-width:100%;-webkit-overflow-scrolling:touch}
.garaj-cat-cols>span{display:inline-block;vertical-align:top}
.garaj-cat-cols select{float:none !important;display:inline-block !important;margin-right:6px}