:root {
	--primary: #2563EB;
	--primary-light: #93C5FD;
	--accent: #F59E0B;
	--bg: #F8FAFC;
	--text: #1E293B;
}

body {
	font-family: Vazirmatn,sans-serif;
	background: var(--bg);
}

.navbar-custom {
	background: #fff;
	box-shadow: 0 5px 20px rgba(0,0,0,.06);
	padding: 12px 0;
}

.brand {
	font-size: 1.6rem;
	font-weight: 800;
	color: var(--primary);
	text-decoration: none;
}

.nav-link {
	color: var(--text) !important;
	font-weight: 500;
	margin: 0 8px;
	transition: .3s;
}

	.nav-link:hover {
		color: var(--primary) !important;
	}

.btn-add {
	background: var(--primary);
	color: #fff;
	border: none;
	border-radius: 12px;
	padding: 10px 20px;
	font-weight: 600;
	transition: .3s;
}

	.btn-add:hover {
		background: #1d4ed8;
		color: #fff;
		transform: translateY(-2px);
	}

.btn-login {
	border: 1px solid #dbeafe;
	color: var(--primary);
	border-radius: 12px;
	padding: 10px 20px;
	font-weight: 600;
}

	.btn-login:hover {
		background: #eff6ff;
		color: var(--primary);
	}

.navbar-toggler {
	border: none;
	box-shadow: none !important;
}

.hero-section {
	position: relative;
	height: 85vh;
	min-height: 650px;
	overflow: hidden;
}

.hero-image {
	width: 100%;
	height: 85vh;
	min-height: 650px;
	object-fit: cover;
}

.hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient( rgba(15,23,42,.55), rgba(15,23,42,.55) );
	z-index: 2;
}

.hero-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 90%;
	max-width: 1200px;
	text-align: center;
	z-index: 3;
}

	.hero-content h1 {
		color: #fff;
		font-size: 3.5rem;
		font-weight: 800;
		margin-bottom: 15px;
	}

	.hero-content p {
		color: #f1f5f9;
		font-size: 1.2rem;
		margin-bottom: 40px;
	}

.search-box {
	background: rgba(255,255,255,.15);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 24px;
	padding: 25px;
	box-shadow: 0 10px 40px rgba(0,0,0,.15);
}

.custom-input {
	height: 58px;
	border: none;
	border-radius: 14px;
}

	.custom-input:focus {
		box-shadow: none;
		border: 1px solid #2563EB;
	}

.btn-search {
	height: 58px;
	border: none;
	border-radius: 14px;
	background: #2563EB;
	color: white;
	font-weight: 700;
}

	.btn-search:hover {
		background: #1d4ed8;
		color: white;
	}

@media(max-width:992px) {

	.hero-content h1 {
		font-size: 2.3rem;
	}

	.search-box {
		padding: 20px;
	}
}

@media(max-width:768px) {

	.hero-section {
		min-height: 750px;
	}

	.hero-image {
		min-height: 750px;
	}

	.hero-content h1 {
		font-size: 1.8rem;
	}

	.hero-content p {
		font-size: 1rem;
	}
}

.categories-section {
	background: #fff;
}

.section-title h2 {
	font-size: 2rem;
	font-weight: 800;
	color: #1E293B;
}

.section-title p {
	color: #64748B;
	margin-top: 10px;
}

.category-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 20px;
	padding: 30px 15px;
	text-decoration: none;
	transition: .35s;
	box-shadow: 0 5px 25px rgba(0,0,0,.05);
	height: 100%;
}

	.category-card:hover {
		transform: translateY(-8px);
		box-shadow: 0 15px 35px rgba(37,99,235,.15);
	}

.icon-box {
	width: 75px;
	height: 75px;
	border-radius: 50%;
	background: #EFF6FF;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
}

	.icon-box i {
		font-size: 32px;
		color: #2563EB;
	}

.category-card h5 {
	color: #1E293B;
	font-weight: 700;
	margin: 0;
}

.featured-places {
	background: #F8FAFC;
}

.place-card {
	position: relative;
	display: block;
	height: 420px;
	overflow: hidden;
	border-radius: 24px;
	text-decoration: none;
	box-shadow: 0 15px 35px rgba(0,0,0,.08);
}

	.place-card img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: .7s;
	}

	.place-card:hover img {
		transform: scale(1.08);
	}

