/* ==========================================================================
   MAHALLEM.NET — MODERN UI KIT
   Bootstrap 5.3 | Tek Parça | Production Ready
   ==========================================================================
   İÇİNDEKİLER
   --------------------------------------------------------------------------
   01. Design Tokens
   02. Reset & Base
   03. Typography
   04. Layout & Container
   05. Navbar & Header
   06. Dropdown Menüler
   07. Butonlar
   08. Form Elemanları
   09. Kartlar (Genel)
   10. İlan Kartları & Grid
   11. Fiyat Etiketi
   12. Hero & Parallax
   13. Arama Formu (Ana Sayfa)
   14. Arama Sayfası Üst Formu
   15. Breadcrumb
   16. Sidebar, Filtreler & Offcanvas
   17. Sekmeler (Tabs)
   18. Galeri (bxSlider)
   19. Pagination
   20. Modal & Offcanvas
   21. Footer
   22. Sosyal Medya & Paylaşım
   23. Badge, Alert, Progress
   24. Cookie Consent
   25. AdSense, WYSIWYG, intl-tel, Swal
   26. Animasyonlar & Utilities
   27. İlan Detay Sayfası
   28. "Ek Detaylar" Grid
   29. Benzer İlanlar Carousel
   30. İlan Ekleme Sayfası
   31. Ana Sayfa Cilalama
   32. Dark Mode
   33. Accessibility
   ========================================================================== */


/* ==========================================================================
   01. DESIGN TOKENS
   ========================================================================== */
