/*
 * Quikad Market: site styles
 */
:root {
	--qk-primary: #1a56db;
	--qk-primary-dark: #1441a4;
	--qk-primary-darker: #0d2b6e;
	--qk-primary-light: #e8effc;
	--qk-primary-soft: #c6d5f6;
	--qk-accent: #ff8a00;
	--qk-accent-dark: #e07800;
	--qk-bg: #eef1f6;
	--qk-card: #ffffff;
	--qk-text: #1f2937;
	--qk-muted: #6b7280;
	--qk-border: #e3e7ee;
	--qk-radius: 10px;
	--qk-radius-sm: 6px;
	--qk-shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);
	--qk-shadow-hover: 0 6px 18px rgba(16, 24, 40, .12);
	--qk-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* ---------- Base ---------- */
body.qk-theme {
	background: var(--qk-bg);
	color: var(--qk-text);
	font-family: var(--qk-font);
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
}
.qk-theme #wrapper { padding-top: 0 !important; background: transparent; }
.qk-theme h1, .qk-theme h2, .qk-theme h3, .qk-theme h4, .qk-theme h5, .qk-theme h6 { font-family: var(--qk-font); color: var(--qk-text); }
.qk-theme a { color: var(--qk-primary); }
.qk-theme a:hover { color: var(--qk-primary-dark); }
.qk-theme .main-container { padding-top: 0; padding-bottom: 24px; }

/* Bootstrap primary → theme color */
.qk-theme .btn-primary,
.qk-theme .btn-primary:focus,
.qk-theme .bg-primary {
	background-color: var(--qk-primary) !important;
	border-color: var(--qk-primary) !important;
	color: #fff !important;
}
.qk-theme .btn-primary:hover { background-color: var(--qk-primary-dark) !important; border-color: var(--qk-primary-dark) !important; }
.qk-theme .text-primary { color: var(--qk-primary) !important; }
.qk-theme .form-control:focus, .qk-theme .form-select:focus {
	border-color: var(--qk-primary);
	box-shadow: 0 0 0 3px var(--qk-primary-light);
}
.qk-theme .page-item.active .page-link { background: var(--qk-primary); border-color: var(--qk-primary); }
.qk-theme .page-link { color: var(--qk-primary); }

/* ---------- Header ---------- */
.qk-theme .header.qk-header {
	position: sticky;
	top: 0;
	z-index: 1030;
	height: auto;
	background: var(--qk-primary);
	border: 0;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .08);
}
.qk-navbar { padding: 0; background: transparent !important; flex-wrap: wrap; }
.qk-navbar-inner { display: flex; align-items: center; min-height: 64px; gap: 14px; flex-wrap: nowrap; }
.qk-logo {
	display: inline-flex;
	align-items: center;
	background: #fff;
	border-radius: 8px;
	padding: 5px 10px;
	line-height: 0;
	flex-shrink: 0;
}
.qk-logo img { max-height: 34px; width: auto; max-width: 160px; }
.qk-country {
	display: inline-flex; align-items: center; gap: 6px;
	background: rgba(255, 255, 255, .14); color: #fff; border: 0;
	border-radius: 20px; padding: 5px 12px; font-size: 13px; font-weight: 500;
}
.qk-country img { width: 20px; height: auto; border-radius: 2px; }
.qk-nav { list-style: none; margin: 0; padding: 0; align-items: center; gap: 6px; }
.qk-nav > li { position: relative; display: flex; align-items: center; }
.qk-nav .qk-nav-link,
.qk-nav > li > a.nav-link,
.qk-nav .nav-link {
	color: #fff !important;
	font-weight: 500;
	font-size: 14px;
	padding: 8px 10px;
	border-radius: 8px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}
.qk-nav .qk-nav-link:hover, .qk-nav .nav-link:hover { background: rgba(255, 255, 255, .12); color: #fff !important; }
.qk-nav-sep { color: rgba(255, 255, 255, .45); font-size: 13px; }
.qk-nav-icon {
	color: #fff !important; width: 38px; height: 38px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	font-size: 18px; position: relative; text-decoration: none;
}
.qk-nav-icon:hover { background: rgba(255, 255, 255, .14); }
.qk-nav-icon .badge { position: absolute; top: 2px; right: 0; font-size: 10px; padding: 2px 5px; }
.qk-avatar {
	width: 30px; height: 30px; border-radius: 50%; background: rgba(255, 255, 255, .2);
	display: inline-flex; align-items: center; justify-content: center; font-size: 13px;
}
.qk-nav .dropdown-toggle::after { display: none; }
.qk-nav .dropdown-menu { border: 0; border-radius: var(--qk-radius); box-shadow: var(--qk-shadow-hover); padding: 6px; min-width: 220px; }
.qk-nav .dropdown-menu .dropdown-item { border-radius: 6px; padding: 0; }
.qk-nav .dropdown-menu .dropdown-item a { display: block; padding: 8px 12px; color: var(--qk-text); text-decoration: none; }
.qk-nav .dropdown-menu .dropdown-item:hover, .qk-nav .dropdown-menu .dropdown-item.active { background: var(--qk-primary-light); }
.qk-nav .dropdown-menu .dropdown-item i { width: 18px; color: var(--qk-primary); }

.qk-theme .qk-sell-btn,
.qk-theme a.qk-sell-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	background: var(--qk-accent);
	color: #fff !important;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .02em;
	border-radius: 8px;
	padding: 10px 22px;
	text-decoration: none;
	border: 0;
	white-space: nowrap;
	box-shadow: 0 2px 0 rgba(0, 0, 0, .12);
	transition: background .15s ease, transform .15s ease;
}
.qk-theme .qk-sell-btn:hover { background: var(--qk-accent-dark); transform: translateY(-1px); }
.qk-theme .qk-sell-btn-sm { padding: 8px 12px; font-size: 12px; }
.qk-burger {
	background: rgba(255, 255, 255, .15); color: #fff; border: 0;
	width: 40px; height: 40px; border-radius: 8px; font-size: 18px;
}
.qk-mobile-menu { list-style: none; margin: 0; padding: 6px 0 14px; }
.qk-mobile-menu li a {
	display: flex; align-items: center; gap: 10px; color: #fff; text-decoration: none;
	padding: 11px 4px; border-top: 1px solid rgba(255, 255, 255, .12); font-weight: 500;
}
.qk-mobile-menu li a i { width: 20px; opacity: .85; }

/* ---------- Search (hero + results bar) ---------- */
.qk-hero {
	background: var(--qk-primary);
	background-image: radial-gradient(1200px 300px at 50% -60px, rgba(255, 255, 255, .16), transparent 70%);
	padding: 26px 0 34px;
	text-align: center;
}
.qk-hero-title { color: #fff !important; font-size: 30px; font-weight: 800; margin: 0 0 6px; letter-spacing: -.01em; }
.qk-hero-sub { color: rgba(255, 255, 255, .85); margin: 0 0 16px; font-size: 15px; }
.qk-hero .qk-search { margin: 16px auto 0; max-width: 820px; }

.qk-search {
	display: flex;
	align-items: stretch;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .14);
	overflow: visible;
	position: relative;
}
.qk-search .form-control {
	border: 0 !important;
	box-shadow: none !important;
	height: 52px;
	font-size: 15px;
	background: transparent;
	border-radius: 0;
}
.qk-search-loc {
	position: relative;
	flex: 0 0 32%;
	border-right: 1px solid var(--qk-border);
	display: flex;
	align-items: center;
	padding: 0 !important;
}
.qk-search-loc > i { position: absolute; left: 14px; color: var(--qk-primary); z-index: 2; }
.qk-search-loc .form-control { padding-left: 36px; border-radius: 10px 0 0 10px; }
.qk-search-q { flex: 1 1 auto; }
.qk-search-cat { flex: 0 0 24%; border-right: 1px solid var(--qk-border); }
.qk-search-cat .select2-container .select2-selection { border: 0 !important; height: 44px !important; display: flex; align-items: center; }
.qk-search-btn {
	flex: 0 0 auto;
	border: 0;
	background: var(--qk-accent);
	color: #fff;
	font-weight: 700;
	padding: 0 24px;
	border-radius: 0 10px 10px 0;
	font-size: 16px;
	transition: background .15s ease;
}
.qk-search-btn:hover { background: var(--qk-accent-dark); }

.qk-serp-search { background: var(--qk-primary); padding: 12px 0 14px; }
.qk-search-sm { box-shadow: none; }
.qk-search-sm .form-control { height: 44px; font-size: 14px; }
.qk-search-sm .qk-search-btn { font-size: 15px; padding: 0 18px; }

/* Location autocomplete dropdown stays above everything */
.qk-theme .autocomplete-suggestions { border-radius: 0 0 8px 8px; box-shadow: var(--qk-shadow-hover); border: 0; text-align: left; }