.place-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient( to top, rgba(15,23,42,.95), rgba(15,23,42,.1) );
}

.place-content {
	position: absolute;
	right: 25px;
	bottom: 25px;
	color: white;
	z-index: 3;
}

	.place-content h4 {
		font-size: 1.4rem;
		font-weight: 800;
	}

	.place-content p {
		margin: 0;
		opacity: .9;
	}

.place-badge {
	background: #F59E0B;
	color: white;
	padding: 8px 14px;
	border-radius: 50px;
	display: inline-block;
	margin-bottom: 15px;
}

.swiper {
	padding-bottom: 50px;
}

.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
}

.swiper-pagination-bullet-active {
	background: #2563EB;
}

.music-section {
	background: #fff;
}

.music-card {
	background: #fff;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0,0,0,.07);
	transition: .4s;
	height: 100%;
}

	.music-card:hover {
		transform: translateY(-8px);
		box-shadow: 0 20px 40px rgba(37,99,235,.15);
	}

.music-image {
	position: relative;
	overflow: hidden;
	height: 260px;
}

	.music-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: .6s;
	}

.music-card:hover img {
	transform: scale(1.08);
}

.music-badge {
	position: absolute;
	top: 15px;
	left: 15px;
	background: #F59E0B;
	color: #fff;
	padding: 8px 14px;
	border-radius: 50px;
	font-size: .9rem;
	font-weight: 600;
}

.music-info {
	padding: 25px;
}

	.music-info h4 {
		font-weight: 800;
		color: #1E293B;
		margin-bottom: 10px;
	}

	.music-info p {
		color: #64748B;
		min-height: 50px;
	}

.btn-music {
	background: #2563EB;
	color: white;
	width: 100%;
	border-radius: 14px;
	padding: 12px;
}

	.btn-music:hover {
		background: #1D4ED8;
		color: white;
	}

.register-business {
	background: #F8FAFC;
}

.register-box {
	background: linear-gradient( 135deg, #2563EB, #3B82F6 );
	border-radius: 30px;
	padding: 50px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 20px 50px rgba(37,99,235,.18);
}

	.register-box::before {
		content: "";
		position: absolute;
		width: 300px;
		height: 300px;
		border-radius: 50%;
		background: rgba(255,255,255,.08);
		top: -120px;
		left: -80px;
	}

	.register-box::after {
		content: "";
		position: absolute;
		width: 250px;
		height: 250px;
		border-radius: 50%;
		background: rgba(255,255,255,.05);
		bottom: -100px;
		right: -80px;
	}

.register-content {
	position: relative;
	z-index: 2;
}

.register-tag {
	display: inline-block;
	background: rgba(255,255,255,.15);
	color: white;
	padding: 8px 16px;
	border-radius: 50px;
	margin-bottom: 20px;
}

.register-content h2 {
	color: white;
	font-size: 2.3rem;
	font-weight: 800;
	margin-bottom: 15px;
}

.register-content p {
	color: rgba(255,255,255,.9);
	line-height: 2;
}

.btn-register {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 220px;
	height: 60px;
	background: white;
	color: #2563EB;
	text-decoration: none;
	font-weight: 800;
	border-radius: 16px;
	transition: .3s;
	position: relative;
	z-index: 2;
}

	.btn-register:hover {
		transform: translateY(-4px);
		color: #2563EB;
		box-shadow: 0 15px 30px rgba(0,0,0,.15);
	}
/* =======================
   تجهیزات مجالس
======================= */

.equipment-section {
	background: #fff;
	padding: 80px 0;
}

	.equipment-section .section-title h2 {
		font-size: 2rem;
		font-weight: 800;
		color: #1E293B;
		margin-bottom: 10px;
	}

	.equipment-section .section-title p {
		color: #64748B;
	}

/* کارت */

.equipment-card {
	display: flex;
	align-items: center;
	gap: 20px;
	background: #fff;
	border-radius: 24px;
	padding: 20px;
	text-decoration: none;
	overflow: hidden;
	box-shadow: 0 10px 25px rgba(0,0,0,.05);
	transition: .35s ease;
	height: 100%;
}

	.equipment-card:hover {
		transform: translateY(-8px);
		box-shadow: 0 20px 40px rgba(37,99,235,.12);
	}

/* عکس */

.equipment-image {
	width: 180px;
	min-width: 180px;
	height: 140px;
	border-radius: 18px;
	overflow: hidden;
	position: relative;
}

	.equipment-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: .5s;
	}