:root {
	/* Brand */
	--mh-primary:        #4f46e5;
	--mh-primary-hover:  #4338ca;
	--mh-primary-active: #3730a3;
	--mh-primary-soft:   #eef2ff;
	--mh-accent:         #06b6d4;
	--mh-accent-hover:   #0891b2;
	--mh-success:        #16a34a;
	--mh-warning:        #f59e0b;
	--mh-danger:         #e11d48;
	--mh-info:           #0ea5e9;

	/* Neutrals */
	--mh-bg:             #f7f8fb;
	--mh-surface:        #ffffff;
	--mh-surface-2:      #f1f3f9;
	--mh-surface-3:      #e6e9f2;
	--mh-border:         #e6e8ef;
	--mh-border-strong:  #cbd2e0;
	--mh-text:           #0f172a;
	--mh-text-soft:      #475569;
	--mh-text-muted:     #64748b;
	--mh-text-faint:     #94a3b8;

	/* Radii */
	--mh-radius-xs:      6px;
	--mh-radius-sm:      10px;
	--mh-radius:         14px;
	--mh-radius-lg:      20px;
	--mh-radius-xl:      28px;
	--mh-radius-pill:    999px;

	/* Shadows */
	--mh-shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);
	--mh-shadow-sm: 0 2px 6px rgba(15, 23, 42, .06);
	--mh-shadow-md: 0 8px 24px rgba(15, 23, 42, .08);
	--mh-shadow-lg: 0 16px 40px rgba(15, 23, 42, .12);
	--mh-shadow-xl: 0 24px 60px rgba(79, 70, 229, .18);

	/* Focus ring */
	--mh-ring: 0 0 0 4px rgba(79, 70, 229, .15);
	--mh-ring-danger: 0 0 0 4px rgba(225, 29, 72, .15);

	/* Gradients */
	--mh-grad-primary: linear-gradient(135deg, #4f46e5 0%, #6366f1 50%, #06b6d4 100%);
	--mh-grad-hero:    linear-gradient(135deg, #1e1b4b 0%, #312e81 45%, #0e7490 100%);
	--mh-grad-hero-dark: linear-gradient(135deg, #0a0f24 0%, #1a1b4b 50%, #0a4a5a 100%);
	--mh-grad-dark:    linear-gradient(135deg, #0f172a, #1e293b);
	--mh-grad-warning: linear-gradient(135deg, #f59e0b, #f97316);
	--mh-grad-danger:  linear-gradient(135deg, #ef4444, #dc2626);
	--mh-grad-success: linear-gradient(135deg, #22c55e, #16a34a);

	/* Motion */
	--mh-ease:   cubic-bezier(.4, 0, .2, 1);
	--mh-fast:   150ms;
	--mh-base:   250ms;
	--mh-slow:   400ms;

	/* Layout */
	--mh-navbar-h:  72px;
	--mh-sidebar-w: 280px;
}


/* ==========================================================================
   02. RESET & BASE
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; }

html {
	font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--mh-navbar-h) + 12px);
}

body {
	margin: 0;
	background: var(--mh-bg);
	color: var(--mh-text);
	font-family: "Inter", system-ui, -apple-system, sans-serif;
	font-size: .95rem;
	line-height: 1.6;
	min-height: 100vh;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

main { min-height: 60vh; }

::selection {
	background: var(--mh-primary);
	color: #fff;
}

img { max-width: 100%; height: auto; }

a {
	text-decoration: none;
	color: var(--mh-primary);
	transition: color var(--mh-fast) var(--mh-ease),
	            opacity var(--mh-fast) var(--mh-ease);
}
a:hover { color: var(--mh-primary-hover); }


/* ==========================================================================
   03. TYPOGRAPHY
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
	font-family: "Plus Jakarta Sans", "Inter", sans-serif;
	font-weight: 700;
	letter-spacing: -.015em;
	color: var(--mh-text);
	line-height: 1.25;
}
h1 { font-size: clamp(1.6rem, 3.5vw, 2.4rem); font-weight: 800; }
h2 { font-size: clamp(1.35rem, 2.8vw, 1.9rem); }
h3 { font-size: clamp(1.15rem, 2.2vw, 1.5rem); }

.fw-lighter { font-weight: 400 !important; }
.fw-bold, .fw-bolder { font-weight: 700 !important; }

.text-shadow    { text-shadow: 0 1px 2px rgba(0, 0, 0, .15); }
.text-muted     { color: var(--mh-text-muted) !important; }
.text-secondary { color: var(--mh-text-muted) !important; }

.ff-roboto           { font-family: "Roboto", sans-serif; }
.ff-roboto-condensed { font-family: "Roboto Condensed", sans-serif; }
.ff-inter            { font-family: "Inter", sans-serif; }
.ff-lexend           { font-family: "Lexend", sans-serif; }
.ff-manrope          { font-family: "Manrope", sans-serif; }
.ff-montserrat       { font-family: "Montserrat", sans-serif; }
.ff-open-sans        { font-family: "Open Sans", sans-serif; }
.ff-quicksand        { font-family: "Quicksand", sans-serif; }
.ff-raleway          { font-family: "Raleway", sans-serif; }

.card-header h1, .card-header h2, .card-header h3, .card-header h4,
.card-header h5, .card-header h6,
.modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4,
.modal-header h5, .modal-header h6,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
	font-family: "Plus Jakarta Sans", "Inter", sans-serif;
	font-weight: 700;
}


/* ==========================================================================
   04. LAYOUT & CONTAINER
   ========================================================================== */
.container      { max-width: 1240px; }
.main-container { padding-bottom: 2rem; }


/* ==========================================================================
   05. NAVBAR & HEADER
   ========================================================================== */
header .navbar {
	min-height: var(--mh-navbar-h);
	background: rgba(255, 255, 255, .82) !important;
	backdrop-filter: saturate(180%) blur(16px);
	-webkit-backdrop-filter: saturate(180%) blur(16px);
	border-bottom: 1px solid var(--mh-border) !important;
	transition: box-shadow var(--mh-base) var(--mh-ease);
	position: sticky;
	top: 0;
	z-index: 1030;
}
header .navbar.scrolled { box-shadow: var(--mh-shadow-sm); }

.navbar .nav-link {
	font-weight: 500;
	color: var(--mh-text-muted) !important;
	border-radius: var(--mh-radius-sm);
	padding: .5rem .85rem !important;
	transition: color var(--mh-fast) var(--mh-ease),
	            background var(--mh-fast) var(--mh-ease);
	display: inline-flex;
	align-items: center;
	gap: .35rem;
}
.navbar .nav-link:hover {
	color: var(--mh-primary) !important;
	background: var(--mh-primary-soft);
}
.navbar .nav-link .bi-person-circle,
.navbar .nav-link .bi-globe2 { color: var(--mh-primary); }

.navbar .navbar-toggler {
	border: 1px solid var(--mh-border);
	border-radius: var(--mh-radius-sm);
	padding: .4rem .6rem;
	transition: all var(--mh-fast) var(--mh-ease);
}
.navbar .navbar-toggler:focus {
	box-shadow: var(--mh-ring);
	outline: 0;
}

.logo, .logo-title {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight: 800;
	letter-spacing: -.02em;
}
.navbar-brand img.main-logo {
	max-width: 220px !important;
	max-height: 52px !important;
}

.flag-menu .flag-icon {
	width: 24px;
	height: auto;
	border-radius: 4px;
	box-shadow: var(--mh-shadow-xs);
}

/* Navbar CTA */
.btn-listing.btn-border {
	border: 1.5px solid var(--mh-primary);
	color: var(--mh-primary) !important;
	background: transparent;
	border-radius: var(--mh-radius-pill);
	padding: .5rem 1.1rem;
	font-weight: 600;
	transition: all var(--mh-base) var(--mh-ease);
	display: inline-flex;
	align-items: center;
	gap: .35rem;
}
.btn-listing.btn-border:hover {
	background: var(--mh-primary);
	color: #fff !important;
	box-shadow: var(--mh-shadow-md);
	transform: translateY(-1px);
}


/* ==========================================================================
   06. DROPDOWN MENÜLER
   ========================================================================== */
#userNavDropdown.dropdown-menu,
#authNavDropdown.dropdown-menu,
.dropdown-menu {
	border: 1px solid var(--mh-border);
	border-radius: var(--mh-radius);
	box-shadow: var(--mh-shadow-lg);
	padding: .5rem;
	min-width: 240px;
	background: var(--mh-surface);
	animation: mh-dropdown-in .2s var(--mh-ease);
}
@keyframes mh-dropdown-in {
	from { opacity: 0; transform: translateY(-6px); }
	to   { opacity: 1; transform: translateY(0); }
}

.dropdown-item {
	border-radius: var(--mh-radius-sm);
	padding: .55rem .85rem !important;
	font-size: .88rem;
	font-weight: 500;
	color: var(--mh-text);
	transition: all var(--mh-fast) var(--mh-ease);
	display: flex;
	align-items: center;
	gap: .55rem;
}
.dropdown-item:hover,
.dropdown-item:focus {
	background: var(--mh-primary-soft);
	color: var(--mh-primary);
	transform: translateX(2px);
}
.dropdown-item i {
	width: 18px;
	text-align: center;
	color: var(--mh-text-muted);
	transition: color var(--mh-fast) var(--mh-ease);
}
.dropdown-item:hover i { color: var(--mh-primary); }
.dropdown-divider {
	margin: .35rem 0;
	border-color: var(--mh-border);
	opacity: 1;
}


/* ==========================================================================
   07. BUTONLAR
   ========================================================================== */
.btn {
	border-radius: var(--mh-radius-pill);
	font-weight: 600;
	letter-spacing: .005em;
	padding: .55rem 1.15rem;
	transition: transform var(--mh-fast) var(--mh-ease),
	            box-shadow var(--mh-fast) var(--mh-ease),
	            background var(--mh-fast) var(--mh-ease),
	            color var(--mh-fast) var(--mh-ease),
	            border-color var(--mh-fast) var(--mh-ease);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .35rem;
}
.btn:active       { transform: translateY(1px); }
.btn:focus-visible{ box-shadow: var(--mh-ring); outline: 0; }

.btn-primary {
	background: var(--mh-primary);
	border-color: var(--mh-primary);
	color: #fff;
	box-shadow: var(--mh-shadow-sm);
}
.btn-primary:hover,
.btn-primary:focus {
	background: var(--mh-primary-hover);
	border-color: var(--mh-primary-hover);
	box-shadow: var(--mh-shadow-md);
	transform: translateY(-1px);
	color: #fff;
}
.btn-primary:active { background: var(--mh-primary-active); }

.btn-secondary {
	background: var(--mh-text);
	border-color: var(--mh-text);
	color: #fff;
}
.btn-secondary:hover {
	background: var(--mh-primary);
	border-color: var(--mh-primary);
	color: #fff;
	transform: translateY(-1px);
	box-shadow: var(--mh-shadow-md);
}

.btn-outline-secondary {
	border-color: var(--mh-border);
	color: var(--mh-text-muted);
	background: transparent;
}
.btn-outline-secondary:hover {
	background: var(--mh-surface-2);
	border-color: var(--mh-border-strong);
	color: var(--mh-text);
}

.btn-outline-primary {
	border-color: var(--mh-primary);
	color: var(--mh-primary);
	background: transparent;
}
.btn-outline-primary:hover {
	background: var(--mh-primary);
	border-color: var(--mh-primary);
	color: #fff;
	transform: translateY(-1px);
}

.btn-outline-danger {
	border-color: rgba(225, 29, 72, .35);
	color: var(--mh-danger);
	background: transparent;
}
.btn-outline-danger:hover {
	background: var(--mh-danger);
	border-color: var(--mh-danger);
	color: #fff;
	transform: translateY(-1px);
}

.btn-warning {
	background: var(--mh-grad-warning);
	border: 0;
	color: #fff;
	box-shadow: 0 4px 14px rgba(245, 158, 11, .3);
}
.btn-warning:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(245, 158, 11, .4);
	color: #fff;
}

.btn-outline-warning {
	border-color: var(--mh-warning);
	color: var(--mh-warning);
	background: transparent;
}
.btn-outline-warning:hover {
	background: var(--mh-warning);
	color: #fff;
}

.btn-success {
	background: var(--mh-success);
	border-color: var(--mh-success);
	color: #fff;
}
.btn-success:hover {
	background: #15803d;
	border-color: #15803d;
	color: #fff;
}

.btn-xs {
	--bs-btn-padding-y: .3rem;
	--bs-btn-padding-x: .65rem;
	--bs-btn-font-size: .75rem;
	border-radius: var(--mh-radius-pill);
}
.btn-sm {
	--bs-btn-padding-y: .4rem;
	--bs-btn-padding-x: .85rem;
	--bs-btn-font-size: .82rem;
}
.btn-lg { padding: .8rem 1.75rem; font-size: 1rem; }

.btn-block,
.btn-block + .btn-block { width: 100%; }

/* CTA: İlan ver */
.btn-post.btn-listing,
.btn-post {
	background: #fff !important;
	color: var(--mh-primary) !important;
	border: 0 !important;
	font-weight: 700;
	padding: .85rem 2rem;
	border-radius: var(--mh-radius-pill);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .15);
	transition: all var(--mh-base) var(--mh-ease);
	letter-spacing: .02em;
}
.btn-post:hover {
	transform: translateY(-3px) scale(1.02);
	box-shadow: 0 12px 32px rgba(0, 0, 0, .25);
	color: var(--mh-primary-hover) !important;
}


/* ==========================================================================
   08. FORM ELEMANLARI
   ========================================================================== */
.form-label {
	font-weight: 600;
	font-size: .85rem;
	color: var(--mh-text);
	margin-bottom: .4rem;
}

.form-control,
.form-select {
	background: var(--mh-surface);
	border: 1.5px solid var(--mh-border);
	border-radius: var(--mh-radius-sm);
	padding: .65rem .9rem;
	font-size: .92rem;
	color: var(--mh-text);
	transition: border-color var(--mh-fast) var(--mh-ease),
	            box-shadow var(--mh-fast) var(--mh-ease),
	            background var(--mh-fast) var(--mh-ease);
}
.form-control:focus,
.form-select:focus {
	border-color: var(--mh-primary);
	box-shadow: var(--mh-ring);
	background: var(--mh-surface);
	outline: 0;
}
.form-control::placeholder { color: var(--mh-text-faint); opacity: 1; }
.form-control:disabled,
.form-select:disabled {
	background: var(--mh-surface-2);
	color: var(--mh-text-muted);
	cursor: not-allowed;
}

.form-control.is-invalid,
.form-select.is-invalid {
	border-color: var(--mh-danger);
}
.form-control.is-invalid:focus,
.form-select.is-invalid:focus {
	box-shadow: var(--mh-ring-danger);
}

textarea.form-control {
	min-height: 140px;
	resize: vertical;
	line-height: 1.6;
}

.form-text   { color: var(--mh-text-muted); font-size: .8rem; }
.text-count  { color: var(--mh-text-faint); font-weight: 400; }

.input-group-text {
	background: var(--mh-surface-2);
	border: 1.5px solid var(--mh-border);
	color: var(--mh-text-muted);
	border-radius: var(--mh-radius-sm);
}

.form-check-input {
	border-color: var(--mh-border-strong);
	transition: all var(--mh-fast) var(--mh-ease);
}
.form-check-input:checked {
	background-color: var(--mh-primary);
	border-color: var(--mh-primary);
}
.form-check-input:focus {
	box-shadow: var(--mh-ring);
	border-color: var(--mh-primary);
}
.form-check-label {
	font-weight: 500;
	color: var(--mh-text-soft);
	cursor: pointer;
}

/* Select2 */
.select2-container--bootstrap-5 .select2-selection {
	background: var(--mh-surface) !important;
	border: 1.5px solid var(--mh-border) !important;
	border-radius: var(--mh-radius-sm) !important;
	min-height: 42px !important;
	padding: .35rem .5rem !important;
	transition: all var(--mh-fast) var(--mh-ease);
}
.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
	border-color: var(--mh-primary) !important;
	box-shadow: var(--mh-ring);
}
.select2-container--bootstrap-5 .select2-selection__rendered {
	color: var(--mh-text) !important;
	font-weight: 500;
	line-height: 28px;
}
.select2-dropdown {
	border: 1px solid var(--mh-border) !important;
	border-radius: var(--mh-radius) !important;
	box-shadow: var(--mh-shadow-lg) !important;
	padding: .35rem;
	background: var(--mh-surface);
}
.select2-results__option--highlighted {
	background: var(--mh-primary) !important;
	border-radius: var(--mh-radius-sm);
}

/* Select2 multiple (etiket seçici) */
.select2-container--bootstrap-5 .select2-selection--multiple {
	min-height: 48px !important;
	padding: .35rem .5rem !important;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice {
	background: var(--mh-primary-soft) !important;
	border: 1px solid rgba(79, 70, 229, .2) !important;
	color: var(--mh-primary) !important;
	border-radius: var(--mh-radius-pill) !important;
	font-weight: 600;
	font-size: .78rem;
	padding: .25rem .65rem !important;
	margin: .15rem .25rem .15rem 0;
	display: inline-flex;
	align-items: center;
	gap: .35rem;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove {
	color: var(--mh-primary) !important;
	border-right: 0 !important;
	margin-right: 0 !important;
	font-size: 1rem;
	font-weight: 700;
	transition: color var(--mh-fast) var(--mh-ease);
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: var(--mh-danger) !important;
	background: transparent !important;
}


/* ==========================================================================
   09. KARTLAR (Genel)
   ========================================================================== */
.card {
	background: var(--mh-surface);
	border: 1px solid var(--mh-border);
	border-radius: var(--mh-radius-lg);
	box-shadow: var(--mh-shadow-sm);
	overflow: hidden;
	transition: box-shadow var(--mh-base) var(--mh-ease);
}
.card-header {
	background: transparent;
	border-bottom: 1px solid var(--mh-border) !important;
	padding: 1.15rem 1.35rem;
}
.card-body   { padding: 1.25rem 1.35rem; }
.card-footer {
	background: transparent;
	border-top: 1px solid var(--mh-border);
	padding: 1rem 1.35rem;
}

/* Büyük ikonlu kategori kartları */
.big-icon-category-list .col > div {
	background: var(--mh-surface);
	border: 1px solid var(--mh-border) !important;
	border-radius: var(--mh-radius) !important;
	box-shadow: var(--mh-shadow-xs);
	transition: transform var(--mh-base) var(--mh-ease),
	            box-shadow var(--mh-base) var(--mh-ease),
	            border-color var(--mh-base) var(--mh-ease);
}
.big-icon-category-list .col > div:hover {
	transform: translateY(-4px);
	box-shadow: var(--mh-shadow-md);
	border-color: var(--mh-primary) !important;
}
.big-icon-category-list i {
	background: var(--mh-grad-primary);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: transform var(--mh-base) var(--mh-ease);
	display: inline-block;
}
.big-icon-category-list .col > div:hover i {
	transform: scale(1.08) rotate(-3deg);
}
.big-icon-category-list h6 {
	font-weight: 600;
	font-size: .9rem;
	color: var(--mh-text);
	margin-top: .5rem;
}

/* İstatistik / counter kartları */
.card.border-0.bg-body-tertiary {
	background: linear-gradient(135deg, var(--mh-primary-soft), var(--mh-surface)) !important;
	border: 1px solid var(--mh-border) !important;
	border-radius: var(--mh-radius-lg);
	box-shadow: var(--mh-shadow-sm);
}
.card.border-0.bg-body-tertiary i {
	background: var(--mh-grad-primary);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Alt CTA kartı (İlan ver) */
.container > .card.bg-body-tertiary.border {
	background: var(--mh-grad-primary) !important;
	border: 0 !important;
	border-radius: var(--mh-radius-lg) !important;
	padding: 2.5rem 2rem !important;
	color: #fff;
	box-shadow: var(--mh-shadow-xl), 0 20px 60px rgba(79, 70, 229, .3);
	position: relative;
	overflow: hidden;
}
.container > .card.bg-body-tertiary.border::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(255,255,255,.1) 1px, transparent 1px);
	background-size: 24px 24px;
	opacity: .5;
	pointer-events: none;
}
.container > .card.bg-body-tertiary.border::after {
	content: "";
	position: absolute;
	top: -60px;
	right: -60px;
	width: 220px;
	height: 220px;
	background: radial-gradient(circle, rgba(255,255,255,.18), transparent 70%);
	border-radius: 50%;
	pointer-events: none;
}
.container > .card.bg-body-tertiary.border .card-body { position: relative; z-index: 1; }
.container > .card.bg-body-tertiary.border h3 {
	color: #fff !important;
	font-size: clamp(1.35rem, 2.4vw, 1.85rem);
	font-weight: 800;
	letter-spacing: -.02em;
	margin-bottom: .65rem;
}
.container > .card.bg-body-tertiary.border h5 {
	color: rgba(255, 255, 255, .88) !important;
	font-weight: 400;
	font-size: 1rem;
	margin-bottom: 1.5rem;
}


/* ==========================================================================
   10. İLAN KARTLARI & GRID
   ========================================================================== */
.grid-view.row {
	--bs-gutter-x: 1rem;
	--bs-gutter-y: 1rem;
	align-items: stretch;
	margin-left: calc(-.5 * var(--bs-gutter-x));
	margin-right: calc(-.5 * var(--bs-gutter-x));
}

.grid-view .item-list {
	display: flex;
	align-items: stretch;
	height: auto;
	padding-left: calc(.5 * var(--bs-gutter-x));
	padding-right: calc(.5 * var(--bs-gutter-x));
	margin-bottom: var(--bs-gutter-y);
}

/* Kart */
.grid-view .item-list > div {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background: var(--mh-surface);
	border: 1px solid var(--mh-border) !important;
	border-radius: var(--mh-radius-lg) !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	box-shadow: var(--mh-shadow-xs);
	transition: transform var(--mh-base) var(--mh-ease),
	            box-shadow var(--mh-base) var(--mh-ease),
	            border-color var(--mh-base) var(--mh-ease);
}
.grid-view .item-list:hover > div {
	transform: translateY(-4px);
	box-shadow: var(--mh-shadow-lg);
	border-color: rgba(79, 70, 229, .35) !important;
}

/* İç row → dikey flex */
.grid-view .item-list > div > .row {
	display: flex !important;
	flex-direction: column;
	height: 100% !important;
	margin: 0 !important;
	flex-wrap: nowrap;
}
.grid-view .item-list > div > .row > .col-12 {
	padding: 0 !important;
	margin: 0 !important;
}

/* Fotoğraf */
.grid-view .item-list .main-image {
	position: relative;
	flex-shrink: 0;
	display: block;
}
.grid-view .item-list .main-image > .container {
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	width: 100%;
	max-width: 100%;
}
.grid-view .item-list .main-image a {
	display: block;
	width: 100%;
	overflow: hidden;
	border-radius: 0;
}
.grid-view .item-list .main-image img {
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 0 !important;
	transition: transform var(--mh-slow) var(--mh-ease);
}
.grid-view .item-list:hover .main-image img {
	transform: scale(1.05);
}

/* Kamera badge */
.grid-view .item-list .main-image .position-absolute {
	background: rgba(15, 23, 42, .78) !important;
	color: #fff !important;
	backdrop-filter: blur(6px);
	border-radius: var(--mh-radius-pill) !important;
	padding: .3rem .65rem !important;
	font-size: .72rem;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	top: 12px !important;
	right: 12px !important;
	margin: 0 !important;
	opacity: 1 !important;
	z-index: 2;
}

/* İçerik bölümü */
.grid-view .item-list .col-12.mt-3 {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	padding: 0 !important;
	margin: 0 !important;
}
.grid-view .item-list .col-12.mt-3 > .px-3 {
	padding: 0 !important;
	margin: 0 !important;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}
.grid-view .item-list .col-12.mt-3 > .px-3 > .row {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	margin: 0;
}

/* Başlık — 2 satır sabit */
.grid-view .item-list h5.fs-5 {
	font-size: .95rem !important;
	font-family: "Plus Jakarta Sans", "Inter", sans-serif !important;
	padding: 1rem 1.15rem .5rem !important;
	margin: 0 !important;
	line-height: 1.4 !important;
	min-height: calc(1.4em * 2 + 1.5rem);
	font-weight: 700 !important;
	display: block;
}
.grid-view .item-list h5.fs-5 a {
	color: var(--mh-text) !important;
	font-weight: 700;
	font-size: inherit;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color var(--mh-fast) var(--mh-ease);
	width: 100%;
}
.grid-view .item-list h5.fs-5 a:hover {
	color: var(--mh-primary) !important;
}

/* Kategori + konum */
.grid-view .item-list .col-12.mt-3 .container.text-secondary {
	padding: 0 1.15rem .85rem !important;
	margin: 0 !important;
}
.grid-view .item-list .col-12.mt-3 .container.text-secondary ul.list-inline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .35rem .6rem;
	margin: 0 !important;
	padding: 0 !important;
}
.grid-view .item-list .col-12.mt-3 .container.text-secondary ul.list-inline li {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	margin: 0 !important;
	padding: 0 !important;
	font-size: .78rem !important;
	color: var(--mh-text-muted);
	font-weight: 500;
	line-height: 1.35;
	max-width: 100%;
	overflow: hidden;
}
.grid-view .item-list .col-12.mt-3 .container.text-secondary ul.list-inline li a {
	color: var(--mh-text-muted) !important;
	font-size: .78rem !important;
	font-weight: 500;
	transition: color var(--mh-fast) var(--mh-ease);
	display: inline-block;
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}
.grid-view .item-list .col-12.mt-3 .container.text-secondary ul.list-inline li a:hover {
	color: var(--mh-primary) !important;
}
.grid-view .item-list .col-12.mt-3 .container.text-secondary ul.list-inline li i {
	color: var(--mh-primary) !important;
	font-size: .82rem;
	flex-shrink: 0;
}

/* Fiyat + favori — dibe yapışık */
.grid-view .item-list > div > .row > .col-12:last-child {
	flex-shrink: 0;
	margin-top: auto;
	padding: 0 !important;
	border-top: 1px solid var(--mh-border);
	background: var(--mh-surface);
}
.grid-view .item-list > div > .row > .col-12:last-child > .row {
	display: flex !important;
	flex-direction: row !important;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	padding: .8rem 1.15rem;
	margin: 0 !important;
	flex-wrap: nowrap;
}
.grid-view .item-list > div > .row > .col-12:last-child > .row > .col-12 {
	padding: 0 !important;
	margin: 0 !important;
	flex: 1 1 auto;
	min-width: 0;
	text-align: left !important;
}
.grid-view .item-list > div > .row > .col-12:last-child > .row > .col-12:last-child {
	flex: 0 0 auto;
	text-align: right !important;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.grid-view .item-list > div > .row > .col-12:last-child h5 {
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-size: 1.1rem !important;
	font-weight: 800 !important;
	color: var(--mh-text) !important;
	letter-spacing: -.02em;
	line-height: 1.2 !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	text-align: left !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Favori butonu */
.grid-view .item-list .make-favorite {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: .3rem;
	background: transparent;
	border: 1.5px solid var(--mh-border);
	color: var(--mh-text-muted);
	padding: .4rem .55rem !important;
	border-radius: var(--mh-radius-pill);
	font-size: .72rem !important;
	font-weight: 600;
	cursor: pointer;
	transition: all var(--mh-base) var(--mh-ease);
	white-space: nowrap;
	flex-shrink: 0;
	min-width: 36px;
	min-height: 36px;
}
.grid-view .item-list .make-favorite:hover {
	background: #fee2e2;
	border-color: #fecaca;
	color: #dc2626 !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(220, 38, 38, .15);
}
.grid-view .item-list .make-favorite i {
	font-size: .85rem;
	flex-shrink: 0;
}
.grid-view .item-list .make-favorite span {
	display: none;
	max-width: 0;
	overflow: hidden;
	white-space: nowrap;
	transition: max-width var(--mh-base) var(--mh-ease);
}
.grid-view .item-list:hover .make-favorite span {
	display: inline-block;
	max-width: 100px;
}

/* "Daha Fazla" butonu */
.grid-view ~ .row.border-top {
	border-top: 1px solid var(--mh-border) !important;
	padding-top: 1.25rem !important;
	margin-top: 1rem !important;
	margin-bottom: 1.5rem !important;
}
.grid-view ~ .row.border-top .btn-primary {
	background: var(--mh-grad-primary) !important;
	border: 0 !important;
	color: #fff !important;
	font-weight: 700;
	padding: .75rem 1.75rem;
	border-radius: var(--mh-radius-pill);
	box-shadow: 0 8px 20px rgba(79, 70, 229, .35);
	letter-spacing: .015em;
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	transition: all var(--mh-base) var(--mh-ease);
}
.grid-view ~ .row.border-top .btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(79, 70, 229, .45);
}


/* ==========================================================================
   11. FİYAT ETİKETİ
   ========================================================================== */
.p-price-tag {
	background: var(--mh-grad-primary);
	border-radius: var(--mh-radius-sm);
	color: #fff;
	font-size: 1.1rem;
	font-weight: 700;
	min-width: 100px;
	padding: .5rem 1rem;
	position: absolute;
	right: 14px;
	top: 14px;
	text-align: center;
	z-index: 90;
	box-shadow: var(--mh-shadow-md);
	letter-spacing: -.01em;
}
.p-price-tag::before   { display: none; }
h1.p-price-tag span    { float: right; }

@media (max-width: 479px) {
	.p-price-tag {
		font-size: .95rem;
		line-height: 1.5;
		min-width: 90px;
		padding: .4rem .75rem;
	}
}


/* ==========================================================================
   12. HERO & PARALLAX
   ========================================================================== */
.hero-wrap {
	min-height: 460px;
	height: 460px;
	background: var(--mh-grad-hero);
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.hero-wrap::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);
	background-size: 22px 22px;
	pointer-events: none;
	opacity: .6;
}
.hero-wrap > .container { position: relative; z-index: 1; }
.hero-wrap h1 {
	font-size: clamp(1.8rem, 3.6vw, 2.75rem);
	letter-spacing: -.02em;
	color: #fff;
}
.hero-wrap .lead { opacity: .92; color: #fff; }

#homepage .hero-wrap.only-search-bar h1,
#homepage .hero-wrap.only-search-bar h5 { display: none; }

.parallax {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


/* ==========================================================================
   13. ARAMA FORMU (Ana Sayfa)
   ========================================================================== */
#homepage #searchForm { width: 100%; }

#homepage #searchForm .search-row {
	display: flex !important;
	align-items: stretch !important;
	background: var(--mh-surface) !important;
	border-radius: var(--mh-radius-pill) !important;
	padding: 6px !important;
	gap: 0 !important;
	box-shadow:
		0 16px 40px rgba(0, 0, 0, .22),
		0 4px 12px rgba(0, 0, 0, .10) !important;
	max-width: 780px;
	margin: 0 auto;
	transition: box-shadow var(--mh-base) var(--mh-ease);
}
#homepage #searchForm .search-row:focus-within {
	box-shadow:
		0 16px 40px rgba(0, 0, 0, .22),
		0 0 0 4px rgba(79, 70, 229, .18) !important;
}

#homepage #searchForm .search-row > .search-col {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	align-items: stretch !important;
	width: auto !important;
	max-width: none !important;
}
#homepage #searchForm .search-row > .search-col:last-child {
	flex: 0 0 auto !important;
	padding-left: 4px !important;
}

#homepage #searchForm .search-row > .search-col > .hstack.form-control {
	display: flex !important;
	align-items: center !important;
	gap: .65rem !important;
	background: transparent !important;
	border: 0 !important;
	border-width: 0 !important;
	box-shadow: none !important;
	padding: .65rem 1.15rem !important;
	margin: 0 !important;
	min-height: 54px !important;
	height: auto !important;
	width: 100%;
	font-size: 1rem !important;
	border-radius: var(--mh-radius-pill) !important;
	transition: background var(--mh-fast) var(--mh-ease);
}
#homepage #searchForm .search-row > .search-col > .hstack.form-control:focus-within {
	background: var(--mh-primary-soft) !important;
}

/* Tüm Bootstrap border/radius sınıflarını sıfırla */
#homepage #searchForm .search-row > .search-col > .hstack.form-control.border-5,
#homepage #searchForm .search-row > .search-col > .hstack.form-control.border-primary,
#homepage #searchForm .search-row > .search-col > .hstack.form-control.border-end-0,
#homepage #searchForm .search-row > .search-col > .hstack.form-control.border-start-0,
#homepage #searchForm .search-row > .search-col > .hstack.form-control.rounded-5,
#homepage #searchForm .search-row > .search-col > .hstack.form-control.rounded-end-0,
#homepage #searchForm .search-row > .search-col > .hstack.form-control.rounded-start-0 {
	border-width: 0 !important;
	border-color: transparent !important;
	border-radius: var(--mh-radius-pill) !important;
}