/* ---------- Blocks ---------- */
.qk-block {
	background: var(--qk-card);
	border-radius: var(--qk-radius);
	box-shadow: var(--qk-shadow);
	padding: 16px;
	margin-bottom: 16px;
}
.qk-block-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; gap: 12px; }
.qk-block-title { font-size: 19px !important; font-weight: 700; margin: 0; }
.qk-block-more { font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.qk-block-more i { font-size: 11px; }
.qk-btn-outline {
	border: 1px solid var(--qk-primary); color: var(--qk-primary) !important; font-weight: 600;
	border-radius: 8px; padding: 8px 20px; background: #fff;
}
.qk-btn-outline:hover { background: var(--qk-primary-light); }

.qk-home-main { padding-top: 16px; }

/* ---------- Category sidebar (homepage) ---------- */
.qk-cat-side {
	background: var(--qk-card);
	border-radius: var(--qk-radius);
	box-shadow: var(--qk-shadow);
	overflow: hidden;
	position: sticky;
	top: 80px;
}
.qk-cat-side ul { list-style: none; margin: 0; padding: 4px 0; }
.qk-cat-side li a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 9px 14px;
	color: var(--qk-text);
	text-decoration: none;
	transition: background .12s ease;
}
.qk-cat-side li + li a { border-top: 1px solid #f1f3f7; }
.qk-cat-side li a:hover { background: var(--qk-primary-light); }
.qk-cat-side li a:hover .qk-cat-name { color: var(--qk-primary); }
.qk-cat-ico {
	width: 40px; height: 40px; flex-shrink: 0;
	border-radius: 50%;
	background: var(--qk-primary-light);
	color: var(--qk-primary);
	display: inline-flex; align-items: center; justify-content: center;
	font-size: 17px; overflow: hidden;
}
.qk-cat-ico img { width: 100%; height: 100%; object-fit: cover; }
.qk-cat-text { display: flex; flex-direction: column; min-width: 0; flex: 1; line-height: 1.25; }
.qk-cat-name { font-weight: 600; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qk-cat-count { color: var(--qk-muted); font-size: 12px; }
.qk-cat-arrow { color: #c3c9d4; font-size: 11px; }

/* Category tiles (mobile / no sidebar) */
.qk-cat-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 768px) { .qk-cat-tiles { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .qk-cat-tiles { grid-template-columns: repeat(8, minmax(0, 1fr)); } }
.qk-theme .qk-cat-tile {
	display: flex; flex-direction: column; align-items: center; text-align: center;
	gap: 6px; padding: 10px 4px; border-radius: 8px; text-decoration: none; color: var(--qk-text);
}

.qk-theme .qk-cat-tile:hover { background: var(--qk-primary-light); }
.qk-cat-tile .qk-cat-ico { width: 52px; height: 52px; font-size: 21px; }
.qk-cat-tile .qk-cat-name { font-size: 12px; font-weight: 600; white-space: normal; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.qk-cat-tile .qk-cat-count { font-size: 11px; }

/* ---------- Listing cards ---------- */
.qk-grid { margin-top: 0; }
.qk-card {
	position: relative;
	background: var(--qk-card);
	border-radius: var(--qk-radius);
	overflow: hidden;
	box-shadow: var(--qk-shadow);
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: box-shadow .18s ease, transform .18s ease;
	border: 1px solid transparent;
}
.qk-card:hover { box-shadow: var(--qk-shadow-hover); transform: translateY(-2px); }
.qk-card.is-featured { border-color: var(--qk-primary-soft); }
.qk-card-media { position: relative; display: block; aspect-ratio: 1 / 1; background: #f3f5f9; overflow: hidden; }
.qk-card-media img, .qk-card-img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; margin: 0 !important; border: 0 !important; padding: 0 !important; border-radius: 0 !important; }
.qk-badge-top {
	position: absolute; top: 8px; left: 8px;
	background: var(--qk-primary); color: #fff;
	font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em;
	padding: 3px 8px; border-radius: 4px;
}
.qk-badge-top[data-ribbon="red"] { background: #e02424; }
.qk-badge-top[data-ribbon="orange"] { background: var(--qk-accent); }
.qk-badge-top[data-ribbon="green"] { background: #0e9f6e; }
.qk-badge-inline { position: static; display: inline-block; vertical-align: middle; margin-left: 6px; }
.qk-photo-count {
	position: absolute; bottom: 8px; left: 8px;
	background: rgba(17, 24, 39, .66); color: #fff; font-size: 11px; font-weight: 600;
	padding: 2px 7px; border-radius: 12px;
}
.qk-fav {
	position: absolute; top: 8px; right: 8px; z-index: 2;
	width: 34px; height: 34px; border-radius: 50%;
	background: rgba(255, 255, 255, .95) !important; color: var(--qk-muted) !important;
	display: inline-flex; align-items: center; justify-content: center;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .18); cursor: pointer; border: 0 !important;
	font-size: 15px; text-decoration: none;
}
.qk-fav:hover, .qk-fav.btn-success, .qk-fav.is-saved { color: #e02424 !important; }
.qk-card-body { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 4px; flex: 1; }
.qk-price { color: var(--qk-primary); font-weight: 800; font-size: 16px; line-height: 1.2; }
.qk-nego {
	display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase;
	color: #0e9f6e; background: #def7ec; border-radius: 4px; padding: 2px 6px; margin-left: 4px; vertical-align: middle;
}
.qk-card-title { font-size: 14px !important; font-weight: 500; line-height: 1.35; margin: 0; }
.qk-card-title a {
	color: var(--qk-text) !important; text-decoration: none;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.qk-card-title a:hover { color: var(--qk-primary) !important; }
.qk-card-desc { color: var(--qk-muted); font-size: 13px; margin: 0; }
.qk-card-meta { margin-top: auto; padding-top: 4px; display: flex; flex-wrap: wrap; gap: 4px 10px; color: var(--qk-muted); font-size: 12px; }
.qk-card-meta a { color: var(--qk-muted) !important; text-decoration: none; }
.qk-card-meta a:hover { color: var(--qk-primary) !important; }
.qk-loc i { color: #9aa3b2; margin-right: 2px; }

/* Horizontal card */
.qk-card-list { flex-direction: row; }
.qk-card-list .qk-card-media { flex: 0 0 34%; max-width: 230px; aspect-ratio: 4 / 3; }
.qk-card-list .qk-card-body { padding: 12px 14px; }
.qk-card-list .qk-price { font-size: 18px; }
.qk-card-list .qk-card-title { font-size: 16px !important; }

.qk-empty { background: #fff; border-radius: var(--qk-radius); padding: 40px 20px; text-align: center; color: var(--qk-muted); }
.qk-empty i { font-size: 34px; color: #c3c9d4; margin-bottom: 10px; display: block; }

/* ---------- Results page ---------- */
.qk-theme .search-breadcrumb { margin: 12px 0 4px; }
.qk-theme .breadcrumb { background: transparent; padding: 0; margin: 0 0 8px; font-size: 13px; }
.qk-theme .breadcrumb a { color: var(--qk-muted); text-decoration: none; }
.qk-theme .breadcrumb a:hover { color: var(--qk-primary); }
.qk-serp-head {
	display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
	background: #fff; border-radius: var(--qk-radius); box-shadow: var(--qk-shadow);
	padding: 12px 16px; margin-bottom: 12px;
}
.qk-serp-title h1 { font-size: 20px !important; font-weight: 700; margin: 0; line-height: 1.3; }
.qk-serp-title h1 a { color: inherit; }
.qk-serp-count { color: var(--qk-muted); font-size: 13px; }
.qk-serp-tools { display: flex; align-items: center; gap: 10px; }
.qk-sort { min-width: 170px; border-radius: 8px; }
.qk-view-modes { gap: 4px; }
.qk-view-modes a, .qk-view-modes span {
	width: 34px; height: 34px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center;
	color: var(--qk-muted); background: #f3f5f9;
}
.qk-view-modes .active { background: var(--qk-primary); color: #fff; }
.qk-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0 0 12px; }
.qk-chips a {
	display: inline-flex; align-items: center; gap: 6px; background: #fff; border: 1px solid var(--qk-border);
	border-radius: 20px; padding: 5px 12px; font-size: 13px; font-weight: 500; color: var(--qk-text); text-decoration: none;
}
.qk-chips a span { color: var(--qk-muted); font-size: 12px; }
.qk-chips a.active { background: var(--qk-primary); color: #fff; border-color: var(--qk-primary); }
.qk-chips a.active span { color: rgba(255, 255, 255, .8); }

/* LaraClassifier filter sidebar, restyled */
.qk-serp .page-sidebar aside,
.qk-serp .sidebar-modern-inner {
	background: #fff;
	border-radius: var(--qk-radius);
	box-shadow: var(--qk-shadow);
	border: 0;
}
.qk-serp .sidebar-modern-inner { padding: 6px 4px; }
.qk-serp .sidebar-modern-inner .block-title { border: 0; padding: 12px 14px 6px; }
.qk-serp .sidebar-modern-inner .block-title h5 { font-size: 14px; font-weight: 700; text-transform: none; }
.qk-serp .sidebar-modern-inner .block-content { padding: 4px 14px 12px; border: 0; }
.qk-serp .sidebar-modern-inner .list-filter ul li a { color: var(--qk-text); }
.qk-serp .sidebar-modern-inner .list-filter ul li a:hover,
.qk-serp .sidebar-modern-inner .list-filter ul li a.active { color: var(--qk-primary); font-weight: 600; }
.qk-serp .sidebar-modern-inner .btn { border-radius: 8px; }
.qk-serp .category-list { background: transparent !important; box-shadow: none !important; border: 0 !important; }
.qk-serp .posts-wrapper { margin: 0; }

.qk-mobile-filter { display: none; }
@media (max-width: 767.98px) {
	.qk-mobile-filter { display: block; background: #fff; border-radius: var(--qk-radius); margin-bottom: 12px; box-shadow: var(--qk-shadow); overflow: visible; }
	.qk-mobile-filter > ul { display: flex; margin: 0; padding: 0; }
	.qk-mobile-filter > ul > li { flex: 1; text-align: center; padding: 11px 8px; font-weight: 600; }
	.qk-mobile-filter > ul > li + li { border-left: 1px solid var(--qk-border); }
	.qk-mobile-filter a { color: var(--qk-text) !important; text-decoration: none; cursor: pointer; }
	.qk-mobile-filter a i { color: var(--qk-primary); }
	.qk-serp-tools .qk-sort { display: none; }
}

.qk-seo-text {
	background: #fff; border-radius: var(--qk-radius); box-shadow: var(--qk-shadow);
	padding: 16px 18px; margin-top: 16px; color: #374151; font-size: 14px; line-height: 1.65;
}
.qk-save-search { text-align: center; margin-top: 12px; }
.qk-save-search a { cursor: pointer; font-weight: 600; }
.qk-cta {
	display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
	background: linear-gradient(120deg, var(--qk-primary), var(--qk-primary-dark));
	border-radius: var(--qk-radius); padding: 20px 24px; color: #fff;
}
.qk-cta h2 { color: #fff !important; font-size: 20px; font-weight: 700; margin: 0 0 2px; }
.qk-cta p { margin: 0; color: rgba(255, 255, 255, .85); }
.qk-tags { background: #fff; border-radius: var(--qk-radius); padding: 16px; box-shadow: var(--qk-shadow); }
.qk-tags h2 { font-size: 16px; font-weight: 700; margin-bottom: 10px; }
.qk-tags a {
	display: inline-block; background: #f3f5f9; border-radius: 16px; padding: 4px 12px;
	margin: 0 6px 6px 0; font-size: 13px; color: var(--qk-text); text-decoration: none;
}
.qk-tags a:hover { background: var(--qk-primary-light); color: var(--qk-primary); }

/* ---------- Ad details ---------- */
.qk-ad-crumbs { padding-top: 12px; }
.qk-panel { background: #fff; border-radius: var(--qk-radius); box-shadow: var(--qk-shadow); padding: 16px; margin-bottom: 16px; }
.qk-ad .items-details-wrapper { border: 0; }
.qk-ad-head { padding: 14px 2px 6px; }
.qk-ad-title { font-size: 22px !important; font-weight: 700; margin: 0 0 8px; line-height: 1.3; }
.qk-ad-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; color: var(--qk-muted); font-size: 13px; }
.qk-ad-meta i { color: #9aa3b2; margin-right: 3px; }
.qk-ref { margin-left: auto; }
.qk-sticky { position: sticky; top: 80px; }
.qk-price-box { text-align: left; }
.qk-price-label { color: var(--qk-muted); font-size: 13px; font-weight: 500; }
.qk-price-big { color: var(--qk-primary); font-size: 28px; font-weight: 800; line-height: 1.2; margin: 2px 0 6px; }
.qk-ad .card-user-info, .qk-ad .sidebar-card {
	border: 0 !important; border-radius: var(--qk-radius) !important; box-shadow: var(--qk-shadow); overflow: hidden; margin-bottom: 16px;
}
.qk-ad .card-user-info .block-cell.user { padding: 16px; border-bottom: 1px solid #f1f3f7; }
.qk-ad .card-user-info .cell-media img { border-radius: 50%; }
.qk-ad .card-user-info .btn { border-radius: 8px; font-weight: 600; }
.qk-ad .card-user-info .btn-success { background: #0e9f6e; border-color: #0e9f6e; }
.qk-ad .items-details .nav-tabs { border-bottom: 1px solid var(--qk-border); }
.qk-ad .items-details .nav-tabs .nav-link { border: 0; color: var(--qk-muted); font-weight: 600; }
.qk-ad .items-details .nav-tabs .nav-link.active { color: var(--qk-primary); border-bottom: 2px solid var(--qk-primary); background: transparent; }
.qk-ad .items-details .tab-content { border: 0 !important; padding-left: 2px !important; padding-right: 2px !important; }
.qk-ad .detail-line-content { line-height: 1.7; }

/* Similar ads etc. */
.qk-theme .posts-wrapper .qk-grid { margin-left: 0; margin-right: 0; }

/* ---------- Footer ---------- */
.qk-theme footer.qk-footer {
	background: #0f1a33;
	color: #b8c1d6;
	padding: 40px 0 20px;
	margin-top: 24px;
	border: 0;
}
.qk-footer-logo { display: inline-block; background: #fff; border-radius: 8px; padding: 6px 10px; line-height: 0; }
.qk-footer-logo img { max-height: 32px; width: auto; }
.qk-footer-tagline { margin: 12px 0; font-size: 14px; color: #b8c1d6; }
.qk-footer-title { color: #fff !important; font-size: 15px !important; font-weight: 700; margin: 0 0 12px; text-transform: none; }
.qk-footer-links { list-style: none; padding: 0; margin: 0; }
.qk-footer-links li { margin-bottom: 8px; }
.qk-footer-links a { color: #b8c1d6 !important; text-decoration: none; font-size: 14px; }
.qk-footer-links a:hover { color: #fff !important; }
.qk-social { list-style: none; display: flex; gap: 8px; padding: 0; margin: 0; }
.qk-social a {
	width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, .08); color: #fff !important;
	display: inline-flex; align-items: center; justify-content: center; text-decoration: none;
}
.qk-social a:hover { background: var(--qk-primary); }
.qk-apps { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
.qk-apps img { height: 38px; width: auto; }
.qk-payments { text-align: center; margin-top: 24px; }
.qk-payments img { height: 26px; margin: 4px 6px; background: #fff; border-radius: 4px; padding: 2px 4px; }
.qk-copy {
	border-top: 1px solid rgba(255, 255, 255, .1); margin-top: 28px; padding-top: 16px;
	display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; font-size: 13px;
}
.qk-copy a { color: #fff !important; }

/* ---------- Responsive ---------- */
@media (max-width: 991.98px) {
	.qk-sticky { position: static; }
}
@media (max-width: 767.98px) {
	body.qk-theme { font-size: 14px; }
	.qk-navbar-inner { min-height: 56px; gap: 8px; }
	.qk-logo img { max-height: 28px; max-width: 120px; }
	.qk-hero { padding: 16px 0 20px; }
	.qk-hero-title { font-size: 21px; }
	.qk-search { flex-wrap: wrap; box-shadow: 0 4px 14px rgba(0, 0, 0, .14); }
	.qk-search-loc { flex: 1 1 100%; border-right: 0; border-bottom: 1px solid var(--qk-border); }
	.qk-search-loc .form-control { border-radius: 10px 10px 0 0; }
	.qk-search-q { flex: 1 1 0; }
	.qk-search .form-control { height: 46px; }
	.qk-search-btn { border-radius: 0 0 10px 0; padding: 0 18px; }
	.qk-block { padding: 12px; border-radius: 8px; }
	.qk-block-title { font-size: 17px !important; }
	.qk-card-body { padding: 8px 9px 10px; }
	.qk-price { font-size: 15px; }
	.qk-card-title { font-size: 13px !important; }
	.qk-card-list .qk-card-media { flex-basis: 38%; }
	.qk-card-list .qk-card-title { font-size: 14px !important; }
	.qk-ad-title { font-size: 19px !important; }
	.qk-price-big { font-size: 24px; }
	.qk-ref { margin-left: 0; }
	.qk-copy { justify-content: center; text-align: center; }
	.qk-cta { padding: 16px; }
}

/* =====================================================================
 * ALL OTHER PAGES
 * Login, registration, account dashboard, post-an-ad, pricing, payments,
 * contact, static pages, sitemap, errors, modals. These pages keep
 * LaraClassifier's own forms and scripts; this restyles them.
 * ===================================================================== */

/* ---------- Common building blocks ---------- */
.qk-theme .main-container { min-height: 45vh; }
.qk-theme .inner-page { padding-top: 8px; }
.qk-theme .inner-box,
.qk-theme .content-box,
.qk-theme .contact-form,
.qk-theme .well {
	background: #fff;
	border: 0 !important;
	border-radius: var(--qk-radius) !important;
	box-shadow: var(--qk-shadow) !important;
	padding: 20px;
	margin-bottom: 16px;
}
.qk-theme .well { background: var(--qk-primary-light); box-shadow: none !important; }
.qk-theme .card {
	border: 0;
	border-radius: var(--qk-radius);
	box-shadow: var(--qk-shadow);
}
.qk-theme .card-header {
	background: #fff;
	border-bottom: 1px solid #eef1f6;
	font-weight: 700;
	padding: 14px 18px;
}
.qk-theme .card-footer { background: #fafbfd; border-top: 1px solid #eef1f6; }
.qk-theme .card-title { font-size: 16px !important; font-weight: 700; margin: 0; }
.qk-theme .card-title a { color: var(--qk-text); text-decoration: none; }

.qk-theme .title-1 {
	font-size: 28px !important; font-weight: 800; text-transform: none; color: var(--qk-text); margin: 10px 0 6px;
}
.qk-theme .title-2 {
	font-size: 20px !important; font-weight: 700; color: var(--qk-text);
	border-bottom: 1px solid #eef1f6; padding: 0 0 14px; margin: 0 0 18px;
}
.qk-theme .title-2 i, .qk-theme .title-3 i { color: var(--qk-primary); margin-right: 4px; }
.qk-theme .title-3 { font-size: 17px; font-weight: 700; }
.qk-theme .list-title { font-size: 18px; font-weight: 700; color: var(--qk-text) !important; margin-bottom: 16px; }
.qk-theme .content-subheading { font-size: 17px; font-weight: 700; color: var(--qk-text); margin: 6px 0 14px; }
.qk-theme .content-subheading i { color: var(--qk-primary); }
.qk-theme hr.center-block.small { width: 60px; height: 4px; border: 0; border-radius: 4px; background: var(--qk-primary) !important; opacity: 1; margin: 0 auto 20px; }
.qk-theme .page-content .inner-box h3 { font-weight: 700; }

/* Forms */
.qk-theme .form-control,
.qk-theme .form-select,
.qk-theme .select2-container--default .select2-selection--single,
.qk-theme .select2-container--default .select2-selection--multiple {
	border: 1px solid #d7dde8;
	border-radius: 8px;
	min-height: 44px;
	font-size: 15px;
	box-shadow: none;
}
.qk-theme textarea.form-control { min-height: 110px; }
.qk-theme .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 42px; padding-left: 12px; }
.qk-theme .select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; }
.qk-theme .select2-container--default.select2-container--focus .select2-selection--single,
.qk-theme .select2-container--default.select2-container--open .select2-selection--single { border-color: var(--qk-primary); }
.qk-theme .select2-container--default .select2-results__option--highlighted[aria-selected],
.qk-theme .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: var(--qk-primary); }
.qk-theme .select2-dropdown { border-color: #d7dde8; border-radius: 8px; overflow: hidden; }
.qk-theme .input-group-text { background: #f5f7fb; border-color: #d7dde8; color: var(--qk-muted); border-radius: 8px; }
.qk-theme .input-group > .form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.qk-theme .input-group > .input-group-text:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.qk-theme .input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.qk-theme .col-form-label, .qk-theme .form-label, .qk-theme .control-label { font-weight: 600; color: #374151; font-size: 14px; }
.qk-theme .required sup, .qk-theme .col-form-label sup { color: #e02424; }
.qk-theme .form-text { color: var(--qk-muted); font-size: 12.5px; }
.qk-theme .form-check-input { width: 1.1em; height: 1.1em; border-color: #b8c1d1; }
.qk-theme .form-check-input:checked { background-color: var(--qk-primary); border-color: var(--qk-primary); }
.qk-theme .form-control.is-invalid, .qk-theme .is-invalid .form-control, .qk-theme .is-invalid.rounded { border-color: #e02424 !important; }
.qk-theme .show-pwd-group { position: relative; }
.qk-theme .show-pwd-group .eyeOfPwd { background: transparent; border: 0; color: var(--qk-muted); }

/* Buttons */
.qk-theme .btn { border-radius: 8px; font-weight: 600; padding: 9px 18px; }
.qk-theme .btn-sm, .qk-theme .btn-xs { padding: 5px 10px; font-size: 13px; border-radius: 6px; }
.qk-theme .btn-lg { padding: 12px 28px; font-size: 16px; }
.qk-theme .btn-block { display: block; width: 100%; }
.qk-theme .btn-default,
.qk-theme .btn-secondary {
	background: #fff !important; color: var(--qk-text) !important; border: 1px solid #d7dde8 !important;
}
.qk-theme .btn-default:hover, .qk-theme .btn-secondary:hover { background: var(--qk-primary-light) !important; border-color: var(--qk-primary-soft) !important; color: var(--qk-primary) !important; }
.qk-theme .btn-success { background: #0e9f6e; border-color: #0e9f6e; }
.qk-theme .btn-success:hover { background: #057a55; border-color: #057a55; }
.qk-theme .btn-danger { background: #e02424; border-color: #e02424; }
.qk-theme .btn-warning { background: var(--qk-accent); border-color: var(--qk-accent); color: #fff; }
.qk-theme .btn-post, .qk-theme .btn-listing, .qk-theme .btn-border {
	background: var(--qk-accent) !important; color: #fff !important; border: 0 !important; text-transform: uppercase;
}

/* Alerts, badges, lists */
.qk-theme .alert { border: 0; border-radius: var(--qk-radius); padding: 14px 18px; }
.qk-theme .alert-danger { background: #fdecec; color: #9b1c1c; }
.qk-theme .alert-success { background: #def7ec; color: #03543f; }
.qk-theme .alert-info { background: var(--qk-primary-light); color: var(--qk-primary-darker); }
.qk-theme .alert-warning { background: #fff4e0; color: #8a4b00; }
.qk-theme .alert .list-check { margin: 0; padding-left: 18px; }
.qk-theme .badge { border-radius: 6px; font-weight: 600; }
.qk-theme .bg-primary.badge, .qk-theme .badge.bg-primary { background: var(--qk-primary) !important; }

/* Tables */
.qk-theme .table { background: #fff; border-color: #eef1f6; vertical-align: middle; margin-bottom: 0; }
.qk-theme .table > thead th, .qk-theme .table > thead td {
	background: #f7f9fc; color: #4b5563; font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em;
	border-bottom: 1px solid #e7ebf2; white-space: nowrap;
}
.qk-theme .table > :not(caption) > * > * { padding: 12px 12px; }
.qk-theme .table-bordered > :not(caption) > * { border-color: #eef1f6; }
.qk-theme .table-responsive { border-radius: var(--qk-radius); }
.qk-theme .table-hover > tbody > tr:hover > * { background: #fafbff; }
.qk-theme .table .img-thumbnail, .qk-theme .table img.thumbnail { border-radius: 8px; border: 0; padding: 0; max-width: 90px; }
.qk-theme .table .items-details-td h5, .qk-theme .table .items-details h5 { font-size: 15px; font-weight: 600; margin-bottom: 4px; }
.qk-theme .table .price-td, .qk-theme .table .item-price { color: var(--qk-primary); font-weight: 800; }
.qk-theme .pagination-bar { margin-top: 14px; }

/* Tabs & pills */
.qk-theme .nav-pills .nav-link { border-radius: 20px; font-weight: 600; color: var(--qk-text); padding: 8px 18px; }
.qk-theme .nav-pills .nav-link.active { background: var(--qk-primary); color: #fff; }
.qk-theme .nav-tabs .nav-link { font-weight: 600; color: var(--qk-muted); border: 0; border-bottom: 2px solid transparent; }
.qk-theme .nav-tabs .nav-link.active { color: var(--qk-primary); border-bottom-color: var(--qk-primary); background: transparent; }

/* Modals (login, location, report, messages, security tips...) */
.qk-theme .modal-content { border: 0; border-radius: 14px; box-shadow: 0 24px 60px rgba(15, 26, 51, .25); overflow: hidden; }
.qk-theme .modal-header { border-bottom: 1px solid #eef1f6; padding: 16px 20px; }
.qk-theme .modal-title { font-weight: 700; font-size: 18px; }
.qk-theme .modal-title i { color: var(--qk-primary); }
.qk-theme .modal-body { padding: 20px; }
.qk-theme .modal-footer { border-top: 1px solid #eef1f6; background: #fafbfd; }
.qk-theme .modal-backdrop.show { opacity: .55; }

/* Sidebar cards (post pages, account) */
.qk-theme .sidebar-card .card-header { font-size: 15px; }
.qk-theme .reg-sidebar-inner {
	background: #fff; border-radius: var(--qk-radius); box-shadow: var(--qk-shadow); padding: 18px; text-align: left !important;
}
.qk-theme .promo-text-box { padding: 12px 0; border-bottom: 1px solid #f1f3f7; }
.qk-theme .promo-text-box:last-child { border-bottom: 0; }
.qk-theme .promo-text-box i { font-size: 26px !important; color: var(--qk-primary) !important; margin-bottom: 8px; }
.qk-theme .promo-text-box h3 { font-size: 15px; font-weight: 700; margin: 0 0 4px; }
.qk-theme .promo-text-box p { font-size: 13px; color: var(--qk-muted); margin: 0; }

/* Social login buttons */
.qk-theme .btn-fb, .qk-theme .btn-tw, .qk-theme .btn-x, .qk-theme .btn-ggl, .qk-theme .btn-lkin {
	border-radius: 8px !important; padding: 10px 12px !important; font-weight: 600; border: 1px solid #d7dde8 !important;
	background: #fff !important;
}
.qk-theme .btn-fb a, .qk-theme .btn-tw a, .qk-theme .btn-x a, .qk-theme .btn-ggl a, .qk-theme .btn-lkin a { color: var(--qk-text) !important; text-decoration: none; display: block; }
.qk-theme .btn-fb i { color: #1877f2; }
.qk-theme .btn-ggl i { color: #ea4335; }
.qk-theme .btn-tw i, .qk-theme .btn-x i { color: #111; }
.qk-theme .btn-lkin i { color: #0a66c2; }

/* ---------- Sign in / Registration ---------- */
.qk-auth-page { padding: 24px 0 8px; }
.qk-auth {
	display: grid;
	grid-template-columns: 5fr 7fr;
	max-width: 1000px;
	margin: 0 auto;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 10px 40px rgba(15, 26, 51, .10);
	overflow: hidden;
}
.qk-auth--login, .qk-auth--password, .qk-auth--verify { max-width: 900px; }
.qk-auth-aside {
	background: linear-gradient(160deg, var(--qk-primary) 0%, var(--qk-primary-dark) 100%);
	color: #fff;
	padding: 36px 32px;
	position: relative;
	overflow: hidden;
}
.qk-auth-aside::after {
	content: ""; position: absolute; right: -80px; bottom: -80px; width: 260px; height: 260px;
	border-radius: 50%; background: rgba(255, 255, 255, .08);
}
.qk-auth-logo { display: inline-block; background: #fff; border-radius: 8px; padding: 6px 12px; line-height: 0; }
.qk-auth-logo img { max-height: 32px; width: auto; }
.qk-auth-headline { color: #fff !important; font-size: 24px; font-weight: 800; line-height: 1.25; margin: 28px 0 22px; }
.qk-auth-perks { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 16px; position: relative; z-index: 1; }
.qk-auth-perks li { display: flex; gap: 12px; align-items: flex-start; }
.qk-perk-ico {
	flex: 0 0 38px; height: 38px; border-radius: 10px; background: rgba(255, 255, 255, .16);
	display: inline-flex; align-items: center; justify-content: center; font-size: 16px;
}
.qk-auth-perks strong { display: block; font-size: 14.5px; }
.qk-auth-perks small { display: block; color: rgba(255, 255, 255, .8); font-size: 12.5px; line-height: 1.45; }
.qk-auth-main { padding: 28px 32px 24px; min-width: 0; }
.qk-auth-tabs { display: flex; gap: 4px; background: #f1f4f9; border-radius: 10px; padding: 4px; margin-bottom: 18px; }
.qk-auth-tabs a {
	flex: 1; text-align: center; padding: 9px 10px; border-radius: 8px; font-weight: 700; color: var(--qk-muted) !important; text-decoration: none;
}
.qk-auth-tabs a.active { background: #fff; color: var(--qk-primary) !important; box-shadow: var(--qk-shadow); }
.qk-auth-main > .row > [class*="col-"] { flex: 0 0 100%; max-width: 100%; margin-top: 0 !important; }
.qk-auth-main .card, .qk-auth-main .inner-box { box-shadow: none !important; border-radius: 0 !important; padding: 0; margin: 0; background: transparent; }
.qk-auth-main .card-body { padding: 0 !important; }
.qk-auth-main .card-footer { background: transparent; border-top: 1px solid #eef1f6; padding: 12px 0 0 !important; margin-top: 14px; font-size: 14px; }
.qk-auth-main .panel-intro { display: none; }
.qk-auth--password .panel-intro, .qk-auth--verify .panel-intro { display: block; }
.qk-auth-main .logo-title { font-size: 20px !important; font-weight: 800; margin-bottom: 14px; }
.qk-auth-main .title-2 { font-size: 18px !important; border: 0; padding: 0; margin-bottom: 12px; }
.qk-auth-main form .row > [class*="col-md-"],
.qk-auth-main form .row > [class*="col-lg-"],
.qk-auth-main form .row > [class*="col-xl-"] { flex: 0 0 100%; max-width: 100%; margin-left: 0; }
.qk-auth-main form label.col-form-label:empty { display: none; }
.qk-auth-main form .col-form-label { padding-bottom: 4px; }
.qk-auth-main .btn-primary { width: 100%; padding: 12px; font-size: 16px; }
.qk-auth-main .login-box-btm { margin-top: 14px; color: var(--qk-muted); font-size: 14px; }
.qk-auth-main .login-box-btm a { font-weight: 700; }
.qk-auth-main .alert { margin-bottom: 14px; }
@media (max-width: 767.98px) {
	.qk-auth { grid-template-columns: 1fr; border-radius: 12px; }
	.qk-auth-aside { padding: 18px 18px 16px; }
	.qk-auth-headline { font-size: 18px; margin: 14px 0 0; }
	.qk-auth-perks { display: none; }
	.qk-auth-main { padding: 18px 16px; }
}

/* Quick-login modal */
.qk-theme #quickLogin .modal-header { background: var(--qk-primary); color: #fff; border: 0; }
.qk-theme #quickLogin .modal-title { color: #fff; }
.qk-theme #quickLogin .btn-close { filter: invert(1) grayscale(1) brightness(2); }
.qk-theme #quickLogin .btn-primary { width: 100%; padding: 11px; }

/* ---------- Account dashboard ---------- */
.qk-acc-side {
	background: #fff; border-radius: var(--qk-radius); box-shadow: var(--qk-shadow); overflow: hidden; margin-bottom: 16px;
}
.qk-acc-user { display: flex; align-items: center; gap: 12px; padding: 16px; background: linear-gradient(120deg, var(--qk-primary), var(--qk-primary-dark)); color: #fff; }
.qk-acc-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255, 255, 255, .7); background: rgba(255, 255, 255, .2); }
.qk-acc-user-text { min-width: 0; display: flex; flex-direction: column; }
.qk-acc-user-text strong { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qk-acc-user-text small { color: rgba(255, 255, 255, .82); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qk-theme .qk-acc-sell { margin: 12px 16px 4px; width: calc(100% - 32px) !important; }
.qk-acc-nav { padding: 6px 0 10px; }
.qk-acc-group-title { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #9aa3b2; padding: 12px 18px 4px; }
.qk-acc-nav ul { list-style: none; margin: 0; padding: 0; }
.qk-acc-nav li a {
	display: flex; align-items: center; gap: 12px; padding: 9px 18px; color: var(--qk-text) !important;
	text-decoration: none; font-weight: 500; font-size: 14.5px; border-left: 3px solid transparent;
}
.qk-acc-nav li a i { width: 18px; text-align: center; color: #8a94a6; }
.qk-acc-nav li a:hover { background: #f6f8fc; }
.qk-acc-nav li a.active { background: var(--qk-primary-light); color: var(--qk-primary) !important; border-left-color: var(--qk-primary); font-weight: 700; }
.qk-acc-nav li a.active i { color: var(--qk-primary); }
.qk-acc-count {
	margin-left: auto; background: #eef1f6; color: #4b5563; border-radius: 10px; font-size: 11.5px; font-weight: 700; padding: 1px 8px;
}
.qk-acc-nav li a.active .qk-acc-count { background: var(--qk-primary); color: #fff; }
.qk-theme .user-panel-sidebar { display: none; }

/* Profile header on "My account" */
.qk-theme .default-inner-box .useradmin img, .qk-theme .userImg { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.qk-theme .useradmin { font-size: 18px !important; font-weight: 700; display: flex; align-items: center; gap: 10px; }
.qk-theme .header-data { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.qk-theme .header-data .hdata {
	float: none !important; width: auto !important; min-width: 110px; background: #f6f8fc; border-radius: 10px; padding: 10px 12px;
	display: flex; align-items: center; gap: 10px; margin: 0 !important;
}
.qk-theme .hdata .mcol-left, .qk-theme .hdata .mcol-right { float: none !important; width: auto !important; padding: 0 !important; }
.qk-theme .hdata .mcol-left i {
	width: 36px; height: 36px; border-radius: 50%; background: var(--qk-primary-light) !important; color: var(--qk-primary) !important;
	display: inline-flex; align-items: center; justify-content: center; font-size: 15px; box-shadow: none !important; line-height: 1;
}
.qk-theme .hdata .mcol-right p { margin: 0; font-size: 12px; color: var(--qk-muted); line-height: 1.3; }
.qk-theme .hdata .mcol-right p a { font-size: 17px; font-weight: 800; color: var(--qk-text); text-decoration: none; }
.qk-theme .welcome-msg h3 { font-size: 19px; font-weight: 800; margin-bottom: 2px; }
.qk-theme .welcome-msg { margin-bottom: 14px; }
.qk-theme #accordion .card { box-shadow: none; border: 1px solid #eef1f6; margin-bottom: 10px; }
.qk-theme #accordion .card-header { background: #fafbfd; }
.qk-theme #accordion .card-header a::after { content: "\f107"; font-family: "Font Awesome 6 Free", "Font Awesome 5 Free"; font-weight: 900; float: right; color: #9aa3b2; }

/* My ads / favourites / transactions tables */
.qk-theme .table-action { background: #f7f9fc; border-radius: 10px; padding: 10px 12px; margin-bottom: 12px; }
.qk-theme .table-search .form-control { min-height: 38px; }
.qk-theme .add-img-td img, .qk-theme .photobox img { border-radius: 8px; }

/* Messenger */
.qk-theme .inbox-wrapper { background: #fff; border-radius: var(--qk-radius); box-shadow: var(--qk-shadow); overflow: hidden; }
.qk-theme .inbox-nav .nav-link, .qk-theme .inbox-wrapper .list-group-item { border: 0; border-radius: 8px; }
.qk-theme .list-group-item.active, .qk-theme .inbox-nav .nav-link.active { background: var(--qk-primary-light); color: var(--qk-primary); }
.qk-theme .message-list .list-group-item:hover { background: #f6f8fc; }
.qk-theme .chat-item .chat-item-content, .qk-theme .message-chat .msg { border-radius: 14px; }
.qk-theme .object-me .chat-item-content, .qk-theme .object-me .msg { background: var(--qk-primary); color: #fff; }
.qk-theme .object-user .chat-item-content, .qk-theme .object-user .msg { background: #f1f4f9; }
.qk-theme .type-message .input-write, .qk-theme .type-form textarea { border-radius: 12px; }

/* ---------- Post an ad ---------- */
.qk-steps {
	display: flex; list-style: none; margin: 16px 0 6px; padding: 12px; gap: 6px;
	background: #fff; border-radius: var(--qk-radius); box-shadow: var(--qk-shadow); overflow-x: auto;
}
.qk-step { flex: 1; min-width: 120px; position: relative; }
.qk-step a { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: 8px; text-decoration: none; color: var(--qk-muted) !important; }
.qk-step a[href]:hover { background: #f6f8fc; }
.qk-step-num {
	flex: 0 0 30px; height: 30px; border-radius: 50%; background: #eef1f6; color: #6b7280;
	display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 13px;
}
.qk-step-name { font-weight: 600; font-size: 14px; white-space: nowrap; }
.qk-step.is-active .qk-step-num { background: var(--qk-primary); color: #fff; box-shadow: 0 0 0 4px var(--qk-primary-light); }
.qk-step.is-active a { color: var(--qk-text) !important; }
.qk-step.is-done .qk-step-num { background: #0e9f6e; color: #fff; }
.qk-step + .qk-step::before {
	content: ""; position: absolute; left: -6px; top: 50%; width: 6px; height: 2px; background: #e3e7ee;
}
.qk-theme .category-content .title-2 { margin-bottom: 22px; }
.qk-theme #catsContainer {
	min-height: 44px; border: 1px dashed var(--qk-primary-soft); border-radius: 8px; padding: 10px 14px;
	background: var(--qk-primary-light); display: flex; align-items: center; flex-wrap: wrap; gap: 4px; font-weight: 600;
}
.qk-theme #catsContainer .cat-link { font-weight: 700; text-decoration: none; }
.qk-theme #catsContainer .cat-link::before { content: "\f0c9"; font-family: "Font Awesome 6 Free", "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; }

/* Category picker (in the post-an-ad modal) as icon tiles */
.qk-theme #browseCategories .modal-dialog { max-width: 900px; }
.qk-theme #browseCategories .row-featured-category { margin: 0; }
.qk-theme .f-category {
	border: 0 !important; padding: 6px !important; text-align: center;
}
.qk-theme .f-category > a, .qk-theme .f-category > h6 {
	display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 14px 8px; border-radius: 12px;
	border: 1px solid #eef1f6; background: #fff; height: 100%; text-decoration: none; color: var(--qk-text) !important;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.qk-theme .f-category > a:hover { border-color: var(--qk-primary-soft); box-shadow: var(--qk-shadow-hover); }
.qk-theme .f-category i {
	width: 54px; height: 54px; border-radius: 50%; background: var(--qk-primary-light); color: var(--qk-primary) !important;
	display: inline-flex; align-items: center; justify-content: center; font-size: 22px !important; margin: 0 !important;
}
.qk-theme .f-category img { width: 54px; height: 54px; object-fit: cover; border-radius: 50%; }
.qk-theme .f-category h6 { font-size: 13px !important; font-weight: 600; margin: 0; line-height: 1.3; }
.qk-theme .cat-list .cat-title, .qk-theme .list-categories-children .cat-title {
	background: var(--qk-primary-light) !important; border-radius: 8px !important; padding: 10px 12px; font-size: 15px;
}
.qk-theme .cat-list .cat-title a { color: var(--qk-primary) !important; font-weight: 700; }
.qk-theme .cat-list ul li a, .qk-theme .list-categories ul li a { color: var(--qk-text); }
.qk-theme .cat-list ul li a:hover { color: var(--qk-primary); }

/* Photo upload (bootstrap-fileinput) */
.qk-theme .file-drop-zone { border: 2px dashed var(--qk-primary-soft); border-radius: 12px; background: #fafcff; }
.qk-theme .file-drop-zone-title { color: var(--qk-muted); font-weight: 600; }
.qk-theme .krajee-default.file-preview-frame { border-radius: 10px; box-shadow: var(--qk-shadow); border: 0; }
.qk-theme .file-caption, .qk-theme .file-input .btn { border-radius: 8px; }

/* Packages / promotion choice */
.qk-theme .checkboxtable td { vertical-align: middle; }
.qk-theme .checkboxtable tr:has(.package-selection:checked) td { background: var(--qk-primary-light); }
.qk-theme .price-int, .qk-theme .payable-amount { color: var(--qk-primary); font-weight: 800; }
.qk-theme #payableForm .submitPayableForm, .qk-theme #postForm .btn-primary, .qk-theme .category-content .btn-primary { min-width: 180px; }

/* ---------- Pricing ---------- */
.qk-theme #pricing .card { transition: transform .15s ease, box-shadow .15s ease; }
.qk-theme #pricing .card:hover { transform: translateY(-3px); box-shadow: var(--qk-shadow-hover); }
.qk-theme #pricing .card-header { text-align: center; font-size: 17px; }
.qk-theme #pricing .card.border-color-primary { box-shadow: 0 0 0 2px var(--qk-primary), var(--qk-shadow-hover); }
.qk-theme #pricing .card.border-color-primary .card-header { background: var(--qk-primary) !important; color: #fff !important; }
.qk-theme #pricing .card.border-color-primary .card-header h4 { color: #fff !important; }
.qk-theme #pricing .card-body h1 { color: var(--qk-primary); font-weight: 800; font-size: 34px; }
.qk-theme #pricing .list-border li { border-color: #f1f3f7 !important; padding: 8px 0; }

/* ---------- Static pages, contact, sitemap, countries ---------- */
.qk-theme .intro-inner .about-intro { position: relative; min-height: 240px; border-radius: 0; }
.qk-theme .intro-inner .about-intro::before { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(13, 43, 110, .75), rgba(13, 43, 110, .25)); }
.qk-theme .intro-inner .dtable { position: relative; }
.qk-theme .intro-inner .intro-title { color: #fff !important; font-weight: 800; }
.qk-theme .text-content { line-height: 1.75; font-size: 15px; color: #374151; }
.qk-theme .text-content h2, .qk-theme .text-content h3 { margin-top: 1.2em; font-weight: 700; }
.qk-theme .contact-form .form-floating > .form-control { min-height: 56px; }
.qk-theme .contact-form .btn-primary, .qk-theme .contact-form .btn-lg { min-width: 180px; }
.qk-theme .cat-list .list-title, .qk-theme .content-box .title-3 { color: var(--qk-text); }
.qk-theme .countries .flag, .qk-theme .country-list a { border-radius: 8px; }

/* ---------- Error pages ---------- */
.qk-theme .error-page { background: #fff; border-radius: 16px; box-shadow: var(--qk-shadow); padding: 36px 20px !important; }
.qk-theme .error-page .headline {
	font-size: 120px !important; font-weight: 800; color: var(--qk-primary); line-height: 1; margin: 0;
	text-shadow: 6px 6px 0 var(--qk-primary-light);
}
.qk-theme .error-page .color-danger { color: var(--qk-text) !important; font-weight: 700; font-size: 20px; }
.qk-theme .error-page .color-danger i { color: var(--qk-accent); }
.qk-error-layout .qk-serp-search { margin-bottom: 20px; }

/* ---------- Ad page: report, security tips, contact seller modals ---------- */
.qk-theme #securityTips .modal-body, .qk-theme .security-tips { font-size: 14px; line-height: 1.6; }
.qk-theme .panel-contact-seller .btn { margin-bottom: 8px; }

/* ---------- Mobile ---------- */
@media (max-width: 767.98px) {
	.qk-theme .inner-box, .qk-theme .content-box, .qk-theme .contact-form { padding: 14px; }
	.qk-theme .title-1 { font-size: 22px !important; }
	.qk-theme .title-2 { font-size: 18px !important; }
	.qk-acc-nav { display: flex; overflow-x: auto; padding: 8px; gap: 6px; }
	.qk-acc-group { display: contents; }
	.qk-acc-group-title { display: none; }
	.qk-acc-nav ul { display: contents; }
	.qk-acc-nav li a { white-space: nowrap; border: 1px solid #eef1f6; border-radius: 20px; padding: 7px 12px; }
	.qk-acc-nav li a.active { border-color: var(--qk-primary); }
	.qk-theme .header-data { justify-content: flex-start; margin-top: 10px; }
	.qk-step-name { display: none; }
	.qk-step.is-active .qk-step-name { display: inline; }
	.qk-theme .error-page .headline { font-size: 84px !important; }
}

/* =====================================================================
 * QUIKAD APP: components used by the new Laravel site
 * ===================================================================== */
.qk-logo-text { font-weight: 800; font-size: 22px; letter-spacing: -.02em; color: var(--qk-primary); line-height: 34px; }
.qk-footer-logo .qk-logo-text, .qk-auth-logo .qk-logo-text { line-height: 30px; }
.qk-linklike { background: none; border: 0; padding: 0; color: inherit; font: inherit; cursor: pointer; }
.qk-nav .dropdown-menu .dropdown-item form { padding: 8px 12px; }
.qk-nav .dropdown-menu .dropdown-item .qk-linklike { color: var(--qk-text); }
.qk-avatar { overflow: hidden; font-size: 12px; font-weight: 700; }
.qk-avatar img { width: 100%; height: 100%; object-fit: cover; }
.qk-card-noimg { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #c3c9d4; font-size: 34px; background: #f3f5f9; }
.qk-fav-form { margin: 0; }
.qk-verified { color: #0e9f6e; }
.qk-card-meta .qk-date, .qk-card-meta .qk-sponsored { margin-left: auto; }

/* Search bar location button */
button.qk-search-loc {
	background: transparent; border: 0; border-right: 1px solid var(--qk-border); border-radius: 10px 0 0 10px;
	padding: 0 12px 0 36px !important; text-align: left; color: var(--qk-text); font-size: 15px; min-height: 52px;
	display: flex; align-items: center; gap: 8px; cursor: pointer;
}
.qk-search-sm button.qk-search-loc { min-height: 44px; font-size: 14px; }
button.qk-search-loc .qk-loc-label { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
button.qk-search-loc .qk-loc-caret { position: static; color: #9aa3b2; font-size: 11px; }
button.qk-search-loc:hover { background: #f8faff; }
.qk-search-q .form-control { padding-left: 14px; }
@media (max-width: 767.98px) {
	button.qk-search-loc { border-right: 0; border-bottom: 1px solid var(--qk-border); border-radius: 10px 10px 0 0; min-height: 46px; }
	.qk-search-q .form-control { border-radius: 0 0 0 10px; }
}

/* Location modal */
.qk-loc-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 2px 12px; }
.qk-loc-item {
	display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%;
	background: none; border: 0; border-bottom: 1px solid #f1f3f7; padding: 10px 6px; text-align: left; color: var(--qk-text); font-size: 14.5px;
}
.qk-loc-item:hover { background: var(--qk-primary-light); color: var(--qk-primary); }
.qk-loc-item i { color: #b7bfcc; font-size: 11px; }
.qk-loc-item.is-all { font-weight: 700; color: var(--qk-primary); grid-column: 1 / -1; }

/* Results filters */
.qk-filters-inner { display: flex; flex-direction: column; gap: 12px; }
.qk-filter-box { background: #fff; border-radius: var(--qk-radius); box-shadow: var(--qk-shadow); padding: 14px 16px; }
.qk-filter-title { font-size: 14px !important; font-weight: 700; margin: 0 0 8px; display: flex; align-items: center; gap: 8px; }
.qk-filter-back { color: var(--qk-muted); font-size: 13px; }
.qk-filter-list { list-style: none; margin: 0; padding: 0; }
.qk-filter-list-scroll { max-height: 320px; overflow-y: auto; }
.qk-filter-list a { display: flex; justify-content: space-between; gap: 8px; padding: 6px 0; color: var(--qk-text); text-decoration: none; font-size: 14px; }
.qk-filter-list a:hover { color: var(--qk-primary); }
.qk-count { color: var(--qk-muted); font-size: 12px; background: #f3f5f9; border-radius: 10px; padding: 1px 8px; align-self: center; }
.qk-radio-list { display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.qk-radio-list label, .qk-check { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 14px; }
.qk-radio-list input, .qk-check input { width: 16px; height: 16px; accent-color: var(--qk-primary); }
.qk-filters-mobile-head { display: flex; justify-content: space-between; align-items: center; padding: 4px 4px 8px; }
.qk-filters-backdrop { display: none; }
@media (max-width: 991.98px) {
	.qk-filters { position: fixed; top: 0; left: 0; bottom: 0; width: min(88vw, 360px); z-index: 1060; background: var(--qk-bg);
		overflow-y: auto; padding: 14px; transform: translateX(-105%); transition: transform .2s ease; }
	.qk-filters-open .qk-filters { transform: none; }
	.qk-filters-open .qk-filters-backdrop { display: block; position: fixed; inset: 0; background: rgba(15, 26, 51, .45); z-index: 1055; }
	.qk-serp-tools .qk-sort { display: block !important; min-width: 0; width: auto; }
}

/* Ad page */
/* The photo frame keeps its shape whatever the photo (a tall photo no longer fills the whole screen).
   The whole photo shows; the space around it is a blurred copy of it. */
.qk-gallery-main { position: relative; background: #1d2433; aspect-ratio: 4 / 3; max-height: 560px; width: 100%; min-height: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.qk-gallery-main::before { content: ""; position: absolute; inset: -30px; background: var(--gal-bg, none) center / cover no-repeat; filter: blur(22px) brightness(.72); transform: scale(1.1); }
.qk-gallery-main img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain; cursor: zoom-in; }
.qk-gallery-main > *:not(img) { z-index: 2; }
.qk-gal-zoom { position: absolute; bottom: 12px; left: 12px; width: 36px; height: 36px; border-radius: 8px; border: 0; background: rgba(0, 0, 0, .55); color: #fff; }
.qk-gallery-empty { aspect-ratio: 4 / 3; font-size: 60px; }
.qk-gal-nav {
	position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border-radius: 50%; border: 0;
	background: rgba(255, 255, 255, .9); color: var(--qk-text); box-shadow: var(--qk-shadow);
}
.qk-gal-nav.prev { left: 12px; }
.qk-gal-nav.next { right: 12px; }
.qk-gal-count { position: absolute; bottom: 12px; right: 12px; background: rgba(0, 0, 0, .6); color: #fff; font-size: 12px; border-radius: 12px; padding: 2px 10px; }
.qk-gallery-main .qk-badge-top { top: 12px; left: 12px; }
.qk-gallery-thumbs { display: flex; gap: 6px; padding: 8px; overflow-x: auto; background: #fff; }
.qk-gallery-thumbs button { flex: 0 0 72px; height: 72px; border: 2px solid transparent; border-radius: 8px; padding: 0; overflow: hidden; background: #f3f5f9; }
.qk-gallery-thumbs button.active { border-color: var(--qk-primary); }
.qk-gallery-thumbs img { width: 100%; height: 100%; object-fit: cover; }
.qk-attrs { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; margin: 18px 0; }
.qk-attr { background: #f6f8fc; border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: column; }
.qk-attr span { color: var(--qk-muted); font-size: 12px; }
.qk-attr strong { font-size: 14.5px; }
.qk-section-title { font-size: 17px !important; font-weight: 700; margin: 18px 0 8px; }
.qk-description { line-height: 1.7; white-space: normal; overflow-wrap: anywhere; }
.qk-ad-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; border-top: 1px solid #eef1f6; margin-top: 20px; padding-top: 14px; }
.qk-fav-wide.is-saved { color: #e02424 !important; border-color: #f5c2c2 !important; }
.qk-seller-head { display: flex; gap: 12px; align-items: center; text-decoration: none; color: var(--qk-text); margin-bottom: 14px; }
.qk-seller-head strong { display: block; font-size: 16px; }
.qk-seller-head small { display: block; color: var(--qk-muted); font-size: 12.5px; }
.qk-seller-avatar {
	flex: 0 0 52px; width: 52px; height: 52px; border-radius: 50%; background: var(--qk-primary-light); color: var(--qk-primary);
	display: inline-flex; align-items: center; justify-content: center; font-weight: 800; overflow: hidden;
}
.qk-seller-avatar.lg { flex-basis: 76px; width: 76px; height: 76px; font-size: 24px; }
.qk-seller-avatar img { width: 100%; height: 100%; object-fit: cover; }
.qk-verified-badge { display: inline-flex; align-items: center; gap: 4px; color: #0e9f6e; font-size: 12.5px; font-weight: 700; }
.qk-theme .qk-btn-call { background: #0e9f6e; color: #fff; border: 0; padding: 12px; font-size: 16px; }
.qk-theme .qk-btn-call:hover { background: #057a55; color: #fff; }
.qk-theme .qk-btn-whatsapp { background: #25d366; color: #0b2614; border: 0; padding: 11px; font-weight: 700; }
.qk-theme .qk-btn-whatsapp:hover, .qk-theme .qk-btn-whatsapp:focus { background: #1eb858; color: #0b2614; }
.qk-tips h3 { font-size: 15px; font-weight: 700; }
.qk-tips h3 i { color: var(--qk-accent); }
.qk-tips ul { padding-left: 18px; margin: 0; font-size: 13.5px; color: #4b5563; line-height: 1.7; }
.qk-seller-hero { display: flex; gap: 16px; align-items: center; }
.qk-contact-list li { padding: 6px 0; }
.qk-contact-list i { width: 20px; color: var(--qk-primary); }

/* Account */
.qk-acc-avatar { display: inline-flex; align-items: center; justify-content: center; font-weight: 800; color: #fff; }
.qk-acc-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.qk-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.qk-stat { background: #fff; border-radius: var(--qk-radius); box-shadow: var(--qk-shadow); padding: 14px; display: flex; gap: 12px; align-items: center; }
.qk-stat > i { width: 40px; height: 40px; border-radius: 50%; background: var(--qk-primary-light); color: var(--qk-primary); display: inline-flex; align-items: center; justify-content: center; }
.qk-stat strong { display: block; font-size: 19px; font-weight: 800; line-height: 1.1; }
.qk-stat span { color: var(--qk-muted); font-size: 12.5px; }
@media (max-width: 767.98px) { .qk-stats { grid-template-columns: repeat(2, 1fr); } }
.qk-my-ad { display: flex; gap: 14px; padding: 14px 0; border-top: 1px solid #eef1f6; }
.qk-my-ad-img { flex: 0 0 110px; height: 90px; border-radius: 8px; overflow: hidden; background: #f3f5f9; }
.qk-my-ad-img img { width: 100%; height: 100%; object-fit: cover; }
.qk-my-ad-body { flex: 1; min-width: 0; }
.qk-my-ad-title { font-weight: 600; color: var(--qk-text); text-decoration: none; display: block; }
.qk-my-ad-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.qk-my-ad-actions form { margin: 0; }
.qk-status { font-size: 11.5px; font-weight: 700; text-transform: uppercase; border-radius: 6px; padding: 3px 8px; background: #eef1f6; color: #4b5563; }
.qk-status-active { background: #def7ec; color: #03543f; }
.qk-status-pending { background: #fff4e0; color: #8a4b00; }
.qk-status-rejected { background: #fdecec; color: #9b1c1c; }
@media (max-width: 575.98px) {
	.qk-my-ad { flex-wrap: wrap; }
	.qk-my-ad-img { flex-basis: 84px; height: 72px; }
	.qk-my-ad-actions { flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: flex-start; }
}

/* Post-ad form */
.qk-form-section { border-bottom: 1px solid #eef1f6; padding-bottom: 20px; margin-bottom: 20px; }
.qk-form-step { font-size: 16px !important; font-weight: 700; margin-bottom: 14px; display: flex; align-items: center; gap: 10px; }
.qk-form-step span { width: 28px; height: 28px; border-radius: 50%; background: var(--qk-primary); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; }
.qk-dropzone {
	display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 26px 16px; cursor: pointer; text-align: center;
	border: 2px dashed var(--qk-primary-soft); border-radius: 12px; background: #fafcff; color: var(--qk-muted); position: relative;
}
.qk-dropzone i { font-size: 28px; color: var(--qk-primary); }
.qk-dropzone strong { color: var(--qk-text); }
.qk-dropzone input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.qk-photo-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 8px; }
.qk-photo { position: relative; aspect-ratio: 1 / 1; border-radius: 10px; overflow: hidden; background: #f3f5f9; }
.qk-photo img { width: 100%; height: 100%; object-fit: cover; }
.qk-photo-badge, .qk-photo-cover, .qk-photo-remove {
	position: absolute; font-size: 11px; font-weight: 700; background: rgba(15, 26, 51, .7); color: #fff; border-radius: 6px; padding: 2px 6px;
	display: flex; align-items: center; gap: 4px; cursor: pointer;
}
.qk-photo-badge, .qk-photo-cover { left: 6px; bottom: 6px; }
.qk-photo-remove { right: 6px; top: 6px; }
.qk-photo-remove:has(input:checked) { background: #e02424; }
.qk-photo:has(.qk-photo-remove input:checked) img { opacity: .35; }
.qk-theme a { text-decoration: none; }
.qk-theme .text-content a, .qk-theme .qk-description a, .qk-theme .alert a { text-decoration: underline; }

/* SEO blocks: popular searches, related searches, tags, closed ads, HTML sitemap */
.qk-links-block { background: #fff; border-radius: var(--qk-radius); box-shadow: var(--qk-shadow); padding: 16px 18px; margin-top: 16px; }
.qk-links-block h2 { font-size: 16px !important; font-weight: 700; margin: 0 0 10px; }
.qk-links-block ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 6px 16px; }
.qk-links-block li { font-size: 14px; display: flex; gap: 6px; align-items: baseline; }
.qk-links-block li span { color: var(--qk-muted); font-size: 12px; }
.qk-tag-list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.qk-tag-list a { background: #f3f5f9; border-radius: 16px; padding: 4px 12px; font-size: 13px; color: var(--qk-text); }
.qk-tag-list a:hover { background: var(--qk-primary-light); color: var(--qk-primary); }
.qk-closed { display: flex; align-items: center; gap: 14px; background: #fff4e0; border-radius: var(--qk-radius); padding: 14px 18px; margin-bottom: 16px; color: #8a4b00; flex-wrap: wrap; }
.qk-closed > i { font-size: 24px; }
.qk-closed strong { display: block; }
.qk-closed span { font-size: 14px; }
.qk-sitemap-cols { columns: 4 220px; column-gap: 24px; }
.qk-sitemap-group { break-inside: avoid; margin-bottom: 18px; }
.qk-sitemap-group h3 { font-size: 15px !important; font-weight: 700; margin-bottom: 6px; }
.qk-sitemap-group ul { list-style: none; padding: 0; margin: 0; }
.qk-sitemap-group li { font-size: 14px; padding: 2px 0; }
.qk-sitemap-group li a { color: #4b5563; }
.qk-footer-locations { border-top: 1px solid rgba(255, 255, 255, .1); margin-top: 24px; padding-top: 18px; }
.qk-footer-locations ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; }
.qk-footer-locations a { color: #b8c1d6 !important; font-size: 13.5px; }
.qk-footer-locations a:hover { color: #fff !important; }

/* ---------- Chat ---------- */
.qk-badge {
	display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px;
	border-radius: 9px; background: #e02424; color: #fff; font-size: 11px; font-weight: 700; line-height: 1; margin-left: auto;
}
.qk-nav-icon .qk-badge { position: absolute; top: 0; right: -2px; margin: 0; border: 2px solid var(--qk-primary); }
.qk-nav-icon-mobile { width: 34px; height: 34px; font-size: 17px; }
.dropdown-item .qk-badge, .qk-mobile-menu .qk-badge { margin-left: 6px; }
.qk-seller-avatar.sm { flex: 0 0 38px; width: 38px; height: 38px; font-size: 14px; }

.qk-chat {
	display: grid; grid-template-columns: 320px 1fr; background: #fff; border: 1px solid var(--qk-border);
	border-radius: var(--qk-radius); overflow: hidden; height: calc(100vh - 150px); min-height: 520px;
}
.qk-chat-list { border-right: 1px solid var(--qk-border); display: flex; flex-direction: column; min-height: 0; }
.qk-chat-list-head { padding: 14px 14px 8px; border-bottom: 1px solid var(--qk-border); }
.qk-chat-boxes { list-style: none; display: flex; gap: 6px; padding: 0; margin: 0; flex-wrap: wrap; }
.qk-chat-boxes a { display: inline-block; padding: 4px 11px; border-radius: 14px; background: #f1f4f9; color: var(--qk-text); font-size: 13px; font-weight: 600; text-decoration: none; }
.qk-chat-boxes a.active { background: var(--qk-primary); color: #fff; }
.qk-chat-items { overflow-y: auto; flex: 1; }
.qk-chat-item { display: flex; gap: 10px; padding: 11px 14px; border-bottom: 1px solid #f1f3f7; color: var(--qk-text); text-decoration: none; position: relative; }
.qk-chat-item:hover { background: #f8fafd; }
.qk-chat-item.active { background: var(--qk-primary-light); }
.qk-chat-thumb { flex: 0 0 52px; width: 52px; height: 52px; border-radius: 8px; overflow: hidden; background: #eef1f6; display: inline-flex; align-items: center; justify-content: center; color: #b7bfcc; }
.qk-chat-thumb.sm { flex-basis: 42px; width: 42px; height: 42px; }
.qk-chat-thumb img { width: 100%; height: 100%; object-fit: cover; }
.qk-chat-item-body { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 1px; }
.qk-chat-item-top { display: flex; justify-content: space-between; gap: 8px; }
.qk-chat-item-top strong { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qk-chat-item-top small { color: var(--qk-muted); font-size: 12px; white-space: nowrap; }
.qk-chat-item-ad { font-size: 12.5px; color: var(--qk-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qk-chat-item-last { font-size: 13px; color: var(--qk-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qk-chat-item.is-unread .qk-chat-item-last { color: var(--qk-text); font-weight: 600; }
.qk-chat-dot { position: absolute; right: 14px; bottom: 16px; width: 9px; height: 9px; border-radius: 50%; background: var(--qk-accent); }
.qk-chat-empty-list, .qk-chat-placeholder { text-align: center; color: var(--qk-muted); padding: 40px 20px; }
.qk-chat-empty-list i, .qk-chat-placeholder i { font-size: 42px; color: #c3cad6; margin-bottom: 10px; }
.qk-chat-placeholder { margin: auto; }

.qk-chat-main { display: flex; flex-direction: column; min-height: 0; background: #f7f9fc; }
.qk-chat-head { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: #fff; border-bottom: 1px solid var(--qk-border); }
.qk-chat-back { display: none; color: var(--qk-text); font-size: 18px; padding: 4px 6px; }
.qk-chat-person { display: flex; align-items: center; gap: 10px; color: var(--qk-text); text-decoration: none; min-width: 0; }
.qk-chat-person strong { display: block; font-size: 15px; }
.qk-chat-person small { display: block; color: var(--qk-muted); font-size: 12px; }
.qk-chat-person small.is-online { color: #0e9f6e; font-weight: 600; }
.qk-chat-head .dropdown-item { display: flex; gap: 8px; align-items: center; }
.qk-chat-ad { display: flex; align-items: center; gap: 10px; padding: 8px 14px; background: #fff; border-bottom: 1px solid var(--qk-border); color: var(--qk-text); text-decoration: none; font-size: 13.5px; }
.qk-chat-ad strong { color: var(--qk-primary); }
.qk-chat-log { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 6px; }
.qk-chat-safety { align-self: center; max-width: 440px; text-align: center; font-size: 12.5px; color: #8a4b00; background: #fff7e8; border-radius: 8px; padding: 8px 12px; margin-bottom: 8px; }
.qk-msg { display: flex; }
.qk-msg.is-mine { justify-content: flex-end; }
.qk-msg-bubble { max-width: min(75%, 520px); background: #fff; border: 1px solid var(--qk-border); border-radius: 14px 14px 14px 4px; padding: 7px 11px 5px; overflow-wrap: anywhere; }
.qk-msg.is-mine .qk-msg-bubble { background: var(--qk-primary); border-color: var(--qk-primary); color: #fff; border-radius: 14px 14px 4px 14px; }
.qk-msg-text { font-size: 14.5px; line-height: 1.45; }
.qk-msg-bubble time { display: block; text-align: right; font-size: 11px; color: var(--qk-muted); margin-top: 2px; }
.qk-msg.is-mine .qk-msg-bubble time { color: rgba(255, 255, 255, .75); }
.qk-msg-photo img { display: block; max-width: 100%; max-height: 260px; border-radius: 10px; margin-bottom: 4px; }
.qk-msg.is-sending { opacity: .6; }
.qk-chat-seen { text-align: right; font-size: 12px; color: var(--qk-muted); padding: 0 16px 4px; }
.qk-chat-seen i { color: var(--qk-primary); }

.qk-quick { display: flex; gap: 6px; overflow-x: auto; padding: 8px 14px 0; scrollbar-width: none; }
.qk-quick::-webkit-scrollbar { display: none; }
.qk-quick-btn { flex: 0 0 auto; border: 1px solid var(--qk-primary-soft); background: #fff; color: var(--qk-primary); border-radius: 16px; padding: 5px 12px; font-size: 13px; font-weight: 600; }
.qk-quick-btn:hover { background: var(--qk-primary-light); }
.qk-quick-sm { padding: 0 0 8px; flex-wrap: wrap; overflow: visible; }
.qk-quick-sm .qk-quick-btn { font-size: 12.5px; padding: 4px 10px; }
.qk-chat-form { display: flex; align-items: flex-end; gap: 8px; padding: 10px 14px 12px; background: #f7f9fc; }
.qk-chat-input { flex: 1; background: #fff; border: 1px solid var(--qk-border); border-radius: 20px; padding: 4px 14px; }
.qk-chat-input textarea { width: 100%; border: 0; outline: 0; resize: none; padding: 6px 0; max-height: 140px; font-size: 14.5px; background: transparent; }
.qk-chat-preview { padding-top: 6px; position: relative; display: inline-block; }
.qk-chat-preview img { height: 64px; border-radius: 8px; }
.qk-chat-preview button { position: absolute; top: 0; right: -8px; border: 0; background: #1f2937; color: #fff; width: 20px; height: 20px; border-radius: 50%; font-size: 11px; line-height: 20px; padding: 0; }
.qk-chat-attach, .qk-chat-send { flex: 0 0 42px; width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin: 0; cursor: pointer; font-size: 17px; }
.qk-chat-attach { background: #fff; border: 1px solid var(--qk-border); color: var(--qk-muted); }
.qk-chat-send { background: var(--qk-primary); border: 0; color: #fff; }
.qk-chat-send:disabled { opacity: .6; }
.qk-chat-blocked { text-align: center; padding: 14px; color: var(--qk-muted); font-size: 14px; background: #fff; border-top: 1px solid var(--qk-border); }
.qk-ad-chat { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--qk-border); }

@media (max-width: 991.98px) {
	.qk-chat { grid-template-columns: 1fr; height: calc(100vh - 100px); height: calc(100dvh - 100px); min-height: 420px; }
	.qk-chat .qk-chat-main { display: none; }
	.qk-chat.has-active .qk-chat-list { display: none; }
	.qk-chat.has-active .qk-chat-main { display: flex; }
	.qk-chat-back { display: inline-block; }
}

/* ---------- Promotions ---------- */
.qk-promo-ad { display: flex; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--qk-border); border-radius: var(--qk-radius); margin-bottom: 14px; }
.qk-packages { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
.qk-package { margin: 0; cursor: pointer; }
.qk-package input { position: absolute; opacity: 0; pointer-events: none; }
.qk-package-box { display: flex; flex-direction: column; height: 100%; border: 2px solid var(--qk-border); border-radius: 12px; padding: 34px 14px 14px; position: relative; overflow: hidden; background: #fff; transition: border-color .15s, box-shadow .15s; }
.qk-package input:checked + .qk-package-box { border-color: var(--pkg); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pkg) 22%, transparent); }
.qk-package input:focus-visible + .qk-package-box { outline: 2px solid var(--pkg); outline-offset: 2px; }
.qk-package-ribbon { position: absolute; top: 0; left: 0; right: 0; background: var(--pkg); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-align: center; padding: 4px; }
.qk-package-price { font-size: 22px; font-weight: 800; }
.qk-package-days { color: var(--qk-muted); font-size: 13px; margin-bottom: 8px; }
.qk-package ul { list-style: none; padding: 0; margin: 0; font-size: 13px; display: grid; gap: 4px; }
.qk-package li i { color: var(--pkg); margin-right: 4px; }
.qk-package-note { margin-top: 8px; font-size: 12px; color: #0e9f6e; font-weight: 600; }
.qk-gateways { display: flex; gap: 10px; flex-wrap: wrap; }
.qk-gateway { margin: 0; cursor: pointer; }
.qk-gateway input { position: absolute; opacity: 0; pointer-events: none; }
.qk-gateway span { display: inline-flex; flex-direction: column; border: 2px solid var(--qk-border); border-radius: 10px; padding: 10px 16px; font-weight: 700; min-width: 170px; }
.qk-gateway span i { color: var(--qk-primary); }
.qk-gateway small { font-weight: 400; color: var(--qk-muted); font-size: 12px; }
.qk-gateway input:checked + span { border-color: var(--qk-primary); background: var(--qk-primary-light); }
.btn-accent { background: var(--qk-accent); border-color: var(--qk-accent); color: #fff; font-weight: 700; }
.btn-accent:hover, .btn-accent:focus { background: var(--qk-accent-dark); border-color: var(--qk-accent-dark); color: #fff; }

/* Promotion ribbon across the top-left corner of the photo */
.qk-ribbon { position: absolute; top: 0; left: 0; width: 96px; height: 96px; overflow: hidden; pointer-events: none; z-index: 2; }
.qk-ribbon span {
	position: absolute; top: 20px; left: -30px; width: 136px; transform: rotate(-45deg);
	background: var(--rb, #ff8a00); color: #fff; text-align: center;
	font-size: 10.5px; font-weight: 800; letter-spacing: .08em; line-height: 1; padding: 6px 0;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .25); text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
.qk-ribbon-lg { width: 130px; height: 130px; }
.qk-ribbon-lg span { top: 30px; left: -38px; width: 180px; font-size: 13px; padding: 8px 0; }
.qk-card.is-featured { border-color: color-mix(in srgb, var(--rb) 45%, #fff); }
.qk-card.is-highlighted { border: 2px solid var(--rb); box-shadow: 0 0 0 3px color-mix(in srgb, var(--rb) 14%, transparent); }
.qk-card-list .qk-ribbon { width: 84px; height: 84px; }
.qk-card-list .qk-ribbon span { top: 16px; left: -32px; width: 128px; font-size: 10px; }
.qk-featured-block .qk-block-title i { color: var(--qk-accent); }

/* ---------- Phone bottom navigation ---------- */
@media (max-width: 767.98px) {
	body.qk-theme { padding-bottom: calc(62px + env(safe-area-inset-bottom)); }
}
.qk-bottom-nav {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030;
	display: flex; justify-content: space-around; align-items: stretch;
	background: #fff; border-top: 1px solid var(--qk-border); box-shadow: 0 -2px 12px rgba(16, 24, 40, .08);
	padding-bottom: env(safe-area-inset-bottom); height: calc(60px + env(safe-area-inset-bottom));
}
.qk-bottom-nav a {
	flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
	color: #6b7280; text-decoration: none; font-size: 11px; font-weight: 600; position: relative;
}
.qk-bottom-nav a i { font-size: 19px; }
.qk-bottom-nav a.active { color: var(--qk-primary); }
.qk-bottom-nav .qk-badge { position: absolute; top: 6px; left: 50%; margin-left: 4px; border: 2px solid #fff; }
.qk-bottom-sell-btn {
	width: 48px; height: 48px; margin-top: -22px; border-radius: 50%; background: var(--qk-accent); color: #fff;
	display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(255, 138, 0, .45); border: 3px solid #fff;
}
.qk-bottom-sell-btn i { font-size: 18px !important; }
.qk-bottom-sell { color: var(--qk-text) !important; }

/* ---------- Verification ---------- */
.qk-verify-why { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; margin-bottom: 18px; }
.qk-verify-why div { background: var(--qk-primary-light); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
.qk-verify-why i { color: var(--qk-primary); font-size: 20px; margin-bottom: 4px; }
.qk-verify-why strong { font-size: 14px; }
.qk-verify-types { display: flex; gap: 10px; flex-wrap: wrap; }
.qk-verify-done { display: flex; gap: 14px; align-items: center; background: #ecfdf3; border: 1px solid #b7ebcd; border-radius: 10px; padding: 16px; }
.qk-verify-done > i { font-size: 34px; color: #0e9f6e; }
.qk-verified-badge.is-business { color: var(--qk-primary); }

/* ---------- Reviews ---------- */
.qk-stars { color: #f59e0b; font-size: 13px; letter-spacing: 1px; white-space: nowrap; }
.qk-stars.lg { font-size: 20px; }
.qk-rating-line { display: inline-flex; align-items: center; gap: 5px; font-size: 14px; color: var(--qk-text); text-decoration: none; margin: 2px 0 4px; }
.qk-rating-line span:last-child { color: var(--qk-muted); }
.qk-rating-line.sm { font-size: 12.5px; margin: 0; display: flex; }
.qk-rating-summary { background: #fff; border: 1px solid var(--qk-border); border-radius: var(--qk-radius); padding: 16px; text-align: center; }
.qk-rating-big { font-size: 42px; font-weight: 800; line-height: 1; }
.qk-rating-bar { display: grid; grid-template-columns: 38px 1fr 28px; align-items: center; gap: 8px; font-size: 12.5px; color: var(--qk-muted); }
.qk-rating-bar i.fa-star { color: #f59e0b; font-size: 10px; }
.qk-rating-bar b { display: block; height: 7px; background: #eef1f6; border-radius: 4px; overflow: hidden; }
.qk-rating-bar b i { display: block; height: 100%; background: #f59e0b; }
.qk-review-form { background: #fff; border: 1px solid var(--qk-border); border-radius: var(--qk-radius); padding: 16px; }
.qk-star-input { display: inline-flex; flex-direction: row-reverse; gap: 2px; margin-bottom: 10px; }
.qk-star-input input { position: absolute; opacity: 0; pointer-events: none; }
.qk-star-input label { font-size: 26px; color: #d6dbe4; cursor: pointer; margin: 0; }
.qk-star-input label:hover, .qk-star-input label:hover ~ label, .qk-star-input input:checked ~ label { color: #f59e0b; }
.qk-star-input input:focus-visible + label { outline: 2px solid var(--qk-primary); border-radius: 4px; }
.qk-review { background: #fff; border: 1px solid var(--qk-border); border-radius: var(--qk-radius); padding: 14px 16px; margin-bottom: 10px; }
.qk-review-head { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.qk-review-reply { background: #f6f8fc; border-left: 3px solid var(--qk-primary); border-radius: 6px; padding: 8px 12px; margin-top: 8px; font-size: 14px; }
@media (max-width: 575.98px) { .qk-chat-feedback span { display: none; } }
/* Links to #reviews, #review-form, #chat land below the sticky header */
#reviews, #review-form, #chat { scroll-margin-top: 84px; }
.qk-recaptcha-note { font-size: 11px; color: var(--qk-muted); margin: 0 0 10px; }
.grecaptcha-badge { visibility: hidden; }

/* ---------- Confirm email / phone ---------- */
.qk-verify-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.qk-verify-card { border: 1px solid var(--qk-border); border-radius: 10px; padding: 14px; }
.qk-verify-card.is-done { background: #f3fbf6; border-color: #b7ebcd; }
.qk-verify-card-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.qk-verify-card-head > i { font-size: 22px; color: var(--qk-primary); width: 28px; text-align: center; }
.qk-verify-card-head strong { display: block; }
.qk-verify-card-head span { font-size: 13px; color: var(--qk-muted); }
.qk-verify-ok { margin-left: auto; color: #0e9f6e !important; font-weight: 700; white-space: nowrap; }
.qk-code-form { display: flex; gap: 8px; max-width: 300px; }
.qk-code-form input { min-width: 0; flex: 1 1 auto; }
.qk-code-form .btn { white-space: nowrap; flex: 0 0 auto; }
.qk-code-form input { letter-spacing: .3em; font-weight: 700; text-align: center; }
.qk-verify-banner { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

/* ---------- Keep every box inside the screen (phones and desktops) ---------- */
body.qk-theme { overflow-x: clip; overflow-wrap: break-word; }
.qk-theme img, .qk-theme video, .qk-theme iframe, .qk-theme svg, .qk-theme canvas { max-width: 100%; }
.qk-theme .form-control, .qk-theme .form-select, .qk-theme textarea { min-width: 0; max-width: 100%; }
.qk-theme .alert, .qk-theme .modal-body, .qk-theme .qk-verify-card, .qk-theme .qk-acc-user-text { overflow-wrap: anywhere; }
.qk-theme .input-group { flex-wrap: nowrap; }
.qk-theme .input-group > .form-control { min-width: 0; }
.qk-theme .modal-dialog { max-width: min(500px, calc(100vw - 16px)); }
.qk-theme .modal-dialog.modal-lg { max-width: min(800px, calc(100vw - 16px)); }

/* Search bar: a long place name (e.g. "Federal Capital Territory") shortens with "…" instead of pushing the box wider */
.qk-search { max-width: 100%; }
.qk-search > *, .qk-search-q, .qk-search-loc, button.qk-search-loc .qk-loc-label { min-width: 0; }
button.qk-search-loc { max-width: 100%; overflow: hidden; }
.qk-search-q .form-control { width: 100%; }

/* Checkbox with a sentence and links (terms, "keep me signed in"): text wraps beside the box */
.qk-theme .qk-check { display: block; position: relative; padding-left: 26px; line-height: 1.45; }
.qk-theme .qk-check > input[type="checkbox"], .qk-theme .qk-check > input[type="radio"] { position: absolute; left: 0; top: 2px; margin: 0; }
.qk-theme .qk-check.d-flex { display: flex !important; padding-left: 0; }
.qk-theme .qk-check.d-flex > input { position: static; }

/* Sign-in / registration box: tighter on small phones so fields and reCAPTCHA fit */
@media (max-width: 575.98px) {
	.qk-auth-main { padding: 20px 16px 18px; }
	.qk-theme .container { padding-left: 12px; padding-right: 12px; }
}

/* reCAPTCHA v2 box is a fixed 304px wide: shrunk to fit narrow boxes (see app.js) */
.g-recaptcha { max-width: 100%; transform-origin: 0 0; }

/* Chat and promote pages on small phones */
.qk-promo-ad > .min-w-0 { flex: 1; min-width: 0; }
.qk-gateway span { min-width: 0; }
.qk-chat, .qk-chat-main, .qk-chat-list { min-width: 0; }
.qk-chat-form { min-width: 0; }
.qk-chat-input { min-width: 0; }
@media (max-width: 767.98px) {
	/* Phones: place on the first line, search box + button on the second */
	.qk-search-q { flex: 1 1 60%; }
}

/* iPhone/iPad: Safari zooms the page in when a box with text smaller than 16px is tapped, and the page then
   looks cut off and wider than the screen. Boxes use 16px text on phones and on all iOS devices, so it never zooms. */
@media (max-width: 991.98px) {
	.qk-theme input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
	.qk-theme select, .qk-theme textarea, .qk-theme .form-control, .qk-theme .form-select,
	.qk-search .form-control, .qk-search-sm .form-control, .qk-chat-input textarea { font-size: 16px !important; }
}
@supports (-webkit-touch-callout: none) {
	.qk-theme input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
	.qk-theme select, .qk-theme textarea, .qk-theme .form-control, .qk-theme .form-select { font-size: 16px !important; }
}
/* Never let iOS enlarge text on its own when the phone is turned sideways */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }


/* Business stores: link to a seller's store from ads and the seller page */
.qk-store-link { --sb: #0e7c66; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; border: 1px solid color-mix(in srgb, var(--sb) 35%, #fff); background: color-mix(in srgb, var(--sb) 8%, #fff); color: #172033; text-decoration: none; min-width: 0; }
.qk-store-link:hover { background: color-mix(in srgb, var(--sb) 14%, #fff); color: #172033; }
.qk-store-link > i { color: var(--sb); }
.qk-store-link small { color: #5b6475; }
.qk-store-link-logo { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 9px; background: var(--sb); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.qk-store-link-logo img { width: 100%; height: 100%; object-fit: cover; background: #fff; }

/* Store dashboard (account) */
.qk-sd-head { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; }
.qk-sd-status { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 13px; padding: 5px 11px; border-radius: 16px; }
.qk-sd-status.is-live { background: #e8f6ef; color: #0b6b44; }
.qk-sd-status.is-off { background: #fff1e0; color: #8a4b00; }
.qk-sd-tabs { display: flex; gap: 4px; overflow-x: auto; border-bottom: 1px solid #e3e8f1; margin: 16px 0; scrollbar-width: none; }
.qk-sd-tabs a { padding: 10px 14px; font-weight: 700; color: #5b6475; border-bottom: 3px solid transparent; white-space: nowrap; text-decoration: none; }
.qk-sd-tabs a.active { color: var(--qk-primary); border-bottom-color: var(--qk-primary); }
.qk-sd-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 16px; }
.qk-sd-stat { border: 1px solid #e3e8f1; border-radius: 12px; padding: 14px; background: #fff; min-width: 0; }
.qk-sd-stat span { display: block; color: #5b6475; font-size: 13px; font-weight: 600; }
.qk-sd-stat strong { display: block; font-size: 26px; font-weight: 800; line-height: 1.2; }
.qk-sd-stat small { color: #5b6475; }
.qk-sd-steps { background: #fff8ec; border: 1px solid #f5dcb3; border-radius: 12px; padding: 16px; margin-bottom: 16px; }
.qk-sd-steps h2 { font-size: 17px; font-weight: 800; margin: 0 0 8px; }
.qk-sd-step { display: flex; gap: 10px; align-items: center; padding: 6px 0; flex-wrap: wrap; }
.qk-sd-step .mk { flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; background: #fff; color: #8a4b00; border: 1px solid #f0c98d; }
.qk-sd-step.done .mk { background: #0b6b44; color: #fff; border-color: #0b6b44; }
.qk-sd-step.done .tx { color: #5b6475; text-decoration: line-through; }
.qk-sd-step .btn { margin-left: auto; }
.qk-sd-url { display: flex; align-items: stretch; border: 1px solid #ced4da; border-radius: 8px; overflow: hidden; background: #fff; }
.qk-sd-url input { border: 0 !important; box-shadow: none !important; flex: 1 1 auto; min-width: 0; font-weight: 700; }
.qk-sd-url span { display: flex; align-items: center; padding: 0 12px; background: #f3f5f9; color: #5b6475; font-weight: 600; white-space: nowrap; font-size: 14px; }
.qk-sd-url.is-path span:first-child { border-right: 1px solid #e3e8f1; }
.qk-sd-url.is-path span:last-child { display: none; }
.qk-sd-check { font-size: 13px; margin-top: 4px; min-height: 18px; }
.qk-sd-check.ok { color: #0b6b44; } .qk-sd-check.bad { color: #b4232f; }
.qk-sd-products { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px; }
.qk-sd-products a { border: 1px solid #e3e8f1; border-radius: 10px; overflow: hidden; color: #172033; text-decoration: none; font-size: 13px; min-width: 0; }
.qk-sd-products img, .qk-sd-products .ph { width: 100%; aspect-ratio: 1/1; object-fit: cover; background: #eef1f6; display: flex; align-items: center; justify-content: center; color: #9aa3b2; }
.qk-sd-products div { padding: 6px 8px; }
.qk-sd-products b { display: block; color: var(--qk-primary); }
.qk-sd-products span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qk-sd-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.qk-sd-plan { position: relative; cursor: pointer; margin: 0; }
.qk-sd-plan input { position: absolute; opacity: 0; }
.qk-sd-plan > span { display: block; border: 2px solid #e3e8f1; border-radius: 12px; padding: 14px; height: 100%; background: #fff; }
.qk-sd-plan input:checked + span { border-color: var(--qk-primary); background: var(--qk-primary-light); }
.qk-sd-plan input:focus-visible + span { outline: 3px solid var(--qk-primary-soft); }
.qk-sd-plan strong { font-size: 17px; }
.qk-sd-plan .pr { display: block; font-size: 22px; font-weight: 800; margin: 4px 0; }
.qk-sd-plan ul { list-style: none; padding: 0; margin: 6px 0 0; font-size: 13px; color: #3c4559; }
.qk-sd-plan li::before { content: "✓ "; color: #0b6b44; font-weight: 800; }
.qk-sd-plan .cur { position: absolute; top: 10px; right: 10px; font-size: 11px; font-weight: 800; background: #e8f6ef; color: #0b6b44; padding: 2px 8px; border-radius: 10px; }
.qk-sd-swatches { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.qk-sd-swatches label { width: 36px; height: 36px; border-radius: 50%; cursor: pointer; border: 3px solid #fff; box-shadow: 0 0 0 1px #c9d3e6; }
.qk-sd-swatches input[type=radio] { position: absolute; opacity: 0; }
.qk-sd-swatches input[type=radio]:checked + label { box-shadow: 0 0 0 3px #172033; }
.qk-sd-swatches input[type=color] { width: 44px; height: 36px; padding: 2px; border: 1px solid #c9d3e6; border-radius: 8px; background: #fff; }
.qk-sd-preview { border-radius: 12px; overflow: hidden; border: 1px solid #e3e8f1; }
.qk-sd-preview-head { padding: 14px; color: #fff; display: flex; gap: 10px; align-items: center; }
.qk-sd-preview-head .lg { width: 44px; height: 44px; border-radius: 10px; background: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; overflow: hidden; flex: 0 0 44px; }
.qk-sd-preview-head .lg img { width: 100%; height: 100%; object-fit: cover; }
.qk-sd-preview-banner { aspect-ratio: 3/1; background: #133b33 center/cover no-repeat; }

/* Homepage: Quikad for Businesses block */
.qk-biz-promo { background: #0f1a33; color: #fff; border-radius: 16px; padding: 26px; overflow: hidden; }
.qk-biz-promo-in { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; }
.qk-biz-promo-text { flex: 1 1 340px; min-width: 0; }
.qk-biz-kicker { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,.12); border-radius: 20px; padding: 5px 12px; font-size: 13px; font-weight: 700; color: #ffb357; }
.qk-biz-promo h2 { font-size: 24px; font-weight: 800; margin: 12px 0 8px; color: #fff; line-height: 1.25; }
.qk-biz-promo p { color: #c9d4ee; margin: 0 0 12px; line-height: 1.6; }
.qk-biz-points { list-style: none; padding: 0; margin: 0 0 16px; display: grid; gap: 6px; font-size: 14px; color: #dbe3f5; }
.qk-biz-points i { width: 18px; color: #25d366; }
.qk-biz-points strong { color: #fff; word-break: break-word; }
.qk-biz-btns { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.qk-theme .qk-biz-btn { background: var(--qk-accent, #ff8a00); color: #1b1300; font-weight: 800; padding: 11px 20px; border-radius: 10px; border: 0; }
.qk-theme .qk-biz-btn:hover { background: var(--qk-accent-dark, #f07f00); color: #1b1300; }
.qk-biz-link { color: #fff; font-weight: 700; text-decoration: none; }
.qk-biz-link:hover { color: #ffb357; }
.qk-biz-stores { flex: 1 1 280px; min-width: 0; display: grid; gap: 8px; }
.qk-biz-stores-title { font-size: 13px; font-weight: 700; color: #9fb0d6; text-transform: uppercase; letter-spacing: .04em; }
.qk-biz-store { --sb: #0e7c66; display: flex; gap: 10px; align-items: center; background: rgba(255,255,255,.07); border-radius: 12px; padding: 10px; color: #fff; text-decoration: none; min-width: 0; }
.qk-biz-store:hover { background: rgba(255,255,255,.13); color: #fff; }
.qk-biz-store strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qk-biz-store small { display: block; color: #9fb0d6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qk-biz-store-logo { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 10px; background: var(--sb); display: flex; align-items: center; justify-content: center; font-weight: 800; overflow: hidden; }
.qk-biz-store-logo img { width: 100%; height: 100%; object-fit: cover; background: #fff; }
.qk-biz-art { flex: 1 1 260px; max-width: 340px; min-width: 0; background: #fff; border-radius: 12px; overflow: hidden; color: #172033; box-shadow: 0 18px 40px rgba(0,0,0,.3); }
.qk-biz-art-bar { background: #eef1f7; padding: 7px 10px; display: flex; gap: 5px; align-items: center; }
.qk-biz-art-bar i { width: 8px; height: 8px; border-radius: 50%; background: #e3a3a3; }
.qk-biz-art-bar i:nth-child(2) { background: #e8d08f; } .qk-biz-art-bar i:nth-child(3) { background: #9fd3a8; }
.qk-biz-art-bar span { margin-left: 6px; background: #fff; border-radius: 5px; padding: 2px 8px; font-size: 11px; color: #3c4559; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.qk-biz-art-head { background: #0e7c66; color: #fff; padding: 10px 12px; font-weight: 800; display: flex; align-items: center; gap: 8px; }
.qk-biz-art-head b { background: #fff; color: #0e7c66; border-radius: 7px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 12px; }
.qk-biz-art-head em { font-style: normal; font-size: 11px; background: rgba(255,255,255,.2); border-radius: 8px; padding: 1px 6px; }
.qk-biz-art-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 10px; }
.qk-biz-art-grid span { aspect-ratio: 1; border-radius: 8px; background: linear-gradient(135deg, #e7edf8, #cfd8ea); }
.qk-biz-art-grid span:nth-child(2) { background: linear-gradient(135deg, #eef3e9, #d3e2c6); } .qk-biz-art-grid span:nth-child(3) { background: linear-gradient(135deg, #f6efe6, #e9d6bd); }
.qk-biz-art-wa { margin: 0 10px 10px; background: #25d366; color: #0b2614; font-weight: 800; font-size: 13px; text-align: center; padding: 8px; border-radius: 8px; }
@media (max-width: 575px) {
    .qk-biz-promo { padding: 18px; border-radius: 14px; }
    .qk-biz-promo h2 { font-size: 20px; }
    .qk-biz-art { display: none; }
}
.qk-theme .qk-biz-promo .qk-biz-link { color: #fff; }
.qk-theme .qk-biz-promo .qk-biz-link:hover { color: #ffb357; }
.qk-theme .qk-biz-promo .qk-biz-store, .qk-theme .qk-biz-promo .qk-biz-store:hover { color: #fff; }
.qk-theme .qk-biz-promo .qk-biz-store strong { color: #fff; }
.qk-theme .qk-biz-promo .qk-biz-store-logo { color: #fff; }
.qk-biz-store > span:last-child { flex: 1 1 auto; min-width: 0; }

/* Phone box with country flag and calling code */
.qk-phone { position: relative; display: flex; align-items: stretch; width: 100%; min-width: 0; border: 1px solid #ced4da; border-radius: .375rem; background: #fff; }
.qk-phone:focus-within { border-color: var(--qk-primary); box-shadow: 0 0 0 .2rem var(--qk-primary-soft); }
.qk-phone.is-invalid { border-color: #dc3545; }
.qk-phone .qk-phone-num { border: 0 !important; box-shadow: none !important; flex: 1 1 auto; min-width: 0; background: transparent; }
.qk-phone-cc { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; border: 0; border-right: 1px solid #e3e8f1; background: #f6f8fb; padding: 0 10px; border-radius: .375rem 0 0 .375rem; font-weight: 600; color: #172033; cursor: pointer; white-space: nowrap; }
.qk-phone-cc:hover { background: #eef2f8; }
.qk-phone-cc:focus-visible { outline: 3px solid var(--qk-primary-soft); outline-offset: -2px; }
.qk-phone-cc .qk-phone-caret { color: #8a93a6; flex: 0 0 auto; }
.qk-phone-cc.is-single { cursor: default; }
.qk-phone-cc.is-single .qk-phone-caret { display: none; }
.qk-phone-flag { font-size: 20px; line-height: 1; font-family: 'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif; }
.qk-phone-pop { position: absolute; left: 0; top: calc(100% + 4px); z-index: 1060; width: min(340px, 100%); min-width: 260px; max-width: calc(100vw - 32px); background: #fff; border: 1px solid #e3e8f1; border-radius: 10px; box-shadow: 0 12px 32px rgba(15,26,51,.16); padding: 8px; }
.qk-phone-list { list-style: none; margin: 6px 0 0; padding: 0; max-height: 260px; overflow-y: auto; }
.qk-phone-list li { display: flex; align-items: center; gap: 10px; padding: 8px 8px; border-radius: 8px; cursor: pointer; font-size: 15px; }
.qk-phone-list li:hover, .qk-phone-list li:focus { background: #f1f4f9; outline: 0; }
.qk-phone-list li[aria-selected="true"] { background: var(--qk-primary-light); font-weight: 600; }
.qk-phone-list li .f { font-size: 20px; font-family: 'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif; }
.qk-phone-list li .n { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qk-phone-list li .d { color: #5b6475; font-variant-numeric: tabular-nums; }
.qk-phone-list li.empty { color: #8a93a6; cursor: default; }
.qk-phone + .invalid-feedback { display: block; }
.qk-phone.is-email .qk-phone-cc { display: none; }

/* Advertising spots */
.qk-advs { display: grid; gap: 14px; min-width: 0; }
.qk-advs-wide { margin: 18px 0; }
.qk-advs-side { margin-top: 16px; }
.qk-adv-unit { position: relative; text-align: center; min-width: 0; overflow: hidden; }
.qk-adv-label { display: block; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: #8a93a6; margin-bottom: 4px; text-align: center; }
.qk-adv-img img { display: block; width: 100%; height: auto; border-radius: 10px; margin: 0 auto; }
.qk-advs-wide .qk-adv-img img { max-height: 250px; object-fit: contain; }
.qk-adv-code { min-height: 50px; display: flex; justify-content: center; }
.qk-advs-wide .qk-adv-code > * { max-width: 100%; }

/* Homepage write-up (SEO text) */
.qk-home-about { background: #fff; border: 1px solid #e5e9f0; border-radius: 14px; padding: 22px 24px; margin-top: 24px; }
.qk-home-about h2.qk-home-about-title { font-size: 20px; font-weight: 800; margin: 0 0 10px; }
.qk-richtext { color: #3c4559; line-height: 1.7; font-size: 15px; overflow-wrap: break-word; }
.qk-richtext h2 { font-size: 19px; font-weight: 800; margin: 18px 0 8px; color: #172033; }
.qk-richtext h3 { font-size: 17px; font-weight: 700; margin: 16px 0 6px; color: #172033; }
.qk-richtext p { margin: 0 0 12px; }
.qk-richtext ul, .qk-richtext ol { padding-left: 20px; margin: 0 0 12px; }
.qk-richtext a { color: var(--qk-primary); text-decoration: underline; }
.qk-richtext blockquote { border-left: 3px solid var(--qk-primary-soft); padding-left: 12px; color: #5b6475; margin: 0 0 12px; }
.qk-home-about.is-collapsible .qk-richtext { max-height: 220px; overflow: hidden; position: relative; }
.qk-home-about.is-collapsible .qk-richtext::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 70px; background: linear-gradient(rgba(255,255,255,0), #fff); }
.qk-home-about.is-open .qk-richtext { max-height: none; }
.qk-home-about.is-open .qk-richtext::after { display: none; }
.qk-home-about-more { margin-top: 8px; background: none; border: 0; padding: 0; color: var(--qk-primary); font-weight: 700; }
@media (min-width: 992px) { .qk-advs.d-lg-grid { display: grid !important; } }

/* ---------- Store dashboard: orders, payments & delivery ---------- */
.qk-sd-badge { display: inline-block; min-width: 20px; padding: 1px 6px; margin-left: 6px; border-radius: 10px; background: #e5484d; color: #fff; font-size: 12px; line-height: 18px; text-align: center; }
.qk-sd-card { border: 1px solid #e3e8f1; border-radius: 12px; padding: 18px; margin-bottom: 16px; background: #fff; }
.qk-sd-card h2 i { color: var(--qk-primary); margin-right: 4px; }
.qk-so-filters { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 14px; }
.qk-so-filters a { padding: 5px 12px; border: 1px solid #dfe5ef; border-radius: 20px; color: #3b4456; font-size: 14px; font-weight: 600; text-decoration: none; }
.qk-so-filters a small { color: #8a93a5; font-weight: 600; }
.qk-so-filters a.active { background: var(--qk-primary); border-color: var(--qk-primary); color: #fff; }
.qk-so-filters a.active small { color: rgba(255,255,255,.8); }
.qk-so { border: 1px solid #e3e8f1; border-radius: 12px; margin-bottom: 14px; overflow: hidden; background: #fff; }
.qk-so-head { display: flex; justify-content: space-between; gap: 12px; padding: 12px 16px; background: #f7f9fc; border-bottom: 1px solid #eef1f6; }
.qk-so-total { font-weight: 800; font-size: 18px; white-space: nowrap; }
.qk-so-status { display: inline-block; margin-left: 6px; padding: 2px 9px; border-radius: 20px; font-size: 12px; font-weight: 700; background: #eef1f6; color: #3b4456; }
.qk-so-status.is-paid, .qk-so-status.is-whatsapp { background: #fff4d6; color: #8a5a00; }
.qk-so-status.is-confirmed { background: #e3edff; color: #1a56db; }
.qk-so-status.is-shipped { background: #efe6ff; color: #5b2d8e; }
.qk-so-status.is-delivered { background: #dcf5ea; color: #0b6b4f; }
.qk-so-status.is-cancelled, .qk-so-status.is-awaiting_payment { background: #fde8e8; color: #a12a2a; }
.qk-so-body { display: grid; grid-template-columns: 1.2fr 1fr; gap: 16px; padding: 14px 16px; }
.qk-so-items { list-style: none; padding: 0; margin: 0; font-size: 14px; }
.qk-so-items li { display: flex; justify-content: space-between; gap: 10px; padding: 3px 0; }
.qk-so-items li span:first-child { min-width: 0; overflow-wrap: anywhere; }
.qk-so-items li span:last-child { white-space: nowrap; font-weight: 600; }
.qk-so-buyer { font-size: 14px; display: grid; gap: 4px; min-width: 0; overflow-wrap: anywhere; }
.qk-so-buyer i { width: 16px; color: #8a93a5; }
.qk-so-note { background: #fffbe8; padding: 6px 8px; border-radius: 6px; }
.qk-so-form { display: flex; gap: 8px; padding: 0 16px 14px; flex-wrap: wrap; }
.qk-so-form select { width: auto; flex: 0 0 auto; }
.qk-so-form input { flex: 1 1 200px; }
.qk-so-empty { text-align: center; padding: 40px 16px; border: 1px dashed #d5dce8; border-radius: 12px; }
.qk-so-empty > i { font-size: 32px; color: #b6bfce; margin-bottom: 8px; }
.qk-so-bank { display: grid; gap: 2px; padding: 12px 14px; border-radius: 10px; background: #f3f8f6; border: 1px solid #d6ebe3; }
.qk-so-opts { display: grid; gap: 8px; }
.qk-so-opt { display: grid; grid-template-columns: 1fr 130px 110px 28px; gap: 8px; align-items: center; }
.qk-so-opt-head { font-size: 13px; font-weight: 700; color: #5b6475; }
.qk-so-opt-check { display: flex; align-items: center; gap: 6px; justify-content: center; margin: 0; }
.qk-so-opt-check input { width: 18px; height: 18px; }
@media (max-width: 767.98px) {
    .qk-so-body { grid-template-columns: 1fr; }
    .qk-so-opt-head { display: none; }
    .qk-so-opt { grid-template-columns: 1fr 110px 28px; padding-bottom: 8px; border-bottom: 1px solid #eef1f6; }
    .qk-so-opt input[type=text], .qk-so-opt input:not([type]) { grid-column: 1 / -1; }
    .qk-so-opt-check { justify-content: flex-start; }
    .qk-so-form select { flex: 1 1 100%; }
}
.qk-sd-card .form-switch { padding-left: 3em; }
.qk-sd-card .form-switch .form-check-input { width: 2.4em; height: 1.3em; margin-left: -3em; margin-top: .1em; border-radius: 2em; cursor: pointer; }

/* ---------- Where I browse: header switcher, first-visit question, mode tabs ---------- */
.qk-browse { margin: 0; min-width: 0; flex: 0 1 auto; }
.qk-browse-pill {
	display: inline-flex; align-items: center; gap: 7px; max-width: 260px;
	background: rgba(255, 255, 255, .16); color: #fff; border: 1px solid rgba(255, 255, 255, .28);
	border-radius: 22px; padding: 7px 13px; font-size: 14px; font-weight: 600; line-height: 1.2; cursor: pointer;
}
.qk-browse-pill:hover { background: rgba(255, 255, 255, .26); }
.qk-browse-pill .fa-map-marker-alt { color: #ffd166; }
.qk-browse-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.qk-browse-caret { font-size: 10px; opacity: .85; }
.qk-loc-item.is-gps { color: var(--qk-primary); font-weight: 700; }
.qk-welcome-dialog { max-width: 420px; }
.qk-welcome { border: 0; border-radius: 18px; padding: 28px 24px 18px; text-align: center; position: relative; }
.qk-welcome-close { position: absolute; top: 14px; right: 14px; }
.qk-welcome-ico { width: 64px; height: 64px; border-radius: 50%; background: var(--qk-primary-light); color: var(--qk-primary); display: inline-flex; align-items: center; justify-content: center; font-size: 28px; margin-bottom: 12px; }
.qk-welcome-title { font-size: 22px; font-weight: 800; margin-bottom: 6px; }
.qk-welcome-text { color: #5b6475; margin-bottom: 18px; }
.qk-welcome .btn-lg { font-size: 16px; font-weight: 700; border-radius: 12px; padding: 12px; }
.qk-welcome-note { min-height: 20px; margin: 6px 0 0; font-size: 13px; color: #5b6475; }
.qk-modes { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-bottom: 12px; }
.qk-modes.is-busy { opacity: .6; pointer-events: none; }
.qk-mode {
	display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 20px;
	border: 1px solid var(--qk-border); background: #fff; color: #3b4456; font-weight: 600; font-size: 14px; text-decoration: none; cursor: pointer;
}
.qk-mode:hover { border-color: var(--qk-primary); color: var(--qk-primary); text-decoration: none; }
.qk-mode.active { background: var(--qk-primary); border-color: var(--qk-primary); color: #fff; }
.qk-mode small { opacity: .75; font-weight: 600; }
.qk-modes-label { font-size: 13px; color: #6b7385; margin-right: 2px; }
.qk-empty-local { text-align: center; padding: 26px 12px; border: 1px dashed var(--qk-border); border-radius: 12px; background: #fafbfd; }
.qk-empty-local p { color: #5b6475; margin-bottom: 12px; }
@media (max-width: 767.98px) {
	.qk-browse { flex: 1 1 auto; }
	.qk-browse-pill { max-width: 100%; padding: 6px 10px; font-size: 13px; gap: 5px; }
	.qk-welcome-dialog { margin: 0; position: fixed; bottom: 0; left: 0; right: 0; max-width: none; align-items: flex-end; min-height: auto; }
	.qk-welcome { border-radius: 18px 18px 0 0; padding-bottom: calc(18px + env(safe-area-inset-bottom)); }
	.qk-mode { padding: 6px 11px; font-size: 13px; }
}
@media (max-width: 767.98px) {
	/* Location picker as a bottom sheet on phones */
	#locationModal .modal-dialog { position: fixed; bottom: 0; left: 0; right: 0; margin: 0; max-width: none; height: auto; max-height: 86vh; transform: translateY(30px); }
	#locationModal.show .modal-dialog { transform: none; }
	#locationModal .modal-content { border-radius: 18px 18px 0 0; border: 0; max-height: 86vh; }
	#locationModal .modal-body { padding-bottom: calc(16px + env(safe-area-inset-bottom)); }
}
@media (max-width: 767.98px) {
	.qk-navbar-inner { flex-wrap: nowrap !important; }
	.qk-navbar-inner > .qk-browse { flex: 1 1 0; min-width: 0; }
	.qk-navbar-inner > .d-flex.d-md-none { flex-shrink: 0; }
	.qk-home-main .qk-modes { margin: 4px 0 10px; }
}
@media (max-width: 420px) {
	.qk-sell-btn-sm { padding-left: 10px !important; padding-right: 10px !important; }
	.qk-logo { padding: 4px 8px; }
	.qk-logo-text { font-size: 20px; }
}
.qk-browse-short { display: none; }
@media (max-width: 767.98px) {
	.qk-browse-pill .qk-browse-label { display: none; }
	.qk-browse-short { display: inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
}
.qk-areas { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; }
.qk-area { margin: 0; cursor: pointer; }
.qk-area input { position: absolute; opacity: 0; pointer-events: none; }
.qk-area span { display: flex; flex-direction: column; gap: 2px; border: 2px solid var(--qk-border); border-radius: 12px; padding: 12px 14px; background: #fff; height: 100%; }
.qk-area strong i { color: var(--qk-primary); margin-right: 4px; }
.qk-area small { color: #6b7385; }
.qk-area input:checked + span { border-color: var(--qk-primary); box-shadow: 0 0 0 3px var(--qk-primary-light); }
.qk-area-tag { font-style: normal; font-size: 11px; font-weight: 700; background: #e7f6ec; color: #17803d; border-radius: 10px; padding: 1px 7px; margin-left: 4px; vertical-align: middle; }
.qk-promo-summary { border: 1px solid var(--qk-border); border-radius: 12px; padding: 10px 14px; background: #f8fafc; }
.qk-promo-summary > div { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; }
.qk-promo-summary > div span { color: #6b7385; }
.qk-promo-summary > div strong { text-align: right; }
.qk-promo-run { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 6px 0; border-bottom: 1px dashed var(--qk-border); }
.qk-promo-run:last-of-type { border-bottom: 0; }
.qk-sponsored { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .02em; color: #6b7385; background: #f1f3f7; border-radius: 4px; padding: 1px 6px; }
.qk-package-na { display: none; font-size: 12px; color: #a12a2a; font-weight: 600; }
.qk-package.is-na { opacity: .5; cursor: not-allowed; }
.qk-package.is-na .qk-package-na { display: block; }
/* First-visit location question: slim bar under the header, stays until answered */
.qk-askloc { background: #fff; border-bottom: 1px solid var(--qk-border); box-shadow: 0 6px 16px rgba(15, 26, 51, .10); animation: qk-askloc-in .25s ease-out; }
@keyframes qk-askloc-in { from { transform: translateY(-8px); opacity: 0; } to { transform: none; opacity: 1; } }
.qk-askloc-in { display: flex; align-items: center; gap: 10px 16px; padding-top: 10px; padding-bottom: 10px; flex-wrap: wrap; }
.qk-askloc-q { margin: 0; font-weight: 800; font-size: 15px; color: #172033; white-space: nowrap; }
.qk-askloc-q i { color: var(--qk-primary); margin-right: 4px; }
.qk-askloc-actions { display: flex; gap: 8px; flex-wrap: nowrap; margin-left: auto; }
.qk-askloc-btn { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--qk-primary); background: #fff; color: var(--qk-primary); border-radius: 20px; padding: 7px 14px; font-weight: 700; font-size: 14px; white-space: nowrap; cursor: pointer; }
.qk-askloc-btn.is-main { background: var(--qk-primary); color: #fff; }
.qk-askloc-btn.is-quiet { border-color: var(--qk-border); color: #3b4456; }
.qk-askloc-btn:hover { filter: brightness(.96); }
.qk-askloc-msg { flex-basis: 100%; margin: 0; font-size: 13px; color: #5b6475; }
.qk-askloc-msg:empty { display: none; }
@media (max-width: 767.98px) {
	.qk-askloc-in { padding-top: 8px; padding-bottom: 8px; gap: 6px; }
	.qk-askloc-q { font-size: 14px; width: 100%; white-space: normal; }
	.qk-askloc-actions { width: 100%; margin: 0; gap: 6px; }
	.qk-askloc-btn { flex: 1 1 0; justify-content: center; padding: 8px 6px; font-size: 12.5px; gap: 4px; min-width: 0; }
	.qk-askloc-btn span { overflow: hidden; text-overflow: ellipsis; }
}


/* ---------- Ad page on phones: app-style top bar, contact bar ---------- */
.qk-ad-topbar { position: sticky; top: 0; z-index: 1035; display: flex; align-items: center; gap: 2px; height: 54px; padding: 0 4px; background: #fff; border-bottom: 1px solid var(--qk-border); }
.qk-ad-topbar-title { flex: 1; min-width: 0; font-weight: 700; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 4px; }
.qk-ad-topbar form { margin: 0; }
.qk-ad-topbar-btn { min-width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; border: 0; background: none; color: var(--qk-primary); font-size: 19px; border-radius: 10px; text-decoration: none; padding: 0 8px; }
.qk-ad-topbar-btn:active { background: var(--qk-primary-light); }
.qk-ad-topbar-btn b { font-size: 15px; font-weight: 700; }
.qk-ad-price-m { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 4px 0 10px; }
.qk-ad-price-m .qk-price-big { font-size: 24px; }
@media (max-width: 767.98px) {
	.qk-ad-page .qk-header, .qk-ad-page .qk-ad-crumbs { display: none; }
	.qk-ad-page .qk-gallery-main { aspect-ratio: auto; height: min(75vw, 340px); }
	.qk-ad-page .qk-gallery-thumbs { display: none; }
	.qk-ad-page .qk-gal-nav { display: none; }
}

/* Ad page blocks (v2): photo, title & price card, chat, details, seller */
.qk-ad-head { padding: 16px 18px; margin-top: 12px; }
.qk-ad-head-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.qk-ad-where { color: var(--qk-muted); font-size: 13px; }
.qk-ad-where i { margin-right: 3px; }
.qk-ad-head .qk-ad-title { margin: 6px 0 4px; }
.qk-ad-head .qk-ad-meta { margin-bottom: 0; }
.qk-ad-btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.qk-ad-btns .btn { min-height: 46px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.qk-ad-btns form .btn { width: 100%; }
.qk-ad-chat-m, .qk-ad-body { padding: 16px 18px; margin-top: 12px; }
.qk-description.is-clamped { max-height: 9.5em; overflow: hidden; -webkit-mask-image: linear-gradient(#000 60%, transparent); mask-image: linear-gradient(#000 60%, transparent); }
.qk-show-more { display: block; margin: 6px 0 0 auto; border: 0; background: none; color: var(--qk-primary); font-weight: 700; padding: 6px 0; }
.qk-seller-m { display: flex; align-items: center; gap: 12px; padding: 14px 16px; margin-top: 12px; color: var(--qk-text); text-decoration: none; }
.qk-seller-m > i { color: var(--qk-primary); }
.qk-seller-m .qk-seller-avatar { flex: none; }
.qk-seller-m-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.qk-seller-m-text strong { font-size: 16px; }
.qk-seller-m-text em { font-style: normal; color: var(--qk-primary); font-weight: 700; }
.qk-seller-m-tags { display: flex; flex-wrap: wrap; gap: 6px; font-size: 12px; }
.qk-seller-m-tags span { background: #eef1f6; border-radius: 6px; padding: 3px 8px; }
.qk-seller-m-tags .is-verified { background: #e4f6ea; color: #0f6b34; font-weight: 700; }
.qk-ad-links-m { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 4px 8px; margin-top: 12px; }
.qk-ad-links-m button, .qk-ad-links-m form button { width: 100%; border: 0; background: none; padding: 14px 0; font-weight: 600; color: var(--qk-primary); }
.qk-ad-links-m .is-danger { color: #b42318; }
.qk-ad-links-m form { margin: 0; }
@media (max-width: 991.98px) {
	.qk-ad-page .qk-ad .qk-tips { margin-top: 12px; }
	.qk-ad-page .qk-ad .qk-attrs { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 0; }
	.qk-ad-page .qk-ad .qk-attr { background: none; padding: 0; flex-direction: column-reverse; }
	.qk-ad-page .qk-ad .qk-attr span { text-transform: uppercase; letter-spacing: .02em; }
	.qk-ad-page .qk-ad .qk-attr strong { font-size: 15.5px; font-weight: 600; }
}
@media (max-width: 767.98px) {
	.qk-ad-page .qk-ad { padding-left: 10px; padding-right: 10px; }
	.qk-ad-page .qk-ad > .row > .col-lg-8 > .qk-panel:first-child { margin: 0 -10px; border-radius: 0; }
	.qk-ad-page .qk-ad-head { margin-top: -14px; position: relative; z-index: 3; }
	.qk-ad-page .qk-ad .qk-panel { border-radius: 14px; }
	.qk-ad-page .qk-ad-head .qk-ad-title { font-size: 20px; }
}

/* Bottom sheets on phones (Request call back, Make an offer) */
.qk-choice { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.qk-choice.qk-choice-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.qk-choice label { margin: 0; cursor: pointer; }
.qk-choice input { position: absolute; opacity: 0; pointer-events: none; }
.qk-choice span { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 44px; border: 1px solid #c9d3ea; border-radius: 10px; font-weight: 600; font-size: 13.5px; padding: 6px 4px; }
.qk-choice input:checked + span { border: 2px solid var(--qk-primary); background: var(--qk-primary-light); color: var(--qk-primary); font-weight: 800; }
.qk-choice input:focus-visible + span { outline: 2px solid var(--qk-primary); outline-offset: 2px; }
.qk-sheet .modal-footer { flex-direction: column; gap: 6px; }
@media (max-width: 575.98px) {
	.qk-sheet .modal-dialog { margin: 0; position: fixed; bottom: 0; left: 0; right: 0; max-width: none; min-height: 0; transform: translateY(100%); transition: transform .22s ease-out; align-items: flex-end; }
	.qk-sheet.show .modal-dialog { transform: none; }
	.qk-sheet .modal-content { border-radius: 20px 20px 0 0; border: 0; padding-bottom: env(safe-area-inset-bottom); }
	.qk-choice { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.qk-choice.qk-choice-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ---------- Full-screen photo viewer ---------- */
.qk-viewer { position: fixed; inset: 0; z-index: 2000; background: #000; color: #fff; display: flex; flex-direction: column; touch-action: none; }
.qk-viewer[hidden] { display: none; }
.qk-viewer-top { display: flex; align-items: center; justify-content: space-between; padding: calc(8px + env(safe-area-inset-top)) 12px 8px; font-weight: 600; }
.qk-viewer-close { width: 44px; height: 44px; border-radius: 10px; border: 0; background: #1d1f24; color: #fff; font-size: 20px; }
.qk-viewer-stage { flex: 1; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.qk-viewer-stage img { max-width: 100%; max-height: 100%; object-fit: contain; transform-origin: center center; transition: transform .15s ease-out; user-select: none; -webkit-user-drag: none; }
.qk-viewer-stage.is-dragging img { transition: none; }
.qk-viewer-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .15); color: #fff; font-size: 18px; }
.qk-viewer-nav.prev { left: 10px; }
.qk-viewer-nav.next { right: 10px; }
.qk-viewer-thumbs { display: flex; gap: 6px; padding: 10px 12px calc(12px + env(safe-area-inset-bottom)); overflow-x: auto; justify-content: center; }
.qk-viewer-thumbs button { flex: 0 0 56px; height: 56px; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: #222; opacity: .6; }
.qk-viewer-thumbs button.active { border-color: #fff; opacity: 1; }
.qk-viewer-thumbs img { width: 100%; height: 100%; object-fit: cover; }
body.qk-viewer-open { overflow: hidden; }

/* ---------- Instant loader while the next page loads ---------- */
.qk-pageload { position: fixed; inset: 0; z-index: 1900; background: var(--qk-bg, #f4f6fb); display: none; flex-direction: column; }
.qk-pageload.is-on { display: flex; }
.qk-pageload-bar { height: 3px; background: var(--qk-primary-light); overflow: hidden; }
.qk-pageload-bar span { display: block; height: 3px; width: 30%; background: var(--qk-primary); animation: qk-load 1.1s ease-in-out infinite; }
@keyframes qk-load { from { transform: translateX(-100%); } to { transform: translateX(400%); } }
.qk-pageload-top { height: 54px; background: #fff; border-bottom: 1px solid var(--qk-border); display: flex; align-items: center; gap: 10px; padding: 0 14px; }
.qk-pageload-photo { height: min(75vw, 340px); background: #e3e8f2; display: flex; align-items: center; justify-content: center; gap: 10px; }
.qk-pageload-dots { display: flex; gap: 10px; justify-content: center; padding: 40px 0; }
.qk-pageload-dots i, .qk-pageload-photo i { width: 12px; height: 12px; border-radius: 50%; background: var(--qk-primary); animation: qk-dot 1s ease-in-out infinite; }
.qk-pageload-dots i:nth-child(2), .qk-pageload-photo i:nth-child(2) { background: var(--qk-accent); animation-delay: .15s; }
.qk-pageload-dots i:nth-child(3), .qk-pageload-photo i:nth-child(3) { background: var(--qk-primary-soft); animation-delay: .3s; }
@keyframes qk-dot { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.qk-skel { display: block; border-radius: 6px; background: #e3e8f2; }
.qk-pageload-body { padding: 12px; display: flex; flex-direction: column; gap: 12px; max-width: 900px; width: 100%; margin: 0 auto; }
.qk-pageload-card { background: #fff; border-radius: 12px; padding: 14px; display: flex; flex-direction: column; gap: 10px; }
.qk-pageload [data-kind] { display: none; }
.qk-pageload[data-mode="ad"] [data-kind="ad"], .qk-pageload[data-mode="page"] [data-kind="page"] { display: flex; }
@media (min-width: 768px) { .qk-pageload { background: rgba(244, 246, 251, .6); } .qk-pageload [data-kind] { display: none !important; } .qk-pageload-dots { display: none; } }
@media (prefers-reduced-motion: reduce) { .qk-pageload-bar span, .qk-pageload-dots i, .qk-pageload-photo i { animation: none; } }

/* ---------- Categories panel (sub-categories open without a page load) ---------- */
.qk-catpanel { position: fixed; inset: 0; z-index: 1950; background: #fff; display: flex; flex-direction: column; }
.qk-catpanel[hidden] { display: none; }
.qk-catpanel-head { background: var(--qk-primary); padding: calc(10px + env(safe-area-inset-top)) 12px 10px; }
.qk-catpanel-search { display: flex; align-items: center; gap: 6px; background: #fff; border-radius: 10px; height: 48px; padding: 0 6px; }
.qk-catpanel-search input { flex: 1; min-width: 0; border: 0; outline: 0; font-size: 16px; }
.qk-catpanel-back, .qk-catpanel-x { width: 40px; height: 40px; border: 0; background: none; color: var(--qk-primary); font-size: 18px; border-radius: 8px; }
.qk-catpanel-title { padding: 12px 16px 6px; font-size: 13px; font-weight: 700; color: #4a5468; text-transform: uppercase; letter-spacing: .03em; }
.qk-catpanel-list { flex: 1; overflow-y: auto; padding-bottom: env(safe-area-inset-bottom); }
.qk-catpanel .qk-catpanel-item, .qk-catpanel .qk-catpanel-item:hover { color: var(--qk-text); }
.qk-catpanel-item { display: flex; align-items: center; gap: 14px; padding: 10px 16px; border-bottom: 1px solid #eef1f6; text-decoration: none; color: var(--qk-text); }
.qk-catpanel-item:hover { background: var(--qk-primary-light); }
.qk-catpanel-ico { width: 52px; height: 52px; border-radius: 12px; background: var(--qk-primary-light); color: var(--qk-primary); display: flex; align-items: center; justify-content: center; font-size: 20px; flex: none; overflow: hidden; }
.qk-catpanel-ico img { width: 100%; height: 100%; object-fit: cover; }
.qk-catpanel-item.is-all .qk-catpanel-ico { background: var(--qk-primary); color: #fff; }
.qk-catpanel .qk-catpanel-item.is-all strong { color: var(--qk-primary); }
.qk-catpanel-text { flex: 1; min-width: 0; }
.qk-catpanel-text strong { display: block; font-size: 16px; font-weight: 600; }
.qk-catpanel-text small { color: #4a5468; font-size: 13px; }
.qk-catpanel-text em { font-style: normal; color: #4a5468; font-size: 12px; }
.qk-catpanel-empty { padding: 24px 16px; color: #4a5468; }
/* Computers: the panel opens beside the category list instead of covering the screen */
@media (min-width: 992px) {
	.qk-catpanel { position: absolute; inset: auto; top: 0; left: calc(100% + 12px); width: min(820px, calc(100vw - 420px)); max-height: 640px; border-radius: 14px; box-shadow: 0 16px 40px rgba(15, 26, 51, .18); z-index: 1040; overflow: hidden; }
	.qk-catpanel-head { background: #fff; padding: 14px 16px 8px; border-bottom: 1px solid var(--qk-border); }
	.qk-catpanel-search { border: 1px solid #c9d3ea; }
	.qk-catpanel-back { display: none; }
	.qk-catpanel-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; padding: 12px 16px 16px; align-content: start; }
	.qk-catpanel-item { border: 1px solid #e3e8f2; border-radius: 10px; padding: 10px; }
	.qk-catpanel-title { grid-column: 1 / -1; padding: 0; }
	.qk-cat-aside { position: relative; z-index: 1040; }
	.qk-cat-side li a.is-open { background: var(--qk-primary-light); }
	.qk-cat-side li a.is-open .qk-cat-name { color: var(--qk-primary); }
}
body.qk-catpanel-open { overflow: hidden; }
@media (min-width: 992px) { body.qk-catpanel-open { overflow: auto; } }

/* ---------- Show / hide password ---------- */
.qk-pw { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; display: flex; }
.qk-pw > input { padding-right: 46px !important; flex: 1; width: 100%; }
.input-group > .qk-pw > input { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.qk-pw-toggle { position: absolute; right: 2px; top: 50%; transform: translateY(-50%); width: 42px; height: 40px; border: 0; background: none; color: #4a5468; font-size: 16px; z-index: 5; border-radius: 8px; }
.qk-pw-toggle:hover, .qk-pw-toggle:focus-visible { color: var(--qk-primary); }
.qk-ad-btns .btn { white-space: nowrap; padding-left: 6px; padding-right: 6px; font-size: 15px; }
@media (max-width: 380px) { .qk-ad-btns .btn { font-size: 13.5px; } }