.equipment-card:hover img {
	transform: scale(1.08);
}

/* متن */

.equipment-content {
	flex: 1;
}

	.equipment-content span {
		display: inline-block;
		color: #2563EB;
		font-size: .85rem;
		font-weight: 700;
		margin-bottom: 10px;
	}

	.equipment-content h4 {
		color: #1E293B;
		font-size: 1.2rem;
		font-weight: 800;
		margin-bottom: 10px;
	}

	.equipment-content p {
		color: #64748B;
		margin: 0;
		line-height: 1.8;
	}

/* برچسب روی عکس */

.equipment-label {
	position: absolute;
	z-index: 1;
	top: 10px;
	right: 10px;
	background: #2563EB;
	color: white;
	font-size: .75rem;
	font-weight: 700;
	padding: 6px 12px;
	border-radius: 50px;
}

/* Swiper */

.equipmentSwiper {
	padding-bottom: 60px;
}

	.equipmentSwiper .swiper-slide {
		height: auto;
	}

	.equipmentSwiper .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
	}

	.equipmentSwiper .swiper-pagination-bullet-active {
		background: #2563EB;
	}

/* موبایل */

@media(max-width:768px) {

	.equipment-card {
		flex-direction: column;
		align-items: flex-start;
	}

	.equipment-image {
		width: 100%;
		min-width: 100%;
		height: 220px;
	}

	.equipment-content {
		width: 100%;
	}
}

.equipment-label {
	position: absolute;
	top: 12px;
	right: 12px;
	background: #2563EB;
	color: #fff;
	padding: 6px 12px;
	border-radius: 30px;
	font-size: .8rem;
	font-weight: 700;
}
/* کارت شیشه‌ای */

.testimonial-card {
	background: rgba(255,255,255,.18);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	border: 1px solid rgba(255,255,255,.25);
	border-radius: 28px;
	padding: 30px;
	height: 100%;
	transition: .4s;
	box-shadow: 0 8px 32px rgba(31,38,135,.10);
	overflow: hidden;
	position: relative;
}

	/* افکت نور */

	.testimonial-card::before {
		content: "";
		position: absolute;
		top: -50%;
		left: -50%;
		width: 200px;
		height: 200px;
		background: rgba(255,255,255,.12);
		border-radius: 50%;
		pointer-events: none;
	}

	.testimonial-card:hover {
		transform: translateY(-10px);
		border-color: rgba(147,197,253,.6);
		box-shadow: 0 20px 40px rgba(37,99,235,.15);
	}