#homepage #searchForm .search-row > .search-col > .hstack.form-control > i {
	flex-shrink: 0 !important;
	font-size: 1.15rem !important;
	color: var(--mh-primary) !important;
	transition: transform var(--mh-fast) var(--mh-ease);
}
#homepage #searchForm .search-row > .search-col > .hstack.form-control:focus-within > i {
	transform: scale(1.1);
}

#homepage #searchForm .search-row > .search-col > .hstack.form-control > input.form-control {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	width: 100% !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: .95rem !important;
	font-weight: 500 !important;
	color: var(--mh-text) !important;
	height: auto !important;
	border-radius: 0 !important;
}
#homepage #searchForm .search-row > .search-col > .hstack.form-control > input.form-control::placeholder {
	color: var(--mh-text-faint) !important;
	opacity: 1 !important;
	font-weight: 400;
}
#homepage #searchForm .search-row > .search-col > .hstack.form-control > input.form-control:focus {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

#homepage #searchForm .search-row > .search-col:nth-child(2) {
	position: relative;
}
#homepage #searchForm .search-row > .search-col:nth-child(2)::before {
	content: "";
	position: absolute;
	left: -1px;
	top: 25%;
	bottom: 25%;
	width: 1px;
	background: var(--mh-border);
	opacity: .9;
	pointer-events: none;
}

#homepage #searchForm .search-row > .search-col > button.btn.btn-primary,
#homepage #searchForm .search-row > .search-col > button.btn.btn-lg.btn-primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: .4rem !important;
	min-width: 108px !important;
	height: 100% !important;
	min-height: 54px !important;
	padding: .65rem 1.5rem !important;
	margin: 0 !important;
	background: var(--mh-grad-primary) !important;
	color: #fff !important;
	border: 0 !important;
	border-width: 0 !important;
	border-radius: var(--mh-radius-pill) !important;
	font-weight: 700 !important;
	font-size: .95rem !important;
	cursor: pointer;
	box-shadow: 0 6px 18px rgba(79, 70, 229, .35) !important;
	transition: transform var(--mh-base) var(--mh-ease),
	            box-shadow var(--mh-base) var(--mh-ease) !important;
	width: 100% !important;
}
#homepage #searchForm .search-row > .search-col > button.btn.btn-primary:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 10px 26px rgba(79, 70, 229, .5) !important;
}

#homepage #searchForm .search-row > .search-col > button.btn.border-4,
#homepage #searchForm .search-row > .search-col > button.btn.border-5,
#homepage #searchForm .search-row > .search-col > button.btn.border-primary,
#homepage #searchForm .search-row > .search-col > button.btn.border-start-0,
#homepage #searchForm .search-row > .search-col > button.btn.rounded-5,
#homepage #searchForm .search-row > .search-col > button.btn.rounded-start-0 {
	border-width: 0 !important;
	border-color: transparent !important;
	border-radius: var(--mh-radius-pill) !important;
}


/* ==========================================================================
   14. ARAMA SAYFASI ÜST FORMU
   ========================================================================== */
#searchForm .bg-primary {
	background: var(--mh-grad-primary) !important;
	border-radius: var(--mh-radius-lg) !important;
	padding: 1rem !important;
	box-shadow: var(--mh-shadow-lg), 0 8px 32px rgba(79, 70, 229, .25);
	position: relative;
	overflow: hidden;
}
#searchForm .bg-primary::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px);
	background-size: 20px 20px;
	pointer-events: none;
	opacity: .6;
}
#searchForm .bg-primary .row { position: relative; z-index: 1; }

#searchForm .bg-primary .form-control,
#searchForm .bg-primary .form-select {
	background: rgba(255, 255, 255, .95) !important;
	border: 1.5px solid transparent !important;
	border-radius: var(--mh-radius-sm) !important;
	padding: .7rem 1rem !important;
	font-size: .92rem;
	font-weight: 500;
	color: var(--mh-text) !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
	min-height: 46px;
}
#searchForm .bg-primary .form-control::placeholder {
	color: var(--mh-text-faint) !important;
	font-weight: 400;
}
#searchForm .bg-primary .form-control:focus,
#searchForm .bg-primary .form-select:focus {
	border-color: #fff !important;
	box-shadow: 0 0 0 4px rgba(255, 255, 255, .35), 0 4px 16px rgba(0, 0, 0, .15);
	transform: translateY(-1px);
}
#searchForm .bg-primary .btn-primary {
	background: var(--mh-grad-dark) !important;
	border: 0 !important;
	color: #fff !important;
	font-weight: 700;
	border-radius: var(--mh-radius-sm) !important;
	min-height: 46px;
	box-shadow: 0 4px 14px rgba(15, 23, 42, .3);
}
#searchForm .bg-primary .btn-primary:hover {
	background: linear-gradient(135deg, #000, #0f172a) !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(15, 23, 42, .45);
}
#searchForm .bg-primary .select2-container--bootstrap-5 .select2-selection {
	background: rgba(255, 255, 255, .95) !important;
	border: 1.5px solid transparent !important;
	min-height: 46px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}


/* ==========================================================================
   15. BREADCRUMB
   ========================================================================== */
.breadcrumb {
	background: transparent;
	padding: 0;
	margin-bottom: 0;
	font-size: .85rem;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: "\203A";
	color: var(--mh-text-faint);
	padding: 0 .5rem;
}
.breadcrumb-item a {
	color: var(--mh-text-muted) !important;
	font-weight: 500;
	transition: color var(--mh-fast) var(--mh-ease);
}
.breadcrumb-item a:hover { color: var(--mh-primary) !important; }
.breadcrumb-item.active {
	color: var(--mh-text) !important;
	font-weight: 600;
}

.search-breadcrumb .breadcrumb { padding: .75rem 0; }

.breadcrumb-list { font-weight: 600; margin: 0; }
.breadcrumb-list a { color: var(--mh-text) !important; }
.breadcrumb-list a.current span {
	position: relative;
	padding-bottom: .25rem;
}
.breadcrumb-list a.current span::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: var(--mh-grad-primary);
	border-radius: 2px;
}


/* ==========================================================================
   16. SIDEBAR & FİLTRELER & OFFCANVAS
   ========================================================================== */
#leftSidebar aside .card {
	position: sticky;
	top: calc(var(--mh-navbar-h) + 20px);
	border: 1px solid var(--mh-border);
	border-radius: var(--mh-radius-lg);
	background: var(--mh-surface);
	box-shadow: var(--mh-shadow-sm);
	overflow: hidden;
}
#leftSidebar .card-body {
	padding: 1.35rem !important;
	gap: 1.5rem !important;
}

#leftSidebar h5.border-bottom,
#mobileSidebar h5.border-bottom {
	border-bottom: 2px solid var(--mh-border) !important;
	padding-bottom: .65rem !important;
	margin-bottom: .5rem;
	font-size: .78rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: var(--mh-text);
	font-weight: 700;
}
#leftSidebar h5 .fw-bold,
#mobileSidebar h5 .fw-bold {
	font-weight: 800 !important;
	color: var(--mh-text);
	position: relative;
	padding-bottom: 0;
}
#leftSidebar h5 .fw-bold::after,
#mobileSidebar h5 .fw-bold::after {
	content: "";
	position: absolute;
	bottom: -.7rem;
	left: 0;
	width: 32px;
	height: 2px;
	background: var(--mh-grad-primary);
	border-radius: 2px;
}

#catsList ul.list-unstyled,
#leftSidebar .long-list,
#mobileSidebar .long-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
#catsList ul.list-unstyled li,
#leftSidebar .long-list li,
#mobileSidebar .long-list li {
	padding: 0 !important;
	margin: 0;
	border-bottom: 1px solid var(--mh-border);
}
#catsList ul.list-unstyled li:last-child,
#leftSidebar .long-list li:last-child,
#mobileSidebar .long-list li:last-child { border-bottom: 0; }

#catsList ul.list-unstyled li a,
#leftSidebar .long-list li a,
#mobileSidebar .long-list li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .55rem .5rem !important;
	color: var(--mh-text) !important;
	font-size: .88rem;
	font-weight: 500;
	border-radius: var(--mh-radius-sm);
	transition: all var(--mh-fast) var(--mh-ease);
	position: relative;
}
#catsList ul.list-unstyled li a::after,
#leftSidebar .long-list li a::after,
#mobileSidebar .long-list li a::after {
	content: "\203A";
	color: var(--mh-text-faint);
	opacity: 0;
	transition: all var(--mh-fast) var(--mh-ease);
	font-size: 1.1rem;
}
#catsList ul.list-unstyled li a:hover,
#leftSidebar .long-list li a:hover,
#mobileSidebar .long-list li a:hover {
	color: var(--mh-primary) !important;
	background: var(--mh-primary-soft);
	padding-left: .85rem !important;
}
#catsList ul.list-unstyled li a:hover::after,
#leftSidebar .long-list li a:hover::after,
#mobileSidebar .long-list li a:hover::after {
	opacity: 1;
	color: var(--mh-primary);
}

#leftSidebar .long-list,
#mobileSidebar .long-list {
	max-height: 380px;
	overflow-y: auto;
	padding-right: .35rem;
	scrollbar-width: thin;
	scrollbar-color: var(--mh-border) transparent;
}
#leftSidebar .long-list::-webkit-scrollbar,
#mobileSidebar .long-list::-webkit-scrollbar { width: 6px; }
#leftSidebar .long-list::-webkit-scrollbar-thumb,
#mobileSidebar .long-list::-webkit-scrollbar-thumb {
	background: var(--mh-border);
	border-radius: 3px;
}
#leftSidebar .long-list::-webkit-scrollbar-thumb:hover,
#mobileSidebar .long-list::-webkit-scrollbar-thumb:hover {
	background: var(--mh-primary);
}

/* Offcanvas */
#mobileSidebar.offcanvas {
	border-right: 1px solid var(--mh-border);
	background: var(--mh-bg);
	width: 340px;
	max-width: 88vw;
}
#mobileSidebar .offcanvas-header {
	background: var(--mh-grad-primary);
	color: #fff;
	padding: 1.15rem 1.35rem;
}
#mobileSidebar .offcanvas-title {
	color: #fff;
	font-weight: 700;
	font-size: 1.05rem;
}
#mobileSidebar .btn-close {
	filter: brightness(0) invert(1);
	opacity: .9;
}
#mobileSidebar .offcanvas-body { padding: 1rem; }
#mobileSidebar .card {
	border: 0;
	box-shadow: none;
	background: transparent;
}
#mobileSidebar .card-body { padding: 0 !important; }


/* ==========================================================================
   17. SEKMELER (TABS)
   ========================================================================== */
.nav-tabs {
	border-bottom: 1px solid var(--mh-border);
	gap: .25rem;
	padding-left: 0;
}
.nav-tabs .nav-link {
	border: 0;
	border-bottom: 3px solid transparent;
	background: transparent;
	color: var(--mh-text-muted);
	font-weight: 600;
	padding: .85rem 1.25rem;
	border-radius: 0;
	transition: all var(--mh-fast) var(--mh-ease);
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: .5rem;
}
.nav-tabs .nav-link:hover {
	color: var(--mh-primary);
	background: var(--mh-primary-soft);
}
.nav-tabs .nav-link.active {
	color: var(--mh-primary);
	border-bottom-color: var(--mh-primary);
	background: transparent;
}
.nav-tabs .nav-link .fs-5 {
	font-size: 1rem !important;
	font-weight: 700 !important;
}

#postType.nav-tabs {
	border-bottom: 0;
	margin-bottom: 0;
	gap: .25rem;
	padding: 0;
}
#postType .nav-item { margin-bottom: -1px; }
#postType .nav-link {
	background: var(--mh-surface);
	border: 1px solid var(--mh-border);
	border-bottom: 0;
	border-radius: var(--mh-radius) var(--mh-radius) 0 0 !important;
	padding: .85rem 1.25rem;
	color: var(--mh-text-muted);
	font-weight: 600;
}
#postType .nav-link:hover {
	background: var(--mh-primary-soft);
	color: var(--mh-primary);
}
#postType .nav-link.active {
	background: var(--mh-surface);
	color: var(--mh-text);
	border-color: var(--mh-border) var(--mh-border) transparent;
	box-shadow: 0 -4px 12px rgba(79, 70, 229, .08);
}
#postType .nav-link.active::before {
	content: "";
	position: absolute;
	top: 0;
	left: 1rem;
	right: 1rem;
	height: 3px;
	background: var(--mh-grad-primary);
	border-radius: 0 0 3px 3px;
}
#postType .nav-link { position: relative; }

.tab-content.border {
	border: 1px solid var(--mh-border) !important;
	border-top: 0 !important;
	border-radius: 0 0 var(--mh-radius) var(--mh-radius) !important;
	background: var(--mh-surface) !important;
	padding: 1.5rem !important;
}


/* ==========================================================================
   18. GALERİ (bxSlider)
   ========================================================================== */
.gallery-container {
	position: relative;
	margin: 0 0 1.5rem 0;
}
.gallery-container .bx-viewport {
	border-radius: var(--mh-radius-lg) !important;
	overflow: hidden !important;
	box-shadow: var(--mh-shadow-md);
	background: var(--mh-surface-2);
}
.gallery-container .bxslider { margin: 0 !important; }
.gallery-container .bx-item {
	position: relative;
	overflow: hidden;
}
.gallery-container .bx-item img {
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	transition: transform var(--mh-slow) var(--mh-ease);
}

.gallery-container .p-price-tag {
	position: absolute;
	top: 16px !important;
	right: 16px !important;
	left: auto !important;
	z-index: 100 !important;
	background: var(--mh-grad-primary) !important;
	color: #fff !important;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 1.1rem !important;
	font-weight: 800 !important;
	padding: .65rem 1.15rem !important;
	border-radius: var(--mh-radius) !important;
	box-shadow: 0 8px 24px rgba(79, 70, 229, .45);
	letter-spacing: -.01em;
	min-width: auto !important;
}
.gallery-container .p-price-tag::before { display: none !important; }

.bx-wrapper {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	margin-bottom: 0 !important;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
	background: rgba(15, 23, 42, .6) !important;
	color: #fff !important;
	width: 44px !important;
	height: 44px !important;
	line-height: 44px !important;
	text-align: center !important;
	border-radius: 50% !important;
	backdrop-filter: blur(8px);
	top: 50% !important;
	transform: translateY(-50%) !important;
	transition: all var(--mh-base) var(--mh-ease);
	opacity: 0;
	margin-top: 0 !important;
	font-size: 0 !important;
	text-indent: -9999px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .3);
}
.bx-wrapper:hover .bx-prev,
.bx-wrapper:hover .bx-next { opacity: 1; }
.bx-wrapper .bx-prev { left: 16px !important; }
.bx-wrapper .bx-next { right: 16px !important; }
.bx-wrapper .bx-prev::after,
.bx-wrapper .bx-next::after {
	content: "\2039";
	font-family: serif;
	font-size: 2rem;
	color: #fff;
	text-indent: 0;
	display: block;
	line-height: 44px;
	font-weight: 300;
}
.bx-wrapper .bx-next::after { content: "\203A"; }
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
	background: var(--mh-primary) !important;
	transform: translateY(-50%) scale(1.08) !important;
	box-shadow: 0 8px 22px rgba(79, 70, 229, .5);
}

.bxslider-pager {
	margin: 1rem 0 0 0 !important;
	padding: 0;
}
.bxslider-pager .bx-gallery-thumbs {
	display: flex;
	gap: .5rem;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}
.bxslider-pager .bx-thumb-item {
	display: block;
	width: 88px !important;
	height: 66px !important;
	border-radius: var(--mh-radius-sm) !important;
	overflow: hidden;
	border: 2px solid transparent;
	opacity: .55;
	transition: all var(--mh-base) var(--mh-ease);
	box-shadow: var(--mh-shadow-xs);
}
.bxslider-pager .bx-thumb-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.bxslider-pager .bx-thumb-item:hover {
	opacity: 1;
	transform: translateY(-2px);
	border-color: rgba(79, 70, 229, .4);
}
.bxslider-pager .bx-thumb-item.active {
	opacity: 1;
	border-color: var(--mh-primary);
	box-shadow: 0 4px 14px rgba(79, 70, 229, .3);
}


/* ==========================================================================
   19. PAGINATION
   ========================================================================== */
.pagination { gap: .25rem; }
.page-link {
	border: 1px solid var(--mh-border);
	color: var(--mh-text-muted);
	border-radius: var(--mh-radius-sm) !important;
	padding: .5rem .85rem;
	font-weight: 600;
	font-size: .85rem;
	transition: all var(--mh-fast) var(--mh-ease);
	background: var(--mh-surface);
}
.page-link:hover {
	background: var(--mh-primary-soft);
	border-color: var(--mh-primary);
	color: var(--mh-primary);
	transform: translateY(-2px);
}
.page-item.active .page-link {
	background: var(--mh-grad-primary);
	border-color: transparent;
	color: #fff;
	box-shadow: 0 4px 12px rgba(79, 70, 229, .35);
}
.page-item.disabled .page-link {
	background: var(--mh-surface-2);
	border-color: var(--mh-border);
	color: var(--mh-text-faint);
	opacity: .5;
	transform: none;
}

.pagination-bar .pagination li a {
	color: var(--mh-text-muted);
	border-color: var(--mh-border);
	border-radius: var(--mh-radius-sm) !important;
	margin: 0 2px;
	transition: all var(--mh-fast) var(--mh-ease);
}
.pagination-bar .pagination li a:hover {
	color: var(--mh-primary);
	border-color: var(--mh-primary);
	background: var(--mh-primary-soft);
}
.pagination-bar .pagination li.active a {
	background: var(--mh-primary);
	color: #fff;
	border-color: var(--mh-primary);
	cursor: default;
	font-weight: 600;
}


/* ==========================================================================
   20. MODAL & OFFCANVAS
   ========================================================================== */
.modal-content {
	border: 0;
	border-radius: var(--mh-radius-lg);
	box-shadow: var(--mh-shadow-lg);
	overflow: hidden;
	background: var(--mh-surface);
}
.modal-header {
	border-bottom: 1px solid var(--mh-border);
	background: var(--mh-surface);
	padding: 1.1rem 1.35rem;
}
.modal-title {
	font-weight: 700;
	font-size: 1.05rem;
	color: var(--mh-text);
	display: inline-flex;
	align-items: center;
	gap: .5rem;
}
.modal-body { padding: 1.35rem; }
.modal-footer {
	border-top: 1px solid var(--mh-border);
	background: var(--mh-surface);
	padding: 1rem 1.35rem;
	gap: .5rem;
}
.modal-backdrop.show { opacity: .5; backdrop-filter: blur(2px); }

/* Telefon modal */
#phoneModal {
	background: linear-gradient(135deg, var(--mh-primary-soft), var(--mh-surface-2)) !important;
	border: 2px solid var(--mh-primary) !important;
	border-radius: var(--mh-radius) !important;
	color: var(--mh-primary) !important;
	font-family: "Plus Jakarta Sans", sans-serif;
	letter-spacing: .03em;
	padding: 1.75rem !important;
	font-size: 1.75rem !important;
	word-break: break-all;
	font-weight: 800;
}

#securityTips .modal-body .text-danger {
	color: var(--mh-danger) !important;
	font-size: 1.05rem;
	display: flex;
	align-items: center;
	gap: .5rem;
	margin-bottom: .75rem;
	font-weight: 700;
}
#securityTips .modal-body ul {
	padding-left: 1.25rem;
	color: var(--mh-text-muted);
	font-size: .9rem;
	line-height: 1.7;
}

/* Konum modal */
#browseLocations .modal-content { border-radius: var(--mh-radius-lg); }
#browseLocations #locationsTitle {
	font-size: .9rem;
	color: var(--mh-text-muted);
	padding: .75rem 1rem;
	background: var(--mh-surface-2);
	border-radius: var(--mh-radius-sm);
	margin-bottom: 1rem;
}
#browseLocations #locationsTitle strong { color: var(--mh-text); }
#browseLocations #modalQuery { border-radius: var(--mh-radius-sm) 0 0 var(--mh-radius-sm); }
#browseLocations .input-group-text {
	background: var(--mh-surface-2);
	border: 1.5px solid var(--mh-border);
	border-left: 0;
	border-radius: 0 var(--mh-radius-sm) var(--mh-radius-sm) 0;
	cursor: pointer;
	transition: all var(--mh-fast) var(--mh-ease);
}
#browseLocations .input-group-text:hover {
	background: var(--mh-primary-soft);
	color: var(--mh-primary);
}