.testimonials-section {
	background: linear-gradient( 135deg, #eff6ff, #dbeafe, #f8fafc );
	position: relative;
	overflow: hidden;
}

	.testimonials-section::before {
		content: "";
		position: absolute;
		width: 350px;
		height: 350px;
		background: #93C5FD;
		filter: blur(120px);
		opacity: .25;
		top: -150px;
		right: -100px;
	}

	.testimonials-section::after {
		content: "";
		position: absolute;
		width: 300px;
		height: 300px;
		background: #60A5FA;
		filter: blur(120px);
		opacity: .15;
		bottom: -150px;
		left: -100px;
	}

.user-info h5 {
	color: #0F172A;
	font-weight: 800;
}

.user-info span {
	color: #475569;
}

.testimonial-card p {
	color: #334155;
	line-height: 2;
}
/* ==========================
          Footer
========================== */

.main-footer {
	background: #0F172A;
	color: #fff;
	padding-top: 80px;
	position: relative;
	overflow: hidden;
}

	/* افکت نور */

	.main-footer::before {
		content: "";
		position: absolute;
		width: 350px;
		height: 350px;
		background: #2563EB;
		opacity: .12;
		filter: blur(120px);
		top: -150px;
		left: -100px;
	}

	.main-footer h4,
	.main-footer h5 {
		font-weight: 800;
		margin-bottom: 25px;
	}

.stats-section {
	padding: 80px 0;
	background: #F8FAFC;
}

.stats-box {
	background: linear-gradient( 135deg, #2563EB, #3B82F6 );
	border-radius: 32px;
	padding: 60px 30px;
	box-shadow: 0 20px 50px rgba(37,99,235,.18);
	position: relative;
	overflow: hidden;
}

	.stats-box::before {
		content: "";
		position: absolute;
		width: 250px;
		height: 250px;
		border-radius: 50%;
		background: rgba(255,255,255,.08);
		top: -100px;
		left: -80px;
	}

	.stats-box::after {
		content: "";
		position: absolute;
		width: 300px;
		height: 300px;
		border-radius: 50%;
		background: rgba(255,255,255,.05);
		bottom: -150px;
		right: -100px;
	}

.stat-item {
	position: relative;
	z-index: 2;
}

	.stat-item h3 {
		color: white;
		font-size: 3rem;
		font-weight: 800;
		margin-bottom: 10px;
	}

	.stat-item span {
		color: rgba(255,255,255,.9);
		font-size: 1rem;
	}

@media(max-width:768px) {

	.stat-item {
		margin-bottom: 35px;
	}

		.stat-item h3 {
			font-size: 2.2rem;
		}
}

.footer-about p {
	color: #CBD5E1;
	line-height: 2;
}

.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

	.footer-links li {
		margin-bottom: 14px;
	}

	.footer-links a {
		color: #CBD5E1;
		text-decoration: none;
		transition: .3s;
	}

		.footer-links a:hover {
			color: #93C5FD;
			padding-right: 6px;
		}

.footer-contact {
	list-style: none;
	padding: 0;
	margin: 0 0 25px 0;
}

	.footer-contact li {
		color: #CBD5E1;
		margin-bottom: 12px;
	}

.footer-social {
	display: flex;
	gap: 12px;
}

	.footer-social a {
		width: 45px;
		height: 45px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		text-decoration: none;
		color: white;
		background: rgba(255,255,255,.08);
		transition: .3s;
	}

		.footer-social a:hover {
			background: #2563EB;
			transform: translateY(-4px);
		}

.main-footer hr {
	margin: 50px 0 25px;
	border-color: rgba(255,255,255,.08);
}

.footer-bottom {
	text-align: center;
	padding-bottom: 25px;
}

	.footer-bottom p {
		margin: 0;
		color: #94A3B8;
	}

.stars {
	color: gold !important
}

.hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgb(92 123 193 / 65%), rgba(15, 23, 42, .75));
	z-index: 2;
}






.ads-hero {
	padding: 140px 0 70px;
	background: linear-gradient( 135deg, #EFF6FF, #DBEAFE, #F8FAFC );
	position: relative;
	overflow: hidden;
}

	.ads-hero::before {
		content: "";
		position: absolute;
		width: 450px;
		height: 450px;
		border-radius: 50%;
		background: #93C5FD;
		opacity: .25;
		filter: blur(120px);
		top: -180px;
		right: -120px;
	}

.glass-breadcrumb {
	display: inline-block;
	padding: 12px 24px;
	border-radius: 50px;
	background: rgba(255,255,255,.7);
	backdrop-filter: blur(15px);
}

.hero-content-page {
	margin-top: 30px;
}

	.hero-content-page h1 {
		font-size: 3rem;
		font-weight: 900;
		color: #0F172A;
	}

	.hero-content-page p {
		color: #64748B;
		font-size: 1.1rem;
	}

/* ===========================
   FILTER PANEL
=========================== */

.filter-panel {
	background: #fff;
	border-radius: 30px;
	padding: 25px;
	position: sticky;
	top: 100px;
	box-shadow: 0 10px 20px rgba(15,23,42,.04), 0 20px 40px rgba(37,99,235,.06);
}

.filter-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
}

	.filter-header h4 {
		font-size: 1.1rem;
		font-weight: 800;
		margin: 0;
	}

.filter-reset {
	color: #2563EB;
	text-decoration: none;
	font-size: .9rem;
}