/* Alert */
.alert {
	border-radius: var(--mh-radius-sm);
	border: 1px solid transparent;
	padding: 1rem 1.15rem;
	font-size: .9rem;
}
.alert-warning { background: #fffbeb; border-color: #fde68a; color: #92400e; }
.alert-danger  { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.alert-info    { background: #ecfeff; border-color: #a5f3fc; color: #155e75; }


/* ==========================================================================
   21. FOOTER
   ========================================================================== */
footer .container-fluid {
	background: var(--mh-surface) !important;
	border-top: 1px solid var(--mh-border) !important;
	color: var(--mh-text-muted);
}
footer h4 {
	font-size: .78rem;
	letter-spacing: .1em;
	color: var(--mh-text);
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 1.25rem;
}
footer a {
	color: var(--mh-text-muted);
	transition: color var(--mh-fast) var(--mh-ease),
	            transform var(--mh-fast) var(--mh-ease);
	display: inline-block;
}
footer a:hover {
	color: var(--mh-primary);
	transform: translateX(2px);
}
footer .lh-lg { line-height: 2 !important; }


/* ==========================================================================
   22. SOSYAL MEDYA & PAYLAŞIM
   ========================================================================== */
.social-media a,
.social-share a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--mh-surface-2);
	color: var(--mh-text-muted) !important;
	margin-right: .35rem;
	font-size: 1.1rem;
	transition: all var(--mh-base) var(--mh-ease);
}
.social-media a:hover,
.social-share a:hover {
	transform: translateY(-3px) scale(1.05);
	box-shadow: var(--mh-shadow-md);
	color: #fff !important;
}

/* Marka renkleri */
.social-media a.facebook:hover,
.social-share a.facebook:hover   { background: #1877f2; }
.social-media a.x-twitter:hover,
.social-share a.x-twitter:hover  { background: #0f1419; }
.social-media a.instagram:hover,
.social-share a.instagram:hover  { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.social-media a.linkedin:hover,
.social-share a.linkedin:hover   { background: #0a66c2; }
.social-media a.pinterest:hover,
.social-share a.pinterest:hover  { background: #e60023; }
.social-media a.tiktok:hover,
.social-share a.tiktok:hover     { background: #000; }
.social-media a.youtube:hover,
.social-share a.youtube:hover    { background: #ff0000; }
.social-media a.vimeo:hover,
.social-share a.vimeo:hover      { background: #1ab7ea; }
.social-media a.vk:hover,
.social-share a.vk:hover         { background: #4c75a3; }
.social-media a.whatsapp:hover,
.social-share a.whatsapp:hover   { background: #25d366; }
.social-media a.telegram:hover,
.social-share a.telegram:hover   { background: #229ed9; }

.social-share {
	padding: 1rem 0;
	border-top: 1px solid var(--mh-border);
	border-bottom: 1px solid var(--mh-border);
}
.social-share > span {
	margin-right: .75rem;
	font-size: 1rem;
}


/* ==========================================================================
   23. BADGE, ALERT, PROGRESS
   ========================================================================== */
.badge {
	font-weight: 600;
	padding: .35em .6em;
	border-radius: var(--mh-radius-pill);
	letter-spacing: .01em;
}
.badge.text-bg-danger,
.count-threads-with-new-messages {
	background: var(--mh-grad-danger) !important;
	color: #fff;
	font-size: .65rem;
	padding: .25rem .5rem;
	box-shadow: 0 2px 6px rgba(239, 68, 68, .35);
}
.badge.text-bg-primary { background: var(--mh-primary) !important; }
.badge.text-bg-success { background: var(--mh-success) !important; }
.badge.text-bg-warning { background: var(--mh-warning) !important; }

.pace .pace-progress {
	background: var(--mh-grad-primary);
	height: 3px;
	box-shadow: 0 0 12px rgba(79, 70, 229, .5);
}


/* ==========================================================================
   24. COOKIE CONSENT
   ========================================================================== */
.cookie-consent {
	font-size: 14px;
	padding: 16px 20px;
	background: var(--mh-surface);
	border-top: 1px solid var(--mh-border);
	box-shadow: 0 -8px 24px rgba(15, 23, 42, .08);
	text-align: center;
	position: fixed;
	width: 100%;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1050;
	backdrop-filter: blur(10px);
}
.cookie-consent__message {
	display: inline-block;
	color: var(--mh-text-muted);
}
.cookie-consent__message p { margin: 0; }
.cookie-consent-btn {
	font-weight: 600;
	margin: 0 5px;
	padding: 8px 18px;
	color: #fff;
	background: var(--mh-text-muted);
	border: 0;
	border-radius: var(--mh-radius-pill);
	box-shadow: var(--mh-shadow-xs);
	cursor: pointer;
	transition: all var(--mh-base) var(--mh-ease);
}
.cookie-consent__agree { background: var(--mh-primary); }
.cookie-consent__agree:hover {
	background: var(--mh-primary-hover);
	box-shadow: var(--mh-shadow-md);
}
.cookie-consent__disagree { background: var(--mh-danger); }
.cookie-consent__disagree:hover { background: #be123c; }
.cookie-consent__agree:active,
.cookie-consent__disagree:active { transform: translateY(1px); }


/* ==========================================================================
   25. ADSENSE, WYSIWYG, INTL-TEL, SWAL
   ========================================================================== */
.ads-parent-responsive { width: 100%; display: inline-block; }
.ads-slot-responsive   { width: 100%; height: 90px; }
.container.ads-parent-responsive { padding-right: 0; padding-left: 0; }

.from-wysiwyg table {
	width: 100%;
	border: 1px solid var(--mh-border);
	border-radius: var(--mh-radius-sm);
	overflow: hidden;
}
.from-wysiwyg th, .from-wysiwyg td {
	padding: 10px 12px;
	border-right: 1px solid var(--mh-border);
}
.from-wysiwyg th { background: var(--mh-surface-2); font-weight: 600; }
.from-wysiwyg tr { border-bottom: 1px solid var(--mh-border); }

/* intl-tel-input */
.iti { width: 100%; }
.iti__flag-container { border-radius: var(--mh-radius-sm); }
.iti__selected-flag {
	background: transparent;
	border-radius: var(--mh-radius-sm) 0 0 var(--mh-radius-sm);
}
.iti--separate-dial-code .iti__selected-flag { background: var(--mh-surface-2); }
.input-group .iti { width: 75%; }
.input-group .iti .form-control { border-radius: var(--mh-radius-sm) 0 0 var(--mh-radius-sm); }

/* Facebook comments */
.fb-comments, .fb-comments iframe[style],
.fb-like-box, .fb-like-box iframe[style] { width: 100% !important; }
.fb-comments span, .fb-comments iframe span[style],
.fb-like-box span, .fb-like-box iframe span[style] { width: 100% !important; }

/* SweetAlert */
.swal2-container { z-index: 20000 !important; }
.swal2-popup {
	border-radius: var(--mh-radius-lg) !important;
	box-shadow: var(--mh-shadow-lg) !important;
	padding: 1.75rem !important;
}


/* ==========================================================================
   26. ANİMASYONLAR & UTILITIES
   ========================================================================== */
@keyframes mh-fade-up {
	from { opacity: 0; transform: translateY(12px); }
	to   { opacity: 1; transform: translateY(0); }
}
.mh-fade-up { animation: mh-fade-up var(--mh-slow) var(--mh-ease) both; }

@keyframes mh-pulse {
	0%, 100% { transform: scale(1); }
	50%      { transform: scale(1.05); }
}
.mh-pulse { animation: mh-pulse 2s var(--mh-ease) infinite; }

.hover-bg-tertiary:hover {
	background-color: var(--mh-surface-2) !important;
}
.hover-shadow {
	transition: transform var(--mh-base) var(--mh-ease),
	            box-shadow var(--mh-base) var(--mh-ease);
}

.cursor-pointer { cursor: pointer; }
.text-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rounded-pill { border-radius: var(--mh-radius-pill) !important; }


/* ==========================================================================
   27. İLAN DETAY SAYFASI
   ========================================================================== */
.main-container { padding: 0 0 3rem !important; }

.main-container > .container + .container,
.main-container > .container + div + .container {
	margin-top: 1.5rem;
}
.main-container > .p-0.mt-lg-4 { display: none; }

/* Breadcrumb + Geri bandı */
.main-container > .container.mt-2 {
	margin-top: 1rem !important;
	padding: 0;
}
.main-container > .container.mt-2 .row {
	background: var(--mh-surface);
	border: 1px solid var(--mh-border);
	border-radius: var(--mh-radius-pill);
	padding: .65rem 1.25rem;
	box-shadow: var(--mh-shadow-xs);
	align-items: center;
	display: flex;
	gap: .75rem;
}
.main-container > .container.mt-2 .breadcrumb {
	margin: 0;
	padding: 0;
	background: transparent;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .25rem;
}
.main-container > .container.mt-2 .breadcrumb-item {
	font-size: .82rem;
	font-weight: 500;
	color: var(--mh-text-muted);
	display: inline-flex;
	align-items: center;
}
.main-container > .container.mt-2 .breadcrumb-item a {
	color: var(--mh-text-muted) !important;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	transition: color var(--mh-fast) var(--mh-ease);
}
.main-container > .container.mt-2 .breadcrumb-item a:hover {
	color: var(--mh-primary) !important;
}
.main-container > .container.mt-2 .breadcrumb-item.active {
	color: var(--mh-text) !important;
	font-weight: 600;
	max-width: 280px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.main-container > .container.mt-2 .breadcrumb-item + .breadcrumb-item::before {
	content: "\203A";
	color: var(--mh-text-faint);
	padding: 0 .45rem;
}
.main-container > .container.mt-2 .float-end { margin-left: auto; }
.main-container > .container.mt-2 .float-end a {
	color: var(--mh-text-muted) !important;
	font-size: .82rem;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: .35rem .75rem;
	border-radius: var(--mh-radius-pill);
	background: var(--mh-surface-2);
	transition: all var(--mh-fast) var(--mh-ease);
}
.main-container > .container.mt-2 .float-end a:hover {
	background: var(--mh-primary-soft);
	color: var(--mh-primary) !important;
	transform: translateX(-2px);
}

/* Ana kart */
.items-details-wrapper {
	background: var(--mh-surface) !important;
	border: 1px solid var(--mh-border) !important;
	border-radius: var(--mh-radius-lg) !important;
	box-shadow: var(--mh-shadow-md) !important;
	padding: 1.75rem 1.9rem !important;
	margin-bottom: 1.5rem;
	transition: box-shadow var(--mh-base) var(--mh-ease);
}
.items-details-wrapper:hover {
	box-shadow: var(--mh-shadow-lg) !important;
}

.items-details-wrapper .clearfix {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: .5rem;
}
.items-details-wrapper .clearfix::after { display: none; }
.items-details-wrapper h1.fs-3 {
	font-family: "Plus Jakarta Sans", "Inter", sans-serif !important;
	font-size: clamp(1.3rem, 2.4vw, 1.75rem) !important;
	font-weight: 800 !important;
	letter-spacing: -.02em;
	line-height: 1.25 !important;
	margin: 0 !important;
	float: none !important;
	color: var(--mh-text);
}
.items-details-wrapper h1.fs-3 a {
	color: var(--mh-text) !important;
	font-weight: 800;
	transition: color var(--mh-fast) var(--mh-ease);
}
.items-details-wrapper h1.fs-3 a:hover {
	color: var(--mh-primary) !important;
}

/* Meta satırı */
.items-details-wrapper > .border-top {
	border-top: 1px solid var(--mh-border) !important;
	padding: .85rem 0 !important;
	margin-top: .5rem !important;
	margin-bottom: 1.25rem;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}
.items-details-wrapper > .border-top ul.list-inline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .35rem 1rem;
	margin: 0;
	padding: 0;
}
.items-details-wrapper > .border-top ul.list-inline li {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	color: var(--mh-text-muted);
	font-size: .82rem;
	font-weight: 500;
	margin: 0;
}
.items-details-wrapper > .border-top ul.list-inline li i {
	color: var(--mh-primary);
	font-size: .9rem;
}
.items-details-wrapper > .border-top ul.list-inline li a {
	color: var(--mh-text-muted) !important;
	font-weight: 500;
	transition: color var(--mh-fast) var(--mh-ease);
}
.items-details-wrapper > .border-top ul.list-inline li a:hover {
	color: var(--mh-primary) !important;
}
.items-details-wrapper > .border-top .text-nowrap {
	font-size: .72rem;
	font-weight: 700;
	color: var(--mh-text-muted);
	background: var(--mh-surface-2);
	border: 1px solid var(--mh-border);
	padding: .3rem .7rem;
	border-radius: var(--mh-radius-pill);
	letter-spacing: .03em;
	text-transform: uppercase;
}

/* Sekmeler */
.items-details { margin-top: 1.75rem; }

#itemsDetailsTabs.nav-tabs {
	border-bottom: 1px solid var(--mh-border);
	padding-left: 0;
	gap: 0;
	margin-bottom: 0;
}
#itemsDetailsTabs .nav-item { margin-bottom: -1px; }
#itemsDetailsTabs .nav-link {
	position: relative;
	border: 0;
	border-bottom: 3px solid transparent;
	background: transparent;
	color: var(--mh-text-muted);
	font-weight: 700;
	padding: .85rem 1.35rem;
	border-radius: 0;
	transition: all var(--mh-fast) var(--mh-ease);
	display: inline-flex;
	align-items: center;
	gap: .5rem;
}
#itemsDetailsTabs .nav-link .fs-5 {
	font-size: .98rem !important;
	font-weight: 700 !important;
}
#itemsDetailsTabs .nav-link:hover {
	color: var(--mh-primary);
	background: var(--mh-primary-soft);
}
#itemsDetailsTabs .nav-link.active {
	color: var(--mh-primary);
	border-bottom-color: transparent;
	background: transparent;
}
#itemsDetailsTabs .nav-link.active::after {
	content: "";
	position: absolute;
	left: 1rem;
	right: 1rem;
	bottom: -1px;
	height: 3px;
	background: var(--mh-grad-primary);
	border-radius: 3px;
}
#itemsDetailsTabsContent.tab-content {
	background: var(--mh-surface) !important;
	border: 1px solid var(--mh-border) !important;
	border-top: 0 !important;
	border-radius: 0 0 var(--mh-radius-lg) var(--mh-radius-lg) !important;
	padding: 1.5rem 1.75rem !important;
	box-shadow: none;
	margin-bottom: 0;
}

/* Aksiyon butonu */
.items-details > .col-12 > .hstack {
	margin-top: 1.25rem;
	padding: .85rem 1.25rem;
	background: var(--mh-surface-2);
	border: 1px solid var(--mh-border);
	border-radius: var(--mh-radius);
	display: flex;
	align-items: center;
	gap: .65rem !important;
}
.items-details > .col-12 > .hstack .btn-secondary {
	background: var(--mh-surface) !important;
	border: 1.5px solid var(--mh-border) !important;
	color: var(--mh-text-soft) !important;
	font-weight: 600;
	padding: .55rem 1.15rem;
	border-radius: var(--mh-radius-pill);
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	transition: all var(--mh-base) var(--mh-ease);
}
.items-details > .col-12 > .hstack .btn-secondary:hover {
	background: var(--mh-primary) !important;
	border-color: var(--mh-primary) !important;
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(79, 70, 229, .35);
}

/* Yan panel */
aside.vstack {
	display: flex;
	flex-direction: column;
	gap: 1.25rem !important;
	position: sticky;
	top: calc(var(--mh-navbar-h) + 20px);
}
aside.vstack .card {
	background: var(--mh-surface) !important;
	border: 1px solid var(--mh-border) !important;
	border-radius: var(--mh-radius-lg) !important;
	box-shadow: var(--mh-shadow-sm) !important;
	overflow: hidden;
	transition: box-shadow var(--mh-base) var(--mh-ease);
}
aside.vstack .card:hover {
	box-shadow: var(--mh-shadow-md) !important;
}
aside.vstack .card-header {
	background: linear-gradient(135deg, var(--mh-surface-2), var(--mh-surface)) !important;
	border-bottom: 1px solid var(--mh-border) !important;
	padding: 1rem 1.35rem !important;
	font-size: .82rem !important;
	font-weight: 800 !important;
	color: var(--mh-text) !important;
	text-transform: uppercase;
	letter-spacing: .1em;
}
aside.vstack .card-body { padding: 1.15rem 1.35rem !important; }
aside.vstack .card-body .d-grid { gap: .55rem !important; }
aside.vstack .card-body .btn {
	border-radius: var(--mh-radius-pill) !important;
	font-weight: 600;
	font-size: .88rem;
	padding: .65rem 1rem !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	transition: all var(--mh-base) var(--mh-ease);
}
aside.vstack .card-body .btn-secondary {
	background: var(--mh-surface-2) !important;
	border: 1.5px solid var(--mh-border) !important;
	color: var(--mh-text) !important;
}
aside.vstack .card-body .btn-secondary:hover {
	background: var(--mh-primary) !important;
	border-color: var(--mh-primary) !important;
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(79, 70, 229, .35);
}
aside.vstack .card-body .btn-warning {
	background: var(--mh-grad-warning) !important;
	border: 0 !important;
	color: #fff !important;
	box-shadow: 0 4px 14px rgba(245, 158, 11, .3);
}
aside.vstack .card-body .btn-warning:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(245, 158, 11, .45);
}
aside.vstack .card-body .btn-outline-danger {
	border-color: rgba(225, 29, 72, .35) !important;
	color: var(--mh-danger) !important;
}
aside.vstack .card-body .btn-outline-danger:hover {
	background: var(--mh-danger) !important;
	border-color: var(--mh-danger) !important;
	color: #fff !important;
	transform: translateY(-2px);
}
aside.vstack .card .card-body.text-start ul.list-unstyled {
	display: flex;
	flex-direction: column;
	gap: .65rem;
	margin: 0;
}
aside.vstack .card .card-body.text-start ul.list-unstyled li {
	display: flex;
	align-items: flex-start;
	gap: .65rem;
	font-size: .85rem;
	color: var(--mh-text-soft);
	line-height: 1.5;
	padding-bottom: .65rem;
	border-bottom: 1px dashed var(--mh-border);
}
aside.vstack .card .card-body.text-start ul.list-unstyled li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
aside.vstack .card .card-body.text-start ul.list-unstyled li i.bi-check-lg {
	flex-shrink: 0;
	color: var(--mh-primary);
	font-size: 1rem;
	font-weight: 700;
	margin-top: 2px;
	background: var(--mh-primary-soft);
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
aside.vstack .social-share {
	padding: 1rem 0;
	border-top: 1px solid var(--mh-border);
	border-bottom: 1px solid var(--mh-border);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: .4rem;
}
aside.vstack .social-share > span {
	font-size: .95rem;
	color: var(--mh-text-faint) !important;
	margin-right: .5rem;
}
aside.vstack .social-share a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--mh-surface-2);
	color: var(--mh-text-muted) !important;
	font-size: 1.05rem;
	transition: all var(--mh-base) var(--mh-ease);
}
aside.vstack .social-share a:hover {
	transform: translateY(-3px) scale(1.08);
	box-shadow: var(--mh-shadow-md);
	color: #fff !important;
}
aside.vstack .social-share a.facebook:hover  { background: #1877f2; }
aside.vstack .social-share a.x-twitter:hover { background: #0f1419; }
aside.vstack .social-share a.linkedin:hover  { background: #0a66c2; }
aside.vstack .social-share a.whatsapp:hover  { background: #25d366; }
aside.vstack .social-share a.telegram:hover  { background: #229ed9; }

/* Benzer İlanlar kart başlığı */
.main-container > .container > .card {
	margin-top: 2rem;
	background: var(--mh-surface);
	border: 1px solid var(--mh-border);
	border-radius: var(--mh-radius-lg);
	box-shadow: var(--mh-shadow-sm);
	overflow: hidden;
}
.main-container > .container > .card > .card-header {
	background: transparent;
	border-bottom: 1px solid var(--mh-border) !important;
	padding: 1.15rem 1.5rem !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: .5rem;
}
.main-container > .container > .card > .card-header h4 {
	margin: 0 !important;
	float: none !important;
	font-size: 1.1rem !important;
	font-weight: 400 !important;
	color: var(--mh-text);
	letter-spacing: -.01em;
}
.main-container > .container > .card > .card-header h4 span {
	font-weight: 800 !important;
}
.main-container > .container > .card > .card-header h5 {
	margin: 0 !important;
	float: none !important;
	font-size: .78rem !important;
	font-weight: 700 !important;
	letter-spacing: .08em;
}
.main-container > .container > .card > .card-header h5 a {
	color: var(--mh-primary) !important;
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	transition: all var(--mh-fast) var(--mh-ease);
}
.main-container > .container > .card > .card-header h5 a:hover {
	color: var(--mh-primary-hover) !important;
	transform: translateX(2px);
}


/* ==========================================================================
   28. "EK DETAYLAR" GRID
   ========================================================================== */
.items-details-info > .row.gx-1.gy-1.mt-3 {
	margin-top: 2rem !important;
	padding-top: 1.5rem;
	border-top: 1px solid var(--mh-border);
}
.items-details-info > .row.gx-1.gy-1.mt-3 > .col-12 > .row.mb-3 {
	margin-bottom: 1.25rem !important;
}

.items-details-info h4.fs-5 {
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	color: var(--mh-text);
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	margin: 0 !important;
	padding: 0 0 .5rem 0 !important;
	position: relative;
}
.items-details-info h4.fs-5::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 2px;
	background: var(--mh-grad-primary);
	border-radius: 2px;
}
.items-details-info h4.fs-5 i {
	color: var(--mh-primary);
	font-size: 1.15rem;
}

.items-details-info > .row.gx-1.gy-1.mt-3 > .col-12:last-child > .row.gx-1.gy-1 {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: .75rem !important;
	margin: 0 !important;
}
.items-details-info > .row.gx-1.gy-1.mt-3 > .col-12:last-child > .row.gx-1.gy-1 > [class*="col-"] {
	width: 100% !important;
	max-width: none !important;
	flex: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.items-details-info > .row.gx-1.gy-1.mt-3 > .col-12:last-child > .row.gx-1.gy-1 > [class*="col-"] > .row.bg-body-tertiary {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: .75rem;
	background: var(--mh-surface-2) !important;
	border: 1px solid var(--mh-border) !important;
	border-radius: var(--mh-radius-sm) !important;
	padding: .85rem 1.15rem !important;
	margin: 0 !important;
	min-height: 56px;
	transition: all var(--mh-base) var(--mh-ease);
}
.items-details-info > .row.gx-1.gy-1.mt-3 > .col-12:last-child > .row.gx-1.gy-1 > [class*="col-"] > .row.bg-body-tertiary:hover {
	background: var(--mh-surface) !important;
	border-color: rgba(79, 70, 229, .3) !important;
	transform: translateY(-1px);
	box-shadow: var(--mh-shadow-sm);
}
.items-details-info > .row.gx-1.gy-1.mt-3 > .col-12:last-child > .row.gx-1.gy-1 > [class*="col-"] > .row.bg-body-tertiary > [class*="col-"] {
	width: auto !important;
	max-width: none !important;
	flex: 0 0 auto !important;
	padding: 0 !important;
	margin: 0 !important;
}
.items-details-info > .row.gx-1.gy-1.mt-3 > .col-12:last-child > .row.gx-1.gy-1 > [class*="col-"] > .row.bg-body-tertiary > .fw-bolder,
.items-details-info > .row.gx-1.gy-1.mt-3 > .col-12:last-child > .row.gx-1.gy-1 > [class*="col-"] > .row.bg-body-tertiary > [class*="col-"]:first-child {
	font-size: .72rem !important;
	font-weight: 700 !important;
	color: var(--mh-text-muted) !important;
	text-transform: uppercase;
	letter-spacing: .06em;
	text-align: left !important;
	line-height: 1.35;
	flex: 0 1 auto !important;
	max-width: 60%;
	word-break: break-word;
	margin: 0 !important;
	padding: 0 !important;
}
.items-details-info > .row.gx-1.gy-1.mt-3 > .col-12:last-child > .row.gx-1.gy-1 > [class*="col-"] > .row.bg-body-tertiary > [class*="col-"]:last-child {
	font-size: .95rem !important;
	font-weight: 700 !important;
	color: var(--mh-text) !important;
	text-align: right !important;
	flex: 1 1 auto !important;
	min-width: 0;
	word-break: break-word;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.35;
}


/* ==========================================================================
   29. BENZER İLANLAR CAROUSEL
   ========================================================================== */
.card > .card-header.border-bottom-0 {
	background: transparent;
	border-bottom: 1px solid var(--mh-border) !important;
	padding: 1.15rem 1.35rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: .5rem;
}
.card > .card-header.border-bottom-0 h4 {
	margin: 0 !important;
	float: none !important;
	font-size: 1.05rem !important;
	font-weight: 400 !important;
	color: var(--mh-text);
	line-height: 1.3;
}
.card > .card-header.border-bottom-0 h4 span {
	font-weight: 800 !important;
	color: var(--mh-text);
}
.card > .card-header.border-bottom-0 h5 {
	margin: 0 !important;
	float: none !important;
	font-size: .78rem !important;
	font-weight: 700 !important;
	letter-spacing: .08em;
}
.card > .card-header.border-bottom-0 h5 a {
	color: var(--mh-primary) !important;
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	transition: color var(--mh-fast) var(--mh-ease),
	            transform var(--mh-fast) var(--mh-ease);
}
.card > .card-header.border-bottom-0 h5 a:hover {
	color: var(--mh-primary-hover) !important;
	transform: translateX(2px);
}
.card > .card-body.rounded.p-3 {
	padding: 1rem 1.15rem 1.25rem !important;
	background: transparent;
}

.featured-list-slider.owl-carousel {
	position: relative;
	padding: 0;
}
.featured-list-slider .owl-stage-outer {
	padding: .25rem 0 .5rem;
	overflow: hidden;
	height: 360px;
}
.featured-list-slider .owl-stage {
	display: flex !important;
	align-items: stretch !important;
	height: 100% !important;
}
.featured-list-slider .owl-item {
	display: flex !important;
	align-items: stretch !important;
	height: 100% !important;
	width: 236px !important;
	flex-shrink: 0;
}
.featured-list-slider .owl-item > .card.item {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 .65rem 0 0 !important;
	background: var(--mh-surface) !important;
	border: 1px solid var(--mh-border) !important;
	border-radius: var(--mh-radius) !important;
	box-shadow: var(--mh-shadow-xs) !important;
	overflow: hidden;
	transition: transform var(--mh-base) var(--mh-ease),
	            box-shadow var(--mh-base) var(--mh-ease),
	            border-color var(--mh-base) var(--mh-ease);
}
.featured-list-slider .owl-item > .card.item:hover {
	transform: translateY(-4px);
	box-shadow: var(--mh-shadow-lg) !important;
	border-color: rgba(79, 70, 229, .35) !important;
	background: var(--mh-surface) !important;
}
.featured-list-slider .owl-item:last-child > .card.item {
	margin-right: 0 !important;
}
.featured-list-slider .item .item-carousel-thumb {
	position: relative;
	flex: 0 0 auto !important;
	width: 100% !important;
	height: 170px !important;
	overflow: hidden;
	background: var(--mh-surface-2);
}
.featured-list-slider .item .item-carousel-thumb a {
	display: block;
	width: 100% !important;
	height: 100% !important;
	overflow: hidden;
}
.featured-list-slider .item .item-carousel-thumb img {
	width: 100% !important;
	height: 100% !important;
	display: block;
	object-fit: cover !important;
	object-position: center;
	border-radius: 0 !important;
	transition: transform var(--mh-slow) var(--mh-ease);
}
.featured-list-slider .item:hover .item-carousel-thumb img {
	transform: scale(1.06);
}
.featured-list-slider .item .item-carousel-thumb .position-absolute {
	background: rgba(15, 23, 42, .78) !important;
	color: #fff !important;
	backdrop-filter: blur(6px);
	border-radius: var(--mh-radius-pill) !important;
	padding: .28rem .6rem !important;
	font-size: .72rem;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	opacity: 1 !important;
	z-index: 2;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}
.featured-list-slider .item > .card-body {
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	flex: 1 1 auto !important;
	padding: .85rem .95rem .85rem !important;
	background: var(--mh-surface) !important;
	overflow: hidden;
	min-height: 0;
}
.featured-list-slider .item > .card-body > h6 {
	font-family: "Plus Jakarta Sans", "Inter", sans-serif !important;
	font-size: .85rem !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	color: var(--mh-text);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: calc(1.35em * 2);
	word-break: break-word;
	flex-shrink: 0;
}
.featured-list-slider .item > .card-body > h6 a {
	color: var(--mh-text) !important;
	font-weight: 700;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color var(--mh-fast) var(--mh-ease);
	text-decoration: none;
	text-align: left !important;
	width: 100%;
	font-size: inherit;
	line-height: inherit;
}
.featured-list-slider .item:hover > .card-body > h6 a {
	color: var(--mh-primary) !important;
}
.featured-list-slider .item > .card-body > .d-flex.flex-column {
	flex-shrink: 0;
	margin-top: auto;
	padding-top: .65rem;
	border-top: 1px solid var(--mh-border);
	width: 100%;
}
.featured-list-slider .item > .card-body h4.fs-4,
.featured-list-slider .item > .card-body h4 {
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-size: 1rem !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	color: var(--mh-text) !important;
	letter-spacing: -.02em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.featured-list-slider .owl-nav {
	position: absolute;
	top: 170px;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	pointer-events: none;
	margin: 0 !important;
	display: flex;
	justify-content: space-between;
	padding: 0;
	z-index: 5;
}
.featured-list-slider .owl-nav button.owl-prev,
.featured-list-slider .owl-nav button.owl-next {
	pointer-events: auto;
	background: rgba(15, 23, 42, .72) !important;
	color: #fff !important;
	width: 38px !important;
	height: 38px !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 0 !important;
	backdrop-filter: blur(6px);
	transition: all var(--mh-base) var(--mh-ease);
	opacity: 0;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
	margin: 0 !important;
}
.featured-list-slider:hover .owl-nav button.owl-prev,
.featured-list-slider:hover .owl-nav button.owl-next {
	opacity: 1;
}
.featured-list-slider .owl-nav button.owl-prev { margin-left: -6px !important; }
.featured-list-slider .owl-nav button.owl-next { margin-right: -6px !important; }
.featured-list-slider .owl-nav button.owl-prev::after,
.featured-list-slider .owl-nav button.owl-next::after {
	font-family: "Font Awesome 6 Free", serif;
	font-weight: 900;
	font-size: .95rem;
	display: inline-block;
	line-height: 1;
}
.featured-list-slider .owl-nav button.owl-prev::after { content: "\f104"; }
.featured-list-slider .owl-nav button.owl-next::after { content: "\f105"; }
.featured-list-slider .owl-nav button.owl-prev:hover,
.featured-list-slider .owl-nav button.owl-next:hover {
	background: var(--mh-primary) !important;
	transform: scale(1.08);
	box-shadow: 0 8px 20px rgba(79, 70, 229, .45);
}
.featured-list-slider .owl-nav.disabled,
.featured-list-slider .owl-nav button:disabled { display: none !important; }

.featured-list-slider .owl-dots {
	display: flex !important;
	justify-content: center;
	align-items: center;
	gap: .35rem;
	padding: .75rem 0 0;
	margin: 0;
}
.featured-list-slider .owl-dots .owl-dot {
	background: transparent;
	border: 0;
	padding: 0;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.featured-list-slider .owl-dots .owl-dot span {
	display: block;
	width: 8px;
	height: 8px;
	background: var(--mh-border-strong);
	border-radius: 50%;
	transition: all var(--mh-base) var(--mh-ease);
}
.featured-list-slider .owl-dots .owl-dot:hover span {
	background: var(--mh-primary);
	transform: scale(1.15);
}
.featured-list-slider .owl-dots .owl-dot.active span {
	background: var(--mh-grad-primary);
	width: 24px;
	border-radius: var(--mh-radius-pill);
}
.featured-list-slider .owl-dots.disabled { display: none !important; }


/* ==========================================================================
   30. İLAN EKLEME SAYFASI
   ========================================================================== */

/* 30.A Adım Göstergesi */
.container > .row > .col-12 > ul.nav-pills {
	background: var(--mh-surface) !important;
	border: 1px solid var(--mh-border) !important;
	border-radius: var(--mh-radius-lg) !important;
	padding: .75rem !important;
	gap: .5rem;
	box-shadow: var(--mh-shadow-sm);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	counter-reset: step-counter;
}
.nav-pills .nav-item {
	flex: 1;
	min-width: 0;
	position: relative;
}
.nav-pills .nav-link {
	background: transparent;
	color: var(--mh-text-muted);
	border-radius: var(--mh-radius-sm) !important;
	padding: .7rem 1rem;
	font-weight: 600;
	font-size: .88rem;
	letter-spacing: .01em;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	transition: all var(--mh-base) var(--mh-ease);
	position: relative;
	text-align: center;
	border: 1.5px solid transparent;
}
.nav-pills .nav-item .nav-link::before {
	counter-increment: step-counter;
	content: counter(step-counter);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--mh-surface-2);
	color: var(--mh-text-muted);
	font-size: .78rem;
	font-weight: 700;
	transition: all var(--mh-base) var(--mh-ease);
	flex-shrink: 0;
}
.nav-pills .nav-link.active {
	background: var(--mh-grad-primary);
	color: #fff !important;
	border-color: transparent;
	box-shadow: 0 6px 16px rgba(79, 70, 229, .35);
}
.nav-pills .nav-link.active::before {
	background: rgba(255, 255, 255, .25);
	color: #fff;
	box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .5);
}
.nav-pills .nav-link.disabled {
	background: var(--mh-surface-2);
	color: var(--mh-text-faint) !important;
	cursor: not-allowed;
	opacity: .75;
	border-color: transparent;
}
.nav-pills .nav-link.disabled::before {
	background: var(--mh-surface-3);
	color: var(--mh-text-faint);
}
.nav-pills .nav-item:not(:last-child)::after {
	content: "";
	position: absolute;
	right: -6px;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 2px;
	background: var(--mh-border);
	z-index: 1;
}

/* 30.B Ana Form Kartı */
.main-container .container > .row > .col-md-9 > .container.border.rounded.bg-body-tertiary {
	background: var(--mh-surface) !important;
	border: 1px solid var(--mh-border) !important;
	border-radius: var(--mh-radius-lg) !important;
	box-shadow: var(--mh-shadow-md);
	padding: 2rem !important;
	transition: box-shadow var(--mh-base) var(--mh-ease);
}
.main-container .container > .row > .col-md-9 h3.fw-bold.border-bottom {
	border-bottom: 2px solid var(--mh-border) !important;
	padding-bottom: 1.15rem !important;
	margin-bottom: 1.75rem !important;
	font-size: 1.35rem;
	font-weight: 800 !important;
	color: var(--mh-text);
	letter-spacing: -.02em;
	display: flex;
	align-items: center;
	gap: .65rem;
	position: relative;
}
.main-container .container > .row > .col-md-9 h3.fw-bold.border-bottom::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 60px;
	height: 2px;
	background: var(--mh-grad-primary);
	border-radius: 2px;
}
.main-container .container > .row > .col-md-9 h3.fw-bold.border-bottom i {
	color: var(--mh-primary);
	background: var(--mh-grad-primary);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* 30.C Form Alanları */
form#payableForm fieldset > .mb-3 {
	margin-bottom: 1.5rem !important;
}
form#payableForm .form-label {
	font-weight: 600;
	font-size: .85rem;
	color: var(--mh-text);
	margin-bottom: .55rem;
	display: inline-flex;
	align-items: center;
	gap: .35rem;
}
form#payableForm .form-label .text-danger {
	color: var(--mh-danger) !important;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1;
}
form#payableForm .form-text {
	color: var(--mh-text-muted);
	font-size: .78rem;
	margin-top: .45rem;
	line-height: 1.5;
	display: flex;
	align-items: flex-start;
	gap: .35rem;
}
form#payableForm .form-text::before {
	content: "\f05a";
	font-family: "bootstrap-icons";
	font-size: .9rem;
	color: var(--mh-primary);
	opacity: .7;
	flex-shrink: 0;
	margin-top: 1px;
}

#catsContainer.form-control {
	background: var(--mh-surface);
	border: 1.5px dashed var(--mh-border-strong) !important;
	border-radius: var(--mh-radius-sm);
	padding: 1.1rem 1.15rem;
	min-height: 56px;
	display: flex;
	align-items: center;
	gap: .5rem;
	transition: all var(--mh-base) var(--mh-ease);
	cursor: pointer;
	position: relative;
}
#catsContainer.form-control:hover {
	border-color: var(--mh-primary) !important;
	background: var(--mh-primary-soft);
	transform: translateY(-1px);
	box-shadow: var(--mh-shadow-sm);
}
#catsContainer.form-control:focus-within {
	border-color: var(--mh-primary) !important;
	border-style: solid !important;
	box-shadow: var(--mh-ring);
	background: var(--mh-surface);
}
#catsContainer.form-control .modal-cat-link {
	color: var(--mh-primary) !important;
	font-weight: 600;
	font-size: .92rem;
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	width: 100%;
}
#catsContainer.form-control .modal-cat-link::before {
	content: "\f3d4";
	font-family: "bootstrap-icons";
	font-size: 1.15rem;
	color: var(--mh-primary);
}
#catsContainer.form-control .selected-category {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	font-weight: 600;
	color: var(--mh-text);
}
#catsContainer.form-control .selected-category .breadcrumb-trail {
	color: var(--mh-text-muted);
	font-weight: 400;
	font-size: .85rem;
}

input#title.form-control {
	font-size: 1rem;
	padding: .85rem 1rem;
	font-weight: 500;
}
textarea#tinymce_description.form-control {
	min-height: 220px;
	font-family: "Inter", sans-serif;
	font-size: .92rem;
	line-height: 1.65;
}

#priceBloc .input-group {
	border-radius: var(--mh-radius-sm);
	overflow: hidden;
	box-shadow: var(--mh-shadow-xs);
	transition: box-shadow var(--mh-fast) var(--mh-ease);
}
#priceBloc .input-group:focus-within {
	box-shadow: var(--mh-ring), var(--mh-shadow-sm);
}
#priceBloc .input-group-text {
	background: var(--mh-surface-2);
	border: 1.5px solid var(--mh-border);
	border-right: 0;
	font-weight: 700;
	color: var(--mh-primary);
	font-size: 1.05rem;
	padding: .65rem 1rem;
}
#priceBloc .input-group .form-control {
	border-left: 0;
	border-right: 0;
}
#priceBloc .input-group-text:last-child {
	border-right: 1.5px solid var(--mh-border);
	border-left: 0;
	cursor: pointer;
	user-select: none;
	font-size: .82rem;
	font-weight: 500;
	color: var(--mh-text-soft);
	padding: .65rem .9rem;
}
#priceBloc .input-group-text:last-child:hover {
	background: var(--mh-primary-soft);
	color: var(--mh-primary);
}
#priceBloc .input-group-text:last-child input[type="checkbox"] {
	margin: 0;
	cursor: pointer;
	accent-color: var(--mh-primary);
}
#priceBloc .input-group-text small {
	font-weight: 600;
	margin-left: .15rem;
}
#cityBox .select2-container { width: 100% !important; }

#isPermanentBox .form-check.form-switch {
	padding: .85rem 1rem .85rem 3.25rem;
	background: var(--mh-surface-2);
	border: 1px solid var(--mh-border);
	border-radius: var(--mh-radius-sm);
	transition: all var(--mh-base) var(--mh-ease);
}
#isPermanentBox .form-check.form-switch:hover {
	border-color: var(--mh-primary);
	background: var(--mh-primary-soft);
}
#isPermanentBox .form-check-input {
	cursor: pointer;
	width: 2.25em;
	height: 1.15em;
	margin-left: -2.5em;
	margin-top: .15em;
}
#isPermanentBox .form-check-input:checked {
	background-color: var(--mh-primary);
	border-color: var(--mh-primary);
}
#isPermanentBox .form-check-label {
	font-weight: 600;
	font-size: .92rem;
	color: var(--mh-text);
	cursor: pointer;
}

form#payableForm .col-12.fw-bold.fs-5.border-bottom {
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	color: var(--mh-text);
	border-bottom: 1.5px solid var(--mh-border) !important;
	padding: .85rem 0 !important;
	margin: 2.5rem 0 1.5rem !important;
	display: flex;
	align-items: center;
	gap: .55rem;
	position: relative;
}
form#payableForm .col-12.fw-bold.fs-5.border-bottom::after {
	content: "";
	position: absolute;
	bottom: -1.5px;
	left: 0;
	width: 48px;
	height: 1.5px;
	background: var(--mh-grad-primary);
	border-radius: 2px;
}
form#payableForm .col-12.fw-bold.fs-5.border-bottom i {
	color: var(--mh-primary);
	font-size: 1.15rem;
}

.auth-field-item .input-group {
	border-radius: var(--mh-radius-sm);
	overflow: hidden;
	box-shadow: var(--mh-shadow-xs);
	transition: box-shadow var(--mh-fast) var(--mh-ease);
}
.auth-field-item .input-group:focus-within {
	box-shadow: var(--mh-ring), var(--mh-shadow-sm);
}
.auth-field-item .input-group-text {
	background: var(--mh-surface-2);
	border: 1.5px solid var(--mh-border);
	border-right: 0;
	color: var(--mh-primary);
	font-size: 1rem;
	padding: .65rem 1rem;
	min-width: 48px;
	justify-content: center;
}
.auth-field-item .input-group .form-control {
	border-left: 0;
	border-right: 0;
}
.auth-field-item .input-group .form-control:focus {
	border-color: var(--mh-primary);
	box-shadow: none;
}
.auth-field-item .iti-group-text {
	background: var(--mh-surface-2);
	border: 1.5px solid var(--mh-border);
	border-left: 0;
	border-radius: 0 var(--mh-radius-sm) var(--mh-radius-sm) 0;
	cursor: pointer;
	user-select: none;
	font-size: .82rem;
	font-weight: 500;
	color: var(--mh-text-soft);
	padding: .65rem .9rem;
	display: inline-flex;
	align-items: center;
	gap: .25rem;
}
.auth-field-item .iti-group-text:hover {
	background: var(--mh-primary-soft);
	color: var(--mh-primary);
}
.auth-field-item .iti-group-text input[type="checkbox"] {
	margin: 0;
	cursor: pointer;
	accent-color: var(--mh-primary);
}
.auth-field-item .iti-group-text small {
	font-weight: 600;
	margin-left: .15rem;
}
.auth-field-item .iti { width: 100%; }
.auth-field-item .iti__selected-flag {
	background: var(--mh-surface-2);
	border-right: 1px solid var(--mh-border);
	padding: 0 .65rem;
}
.auth-field-item .iti input.form-control {
	border-left: 0;
	padding-left: .5rem;
}

/* 30.D TinyMCE */
.tox-tinymce {
	border: 1.5px solid var(--mh-border) !important;
	border-radius: var(--mh-radius-sm) !important;
	overflow: hidden;
	transition: border-color var(--mh-fast) var(--mh-ease),
	            box-shadow var(--mh-fast) var(--mh-ease);
	box-shadow: var(--mh-shadow-xs);
}
.tox-tinymce:hover { border-color: var(--mh-border-strong) !important; }
.tox-tinymce.tox-tinymce--focused,
.tox-tinymce:focus-within {
	border-color: var(--mh-primary) !important;
	box-shadow: var(--mh-ring) !important;
}
.tox .tox-toolbar,
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary {
	background: var(--mh-surface-2) !important;
	border-bottom: 1px solid var(--mh-border) !important;
	padding: .35rem .5rem !important;
}
.tox .tox-tbtn {
	border-radius: var(--mh-radius-xs) !important;
	color: var(--mh-text-muted) !important;
	transition: all var(--mh-fast) var(--mh-ease);
	height: 32px !important;
	width: 32px !important;
}
.tox .tox-tbtn:hover {
	background: var(--mh-primary-soft) !important;
	color: var(--mh-primary) !important;
}
.tox .tox-tbtn--enabled,
.tox .tox-tbtn--enabled:hover {
	background: var(--mh-primary) !important;
	color: #fff !important;
}
.tox .tox-tbtn svg { fill: currentColor !important; }
.tox .tox-edit-area__iframe { background: var(--mh-surface) !important; }
.tox .tox-statusbar {
	border-top: 1px solid var(--mh-border) !important;
	background: var(--mh-surface-2) !important;
	padding: .35rem .75rem !important;
	font-size: .75rem;
	color: var(--mh-text-muted) !important;
}
.tox .tox-selectfield select {
	border: 1px solid var(--mh-border) !important;
	border-radius: var(--mh-radius-xs) !important;
	padding: .25rem .5rem !important;
	font-size: .78rem;
	background: var(--mh-surface) !important;
	color: var(--mh-text) !important;
	height: auto !important;
}

/* 30.E Dosya Yükleme */
.file-input .file-drop-zone {
	background: var(--mh-surface-2);
	border: 2px dashed var(--mh-border-strong);
	border-radius: var(--mh-radius);
	padding: 2rem 1.5rem;
	transition: all var(--mh-base) var(--mh-ease);
	min-height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.file-input .file-drop-zone:hover,
.file-input .file-drop-zone.file-drop-zone-over {
	background: var(--mh-primary-soft);
	border-color: var(--mh-primary);
	transform: translateY(-1px);
}
.file-input .file-drop-zone-title {
	color: var(--mh-text-muted);
	font-size: .95rem;
	font-weight: 500;
	padding: 1rem;
	text-align: center;
}
.file-input .btn-file,
.file-input .fileinput-upload,
.file-input .btn-primary {
	border-radius: var(--mh-radius-pill) !important;
	font-weight: 600;
}
.file-input .btn-file {
	background: var(--mh-grad-primary) !important;
	border: 0 !important;
	color: #fff !important;
	box-shadow: var(--mh-shadow-sm);
	transition: all var(--mh-base) var(--mh-ease);
}
.file-input .btn-file:hover {
	transform: translateY(-2px);
	box-shadow: var(--mh-shadow-md);
}
.file-input .btn-secondary {
	background: var(--mh-surface-2) !important;
	border: 1px solid var(--mh-border) !important;
	color: var(--mh-text-muted) !important;
	font-weight: 600;
	transition: all var(--mh-fast) var(--mh-ease);
}
.file-input .btn-secondary:hover {
	background: var(--mh-danger) !important;
	border-color: var(--mh-danger) !important;
	color: #fff !important;
}
.file-preview-frame {
	border: 1px solid var(--mh-border) !important;
	border-radius: var(--mh-radius-sm) !important;
	box-shadow: var(--mh-shadow-xs) !important;
	transition: all var(--mh-base) var(--mh-ease);
	overflow: hidden;
}
.file-preview-frame:hover {
	box-shadow: var(--mh-shadow-md) !important;
	transform: translateY(-2px);
}
.file-preview-image { border-radius: var(--mh-radius-sm); }
.file-actions .btn {
	padding: .3rem .55rem !important;
	font-size: .8rem;
	border-radius: var(--mh-radius-xs) !important;
}
.file-zoom-dialog .modal-content { border-radius: var(--mh-radius-lg); }
.file-input .progress {
	height: 6px;
	border-radius: var(--mh-radius-pill);
	background: var(--mh-surface-2);
	overflow: hidden;
}
.file-input .progress-bar {
	background: var(--mh-grad-primary);
	border-radius: var(--mh-radius-pill);
}
.file-input .file-error-message {
	border-radius: var(--mh-radius-sm);
	background: #fef2f2;
	color: #991b1b;
	border: 1px solid #fecaca;
	padding: .75rem 1rem;
	font-size: .85rem;
}
.file-caption {
	border-radius: var(--mh-radius-sm) !important;
	border: 1.5px solid var(--mh-border) !important;
}
.file-caption:focus {
	border-color: var(--mh-primary) !important;
	box-shadow: var(--mh-ring) !important;
}

/* 30.F Form Butonları */
form#payableForm .row.mb-3.mt-5 {
	margin-top: 2.5rem !important;
	padding-top: 1.75rem;
	border-top: 1px solid var(--mh-border);
	gap: 1rem;
}
form#payableForm .row.mb-3.mt-5 .btn {
	padding: .85rem 1.75rem !important;
	font-size: 1rem;
	font-weight: 600;
	border-radius: var(--mh-radius-pill);
	min-height: 52px;
	transition: all var(--mh-base) var(--mh-ease);
}
form#payableForm .btn-secondary {
	background: var(--mh-surface-2) !important;
	border: 1.5px solid var(--mh-border) !important;
	color: var(--mh-text-soft) !important;
}
form#payableForm .btn-secondary:hover {
	background: var(--mh-surface-3) !important;
	border-color: var(--mh-border-strong) !important;
	color: var(--mh-text) !important;
	transform: translateY(-2px);
	box-shadow: var(--mh-shadow-sm);
}
form#payableForm .btn-primary {
	background: var(--mh-grad-primary) !important;
	border: 0 !important;
	color: #fff !important;
	box-shadow: 0 8px 20px rgba(79, 70, 229, .35);
	letter-spacing: .015em;
}
form#payableForm .btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(79, 70, 229, .45);
}
form#payableForm .btn-primary i {
	transition: transform var(--mh-base) var(--mh-ease);
}
form#payableForm .btn-primary:hover i {
	transform: translateX(4px);
}