.filter-search {
	margin-bottom: 20px;
}

	.filter-search input {
		width: 100%;
		height: 55px;
		border: none;
		border-radius: 15px;
		background: #F8FAFC;
		padding: 0 15px;
	}

.filter-group {
	margin-bottom: 25px;
}

	.filter-group label {
		font-weight: 700;
		margin-bottom: 10px;
		display: block;
	}

.chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.chip {
	border: none;
	background: #EFF6FF;
	color: #2563EB;
	border-radius: 50px;
	padding: 10px 16px;
	font-weight: 700;
	transition: .3s;
}

	.chip:hover {
		background: #DBEAFE;
	}

	.chip.active {
		background: #2563EB;
		color: white;
	}

.filter-select {
	height: 55px;
	border: none;
	background: #F8FAFC;
	border-radius: 15px;
}

.btn-filter {
	width: 100%;
	height: 55px;
	border: none;
	border-radius: 15px;
	background: linear-gradient( 135deg, #2563EB, #3B82F6 );
	color: white;
	font-weight: 700;
}

/* ===========================
   RESULT BAR
=========================== */

.result-bar {
	background: #fff;
	border-radius: 25px;
	padding: 18px 25px;
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 10px 20px rgba(15,23,42,.04), 0 20px 40px rgba(37,99,235,.06);
}

.result-left {
	display: flex;
	align-items: center;
	gap: 15px;
}

.result-count {
	width: 55px;
	height: 55px;
	border-radius: 16px;
	background: linear-gradient( 135deg, #2563EB, #60A5FA );
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
}

.result-info h5 {
	margin: 0;
	font-weight: 800;
}

.result-info span {
	color: #64748B;
}

/* ===========================
   ADS GRID
=========================== */

.ads-grid {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	gap: 20px;
}

@media(max-width:1400px) {
	.ads-grid {
		grid-template-columns: repeat(4,1fr);
	}
}

@media(max-width:992px) {
	.ads-grid {
		grid-template-columns: repeat(3,1fr);
	}
}

@media(max-width:768px) {
	.ads-grid {
		grid-template-columns: repeat(2,1fr);
	}
}

@media(max-width:576px) {
	.ads-grid {
		grid-template-columns: repeat(1,1fr);
	}
}

/* ===========================
   CARD
=========================== */

.mini-ad-card {
	background: #fff;
	border-radius: 24px;
	overflow: hidden;
	transition: .35s;
	border: 1px solid #EEF2F7;
	box-shadow: 0 10px 20px rgba(15,23,42,.04), 0 20px 40px rgba(37,99,235,.06);
}

	.mini-ad-card:hover {
		transform: translateY(-8px);
		box-shadow: 0 20px 35px rgba(15,23,42,.08), 0 25px 50px rgba(37,99,235,.12);
	}

.mini-ad-image {
	position: relative;
	height: 180px;
	overflow: hidden;
}

	.mini-ad-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: .5s;
	}

.mini-ad-card:hover img {
	transform: scale(1.08);
}

.mini-ad-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient( to top, rgba(15,23,42,.35), transparent );
}

.mini-badge {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
	background: #2563EB;
	color: white;
	padding: 5px 12px;
	border-radius: 30px;
	font-size: .75rem;
	font-weight: 700;
}

.mini-content {
	padding: 15px;
}

.mini-title {
	font-size: 1rem;
	font-weight: 800;
	margin-bottom: 8px;
	color: #0F172A;
}

.mini-location {
	color: #64748B;
	font-size: .85rem;
	margin-bottom: 12px;
}

.mini-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: .85rem;
}

.mini-rating {
	color: #F59E0B;
	font-weight: 700;
}

.mini-views {
	color: #64748B;
}

.mini-btn {
	width: 100%;
	height: 40px;
	margin-top: 12px;
	border: none;
	border-radius: 12px;
	background: #EFF6FF;
	color: #2563EB;
	font-weight: 700;
	transition: .3s;
}

	.mini-btn:hover {
		background: #2563EB;
		color: white;
	}


	/* استایل درباره ما*/
.about-section {
	padding: 100px 0;
}

.about-box {
	background: #fff;
	border-radius: 35px;
	padding: 50px;
	box-shadow: 0 10px 20px rgba(15,23,42,.04), 0 20px 40px rgba(37,99,235,.06);
}