/* 30.G Sağ Sidebar (İpuçları) */
.reg-sidebar .vstack { gap: 1.5rem !important; }
.reg-sidebar .vstack.gap-3.text-center {
	background: var(--mh-grad-primary);
	border-radius: var(--mh-radius-lg);
	padding: 2rem 1.5rem;
	color: #fff;
	box-shadow: var(--mh-shadow-lg), 0 12px 32px rgba(79, 70, 229, .25);
	position: relative;
	overflow: hidden;
}
.reg-sidebar .vstack.gap-3.text-center::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(255,255,255,.12) 1px, transparent 1px);
	background-size: 22px 22px;
	pointer-events: none;
	opacity: .5;
}
.reg-sidebar .vstack.gap-3.text-center::after {
	content: "";
	position: absolute;
	top: -60px;
	right: -60px;
	width: 180px;
	height: 180px;
	background: radial-gradient(circle, rgba(255,255,255,.2), transparent 70%);
	border-radius: 50%;
	pointer-events: none;
}
.reg-sidebar .vstack.gap-3.text-center > * {
	position: relative;
	z-index: 1;
}
.reg-sidebar .vstack.gap-3.text-center i.fa-image {
	color: #fff !important;
	opacity: .9;
	filter: drop-shadow(0 4px 12px rgba(0, 0, 0, .2));
	margin-bottom: .5rem;
}
.reg-sidebar .vstack.gap-3.text-center h5 {
	color: #fff !important;
	font-weight: 800;
	letter-spacing: -.01em;
	font-size: 1.15rem !important;
	margin-bottom: .5rem !important;
}
.reg-sidebar .vstack.gap-3.text-center p {
	color: rgba(255, 255, 255, .9) !important;
	font-size: .88rem;
	line-height: 1.6;
	margin: 0;
}
.reg-sidebar .card.border-color-primary {
	background: var(--mh-surface);
	border: 1px solid var(--mh-border);
	border-radius: var(--mh-radius-lg);
	box-shadow: var(--mh-shadow-sm);
	overflow: hidden;
	transition: box-shadow var(--mh-base) var(--mh-ease),
	            transform var(--mh-base) var(--mh-ease);
}
.reg-sidebar .card.border-color-primary:hover {
	box-shadow: var(--mh-shadow-md);
	transform: translateY(-2px);
}
.reg-sidebar .card .card-header.bg-primary {
	background: var(--mh-grad-primary) !important;
	border: 0 !important;
	color: #fff !important;
	font-weight: 700;
	padding: 1rem 1.35rem;
	font-size: .8rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
}
.reg-sidebar .card .card-body { padding: 1.15rem 1.35rem; }
.reg-sidebar .card .card-body ul.list-unstyled {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}
.reg-sidebar .card .card-body ul.list-unstyled li {
	display: flex;
	align-items: flex-start;
	gap: .65rem;
	font-size: .88rem;
	color: var(--mh-text-soft);
	line-height: 1.55;
	padding-bottom: .75rem;
	border-bottom: 1px dashed var(--mh-border);
}
.reg-sidebar .card .card-body ul.list-unstyled li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
.reg-sidebar .card .card-body ul.list-unstyled li i.bi-check-lg {
	flex-shrink: 0;
	color: var(--mh-primary);
	font-size: 1.15rem;
	font-weight: 700;
	margin-top: 1px;
	background: var(--mh-primary-soft);
	border-radius: 50%;
	width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all var(--mh-base) var(--mh-ease);
}
.reg-sidebar .card .card-body ul.list-unstyled li:hover i.bi-check-lg {
	background: var(--mh-grad-primary);
	color: #fff;
	transform: scale(1.1);
}

/* 30.H Kategori Seçim Modalı */
#browseCategories .modal-content { border-radius: var(--mh-radius-lg); }
#browseCategories .modal-header {
	background: var(--mh-surface-2);
	border-bottom: 1px solid var(--mh-border);
}
#browseCategories .modal-title {
	display: flex;
	align-items: center;
	gap: .55rem;
	font-weight: 700;
}
#browseCategories .modal-title i {
	color: var(--mh-primary);
	font-size: 1.15rem;
}
#browseCategories .modal-body { padding: 1.5rem; }
#selectCats .category-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .85rem 1.15rem;
	border: 1px solid var(--mh-border);
	border-radius: var(--mh-radius-sm);
	margin-bottom: .5rem;
	background: var(--mh-surface);
	transition: all var(--mh-fast) var(--mh-ease);
	cursor: pointer;
}
#selectCats .category-item:hover {
	border-color: var(--mh-primary);
	background: var(--mh-primary-soft);
	transform: translateX(4px);
	box-shadow: var(--mh-shadow-sm);
}
#selectCats .category-item .category-name {
	font-weight: 600;
	color: var(--mh-text);
	display: flex;
	align-items: center;
	gap: .65rem;
}
#selectCats .category-item .category-name i {
	color: var(--mh-primary);
	font-size: 1.05rem;
}
#selectCats .category-item .category-arrow {
	color: var(--mh-text-faint);
	transition: all var(--mh-fast) var(--mh-ease);
}
#selectCats .category-item:hover .category-arrow {
	color: var(--mh-primary);
	transform: translateX(3px);
}


/* ==========================================================================
   31. ANA SAYFA CİLALAMA
   ========================================================================== */

/* 31.A Inline override */
#homepage .hero-wrap:not(.only-search-bar) {
	height: auto !important;
	max-height: none !important;
	min-height: 340px !important;
	padding: 3.5rem 1rem 4rem !important;
}
#homepage .search-row .search-col:first-child div.form-control,
#homepage .search-row .search-col:first-child .form-control,
#homepage .search-row .search-col button,
#homepage .search-row .search-col .btn {
	border-top-left-radius: inherit !important;
	border-bottom-left-radius: inherit !important;
	border-top-right-radius: inherit !important;
	border-bottom-right-radius: inherit !important;
}
@media (min-width: 1200px) {
	#homepage .hero-wrap.only-search-bar .container { max-width: 1240px; }
}

/* 31.B Hero */
#homepage .hero-wrap {
	background: var(--mh-grad-hero) !important;
	position: relative;
	overflow: hidden;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
#homepage .hero-wrap::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);
	background-size: 22px 22px;
	pointer-events: none;
	opacity: .6;
}
#homepage .hero-wrap > .container {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .5rem;
}
#homepage .hero-wrap h1 {
	color: #fff;
	font-size: clamp(1.7rem, 3.5vw, 2.5rem);
	letter-spacing: -.02em;
	margin-bottom: .5rem !important;
	line-height: 1.15;
	font-weight: 800;
	text-align: center;
}
#homepage .hero-wrap h5 {
	color: rgba(255,255,255,.92);
	font-size: clamp(.95rem, 1.6vw, 1.15rem);
	margin-bottom: 1.75rem !important;
	text-align: center;
	opacity: 1;
}

/* 31.C Kategori kartları */
#homepage .big-icon-category-list {
	--bs-gutter-x: 1rem;
	--bs-gutter-y: 1rem;
	padding: 0 !important;
	margin: 0 -0.5rem !important;
}
#homepage .big-icon-category-list .col {
	padding-left: .5rem !important;
	padding-right: .5rem !important;
	display: flex !important;
	align-items: stretch;
	margin: 0 !important;
}
#homepage .big-icon-category-list .col > div {
	width: 100%;
	background: var(--mh-surface) !important;
	border: 1px solid var(--mh-border) !important;
	border-radius: var(--mh-radius) !important;
	padding: 1.5rem 1rem !important;
	margin: 0 !important;
	box-shadow: var(--mh-shadow-xs);
	transition: transform var(--mh-base) var(--mh-ease),
	            box-shadow var(--mh-base) var(--mh-ease),
	            border-color var(--mh-base) var(--mh-ease);
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 130px;
}
#homepage .big-icon-category-list .col > div:hover {
	transform: translateY(-4px);
	box-shadow: var(--mh-shadow-md);
	border-color: rgba(79, 70, 229, .35) !important;
}
#homepage .big-icon-category-list a {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .65rem;
	width: 100%;
	text-decoration: none;
}
#homepage .big-icon-category-list i {
	background: var(--mh-grad-primary);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 2.5rem !important;
	transition: transform var(--mh-base) var(--mh-ease);
	display: inline-block;
	line-height: 1;
}
#homepage .big-icon-category-list .col > div:hover i {
	transform: scale(1.12) rotate(-4deg);
}
#homepage .big-icon-category-list h6 {
	margin: 0 !important;
	font-size: .85rem !important;
	font-weight: 700 !important;
	color: var(--mh-text) !important;
	text-align: center;
	line-height: 1.3;
	transition: color var(--mh-fast) var(--mh-ease);
}
#homepage .big-icon-category-list .col > div:hover h6 {
	color: var(--mh-primary) !important;
}

/* 31.D Kart başlıkları */
#homepage .container > .card > .card-header.border-bottom-0,
#homepage .container > .card > .card-header {
	background: transparent !important;
	border-bottom: 1px solid var(--mh-border) !important;
	padding: 1.15rem 1.35rem !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: .5rem;
}
#homepage .container > .card > .card-header h4 {
	margin: 0 !important;
	float: none !important;
	font-size: 1.1rem !important;
	font-weight: 400 !important;
	color: var(--mh-text);
	letter-spacing: -.01em;
}
#homepage .container > .card > .card-header h4 span { font-weight: 800 !important; }
#homepage .container > .card > .card-header h5 {
	margin: 0 !important;
	float: none !important;
	font-size: .78rem !important;
	font-weight: 700 !important;
	letter-spacing: .08em;
	text-transform: uppercase;
}
#homepage .container > .card > .card-header h5 a {
	color: var(--mh-primary) !important;
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	transition: all var(--mh-fast) var(--mh-ease);
}
#homepage .container > .card > .card-header h5 a:hover {
	color: var(--mh-primary-hover) !important;
	transform: translateX(2px);
}

/* 31.E Son ilanlar - kart uyumu */
#homepage .grid-view.row {
	--bs-gutter-x: 1rem;
	--bs-gutter-y: 1rem;
	margin-left: calc(-.5 * var(--bs-gutter-x));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	align-items: stretch;
}
#homepage .grid-view .item-list {
	display: flex;
	align-items: stretch;
	height: auto;
	padding-left: calc(.5 * var(--bs-gutter-x));
	padding-right: calc(.5 * var(--bs-gutter-x));
	margin-bottom: var(--bs-gutter-y);
}
#homepage .grid-view .item-list > div {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background: var(--mh-surface);
	border: 1px solid var(--mh-border) !important;
	border-radius: var(--mh-radius-lg) !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	box-shadow: var(--mh-shadow-xs);
	transition: transform var(--mh-base) var(--mh-ease),
	            box-shadow var(--mh-base) var(--mh-ease),
	            border-color var(--mh-base) var(--mh-ease);
}
#homepage .grid-view .item-list > div:hover {
	transform: translateY(-4px);
	box-shadow: var(--mh-shadow-lg);
	border-color: rgba(79, 70, 229, .35) !important;
}
#homepage .grid-view .item-list > div > .row {
	display: flex !important;
	flex-direction: column;
	height: 100% !important;
	margin: 0 !important;
	flex-wrap: nowrap;
}
#homepage .grid-view .item-list > div > .row > .col-12 {
	padding: 0 !important;
	margin: 0 !important;
}

/* 31.F İstatistik kartı */
#homepage > .container > .card.border-0.bg-body-tertiary {
	background: var(--mh-grad-primary) !important;
	border: 0 !important;
	border-radius: var(--mh-radius-lg) !important;
	padding: 2.5rem 2rem !important;
	color: #fff !important;
	box-shadow: var(--mh-shadow-xl), 0 20px 60px rgba(79, 70, 229, .3);
	position: relative;
	overflow: hidden;
}
#homepage > .container > .card.border-0.bg-body-tertiary::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(255,255,255,.1) 1px, transparent 1px);
	background-size: 24px 24px;
	pointer-events: none;
	opacity: .5;
}
#homepage > .container > .card.border-0.bg-body-tertiary::after {
	content: "";
	position: absolute;
	top: -60px;
	right: -60px;
	width: 220px;
	height: 220px;
	background: radial-gradient(circle, rgba(255,255,255,.18), transparent 70%);
	border-radius: 50%;
	pointer-events: none;
}
#homepage > .container > .card.border-0.bg-body-tertiary > .card-body {
	position: relative;
	z-index: 1;
	padding: 0 !important;
}
#homepage > .container > .card.border-0.bg-body-tertiary .row > [class*="col-"] { padding: 1rem; }
#homepage > .container > .card.border-0.bg-body-tertiary .d-flex { color: #fff !important; }
#homepage > .container > .card.border-0.bg-body-tertiary i {
	color: #fff !important;
	opacity: .85;
	filter: drop-shadow(0 4px 12px rgba(0, 0, 0, .2));
}
#homepage > .container > .card.border-0.bg-body-tertiary h5 {
	color: #fff !important;
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-weight: 800 !important;
	letter-spacing: -.02em;
	font-size: clamp(1.75rem, 3vw, 2.5rem) !important;
}
#homepage > .container > .card.border-0.bg-body-tertiary .fs-5 {
	color: rgba(255, 255, 255, .85) !important;
	font-size: .95rem !important;
}


/* ==========================================================================
   32. RESPONSIVE
   ========================================================================== */
@media (max-width: 1199.98px) {
	.featured-list-slider .item { width: 200px; height: 300px; }

	#homepage #searchForm .search-row > .search-col > button.btn.btn-primary span {
		display: none;
	}
	#homepage #searchForm .search-row > .search-col > button.btn.btn-primary {
		min-width: 56px !important;
		padding: .65rem 1.15rem !important;
	}

	aside.vstack { position: static; }
}

@media (max-width: 991.98px) {
	.hero-wrap { min-height: 380px; height: auto; padding: 3rem 1rem; }
	.gallery-container .bx-thumb-item,
	.bxslider-pager .bx-thumb-item { width: 68px !important; height: 52px !important; }
	aside.vstack { margin-top: 1.5rem; }
	.items-details-wrapper { padding: 1.15rem !important; }
	.navbar-brand img.main-logo { max-width: 160px !important; }

	.featured-list-slider .owl-stage-outer { height: 330px; }
	.featured-list-slider .owl-item { width: 210px !important; }
	.featured-list-slider .item .item-carousel-thumb { height: 155px !important; }
	.featured-list-slider .owl-nav { top: 155px; }

	.main-container .container > .row > .col-md-9 > .container.border.rounded.bg-body-tertiary {
		padding: 1.35rem !important;
	}
	.reg-sidebar { margin-top: 1.5rem; }

	#homepage .hero-wrap {
		min-height: 300px !important;
		padding: 3rem 1rem 3.5rem !important;
	}
	#homepage .hero-wrap h1 { font-size: clamp(1.5rem, 4vw, 2rem); }
	#homepage .hero-wrap h5 {
		font-size: 1rem;
		margin-bottom: 1.25rem !important;
	}
	#homepage .big-icon-category-list .col > div {
		padding: 1.15rem .75rem !important;
		min-height: 115px;
	}
	#homepage .big-icon-category-list i { font-size: 2rem !important; }
	#homepage .big-icon-category-list h6 { font-size: .78rem !important; }

	.items-details-wrapper { padding: 1.25rem 1.35rem !important; }
	#itemsDetailsTabsContent.tab-content { padding: 1.15rem 1.25rem !important; }
	.main-container > .col-lg-9,
	.main-container > .col-lg-3 { margin-bottom: 1rem; }
	aside.vstack { margin-top: 1rem; }

	.items-details-info > .row.gx-1.gy-1.mt-3 > .col-12:last-child > .row.gx-1.gy-1 {
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	}
}