.about-image {
	border-radius: 25px;
	overflow: hidden;
}

	.about-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.section-badge {
	display: inline-block;
	padding: 8px 18px;
	border-radius: 30px;
	background: #EFF6FF;
	color: #2563EB;
	font-weight: 700;
	margin-bottom: 15px;
}

.section-title {
	font-size: 2.4rem;
	font-weight: 900;
	color: #0F172A;
	margin-bottom: 20px;
}

.section-text {
	color: #64748B;
	line-height: 2;
}

.feature-card {
	background: #fff;
	border-radius: 25px;
	padding: 30px;
	text-align: center;
	height: 100%;
	transition: .3s;
	box-shadow: 0 10px 20px rgba(15,23,42,.04);
}

	.feature-card:hover {
		transform: translateY(-8px);
	}

.feature-icon {
	width: 70px;
	height: 70px;
	margin: auto;
	margin-bottom: 20px;
	border-radius: 20px;
	background: #EFF6FF;
	color: #2563EB;
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.team-card {
	background: #fff;
	border-radius: 25px;
	overflow: hidden;
	text-align: center;
	box-shadow: 0 10px 20px rgba(15,23,42,.04);
}

	.team-card img {
		width: 100%;
		height: 280px;
		object-fit: cover;
	}

.team-content {
	padding: 20px;
}

.cta-box {
	background: linear-gradient( 135deg, #2563EB, #60A5FA);
	border-radius: 35px;
	padding: 70px 40px;
	text-align: center;
	color: #fff;
}

.cta-btn {
	display: inline-block;
	padding: 14px 35px;
	background: #fff;
	color: #2563EB;
	text-decoration: none;
	border-radius: 15px;
	font-weight: 800;
	margin-top: 20px;
}

	/* استایل درباره ما*/



/*استایل صفحه جزئیات آگهی*/


.ad-detail-box {
	background: #fff;
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 10px 20px rgba(15,23,42,.04), 0 20px 40px rgba(37,99,235,.06);
	margin-bottom: 40px;
}

.main-gallery {
	height: 500px;
	overflow: hidden;
}

	.main-gallery img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.gallery-thumbs {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 10px;
	padding: 15px;
}

	.gallery-thumbs img {
		width: 100%;
		height: 100px;
		object-fit: cover;
		border-radius: 15px;
		cursor: pointer;
		transition: .3s;
	}

		.gallery-thumbs img:hover {
			transform: scale(1.05);
		}

.detail-content {
	padding: 30px;
}

.ad-category {
	color: #2563EB;
	font-weight: 700;
	margin-bottom: 10px;
}

.ad-title {
	font-size: 2rem;
	font-weight: 900;
	margin-bottom: 15px;
}

.quick-info {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 25px;
}

.quick-item {
	background: #F8FAFC;
	padding: 10px 16px;
	border-radius: 15px;
	color: #475569;
}

.detail-tabs {
	background: #fff;
	border-radius: 30px;
	padding: 30px;
	box-shadow: 0 10px 20px rgba(15,23,42,.04), 0 20px 40px rgba(37,99,235,.06);
}

.nav-pills {
	gap: 10px;
	margin-bottom: 25px;
}

	.nav-pills .nav-link {
		border-radius: 15px;
		padding: 12px 22px;
		font-weight: 700;
		color: #475569;
		background: #F8FAFC;
	}

		.nav-pills .nav-link.active {
			background: #2563EB;
		}

.feature-list {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 15px;
}

.feature-item {
	background: #F8FAFC;
	padding: 15px;
	border-radius: 15px;
}

.spec-table {
	width: 100%;
}

	.spec-table tr {
		border-bottom: 1px solid #e2e8f0;
	}

	.spec-table td {
		padding: 15px;
	}

@media(max-width:768px) {

	.main-gallery {
		height: 300px;
	}

	.feature-list {
		grid-template-columns: 1fr;
	}
}

.gallery-thumbs img {
	border: 3px solid transparent;
	transition: .3s;
}

	.gallery-thumbs img.active {
		border-color: #2563EB;
		transform: scale(1.05);
	}

#mainImage {
	transition: .35s;
}
/*استایل صفحه جزئیات آگهی*/