@media (max-width: 767.98px) {
	#searchForm .bg-primary {
		padding: .85rem !important;
		border-radius: var(--mh-radius) !important;
	}
	#searchForm .bg-primary .form-control,
	#searchForm .bg-primary .form-select,
	#searchForm .bg-primary .btn-primary {
		min-height: 42px;
		font-size: .88rem;
	}
	.grid-view > .container.bg-body { padding: .85rem 1rem !important; }
	.grid-view .bg-body-tertiary ul.list-inline {
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.container > .card.bg-body-tertiary.border { padding: 1.75rem 1.25rem !important; }
	.container > .card.bg-body-tertiary.border h3 { font-size: 1.25rem; }
	.container > .card.bg-body-tertiary.border .btn {
		padding: .7rem 1.5rem;
		font-size: .9rem;
	}

	.nav-pills { padding: .5rem !important; gap: .35rem; }
	.nav-pills .nav-link { padding: .6rem .75rem; font-size: .8rem; }
	.nav-pills .nav-link::before { width: 22px; height: 22px; font-size: .7rem; }
	.nav-pills .nav-item:not(:last-child)::after { display: none; }

	form#payableForm .row.mb-3.mt-5 .btn {
		min-height: 46px;
		font-size: .9rem;
		padding: .7rem 1.25rem !important;
	}
	.reg-sidebar .vstack.gap-3.text-center { padding: 1.5rem 1.25rem; }

	#homepage .hero-wrap {
		min-height: auto !important;
		padding: 2.5rem 1rem 3rem !important;
	}
	#homepage #searchForm .search-row {
		flex-direction: column !important;
		border-radius: var(--mh-radius-lg) !important;
		padding: 10px !important;
		gap: .5rem !important;
		max-width: 100%;
	}
	#homepage #searchForm .search-row > .search-col {
		flex: 1 1 auto !important;
		width: 100% !important;
	}
	#homepage #searchForm .search-row > .search-col > .hstack.form-control {
		background: var(--mh-surface-2) !important;
		border-radius: var(--mh-radius-sm) !important;
		min-height: 48px !important;
		padding: .55rem 1rem !important;
	}
	#homepage #searchForm .search-row > .search-col:nth-child(2)::before { display: none; }
	#homepage #searchForm .search-row > .search-col > button.btn.btn-primary {
		width: 100% !important;
		min-height: 48px !important;
		border-radius: var(--mh-radius-sm) !important;
	}

	.items-details-wrapper h1.fs-3 { font-size: 1.25rem !important; }
	.items-details-wrapper > .border-top {
		flex-direction: column;
		align-items: flex-start !important;
		gap: .5rem;
	}
	aside.vstack .social-share a { width: 34px; height: 34px; font-size: .95rem; }
}

@media (max-width: 575.98px) {
	.p-price-tag {
		font-size: .95rem;
		padding: .4rem .75rem;
		top: 10px;
		right: 10px;
	}
	.bx-thumb-item { width: 60px; height: 45px; }
	.items-details-info .row.mt-4.fs-1 a {
		width: 44px;
		height: 44px;
		font-size: 1.15rem !important;
	}
	.items-details .hstack { flex-direction: column; }
	.items-details .hstack .btn { width: 100%; }
	#postType .nav-link { padding: .65rem .85rem; font-size: .85rem; }
	.social-media a,
	.social-share a { width: 34px; height: 34px; font-size: .95rem; }
	.modal-body { padding: 1rem; }
	#phoneModal { font-size: 1.35rem !important; padding: 1.25rem !important; }

	.featured-list-slider .owl-stage-outer { height: 300px; }
	.featured-list-slider .owl-item { width: 180px !important; }
	.featured-list-slider .item .item-carousel-thumb { height: 130px !important; }
	.featured-list-slider .item > .card-body { padding: .7rem .8rem !important; }
	.featured-list-slider .item > .card-body > h6 { font-size: .8rem !important; }
	.featured-list-slider .item > .card-body h4.fs-4,
	.featured-list-slider .item > .card-body h4 { font-size: .92rem !important; }
	.featured-list-slider .owl-nav { top: 130px; }
	.featured-list-slider .owl-nav button.owl-prev,
	.featured-list-slider .owl-nav button.owl-next {
		width: 32px !important;
		height: 32px !important;
	}

	.main-container .container > .row > .col-md-9 h3.fw-bold.border-bottom { font-size: 1.15rem; }
	.main-container .container > .row > .col-md-9 > .container.border.rounded.bg-body-tertiary {
		padding: 1rem !important;
	}
	#priceBloc .input-group-text:last-child small { display: none; }
	.auth-field-item .iti-group-text small { display: none; }
	.reg-sidebar .card .card-header.bg-primary {
		font-size: .72rem;
		letter-spacing: .08em;
	}

	#homepage .big-icon-category-list .col > div {
		padding: 1rem .5rem !important;
		min-height: 100px;
	}
	#homepage .big-icon-category-list i { font-size: 1.75rem !important; }
	#homepage .big-icon-category-list h6 { font-size: .72rem !important; }
	#homepage > .container > .card.border-0.bg-body-tertiary {
		padding: 1.5rem 1rem !important;
	}
	#homepage > .container > .card.border-0.bg-body-tertiary h5 { font-size: 1.5rem !important; }
	#homepage .grid-view.row {
		--bs-gutter-x: .5rem;
		--bs-gutter-y: .5rem;
	}

	.items-details-wrapper {
		padding: 1rem 1.1rem !important;
		border-radius: var(--mh-radius) !important;
	}
	#itemsDetailsTabsContent.tab-content {
		padding: 1rem !important;
		border-radius: 0 0 var(--mh-radius) var(--mh-radius) !important;
	}
	.gallery-container .p-price-tag {
		font-size: .95rem !important;
		padding: .5rem .9rem !important;
		top: 12px !important;
		right: 12px !important;
	}
	.bx-wrapper .bx-prev,
	.bx-wrapper .bx-next {
		width: 36px !important;
		height: 36px !important;
		line-height: 36px !important;
	}
	.main-container > .container.mt-2 .row {
		padding: .5rem .85rem;
		border-radius: var(--mh-radius);
	}
	.main-container > .container.mt-2 .breadcrumb-item.active { max-width: 160px; }
	aside.vstack .card-body .btn {
		font-size: .82rem;
		padding: .6rem .9rem !important;
	}

	.items-details-info > .row.gx-1.gy-1.mt-3 > .col-12:last-child > .row.gx-1.gy-1 {
		grid-template-columns: 1fr;
		gap: .5rem !important;
	}
	.items-details-info > .row.gx-1.gy-1.mt-3 > .col-12:last-child > .row.gx-1.gy-1 > [class*="col-"] > .row.bg-body-tertiary {
		padding: .75rem 1rem !important;
		min-height: 50px;
	}
	.items-details-info > .row.gx-1.gy-1.mt-3 > .col-12:last-child > .row.gx-1.gy-1 > [class*="col-"] > .row.bg-body-tertiary > [class*="col-"]:first-child {
		font-size: .68rem !important;
	}
	.items-details-info > .row.gx-1.gy-1.mt-3 > .col-12:last-child > .row.gx-1.gy-1 > [class*="col-"] > .row.bg-body-tertiary > [class*="col-"]:last-child {
		font-size: .9rem !important;
	}
}


/* ==========================================================================
   33. DARK MODE
   ========================================================================== */
[data-bs-theme="dark"],
html[theme="dark"] {
	--mh-bg:             #0b1020;
	--mh-surface:        #141a2e;
	--mh-surface-2:      #1c2340;
	--mh-surface-3:      #232c4d;
	--mh-border:         #262f4d;
	--mh-border-strong:  #3a4468;
	--mh-text:           #e6e9f2;
	--mh-text-soft:      #c8cee0;
	--mh-text-muted:     #9aa3bd;
	--mh-text-faint:     #6b7494;
	--mh-primary-soft:   #1e1b4b;

	--mh-shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);
	--mh-shadow-sm: 0 2px 6px rgba(0, 0, 0, .4);
	--mh-shadow-md: 0 8px 24px rgba(0, 0, 0, .5);
	--mh-shadow-lg: 0 16px 40px rgba(0, 0, 0, .6);
	--mh-shadow-xl: 0 24px 60px rgba(79, 70, 229, .35);
}

[data-bs-theme="dark"] header .navbar,
html[theme="dark"] header .navbar {
	background: rgba(20, 26, 46, .82) !important;
}
[data-bs-theme="dark"] .hero-wrap,
html[theme="dark"] .hero-wrap {
	background: var(--mh-grad-hero-dark);
}
[data-bs-theme="dark"] .items-details-wrapper,
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .modal-content,
[data-bs-theme="dark"] footer .container-fluid,
html[theme="dark"] .items-details-wrapper,
html[theme="dark"] .card,
html[theme="dark"] .modal-content,
html[theme="dark"] footer .container-fluid {
	background: var(--mh-surface) !important;
	color: var(--mh-text);
}

[data-bs-theme="dark"] .alert-warning,
html[theme="dark"] .alert-warning {
	background: #3a2a0a;
	border-color: #78350f;
	color: #fde68a;
}
[data-bs-theme="dark"] .alert-danger,
html[theme="dark"] .alert-danger {
	background: #3a0d15;
	border-color: #7f1d1d;
	color: #fecaca;
}
[data-bs-theme="dark"] .alert-info,
html[theme="dark"] .alert-info {
	background: #0a2530;
	border-color: #155e75;
	color: #a5f3fc;
}

/* Dark mode — İlan Ekleme */
[data-bs-theme="dark"] .nav-pills .nav-link,
html[theme="dark"] .nav-pills .nav-link {
	background: var(--mh-surface-2);
	color: var(--mh-text-muted);
}
[data-bs-theme="dark"] .nav-pills .nav-link.active,
html[theme="dark"] .nav-pills .nav-link.active {
	background: var(--mh-grad-primary);
}
[data-bs-theme="dark"] #catsContainer.form-control,
html[theme="dark"] #catsContainer.form-control {
	background: var(--mh-surface);
	border-color: var(--mh-border-strong);
}
[data-bs-theme="dark"] .tox-tinymce,
html[theme="dark"] .tox-tinymce {
	background: var(--mh-surface);
	border-color: var(--mh-border);
}
[data-bs-theme="dark"] .tox .tox-toolbar,
html[theme="dark"] .tox .tox-toolbar {
	background: var(--mh-surface-2) !important;
	border-bottom-color: var(--mh-border) !important;
}
[data-bs-theme="dark"] .tox .tox-statusbar,
html[theme="dark"] .tox .tox-statusbar {
	background: var(--mh-surface-2) !important;
	border-top-color: var(--mh-border) !important;
}
[data-bs-theme="dark"] .reg-sidebar .card .card-header.bg-primary,
html[theme="dark"] .reg-sidebar .card .card-header.bg-primary {
	background: linear-gradient(135deg, #312e81, #4338ca) !important;
}

/* Dark mode — İlan Detay */
[data-bs-theme="dark"] #itemsDetailsTabsContent.tab-content,
html[theme="dark"] #itemsDetailsTabsContent.tab-content {
	background: var(--mh-surface) !important;
	border-color: var(--mh-border) !important;
}
[data-bs-theme="dark"] .items-details-info > .row.border-bottom > [class*="col-"],
html[theme="dark"] .items-details-info > .row.border-bottom > [class*="col-"] {
	background: linear-gradient(135deg, var(--mh-surface-2), var(--mh-surface)) !important;
	border-color: var(--mh-border) !important;
}
[data-bs-theme="dark"] .detail-line-content,
[data-bs-theme="dark"] .detail-line-content p,
html[theme="dark"] .detail-line-content,
html[theme="dark"] .detail-line-content p {
	color: var(--mh-text-soft) !important;
}

/* Dark mode — Ek Detaylar */
[data-bs-theme="dark"] .items-details-info > .row.gx-1.gy-1.mt-3 > .col-12:last-child > .row.gx-1.gy-1 > [class*="col-"] > .row.bg-body-tertiary,
html[theme="dark"] .items-details-info > .row.gx-1.gy-1.mt-3 > .col-12:last-child > .row.gx-1.gy-1 > [class*="col-"] > .row.bg-body-tertiary {
	background: var(--mh-surface-2) !important;
	border-color: var(--mh-border) !important;
}
[data-bs-theme="dark"] .items-details-info > .row.gx-1.gy-1.mt-3 > .col-12:last-child > .row.gx-1.gy-1 > [class*="col-"] > .row.bg-body-tertiary:hover,
html[theme="dark"] .items-details-info > .row.gx-1.gy-1.mt-3 > .col-12:last-child > .row.gx-1.gy-1 > [class*="col-"] > .row.bg-body-tertiary:hover {
	background: var(--mh-surface-3) !important;
	border-color: rgba(79, 70, 229, .4) !important;
}

/* Dark mode — Benzer İlanlar */
[data-bs-theme="dark"] .featured-list-slider .owl-item > .card.item,
[data-bs-theme="dark"] .featured-list-slider .item > .card-body,
html[theme="dark"] .featured-list-slider .owl-item > .card.item,
html[theme="dark"] .featured-list-slider .item > .card-body {
	background: var(--mh-surface) !important;
	border-color: var(--mh-border) !important;
}
[data-bs-theme="dark"] .featured-list-slider .item > .card-body > h6 a,
[data-bs-theme="dark"] .featured-list-slider .item > .card-body h4,
html[theme="dark"] .featured-list-slider .item > .card-body > h6 a,
html[theme="dark"] .featured-list-slider .item > .card-body h4 {
	color: var(--mh-text) !important;
}

/* Dark mode — Ana Sayfa */
[data-bs-theme="dark"] #homepage .hero-wrap,
html[theme="dark"] #homepage .hero-wrap {
	background: var(--mh-grad-hero-dark) !important;
}
[data-bs-theme="dark"] #homepage #searchForm .search-row,
html[theme="dark"] #homepage #searchForm .search-row {
	background: var(--mh-surface) !important;
}
[data-bs-theme="dark"] #homepage #searchForm .search-row > .search-col > .hstack.form-control:focus-within,
html[theme="dark"] #homepage #searchForm .search-row > .search-col > .hstack.form-control:focus-within {
	background: rgba(79, 70, 229, .15) !important;
}
[data-bs-theme="dark"] #homepage .grid-view .item-list > div,
[data-bs-theme="dark"] #homepage .big-icon-category-list .col > div,
html[theme="dark"] #homepage .grid-view .item-list > div,
html[theme="dark"] #homepage .big-icon-category-list .col > div {
	background: var(--mh-surface) !important;
	border-color: var(--mh-border) !important;
}

/* Dark mode — İlan Kartı */
[data-bs-theme="dark"] .grid-view .item-list > div,
html[theme="dark"] .grid-view .item-list > div {
	background: var(--mh-surface) !important;
	border-color: var(--mh-border) !important;
}
[data-bs-theme="dark"] .grid-view .item-list > div > .row > .col-12:last-child,
html[theme="dark"] .grid-view .item-list > div > .row > .col-12:last-child {
	border-top-color: var(--mh-border);
	background: var(--mh-surface);
}
[data-bs-theme="dark"] .grid-view .item-list h5.fs-5 a,
[data-bs-theme="dark"] .grid-view .item-list > div > .row > .col-12:last-child h5,
html[theme="dark"] .grid-view .item-list h5.fs-5 a,
html[theme="dark"] .grid-view .item-list > div > .row > .col-12:last-child h5 {
	color: var(--mh-text) !important;
}
[data-bs-theme="dark"] .grid-view .item-list .make-favorite,
html[theme="dark"] .grid-view .item-list .make-favorite {
	border-color: var(--mh-border);
	color: var(--mh-text-muted);
}
[data-bs-theme="dark"] .grid-view .item-list .make-favorite:hover,
html[theme="dark"] .grid-view .item-list .make-favorite:hover {
	background: rgba(220, 38, 38, .18);
	border-color: rgba(220, 38, 38, .35);
	color: #fca5a5 !important;
}

/* Dark mode — Aside & Panels */
[data-bs-theme="dark"] aside.vstack .card,
[data-bs-theme="dark"] .main-container > .container > .card,
html[theme="dark"] aside.vstack .card,
html[theme="dark"] .main-container > .container > .card {
	background: var(--mh-surface) !important;
	border-color: var(--mh-border) !important;
}
[data-bs-theme="dark"] aside.vstack .card-header,
html[theme="dark"] aside.vstack .card-header {
	background: linear-gradient(135deg, var(--mh-surface-2), var(--mh-surface)) !important;
	color: var(--mh-text) !important;
}
[data-bs-theme="dark"] .main-container > .container.mt-2 .row,
html[theme="dark"] .main-container > .container.mt-2 .row {
	background: var(--mh-surface);
	border-color: var(--mh-border);
}
[data-bs-theme="dark"] .items-details > .col-12 > .hstack,
html[theme="dark"] .items-details > .col-12 > .hstack {
	background: var(--mh-surface-2);
	border-color: var(--mh-border);
}
[data-bs-theme="dark"] .gallery-container .bx-viewport,
html[theme="dark"] .gallery-container .bx-viewport {
	background: var(--mh-surface-2);
}


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

:focus-visible {
	outline: 2px solid var(--mh-primary);
	outline-offset: 2px;
	border-radius: 4px;
}